@apipass/icons 1.0.7 → 1.0.9
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/assets/css/colors.scss +34 -34
- package/assets/css/icons.scss +30 -30
- package/{esm2020 → esm2022}/apipass-icons.mjs +4 -4
- package/esm2022/lib/icon.component.mjs +78 -0
- package/esm2022/lib/icons.module.mjs +38 -0
- package/{esm2020 → esm2022}/public-api.mjs +2 -2
- package/fesm2022/apipass-icons.mjs +117 -0
- package/fesm2022/apipass-icons.mjs.map +1 -0
- package/index.d.ts +5 -5
- package/lib/icon.component.d.ts +21 -21
- package/lib/icons.module.d.ts +11 -11
- package/package.json +13 -19
- package/public-api.d.ts +2 -2
- package/esm2020/lib/icon.component.mjs +0 -71
- package/esm2020/lib/icons.module.mjs +0 -37
- package/fesm2015/apipass-icons.mjs +0 -112
- package/fesm2015/apipass-icons.mjs.map +0 -1
- package/fesm2020/apipass-icons.mjs +0 -111
- package/fesm2020/apipass-icons.mjs.map +0 -1
package/assets/css/colors.scss
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--color-primary: #222D57;
|
|
3
|
-
--color-primary-hover: #18203D;
|
|
4
|
-
--color-primary-active: #29376A;
|
|
5
|
-
|
|
6
|
-
--color-secondary: #D3D921;
|
|
7
|
-
--color-secondary-hover: #B3B81C;
|
|
8
|
-
--color-secondary-active: #DCE13F;
|
|
9
|
-
|
|
10
|
-
--color-tertiary: #EFEFEF;
|
|
11
|
-
--color-tertiary-hover: #CBCBCB;
|
|
12
|
-
--color-tertiary-active: #F1F1F1;
|
|
13
|
-
|
|
14
|
-
--color-fonts-tertiary: #777777;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
// Defaults
|
|
20
|
-
--color-body-light: #FFF;
|
|
21
|
-
--color-red: rgb(255, 0, 0);
|
|
22
|
-
--limit-plan-color: #ff6c00;
|
|
23
|
-
--color_disabled: #E0E0E0;
|
|
24
|
-
--color_components_light: #FFF;
|
|
25
|
-
--color-inputs-border: #DDD;
|
|
26
|
-
--color-inputs-background: #FFF;
|
|
27
|
-
--color_icon_remove: var(--color-red);
|
|
28
|
-
--color_icon_success: #070;
|
|
29
|
-
--color_graph_primary: #1643EF;
|
|
30
|
-
--color_graph_primary_hover: #0A2692;
|
|
31
|
-
--color_graph_error: #EB5757;
|
|
32
|
-
--color_graph_error_hover: #C91717;
|
|
33
|
-
|
|
34
|
-
}
|
|
1
|
+
:root {
|
|
2
|
+
--color-primary: #222D57;
|
|
3
|
+
--color-primary-hover: #18203D;
|
|
4
|
+
--color-primary-active: #29376A;
|
|
5
|
+
|
|
6
|
+
--color-secondary: #D3D921;
|
|
7
|
+
--color-secondary-hover: #B3B81C;
|
|
8
|
+
--color-secondary-active: #DCE13F;
|
|
9
|
+
|
|
10
|
+
--color-tertiary: #EFEFEF;
|
|
11
|
+
--color-tertiary-hover: #CBCBCB;
|
|
12
|
+
--color-tertiary-active: #F1F1F1;
|
|
13
|
+
|
|
14
|
+
--color-fonts-tertiary: #777777;
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
// Defaults
|
|
20
|
+
--color-body-light: #FFF;
|
|
21
|
+
--color-red: rgb(255, 0, 0);
|
|
22
|
+
--limit-plan-color: #ff6c00;
|
|
23
|
+
--color_disabled: #E0E0E0;
|
|
24
|
+
--color_components_light: #FFF;
|
|
25
|
+
--color-inputs-border: #DDD;
|
|
26
|
+
--color-inputs-background: #FFF;
|
|
27
|
+
--color_icon_remove: var(--color-red);
|
|
28
|
+
--color_icon_success: #070;
|
|
29
|
+
--color_graph_primary: #1643EF;
|
|
30
|
+
--color_graph_primary_hover: #0A2692;
|
|
31
|
+
--color_graph_error: #EB5757;
|
|
32
|
+
--color_graph_error_hover: #C91717;
|
|
33
|
+
|
|
34
|
+
}
|
package/assets/css/icons.scss
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
@import "colors";
|
|
2
|
-
|
|
3
|
-
/* Icons */
|
|
4
|
-
.apipass-icon-primary {
|
|
5
|
-
color: var(--color-primary);
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.apipass-icon-secondary {
|
|
9
|
-
color: var(--color-secondary);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.apipass-icon-tertiary {
|
|
13
|
-
color: var(--color-fonts-tertiary);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.apipass-icon-remove {
|
|
17
|
-
color: var(--color_icon_remove);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.apipass-icon-success {
|
|
21
|
-
color: var(--color_icon_success);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.apipass-icon-white {
|
|
25
|
-
color: #FFF;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.apipass-icon-white-active {
|
|
29
|
-
color: var(--color-secondary);
|
|
30
|
-
}
|
|
1
|
+
@import "colors";
|
|
2
|
+
|
|
3
|
+
/* Icons */
|
|
4
|
+
.apipass-icon-primary {
|
|
5
|
+
color: var(--color-primary);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.apipass-icon-secondary {
|
|
9
|
+
color: var(--color-secondary);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.apipass-icon-tertiary {
|
|
13
|
+
color: var(--color-fonts-tertiary);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.apipass-icon-remove {
|
|
17
|
+
color: var(--color_icon_remove);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.apipass-icon-success {
|
|
21
|
+
color: var(--color_icon_success);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.apipass-icon-white {
|
|
25
|
+
color: #FFF;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.apipass-icon-white-active {
|
|
29
|
+
color: var(--color-secondary);
|
|
30
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
5
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBpcGFzcy1pY29ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2ljb25zL3NyYy9hcGlwYXNzLWljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { Component, Input, EventEmitter, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/material/icon";
|
|
5
|
+
import * as i3 from "@angular/material/tooltip";
|
|
6
|
+
import * as i4 from "@angular/router";
|
|
7
|
+
class IconComponent {
|
|
8
|
+
name;
|
|
9
|
+
title;
|
|
10
|
+
type = 'primary';
|
|
11
|
+
size;
|
|
12
|
+
isMaterialIcon = false;
|
|
13
|
+
materialOutline = false;
|
|
14
|
+
routerLinkActive;
|
|
15
|
+
routerLink;
|
|
16
|
+
link;
|
|
17
|
+
target;
|
|
18
|
+
isActive;
|
|
19
|
+
onClick = new EventEmitter();
|
|
20
|
+
click() {
|
|
21
|
+
this.onClick.emit(true);
|
|
22
|
+
}
|
|
23
|
+
getFontSize() {
|
|
24
|
+
return this.size ? `${this.size}px` : 'inherit';
|
|
25
|
+
}
|
|
26
|
+
getClass() {
|
|
27
|
+
const classValues = {};
|
|
28
|
+
if (!this.isMaterialIcon) {
|
|
29
|
+
classValues[this.name] = true;
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
classValues['material-icon'] = true;
|
|
33
|
+
}
|
|
34
|
+
if (this.materialOutline) {
|
|
35
|
+
classValues['material-icons-outlined'] = true;
|
|
36
|
+
}
|
|
37
|
+
classValues[`apipass-icon-${this.type}`] = true;
|
|
38
|
+
if (this.isActive) {
|
|
39
|
+
classValues[`apipass-icon-${this.type}-active`] = true;
|
|
40
|
+
}
|
|
41
|
+
if (this.onClick?.observers?.length > 0) {
|
|
42
|
+
classValues.clickable = true;
|
|
43
|
+
}
|
|
44
|
+
return classValues;
|
|
45
|
+
}
|
|
46
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: IconComponent, selector: "icon", inputs: { name: "name", title: "title", type: "type", size: "size", isMaterialIcon: "isMaterialIcon", materialOutline: "materialOutline", routerLinkActive: "routerLinkActive", routerLink: "routerLink", link: "link", target: "target", isActive: "isActive" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\n\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\n\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}.apipass-icon-primary{color:var(--color-primary)}.apipass-icon-secondary{color:var(--color-secondary)}.apipass-icon-tertiary{color:var(--color-fonts-tertiary)}.apipass-icon-remove{color:var(--color_icon_remove)}.apipass-icon-success{color:var(--color_icon_success)}.apipass-icon-white{color:#fff}.apipass-icon-white-active{color:var(--color-secondary)}.clickable{cursor:pointer}.apipass-custom-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:100%}.apipass-custom-faq-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/../../assets/images/icons/custom/apipass-customization-icon.png)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
|
|
48
|
+
}
|
|
49
|
+
export { IconComponent };
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: IconComponent, decorators: [{
|
|
51
|
+
type: Component,
|
|
52
|
+
args: [{ selector: 'icon', template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\n\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\n\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}.apipass-icon-primary{color:var(--color-primary)}.apipass-icon-secondary{color:var(--color-secondary)}.apipass-icon-tertiary{color:var(--color-fonts-tertiary)}.apipass-icon-remove{color:var(--color_icon_remove)}.apipass-icon-success{color:var(--color_icon_success)}.apipass-icon-white{color:#fff}.apipass-icon-white-active{color:var(--color-secondary)}.clickable{cursor:pointer}.apipass-custom-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:100%}.apipass-custom-faq-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/../../assets/images/icons/custom/apipass-customization-icon.png)}\n"] }]
|
|
53
|
+
}], propDecorators: { name: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], title: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], type: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], size: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], isMaterialIcon: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], materialOutline: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], routerLinkActive: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], routerLink: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], link: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], target: [{
|
|
72
|
+
type: Input
|
|
73
|
+
}], isActive: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], onClick: [{
|
|
76
|
+
type: Output
|
|
77
|
+
}] } });
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pY29ucy9zcmMvbGliL2ljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvaWNvbnMvc3JjL2xpYi9pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7Ozs7OztBQUV0RSxNQUthLGFBQWE7SUFFUixJQUFJLENBQUs7SUFDVCxLQUFLLENBQUs7SUFDVixJQUFJLEdBQUcsU0FBUyxDQUFBO0lBQ2hCLElBQUksQ0FBSztJQUNULGNBQWMsR0FBRyxLQUFLLENBQUE7SUFDdEIsZUFBZSxHQUFHLEtBQUssQ0FBQTtJQUV2QixnQkFBZ0IsQ0FBSztJQUNyQixVQUFVLENBQUs7SUFFZixJQUFJLENBQUs7SUFDVCxNQUFNLENBQUs7SUFDWCxRQUFRLENBQUs7SUFFWixPQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQTtJQUUvQyxLQUFLO1FBQ1YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDekIsQ0FBQztJQUVELFdBQVc7UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUE7SUFDakQsQ0FBQztJQUVELFFBQVE7UUFDTixNQUFNLFdBQVcsR0FBUSxFQUFFLENBQUE7UUFDM0IsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDeEIsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUE7U0FDOUI7YUFBTTtZQUNMLFdBQVcsQ0FBQyxlQUFlLENBQUMsR0FBRyxJQUFJLENBQUE7U0FDcEM7UUFDRCxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDeEIsV0FBVyxDQUFDLHlCQUF5QixDQUFDLEdBQUcsSUFBSSxDQUFBO1NBQzlDO1FBQ0QsV0FBVyxDQUFDLGdCQUFnQixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUE7UUFDL0MsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLFdBQVcsQ0FBQyxnQkFBZ0IsSUFBSSxDQUFDLElBQUksU0FBUyxDQUFDLEdBQUcsSUFBSSxDQUFBO1NBQ3ZEO1FBQ0QsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ3ZDLFdBQVcsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFBO1NBQzdCO1FBQ0QsT0FBTyxXQUFXLENBQUE7SUFDcEIsQ0FBQzt1R0E1Q1UsYUFBYTsyRkFBYixhQUFhLCtVQ1AxQixpc0NBaUJBOztTRFZhLGFBQWE7MkZBQWIsYUFBYTtrQkFMekIsU0FBUzsrQkFDRSxNQUFNOzhCQU1BLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsY0FBYztzQkFBN0IsS0FBSztnQkFDVSxlQUFlO3NCQUE5QixLQUFLO2dCQUVVLGdCQUFnQjtzQkFBL0IsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUVVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUVXLE9BQU87c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBFdmVudEVtaXR0ZXIsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ljb24nLFxuICB0ZW1wbGF0ZVVybDogJ2ljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnaWNvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEljb25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBuYW1lOiBhbnlcbiAgQElucHV0KCkgcHVibGljIHRpdGxlOiBhbnlcbiAgQElucHV0KCkgcHVibGljIHR5cGUgPSAncHJpbWFyeSdcbiAgQElucHV0KCkgcHVibGljIHNpemU6IGFueVxuICBASW5wdXQoKSBwdWJsaWMgaXNNYXRlcmlhbEljb24gPSBmYWxzZVxuICBASW5wdXQoKSBwdWJsaWMgbWF0ZXJpYWxPdXRsaW5lID0gZmFsc2VcblxuICBASW5wdXQoKSBwdWJsaWMgcm91dGVyTGlua0FjdGl2ZTogYW55XG4gIEBJbnB1dCgpIHB1YmxpYyByb3V0ZXJMaW5rOiBhbnlcblxuICBASW5wdXQoKSBwdWJsaWMgbGluazogYW55XG4gIEBJbnB1dCgpIHB1YmxpYyB0YXJnZXQ6IGFueVxuICBASW5wdXQoKSBwdWJsaWMgaXNBY3RpdmU6IGFueVxuXG4gIEBPdXRwdXQoKSBwdWJsaWMgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKVxuXG4gIHB1YmxpYyBjbGljayAoKTogdm9pZCB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQodHJ1ZSlcbiAgfVxuXG4gIGdldEZvbnRTaXplICgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLnNpemUgPyBgJHt0aGlzLnNpemV9cHhgIDogJ2luaGVyaXQnXG4gIH1cblxuICBnZXRDbGFzcyAoKTogYW55IHtcbiAgICBjb25zdCBjbGFzc1ZhbHVlczogYW55ID0ge31cbiAgICBpZiAoIXRoaXMuaXNNYXRlcmlhbEljb24pIHtcbiAgICAgIGNsYXNzVmFsdWVzW3RoaXMubmFtZV0gPSB0cnVlXG4gICAgfSBlbHNlIHtcbiAgICAgIGNsYXNzVmFsdWVzWydtYXRlcmlhbC1pY29uJ10gPSB0cnVlXG4gICAgfVxuICAgIGlmICh0aGlzLm1hdGVyaWFsT3V0bGluZSkge1xuICAgICAgY2xhc3NWYWx1ZXNbJ21hdGVyaWFsLWljb25zLW91dGxpbmVkJ10gPSB0cnVlXG4gICAgfVxuICAgIGNsYXNzVmFsdWVzW2BhcGlwYXNzLWljb24tJHt0aGlzLnR5cGV9YF0gPSB0cnVlXG4gICAgaWYgKHRoaXMuaXNBY3RpdmUpIHtcbiAgICAgIGNsYXNzVmFsdWVzW2BhcGlwYXNzLWljb24tJHt0aGlzLnR5cGV9LWFjdGl2ZWBdID0gdHJ1ZVxuICAgIH1cbiAgICBpZiAodGhpcy5vbkNsaWNrPy5vYnNlcnZlcnM/Lmxlbmd0aCA+IDApIHtcbiAgICAgIGNsYXNzVmFsdWVzLmNsaWNrYWJsZSA9IHRydWVcbiAgICB9XG4gICAgcmV0dXJuIGNsYXNzVmFsdWVzXG4gIH1cblxufVxuIiwiPGkgKm5nSWY9XCIhaXNNYXRlcmlhbEljb24gJiYgbmFtZSAmJiAhcm91dGVyTGluayAmJiAhbGlua1wiIFttYXRUb29sdGlwXT1cInRpdGxlIHx8ICcnXCJcbiAgIFtuZ0NsYXNzXT1cImdldENsYXNzKClcIiBbbmdTdHlsZV09XCJ7J2ZvbnQtc2l6ZSc6IGdldEZvbnRTaXplKCl9XCIgKGNsaWNrKT1cImNsaWNrKClcIj48L2k+XG5cbjxtYXQtaWNvbiAqbmdJZj1cImlzTWF0ZXJpYWxJY29uICYmIG5hbWUgJiYgIXJvdXRlckxpbmsgJiYgIWxpbmtcIiBbbWF0VG9vbHRpcF09XCJ0aXRsZSB8fCAnJ1wiXG4gIFtuZ0NsYXNzXT1cImdldENsYXNzKClcIiBbbmdTdHlsZV09XCJ7J2ZvbnQtc2l6ZSc6IGdldEZvbnRTaXplKCl9XCIgKGNsaWNrKT1cImNsaWNrKClcIj57e3RoaXMubmFtZX19PC9tYXQtaWNvbj5cblxuPGEgKm5nSWY9XCJuYW1lICYmIHJvdXRlckxpbmtcIiBbbWF0VG9vbHRpcF09XCJ0aXRsZSB8fCAnJ1wiXG4gICBbcm91dGVyTGlua0FjdGl2ZV09XCJyb3V0ZXJMaW5rQWN0aXZlIHx8ICcnXCIgW3JvdXRlckxpbmtdPVwicm91dGVyTGlua1wiIChjbGljayk9XCJjbGljaygpXCI+XG4gIDxpICpuZ0lmPVwiIWlzTWF0ZXJpYWxJY29uXCIgW25nQ2xhc3NdPVwiZ2V0Q2xhc3MoKVwiIFtuZ1N0eWxlXT1cInsnZm9udC1zaXplJzogZ2V0Rm9udFNpemUoKX1cIj48L2k+XG4gIDxtYXQtaWNvbiAqbmdJZj1cImlzTWF0ZXJpYWxJY29uXCIgW25nQ2xhc3NdPVwiZ2V0Q2xhc3MoKVwiIFtuZ1N0eWxlXT1cInsnZm9udC1zaXplJzogZ2V0Rm9udFNpemUoKX1cIj57e3RoaXMubmFtZX19PC9tYXQtaWNvbj5cbjwvYT5cblxuPGEgKm5nSWY9XCJuYW1lICYmIGxpbmtcIiBbbWF0VG9vbHRpcF09XCJ0aXRsZSB8fCAnJ1wiXG4gICBbcm91dGVyTGlua0FjdGl2ZV09XCJyb3V0ZXJMaW5rQWN0aXZlIHx8ICcnXCIgW2hyZWZdPVwibGlua1wiIFt0YXJnZXRdPVwidGFyZ2V0XCIgKGNsaWNrKT1cImNsaWNrKClcIj5cbiAgPGkgKm5nSWY9XCIhaXNNYXRlcmlhbEljb25cIiBbbmdDbGFzc109XCJnZXRDbGFzcygpXCIgW25nU3R5bGVdPVwieydmb250LXNpemUnOiBnZXRGb250U2l6ZSgpfVwiPjwvaT5cbiAgPG1hdC1pY29uICpuZ0lmPVwiaXNNYXRlcmlhbEljb25cIiBbbmdDbGFzc109XCJnZXRDbGFzcygpXCIgW25nU3R5bGVdPVwieydmb250LXNpemUnOiBnZXRGb250U2l6ZSgpfVwiPnt7dGhpcy5uYW1lfX08L21hdC1pY29uPlxuPC9hPlxuIl19
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
4
|
+
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
5
|
+
import { IconComponent } from './icon.component';
|
|
6
|
+
import { RouterModule } from '@angular/router';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@angular/router";
|
|
9
|
+
class IconsModule {
|
|
10
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: IconsModule, declarations: [IconComponent], imports: [CommonModule,
|
|
12
|
+
MatIconModule,
|
|
13
|
+
MatTooltipModule, i1.RouterModule], exports: [IconComponent] });
|
|
14
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: IconsModule, imports: [CommonModule,
|
|
15
|
+
MatIconModule,
|
|
16
|
+
MatTooltipModule,
|
|
17
|
+
RouterModule.forChild([])] });
|
|
18
|
+
}
|
|
19
|
+
export { IconsModule };
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: IconsModule, decorators: [{
|
|
21
|
+
type: NgModule,
|
|
22
|
+
args: [{
|
|
23
|
+
imports: [
|
|
24
|
+
CommonModule,
|
|
25
|
+
MatIconModule,
|
|
26
|
+
MatTooltipModule,
|
|
27
|
+
RouterModule.forChild([])
|
|
28
|
+
],
|
|
29
|
+
declarations: [
|
|
30
|
+
IconComponent
|
|
31
|
+
],
|
|
32
|
+
exports: [
|
|
33
|
+
IconComponent
|
|
34
|
+
],
|
|
35
|
+
providers: []
|
|
36
|
+
}]
|
|
37
|
+
}] });
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvaWNvbnMvc3JjL2xpYi9pY29ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQzVELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7OztBQUU5QyxNQWVhLFdBQVc7dUdBQVgsV0FBVzt3R0FBWCxXQUFXLGlCQVBwQixhQUFhLGFBTmIsWUFBWTtZQUNaLGFBQWE7WUFDYixnQkFBZ0IsOEJBT2hCLGFBQWE7d0dBSUosV0FBVyxZQWJwQixZQUFZO1lBQ1osYUFBYTtZQUNiLGdCQUFnQjtZQUNoQixZQUFZLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQzs7U0FVaEIsV0FBVzsyRkFBWCxXQUFXO2tCQWZ2QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsZ0JBQWdCO3dCQUNoQixZQUFZLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQztxQkFDMUI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGFBQWE7cUJBQ2Q7b0JBQ0QsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbidcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJ1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4vaWNvbi5jb21wb25lbnQnXG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInXG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRUb29sdGlwTW9kdWxlLFxuICAgIFJvdXRlck1vZHVsZS5mb3JDaGlsZChbXSlcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgSWNvbkNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgSWNvbkNvbXBvbmVudFxuICBdLFxuICBwcm92aWRlcnM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIEljb25zTW9kdWxlIHsgfVxuIl19
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './lib/icons.module';
|
|
2
|
-
export * from './lib/icon.component';
|
|
1
|
+
export * from './lib/icons.module';
|
|
2
|
+
export * from './lib/icon.component';
|
|
3
3
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2ljb25zL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsb0JBQW9CLENBQUE7QUFDbEMsY0FBYyxzQkFBc0IsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2ljb25zLm1vZHVsZSdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24uY29tcG9uZW50J1xuIl19
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import * as i2 from '@angular/material/icon';
|
|
6
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
7
|
+
import * as i3 from '@angular/material/tooltip';
|
|
8
|
+
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
9
|
+
import * as i4 from '@angular/router';
|
|
10
|
+
import { RouterModule } from '@angular/router';
|
|
11
|
+
|
|
12
|
+
class IconComponent {
|
|
13
|
+
name;
|
|
14
|
+
title;
|
|
15
|
+
type = 'primary';
|
|
16
|
+
size;
|
|
17
|
+
isMaterialIcon = false;
|
|
18
|
+
materialOutline = false;
|
|
19
|
+
routerLinkActive;
|
|
20
|
+
routerLink;
|
|
21
|
+
link;
|
|
22
|
+
target;
|
|
23
|
+
isActive;
|
|
24
|
+
onClick = new EventEmitter();
|
|
25
|
+
click() {
|
|
26
|
+
this.onClick.emit(true);
|
|
27
|
+
}
|
|
28
|
+
getFontSize() {
|
|
29
|
+
return this.size ? `${this.size}px` : 'inherit';
|
|
30
|
+
}
|
|
31
|
+
getClass() {
|
|
32
|
+
const classValues = {};
|
|
33
|
+
if (!this.isMaterialIcon) {
|
|
34
|
+
classValues[this.name] = true;
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
classValues['material-icon'] = true;
|
|
38
|
+
}
|
|
39
|
+
if (this.materialOutline) {
|
|
40
|
+
classValues['material-icons-outlined'] = true;
|
|
41
|
+
}
|
|
42
|
+
classValues[`apipass-icon-${this.type}`] = true;
|
|
43
|
+
if (this.isActive) {
|
|
44
|
+
classValues[`apipass-icon-${this.type}-active`] = true;
|
|
45
|
+
}
|
|
46
|
+
if (this.onClick?.observers?.length > 0) {
|
|
47
|
+
classValues.clickable = true;
|
|
48
|
+
}
|
|
49
|
+
return classValues;
|
|
50
|
+
}
|
|
51
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: IconComponent, selector: "icon", inputs: { name: "name", title: "title", type: "type", size: "size", isMaterialIcon: "isMaterialIcon", materialOutline: "materialOutline", routerLinkActive: "routerLinkActive", routerLink: "routerLink", link: "link", target: "target", isActive: "isActive" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\n\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\n\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}.apipass-icon-primary{color:var(--color-primary)}.apipass-icon-secondary{color:var(--color-secondary)}.apipass-icon-tertiary{color:var(--color-fonts-tertiary)}.apipass-icon-remove{color:var(--color_icon_remove)}.apipass-icon-success{color:var(--color_icon_success)}.apipass-icon-white{color:#fff}.apipass-icon-white-active{color:var(--color-secondary)}.clickable{cursor:pointer}.apipass-custom-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:100%}.apipass-custom-faq-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/../../assets/images/icons/custom/apipass-customization-icon.png)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
|
|
53
|
+
}
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: IconComponent, decorators: [{
|
|
55
|
+
type: Component,
|
|
56
|
+
args: [{ selector: 'icon', template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\n\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\n\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}.apipass-icon-primary{color:var(--color-primary)}.apipass-icon-secondary{color:var(--color-secondary)}.apipass-icon-tertiary{color:var(--color-fonts-tertiary)}.apipass-icon-remove{color:var(--color_icon_remove)}.apipass-icon-success{color:var(--color_icon_success)}.apipass-icon-white{color:#fff}.apipass-icon-white-active{color:var(--color-secondary)}.clickable{cursor:pointer}.apipass-custom-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:100%}.apipass-custom-faq-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/../../assets/images/icons/custom/apipass-customization-icon.png)}\n"] }]
|
|
57
|
+
}], propDecorators: { name: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], title: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], type: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], size: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], isMaterialIcon: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], materialOutline: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], routerLinkActive: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], routerLink: [{
|
|
72
|
+
type: Input
|
|
73
|
+
}], link: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], target: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], isActive: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], onClick: [{
|
|
80
|
+
type: Output
|
|
81
|
+
}] } });
|
|
82
|
+
|
|
83
|
+
class IconsModule {
|
|
84
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
85
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: IconsModule, declarations: [IconComponent], imports: [CommonModule,
|
|
86
|
+
MatIconModule,
|
|
87
|
+
MatTooltipModule, i4.RouterModule], exports: [IconComponent] });
|
|
88
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: IconsModule, imports: [CommonModule,
|
|
89
|
+
MatIconModule,
|
|
90
|
+
MatTooltipModule,
|
|
91
|
+
RouterModule.forChild([])] });
|
|
92
|
+
}
|
|
93
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: IconsModule, decorators: [{
|
|
94
|
+
type: NgModule,
|
|
95
|
+
args: [{
|
|
96
|
+
imports: [
|
|
97
|
+
CommonModule,
|
|
98
|
+
MatIconModule,
|
|
99
|
+
MatTooltipModule,
|
|
100
|
+
RouterModule.forChild([])
|
|
101
|
+
],
|
|
102
|
+
declarations: [
|
|
103
|
+
IconComponent
|
|
104
|
+
],
|
|
105
|
+
exports: [
|
|
106
|
+
IconComponent
|
|
107
|
+
],
|
|
108
|
+
providers: []
|
|
109
|
+
}]
|
|
110
|
+
}] });
|
|
111
|
+
|
|
112
|
+
/**
|
|
113
|
+
* Generated bundle index. Do not edit.
|
|
114
|
+
*/
|
|
115
|
+
|
|
116
|
+
export { IconComponent, IconsModule };
|
|
117
|
+
//# sourceMappingURL=apipass-icons.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"apipass-icons.mjs","sources":["../../../projects/icons/src/lib/icon.component.ts","../../../projects/icons/src/lib/icon.component.html","../../../projects/icons/src/lib/icons.module.ts","../../../projects/icons/src/apipass-icons.ts"],"sourcesContent":["import { Component, Input, EventEmitter, Output } from '@angular/core'\n\n@Component({\n selector: 'icon',\n templateUrl: 'icon.component.html',\n styleUrls: ['icon.component.scss']\n})\nexport class IconComponent {\n\n @Input() public name: any\n @Input() public title: any\n @Input() public type = 'primary'\n @Input() public size: any\n @Input() public isMaterialIcon = false\n @Input() public materialOutline = false\n\n @Input() public routerLinkActive: any\n @Input() public routerLink: any\n\n @Input() public link: any\n @Input() public target: any\n @Input() public isActive: any\n\n @Output() public onClick = new EventEmitter<boolean>()\n\n public click (): void {\n this.onClick.emit(true)\n }\n\n getFontSize (): string {\n return this.size ? `${this.size}px` : 'inherit'\n }\n\n getClass (): any {\n const classValues: any = {}\n if (!this.isMaterialIcon) {\n classValues[this.name] = true\n } else {\n classValues['material-icon'] = true\n }\n if (this.materialOutline) {\n classValues['material-icons-outlined'] = true\n }\n classValues[`apipass-icon-${this.type}`] = true\n if (this.isActive) {\n classValues[`apipass-icon-${this.type}-active`] = true\n }\n if (this.onClick?.observers?.length > 0) {\n classValues.clickable = true\n }\n return classValues\n }\n\n}\n","<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\n\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\n\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n","import { NgModule } from '@angular/core'\nimport { CommonModule } from '@angular/common'\nimport { MatIconModule } from '@angular/material/icon'\nimport { MatTooltipModule } from '@angular/material/tooltip'\nimport { IconComponent } from './icon.component'\nimport { RouterModule } from '@angular/router'\n\n@NgModule({\n imports: [\n CommonModule,\n MatIconModule,\n MatTooltipModule,\n RouterModule.forChild([])\n ],\n declarations: [\n IconComponent\n ],\n exports: [\n IconComponent\n ],\n providers: []\n})\nexport class IconsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
/// <amd-module name="@apipass/icons" />
|
|
5
|
-
export * from './public-api';
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
/// <amd-module name="@apipass/icons" />
|
|
5
|
+
export * from './public-api';
|
package/lib/icon.component.d.ts
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class IconComponent {
|
|
4
|
-
name: any;
|
|
5
|
-
title: any;
|
|
6
|
-
type: string;
|
|
7
|
-
size: any;
|
|
8
|
-
isMaterialIcon: boolean;
|
|
9
|
-
materialOutline: boolean;
|
|
10
|
-
routerLinkActive: any;
|
|
11
|
-
routerLink: any;
|
|
12
|
-
link: any;
|
|
13
|
-
target: any;
|
|
14
|
-
isActive: any;
|
|
15
|
-
onClick: EventEmitter<boolean>;
|
|
16
|
-
click(): void;
|
|
17
|
-
getFontSize(): string;
|
|
18
|
-
getClass(): any;
|
|
19
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
|
|
20
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "icon", never, { "name": "name"; "title": "title"; "type": "type"; "size": "size"; "isMaterialIcon": "isMaterialIcon"; "materialOutline": "materialOutline"; "routerLinkActive": "routerLinkActive"; "routerLink": "routerLink"; "link": "link"; "target": "target"; "isActive": "isActive"; }, { "onClick": "onClick"; }, never, never, false, never>;
|
|
21
|
-
}
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class IconComponent {
|
|
4
|
+
name: any;
|
|
5
|
+
title: any;
|
|
6
|
+
type: string;
|
|
7
|
+
size: any;
|
|
8
|
+
isMaterialIcon: boolean;
|
|
9
|
+
materialOutline: boolean;
|
|
10
|
+
routerLinkActive: any;
|
|
11
|
+
routerLink: any;
|
|
12
|
+
link: any;
|
|
13
|
+
target: any;
|
|
14
|
+
isActive: any;
|
|
15
|
+
onClick: EventEmitter<boolean>;
|
|
16
|
+
click(): void;
|
|
17
|
+
getFontSize(): string;
|
|
18
|
+
getClass(): any;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "icon", never, { "name": { "alias": "name"; "required": false; }; "title": { "alias": "title"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "isMaterialIcon": { "alias": "isMaterialIcon"; "required": false; }; "materialOutline": { "alias": "materialOutline"; "required": false; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "link": { "alias": "link"; "required": false; }; "target": { "alias": "target"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; }, { "onClick": "onClick"; }, never, never, false, never>;
|
|
21
|
+
}
|
package/lib/icons.module.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./icon.component";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "@angular/material/icon";
|
|
5
|
-
import * as i4 from "@angular/material/tooltip";
|
|
6
|
-
import * as i5 from "@angular/router";
|
|
7
|
-
export declare class IconsModule {
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<IconsModule, never>;
|
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<IconsModule, [typeof i1.IconComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.MatTooltipModule, typeof i5.RouterModule], [typeof i1.IconComponent]>;
|
|
10
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<IconsModule>;
|
|
11
|
-
}
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./icon.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "@angular/material/icon";
|
|
5
|
+
import * as i4 from "@angular/material/tooltip";
|
|
6
|
+
import * as i5 from "@angular/router";
|
|
7
|
+
export declare class IconsModule {
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IconsModule, never>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<IconsModule, [typeof i1.IconComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.MatTooltipModule, typeof i5.RouterModule], [typeof i1.IconComponent]>;
|
|
10
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<IconsModule>;
|
|
11
|
+
}
|
package/package.json
CHANGED
|
@@ -1,26 +1,22 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apipass/icons",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.9",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/animations": "
|
|
6
|
-
"@angular/cdk": "
|
|
7
|
-
"@angular/common": "
|
|
8
|
-
"@angular/core": "
|
|
9
|
-
"@angular/forms": "
|
|
10
|
-
"@angular/material": "
|
|
5
|
+
"@angular/animations": "16.0.2",
|
|
6
|
+
"@angular/cdk": "16.0.1",
|
|
7
|
+
"@angular/common": "16.0.2",
|
|
8
|
+
"@angular/core": "16.0.2",
|
|
9
|
+
"@angular/forms": "16.0.2",
|
|
10
|
+
"@angular/material": "16.0.1"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"tslib": "2.5.
|
|
14
|
-
"@fortawesome/angular-fontawesome": "0.
|
|
13
|
+
"tslib": "2.5.2",
|
|
14
|
+
"@fortawesome/angular-fontawesome": "0.13.0",
|
|
15
15
|
"@fortawesome/fontawesome-free": "5.15.4",
|
|
16
16
|
"@fortawesome/fontawesome-svg-core": "1.2.36",
|
|
17
17
|
"@fortawesome/free-solid-svg-icons": "5.15.4"
|
|
18
18
|
},
|
|
19
|
-
"module": "
|
|
20
|
-
"es2020": "fesm2020/apipass-icons.mjs",
|
|
21
|
-
"esm2020": "esm2020/apipass-icons.mjs",
|
|
22
|
-
"fesm2020": "fesm2020/apipass-icons.mjs",
|
|
23
|
-
"fesm2015": "fesm2015/apipass-icons.mjs",
|
|
19
|
+
"module": "fesm2022/apipass-icons.mjs",
|
|
24
20
|
"typings": "index.d.ts",
|
|
25
21
|
"exports": {
|
|
26
22
|
"./package.json": {
|
|
@@ -28,11 +24,9 @@
|
|
|
28
24
|
},
|
|
29
25
|
".": {
|
|
30
26
|
"types": "./index.d.ts",
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"node": "./fesm2015/apipass-icons.mjs",
|
|
35
|
-
"default": "./fesm2020/apipass-icons.mjs"
|
|
27
|
+
"esm2022": "./esm2022/apipass-icons.mjs",
|
|
28
|
+
"esm": "./esm2022/apipass-icons.mjs",
|
|
29
|
+
"default": "./fesm2022/apipass-icons.mjs"
|
|
36
30
|
}
|
|
37
31
|
},
|
|
38
32
|
"sideEffects": false
|
package/public-api.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './lib/icons.module';
|
|
2
|
-
export * from './lib/icon.component';
|
|
1
|
+
export * from './lib/icons.module';
|
|
2
|
+
export * from './lib/icon.component';
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { Component, Input, EventEmitter, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "@angular/material/icon";
|
|
5
|
-
import * as i3 from "@angular/material/tooltip";
|
|
6
|
-
import * as i4 from "@angular/router";
|
|
7
|
-
export class IconComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.type = 'primary';
|
|
10
|
-
this.isMaterialIcon = false;
|
|
11
|
-
this.materialOutline = false;
|
|
12
|
-
this.onClick = new EventEmitter();
|
|
13
|
-
}
|
|
14
|
-
click() {
|
|
15
|
-
this.onClick.emit(true);
|
|
16
|
-
}
|
|
17
|
-
getFontSize() {
|
|
18
|
-
return this.size ? `${this.size}px` : 'inherit';
|
|
19
|
-
}
|
|
20
|
-
getClass() {
|
|
21
|
-
const classValues = {};
|
|
22
|
-
if (!this.isMaterialIcon) {
|
|
23
|
-
classValues[this.name] = true;
|
|
24
|
-
}
|
|
25
|
-
else {
|
|
26
|
-
classValues['material-icon'] = true;
|
|
27
|
-
}
|
|
28
|
-
if (this.materialOutline) {
|
|
29
|
-
classValues['material-icons-outlined'] = true;
|
|
30
|
-
}
|
|
31
|
-
classValues[`apipass-icon-${this.type}`] = true;
|
|
32
|
-
if (this.isActive) {
|
|
33
|
-
classValues[`apipass-icon-${this.type}-active`] = true;
|
|
34
|
-
}
|
|
35
|
-
if (this.onClick?.observers?.length > 0) {
|
|
36
|
-
classValues.clickable = true;
|
|
37
|
-
}
|
|
38
|
-
return classValues;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: IconComponent, selector: "icon", inputs: { name: "name", title: "title", type: "type", size: "size", isMaterialIcon: "isMaterialIcon", materialOutline: "materialOutline", routerLinkActive: "routerLinkActive", routerLink: "routerLink", link: "link", target: "target", isActive: "isActive" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\r\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\r\n\r\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\r\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\r\n\r\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\r\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\r\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\r\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\r\n</a>\r\n\r\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\r\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\r\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\r\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\r\n</a>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}.apipass-icon-primary{color:var(--color-primary)}.apipass-icon-secondary{color:var(--color-secondary)}.apipass-icon-tertiary{color:var(--color-fonts-tertiary)}.apipass-icon-remove{color:var(--color_icon_remove)}.apipass-icon-success{color:var(--color_icon_success)}.apipass-icon-white{color:#fff}.apipass-icon-white-active{color:var(--color-secondary)}.clickable{cursor:pointer}.apipass-custom-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:100%}.apipass-custom-faq-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/../../assets/images/icons/custom/apipass-customization-icon.png)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconComponent, decorators: [{
|
|
44
|
-
type: Component,
|
|
45
|
-
args: [{ selector: 'icon', template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\r\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\r\n\r\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\r\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\r\n\r\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\r\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\r\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\r\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\r\n</a>\r\n\r\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\r\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\r\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\r\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\r\n</a>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}.apipass-icon-primary{color:var(--color-primary)}.apipass-icon-secondary{color:var(--color-secondary)}.apipass-icon-tertiary{color:var(--color-fonts-tertiary)}.apipass-icon-remove{color:var(--color_icon_remove)}.apipass-icon-success{color:var(--color_icon_success)}.apipass-icon-white{color:#fff}.apipass-icon-white-active{color:var(--color-secondary)}.clickable{cursor:pointer}.apipass-custom-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:100%}.apipass-custom-faq-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/../../assets/images/icons/custom/apipass-customization-icon.png)}\n"] }]
|
|
46
|
-
}], propDecorators: { name: [{
|
|
47
|
-
type: Input
|
|
48
|
-
}], title: [{
|
|
49
|
-
type: Input
|
|
50
|
-
}], type: [{
|
|
51
|
-
type: Input
|
|
52
|
-
}], size: [{
|
|
53
|
-
type: Input
|
|
54
|
-
}], isMaterialIcon: [{
|
|
55
|
-
type: Input
|
|
56
|
-
}], materialOutline: [{
|
|
57
|
-
type: Input
|
|
58
|
-
}], routerLinkActive: [{
|
|
59
|
-
type: Input
|
|
60
|
-
}], routerLink: [{
|
|
61
|
-
type: Input
|
|
62
|
-
}], link: [{
|
|
63
|
-
type: Input
|
|
64
|
-
}], target: [{
|
|
65
|
-
type: Input
|
|
66
|
-
}], isActive: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], onClick: [{
|
|
69
|
-
type: Output
|
|
70
|
-
}] } });
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pY29ucy9zcmMvbGliL2ljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvaWNvbnMvc3JjL2xpYi9pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7Ozs7OztBQU90RSxNQUFNLE9BQU8sYUFBYTtJQUwxQjtRQVFrQixTQUFJLEdBQUcsU0FBUyxDQUFBO1FBRWhCLG1CQUFjLEdBQUcsS0FBSyxDQUFBO1FBQ3RCLG9CQUFlLEdBQUcsS0FBSyxDQUFBO1FBU3RCLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFBO0tBNkJ2RDtJQTNCUSxLQUFLO1FBQ1YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDekIsQ0FBQztJQUVELFdBQVc7UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUE7SUFDakQsQ0FBQztJQUVELFFBQVE7UUFDTixNQUFNLFdBQVcsR0FBUSxFQUFFLENBQUE7UUFDM0IsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDeEIsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUE7U0FDOUI7YUFBTTtZQUNMLFdBQVcsQ0FBQyxlQUFlLENBQUMsR0FBRyxJQUFJLENBQUE7U0FDcEM7UUFDRCxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDeEIsV0FBVyxDQUFDLHlCQUF5QixDQUFDLEdBQUcsSUFBSSxDQUFBO1NBQzlDO1FBQ0QsV0FBVyxDQUFDLGdCQUFnQixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUE7UUFDL0MsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLFdBQVcsQ0FBQyxnQkFBZ0IsSUFBSSxDQUFDLElBQUksU0FBUyxDQUFDLEdBQUcsSUFBSSxDQUFBO1NBQ3ZEO1FBQ0QsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ3ZDLFdBQVcsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFBO1NBQzdCO1FBQ0QsT0FBTyxXQUFXLENBQUE7SUFDcEIsQ0FBQzs7MEdBM0NVLGFBQWE7OEZBQWIsYUFBYSwrVUNQMUIsbXVDQWlCQTsyRkRWYSxhQUFhO2tCQUx6QixTQUFTOytCQUNFLE1BQU07OEJBS0EsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxjQUFjO3NCQUE3QixLQUFLO2dCQUNVLGVBQWU7c0JBQTlCLEtBQUs7Z0JBRVUsZ0JBQWdCO3NCQUEvQixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBRVUsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxNQUFNO3NCQUFyQixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBRVcsT0FBTztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEV2ZW50RW1pdHRlciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaWNvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICdpY29uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnaWNvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJY29uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIG5hbWU6IGFueVxyXG4gIEBJbnB1dCgpIHB1YmxpYyB0aXRsZTogYW55XHJcbiAgQElucHV0KCkgcHVibGljIHR5cGUgPSAncHJpbWFyeSdcclxuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogYW55XHJcbiAgQElucHV0KCkgcHVibGljIGlzTWF0ZXJpYWxJY29uID0gZmFsc2VcclxuICBASW5wdXQoKSBwdWJsaWMgbWF0ZXJpYWxPdXRsaW5lID0gZmFsc2VcclxuXHJcbiAgQElucHV0KCkgcHVibGljIHJvdXRlckxpbmtBY3RpdmU6IGFueVxyXG4gIEBJbnB1dCgpIHB1YmxpYyByb3V0ZXJMaW5rOiBhbnlcclxuXHJcbiAgQElucHV0KCkgcHVibGljIGxpbms6IGFueVxyXG4gIEBJbnB1dCgpIHB1YmxpYyB0YXJnZXQ6IGFueVxyXG4gIEBJbnB1dCgpIHB1YmxpYyBpc0FjdGl2ZTogYW55XHJcblxyXG4gIEBPdXRwdXQoKSBwdWJsaWMgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKVxyXG5cclxuICBwdWJsaWMgY2xpY2sgKCk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNsaWNrLmVtaXQodHJ1ZSlcclxuICB9XHJcblxyXG4gIGdldEZvbnRTaXplICgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuc2l6ZSA/IGAke3RoaXMuc2l6ZX1weGAgOiAnaW5oZXJpdCdcclxuICB9XHJcblxyXG4gIGdldENsYXNzICgpOiBhbnkge1xyXG4gICAgY29uc3QgY2xhc3NWYWx1ZXM6IGFueSA9IHt9XHJcbiAgICBpZiAoIXRoaXMuaXNNYXRlcmlhbEljb24pIHtcclxuICAgICAgY2xhc3NWYWx1ZXNbdGhpcy5uYW1lXSA9IHRydWVcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIGNsYXNzVmFsdWVzWydtYXRlcmlhbC1pY29uJ10gPSB0cnVlXHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5tYXRlcmlhbE91dGxpbmUpIHtcclxuICAgICAgY2xhc3NWYWx1ZXNbJ21hdGVyaWFsLWljb25zLW91dGxpbmVkJ10gPSB0cnVlXHJcbiAgICB9XHJcbiAgICBjbGFzc1ZhbHVlc1tgYXBpcGFzcy1pY29uLSR7dGhpcy50eXBlfWBdID0gdHJ1ZVxyXG4gICAgaWYgKHRoaXMuaXNBY3RpdmUpIHtcclxuICAgICAgY2xhc3NWYWx1ZXNbYGFwaXBhc3MtaWNvbi0ke3RoaXMudHlwZX0tYWN0aXZlYF0gPSB0cnVlXHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5vbkNsaWNrPy5vYnNlcnZlcnM/Lmxlbmd0aCA+IDApIHtcclxuICAgICAgY2xhc3NWYWx1ZXMuY2xpY2thYmxlID0gdHJ1ZVxyXG4gICAgfVxyXG4gICAgcmV0dXJuIGNsYXNzVmFsdWVzXHJcbiAgfVxufVxyXG4iLCI8aSAqbmdJZj1cIiFpc01hdGVyaWFsSWNvbiAmJiBuYW1lICYmICFyb3V0ZXJMaW5rICYmICFsaW5rXCIgW21hdFRvb2x0aXBdPVwidGl0bGUgfHwgJydcIlxyXG4gICBbbmdDbGFzc109XCJnZXRDbGFzcygpXCIgW25nU3R5bGVdPVwieydmb250LXNpemUnOiBnZXRGb250U2l6ZSgpfVwiIChjbGljayk9XCJjbGljaygpXCI+PC9pPlxyXG5cclxuPG1hdC1pY29uICpuZ0lmPVwiaXNNYXRlcmlhbEljb24gJiYgbmFtZSAmJiAhcm91dGVyTGluayAmJiAhbGlua1wiIFttYXRUb29sdGlwXT1cInRpdGxlIHx8ICcnXCJcclxuICBbbmdDbGFzc109XCJnZXRDbGFzcygpXCIgW25nU3R5bGVdPVwieydmb250LXNpemUnOiBnZXRGb250U2l6ZSgpfVwiIChjbGljayk9XCJjbGljaygpXCI+e3t0aGlzLm5hbWV9fTwvbWF0LWljb24+XHJcblxyXG48YSAqbmdJZj1cIm5hbWUgJiYgcm91dGVyTGlua1wiIFttYXRUb29sdGlwXT1cInRpdGxlIHx8ICcnXCJcclxuICAgW3JvdXRlckxpbmtBY3RpdmVdPVwicm91dGVyTGlua0FjdGl2ZSB8fCAnJ1wiIFtyb3V0ZXJMaW5rXT1cInJvdXRlckxpbmtcIiAoY2xpY2spPVwiY2xpY2soKVwiPlxyXG4gIDxpICpuZ0lmPVwiIWlzTWF0ZXJpYWxJY29uXCIgW25nQ2xhc3NdPVwiZ2V0Q2xhc3MoKVwiIFtuZ1N0eWxlXT1cInsnZm9udC1zaXplJzogZ2V0Rm9udFNpemUoKX1cIj48L2k+XHJcbiAgPG1hdC1pY29uICpuZ0lmPVwiaXNNYXRlcmlhbEljb25cIiBbbmdDbGFzc109XCJnZXRDbGFzcygpXCIgW25nU3R5bGVdPVwieydmb250LXNpemUnOiBnZXRGb250U2l6ZSgpfVwiPnt7dGhpcy5uYW1lfX08L21hdC1pY29uPlxyXG48L2E+XHJcblxyXG48YSAqbmdJZj1cIm5hbWUgJiYgbGlua1wiIFttYXRUb29sdGlwXT1cInRpdGxlIHx8ICcnXCJcclxuICAgW3JvdXRlckxpbmtBY3RpdmVdPVwicm91dGVyTGlua0FjdGl2ZSB8fCAnJ1wiIFtocmVmXT1cImxpbmtcIiBbdGFyZ2V0XT1cInRhcmdldFwiIChjbGljayk9XCJjbGljaygpXCI+XHJcbiAgPGkgKm5nSWY9XCIhaXNNYXRlcmlhbEljb25cIiBbbmdDbGFzc109XCJnZXRDbGFzcygpXCIgW25nU3R5bGVdPVwieydmb250LXNpemUnOiBnZXRGb250U2l6ZSgpfVwiPjwvaT5cclxuICA8bWF0LWljb24gKm5nSWY9XCJpc01hdGVyaWFsSWNvblwiIFtuZ0NsYXNzXT1cImdldENsYXNzKClcIiBbbmdTdHlsZV09XCJ7J2ZvbnQtc2l6ZSc6IGdldEZvbnRTaXplKCl9XCI+e3t0aGlzLm5hbWV9fTwvbWF0LWljb24+XHJcbjwvYT5cclxuIl19
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
4
|
-
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
5
|
-
import { IconComponent } from './icon.component';
|
|
6
|
-
import { RouterModule } from '@angular/router';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "@angular/router";
|
|
9
|
-
export class IconsModule {
|
|
10
|
-
}
|
|
11
|
-
IconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
-
IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, declarations: [IconComponent], imports: [CommonModule,
|
|
13
|
-
MatIconModule,
|
|
14
|
-
MatTooltipModule, i1.RouterModule], exports: [IconComponent] });
|
|
15
|
-
IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, imports: [CommonModule,
|
|
16
|
-
MatIconModule,
|
|
17
|
-
MatTooltipModule,
|
|
18
|
-
RouterModule.forChild([])] });
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, decorators: [{
|
|
20
|
-
type: NgModule,
|
|
21
|
-
args: [{
|
|
22
|
-
imports: [
|
|
23
|
-
CommonModule,
|
|
24
|
-
MatIconModule,
|
|
25
|
-
MatTooltipModule,
|
|
26
|
-
RouterModule.forChild([])
|
|
27
|
-
],
|
|
28
|
-
declarations: [
|
|
29
|
-
IconComponent
|
|
30
|
-
],
|
|
31
|
-
exports: [
|
|
32
|
-
IconComponent
|
|
33
|
-
],
|
|
34
|
-
providers: []
|
|
35
|
-
}]
|
|
36
|
-
}] });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvaWNvbnMvc3JjL2xpYi9pY29ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQzVELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7OztBQWlCOUMsTUFBTSxPQUFPLFdBQVc7O3dHQUFYLFdBQVc7eUdBQVgsV0FBVyxpQkFQcEIsYUFBYSxhQU5iLFlBQVk7UUFDWixhQUFhO1FBQ2IsZ0JBQWdCLDhCQU9oQixhQUFhO3lHQUlKLFdBQVcsWUFicEIsWUFBWTtRQUNaLGFBQWE7UUFDYixnQkFBZ0I7UUFDaEIsWUFBWSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUM7MkZBVWhCLFdBQVc7a0JBZnZCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixnQkFBZ0I7d0JBQ2hCLFlBQVksQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDO3FCQUMxQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osYUFBYTtxQkFDZDtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsYUFBYTtxQkFDZDtvQkFDRCxTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbidcclxuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnXHJcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuL2ljb24uY29tcG9uZW50J1xyXG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE1hdEljb25Nb2R1bGUsXHJcbiAgICBNYXRUb29sdGlwTW9kdWxlLFxyXG4gICAgUm91dGVyTW9kdWxlLmZvckNoaWxkKFtdKVxyXG4gIF0sXHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBJY29uQ29tcG9uZW50XHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBJY29uQ29tcG9uZW50XHJcbiAgXSxcclxuICBwcm92aWRlcnM6IFtdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJY29uc01vZHVsZSB7IH1cclxuIl19
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import * as i2 from '@angular/material/icon';
|
|
6
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
7
|
-
import * as i3 from '@angular/material/tooltip';
|
|
8
|
-
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
9
|
-
import * as i4 from '@angular/router';
|
|
10
|
-
import { RouterModule } from '@angular/router';
|
|
11
|
-
|
|
12
|
-
class IconComponent {
|
|
13
|
-
constructor() {
|
|
14
|
-
this.type = 'primary';
|
|
15
|
-
this.isMaterialIcon = false;
|
|
16
|
-
this.materialOutline = false;
|
|
17
|
-
this.onClick = new EventEmitter();
|
|
18
|
-
}
|
|
19
|
-
click() {
|
|
20
|
-
this.onClick.emit(true);
|
|
21
|
-
}
|
|
22
|
-
getFontSize() {
|
|
23
|
-
return this.size ? `${this.size}px` : 'inherit';
|
|
24
|
-
}
|
|
25
|
-
getClass() {
|
|
26
|
-
var _a, _b;
|
|
27
|
-
const classValues = {};
|
|
28
|
-
if (!this.isMaterialIcon) {
|
|
29
|
-
classValues[this.name] = true;
|
|
30
|
-
}
|
|
31
|
-
else {
|
|
32
|
-
classValues['material-icon'] = true;
|
|
33
|
-
}
|
|
34
|
-
if (this.materialOutline) {
|
|
35
|
-
classValues['material-icons-outlined'] = true;
|
|
36
|
-
}
|
|
37
|
-
classValues[`apipass-icon-${this.type}`] = true;
|
|
38
|
-
if (this.isActive) {
|
|
39
|
-
classValues[`apipass-icon-${this.type}-active`] = true;
|
|
40
|
-
}
|
|
41
|
-
if (((_b = (_a = this.onClick) === null || _a === void 0 ? void 0 : _a.observers) === null || _b === void 0 ? void 0 : _b.length) > 0) {
|
|
42
|
-
classValues.clickable = true;
|
|
43
|
-
}
|
|
44
|
-
return classValues;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
48
|
-
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: IconComponent, selector: "icon", inputs: { name: "name", title: "title", type: "type", size: "size", isMaterialIcon: "isMaterialIcon", materialOutline: "materialOutline", routerLinkActive: "routerLinkActive", routerLink: "routerLink", link: "link", target: "target", isActive: "isActive" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\r\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\r\n\r\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\r\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\r\n\r\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\r\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\r\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\r\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\r\n</a>\r\n\r\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\r\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\r\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\r\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\r\n</a>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}.apipass-icon-primary{color:var(--color-primary)}.apipass-icon-secondary{color:var(--color-secondary)}.apipass-icon-tertiary{color:var(--color-fonts-tertiary)}.apipass-icon-remove{color:var(--color_icon_remove)}.apipass-icon-success{color:var(--color_icon_success)}.apipass-icon-white{color:#fff}.apipass-icon-white-active{color:var(--color-secondary)}.clickable{cursor:pointer}.apipass-custom-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:100%}.apipass-custom-faq-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/../../assets/images/icons/custom/apipass-customization-icon.png)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconComponent, decorators: [{
|
|
50
|
-
type: Component,
|
|
51
|
-
args: [{ selector: 'icon', template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\r\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\r\n\r\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\r\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\r\n\r\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\r\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\r\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\r\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\r\n</a>\r\n\r\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\r\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\r\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\r\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\r\n</a>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}.apipass-icon-primary{color:var(--color-primary)}.apipass-icon-secondary{color:var(--color-secondary)}.apipass-icon-tertiary{color:var(--color-fonts-tertiary)}.apipass-icon-remove{color:var(--color_icon_remove)}.apipass-icon-success{color:var(--color_icon_success)}.apipass-icon-white{color:#fff}.apipass-icon-white-active{color:var(--color-secondary)}.clickable{cursor:pointer}.apipass-custom-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:100%}.apipass-custom-faq-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/../../assets/images/icons/custom/apipass-customization-icon.png)}\n"] }]
|
|
52
|
-
}], propDecorators: { name: [{
|
|
53
|
-
type: Input
|
|
54
|
-
}], title: [{
|
|
55
|
-
type: Input
|
|
56
|
-
}], type: [{
|
|
57
|
-
type: Input
|
|
58
|
-
}], size: [{
|
|
59
|
-
type: Input
|
|
60
|
-
}], isMaterialIcon: [{
|
|
61
|
-
type: Input
|
|
62
|
-
}], materialOutline: [{
|
|
63
|
-
type: Input
|
|
64
|
-
}], routerLinkActive: [{
|
|
65
|
-
type: Input
|
|
66
|
-
}], routerLink: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], link: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}], target: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], isActive: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}], onClick: [{
|
|
75
|
-
type: Output
|
|
76
|
-
}] } });
|
|
77
|
-
|
|
78
|
-
class IconsModule {
|
|
79
|
-
}
|
|
80
|
-
IconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
81
|
-
IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, declarations: [IconComponent], imports: [CommonModule,
|
|
82
|
-
MatIconModule,
|
|
83
|
-
MatTooltipModule, i4.RouterModule], exports: [IconComponent] });
|
|
84
|
-
IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, imports: [CommonModule,
|
|
85
|
-
MatIconModule,
|
|
86
|
-
MatTooltipModule,
|
|
87
|
-
RouterModule.forChild([])] });
|
|
88
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, decorators: [{
|
|
89
|
-
type: NgModule,
|
|
90
|
-
args: [{
|
|
91
|
-
imports: [
|
|
92
|
-
CommonModule,
|
|
93
|
-
MatIconModule,
|
|
94
|
-
MatTooltipModule,
|
|
95
|
-
RouterModule.forChild([])
|
|
96
|
-
],
|
|
97
|
-
declarations: [
|
|
98
|
-
IconComponent
|
|
99
|
-
],
|
|
100
|
-
exports: [
|
|
101
|
-
IconComponent
|
|
102
|
-
],
|
|
103
|
-
providers: []
|
|
104
|
-
}]
|
|
105
|
-
}] });
|
|
106
|
-
|
|
107
|
-
/**
|
|
108
|
-
* Generated bundle index. Do not edit.
|
|
109
|
-
*/
|
|
110
|
-
|
|
111
|
-
export { IconComponent, IconsModule };
|
|
112
|
-
//# sourceMappingURL=apipass-icons.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"apipass-icons.mjs","sources":["../../../projects/icons/src/lib/icon.component.ts","../../../projects/icons/src/lib/icon.component.html","../../../projects/icons/src/lib/icons.module.ts","../../../projects/icons/src/apipass-icons.ts"],"sourcesContent":["import { Component, Input, EventEmitter, Output } from '@angular/core'\r\n\r\n@Component({\r\n selector: 'icon',\r\n templateUrl: 'icon.component.html',\r\n styleUrls: ['icon.component.scss']\r\n})\r\nexport class IconComponent {\n @Input() public name: any\r\n @Input() public title: any\r\n @Input() public type = 'primary'\r\n @Input() public size: any\r\n @Input() public isMaterialIcon = false\r\n @Input() public materialOutline = false\r\n\r\n @Input() public routerLinkActive: any\r\n @Input() public routerLink: any\r\n\r\n @Input() public link: any\r\n @Input() public target: any\r\n @Input() public isActive: any\r\n\r\n @Output() public onClick = new EventEmitter<boolean>()\r\n\r\n public click (): void {\r\n this.onClick.emit(true)\r\n }\r\n\r\n getFontSize (): string {\r\n return this.size ? `${this.size}px` : 'inherit'\r\n }\r\n\r\n getClass (): any {\r\n const classValues: any = {}\r\n if (!this.isMaterialIcon) {\r\n classValues[this.name] = true\r\n } else {\r\n classValues['material-icon'] = true\r\n }\r\n if (this.materialOutline) {\r\n classValues['material-icons-outlined'] = true\r\n }\r\n classValues[`apipass-icon-${this.type}`] = true\r\n if (this.isActive) {\r\n classValues[`apipass-icon-${this.type}-active`] = true\r\n }\r\n if (this.onClick?.observers?.length > 0) {\r\n classValues.clickable = true\r\n }\r\n return classValues\r\n }\n}\r\n","<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\r\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\r\n\r\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\r\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\r\n\r\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\r\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\r\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\r\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\r\n</a>\r\n\r\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\r\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\r\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\r\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\r\n</a>\r\n","import { NgModule } from '@angular/core'\r\nimport { CommonModule } from '@angular/common'\r\nimport { MatIconModule } from '@angular/material/icon'\r\nimport { MatTooltipModule } from '@angular/material/tooltip'\r\nimport { IconComponent } from './icon.component'\r\nimport { RouterModule } from '@angular/router'\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatIconModule,\r\n MatTooltipModule,\r\n RouterModule.forChild([])\r\n ],\r\n declarations: [\r\n IconComponent\r\n ],\r\n exports: [\r\n IconComponent\r\n ],\r\n providers: []\r\n})\r\nexport class IconsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import * as i2 from '@angular/material/icon';
|
|
6
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
7
|
-
import * as i3 from '@angular/material/tooltip';
|
|
8
|
-
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
9
|
-
import * as i4 from '@angular/router';
|
|
10
|
-
import { RouterModule } from '@angular/router';
|
|
11
|
-
|
|
12
|
-
class IconComponent {
|
|
13
|
-
constructor() {
|
|
14
|
-
this.type = 'primary';
|
|
15
|
-
this.isMaterialIcon = false;
|
|
16
|
-
this.materialOutline = false;
|
|
17
|
-
this.onClick = new EventEmitter();
|
|
18
|
-
}
|
|
19
|
-
click() {
|
|
20
|
-
this.onClick.emit(true);
|
|
21
|
-
}
|
|
22
|
-
getFontSize() {
|
|
23
|
-
return this.size ? `${this.size}px` : 'inherit';
|
|
24
|
-
}
|
|
25
|
-
getClass() {
|
|
26
|
-
const classValues = {};
|
|
27
|
-
if (!this.isMaterialIcon) {
|
|
28
|
-
classValues[this.name] = true;
|
|
29
|
-
}
|
|
30
|
-
else {
|
|
31
|
-
classValues['material-icon'] = true;
|
|
32
|
-
}
|
|
33
|
-
if (this.materialOutline) {
|
|
34
|
-
classValues['material-icons-outlined'] = true;
|
|
35
|
-
}
|
|
36
|
-
classValues[`apipass-icon-${this.type}`] = true;
|
|
37
|
-
if (this.isActive) {
|
|
38
|
-
classValues[`apipass-icon-${this.type}-active`] = true;
|
|
39
|
-
}
|
|
40
|
-
if (this.onClick?.observers?.length > 0) {
|
|
41
|
-
classValues.clickable = true;
|
|
42
|
-
}
|
|
43
|
-
return classValues;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
-
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: IconComponent, selector: "icon", inputs: { name: "name", title: "title", type: "type", size: "size", isMaterialIcon: "isMaterialIcon", materialOutline: "materialOutline", routerLinkActive: "routerLinkActive", routerLink: "routerLink", link: "link", target: "target", isActive: "isActive" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\r\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\r\n\r\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\r\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\r\n\r\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\r\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\r\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\r\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\r\n</a>\r\n\r\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\r\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\r\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\r\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\r\n</a>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}.apipass-icon-primary{color:var(--color-primary)}.apipass-icon-secondary{color:var(--color-secondary)}.apipass-icon-tertiary{color:var(--color-fonts-tertiary)}.apipass-icon-remove{color:var(--color_icon_remove)}.apipass-icon-success{color:var(--color_icon_success)}.apipass-icon-white{color:#fff}.apipass-icon-white-active{color:var(--color-secondary)}.clickable{cursor:pointer}.apipass-custom-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:100%}.apipass-custom-faq-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/../../assets/images/icons/custom/apipass-customization-icon.png)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconComponent, decorators: [{
|
|
49
|
-
type: Component,
|
|
50
|
-
args: [{ selector: 'icon', template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\r\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\r\n\r\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\r\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\r\n\r\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\r\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\r\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\r\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\r\n</a>\r\n\r\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\r\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\r\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\r\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\r\n</a>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}.apipass-icon-primary{color:var(--color-primary)}.apipass-icon-secondary{color:var(--color-secondary)}.apipass-icon-tertiary{color:var(--color-fonts-tertiary)}.apipass-icon-remove{color:var(--color_icon_remove)}.apipass-icon-success{color:var(--color_icon_success)}.apipass-icon-white{color:#fff}.apipass-icon-white-active{color:var(--color-secondary)}.clickable{cursor:pointer}.apipass-custom-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:100%}.apipass-custom-faq-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/../../assets/images/icons/custom/apipass-customization-icon.png)}\n"] }]
|
|
51
|
-
}], propDecorators: { name: [{
|
|
52
|
-
type: Input
|
|
53
|
-
}], title: [{
|
|
54
|
-
type: Input
|
|
55
|
-
}], type: [{
|
|
56
|
-
type: Input
|
|
57
|
-
}], size: [{
|
|
58
|
-
type: Input
|
|
59
|
-
}], isMaterialIcon: [{
|
|
60
|
-
type: Input
|
|
61
|
-
}], materialOutline: [{
|
|
62
|
-
type: Input
|
|
63
|
-
}], routerLinkActive: [{
|
|
64
|
-
type: Input
|
|
65
|
-
}], routerLink: [{
|
|
66
|
-
type: Input
|
|
67
|
-
}], link: [{
|
|
68
|
-
type: Input
|
|
69
|
-
}], target: [{
|
|
70
|
-
type: Input
|
|
71
|
-
}], isActive: [{
|
|
72
|
-
type: Input
|
|
73
|
-
}], onClick: [{
|
|
74
|
-
type: Output
|
|
75
|
-
}] } });
|
|
76
|
-
|
|
77
|
-
class IconsModule {
|
|
78
|
-
}
|
|
79
|
-
IconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
80
|
-
IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, declarations: [IconComponent], imports: [CommonModule,
|
|
81
|
-
MatIconModule,
|
|
82
|
-
MatTooltipModule, i4.RouterModule], exports: [IconComponent] });
|
|
83
|
-
IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, imports: [CommonModule,
|
|
84
|
-
MatIconModule,
|
|
85
|
-
MatTooltipModule,
|
|
86
|
-
RouterModule.forChild([])] });
|
|
87
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, decorators: [{
|
|
88
|
-
type: NgModule,
|
|
89
|
-
args: [{
|
|
90
|
-
imports: [
|
|
91
|
-
CommonModule,
|
|
92
|
-
MatIconModule,
|
|
93
|
-
MatTooltipModule,
|
|
94
|
-
RouterModule.forChild([])
|
|
95
|
-
],
|
|
96
|
-
declarations: [
|
|
97
|
-
IconComponent
|
|
98
|
-
],
|
|
99
|
-
exports: [
|
|
100
|
-
IconComponent
|
|
101
|
-
],
|
|
102
|
-
providers: []
|
|
103
|
-
}]
|
|
104
|
-
}] });
|
|
105
|
-
|
|
106
|
-
/**
|
|
107
|
-
* Generated bundle index. Do not edit.
|
|
108
|
-
*/
|
|
109
|
-
|
|
110
|
-
export { IconComponent, IconsModule };
|
|
111
|
-
//# sourceMappingURL=apipass-icons.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"apipass-icons.mjs","sources":["../../../projects/icons/src/lib/icon.component.ts","../../../projects/icons/src/lib/icon.component.html","../../../projects/icons/src/lib/icons.module.ts","../../../projects/icons/src/apipass-icons.ts"],"sourcesContent":["import { Component, Input, EventEmitter, Output } from '@angular/core'\r\n\r\n@Component({\r\n selector: 'icon',\r\n templateUrl: 'icon.component.html',\r\n styleUrls: ['icon.component.scss']\r\n})\r\nexport class IconComponent {\n @Input() public name: any\r\n @Input() public title: any\r\n @Input() public type = 'primary'\r\n @Input() public size: any\r\n @Input() public isMaterialIcon = false\r\n @Input() public materialOutline = false\r\n\r\n @Input() public routerLinkActive: any\r\n @Input() public routerLink: any\r\n\r\n @Input() public link: any\r\n @Input() public target: any\r\n @Input() public isActive: any\r\n\r\n @Output() public onClick = new EventEmitter<boolean>()\r\n\r\n public click (): void {\r\n this.onClick.emit(true)\r\n }\r\n\r\n getFontSize (): string {\r\n return this.size ? `${this.size}px` : 'inherit'\r\n }\r\n\r\n getClass (): any {\r\n const classValues: any = {}\r\n if (!this.isMaterialIcon) {\r\n classValues[this.name] = true\r\n } else {\r\n classValues['material-icon'] = true\r\n }\r\n if (this.materialOutline) {\r\n classValues['material-icons-outlined'] = true\r\n }\r\n classValues[`apipass-icon-${this.type}`] = true\r\n if (this.isActive) {\r\n classValues[`apipass-icon-${this.type}-active`] = true\r\n }\r\n if (this.onClick?.observers?.length > 0) {\r\n classValues.clickable = true\r\n }\r\n return classValues\r\n }\n}\r\n","<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\r\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\r\n\r\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\r\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\r\n\r\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\r\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\r\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\r\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\r\n</a>\r\n\r\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\r\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\r\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\r\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\r\n</a>\r\n","import { NgModule } from '@angular/core'\r\nimport { CommonModule } from '@angular/common'\r\nimport { MatIconModule } from '@angular/material/icon'\r\nimport { MatTooltipModule } from '@angular/material/tooltip'\r\nimport { IconComponent } from './icon.component'\r\nimport { RouterModule } from '@angular/router'\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatIconModule,\r\n MatTooltipModule,\r\n RouterModule.forChild([])\r\n ],\r\n declarations: [\r\n IconComponent\r\n ],\r\n exports: [\r\n IconComponent\r\n ],\r\n providers: []\r\n})\r\nexport class IconsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;MAOa,aAAa,CAAA;AAL1B,IAAA,WAAA,GAAA;QAQkB,IAAI,CAAA,IAAA,GAAG,SAAS,CAAA;QAEhB,IAAc,CAAA,cAAA,GAAG,KAAK,CAAA;QACtB,IAAe,CAAA,eAAA,GAAG,KAAK,CAAA;AAStB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,YAAY,EAAW,CAAA;AA6BvD,KAAA;IA3BQ,KAAK,GAAA;AACV,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACxB;IAED,WAAW,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,IAAI,GAAG,CAAA,EAAG,IAAI,CAAC,IAAI,CAAI,EAAA,CAAA,GAAG,SAAS,CAAA;KAChD;IAED,QAAQ,GAAA;QACN,MAAM,WAAW,GAAQ,EAAE,CAAA;AAC3B,QAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;AACxB,YAAA,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;AAC9B,SAAA;AAAM,aAAA;AACL,YAAA,WAAW,CAAC,eAAe,CAAC,GAAG,IAAI,CAAA;AACpC,SAAA;QACD,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,YAAA,WAAW,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAA;AAC9C,SAAA;QACD,WAAW,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAE,CAAA,CAAC,GAAG,IAAI,CAAA;QAC/C,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,WAAW,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAS,OAAA,CAAA,CAAC,GAAG,IAAI,CAAA;AACvD,SAAA;QACD,IAAI,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC,EAAE;AACvC,YAAA,WAAW,CAAC,SAAS,GAAG,IAAI,CAAA;AAC7B,SAAA;AACD,QAAA,OAAO,WAAW,CAAA;KACnB;;0GA3CU,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,+UCP1B,muCAiBA,EAAA,MAAA,EAAA,CAAA,2mDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,uBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDVa,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,SAAS;+BACE,MAAM,EAAA,QAAA,EAAA,muCAAA,EAAA,MAAA,EAAA,CAAA,2mDAAA,CAAA,EAAA,CAAA;8BAKA,IAAI,EAAA,CAAA;sBAAnB,KAAK;gBACU,KAAK,EAAA,CAAA;sBAApB,KAAK;gBACU,IAAI,EAAA,CAAA;sBAAnB,KAAK;gBACU,IAAI,EAAA,CAAA;sBAAnB,KAAK;gBACU,cAAc,EAAA,CAAA;sBAA7B,KAAK;gBACU,eAAe,EAAA,CAAA;sBAA9B,KAAK;gBAEU,gBAAgB,EAAA,CAAA;sBAA/B,KAAK;gBACU,UAAU,EAAA,CAAA;sBAAzB,KAAK;gBAEU,IAAI,EAAA,CAAA;sBAAnB,KAAK;gBACU,MAAM,EAAA,CAAA;sBAArB,KAAK;gBACU,QAAQ,EAAA,CAAA;sBAAvB,KAAK;gBAEW,OAAO,EAAA,CAAA;sBAAvB,MAAM;;;MEAI,WAAW,CAAA;;wGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAAX,WAAW,EAAA,YAAA,EAAA,CAPpB,aAAa,CAAA,EAAA,OAAA,EAAA,CANb,YAAY;QACZ,aAAa;AACb,QAAA,gBAAgB,8BAOhB,aAAa,CAAA,EAAA,CAAA,CAAA;AAIJ,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YAbpB,YAAY;QACZ,aAAa;QACb,gBAAgB;AAChB,QAAA,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA,EAAA,CAAA,CAAA;2FAUhB,WAAW,EAAA,UAAA,EAAA,CAAA;kBAfvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,gBAAgB;AAChB,wBAAA,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;AAC1B,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACZ,aAAa;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,aAAa;AACd,qBAAA;AACD,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACrBD;;AAEG;;;;"}
|