@progressio_resources/gravity-design-system 3.2.5 → 3.2.6
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-generic-avatar-secondary/gravity-generic-avatar-secondary.component.mjs +6 -4
- package/esm2022/lib/components/gravity-icon/gravity-icon.component.mjs +1 -5
- package/fesm2022/progressio_resources-gravity-design-system.mjs +5 -7
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/components/gravity-generic-avatar-secondary/gravity-generic-avatar-secondary.component.d.ts +4 -3
- package/lib/components/gravity-icon/gravity-icon.component.d.ts +1 -5
- package/package.json +1 -1
- package/src/lib/assets/json/icons.json +0 -28
- package/src/lib/assets/images/hero-avatar/hero-avatar-active-admin.svg +0 -15
- package/src/lib/assets/images/hero-avatar/hero-avatar-active-regular.svg +0 -15
- package/src/lib/assets/images/hero-avatar/hero-avatar-active-support.svg +0 -15
- package/src/lib/assets/images/hero-avatar/hero-avatar-blocked-all.svg +0 -15
- package/src/lib/assets/images/hero-avatar/hero-avatar-inactive-admin.svg +0 -15
- package/src/lib/assets/images/hero-avatar/hero-avatar-inactive-regular.svg +0 -15
- package/src/lib/assets/images/hero-avatar/hero-avatar-inactive-support.svg +0 -15
|
@@ -7,20 +7,22 @@ export class GravityGenericAvatarSecondaryComponent {
|
|
|
7
7
|
this.type = 'neutral';
|
|
8
8
|
}
|
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityGenericAvatarSecondaryComponent, selector: "gravity-generic-avatar-secondary", inputs: { label: "label", initials: "initials",
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityGenericAvatarSecondaryComponent, selector: "gravity-generic-avatar-secondary", inputs: { label: "label", initials: "initials", iconName: "iconName", imageUrl: "imageUrl", cypressTag: "cypressTag", type: "type" }, ngImport: i0, template: "<div class=\"generic-avatar-secondary {{ type }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <h1 *ngIf=\"initials\" class=\"hr-title lg-regular\"> {{ initials }} </h1>\n <img *ngIf=\"!initials && imageUrl\" [src]=\"imageUrl\" alt=\"avatar image\" class=\"avatar-image\" />\n <gravity-icon *ngIf=\"!initials && !imageUrl && iconName\" [iconName]=\"iconName\"> </gravity-icon>\n </div>\n </div>\n\n <div class=\"state-name\">\n <span [attr.data-cy]=\"cypressTag\" class=\"hr-body sm-regular\"> {{ label }} </span>\n </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.generic-avatar-secondary{width:70px;display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center}.generic-avatar-secondary .avatar-outer-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle{width:64px;height:64px;display:flex;position:relative;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle .avatar-image{width:100%;height:100%;border-radius:50%}.generic-avatar-secondary .state-name{height:17px;bottom:-8px;position:absolute;white-space:nowrap;border-radius:.3125rem;padding:var(--gravity-spacing-xxs);margin-top:calc(-1 * var(--gravity-spacing-xs))}.generic-avatar-secondary .state-name span{height:9px;display:block;margin-top:-4px}.generic-avatar-secondary.active .avatar-outer-circle{border:1.5px solid var(--bg-button-active-primary)}.generic-avatar-secondary.active .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-hover-tertiary)}.generic-avatar-secondary.active .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-tertiary)}.generic-avatar-secondary.active .state-name{color:var(--on-bg-button-active-primary);background:var(--bg-button-active-primary)}.generic-avatar-secondary.positive .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .state-name{color:var(--bg-button-active-positive);background:var(--on-bg-button-active-positive)}.generic-avatar-secondary.negative .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .state-name{color:var(--bg-button-active-negative);background:var(--on-bg-button-active-negative)}.generic-avatar-secondary.neutral .avatar-outer-circle{border:1.5px solid var(--text-primary)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle{background:var(--bg-disabled)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle h1{color:var(--text-primary)}.generic-avatar-secondary.neutral .state-name{color:var(--bg-disabled);background:var(--text-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarSecondaryComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'gravity-generic-avatar-secondary', template: "<div class=\"generic-avatar-secondary {{ type }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <h1 *ngIf=\"initials\" class=\"hr-title lg-regular\"> {{ initials }} </h1>\n <gravity-icon *ngIf=\"!initials &&
|
|
14
|
+
args: [{ selector: 'gravity-generic-avatar-secondary', template: "<div class=\"generic-avatar-secondary {{ type }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <h1 *ngIf=\"initials\" class=\"hr-title lg-regular\"> {{ initials }} </h1>\n <img *ngIf=\"!initials && imageUrl\" [src]=\"imageUrl\" alt=\"avatar image\" class=\"avatar-image\" />\n <gravity-icon *ngIf=\"!initials && !imageUrl && iconName\" [iconName]=\"iconName\"> </gravity-icon>\n </div>\n </div>\n\n <div class=\"state-name\">\n <span [attr.data-cy]=\"cypressTag\" class=\"hr-body sm-regular\"> {{ label }} </span>\n </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.generic-avatar-secondary{width:70px;display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center}.generic-avatar-secondary .avatar-outer-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle{width:64px;height:64px;display:flex;position:relative;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle .avatar-image{width:100%;height:100%;border-radius:50%}.generic-avatar-secondary .state-name{height:17px;bottom:-8px;position:absolute;white-space:nowrap;border-radius:.3125rem;padding:var(--gravity-spacing-xxs);margin-top:calc(-1 * var(--gravity-spacing-xs))}.generic-avatar-secondary .state-name span{height:9px;display:block;margin-top:-4px}.generic-avatar-secondary.active .avatar-outer-circle{border:1.5px solid var(--bg-button-active-primary)}.generic-avatar-secondary.active .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-hover-tertiary)}.generic-avatar-secondary.active .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-tertiary)}.generic-avatar-secondary.active .state-name{color:var(--on-bg-button-active-primary);background:var(--bg-button-active-primary)}.generic-avatar-secondary.positive .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .state-name{color:var(--bg-button-active-positive);background:var(--on-bg-button-active-positive)}.generic-avatar-secondary.negative .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .state-name{color:var(--bg-button-active-negative);background:var(--on-bg-button-active-negative)}.generic-avatar-secondary.neutral .avatar-outer-circle{border:1.5px solid var(--text-primary)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle{background:var(--bg-disabled)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle h1{color:var(--text-primary)}.generic-avatar-secondary.neutral .state-name{color:var(--bg-disabled);background:var(--text-primary)}\n"] }]
|
|
15
15
|
}], propDecorators: { label: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}], initials: [{
|
|
18
18
|
type: Input
|
|
19
|
-
}],
|
|
19
|
+
}], iconName: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}], imageUrl: [{
|
|
20
22
|
type: Input
|
|
21
23
|
}], cypressTag: [{
|
|
22
24
|
type: Input
|
|
23
25
|
}], type: [{
|
|
24
26
|
type: Input
|
|
25
27
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1nZW5lcmljLWF2YXRhci1zZWNvbmRhcnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LWdlbmVyaWMtYXZhdGFyLXNlY29uZGFyeS9ncmF2aXR5LWdlbmVyaWMtYXZhdGFyLXNlY29uZGFyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZ2VuZXJpYy1hdmF0YXItc2Vjb25kYXJ5L2dyYXZpdHktZ2VuZXJpYy1hdmF0YXItc2Vjb25kYXJ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2pELE1BQU0sT0FBTyxzQ0FBc0M7SUFMbkQ7UUFXVyxTQUFJLEdBQW1ELFNBQVMsQ0FBQztLQUMzRTsrR0FQWSxzQ0FBc0M7bUdBQXRDLHNDQUFzQyw4TUNQbkQsMm5CQWFBOzs0RkROYSxzQ0FBc0M7a0JBTGxELFNBQVM7K0JBQ0Usa0NBQWtDOzhCQUtuQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktZ2VuZXJpYy1hdmF0YXItc2Vjb25kYXJ5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktZ2VuZXJpYy1hdmF0YXItc2Vjb25kYXJ5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1nZW5lcmljLWF2YXRhci1zZWNvbmRhcnkuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5R2VuZXJpY0F2YXRhclNlY29uZGFyeUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGluaXRpYWxzOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGljb25OYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGltYWdlVXJsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgQElucHV0KCkgdHlwZTogJ2FjdGl2ZScgfCAncG9zaXRpdmUnIHwgJ25lZ2F0aXZlJyB8ICduZXV0cmFsJyA9ICduZXV0cmFsJztcbn1cbiIsIjxkaXYgY2xhc3M9XCJnZW5lcmljLWF2YXRhci1zZWNvbmRhcnkge3sgdHlwZSB9fVwiPlxuICAgIDxkaXYgY2xhc3M9XCJhdmF0YXItb3V0ZXItY2lyY2xlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJhdmF0YXItaW5uZXItY2lyY2xlXCI+XG4gICAgICAgICAgICA8aDEgKm5nSWY9XCJpbml0aWFsc1wiIGNsYXNzPVwiaHItdGl0bGUgbGctcmVndWxhclwiPiB7eyBpbml0aWFscyB9fSA8L2gxPlxuICAgICAgICAgICAgPGltZyAqbmdJZj1cIiFpbml0aWFscyAmJiBpbWFnZVVybFwiIFtzcmNdPVwiaW1hZ2VVcmxcIiBhbHQ9XCJhdmF0YXIgaW1hZ2VcIiBjbGFzcz1cImF2YXRhci1pbWFnZVwiIC8+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uICpuZ0lmPVwiIWluaXRpYWxzICYmICFpbWFnZVVybCAmJiBpY29uTmFtZVwiIFtpY29uTmFtZV09XCJpY29uTmFtZVwiPiA8L2dyYXZpdHktaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwic3RhdGUtbmFtZVwiPlxuICAgICAgICA8c3BhbiBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWdcIiBjbGFzcz1cImhyLWJvZHkgc20tcmVndWxhclwiPiB7eyBsYWJlbCB9fSA8L3NwYW4+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -93,9 +93,5 @@ export var ICONS;
|
|
|
93
93
|
ICONS[ICONS["user"] = 56] = "user";
|
|
94
94
|
ICONS[ICONS["wallet"] = 57] = "wallet";
|
|
95
95
|
ICONS[ICONS["warning-circle"] = 58] = "warning-circle";
|
|
96
|
-
ICONS[ICONS["hero-avatar-admin"] = 59] = "hero-avatar-admin";
|
|
97
|
-
ICONS[ICONS["hero-avatar-regular"] = 60] = "hero-avatar-regular";
|
|
98
|
-
ICONS[ICONS["hero-avatar-support"] = 61] = "hero-avatar-support";
|
|
99
|
-
ICONS[ICONS["hero-avatar-blocked"] = 62] = "hero-avatar-blocked";
|
|
100
96
|
})(ICONS || (ICONS = {}));
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
97
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1pY29uL2dyYXZpdHktaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktaWNvbi9ncmF2aXR5LWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQU8vQyxNQUFNLE9BQU8sb0JBQW9CO0lBUXhCLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBZ0I7UUFDdEMsT0FBTyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksU0FBUyxDQUFDO0lBQzFDLENBQUM7SUFFTSxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQWdCO1FBQ3RDLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLFNBQVMsQ0FBQztJQUN0QyxDQUFDOytHQWRVLG9CQUFvQjttR0FBcEIsb0JBQW9CLHdOQ1BqQywrUEFFQTs7NEZES2Esb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWM7OEJBS1IsdUJBQXVCO3NCQUF0QyxLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSzs7QUFXUixNQUFNLENBQU4sSUFBWSxTQUdYO0FBSEQsV0FBWSxTQUFTO0lBQ25CLCtDQUFTLENBQUE7SUFDVCxxREFBWSxDQUFBO0FBQ2QsQ0FBQyxFQUhXLFNBQVMsS0FBVCxTQUFTLFFBR3BCO0FBRUQsTUFBTSxDQUFOLElBQVksS0E0RFg7QUE1REQsV0FBWSxLQUFLO0lBQ2YsNkNBQVksQ0FBQTtJQUNaLCtDQUFhLENBQUE7SUFDYiw2Q0FBWSxDQUFBO0lBQ1osNkNBQVksQ0FBQTtJQUNaLCtDQUFhLENBQUE7SUFDYix5Q0FBVSxDQUFBO0lBQ1YsaUNBQU0sQ0FBQTtJQUNOLHlDQUFVLENBQUE7SUFDVixtQ0FBTyxDQUFBO0lBQ1AsbURBQWUsQ0FBQTtJQUNmLG9DQUFPLENBQUE7SUFDUCxnRUFBcUIsQ0FBQTtJQUNyQiw0REFBbUIsQ0FBQTtJQUNuQixrQ0FBTSxDQUFBO0lBQ04sd0NBQVMsQ0FBQTtJQUNULDBDQUFVLENBQUE7SUFDViw4Q0FBWSxDQUFBO0lBQ1osMENBQVUsQ0FBQTtJQUNWLDREQUFtQixDQUFBO0lBQ25CLDBDQUFVLENBQUE7SUFDViw4Q0FBWSxDQUFBO0lBQ1osa0NBQU0sQ0FBQTtJQUNOLDhEQUFvQixDQUFBO0lBQ3BCLGdFQUFxQixDQUFBO0lBQ3JCLDBDQUFVLENBQUE7SUFDVixrQ0FBTSxDQUFBO0lBQ04sa0NBQU0sQ0FBQTtJQUNOLDBDQUFVLENBQUE7SUFDVix3Q0FBUyxDQUFBO0lBQ1Qsa0RBQWMsQ0FBQTtJQUNkLHdDQUFTLENBQUE7SUFDVCxrQ0FBTSxDQUFBO0lBQ04sZ0NBQUssQ0FBQTtJQUNMLDhCQUFJLENBQUE7SUFDSixzQ0FBUSxDQUFBO0lBQ1Isa0NBQU0sQ0FBQTtJQUNOLHdEQUFpQixDQUFBO0lBQ2pCLG9DQUFPLENBQUE7SUFDUCxvQ0FBTyxDQUFBO0lBQ1Asc0NBQVEsQ0FBQTtJQUNSLDREQUFtQixDQUFBO0lBQ25CLHNDQUFRLENBQUE7SUFDUiwwQ0FBVSxDQUFBO0lBQ1YsMENBQVUsQ0FBQTtJQUNWLDBDQUFVLENBQUE7SUFDVixrQ0FBTSxDQUFBO0lBQ04sc0RBQWdCLENBQUE7SUFDaEIsb0NBQU8sQ0FBQTtJQUNQLDBEQUFrQixDQUFBO0lBQ2xCLDREQUFtQixDQUFBO0lBQ25CLHNDQUFRLENBQUE7SUFDUixrQ0FBTSxDQUFBO0lBQ04sb0NBQU8sQ0FBQTtJQUNQLHNDQUFRLENBQUE7SUFDUiw0Q0FBVyxDQUFBO0lBQ1gsc0NBQVEsQ0FBQTtJQUNSLGtDQUFNLENBQUE7SUFDTixzQ0FBUSxDQUFBO0lBQ1Isc0RBQWdCLENBQUE7QUFDbEIsQ0FBQyxFQTVEVyxLQUFLLEtBQUwsS0FBSyxRQTREaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LWljb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1pY29uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eUljb25Db21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tSWNvbkNvbG9yVmFyaWFibGU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGljb25OYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uU2l6ZTogJ2xnLTI0JyB8ICdtZC0xNicgfCAnc20tMTInIHwgJ3hsLTMyJztcbiAgQElucHV0KCkgcHVibGljIGhvdmVySWNvbjogYm9vbGVhbjtcbiAgQElucHV0KCkgcHVibGljIHNpemU6ICdzbScgfCAnbWQnIHwgJ2xnJztcbiAgQElucHV0KCkgcHVibGljIGlzQ29pbjogYm9vbGVhbjtcblxuICBwdWJsaWMgc3RhdGljIGlzT2xkSWNvbihpY29uTmFtZTogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIE9MRF9JQ09OU1tpY29uTmFtZV0gIT0gdW5kZWZpbmVkO1xuICB9XG5cbiAgcHVibGljIHN0YXRpYyBpc05ld0ljb24oaWNvbk5hbWU6IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBJQ09OU1tpY29uTmFtZV0gIT0gdW5kZWZpbmVkO1xuICB9XG59XG5cbmV4cG9ydCBlbnVtIE9MRF9JQ09OUyB7XG4gICd1bmNoZWNrJyxcbiAgJ2Fycm93LWJhY2snXG59XG5cbmV4cG9ydCBlbnVtIElDT05TIHtcbiAgJ2FkZC11cGRhdGUnLFxuICAnYWRkcmVzc2Jvb2snLFxuICAnYXJyb3ctZG93bicsXG4gICdhcnJvdy1sZWZ0JyxcbiAgJ2Fycm93LXJpZ2h0JyxcbiAgJ2Fycm93LXVwJyxcbiAgJ2JlbGwnLFxuICAnY2FsZW5kYXInLFxuICAnY2hlY2snLFxuICAnY2hlY2tib3gtZGFzaCcsXG4gICdjbG9jaycsXG4gICdjaGV2cm9uLWRvdWJsZS1kb3duJyxcbiAgJ2NoZXZyb24tZG91YmxlLXVwJyxcbiAgJ2NvcHknLFxuICAnZGVwb3NpdCcsXG4gICdkb3dubG9hZCcsXG4gICdleWUtY2xvc2VkJyxcbiAgJ2V5ZS1vcGVuJyxcbiAgJ2V4Y2hhbmdlLXByb3ZpZGVyJyxcbiAgJ2dyYXBoaWNzJyxcbiAgJ2hhcHB5LWZhY2UnLFxuICAnaG9tZScsXG4gICdpbmZvcm1hdGlvbi1jaXJjbGUnLFxuICAnaW50ZXJuYWwtcHJvY2Vzc2luZycsXG4gICdsYW5ndWFnZScsXG4gICdtYWlsJyxcbiAgJ21lbnUnLFxuICAnbW9uZXktaW4nLFxuICAnbW9uaXRvcicsXG4gICdtb3JlLW9wdGlvbnMnLFxuICAnbmV3LXRhYicsXG4gICduZXdzJyxcbiAgJ29mZicsXG4gICdvbicsXG4gICdwYXlvdXQnLFxuICAncGx1cycsXG4gICdxdWVzdGlvbi1jaXJjbGUnLFxuICAncXVldWUnLFxuICAncmF0ZXMnLFxuICAncmVwb3J0JyxcbiAgJ3JpZ2h0LWFuZ2xlLWFycm93JyxcbiAgJ3NlYXJjaCcsXG4gICdzZWN1cml0eScsXG4gICdzZXR0aW5ncycsXG4gICdzaWduLW91dCcsXG4gICdzdG9wJyxcbiAgJ3N1Y2Nlc3MtY2lyY2xlJyxcbiAgJ3N3YXBzJyxcbiAgJ3N3YXBzLWFycm93LWxlZnQnLFxuICAnc3dhcHMtYXJyb3ctcmlnaHQnLFxuICAnc3dpdGNoJyxcbiAgJ3Rvb2wnLFxuICAndHJhc2gnLFxuICAndW5sb2NrJyxcbiAgJ3Vuc3VjY2VzcycsXG4gICd1cGRhdGUnLFxuICAndXNlcicsXG4gICd3YWxsZXQnLFxuICAnd2FybmluZy1jaXJjbGUnXG59XG4iLCI8c3ZnLWljb24gW2NsYXNzLndpdGgtaG92ZXJdPVwiaG92ZXJJY29uXCIgY2xhc3M9XCJ7e3NpemV9fSB7e2ljb25TaXplfX1cIiBbc3R5bGUuLS1pY29uLWNvbG9yXT1cImN1c3RvbUljb25Db2xvclZhcmlhYmxlXCJcbiAgICAgICAgICBbbmFtZV09XCJpc0NvaW4gPyAnZ3QtaWNvbi0nICsgaWNvbk5hbWUgOiBpY29uU2l6ZSA/ICdndC1pY29uLScgKyBpY29uTmFtZSArICctJyArIGljb25TaXplIDogaWNvbk5hbWVcIj48L3N2Zy1pY29uPlxuIl19
|
|
@@ -114,10 +114,6 @@ var ICONS;
|
|
|
114
114
|
ICONS[ICONS["user"] = 56] = "user";
|
|
115
115
|
ICONS[ICONS["wallet"] = 57] = "wallet";
|
|
116
116
|
ICONS[ICONS["warning-circle"] = 58] = "warning-circle";
|
|
117
|
-
ICONS[ICONS["hero-avatar-admin"] = 59] = "hero-avatar-admin";
|
|
118
|
-
ICONS[ICONS["hero-avatar-regular"] = 60] = "hero-avatar-regular";
|
|
119
|
-
ICONS[ICONS["hero-avatar-support"] = 61] = "hero-avatar-support";
|
|
120
|
-
ICONS[ICONS["hero-avatar-blocked"] = 62] = "hero-avatar-blocked";
|
|
121
117
|
})(ICONS || (ICONS = {}));
|
|
122
118
|
|
|
123
119
|
class GravityButtonComponent {
|
|
@@ -6043,16 +6039,18 @@ class GravityGenericAvatarSecondaryComponent {
|
|
|
6043
6039
|
this.type = 'neutral';
|
|
6044
6040
|
}
|
|
6045
6041
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6046
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityGenericAvatarSecondaryComponent, selector: "gravity-generic-avatar-secondary", inputs: { label: "label", initials: "initials",
|
|
6042
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityGenericAvatarSecondaryComponent, selector: "gravity-generic-avatar-secondary", inputs: { label: "label", initials: "initials", iconName: "iconName", imageUrl: "imageUrl", cypressTag: "cypressTag", type: "type" }, ngImport: i0, template: "<div class=\"generic-avatar-secondary {{ type }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <h1 *ngIf=\"initials\" class=\"hr-title lg-regular\"> {{ initials }} </h1>\n <img *ngIf=\"!initials && imageUrl\" [src]=\"imageUrl\" alt=\"avatar image\" class=\"avatar-image\" />\n <gravity-icon *ngIf=\"!initials && !imageUrl && iconName\" [iconName]=\"iconName\"> </gravity-icon>\n </div>\n </div>\n\n <div class=\"state-name\">\n <span [attr.data-cy]=\"cypressTag\" class=\"hr-body sm-regular\"> {{ label }} </span>\n </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.generic-avatar-secondary{width:70px;display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center}.generic-avatar-secondary .avatar-outer-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle{width:64px;height:64px;display:flex;position:relative;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle .avatar-image{width:100%;height:100%;border-radius:50%}.generic-avatar-secondary .state-name{height:17px;bottom:-8px;position:absolute;white-space:nowrap;border-radius:.3125rem;padding:var(--gravity-spacing-xxs);margin-top:calc(-1 * var(--gravity-spacing-xs))}.generic-avatar-secondary .state-name span{height:9px;display:block;margin-top:-4px}.generic-avatar-secondary.active .avatar-outer-circle{border:1.5px solid var(--bg-button-active-primary)}.generic-avatar-secondary.active .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-hover-tertiary)}.generic-avatar-secondary.active .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-tertiary)}.generic-avatar-secondary.active .state-name{color:var(--on-bg-button-active-primary);background:var(--bg-button-active-primary)}.generic-avatar-secondary.positive .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .state-name{color:var(--bg-button-active-positive);background:var(--on-bg-button-active-positive)}.generic-avatar-secondary.negative .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .state-name{color:var(--bg-button-active-negative);background:var(--on-bg-button-active-negative)}.generic-avatar-secondary.neutral .avatar-outer-circle{border:1.5px solid var(--text-primary)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle{background:var(--bg-disabled)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle h1{color:var(--text-primary)}.generic-avatar-secondary.neutral .state-name{color:var(--bg-disabled);background:var(--text-primary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
6047
6043
|
}
|
|
6048
6044
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarSecondaryComponent, decorators: [{
|
|
6049
6045
|
type: Component,
|
|
6050
|
-
args: [{ selector: 'gravity-generic-avatar-secondary', template: "<div class=\"generic-avatar-secondary {{ type }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <h1 *ngIf=\"initials\" class=\"hr-title lg-regular\"> {{ initials }} </h1>\n <gravity-icon *ngIf=\"!initials &&
|
|
6046
|
+
args: [{ selector: 'gravity-generic-avatar-secondary', template: "<div class=\"generic-avatar-secondary {{ type }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <h1 *ngIf=\"initials\" class=\"hr-title lg-regular\"> {{ initials }} </h1>\n <img *ngIf=\"!initials && imageUrl\" [src]=\"imageUrl\" alt=\"avatar image\" class=\"avatar-image\" />\n <gravity-icon *ngIf=\"!initials && !imageUrl && iconName\" [iconName]=\"iconName\"> </gravity-icon>\n </div>\n </div>\n\n <div class=\"state-name\">\n <span [attr.data-cy]=\"cypressTag\" class=\"hr-body sm-regular\"> {{ label }} </span>\n </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.generic-avatar-secondary{width:70px;display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center}.generic-avatar-secondary .avatar-outer-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle{width:64px;height:64px;display:flex;position:relative;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle .avatar-image{width:100%;height:100%;border-radius:50%}.generic-avatar-secondary .state-name{height:17px;bottom:-8px;position:absolute;white-space:nowrap;border-radius:.3125rem;padding:var(--gravity-spacing-xxs);margin-top:calc(-1 * var(--gravity-spacing-xs))}.generic-avatar-secondary .state-name span{height:9px;display:block;margin-top:-4px}.generic-avatar-secondary.active .avatar-outer-circle{border:1.5px solid var(--bg-button-active-primary)}.generic-avatar-secondary.active .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-hover-tertiary)}.generic-avatar-secondary.active .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-tertiary)}.generic-avatar-secondary.active .state-name{color:var(--on-bg-button-active-primary);background:var(--bg-button-active-primary)}.generic-avatar-secondary.positive .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .state-name{color:var(--bg-button-active-positive);background:var(--on-bg-button-active-positive)}.generic-avatar-secondary.negative .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .state-name{color:var(--bg-button-active-negative);background:var(--on-bg-button-active-negative)}.generic-avatar-secondary.neutral .avatar-outer-circle{border:1.5px solid var(--text-primary)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle{background:var(--bg-disabled)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle h1{color:var(--text-primary)}.generic-avatar-secondary.neutral .state-name{color:var(--bg-disabled);background:var(--text-primary)}\n"] }]
|
|
6051
6047
|
}], propDecorators: { label: [{
|
|
6052
6048
|
type: Input
|
|
6053
6049
|
}], initials: [{
|
|
6054
6050
|
type: Input
|
|
6055
|
-
}],
|
|
6051
|
+
}], iconName: [{
|
|
6052
|
+
type: Input
|
|
6053
|
+
}], imageUrl: [{
|
|
6056
6054
|
type: Input
|
|
6057
6055
|
}], cypressTag: [{
|
|
6058
6056
|
type: Input
|