@cardboard-box/ngx-box
Version:
A collection of useful directives, components and services for angular
29 lines • 4.84 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class IconComponent {
constructor() {
this.unsize = false;
this.fill = false;
this.spin = false;
}
}
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: IconComponent, selector: "box-icon", inputs: { size: ["font-size", "size"], unsize: "unsize", fill: "fill", spin: "spin" }, ngImport: i0, template: "<span class=\"material-symbols-outlined\" \n [ngClass]=\"{ 'unsize': unsize || unsize === '', 'fill': fill || fill === '', 'spin': spin || spin === '' }\" \n [style.font-size]=\"size\">\n <ng-content></ng-content>\n</span>", styles: [":host{display:inline-block;height:100%;margin:0;padding:0;position:relative;transform:translateY(3.5px)}.material-symbols-outlined{display:inline-block;fill:currentColor;height:24px;width:24px;margin:0;padding:0;font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 48}.material-symbols-outlined.fill{font-variation-settings:\"FILL\" 1,\"wght\" 400,\"GRAD\" 0,\"opsz\" 48}.unsize{height:unset;width:unset;font-size:inherit}.spin{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: IconComponent, decorators: [{
type: Component,
args: [{ selector: 'box-icon', template: "<span class=\"material-symbols-outlined\" \n [ngClass]=\"{ 'unsize': unsize || unsize === '', 'fill': fill || fill === '', 'spin': spin || spin === '' }\" \n [style.font-size]=\"size\">\n <ng-content></ng-content>\n</span>", styles: [":host{display:inline-block;height:100%;margin:0;padding:0;position:relative;transform:translateY(3.5px)}.material-symbols-outlined{display:inline-block;fill:currentColor;height:24px;width:24px;margin:0;padding:0;font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 48}.material-symbols-outlined.fill{font-variation-settings:\"FILL\" 1,\"wght\" 400,\"GRAD\" 0,\"opsz\" 48}.unsize{height:unset;width:unset;font-size:inherit}.spin{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}\n"] }]
}], propDecorators: { size: [{
type: Input,
args: ['font-size']
}], unsize: [{
type: Input,
args: ['unsize']
}], fill: [{
type: Input,
args: ['fill']
}], spin: [{
type: Input,
args: ['spin']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYXJkYm9hcmRib3gvbmd4LWJveC9zcmMvbGliL2NvbXBvbmVudHMvaWNvbi9pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhcmRib2FyZGJveC9uZ3gtYm94L3NyYy9saWIvY29tcG9uZW50cy9pY29uL2ljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVFqRCxNQUFNLE9BQU8sYUFBYTtJQUwxQjtRQU9xQixXQUFNLEdBQWdCLEtBQUssQ0FBQztRQUM5QixTQUFJLEdBQWdCLEtBQUssQ0FBQztRQUMxQixTQUFJLEdBQWdCLEtBQUssQ0FBQztLQUM1Qzs7MEdBTFksYUFBYTs4RkFBYixhQUFhLHVJQ1IxQiw2T0FJTzsyRkRJTSxhQUFhO2tCQUx6QixTQUFTOytCQUNFLFVBQVU7OEJBS0UsSUFBSTtzQkFBdkIsS0FBSzt1QkFBQyxXQUFXO2dCQUNELE1BQU07c0JBQXRCLEtBQUs7dUJBQUMsUUFBUTtnQkFDQSxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBQ0UsSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUHJvcEJvb2xlYW4gfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JveC1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSWNvbkNvbXBvbmVudCB7XG4gICAgQElucHV0KCdmb250LXNpemUnKSBzaXplPzogc3RyaW5nOyBcbiAgICBASW5wdXQoJ3Vuc2l6ZScpIHVuc2l6ZTogUHJvcEJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoJ2ZpbGwnKSBmaWxsOiBQcm9wQm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgnc3BpbicpIHNwaW46IFByb3BCb29sZWFuID0gZmFsc2U7XG59XG4iLCI8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIiBcbiAgICAgIFtuZ0NsYXNzXT1cInsgJ3Vuc2l6ZSc6IHVuc2l6ZSB8fCB1bnNpemUgPT09ICcnLCAnZmlsbCc6IGZpbGwgfHwgZmlsbCA9PT0gJycsICdzcGluJzogc3BpbiB8fCBzcGluID09PSAnJyB9XCIgXG4gICAgICBbc3R5bGUuZm9udC1zaXplXT1cInNpemVcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L3NwYW4+Il19