@watermarkinsights/ripple 5.12.0 → 5.13.0-alpha.1
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/LICENSE +21 -0
- package/README.md +1 -1
- package/dist/{esm/chartFunctions-9099c7e9.js → components/chartFunctions.js} +4 -4
- package/dist/components/functions.js +17465 -0
- package/dist/components/index.d.ts +33 -0
- package/dist/{collection/global/global.js → components/index.js} +52 -2
- package/dist/{collection/global → components}/interfaces.js +6 -4
- package/dist/{esm/intl-a6f16883.js → components/intl.js} +1 -1
- package/dist/components/priv-calendar.d.ts +11 -0
- package/dist/components/priv-calendar.js +6 -0
- package/dist/{esm/priv-calendar.entry.js → components/priv-calendar2.js} +40 -17
- package/dist/components/priv-chart-popover.d.ts +11 -0
- package/dist/components/priv-chart-popover.js +6 -0
- package/dist/{esm/priv-chart-popover.entry.js → components/priv-chart-popover2.js} +32 -13
- package/dist/components/priv-navigator-button.d.ts +11 -0
- package/dist/components/priv-navigator-button.js +6 -0
- package/dist/{esm/priv-navigator-button.entry.js → components/priv-navigator-button2.js} +27 -9
- package/dist/components/priv-navigator-item.d.ts +11 -0
- package/dist/components/priv-navigator-item.js +6 -0
- package/dist/{esm/priv-navigator-item.entry.js → components/priv-navigator-item2.js} +28 -9
- package/dist/components/priv-option-list.d.ts +11 -0
- package/dist/components/priv-option-list.js +6 -0
- package/dist/{esm/priv-option-list.entry.js → components/priv-option-list2.js} +54 -21
- package/dist/components/wm-action-menu.d.ts +11 -0
- package/dist/components/wm-action-menu.js +6 -0
- package/dist/{cjs/wm-pagination.cjs.entry.js → components/wm-action-menu2.js} +216 -212
- package/dist/components/wm-button.d.ts +11 -0
- package/dist/components/wm-button.js +6 -0
- package/dist/{esm/wm-button.entry.js → components/wm-button2.js} +49 -20
- package/dist/components/wm-chart-slice.d.ts +11 -0
- package/dist/components/wm-chart-slice.js +41 -0
- package/dist/components/wm-chart.d.ts +11 -0
- package/dist/{esm/wm-chart.entry.js → components/wm-chart.js} +61 -22
- package/dist/components/wm-date-range.d.ts +11 -0
- package/dist/{esm/wm-date-range.entry.js → components/wm-date-range.js} +66 -23
- package/dist/components/wm-datepicker.d.ts +11 -0
- package/dist/{esm/wm-datepicker.entry.js → components/wm-datepicker.js} +58 -20
- package/dist/components/wm-file-list.d.ts +11 -0
- package/dist/{cjs/wm-file-list.cjs.entry.js → components/wm-file-list.js} +29 -13
- package/dist/components/wm-file.d.ts +11 -0
- package/dist/{esm/wm-file.entry.js → components/wm-file.js} +59 -20
- package/dist/components/wm-input.d.ts +11 -0
- package/dist/{esm/wm-input.entry.js → components/wm-input.js} +54 -22
- package/dist/components/wm-line-chart.d.ts +11 -0
- package/dist/{esm/wm-line-chart.entry.js → components/wm-line-chart.js} +80 -39
- package/dist/components/wm-menuitem.d.ts +11 -0
- package/dist/components/wm-menuitem.js +6 -0
- package/dist/{cjs/wm-optgroup.cjs.entry.js → components/wm-menuitem2.js} +130 -57
- package/dist/components/wm-modal-footer.d.ts +11 -0
- package/dist/components/wm-modal-footer.js +73 -0
- package/dist/components/wm-modal-header.d.ts +11 -0
- package/dist/components/wm-modal-header.js +61 -0
- package/dist/components/wm-modal-pss-footer.d.ts +11 -0
- package/dist/{cjs/priv-chart-popover.cjs.entry.js → components/wm-modal-pss-footer.js} +58 -128
- package/dist/components/wm-modal-pss-header.d.ts +11 -0
- package/dist/components/wm-modal-pss-header.js +64 -0
- package/dist/components/wm-modal-pss.d.ts +11 -0
- package/dist/{cjs/wm-textarea.cjs.entry.js → components/wm-modal-pss.js} +141 -66
- package/dist/components/wm-modal.d.ts +11 -0
- package/dist/{cjs/wm-input.cjs.entry.js → components/wm-modal.js} +140 -103
- package/dist/components/wm-navigation-hamburger.d.ts +11 -0
- package/dist/{ripple/p-f9cade98.entry.js → components/wm-navigation-hamburger.js} +70 -1
- package/dist/components/wm-navigation-item.d.ts +11 -0
- package/dist/components/wm-navigation-item.js +40 -0
- package/dist/components/wm-navigation.d.ts +11 -0
- package/dist/{ripple/p-1a71d867.system.entry.js → components/wm-navigation.js} +144 -1
- package/dist/components/wm-navigator.d.ts +11 -0
- package/dist/{esm/wm-navigator.entry.js → components/wm-navigator.js} +106 -18
- package/dist/components/wm-nested-select.d.ts +11 -0
- package/dist/{esm/wm-nested-select.entry.js → components/wm-nested-select.js} +56 -23
- package/dist/components/wm-optgroup.d.ts +11 -0
- package/dist/{esm/wm-optgroup.entry.js → components/wm-optgroup.js} +49 -11
- package/dist/components/wm-option.d.ts +11 -0
- package/dist/components/wm-option.js +6 -0
- package/dist/{cjs/wm-search.cjs.entry.js → components/wm-option2.js} +168 -165
- package/dist/components/wm-pagination.d.ts +11 -0
- package/dist/{esm/wm-pagination.entry.js → components/wm-pagination.js} +45 -17
- package/dist/components/wm-progress-indicator.d.ts +11 -0
- package/dist/{esm/wm-progress-indicator_3.entry.js → components/wm-progress-indicator.js} +52 -104
- package/dist/components/wm-progress-monitor.d.ts +11 -0
- package/dist/components/wm-progress-monitor.js +93 -0
- package/dist/components/wm-progress-slice.d.ts +11 -0
- package/dist/components/wm-progress-slice.js +37 -0
- package/dist/components/wm-search.d.ts +11 -0
- package/dist/{esm/wm-search.entry.js → components/wm-search.js} +76 -15
- package/dist/components/wm-select.d.ts +11 -0
- package/dist/components/wm-select.js +6 -0
- package/dist/components/wm-select2.js +294 -0
- package/dist/components/wm-snackbar.d.ts +11 -0
- package/dist/{esm/wm-snackbar.entry.js → components/wm-snackbar.js} +41 -16
- package/dist/components/wm-tab-item.d.ts +11 -0
- package/dist/components/wm-tab-item.js +85 -0
- package/dist/components/wm-tab-list.d.ts +11 -0
- package/dist/{cjs/wm-uploader.cjs.entry.js → components/wm-tab-list.js} +174 -281
- package/dist/components/wm-tab-panel.d.ts +11 -0
- package/dist/{esm/wm-file-list.entry.js → components/wm-tab-panel.js} +46 -12
- package/dist/components/wm-tag-input.d.ts +11 -0
- package/dist/{esm/wm-tag-input.entry.js → components/wm-tag-input.js} +64 -32
- package/dist/components/wm-tag-option.d.ts +11 -0
- package/dist/components/wm-tag-option.js +63 -0
- package/dist/components/wm-textarea.d.ts +11 -0
- package/dist/{esm/wm-textarea.entry.js → components/wm-textarea.js} +47 -17
- package/dist/components/wm-timepicker.d.ts +11 -0
- package/dist/{esm/wm-timepicker.entry.js → components/wm-timepicker.js} +51 -20
- package/dist/components/wm-toggletip.d.ts +11 -0
- package/dist/{esm/wm-toggletip.entry.js → components/wm-toggletip.js} +38 -16
- package/dist/components/wm-uploader.d.ts +11 -0
- package/dist/{esm/wm-uploader.entry.js → components/wm-uploader.js} +52 -24
- package/dist/components/wm-wrapper.d.ts +11 -0
- package/dist/components/wm-wrapper.js +34 -0
- package/dist/types/stencil-public-runtime.d.ts +31 -10
- package/package.json +4 -8
- package/dist/cjs/chartFunctions-a1981e06.js +0 -732
- package/dist/cjs/functions-4b187487.js +0 -9679
- package/dist/cjs/global-4e034486.js +0 -85
- package/dist/cjs/index-e86c28b6.js +0 -2649
- package/dist/cjs/index.cjs.js +0 -2
- package/dist/cjs/interfaces-85d78ae9.js +0 -37
- package/dist/cjs/intl-7fd0760e.js +0 -283
- package/dist/cjs/loader.cjs.js +0 -14
- package/dist/cjs/priv-calendar.cjs.entry.js +0 -573
- package/dist/cjs/priv-navigator-button.cjs.entry.js +0 -28
- package/dist/cjs/priv-navigator-item.cjs.entry.js +0 -34
- package/dist/cjs/priv-option-list.cjs.entry.js +0 -392
- package/dist/cjs/ripple.cjs.js +0 -24
- package/dist/cjs/wm-action-menu_2.cjs.entry.js +0 -333
- package/dist/cjs/wm-button.cjs.entry.js +0 -206
- package/dist/cjs/wm-chart-slice.cjs.entry.js +0 -27
- package/dist/cjs/wm-chart.cjs.entry.js +0 -162
- package/dist/cjs/wm-date-range.cjs.entry.js +0 -483
- package/dist/cjs/wm-datepicker.cjs.entry.js +0 -253
- package/dist/cjs/wm-file.cjs.entry.js +0 -193
- package/dist/cjs/wm-line-chart.cjs.entry.js +0 -460
- package/dist/cjs/wm-modal-pss_3.cjs.entry.js +0 -214
- package/dist/cjs/wm-modal_3.cjs.entry.js +0 -212
- package/dist/cjs/wm-navigation_3.cjs.entry.js +0 -185
- package/dist/cjs/wm-navigator.cjs.entry.js +0 -326
- package/dist/cjs/wm-nested-select.cjs.entry.js +0 -314
- package/dist/cjs/wm-option_2.cjs.entry.js +0 -425
- package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +0 -202
- package/dist/cjs/wm-snackbar.cjs.entry.js +0 -181
- package/dist/cjs/wm-tab-item_3.cjs.entry.js +0 -260
- package/dist/cjs/wm-tag-input.cjs.entry.js +0 -891
- package/dist/cjs/wm-tag-option.cjs.entry.js +0 -43
- package/dist/cjs/wm-timepicker.cjs.entry.js +0 -306
- package/dist/cjs/wm-toggletip.cjs.entry.js +0 -182
- package/dist/cjs/wm-wrapper.cjs.entry.js +0 -21
- package/dist/collection/collection-manifest.json +0 -191
- package/dist/collection/components/charts/chartFunctions.js +0 -665
- package/dist/collection/components/charts/chartFunctions.spec.js +0 -16
- package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.css +0 -908
- package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.e2e.js +0 -81
- package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js +0 -257
- package/dist/collection/components/charts/screenshots.e2e.js +0 -96
- package/dist/collection/components/charts/wm-chart/wm-chart-slice.js +0 -125
- package/dist/collection/components/charts/wm-chart/wm-chart.css +0 -1274
- package/dist/collection/components/charts/wm-chart/wm-chart.e2e.js +0 -213
- package/dist/collection/components/charts/wm-chart/wm-chart.js +0 -422
- package/dist/collection/components/charts/wm-chart/wm-chart.spec.js +0 -37
- package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css +0 -1067
- package/dist/collection/components/charts/wm-line-chart/wm-line-chart.e2e.js +0 -176
- package/dist/collection/components/charts/wm-line-chart/wm-line-chart.js +0 -723
- package/dist/collection/components/charts/wm-line-chart/wm-line-chart.spec.js +0 -163
- package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css +0 -1274
- package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.js +0 -264
- package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css +0 -909
- package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.e2e.js +0 -69
- package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.js +0 -151
- package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.spec.js +0 -79
- package/dist/collection/components/charts/wm-progress-monitor/wm-progress-slice.js +0 -121
- package/dist/collection/components/datepickers/datepicker.css +0 -1043
- package/dist/collection/components/datepickers/priv-calendar/priv-calendar.css +0 -1279
- package/dist/collection/components/datepickers/priv-calendar/priv-calendar.js +0 -840
- package/dist/collection/components/datepickers/priv-calendar/priv-calendar.spec.js +0 -89
- package/dist/collection/components/datepickers/wm-date-range.e2e.js +0 -443
- package/dist/collection/components/datepickers/wm-date-range.js +0 -845
- package/dist/collection/components/datepickers/wm-date-range.spec.js +0 -22
- package/dist/collection/components/datepickers/wm-datepicker.e2e.js +0 -382
- package/dist/collection/components/datepickers/wm-datepicker.js +0 -520
- package/dist/collection/components/datepickers/wm-datepicker.spec.js +0 -21
- package/dist/collection/components/selects/priv-option-list/priv-option-list.css +0 -918
- package/dist/collection/components/selects/priv-option-list/priv-option-list.js +0 -778
- package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +0 -1181
- package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +0 -620
- package/dist/collection/components/selects/wm-optgroup/wm-optgroup.css +0 -830
- package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js +0 -258
- package/dist/collection/components/selects/wm-option/wm-option.css +0 -931
- package/dist/collection/components/selects/wm-option/wm-option.e2e.js +0 -22
- package/dist/collection/components/selects/wm-option/wm-option.js +0 -530
- package/dist/collection/components/selects/wm-option/wm-option.spec.js +0 -63
- package/dist/collection/components/selects/wm-select/wm-select.css +0 -1104
- package/dist/collection/components/selects/wm-select/wm-select.e2e.js +0 -521
- package/dist/collection/components/selects/wm-select/wm-select.js +0 -584
- package/dist/collection/components/selects/wm-select/wm-select.spec.js +0 -271
- package/dist/collection/components/wm-action-menu/wm-action-menu.css +0 -891
- package/dist/collection/components/wm-action-menu/wm-action-menu.e2e.js +0 -200
- package/dist/collection/components/wm-action-menu/wm-action-menu.js +0 -435
- package/dist/collection/components/wm-action-menu/wm-action-menu.spec.js +0 -48
- package/dist/collection/components/wm-button/wm-button.css +0 -1261
- package/dist/collection/components/wm-button/wm-button.e2e.js +0 -55
- package/dist/collection/components/wm-button/wm-button.js +0 -489
- package/dist/collection/components/wm-button/wm-button.spec.js +0 -74
- package/dist/collection/components/wm-file/wm-file.css +0 -927
- package/dist/collection/components/wm-file/wm-file.js +0 -412
- package/dist/collection/components/wm-file/wm-file.spec.js +0 -194
- package/dist/collection/components/wm-file-list/wm-file-list.css +0 -820
- package/dist/collection/components/wm-file-list/wm-file-list.js +0 -45
- package/dist/collection/components/wm-file-list/wm-file-list.spec.js +0 -69
- package/dist/collection/components/wm-input/wm-input.css +0 -992
- package/dist/collection/components/wm-input/wm-input.e2e.js +0 -32
- package/dist/collection/components/wm-input/wm-input.js +0 -471
- package/dist/collection/components/wm-input/wm-input.spec.js +0 -173
- package/dist/collection/components/wm-menuitem/wm-menuitem.css +0 -891
- package/dist/collection/components/wm-menuitem/wm-menuitem.e2e.js +0 -23
- package/dist/collection/components/wm-menuitem/wm-menuitem.js +0 -419
- package/dist/collection/components/wm-menuitem/wm-menuitem.spec.js +0 -54
- package/dist/collection/components/wm-modal/wm-modal-footer.css +0 -845
- package/dist/collection/components/wm-modal/wm-modal-footer.js +0 -141
- package/dist/collection/components/wm-modal/wm-modal-footer.spec.js +0 -11
- package/dist/collection/components/wm-modal/wm-modal-header.css +0 -844
- package/dist/collection/components/wm-modal/wm-modal-header.js +0 -78
- package/dist/collection/components/wm-modal/wm-modal-header.spec.js +0 -8
- package/dist/collection/components/wm-modal/wm-modal.css +0 -891
- package/dist/collection/components/wm-modal/wm-modal.e2e.js +0 -104
- package/dist/collection/components/wm-modal/wm-modal.js +0 -350
- package/dist/collection/components/wm-modal/wm-modal.spec.js +0 -30
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +0 -852
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +0 -138
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +0 -846
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +0 -82
- package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +0 -927
- package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +0 -362
- package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css +0 -847
- package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js +0 -119
- package/dist/collection/components/wm-navigation/wm-navigation-item.css +0 -856
- package/dist/collection/components/wm-navigation/wm-navigation-item.js +0 -98
- package/dist/collection/components/wm-navigation/wm-navigation.css +0 -898
- package/dist/collection/components/wm-navigation/wm-navigation.e2e.js +0 -102
- package/dist/collection/components/wm-navigation/wm-navigation.js +0 -190
- package/dist/collection/components/wm-navigation/wm-navigation.spec.js +0 -91
- package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css +0 -849
- package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.e2e.js +0 -50
- package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +0 -86
- package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.css +0 -830
- package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +0 -124
- package/dist/collection/components/wm-navigator/wm-navigator.css +0 -903
- package/dist/collection/components/wm-navigator/wm-navigator.e2e.js +0 -209
- package/dist/collection/components/wm-navigator/wm-navigator.js +0 -496
- package/dist/collection/components/wm-navigator/wm-navigator.spec.js +0 -177
- package/dist/collection/components/wm-pagination/wm-pagination.css +0 -971
- package/dist/collection/components/wm-pagination/wm-pagination.e2e.js +0 -312
- package/dist/collection/components/wm-pagination/wm-pagination.js +0 -363
- package/dist/collection/components/wm-search/wm-search.css +0 -895
- package/dist/collection/components/wm-search/wm-search.e2e.js +0 -76
- package/dist/collection/components/wm-search/wm-search.js +0 -426
- package/dist/collection/components/wm-search/wm-search.spec.js +0 -71
- package/dist/collection/components/wm-snackbar/wm-snackbar.css +0 -1077
- package/dist/collection/components/wm-snackbar/wm-snackbar.e2e.js +0 -112
- package/dist/collection/components/wm-snackbar/wm-snackbar.js +0 -269
- package/dist/collection/components/wm-snackbar/wm-snackbar.spec.js +0 -9
- package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +0 -868
- package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +0 -175
- package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +0 -840
- package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +0 -273
- package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.css +0 -825
- package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +0 -87
- package/dist/collection/components/wm-tabs/wm-tabs.e2e.js +0 -91
- package/dist/collection/components/wm-tabs/wm-tabs.spec.js +0 -12
- package/dist/collection/components/wm-tag-input/wm-tag-input.css +0 -1275
- package/dist/collection/components/wm-tag-input/wm-tag-input.e2e.js +0 -204
- package/dist/collection/components/wm-tag-input/wm-tag-input.js +0 -1227
- package/dist/collection/components/wm-tag-input/wm-tag-input.spec.js +0 -195
- package/dist/collection/components/wm-tag-input/wm-tag-option/wm-tag-option.js +0 -243
- package/dist/collection/components/wm-textarea/wm-textarea.css +0 -979
- package/dist/collection/components/wm-textarea/wm-textarea.e2e.js +0 -41
- package/dist/collection/components/wm-textarea/wm-textarea.js +0 -313
- package/dist/collection/components/wm-textarea/wm-textarea.spec.js +0 -79
- package/dist/collection/components/wm-timepicker/wm-timepicker.css +0 -1093
- package/dist/collection/components/wm-timepicker/wm-timepicker.e2e.js +0 -163
- package/dist/collection/components/wm-timepicker/wm-timepicker.js +0 -544
- package/dist/collection/components/wm-timepicker/wm-timepicker.spec.js +0 -147
- package/dist/collection/components/wm-toggletip/wm-toggletip.css +0 -1152
- package/dist/collection/components/wm-toggletip/wm-toggletip.e2e.js +0 -69
- package/dist/collection/components/wm-toggletip/wm-toggletip.js +0 -289
- package/dist/collection/components/wm-toggletip/wm-toggletip.spec.js +0 -21
- package/dist/collection/components/wm-uploader/wm-uploader.css +0 -1563
- package/dist/collection/components/wm-uploader/wm-uploader.e2e.js +0 -70
- package/dist/collection/components/wm-uploader/wm-uploader.js +0 -603
- package/dist/collection/components/wm-uploader/wm-uploader.spec.js +0 -234
- package/dist/collection/components/wm-wrapper/wm-wrapper.js +0 -28
- package/dist/collection/dev/button.js +0 -0
- package/dist/collection/dev/chart-small.js +0 -56
- package/dist/collection/dev/chart.js +0 -18
- package/dist/collection/dev/date-range.js +0 -6
- package/dist/collection/dev/datepicker.js +0 -46
- package/dist/collection/dev/file-list.js +0 -16
- package/dist/collection/dev/file.js +0 -0
- package/dist/collection/dev/input.js +0 -6
- package/dist/collection/dev/line-chart.js +0 -0
- package/dist/collection/dev/modal.js +0 -48
- package/dist/collection/dev/navigation.js +0 -13
- package/dist/collection/dev/navigator.js +0 -34
- package/dist/collection/dev/nested-select.js +0 -36
- package/dist/collection/dev/pagination.js +0 -7
- package/dist/collection/dev/progress-monitor.js +0 -0
- package/dist/collection/dev/pss-modal.js +0 -8
- package/dist/collection/dev/scripts.js +0 -49
- package/dist/collection/dev/search.js +0 -72
- package/dist/collection/dev/select.js +0 -57
- package/dist/collection/dev/snackbar.js +0 -54
- package/dist/collection/dev/tabs.js +0 -44
- package/dist/collection/dev/tag-input.js +0 -32
- package/dist/collection/dev/textarea.js +0 -28
- package/dist/collection/dev/timepicker.js +0 -32
- package/dist/collection/dev/toggletip.js +0 -9
- package/dist/collection/dev/uploader.js +0 -139
- package/dist/collection/global/__mocks__/functions.js +0 -6
- package/dist/collection/global/functions.js +0 -825
- package/dist/collection/global/functions.spec.js +0 -126
- package/dist/collection/global/intl.js +0 -274
- package/dist/collection/global/services/__mocks__/http-service.js +0 -130
- package/dist/collection/global/services/http-service.js +0 -50
- package/dist/collection/lang/lang.js +0 -5
- package/dist/collection/lang/lang.spec.js +0 -20
- package/dist/collection/lang/missing.js +0 -43
- package/dist/collection/lang/piglatin.js +0 -101
- package/dist/esm/functions-00e1916b.js +0 -9639
- package/dist/esm/global-c76064cb.js +0 -83
- package/dist/esm/index-558b5a82.js +0 -2618
- package/dist/esm/index.js +0 -1
- package/dist/esm/interfaces-cc5b177f.js +0 -34
- package/dist/esm/loader.js +0 -10
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/esm/ripple.js +0 -19
- package/dist/esm/wm-action-menu_2.entry.js +0 -328
- package/dist/esm/wm-chart-slice.entry.js +0 -23
- package/dist/esm/wm-modal-pss_3.entry.js +0 -208
- package/dist/esm/wm-modal_3.entry.js +0 -206
- package/dist/esm/wm-navigation_3.entry.js +0 -179
- package/dist/esm/wm-option_2.entry.js +0 -420
- package/dist/esm/wm-tab-item_3.entry.js +0 -254
- package/dist/esm/wm-tag-option.entry.js +0 -39
- package/dist/esm/wm-wrapper.entry.js +0 -17
- package/dist/esm-es5/chartFunctions-9099c7e9.js +0 -1
- package/dist/esm-es5/functions-00e1916b.js +0 -1
- package/dist/esm-es5/global-c76064cb.js +0 -1
- package/dist/esm-es5/index-558b5a82.js +0 -1
- package/dist/esm-es5/index.js +0 -0
- package/dist/esm-es5/interfaces-cc5b177f.js +0 -1
- package/dist/esm-es5/intl-a6f16883.js +0 -1
- package/dist/esm-es5/loader.js +0 -1
- package/dist/esm-es5/priv-calendar.entry.js +0 -1
- package/dist/esm-es5/priv-chart-popover.entry.js +0 -1
- package/dist/esm-es5/priv-navigator-button.entry.js +0 -1
- package/dist/esm-es5/priv-navigator-item.entry.js +0 -1
- package/dist/esm-es5/priv-option-list.entry.js +0 -1
- package/dist/esm-es5/ripple.js +0 -1
- package/dist/esm-es5/wm-action-menu_2.entry.js +0 -1
- package/dist/esm-es5/wm-button.entry.js +0 -1
- package/dist/esm-es5/wm-chart-slice.entry.js +0 -1
- package/dist/esm-es5/wm-chart.entry.js +0 -1
- package/dist/esm-es5/wm-date-range.entry.js +0 -1
- package/dist/esm-es5/wm-datepicker.entry.js +0 -1
- package/dist/esm-es5/wm-file-list.entry.js +0 -1
- package/dist/esm-es5/wm-file.entry.js +0 -1
- package/dist/esm-es5/wm-input.entry.js +0 -1
- package/dist/esm-es5/wm-line-chart.entry.js +0 -1
- package/dist/esm-es5/wm-modal-pss_3.entry.js +0 -1
- package/dist/esm-es5/wm-modal_3.entry.js +0 -1
- package/dist/esm-es5/wm-navigation_3.entry.js +0 -1
- package/dist/esm-es5/wm-navigator.entry.js +0 -1
- package/dist/esm-es5/wm-nested-select.entry.js +0 -1
- package/dist/esm-es5/wm-optgroup.entry.js +0 -1
- package/dist/esm-es5/wm-option_2.entry.js +0 -1
- package/dist/esm-es5/wm-pagination.entry.js +0 -1
- package/dist/esm-es5/wm-progress-indicator_3.entry.js +0 -1
- package/dist/esm-es5/wm-search.entry.js +0 -1
- package/dist/esm-es5/wm-snackbar.entry.js +0 -1
- package/dist/esm-es5/wm-tab-item_3.entry.js +0 -1
- package/dist/esm-es5/wm-tag-input.entry.js +0 -1
- package/dist/esm-es5/wm-tag-option.entry.js +0 -1
- package/dist/esm-es5/wm-textarea.entry.js +0 -1
- package/dist/esm-es5/wm-timepicker.entry.js +0 -1
- package/dist/esm-es5/wm-toggletip.entry.js +0 -1
- package/dist/esm-es5/wm-uploader.entry.js +0 -1
- package/dist/esm-es5/wm-wrapper.entry.js +0 -1
- package/dist/index.cjs.js +0 -1
- package/dist/index.js +0 -1
- package/dist/loader/cdn.js +0 -3
- package/dist/loader/index.cjs.js +0 -3
- package/dist/loader/index.d.ts +0 -21
- package/dist/loader/index.es2017.js +0 -3
- package/dist/loader/index.js +0 -4
- package/dist/loader/package.json +0 -11
- package/dist/ripple/index.esm.js +0 -0
- package/dist/ripple/p-05ae54d7.entry.js +0 -1
- package/dist/ripple/p-0d89d63c.system.entry.js +0 -1
- package/dist/ripple/p-118c47eb.system.entry.js +0 -1
- package/dist/ripple/p-1a4b6b02.system.entry.js +0 -1
- package/dist/ripple/p-1a4b7504.system.entry.js +0 -1
- package/dist/ripple/p-1a951dfb.entry.js +0 -1
- package/dist/ripple/p-1c8f550f.system.entry.js +0 -1
- package/dist/ripple/p-1f751b87.js +0 -1
- package/dist/ripple/p-1fac5bf9.js +0 -1
- package/dist/ripple/p-20a8f732.system.entry.js +0 -1
- package/dist/ripple/p-249b56fb.entry.js +0 -1
- package/dist/ripple/p-249d13a1.system.entry.js +0 -1
- package/dist/ripple/p-26906899.entry.js +0 -1
- package/dist/ripple/p-2732bddd.js +0 -1
- package/dist/ripple/p-28119645.system.entry.js +0 -1
- package/dist/ripple/p-2f37f3ee.system.js +0 -1
- package/dist/ripple/p-32bf3f5b.system.entry.js +0 -1
- package/dist/ripple/p-335c03d3.system.entry.js +0 -1
- package/dist/ripple/p-363b534b.entry.js +0 -1
- package/dist/ripple/p-393e4636.js +0 -1
- package/dist/ripple/p-39f79d71.system.entry.js +0 -1
- package/dist/ripple/p-3a231f4b.system.entry.js +0 -1
- package/dist/ripple/p-3d4bb85f.entry.js +0 -1
- package/dist/ripple/p-4228de00.entry.js +0 -1
- package/dist/ripple/p-42fa7a77.system.js +0 -1
- package/dist/ripple/p-48e09589.entry.js +0 -1
- package/dist/ripple/p-4f8fe1d1.system.js +0 -1
- package/dist/ripple/p-50ea2036.system.js +0 -1
- package/dist/ripple/p-522ecb7d.system.entry.js +0 -1
- package/dist/ripple/p-54d6f0f9.entry.js +0 -1
- package/dist/ripple/p-568c595f.js +0 -2
- package/dist/ripple/p-56aeee6e.system.entry.js +0 -1
- package/dist/ripple/p-5e6a4f70.system.js +0 -1
- package/dist/ripple/p-5f082360.system.entry.js +0 -1
- package/dist/ripple/p-5f5fe905.js +0 -1
- package/dist/ripple/p-617c2c75.entry.js +0 -1
- package/dist/ripple/p-6524c53e.system.entry.js +0 -1
- package/dist/ripple/p-65d26233.system.entry.js +0 -1
- package/dist/ripple/p-6834a6d3.entry.js +0 -1
- package/dist/ripple/p-68e04222.entry.js +0 -1
- package/dist/ripple/p-68fddfaa.system.entry.js +0 -1
- package/dist/ripple/p-694903e6.system.entry.js +0 -1
- package/dist/ripple/p-73ca2f26.system.js +0 -1
- package/dist/ripple/p-7b6a65f8.system.entry.js +0 -1
- package/dist/ripple/p-7b7e1eb5.system.entry.js +0 -1
- package/dist/ripple/p-88ebddd7.entry.js +0 -1
- package/dist/ripple/p-8c1d27a7.entry.js +0 -1
- package/dist/ripple/p-8e9c24f3.entry.js +0 -1
- package/dist/ripple/p-8f836507.system.entry.js +0 -1
- package/dist/ripple/p-94495341.entry.js +0 -1
- package/dist/ripple/p-958331bf.entry.js +0 -1
- package/dist/ripple/p-9872623b.entry.js +0 -1
- package/dist/ripple/p-9ab3c088.system.entry.js +0 -1
- package/dist/ripple/p-9aedd599.entry.js +0 -1
- package/dist/ripple/p-9b848151.entry.js +0 -1
- package/dist/ripple/p-a04ef164.system.entry.js +0 -1
- package/dist/ripple/p-a78bb423.system.entry.js +0 -1
- package/dist/ripple/p-a880d9a0.system.entry.js +0 -1
- package/dist/ripple/p-ab8d78cc.system.js +0 -2
- package/dist/ripple/p-adc254e6.entry.js +0 -1
- package/dist/ripple/p-b165d61a.entry.js +0 -1
- package/dist/ripple/p-b39377c7.entry.js +0 -1
- package/dist/ripple/p-b9bca547.entry.js +0 -1
- package/dist/ripple/p-bae2c236.entry.js +0 -1
- package/dist/ripple/p-c53f3704.system.entry.js +0 -1
- package/dist/ripple/p-c56ff16f.entry.js +0 -1
- package/dist/ripple/p-c8cf09a2.system.entry.js +0 -1
- package/dist/ripple/p-cbdceb6e.entry.js +0 -1
- package/dist/ripple/p-cc813406.system.js +0 -1
- package/dist/ripple/p-d20a0f0c.system.entry.js +0 -1
- package/dist/ripple/p-d6111226.entry.js +0 -1
- package/dist/ripple/p-da68c87c.entry.js +0 -1
- package/dist/ripple/p-ddef82fa.system.entry.js +0 -1
- package/dist/ripple/p-dee6d5a3.entry.js +0 -1
- package/dist/ripple/p-e55d5371.entry.js +0 -1
- package/dist/ripple/p-e8c22f01.system.entry.js +0 -1
- package/dist/ripple/p-f555831b.entry.js +0 -1
- package/dist/ripple/p-f5c40e9e.system.entry.js +0 -1
- package/dist/ripple/p-fa09191b.system.entry.js +0 -1
- package/dist/ripple/p-fdfca58b.entry.js +0 -1
- package/dist/ripple/ripple.css +0 -1
- package/dist/ripple/ripple.esm.js +0 -1
- package/dist/ripple/ripple.js +0 -127
- /package/dist/{collection/dev/action-menu.js → types/test-setup.d.ts} +0 -0
|
@@ -1,483 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-e86c28b6.js');
|
|
6
|
-
const functions = require('./functions-4b187487.js');
|
|
7
|
-
|
|
8
|
-
const datepickerCss = ".svg-icon{display:block;width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem)}.svg-icon.horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.svg-icon.vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.svg-icon.svg-add:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-add:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-add-person:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-add-person:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-add-outline:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-add-outline:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-ai:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-ai:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,1L9,9L1,12L9,15L12,23L15,15L23,12L15,9L12,1Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,1L9,9L1,12L9,15L12,23L15,15L23,12L15,9L12,1Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-api-connected:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-api-connected:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20M6.5 18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M12 12Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20M6.5 18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M12 12Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-api-disconnected:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-api-disconnected:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19.8 22.6L17.15 20H6.5Q4.2 20 2.6 18.4T1 14.5Q1 12.58 2.19 11.08 3.38 9.57 5.25 9.15 5.33 8.95 5.4 8.76 5.5 8.57 5.55 8.35L1.4 4.2L2.8 2.8L21.2 21.2M6.5 18H15.15L7.1 9.95Q7.05 10.23 7.03 10.5 7 10.73 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M11.13 14M21.6 18.75L20.15 17.35Q20.58 17 20.79 16.54 21 16.08 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 11.33 6 10.7 6.16 10.07 6.33 9.5 6.68L8.05 5.23Q8.93 4.63 9.91 4.31 10.9 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 16.5 22.63 17.31 22.25 18.15 21.6 18.75M14.83 12.03Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19.8 22.6L17.15 20H6.5Q4.2 20 2.6 18.4T1 14.5Q1 12.58 2.19 11.08 3.38 9.57 5.25 9.15 5.33 8.95 5.4 8.76 5.5 8.57 5.55 8.35L1.4 4.2L2.8 2.8L21.2 21.2M6.5 18H15.15L7.1 9.95Q7.05 10.23 7.03 10.5 7 10.73 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M11.13 14M21.6 18.75L20.15 17.35Q20.58 17 20.79 16.54 21 16.08 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 11.33 6 10.7 6.16 10.07 6.33 9.5 6.68L8.05 5.23Q8.93 4.63 9.91 4.31 10.9 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 16.5 22.63 17.31 22.25 18.15 21.6 18.75M14.83 12.03Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-attach:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-attach:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.5,6V17.5A4,4 0 0,1 12.5,21.5A4,4 0 0,1 8.5,17.5V5A2.5,2.5 0 0,1 11,2.5A2.5,2.5 0 0,1 13.5,5V15.5A1,1 0 0,1 12.5,16.5A1,1 0 0,1 11.5,15.5V6H10V15.5A2.5,2.5 0 0,0 12.5,18A2.5,2.5 0 0,0 15,15.5V5A4,4 0 0,0 11,1A4,4 0 0,0 7,5V17.5A5.5,5.5 0 0,0 12.5,23A5.5,5.5 0 0,0 18,17.5V6H16.5Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.5,6V17.5A4,4 0 0,1 12.5,21.5A4,4 0 0,1 8.5,17.5V5A2.5,2.5 0 0,1 11,2.5A2.5,2.5 0 0,1 13.5,5V15.5A1,1 0 0,1 12.5,16.5A1,1 0 0,1 11.5,15.5V6H10V15.5A2.5,2.5 0 0,0 12.5,18A2.5,2.5 0 0,0 15,15.5V5A4,4 0 0,0 11,1A4,4 0 0,0 7,5V17.5A5.5,5.5 0 0,0 12.5,23A5.5,5.5 0 0,0 18,17.5V6H16.5Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-back:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-back:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-close:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-close:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-checkbox-selected:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-checkbox-selected:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-checkbox-blank:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-checkbox-blank:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-collapsed:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-collapsed:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L15,12L10,7V17Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L15,12L10,7V17Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-date:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-date:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-delete:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-delete:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-download:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-download:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-drilldown:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-drilldown:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M2,3h14v4H2V3 M2,10h20v4H2V10 M2,17h8v4H2V17z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M2,3h14v4H2V3 M2,10h20v4H2V10 M2,17h8v4H2V17z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-edit:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-edit:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-error:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-error:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-expand-less:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-expand-less:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-expand-more:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-expand-more:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-expanded:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-expanded:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7,10L12,15L17,10H7Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7,10L12,15L17,10H7Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-filter:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-filter:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-forward:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-forward:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-help-center:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-help-center:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-hide:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-hide:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-info:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-info:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-locked:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-locked:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-menu:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-menu:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-more-options:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-more-options:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-move-down:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-move-down:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-move-up:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-move-up:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-navigator-icon:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-navigator-icon:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' fill-rule='evenodd' clip-rule='evenodd' d='M21.9,11.5c0,5.5-4.4,9.9-9.9,9.9c-5.5,0-9.9-4.4-9.9-9.9C2.1,6,6.5,1.6,12,1.6 C17.5,1.6,21.9,6,21.9,11.5z M22.5,11.5C22.5,17.3,17.8,22,12,22C6.2,22,1.5,17.3,1.5,11.5C1.5,5.7,6.2,1,12,1 C17.8,1,22.5,5.7,22.5,11.5z M7.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3s0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S7.4,15.6,7.7,15.8z M11.2,15.8c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S10.9,15.6,11.2,15.8z M14.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,15.6,14.7,15.8z M7.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S7.4,12.1,7.7,12.3z M11.2,12.3c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,12.1,11.2,12.3z M14.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S14.4,12.1,14.7,12.3z M7.7,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3S9.7,8.3,9.7,8S9.6,7.4,9.3,7.2S8.8,6.8,8.5,6.8 S7.9,6.9,7.7,7.2S7.3,7.7,7.3,8S7.4,8.6,7.7,8.8z M11.2,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8 s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,8.6,11.2,8.8z M14.7,8.8 c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3 c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,8.6,14.7,8.8z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' fill-rule='evenodd' clip-rule='evenodd' d='M21.9,11.5c0,5.5-4.4,9.9-9.9,9.9c-5.5,0-9.9-4.4-9.9-9.9C2.1,6,6.5,1.6,12,1.6 C17.5,1.6,21.9,6,21.9,11.5z M22.5,11.5C22.5,17.3,17.8,22,12,22C6.2,22,1.5,17.3,1.5,11.5C1.5,5.7,6.2,1,12,1 C17.8,1,22.5,5.7,22.5,11.5z M7.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3s0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S7.4,15.6,7.7,15.8z M11.2,15.8c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S10.9,15.6,11.2,15.8z M14.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,15.6,14.7,15.8z M7.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S7.4,12.1,7.7,12.3z M11.2,12.3c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,12.1,11.2,12.3z M14.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S14.4,12.1,14.7,12.3z M7.7,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3S9.7,8.3,9.7,8S9.6,7.4,9.3,7.2S8.8,6.8,8.5,6.8 S7.9,6.9,7.7,7.2S7.3,7.7,7.3,8S7.4,8.6,7.7,8.8z M11.2,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8 s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,8.6,11.2,8.8z M14.7,8.8 c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3 c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,8.6,14.7,8.8z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-next:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-next:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-notifications:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-notifications:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-open-in-new:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-open-in-new:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-pending:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-pending:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.3,19.3l1.1,1.8c-1,0.5-2.1,0.8-3.3,0.9v-2.1C13.8,19.8,14.6,19.6,15.3,19.3z M3.6,12.6H1.5 c0.1,1.2,0.4,2.3,0.9,3.3l1.8-1.1C3.9,14.1,3.7,13.3,3.6,12.6z M15.3,3.7l1.1-1.8c-1-0.5-2.1-0.8-3.3-0.9v2.1 C13.8,3.2,14.6,3.4,15.3,3.7z M20.4,10.4h2.1c-0.1-1.2-0.4-2.3-0.9-3.3l-1.8,1.1C20.1,8.9,20.3,9.7,20.4,10.4z M8.7,19.3l-1.1,1.8 c1,0.5,2.1,0.8,3.3,0.9v-2.1C10.2,19.8,9.4,19.6,8.7,19.3z M10.9,3.1V1C9.8,1.1,8.7,1.4,7.7,1.9l1.1,1.8C9.4,3.4,10.2,3.2,10.9,3.1 z M18.7,6.4l1.8-1.1c-0.7-0.9-1.5-1.7-2.4-2.4l-1.1,1.8C17.7,5.3,18.2,5.8,18.7,6.4z M4.2,8.2L2.4,7.2c-0.5,1-0.8,2.1-0.9,3.3h2.1 C3.7,9.7,3.9,8.9,4.2,8.2z M20.4,12.6c-0.1,0.8-0.3,1.5-0.6,2.2l1.8,1.1c0.5-1,0.8-2.1,0.9-3.3H20.4z M17.1,18.2l1.1,1.8 c0.9-0.7,1.7-1.5,2.4-2.4l-1.8-1.1C18.2,17.2,17.7,17.7,17.1,18.2z M6.9,4.8L5.8,2.9C4.9,3.6,4.1,4.4,3.5,5.3l1.8,1.1 C5.8,5.8,6.3,5.3,6.9,4.8z M5.3,16.6l-1.8,1.1c0.7,0.9,1.5,1.7,2.4,2.4l1.1-1.8C6.3,17.7,5.8,17.2,5.3,16.6z M13.1,6.2h-2.1v5.7 l4.5,4.5L17,15l-3.9-3.9V6.2z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.3,19.3l1.1,1.8c-1,0.5-2.1,0.8-3.3,0.9v-2.1C13.8,19.8,14.6,19.6,15.3,19.3z M3.6,12.6H1.5 c0.1,1.2,0.4,2.3,0.9,3.3l1.8-1.1C3.9,14.1,3.7,13.3,3.6,12.6z M15.3,3.7l1.1-1.8c-1-0.5-2.1-0.8-3.3-0.9v2.1 C13.8,3.2,14.6,3.4,15.3,3.7z M20.4,10.4h2.1c-0.1-1.2-0.4-2.3-0.9-3.3l-1.8,1.1C20.1,8.9,20.3,9.7,20.4,10.4z M8.7,19.3l-1.1,1.8 c1,0.5,2.1,0.8,3.3,0.9v-2.1C10.2,19.8,9.4,19.6,8.7,19.3z M10.9,3.1V1C9.8,1.1,8.7,1.4,7.7,1.9l1.1,1.8C9.4,3.4,10.2,3.2,10.9,3.1 z M18.7,6.4l1.8-1.1c-0.7-0.9-1.5-1.7-2.4-2.4l-1.1,1.8C17.7,5.3,18.2,5.8,18.7,6.4z M4.2,8.2L2.4,7.2c-0.5,1-0.8,2.1-0.9,3.3h2.1 C3.7,9.7,3.9,8.9,4.2,8.2z M20.4,12.6c-0.1,0.8-0.3,1.5-0.6,2.2l1.8,1.1c0.5-1,0.8-2.1,0.9-3.3H20.4z M17.1,18.2l1.1,1.8 c0.9-0.7,1.7-1.5,2.4-2.4l-1.8-1.1C18.2,17.2,17.7,17.7,17.1,18.2z M6.9,4.8L5.8,2.9C4.9,3.6,4.1,4.4,3.5,5.3l1.8,1.1 C5.8,5.8,6.3,5.3,6.9,4.8z M5.3,16.6l-1.8,1.1c0.7,0.9,1.5,1.7,2.4,2.4l1.1-1.8C6.3,17.7,5.8,17.2,5.3,16.6z M13.1,6.2h-2.1v5.7 l4.5,4.5L17,15l-3.9-3.9V6.2z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-previous:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-previous:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-remove:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-remove:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-remove-tag:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-remove-tag:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-reset:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-reset:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,5V1L7,6L12,11V7A6,6 0 0,1 18,13A6,6 0 0,1 12,19A6,6 0 0,1 6,13H4A8,8 0 0,0 12,21A8,8 0 0,0 20,13A8,8 0 0,0 12,5Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,5V1L7,6L12,11V7A6,6 0 0,1 18,13A6,6 0 0,1 12,19A6,6 0 0,1 6,13H4A8,8 0 0,0 12,21A8,8 0 0,0 20,13A8,8 0 0,0 12,5Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-restore:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-restore:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-rotate-right:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-rotate-right:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-save:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-save:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-search:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-search:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-shape-circle:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-shape-circle:before{-webkit-mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z '/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z '/%3E%3C/svg%3E%0A\")}.svg-icon.svg-shape-pentagon:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-shape-pentagon:before{-webkit-mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2.5L2,9.8L5.8,21.5H18.2L22,9.8L12,2.5Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2.5L2,9.8L5.8,21.5H18.2L22,9.8L12,2.5Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-shape-rhombus:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-shape-rhombus:before{-webkit-mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-shape-star:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-shape-star:before{-webkit-mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-shape-square:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-shape-square:before{-webkit-mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M3,3V21H21V3'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M3,3V21H21V3'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-shape-triangle:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-shape-triangle:before{-webkit-mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1,21H23L12,2'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1,21H23L12,2'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-shape-triangle-inverted:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-shape-triangle-inverted:before{-webkit-mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1 3H23L12 22'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1 3H23L12 22'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-show:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-show:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-sort-a-to-z:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-sort-a-to-z:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-sort-z-to-a:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-sort-z-to-a:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19 15L17.59 13.59L13 18.17V2H11V18.17L6.41 13.58L5 15L12 22L19 15Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19 15L17.59 13.59L13 18.17V2H11V18.17L6.41 13.58L5 15L12 22L19 15Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-success:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-success:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-time:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-time:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M17 13.9L16.3 15.2L11 12.3V7H12.5V11.4L17 13.9Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M17 13.9L16.3 15.2L11 12.3V7H12.5V11.4L17 13.9Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-undo:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-undo:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-upload:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-upload:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-wrong:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-wrong:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z'/%3E%3C/svg%3E%0A\")}: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);position:relative}:host .wrapper.invalid .label:after{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}:host .wrapper.invalid .label:after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z'/%3E%3C/svg%3E%0A\")}:host .wrapper.invalid .label:after{display:inline-block;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem;vertical-align:middle;-ms-flex-negative:0;flex-shrink:0;-webkit-transform:translateY(-1px);transform:translateY(-1px)}: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{height:100%;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}";
|
|
9
|
-
|
|
10
|
-
const DateRange = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
this.wmRangeSelection = index.createEvent(this, "wmRangeSelection", 7);
|
|
14
|
-
this.wmStartInputBlur = index.createEvent(this, "wmStartInputBlur", 7);
|
|
15
|
-
this.wmEndInputBlur = index.createEvent(this, "wmEndInputBlur", 7);
|
|
16
|
-
this.openUp = false;
|
|
17
|
-
this.calWidth = 681; // 673 + 8px of room
|
|
18
|
-
this.popupClicked = false;
|
|
19
|
-
this.toggleButtonClicked = false;
|
|
20
|
-
this.formats = { "mm/dd/yyyy": "US", "dd/mm/yyyy": "INT", "yyyy/mm/dd": "ISO" };
|
|
21
|
-
this.dateFormat = "mm/dd/yyyy";
|
|
22
|
-
this.disabled = false;
|
|
23
|
-
this.errorMessage = undefined;
|
|
24
|
-
this.invalidStart = false;
|
|
25
|
-
this.invalidEnd = false;
|
|
26
|
-
this.labelStart = "";
|
|
27
|
-
this.labelEnd = "";
|
|
28
|
-
this.preselected = undefined;
|
|
29
|
-
this.requiredField = false;
|
|
30
|
-
this.valueStart = "";
|
|
31
|
-
this.valueEnd = "";
|
|
32
|
-
this.availSpace = 0;
|
|
33
|
-
this.isExpanded = false;
|
|
34
|
-
}
|
|
35
|
-
get _disabled() {
|
|
36
|
-
// string "false" needs to be treated as bool False because react wrappers convert bool to string.
|
|
37
|
-
return functions.toBool(this.disabled);
|
|
38
|
-
}
|
|
39
|
-
get focusDates() {
|
|
40
|
-
// the date the first calendar will open to. either:
|
|
41
|
-
// - value-start
|
|
42
|
-
// - a date provided by the dev via prop preselected
|
|
43
|
-
// - today's date
|
|
44
|
-
const isoStart = this.toISO(this.valueStart);
|
|
45
|
-
// fallback:
|
|
46
|
-
let startFocusDate = functions.dateToISO(new Date());
|
|
47
|
-
if (this._isValidISO(isoStart)) {
|
|
48
|
-
startFocusDate = isoStart;
|
|
49
|
-
}
|
|
50
|
-
else if (this.preselected && this._isValidISO(this.preselected)) {
|
|
51
|
-
startFocusDate = this.preselected;
|
|
52
|
-
}
|
|
53
|
-
// the date the second calendar will open to. either:
|
|
54
|
-
// - value-end, if exists and not same month as value-start
|
|
55
|
-
// - the month after the first calendar
|
|
56
|
-
let firstOfNextMonth = this.toJSDate(startFocusDate);
|
|
57
|
-
if (firstOfNextMonth.getUTCMonth() == 11) {
|
|
58
|
-
firstOfNextMonth.setYear(firstOfNextMonth.getUTCFullYear() + 1);
|
|
59
|
-
}
|
|
60
|
-
firstOfNextMonth.setMonth((firstOfNextMonth.getUTCMonth() + 1) % 12, 1);
|
|
61
|
-
let endFocusDate = functions.dateToISO(firstOfNextMonth); // fallback
|
|
62
|
-
const isoEnd = this.toISO(this.valueEnd);
|
|
63
|
-
if (this._isValidISO(isoEnd)) {
|
|
64
|
-
const sameMonth = this.isSameMonth(startFocusDate, isoEnd);
|
|
65
|
-
if (!sameMonth) {
|
|
66
|
-
endFocusDate = isoEnd;
|
|
67
|
-
// if there is a valueEnd and no valueStart, set valueStart to the month before valueEnd;
|
|
68
|
-
if (!isoStart) {
|
|
69
|
-
let firstOfPrevMonth = this.toJSDate(endFocusDate);
|
|
70
|
-
let month = firstOfPrevMonth.getUTCMonth() - 1;
|
|
71
|
-
if (month == -1) {
|
|
72
|
-
month = 11;
|
|
73
|
-
firstOfPrevMonth.setYear(firstOfPrevMonth.getUTCFullYear() - 1);
|
|
74
|
-
}
|
|
75
|
-
firstOfPrevMonth.setMonth(month, 1);
|
|
76
|
-
startFocusDate = functions.dateToISO(firstOfPrevMonth);
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
return [startFocusDate, endFocusDate];
|
|
81
|
-
}
|
|
82
|
-
// same month of the same year
|
|
83
|
-
isSameMonth(date1, date2) {
|
|
84
|
-
if (date1 && date2) {
|
|
85
|
-
return date1.slice(0, -3) === date2.slice(0, -3);
|
|
86
|
-
}
|
|
87
|
-
else {
|
|
88
|
-
return false;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
toJSDate(date) {
|
|
92
|
-
if (date && this._isValidISO(date)) {
|
|
93
|
-
let newDate = new Date();
|
|
94
|
-
newDate.setUTCFullYear(parseInt(date.split("-")[0]), parseInt(date.split("-")[1]) - 1, parseInt(date.split("-")[2]));
|
|
95
|
-
return newDate;
|
|
96
|
-
}
|
|
97
|
-
else {
|
|
98
|
-
return undefined;
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
toISO(date) {
|
|
102
|
-
// returns the input when it can't reformat
|
|
103
|
-
return this._reformatDate(this.formats[this.dateFormat], "ISO", date);
|
|
104
|
-
}
|
|
105
|
-
handleDisabled() {
|
|
106
|
-
functions.handleDisabledAttribute(this.el, this._disabled);
|
|
107
|
-
}
|
|
108
|
-
updateValueStart() {
|
|
109
|
-
this.startInputEl.value = this.valueStart ? this.valueStart : "";
|
|
110
|
-
}
|
|
111
|
-
updateValueEnd() {
|
|
112
|
-
this.endInputEl.value = this.valueEnd ? this.valueEnd : "";
|
|
113
|
-
}
|
|
114
|
-
handleErrorMessage() {
|
|
115
|
-
if (this.errorMessage) {
|
|
116
|
-
setTimeout(() => this.announce(this.errorMessage), 100);
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
togglePopup() {
|
|
120
|
-
this.isExpanded ? this.closePopup() : this.openPopup();
|
|
121
|
-
this.toggleButtonClicked = true;
|
|
122
|
-
}
|
|
123
|
-
closePopup(returnFocus = false) {
|
|
124
|
-
// reset
|
|
125
|
-
// clearing these in case the user closes without finishing the process
|
|
126
|
-
this.date1 = undefined;
|
|
127
|
-
this.date2 = undefined;
|
|
128
|
-
this.startCalEl.startDate = undefined;
|
|
129
|
-
this.startCalEl.endDate = undefined;
|
|
130
|
-
this.startCalEl.hoverDate = undefined;
|
|
131
|
-
this.endCalEl.startDate = undefined;
|
|
132
|
-
this.endCalEl.endDate = undefined;
|
|
133
|
-
this.endCalEl.hoverDate = undefined;
|
|
134
|
-
this.isExpanded = false;
|
|
135
|
-
this.startCalEl.view = "day";
|
|
136
|
-
this.endCalEl.view = "day";
|
|
137
|
-
this.popupEl.classList.remove("open");
|
|
138
|
-
window.setTimeout(() => {
|
|
139
|
-
//not using display none in order to get measurements of the popup while hidden
|
|
140
|
-
this.popupEl.style.visibility = "hidden";
|
|
141
|
-
}, 250);
|
|
142
|
-
//Reset values so that menu reopens to day view with selected date in focus
|
|
143
|
-
if (returnFocus) {
|
|
144
|
-
this.toggleEl.focus();
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
openPopup() {
|
|
148
|
-
// display stuff
|
|
149
|
-
this.openUp = functions.shouldOpenUp(this.el, this.popupEl.clientHeight, this.labelEl.clientHeight);
|
|
150
|
-
const { spaceLeft, spaceRight } = functions.getContextMeasurements(this.el);
|
|
151
|
-
if (spaceRight >= this.calWidth - this.el.clientWidth) {
|
|
152
|
-
this.popupEl.style.left = "0";
|
|
153
|
-
this.popupEl.style.right = "auto";
|
|
154
|
-
}
|
|
155
|
-
else if (spaceLeft >= this.calWidth - this.el.clientWidth) {
|
|
156
|
-
this.popupEl.style.right = "0";
|
|
157
|
-
this.popupEl.style.left = "auto";
|
|
158
|
-
}
|
|
159
|
-
else {
|
|
160
|
-
const offset = (this.availSpace - this.calWidth) / 2 - spaceLeft;
|
|
161
|
-
this.popupEl.style.left = `${offset}px`;
|
|
162
|
-
this.popupEl.style.right = "auto";
|
|
163
|
-
}
|
|
164
|
-
this.popupEl.style.visibility = "visible";
|
|
165
|
-
window.requestAnimationFrame(() => {
|
|
166
|
-
this.popupEl.classList.add("open");
|
|
167
|
-
});
|
|
168
|
-
this.isExpanded = true;
|
|
169
|
-
// state stuff
|
|
170
|
-
this.startCalEl.focusDate = this.focusDates[0];
|
|
171
|
-
this.endCalEl.focusDate = this.focusDates[1];
|
|
172
|
-
this.startCalEl.focusCell();
|
|
173
|
-
if (this.valueStart) {
|
|
174
|
-
const startISO = this.toISO(this.valueStart);
|
|
175
|
-
if (this._isValidISO(startISO)) {
|
|
176
|
-
this.startCalEl.startDate = startISO;
|
|
177
|
-
}
|
|
178
|
-
if (this.valueEnd) {
|
|
179
|
-
const endISO = this.toISO(this.valueEnd);
|
|
180
|
-
if (this._isValidISO(endISO)) {
|
|
181
|
-
if (this.isSameMonth(startISO, endISO)) {
|
|
182
|
-
this.startCalEl.endDate = endISO;
|
|
183
|
-
}
|
|
184
|
-
else {
|
|
185
|
-
this.endCalEl.endDate = endISO;
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
handleFocus() {
|
|
192
|
-
this.wrapperEl.classList.add("focus");
|
|
193
|
-
}
|
|
194
|
-
handleBlur() {
|
|
195
|
-
this.wrapperEl.classList.remove("focus");
|
|
196
|
-
}
|
|
197
|
-
handleStartInputBlur() {
|
|
198
|
-
this.wmStartInputBlur.emit();
|
|
199
|
-
}
|
|
200
|
-
handleEndInputBlur() {
|
|
201
|
-
this.wmEndInputBlur.emit();
|
|
202
|
-
}
|
|
203
|
-
handleStartInput(ev) {
|
|
204
|
-
// keep component's value in sync with input's value
|
|
205
|
-
this.valueStart = ev.target.value;
|
|
206
|
-
}
|
|
207
|
-
handleEndInput(ev) {
|
|
208
|
-
// keep component's value in sync with input's value
|
|
209
|
-
this.valueEnd = ev.target.value;
|
|
210
|
-
}
|
|
211
|
-
handleKey(ev) {
|
|
212
|
-
switch (ev.key) {
|
|
213
|
-
case "Escape":
|
|
214
|
-
ev.preventDefault();
|
|
215
|
-
ev.stopPropagation(); // prevents closing of parent modal
|
|
216
|
-
this.closePopup(true);
|
|
217
|
-
break;
|
|
218
|
-
}
|
|
219
|
-
}
|
|
220
|
-
blurHandler() {
|
|
221
|
-
if (!this.popupClicked && !this.toggleButtonClicked && this.isExpanded) {
|
|
222
|
-
this.closePopup();
|
|
223
|
-
}
|
|
224
|
-
this.popupClicked = false;
|
|
225
|
-
this.toggleButtonClicked = false;
|
|
226
|
-
}
|
|
227
|
-
// for cases where the user clicks or uses a shortcut to leave the document
|
|
228
|
-
handleBlurOnWindow() {
|
|
229
|
-
if (this.isExpanded) {
|
|
230
|
-
this.closePopup();
|
|
231
|
-
}
|
|
232
|
-
}
|
|
233
|
-
handleDateFocus(ev) {
|
|
234
|
-
const cal = ev.target;
|
|
235
|
-
const newFocusVal = cal.focusDate;
|
|
236
|
-
// keeping calendars in sync
|
|
237
|
-
// (left one should always be before right one)
|
|
238
|
-
const startYearMonth = this.startCalEl.focusDate.slice(0, -3);
|
|
239
|
-
const endYearMonth = this.endCalEl.focusDate.slice(0, -3);
|
|
240
|
-
if (cal == this.startCalEl) {
|
|
241
|
-
if (startYearMonth >= endYearMonth) {
|
|
242
|
-
this.endCalEl.focusDate = functions.dateFind.month.increase(this.startCalEl.focusDate, 1);
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
|
-
else if (cal == this.endCalEl) {
|
|
246
|
-
if (endYearMonth <= startYearMonth) {
|
|
247
|
-
this.startCalEl.focusDate = functions.dateFind.month.decrease(this.endCalEl.focusDate, 1);
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
// SR announcements
|
|
251
|
-
if (this.oldFocusVal) {
|
|
252
|
-
const newYear = functions.dateFind.year.asInt(newFocusVal);
|
|
253
|
-
const oldYear = functions.dateFind.year.asInt(this.oldFocusVal);
|
|
254
|
-
const newMonth = functions.dateFind.month.asInt(newFocusVal);
|
|
255
|
-
const oldMonth = functions.dateFind.month.asInt(this.oldFocusVal);
|
|
256
|
-
if (cal.view === "day") {
|
|
257
|
-
if (newYear != oldYear || newMonth != oldMonth) {
|
|
258
|
-
this.liveRegionEl.innerHTML = functions.intl.formatMessage({
|
|
259
|
-
id: "date.viewingMonth",
|
|
260
|
-
defaultMessage: "Viewing {month}, {year}",
|
|
261
|
-
description: "Announcement indicating current month and year visible in a date picker",
|
|
262
|
-
}, {
|
|
263
|
-
month: functions.calendar_months[newMonth - 1],
|
|
264
|
-
year: newYear,
|
|
265
|
-
});
|
|
266
|
-
}
|
|
267
|
-
}
|
|
268
|
-
else {
|
|
269
|
-
if (newYear != oldYear) {
|
|
270
|
-
this.liveRegionEl.innerHTML = functions.intl.formatMessage({
|
|
271
|
-
id: "date.yearSelected",
|
|
272
|
-
defaultMessage: "{year} selected.",
|
|
273
|
-
description: "Announcement after the user selects a year in a date picker",
|
|
274
|
-
}, { year: newYear });
|
|
275
|
-
}
|
|
276
|
-
else if (newMonth != oldMonth) {
|
|
277
|
-
this.liveRegionEl.innerHTML = `${functions.calendar_months[newMonth - 1]}, ${newYear}`;
|
|
278
|
-
}
|
|
279
|
-
}
|
|
280
|
-
}
|
|
281
|
-
this.oldFocusVal = cal.focusDate;
|
|
282
|
-
}
|
|
283
|
-
handlePopupBlurred(ev) {
|
|
284
|
-
// emit blur event when leaving component from priv-calendar
|
|
285
|
-
if (ev.detail.relatedTarget !== this.el) {
|
|
286
|
-
const event = new CustomEvent("blur");
|
|
287
|
-
// @ts-ignore
|
|
288
|
-
event.relatedTarget = ev.detail.relatedTarget;
|
|
289
|
-
this.el.dispatchEvent(event);
|
|
290
|
-
}
|
|
291
|
-
}
|
|
292
|
-
handleCellTriggered(ev) {
|
|
293
|
-
const cal = ev.detail.cal;
|
|
294
|
-
const dateElement = ev.detail.cell;
|
|
295
|
-
const newDate = dateElement.getAttribute("data-year") +
|
|
296
|
-
"-" +
|
|
297
|
-
dateElement.getAttribute("data-month") +
|
|
298
|
-
"-" +
|
|
299
|
-
dateElement.textContent.padStart(2, "0");
|
|
300
|
-
if (this.startCalEl.endDate || this.endCalEl.endDate) {
|
|
301
|
-
// there were already 2 dates, user is setting a new range.
|
|
302
|
-
// set calendar state
|
|
303
|
-
this.startCalEl.startDate = undefined;
|
|
304
|
-
this.startCalEl.endDate = undefined;
|
|
305
|
-
this.endCalEl.startDate = undefined;
|
|
306
|
-
this.endCalEl.endDate = undefined;
|
|
307
|
-
cal.startDate = newDate;
|
|
308
|
-
// set component state
|
|
309
|
-
this.date1 = newDate;
|
|
310
|
-
this.date2 = undefined;
|
|
311
|
-
}
|
|
312
|
-
else if (this.date1 && newDate !== this.date1) {
|
|
313
|
-
// user is setting the end of the range
|
|
314
|
-
// ignore if same date as first is selected
|
|
315
|
-
// (acts as if it was re-selected as the first date)
|
|
316
|
-
// reorder if necessary
|
|
317
|
-
if (this.date1 > newDate) {
|
|
318
|
-
this.date2 = this.date1;
|
|
319
|
-
this.date1 = newDate;
|
|
320
|
-
}
|
|
321
|
-
else {
|
|
322
|
-
this.date2 = newDate;
|
|
323
|
-
}
|
|
324
|
-
const detail = {
|
|
325
|
-
startDate: {
|
|
326
|
-
iso: this.date1,
|
|
327
|
-
us: this._reformatDate("ISO", "US", this.date1),
|
|
328
|
-
int: this._reformatDate("ISO", "INT", this.date1),
|
|
329
|
-
},
|
|
330
|
-
endDate: {
|
|
331
|
-
iso: this.date2,
|
|
332
|
-
us: this._reformatDate("ISO", "US", this.date2),
|
|
333
|
-
int: this._reformatDate("ISO", "INT", this.date2),
|
|
334
|
-
},
|
|
335
|
-
};
|
|
336
|
-
this.wmRangeSelection.emit(detail);
|
|
337
|
-
this.closePopup(true);
|
|
338
|
-
this.date1 = undefined;
|
|
339
|
-
this.date2 = undefined;
|
|
340
|
-
}
|
|
341
|
-
else {
|
|
342
|
-
// calendars were clear, user sets first date
|
|
343
|
-
cal.startDate = newDate;
|
|
344
|
-
// component state
|
|
345
|
-
this.date1 = newDate;
|
|
346
|
-
}
|
|
347
|
-
// Create events to trigger onInput and onChange on host element, to get the updated value
|
|
348
|
-
// Because there are more ways to input than just typing, we are firing this event upon cellTriggered
|
|
349
|
-
const inputEvent = new CustomEvent("input");
|
|
350
|
-
this.el.dispatchEvent(inputEvent);
|
|
351
|
-
const changeEvent = new CustomEvent("change");
|
|
352
|
-
this.el.dispatchEvent(changeEvent);
|
|
353
|
-
}
|
|
354
|
-
handleOutOfCal() {
|
|
355
|
-
this.startCalEl.hoverDate = undefined;
|
|
356
|
-
this.endCalEl.hoverDate = undefined;
|
|
357
|
-
}
|
|
358
|
-
handleCellHovered(ev) {
|
|
359
|
-
this.startCalEl.hoverDate = this.startCalEl.startDate === ev.detail ? undefined : ev.detail;
|
|
360
|
-
this.endCalEl.hoverDate = this.endCalEl.startDate === ev.detail ? undefined : ev.detail;
|
|
361
|
-
}
|
|
362
|
-
async reformatDate(inputFormat, outputFormat, date) {
|
|
363
|
-
return this._reformatDate(inputFormat, outputFormat, date);
|
|
364
|
-
}
|
|
365
|
-
_reformatDate(inputFormat, outputFormat, date) {
|
|
366
|
-
// this function reformats date strings to/from the storage format ONLY. US -> INT and vice versa is not supported.
|
|
367
|
-
if (inputFormat !== "ISO" && outputFormat !== "ISO")
|
|
368
|
-
return "";
|
|
369
|
-
// return if missing args
|
|
370
|
-
if (!inputFormat || !outputFormat || !date)
|
|
371
|
-
return "";
|
|
372
|
-
// 1, 2, or 4 digits, separator, 1 or 2 digits, separator, then 1 or 2 or 4 digits
|
|
373
|
-
const parsableEntry = /^(\d{1}|\d{2}|\d{4})[\-\.\/]\d{1,2}[\-\.\/](\d{1}|\d{2}|\d{4})$/;
|
|
374
|
-
if (!parsableEntry.test(date)) {
|
|
375
|
-
return date;
|
|
376
|
-
}
|
|
377
|
-
else {
|
|
378
|
-
const dateArr = date.replace(/[\-\.]/gi, "/").split("/");
|
|
379
|
-
switch (outputFormat) {
|
|
380
|
-
case "US":
|
|
381
|
-
return dateArr[1].padStart(2, "0") + "/" + dateArr[2].padStart(2, "0") + "/" + dateArr[0].padStart(4, "20");
|
|
382
|
-
case "INT":
|
|
383
|
-
return dateArr[2].padStart(2, "0") + "/" + dateArr[1].padStart(2, "0") + "/" + dateArr[0].padStart(4, "20");
|
|
384
|
-
case "ISO":
|
|
385
|
-
if (inputFormat === "US") {
|
|
386
|
-
return dateArr[2].padStart(4, "20") + "-" + dateArr[0].padStart(2, "0") + "-" + dateArr[1].padStart(2, "0");
|
|
387
|
-
}
|
|
388
|
-
else if (inputFormat === "INT") {
|
|
389
|
-
return dateArr[2].padStart(4, "20") + "-" + dateArr[1].padStart(2, "0") + "-" + dateArr[0].padStart(2, "0");
|
|
390
|
-
}
|
|
391
|
-
else if (inputFormat === "ISO") {
|
|
392
|
-
return dateArr[0].padStart(4, "20") + "-" + dateArr[1].padStart(2, "0") + "-" + dateArr[2].padStart(2, "0");
|
|
393
|
-
}
|
|
394
|
-
default:
|
|
395
|
-
return dateArr.join("/");
|
|
396
|
-
}
|
|
397
|
-
}
|
|
398
|
-
}
|
|
399
|
-
async isValidISO(input) {
|
|
400
|
-
return this._isValidISO(input);
|
|
401
|
-
}
|
|
402
|
-
_isValidISO(input) {
|
|
403
|
-
const ISOFormat = /^\d\d\d\d[-]\d\d[-]\d\d$/;
|
|
404
|
-
if (!input || !ISOFormat.test(input)) {
|
|
405
|
-
return false;
|
|
406
|
-
}
|
|
407
|
-
else {
|
|
408
|
-
// Parse the ISO date parts to integers
|
|
409
|
-
const parts = input.split("-");
|
|
410
|
-
const day = parseInt(parts[2], 10);
|
|
411
|
-
const month = parseInt(parts[1], 10);
|
|
412
|
-
const year = parseInt(parts[0], 10);
|
|
413
|
-
// Check the ranges of month and year
|
|
414
|
-
if (year < 1000 || year > 3000 || month == 0 || month > 12)
|
|
415
|
-
return false;
|
|
416
|
-
let monthLength = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
|
|
417
|
-
// Adjust for leap years
|
|
418
|
-
if (year % 400 == 0 || (year % 100 != 0 && year % 4 == 0))
|
|
419
|
-
monthLength[1] = 29;
|
|
420
|
-
// Check the range of the day
|
|
421
|
-
return day > 0 && day <= monthLength[month - 1];
|
|
422
|
-
}
|
|
423
|
-
}
|
|
424
|
-
setAvailSpace() {
|
|
425
|
-
this.availSpace = (this.hiddenOverflowParent || document.body).clientWidth;
|
|
426
|
-
}
|
|
427
|
-
componentWillLoad() {
|
|
428
|
-
if (this.labelStart === "" || this.labelEnd === "") {
|
|
429
|
-
console.error("For accessibility reasons you must specify labels for the date range inputs.");
|
|
430
|
-
}
|
|
431
|
-
functions.handleDisabledAttribute(this.el, this._disabled);
|
|
432
|
-
this.hiddenOverflowParent = functions.findParentWithHiddenOverflow(this.el);
|
|
433
|
-
if (this.hiddenOverflowParent) {
|
|
434
|
-
const resizeObserver = new ResizeObserver(() => {
|
|
435
|
-
this.availSpace = this.hiddenOverflowParent.clientWidth;
|
|
436
|
-
});
|
|
437
|
-
resizeObserver.observe(this.hiddenOverflowParent);
|
|
438
|
-
}
|
|
439
|
-
this.setAvailSpace();
|
|
440
|
-
}
|
|
441
|
-
announce(message) {
|
|
442
|
-
// \u00A0 is a non-breaking space character, which causes the message to be read as a new one
|
|
443
|
-
if (this.liveRegionEl.textContent === message) {
|
|
444
|
-
message += "\u00A0";
|
|
445
|
-
}
|
|
446
|
-
this.liveRegionEl.textContent = message;
|
|
447
|
-
}
|
|
448
|
-
renderCalendars() {
|
|
449
|
-
if (this.calWidth <= this.availSpace) {
|
|
450
|
-
return (index.h(index.Fragment, null, index.h("div", { class: `popup-wrapper ${this.startCalEl && this.startCalEl.view}-view ${this.openUp ? "expand-upwards" : ""}`, id: "popup-wrapper", ref: (el) => (this.popupEl = el), onClick: () => (this.popupClicked = true), style: { display: "flex" } }, index.h("div", { class: "trapfocus", tabIndex: this.isExpanded ? 0 : undefined, onFocus: () => this.endCalEl.focusLastFocusable() }), index.h("priv-calendar", { ref: (el) => (this.startCalEl = el), onClick: () => (this.popupClicked = true), onDateFocus: (ev) => this.handleDateFocus(ev) }), index.h("priv-calendar", { ref: (el) => (this.endCalEl = el), onClick: () => (this.popupClicked = true), onDateFocus: (ev) => this.handleDateFocus(ev) }), index.h("div", { class: "trapfocus", tabIndex: this.isExpanded ? 0 : undefined, onFocus: () => this.startCalEl.focusFirstFocusable() }))));
|
|
451
|
-
}
|
|
452
|
-
}
|
|
453
|
-
render() {
|
|
454
|
-
return (index.h(index.Host, { "aria-busy": "false" }, index.h("div", { ref: (d) => (this.wrapperEl = d), class: "wrapper" }, index.h("div", { class: `range-wrapper ${this.calWidth <= this.availSpace ? "cal" : ""}` }, index.h("div", { class: "label-wrapper", id: "start-label-wrapper" }, index.h("label", { ref: (e) => (this.labelEl = e), id: "startlabel", htmlFor: "start-date-input", class: "label", title: `${this.labelStart} (${this.dateFormat})` }, this.labelStart, this.requiredField && (index.h("span", { "aria-hidden": "true", class: "required" }, "*")))), index.h("div", { class: "label-wrapper", id: "end-label-wrapper" }, index.h("label", { id: "endlabel", htmlFor: "end-date-input", class: "label", title: `${this.labelEnd} (${this.dateFormat})` }, this.labelEnd, this.requiredField && (index.h("span", { "aria-hidden": "true", class: "required" }, "*")))), index.h("input", { disabled: this._disabled, type: "text", id: "start-date-input", class: `date-input input ${this.invalidStart ? "invalid" : ""}`, name: "start-date", placeholder: this.dateFormat, value: this.valueStart, onFocus: () => this.handleFocus(), onInput: (ev) => this.handleStartInput(ev), onBlur: () => this.handleStartInputBlur(), ref: (input) => (this.startInputEl = input), "aria-describedby": "error", "aria-label": this.labelStart, "aria-required": this.requiredField ? "true" : null }), index.h("div", { id: "hyphen" }, "\u00A0-\u00A0"), index.h("input", { disabled: this._disabled, type: "text", id: "end-date-input", class: `date-input input ${this.invalidEnd ? "invalid" : ""}`, name: "end-date", placeholder: this.dateFormat, value: this.valueEnd, onFocus: () => this.handleFocus(), onInput: (ev) => this.handleEndInput(ev), onBlur: () => this.handleEndInputBlur(), ref: (input) => (this.endInputEl = input), "aria-describedby": "error", "aria-label": this.labelEnd, "aria-required": this.requiredField ? "true" : null }), index.h("div", { class: "toggle-wrapper", id: "toggle-wrapper" }, this.calWidth <= this.availSpace && (index.h("button", { disabled: this.disabled, onClick: this.togglePopup.bind(this), "aria-describedby": "start-date-input end-date-input", "aria-label": functions.intl.formatMessage({
|
|
455
|
-
id: "date.selectRange",
|
|
456
|
-
defaultMessage: "Select range",
|
|
457
|
-
description: "Button text for screen readers.",
|
|
458
|
-
}), ref: (el) => (this.toggleEl = el), "aria-expanded": `${this.isExpanded}`, class: "toggle", id: "toggle" }, index.h("span", { class: "svg-icon svg-date" }), index.h("span", { class: "calendar", title: functions.intl.formatMessage({
|
|
459
|
-
id: "date.calendarView",
|
|
460
|
-
defaultMessage: "Calendar View",
|
|
461
|
-
description: "Calendar button",
|
|
462
|
-
}) })))), this.renderCalendars()), index.h("div", null, index.h("div", { id: "live-region", "aria-live": "polite", "aria-relevant": "text", class: "sr-only" }), index.h("div", { id: "month-title", class: "sr-only" }, functions.intl.formatMessage({
|
|
463
|
-
id: "date.selectMonth",
|
|
464
|
-
defaultMessage: "Activate to select a month.",
|
|
465
|
-
description: "Calendar button",
|
|
466
|
-
})), index.h("div", { id: "year-title", class: "sr-only" }, functions.intl.formatMessage({
|
|
467
|
-
id: "date.selectYear",
|
|
468
|
-
defaultMessage: "Activate to select a year.",
|
|
469
|
-
description: "Calendar button",
|
|
470
|
-
}))), index.h("div", { id: "error", class: "error" }, this.errorMessage), index.h("div", { ref: (el) => (this.liveRegionEl = el), class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }))));
|
|
471
|
-
}
|
|
472
|
-
static get delegatesFocus() { return true; }
|
|
473
|
-
get el() { return index.getElement(this); }
|
|
474
|
-
static get watchers() { return {
|
|
475
|
-
"disabled": ["handleDisabled"],
|
|
476
|
-
"valueStart": ["updateValueStart"],
|
|
477
|
-
"valueEnd": ["updateValueEnd"],
|
|
478
|
-
"errorMessage": ["handleErrorMessage"]
|
|
479
|
-
}; }
|
|
480
|
-
};
|
|
481
|
-
DateRange.style = datepickerCss;
|
|
482
|
-
|
|
483
|
-
exports.wm_date_range = DateRange;
|