@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.
23 lines • 11.3 kB
JavaScript
import { Component, Input } from "@angular/core";
import { IconsAnimatedService } from "../../icons-animated.service";
import * as i0 from "@angular/core";
import * as i1 from "../../icons-animated.service";
export class DownloadingIconAnimatedComponent {
constructor(iconService) {
this.iconService = iconService;
}
ngOnInit() {
this.iconService.init('downloading', this.size ?? 22, this.color ?? '#000');
}
}
DownloadingIconAnimatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DownloadingIconAnimatedComponent, deps: [{ token: i1.IconsAnimatedService }], target: i0.ɵɵFactoryTarget.Component });
DownloadingIconAnimatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DownloadingIconAnimatedComponent, selector: "koala-icon-animated-downloading", inputs: { size: "size", color: "color" }, providers: [IconsAnimatedService], ngImport: i0, template: "<svg [id]=\"iconService.idIcon\" class=\"koala-icon-animated downloading\" [style]=\"iconService.style\" id=\"downloading\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M56,496H456a40.045,40.045,0,0,0,40-40V184a40.045,40.045,0,0,0-40-40h-8V104c0-.092-.01-.182-.014-.274s-.007-.174-.012-.261a7.988,7.988,0,0,0-.4-2.026c-.027-.081-.056-.161-.086-.241a8.069,8.069,0,0,0-.4-.914c-.007-.013-.012-.027-.019-.041a7.96,7.96,0,0,0-.556-.882c-.05-.071-.1-.14-.154-.209a7.947,7.947,0,0,0-.7-.809l-80-80a8.039,8.039,0,0,0-.806-.694c-.071-.054-.142-.107-.214-.158a8.2,8.2,0,0,0-.879-.553c-.015-.008-.032-.014-.048-.022a7.891,7.891,0,0,0-.908-.4c-.08-.03-.159-.059-.24-.086a7.992,7.992,0,0,0-2.03-.4c-.085,0-.17-.009-.256-.012S360.093,16,360,16H152a40.045,40.045,0,0,0-40,40V96H56a40.045,40.045,0,0,0-40,40V456A40.045,40.045,0,0,0,56,496ZM456,160a24.028,24.028,0,0,1,24,24V456a24.028,24.028,0,0,1-24,24H424a24.028,24.028,0,0,1-24-24v-8h8a40.045,40.045,0,0,0,40-40V160ZM420.687,96H392a24.027,24.027,0,0,1-24-24V43.313ZM128,56a24.027,24.027,0,0,1,24-24H352V72a40.045,40.045,0,0,0,40,40h40V408a24.027,24.027,0,0,1-24,24h-8V232a40.045,40.045,0,0,0-40-40H192V136a40.045,40.045,0,0,0-40-40H128ZM32,136a24.028,24.028,0,0,1,24-24h96a24.028,24.028,0,0,1,24,24v64a8,8,0,0,0,8,8H360a24.028,24.028,0,0,1,24,24V456a39.792,39.792,0,0,0,8.019,24H56a24.028,24.028,0,0,1-24-24Z\"/>\n <path class=\"letters\" d=\"M272,152a8,8,0,0,0,8,8H392a8,8,0,0,0,0-16H280A8,8,0,0,0,272,152Z\"/>\n <path class=\"letters\" d=\"M224,112h56a8,8,0,0,0,0-16H224a8,8,0,0,0,0,16Z\"/>\n <path class=\"letters\" d=\"M248,144H232a8,8,0,0,0,0,16h16a8,8,0,0,0,0-16Z\"/>\n <path id=\"arrow-down\" d=\"M178.917,429.329A8,8,0,0,0,184.879,432h.088a8.006,8.006,0,0,0,5.99-2.8l55.294-64.612a8,8,0,0,0-6.077-13.2h-.089l-24,.264-.967-87.995a8,8,0,0,0-8-7.912h-.09l-48,.527a8,8,0,0,0-7.911,8.087l.967,88-24,.264a8,8,0,0,0-5.874,13.333Zm-18.651-61.067a8,8,0,0,0,7.911-8.087l-.967-87.995,32-.351.967,87.994a7.967,7.967,0,0,0,8.088,7.912l14.369-.158-37.887,44.27L145.9,368.42Z\"/>\n</svg>\n", styles: [".koala-icon-animated{overflow:visible;display:block;margin:auto}.koala-icon-animated.downloading #arrow-down{animation:downloading-arrow 1.4s infinite ease-in-out}.koala-icon-animated.downloading .letters{animation:downloading-letters 1.4s infinite ease-in reverse;transform:rotateY(-60deg);opacity:0}@keyframes downloading-arrow{0%{transform:translateY(-30px);opacity:0}}@keyframes downloading-letters{0%{transform:rotateX(0);opacity:1}}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DownloadingIconAnimatedComponent, decorators: [{
type: Component,
args: [{ selector: 'koala-icon-animated-downloading', providers: [IconsAnimatedService], template: "<svg [id]=\"iconService.idIcon\" class=\"koala-icon-animated downloading\" [style]=\"iconService.style\" id=\"downloading\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M56,496H456a40.045,40.045,0,0,0,40-40V184a40.045,40.045,0,0,0-40-40h-8V104c0-.092-.01-.182-.014-.274s-.007-.174-.012-.261a7.988,7.988,0,0,0-.4-2.026c-.027-.081-.056-.161-.086-.241a8.069,8.069,0,0,0-.4-.914c-.007-.013-.012-.027-.019-.041a7.96,7.96,0,0,0-.556-.882c-.05-.071-.1-.14-.154-.209a7.947,7.947,0,0,0-.7-.809l-80-80a8.039,8.039,0,0,0-.806-.694c-.071-.054-.142-.107-.214-.158a8.2,8.2,0,0,0-.879-.553c-.015-.008-.032-.014-.048-.022a7.891,7.891,0,0,0-.908-.4c-.08-.03-.159-.059-.24-.086a7.992,7.992,0,0,0-2.03-.4c-.085,0-.17-.009-.256-.012S360.093,16,360,16H152a40.045,40.045,0,0,0-40,40V96H56a40.045,40.045,0,0,0-40,40V456A40.045,40.045,0,0,0,56,496ZM456,160a24.028,24.028,0,0,1,24,24V456a24.028,24.028,0,0,1-24,24H424a24.028,24.028,0,0,1-24-24v-8h8a40.045,40.045,0,0,0,40-40V160ZM420.687,96H392a24.027,24.027,0,0,1-24-24V43.313ZM128,56a24.027,24.027,0,0,1,24-24H352V72a40.045,40.045,0,0,0,40,40h40V408a24.027,24.027,0,0,1-24,24h-8V232a40.045,40.045,0,0,0-40-40H192V136a40.045,40.045,0,0,0-40-40H128ZM32,136a24.028,24.028,0,0,1,24-24h96a24.028,24.028,0,0,1,24,24v64a8,8,0,0,0,8,8H360a24.028,24.028,0,0,1,24,24V456a39.792,39.792,0,0,0,8.019,24H56a24.028,24.028,0,0,1-24-24Z\"/>\n <path class=\"letters\" d=\"M272,152a8,8,0,0,0,8,8H392a8,8,0,0,0,0-16H280A8,8,0,0,0,272,152Z\"/>\n <path class=\"letters\" d=\"M224,112h56a8,8,0,0,0,0-16H224a8,8,0,0,0,0,16Z\"/>\n <path class=\"letters\" d=\"M248,144H232a8,8,0,0,0,0,16h16a8,8,0,0,0,0-16Z\"/>\n <path id=\"arrow-down\" d=\"M178.917,429.329A8,8,0,0,0,184.879,432h.088a8.006,8.006,0,0,0,5.99-2.8l55.294-64.612a8,8,0,0,0-6.077-13.2h-.089l-24,.264-.967-87.995a8,8,0,0,0-8-7.912h-.09l-48,.527a8,8,0,0,0-7.911,8.087l.967,88-24,.264a8,8,0,0,0-5.874,13.333Zm-18.651-61.067a8,8,0,0,0,7.911-8.087l-.967-87.995,32-.351.967,87.994a7.967,7.967,0,0,0,8.088,7.912l14.369-.158-37.887,44.27L145.9,368.42Z\"/>\n</svg>\n", styles: [".koala-icon-animated{overflow:visible;display:block;margin:auto}.koala-icon-animated.downloading #arrow-down{animation:downloading-arrow 1.4s infinite ease-in-out}.koala-icon-animated.downloading .letters{animation:downloading-letters 1.4s infinite ease-in reverse;transform:rotateY(-60deg);opacity:0}@keyframes downloading-arrow{0%{transform:translateY(-30px);opacity:0}}@keyframes downloading-letters{0%{transform:rotateX(0);opacity:1}}\n"] }]
}], ctorParameters: function () { return [{ type: i1.IconsAnimatedService }]; }, propDecorators: { size: [{
type: Input
}], color: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG93bmxvYWRpbmctaWNvbi1hbmltYXRlZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pY29ucy1hbmltYXRlZC9zcmMvbGliL2ljb25zL2Rvd25sb2FkaW5nL2Rvd25sb2FkaW5nLWljb24tYW5pbWF0ZWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWNvbnMtYW5pbWF0ZWQvc3JjL2xpYi9pY29ucy9kb3dubG9hZGluZy9kb3dubG9hZGluZy1pY29uLWFuaW1hdGVkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7QUFRcEUsTUFBTSxPQUFPLGdDQUFnQztJQUkzQyxZQUFtQixXQUFpQztRQUFqQyxnQkFBVyxHQUFYLFdBQVcsQ0FBc0I7SUFDcEQsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLEVBQUUsSUFBSSxDQUFDLEtBQUssSUFBSSxNQUFNLENBQUMsQ0FBQztJQUM5RSxDQUFDOzs2SEFUVSxnQ0FBZ0M7aUhBQWhDLGdDQUFnQyxvR0FGaEMsQ0FBQyxvQkFBb0IsQ0FBQywwQkNQbkMsd2dFQU9BOzJGREVhLGdDQUFnQztrQkFONUMsU0FBUzsrQkFDRSxpQ0FBaUMsYUFHaEMsQ0FBQyxvQkFBb0IsQ0FBQzsyR0FHeEIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBJY29uc0FuaW1hdGVkU2VydmljZSB9IGZyb20gXCIuLi8uLi9pY29ucy1hbmltYXRlZC5zZXJ2aWNlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tvYWxhLWljb24tYW5pbWF0ZWQtZG93bmxvYWRpbmcnLFxuICB0ZW1wbGF0ZVVybDogJ2Rvd25sb2FkaW5nLWljb24tYW5pbWF0ZWQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnZG93bmxvYWRpbmctaWNvbi1hbmltYXRlZC5jb21wb25lbnQuY3NzJ10sXG4gIHByb3ZpZGVyczogW0ljb25zQW5pbWF0ZWRTZXJ2aWNlXVxufSlcbmV4cG9ydCBjbGFzcyBEb3dubG9hZGluZ0ljb25BbmltYXRlZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHNpemU/OiBudW1iZXI7XG4gIEBJbnB1dCgpIGNvbG9yPzogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBpY29uU2VydmljZTogSWNvbnNBbmltYXRlZFNlcnZpY2UpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuaWNvblNlcnZpY2UuaW5pdCgnZG93bmxvYWRpbmcnLCB0aGlzLnNpemUgPz8gMjIsIHRoaXMuY29sb3IgPz8gJyMwMDAnKTtcbiAgfVxufVxuIiwiPHN2ZyBbaWRdPVwiaWNvblNlcnZpY2UuaWRJY29uXCIgY2xhc3M9XCJrb2FsYS1pY29uLWFuaW1hdGVkIGRvd25sb2FkaW5nXCIgW3N0eWxlXT1cImljb25TZXJ2aWNlLnN0eWxlXCIgaWQ9XCJkb3dubG9hZGluZ1wiIHZpZXdCb3g9XCIwIDAgNTEyIDUxMlwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgPHBhdGggZD1cIk01Niw0OTZINDU2YTQwLjA0NSw0MC4wNDUsMCwwLDAsNDAtNDBWMTg0YTQwLjA0NSw0MC4wNDUsMCwwLDAtNDAtNDBoLThWMTA0YzAtLjA5Mi0uMDEtLjE4Mi0uMDE0LS4yNzRzLS4wMDctLjE3NC0uMDEyLS4yNjFhNy45ODgsNy45ODgsMCwwLDAtLjQtMi4wMjZjLS4wMjctLjA4MS0uMDU2LS4xNjEtLjA4Ni0uMjQxYTguMDY5LDguMDY5LDAsMCwwLS40LS45MTRjLS4wMDctLjAxMy0uMDEyLS4wMjctLjAxOS0uMDQxYTcuOTYsNy45NiwwLDAsMC0uNTU2LS44ODJjLS4wNS0uMDcxLS4xLS4xNC0uMTU0LS4yMDlhNy45NDcsNy45NDcsMCwwLDAtLjctLjgwOWwtODAtODBhOC4wMzksOC4wMzksMCwwLDAtLjgwNi0uNjk0Yy0uMDcxLS4wNTQtLjE0Mi0uMTA3LS4yMTQtLjE1OGE4LjIsOC4yLDAsMCwwLS44NzktLjU1M2MtLjAxNS0uMDA4LS4wMzItLjAxNC0uMDQ4LS4wMjJhNy44OTEsNy44OTEsMCwwLDAtLjkwOC0uNGMtLjA4LS4wMy0uMTU5LS4wNTktLjI0LS4wODZhNy45OTIsNy45OTIsMCwwLDAtMi4wMy0uNGMtLjA4NSwwLS4xNy0uMDA5LS4yNTYtLjAxMlMzNjAuMDkzLDE2LDM2MCwxNkgxNTJhNDAuMDQ1LDQwLjA0NSwwLDAsMC00MCw0MFY5Nkg1NmE0MC4wNDUsNDAuMDQ1LDAsMCwwLTQwLDQwVjQ1NkE0MC4wNDUsNDAuMDQ1LDAsMCwwLDU2LDQ5NlpNNDU2LDE2MGEyNC4wMjgsMjQuMDI4LDAsMCwxLDI0LDI0VjQ1NmEyNC4wMjgsMjQuMDI4LDAsMCwxLTI0LDI0SDQyNGEyNC4wMjgsMjQuMDI4LDAsMCwxLTI0LTI0di04aDhhNDAuMDQ1LDQwLjA0NSwwLDAsMCw0MC00MFYxNjBaTTQyMC42ODcsOTZIMzkyYTI0LjAyNywyNC4wMjcsMCwwLDEtMjQtMjRWNDMuMzEzWk0xMjgsNTZhMjQuMDI3LDI0LjAyNywwLDAsMSwyNC0yNEgzNTJWNzJhNDAuMDQ1LDQwLjA0NSwwLDAsMCw0MCw0MGg0MFY0MDhhMjQuMDI3LDI0LjAyNywwLDAsMS0yNCwyNGgtOFYyMzJhNDAuMDQ1LDQwLjA0NSwwLDAsMC00MC00MEgxOTJWMTM2YTQwLjA0NSw0MC4wNDUsMCwwLDAtNDAtNDBIMTI4Wk0zMiwxMzZhMjQuMDI4LDI0LjAyOCwwLDAsMSwyNC0yNGg5NmEyNC4wMjgsMjQuMDI4LDAsMCwxLDI0LDI0djY0YTgsOCwwLDAsMCw4LDhIMzYwYTI0LjAyOCwyNC4wMjgsMCwwLDEsMjQsMjRWNDU2YTM5Ljc5MiwzOS43OTIsMCwwLDAsOC4wMTksMjRINTZhMjQuMDI4LDI0LjAyOCwwLDAsMS0yNC0yNFpcIi8+XG4gIDxwYXRoIGNsYXNzPVwibGV0dGVyc1wiIGQ9XCJNMjcyLDE1MmE4LDgsMCwwLDAsOCw4SDM5MmE4LDgsMCwwLDAsMC0xNkgyODBBOCw4LDAsMCwwLDI3MiwxNTJaXCIvPlxuICA8cGF0aCBjbGFzcz1cImxldHRlcnNcIiBkPVwiTTIyNCwxMTJoNTZhOCw4LDAsMCwwLDAtMTZIMjI0YTgsOCwwLDAsMCwwLDE2WlwiLz5cbiAgPHBhdGggY2xhc3M9XCJsZXR0ZXJzXCIgZD1cIk0yNDgsMTQ0SDIzMmE4LDgsMCwwLDAsMCwxNmgxNmE4LDgsMCwwLDAsMC0xNlpcIi8+XG4gIDxwYXRoIGlkPVwiYXJyb3ctZG93blwiIGQ9XCJNMTc4LjkxNyw0MjkuMzI5QTgsOCwwLDAsMCwxODQuODc5LDQzMmguMDg4YTguMDA2LDguMDA2LDAsMCwwLDUuOTktMi44bDU1LjI5NC02NC42MTJhOCw4LDAsMCwwLTYuMDc3LTEzLjJoLS4wODlsLTI0LC4yNjQtLjk2Ny04Ny45OTVhOCw4LDAsMCwwLTgtNy45MTJoLS4wOWwtNDgsLjUyN2E4LDgsMCwwLDAtNy45MTEsOC4wODdsLjk2Nyw4OC0yNCwuMjY0YTgsOCwwLDAsMC01Ljg3NCwxMy4zMzNabS0xOC42NTEtNjEuMDY3YTgsOCwwLDAsMCw3LjkxMS04LjA4N2wtLjk2Ny04Ny45OTUsMzItLjM1MS45NjcsODcuOTk0YTcuOTY3LDcuOTY3LDAsMCwwLDguMDg4LDcuOTEybDE0LjM2OS0uMTU4LTM3Ljg4Nyw0NC4yN0wxNDUuOSwzNjguNDJaXCIvPlxuPC9zdmc+XG4iXX0=