@progressio_resources/gravity-design-system 3.0.18 → 3.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/gravity-attach-file/gravity-attach-file.component.mjs +3 -3
- package/esm2022/lib/components/gravity-avatar-stack/gravity-avatar-stack.component.mjs +3 -3
- package/esm2022/lib/components/gravity-button/gravity-button.component.mjs +2 -2
- package/esm2022/lib/components/gravity-calendar/gravity-calendar.component.mjs +3 -3
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-days-calendar-view/bs-days-calendar-view.component.mjs +3 -3
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-months-calendar-view/bs-months-calendar-view.component.mjs +3 -3
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-years-calendar-view/bs-years-calendar-view.component.mjs +3 -3
- package/esm2022/lib/components/gravity-card-list/gravity-card-list.component.mjs +2 -2
- package/esm2022/lib/components/gravity-chip/gravity-chip.component.mjs +6 -3
- package/esm2022/lib/components/gravity-currency-display/gravity-currency-display.component.mjs +3 -3
- package/esm2022/lib/components/gravity-dropdown-list-display/gravity-dropdown-list-display.component.mjs +12 -3
- package/esm2022/lib/components/gravity-editable-input/gravity-editable-input.component.mjs +3 -3
- package/esm2022/lib/components/gravity-generic-avatar/gravity-generic-avatar.component.mjs +3 -3
- package/esm2022/lib/components/gravity-icon-button/gravity-icon-button.component.mjs +4 -4
- package/esm2022/lib/components/gravity-link/gravity-link.component.mjs +3 -3
- package/esm2022/lib/components/gravity-modal/gravity-modal.component.mjs +3 -3
- package/esm2022/lib/components/gravity-multi-language/gravity-multi-language.component.mjs +3 -3
- package/esm2022/lib/components/gravity-network-pill/gravity-network-pill.component.mjs +3 -3
- package/esm2022/lib/components/gravity-notification/gravity-notification.component.mjs +3 -3
- package/esm2022/lib/components/gravity-notification-instant/gravity-notification-instant-container.component.mjs +3 -3
- package/esm2022/lib/components/gravity-status-indicator/gravity-status-indicator.component.mjs +3 -3
- package/esm2022/lib/components/gravity-switch/gravity-switch.component.mjs +3 -3
- package/esm2022/lib/components/gravity-tab-primary/gravity-tab-primary.component.mjs +2 -2
- package/esm2022/lib/components/gravity-tab-secondary/gravity-tab-secondary.component.mjs +3 -3
- package/fesm2022/progressio_resources-gravity-design-system.mjs +61 -49
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/components/gravity-chip/gravity-chip.component.d.ts +2 -1
- package/lib/components/gravity-dropdown-list-display/gravity-dropdown-list-display.component.d.ts +3 -1
- package/lib/components/gravity-icon-button/gravity-icon-button.component.d.ts +2 -1
- package/package.json +1 -1
- package/src/lib/assets/icon-set/gt-icon-arrow-down/gt-icon-arrow-down-lg-24.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-arrow-down/gt-icon-arrow-down-md-16.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-arrow-down/gt-icon-arrow-down-sm-12.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-arrow-down/gt-icon-arrow-down-xl-32.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-arrow-left/gt-icon-arrow-left-lg-24.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-arrow-left/gt-icon-arrow-left-md-16.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-arrow-left/gt-icon-arrow-left-sm-12.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-arrow-left/gt-icon-arrow-left-xl-32.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-arrow-right/gt-icon-arrow-right-lg-24.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-arrow-right/gt-icon-arrow-right-md-16.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-arrow-right/gt-icon-arrow-right-sm-12.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-arrow-right/gt-icon-arrow-right-xl-32.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-arrow-up/gt-icon-arrow-up-lg-24.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-arrow-up/gt-icon-arrow-up-md-16.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-arrow-up/gt-icon-arrow-up-sm-12.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-arrow-up/gt-icon-arrow-up-xl-32.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-check/gt-icon-check-lg-24.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-check/gt-icon-check-md-16.svg +2 -2
- package/src/lib/assets/icon-set/gt-icon-check/gt-icon-check-sm-12.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-check/gt-icon-check-xl-32.svg +2 -2
- package/src/lib/assets/icon-set/gt-icon-chevron-double-down/gt-icon-chevron-double-down-lg-24.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-chevron-double-down/gt-icon-chevron-double-down-md-16.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-chevron-double-down/gt-icon-chevron-double-down-sm-12.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-chevron-double-down/gt-icon-chevron-double-down-xl-32.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-chevron-double-up/gt-icon-chevron-double-up-lg-24.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-chevron-double-up/gt-icon-chevron-double-up-md-16.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-chevron-double-up/gt-icon-chevron-double-up-sm-12.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-chevron-double-up/gt-icon-chevron-double-up-xl-32.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-home/gt-icon-home-lg-24.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-home/gt-icon-home-md-16.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-home/gt-icon-home-sm-12.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-home/gt-icon-home-xl-32.svg +1 -3
- package/src/lib/assets/icon-set/gt-icon-menu/gt-icon-menu-lg-24.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-menu/gt-icon-menu-md-16.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-menu/gt-icon-menu-sm-12.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-menu/gt-icon-menu-xl-32.svg +2 -2
- package/src/lib/assets/icon-set/gt-icon-swaps/gt-icon-swaps-lg-24.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-swaps/gt-icon-swaps-md-16.svg +2 -2
- package/src/lib/assets/icon-set/gt-icon-swaps/gt-icon-swaps-sm-12.svg +2 -2
- package/src/lib/assets/icon-set/gt-icon-swaps/gt-icon-swaps-xl-32.svg +2 -2
- package/src/lib/assets/icon-set/gt-icon-swaps-arrow-left/gt-icon-swaps-arrow-left-lg-24.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-swaps-arrow-left/gt-icon-swaps-arrow-left-md-16.svg +2 -2
- package/src/lib/assets/icon-set/gt-icon-swaps-arrow-left/gt-icon-swaps-arrow-left-sm-12.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-swaps-arrow-left/gt-icon-swaps-arrow-left-xl-32.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-swaps-arrow-right/gt-icon-swaps-arrow-right-lg-24.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-swaps-arrow-right/gt-icon-swaps-arrow-right-md-16.svg +2 -2
- package/src/lib/assets/icon-set/gt-icon-swaps-arrow-right/gt-icon-swaps-arrow-right-sm-12.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-swaps-arrow-right/gt-icon-swaps-arrow-right-xl-32.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-update/gt-icon-update-lg-24.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-update/gt-icon-update-md-16.svg +2 -2
- package/src/lib/assets/icon-set/gt-icon-update/gt-icon-update-sm-12.svg +2 -2
- package/src/lib/assets/icon-set/gt-icon-update/gt-icon-update-xl-32.svg +1 -1
- package/src/lib/assets/icon-set/gt-icon-user/gt-icon-user-lg-24.svg +1 -6
- package/src/lib/assets/icon-set/gt-icon-user/gt-icon-user-md-16.svg +1 -6
- package/src/lib/assets/icon-set/gt-icon-user/gt-icon-user-sm-12.svg +1 -6
- package/src/lib/assets/icon-set/gt-icon-user/gt-icon-user-xl-32.svg +1 -6
- package/src/lib/assets/icon-set/networks/gt-icon-base-network/gt-icon-base-network-disabled.svg +5 -0
- package/src/lib/assets/icon-set/networks/gt-icon-base-network/gt-icon-base-network.svg +11 -0
- package/src/lib/assets/json/icons.json +8 -0
- package/src/lib/styles/components/_card_highlight.scss +1 -1
- package/src/lib/styles/components/_tables.scss +4 -4
- package/src/lib/styles/foundations/typography/_hero.typography.scss +36 -38
|
@@ -10,11 +10,11 @@ export class GravityLinkComponent {
|
|
|
10
10
|
this.state = 'active';
|
|
11
11
|
}
|
|
12
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityLinkComponent, selector: "gravity-link", inputs: { link: "link", linkText: "linkText", fontSize: "fontSize", cypressTag: "cypressTag", iconName: "iconName", iconPosition: "iconPosition", iconSize: "iconSize", state: "state" }, ngImport: i0, template: "<div class=\"gravity-link-container\">\n <a class=\"{{fontSize ? fontSize : 'hr-body
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityLinkComponent, selector: "gravity-link", inputs: { link: "link", linkText: "linkText", fontSize: "fontSize", cypressTag: "cypressTag", iconName: "iconName", iconPosition: "iconPosition", iconSize: "iconSize", state: "state" }, ngImport: i0, template: "<div class=\"gravity-link-container\">\n <a class=\"{{fontSize ? fontSize : 'hr-body sm-regular'}} {{state}}\" [routerLink]=\"state == 'disabled' ? null : link\">\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\" 'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName && iconPosition == 'left'\"\n [iconSize]=\"iconSize\" class=\"icon-{{iconPosition}}\"></gravity-icon>\n {{ linkText }}\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\"'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName && iconPosition == 'right'\"\n [iconSize]=\"iconSize\" class=\"icon-{{iconPosition}}\"></gravity-icon>\n </a>\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 a{border:none;cursor:pointer;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;padding:var(--gravity-spacing-xxs)}.gravity-link-container a.pressed{border:1px solid var(--bg-link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container a.active{--link-text-color: var(--link-active-primary)}.gravity-link-container a.visited{font-weight:650;--link-text-color: var(--link-visited-primary)}.gravity-link-container a.disabled{--link-text-color: var(--link-disabled-primary);cursor:not-allowed}.gravity-link-container a:hover:not(.disabled){background-color:var(--link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}\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"] }] }); }
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityLinkComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'gravity-link', template: "<div class=\"gravity-link-container\">\n <a class=\"{{fontSize ? fontSize : 'hr-body
|
|
17
|
+
args: [{ selector: 'gravity-link', template: "<div class=\"gravity-link-container\">\n <a class=\"{{fontSize ? fontSize : 'hr-body sm-regular'}} {{state}}\" [routerLink]=\"state == 'disabled' ? null : link\">\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\" 'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName && iconPosition == 'left'\"\n [iconSize]=\"iconSize\" class=\"icon-{{iconPosition}}\"></gravity-icon>\n {{ linkText }}\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\"'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName && iconPosition == 'right'\"\n [iconSize]=\"iconSize\" class=\"icon-{{iconPosition}}\"></gravity-icon>\n </a>\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 a{border:none;cursor:pointer;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;padding:var(--gravity-spacing-xxs)}.gravity-link-container a.pressed{border:1px solid var(--bg-link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container a.active{--link-text-color: var(--link-active-primary)}.gravity-link-container a.visited{font-weight:650;--link-text-color: var(--link-visited-primary)}.gravity-link-container a.disabled{--link-text-color: var(--link-disabled-primary);cursor:not-allowed}.gravity-link-container a:hover:not(.disabled){background-color:var(--link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}\n"] }]
|
|
18
18
|
}], propDecorators: { link: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], linkText: [{
|
|
@@ -32,4 +32,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
32
32
|
}], state: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}] } });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1saW5rL2dyYXZpdHktbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbGluay9ncmF2aXR5LWxpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTy9DLE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFXa0IsaUJBQVksR0FBcUIsTUFBTSxDQUFDO1FBQ3hDLGFBQVEsR0FBMkMsT0FBTyxDQUFDO1FBQzNELFVBQUssR0FBa0QsUUFBUSxDQUFDO0tBQ2pGOytHQVRZLG9CQUFvQjttR0FBcEIsb0JBQW9CLDhPQ1BqQyxrMEJBVU07OzRGREhPLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxjQUFjOzhCQUtSLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxZQUFZO3NCQUEzQixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktbGluaycsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWxpbmsuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LWxpbmsuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5TGlua0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBsaW5rOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBsaW5rVGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgZm9udFNpemU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGljb25OYW1lOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uUG9zaXRpb246ICdsZWZ0JyB8ICdyaWdodCcgPSAnbGVmdCc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uU2l6ZSA6ICdzbS0xMicgfCAnbWQtMTYnIHwgJ2xnLTI0JyB8ICd4bC0zMicgPSAnbWQtMTYnO1xuICBASW5wdXQoKSBwdWJsaWMgc3RhdGU6ICdhY3RpdmUnIHwgJ3Zpc2l0ZWQnIHwgJ3ByZXNzZWQnIHwgJ2Rpc2FibGVkJyA9ICdhY3RpdmUnO1xufVxuIiwiPGRpdiBjbGFzcz1cImdyYXZpdHktbGluay1jb250YWluZXJcIj5cbiAgICA8YSBjbGFzcz1cInt7Zm9udFNpemUgPyBmb250U2l6ZSA6ICdoci1ib2R5IHNtLXJlZ3VsYXInfX0ge3tzdGF0ZX19XCIgW3JvdXRlckxpbmtdPVwic3RhdGUgPT0gJ2Rpc2FibGVkJyA/IG51bGwgOiBsaW5rXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLWxpbmstdGV4dC1jb2xvciknXCIgW3NpemVdPVwiICdtZCdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaG92ZXJJY29uXT1cImZhbHNlXCIgW2ljb25OYW1lXT1cImljb25OYW1lXCIgKm5nSWY9XCJpY29uTmFtZSAmJiBpY29uUG9zaXRpb24gPT0gJ2xlZnQnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25TaXplXT1cImljb25TaXplXCIgY2xhc3M9XCJpY29uLXt7aWNvblBvc2l0aW9ufX1cIj48L2dyYXZpdHktaWNvbj5cbiAgICAgICAgICAge3sgbGlua1RleHQgfX1cbiAgICAgICAgICAgIDxncmF2aXR5LWljb24gW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tbGluay10ZXh0LWNvbG9yKSdcIiBbc2l6ZV09XCInbWQnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW2hvdmVySWNvbl09XCJmYWxzZVwiIFtpY29uTmFtZV09XCJpY29uTmFtZVwiICpuZ0lmPVwiaWNvbk5hbWUgJiYgaWNvblBvc2l0aW9uID09ICdyaWdodCdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvblNpemVdPVwiaWNvblNpemVcIiBjbGFzcz1cImljb24te3tpY29uUG9zaXRpb259fVwiPjwvZ3Jhdml0eS1pY29uPlxuICAgIDwvYT5cbjwvZGl2PiJdfQ==
|
|
@@ -16,11 +16,11 @@ export class GravityModalComponent {
|
|
|
16
16
|
this.close.emit();
|
|
17
17
|
}
|
|
18
18
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityModalComponent, selector: "gravity-modal", inputs: { title: "title", iconName: "iconName", mainText: "mainText", preTitle: "preTitle", subTitle: "subTitle", secondaryText: "secondaryText", isVisible: "isVisible", primaryBtnText: "primaryBtnText", primaryBtnIcon: "primaryBtnIcon", secondaryBtnTxt: "secondaryBtnTxt", secondaryBtnIcon: "secondaryBtnIcon", iconPosition: "iconPosition", 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\">\n <div class=\"modal-header\">\n <span class=\"hr-body-text sm-regular\">{{ preTitle }}</span>\n <div class=\"title\">\n <gravity-icon [style.--icon-color]=\"'var(--positive-primary)'\" [size]=\"'md'\"\n [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-text sm-regular\">{{ subTitle }}</span>\n <div class=\"close-button\">\n <gravity-icon [style.--icon-color]=\"'var(--icon-hover-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 <p class=\"hr-body-text sm-regular gravity-margin-bottom-sm\">{{ mainText }}</p>\n <p class=\"hr-body-text sm-regular\">{{ secondaryText }}</p>\n </div>\n <div class=\"modal-footer\">\n <gravity-button *ngIf=\"primaryBtnText || primaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"primaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"'primary'\" [iconPosition]=\"iconPosition\"\n (click)=\"primaryBtnCallback()\">{{ primaryBtnText }}\n </gravity-button>\n <gravity-button *ngIf=\"secondaryBtnTxt || secondaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"secondaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"'tertiary'\" [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}.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);box-shadow:0 4px 13px #090b10d9}.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(--positive-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-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: ["link", "linkText", "fontSize", "cypressTag", "iconName", "iconPosition", "iconSize", "state"] }] }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityModalComponent, selector: "gravity-modal", inputs: { title: "title", iconName: "iconName", mainText: "mainText", preTitle: "preTitle", subTitle: "subTitle", secondaryText: "secondaryText", isVisible: "isVisible", primaryBtnText: "primaryBtnText", primaryBtnIcon: "primaryBtnIcon", secondaryBtnTxt: "secondaryBtnTxt", secondaryBtnIcon: "secondaryBtnIcon", iconPosition: "iconPosition", 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\">\n <div class=\"modal-header\">\n <span class=\"hr-body sm-regular\">{{ preTitle }}</span>\n <div class=\"title\">\n <gravity-icon [style.--icon-color]=\"'var(--positive-primary)'\" [size]=\"'md'\"\n [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\">{{ subTitle }}</span>\n <div class=\"close-button\">\n <gravity-icon [style.--icon-color]=\"'var(--icon-hover-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 <p class=\"hr-body sm-regular gravity-margin-bottom-sm\">{{ mainText }}</p>\n <p class=\"hr-body sm-regular\">{{ secondaryText }}</p>\n </div>\n <div class=\"modal-footer\">\n <gravity-button *ngIf=\"primaryBtnText || primaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"primaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"'primary'\" [iconPosition]=\"iconPosition\"\n (click)=\"primaryBtnCallback()\">{{ primaryBtnText }}\n </gravity-button>\n <gravity-button *ngIf=\"secondaryBtnTxt || secondaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"secondaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"'tertiary'\" [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}.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);box-shadow:0 4px 13px #090b10d9}.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(--positive-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-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: ["link", "linkText", "fontSize", "cypressTag", "iconName", "iconPosition", "iconSize", "state"] }] }); }
|
|
20
20
|
}
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityModalComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
|
-
args: [{ selector: 'gravity-modal', template: "<div *ngIf=\"isVisible\" class=\"gravity-modal-cover\"></div>\n<div *ngIf=\"isVisible\" class=\"gravity-modal-container\">\n <div class=\"modal-header\">\n <span class=\"hr-body-text sm-regular\">{{ preTitle }}</span>\n <div class=\"title\">\n <gravity-icon [style.--icon-color]=\"'var(--positive-primary)'\" [size]=\"'md'\"\n [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-text sm-regular\">{{ subTitle }}</span>\n <div class=\"close-button\">\n <gravity-icon [style.--icon-color]=\"'var(--icon-hover-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 <p class=\"hr-body-text sm-regular gravity-margin-bottom-sm\">{{ mainText }}</p>\n <p class=\"hr-body-text sm-regular\">{{ secondaryText }}</p>\n </div>\n <div class=\"modal-footer\">\n <gravity-button *ngIf=\"primaryBtnText || primaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"primaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"'primary'\" [iconPosition]=\"iconPosition\"\n (click)=\"primaryBtnCallback()\">{{ primaryBtnText }}\n </gravity-button>\n <gravity-button *ngIf=\"secondaryBtnTxt || secondaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"secondaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"'tertiary'\" [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}.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);box-shadow:0 4px 13px #090b10d9}.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(--positive-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-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"] }]
|
|
23
|
+
args: [{ selector: 'gravity-modal', template: "<div *ngIf=\"isVisible\" class=\"gravity-modal-cover\"></div>\n<div *ngIf=\"isVisible\" class=\"gravity-modal-container\">\n <div class=\"modal-header\">\n <span class=\"hr-body sm-regular\">{{ preTitle }}</span>\n <div class=\"title\">\n <gravity-icon [style.--icon-color]=\"'var(--positive-primary)'\" [size]=\"'md'\"\n [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\">{{ subTitle }}</span>\n <div class=\"close-button\">\n <gravity-icon [style.--icon-color]=\"'var(--icon-hover-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 <p class=\"hr-body sm-regular gravity-margin-bottom-sm\">{{ mainText }}</p>\n <p class=\"hr-body sm-regular\">{{ secondaryText }}</p>\n </div>\n <div class=\"modal-footer\">\n <gravity-button *ngIf=\"primaryBtnText || primaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"primaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"'primary'\" [iconPosition]=\"iconPosition\"\n (click)=\"primaryBtnCallback()\">{{ primaryBtnText }}\n </gravity-button>\n <gravity-button *ngIf=\"secondaryBtnTxt || secondaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"secondaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"'tertiary'\" [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}.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);box-shadow:0 4px 13px #090b10d9}.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(--positive-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-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"] }]
|
|
24
24
|
}], propDecorators: { title: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}], iconName: [{
|
|
@@ -62,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
62
62
|
}], close: [{
|
|
63
63
|
type: Output
|
|
64
64
|
}] } });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbW9kYWwvZ3Jhdml0eS1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbW9kYWwvZ3Jhdml0eS1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFPckUsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQWFrQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBTTNCLGlCQUFZLEdBQXNCLE1BQU0sQ0FBQztRQUt6QyxjQUFTLEdBQWtELFFBQVEsQ0FBQztRQU0xRSxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQU14QixZQUFPLEdBQUcsT0FBTyxDQUFDO0tBQ3RDO0lBTEMsVUFBVTtRQUNSLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDcEIsQ0FBQzsrR0E3QlUscUJBQXFCO21HQUFyQixxQkFBcUIsa25CQ1BsQywrakVBcUNBOzs0RkQ5QmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGVBQWU7OEJBTVQsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLGFBQWE7c0JBQTVCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFFVSxjQUFjO3NCQUE3QixLQUFLO2dCQUNVLGNBQWM7c0JBQTdCLEtBQUs7Z0JBQ1UsZUFBZTtzQkFBOUIsS0FBSztnQkFDVSxnQkFBZ0I7c0JBQS9CLEtBQUs7Z0JBQ1UsWUFBWTtzQkFBM0IsS0FBSztnQkFFVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUVHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFFSSxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1tb2RhbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1tb2RhbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlNb2RhbENvbXBvbmVudCB7XG4gIC8vQ29tcG9uZW50IHByb3BlcnRpZXNcbiAgQElucHV0KCkgcHVibGljIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uTmFtZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgbWFpblRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHByZVRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdWJUaXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgc2Vjb25kYXJ5VGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaXNWaXNpYmxlOiBib29sZWFuID0gZmFsc2U7XG4gIC8vQnV0dG9ucyBwcm9wZXJ0aWVzXG4gIEBJbnB1dCgpIHB1YmxpYyBwcmltYXJ5QnRuVGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgcHJpbWFyeUJ0bkljb246IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHNlY29uZGFyeUJ0blR4dDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgc2Vjb25kYXJ5QnRuSWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaWNvblBvc2l0aW9uIDogJ3JpZ2h0JyB8ICdsZWZ0JyA9ICdsZWZ0JztcbiAgLy8gTGluayBwcm9wZXJ0aWVzXG4gIEBJbnB1dCgpIHB1YmxpYyBsaW5rOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBsaW5rVGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgbGlua0ljb246IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGxpbmtTdGF0ZTogJ2FjdGl2ZScgfCAndmlzaXRlZCcgfCAncHJlc3NlZCcgfCAnZGlzYWJsZWQnID0gJ2FjdGl2ZSc7XG4gIC8vIENhbGxiYWNrc1xuICBASW5wdXQoKSBsaW5rQ2FsbEJhY2s6ICgpID0+IHZvaWQ7XG4gIEBJbnB1dCgpIHByaW1hcnlCdG5DYWxsYmFjazogKCkgPT4gdm9pZDtcbiAgQElucHV0KCkgc2Vjb25kYXJ5QnRuQ2FsbGJhY2s6ICgpID0+IHZvaWQ7XG5cbiAgQE91dHB1dCgpIGNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNsb3NlTW9kYWwoKSB7XG4gICAgdGhpcy5jbG9zZS5lbWl0KCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgb25jbG9zZSA9IG9uY2xvc2U7XG59XG4iLCI8ZGl2ICpuZ0lmPVwiaXNWaXNpYmxlXCIgY2xhc3M9XCJncmF2aXR5LW1vZGFsLWNvdmVyXCI+PC9kaXY+XG48ZGl2ICpuZ0lmPVwiaXNWaXNpYmxlXCIgY2xhc3M9XCJncmF2aXR5LW1vZGFsLWNvbnRhaW5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1oZWFkZXJcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJoci1ib2R5IHNtLXJlZ3VsYXJcIj57eyBwcmVUaXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLXBvc2l0aXZlLXByaW1hcnkpJ1wiIFtzaXplXT1cIidtZCdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbk5hbWVdPVwiaWNvbk5hbWVcIiBbaWNvblNpemVdPVwiJ21kLTE2J1wiIGNsYXNzPVwiaWNvbi1sZWZ0XCI+XG4gICAgICAgICAgICA8L2dyYXZpdHktaWNvbj5cbiAgICAgICAgICAgIDxoMSBjbGFzcz1cImhyLXRpdGxlIG1kLWJvbGRcIj57eyB0aXRsZSB9fTwvaDE+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8c3BhbiBjbGFzcz1cImhyLWJvZHkgc20tcmVndWxhclwiPnt7IHN1YlRpdGxlIH19PC9zcGFuPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2xvc2UtYnV0dG9uXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uICBbc3R5bGUuLS1pY29uLWNvbG9yXT1cIid2YXIoLS1pY29uLWhvdmVyLXByaW1hcnkpJ1wiIFtzaXplXT1cIidtZCdcIiAoY2xpY2spPVwiY2xvc2VNb2RhbCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiY2xvc2VcIiBbaWNvbk5hbWVdPVwiJ3Vuc3VjY2VzcydcIiAgW2ljb25TaXplXT1cIidtZC0xNidcIiBbdGl0bGVdPVwiJ0Nsb3NlJ1wiPlxuICAgICAgICAgICAgPC9ncmF2aXR5LWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1ib2R5XCI+XG4gICAgICAgIDxwIGNsYXNzPVwiaHItYm9keSBzbS1yZWd1bGFyIGdyYXZpdHktbWFyZ2luLWJvdHRvbS1zbVwiPnt7IG1haW5UZXh0IH19PC9wPlxuICAgICAgICA8cCBjbGFzcz1cImhyLWJvZHkgc20tcmVndWxhclwiPnt7IHNlY29uZGFyeVRleHQgfX08L3A+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWZvb3RlclwiPlxuICAgICAgICA8Z3Jhdml0eS1idXR0b24gKm5nSWY9XCJwcmltYXJ5QnRuVGV4dCB8fCBwcmltYXJ5QnRuSWNvblwiIFtjdXN0b21TdGF0ZV09XCInYWN0aXZlJ1wiIFtpY29uTmFtZV09XCJwcmltYXJ5QnRuSWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCInc20nXCIgW3R5cGVdPVwiJ3ByaW1hcnknXCIgW2ljb25Qb3NpdGlvbl09XCJpY29uUG9zaXRpb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInByaW1hcnlCdG5DYWxsYmFjaygpXCI+e3sgcHJpbWFyeUJ0blRleHQgfX1cbiAgICAgICAgPC9ncmF2aXR5LWJ1dHRvbj5cbiAgICAgICAgPGdyYXZpdHktYnV0dG9uICpuZ0lmPVwic2Vjb25kYXJ5QnRuVHh0IHx8IHNlY29uZGFyeUJ0bkljb25cIiBbY3VzdG9tU3RhdGVdPVwiJ2FjdGl2ZSdcIiBbaWNvbk5hbWVdPVwic2Vjb25kYXJ5QnRuSWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCInc20nXCIgW3R5cGVdPVwiJ3RlcnRpYXJ5J1wiICBbaWNvblBvc2l0aW9uXT1cImljb25Qb3NpdGlvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2Vjb25kYXJ5QnRuQ2FsbGJhY2soKVwiPnt7IHNlY29uZGFyeUJ0blR4dCB9fVxuICAgICAgICA8L2dyYXZpdHktYnV0dG9uPlxuICAgICAgICA8Z3Jhdml0eS1saW5rICpuZ0lmPVwibGlua1RleHQgfHwgbGlua0ljb25cIiBbbGlua1RleHRdPVwibGlua1RleHRcIiBbaWNvbk5hbWVdPVwibGlua0ljb25cIiAoY2xpY2spPVwibGlua0NhbGxCYWNrKClcIlxuICAgICAgICAgICAgICAgICAgICAgIFtpY29uUG9zaXRpb25dPVwiaWNvblBvc2l0aW9uXCIgW3N0YXRlXT1cImxpbmtTdGF0ZVwiIFtsaW5rXT1cImxpbmtcIj5cbiAgICAgICAgPC9ncmF2aXR5LWxpbms+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuXG4iXX0=
|
|
@@ -11,11 +11,11 @@ export class GravityMultiLanguageComponent {
|
|
|
11
11
|
this.selectedLanguageResponse.emit(language);
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityMultiLanguageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityMultiLanguageComponent, selector: "gravity-multi-language", inputs: { cypressTag: "cypressTag", languages: "languages", selectedLanguage: "selectedLanguage", size: "size" }, outputs: { selectedLanguageResponse: "selectedLanguage" }, ngImport: i0, template: "<div class=\"gravity-multi-language {{size}}\">\n <gravity-icon [style.--icon-color]=\"'var(--cta-primary)'\" [iconName]=\"'language'\" [iconSize]=\"size == 'sm' ? 'md-16' : 'lg-24'\"></gravity-icon>\n <a *ngFor=\"let language of languages\" class=\"hr-body
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityMultiLanguageComponent, selector: "gravity-multi-language", inputs: { cypressTag: "cypressTag", languages: "languages", selectedLanguage: "selectedLanguage", size: "size" }, outputs: { selectedLanguageResponse: "selectedLanguage" }, ngImport: i0, template: "<div class=\"gravity-multi-language {{size}}\">\n <gravity-icon [style.--icon-color]=\"'var(--cta-primary)'\" [iconName]=\"'language'\" [iconSize]=\"size == 'sm' ? 'md-16' : 'lg-24'\"></gravity-icon>\n <a *ngFor=\"let language of languages\" class=\"hr-body\" (click)=\"changeLanguage(language)\"\n [ngClass]=\"selectedLanguage == language ? size + '-bold' : size + '-regular'\">\n {{ language }}\n </a>\n</div>\n", styles: [".gravity-multi-language{display:flex;width:-moz-fit-content;width:fit-content;align-items:center}.gravity-multi-language.sm a{height:16px}.gravity-multi-language.md a{height:24px}.gravity-multi-language.md a.md-bold{font-weight:700}.gravity-multi-language a{display:flex;align-items:center;text-transform:uppercase;color:var(--cta-primary);text-decoration:none;cursor:pointer;border-right:1px solid var(--cta-primary);padding:0 4px}.gravity-multi-language a:last-of-type{border-right:none}.gravity-multi-language gravity-icon{margin-right:4px;fill:var(--cta-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityMultiLanguageComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ selector: 'gravity-multi-language', template: "<div class=\"gravity-multi-language {{size}}\">\n <gravity-icon [style.--icon-color]=\"'var(--cta-primary)'\" [iconName]=\"'language'\" [iconSize]=\"size == 'sm' ? 'md-16' : 'lg-24'\"></gravity-icon>\n <a *ngFor=\"let language of languages\" class=\"hr-body
|
|
18
|
+
args: [{ selector: 'gravity-multi-language', template: "<div class=\"gravity-multi-language {{size}}\">\n <gravity-icon [style.--icon-color]=\"'var(--cta-primary)'\" [iconName]=\"'language'\" [iconSize]=\"size == 'sm' ? 'md-16' : 'lg-24'\"></gravity-icon>\n <a *ngFor=\"let language of languages\" class=\"hr-body\" (click)=\"changeLanguage(language)\"\n [ngClass]=\"selectedLanguage == language ? size + '-bold' : size + '-regular'\">\n {{ language }}\n </a>\n</div>\n", styles: [".gravity-multi-language{display:flex;width:-moz-fit-content;width:fit-content;align-items:center}.gravity-multi-language.sm a{height:16px}.gravity-multi-language.md a{height:24px}.gravity-multi-language.md a.md-bold{font-weight:700}.gravity-multi-language a{display:flex;align-items:center;text-transform:uppercase;color:var(--cta-primary);text-decoration:none;cursor:pointer;border-right:1px solid var(--cta-primary);padding:0 4px}.gravity-multi-language a:last-of-type{border-right:none}.gravity-multi-language gravity-icon{margin-right:4px;fill:var(--cta-primary)}\n"] }]
|
|
19
19
|
}], propDecorators: { selectedLanguageResponse: [{
|
|
20
20
|
type: Output,
|
|
21
21
|
args: ['selectedLanguage']
|
|
@@ -28,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
28
28
|
}], size: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1tdWx0aS1sYW5ndWFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbXVsdGktbGFuZ3VhZ2UvZ3Jhdml0eS1tdWx0aS1sYW5ndWFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbXVsdGktbGFuZ3VhZ2UvZ3Jhdml0eS1tdWx0aS1sYW5ndWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBT3JFLE1BQU0sT0FBTyw2QkFBNkI7SUFMMUM7UUFNcUMsNkJBQXdCLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFLL0YsU0FBSSxHQUFnQixJQUFJLENBQUM7S0FNMUM7SUFIUSxjQUFjLENBQUMsUUFBZ0I7UUFDcEMsSUFBSSxDQUFDLHdCQUF3QixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMvQyxDQUFDOytHQVhVLDZCQUE2QjttR0FBN0IsNkJBQTZCLDJPQ1AxQyx5YUFPQTs7NEZEQWEsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHdCQUF3Qjs4QkFLQyx3QkFBd0I7c0JBQTFELE1BQU07dUJBQUMsa0JBQWtCO2dCQUVWLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxnQkFBZ0I7c0JBQS9CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LW11bHRpLWxhbmd1YWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktbXVsdGktbGFuZ3VhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LW11bHRpLWxhbmd1YWdlLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlNdWx0aUxhbmd1YWdlQ29tcG9uZW50IHtcbiAgQE91dHB1dCgnc2VsZWN0ZWRMYW5ndWFnZScpIHB1YmxpYyBzZWxlY3RlZExhbmd1YWdlUmVzcG9uc2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGxhbmd1YWdlczogc3RyaW5nW107XG4gIEBJbnB1dCgpIHB1YmxpYyBzZWxlY3RlZExhbmd1YWdlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiAnc20nIHwgJ21kJyA9IFwibWRcIjtcblxuXG4gIHB1YmxpYyBjaGFuZ2VMYW5ndWFnZShsYW5ndWFnZTogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3RlZExhbmd1YWdlUmVzcG9uc2UuZW1pdChsYW5ndWFnZSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LW11bHRpLWxhbmd1YWdlIHt7c2l6ZX19XCI+XG4gIDxncmF2aXR5LWljb24gW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tY3RhLXByaW1hcnkpJ1wiIFtpY29uTmFtZV09XCInbGFuZ3VhZ2UnXCIgW2ljb25TaXplXT1cInNpemUgPT0gJ3NtJyA/ICdtZC0xNicgOiAnbGctMjQnXCI+PC9ncmF2aXR5LWljb24+XG4gIDxhICpuZ0Zvcj1cImxldCBsYW5ndWFnZSBvZiBsYW5ndWFnZXNcIiBjbGFzcz1cImhyLWJvZHlcIiAoY2xpY2spPVwiY2hhbmdlTGFuZ3VhZ2UobGFuZ3VhZ2UpXCJcbiAgICAgW25nQ2xhc3NdPVwic2VsZWN0ZWRMYW5ndWFnZSA9PSBsYW5ndWFnZSA/IHNpemUgKyAnLWJvbGQnIDogc2l6ZSArICctcmVndWxhcidcIj5cbiAgICB7eyBsYW5ndWFnZSB9fVxuICA8L2E+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -8,11 +8,11 @@ export class GravityNetworkPillComponent {
|
|
|
8
8
|
this.type = 'primary';
|
|
9
9
|
}
|
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNetworkPillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNetworkPillComponent, selector: "gravity-network-pill", inputs: { cypressTag: "cypressTag", disabled: "disabled", showNetworkIcon: "showNetworkIcon", network: "network", type: "type" }, ngImport: i0, template: "<div class=\"gravity-network-pill {{type}}\" [class.disabled]=\"disabled\">\n <p class=\"network-iso hr-body-text sm-regular\">{{ network.iso }}</p>\n <gravity-icon [iconName]=\"disabled ? 'network-id-'+ network.id + '-disabled' : 'network-id-' + network.id\"\n *ngIf=\"network?.id && showNetworkIcon\" [iconSize]=\"'sm-12'\" [isCoin]=\"true\"></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}: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-network-pill{align-items:center;border-radius:6.25rem;display:flex;width:-moz-fit-content;width:fit-content;gap:.5rem;justify-content:center;padding:1px 6px}.gravity-network-pill p{line-height:12px;margin:0}.gravity-network-pill.primary{background-color:var(--surface-primary)}.gravity-network-pill.secondary{background-color:var(--surface-secondary)}.gravity-network-pill.disabled{background-color:transparent;border:.5px solid var(--outline-disabled)}.gravity-network-pill.disabled 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"] }] }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNetworkPillComponent, selector: "gravity-network-pill", inputs: { cypressTag: "cypressTag", disabled: "disabled", showNetworkIcon: "showNetworkIcon", network: "network", type: "type" }, ngImport: i0, template: "<div class=\"gravity-network-pill {{type}}\" [class.disabled]=\"disabled\">\n <p class=\"network-iso hr-body sm-regular\">{{ network.iso }}</p>\n <gravity-icon [iconName]=\"disabled ? 'network-id-'+ network.id + '-disabled' : 'network-id-' + network.id\"\n *ngIf=\"network?.id && showNetworkIcon\" [iconSize]=\"'sm-12'\" [isCoin]=\"true\"></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}: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-network-pill{align-items:center;border-radius:6.25rem;display:flex;width:-moz-fit-content;width:fit-content;gap:.5rem;justify-content:center;padding:1px 6px}.gravity-network-pill p{line-height:12px;margin:0}.gravity-network-pill.primary{background-color:var(--surface-primary)}.gravity-network-pill.secondary{background-color:var(--surface-secondary)}.gravity-network-pill.disabled{background-color:transparent;border:.5px solid var(--outline-disabled)}.gravity-network-pill.disabled 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"] }] }); }
|
|
12
12
|
}
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNetworkPillComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
|
-
args: [{ selector: 'gravity-network-pill', template: "<div class=\"gravity-network-pill {{type}}\" [class.disabled]=\"disabled\">\n <p class=\"network-iso hr-body
|
|
15
|
+
args: [{ selector: 'gravity-network-pill', template: "<div class=\"gravity-network-pill {{type}}\" [class.disabled]=\"disabled\">\n <p class=\"network-iso hr-body sm-regular\">{{ network.iso }}</p>\n <gravity-icon [iconName]=\"disabled ? 'network-id-'+ network.id + '-disabled' : 'network-id-' + network.id\"\n *ngIf=\"network?.id && showNetworkIcon\" [iconSize]=\"'sm-12'\" [isCoin]=\"true\"></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}: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-network-pill{align-items:center;border-radius:6.25rem;display:flex;width:-moz-fit-content;width:fit-content;gap:.5rem;justify-content:center;padding:1px 6px}.gravity-network-pill p{line-height:12px;margin:0}.gravity-network-pill.primary{background-color:var(--surface-primary)}.gravity-network-pill.secondary{background-color:var(--surface-secondary)}.gravity-network-pill.disabled{background-color:transparent;border:.5px solid var(--outline-disabled)}.gravity-network-pill.disabled p{color:var(--on-bg-disabled)}\n"] }]
|
|
16
16
|
}], propDecorators: { cypressTag: [{
|
|
17
17
|
type: Input
|
|
18
18
|
}], disabled: [{
|
|
@@ -24,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
24
24
|
}], type: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1uZXR3b3JrLXBpbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LW5ldHdvcmstcGlsbC9ncmF2aXR5LW5ldHdvcmstcGlsbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbmV0d29yay1waWxsL2dyYXZpdHktbmV0d29yay1waWxsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBTy9DLE1BQU0sT0FBTywyQkFBMkI7SUFMeEM7UUFRb0Isb0JBQWUsR0FBWSxJQUFJLENBQUM7UUFFaEMsU0FBSSxHQUE0QixTQUFTLENBQUM7S0FDN0Q7K0dBTlksMkJBQTJCO21HQUEzQiwyQkFBMkIsOExDUHhDLG9ZQUlNOzs0RkRHTywyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0ksc0JBQXNCOzhCQUtoQixVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsZUFBZTtzQkFBOUIsS0FBSztnQkFDVSxPQUFPO3NCQUF0QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2dyYXZpdHktbmV0d29yay1waWxsJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1uZXR3b3JrLXBpbGwuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2dyYXZpdHktbmV0d29yay1waWxsLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlOZXR3b3JrUGlsbENvbXBvbmVudCB7XG4gICAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgICBASW5wdXQoKSBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgQElucHV0KCkgcHVibGljIHNob3dOZXR3b3JrSWNvbjogYm9vbGVhbiA9IHRydWU7XG4gICAgQElucHV0KCkgcHVibGljIG5ldHdvcms6IHsgaXNvOiBzdHJpbmcsIGlkPzogbnVtYmVyIH07XG4gICAgQElucHV0KCkgcHVibGljIHR5cGU6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknID0gJ3ByaW1hcnknO1xufVxuIiwiPGRpdiBjbGFzcz1cImdyYXZpdHktbmV0d29yay1waWxsIHt7dHlwZX19XCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCI+XG4gICAgPHAgY2xhc3M9XCJuZXR3b3JrLWlzbyBoci1ib2R5IHNtLXJlZ3VsYXJcIj57eyBuZXR3b3JrLmlzbyB9fTwvcD5cbiAgICA8Z3Jhdml0eS1pY29uIFtpY29uTmFtZV09XCJkaXNhYmxlZCA/ICduZXR3b3JrLWlkLScrICBuZXR3b3JrLmlkICsgJy1kaXNhYmxlZCcgOiAnbmV0d29yay1pZC0nICsgbmV0d29yay5pZFwiXG4gICAgICAgICAgICAgICAgICAqbmdJZj1cIm5ldHdvcms/LmlkICYmIHNob3dOZXR3b3JrSWNvblwiIFtpY29uU2l6ZV09XCInc20tMTInXCIgW2lzQ29pbl09XCJ0cnVlXCI+PC9ncmF2aXR5LWljb24+XG48L2Rpdj4iXX0=
|
|
@@ -11,12 +11,12 @@ export class GravityNotificationComponent {
|
|
|
11
11
|
this.ngbActiveModal.close();
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNotificationComponent, deps: [{ token: i1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNotificationComponent, selector: "ng-component", inputs: { notificationContent: "notificationContent" }, ngImport: i0, template: "<main class=\"alert-content {{notificationContent.state}}\">\n <gravity-icon class=\"close\" (click)=\"closeModal()\" data-cy=\"gravity_notification_informative_close_icon\"\n [iconName]=\"'unsuccess'\" [title]=\"'Close'\" [iconSize]=\"'md-16'\"></gravity-icon>\n\n <div class=\"title\">\n <!--TODO ebiazzetti change icons-->\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notificationContent.state\" [size]=\"'md'\"></gravity-icon>\n <h1 class=\"hr-title lg-bold\">{{notificationContent.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNotificationComponent, selector: "ng-component", inputs: { notificationContent: "notificationContent" }, ngImport: i0, template: "<main class=\"alert-content {{notificationContent.state}}\">\n <gravity-icon class=\"close\" (click)=\"closeModal()\" data-cy=\"gravity_notification_informative_close_icon\"\n [iconName]=\"'unsuccess'\" [title]=\"'Close'\" [iconSize]=\"'md-16'\"></gravity-icon>\n\n <div class=\"title\">\n <!--TODO ebiazzetti change icons-->\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notificationContent.state\" [size]=\"'md'\"></gravity-icon>\n <h1 class=\"hr-title lg-bold\">{{notificationContent.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body md-regular\">{{notificationContent.text}}</h2>\n <h2 class=\"hr-body md-regular\" *ngIf=\"notificationContent.details\">\n Detail: <b>{{notificationContent.details}}</b>\n </h2>\n <h2 class=\"hr-body md-regular\" *ngIf=\"notificationContent.errorCode\">\n Error code: <b>{{notificationContent.errorCode}}</b>\n </h2>\n </div>\n</main>\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}main.alert-content{border-bottom:.75rem solid var(--notification-highlight-color);border-radius:.625rem;padding:1.5rem 1.5rem 1rem;position:relative}main.alert-content.success{--notification-highlight-color: var(--notification-success-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-success-primary);--notification-icon-color: var(--on-bg-icon-notification-success-primary)}main.alert-content.error{--notification-highlight-color: var(--notification-error-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-error-primary);--notification-icon-color: var(--on-bg-icon-notification-error-primary)}main.alert-content.warning{--notification-highlight-color: var(--notification-warning-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-warning-primary);--notification-icon-color: var(--on-bg-icon-notification-warning-primary)}gravity-icon.close{cursor:pointer;height:1rem;position:absolute;right:.75rem;top:.625rem;width:1rem}gravity-icon.close:hover{background-color:var(--bg-close-dialog-header-hover-primary)}gravity-icon.close:hover ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-hover-primary)}.title{align-items:center;display:flex}.title gravity-icon.title-icon{align-items:center;background-color:var(--notification-icon-background-color);border-radius:50%;display:flex;height:2rem;line-height:0;justify-content:center;margin-right:1rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:.5rem;width:2rem}.title gravity-icon.title-icon ::ng-deep svg-icon{--icon-color: var(--notification-icon-color)}.content{margin-left:3rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNotificationComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ template: "<main class=\"alert-content {{notificationContent.state}}\">\n <gravity-icon class=\"close\" (click)=\"closeModal()\" data-cy=\"gravity_notification_informative_close_icon\"\n [iconName]=\"'unsuccess'\" [title]=\"'Close'\" [iconSize]=\"'md-16'\"></gravity-icon>\n\n <div class=\"title\">\n <!--TODO ebiazzetti change icons-->\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notificationContent.state\" [size]=\"'md'\"></gravity-icon>\n <h1 class=\"hr-title lg-bold\">{{notificationContent.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body
|
|
18
|
+
args: [{ template: "<main class=\"alert-content {{notificationContent.state}}\">\n <gravity-icon class=\"close\" (click)=\"closeModal()\" data-cy=\"gravity_notification_informative_close_icon\"\n [iconName]=\"'unsuccess'\" [title]=\"'Close'\" [iconSize]=\"'md-16'\"></gravity-icon>\n\n <div class=\"title\">\n <!--TODO ebiazzetti change icons-->\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notificationContent.state\" [size]=\"'md'\"></gravity-icon>\n <h1 class=\"hr-title lg-bold\">{{notificationContent.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body md-regular\">{{notificationContent.text}}</h2>\n <h2 class=\"hr-body md-regular\" *ngIf=\"notificationContent.details\">\n Detail: <b>{{notificationContent.details}}</b>\n </h2>\n <h2 class=\"hr-body md-regular\" *ngIf=\"notificationContent.errorCode\">\n Error code: <b>{{notificationContent.errorCode}}</b>\n </h2>\n </div>\n</main>\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}main.alert-content{border-bottom:.75rem solid var(--notification-highlight-color);border-radius:.625rem;padding:1.5rem 1.5rem 1rem;position:relative}main.alert-content.success{--notification-highlight-color: var(--notification-success-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-success-primary);--notification-icon-color: var(--on-bg-icon-notification-success-primary)}main.alert-content.error{--notification-highlight-color: var(--notification-error-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-error-primary);--notification-icon-color: var(--on-bg-icon-notification-error-primary)}main.alert-content.warning{--notification-highlight-color: var(--notification-warning-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-warning-primary);--notification-icon-color: var(--on-bg-icon-notification-warning-primary)}gravity-icon.close{cursor:pointer;height:1rem;position:absolute;right:.75rem;top:.625rem;width:1rem}gravity-icon.close:hover{background-color:var(--bg-close-dialog-header-hover-primary)}gravity-icon.close:hover ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-hover-primary)}.title{align-items:center;display:flex}.title gravity-icon.title-icon{align-items:center;background-color:var(--notification-icon-background-color);border-radius:50%;display:flex;height:2rem;line-height:0;justify-content:center;margin-right:1rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:.5rem;width:2rem}.title gravity-icon.title-icon ::ng-deep svg-icon{--icon-color: var(--notification-icon-color)}.content{margin-left:3rem}\n"] }]
|
|
19
19
|
}], ctorParameters: function () { return [{ type: i1.NgbActiveModal }]; }, propDecorators: { notificationContent: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LW5vdGlmaWNhdGlvbi9ncmF2aXR5LW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbm90aWZpY2F0aW9uL2dyYXZpdHktbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7OztBQVEvQyxNQUFNLE9BQU8sNEJBQTRCO0lBR3ZDLFlBQTZCLGNBQThCO1FBQTlCLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtJQUMzRCxDQUFDO0lBRU0sVUFBVTtRQUNmLElBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDOUIsQ0FBQzsrR0FSVSw0QkFBNEI7bUdBQTVCLDRCQUE0Qiw0R0NSekMsNjhCQW9CQTs7NEZEWmEsNEJBQTRCO2tCQUp4QyxTQUFTOztxR0FLUSxtQkFBbUI7c0JBQWxDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOZ2JBY3RpdmVNb2RhbH0gZnJvbSBcIkBuZy1ib290c3RyYXAvbmctYm9vdHN0cmFwXCI7XG5pbXBvcnQge0dyYXZpdHlOb3RpZmljYXRpb25Db250ZW50fSBmcm9tIFwiLi9ncmF2aXR5LW5vdGlmaWNhdGlvbi1jb250ZW50LmludGVyZmFjZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1ub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5Tm90aWZpY2F0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIG5vdGlmaWNhdGlvbkNvbnRlbnQ6IEdyYXZpdHlOb3RpZmljYXRpb25Db250ZW50O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgbmdiQWN0aXZlTW9kYWw6IE5nYkFjdGl2ZU1vZGFsKSB7XG4gIH1cblxuICBwdWJsaWMgY2xvc2VNb2RhbCgpOiB2b2lkIHtcbiAgICB0aGlzLm5nYkFjdGl2ZU1vZGFsLmNsb3NlKCk7XG4gIH1cbn1cbiIsIjxtYWluIGNsYXNzPVwiYWxlcnQtY29udGVudCB7e25vdGlmaWNhdGlvbkNvbnRlbnQuc3RhdGV9fVwiPlxuICA8Z3Jhdml0eS1pY29uIGNsYXNzPVwiY2xvc2VcIiAoY2xpY2spPVwiY2xvc2VNb2RhbCgpXCIgZGF0YS1jeT1cImdyYXZpdHlfbm90aWZpY2F0aW9uX2luZm9ybWF0aXZlX2Nsb3NlX2ljb25cIlxuICAgICAgICAgICAgICAgIFtpY29uTmFtZV09XCIndW5zdWNjZXNzJ1wiIFt0aXRsZV09XCInQ2xvc2UnXCIgW2ljb25TaXplXT1cIidtZC0xNidcIj48L2dyYXZpdHktaWNvbj5cblxuICA8ZGl2IGNsYXNzPVwidGl0bGVcIj5cbiAgICA8IS0tVE9ETyBlYmlhenpldHRpIGNoYW5nZSBpY29ucy0tPlxuICAgIDxncmF2aXR5LWljb24gY2xhc3M9XCJ0aXRsZS1pY29uXCIgW2ljb25OYW1lXT1cIidub3RpZmljYXRpb25fJyArIG5vdGlmaWNhdGlvbkNvbnRlbnQuc3RhdGVcIiBbc2l6ZV09XCInbWQnXCI+PC9ncmF2aXR5LWljb24+XG4gICAgPGgxIGNsYXNzPVwiaHItdGl0bGUgbGctYm9sZFwiPnt7bm90aWZpY2F0aW9uQ29udGVudC50aXRsZX19PC9oMT5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICA8aDIgY2xhc3M9XCJoci1ib2R5IG1kLXJlZ3VsYXJcIj57e25vdGlmaWNhdGlvbkNvbnRlbnQudGV4dH19PC9oMj5cbiAgICA8aDIgY2xhc3M9XCJoci1ib2R5IG1kLXJlZ3VsYXJcIiAqbmdJZj1cIm5vdGlmaWNhdGlvbkNvbnRlbnQuZGV0YWlsc1wiPlxuICAgICAgRGV0YWlsOiA8Yj57e25vdGlmaWNhdGlvbkNvbnRlbnQuZGV0YWlsc319PC9iPlxuICAgIDwvaDI+XG4gICAgPGgyIGNsYXNzPVwiaHItYm9keSBtZC1yZWd1bGFyXCIgKm5nSWY9XCJub3RpZmljYXRpb25Db250ZW50LmVycm9yQ29kZVwiPlxuICAgICAgRXJyb3IgY29kZTogPGI+e3tub3RpZmljYXRpb25Db250ZW50LmVycm9yQ29kZX19PC9iPlxuICAgIDwvaDI+XG4gIDwvZGl2PlxuPC9tYWluPlxuIl19
|
|
@@ -10,12 +10,12 @@ export class GravityNotificationInstantContainerComponent {
|
|
|
10
10
|
this.delay = 5000;
|
|
11
11
|
}
|
|
12
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNotificationInstantContainerComponent, deps: [{ token: i1.GravityInstantNotificationsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNotificationInstantContainerComponent, selector: "gravity-notification-instant-container", inputs: { delay: "delay" }, ngImport: i0, template: "<ngb-toast [autohide]=\"true\" [delay]=\"delay\"\n\n (hidden)=\"gravityInstantNotificationsService.hideNotification(i)\"\n\n *ngFor=\"let notification of gravityInstantNotificationsService.notifications; index as i\">\n <main class=\"alert-content {{notification.state}}\">\n <gravity-icon class=\"close\" (click)=\"gravityInstantNotificationsService.hideNotification(i)\"\n data-cy=\"gravity_notification_instant_close_icon\" [iconName]=\"'unsuccess'\" [iconSize]=\"'md-16'\"\n [title]=\"'Close'\"></gravity-icon>\n\n <div class=\"title\">\n <!--TODO ebiazzetti change icons-->\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notification.state\" [size]=\"'md'\"></gravity-icon>\n <h1 class=\"hr-title md-bold\">{{notification.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNotificationInstantContainerComponent, selector: "gravity-notification-instant-container", inputs: { delay: "delay" }, ngImport: i0, template: "<ngb-toast [autohide]=\"true\" [delay]=\"delay\"\n\n (hidden)=\"gravityInstantNotificationsService.hideNotification(i)\"\n\n *ngFor=\"let notification of gravityInstantNotificationsService.notifications; index as i\">\n <main class=\"alert-content {{notification.state}}\">\n <gravity-icon class=\"close\" (click)=\"gravityInstantNotificationsService.hideNotification(i)\"\n data-cy=\"gravity_notification_instant_close_icon\" [iconName]=\"'unsuccess'\" [iconSize]=\"'md-16'\"\n [title]=\"'Close'\"></gravity-icon>\n\n <div class=\"title\">\n <!--TODO ebiazzetti change icons-->\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notification.state\" [size]=\"'md'\"></gravity-icon>\n <h1 class=\"hr-title md-bold\">{{notification.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body sm-regular\">{{notification.text}}</h2>\n <h2 class=\"hr-body sm-regular\" *ngIf=\"notification.errorCode\">\n Error code: <b>{{notification.errorCode}}</b>\n </h2>\n </div>\n </main>\n</ngb-toast>\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}:host{padding:.75rem;position:absolute;right:0;top:0;z-index:1200}main.alert-content{background-color:var(--bg-notification-primary);border-bottom:.75rem solid var(--notification-highlight-color);border-radius:.625rem;box-shadow:0 27px 34px #000c208f;color:var(--on-bg-notification-primary);margin-bottom:1rem;padding:1rem 1.5rem;position:relative;width:23rem}main.alert-content.success{--notification-highlight-color: var(--notification-success-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-success-primary);--notification-icon-color: var(--on-bg-icon-notification-success-primary)}main.alert-content.error{--notification-highlight-color: var(--notification-error-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-error-primary);--notification-icon-color: var(--on-bg-icon-notification-error-primary)}main.alert-content.warning{--notification-highlight-color: var(--notification-warning-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-warning-primary);--notification-icon-color: var(--on-bg-icon-notification-warning-primary)}gravity-icon.close{cursor:pointer;height:1rem;position:absolute;right:.75rem;top:.625rem;width:1rem}gravity-icon.close:hover{background-color:var(--bg-close-dialog-header-hover-primary)}gravity-icon.close:hover ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-hover-primary)}.title{align-items:center;display:flex}.title gravity-icon.title-icon{align-items:center;background-color:var(--notification-icon-background-color);border-radius:50%;display:flex;height:2rem;line-height:0;justify-content:center;margin-right:1rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:.5rem;width:2rem}.title gravity-icon.title-icon ::ng-deep svg-icon{--icon-color: var(--notification-icon-color)}.content{margin-left:3rem}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NgbToast, selector: "ngb-toast", inputs: ["animation", "delay", "autohide", "header"], outputs: ["shown", "hidden"], exportAs: ["ngbToast"] }, { kind: "component", type: i4.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNotificationInstantContainerComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'gravity-notification-instant-container', template: "<ngb-toast [autohide]=\"true\" [delay]=\"delay\"\n\n (hidden)=\"gravityInstantNotificationsService.hideNotification(i)\"\n\n *ngFor=\"let notification of gravityInstantNotificationsService.notifications; index as i\">\n <main class=\"alert-content {{notification.state}}\">\n <gravity-icon class=\"close\" (click)=\"gravityInstantNotificationsService.hideNotification(i)\"\n data-cy=\"gravity_notification_instant_close_icon\" [iconName]=\"'unsuccess'\" [iconSize]=\"'md-16'\"\n [title]=\"'Close'\"></gravity-icon>\n\n <div class=\"title\">\n <!--TODO ebiazzetti change icons-->\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notification.state\" [size]=\"'md'\"></gravity-icon>\n <h1 class=\"hr-title md-bold\">{{notification.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body
|
|
17
|
+
args: [{ selector: 'gravity-notification-instant-container', template: "<ngb-toast [autohide]=\"true\" [delay]=\"delay\"\n\n (hidden)=\"gravityInstantNotificationsService.hideNotification(i)\"\n\n *ngFor=\"let notification of gravityInstantNotificationsService.notifications; index as i\">\n <main class=\"alert-content {{notification.state}}\">\n <gravity-icon class=\"close\" (click)=\"gravityInstantNotificationsService.hideNotification(i)\"\n data-cy=\"gravity_notification_instant_close_icon\" [iconName]=\"'unsuccess'\" [iconSize]=\"'md-16'\"\n [title]=\"'Close'\"></gravity-icon>\n\n <div class=\"title\">\n <!--TODO ebiazzetti change icons-->\n <gravity-icon class=\"title-icon\" [iconName]=\"'notification_' + notification.state\" [size]=\"'md'\"></gravity-icon>\n <h1 class=\"hr-title md-bold\">{{notification.title}}</h1>\n </div>\n\n <div class=\"content\">\n <h2 class=\"hr-body sm-regular\">{{notification.text}}</h2>\n <h2 class=\"hr-body sm-regular\" *ngIf=\"notification.errorCode\">\n Error code: <b>{{notification.errorCode}}</b>\n </h2>\n </div>\n </main>\n</ngb-toast>\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}:host{padding:.75rem;position:absolute;right:0;top:0;z-index:1200}main.alert-content{background-color:var(--bg-notification-primary);border-bottom:.75rem solid var(--notification-highlight-color);border-radius:.625rem;box-shadow:0 27px 34px #000c208f;color:var(--on-bg-notification-primary);margin-bottom:1rem;padding:1rem 1.5rem;position:relative;width:23rem}main.alert-content.success{--notification-highlight-color: var(--notification-success-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-success-primary);--notification-icon-color: var(--on-bg-icon-notification-success-primary)}main.alert-content.error{--notification-highlight-color: var(--notification-error-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-error-primary);--notification-icon-color: var(--on-bg-icon-notification-error-primary)}main.alert-content.warning{--notification-highlight-color: var(--notification-warning-highlight-primary);--notification-icon-background-color: var(--bg-icon-notification-warning-primary);--notification-icon-color: var(--on-bg-icon-notification-warning-primary)}gravity-icon.close{cursor:pointer;height:1rem;position:absolute;right:.75rem;top:.625rem;width:1rem}gravity-icon.close:hover{background-color:var(--bg-close-dialog-header-hover-primary)}gravity-icon.close:hover ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-hover-primary)}.title{align-items:center;display:flex}.title gravity-icon.title-icon{align-items:center;background-color:var(--notification-icon-background-color);border-radius:50%;display:flex;height:2rem;line-height:0;justify-content:center;margin-right:1rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:.5rem;width:2rem}.title gravity-icon.title-icon ::ng-deep svg-icon{--icon-color: var(--notification-icon-color)}.content{margin-left:3rem}\n"] }]
|
|
18
18
|
}], ctorParameters: function () { return [{ type: i1.GravityInstantNotificationsService }]; }, propDecorators: { delay: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}] } });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1ub3RpZmljYXRpb24taW5zdGFudC1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LW5vdGlmaWNhdGlvbi1pbnN0YW50L2dyYXZpdHktbm90aWZpY2F0aW9uLWluc3RhbnQtY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1ub3RpZmljYXRpb24taW5zdGFudC9ncmF2aXR5LW5vdGlmaWNhdGlvbi1pbnN0YW50LWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUS9DLE1BQU0sT0FBTyw0Q0FBNEM7SUFHdkQsWUFBNEIsa0NBQXNFO1FBQXRFLHVDQUFrQyxHQUFsQyxrQ0FBa0MsQ0FBb0M7UUFGbEYsVUFBSyxHQUFXLElBQUksQ0FBQztJQUdyQyxDQUFDOytHQUpVLDRDQUE0QzttR0FBNUMsNENBQTRDLDBHQ1J6RCx5bUNBd0JBOzs0RkRoQmEsNENBQTRDO2tCQUx4RCxTQUFTOytCQUNFLHdDQUF3Qzt5SEFLbEMsS0FBSztzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0dyYXZpdHlJbnN0YW50Tm90aWZpY2F0aW9uc1NlcnZpY2V9IGZyb20gXCIuLi8uLi9zZXJ2aWNlcy9ncmF2aXR5LWluc3RhbnQtbm90aWZpY2F0aW9ucy5zZXJ2aWNlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktbm90aWZpY2F0aW9uLWluc3RhbnQtY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktbm90aWZpY2F0aW9uLWluc3RhbnQtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1ub3RpZmljYXRpb24taW5zdGFudC1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5Tm90aWZpY2F0aW9uSW5zdGFudENvbnRhaW5lckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBkZWxheTogbnVtYmVyID0gNTAwMDtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcmVhZG9ubHkgZ3Jhdml0eUluc3RhbnROb3RpZmljYXRpb25zU2VydmljZTogR3Jhdml0eUluc3RhbnROb3RpZmljYXRpb25zU2VydmljZSkge1xuICB9XG59XG4iLCI8bmdiLXRvYXN0IFthdXRvaGlkZV09XCJ0cnVlXCIgW2RlbGF5XT1cImRlbGF5XCJcblxuICAgICAgICAgICAoaGlkZGVuKT1cImdyYXZpdHlJbnN0YW50Tm90aWZpY2F0aW9uc1NlcnZpY2UuaGlkZU5vdGlmaWNhdGlvbihpKVwiXG5cbiAgICAgICAgICAgKm5nRm9yPVwibGV0IG5vdGlmaWNhdGlvbiBvZiBncmF2aXR5SW5zdGFudE5vdGlmaWNhdGlvbnNTZXJ2aWNlLm5vdGlmaWNhdGlvbnM7IGluZGV4IGFzIGlcIj5cbiAgPG1haW4gY2xhc3M9XCJhbGVydC1jb250ZW50IHt7bm90aWZpY2F0aW9uLnN0YXRlfX1cIj5cbiAgICA8Z3Jhdml0eS1pY29uIGNsYXNzPVwiY2xvc2VcIiAoY2xpY2spPVwiZ3Jhdml0eUluc3RhbnROb3RpZmljYXRpb25zU2VydmljZS5oaWRlTm90aWZpY2F0aW9uKGkpXCJcbiAgICAgICAgICAgICAgICAgIGRhdGEtY3k9XCJncmF2aXR5X25vdGlmaWNhdGlvbl9pbnN0YW50X2Nsb3NlX2ljb25cIiBbaWNvbk5hbWVdPVwiJ3Vuc3VjY2VzcydcIiBbaWNvblNpemVdPVwiJ21kLTE2J1wiXG4gICAgICAgICAgICAgICAgICBbdGl0bGVdPVwiJ0Nsb3NlJ1wiPjwvZ3Jhdml0eS1pY29uPlxuXG4gICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XG4gICAgICA8IS0tVE9ETyBlYmlhenpldHRpIGNoYW5nZSBpY29ucy0tPlxuICAgICAgPGdyYXZpdHktaWNvbiBjbGFzcz1cInRpdGxlLWljb25cIiBbaWNvbk5hbWVdPVwiJ25vdGlmaWNhdGlvbl8nICsgbm90aWZpY2F0aW9uLnN0YXRlXCIgW3NpemVdPVwiJ21kJ1wiPjwvZ3Jhdml0eS1pY29uPlxuICAgICAgPGgxIGNsYXNzPVwiaHItdGl0bGUgbWQtYm9sZFwiPnt7bm90aWZpY2F0aW9uLnRpdGxlfX08L2gxPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICAgIDxoMiBjbGFzcz1cImhyLWJvZHkgc20tcmVndWxhclwiPnt7bm90aWZpY2F0aW9uLnRleHR9fTwvaDI+XG4gICAgICA8aDIgY2xhc3M9XCJoci1ib2R5IHNtLXJlZ3VsYXJcIiAqbmdJZj1cIm5vdGlmaWNhdGlvbi5lcnJvckNvZGVcIj5cbiAgICAgICAgRXJyb3IgY29kZTogPGI+e3tub3RpZmljYXRpb24uZXJyb3JDb2RlfX08L2I+XG4gICAgICA8L2gyPlxuICAgIDwvZGl2PlxuICA8L21haW4+XG48L25nYi10b2FzdD5cbiJdfQ==
|