@rivet-health/design-system 40.44.4 → 41.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/rivet-health-design-system.mjs +23103 -18810
- package/fesm2022/rivet-health-design-system.mjs.map +1 -1
- package/package.json +8 -9
- package/types/rivet-health-design-system.d.ts +6566 -0
- package/esm2022/lib/accessibility/sr-only/sr-only.component.mjs +0 -18
- package/esm2022/lib/download/download.service.mjs +0 -47
- package/esm2022/lib/format/pipes/common.mjs +0 -24
- package/esm2022/lib/format/pipes/date.pipe.mjs +0 -20
- package/esm2022/lib/format/pipes/days.pipe.mjs +0 -20
- package/esm2022/lib/format/pipes/dollars.pipe.mjs +0 -19
- package/esm2022/lib/format/pipes/number.pipe.mjs +0 -19
- package/esm2022/lib/format/pipes/percentage.pipe.mjs +0 -19
- package/esm2022/lib/format/pipes/sentence-case.pipe.mjs +0 -61
- package/esm2022/lib/format/pipes/small-currency.pipe.mjs +0 -24
- package/esm2022/lib/format/pipes/small-number.pipe.mjs +0 -29
- package/esm2022/lib/format/svg-text-truncate/svg-text-truncate.directive.mjs +0 -62
- package/esm2022/lib/format/truncate/truncate.component.mjs +0 -51
- package/esm2022/lib/icon/dom-cache.mjs +0 -32
- package/esm2022/lib/icon/icon.component.mjs +0 -86
- package/esm2022/lib/icon/icons.mjs +0 -271
- package/esm2022/lib/input/alphabetic-field/alphabetic-field.component.mjs +0 -42
- package/esm2022/lib/input/auto-focus/auto-focus.directive.mjs +0 -48
- package/esm2022/lib/input/button/button.component.mjs +0 -139
- package/esm2022/lib/input/button-group/button-group.component.mjs +0 -39
- package/esm2022/lib/input/calendar/calendar.component.mjs +0 -318
- package/esm2022/lib/input/card-checkbox/card-checkbox.component.mjs +0 -13
- package/esm2022/lib/input/checkbox/checkbox.component.mjs +0 -84
- package/esm2022/lib/input/currency-field/currency-field.component.mjs +0 -26
- package/esm2022/lib/input/date/date.component.mjs +0 -279
- package/esm2022/lib/input/date-range/date-range.component.mjs +0 -478
- package/esm2022/lib/input/filter-chip/filter-chip.component.mjs +0 -47
- package/esm2022/lib/input/filter-dropdown/filter-dropdown.component.mjs +0 -89
- package/esm2022/lib/input/input-label/input-label.component.mjs +0 -38
- package/esm2022/lib/input/mentions-input/mentions-input.component.mjs +0 -745
- package/esm2022/lib/input/number-field/number-field.component.mjs +0 -125
- package/esm2022/lib/input/percentage-field/percentage-field.component.mjs +0 -20
- package/esm2022/lib/input/phone-field/phone-field.component.mjs +0 -74
- package/esm2022/lib/input/radio/radio.component.mjs +0 -58
- package/esm2022/lib/input/search/search.component.mjs +0 -26
- package/esm2022/lib/input/search-select/search-select.component.mjs +0 -189
- package/esm2022/lib/input/select/select/select.component.mjs +0 -179
- package/esm2022/lib/input/select/select-node/select-node.component.mjs +0 -60
- package/esm2022/lib/input/select/state.mjs +0 -882
- package/esm2022/lib/input/simple-select/option-group.pipe.mjs +0 -19
- package/esm2022/lib/input/simple-select/simple-select.component.mjs +0 -178
- package/esm2022/lib/input/switch-checkbox/switch-checkbox.component.mjs +0 -33
- package/esm2022/lib/input/text-field/text-field.component.mjs +0 -115
- package/esm2022/lib/input/textarea-field/textarea-field.component.mjs +0 -21
- package/esm2022/lib/input/validation-message/validation-message.component.mjs +0 -17
- package/esm2022/lib/layout/card/card-actions.component.mjs +0 -72
- package/esm2022/lib/layout/card/card-content.component.mjs +0 -64
- package/esm2022/lib/layout/card/card-header.component.mjs +0 -201
- package/esm2022/lib/layout/card/card-link.component.mjs +0 -115
- package/esm2022/lib/layout/card/card-media.component.mjs +0 -70
- package/esm2022/lib/layout/card/card.component.mjs +0 -306
- package/esm2022/lib/layout/setting-row/setting-row.component.mjs +0 -111
- package/esm2022/lib/load/loading/loading.component.mjs +0 -43
- package/esm2022/lib/load/loading-cover/loading-cover.component.mjs +0 -25
- package/esm2022/lib/navigation/editable-heading/editable-heading.component.mjs +0 -243
- package/esm2022/lib/navigation/link/link.component.mjs +0 -48
- package/esm2022/lib/navigation/page-header/page-header.component.mjs +0 -68
- package/esm2022/lib/navigation/simple-tabs/simple-tab/simple-tab.component.mjs +0 -43
- package/esm2022/lib/navigation/simple-tabs/simple-tabs/simple-tabs.component.mjs +0 -11
- package/esm2022/lib/navigation/tabs/tab/tab.component.mjs +0 -16
- package/esm2022/lib/navigation/tabs/tabs/tabs.component.mjs +0 -11
- package/esm2022/lib/navigation/views/all-views-modal/all-views-modal.component.mjs +0 -43
- package/esm2022/lib/navigation/views/edit-view/edit-view.component.mjs +0 -118
- package/esm2022/lib/navigation/views/permission-picker/permission-picker.component.mjs +0 -151
- package/esm2022/lib/navigation/views/state.mjs +0 -456
- package/esm2022/lib/navigation/views/view-menu/view-menu.component.mjs +0 -30
- package/esm2022/lib/navigation/views/views/views.component.mjs +0 -90
- package/esm2022/lib/notification/badge/badge.component.mjs +0 -45
- package/esm2022/lib/notification/banner/banner-action.component.mjs +0 -48
- package/esm2022/lib/notification/banner/banner.component.mjs +0 -61
- package/esm2022/lib/notification/map-indicator/map-indicator.component.mjs +0 -50
- package/esm2022/lib/notification/map-indicator/map-indicators.mjs +0 -15
- package/esm2022/lib/notification/notification-badge/notification-badge.component.mjs +0 -26
- package/esm2022/lib/overlay/callout/callout.component.mjs +0 -130
- package/esm2022/lib/overlay/callout/callout.helpers.mjs +0 -113
- package/esm2022/lib/overlay/callout/help/help.component.mjs +0 -23
- package/esm2022/lib/overlay/callout/lock-scroll.directive.mjs +0 -69
- package/esm2022/lib/overlay/callout/menu/menu-item/menu-item.component.mjs +0 -71
- package/esm2022/lib/overlay/callout/menu/menu.component.mjs +0 -39
- package/esm2022/lib/overlay/callout/select-callout-defaults.mjs +0 -13
- package/esm2022/lib/overlay/callout/tooltip/locked-tooltip.directive.mjs +0 -30
- package/esm2022/lib/overlay/callout/tooltip/tooltip.component.mjs +0 -57
- package/esm2022/lib/overlay/callout/tooltip/tooltip.directive.mjs +0 -138
- package/esm2022/lib/overlay/modal/dialog/dialog.component.mjs +0 -47
- package/esm2022/lib/overlay/modal/dialog-stack.service.mjs +0 -41
- package/esm2022/lib/overlay/modal/form-dialog/form-dialog.component.mjs +0 -146
- package/esm2022/lib/overlay/modal/modal.component.mjs +0 -31
- package/esm2022/lib/overlay/modal/side-sheet/side-sheet.component.mjs +0 -30
- package/esm2022/lib/overlay/overlay-outlet.component.mjs +0 -98
- package/esm2022/lib/overlay/overlay.directive.mjs +0 -25
- package/esm2022/lib/overlay/overlay.service.mjs +0 -35
- package/esm2022/lib/overlay/toast/toast-action.component.mjs +0 -11
- package/esm2022/lib/overlay/toast/toast.component.mjs +0 -41
- package/esm2022/lib/riv.module.mjs +0 -580
- package/esm2022/lib/size/size.directive.mjs +0 -33
- package/esm2022/lib/table/simple-table/coordinate-helper.mjs +0 -61
- package/esm2022/lib/table/simple-table/simple-table-cell.component.mjs +0 -36
- package/esm2022/lib/table/simple-table/simple-table-header-cell.component.mjs +0 -37
- package/esm2022/lib/table/simple-table/simple-table-row.component.mjs +0 -19
- package/esm2022/lib/table/simple-table/simple-table.component.mjs +0 -104
- package/esm2022/lib/table/table/clipboard.mjs +0 -182
- package/esm2022/lib/table/table/state-helpers/collapse-helpers.mjs +0 -116
- package/esm2022/lib/table/table/state-helpers/column-helpers.mjs +0 -383
- package/esm2022/lib/table/table/state-helpers/display-helpers.mjs +0 -50
- package/esm2022/lib/table/table/state-helpers/nesting-helpers.mjs +0 -123
- package/esm2022/lib/table/table/state-helpers/order-helpers.mjs +0 -164
- package/esm2022/lib/table/table/state-helpers/pagination-helpers.mjs +0 -139
- package/esm2022/lib/table/table/state-helpers/result-helpers.mjs +0 -70
- package/esm2022/lib/table/table/state-helpers/search-helpers.mjs +0 -72
- package/esm2022/lib/table/table/state-helpers/selection-helpers.mjs +0 -180
- package/esm2022/lib/table/table/state.mjs +0 -1035
- package/esm2022/lib/table/table/table/table.component.mjs +0 -367
- package/esm2022/lib/table/table/table-collapse-all/table-collapse-all.component.mjs +0 -25
- package/esm2022/lib/table/table/table-column-settings/table-column-settings-side-sheet.component.mjs +0 -227
- package/esm2022/lib/table/table/table-column-settings/table-column-settings.component.mjs +0 -134
- package/esm2022/lib/table/table/table-csv-export/table-csv-export.component.mjs +0 -35
- package/esm2022/lib/table/table/table-header-resize-handle/table-header-resize-handle.component.mjs +0 -28
- package/esm2022/lib/table/table/table-search/table-search.component.mjs +0 -71
- package/esm2022/lib/table/table/table-search-columns/table-search-columns.component.mjs +0 -57
- package/esm2022/lib/util/local-storage.mjs +0 -17
- package/esm2022/lib/visibility/visibility.directive.mjs +0 -34
- package/esm2022/lib/visualization/chart/chart-scaling.mjs +0 -380
- package/esm2022/lib/visualization/chart/chart.component.mjs +0 -626
- package/esm2022/lib/visualization/chart/chart.mjs +0 -3768
- package/esm2022/lib/visualization/data-table/data-table-cell.component.mjs +0 -22
- package/esm2022/lib/visualization/data-table/data-table-header-cell.component.mjs +0 -11
- package/esm2022/lib/visualization/data-table/data-table-row.component.mjs +0 -19
- package/esm2022/lib/visualization/data-table/data-table.component.mjs +0 -17
- package/esm2022/lib/visualization/donut/donut.component.mjs +0 -54
- package/esm2022/lib/visualization/funnel-chart/funnel-chart.component.mjs +0 -73
- package/esm2022/lib/visualization/funnel-chart/funnel-chart.helpers.mjs +0 -33
- package/esm2022/lib/visualization/highlight/highlight.component.mjs +0 -24
- package/esm2022/lib/visualization/highlight/highlight.helpers.mjs +0 -20
- package/esm2022/lib/visualization/intervals.mjs +0 -63
- package/esm2022/lib/visualization/issue/issue.component.mjs +0 -30
- package/esm2022/lib/visualization/legend-item/legend-item.component.mjs +0 -49
- package/esm2022/lib/visualization/metric/metric.component.mjs +0 -52
- package/esm2022/lib/visualization/mini-pie/mini-pie.component.mjs +0 -51
- package/esm2022/lib/visualization/progress/progress.component.mjs +0 -24
- package/esm2022/lib/visualization/stacked-column/stacked-column.component.mjs +0 -377
- package/esm2022/lib/visualization/stacked-column/stacked-column.helpers.mjs +0 -18
- package/esm2022/lib/visualization/stacked-row/stacked-row.component.mjs +0 -270
- package/esm2022/lib/visualization/stacked-row/stacked-row.helpers.mjs +0 -74
- package/esm2022/lib/visualization/time-series/time-series.component.mjs +0 -374
- package/esm2022/lib/visualization/time-series/time-series.helpers.mjs +0 -15
- package/esm2022/lib/visualization/trend/trend.component.mjs +0 -51
- package/esm2022/lib/visualization/zero-state/zero-state.component.mjs +0 -22
- package/esm2022/public-api.mjs +0 -118
- package/esm2022/rivet-health-design-system.mjs +0 -5
- package/index.d.ts +0 -5
- package/lib/accessibility/sr-only/sr-only.component.d.ts +0 -12
- package/lib/download/download.service.d.ts +0 -9
- package/lib/format/pipes/common.d.ts +0 -6
- package/lib/format/pipes/date.pipe.d.ts +0 -8
- package/lib/format/pipes/days.pipe.d.ts +0 -8
- package/lib/format/pipes/dollars.pipe.d.ts +0 -9
- package/lib/format/pipes/number.pipe.d.ts +0 -8
- package/lib/format/pipes/percentage.pipe.d.ts +0 -8
- package/lib/format/pipes/sentence-case.pipe.d.ts +0 -8
- package/lib/format/pipes/small-currency.pipe.d.ts +0 -8
- package/lib/format/pipes/small-number.pipe.d.ts +0 -8
- package/lib/format/svg-text-truncate/svg-text-truncate.directive.d.ts +0 -14
- package/lib/format/truncate/truncate.component.d.ts +0 -17
- package/lib/icon/dom-cache.d.ts +0 -13
- package/lib/icon/icon.component.d.ts +0 -27
- package/lib/icon/icons.d.ts +0 -137
- package/lib/input/alphabetic-field/alphabetic-field.component.d.ts +0 -14
- package/lib/input/auto-focus/auto-focus.directive.d.ts +0 -21
- package/lib/input/button/button.component.d.ts +0 -37
- package/lib/input/button-group/button-group.component.d.ts +0 -11
- package/lib/input/calendar/calendar.component.d.ts +0 -67
- package/lib/input/card-checkbox/card-checkbox.component.d.ts +0 -6
- package/lib/input/checkbox/checkbox.component.d.ts +0 -32
- package/lib/input/currency-field/currency-field.component.d.ts +0 -9
- package/lib/input/date/date.component.d.ts +0 -62
- package/lib/input/date-range/date-range.component.d.ts +0 -97
- package/lib/input/filter-chip/filter-chip.component.d.ts +0 -13
- package/lib/input/filter-dropdown/filter-dropdown.component.d.ts +0 -30
- package/lib/input/input-label/input-label.component.d.ts +0 -17
- package/lib/input/mentions-input/mentions-input.component.d.ts +0 -93
- package/lib/input/number-field/number-field.component.d.ts +0 -36
- package/lib/input/percentage-field/percentage-field.component.d.ts +0 -7
- package/lib/input/phone-field/phone-field.component.d.ts +0 -17
- package/lib/input/radio/radio.component.d.ts +0 -28
- package/lib/input/search/search.component.d.ts +0 -10
- package/lib/input/search-select/search-select.component.d.ts +0 -62
- package/lib/input/select/select/select.component.d.ts +0 -63
- package/lib/input/select/select-node/select-node.component.d.ts +0 -30
- package/lib/input/select/state.d.ts +0 -250
- package/lib/input/simple-select/option-group.pipe.d.ts +0 -8
- package/lib/input/simple-select/simple-select.component.d.ts +0 -63
- package/lib/input/switch-checkbox/switch-checkbox.component.d.ts +0 -18
- package/lib/input/text-field/text-field.component.d.ts +0 -38
- package/lib/input/textarea-field/textarea-field.component.d.ts +0 -8
- package/lib/input/validation-message/validation-message.component.d.ts +0 -6
- package/lib/layout/card/card-actions.component.d.ts +0 -38
- package/lib/layout/card/card-content.component.d.ts +0 -33
- package/lib/layout/card/card-header.component.d.ts +0 -132
- package/lib/layout/card/card-link.component.d.ts +0 -64
- package/lib/layout/card/card-media.component.d.ts +0 -43
- package/lib/layout/card/card.component.d.ts +0 -225
- package/lib/layout/setting-row/setting-row.component.d.ts +0 -72
- package/lib/load/loading/loading.component.d.ts +0 -17
- package/lib/load/loading-cover/loading-cover.component.d.ts +0 -10
- package/lib/navigation/editable-heading/editable-heading.component.d.ts +0 -118
- package/lib/navigation/link/link.component.d.ts +0 -19
- package/lib/navigation/page-header/page-header.component.d.ts +0 -50
- package/lib/navigation/simple-tabs/simple-tab/simple-tab.component.d.ts +0 -11
- package/lib/navigation/simple-tabs/simple-tabs/simple-tabs.component.d.ts +0 -5
- package/lib/navigation/tabs/tab/tab.component.d.ts +0 -6
- package/lib/navigation/tabs/tabs/tabs.component.d.ts +0 -5
- package/lib/navigation/views/all-views-modal/all-views-modal.component.d.ts +0 -14
- package/lib/navigation/views/edit-view/edit-view.component.d.ts +0 -31
- package/lib/navigation/views/permission-picker/permission-picker.component.d.ts +0 -37
- package/lib/navigation/views/state.d.ts +0 -175
- package/lib/navigation/views/view-menu/view-menu.component.d.ts +0 -13
- package/lib/navigation/views/views/views.component.d.ts +0 -25
- package/lib/notification/badge/badge.component.d.ts +0 -14
- package/lib/notification/banner/banner-action.component.d.ts +0 -15
- package/lib/notification/banner/banner.component.d.ts +0 -25
- package/lib/notification/map-indicator/map-indicator.component.d.ts +0 -24
- package/lib/notification/map-indicator/map-indicators.d.ts +0 -9
- package/lib/notification/notification-badge/notification-badge.component.d.ts +0 -11
- package/lib/overlay/callout/callout.component.d.ts +0 -36
- package/lib/overlay/callout/callout.helpers.d.ts +0 -16
- package/lib/overlay/callout/help/help.component.d.ts +0 -11
- package/lib/overlay/callout/lock-scroll.directive.d.ts +0 -22
- package/lib/overlay/callout/menu/menu-item/menu-item.component.d.ts +0 -27
- package/lib/overlay/callout/menu/menu.component.d.ts +0 -17
- package/lib/overlay/callout/select-callout-defaults.d.ts +0 -5
- package/lib/overlay/callout/tooltip/locked-tooltip.directive.d.ts +0 -14
- package/lib/overlay/callout/tooltip/tooltip.component.d.ts +0 -26
- package/lib/overlay/callout/tooltip/tooltip.directive.d.ts +0 -48
- package/lib/overlay/modal/dialog/dialog.component.d.ts +0 -19
- package/lib/overlay/modal/dialog-stack.service.d.ts +0 -23
- package/lib/overlay/modal/form-dialog/form-dialog.component.d.ts +0 -63
- package/lib/overlay/modal/modal.component.d.ts +0 -11
- package/lib/overlay/modal/side-sheet/side-sheet.component.d.ts +0 -13
- package/lib/overlay/overlay-outlet.component.d.ts +0 -19
- package/lib/overlay/overlay.directive.d.ts +0 -13
- package/lib/overlay/overlay.service.d.ts +0 -14
- package/lib/overlay/toast/toast-action.component.d.ts +0 -5
- package/lib/overlay/toast/toast.component.d.ts +0 -17
- package/lib/riv.module.d.ts +0 -122
- package/lib/size/size.directive.d.ts +0 -12
- package/lib/table/simple-table/coordinate-helper.d.ts +0 -13
- package/lib/table/simple-table/simple-table-cell.component.d.ts +0 -19
- package/lib/table/simple-table/simple-table-header-cell.component.d.ts +0 -20
- package/lib/table/simple-table/simple-table-row.component.d.ts +0 -6
- package/lib/table/simple-table/simple-table.component.d.ts +0 -11
- package/lib/table/table/clipboard.d.ts +0 -38
- package/lib/table/table/state-helpers/collapse-helpers.d.ts +0 -9
- package/lib/table/table/state-helpers/column-helpers.d.ts +0 -29
- package/lib/table/table/state-helpers/display-helpers.d.ts +0 -5
- package/lib/table/table/state-helpers/nesting-helpers.d.ts +0 -13
- package/lib/table/table/state-helpers/order-helpers.d.ts +0 -13
- package/lib/table/table/state-helpers/pagination-helpers.d.ts +0 -12
- package/lib/table/table/state-helpers/result-helpers.d.ts +0 -10
- package/lib/table/table/state-helpers/search-helpers.d.ts +0 -17
- package/lib/table/table/state-helpers/selection-helpers.d.ts +0 -13
- package/lib/table/table/state.d.ts +0 -512
- package/lib/table/table/table/table.component.d.ts +0 -88
- package/lib/table/table/table-collapse-all/table-collapse-all.component.d.ts +0 -10
- package/lib/table/table/table-column-settings/table-column-settings-side-sheet.component.d.ts +0 -52
- package/lib/table/table/table-column-settings/table-column-settings.component.d.ts +0 -37
- package/lib/table/table/table-csv-export/table-csv-export.component.d.ts +0 -14
- package/lib/table/table/table-header-resize-handle/table-header-resize-handle.component.d.ts +0 -11
- package/lib/table/table/table-search/table-search.component.d.ts +0 -21
- package/lib/table/table/table-search-columns/table-search-columns.component.d.ts +0 -23
- package/lib/util/local-storage.d.ts +0 -14
- package/lib/visibility/visibility.directive.d.ts +0 -12
- package/lib/visualization/chart/chart-scaling.d.ts +0 -100
- package/lib/visualization/chart/chart.component.d.ts +0 -116
- package/lib/visualization/chart/chart.d.ts +0 -354
- package/lib/visualization/data-table/data-table-cell.component.d.ts +0 -11
- package/lib/visualization/data-table/data-table-header-cell.component.d.ts +0 -5
- package/lib/visualization/data-table/data-table-row.component.d.ts +0 -6
- package/lib/visualization/data-table/data-table.component.d.ts +0 -6
- package/lib/visualization/donut/donut.component.d.ts +0 -22
- package/lib/visualization/funnel-chart/funnel-chart.component.d.ts +0 -30
- package/lib/visualization/funnel-chart/funnel-chart.helpers.d.ts +0 -4
- package/lib/visualization/highlight/highlight.component.d.ts +0 -15
- package/lib/visualization/highlight/highlight.helpers.d.ts +0 -2
- package/lib/visualization/intervals.d.ts +0 -8
- package/lib/visualization/issue/issue.component.d.ts +0 -10
- package/lib/visualization/legend-item/legend-item.component.d.ts +0 -22
- package/lib/visualization/metric/metric.component.d.ts +0 -20
- package/lib/visualization/mini-pie/mini-pie.component.d.ts +0 -17
- package/lib/visualization/progress/progress.component.d.ts +0 -8
- package/lib/visualization/stacked-column/stacked-column.component.d.ts +0 -129
- package/lib/visualization/stacked-column/stacked-column.helpers.d.ts +0 -3
- package/lib/visualization/stacked-row/stacked-row.component.d.ts +0 -109
- package/lib/visualization/stacked-row/stacked-row.helpers.d.ts +0 -53
- package/lib/visualization/time-series/time-series.component.d.ts +0 -126
- package/lib/visualization/time-series/time-series.helpers.d.ts +0 -34
- package/lib/visualization/trend/trend.component.d.ts +0 -13
- package/lib/visualization/zero-state/zero-state.component.d.ts +0 -9
- package/public-api.d.ts +0 -118
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, HostBinding, } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "./data-table-row.component";
|
|
4
|
-
export class DataTableCellComponent {
|
|
5
|
-
constructor(row) {
|
|
6
|
-
this.row = row;
|
|
7
|
-
this.subCell = false;
|
|
8
|
-
}
|
|
9
|
-
ngOnInit() {
|
|
10
|
-
this.subCell = this.row.subRow;
|
|
11
|
-
}
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DataTableCellComponent, deps: [{ token: i1.DataTableRowComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DataTableCellComponent, selector: "[riv-data-table-cell]", host: { properties: { "class.sub-cell": "this.subCell" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{padding:var(--size-large) 0;text-align:right}:host.sub-cell{padding-top:0;padding-left:var(--size-xlarge)}:host:first-child{text-align:left}@media screen{:host:first-child{position:sticky;left:0;z-index:1;background-color:var(--surface-light-0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14
|
-
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DataTableCellComponent, decorators: [{
|
|
16
|
-
type: Component,
|
|
17
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: '[riv-data-table-cell]', template: '<ng-content></ng-content>', styles: [":host{padding:var(--size-large) 0;text-align:right}:host.sub-cell{padding-top:0;padding-left:var(--size-xlarge)}:host:first-child{text-align:left}@media screen{:host:first-child{position:sticky;left:0;z-index:1;background-color:var(--surface-light-0)}}\n"] }]
|
|
18
|
-
}], ctorParameters: () => [{ type: i1.DataTableRowComponent }], propDecorators: { subCell: [{
|
|
19
|
-
type: HostBinding,
|
|
20
|
-
args: ['class.sub-cell']
|
|
21
|
-
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS10YWJsZS1jZWxsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Jpdi9zcmMvbGliL3Zpc3VhbGl6YXRpb24vZGF0YS10YWJsZS9kYXRhLXRhYmxlLWNlbGwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFdBQVcsR0FFWixNQUFNLGVBQWUsQ0FBQzs7O0FBU3ZCLE1BQU0sT0FBTyxzQkFBc0I7SUFDakMsWUFBNkIsR0FBMEI7UUFBMUIsUUFBRyxHQUFILEdBQUcsQ0FBdUI7UUFHaEQsWUFBTyxHQUFZLEtBQUssQ0FBQztJQUgwQixDQUFDO0lBSzNELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDO0lBQ2pDLENBQUM7K0dBUlUsc0JBQXNCO21HQUF0QixzQkFBc0IseUhBRnZCLDJCQUEyQjs7NEZBRTFCLHNCQUFzQjtrQkFObEMsU0FBUztzQ0FDUyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLHVCQUF1QixZQUV2QiwyQkFBMkI7MEZBTTlCLE9BQU87c0JBRGIsV0FBVzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERhdGFUYWJsZVJvd0NvbXBvbmVudCB9IGZyb20gJy4vZGF0YS10YWJsZS1yb3cuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzZWxlY3RvcjogJ1tyaXYtZGF0YS10YWJsZS1jZWxsXScsXG4gIHN0eWxlVXJsczogWycuL2RhdGEtdGFibGUtY2VsbC5jb21wb25lbnQuY3NzJ10sXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG59KVxuZXhwb3J0IGNsYXNzIERhdGFUYWJsZUNlbGxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHJvdzogRGF0YVRhYmxlUm93Q29tcG9uZW50KSB7fVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3Muc3ViLWNlbGwnKVxuICBwdWJsaWMgc3ViQ2VsbDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc3ViQ2VsbCA9IHRoaXMucm93LnN1YlJvdztcbiAgfVxufVxuIl19
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class DataTableHeaderCellComponent {
|
|
4
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DataTableHeaderCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DataTableHeaderCellComponent, selector: "[riv-data-table-header-cell]", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{padding:var(--size-large) 0;font-weight:var(--font-weight-heavy);text-align:right}:host:first-child{text-align:left}@media screen{:host:first-child{position:sticky;left:0;z-index:1;background-color:var(--surface-light-0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6
|
-
}
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DataTableHeaderCellComponent, decorators: [{
|
|
8
|
-
type: Component,
|
|
9
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: '[riv-data-table-header-cell]', template: '<ng-content></ng-content>', styles: [":host{padding:var(--size-large) 0;font-weight:var(--font-weight-heavy);text-align:right}:host:first-child{text-align:left}@media screen{:host:first-child{position:sticky;left:0;z-index:1;background-color:var(--surface-light-0)}}\n"] }]
|
|
10
|
-
}] });
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS10YWJsZS1oZWFkZXItY2VsbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi92aXN1YWxpemF0aW9uL2RhdGEtdGFibGUvZGF0YS10YWJsZS1oZWFkZXItY2VsbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRbkUsTUFBTSxPQUFPLDRCQUE0QjsrR0FBNUIsNEJBQTRCO21HQUE1Qiw0QkFBNEIsb0VBRjdCLDJCQUEyQjs7NEZBRTFCLDRCQUE0QjtrQkFOeEMsU0FBUztzQ0FDUyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLDhCQUE4QixZQUU5QiwyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc2VsZWN0b3I6ICdbcml2LWRhdGEtdGFibGUtaGVhZGVyLWNlbGxdJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0YS10YWJsZS1oZWFkZXItY2VsbC5jb21wb25lbnQuY3NzJ10sXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG59KVxuZXhwb3J0IGNsYXNzIERhdGFUYWJsZUhlYWRlckNlbGxDb21wb25lbnQge31cbiJdfQ==
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, HostBinding, Input, } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class DataTableRowComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.subRow = false;
|
|
6
|
-
}
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DataTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DataTableRowComponent, selector: "[riv-data-table-row]", inputs: { subRow: "subRow" }, host: { properties: { "class.sub-row": "this.subRow" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host:not(.sub-row){border-top:var(--border-width) solid var(--border-light)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9
|
-
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DataTableRowComponent, decorators: [{
|
|
11
|
-
type: Component,
|
|
12
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: '[riv-data-table-row]', template: '<ng-content></ng-content>', styles: [":host:not(.sub-row){border-top:var(--border-width) solid var(--border-light)}\n"] }]
|
|
13
|
-
}], propDecorators: { subRow: [{
|
|
14
|
-
type: Input
|
|
15
|
-
}, {
|
|
16
|
-
type: HostBinding,
|
|
17
|
-
args: ['class.sub-row']
|
|
18
|
-
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS10YWJsZS1yb3cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcml2L3NyYy9saWIvdmlzdWFsaXphdGlvbi9kYXRhLXRhYmxlL2RhdGEtdGFibGUtcm93LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDOztBQVF2QixNQUFNLE9BQU8scUJBQXFCO0lBTmxDO1FBU1MsV0FBTSxHQUFZLEtBQUssQ0FBQztLQUNoQzsrR0FKWSxxQkFBcUI7bUdBQXJCLHFCQUFxQixvSkFGdEIsMkJBQTJCOzs0RkFFMUIscUJBQXFCO2tCQU5qQyxTQUFTO3NDQUNTLHVCQUF1QixDQUFDLE1BQU0sWUFDckMsc0JBQXNCLFlBRXRCLDJCQUEyQjs4QkFLOUIsTUFBTTtzQkFGWixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHNlbGVjdG9yOiAnW3Jpdi1kYXRhLXRhYmxlLXJvd10nLFxuICBzdHlsZVVybHM6IFsnLi9kYXRhLXRhYmxlLXJvdy5jb21wb25lbnQuY3NzJ10sXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG59KVxuZXhwb3J0IGNsYXNzIERhdGFUYWJsZVJvd0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIEBIb3N0QmluZGluZygnY2xhc3Muc3ViLXJvdycpXG4gIHB1YmxpYyBzdWJSb3c6IGJvb2xlYW4gPSBmYWxzZTtcbn1cbiJdfQ==
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, HostBinding } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class DataTableComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.tabIndex = 0;
|
|
6
|
-
}
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DataTableComponent, selector: "riv-data-table", host: { properties: { "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: '<table><ng-content></ng-content></table>', isInline: true, styles: [":host{display:block;overflow-x:auto}table{table-layout:fixed;min-width:100%;border-collapse:collapse}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9
|
-
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DataTableComponent, decorators: [{
|
|
11
|
-
type: Component,
|
|
12
|
-
args: [{ selector: 'riv-data-table', template: '<table><ng-content></ng-content></table>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;overflow-x:auto}table{table-layout:fixed;min-width:100%;border-collapse:collapse}\n"] }]
|
|
13
|
-
}], propDecorators: { tabIndex: [{
|
|
14
|
-
type: HostBinding,
|
|
15
|
-
args: ['attr.tabindex']
|
|
16
|
-
}] } });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi92aXN1YWxpemF0aW9uL2RhdGEtdGFibGUvZGF0YS10YWJsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUWhGLE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFRcUIsYUFBUSxHQUFHLENBQUMsQ0FBQztLQUNqQzsrR0FIWSxrQkFBa0I7bUdBQWxCLGtCQUFrQixrSEFIbkIsMENBQTBDOzs0RkFHekMsa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLGdCQUFnQixZQUVoQiwwQ0FBMEMsbUJBQ25DLHVCQUF1QixDQUFDLE1BQU07OEJBSTVCLFFBQVE7c0JBRDFCLFdBQVc7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jpdi1kYXRhLXRhYmxlJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0YS10YWJsZS5jb21wb25lbnQuY3NzJ10sXG4gIHRlbXBsYXRlOiAnPHRhYmxlPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3RhYmxlPicsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEYXRhVGFibGVDb21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKVxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgdGFiSW5kZXggPSAwO1xufVxuIl19
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
-
import { arc, pie } from 'd3-shape';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "../../overlay/callout/tooltip/tooltip.directive";
|
|
6
|
-
import * as i3 from "../zero-state/zero-state.component";
|
|
7
|
-
export class DonutComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.displayLabel = '';
|
|
10
|
-
this.displayValue = '';
|
|
11
|
-
this.data = [];
|
|
12
|
-
this.size = 'medium';
|
|
13
|
-
this.HEIGHT = 256;
|
|
14
|
-
}
|
|
15
|
-
get arcPaths() {
|
|
16
|
-
const outer = (this.HEIGHT / 2) * 0.9;
|
|
17
|
-
const inner = outer - 12;
|
|
18
|
-
const pieArcs = pie()
|
|
19
|
-
.sortValues(null)
|
|
20
|
-
.value(d => d.value)(this.data);
|
|
21
|
-
return pieArcs.map(pieArc => arc()
|
|
22
|
-
.innerRadius(inner)
|
|
23
|
-
.outerRadius(outer)
|
|
24
|
-
.padAngle(0.013)
|
|
25
|
-
.startAngle(pieArc.startAngle)
|
|
26
|
-
.endAngle(pieArc.endAngle)(pieArc.data));
|
|
27
|
-
}
|
|
28
|
-
getFillStyle(idx) {
|
|
29
|
-
return `var(${this.data[idx].colorToken})`;
|
|
30
|
-
}
|
|
31
|
-
get empty() {
|
|
32
|
-
return (this.data.length === 0 || this.data.every(point => point.value === 0));
|
|
33
|
-
}
|
|
34
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DonutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DonutComponent, selector: "riv-donut", inputs: { displayLabel: "displayLabel", displayValue: "displayValue", data: "data", displayTooltip: "displayTooltip", size: "size" }, ngImport: i0, template: "<div *ngIf=\"!empty; else zeroState\" class=\"container\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"100%\"\n [attr.height]=\"HEIGHT\"\n viewBox=\"-128 -128 256 256\"\n >\n <path\n *ngFor=\"let path of arcPaths; let i = index\"\n [attr.d]=\"path\"\n [attr.fill]=\"getFillStyle(i)\"\n ></path>\n </svg>\n <div class=\"display\">\n <div class=\"value\" [ngClass]=\"size\" [rivTooltip]=\"displayTooltip\">\n {{ displayValue }}\n </div>\n <div class=\"label\">{{ displayLabel }}</div>\n </div>\n</div>\n\n<ng-template #zeroState>\n <riv-zero-state></riv-zero-state>\n</ng-template>\n", styles: [".container{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;justify-items:center;align-items:center}svg{grid-row:1 / 1;grid-column:1 / 1}.display{grid-row:1 / 1;grid-column:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-small)}.label{font-size:var(--type-1-font-size);line-height:var(--type-1-line-height-0);color:var(--type-light-low-contrast)}.value,.label{text-shadow:0 0 var(--size-small) var(--surface-light-0),0 0 var(--size-xsmall) var(--surface-light-0)}.value.xsmall{font:var(--stat-xsmall)}.value.small{font:var(--stat-small)}.value.medium{font:var(--stat-medium)}.value.large{font:var(--stat-large)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[rivTooltip]", inputs: ["rivTooltip", "rivTooltipTheme", "rivTooltipMaxWidth", "rivTooltipPreferredPosition", "rivTooltipAnchor", "rivTooltipCloseDelay", "rivTooltipOpenDelay", "rivTooltipGracePeriod"] }, { kind: "component", type: i3.ZeroStateComponent, selector: "riv-zero-state", inputs: ["message", "title", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
36
|
-
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DonutComponent, decorators: [{
|
|
38
|
-
type: Component,
|
|
39
|
-
args: [{ selector: 'riv-donut', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"!empty; else zeroState\" class=\"container\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"100%\"\n [attr.height]=\"HEIGHT\"\n viewBox=\"-128 -128 256 256\"\n >\n <path\n *ngFor=\"let path of arcPaths; let i = index\"\n [attr.d]=\"path\"\n [attr.fill]=\"getFillStyle(i)\"\n ></path>\n </svg>\n <div class=\"display\">\n <div class=\"value\" [ngClass]=\"size\" [rivTooltip]=\"displayTooltip\">\n {{ displayValue }}\n </div>\n <div class=\"label\">{{ displayLabel }}</div>\n </div>\n</div>\n\n<ng-template #zeroState>\n <riv-zero-state></riv-zero-state>\n</ng-template>\n", styles: [".container{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;justify-items:center;align-items:center}svg{grid-row:1 / 1;grid-column:1 / 1}.display{grid-row:1 / 1;grid-column:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-small)}.label{font-size:var(--type-1-font-size);line-height:var(--type-1-line-height-0);color:var(--type-light-low-contrast)}.value,.label{text-shadow:0 0 var(--size-small) var(--surface-light-0),0 0 var(--size-xsmall) var(--surface-light-0)}.value.xsmall{font:var(--stat-xsmall)}.value.small{font:var(--stat-small)}.value.medium{font:var(--stat-medium)}.value.large{font:var(--stat-large)}\n"] }]
|
|
40
|
-
}], propDecorators: { displayLabel: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], displayValue: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}], data: [{
|
|
45
|
-
type: Input
|
|
46
|
-
}], displayTooltip: [{
|
|
47
|
-
type: Input
|
|
48
|
-
}], size: [{
|
|
49
|
-
type: Input
|
|
50
|
-
}] } });
|
|
51
|
-
(function (DonutComponent) {
|
|
52
|
-
DonutComponent.Sizes = ['xsmall', 'small', 'medium', 'large'];
|
|
53
|
-
})(DonutComponent || (DonutComponent = {}));
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9udXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcml2L3NyYy9saWIvdmlzdWFsaXphdGlvbi9kb251dC9kb251dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi92aXN1YWxpemF0aW9uL2RvbnV0L2RvbnV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLE1BQU0sVUFBVSxDQUFDOzs7OztBQVFwQyxNQUFNLE9BQU8sY0FBYztJQU4zQjtRQVFFLGlCQUFZLEdBQVcsRUFBRSxDQUFDO1FBRzFCLGlCQUFZLEdBQVcsRUFBRSxDQUFDO1FBRzFCLFNBQUksR0FBK0IsRUFBRSxDQUFDO1FBTXRDLFNBQUksR0FBd0IsUUFBUSxDQUFDO1FBRTVCLFdBQU0sR0FBRyxHQUFHLENBQUM7S0EyQnZCO0lBekJDLElBQUksUUFBUTtRQUNWLE1BQU0sS0FBSyxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUM7UUFDdEMsTUFBTSxLQUFLLEdBQUcsS0FBSyxHQUFHLEVBQUUsQ0FBQztRQUN6QixNQUFNLE9BQU8sR0FBRyxHQUFHLEVBQTRCO2FBQzVDLFVBQVUsQ0FBQyxJQUFJLENBQUM7YUFDaEIsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsQyxPQUFPLE9BQU8sQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FDMUIsR0FBRyxFQUE0QjthQUM1QixXQUFXLENBQUMsS0FBSyxDQUFDO2FBQ2xCLFdBQVcsQ0FBQyxLQUFLLENBQUM7YUFDbEIsUUFBUSxDQUFDLEtBQUssQ0FBQzthQUNmLFVBQVUsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDO2FBQzdCLFFBQVEsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUMxQyxDQUFDO0lBQ0osQ0FBQztJQUVELFlBQVksQ0FBQyxHQUFXO1FBQ3RCLE9BQU8sT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLFVBQVUsR0FBRyxDQUFDO0lBQzdDLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUCxPQUFPLENBQ0wsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FDdEUsQ0FBQztJQUNKLENBQUM7K0dBMUNVLGNBQWM7bUdBQWQsY0FBYyx1TENUM0Isd29CQXdCQTs7NEZEZmEsY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU07OEJBSS9DLFlBQVk7c0JBRFgsS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLGNBQWM7c0JBRGIsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7O0FBZ0NSLFdBQWlCLGNBQWM7SUFLaEIsb0JBQUssR0FBRyxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE9BQU8sQ0FBVSxDQUFDO0FBRXZFLENBQUMsRUFQZ0IsY0FBYyxLQUFkLGNBQWMsUUFPOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgYXJjLCBwaWUgfSBmcm9tICdkMy1zaGFwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jpdi1kb251dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9kb251dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RvbnV0LmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERvbnV0Q29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgZGlzcGxheUxhYmVsOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKVxuICBkaXNwbGF5VmFsdWU6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGRhdGE6IERvbnV0Q29tcG9uZW50LkRhdGFQb2ludFtdID0gW107XG5cbiAgQElucHV0KClcbiAgZGlzcGxheVRvb2x0aXA/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc2l6ZTogRG9udXRDb21wb25lbnQuU2l6ZSA9ICdtZWRpdW0nO1xuXG4gIHJlYWRvbmx5IEhFSUdIVCA9IDI1NjtcblxuICBnZXQgYXJjUGF0aHMoKSB7XG4gICAgY29uc3Qgb3V0ZXIgPSAodGhpcy5IRUlHSFQgLyAyKSAqIDAuOTtcbiAgICBjb25zdCBpbm5lciA9IG91dGVyIC0gMTI7XG4gICAgY29uc3QgcGllQXJjcyA9IHBpZTxEb251dENvbXBvbmVudC5EYXRhUG9pbnQ+KClcbiAgICAgIC5zb3J0VmFsdWVzKG51bGwpXG4gICAgICAudmFsdWUoZCA9PiBkLnZhbHVlKSh0aGlzLmRhdGEpO1xuICAgIHJldHVybiBwaWVBcmNzLm1hcChwaWVBcmMgPT5cbiAgICAgIGFyYzxEb251dENvbXBvbmVudC5EYXRhUG9pbnQ+KClcbiAgICAgICAgLmlubmVyUmFkaXVzKGlubmVyKVxuICAgICAgICAub3V0ZXJSYWRpdXMob3V0ZXIpXG4gICAgICAgIC5wYWRBbmdsZSgwLjAxMylcbiAgICAgICAgLnN0YXJ0QW5nbGUocGllQXJjLnN0YXJ0QW5nbGUpXG4gICAgICAgIC5lbmRBbmdsZShwaWVBcmMuZW5kQW5nbGUpKHBpZUFyYy5kYXRhKSxcbiAgICApO1xuICB9XG5cbiAgZ2V0RmlsbFN0eWxlKGlkeDogbnVtYmVyKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYHZhcigke3RoaXMuZGF0YVtpZHhdLmNvbG9yVG9rZW59KWA7XG4gIH1cblxuICBnZXQgZW1wdHkoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIChcbiAgICAgIHRoaXMuZGF0YS5sZW5ndGggPT09IDAgfHwgdGhpcy5kYXRhLmV2ZXJ5KHBvaW50ID0+IHBvaW50LnZhbHVlID09PSAwKVxuICAgICk7XG4gIH1cbn1cblxuZXhwb3J0IG5hbWVzcGFjZSBEb251dENvbXBvbmVudCB7XG4gIGV4cG9ydCB0eXBlIERhdGFQb2ludCA9IHtcbiAgICB2YWx1ZTogbnVtYmVyO1xuICAgIGNvbG9yVG9rZW46IHN0cmluZztcbiAgfTtcbiAgZXhwb3J0IGNvbnN0IFNpemVzID0gWyd4c21hbGwnLCAnc21hbGwnLCAnbWVkaXVtJywgJ2xhcmdlJ10gYXMgY29uc3Q7XG4gIGV4cG9ydCB0eXBlIFNpemUgPSAodHlwZW9mIFNpemVzKVtudW1iZXJdO1xufVxuIiwiPGRpdiAqbmdJZj1cIiFlbXB0eTsgZWxzZSB6ZXJvU3RhdGVcIiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICA8c3ZnXG4gICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgd2lkdGg9XCIxMDAlXCJcbiAgICBbYXR0ci5oZWlnaHRdPVwiSEVJR0hUXCJcbiAgICB2aWV3Qm94PVwiLTEyOCAtMTI4IDI1NiAyNTZcIlxuICA+XG4gICAgPHBhdGhcbiAgICAgICpuZ0Zvcj1cImxldCBwYXRoIG9mIGFyY1BhdGhzOyBsZXQgaSA9IGluZGV4XCJcbiAgICAgIFthdHRyLmRdPVwicGF0aFwiXG4gICAgICBbYXR0ci5maWxsXT1cImdldEZpbGxTdHlsZShpKVwiXG4gICAgPjwvcGF0aD5cbiAgPC9zdmc+XG4gIDxkaXYgY2xhc3M9XCJkaXNwbGF5XCI+XG4gICAgPGRpdiBjbGFzcz1cInZhbHVlXCIgW25nQ2xhc3NdPVwic2l6ZVwiIFtyaXZUb29sdGlwXT1cImRpc3BsYXlUb29sdGlwXCI+XG4gICAgICB7eyBkaXNwbGF5VmFsdWUgfX1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibGFiZWxcIj57eyBkaXNwbGF5TGFiZWwgfX08L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICN6ZXJvU3RhdGU+XG4gIDxyaXYtemVyby1zdGF0ZT48L3Jpdi16ZXJvLXN0YXRlPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
|
|
2
|
-
import { area } from 'd3-shape';
|
|
3
|
-
import { aggregateValues, calcPercentageSteps, calcPoints, calcTrends, } from './funnel-chart.helpers';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
import * as i2 from "../metric/metric.component";
|
|
7
|
-
import * as i3 from "../trend/trend.component";
|
|
8
|
-
export class FunnelChartComponent {
|
|
9
|
-
constructor() {
|
|
10
|
-
this.data = [];
|
|
11
|
-
this.isPreAggregated = false;
|
|
12
|
-
this.graphHeight = 200;
|
|
13
|
-
this.graphWidth = 1200;
|
|
14
|
-
this.showConverted = true;
|
|
15
|
-
this.aggregatedValues = [];
|
|
16
|
-
this.percentageSteps = [];
|
|
17
|
-
this.trends = [];
|
|
18
|
-
this.path = null;
|
|
19
|
-
this.gapWidth = 0;
|
|
20
|
-
this.sectionWidth = 0;
|
|
21
|
-
this.allZeroes = true;
|
|
22
|
-
}
|
|
23
|
-
ngOnChanges() {
|
|
24
|
-
this.calcValues();
|
|
25
|
-
this.calcTrends();
|
|
26
|
-
this.calcSpace();
|
|
27
|
-
this.createPath();
|
|
28
|
-
}
|
|
29
|
-
calcValues() {
|
|
30
|
-
this.aggregatedValues = this.isPreAggregated
|
|
31
|
-
? this.data.map(d => d.value)
|
|
32
|
-
: aggregateValues(this.data.map(d => d.value));
|
|
33
|
-
this.allZeroes = Math.max(...this.aggregatedValues) === 0;
|
|
34
|
-
this.percentageSteps = calcPercentageSteps(this.aggregatedValues);
|
|
35
|
-
}
|
|
36
|
-
calcTrends() {
|
|
37
|
-
const previousValues = this.data.flatMap(d => d.previousValue !== null ? [d.previousValue] : []);
|
|
38
|
-
const aggregatedValues = this.isPreAggregated
|
|
39
|
-
? previousValues
|
|
40
|
-
: aggregateValues(previousValues);
|
|
41
|
-
const previousPercentageSteps = calcPercentageSteps(aggregatedValues);
|
|
42
|
-
this.trends = calcTrends(this.percentageSteps, previousPercentageSteps);
|
|
43
|
-
}
|
|
44
|
-
calcSpace() {
|
|
45
|
-
this.gapWidth = document.querySelector('.vertical-line')?.clientWidth ?? 2;
|
|
46
|
-
const totalGapSpace = this.percentageSteps.length * this.gapWidth;
|
|
47
|
-
this.sectionWidth = Math.round((this.graphWidth - totalGapSpace) / (this.percentageSteps.length || 1));
|
|
48
|
-
}
|
|
49
|
-
createPath() {
|
|
50
|
-
const points = calcPoints(this.aggregatedValues, this.sectionWidth, this.graphHeight, this.gapWidth);
|
|
51
|
-
this.path = area()
|
|
52
|
-
.x(([x, _]) => x)
|
|
53
|
-
.y1(([_, y]) => y)
|
|
54
|
-
.y0(this.graphHeight)(points);
|
|
55
|
-
}
|
|
56
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FunnelChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
57
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FunnelChartComponent, selector: "riv-funnel", inputs: { data: "data", isPreAggregated: "isPreAggregated", graphHeight: "graphHeight", graphWidth: "graphWidth", showConverted: "showConverted" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"funnel-chart\">\n <div class=\"header\">\n <!-- allocate space for the header -->\n <riv-metric\n class=\"metric-placeholder\"\n label=\"placeholder\"\n value=\"0\"\n ></riv-metric>\n <!-- center each metric over vertical lines -->\n <riv-metric\n *ngFor=\"let value of aggregatedValues; let ix = index\"\n class=\"metric\"\n [label]=\"data[ix]?.label ?? ''\"\n [value]=\"value.toString()\"\n [style.left.px]=\"ix * sectionWidth + ix * gapWidth\"\n ></riv-metric>\n </div>\n\n <div class=\"chart\">\n <ng-container *ngFor=\"let step of percentageSteps; let ix = index\">\n <div class=\"vertical-line\"></div>\n\n <div>\n <div *ngIf=\"showConverted && !allZeroes\" class=\"step-info\">\n {{ step }}% converted\n <riv-trend\n *ngIf=\"trends[ix] !== null\"\n [label]=\"trends[ix]! + '%'\"\n [value]=\"trends[ix]!\"\n ></riv-trend>\n </div>\n\n <!-- allocate space for the graph -->\n <div\n class=\"graph-placeholder\"\n [style.width.px]=\"sectionWidth\"\n [style.height.px]=\"graphHeight\"\n ></div>\n </div>\n </ng-container>\n\n <div class=\"vertical-line\"></div>\n\n <svg\n *ngIf=\"path\"\n class=\"graph\"\n xmlns=\"http://www.w3.org/2000/svg\"\n [attr.width]=\"graphWidth\"\n [attr.height]=\"graphHeight\"\n >\n <linearGradient id=\"gradient\">\n <stop stop-color=\"var(--purp-30)\" offset=\"0%\" />\n <stop stop-color=\"var(--brand)\" offset=\"100%\" />\n </linearGradient>\n <path [attr.d]=\"path\" fill=\"url(#gradient)\"></path>\n </svg>\n </div>\n</div>\n", styles: [".funnel-chart{width:fit-content}.header{position:relative;margin-left:var(--size-xlarge);margin-right:var(--size-xlarge)}.metric-placeholder{visibility:hidden}.metric{position:absolute;transform:translate(-50%);top:0;display:flex;flex-direction:column;align-items:center;gap:var(--size-xsmall);white-space:nowrap}.chart{position:relative;display:flex;justify-content:space-between;margin-top:var(--size-medium);margin-left:var(--size-xlarge);margin-right:var(--size-xlarge)}.step-info{display:flex;gap:var(--size-large);border:var(--border-width) solid var(--border-light);border-radius:var(--size-xsmall);padding:var(--size-medium);width:fit-content;align-items:center;color:var(--type-light-low-contrast);margin:var(--size-xsmall)}.vertical-line{width:var(--size-xxsmall);background:var(--surface-light-4);z-index:1}.graph-placeholder{margin-bottom:var(--size-xlarge)}.graph{position:absolute;bottom:var(--size-xlarge)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MetricComponent, selector: "riv-metric", inputs: ["label", "value", "size", "compact", "card", "help", "align", "valueColorToken"] }, { kind: "component", type: i3.TrendComponent, selector: "riv-trend", inputs: ["label", "value", "successCondition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
58
|
-
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FunnelChartComponent, decorators: [{
|
|
60
|
-
type: Component,
|
|
61
|
-
args: [{ selector: 'riv-funnel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"funnel-chart\">\n <div class=\"header\">\n <!-- allocate space for the header -->\n <riv-metric\n class=\"metric-placeholder\"\n label=\"placeholder\"\n value=\"0\"\n ></riv-metric>\n <!-- center each metric over vertical lines -->\n <riv-metric\n *ngFor=\"let value of aggregatedValues; let ix = index\"\n class=\"metric\"\n [label]=\"data[ix]?.label ?? ''\"\n [value]=\"value.toString()\"\n [style.left.px]=\"ix * sectionWidth + ix * gapWidth\"\n ></riv-metric>\n </div>\n\n <div class=\"chart\">\n <ng-container *ngFor=\"let step of percentageSteps; let ix = index\">\n <div class=\"vertical-line\"></div>\n\n <div>\n <div *ngIf=\"showConverted && !allZeroes\" class=\"step-info\">\n {{ step }}% converted\n <riv-trend\n *ngIf=\"trends[ix] !== null\"\n [label]=\"trends[ix]! + '%'\"\n [value]=\"trends[ix]!\"\n ></riv-trend>\n </div>\n\n <!-- allocate space for the graph -->\n <div\n class=\"graph-placeholder\"\n [style.width.px]=\"sectionWidth\"\n [style.height.px]=\"graphHeight\"\n ></div>\n </div>\n </ng-container>\n\n <div class=\"vertical-line\"></div>\n\n <svg\n *ngIf=\"path\"\n class=\"graph\"\n xmlns=\"http://www.w3.org/2000/svg\"\n [attr.width]=\"graphWidth\"\n [attr.height]=\"graphHeight\"\n >\n <linearGradient id=\"gradient\">\n <stop stop-color=\"var(--purp-30)\" offset=\"0%\" />\n <stop stop-color=\"var(--brand)\" offset=\"100%\" />\n </linearGradient>\n <path [attr.d]=\"path\" fill=\"url(#gradient)\"></path>\n </svg>\n </div>\n</div>\n", styles: [".funnel-chart{width:fit-content}.header{position:relative;margin-left:var(--size-xlarge);margin-right:var(--size-xlarge)}.metric-placeholder{visibility:hidden}.metric{position:absolute;transform:translate(-50%);top:0;display:flex;flex-direction:column;align-items:center;gap:var(--size-xsmall);white-space:nowrap}.chart{position:relative;display:flex;justify-content:space-between;margin-top:var(--size-medium);margin-left:var(--size-xlarge);margin-right:var(--size-xlarge)}.step-info{display:flex;gap:var(--size-large);border:var(--border-width) solid var(--border-light);border-radius:var(--size-xsmall);padding:var(--size-medium);width:fit-content;align-items:center;color:var(--type-light-low-contrast);margin:var(--size-xsmall)}.vertical-line{width:var(--size-xxsmall);background:var(--surface-light-4);z-index:1}.graph-placeholder{margin-bottom:var(--size-xlarge)}.graph{position:absolute;bottom:var(--size-xlarge)}\n"] }]
|
|
62
|
-
}], propDecorators: { data: [{
|
|
63
|
-
type: Input
|
|
64
|
-
}], isPreAggregated: [{
|
|
65
|
-
type: Input
|
|
66
|
-
}], graphHeight: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], graphWidth: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}], showConverted: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}] } });
|
|
73
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVubmVsLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Jpdi9zcmMvbGliL3Zpc3VhbGl6YXRpb24vZnVubmVsLWNoYXJ0L2Z1bm5lbC1jaGFydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi92aXN1YWxpemF0aW9uL2Z1bm5lbC1jaGFydC9mdW5uZWwtY2hhcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDaEMsT0FBTyxFQUNMLGVBQWUsRUFDZixtQkFBbUIsRUFDbkIsVUFBVSxFQUNWLFVBQVUsR0FDWCxNQUFNLHdCQUF3QixDQUFDOzs7OztBQVFoQyxNQUFNLE9BQU8sb0JBQW9CO0lBTmpDO1FBUUUsU0FBSSxHQUFnQyxFQUFFLENBQUM7UUFHdkMsb0JBQWUsR0FBWSxLQUFLLENBQUM7UUFHakMsZ0JBQVcsR0FBVyxHQUFHLENBQUM7UUFHMUIsZUFBVSxHQUFXLElBQUksQ0FBQztRQUcxQixrQkFBYSxHQUFZLElBQUksQ0FBQztRQUU5QixxQkFBZ0IsR0FBYSxFQUFFLENBQUM7UUFDaEMsb0JBQWUsR0FBYSxFQUFFLENBQUM7UUFDL0IsV0FBTSxHQUFhLEVBQUUsQ0FBQztRQUN0QixTQUFJLEdBQWtCLElBQUksQ0FBQztRQUMzQixhQUFRLEdBQVcsQ0FBQyxDQUFDO1FBQ3JCLGlCQUFZLEdBQVcsQ0FBQyxDQUFDO1FBQ3pCLGNBQVMsR0FBWSxJQUFJLENBQUM7S0F1RDNCO0lBckRDLFdBQVc7UUFDVCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDbEIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2xCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGVBQWU7WUFDMUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztZQUM3QixDQUFDLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFFakQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRTFELElBQUksQ0FBQyxlQUFlLEdBQUcsbUJBQW1CLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDcEUsQ0FBQztJQUVELFVBQVU7UUFDUixNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUMzQyxDQUFDLENBQUMsYUFBYSxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FDbEQsQ0FBQztRQUVGLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGVBQWU7WUFDM0MsQ0FBQyxDQUFDLGNBQWM7WUFDaEIsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUVwQyxNQUFNLHVCQUF1QixHQUFHLG1CQUFtQixDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFFdEUsSUFBSSxDQUFDLE1BQU0sR0FBRyxVQUFVLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxDQUFDO0lBQzFFLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLEVBQUUsV0FBVyxJQUFJLENBQUMsQ0FBQztRQUMzRSxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBRWxFLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FDNUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxHQUFHLGFBQWEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLENBQ3ZFLENBQUM7SUFDSixDQUFDO0lBRUQsVUFBVTtRQUNSLE1BQU0sTUFBTSxHQUFHLFVBQVUsQ0FDdkIsSUFBSSxDQUFDLGdCQUFnQixFQUNyQixJQUFJLENBQUMsWUFBWSxFQUNqQixJQUFJLENBQUMsV0FBVyxFQUNoQixJQUFJLENBQUMsUUFBUSxDQUNkLENBQUM7UUFFRixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksRUFBRTthQUNmLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7YUFDaEIsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQzthQUNqQixFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2xDLENBQUM7K0dBNUVVLG9CQUFvQjttR0FBcEIsb0JBQW9CLDJOQ3BCakMsc3REQTBEQTs7NEZEdENhLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU07OEJBSS9DLElBQUk7c0JBREgsS0FBSztnQkFJTixlQUFlO3NCQURkLEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSztnQkFJTixhQUFhO3NCQURaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGFyZWEgfSBmcm9tICdkMy1zaGFwZSc7XG5pbXBvcnQge1xuICBhZ2dyZWdhdGVWYWx1ZXMsXG4gIGNhbGNQZXJjZW50YWdlU3RlcHMsXG4gIGNhbGNQb2ludHMsXG4gIGNhbGNUcmVuZHMsXG59IGZyb20gJy4vZnVubmVsLWNoYXJ0LmhlbHBlcnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyaXYtZnVubmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Z1bm5lbC1jaGFydC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Z1bm5lbC1jaGFydC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBGdW5uZWxDaGFydENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpXG4gIGRhdGE6IEZ1bm5lbENoYXJ0Q29tcG9uZW50LkRhdGFbXSA9IFtdO1xuXG4gIEBJbnB1dCgpXG4gIGlzUHJlQWdncmVnYXRlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGdyYXBoSGVpZ2h0OiBudW1iZXIgPSAyMDA7XG5cbiAgQElucHV0KClcbiAgZ3JhcGhXaWR0aDogbnVtYmVyID0gMTIwMDtcblxuICBASW5wdXQoKVxuICBzaG93Q29udmVydGVkOiBib29sZWFuID0gdHJ1ZTtcblxuICBhZ2dyZWdhdGVkVmFsdWVzOiBudW1iZXJbXSA9IFtdO1xuICBwZXJjZW50YWdlU3RlcHM6IG51bWJlcltdID0gW107XG4gIHRyZW5kczogbnVtYmVyW10gPSBbXTtcbiAgcGF0aDogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gIGdhcFdpZHRoOiBudW1iZXIgPSAwO1xuICBzZWN0aW9uV2lkdGg6IG51bWJlciA9IDA7XG4gIGFsbFplcm9lczogYm9vbGVhbiA9IHRydWU7XG5cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgdGhpcy5jYWxjVmFsdWVzKCk7XG4gICAgdGhpcy5jYWxjVHJlbmRzKCk7XG4gICAgdGhpcy5jYWxjU3BhY2UoKTtcbiAgICB0aGlzLmNyZWF0ZVBhdGgoKTtcbiAgfVxuXG4gIGNhbGNWYWx1ZXMoKSB7XG4gICAgdGhpcy5hZ2dyZWdhdGVkVmFsdWVzID0gdGhpcy5pc1ByZUFnZ3JlZ2F0ZWRcbiAgICAgID8gdGhpcy5kYXRhLm1hcChkID0+IGQudmFsdWUpXG4gICAgICA6IGFnZ3JlZ2F0ZVZhbHVlcyh0aGlzLmRhdGEubWFwKGQgPT4gZC52YWx1ZSkpO1xuXG4gICAgdGhpcy5hbGxaZXJvZXMgPSBNYXRoLm1heCguLi50aGlzLmFnZ3JlZ2F0ZWRWYWx1ZXMpID09PSAwO1xuXG4gICAgdGhpcy5wZXJjZW50YWdlU3RlcHMgPSBjYWxjUGVyY2VudGFnZVN0ZXBzKHRoaXMuYWdncmVnYXRlZFZhbHVlcyk7XG4gIH1cblxuICBjYWxjVHJlbmRzKCkge1xuICAgIGNvbnN0IHByZXZpb3VzVmFsdWVzID0gdGhpcy5kYXRhLmZsYXRNYXAoZCA9PlxuICAgICAgZC5wcmV2aW91c1ZhbHVlICE9PSBudWxsID8gW2QucHJldmlvdXNWYWx1ZV0gOiBbXSxcbiAgICApO1xuXG4gICAgY29uc3QgYWdncmVnYXRlZFZhbHVlcyA9IHRoaXMuaXNQcmVBZ2dyZWdhdGVkXG4gICAgICA/IHByZXZpb3VzVmFsdWVzXG4gICAgICA6IGFnZ3JlZ2F0ZVZhbHVlcyhwcmV2aW91c1ZhbHVlcyk7XG5cbiAgICBjb25zdCBwcmV2aW91c1BlcmNlbnRhZ2VTdGVwcyA9IGNhbGNQZXJjZW50YWdlU3RlcHMoYWdncmVnYXRlZFZhbHVlcyk7XG5cbiAgICB0aGlzLnRyZW5kcyA9IGNhbGNUcmVuZHModGhpcy5wZXJjZW50YWdlU3RlcHMsIHByZXZpb3VzUGVyY2VudGFnZVN0ZXBzKTtcbiAgfVxuXG4gIGNhbGNTcGFjZSgpIHtcbiAgICB0aGlzLmdhcFdpZHRoID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignLnZlcnRpY2FsLWxpbmUnKT8uY2xpZW50V2lkdGggPz8gMjtcbiAgICBjb25zdCB0b3RhbEdhcFNwYWNlID0gdGhpcy5wZXJjZW50YWdlU3RlcHMubGVuZ3RoICogdGhpcy5nYXBXaWR0aDtcblxuICAgIHRoaXMuc2VjdGlvbldpZHRoID0gTWF0aC5yb3VuZChcbiAgICAgICh0aGlzLmdyYXBoV2lkdGggLSB0b3RhbEdhcFNwYWNlKSAvICh0aGlzLnBlcmNlbnRhZ2VTdGVwcy5sZW5ndGggfHwgMSksXG4gICAgKTtcbiAgfVxuXG4gIGNyZWF0ZVBhdGgoKSB7XG4gICAgY29uc3QgcG9pbnRzID0gY2FsY1BvaW50cyhcbiAgICAgIHRoaXMuYWdncmVnYXRlZFZhbHVlcyxcbiAgICAgIHRoaXMuc2VjdGlvbldpZHRoLFxuICAgICAgdGhpcy5ncmFwaEhlaWdodCxcbiAgICAgIHRoaXMuZ2FwV2lkdGgsXG4gICAgKTtcblxuICAgIHRoaXMucGF0aCA9IGFyZWEoKVxuICAgICAgLngoKFt4LCBfXSkgPT4geClcbiAgICAgIC55MSgoW18sIHldKSA9PiB5KVxuICAgICAgLnkwKHRoaXMuZ3JhcGhIZWlnaHQpKHBvaW50cyk7XG4gIH1cbn1cblxuZXhwb3J0IG5hbWVzcGFjZSBGdW5uZWxDaGFydENvbXBvbmVudCB7XG4gIGV4cG9ydCB0eXBlIERhdGEgPSB7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgICB2YWx1ZTogbnVtYmVyO1xuICAgIHByZXZpb3VzVmFsdWU6IG51bWJlciB8IG51bGw7XG4gIH07XG59XG4iLCI8ZGl2IGNsYXNzPVwiZnVubmVsLWNoYXJ0XCI+XG4gIDxkaXYgY2xhc3M9XCJoZWFkZXJcIj5cbiAgICA8IS0tIGFsbG9jYXRlIHNwYWNlIGZvciB0aGUgaGVhZGVyIC0tPlxuICAgIDxyaXYtbWV0cmljXG4gICAgICBjbGFzcz1cIm1ldHJpYy1wbGFjZWhvbGRlclwiXG4gICAgICBsYWJlbD1cInBsYWNlaG9sZGVyXCJcbiAgICAgIHZhbHVlPVwiMFwiXG4gICAgPjwvcml2LW1ldHJpYz5cbiAgICA8IS0tIGNlbnRlciBlYWNoIG1ldHJpYyBvdmVyIHZlcnRpY2FsIGxpbmVzIC0tPlxuICAgIDxyaXYtbWV0cmljXG4gICAgICAqbmdGb3I9XCJsZXQgdmFsdWUgb2YgYWdncmVnYXRlZFZhbHVlczsgbGV0IGl4ID0gaW5kZXhcIlxuICAgICAgY2xhc3M9XCJtZXRyaWNcIlxuICAgICAgW2xhYmVsXT1cImRhdGFbaXhdPy5sYWJlbCA/PyAnJ1wiXG4gICAgICBbdmFsdWVdPVwidmFsdWUudG9TdHJpbmcoKVwiXG4gICAgICBbc3R5bGUubGVmdC5weF09XCJpeCAqIHNlY3Rpb25XaWR0aCArIGl4ICogZ2FwV2lkdGhcIlxuICAgID48L3Jpdi1tZXRyaWM+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJjaGFydFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHN0ZXAgb2YgcGVyY2VudGFnZVN0ZXBzOyBsZXQgaXggPSBpbmRleFwiPlxuICAgICAgPGRpdiBjbGFzcz1cInZlcnRpY2FsLWxpbmVcIj48L2Rpdj5cblxuICAgICAgPGRpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cInNob3dDb252ZXJ0ZWQgJiYgIWFsbFplcm9lc1wiIGNsYXNzPVwic3RlcC1pbmZvXCI+XG4gICAgICAgICAge3sgc3RlcCB9fSUgY29udmVydGVkXG4gICAgICAgICAgPHJpdi10cmVuZFxuICAgICAgICAgICAgKm5nSWY9XCJ0cmVuZHNbaXhdICE9PSBudWxsXCJcbiAgICAgICAgICAgIFtsYWJlbF09XCJ0cmVuZHNbaXhdISArICclJ1wiXG4gICAgICAgICAgICBbdmFsdWVdPVwidHJlbmRzW2l4XSFcIlxuICAgICAgICAgID48L3Jpdi10cmVuZD5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPCEtLSBhbGxvY2F0ZSBzcGFjZSBmb3IgdGhlIGdyYXBoIC0tPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3M9XCJncmFwaC1wbGFjZWhvbGRlclwiXG4gICAgICAgICAgW3N0eWxlLndpZHRoLnB4XT1cInNlY3Rpb25XaWR0aFwiXG4gICAgICAgICAgW3N0eWxlLmhlaWdodC5weF09XCJncmFwaEhlaWdodFwiXG4gICAgICAgID48L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPGRpdiBjbGFzcz1cInZlcnRpY2FsLWxpbmVcIj48L2Rpdj5cblxuICAgIDxzdmdcbiAgICAgICpuZ0lmPVwicGF0aFwiXG4gICAgICBjbGFzcz1cImdyYXBoXCJcbiAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgW2F0dHIud2lkdGhdPVwiZ3JhcGhXaWR0aFwiXG4gICAgICBbYXR0ci5oZWlnaHRdPVwiZ3JhcGhIZWlnaHRcIlxuICAgID5cbiAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD1cImdyYWRpZW50XCI+XG4gICAgICAgIDxzdG9wIHN0b3AtY29sb3I9XCJ2YXIoLS1wdXJwLTMwKVwiIG9mZnNldD1cIjAlXCIgLz5cbiAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj1cInZhcigtLWJyYW5kKVwiIG9mZnNldD1cIjEwMCVcIiAvPlxuICAgICAgPC9saW5lYXJHcmFkaWVudD5cbiAgICAgIDxwYXRoIFthdHRyLmRdPVwicGF0aFwiIGZpbGw9XCJ1cmwoI2dyYWRpZW50KVwiPjwvcGF0aD5cbiAgICA8L3N2Zz5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
export function aggregateValues(values) {
|
|
2
|
-
return values.map((v, ix) => v + values.slice(ix + 1).reduce((acc, n) => acc + n, 0));
|
|
3
|
-
}
|
|
4
|
-
export function calcPercentageSteps(values) {
|
|
5
|
-
return values.flatMap((v, ix) => {
|
|
6
|
-
const next = values[ix + 1];
|
|
7
|
-
return next !== undefined
|
|
8
|
-
? v === 0
|
|
9
|
-
? 0
|
|
10
|
-
: [Math.round(100 * (next / v))]
|
|
11
|
-
: [];
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
export function calcTrends(values, previousValues) {
|
|
15
|
-
if (values.length !== previousValues.length) {
|
|
16
|
-
return [];
|
|
17
|
-
}
|
|
18
|
-
return values.map((v, ix) => v - previousValues[ix]);
|
|
19
|
-
}
|
|
20
|
-
export function calcPoints(values, sectionWidth, height, gap) {
|
|
21
|
-
const divisor = Math.max(...values) / height;
|
|
22
|
-
const normalizedValues = values.map(v => height - (divisor === 0 ? 0 : Math.round(v / divisor)));
|
|
23
|
-
// plot the points along the top edge of the graph
|
|
24
|
-
return normalizedValues.slice(1).flatMap((v, ix) => [
|
|
25
|
-
// top left point of current section
|
|
26
|
-
[gap * (ix + 1) + sectionWidth * ix, normalizedValues[ix]],
|
|
27
|
-
// bottom right point of current section
|
|
28
|
-
[gap * (ix + 1) + sectionWidth * (ix + 1), v],
|
|
29
|
-
// top left point of next section, required for small sections under vertical lines
|
|
30
|
-
[gap * (ix + 2) + sectionWidth * (ix + 1), v],
|
|
31
|
-
]);
|
|
32
|
-
}
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVubmVsLWNoYXJ0LmhlbHBlcnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi92aXN1YWxpemF0aW9uL2Z1bm5lbC1jaGFydC9mdW5uZWwtY2hhcnQuaGVscGVycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLFVBQVUsZUFBZSxDQUFDLE1BQWdCO0lBQzlDLE9BQU8sTUFBTSxDQUFDLEdBQUcsQ0FDZixDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUNuRSxDQUFDO0FBQ0osQ0FBQztBQUVELE1BQU0sVUFBVSxtQkFBbUIsQ0FBQyxNQUFnQjtJQUNsRCxPQUFPLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUU7UUFDOUIsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUM1QixPQUFPLElBQUksS0FBSyxTQUFTO1lBQ3ZCLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztnQkFDUCxDQUFDLENBQUMsQ0FBQztnQkFDSCxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsR0FBRyxDQUFDLElBQUksR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ2xDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDVCxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUM7QUFFRCxNQUFNLFVBQVUsVUFBVSxDQUN4QixNQUFnQixFQUNoQixjQUF3QjtJQUV4QixJQUFJLE1BQU0sQ0FBQyxNQUFNLEtBQUssY0FBYyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzVDLE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQztJQUNELE9BQU8sTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsR0FBRyxjQUFjLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztBQUN2RCxDQUFDO0FBRUQsTUFBTSxVQUFVLFVBQVUsQ0FDeEIsTUFBZ0IsRUFDaEIsWUFBb0IsRUFDcEIsTUFBYyxFQUNkLEdBQVc7SUFFWCxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsTUFBTSxDQUFDLEdBQUcsTUFBTSxDQUFDO0lBQzdDLE1BQU0sZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FDakMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxPQUFPLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLE9BQU8sQ0FBQyxDQUFDLENBQzVELENBQUM7SUFFRixrREFBa0Q7SUFDbEQsT0FBTyxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUM7UUFDbEQsb0NBQW9DO1FBQ3BDLENBQUMsR0FBRyxHQUFHLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxHQUFHLFlBQVksR0FBRyxFQUFFLEVBQUUsZ0JBQWdCLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDMUQsd0NBQXdDO1FBQ3hDLENBQUMsR0FBRyxHQUFHLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxHQUFHLFlBQVksR0FBRyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDN0MsbUZBQW1GO1FBQ25GLENBQUMsR0FBRyxHQUFHLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxHQUFHLFlBQVksR0FBRyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7S0FDOUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBmdW5jdGlvbiBhZ2dyZWdhdGVWYWx1ZXModmFsdWVzOiBudW1iZXJbXSk6IG51bWJlcltdIHtcbiAgcmV0dXJuIHZhbHVlcy5tYXAoXG4gICAgKHYsIGl4KSA9PiB2ICsgdmFsdWVzLnNsaWNlKGl4ICsgMSkucmVkdWNlKChhY2MsIG4pID0+IGFjYyArIG4sIDApLFxuICApO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gY2FsY1BlcmNlbnRhZ2VTdGVwcyh2YWx1ZXM6IG51bWJlcltdKTogbnVtYmVyW10ge1xuICByZXR1cm4gdmFsdWVzLmZsYXRNYXAoKHYsIGl4KSA9PiB7XG4gICAgY29uc3QgbmV4dCA9IHZhbHVlc1tpeCArIDFdO1xuICAgIHJldHVybiBuZXh0ICE9PSB1bmRlZmluZWRcbiAgICAgID8gdiA9PT0gMFxuICAgICAgICA/IDBcbiAgICAgICAgOiBbTWF0aC5yb3VuZCgxMDAgKiAobmV4dCAvIHYpKV1cbiAgICAgIDogW107XG4gIH0pO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gY2FsY1RyZW5kcyhcbiAgdmFsdWVzOiBudW1iZXJbXSxcbiAgcHJldmlvdXNWYWx1ZXM6IG51bWJlcltdLFxuKTogbnVtYmVyW10ge1xuICBpZiAodmFsdWVzLmxlbmd0aCAhPT0gcHJldmlvdXNWYWx1ZXMubGVuZ3RoKSB7XG4gICAgcmV0dXJuIFtdO1xuICB9XG4gIHJldHVybiB2YWx1ZXMubWFwKCh2LCBpeCkgPT4gdiAtIHByZXZpb3VzVmFsdWVzW2l4XSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBjYWxjUG9pbnRzKFxuICB2YWx1ZXM6IG51bWJlcltdLFxuICBzZWN0aW9uV2lkdGg6IG51bWJlcixcbiAgaGVpZ2h0OiBudW1iZXIsXG4gIGdhcDogbnVtYmVyLFxuKTogW251bWJlciwgbnVtYmVyXVtdIHtcbiAgY29uc3QgZGl2aXNvciA9IE1hdGgubWF4KC4uLnZhbHVlcykgLyBoZWlnaHQ7XG4gIGNvbnN0IG5vcm1hbGl6ZWRWYWx1ZXMgPSB2YWx1ZXMubWFwKFxuICAgIHYgPT4gaGVpZ2h0IC0gKGRpdmlzb3IgPT09IDAgPyAwIDogTWF0aC5yb3VuZCh2IC8gZGl2aXNvcikpLFxuICApO1xuXG4gIC8vIHBsb3QgdGhlIHBvaW50cyBhbG9uZyB0aGUgdG9wIGVkZ2Ugb2YgdGhlIGdyYXBoXG4gIHJldHVybiBub3JtYWxpemVkVmFsdWVzLnNsaWNlKDEpLmZsYXRNYXAoKHYsIGl4KSA9PiBbXG4gICAgLy8gdG9wIGxlZnQgcG9pbnQgb2YgY3VycmVudCBzZWN0aW9uXG4gICAgW2dhcCAqIChpeCArIDEpICsgc2VjdGlvbldpZHRoICogaXgsIG5vcm1hbGl6ZWRWYWx1ZXNbaXhdXSxcbiAgICAvLyBib3R0b20gcmlnaHQgcG9pbnQgb2YgY3VycmVudCBzZWN0aW9uXG4gICAgW2dhcCAqIChpeCArIDEpICsgc2VjdGlvbldpZHRoICogKGl4ICsgMSksIHZdLFxuICAgIC8vIHRvcCBsZWZ0IHBvaW50IG9mIG5leHQgc2VjdGlvbiwgcmVxdWlyZWQgZm9yIHNtYWxsIHNlY3Rpb25zIHVuZGVyIHZlcnRpY2FsIGxpbmVzXG4gICAgW2dhcCAqIChpeCArIDIpICsgc2VjdGlvbldpZHRoICogKGl4ICsgMSksIHZdLFxuICBdKTtcbn1cbiJdfQ==
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
-
import { chunks } from './highlight.helpers';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
export class HighlightComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.text = '';
|
|
8
|
-
this.indices = [];
|
|
9
|
-
}
|
|
10
|
-
getChunks() {
|
|
11
|
-
return chunks(this.text, this.indices);
|
|
12
|
-
}
|
|
13
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HighlightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: HighlightComponent, selector: "riv-highlight", inputs: { text: "text", indices: "indices" }, ngImport: i0, template: "<span *ngFor=\"let chunk of getChunks()\" [class.highlight]=\"chunk.highlight\">{{\n chunk.text\n}}</span>\n", styles: [".highlight{background-color:var(--baloo-10);border-radius:var(--border-radius-medium)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
15
|
-
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HighlightComponent, decorators: [{
|
|
17
|
-
type: Component,
|
|
18
|
-
args: [{ selector: 'riv-highlight', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span *ngFor=\"let chunk of getChunks()\" [class.highlight]=\"chunk.highlight\">{{\n chunk.text\n}}</span>\n", styles: [".highlight{background-color:var(--baloo-10);border-radius:var(--border-radius-medium)}\n"] }]
|
|
19
|
-
}], propDecorators: { text: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}], indices: [{
|
|
22
|
-
type: Input
|
|
23
|
-
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGlnaGxpZ2h0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Jpdi9zcmMvbGliL3Zpc3VhbGl6YXRpb24vaGlnaGxpZ2h0L2hpZ2hsaWdodC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi92aXN1YWxpemF0aW9uL2hpZ2hsaWdodC9oaWdobGlnaHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7QUFRN0MsTUFBTSxPQUFPLGtCQUFrQjtJQU4vQjtRQVFFLFNBQUksR0FBVyxFQUFFLENBQUM7UUFHbEIsWUFBTyxHQUEwQyxFQUFFLENBQUM7S0FLckQ7SUFIQyxTQUFTO1FBQ1AsT0FBTyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDekMsQ0FBQzsrR0FUVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixtR0NUL0IsK0dBR0E7OzRGRE1hLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDRSxlQUFlLG1CQUdSLHVCQUF1QixDQUFDLE1BQU07OEJBSS9DLElBQUk7c0JBREgsS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY2h1bmtzIH0gZnJvbSAnLi9oaWdobGlnaHQuaGVscGVycyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jpdi1oaWdobGlnaHQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaGlnaGxpZ2h0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaGlnaGxpZ2h0LmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEhpZ2hsaWdodENvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHRleHQ6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGluZGljZXM6IEhpZ2hsaWdodENvbXBvbmVudC5IaWdobGlnaHRJbmRpY2VzW10gPSBbXTtcblxuICBnZXRDaHVua3MoKTogSGlnaGxpZ2h0Q29tcG9uZW50LkNodW5rW10ge1xuICAgIHJldHVybiBjaHVua3ModGhpcy50ZXh0LCB0aGlzLmluZGljZXMpO1xuICB9XG59XG5cbmV4cG9ydCBuYW1lc3BhY2UgSGlnaGxpZ2h0Q29tcG9uZW50IHtcbiAgZXhwb3J0IHR5cGUgSGlnaGxpZ2h0SW5kaWNlcyA9IFtudW1iZXIsIG51bWJlcl07XG5cbiAgZXhwb3J0IHR5cGUgQ2h1bmsgPSB7XG4gICAgaGlnaGxpZ2h0OiBib29sZWFuO1xuICAgIHRleHQ6IHN0cmluZztcbiAgfTtcbn1cbiIsIjxzcGFuICpuZ0Zvcj1cImxldCBjaHVuayBvZiBnZXRDaHVua3MoKVwiIFtjbGFzcy5oaWdobGlnaHRdPVwiY2h1bmsuaGlnaGxpZ2h0XCI+e3tcbiAgY2h1bmsudGV4dFxufX08L3NwYW4+XG4iXX0=
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export function chunks(text, indices) {
|
|
2
|
-
let lastEnd = 0;
|
|
3
|
-
const chunks = [];
|
|
4
|
-
for (const [start, end] of indices) {
|
|
5
|
-
chunks.push({
|
|
6
|
-
highlight: false,
|
|
7
|
-
text: text.substring(lastEnd, start),
|
|
8
|
-
}, {
|
|
9
|
-
highlight: true,
|
|
10
|
-
text: text.substring(start, end + 1),
|
|
11
|
-
});
|
|
12
|
-
lastEnd = end + 1;
|
|
13
|
-
}
|
|
14
|
-
chunks.push({
|
|
15
|
-
highlight: false,
|
|
16
|
-
text: text?.substring(lastEnd, text.length),
|
|
17
|
-
});
|
|
18
|
-
return chunks.filter(chunk => chunk.text);
|
|
19
|
-
}
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGlnaGxpZ2h0LmhlbHBlcnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi92aXN1YWxpemF0aW9uL2hpZ2hsaWdodC9oaWdobGlnaHQuaGVscGVycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLFVBQVUsTUFBTSxDQUNwQixJQUFZLEVBQ1osT0FBOEM7SUFFOUMsSUFBSSxPQUFPLEdBQUcsQ0FBQyxDQUFDO0lBQ2hCLE1BQU0sTUFBTSxHQUFHLEVBQUUsQ0FBQztJQUNsQixLQUFLLE1BQU0sQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDLElBQUksT0FBTyxFQUFFLENBQUM7UUFDbkMsTUFBTSxDQUFDLElBQUksQ0FDVDtZQUNFLFNBQVMsRUFBRSxLQUFLO1lBQ2hCLElBQUksRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUM7U0FDckMsRUFDRDtZQUNFLFNBQVMsRUFBRSxJQUFJO1lBQ2YsSUFBSSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLEdBQUcsR0FBRyxDQUFDLENBQUM7U0FDckMsQ0FDRixDQUFDO1FBQ0YsT0FBTyxHQUFHLEdBQUcsR0FBRyxDQUFDLENBQUM7SUFDcEIsQ0FBQztJQUNELE1BQU0sQ0FBQyxJQUFJLENBQUM7UUFDVixTQUFTLEVBQUUsS0FBSztRQUNoQixJQUFJLEVBQUUsSUFBSSxFQUFFLFNBQVMsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQztLQUM1QyxDQUFDLENBQUM7SUFDSCxPQUFPLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7QUFDNUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEhpZ2hsaWdodENvbXBvbmVudCB9IGZyb20gJy4vaGlnaGxpZ2h0LmNvbXBvbmVudCc7XG5cbmV4cG9ydCBmdW5jdGlvbiBjaHVua3MoXG4gIHRleHQ6IHN0cmluZyxcbiAgaW5kaWNlczogSGlnaGxpZ2h0Q29tcG9uZW50LkhpZ2hsaWdodEluZGljZXNbXSxcbik6IEhpZ2hsaWdodENvbXBvbmVudC5DaHVua1tdIHtcbiAgbGV0IGxhc3RFbmQgPSAwO1xuICBjb25zdCBjaHVua3MgPSBbXTtcbiAgZm9yIChjb25zdCBbc3RhcnQsIGVuZF0gb2YgaW5kaWNlcykge1xuICAgIGNodW5rcy5wdXNoKFxuICAgICAge1xuICAgICAgICBoaWdobGlnaHQ6IGZhbHNlLFxuICAgICAgICB0ZXh0OiB0ZXh0LnN1YnN0cmluZyhsYXN0RW5kLCBzdGFydCksXG4gICAgICB9LFxuICAgICAge1xuICAgICAgICBoaWdobGlnaHQ6IHRydWUsXG4gICAgICAgIHRleHQ6IHRleHQuc3Vic3RyaW5nKHN0YXJ0LCBlbmQgKyAxKSxcbiAgICAgIH0sXG4gICAgKTtcbiAgICBsYXN0RW5kID0gZW5kICsgMTtcbiAgfVxuICBjaHVua3MucHVzaCh7XG4gICAgaGlnaGxpZ2h0OiBmYWxzZSxcbiAgICB0ZXh0OiB0ZXh0Py5zdWJzdHJpbmcobGFzdEVuZCwgdGV4dC5sZW5ndGgpLFxuICB9KTtcbiAgcmV0dXJuIGNodW5rcy5maWx0ZXIoY2h1bmsgPT4gY2h1bmsudGV4dCk7XG59XG4iXX0=
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { utcDay, utcMonth, utcWeek, utcYear } from 'd3-time';
|
|
2
|
-
export const intervals = ['year', 'quarter', 'month', 'week', 'day'];
|
|
3
|
-
export function getTimeInterval(interval) {
|
|
4
|
-
switch (interval) {
|
|
5
|
-
case 'day':
|
|
6
|
-
return utcDay;
|
|
7
|
-
case 'week':
|
|
8
|
-
return utcWeek;
|
|
9
|
-
case 'month':
|
|
10
|
-
return utcMonth;
|
|
11
|
-
case 'quarter':
|
|
12
|
-
return utcMonth.every(3);
|
|
13
|
-
case 'year':
|
|
14
|
-
return utcYear;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
export function getMinorIntervalFormat(interval) {
|
|
18
|
-
switch (interval) {
|
|
19
|
-
case 'day':
|
|
20
|
-
case 'week':
|
|
21
|
-
return '%-d';
|
|
22
|
-
case 'month':
|
|
23
|
-
return '%b';
|
|
24
|
-
case 'quarter':
|
|
25
|
-
return 'Q%q';
|
|
26
|
-
case 'year':
|
|
27
|
-
return '%Y';
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
export function getMajorInterval(interval) {
|
|
31
|
-
switch (interval) {
|
|
32
|
-
case 'day':
|
|
33
|
-
case 'week':
|
|
34
|
-
return 'month';
|
|
35
|
-
case 'month':
|
|
36
|
-
case 'quarter':
|
|
37
|
-
case 'year':
|
|
38
|
-
return 'year';
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
export function getMajorIntervalFormat(interval, hasMultipleYears) {
|
|
42
|
-
switch (interval) {
|
|
43
|
-
case 'year':
|
|
44
|
-
return hasMultipleYears ? '%Y' : '';
|
|
45
|
-
case 'month':
|
|
46
|
-
return hasMultipleYears ? '%b %Y' : '%b';
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
export function getIntervalTitle(interval) {
|
|
50
|
-
switch (interval) {
|
|
51
|
-
case 'year':
|
|
52
|
-
return 'Years';
|
|
53
|
-
case 'quarter':
|
|
54
|
-
return 'Quarters';
|
|
55
|
-
case 'month':
|
|
56
|
-
return 'Months';
|
|
57
|
-
case 'week':
|
|
58
|
-
return 'Weeks';
|
|
59
|
-
case 'day':
|
|
60
|
-
return 'Days';
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJ2YWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcml2L3NyYy9saWIvdmlzdWFsaXphdGlvbi9pbnRlcnZhbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixNQUFNLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFFM0UsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQUMsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLEtBQUssQ0FBVSxDQUFDO0FBRzlFLE1BQU0sVUFBVSxlQUFlLENBQUMsUUFBa0I7SUFDaEQsUUFBUSxRQUFRLEVBQUUsQ0FBQztRQUNqQixLQUFLLEtBQUs7WUFDUixPQUFPLE1BQU0sQ0FBQztRQUNoQixLQUFLLE1BQU07WUFDVCxPQUFPLE9BQU8sQ0FBQztRQUNqQixLQUFLLE9BQU87WUFDVixPQUFPLFFBQVEsQ0FBQztRQUNsQixLQUFLLFNBQVM7WUFDWixPQUFPLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFFLENBQUM7UUFDNUIsS0FBSyxNQUFNO1lBQ1QsT0FBTyxPQUFPLENBQUM7SUFDbkIsQ0FBQztBQUNILENBQUM7QUFFRCxNQUFNLFVBQVUsc0JBQXNCLENBQUMsUUFBa0I7SUFDdkQsUUFBUSxRQUFRLEVBQUUsQ0FBQztRQUNqQixLQUFLLEtBQUssQ0FBQztRQUNYLEtBQUssTUFBTTtZQUNULE9BQU8sS0FBSyxDQUFDO1FBQ2YsS0FBSyxPQUFPO1lBQ1YsT0FBTyxJQUFJLENBQUM7UUFDZCxLQUFLLFNBQVM7WUFDWixPQUFPLEtBQUssQ0FBQztRQUNmLEtBQUssTUFBTTtZQUNULE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7QUFDSCxDQUFDO0FBRUQsTUFBTSxVQUFVLGdCQUFnQixDQUFDLFFBQWtCO0lBQ2pELFFBQVEsUUFBUSxFQUFFLENBQUM7UUFDakIsS0FBSyxLQUFLLENBQUM7UUFDWCxLQUFLLE1BQU07WUFDVCxPQUFPLE9BQU8sQ0FBQztRQUNqQixLQUFLLE9BQU8sQ0FBQztRQUNiLEtBQUssU0FBUyxDQUFDO1FBQ2YsS0FBSyxNQUFNO1lBQ1QsT0FBTyxNQUFNLENBQUM7SUFDbEIsQ0FBQztBQUNILENBQUM7QUFFRCxNQUFNLFVBQVUsc0JBQXNCLENBQ3BDLFFBQTZDLEVBQzdDLGdCQUF5QjtJQUV6QixRQUFRLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLEtBQUssTUFBTTtZQUNULE9BQU8sZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ3RDLEtBQUssT0FBTztZQUNWLE9BQU8sZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQzdDLENBQUM7QUFDSCxDQUFDO0FBRUQsTUFBTSxVQUFVLGdCQUFnQixDQUFDLFFBQWtCO0lBQ2pELFFBQVEsUUFBUSxFQUFFLENBQUM7UUFDakIsS0FBSyxNQUFNO1lBQ1QsT0FBTyxPQUFPLENBQUM7UUFDakIsS0FBSyxTQUFTO1lBQ1osT0FBTyxVQUFVLENBQUM7UUFDcEIsS0FBSyxPQUFPO1lBQ1YsT0FBTyxRQUFRLENBQUM7UUFDbEIsS0FBSyxNQUFNO1lBQ1QsT0FBTyxPQUFPLENBQUM7UUFDakIsS0FBSyxLQUFLO1lBQ1IsT0FBTyxNQUFNLENBQUM7SUFDbEIsQ0FBQztBQUNILENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUaW1lSW50ZXJ2YWwsIHV0Y0RheSwgdXRjTW9udGgsIHV0Y1dlZWssIHV0Y1llYXIgfSBmcm9tICdkMy10aW1lJztcblxuZXhwb3J0IGNvbnN0IGludGVydmFscyA9IFsneWVhcicsICdxdWFydGVyJywgJ21vbnRoJywgJ3dlZWsnLCAnZGF5J10gYXMgY29uc3Q7XG5leHBvcnQgdHlwZSBJbnRlcnZhbCA9ICh0eXBlb2YgaW50ZXJ2YWxzKVtudW1iZXJdO1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0VGltZUludGVydmFsKGludGVydmFsOiBJbnRlcnZhbCk6IFRpbWVJbnRlcnZhbCB7XG4gIHN3aXRjaCAoaW50ZXJ2YWwpIHtcbiAgICBjYXNlICdkYXknOlxuICAgICAgcmV0dXJuIHV0Y0RheTtcbiAgICBjYXNlICd3ZWVrJzpcbiAgICAgIHJldHVybiB1dGNXZWVrO1xuICAgIGNhc2UgJ21vbnRoJzpcbiAgICAgIHJldHVybiB1dGNNb250aDtcbiAgICBjYXNlICdxdWFydGVyJzpcbiAgICAgIHJldHVybiB1dGNNb250aC5ldmVyeSgzKSE7XG4gICAgY2FzZSAneWVhcic6XG4gICAgICByZXR1cm4gdXRjWWVhcjtcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0TWlub3JJbnRlcnZhbEZvcm1hdChpbnRlcnZhbDogSW50ZXJ2YWwpIHtcbiAgc3dpdGNoIChpbnRlcnZhbCkge1xuICAgIGNhc2UgJ2RheSc6XG4gICAgY2FzZSAnd2Vlayc6XG4gICAgICByZXR1cm4gJyUtZCc7XG4gICAgY2FzZSAnbW9udGgnOlxuICAgICAgcmV0dXJuICclYic7XG4gICAgY2FzZSAncXVhcnRlcic6XG4gICAgICByZXR1cm4gJ1ElcSc7XG4gICAgY2FzZSAneWVhcic6XG4gICAgICByZXR1cm4gJyVZJztcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0TWFqb3JJbnRlcnZhbChpbnRlcnZhbDogSW50ZXJ2YWwpIHtcbiAgc3dpdGNoIChpbnRlcnZhbCkge1xuICAgIGNhc2UgJ2RheSc6XG4gICAgY2FzZSAnd2Vlayc6XG4gICAgICByZXR1cm4gJ21vbnRoJztcbiAgICBjYXNlICdtb250aCc6XG4gICAgY2FzZSAncXVhcnRlcic6XG4gICAgY2FzZSAneWVhcic6XG4gICAgICByZXR1cm4gJ3llYXInO1xuICB9XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRNYWpvckludGVydmFsRm9ybWF0KFxuICBpbnRlcnZhbDogUmV0dXJuVHlwZTx0eXBlb2YgZ2V0TWFqb3JJbnRlcnZhbD4sXG4gIGhhc011bHRpcGxlWWVhcnM6IGJvb2xlYW4sXG4pIHtcbiAgc3dpdGNoIChpbnRlcnZhbCkge1xuICAgIGNhc2UgJ3llYXInOlxuICAgICAgcmV0dXJuIGhhc011bHRpcGxlWWVhcnMgPyAnJVknIDogJyc7XG4gICAgY2FzZSAnbW9udGgnOlxuICAgICAgcmV0dXJuIGhhc011bHRpcGxlWWVhcnMgPyAnJWIgJVknIDogJyViJztcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0SW50ZXJ2YWxUaXRsZShpbnRlcnZhbDogSW50ZXJ2YWwpIHtcbiAgc3dpdGNoIChpbnRlcnZhbCkge1xuICAgIGNhc2UgJ3llYXInOlxuICAgICAgcmV0dXJuICdZZWFycyc7XG4gICAgY2FzZSAncXVhcnRlcic6XG4gICAgICByZXR1cm4gJ1F1YXJ0ZXJzJztcbiAgICBjYXNlICdtb250aCc6XG4gICAgICByZXR1cm4gJ01vbnRocyc7XG4gICAgY2FzZSAnd2Vlayc6XG4gICAgICByZXR1cm4gJ1dlZWtzJztcbiAgICBjYXNlICdkYXknOlxuICAgICAgcmV0dXJuICdEYXlzJztcbiAgfVxufVxuIl19
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "../../format/truncate/truncate.component";
|
|
5
|
-
export class IssueComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.colorToken = '';
|
|
8
|
-
}
|
|
9
|
-
get backgroundColor() {
|
|
10
|
-
return `var(${this.colorToken})`;
|
|
11
|
-
}
|
|
12
|
-
get textColor() {
|
|
13
|
-
return `var(${this.textColorOverride
|
|
14
|
-
? this.textColorOverride
|
|
15
|
-
: '--type-light-high-contrast'})`;
|
|
16
|
-
}
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IssueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IssueComponent, selector: "riv-issue", inputs: { label: "label", colorToken: "colorToken", textColorOverride: "textColorOverride" }, ngImport: i0, template: "<i [style.background-color]=\"backgroundColor\"></i>\n<span *ngIf=\"label\" [style.color]=\"textColor\" rivTruncate>{{ label }}</span>\n", styles: [":host{display:flex;align-items:center;gap:var(--size-xsmall)}i{width:var(--size-small);min-width:var(--size-small);height:var(--size-small);min-height:var(--size-small);border-radius:var(--border-radius-small)}span{font-size:var(--type-1-font-size);line-height:var(--type-1-line-height-0)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.TruncateComponent, selector: "[rivTruncate]", inputs: ["maxTooltipWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
19
|
-
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IssueComponent, decorators: [{
|
|
21
|
-
type: Component,
|
|
22
|
-
args: [{ selector: 'riv-issue', changeDetection: ChangeDetectionStrategy.OnPush, template: "<i [style.background-color]=\"backgroundColor\"></i>\n<span *ngIf=\"label\" [style.color]=\"textColor\" rivTruncate>{{ label }}</span>\n", styles: [":host{display:flex;align-items:center;gap:var(--size-xsmall)}i{width:var(--size-small);min-width:var(--size-small);height:var(--size-small);min-height:var(--size-small);border-radius:var(--border-radius-small)}span{font-size:var(--type-1-font-size);line-height:var(--type-1-line-height-0)}\n"] }]
|
|
23
|
-
}], propDecorators: { label: [{
|
|
24
|
-
type: Input
|
|
25
|
-
}], colorToken: [{
|
|
26
|
-
type: Input
|
|
27
|
-
}], textColorOverride: [{
|
|
28
|
-
type: Input
|
|
29
|
-
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXNzdWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcml2L3NyYy9saWIvdmlzdWFsaXphdGlvbi9pc3N1ZS9pc3N1ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi92aXN1YWxpemF0aW9uL2lzc3VlL2lzc3VlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUTFFLE1BQU0sT0FBTyxjQUFjO0lBTjNCO1FBV0UsZUFBVSxHQUFXLEVBQUUsQ0FBQztLQWdCekI7SUFYQyxJQUFJLGVBQWU7UUFDakIsT0FBTyxPQUFPLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQztJQUNuQyxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxPQUNMLElBQUksQ0FBQyxpQkFBaUI7WUFDcEIsQ0FBQyxDQUFDLElBQUksQ0FBQyxpQkFBaUI7WUFDeEIsQ0FBQyxDQUFDLDRCQUNOLEdBQUcsQ0FBQztJQUNOLENBQUM7K0dBcEJVLGNBQWM7bUdBQWQsY0FBYywrSUNSM0IsMElBRUE7OzRGRE1hLGNBQWM7a0JBTjFCLFNBQVM7K0JBQ0UsV0FBVyxtQkFHSix1QkFBdUIsQ0FBQyxNQUFNOzhCQUkvQyxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlOLGlCQUFpQjtzQkFEaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jpdi1pc3N1ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9pc3N1ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2lzc3VlLmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIElzc3VlQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgbGFiZWw/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgY29sb3JUb2tlbjogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KClcbiAgdGV4dENvbG9yT3ZlcnJpZGU/OiBzdHJpbmc7XG5cbiAgZ2V0IGJhY2tncm91bmRDb2xvcigpOiBzdHJpbmcge1xuICAgIHJldHVybiBgdmFyKCR7dGhpcy5jb2xvclRva2VufSlgO1xuICB9XG5cbiAgZ2V0IHRleHRDb2xvcigpOiBzdHJpbmcge1xuICAgIHJldHVybiBgdmFyKCR7XG4gICAgICB0aGlzLnRleHRDb2xvck92ZXJyaWRlXG4gICAgICAgID8gdGhpcy50ZXh0Q29sb3JPdmVycmlkZVxuICAgICAgICA6ICctLXR5cGUtbGlnaHQtaGlnaC1jb250cmFzdCdcbiAgICB9KWA7XG4gIH1cbn1cbiIsIjxpIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImJhY2tncm91bmRDb2xvclwiPjwvaT5cbjxzcGFuICpuZ0lmPVwibGFiZWxcIiBbc3R5bGUuY29sb3JdPVwidGV4dENvbG9yXCIgcml2VHJ1bmNhdGU+e3sgbGFiZWwgfX08L3NwYW4+XG4iXX0=
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "../../icon/icon.component";
|
|
5
|
-
import * as i3 from "../../overlay/callout/tooltip/tooltip.directive";
|
|
6
|
-
export class LegendItemComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.label = '';
|
|
9
|
-
this.colorToken = '';
|
|
10
|
-
this.style = 'solid';
|
|
11
|
-
this.visibility = 'visible';
|
|
12
|
-
this.clickable = false;
|
|
13
|
-
this.showCheckWhenClickable = true;
|
|
14
|
-
this.itemClick = new EventEmitter();
|
|
15
|
-
}
|
|
16
|
-
get backgroundColor() {
|
|
17
|
-
return `var(${this.colorToken})`;
|
|
18
|
-
}
|
|
19
|
-
isLegendItemClickable() {
|
|
20
|
-
return this.clickable && this.visibility !== 'locked';
|
|
21
|
-
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LegendItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LegendItemComponent, selector: "riv-legend-item", inputs: { label: "label", colorToken: "colorToken", style: "style", visibility: "visibility", iconTooltip: "iconTooltip", clickable: "clickable", showCheckWhenClickable: "showCheckWhenClickable" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<button\n (click)=\"isLegendItemClickable() ? itemClick.emit($event) : null\"\n [rivTooltip]=\"iconTooltip\"\n type=\"button\"\n [disabled]=\"visibility === 'locked'\"\n [attr.aria-disabled]=\"visibility === 'locked' ? 'true' : null\"\n [class.clickable]=\"clickable\"\n>\n <i\n *ngIf=\"visibility === 'visible'\"\n [class.striped]=\"style === 'striped'\"\n [class.dots]=\"style === 'dots'\"\n [style.background-color]=\"style === 'dots' ? null : backgroundColor\"\n [style.--dot-color]=\"backgroundColor\"\n class=\"opacity-hover\"\n >\n <riv-icon\n *ngIf=\"clickable && showCheckWhenClickable\"\n name=\"Check\"\n [size]=\"16\"\n [strokeWidth]=\"3\"\n style=\"color: var(--white-100)\"\n ></riv-icon>\n </i>\n <i\n *ngIf=\"visibility === 'hidden'\"\n class=\"hidden-legend-item opacity-hover\"\n [class.striped]=\"style === 'striped'\"\n [class.dots]=\"style === 'dots'\"\n [style.border-color]=\"backgroundColor\"\n [style.--background-color-hover]=\"backgroundColor\"\n [style.--dot-color]=\"backgroundColor\"\n ></i>\n <riv-icon *ngIf=\"visibility === 'locked'\" name=\"Lock\" [size]=\"16\"></riv-icon>\n\n <span\n *ngIf=\"label\"\n [class.low-contrast]=\"visibility === 'hidden' || visibility === 'locked'\"\n >\n {{ label }}\n </span>\n</button>\n", styles: [":host{display:inline-flex;align-items:center;gap:var(--size-small)}i{width:var(--size-large);height:var(--size-large)}i.striped{background-image:repeating-linear-gradient(315deg,transparent 0px,transparent 2.5px,var(--white-100) 2.5px,var(--white-100) 3.5px,transparent 3.5px,transparent 6px)}i.dots{background-color:var(--white-100);background-image:radial-gradient(circle,var(--dot-color) 1.5px,transparent 1.5px);background-size:4px 4px}span{color:var(--type-light-low-contrast);font-size:var(--type-1-font-size);line-height:var(--type-1-line-height-0)}button{display:inline-flex;gap:var(--size-small);align-items:center;cursor:default}.hidden-legend-item{border-width:var(--border-width);border-style:solid;background-color:transparent}.hidden-legend-item.dots{background-image:none}button:hover.clickable .hidden-legend-item{background-color:var(--background-color-hover)}button:hover.clickable .hidden-legend-item.dots{border:none;background-color:var(--white-100);background-image:radial-gradient(circle,var(--dot-color) 1.5px,transparent 1.5px);background-size:4px 4px}button:not([disabled]).clickable:hover{cursor:pointer}button:not([disabled]).clickable:hover .opacity-hover{opacity:.6}button[disabled]{cursor:not-allowed}button[disabled] .low-contrast{color:var(--type-light-disabled)}button:not(:hover) .low-contrast{color:var(--type-light-disabled)}button:not(.clickable):hover .low-contrast{color:var(--type-light-disabled)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "riv-icon", inputs: ["name", "fillColor", "size", "customSize", "strokeWidth"] }, { kind: "directive", type: i3.TooltipDirective, selector: "[rivTooltip]", inputs: ["rivTooltip", "rivTooltipTheme", "rivTooltipMaxWidth", "rivTooltipPreferredPosition", "rivTooltipAnchor", "rivTooltipCloseDelay", "rivTooltipOpenDelay", "rivTooltipGracePeriod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
24
|
-
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LegendItemComponent, decorators: [{
|
|
26
|
-
type: Component,
|
|
27
|
-
args: [{ selector: 'riv-legend-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n (click)=\"isLegendItemClickable() ? itemClick.emit($event) : null\"\n [rivTooltip]=\"iconTooltip\"\n type=\"button\"\n [disabled]=\"visibility === 'locked'\"\n [attr.aria-disabled]=\"visibility === 'locked' ? 'true' : null\"\n [class.clickable]=\"clickable\"\n>\n <i\n *ngIf=\"visibility === 'visible'\"\n [class.striped]=\"style === 'striped'\"\n [class.dots]=\"style === 'dots'\"\n [style.background-color]=\"style === 'dots' ? null : backgroundColor\"\n [style.--dot-color]=\"backgroundColor\"\n class=\"opacity-hover\"\n >\n <riv-icon\n *ngIf=\"clickable && showCheckWhenClickable\"\n name=\"Check\"\n [size]=\"16\"\n [strokeWidth]=\"3\"\n style=\"color: var(--white-100)\"\n ></riv-icon>\n </i>\n <i\n *ngIf=\"visibility === 'hidden'\"\n class=\"hidden-legend-item opacity-hover\"\n [class.striped]=\"style === 'striped'\"\n [class.dots]=\"style === 'dots'\"\n [style.border-color]=\"backgroundColor\"\n [style.--background-color-hover]=\"backgroundColor\"\n [style.--dot-color]=\"backgroundColor\"\n ></i>\n <riv-icon *ngIf=\"visibility === 'locked'\" name=\"Lock\" [size]=\"16\"></riv-icon>\n\n <span\n *ngIf=\"label\"\n [class.low-contrast]=\"visibility === 'hidden' || visibility === 'locked'\"\n >\n {{ label }}\n </span>\n</button>\n", styles: [":host{display:inline-flex;align-items:center;gap:var(--size-small)}i{width:var(--size-large);height:var(--size-large)}i.striped{background-image:repeating-linear-gradient(315deg,transparent 0px,transparent 2.5px,var(--white-100) 2.5px,var(--white-100) 3.5px,transparent 3.5px,transparent 6px)}i.dots{background-color:var(--white-100);background-image:radial-gradient(circle,var(--dot-color) 1.5px,transparent 1.5px);background-size:4px 4px}span{color:var(--type-light-low-contrast);font-size:var(--type-1-font-size);line-height:var(--type-1-line-height-0)}button{display:inline-flex;gap:var(--size-small);align-items:center;cursor:default}.hidden-legend-item{border-width:var(--border-width);border-style:solid;background-color:transparent}.hidden-legend-item.dots{background-image:none}button:hover.clickable .hidden-legend-item{background-color:var(--background-color-hover)}button:hover.clickable .hidden-legend-item.dots{border:none;background-color:var(--white-100);background-image:radial-gradient(circle,var(--dot-color) 1.5px,transparent 1.5px);background-size:4px 4px}button:not([disabled]).clickable:hover{cursor:pointer}button:not([disabled]).clickable:hover .opacity-hover{opacity:.6}button[disabled]{cursor:not-allowed}button[disabled] .low-contrast{color:var(--type-light-disabled)}button:not(:hover) .low-contrast{color:var(--type-light-disabled)}button:not(.clickable):hover .low-contrast{color:var(--type-light-disabled)}\n"] }]
|
|
28
|
-
}], propDecorators: { label: [{
|
|
29
|
-
type: Input
|
|
30
|
-
}], colorToken: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}], style: [{
|
|
33
|
-
type: Input
|
|
34
|
-
}], visibility: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}], iconTooltip: [{
|
|
37
|
-
type: Input
|
|
38
|
-
}], clickable: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}], showCheckWhenClickable: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], itemClick: [{
|
|
43
|
-
type: Output
|
|
44
|
-
}] } });
|
|
45
|
-
(function (LegendItemComponent) {
|
|
46
|
-
LegendItemComponent.Styles = ['solid', 'striped', 'dots'];
|
|
47
|
-
LegendItemComponent.Visibilities = ['visible', 'hidden', 'locked'];
|
|
48
|
-
})(LegendItemComponent || (LegendItemComponent = {}));
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVnZW5kLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcml2L3NyYy9saWIvdmlzdWFsaXphdGlvbi9sZWdlbmQtaXRlbS9sZWdlbmQtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi92aXN1YWxpemF0aW9uL2xlZ2VuZC1pdGVtL2xlZ2VuZC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDOzs7OztBQVF2QixNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBUUUsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUduQixlQUFVLEdBQVcsRUFBRSxDQUFDO1FBR3hCLFVBQUssR0FBOEIsT0FBTyxDQUFDO1FBRzNDLGVBQVUsR0FBbUMsU0FBUyxDQUFDO1FBVXZELGNBQVMsR0FBWSxLQUFLLENBQUM7UUFHM0IsMkJBQXNCLEdBQVksSUFBSSxDQUFDO1FBR3ZDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO0tBSzVDO0lBaEJDLElBQUksZUFBZTtRQUNqQixPQUFPLE9BQU8sSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDO0lBQ25DLENBQUM7SUFXRCxxQkFBcUI7UUFDbkIsT0FBTyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxVQUFVLEtBQUssUUFBUSxDQUFDO0lBQ3hELENBQUM7K0dBL0JVLG1CQUFtQjttR0FBbkIsbUJBQW1CLGtTQ2RoQyxzMENBMENBOzs0RkQ1QmEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNOzhCQUkvQyxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQVFOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixzQkFBc0I7c0JBRHJCLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixNQUFNOztBQVFULFdBQWlCLG1CQUFtQjtJQUNyQiwwQkFBTSxHQUFHLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQVUsQ0FBQztJQUcvQyxnQ0FBWSxHQUFHLENBQUMsU0FBUyxFQUFFLFFBQVEsRUFBRSxRQUFRLENBQVUsQ0FBQztBQUV2RSxDQUFDLEVBTmdCLG1CQUFtQixLQUFuQixtQkFBbUIsUUFNbkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyaXYtbGVnZW5kLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vbGVnZW5kLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9sZWdlbmQtaXRlbS5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBMZWdlbmRJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgbGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGNvbG9yVG9rZW46IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIHN0eWxlOiBMZWdlbmRJdGVtQ29tcG9uZW50LlN0eWxlID0gJ3NvbGlkJztcblxuICBASW5wdXQoKVxuICB2aXNpYmlsaXR5OiBMZWdlbmRJdGVtQ29tcG9uZW50LlZpc2liaWxpdHkgPSAndmlzaWJsZSc7XG5cbiAgQElucHV0KClcbiAgaWNvblRvb2x0aXA/OiBzdHJpbmc7XG5cbiAgZ2V0IGJhY2tncm91bmRDb2xvcigpOiBzdHJpbmcge1xuICAgIHJldHVybiBgdmFyKCR7dGhpcy5jb2xvclRva2VufSlgO1xuICB9XG5cbiAgQElucHV0KClcbiAgY2xpY2thYmxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgc2hvd0NoZWNrV2hlbkNsaWNrYWJsZTogYm9vbGVhbiA9IHRydWU7XG5cbiAgQE91dHB1dCgpXG4gIGl0ZW1DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKTtcblxuICBpc0xlZ2VuZEl0ZW1DbGlja2FibGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuY2xpY2thYmxlICYmIHRoaXMudmlzaWJpbGl0eSAhPT0gJ2xvY2tlZCc7XG4gIH1cbn1cblxuZXhwb3J0IG5hbWVzcGFjZSBMZWdlbmRJdGVtQ29tcG9uZW50IHtcbiAgZXhwb3J0IGNvbnN0IFN0eWxlcyA9IFsnc29saWQnLCAnc3RyaXBlZCcsICdkb3RzJ10gYXMgY29uc3Q7XG4gIGV4cG9ydCB0eXBlIFN0eWxlID0gKHR5cGVvZiBTdHlsZXMpW251bWJlcl07XG5cbiAgZXhwb3J0IGNvbnN0IFZpc2liaWxpdGllcyA9IFsndmlzaWJsZScsICdoaWRkZW4nLCAnbG9ja2VkJ10gYXMgY29uc3Q7XG4gIGV4cG9ydCB0eXBlIFZpc2liaWxpdHkgPSAodHlwZW9mIFZpc2liaWxpdGllcylbbnVtYmVyXTtcbn1cbiIsIjxidXR0b25cbiAgKGNsaWNrKT1cImlzTGVnZW5kSXRlbUNsaWNrYWJsZSgpID8gaXRlbUNsaWNrLmVtaXQoJGV2ZW50KSA6IG51bGxcIlxuICBbcml2VG9vbHRpcF09XCJpY29uVG9vbHRpcFwiXG4gIHR5cGU9XCJidXR0b25cIlxuICBbZGlzYWJsZWRdPVwidmlzaWJpbGl0eSA9PT0gJ2xvY2tlZCdcIlxuICBbYXR0ci5hcmlhLWRpc2FibGVkXT1cInZpc2liaWxpdHkgPT09ICdsb2NrZWQnID8gJ3RydWUnIDogbnVsbFwiXG4gIFtjbGFzcy5jbGlja2FibGVdPVwiY2xpY2thYmxlXCJcbj5cbiAgPGlcbiAgICAqbmdJZj1cInZpc2liaWxpdHkgPT09ICd2aXNpYmxlJ1wiXG4gICAgW2NsYXNzLnN0cmlwZWRdPVwic3R5bGUgPT09ICdzdHJpcGVkJ1wiXG4gICAgW2NsYXNzLmRvdHNdPVwic3R5bGUgPT09ICdkb3RzJ1wiXG4gICAgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwic3R5bGUgPT09ICdkb3RzJyA/IG51bGwgOiBiYWNrZ3JvdW5kQ29sb3JcIlxuICAgIFtzdHlsZS4tLWRvdC1jb2xvcl09XCJiYWNrZ3JvdW5kQ29sb3JcIlxuICAgIGNsYXNzPVwib3BhY2l0eS1ob3ZlclwiXG4gID5cbiAgICA8cml2LWljb25cbiAgICAgICpuZ0lmPVwiY2xpY2thYmxlICYmIHNob3dDaGVja1doZW5DbGlja2FibGVcIlxuICAgICAgbmFtZT1cIkNoZWNrXCJcbiAgICAgIFtzaXplXT1cIjE2XCJcbiAgICAgIFtzdHJva2VXaWR0aF09XCIzXCJcbiAgICAgIHN0eWxlPVwiY29sb3I6IHZhcigtLXdoaXRlLTEwMClcIlxuICAgID48L3Jpdi1pY29uPlxuICA8L2k+XG4gIDxpXG4gICAgKm5nSWY9XCJ2aXNpYmlsaXR5ID09PSAnaGlkZGVuJ1wiXG4gICAgY2xhc3M9XCJoaWRkZW4tbGVnZW5kLWl0ZW0gb3BhY2l0eS1ob3ZlclwiXG4gICAgW2NsYXNzLnN0cmlwZWRdPVwic3R5bGUgPT09ICdzdHJpcGVkJ1wiXG4gICAgW2NsYXNzLmRvdHNdPVwic3R5bGUgPT09ICdkb3RzJ1wiXG4gICAgW3N0eWxlLmJvcmRlci1jb2xvcl09XCJiYWNrZ3JvdW5kQ29sb3JcIlxuICAgIFtzdHlsZS4tLWJhY2tncm91bmQtY29sb3ItaG92ZXJdPVwiYmFja2dyb3VuZENvbG9yXCJcbiAgICBbc3R5bGUuLS1kb3QtY29sb3JdPVwiYmFja2dyb3VuZENvbG9yXCJcbiAgPjwvaT5cbiAgPHJpdi1pY29uICpuZ0lmPVwidmlzaWJpbGl0eSA9PT0gJ2xvY2tlZCdcIiBuYW1lPVwiTG9ja1wiIFtzaXplXT1cIjE2XCI+PC9yaXYtaWNvbj5cblxuICA8c3BhblxuICAgICpuZ0lmPVwibGFiZWxcIlxuICAgIFtjbGFzcy5sb3ctY29udHJhc3RdPVwidmlzaWJpbGl0eSA9PT0gJ2hpZGRlbicgfHwgdmlzaWJpbGl0eSA9PT0gJ2xvY2tlZCdcIlxuICA+XG4gICAge3sgbGFiZWwgfX1cbiAgPC9zcGFuPlxuPC9idXR0b24+XG4iXX0=
|