@koalarx/ui
Version:
Koala UI is a Design System developed in Angular whose objective is to facilitate and make your development faster and simpler, making this framework your greatest ally.
20 lines • 3.84 kB
JavaScript
import { Component, Input } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "./icons/loading/loading-icon-animated.component";
import * as i3 from "./icons/downloading/downloading-icon-animated.component";
export class IconsAnimatedComponent {
}
IconsAnimatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconsAnimatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
IconsAnimatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: IconsAnimatedComponent, selector: "koala-icon-animated", inputs: { icon: "icon", color: "color", size: "size" }, ngImport: i0, template: "<div *ngIf=\"icon === 'loading'\" class=\"icon-content\">\n <koala-icon-animated-loading [size]=\"size\" [color]=\"color\"></koala-icon-animated-loading>\n</div>\n<div *ngIf=\"icon === 'downloading'\" class=\"icon-content\">\n <koala-icon-animated-downloading [size]=\"size\" [color]=\"color\"></koala-icon-animated-downloading>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.LoadingIconAnimatedComponent, selector: "koala-icon-animated-loading", inputs: ["size", "color"] }, { kind: "component", type: i3.DownloadingIconAnimatedComponent, selector: "koala-icon-animated-downloading", inputs: ["size", "color"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconsAnimatedComponent, decorators: [{
type: Component,
args: [{ selector: 'koala-icon-animated', template: "<div *ngIf=\"icon === 'loading'\" class=\"icon-content\">\n <koala-icon-animated-loading [size]=\"size\" [color]=\"color\"></koala-icon-animated-loading>\n</div>\n<div *ngIf=\"icon === 'downloading'\" class=\"icon-content\">\n <koala-icon-animated-downloading [size]=\"size\" [color]=\"color\"></koala-icon-animated-downloading>\n</div>\n" }]
}], propDecorators: { icon: [{
type: Input
}], color: [{
type: Input
}], size: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMtYW5pbWF0ZWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvaWNvbnMtYW5pbWF0ZWQvc3JjL2xpYi9pY29ucy1hbmltYXRlZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pY29ucy1hbmltYXRlZC9zcmMvbGliL2ljb25zLWFuaW1hdGVkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQU1qRCxNQUFNLE9BQU8sc0JBQXNCOzttSEFBdEIsc0JBQXNCO3VHQUF0QixzQkFBc0IsbUhDTm5DLHNWQU1BOzJGREFhLHNCQUFzQjtrQkFKbEMsU0FBUzsrQkFDRSxxQkFBcUI7OEJBSXRCLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tvYWxhLWljb24tYW5pbWF0ZWQnLFxuICB0ZW1wbGF0ZVVybDogJ2ljb25zLWFuaW1hdGVkLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBJY29uc0FuaW1hdGVkQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWNvbj86ICdsb2FkaW5nJ3wnZG93bmxvYWRpbmcnO1xuICBASW5wdXQoKSBjb2xvcj86IHN0cmluZztcbiAgQElucHV0KCkgc2l6ZT86IG51bWJlcjtcbn1cbiIsIjxkaXYgKm5nSWY9XCJpY29uID09PSAnbG9hZGluZydcIiBjbGFzcz1cImljb24tY29udGVudFwiPlxuICA8a29hbGEtaWNvbi1hbmltYXRlZC1sb2FkaW5nIFtzaXplXT1cInNpemVcIiBbY29sb3JdPVwiY29sb3JcIj48L2tvYWxhLWljb24tYW5pbWF0ZWQtbG9hZGluZz5cbjwvZGl2PlxuPGRpdiAqbmdJZj1cImljb24gPT09ICdkb3dubG9hZGluZydcIiBjbGFzcz1cImljb24tY29udGVudFwiPlxuICA8a29hbGEtaWNvbi1hbmltYXRlZC1kb3dubG9hZGluZyBbc2l6ZV09XCJzaXplXCIgW2NvbG9yXT1cImNvbG9yXCI+PC9rb2FsYS1pY29uLWFuaW1hdGVkLWRvd25sb2FkaW5nPlxuPC9kaXY+XG4iXX0=