@apipass/icons 0.2.1-alpha.5 → 0.2.1-test.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.
Files changed (16) hide show
  1. package/apipass-icons.d.ts +5 -5
  2. package/assets/css/colors.scss +34 -34
  3. package/assets/css/icons.scss +30 -30
  4. package/bundles/apipass-icons.umd.js +233 -233
  5. package/bundles/apipass-icons.umd.js.map +1 -1
  6. package/bundles/apipass-icons.umd.min.js.map +1 -1
  7. package/esm2015/apipass-icons.js +4 -4
  8. package/esm2015/lib/icon.component.js +173 -173
  9. package/esm2015/lib/icons.module.js +39 -39
  10. package/esm2015/public-api.js +2 -2
  11. package/fesm2015/apipass-icons.js +196 -196
  12. package/fesm2015/apipass-icons.js.map +1 -1
  13. package/lib/icon.component.d.ts +21 -21
  14. package/lib/icons.module.d.ts +10 -10
  15. package/package.json +1 -2
  16. package/public-api.d.ts +2 -2
package/apipass-icons.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/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
+ }
package/bundles/apipass-icons.umd.js CHANGED
@@ -4,243 +4,243 @@
4
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
5
  }(this, (function (exports, i0, i1, i3, i2, i4) { 'use strict';
6
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
- }] });
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
202
  })();
203
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);
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
240
  })();
241
241
 
242
- /**
243
- * Generated bundle index. Do not edit.
242
+ /**
243
+ * Generated bundle index. Do not edit.
244
244
  */
245
245
 
246
246
  exports.IconComponent = IconComponent;