@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.
119 lines (111 loc) • 24.1 kB
JavaScript
import * as i0 from '@angular/core';
import { Injectable, Component, Input, NgModule } from '@angular/core';
import { koala } from '@koalarx/utils';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';
class IconsAnimatedService {
init(icon, size, color) {
this.idIcon = `koala-icons_${koala(0).number().random(1, 30).getValue()}`;
this.style = `width: ${size}px;height: ${size}px;`;
this.intervalCheckElement = setInterval(() => {
const mainElementSelector = `svg#${this.idIcon}.${icon}`;
const elSvgIcon = document.querySelector(mainElementSelector);
if (elSvgIcon) {
document.querySelectorAll(`
${mainElementSelector} path,
${mainElementSelector} rect,
${mainElementSelector} circle,
${mainElementSelector} polygon
`).forEach(el => {
if (!el.style.fill) {
el.style.fill = color;
}
});
clearInterval(this.intervalCheckElement);
}
}, 1);
}
}
IconsAnimatedService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconsAnimatedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
IconsAnimatedService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconsAnimatedService });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconsAnimatedService, decorators: [{
type: Injectable
}] });
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: 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: IconsAnimatedService }]; }, propDecorators: { size: [{
type: Input
}], color: [{
type: Input
}] } });
class LoadingIconAnimatedComponent {
constructor(iconService) {
this.iconService = iconService;
}
ngOnInit() {
this.iconService.init('loading', this.size ?? 22, this.color ?? '#000');
}
}
LoadingIconAnimatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LoadingIconAnimatedComponent, deps: [{ token: IconsAnimatedService }], target: i0.ɵɵFactoryTarget.Component });
LoadingIconAnimatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: LoadingIconAnimatedComponent, selector: "koala-icon-animated-loading", inputs: { size: "size", color: "color" }, providers: [IconsAnimatedService], ngImport: i0, template: "<svg [id]=\"iconService.idIcon\" class=\"koala-icon-animated loading\" [style]=\"iconService.style\" id=\"loading\" enable-background=\"new 0 0 64 64\" viewBox=\"0 0 64 64\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m39 7v-2c-.746 0-1.492.075-2.216.224l.401 1.959c.593-.121 1.203-.183 1.815-.183z\"/>\n <path d=\"m35.527 7.694-.772-1.844c-4.104 1.717-6.755 5.701-6.755 10.15h2c0-3.64 2.169-6.9 5.527-8.306z\"/>\n <path d=\"m47.351 47.464 4.649-.581v-7.766l-4.649-.581c-.255-.876-.605-1.717-1.005-2.536h6.654c5.514 0 10-4.486 10-10 0-5.163-3.932-9.424-9-9.944 0-.019 0-.037 0-.056 0-8.271-6.729-15-15-15-4.935 0-9.307 2.406-12.042 6.095-1.552-.705-3.242-1.095-4.958-1.095-5.872 0-10.888 4.34-11.833 10.042-5.125.426-9.167 4.725-9.167 9.958 0 5.514 4.486 10 10 10h6.654c-.4.819-.751 1.66-1.005 2.536l-4.649.581v7.766l4.649.581c.327 1.124.775 2.207 1.341 3.233l-2.877 3.699 5.491 5.491 3.699-2.877c1.026.565 2.109 1.014 3.233 1.341l.581 4.649h7.766l.581-4.649c1.124-.327 2.207-.775 3.233-1.341l3.699 2.877 5.491-5.491-2.877-3.699c.566-1.026 1.014-2.109 1.341-3.233zm-44.351-21.464c0-4.411 3.589-8 8-8 2.118 0 4.114.819 5.62 2.307l1.405-1.423c-1.597-1.578-3.637-2.546-5.834-2.806.906-4.608 5.016-8.078 9.809-8.078 1.329 0 2.641.275 3.858.783-1.182 2.143-1.858 4.602-1.858 7.217h2c0-7.168 5.832-13 13-13s13 5.832 13 13c0 .28-.021.556-.048.931l-.027 1.069h1.075c4.411 0 8 3.589 8 8s-3.589 8-8 8h-5.976l1.864-2.396-5.491-5.491-3.699 2.877c-1.026-.565-2.109-1.014-3.233-1.341l-.582-4.649h-7.766l-.581 4.649c-1.124.327-2.207.775-3.233 1.341l-3.699-2.877-5.491 5.491 1.863 2.396h-5.976c-4.411 0-8-3.589-8-8zm43.225 28.23-2.994 2.994-3.382-2.63-.589.359c-1.225.746-2.55 1.295-3.941 1.634l-.67.163-.532 4.25h-4.234l-.531-4.25-.67-.163c-1.391-.338-2.716-.888-3.941-1.634l-.589-.359-3.382 2.63-2.994-2.994 2.63-3.382-.359-.589c-.746-1.225-1.295-2.55-1.634-3.941l-.163-.67-4.25-.531v-4.234l4.25-.531.163-.67c.338-1.391.888-2.716 1.634-3.941l.359-.589-2.63-3.382 2.994-2.994 3.382 2.63.589-.359c1.225-.746 2.55-1.295 3.941-1.634l.67-.163.531-4.25h4.234l.531 4.25.67.163c1.391.338 2.716.888 3.941 1.634l.589.359 3.382-2.63 2.994 2.994-2.63 3.382.359.589c.746 1.225 1.295 2.55 1.634 3.941l.163.67 4.25.531v4.234l-4.25.531-.163.67c-.338 1.391-.888 2.716-1.634 3.941l-.359.589z\"/>\n <path d=\"m32 35c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8zm0 14c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6z\"/>\n <path d=\"m41.824 41.122 1.965-.374c-.138-.726-.345-1.441-.614-2.127l-1.862.729c.224.572.396 1.168.511 1.772z\"/>\n <path d=\"m31.045 33.045-.188-1.991c-.736.069-1.468.208-2.176.411l.553 1.922c.589-.169 1.198-.284 1.811-.342z\"/>\n <path d=\"m24.593 36.282-1.481-1.344c-.496.546-.943 1.141-1.331 1.768l1.702 1.051c.323-.523.696-1.019 1.11-1.475z\"/>\n <path d=\"m35.245 31.444c-.71-.199-1.442-.333-2.177-.397l-.176 1.992c.612.054 1.222.166 1.814.331z\"/>\n <path d=\"m42.18 36.644c-.39-.625-.842-1.217-1.341-1.76l-1.473 1.353c.417.454.793.948 1.119 1.468z\"/>\n <path d=\"m39.199 33.398c-.591-.444-1.226-.834-1.885-1.161l-.887 1.793c.55.271 1.078.597 1.571.967z\"/>\n <path d=\"m27.517 34.059-.896-1.788c-.658.33-1.29.725-1.878 1.172l1.211 1.592c.49-.373 1.016-.702 1.563-.976z\"/>\n <path d=\"m34.746 52.618.548 1.924c.709-.202 1.403-.472 2.064-.802l-.894-1.789c-.55.275-1.128.499-1.718.667z\"/>\n <path d=\"m22.664 39.409-1.866-.719c-.265.688-.467 1.405-.6 2.132l1.967.36c.11-.604.278-1.201.499-1.773z\"/>\n <path d=\"m44 43.031v-.077l-2 .046c0 .618-.057 1.236-.168 1.838l1.967.365c.133-.722.201-1.463.201-2.172z\"/>\n <path d=\"m32.014 53c-.314-.006-.621-.014-.925-.041l-.183 1.991c.366.034.712.049 1.11.05.371 0 .739-.018 1.103-.051l-.185-1.991c-.303.027-.609.042-.92.042z\"/>\n <path d=\"m40.506 48.26 1.699 1.055c.389-.627.721-1.294.988-1.982l-1.865-.723c-.221.573-.498 1.128-.822 1.65z\"/>\n <path d=\"m38.031 50.977 1.207 1.595c.588-.445 1.138-.947 1.634-1.492l-1.479-1.347c-.414.454-.872.873-1.362 1.244z\"/>\n <path d=\"m26.664 53.751c.66.328 1.355.597 2.066.798l.544-1.925c-.592-.167-1.17-.391-1.72-.664z\"/>\n <path d=\"m22 43.021-2 .004c.001.74.071 1.481.207 2.203l1.966-.369c-.114-.602-.172-1.22-.173-1.838z\"/>\n <path d=\"m23.144 51.099c.498.544 1.049 1.045 1.637 1.488l1.204-1.597c-.491-.37-.95-.788-1.366-1.242z\"/>\n <path d=\"m22.679 46.63-1.863.727c.267.685.601 1.351.991 1.979l1.698-1.057c-.326-.524-.604-1.078-.826-1.649z\"/>\n <path id=\"spinner_right\" d=\"m58 37c-1.654 0-3 1.346-3 3 0 1.301.837 2.4 1.997 2.815 0 .062.003.123.003.185 0 6.898-2.892 13.558-7.935 18.27l1.365 1.461c5.446-5.089 8.57-12.281 8.57-19.731 0-.061-.003-.122-.004-.183 1.164-.413 2.004-1.514 2.004-2.817 0-1.654-1.346-3-3-3zm0 4c-.551 0-1-.449-1-1s.449-1 1-1 1 .449 1 1-.449 1-1 1z\"/>\n <path id=\"spinner_left\" d=\"m12 57c-.221 0-.435.028-.643.073-2.842-4.157-4.357-9-4.357-14.073 0-1.618.155-3.236.462-4.809l-1.963-.383c-.331 1.699-.499 3.446-.499 5.192 0 5.454 1.622 10.662 4.665 15.139-.41.513-.665 1.155-.665 1.861 0 1.654 1.346 3 3 3s3-1.346 3-3-1.346-3-3-3zm0 4c-.551 0-1-.449-1-1s.449-1 1-1 1 .449 1 1-.449 1-1 1z\"/>\n</svg>\n", styles: [".koala-icon-animated{overflow:visible;display:block;margin:auto}.koala-icon-animated.loading{animation:shake 1.5s infinite alternate ease-in-out}.koala-icon-animated.loading #spinner_left{animation:rotateLeft 1.4s infinite linear reverse;transform-origin:50% 68%}.koala-icon-animated.loading #spinner_right{animation:rotateRight 1.4s infinite linear reverse;transform-origin:50% 68%}@keyframes shake{0%{transform:translateY(5px)}}@keyframes rotateLeft{0%{transform:rotate(-147.5deg)}}@keyframes rotateRight{0%{transform:rotate(-215.5deg)}}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LoadingIconAnimatedComponent, decorators: [{
type: Component,
args: [{ selector: 'koala-icon-animated-loading', providers: [IconsAnimatedService], template: "<svg [id]=\"iconService.idIcon\" class=\"koala-icon-animated loading\" [style]=\"iconService.style\" id=\"loading\" enable-background=\"new 0 0 64 64\" viewBox=\"0 0 64 64\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m39 7v-2c-.746 0-1.492.075-2.216.224l.401 1.959c.593-.121 1.203-.183 1.815-.183z\"/>\n <path d=\"m35.527 7.694-.772-1.844c-4.104 1.717-6.755 5.701-6.755 10.15h2c0-3.64 2.169-6.9 5.527-8.306z\"/>\n <path d=\"m47.351 47.464 4.649-.581v-7.766l-4.649-.581c-.255-.876-.605-1.717-1.005-2.536h6.654c5.514 0 10-4.486 10-10 0-5.163-3.932-9.424-9-9.944 0-.019 0-.037 0-.056 0-8.271-6.729-15-15-15-4.935 0-9.307 2.406-12.042 6.095-1.552-.705-3.242-1.095-4.958-1.095-5.872 0-10.888 4.34-11.833 10.042-5.125.426-9.167 4.725-9.167 9.958 0 5.514 4.486 10 10 10h6.654c-.4.819-.751 1.66-1.005 2.536l-4.649.581v7.766l4.649.581c.327 1.124.775 2.207 1.341 3.233l-2.877 3.699 5.491 5.491 3.699-2.877c1.026.565 2.109 1.014 3.233 1.341l.581 4.649h7.766l.581-4.649c1.124-.327 2.207-.775 3.233-1.341l3.699 2.877 5.491-5.491-2.877-3.699c.566-1.026 1.014-2.109 1.341-3.233zm-44.351-21.464c0-4.411 3.589-8 8-8 2.118 0 4.114.819 5.62 2.307l1.405-1.423c-1.597-1.578-3.637-2.546-5.834-2.806.906-4.608 5.016-8.078 9.809-8.078 1.329 0 2.641.275 3.858.783-1.182 2.143-1.858 4.602-1.858 7.217h2c0-7.168 5.832-13 13-13s13 5.832 13 13c0 .28-.021.556-.048.931l-.027 1.069h1.075c4.411 0 8 3.589 8 8s-3.589 8-8 8h-5.976l1.864-2.396-5.491-5.491-3.699 2.877c-1.026-.565-2.109-1.014-3.233-1.341l-.582-4.649h-7.766l-.581 4.649c-1.124.327-2.207.775-3.233 1.341l-3.699-2.877-5.491 5.491 1.863 2.396h-5.976c-4.411 0-8-3.589-8-8zm43.225 28.23-2.994 2.994-3.382-2.63-.589.359c-1.225.746-2.55 1.295-3.941 1.634l-.67.163-.532 4.25h-4.234l-.531-4.25-.67-.163c-1.391-.338-2.716-.888-3.941-1.634l-.589-.359-3.382 2.63-2.994-2.994 2.63-3.382-.359-.589c-.746-1.225-1.295-2.55-1.634-3.941l-.163-.67-4.25-.531v-4.234l4.25-.531.163-.67c.338-1.391.888-2.716 1.634-3.941l.359-.589-2.63-3.382 2.994-2.994 3.382 2.63.589-.359c1.225-.746 2.55-1.295 3.941-1.634l.67-.163.531-4.25h4.234l.531 4.25.67.163c1.391.338 2.716.888 3.941 1.634l.589.359 3.382-2.63 2.994 2.994-2.63 3.382.359.589c.746 1.225 1.295 2.55 1.634 3.941l.163.67 4.25.531v4.234l-4.25.531-.163.67c-.338 1.391-.888 2.716-1.634 3.941l-.359.589z\"/>\n <path d=\"m32 35c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8zm0 14c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6z\"/>\n <path d=\"m41.824 41.122 1.965-.374c-.138-.726-.345-1.441-.614-2.127l-1.862.729c.224.572.396 1.168.511 1.772z\"/>\n <path d=\"m31.045 33.045-.188-1.991c-.736.069-1.468.208-2.176.411l.553 1.922c.589-.169 1.198-.284 1.811-.342z\"/>\n <path d=\"m24.593 36.282-1.481-1.344c-.496.546-.943 1.141-1.331 1.768l1.702 1.051c.323-.523.696-1.019 1.11-1.475z\"/>\n <path d=\"m35.245 31.444c-.71-.199-1.442-.333-2.177-.397l-.176 1.992c.612.054 1.222.166 1.814.331z\"/>\n <path d=\"m42.18 36.644c-.39-.625-.842-1.217-1.341-1.76l-1.473 1.353c.417.454.793.948 1.119 1.468z\"/>\n <path d=\"m39.199 33.398c-.591-.444-1.226-.834-1.885-1.161l-.887 1.793c.55.271 1.078.597 1.571.967z\"/>\n <path d=\"m27.517 34.059-.896-1.788c-.658.33-1.29.725-1.878 1.172l1.211 1.592c.49-.373 1.016-.702 1.563-.976z\"/>\n <path d=\"m34.746 52.618.548 1.924c.709-.202 1.403-.472 2.064-.802l-.894-1.789c-.55.275-1.128.499-1.718.667z\"/>\n <path d=\"m22.664 39.409-1.866-.719c-.265.688-.467 1.405-.6 2.132l1.967.36c.11-.604.278-1.201.499-1.773z\"/>\n <path d=\"m44 43.031v-.077l-2 .046c0 .618-.057 1.236-.168 1.838l1.967.365c.133-.722.201-1.463.201-2.172z\"/>\n <path d=\"m32.014 53c-.314-.006-.621-.014-.925-.041l-.183 1.991c.366.034.712.049 1.11.05.371 0 .739-.018 1.103-.051l-.185-1.991c-.303.027-.609.042-.92.042z\"/>\n <path d=\"m40.506 48.26 1.699 1.055c.389-.627.721-1.294.988-1.982l-1.865-.723c-.221.573-.498 1.128-.822 1.65z\"/>\n <path d=\"m38.031 50.977 1.207 1.595c.588-.445 1.138-.947 1.634-1.492l-1.479-1.347c-.414.454-.872.873-1.362 1.244z\"/>\n <path d=\"m26.664 53.751c.66.328 1.355.597 2.066.798l.544-1.925c-.592-.167-1.17-.391-1.72-.664z\"/>\n <path d=\"m22 43.021-2 .004c.001.74.071 1.481.207 2.203l1.966-.369c-.114-.602-.172-1.22-.173-1.838z\"/>\n <path d=\"m23.144 51.099c.498.544 1.049 1.045 1.637 1.488l1.204-1.597c-.491-.37-.95-.788-1.366-1.242z\"/>\n <path d=\"m22.679 46.63-1.863.727c.267.685.601 1.351.991 1.979l1.698-1.057c-.326-.524-.604-1.078-.826-1.649z\"/>\n <path id=\"spinner_right\" d=\"m58 37c-1.654 0-3 1.346-3 3 0 1.301.837 2.4 1.997 2.815 0 .062.003.123.003.185 0 6.898-2.892 13.558-7.935 18.27l1.365 1.461c5.446-5.089 8.57-12.281 8.57-19.731 0-.061-.003-.122-.004-.183 1.164-.413 2.004-1.514 2.004-2.817 0-1.654-1.346-3-3-3zm0 4c-.551 0-1-.449-1-1s.449-1 1-1 1 .449 1 1-.449 1-1 1z\"/>\n <path id=\"spinner_left\" d=\"m12 57c-.221 0-.435.028-.643.073-2.842-4.157-4.357-9-4.357-14.073 0-1.618.155-3.236.462-4.809l-1.963-.383c-.331 1.699-.499 3.446-.499 5.192 0 5.454 1.622 10.662 4.665 15.139-.41.513-.665 1.155-.665 1.861 0 1.654 1.346 3 3 3s3-1.346 3-3-1.346-3-3-3zm0 4c-.551 0-1-.449-1-1s.449-1 1-1 1 .449 1 1-.449 1-1 1z\"/>\n</svg>\n", styles: [".koala-icon-animated{overflow:visible;display:block;margin:auto}.koala-icon-animated.loading{animation:shake 1.5s infinite alternate ease-in-out}.koala-icon-animated.loading #spinner_left{animation:rotateLeft 1.4s infinite linear reverse;transform-origin:50% 68%}.koala-icon-animated.loading #spinner_right{animation:rotateRight 1.4s infinite linear reverse;transform-origin:50% 68%}@keyframes shake{0%{transform:translateY(5px)}}@keyframes rotateLeft{0%{transform:rotate(-147.5deg)}}@keyframes rotateRight{0%{transform:rotate(-215.5deg)}}\n"] }]
}], ctorParameters: function () { return [{ type: IconsAnimatedService }]; }, propDecorators: { size: [{
type: Input
}], color: [{
type: Input
}] } });
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: LoadingIconAnimatedComponent, selector: "koala-icon-animated-loading", inputs: ["size", "color"] }, { kind: "component", type: 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
}] } });
class KoalaIconsAnimatedModule {
}
KoalaIconsAnimatedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KoalaIconsAnimatedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
KoalaIconsAnimatedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: KoalaIconsAnimatedModule, declarations: [IconsAnimatedComponent,
LoadingIconAnimatedComponent,
DownloadingIconAnimatedComponent], imports: [CommonModule], exports: [IconsAnimatedComponent] });
KoalaIconsAnimatedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KoalaIconsAnimatedModule, imports: [CommonModule] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KoalaIconsAnimatedModule, decorators: [{
type: NgModule,
args: [{
exports: [
IconsAnimatedComponent
],
declarations: [
IconsAnimatedComponent,
LoadingIconAnimatedComponent,
DownloadingIconAnimatedComponent
],
imports: [
CommonModule
]
}]
}] });
/**
* Generated bundle index. Do not edit.
*/
export { DownloadingIconAnimatedComponent, IconsAnimatedComponent, KoalaIconsAnimatedModule, LoadingIconAnimatedComponent };
//# sourceMappingURL=koalarx-ui-icons-animated.mjs.map