@koalarx/ui 12.7.18 → 13.0.2

package/dynamic-component/fesm2015/koalarx-ui-dynamic-component.mjs

@@ -0,0 +1,87 @@
+import * as i0 from '@angular/core';
+import { Directive, Component, Input, ViewChild, NgModule } from '@angular/core';
+
+class KoalaDynamicComponentDirective {
+    constructor(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+    }
+}
+KoalaDynamicComponentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaDynamicComponentDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+KoalaDynamicComponentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: KoalaDynamicComponentDirective, selector: "[koalaDynamicComponent]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaDynamicComponentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[koalaDynamicComponent]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+
+class KoalaDynamicComponentFactory {
+    constructor(componentFactoryResolver) {
+        this.componentFactoryResolver = componentFactoryResolver;
+    }
+    ngOnInit() {
+        this.loadComponent();
+    }
+    loadComponent() {
+        var _a;
+        const dynamicComponent = this.dynamicComponent;
+        if (dynamicComponent) {
+            const componentFactory = this.componentFactoryResolver.resolveComponentFactory(dynamicComponent.component);
+            const viewContainerRef = (_a = this.koalaDynamicComponentDirective) === null || _a === void 0 ? void 0 : _a.viewContainerRef;
+            viewContainerRef === null || viewContainerRef === void 0 ? void 0 : viewContainerRef.clear();
+            const componentRef = viewContainerRef === null || viewContainerRef === void 0 ? void 0 : viewContainerRef.createComponent(componentFactory);
+            const instance = componentRef === null || componentRef === void 0 ? void 0 : componentRef.instance;
+            if (instance)
+                instance.data = dynamicComponent.data;
+        }
+    }
+}
+KoalaDynamicComponentFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaDynamicComponentFactory, deps: [{ token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
+KoalaDynamicComponentFactory.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: { dynamicComponent: "dynamicComponent" }, viewQueries: [{ propertyName: "koalaDynamicComponentDirective", first: true, predicate: KoalaDynamicComponentDirective, descendants: true, static: true }], ngImport: i0, template: `
+    <ng-template koalaDynamicComponent></ng-template>`, isInline: true, directives: [{ type: KoalaDynamicComponentDirective, selector: "[koalaDynamicComponent]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaDynamicComponentFactory, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'koala-dynamic-component',
+                    template: `
+    <ng-template koalaDynamicComponent></ng-template>`
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }]; }, propDecorators: { dynamicComponent: [{
+                type: Input
+            }], koalaDynamicComponentDirective: [{
+                type: ViewChild,
+                args: [KoalaDynamicComponentDirective, { static: true }]
+            }] } });
+
+class KoalaDynamicComponentModule {
+}
+KoalaDynamicComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaDynamicComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaDynamicComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaDynamicComponentModule, declarations: [KoalaDynamicComponentDirective,
+        KoalaDynamicComponentFactory], exports: [KoalaDynamicComponentFactory] });
+KoalaDynamicComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaDynamicComponentModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaDynamicComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        KoalaDynamicComponentFactory
+                    ],
+                    declarations: [
+                        KoalaDynamicComponentDirective,
+                        KoalaDynamicComponentFactory
+                    ]
+                }]
+        }] });
+
+class KoalaDynamicComponent {
+    constructor(component, data) {
+        this.component = component;
+        this.data = data;
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { KoalaDynamicComponent, KoalaDynamicComponentDirective, KoalaDynamicComponentFactory, KoalaDynamicComponentModule };
+//# sourceMappingURL=koalarx-ui-dynamic-component.mjs.map

package/dynamic-component/fesm2015/koalarx-ui-dynamic-component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-dynamic-component.mjs","sources":["../../../projects/dynamic-component/src/lib/koala-dynamic-component.directive.ts","../../../projects/dynamic-component/src/lib/koala-dynamic-component.factory.ts","../../../projects/dynamic-component/src/lib/koala-dynamic-component.module.ts","../../../projects/dynamic-component/src/lib/koala-dynamic-component.ts","../../../projects/dynamic-component/src/koalarx-ui-dynamic-component.ts"],"sourcesContent":["import { Directive, ViewContainerRef } from '@angular/core';\n\n@Directive({\n\tselector: '[koalaDynamicComponent]',\n})\nexport class KoalaDynamicComponentDirective {\n\tconstructor(public viewContainerRef: ViewContainerRef) { }\n}\n","import { Component, ComponentFactoryResolver, Input, OnInit, ViewChild } from '@angular/core';\nimport { KoalaDynamicComponent } from './koala-dynamic-component';\nimport { KoalaDynamicComponentDirective } from './koala-dynamic-component.directive';\nimport { KoalaDynamicComponentComponent } from './koala-dynamic-component.component';\n\n@Component({\n  selector: 'koala-dynamic-component',\n  template: `\n    <ng-template koalaDynamicComponent></ng-template>`\n})\nexport class KoalaDynamicComponentFactory implements OnInit {\n  @Input() dynamicComponent?: KoalaDynamicComponent;\n  @ViewChild(KoalaDynamicComponentDirective, {static: true}) koalaDynamicComponentDirective?: KoalaDynamicComponentDirective;\n\n  constructor(private componentFactoryResolver: ComponentFactoryResolver) {\n  }\n\n  ngOnInit() {\n    this.loadComponent();\n  }\n\n  loadComponent() {\n    const dynamicComponent = this.dynamicComponent;\n    if (dynamicComponent) {\n      const componentFactory = this.componentFactoryResolver.resolveComponentFactory(dynamicComponent.component);\n\n      const viewContainerRef = this.koalaDynamicComponentDirective?.viewContainerRef;\n      viewContainerRef?.clear();\n\n      const componentRef = viewContainerRef?.createComponent<KoalaDynamicComponentComponent>(componentFactory);\n      const instance = componentRef?.instance;\n      if (instance) instance.data = dynamicComponent.data;\n    }\n  }\n\n}\n","import { NgModule } from '@angular/core';\nimport { KoalaDynamicComponentDirective } from './koala-dynamic-component.directive';\nimport { KoalaDynamicComponentFactory } from './koala-dynamic-component.factory';\n\n@NgModule({\n\texports: [\n\t\tKoalaDynamicComponentFactory\n\t],\n\tdeclarations: [\n\t\tKoalaDynamicComponentDirective,\n\t\tKoalaDynamicComponentFactory\n\t]\n})\nexport class KoalaDynamicComponentModule {\n}\n","import { Type } from '@angular/core';\n\nexport class KoalaDynamicComponent {\n\tconstructor(public component: Type<any>, public data?: any) {}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAKa,8BAA8B;IAC1C,YAAmB,gBAAkC;QAAlC,qBAAgB,GAAhB,gBAAgB,CAAkB;KAAK;;2HAD9C,8BAA8B;+GAA9B,8BAA8B;2FAA9B,8BAA8B;kBAH1C,SAAS;mBAAC;oBACV,QAAQ,EAAE,yBAAyB;iBACnC;;;MCMY,4BAA4B;IAIvC,YAAoB,wBAAkD;QAAlD,6BAAwB,GAAxB,wBAAwB,CAA0B;KACrE;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,aAAa;;QACX,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAC/C,IAAI,gBAAgB,EAAE;YACpB,MAAM,gBAAgB,GAAG,IAAI,CAAC,wBAAwB,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAE3G,MAAM,gBAAgB,GAAG,MAAA,IAAI,CAAC,8BAA8B,0CAAE,gBAAgB,CAAC;YAC/E,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,EAAE,CAAC;YAE1B,MAAM,YAAY,GAAG,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe,CAAiC,gBAAgB,CAAC,CAAC;YACzG,MAAM,QAAQ,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,CAAC;YACxC,IAAI,QAAQ;gBAAE,QAAQ,CAAC,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC;SACrD;KACF;;yHAvBU,4BAA4B;6GAA5B,4BAA4B,iLAE5B,8BAA8B,8DAL/B;sDAC0C;2FAEzC,4BAA4B;kBALxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,QAAQ,EAAE;sDAC0C;iBACrD;+GAEU,gBAAgB;sBAAxB,KAAK;gBACqD,8BAA8B;sBAAxF,SAAS;uBAAC,8BAA8B,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;;;MCC9C,2BAA2B;;wHAA3B,2BAA2B;yHAA3B,2BAA2B,iBAJtC,8BAA8B;QAC9B,4BAA4B,aAJ5B,4BAA4B;yHAOjB,2BAA2B;2FAA3B,2BAA2B;kBATvC,QAAQ;mBAAC;oBACT,OAAO,EAAE;wBACR,4BAA4B;qBAC5B;oBACD,YAAY,EAAE;wBACb,8BAA8B;wBAC9B,4BAA4B;qBAC5B;iBACD;;;MCVY,qBAAqB;IACjC,YAAmB,SAAoB,EAAS,IAAU;QAAvC,cAAS,GAAT,SAAS,CAAW;QAAS,SAAI,GAAJ,IAAI,CAAM;KAAI;;;ACH/D;;;;;;"}

package/dynamic-component/fesm2020/koalarx-ui-dynamic-component.mjs

@@ -0,0 +1,86 @@
+import * as i0 from '@angular/core';
+import { Directive, Component, Input, ViewChild, NgModule } from '@angular/core';
+
+class KoalaDynamicComponentDirective {
+    constructor(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+    }
+}
+KoalaDynamicComponentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaDynamicComponentDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+KoalaDynamicComponentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: KoalaDynamicComponentDirective, selector: "[koalaDynamicComponent]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaDynamicComponentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[koalaDynamicComponent]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+
+class KoalaDynamicComponentFactory {
+    constructor(componentFactoryResolver) {
+        this.componentFactoryResolver = componentFactoryResolver;
+    }
+    ngOnInit() {
+        this.loadComponent();
+    }
+    loadComponent() {
+        const dynamicComponent = this.dynamicComponent;
+        if (dynamicComponent) {
+            const componentFactory = this.componentFactoryResolver.resolveComponentFactory(dynamicComponent.component);
+            const viewContainerRef = this.koalaDynamicComponentDirective?.viewContainerRef;
+            viewContainerRef?.clear();
+            const componentRef = viewContainerRef?.createComponent(componentFactory);
+            const instance = componentRef?.instance;
+            if (instance)
+                instance.data = dynamicComponent.data;
+        }
+    }
+}
+KoalaDynamicComponentFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaDynamicComponentFactory, deps: [{ token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
+KoalaDynamicComponentFactory.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: { dynamicComponent: "dynamicComponent" }, viewQueries: [{ propertyName: "koalaDynamicComponentDirective", first: true, predicate: KoalaDynamicComponentDirective, descendants: true, static: true }], ngImport: i0, template: `
+    <ng-template koalaDynamicComponent></ng-template>`, isInline: true, directives: [{ type: KoalaDynamicComponentDirective, selector: "[koalaDynamicComponent]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaDynamicComponentFactory, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'koala-dynamic-component',
+                    template: `
+    <ng-template koalaDynamicComponent></ng-template>`
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }]; }, propDecorators: { dynamicComponent: [{
+                type: Input
+            }], koalaDynamicComponentDirective: [{
+                type: ViewChild,
+                args: [KoalaDynamicComponentDirective, { static: true }]
+            }] } });
+
+class KoalaDynamicComponentModule {
+}
+KoalaDynamicComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaDynamicComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaDynamicComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaDynamicComponentModule, declarations: [KoalaDynamicComponentDirective,
+        KoalaDynamicComponentFactory], exports: [KoalaDynamicComponentFactory] });
+KoalaDynamicComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaDynamicComponentModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaDynamicComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        KoalaDynamicComponentFactory
+                    ],
+                    declarations: [
+                        KoalaDynamicComponentDirective,
+                        KoalaDynamicComponentFactory
+                    ]
+                }]
+        }] });
+
+class KoalaDynamicComponent {
+    constructor(component, data) {
+        this.component = component;
+        this.data = data;
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { KoalaDynamicComponent, KoalaDynamicComponentDirective, KoalaDynamicComponentFactory, KoalaDynamicComponentModule };
+//# sourceMappingURL=koalarx-ui-dynamic-component.mjs.map

package/dynamic-component/fesm2020/koalarx-ui-dynamic-component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-dynamic-component.mjs","sources":["../../../projects/dynamic-component/src/lib/koala-dynamic-component.directive.ts","../../../projects/dynamic-component/src/lib/koala-dynamic-component.factory.ts","../../../projects/dynamic-component/src/lib/koala-dynamic-component.module.ts","../../../projects/dynamic-component/src/lib/koala-dynamic-component.ts","../../../projects/dynamic-component/src/koalarx-ui-dynamic-component.ts"],"sourcesContent":["import { Directive, ViewContainerRef } from '@angular/core';\n\n@Directive({\n\tselector: '[koalaDynamicComponent]',\n})\nexport class KoalaDynamicComponentDirective {\n\tconstructor(public viewContainerRef: ViewContainerRef) { }\n}\n","import { Component, ComponentFactoryResolver, Input, OnInit, ViewChild } from '@angular/core';\nimport { KoalaDynamicComponent } from './koala-dynamic-component';\nimport { KoalaDynamicComponentDirective } from './koala-dynamic-component.directive';\nimport { KoalaDynamicComponentComponent } from './koala-dynamic-component.component';\n\n@Component({\n  selector: 'koala-dynamic-component',\n  template: `\n    <ng-template koalaDynamicComponent></ng-template>`\n})\nexport class KoalaDynamicComponentFactory implements OnInit {\n  @Input() dynamicComponent?: KoalaDynamicComponent;\n  @ViewChild(KoalaDynamicComponentDirective, {static: true}) koalaDynamicComponentDirective?: KoalaDynamicComponentDirective;\n\n  constructor(private componentFactoryResolver: ComponentFactoryResolver) {\n  }\n\n  ngOnInit() {\n    this.loadComponent();\n  }\n\n  loadComponent() {\n    const dynamicComponent = this.dynamicComponent;\n    if (dynamicComponent) {\n      const componentFactory = this.componentFactoryResolver.resolveComponentFactory(dynamicComponent.component);\n\n      const viewContainerRef = this.koalaDynamicComponentDirective?.viewContainerRef;\n      viewContainerRef?.clear();\n\n      const componentRef = viewContainerRef?.createComponent<KoalaDynamicComponentComponent>(componentFactory);\n      const instance = componentRef?.instance;\n      if (instance) instance.data = dynamicComponent.data;\n    }\n  }\n\n}\n","import { NgModule } from '@angular/core';\nimport { KoalaDynamicComponentDirective } from './koala-dynamic-component.directive';\nimport { KoalaDynamicComponentFactory } from './koala-dynamic-component.factory';\n\n@NgModule({\n\texports: [\n\t\tKoalaDynamicComponentFactory\n\t],\n\tdeclarations: [\n\t\tKoalaDynamicComponentDirective,\n\t\tKoalaDynamicComponentFactory\n\t]\n})\nexport class KoalaDynamicComponentModule {\n}\n","import { Type } from '@angular/core';\n\nexport class KoalaDynamicComponent {\n\tconstructor(public component: Type<any>, public data?: any) {}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAKa,8BAA8B;IAC1C,YAAmB,gBAAkC;QAAlC,qBAAgB,GAAhB,gBAAgB,CAAkB;KAAK;;2HAD9C,8BAA8B;+GAA9B,8BAA8B;2FAA9B,8BAA8B;kBAH1C,SAAS;mBAAC;oBACV,QAAQ,EAAE,yBAAyB;iBACnC;;;MCMY,4BAA4B;IAIvC,YAAoB,wBAAkD;QAAlD,6BAAwB,GAAxB,wBAAwB,CAA0B;KACrE;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,aAAa;QACX,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAC/C,IAAI,gBAAgB,EAAE;YACpB,MAAM,gBAAgB,GAAG,IAAI,CAAC,wBAAwB,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAE3G,MAAM,gBAAgB,GAAG,IAAI,CAAC,8BAA8B,EAAE,gBAAgB,CAAC;YAC/E,gBAAgB,EAAE,KAAK,EAAE,CAAC;YAE1B,MAAM,YAAY,GAAG,gBAAgB,EAAE,eAAe,CAAiC,gBAAgB,CAAC,CAAC;YACzG,MAAM,QAAQ,GAAG,YAAY,EAAE,QAAQ,CAAC;YACxC,IAAI,QAAQ;gBAAE,QAAQ,CAAC,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC;SACrD;KACF;;yHAvBU,4BAA4B;6GAA5B,4BAA4B,iLAE5B,8BAA8B,8DAL/B;sDAC0C;2FAEzC,4BAA4B;kBALxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,QAAQ,EAAE;sDAC0C;iBACrD;+GAEU,gBAAgB;sBAAxB,KAAK;gBACqD,8BAA8B;sBAAxF,SAAS;uBAAC,8BAA8B,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;;;MCC9C,2BAA2B;;wHAA3B,2BAA2B;yHAA3B,2BAA2B,iBAJtC,8BAA8B;QAC9B,4BAA4B,aAJ5B,4BAA4B;yHAOjB,2BAA2B;2FAA3B,2BAA2B;kBATvC,QAAQ;mBAAC;oBACT,OAAO,EAAE;wBACR,4BAA4B;qBAC5B;oBACD,YAAY,EAAE;wBACb,8BAA8B;wBAC9B,4BAA4B;qBAC5B;iBACD;;;MCVY,qBAAqB;IACjC,YAAmB,SAAoB,EAAS,IAAU;QAAvC,cAAS,GAAT,SAAS,CAAW;QAAS,SAAI,GAAJ,IAAI,CAAM;KAAI;;;ACH/D;;;;;;"}

package/dynamic-component/koalarx-ui-dynamic-component.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@koalarx/ui/dynamic-component" />
 export * from './index';

package/dynamic-component/lib/koala-dynamic-component.directive.d.ts

@@ -1,5 +1,8 @@
 import { ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class KoalaDynamicComponentDirective {
     viewContainerRef: ViewContainerRef;
     constructor(viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<KoalaDynamicComponentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KoalaDynamicComponentDirective, "[koalaDynamicComponent]", never, {}, {}, never>;
 }

package/dynamic-component/lib/koala-dynamic-component.factory.d.ts

@@ -1,6 +1,7 @@
 import { ComponentFactoryResolver, OnInit } from '@angular/core';
 import { KoalaDynamicComponent } from './koala-dynamic-component';
 import { KoalaDynamicComponentDirective } from './koala-dynamic-component.directive';
+import * as i0 from "@angular/core";
 export declare class KoalaDynamicComponentFactory implements OnInit {
     private componentFactoryResolver;
     dynamicComponent?: KoalaDynamicComponent;
@@ -8,4 +9,6 @@ export declare class KoalaDynamicComponentFactory implements OnInit {
     constructor(componentFactoryResolver: ComponentFactoryResolver);
     ngOnInit(): void;
     loadComponent(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KoalaDynamicComponentFactory, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KoalaDynamicComponentFactory, "koala-dynamic-component", never, { "dynamicComponent": "dynamicComponent"; }, {}, never, never>;
 }

package/dynamic-component/lib/koala-dynamic-component.module.d.ts

@@ -1,2 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./koala-dynamic-component.directive";
+import * as i2 from "./koala-dynamic-component.factory";
 export declare class KoalaDynamicComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KoalaDynamicComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KoalaDynamicComponentModule, [typeof i1.KoalaDynamicComponentDirective, typeof i2.KoalaDynamicComponentFactory], never, [typeof i2.KoalaDynamicComponentFactory]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KoalaDynamicComponentModule>;
 }

package/dynamic-component/package.json

@@ -8,12 +8,24 @@
   "dependencies": {
     "tslib": "^2.1.0"
   },
-  "main": "bundles/koalarx-ui-dynamic-component.umd.js",
-  "module": "fesm2015/koalarx-ui-dynamic-component.js",
-  "es2015": "fesm2015/koalarx-ui-dynamic-component.js",
-  "esm2015": "esm2015/koalarx-ui-dynamic-component.js",
-  "fesm2015": "fesm2015/koalarx-ui-dynamic-component.js",
+  "module": "fesm2015/koalarx-ui-dynamic-component.mjs",
+  "es2020": "fesm2020/koalarx-ui-dynamic-component.mjs",
+  "esm2020": "esm2020/koalarx-ui-dynamic-component.mjs",
+  "fesm2020": "fesm2020/koalarx-ui-dynamic-component.mjs",
+  "fesm2015": "fesm2015/koalarx-ui-dynamic-component.mjs",
   "typings": "koalarx-ui-dynamic-component.d.ts",
-  "metadata": "koalarx-ui-dynamic-component.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./koalarx-ui-dynamic-component.d.ts",
+      "esm2020": "./esm2020/koalarx-ui-dynamic-component.mjs",
+      "es2020": "./fesm2020/koalarx-ui-dynamic-component.mjs",
+      "es2015": "./fesm2015/koalarx-ui-dynamic-component.mjs",
+      "node": "./fesm2015/koalarx-ui-dynamic-component.mjs",
+      "default": "./fesm2020/koalarx-ui-dynamic-component.mjs"
+    }
+  },
   "sideEffects": false
 }

package/file-button/esm2020/lib/file-button.component.mjs

@@ -0,0 +1,125 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/button";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/tooltip";
+export class FileButtonComponent {
+    constructor() {
+        this.autoclear = true;
+        this.getFiles = new EventEmitter();
+        this.files = [];
+        this.textSubject = new BehaviorSubject('');
+    }
+    ngOnInit() {
+        this.style = `color: ${this.color}!important;background-color: ${this.backgroundColor}!important;`;
+        this.textSubject.next(this.text ?? '');
+        if (this.setFile) {
+            this.setFile.subscribe(async (file) => {
+                if (file) {
+                    const fileResult = await this.convertFile(file);
+                    if (fileResult) {
+                        this.files.push(fileResult);
+                    }
+                    this.generateTextButton();
+                    this.getFiles.emit(this.files);
+                }
+            });
+        }
+        if (this.updateFileList) {
+            this.updateFileList.subscribe((fileList) => {
+                this.files = fileList;
+                this.generateTextButton();
+            });
+        }
+    }
+    async emitFiles(files) {
+        if (files) {
+            if (files?.length > 0) {
+                for (let f = 0; f <= files.length; f++) {
+                    const file = files.item(f);
+                    if (file) {
+                        const fileResult = await this.convertFile(file);
+                        if (fileResult) {
+                            this.files.push(fileResult);
+                        }
+                    }
+                }
+                this.getFiles.emit(this.files);
+            }
+            else {
+                this.getFiles.emit([]);
+            }
+            this.generateTextButton();
+        }
+    }
+    open() {
+        const elFile = this.file?.nativeElement;
+        if (elFile)
+            elFile.value = '';
+        if (this.autoclear) {
+            this.files = [];
+            this.getFiles.emit([]);
+            this.generateTextButton();
+        }
+        elFile?.click();
+    }
+    generateTextButton() {
+        this.textSubject.next(this.files.length > 0
+            ? `${this.files.length} arquivo${this.files.length > 1 ? 's' : ''} selecionado`
+            : this.text ?? '');
+    }
+    async convertFile(file) {
+        const blobFile = await new Promise((resolve) => {
+            const fileReader = new FileReader();
+            fileReader.readAsDataURL(file);
+            fileReader.onload = () => {
+                resolve(fileReader.result);
+            };
+        });
+        if (blobFile) {
+            const fileSplit = blobFile.toString().split(';base64,');
+            return {
+                filename: file.name,
+                type: fileSplit[0].replace('data:', ''),
+                base64: fileSplit[1],
+            };
+        }
+        return null;
+    }
+}
+FileButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FileButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FileButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: FileButtonComponent, selector: "koala-file-button", inputs: { color: "color", backgroundColor: "backgroundColor", icon: "icon", text: "text", tooltip: "tooltip", disabled: "disabled", multiple: "multiple", accept: "accept", setFile: "setFile", updateFileList: "updateFileList", autoclear: "autoclear" }, outputs: { getFiles: "getFiles" }, viewQueries: [{ propertyName: "file", first: true, predicate: ["file"], descendants: true, static: true }], ngImport: i0, template: "<input #file (change)=\"emitFiles(file.files)\" [accept]=\"accept\" [multiple]=\"multiple\"\n       style=\"display: none;\"\n       type=\"file\"/>\n<button\n\t(click)=\"open()\"\n\t*ngIf=\"text else iconButton\"\n\t[disabled]=\"disabled\"\n\t[matTooltipDisabled]=\"!tooltip\"\n\t[matTooltip]=\"tooltip ?? ''\"\n  [style]=\"style\"\n\tclass=\"koala-button\"\n\tmat-button\n\tmatTooltipPosition=\"above\"\n\ttype=\"button\">\n  <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n\t{{textSubject | async}}\n</button>\n<ng-template #iconButton>\n  <button\n\t  (click)=\"open()\"\n\t  [disabled]=\"disabled\"\n\t  [matTooltipDisabled]=\"!tooltip\"\n\t  [matTooltip]=\"tooltip ?? ''\"\n    [style]=\"style\"\n\t  class=\"koala-icon-button\"\n\t  mat-icon-button\n\t  matTooltipPosition=\"before\"\n\t  type=\"button\">\n    <mat-icon>{{icon}}</mat-icon>\n  </button>\n</ng-template>\n", styles: [".koala-button{padding:2px 8px}.koala-icon-button:disabled,.koala-button:disabled{background:#cccccc!important;color:#616161!important;cursor:not-allowed}.koala-icon-button{height:25px;line-height:25px;width:25px}.koala-icon-button mat-icon{font-size:20px;height:20px;line-height:20px;position:relative;width:20px}\n"], components: [{ type: i1.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: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FileButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'koala-file-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input #file (change)=\"emitFiles(file.files)\" [accept]=\"accept\" [multiple]=\"multiple\"\n       style=\"display: none;\"\n       type=\"file\"/>\n<button\n\t(click)=\"open()\"\n\t*ngIf=\"text else iconButton\"\n\t[disabled]=\"disabled\"\n\t[matTooltipDisabled]=\"!tooltip\"\n\t[matTooltip]=\"tooltip ?? ''\"\n  [style]=\"style\"\n\tclass=\"koala-button\"\n\tmat-button\n\tmatTooltipPosition=\"above\"\n\ttype=\"button\">\n  <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n\t{{textSubject | async}}\n</button>\n<ng-template #iconButton>\n  <button\n\t  (click)=\"open()\"\n\t  [disabled]=\"disabled\"\n\t  [matTooltipDisabled]=\"!tooltip\"\n\t  [matTooltip]=\"tooltip ?? ''\"\n    [style]=\"style\"\n\t  class=\"koala-icon-button\"\n\t  mat-icon-button\n\t  matTooltipPosition=\"before\"\n\t  type=\"button\">\n    <mat-icon>{{icon}}</mat-icon>\n  </button>\n</ng-template>\n", styles: [".koala-button{padding:2px 8px}.koala-icon-button:disabled,.koala-button:disabled{background:#cccccc!important;color:#616161!important;cursor:not-allowed}.koala-icon-button{height:25px;line-height:25px;width:25px}.koala-icon-button mat-icon{font-size:20px;height:20px;line-height:20px;position:relative;width:20px}\n"] }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], setFile: [{
+                type: Input
+            }], updateFileList: [{
+                type: Input
+            }], autoclear: [{
+                type: Input
+            }], getFiles: [{
+                type: Output
+            }], file: [{
+                type: ViewChild,
+                args: ['file', { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZmlsZS1idXR0b24vc3JjL2xpYi9maWxlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9maWxlLWJ1dHRvbi9zcmMvbGliL2ZpbGUtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7Ozs7QUFRdkMsTUFBTSxPQUFPLG1CQUFtQjtJQU5oQztRQWlCVyxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2hCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBd0IsQ0FBQztRQUN2RCxVQUFLLEdBQXlCLEVBQUUsQ0FBQztRQUtqQyxnQkFBVyxHQUFHLElBQUksZUFBZSxDQUFTLEVBQUUsQ0FBQyxDQUFDO0tBcUZ0RDtJQW5GQyxRQUFRO1FBQ04sSUFBSSxDQUFDLEtBQUssR0FBRyxVQUFVLElBQUksQ0FBQyxLQUFLLGdDQUFnQyxJQUFJLENBQUMsZUFBZSxhQUFhLENBQUM7UUFDbkcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsQ0FBQztRQUN2QyxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDaEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxFQUFFO2dCQUNwQyxJQUFJLElBQUksRUFBRTtvQkFDUixNQUFNLFVBQVUsR0FBRyxNQUFNLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7b0JBQ2hELElBQUksVUFBVSxF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QUFDO1lBQzdCLENBQUMsQ0FBQztRQUNKLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxRQUFRLEVBQUU7WUFDWixNQUFNLFNBQVMsR0FBRyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQ3hELE9BQU87Z0JBQ0wsUUFBUSxFQUFFLElBQUksQ0FBQyxJQUFJO2dCQUNuQixJQUFJLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUFDO2dCQUN2QyxNQUFNLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQzthQUNyQixDQUFDO1NBQ0g7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7O2dIQXRHVSxtQkFBbUI7b0dBQW5CLG1CQUFtQixvY0NuQmhDLDgyQkErQkE7MkZEWmEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLG1CQUFtQixtQkFHWix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFJc0MsSUFBSTtzQkFBaEQsU0FBUzt1QkFBQyxNQUFNLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLb2FsYUZpbGVJbnRlcmZhY2UgfSBmcm9tICcuL2tvYWxhLmZpbGUuaW50ZXJmYWNlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdrb2FsYS1maWxlLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnZmlsZS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnZmlsZS1idXR0b24uY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRmlsZUJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGNvbG9yPzogc3RyaW5nO1xuICBASW5wdXQoKSBiYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGljb24/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRleHQ/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRvb2x0aXA/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgQElucHV0KCkgbXVsdGlwbGU/OiBib29sZWFuO1xuICBASW5wdXQoKSBhY2NlcHQ/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNldEZpbGU/OiBCZWhhdmlvclN1YmplY3Q8RmlsZT47XG4gIEBJbnB1dCgpIHVwZGF0ZUZpbGVMaXN0PzogQmVoYXZpb3JTdWJqZWN0PEtvYWxhRmlsZUludGVyZmFjZVtdPjtcbiAgQElucHV0KCkgYXV0b2NsZWFyID0gdHJ1ZTtcbiAgQE91dHB1dCgpIGdldEZpbGVzID0gbmV3IEV2ZW50RW1pdHRlcjxLb2FsYUZpbGVJbnRlcmZhY2VbXT4oKTtcbiAgcHVibGljIGZpbGVzOiBLb2FsYUZpbGVJbnRlcmZhY2VbXSA9IFtdO1xuICBwdWJsaWMgc3R5bGU/OiBzdHJpbmc7XG5cbiAgQFZpZXdDaGlsZCgnZmlsZScsIHsgc3RhdGljOiB0cnVlIH0pIHByaXZhdGUgZmlsZT86IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG5cbiAgcHVibGljIHRleHRTdWJqZWN0ID0gbmV3IEJlaGF2aW9yU3ViamVjdDxzdHJpbmc+KCcnKTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnN0eWxlID0gYGNvbG9yOiAke3RoaXMuY29sb3J9IWltcG9ydGFudDtiYWNrZ3JvdW5kLWNvbG9yOiAke3RoaXMuYmFja2dyb3VuZENvbG9yfSFpbXBvcnRhbnQ7YDtcbiAgICB0aGlzLnRleHRTdWJqZWN0Lm5leHQodGhpcy50ZXh0ID8/ICcnKTtcbiAgICBpZiAodGhpcy5zZXRGaWxlKSB7XG4gICAgICB0aGlzLnNldEZpbGUuc3Vic2NyaWJlKGFzeW5jIChmaWxlKSA9PiB7XG4gICAgICAgIGlmIChmaWxlKSB7XG4gICAgICAgICAgY29uc3QgZmlsZVJlc3VsdCA9IGF3YWl0IHRoaXMuY29udmVydEZpbGUoZmlsZSk7XG4gICAgICAgICAgaWYgKGZpbGVSZXN1bHQpIHtcbiAgICAgICAgICAgIHRoaXMuZmlsZXMucHVzaChmaWxlUmVzdWx0KTtcbiAgICAgICAgICB9XG4gICAgICAgICAgdGhpcy5nZW5lcmF0ZVRleHRCdXR0b24oKTtcbiAgICAgICAgICB0aGlzLmdldEZpbGVzLmVtaXQodGhpcy5maWxlcyk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnVwZGF0ZUZpbGVMaXN0KSB7XG4gICAgICB0aGlzLnVwZGF0ZUZpbGVMaXN0LnN1YnNjcmliZSgoZmlsZUxpc3QpID0+IHtcbiAgICAgICAgdGhpcy5maWxlcyA9IGZpbGVMaXN0O1xuICAgICAgICB0aGlzLmdlbmVyYXRlVGV4dEJ1dHRvbigpO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGFzeW5jIGVtaXRGaWxlcyhmaWxlczogRmlsZUxpc3QgfCBudWxsKSB7XG4gICAgaWYgKGZpbGVzKSB7XG4gICAgICBpZiAoZmlsZXM/Lmxlbmd0aCA+IDApIHtcbiAgICAgICAgZm9yIChsZXQgZiA9IDA7IGYgPD0gZmlsZXMubGVuZ3RoOyBmKyspIHtcbiAgICAgICAgICBjb25zdCBmaWxlID0gZmlsZXMuaXRlbShmKTtcbiAgICAgICAgICBpZiAoZmlsZSkge1xuICAgICAgICAgICAgY29uc3QgZmlsZVJlc3VsdCA9IGF3YWl0IHRoaXMuY29udmVydEZpbGUoZmlsZSk7XG4gICAgICAgICAgICBpZiAoZmlsZVJlc3VsdCkge1xuICAgICAgICAgICAgICB0aGlzLmZpbGVzLnB1c2goZmlsZVJlc3VsdCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5nZXRGaWxlcy5lbWl0KHRoaXMuZmlsZXMpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5nZXRGaWxlcy5lbWl0KFtdKTtcbiAgICAgIH1cbiAgICAgIHRoaXMuZ2VuZXJhdGVUZXh0QnV0dG9uKCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG9wZW4oKSB7XG4gICAgY29uc3QgZWxGaWxlID0gdGhpcy5maWxlPy5uYXRpdmVFbGVtZW50O1xuICAgIGlmIChlbEZpbGUpIGVsRmlsZS52YWx1ZSA9ICcnO1xuICAgIGlmICh0aGlzLmF1dG9jbGVhcikge1xuICAgICAgdGhpcy5maWxlcyA9IFtdO1xuICAgICAgdGhpcy5nZXRGaWxlcy5lbWl0KFtdKTtcbiAgICAgIHRoaXMuZ2VuZXJhdGVUZXh0QnV0dG9uKCk7XG4gICAgfVxuICAgIGVsRmlsZT8uY2xpY2soKTtcbiAgfVxuXG4gIHByaXZhdGUgZ2VuZXJhdGVUZXh0QnV0dG9uKCkge1xuICAgIHRoaXMudGV4dFN1YmplY3QubmV4dChcbiAgICAgIHRoaXMuZmlsZXMubGVuZ3RoID4gMFxuICAgICAgICA/IGAke3RoaXMuZmlsZXMubGVuZ3RofSBhcnF1aXZvJHt0aGlzLmZpbGVzLmxlbmd0aCA+IDEgPyAncycgOiAnJ30gc2VsZWNpb25hZG9gXG4gICAgICAgIDogdGhpcy50ZXh0ID8/ICcnLFxuICAgICk7XG4gIH1cblxuICBwcml2YXRlIGFzeW5jIGNvbnZlcnRGaWxlKGZpbGU6IEZpbGUpOiBQcm9taXNlPEtvYWxhRmlsZUludGVyZmFjZSB8IG51bGw+IHtcbiAgICBjb25zdCBibG9iRmlsZSA9IGF3YWl0IG5ldyBQcm9taXNlPHN0cmluZyB8IEFycmF5QnVmZmVyIHwgbnVsbD4oKHJlc29sdmUpID0+IHtcbiAgICAgIGNvbnN0IGZpbGVSZWFkZXIgPSBuZXcgRmlsZVJlYWRlcigpO1xuICAgICAgZmlsZVJlYWRlci5yZWFkQXNEYXRhVVJMKGZpbGUpO1xuICAgICAgZmlsZVJlYWRlci5vbmxvYWQgPSAoKSA9PiB7XG4gICAgICAgIHJlc29sdmUoZmlsZVJlYWRlci5yZXN1bHQpO1xuICAgICAgfTtcbiAgICB9KTtcbiAgICBpZiAoYmxvYkZpbGUpIHtcbiAgICAgIGNvbnN0IGZpbGVTcGxpdCA9IGJsb2JGaWxlLnRvU3RyaW5nKCkuc3BsaXQoJztiYXNlNjQsJyk7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBmaWxlbmFtZTogZmlsZS5uYW1lLFxuICAgICAgICB0eXBlOiBmaWxlU3BsaXRbMF0ucmVwbGFjZSgnZGF0YTonLCAnJyksXG4gICAgICAgIGJhc2U2NDogZmlsZVNwbGl0WzFdLFxuICAgICAgfTtcbiAgICB9XG5cbiAgICByZXR1cm4gbnVsbDtcbiAgfVxufVxuIiwiPGlucHV0ICNmaWxlIChjaGFuZ2UpPVwiZW1pdEZpbGVzKGZpbGUuZmlsZXMpXCIgW2FjY2VwdF09XCJhY2NlcHRcIiBbbXVsdGlwbGVdPVwibXVsdGlwbGVcIlxuICAgICAgIHN0eWxlPVwiZGlzcGxheTogbm9uZTtcIlxuICAgICAgIHR5cGU9XCJmaWxlXCIvPlxuPGJ1dHRvblxuXHQoY2xpY2spPVwib3BlbigpXCJcblx0Km5nSWY9XCJ0ZXh0IGVsc2UgaWNvbkJ1dHRvblwiXG5cdFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG5cdFttYXRUb29sdGlwRGlzYWJsZWRdPVwiIXRvb2x0aXBcIlxuXHRbbWF0VG9vbHRpcF09XCJ0b29sdGlwID8/ICcnXCJcbiAgW3N0eWxlXT1cInN0eWxlXCJcblx0Y2xhc3M9XCJrb2FsYS1idXR0b25cIlxuXHRtYXQtYnV0dG9uXG5cdG1hdFRvb2x0aXBQb3NpdGlvbj1cImFib3ZlXCJcblx0dHlwZT1cImJ1dHRvblwiPlxuICA8bWF0LWljb24gKm5nSWY9XCJpY29uXCI+e3tpY29ufX08L21hdC1pY29uPlxuXHR7e3RleHRTdWJqZWN0IHwgYXN5bmN9fVxuPC9idXR0b24+XG48bmctdGVtcGxhdGUgI2ljb25CdXR0b24+XG4gIDxidXR0b25cblx0ICAoY2xpY2spPVwib3BlbigpXCJcblx0ICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuXHQgIFttYXRUb29sdGlwRGlzYWJsZWRdPVwiIXRvb2x0aXBcIlxuXHQgIFttYXRUb29sdGlwXT1cInRvb2x0aXAgPz8gJydcIlxuICAgIFtzdHlsZV09XCJzdHlsZVwiXG5cdCAgY2xhc3M9XCJrb2FsYS1pY29uLWJ1dHRvblwiXG5cdCAgbWF0LWljb24tYnV0dG9uXG5cdCAgbWF0VG9vbHRpcFBvc2l0aW9uPVwiYmVmb3JlXCJcblx0ICB0eXBlPVwiYnV0dG9uXCI+XG4gICAgPG1hdC1pY29uPnt7aWNvbn19PC9tYXQtaWNvbj5cbiAgPC9idXR0b24+XG48L25nLXRlbXBsYXRlPlxuIl19

package/file-button/esm2020/lib/koala.btn-file.service.mjs

@@ -0,0 +1,25 @@
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class KoalaBtnFileService {
+    constructor() {
+        this.setFileSubject = new BehaviorSubject(null);
+        this.fileListSubject = new BehaviorSubject([]);
+    }
+    async setFile(file) {
+        if (file) {
+            this.setFileSubject.next(file);
+        }
+    }
+    removeFile(files, index) {
+        files.splice(index, 1);
+        this.fileListSubject.next(files);
+    }
+}
+KoalaBtnFileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaBtnFileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaBtnFileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaBtnFileService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaBtnFileService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "any" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEuYnRuLWZpbGUuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2ZpbGUtYnV0dG9uL3NyYy9saWIva29hbGEuYnRuLWZpbGUuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBSXZDLE1BQU0sT0FBTyxtQkFBbUI7SUFEaEM7UUFFUSxtQkFBYyxHQUFHLElBQUksZUFBZSxDQUFZLElBQUksQ0FBQyxDQUFDO1FBQ3RELG9CQUFlLEdBQUcsSUFBSSxlQUFlLENBQXVCLEVBQUUsQ0FBQyxDQUFDO0tBWXZFO0lBVk8sS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFVO1FBQzlCLElBQUksSUFBSSxFQUFFO1lBQ1QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDL0I7SUFDRixDQUFDO0lBRU0sVUFBVSxDQUFDLEtBQTJCLEVBQUUsS0FBYTtRQUMzRCxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztRQUN2QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNsQyxDQUFDOztnSEFiVyxtQkFBbUI7b0hBQW5CLG1CQUFtQixjQURQLEtBQUs7MkZBQ2pCLG1CQUFtQjtrQkFEL0IsVUFBVTttQkFBQyxFQUFDLFVBQVUsRUFBRSxLQUFLLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEtvYWxhRmlsZUludGVyZmFjZSB9IGZyb20gJy4va29hbGEuZmlsZS5pbnRlcmZhY2UnO1xuXG5ASW5qZWN0YWJsZSh7cHJvdmlkZWRJbjogXCJhbnlcIn0pXG5leHBvcnQgY2xhc3MgS29hbGFCdG5GaWxlU2VydmljZSB7XG5cdHB1YmxpYyBzZXRGaWxlU3ViamVjdCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8RmlsZXxudWxsPihudWxsKTtcblx0cHVibGljIGZpbGVMaXN0U3ViamVjdCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8S29hbGFGaWxlSW50ZXJmYWNlW10+KFtdKTtcblxuXHRwdWJsaWMgYXN5bmMgc2V0RmlsZShmaWxlOiBGaWxlKSB7XG5cdFx0aWYgKGZpbGUpIHtcblx0XHRcdHRoaXMuc2V0RmlsZVN1YmplY3QubmV4dChmaWxlKTtcblx0XHR9XG5cdH1cblxuXHRwdWJsaWMgcmVtb3ZlRmlsZShmaWxlczogS29hbGFGaWxlSW50ZXJmYWNlW10sIGluZGV4OiBudW1iZXIpIHtcblx0XHRmaWxlcy5zcGxpY2UoaW5kZXgsIDEpO1xuXHRcdHRoaXMuZmlsZUxpc3RTdWJqZWN0Lm5leHQoZmlsZXMpO1xuXHR9XG59XG4iXX0=

package/file-button/esm2020/lib/koala.file-button.module.mjs

@@ -0,0 +1,38 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { FileButtonComponent } from './file-button.component';
+import * as i0 from "@angular/core";
+export class KoalaFileButtonModule {
+}
+KoalaFileButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFileButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaFileButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFileButtonModule, declarations: [FileButtonComponent], imports: [CommonModule,
+        MatTooltipModule,
+        MatButtonModule,
+        MatIconModule], exports: [FileButtonComponent] });
+KoalaFileButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFileButtonModule, imports: [[
+            CommonModule,
+            MatTooltipModule,
+            MatButtonModule,
+            MatIconModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFileButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        FileButtonComponent
+                    ],
+                    declarations: [
+                        FileButtonComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatTooltipModule,
+                        MatButtonModule,
+                        MatIconModule
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEuZmlsZS1idXR0b24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZmlsZS1idXR0b24vc3JjL2xpYi9rb2FsYS5maWxlLWJ1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFnQjlELE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7bUhBQXJCLHFCQUFxQixpQkFUaEMsbUJBQW1CLGFBR25CLFlBQVk7UUFDWixnQkFBZ0I7UUFDaEIsZUFBZTtRQUNmLGFBQWEsYUFUWCxtQkFBbUI7bUhBWVYscUJBQXFCLFlBUHhCO1lBQ1IsWUFBWTtZQUNaLGdCQUFnQjtZQUNoQixlQUFlO1lBQ2YsYUFBYTtTQUNiOzJGQUVXLHFCQUFxQjtrQkFkakMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsbUJBQW1CO3FCQUNwQjtvQkFDRixZQUFZLEVBQUU7d0JBQ2IsbUJBQW1CO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1IsWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2YsYUFBYTtxQkFDYjtpQkFDRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IEZpbGVCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2ZpbGUtYnV0dG9uLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGV4cG9ydHM6IFtcbiAgICBGaWxlQnV0dG9uQ29tcG9uZW50XG4gIF0sXG5cdGRlY2xhcmF0aW9uczogW1xuXHRcdEZpbGVCdXR0b25Db21wb25lbnRcblx0XSxcblx0aW1wb3J0czogW1xuXHRcdENvbW1vbk1vZHVsZSxcblx0XHRNYXRUb29sdGlwTW9kdWxlLFxuXHRcdE1hdEJ1dHRvbk1vZHVsZSxcblx0XHRNYXRJY29uTW9kdWxlXG5cdF1cbn0pXG5leHBvcnQgY2xhc3MgS29hbGFGaWxlQnV0dG9uTW9kdWxlIHtcbn1cbiJdfQ==