@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,132 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { CardComponent } from './card.component';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* Top row of a `riv-card`: heading text plus optional adornments.
|
|
6
|
-
*
|
|
7
|
-
* Three projection slots, all optional:
|
|
8
|
-
* - `[leading]` — icon, avatar, or status dot shown before the heading
|
|
9
|
-
* - default — laid out on the heading's baseline, so status badges sit beside
|
|
10
|
-
* the title and wrap below it when space runs out. Also takes a whole custom
|
|
11
|
-
* title (an inline rename field, say) when `heading` is left unset;
|
|
12
|
-
* `subheading` still renders below either way.
|
|
13
|
-
* - `[actions]` — trailing controls such as `riv-menu`
|
|
14
|
-
*
|
|
15
|
-
* ```html
|
|
16
|
-
* <riv-card-header [heading]="'Commercial 2025'" [subheading]="'Aetna'">
|
|
17
|
-
* <riv-icon leading [name]="'FileText'"></riv-icon>
|
|
18
|
-
* <riv-badge [size]="'small'" [variant]="'categorical-8'">Draft</riv-badge>
|
|
19
|
-
* <riv-menu actions>...</riv-menu>
|
|
20
|
-
* </riv-card-header>
|
|
21
|
-
* ```
|
|
22
|
-
*
|
|
23
|
-
* `headingLevel` renders a real `h1`–`h6` so the card fits the page's heading
|
|
24
|
-
* outline; pick the level that follows the surrounding content rather than the
|
|
25
|
-
* one that looks right, since size comes from the design tokens either way.
|
|
26
|
-
*
|
|
27
|
-
* The heading font and colour can be overridden per-instance with the
|
|
28
|
-
* `--card-heading-font` and `--card-heading-color` custom properties.
|
|
29
|
-
*
|
|
30
|
-
* ## Expanding and collapsing
|
|
31
|
-
*
|
|
32
|
-
* `expandable` turns the header into the toggle for the card's body: it renders
|
|
33
|
-
* a chevron and covers the row with a real `<button>` carrying `aria-expanded`
|
|
34
|
-
* and `aria-controls`, so the pattern is keyboard operable and announces its
|
|
35
|
-
* state. Controls in `[actions]` sit above that button and stay independently
|
|
36
|
-
* clickable, so a menu beside the toggle needs no `stopPropagation`.
|
|
37
|
-
*
|
|
38
|
-
* The header holds no state of its own — bind `expanded` and act on
|
|
39
|
-
* `expandedChange`, or use `[(expanded)]`:
|
|
40
|
-
*
|
|
41
|
-
* ```html
|
|
42
|
-
* <riv-card>
|
|
43
|
-
* <riv-card-header
|
|
44
|
-
* [heading]="'Patient info'"
|
|
45
|
-
* [expandable]="true"
|
|
46
|
-
* [(expanded)]="open"
|
|
47
|
-
* ></riv-card-header>
|
|
48
|
-
* <riv-card-content *ngIf="open">...</riv-card-content>
|
|
49
|
-
* </riv-card>
|
|
50
|
-
* ```
|
|
51
|
-
*
|
|
52
|
-
* The toggle is named by the header's title, so an expandable header needs a
|
|
53
|
-
* `heading` or a projected title.
|
|
54
|
-
*/
|
|
55
|
-
export declare class CardHeaderComponent implements OnChanges, OnDestroy {
|
|
56
|
-
private readonly card;
|
|
57
|
-
constructor(card: CardComponent | null);
|
|
58
|
-
/**
|
|
59
|
-
* Identifies the title for a clickable `riv-card`, which names its click
|
|
60
|
-
* target from the title rather than from the card's whole text.
|
|
61
|
-
*/
|
|
62
|
-
readonly titleId: string;
|
|
63
|
-
/**
|
|
64
|
-
* Names the body the toggle controls. Handed to the enclosing card, which
|
|
65
|
-
* relays it to the projected `riv-card-content`.
|
|
66
|
-
*/
|
|
67
|
-
readonly regionId: string;
|
|
68
|
-
/** Heading text. Omit when projecting custom heading markup instead. */
|
|
69
|
-
heading?: string;
|
|
70
|
-
/** Supporting text rendered below the heading. */
|
|
71
|
-
subheading?: string;
|
|
72
|
-
/** Heading element rendered for `heading`, for document outline purposes. */
|
|
73
|
-
headingLevel: CardHeaderComponent.HeadingLevel;
|
|
74
|
-
/** `filled` gives the header its own background, separating it from the body. */
|
|
75
|
-
variant: CardHeaderComponent.Variant;
|
|
76
|
-
padding: CardComponent.Padding;
|
|
77
|
-
/** Draws a separator below the header. Implied by the `filled` variant. */
|
|
78
|
-
divider: boolean;
|
|
79
|
-
/** Cross-axis alignment of the leading slot, heading block, and actions. */
|
|
80
|
-
align: CardHeaderComponent.Align;
|
|
81
|
-
/**
|
|
82
|
-
* Truncates the heading to this many lines with an ellipsis. Leave unset to
|
|
83
|
-
* let the heading wrap freely.
|
|
84
|
-
*/
|
|
85
|
-
clamp?: number;
|
|
86
|
-
/** Turns the header row into the toggle for the card's body. */
|
|
87
|
-
expandable: boolean;
|
|
88
|
-
/** Whether the body is currently open. The consumer owns this state. */
|
|
89
|
-
expanded: boolean;
|
|
90
|
-
/** Side of the header the chevron sits on. */
|
|
91
|
-
togglePosition: CardHeaderComponent.TogglePosition;
|
|
92
|
-
/**
|
|
93
|
-
* Blocks the toggle, for a section that is not yet available to open. Set it
|
|
94
|
-
* alongside a disabled `riv-card`, whose own `disabled` mutes the surface but
|
|
95
|
-
* does not reach the header's controls.
|
|
96
|
-
*/
|
|
97
|
-
disabled: boolean;
|
|
98
|
-
/** Emitted with the state the consumer is being asked to move to. */
|
|
99
|
-
expandedChange: EventEmitter<boolean>;
|
|
100
|
-
/**
|
|
101
|
-
* Offers the heading to an enclosing card as the name for its click target,
|
|
102
|
-
* and the toggle's region so a projected `riv-card-content` can wear it. Only
|
|
103
|
-
* a text heading is offered: projected titles can be anything, so those cards
|
|
104
|
-
* fall back to naming against their whole content.
|
|
105
|
-
*/
|
|
106
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
107
|
-
/** Withdraws the offer, so the card stops naming itself against this header. */
|
|
108
|
-
ngOnDestroy(): void;
|
|
109
|
-
/**
|
|
110
|
-
* Asks for the opposite state rather than taking it, which keeps the header
|
|
111
|
-
* free of state that could drift from the consumer's.
|
|
112
|
-
*/
|
|
113
|
-
protected toggle(): void;
|
|
114
|
-
get classes(): string;
|
|
115
|
-
/**
|
|
116
|
-
* Line clamping is applied inline so the line count stays a plain input
|
|
117
|
-
* rather than a fixed set of CSS classes.
|
|
118
|
-
*/
|
|
119
|
-
get clampStyle(): Record<string, string>;
|
|
120
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderComponent, [{ optional: true; }]>;
|
|
121
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderComponent, "riv-card-header", never, { "heading": { "alias": "heading"; "required": false; }; "subheading": { "alias": "subheading"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; "align": { "alias": "align"; "required": false; }; "clamp": { "alias": "clamp"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "togglePosition": { "alias": "togglePosition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "expandedChange": "expandedChange"; }, never, ["[leading]", "*", "[actions]"], false, never>;
|
|
122
|
-
}
|
|
123
|
-
export declare namespace CardHeaderComponent {
|
|
124
|
-
const Variants: readonly ["plain", "filled"];
|
|
125
|
-
type Variant = (typeof Variants)[number];
|
|
126
|
-
const HeadingLevels: readonly [1, 2, 3, 4, 5, 6];
|
|
127
|
-
type HeadingLevel = (typeof HeadingLevels)[number];
|
|
128
|
-
const Aligns: readonly ["start", "center"];
|
|
129
|
-
type Align = (typeof Aligns)[number];
|
|
130
|
-
const TogglePositions: readonly ["leading", "trailing"];
|
|
131
|
-
type TogglePosition = (typeof TogglePositions)[number];
|
|
132
|
-
}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { ElementRef, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { CardComponent } from './card.component';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* Makes a `riv-card` activate, applied to a native `<a>` or `<button>` inside
|
|
6
|
-
* the card.
|
|
7
|
-
*
|
|
8
|
-
* Two modes:
|
|
9
|
-
* - `stretch` (default) — the element's hit area expands to cover the whole
|
|
10
|
-
* card, so clicking anywhere activates it. Sibling controls in
|
|
11
|
-
* `riv-card-header`'s `[actions]` slot and in `riv-card-actions` stay above
|
|
12
|
-
* the overlay and remain independently clickable, with no need to stop event
|
|
13
|
-
* propagation.
|
|
14
|
-
* - `region` — the element behaves as an ordinary block wrapper, activating
|
|
15
|
-
* only the part of the card it wraps. Use this when a card has more than one
|
|
16
|
-
* meaningful destination.
|
|
17
|
-
*
|
|
18
|
-
* ```html
|
|
19
|
-
* <riv-card>
|
|
20
|
-
* <riv-card-header [heading]="workbook.name">
|
|
21
|
-
* <a riv-card-link [routerLink]="['/workbooks', workbook.id]">
|
|
22
|
-
* {{ workbook.name }}
|
|
23
|
-
* </a>
|
|
24
|
-
* <riv-menu actions>...</riv-menu>
|
|
25
|
-
* </riv-card-header>
|
|
26
|
-
* </riv-card>
|
|
27
|
-
* ```
|
|
28
|
-
*
|
|
29
|
-
* Prefer this over a click handler on the card: a real `<a>` keeps keyboard
|
|
30
|
-
* focus, "open in new tab", and screen reader link semantics, and a real
|
|
31
|
-
* `<button>` does the same for actions that do not navigate. Because the
|
|
32
|
-
* overlay is a sibling of the card's other controls rather than an ancestor,
|
|
33
|
-
* the card avoids nesting interactive elements.
|
|
34
|
-
*
|
|
35
|
-
* When `stretch` is used, keep the visible link text meaningful on its own —
|
|
36
|
-
* it is the accessible name for the whole card.
|
|
37
|
-
*/
|
|
38
|
-
export declare class CardLinkComponent implements OnInit, OnChanges, OnDestroy {
|
|
39
|
-
private readonly el;
|
|
40
|
-
private readonly renderer;
|
|
41
|
-
private readonly card;
|
|
42
|
-
constructor(el: ElementRef, renderer: Renderer2, card: CardComponent | null);
|
|
43
|
-
/** Whether the hit area covers the whole card or only the wrapped region. */
|
|
44
|
-
mode: CardLinkComponent.Mode;
|
|
45
|
-
disabled?: boolean;
|
|
46
|
-
get classes(): string;
|
|
47
|
-
get ariaDisabled(): 'true' | null;
|
|
48
|
-
get tabIndex(): '-1' | null;
|
|
49
|
-
/**
|
|
50
|
-
* Tells the enclosing card when this link covers it, so the card raises the
|
|
51
|
-
* same hover shadow as a clickable one. Registered on init too, since an
|
|
52
|
-
* unbound `mode` defaults to `stretch` without triggering `ngOnChanges`.
|
|
53
|
-
*/
|
|
54
|
-
ngOnInit(): void;
|
|
55
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
56
|
-
ngOnDestroy(): void;
|
|
57
|
-
private registerStretch;
|
|
58
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CardLinkComponent, [null, null, { optional: true; }]>;
|
|
59
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CardLinkComponent, "[riv-card-link]", never, { "mode": { "alias": "mode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
60
|
-
}
|
|
61
|
-
export declare namespace CardLinkComponent {
|
|
62
|
-
const Modes: readonly ["stretch", "region"];
|
|
63
|
-
type Mode = (typeof Modes)[number];
|
|
64
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* Image or video region of a `riv-card`, usually its first part.
|
|
4
|
-
*
|
|
5
|
-
* Pass `src` to render an image, or project any other media (`<video>`,
|
|
6
|
-
* `<iframe>`, a chart) as content:
|
|
7
|
-
*
|
|
8
|
-
* ```html
|
|
9
|
-
* <riv-card-media
|
|
10
|
-
* [src]="report.thumbnailUrl"
|
|
11
|
-
* [alt]="'Preview of ' + report.name"
|
|
12
|
-
* [aspectRatio]="'16 / 9'"
|
|
13
|
-
* ></riv-card-media>
|
|
14
|
-
* ```
|
|
15
|
-
*
|
|
16
|
-
* `alt` defaults to an empty string, which marks the image as decorative. Set
|
|
17
|
-
* it whenever the media carries information the surrounding text does not — a
|
|
18
|
-
* card whose only distinguishing feature is its image needs one.
|
|
19
|
-
*
|
|
20
|
-
* Give the region a stable box with `aspectRatio` or `height` so cards in a
|
|
21
|
-
* grid stay aligned while images load.
|
|
22
|
-
*/
|
|
23
|
-
export declare class CardMediaComponent {
|
|
24
|
-
/** Image URL. Omit when projecting media as content instead. */
|
|
25
|
-
src?: string;
|
|
26
|
-
/** Alternative text. Empty means decorative. */
|
|
27
|
-
alt: string;
|
|
28
|
-
/** Any CSS `aspect-ratio` value, e.g. `'16 / 9'`. */
|
|
29
|
-
aspectRatio?: string;
|
|
30
|
-
/** Any CSS length, e.g. `'140px'`. Takes precedence over `aspectRatio`. */
|
|
31
|
-
height?: string;
|
|
32
|
-
/** How the image fills the region. */
|
|
33
|
-
fit: CardMediaComponent.Fit;
|
|
34
|
-
get classes(): string;
|
|
35
|
-
get aspectRatioStyle(): string | null;
|
|
36
|
-
get heightStyle(): string | null;
|
|
37
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CardMediaComponent, never>;
|
|
38
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CardMediaComponent, "riv-card-media", never, { "src": { "alias": "src"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "height": { "alias": "height"; "required": false; }; "fit": { "alias": "fit"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
39
|
-
}
|
|
40
|
-
export declare namespace CardMediaComponent {
|
|
41
|
-
const Fits: readonly ["cover", "contain", "fill"];
|
|
42
|
-
type Fit = (typeof Fits)[number];
|
|
43
|
-
}
|
|
@@ -1,225 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit, Renderer2 } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Surface container that groups related content into a single scannable unit.
|
|
5
|
-
*
|
|
6
|
-
* A card is composed, not configured: project the parts you need, in the order
|
|
7
|
-
* you need them. Every part is optional, so a bare `riv-card` is a valid
|
|
8
|
-
* surface on its own.
|
|
9
|
-
*
|
|
10
|
-
* - `riv-card-media` — leading image or video
|
|
11
|
-
* - `riv-card-header` — heading, subheading, leading adornment, actions
|
|
12
|
-
* - `riv-card-content` — body
|
|
13
|
-
* - `riv-card-actions` — trailing control row
|
|
14
|
-
*
|
|
15
|
-
* ```html
|
|
16
|
-
* <riv-card>
|
|
17
|
-
* <riv-card-header [heading]="workbook.name" [subheading]="payerName">
|
|
18
|
-
* <riv-menu actions>...</riv-menu>
|
|
19
|
-
* </riv-card-header>
|
|
20
|
-
* <riv-card-content>
|
|
21
|
-
* Last edit: {{ workbook.modified | rivDate }}
|
|
22
|
-
* </riv-card-content>
|
|
23
|
-
* </riv-card>
|
|
24
|
-
* ```
|
|
25
|
-
*
|
|
26
|
-
* ## Making the card activate
|
|
27
|
-
*
|
|
28
|
-
* Set `clickable` and handle `cardClick` to make the whole surface act on a
|
|
29
|
-
* click:
|
|
30
|
-
*
|
|
31
|
-
* ```html
|
|
32
|
-
* <riv-card [clickable]="true" (cardClick)="goToWorkbook()">
|
|
33
|
-
* ```
|
|
34
|
-
*
|
|
35
|
-
* The card renders its own full-surface button for this, so activation works
|
|
36
|
-
* with a pointer, with Enter, and with Space, and the focus ring traces the
|
|
37
|
-
* whole card. Controls in `riv-card-header`'s `[actions]` slot and in
|
|
38
|
-
* `riv-card-actions` sit above it and stay independently clickable — a menu
|
|
39
|
-
* inside a clickable card needs no `stopPropagation`. Other interactive content
|
|
40
|
-
* projected into the card must raise itself with `position: relative` and
|
|
41
|
-
* `z-index: var(--card-raised-z-index)`.
|
|
42
|
-
*
|
|
43
|
-
* When the card's action is really a navigation, prefer `[riv-card-link]` on an
|
|
44
|
-
* `<a>` instead: that keeps the URL, middle-click, and "open in new tab".
|
|
45
|
-
*
|
|
46
|
-
* ## Selection
|
|
47
|
-
*
|
|
48
|
-
* Set `selected` to mark the card the user is currently looking at. It gives
|
|
49
|
-
* the surface a distinct border and shadow, and announces through
|
|
50
|
-
* `aria-current` so the state is not conveyed by colour alone.
|
|
51
|
-
*
|
|
52
|
-
* ```html
|
|
53
|
-
* <riv-card [selected]="workbook.id === activeId">
|
|
54
|
-
* ```
|
|
55
|
-
*
|
|
56
|
-
* Selection is separate from `tone`, so it composes with any tint — a selected
|
|
57
|
-
* `danger` card keeps its danger background.
|
|
58
|
-
*
|
|
59
|
-
* ## Making the card expand and collapse
|
|
60
|
-
*
|
|
61
|
-
* Set `expandable` on `riv-card-header` and render the body only while it is
|
|
62
|
-
* open. The header owns the toggle affordance and its accessibility; the
|
|
63
|
-
* consumer owns the state:
|
|
64
|
-
*
|
|
65
|
-
* ```html
|
|
66
|
-
* <riv-card>
|
|
67
|
-
* <riv-card-header
|
|
68
|
-
* [heading]="'Patient info'"
|
|
69
|
-
* [expandable]="true"
|
|
70
|
-
* [(expanded)]="open"
|
|
71
|
-
* ></riv-card-header>
|
|
72
|
-
* <riv-card-content *ngIf="open">...</riv-card-content>
|
|
73
|
-
* </riv-card>
|
|
74
|
-
* ```
|
|
75
|
-
*
|
|
76
|
-
* The card relays the region id from the header to the content, so the toggle's
|
|
77
|
-
* `aria-controls` names the body with no ids wired by hand.
|
|
78
|
-
*
|
|
79
|
-
* Do not combine `expandable` with `clickable`: both claim the same click, and
|
|
80
|
-
* a card that opens as well as expands leaves the user no way to tell which one
|
|
81
|
-
* they are about to get.
|
|
82
|
-
*
|
|
83
|
-
* ## Notes
|
|
84
|
-
*
|
|
85
|
-
* When projecting raw content with no sub-components, set `padding` so the
|
|
86
|
-
* content is not flush against the border.
|
|
87
|
-
*
|
|
88
|
-
* The card clips its own content so media and filled header/action rows follow
|
|
89
|
-
* its corners. Popups (`riv-menu`, `rivTooltip`) render through the overlay
|
|
90
|
-
* outlet, so they are not affected by that clipping.
|
|
91
|
-
*
|
|
92
|
-
* Set the corner radius with `radius`. The `--card-border-radius` custom
|
|
93
|
-
* property still overrides it, for radii off the token scale.
|
|
94
|
-
*/
|
|
95
|
-
export declare class CardComponent implements OnInit {
|
|
96
|
-
private readonly el;
|
|
97
|
-
private readonly renderer;
|
|
98
|
-
private readonly cdr;
|
|
99
|
-
constructor(el: ElementRef<HTMLElement>, renderer: Renderer2, cdr: ChangeDetectorRef);
|
|
100
|
-
/** Border and shadow treatment of the surface. */
|
|
101
|
-
variant: CardComponent.Variant;
|
|
102
|
-
/** Neutral background elevation, matching the `--surface-light-*` tokens. */
|
|
103
|
-
surface: CardComponent.Surface;
|
|
104
|
-
/** Semantic background tint. Overrides `surface` when not `neutral`. */
|
|
105
|
-
tone: CardComponent.Tone;
|
|
106
|
-
/** Stacking direction of the projected parts. */
|
|
107
|
-
orientation: CardComponent.Orientation;
|
|
108
|
-
/**
|
|
109
|
-
* Padding applied to the card itself. Leave as `none` when composing with
|
|
110
|
-
* `riv-card-header` / `riv-card-content` / `riv-card-actions`, which own
|
|
111
|
-
* their own padding.
|
|
112
|
-
*/
|
|
113
|
-
padding: CardComponent.Padding;
|
|
114
|
-
/** Corner radius, matching the `--border-radius-*` tokens. */
|
|
115
|
-
radius: CardComponent.Radius;
|
|
116
|
-
/**
|
|
117
|
-
* Shadow raised on hover, matching the `--depth-*` tokens. This shadow is
|
|
118
|
-
* the card's only hover feedback; the surface is not tinted. Defaults to `1`
|
|
119
|
-
* for a card that activates as a whole — `clickable`, or holding an enabled
|
|
120
|
-
* stretch `[riv-card-link]` — `2` for such a card when elevated, and `none`
|
|
121
|
-
* otherwise. A hover shadow reads as clickable, so set it on any other card
|
|
122
|
-
* only when the card's own controls make it interactive.
|
|
123
|
-
*/
|
|
124
|
-
hoverDepth?: CardComponent.Depth;
|
|
125
|
-
/**
|
|
126
|
-
* Makes the whole surface activate, emitting `cardClick`. Adds keyboard
|
|
127
|
-
* support and a hover shadow (see `hoverDepth`).
|
|
128
|
-
*/
|
|
129
|
-
clickable: boolean;
|
|
130
|
-
/**
|
|
131
|
-
* Accessible name for the card's action. Defaults to the `riv-card-header`
|
|
132
|
-
* title, falling back to the card's whole text content when there is no
|
|
133
|
-
* header. Set this when neither reads well on its own.
|
|
134
|
-
*/
|
|
135
|
-
clickLabel?: string;
|
|
136
|
-
/**
|
|
137
|
-
* Marks the card as the current selection, giving it a distinct border and
|
|
138
|
-
* shadow. Composes with any `tone`, so a selected danger card keeps its
|
|
139
|
-
* tint. Announced to assistive technology through `aria-current`.
|
|
140
|
-
*/
|
|
141
|
-
selected: boolean;
|
|
142
|
-
/**
|
|
143
|
-
* Mutes the surface, suppresses hover feedback, and disables the click
|
|
144
|
-
* target. Presentational for everything else — disable the card's own
|
|
145
|
-
* controls too.
|
|
146
|
-
*/
|
|
147
|
-
disabled: boolean;
|
|
148
|
-
/** Emitted when a clickable card is activated by pointer or keyboard. */
|
|
149
|
-
cardClick: EventEmitter<MouseEvent>;
|
|
150
|
-
/**
|
|
151
|
-
* Names the click target from the card's content. Generated only when the
|
|
152
|
-
* consumer has not set their own id.
|
|
153
|
-
*/
|
|
154
|
-
private cardId;
|
|
155
|
-
/** Set by a projected `riv-card-header` that has a title to name against. */
|
|
156
|
-
private titleId?;
|
|
157
|
-
/** Set by a projected `riv-card-header` that is expandable. */
|
|
158
|
-
private expandRegionId?;
|
|
159
|
-
/** Set by a projected `[riv-card-link]` whose overlay covers the card. */
|
|
160
|
-
private stretchLink;
|
|
161
|
-
/**
|
|
162
|
-
* Id an expandable header's toggle points `aria-controls` at, worn by a
|
|
163
|
-
* projected `riv-card-content`.
|
|
164
|
-
*/
|
|
165
|
-
get regionId(): string | undefined;
|
|
166
|
-
ngOnInit(): void;
|
|
167
|
-
/**
|
|
168
|
-
* Registers the header's title as the click target's accessible name, which
|
|
169
|
-
* keeps the announcement to the card's subject instead of every word on the
|
|
170
|
-
* surface. Called by `riv-card-header`; not part of the public API.
|
|
171
|
-
*/
|
|
172
|
-
setTitleId(id: string | undefined): void;
|
|
173
|
-
/**
|
|
174
|
-
* Gives up a title registered by `setTitleId`, so a header that is removed
|
|
175
|
-
* does not leave the click target naming itself against a detached element.
|
|
176
|
-
* Ignores ids that are no longer the one in use.
|
|
177
|
-
*/
|
|
178
|
-
clearTitleId(id: string): void;
|
|
179
|
-
/**
|
|
180
|
-
* Relays the region an expandable header controls to the projected
|
|
181
|
-
* `riv-card-content`, so neither side needs the consumer to wire an id.
|
|
182
|
-
* Called by `riv-card-header`; not part of the public API.
|
|
183
|
-
*/
|
|
184
|
-
setRegionId(id: string | undefined): void;
|
|
185
|
-
/**
|
|
186
|
-
* Gives up a region registered by `setRegionId`. Ignores ids that are no
|
|
187
|
-
* longer the one in use.
|
|
188
|
-
*/
|
|
189
|
-
clearRegionId(id: string): void;
|
|
190
|
-
/**
|
|
191
|
-
* Records whether an enabled stretch `[riv-card-link]` covers the card, which
|
|
192
|
-
* makes the whole surface activate and so earns the clickable hover shadow.
|
|
193
|
-
* Called by `riv-card-link`; not part of the public API.
|
|
194
|
-
*/
|
|
195
|
-
setStretchLink(present: boolean): void;
|
|
196
|
-
/**
|
|
197
|
-
* Element whose text names the click target, unless `clickLabel` is set. The
|
|
198
|
-
* host id is read from the DOM rather than cached, so a bound `[id]` that
|
|
199
|
-
* changes is picked up on the card's next change detection.
|
|
200
|
-
*/
|
|
201
|
-
protected get labelledBy(): string | null;
|
|
202
|
-
/** Announces the current selection to assistive technology. */
|
|
203
|
-
get ariaCurrent(): string | null;
|
|
204
|
-
get classes(): string;
|
|
205
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
|
|
206
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "riv-card", never, { "variant": { "alias": "variant"; "required": false; }; "surface": { "alias": "surface"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "hoverDepth": { "alias": "hoverDepth"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "clickLabel": { "alias": "clickLabel"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "cardClick": "cardClick"; }, never, ["*"], false, never>;
|
|
207
|
-
}
|
|
208
|
-
export declare namespace CardComponent {
|
|
209
|
-
const Variants: readonly ["outlined", "elevated", "flat", "dashed"];
|
|
210
|
-
type Variant = (typeof Variants)[number];
|
|
211
|
-
const Surfaces: readonly ["0", "1", "2"];
|
|
212
|
-
type Surface = (typeof Surfaces)[number];
|
|
213
|
-
const Tones: readonly ["neutral", "danger", "caution", "warning", "safety", "selected"];
|
|
214
|
-
type Tone = (typeof Tones)[number];
|
|
215
|
-
const Orientations: readonly ["vertical", "horizontal"];
|
|
216
|
-
type Orientation = (typeof Orientations)[number];
|
|
217
|
-
/** Shared padding scale for the card and its sub-components. */
|
|
218
|
-
const Paddings: readonly ["none", "small", "medium", "large", "xlarge", "xxlarge"];
|
|
219
|
-
type Padding = (typeof Paddings)[number];
|
|
220
|
-
const Radii: readonly ["small", "medium", "large", "xlarge"];
|
|
221
|
-
type Radius = (typeof Radii)[number];
|
|
222
|
-
const Depths: readonly ["none", "1", "2", "3", "4"];
|
|
223
|
-
type Depth = (typeof Depths)[number];
|
|
224
|
-
function defaultHoverDepth({ clickable, variant, }: Pick<CardComponent, 'clickable' | 'variant'>): Depth;
|
|
225
|
-
}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, TemplateRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* One labelled setting that is read in place and edited inline.
|
|
5
|
-
*
|
|
6
|
-
* Reading shows the label, the current value, and an edit button. Editing
|
|
7
|
-
* swaps the value for a consumer-supplied field plus Cancel and Save buttons.
|
|
8
|
-
* The row holds no state of its own — bind `editing` and act on `edit`,
|
|
9
|
-
* `cancel`, and `save`.
|
|
10
|
-
*
|
|
11
|
-
* Set the value shown while reading with `value` for plain text, or project
|
|
12
|
-
* richer content such as a `riv-badge` into the `[display-value]` slot. Use
|
|
13
|
-
* one or the other: when `value` is set, the slot isn't shown.
|
|
14
|
-
*
|
|
15
|
-
* Two content slots:
|
|
16
|
-
* - `[display-value]` — content shown while reading, when `value` is empty
|
|
17
|
-
* - `#editor` template — any field component to edit the value with, such as
|
|
18
|
-
* `riv-text-field`, `riv-currency-field`, or `riv-simple-select`. The row
|
|
19
|
-
* wraps it in a `<label>` named after `label`, so don't give the field its
|
|
20
|
-
* own label. Only the first control in the template gets that name, so keep
|
|
21
|
-
* it to one field.
|
|
22
|
-
*
|
|
23
|
-
* ```html
|
|
24
|
-
* <riv-setting-row
|
|
25
|
-
* [label]="'Threshold'"
|
|
26
|
-
* [infoTooltip]="'Applies to new claims only'"
|
|
27
|
-
* [editing]="editing"
|
|
28
|
-
* [saving]="saving"
|
|
29
|
-
* (edit)="editing = true"
|
|
30
|
-
* (cancel)="editing = false"
|
|
31
|
-
* (save)="save()"
|
|
32
|
-
* [value]="threshold + '%'"
|
|
33
|
-
* >
|
|
34
|
-
* <ng-template #editor>
|
|
35
|
-
* <riv-text-field [(value)]="draft"></riv-text-field>
|
|
36
|
-
* </ng-template>
|
|
37
|
-
* </riv-setting-row>
|
|
38
|
-
* ```
|
|
39
|
-
*
|
|
40
|
-
* Stack rows directly to build a settings list; each row pads itself
|
|
41
|
-
* vertically and lays out on a shared twelve-column grid so labels, values,
|
|
42
|
-
* and actions line up between rows.
|
|
43
|
-
*/
|
|
44
|
-
export declare class SettingRowComponent {
|
|
45
|
-
/** Names the setting. Also gives the edit button its screen-reader name, "Edit {label}". */
|
|
46
|
-
label: string;
|
|
47
|
-
/**
|
|
48
|
-
* The value shown while reading, as plain text and already formatted, such
|
|
49
|
-
* as `'$250'`. For anything richer, leave this empty and project it into
|
|
50
|
-
* `[display-value]` instead.
|
|
51
|
-
*/
|
|
52
|
-
value: string;
|
|
53
|
-
/** Explains the setting from an info icon beside the label. */
|
|
54
|
-
infoTooltip: string;
|
|
55
|
-
/**
|
|
56
|
-
* Whether the edit field is shown. The consumer (the parent component) owns
|
|
57
|
-
* this state, so it can keep only one row open for editing at a time.
|
|
58
|
-
*/
|
|
59
|
-
editing: boolean;
|
|
60
|
-
/** Blocks Save, for a draft that is not yet valid. */
|
|
61
|
-
saveDisabled: boolean;
|
|
62
|
-
/** Shows Save as loading and blocks Save and Cancel while a save is in flight. */
|
|
63
|
-
saving: boolean;
|
|
64
|
-
tooltipMaxWidth: string;
|
|
65
|
-
edit: EventEmitter<void>;
|
|
66
|
-
cancel: EventEmitter<void>;
|
|
67
|
-
save: EventEmitter<void>;
|
|
68
|
-
editor?: TemplateRef<void>;
|
|
69
|
-
get editingClass(): boolean;
|
|
70
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SettingRowComponent, never>;
|
|
71
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SettingRowComponent, "riv-setting-row", never, { "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "editing": { "alias": "editing"; "required": false; }; "saveDisabled": { "alias": "saveDisabled"; "required": false; }; "saving": { "alias": "saving"; "required": false; }; "tooltipMaxWidth": { "alias": "tooltipMaxWidth"; "required": false; }; }, { "edit": "edit"; "cancel": "cancel"; "save": "save"; }, ["editor"], ["[display-value]"], false, never>;
|
|
72
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class LoadingComponent {
|
|
3
|
-
static readonly STROKE_WIDTH = 1.5;
|
|
4
|
-
static readonly ARC_START_RADIANS: number;
|
|
5
|
-
size: LoadingComponent.Size;
|
|
6
|
-
variant: LoadingComponent.Variant;
|
|
7
|
-
getPathData(): string;
|
|
8
|
-
readonly strokeWidth = 1.5;
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<LoadingComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LoadingComponent, "riv-loading", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, false, never>;
|
|
11
|
-
}
|
|
12
|
-
export declare namespace LoadingComponent {
|
|
13
|
-
const Sizes: readonly [16, 40, 80];
|
|
14
|
-
type Size = (typeof LoadingComponent.Sizes)[number];
|
|
15
|
-
const Variants: readonly ["light", "dark"];
|
|
16
|
-
type Variant = (typeof LoadingComponent.Variants)[number];
|
|
17
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { LoadingComponent } from '../loading/loading.component';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class LoadingCoverComponent {
|
|
4
|
-
loading: boolean;
|
|
5
|
-
loadingSize: LoadingComponent.Size;
|
|
6
|
-
zIndexOverride?: number;
|
|
7
|
-
errorMessage?: string;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<LoadingCoverComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LoadingCoverComponent, "riv-loading-cover", never, { "loading": { "alias": "loading"; "required": false; }; "loadingSize": { "alias": "loadingSize"; "required": false; }; "zIndexOverride": { "alias": "zIndexOverride"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
10
|
-
}
|