@apipass/icons 0.1.1-beta.4 → 0.1.1-beta.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/apipass-icons.metadata.json +1 -1
- package/bundles/apipass-icons.umd.js +1 -1
- package/bundles/apipass-icons.umd.js.map +1 -1
- package/bundles/apipass-icons.umd.min.js +1 -1
- package/bundles/apipass-icons.umd.min.js.map +1 -1
- package/esm2015/lib/icons.module.js +2 -2
- package/fesm2015/apipass-icons.js +1 -1
- package/fesm2015/apipass-icons.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
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":"reference","module":"@angular/router","name":"RouterModule","line":12,"character":4}],"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"}
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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;;;;;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!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],declarations:[a],exports:[a],providers:[]}]}],o.IconComponent=a,o.IconsModule=c,Object.defineProperty(o,"__esModule",{value:!0})}));
|
|
1
|
+
!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})}));
|
|
2
2
|
//# sourceMappingURL=apipass-icons.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
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","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,
|
|
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"]}
|
|
@@ -12,7 +12,7 @@ IconsModule.decorators = [
|
|
|
12
12
|
CommonModule,
|
|
13
13
|
MatIconModule,
|
|
14
14
|
MatTooltipModule,
|
|
15
|
-
RouterModule
|
|
15
|
+
RouterModule.forChild([])
|
|
16
16
|
],
|
|
17
17
|
declarations: [
|
|
18
18
|
IconComponent
|
|
@@ -23,4 +23,4 @@ IconsModule.decorators = [
|
|
|
23
23
|
providers: []
|
|
24
24
|
},] }
|
|
25
25
|
];
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvaWNvbnMvc3JjL2xpYi9pY29ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQztBQUMvQyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFpQjdDLE1BQU0sT0FBTyxXQUFXOzs7WUFmdkIsUUFBUSxTQUFDO2dCQUNSLE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLGFBQWE7b0JBQ2IsZ0JBQWdCO29CQUNoQixZQUFZLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQztpQkFDMUI7Z0JBQ0QsWUFBWSxFQUFFO29CQUNaLGFBQWE7aUJBQ2Q7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLGFBQWE7aUJBQ2Q7Z0JBQ0QsU0FBUyxFQUFFLEVBQUU7YUFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtNYXRJY29uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcclxuaW1wb3J0IHtNYXRUb29sdGlwTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcclxuaW1wb3J0IHtJY29uQ29tcG9uZW50fSBmcm9tIFwiLi9pY29uLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQge1JvdXRlck1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL3JvdXRlclwiO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBNYXRJY29uTW9kdWxlLFxyXG4gICAgTWF0VG9vbHRpcE1vZHVsZSxcclxuICAgIFJvdXRlck1vZHVsZS5mb3JDaGlsZChbXSlcclxuICBdLFxyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgSWNvbkNvbXBvbmVudFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgSWNvbkNvbXBvbmVudFxyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSWNvbnNNb2R1bGUgeyB9XHJcbiJdfQ==
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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;;;;;;"}
|