@apipass/icons 0.2.16 → 1.0.0

package/assets/css/colors.scss

@@ -1,34 +1,34 @@
-: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;
-
-
-
-
-  // Defaults
-  --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;
-
-}
+: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;
+
+
+
+
+  // Defaults
+  --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;
+
+}

package/assets/css/icons.scss

@@ -1,30 +1,30 @@
-@import "colors";
-
-/* Icons */
-.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);
-}
+@import "colors";
+
+/* Icons */
+.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);
+}

package/{esm2015/apipass-icons.js → esm2020/apipass-icons.mjs}

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBpcGFzcy1pY29ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2ljb25zL3NyYy9hcGlwYXNzLWljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2020/lib/icon.component.mjs

@@ -0,0 +1,71 @@
+import { Component, Input, EventEmitter, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/material/tooltip";
+import * as i4 from "@angular/router";
+export class IconComponent {
+    constructor() {
+        this.type = 'primary';
+        this.isMaterialIcon = false;
+        this.materialOutline = false;
+        this.onClick = new EventEmitter();
+    }
+    click() {
+        this.onClick.emit(true);
+    }
+    getFontSize() {
+        return this.size ? `${this.size}px` : 'inherit';
+    }
+    getClass() {
+        const classValues = {};
+        if (!this.isMaterialIcon) {
+            classValues[this.name] = true;
+        }
+        else {
+            classValues['material-icon'] = true;
+        }
+        if (this.materialOutline) {
+            classValues['material-icons-outlined'] = true;
+        }
+        classValues[`apipass-icon-${this.type}`] = true;
+        if (this.isActive) {
+            classValues[`apipass-icon-${this.type}-active`] = true;
+        }
+        if (this.onClick?.observers?.length > 0) {
+            classValues[`clickable`] = true;
+        }
+        return classValues;
+    }
+}
+IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            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"] }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], isMaterialIcon: [{
+                type: Input
+            }], materialOutline: [{
+                type: Input
+            }], routerLinkActive: [{
+                type: Input
+            }], routerLink: [{
+                type: Input
+            }], link: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], isActive: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pY29ucy9zcmMvbGliL2ljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvaWNvbnMvc3JjL2xpYi9pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQU92RSxNQUFNLE9BQU8sYUFBYTtJQUwxQjtRQVNrQixTQUFJLEdBQUcsU0FBUyxDQUFDO1FBRWpCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBU3ZCLFlBQU8sR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQThCdEU7SUE1QlEsS0FBSztRQUNWLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxXQUFXO1FBQ1QsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ2xELENBQUM7SUFFRCxRQUFRO1FBQ04sTUFBTSxXQUFXLEdBQVEsRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3hCLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsSUFBSSxDQUFDO1NBQy9CO2FBQU07WUFDTCxXQUFXLENBQUMsZUFBZSxDQUFDLEdBQUcsSUFBSSxDQUFDO1NBQ3JDO1FBQ0QsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ3hCLFdBQVcsQ0FBQyx5QkFBeUIsQ0FBQyxHQUFHLElBQUksQ0FBQztTQUMvQztRQUNELFdBQVcsQ0FBQyxnQkFBZ0IsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQ2hELElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixXQUFXLENBQUMsZ0JBQWdCLElBQUksQ0FBQyxJQUFJLFNBQVMsQ0FBQyxHQUFHLElBQUksQ0FBQztTQUN4RDtRQUNELElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUN2QyxXQUFXLENBQUMsV0FBVyxDQUFDLEdBQUcsSUFBSSxDQUFDO1NBQ2pDO1FBQ0QsT0FBTyxXQUFXLENBQUM7SUFDckIsQ0FBQzs7MEdBNUNVLGFBQWE7OEZBQWIsYUFBYSwrVUNQMUIsbXVDQWlCQTsyRkRWYSxhQUFhO2tCQUx6QixTQUFTOytCQUNFLE1BQU07OEJBTUEsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxjQUFjO3NCQUE3QixLQUFLO2dCQUNVLGVBQWU7c0JBQTlCLEtBQUs7Z0JBRVUsZ0JBQWdCO3NCQUEvQixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBRVUsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxNQUFNO3NCQUFyQixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBRVcsT0FBTztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEV2ZW50RW1pdHRlciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2ljb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnaWNvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJ2ljb24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSWNvbkNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBuYW1lOiBhbnk7XHJcbiAgQElucHV0KCkgcHVibGljIHRpdGxlOiBhbnk7XHJcbiAgQElucHV0KCkgcHVibGljIHR5cGUgPSAncHJpbWFyeSc7XHJcbiAgQElucHV0KCkgcHVibGljIHNpemU6IGFueTtcclxuICBASW5wdXQoKSBwdWJsaWMgaXNNYXRlcmlhbEljb24gPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgbWF0ZXJpYWxPdXRsaW5lID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyByb3V0ZXJMaW5rQWN0aXZlOiBhbnk7XHJcbiAgQElucHV0KCkgcHVibGljIHJvdXRlckxpbms6IGFueTtcclxuXHJcbiAgQElucHV0KCkgcHVibGljIGxpbms6IGFueTtcclxuICBASW5wdXQoKSBwdWJsaWMgdGFyZ2V0OiBhbnk7XHJcbiAgQElucHV0KCkgcHVibGljIGlzQWN0aXZlOiBhbnk7XHJcblxyXG4gIEBPdXRwdXQoKSBwdWJsaWMgb25DbGljazogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBwdWJsaWMgY2xpY2soKTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh0cnVlKTtcclxuICB9XHJcblxyXG4gIGdldEZvbnRTaXplKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5zaXplID8gYCR7dGhpcy5zaXplfXB4YCA6ICdpbmhlcml0JztcclxuICB9XHJcblxyXG4gIGdldENsYXNzKCk6IGFueSB7XHJcbiAgICBjb25zdCBjbGFzc1ZhbHVlczogYW55ID0ge307XHJcbiAgICBpZiAoIXRoaXMuaXNNYXRlcmlhbEljb24pIHtcclxuICAgICAgY2xhc3NWYWx1ZXNbdGhpcy5uYW1lXSA9IHRydWU7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBjbGFzc1ZhbHVlc1snbWF0ZXJpYWwtaWNvbiddID0gdHJ1ZTtcclxuICAgIH1cclxuICAgIGlmICh0aGlzLm1hdGVyaWFsT3V0bGluZSkge1xyXG4gICAgICBjbGFzc1ZhbHVlc1snbWF0ZXJpYWwtaWNvbnMtb3V0bGluZWQnXSA9IHRydWU7XHJcbiAgICB9XHJcbiAgICBjbGFzc1ZhbHVlc1tgYXBpcGFzcy1pY29uLSR7dGhpcy50eXBlfWBdID0gdHJ1ZTtcclxuICAgIGlmICh0aGlzLmlzQWN0aXZlKSB7XHJcbiAgICAgIGNsYXNzVmFsdWVzW2BhcGlwYXNzLWljb24tJHt0aGlzLnR5cGV9LWFjdGl2ZWBdID0gdHJ1ZTtcclxuICAgIH1cclxuICAgIGlmICh0aGlzLm9uQ2xpY2s/Lm9ic2VydmVycz8ubGVuZ3RoID4gMCkge1xyXG4gICAgICBjbGFzc1ZhbHVlc1tgY2xpY2thYmxlYF0gPSB0cnVlO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIGNsYXNzVmFsdWVzO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGkgKm5nSWY9XCIhaXNNYXRlcmlhbEljb24gJiYgbmFtZSAmJiAhcm91dGVyTGluayAmJiAhbGlua1wiIFttYXRUb29sdGlwXT1cInRpdGxlIHx8ICcnXCJcclxuICAgW25nQ2xhc3NdPVwiZ2V0Q2xhc3MoKVwiIFtuZ1N0eWxlXT1cInsnZm9udC1zaXplJzogZ2V0Rm9udFNpemUoKX1cIiAoY2xpY2spPVwiY2xpY2soKVwiPjwvaT5cclxuXHJcbjxtYXQtaWNvbiAqbmdJZj1cImlzTWF0ZXJpYWxJY29uICYmIG5hbWUgJiYgIXJvdXRlckxpbmsgJiYgIWxpbmtcIiBbbWF0VG9vbHRpcF09XCJ0aXRsZSB8fCAnJ1wiXHJcbiAgW25nQ2xhc3NdPVwiZ2V0Q2xhc3MoKVwiIFtuZ1N0eWxlXT1cInsnZm9udC1zaXplJzogZ2V0Rm9udFNpemUoKX1cIiAoY2xpY2spPVwiY2xpY2soKVwiPnt7dGhpcy5uYW1lfX08L21hdC1pY29uPlxyXG5cclxuPGEgKm5nSWY9XCJuYW1lICYmIHJvdXRlckxpbmtcIiBbbWF0VG9vbHRpcF09XCJ0aXRsZSB8fCAnJ1wiXHJcbiAgIFtyb3V0ZXJMaW5rQWN0aXZlXT1cInJvdXRlckxpbmtBY3RpdmUgfHwgJydcIiBbcm91dGVyTGlua109XCJyb3V0ZXJMaW5rXCIgKGNsaWNrKT1cImNsaWNrKClcIj5cclxuICA8aSAqbmdJZj1cIiFpc01hdGVyaWFsSWNvblwiIFtuZ0NsYXNzXT1cImdldENsYXNzKClcIiBbbmdTdHlsZV09XCJ7J2ZvbnQtc2l6ZSc6IGdldEZvbnRTaXplKCl9XCI+PC9pPlxyXG4gIDxtYXQtaWNvbiAqbmdJZj1cImlzTWF0ZXJpYWxJY29uXCIgW25nQ2xhc3NdPVwiZ2V0Q2xhc3MoKVwiIFtuZ1N0eWxlXT1cInsnZm9udC1zaXplJzogZ2V0Rm9udFNpemUoKX1cIj57e3RoaXMubmFtZX19PC9tYXQtaWNvbj5cclxuPC9hPlxyXG5cclxuPGEgKm5nSWY9XCJuYW1lICYmIGxpbmtcIiBbbWF0VG9vbHRpcF09XCJ0aXRsZSB8fCAnJ1wiXHJcbiAgIFtyb3V0ZXJMaW5rQWN0aXZlXT1cInJvdXRlckxpbmtBY3RpdmUgfHwgJydcIiBbaHJlZl09XCJsaW5rXCIgW3RhcmdldF09XCJ0YXJnZXRcIiAoY2xpY2spPVwiY2xpY2soKVwiPlxyXG4gIDxpICpuZ0lmPVwiIWlzTWF0ZXJpYWxJY29uXCIgW25nQ2xhc3NdPVwiZ2V0Q2xhc3MoKVwiIFtuZ1N0eWxlXT1cInsnZm9udC1zaXplJzogZ2V0Rm9udFNpemUoKX1cIj48L2k+XHJcbiAgPG1hdC1pY29uICpuZ0lmPVwiaXNNYXRlcmlhbEljb25cIiBbbmdDbGFzc109XCJnZXRDbGFzcygpXCIgW25nU3R5bGVdPVwieydmb250LXNpemUnOiBnZXRGb250U2l6ZSgpfVwiPnt7dGhpcy5uYW1lfX08L21hdC1pY29uPlxyXG48L2E+XHJcbiJdfQ==

package/esm2020/lib/icons.module.mjs

@@ -0,0 +1,37 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { IconComponent } from './icon.component';
+import { RouterModule } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+export class IconsModule {
+}
+IconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, declarations: [IconComponent], imports: [CommonModule,
+        MatIconModule,
+        MatTooltipModule, i1.RouterModule], exports: [IconComponent] });
+IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, imports: [CommonModule,
+        MatIconModule,
+        MatTooltipModule,
+        RouterModule.forChild([])] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatTooltipModule,
+                        RouterModule.forChild([])
+                    ],
+                    declarations: [
+                        IconComponent
+                    ],
+                    exports: [
+                        IconComponent
+                    ],
+                    providers: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvaWNvbnMvc3JjL2xpYi9pY29ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQztBQUMvQyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7OztBQWlCN0MsTUFBTSxPQUFPLFdBQVc7O3dHQUFYLFdBQVc7eUdBQVgsV0FBVyxpQkFQcEIsYUFBYSxhQU5iLFlBQVk7UUFDWixhQUFhO1FBQ2IsZ0JBQWdCLDhCQU9oQixhQUFhO3lHQUlKLFdBQVcsWUFicEIsWUFBWTtRQUNaLGFBQWE7UUFDYixnQkFBZ0I7UUFDaEIsWUFBWSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUM7MkZBVWhCLFdBQVc7a0JBZnZCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixnQkFBZ0I7d0JBQ2hCLFlBQVksQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDO3FCQUMxQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osYUFBYTtxQkFDZDtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsYUFBYTtxQkFDZDtvQkFDRCxTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtNYXRJY29uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcclxuaW1wb3J0IHtNYXRUb29sdGlwTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcclxuaW1wb3J0IHtJY29uQ29tcG9uZW50fSBmcm9tICcuL2ljb24uY29tcG9uZW50JztcclxuaW1wb3J0IHtSb3V0ZXJNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE1hdEljb25Nb2R1bGUsXHJcbiAgICBNYXRUb29sdGlwTW9kdWxlLFxyXG4gICAgUm91dGVyTW9kdWxlLmZvckNoaWxkKFtdKVxyXG4gIF0sXHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBJY29uQ29tcG9uZW50XHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBJY29uQ29tcG9uZW50XHJcbiAgXSxcclxuICBwcm92aWRlcnM6IFtdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJY29uc01vZHVsZSB7IH1cclxuIl19

package/{esm2015/public-api.js → esm2020/public-api.mjs}

@@ -1,3 +1,3 @@
-export * from './lib/icons.module';
-export * from './lib/icon.component';
+export * from './lib/icons.module';
+export * from './lib/icon.component';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2ljb25zL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxzQkFBc0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2ljb25zLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLmNvbXBvbmVudCc7XG4iXX0=

package/fesm2015/apipass-icons.mjs

@@ -0,0 +1,113 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i4 from '@angular/router';
+import { RouterModule } from '@angular/router';
+
+class IconComponent {
+    constructor() {
+        this.type = 'primary';
+        this.isMaterialIcon = false;
+        this.materialOutline = false;
+        this.onClick = new EventEmitter();
+    }
+    click() {
+        this.onClick.emit(true);
+    }
+    getFontSize() {
+        return this.size ? `${this.size}px` : 'inherit';
+    }
+    getClass() {
+        var _a, _b;
+        const classValues = {};
+        if (!this.isMaterialIcon) {
+            classValues[this.name] = true;
+        }
+        else {
+            classValues['material-icon'] = true;
+        }
+        if (this.materialOutline) {
+            classValues['material-icons-outlined'] = true;
+        }
+        classValues[`apipass-icon-${this.type}`] = true;
+        if (this.isActive) {
+            classValues[`apipass-icon-${this.type}-active`] = true;
+        }
+        if (((_b = (_a = this.onClick) === null || _a === void 0 ? void 0 : _a.observers) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+            classValues[`clickable`] = true;
+        }
+        return classValues;
+    }
+}
+IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            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"] }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], isMaterialIcon: [{
+                type: Input
+            }], materialOutline: [{
+                type: Input
+            }], routerLinkActive: [{
+                type: Input
+            }], routerLink: [{
+                type: Input
+            }], link: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], isActive: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+class IconsModule {
+}
+IconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, declarations: [IconComponent], imports: [CommonModule,
+        MatIconModule,
+        MatTooltipModule, i4.RouterModule], exports: [IconComponent] });
+IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, imports: [CommonModule,
+        MatIconModule,
+        MatTooltipModule,
+        RouterModule.forChild([])] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatTooltipModule,
+                        RouterModule.forChild([])
+                    ],
+                    declarations: [
+                        IconComponent
+                    ],
+                    exports: [
+                        IconComponent
+                    ],
+                    providers: []
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IconComponent, IconsModule };
+//# sourceMappingURL=apipass-icons.mjs.map
+//# sourceMappingURL=apipass-icons.mjs.map

package/fesm2015/apipass-icons.mjs.map

@@ -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 {\r\n\r\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: EventEmitter<boolean> = new EventEmitter();\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  }\r\n\r\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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"}

package/fesm2020/apipass-icons.mjs

@@ -0,0 +1,112 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i4 from '@angular/router';
+import { RouterModule } from '@angular/router';
+
+class IconComponent {
+    constructor() {
+        this.type = 'primary';
+        this.isMaterialIcon = false;
+        this.materialOutline = false;
+        this.onClick = new EventEmitter();
+    }
+    click() {
+        this.onClick.emit(true);
+    }
+    getFontSize() {
+        return this.size ? `${this.size}px` : 'inherit';
+    }
+    getClass() {
+        const classValues = {};
+        if (!this.isMaterialIcon) {
+            classValues[this.name] = true;
+        }
+        else {
+            classValues['material-icon'] = true;
+        }
+        if (this.materialOutline) {
+            classValues['material-icons-outlined'] = true;
+        }
+        classValues[`apipass-icon-${this.type}`] = true;
+        if (this.isActive) {
+            classValues[`apipass-icon-${this.type}-active`] = true;
+        }
+        if (this.onClick?.observers?.length > 0) {
+            classValues[`clickable`] = true;
+        }
+        return classValues;
+    }
+}
+IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            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"] }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], isMaterialIcon: [{
+                type: Input
+            }], materialOutline: [{
+                type: Input
+            }], routerLinkActive: [{
+                type: Input
+            }], routerLink: [{
+                type: Input
+            }], link: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], isActive: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+class IconsModule {
+}
+IconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, declarations: [IconComponent], imports: [CommonModule,
+        MatIconModule,
+        MatTooltipModule, i4.RouterModule], exports: [IconComponent] });
+IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, imports: [CommonModule,
+        MatIconModule,
+        MatTooltipModule,
+        RouterModule.forChild([])] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: IconsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatTooltipModule,
+                        RouterModule.forChild([])
+                    ],
+                    declarations: [
+                        IconComponent
+                    ],
+                    exports: [
+                        IconComponent
+                    ],
+                    providers: []
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IconComponent, IconsModule };
+//# sourceMappingURL=apipass-icons.mjs.map
+//# sourceMappingURL=apipass-icons.mjs.map

package/fesm2020/apipass-icons.mjs.map

@@ -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 {\r\n\r\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: EventEmitter<boolean> = new EventEmitter();\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  }\r\n\r\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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"}

package/{apipass-icons.d.ts → index.d.ts}

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@apipass/icons" />
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@apipass/icons" />
+export * from './public-api';