@progressio_resources/gravity-design-system 3.0.33 → 3.0.35

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 (32) hide show
  1. package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-datepicker-container.component.mjs +2 -2
  2. package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-datepicker-inline-container.component.mjs +2 -2
  3. package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-daterangepicker-container.component.mjs +2 -2
  4. package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-daterangepicker-inline-container.component.mjs +2 -2
  5. package/esm2022/lib/components/gravity-generic-avatar/gravity-generic-avatar.component.mjs +2 -2
  6. package/esm2022/lib/components/gravity-generic-avatar-secondary/gravity-generic-avatar-secondary.component.mjs +21 -0
  7. package/esm2022/lib/components/gravity-icon/gravity-icon.component.mjs +5 -1
  8. package/esm2022/lib/components/gravity-link/gravity-link.component.mjs +4 -4
  9. package/esm2022/lib/components/gravity-modal/gravity-modal.component.mjs +6 -3
  10. package/esm2022/lib/components/gravity-navigation-card/gravity-navigation-card.component.mjs +6 -3
  11. package/esm2022/lib/components/gravity-status-indicator/gravity-status-indicator.component.mjs +3 -3
  12. package/esm2022/lib/components/gravity-tab-primary/gravity-tab-primary.component.mjs +6 -3
  13. package/esm2022/lib/gravity-design-system.module.mjs +8 -3
  14. package/esm2022/public-api.mjs +2 -1
  15. package/fesm2022/progressio_resources-gravity-design-system.mjs +55 -20
  16. package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
  17. package/lib/components/gravity-generic-avatar-secondary/gravity-generic-avatar-secondary.component.d.ts +8 -0
  18. package/lib/components/gravity-icon/gravity-icon.component.d.ts +5 -1
  19. package/lib/components/gravity-link/gravity-link.component.d.ts +2 -2
  20. package/lib/components/gravity-modal/gravity-modal.component.d.ts +2 -1
  21. package/lib/components/gravity-navigation-card/gravity-navigation-card.component.d.ts +2 -1
  22. package/lib/components/gravity-tab-primary/gravity-tab-primary.component.d.ts +4 -3
  23. package/lib/gravity-design-system.module.d.ts +10 -9
  24. package/package.json +1 -1
  25. package/public-api.d.ts +1 -0
  26. package/src/lib/assets/images/hero-avatar/gr-hero-avatar-admin.svg +20 -0
  27. package/src/lib/assets/images/hero-avatar/gr-hero-avatar-blocked.svg +22 -0
  28. package/src/lib/assets/images/hero-avatar/gr-hero-avatar-regular.svg +20 -0
  29. package/src/lib/assets/images/hero-avatar/gr-hero-avatar-support.svg +22 -0
  30. package/src/lib/assets/json/icons.json +16 -0
  31. package/src/lib/styles/foundations/colors/themes/_hero.theme.scss +8 -0
  32. package/src/lib/styles/foundations/colors/tokens/_hero.tokens.scss +13 -5
@@ -0,0 +1,21 @@
1
+ import { Component, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "../gravity-icon/gravity-icon.component";
4
+ export class GravityGenericAvatarSecondaryComponent {
5
+ constructor() {
6
+ this.state = 'active';
7
+ }
8
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityGenericAvatarSecondaryComponent, selector: "gravity-generic-avatar-secondary", inputs: { label: "label", role: "role", state: "state" }, ngImport: i0, template: "<div class=\"generic-avatar-secondary {{ state }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <gravity-icon [iconName]=\"state === 'blocked' ?\n 'hero-avatar-blocked' : 'hero-avatar-' + role\"> </gravity-icon>\n </div>\n </div>\n <div class=\"state-name\"><span class=\"hr-body sm-regular\"> {{ label }} </span></div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.generic-avatar-secondary{display:flex;width:70px;flex-direction:column;justify-content:center;align-items:center}.generic-avatar-secondary .avatar-outer-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle{width:64px;height:64px;position:relative;border-radius:6.25rem}.generic-avatar-secondary .state-name{z-index:1;height:17px;white-space:nowrap;border-radius:.3125rem;padding:var(--gravity-spacing-xxs);margin-top:calc(-1 * var(--gravity-spacing-xs))}.generic-avatar-secondary .state-name span{height:9px;display:block;margin-top:-4px}.generic-avatar-secondary.active .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-positive)}.generic-avatar-secondary.active .avatar-outer-circle .avatar-inner-circle{background:var(--on-bg-generic-avatar-secondary-active)}.generic-avatar-secondary.active .state-name{color:var(--bg-button-active-positive);background:var(--on-bg-button-active-positive)}.generic-avatar-secondary.inactive .avatar-outer-circle{border:1.5px solid var(--outline-disabled)}.generic-avatar-secondary.inactive .avatar-outer-circle .avatar-inner-circle{background:var(--on-bg-generic-avatar-secondary-inactive)}.generic-avatar-secondary.inactive .state-name{background:var(--on-bg-disabled);color:var(--bg-disabled)}.generic-avatar-secondary.blocked .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-negative)}.generic-avatar-secondary.blocked .avatar-outer-circle .avatar-inner-circle{background:var(--on-bg-generic-avatar-secondary-blocked)}.generic-avatar-secondary.blocked .state-name{background:var(--on-bg-button-active-negative);color:var(--bg-button-active-negative)}\n"], dependencies: [{ kind: "component", type: i1.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
10
+ }
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarSecondaryComponent, decorators: [{
12
+ type: Component,
13
+ args: [{ selector: 'gravity-generic-avatar-secondary', template: "<div class=\"generic-avatar-secondary {{ state }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <gravity-icon [iconName]=\"state === 'blocked' ?\n 'hero-avatar-blocked' : 'hero-avatar-' + role\"> </gravity-icon>\n </div>\n </div>\n <div class=\"state-name\"><span class=\"hr-body sm-regular\"> {{ label }} </span></div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.generic-avatar-secondary{display:flex;width:70px;flex-direction:column;justify-content:center;align-items:center}.generic-avatar-secondary .avatar-outer-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle{width:64px;height:64px;position:relative;border-radius:6.25rem}.generic-avatar-secondary .state-name{z-index:1;height:17px;white-space:nowrap;border-radius:.3125rem;padding:var(--gravity-spacing-xxs);margin-top:calc(-1 * var(--gravity-spacing-xs))}.generic-avatar-secondary .state-name span{height:9px;display:block;margin-top:-4px}.generic-avatar-secondary.active .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-positive)}.generic-avatar-secondary.active .avatar-outer-circle .avatar-inner-circle{background:var(--on-bg-generic-avatar-secondary-active)}.generic-avatar-secondary.active .state-name{color:var(--bg-button-active-positive);background:var(--on-bg-button-active-positive)}.generic-avatar-secondary.inactive .avatar-outer-circle{border:1.5px solid var(--outline-disabled)}.generic-avatar-secondary.inactive .avatar-outer-circle .avatar-inner-circle{background:var(--on-bg-generic-avatar-secondary-inactive)}.generic-avatar-secondary.inactive .state-name{background:var(--on-bg-disabled);color:var(--bg-disabled)}.generic-avatar-secondary.blocked .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-negative)}.generic-avatar-secondary.blocked .avatar-outer-circle .avatar-inner-circle{background:var(--on-bg-generic-avatar-secondary-blocked)}.generic-avatar-secondary.blocked .state-name{background:var(--on-bg-button-active-negative);color:var(--bg-button-active-negative)}\n"] }]
14
+ }], propDecorators: { label: [{
15
+ type: Input
16
+ }], role: [{
17
+ type: Input
18
+ }], state: [{
19
+ type: Input
20
+ }] } });
21
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1nZW5lcmljLWF2YXRhci1zZWNvbmRhcnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LWdlbmVyaWMtYXZhdGFyLXNlY29uZGFyeS9ncmF2aXR5LWdlbmVyaWMtYXZhdGFyLXNlY29uZGFyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZ2VuZXJpYy1hdmF0YXItc2Vjb25kYXJ5L2dyYXZpdHktZ2VuZXJpYy1hdmF0YXItc2Vjb25kYXJ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFPL0MsTUFBTSxPQUFPLHNDQUFzQztJQUxuRDtRQVFXLFVBQUssR0FBc0MsUUFBUSxDQUFBO0tBQzdEOytHQUpZLHNDQUFzQzttR0FBdEMsc0NBQXNDLGtJQ1BuRCx5YUFTQTs7NEZERmEsc0NBQXNDO2tCQUxsRCxTQUFTOytCQUNFLGtDQUFrQzs4QkFLbkMsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LWdlbmVyaWMtYXZhdGFyLXNlY29uZGFyeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWdlbmVyaWMtYXZhdGFyLXNlY29uZGFyeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktZ2VuZXJpYy1hdmF0YXItc2Vjb25kYXJ5LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eUdlbmVyaWNBdmF0YXJTZWNvbmRhcnlDb21wb25lbnQge1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSByb2xlOiAnYWRtaW4nIHwgJ3JlZ3VsYXInIHwgJ3N1cHBvcnQnXG4gIEBJbnB1dCgpIHN0YXRlOiAnYWN0aXZlJyB8ICdpbmFjdGl2ZScgfCAnYmxvY2tlZCcgPSAnYWN0aXZlJ1xufVxuIiwiPGRpdiBjbGFzcz1cImdlbmVyaWMtYXZhdGFyLXNlY29uZGFyeSB7eyBzdGF0ZSB9fVwiPlxuICAgIDxkaXYgY2xhc3M9XCJhdmF0YXItb3V0ZXItY2lyY2xlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJhdmF0YXItaW5uZXItY2lyY2xlXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uIFtpY29uTmFtZV09XCJzdGF0ZSA9PT0gJ2Jsb2NrZWQnID9cbiAgICAgICAgICAgICAgICAgICAgICAgICAgJ2hlcm8tYXZhdGFyLWJsb2NrZWQnIDogJ2hlcm8tYXZhdGFyLScgKyByb2xlXCI+IDwvZ3Jhdml0eS1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic3RhdGUtbmFtZVwiPjxzcGFuIGNsYXNzPVwiaHItYm9keSBzbS1yZWd1bGFyXCI+IHt7IGxhYmVsIH19IDwvc3Bhbj48L2Rpdj5cbjwvZGl2PlxuIl19
@@ -91,5 +91,9 @@ export var ICONS;
91
91
  ICONS[ICONS["update"] = 54] = "update";
92
92
  ICONS[ICONS["user"] = 55] = "user";
93
93
  ICONS[ICONS["warning-circle"] = 56] = "warning-circle";
94
+ ICONS[ICONS["hero-avatar-admin"] = 57] = "hero-avatar-admin";
95
+ ICONS[ICONS["hero-avatar-regular"] = 58] = "hero-avatar-regular";
96
+ ICONS[ICONS["hero-avatar-support"] = 59] = "hero-avatar-support";
97
+ ICONS[ICONS["hero-avatar-blocked"] = 60] = "hero-avatar-blocked";
94
98
  })(ICONS || (ICONS = {}));
95
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1pY29uL2dyYXZpdHktaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktaWNvbi9ncmF2aXR5LWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQU8vQyxNQUFNLE9BQU8sb0JBQW9CO0lBUXhCLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBZ0I7UUFDdEMsT0FBTyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksU0FBUyxDQUFDO0lBQzFDLENBQUM7SUFFTSxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQWdCO1FBQ3RDLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLFNBQVMsQ0FBQztJQUN0QyxDQUFDOytHQWRVLG9CQUFvQjttR0FBcEIsb0JBQW9CLHdOQ1BqQywrUEFFQTs7NEZES2Esb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWM7OEJBS1IsdUJBQXVCO3NCQUF0QyxLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSzs7QUFXUixNQUFNLENBQU4sSUFBWSxTQUdYO0FBSEQsV0FBWSxTQUFTO0lBQ25CLCtDQUFTLENBQUE7SUFDVCxxREFBWSxDQUFBO0FBQ2QsQ0FBQyxFQUhXLFNBQVMsS0FBVCxTQUFTLFFBR3BCO0FBRUQsTUFBTSxDQUFOLElBQVksS0EwRFg7QUExREQsV0FBWSxLQUFLO0lBQ2YsNkNBQVksQ0FBQTtJQUNaLCtDQUFhLENBQUE7SUFDYiw2Q0FBWSxDQUFBO0lBQ1osNkNBQVksQ0FBQTtJQUNaLCtDQUFhLENBQUE7SUFDYix5Q0FBVSxDQUFBO0lBQ1YsaUNBQU0sQ0FBQTtJQUNOLHlDQUFVLENBQUE7SUFDVixtQ0FBTyxDQUFBO0lBQ1AsbUNBQU8sQ0FBQTtJQUNQLGdFQUFxQixDQUFBO0lBQ3JCLDREQUFtQixDQUFBO0lBQ25CLGtDQUFNLENBQUE7SUFDTix3Q0FBUyxDQUFBO0lBQ1QsMENBQVUsQ0FBQTtJQUNWLDhDQUFZLENBQUE7SUFDWiwwQ0FBVSxDQUFBO0lBQ1YsNERBQW1CLENBQUE7SUFDbkIsMENBQVUsQ0FBQTtJQUNWLDhDQUFZLENBQUE7SUFDWixrQ0FBTSxDQUFBO0lBQ04sOERBQW9CLENBQUE7SUFDcEIsZ0VBQXFCLENBQUE7SUFDckIsMENBQVUsQ0FBQTtJQUNWLGtDQUFNLENBQUE7SUFDTixrQ0FBTSxDQUFBO0lBQ04sMENBQVUsQ0FBQTtJQUNWLHdDQUFTLENBQUE7SUFDVCxrREFBYyxDQUFBO0lBQ2Qsd0NBQVMsQ0FBQTtJQUNULGtDQUFNLENBQUE7SUFDTixnQ0FBSyxDQUFBO0lBQ0wsOEJBQUksQ0FBQTtJQUNKLHNDQUFRLENBQUE7SUFDUixrQ0FBTSxDQUFBO0lBQ04sd0RBQWlCLENBQUE7SUFDakIsb0NBQU8sQ0FBQTtJQUNQLG9DQUFPLENBQUE7SUFDUCxzQ0FBUSxDQUFBO0lBQ1IsNERBQW1CLENBQUE7SUFDbkIsc0NBQVEsQ0FBQTtJQUNSLDBDQUFVLENBQUE7SUFDViwwQ0FBVSxDQUFBO0lBQ1YsMENBQVUsQ0FBQTtJQUNWLGtDQUFNLENBQUE7SUFDTixzREFBZ0IsQ0FBQTtJQUNoQixvQ0FBTyxDQUFBO0lBQ1AsMERBQWtCLENBQUE7SUFDbEIsNERBQW1CLENBQUE7SUFDbkIsc0NBQVEsQ0FBQTtJQUNSLGtDQUFNLENBQUE7SUFDTixvQ0FBTyxDQUFBO0lBQ1Asc0NBQVEsQ0FBQTtJQUNSLDRDQUFXLENBQUE7SUFDWCxzQ0FBUSxDQUFBO0lBQ1Isa0NBQU0sQ0FBQTtJQUNOLHNEQUFnQixDQUFBO0FBQ2xCLENBQUMsRUExRFcsS0FBSyxLQUFMLEtBQUssUUEwRGhCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktaWNvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlJY29uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIGN1c3RvbUljb25Db2xvclZhcmlhYmxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uTmFtZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaWNvblNpemU6ICdsZy0yNCcgfCAnbWQtMTYnIHwgJ3NtLTEyJyB8ICd4bC0zMic7XG4gIEBJbnB1dCgpIHB1YmxpYyBob3Zlckljb246IGJvb2xlYW47XG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiAnc20nIHwgJ21kJyB8ICdsZyc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpc0NvaW46IGJvb2xlYW47XG5cbiAgcHVibGljIHN0YXRpYyBpc09sZEljb24oaWNvbk5hbWU6IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBPTERfSUNPTlNbaWNvbk5hbWVdICE9IHVuZGVmaW5lZDtcbiAgfVxuXG4gIHB1YmxpYyBzdGF0aWMgaXNOZXdJY29uKGljb25OYW1lOiBzdHJpbmcpOiBib29sZWFuIHtcbiAgICByZXR1cm4gSUNPTlNbaWNvbk5hbWVdICE9IHVuZGVmaW5lZDtcbiAgfVxufVxuXG5leHBvcnQgZW51bSBPTERfSUNPTlMge1xuICAndW5jaGVjaycsXG4gICdhcnJvdy1iYWNrJ1xufVxuXG5leHBvcnQgZW51bSBJQ09OUyB7XG4gICdhZGQtdXBkYXRlJyxcbiAgJ2FkZHJlc3Nib29rJyxcbiAgJ2Fycm93LWRvd24nLFxuICAnYXJyb3ctbGVmdCcsXG4gICdhcnJvdy1yaWdodCcsXG4gICdhcnJvdy11cCcsXG4gICdiZWxsJyxcbiAgJ2NhbGVuZGFyJyxcbiAgJ2NoZWNrJyxcbiAgJ2Nsb2NrJyxcbiAgJ2NoZXZyb24tZG91YmxlLWRvd24nLFxuICAnY2hldnJvbi1kb3VibGUtdXAnLFxuICAnY29weScsXG4gICdkZXBvc2l0JyxcbiAgJ2Rvd25sb2FkJyxcbiAgJ2V5ZS1jbG9zZWQnLFxuICAnZXllLW9wZW4nLFxuICAnZXhjaGFuZ2UtcHJvdmlkZXInLFxuICAnZ3JhcGhpY3MnLFxuICAnaGFwcHktZmFjZScsXG4gICdob21lJyxcbiAgJ2luZm9ybWF0aW9uLWNpcmNsZScsXG4gICdpbnRlcm5hbC1wcm9jZXNzaW5nJyxcbiAgJ2xhbmd1YWdlJyxcbiAgJ21haWwnLFxuICAnbWVudScsXG4gICdtb25leS1pbicsXG4gICdtb25pdG9yJyxcbiAgJ21vcmUtb3B0aW9ucycsXG4gICduZXctdGFiJyxcbiAgJ25ld3MnLFxuICAnb2ZmJyxcbiAgJ29uJyxcbiAgJ3BheW91dCcsXG4gICdwbHVzJyxcbiAgJ3F1ZXN0aW9uLWNpcmNsZScsXG4gICdxdWV1ZScsXG4gICdyYXRlcycsXG4gICdyZXBvcnQnLFxuICAncmlnaHQtYW5nbGUtYXJyb3cnLFxuICAnc2VhcmNoJyxcbiAgJ3NlY3VyaXR5JyxcbiAgJ3NldHRpbmdzJyxcbiAgJ3NpZ24tb3V0JyxcbiAgJ3N0b3AnLFxuICAnc3VjY2Vzcy1jaXJjbGUnLFxuICAnc3dhcHMnLFxuICAnc3dhcHMtYXJyb3ctbGVmdCcsXG4gICdzd2Fwcy1hcnJvdy1yaWdodCcsXG4gICdzd2l0Y2gnLFxuICAndG9vbCcsXG4gICd0cmFzaCcsXG4gICd1bmxvY2snLFxuICAndW5zdWNjZXNzJyxcbiAgJ3VwZGF0ZScsXG4gICd1c2VyJyxcbiAgJ3dhcm5pbmctY2lyY2xlJ1xufVxuIiwiPHN2Zy1pY29uIFtjbGFzcy53aXRoLWhvdmVyXT1cImhvdmVySWNvblwiIGNsYXNzPVwie3tzaXplfX0ge3tpY29uU2l6ZX19XCIgW3N0eWxlLi0taWNvbi1jb2xvcl09XCJjdXN0b21JY29uQ29sb3JWYXJpYWJsZVwiXG4gICAgICAgICAgW25hbWVdPVwiaXNDb2luID8gJ2d0LWljb24tJyArIGljb25OYW1lIDogaWNvblNpemUgPyAnZ3QtaWNvbi0nICsgaWNvbk5hbWUgKyAnLScgKyBpY29uU2l6ZSA6IGljb25OYW1lXCI+PC9zdmctaWNvbj5cbiJdfQ==
99
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1pY29uL2dyYXZpdHktaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktaWNvbi9ncmF2aXR5LWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQU8vQyxNQUFNLE9BQU8sb0JBQW9CO0lBUXhCLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBZ0I7UUFDdEMsT0FBTyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksU0FBUyxDQUFDO0lBQzFDLENBQUM7SUFFTSxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQWdCO1FBQ3RDLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLFNBQVMsQ0FBQztJQUN0QyxDQUFDOytHQWRVLG9CQUFvQjttR0FBcEIsb0JBQW9CLHdOQ1BqQywrUEFFQTs7NEZES2Esb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWM7OEJBS1IsdUJBQXVCO3NCQUF0QyxLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSzs7QUFXUixNQUFNLENBQU4sSUFBWSxTQUdYO0FBSEQsV0FBWSxTQUFTO0lBQ25CLCtDQUFTLENBQUE7SUFDVCxxREFBWSxDQUFBO0FBQ2QsQ0FBQyxFQUhXLFNBQVMsS0FBVCxTQUFTLFFBR3BCO0FBRUQsTUFBTSxDQUFOLElBQVksS0E4RFg7QUE5REQsV0FBWSxLQUFLO0lBQ2YsNkNBQVksQ0FBQTtJQUNaLCtDQUFhLENBQUE7SUFDYiw2Q0FBWSxDQUFBO0lBQ1osNkNBQVksQ0FBQTtJQUNaLCtDQUFhLENBQUE7SUFDYix5Q0FBVSxDQUFBO0lBQ1YsaUNBQU0sQ0FBQTtJQUNOLHlDQUFVLENBQUE7SUFDVixtQ0FBTyxDQUFBO0lBQ1AsbUNBQU8sQ0FBQTtJQUNQLGdFQUFxQixDQUFBO0lBQ3JCLDREQUFtQixDQUFBO0lBQ25CLGtDQUFNLENBQUE7SUFDTix3Q0FBUyxDQUFBO0lBQ1QsMENBQVUsQ0FBQTtJQUNWLDhDQUFZLENBQUE7SUFDWiwwQ0FBVSxDQUFBO0lBQ1YsNERBQW1CLENBQUE7SUFDbkIsMENBQVUsQ0FBQTtJQUNWLDhDQUFZLENBQUE7SUFDWixrQ0FBTSxDQUFBO0lBQ04sOERBQW9CLENBQUE7SUFDcEIsZ0VBQXFCLENBQUE7SUFDckIsMENBQVUsQ0FBQTtJQUNWLGtDQUFNLENBQUE7SUFDTixrQ0FBTSxDQUFBO0lBQ04sMENBQVUsQ0FBQTtJQUNWLHdDQUFTLENBQUE7SUFDVCxrREFBYyxDQUFBO0lBQ2Qsd0NBQVMsQ0FBQTtJQUNULGtDQUFNLENBQUE7SUFDTixnQ0FBSyxDQUFBO0lBQ0wsOEJBQUksQ0FBQTtJQUNKLHNDQUFRLENBQUE7SUFDUixrQ0FBTSxDQUFBO0lBQ04sd0RBQWlCLENBQUE7SUFDakIsb0NBQU8sQ0FBQTtJQUNQLG9DQUFPLENBQUE7SUFDUCxzQ0FBUSxDQUFBO0lBQ1IsNERBQW1CLENBQUE7SUFDbkIsc0NBQVEsQ0FBQTtJQUNSLDBDQUFVLENBQUE7SUFDViwwQ0FBVSxDQUFBO0lBQ1YsMENBQVUsQ0FBQTtJQUNWLGtDQUFNLENBQUE7SUFDTixzREFBZ0IsQ0FBQTtJQUNoQixvQ0FBTyxDQUFBO0lBQ1AsMERBQWtCLENBQUE7SUFDbEIsNERBQW1CLENBQUE7SUFDbkIsc0NBQVEsQ0FBQTtJQUNSLGtDQUFNLENBQUE7SUFDTixvQ0FBTyxDQUFBO0lBQ1Asc0NBQVEsQ0FBQTtJQUNSLDRDQUFXLENBQUE7SUFDWCxzQ0FBUSxDQUFBO0lBQ1Isa0NBQU0sQ0FBQTtJQUNOLHNEQUFnQixDQUFBO0lBQ2hCLDREQUFtQixDQUFBO0lBQ25CLGdFQUFxQixDQUFBO0lBQ3JCLGdFQUFxQixDQUFBO0lBQ3JCLGdFQUFxQixDQUFBO0FBQ3ZCLENBQUMsRUE5RFcsS0FBSyxLQUFMLEtBQUssUUE4RGhCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktaWNvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlJY29uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIGN1c3RvbUljb25Db2xvclZhcmlhYmxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uTmFtZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaWNvblNpemU6ICdsZy0yNCcgfCAnbWQtMTYnIHwgJ3NtLTEyJyB8ICd4bC0zMic7XG4gIEBJbnB1dCgpIHB1YmxpYyBob3Zlckljb246IGJvb2xlYW47XG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiAnc20nIHwgJ21kJyB8ICdsZyc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpc0NvaW46IGJvb2xlYW47XG5cbiAgcHVibGljIHN0YXRpYyBpc09sZEljb24oaWNvbk5hbWU6IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBPTERfSUNPTlNbaWNvbk5hbWVdICE9IHVuZGVmaW5lZDtcbiAgfVxuXG4gIHB1YmxpYyBzdGF0aWMgaXNOZXdJY29uKGljb25OYW1lOiBzdHJpbmcpOiBib29sZWFuIHtcbiAgICByZXR1cm4gSUNPTlNbaWNvbk5hbWVdICE9IHVuZGVmaW5lZDtcbiAgfVxufVxuXG5leHBvcnQgZW51bSBPTERfSUNPTlMge1xuICAndW5jaGVjaycsXG4gICdhcnJvdy1iYWNrJ1xufVxuXG5leHBvcnQgZW51bSBJQ09OUyB7XG4gICdhZGQtdXBkYXRlJyxcbiAgJ2FkZHJlc3Nib29rJyxcbiAgJ2Fycm93LWRvd24nLFxuICAnYXJyb3ctbGVmdCcsXG4gICdhcnJvdy1yaWdodCcsXG4gICdhcnJvdy11cCcsXG4gICdiZWxsJyxcbiAgJ2NhbGVuZGFyJyxcbiAgJ2NoZWNrJyxcbiAgJ2Nsb2NrJyxcbiAgJ2NoZXZyb24tZG91YmxlLWRvd24nLFxuICAnY2hldnJvbi1kb3VibGUtdXAnLFxuICAnY29weScsXG4gICdkZXBvc2l0JyxcbiAgJ2Rvd25sb2FkJyxcbiAgJ2V5ZS1jbG9zZWQnLFxuICAnZXllLW9wZW4nLFxuICAnZXhjaGFuZ2UtcHJvdmlkZXInLFxuICAnZ3JhcGhpY3MnLFxuICAnaGFwcHktZmFjZScsXG4gICdob21lJyxcbiAgJ2luZm9ybWF0aW9uLWNpcmNsZScsXG4gICdpbnRlcm5hbC1wcm9jZXNzaW5nJyxcbiAgJ2xhbmd1YWdlJyxcbiAgJ21haWwnLFxuICAnbWVudScsXG4gICdtb25leS1pbicsXG4gICdtb25pdG9yJyxcbiAgJ21vcmUtb3B0aW9ucycsXG4gICduZXctdGFiJyxcbiAgJ25ld3MnLFxuICAnb2ZmJyxcbiAgJ29uJyxcbiAgJ3BheW91dCcsXG4gICdwbHVzJyxcbiAgJ3F1ZXN0aW9uLWNpcmNsZScsXG4gICdxdWV1ZScsXG4gICdyYXRlcycsXG4gICdyZXBvcnQnLFxuICAncmlnaHQtYW5nbGUtYXJyb3cnLFxuICAnc2VhcmNoJyxcbiAgJ3NlY3VyaXR5JyxcbiAgJ3NldHRpbmdzJyxcbiAgJ3NpZ24tb3V0JyxcbiAgJ3N0b3AnLFxuICAnc3VjY2Vzcy1jaXJjbGUnLFxuICAnc3dhcHMnLFxuICAnc3dhcHMtYXJyb3ctbGVmdCcsXG4gICdzd2Fwcy1hcnJvdy1yaWdodCcsXG4gICdzd2l0Y2gnLFxuICAndG9vbCcsXG4gICd0cmFzaCcsXG4gICd1bmxvY2snLFxuICAndW5zdWNjZXNzJyxcbiAgJ3VwZGF0ZScsXG4gICd1c2VyJyxcbiAgJ3dhcm5pbmctY2lyY2xlJyxcbiAgJ2hlcm8tYXZhdGFyLWFkbWluJyxcbiAgJ2hlcm8tYXZhdGFyLXJlZ3VsYXInLFxuICAnaGVyby1hdmF0YXItc3VwcG9ydCcsXG4gICdoZXJvLWF2YXRhci1ibG9ja2VkJ1xufVxuIiwiPHN2Zy1pY29uIFtjbGFzcy53aXRoLWhvdmVyXT1cImhvdmVySWNvblwiIGNsYXNzPVwie3tzaXplfX0ge3tpY29uU2l6ZX19XCIgW3N0eWxlLi0taWNvbi1jb2xvcl09XCJjdXN0b21JY29uQ29sb3JWYXJpYWJsZVwiXG4gICAgICAgICAgW25hbWVdPVwiaXNDb2luID8gJ2d0LWljb24tJyArIGljb25OYW1lIDogaWNvblNpemUgPyAnZ3QtaWNvbi0nICsgaWNvbk5hbWUgKyAnLScgKyBpY29uU2l6ZSA6IGljb25OYW1lXCI+PC9zdmctaWNvbj5cbiJdfQ==
@@ -12,14 +12,14 @@ export class GravityLinkComponent {
12
12
  this.state = 'active';
13
13
  }
14
14
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
15
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityLinkComponent, selector: "gravity-link", inputs: { linkText: "linkText", fontSize: "fontSize", link: "link", cypressTag: "cypressTag", iconName: "iconName", target: "target", iconPosition: "iconPosition", iconSize: "iconSize", state: "state" }, ngImport: i0, template: "<div class=\"gravity-link-container {{iconPosition}} {{state}}\">\n\n <a *ngIf=\"!link || !(link.startsWith('http') || link.startsWith('https'))\"\n [routerLink]=\"!link || state === 'disabled' ? null : link\"\n class=\"{{fontSize ? fontSize : 'hr-body sm-regular'}}\">\n {{linkText}}\n </a>\n\n <a *ngIf=\"link && (link.startsWith('http') || link.startsWith('https'))\"\n [href]=\"state === 'disabled' || link === '' ? null : link\" [target]=\"target\"\n class=\"{{fontSize ? fontSize : 'hr-body sm-regular'}}\">\n {{linkText}}\n </a>\n\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\"'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName\"\n [iconSize]=\"iconSize\" class=\"icon-{{iconPosition}}\">\n </gravity-icon>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-link-container{display:flex;cursor:pointer;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:flex-start;gap:var(--gravity-spacing-xxs);padding:var(--gravity-spacing-xxs)}.gravity-link-container.right{flex-direction:row}.gravity-link-container.left{flex-direction:row-reverse}.gravity-link-container.pressed{border:1px solid var(--bg-link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container.active{--link-text-color: var(--link-active-primary)}.gravity-link-container.visited{font-weight:650;--link-text-color: var(--link-visited-primary)}.gravity-link-container.disabled{--link-text-color: var(--link-disabled-primary);cursor:not-allowed}.gravity-link-container:hover:not(.disabled){background-color:var(--link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container a{border:none;width:max-content;align-items:center;display:inline-flex;justify-content:center;text-decoration:underline;color:var(--link-text-color);gap:var(--gravity-spacing-xxs);border-radius:.0625rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
15
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityLinkComponent, selector: "gravity-link", inputs: { linkText: "linkText", fontClass: "fontClass", link: "link", cypressTag: "cypressTag", iconName: "iconName", target: "target", iconPosition: "iconPosition", iconSize: "iconSize", state: "state" }, ngImport: i0, template: "<div class=\"gravity-link-container {{iconPosition}} {{state}}\">\n\n <a *ngIf=\"!link || !(link.startsWith('http') || link.startsWith('https'))\"\n [routerLink]=\"!link || state === 'disabled' ? null : link\"\n class=\"{{ fontClass ? (fontClass !== '' ? fontClass : 'hr-body sm-regular') : 'hr-body sm-regular' }}\"> \n {{linkText}}\n </a>\n\n <a *ngIf=\"link && (link.startsWith('http') || link.startsWith('https'))\"\n [href]=\"state === 'disabled' || link === '' ? null : link\" [target]=\"target\"\n class=\"{{ fontClass ? (fontClass !== '' ? fontClass : 'hr-body sm-regular') : 'hr-body sm-regular' }}\">\n {{linkText}}\n </a>\n\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\"'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName\"\n [iconSize]=\"iconSize\" class=\"icon-{{iconPosition}}\">\n </gravity-icon>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-link-container{display:flex;cursor:pointer;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:flex-start;gap:var(--gravity-spacing-xxs);padding:var(--gravity-spacing-xxs)}.gravity-link-container.right{flex-direction:row}.gravity-link-container.left{flex-direction:row-reverse}.gravity-link-container.pressed{border:1px solid var(--bg-link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container.active{--link-text-color: var(--link-active-primary)}.gravity-link-container.visited{font-weight:650;--link-text-color: var(--link-visited-primary)}.gravity-link-container.disabled{--link-text-color: var(--link-disabled-primary);cursor:not-allowed}.gravity-link-container:hover:not(.disabled){background-color:var(--link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container a{border:none;width:max-content;align-items:center;display:inline-flex;justify-content:center;text-decoration:underline;color:var(--link-text-color);gap:var(--gravity-spacing-xxs);border-radius:.0625rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
16
16
  }
17
17
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityLinkComponent, decorators: [{
18
18
  type: Component,
19
- args: [{ selector: 'gravity-link', template: "<div class=\"gravity-link-container {{iconPosition}} {{state}}\">\n\n <a *ngIf=\"!link || !(link.startsWith('http') || link.startsWith('https'))\"\n [routerLink]=\"!link || state === 'disabled' ? null : link\"\n class=\"{{fontSize ? fontSize : 'hr-body sm-regular'}}\">\n {{linkText}}\n </a>\n\n <a *ngIf=\"link && (link.startsWith('http') || link.startsWith('https'))\"\n [href]=\"state === 'disabled' || link === '' ? null : link\" [target]=\"target\"\n class=\"{{fontSize ? fontSize : 'hr-body sm-regular'}}\">\n {{linkText}}\n </a>\n\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\"'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName\"\n [iconSize]=\"iconSize\" class=\"icon-{{iconPosition}}\">\n </gravity-icon>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-link-container{display:flex;cursor:pointer;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:flex-start;gap:var(--gravity-spacing-xxs);padding:var(--gravity-spacing-xxs)}.gravity-link-container.right{flex-direction:row}.gravity-link-container.left{flex-direction:row-reverse}.gravity-link-container.pressed{border:1px solid var(--bg-link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container.active{--link-text-color: var(--link-active-primary)}.gravity-link-container.visited{font-weight:650;--link-text-color: var(--link-visited-primary)}.gravity-link-container.disabled{--link-text-color: var(--link-disabled-primary);cursor:not-allowed}.gravity-link-container:hover:not(.disabled){background-color:var(--link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container a{border:none;width:max-content;align-items:center;display:inline-flex;justify-content:center;text-decoration:underline;color:var(--link-text-color);gap:var(--gravity-spacing-xxs);border-radius:.0625rem}\n"] }]
19
+ args: [{ selector: 'gravity-link', template: "<div class=\"gravity-link-container {{iconPosition}} {{state}}\">\n\n <a *ngIf=\"!link || !(link.startsWith('http') || link.startsWith('https'))\"\n [routerLink]=\"!link || state === 'disabled' ? null : link\"\n class=\"{{ fontClass ? (fontClass !== '' ? fontClass : 'hr-body sm-regular') : 'hr-body sm-regular' }}\"> \n {{linkText}}\n </a>\n\n <a *ngIf=\"link && (link.startsWith('http') || link.startsWith('https'))\"\n [href]=\"state === 'disabled' || link === '' ? null : link\" [target]=\"target\"\n class=\"{{ fontClass ? (fontClass !== '' ? fontClass : 'hr-body sm-regular') : 'hr-body sm-regular' }}\">\n {{linkText}}\n </a>\n\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\"'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName\"\n [iconSize]=\"iconSize\" class=\"icon-{{iconPosition}}\">\n </gravity-icon>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-link-container{display:flex;cursor:pointer;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:flex-start;gap:var(--gravity-spacing-xxs);padding:var(--gravity-spacing-xxs)}.gravity-link-container.right{flex-direction:row}.gravity-link-container.left{flex-direction:row-reverse}.gravity-link-container.pressed{border:1px solid var(--bg-link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container.active{--link-text-color: var(--link-active-primary)}.gravity-link-container.visited{font-weight:650;--link-text-color: var(--link-visited-primary)}.gravity-link-container.disabled{--link-text-color: var(--link-disabled-primary);cursor:not-allowed}.gravity-link-container:hover:not(.disabled){background-color:var(--link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container a{border:none;width:max-content;align-items:center;display:inline-flex;justify-content:center;text-decoration:underline;color:var(--link-text-color);gap:var(--gravity-spacing-xxs);border-radius:.0625rem}\n"] }]
20
20
  }], propDecorators: { linkText: [{
21
21
  type: Input
22
- }], fontSize: [{
22
+ }], fontClass: [{
23
23
  type: Input
24
24
  }], link: [{
25
25
  type: Input
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
36
36
  }], state: [{
37
37
  type: Input
38
38
  }] } });
39
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1saW5rL2dyYXZpdHktbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbGluay9ncmF2aXR5LWxpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTy9DLE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFRa0IsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUdsQixXQUFNLEdBQXdCLE9BQU8sQ0FBQztRQUN0QyxpQkFBWSxHQUFxQixNQUFNLENBQUM7UUFDeEMsYUFBUSxHQUEyQyxPQUFPLENBQUM7UUFDM0QsVUFBSyxHQUFrRCxRQUFRLENBQUM7S0FDakY7K0dBVlksb0JBQW9CO21HQUFwQixvQkFBb0IsZ1FDUGpDLCsxQkFrQk07OzRGRFhPLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxjQUFjOzhCQUtSLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxNQUFNO3NCQUFyQixLQUFLO2dCQUNVLFlBQVk7c0JBQTNCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1saW5rJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktbGluay5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktbGluay5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlMaW5rQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIGxpbmtUZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBmb250U2l6ZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgbGluazogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHB1YmxpYyBjeXByZXNzVGFnOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uTmFtZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICBASW5wdXQoKSBwdWJsaWMgdGFyZ2V0IDogJ19ibGFuaycgfCAnX3NlbGYnID0gJ19zZWxmJztcbiAgQElucHV0KCkgcHVibGljIGljb25Qb3NpdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdsZWZ0JztcbiAgQElucHV0KCkgcHVibGljIGljb25TaXplIDogJ3NtLTEyJyB8ICdtZC0xNicgfCAnbGctMjQnIHwgJ3hsLTMyJyA9ICdtZC0xNic7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0ZTogJ2FjdGl2ZScgfCAndmlzaXRlZCcgfCAncHJlc3NlZCcgfCAnZGlzYWJsZWQnID0gJ2FjdGl2ZSc7XG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3Jhdml0eS1saW5rLWNvbnRhaW5lciB7e2ljb25Qb3NpdGlvbn19IHt7c3RhdGV9fVwiPlxuXG4gICAgPGEgKm5nSWY9XCIhbGluayB8fCAhKGxpbmsuc3RhcnRzV2l0aCgnaHR0cCcpIHx8IGxpbmsuc3RhcnRzV2l0aCgnaHR0cHMnKSlcIlxuICAgICAgIFtyb3V0ZXJMaW5rXT1cIiFsaW5rIHx8IHN0YXRlID09PSAnZGlzYWJsZWQnID8gbnVsbCA6IGxpbmtcIlxuICAgICAgIGNsYXNzPVwie3tmb250U2l6ZSA/IGZvbnRTaXplIDogJ2hyLWJvZHkgc20tcmVndWxhcid9fVwiPlxuICAgICAgICB7e2xpbmtUZXh0fX1cbiAgICA8L2E+XG5cbiAgICA8YSAqbmdJZj1cImxpbmsgJiYgKGxpbmsuc3RhcnRzV2l0aCgnaHR0cCcpIHx8IGxpbmsuc3RhcnRzV2l0aCgnaHR0cHMnKSlcIlxuICAgICAgIFtocmVmXT1cInN0YXRlID09PSAnZGlzYWJsZWQnIHx8IGxpbmsgPT09ICcnID8gbnVsbCA6IGxpbmtcIiBbdGFyZ2V0XT1cInRhcmdldFwiXG4gICAgICAgY2xhc3M9XCJ7e2ZvbnRTaXplID8gZm9udFNpemUgOiAnaHItYm9keSBzbS1yZWd1bGFyJ319XCI+XG4gICAgICAgIHt7bGlua1RleHR9fVxuICAgIDwvYT5cblxuICAgIDxncmF2aXR5LWljb24gW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tbGluay10ZXh0LWNvbG9yKSdcIiBbc2l6ZV09XCInbWQnXCJcbiAgICAgICAgICAgICAgICAgIFtob3Zlckljb25dPVwiZmFsc2VcIiBbaWNvbk5hbWVdPVwiaWNvbk5hbWVcIiAqbmdJZj1cImljb25OYW1lXCJcbiAgICAgICAgICAgICAgICAgIFtpY29uU2l6ZV09XCJpY29uU2l6ZVwiIGNsYXNzPVwiaWNvbi17e2ljb25Qb3NpdGlvbn19XCI+XG4gICAgPC9ncmF2aXR5LWljb24+XG48L2Rpdj4iXX0=
39
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1saW5rL2dyYXZpdHktbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbGluay9ncmF2aXR5LWxpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTy9DLE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFRa0IsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUdsQixXQUFNLEdBQXdCLE9BQU8sQ0FBQztRQUN0QyxpQkFBWSxHQUFxQixNQUFNLENBQUM7UUFDeEMsYUFBUSxHQUEyQyxPQUFPLENBQUM7UUFDM0QsVUFBSyxHQUFrRCxRQUFRLENBQUM7S0FDakY7K0dBVlksb0JBQW9CO21HQUFwQixvQkFBb0Isa1FDUGpDLDQ3QkFrQk07OzRGRFhPLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxjQUFjOzhCQUtSLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxNQUFNO3NCQUFyQixLQUFLO2dCQUNVLFlBQVk7c0JBQTNCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1saW5rJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktbGluay5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktbGluay5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlMaW5rQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIGxpbmtUZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBmb250Q2xhc3M6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGxpbms6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBwdWJsaWMgY3lwcmVzc1RhZzogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbk5hbWU6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgQElucHV0KCkgcHVibGljIHRhcmdldCA6ICdfYmxhbmsnIHwgJ19zZWxmJyA9ICdfc2VsZic7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uUG9zaXRpb246ICdsZWZ0JyB8ICdyaWdodCcgPSAnbGVmdCc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uU2l6ZSA6ICdzbS0xMicgfCAnbWQtMTYnIHwgJ2xnLTI0JyB8ICd4bC0zMicgPSAnbWQtMTYnO1xuICBASW5wdXQoKSBwdWJsaWMgc3RhdGU6ICdhY3RpdmUnIHwgJ3Zpc2l0ZWQnIHwgJ3ByZXNzZWQnIHwgJ2Rpc2FibGVkJyA9ICdhY3RpdmUnO1xufVxuIiwiPGRpdiBjbGFzcz1cImdyYXZpdHktbGluay1jb250YWluZXIge3tpY29uUG9zaXRpb259fSB7e3N0YXRlfX1cIj5cblxuICAgIDxhICpuZ0lmPVwiIWxpbmsgfHwgIShsaW5rLnN0YXJ0c1dpdGgoJ2h0dHAnKSB8fCBsaW5rLnN0YXJ0c1dpdGgoJ2h0dHBzJykpXCJcbiAgICAgICBbcm91dGVyTGlua109XCIhbGluayB8fCBzdGF0ZSA9PT0gJ2Rpc2FibGVkJyA/IG51bGwgOiBsaW5rXCJcbiAgICAgICBjbGFzcz1cInt7IGZvbnRDbGFzcyA/IChmb250Q2xhc3MgIT09ICcnID8gZm9udENsYXNzIDogJ2hyLWJvZHkgc20tcmVndWxhcicpIDogJ2hyLWJvZHkgc20tcmVndWxhcicgfX1cIj4gXG4gICAgICAgIHt7bGlua1RleHR9fVxuICAgIDwvYT5cblxuICAgIDxhICpuZ0lmPVwibGluayAmJiAobGluay5zdGFydHNXaXRoKCdodHRwJykgfHwgbGluay5zdGFydHNXaXRoKCdodHRwcycpKVwiXG4gICAgICAgW2hyZWZdPVwic3RhdGUgPT09ICdkaXNhYmxlZCcgfHwgbGluayA9PT0gJycgPyBudWxsIDogbGlua1wiIFt0YXJnZXRdPVwidGFyZ2V0XCJcbiAgICAgICBjbGFzcz1cInt7IGZvbnRDbGFzcyA/IChmb250Q2xhc3MgIT09ICcnID8gZm9udENsYXNzIDogJ2hyLWJvZHkgc20tcmVndWxhcicpIDogJ2hyLWJvZHkgc20tcmVndWxhcicgfX1cIj5cbiAgICB7e2xpbmtUZXh0fX1cbiAgICA8L2E+XG5cbiAgICA8Z3Jhdml0eS1pY29uIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLWxpbmstdGV4dC1jb2xvciknXCIgW3NpemVdPVwiJ21kJ1wiXG4gICAgICAgICAgICAgICAgICBbaG92ZXJJY29uXT1cImZhbHNlXCIgW2ljb25OYW1lXT1cImljb25OYW1lXCIgKm5nSWY9XCJpY29uTmFtZVwiXG4gICAgICAgICAgICAgICAgICBbaWNvblNpemVdPVwiaWNvblNpemVcIiBjbGFzcz1cImljb24te3tpY29uUG9zaXRpb259fVwiPlxuICAgIDwvZ3Jhdml0eS1pY29uPlxuPC9kaXY+Il19
@@ -11,6 +11,7 @@ export class GravityModalComponent {
11
11
  this.iconPosition = 'left';
12
12
  this.primaryBtnType = 'primary';
13
13
  this.secondaryBtnType = 'secondary';
14
+ this.linkFontClass = '';
14
15
  this.linkState = 'active';
15
16
  // Callbacks
16
17
  this.linkCallback = null;
@@ -23,11 +24,11 @@ export class GravityModalComponent {
23
24
  this.close.emit();
24
25
  }
25
26
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
26
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityModalComponent, selector: "gravity-modal", inputs: { title: "title", iconName: "iconName", preTitle: "preTitle", subTitle: "subTitle", isVisible: "isVisible", state: "state", primaryBtnText: "primaryBtnText", primaryBtnIcon: "primaryBtnIcon", secondaryBtnTxt: "secondaryBtnTxt", secondaryBtnIcon: "secondaryBtnIcon", iconPosition: "iconPosition", primaryBtnType: "primaryBtnType", secondaryBtnType: "secondaryBtnType", link: "link", linkText: "linkText", linkIcon: "linkIcon", linkState: "linkState", linkCallback: "linkCallback", primaryBtnCallback: "primaryBtnCallback", secondaryBtnCallback: "secondaryBtnCallback" }, outputs: { close: "close" }, ngImport: i0, template: "<div *ngIf=\"isVisible\" class=\"gravity-modal-cover\"></div>\n<div *ngIf=\"isVisible\" class=\"gravity-modal-container elevation-sm\">\n <div class=\"modal-header {{state}}\">\n <span class=\"hr-body sm-regular\" [class.span-margin]=\"iconName\">{{ preTitle }}</span>\n <div class=\"title\">\n <gravity-icon *ngIf=\"iconName\" [style.--icon-color]=\"'var(--state-color)'\"\n [size]=\"'md'\" [iconName]=\"iconName\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n </gravity-icon>\n <h1 class=\"hr-title md-bold\">{{ title }}</h1>\n </div>\n <span class=\"hr-body sm-regular\" [class.span-margin]=\"iconName\">{{ subTitle }}</span>\n <div class=\"close-button\">\n <gravity-icon [style.--icon-color]=\"'var(--text-primary)'\" [size]=\"'md'\" (click)=\"closeModal()\"\n class=\"close\" [iconName]=\"'unsuccess'\" [iconSize]=\"'md-16'\" [title]=\"'Close'\">\n </gravity-icon>\n </div>\n </div>\n <div class=\"modal-body\">\n <ng-content></ng-content>\n </div>\n <div class=\"modal-footer\">\n <gravity-button *ngIf=\"primaryBtnText || primaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"primaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"primaryBtnType\" [iconPosition]=\"iconPosition\"\n (click)=\"primaryBtnCallback?.()\">{{ primaryBtnText }}\n </gravity-button>\n <gravity-button *ngIf=\"secondaryBtnTxt || secondaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"secondaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"secondaryBtnType\" [iconPosition]=\"iconPosition\"\n (click)=\"secondaryBtnCallback?.()\">{{ secondaryBtnTxt }}\n </gravity-button>\n <gravity-link *ngIf=\"linkText || linkIcon\" [linkText]=\"linkText\" [iconName]=\"linkIcon\" (click)=\"linkCallback?.()\"\n [iconPosition]=\"iconPosition\" [state]=\"linkState\" [link]=\"link\">\n </gravity-link>\n </div>\n</div>\n\n\n", styles: [":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}.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{--state-color: --positive-primary}.gravity-modal-cover{top:0;left:0;width:100%;height:100%;z-index:999;position:fixed;opacity:var(--surface-opacity);background-color:var(--surface-tertiary)}.gravity-modal-container{top:50%;left:50%;width:100%;height:auto;z-index:1000;display:flex;position:fixed;min-width:288px;max-width:540px;align-items:center;flex-direction:column;gap:var(--gravity-spacing-sm);transform:translate(-50%,-50%);border-radius:.625rem;padding:var(--gravity-spacing-md);background-color:var(--surface-secondary)}.gravity-modal-container .modal-header{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:var(--gravity-spacing-sm);border-bottom:solid 1px var(--state-color)}.gravity-modal-container .modal-header.positive{--state-color: var(--positive-primary)}.gravity-modal-container .modal-header.negative{--state-color: var(--negative-primary)}.gravity-modal-container .modal-header.warning{--state-color: var(--alternative-primary)}.gravity-modal-container .modal-header.neutral{--state-color: var(--cta-primary)}.gravity-modal-container .modal-header .title{display:flex;align-items:center}.gravity-modal-container .modal-header .title gravity-icon{margin-right:var(--gravity-spacing-xs)}.gravity-modal-container .modal-header .close-button{cursor:pointer;position:absolute;right:var(--gravity-spacing-md);top:var(--gravity-spacing-md)}.gravity-modal-container .modal-header .span-margin{margin-left:var(--gravity-spacing-md)}.gravity-modal-container .modal-body{width:100%;overflow-y:auto;max-height:calc(80vh - 120px)}.gravity-modal-container .modal-footer{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row-reverse;gap:var(--gravity-spacing-sm);padding-top:var(--gravity-spacing-sm)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "customState", "iconPosition", "iconName", "isLoading", "showContent", "size", "type"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: i4.GravityLinkComponent, selector: "gravity-link", inputs: ["linkText", "fontSize", "link", "cypressTag", "iconName", "target", "iconPosition", "iconSize", "state"] }] }); }
27
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityModalComponent, selector: "gravity-modal", inputs: { title: "title", iconName: "iconName", preTitle: "preTitle", subTitle: "subTitle", isVisible: "isVisible", state: "state", primaryBtnText: "primaryBtnText", primaryBtnIcon: "primaryBtnIcon", secondaryBtnTxt: "secondaryBtnTxt", secondaryBtnIcon: "secondaryBtnIcon", iconPosition: "iconPosition", primaryBtnType: "primaryBtnType", secondaryBtnType: "secondaryBtnType", link: "link", linkText: "linkText", linkIcon: "linkIcon", linkFontClass: "linkFontClass", linkState: "linkState", linkCallback: "linkCallback", primaryBtnCallback: "primaryBtnCallback", secondaryBtnCallback: "secondaryBtnCallback" }, outputs: { close: "close" }, ngImport: i0, template: "<div *ngIf=\"isVisible\" class=\"gravity-modal-cover\"></div>\n<div *ngIf=\"isVisible\" class=\"gravity-modal-container elevation-sm\">\n <div class=\"modal-header {{state}}\">\n <span class=\"hr-body sm-regular\" [class.span-margin]=\"iconName\">{{ preTitle }}</span>\n <div class=\"title\">\n <gravity-icon *ngIf=\"iconName\" [style.--icon-color]=\"'var(--state-color)'\"\n [size]=\"'md'\" [iconName]=\"iconName\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n </gravity-icon>\n <h1 class=\"hr-title md-bold\">{{ title }}</h1>\n </div>\n <span class=\"hr-body sm-regular\" [class.span-margin]=\"iconName\">{{ subTitle }}</span>\n <div class=\"close-button\">\n <gravity-icon [style.--icon-color]=\"'var(--text-primary)'\" [size]=\"'md'\" (click)=\"closeModal()\"\n class=\"close\" [iconName]=\"'unsuccess'\" [iconSize]=\"'md-16'\" [title]=\"'Close'\">\n </gravity-icon>\n </div>\n </div>\n <div class=\"modal-body\">\n <ng-content></ng-content>\n </div>\n <div class=\"modal-footer\">\n <gravity-button *ngIf=\"primaryBtnText || primaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"primaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"primaryBtnType\" [iconPosition]=\"iconPosition\"\n (click)=\"primaryBtnCallback?.()\">{{ primaryBtnText }}\n </gravity-button>\n <gravity-button *ngIf=\"secondaryBtnTxt || secondaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"secondaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"secondaryBtnType\" [iconPosition]=\"iconPosition\"\n (click)=\"secondaryBtnCallback?.()\">{{ secondaryBtnTxt }}\n </gravity-button>\n <gravity-link *ngIf=\"linkText || linkIcon\" [linkText]=\"linkText\" [iconName]=\"linkIcon\" (click)=\"linkCallback?.()\"\n [iconPosition]=\"iconPosition\" [state]=\"linkState\" [link]=\"link\" [fontClass]=\"linkFontClass\">\n </gravity-link>\n </div>\n</div>\n\n\n", styles: [":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}.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{--state-color: --positive-primary}.gravity-modal-cover{top:0;left:0;width:100%;height:100%;z-index:999;position:fixed;opacity:var(--surface-opacity);background-color:var(--surface-tertiary)}.gravity-modal-container{top:50%;left:50%;width:100%;height:auto;z-index:1000;display:flex;position:fixed;min-width:288px;max-width:540px;align-items:center;flex-direction:column;gap:var(--gravity-spacing-sm);transform:translate(-50%,-50%);border-radius:.625rem;padding:var(--gravity-spacing-md);background-color:var(--surface-secondary)}.gravity-modal-container .modal-header{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:var(--gravity-spacing-sm);border-bottom:solid 1px var(--state-color)}.gravity-modal-container .modal-header.positive{--state-color: var(--positive-primary)}.gravity-modal-container .modal-header.negative{--state-color: var(--negative-primary)}.gravity-modal-container .modal-header.warning{--state-color: var(--alternative-primary)}.gravity-modal-container .modal-header.neutral{--state-color: var(--cta-primary)}.gravity-modal-container .modal-header .title{display:flex;align-items:center}.gravity-modal-container .modal-header .title gravity-icon{margin-right:var(--gravity-spacing-xs)}.gravity-modal-container .modal-header .close-button{cursor:pointer;position:absolute;right:var(--gravity-spacing-md);top:var(--gravity-spacing-md)}.gravity-modal-container .modal-header .span-margin{margin-left:var(--gravity-spacing-md)}.gravity-modal-container .modal-body{width:100%;overflow-y:auto;max-height:calc(80vh - 120px)}.gravity-modal-container .modal-footer{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row-reverse;gap:var(--gravity-spacing-sm);padding-top:var(--gravity-spacing-sm)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "customState", "iconPosition", "iconName", "isLoading", "showContent", "size", "type"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: i4.GravityLinkComponent, selector: "gravity-link", inputs: ["linkText", "fontClass", "link", "cypressTag", "iconName", "target", "iconPosition", "iconSize", "state"] }] }); }
27
28
  }
28
29
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityModalComponent, decorators: [{
29
30
  type: Component,
30
- args: [{ selector: 'gravity-modal', template: "<div *ngIf=\"isVisible\" class=\"gravity-modal-cover\"></div>\n<div *ngIf=\"isVisible\" class=\"gravity-modal-container elevation-sm\">\n <div class=\"modal-header {{state}}\">\n <span class=\"hr-body sm-regular\" [class.span-margin]=\"iconName\">{{ preTitle }}</span>\n <div class=\"title\">\n <gravity-icon *ngIf=\"iconName\" [style.--icon-color]=\"'var(--state-color)'\"\n [size]=\"'md'\" [iconName]=\"iconName\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n </gravity-icon>\n <h1 class=\"hr-title md-bold\">{{ title }}</h1>\n </div>\n <span class=\"hr-body sm-regular\" [class.span-margin]=\"iconName\">{{ subTitle }}</span>\n <div class=\"close-button\">\n <gravity-icon [style.--icon-color]=\"'var(--text-primary)'\" [size]=\"'md'\" (click)=\"closeModal()\"\n class=\"close\" [iconName]=\"'unsuccess'\" [iconSize]=\"'md-16'\" [title]=\"'Close'\">\n </gravity-icon>\n </div>\n </div>\n <div class=\"modal-body\">\n <ng-content></ng-content>\n </div>\n <div class=\"modal-footer\">\n <gravity-button *ngIf=\"primaryBtnText || primaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"primaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"primaryBtnType\" [iconPosition]=\"iconPosition\"\n (click)=\"primaryBtnCallback?.()\">{{ primaryBtnText }}\n </gravity-button>\n <gravity-button *ngIf=\"secondaryBtnTxt || secondaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"secondaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"secondaryBtnType\" [iconPosition]=\"iconPosition\"\n (click)=\"secondaryBtnCallback?.()\">{{ secondaryBtnTxt }}\n </gravity-button>\n <gravity-link *ngIf=\"linkText || linkIcon\" [linkText]=\"linkText\" [iconName]=\"linkIcon\" (click)=\"linkCallback?.()\"\n [iconPosition]=\"iconPosition\" [state]=\"linkState\" [link]=\"link\">\n </gravity-link>\n </div>\n</div>\n\n\n", styles: [":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}.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{--state-color: --positive-primary}.gravity-modal-cover{top:0;left:0;width:100%;height:100%;z-index:999;position:fixed;opacity:var(--surface-opacity);background-color:var(--surface-tertiary)}.gravity-modal-container{top:50%;left:50%;width:100%;height:auto;z-index:1000;display:flex;position:fixed;min-width:288px;max-width:540px;align-items:center;flex-direction:column;gap:var(--gravity-spacing-sm);transform:translate(-50%,-50%);border-radius:.625rem;padding:var(--gravity-spacing-md);background-color:var(--surface-secondary)}.gravity-modal-container .modal-header{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:var(--gravity-spacing-sm);border-bottom:solid 1px var(--state-color)}.gravity-modal-container .modal-header.positive{--state-color: var(--positive-primary)}.gravity-modal-container .modal-header.negative{--state-color: var(--negative-primary)}.gravity-modal-container .modal-header.warning{--state-color: var(--alternative-primary)}.gravity-modal-container .modal-header.neutral{--state-color: var(--cta-primary)}.gravity-modal-container .modal-header .title{display:flex;align-items:center}.gravity-modal-container .modal-header .title gravity-icon{margin-right:var(--gravity-spacing-xs)}.gravity-modal-container .modal-header .close-button{cursor:pointer;position:absolute;right:var(--gravity-spacing-md);top:var(--gravity-spacing-md)}.gravity-modal-container .modal-header .span-margin{margin-left:var(--gravity-spacing-md)}.gravity-modal-container .modal-body{width:100%;overflow-y:auto;max-height:calc(80vh - 120px)}.gravity-modal-container .modal-footer{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row-reverse;gap:var(--gravity-spacing-sm);padding-top:var(--gravity-spacing-sm)}\n"] }]
31
+ args: [{ selector: 'gravity-modal', template: "<div *ngIf=\"isVisible\" class=\"gravity-modal-cover\"></div>\n<div *ngIf=\"isVisible\" class=\"gravity-modal-container elevation-sm\">\n <div class=\"modal-header {{state}}\">\n <span class=\"hr-body sm-regular\" [class.span-margin]=\"iconName\">{{ preTitle }}</span>\n <div class=\"title\">\n <gravity-icon *ngIf=\"iconName\" [style.--icon-color]=\"'var(--state-color)'\"\n [size]=\"'md'\" [iconName]=\"iconName\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n </gravity-icon>\n <h1 class=\"hr-title md-bold\">{{ title }}</h1>\n </div>\n <span class=\"hr-body sm-regular\" [class.span-margin]=\"iconName\">{{ subTitle }}</span>\n <div class=\"close-button\">\n <gravity-icon [style.--icon-color]=\"'var(--text-primary)'\" [size]=\"'md'\" (click)=\"closeModal()\"\n class=\"close\" [iconName]=\"'unsuccess'\" [iconSize]=\"'md-16'\" [title]=\"'Close'\">\n </gravity-icon>\n </div>\n </div>\n <div class=\"modal-body\">\n <ng-content></ng-content>\n </div>\n <div class=\"modal-footer\">\n <gravity-button *ngIf=\"primaryBtnText || primaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"primaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"primaryBtnType\" [iconPosition]=\"iconPosition\"\n (click)=\"primaryBtnCallback?.()\">{{ primaryBtnText }}\n </gravity-button>\n <gravity-button *ngIf=\"secondaryBtnTxt || secondaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"secondaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"secondaryBtnType\" [iconPosition]=\"iconPosition\"\n (click)=\"secondaryBtnCallback?.()\">{{ secondaryBtnTxt }}\n </gravity-button>\n <gravity-link *ngIf=\"linkText || linkIcon\" [linkText]=\"linkText\" [iconName]=\"linkIcon\" (click)=\"linkCallback?.()\"\n [iconPosition]=\"iconPosition\" [state]=\"linkState\" [link]=\"link\" [fontClass]=\"linkFontClass\">\n </gravity-link>\n </div>\n</div>\n\n\n", styles: [":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}.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{--state-color: --positive-primary}.gravity-modal-cover{top:0;left:0;width:100%;height:100%;z-index:999;position:fixed;opacity:var(--surface-opacity);background-color:var(--surface-tertiary)}.gravity-modal-container{top:50%;left:50%;width:100%;height:auto;z-index:1000;display:flex;position:fixed;min-width:288px;max-width:540px;align-items:center;flex-direction:column;gap:var(--gravity-spacing-sm);transform:translate(-50%,-50%);border-radius:.625rem;padding:var(--gravity-spacing-md);background-color:var(--surface-secondary)}.gravity-modal-container .modal-header{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:var(--gravity-spacing-sm);border-bottom:solid 1px var(--state-color)}.gravity-modal-container .modal-header.positive{--state-color: var(--positive-primary)}.gravity-modal-container .modal-header.negative{--state-color: var(--negative-primary)}.gravity-modal-container .modal-header.warning{--state-color: var(--alternative-primary)}.gravity-modal-container .modal-header.neutral{--state-color: var(--cta-primary)}.gravity-modal-container .modal-header .title{display:flex;align-items:center}.gravity-modal-container .modal-header .title gravity-icon{margin-right:var(--gravity-spacing-xs)}.gravity-modal-container .modal-header .close-button{cursor:pointer;position:absolute;right:var(--gravity-spacing-md);top:var(--gravity-spacing-md)}.gravity-modal-container .modal-header .span-margin{margin-left:var(--gravity-spacing-md)}.gravity-modal-container .modal-body{width:100%;overflow-y:auto;max-height:calc(80vh - 120px)}.gravity-modal-container .modal-footer{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row-reverse;gap:var(--gravity-spacing-sm);padding-top:var(--gravity-spacing-sm)}\n"] }]
31
32
  }], propDecorators: { title: [{
32
33
  type: Input
33
34
  }], iconName: [{
@@ -60,6 +61,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
60
61
  type: Input
61
62
  }], linkIcon: [{
62
63
  type: Input
64
+ }], linkFontClass: [{
65
+ type: Input
63
66
  }], linkState: [{
64
67
  type: Input
65
68
  }], linkCallback: [{
@@ -71,4 +74,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
71
74
  }], close: [{
72
75
  type: Output
73
76
  }] } });
74
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbW9kYWwvZ3Jhdml0eS1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbW9kYWwvZ3Jhdml0eS1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFPckUsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQVdrQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLFVBQUssR0FBb0QsVUFBVSxDQUFDO1FBTXBFLGlCQUFZLEdBQXNCLE1BQU0sQ0FBQztRQUN6QyxtQkFBYyxHQUFnRixTQUFTLENBQUM7UUFDeEcscUJBQWdCLEdBQWdGLFdBQVcsQ0FBQztRQUs1RyxjQUFTLEdBQWtELFFBQVEsQ0FBQztRQUNwRixZQUFZO1FBQ0gsaUJBQVksR0FBd0IsSUFBSSxDQUFDO1FBQ3pDLHVCQUFrQixHQUF3QixJQUFJLENBQUM7UUFDL0MseUJBQW9CLEdBQXdCLElBQUksQ0FBQztRQUVoRCxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQU14QixZQUFPLEdBQUcsT0FBTyxDQUFDO0tBQ3RDO0lBTEMsVUFBVTtRQUNSLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDcEIsQ0FBQzsrR0E5QlUscUJBQXFCO21HQUFyQixxQkFBcUIsb3BCQ1BsQyw4akVBb0NBOzs0RkQ3QmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGVBQWU7OEJBTVQsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBRVUsY0FBYztzQkFBN0IsS0FBSztnQkFDVSxjQUFjO3NCQUE3QixLQUFLO2dCQUNVLGVBQWU7c0JBQTlCLEtBQUs7Z0JBQ1UsZ0JBQWdCO3NCQUEvQixLQUFLO2dCQUNVLFlBQVk7c0JBQTNCLEtBQUs7Z0JBQ1UsY0FBYztzQkFBN0IsS0FBSztnQkFDVSxnQkFBZ0I7c0JBQS9CLEtBQUs7Z0JBRVUsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFFRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBRUksS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktbW9kYWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktbW9kYWwuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5TW9kYWxDb21wb25lbnQge1xuICAvLyBDb21wb25lbnQgcHJvcGVydGllc1xuICBASW5wdXQoKSBwdWJsaWMgdGl0bGU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGljb25OYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBwcmVUaXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgc3ViVGl0bGU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGlzVmlzaWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBwdWJsaWMgc3RhdGU6ICdwb3NpdGl2ZScgfCAnbmVnYXRpdmUnIHwgJ3dhcm5pbmcnIHwgJ25ldXRyYWwnID0gJ3Bvc2l0aXZlJztcbiAgLy8gQnV0dG9ucyBwcm9wZXJ0aWVzXG4gIEBJbnB1dCgpIHB1YmxpYyBwcmltYXJ5QnRuVGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgcHJpbWFyeUJ0bkljb246IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHNlY29uZGFyeUJ0blR4dDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgc2Vjb25kYXJ5QnRuSWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaWNvblBvc2l0aW9uIDogJ3JpZ2h0JyB8ICdsZWZ0JyA9ICdsZWZ0JztcbiAgQElucHV0KCkgcHVibGljIHByaW1hcnlCdG5UeXBlOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICd0ZXJ0aWFyeScgfCAncG9zaXRpdmUnIHwgJ25lZ2F0aXZlJyB8ICdkaXNhYmxlZCcgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzZWNvbmRhcnlCdG5UeXBlOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICd0ZXJ0aWFyeScgfCAncG9zaXRpdmUnIHwgJ25lZ2F0aXZlJyB8ICdkaXNhYmxlZCcgPSAnc2Vjb25kYXJ5JztcbiAgLy8gTGluayBwcm9wZXJ0aWVzXG4gIEBJbnB1dCgpIHB1YmxpYyBsaW5rOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBsaW5rVGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgbGlua0ljb246IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGxpbmtTdGF0ZTogJ2FjdGl2ZScgfCAndmlzaXRlZCcgfCAncHJlc3NlZCcgfCAnZGlzYWJsZWQnID0gJ2FjdGl2ZSc7XG4gIC8vIENhbGxiYWNrc1xuICBASW5wdXQoKSBsaW5rQ2FsbGJhY2s6ICgoKSA9PiB2b2lkKSB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBwcmltYXJ5QnRuQ2FsbGJhY2s6ICgoKSA9PiB2b2lkKSB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBzZWNvbmRhcnlCdG5DYWxsYmFjazogKCgpID0+IHZvaWQpIHwgbnVsbCA9IG51bGw7XG5cbiAgQE91dHB1dCgpIGNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNsb3NlTW9kYWwoKSB7XG4gICAgdGhpcy5jbG9zZS5lbWl0KCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgb25jbG9zZSA9IG9uY2xvc2U7XG59XG4iLCI8ZGl2ICpuZ0lmPVwiaXNWaXNpYmxlXCIgY2xhc3M9XCJncmF2aXR5LW1vZGFsLWNvdmVyXCI+PC9kaXY+XG48ZGl2ICpuZ0lmPVwiaXNWaXNpYmxlXCIgY2xhc3M9XCJncmF2aXR5LW1vZGFsLWNvbnRhaW5lciBlbGV2YXRpb24tc21cIj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyIHt7c3RhdGV9fVwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImhyLWJvZHkgc20tcmVndWxhclwiIFtjbGFzcy5zcGFuLW1hcmdpbl09XCJpY29uTmFtZVwiPnt7IHByZVRpdGxlIH19PC9zcGFuPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj5cbiAgICAgICAgICAgIDxncmF2aXR5LWljb24gKm5nSWY9XCJpY29uTmFtZVwiIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLXN0YXRlLWNvbG9yKSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCInbWQnXCIgW2ljb25OYW1lXT1cImljb25OYW1lXCIgW2ljb25TaXplXT1cIidtZC0xNidcIiBjbGFzcz1cImljb24tbGVmdFwiPlxuICAgICAgICAgICAgPC9ncmF2aXR5LWljb24+XG4gICAgICAgICAgICA8aDEgY2xhc3M9XCJoci10aXRsZSBtZC1ib2xkXCI+e3sgdGl0bGUgfX08L2gxPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJoci1ib2R5IHNtLXJlZ3VsYXJcIiBbY2xhc3Muc3Bhbi1tYXJnaW5dPVwiaWNvbk5hbWVcIj57eyBzdWJUaXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNsb3NlLWJ1dHRvblwiPlxuICAgICAgICAgICAgPGdyYXZpdHktaWNvbiAgW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tdGV4dC1wcmltYXJ5KSdcIiBbc2l6ZV09XCInbWQnXCIgKGNsaWNrKT1cImNsb3NlTW9kYWwoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImNsb3NlXCIgW2ljb25OYW1lXT1cIid1bnN1Y2Nlc3MnXCIgIFtpY29uU2l6ZV09XCInbWQtMTYnXCIgW3RpdGxlXT1cIidDbG9zZSdcIj5cbiAgICAgICAgICAgIDwvZ3Jhdml0eS1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWZvb3RlclwiPlxuICAgICAgICA8Z3Jhdml0eS1idXR0b24gKm5nSWY9XCJwcmltYXJ5QnRuVGV4dCB8fCBwcmltYXJ5QnRuSWNvblwiIFtjdXN0b21TdGF0ZV09XCInYWN0aXZlJ1wiIFtpY29uTmFtZV09XCJwcmltYXJ5QnRuSWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCInc20nXCIgW3R5cGVdPVwicHJpbWFyeUJ0blR5cGVcIiBbaWNvblBvc2l0aW9uXT1cImljb25Qb3NpdGlvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwicHJpbWFyeUJ0bkNhbGxiYWNrPy4oKVwiPnt7IHByaW1hcnlCdG5UZXh0IH19XG4gICAgICAgIDwvZ3Jhdml0eS1idXR0b24+XG4gICAgICAgIDxncmF2aXR5LWJ1dHRvbiAqbmdJZj1cInNlY29uZGFyeUJ0blR4dCB8fCBzZWNvbmRhcnlCdG5JY29uXCIgW2N1c3RvbVN0YXRlXT1cIidhY3RpdmUnXCIgW2ljb25OYW1lXT1cInNlY29uZGFyeUJ0bkljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3NpemVdPVwiJ3NtJ1wiIFt0eXBlXT1cInNlY29uZGFyeUJ0blR5cGVcIiAgW2ljb25Qb3NpdGlvbl09XCJpY29uUG9zaXRpb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInNlY29uZGFyeUJ0bkNhbGxiYWNrPy4oKVwiPnt7IHNlY29uZGFyeUJ0blR4dCB9fVxuICAgICAgICA8L2dyYXZpdHktYnV0dG9uPlxuICAgICAgICA8Z3Jhdml0eS1saW5rICpuZ0lmPVwibGlua1RleHQgfHwgbGlua0ljb25cIiBbbGlua1RleHRdPVwibGlua1RleHRcIiBbaWNvbk5hbWVdPVwibGlua0ljb25cIiAoY2xpY2spPVwibGlua0NhbGxiYWNrPy4oKVwiXG4gICAgICAgICAgICAgICAgICAgICAgW2ljb25Qb3NpdGlvbl09XCJpY29uUG9zaXRpb25cIiBbc3RhdGVdPVwibGlua1N0YXRlXCIgW2xpbmtdPVwibGlua1wiPlxuICAgICAgICA8L2dyYXZpdHktbGluaz5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuXG5cbiJdfQ==
77
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbW9kYWwvZ3Jhdml0eS1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbW9kYWwvZ3Jhdml0eS1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFPckUsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQVdrQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLFVBQUssR0FBb0QsVUFBVSxDQUFDO1FBTXBFLGlCQUFZLEdBQXNCLE1BQU0sQ0FBQztRQUN6QyxtQkFBYyxHQUFnRixTQUFTLENBQUM7UUFDeEcscUJBQWdCLEdBQWdGLFdBQVcsQ0FBQztRQUs1RyxrQkFBYSxHQUFVLEVBQUUsQ0FBQztRQUMxQixjQUFTLEdBQWtELFFBQVEsQ0FBQztRQUNwRixZQUFZO1FBQ0gsaUJBQVksR0FBd0IsSUFBSSxDQUFDO1FBQ3pDLHVCQUFrQixHQUF3QixJQUFJLENBQUM7UUFDL0MseUJBQW9CLEdBQXdCLElBQUksQ0FBQztRQUVoRCxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQU14QixZQUFPLEdBQUcsT0FBTyxDQUFDO0tBQ3RDO0lBTEMsVUFBVTtRQUNSLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDcEIsQ0FBQzsrR0EvQlUscUJBQXFCO21HQUFyQixxQkFBcUIsb3JCQ1BsQyw0bEVBb0NBOzs0RkQ3QmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGVBQWU7OEJBTVQsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBRVUsY0FBYztzQkFBN0IsS0FBSztnQkFDVSxjQUFjO3NCQUE3QixLQUFLO2dCQUNVLGVBQWU7c0JBQTlCLEtBQUs7Z0JBQ1UsZ0JBQWdCO3NCQUEvQixLQUFLO2dCQUNVLFlBQVk7c0JBQTNCLEtBQUs7Z0JBQ1UsY0FBYztzQkFBN0IsS0FBSztnQkFDVSxnQkFBZ0I7c0JBQS9CLEtBQUs7Z0JBRVUsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsYUFBYTtzQkFBNUIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUVHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFFSSxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1tb2RhbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1tb2RhbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlNb2RhbENvbXBvbmVudCB7XG4gIC8vIENvbXBvbmVudCBwcm9wZXJ0aWVzXG4gIEBJbnB1dCgpIHB1YmxpYyB0aXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbk5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHByZVRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdWJUaXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaXNWaXNpYmxlOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0ZTogJ3Bvc2l0aXZlJyB8ICduZWdhdGl2ZScgfCAnd2FybmluZycgfCAnbmV1dHJhbCcgPSAncG9zaXRpdmUnO1xuICAvLyBCdXR0b25zIHByb3BlcnRpZXNcbiAgQElucHV0KCkgcHVibGljIHByaW1hcnlCdG5UZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBwcmltYXJ5QnRuSWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgc2Vjb25kYXJ5QnRuVHh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzZWNvbmRhcnlCdG5JY29uOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uUG9zaXRpb24gOiAncmlnaHQnIHwgJ2xlZnQnID0gJ2xlZnQnO1xuICBASW5wdXQoKSBwdWJsaWMgcHJpbWFyeUJ0blR5cGU6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5JyB8ICdwb3NpdGl2ZScgfCAnbmVnYXRpdmUnIHwgJ2Rpc2FibGVkJyA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgcHVibGljIHNlY29uZGFyeUJ0blR5cGU6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5JyB8ICdwb3NpdGl2ZScgfCAnbmVnYXRpdmUnIHwgJ2Rpc2FibGVkJyA9ICdzZWNvbmRhcnknO1xuICAvLyBMaW5rIHByb3BlcnRpZXNcbiAgQElucHV0KCkgcHVibGljIGxpbms6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGxpbmtUZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBsaW5rSWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgbGlua0ZvbnRDbGFzczogc3RyaW5nID0nJztcbiAgQElucHV0KCkgcHVibGljIGxpbmtTdGF0ZTogJ2FjdGl2ZScgfCAndmlzaXRlZCcgfCAncHJlc3NlZCcgfCAnZGlzYWJsZWQnID0gJ2FjdGl2ZSc7XG4gIC8vIENhbGxiYWNrc1xuICBASW5wdXQoKSBsaW5rQ2FsbGJhY2s6ICgoKSA9PiB2b2lkKSB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBwcmltYXJ5QnRuQ2FsbGJhY2s6ICgoKSA9PiB2b2lkKSB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBzZWNvbmRhcnlCdG5DYWxsYmFjazogKCgpID0+IHZvaWQpIHwgbnVsbCA9IG51bGw7XG5cbiAgQE91dHB1dCgpIGNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNsb3NlTW9kYWwoKSB7XG4gICAgdGhpcy5jbG9zZS5lbWl0KCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgb25jbG9zZSA9IG9uY2xvc2U7XG59XG4iLCI8ZGl2ICpuZ0lmPVwiaXNWaXNpYmxlXCIgY2xhc3M9XCJncmF2aXR5LW1vZGFsLWNvdmVyXCI+PC9kaXY+XG48ZGl2ICpuZ0lmPVwiaXNWaXNpYmxlXCIgY2xhc3M9XCJncmF2aXR5LW1vZGFsLWNvbnRhaW5lciBlbGV2YXRpb24tc21cIj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyIHt7c3RhdGV9fVwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImhyLWJvZHkgc20tcmVndWxhclwiIFtjbGFzcy5zcGFuLW1hcmdpbl09XCJpY29uTmFtZVwiPnt7IHByZVRpdGxlIH19PC9zcGFuPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj5cbiAgICAgICAgICAgIDxncmF2aXR5LWljb24gKm5nSWY9XCJpY29uTmFtZVwiIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLXN0YXRlLWNvbG9yKSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCInbWQnXCIgW2ljb25OYW1lXT1cImljb25OYW1lXCIgW2ljb25TaXplXT1cIidtZC0xNidcIiBjbGFzcz1cImljb24tbGVmdFwiPlxuICAgICAgICAgICAgPC9ncmF2aXR5LWljb24+XG4gICAgICAgICAgICA8aDEgY2xhc3M9XCJoci10aXRsZSBtZC1ib2xkXCI+e3sgdGl0bGUgfX08L2gxPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJoci1ib2R5IHNtLXJlZ3VsYXJcIiBbY2xhc3Muc3Bhbi1tYXJnaW5dPVwiaWNvbk5hbWVcIj57eyBzdWJUaXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNsb3NlLWJ1dHRvblwiPlxuICAgICAgICAgICAgPGdyYXZpdHktaWNvbiAgW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tdGV4dC1wcmltYXJ5KSdcIiBbc2l6ZV09XCInbWQnXCIgKGNsaWNrKT1cImNsb3NlTW9kYWwoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImNsb3NlXCIgW2ljb25OYW1lXT1cIid1bnN1Y2Nlc3MnXCIgIFtpY29uU2l6ZV09XCInbWQtMTYnXCIgW3RpdGxlXT1cIidDbG9zZSdcIj5cbiAgICAgICAgICAgIDwvZ3Jhdml0eS1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWZvb3RlclwiPlxuICAgICAgICA8Z3Jhdml0eS1idXR0b24gKm5nSWY9XCJwcmltYXJ5QnRuVGV4dCB8fCBwcmltYXJ5QnRuSWNvblwiIFtjdXN0b21TdGF0ZV09XCInYWN0aXZlJ1wiIFtpY29uTmFtZV09XCJwcmltYXJ5QnRuSWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCInc20nXCIgW3R5cGVdPVwicHJpbWFyeUJ0blR5cGVcIiBbaWNvblBvc2l0aW9uXT1cImljb25Qb3NpdGlvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwicHJpbWFyeUJ0bkNhbGxiYWNrPy4oKVwiPnt7IHByaW1hcnlCdG5UZXh0IH19XG4gICAgICAgIDwvZ3Jhdml0eS1idXR0b24+XG4gICAgICAgIDxncmF2aXR5LWJ1dHRvbiAqbmdJZj1cInNlY29uZGFyeUJ0blR4dCB8fCBzZWNvbmRhcnlCdG5JY29uXCIgW2N1c3RvbVN0YXRlXT1cIidhY3RpdmUnXCIgW2ljb25OYW1lXT1cInNlY29uZGFyeUJ0bkljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3NpemVdPVwiJ3NtJ1wiIFt0eXBlXT1cInNlY29uZGFyeUJ0blR5cGVcIiAgW2ljb25Qb3NpdGlvbl09XCJpY29uUG9zaXRpb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInNlY29uZGFyeUJ0bkNhbGxiYWNrPy4oKVwiPnt7IHNlY29uZGFyeUJ0blR4dCB9fVxuICAgICAgICA8L2dyYXZpdHktYnV0dG9uPlxuICAgICAgICA8Z3Jhdml0eS1saW5rICpuZ0lmPVwibGlua1RleHQgfHwgbGlua0ljb25cIiBbbGlua1RleHRdPVwibGlua1RleHRcIiBbaWNvbk5hbWVdPVwibGlua0ljb25cIiAoY2xpY2spPVwibGlua0NhbGxiYWNrPy4oKVwiXG4gICAgICAgICAgICAgICAgICAgICAgW2ljb25Qb3NpdGlvbl09XCJpY29uUG9zaXRpb25cIiBbc3RhdGVdPVwibGlua1N0YXRlXCIgW2xpbmtdPVwibGlua1wiIFtmb250Q2xhc3NdPVwibGlua0ZvbnRDbGFzc1wiPlxuICAgICAgICA8L2dyYXZpdHktbGluaz5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuXG5cbiJdfQ==
@@ -8,17 +8,18 @@ export class GravityNavigationCardComponent {
8
8
  this.size = 'sm';
9
9
  this.state = 'active';
10
10
  this.statusIndicator = 'neutro';
11
+ this.fullWidth = false;
11
12
  this.navigatorCardClicked = new EventEmitter();
12
13
  }
13
14
  onNavigationCardClick() {
14
15
  this.navigatorCardClicked.emit();
15
16
  }
16
17
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNavigationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
17
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNavigationCardComponent, selector: "gravity-navigation-card", inputs: { size: "size", state: "state", statusIndicator: "statusIndicator", title: "title", iconName: "iconName", actionText: "actionText", description: "description", statusIndicatorText: "statusIndicatorText", statusIndicatorIcon: "statusIndicatorIcon" }, outputs: { navigatorCardClicked: "navigatorCardClicked" }, ngImport: i0, template: "<div class=\"gravity-navigation-card {{size}} {{state}}\" (click)=\"onNavigationCardClick()\">\n <div class=\"information-content\">\n <div class=\"icon-wrapper\">\n <gravity-icon [style.--icon-color]=\"'var(--navigation-card-icon-color)'\"\n [iconName]=\"iconName\" [size]=\"'lg'\" [iconSize]=\"'lg-24'\">\n </gravity-icon>\n </div>\n <div class=\"text-content\">\n <h1 class=\"hr-title md-bold\">{{title}}</h1>\n <p class=\"hr-body md-regular\">{{description}}</p>\n </div>\n </div>\n <div class=\"action-section\">\n <gravity-status-indicator *ngIf=\"size === 'sm'\" [status]=\"statusIndicator\" [text]=\"statusIndicatorText\" [icon]=\"statusIndicatorIcon\"></gravity-status-indicator>\n <p class=\"hr-body md-regular\">{{actionText}}</p>\n <gravity-icon *ngIf=\"!(state === 'readonly')\" [style.--icon-color]=\"'var(--text-primary)'\"\n [iconName]=\"'arrow-right'\" [size]=\"'sm'\" [iconSize]=\"'sm-12'\">\n </gravity-icon>\n </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:root{--gravity-spacing-none: 0;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.gravity-navigation-card{display:flex;cursor:pointer;flex-direction:column;align-items:flex-start;border-radius:.3125rem;background:var(--surface-secondary);--navigation-card-icon-color: var(--text-primary);border:1.5px solid var(--outline-button-active-secondary)}.gravity-navigation-card:not(.sm):not(.readonly):hover{border:1.5px solid var(--bg-button-active-primary)}.gravity-navigation-card .information-content{display:flex;align-items:center;align-self:stretch;gap:var(--gravity-spacing-xs)}.gravity-navigation-card .information-content .text-content{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);gap:var(--gravity-spacing-sm)}.gravity-navigation-card .information-content .text-content h1{height:14px}.gravity-navigation-card .information-content .icon-wrapper{display:flex;align-items:flex-start;gap:var(--gravity-spacing-xs);padding:var(--gravity-spacing-sm);background:var(--surface-primary);border-radius:6.25rem;border:1px solid var(--surface-primary)}.gravity-navigation-card .action-section{display:flex;align-self:stretch;align-items:center;justify-content:flex-end}.gravity-navigation-card .action-section p{margin-right:var(--gravity-spacing-sm)}.gravity-navigation-card .action-section gravity-icon,.gravity-navigation-card .action-section p{color:var(--text-primary)}.gravity-navigation-card .action-section gravity-status-indicator{margin-right:var(--gravity-spacing-xs)}.gravity-navigation-card.sm{width:560px;min-width:304px;gap:var(--gravity-spacing-xxxl);padding:var(--gravity-spacing-sm)}.gravity-navigation-card.md{width:100%;display:flex;min-width:780px;flex-direction:row;justify-content:space-between;padding:var(--gravity-spacing-md);border:1.5px solid var(--surface-secondary)}.gravity-navigation-card.md .information-content{height:56px;gap:var(--gravity-spacing-sm)}.gravity-navigation-card.md .information-content .icon-wrapper{background:var(--surface-primary);border-radius:6.25rem}.gravity-navigation-card.pressed{background:var(--surface-primary);border:1.5px solid var(--surface-primary)}.gravity-navigation-card.pressed .information-content .icon-wrapper{background:var(--surface-secondary)}.gravity-navigation-card.readonly{cursor:default;background:var(--bg-disabled);border:1.5px solid var(--bg-disabled);--navigation-card-icon-color: var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .text-content{color:var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .icon-wrapper{background:none;border:1px solid var(--on-bg-disabled)}.gravity-navigation-card.readonly .action-section p{color:var(--on-bg-disabled)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: i3.GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "size", "type", "status"] }] }); }
18
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNavigationCardComponent, selector: "gravity-navigation-card", inputs: { size: "size", state: "state", statusIndicator: "statusIndicator", title: "title", iconName: "iconName", actionText: "actionText", description: "description", fullWidth: "fullWidth", statusIndicatorText: "statusIndicatorText", statusIndicatorIcon: "statusIndicatorIcon" }, outputs: { navigatorCardClicked: "navigatorCardClicked" }, ngImport: i0, template: "<div class=\"gravity-navigation-card {{size}} {{state}}\" [class.full-width]=\"fullWidth\" (click)=\"onNavigationCardClick()\">\n <div class=\"information-content\">\n <div *ngIf=\"iconName && iconName !== ''\" class=\"icon-wrapper\">\n <gravity-icon [style.--icon-color]=\"'var(--navigation-card-icon-color)'\"\n [iconName]=\"iconName\" [size]=\"'lg'\" [iconSize]=\"'lg-24'\">\n </gravity-icon>\n </div>\n <div class=\"text-content\">\n <h1 class=\"hr-title md-bold\">{{title}}</h1>\n <p class=\"hr-body md-regular\">{{description}}</p>\n </div>\n </div>\n <div class=\"action-section\">\n <gravity-status-indicator *ngIf=\"size === 'md'\" [status]=\"statusIndicator\" [text]=\"statusIndicatorText\" [icon]=\"statusIndicatorIcon\"></gravity-status-indicator>\n <p class=\"hr-body md-regular\">{{actionText}}</p>\n <gravity-icon *ngIf=\"!(state === 'readonly')\" [style.--icon-color]=\"'var(--text-primary)'\"\n [iconName]=\"'arrow-right'\" [size]=\"'sm'\" [iconSize]=\"'sm-12'\">\n </gravity-icon>\n </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:root{--gravity-spacing-none: 0;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.gravity-navigation-card{display:flex;cursor:pointer;flex-direction:column;align-items:flex-start;border-radius:.3125rem;background:var(--surface-secondary);--navigation-card-icon-color: var(--text-primary);border:1.5px solid var(--outline-button-active-secondary)}.gravity-navigation-card:not(.sm):not(.readonly):hover{border:1.5px solid var(--bg-button-active-primary)}.gravity-navigation-card .information-content{display:flex;align-items:center;align-self:stretch;gap:var(--gravity-spacing-xs)}.gravity-navigation-card .information-content .text-content{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);gap:var(--gravity-spacing-xxs)}.gravity-navigation-card .information-content .icon-wrapper{width:56px;height:56px;display:flex;align-items:center;border-radius:6.25rem;justify-content:center;gap:var(--gravity-spacing-xs);background:var(--surface-primary);padding:var(--gravity-spacing-sm);border:1px solid var(--surface-primary)}.gravity-navigation-card .action-section{display:flex;align-self:stretch;align-items:center;justify-content:flex-end}.gravity-navigation-card .action-section p{margin-right:var(--gravity-spacing-sm)}.gravity-navigation-card .action-section gravity-icon,.gravity-navigation-card .action-section p{color:var(--text-primary)}.gravity-navigation-card .action-section gravity-status-indicator{margin-right:var(--gravity-spacing-xs)}.gravity-navigation-card.sm{width:560px;height:176px;min-width:304px;gap:var(--gravity-spacing-xxxl);padding:var(--gravity-spacing-sm)}.gravity-navigation-card.sm.full-width{width:100%}.gravity-navigation-card.md{width:100%;display:flex;min-width:780px;flex-direction:row;justify-content:space-between;padding:var(--gravity-spacing-md);border:1.5px solid var(--surface-secondary)}.gravity-navigation-card.md .information-content{height:56px;gap:var(--gravity-spacing-sm)}.gravity-navigation-card.md .information-content .icon-wrapper{background:var(--surface-primary);border-radius:6.25rem}.gravity-navigation-card.pressed{background:var(--surface-primary);border:1.5px solid var(--surface-primary)}.gravity-navigation-card.pressed .information-content .icon-wrapper{background:var(--surface-secondary)}.gravity-navigation-card.readonly{cursor:default;background:var(--bg-disabled);border:1.5px solid var(--bg-disabled);--navigation-card-icon-color: var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .text-content{color:var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .icon-wrapper{background:none;border:1px solid var(--on-bg-disabled)}.gravity-navigation-card.readonly .action-section p{color:var(--on-bg-disabled)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: i3.GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "size", "type", "status"] }] }); }
18
19
  }
19
20
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNavigationCardComponent, decorators: [{
20
21
  type: Component,
21
- args: [{ selector: 'gravity-navigation-card', template: "<div class=\"gravity-navigation-card {{size}} {{state}}\" (click)=\"onNavigationCardClick()\">\n <div class=\"information-content\">\n <div class=\"icon-wrapper\">\n <gravity-icon [style.--icon-color]=\"'var(--navigation-card-icon-color)'\"\n [iconName]=\"iconName\" [size]=\"'lg'\" [iconSize]=\"'lg-24'\">\n </gravity-icon>\n </div>\n <div class=\"text-content\">\n <h1 class=\"hr-title md-bold\">{{title}}</h1>\n <p class=\"hr-body md-regular\">{{description}}</p>\n </div>\n </div>\n <div class=\"action-section\">\n <gravity-status-indicator *ngIf=\"size === 'sm'\" [status]=\"statusIndicator\" [text]=\"statusIndicatorText\" [icon]=\"statusIndicatorIcon\"></gravity-status-indicator>\n <p class=\"hr-body md-regular\">{{actionText}}</p>\n <gravity-icon *ngIf=\"!(state === 'readonly')\" [style.--icon-color]=\"'var(--text-primary)'\"\n [iconName]=\"'arrow-right'\" [size]=\"'sm'\" [iconSize]=\"'sm-12'\">\n </gravity-icon>\n </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:root{--gravity-spacing-none: 0;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.gravity-navigation-card{display:flex;cursor:pointer;flex-direction:column;align-items:flex-start;border-radius:.3125rem;background:var(--surface-secondary);--navigation-card-icon-color: var(--text-primary);border:1.5px solid var(--outline-button-active-secondary)}.gravity-navigation-card:not(.sm):not(.readonly):hover{border:1.5px solid var(--bg-button-active-primary)}.gravity-navigation-card .information-content{display:flex;align-items:center;align-self:stretch;gap:var(--gravity-spacing-xs)}.gravity-navigation-card .information-content .text-content{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);gap:var(--gravity-spacing-sm)}.gravity-navigation-card .information-content .text-content h1{height:14px}.gravity-navigation-card .information-content .icon-wrapper{display:flex;align-items:flex-start;gap:var(--gravity-spacing-xs);padding:var(--gravity-spacing-sm);background:var(--surface-primary);border-radius:6.25rem;border:1px solid var(--surface-primary)}.gravity-navigation-card .action-section{display:flex;align-self:stretch;align-items:center;justify-content:flex-end}.gravity-navigation-card .action-section p{margin-right:var(--gravity-spacing-sm)}.gravity-navigation-card .action-section gravity-icon,.gravity-navigation-card .action-section p{color:var(--text-primary)}.gravity-navigation-card .action-section gravity-status-indicator{margin-right:var(--gravity-spacing-xs)}.gravity-navigation-card.sm{width:560px;min-width:304px;gap:var(--gravity-spacing-xxxl);padding:var(--gravity-spacing-sm)}.gravity-navigation-card.md{width:100%;display:flex;min-width:780px;flex-direction:row;justify-content:space-between;padding:var(--gravity-spacing-md);border:1.5px solid var(--surface-secondary)}.gravity-navigation-card.md .information-content{height:56px;gap:var(--gravity-spacing-sm)}.gravity-navigation-card.md .information-content .icon-wrapper{background:var(--surface-primary);border-radius:6.25rem}.gravity-navigation-card.pressed{background:var(--surface-primary);border:1.5px solid var(--surface-primary)}.gravity-navigation-card.pressed .information-content .icon-wrapper{background:var(--surface-secondary)}.gravity-navigation-card.readonly{cursor:default;background:var(--bg-disabled);border:1.5px solid var(--bg-disabled);--navigation-card-icon-color: var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .text-content{color:var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .icon-wrapper{background:none;border:1px solid var(--on-bg-disabled)}.gravity-navigation-card.readonly .action-section p{color:var(--on-bg-disabled)}\n"] }]
22
+ args: [{ selector: 'gravity-navigation-card', template: "<div class=\"gravity-navigation-card {{size}} {{state}}\" [class.full-width]=\"fullWidth\" (click)=\"onNavigationCardClick()\">\n <div class=\"information-content\">\n <div *ngIf=\"iconName && iconName !== ''\" class=\"icon-wrapper\">\n <gravity-icon [style.--icon-color]=\"'var(--navigation-card-icon-color)'\"\n [iconName]=\"iconName\" [size]=\"'lg'\" [iconSize]=\"'lg-24'\">\n </gravity-icon>\n </div>\n <div class=\"text-content\">\n <h1 class=\"hr-title md-bold\">{{title}}</h1>\n <p class=\"hr-body md-regular\">{{description}}</p>\n </div>\n </div>\n <div class=\"action-section\">\n <gravity-status-indicator *ngIf=\"size === 'md'\" [status]=\"statusIndicator\" [text]=\"statusIndicatorText\" [icon]=\"statusIndicatorIcon\"></gravity-status-indicator>\n <p class=\"hr-body md-regular\">{{actionText}}</p>\n <gravity-icon *ngIf=\"!(state === 'readonly')\" [style.--icon-color]=\"'var(--text-primary)'\"\n [iconName]=\"'arrow-right'\" [size]=\"'sm'\" [iconSize]=\"'sm-12'\">\n </gravity-icon>\n </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:root{--gravity-spacing-none: 0;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.gravity-navigation-card{display:flex;cursor:pointer;flex-direction:column;align-items:flex-start;border-radius:.3125rem;background:var(--surface-secondary);--navigation-card-icon-color: var(--text-primary);border:1.5px solid var(--outline-button-active-secondary)}.gravity-navigation-card:not(.sm):not(.readonly):hover{border:1.5px solid var(--bg-button-active-primary)}.gravity-navigation-card .information-content{display:flex;align-items:center;align-self:stretch;gap:var(--gravity-spacing-xs)}.gravity-navigation-card .information-content .text-content{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);gap:var(--gravity-spacing-xxs)}.gravity-navigation-card .information-content .icon-wrapper{width:56px;height:56px;display:flex;align-items:center;border-radius:6.25rem;justify-content:center;gap:var(--gravity-spacing-xs);background:var(--surface-primary);padding:var(--gravity-spacing-sm);border:1px solid var(--surface-primary)}.gravity-navigation-card .action-section{display:flex;align-self:stretch;align-items:center;justify-content:flex-end}.gravity-navigation-card .action-section p{margin-right:var(--gravity-spacing-sm)}.gravity-navigation-card .action-section gravity-icon,.gravity-navigation-card .action-section p{color:var(--text-primary)}.gravity-navigation-card .action-section gravity-status-indicator{margin-right:var(--gravity-spacing-xs)}.gravity-navigation-card.sm{width:560px;height:176px;min-width:304px;gap:var(--gravity-spacing-xxxl);padding:var(--gravity-spacing-sm)}.gravity-navigation-card.sm.full-width{width:100%}.gravity-navigation-card.md{width:100%;display:flex;min-width:780px;flex-direction:row;justify-content:space-between;padding:var(--gravity-spacing-md);border:1.5px solid var(--surface-secondary)}.gravity-navigation-card.md .information-content{height:56px;gap:var(--gravity-spacing-sm)}.gravity-navigation-card.md .information-content .icon-wrapper{background:var(--surface-primary);border-radius:6.25rem}.gravity-navigation-card.pressed{background:var(--surface-primary);border:1.5px solid var(--surface-primary)}.gravity-navigation-card.pressed .information-content .icon-wrapper{background:var(--surface-secondary)}.gravity-navigation-card.readonly{cursor:default;background:var(--bg-disabled);border:1.5px solid var(--bg-disabled);--navigation-card-icon-color: var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .text-content{color:var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .icon-wrapper{background:none;border:1px solid var(--on-bg-disabled)}.gravity-navigation-card.readonly .action-section p{color:var(--on-bg-disabled)}\n"] }]
22
23
  }], propDecorators: { size: [{
23
24
  type: Input
24
25
  }], state: [{
@@ -33,6 +34,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
33
34
  type: Input
34
35
  }], description: [{
35
36
  type: Input
37
+ }], fullWidth: [{
38
+ type: Input
36
39
  }], statusIndicatorText: [{
37
40
  type: Input
38
41
  }], statusIndicatorIcon: [{
@@ -40,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
40
43
  }], navigatorCardClicked: [{
41
44
  type: Output
42
45
  }] } });
43
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1uYXZpZ2F0aW9uLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LW5hdmlnYXRpb24tY2FyZC9ncmF2aXR5LW5hdmlnYXRpb24tY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbmF2aWdhdGlvbi1jYXJkL2dyYXZpdHktbmF2aWdhdGlvbi1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT3JFLE1BQU0sT0FBTyw4QkFBOEI7SUFMM0M7UUFNa0IsU0FBSSxHQUFlLElBQUksQ0FBQztRQUN4QixVQUFLLEdBQXNDLFFBQVEsQ0FBQztRQUNwRCxvQkFBZSxHQUFrRSxRQUFRLENBQUM7UUFTaEcseUJBQW9CLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQUszRDtJQUhRLHFCQUFxQjtRQUMxQixJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbkMsQ0FBQzsrR0FoQlUsOEJBQThCO21HQUE5Qiw4QkFBOEIsNFhDUDNDLGtsQ0FvQkE7OzRGRGJhLDhCQUE4QjtrQkFMMUMsU0FBUzsrQkFDRSx5QkFBeUI7OEJBS25CLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxlQUFlO3NCQUE5QixLQUFLO2dCQUVVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsbUJBQW1CO3NCQUFsQyxLQUFLO2dCQUNVLG1CQUFtQjtzQkFBbEMsS0FBSztnQkFFSSxvQkFBb0I7c0JBQTdCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1uYXZpZ2F0aW9uLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1uYXZpZ2F0aW9uLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LW5hdmlnYXRpb24tY2FyZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlOYXZpZ2F0aW9uQ2FyZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiAnc20nfCAnbWQnID0gJ3NtJztcbiAgQElucHV0KCkgcHVibGljIHN0YXRlOiAnYWN0aXZlJyB8ICdwcmVzc2VkJyB8ICdyZWFkb25seScgPSAnYWN0aXZlJztcbiAgQElucHV0KCkgcHVibGljIHN0YXR1c0luZGljYXRvcjogJ3Bvc2l0aXZlJyB8ICduZWdhdGl2ZScgfCAnYXR0ZW50aW9uJyB8ICduZXV0cm8nIHwgJ2Rpc2FibGVkJyA9ICduZXV0cm8nO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyB0aXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbk5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGFjdGlvblRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0dXNJbmRpY2F0b3JUZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0dXNJbmRpY2F0b3JJY29uOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIG5hdmlnYXRvckNhcmRDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHB1YmxpYyBvbk5hdmlnYXRpb25DYXJkQ2xpY2soKSB7XG4gICAgdGhpcy5uYXZpZ2F0b3JDYXJkQ2xpY2tlZC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LW5hdmlnYXRpb24tY2FyZCB7e3NpemV9fSB7e3N0YXRlfX1cIiAoY2xpY2spPVwib25OYXZpZ2F0aW9uQ2FyZENsaWNrKClcIj5cbiAgICA8ZGl2IGNsYXNzPVwiaW5mb3JtYXRpb24tY29udGVudFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi13cmFwcGVyXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLW5hdmlnYXRpb24tY2FyZC1pY29uLWNvbG9yKSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbk5hbWVdPVwiaWNvbk5hbWVcIiBbc2l6ZV09XCInbGcnXCIgW2ljb25TaXplXT1cIidsZy0yNCdcIj5cbiAgICAgICAgICAgIDwvZ3Jhdml0eS1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtY29udGVudFwiPlxuICAgICAgICAgICAgPGgxIGNsYXNzPVwiaHItdGl0bGUgbWQtYm9sZFwiPnt7dGl0bGV9fTwvaDE+XG4gICAgICAgICAgICA8cCBjbGFzcz1cImhyLWJvZHkgbWQtcmVndWxhclwiPnt7ZGVzY3JpcHRpb259fTwvcD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImFjdGlvbi1zZWN0aW9uXCI+XG4gICAgICAgIDxncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IgKm5nSWY9XCJzaXplID09PSAnc20nXCIgW3N0YXR1c109XCJzdGF0dXNJbmRpY2F0b3JcIiBbdGV4dF09XCJzdGF0dXNJbmRpY2F0b3JUZXh0XCIgW2ljb25dPVwic3RhdHVzSW5kaWNhdG9ySWNvblwiPjwvZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yPlxuICAgICAgICA8cCBjbGFzcz1cImhyLWJvZHkgbWQtcmVndWxhclwiPnt7YWN0aW9uVGV4dH19PC9wPlxuICAgICAgICA8Z3Jhdml0eS1pY29uICpuZ0lmPVwiIShzdGF0ZSA9PT0gJ3JlYWRvbmx5JylcIiBbc3R5bGUuLS1pY29uLWNvbG9yXT1cIid2YXIoLS10ZXh0LXByaW1hcnkpJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgW2ljb25OYW1lXT1cIidhcnJvdy1yaWdodCdcIiBbc2l6ZV09XCInc20nXCIgW2ljb25TaXplXT1cIidzbS0xMidcIj5cbiAgICAgICAgPC9ncmF2aXR5LWljb24+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
46
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1uYXZpZ2F0aW9uLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LW5hdmlnYXRpb24tY2FyZC9ncmF2aXR5LW5hdmlnYXRpb24tY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbmF2aWdhdGlvbi1jYXJkL2dyYXZpdHktbmF2aWdhdGlvbi1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT3JFLE1BQU0sT0FBTyw4QkFBOEI7SUFMM0M7UUFNa0IsU0FBSSxHQUFlLElBQUksQ0FBQztRQUN4QixVQUFLLEdBQXNDLFFBQVEsQ0FBQztRQUNwRCxvQkFBZSxHQUFrRSxRQUFRLENBQUM7UUFNMUYsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUlqQyx5QkFBb0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBSzNEO0lBSFEscUJBQXFCO1FBQzFCLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNuQyxDQUFDOytHQWpCVSw4QkFBOEI7bUdBQTlCLDhCQUE4QixvWkNQM0MseXBDQW9CQTs7NEZEYmEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLHlCQUF5Qjs4QkFLbkIsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLGVBQWU7c0JBQTlCLEtBQUs7Z0JBRVUsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUNVLG1CQUFtQjtzQkFBbEMsS0FBSztnQkFDVSxtQkFBbUI7c0JBQWxDLEtBQUs7Z0JBRUksb0JBQW9CO3NCQUE3QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktbmF2aWdhdGlvbi1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktbmF2aWdhdGlvbi1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1uYXZpZ2F0aW9uLWNhcmQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5TmF2aWdhdGlvbkNhcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJ3wgJ21kJyA9ICdzbSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0ZTogJ2FjdGl2ZScgfCAncHJlc3NlZCcgfCAncmVhZG9ubHknID0gJ2FjdGl2ZSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0dXNJbmRpY2F0b3I6ICdwb3NpdGl2ZScgfCAnbmVnYXRpdmUnIHwgJ2F0dGVudGlvbicgfCAnbmV1dHJvJyB8ICdkaXNhYmxlZCcgPSAnbmV1dHJvJztcblxuICBASW5wdXQoKSBwdWJsaWMgdGl0bGU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGljb25OYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBhY3Rpb25UZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgZnVsbFdpZHRoOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0dXNJbmRpY2F0b3JUZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0dXNJbmRpY2F0b3JJY29uOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIG5hdmlnYXRvckNhcmRDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHB1YmxpYyBvbk5hdmlnYXRpb25DYXJkQ2xpY2soKSB7XG4gICAgdGhpcy5uYXZpZ2F0b3JDYXJkQ2xpY2tlZC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LW5hdmlnYXRpb24tY2FyZCB7e3NpemV9fSB7e3N0YXRlfX1cIiBbY2xhc3MuZnVsbC13aWR0aF09XCJmdWxsV2lkdGhcIiAoY2xpY2spPVwib25OYXZpZ2F0aW9uQ2FyZENsaWNrKClcIj5cbiAgICA8ZGl2IGNsYXNzPVwiaW5mb3JtYXRpb24tY29udGVudFwiPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiaWNvbk5hbWUgJiYgaWNvbk5hbWUgIT09ICcnXCIgY2xhc3M9XCJpY29uLXdyYXBwZXJcIj5cbiAgICAgICAgICAgIDxncmF2aXR5LWljb24gW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tbmF2aWdhdGlvbi1jYXJkLWljb24tY29sb3IpJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uTmFtZV09XCJpY29uTmFtZVwiIFtzaXplXT1cIidsZydcIiBbaWNvblNpemVdPVwiJ2xnLTI0J1wiPlxuICAgICAgICAgICAgPC9ncmF2aXR5LWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1jb250ZW50XCI+XG4gICAgICAgICAgICA8aDEgY2xhc3M9XCJoci10aXRsZSBtZC1ib2xkXCI+e3t0aXRsZX19PC9oMT5cbiAgICAgICAgICAgIDxwIGNsYXNzPVwiaHItYm9keSBtZC1yZWd1bGFyXCI+e3tkZXNjcmlwdGlvbn19PC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYWN0aW9uLXNlY3Rpb25cIj5cbiAgICAgICAgPGdyYXZpdHktc3RhdHVzLWluZGljYXRvciAqbmdJZj1cInNpemUgPT09ICdtZCdcIiBbc3RhdHVzXT1cInN0YXR1c0luZGljYXRvclwiIFt0ZXh0XT1cInN0YXR1c0luZGljYXRvclRleHRcIiBbaWNvbl09XCJzdGF0dXNJbmRpY2F0b3JJY29uXCI+PC9ncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3I+XG4gICAgICAgIDxwIGNsYXNzPVwiaHItYm9keSBtZC1yZWd1bGFyXCI+e3thY3Rpb25UZXh0fX08L3A+XG4gICAgICAgIDxncmF2aXR5LWljb24gKm5nSWY9XCIhKHN0YXRlID09PSAncmVhZG9ubHknKVwiIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLXRleHQtcHJpbWFyeSknXCJcbiAgICAgICAgICAgICAgICAgICAgICBbaWNvbk5hbWVdPVwiJ2Fycm93LXJpZ2h0J1wiIFtzaXplXT1cIidzbSdcIiBbaWNvblNpemVdPVwiJ3NtLTEyJ1wiPlxuICAgICAgICA8L2dyYXZpdHktaWNvbj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
@@ -15,11 +15,11 @@ export class GravityStatusIndicatorComponent {
15
15
  }
16
16
  }
17
17
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
18
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: { icon: "icon", text: "text", size: "size", type: "type", status: "status" }, ngImport: i0, template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}}\" *ngIf=\"type === 'primary'\">\n {{text}} <gravity-icon [iconName]=\"icon\" [iconSize]=\"getIconSizeClass(size)\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> {{text}}\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;padding:2.5px 6px;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator.positive{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.negative{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
18
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: { icon: "icon", text: "text", size: "size", type: "type", status: "status" }, ngImport: i0, template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n {{text}} <gravity-icon [iconName]=\"icon\" [iconSize]=\"getIconSizeClass(size)\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> {{text}}\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;padding:2.5px 6px;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px}.gravity-status-indicator.md{height:24px}.gravity-status-indicator.positive{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.negative{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
19
19
  }
20
20
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, decorators: [{
21
21
  type: Component,
22
- args: [{ selector: 'gravity-status-indicator', template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}}\" *ngIf=\"type === 'primary'\">\n {{text}} <gravity-icon [iconName]=\"icon\" [iconSize]=\"getIconSizeClass(size)\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> {{text}}\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;padding:2.5px 6px;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator.positive{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.negative{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"] }]
22
+ args: [{ selector: 'gravity-status-indicator', template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n {{text}} <gravity-icon [iconName]=\"icon\" [iconSize]=\"getIconSizeClass(size)\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> {{text}}\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;padding:2.5px 6px;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px}.gravity-status-indicator.md{height:24px}.gravity-status-indicator.positive{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.negative{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"] }]
23
23
  }], propDecorators: { icon: [{
24
24
  type: Input
25
25
  }], text: [{
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
31
31
  }], status: [{
32
32
  type: Input
33
33
  }] } });
34
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci9ncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFPL0MsTUFBTSxPQUFPLCtCQUErQjtJQUw1QztRQVFrQixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixTQUFJLEdBQTRCLFNBQVMsQ0FBQztRQUMxQyxXQUFNLEdBQWtFLFFBQVEsQ0FBQztLQVNsRztJQVBDLGdCQUFnQixDQUFDLElBQVk7UUFDM0IsUUFBUSxJQUFJLEVBQUU7WUFDWixLQUFLLElBQUksQ0FBQyxDQUFDLE9BQU8sT0FBTyxDQUFDO1lBQzFCLEtBQUssSUFBSSxDQUFDLENBQUMsT0FBTyxPQUFPLENBQUM7U0FDM0I7SUFDSCxDQUFDOytHQVpVLCtCQUErQjttR0FBL0IsK0JBQStCLHNKQ1A1Qyx1WEFNTTs7NEZEQ08sK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLDBCQUEwQjs4QkFLcEIsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxNQUFNO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlTdGF0dXNJbmRpY2F0b3JDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnc20nO1xuICBASW5wdXQoKSBwdWJsaWMgdHlwZTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0dXM6ICdwb3NpdGl2ZScgfCAnbmVnYXRpdmUnIHwgJ2F0dGVudGlvbicgfCAnbmV1dHJvJyB8ICdkaXNhYmxlZCcgPSAnbmV1dHJvJztcblxuICBnZXRJY29uU2l6ZUNsYXNzKHNpemU6IHN0cmluZyk6ICdzbS0xMicgfCAnbWQtMTYnIHtcbiAgICBzd2l0Y2ggKHNpemUpIHtcbiAgICAgIGNhc2UgJ3NtJzogcmV0dXJuICdzbS0xMic7XG4gICAgICBjYXNlICdtZCc6IHJldHVybiAnbWQtMTYnO1xuICAgIH1cbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yIGhyLWJvZHkge3tzaXplfX0tcmVndWxhciB7e3N0YXR1c319XCIgKm5nSWY9XCJ0eXBlID09PSAncHJpbWFyeSdcIj5cbiAgICB7e3RleHR9fSA8Z3Jhdml0eS1pY29uIFtpY29uTmFtZV09XCJpY29uXCIgW2ljb25TaXplXT1cImdldEljb25TaXplQ2xhc3Moc2l6ZSlcIiAqbmdJZj1cImljb25cIj48L2dyYXZpdHktaWNvbj5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLWRvdCBoci1ib2R5IHNtLXJlZ3VsYXIge3tzdGF0dXN9fVwiICpuZ0lmPVwidHlwZSA9PT0gJ3NlY29uZGFyeSdcIj5cbiAgICA8ZGl2PjwvZGl2PiB7e3RleHR9fVxuPC9kaXY+Il19
34
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci9ncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFPL0MsTUFBTSxPQUFPLCtCQUErQjtJQUw1QztRQVFrQixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixTQUFJLEdBQTRCLFNBQVMsQ0FBQztRQUMxQyxXQUFNLEdBQWtFLFFBQVEsQ0FBQztLQVNsRztJQVBDLGdCQUFnQixDQUFDLElBQVk7UUFDM0IsUUFBUSxJQUFJLEVBQUU7WUFDWixLQUFLLElBQUksQ0FBQyxDQUFDLE9BQU8sT0FBTyxDQUFDO1lBQzFCLEtBQUssSUFBSSxDQUFDLENBQUMsT0FBTyxPQUFPLENBQUM7U0FDM0I7SUFDSCxDQUFDOytHQVpVLCtCQUErQjttR0FBL0IsK0JBQStCLHNKQ1A1QyxnWUFNTTs7NEZEQ08sK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLDBCQUEwQjs4QkFLcEIsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxNQUFNO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlTdGF0dXNJbmRpY2F0b3JDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnc20nO1xuICBASW5wdXQoKSBwdWJsaWMgdHlwZTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0dXM6ICdwb3NpdGl2ZScgfCAnbmVnYXRpdmUnIHwgJ2F0dGVudGlvbicgfCAnbmV1dHJvJyB8ICdkaXNhYmxlZCcgPSAnbmV1dHJvJztcblxuICBnZXRJY29uU2l6ZUNsYXNzKHNpemU6IHN0cmluZyk6ICdzbS0xMicgfCAnbWQtMTYnIHtcbiAgICBzd2l0Y2ggKHNpemUpIHtcbiAgICAgIGNhc2UgJ3NtJzogcmV0dXJuICdzbS0xMic7XG4gICAgICBjYXNlICdtZCc6IHJldHVybiAnbWQtMTYnO1xuICAgIH1cbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yIGhyLWJvZHkge3tzaXplfX0tcmVndWxhciB7e3N0YXR1c319IHt7c2l6ZX19XCIgKm5nSWY9XCJ0eXBlID09PSAncHJpbWFyeSdcIj5cbiAgICB7e3RleHR9fSA8Z3Jhdml0eS1pY29uIFtpY29uTmFtZV09XCJpY29uXCIgW2ljb25TaXplXT1cImdldEljb25TaXplQ2xhc3Moc2l6ZSlcIiAqbmdJZj1cImljb25cIj48L2dyYXZpdHktaWNvbj5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLWRvdCBoci1ib2R5IHNtLXJlZ3VsYXIge3tzdGF0dXN9fVwiICpuZ0lmPVwidHlwZSA9PT0gJ3NlY29uZGFyeSdcIj5cbiAgICA8ZGl2PjwvZGl2PiB7e3RleHR9fVxuPC9kaXY+Il19