@apipass/icons 0.1.1-beta.10

package/README.md

@@ -0,0 +1,41 @@
+# @apipass/icons
+
+This package is a angular component for show icons
+
+## Installation
+
+
+```bash
+npm install @apipass/icons
+```
+
+## Usage
+
+```typescript
+[...]
+import {ModalsModule} from "@apipass/icons";
+
+@NgModule({
+  imports: [
+    [...]
+    ModalsModule
+  ],
+[...]
+```
+
+FontAwesome:
+```html
+<icon [title]="'test'" type="primary" size="18" name="fas fa-exchange-alt"></icon>
+<icon [title]="'test'" type="secondary" size="22" name="fas fa-exchange-alt"></icon>
+<icon [title]="'test'" type="tertiary" size="28" name="fas fa-exchange-alt"></icon>
+```
+
+Material:
+```html
+<icon [isMaterialIcon]="true" [materialOutline]="true" type="primary" size="22" name="person_outline"></icon>
+<icon [isMaterialIcon]="true" [materialOutline]="true" type="secondary" size="28" name="person_outline"></icon>
+<icon [isMaterialIcon]="true" [materialOutline]="true" type="tertiary" size="32" name="person_outline"></icon>
+```
+
+## License
+[MIT](https://choosealicense.com/licenses/mit/)

package/apipass-icons.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

package/apipass-icons.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"IconsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":11,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":12,"character":4},"member":"forChild"},"arguments":[[]]}],"declarations":[{"__symbolic":"reference","name":"IconComponent"}],"exports":[{"__symbolic":"reference","name":"IconComponent"}],"providers":[]}]}],"members":{}},"IconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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-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{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{background-repeat:no-repeat;background-size:100%;display:block;height:100%;width: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)}"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"isMaterialIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"materialOutline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"routerLinkActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"routerLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"link":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"click":[{"__symbolic":"method"}],"getFontSize":[{"__symbolic":"method"}],"getClass":[{"__symbolic":"method"}]}}},"origins":{"IconsModule":"./lib/icons.module","IconComponent":"./lib/icon.component"},"importAs":"@apipass/icons"}

package/assets/css/colors.scss

@@ -0,0 +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;
+
+}

package/assets/css/icons.scss

@@ -0,0 +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);
+}

package/bundles/apipass-icons.umd.js

@@ -0,0 +1,98 @@
+(function (global, factory) {
+    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')) :
+    typeof define === 'function' && define.amd ? define('@apipass/icons', ['exports', '@angular/core', '@angular/common', '@angular/material/icon', '@angular/material/tooltip', '@angular/router'], factory) :
+    (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));
+}(this, (function (exports, core, common, icon, tooltip, router) { 'use strict';
+
+    var IconComponent = /** @class */ (function () {
+        function IconComponent() {
+            this.type = 'primary';
+            this.isMaterialIcon = false;
+            this.materialOutline = false;
+            this.onClick = new core.EventEmitter();
+        }
+        IconComponent.prototype.click = function () {
+            this.onClick.emit(true);
+        };
+        IconComponent.prototype.getFontSize = function () {
+            return this.size ? this.size + "px" : 'inherit';
+        };
+        IconComponent.prototype.getClass = function () {
+            var _a, _b;
+            var 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;
+        };
+        return IconComponent;
+    }());
+    IconComponent.decorators = [
+        { type: core.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-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{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{background-repeat:no-repeat;background-size:100%;display:block;height:100%;width: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)}"]
+                },] }
+    ];
+    IconComponent.propDecorators = {
+        name: [{ type: core.Input }],
+        title: [{ type: core.Input }],
+        type: [{ type: core.Input }],
+        size: [{ type: core.Input }],
+        isMaterialIcon: [{ type: core.Input }],
+        materialOutline: [{ type: core.Input }],
+        routerLinkActive: [{ type: core.Input }],
+        routerLink: [{ type: core.Input }],
+        link: [{ type: core.Input }],
+        target: [{ type: core.Input }],
+        isActive: [{ type: core.Input }],
+        onClick: [{ type: core.Output }]
+    };
+
+    var IconsModule = /** @class */ (function () {
+        function IconsModule() {
+        }
+        return IconsModule;
+    }());
+    IconsModule.decorators = [
+        { type: core.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        icon.MatIconModule,
+                        tooltip.MatTooltipModule,
+                        router.RouterModule.forChild([])
+                    ],
+                    declarations: [
+                        IconComponent
+                    ],
+                    exports: [
+                        IconComponent
+                    ],
+                    providers: []
+                },] }
+    ];
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.IconComponent = IconComponent;
+    exports.IconsModule = IconsModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=apipass-icons.umd.js.map

package/bundles/apipass-icons.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apipass-icons.umd.js","sources":["../../../projects/icons/src/lib/icon.component.ts","../../../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() {\r\n    this.onClick.emit(true);\r\n  }\r\n\r\n  getFontSize() {\r\n    return this.size ? `${this.size}px` : 'inherit';\r\n  }\r\n\r\n  getClass() {\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","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":["EventEmitter","Component","Input","Output","NgModule","CommonModule","MatIconModule","MatTooltipModule","RouterModule"],"mappings":";;;;;;;QAEA;YASkB,SAAI,GAAG,SAAS,CAAC;YAEjB,mBAAc,GAAG,KAAK,CAAC;YACvB,oBAAe,GAAG,KAAK,CAAC;YASvB,YAAO,GAA0B,IAAIA,iBAAY,EAAE,CAAC;SA8BtE;QA5BQ,6BAAK,GAAL;YACL,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACzB;QAED,mCAAW,GAAX;YACE,OAAO,IAAI,CAAC,IAAI,GAAM,IAAI,CAAC,IAAI,OAAI,GAAG,SAAS,CAAC;SACjD;QAED,gCAAQ,GAAR;;YACE,IAAM,WAAW,GAAQ,EAAE,CAAC;YAC5B,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;gBACxB,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;aAC/B;iBAAM;gBACL,WAAW,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;aACrC;YACD,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,WAAW,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAC;aAC/C;YACD,WAAW,CAAC,kBAAgB,IAAI,CAAC,IAAM,CAAC,GAAG,IAAI,CAAC;YAChD,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,WAAW,CAAC,kBAAgB,IAAI,CAAC,IAAI,YAAS,CAAC,GAAG,IAAI,CAAC;aACxD;YACD,IAAI,aAAA,IAAI,CAAC,OAAO,0CAAE,SAAS,0CAAE,MAAM,IAAG,CAAC,EAAE;gBACvC,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;aACjC;YACD,OAAO,WAAW,CAAC;SACpB;;;;gBAjDFC,cAAS,SAAC;oBACT,QAAQ,EAAE,MAAM;oBAChB,6uCAAkC;;iBAEnC;;;uBAGEC,UAAK;wBACLA,UAAK;uBACLA,UAAK;uBACLA,UAAK;iCACLA,UAAK;kCACLA,UAAK;mCAELA,UAAK;6BACLA,UAAK;uBAELA,UAAK;yBACLA,UAAK;2BACLA,UAAK;0BAELC,WAAM;;;;QCDT;;;;;gBAfCC,aAAQ,SAAC;oBACR,OAAO,EAAE;wBACPC,mBAAY;wBACZC,kBAAa;wBACbC,wBAAgB;wBAChBC,mBAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;qBAC1B;oBACD,YAAY,EAAE;wBACZ,aAAa;qBACd;oBACD,OAAO,EAAE;wBACP,aAAa;qBACd;oBACD,SAAS,EAAE,EAAE;iBACd;;;ICrBD;;;;;;;;;;;;;;;"}

package/bundles/apipass-icons.umd.min.js

@@ -0,0 +1,2 @@
+!function(o,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(((o="undefined"!=typeof globalThis?globalThis:o||self).apipass=o.apipass||{},o.apipass.icons={}),o.ng.core,o.ng.common,o.ng.material.icon,o.ng.material.tooltip,o.ng.router)}(this,(function(o,t,i,e,r,n){"use strict";var a=function(){function o(){this.type="primary",this.isMaterialIcon=!1,this.materialOutline=!1,this.onClick=new t.EventEmitter}return o.prototype.click=function(){this.onClick.emit(!0)},o.prototype.getFontSize=function(){return this.size?this.size+"px":"inherit"},o.prototype.getClass=function(){var o,t,i={};return this.isMaterialIcon?i["material-icon"]=!0:i[this.name]=!0,this.materialOutline&&(i["material-icons-outlined"]=!0),i["apipass-icon-"+this.type]=!0,this.isActive&&(i["apipass-icon-"+this.type+"-active"]=!0),(null===(t=null===(o=this.onClick)||void 0===o?void 0:o.observers)||void 0===t?void 0:t.length)>0&&(i.clickable=!0),i},o}();a.decorators=[{type:t.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-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{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{background-repeat:no-repeat;background-size:100%;display:block;height:100%;width: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)}"]}]}],a.propDecorators={name:[{type:t.Input}],title:[{type:t.Input}],type:[{type:t.Input}],size:[{type:t.Input}],isMaterialIcon:[{type:t.Input}],materialOutline:[{type:t.Input}],routerLinkActive:[{type:t.Input}],routerLink:[{type:t.Input}],link:[{type:t.Input}],target:[{type:t.Input}],isActive:[{type:t.Input}],onClick:[{type:t.Output}]};var c=function(){};c.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule,e.MatIconModule,r.MatTooltipModule,n.RouterModule.forChild([])],declarations:[a],exports:[a],providers:[]}]}],o.IconComponent=a,o.IconsModule=c,Object.defineProperty(o,"__esModule",{value:!0})}));
+//# sourceMappingURL=apipass-icons.umd.min.js.map

package/bundles/apipass-icons.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../projects/icons/src/lib/icon.component.ts","../../../projects/icons/src/lib/icons.module.ts"],"names":["IconComponent","this","type","isMaterialIcon","materialOutline","onClick","EventEmitter","prototype","click","emit","getFontSize","size","getClass","classValues","name","isActive","_b","_a","observers","length","Component","args","selector","template","Input","Output","NgModule","imports","CommonModule","MatIconModule","MatTooltipModule","RouterModule","forChild","declarations","exports","providers"],"mappings":"qoBAEA,SAAAA,IASkBC,KAAAC,KAAO,UAEPD,KAAAE,gBAAiB,EACjBF,KAAAG,iBAAkB,EASjBH,KAAAI,QAAiC,IAAIC,EAAAA,oBAE/CN,EAAAO,UAAAC,MAAA,WACLP,KAAKI,QAAQI,MAAK,IAGpBT,EAAAO,UAAAG,YAAA,WACE,OAAOT,KAAKU,KAAUV,KAAKU,KAAI,KAAO,WAGxCX,EAAAO,UAAAK,SAAA,mBACQC,EAAmB,GAgBzB,OAfKZ,KAAKE,eAGRU,EAAY,kBAAmB,EAF/BA,EAAYZ,KAAKa,OAAQ,EAIvBb,KAAKG,kBACPS,EAAY,4BAA6B,GAE3CA,EAAY,gBAAgBZ,KAAKC,OAAU,EACvCD,KAAKc,WACPF,EAAY,gBAAgBZ,KAAKC,KAAI,YAAa,IAEzB,QAAvBc,EAAY,QAAZC,EAAAhB,KAAKI,eAAO,IAAAY,OAAA,EAAAA,EAAEC,iBAAS,IAAAF,OAAA,EAAAA,EAAEG,QAAS,IACpCN,EAAuB,WAAI,GAEtBA,4BAhDVO,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,OACVC,SAAA,kxFAKCC,EAAAA,qBACAA,EAAAA,oBACAA,EAAAA,oBACAA,EAAAA,8BACAA,EAAAA,+BACAA,EAAAA,gCAEAA,EAAAA,0BACAA,EAAAA,oBAEAA,EAAAA,sBACAA,EAAAA,wBACAA,EAAAA,uBAEAC,EAAAA,gBCDH,iCAfCC,EAAAA,SAAQL,KAAA,CAAC,CACRM,QAAS,CACPC,EAAAA,aACAC,EAAAA,cACAC,EAAAA,iBACAC,EAAAA,aAAaC,SAAS,KAExBC,aAAc,CACZjC,GAEFkC,QAAS,CACPlC,GAEFmC,UAAW","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() {\r\n    this.onClick.emit(true);\r\n  }\r\n\r\n  getFontSize() {\r\n    return this.size ? `${this.size}px` : 'inherit';\r\n  }\r\n\r\n  getClass() {\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","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"]}

package/esm2015/apipass-icons.js

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

package/esm2015/lib/icon.component.js

@@ -0,0 +1,58 @@
+import { Component, Input, EventEmitter, Output } from '@angular/core';
+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() {
+        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.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-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{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{background-repeat:no-repeat;background-size:100%;display:block;height:100%;width: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)}"]
+            },] }
+];
+IconComponent.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pY29ucy9zcmMvbGliL2ljb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPdkUsTUFBTSxPQUFPLGFBQWE7SUFMMUI7UUFTa0IsU0FBSSxHQUFHLFNBQVMsQ0FBQztRQUVqQixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUN2QixvQkFBZSxHQUFHLEtBQUssQ0FBQztRQVN2QixZQUFPLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7SUE4QnZFLENBQUM7SUE1QlEsS0FBSztRQUNWLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxXQUFXO1FBQ1QsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ2xELENBQUM7SUFFRCxRQUFROztRQUNOLE1BQU0sV0FBVyxHQUFRLEVBQUUsQ0FBQztRQUM1QixJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN4QixXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQztTQUMvQjthQUFNO1lBQ0wsV0FBVyxDQUFDLGVBQWUsQ0FBQyxHQUFHLElBQUksQ0FBQztTQUNyQztRQUNELElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUN4QixXQUFXLENBQUMseUJBQXlCLENBQUMsR0FBRyxJQUFJLENBQUM7U0FDL0M7UUFDRCxXQUFXLENBQUMsZ0JBQWdCLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUNoRCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsV0FBVyxDQUFDLGdCQUFnQixJQUFJLENBQUMsSUFBSSxTQUFTLENBQUMsR0FBRyxJQUFJLENBQUM7U0FDeEQ7UUFDRCxJQUFJLGFBQUEsSUFBSSxDQUFDLE9BQU8sMENBQUUsU0FBUywwQ0FBRSxNQUFNLElBQUcsQ0FBQyxFQUFFO1lBQ3ZDLFdBQVcsQ0FBQyxXQUFXLENBQUMsR0FBRyxJQUFJLENBQUM7U0FDakM7UUFDRCxPQUFPLFdBQVcsQ0FBQztJQUNyQixDQUFDOzs7WUFqREYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxNQUFNO2dCQUNoQiw2dUNBQWtDOzthQUVuQzs7O21CQUdFLEtBQUs7b0JBQ0wsS0FBSzttQkFDTCxLQUFLO21CQUNMLEtBQUs7NkJBQ0wsS0FBSzs4QkFDTCxLQUFLOytCQUVMLEtBQUs7eUJBQ0wsS0FBSzttQkFFTCxLQUFLO3FCQUNMLEtBQUs7dUJBQ0wsS0FBSztzQkFFTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaWNvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICdpY29uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnaWNvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJY29uQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgcHVibGljIG5hbWU6IGFueTtcclxuICBASW5wdXQoKSBwdWJsaWMgdGl0bGU6IGFueTtcclxuICBASW5wdXQoKSBwdWJsaWMgdHlwZSA9ICdwcmltYXJ5JztcclxuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogYW55O1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBpc01hdGVyaWFsSWNvbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBtYXRlcmlhbE91dGxpbmUgPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgcHVibGljIHJvdXRlckxpbmtBY3RpdmU6IGFueTtcclxuICBASW5wdXQoKSBwdWJsaWMgcm91dGVyTGluazogYW55O1xyXG5cclxuICBASW5wdXQoKSBwdWJsaWMgbGluazogYW55O1xyXG4gIEBJbnB1dCgpIHB1YmxpYyB0YXJnZXQ6IGFueTtcclxuICBASW5wdXQoKSBwdWJsaWMgaXNBY3RpdmU6IGFueTtcclxuXHJcbiAgQE91dHB1dCgpIHB1YmxpYyBvbkNsaWNrOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIHB1YmxpYyBjbGljaygpIHtcclxuICAgIHRoaXMub25DbGljay5lbWl0KHRydWUpO1xyXG4gIH1cclxuXHJcbiAgZ2V0Rm9udFNpemUoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5zaXplID8gYCR7dGhpcy5zaXplfXB4YCA6ICdpbmhlcml0JztcclxuICB9XHJcblxyXG4gIGdldENsYXNzKCkge1xyXG4gICAgY29uc3QgY2xhc3NWYWx1ZXM6IGFueSA9IHt9O1xyXG4gICAgaWYgKCF0aGlzLmlzTWF0ZXJpYWxJY29uKSB7XHJcbiAgICAgIGNsYXNzVmFsdWVzW3RoaXMubmFtZV0gPSB0cnVlO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgY2xhc3NWYWx1ZXNbJ21hdGVyaWFsLWljb24nXSA9IHRydWU7XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5tYXRlcmlhbE91dGxpbmUpIHtcclxuICAgICAgY2xhc3NWYWx1ZXNbJ21hdGVyaWFsLWljb25zLW91dGxpbmVkJ10gPSB0cnVlO1xyXG4gICAgfVxyXG4gICAgY2xhc3NWYWx1ZXNbYGFwaXBhc3MtaWNvbi0ke3RoaXMudHlwZX1gXSA9IHRydWU7XHJcbiAgICBpZiAodGhpcy5pc0FjdGl2ZSkge1xyXG4gICAgICBjbGFzc1ZhbHVlc1tgYXBpcGFzcy1pY29uLSR7dGhpcy50eXBlfS1hY3RpdmVgXSA9IHRydWU7XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5vbkNsaWNrPy5vYnNlcnZlcnM/Lmxlbmd0aCA+IDApIHtcclxuICAgICAgY2xhc3NWYWx1ZXNbYGNsaWNrYWJsZWBdID0gdHJ1ZTtcclxuICAgIH1cclxuICAgIHJldHVybiBjbGFzc1ZhbHVlcztcclxuICB9XHJcblxyXG59XHJcbiJdfQ==

package/esm2015/lib/icons.module.js

@@ -0,0 +1,26 @@
+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";
+export class IconsModule {
+}
+IconsModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    MatIconModule,
+                    MatTooltipModule,
+                    RouterModule.forChild([])
+                ],
+                declarations: [
+                    IconComponent
+                ],
+                exports: [
+                    IconComponent
+                ],
+                providers: []
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvaWNvbnMvc3JjL2xpYi9pY29ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQztBQUMvQyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFpQjdDLE1BQU0sT0FBTyxXQUFXOzs7WUFmdkIsUUFBUSxTQUFDO2dCQUNSLE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLGFBQWE7b0JBQ2IsZ0JBQWdCO29CQUNoQixZQUFZLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQztpQkFDMUI7Z0JBQ0QsWUFBWSxFQUFFO29CQUNaLGFBQWE7aUJBQ2Q7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLGFBQWE7aUJBQ2Q7Z0JBQ0QsU0FBUyxFQUFFLEVBQUU7YUFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtNYXRJY29uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcclxuaW1wb3J0IHtNYXRUb29sdGlwTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcclxuaW1wb3J0IHtJY29uQ29tcG9uZW50fSBmcm9tIFwiLi9pY29uLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQge1JvdXRlck1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL3JvdXRlclwiO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBNYXRJY29uTW9kdWxlLFxyXG4gICAgTWF0VG9vbHRpcE1vZHVsZSxcclxuICAgIFJvdXRlck1vZHVsZS5mb3JDaGlsZChbXSlcclxuICBdLFxyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgSWNvbkNvbXBvbmVudFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgSWNvbkNvbXBvbmVudFxyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSWNvbnNNb2R1bGUgeyB9XHJcbiJdfQ==

package/esm2015/public-api.js

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

package/fesm2015/apipass-icons.js

@@ -0,0 +1,89 @@
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+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.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-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{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{background-repeat:no-repeat;background-size:100%;display:block;height:100%;width: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)}"]
+            },] }
+];
+IconComponent.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.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.js.map

package/fesm2015/apipass-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apipass-icons.js","sources":["../../../projects/icons/src/lib/icon.component.ts","../../../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() {\r\n    this.onClick.emit(true);\r\n  }\r\n\r\n  getFontSize() {\r\n    return this.size ? `${this.size}px` : 'inherit';\r\n  }\r\n\r\n  getClass() {\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","import {NgModule} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {MatIconModule} from '@angular/material/icon';\r\nimport {MatTooltipModule} from '@angular/material/tooltip';\r\nimport {IconComponent} from \"./icon.component\";\r\nimport {RouterModule} from \"@angular/router\";\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n    RouterModule.forChild([])\r\n  ],\r\n  declarations: [\r\n    IconComponent\r\n  ],\r\n  exports: [\r\n    IconComponent\r\n  ],\r\n  providers: []\r\n})\r\nexport class IconsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAOa,aAAa;IAL1B;QASkB,SAAI,GAAG,SAAS,CAAC;QAEjB,mBAAc,GAAG,KAAK,CAAC;QACvB,oBAAe,GAAG,KAAK,CAAC;QASvB,YAAO,GAA0B,IAAI,YAAY,EAAE,CAAC;KA8BtE;IA5BQ,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACzB;IAED,WAAW;QACT,OAAO,IAAI,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,GAAG,SAAS,CAAC;KACjD;IAED,QAAQ;;QACN,MAAM,WAAW,GAAQ,EAAE,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACxB,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;SAC/B;aAAM;YACL,WAAW,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;SACrC;QACD,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,WAAW,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAC;SAC/C;QACD,WAAW,CAAC,gBAAgB,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;QAChD,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,WAAW,CAAC,gBAAgB,IAAI,CAAC,IAAI,SAAS,CAAC,GAAG,IAAI,CAAC;SACxD;QACD,IAAI,aAAA,IAAI,CAAC,OAAO,0CAAE,SAAS,0CAAE,MAAM,IAAG,CAAC,EAAE;YACvC,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;SACjC;QACD,OAAO,WAAW,CAAC;KACpB;;;YAjDF,SAAS,SAAC;gBACT,QAAQ,EAAE,MAAM;gBAChB,6uCAAkC;;aAEnC;;;mBAGE,KAAK;oBACL,KAAK;mBACL,KAAK;mBACL,KAAK;6BACL,KAAK;8BACL,KAAK;+BAEL,KAAK;yBACL,KAAK;mBAEL,KAAK;qBACL,KAAK;uBACL,KAAK;sBAEL,MAAM;;;MCDI,WAAW;;;YAfvB,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,gBAAgB;oBAChB,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;iBAC1B;gBACD,YAAY,EAAE;oBACZ,aAAa;iBACd;gBACD,OAAO,EAAE;oBACP,aAAa;iBACd;gBACD,SAAS,EAAE,EAAE;aACd;;;ACrBD;;;;;;"}

package/lib/icon.component.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '@angular/core';
+export declare class IconComponent {
+    name: any;
+    title: any;
+    type: string;
+    size: any;
+    isMaterialIcon: boolean;
+    materialOutline: boolean;
+    routerLinkActive: any;
+    routerLink: any;
+    link: any;
+    target: any;
+    isActive: any;
+    onClick: EventEmitter<boolean>;
+    click(): void;
+    getFontSize(): string;
+    getClass(): any;
+}

package/lib/icons.module.d.ts

@@ -0,0 +1,2 @@
+export declare class IconsModule {
+}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@apipass/icons",
+  "version": "0.1.1-beta.10",
+  "peerDependencies": {
+    "@angular/common": "10.0.11",
+    "@angular/animations": "10.0.11",
+    "@angular/core": "10.0.11",
+    "@angular/forms": "10.0.11",
+    "@angular/cdk": "10.0.2"
+  },
+  "dependencies": {
+    "@angular/common": "10.0.11",
+    "@angular/animations": "10.0.11",
+    "@angular/core": "10.0.11",
+    "@angular/forms": "10.0.11",
+    "@angular/cdk": "10.0.2",
+    "@angular/material": "10.0.2",
+    "tslib": "2.0.0",
+    "@fortawesome/angular-fontawesome": "^0.7.0",
+    "@fortawesome/fontawesome-free": "^5.14.0",
+    "@fortawesome/fontawesome-svg-core": "^1.2.30",
+    "@fortawesome/free-solid-svg-icons": "^5.14.0"
+  },
+  "main": "bundles/apipass-icons.umd.js",
+  "module": "fesm2015/apipass-icons.js",
+  "es2015": "fesm2015/apipass-icons.js",
+  "esm2015": "esm2015/apipass-icons.js",
+  "fesm2015": "fesm2015/apipass-icons.js",
+  "typings": "apipass-icons.d.ts",
+  "metadata": "apipass-icons.metadata.json",
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/icons.module';
+export * from './lib/icon.component';