ngx-ode-ui 4.6.0-dev.0 → 4.6.0-dev.3

package/esm2020/lib/components/wizard/wizard.component.mjs

@@ -0,0 +1,152 @@
+import { OdeComponent } from 'ngx-ode-core';
+import { Component, ContentChildren, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "ngx-ode-sijil";
+export class StepComponent {
+    constructor() {
+        this.hasError = false;
+        this.isFinished = false;
+    }
+}
+StepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.1", type: StepComponent, selector: "ode-step", inputs: { name: "name", isActived: "isActived" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{display:none;overflow:auto;padding:1em}:host.active{display:block}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: StepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ode-step', template: `<ng-content></ng-content>`, styles: [":host{display:none;overflow:auto;padding:1em}:host.active{display:block}\n"] }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], isActived: [{
+                type: Input
+            }] } });
+export class WizardComponent extends OdeComponent {
+    constructor(injector) {
+        super(injector);
+        this.cancel = new EventEmitter();
+        this.previousStep = new EventEmitter();
+        this.nextStep = new EventEmitter();
+        this.canDoNext = true;
+        this.activeStep = 0;
+    }
+    doCancel() {
+        this.activeStep = 0;
+        this.steps.forEach((step, index) => {
+            index === 0 ? step.isActived = true : step.isActived = false;
+        });
+        this.canDoNext = true;
+    }
+    onPreviousStep() {
+        this.previousStep.emit(this.activeStep);
+    }
+    doPreviousStep() {
+        if (this.activeStep > 0) {
+            this.steps.toArray()[this.activeStep].isActived = false;
+            this.steps.toArray()[this.activeStep - 1].isActived = true;
+            this.activeStep--;
+            this.canDoNext = true;
+        }
+    }
+    onNextStep() {
+        this.nextStep.emit(this.activeStep);
+    }
+    doNextStep(error) {
+        if (this.activeStep < this.steps.length - 1) {
+            this.canDoNext = !error;
+            this.steps.toArray()[this.activeStep].isActived = false;
+            this.steps.toArray()[this.activeStep + 1].isActived = true;
+            this.activeStep++;
+        }
+    }
+    ngAfterContentInit() {
+        super.ngAfterContentInit();
+        if (this.steps.length === 0) {
+            throw new Error('<wizard> component musts nest at least 1 <step> compoent');
+        }
+    }
+}
+WizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: WizardComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+WizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.1", type: WizardComponent, selector: "ode-wizard", outputs: { cancel: "cancel", previousStep: "previousStep", nextStep: "nextStep" }, queries: [{ propertyName: "steps", predicate: StepComponent }], usesInheritance: true, ngImport: i0, template: `
+        <div class="wizard">
+            <nav class="wizard-menu">
+                <h2 class="wizard-menu__title"><s5l>wizard.steps</s5l></h2>
+                <ul>
+                    <li *ngFor="let step of steps"
+                        [class.active]="step.isActived"
+                        [class.finish]="step.isFinished">
+                        {{step.name}}
+                    </li>
+                </ul>
+            </nav>
+            <section class="wizard-content">
+                <ng-content select="ode-step"></ng-content>
+                <nav class="wizard-content-nav" *ngIf="activeStep < steps.length - 1">
+                    <button class="wizard-content-nav__button cancel"
+                        (click)="cancel.emit()"
+                        [title]="'cancel' | translate">
+                        {{ 'cancel' | translate }}
+                    </button>
+                    <button class="wizard-content-nav__button previous"
+                        (click)="onPreviousStep()"
+                        *ngIf="activeStep > 0"
+                        [title]="'previous' | translate">
+                        {{ 'wizard.previous' | translate }}
+                    </button>
+                    <button class="wizard-content-nav__button wizard-content-nav__button--next"
+                        (click)="onNextStep()"
+                        [disabled]="!canDoNext"
+                        [title]="'next' | translate">
+                        {{ 'wizard.next' | translate }}
+                    </button>
+                </nav>
+            </section>
+        </div>
+    `, isInline: true, styles: [".wizard{display:flex}.wizard-menu{background:#5b6472;flex:0 0 240px}.wizard-menu ul{padding:10px 30px}.wizard-menu ul li{color:#eaedf2;list-style-type:none;padding:5px 0}.wizard-menu ul li.active,.wizard-menu ul li.finish{font-weight:700;color:#fff}.wizard-menu ul li.finish{color:green}.wizard-menu__title{font-weight:700;font-size:1.2em;color:#fff;padding:25px 0 0 10px}.wizard-content{background:#fff;flex:auto}.wizard-content-nav{text-align:right}.wizard-content-nav__button{margin:10px 0}.wizard-content-nav__button--next{margin-right:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.S5lComponent, selector: "s5l", inputs: ["s5l-params", "s5l-lang"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: WizardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ode-wizard', template: `
+        <div class="wizard">
+            <nav class="wizard-menu">
+                <h2 class="wizard-menu__title"><s5l>wizard.steps</s5l></h2>
+                <ul>
+                    <li *ngFor="let step of steps"
+                        [class.active]="step.isActived"
+                        [class.finish]="step.isFinished">
+                        {{step.name}}
+                    </li>
+                </ul>
+            </nav>
+            <section class="wizard-content">
+                <ng-content select="ode-step"></ng-content>
+                <nav class="wizard-content-nav" *ngIf="activeStep < steps.length - 1">
+                    <button class="wizard-content-nav__button cancel"
+                        (click)="cancel.emit()"
+                        [title]="'cancel' | translate">
+                        {{ 'cancel' | translate }}
+                    </button>
+                    <button class="wizard-content-nav__button previous"
+                        (click)="onPreviousStep()"
+                        *ngIf="activeStep > 0"
+                        [title]="'previous' | translate">
+                        {{ 'wizard.previous' | translate }}
+                    </button>
+                    <button class="wizard-content-nav__button wizard-content-nav__button--next"
+                        (click)="onNextStep()"
+                        [disabled]="!canDoNext"
+                        [title]="'next' | translate">
+                        {{ 'wizard.next' | translate }}
+                    </button>
+                </nav>
+            </section>
+        </div>
+    `, styles: [".wizard{display:flex}.wizard-menu{background:#5b6472;flex:0 0 240px}.wizard-menu ul{padding:10px 30px}.wizard-menu ul li{color:#eaedf2;list-style-type:none;padding:5px 0}.wizard-menu ul li.active,.wizard-menu ul li.finish{font-weight:700;color:#fff}.wizard-menu ul li.finish{color:green}.wizard-menu__title{font-weight:700;font-size:1.2em;color:#fff;padding:25px 0 0 10px}.wizard-content{background:#fff;flex:auto}.wizard-content-nav{text-align:right}.wizard-content-nav__button{margin:10px 0}.wizard-content-nav__button--next{margin-right:16px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { cancel: [{
+                type: Output
+            }], previousStep: [{
+                type: Output
+            }], nextStep: [{
+                type: Output
+            }], steps: [{
+                type: ContentChildren,
+                args: [StepComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l6YXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1vZGUtdWkvc3JjL2xpYi9jb21wb25lbnRzL3dpemFyZC93aXphcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUVMLFNBQVMsRUFDVCxlQUFlLEVBQ2YsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBR1AsTUFBTSxlQUFlLENBQUM7Ozs7QUFnQnZCLE1BQU0sT0FBTyxhQUFhO0lBZDFCO1FBaUJJLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsZUFBVSxHQUFHLEtBQUssQ0FBQztLQUN0Qjs7MEdBTFksYUFBYTs4RkFBYixhQUFhLGtHQVpaLDJCQUEyQjsyRkFZNUIsYUFBYTtrQkFkekIsU0FBUzsrQkFDSyxVQUFVLFlBQ1gsMkJBQTJCOzhCQWE1QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSzs7QUF3RlYsTUFBTSxPQUFPLGVBQWdCLFNBQVEsWUFBWTtJQVU3QyxZQUFZLFFBQWtCO1FBQzFCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQVZWLFdBQU0sR0FBcUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM5QyxpQkFBWSxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3hELGFBQVEsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUV2RCxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBR3hCLGVBQVUsR0FBRyxDQUFDLENBQUM7SUFJZixDQUFDO0lBQ0QsUUFBUTtRQUNKLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFO1lBQy9CLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUNqRSxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO0lBQzFCLENBQUM7SUFFRCxjQUFjO1FBQ1YsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFRCxjQUFjO1FBQ1YsSUFBSSxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsRUFBRTtZQUNyQixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1lBQ3hELElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1lBQzNELElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztTQUN6QjtJQUNMLENBQUM7SUFFRCxVQUFVO1FBQ04sSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFDRCxVQUFVLENBQUMsS0FBZTtRQUN0QixJQUFJLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ3pDLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxLQUFLLENBQUM7WUFDeEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUN4RCxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztZQUMzRCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7U0FDckI7SUFDTCxDQUFDO0lBRUQsa0JBQWtCO1FBQ2QsS0FBSyxDQUFDLGtCQUFrQixFQUFFLENBQUM7UUFDM0IsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7WUFDekIsTUFBTSxJQUFJLEtBQUssQ0FBQywwREFBMEQsQ0FBQyxDQUFDO1NBQy9FO0lBQ0wsQ0FBQzs7NEdBbkRRLGVBQWU7Z0dBQWYsZUFBZSwySkFPUCxhQUFhLG9EQXhGcEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBbUNUOzJGQThDUSxlQUFlO2tCQW5GM0IsU0FBUzsrQkFDSSxZQUFZLFlBQ1o7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBbUNUOytGQStDUyxNQUFNO3NCQUFmLE1BQU07Z0JBQ0csWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxRQUFRO3NCQUFqQixNQUFNO2dCQUl5QixLQUFLO3NCQUFwQyxlQUFlO3VCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPZGVDb21wb25lbnQgfSBmcm9tICduZ3gtb2RlLWNvcmUnO1xuaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIEluamVjdG9yXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvciA6ICdvZGUtc3RlcCcsXG4gICAgdGVtcGxhdGU6IGA8bmctY29udGVudD48L25nLWNvbnRlbnQ+YCxcbiAgICBzdHlsZXM6IFtgXG4gICAgICAgIDpob3N0IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgICAgIHBhZGRpbmcgOiAxZW07XG4gICAgICAgIH1cbiAgICAgICAgOmhvc3QuYWN0aXZlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB9XG4gICAgYF1cbn0pXG5leHBvcnQgY2xhc3MgU3RlcENvbXBvbmVudCB7XG4gICAgQElucHV0KCkgbmFtZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGlzQWN0aXZlZDogYm9vbGVhbjtcbiAgICBoYXNFcnJvciA9IGZhbHNlO1xuICAgIGlzRmluaXNoZWQgPSBmYWxzZTtcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdvZGUtd2l6YXJkJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8ZGl2IGNsYXNzPVwid2l6YXJkXCI+XG4gICAgICAgICAgICA8bmF2IGNsYXNzPVwid2l6YXJkLW1lbnVcIj5cbiAgICAgICAgICAgICAgICA8aDIgY2xhc3M9XCJ3aXphcmQtbWVudV9fdGl0bGVcIj48czVsPndpemFyZC5zdGVwczwvczVsPjwvaDI+XG4gICAgICAgICAgICAgICAgPHVsPlxuICAgICAgICAgICAgICAgICAgICA8bGkgKm5nRm9yPVwibGV0IHN0ZXAgb2Ygc3RlcHNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJzdGVwLmlzQWN0aXZlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY2xhc3MuZmluaXNoXT1cInN0ZXAuaXNGaW5pc2hlZFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3tzdGVwLm5hbWV9fVxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICAgIDwvdWw+XG4gICAgICAgICAgICA8L25hdj5cbiAgICAgICAgICAgIDxzZWN0aW9uIGNsYXNzPVwid2l6YXJkLWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJvZGUtc3RlcFwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgICAgICA8bmF2IGNsYXNzPVwid2l6YXJkLWNvbnRlbnQtbmF2XCIgKm5nSWY9XCJhY3RpdmVTdGVwIDwgc3RlcHMubGVuZ3RoIC0gMVwiPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwid2l6YXJkLWNvbnRlbnQtbmF2X19idXR0b24gY2FuY2VsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJjYW5jZWwuZW1pdCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCInY2FuY2VsJyB8IHRyYW5zbGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgJ2NhbmNlbCcgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJ3aXphcmQtY29udGVudC1uYXZfX2J1dHRvbiBwcmV2aW91c1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25QcmV2aW91c1N0ZXAoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImFjdGl2ZVN0ZXAgPiAwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCIncHJldmlvdXMnIHwgdHJhbnNsYXRlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyAnd2l6YXJkLnByZXZpb3VzJyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cIndpemFyZC1jb250ZW50LW5hdl9fYnV0dG9uIHdpemFyZC1jb250ZW50LW5hdl9fYnV0dG9uLS1uZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbk5leHRTdGVwKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFjYW5Eb05leHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3RpdGxlXT1cIiduZXh0JyB8IHRyYW5zbGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgJ3dpemFyZC5uZXh0JyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8L25hdj5cbiAgICAgICAgICAgIDwvc2VjdGlvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgYCxcbiAgICBzdHlsZXM6IFtgXG4gICAgICAgIC53aXphcmQge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgfVxuICAgICAgICAud2l6YXJkLW1lbnUge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogIzViNjQ3MjtcbiAgICAgICAgICAgIGZsZXg6IDAgMCAyNDBweDtcbiAgICAgICAgfVxuICAgICAgICAud2l6YXJkLW1lbnUgdWwge1xuICAgICAgICAgICAgcGFkZGluZzogMTBweCAzMHB4O1xuICAgICAgICB9XG4gICAgICAgIC53aXphcmQtbWVudSB1bCBsaSB7XG4gICAgICAgICAgICBjb2xvcjogI2VhZWRmMjtcbiAgICAgICAgICAgIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDVweCAwO1xuICAgICAgICB9XG4gICAgICAgIC53aXphcmQtbWVudSB1bCBsaS5hY3RpdmUsXG4gICAgICAgIC53aXphcmQtbWVudSB1bCBsaS5maW5pc2gge1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgIH1cbiAgICAgICAgLndpemFyZC1tZW51IHVsIGxpLmZpbmlzaCB7XG4gICAgICAgICAgICBjb2xvcjogZ3JlZW47XG4gICAgICAgIH1cbiAgICAgICAgLndpemFyZC1tZW51X190aXRsZSB7XG4gICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4yZW07XG4gICAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgICAgICBwYWRkaW5nOiAyNXB4IDAgMCAxMHB4O1xuICAgICAgICB9XG4gICAgICAgIC53aXphcmQtY29udGVudCB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgICAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgfVxuICAgICAgICAud2l6YXJkLWNvbnRlbnQtbmF2IHtcbiAgICAgICAgICAgIHRleHQtYWxpZ24gOiByaWdodDtcbiAgICAgICAgfVxuICAgICAgICAud2l6YXJkLWNvbnRlbnQtbmF2X19idXR0b24ge1xuICAgICAgICAgICAgbWFyZ2luOiAxMHB4IDA7XG4gICAgICAgIH1cbiAgICAgICAgLndpemFyZC1jb250ZW50LW5hdl9fYnV0dG9uLS1uZXh0IHtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMTZweDtcbiAgICAgICAgfVxuICAgIGBdXG59KVxuZXhwb3J0IGNsYXNzIFdpemFyZENvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICAgIEBPdXRwdXQoKSBjYW5jZWw6IEV2ZW50RW1pdHRlcjx7fT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIHByZXZpb3VzU3RlcDogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIG5leHRTdGVwOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIHB1YmxpYyBjYW5Eb05leHQgPSB0cnVlO1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihTdGVwQ29tcG9uZW50KSBzdGVwczogUXVlcnlMaXN0PFN0ZXBDb21wb25lbnQ+O1xuICAgIGFjdGl2ZVN0ZXAgPSAwO1xuXG4gICAgY29uc3RydWN0b3IoaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG4gICAgZG9DYW5jZWwoKSB7XG4gICAgICAgIHRoaXMuYWN0aXZlU3RlcCA9IDA7XG4gICAgICAgIHRoaXMuc3RlcHMuZm9yRWFjaCgoc3RlcCwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgIGluZGV4ID09PSAwID8gc3RlcC5pc0FjdGl2ZWQgPSB0cnVlIDogc3RlcC5pc0FjdGl2ZWQgPSBmYWxzZTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuY2FuRG9OZXh0ID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBvblByZXZpb3VzU3RlcCgpIHtcbiAgICAgICAgdGhpcy5wcmV2aW91c1N0ZXAuZW1pdCh0aGlzLmFjdGl2ZVN0ZXApO1xuICAgIH1cblxuICAgIGRvUHJldmlvdXNTdGVwKCkge1xuICAgICAgICBpZiAodGhpcy5hY3RpdmVTdGVwID4gMCkge1xuICAgICAgICAgICAgdGhpcy5zdGVwcy50b0FycmF5KClbdGhpcy5hY3RpdmVTdGVwXS5pc0FjdGl2ZWQgPSBmYWxzZTtcbiAgICAgICAgICAgIHRoaXMuc3RlcHMudG9BcnJheSgpW3RoaXMuYWN0aXZlU3RlcCAtIDFdLmlzQWN0aXZlZCA9IHRydWU7XG4gICAgICAgICAgICB0aGlzLmFjdGl2ZVN0ZXAtLTtcbiAgICAgICAgICAgIHRoaXMuY2FuRG9OZXh0ID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uTmV4dFN0ZXAoKSB7XG4gICAgICAgIHRoaXMubmV4dFN0ZXAuZW1pdCh0aGlzLmFjdGl2ZVN0ZXApO1xuICAgIH1cbiAgICBkb05leHRTdGVwKGVycm9yPzogYm9vbGVhbikge1xuICAgICAgICBpZiAodGhpcy5hY3RpdmVTdGVwIDwgdGhpcy5zdGVwcy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgICB0aGlzLmNhbkRvTmV4dCA9ICFlcnJvcjtcbiAgICAgICAgICAgIHRoaXMuc3RlcHMudG9BcnJheSgpW3RoaXMuYWN0aXZlU3RlcF0uaXNBY3RpdmVkID0gZmFsc2U7XG4gICAgICAgICAgICB0aGlzLnN0ZXBzLnRvQXJyYXkoKVt0aGlzLmFjdGl2ZVN0ZXAgKyAxXS5pc0FjdGl2ZWQgPSB0cnVlO1xuICAgICAgICAgICAgdGhpcy5hY3RpdmVTdGVwKys7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgICAgIHN1cGVyLm5nQWZ0ZXJDb250ZW50SW5pdCgpO1xuICAgICAgICBpZiAodGhpcy5zdGVwcy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcignPHdpemFyZD4gY29tcG9uZW50IG11c3RzIG5lc3QgYXQgbGVhc3QgMSA8c3RlcD4gY29tcG9lbnQnKTtcbiAgICAgICAgfVxuICAgIH1cblxufVxuIl19

package/esm2020/lib/directives/anchor.directive.mjs

@@ -0,0 +1,27 @@
+import { Directive, HostListener, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AnchorDirective {
+    constructor() {
+        this.offset = 50;
+    }
+    onClick() {
+        const element = document.getElementById(this.anchor);
+        window.scrollBy(0, element.getBoundingClientRect().top - this.offset);
+    }
+}
+AnchorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: AnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AnchorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.1", type: AnchorDirective, selector: "[anchor]", inputs: { anchor: "anchor", offset: "offset" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: AnchorDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[anchor]' }]
+        }], propDecorators: { anchor: [{
+                type: Input,
+                args: ['anchor']
+            }], offset: [{
+                type: Input,
+                args: ['offset']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1vZGUtdWkvc3JjL2xpYi9kaXJlY3RpdmVzL2FuY2hvci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQUc3RCxNQUFNLE9BQU8sZUFBZTtJQUQ1QjtRQUlxQixXQUFNLEdBQUcsRUFBRSxDQUFDO0tBUWhDO0lBTEcsT0FBTztRQUNILE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3JELE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDMUUsQ0FBQzs7NEdBVFEsZUFBZTtnR0FBZixlQUFlOzJGQUFmLGVBQWU7a0JBRDNCLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFOzhCQUdkLE1BQU07c0JBQXRCLEtBQUs7dUJBQUMsUUFBUTtnQkFDRSxNQUFNO3NCQUF0QixLQUFLO3VCQUFDLFFBQVE7Z0JBR2YsT0FBTztzQkFETixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgSG9zdExpc3RlbmVyLCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1thbmNob3JdJyB9KVxuZXhwb3J0IGNsYXNzIEFuY2hvckRpcmVjdGl2ZSB7XG5cbiAgICBASW5wdXQoJ2FuY2hvcicpIGFuY2hvcjogc3RyaW5nO1xuICAgIEBJbnB1dCgnb2Zmc2V0Jykgb2Zmc2V0ID0gNTA7XG5cbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gICAgb25DbGljaygpIHtcbiAgICAgICAgY29uc3QgZWxlbWVudCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHRoaXMuYW5jaG9yKTtcbiAgICAgICAgd2luZG93LnNjcm9sbEJ5KDAsIGVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkudG9wIC0gdGhpcy5vZmZzZXQpO1xuICAgIH1cblxufVxuIl19

package/esm2020/lib/directives/drag-and-drop-files.directive.mjs

@@ -0,0 +1,82 @@
+import { Directive, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../services/inputFile.service";
+export class DragAndDropFilesDirective {
+    constructor(inputFileService) {
+        this.inputFileService = inputFileService;
+        this.allowedExtensions = [];
+        this.maxFilesNumber = 1;
+        this.dragAndDrop = new EventEmitter();
+        this.invalidDragAndDrop = new EventEmitter();
+        this.backgroundColor = '#fafafa';
+        this.borderColor = '#ddd';
+    }
+    onDragOver(evt) {
+        if (!this.disabled) {
+            evt.preventDefault();
+            evt.stopPropagation();
+            this.highlightColors();
+        }
+    }
+    onDragLeave(evt) {
+        if (!this.disabled) {
+            evt.preventDefault();
+            evt.stopPropagation();
+            this.resetColors();
+        }
+    }
+    onDrop(event) {
+        if (!this.disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+            if (event.dataTransfer) {
+                this.inputFileService
+                    .validateFiles(event.dataTransfer.files, this.maxFilesNumber, this.allowedExtensions)
+                    .subscribe(files => this.dragAndDrop.emit(files), error => this.invalidDragAndDrop.emit(error));
+            }
+            this.resetColors();
+        }
+    }
+    resetColors() {
+        this.backgroundColor = '#fafafa';
+        this.borderColor = '#ddd';
+    }
+    highlightColors() {
+        this.backgroundColor = '#ffd1b6';
+        this.borderColor = '#ff8352';
+    }
+}
+DragAndDropFilesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: DragAndDropFilesDirective, deps: [{ token: i1.InputFileService }], target: i0.ɵɵFactoryTarget.Directive });
+DragAndDropFilesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.1", type: DragAndDropFilesDirective, selector: "[dragAndDropFiles]", inputs: { allowedExtensions: "allowedExtensions", maxFilesNumber: "maxFilesNumber", disabled: "disabled" }, outputs: { dragAndDrop: "dragAndDrop", invalidDragAndDrop: "invalidDragAndDrop" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" }, properties: { "style.background": "this.backgroundColor", "style.border-color": "this.borderColor" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: DragAndDropFilesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dragAndDropFiles]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.InputFileService }]; }, propDecorators: { allowedExtensions: [{
+                type: Input
+            }], maxFilesNumber: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], dragAndDrop: [{
+                type: Output
+            }], invalidDragAndDrop: [{
+                type: Output
+            }], backgroundColor: [{
+                type: HostBinding,
+                args: ['style.background']
+            }], borderColor: [{
+                type: HostBinding,
+                args: ['style.border-color']
+            }], onDragOver: [{
+                type: HostListener,
+                args: ['dragover', ['$event']]
+            }], onDragLeave: [{
+                type: HostListener,
+                args: ['dragleave', ['$event']]
+            }], onDrop: [{
+                type: HostListener,
+                args: ['drop', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy1hbmQtZHJvcC1maWxlcy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtb2RlLXVpL3NyYy9saWIvZGlyZWN0aXZlcy9kcmFnLWFuZC1kcm9wLWZpbGVzLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQU1oRyxNQUFNLE9BQU8seUJBQXlCO0lBa0JsQyxZQUFvQixnQkFBa0M7UUFBbEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQWhCdEQsc0JBQWlCLEdBQWtCLEVBQUUsQ0FBQztRQUV0QyxtQkFBYyxHQUFHLENBQUMsQ0FBQztRQUtuQixnQkFBVyxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXZELHVCQUFrQixHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBR3ZELG9CQUFlLEdBQUcsU0FBUyxDQUFDO1FBRTVCLGdCQUFXLEdBQUcsTUFBTSxDQUFDO0lBRzVCLENBQUM7SUFHTSxVQUFVLENBQUMsR0FBRztRQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNoQixHQUFHLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDckIsR0FBRyxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztTQUMxQjtJQUNMLENBQUM7SUFHTSxXQUFXLENBQUMsR0FBRztRQUNsQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNoQixHQUFHLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDckIsR0FBRyxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUN0QjtJQUNMLENBQUM7SUFHTSxNQUFNLENBQUMsS0FBSztRQUNmLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7WUFFeEIsSUFBSSxLQUFLLENBQUMsWUFBWSxFQUFFO2dCQUNwQixJQUFJLENBQUMsZ0JBQWdCO3FCQUNoQixhQUFhLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUM7cUJBQ3BGLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUMxQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQzthQUMzRDtZQUVELElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUN0QjtJQUNMLENBQUM7SUFFTyxXQUFXO1FBQ2YsSUFBSSxDQUFDLGVBQWUsR0FBRyxTQUFTLENBQUM7UUFDakMsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUM7SUFDOUIsQ0FBQztJQUVPLGVBQWU7UUFDbkIsSUFBSSxDQUFDLGVBQWUsR0FBRyxTQUFTLENBQUM7UUFDakMsSUFBSSxDQUFDLFdBQVcsR0FBRyxTQUFTLENBQUM7SUFDakMsQ0FBQzs7c0hBaEVRLHlCQUF5QjswR0FBekIseUJBQXlCOzJGQUF6Qix5QkFBeUI7a0JBSHJDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLG9CQUFvQjtpQkFDakM7dUdBR0csaUJBQWlCO3NCQURoQixLQUFLO2dCQUdOLGNBQWM7c0JBRGIsS0FBSztnQkFHTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sV0FBVztzQkFEVixNQUFNO2dCQUdQLGtCQUFrQjtzQkFEakIsTUFBTTtnQkFJQSxlQUFlO3NCQURyQixXQUFXO3VCQUFDLGtCQUFrQjtnQkFHeEIsV0FBVztzQkFEakIsV0FBVzt1QkFBQyxvQkFBb0I7Z0JBTzFCLFVBQVU7c0JBRGhCLFlBQVk7dUJBQUMsVUFBVSxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQVU3QixXQUFXO3NCQURqQixZQUFZO3VCQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFVOUIsTUFBTTtzQkFEWixZQUFZO3VCQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtJbnB1dEZpbGVTZXJ2aWNlfSBmcm9tICcuLi9zZXJ2aWNlcy9pbnB1dEZpbGUuc2VydmljZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2RyYWdBbmREcm9wRmlsZXNdJ1xufSlcbmV4cG9ydCBjbGFzcyBEcmFnQW5kRHJvcEZpbGVzRGlyZWN0aXZlIHtcbiAgICBASW5wdXQoKVxuICAgIGFsbG93ZWRFeHRlbnNpb25zOiBBcnJheTxzdHJpbmc+ID0gW107XG4gICAgQElucHV0KClcbiAgICBtYXhGaWxlc051bWJlciA9IDE7XG4gICAgQElucHV0KClcbiAgICBkaXNhYmxlZDogYm9vbGVhbjtcblxuICAgIEBPdXRwdXQoKVxuICAgIGRyYWdBbmREcm9wOiBFdmVudEVtaXR0ZXI8RmlsZVtdPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KClcbiAgICBpbnZhbGlkRHJhZ0FuZERyb3A6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS5iYWNrZ3JvdW5kJylcbiAgICBwdWJsaWMgYmFja2dyb3VuZENvbG9yID0gJyNmYWZhZmEnO1xuICAgIEBIb3N0QmluZGluZygnc3R5bGUuYm9yZGVyLWNvbG9yJylcbiAgICBwdWJsaWMgYm9yZGVyQ29sb3IgPSAnI2RkZCc7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGlucHV0RmlsZVNlcnZpY2U6IElucHV0RmlsZVNlcnZpY2UpIHtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdkcmFnb3ZlcicsIFsnJGV2ZW50J10pXG4gICAgcHVibGljIG9uRHJhZ092ZXIoZXZ0KSB7XG4gICAgICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgICAgICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBldnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICB0aGlzLmhpZ2hsaWdodENvbG9ycygpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcignZHJhZ2xlYXZlJywgWyckZXZlbnQnXSlcbiAgICBwdWJsaWMgb25EcmFnTGVhdmUoZXZ0KSB7XG4gICAgICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgICAgICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBldnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICB0aGlzLnJlc2V0Q29sb3JzKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdkcm9wJywgWyckZXZlbnQnXSlcbiAgICBwdWJsaWMgb25Ecm9wKGV2ZW50KSB7XG4gICAgICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgICAgICAgICBpZiAoZXZlbnQuZGF0YVRyYW5zZmVyKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5pbnB1dEZpbGVTZXJ2aWNlXG4gICAgICAgICAgICAgICAgICAgIC52YWxpZGF0ZUZpbGVzKGV2ZW50LmRhdGFUcmFuc2Zlci5maWxlcywgdGhpcy5tYXhGaWxlc051bWJlciwgdGhpcy5hbGxvd2VkRXh0ZW5zaW9ucylcbiAgICAgICAgICAgICAgICAgICAgLnN1YnNjcmliZShmaWxlcyA9PiB0aGlzLmRyYWdBbmREcm9wLmVtaXQoZmlsZXMpXG4gICAgICAgICAgICAgICAgICAgICAgICAsIGVycm9yID0+IHRoaXMuaW52YWxpZERyYWdBbmREcm9wLmVtaXQoZXJyb3IpKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgdGhpcy5yZXNldENvbG9ycygpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSByZXNldENvbG9ycygpIHtcbiAgICAgICAgdGhpcy5iYWNrZ3JvdW5kQ29sb3IgPSAnI2ZhZmFmYSc7XG4gICAgICAgIHRoaXMuYm9yZGVyQ29sb3IgPSAnI2RkZCc7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBoaWdobGlnaHRDb2xvcnMoKSB7XG4gICAgICAgIHRoaXMuYmFja2dyb3VuZENvbG9yID0gJyNmZmQxYjYnO1xuICAgICAgICB0aGlzLmJvcmRlckNvbG9yID0gJyNmZjgzNTInO1xuICAgIH1cbn1cbiJdfQ==

package/esm2020/lib/directives/dynamic-component/component-descriptor.model.mjs

@@ -0,0 +1,15 @@
+/**
+* Usefull to desccribe (type and input data) a component
+* that will be dynamically instanciate
+*/
+export class ComponentDescriptor {
+    constructor(type, data) {
+        this.type = type;
+        this.data = data;
+    }
+    assignData(data) {
+        Object.assign(this.data, data);
+        return this;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LWRlc2NyaXB0b3IubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtb2RlLXVpL3NyYy9saWIvZGlyZWN0aXZlcy9keW5hbWljLWNvbXBvbmVudC9jb21wb25lbnQtZGVzY3JpcHRvci5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTs7O0VBR0U7QUFDRixNQUFNLE9BQU8sbUJBQW1CO0lBQzdCLFlBQ1csSUFBZSxFQUNmLElBQVM7UUFEVCxTQUFJLEdBQUosSUFBSSxDQUFXO1FBQ2YsU0FBSSxHQUFKLElBQUksQ0FBSztJQUNqQixDQUFDO0lBRUosVUFBVSxDQUFDLElBQVM7UUFDaEIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQy9CLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7Q0FDSCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7VHlwZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuKiBVc2VmdWxsIHRvIGRlc2NjcmliZSAodHlwZSBhbmQgaW5wdXQgZGF0YSkgYSBjb21wb25lbnRcbiogdGhhdCB3aWxsIGJlIGR5bmFtaWNhbGx5IGluc3RhbmNpYXRlXG4qL1xuZXhwb3J0IGNsYXNzIENvbXBvbmVudERlc2NyaXB0b3Ige1xuICAgY29uc3RydWN0b3IoXG4gICAgICAgcHVibGljIHR5cGU6IFR5cGU8YW55PixcbiAgICAgICBwdWJsaWMgZGF0YTogYW55XG4gICApIHt9XG5cbiAgIGFzc2lnbkRhdGEoZGF0YTogYW55KTogQ29tcG9uZW50RGVzY3JpcHRvciB7XG4gICAgICAgT2JqZWN0LmFzc2lnbih0aGlzLmRhdGEsIGRhdGEpO1xuICAgICAgIHJldHVybiB0aGlzO1xuICAgfVxufVxuIl19

package/esm2020/lib/directives/dynamic-component/dynamic-component.directive.mjs

@@ -0,0 +1,58 @@
+import { Directive, Input, } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+* Dynamically load the component describe with the @input dynamic-component
+*/
+export class DynamicComponentDirective {
+    constructor(viewContainerRef, componentFactoryResolver) {
+        this.viewContainerRef = viewContainerRef;
+        this.componentFactoryResolver = componentFactoryResolver;
+    }
+    load(data) {
+        if (this.isLoaded()) {
+            return;
+        }
+        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.componentDesc.type);
+        this.viewContainerRef.clear();
+        this.componentRef = this.viewContainerRef.createComponent(componentFactory);
+        if (data != undefined) {
+            this.componentDesc.assignData(data);
+        }
+        for (const attribute in this.componentDesc.data) {
+            this.componentRef.instance[attribute] = this.componentDesc.data[attribute];
+            if (attribute == 'hideEvent') {
+                this.componentRef.instance.hideEvent.subscribe(e => {
+                    this.destroy();
+                });
+            }
+        }
+    }
+    isLoaded() {
+        if (this.componentRef == undefined) {
+            return false;
+        }
+        else {
+            return this.componentRef.instance != null;
+        }
+    }
+    destroy() {
+        if (this.componentRef.instance.hideEvent != undefined) {
+            this.componentRef.instance.hideEvent.unsubscribe();
+        }
+        // FIXME: this.componentRef.destroy(); => This one usually should work, better to use but do nothing...
+        delete this.componentRef;
+        this.viewContainerRef.clear();
+    }
+}
+DynamicComponentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: DynamicComponentDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
+DynamicComponentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.1", type: DynamicComponentDirective, selector: "[dynamic-component]", inputs: { componentDesc: ["dynamic-component", "componentDesc"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: DynamicComponentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dynamic-component]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { componentDesc: [{
+                type: Input,
+                args: ['dynamic-component']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1jb21wb25lbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW9kZS11aS9zcmMvbGliL2RpcmVjdGl2ZXMvZHluYW1pYy1jb21wb25lbnQvZHluYW1pYy1jb21wb25lbnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBeUMsU0FBUyxFQUFFLEtBQUssR0FBcUIsTUFBTSxlQUFlLENBQUM7O0FBRzNHOztFQUVFO0FBSUYsTUFBTSxPQUFPLHlCQUF5QjtJQUNsQyxZQUNZLGdCQUFrQyxFQUNsQyx3QkFBa0Q7UUFEbEQscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyw2QkFBd0IsR0FBeEIsd0JBQXdCLENBQTBCO0lBQzNELENBQUM7SUFPSixJQUFJLENBQUMsSUFBVTtRQUNYLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFO1lBQUUsT0FBTztTQUFFO1FBQ2hDLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLHdCQUF3QixDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDeEcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssRUFBRSxDQUFDO1FBQzlCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGVBQWUsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBRTVFLElBQUksSUFBSSxJQUFJLFNBQVMsRUFBRTtZQUNuQixJQUFJLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN2QztRQUNELEtBQUssTUFBTSxTQUFTLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUU7WUFDN0MsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDM0UsSUFBSSxTQUFTLElBQUksV0FBVyxFQUFFO2dCQUMxQixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFO29CQUMvQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7Z0JBQ25CLENBQUMsQ0FBQyxDQUFDO2FBQ047U0FDSjtJQUNMLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxJQUFJLENBQUMsWUFBWSxJQUFJLFNBQVMsRUFBRTtZQUNoQyxPQUFPLEtBQUssQ0FBQztTQUNoQjthQUNJO1lBQ0QsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUM7U0FDN0M7SUFDTCxDQUFDO0lBRUQsT0FBTztRQUNILElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsU0FBUyxJQUFJLFNBQVMsRUFBRTtZQUNuRCxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDdEQ7UUFDRCx1R0FBdUc7UUFDdkcsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNsQyxDQUFDOztzSEE5Q1EseUJBQXlCOzBHQUF6Qix5QkFBeUI7MkZBQXpCLHlCQUF5QjtrQkFIckMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUscUJBQXFCO2lCQUNsQzs4SUFVRyxhQUFhO3NCQURaLEtBQUs7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsIENvbXBvbmVudFJlZiwgRGlyZWN0aXZlLCBJbnB1dCwgVmlld0NvbnRhaW5lclJlZiwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tcG9uZW50RGVzY3JpcHRvcn0gZnJvbSAnLi9jb21wb25lbnQtZGVzY3JpcHRvci5tb2RlbCc7XG5cbi8qKlxuKiBEeW5hbWljYWxseSBsb2FkIHRoZSBjb21wb25lbnQgZGVzY3JpYmUgd2l0aCB0aGUgQGlucHV0IGR5bmFtaWMtY29tcG9uZW50XG4qL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbZHluYW1pYy1jb21wb25lbnRdJyxcbn0pXG5leHBvcnQgY2xhc3MgRHluYW1pY0NvbXBvbmVudERpcmVjdGl2ZSB7XG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZixcbiAgICAgICAgcHJpdmF0ZSBjb21wb25lbnRGYWN0b3J5UmVzb2x2ZXI6IENvbXBvbmVudEZhY3RvcnlSZXNvbHZlclxuICAgICkge31cblxuICAgIHB1YmxpYyBjb21wb25lbnRSZWY6IENvbXBvbmVudFJlZjxhbnk+O1xuXG4gICAgQElucHV0KCdkeW5hbWljLWNvbXBvbmVudCcpXG4gICAgY29tcG9uZW50RGVzYzogQ29tcG9uZW50RGVzY3JpcHRvcjtcblxuICAgIGxvYWQoZGF0YT86IGFueSk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pc0xvYWRlZCgpKSB7IHJldHVybjsgfVxuICAgICAgICBjb25zdCBjb21wb25lbnRGYWN0b3J5ID0gdGhpcy5jb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIucmVzb2x2ZUNvbXBvbmVudEZhY3RvcnkodGhpcy5jb21wb25lbnREZXNjLnR5cGUpO1xuICAgICAgICB0aGlzLnZpZXdDb250YWluZXJSZWYuY2xlYXIoKTtcbiAgICAgICAgdGhpcy5jb21wb25lbnRSZWYgPSB0aGlzLnZpZXdDb250YWluZXJSZWYuY3JlYXRlQ29tcG9uZW50KGNvbXBvbmVudEZhY3RvcnkpO1xuXG4gICAgICAgIGlmIChkYXRhICE9IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgdGhpcy5jb21wb25lbnREZXNjLmFzc2lnbkRhdGEoZGF0YSk7XG4gICAgICAgIH1cbiAgICAgICAgZm9yIChjb25zdCBhdHRyaWJ1dGUgaW4gdGhpcy5jb21wb25lbnREZXNjLmRhdGEpIHtcbiAgICAgICAgICAgIHRoaXMuY29tcG9uZW50UmVmLmluc3RhbmNlW2F0dHJpYnV0ZV0gPSB0aGlzLmNvbXBvbmVudERlc2MuZGF0YVthdHRyaWJ1dGVdO1xuICAgICAgICAgICAgaWYgKGF0dHJpYnV0ZSA9PSAnaGlkZUV2ZW50Jykge1xuICAgICAgICAgICAgICAgIHRoaXMuY29tcG9uZW50UmVmLmluc3RhbmNlLmhpZGVFdmVudC5zdWJzY3JpYmUoZSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZGVzdHJveSgpO1xuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgaXNMb2FkZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIGlmICh0aGlzLmNvbXBvbmVudFJlZiA9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLmNvbXBvbmVudFJlZi5pbnN0YW5jZSAhPSBudWxsO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuY29tcG9uZW50UmVmLmluc3RhbmNlLmhpZGVFdmVudCAhPSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIHRoaXMuY29tcG9uZW50UmVmLmluc3RhbmNlLmhpZGVFdmVudC51bnN1YnNjcmliZSgpO1xuICAgICAgICB9XG4gICAgICAgIC8vIEZJWE1FOiB0aGlzLmNvbXBvbmVudFJlZi5kZXN0cm95KCk7ID0+IFRoaXMgb25lIHVzdWFsbHkgc2hvdWxkIHdvcmssIGJldHRlciB0byB1c2UgYnV0IGRvIG5vdGhpbmcuLi5cbiAgICAgICAgZGVsZXRlIHRoaXMuY29tcG9uZW50UmVmO1xuICAgICAgICB0aGlzLnZpZXdDb250YWluZXJSZWYuY2xlYXIoKTtcbiAgICB9XG59XG5cblxuXG4iXX0=

package/esm2020/lib/directives/dynamictemplate.directive.mjs

@@ -0,0 +1,83 @@
+import { Component, Directive, Input, NgModule, Injector } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "../services/dynamicModuleImports.service";
+export class DynamicTemplateDirective {
+    constructor(elementRef, viewContainer, compiler, dynamicModuleImports) {
+        this.elementRef = elementRef;
+        this.viewContainer = viewContainer;
+        this.compiler = compiler;
+        this.dynamicModuleImports = dynamicModuleImports;
+        this._html = '';
+        this._selector = 'dynamic-view';
+    }
+    set templateContents(html) {
+        if (html) {
+            this._html = html;
+            const cmpType = this._createDynamicComponent();
+            const moduleType = this._createDynamicModule(cmpType);
+            const injector = Injector.create({
+                providers: [],
+                parent: this.viewContainer.parentInjector,
+            });
+            this.compiler.compileModuleAndAllComponentsAsync(moduleType)
+                .then(factory => {
+                let cmpFactory;
+                for (let i = factory.componentFactories.length - 1; i >= 0; i--) {
+                    if (factory.componentFactories[i].selector === this._selector) {
+                        cmpFactory = factory.componentFactories[i];
+                        break;
+                    }
+                }
+                return cmpFactory;
+            })
+                .then(cmpFactory => {
+                if (cmpFactory && this.viewContainer) {
+                    this.viewContainer.clear();
+                    this.viewContainer.createComponent(cmpFactory, 0, injector);
+                }
+            });
+        }
+        else {
+            this._html = '';
+            this.viewContainer.clear();
+        }
+    }
+    _createDynamicComponent() {
+        const metadata = {
+            selector: this._selector,
+            template: this._html,
+            inputs: ['template']
+        };
+        class _cmp_ {
+        }
+        _cmp_.prototype = this.context;
+        return Component(metadata)(_cmp_);
+    }
+    _createDynamicModule(componentType) {
+        class _mod_ {
+        }
+        return NgModule({
+            imports: [
+                CommonModule,
+                ...this.dynamicModuleImports.imports
+            ],
+            declarations: [componentType],
+            providers: []
+        })(_mod_);
+    }
+}
+DynamicTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: DynamicTemplateDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Compiler }, { token: i1.DynamicModuleImportsService }], target: i0.ɵɵFactoryTarget.Directive });
+DynamicTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.1", type: DynamicTemplateDirective, selector: "dynamic-template", inputs: { templateContents: ["template", "templateContents"], context: "context" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: DynamicTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'dynamic-template'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Compiler }, { type: i1.DynamicModuleImportsService }]; }, propDecorators: { templateContents: [{
+                type: Input,
+                args: ['template']
+            }], context: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pY3RlbXBsYXRlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1vZGUtdWkvc3JjL2xpYi9kaXJlY3RpdmVzL2R5bmFtaWN0ZW1wbGF0ZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFXLFNBQVMsRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQXlCLE1BQU0sZUFBZSxDQUFDO0FBRTVILE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBTTdDLE1BQU0sT0FBTyx3QkFBd0I7SUFFakMsWUFDWSxVQUFzQixFQUN0QixhQUErQixFQUMvQixRQUFrQixFQUNsQixvQkFBaUQ7UUFIakQsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN0QixrQkFBYSxHQUFiLGFBQWEsQ0FBa0I7UUFDL0IsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUNsQix5QkFBb0IsR0FBcEIsb0JBQW9CLENBQTZCO1FBcUNyRCxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsY0FBUyxHQUFHLGNBQWMsQ0FBQztJQXJDaEMsQ0FBQztJQUVKLElBQ0ksZ0JBQWdCLENBQUMsSUFBWTtRQUM3QixJQUFJLElBQUksRUFBRTtZQUNOLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1lBQ2xCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyx1QkFBdUIsRUFBRSxDQUFDO1lBQy9DLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUN0RCxNQUFNLFFBQVEsR0FBYSxRQUFRLENBQUMsTUFBTSxDQUFDO2dCQUN2QyxTQUFTLEVBQUUsRUFBRTtnQkFDYixNQUFNLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxjQUFjO2FBQzVDLENBQUMsQ0FBQztZQUVILElBQUksQ0FBQyxRQUFRLENBQUMsa0NBQWtDLENBQU0sVUFBVSxDQUFDO2lCQUM1RCxJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUU7Z0JBQ1osSUFBSSxVQUFlLENBQUM7Z0JBQ3BCLEtBQUssSUFBSSxDQUFDLEdBQUcsT0FBTyxDQUFDLGtCQUFrQixDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRTtvQkFDN0QsSUFBSSxPQUFPLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxLQUFLLElBQUksQ0FBQyxTQUFTLEVBQUU7d0JBQzNELFVBQVUsR0FBRyxPQUFPLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLENBQUM7d0JBQzNDLE1BQU07cUJBQ1Q7aUJBQ0o7Z0JBQ0QsT0FBTyxVQUFVLENBQUM7WUFDdEIsQ0FBQyxDQUFDO2lCQUNELElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRTtnQkFDZixJQUFJLFVBQVUsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO29CQUNsQyxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO29CQUMzQixJQUFJLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQyxVQUFVLEVBQUUsQ0FBQyxFQUFFLFFBQVEsQ0FBQyxDQUFDO2lCQUMvRDtZQUNMLENBQUMsQ0FBQyxDQUFDO1NBQ1Y7YUFBTTtZQUNILElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDOUI7SUFDTCxDQUFDO0lBT08sdUJBQXVCO1FBQzNCLE1BQU0sUUFBUSxHQUFHO1lBQ2IsUUFBUSxFQUFFLElBQUksQ0FBQyxTQUFTO1lBQ3hCLFFBQVEsRUFBRSxJQUFJLENBQUMsS0FBSztZQUNwQixNQUFNLEVBQUUsQ0FBQyxVQUFVLENBQUM7U0FDdkIsQ0FBQztRQUNGLE1BQU0sS0FBSztTQUFHO1FBQ2QsS0FBSyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQy9CLE9BQU8sU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFTyxvQkFBb0IsQ0FBQyxhQUF3QjtRQUNqRCxNQUFNLEtBQUs7U0FBRztRQUNkLE9BQU8sUUFBUSxDQUFDO1lBQ1osT0FBTyxFQUFFO2dCQUNMLFlBQVk7Z0JBQ1osR0FBRyxJQUFJLENBQUMsb0JBQW9CLENBQUMsT0FBTzthQUFFO1lBQzFDLFlBQVksRUFBRSxDQUFDLGFBQWEsQ0FBQztZQUM3QixTQUFTLEVBQUUsRUFBRTtTQUNoQixDQUFDLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDZCxDQUFDOztxSEFwRVEsd0JBQXdCO3lHQUF4Qix3QkFBd0I7MkZBQXhCLHdCQUF3QjtrQkFIcEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsa0JBQWtCO2lCQUMvQjtpTUFXTyxnQkFBZ0I7c0JBRG5CLEtBQUs7dUJBQUMsVUFBVTtnQkFxQ0EsT0FBTztzQkFBdkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcGlsZXIsIENvbXBvbmVudCwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCwgTmdNb2R1bGUsIEluamVjdG9yLCBUeXBlLCBWaWV3Q29udGFpbmVyUmVmfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0R5bmFtaWNNb2R1bGVJbXBvcnRzU2VydmljZX0gZnJvbSAnLi4vc2VydmljZXMvZHluYW1pY01vZHVsZUltcG9ydHMuc2VydmljZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnZHluYW1pYy10ZW1wbGF0ZSdcbn0pXG5leHBvcnQgY2xhc3MgRHluYW1pY1RlbXBsYXRlRGlyZWN0aXZlIHtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgICAgIHByaXZhdGUgdmlld0NvbnRhaW5lcjogVmlld0NvbnRhaW5lclJlZixcbiAgICAgICAgcHJpdmF0ZSBjb21waWxlcjogQ29tcGlsZXIsXG4gICAgICAgIHByaXZhdGUgZHluYW1pY01vZHVsZUltcG9ydHM6IER5bmFtaWNNb2R1bGVJbXBvcnRzU2VydmljZVxuICAgICkge31cblxuICAgIEBJbnB1dCgndGVtcGxhdGUnKVxuICAgIHNldCB0ZW1wbGF0ZUNvbnRlbnRzKGh0bWw6IHN0cmluZykge1xuICAgICAgICBpZiAoaHRtbCkge1xuICAgICAgICAgICAgdGhpcy5faHRtbCA9IGh0bWw7XG4gICAgICAgICAgICBjb25zdCBjbXBUeXBlID0gdGhpcy5fY3JlYXRlRHluYW1pY0NvbXBvbmVudCgpO1xuICAgICAgICAgICAgY29uc3QgbW9kdWxlVHlwZSA9IHRoaXMuX2NyZWF0ZUR5bmFtaWNNb2R1bGUoY21wVHlwZSk7XG4gICAgICAgICAgICBjb25zdCBpbmplY3RvcjogSW5qZWN0b3IgPSBJbmplY3Rvci5jcmVhdGUoe1xuICAgICAgICAgICAgICAgIHByb3ZpZGVyczogW10sXG4gICAgICAgICAgICAgICAgcGFyZW50OiB0aGlzLnZpZXdDb250YWluZXIucGFyZW50SW5qZWN0b3IsXG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgdGhpcy5jb21waWxlci5jb21waWxlTW9kdWxlQW5kQWxsQ29tcG9uZW50c0FzeW5jPGFueT4obW9kdWxlVHlwZSlcbiAgICAgICAgICAgICAgICAudGhlbihmYWN0b3J5ID0+IHtcbiAgICAgICAgICAgICAgICAgICAgbGV0IGNtcEZhY3Rvcnk6IGFueTtcbiAgICAgICAgICAgICAgICAgICAgZm9yIChsZXQgaSA9IGZhY3RvcnkuY29tcG9uZW50RmFjdG9yaWVzLmxlbmd0aCAtIDE7IGkgPj0gMDsgaS0tKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBpZiAoZmFjdG9yeS5jb21wb25lbnRGYWN0b3JpZXNbaV0uc2VsZWN0b3IgPT09IHRoaXMuX3NlbGVjdG9yKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY21wRmFjdG9yeSA9IGZhY3RvcnkuY29tcG9uZW50RmFjdG9yaWVzW2ldO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBjbXBGYWN0b3J5O1xuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgLnRoZW4oY21wRmFjdG9yeSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGlmIChjbXBGYWN0b3J5ICYmIHRoaXMudmlld0NvbnRhaW5lcikge1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy52aWV3Q29udGFpbmVyLmNsZWFyKCk7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLnZpZXdDb250YWluZXIuY3JlYXRlQ29tcG9uZW50KGNtcEZhY3RvcnksIDAsIGluamVjdG9yKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5faHRtbCA9ICcnO1xuICAgICAgICAgICAgdGhpcy52aWV3Q29udGFpbmVyLmNsZWFyKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIF9odG1sID0gJyc7XG4gICAgcHJpdmF0ZSBfc2VsZWN0b3IgPSAnZHluYW1pYy12aWV3JztcblxuICAgIEBJbnB1dCgpIHByaXZhdGUgY29udGV4dDogT2JqZWN0O1xuXG4gICAgcHJpdmF0ZSBfY3JlYXRlRHluYW1pY0NvbXBvbmVudCgpOiBUeXBlPGFueT4ge1xuICAgICAgICBjb25zdCBtZXRhZGF0YSA9IHtcbiAgICAgICAgICAgIHNlbGVjdG9yOiB0aGlzLl9zZWxlY3RvcixcbiAgICAgICAgICAgIHRlbXBsYXRlOiB0aGlzLl9odG1sLFxuICAgICAgICAgICAgaW5wdXRzOiBbJ3RlbXBsYXRlJ11cbiAgICAgICAgfTtcbiAgICAgICAgY2xhc3MgX2NtcF8ge31cbiAgICAgICAgX2NtcF8ucHJvdG90eXBlID0gdGhpcy5jb250ZXh0O1xuICAgICAgICByZXR1cm4gQ29tcG9uZW50KG1ldGFkYXRhKShfY21wXyk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfY3JlYXRlRHluYW1pY01vZHVsZShjb21wb25lbnRUeXBlOiBUeXBlPGFueT4pIHtcbiAgICAgICAgY2xhc3MgX21vZF8ge31cbiAgICAgICAgcmV0dXJuIE5nTW9kdWxlKHtcbiAgICAgICAgICAgIGltcG9ydHM6IFtcbiAgICAgICAgICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgICAgICAgICAgLi4udGhpcy5keW5hbWljTW9kdWxlSW1wb3J0cy5pbXBvcnRzIF0sXG4gICAgICAgICAgICBkZWNsYXJhdGlvbnM6IFtjb21wb25lbnRUeXBlXSxcbiAgICAgICAgICAgIHByb3ZpZGVyczogW11cbiAgICAgICAgfSkoX21vZF8pO1xuICAgIH1cblxufVxuIl19

package/esm2020/lib/directives/object-url.directive.mjs

@@ -0,0 +1,28 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+*
+* see https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
+*/
+export class ObjectURLDirective {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    // TODO provide more specific method like createJSON, createCSV, createPDF
+    // to free directive consumer from using Blog API
+    create(blob, filename) {
+        if (this.objectURL !== null) {
+            window.URL.revokeObjectURL(this.objectURL);
+        }
+        this.objectURL = window.URL.createObjectURL(blob);
+        this.elementRef.nativeElement.href = this.objectURL;
+        this.elementRef.nativeElement.download = filename;
+    }
+}
+ObjectURLDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: ObjectURLDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ObjectURLDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.1", type: ObjectURLDirective, selector: "[object-url]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: ObjectURLDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[object-url]' }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0LXVybC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtb2RlLXVpL3NyYy9saWIvZGlyZWN0aXZlcy9vYmplY3QtdXJsLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFhLE1BQU0sZUFBZSxDQUFDOztBQUVwRDs7O0VBR0U7QUFFRixNQUFNLE9BQU8sa0JBQWtCO0lBRTNCLFlBQ1ksVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtJQUMvQixDQUFDO0lBSUosMEVBQTBFO0lBQzFFLGlEQUFpRDtJQUNqRCxNQUFNLENBQUMsSUFBVSxFQUFFLFFBQWdCO1FBQy9CLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxJQUFJLEVBQUU7WUFDekIsTUFBTSxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1NBQzlDO1FBQ0QsSUFBSSxDQUFDLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsRCxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUNwRCxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0lBQ3RELENBQUM7OytHQWpCUSxrQkFBa0I7bUdBQWxCLGtCQUFrQjsyRkFBbEIsa0JBQWtCO2tCQUQ5QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBFbGVtZW50UmVmfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4qXG4qIHNlZSBodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9BUEkvVVJML2NyZWF0ZU9iamVjdFVSTFxuKi9cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tvYmplY3QtdXJsXScgfSlcbmV4cG9ydCBjbGFzcyBPYmplY3RVUkxEaXJlY3RpdmUge1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICApIHt9XG5cbiAgICBwcml2YXRlIG9iamVjdFVSTDtcblxuICAgIC8vIFRPRE8gcHJvdmlkZSBtb3JlIHNwZWNpZmljIG1ldGhvZCBsaWtlIGNyZWF0ZUpTT04sIGNyZWF0ZUNTViwgY3JlYXRlUERGXG4gICAgLy8gdG8gZnJlZSBkaXJlY3RpdmUgY29uc3VtZXIgZnJvbSB1c2luZyBCbG9nIEFQSVxuICAgIGNyZWF0ZShibG9iOiBCbG9iLCBmaWxlbmFtZTogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLm9iamVjdFVSTCAhPT0gbnVsbCkge1xuICAgICAgICAgICAgd2luZG93LlVSTC5yZXZva2VPYmplY3RVUkwodGhpcy5vYmplY3RVUkwpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMub2JqZWN0VVJMID0gd2luZG93LlVSTC5jcmVhdGVPYmplY3RVUkwoYmxvYik7XG4gICAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmhyZWYgPSB0aGlzLm9iamVjdFVSTDtcbiAgICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZG93bmxvYWQgPSBmaWxlbmFtZTtcbiAgICB9XG5cbn1cbiJdfQ==