ScorecardComponent class

Standalone scorecard component.

This component is meant to be reused/embedded in larger components.

ng-content:

  • name -- Custom content in the label area.
  • value -- Custom content in the value area.
  • description -- Custom content in the description area. For this to show up, requires also setting the description attribute, even if it's only set to the empty string.
Inheritance
Annotations
  • @Component(selector: 'acx-scorecard', directives: [MaterialIconComponent, MaterialRippleComponent, NgIf], templateUrl: 'scorecard.html', styleUrls: ['scorecard.scss.css'], changeDetection: ChangeDetectionStrategy.onPush)

Constructors

ScorecardComponent(ChangeDetectorRef _changeDetector, HtmlElement element, DomService domService)

Properties

backgroundStyle → String
What style.background. is set on the host component.
no setter
changeGlyph ↔ bool
Whether to display a small change arrow glyph in the description; optional.
getter/setter pair
changeGlyphIcon → String
The name of the glyph icon to display next to the change description.
no setter
changeType ← String?
Set the type of change depicted by scorecard.
no getter
description ↔ String?
Short description on the scorecard; optional.
getter/setter pair
element → HtmlElement
final
extraBig ↔ bool
Whether to use the "big" class style for scorecards; optional.
getter/setter pair
hashCode → int
The hash code for this object.
no setterinherited
hostRole → String?
no setter
hostTabIndex → String?
no setter
isChangeNegative → bool
Whether the description field should be styled as a negative change.
no setter
isChangeNeutral → bool
Whether the description field should be styled as a neutral change.
no setter
isChangePositive → bool
Whether the description field should be styled as a positive change.
no setter
label ↔ String?
The title of the scorecard.
getter/setter pair
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
selectable ↔ bool
Whether the selection state of the scorecard can be changed by clicking.
getter/setter pair
selected ↔ bool
Whether the scorecard is selected.
getter/setter pair
selectedChange → Stream<bool>
Fired when the selection state changes.
no setter
selectedColor ↔ Color?
The Color to apply to the scorecard background when it is selected.
getter/setter pair
suggestionAfter ↔ String?
A piece of suggestion text after the description; optional.
getter/setter pair
suggestionBefore ↔ String?
A piece of suggestion text before the description; optional.
getter/setter pair
tooltip ↔ String?
The value displayed in a tooltip when the users hovers over the value.
getter/setter pair
value ↔ String?
The value displayed to the user.
getter/setter pair

Methods

focus([UIEvent? event]) → void
Programmatically set focus on the underlying element, managing outline visibility depending on the type of event. The intended use case follows this general pattern:
inherited
handleClick() → void
handleKeypress(KeyboardEvent event) → void
hideOutline() → void
inherited
keydown(KeyboardEvent e) → void
inherited
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
onFocus(Event event) → void
inherited
onMouseInteraction() → void
inherited
resetOutline() → void
inherited
toString() → String
A string representation of this object.
inherited

Operators

operator ==(Object other) → bool
The equality operator.
inherited

Constants

changeTypeNegative → const String
changeTypeNeutral → const String
changeTypePositive → const String
hostClass → const String