ngx-ode-ui 4.6.0-dev-produit.2 → 4.6.0-dev-integration.2

package/esm5/lib/components/wizard/wizard.component.js

@@ -0,0 +1,161 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/wizard/wizard.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import * as tslib_1 from "tslib";
+import { OdeComponent } from 'ngx-ode-core';
+import { Component, ContentChildren, EventEmitter, Input, Output, QueryList, Injector } from '@angular/core';
+var StepComponent = /** @class */ (function () {
+    function StepComponent() {
+        this.hasError = false;
+        this.isFinished = false;
+    }
+    StepComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'ode-step',
+                    template: "<ng-content></ng-content>",
+                    styles: ["\n        :host {\n            display: none;\n            overflow: auto;\n            padding : 1em;\n        }\n        :host.active {\n            display: block;\n        }\n    "]
+                }] }
+    ];
+    StepComponent.propDecorators = {
+        name: [{ type: Input }],
+        isActived: [{ type: Input }]
+    };
+    return StepComponent;
+}());
+export { StepComponent };
+if (false) {
+    /** @type {?} */
+    StepComponent.prototype.name;
+    /** @type {?} */
+    StepComponent.prototype.isActived;
+    /** @type {?} */
+    StepComponent.prototype.hasError;
+    /** @type {?} */
+    StepComponent.prototype.isFinished;
+}
+var WizardComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(WizardComponent, _super);
+    function WizardComponent(injector) {
+        var _this = _super.call(this, injector) || this;
+        _this.cancel = new EventEmitter();
+        _this.previousStep = new EventEmitter();
+        _this.nextStep = new EventEmitter();
+        _this.canDoNext = true;
+        _this.activeStep = 0;
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    WizardComponent.prototype.doCancel = /**
+     * @return {?}
+     */
+    function () {
+        this.activeStep = 0;
+        this.steps.forEach((/**
+         * @param {?} step
+         * @param {?} index
+         * @return {?}
+         */
+        function (step, index) {
+            index === 0 ? step.isActived = true : step.isActived = false;
+        }));
+        this.canDoNext = true;
+    };
+    /**
+     * @return {?}
+     */
+    WizardComponent.prototype.onPreviousStep = /**
+     * @return {?}
+     */
+    function () {
+        this.previousStep.emit(this.activeStep);
+    };
+    /**
+     * @return {?}
+     */
+    WizardComponent.prototype.doPreviousStep = /**
+     * @return {?}
+     */
+    function () {
+        if (this.activeStep > 0) {
+            this.steps.toArray()[this.activeStep].isActived = false;
+            this.steps.toArray()[this.activeStep - 1].isActived = true;
+            this.activeStep--;
+            this.canDoNext = true;
+        }
+    };
+    /**
+     * @return {?}
+     */
+    WizardComponent.prototype.onNextStep = /**
+     * @return {?}
+     */
+    function () {
+        this.nextStep.emit(this.activeStep);
+    };
+    /**
+     * @param {?=} error
+     * @return {?}
+     */
+    WizardComponent.prototype.doNextStep = /**
+     * @param {?=} error
+     * @return {?}
+     */
+    function (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++;
+        }
+    };
+    /**
+     * @return {?}
+     */
+    WizardComponent.prototype.ngAfterContentInit = /**
+     * @return {?}
+     */
+    function () {
+        _super.prototype.ngAfterContentInit.call(this);
+        if (this.steps.length === 0) {
+            throw new Error('<wizard> component musts nest at least 1 <step> compoent');
+        }
+    };
+    WizardComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'ode-wizard',
+                    template: "\n        <div class=\"wizard\">\n            <nav class=\"wizard-menu\">\n                <h2 class=\"wizard-menu__title\"><s5l>wizard.steps</s5l></h2>\n                <ul>\n                    <li *ngFor=\"let step of steps\"\n                        [class.active]=\"step.isActived\"\n                        [class.finish]=\"step.isFinished\">\n                        {{step.name}}\n                    </li>\n                </ul>\n            </nav>\n            <section class=\"wizard-content\">\n                <ng-content select=\"ode-step\"></ng-content>\n                <nav class=\"wizard-content-nav\" *ngIf=\"activeStep < steps.length - 1\">\n                    <button class=\"wizard-content-nav__button cancel\"\n                        (click)=\"cancel.emit()\"\n                        [title]=\"'cancel' | translate\">\n                        {{ 'cancel' | translate }}\n                    </button>\n                    <button class=\"wizard-content-nav__button previous\"\n                        (click)=\"onPreviousStep()\"\n                        *ngIf=\"activeStep > 0\"\n                        [title]=\"'previous' | translate\">\n                        {{ 'wizard.previous' | translate }}\n                    </button>\n                    <button class=\"wizard-content-nav__button wizard-content-nav__button--next\"\n                        (click)=\"onNextStep()\"\n                        [disabled]=\"!canDoNext\"\n                        [title]=\"'next' | translate\">\n                        {{ 'wizard.next' | translate }}\n                    </button>\n                </nav>\n            </section>\n        </div>\n    ",
+                    styles: ["\n        .wizard {\n            display: flex;\n        }\n        .wizard-menu {\n            background: #5b6472;\n            flex: 0 0 240px;\n        }\n        .wizard-menu ul {\n            padding: 10px 30px;\n        }\n        .wizard-menu ul li {\n            color: #eaedf2;\n            list-style-type: none;\n            padding: 5px 0;\n        }\n        .wizard-menu ul li.active,\n        .wizard-menu ul li.finish {\n            font-weight: bold;\n            color: white;\n        }\n        .wizard-menu ul li.finish {\n            color: green;\n        }\n        .wizard-menu__title {\n            font-weight: bold;\n            font-size: 1.2em;\n            color: white;\n            padding: 25px 0 0 10px;\n        }\n        .wizard-content {\n            background: #fff;\n            flex: auto;\n        }\n        .wizard-content-nav {\n            text-align : right;\n        }\n        .wizard-content-nav__button {\n            margin: 10px 0;\n        }\n        .wizard-content-nav__button--next {\n            margin-right: 16px;\n        }\n    "]
+                }] }
+    ];
+    /** @nocollapse */
+    WizardComponent.ctorParameters = function () { return [
+        { type: Injector }
+    ]; };
+    WizardComponent.propDecorators = {
+        cancel: [{ type: Output }],
+        previousStep: [{ type: Output }],
+        nextStep: [{ type: Output }],
+        steps: [{ type: ContentChildren, args: [StepComponent,] }]
+    };
+    return WizardComponent;
+}(OdeComponent));
+export { WizardComponent };
+if (false) {
+    /** @type {?} */
+    WizardComponent.prototype.cancel;
+    /** @type {?} */
+    WizardComponent.prototype.previousStep;
+    /** @type {?} */
+    WizardComponent.prototype.nextStep;
+    /** @type {?} */
+    WizardComponent.prototype.canDoNext;
+    /** @type {?} */
+    WizardComponent.prototype.steps;
+    /** @type {?} */
+    WizardComponent.prototype.activeStep;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l6YXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1vZGUtdWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy93aXphcmQvd2l6YXJkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzVDLE9BQU8sRUFFTCxTQUFTLEVBQ1QsZUFBZSxFQUNmLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLFNBQVMsRUFDVCxRQUFRLEVBQ1QsTUFBTSxlQUFlLENBQUM7QUFFdkI7SUFBQTtRQWlCSSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGVBQVUsR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQzs7Z0JBbkJBLFNBQVMsU0FBQztvQkFDUCxRQUFRLEVBQUcsVUFBVTtvQkFDckIsUUFBUSxFQUFFLDJCQUEyQjs2QkFDNUIseUxBU1I7aUJBQ0o7Ozt1QkFFSSxLQUFLOzRCQUNMLEtBQUs7O0lBR1Ysb0JBQUM7Q0FBQSxBQW5CRCxJQW1CQztTQUxZLGFBQWE7OztJQUN0Qiw2QkFBc0I7O0lBQ3RCLGtDQUE0Qjs7SUFDNUIsaUNBQWlCOztJQUNqQixtQ0FBbUI7O0FBR3ZCO0lBbUZxQywyQ0FBWTtJQVU3Qyx5QkFBWSxRQUFrQjtRQUE5QixZQUNJLGtCQUFNLFFBQVEsQ0FBQyxTQUNsQjtRQVhTLFlBQU0sR0FBcUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM5QyxrQkFBWSxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3hELGNBQVEsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUV2RCxlQUFTLEdBQUcsSUFBSSxDQUFDO1FBR3hCLGdCQUFVLEdBQUcsQ0FBQyxDQUFDOztJQUlmLENBQUM7Ozs7SUFDRCxrQ0FBUTs7O0lBQVI7UUFDSSxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU87Ozs7O1FBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSztZQUMzQixLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDakUsQ0FBQyxFQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUMxQixDQUFDOzs7O0lBRUQsd0NBQWM7OztJQUFkO1FBQ0ksSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzVDLENBQUM7Ozs7SUFFRCx3Q0FBYzs7O0lBQWQ7UUFDSSxJQUFJLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxFQUFFO1lBQ3JCLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7WUFDeEQsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7WUFDM0QsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1NBQ3pCO0lBQ0wsQ0FBQzs7OztJQUVELG9DQUFVOzs7SUFBVjtRQUNJLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN4QyxDQUFDOzs7OztJQUNELG9DQUFVOzs7O0lBQVYsVUFBVyxLQUFlO1FBQ3RCLElBQUksSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDekMsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLEtBQUssQ0FBQztZQUN4QixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1lBQ3hELElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1lBQzNELElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUNyQjtJQUNMLENBQUM7Ozs7SUFFRCw0Q0FBa0I7OztJQUFsQjtRQUNJLGlCQUFNLGtCQUFrQixXQUFFLENBQUM7UUFDM0IsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7WUFDekIsTUFBTSxJQUFJLEtBQUssQ0FBQywwREFBMEQsQ0FBQyxDQUFDO1NBQy9FO0lBQ0wsQ0FBQzs7Z0JBdElKLFNBQVMsU0FBQztvQkFDUCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsUUFBUSxFQUFFLDJvREFtQ1Q7NkJBQ1EsdWtDQTJDUjtpQkFDSjs7OztnQkExR0MsUUFBUTs7O3lCQTRHTCxNQUFNOytCQUNOLE1BQU07MkJBQ04sTUFBTTt3QkFJTixlQUFlLFNBQUMsYUFBYTs7SUE4Q2xDLHNCQUFDO0NBQUEsQUF4SUQsQ0FtRnFDLFlBQVksR0FxRGhEO1NBckRZLGVBQWU7OztJQUN4QixpQ0FBd0Q7O0lBQ3hELHVDQUFrRTs7SUFDbEUsbUNBQThEOztJQUU5RCxvQ0FBd0I7O0lBRXhCLGdDQUFnRTs7SUFDaEUscUNBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPZGVDb21wb25lbnQgfSBmcm9tICduZ3gtb2RlLWNvcmUnO1xuaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIEluamVjdG9yXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvciA6ICdvZGUtc3RlcCcsXG4gICAgdGVtcGxhdGU6IGA8bmctY29udGVudD48L25nLWNvbnRlbnQ+YCxcbiAgICBzdHlsZXM6IFtgXG4gICAgICAgIDpob3N0IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgICAgIHBhZGRpbmcgOiAxZW07XG4gICAgICAgIH1cbiAgICAgICAgOmhvc3QuYWN0aXZlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB9XG4gICAgYF1cbn0pXG5leHBvcnQgY2xhc3MgU3RlcENvbXBvbmVudCB7XG4gICAgQElucHV0KCkgbmFtZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGlzQWN0aXZlZDogYm9vbGVhbjtcbiAgICBoYXNFcnJvciA9IGZhbHNlO1xuICAgIGlzRmluaXNoZWQgPSBmYWxzZTtcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdvZGUtd2l6YXJkJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8ZGl2IGNsYXNzPVwid2l6YXJkXCI+XG4gICAgICAgICAgICA8bmF2IGNsYXNzPVwid2l6YXJkLW1lbnVcIj5cbiAgICAgICAgICAgICAgICA8aDIgY2xhc3M9XCJ3aXphcmQtbWVudV9fdGl0bGVcIj48czVsPndpemFyZC5zdGVwczwvczVsPjwvaDI+XG4gICAgICAgICAgICAgICAgPHVsPlxuICAgICAgICAgICAgICAgICAgICA8bGkgKm5nRm9yPVwibGV0IHN0ZXAgb2Ygc3RlcHNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJzdGVwLmlzQWN0aXZlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY2xhc3MuZmluaXNoXT1cInN0ZXAuaXNGaW5pc2hlZFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3tzdGVwLm5hbWV9fVxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICAgIDwvdWw+XG4gICAgICAgICAgICA8L25hdj5cbiAgICAgICAgICAgIDxzZWN0aW9uIGNsYXNzPVwid2l6YXJkLWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJvZGUtc3RlcFwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgICAgICA8bmF2IGNsYXNzPVwid2l6YXJkLWNvbnRlbnQtbmF2XCIgKm5nSWY9XCJhY3RpdmVTdGVwIDwgc3RlcHMubGVuZ3RoIC0gMVwiPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwid2l6YXJkLWNvbnRlbnQtbmF2X19idXR0b24gY2FuY2VsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJjYW5jZWwuZW1pdCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCInY2FuY2VsJyB8IHRyYW5zbGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgJ2NhbmNlbCcgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJ3aXphcmQtY29udGVudC1uYXZfX2J1dHRvbiBwcmV2aW91c1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25QcmV2aW91c1N0ZXAoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImFjdGl2ZVN0ZXAgPiAwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCIncHJldmlvdXMnIHwgdHJhbnNsYXRlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyAnd2l6YXJkLnByZXZpb3VzJyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cIndpemFyZC1jb250ZW50LW5hdl9fYnV0dG9uIHdpemFyZC1jb250ZW50LW5hdl9fYnV0dG9uLS1uZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbk5leHRTdGVwKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFjYW5Eb05leHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3RpdGxlXT1cIiduZXh0JyB8IHRyYW5zbGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgJ3dpemFyZC5uZXh0JyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8L25hdj5cbiAgICAgICAgICAgIDwvc2VjdGlvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgYCxcbiAgICBzdHlsZXM6IFtgXG4gICAgICAgIC53aXphcmQge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgfVxuICAgICAgICAud2l6YXJkLW1lbnUge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogIzViNjQ3MjtcbiAgICAgICAgICAgIGZsZXg6IDAgMCAyNDBweDtcbiAgICAgICAgfVxuICAgICAgICAud2l6YXJkLW1lbnUgdWwge1xuICAgICAgICAgICAgcGFkZGluZzogMTBweCAzMHB4O1xuICAgICAgICB9XG4gICAgICAgIC53aXphcmQtbWVudSB1bCBsaSB7XG4gICAgICAgICAgICBjb2xvcjogI2VhZWRmMjtcbiAgICAgICAgICAgIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDVweCAwO1xuICAgICAgICB9XG4gICAgICAgIC53aXphcmQtbWVudSB1bCBsaS5hY3RpdmUsXG4gICAgICAgIC53aXphcmQtbWVudSB1bCBsaS5maW5pc2gge1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgIH1cbiAgICAgICAgLndpemFyZC1tZW51IHVsIGxpLmZpbmlzaCB7XG4gICAgICAgICAgICBjb2xvcjogZ3JlZW47XG4gICAgICAgIH1cbiAgICAgICAgLndpemFyZC1tZW51X190aXRsZSB7XG4gICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4yZW07XG4gICAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgICAgICBwYWRkaW5nOiAyNXB4IDAgMCAxMHB4O1xuICAgICAgICB9XG4gICAgICAgIC53aXphcmQtY29udGVudCB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgICAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgfVxuICAgICAgICAud2l6YXJkLWNvbnRlbnQtbmF2IHtcbiAgICAgICAgICAgIHRleHQtYWxpZ24gOiByaWdodDtcbiAgICAgICAgfVxuICAgICAgICAud2l6YXJkLWNvbnRlbnQtbmF2X19idXR0b24ge1xuICAgICAgICAgICAgbWFyZ2luOiAxMHB4IDA7XG4gICAgICAgIH1cbiAgICAgICAgLndpemFyZC1jb250ZW50LW5hdl9fYnV0dG9uLS1uZXh0IHtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMTZweDtcbiAgICAgICAgfVxuICAgIGBdXG59KVxuZXhwb3J0IGNsYXNzIFdpemFyZENvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICAgIEBPdXRwdXQoKSBjYW5jZWw6IEV2ZW50RW1pdHRlcjx7fT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIHByZXZpb3VzU3RlcDogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIG5leHRTdGVwOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIHB1YmxpYyBjYW5Eb05leHQgPSB0cnVlO1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihTdGVwQ29tcG9uZW50KSBzdGVwczogUXVlcnlMaXN0PFN0ZXBDb21wb25lbnQ+O1xuICAgIGFjdGl2ZVN0ZXAgPSAwO1xuXG4gICAgY29uc3RydWN0b3IoaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG4gICAgZG9DYW5jZWwoKSB7XG4gICAgICAgIHRoaXMuYWN0aXZlU3RlcCA9IDA7XG4gICAgICAgIHRoaXMuc3RlcHMuZm9yRWFjaCgoc3RlcCwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgIGluZGV4ID09PSAwID8gc3RlcC5pc0FjdGl2ZWQgPSB0cnVlIDogc3RlcC5pc0FjdGl2ZWQgPSBmYWxzZTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuY2FuRG9OZXh0ID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBvblByZXZpb3VzU3RlcCgpIHtcbiAgICAgICAgdGhpcy5wcmV2aW91c1N0ZXAuZW1pdCh0aGlzLmFjdGl2ZVN0ZXApO1xuICAgIH1cblxuICAgIGRvUHJldmlvdXNTdGVwKCkge1xuICAgICAgICBpZiAodGhpcy5hY3RpdmVTdGVwID4gMCkge1xuICAgICAgICAgICAgdGhpcy5zdGVwcy50b0FycmF5KClbdGhpcy5hY3RpdmVTdGVwXS5pc0FjdGl2ZWQgPSBmYWxzZTtcbiAgICAgICAgICAgIHRoaXMuc3RlcHMudG9BcnJheSgpW3RoaXMuYWN0aXZlU3RlcCAtIDFdLmlzQWN0aXZlZCA9IHRydWU7XG4gICAgICAgICAgICB0aGlzLmFjdGl2ZVN0ZXAtLTtcbiAgICAgICAgICAgIHRoaXMuY2FuRG9OZXh0ID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uTmV4dFN0ZXAoKSB7XG4gICAgICAgIHRoaXMubmV4dFN0ZXAuZW1pdCh0aGlzLmFjdGl2ZVN0ZXApO1xuICAgIH1cbiAgICBkb05leHRTdGVwKGVycm9yPzogYm9vbGVhbikge1xuICAgICAgICBpZiAodGhpcy5hY3RpdmVTdGVwIDwgdGhpcy5zdGVwcy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgICB0aGlzLmNhbkRvTmV4dCA9ICFlcnJvcjtcbiAgICAgICAgICAgIHRoaXMuc3RlcHMudG9BcnJheSgpW3RoaXMuYWN0aXZlU3RlcF0uaXNBY3RpdmVkID0gZmFsc2U7XG4gICAgICAgICAgICB0aGlzLnN0ZXBzLnRvQXJyYXkoKVt0aGlzLmFjdGl2ZVN0ZXAgKyAxXS5pc0FjdGl2ZWQgPSB0cnVlO1xuICAgICAgICAgICAgdGhpcy5hY3RpdmVTdGVwKys7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgICAgIHN1cGVyLm5nQWZ0ZXJDb250ZW50SW5pdCgpO1xuICAgICAgICBpZiAodGhpcy5zdGVwcy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcignPHdpemFyZD4gY29tcG9uZW50IG11c3RzIG5lc3QgYXQgbGVhc3QgMSA8c3RlcD4gY29tcG9lbnQnKTtcbiAgICAgICAgfVxuICAgIH1cblxufVxuIl19

package/esm5/lib/directives/anchor.directive.js

@@ -0,0 +1,39 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/directives/anchor.directive.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Directive, HostListener, Input } from '@angular/core';
+var AnchorDirective = /** @class */ (function () {
+    function AnchorDirective() {
+        this.offset = 50;
+    }
+    /**
+     * @return {?}
+     */
+    AnchorDirective.prototype.onClick = /**
+     * @return {?}
+     */
+    function () {
+        /** @type {?} */
+        var element = document.getElementById(this.anchor);
+        window.scrollBy(0, element.getBoundingClientRect().top - this.offset);
+    };
+    AnchorDirective.decorators = [
+        { type: Directive, args: [{ selector: '[anchor]' },] }
+    ];
+    AnchorDirective.propDecorators = {
+        anchor: [{ type: Input, args: ['anchor',] }],
+        offset: [{ type: Input, args: ['offset',] }],
+        onClick: [{ type: HostListener, args: ['click',] }]
+    };
+    return AnchorDirective;
+}());
+export { AnchorDirective };
+if (false) {
+    /** @type {?} */
+    AnchorDirective.prototype.anchor;
+    /** @type {?} */
+    AnchorDirective.prototype.offset;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1vZGUtdWkvIiwic291cmNlcyI6WyJsaWIvZGlyZWN0aXZlcy9hbmNob3IuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRTdEO0lBQUE7UUFJcUIsV0FBTSxHQUFHLEVBQUUsQ0FBQztJQVFqQyxDQUFDOzs7O0lBTEcsaUNBQU87OztJQURQOztZQUVVLE9BQU8sR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDcEQsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLEVBQUUsT0FBTyxDQUFDLHFCQUFxQixFQUFFLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMxRSxDQUFDOztnQkFWSixTQUFTLFNBQUMsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFOzs7eUJBRzlCLEtBQUssU0FBQyxRQUFRO3lCQUNkLEtBQUssU0FBQyxRQUFROzBCQUVkLFlBQVksU0FBQyxPQUFPOztJQU16QixzQkFBQztDQUFBLEFBWkQsSUFZQztTQVhZLGVBQWU7OztJQUV4QixpQ0FBZ0M7O0lBQ2hDLGlDQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBIb3N0TGlzdGVuZXIsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW2FuY2hvcl0nIH0pXG5leHBvcnQgY2xhc3MgQW5jaG9yRGlyZWN0aXZlIHtcblxuICAgIEBJbnB1dCgnYW5jaG9yJykgYW5jaG9yOiBzdHJpbmc7XG4gICAgQElucHV0KCdvZmZzZXQnKSBvZmZzZXQgPSA1MDtcblxuICAgIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgICBvbkNsaWNrKCkge1xuICAgICAgICBjb25zdCBlbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5hbmNob3IpO1xuICAgICAgICB3aW5kb3cuc2Nyb2xsQnkoMCwgZWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS50b3AgLSB0aGlzLm9mZnNldCk7XG4gICAgfVxuXG59XG4iXX0=

package/esm5/lib/directives/drag-and-drop-files.directive.js

@@ -0,0 +1,146 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/directives/drag-and-drop-files.directive.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Directive, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';
+import { InputFileService } from '../services/inputFile.service';
+var DragAndDropFilesDirective = /** @class */ (function () {
+    function DragAndDropFilesDirective(inputFileService) {
+        this.inputFileService = inputFileService;
+        this.allowedExtensions = [];
+        this.maxFilesNumber = 1;
+        this.dragAndDrop = new EventEmitter();
+        this.invalidDragAndDrop = new EventEmitter();
+        this.backgroundColor = '#fafafa';
+        this.borderColor = '#ddd';
+    }
+    /**
+     * @param {?} evt
+     * @return {?}
+     */
+    DragAndDropFilesDirective.prototype.onDragOver = /**
+     * @param {?} evt
+     * @return {?}
+     */
+    function (evt) {
+        if (!this.disabled) {
+            evt.preventDefault();
+            evt.stopPropagation();
+            this.highlightColors();
+        }
+    };
+    /**
+     * @param {?} evt
+     * @return {?}
+     */
+    DragAndDropFilesDirective.prototype.onDragLeave = /**
+     * @param {?} evt
+     * @return {?}
+     */
+    function (evt) {
+        if (!this.disabled) {
+            evt.preventDefault();
+            evt.stopPropagation();
+            this.resetColors();
+        }
+    };
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    DragAndDropFilesDirective.prototype.onDrop = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        var _this = this;
+        if (!this.disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+            if (event.dataTransfer) {
+                this.inputFileService
+                    .validateFiles(event.dataTransfer.files, this.maxFilesNumber, this.allowedExtensions)
+                    .subscribe((/**
+                 * @param {?} files
+                 * @return {?}
+                 */
+                function (files) { return _this.dragAndDrop.emit(files); }), (/**
+                 * @param {?} error
+                 * @return {?}
+                 */
+                function (error) { return _this.invalidDragAndDrop.emit(error); }));
+            }
+            this.resetColors();
+        }
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    DragAndDropFilesDirective.prototype.resetColors = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        this.backgroundColor = '#fafafa';
+        this.borderColor = '#ddd';
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    DragAndDropFilesDirective.prototype.highlightColors = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        this.backgroundColor = '#ffd1b6';
+        this.borderColor = '#ff8352';
+    };
+    DragAndDropFilesDirective.decorators = [
+        { type: Directive, args: [{
+                    selector: '[dragAndDropFiles]'
+                },] }
+    ];
+    /** @nocollapse */
+    DragAndDropFilesDirective.ctorParameters = function () { return [
+        { type: InputFileService }
+    ]; };
+    DragAndDropFilesDirective.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'],] }]
+    };
+    return DragAndDropFilesDirective;
+}());
+export { DragAndDropFilesDirective };
+if (false) {
+    /** @type {?} */
+    DragAndDropFilesDirective.prototype.allowedExtensions;
+    /** @type {?} */
+    DragAndDropFilesDirective.prototype.maxFilesNumber;
+    /** @type {?} */
+    DragAndDropFilesDirective.prototype.disabled;
+    /** @type {?} */
+    DragAndDropFilesDirective.prototype.dragAndDrop;
+    /** @type {?} */
+    DragAndDropFilesDirective.prototype.invalidDragAndDrop;
+    /** @type {?} */
+    DragAndDropFilesDirective.prototype.backgroundColor;
+    /** @type {?} */
+    DragAndDropFilesDirective.prototype.borderColor;
+    /**
+     * @type {?}
+     * @private
+     */
+    DragAndDropFilesDirective.prototype.inputFileService;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy1hbmQtZHJvcC1maWxlcy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2RpcmVjdGl2ZXMvZHJhZy1hbmQtZHJvcC1maWxlcy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFFL0Q7SUFxQkksbUNBQW9CLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBaEJ0RCxzQkFBaUIsR0FBa0IsRUFBRSxDQUFDO1FBRXRDLG1CQUFjLEdBQUcsQ0FBQyxDQUFDO1FBS25CLGdCQUFXLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFdkQsdUJBQWtCLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFHdkQsb0JBQWUsR0FBRyxTQUFTLENBQUM7UUFFNUIsZ0JBQVcsR0FBRyxNQUFNLENBQUM7SUFHNUIsQ0FBQzs7Ozs7SUFHTSw4Q0FBVTs7OztJQURqQixVQUNrQixHQUFHO1FBQ2pCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2hCLEdBQUcsQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUNyQixHQUFHLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1NBQzFCO0lBQ0wsQ0FBQzs7Ozs7SUFHTSwrQ0FBVzs7OztJQURsQixVQUNtQixHQUFHO1FBQ2xCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2hCLEdBQUcsQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUNyQixHQUFHLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3RCO0lBQ0wsQ0FBQzs7Ozs7SUFHTSwwQ0FBTTs7OztJQURiLFVBQ2MsS0FBSztRQURuQixpQkFlQztRQWJHLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7WUFFeEIsSUFBSSxLQUFLLENBQUMsWUFBWSxFQUFFO2dCQUNwQixJQUFJLENBQUMsZ0JBQWdCO3FCQUNoQixhQUFhLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUM7cUJBQ3BGLFNBQVM7Ozs7Z0JBQUMsVUFBQSxLQUFLLElBQUksT0FBQSxLQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBNUIsQ0FBNEI7Ozs7Z0JBQzFDLFVBQUEsS0FBSyxJQUFJLE9BQUEsS0FBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBbkMsQ0FBbUMsRUFBQyxDQUFDO2FBQzNEO1lBRUQsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3RCO0lBQ0wsQ0FBQzs7Ozs7SUFFTywrQ0FBVzs7OztJQUFuQjtRQUNJLElBQUksQ0FBQyxlQUFlLEdBQUcsU0FBUyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDO0lBQzlCLENBQUM7Ozs7O0lBRU8sbURBQWU7Ozs7SUFBdkI7UUFDSSxJQUFJLENBQUMsZUFBZSxHQUFHLFNBQVMsQ0FBQztRQUNqQyxJQUFJLENBQUMsV0FBVyxHQUFHLFNBQVMsQ0FBQztJQUNqQyxDQUFDOztnQkFuRUosU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSxvQkFBb0I7aUJBQ2pDOzs7O2dCQUpPLGdCQUFnQjs7O29DQU1uQixLQUFLO2lDQUVMLEtBQUs7MkJBRUwsS0FBSzs4QkFHTCxNQUFNO3FDQUVOLE1BQU07a0NBR04sV0FBVyxTQUFDLGtCQUFrQjs4QkFFOUIsV0FBVyxTQUFDLG9CQUFvQjs2QkFNaEMsWUFBWSxTQUFDLFVBQVUsRUFBRSxDQUFDLFFBQVEsQ0FBQzs4QkFTbkMsWUFBWSxTQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQzt5QkFTcEMsWUFBWSxTQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQzs7SUEwQnBDLGdDQUFDO0NBQUEsQUFwRUQsSUFvRUM7U0FqRVkseUJBQXlCOzs7SUFDbEMsc0RBQ3NDOztJQUN0QyxtREFDbUI7O0lBQ25CLDZDQUNrQjs7SUFFbEIsZ0RBQ3VEOztJQUN2RCx1REFDOEQ7O0lBRTlELG9EQUNtQzs7SUFDbkMsZ0RBQzRCOzs7OztJQUVoQixxREFBMEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7SW5wdXRGaWxlU2VydmljZX0gZnJvbSAnLi4vc2VydmljZXMvaW5wdXRGaWxlLnNlcnZpY2UnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tkcmFnQW5kRHJvcEZpbGVzXSdcbn0pXG5leHBvcnQgY2xhc3MgRHJhZ0FuZERyb3BGaWxlc0RpcmVjdGl2ZSB7XG4gICAgQElucHV0KClcbiAgICBhbGxvd2VkRXh0ZW5zaW9uczogQXJyYXk8c3RyaW5nPiA9IFtdO1xuICAgIEBJbnB1dCgpXG4gICAgbWF4RmlsZXNOdW1iZXIgPSAxO1xuICAgIEBJbnB1dCgpXG4gICAgZGlzYWJsZWQ6IGJvb2xlYW47XG5cbiAgICBAT3V0cHV0KClcbiAgICBkcmFnQW5kRHJvcDogRXZlbnRFbWl0dGVyPEZpbGVbXT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpXG4gICAgaW52YWxpZERyYWdBbmREcm9wOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIEBIb3N0QmluZGluZygnc3R5bGUuYmFja2dyb3VuZCcpXG4gICAgcHVibGljIGJhY2tncm91bmRDb2xvciA9ICcjZmFmYWZhJztcbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLmJvcmRlci1jb2xvcicpXG4gICAgcHVibGljIGJvcmRlckNvbG9yID0gJyNkZGQnO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBpbnB1dEZpbGVTZXJ2aWNlOiBJbnB1dEZpbGVTZXJ2aWNlKSB7XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcignZHJhZ292ZXInLCBbJyRldmVudCddKVxuICAgIHB1YmxpYyBvbkRyYWdPdmVyKGV2dCkge1xuICAgICAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgZXZ0LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgdGhpcy5oaWdobGlnaHRDb2xvcnMoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ2RyYWdsZWF2ZScsIFsnJGV2ZW50J10pXG4gICAgcHVibGljIG9uRHJhZ0xlYXZlKGV2dCkge1xuICAgICAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgZXZ0LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgdGhpcy5yZXNldENvbG9ycygpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcignZHJvcCcsIFsnJGV2ZW50J10pXG4gICAgcHVibGljIG9uRHJvcChldmVudCkge1xuICAgICAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgICAgICAgICAgaWYgKGV2ZW50LmRhdGFUcmFuc2Zlcikge1xuICAgICAgICAgICAgICAgIHRoaXMuaW5wdXRGaWxlU2VydmljZVxuICAgICAgICAgICAgICAgICAgICAudmFsaWRhdGVGaWxlcyhldmVudC5kYXRhVHJhbnNmZXIuZmlsZXMsIHRoaXMubWF4RmlsZXNOdW1iZXIsIHRoaXMuYWxsb3dlZEV4dGVuc2lvbnMpXG4gICAgICAgICAgICAgICAgICAgIC5zdWJzY3JpYmUoZmlsZXMgPT4gdGhpcy5kcmFnQW5kRHJvcC5lbWl0KGZpbGVzKVxuICAgICAgICAgICAgICAgICAgICAgICAgLCBlcnJvciA9PiB0aGlzLmludmFsaWREcmFnQW5kRHJvcC5lbWl0KGVycm9yKSk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHRoaXMucmVzZXRDb2xvcnMoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgcmVzZXRDb2xvcnMoKSB7XG4gICAgICAgIHRoaXMuYmFja2dyb3VuZENvbG9yID0gJyNmYWZhZmEnO1xuICAgICAgICB0aGlzLmJvcmRlckNvbG9yID0gJyNkZGQnO1xuICAgIH1cblxuICAgIHByaXZhdGUgaGlnaGxpZ2h0Q29sb3JzKCkge1xuICAgICAgICB0aGlzLmJhY2tncm91bmRDb2xvciA9ICcjZmZkMWI2JztcbiAgICAgICAgdGhpcy5ib3JkZXJDb2xvciA9ICcjZmY4MzUyJztcbiAgICB9XG59XG4iXX0=

package/esm5/lib/directives/dynamic-component/component-descriptor.model.js

@@ -0,0 +1,44 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/directives/dynamic-component/component-descriptor.model.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * Usefull to desccribe (type and input data) a component
+ * that will be dynamically instanciate
+ */
+var /**
+ * Usefull to desccribe (type and input data) a component
+ * that will be dynamically instanciate
+ */
+ComponentDescriptor = /** @class */ (function () {
+    function ComponentDescriptor(type, data) {
+        this.type = type;
+        this.data = data;
+    }
+    /**
+     * @param {?} data
+     * @return {?}
+     */
+    ComponentDescriptor.prototype.assignData = /**
+     * @param {?} data
+     * @return {?}
+     */
+    function (data) {
+        Object.assign(this.data, data);
+        return this;
+    };
+    return ComponentDescriptor;
+}());
+/**
+ * Usefull to desccribe (type and input data) a component
+ * that will be dynamically instanciate
+ */
+export { ComponentDescriptor };
+if (false) {
+    /** @type {?} */
+    ComponentDescriptor.prototype.type;
+    /** @type {?} */
+    ComponentDescriptor.prototype.data;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LWRlc2NyaXB0b3IubW9kZWwuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2RpcmVjdGl2ZXMvZHluYW1pYy1jb21wb25lbnQvY29tcG9uZW50LWRlc2NyaXB0b3IubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBTUE7Ozs7O0lBQ0csNkJBQ1csSUFBZSxFQUNmLElBQVM7UUFEVCxTQUFJLEdBQUosSUFBSSxDQUFXO1FBQ2YsU0FBSSxHQUFKLElBQUksQ0FBSztJQUNqQixDQUFDOzs7OztJQUVKLHdDQUFVOzs7O0lBQVYsVUFBVyxJQUFTO1FBQ2hCLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQztRQUMvQixPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBQ0osMEJBQUM7QUFBRCxDQUFDLEFBVkQsSUFVQzs7Ozs7Ozs7SUFSTSxtQ0FBc0I7O0lBQ3RCLG1DQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7VHlwZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuKiBVc2VmdWxsIHRvIGRlc2NjcmliZSAodHlwZSBhbmQgaW5wdXQgZGF0YSkgYSBjb21wb25lbnRcbiogdGhhdCB3aWxsIGJlIGR5bmFtaWNhbGx5IGluc3RhbmNpYXRlXG4qL1xuZXhwb3J0IGNsYXNzIENvbXBvbmVudERlc2NyaXB0b3Ige1xuICAgY29uc3RydWN0b3IoXG4gICAgICAgcHVibGljIHR5cGU6IFR5cGU8YW55PixcbiAgICAgICBwdWJsaWMgZGF0YTogYW55XG4gICApIHt9XG5cbiAgIGFzc2lnbkRhdGEoZGF0YTogYW55KTogQ29tcG9uZW50RGVzY3JpcHRvciB7XG4gICAgICAgT2JqZWN0LmFzc2lnbih0aGlzLmRhdGEsIGRhdGEpO1xuICAgICAgIHJldHVybiB0aGlzO1xuICAgfVxufVxuIl19

package/esm5/lib/directives/dynamic-component/dynamic-component.directive.js

@@ -0,0 +1,109 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/directives/dynamic-component/dynamic-component.directive.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { ComponentFactoryResolver, Directive, Input, ViewContainerRef, } from '@angular/core';
+import { ComponentDescriptor } from './component-descriptor.model';
+/**
+ * Dynamically load the component describe with the \@input dynamic-component
+ */
+var DynamicComponentDirective = /** @class */ (function () {
+    function DynamicComponentDirective(viewContainerRef, componentFactoryResolver) {
+        this.viewContainerRef = viewContainerRef;
+        this.componentFactoryResolver = componentFactoryResolver;
+    }
+    /**
+     * @param {?=} data
+     * @return {?}
+     */
+    DynamicComponentDirective.prototype.load = /**
+     * @param {?=} data
+     * @return {?}
+     */
+    function (data) {
+        var _this = this;
+        if (this.isLoaded()) {
+            return;
+        }
+        /** @type {?} */
+        var componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.componentDesc.type);
+        this.viewContainerRef.clear();
+        this.componentRef = this.viewContainerRef.createComponent(componentFactory);
+        if (data != undefined) {
+            this.componentDesc.assignData(data);
+        }
+        for (var attribute in this.componentDesc.data) {
+            this.componentRef.instance[attribute] = this.componentDesc.data[attribute];
+            if (attribute == 'hideEvent') {
+                this.componentRef.instance.hideEvent.subscribe((/**
+                 * @param {?} e
+                 * @return {?}
+                 */
+                function (e) {
+                    _this.destroy();
+                }));
+            }
+        }
+    };
+    /**
+     * @return {?}
+     */
+    DynamicComponentDirective.prototype.isLoaded = /**
+     * @return {?}
+     */
+    function () {
+        if (this.componentRef == undefined) {
+            return false;
+        }
+        else {
+            return this.componentRef.instance != null;
+        }
+    };
+    /**
+     * @return {?}
+     */
+    DynamicComponentDirective.prototype.destroy = /**
+     * @return {?}
+     */
+    function () {
+        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.decorators = [
+        { type: Directive, args: [{
+                    selector: '[dynamic-component]',
+                },] }
+    ];
+    /** @nocollapse */
+    DynamicComponentDirective.ctorParameters = function () { return [
+        { type: ViewContainerRef },
+        { type: ComponentFactoryResolver }
+    ]; };
+    DynamicComponentDirective.propDecorators = {
+        componentDesc: [{ type: Input, args: ['dynamic-component',] }]
+    };
+    return DynamicComponentDirective;
+}());
+export { DynamicComponentDirective };
+if (false) {
+    /** @type {?} */
+    DynamicComponentDirective.prototype.componentRef;
+    /** @type {?} */
+    DynamicComponentDirective.prototype.componentDesc;
+    /**
+     * @type {?}
+     * @private
+     */
+    DynamicComponentDirective.prototype.viewContainerRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    DynamicComponentDirective.prototype.componentFactoryResolver;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1jb21wb25lbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LW9kZS11aS8iLCJzb3VyY2VzIjpbImxpYi9kaXJlY3RpdmVzL2R5bmFtaWMtY29tcG9uZW50L2R5bmFtaWMtY29tcG9uZW50LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBQyx3QkFBd0IsRUFBZ0IsU0FBUyxFQUFFLEtBQUssRUFBRSxnQkFBZ0IsR0FBRyxNQUFNLGVBQWUsQ0FBQztBQUMzRyxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSw4QkFBOEIsQ0FBQzs7OztBQUtqRTtJQUlJLG1DQUNZLGdCQUFrQyxFQUNsQyx3QkFBa0Q7UUFEbEQscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyw2QkFBd0IsR0FBeEIsd0JBQXdCLENBQTBCO0lBQzNELENBQUM7Ozs7O0lBT0osd0NBQUk7Ozs7SUFBSixVQUFLLElBQVU7UUFBZixpQkFpQkM7UUFoQkcsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUU7WUFBRSxPQUFPO1NBQUU7O1lBQzFCLGdCQUFnQixHQUFHLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQztRQUN2RyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDOUIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFFNUUsSUFBSSxJQUFJLElBQUksU0FBUyxFQUFFO1lBQ25CLElBQUksQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3ZDO1FBQ0QsS0FBSyxJQUFNLFNBQVMsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRTtZQUM3QyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUMzRSxJQUFJLFNBQVMsSUFBSSxXQUFXLEVBQUU7Z0JBQzFCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxTQUFTOzs7O2dCQUFDLFVBQUEsQ0FBQztvQkFDNUMsS0FBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO2dCQUNuQixDQUFDLEVBQUMsQ0FBQzthQUNOO1NBQ0o7SUFDTCxDQUFDOzs7O0lBRUQsNENBQVE7OztJQUFSO1FBQ0ksSUFBSSxJQUFJLENBQUMsWUFBWSxJQUFJLFNBQVMsRUFBRTtZQUNoQyxPQUFPLEtBQUssQ0FBQztTQUNoQjthQUNJO1lBQ0QsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUM7U0FDN0M7SUFDTCxDQUFDOzs7O0lBRUQsMkNBQU87OztJQUFQO1FBQ0ksSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxTQUFTLElBQUksU0FBUyxFQUFFO1lBQ25ELElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUN0RDtRQUNELHVHQUF1RztRQUN2RyxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7UUFDekIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2xDLENBQUM7O2dCQWpESixTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLHFCQUFxQjtpQkFDbEM7Ozs7Z0JBUmlFLGdCQUFnQjtnQkFBMUUsd0JBQXdCOzs7Z0NBaUIzQixLQUFLLFNBQUMsbUJBQW1COztJQXVDOUIsZ0NBQUM7Q0FBQSxBQWxERCxJQWtEQztTQS9DWSx5QkFBeUI7OztJQU1sQyxpREFBdUM7O0lBRXZDLGtEQUNtQzs7Ozs7SUFQL0IscURBQTBDOzs7OztJQUMxQyw2REFBMEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudEZhY3RvcnlSZXNvbHZlciwgQ29tcG9uZW50UmVmLCBEaXJlY3RpdmUsIElucHV0LCBWaWV3Q29udGFpbmVyUmVmLCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21wb25lbnREZXNjcmlwdG9yfSBmcm9tICcuL2NvbXBvbmVudC1kZXNjcmlwdG9yLm1vZGVsJztcblxuLyoqXG4qIER5bmFtaWNhbGx5IGxvYWQgdGhlIGNvbXBvbmVudCBkZXNjcmliZSB3aXRoIHRoZSBAaW5wdXQgZHluYW1pYy1jb21wb25lbnRcbiovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tkeW5hbWljLWNvbXBvbmVudF0nLFxufSlcbmV4cG9ydCBjbGFzcyBEeW5hbWljQ29tcG9uZW50RGlyZWN0aXZlIHtcbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLFxuICAgICAgICBwcml2YXRlIGNvbXBvbmVudEZhY3RvcnlSZXNvbHZlcjogQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyXG4gICAgKSB7fVxuXG4gICAgcHVibGljIGNvbXBvbmVudFJlZjogQ29tcG9uZW50UmVmPGFueT47XG5cbiAgICBASW5wdXQoJ2R5bmFtaWMtY29tcG9uZW50JylcbiAgICBjb21wb25lbnREZXNjOiBDb21wb25lbnREZXNjcmlwdG9yO1xuXG4gICAgbG9hZChkYXRhPzogYW55KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmlzTG9hZGVkKCkpIHsgcmV0dXJuOyB9XG4gICAgICAgIGNvbnN0IGNvbXBvbmVudEZhY3RvcnkgPSB0aGlzLmNvbXBvbmVudEZhY3RvcnlSZXNvbHZlci5yZXNvbHZlQ29tcG9uZW50RmFjdG9yeSh0aGlzLmNvbXBvbmVudERlc2MudHlwZSk7XG4gICAgICAgIHRoaXMudmlld0NvbnRhaW5lclJlZi5jbGVhcigpO1xuICAgICAgICB0aGlzLmNvbXBvbmVudFJlZiA9IHRoaXMudmlld0NvbnRhaW5lclJlZi5jcmVhdGVDb21wb25lbnQoY29tcG9uZW50RmFjdG9yeSk7XG5cbiAgICAgICAgaWYgKGRhdGEgIT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICB0aGlzLmNvbXBvbmVudERlc2MuYXNzaWduRGF0YShkYXRhKTtcbiAgICAgICAgfVxuICAgICAgICBmb3IgKGNvbnN0IGF0dHJpYnV0ZSBpbiB0aGlzLmNvbXBvbmVudERlc2MuZGF0YSkge1xuICAgICAgICAgICAgdGhpcy5jb21wb25lbnRSZWYuaW5zdGFuY2VbYXR0cmlidXRlXSA9IHRoaXMuY29tcG9uZW50RGVzYy5kYXRhW2F0dHJpYnV0ZV07XG4gICAgICAgICAgICBpZiAoYXR0cmlidXRlID09ICdoaWRlRXZlbnQnKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5jb21wb25lbnRSZWYuaW5zdGFuY2UuaGlkZUV2ZW50LnN1YnNjcmliZShlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5kZXN0cm95KCk7XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBpc0xvYWRlZCgpOiBib29sZWFuIHtcbiAgICAgICAgaWYgKHRoaXMuY29tcG9uZW50UmVmID09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuY29tcG9uZW50UmVmLmluc3RhbmNlICE9IG51bGw7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBkZXN0cm95KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5jb21wb25lbnRSZWYuaW5zdGFuY2UuaGlkZUV2ZW50ICE9IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgdGhpcy5jb21wb25lbnRSZWYuaW5zdGFuY2UuaGlkZUV2ZW50LnVuc3Vic2NyaWJlKCk7XG4gICAgICAgIH1cbiAgICAgICAgLy8gRklYTUU6IHRoaXMuY29tcG9uZW50UmVmLmRlc3Ryb3koKTsgPT4gVGhpcyBvbmUgdXN1YWxseSBzaG91bGQgd29yaywgYmV0dGVyIHRvIHVzZSBidXQgZG8gbm90aGluZy4uLlxuICAgICAgICBkZWxldGUgdGhpcy5jb21wb25lbnRSZWY7XG4gICAgICAgIHRoaXMudmlld0NvbnRhaW5lclJlZi5jbGVhcigpO1xuICAgIH1cbn1cblxuXG5cbiJdfQ==