@apipass/icons 1.0.36 → 1.0.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/assets/css/icons.scss
CHANGED
|
@@ -44,12 +44,12 @@ class IconComponent {
|
|
|
44
44
|
return classValues;
|
|
45
45
|
}
|
|
46
46
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: IconComponent, selector: "icon", inputs: { name: "name", title: "title", type: "type", size: "size", isMaterialIcon: "isMaterialIcon", materialOutline: "materialOutline", routerLinkActive: "routerLinkActive", routerLink: "routerLink", link: "link", target: "target", isActive: "isActive" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\n\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\n\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n", styles: ["
|
|
47
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: IconComponent, selector: "icon", inputs: { name: "name", title: "title", type: "type", size: "size", isMaterialIcon: "isMaterialIcon", materialOutline: "materialOutline", routerLinkActive: "routerLinkActive", routerLink: "routerLink", link: "link", target: "target", isActive: "isActive" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\n\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\n\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n", styles: [".clickable{cursor:pointer}.apipass-custom-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:100%}.apipass-custom-faq-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/../../assets/images/icons/custom/apipass-customization-icon.png)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
|
|
48
48
|
}
|
|
49
49
|
export { IconComponent };
|
|
50
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: IconComponent, decorators: [{
|
|
51
51
|
type: Component,
|
|
52
|
-
args: [{ selector: 'icon', template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\n\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\n\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n", styles: ["
|
|
52
|
+
args: [{ selector: 'icon', template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\n\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\n\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n", styles: [".clickable{cursor:pointer}.apipass-custom-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:100%}.apipass-custom-faq-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/../../assets/images/icons/custom/apipass-customization-icon.png)}\n"] }]
|
|
53
53
|
}], propDecorators: { name: [{
|
|
54
54
|
type: Input
|
|
55
55
|
}], title: [{
|
|
@@ -49,11 +49,11 @@ class IconComponent {
|
|
|
49
49
|
return classValues;
|
|
50
50
|
}
|
|
51
51
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: IconComponent, selector: "icon", inputs: { name: "name", title: "title", type: "type", size: "size", isMaterialIcon: "isMaterialIcon", materialOutline: "materialOutline", routerLinkActive: "routerLinkActive", routerLink: "routerLink", link: "link", target: "target", isActive: "isActive" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\n\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\n\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n", styles: ["
|
|
52
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: IconComponent, selector: "icon", inputs: { name: "name", title: "title", type: "type", size: "size", isMaterialIcon: "isMaterialIcon", materialOutline: "materialOutline", routerLinkActive: "routerLinkActive", routerLink: "routerLink", link: "link", target: "target", isActive: "isActive" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\n\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\n\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n", styles: [".clickable{cursor:pointer}.apipass-custom-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:100%}.apipass-custom-faq-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/../../assets/images/icons/custom/apipass-customization-icon.png)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
|
|
53
53
|
}
|
|
54
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: IconComponent, decorators: [{
|
|
55
55
|
type: Component,
|
|
56
|
-
args: [{ selector: 'icon', template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\n\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\n\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n", styles: ["
|
|
56
|
+
args: [{ selector: 'icon', template: "<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\n\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\n\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n", styles: [".clickable{cursor:pointer}.apipass-custom-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:100%}.apipass-custom-faq-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-faq-icon.png)}.apipass-custom-chat-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-chat-icon.png)}.apipass-custom-mouse-icon{background-image:url(/../../assets/images/icons/custom/apipass-custom-mouse-icon.png)}.apipass-customization-icon{background-image:url(/../../assets/images/icons/custom/apipass-customization-icon.png)}\n"] }]
|
|
57
57
|
}], propDecorators: { name: [{
|
|
58
58
|
type: Input
|
|
59
59
|
}], title: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"apipass-icons.mjs","sources":["../../../projects/icons/src/lib/icon.component.ts","../../../projects/icons/src/lib/icon.component.html","../../../projects/icons/src/lib/icons.module.ts","../../../projects/icons/src/apipass-icons.ts"],"sourcesContent":["import { Component, Input, EventEmitter, Output } from '@angular/core'\n\n@Component({\n selector: 'icon',\n templateUrl: 'icon.component.html',\n styleUrls: ['icon.component.scss']\n})\nexport class IconComponent {\n\n @Input() public name: any\n @Input() public title: any\n @Input() public type = 'primary'\n @Input() public size: any\n @Input() public isMaterialIcon = false\n @Input() public materialOutline = false\n\n @Input() public routerLinkActive: any\n @Input() public routerLink: any\n\n @Input() public link: any\n @Input() public target: any\n @Input() public isActive: any\n\n @Output() public onClick = new EventEmitter<boolean>()\n\n public click (): void {\n this.onClick.emit(true)\n }\n\n getFontSize (): string {\n return this.size ? `${this.size}px` : 'inherit'\n }\n\n getClass (): any {\n const classValues: any = {}\n if (!this.isMaterialIcon) {\n classValues[this.name] = true\n } else {\n classValues['material-icon'] = true\n }\n if (this.materialOutline) {\n classValues['material-icons-outlined'] = true\n }\n classValues[`apipass-icon-${this.type}`] = true\n if (this.isActive) {\n classValues[`apipass-icon-${this.type}-active`] = true\n }\n if (this.onClick?.observers?.length > 0) {\n classValues.clickable = true\n }\n return classValues\n }\n\n}\n","<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\n\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\n\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n","import { NgModule } from '@angular/core'\nimport { CommonModule } from '@angular/common'\nimport { MatIconModule } from '@angular/material/icon'\nimport { MatTooltipModule } from '@angular/material/tooltip'\nimport { IconComponent } from './icon.component'\nimport { RouterModule } from '@angular/router'\n\n@NgModule({\n imports: [\n CommonModule,\n MatIconModule,\n MatTooltipModule,\n RouterModule.forChild([])\n ],\n declarations: [\n IconComponent\n ],\n exports: [\n IconComponent\n ],\n providers: []\n})\nexport class IconsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;AAEA,MAKa,aAAa,CAAA;AAER,IAAA,IAAI,CAAK;AACT,IAAA,KAAK,CAAK;IACV,IAAI,GAAG,SAAS,CAAA;AAChB,IAAA,IAAI,CAAK;IACT,cAAc,GAAG,KAAK,CAAA;IACtB,eAAe,GAAG,KAAK,CAAA;AAEvB,IAAA,gBAAgB,CAAK;AACrB,IAAA,UAAU,CAAK;AAEf,IAAA,IAAI,CAAK;AACT,IAAA,MAAM,CAAK;AACX,IAAA,QAAQ,CAAK;AAEZ,IAAA,OAAO,GAAG,IAAI,YAAY,EAAW,CAAA;IAE/C,KAAK,GAAA;AACV,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACxB;IAED,WAAW,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,IAAI,GAAG,CAAA,EAAG,IAAI,CAAC,IAAI,CAAI,EAAA,CAAA,GAAG,SAAS,CAAA;KAChD;IAED,QAAQ,GAAA;QACN,MAAM,WAAW,GAAQ,EAAE,CAAA;AAC3B,QAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;AACxB,YAAA,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;AAC9B,SAAA;AAAM,aAAA;AACL,YAAA,WAAW,CAAC,eAAe,CAAC,GAAG,IAAI,CAAA;AACpC,SAAA;QACD,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,YAAA,WAAW,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAA;AAC9C,SAAA;QACD,WAAW,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAE,CAAA,CAAC,GAAG,IAAI,CAAA;QAC/C,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,WAAW,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAS,OAAA,CAAA,CAAC,GAAG,IAAI,CAAA;AACvD,SAAA;QACD,IAAI,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC,EAAE;AACvC,YAAA,WAAW,CAAC,SAAS,GAAG,IAAI,CAAA;AAC7B,SAAA;AACD,QAAA,OAAO,WAAW,CAAA;KACnB;uGA5CU,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,+UCP1B,isCAiBA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"apipass-icons.mjs","sources":["../../../projects/icons/src/lib/icon.component.ts","../../../projects/icons/src/lib/icon.component.html","../../../projects/icons/src/lib/icons.module.ts","../../../projects/icons/src/apipass-icons.ts"],"sourcesContent":["import { Component, Input, EventEmitter, Output } from '@angular/core'\n\n@Component({\n selector: 'icon',\n templateUrl: 'icon.component.html',\n styleUrls: ['icon.component.scss']\n})\nexport class IconComponent {\n\n @Input() public name: any\n @Input() public title: any\n @Input() public type = 'primary'\n @Input() public size: any\n @Input() public isMaterialIcon = false\n @Input() public materialOutline = false\n\n @Input() public routerLinkActive: any\n @Input() public routerLink: any\n\n @Input() public link: any\n @Input() public target: any\n @Input() public isActive: any\n\n @Output() public onClick = new EventEmitter<boolean>()\n\n public click (): void {\n this.onClick.emit(true)\n }\n\n getFontSize (): string {\n return this.size ? `${this.size}px` : 'inherit'\n }\n\n getClass (): any {\n const classValues: any = {}\n if (!this.isMaterialIcon) {\n classValues[this.name] = true\n } else {\n classValues['material-icon'] = true\n }\n if (this.materialOutline) {\n classValues['material-icons-outlined'] = true\n }\n classValues[`apipass-icon-${this.type}`] = true\n if (this.isActive) {\n classValues[`apipass-icon-${this.type}-active`] = true\n }\n if (this.onClick?.observers?.length > 0) {\n classValues.clickable = true\n }\n return classValues\n }\n\n}\n","<i *ngIf=\"!isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\"></i>\n\n<mat-icon *ngIf=\"isMaterialIcon && name && !routerLink && !link\" [matTooltip]=\"title || ''\"\n [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\" (click)=\"click()\">{{this.name}}</mat-icon>\n\n<a *ngIf=\"name && routerLink\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [routerLink]=\"routerLink\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n\n<a *ngIf=\"name && link\" [matTooltip]=\"title || ''\"\n [routerLinkActive]=\"routerLinkActive || ''\" [href]=\"link\" [target]=\"target\" (click)=\"click()\">\n <i *ngIf=\"!isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\"></i>\n <mat-icon *ngIf=\"isMaterialIcon\" [ngClass]=\"getClass()\" [ngStyle]=\"{'font-size': getFontSize()}\">{{this.name}}</mat-icon>\n</a>\n","import { NgModule } from '@angular/core'\nimport { CommonModule } from '@angular/common'\nimport { MatIconModule } from '@angular/material/icon'\nimport { MatTooltipModule } from '@angular/material/tooltip'\nimport { IconComponent } from './icon.component'\nimport { RouterModule } from '@angular/router'\n\n@NgModule({\n imports: [\n CommonModule,\n MatIconModule,\n MatTooltipModule,\n RouterModule.forChild([])\n ],\n declarations: [\n IconComponent\n ],\n exports: [\n IconComponent\n ],\n providers: []\n})\nexport class IconsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/assets/css/colors.scss
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--color-primary: #222D57;
|
|
3
|
-
--color-primary-hover: #18203D;
|
|
4
|
-
--color-primary-active: #29376A;
|
|
5
|
-
|
|
6
|
-
--color-secondary: #D3D921;
|
|
7
|
-
--color-secondary-hover: #B3B81C;
|
|
8
|
-
--color-secondary-active: #DCE13F;
|
|
9
|
-
|
|
10
|
-
--color-tertiary: #EFEFEF;
|
|
11
|
-
--color-tertiary-hover: #CBCBCB;
|
|
12
|
-
--color-tertiary-active: #F1F1F1;
|
|
13
|
-
|
|
14
|
-
--color-fonts-tertiary: #777777;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
// Defaults
|
|
20
|
-
--color-body-light: #FFF;
|
|
21
|
-
--color-red: rgb(255, 0, 0);
|
|
22
|
-
--limit-plan-color: #ff6c00;
|
|
23
|
-
--color_disabled: #E0E0E0;
|
|
24
|
-
--color_components_light: #FFF;
|
|
25
|
-
--color-inputs-border: #DDD;
|
|
26
|
-
--color-inputs-background: #FFF;
|
|
27
|
-
--color_icon_remove: var(--color-red);
|
|
28
|
-
--color_icon_success: #070;
|
|
29
|
-
--color_graph_primary: #1643EF;
|
|
30
|
-
--color_graph_primary_hover: #0A2692;
|
|
31
|
-
--color_graph_error: #EB5757;
|
|
32
|
-
--color_graph_error_hover: #C91717;
|
|
33
|
-
|
|
34
|
-
}
|