@koalarx/ui 12.4.1 → 12.4.2

package/icons-animated/esm2015/lib/icons/downloading/downloading-icon-animated.component.js

@@ -0,0 +1,28 @@
+import { Component, Input } from "@angular/core";
+import { IconsAnimatedService } from "../../icons-animated.service";
+export class DownloadingIconAnimatedComponent {
+    constructor(iconService) {
+        this.iconService = iconService;
+        this.size = 22;
+        this.color = '#000';
+    }
+    ngOnInit() {
+        this.iconService.init('downloading', this.size, this.color);
+    }
+}
+DownloadingIconAnimatedComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'koala-icon-animated-downloading',
+                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",
+                providers: [IconsAnimatedService],
+                styles: [".koala-icon-animated{overflow:visible;display:block;margin:auto}.koala-icon-animated.downloading #arrow-down{-webkit-animation:downloading-arrow 1.4s infinite ease-in-out;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}@-webkit-keyframes downloading-arrow{0%{transform:translateY(-30px);opacity:0}}@keyframes downloading-arrow{0%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes downloading-letters{0%{transform:rotateX(0);opacity:1}}@keyframes downloading-letters{0%{transform:rotateX(0);opacity:1}}\n"]
+            },] }
+];
+DownloadingIconAnimatedComponent.ctorParameters = () => [
+    { type: IconsAnimatedService }
+];
+DownloadingIconAnimatedComponent.propDecorators = {
+    size: [{ type: Input }],
+    color: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG93bmxvYWRpbmctaWNvbi1hbmltYXRlZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pY29ucy1hbmltYXRlZC9zcmMvbGliL2ljb25zL2Rvd25sb2FkaW5nL2Rvd25sb2FkaW5nLWljb24tYW5pbWF0ZWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBUXBFLE1BQU0sT0FBTyxnQ0FBZ0M7SUFJM0MsWUFBbUIsV0FBaUM7UUFBakMsZ0JBQVcsR0FBWCxXQUFXLENBQXNCO1FBSDNDLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbEIsVUFBSyxHQUFXLE1BQU0sQ0FBQztJQUdoQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5RCxDQUFDOzs7WUFmRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlDQUFpQztnQkFDM0Msa2hFQUF1RDtnQkFFdkQsU0FBUyxFQUFFLENBQUMsb0JBQW9CLENBQUM7O2FBQ2xDOzs7WUFQUSxvQkFBb0I7OzttQkFTMUIsS0FBSztvQkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEljb25zQW5pbWF0ZWRTZXJ2aWNlIH0gZnJvbSBcIi4uLy4uL2ljb25zLWFuaW1hdGVkLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna29hbGEtaWNvbi1hbmltYXRlZC1kb3dubG9hZGluZycsXG4gIHRlbXBsYXRlVXJsOiAnZG93bmxvYWRpbmctaWNvbi1hbmltYXRlZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydkb3dubG9hZGluZy1pY29uLWFuaW1hdGVkLmNvbXBvbmVudC5jc3MnXSxcbiAgcHJvdmlkZXJzOiBbSWNvbnNBbmltYXRlZFNlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIERvd25sb2FkaW5nSWNvbkFuaW1hdGVkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc2l6ZTogbnVtYmVyID0gMjI7XG4gIEBJbnB1dCgpIGNvbG9yOiBzdHJpbmcgPSAnIzAwMCc7XG5cbiAgY29uc3RydWN0b3IocHVibGljIGljb25TZXJ2aWNlOiBJY29uc0FuaW1hdGVkU2VydmljZSkge1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5pY29uU2VydmljZS5pbml0KCdkb3dubG9hZGluZycsIHRoaXMuc2l6ZSwgdGhpcy5jb2xvcik7XG4gIH1cbn1cbiJdfQ==

package/icons-animated/esm2015/lib/icons/loading/loading-icon-animated.component.js

@@ -0,0 +1,28 @@
+import { Component, Input } from "@angular/core";
+import { IconsAnimatedService } from "../../icons-animated.service";
+export class LoadingIconAnimatedComponent {
+    constructor(iconService) {
+        this.iconService = iconService;
+        this.size = 22;
+        this.color = '#000';
+    }
+    ngOnInit() {
+        this.iconService.init('loading', this.size, this.color);
+    }
+}
+LoadingIconAnimatedComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'koala-icon-animated-loading',
+                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",
+                providers: [IconsAnimatedService],
+                styles: [".koala-icon-animated{overflow:visible;display:block;margin:auto}.koala-icon-animated.loading{-webkit-animation:shake 1.5s infinite alternate ease-in-out;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%}@-webkit-keyframes shake{0%{transform:translateY(5px)}}@keyframes shake{0%{transform:translateY(5px)}}@-webkit-keyframes rotateLeft{0%{transform:rotate(-147.5deg)}}@keyframes rotateLeft{0%{transform:rotate(-147.5deg)}}@-webkit-keyframes rotateRight{0%{transform:rotate(-215.5deg)}}@keyframes rotateRight{0%{transform:rotate(-215.5deg)}}\n"]
+            },] }
+];
+LoadingIconAnimatedComponent.ctorParameters = () => [
+    { type: IconsAnimatedService }
+];
+LoadingIconAnimatedComponent.propDecorators = {
+    size: [{ type: Input }],
+    color: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pY29uLWFuaW1hdGVkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ljb25zLWFuaW1hdGVkL3NyYy9saWIvaWNvbnMvbG9hZGluZy9sb2FkaW5nLWljb24tYW5pbWF0ZWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBUXBFLE1BQU0sT0FBTyw0QkFBNEI7SUFJdkMsWUFBbUIsV0FBaUM7UUFBakMsZ0JBQVcsR0FBWCxXQUFXLENBQXNCO1FBSDNDLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbEIsVUFBSyxHQUFXLE1BQU0sQ0FBQztJQUdoQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxRCxDQUFDOzs7WUFmRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtnQkFDdkMsZytKQUFtRDtnQkFFbkQsU0FBUyxFQUFFLENBQUMsb0JBQW9CLENBQUM7O2FBQ2xDOzs7WUFQUSxvQkFBb0I7OzttQkFTMUIsS0FBSztvQkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEljb25zQW5pbWF0ZWRTZXJ2aWNlIH0gZnJvbSBcIi4uLy4uL2ljb25zLWFuaW1hdGVkLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna29hbGEtaWNvbi1hbmltYXRlZC1sb2FkaW5nJyxcbiAgdGVtcGxhdGVVcmw6ICdsb2FkaW5nLWljb24tYW5pbWF0ZWQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnbG9hZGluZy1pY29uLWFuaW1hdGVkLmNvbXBvbmVudC5jc3MnXSxcbiAgcHJvdmlkZXJzOiBbSWNvbnNBbmltYXRlZFNlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdJY29uQW5pbWF0ZWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBzaXplOiBudW1iZXIgPSAyMjtcbiAgQElucHV0KCkgY29sb3I6IHN0cmluZyA9ICcjMDAwJztcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgaWNvblNlcnZpY2U6IEljb25zQW5pbWF0ZWRTZXJ2aWNlKSB7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmljb25TZXJ2aWNlLmluaXQoJ2xvYWRpbmcnLCB0aGlzLnNpemUsIHRoaXMuY29sb3IpO1xuICB9XG59XG4iXX0=

package/icons-animated/esm2015/lib/icons-animated.component.js

@@ -0,0 +1,15 @@
+import { Component, Input } from "@angular/core";
+export class IconsAnimatedComponent {
+}
+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"
+            },] }
+];
+IconsAnimatedComponent.propDecorators = {
+    icon: [{ type: Input }],
+    color: [{ type: Input }],
+    size: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMtYW5pbWF0ZWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvaWNvbnMtYW5pbWF0ZWQvc3JjL2xpYi9pY29ucy1hbmltYXRlZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFNakQsTUFBTSxPQUFPLHNCQUFzQjs7O1lBSmxDLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUscUJBQXFCO2dCQUMvQixnV0FBNEM7YUFDN0M7OzttQkFFRSxLQUFLO29CQUNMLEtBQUs7bUJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdrb2FsYS1pY29uLWFuaW1hdGVkJyxcbiAgdGVtcGxhdGVVcmw6ICdpY29ucy1hbmltYXRlZC5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgSWNvbnNBbmltYXRlZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGljb24/OiAnbG9hZGluZyd8J2Rvd25sb2FkaW5nJztcbiAgQElucHV0KCkgY29sb3I/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNpemU/OiBudW1iZXI7XG59XG4iXX0=

package/icons-animated/esm2015/lib/icons-animated.service.js

@@ -0,0 +1,29 @@
+import { Injectable } from "@angular/core";
+import { koala } from "@koalarx/utils";
+export 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.decorators = [
+    { type: Injectable }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMtYW5pbWF0ZWQuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2ljb25zLWFuaW1hdGVkL3NyYy9saWIvaWNvbnMtYW5pbWF0ZWQuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUd2QyxNQUFNLE9BQU8sb0JBQW9CO0lBS3hCLElBQUksQ0FBQyxJQUFZLEVBQUUsSUFBWSxFQUFFLEtBQWE7UUFDbkQsSUFBSSxDQUFDLE1BQU0sR0FBRyxlQUFlLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUM7UUFDMUUsSUFBSSxDQUFDLEtBQUssR0FBRyxVQUFVLElBQUksY0FBYyxJQUFJLEtBQUssQ0FBQztRQUNuRCxJQUFJLENBQUMsb0JBQW9CLEdBQUcsV0FBVyxDQUFDLEdBQUcsRUFBRTtZQUMzQyxNQUFNLG1CQUFtQixHQUFHLE9BQU8sSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUN6RCxNQUFNLFNBQVMsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLG1CQUFtQixDQUFlLENBQUM7WUFDNUUsSUFBSSxTQUFTLEVBQUU7Z0JBQ2IsUUFBUSxDQUFDLGdCQUFnQixDQUFpQjtZQUN0QyxtQkFBbUI7WUFDbkIsbUJBQW1CO1lBQ25CLG1CQUFtQjtZQUNuQixtQkFBbUI7U0FDdEIsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsRUFBRTtvQkFDZCxJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUU7d0JBQ2xCLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztxQkFDdkI7Z0JBQ0gsQ0FBQyxDQUFDLENBQUM7Z0JBQ0gsYUFBYSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO2FBQzFDO1FBQ0gsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ1IsQ0FBQzs7O1lBMUJGLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IGtvYWxhIH0gZnJvbSBcIkBrb2FsYXJ4L3V0aWxzXCI7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBJY29uc0FuaW1hdGVkU2VydmljZSB7XG4gIHB1YmxpYyBpbnRlcnZhbENoZWNrRWxlbWVudDogYW55O1xuICBwdWJsaWMgc3R5bGU/OiBzdHJpbmc7XG4gIHB1YmxpYyBpZEljb24/OiBzdHJpbmc7XG5cbiAgcHVibGljIGluaXQoaWNvbjogc3RyaW5nLCBzaXplOiBudW1iZXIsIGNvbG9yOiBzdHJpbmcpIHtcbiAgICB0aGlzLmlkSWNvbiA9IGBrb2FsYS1pY29uc18ke2tvYWxhKDApLm51bWJlcigpLnJhbmRvbSgxLCAzMCkuZ2V0VmFsdWUoKX1gO1xuICAgIHRoaXMuc3R5bGUgPSBgd2lkdGg6ICR7c2l6ZX1weDtoZWlnaHQ6ICR7c2l6ZX1weDtgO1xuICAgIHRoaXMuaW50ZXJ2YWxDaGVja0VsZW1lbnQgPSBzZXRJbnRlcnZhbCgoKSA9PiB7XG4gICAgICBjb25zdCBtYWluRWxlbWVudFNlbGVjdG9yID0gYHN2ZyMke3RoaXMuaWRJY29ufS4ke2ljb259YDtcbiAgICAgIGNvbnN0IGVsU3ZnSWNvbiA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IobWFpbkVsZW1lbnRTZWxlY3RvcikgYXMgU1ZHRWxlbWVudDtcbiAgICAgIGlmIChlbFN2Z0ljb24pIHtcbiAgICAgICAgZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbDxTVkdQYXRoRWxlbWVudD4oYFxuICAgICAgICAgICR7bWFpbkVsZW1lbnRTZWxlY3Rvcn0gcGF0aCxcbiAgICAgICAgICAke21haW5FbGVtZW50U2VsZWN0b3J9IHJlY3QsXG4gICAgICAgICAgJHttYWluRWxlbWVudFNlbGVjdG9yfSBjaXJjbGUsXG4gICAgICAgICAgJHttYWluRWxlbWVudFNlbGVjdG9yfSBwb2x5Z29uXG4gICAgICAgIGApLmZvckVhY2goZWwgPT4ge1xuICAgICAgICAgIGlmICghZWwuc3R5bGUuZmlsbCkge1xuICAgICAgICAgICAgZWwuc3R5bGUuZmlsbCA9IGNvbG9yO1xuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICAgIGNsZWFySW50ZXJ2YWwodGhpcy5pbnRlcnZhbENoZWNrRWxlbWVudCk7XG4gICAgICB9XG4gICAgfSwgMSk7XG4gIH1cbn1cbiJdfQ==

package/icons-animated/esm2015/lib/koala-icons-animated.module.js

@@ -0,0 +1,23 @@
+import { NgModule } from "@angular/core";
+import { LoadingIconAnimatedComponent } from "./icons/loading/loading-icon-animated.component";
+import { CommonModule } from "@angular/common";
+import { IconsAnimatedComponent } from "./icons-animated.component";
+import { DownloadingIconAnimatedComponent } from "./icons/downloading/downloading-icon-animated.component";
+export class KoalaIconsAnimatedModule {
+}
+KoalaIconsAnimatedModule.decorators = [
+    { type: NgModule, args: [{
+                exports: [
+                    IconsAnimatedComponent
+                ],
+                declarations: [
+                    IconsAnimatedComponent,
+                    LoadingIconAnimatedComponent,
+                    DownloadingIconAnimatedComponent
+                ],
+                imports: [
+                    CommonModule
+                ]
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEtaWNvbnMtYW5pbWF0ZWQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvaWNvbnMtYW5pbWF0ZWQvc3JjL2xpYi9rb2FsYS1pY29ucy1hbmltYXRlZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUMvRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0seURBQXlELENBQUM7QUFlM0csTUFBTSxPQUFPLHdCQUF3Qjs7O1lBYnBDLFFBQVEsU0FBQztnQkFDUixPQUFPLEVBQUU7b0JBQ1Asc0JBQXNCO2lCQUN2QjtnQkFDRCxZQUFZLEVBQUU7b0JBQ1osc0JBQXNCO29CQUN0Qiw0QkFBNEI7b0JBQzVCLGdDQUFnQztpQkFDakM7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7aUJBQ2I7YUFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IExvYWRpbmdJY29uQW5pbWF0ZWRDb21wb25lbnQgfSBmcm9tIFwiLi9pY29ucy9sb2FkaW5nL2xvYWRpbmctaWNvbi1hbmltYXRlZC5jb21wb25lbnRcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IEljb25zQW5pbWF0ZWRDb21wb25lbnQgfSBmcm9tIFwiLi9pY29ucy1hbmltYXRlZC5jb21wb25lbnRcIjtcbmltcG9ydCB7IERvd25sb2FkaW5nSWNvbkFuaW1hdGVkQ29tcG9uZW50IH0gZnJvbSBcIi4vaWNvbnMvZG93bmxvYWRpbmcvZG93bmxvYWRpbmctaWNvbi1hbmltYXRlZC5jb21wb25lbnRcIjtcblxuQE5nTW9kdWxlKHtcbiAgZXhwb3J0czogW1xuICAgIEljb25zQW5pbWF0ZWRDb21wb25lbnRcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgSWNvbnNBbmltYXRlZENvbXBvbmVudCxcbiAgICBMb2FkaW5nSWNvbkFuaW1hdGVkQ29tcG9uZW50LFxuICAgIERvd25sb2FkaW5nSWNvbkFuaW1hdGVkQ29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGVcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBLb2FsYUljb25zQW5pbWF0ZWRNb2R1bGUge31cbiJdfQ==

package/icons-animated/fesm2015/koalarx-ui-icons-animated.js

@@ -0,0 +1,121 @@
+import { Injectable, Component, Input, NgModule } from '@angular/core';
+import { koala } from '@koalarx/utils';
+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.decorators = [
+    { type: Injectable }
+];
+
+class DownloadingIconAnimatedComponent {
+    constructor(iconService) {
+        this.iconService = iconService;
+        this.size = 22;
+        this.color = '#000';
+    }
+    ngOnInit() {
+        this.iconService.init('downloading', this.size, this.color);
+    }
+}
+DownloadingIconAnimatedComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'koala-icon-animated-downloading',
+                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",
+                providers: [IconsAnimatedService],
+                styles: [".koala-icon-animated{overflow:visible;display:block;margin:auto}.koala-icon-animated.downloading #arrow-down{-webkit-animation:downloading-arrow 1.4s infinite ease-in-out;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}@-webkit-keyframes downloading-arrow{0%{transform:translateY(-30px);opacity:0}}@keyframes downloading-arrow{0%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes downloading-letters{0%{transform:rotateX(0);opacity:1}}@keyframes downloading-letters{0%{transform:rotateX(0);opacity:1}}\n"]
+            },] }
+];
+DownloadingIconAnimatedComponent.ctorParameters = () => [
+    { type: IconsAnimatedService }
+];
+DownloadingIconAnimatedComponent.propDecorators = {
+    size: [{ type: Input }],
+    color: [{ type: Input }]
+};
+
+class LoadingIconAnimatedComponent {
+    constructor(iconService) {
+        this.iconService = iconService;
+        this.size = 22;
+        this.color = '#000';
+    }
+    ngOnInit() {
+        this.iconService.init('loading', this.size, this.color);
+    }
+}
+LoadingIconAnimatedComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'koala-icon-animated-loading',
+                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",
+                providers: [IconsAnimatedService],
+                styles: [".koala-icon-animated{overflow:visible;display:block;margin:auto}.koala-icon-animated.loading{-webkit-animation:shake 1.5s infinite alternate ease-in-out;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%}@-webkit-keyframes shake{0%{transform:translateY(5px)}}@keyframes shake{0%{transform:translateY(5px)}}@-webkit-keyframes rotateLeft{0%{transform:rotate(-147.5deg)}}@keyframes rotateLeft{0%{transform:rotate(-147.5deg)}}@-webkit-keyframes rotateRight{0%{transform:rotate(-215.5deg)}}@keyframes rotateRight{0%{transform:rotate(-215.5deg)}}\n"]
+            },] }
+];
+LoadingIconAnimatedComponent.ctorParameters = () => [
+    { type: IconsAnimatedService }
+];
+LoadingIconAnimatedComponent.propDecorators = {
+    size: [{ type: Input }],
+    color: [{ type: Input }]
+};
+
+class IconsAnimatedComponent {
+}
+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"
+            },] }
+];
+IconsAnimatedComponent.propDecorators = {
+    icon: [{ type: Input }],
+    color: [{ type: Input }],
+    size: [{ type: Input }]
+};
+
+class KoalaIconsAnimatedModule {
+}
+KoalaIconsAnimatedModule.decorators = [
+    { type: NgModule, args: [{
+                exports: [
+                    IconsAnimatedComponent
+                ],
+                declarations: [
+                    IconsAnimatedComponent,
+                    LoadingIconAnimatedComponent,
+                    DownloadingIconAnimatedComponent
+                ],
+                imports: [
+                    CommonModule
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DownloadingIconAnimatedComponent, IconsAnimatedComponent, KoalaIconsAnimatedModule, LoadingIconAnimatedComponent, IconsAnimatedService as ɵa };
+//# sourceMappingURL=koalarx-ui-icons-animated.js.map

package/icons-animated/fesm2015/koalarx-ui-icons-animated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-icons-animated.js","sources":["../../../projects/icons-animated/src/lib/icons-animated.service.ts","../../../projects/icons-animated/src/lib/icons/downloading/downloading-icon-animated.component.ts","../../../projects/icons-animated/src/lib/icons/loading/loading-icon-animated.component.ts","../../../projects/icons-animated/src/lib/icons-animated.component.ts","../../../projects/icons-animated/src/lib/koala-icons-animated.module.ts","../../../projects/icons-animated/src/koalarx-ui-icons-animated.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\nimport { koala } from \"@koalarx/utils\";\n\n@Injectable()\nexport class IconsAnimatedService {\n  public intervalCheckElement: any;\n  public style?: string;\n  public idIcon?: string;\n\n  public init(icon: string, size: number, color: string) {\n    this.idIcon = `koala-icons_${koala(0).number().random(1, 30).getValue()}`;\n    this.style = `width: ${size}px;height: ${size}px;`;\n    this.intervalCheckElement = setInterval(() => {\n      const mainElementSelector = `svg#${this.idIcon}.${icon}`;\n      const elSvgIcon = document.querySelector(mainElementSelector) as SVGElement;\n      if (elSvgIcon) {\n        document.querySelectorAll<SVGPathElement>(`\n          ${mainElementSelector} path,\n          ${mainElementSelector} rect,\n          ${mainElementSelector} circle,\n          ${mainElementSelector} polygon\n        `).forEach(el => {\n          if (!el.style.fill) {\n            el.style.fill = color;\n          }\n        });\n        clearInterval(this.intervalCheckElement);\n      }\n    }, 1);\n  }\n}\n","import { Component, Input, OnInit } from \"@angular/core\";\nimport { IconsAnimatedService } from \"../../icons-animated.service\";\n\n@Component({\n  selector: 'koala-icon-animated-downloading',\n  templateUrl: 'downloading-icon-animated.component.html',\n  styleUrls: ['downloading-icon-animated.component.css'],\n  providers: [IconsAnimatedService]\n})\nexport class DownloadingIconAnimatedComponent implements OnInit {\n  @Input() size: number = 22;\n  @Input() color: string = '#000';\n\n  constructor(public iconService: IconsAnimatedService) {\n  }\n\n  ngOnInit() {\n    this.iconService.init('downloading', this.size, this.color);\n  }\n}\n","import { Component, Input, OnInit } from \"@angular/core\";\nimport { IconsAnimatedService } from \"../../icons-animated.service\";\n\n@Component({\n  selector: 'koala-icon-animated-loading',\n  templateUrl: 'loading-icon-animated.component.html',\n  styleUrls: ['loading-icon-animated.component.css'],\n  providers: [IconsAnimatedService]\n})\nexport class LoadingIconAnimatedComponent implements OnInit {\n  @Input() size: number = 22;\n  @Input() color: string = '#000';\n\n  constructor(public iconService: IconsAnimatedService) {\n  }\n\n  ngOnInit() {\n    this.iconService.init('loading', this.size, this.color);\n  }\n}\n","import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: 'koala-icon-animated',\n  templateUrl: 'icons-animated.component.html'\n})\nexport class IconsAnimatedComponent {\n  @Input() icon?: 'loading'|'downloading';\n  @Input() color?: string;\n  @Input() size?: number;\n}\n","import { NgModule } from \"@angular/core\";\nimport { LoadingIconAnimatedComponent } from \"./icons/loading/loading-icon-animated.component\";\nimport { CommonModule } from \"@angular/common\";\nimport { IconsAnimatedComponent } from \"./icons-animated.component\";\nimport { DownloadingIconAnimatedComponent } from \"./icons/downloading/downloading-icon-animated.component\";\n\n@NgModule({\n  exports: [\n    IconsAnimatedComponent\n  ],\n  declarations: [\n    IconsAnimatedComponent,\n    LoadingIconAnimatedComponent,\n    DownloadingIconAnimatedComponent\n  ],\n  imports: [\n    CommonModule\n  ]\n})\nexport class KoalaIconsAnimatedModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {IconsAnimatedService as ɵa} from './lib/icons-animated.service';"],"names":[],"mappings":";;;;MAIa,oBAAoB;IAKxB,IAAI,CAAC,IAAY,EAAE,IAAY,EAAE,KAAa;QACnD,IAAI,CAAC,MAAM,GAAG,eAAe,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC1E,IAAI,CAAC,KAAK,GAAG,UAAU,IAAI,cAAc,IAAI,KAAK,CAAC;QACnD,IAAI,CAAC,oBAAoB,GAAG,WAAW,CAAC;YACtC,MAAM,mBAAmB,GAAG,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,EAAE,CAAC;YACzD,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAe,CAAC;YAC5E,IAAI,SAAS,EAAE;gBACb,QAAQ,CAAC,gBAAgB,CAAiB;YACtC,mBAAmB;YACnB,mBAAmB;YACnB,mBAAmB;YACnB,mBAAmB;SACtB,CAAC,CAAC,OAAO,CAAC,EAAE;oBACX,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE;wBAClB,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;qBACvB;iBACF,CAAC,CAAC;gBACH,aAAa,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;aAC1C;SACF,EAAE,CAAC,CAAC,CAAC;KACP;;;YA1BF,UAAU;;;MCME,gCAAgC;IAI3C,YAAmB,WAAiC;QAAjC,gBAAW,GAAX,WAAW,CAAsB;QAH3C,SAAI,GAAW,EAAE,CAAC;QAClB,UAAK,GAAW,MAAM,CAAC;KAG/B;IAED,QAAQ;QACN,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;KAC7D;;;YAfF,SAAS,SAAC;gBACT,QAAQ,EAAE,iCAAiC;gBAC3C,khEAAuD;gBAEvD,SAAS,EAAE,CAAC,oBAAoB,CAAC;;aAClC;;;YAPQ,oBAAoB;;;mBAS1B,KAAK;oBACL,KAAK;;;MCFK,4BAA4B;IAIvC,YAAmB,WAAiC;QAAjC,gBAAW,GAAX,WAAW,CAAsB;QAH3C,SAAI,GAAW,EAAE,CAAC;QAClB,UAAK,GAAW,MAAM,CAAC;KAG/B;IAED,QAAQ;QACN,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;KACzD;;;YAfF,SAAS,SAAC;gBACT,QAAQ,EAAE,6BAA6B;gBACvC,g+JAAmD;gBAEnD,SAAS,EAAE,CAAC,oBAAoB,CAAC;;aAClC;;;YAPQ,oBAAoB;;;mBAS1B,KAAK;oBACL,KAAK;;;MCLK,sBAAsB;;;YAJlC,SAAS,SAAC;gBACT,QAAQ,EAAE,qBAAqB;gBAC/B,gWAA4C;aAC7C;;;mBAEE,KAAK;oBACL,KAAK;mBACL,KAAK;;;MCUK,wBAAwB;;;YAbpC,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,sBAAsB;iBACvB;gBACD,YAAY,EAAE;oBACZ,sBAAsB;oBACtB,4BAA4B;oBAC5B,gCAAgC;iBACjC;gBACD,OAAO,EAAE;oBACP,YAAY;iBACb;aACF;;;AClBD;;;;;;"}

package/icons-animated/index.d.ts

@@ -1,4 +1,4 @@
-export * from './icons/downloading/downloading-icon-animated.component';
-export * from './icons/loading/loading-icon-animated.component';
-export * from './icons-animated.component';
-export * from './koala-icons-animated.module';
+export * from './lib/icons/downloading/downloading-icon-animated.component';
+export * from './lib/icons/loading/loading-icon-animated.component';
+export * from './lib/icons-animated.component';
+export * from './lib/koala-icons-animated.module';

package/icons-animated/koalarx-ui-icons-animated.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+export { IconsAnimatedService as ɵa } from './lib/icons-animated.service';

package/icons-animated/koalarx-ui-icons-animated.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"DownloadingIconAnimatedComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"koala-icon-animated-downloading","providers":[{"__symbolic":"reference","name":"ɵa"}],"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{-webkit-animation:downloading-arrow 1.4s infinite ease-in-out;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}@-webkit-keyframes downloading-arrow{0%{transform:translateY(-30px);opacity:0}}@keyframes downloading-arrow{0%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes downloading-letters{0%{transform:rotateX(0);opacity:1}}@keyframes downloading-letters{0%{transform:rotateX(0);opacity:1}}\n"]}]}],"members":{"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"LoadingIconAnimatedComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"koala-icon-animated-loading","providers":[{"__symbolic":"reference","name":"ɵa"}],"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{-webkit-animation:shake 1.5s infinite alternate ease-in-out;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%}@-webkit-keyframes shake{0%{transform:translateY(5px)}}@keyframes shake{0%{transform:translateY(5px)}}@-webkit-keyframes rotateLeft{0%{transform:rotate(-147.5deg)}}@keyframes rotateLeft{0%{transform:rotate(-147.5deg)}}@-webkit-keyframes rotateRight{0%{transform:rotate(-215.5deg)}}@keyframes rotateRight{0%{transform:rotate(-215.5deg)}}\n"]}]}],"members":{"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"IconsAnimatedComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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"}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}]}},"KoalaIconsAnimatedModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"IconsAnimatedComponent"}],"declarations":[{"__symbolic":"reference","name":"IconsAnimatedComponent"},{"__symbolic":"reference","name":"LoadingIconAnimatedComponent"},{"__symbolic":"reference","name":"DownloadingIconAnimatedComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"init":[{"__symbolic":"method"}]}}},"origins":{"DownloadingIconAnimatedComponent":"./lib/icons/downloading/downloading-icon-animated.component","LoadingIconAnimatedComponent":"./lib/icons/loading/loading-icon-animated.component","IconsAnimatedComponent":"./lib/icons-animated.component","KoalaIconsAnimatedModule":"./lib/koala-icons-animated.module","ɵa":"./lib/icons-animated.service"},"importAs":"@koalarx/ui/icons-animated"}

package/icons-animated/{icons → lib/icons}/downloading/downloading-icon-animated.component.d.ts

@@ -1,12 +1,9 @@
 import { OnInit } from "@angular/core";
 import { IconsAnimatedService } from "../../icons-animated.service";
-import * as i0 from "@angular/core";
 export declare class DownloadingIconAnimatedComponent implements OnInit {
     iconService: IconsAnimatedService;
     size: number;
     color: string;
     constructor(iconService: IconsAnimatedService);
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DownloadingIconAnimatedComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DownloadingIconAnimatedComponent, "koala-icon-animated-downloading", never, { "size": "size"; "color": "color"; }, {}, never, never>;
 }

package/icons-animated/{icons → lib/icons}/loading/loading-icon-animated.component.d.ts

@@ -1,12 +1,9 @@
 import { OnInit } from "@angular/core";
 import { IconsAnimatedService } from "../../icons-animated.service";
-import * as i0 from "@angular/core";
 export declare class LoadingIconAnimatedComponent implements OnInit {
     iconService: IconsAnimatedService;
     size: number;
     color: string;
     constructor(iconService: IconsAnimatedService);
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingIconAnimatedComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingIconAnimatedComponent, "koala-icon-animated-loading", never, { "size": "size"; "color": "color"; }, {}, never, never>;
 }

package/icons-animated/lib/icons-animated.component.d.ts

@@ -0,0 +1,5 @@
+export declare class IconsAnimatedComponent {
+    icon?: 'loading' | 'downloading';
+    color?: string;
+    size?: number;
+}

package/icons-animated/lib/icons-animated.service.d.ts

@@ -0,0 +1,6 @@
+export declare class IconsAnimatedService {
+    intervalCheckElement: any;
+    style?: string;
+    idIcon?: string;
+    init(icon: string, size: number, color: string): void;
+}

package/icons-animated/lib/koala-icons-animated.module.d.ts

@@ -0,0 +1,2 @@
+export declare class KoalaIconsAnimatedModule {
+}

package/icons-animated/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@koalarx/ui/icons-animated",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^12.0.3",
+    "@angular/core": "^12.0.3"
+  },
+  "dependencies": {
+    "tslib": "^2.1.0"
+  },
+  "main": "bundles/koalarx-ui-icons-animated.umd.js",
+  "module": "fesm2015/koalarx-ui-icons-animated.js",
+  "es2015": "fesm2015/koalarx-ui-icons-animated.js",
+  "esm2015": "esm2015/koalarx-ui-icons-animated.js",
+  "fesm2015": "fesm2015/koalarx-ui-icons-animated.js",
+  "typings": "koalarx-ui-icons-animated.d.ts",
+  "metadata": "koalarx-ui-icons-animated.metadata.json",
+  "sideEffects": false
+}

package/list/README.md

@@ -0,0 +1,24 @@
+# List
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.3.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project list` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project list`.
+> Note: Don't forget to add `--project list` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build list` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build list`, go to the dist folder `cd dist/list` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test list` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.