@progressio_resources/gravity-design-system 3.0.3 → 3.0.5
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-avatar-stack/gravity-avatar-stack.component.mjs +26 -11
- package/esm2022/lib/components/gravity-icon/gravity-icon.component.mjs +38 -32
- package/fesm2022/progressio_resources-gravity-design-system.mjs +62 -41
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/components/gravity-avatar-stack/gravity-avatar-stack.component.d.ts +5 -4
- package/lib/components/gravity-icon/gravity-icon.component.d.ts +37 -31
- package/package.json +1 -1
|
@@ -5,37 +5,52 @@ import * as i2 from "../gravity-icon/gravity-icon.component";
|
|
|
5
5
|
export class GravityAvatarStackComponent {
|
|
6
6
|
constructor() {
|
|
7
7
|
this.isCoin = true;
|
|
8
|
+
this.selectMultipleItems = false;
|
|
8
9
|
this.clickOnIcon = new EventEmitter();
|
|
9
10
|
this.selectedIndexes = [];
|
|
10
11
|
this.selectedItems = [];
|
|
11
12
|
}
|
|
12
13
|
onClick(index) {
|
|
13
14
|
const selectedIndex = this.selectedIndexes.indexOf(index);
|
|
14
|
-
if (
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
if (this.selectMultipleItems) {
|
|
16
|
+
if (selectedIndex !== -1) {
|
|
17
|
+
this.selectedIndexes = this.selectedIndexes.filter(i => i !== index);
|
|
18
|
+
this.selectedItems = this.selectedItems.filter(item => item !== this.items[index]);
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
this.selectedIndexes.push(index);
|
|
22
|
+
this.selectedItems.push(this.items[index]);
|
|
23
|
+
}
|
|
17
24
|
}
|
|
18
25
|
else {
|
|
19
|
-
|
|
20
|
-
|
|
26
|
+
if (selectedIndex === -1) {
|
|
27
|
+
this.selectedIndexes = [index];
|
|
28
|
+
this.selectedItems = [this.items[index]];
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
this.selectedIndexes = [];
|
|
32
|
+
this.selectedItems = [];
|
|
33
|
+
}
|
|
21
34
|
}
|
|
22
35
|
this.clickOnIcon.emit(this.selectedItems);
|
|
23
36
|
}
|
|
24
37
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityAvatarStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityAvatarStackComponent, selector: "gravity-avatar-stack", inputs: {
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityAvatarStackComponent, selector: "gravity-avatar-stack", inputs: { config: "config", isCoin: "isCoin", items: "items", selectMultipleItems: "selectMultipleItems", size: "size" }, outputs: { clickOnIcon: "clickOnIcon" }, ngImport: i0, template: "<div class=\"stack-icon-container\">\n <ng-container *ngFor=\"let item of items; let i = index\">\n <div class=\"icon-wrapper\" [style.z-index]=\"selectedIndexes.includes(i) ? 100 : items.length - i\"\n [class.selected]=\"selectedIndexes.includes(i)\">\n <gravity-icon\n class=\"avatar-icon pointer {{size}}\"\n (click)=\"onClick(i);\" [attr.data-cy]=\"'stack-item-' + item[config.label]\"\n [iconName]=\"'coin-id-' + item[config.icon]\"\n [isCoin]=\"isCoin\">\n </gravity-icon>\n <p *ngIf=\"config.label\" class=\"hr-body-text sm-regular hover-text\">{{ item[config.label] }}</p>\n </div>\n </ng-container>\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}.stack-icon-container{display:flex;position:relative}.icon-wrapper{position:relative}.icon-wrapper:not(:first-child){margin-left:-4px}.selected .avatar-icon{outline:1px solid var(--bg-button-active-primary);border-radius:6.25rem}.avatar-icon{height:var(--avatar-icon-height);min-height:var(--avatar-icon-height);width:var(--avatar-icon-width);min-width:var(--avatar-icon-width)}.hover-text{background-color:var(--bg-button-pressed-primary);color:var(--on-bg-button-active-primary);display:none;position:absolute;padding:2px;top:calc(100% + 4px);left:50%;transform:translate(-50%);white-space:nowrap;line-height:normal;border-radius:1.105px}.icon-wrapper:hover .hover-text{display:block}@media (max-width: 992px){.icon-wrapper .hover-text{display:none}.icon-wrapper.selected .hover-text{display:block}.icon-wrapper:not(.selected) .hover-text{display:none!important}}.sm{--avatar-icon-height: 24px;--avatar-icon-width: 24px}.md{--avatar-icon-height: 32px;--avatar-icon-width: 32px}.lg{--avatar-icon-height: 46px;--avatar-icon-width: 46px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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"] }] }); }
|
|
26
39
|
}
|
|
27
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityAvatarStackComponent, decorators: [{
|
|
28
41
|
type: Component,
|
|
29
|
-
args: [{ selector: 'gravity-avatar-stack', template: "<div class=\"stack-icon-container\">\n <ng-container *ngFor=\"let item of items; let i = index\">\n <div class=\"icon-wrapper\" [style.z-index]=\"selectedIndexes.includes(i) ? 100 : items.length - i\"\n [class.selected]=\"selectedIndexes.includes(i)\">\n <gravity-icon\n class=\"avatar-icon pointer {{size}}\"\n (click)=\"onClick(i);\"\n [iconName]=\"'coin-id-' + item[config.icon]\"\n [isCoin]=\"isCoin\">\n </gravity-icon>\n <p *ngIf=\"config.label\" class=\"hr-body-text sm-regular hover-text\">{{ item[config.label] }}</p>\n </div>\n </ng-container>\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}.stack-icon-container{display:flex;position:relative}.icon-wrapper{position:relative}.icon-wrapper:not(:first-child){margin-left:-4px}.selected .avatar-icon{outline:1px solid var(--bg-button-active-primary);border-radius:6.25rem}.avatar-icon{height:var(--avatar-icon-height);min-height:var(--avatar-icon-height);width:var(--avatar-icon-width);min-width:var(--avatar-icon-width)}.hover-text{background-color:var(--bg-button-pressed-primary);color:var(--on-bg-button-active-primary);display:none;position:absolute;padding:2px;top:calc(100% + 4px);left:50%;transform:translate(-50%);white-space:nowrap;line-height:normal;border-radius:1.105px}.icon-wrapper:hover .hover-text{display:block}@media (max-width: 992px){.icon-wrapper .hover-text{display:none}.icon-wrapper.selected .hover-text{display:block}.icon-wrapper:not(.selected) .hover-text{display:none!important}}.sm{--avatar-icon-height: 24px;--avatar-icon-width: 24px}.md{--avatar-icon-height: 32px;--avatar-icon-width: 32px}.lg{--avatar-icon-height: 46px;--avatar-icon-width: 46px}\n"] }]
|
|
30
|
-
}], propDecorators: {
|
|
42
|
+
args: [{ selector: 'gravity-avatar-stack', template: "<div class=\"stack-icon-container\">\n <ng-container *ngFor=\"let item of items; let i = index\">\n <div class=\"icon-wrapper\" [style.z-index]=\"selectedIndexes.includes(i) ? 100 : items.length - i\"\n [class.selected]=\"selectedIndexes.includes(i)\">\n <gravity-icon\n class=\"avatar-icon pointer {{size}}\"\n (click)=\"onClick(i);\" [attr.data-cy]=\"'stack-item-' + item[config.label]\"\n [iconName]=\"'coin-id-' + item[config.icon]\"\n [isCoin]=\"isCoin\">\n </gravity-icon>\n <p *ngIf=\"config.label\" class=\"hr-body-text sm-regular hover-text\">{{ item[config.label] }}</p>\n </div>\n </ng-container>\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}.stack-icon-container{display:flex;position:relative}.icon-wrapper{position:relative}.icon-wrapper:not(:first-child){margin-left:-4px}.selected .avatar-icon{outline:1px solid var(--bg-button-active-primary);border-radius:6.25rem}.avatar-icon{height:var(--avatar-icon-height);min-height:var(--avatar-icon-height);width:var(--avatar-icon-width);min-width:var(--avatar-icon-width)}.hover-text{background-color:var(--bg-button-pressed-primary);color:var(--on-bg-button-active-primary);display:none;position:absolute;padding:2px;top:calc(100% + 4px);left:50%;transform:translate(-50%);white-space:nowrap;line-height:normal;border-radius:1.105px}.icon-wrapper:hover .hover-text{display:block}@media (max-width: 992px){.icon-wrapper .hover-text{display:none}.icon-wrapper.selected .hover-text{display:block}.icon-wrapper:not(.selected) .hover-text{display:none!important}}.sm{--avatar-icon-height: 24px;--avatar-icon-width: 24px}.md{--avatar-icon-height: 32px;--avatar-icon-width: 32px}.lg{--avatar-icon-height: 46px;--avatar-icon-width: 46px}\n"] }]
|
|
43
|
+
}], propDecorators: { config: [{
|
|
31
44
|
type: Input
|
|
32
45
|
}], isCoin: [{
|
|
33
46
|
type: Input
|
|
34
|
-
}],
|
|
47
|
+
}], items: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], selectMultipleItems: [{
|
|
35
50
|
type: Input
|
|
36
|
-
}],
|
|
51
|
+
}], size: [{
|
|
37
52
|
type: Input
|
|
38
53
|
}], clickOnIcon: [{
|
|
39
54
|
type: Output
|
|
40
55
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1hdmF0YXItc3RhY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LWF2YXRhci1zdGFjay9ncmF2aXR5LWF2YXRhci1zdGFjay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktYXZhdGFyLXN0YWNrL2dyYXZpdHktYXZhdGFyLXN0YWNrLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFPckUsTUFBTSxPQUFPLDJCQUEyQjtJQUx4QztRQU9rQixXQUFNLEdBQVksSUFBSSxDQUFDO1FBRXZCLHdCQUFtQixHQUFZLEtBQUssQ0FBQztRQUdwQyxnQkFBVyxHQUF3QixJQUFJLFlBQVksRUFBTyxDQUFDO1FBRXJFLG9CQUFlLEdBQWEsRUFBRSxDQUFDO1FBQy9CLGtCQUFhLEdBQWUsRUFBRSxDQUFDO0tBd0J2QztJQXRCUSxPQUFPLENBQUMsS0FBYTtRQUMxQixNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUUxRCxJQUFJLElBQUksQ0FBQyxtQkFBbUIsRUFBRTtZQUM1QixJQUFJLGFBQWEsS0FBSyxDQUFDLENBQUMsRUFBRTtnQkFDeEIsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsS0FBSyxLQUFLLENBQUMsQ0FBQztnQkFDckUsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7YUFDcEY7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ2pDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQzthQUM1QztTQUNGO2FBQU07WUFDTCxJQUFJLGFBQWEsS0FBSyxDQUFDLENBQUMsRUFBRTtnQkFDeEIsSUFBSSxDQUFDLGVBQWUsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUMvQixJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO2FBQzFDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxlQUFlLEdBQUcsRUFBRSxDQUFDO2dCQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLEVBQUUsQ0FBQzthQUN6QjtTQUNGO1FBQ0QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzVDLENBQUM7K0dBakNVLDJCQUEyQjttR0FBM0IsMkJBQTJCLCtOQ1B4Qyw0cUJBYU07OzRGRE5PLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSxzQkFBc0I7OEJBS2hCLE1BQU07c0JBQXJCLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLG1CQUFtQjtzQkFBbEMsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUVXLFdBQVc7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1hdmF0YXItc3RhY2snLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1hdmF0YXItc3RhY2suY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LWF2YXRhci1zdGFjay5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlBdmF0YXJTdGFja0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBjb25maWc6IHsgaWNvbjogc3RyaW5nLCBsYWJlbDogc3RyaW5nIH07XG4gIEBJbnB1dCgpIHB1YmxpYyBpc0NvaW46IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBwdWJsaWMgaXRlbXM6IEFycmF5PGFueT47XG4gIEBJbnB1dCgpIHB1YmxpYyBzZWxlY3RNdWx0aXBsZUl0ZW1zOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiAnbGcnIHwgJ21kJyB8ICdzbSc7XG5cbiAgQE91dHB1dCgpIHB1YmxpYyBjbGlja09uSWNvbjogRXZlbnRFbWl0dGVyPGFueVtdPiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIHB1YmxpYyBzZWxlY3RlZEluZGV4ZXM6IG51bWJlcltdID0gW107XG4gIHB1YmxpYyBzZWxlY3RlZEl0ZW1zOiBBcnJheTxhbnk+ID0gW107XG5cbiAgcHVibGljIG9uQ2xpY2soaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGNvbnN0IHNlbGVjdGVkSW5kZXggPSB0aGlzLnNlbGVjdGVkSW5kZXhlcy5pbmRleE9mKGluZGV4KTtcblxuICAgIGlmICh0aGlzLnNlbGVjdE11bHRpcGxlSXRlbXMpIHtcbiAgICAgIGlmIChzZWxlY3RlZEluZGV4ICE9PSAtMSkge1xuICAgICAgICB0aGlzLnNlbGVjdGVkSW5kZXhlcyA9IHRoaXMuc2VsZWN0ZWRJbmRleGVzLmZpbHRlcihpID0+IGkgIT09IGluZGV4KTtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zID0gdGhpcy5zZWxlY3RlZEl0ZW1zLmZpbHRlcihpdGVtID0+IGl0ZW0gIT09IHRoaXMuaXRlbXNbaW5kZXhdKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWRJbmRleGVzLnB1c2goaW5kZXgpO1xuICAgICAgICB0aGlzLnNlbGVjdGVkSXRlbXMucHVzaCh0aGlzLml0ZW1zW2luZGV4XSk7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIGlmIChzZWxlY3RlZEluZGV4ID09PSAtMSkge1xuICAgICAgICB0aGlzLnNlbGVjdGVkSW5kZXhlcyA9IFtpbmRleF07XG4gICAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtcyA9IFt0aGlzLml0ZW1zW2luZGV4XV07XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLnNlbGVjdGVkSW5kZXhlcyA9IFtdO1xuICAgICAgICB0aGlzLnNlbGVjdGVkSXRlbXMgPSBbXTtcbiAgICAgIH1cbiAgICB9XG4gICAgdGhpcy5jbGlja09uSWNvbi5lbWl0KHRoaXMuc2VsZWN0ZWRJdGVtcyk7XG4gIH1cbn0iLCI8ZGl2IGNsYXNzPVwic3RhY2staWNvbi1jb250YWluZXJcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtczsgbGV0IGkgPSBpbmRleFwiPlxuICAgIDxkaXYgY2xhc3M9XCJpY29uLXdyYXBwZXJcIiBbc3R5bGUuei1pbmRleF09XCJzZWxlY3RlZEluZGV4ZXMuaW5jbHVkZXMoaSkgPyAxMDAgOiBpdGVtcy5sZW5ndGggLSBpXCJcbiAgICAgICAgIFtjbGFzcy5zZWxlY3RlZF09XCJzZWxlY3RlZEluZGV4ZXMuaW5jbHVkZXMoaSlcIj5cbiAgICAgIDxncmF2aXR5LWljb25cbiAgICAgICAgICBjbGFzcz1cImF2YXRhci1pY29uIHBvaW50ZXIge3tzaXplfX1cIlxuICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKGkpO1wiIFthdHRyLmRhdGEtY3ldPVwiJ3N0YWNrLWl0ZW0tJyArIGl0ZW1bY29uZmlnLmxhYmVsXVwiXG4gICAgICAgICAgW2ljb25OYW1lXT1cIidjb2luLWlkLScgKyBpdGVtW2NvbmZpZy5pY29uXVwiXG4gICAgICAgICAgW2lzQ29pbl09XCJpc0NvaW5cIj5cbiAgICAgIDwvZ3Jhdml0eS1pY29uPlxuICAgICAgPHAgKm5nSWY9XCJjb25maWcubGFiZWxcIiBjbGFzcz1cImhyLWJvZHktdGV4dCBzbS1yZWd1bGFyIGhvdmVyLXRleHRcIj57eyBpdGVtW2NvbmZpZy5sYWJlbF0gfX08L3A+XG4gICAgPC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuPC9kaXY+Il19
|
|
@@ -45,36 +45,42 @@ export var ICONS;
|
|
|
45
45
|
ICONS[ICONS["chevron-double-down"] = 8] = "chevron-double-down";
|
|
46
46
|
ICONS[ICONS["chevron-double-up"] = 9] = "chevron-double-up";
|
|
47
47
|
ICONS[ICONS["copy"] = 10] = "copy";
|
|
48
|
-
ICONS[ICONS["
|
|
49
|
-
ICONS[ICONS["
|
|
50
|
-
ICONS[ICONS["eye-
|
|
51
|
-
ICONS[ICONS["
|
|
52
|
-
ICONS[ICONS["
|
|
53
|
-
ICONS[ICONS["
|
|
54
|
-
ICONS[ICONS["
|
|
55
|
-
ICONS[ICONS["
|
|
56
|
-
ICONS[ICONS["
|
|
57
|
-
ICONS[ICONS["
|
|
58
|
-
ICONS[ICONS["
|
|
59
|
-
ICONS[ICONS["
|
|
60
|
-
ICONS[ICONS["
|
|
61
|
-
ICONS[ICONS["
|
|
62
|
-
ICONS[ICONS["
|
|
63
|
-
ICONS[ICONS["
|
|
64
|
-
ICONS[ICONS["
|
|
65
|
-
ICONS[ICONS["
|
|
66
|
-
ICONS[ICONS["
|
|
67
|
-
ICONS[ICONS["
|
|
68
|
-
ICONS[ICONS["
|
|
69
|
-
ICONS[ICONS["
|
|
70
|
-
ICONS[ICONS["
|
|
71
|
-
ICONS[ICONS["
|
|
72
|
-
ICONS[ICONS["
|
|
73
|
-
ICONS[ICONS["
|
|
74
|
-
ICONS[ICONS["
|
|
75
|
-
ICONS[ICONS["
|
|
76
|
-
ICONS[ICONS["
|
|
77
|
-
ICONS[ICONS["
|
|
78
|
-
ICONS[ICONS["
|
|
48
|
+
ICONS[ICONS["deposit"] = 11] = "deposit";
|
|
49
|
+
ICONS[ICONS["download"] = 12] = "download";
|
|
50
|
+
ICONS[ICONS["eye-closed"] = 13] = "eye-closed";
|
|
51
|
+
ICONS[ICONS["eye-open"] = 14] = "eye-open";
|
|
52
|
+
ICONS[ICONS["exchange-provider"] = 15] = "exchange-provider";
|
|
53
|
+
ICONS[ICONS["graphics"] = 16] = "graphics";
|
|
54
|
+
ICONS[ICONS["happy-face"] = 17] = "happy-face";
|
|
55
|
+
ICONS[ICONS["home"] = 18] = "home";
|
|
56
|
+
ICONS[ICONS["information-circle"] = 19] = "information-circle";
|
|
57
|
+
ICONS[ICONS["internal-processing"] = 20] = "internal-processing";
|
|
58
|
+
ICONS[ICONS["language"] = 21] = "language";
|
|
59
|
+
ICONS[ICONS["mail"] = 22] = "mail";
|
|
60
|
+
ICONS[ICONS["menu"] = 23] = "menu";
|
|
61
|
+
ICONS[ICONS["more-options"] = 24] = "more-options";
|
|
62
|
+
ICONS[ICONS["new-tab"] = 25] = "new-tab";
|
|
63
|
+
ICONS[ICONS["news"] = 26] = "news";
|
|
64
|
+
ICONS[ICONS["payout"] = 27] = "payout";
|
|
65
|
+
ICONS[ICONS["plus"] = 28] = "plus";
|
|
66
|
+
ICONS[ICONS["question-circle"] = 29] = "question-circle";
|
|
67
|
+
ICONS[ICONS["rates"] = 30] = "rates";
|
|
68
|
+
ICONS[ICONS["report"] = 31] = "report";
|
|
69
|
+
ICONS[ICONS["search"] = 32] = "search";
|
|
70
|
+
ICONS[ICONS["security"] = 33] = "security";
|
|
71
|
+
ICONS[ICONS["settings"] = 34] = "settings";
|
|
72
|
+
ICONS[ICONS["sign-out"] = 35] = "sign-out";
|
|
73
|
+
ICONS[ICONS["success-circle"] = 36] = "success-circle";
|
|
74
|
+
ICONS[ICONS["swaps"] = 37] = "swaps";
|
|
75
|
+
ICONS[ICONS["swaps-arrow-left"] = 38] = "swaps-arrow-left";
|
|
76
|
+
ICONS[ICONS["swaps-arrow-right"] = 39] = "swaps-arrow-right";
|
|
77
|
+
ICONS[ICONS["switch"] = 40] = "switch";
|
|
78
|
+
ICONS[ICONS["tool"] = 41] = "tool";
|
|
79
|
+
ICONS[ICONS["trash"] = 42] = "trash";
|
|
80
|
+
ICONS[ICONS["unlock"] = 43] = "unlock";
|
|
81
|
+
ICONS[ICONS["unsuccess"] = 44] = "unsuccess";
|
|
82
|
+
ICONS[ICONS["update"] = 45] = "update";
|
|
83
|
+
ICONS[ICONS["user"] = 46] = "user";
|
|
84
|
+
ICONS[ICONS["warning-circle"] = 47] = "warning-circle";
|
|
79
85
|
})(ICONS || (ICONS = {}));
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1pY29uL2dyYXZpdHktaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktaWNvbi9ncmF2aXR5LWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQU8vQyxNQUFNLE9BQU8sb0JBQW9CO0lBUXhCLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBZ0I7UUFDdEMsT0FBTyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksU0FBUyxDQUFDO0lBQzFDLENBQUM7SUFFTSxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQWdCO1FBQ3RDLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLFNBQVMsQ0FBQztJQUN0QyxDQUFDOytHQWRVLG9CQUFvQjttR0FBcEIsb0JBQW9CLHdOQ1BqQywrUEFFQTs7NEZES2Esb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWM7OEJBS1IsdUJBQXVCO3NCQUF0QyxLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSzs7QUFXUixNQUFNLENBQU4sSUFBWSxTQUdYO0FBSEQsV0FBWSxTQUFTO0lBQ25CLCtDQUFTLENBQUE7SUFDVCxxREFBWSxDQUFBO0FBQ2QsQ0FBQyxFQUhXLFNBQVMsS0FBVCxTQUFTLFFBR3BCO0FBRUQsTUFBTSxDQUFOLElBQVksS0FpRFg7QUFqREQsV0FBWSxLQUFLO0lBQ2YsK0NBQWEsQ0FBQTtJQUNiLDZDQUFZLENBQUE7SUFDWiw2Q0FBWSxDQUFBO0lBQ1osK0NBQWEsQ0FBQTtJQUNiLHlDQUFVLENBQUE7SUFDVixpQ0FBTSxDQUFBO0lBQ04seUNBQVUsQ0FBQTtJQUNWLG1DQUFPLENBQUE7SUFDUCwrREFBcUIsQ0FBQTtJQUNyQiwyREFBbUIsQ0FBQTtJQUNuQixrQ0FBTSxDQUFBO0lBQ04sd0NBQVMsQ0FBQTtJQUNULDBDQUFVLENBQUE7SUFDViw4Q0FBWSxDQUFBO0lBQ1osMENBQVUsQ0FBQTtJQUNWLDREQUFtQixDQUFBO0lBQ25CLDBDQUFVLENBQUE7SUFDViw4Q0FBWSxDQUFBO0lBQ1osa0NBQU0sQ0FBQTtJQUNOLDhEQUFvQixDQUFBO0lBQ3BCLGdFQUFxQixDQUFBO0lBQ3JCLDBDQUFVLENBQUE7SUFDVixrQ0FBTSxDQUFBO0lBQ04sa0NBQU0sQ0FBQTtJQUNOLGtEQUFjLENBQUE7SUFDZCx3Q0FBUyxDQUFBO0lBQ1Qsa0NBQU0sQ0FBQTtJQUNOLHNDQUFRLENBQUE7SUFDUixrQ0FBTSxDQUFBO0lBQ04sd0RBQWlCLENBQUE7SUFDakIsb0NBQU8sQ0FBQTtJQUNQLHNDQUFRLENBQUE7SUFDUixzQ0FBUSxDQUFBO0lBQ1IsMENBQVUsQ0FBQTtJQUNWLDBDQUFVLENBQUE7SUFDViwwQ0FBVSxDQUFBO0lBQ1Ysc0RBQWdCLENBQUE7SUFDaEIsb0NBQU8sQ0FBQTtJQUNQLDBEQUFrQixDQUFBO0lBQ2xCLDREQUFtQixDQUFBO0lBQ25CLHNDQUFRLENBQUE7SUFDUixrQ0FBTSxDQUFBO0lBQ04sb0NBQU8sQ0FBQTtJQUNQLHNDQUFRLENBQUE7SUFDUiw0Q0FBVyxDQUFBO0lBQ1gsc0NBQVEsQ0FBQTtJQUNSLGtDQUFNLENBQUE7SUFDTixzREFBZ0IsQ0FBQTtBQUNsQixDQUFDLEVBakRXLEtBQUssS0FBTCxLQUFLLFFBaURoQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LWljb24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5SWNvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21JY29uQ29sb3JWYXJpYWJsZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbk5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGljb25TaXplOiAnbGctMjQnIHwgJ21kLTE2JyB8ICdzbS0xMicgfCAneGwtMzInO1xuICBASW5wdXQoKSBwdWJsaWMgaG92ZXJJY29uOiBib29sZWFuO1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnO1xuICBASW5wdXQoKSBwdWJsaWMgaXNDb2luOiBib29sZWFuO1xuXG4gIHB1YmxpYyBzdGF0aWMgaXNPbGRJY29uKGljb25OYW1lOiBzdHJpbmcpOiBib29sZWFuIHtcbiAgICByZXR1cm4gT0xEX0lDT05TW2ljb25OYW1lXSAhPSB1bmRlZmluZWQ7XG4gIH1cblxuICBwdWJsaWMgc3RhdGljIGlzTmV3SWNvbihpY29uTmFtZTogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIElDT05TW2ljb25OYW1lXSAhPSB1bmRlZmluZWQ7XG4gIH1cbn1cblxuZXhwb3J0IGVudW0gT0xEX0lDT05TIHtcbiAgJ3VuY2hlY2snLFxuICAnYXJyb3ctYmFjaydcbn1cblxuZXhwb3J0IGVudW0gSUNPTlMge1xuICAnYWRkcmVzc2Jvb2snLFxuICAnYXJyb3ctZG93bicsXG4gICdhcnJvdy1sZWZ0JyxcbiAgJ2Fycm93LXJpZ2h0JyxcbiAgJ2Fycm93LXVwJyxcbiAgJ2JlbGwnLFxuICAnY2FsZW5kYXInLFxuICAnY2hlY2snLFxuICAnY2hldnJvbi1kb3VibGUtZG93bicsXG4gICdjaGV2cm9uLWRvdWJsZS11cCcsXG4gICdjb3B5JyxcbiAgJ2RlcG9zaXQnLFxuICAnZG93bmxvYWQnLFxuICAnZXllLWNsb3NlZCcsXG4gICdleWUtb3BlbicsXG4gICdleGNoYW5nZS1wcm92aWRlcicsXG4gICdncmFwaGljcycsXG4gICdoYXBweS1mYWNlJyxcbiAgJ2hvbWUnLFxuICAnaW5mb3JtYXRpb24tY2lyY2xlJyxcbiAgJ2ludGVybmFsLXByb2Nlc3NpbmcnLFxuICAnbGFuZ3VhZ2UnLFxuICAnbWFpbCcsXG4gICdtZW51JyxcbiAgJ21vcmUtb3B0aW9ucycsXG4gICduZXctdGFiJyxcbiAgJ25ld3MnLFxuICAncGF5b3V0JyxcbiAgJ3BsdXMnLFxuICAncXVlc3Rpb24tY2lyY2xlJyxcbiAgJ3JhdGVzJyxcbiAgJ3JlcG9ydCcsXG4gICdzZWFyY2gnLFxuICAnc2VjdXJpdHknLFxuICAnc2V0dGluZ3MnLFxuICAnc2lnbi1vdXQnLFxuICAnc3VjY2Vzcy1jaXJjbGUnLFxuICAnc3dhcHMnLFxuICAnc3dhcHMtYXJyb3ctbGVmdCcsXG4gICdzd2Fwcy1hcnJvdy1yaWdodCcsXG4gICdzd2l0Y2gnLFxuICAndG9vbCcsXG4gICd0cmFzaCcsXG4gICd1bmxvY2snLFxuICAndW5zdWNjZXNzJyxcbiAgJ3VwZGF0ZScsXG4gICd1c2VyJyxcbiAgJ3dhcm5pbmctY2lyY2xlJ1xufVxuIiwiPHN2Zy1pY29uIFtjbGFzcy53aXRoLWhvdmVyXT1cImhvdmVySWNvblwiIGNsYXNzPVwie3tzaXplfX0ge3tpY29uU2l6ZX19XCIgW3N0eWxlLi0taWNvbi1jb2xvcl09XCJjdXN0b21JY29uQ29sb3JWYXJpYWJsZVwiXG4gICAgICAgICAgW25hbWVdPVwiaXNDb2luID8gJ2d0LWljb24tJyArIGljb25OYW1lIDogaWNvblNpemUgPyAnZ3QtaWNvbi0nICsgaWNvbk5hbWUgKyAnLScgKyBpY29uU2l6ZSA6IGljb25OYW1lXCI+PC9zdmctaWNvbj5cbiJdfQ==
|
|
@@ -64,37 +64,43 @@ var ICONS;
|
|
|
64
64
|
ICONS[ICONS["chevron-double-down"] = 8] = "chevron-double-down";
|
|
65
65
|
ICONS[ICONS["chevron-double-up"] = 9] = "chevron-double-up";
|
|
66
66
|
ICONS[ICONS["copy"] = 10] = "copy";
|
|
67
|
-
ICONS[ICONS["
|
|
68
|
-
ICONS[ICONS["
|
|
69
|
-
ICONS[ICONS["eye-
|
|
70
|
-
ICONS[ICONS["
|
|
71
|
-
ICONS[ICONS["
|
|
72
|
-
ICONS[ICONS["
|
|
73
|
-
ICONS[ICONS["
|
|
74
|
-
ICONS[ICONS["
|
|
75
|
-
ICONS[ICONS["
|
|
76
|
-
ICONS[ICONS["
|
|
77
|
-
ICONS[ICONS["
|
|
78
|
-
ICONS[ICONS["
|
|
79
|
-
ICONS[ICONS["
|
|
80
|
-
ICONS[ICONS["
|
|
81
|
-
ICONS[ICONS["
|
|
82
|
-
ICONS[ICONS["
|
|
83
|
-
ICONS[ICONS["
|
|
84
|
-
ICONS[ICONS["
|
|
85
|
-
ICONS[ICONS["
|
|
86
|
-
ICONS[ICONS["
|
|
87
|
-
ICONS[ICONS["
|
|
88
|
-
ICONS[ICONS["
|
|
89
|
-
ICONS[ICONS["
|
|
90
|
-
ICONS[ICONS["
|
|
91
|
-
ICONS[ICONS["
|
|
92
|
-
ICONS[ICONS["
|
|
93
|
-
ICONS[ICONS["
|
|
94
|
-
ICONS[ICONS["
|
|
95
|
-
ICONS[ICONS["
|
|
96
|
-
ICONS[ICONS["
|
|
97
|
-
ICONS[ICONS["
|
|
67
|
+
ICONS[ICONS["deposit"] = 11] = "deposit";
|
|
68
|
+
ICONS[ICONS["download"] = 12] = "download";
|
|
69
|
+
ICONS[ICONS["eye-closed"] = 13] = "eye-closed";
|
|
70
|
+
ICONS[ICONS["eye-open"] = 14] = "eye-open";
|
|
71
|
+
ICONS[ICONS["exchange-provider"] = 15] = "exchange-provider";
|
|
72
|
+
ICONS[ICONS["graphics"] = 16] = "graphics";
|
|
73
|
+
ICONS[ICONS["happy-face"] = 17] = "happy-face";
|
|
74
|
+
ICONS[ICONS["home"] = 18] = "home";
|
|
75
|
+
ICONS[ICONS["information-circle"] = 19] = "information-circle";
|
|
76
|
+
ICONS[ICONS["internal-processing"] = 20] = "internal-processing";
|
|
77
|
+
ICONS[ICONS["language"] = 21] = "language";
|
|
78
|
+
ICONS[ICONS["mail"] = 22] = "mail";
|
|
79
|
+
ICONS[ICONS["menu"] = 23] = "menu";
|
|
80
|
+
ICONS[ICONS["more-options"] = 24] = "more-options";
|
|
81
|
+
ICONS[ICONS["new-tab"] = 25] = "new-tab";
|
|
82
|
+
ICONS[ICONS["news"] = 26] = "news";
|
|
83
|
+
ICONS[ICONS["payout"] = 27] = "payout";
|
|
84
|
+
ICONS[ICONS["plus"] = 28] = "plus";
|
|
85
|
+
ICONS[ICONS["question-circle"] = 29] = "question-circle";
|
|
86
|
+
ICONS[ICONS["rates"] = 30] = "rates";
|
|
87
|
+
ICONS[ICONS["report"] = 31] = "report";
|
|
88
|
+
ICONS[ICONS["search"] = 32] = "search";
|
|
89
|
+
ICONS[ICONS["security"] = 33] = "security";
|
|
90
|
+
ICONS[ICONS["settings"] = 34] = "settings";
|
|
91
|
+
ICONS[ICONS["sign-out"] = 35] = "sign-out";
|
|
92
|
+
ICONS[ICONS["success-circle"] = 36] = "success-circle";
|
|
93
|
+
ICONS[ICONS["swaps"] = 37] = "swaps";
|
|
94
|
+
ICONS[ICONS["swaps-arrow-left"] = 38] = "swaps-arrow-left";
|
|
95
|
+
ICONS[ICONS["swaps-arrow-right"] = 39] = "swaps-arrow-right";
|
|
96
|
+
ICONS[ICONS["switch"] = 40] = "switch";
|
|
97
|
+
ICONS[ICONS["tool"] = 41] = "tool";
|
|
98
|
+
ICONS[ICONS["trash"] = 42] = "trash";
|
|
99
|
+
ICONS[ICONS["unlock"] = 43] = "unlock";
|
|
100
|
+
ICONS[ICONS["unsuccess"] = 44] = "unsuccess";
|
|
101
|
+
ICONS[ICONS["update"] = 45] = "update";
|
|
102
|
+
ICONS[ICONS["user"] = 46] = "user";
|
|
103
|
+
ICONS[ICONS["warning-circle"] = 47] = "warning-circle";
|
|
98
104
|
})(ICONS || (ICONS = {}));
|
|
99
105
|
|
|
100
106
|
class GravityButtonComponent {
|
|
@@ -4859,35 +4865,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4859
4865
|
class GravityAvatarStackComponent {
|
|
4860
4866
|
constructor() {
|
|
4861
4867
|
this.isCoin = true;
|
|
4868
|
+
this.selectMultipleItems = false;
|
|
4862
4869
|
this.clickOnIcon = new EventEmitter();
|
|
4863
4870
|
this.selectedIndexes = [];
|
|
4864
4871
|
this.selectedItems = [];
|
|
4865
4872
|
}
|
|
4866
4873
|
onClick(index) {
|
|
4867
4874
|
const selectedIndex = this.selectedIndexes.indexOf(index);
|
|
4868
|
-
if (
|
|
4869
|
-
|
|
4870
|
-
|
|
4875
|
+
if (this.selectMultipleItems) {
|
|
4876
|
+
if (selectedIndex !== -1) {
|
|
4877
|
+
this.selectedIndexes = this.selectedIndexes.filter(i => i !== index);
|
|
4878
|
+
this.selectedItems = this.selectedItems.filter(item => item !== this.items[index]);
|
|
4879
|
+
}
|
|
4880
|
+
else {
|
|
4881
|
+
this.selectedIndexes.push(index);
|
|
4882
|
+
this.selectedItems.push(this.items[index]);
|
|
4883
|
+
}
|
|
4871
4884
|
}
|
|
4872
4885
|
else {
|
|
4873
|
-
|
|
4874
|
-
|
|
4886
|
+
if (selectedIndex === -1) {
|
|
4887
|
+
this.selectedIndexes = [index];
|
|
4888
|
+
this.selectedItems = [this.items[index]];
|
|
4889
|
+
}
|
|
4890
|
+
else {
|
|
4891
|
+
this.selectedIndexes = [];
|
|
4892
|
+
this.selectedItems = [];
|
|
4893
|
+
}
|
|
4875
4894
|
}
|
|
4876
4895
|
this.clickOnIcon.emit(this.selectedItems);
|
|
4877
4896
|
}
|
|
4878
4897
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityAvatarStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4879
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityAvatarStackComponent, selector: "gravity-avatar-stack", inputs: {
|
|
4898
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityAvatarStackComponent, selector: "gravity-avatar-stack", inputs: { config: "config", isCoin: "isCoin", items: "items", selectMultipleItems: "selectMultipleItems", size: "size" }, outputs: { clickOnIcon: "clickOnIcon" }, ngImport: i0, template: "<div class=\"stack-icon-container\">\n <ng-container *ngFor=\"let item of items; let i = index\">\n <div class=\"icon-wrapper\" [style.z-index]=\"selectedIndexes.includes(i) ? 100 : items.length - i\"\n [class.selected]=\"selectedIndexes.includes(i)\">\n <gravity-icon\n class=\"avatar-icon pointer {{size}}\"\n (click)=\"onClick(i);\" [attr.data-cy]=\"'stack-item-' + item[config.label]\"\n [iconName]=\"'coin-id-' + item[config.icon]\"\n [isCoin]=\"isCoin\">\n </gravity-icon>\n <p *ngIf=\"config.label\" class=\"hr-body-text sm-regular hover-text\">{{ item[config.label] }}</p>\n </div>\n </ng-container>\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}.stack-icon-container{display:flex;position:relative}.icon-wrapper{position:relative}.icon-wrapper:not(:first-child){margin-left:-4px}.selected .avatar-icon{outline:1px solid var(--bg-button-active-primary);border-radius:6.25rem}.avatar-icon{height:var(--avatar-icon-height);min-height:var(--avatar-icon-height);width:var(--avatar-icon-width);min-width:var(--avatar-icon-width)}.hover-text{background-color:var(--bg-button-pressed-primary);color:var(--on-bg-button-active-primary);display:none;position:absolute;padding:2px;top:calc(100% + 4px);left:50%;transform:translate(-50%);white-space:nowrap;line-height:normal;border-radius:1.105px}.icon-wrapper:hover .hover-text{display:block}@media (max-width: 992px){.icon-wrapper .hover-text{display:none}.icon-wrapper.selected .hover-text{display:block}.icon-wrapper:not(.selected) .hover-text{display:none!important}}.sm{--avatar-icon-height: 24px;--avatar-icon-width: 24px}.md{--avatar-icon-height: 32px;--avatar-icon-width: 32px}.lg{--avatar-icon-height: 46px;--avatar-icon-width: 46px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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"] }] }); }
|
|
4880
4899
|
}
|
|
4881
4900
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityAvatarStackComponent, decorators: [{
|
|
4882
4901
|
type: Component,
|
|
4883
|
-
args: [{ selector: 'gravity-avatar-stack', template: "<div class=\"stack-icon-container\">\n <ng-container *ngFor=\"let item of items; let i = index\">\n <div class=\"icon-wrapper\" [style.z-index]=\"selectedIndexes.includes(i) ? 100 : items.length - i\"\n [class.selected]=\"selectedIndexes.includes(i)\">\n <gravity-icon\n class=\"avatar-icon pointer {{size}}\"\n (click)=\"onClick(i);\"\n [iconName]=\"'coin-id-' + item[config.icon]\"\n [isCoin]=\"isCoin\">\n </gravity-icon>\n <p *ngIf=\"config.label\" class=\"hr-body-text sm-regular hover-text\">{{ item[config.label] }}</p>\n </div>\n </ng-container>\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}.stack-icon-container{display:flex;position:relative}.icon-wrapper{position:relative}.icon-wrapper:not(:first-child){margin-left:-4px}.selected .avatar-icon{outline:1px solid var(--bg-button-active-primary);border-radius:6.25rem}.avatar-icon{height:var(--avatar-icon-height);min-height:var(--avatar-icon-height);width:var(--avatar-icon-width);min-width:var(--avatar-icon-width)}.hover-text{background-color:var(--bg-button-pressed-primary);color:var(--on-bg-button-active-primary);display:none;position:absolute;padding:2px;top:calc(100% + 4px);left:50%;transform:translate(-50%);white-space:nowrap;line-height:normal;border-radius:1.105px}.icon-wrapper:hover .hover-text{display:block}@media (max-width: 992px){.icon-wrapper .hover-text{display:none}.icon-wrapper.selected .hover-text{display:block}.icon-wrapper:not(.selected) .hover-text{display:none!important}}.sm{--avatar-icon-height: 24px;--avatar-icon-width: 24px}.md{--avatar-icon-height: 32px;--avatar-icon-width: 32px}.lg{--avatar-icon-height: 46px;--avatar-icon-width: 46px}\n"] }]
|
|
4884
|
-
}], propDecorators: {
|
|
4902
|
+
args: [{ selector: 'gravity-avatar-stack', template: "<div class=\"stack-icon-container\">\n <ng-container *ngFor=\"let item of items; let i = index\">\n <div class=\"icon-wrapper\" [style.z-index]=\"selectedIndexes.includes(i) ? 100 : items.length - i\"\n [class.selected]=\"selectedIndexes.includes(i)\">\n <gravity-icon\n class=\"avatar-icon pointer {{size}}\"\n (click)=\"onClick(i);\" [attr.data-cy]=\"'stack-item-' + item[config.label]\"\n [iconName]=\"'coin-id-' + item[config.icon]\"\n [isCoin]=\"isCoin\">\n </gravity-icon>\n <p *ngIf=\"config.label\" class=\"hr-body-text sm-regular hover-text\">{{ item[config.label] }}</p>\n </div>\n </ng-container>\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}.stack-icon-container{display:flex;position:relative}.icon-wrapper{position:relative}.icon-wrapper:not(:first-child){margin-left:-4px}.selected .avatar-icon{outline:1px solid var(--bg-button-active-primary);border-radius:6.25rem}.avatar-icon{height:var(--avatar-icon-height);min-height:var(--avatar-icon-height);width:var(--avatar-icon-width);min-width:var(--avatar-icon-width)}.hover-text{background-color:var(--bg-button-pressed-primary);color:var(--on-bg-button-active-primary);display:none;position:absolute;padding:2px;top:calc(100% + 4px);left:50%;transform:translate(-50%);white-space:nowrap;line-height:normal;border-radius:1.105px}.icon-wrapper:hover .hover-text{display:block}@media (max-width: 992px){.icon-wrapper .hover-text{display:none}.icon-wrapper.selected .hover-text{display:block}.icon-wrapper:not(.selected) .hover-text{display:none!important}}.sm{--avatar-icon-height: 24px;--avatar-icon-width: 24px}.md{--avatar-icon-height: 32px;--avatar-icon-width: 32px}.lg{--avatar-icon-height: 46px;--avatar-icon-width: 46px}\n"] }]
|
|
4903
|
+
}], propDecorators: { config: [{
|
|
4885
4904
|
type: Input
|
|
4886
4905
|
}], isCoin: [{
|
|
4887
4906
|
type: Input
|
|
4888
|
-
}],
|
|
4907
|
+
}], items: [{
|
|
4889
4908
|
type: Input
|
|
4890
|
-
}],
|
|
4909
|
+
}], selectMultipleItems: [{
|
|
4910
|
+
type: Input
|
|
4911
|
+
}], size: [{
|
|
4891
4912
|
type: Input
|
|
4892
4913
|
}], clickOnIcon: [{
|
|
4893
4914
|
type: Output
|