@progressio_resources/gravity-design-system 3.1.7 → 3.1.9

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.
Files changed (11) hide show
  1. package/esm2022/lib/components/gravity-data-view/gravity-data-view.component.mjs +1 -1
  2. package/esm2022/lib/components/gravity-generic-avatar-secondary/gravity-generic-avatar-secondary.component.mjs +5 -3
  3. package/esm2022/lib/components/gravity-navigation-card/gravity-navigation-card.component.mjs +1 -1
  4. package/esm2022/lib/components/gravity-status-indicator/gravity-status-indicator.component.mjs +5 -3
  5. package/esm2022/lib/components/gravity-tree-view/service/tree-service.mjs +53 -37
  6. package/fesm2022/progressio_resources-gravity-design-system.mjs +62 -42
  7. package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
  8. package/lib/components/gravity-generic-avatar-secondary/gravity-generic-avatar-secondary.component.d.ts +2 -1
  9. package/lib/components/gravity-status-indicator/gravity-status-indicator.component.d.ts +2 -1
  10. package/lib/components/gravity-tree-view/service/tree-service.d.ts +1 -2
  11. package/package.json +1 -1
package/fesm2022/progressio_resources-gravity-design-system.mjs CHANGED
@@ -5015,7 +5015,11 @@ class TreeService {
5015
5015
  return;
5016
5016
  }
5017
5017
  if (state.selectedState === NodeSelectedState.unChecked) {
5018
- this.setChecked(state, true, ignoreDisabled);
5018
+ state.selectedState = NodeSelectedState.checked;
5019
+ state.selected = true;
5020
+ if (state.showCheckbox) {
5021
+ this.addSelected(state);
5022
+ }
5019
5023
  }
5020
5024
  else if (state.selectedState === NodeSelectedState.checked) {
5021
5025
  this.setUnchecked(state, true, ignoreDisabled);
@@ -5025,41 +5029,33 @@ class TreeService {
5025
5029
  this.setUnchecked(state, true, ignoreDisabled);
5026
5030
  }
5027
5031
  else {
5028
- this.setChecked(state, true, ignoreDisabled);
5032
+ state.selectedState = NodeSelectedState.checked;
5033
+ state.selected = true;
5034
+ if (state.showCheckbox) {
5035
+ this.addSelected(state);
5036
+ }
5029
5037
  }
5030
5038
  }
5031
5039
  if (state.parent) {
5032
5040
  this.childStateChanged(state.parent);
5033
5041
  }
5034
- }
5035
- setChecked(state, propagate, ignoreDisabled) {
5036
- if (state.disabled && !ignoreDisabled) {
5037
- return;
5038
- }
5039
- state.selectedState = NodeSelectedState.checked;
5040
- state.selected = true;
5041
- if (TreeService.hasNoChildren(state)) {
5042
- this.addSelected(state);
5043
- }
5044
- else if (propagate) {
5045
- for (const child of state.children) {
5046
- this.setChecked(child, propagate, ignoreDisabled);
5047
- }
5048
- }
5042
+ this.selectedItemsSubject.next(this.selectedItems);
5049
5043
  }
5050
5044
  setUnchecked(state, propagate, ignoreDisabled) {
5051
5045
  if (state.disabled && !ignoreDisabled) {
5052
5046
  return;
5053
5047
  }
5054
- state.selectedState = NodeSelectedState.unChecked;
5055
- state.selected = false;
5056
- if (TreeService.hasNoChildren(state)) {
5057
- this.removeSelected(state.nodeItem.item);
5058
- if (this.callbacks?.unSelect) {
5059
- this.callbacks.unSelect(state.nodeItem);
5048
+ if (state.showCheckbox) {
5049
+ state.selectedState = NodeSelectedState.unChecked;
5050
+ state.selected = false;
5051
+ if (TreeService.hasNoChildren(state)) {
5052
+ this.removeSelected(state.nodeItem.item);
5053
+ if (this.callbacks?.unSelect) {
5054
+ this.callbacks.unSelect(state.nodeItem);
5055
+ }
5060
5056
  }
5061
5057
  }
5062
- else if (propagate) {
5058
+ if (propagate) {
5063
5059
  for (const child of state.children) {
5064
5060
  this.setUnchecked(child, propagate, ignoreDisabled);
5065
5061
  }
@@ -5072,17 +5068,31 @@ class TreeService {
5072
5068
  let index = this.selectedItems.indexOf(item);
5073
5069
  if (index !== -1) {
5074
5070
  this.selectedItems.splice(index, 1);
5071
+ this.selectedItemsSubject.next(this.selectedItems);
5075
5072
  }
5076
5073
  }
5077
5074
  static hasNoChildren(state) {
5078
5075
  return !state.children || state.children.length === 0;
5079
5076
  }
5080
5077
  addSelected(state) {
5081
- this.selectedItems.push(state.nodeItem.item);
5082
- this.selectedStates.push(state);
5083
- if (this.callbacks?.select) {
5084
- this.callbacks.select(state.nodeItem);
5078
+ // Add the current node to selectedItems
5079
+ if (this.selectedItems.indexOf(state.nodeItem.item) === -1) {
5080
+ this.selectedItems.push(state.nodeItem.item);
5081
+ this.selectedStates.push(state);
5082
+ if (this.callbacks?.select) {
5083
+ this.callbacks.select(state.nodeItem);
5084
+ }
5085
+ }
5086
+ // Add all ancestors (parent, grandparent, etc.) to selectedItems
5087
+ let current = state.parent;
5088
+ while (current) {
5089
+ if (this.selectedItems.indexOf(current.nodeItem.item) === -1) {
5090
+ this.selectedItems.push(current.nodeItem.item);
5091
+ this.selectedStates.push(current);
5092
+ }
5093
+ current = current.parent;
5085
5094
  }
5095
+ this.selectedItemsSubject.next(this.selectedItems);
5086
5096
  }
5087
5097
  reEvaluateSelectedState(state) {
5088
5098
  if (!TreeService.hasNoChildren(state)) {
@@ -5094,26 +5104,32 @@ class TreeService {
5094
5104
  }
5095
5105
  childStateChanged(state) {
5096
5106
  if (this.anyChildSelected(state)) {
5097
- if (state.nodeItem.id != '0') {
5098
- let itemIndex = this.selectedItems.indexOf(state.nodeItem.item);
5099
- if (itemIndex === -1) {
5100
- this.selectedItems.push(state.nodeItem.item);
5101
- }
5102
- }
5103
5107
  if (this.allChildrenSelected(state)) {
5104
- this.setChecked(state, false);
5108
+ if (state.showCheckbox) {
5109
+ state.selectedState = NodeSelectedState.checked;
5110
+ state.selected = true;
5111
+ if (state.nodeItem.id !== '0' && this.selectedItems.indexOf(state.nodeItem.item) === -1) {
5112
+ this.selectedItems.push(state.nodeItem.item);
5113
+ this.selectedStates.push(state);
5114
+ }
5115
+ }
5116
+ else {
5117
+ state.selectedState = NodeSelectedState.indeterminate;
5118
+ state.selected = false;
5119
+ }
5105
5120
  }
5106
5121
  else {
5107
5122
  state.selectedState = NodeSelectedState.indeterminate;
5108
5123
  state.selected = false;
5109
5124
  }
5110
5125
  }
5111
- else {
5126
+ else if (!state.selected) {
5112
5127
  this.setUnchecked(state, false);
5113
5128
  }
5114
5129
  if (state.parent) {
5115
5130
  this.childStateChanged(state.parent);
5116
5131
  }
5132
+ this.selectedItemsSubject.next(this.selectedItems);
5117
5133
  }
5118
5134
  anyChildSelected(state) {
5119
5135
  return state.children.find((item) => item.selectedState === NodeSelectedState.checked || item.selectedState === NodeSelectedState.indeterminate) != null;
@@ -5502,15 +5518,17 @@ class GravityStatusIndicatorComponent {
5502
5518
  this.status = 'neutro';
5503
5519
  }
5504
5520
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5505
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: { icon: "icon", text: "text", size: "size", type: "type", status: "status" }, ngImport: i0, template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n <span *ngIf=\"text\">{{text}}</span> <gravity-icon [iconName]=\"icon\" [iconSize]=\"'sm-12'\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> <span>{{text}}</span>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;padding:2.5px 6px;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px}.gravity-status-indicator.md{height:24px}.gravity-status-indicator.positive,.gravity-status-indicator.positive-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.positive-secondary{border:1px solid var(--on-bg-button-active-positive)}.gravity-status-indicator.negative,.gravity-status-indicator.negative-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.negative-secondary{border:1px solid var(--on-bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive,.gravity-status-indicator-dot.gravity-status-indicator.positive-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative,.gravity-status-indicator-dot.gravity-status-indicator.negative-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
5521
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: { icon: "icon", text: "text", cypressTag: "cypressTag", size: "size", type: "type", status: "status" }, ngImport: i0, template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n <span *ngIf=\"text\" [attr.data-cy]=\"cypressTag\">{{text}}</span> <gravity-icon [iconName]=\"icon\" [iconSize]=\"'sm-12'\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> <span [attr.data-cy]=\"cypressTag\" >{{text}}</span>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;padding:2.5px 6px;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px}.gravity-status-indicator.md{height:24px}.gravity-status-indicator.positive,.gravity-status-indicator.positive-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.positive-secondary{border:1px solid var(--on-bg-button-active-positive)}.gravity-status-indicator.negative,.gravity-status-indicator.negative-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.negative-secondary{border:1px solid var(--on-bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive,.gravity-status-indicator-dot.gravity-status-indicator.positive-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative,.gravity-status-indicator-dot.gravity-status-indicator.negative-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
5506
5522
  }
5507
5523
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, decorators: [{
5508
5524
  type: Component,
5509
- args: [{ selector: 'gravity-status-indicator', template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n <span *ngIf=\"text\">{{text}}</span> <gravity-icon [iconName]=\"icon\" [iconSize]=\"'sm-12'\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> <span>{{text}}</span>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;padding:2.5px 6px;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px}.gravity-status-indicator.md{height:24px}.gravity-status-indicator.positive,.gravity-status-indicator.positive-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.positive-secondary{border:1px solid var(--on-bg-button-active-positive)}.gravity-status-indicator.negative,.gravity-status-indicator.negative-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.negative-secondary{border:1px solid var(--on-bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive,.gravity-status-indicator-dot.gravity-status-indicator.positive-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative,.gravity-status-indicator-dot.gravity-status-indicator.negative-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"] }]
5525
+ args: [{ selector: 'gravity-status-indicator', template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n <span *ngIf=\"text\" [attr.data-cy]=\"cypressTag\">{{text}}</span> <gravity-icon [iconName]=\"icon\" [iconSize]=\"'sm-12'\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> <span [attr.data-cy]=\"cypressTag\" >{{text}}</span>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;padding:2.5px 6px;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px}.gravity-status-indicator.md{height:24px}.gravity-status-indicator.positive,.gravity-status-indicator.positive-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.positive-secondary{border:1px solid var(--on-bg-button-active-positive)}.gravity-status-indicator.negative,.gravity-status-indicator.negative-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.negative-secondary{border:1px solid var(--on-bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive,.gravity-status-indicator-dot.gravity-status-indicator.positive-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative,.gravity-status-indicator-dot.gravity-status-indicator.negative-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"] }]
5510
5526
  }], propDecorators: { icon: [{
5511
5527
  type: Input
5512
5528
  }], text: [{
5513
5529
  type: Input
5530
+ }], cypressTag: [{
5531
+ type: Input
5514
5532
  }], size: [{
5515
5533
  type: Input
5516
5534
  }], type: [{
@@ -5942,7 +5960,7 @@ class GravityNavigationCardComponent {
5942
5960
  }
5943
5961
  }
5944
5962
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNavigationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5945
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNavigationCardComponent, selector: "gravity-navigation-card", inputs: { size: "size", state: "state", statusIndicator: "statusIndicator", title: "title", iconName: "iconName", actionText: "actionText", description: "description", fullWidth: "fullWidth", statusIndicatorText: "statusIndicatorText", statusIndicatorIcon: "statusIndicatorIcon" }, outputs: { navigatorCardClicked: "navigatorCardClicked" }, ngImport: i0, template: "<div class=\"gravity-navigation-card {{size}} {{state}}\" [class.full-width]=\"fullWidth\" (click)=\"onNavigationCardClick()\">\n <div class=\"information-content\">\n <div *ngIf=\"iconName && iconName !== ''\" class=\"icon-wrapper\">\n <gravity-icon [style.--icon-color]=\"'var(--navigation-card-icon-color)'\"\n [iconName]=\"iconName\" [size]=\"'lg'\" [iconSize]=\"'lg-24'\">\n </gravity-icon>\n </div>\n <div class=\"text-content\">\n <h1 class=\"hr-title md-bold\">{{title}}</h1>\n <p class=\"hr-body md-regular\">{{description}}</p>\n </div>\n </div>\n <div class=\"action-section\">\n <gravity-status-indicator *ngIf=\"size === 'md'\" [status]=\"statusIndicator\" [text]=\"statusIndicatorText\" [icon]=\"statusIndicatorIcon\"></gravity-status-indicator>\n <p class=\"hr-body md-regular\">{{actionText}}</p>\n <gravity-icon *ngIf=\"!(state === 'readonly')\" [style.--icon-color]=\"'var(--text-primary)'\"\n [iconName]=\"'arrow-right'\" [size]=\"'sm'\" [iconSize]=\"'sm-12'\">\n </gravity-icon>\n </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:root{--gravity-spacing-none: 0;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.gravity-navigation-card{display:flex;cursor:pointer;flex-direction:column;align-items:flex-start;border-radius:.3125rem;background:var(--surface-secondary);--navigation-card-icon-color: var(--text-primary);border:1.5px solid var(--outline-button-active-secondary)}.gravity-navigation-card:not(.sm):not(.readonly):hover{border:1.5px solid var(--bg-button-active-primary)}.gravity-navigation-card .information-content{display:flex;align-items:center;align-self:stretch;gap:var(--gravity-spacing-xs)}.gravity-navigation-card .information-content .text-content{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);gap:var(--gravity-spacing-xxs)}.gravity-navigation-card .information-content .icon-wrapper{width:56px;height:56px;display:flex;align-items:center;border-radius:6.25rem;justify-content:center;gap:var(--gravity-spacing-xs);background:var(--surface-primary);padding:var(--gravity-spacing-sm);border:1px solid var(--surface-primary)}.gravity-navigation-card .action-section{display:flex;align-self:stretch;align-items:center;justify-content:flex-end}.gravity-navigation-card .action-section p{margin-right:var(--gravity-spacing-sm)}.gravity-navigation-card .action-section gravity-icon,.gravity-navigation-card .action-section p{color:var(--text-primary)}.gravity-navigation-card .action-section gravity-status-indicator{margin-right:var(--gravity-spacing-xs)}.gravity-navigation-card.sm{width:560px;height:176px;min-width:304px;gap:var(--gravity-spacing-xxxl);padding:var(--gravity-spacing-sm)}.gravity-navigation-card.sm.full-width{width:100%}.gravity-navigation-card.md{width:100%;display:flex;min-width:780px;flex-direction:row;justify-content:space-between;padding:var(--gravity-spacing-md);border:1.5px solid var(--surface-secondary)}.gravity-navigation-card.md .information-content{height:56px;gap:var(--gravity-spacing-sm)}.gravity-navigation-card.md .information-content .icon-wrapper{background:var(--surface-primary);border-radius:6.25rem}.gravity-navigation-card.pressed{background:var(--surface-primary);border:1.5px solid var(--surface-primary)}.gravity-navigation-card.pressed .information-content .icon-wrapper{background:var(--surface-secondary)}.gravity-navigation-card.readonly{cursor:default;background:var(--bg-disabled);border:1.5px solid var(--bg-disabled);--navigation-card-icon-color: var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .text-content{color:var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .icon-wrapper{background:none;border:1px solid var(--on-bg-disabled)}.gravity-navigation-card.readonly .action-section p{color:var(--on-bg-disabled)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "size", "type", "status"] }] }); }
5963
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNavigationCardComponent, selector: "gravity-navigation-card", inputs: { size: "size", state: "state", statusIndicator: "statusIndicator", title: "title", iconName: "iconName", actionText: "actionText", description: "description", fullWidth: "fullWidth", statusIndicatorText: "statusIndicatorText", statusIndicatorIcon: "statusIndicatorIcon" }, outputs: { navigatorCardClicked: "navigatorCardClicked" }, ngImport: i0, template: "<div class=\"gravity-navigation-card {{size}} {{state}}\" [class.full-width]=\"fullWidth\" (click)=\"onNavigationCardClick()\">\n <div class=\"information-content\">\n <div *ngIf=\"iconName && iconName !== ''\" class=\"icon-wrapper\">\n <gravity-icon [style.--icon-color]=\"'var(--navigation-card-icon-color)'\"\n [iconName]=\"iconName\" [size]=\"'lg'\" [iconSize]=\"'lg-24'\">\n </gravity-icon>\n </div>\n <div class=\"text-content\">\n <h1 class=\"hr-title md-bold\">{{title}}</h1>\n <p class=\"hr-body md-regular\">{{description}}</p>\n </div>\n </div>\n <div class=\"action-section\">\n <gravity-status-indicator *ngIf=\"size === 'md'\" [status]=\"statusIndicator\" [text]=\"statusIndicatorText\" [icon]=\"statusIndicatorIcon\"></gravity-status-indicator>\n <p class=\"hr-body md-regular\">{{actionText}}</p>\n <gravity-icon *ngIf=\"!(state === 'readonly')\" [style.--icon-color]=\"'var(--text-primary)'\"\n [iconName]=\"'arrow-right'\" [size]=\"'sm'\" [iconSize]=\"'sm-12'\">\n </gravity-icon>\n </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:root{--gravity-spacing-none: 0;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.gravity-navigation-card{display:flex;cursor:pointer;flex-direction:column;align-items:flex-start;border-radius:.3125rem;background:var(--surface-secondary);--navigation-card-icon-color: var(--text-primary);border:1.5px solid var(--outline-button-active-secondary)}.gravity-navigation-card:not(.sm):not(.readonly):hover{border:1.5px solid var(--bg-button-active-primary)}.gravity-navigation-card .information-content{display:flex;align-items:center;align-self:stretch;gap:var(--gravity-spacing-xs)}.gravity-navigation-card .information-content .text-content{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);gap:var(--gravity-spacing-xxs)}.gravity-navigation-card .information-content .icon-wrapper{width:56px;height:56px;display:flex;align-items:center;border-radius:6.25rem;justify-content:center;gap:var(--gravity-spacing-xs);background:var(--surface-primary);padding:var(--gravity-spacing-sm);border:1px solid var(--surface-primary)}.gravity-navigation-card .action-section{display:flex;align-self:stretch;align-items:center;justify-content:flex-end}.gravity-navigation-card .action-section p{margin-right:var(--gravity-spacing-sm)}.gravity-navigation-card .action-section gravity-icon,.gravity-navigation-card .action-section p{color:var(--text-primary)}.gravity-navigation-card .action-section gravity-status-indicator{margin-right:var(--gravity-spacing-xs)}.gravity-navigation-card.sm{width:560px;height:176px;min-width:304px;gap:var(--gravity-spacing-xxxl);padding:var(--gravity-spacing-sm)}.gravity-navigation-card.sm.full-width{width:100%}.gravity-navigation-card.md{width:100%;display:flex;min-width:780px;flex-direction:row;justify-content:space-between;padding:var(--gravity-spacing-md);border:1.5px solid var(--surface-secondary)}.gravity-navigation-card.md .information-content{height:56px;gap:var(--gravity-spacing-sm)}.gravity-navigation-card.md .information-content .icon-wrapper{background:var(--surface-primary);border-radius:6.25rem}.gravity-navigation-card.pressed{background:var(--surface-primary);border:1.5px solid var(--surface-primary)}.gravity-navigation-card.pressed .information-content .icon-wrapper{background:var(--surface-secondary)}.gravity-navigation-card.readonly{cursor:default;background:var(--bg-disabled);border:1.5px solid var(--bg-disabled);--navigation-card-icon-color: var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .text-content{color:var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .icon-wrapper{background:none;border:1px solid var(--on-bg-disabled)}.gravity-navigation-card.readonly .action-section p{color:var(--on-bg-disabled)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "cypressTag", "size", "type", "status"] }] }); }
5946
5964
  }
5947
5965
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNavigationCardComponent, decorators: [{
5948
5966
  type: Component,
@@ -5976,17 +5994,19 @@ class GravityGenericAvatarSecondaryComponent {
5976
5994
  this.type = 'neutral';
5977
5995
  }
5978
5996
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5979
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityGenericAvatarSecondaryComponent, selector: "gravity-generic-avatar-secondary", inputs: { label: "label", initials: "initials", imageName: "imageName", type: "type" }, ngImport: i0, template: "<div class=\"generic-avatar-secondary {{ type }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <h1 *ngIf=\"initials\" class=\"hr-title lg-regular\"> {{ initials }} </h1>\n <gravity-icon *ngIf=\"!initials && imageName\" [iconName]=\"imageName\"> </gravity-icon>\n </div>\n </div>\n <div class=\"state-name\"><span class=\"hr-body sm-regular\"> {{ label }} </span></div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.generic-avatar-secondary{width:70px;display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center}.generic-avatar-secondary .avatar-outer-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle{width:64px;height:64px;display:flex;position:relative;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .state-name{height:17px;bottom:-8px;position:absolute;white-space:nowrap;border-radius:.3125rem;padding:var(--gravity-spacing-xxs);margin-top:calc(-1 * var(--gravity-spacing-xs))}.generic-avatar-secondary .state-name span{height:9px;display:block;margin-top:-4px}.generic-avatar-secondary.attention .avatar-outer-circle{border:1.5px solid var(--bg-button-active-primary)}.generic-avatar-secondary.attention .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-hover-tertiary)}.generic-avatar-secondary.attention .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-tertiary)}.generic-avatar-secondary.attention .state-name{color:var(--on-bg-button-active-primary);background:var(--bg-button-active-primary)}.generic-avatar-secondary.positive .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .state-name{color:var(--bg-button-active-positive);background:var(--on-bg-button-active-positive)}.generic-avatar-secondary.negative .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .state-name{color:var(--bg-button-active-negative);background:var(--on-bg-button-active-negative)}.generic-avatar-secondary.neutral .avatar-outer-circle{border:1.5px solid var(--text-primary)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle{background:var(--bg-disabled)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle h1{color:var(--text-primary)}.generic-avatar-secondary.neutral .state-name{color:var(--bg-disabled);background:var(--text-primary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
5997
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityGenericAvatarSecondaryComponent, selector: "gravity-generic-avatar-secondary", inputs: { label: "label", initials: "initials", imageName: "imageName", cypressTag: "cypressTag", type: "type" }, ngImport: i0, template: "<div class=\"generic-avatar-secondary {{ type }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <h1 *ngIf=\"initials\" class=\"hr-title lg-regular\"> {{ initials }} </h1>\n <gravity-icon *ngIf=\"!initials && imageName\" [iconName]=\"imageName\"> </gravity-icon>\n </div>\n </div>\n <div class=\"state-name\"><span [attr.data-cy]=\"cypressTag\" class=\"hr-body sm-regular\"> {{ label }} </span></div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.generic-avatar-secondary{width:70px;display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center}.generic-avatar-secondary .avatar-outer-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle{width:64px;height:64px;display:flex;position:relative;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .state-name{height:17px;bottom:-8px;position:absolute;white-space:nowrap;border-radius:.3125rem;padding:var(--gravity-spacing-xxs);margin-top:calc(-1 * var(--gravity-spacing-xs))}.generic-avatar-secondary .state-name span{height:9px;display:block;margin-top:-4px}.generic-avatar-secondary.attention .avatar-outer-circle{border:1.5px solid var(--bg-button-active-primary)}.generic-avatar-secondary.attention .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-hover-tertiary)}.generic-avatar-secondary.attention .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-tertiary)}.generic-avatar-secondary.attention .state-name{color:var(--on-bg-button-active-primary);background:var(--bg-button-active-primary)}.generic-avatar-secondary.positive .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .state-name{color:var(--bg-button-active-positive);background:var(--on-bg-button-active-positive)}.generic-avatar-secondary.negative .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .state-name{color:var(--bg-button-active-negative);background:var(--on-bg-button-active-negative)}.generic-avatar-secondary.neutral .avatar-outer-circle{border:1.5px solid var(--text-primary)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle{background:var(--bg-disabled)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle h1{color:var(--text-primary)}.generic-avatar-secondary.neutral .state-name{color:var(--bg-disabled);background:var(--text-primary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
5980
5998
  }
5981
5999
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarSecondaryComponent, decorators: [{
5982
6000
  type: Component,
5983
- args: [{ selector: 'gravity-generic-avatar-secondary', template: "<div class=\"generic-avatar-secondary {{ type }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <h1 *ngIf=\"initials\" class=\"hr-title lg-regular\"> {{ initials }} </h1>\n <gravity-icon *ngIf=\"!initials && imageName\" [iconName]=\"imageName\"> </gravity-icon>\n </div>\n </div>\n <div class=\"state-name\"><span class=\"hr-body sm-regular\"> {{ label }} </span></div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.generic-avatar-secondary{width:70px;display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center}.generic-avatar-secondary .avatar-outer-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle{width:64px;height:64px;display:flex;position:relative;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .state-name{height:17px;bottom:-8px;position:absolute;white-space:nowrap;border-radius:.3125rem;padding:var(--gravity-spacing-xxs);margin-top:calc(-1 * var(--gravity-spacing-xs))}.generic-avatar-secondary .state-name span{height:9px;display:block;margin-top:-4px}.generic-avatar-secondary.attention .avatar-outer-circle{border:1.5px solid var(--bg-button-active-primary)}.generic-avatar-secondary.attention .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-hover-tertiary)}.generic-avatar-secondary.attention .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-tertiary)}.generic-avatar-secondary.attention .state-name{color:var(--on-bg-button-active-primary);background:var(--bg-button-active-primary)}.generic-avatar-secondary.positive .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .state-name{color:var(--bg-button-active-positive);background:var(--on-bg-button-active-positive)}.generic-avatar-secondary.negative .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .state-name{color:var(--bg-button-active-negative);background:var(--on-bg-button-active-negative)}.generic-avatar-secondary.neutral .avatar-outer-circle{border:1.5px solid var(--text-primary)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle{background:var(--bg-disabled)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle h1{color:var(--text-primary)}.generic-avatar-secondary.neutral .state-name{color:var(--bg-disabled);background:var(--text-primary)}\n"] }]
6001
+ args: [{ selector: 'gravity-generic-avatar-secondary', template: "<div class=\"generic-avatar-secondary {{ type }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <h1 *ngIf=\"initials\" class=\"hr-title lg-regular\"> {{ initials }} </h1>\n <gravity-icon *ngIf=\"!initials && imageName\" [iconName]=\"imageName\"> </gravity-icon>\n </div>\n </div>\n <div class=\"state-name\"><span [attr.data-cy]=\"cypressTag\" class=\"hr-body sm-regular\"> {{ label }} </span></div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.generic-avatar-secondary{width:70px;display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center}.generic-avatar-secondary .avatar-outer-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle{width:64px;height:64px;display:flex;position:relative;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .state-name{height:17px;bottom:-8px;position:absolute;white-space:nowrap;border-radius:.3125rem;padding:var(--gravity-spacing-xxs);margin-top:calc(-1 * var(--gravity-spacing-xs))}.generic-avatar-secondary .state-name span{height:9px;display:block;margin-top:-4px}.generic-avatar-secondary.attention .avatar-outer-circle{border:1.5px solid var(--bg-button-active-primary)}.generic-avatar-secondary.attention .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-hover-tertiary)}.generic-avatar-secondary.attention .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-tertiary)}.generic-avatar-secondary.attention .state-name{color:var(--on-bg-button-active-primary);background:var(--bg-button-active-primary)}.generic-avatar-secondary.positive .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .state-name{color:var(--bg-button-active-positive);background:var(--on-bg-button-active-positive)}.generic-avatar-secondary.negative .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .state-name{color:var(--bg-button-active-negative);background:var(--on-bg-button-active-negative)}.generic-avatar-secondary.neutral .avatar-outer-circle{border:1.5px solid var(--text-primary)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle{background:var(--bg-disabled)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle h1{color:var(--text-primary)}.generic-avatar-secondary.neutral .state-name{color:var(--bg-disabled);background:var(--text-primary)}\n"] }]
5984
6002
  }], propDecorators: { label: [{
5985
6003
  type: Input
5986
6004
  }], initials: [{
5987
6005
  type: Input
5988
6006
  }], imageName: [{
5989
6007
  type: Input
6008
+ }], cypressTag: [{
6009
+ type: Input
5990
6010
  }], type: [{
5991
6011
  type: Input
5992
6012
  }] } });
@@ -6697,7 +6717,7 @@ class GravityDataViewComponent {
6697
6717
  this.clickEmitter.emit();
6698
6718
  }
6699
6719
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDataViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6700
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDataViewComponent, selector: "gravity-data-view", inputs: { disabled: "disabled", statusIndicator: "statusIndicator" }, outputs: { clickEmitter: "clickEmitter" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<div class=\"gravity-data-view\" [class.disabled]=\"hasClickListener && disabled\" [style.width]=\"isMd ? '545px' : '100%'\"\n [class.clickable]=\"hasClickListener && !disabled\" (click)=\"onClick()\">\n <div *ngIf=\"statusIndicator\" class=\"status-wrapper\">\n <gravity-status-indicator [size]=\"'sm'\" [type]=\"'primary'\" [icon]=\"statusIndicator.icon\"\n [text]=\"statusIndicator.text\"\n [status]=\"statusIndicator.status\"></gravity-status-indicator>\n </div>\n <ng-content></ng-content>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:root{--gravity-spacing-none: 0;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}body{font-style:normal;line-height:normal;font-optical-sizing:auto;color:var(--text-primary);font-family:Roboto Flex,sans-serif}.hr-body,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p:first-of-type{font-family:Roboto Flex,sans-serif}.hr-body.sm-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.sm-regular:first-of-type{font-weight:400;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.sm-bold:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p:first-of-type{font-weight:650;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.md-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.md-regular:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.md-regular:first-of-type{font-weight:380;line-height:1.567rem;letter-spacing:.03rem;font-size:1rem}.hr-body.md-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.md-bold:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.md-bold:first-of-type{font-weight:700;line-height:1.567rem;letter-spacing:.025rem;font-size:1rem}.hr-body.lg-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.lg-regular:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.lg-regular:first-of-type{font-weight:400;line-height:2.05669rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-body.lg-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.lg-bold:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.lg-bold:first-of-type{font-weight:700;line-height:1.99106rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-title{font-family:Roboto Flex,sans-serif}.hr-title.sm-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-title:last-of-type{font-weight:420;letter-spacing:.02rem;font-size:1rem}.hr-title.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-title:first-of-type{font-weight:731;letter-spacing:.02rem;font-size:1rem}.hr-title.md-bold{font-weight:745;letter-spacing:.03938rem;font-size:1.3325rem}.hr-title.lg-regular{font-weight:480;letter-spacing:.02625rem;font-size:1.75rem}.hr-title.lg-bold{font-weight:700;font-size:1.75rem}.hr-label{font-family:Roboto Flex,sans-serif}.hr-label.sm-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-label:last-of-type{font-weight:343;letter-spacing:.01875rem;font-size:.75rem}.hr-label.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-label:first-of-type{font-weight:560;letter-spacing:.0225rem;font-size:.75rem}.hr-label.md-regular{font-weight:343;letter-spacing:.03rem;font-size:1rem}.hr-label.md-bold{font-weight:600;letter-spacing:.03rem;font-size:1rem}.hr-label.lg-regular{font-weight:343;letter-spacing:.0525rem;font-size:1.75rem}.hr-label.lg-bold{font-weight:600;letter-spacing:.0525rem;font-size:1.75rem}.hr-headline{font-family:Roboto Flex,sans-serif}.hr-headline.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-headline:first-of-type{font-weight:700;letter-spacing:.02rem;font-size:2rem}.hr-headline.md-bold{font-weight:674;letter-spacing:.02375rem;font-size:2.375rem}.hr-headline.lg-bold{font-weight:700;letter-spacing:.02875rem;font-size:2.875rem}.hr-display{font-family:Roboto Flex,sans-serif}.hr-display.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-display:first-of-type{font-weight:700;letter-spacing:.03125rem;font-size:3.125rem}.hr-display.md-bold{font-weight:700;letter-spacing:.04188rem;font-size:4.1875rem}.hr-display.lg-bold{font-weight:700;letter-spacing:.05625rem;font-size:5.625rem}.align-text-center{text-align:center}:host ::ng-deep .gravity-data-view{padding:1rem;border-radius:.625rem;border:2px solid var(--surface-primary);position:relative}:host ::ng-deep .gravity-data-view.clickable{cursor:pointer;border:1px solid var(--cta-primary)}:host ::ng-deep .gravity-data-view.clickable:hover{background-color:var(--bg-button-active-tertiary)}:host ::ng-deep .gravity-data-view.disabled{border:1px solid var(--on-bg-disabled)}:host ::ng-deep .gravity-data-view.disabled p{color:var(--on-bg-disabled)}:host ::ng-deep .gravity-data-view .status-wrapper{position:absolute;left:1rem;top:-.5rem}:host ::ng-deep .gravity-data-view .content-row{width:100%;display:flex;align-items:center}:host ::ng-deep .gravity-data-view .content-row.highlight{background:var(--surface-primary);border-radius:.3125rem}:host ::ng-deep .gravity-data-view .content-row.actions{padding-top:1rem;padding-bottom:.5rem;margin-top:.5rem;border-top:1px solid var(--surface-primary);gap:.5rem}:host ::ng-deep .gravity-data-view .content-row.actions.disabled{border-top:1px solid var(--on-bg-disabled)}:host ::ng-deep .gravity-data-view .content-row.sm{padding-inline:.5rem}:host ::ng-deep .gravity-data-view .content-row.md{padding:.25rem .5rem}:host ::ng-deep .gravity-data-view .content-row.lg{padding:.5rem}:host ::ng-deep .gravity-data-view .content-row.xl{padding:1rem .5rem}:host ::ng-deep .gravity-data-view .content-row.centered{justify-content:center}:host ::ng-deep .gravity-data-view .content-row.default{justify-content:space-between}:host ::ng-deep .gravity-data-view .content-row.right{justify-content:flex-end}:host ::ng-deep .gravity-data-view .content-row .content-wrapper{display:flex;align-items:center;gap:.25rem}:host ::ng-deep .gravity-data-view hr{border:0;background:var(--surface-primary);height:1.8px;margin-block:.5rem}:host ::ng-deep .gravity-data-view .divider-top{border-top:1px solid var(--surface-primary)}:host ::ng-deep .gravity-data-view .divider-bottom{border-bottom:1px solid var(--surface-primary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "size", "type", "status"] }] }); }
6720
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDataViewComponent, selector: "gravity-data-view", inputs: { disabled: "disabled", statusIndicator: "statusIndicator" }, outputs: { clickEmitter: "clickEmitter" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<div class=\"gravity-data-view\" [class.disabled]=\"hasClickListener && disabled\" [style.width]=\"isMd ? '545px' : '100%'\"\n [class.clickable]=\"hasClickListener && !disabled\" (click)=\"onClick()\">\n <div *ngIf=\"statusIndicator\" class=\"status-wrapper\">\n <gravity-status-indicator [size]=\"'sm'\" [type]=\"'primary'\" [icon]=\"statusIndicator.icon\"\n [text]=\"statusIndicator.text\"\n [status]=\"statusIndicator.status\"></gravity-status-indicator>\n </div>\n <ng-content></ng-content>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:root{--gravity-spacing-none: 0;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}body{font-style:normal;line-height:normal;font-optical-sizing:auto;color:var(--text-primary);font-family:Roboto Flex,sans-serif}.hr-body,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p:first-of-type{font-family:Roboto Flex,sans-serif}.hr-body.sm-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.sm-regular:first-of-type{font-weight:400;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.sm-bold:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p:first-of-type{font-weight:650;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.md-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.md-regular:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.md-regular:first-of-type{font-weight:380;line-height:1.567rem;letter-spacing:.03rem;font-size:1rem}.hr-body.md-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.md-bold:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.md-bold:first-of-type{font-weight:700;line-height:1.567rem;letter-spacing:.025rem;font-size:1rem}.hr-body.lg-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.lg-regular:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.lg-regular:first-of-type{font-weight:400;line-height:2.05669rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-body.lg-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.lg-bold:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.lg-bold:first-of-type{font-weight:700;line-height:1.99106rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-title{font-family:Roboto Flex,sans-serif}.hr-title.sm-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-title:last-of-type{font-weight:420;letter-spacing:.02rem;font-size:1rem}.hr-title.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-title:first-of-type{font-weight:731;letter-spacing:.02rem;font-size:1rem}.hr-title.md-bold{font-weight:745;letter-spacing:.03938rem;font-size:1.3325rem}.hr-title.lg-regular{font-weight:480;letter-spacing:.02625rem;font-size:1.75rem}.hr-title.lg-bold{font-weight:700;font-size:1.75rem}.hr-label{font-family:Roboto Flex,sans-serif}.hr-label.sm-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-label:last-of-type{font-weight:343;letter-spacing:.01875rem;font-size:.75rem}.hr-label.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-label:first-of-type{font-weight:560;letter-spacing:.0225rem;font-size:.75rem}.hr-label.md-regular{font-weight:343;letter-spacing:.03rem;font-size:1rem}.hr-label.md-bold{font-weight:600;letter-spacing:.03rem;font-size:1rem}.hr-label.lg-regular{font-weight:343;letter-spacing:.0525rem;font-size:1.75rem}.hr-label.lg-bold{font-weight:600;letter-spacing:.0525rem;font-size:1.75rem}.hr-headline{font-family:Roboto Flex,sans-serif}.hr-headline.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-headline:first-of-type{font-weight:700;letter-spacing:.02rem;font-size:2rem}.hr-headline.md-bold{font-weight:674;letter-spacing:.02375rem;font-size:2.375rem}.hr-headline.lg-bold{font-weight:700;letter-spacing:.02875rem;font-size:2.875rem}.hr-display{font-family:Roboto Flex,sans-serif}.hr-display.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-display:first-of-type{font-weight:700;letter-spacing:.03125rem;font-size:3.125rem}.hr-display.md-bold{font-weight:700;letter-spacing:.04188rem;font-size:4.1875rem}.hr-display.lg-bold{font-weight:700;letter-spacing:.05625rem;font-size:5.625rem}.align-text-center{text-align:center}:host ::ng-deep .gravity-data-view{padding:1rem;border-radius:.625rem;border:2px solid var(--surface-primary);position:relative}:host ::ng-deep .gravity-data-view.clickable{cursor:pointer;border:1px solid var(--cta-primary)}:host ::ng-deep .gravity-data-view.clickable:hover{background-color:var(--bg-button-active-tertiary)}:host ::ng-deep .gravity-data-view.disabled{border:1px solid var(--on-bg-disabled)}:host ::ng-deep .gravity-data-view.disabled p{color:var(--on-bg-disabled)}:host ::ng-deep .gravity-data-view .status-wrapper{position:absolute;left:1rem;top:-.5rem}:host ::ng-deep .gravity-data-view .content-row{width:100%;display:flex;align-items:center}:host ::ng-deep .gravity-data-view .content-row.highlight{background:var(--surface-primary);border-radius:.3125rem}:host ::ng-deep .gravity-data-view .content-row.actions{padding-top:1rem;padding-bottom:.5rem;margin-top:.5rem;border-top:1px solid var(--surface-primary);gap:.5rem}:host ::ng-deep .gravity-data-view .content-row.actions.disabled{border-top:1px solid var(--on-bg-disabled)}:host ::ng-deep .gravity-data-view .content-row.sm{padding-inline:.5rem}:host ::ng-deep .gravity-data-view .content-row.md{padding:.25rem .5rem}:host ::ng-deep .gravity-data-view .content-row.lg{padding:.5rem}:host ::ng-deep .gravity-data-view .content-row.xl{padding:1rem .5rem}:host ::ng-deep .gravity-data-view .content-row.centered{justify-content:center}:host ::ng-deep .gravity-data-view .content-row.default{justify-content:space-between}:host ::ng-deep .gravity-data-view .content-row.right{justify-content:flex-end}:host ::ng-deep .gravity-data-view .content-row .content-wrapper{display:flex;align-items:center;gap:.25rem}:host ::ng-deep .gravity-data-view hr{border:0;background:var(--surface-primary);height:1.8px;margin-block:.5rem}:host ::ng-deep .gravity-data-view .divider-top{border-top:1px solid var(--surface-primary)}:host ::ng-deep .gravity-data-view .divider-bottom{border-bottom:1px solid var(--surface-primary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "cypressTag", "size", "type", "status"] }] }); }
6701
6721
  }
6702
6722
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDataViewComponent, decorators: [{
6703
6723
  type: Component,