@engie-group/fluid-design-system-angular
Version:
Fluid Design System Angular
35 lines • 6.1 kB
JavaScript
import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class IconBaseComponent {
constructor() {
this.MATERIAL_ICON_CLASS = 'material-icons';
this.ICON_CLASS = 'nj-icon';
/**
* @ignore
*/
this.isEngieIcon = false; //Fixme: Should be inferred by dependency tree. Not being set by input
}
getIconClass() {
if (this.isEngieIcon && !this.name) {
return '';
}
return this.isEngieIcon ? `${this.ICON_CLASS} ${this.ICON_CLASS}-${this.name}` : this.MATERIAL_ICON_CLASS;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconBaseComponent, isStandalone: true, selector: "nj-icon-base", inputs: { isEngieIcon: "isEngieIcon", name: "name", ariaLabel: "ariaLabel", className: "className" }, ngImport: i0, template: "<span\n [ngClass]=\"[getIconClass(), className]\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaLabel ? null : 'true'\"\n>\n <ng-container *ngIf=\"!isEngieIcon && name\">{{ name }}</ng-container>\n</span>\n", styles: [":host,nj-icon-base{display:inline-flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconBaseComponent, decorators: [{
type: Component,
args: [{ selector: 'nj-icon-base', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], template: "<span\n [ngClass]=\"[getIconClass(), className]\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaLabel ? null : 'true'\"\n>\n <ng-container *ngIf=\"!isEngieIcon && name\">{{ name }}</ng-container>\n</span>\n", styles: [":host,nj-icon-base{display:inline-flex}\n"] }]
}], propDecorators: { isEngieIcon: [{
type: Input
}], name: [{
type: Input
}], ariaLabel: [{
type: Input
}], className: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1iYXNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tYmFzZS9pY29uLWJhc2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi1iYXNlL2ljb24tYmFzZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQVczRixNQUFNLE9BQU8saUJBQWlCO0lBVDlCO1FBV1Usd0JBQW1CLEdBQUcsZ0JBQWdCLENBQUM7UUFDckMsZUFBVSxHQUFHLFNBQVMsQ0FBQztRQUVqQzs7V0FFRztRQUNNLGdCQUFXLEdBQUcsS0FBSyxDQUFDLENBQUMsc0VBQXNFO0tBd0JyRztJQU5XLFlBQVk7UUFDcEIsSUFBSSxJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNsQyxPQUFPLEVBQUUsQ0FBQztTQUNYO1FBQ0QsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQztJQUM1RyxDQUFDOytHQS9CVSxpQkFBaUI7bUdBQWpCLGlCQUFpQiw4S0NaOUIsbU9BT0Esa0dER1ksWUFBWTs7NEZBRVgsaUJBQWlCO2tCQVQ3QixTQUFTOytCQUNFLGNBQWMsbUJBR1AsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxjQUN6QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBVWQsV0FBVztzQkFBbkIsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUs7Z0JBTUcsU0FBUztzQkFBakIsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25qLWljb24tYmFzZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLWJhc2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLWJhc2UuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIEljb25CYXNlQ29tcG9uZW50IHtcblxuICBwcml2YXRlIE1BVEVSSUFMX0lDT05fQ0xBU1MgPSAnbWF0ZXJpYWwtaWNvbnMnO1xuICBwcm90ZWN0ZWQgSUNPTl9DTEFTUyA9ICduai1pY29uJztcblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgQElucHV0KCkgaXNFbmdpZUljb24gPSBmYWxzZTsgLy9GaXhtZTogU2hvdWxkIGJlIGluZmVycmVkIGJ5IGRlcGVuZGVuY3kgdHJlZS4gTm90IGJlaW5nIHNldCBieSBpbnB1dFxuXG4gIC8qKlxuICAgKiBJY29uIG5hbWVcbiAgICovXG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZztcblxuICAvKipcbiAgICogVGV4dCBhbHRlcm5hdGl2ZSBmb3IgYXNzaXN0aXZlIHRlY2hub2xvZ2llcy5cbiAgICogQHNlZSBodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9BY2Nlc3NpYmlsaXR5L0FSSUEvQXR0cmlidXRlcy9hcmlhLWxhYmVsXG4gICAqL1xuICBASW5wdXQoKSBhcmlhTGFiZWw6IHN0cmluZztcblxuICAvKipcbiAgICogSWNvbiBhZGRpdGlvbmFsIGNsYXNzXG4gICAqL1xuICBASW5wdXQoKSBjbGFzc05hbWU6IHN0cmluZztcblxuICBwcm90ZWN0ZWQgZ2V0SWNvbkNsYXNzKCk6IHN0cmluZyB7XG4gICAgaWYgKHRoaXMuaXNFbmdpZUljb24gJiYgIXRoaXMubmFtZSkge1xuICAgICAgcmV0dXJuICcnO1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy5pc0VuZ2llSWNvbiA/IGAke3RoaXMuSUNPTl9DTEFTU30gJHt0aGlzLklDT05fQ0xBU1N9LSR7dGhpcy5uYW1lfWAgOiB0aGlzLk1BVEVSSUFMX0lDT05fQ0xBU1M7XG4gIH1cbn1cbiIsIjxzcGFuXG4gIFtuZ0NsYXNzXT1cIltnZXRJY29uQ2xhc3MoKSwgY2xhc3NOYW1lXVwiXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCJcbiAgW2F0dHIuYXJpYS1oaWRkZW5dPVwiYXJpYUxhYmVsID8gbnVsbCA6ICd0cnVlJ1wiXG4+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaXNFbmdpZUljb24gJiYgbmFtZVwiPnt7IG5hbWUgfX08L25nLWNvbnRhaW5lcj5cbjwvc3Bhbj5cbiJdfQ==