@apipass/icons 0.2.16 → 1.0.1
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/{esm2015/apipass-icons.js → esm2020/apipass-icons.mjs} +4 -4
- package/esm2020/lib/icon.component.mjs +71 -0
- package/esm2020/lib/icons.module.mjs +37 -0
- package/{esm2015/public-api.js → esm2020/public-api.mjs} +2 -2
- package/fesm2015/apipass-icons.mjs +113 -0
- package/fesm2015/apipass-icons.mjs.map +1 -0
- package/fesm2020/apipass-icons.mjs +112 -0
- package/fesm2020/apipass-icons.mjs.map +1 -0
- package/{apipass-icons.d.ts → index.d.ts} +5 -5
- package/lib/icon.component.d.ts +21 -21
- package/lib/icons.module.d.ts +11 -10
- package/package.json +33 -23
- package/public-api.d.ts +2 -2
- package/bundles/apipass-icons.umd.js +0 -252
- package/bundles/apipass-icons.umd.js.map +0 -1
- package/bundles/apipass-icons.umd.min.js +0 -2
- package/bundles/apipass-icons.umd.min.js.map +0 -1
- package/esm2015/lib/icon.component.js +0 -173
- package/esm2015/lib/icons.module.js +0 -39
- package/fesm2015/apipass-icons.js +0 -210
- package/fesm2015/apipass-icons.js.map +0 -1
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.ɵɵ
|
|
20
|
-
static ɵcmp: i0.ɵɵ
|
|
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
|
+
}
|
package/lib/icons.module.d.ts
CHANGED
|
@@ -1,10 +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
|
|
9
|
-
static
|
|
10
|
-
|
|
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,29 +1,39 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apipass/icons",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/animations": "
|
|
6
|
-
"@angular/cdk": "
|
|
7
|
-
"@angular/common": "
|
|
8
|
-
"@angular/core": "
|
|
9
|
-
"@angular/forms": "
|
|
10
|
-
"@angular/material": "
|
|
5
|
+
"@angular/animations": "15.0.3",
|
|
6
|
+
"@angular/cdk": "15.0.3",
|
|
7
|
+
"@angular/common": "15.0.3",
|
|
8
|
+
"@angular/core": "15.0.3",
|
|
9
|
+
"@angular/forms": "15.0.3",
|
|
10
|
+
"@angular/material": "15.0.3"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"tslib": "2.
|
|
14
|
-
"@fortawesome/angular-fontawesome": "
|
|
15
|
-
"@fortawesome/fontawesome-free": "
|
|
16
|
-
"@fortawesome/fontawesome-svg-core": "
|
|
17
|
-
"@fortawesome/free-solid-svg-icons": "
|
|
13
|
+
"tslib": "2.5.0",
|
|
14
|
+
"@fortawesome/angular-fontawesome": "0.12.1",
|
|
15
|
+
"@fortawesome/fontawesome-free": "5.15.4",
|
|
16
|
+
"@fortawesome/fontawesome-svg-core": "1.2.36",
|
|
17
|
+
"@fortawesome/free-solid-svg-icons": "5.15.4"
|
|
18
18
|
},
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"fesm2015": "fesm2015/apipass-icons.
|
|
24
|
-
"typings": "
|
|
25
|
-
"
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
19
|
+
"module": "fesm2015/apipass-icons.mjs",
|
|
20
|
+
"es2020": "fesm2020/apipass-icons.mjs",
|
|
21
|
+
"esm2020": "esm2020/apipass-icons.mjs",
|
|
22
|
+
"fesm2020": "fesm2020/apipass-icons.mjs",
|
|
23
|
+
"fesm2015": "fesm2015/apipass-icons.mjs",
|
|
24
|
+
"typings": "index.d.ts",
|
|
25
|
+
"exports": {
|
|
26
|
+
"./package.json": {
|
|
27
|
+
"default": "./package.json"
|
|
28
|
+
},
|
|
29
|
+
".": {
|
|
30
|
+
"types": "./index.d.ts",
|
|
31
|
+
"esm2020": "./esm2020/apipass-icons.mjs",
|
|
32
|
+
"es2020": "./fesm2020/apipass-icons.mjs",
|
|
33
|
+
"es2015": "./fesm2015/apipass-icons.mjs",
|
|
34
|
+
"node": "./fesm2015/apipass-icons.mjs",
|
|
35
|
+
"default": "./fesm2020/apipass-icons.mjs"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
"sideEffects": false
|
|
39
|
+
}
|
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,252 +0,0 @@
|
|
|
1
|
-
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/icon'), require('@angular/material/tooltip'), require('@angular/router')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@apipass/icons', ['exports', '@angular/core', '@angular/common', '@angular/material/icon', '@angular/material/tooltip', '@angular/router'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.apipass = global.apipass || {}, global.apipass.icons = {}), global.ng.core, global.ng.common, global.ng.material.icon, global.ng.material.tooltip, global.ng.router));
|
|
5
|
-
}(this, (function (exports, i0, i1, i3, i2, i4) { 'use strict';
|
|
6
|
-
|
|
7
|
-
var _c0 = function (a0) { return { "font-size": a0 }; };
|
|
8
|
-
function IconComponent_i_0_Template(rf, ctx) {
|
|
9
|
-
if (rf & 1) {
|
|
10
|
-
var _r5_1 = i0.ɵɵgetCurrentView();
|
|
11
|
-
i0.ɵɵelementStart(0, "i", 3);
|
|
12
|
-
i0.ɵɵlistener("click", function IconComponent_i_0_Template_i_click_0_listener() { i0.ɵɵrestoreView(_r5_1); var ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.click(); });
|
|
13
|
-
i0.ɵɵelementEnd();
|
|
14
|
-
}
|
|
15
|
-
if (rf & 2) {
|
|
16
|
-
var ctx_r0 = i0.ɵɵnextContext();
|
|
17
|
-
i0.ɵɵproperty("matTooltip", ctx_r0.title || "")("ngClass", ctx_r0.getClass())("ngStyle", i0.ɵɵpureFunction1(3, _c0, ctx_r0.getFontSize()));
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
function IconComponent_mat_icon_1_Template(rf, ctx) {
|
|
21
|
-
if (rf & 1) {
|
|
22
|
-
var _r7_1 = i0.ɵɵgetCurrentView();
|
|
23
|
-
i0.ɵɵelementStart(0, "mat-icon", 3);
|
|
24
|
-
i0.ɵɵlistener("click", function IconComponent_mat_icon_1_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r7_1); var ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.click(); });
|
|
25
|
-
i0.ɵɵtext(1);
|
|
26
|
-
i0.ɵɵelementEnd();
|
|
27
|
-
}
|
|
28
|
-
if (rf & 2) {
|
|
29
|
-
var ctx_r1 = i0.ɵɵnextContext();
|
|
30
|
-
i0.ɵɵproperty("matTooltip", ctx_r1.title || "")("ngClass", ctx_r1.getClass())("ngStyle", i0.ɵɵpureFunction1(4, _c0, ctx_r1.getFontSize()));
|
|
31
|
-
i0.ɵɵadvance(1);
|
|
32
|
-
i0.ɵɵtextInterpolate(ctx_r1.name);
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
function IconComponent_a_2_i_1_Template(rf, ctx) {
|
|
36
|
-
if (rf & 1) {
|
|
37
|
-
i0.ɵɵelement(0, "i", 6);
|
|
38
|
-
}
|
|
39
|
-
if (rf & 2) {
|
|
40
|
-
var ctx_r8 = i0.ɵɵnextContext(2);
|
|
41
|
-
i0.ɵɵproperty("ngClass", ctx_r8.getClass())("ngStyle", i0.ɵɵpureFunction1(2, _c0, ctx_r8.getFontSize()));
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
function IconComponent_a_2_mat_icon_2_Template(rf, ctx) {
|
|
45
|
-
if (rf & 1) {
|
|
46
|
-
i0.ɵɵelementStart(0, "mat-icon", 6);
|
|
47
|
-
i0.ɵɵtext(1);
|
|
48
|
-
i0.ɵɵelementEnd();
|
|
49
|
-
}
|
|
50
|
-
if (rf & 2) {
|
|
51
|
-
var ctx_r9 = i0.ɵɵnextContext(2);
|
|
52
|
-
i0.ɵɵproperty("ngClass", ctx_r9.getClass())("ngStyle", i0.ɵɵpureFunction1(3, _c0, ctx_r9.getFontSize()));
|
|
53
|
-
i0.ɵɵadvance(1);
|
|
54
|
-
i0.ɵɵtextInterpolate(ctx_r9.name);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
function IconComponent_a_2_Template(rf, ctx) {
|
|
58
|
-
if (rf & 1) {
|
|
59
|
-
var _r11_1 = i0.ɵɵgetCurrentView();
|
|
60
|
-
i0.ɵɵelementStart(0, "a", 4);
|
|
61
|
-
i0.ɵɵlistener("click", function IconComponent_a_2_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r11_1); var ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.click(); });
|
|
62
|
-
i0.ɵɵtemplate(1, IconComponent_a_2_i_1_Template, 1, 4, "i", 5);
|
|
63
|
-
i0.ɵɵtemplate(2, IconComponent_a_2_mat_icon_2_Template, 2, 5, "mat-icon", 5);
|
|
64
|
-
i0.ɵɵelementEnd();
|
|
65
|
-
}
|
|
66
|
-
if (rf & 2) {
|
|
67
|
-
var ctx_r2 = i0.ɵɵnextContext();
|
|
68
|
-
i0.ɵɵproperty("matTooltip", ctx_r2.title || "")("routerLinkActive", ctx_r2.routerLinkActive || "")("routerLink", ctx_r2.routerLink);
|
|
69
|
-
i0.ɵɵadvance(1);
|
|
70
|
-
i0.ɵɵproperty("ngIf", !ctx_r2.isMaterialIcon);
|
|
71
|
-
i0.ɵɵadvance(1);
|
|
72
|
-
i0.ɵɵproperty("ngIf", ctx_r2.isMaterialIcon);
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
function IconComponent_a_3_i_1_Template(rf, ctx) {
|
|
76
|
-
if (rf & 1) {
|
|
77
|
-
i0.ɵɵelement(0, "i", 6);
|
|
78
|
-
}
|
|
79
|
-
if (rf & 2) {
|
|
80
|
-
var ctx_r12 = i0.ɵɵnextContext(2);
|
|
81
|
-
i0.ɵɵproperty("ngClass", ctx_r12.getClass())("ngStyle", i0.ɵɵpureFunction1(2, _c0, ctx_r12.getFontSize()));
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
function IconComponent_a_3_mat_icon_2_Template(rf, ctx) {
|
|
85
|
-
if (rf & 1) {
|
|
86
|
-
i0.ɵɵelementStart(0, "mat-icon", 6);
|
|
87
|
-
i0.ɵɵtext(1);
|
|
88
|
-
i0.ɵɵelementEnd();
|
|
89
|
-
}
|
|
90
|
-
if (rf & 2) {
|
|
91
|
-
var ctx_r13 = i0.ɵɵnextContext(2);
|
|
92
|
-
i0.ɵɵproperty("ngClass", ctx_r13.getClass())("ngStyle", i0.ɵɵpureFunction1(3, _c0, ctx_r13.getFontSize()));
|
|
93
|
-
i0.ɵɵadvance(1);
|
|
94
|
-
i0.ɵɵtextInterpolate(ctx_r13.name);
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
function IconComponent_a_3_Template(rf, ctx) {
|
|
98
|
-
if (rf & 1) {
|
|
99
|
-
var _r15_1 = i0.ɵɵgetCurrentView();
|
|
100
|
-
i0.ɵɵelementStart(0, "a", 7);
|
|
101
|
-
i0.ɵɵlistener("click", function IconComponent_a_3_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r15_1); var ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.click(); });
|
|
102
|
-
i0.ɵɵtemplate(1, IconComponent_a_3_i_1_Template, 1, 4, "i", 5);
|
|
103
|
-
i0.ɵɵtemplate(2, IconComponent_a_3_mat_icon_2_Template, 2, 5, "mat-icon", 5);
|
|
104
|
-
i0.ɵɵelementEnd();
|
|
105
|
-
}
|
|
106
|
-
if (rf & 2) {
|
|
107
|
-
var ctx_r3 = i0.ɵɵnextContext();
|
|
108
|
-
i0.ɵɵproperty("matTooltip", ctx_r3.title || "")("routerLinkActive", ctx_r3.routerLinkActive || "")("href", ctx_r3.link, i0.ɵɵsanitizeUrl)("target", ctx_r3.target);
|
|
109
|
-
i0.ɵɵadvance(1);
|
|
110
|
-
i0.ɵɵproperty("ngIf", !ctx_r3.isMaterialIcon);
|
|
111
|
-
i0.ɵɵadvance(1);
|
|
112
|
-
i0.ɵɵproperty("ngIf", ctx_r3.isMaterialIcon);
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
var IconComponent = /** @class */ (function () {
|
|
116
|
-
function IconComponent() {
|
|
117
|
-
this.type = 'primary';
|
|
118
|
-
this.isMaterialIcon = false;
|
|
119
|
-
this.materialOutline = false;
|
|
120
|
-
this.onClick = new i0.EventEmitter();
|
|
121
|
-
}
|
|
122
|
-
IconComponent.prototype.click = function () {
|
|
123
|
-
this.onClick.emit(true);
|
|
124
|
-
};
|
|
125
|
-
IconComponent.prototype.getFontSize = function () {
|
|
126
|
-
return this.size ? this.size + "px" : 'inherit';
|
|
127
|
-
};
|
|
128
|
-
IconComponent.prototype.getClass = function () {
|
|
129
|
-
var _a, _b;
|
|
130
|
-
var classValues = {};
|
|
131
|
-
if (!this.isMaterialIcon) {
|
|
132
|
-
classValues[this.name] = true;
|
|
133
|
-
}
|
|
134
|
-
else {
|
|
135
|
-
classValues['material-icon'] = true;
|
|
136
|
-
}
|
|
137
|
-
if (this.materialOutline) {
|
|
138
|
-
classValues['material-icons-outlined'] = true;
|
|
139
|
-
}
|
|
140
|
-
classValues["apipass-icon-" + this.type] = true;
|
|
141
|
-
if (this.isActive) {
|
|
142
|
-
classValues["apipass-icon-" + this.type + "-active"] = true;
|
|
143
|
-
}
|
|
144
|
-
if (((_b = (_a = this.onClick) === null || _a === void 0 ? void 0 : _a.observers) === null || _b === void 0 ? void 0 : _b.length) > 0) {
|
|
145
|
-
classValues["clickable"] = true;
|
|
146
|
-
}
|
|
147
|
-
return classValues;
|
|
148
|
-
};
|
|
149
|
-
return IconComponent;
|
|
150
|
-
}());
|
|
151
|
-
IconComponent.ɵfac = function IconComponent_Factory(t) { return new (t || IconComponent)(); };
|
|
152
|
-
IconComponent.ɵcmp = i0.ɵɵdefineComponent({ type: IconComponent, selectors: [["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" }, decls: 4, vars: 4, consts: [[3, "matTooltip", "ngClass", "ngStyle", "click", 4, "ngIf"], [3, "matTooltip", "routerLinkActive", "routerLink", "click", 4, "ngIf"], [3, "matTooltip", "routerLinkActive", "href", "target", "click", 4, "ngIf"], [3, "matTooltip", "ngClass", "ngStyle", "click"], [3, "matTooltip", "routerLinkActive", "routerLink", "click"], [3, "ngClass", "ngStyle", 4, "ngIf"], [3, "ngClass", "ngStyle"], [3, "matTooltip", "routerLinkActive", "href", "target", "click"]], template: function IconComponent_Template(rf, ctx) {
|
|
153
|
-
if (rf & 1) {
|
|
154
|
-
i0.ɵɵtemplate(0, IconComponent_i_0_Template, 1, 5, "i", 0);
|
|
155
|
-
i0.ɵɵtemplate(1, IconComponent_mat_icon_1_Template, 2, 6, "mat-icon", 0);
|
|
156
|
-
i0.ɵɵtemplate(2, IconComponent_a_2_Template, 3, 5, "a", 1);
|
|
157
|
-
i0.ɵɵtemplate(3, IconComponent_a_3_Template, 3, 6, "a", 2);
|
|
158
|
-
}
|
|
159
|
-
if (rf & 2) {
|
|
160
|
-
i0.ɵɵproperty("ngIf", !ctx.isMaterialIcon && ctx.name && !ctx.routerLink && !ctx.link);
|
|
161
|
-
i0.ɵɵadvance(1);
|
|
162
|
-
i0.ɵɵproperty("ngIf", ctx.isMaterialIcon && ctx.name && !ctx.routerLink && !ctx.link);
|
|
163
|
-
i0.ɵɵadvance(1);
|
|
164
|
-
i0.ɵɵproperty("ngIf", ctx.name && ctx.routerLink);
|
|
165
|
-
i0.ɵɵadvance(1);
|
|
166
|
-
i0.ɵɵproperty("ngIf", ctx.name && ctx.link);
|
|
167
|
-
}
|
|
168
|
-
}, directives: [i1.NgIf, i2.MatTooltip, i1.NgClass, i1.NgStyle, i3.MatIcon, i4.RouterLinkWithHref, i4.RouterLinkActive], styles: ["[_ngcontent-%COMP%]:root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}.apipass-icon-primary[_ngcontent-%COMP%]{color:var(--color-primary)}.apipass-icon-secondary[_ngcontent-%COMP%]{color:var(--color-secondary)}.apipass-icon-tertiary[_ngcontent-%COMP%]{color:var(--color-fonts-tertiary)}.apipass-icon-remove[_ngcontent-%COMP%]{color:var(--color_icon_remove)}.apipass-icon-success[_ngcontent-%COMP%]{color:var(--color_icon_success)}.apipass-icon-white[_ngcontent-%COMP%]{color:#fff}.apipass-icon-white-active[_ngcontent-%COMP%]{color:var(--color-secondary)}.clickable[_ngcontent-%COMP%]{cursor:pointer}.apipass-custom-icon[_ngcontent-%COMP%]{background-repeat:no-repeat;background-size:100%;display:block;height:100%;width:100%}.apipass-custom-faq-icon[_ngcontent-%COMP%]{background-image:url(/assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon[_ngcontent-%COMP%]{background-image:url(/assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon[_ngcontent-%COMP%]{background-image:url(/assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon[_ngcontent-%COMP%]{background-image:url(/assets/images/icons/custom/apipass-customization-icon.png)}"] });
|
|
169
|
-
/*@__PURE__*/ (function () {
|
|
170
|
-
i0.ɵsetClassMetadata(IconComponent, [{
|
|
171
|
-
type: i0.Component,
|
|
172
|
-
args: [{
|
|
173
|
-
selector: 'icon',
|
|
174
|
-
templateUrl: 'icon.component.html',
|
|
175
|
-
styleUrls: ['icon.component.scss']
|
|
176
|
-
}]
|
|
177
|
-
}], null, { name: [{
|
|
178
|
-
type: i0.Input
|
|
179
|
-
}], title: [{
|
|
180
|
-
type: i0.Input
|
|
181
|
-
}], type: [{
|
|
182
|
-
type: i0.Input
|
|
183
|
-
}], size: [{
|
|
184
|
-
type: i0.Input
|
|
185
|
-
}], isMaterialIcon: [{
|
|
186
|
-
type: i0.Input
|
|
187
|
-
}], materialOutline: [{
|
|
188
|
-
type: i0.Input
|
|
189
|
-
}], routerLinkActive: [{
|
|
190
|
-
type: i0.Input
|
|
191
|
-
}], routerLink: [{
|
|
192
|
-
type: i0.Input
|
|
193
|
-
}], link: [{
|
|
194
|
-
type: i0.Input
|
|
195
|
-
}], target: [{
|
|
196
|
-
type: i0.Input
|
|
197
|
-
}], isActive: [{
|
|
198
|
-
type: i0.Input
|
|
199
|
-
}], onClick: [{
|
|
200
|
-
type: i0.Output
|
|
201
|
-
}] });
|
|
202
|
-
})();
|
|
203
|
-
|
|
204
|
-
var IconsModule = /** @class */ (function () {
|
|
205
|
-
function IconsModule() {
|
|
206
|
-
}
|
|
207
|
-
return IconsModule;
|
|
208
|
-
}());
|
|
209
|
-
IconsModule.ɵmod = i0.ɵɵdefineNgModule({ type: IconsModule });
|
|
210
|
-
IconsModule.ɵinj = i0.ɵɵdefineInjector({ factory: function IconsModule_Factory(t) { return new (t || IconsModule)(); }, providers: [], imports: [[
|
|
211
|
-
i1.CommonModule,
|
|
212
|
-
i3.MatIconModule,
|
|
213
|
-
i2.MatTooltipModule,
|
|
214
|
-
i4.RouterModule.forChild([])
|
|
215
|
-
]] });
|
|
216
|
-
(function () {
|
|
217
|
-
(typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IconsModule, { declarations: [IconComponent], imports: [i1.CommonModule,
|
|
218
|
-
i3.MatIconModule,
|
|
219
|
-
i2.MatTooltipModule, i4.RouterModule], exports: [IconComponent] });
|
|
220
|
-
})();
|
|
221
|
-
/*@__PURE__*/ (function () {
|
|
222
|
-
i0.ɵsetClassMetadata(IconsModule, [{
|
|
223
|
-
type: i0.NgModule,
|
|
224
|
-
args: [{
|
|
225
|
-
imports: [
|
|
226
|
-
i1.CommonModule,
|
|
227
|
-
i3.MatIconModule,
|
|
228
|
-
i2.MatTooltipModule,
|
|
229
|
-
i4.RouterModule.forChild([])
|
|
230
|
-
],
|
|
231
|
-
declarations: [
|
|
232
|
-
IconComponent
|
|
233
|
-
],
|
|
234
|
-
exports: [
|
|
235
|
-
IconComponent
|
|
236
|
-
],
|
|
237
|
-
providers: []
|
|
238
|
-
}]
|
|
239
|
-
}], null, null);
|
|
240
|
-
})();
|
|
241
|
-
|
|
242
|
-
/**
|
|
243
|
-
* Generated bundle index. Do not edit.
|
|
244
|
-
*/
|
|
245
|
-
|
|
246
|
-
exports.IconComponent = IconComponent;
|
|
247
|
-
exports.IconsModule = IconsModule;
|
|
248
|
-
|
|
249
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
250
|
-
|
|
251
|
-
})));
|
|
252
|
-
//# sourceMappingURL=apipass-icons.umd.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"apipass-icons.umd.js","sources":["../../../projects/icons/src/lib/icon.component.html","../../../projects/icons/src/lib/icon.component.ts","../../../projects/icons/src/lib/icons.module.ts","../../../projects/icons/src/apipass-icons.ts"],"sourcesContent":["<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 { 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: EventEmitter<boolean> = new EventEmitter();\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","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":["i0.ɵɵelementStart","i0.ɵɵlistener","i0.ɵɵelementEnd","i0.ɵɵproperty","i0.ɵɵtext","i0.ɵɵadvance","i0.ɵɵtextInterpolate","i0.ɵɵelement","i0.ɵɵtemplate","EventEmitter","Component","Input","Output","CommonModule","MatIconModule","MatTooltipModule","RouterModule","NgModule"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/icon"),require("@angular/material/tooltip"),require("@angular/router")):"function"==typeof define&&define.amd?define("@apipass/icons",["exports","@angular/core","@angular/common","@angular/material/icon","@angular/material/tooltip","@angular/router"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).apipass=e.apipass||{},e.apipass.icons={}),e.ng.core,e.ng.common,e.ng.material.icon,e.ng.material.tooltip,e.ng.router)}(this,(function(e,t,n,o,i,r){"use strict";var a=function(e){return{"font-size":e}};function c(e,n){if(1&e){var o=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"i",3),t.ɵɵlistener("click",(function(){return t.ɵɵrestoreView(o),t.ɵɵnextContext().click()})),t.ɵɵelementEnd()}if(2&e){var i=t.ɵɵnextContext();t.ɵɵproperty("matTooltip",i.title||"")("ngClass",i.getClass())("ngStyle",t.ɵɵpureFunction1(3,a,i.getFontSize()))}}function l(e,n){if(1&e){var o=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"mat-icon",3),t.ɵɵlistener("click",(function(){return t.ɵɵrestoreView(o),t.ɵɵnextContext().click()})),t.ɵɵtext(1),t.ɵɵelementEnd()}if(2&e){var i=t.ɵɵnextContext();t.ɵɵproperty("matTooltip",i.title||"")("ngClass",i.getClass())("ngStyle",t.ɵɵpureFunction1(4,a,i.getFontSize())),t.ɵɵadvance(1),t.ɵɵtextInterpolate(i.name)}}function s(e,n){if(1&e&&t.ɵɵelement(0,"i",6),2&e){var o=t.ɵɵnextContext(2);t.ɵɵproperty("ngClass",o.getClass())("ngStyle",t.ɵɵpureFunction1(2,a,o.getFontSize()))}}function p(e,n){if(1&e&&(t.ɵɵelementStart(0,"mat-icon",6),t.ɵɵtext(1),t.ɵɵelementEnd()),2&e){var o=t.ɵɵnextContext(2);t.ɵɵproperty("ngClass",o.getClass())("ngStyle",t.ɵɵpureFunction1(3,a,o.getFontSize())),t.ɵɵadvance(1),t.ɵɵtextInterpolate(o.name)}}function u(e,n){if(1&e){var o=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"a",4),t.ɵɵlistener("click",(function(){return t.ɵɵrestoreView(o),t.ɵɵnextContext().click()})),t.ɵɵtemplate(1,s,1,4,"i",5),t.ɵɵtemplate(2,p,2,5,"mat-icon",5),t.ɵɵelementEnd()}if(2&e){var i=t.ɵɵnextContext();t.ɵɵproperty("matTooltip",i.title||"")("routerLinkActive",i.routerLinkActive||"")("routerLink",i.routerLink),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",!i.isMaterialIcon),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",i.isMaterialIcon)}}function g(e,n){if(1&e&&t.ɵɵelement(0,"i",6),2&e){var o=t.ɵɵnextContext(2);t.ɵɵproperty("ngClass",o.getClass())("ngStyle",t.ɵɵpureFunction1(2,a,o.getFontSize()))}}function m(e,n){if(1&e&&(t.ɵɵelementStart(0,"mat-icon",6),t.ɵɵtext(1),t.ɵɵelementEnd()),2&e){var o=t.ɵɵnextContext(2);t.ɵɵproperty("ngClass",o.getClass())("ngStyle",t.ɵɵpureFunction1(3,a,o.getFontSize())),t.ɵɵadvance(1),t.ɵɵtextInterpolate(o.name)}}function f(e,n){if(1&e){var o=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"a",7),t.ɵɵlistener("click",(function(){return t.ɵɵrestoreView(o),t.ɵɵnextContext().click()})),t.ɵɵtemplate(1,g,1,4,"i",5),t.ɵɵtemplate(2,m,2,5,"mat-icon",5),t.ɵɵelementEnd()}if(2&e){var i=t.ɵɵnextContext();t.ɵɵproperty("matTooltip",i.title||"")("routerLinkActive",i.routerLinkActive||"")("href",i.link,t.ɵɵsanitizeUrl)("target",i.target),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",!i.isMaterialIcon),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",i.isMaterialIcon)}}var d=function(){function e(){this.type="primary",this.isMaterialIcon=!1,this.materialOutline=!1,this.onClick=new t.EventEmitter}return e.prototype.click=function(){this.onClick.emit(!0)},e.prototype.getFontSize=function(){return this.size?this.size+"px":"inherit"},e.prototype.getClass=function(){var e,t,n={};return this.isMaterialIcon?n["material-icon"]=!0:n[this.name]=!0,this.materialOutline&&(n["material-icons-outlined"]=!0),n["apipass-icon-"+this.type]=!0,this.isActive&&(n["apipass-icon-"+this.type+"-active"]=!0),(null===(t=null===(e=this.onClick)||void 0===e?void 0:e.observers)||void 0===t?void 0:t.length)>0&&(n.clickable=!0),n},e}();d.ɵfac=function(e){return new(e||d)},d.ɵcmp=t.ɵɵdefineComponent({type:d,selectors:[["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"},decls:4,vars:4,consts:[[3,"matTooltip","ngClass","ngStyle","click",4,"ngIf"],[3,"matTooltip","routerLinkActive","routerLink","click",4,"ngIf"],[3,"matTooltip","routerLinkActive","href","target","click",4,"ngIf"],[3,"matTooltip","ngClass","ngStyle","click"],[3,"matTooltip","routerLinkActive","routerLink","click"],[3,"ngClass","ngStyle",4,"ngIf"],[3,"ngClass","ngStyle"],[3,"matTooltip","routerLinkActive","href","target","click"]],template:function(e,n){1&e&&(t.ɵɵtemplate(0,c,1,5,"i",0),t.ɵɵtemplate(1,l,2,6,"mat-icon",0),t.ɵɵtemplate(2,u,3,5,"a",1),t.ɵɵtemplate(3,f,3,6,"a",2)),2&e&&(t.ɵɵproperty("ngIf",!n.isMaterialIcon&&n.name&&!n.routerLink&&!n.link),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",n.isMaterialIcon&&n.name&&!n.routerLink&&!n.link),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",n.name&&n.routerLink),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",n.name&&n.link))},directives:[n.NgIf,i.MatTooltip,n.NgClass,n.NgStyle,o.MatIcon,r.RouterLinkWithHref,r.RouterLinkActive],styles:["[_ngcontent-%COMP%]:root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}.apipass-icon-primary[_ngcontent-%COMP%]{color:var(--color-primary)}.apipass-icon-secondary[_ngcontent-%COMP%]{color:var(--color-secondary)}.apipass-icon-tertiary[_ngcontent-%COMP%]{color:var(--color-fonts-tertiary)}.apipass-icon-remove[_ngcontent-%COMP%]{color:var(--color_icon_remove)}.apipass-icon-success[_ngcontent-%COMP%]{color:var(--color_icon_success)}.apipass-icon-white[_ngcontent-%COMP%]{color:#fff}.apipass-icon-white-active[_ngcontent-%COMP%]{color:var(--color-secondary)}.clickable[_ngcontent-%COMP%]{cursor:pointer}.apipass-custom-icon[_ngcontent-%COMP%]{background-repeat:no-repeat;background-size:100%;display:block;height:100%;width:100%}.apipass-custom-faq-icon[_ngcontent-%COMP%]{background-image:url(/assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon[_ngcontent-%COMP%]{background-image:url(/assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon[_ngcontent-%COMP%]{background-image:url(/assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon[_ngcontent-%COMP%]{background-image:url(/assets/images/icons/custom/apipass-customization-icon.png)}"]});var v=function(){};v.ɵmod=t.ɵɵdefineNgModule({type:v}),v.ɵinj=t.ɵɵdefineInjector({factory:function(e){return new(e||v)},providers:[],imports:[[n.CommonModule,o.MatIconModule,i.MatTooltipModule,r.RouterModule.forChild([])]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(v,{declarations:[d],imports:[n.CommonModule,o.MatIconModule,i.MatTooltipModule,r.RouterModule],exports:[d]}),e.IconComponent=d,e.IconsModule=v,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
|
-
//# sourceMappingURL=apipass-icons.umd.min.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../projects/icons/src/lib/icon.component.html","../../../projects/icons/src/lib/icon.component.ts","../../../projects/icons/src/lib/icons.module.ts"],"names":["i0.ɵɵelementStart","i0.ɵɵlistener","i0.ɵɵelementEnd","i0.ɵɵproperty","ctx_r0","getClass","i0","ɵɵpureFunction1","_c0","getFontSize","i0.ɵɵtext","ctx_r1","i0.ɵɵadvance","i0.ɵɵtextInterpolate","i0.ɵɵelement","ctx_r8","ctx_r9","i0.ɵɵtemplate","ctx_r2","routerLinkActive","routerLink","ctx_r12","ctx_r13","ctx_r3","link","ɵɵsanitizeUrl","target","IconComponent","this","type","isMaterialIcon","materialOutline","onClick","EventEmitter","prototype","click","emit","size","classValues","name","isActive","_b","_a","observers","length","selectors","inputs","title","outputs","decls","vars","consts","template","rf","ctx","IconsModule","providers","imports","CommonModule","MatIconModule","MatTooltipModule","RouterModule","forChild","declarations","i4","exports"],"mappings":"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","sourcesContent":["<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 { 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: EventEmitter<boolean> = new EventEmitter();\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","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"]}
|