@koalarx/ui 13.0.13 → 13.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/esm2020/lib/dialog-alert.component.mjs +3 -3
- package/alert/esm2020/lib/koala.alert.module.mjs +4 -4
- package/alert/esm2020/lib/koala.alert.service.mjs +3 -3
- package/alert/fesm2015/koalarx-ui-alert.mjs +10 -10
- package/alert/fesm2020/koalarx-ui-alert.mjs +10 -10
- package/button/esm2020/lib/button.component.mjs +3 -3
- package/button/esm2020/lib/koala.button.module.mjs +4 -4
- package/button/fesm2015/koalarx-ui-button.mjs +7 -7
- package/button/fesm2020/koalarx-ui-button.mjs +7 -7
- package/common/esm2020/lib/services/csv/koala.csv.service.mjs +3 -3
- package/common/esm2020/lib/services/xlsx/koala.xlsx.service.mjs +3 -3
- package/common/fesm2015/koalarx-ui-common.mjs +6 -6
- package/common/fesm2020/koalarx-ui-common.mjs +6 -6
- package/core/esm2020/lib/loader/loader-bar-page.component.mjs +3 -3
- package/core/esm2020/lib/ngx-koala.module.mjs +4 -4
- package/core/esm2020/lib/page/koala.page.module.mjs +4 -4
- package/core/esm2020/lib/page/notifications/notification.component.mjs +16 -20
- package/core/esm2020/lib/page/page.component.mjs +3 -3
- package/core/esm2020/lib/router/koala.parameter-hash-location-stategy.mjs +3 -3
- package/core/esm2020/lib/services/api-requester/koala.api-requester.service.mjs +3 -3
- package/core/esm2020/lib/services/loader/koala.loader.service.mjs +3 -3
- package/core/esm2020/lib/services/openid/koala.oauth2.service.mjs +3 -3
- package/core/esm2020/lib/services/request/koala.request.service.mjs +3 -3
- package/core/esm2020/lib/services/token/koala.token.service.mjs +3 -3
- package/core/fesm2015/koalarx-ui-core.mjs +49 -53
- package/core/fesm2015/koalarx-ui-core.mjs.map +1 -1
- package/core/fesm2020/koalarx-ui-core.mjs +49 -53
- package/core/fesm2020/koalarx-ui-core.mjs.map +1 -1
- package/core/lib/page/notifications/notification.component.d.ts +1 -3
- package/dialog/esm2020/lib/dialog.component.mjs +3 -3
- package/dialog/esm2020/lib/koala.dialog.module.mjs +4 -4
- package/dialog/esm2020/lib/koala.dialog.service.mjs +3 -3
- package/dialog/fesm2015/koalarx-ui-dialog.mjs +10 -10
- package/dialog/fesm2020/koalarx-ui-dialog.mjs +10 -10
- package/dynamic-component/esm2020/lib/koala-dynamic-component.directive.mjs +3 -3
- package/dynamic-component/esm2020/lib/koala-dynamic-component.factory.mjs +3 -3
- package/dynamic-component/esm2020/lib/koala-dynamic-component.module.mjs +4 -4
- package/dynamic-component/fesm2015/koalarx-ui-dynamic-component.mjs +10 -10
- package/dynamic-component/fesm2020/koalarx-ui-dynamic-component.mjs +10 -10
- package/file-button/esm2020/lib/file-button.component.mjs +3 -3
- package/file-button/esm2020/lib/koala.btn-file.service.mjs +3 -3
- package/file-button/esm2020/lib/koala.file-button.module.mjs +4 -4
- package/file-button/fesm2015/koalarx-ui-file-button.mjs +10 -10
- package/file-button/fesm2020/koalarx-ui-file-button.mjs +10 -10
- package/folder-page/esm2020/lib/folder.component.mjs +3 -3
- package/folder-page/esm2020/lib/koala.folder-page.module.mjs +4 -4
- package/folder-page/fesm2015/koalarx-ui-folder-page.mjs +7 -7
- package/folder-page/fesm2020/koalarx-ui-folder-page.mjs +7 -7
- package/form/esm2020/lib/btn-submit/btn-submit.component.mjs +3 -3
- package/form/esm2020/lib/directives/koala-autofocus.directive.mjs +3 -3
- package/form/esm2020/lib/dynamic-form/dynamic-form.component.mjs +3 -3
- package/form/esm2020/lib/dynamic-form/koala.dynamic-form.service.mjs +3 -3
- package/form/esm2020/lib/koala.form.module.mjs +4 -4
- package/form/fesm2015/koalarx-ui-form.mjs +16 -16
- package/form/fesm2015/koalarx-ui-form.mjs.map +1 -1
- package/form/fesm2020/koalarx-ui-form.mjs +16 -16
- package/form/fesm2020/koalarx-ui-form.mjs.map +1 -1
- package/icon/esm2020/lib/icon.component.mjs +3 -3
- package/icon/esm2020/lib/koala.icon.module.mjs +4 -4
- package/icon/fesm2015/koalarx-ui-icon.mjs +7 -7
- package/icon/fesm2020/koalarx-ui-icon.mjs +7 -7
- package/icons-animated/esm2020/lib/icons/downloading/downloading-icon-animated.component.mjs +3 -3
- package/icons-animated/esm2020/lib/icons/loading/loading-icon-animated.component.mjs +3 -3
- package/icons-animated/esm2020/lib/icons-animated.component.mjs +3 -3
- package/icons-animated/esm2020/lib/icons-animated.service.mjs +3 -3
- package/icons-animated/esm2020/lib/koala-icons-animated.module.mjs +4 -4
- package/icons-animated/fesm2015/koalarx-ui-icons-animated.mjs +16 -16
- package/icons-animated/fesm2020/koalarx-ui-icons-animated.mjs +16 -16
- package/list/esm2020/lib/koala.list.module.mjs +4 -4
- package/list/esm2020/lib/koala.list.service.mjs +3 -3
- package/list/esm2020/lib/list.component.mjs +3 -3
- package/list/esm2020/lib/providers/pagination/pagination.provider.mjs +3 -3
- package/list/fesm2015/koalarx-ui-list.mjs +13 -13
- package/list/fesm2020/koalarx-ui-list.mjs +13 -13
- package/menu/esm2020/lib/koala.menu.module.mjs +4 -4
- package/menu/esm2020/lib/koala.menu.service.mjs +3 -3
- package/menu/esm2020/lib/menu.component.mjs +3 -3
- package/menu/fesm2015/koalarx-ui-menu.mjs +10 -10
- package/menu/fesm2020/koalarx-ui-menu.mjs +10 -10
- package/package.json +1 -1
- package/question/esm2020/lib/dialog-question.component.mjs +3 -3
- package/question/esm2020/lib/koala.question.module.mjs +4 -4
- package/question/esm2020/lib/koala.question.service.mjs +3 -3
- package/question/fesm2015/koalarx-ui-question.mjs +10 -10
- package/question/fesm2020/koalarx-ui-question.mjs +10 -10
- package/snackbar/esm2020/lib/koala.snackbar.component.mjs +3 -3
- package/snackbar/esm2020/lib/koala.snackbar.module.mjs +4 -4
- package/snackbar/esm2020/lib/koala.snackbar.service.mjs +3 -3
- package/snackbar/fesm2015/koalarx-ui-snackbar.mjs +10 -10
- package/snackbar/fesm2020/koalarx-ui-snackbar.mjs +10 -10
|
@@ -27,9 +27,9 @@ class IconsAnimatedService {
|
|
|
27
27
|
}, 1);
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
|
-
IconsAnimatedService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
31
|
-
IconsAnimatedService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
30
|
+
IconsAnimatedService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IconsAnimatedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
31
|
+
IconsAnimatedService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IconsAnimatedService });
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IconsAnimatedService, decorators: [{
|
|
33
33
|
type: Injectable
|
|
34
34
|
}] });
|
|
35
35
|
|
|
@@ -42,9 +42,9 @@ class DownloadingIconAnimatedComponent {
|
|
|
42
42
|
this.iconService.init('downloading', (_a = this.size) !== null && _a !== void 0 ? _a : 22, (_b = this.color) !== null && _b !== void 0 ? _b : '#000');
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
|
-
DownloadingIconAnimatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
46
|
-
DownloadingIconAnimatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
45
|
+
DownloadingIconAnimatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DownloadingIconAnimatedComponent, deps: [{ token: IconsAnimatedService }], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
+
DownloadingIconAnimatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", 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{-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"] });
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DownloadingIconAnimatedComponent, decorators: [{
|
|
48
48
|
type: Component,
|
|
49
49
|
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{-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"] }]
|
|
50
50
|
}], ctorParameters: function () { return [{ type: IconsAnimatedService }]; }, propDecorators: { size: [{
|
|
@@ -62,9 +62,9 @@ class LoadingIconAnimatedComponent {
|
|
|
62
62
|
this.iconService.init('loading', (_a = this.size) !== null && _a !== void 0 ? _a : 22, (_b = this.color) !== null && _b !== void 0 ? _b : '#000');
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
|
-
LoadingIconAnimatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
66
|
-
LoadingIconAnimatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
65
|
+
LoadingIconAnimatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: LoadingIconAnimatedComponent, deps: [{ token: IconsAnimatedService }], target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
+
LoadingIconAnimatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", 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{-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"] });
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: LoadingIconAnimatedComponent, decorators: [{
|
|
68
68
|
type: Component,
|
|
69
69
|
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{-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"] }]
|
|
70
70
|
}], ctorParameters: function () { return [{ type: IconsAnimatedService }]; }, propDecorators: { size: [{
|
|
@@ -75,9 +75,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
|
|
|
75
75
|
|
|
76
76
|
class IconsAnimatedComponent {
|
|
77
77
|
}
|
|
78
|
-
IconsAnimatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
79
|
-
IconsAnimatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
|
80
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
78
|
+
IconsAnimatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IconsAnimatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
79
|
+
IconsAnimatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", 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", components: [{ type: LoadingIconAnimatedComponent, selector: "koala-icon-animated-loading", inputs: ["size", "color"] }, { type: DownloadingIconAnimatedComponent, selector: "koala-icon-animated-downloading", inputs: ["size", "color"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IconsAnimatedComponent, decorators: [{
|
|
81
81
|
type: Component,
|
|
82
82
|
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" }]
|
|
83
83
|
}], propDecorators: { icon: [{
|
|
@@ -90,14 +90,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
|
|
|
90
90
|
|
|
91
91
|
class KoalaIconsAnimatedModule {
|
|
92
92
|
}
|
|
93
|
-
KoalaIconsAnimatedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
94
|
-
KoalaIconsAnimatedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.
|
|
93
|
+
KoalaIconsAnimatedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaIconsAnimatedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
94
|
+
KoalaIconsAnimatedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaIconsAnimatedModule, declarations: [IconsAnimatedComponent,
|
|
95
95
|
LoadingIconAnimatedComponent,
|
|
96
96
|
DownloadingIconAnimatedComponent], imports: [CommonModule], exports: [IconsAnimatedComponent] });
|
|
97
|
-
KoalaIconsAnimatedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.
|
|
97
|
+
KoalaIconsAnimatedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaIconsAnimatedModule, imports: [[
|
|
98
98
|
CommonModule
|
|
99
99
|
]] });
|
|
100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaIconsAnimatedModule, decorators: [{
|
|
101
101
|
type: NgModule,
|
|
102
102
|
args: [{
|
|
103
103
|
exports: [
|
|
@@ -27,9 +27,9 @@ class IconsAnimatedService {
|
|
|
27
27
|
}, 1);
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
|
-
IconsAnimatedService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
31
|
-
IconsAnimatedService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
30
|
+
IconsAnimatedService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IconsAnimatedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
31
|
+
IconsAnimatedService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IconsAnimatedService });
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IconsAnimatedService, decorators: [{
|
|
33
33
|
type: Injectable
|
|
34
34
|
}] });
|
|
35
35
|
|
|
@@ -41,9 +41,9 @@ class DownloadingIconAnimatedComponent {
|
|
|
41
41
|
this.iconService.init('downloading', this.size ?? 22, this.color ?? '#000');
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
DownloadingIconAnimatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
45
|
-
DownloadingIconAnimatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
44
|
+
DownloadingIconAnimatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DownloadingIconAnimatedComponent, deps: [{ token: IconsAnimatedService }], target: i0.ɵɵFactoryTarget.Component });
|
|
45
|
+
DownloadingIconAnimatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", 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{-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"] });
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DownloadingIconAnimatedComponent, decorators: [{
|
|
47
47
|
type: Component,
|
|
48
48
|
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{-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"] }]
|
|
49
49
|
}], ctorParameters: function () { return [{ type: IconsAnimatedService }]; }, propDecorators: { size: [{
|
|
@@ -60,9 +60,9 @@ class LoadingIconAnimatedComponent {
|
|
|
60
60
|
this.iconService.init('loading', this.size ?? 22, this.color ?? '#000');
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
|
-
LoadingIconAnimatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
64
|
-
LoadingIconAnimatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
|
65
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
63
|
+
LoadingIconAnimatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: LoadingIconAnimatedComponent, deps: [{ token: IconsAnimatedService }], target: i0.ɵɵFactoryTarget.Component });
|
|
64
|
+
LoadingIconAnimatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", 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{-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"] });
|
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: LoadingIconAnimatedComponent, decorators: [{
|
|
66
66
|
type: Component,
|
|
67
67
|
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{-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"] }]
|
|
68
68
|
}], ctorParameters: function () { return [{ type: IconsAnimatedService }]; }, propDecorators: { size: [{
|
|
@@ -73,9 +73,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
|
|
|
73
73
|
|
|
74
74
|
class IconsAnimatedComponent {
|
|
75
75
|
}
|
|
76
|
-
IconsAnimatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
77
|
-
IconsAnimatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
76
|
+
IconsAnimatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IconsAnimatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
77
|
+
IconsAnimatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", 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", components: [{ type: LoadingIconAnimatedComponent, selector: "koala-icon-animated-loading", inputs: ["size", "color"] }, { type: DownloadingIconAnimatedComponent, selector: "koala-icon-animated-downloading", inputs: ["size", "color"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IconsAnimatedComponent, decorators: [{
|
|
79
79
|
type: Component,
|
|
80
80
|
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" }]
|
|
81
81
|
}], propDecorators: { icon: [{
|
|
@@ -88,14 +88,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
|
|
|
88
88
|
|
|
89
89
|
class KoalaIconsAnimatedModule {
|
|
90
90
|
}
|
|
91
|
-
KoalaIconsAnimatedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
92
|
-
KoalaIconsAnimatedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.
|
|
91
|
+
KoalaIconsAnimatedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaIconsAnimatedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
92
|
+
KoalaIconsAnimatedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaIconsAnimatedModule, declarations: [IconsAnimatedComponent,
|
|
93
93
|
LoadingIconAnimatedComponent,
|
|
94
94
|
DownloadingIconAnimatedComponent], imports: [CommonModule], exports: [IconsAnimatedComponent] });
|
|
95
|
-
KoalaIconsAnimatedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.
|
|
95
|
+
KoalaIconsAnimatedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaIconsAnimatedModule, imports: [[
|
|
96
96
|
CommonModule
|
|
97
97
|
]] });
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaIconsAnimatedModule, decorators: [{
|
|
99
99
|
type: NgModule,
|
|
100
100
|
args: [{
|
|
101
101
|
exports: [
|
|
@@ -14,8 +14,8 @@ import { KoalaButtonModule } from "@koalarx/ui/button";
|
|
|
14
14
|
import * as i0 from "@angular/core";
|
|
15
15
|
export class KoalaListModule {
|
|
16
16
|
}
|
|
17
|
-
KoalaListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
18
|
-
KoalaListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.
|
|
17
|
+
KoalaListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
18
|
+
KoalaListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaListModule, declarations: [ListComponent], imports: [CommonModule,
|
|
19
19
|
KoalaFolderPageModule,
|
|
20
20
|
KoalaFormModule,
|
|
21
21
|
KoalaDynamicComponentModule,
|
|
@@ -25,7 +25,7 @@ KoalaListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
|
|
|
25
25
|
MatSortModule,
|
|
26
26
|
MatTooltipModule,
|
|
27
27
|
MatPaginatorModule], exports: [ListComponent] });
|
|
28
|
-
KoalaListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.
|
|
28
|
+
KoalaListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaListModule, providers: [{
|
|
29
29
|
provide: MatPaginatorIntl,
|
|
30
30
|
useClass: PaginationProvider
|
|
31
31
|
}], imports: [[
|
|
@@ -40,7 +40,7 @@ KoalaListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
|
|
|
40
40
|
MatTooltipModule,
|
|
41
41
|
MatPaginatorModule
|
|
42
42
|
]] });
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaListModule, decorators: [{
|
|
44
44
|
type: NgModule,
|
|
45
45
|
args: [{
|
|
46
46
|
declarations: [
|
|
@@ -6,9 +6,9 @@ export class KoalaListService {
|
|
|
6
6
|
return new ListBuilder();
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
KoalaListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
10
|
-
KoalaListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
9
|
+
KoalaListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
10
|
+
KoalaListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaListService, providedIn: "any" });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaListService, decorators: [{
|
|
12
12
|
type: Injectable,
|
|
13
13
|
args: [{ providedIn: "any" }]
|
|
14
14
|
}] });
|
|
@@ -142,15 +142,15 @@ export class ListComponent extends ListAbstract {
|
|
|
142
142
|
this.customClass = this.config.customClass;
|
|
143
143
|
}
|
|
144
144
|
}
|
|
145
|
-
ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
146
|
-
ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: ListComponent, selector: "koala-list", inputs: { config: "config" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"list-container\" [ngClass]=\"customClass\">\n <div *ngIf=\"filterFormConfig\" class=\"list-filter\">\n <form (ngSubmit)=\"filterSubmit()\" [formGroup]=\"formFilter\">\n <div class=\"main\">\n <koala-dynamic-form\n *ngIf=\"filterFormConfig.main\"\n [form]=\"filterFormConfig.main.form\"\n [formConfig]=\"filterFormConfig.main.formConfig\"\n [setValues]=\"filterFormConfig.main.setValues\"\n [showFields]=\"filterFormConfig.main.showFields\">\n </koala-dynamic-form>\n <ul>\n <li *ngIf=\"filterFormConfig.advanced\" class=\"option\">\n <button (click)=\"toogleFilter()\" color=\"primary\" mat-icon-button matTooltip=\"Filtro Avan\u00E7ado\"\n matTooltipPosition=\"below\" type=\"button\">\n <mat-icon>tune</mat-icon>\n </button>\n </li>\n <li *ngIf=\"filterFormConfig.checkAndSearch\" class=\"checkbox-filter\">\n <mat-checkbox (click)=\"filterSubmit()\"\n [formControlName]=\"filterFormConfig.checkAndSearch.formControlName\">\n {{filterFormConfig.checkAndSearch.label}}\n </mat-checkbox>\n </li>\n <li class=\"option\">\n <koala-submit\n [btnSubmitDisabled]=\"btnSubmitDisabled\"\n [fg]=\"formFilter\"\n [iconButton]=\"true\"\n [loader]=\"loader\"\n icon=\"search\">\n </koala-submit>\n </li>\n </ul>\n </div>\n <div *ngIf=\"filterFormConfig.advanced\" [ngClass]=\"{'show': showAdvancedFilter}\" class=\"advanced\">\n <div class=\"container-filter\">\n <koala-dynamic-form\n [form]=\"filterFormConfig.advanced.form\"\n [formConfig]=\"filterFormConfig.advanced.formConfig\"\n [setValues]=\"filterFormConfig.advanced.setValues\"\n [showFields]=\"filterFormConfig.advanced.showFields\">\n </koala-dynamic-form>\n </div>\n </div>\n </form>\n </div>\n <nav class=\"menu-list\">\n <ul class=\"menu\">\n <li *ngIf=\"selection.hasValue()\">\n <ng-content select=\"[itemsSelectList]\"></ng-content>\n </li>\n <li *ngIf=\"selection.hasValue()\" class=\"text-center\">|</li>\n <li>\n <ng-content select=\"[itemsList]\"></ng-content>\n </li>\n </ul>\n </nav>\n <div *ngIf=\"loader | async\" class=\"spinner-container\" [ngClass]=\"{\n 'no-filter': !filterFormConfig\n }\">\n <mat-spinner diameter=\"40\"></mat-spinner>\n </div>\n <div class=\"list\">\n <table\n *ngIf=\"!emptyListComponent || (emptyListComponent && dataSource?.data?.length > 0) else emptyList\"\n [dataSource]=\"dataSource\"\n [matSortActive]=\"columnSort\"\n [id]=\"tableId\"\n multiTemplateDataRows\n class=\"table-hover\"\n mat-table\n matSort\n [matSortDirection]=\"sortDirection\" matSortDisableClear>\n <ng-container matColumnDef=\"select\">\n <th *matHeaderCellDef mat-header-cell>\n <mat-checkbox (change)=\"$event ? selectAll() : null\"\n [checked]=\"selection.hasValue() && allSelected$ | async\"\n [indeterminate]=\"selection.hasValue() && !(allSelected$ | async)\">\n </mat-checkbox>\n </th>\n <td *matCellDef=\"let item\" mat-cell>\n <mat-checkbox *ngIf=\"disabledCheckboxItemList ? !disabledCheckboxItemList(item) : true\"\n (change)=\"$event ? selection.toggle(item) : null\"\n (click)=\"$event.stopPropagation(); selectItem();\"\n [checked]=\"selection.isSelected(item)\">\n </mat-checkbox>\n </td>\n <td *matFooterCellDef mat-footer-cell></td>\n </ng-container>\n\n <ng-container *ngIf=\"subListConfig && btnCollapseSubListConfig\" matColumnDef=\"collapseButton\">\n <th *matHeaderCellDef mat-header-cell></th>\n <td *matCellDef=\"let item\" mat-cell>\n <koala-button\n *ngIf=\"btnCollapseSubListConfig.show(item)\"\n (click)=\"expandedElement = expandedElement === item ? null : item\"\n [koalaIcon]=\"btnCollapseSubListConfig.koalaIcon\"\n [icon]=\"btnCollapseSubListConfig.icon\"\n [tooltip]=\"btnCollapseSubListConfig.tooltip\"\n [color]=\"btnCollapseSubListConfig.iconColor\"\n [backgroundColor]=\"btnCollapseSubListConfig.backgroundColor\"\n [koalaIconSize]=\"22\">\n </koala-button>\n </td>\n <td *matFooterCellDef mat-footer-cell></td>\n </ng-container>\n\n <ng-container *ngFor=\"let itemList of itemsList\" [matColumnDef]=\"itemList.columnDef\">\n <th *matHeaderCellDef [mat-sort-header]=\"itemList.sortHeader\" [disabled]=\"!itemList.sortHeader\" mat-header-cell>{{itemList.label}}</th>\n <td (dblclick)=\"itemList.dblClick(item)\" *matCellDef=\"let item\" mat-cell>\n\t <koala-dynamic-component *ngIf=\"itemList.itemComponent else itemText\"\n\t [dynamicComponent]=\"itemList.itemComponent(item)\"></koala-dynamic-component>\n\t <ng-template #itemText>\n\t {{itemList.itemNameProperty(item)}}\n\t </ng-template>\n </td>\n <td *matFooterCellDef mat-footer-cell>\n <koala-dynamic-component *ngIf=\"itemList.footer?.itemComponent else itemFooterText\"\n [dynamicComponent]=\"itemList.footer?.itemComponent(responseRequest)\"></koala-dynamic-component>\n <ng-template #itemFooterText>\n {{itemList.footer?.itemNameProperty(responseRequest)}}\n </ng-template>\n </td>\n </ng-container>\n\n <ng-container *ngIf=\"subListConfig && btnCollapseSubListConfig\" matColumnDef=\"koalaListDetails\">\n <th *matHeaderCellDef mat-header-cell></th>\n <td *matCellDef=\"let item\" [attr.colspan]=\"columnsToShowInList.length\" mat-cell>\n <div class=\"item-detail\" [@detailExpand]=\"item == expandedElement ? 'expanded' : 'collapsed'\">\n <koala-list [config]=\"subListConfig(item)\"></koala-list>\n </div>\n </td>\n <td *matFooterCellDef mat-footer-cell></td>\n </ng-container>\n\n <ng-container matColumnDef=\"options\">\n <th *matHeaderCellDef mat-header-cell></th>\n <td *matCellDef=\"let item\" mat-cell>\n <div *ngIf=\"haveOptionsOnItemLine(item)\">\n <button [matMenuTriggerFor]=\"options\" mat-icon-button type=\"button\">\n <i class='material-icons'>more_vert</i>\n </button>\n <mat-menu #options=\"matMenu\" class=\"menu-list\" yPosition=\"below\">\n\t <div *ngFor=\"let option of itemsMenuListOptions\">\n\t <button\n\t\t (click)=\"option.action(item)\"\n\t\t *ngIf=\"option.havePermission && (\n\t\t !option.showByItemList ||\n\t\t option.showByItemList(item)\n\t )\"\n\t\t mat-menu-item>\n\t <mat-icon>{{option.icon}}</mat-icon>\n\t <span>{{option.name}}</span>\n\t </button>\n\t </div>\n </mat-menu>\n </div>\n </td>\n <td *matFooterCellDef mat-footer-cell></td>\n </ng-container>\n\n <tr *matHeaderRowDef=\"columnsToShowInList; sticky: true\" mat-header-row></tr>\n <tr *matRowDef=\"let item; columns: columnsToShowInList;\" mat-row></tr>\n <ng-container *ngIf=\"subListConfig && btnCollapseSubListConfig\">\n <tr mat-row *matRowDef=\"let row; columns: ['koalaListDetails']\" class=\"item-detail-row\"></tr>\n </ng-container>\n <ng-container *ngIf=\"hasFooter()\">\n <tr *matFooterRowDef=\"columnsToShowInList; sticky: true\" mat-footer-row></tr>\n </ng-container>\n </table>\n <ng-template #emptyList>\n <koala-dynamic-component *ngIf=\"!(filterError$ | async) else errorList\" [dynamicComponent]=\"emptyListComponent\"></koala-dynamic-component>\n <ng-template #errorList>\n <koala-dynamic-component [dynamicComponent]=\"errorListComponent\"></koala-dynamic-component>\n </ng-template>\n </ng-template>\n </div>\n <div *ngIf=\"!hidePaginator\" class=\"content-paginator\">\n <mat-paginator\n [length]=\"qtdListResult\"\n [pageSizeOptions]=\"limitOptions\"\n [pageSize]=\"pageSize\"\n showFirstLastButtons>\n </mat-paginator>\n </div>\n</div>\n", styles: [".list-container{border-radius:10px;margin:0 auto;overflow-x:hidden;width:calc(100% - 40px);position:relative}.list-container .spinner-container{position:absolute;width:100%;height:calc(100vh - 320px);top:100px;left:0;background:rgba(0,0,0,.15);z-index:2;display:flex;align-items:center;justify-content:center}.list-container .spinner-container.no-filter{top:40px}.list-container .list{display:block;height:calc(100vh - 320px);overflow-y:auto;position:relative;top:0;width:100%;z-index:1}.list-container .list table:not(.table-not-selection) .mat-header-cell:first-child,.list-container .list .mat-header-cell:last-child,.list-container .list .mat-header-cell.mat-column-collapseButton{width:5%}.list-container .list .mat-header-cell:last-child{text-align:center}.list-container .list .mat-header-row,.list-container .list .mat-row,.list-container .list .mat-footer-row{height:35px}.list-container .list .mat-row .mat-icon-button{height:35px;line-height:35px;width:35px}.list-container .list tr.detail-row:not(.expanded-row){height:0}.list-container .list .element-detail{display:flex;overflow:hidden}.list-container .list table{position:relative;width:100%;font-family:OpenSans,sans-serif;font-size:1em}.list-container .list table.table-hover tr{cursor:pointer;transition:.2s}.list-container .list table th:first-child,.list-container .list table td:first-child{padding:0 8px 0 20px}.list-container .list table th{font-size:.7em;padding:0 8px;font-family:OpenSans,sans-serif;line-height:1em}.list-container .list table td{font-size:.8em;padding:0 8px;font-family:OpenSans,sans-serif}.list-container .list table th:last-child,.list-container .list table td:last-child{padding:0 20px 0 8px}.list-container .list .mat-list-item-content,.list-container .list .mat-list-item-content .mat-list-text{padding:0}.list-container .list-filter{box-shadow:0 1px 3px #0000004d;height:60px;position:relative;z-index:3}.list-container .list-filter .main{display:flex;justify-content:space-between;font-size:1.05em;height:60px;overflow:hidden;padding-left:2.5px;position:relative;width:100%}.list-container .list-filter .main koala-dynamic-form{width:100%}.list-container .list-filter .main mat-form-field{display:inline-block}.list-container .list-filter .main .mat-form-field-appearance-fill .mat-form-field-flex{background:transparent}.list-container .list-filter .main .mat-form-field .mat-form-field-wrapper{padding-bottom:0}.list-container .list-filter .main .mat-form-field-underline,.list-container .list-filter .main .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper,.list-container .list-filter .main .mat-form-field-wrapper .mat-form-field-subscript-wrapper{display:none}.list-container .list-filter ul{display:flex;align-items:center;font-size:0;list-style:none;margin:0;padding:0 15px 0 0;position:relative;text-align:right}.list-container .list-filter ul li{display:inline-block;font-size:14px;padding:5px;position:relative}.list-container .list-filter ul li.option button{transition:.2s}.list-container .list-filter ul li.option button:hover{background:rgba(0,0,0,.1)}.list-container .list-filter ul li.checkbox-filter{text-align:center}.list-container .list-filter ul li.checkbox-filter .checkbox-inline{top:-5px}.list-container .list-filter ul li.checkbox-filter input[type=checkbox]{margin-left:0}.list-container .list-filter ul li.checkbox-filter label{padding:0!important;width:auto}.list-container .list-filter .advanced{border-top:1px solid #dddddd;box-shadow:0 3px 10px #0000004d;height:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:60px;transition:.2s;width:100%;z-index:1}.list-container .list-filter .advanced .container-filter{padding:15px}.list-container .list-filter .advanced.show{height:360px}.list-container nav.menu-list{height:40px;margin:0;padding:3px 0;position:relative;transition:.2s;width:100%;z-index:2;box-sizing:border-box}.list-container nav.menu-list ul.menu{float:left;font-size:0;list-style:none;margin:0;padding:0 10px;position:relative;text-align:left}.list-container nav.menu-list ul.menu li{color:#616161;display:inline-block;font-size:16px;padding:0 4px}.list-container nav.menu-list ul.menu li button.mat-button,.list-container nav.menu-list ul.menu li button.koala-icon-button{display:inline-block}.list-container .content-paginator mat-paginator .mat-paginator-container{height:40px!important;min-height:40px!important}.list-container .content-paginator mat-paginator .mat-paginator-container .mat-paginator-page-size-select{height:40px;margin-top:0!important}.list-container .content-paginator mat-paginator .mat-paginator-container .mat-paginator-range-label{margin-top:3px}.list-container .content-paginator{position:relative;background:transparent!important;z-index:2;box-shadow:-3px 1px 3px #0000004d}.list-container .item-detail{overflow:hidden}.list-container tr.item-detail-row{height:0!important}.list-container tr.item-detail-row .list-container{width:100%!important}.list-container tr.item-detail-row .list-container .list{height:auto!important;max-height:250px!important}.list-container tr.item-detail-row .list-container nav.menu-list{display:none}@media (max-width: 900px){.list-container{width:100%;box-shadow:none!important;padding:15px 10px 15px 15px;box-sizing:border-box}.list-container .list{height:auto;overflow:unset}.list-container .list-filter .main{justify-content:flex-end}}\n"], components: [{ type: i2.DynamicFormComponent, selector: "koala-dynamic-form", inputs: ["form", "formConfig", "showFields", "showFieldsMoreItensConfig", "setValues", "tabIndexStart"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i2.BtnSubmitComponent, selector: "koala-submit", inputs: ["fg", "color", "btnLabel", "btnSubmitDisabled", "loader", "iconButton", "icon", "iconColor"] }, { type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i9.ButtonComponent, selector: "koala-button", inputs: ["color", "backgroundColor", "icon", "text", "tooltip", "disabled", "koalaIcon", "koalaIconSize"] }, { type: i10.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i11.KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: ["dynamicComponent"] }, { type: ListComponent, selector: "koala-list", inputs: ["config"] }, { type: i12.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i12.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i8.MatFooterRow, selector: "mat-footer-row, tr[mat-footer-row]", exportAs: ["matFooterRow"] }, { type: i13.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i14.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i15.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i10.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i8.MatCellDef, selector: "[matCellDef]" }, { type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i8.MatFooterCellDef, selector: "[matFooterCellDef]" }, { type: i8.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { type: i14.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i12.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i8.MatFooterRowDef, selector: "[matFooterRowDef]", inputs: ["matFooterRowDef", "matFooterRowDefSticky"] }], pipes: { "async": i14.AsyncPipe }, animations: [
|
|
145
|
+
ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ListComponent, deps: [{ token: i1.FormBuilder }, { token: i2.KoalaDynamicFormService }, { token: i3.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Component });
|
|
146
|
+
ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: ListComponent, selector: "koala-list", inputs: { config: "config" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"list-container\" [ngClass]=\"customClass\">\n <div *ngIf=\"filterFormConfig\" class=\"list-filter\">\n <form (ngSubmit)=\"filterSubmit()\" [formGroup]=\"formFilter\">\n <div class=\"main\">\n <koala-dynamic-form\n *ngIf=\"filterFormConfig.main\"\n [form]=\"filterFormConfig.main.form\"\n [formConfig]=\"filterFormConfig.main.formConfig\"\n [setValues]=\"filterFormConfig.main.setValues\"\n [showFields]=\"filterFormConfig.main.showFields\">\n </koala-dynamic-form>\n <ul>\n <li *ngIf=\"filterFormConfig.advanced\" class=\"option\">\n <button (click)=\"toogleFilter()\" color=\"primary\" mat-icon-button matTooltip=\"Filtro Avan\u00E7ado\"\n matTooltipPosition=\"below\" type=\"button\">\n <mat-icon>tune</mat-icon>\n </button>\n </li>\n <li *ngIf=\"filterFormConfig.checkAndSearch\" class=\"checkbox-filter\">\n <mat-checkbox (click)=\"filterSubmit()\"\n [formControlName]=\"filterFormConfig.checkAndSearch.formControlName\">\n {{filterFormConfig.checkAndSearch.label}}\n </mat-checkbox>\n </li>\n <li class=\"option\">\n <koala-submit\n [btnSubmitDisabled]=\"btnSubmitDisabled\"\n [fg]=\"formFilter\"\n [iconButton]=\"true\"\n [loader]=\"loader\"\n icon=\"search\">\n </koala-submit>\n </li>\n </ul>\n </div>\n <div *ngIf=\"filterFormConfig.advanced\" [ngClass]=\"{'show': showAdvancedFilter}\" class=\"advanced\">\n <div class=\"container-filter\">\n <koala-dynamic-form\n [form]=\"filterFormConfig.advanced.form\"\n [formConfig]=\"filterFormConfig.advanced.formConfig\"\n [setValues]=\"filterFormConfig.advanced.setValues\"\n [showFields]=\"filterFormConfig.advanced.showFields\">\n </koala-dynamic-form>\n </div>\n </div>\n </form>\n </div>\n <nav class=\"menu-list\">\n <ul class=\"menu\">\n <li *ngIf=\"selection.hasValue()\">\n <ng-content select=\"[itemsSelectList]\"></ng-content>\n </li>\n <li *ngIf=\"selection.hasValue()\" class=\"text-center\">|</li>\n <li>\n <ng-content select=\"[itemsList]\"></ng-content>\n </li>\n </ul>\n </nav>\n <div *ngIf=\"loader | async\" class=\"spinner-container\" [ngClass]=\"{\n 'no-filter': !filterFormConfig\n }\">\n <mat-spinner diameter=\"40\"></mat-spinner>\n </div>\n <div class=\"list\">\n <table\n *ngIf=\"!emptyListComponent || (emptyListComponent && dataSource?.data?.length > 0) else emptyList\"\n [dataSource]=\"dataSource\"\n [matSortActive]=\"columnSort\"\n [id]=\"tableId\"\n multiTemplateDataRows\n class=\"table-hover\"\n mat-table\n matSort\n [matSortDirection]=\"sortDirection\" matSortDisableClear>\n <ng-container matColumnDef=\"select\">\n <th *matHeaderCellDef mat-header-cell>\n <mat-checkbox (change)=\"$event ? selectAll() : null\"\n [checked]=\"selection.hasValue() && allSelected$ | async\"\n [indeterminate]=\"selection.hasValue() && !(allSelected$ | async)\">\n </mat-checkbox>\n </th>\n <td *matCellDef=\"let item\" mat-cell>\n <mat-checkbox *ngIf=\"disabledCheckboxItemList ? !disabledCheckboxItemList(item) : true\"\n (change)=\"$event ? selection.toggle(item) : null\"\n (click)=\"$event.stopPropagation(); selectItem();\"\n [checked]=\"selection.isSelected(item)\">\n </mat-checkbox>\n </td>\n <td *matFooterCellDef mat-footer-cell></td>\n </ng-container>\n\n <ng-container *ngIf=\"subListConfig && btnCollapseSubListConfig\" matColumnDef=\"collapseButton\">\n <th *matHeaderCellDef mat-header-cell></th>\n <td *matCellDef=\"let item\" mat-cell>\n <koala-button\n *ngIf=\"btnCollapseSubListConfig.show(item)\"\n (click)=\"expandedElement = expandedElement === item ? null : item\"\n [koalaIcon]=\"btnCollapseSubListConfig.koalaIcon\"\n [icon]=\"btnCollapseSubListConfig.icon\"\n [tooltip]=\"btnCollapseSubListConfig.tooltip\"\n [color]=\"btnCollapseSubListConfig.iconColor\"\n [backgroundColor]=\"btnCollapseSubListConfig.backgroundColor\"\n [koalaIconSize]=\"22\">\n </koala-button>\n </td>\n <td *matFooterCellDef mat-footer-cell></td>\n </ng-container>\n\n <ng-container *ngFor=\"let itemList of itemsList\" [matColumnDef]=\"itemList.columnDef\">\n <th *matHeaderCellDef [mat-sort-header]=\"itemList.sortHeader\" [disabled]=\"!itemList.sortHeader\" mat-header-cell>{{itemList.label}}</th>\n <td (dblclick)=\"itemList.dblClick(item)\" *matCellDef=\"let item\" mat-cell>\n\t <koala-dynamic-component *ngIf=\"itemList.itemComponent else itemText\"\n\t [dynamicComponent]=\"itemList.itemComponent(item)\"></koala-dynamic-component>\n\t <ng-template #itemText>\n\t {{itemList.itemNameProperty(item)}}\n\t </ng-template>\n </td>\n <td *matFooterCellDef mat-footer-cell>\n <koala-dynamic-component *ngIf=\"itemList.footer?.itemComponent else itemFooterText\"\n [dynamicComponent]=\"itemList.footer?.itemComponent(responseRequest)\"></koala-dynamic-component>\n <ng-template #itemFooterText>\n {{itemList.footer?.itemNameProperty(responseRequest)}}\n </ng-template>\n </td>\n </ng-container>\n\n <ng-container *ngIf=\"subListConfig && btnCollapseSubListConfig\" matColumnDef=\"koalaListDetails\">\n <th *matHeaderCellDef mat-header-cell></th>\n <td *matCellDef=\"let item\" [attr.colspan]=\"columnsToShowInList.length\" mat-cell>\n <div class=\"item-detail\" [@detailExpand]=\"item == expandedElement ? 'expanded' : 'collapsed'\">\n <koala-list [config]=\"subListConfig(item)\"></koala-list>\n </div>\n </td>\n <td *matFooterCellDef mat-footer-cell></td>\n </ng-container>\n\n <ng-container matColumnDef=\"options\">\n <th *matHeaderCellDef mat-header-cell></th>\n <td *matCellDef=\"let item\" mat-cell>\n <div *ngIf=\"haveOptionsOnItemLine(item)\">\n <button [matMenuTriggerFor]=\"options\" mat-icon-button type=\"button\">\n <i class='material-icons'>more_vert</i>\n </button>\n <mat-menu #options=\"matMenu\" class=\"menu-list\" yPosition=\"below\">\n\t <div *ngFor=\"let option of itemsMenuListOptions\">\n\t <button\n\t\t (click)=\"option.action(item)\"\n\t\t *ngIf=\"option.havePermission && (\n\t\t !option.showByItemList ||\n\t\t option.showByItemList(item)\n\t )\"\n\t\t mat-menu-item>\n\t <mat-icon>{{option.icon}}</mat-icon>\n\t <span>{{option.name}}</span>\n\t </button>\n\t </div>\n </mat-menu>\n </div>\n </td>\n <td *matFooterCellDef mat-footer-cell></td>\n </ng-container>\n\n <tr *matHeaderRowDef=\"columnsToShowInList; sticky: true\" mat-header-row></tr>\n <tr *matRowDef=\"let item; columns: columnsToShowInList;\" mat-row></tr>\n <ng-container *ngIf=\"subListConfig && btnCollapseSubListConfig\">\n <tr mat-row *matRowDef=\"let row; columns: ['koalaListDetails']\" class=\"item-detail-row\"></tr>\n </ng-container>\n <ng-container *ngIf=\"hasFooter()\">\n <tr *matFooterRowDef=\"columnsToShowInList; sticky: true\" mat-footer-row></tr>\n </ng-container>\n </table>\n <ng-template #emptyList>\n <koala-dynamic-component *ngIf=\"!(filterError$ | async) else errorList\" [dynamicComponent]=\"emptyListComponent\"></koala-dynamic-component>\n <ng-template #errorList>\n <koala-dynamic-component [dynamicComponent]=\"errorListComponent\"></koala-dynamic-component>\n </ng-template>\n </ng-template>\n </div>\n <div *ngIf=\"!hidePaginator\" class=\"content-paginator\">\n <mat-paginator\n [length]=\"qtdListResult\"\n [pageSizeOptions]=\"limitOptions\"\n [pageSize]=\"pageSize\"\n showFirstLastButtons>\n </mat-paginator>\n </div>\n</div>\n", styles: [".list-container{border-radius:10px;margin:0 auto;overflow-x:hidden;width:calc(100% - 40px);position:relative}.list-container .spinner-container{position:absolute;width:100%;height:calc(100vh - 320px);top:100px;left:0;background:rgba(0,0,0,.15);z-index:2;display:flex;align-items:center;justify-content:center}.list-container .spinner-container.no-filter{top:40px}.list-container .list{display:block;height:calc(100vh - 320px);overflow-y:auto;position:relative;top:0;width:100%;z-index:1}.list-container .list table:not(.table-not-selection) .mat-header-cell:first-child,.list-container .list .mat-header-cell:last-child,.list-container .list .mat-header-cell.mat-column-collapseButton{width:5%}.list-container .list .mat-header-cell:last-child{text-align:center}.list-container .list .mat-header-row,.list-container .list .mat-row,.list-container .list .mat-footer-row{height:35px}.list-container .list .mat-row .mat-icon-button{height:35px;line-height:35px;width:35px}.list-container .list tr.detail-row:not(.expanded-row){height:0}.list-container .list .element-detail{display:flex;overflow:hidden}.list-container .list table{position:relative;width:100%;font-family:OpenSans,sans-serif;font-size:1em}.list-container .list table.table-hover tr{cursor:pointer;transition:.2s}.list-container .list table th:first-child,.list-container .list table td:first-child{padding:0 8px 0 20px}.list-container .list table th{font-size:.7em;padding:0 8px;font-family:OpenSans,sans-serif;line-height:1em}.list-container .list table td{font-size:.8em;padding:0 8px;font-family:OpenSans,sans-serif}.list-container .list table th:last-child,.list-container .list table td:last-child{padding:0 20px 0 8px}.list-container .list .mat-list-item-content,.list-container .list .mat-list-item-content .mat-list-text{padding:0}.list-container .list-filter{box-shadow:0 1px 3px #0000004d;height:60px;position:relative;z-index:3}.list-container .list-filter .main{display:flex;justify-content:space-between;font-size:1.05em;height:60px;overflow:hidden;padding-left:2.5px;position:relative;width:100%}.list-container .list-filter .main koala-dynamic-form{width:100%}.list-container .list-filter .main mat-form-field{display:inline-block}.list-container .list-filter .main .mat-form-field-appearance-fill .mat-form-field-flex{background:transparent}.list-container .list-filter .main .mat-form-field .mat-form-field-wrapper{padding-bottom:0}.list-container .list-filter .main .mat-form-field-underline,.list-container .list-filter .main .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper,.list-container .list-filter .main .mat-form-field-wrapper .mat-form-field-subscript-wrapper{display:none}.list-container .list-filter ul{display:flex;align-items:center;font-size:0;list-style:none;margin:0;padding:0 15px 0 0;position:relative;text-align:right}.list-container .list-filter ul li{display:inline-block;font-size:14px;padding:5px;position:relative}.list-container .list-filter ul li.option button{transition:.2s}.list-container .list-filter ul li.option button:hover{background:rgba(0,0,0,.1)}.list-container .list-filter ul li.checkbox-filter{text-align:center}.list-container .list-filter ul li.checkbox-filter .checkbox-inline{top:-5px}.list-container .list-filter ul li.checkbox-filter input[type=checkbox]{margin-left:0}.list-container .list-filter ul li.checkbox-filter label{padding:0!important;width:auto}.list-container .list-filter .advanced{border-top:1px solid #dddddd;box-shadow:0 3px 10px #0000004d;height:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:60px;transition:.2s;width:100%;z-index:1}.list-container .list-filter .advanced .container-filter{padding:15px}.list-container .list-filter .advanced.show{height:360px}.list-container nav.menu-list{height:40px;margin:0;padding:3px 0;position:relative;transition:.2s;width:100%;z-index:2;box-sizing:border-box}.list-container nav.menu-list ul.menu{float:left;font-size:0;list-style:none;margin:0;padding:0 10px;position:relative;text-align:left}.list-container nav.menu-list ul.menu li{color:#616161;display:inline-block;font-size:16px;padding:0 4px}.list-container nav.menu-list ul.menu li button.mat-button,.list-container nav.menu-list ul.menu li button.koala-icon-button{display:inline-block}.list-container .content-paginator mat-paginator .mat-paginator-container{height:40px!important;min-height:40px!important}.list-container .content-paginator mat-paginator .mat-paginator-container .mat-paginator-page-size-select{height:40px;margin-top:0!important}.list-container .content-paginator mat-paginator .mat-paginator-container .mat-paginator-range-label{margin-top:3px}.list-container .content-paginator{position:relative;background:transparent!important;z-index:2;box-shadow:-3px 1px 3px #0000004d}.list-container .item-detail{overflow:hidden}.list-container tr.item-detail-row{height:0!important}.list-container tr.item-detail-row .list-container{width:100%!important}.list-container tr.item-detail-row .list-container .list{height:auto!important;max-height:250px!important}.list-container tr.item-detail-row .list-container nav.menu-list{display:none}@media (max-width: 900px){.list-container{width:100%;box-shadow:none!important;padding:15px 10px 15px 15px;box-sizing:border-box}.list-container .list{height:auto;overflow:unset}.list-container .list-filter .main{justify-content:flex-end}}\n"], components: [{ type: i2.DynamicFormComponent, selector: "koala-dynamic-form", inputs: ["form", "formConfig", "showFields", "showFieldsMoreItensConfig", "setValues", "tabIndexStart"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i2.BtnSubmitComponent, selector: "koala-submit", inputs: ["fg", "color", "btnLabel", "btnSubmitDisabled", "loader", "iconButton", "icon", "iconColor"] }, { type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i9.ButtonComponent, selector: "koala-button", inputs: ["color", "backgroundColor", "icon", "text", "tooltip", "disabled", "koalaIcon", "koalaIconSize"] }, { type: i10.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i11.KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: ["dynamicComponent"] }, { type: ListComponent, selector: "koala-list", inputs: ["config"] }, { type: i12.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i12.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i8.MatFooterRow, selector: "mat-footer-row, tr[mat-footer-row]", exportAs: ["matFooterRow"] }, { type: i13.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i14.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i15.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i10.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i8.MatCellDef, selector: "[matCellDef]" }, { type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i8.MatFooterCellDef, selector: "[matFooterCellDef]" }, { type: i8.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { type: i14.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i12.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i8.MatFooterRowDef, selector: "[matFooterRowDef]", inputs: ["matFooterRowDef", "matFooterRowDefSticky"] }], pipes: { "async": i14.AsyncPipe }, animations: [
|
|
147
147
|
trigger('detailExpand', [
|
|
148
148
|
state('collapsed', style({ height: '0px', minHeight: '0' })),
|
|
149
149
|
state('expanded', style({ height: '*' })),
|
|
150
150
|
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
|
|
151
151
|
]),
|
|
152
152
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
153
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
153
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ListComponent, decorators: [{
|
|
154
154
|
type: Component,
|
|
155
155
|
args: [{ selector: 'koala-list', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
|
|
156
156
|
trigger('detailExpand', [
|
|
@@ -24,9 +24,9 @@ export class PaginationProvider extends MatPaginatorIntl {
|
|
|
24
24
|
this.changes.next();
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
|
-
PaginationProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
28
|
-
PaginationProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
27
|
+
PaginationProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: PaginationProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
28
|
+
PaginationProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: PaginationProvider });
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: PaginationProvider, decorators: [{
|
|
30
30
|
type: Injectable
|
|
31
31
|
}], ctorParameters: function () { return []; } });
|
|
32
32
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5wcm92aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpc3Qvc3JjL2xpYi9wcm92aWRlcnMvcGFnaW5hdGlvbi9wYWdpbmF0aW9uLnByb3ZpZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRzNDLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxnQkFBZ0I7SUFDdEQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQWFILGtCQUFhLEdBQUcsQ0FBQyxJQUFZLEVBQUUsUUFBZ0IsRUFBRSxNQUFjLEVBQUUsRUFBRTtZQUN4RSxJQUFJLE1BQU0sS0FBSyxDQUFDLElBQUksUUFBUSxLQUFLLENBQUMsRUFBRTtnQkFDbEMsT0FBTyxPQUFPLE1BQU0sRUFBRSxDQUFDO2FBQ3hCO1lBQ0QsTUFBTSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQzdCLE1BQU0sVUFBVSxHQUFHLElBQUksR0FBRyxRQUFRLENBQUM7WUFDbkMsTUFBTSxRQUFRLEdBQUcsVUFBVSxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFVLEdBQUcsUUFBUSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLEdBQUcsUUFBUSxDQUFDO1lBQ3ZHLE9BQU8sR0FBRyxVQUFVLEdBQUcsQ0FBQyxNQUFNLFFBQVEsTUFBTSxNQUFNLEVBQUUsQ0FBQztRQUN2RCxDQUFDLENBQUE7UUFwQkMsSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVNLHNCQUFzQjtRQUMzQixJQUFJLENBQUMsaUJBQWlCLEdBQUcsa0JBQWtCLENBQUM7UUFDNUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxpQkFBaUIsQ0FBQztRQUN4QyxJQUFJLENBQUMsYUFBYSxHQUFHLGdCQUFnQixDQUFDO1FBQ3RDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQztRQUMzQyxJQUFJLENBQUMsYUFBYSxHQUFHLGVBQWUsQ0FBQztRQUNyQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7OytHQWJVLGtCQUFrQjttSEFBbEIsa0JBQWtCOzJGQUFsQixrQkFBa0I7a0JBRDlCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNYXRQYWdpbmF0b3JJbnRsIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcGFnaW5hdG9yJztcbmltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFBhZ2luYXRpb25Qcm92aWRlciBleHRlbmRzIE1hdFBhZ2luYXRvckludGwge1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuZ2V0QW5kSW5pdFRyYW5zbGF0aW9ucygpO1xuICB9XG5cbiAgcHVibGljIGdldEFuZEluaXRUcmFuc2xhdGlvbnMoKSB7XG4gICAgdGhpcy5pdGVtc1BlclBhZ2VMYWJlbCA9IFwiSXRlbnMgcG9yIFDDoWdpbmFcIjtcbiAgICB0aGlzLmZpcnN0UGFnZUxhYmVsID0gXCJQcmltZWlyYSBQw6FnaW5hXCI7XG4gICAgdGhpcy5uZXh0UGFnZUxhYmVsID0gXCJQcsOzeGltYSBQw6FnaW5hXCI7XG4gICAgdGhpcy5wcmV2aW91c1BhZ2VMYWJlbCA9IFwiUMOhZ2luYSBBbnRlcmlvclwiO1xuICAgIHRoaXMubGFzdFBhZ2VMYWJlbCA9IFwiw5psdGltYSBQw6FnaW5hXCI7XG4gICAgdGhpcy5jaGFuZ2VzLm5leHQoKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRSYW5nZUxhYmVsID0gKHBhZ2U6IG51bWJlciwgcGFnZVNpemU6IG51bWJlciwgbGVuZ3RoOiBudW1iZXIpID0+IHtcbiAgICBpZiAobGVuZ3RoID09PSAwIHx8IHBhZ2VTaXplID09PSAwKSB7XG4gICAgICByZXR1cm4gYDAgLyAke2xlbmd0aH1gO1xuICAgIH1cbiAgICBsZW5ndGggPSBNYXRoLm1heChsZW5ndGgsIDApO1xuICAgIGNvbnN0IHN0YXJ0SW5kZXggPSBwYWdlICogcGFnZVNpemU7XG4gICAgY29uc3QgZW5kSW5kZXggPSBzdGFydEluZGV4IDwgbGVuZ3RoID8gTWF0aC5taW4oc3RhcnRJbmRleCArIHBhZ2VTaXplLCBsZW5ndGgpIDogc3RhcnRJbmRleCArIHBhZ2VTaXplO1xuICAgIHJldHVybiBgJHtzdGFydEluZGV4ICsgMX0gLSAke2VuZEluZGV4fSAvICR7bGVuZ3RofWA7XG4gIH1cbn1cbiJdfQ==
|