@koalarx/ui 12.4.1 → 12.4.2

package/dynamic-component/README.md

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

package/dynamic-component/bundles/koalarx-ui-dynamic-component.umd.js

@@ -0,0 +1,95 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core')) :
+    typeof define === 'function' && define.amd ? define('@koalarx/ui/dynamic-component', ['exports', '@angular/core'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.koalarx = global.koalarx || {}, global.koalarx.ui = global.koalarx.ui || {}, global.koalarx.ui["dynamic-component"] = {}), global.ng.core));
+})(this, (function (exports, core) { 'use strict';
+
+    var KoalaDynamicComponentDirective = /** @class */ (function () {
+        function KoalaDynamicComponentDirective(viewContainerRef) {
+            this.viewContainerRef = viewContainerRef;
+        }
+        return KoalaDynamicComponentDirective;
+    }());
+    KoalaDynamicComponentDirective.decorators = [
+        { type: core.Directive, args: [{
+                    selector: '[koalaDynamicComponent]',
+                },] }
+    ];
+    KoalaDynamicComponentDirective.ctorParameters = function () { return [
+        { type: core.ViewContainerRef }
+    ]; };
+
+    var KoalaDynamicComponentFactory = /** @class */ (function () {
+        function KoalaDynamicComponentFactory(componentFactoryResolver) {
+            this.componentFactoryResolver = componentFactoryResolver;
+        }
+        KoalaDynamicComponentFactory.prototype.ngOnInit = function () {
+            this.loadComponent();
+        };
+        KoalaDynamicComponentFactory.prototype.loadComponent = function () {
+            var _a;
+            var dynamicComponent = this.dynamicComponent;
+            if (dynamicComponent) {
+                var componentFactory = this.componentFactoryResolver.resolveComponentFactory(dynamicComponent.component);
+                var viewContainerRef = (_a = this.koalaDynamicComponentDirective) === null || _a === void 0 ? void 0 : _a.viewContainerRef;
+                viewContainerRef === null || viewContainerRef === void 0 ? void 0 : viewContainerRef.clear();
+                var componentRef = viewContainerRef === null || viewContainerRef === void 0 ? void 0 : viewContainerRef.createComponent(componentFactory);
+                var instance = componentRef === null || componentRef === void 0 ? void 0 : componentRef.instance;
+                if (instance)
+                    instance.data = dynamicComponent.data;
+            }
+        };
+        return KoalaDynamicComponentFactory;
+    }());
+    KoalaDynamicComponentFactory.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'koala-dynamic-component',
+                    template: "\n    <ng-template koalaDynamicComponent></ng-template>"
+                },] }
+    ];
+    KoalaDynamicComponentFactory.ctorParameters = function () { return [
+        { type: core.ComponentFactoryResolver }
+    ]; };
+    KoalaDynamicComponentFactory.propDecorators = {
+        dynamicComponent: [{ type: core.Input }],
+        koalaDynamicComponentDirective: [{ type: core.ViewChild, args: [KoalaDynamicComponentDirective, { static: true },] }]
+    };
+
+    var KoalaDynamicComponentModule = /** @class */ (function () {
+        function KoalaDynamicComponentModule() {
+        }
+        return KoalaDynamicComponentModule;
+    }());
+    KoalaDynamicComponentModule.decorators = [
+        { type: core.NgModule, args: [{
+                    exports: [
+                        KoalaDynamicComponentFactory
+                    ],
+                    declarations: [
+                        KoalaDynamicComponentDirective,
+                        KoalaDynamicComponentFactory
+                    ]
+                },] }
+    ];
+
+    var KoalaDynamicComponent = /** @class */ (function () {
+        function KoalaDynamicComponent(component, data) {
+            this.component = component;
+            this.data = data;
+        }
+        return KoalaDynamicComponent;
+    }());
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.KoalaDynamicComponent = KoalaDynamicComponent;
+    exports.KoalaDynamicComponentDirective = KoalaDynamicComponentDirective;
+    exports.KoalaDynamicComponentFactory = KoalaDynamicComponentFactory;
+    exports.KoalaDynamicComponentModule = KoalaDynamicComponentModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=koalarx-ui-dynamic-component.umd.js.map

package/dynamic-component/bundles/koalarx-ui-dynamic-component.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-dynamic-component.umd.js","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":["Directive","ViewContainerRef","Component","ComponentFactoryResolver","Input","ViewChild","NgModule"],"mappings":";;;;;;;QAMC,wCAAmB,gBAAkC;YAAlC,qBAAgB,GAAhB,gBAAgB,CAAkB;SAAK;;;;gBAJ1DA,cAAS,SAAC;oBACV,QAAQ,EAAE,yBAAyB;iBACnC;;;gBAJmBC,qBAAgB;;;;QCclC,sCAAoB,wBAAkD;YAAlD,6BAAwB,GAAxB,wBAAwB,CAA0B;SACrE;QAED,+CAAQ,GAAR;YACE,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;QAED,oDAAa,GAAb;;YACE,IAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAC/C,IAAI,gBAAgB,EAAE;gBACpB,IAAM,gBAAgB,GAAG,IAAI,CAAC,wBAAwB,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;gBAE3G,IAAM,gBAAgB,GAAG,MAAA,IAAI,CAAC,8BAA8B,0CAAE,gBAAgB,CAAC;gBAC/E,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,EAAE,CAAC;gBAE1B,IAAM,YAAY,GAAG,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe,CAAiC,gBAAgB,CAAC,CAAC;gBACzG,IAAM,QAAQ,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,CAAC;gBACxC,IAAI,QAAQ;oBAAE,QAAQ,CAAC,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC;aACrD;SACF;;;;gBA5BFC,cAAS,SAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,QAAQ,EAAE,yDAC0C;iBACrD;;;gBATmBC,6BAAwB;;;mCAWzCC,UAAK;iDACLC,cAAS,SAAC,8BAA8B,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;;;;QCC3D;;;;;gBATCC,aAAQ,SAAC;oBACT,OAAO,EAAE;wBACR,4BAA4B;qBAC5B;oBACD,YAAY,EAAE;wBACb,8BAA8B;wBAC9B,4BAA4B;qBAC5B;iBACD;;;;QCTA,+BAAmB,SAAoB,EAAS,IAAU;YAAvC,cAAS,GAAT,SAAS,CAAW;YAAS,SAAI,GAAJ,IAAI,CAAM;SAAI;oCAC9D;KAAA;;ICJD;;;;;;;;;;;;;;;"}

package/dynamic-component/esm2015/index.js

@@ -0,0 +1,6 @@
+export * from './lib/koala-dynamic-component.component';
+export * from './lib/koala-dynamic-component.directive';
+export * from './lib/koala-dynamic-component.factory';
+export * from './lib/koala-dynamic-component.module';
+export * from './lib/koala-dynamic-component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9keW5hbWljLWNvbXBvbmVudC9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLCtCQUErQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIva29hbGEtZHluYW1pYy1jb21wb25lbnQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2tvYWxhLWR5bmFtaWMtY29tcG9uZW50LmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9rb2FsYS1keW5hbWljLWNvbXBvbmVudC5mYWN0b3J5JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2tvYWxhLWR5bmFtaWMtY29tcG9uZW50Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9rb2FsYS1keW5hbWljLWNvbXBvbmVudCc7XG4iXX0=

package/dynamic-component/esm2015/koalarx-ui-dynamic-component.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGFyeC11aS1keW5hbWljLWNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2R5bmFtaWMtY29tcG9uZW50L3NyYy9rb2FsYXJ4LXVpLWR5bmFtaWMtY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/dynamic-component/esm2015/lib/koala-dynamic-component.component.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEtZHluYW1pYy1jb21wb25lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZHluYW1pYy1jb21wb25lbnQvc3JjL2xpYi9rb2FsYS1keW5hbWljLWNvbXBvbmVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgS29hbGFEeW5hbWljQ29tcG9uZW50Q29tcG9uZW50IHtcblx0ZGF0YT86IGFueTtcbn1cbiJdfQ==

package/dynamic-component/esm2015/lib/koala-dynamic-component.directive.js

@@ -0,0 +1,15 @@
+import { Directive, ViewContainerRef } from '@angular/core';
+export class KoalaDynamicComponentDirective {
+    constructor(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+    }
+}
+KoalaDynamicComponentDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[koalaDynamicComponent]',
+            },] }
+];
+KoalaDynamicComponentDirective.ctorParameters = () => [
+    { type: ViewContainerRef }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEtZHluYW1pYy1jb21wb25lbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZHluYW1pYy1jb21wb25lbnQvc3JjL2xpYi9rb2FsYS1keW5hbWljLWNvbXBvbmVudC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUs1RCxNQUFNLE9BQU8sOEJBQThCO0lBQzFDLFlBQW1CLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO0lBQUksQ0FBQzs7O1lBSjFELFNBQVMsU0FBQztnQkFDVixRQUFRLEVBQUUseUJBQXlCO2FBQ25DOzs7WUFKbUIsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuXHRzZWxlY3RvcjogJ1trb2FsYUR5bmFtaWNDb21wb25lbnRdJyxcbn0pXG5leHBvcnQgY2xhc3MgS29hbGFEeW5hbWljQ29tcG9uZW50RGlyZWN0aXZlIHtcblx0Y29uc3RydWN0b3IocHVibGljIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYpIHsgfVxufVxuIl19

package/dynamic-component/esm2015/lib/koala-dynamic-component.factory.js

@@ -0,0 +1,38 @@
+import { Component, ComponentFactoryResolver, Input, ViewChild } from '@angular/core';
+import { KoalaDynamicComponentDirective } from './koala-dynamic-component.directive';
+export 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.decorators = [
+    { type: Component, args: [{
+                selector: 'koala-dynamic-component',
+                template: `
+    <ng-template koalaDynamicComponent></ng-template>`
+            },] }
+];
+KoalaDynamicComponentFactory.ctorParameters = () => [
+    { type: ComponentFactoryResolver }
+];
+KoalaDynamicComponentFactory.propDecorators = {
+    dynamicComponent: [{ type: Input }],
+    koalaDynamicComponentDirective: [{ type: ViewChild, args: [KoalaDynamicComponentDirective, { static: true },] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEtZHluYW1pYy1jb21wb25lbnQuZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2R5bmFtaWMtY29tcG9uZW50L3NyYy9saWIva29hbGEtZHluYW1pYy1jb21wb25lbnQuZmFjdG9yeS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHdCQUF3QixFQUFFLEtBQUssRUFBVSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFOUYsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFRckYsTUFBTSxPQUFPLDRCQUE0QjtJQUl2QyxZQUFvQix3QkFBa0Q7UUFBbEQsNkJBQXdCLEdBQXhCLHdCQUF3QixDQUEwQjtJQUN0RSxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsYUFBYTs7UUFDWCxNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztRQUMvQyxJQUFJLGdCQUFnQixFQUFFO1lBQ3BCLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLHdCQUF3QixDQUFDLHVCQUF1QixDQUFDLGdCQUFnQixDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBRTNHLE1BQU0sZ0JBQWdCLEdBQUcsTUFBQSxJQUFJLENBQUMsOEJBQThCLDBDQUFFLGdCQUFnQixDQUFDO1lBQy9FLGdCQUFnQixhQUFoQixnQkFBZ0IsdUJBQWhCLGdCQUFnQixDQUFFLEtBQUssRUFBRSxDQUFDO1lBRTFCLE1BQU0sWUFBWSxHQUFHLGdCQUFnQixhQUFoQixnQkFBZ0IsdUJBQWhCLGdCQUFnQixDQUFFLGVBQWUsQ0FBaUMsZ0JBQWdCLENBQUMsQ0FBQztZQUN6RyxNQUFNLFFBQVEsR0FBRyxZQUFZLGFBQVosWUFBWSx1QkFBWixZQUFZLENBQUUsUUFBUSxDQUFDO1lBQ3hDLElBQUksUUFBUTtnQkFBRSxRQUFRLENBQUMsSUFBSSxHQUFHLGdCQUFnQixDQUFDLElBQUksQ0FBQztTQUNyRDtJQUNILENBQUM7OztZQTVCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHlCQUF5QjtnQkFDbkMsUUFBUSxFQUFFO3NEQUMwQzthQUNyRDs7O1lBVG1CLHdCQUF3Qjs7OytCQVd6QyxLQUFLOzZDQUNMLFNBQVMsU0FBQyw4QkFBOEIsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlciwgSW5wdXQsIE9uSW5pdCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLb2FsYUR5bmFtaWNDb21wb25lbnQgfSBmcm9tICcuL2tvYWxhLWR5bmFtaWMtY29tcG9uZW50JztcbmltcG9ydCB7IEtvYWxhRHluYW1pY0NvbXBvbmVudERpcmVjdGl2ZSB9IGZyb20gJy4va29hbGEtZHluYW1pYy1jb21wb25lbnQuZGlyZWN0aXZlJztcbmltcG9ydCB7IEtvYWxhRHluYW1pY0NvbXBvbmVudENvbXBvbmVudCB9IGZyb20gJy4va29hbGEtZHluYW1pYy1jb21wb25lbnQuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna29hbGEtZHluYW1pYy1jb21wb25lbnQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy10ZW1wbGF0ZSBrb2FsYUR5bmFtaWNDb21wb25lbnQ+PC9uZy10ZW1wbGF0ZT5gXG59KVxuZXhwb3J0IGNsYXNzIEtvYWxhRHluYW1pY0NvbXBvbmVudEZhY3RvcnkgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBkeW5hbWljQ29tcG9uZW50PzogS29hbGFEeW5hbWljQ29tcG9uZW50O1xuICBAVmlld0NoaWxkKEtvYWxhRHluYW1pY0NvbXBvbmVudERpcmVjdGl2ZSwge3N0YXRpYzogdHJ1ZX0pIGtvYWxhRHluYW1pY0NvbXBvbmVudERpcmVjdGl2ZT86IEtvYWxhRHluYW1pY0NvbXBvbmVudERpcmVjdGl2ZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNvbXBvbmVudEZhY3RvcnlSZXNvbHZlcjogQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyKSB7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmxvYWRDb21wb25lbnQoKTtcbiAgfVxuXG4gIGxvYWRDb21wb25lbnQoKSB7XG4gICAgY29uc3QgZHluYW1pY0NvbXBvbmVudCA9IHRoaXMuZHluYW1pY0NvbXBvbmVudDtcbiAgICBpZiAoZHluYW1pY0NvbXBvbmVudCkge1xuICAgICAgY29uc3QgY29tcG9uZW50RmFjdG9yeSA9IHRoaXMuY29tcG9uZW50RmFjdG9yeVJlc29sdmVyLnJlc29sdmVDb21wb25lbnRGYWN0b3J5KGR5bmFtaWNDb21wb25lbnQuY29tcG9uZW50KTtcblxuICAgICAgY29uc3Qgdmlld0NvbnRhaW5lclJlZiA9IHRoaXMua29hbGFEeW5hbWljQ29tcG9uZW50RGlyZWN0aXZlPy52aWV3Q29udGFpbmVyUmVmO1xuICAgICAgdmlld0NvbnRhaW5lclJlZj8uY2xlYXIoKTtcblxuICAgICAgY29uc3QgY29tcG9uZW50UmVmID0gdmlld0NvbnRhaW5lclJlZj8uY3JlYXRlQ29tcG9uZW50PEtvYWxhRHluYW1pY0NvbXBvbmVudENvbXBvbmVudD4oY29tcG9uZW50RmFjdG9yeSk7XG4gICAgICBjb25zdCBpbnN0YW5jZSA9IGNvbXBvbmVudFJlZj8uaW5zdGFuY2U7XG4gICAgICBpZiAoaW5zdGFuY2UpIGluc3RhbmNlLmRhdGEgPSBkeW5hbWljQ29tcG9uZW50LmRhdGE7XG4gICAgfVxuICB9XG5cbn1cbiJdfQ==

package/dynamic-component/esm2015/lib/koala-dynamic-component.js

@@ -0,0 +1,7 @@
+export class KoalaDynamicComponent {
+    constructor(component, data) {
+        this.component = component;
+        this.data = data;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEtZHluYW1pYy1jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9keW5hbWljLWNvbXBvbmVudC9zcmMvbGliL2tvYWxhLWR5bmFtaWMtY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sT0FBTyxxQkFBcUI7SUFDakMsWUFBbUIsU0FBb0IsRUFBUyxJQUFVO1FBQXZDLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFBUyxTQUFJLEdBQUosSUFBSSxDQUFNO0lBQUcsQ0FBQztDQUM5RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFR5cGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGNsYXNzIEtvYWxhRHluYW1pY0NvbXBvbmVudCB7XG5cdGNvbnN0cnVjdG9yKHB1YmxpYyBjb21wb25lbnQ6IFR5cGU8YW55PiwgcHVibGljIGRhdGE/OiBhbnkpIHt9XG59XG4iXX0=

package/dynamic-component/esm2015/lib/koala-dynamic-component.module.js

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { KoalaDynamicComponentDirective } from './koala-dynamic-component.directive';
+import { KoalaDynamicComponentFactory } from './koala-dynamic-component.factory';
+export class KoalaDynamicComponentModule {
+}
+KoalaDynamicComponentModule.decorators = [
+    { type: NgModule, args: [{
+                exports: [
+                    KoalaDynamicComponentFactory
+                ],
+                declarations: [
+                    KoalaDynamicComponentDirective,
+                    KoalaDynamicComponentFactory
+                ]
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEtZHluYW1pYy1jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZHluYW1pYy1jb21wb25lbnQvc3JjL2xpYi9rb2FsYS1keW5hbWljLWNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUNyRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQVdqRixNQUFNLE9BQU8sMkJBQTJCOzs7WUFUdkMsUUFBUSxTQUFDO2dCQUNULE9BQU8sRUFBRTtvQkFDUiw0QkFBNEI7aUJBQzVCO2dCQUNELFlBQVksRUFBRTtvQkFDYiw4QkFBOEI7b0JBQzlCLDRCQUE0QjtpQkFDNUI7YUFDRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLb2FsYUR5bmFtaWNDb21wb25lbnREaXJlY3RpdmUgfSBmcm9tICcuL2tvYWxhLWR5bmFtaWMtY29tcG9uZW50LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBLb2FsYUR5bmFtaWNDb21wb25lbnRGYWN0b3J5IH0gZnJvbSAnLi9rb2FsYS1keW5hbWljLWNvbXBvbmVudC5mYWN0b3J5JztcblxuQE5nTW9kdWxlKHtcblx0ZXhwb3J0czogW1xuXHRcdEtvYWxhRHluYW1pY0NvbXBvbmVudEZhY3Rvcnlcblx0XSxcblx0ZGVjbGFyYXRpb25zOiBbXG5cdFx0S29hbGFEeW5hbWljQ29tcG9uZW50RGlyZWN0aXZlLFxuXHRcdEtvYWxhRHluYW1pY0NvbXBvbmVudEZhY3Rvcnlcblx0XVxufSlcbmV4cG9ydCBjbGFzcyBLb2FsYUR5bmFtaWNDb21wb25lbnRNb2R1bGUge1xufVxuIl19

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

@@ -0,0 +1,79 @@
+import { Directive, ViewContainerRef, Component, ComponentFactoryResolver, Input, ViewChild, NgModule } from '@angular/core';
+
+class KoalaDynamicComponentDirective {
+    constructor(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+    }
+}
+KoalaDynamicComponentDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[koalaDynamicComponent]',
+            },] }
+];
+KoalaDynamicComponentDirective.ctorParameters = () => [
+    { type: 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.decorators = [
+    { type: Component, args: [{
+                selector: 'koala-dynamic-component',
+                template: `
+    <ng-template koalaDynamicComponent></ng-template>`
+            },] }
+];
+KoalaDynamicComponentFactory.ctorParameters = () => [
+    { type: ComponentFactoryResolver }
+];
+KoalaDynamicComponentFactory.propDecorators = {
+    dynamicComponent: [{ type: Input }],
+    koalaDynamicComponentDirective: [{ type: ViewChild, args: [KoalaDynamicComponentDirective, { static: true },] }]
+};
+
+class KoalaDynamicComponentModule {
+}
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-dynamic-component.js","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;;;YAJ1D,SAAS,SAAC;gBACV,QAAQ,EAAE,yBAAyB;aACnC;;;YAJmB,gBAAgB;;;MCUvB,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;;;YA5BF,SAAS,SAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,QAAQ,EAAE;sDAC0C;aACrD;;;YATmB,wBAAwB;;;+BAWzC,KAAK;6CACL,SAAS,SAAC,8BAA8B,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;;;MCC9C,2BAA2B;;;YATvC,QAAQ,SAAC;gBACT,OAAO,EAAE;oBACR,4BAA4B;iBAC5B;gBACD,YAAY,EAAE;oBACb,8BAA8B;oBAC9B,4BAA4B;iBAC5B;aACD;;;MCVY,qBAAqB;IACjC,YAAmB,SAAoB,EAAS,IAAU;QAAvC,cAAS,GAAT,SAAS,CAAW;QAAS,SAAI,GAAJ,IAAI,CAAM;KAAI;;;ACH/D;;;;;;"}

package/dynamic-component/index.d.ts

@@ -1,5 +1,5 @@
-export * from './koala-dynamic-component.component';
-export * from './koala-dynamic-component.directive';
-export * from './koala-dynamic-component.factory';
-export * from './koala-dynamic-component.module';
-export * from './koala-dynamic-component';
+export * from './lib/koala-dynamic-component.component';
+export * from './lib/koala-dynamic-component.directive';
+export * from './lib/koala-dynamic-component.factory';
+export * from './lib/koala-dynamic-component.module';
+export * from './lib/koala-dynamic-component';

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

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/dynamic-component/koalarx-ui-dynamic-component.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"KoalaDynamicComponentComponent":{"__symbolic":"interface"},"KoalaDynamicComponentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[koalaDynamicComponent]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":6,"character":38}]}]}},"KoalaDynamicComponentFactory":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"koala-dynamic-component","template":"\n    <ng-template koalaDynamicComponent></ng-template>"}]}],"members":{"dynamicComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"koalaDynamicComponentDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":3},"arguments":[{"__symbolic":"reference","name":"KoalaDynamicComponentDirective"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":14,"character":48}]}],"ngOnInit":[{"__symbolic":"method"}],"loadComponent":[{"__symbolic":"method"}]}},"KoalaDynamicComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"KoalaDynamicComponentFactory"}],"declarations":[{"__symbolic":"reference","name":"KoalaDynamicComponentDirective"},{"__symbolic":"reference","name":"KoalaDynamicComponentFactory"}]}]}],"members":{}},"KoalaDynamicComponent":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Type","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","name":"any"}]}]}}},"origins":{"KoalaDynamicComponentComponent":"./lib/koala-dynamic-component.component","KoalaDynamicComponentDirective":"./lib/koala-dynamic-component.directive","KoalaDynamicComponentFactory":"./lib/koala-dynamic-component.factory","KoalaDynamicComponentModule":"./lib/koala-dynamic-component.module","KoalaDynamicComponent":"./lib/koala-dynamic-component"},"importAs":"@koalarx/ui/dynamic-component"}

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

@@ -0,0 +1,5 @@
+import { ViewContainerRef } from '@angular/core';
+export declare class KoalaDynamicComponentDirective {
+    viewContainerRef: ViewContainerRef;
+    constructor(viewContainerRef: ViewContainerRef);
+}

package/dynamic-component/{koala-dynamic-component.factory.d.ts → lib/koala-dynamic-component.factory.d.ts}

@@ -1,14 +1,11 @@
 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;
-    koalaDynamicComponentDirective: KoalaDynamicComponentDirective;
+    dynamicComponent?: KoalaDynamicComponent;
+    koalaDynamicComponentDirective?: KoalaDynamicComponentDirective;
     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

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

package/dynamic-component/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@koalarx/ui/dynamic-component",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^12.0.3",
+    "@angular/core": "^12.0.3"
+  },
+  "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",
+  "typings": "koalarx-ui-dynamic-component.d.ts",
+  "metadata": "koalarx-ui-dynamic-component.metadata.json",
+  "sideEffects": false
+}

package/file-button/README.md

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