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

package/esm2015/lib/components/tooltip/tooltip.component.js

@@ -0,0 +1,172 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/tooltip/tooltip.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { OdeComponent } from 'ngx-ode-core';
+import { Component, ElementRef, Input, Renderer2, Injector } from '@angular/core';
+export class TooltipComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     * @param {?} ref
+     * @param {?} renderer
+     */
+    constructor(injector, ref, renderer) {
+        super(injector);
+        this.ref = ref;
+        this.renderer = renderer;
+        this.position = 'bottom';
+        this.offset = 5;
+        this.onTransitionEnd = (/**
+         * @return {?}
+         */
+        () => {
+            if (this.tooltipElt && !this.tooltipElt.classList.contains('shown')) {
+                this.tooltipElt.parentNode.removeChild(this.tooltipElt);
+                this.tooltipElt = null;
+            }
+        });
+    }
+    /**
+     * @return {?}
+     */
+    onMouseEnter() {
+        /** @type {?} */
+        const r = this.renderer;
+        if (!this.tooltipElt) {
+            this.tooltipElt = this.renderer.createElement('div');
+            /** @type {?} */
+            let tooltipText = this.renderer.createText(this.tooltipContents);
+            this.renderer.appendChild(this.tooltipElt, tooltipText);
+            this.renderer.addClass(this.tooltipElt, "tooltip");
+            this.renderer.appendChild(document.getElementsByTagName('body')[0], this.tooltipElt);
+        }
+        /** @type {?} */
+        const tip = this.tooltipElt;
+        /** @type {?} */
+        const pos = this.getPosition(this.ref.nativeElement, tip, this.position);
+        for (const prop in pos) {
+            this.renderer.setStyle(tip, prop, pos[prop] + 'px');
+        }
+        this.renderer.addClass(tip, 'shown');
+    }
+    /**
+     * @return {?}
+     */
+    onMouseLeave() {
+        /** @type {?} */
+        const wait = this.tooltipElt &&
+            parseFloat(window.getComputedStyle(this.tooltipElt)['transition-duration']);
+        this.renderer.removeClass(this.tooltipElt, 'shown');
+        setTimeout(this.onTransitionEnd, wait * 1000);
+    }
+    /**
+     * @private
+     * @param {?} elt
+     * @param {?} tip
+     * @param {?} pos
+     * @return {?}
+     */
+    getPosition(elt, tip, pos) {
+        /** @type {?} */
+        const rect = {
+            top: elt.getBoundingClientRect().top + window.scrollY,
+            left: elt.getBoundingClientRect().left + window.scrollX
+        };
+        /** @type {?} */
+        let left;
+        /** @type {?} */
+        let top;
+        switch (pos) {
+            case 'top':
+                top = rect.top - tip.offsetHeight - this.offset;
+                left = rect.left + elt.offsetWidth / 2 - tip.offsetWidth / 2;
+                break;
+            case 'left':
+                top = rect.top + elt.offsetHeight / 2 - tip.offsetHeight / 2;
+                left = rect.left - tip.offsetWidth - this.offset;
+                break;
+            case 'right':
+                top = rect.top + elt.offsetHeight / 2 - tip.offsetHeight / 2;
+                left = rect.left + elt.offsetWidth + this.offset;
+                break;
+            case 'bottom':
+            default:
+                top = rect.top + elt.offsetHeight + this.offset;
+                left = rect.left + elt.offsetWidth / 2 - tip.offsetWidth / 2;
+        }
+        if (left < 0) {
+            left = rect.left + elt.offsetWidth + this.offset;
+        }
+        if (top < 0) {
+            top = rect.top + elt.offsetHeight + this.offset;
+        }
+        if (left + tip.offsetWidth >= window.pageXOffset + window.innerWidth) {
+            left = rect.left - tip.offsetWidth - this.offset;
+        }
+        if (top - tip.offsetHeight >= window.pageYOffset + window.innerHeight) {
+            top = rect.top - tip.offsetHeight - this.offset;
+        }
+        return {
+            top: top < 5 ? 5 : top,
+            left: left < 5 ? 5 : left
+        };
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        if (this.tooltipElt) {
+            this.tooltipElt.parentNode.removeChild(this.tooltipElt);
+            this.tooltipElt = null;
+        }
+    }
+}
+TooltipComponent.decorators = [
+    { type: Component, args: [{
+                selector: '[tooltip]',
+                template: `<ng-content></ng-content>`,
+                host: {
+                    '(mouseenter)': 'onMouseEnter()',
+                    '(mouseleave)': 'onMouseLeave()'
+                },
+                styles: ["body>div.tooltip{position:absolute;z-index:100}"]
+            }] }
+];
+/** @nocollapse */
+TooltipComponent.ctorParameters = () => [
+    { type: Injector },
+    { type: ElementRef },
+    { type: Renderer2 }
+];
+TooltipComponent.propDecorators = {
+    tooltipContents: [{ type: Input, args: ['tooltip',] }],
+    position: [{ type: Input }],
+    offset: [{ type: Input }]
+};
+if (false) {
+    /** @type {?} */
+    TooltipComponent.prototype.tooltipContents;
+    /** @type {?} */
+    TooltipComponent.prototype.position;
+    /** @type {?} */
+    TooltipComponent.prototype.offset;
+    /**
+     * @type {?}
+     * @private
+     */
+    TooltipComponent.prototype.tooltipElt;
+    /** @type {?} */
+    TooltipComponent.prototype.onTransitionEnd;
+    /**
+     * @type {?}
+     * @private
+     */
+    TooltipComponent.prototype.ref;
+    /**
+     * @type {?}
+     * @private
+     */
+    TooltipComponent.prototype.renderer;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvdG9vbHRpcC90b29sdGlwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFXbEYsTUFBTSxPQUFPLGdCQUFpQixTQUFRLFlBQVk7Ozs7OztJQUU5QyxZQUFZLFFBQWtCLEVBQ1YsR0FBZSxFQUNmLFFBQW1CO1FBQ3ZCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUZaLFFBQUcsR0FBSCxHQUFHLENBQVk7UUFDZixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBSzlCLGFBQVEsR0FBd0MsUUFBUSxDQUFDO1FBQ3pELFdBQU0sR0FBRyxDQUFDLENBQUM7UUE2QnBCLG9CQUFlOzs7UUFBRyxHQUFHLEVBQUU7WUFDbkIsSUFBSSxJQUFJLENBQUMsVUFBVSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxFQUFFO2dCQUNqRSxJQUFJLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2dCQUN4RCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQzthQUMxQjtRQUNMLENBQUMsRUFBQTtJQXRDVyxDQUFDOzs7O0lBUWIsWUFBWTs7Y0FDRixDQUFDLEdBQUcsSUFBSSxDQUFDLFFBQVE7UUFFdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMs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TixDQUFDOzs7O0lBRUQsV0FBVztRQUNQLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNqQixJQUFJLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQ3hELElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1NBQzFCO0lBQ0wsQ0FBQzs7O1lBMUdKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsV0FBVztnQkFDckIsUUFBUSxFQUFFLDJCQUEyQjtnQkFFckMsSUFBSSxFQUFFO29CQUNGLGNBQWMsRUFBRSxnQkFBZ0I7b0JBQ2hDLGNBQWMsRUFBRSxnQkFBZ0I7aUJBQ25DOzthQUNKOzs7O1lBVmlELFFBQVE7WUFBdEMsVUFBVTtZQUFTLFNBQVM7Ozs4QkFtQjNDLEtBQUssU0FBQyxTQUFTO3VCQUNmLEtBQUs7cUJBQ0wsS0FBSzs7OztJQUZOLDJDQUEwQzs7SUFDMUMsb0NBQWtFOztJQUNsRSxrQ0FBb0I7Ozs7O0lBRXBCLHNDQUFnQzs7SUEyQmhDLDJDQUtDOzs7OztJQXpDVywrQkFBdUI7Ozs7O0lBQ3ZCLG9DQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9kZUNvbXBvbmVudCB9IGZyb20gJ25neC1vZGUtY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBSZW5kZXJlcjIsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnW3Rvb2x0aXBdJyxcbiAgICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuICAgIHN0eWxlVXJsczogWycuL3Rvb2x0aXAuY29tcG9uZW50LnNjc3MnXSxcbiAgICBob3N0OiB7XG4gICAgICAgICcobW91c2VlbnRlciknOiAnb25Nb3VzZUVudGVyKCknLFxuICAgICAgICAnKG1vdXNlbGVhdmUpJzogJ29uTW91c2VMZWF2ZSgpJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgVG9vbHRpcENvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgICAgICAgICAgICAgcHJpdmF0ZSByZWY6IEVsZW1lbnRSZWYsXG4gICAgICAgICAgICAgICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7XG4gICAgICAgICAgICAgICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICBASW5wdXQoJ3Rvb2x0aXAnKSB0b29sdGlwQ29udGVudHM6IHN0cmluZztcbiAgICBASW5wdXQoKSBwb3NpdGlvbjogJ3RvcCcgfCAnbGVmdCcgfCAncmlnaHQnIHwgJ2JvdHRvbScgPSAnYm90dG9tJztcbiAgICBASW5wdXQoKSBvZmZzZXQgPSA1O1xuXG4gICAgcHJpdmF0ZSB0b29sdGlwRWx0OiBIVE1MRWxlbWVudDtcblxuICAgIG9uTW91c2VFbnRlcigpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgciA9IHRoaXMucmVuZGVyZXI7XG5cbiAgICAgICAgaWYgKCF0aGlzLnRvb2x0aXBFbHQpIHtcbiAgICAgICAgICAgIHRoaXMudG9vbHRpcEVsdCA9IHRoaXMucmVuZGVyZXIuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgICAgICAgICBsZXQgdG9vbHRpcFRleHQgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZVRleHQodGhpcy50b29sdGlwQ29udGVudHMpO1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5hcHBlbmRDaGlsZCh0aGlzLnRvb2x0aXBFbHQsIHRvb2x0aXBUZXh0KTtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3ModGhpcy50b29sdGlwRWx0LCBcInRvb2x0aXBcIik7XG4gICAgICAgICAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKGRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCdib2R5JylbMF0sIHRoaXMudG9vbHRpcEVsdCk7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgdGlwID0gdGhpcy50b29sdGlwRWx0O1xuICAgICAgICBjb25zdCBwb3MgPSB0aGlzLmdldFBvc2l0aW9uKHRoaXMucmVmLm5hdGl2ZUVsZW1lbnQsIHRpcCwgdGhpcy5wb3NpdGlvbik7XG4gICAgICAgIGZvciAoY29uc3QgcHJvcCBpbiBwb3MpIHtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGlwLCBwcm9wLCBwb3NbcHJvcF0gKyAncHgnKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRpcCwgJ3Nob3duJyk7XG4gICAgfVxuXG4gICAgb25Nb3VzZUxlYXZlKCk6IHZvaWQge1xuICAgICAgICBjb25zdCB3YWl0ID0gdGhpcy50b29sdGlwRWx0ICYmXG4gICAgICAgICAgICBwYXJzZUZsb2F0KHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKHRoaXMudG9vbHRpcEVsdClbJ3RyYW5zaXRpb24tZHVyYXRpb24nXSk7XG4gICAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy50b29sdGlwRWx0LCAnc2hvd24nKTtcbiAgICAgICAgc2V0VGltZW91dCh0aGlzLm9uVHJhbnNpdGlvbkVuZCwgd2FpdCAqIDEwMDApO1xuICAgIH1cblxuICAgIG9uVHJhbnNpdGlvbkVuZCA9ICgpID0+IHtcbiAgICAgICAgaWYgKHRoaXMudG9vbHRpcEVsdCAmJiAhdGhpcy50b29sdGlwRWx0LmNsYXNzTGlzdC5jb250YWlucygnc2hvd24nKSkge1xuICAgICAgICAgICAgdGhpcy50b29sdGlwRWx0LnBhcmVudE5vZGUucmVtb3ZlQ2hpbGQodGhpcy50b29sdGlwRWx0KTtcbiAgICAgICAgICAgIHRoaXMudG9vbHRpcEVsdCA9IG51bGw7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIGdldFBvc2l0aW9uKGVsdCwgdGlwLCBwb3MpIHtcbiAgICAgICAgY29uc3QgcmVjdCA9IHtcbiAgICAgICAgICAgIHRvcDogZWx0LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLnRvcCArIHdpbmRvdy5zY3JvbGxZLFxuICAgICAgICAgICAgbGVmdDogZWx0LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmxlZnQgKyB3aW5kb3cuc2Nyb2xsWFxuICAgICAgICB9O1xuICAgICAgICBsZXQgbGVmdCwgdG9wO1xuXG4gICAgICAgIHN3aXRjaCAocG9zKSB7XG5cbiAgICAgICAgICAgIGNhc2UgJ3RvcCc6XG4gICAgICAgICAgICAgICAgdG9wID0gcmVjdC50b3AgLSB0aXAub2Zmc2V0SGVpZ2h0IC0gdGhpcy5vZmZzZXQ7XG4gICAgICAgICAgICAgICAgbGVmdCA9IHJlY3QubGVmdCArIGVsdC5vZmZzZXRXaWR0aCAvIDIgLSB0aXAub2Zmc2V0V2lkdGggLyAyO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAnbGVmdCc6XG4gICAgICAgICAgICAgICAgdG9wID0gcmVjdC50b3AgKyBlbHQub2Zmc2V0SGVpZ2h0IC8gMiAtIHRpcC5vZmZzZXRIZWlnaHQgLyAyO1xuICAgICAgICAgICAgICAgIGxlZnQgPSByZWN0LmxlZnQgLSB0aXAub2Zmc2V0V2lkdGggLSB0aGlzLm9mZnNldDtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ3JpZ2h0JzpcbiAgICAgICAgICAgICAgICB0b3AgPSByZWN0LnRvcCArIGVsdC5vZmZzZXRIZWlnaHQgLyAyIC0gdGlwLm9mZnNldEhlaWdodCAvIDI7XG4gICAgICAgICAgICAgICAgbGVmdCA9IHJlY3QubGVmdCArIGVsdC5vZmZzZXRXaWR0aCArIHRoaXMub2Zmc2V0O1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAnYm90dG9tJzpcbiAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICAgICAgdG9wID0gcmVjdC50b3AgKyBlbHQub2Zmc2V0SGVpZ2h0ICsgdGhpcy5vZmZzZXQ7XG4gICAgICAgICAgICAgICAgbGVmdCA9IHJlY3QubGVmdCArIGVsdC5vZmZzZXRXaWR0aCAvIDIgLSB0aXAub2Zmc2V0V2lkdGggLyAyO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGxlZnQgPCAwICkge1xuICAgICAgICAgICAgbGVmdCA9IHJlY3QubGVmdCArIGVsdC5vZmZzZXRXaWR0aCArIHRoaXMub2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgIGlmICh0b3AgPCAwKSB7XG4gICAgICAgICAgICB0b3AgPSByZWN0LnRvcCArIGVsdC5vZmZzZXRIZWlnaHQgKyB0aGlzLm9mZnNldDtcbiAgICAgICAgfVxuICAgICAgICBpZiAobGVmdCArIHRpcC5vZmZzZXRXaWR0aCA+PSB3aW5kb3cucGFnZVhPZmZzZXQgKyB3aW5kb3cuaW5uZXJXaWR0aCkge1xuICAgICAgICAgICAgbGVmdCA9IHJlY3QubGVmdCAtIHRpcC5vZmZzZXRXaWR0aCAtIHRoaXMub2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgIGlmICh0b3AgLSB0aXAub2Zmc2V0SGVpZ2h0ID49IHdpbmRvdy5wYWdlWU9mZnNldCArIHdpbmRvdy5pbm5lckhlaWdodCkge1xuICAgICAgICAgICAgdG9wID0gcmVjdC50b3AgLSB0aXAub2Zmc2V0SGVpZ2h0IC0gdGhpcy5vZmZzZXQ7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgdG9wOiB0b3AgPCA1ID8gNSA6IHRvcCxcbiAgICAgICAgICAgIGxlZnQ6IGxlZnQgPCA1ID8gNSA6IGxlZnRcbiAgICAgICAgfTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMudG9vbHRpcEVsdCkge1xuICAgICAgICAgICAgdGhpcy50b29sdGlwRWx0LnBhcmVudE5vZGUucmVtb3ZlQ2hpbGQodGhpcy50b29sdGlwRWx0KTtcbiAgICAgICAgICAgIHRoaXMudG9vbHRpcEVsdCA9IG51bGw7XG4gICAgICAgIH1cbiAgICB9XG5cbn1cbiJdfQ==

package/esm2015/lib/components/upload-files/upload-files.component.js

@@ -0,0 +1,112 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/upload-files/upload-files.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { OdeComponent } from 'ngx-ode-core';
+import { Component, ElementRef, EventEmitter, Input, Output, ViewChild, Injector } from '@angular/core';
+import { InputFileService } from '../../services/inputFile.service';
+export class UploadFilesComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     * @param {?} inputFileService
+     */
+    constructor(injector, inputFileService) {
+        super(injector);
+        this.inputFileService = inputFileService;
+        this.upload = new EventEmitter();
+        this.invalidUpload = new EventEmitter();
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        super.ngOnInit();
+        this.multiple = this.maxFilesNumber > 1;
+    }
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    onChange($event) {
+        if ($event.target) {
+            this.inputFileService
+                .validateFiles($event.target.files, this.maxFilesNumber, this.allowedExtensions)
+                .subscribe((/**
+             * @param {?} files
+             * @return {?}
+             */
+            files => this.upload.emit(files)), (/**
+             * @param {?} error
+             * @return {?}
+             */
+            error => this.invalidUpload.emit(error)));
+        }
+    }
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    onClickDropzoneInput($event) {
+        $event.stopPropagation();
+        /** @type {?} */
+        const inputFileElement = this.inputFileRef.nativeElement;
+        inputFileElement.click();
+    }
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    onDragAndDrop($event) {
+        this.upload.emit($event);
+    }
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    onInvalidDragAndDrop($event) {
+        this.invalidUpload.emit($event);
+    }
+}
+UploadFilesComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ode-upload-files',
+                template: "<div class=\"upload-files-dropzone\"\n     dragAndDropFiles\n     [allowedExtensions]=\"allowedExtensions\"\n     [maxFilesNumber]=\"maxFilesNumber\"\n     [disabled]=\"disabled\"\n     (dragAndDrop)=\"onDragAndDrop($event)\"\n     (invalidDragAndDrop)=\"onInvalidDragAndDrop($event)\">\n  <div *ngIf=\"fileSrc\" class=\"upload-files-dropzone-image\">\n    <img src=\"{{ fileSrc }}\"\n         *ngIf=\"inputFileService.isSrcExternalUrl(fileSrc)\"\n         class=\"upload-files-dropzone-image__image\"/>\n    <img src=\"{{ fileSrc }}\"\n         *ngIf=\"inputFileService.isSrcWorkspace(fileSrc)\"\n         class=\"upload-files-dropzone-image__image\"/>\n    <i class=\"upload-files-dropzone-image__icon {{ fileSrc }}\"\n       *ngIf=\"!inputFileService.isSrcExternalUrl(fileSrc)\n                        && !inputFileService.isSrcWorkspace(fileSrc)\"></i>\n  </div>\n\n  <div class=\"upload-files-dropzone-input\" *ngIf=\"!disabled\">\n    <button class=\"confirm upload-files-dropzone-input__button\"\n            (click)=\"onClickDropzoneInput($event)\">\n      <s5l>ux.upload-files.button.label</s5l>\n    </button>\n    <i class=\"upload-files-dropzone-input__icon fa fa-cloud-upload fa-2x\">\n    </i>\n    <span class=\"upload-files-dropzone-input__help\">\n                    <s5l>ux.upload-files.button.help</s5l>\n                </span>\n    <input *ngIf=\"multiple === true else singleFileInput\"\n           class=\"upload-files-dropzone-input__input\"\n           type=\"file\"\n           (change)=\"onChange($event)\"\n           multiple\n           #inputFileRef>\n    <ng-template #singleFileInput>\n      <input class=\"upload-files-dropzone-input__input\"\n             type=\"file\"\n             (change)=\"onChange($event)\"\n             #inputFileRef>\n    </ng-template>\n  </div>\n</div>\n",
+                styles: [".upload-files-dropzone{display:flex;align-items:center;justify-content:center;min-height:150px;margin:20px;padding:20px 10px;background-color:#fafafa;border:2px dashed #ddd;border-radius:5px}.upload-files-dropzone-image{display:flex;align-items:center;justify-content:center;width:120px;height:120px}.upload-files-dropzone-image__image{max-height:90%;max-width:90%}.upload-files-dropzone-image__icon{font-size:5em}.upload-files-dropzone-input{display:flex;align-items:center;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,.3);padding:10px;margin:0 40px 0 20px}.upload-files-dropzone-input__input{display:none}.upload-files-dropzone-input__icon{margin-left:10px}.upload-files-dropzone-input__help{margin-left:10px;font-style:italic}"]
+            }] }
+];
+/** @nocollapse */
+UploadFilesComponent.ctorParameters = () => [
+    { type: Injector },
+    { type: InputFileService }
+];
+UploadFilesComponent.propDecorators = {
+    fileSrc: [{ type: Input }],
+    allowedExtensions: [{ type: Input }],
+    maxFilesNumber: [{ type: Input }],
+    disabled: [{ type: Input }],
+    upload: [{ type: Output }],
+    invalidUpload: [{ type: Output }],
+    inputFileRef: [{ type: ViewChild, args: ['inputFileRef', { static: false },] }]
+};
+if (false) {
+    /** @type {?} */
+    UploadFilesComponent.prototype.fileSrc;
+    /** @type {?} */
+    UploadFilesComponent.prototype.allowedExtensions;
+    /** @type {?} */
+    UploadFilesComponent.prototype.maxFilesNumber;
+    /** @type {?} */
+    UploadFilesComponent.prototype.disabled;
+    /** @type {?} */
+    UploadFilesComponent.prototype.upload;
+    /** @type {?} */
+    UploadFilesComponent.prototype.invalidUpload;
+    /** @type {?} */
+    UploadFilesComponent.prototype.inputFileRef;
+    /** @type {?} */
+    UploadFilesComponent.prototype.multiple;
+    /** @type {?} */
+    UploadFilesComponent.prototype.inputFileService;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWZpbGVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1vZGUtdWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy91cGxvYWQtZmlsZXMvdXBsb2FkLWZpbGVzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoSCxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQU9sRSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsWUFBWTs7Ozs7SUFvQmxELFlBQVksUUFBa0IsRUFDWCxnQkFBa0M7UUFDN0MsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBREwscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQVZyRCxXQUFNLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFbEQsa0JBQWEsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQVV6RCxDQUFDOzs7O0lBRU0sUUFBUTtRQUNYLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxjQUFjLEdBQUcsQ0FBQyxDQUFDO0lBQzVDLENBQUM7Ozs7O0lBRU0sUUFBUSxDQUFDLE1BQU07UUFDbEIsSUFBSSxNQUFNLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLGdCQUFnQjtpQkFDaEIsYUFBYSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDO2lCQUMvRSxTQUFTOzs7O1lBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7Ozs7WUFDckMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBQyxDQUFDO1NBQ3REO0lBQ0wsQ0FBQzs7Ozs7SUFFTSxvQkFBb0IsQ0FBQyxNQUFhO1FBQ3JDLE1BQU0sQ0FBQyxlQUFlLEVBQUUsQ0FBQzs7Y0FDbkIsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhO1FBQ3hELGdCQUFnQixDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzdCLENBQUM7Ozs7O0lBRU0sYUFBYSxDQUFDLE1BQWM7UUFDL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDN0IsQ0FBQzs7Ozs7SUFFTSxvQkFBb0IsQ0FBQyxNQUFjO1FBQ3RDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3BDLENBQUM7OztZQXhESixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGtCQUFrQjtnQkFDNUIsc3lEQUE0Qzs7YUFFL0M7Ozs7WUFQK0UsUUFBUTtZQUNoRixnQkFBZ0I7OztzQkFRbkIsS0FBSztnQ0FFTCxLQUFLOzZCQUVMLEtBQUs7dUJBRUwsS0FBSztxQkFHTCxNQUFNOzRCQUVOLE1BQU07MkJBR04sU0FBUyxTQUFDLGNBQWMsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Ozs7SUFkNUMsdUNBQ2dCOztJQUNoQixpREFDaUM7O0lBQ2pDLDhDQUN1Qjs7SUFDdkIsd0NBQ2tCOztJQUVsQixzQ0FDa0Q7O0lBQ2xELDZDQUN5RDs7SUFFekQsNENBQ3lCOztJQUV6Qix3Q0FBeUI7O0lBR2IsZ0RBQXlDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT2RlQ29tcG9uZW50IH0gZnJvbSAnbmd4LW9kZS1jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZCwgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7SW5wdXRGaWxlU2VydmljZX0gZnJvbSAnLi4vLi4vc2VydmljZXMvaW5wdXRGaWxlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ29kZS11cGxvYWQtZmlsZXMnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi91cGxvYWQtZmlsZXMuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3VwbG9hZC1maWxlcy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFVwbG9hZEZpbGVzQ29tcG9uZW50IGV4dGVuZHMgT2RlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKVxuICAgIGZpbGVTcmM6IHN0cmluZztcbiAgICBASW5wdXQoKVxuICAgIGFsbG93ZWRFeHRlbnNpb25zOiBBcnJheTxzdHJpbmc+O1xuICAgIEBJbnB1dCgpXG4gICAgbWF4RmlsZXNOdW1iZXI6IG51bWJlcjtcbiAgICBASW5wdXQoKVxuICAgIGRpc2FibGVkOiBib29sZWFuO1xuXG4gICAgQE91dHB1dCgpXG4gICAgdXBsb2FkOiBFdmVudEVtaXR0ZXI8RmlsZVtdPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KClcbiAgICBpbnZhbGlkVXBsb2FkOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIEBWaWV3Q2hpbGQoJ2lucHV0RmlsZVJlZicsIHsgc3RhdGljOiBmYWxzZSB9KVxuICAgIGlucHV0RmlsZVJlZjogRWxlbWVudFJlZjtcblxuICAgIHB1YmxpYyBtdWx0aXBsZTogYm9vbGVhbjtcblxuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgICAgICAgICBwdWJsaWMgaW5wdXRGaWxlU2VydmljZTogSW5wdXRGaWxlU2VydmljZSkge1xuICAgICAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkwqB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMubXVsdGlwbGUgPSB0aGlzLm1heEZpbGVzTnVtYmVyID4gMTtcbiAgICB9XG5cbiAgICBwdWJsaWMgb25DaGFuZ2UoJGV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmICgkZXZlbnQudGFyZ2V0KSB7XG4gICAgICAgICAgICB0aGlzLmlucHV0RmlsZVNlcnZpY2VcbiAgICAgICAgICAgICAgICAudmFsaWRhdGVGaWxlcygkZXZlbnQudGFyZ2V0LmZpbGVzLCB0aGlzLm1heEZpbGVzTnVtYmVyLCB0aGlzLmFsbG93ZWRFeHRlbnNpb25zKVxuICAgICAgICAgICAgICAgIC5zdWJzY3JpYmUoZmlsZXMgPT4gdGhpcy51cGxvYWQuZW1pdChmaWxlcylcbiAgICAgICAgICAgICAgICAgICAgLCBlcnJvciA9PiB0aGlzLmludmFsaWRVcGxvYWQuZW1pdChlcnJvcikpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIG9uQ2xpY2tEcm9wem9uZUlucHV0KCRldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICBjb25zdCBpbnB1dEZpbGVFbGVtZW50ID0gdGhpcy5pbnB1dEZpbGVSZWYubmF0aXZlRWxlbWVudDtcbiAgICAgICAgaW5wdXRGaWxlRWxlbWVudC5jbGljaygpO1xuICAgIH1cblxuICAgIHB1YmxpYyBvbkRyYWdBbmREcm9wKCRldmVudDogRmlsZVtdKTogdm9pZCB7XG4gICAgICAgIHRoaXMudXBsb2FkLmVtaXQoJGV2ZW50KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgb25JbnZhbGlkRHJhZ0FuZERyb3AoJGV2ZW50OiBzdHJpbmcpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pbnZhbGlkVXBsb2FkLmVtaXQoJGV2ZW50KTtcbiAgICB9XG59XG4iXX0=

package/esm2015/lib/components/value-editable/simple-select.component.js

@@ -0,0 +1,57 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/value-editable/simple-select.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { OdeComponent } from 'ngx-ode-core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, Injector } from '@angular/core';
+/**
+ * @record
+ */
+export function Option() { }
+if (false) {
+    /** @type {?} */
+    Option.prototype.value;
+    /** @type {?} */
+    Option.prototype.label;
+}
+export class SimpleSelectComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     */
+    constructor(injector) {
+        super(injector);
+        this.selectChange = new EventEmitter();
+    }
+}
+SimpleSelectComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ode-simple-select',
+                template: "<select [ngModel]=\"model[selected]\" (ngModelChange)=\"model[selected] = $event; selectChange.emit($event)\">\n\n<option *ngIf=\"ignoreOption.length > 0 \" [ngValue]=\"ignoreOption[0].value\">\n                                                                          {{ignoreOption[0].label}}\n</option>\n<option *ngFor=\"let option of options | orderBy: 'label'\" [ngValue]=\"option.value\">\n                                                                                  {{option.label}}\n</option>\n</select>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush
+            }] }
+];
+/** @nocollapse */
+SimpleSelectComponent.ctorParameters = () => [
+    { type: Injector }
+];
+SimpleSelectComponent.propDecorators = {
+    selected: [{ type: Input }],
+    model: [{ type: Input }],
+    options: [{ type: Input }],
+    ignoreOption: [{ type: Input }],
+    selectChange: [{ type: Output }]
+};
+if (false) {
+    /** @type {?} */
+    SimpleSelectComponent.prototype.selected;
+    /** @type {?} */
+    SimpleSelectComponent.prototype.model;
+    /** @type {?} */
+    SimpleSelectComponent.prototype.options;
+    /** @type {?} */
+    SimpleSelectComponent.prototype.ignoreOption;
+    /** @type {?} */
+    SimpleSelectComponent.prototype.selectChange;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLXNlbGVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvdmFsdWUtZWRpdGFibGUvc2ltcGxlLXNlbGVjdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzVDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBRzFHLDRCQUdDOzs7SUFGQyx1QkFBYzs7SUFDZCx1QkFBYzs7QUFTaEIsTUFBTSxPQUFPLHFCQUFzQixTQUFRLFlBQVk7Ozs7SUFPbkQsWUFBWSxRQUFrQjtRQUM1QixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFIUixpQkFBWSxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO0lBSTFFLENBQUM7OztZQWRKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsbUJBQW1CO2dCQUM3QixraEJBQTZDO2dCQUM3QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTthQUNsRDs7OztZQWJ5RSxRQUFROzs7dUJBZTdFLEtBQUs7b0JBQ0wsS0FBSztzQkFDTCxLQUFLOzJCQUNMLEtBQUs7MkJBQ0wsTUFBTTs7OztJQUpQLHlDQUEwQjs7SUFDMUIsc0NBQXdDOztJQUN4Qyx3Q0FBMkI7O0lBQzNCLDZDQUFnQzs7SUFDaEMsNkNBQTBFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT2RlQ29tcG9uZW50IH0gZnJvbSAnbmd4LW9kZS1jb3JlJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG5leHBvcnQgaW50ZXJmYWNlIE9wdGlvbiB7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIGxhYmVsOiBzdHJpbmc7XG59XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdvZGUtc2ltcGxlLXNlbGVjdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NpbXBsZS1zZWxlY3QuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFNpbXBsZVNlbGVjdENvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgc2VsZWN0ZWQ6IHN0cmluZztcbiAgICBASW5wdXQoKSBtb2RlbDoge1trZXk6IHN0cmluZ106IHN0cmluZ307XG4gICAgQElucHV0KCkgb3B0aW9uczogT3B0aW9uW107XG4gICAgQElucHV0KCkgaWdub3JlT3B0aW9uOiBPcHRpb25bXTtcbiAgICBAT3V0cHV0KCkgc2VsZWN0Q2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gICAgY29uc3RydWN0b3IoaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxufVxuXG4iXX0=

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

@@ -0,0 +1,225 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/wizard/wizard.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { OdeComponent } from 'ngx-ode-core';
+import { Component, ContentChildren, EventEmitter, Input, Output, QueryList, Injector } from '@angular/core';
+export class StepComponent {
+    constructor() {
+        this.hasError = false;
+        this.isFinished = false;
+    }
+}
+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;
+        }
+    `]
+            }] }
+];
+StepComponent.propDecorators = {
+    name: [{ type: Input }],
+    isActived: [{ type: Input }]
+};
+if (false) {
+    /** @type {?} */
+    StepComponent.prototype.name;
+    /** @type {?} */
+    StepComponent.prototype.isActived;
+    /** @type {?} */
+    StepComponent.prototype.hasError;
+    /** @type {?} */
+    StepComponent.prototype.isFinished;
+}
+export class WizardComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     */
+    constructor(injector) {
+        super(injector);
+        this.cancel = new EventEmitter();
+        this.previousStep = new EventEmitter();
+        this.nextStep = new EventEmitter();
+        this.canDoNext = true;
+        this.activeStep = 0;
+    }
+    /**
+     * @return {?}
+     */
+    doCancel() {
+        this.activeStep = 0;
+        this.steps.forEach((/**
+         * @param {?} step
+         * @param {?} index
+         * @return {?}
+         */
+        (step, index) => {
+            index === 0 ? step.isActived = true : step.isActived = false;
+        }));
+        this.canDoNext = true;
+    }
+    /**
+     * @return {?}
+     */
+    onPreviousStep() {
+        this.previousStep.emit(this.activeStep);
+    }
+    /**
+     * @return {?}
+     */
+    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;
+        }
+    }
+    /**
+     * @return {?}
+     */
+    onNextStep() {
+        this.nextStep.emit(this.activeStep);
+    }
+    /**
+     * @param {?=} error
+     * @return {?}
+     */
+    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++;
+        }
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentInit() {
+        super.ngAfterContentInit();
+        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: `
+        <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: bold;
+            color: white;
+        }
+        .wizard-menu ul li.finish {
+            color: green;
+        }
+        .wizard-menu__title {
+            font-weight: bold;
+            font-size: 1.2em;
+            color: white;
+            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;
+        }
+    `]
+            }] }
+];
+/** @nocollapse */
+WizardComponent.ctorParameters = () => [
+    { type: Injector }
+];
+WizardComponent.propDecorators = {
+    cancel: [{ type: Output }],
+    previousStep: [{ type: Output }],
+    nextStep: [{ type: Output }],
+    steps: [{ type: ContentChildren, args: [StepComponent,] }]
+};
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l6YXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1vZGUtdWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy93aXphcmQvd2l6YXJkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUVMLFNBQVMsRUFDVCxlQUFlLEVBQ2YsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04sU0FBUyxFQUNULFFBQVEsRUFDVCxNQUFNLGVBQWUsQ0FBQztBQWdCdkIsTUFBTSxPQUFPLGFBQWE7SUFkMUI7UUFpQkksYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixlQUFVLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7OztZQW5CQSxTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFHLFVBQVU7Z0JBQ3JCLFFBQVEsRUFBRSwyQkFBMkI7eUJBQzVCOzs7Ozs7Ozs7S0FTUjthQUNKOzs7bUJBRUksS0FBSzt3QkFDTCxLQUFLOzs7O0lBRE4sNkJBQXNCOztJQUN0QixrQ0FBNEI7O0lBQzVCLGlDQUFpQjs7SUFDakIsbUNBQW1COztBQXNGdkIsTUFBTSxPQUFPLGVBQWdCLFNBQVEsWUFBWTs7OztJQVU3QyxZQUFZLFFBQWtCO1FBQzFCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQVZWLFdBQU0sR0FBcUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM5QyxpQkFBWSxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3hELGFBQVEsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUV2RCxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBR3hCLGVBQVUsR0FBRyxDQUFDLENBQUM7SUFJZixDQUFDOzs7O0lBQ0QsUUFBUTtRQUNKLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTzs7Ozs7UUFBQyxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUMvQixLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDakUsQ0FBQyxFQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUMxQixDQUFDOzs7O0lBRUQsY0FBYztRQUNWLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM1QyxDQUFDOzs7O0lBRUQsY0FBYztRQUNWLElBQUksSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLEVBQUU7WUFDckIsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUN4RCxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztZQUMzRCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDbEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7U0FDekI7SUFDTCxDQUFDOzs7O0lBRUQsVUFBVTtRQUNOLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN4QyxDQUFDOzs7OztJQUNELFVBQVUsQ0FBQyxLQUFlO1FBQ3RCLElBQUksSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDekMsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLEtBQUssQ0FBQztZQUN4QixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1lBQ3hELElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1lBQzNELElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUNyQjtJQUNMLENBQUM7Ozs7SUFFRCxrQkFBa0I7UUFDZCxLQUFLLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUMzQixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtZQUN6QixNQUFNLElBQUksS0FBSyxDQUFDLDBEQUEwRCxDQUFDLENBQUM7U0FDL0U7SUFDTCxDQUFDOzs7WUF0SUosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxZQUFZO2dCQUN0QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBbUNUO3lCQUNROzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBMkNSO2FBQ0o7Ozs7WUExR0MsUUFBUTs7O3FCQTRHTCxNQUFNOzJCQUNOLE1BQU07dUJBQ04sTUFBTTtvQkFJTixlQUFlLFNBQUMsYUFBYTs7OztJQU45QixpQ0FBd0Q7O0lBQ3hELHVDQUFrRTs7SUFDbEUsbUNBQThEOztJQUU5RCxvQ0FBd0I7O0lBRXhCLGdDQUFnRTs7SUFDaEUscUNBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPZGVDb21wb25lbnQgfSBmcm9tICduZ3gtb2RlLWNvcmUnO1xuaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIEluamVjdG9yXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvciA6ICdvZGUtc3RlcCcsXG4gICAgdGVtcGxhdGU6IGA8bmctY29udGVudD48L25nLWNvbnRlbnQ+YCxcbiAgICBzdHlsZXM6IFtgXG4gICAgICAgIDpob3N0IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgICAgIHBhZGRpbmcgOiAxZW07XG4gICAgICAgIH1cbiAgICAgICAgOmhvc3QuYWN0aXZlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB9XG4gICAgYF1cbn0pXG5leHBvcnQgY2xhc3MgU3RlcENvbXBvbmVudCB7XG4gICAgQElucHV0KCkgbmFtZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGlzQWN0aXZlZDogYm9vbGVhbjtcbiAgICBoYXNFcnJvciA9IGZhbHNlO1xuICAgIGlzRmluaXNoZWQgPSBmYWxzZTtcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdvZGUtd2l6YXJkJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8ZGl2IGNsYXNzPVwid2l6YXJkXCI+XG4gICAgICAgICAgICA8bmF2IGNsYXNzPVwid2l6YXJkLW1lbnVcIj5cbiAgICAgICAgICAgICAgICA8aDIgY2xhc3M9XCJ3aXphcmQtbWVudV9fdGl0bGVcIj48czVsPndpemFyZC5zdGVwczwvczVsPjwvaDI+XG4gICAgICAgICAgICAgICAgPHVsPlxuICAgICAgICAgICAgICAgICAgICA8bGkgKm5nRm9yPVwibGV0IHN0ZXAgb2Ygc3RlcHNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJzdGVwLmlzQWN0aXZlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY2xhc3MuZmluaXNoXT1cInN0ZXAuaXNGaW5pc2hlZFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3tzdGVwLm5hbWV9fVxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICAgIDwvdWw+XG4gICAgICAgICAgICA8L25hdj5cbiAgICAgICAgICAgIDxzZWN0aW9uIGNsYXNzPVwid2l6YXJkLWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJvZGUtc3RlcFwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgICAgICA8bmF2IGNsYXNzPVwid2l6YXJkLWNvbnRlbnQtbmF2XCIgKm5nSWY9XCJhY3RpdmVTdGVwIDwgc3RlcHMubGVuZ3RoIC0gMVwiPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwid2l6YXJkLWNvbnRlbnQtbmF2X19idXR0b24gY2FuY2VsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJjYW5jZWwuZW1pdCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCInY2FuY2VsJyB8IHRyYW5zbGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgJ2NhbmNlbCcgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJ3aXphcmQtY29udGVudC1uYXZfX2J1dHRvbiBwcmV2aW91c1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25QcmV2aW91c1N0ZXAoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImFjdGl2ZVN0ZXAgPiAwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCIncHJldmlvdXMnIHwgdHJhbnNsYXRlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyAnd2l6YXJkLnByZXZpb3VzJyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cIndpemFyZC1jb250ZW50LW5hdl9fYnV0dG9uIHdpemFyZC1jb250ZW50LW5hdl9fYnV0dG9uLS1uZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbk5leHRTdGVwKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFjYW5Eb05leHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3RpdGxlXT1cIiduZXh0JyB8IHRyYW5zbGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgJ3dpemFyZC5uZXh0JyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8L25hdj5cbiAgICAgICAgICAgIDwvc2VjdGlvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgYCxcbiAgICBzdHlsZXM6IFtgXG4gICAgICAgIC53aXphcmQge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgfVxuICAgICAgICAud2l6YXJkLW1lbnUge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogIzViNjQ3MjtcbiAgICAgICAgICAgIGZsZXg6IDAgMCAyNDBweDtcbiAgICAgICAgfVxuICAgICAgICAud2l6YXJkLW1lbnUgdWwge1xuICAgICAgICAgICAgcGFkZGluZzogMTBweCAzMHB4O1xuICAgICAgICB9XG4gICAgICAgIC53aXphcmQtbWVudSB1bCBsaSB7XG4gICAgICAgICAgICBjb2xvcjogI2VhZWRmMjtcbiAgICAgICAgICAgIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDVweCAwO1xuICAgICAgICB9XG4gICAgICAgIC53aXphcmQtbWVudSB1bCBsaS5hY3RpdmUsXG4gICAgICAgIC53aXphcmQtbWVudSB1bCBsaS5maW5pc2gge1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgIH1cbiAgICAgICAgLndpemFyZC1tZW51IHVsIGxpLmZpbmlzaCB7XG4gICAgICAgICAgICBjb2xvcjogZ3JlZW47XG4gICAgICAgIH1cbiAgICAgICAgLndpemFyZC1tZW51X190aXRsZSB7XG4gICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4yZW07XG4gICAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgICAgICBwYWRkaW5nOiAyNXB4IDAgMCAxMHB4O1xuICAgICAgICB9XG4gICAgICAgIC53aXphcmQtY29udGVudCB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgICAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgfVxuICAgICAgICAud2l6YXJkLWNvbnRlbnQtbmF2IHtcbiAgICAgICAgICAgIHRleHQtYWxpZ24gOiByaWdodDtcbiAgICAgICAgfVxuICAgICAgICAud2l6YXJkLWNvbnRlbnQtbmF2X19idXR0b24ge1xuICAgICAgICAgICAgbWFyZ2luOiAxMHB4IDA7XG4gICAgICAgIH1cbiAgICAgICAgLndpemFyZC1jb250ZW50LW5hdl9fYnV0dG9uLS1uZXh0IHtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMTZweDtcbiAgICAgICAgfVxuICAgIGBdXG59KVxuZXhwb3J0IGNsYXNzIFdpemFyZENvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICAgIEBPdXRwdXQoKSBjYW5jZWw6IEV2ZW50RW1pdHRlcjx7fT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIHByZXZpb3VzU3RlcDogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIG5leHRTdGVwOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIHB1YmxpYyBjYW5Eb05leHQgPSB0cnVlO1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihTdGVwQ29tcG9uZW50KSBzdGVwczogUXVlcnlMaXN0PFN0ZXBDb21wb25lbnQ+O1xuICAgIGFjdGl2ZVN0ZXAgPSAwO1xuXG4gICAgY29uc3RydWN0b3IoaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG4gICAgZG9DYW5jZWwoKSB7XG4gICAgICAgIHRoaXMuYWN0aXZlU3RlcCA9IDA7XG4gICAgICAgIHRoaXMuc3RlcHMuZm9yRWFjaCgoc3RlcCwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgIGluZGV4ID09PSAwID8gc3RlcC5pc0FjdGl2ZWQgPSB0cnVlIDogc3RlcC5pc0FjdGl2ZWQgPSBmYWxzZTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuY2FuRG9OZXh0ID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBvblByZXZpb3VzU3RlcCgpIHtcbiAgICAgICAgdGhpcy5wcmV2aW91c1N0ZXAuZW1pdCh0aGlzLmFjdGl2ZVN0ZXApO1xuICAgIH1cblxuICAgIGRvUHJldmlvdXNTdGVwKCkge1xuICAgICAgICBpZiAodGhpcy5hY3RpdmVTdGVwID4gMCkge1xuICAgICAgICAgICAgdGhpcy5zdGVwcy50b0FycmF5KClbdGhpcy5hY3RpdmVTdGVwXS5pc0FjdGl2ZWQgPSBmYWxzZTtcbiAgICAgICAgICAgIHRoaXMuc3RlcHMudG9BcnJheSgpW3RoaXMuYWN0aXZlU3RlcCAtIDFdLmlzQWN0aXZlZCA9IHRydWU7XG4gICAgICAgICAgICB0aGlzLmFjdGl2ZVN0ZXAtLTtcbiAgICAgICAgICAgIHRoaXMuY2FuRG9OZXh0ID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uTmV4dFN0ZXAoKSB7XG4gICAgICAgIHRoaXMubmV4dFN0ZXAuZW1pdCh0aGlzLmFjdGl2ZVN0ZXApO1xuICAgIH1cbiAgICBkb05leHRTdGVwKGVycm9yPzogYm9vbGVhbikge1xuICAgICAgICBpZiAodGhpcy5hY3RpdmVTdGVwIDwgdGhpcy5zdGVwcy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgICB0aGlzLmNhbkRvTmV4dCA9ICFlcnJvcjtcbiAgICAgICAgICAgIHRoaXMuc3RlcHMudG9BcnJheSgpW3RoaXMuYWN0aXZlU3RlcF0uaXNBY3RpdmVkID0gZmFsc2U7XG4gICAgICAgICAgICB0aGlzLnN0ZXBzLnRvQXJyYXkoKVt0aGlzLmFjdGl2ZVN0ZXAgKyAxXS5pc0FjdGl2ZWQgPSB0cnVlO1xuICAgICAgICAgICAgdGhpcy5hY3RpdmVTdGVwKys7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgICAgIHN1cGVyLm5nQWZ0ZXJDb250ZW50SW5pdCgpO1xuICAgICAgICBpZiAodGhpcy5zdGVwcy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcignPHdpemFyZD4gY29tcG9uZW50IG11c3RzIG5lc3QgYXQgbGVhc3QgMSA8c3RlcD4gY29tcG9lbnQnKTtcbiAgICAgICAgfVxuICAgIH1cblxufVxuIl19

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

@@ -0,0 +1,34 @@
+/**
+ * @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';
+export class AnchorDirective {
+    constructor() {
+        this.offset = 50;
+    }
+    /**
+     * @return {?}
+     */
+    onClick() {
+        /** @type {?} */
+        const 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',] }]
+};
+if (false) {
+    /** @type {?} */
+    AnchorDirective.prototype.anchor;
+    /** @type {?} */
+    AnchorDirective.prototype.offset;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1vZGUtdWkvIiwic291cmNlcyI6WyJsaWIvZGlyZWN0aXZlcy9hbmNob3IuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRzdELE1BQU0sT0FBTyxlQUFlO0lBRDVCO1FBSXFCLFdBQU0sR0FBRyxFQUFFLENBQUM7SUFRakMsQ0FBQzs7OztJQUxHLE9BQU87O2NBQ0csT0FBTyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUNwRCxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsRUFBRSxPQUFPLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzFFLENBQUM7OztZQVZKLFNBQVMsU0FBQyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUU7OztxQkFHOUIsS0FBSyxTQUFDLFFBQVE7cUJBQ2QsS0FBSyxTQUFDLFFBQVE7c0JBRWQsWUFBWSxTQUFDLE9BQU87Ozs7SUFIckIsaUNBQWdDOztJQUNoQyxpQ0FBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgSG9zdExpc3RlbmVyLCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1thbmNob3JdJyB9KVxuZXhwb3J0IGNsYXNzIEFuY2hvckRpcmVjdGl2ZSB7XG5cbiAgICBASW5wdXQoJ2FuY2hvcicpIGFuY2hvcjogc3RyaW5nO1xuICAgIEBJbnB1dCgnb2Zmc2V0Jykgb2Zmc2V0ID0gNTA7XG5cbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gICAgb25DbGljaygpIHtcbiAgICAgICAgY29uc3QgZWxlbWVudCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHRoaXMuYW5jaG9yKTtcbiAgICAgICAgd2luZG93LnNjcm9sbEJ5KDAsIGVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkudG9wIC0gdGhpcy5vZmZzZXQpO1xuICAgIH1cblxufVxuIl19