@progressio_resources/gravity-design-system 3.0.16 → 3.0.18

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 (46) hide show
  1. package/esm2022/lib/components/gravity-card-button/gravity-card-button.component.mjs +31 -0
  2. package/esm2022/lib/components/gravity-card-list/gravity-card-list.component.mjs +9 -7
  3. package/esm2022/lib/components/gravity-currency-display/gravity-currency-display.component.mjs +11 -5
  4. package/esm2022/lib/components/gravity-dropdown-list/gravity-dropdown-list.component.mjs +1 -1
  5. package/esm2022/lib/components/gravity-dropdown-list-display/gravity-dropdown-list-display.component.mjs +3 -3
  6. package/esm2022/lib/components/gravity-editable-input/gravity-editable-input.component.mjs +40 -0
  7. package/esm2022/lib/components/gravity-generic-avatar/gravity-generic-avatar.component.mjs +3 -3
  8. package/esm2022/lib/components/gravity-link/gravity-link.component.mjs +8 -3
  9. package/esm2022/lib/components/gravity-modal/gravity-modal.component.mjs +7 -3
  10. package/esm2022/lib/components/gravity-network-pill/gravity-network-pill.component.mjs +7 -4
  11. package/esm2022/lib/components/gravity-status-indicator/gravity-status-indicator.component.mjs +2 -2
  12. package/esm2022/lib/components/gravity-tab-primary/gravity-tab-primary.component.mjs +31 -0
  13. package/esm2022/lib/components/gravity-tab-secondary/gravity-tab-secondary.component.mjs +12 -6
  14. package/esm2022/lib/gravity-design-system.module.mjs +19 -4
  15. package/esm2022/public-api.mjs +4 -1
  16. package/fesm2022/progressio_resources-gravity-design-system.mjs +161 -33
  17. package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
  18. package/lib/components/gravity-card-button/gravity-card-button.component.d.ts +11 -0
  19. package/lib/components/gravity-currency-display/gravity-currency-display.component.d.ts +4 -2
  20. package/lib/components/gravity-editable-input/gravity-editable-input.component.d.ts +15 -0
  21. package/lib/components/gravity-link/gravity-link.component.d.ts +3 -1
  22. package/lib/components/gravity-modal/gravity-modal.component.d.ts +3 -1
  23. package/lib/components/gravity-network-pill/gravity-network-pill.component.d.ts +3 -2
  24. package/lib/components/gravity-tab-primary/gravity-tab-primary.component.d.ts +15 -0
  25. package/lib/components/gravity-tab-secondary/gravity-tab-secondary.component.d.ts +4 -2
  26. package/lib/gravity-design-system.module.d.ts +14 -11
  27. package/package.json +1 -1
  28. package/public-api.d.ts +3 -0
  29. package/src/lib/assets/icon-set/gt-icon-download/gt-icon-download-lg-24.svg +1 -3
  30. package/src/lib/assets/icon-set/gt-icon-download/gt-icon-download-md-16.svg +1 -3
  31. package/src/lib/assets/icon-set/gt-icon-download/gt-icon-download-sm-12.svg +1 -3
  32. package/src/lib/assets/icon-set/gt-icon-download/gt-icon-download-xl-32.svg +1 -3
  33. package/src/lib/assets/icon-set/gt-icon-eye-closed/gt-icon-eye-closed-lg-24.svg +1 -1
  34. package/src/lib/assets/icon-set/gt-icon-eye-closed/gt-icon-eye-closed-md-16.svg +1 -1
  35. package/src/lib/assets/icon-set/gt-icon-eye-closed/gt-icon-eye-closed-sm-12.svg +8 -1
  36. package/src/lib/assets/icon-set/gt-icon-eye-closed/gt-icon-eye-closed-xl-32.svg +1 -1
  37. package/src/lib/assets/icon-set/gt-icon-eye-open/gt-icon-eye-open-lg-24.svg +1 -1
  38. package/src/lib/assets/icon-set/gt-icon-eye-open/gt-icon-eye-open-md-16.svg +1 -1
  39. package/src/lib/assets/icon-set/gt-icon-eye-open/gt-icon-eye-open-sm-12.svg +1 -1
  40. package/src/lib/assets/icon-set/gt-icon-eye-open/gt-icon-eye-open-xl-32.svg +1 -1
  41. package/src/lib/assets/icon-set/gt-icon-more-options/gt-icon-more-options-lg-24.svg +1 -1
  42. package/src/lib/assets/icon-set/gt-icon-more-options/gt-icon-more-options-md-16.svg +1 -1
  43. package/src/lib/assets/icon-set/gt-icon-more-options/gt-icon-more-options-sm-12.svg +1 -1
  44. package/src/lib/assets/icon-set/gt-icon-more-options/gt-icon-more-options-xl-32.svg +1 -1
  45. package/src/lib/styles/foundations/colors/themes/_hero.theme.scss +2 -0
  46. package/src/lib/styles/foundations/colors/tokens/_hero.tokens.scss +2 -0
package/esm2022/lib/components/gravity-card-button/gravity-card-button.component.mjs ADDED
@@ -0,0 +1,31 @@
1
+ import { Component, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ import * as i2 from "../gravity-icon/gravity-icon.component";
5
+ export class GravityCardButtonComponent {
6
+ constructor() {
7
+ this.disabled = false;
8
+ this.type = 'primary';
9
+ this.state = 'active';
10
+ this.orientation = 'vrt-center';
11
+ }
12
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCardButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
13
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCardButtonComponent, selector: "gravity-card-button", inputs: { label: "label", iconName: "iconName", disabled: "disabled", type: "type", state: "state", orientation: "orientation" }, ngImport: i0, template: "<div class=\"gravity-card-button\">\n <div class=\"card-button-container {{type}} {{orientation}}\" [class.pressed]=\"state === 'pressed'\" [class.disabled]=\"state === 'disabled'\">\n <gravity-icon *ngIf=\"iconName\" [style.--icon-color]=\"'var(--card-button-color)'\" [iconName]=\"iconName\"\n [iconSize]=\"orientation === 'vrt-center' ? 'md-16' : (orientation === 'vrt-left' || orientation === 'vrt-right' || orientation === 'hrt-center') ? 'lg-24' : 'xl-32'\">\n </gravity-icon>\n <label *ngIf=\"label\" [className]=\"(orientation === 'vrt-center' || orientation === 'vrt-left' || orientation === 'vrt-right') ? 'hr-label sm-bold' : 'hr-label md-bold'\">{{ label }}</label>\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}.gravity-card-button{--card-button-color: var(--on-bg-button-active-primary);--card-button-background-color: var(--bg-button-active-primary)}.gravity-card-button .card-button-container{display:flex;flex-shrink:0;cursor:pointer;width:-moz-fit-content;width:fit-content;align-items:center;flex-direction:column;justify-content:center;color:var(--card-button-color);border-radius:.625rem;background-color:var(--card-button-background-color);border:1px solid var(--on-bg-button-active-secondary)}.gravity-card-button .card-button-container.primary{--card-button-color: var(--on-bg-button-active-primary);--card-button-background-color: var(--bg-button-active-primary)}.gravity-card-button .card-button-container.secondary{--card-button-color: var(--on-bg-button-active-secondary);--card-button-background-color: var(--bg-button-active-secondary)}.gravity-card-button .card-button-container.primary.pressed{--card-button-background-color: var(--bg-button-pressed-primary)}.gravity-card-button .card-button-container.secondary.pressed{border:2px solid var(--outline-button-pressed-secondary);--card-button-color: var(--on-bg-button-pressed-secondary)}.gravity-card-button .card-button-container.disabled{cursor:default;border:1px solid var(--bg-disabled);--card-button-color: var(--on-bg-disabled);--card-button-background-color: var(--bg-disabled) !important}.gravity-card-button .card-button-container.secondary.disabled{border:1px solid var(--outline-disabled)}.gravity-card-button .card-button-container.vrt-center{min-width:126px;min-height:69px;flex-direction:column;gap:var(--gravity-spacing-xs);padding:var(--gravity-spacing-sm) var(--gravity-spacing-md)}.gravity-card-button .card-button-container.vrt-left{flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-sm);padding:var(--gravity-spacing-sm)}.gravity-card-button .card-button-container.vrt-right{align-items:flex-end;gap:var(--gravity-spacing-sm);flex-direction:column-reverse;padding:var(--gravity-spacing-sm)}.gravity-card-button .card-button-container.hrt-center{min-width:126px;min-height:69px;flex-direction:row;gap:var(--gravity-spacing-xs);padding:var(--gravity-spacing-sm) var(--gravity-spacing-md)}.gravity-card-button .card-button-container.hrt-auto{min-width:162px;min-height:69px;flex-direction:row-reverse;justify-content:space-between;gap:var(--gravity-spacing-sm);padding:var(--gravity-spacing-sm) var(--gravity-spacing-md)}.gravity-card-button .card-button-container.pressed.vrt-center label,.gravity-card-button .card-button-container.disabled.vrt-center label{padding-bottom:1px;border-bottom:1px solid}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
14
+ }
15
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCardButtonComponent, decorators: [{
16
+ type: Component,
17
+ args: [{ selector: 'gravity-card-button', template: "<div class=\"gravity-card-button\">\n <div class=\"card-button-container {{type}} {{orientation}}\" [class.pressed]=\"state === 'pressed'\" [class.disabled]=\"state === 'disabled'\">\n <gravity-icon *ngIf=\"iconName\" [style.--icon-color]=\"'var(--card-button-color)'\" [iconName]=\"iconName\"\n [iconSize]=\"orientation === 'vrt-center' ? 'md-16' : (orientation === 'vrt-left' || orientation === 'vrt-right' || orientation === 'hrt-center') ? 'lg-24' : 'xl-32'\">\n </gravity-icon>\n <label *ngIf=\"label\" [className]=\"(orientation === 'vrt-center' || orientation === 'vrt-left' || orientation === 'vrt-right') ? 'hr-label sm-bold' : 'hr-label md-bold'\">{{ label }}</label>\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}.gravity-card-button{--card-button-color: var(--on-bg-button-active-primary);--card-button-background-color: var(--bg-button-active-primary)}.gravity-card-button .card-button-container{display:flex;flex-shrink:0;cursor:pointer;width:-moz-fit-content;width:fit-content;align-items:center;flex-direction:column;justify-content:center;color:var(--card-button-color);border-radius:.625rem;background-color:var(--card-button-background-color);border:1px solid var(--on-bg-button-active-secondary)}.gravity-card-button .card-button-container.primary{--card-button-color: var(--on-bg-button-active-primary);--card-button-background-color: var(--bg-button-active-primary)}.gravity-card-button .card-button-container.secondary{--card-button-color: var(--on-bg-button-active-secondary);--card-button-background-color: var(--bg-button-active-secondary)}.gravity-card-button .card-button-container.primary.pressed{--card-button-background-color: var(--bg-button-pressed-primary)}.gravity-card-button .card-button-container.secondary.pressed{border:2px solid var(--outline-button-pressed-secondary);--card-button-color: var(--on-bg-button-pressed-secondary)}.gravity-card-button .card-button-container.disabled{cursor:default;border:1px solid var(--bg-disabled);--card-button-color: var(--on-bg-disabled);--card-button-background-color: var(--bg-disabled) !important}.gravity-card-button .card-button-container.secondary.disabled{border:1px solid var(--outline-disabled)}.gravity-card-button .card-button-container.vrt-center{min-width:126px;min-height:69px;flex-direction:column;gap:var(--gravity-spacing-xs);padding:var(--gravity-spacing-sm) var(--gravity-spacing-md)}.gravity-card-button .card-button-container.vrt-left{flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-sm);padding:var(--gravity-spacing-sm)}.gravity-card-button .card-button-container.vrt-right{align-items:flex-end;gap:var(--gravity-spacing-sm);flex-direction:column-reverse;padding:var(--gravity-spacing-sm)}.gravity-card-button .card-button-container.hrt-center{min-width:126px;min-height:69px;flex-direction:row;gap:var(--gravity-spacing-xs);padding:var(--gravity-spacing-sm) var(--gravity-spacing-md)}.gravity-card-button .card-button-container.hrt-auto{min-width:162px;min-height:69px;flex-direction:row-reverse;justify-content:space-between;gap:var(--gravity-spacing-sm);padding:var(--gravity-spacing-sm) var(--gravity-spacing-md)}.gravity-card-button .card-button-container.pressed.vrt-center label,.gravity-card-button .card-button-container.disabled.vrt-center label{padding-bottom:1px;border-bottom:1px solid}\n"] }]
18
+ }], propDecorators: { label: [{
19
+ type: Input
20
+ }], iconName: [{
21
+ type: Input
22
+ }], disabled: [{
23
+ type: Input
24
+ }], type: [{
25
+ type: Input
26
+ }], state: [{
27
+ type: Input
28
+ }], orientation: [{
29
+ type: Input
30
+ }] } });
31
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1jYXJkLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FyZC1idXR0b24vZ3Jhdml0eS1jYXJkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FyZC1idXR0b24vZ3Jhdml0eS1jYXJkLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7OztBQU8vQyxNQUFNLE9BQU8sMEJBQTBCO0lBTHZDO1FBUWtCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsU0FBSSxHQUE0QixTQUFTLENBQUM7UUFDMUMsVUFBSyxHQUFzQyxRQUFRLENBQUM7UUFDcEQsZ0JBQVcsR0FBd0UsWUFBWSxDQUFDO0tBQ2pIOytHQVBZLDBCQUEwQjttR0FBMUIsMEJBQTBCLDZMQ1B2QywydUJBUUE7OzRGRERhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSxxQkFBcUI7OEJBS2YsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LWNhcmQtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktY2FyZC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LWNhcmQtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eUNhcmRCdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgbGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGljb25OYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBwdWJsaWMgdHlwZTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0ZTogJ2FjdGl2ZScgfCAncHJlc3NlZCcgfCAnZGlzYWJsZWQnID0gJ2FjdGl2ZSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBvcmllbnRhdGlvbjogJ3ZydC1jZW50ZXInIHwgJ3ZydC1sZWZ0JyB8ICd2cnQtcmlnaHQnIHwgJ2hydC1jZW50ZXInIHwgJ2hydC1hdXRvJyA9ICd2cnQtY2VudGVyJztcbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LWNhcmQtYnV0dG9uXCI+XG4gICAgPGRpdiBjbGFzcz1cImNhcmQtYnV0dG9uLWNvbnRhaW5lciB7e3R5cGV9fSB7e29yaWVudGF0aW9ufX1cIiBbY2xhc3MucHJlc3NlZF09XCJzdGF0ZSA9PT0gJ3ByZXNzZWQnXCIgW2NsYXNzLmRpc2FibGVkXT1cInN0YXRlID09PSAnZGlzYWJsZWQnXCI+XG4gICAgICAgIDxncmF2aXR5LWljb24gKm5nSWY9XCJpY29uTmFtZVwiIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLWNhcmQtYnV0dG9uLWNvbG9yKSdcIiBbaWNvbk5hbWVdPVwiaWNvbk5hbWVcIlxuICAgICAgICAgICAgICAgICAgICAgIFtpY29uU2l6ZV09XCJvcmllbnRhdGlvbiA9PT0gJ3ZydC1jZW50ZXInID8gJ21kLTE2JyA6IChvcmllbnRhdGlvbiA9PT0gJ3ZydC1sZWZ0JyB8fCBvcmllbnRhdGlvbiA9PT0gJ3ZydC1yaWdodCcgfHwgb3JpZW50YXRpb24gPT09ICdocnQtY2VudGVyJykgPyAgJ2xnLTI0JyA6ICd4bC0zMidcIj5cbiAgICAgICAgPC9ncmF2aXR5LWljb24+XG4gICAgICAgIDxsYWJlbCAqbmdJZj1cImxhYmVsXCIgW2NsYXNzTmFtZV09XCIob3JpZW50YXRpb24gPT09ICd2cnQtY2VudGVyJyB8fCBvcmllbnRhdGlvbiA9PT0gJ3ZydC1sZWZ0JyB8fCBvcmllbnRhdGlvbiA9PT0gJ3ZydC1yaWdodCcpID8gJ2hyLWxhYmVsIHNtLWJvbGQnIDogJ2hyLWxhYmVsIG1kLWJvbGQnXCI+e3sgbGFiZWwgfX08L2xhYmVsPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
package/esm2022/lib/components/gravity-card-list/gravity-card-list.component.mjs CHANGED
@@ -26,17 +26,19 @@ export class GravityCardListComponent {
26
26
  this.adjustSize();
27
27
  }
28
28
  adjustSize() {
29
- this.renderer.removeClass(this.cardListContainer, 'sm');
30
- this.renderer.removeClass(this.cardListContainer, 'lg');
31
- this.renderer.removeClass(this.cardListContainer, 'xl');
32
- this.renderer.addClass(this.cardListContainer, this.cardListSize);
29
+ if (this.renderer && this.cardListContainer) {
30
+ this.renderer.removeClass(this.cardListContainer.nativeElement, 'sm');
31
+ this.renderer.removeClass(this.cardListContainer.nativeElement, 'lg');
32
+ this.renderer.removeClass(this.cardListContainer.nativeElement, 'xl');
33
+ this.renderer.addClass(this.cardListContainer.nativeElement, this.cardListSize);
34
+ }
33
35
  }
34
36
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCardListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
35
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCardListComponent, selector: "gravity-card-list", host: { listeners: { "window:resize": "onResize($event)" } }, queries: [{ propertyName: "contentElements", predicate: ["th, td, p"], descendants: true }], viewQueries: [{ propertyName: "cardListContainer", first: true, predicate: ["cardListContainer"], descendants: true }], ngImport: i0, template: "<div class=\"card-list-container {{cardListSize}}\" #cardListContainer>\n <ng-content></ng-content>\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}body{font-family:Roboto Flex,sans-serif;color:var(--text-primary);leading-trim:both;text-edge:cap;font-style:normal;line-height:normal;font-optical-sizing:auto}.hr-body-text,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p,:host ::ng-deep .card-list-container .card-list-table td p,:host ::ng-deep .card-list-container .card-list-table th,:host ::ng-deep .card-list-container .card-list-table td{font-family:Roboto Flex,sans-serif}.hr-body-text.sm-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.sm-regular,:host ::ng-deep .card-list-container .card-list-table td p,:host ::ng-deep .card-list-container .card-list-table th,:host ::ng-deep .card-list-container .card-list-table td{font-size:.75rem;font-weight:400;line-height:1.17525rem;letter-spacing:.01875rem}.hr-body-text.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.sm-bold,:host ::ng-deep .card-list-container .card-list-table td p.sm-bold,:host ::ng-deep .card-list-container .card-list-table th.sm-bold,:host ::ng-deep .card-list-container .card-list-table td.sm-bold{font-size:.75rem;font-weight:650;line-height:1.17525rem;letter-spacing:.01875rem}.hr-body-text.md-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.md-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.md-regular,:host ::ng-deep .card-list-container .card-list-table td p.md-regular,:host ::ng-deep .card-list-container .card-list-table th.md-regular,:host ::ng-deep .card-list-container .card-list-table td.md-regular{font-size:1rem;font-weight:400;line-height:1.567rem;letter-spacing:.025rem}.hr-body-text.lg-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.lg-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.lg-regular,:host ::ng-deep .card-list-container .card-list-table td p.lg-regular,:host ::ng-deep .card-list-container .card-list-table th.lg-regular,:host ::ng-deep .card-list-container .card-list-table td.lg-regular{font-size:1.3325rem;font-weight:400;line-height:2.088rem;letter-spacing:.01969rem}.hr-body-text.lg-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.lg-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.lg-bold,:host ::ng-deep .card-list-container .card-list-table td p.lg-bold,:host ::ng-deep .card-list-container .card-list-table th.lg-bold,:host ::ng-deep .card-list-container .card-list-table td.lg-bold{font-size:1.3325rem;font-weight:700;line-height:1.99106rem;letter-spacing:.01969rem}.hr-title{font-family:Roboto Flex,sans-serif}.hr-title.sm-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.hr-title,:host ::ng-deep .card-list-container .card-list-table td p.hr-title,:host ::ng-deep .card-list-container .card-list-table th.hr-title,:host ::ng-deep .card-list-container .card-list-table td.hr-title{font-size:1rem;font-weight:420;letter-spacing:.02rem}.hr-title.sm-bold{font-size:1rem;font-weight:731;letter-spacing:.02rem}.hr-title.md-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.hr-title{font-size:1.3325rem;font-weight:745;letter-spacing:.02665rem}.hr-title.lg-regular{font-size:1.75rem;font-weight:480;letter-spacing:.02625rem}.hr-title.lg-bold{font-size:1.75rem;font-weight:760}.hr-label{font-family:Roboto Flex,sans-serif}.hr-label.sm-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.hr-label,:host ::ng-deep .card-list-container .card-list-table td p.hr-label,:host ::ng-deep .card-list-container .card-list-table th.hr-label,:host ::ng-deep .card-list-container .card-list-table td.hr-label{font-size:.75rem;font-weight:343;letter-spacing:.01875rem}.hr-label.sm-bold{font-size:.75rem;font-weight:730;letter-spacing:.01875rem}.hr-label.md-regular{font-size:1rem;font-weight:343;letter-spacing:.03rem}.hr-label.md-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.hr-label{font-size:1rem;font-weight:700;letter-spacing:.03rem}.hr-label.lg-regular{font-size:1.75rem;font-weight:343;letter-spacing:.04375rem}.hr-label.lg-bold{font-size:1.75rem;font-weight:700;letter-spacing:.04375rem}.hr-headline{font-family:Roboto Flex,sans-serif}.hr-headline.sm-bold{font-size:2rem;font-weight:700;letter-spacing:.02rem}.hr-headline.md-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.hr-headline{font-size:2.375rem;font-weight:700;letter-spacing:.02375rem}.hr-headline.lg-bold{font-size:2.875rem;font-weight:700;letter-spacing:.02875rem}.hr-display{font-family:Roboto Flex,sans-serif}.hr-display.sm-bold{font-size:3.125rem;font-weight:700;letter-spacing:.03125rem}.hr-display.md-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.hr-display{font-size:4.1875rem;font-weight:700;letter-spacing:.04188rem}.hr-display.lg-bold{font-size:5.625rem;font-weight:700;letter-spacing:.05625rem}.align-text-center{text-align:center}:host ::ng-deep .card-list-container .card-list-table{height:-moz-fit-content;height:fit-content;border-collapse:separate;border-spacing:0;width:100%;display:var(--card-list-table-display);margin-bottom:1.5rem}:host ::ng-deep .card-list-container .card-list-table th,:host ::ng-deep .card-list-container .card-list-table td{padding:1rem}:host ::ng-deep .card-list-container .card-list-table tr.card-list{background-color:var(--surface-secondary);border-top:1px solid var(--surface-primary);border-radius:.625rem;cursor:pointer}:host ::ng-deep .card-list-container .card-list-table tr.card-list:hover:not(.card-list-selected){outline:1px solid var(--cta-primary);outline-offset:-2px}:host ::ng-deep .card-list-container .card-list-table tr.card-list td:first-child{border-radius:.625rem 0 0 .625rem}:host ::ng-deep .card-list-container .card-list-table tr.card-list td:last-child{border-radius:0 .625rem .625rem 0}:host ::ng-deep .card-list-container .card-list-table tr.card-list-selected{background-color:var(--surface-primary)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-selected td:first-child{border-radius:var(--td-selected-first-child)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-selected td:last-child{border-radius:var(--td-selected-last-child)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-detail{background-color:var(--surface-primary);display:var(--card-list-detail-display)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-detail td:first-child{border-radius:var(--td-detail-first-child)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-detail td:last-child{border-radius:var(--td-detail-last-child)}:host ::ng-deep .card-list-container .card-list-mobile{background-color:var(--surface-primary);border-radius:.3125rem;padding:12px 1rem;margin-bottom:.5rem;display:var(--card-list-mobile-display)}:host ::ng-deep .card-list-container .card-list-mobile:last-child{margin-bottom:.5rem}:host ::ng-deep .card-list-container .card-list-mobile hr{border-top:var(--surface-secondary) solid;opacity:1}:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content{display:flex;justify-content:space-between}:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content{display:flex;justify-content:space-between}.xl{--card-list-table-display: table;--card-list-mobile-display: none;--td-selected-first-child: .625rem 0 0 .625rem;--td-selected-last-child: 0 .625rem .625rem 0;--card-list-detail-display: none}.lg{--card-list-table-display: table;--card-list-mobile-display: none;--td-selected-first-child: .625rem 0 0 0;--td-selected-last-child: 0 .625rem 0 0;--card-list-detail-display: table-row;--td-detail-first-child: 0 0 0 .625rem;--td-detail-last-child: 0 0 .625rem 0}.sm{--card-list-table-display: none;--card-list-mobile-display: block}\n"] }); }
37
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCardListComponent, selector: "gravity-card-list", host: { listeners: { "window:resize": "onResize($event)" } }, queries: [{ propertyName: "contentElements", predicate: ["th, td, p"], descendants: true }], viewQueries: [{ propertyName: "cardListContainer", first: true, predicate: ["cardListContainer"], descendants: true }], ngImport: i0, template: "<div class=\"card-list-container {{cardListSize}}\" #cardListContainer>\n <ng-content></ng-content>\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}body{font-family:Roboto Flex,sans-serif;color:var(--text-primary);leading-trim:both;text-edge:cap;font-style:normal;line-height:normal;font-optical-sizing:auto}.hr-body-text,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row p,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b,:host ::ng-deep .card-list-container .card-list-table td p,:host ::ng-deep .card-list-container .card-list-table td,:host ::ng-deep .card-list-container .card-list-table th{font-family:Roboto Flex,sans-serif}.hr-body-text.sm-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.sm-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row p,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b.sm-regular,:host ::ng-deep .card-list-container .card-list-table td p,:host ::ng-deep .card-list-container .card-list-table td,:host ::ng-deep .card-list-container .card-list-table th.sm-regular{font-size:.75rem;font-weight:400;line-height:1.17525rem;letter-spacing:.01875rem}.hr-body-text.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row p.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b,:host ::ng-deep .card-list-container .card-list-table td p.sm-bold,:host ::ng-deep .card-list-container .card-list-table td.sm-bold,:host ::ng-deep .card-list-container .card-list-table th{font-size:.75rem;font-weight:650;line-height:1.17525rem;letter-spacing:.01875rem}.hr-body-text.md-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.md-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.md-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row p.md-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b.md-regular,:host ::ng-deep .card-list-container .card-list-table td p.md-regular,:host ::ng-deep .card-list-container .card-list-table td.md-regular,:host ::ng-deep .card-list-container .card-list-table th.md-regular{font-size:1rem;font-weight:400;line-height:1.567rem;letter-spacing:.025rem}.hr-body-text.lg-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.lg-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.lg-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row p.lg-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b.lg-regular,:host ::ng-deep .card-list-container .card-list-table td p.lg-regular,:host ::ng-deep .card-list-container .card-list-table td.lg-regular,:host ::ng-deep .card-list-container .card-list-table th.lg-regular{font-size:1.3325rem;font-weight:400;line-height:2.088rem;letter-spacing:.01969rem}.hr-body-text.lg-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.lg-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.lg-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row p.lg-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b.lg-bold,:host ::ng-deep .card-list-container .card-list-table td p.lg-bold,:host ::ng-deep .card-list-container .card-list-table td.lg-bold,:host ::ng-deep .card-list-container .card-list-table th.lg-bold{font-size:1.3325rem;font-weight:700;line-height:1.99106rem;letter-spacing:.01969rem}.hr-title{font-family:Roboto Flex,sans-serif}.hr-title.sm-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.hr-title,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row p.hr-title,:host ::ng-deep .card-list-container .card-list-table td p.hr-title,:host ::ng-deep .card-list-container .card-list-table td.hr-title{font-size:1rem;font-weight:420;letter-spacing:.02rem}.hr-title.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b.hr-title,:host ::ng-deep .card-list-container .card-list-table th.hr-title{font-size:1rem;font-weight:731;letter-spacing:.02rem}.hr-title.md-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.hr-title{font-size:1.3325rem;font-weight:745;letter-spacing:.02665rem}.hr-title.lg-regular{font-size:1.75rem;font-weight:480;letter-spacing:.02625rem}.hr-title.lg-bold{font-size:1.75rem;font-weight:760}.hr-label{font-family:Roboto Flex,sans-serif}.hr-label.sm-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.hr-label,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row p.hr-label,:host ::ng-deep .card-list-container .card-list-table td p.hr-label,:host ::ng-deep .card-list-container .card-list-table td.hr-label{font-size:.75rem;font-weight:343;letter-spacing:.01875rem}.hr-label.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b.hr-label,:host ::ng-deep .card-list-container .card-list-table th.hr-label{font-size:.75rem;font-weight:730;letter-spacing:.01875rem}.hr-label.md-regular{font-size:1rem;font-weight:343;letter-spacing:.03rem}.hr-label.md-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.hr-label{font-size:1rem;font-weight:700;letter-spacing:.03rem}.hr-label.lg-regular{font-size:1.75rem;font-weight:343;letter-spacing:.04375rem}.hr-label.lg-bold{font-size:1.75rem;font-weight:700;letter-spacing:.04375rem}.hr-headline{font-family:Roboto Flex,sans-serif}.hr-headline.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b.hr-headline,:host ::ng-deep .card-list-container .card-list-table th.hr-headline{font-size:2rem;font-weight:700;letter-spacing:.02rem}.hr-headline.md-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.hr-headline{font-size:2.375rem;font-weight:700;letter-spacing:.02375rem}.hr-headline.lg-bold{font-size:2.875rem;font-weight:700;letter-spacing:.02875rem}.hr-display{font-family:Roboto Flex,sans-serif}.hr-display.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b.hr-display,:host ::ng-deep .card-list-container .card-list-table th.hr-display{font-size:3.125rem;font-weight:700;letter-spacing:.03125rem}.hr-display.md-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.hr-display{font-size:4.1875rem;font-weight:700;letter-spacing:.04188rem}.hr-display.lg-bold{font-size:5.625rem;font-weight:700;letter-spacing:.05625rem}.align-text-center{text-align:center}:host ::ng-deep .card-list-container .card-list-table{height:-moz-fit-content;height:fit-content;border-collapse:separate;border-spacing:0;width:100%;display:var(--card-list-table-display);margin-bottom:1.5rem}:host ::ng-deep .card-list-container .card-list-table th{padding:1rem}:host ::ng-deep .card-list-container .card-list-table td{padding:1rem}:host ::ng-deep .card-list-container .card-list-table tr.card-list{background-color:var(--surface-secondary);border-top:1px solid var(--surface-primary);border-radius:.625rem}:host ::ng-deep .card-list-container .card-list-table tr.card-list:hover:not(.card-list-selected){outline:1px solid var(--cta-primary);outline-offset:-2px}:host ::ng-deep .card-list-container .card-list-table tr.card-list td:first-child{border-radius:.625rem 0 0 .625rem}:host ::ng-deep .card-list-container .card-list-table tr.card-list td:last-child{border-radius:0 .625rem .625rem 0}:host ::ng-deep .card-list-container .card-list-table tr.card-list-selected{background-color:var(--surface-primary)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-selected td:first-child{border-radius:var(--td-selected-first-child)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-selected td:last-child{border-radius:var(--td-selected-last-child)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-detail{background-color:var(--surface-primary);display:var(--card-list-detail-display)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-detail td:first-child{border-radius:var(--td-detail-first-child)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-detail td:last-child{border-radius:var(--td-detail-last-child)}:host ::ng-deep .card-list-container .card-list-mobile{background-color:var(--surface-primary);border-radius:.3125rem;padding:12px 1rem;margin-bottom:.5rem;display:var(--card-list-mobile-display)}:host ::ng-deep .card-list-container .card-list-mobile:last-child{margin-bottom:.5rem}:host ::ng-deep .card-list-container .card-list-mobile hr{background-color:var(--surface-secondary);border:none;height:1px}:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row{display:flex;align-items:center;justify-content:space-between;padding-block:1rem;border-bottom:1px solid var(--surface-secondary)}:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-view-detail{margin-top:1.5rem;text-align:center}:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content{display:flex;justify-content:space-between;padding-block:1rem;border-bottom:1px solid var(--surface-secondary)}:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content{display:flex;justify-content:space-between;padding-top:1rem}.xl{--card-list-table-display: table;--card-list-mobile-display: none;--td-selected-first-child: .625rem 0 0 .625rem;--td-selected-last-child: 0 .625rem .625rem 0;--card-list-detail-display: none}.lg{--card-list-table-display: table;--card-list-mobile-display: none;--td-selected-first-child: .625rem 0 0 0;--td-selected-last-child: 0 .625rem 0 0;--card-list-detail-display: table-row;--td-detail-first-child: 0 0 0 .625rem;--td-detail-last-child: 0 0 .625rem 0}.sm{--card-list-table-display: none;--card-list-mobile-display: block}\n"] }); }
36
38
  }
37
39
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCardListComponent, decorators: [{
38
40
  type: Component,
39
- args: [{ selector: 'gravity-card-list', template: "<div class=\"card-list-container {{cardListSize}}\" #cardListContainer>\n <ng-content></ng-content>\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}body{font-family:Roboto Flex,sans-serif;color:var(--text-primary);leading-trim:both;text-edge:cap;font-style:normal;line-height:normal;font-optical-sizing:auto}.hr-body-text,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p,:host ::ng-deep .card-list-container .card-list-table td p,:host ::ng-deep .card-list-container .card-list-table th,:host ::ng-deep .card-list-container .card-list-table td{font-family:Roboto Flex,sans-serif}.hr-body-text.sm-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.sm-regular,:host ::ng-deep .card-list-container .card-list-table td p,:host ::ng-deep .card-list-container .card-list-table th,:host ::ng-deep .card-list-container .card-list-table td{font-size:.75rem;font-weight:400;line-height:1.17525rem;letter-spacing:.01875rem}.hr-body-text.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.sm-bold,:host ::ng-deep .card-list-container .card-list-table td p.sm-bold,:host ::ng-deep .card-list-container .card-list-table th.sm-bold,:host ::ng-deep .card-list-container .card-list-table td.sm-bold{font-size:.75rem;font-weight:650;line-height:1.17525rem;letter-spacing:.01875rem}.hr-body-text.md-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.md-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.md-regular,:host ::ng-deep .card-list-container .card-list-table td p.md-regular,:host ::ng-deep .card-list-container .card-list-table th.md-regular,:host ::ng-deep .card-list-container .card-list-table td.md-regular{font-size:1rem;font-weight:400;line-height:1.567rem;letter-spacing:.025rem}.hr-body-text.lg-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.lg-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.lg-regular,:host ::ng-deep .card-list-container .card-list-table td p.lg-regular,:host ::ng-deep .card-list-container .card-list-table th.lg-regular,:host ::ng-deep .card-list-container .card-list-table td.lg-regular{font-size:1.3325rem;font-weight:400;line-height:2.088rem;letter-spacing:.01969rem}.hr-body-text.lg-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.lg-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.lg-bold,:host ::ng-deep .card-list-container .card-list-table td p.lg-bold,:host ::ng-deep .card-list-container .card-list-table th.lg-bold,:host ::ng-deep .card-list-container .card-list-table td.lg-bold{font-size:1.3325rem;font-weight:700;line-height:1.99106rem;letter-spacing:.01969rem}.hr-title{font-family:Roboto Flex,sans-serif}.hr-title.sm-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.hr-title,:host ::ng-deep .card-list-container .card-list-table td p.hr-title,:host ::ng-deep .card-list-container .card-list-table th.hr-title,:host ::ng-deep .card-list-container .card-list-table td.hr-title{font-size:1rem;font-weight:420;letter-spacing:.02rem}.hr-title.sm-bold{font-size:1rem;font-weight:731;letter-spacing:.02rem}.hr-title.md-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.hr-title{font-size:1.3325rem;font-weight:745;letter-spacing:.02665rem}.hr-title.lg-regular{font-size:1.75rem;font-weight:480;letter-spacing:.02625rem}.hr-title.lg-bold{font-size:1.75rem;font-weight:760}.hr-label{font-family:Roboto Flex,sans-serif}.hr-label.sm-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.hr-label,:host ::ng-deep .card-list-container .card-list-table td p.hr-label,:host ::ng-deep .card-list-container .card-list-table th.hr-label,:host ::ng-deep .card-list-container .card-list-table td.hr-label{font-size:.75rem;font-weight:343;letter-spacing:.01875rem}.hr-label.sm-bold{font-size:.75rem;font-weight:730;letter-spacing:.01875rem}.hr-label.md-regular{font-size:1rem;font-weight:343;letter-spacing:.03rem}.hr-label.md-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.hr-label{font-size:1rem;font-weight:700;letter-spacing:.03rem}.hr-label.lg-regular{font-size:1.75rem;font-weight:343;letter-spacing:.04375rem}.hr-label.lg-bold{font-size:1.75rem;font-weight:700;letter-spacing:.04375rem}.hr-headline{font-family:Roboto Flex,sans-serif}.hr-headline.sm-bold{font-size:2rem;font-weight:700;letter-spacing:.02rem}.hr-headline.md-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.hr-headline{font-size:2.375rem;font-weight:700;letter-spacing:.02375rem}.hr-headline.lg-bold{font-size:2.875rem;font-weight:700;letter-spacing:.02875rem}.hr-display{font-family:Roboto Flex,sans-serif}.hr-display.sm-bold{font-size:3.125rem;font-weight:700;letter-spacing:.03125rem}.hr-display.md-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.hr-display{font-size:4.1875rem;font-weight:700;letter-spacing:.04188rem}.hr-display.lg-bold{font-size:5.625rem;font-weight:700;letter-spacing:.05625rem}.align-text-center{text-align:center}:host ::ng-deep .card-list-container .card-list-table{height:-moz-fit-content;height:fit-content;border-collapse:separate;border-spacing:0;width:100%;display:var(--card-list-table-display);margin-bottom:1.5rem}:host ::ng-deep .card-list-container .card-list-table th,:host ::ng-deep .card-list-container .card-list-table td{padding:1rem}:host ::ng-deep .card-list-container .card-list-table tr.card-list{background-color:var(--surface-secondary);border-top:1px solid var(--surface-primary);border-radius:.625rem;cursor:pointer}:host ::ng-deep .card-list-container .card-list-table tr.card-list:hover:not(.card-list-selected){outline:1px solid var(--cta-primary);outline-offset:-2px}:host ::ng-deep .card-list-container .card-list-table tr.card-list td:first-child{border-radius:.625rem 0 0 .625rem}:host ::ng-deep .card-list-container .card-list-table tr.card-list td:last-child{border-radius:0 .625rem .625rem 0}:host ::ng-deep .card-list-container .card-list-table tr.card-list-selected{background-color:var(--surface-primary)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-selected td:first-child{border-radius:var(--td-selected-first-child)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-selected td:last-child{border-radius:var(--td-selected-last-child)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-detail{background-color:var(--surface-primary);display:var(--card-list-detail-display)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-detail td:first-child{border-radius:var(--td-detail-first-child)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-detail td:last-child{border-radius:var(--td-detail-last-child)}:host ::ng-deep .card-list-container .card-list-mobile{background-color:var(--surface-primary);border-radius:.3125rem;padding:12px 1rem;margin-bottom:.5rem;display:var(--card-list-mobile-display)}:host ::ng-deep .card-list-container .card-list-mobile:last-child{margin-bottom:.5rem}:host ::ng-deep .card-list-container .card-list-mobile hr{border-top:var(--surface-secondary) solid;opacity:1}:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content{display:flex;justify-content:space-between}:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content{display:flex;justify-content:space-between}.xl{--card-list-table-display: table;--card-list-mobile-display: none;--td-selected-first-child: .625rem 0 0 .625rem;--td-selected-last-child: 0 .625rem .625rem 0;--card-list-detail-display: none}.lg{--card-list-table-display: table;--card-list-mobile-display: none;--td-selected-first-child: .625rem 0 0 0;--td-selected-last-child: 0 .625rem 0 0;--card-list-detail-display: table-row;--td-detail-first-child: 0 0 0 .625rem;--td-detail-last-child: 0 0 .625rem 0}.sm{--card-list-table-display: none;--card-list-mobile-display: block}\n"] }]
41
+ args: [{ selector: 'gravity-card-list', template: "<div class=\"card-list-container {{cardListSize}}\" #cardListContainer>\n <ng-content></ng-content>\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}body{font-family:Roboto Flex,sans-serif;color:var(--text-primary);leading-trim:both;text-edge:cap;font-style:normal;line-height:normal;font-optical-sizing:auto}.hr-body-text,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row p,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b,:host ::ng-deep .card-list-container .card-list-table td p,:host ::ng-deep .card-list-container .card-list-table td,:host ::ng-deep .card-list-container .card-list-table th{font-family:Roboto Flex,sans-serif}.hr-body-text.sm-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.sm-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row p,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b.sm-regular,:host ::ng-deep .card-list-container .card-list-table td p,:host ::ng-deep .card-list-container .card-list-table td,:host ::ng-deep .card-list-container .card-list-table th.sm-regular{font-size:.75rem;font-weight:400;line-height:1.17525rem;letter-spacing:.01875rem}.hr-body-text.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row p.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b,:host ::ng-deep .card-list-container .card-list-table td p.sm-bold,:host ::ng-deep .card-list-container .card-list-table td.sm-bold,:host ::ng-deep .card-list-container .card-list-table th{font-size:.75rem;font-weight:650;line-height:1.17525rem;letter-spacing:.01875rem}.hr-body-text.md-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.md-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.md-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row p.md-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b.md-regular,:host ::ng-deep .card-list-container .card-list-table td p.md-regular,:host ::ng-deep .card-list-container .card-list-table td.md-regular,:host ::ng-deep .card-list-container .card-list-table th.md-regular{font-size:1rem;font-weight:400;line-height:1.567rem;letter-spacing:.025rem}.hr-body-text.lg-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.lg-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.lg-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row p.lg-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b.lg-regular,:host ::ng-deep .card-list-container .card-list-table td p.lg-regular,:host ::ng-deep .card-list-container .card-list-table td.lg-regular,:host ::ng-deep .card-list-container .card-list-table th.lg-regular{font-size:1.3325rem;font-weight:400;line-height:2.088rem;letter-spacing:.01969rem}.hr-body-text.lg-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.lg-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.lg-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row p.lg-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b.lg-bold,:host ::ng-deep .card-list-container .card-list-table td p.lg-bold,:host ::ng-deep .card-list-container .card-list-table td.lg-bold,:host ::ng-deep .card-list-container .card-list-table th.lg-bold{font-size:1.3325rem;font-weight:700;line-height:1.99106rem;letter-spacing:.01969rem}.hr-title{font-family:Roboto Flex,sans-serif}.hr-title.sm-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.hr-title,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row p.hr-title,:host ::ng-deep .card-list-container .card-list-table td p.hr-title,:host ::ng-deep .card-list-container .card-list-table td.hr-title{font-size:1rem;font-weight:420;letter-spacing:.02rem}.hr-title.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b.hr-title,:host ::ng-deep .card-list-container .card-list-table th.hr-title{font-size:1rem;font-weight:731;letter-spacing:.02rem}.hr-title.md-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.hr-title{font-size:1.3325rem;font-weight:745;letter-spacing:.02665rem}.hr-title.lg-regular{font-size:1.75rem;font-weight:480;letter-spacing:.02625rem}.hr-title.lg-bold{font-size:1.75rem;font-weight:760}.hr-label{font-family:Roboto Flex,sans-serif}.hr-label.sm-regular,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content p.hr-label,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row p.hr-label,:host ::ng-deep .card-list-container .card-list-table td p.hr-label,:host ::ng-deep .card-list-container .card-list-table td.hr-label{font-size:.75rem;font-weight:343;letter-spacing:.01875rem}.hr-label.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b.hr-label,:host ::ng-deep .card-list-container .card-list-table th.hr-label{font-size:.75rem;font-weight:730;letter-spacing:.01875rem}.hr-label.md-regular{font-size:1rem;font-weight:343;letter-spacing:.03rem}.hr-label.md-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.hr-label{font-size:1rem;font-weight:700;letter-spacing:.03rem}.hr-label.lg-regular{font-size:1.75rem;font-weight:343;letter-spacing:.04375rem}.hr-label.lg-bold{font-size:1.75rem;font-weight:700;letter-spacing:.04375rem}.hr-headline{font-family:Roboto Flex,sans-serif}.hr-headline.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b.hr-headline,:host ::ng-deep .card-list-container .card-list-table th.hr-headline{font-size:2rem;font-weight:700;letter-spacing:.02rem}.hr-headline.md-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.hr-headline{font-size:2.375rem;font-weight:700;letter-spacing:.02375rem}.hr-headline.lg-bold{font-size:2.875rem;font-weight:700;letter-spacing:.02875rem}.hr-display{font-family:Roboto Flex,sans-serif}.hr-display.sm-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row b.hr-display,:host ::ng-deep .card-list-container .card-list-table th.hr-display{font-size:3.125rem;font-weight:700;letter-spacing:.03125rem}.hr-display.md-bold,:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content p.hr-display{font-size:4.1875rem;font-weight:700;letter-spacing:.04188rem}.hr-display.lg-bold{font-size:5.625rem;font-weight:700;letter-spacing:.05625rem}.align-text-center{text-align:center}:host ::ng-deep .card-list-container .card-list-table{height:-moz-fit-content;height:fit-content;border-collapse:separate;border-spacing:0;width:100%;display:var(--card-list-table-display);margin-bottom:1.5rem}:host ::ng-deep .card-list-container .card-list-table th{padding:1rem}:host ::ng-deep .card-list-container .card-list-table td{padding:1rem}:host ::ng-deep .card-list-container .card-list-table tr.card-list{background-color:var(--surface-secondary);border-top:1px solid var(--surface-primary);border-radius:.625rem}:host ::ng-deep .card-list-container .card-list-table tr.card-list:hover:not(.card-list-selected){outline:1px solid var(--cta-primary);outline-offset:-2px}:host ::ng-deep .card-list-container .card-list-table tr.card-list td:first-child{border-radius:.625rem 0 0 .625rem}:host ::ng-deep .card-list-container .card-list-table tr.card-list td:last-child{border-radius:0 .625rem .625rem 0}:host ::ng-deep .card-list-container .card-list-table tr.card-list-selected{background-color:var(--surface-primary)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-selected td:first-child{border-radius:var(--td-selected-first-child)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-selected td:last-child{border-radius:var(--td-selected-last-child)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-detail{background-color:var(--surface-primary);display:var(--card-list-detail-display)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-detail td:first-child{border-radius:var(--td-detail-first-child)}:host ::ng-deep .card-list-container .card-list-table tr.card-list-detail td:last-child{border-radius:var(--td-detail-last-child)}:host ::ng-deep .card-list-container .card-list-mobile{background-color:var(--surface-primary);border-radius:.3125rem;padding:12px 1rem;margin-bottom:.5rem;display:var(--card-list-mobile-display)}:host ::ng-deep .card-list-container .card-list-mobile:last-child{margin-bottom:.5rem}:host ::ng-deep .card-list-container .card-list-mobile hr{background-color:var(--surface-secondary);border:none;height:1px}:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-row{display:flex;align-items:center;justify-content:space-between;padding-block:1rem;border-bottom:1px solid var(--surface-secondary)}:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-view-detail{margin-top:1.5rem;text-align:center}:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-top-content{display:flex;justify-content:space-between;padding-block:1rem;border-bottom:1px solid var(--surface-secondary)}:host ::ng-deep .card-list-container .card-list-mobile .card-list-mobile-bottom-content{display:flex;justify-content:space-between;padding-top:1rem}.xl{--card-list-table-display: table;--card-list-mobile-display: none;--td-selected-first-child: .625rem 0 0 .625rem;--td-selected-last-child: 0 .625rem .625rem 0;--card-list-detail-display: none}.lg{--card-list-table-display: table;--card-list-mobile-display: none;--td-selected-first-child: .625rem 0 0 0;--td-selected-last-child: 0 .625rem 0 0;--card-list-detail-display: table-row;--td-detail-first-child: 0 0 0 .625rem;--td-detail-last-child: 0 0 .625rem 0}.sm{--card-list-table-display: none;--card-list-mobile-display: block}\n"] }]
40
42
  }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { cardListContainer: [{
41
43
  type: ViewChild,
42
44
  args: ['cardListContainer']
@@ -47,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
47
49
  type: HostListener,
48
50
  args: ['window:resize', ['$event']]
49
51
  }] } });
50
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1jYXJkLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LWNhcmQtbGlzdC9ncmF2aXR5LWNhcmQtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FyZC1saXN0L2dyYXZpdHktY2FyZC1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFHTCxTQUFTLEVBQ1QsZUFBZSxFQUVmLFlBQVksRUFFRCxTQUFTLEVBQ3JCLE1BQU0sZUFBZSxDQUFDOztBQU92QixNQUFNLE9BQU8sd0JBQXdCO0lBTW5DLFlBQW9CLFFBQW1CLEVBQVUsS0FBd0I7UUFBckQsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUFVLFVBQUssR0FBTCxLQUFLLENBQW1CO1FBRmxFLGlCQUFZLEdBQXVCLElBQUksQ0FBQztJQUcvQyxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVNLG1CQUFtQjtRQUN4QixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbEIsQ0FBQztJQUlPLFFBQVE7UUFDZCxJQUFJLE1BQU0sQ0FBQyxVQUFVLElBQUksR0FBRyxFQUFFO1lBQzVCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1NBQzFCO2FBQU0sSUFBSSxNQUFNLENBQUMsVUFBVSxJQUFJLElBQUksRUFBRTtZQUNwQyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztTQUMxQjthQUFNO1lBQ0wsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7U0FDMUI7UUFDRCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVPLFVBQVU7UUFDZCxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDeEQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ3hELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUV4RCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3RFLENBQUM7K0dBckNVLHdCQUF3QjttR0FBeEIsd0JBQXdCLDRVQ2hCckMsa0hBR0E7OzRGRGFhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxtQkFBbUI7Z0lBS21CLGlCQUFpQjtzQkFBaEUsU0FBUzt1QkFBQyxtQkFBbUI7Z0JBQ3FCLGVBQWU7c0JBQWpFLGVBQWU7dUJBQUMsV0FBVyxFQUFFLEVBQUMsV0FBVyxFQUFFLElBQUksRUFBQztnQkFrQnpDLFFBQVE7c0JBRGYsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgUXVlcnlMaXN0LFxuICBSZW5kZXJlcjIsIFZpZXdDaGlsZFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1jYXJkLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1jYXJkLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LWNhcmQtbGlzdC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5Q2FyZExpc3RDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZCgnY2FyZExpc3RDb250YWluZXInKSBwdWJsaWMgcmVhZG9ubHkgY2FyZExpc3RDb250YWluZXI6IEVsZW1lbnRSZWY7XG4gIEBDb250ZW50Q2hpbGRyZW4oJ3RoLCB0ZCwgcCcsIHtkZXNjZW5kYW50czogdHJ1ZX0pIGNvbnRlbnRFbGVtZW50cyE6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPjtcblxuICBwdWJsaWMgY2FyZExpc3RTaXplOiAneGwnIHwgJ2xnJyB8ICdzbScgPSAneGwnO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMiwgcHJpdmF0ZSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluaXRpYWxpemVDb21wb25lbnQoKTtcbiAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIHB1YmxpYyBpbml0aWFsaXplQ29tcG9uZW50KCk6IHZvaWQge1xuICAgIHRoaXMub25SZXNpemUoKTtcbiAgfVxuXG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgb25SZXNpemUoKTogdm9pZCB7XG4gICAgaWYgKHdpbmRvdy5pbm5lcldpZHRoIDw9IDk5Mikge1xuICAgICAgdGhpcy5jYXJkTGlzdFNpemUgPSAnc20nO1xuICAgIH0gZWxzZSBpZiAod2luZG93LmlubmVyV2lkdGggPD0gMTQ0MCkge1xuICAgICAgdGhpcy5jYXJkTGlzdFNpemUgPSAnbGcnO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmNhcmRMaXN0U2l6ZSA9ICd4bCc7XG4gICAgfVxuICAgIHRoaXMuYWRqdXN0U2l6ZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBhZGp1c3RTaXplKCk6IHZvaWQge1xuICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyh0aGlzLmNhcmRMaXN0Q29udGFpbmVyLCAnc20nKTtcbiAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5jYXJkTGlzdENvbnRhaW5lciwgJ2xnJyk7XG4gICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKHRoaXMuY2FyZExpc3RDb250YWluZXIsICd4bCcpO1xuXG4gICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuY2FyZExpc3RDb250YWluZXIsIHRoaXMuY2FyZExpc3RTaXplKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNhcmQtbGlzdC1jb250YWluZXIge3tjYXJkTGlzdFNpemV9fVwiICNjYXJkTGlzdENvbnRhaW5lcj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
52
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1jYXJkLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LWNhcmQtbGlzdC9ncmF2aXR5LWNhcmQtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FyZC1saXN0L2dyYXZpdHktY2FyZC1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFHTCxTQUFTLEVBQ1QsZUFBZSxFQUVmLFlBQVksRUFFRCxTQUFTLEVBQ3JCLE1BQU0sZUFBZSxDQUFDOztBQU92QixNQUFNLE9BQU8sd0JBQXdCO0lBTW5DLFlBQW9CLFFBQW1CLEVBQVUsS0FBd0I7UUFBckQsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUFVLFVBQUssR0FBTCxLQUFLLENBQW1CO1FBRmxFLGlCQUFZLEdBQXVCLElBQUksQ0FBQztJQUcvQyxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVNLG1CQUFtQjtRQUN4QixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbEIsQ0FBQztJQUlPLFFBQVE7UUFDZCxJQUFJLE1BQU0sQ0FBQyxVQUFVLElBQUksR0FBRyxFQUFFO1lBQzVCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1NBQzFCO2FBQU0sSUFBSSxNQUFNLENBQUMsVUFBVSxJQUFJLElBQUksRUFBRTtZQUNwQyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztTQUMxQjthQUFNO1lBQ0wsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7U0FDMUI7UUFDRCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVPLFVBQVU7UUFDaEIsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxpQkFBaUIsRUFBRTtZQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxDQUFDO1lBQ3RFLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLENBQUM7WUFDdEUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsQ0FBQztZQUN0RSxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztTQUNqRjtJQUNILENBQUM7K0dBdENVLHdCQUF3QjttR0FBeEIsd0JBQXdCLDRVQ2hCckMsa0hBR0E7OzRGRGFhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxtQkFBbUI7Z0lBS21CLGlCQUFpQjtzQkFBaEUsU0FBUzt1QkFBQyxtQkFBbUI7Z0JBQ3FCLGVBQWU7c0JBQWpFLGVBQWU7dUJBQUMsV0FBVyxFQUFFLEVBQUMsV0FBVyxFQUFFLElBQUksRUFBQztnQkFrQnpDLFFBQVE7c0JBRGYsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgUXVlcnlMaXN0LFxuICBSZW5kZXJlcjIsIFZpZXdDaGlsZFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1jYXJkLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1jYXJkLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LWNhcmQtbGlzdC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5Q2FyZExpc3RDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZCgnY2FyZExpc3RDb250YWluZXInKSBwdWJsaWMgcmVhZG9ubHkgY2FyZExpc3RDb250YWluZXI6IEVsZW1lbnRSZWY7XG4gIEBDb250ZW50Q2hpbGRyZW4oJ3RoLCB0ZCwgcCcsIHtkZXNjZW5kYW50czogdHJ1ZX0pIGNvbnRlbnRFbGVtZW50cyE6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPjtcblxuICBwdWJsaWMgY2FyZExpc3RTaXplOiAneGwnIHwgJ2xnJyB8ICdzbScgPSAneGwnO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMiwgcHJpdmF0ZSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluaXRpYWxpemVDb21wb25lbnQoKTtcbiAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIHB1YmxpYyBpbml0aWFsaXplQ29tcG9uZW50KCk6IHZvaWQge1xuICAgIHRoaXMub25SZXNpemUoKTtcbiAgfVxuXG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgb25SZXNpemUoKTogdm9pZCB7XG4gICAgaWYgKHdpbmRvdy5pbm5lcldpZHRoIDw9IDk5Mikge1xuICAgICAgdGhpcy5jYXJkTGlzdFNpemUgPSAnc20nO1xuICAgIH0gZWxzZSBpZiAod2luZG93LmlubmVyV2lkdGggPD0gMTQ0MCkge1xuICAgICAgdGhpcy5jYXJkTGlzdFNpemUgPSAnbGcnO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmNhcmRMaXN0U2l6ZSA9ICd4bCc7XG4gICAgfVxuICAgIHRoaXMuYWRqdXN0U2l6ZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBhZGp1c3RTaXplKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnJlbmRlcmVyICYmIHRoaXMuY2FyZExpc3RDb250YWluZXIpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5jYXJkTGlzdENvbnRhaW5lci5uYXRpdmVFbGVtZW50LCAnc20nKTtcbiAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5jYXJkTGlzdENvbnRhaW5lci5uYXRpdmVFbGVtZW50LCAnbGcnKTtcbiAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5jYXJkTGlzdENvbnRhaW5lci5uYXRpdmVFbGVtZW50LCAneGwnKTtcbiAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5jYXJkTGlzdENvbnRhaW5lci5uYXRpdmVFbGVtZW50LCB0aGlzLmNhcmRMaXN0U2l6ZSk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2FyZC1saXN0LWNvbnRhaW5lciB7e2NhcmRMaXN0U2l6ZX19XCIgI2NhcmRMaXN0Q29udGFpbmVyPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
package/esm2022/lib/components/gravity-currency-display/gravity-currency-display.component.mjs CHANGED
@@ -6,23 +6,29 @@ import * as i3 from "../gravity-network-pill/gravity-network-pill.component";
6
6
  export class GravityCurrencyDisplayComponent {
7
7
  constructor() {
8
8
  this.size = 'md';
9
+ this.showNetworkIcon = true;
9
10
  this.type = 'explicit';
11
+ this.alignment = 'start';
10
12
  }
11
13
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCurrencyDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
12
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCurrencyDisplayComponent, selector: "gravity-currency-display", inputs: { cypressTag: "cypressTag", disabled: "disabled", size: "size", type: "type", currency: "currency" }, ngImport: i0, template: "<div class=\"gravity-currency-display {{size}} {{type}}\" [class.disabled]=\"disabled\">\n <gravity-currency [size]=\"size == 'sm' && type == 'short' ? 'sm-16' : 'md-24'\" [disabled]=\"disabled\"\n [currency]=\"{currency_id: currency.currency_id , network_id: currency?.network_id }\"></gravity-currency>\n <div class=\"currency-content {{size}}\">\n <p class=\"currency-name hr-body-text\" [ngClass]=\"size + '-regular'\"\n *ngIf=\"type == 'explicit'\">{{ currency.currency_name }}</p>\n <div class=\"iso-content {{type}} {{size}}\">\n <p class=\"currency-iso hr-body-text\"\n [ngClass]=\"type == 'explicit' ? 'sm-regular' : 'md-regular' \">{{ currency.currency_iso }}</p>\n <gravity-network-pill [type]=\"'primary'\" [network]=\"{iso: currency?.network_iso, id: currency.network_id}\"\n [disabled]=\"disabled\" *ngIf=\"currency?.network_iso\"></gravity-network-pill>\n </div>\n </div>\n</div>", styles: [".gravity-currency-display{display:flex;align-items:center;gap:5.75px}.gravity-currency-display.disabled p{color:var(--on-bg-disabled)}.gravity-currency-display p{line-height:11px}.gravity-currency-display.short .sm{gap:5px}.gravity-currency-display .currency-content{display:flex;flex-direction:column;align-items:flex-start}.gravity-currency-display .currency-content.sm{gap:5px}.gravity-currency-display .currency-content.md{gap:8px}.gravity-currency-display .currency-content .iso-content{display:flex;justify-content:center;align-items:center;gap:5px}.gravity-currency-display .currency-content .iso-content.md.short{flex-direction:column;align-items:flex-start;gap:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityCurrencyComponent, selector: "gravity-currency", inputs: ["cypressTag", "disabled", "size", "currency", "showLayers"] }, { kind: "component", type: i3.GravityNetworkPillComponent, selector: "gravity-network-pill", inputs: ["cypressTag", "disabled", "type", "network"] }] }); }
14
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCurrencyDisplayComponent, selector: "gravity-currency-display", inputs: { disabled: "disabled", cypressTag: "cypressTag", size: "size", showNetworkIcon: "showNetworkIcon", type: "type", alignment: "alignment", currency: "currency" }, ngImport: i0, template: "<div class=\"gravity-currency-display {{size}} {{type}}\" [class.disabled]=\"disabled\">\n <gravity-currency\n [size]=\"size == 'sm' && type == 'short' ? 'sm-16' : 'md-24'\"\n [disabled]=\"disabled\"\n [currency]=\"{currency_id: currency.currency_id , network_id: currency?.network_id }\">\n </gravity-currency>\n\n <div class=\"currency-content {{size}}\" [ngClass]=\"{'invert': alignment === 'invert'}\">\n <p class=\"currency-name hr-body-text\"\n [ngClass]=\"type === 'explicit' && alignment === 'start' ? size + '-regular' : 'sm-regular'\"\n *ngIf=\"type === 'explicit'\">\n {{ currency.currency_name }}\n </p>\n\n <div class=\"iso-content {{type}} {{size}}\">\n <p class=\"currency-iso hr-body-text\"\n [ngClass]=\"type === 'short' ? 'md-regular' :\n (type === 'explicit' && alignment === 'start' ? 'sm-regular' : size + '-regular')\">\n {{ currency.currency_iso }}\n </p>\n\n <gravity-network-pill\n [type]=\"'primary'\" [network]=\"{iso: currency?.network_iso, id: currency.network_id}\"\n [disabled]=\"disabled\" [showNetworkIcon]=\"showNetworkIcon\"\n *ngIf=\"currency?.network_iso\">\n </gravity-network-pill>\n </div>\n </div>\n</div>\n", styles: [".gravity-currency-display{display:flex;align-items:center;gap:5.75px}.gravity-currency-display.disabled p{color:var(--on-bg-disabled)}.gravity-currency-display p{line-height:11px}.gravity-currency-display.short .sm{gap:5px}.gravity-currency-display .currency-content{display:flex;flex-direction:column;align-items:flex-start}.gravity-currency-display .currency-content.sm{gap:5px}.gravity-currency-display .currency-content.md{gap:8px}.gravity-currency-display .currency-content.invert{flex-direction:column-reverse}.gravity-currency-display .currency-content .iso-content{display:flex;justify-content:center;align-items:center;gap:5px}.gravity-currency-display .currency-content .iso-content.md.short{flex-direction:column;align-items:flex-start;gap:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityCurrencyComponent, selector: "gravity-currency", inputs: ["cypressTag", "disabled", "size", "currency", "showLayers"] }, { kind: "component", type: i3.GravityNetworkPillComponent, selector: "gravity-network-pill", inputs: ["cypressTag", "disabled", "showNetworkIcon", "network", "type"] }] }); }
13
15
  }
14
16
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCurrencyDisplayComponent, decorators: [{
15
17
  type: Component,
16
- args: [{ selector: 'gravity-currency-display', template: "<div class=\"gravity-currency-display {{size}} {{type}}\" [class.disabled]=\"disabled\">\n <gravity-currency [size]=\"size == 'sm' && type == 'short' ? 'sm-16' : 'md-24'\" [disabled]=\"disabled\"\n [currency]=\"{currency_id: currency.currency_id , network_id: currency?.network_id }\"></gravity-currency>\n <div class=\"currency-content {{size}}\">\n <p class=\"currency-name hr-body-text\" [ngClass]=\"size + '-regular'\"\n *ngIf=\"type == 'explicit'\">{{ currency.currency_name }}</p>\n <div class=\"iso-content {{type}} {{size}}\">\n <p class=\"currency-iso hr-body-text\"\n [ngClass]=\"type == 'explicit' ? 'sm-regular' : 'md-regular' \">{{ currency.currency_iso }}</p>\n <gravity-network-pill [type]=\"'primary'\" [network]=\"{iso: currency?.network_iso, id: currency.network_id}\"\n [disabled]=\"disabled\" *ngIf=\"currency?.network_iso\"></gravity-network-pill>\n </div>\n </div>\n</div>", styles: [".gravity-currency-display{display:flex;align-items:center;gap:5.75px}.gravity-currency-display.disabled p{color:var(--on-bg-disabled)}.gravity-currency-display p{line-height:11px}.gravity-currency-display.short .sm{gap:5px}.gravity-currency-display .currency-content{display:flex;flex-direction:column;align-items:flex-start}.gravity-currency-display .currency-content.sm{gap:5px}.gravity-currency-display .currency-content.md{gap:8px}.gravity-currency-display .currency-content .iso-content{display:flex;justify-content:center;align-items:center;gap:5px}.gravity-currency-display .currency-content .iso-content.md.short{flex-direction:column;align-items:flex-start;gap:8px}\n"] }]
17
- }], propDecorators: { cypressTag: [{
18
+ args: [{ selector: 'gravity-currency-display', template: "<div class=\"gravity-currency-display {{size}} {{type}}\" [class.disabled]=\"disabled\">\n <gravity-currency\n [size]=\"size == 'sm' && type == 'short' ? 'sm-16' : 'md-24'\"\n [disabled]=\"disabled\"\n [currency]=\"{currency_id: currency.currency_id , network_id: currency?.network_id }\">\n </gravity-currency>\n\n <div class=\"currency-content {{size}}\" [ngClass]=\"{'invert': alignment === 'invert'}\">\n <p class=\"currency-name hr-body-text\"\n [ngClass]=\"type === 'explicit' && alignment === 'start' ? size + '-regular' : 'sm-regular'\"\n *ngIf=\"type === 'explicit'\">\n {{ currency.currency_name }}\n </p>\n\n <div class=\"iso-content {{type}} {{size}}\">\n <p class=\"currency-iso hr-body-text\"\n [ngClass]=\"type === 'short' ? 'md-regular' :\n (type === 'explicit' && alignment === 'start' ? 'sm-regular' : size + '-regular')\">\n {{ currency.currency_iso }}\n </p>\n\n <gravity-network-pill\n [type]=\"'primary'\" [network]=\"{iso: currency?.network_iso, id: currency.network_id}\"\n [disabled]=\"disabled\" [showNetworkIcon]=\"showNetworkIcon\"\n *ngIf=\"currency?.network_iso\">\n </gravity-network-pill>\n </div>\n </div>\n</div>\n", styles: [".gravity-currency-display{display:flex;align-items:center;gap:5.75px}.gravity-currency-display.disabled p{color:var(--on-bg-disabled)}.gravity-currency-display p{line-height:11px}.gravity-currency-display.short .sm{gap:5px}.gravity-currency-display .currency-content{display:flex;flex-direction:column;align-items:flex-start}.gravity-currency-display .currency-content.sm{gap:5px}.gravity-currency-display .currency-content.md{gap:8px}.gravity-currency-display .currency-content.invert{flex-direction:column-reverse}.gravity-currency-display .currency-content .iso-content{display:flex;justify-content:center;align-items:center;gap:5px}.gravity-currency-display .currency-content .iso-content.md.short{flex-direction:column;align-items:flex-start;gap:8px}\n"] }]
19
+ }], propDecorators: { disabled: [{
18
20
  type: Input
19
- }], disabled: [{
21
+ }], cypressTag: [{
20
22
  type: Input
21
23
  }], size: [{
22
24
  type: Input
25
+ }], showNetworkIcon: [{
26
+ type: Input
23
27
  }], type: [{
24
28
  type: Input
29
+ }], alignment: [{
30
+ type: Input
25
31
  }], currency: [{
26
32
  type: Input
27
33
  }] } });
28
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1jdXJyZW5jeS1kaXNwbGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1jdXJyZW5jeS1kaXNwbGF5L2dyYXZpdHktY3VycmVuY3ktZGlzcGxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY3VycmVuY3ktZGlzcGxheS9ncmF2aXR5LWN1cnJlbmN5LWRpc3BsYXkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTy9DLE1BQU0sT0FBTywrQkFBK0I7SUFMNUM7UUFRa0IsU0FBSSxHQUFnQixJQUFJLENBQUM7UUFDekIsU0FBSSxHQUF5QixVQUFVLENBQUM7S0FRekQ7K0dBWlksK0JBQStCO21HQUEvQiwrQkFBK0IsOEtDUDVDLGs5QkFhTTs7NEZETk8sK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLDBCQUEwQjs4QkFLcEIsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1jdXJyZW5jeS1kaXNwbGF5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktY3VycmVuY3ktZGlzcGxheS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktY3VycmVuY3ktZGlzcGxheS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5Q3VycmVuY3lEaXNwbGF5Q29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGRpc2FibGVkOiBib29sZWFuO1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnbWQnO1xuICBASW5wdXQoKSBwdWJsaWMgdHlwZTogJ2V4cGxpY2l0JyB8ICdzaG9ydCcgPSAnZXhwbGljaXQnO1xuICBASW5wdXQoKSBwdWJsaWMgY3VycmVuY3k6IHtcbiAgICBjdXJyZW5jeV9pZDogbnVtYmVyLFxuICAgIGN1cnJlbmN5X25hbWU6IHN0cmluZyxcbiAgICBjdXJyZW5jeV9pc28/OiBzdHJpbmcsXG4gICAgbmV0d29ya19pZD86IG51bWJlcixcbiAgICBuZXR3b3JrX2lzbz86IHN0cmluZ1xuICB9O1xufVxuIiwiPGRpdiBjbGFzcz1cImdyYXZpdHktY3VycmVuY3ktZGlzcGxheSB7e3NpemV9fSB7e3R5cGV9fVwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICA8Z3Jhdml0eS1jdXJyZW5jeSBbc2l6ZV09XCJzaXplID09ICdzbScgJiYgdHlwZSA9PSAnc2hvcnQnID8gJ3NtLTE2JyA6ICdtZC0yNCdcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICBbY3VycmVuY3ldPVwie2N1cnJlbmN5X2lkOiBjdXJyZW5jeS5jdXJyZW5jeV9pZCAsIG5ldHdvcmtfaWQ6IGN1cnJlbmN5Py5uZXR3b3JrX2lkIH1cIj48L2dyYXZpdHktY3VycmVuY3k+XG4gIDxkaXYgY2xhc3M9XCJjdXJyZW5jeS1jb250ZW50IHt7c2l6ZX19XCI+XG4gICAgPHAgY2xhc3M9XCJjdXJyZW5jeS1uYW1lIGhyLWJvZHktdGV4dFwiIFtuZ0NsYXNzXT1cInNpemUgKyAnLXJlZ3VsYXInXCJcbiAgICAgICAqbmdJZj1cInR5cGUgPT0gJ2V4cGxpY2l0J1wiPnt7IGN1cnJlbmN5LmN1cnJlbmN5X25hbWUgfX08L3A+XG4gICAgPGRpdiBjbGFzcz1cImlzby1jb250ZW50IHt7dHlwZX19IHt7c2l6ZX19XCI+XG4gICAgICA8cCBjbGFzcz1cImN1cnJlbmN5LWlzbyBoci1ib2R5LXRleHRcIlxuICAgICAgICAgW25nQ2xhc3NdPVwidHlwZSA9PSAnZXhwbGljaXQnID8gJ3NtLXJlZ3VsYXInIDogJ21kLXJlZ3VsYXInIFwiPnt7IGN1cnJlbmN5LmN1cnJlbmN5X2lzbyB9fTwvcD5cbiAgICAgIDxncmF2aXR5LW5ldHdvcmstcGlsbCBbdHlwZV09XCIncHJpbWFyeSdcIiBbbmV0d29ya109XCJ7aXNvOiBjdXJyZW5jeT8ubmV0d29ya19pc28sIGlkOiBjdXJyZW5jeS5uZXR3b3JrX2lkfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgKm5nSWY9XCJjdXJyZW5jeT8ubmV0d29ya19pc29cIj48L2dyYXZpdHktbmV0d29yay1waWxsPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==
34
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1jdXJyZW5jeS1kaXNwbGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1jdXJyZW5jeS1kaXNwbGF5L2dyYXZpdHktY3VycmVuY3ktZGlzcGxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY3VycmVuY3ktZGlzcGxheS9ncmF2aXR5LWN1cnJlbmN5LWRpc3BsYXkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTy9DLE1BQU0sT0FBTywrQkFBK0I7SUFMNUM7UUFRb0IsU0FBSSxHQUFnQixJQUFJLENBQUM7UUFDekIsb0JBQWUsR0FBWSxJQUFJLENBQUM7UUFDaEMsU0FBSSxHQUF5QixVQUFVLENBQUM7UUFDeEMsY0FBUyxHQUF1QixPQUFPLENBQUM7S0FRM0Q7K0dBZFksK0JBQStCO21HQUEvQiwrQkFBK0IsME9DUDVDLDIzQ0E2QkE7OzRGRHRCYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0ksMEJBQTBCOzhCQUtwQixRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxlQUFlO3NCQUE5QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdncmF2aXR5LWN1cnJlbmN5LWRpc3BsYXknLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWN1cnJlbmN5LWRpc3BsYXkuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2dyYXZpdHktY3VycmVuY3ktZGlzcGxheS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5Q3VycmVuY3lEaXNwbGF5Q29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnbWQnO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBzaG93TmV0d29ya0ljb246IGJvb2xlYW4gPSB0cnVlO1xuICAgIEBJbnB1dCgpIHB1YmxpYyB0eXBlOiAnZXhwbGljaXQnIHwgJ3Nob3J0JyA9ICdleHBsaWNpdCc7XG4gICAgQElucHV0KCkgcHVibGljIGFsaWdubWVudDogJ3N0YXJ0JyB8ICdpbnZlcnQnID0gJ3N0YXJ0JztcbiAgICBASW5wdXQoKSBwdWJsaWMgY3VycmVuY3k6IHtcbiAgICAgICAgY3VycmVuY3lfaWQ6IG51bWJlcixcbiAgICAgICAgY3VycmVuY3lfbmFtZTogc3RyaW5nLFxuICAgICAgICBjdXJyZW5jeV9pc28/OiBzdHJpbmcsXG4gICAgICAgIG5ldHdvcmtfaWQ/OiBudW1iZXIsXG4gICAgICAgIG5ldHdvcmtfaXNvPzogc3RyaW5nXG4gICAgfTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LWN1cnJlbmN5LWRpc3BsYXkge3tzaXplfX0ge3t0eXBlfX1cIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgICA8Z3Jhdml0eS1jdXJyZW5jeVxuICAgICAgICAgICAgW3NpemVdPVwic2l6ZSA9PSAnc20nICYmIHR5cGUgPT0gJ3Nob3J0JyA/ICdzbS0xNicgOiAnbWQtMjQnXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgICBbY3VycmVuY3ldPVwie2N1cnJlbmN5X2lkOiBjdXJyZW5jeS5jdXJyZW5jeV9pZCAsIG5ldHdvcmtfaWQ6IGN1cnJlbmN5Py5uZXR3b3JrX2lkIH1cIj5cbiAgICA8L2dyYXZpdHktY3VycmVuY3k+XG5cbiAgICA8ZGl2IGNsYXNzPVwiY3VycmVuY3ktY29udGVudCB7e3NpemV9fVwiIFtuZ0NsYXNzXT1cInsnaW52ZXJ0JzogYWxpZ25tZW50ID09PSAnaW52ZXJ0J31cIj5cbiAgICAgICAgPHAgY2xhc3M9XCJjdXJyZW5jeS1uYW1lIGhyLWJvZHktdGV4dFwiXG4gICAgICAgICAgIFtuZ0NsYXNzXT1cInR5cGUgPT09ICdleHBsaWNpdCcgJiYgYWxpZ25tZW50ID09PSAnc3RhcnQnID8gc2l6ZSArICctcmVndWxhcicgOiAnc20tcmVndWxhcidcIlxuICAgICAgICAgICAqbmdJZj1cInR5cGUgPT09ICdleHBsaWNpdCdcIj5cbiAgICAgICAgICAgIHt7IGN1cnJlbmN5LmN1cnJlbmN5X25hbWUgfX1cbiAgICAgICAgPC9wPlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJpc28tY29udGVudCB7e3R5cGV9fSB7e3NpemV9fVwiPlxuICAgICAgICAgICAgPHAgY2xhc3M9XCJjdXJyZW5jeS1pc28gaHItYm9keS10ZXh0XCJcbiAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInR5cGUgPT09ICdzaG9ydCcgPyAnbWQtcmVndWxhcicgOlxuICAgICAgICAgICAgICAgICAgICAodHlwZSA9PT0gJ2V4cGxpY2l0JyAmJiBhbGlnbm1lbnQgPT09ICdzdGFydCcgPyAnc20tcmVndWxhcicgOiBzaXplICsgJy1yZWd1bGFyJylcIj5cbiAgICAgICAgICAgICAgICB7eyBjdXJyZW5jeS5jdXJyZW5jeV9pc28gfX1cbiAgICAgICAgICAgIDwvcD5cblxuICAgICAgICAgICAgPGdyYXZpdHktbmV0d29yay1waWxsXG4gICAgICAgICAgICAgICAgICAgIFt0eXBlXT1cIidwcmltYXJ5J1wiIFtuZXR3b3JrXT1cIntpc286IGN1cnJlbmN5Py5uZXR3b3JrX2lzbywgaWQ6IGN1cnJlbmN5Lm5ldHdvcmtfaWR9XCJcbiAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgW3Nob3dOZXR3b3JrSWNvbl09XCJzaG93TmV0d29ya0ljb25cIlxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImN1cnJlbmN5Py5uZXR3b3JrX2lzb1wiPlxuICAgICAgICAgICAgPC9ncmF2aXR5LW5ldHdvcmstcGlsbD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
package/esm2022/lib/components/gravity-dropdown-list/gravity-dropdown-list.component.mjs CHANGED
@@ -205,7 +205,7 @@ export class GravityDropdownListComponent {
205
205
  }
206
206
  }
207
207
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDropdownListComponent, deps: [{ token: i1.FilterByPipe }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
208
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDropdownListComponent, selector: "gravity-dropdown-list", inputs: { clearable: "clearable", config: "config", currentLang: "currentLang", customValues: "customValues", cypressTag: "cypressTag", hasError: "hasError", iconLeft: "iconLeft", isDisabled: "isDisabled", isReadonly: "isReadonly", items: "items", label: "label", multiple: "multiple", placeholder: "placeholder", required: "required", supportText: "supportText", currency_id: "currency_id", network_iso: "network_iso", network_id: "network_id", size: "size", width: "width" }, outputs: { selectedItemsResponse: "response" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [FilterByPipe], viewQueries: [{ propertyName: "watch", first: true, predicate: ["searchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label class=\"hr-label sm-bold {{getStatus()}}\" *ngIf=\"label\">\n {{ label }} <span *ngIf=\"required || hasError\">*</span>\n</label>\n<div [attr.data-cy]=\"cypressTag\" class=\"gravity-input-field {{size}} {{width}}-width {{getStatus()}}\"\n (click)=\"toggleDropdown()\">\n <gravity-icon class=\"left\" [iconName]=\"iconLeft\" [iconSize]=\"isIconLeftNew() ? 'md-16' : null\"\n *ngIf=\"iconLeft\"></gravity-icon>\n <p class=\"hr-label {{size}}-regular value\">\n <ng-container *ngIf=\"selectedItems.length == 0\">\n {{ placeholder ? placeholder : label }}\n </ng-container>\n <ng-container *ngIf=\"selectedItems.length > 0\">\n <ng-container *ngFor=\"let item of selectedItems; let i = index\">\n {{ config ? item[config.label] : item }}{{ i != selectedItems.length - 1 ? ',' : '' }}\n </ng-container>\n </ng-container>\n </p>\n <gravity-icon class=\"right\" [iconName]=\"dropdownOpened ? 'arrow-up': 'arrow-down'\" [iconSize]=\"'md-16'\"\n *ngIf=\"!isReadonly\"></gravity-icon>\n <div class=\"dropdown-panel\" (click)=\"$event.stopPropagation()\" *ngIf=\"dropdownOpened\"\n [attr.data-cy]=\"cypressTag + '_panel'\">\n <div class=\"search-input\">\n <gravity-icon class=\"search-icon\" [iconName]=\"'search'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <input autocomplete=\"off\" class=\"hr-label {{size}}-regular\" (input)=\"filterItems()\"\n [attr.data-cy]=\"cypressTag + '_search_input'\" #searchInput\n [(ngModel)]=\"searchText\" placeholder=\"{{currentLang == 'es' ? 'Buscar' : 'Search input'}}\">\n <gravity-icon class=\"pointer reset-icon\" (click)=\"searchText = ''; filterItems()\" [iconName]=\"'unsuccess'\"\n [iconSize]=\"'sm-12'\" *ngIf=\"searchText?.length > 0\"></gravity-icon>\n </div>\n\n <div class=\"items-container\">\n <div class=\"items\">\n <div class=\"hr-label item {{size}}-regular pointer\" [class.selected]=\"checkIfSelected(item)\"\n (click)=\"selectItem(item)\" *ngFor=\"let item of availableOptions\">\n <gravity-checkbox *ngIf=\"multiple\" [ngClass]=\"getSpacingClass(size)\"\n [checked]=\"checkIfSelected(item)\"></gravity-checkbox>\n <gravity-currency *ngIf=\"currency_id\" [ngClass]=\"getSpacingClass(size)\" [size]=\"getCurrencyIconSize(size)\"\n [currency]=\"{currency_id: this.currency_id}\"></gravity-currency>\n <div [ngClass]=\"getSpacingClass(size)\">{{ config ? item[config.label] : item }}</div>\n <gravity-network-pill *ngIf=\"network_id && network_iso\" [network]=\"{ iso: this.network_iso, id: this.network_id }\" ></gravity-network-pill>\n </div>\n <div class=\"hr-label item {{size}}-bold no-results\" *ngIf=\"availableOptions.length === 0\">\n {{ currentLang == 'es' ? 'Sin resultados' : 'No results' }}\n </div>\n </div>\n </div>\n\n <div class=\"dropdown-footer\" *ngIf=\"selectedItems.length > 0\" [class.not-clearable]=\"!clearable\">\n <p class=\"hr-label pointer sm-regular\" (click)=\"clearSelection()\" *ngIf=\"clearable\"\n [attr.data-cy]=\"cypressTag + '_clear'\">\n {{ currentLang == 'es' ? 'Limpiar' : 'Clear selection' }}\n </p>\n <p class=\"hr-label pointer sm-bold\" (click)=\"$event.stopPropagation(); toggleDropdown()\"\n *ngIf=\"availableOptions.length != 0\" [attr.data-cy]=\"cypressTag + '_apply'\">\n {{ currentLang == 'es' ? 'Aplicar' : 'Apply' }}\n </p>\n </div>\n </div>\n</div>\n<p class=\"hr-label sm-regular supporting-text {{getStatus()}} {{size}}\" *ngIf=\"supportText\">\n <gravity-icon [iconName]=\"'question-circle'\" *ngIf=\"hasError\" [iconSize]=\"'md-16'\"></gravity-icon>\n {{ supportText }}\n</p>\n<p class=\"hr-label sm-regular supporting-text {{getStatus()}} {{size}}\"\n *ngIf=\"!supportText && getStatus() == 'active' && selectedItems.length == 0 && required\">\n {{ currentLang == 'es' ? 'Requerido' : 'Required' }}\n</p>\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}:host{display:block}label{color:var(--text-field-label-color);display:block;margin:0 12px 5px}label.active,label.hover{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.open{--text-field-label-color: var(--label-text-full-enabled-pressed-primary)}label.selected,label.error{--text-field-label-color: var(--label-text-full-enabled-primary)}label.error span{color:var(--negative-primary)}label.disabled{--text-field-label-color: var(--on-bg-disabled)}label.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}.gravity-input-field{align-items:center;background-color:var(--text-field-input-field-background-color);border:var(--text-field-input-field-border-width) solid var(--text-field-input-field-border-color);border-radius:.3125rem;color:var(--text-field-input-field-content-color);cursor:pointer;display:flex;height:var(--text-field-input-field-height);padding:10px 12px;position:relative;--text-field-input-field-border-width: .5px;width:var(--text-field-input-field-width)}.gravity-input-field gravity-icon{--icon-color: var(--text-field-input-field-icon-color);--icon-height: var(--text-field-input-field-content);--icon-width: var(--text-field-input-field-content)}.gravity-input-field gravity-icon.pointer{cursor:pointer}.gravity-input-field gravity-icon.left{margin-right:var(--icon-margin)}.gravity-input-field gravity-icon.right{margin-left:var(--icon-margin)}.gravity-input-field p.value{color:var(--text-field-input-field-content-color);height:var(--text-field-input-field-input);line-height:normal;margin-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.gravity-input-field.sm{--dropdown-items-gap: map-get($spacing-values, xs);--dropdown-items-padding-top: 16px;--dropdown-top-margin: 5px;--icon-margin: 5px;--text-field-input-field-content: 9px;--text-field-input-field-height: 29px;--text-field-input-field-input: 13px;--span-checkmark-height: 14px;--span-checkmark-margin: 5px;--span-checkmark-width: 14px}.gravity-input-field.sm.short-width{--text-field-input-field-width: 195px}.gravity-input-field.sm.medium-width{--text-field-input-field-width: 276px}.gravity-input-field.sm.full-width,.gravity-input-field.sm.fit-width{--text-field-input-field-width: 100%}.gravity-input-field.md{--dropdown-items-gap: 12px;--dropdown-items-padding-top: 20px;--dropdown-top-margin: 8px;--text-field-input-field-content: 15px;--text-field-input-field-height: 35px;--text-field-input-field-input: 18px;--icon-margin: 8px;--span-checkmark-height: 16px;--span-checkmark-margin: 8px;--span-checkmark-width: 16px}.gravity-input-field.md.short-width{--text-field-input-field-width: 242px}.gravity-input-field.md.medium-width{--text-field-input-field-width: 329px}.gravity-input-field.md.full-width,.gravity-input-field.md.fit-width{--text-field-input-field-width: 100%}.gravity-input-field.active{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary)}.gravity-input-field.active:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.open{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-border-width: 1px;--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--icon-active-primary)}.gravity-input-field.selected{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary);--text-field-input-field-icon-color: var(--icon-active-primary)}.gravity-input-field.selected:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.error{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--negative-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary)}.gravity-input-field.error:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.disabled{cursor:initial;--text-field-input-field-background-color: var(--bg-disabled);--text-field-input-field-border-color: var(--outline-disabled);--text-field-input-field-content-color: var(--on-bg-disabled);--text-field-input-field-icon-color: var(--on-bg-disabled)}.gravity-input-field.readonly{cursor:initial;--text-field-input-field-background-color: var(--bg-field-full-read-only-primary);--text-field-input-field-border-color: var(--bg-field-full-read-only-primary);--text-field-input-field-content-color: var(--input-text-full-read-only-primary);--text-field-input-field-icon-color: var(--input-text-full-read-only-primary)}.dropdown-panel{background-color:var(--bg-field-full-enabled-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary);border-radius:.3125rem;cursor:initial;left:-1px;position:absolute;top:calc(100% + var(--dropdown-top-margin));width:calc(var(--text-field-input-field-width) + 2px);z-index:1}.dropdown-panel .search-input{align-items:center;border-bottom:1px solid var(--outline-field-full-enabled-pressed-primary);display:flex;padding:12px}.dropdown-panel .search-input gravity-icon.search-icon{margin-right:.5rem}.dropdown-panel .search-input gravity-icon.reset-icon{margin-left:.5rem}.dropdown-panel .search-input input{background-color:transparent;border:none;border-radius:0;color:var(--input-text-full-enabled-primary);margin:0;outline:none;padding:0;width:100%}.dropdown-panel .search-input input::placeholder{color:var(--placeholder-empty-enabled-primary)}.dropdown-panel .items-container{overflow:auto}.dropdown-panel .items-container .items{display:flex;flex-direction:column;gap:var(--dropdown-items-gap);max-height:200px;padding:var(--dropdown-items-padding-top) 12px;width:100%}.dropdown-panel .items-container .items .item{align-items:center;color:var(--label-text-full-enabled-primary);display:flex;padding:4px;cursor:pointer;white-space:nowrap}.dropdown-panel .items-container .items .item:hover:not(.no-results),.dropdown-panel .items-container .items .item.selected{background-color:var(--bg-menu-button-hover-primary);color:var(--on-bg-menu-button-active-primary)}.dropdown-panel .items-container .items .item gravity-checkbox ::ng-deep .gravity-checkbox-field span.checkmark{height:var(--span-checkmark-height);min-height:var(--span-checkmark-height);min-width:var(--span-checkmark-width);width:var(--span-checkmark-width)}.dropdown-panel .dropdown-footer{align-items:center;display:flex;justify-content:space-between;padding:12px 12px 20px}.dropdown-panel .dropdown-footer.not-clearable{justify-content:end}.dropdown-panel .dropdown-footer p{cursor:pointer;color:var(--on-bg-button-active-secondary);margin-left:0}.supporting-text{align-items:center;color:var(--text-field-supporting-text-color);display:flex;margin:5px 12px 0}.supporting-text.active,.supporting-text.hover{--text-field-supporting-text-color: var(--label-text-empty-enabled-primary)}.supporting-text.typing{--text-field-supporting-text-color: var(--label-text-full-enabled-pressed-primary)}.supporting-text.typed{--text-field-supporting-text-color: var(--label-text-full-enabled-primary)}.supporting-text.error{--text-field-supporting-text-color: var(--negative-primary)}.supporting-text.disabled{--text-field-supporting-text-color: var(--on-bg-disabled)}.supporting-text.readonly{--text-field-supporting-text-color: var(--label-text-full-read-only-primary)}.supporting-text.sm{--text-field-supporting-text-icon-size: 9px}.supporting-text.md{--text-field-supporting-text-icon-size: 15px}.supporting-text gravity-icon{--icon-color: var(--negative-primary);--icon-height: var(--text-field-supporting-text-icon-size);--icon-width: var(--text-field-supporting-text-icon-size);margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.GravityCheckboxComponent, selector: "gravity-checkbox", inputs: ["checked", "disabled", "name", "size", "value"], outputs: ["change"] }, { kind: "component", type: i5.GravityCurrencyComponent, selector: "gravity-currency", inputs: ["cypressTag", "disabled", "size", "currency", "showLayers"] }, { kind: "component", type: i6.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: i7.GravityNetworkPillComponent, selector: "gravity-network-pill", inputs: ["cypressTag", "disabled", "type", "network"] }] }); }
208
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDropdownListComponent, selector: "gravity-dropdown-list", inputs: { clearable: "clearable", config: "config", currentLang: "currentLang", customValues: "customValues", cypressTag: "cypressTag", hasError: "hasError", iconLeft: "iconLeft", isDisabled: "isDisabled", isReadonly: "isReadonly", items: "items", label: "label", multiple: "multiple", placeholder: "placeholder", required: "required", supportText: "supportText", currency_id: "currency_id", network_iso: "network_iso", network_id: "network_id", size: "size", width: "width" }, outputs: { selectedItemsResponse: "response" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [FilterByPipe], viewQueries: [{ propertyName: "watch", first: true, predicate: ["searchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label class=\"hr-label sm-bold {{getStatus()}}\" *ngIf=\"label\">\n {{ label }} <span *ngIf=\"required || hasError\">*</span>\n</label>\n<div [attr.data-cy]=\"cypressTag\" class=\"gravity-input-field {{size}} {{width}}-width {{getStatus()}}\"\n (click)=\"toggleDropdown()\">\n <gravity-icon class=\"left\" [iconName]=\"iconLeft\" [iconSize]=\"isIconLeftNew() ? 'md-16' : null\"\n *ngIf=\"iconLeft\"></gravity-icon>\n <p class=\"hr-label {{size}}-regular value\">\n <ng-container *ngIf=\"selectedItems.length == 0\">\n {{ placeholder ? placeholder : label }}\n </ng-container>\n <ng-container *ngIf=\"selectedItems.length > 0\">\n <ng-container *ngFor=\"let item of selectedItems; let i = index\">\n {{ config ? item[config.label] : item }}{{ i != selectedItems.length - 1 ? ',' : '' }}\n </ng-container>\n </ng-container>\n </p>\n <gravity-icon class=\"right\" [iconName]=\"dropdownOpened ? 'arrow-up': 'arrow-down'\" [iconSize]=\"'md-16'\"\n *ngIf=\"!isReadonly\"></gravity-icon>\n <div class=\"dropdown-panel\" (click)=\"$event.stopPropagation()\" *ngIf=\"dropdownOpened\"\n [attr.data-cy]=\"cypressTag + '_panel'\">\n <div class=\"search-input\">\n <gravity-icon class=\"search-icon\" [iconName]=\"'search'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <input autocomplete=\"off\" class=\"hr-label {{size}}-regular\" (input)=\"filterItems()\"\n [attr.data-cy]=\"cypressTag + '_search_input'\" #searchInput\n [(ngModel)]=\"searchText\" placeholder=\"{{currentLang == 'es' ? 'Buscar' : 'Search input'}}\">\n <gravity-icon class=\"pointer reset-icon\" (click)=\"searchText = ''; filterItems()\" [iconName]=\"'unsuccess'\"\n [iconSize]=\"'sm-12'\" *ngIf=\"searchText?.length > 0\"></gravity-icon>\n </div>\n\n <div class=\"items-container\">\n <div class=\"items\">\n <div class=\"hr-label item {{size}}-regular pointer\" [class.selected]=\"checkIfSelected(item)\"\n (click)=\"selectItem(item)\" *ngFor=\"let item of availableOptions\">\n <gravity-checkbox *ngIf=\"multiple\" [ngClass]=\"getSpacingClass(size)\"\n [checked]=\"checkIfSelected(item)\"></gravity-checkbox>\n <gravity-currency *ngIf=\"currency_id\" [ngClass]=\"getSpacingClass(size)\" [size]=\"getCurrencyIconSize(size)\"\n [currency]=\"{currency_id: this.currency_id}\"></gravity-currency>\n <div [ngClass]=\"getSpacingClass(size)\">{{ config ? item[config.label] : item }}</div>\n <gravity-network-pill *ngIf=\"network_id && network_iso\" [network]=\"{ iso: this.network_iso, id: this.network_id }\" ></gravity-network-pill>\n </div>\n <div class=\"hr-label item {{size}}-bold no-results\" *ngIf=\"availableOptions.length === 0\">\n {{ currentLang == 'es' ? 'Sin resultados' : 'No results' }}\n </div>\n </div>\n </div>\n\n <div class=\"dropdown-footer\" *ngIf=\"selectedItems.length > 0\" [class.not-clearable]=\"!clearable\">\n <p class=\"hr-label pointer sm-regular\" (click)=\"clearSelection()\" *ngIf=\"clearable\"\n [attr.data-cy]=\"cypressTag + '_clear'\">\n {{ currentLang == 'es' ? 'Limpiar' : 'Clear selection' }}\n </p>\n <p class=\"hr-label pointer sm-bold\" (click)=\"$event.stopPropagation(); toggleDropdown()\"\n *ngIf=\"availableOptions.length != 0\" [attr.data-cy]=\"cypressTag + '_apply'\">\n {{ currentLang == 'es' ? 'Aplicar' : 'Apply' }}\n </p>\n </div>\n </div>\n</div>\n<p class=\"hr-label sm-regular supporting-text {{getStatus()}} {{size}}\" *ngIf=\"supportText\">\n <gravity-icon [iconName]=\"'question-circle'\" *ngIf=\"hasError\" [iconSize]=\"'md-16'\"></gravity-icon>\n {{ supportText }}\n</p>\n<p class=\"hr-label sm-regular supporting-text {{getStatus()}} {{size}}\"\n *ngIf=\"!supportText && getStatus() == 'active' && selectedItems.length == 0 && required\">\n {{ currentLang == 'es' ? 'Requerido' : 'Required' }}\n</p>\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}:host{display:block}label{color:var(--text-field-label-color);display:block;margin:0 12px 5px}label.active,label.hover{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.open{--text-field-label-color: var(--label-text-full-enabled-pressed-primary)}label.selected,label.error{--text-field-label-color: var(--label-text-full-enabled-primary)}label.error span{color:var(--negative-primary)}label.disabled{--text-field-label-color: var(--on-bg-disabled)}label.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}.gravity-input-field{align-items:center;background-color:var(--text-field-input-field-background-color);border:var(--text-field-input-field-border-width) solid var(--text-field-input-field-border-color);border-radius:.3125rem;color:var(--text-field-input-field-content-color);cursor:pointer;display:flex;height:var(--text-field-input-field-height);padding:10px 12px;position:relative;--text-field-input-field-border-width: .5px;width:var(--text-field-input-field-width)}.gravity-input-field gravity-icon{--icon-color: var(--text-field-input-field-icon-color);--icon-height: var(--text-field-input-field-content);--icon-width: var(--text-field-input-field-content)}.gravity-input-field gravity-icon.pointer{cursor:pointer}.gravity-input-field gravity-icon.left{margin-right:var(--icon-margin)}.gravity-input-field gravity-icon.right{margin-left:var(--icon-margin)}.gravity-input-field p.value{color:var(--text-field-input-field-content-color);height:var(--text-field-input-field-input);line-height:normal;margin-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.gravity-input-field.sm{--dropdown-items-gap: map-get($spacing-values, xs);--dropdown-items-padding-top: 16px;--dropdown-top-margin: 5px;--icon-margin: 5px;--text-field-input-field-content: 9px;--text-field-input-field-height: 29px;--text-field-input-field-input: 13px;--span-checkmark-height: 14px;--span-checkmark-margin: 5px;--span-checkmark-width: 14px}.gravity-input-field.sm.short-width{--text-field-input-field-width: 195px}.gravity-input-field.sm.medium-width{--text-field-input-field-width: 276px}.gravity-input-field.sm.full-width,.gravity-input-field.sm.fit-width{--text-field-input-field-width: 100%}.gravity-input-field.md{--dropdown-items-gap: 12px;--dropdown-items-padding-top: 20px;--dropdown-top-margin: 8px;--text-field-input-field-content: 15px;--text-field-input-field-height: 35px;--text-field-input-field-input: 18px;--icon-margin: 8px;--span-checkmark-height: 16px;--span-checkmark-margin: 8px;--span-checkmark-width: 16px}.gravity-input-field.md.short-width{--text-field-input-field-width: 242px}.gravity-input-field.md.medium-width{--text-field-input-field-width: 329px}.gravity-input-field.md.full-width,.gravity-input-field.md.fit-width{--text-field-input-field-width: 100%}.gravity-input-field.active{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary)}.gravity-input-field.active:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.open{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-border-width: 1px;--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--icon-active-primary)}.gravity-input-field.selected{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary);--text-field-input-field-icon-color: var(--icon-active-primary)}.gravity-input-field.selected:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.error{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--negative-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary)}.gravity-input-field.error:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.disabled{cursor:initial;--text-field-input-field-background-color: var(--bg-disabled);--text-field-input-field-border-color: var(--outline-disabled);--text-field-input-field-content-color: var(--on-bg-disabled);--text-field-input-field-icon-color: var(--on-bg-disabled)}.gravity-input-field.readonly{cursor:initial;--text-field-input-field-background-color: var(--bg-field-full-read-only-primary);--text-field-input-field-border-color: var(--bg-field-full-read-only-primary);--text-field-input-field-content-color: var(--input-text-full-read-only-primary);--text-field-input-field-icon-color: var(--input-text-full-read-only-primary)}.dropdown-panel{background-color:var(--bg-field-full-enabled-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary);border-radius:.3125rem;cursor:initial;left:-1px;position:absolute;top:calc(100% + var(--dropdown-top-margin));width:calc(var(--text-field-input-field-width) + 2px);z-index:1}.dropdown-panel .search-input{align-items:center;border-bottom:1px solid var(--outline-field-full-enabled-pressed-primary);display:flex;padding:12px}.dropdown-panel .search-input gravity-icon.search-icon{margin-right:.5rem}.dropdown-panel .search-input gravity-icon.reset-icon{margin-left:.5rem}.dropdown-panel .search-input input{background-color:transparent;border:none;border-radius:0;color:var(--input-text-full-enabled-primary);margin:0;outline:none;padding:0;width:100%}.dropdown-panel .search-input input::placeholder{color:var(--placeholder-empty-enabled-primary)}.dropdown-panel .items-container{overflow:auto}.dropdown-panel .items-container .items{display:flex;flex-direction:column;gap:var(--dropdown-items-gap);max-height:200px;padding:var(--dropdown-items-padding-top) 12px;width:100%}.dropdown-panel .items-container .items .item{align-items:center;color:var(--label-text-full-enabled-primary);display:flex;padding:4px;cursor:pointer;white-space:nowrap}.dropdown-panel .items-container .items .item:hover:not(.no-results),.dropdown-panel .items-container .items .item.selected{background-color:var(--bg-menu-button-hover-primary);color:var(--on-bg-menu-button-active-primary)}.dropdown-panel .items-container .items .item gravity-checkbox ::ng-deep .gravity-checkbox-field span.checkmark{height:var(--span-checkmark-height);min-height:var(--span-checkmark-height);min-width:var(--span-checkmark-width);width:var(--span-checkmark-width)}.dropdown-panel .dropdown-footer{align-items:center;display:flex;justify-content:space-between;padding:12px 12px 20px}.dropdown-panel .dropdown-footer.not-clearable{justify-content:end}.dropdown-panel .dropdown-footer p{cursor:pointer;color:var(--on-bg-button-active-secondary);margin-left:0}.supporting-text{align-items:center;color:var(--text-field-supporting-text-color);display:flex;margin:5px 12px 0}.supporting-text.active,.supporting-text.hover{--text-field-supporting-text-color: var(--label-text-empty-enabled-primary)}.supporting-text.typing{--text-field-supporting-text-color: var(--label-text-full-enabled-pressed-primary)}.supporting-text.typed{--text-field-supporting-text-color: var(--label-text-full-enabled-primary)}.supporting-text.error{--text-field-supporting-text-color: var(--negative-primary)}.supporting-text.disabled{--text-field-supporting-text-color: var(--on-bg-disabled)}.supporting-text.readonly{--text-field-supporting-text-color: var(--label-text-full-read-only-primary)}.supporting-text.sm{--text-field-supporting-text-icon-size: 9px}.supporting-text.md{--text-field-supporting-text-icon-size: 15px}.supporting-text gravity-icon{--icon-color: var(--negative-primary);--icon-height: var(--text-field-supporting-text-icon-size);--icon-width: var(--text-field-supporting-text-icon-size);margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.GravityCheckboxComponent, selector: "gravity-checkbox", inputs: ["checked", "disabled", "name", "size", "value"], outputs: ["change"] }, { kind: "component", type: i5.GravityCurrencyComponent, selector: "gravity-currency", inputs: ["cypressTag", "disabled", "size", "currency", "showLayers"] }, { kind: "component", type: i6.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: i7.GravityNetworkPillComponent, selector: "gravity-network-pill", inputs: ["cypressTag", "disabled", "showNetworkIcon", "network", "type"] }] }); }
209
209
  }
210
210
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDropdownListComponent, decorators: [{
211
211
  type: Component,