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

package/esm5/lib/components/table/pager.component.js

@@ -0,0 +1,113 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/table/pager.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 { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, Injector } from '@angular/core';
+import { BundlesService } from 'ngx-ode-sijil';
+var PagerComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(PagerComponent, _super);
+    function PagerComponent(injector, bundles) {
+        var _this = _super.call(this, injector) || this;
+        _this.bundles = bundles;
+        _this.offsetChange = new EventEmitter();
+        _this.translate = (/**
+         * @param {...?} args
+         * @return {?}
+         */
+        function () {
+            var _a;
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            return (_a = _this.bundles).translate.apply(_a, tslib_1.__spread(args));
+        });
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    PagerComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () { };
+    /**
+     * @return {?}
+     */
+    PagerComponent.prototype.previousPage = /**
+     * @return {?}
+     */
+    function () {
+        if (this.offset - this.limit >= 0) {
+            this.offset = this.offset - this.limit;
+        }
+        else {
+            this.offset = 0;
+        }
+        this.offsetChange.emit(this.offset);
+    };
+    /**
+     * @return {?}
+     */
+    PagerComponent.prototype.nextPage = /**
+     * @return {?}
+     */
+    function () {
+        if (this.offset + this.limit <= this.total) {
+            this.offset = this.offset + this.limit;
+        }
+        this.offsetChange.emit(this.offset);
+    };
+    /**
+     * @return {?}
+     */
+    PagerComponent.prototype.offsetLimit = /**
+     * @return {?}
+     */
+    function () {
+        return this.offset + this.limit < this.total ?
+            this.offset + this.limit : this.total;
+    };
+    PagerComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'ode-pager',
+                    template: "<strong><s5l>pager.page</s5l></strong>\n<a class=\"button\" [ngClass]=\"{'is-hidden': offset - limit < 0}\" (click)=\"previousPage()\">\n  <i class=\"fa fa-chevron-left\"></i> <s5l>pager.page.previous</s5l>\n</a>\n<span>{{\"pager.position\" | translate : {offset : offset+1,  offsetLimit:offsetLimit(), total:total} }}</span>\n<a class=\"button\" [ngClass]=\"{'is-hidden': offset + limit  > total}\" (click)=\"nextPage()\">\n  <s5l>pager.page.next</s5l> <i class=\"fa fa-chevron-right\"></i>\n</a>\n",
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    styles: ["\n        i {cursor: pointer; padding: 0 2px;}\n    "]
+                }] }
+    ];
+    /** @nocollapse */
+    PagerComponent.ctorParameters = function () { return [
+        { type: Injector },
+        { type: BundlesService }
+    ]; };
+    PagerComponent.propDecorators = {
+        limit: [{ type: Input }],
+        offset: [{ type: Input }],
+        offsetChange: [{ type: Output }],
+        total: [{ type: Input }]
+    };
+    return PagerComponent;
+}(OdeComponent));
+export { PagerComponent };
+if (false) {
+    /** @type {?} */
+    PagerComponent.prototype.limit;
+    /** @type {?} */
+    PagerComponent.prototype.offset;
+    /** @type {?} */
+    PagerComponent.prototype.offsetChange;
+    /** @type {?} */
+    PagerComponent.prototype.total;
+    /** @type {?} */
+    PagerComponent.prototype.translate;
+    /**
+     * @type {?}
+     * @private
+     */
+    PagerComponent.prototype.bundles;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LW9kZS11aS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3RhYmxlL3BhZ2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzVDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xILE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFHN0M7SUFRb0MsMENBQVk7SUFDNUMsd0JBQ0ksUUFBa0IsRUFDVixPQUF1QjtRQUZuQyxZQUlRLGtCQUFNLFFBQVEsQ0FBQyxTQUNsQjtRQUhPLGFBQU8sR0FBUCxPQUFPLENBQWdCO1FBUXpCLGtCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUlwRCxlQUFTOzs7O1FBQUc7O1lBQUMsY0FBTztpQkFBUCxVQUFPLEVBQVAscUJBQU8sRUFBUCxJQUFPO2dCQUFQLHlCQUFPOztZQUFLLE9BQUMsQ0FBQSxLQUFBLEtBQUksQ0FBQyxPQUFPLENBQUEsQ0FBQyxTQUFTLDRCQUFZLElBQUk7UUFBdkMsQ0FBd0MsRUFBQzs7SUFUOUQsQ0FBQzs7OztJQVdMLGlDQUFROzs7SUFBUixjQUFZLENBQUM7Ozs7SUFFYixxQ0FBWTs7O0lBQVo7UUFDSSxJQUFJLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLEVBQUU7WUFDL0IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7U0FDMUM7YUFBTTtZQUNILElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1NBQ25CO1FBQ0QsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hDLENBQUM7Ozs7SUFFRCxpQ0FBUTs7O0lBQVI7UUFDSSxJQUFJLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ3hDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1NBQzFDO1FBQ0QsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hDLENBQUM7Ozs7SUFFRCxvQ0FBVzs7O0lBQVg7UUFDSSxPQUFPLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDMUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQzlDLENBQUM7O2dCQTlDSixTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLCtmQUFxQztvQkFJckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07NkJBSHRDLHNEQUVSO2lCQUVKOzs7O2dCQVhpRixRQUFRO2dCQUNsRixjQUFjOzs7d0JBbUJqQixLQUFLO3lCQUVMLEtBQUs7K0JBQ0wsTUFBTTt3QkFFTixLQUFLOztJQTBCVixxQkFBQztDQUFBLEFBL0NELENBUW9DLFlBQVksR0F1Qy9DO1NBdkNZLGNBQWM7OztJQVF2QiwrQkFBdUI7O0lBRXZCLGdDQUF3Qjs7SUFDeEIsc0NBQW9EOztJQUVwRCwrQkFBdUI7O0lBRXZCLG1DQUFrRTs7Ozs7SUFaOUQsaUNBQStCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT2RlQ29tcG9uZW50IH0gZnJvbSAnbmd4LW9kZS1jb3JlJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtCdW5kbGVzU2VydmljZX0gZnJvbSAnbmd4LW9kZS1zaWppbCc7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdvZGUtcGFnZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wYWdlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVzOiBbYFxuICAgICAgICBpIHtjdXJzb3I6IHBvaW50ZXI7IHBhZGRpbmc6IDAgMnB4O31cbiAgICBgXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlckNvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIGluamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgcHJpdmF0ZSBidW5kbGVzOiBCdW5kbGVzU2VydmljZVxuICAgICAgICApICB7XG4gICAgICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgICAgIH1cblxuICAgIEBJbnB1dCgpIGxpbWl0OiBudW1iZXI7XG5cbiAgICBASW5wdXQoKSBvZmZzZXQ6IG51bWJlcjtcbiAgICBAT3V0cHV0KCkgb2Zmc2V0Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgICBASW5wdXQoKSB0b3RhbDogbnVtYmVyO1xuXG4gICAgdHJhbnNsYXRlID0gKC4uLmFyZ3MpID0+ICh0aGlzLmJ1bmRsZXMudHJhbnNsYXRlIGFzIGFueSkoLi4uYXJncyk7XG5cbiAgICBuZ09uSW5pdCgpIHt9XG5cbiAgICBwcmV2aW91c1BhZ2UoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLm9mZnNldCAtIHRoaXMubGltaXQgPj0gMCkge1xuICAgICAgICAgICAgdGhpcy5vZmZzZXQgPSB0aGlzLm9mZnNldCAtIHRoaXMubGltaXQ7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLm9mZnNldCA9IDA7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5vZmZzZXRDaGFuZ2UuZW1pdCh0aGlzLm9mZnNldCk7XG4gICAgfVxuXG4gICAgbmV4dFBhZ2UoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLm9mZnNldCArIHRoaXMubGltaXQgPD0gdGhpcy50b3RhbCkge1xuICAgICAgICAgICAgdGhpcy5vZmZzZXQgPSB0aGlzLm9mZnNldCArIHRoaXMubGltaXQ7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5vZmZzZXRDaGFuZ2UuZW1pdCh0aGlzLm9mZnNldCk7XG4gICAgfVxuXG4gICAgb2Zmc2V0TGltaXQoKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIHRoaXMub2Zmc2V0ICsgdGhpcy5saW1pdCA8IHRoaXMudG90YWwgP1xuICAgICAgICAgICAgdGhpcy5vZmZzZXQgKyB0aGlzLmxpbWl0IDogdGhpcy50b3RhbDtcbiAgICB9XG59XG4iXX0=

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

@@ -0,0 +1,188 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/tooltip/tooltip.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, ElementRef, Input, Renderer2, Injector } from '@angular/core';
+var TooltipComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(TooltipComponent, _super);
+    function TooltipComponent(injector, ref, renderer) {
+        var _this = _super.call(this, injector) || this;
+        _this.ref = ref;
+        _this.renderer = renderer;
+        _this.position = 'bottom';
+        _this.offset = 5;
+        _this.onTransitionEnd = (/**
+         * @return {?}
+         */
+        function () {
+            if (_this.tooltipElt && !_this.tooltipElt.classList.contains('shown')) {
+                _this.tooltipElt.parentNode.removeChild(_this.tooltipElt);
+                _this.tooltipElt = null;
+            }
+        });
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    TooltipComponent.prototype.onMouseEnter = /**
+     * @return {?}
+     */
+    function () {
+        /** @type {?} */
+        var r = this.renderer;
+        if (!this.tooltipElt) {
+            this.tooltipElt = this.renderer.createElement('div');
+            /** @type {?} */
+            var 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 {?} */
+        var tip = this.tooltipElt;
+        /** @type {?} */
+        var pos = this.getPosition(this.ref.nativeElement, tip, this.position);
+        for (var prop in pos) {
+            this.renderer.setStyle(tip, prop, pos[prop] + 'px');
+        }
+        this.renderer.addClass(tip, 'shown');
+    };
+    /**
+     * @return {?}
+     */
+    TooltipComponent.prototype.onMouseLeave = /**
+     * @return {?}
+     */
+    function () {
+        /** @type {?} */
+        var 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 {?}
+     */
+    TooltipComponent.prototype.getPosition = /**
+     * @private
+     * @param {?} elt
+     * @param {?} tip
+     * @param {?} pos
+     * @return {?}
+     */
+    function (elt, tip, pos) {
+        /** @type {?} */
+        var rect = {
+            top: elt.getBoundingClientRect().top + window.scrollY,
+            left: elt.getBoundingClientRect().left + window.scrollX
+        };
+        /** @type {?} */
+        var left;
+        /** @type {?} */
+        var 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 {?}
+     */
+    TooltipComponent.prototype.ngOnDestroy = /**
+     * @return {?}
+     */
+    function () {
+        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 = function () { return [
+        { type: Injector },
+        { type: ElementRef },
+        { type: Renderer2 }
+    ]; };
+    TooltipComponent.propDecorators = {
+        tooltipContents: [{ type: Input, args: ['tooltip',] }],
+        position: [{ type: Input }],
+        offset: [{ type: Input }]
+    };
+    return TooltipComponent;
+}(OdeComponent));
+export { TooltipComponent };
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvdG9vbHRpcC90b29sdGlwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzVDLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxGO0lBU3NDLDRDQUFZO0lBRTlDLDBCQUFZLFFBQWtCLEVBQ1YsR0FBZSxFQUNmLFFBQW1CO1FBRnZDLFlBR2dCLGtCQUFNLFFBQVEsQ0FBQyxTQUNsQjtRQUhPLFNBQUcsR0FBSCxHQUFHLENBQVk7UUFDZixjQUFRLEdBQVIsUUFBUSxDQUFXO1FBSzlCLGNBQVEsR0FBd0MsUUFBUSxDQUFDO1FBQ3pELFlBQU0sR0FBRyxDQUFDLENBQUM7UUE2QnBCLHFCQUFlOzs7UUFBRztZQUNkLElBQUksS0FBSSxDQUFDLFVBQVUsSUFBSSxDQUFDLEtBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsRUFBRTtnQkFDakUsS0FBSSxDQUFDLFVBQVUsQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLEtBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDeEQsS0FBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7YUFDMUI7UUFDTCxDQUFDLEVBQUE7O0lBdENXLENBQUM7Ozs7SUFRYix1Q0FBWTs7O0lBQVo7O1lBQ1UsQ0FBQyxHQUFHLElBQUksQ0FBQyxRQUFRO1FBRXZCLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7O2dCQUNqRCxXQUFX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QztJQUNOLENBQUM7Ozs7SUFFRCxzQ0FBVzs7O0lBQVg7UUFDSSxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDakIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUN4RCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztTQUMxQjtJQUNMLENBQUM7O2dCQTFHSixTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLFFBQVEsRUFBRSwyQkFBMkI7b0JBRXJDLElBQUksRUFBRTt3QkFDRixjQUFjLEVBQUUsZ0JBQWdCO3dCQUNoQyxjQUFjLEVBQUUsZ0JBQWdCO3FCQUNuQzs7aUJBQ0o7Ozs7Z0JBVmlELFFBQVE7Z0JBQXRDLFVBQVU7Z0JBQVMsU0FBUzs7O2tDQW1CM0MsS0FBSyxTQUFDLFNBQVM7MkJBQ2YsS0FBSzt5QkFDTCxLQUFLOztJQXlGVix1QkFBQztDQUFBLEFBNUdELENBU3NDLFlBQVksR0FtR2pEO1NBbkdZLGdCQUFnQjs7O0lBUXpCLDJDQUEwQzs7SUFDMUMsb0NBQWtFOztJQUNsRSxrQ0FBb0I7Ozs7O0lBRXBCLHNDQUFnQzs7SUEyQmhDLDJDQUtDOzs7OztJQXpDVywrQkFBdUI7Ozs7O0lBQ3ZCLG9DQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9kZUNvbXBvbmVudCB9IGZyb20gJ25neC1vZGUtY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBSZW5kZXJlcjIsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnW3Rvb2x0aXBdJyxcbiAgICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuICAgIHN0eWxlVXJsczogWycuL3Rvb2x0aXAuY29tcG9uZW50LnNjc3MnXSxcbiAgICBob3N0OiB7XG4gICAgICAgICcobW91c2VlbnRlciknOiAnb25Nb3VzZUVudGVyKCknLFxuICAgICAgICAnKG1vdXNlbGVhdmUpJzogJ29uTW91c2VMZWF2ZSgpJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgVG9vbHRpcENvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgICAgICAgICAgICAgcHJpdmF0ZSByZWY6IEVsZW1lbnRSZWYsXG4gICAgICAgICAgICAgICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7XG4gICAgICAgICAgICAgICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICBASW5wdXQoJ3Rvb2x0aXAnKSB0b29sdGlwQ29udGVudHM6IHN0cmluZztcbiAgICBASW5wdXQoKSBwb3NpdGlvbjogJ3RvcCcgfCAnbGVmdCcgfCAncmlnaHQnIHwgJ2JvdHRvbScgPSAnYm90dG9tJztcbiAgICBASW5wdXQoKSBvZmZzZXQgPSA1O1xuXG4gICAgcHJpdmF0ZSB0b29sdGlwRWx0OiBIVE1MRWxlbWVudDtcblxuICAgIG9uTW91c2VFbnRlcigpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgciA9IHRoaXMucmVuZGVyZXI7XG5cbiAgICAgICAgaWYgKCF0aGlzLnRvb2x0aXBFbHQpIHtcbiAgICAgICAgICAgIHRoaXMudG9vbHRpcEVsdCA9IHRoaXMucmVuZGVyZXIuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgICAgICAgICBsZXQgdG9vbHRpcFRleHQgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZVRleHQodGhpcy50b29sdGlwQ29udGVudHMpO1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5hcHBlbmRDaGlsZCh0aGlzLnRvb2x0aXBFbHQsIHRvb2x0aXBUZXh0KTtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3ModGhpcy50b29sdGlwRWx0LCBcInRvb2x0aXBcIik7XG4gICAgICAgICAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKGRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCdib2R5JylbMF0sIHRoaXMudG9vbHRpcEVsdCk7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgdGlwID0gdGhpcy50b29sdGlwRWx0O1xuICAgICAgICBjb25zdCBwb3MgPSB0aGlzLmdldFBvc2l0aW9uKHRoaXMucmVmLm5hdGl2ZUVsZW1lbnQsIHRpcCwgdGhpcy5wb3NpdGlvbik7XG4gICAgICAgIGZvciAoY29uc3QgcHJvcCBpbiBwb3MpIHtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGlwLCBwcm9wLCBwb3NbcHJvcF0gKyAncHgnKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRpcCwgJ3Nob3duJyk7XG4gICAgfVxuXG4gICAgb25Nb3VzZUxlYXZlKCk6IHZvaWQge1xuICAgICAgICBjb25zdCB3YWl0ID0gdGhpcy50b29sdGlwRWx0ICYmXG4gICAgICAgICAgICBwYXJzZUZsb2F0KHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKHRoaXMudG9vbHRpcEVsdClbJ3RyYW5zaXRpb24tZHVyYXRpb24nXSk7XG4gICAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy50b29sdGlwRWx0LCAnc2hvd24nKTtcbiAgICAgICAgc2V0VGltZW91dCh0aGlzLm9uVHJhbnNpdGlvbkVuZCwgd2FpdCAqIDEwMDApO1xuICAgIH1cblxuICAgIG9uVHJhbnNpdGlvbkVuZCA9ICgpID0+IHtcbiAgICAgICAgaWYgKHRoaXMudG9vbHRpcEVsdCAmJiAhdGhpcy50b29sdGlwRWx0LmNsYXNzTGlzdC5jb250YWlucygnc2hvd24nKSkge1xuICAgICAgICAgICAgdGhpcy50b29sdGlwRWx0LnBhcmVudE5vZGUucmVtb3ZlQ2hpbGQodGhpcy50b29sdGlwRWx0KTtcbiAgICAgICAgICAgIHRoaXMudG9vbHRpcEVsdCA9IG51bGw7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIGdldFBvc2l0aW9uKGVsdCwgdGlwLCBwb3MpIHtcbiAgICAgICAgY29uc3QgcmVjdCA9IHtcbiAgICAgICAgICAgIHRvcDogZWx0LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLnRvcCArIHdpbmRvdy5zY3JvbGxZLFxuICAgICAgICAgICAgbGVmdDogZWx0LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmxlZnQgKyB3aW5kb3cuc2Nyb2xsWFxuICAgICAgICB9O1xuICAgICAgICBsZXQgbGVmdCwgdG9wO1xuXG4gICAgICAgIHN3aXRjaCAocG9zKSB7XG5cbiAgICAgICAgICAgIGNhc2UgJ3RvcCc6XG4gICAgICAgICAgICAgICAgdG9wID0gcmVjdC50b3AgLSB0aXAub2Zmc2V0SGVpZ2h0IC0gdGhpcy5vZmZzZXQ7XG4gICAgICAgICAgICAgICAgbGVmdCA9IHJlY3QubGVmdCArIGVsdC5vZmZzZXRXaWR0aCAvIDIgLSB0aXAub2Zmc2V0V2lkdGggLyAyO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAnbGVmdCc6XG4gICAgICAgICAgICAgICAgdG9wID0gcmVjdC50b3AgKyBlbHQub2Zmc2V0SGVpZ2h0IC8gMiAtIHRpcC5vZmZzZXRIZWlnaHQgLyAyO1xuICAgICAgICAgICAgICAgIGxlZnQgPSByZWN0LmxlZnQgLSB0aXAub2Zmc2V0V2lkdGggLSB0aGlzLm9mZnNldDtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ3JpZ2h0JzpcbiAgICAgICAgICAgICAgICB0b3AgPSByZWN0LnRvcCArIGVsdC5vZmZzZXRIZWlnaHQgLyAyIC0gdGlwLm9mZnNldEhlaWdodCAvIDI7XG4gICAgICAgICAgICAgICAgbGVmdCA9IHJlY3QubGVmdCArIGVsdC5vZmZzZXRXaWR0aCArIHRoaXMub2Zmc2V0O1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAnYm90dG9tJzpcbiAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICAgICAgdG9wID0gcmVjdC50b3AgKyBlbHQub2Zmc2V0SGVpZ2h0ICsgdGhpcy5vZmZzZXQ7XG4gICAgICAgICAgICAgICAgbGVmdCA9IHJlY3QubGVmdCArIGVsdC5vZmZzZXRXaWR0aCAvIDIgLSB0aXAub2Zmc2V0V2lkdGggLyAyO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGxlZnQgPCAwICkge1xuICAgICAgICAgICAgbGVmdCA9IHJlY3QubGVmdCArIGVsdC5vZmZzZXRXaWR0aCArIHRoaXMub2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgIGlmICh0b3AgPCAwKSB7XG4gICAgICAgICAgICB0b3AgPSByZWN0LnRvcCArIGVsdC5vZmZzZXRIZWlnaHQgKyB0aGlzLm9mZnNldDtcbiAgICAgICAgfVxuICAgICAgICBpZiAobGVmdCArIHRpcC5vZmZzZXRXaWR0aCA+PSB3aW5kb3cucGFnZVhPZmZzZXQgKyB3aW5kb3cuaW5uZXJXaWR0aCkge1xuICAgICAgICAgICAgbGVmdCA9IHJlY3QubGVmdCAtIHRpcC5vZmZzZXRXaWR0aCAtIHRoaXMub2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgIGlmICh0b3AgLSB0aXAub2Zmc2V0SGVpZ2h0ID49IHdpbmRvdy5wYWdlWU9mZnNldCArIHdpbmRvdy5pbm5lckhlaWdodCkge1xuICAgICAgICAgICAgdG9wID0gcmVjdC50b3AgLSB0aXAub2Zmc2V0SGVpZ2h0IC0gdGhpcy5vZmZzZXQ7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgdG9wOiB0b3AgPCA1ID8gNSA6IHRvcCxcbiAgICAgICAgICAgIGxlZnQ6IGxlZnQgPCA1ID8gNSA6IGxlZnRcbiAgICAgICAgfTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMudG9vbHRpcEVsdCkge1xuICAgICAgICAgICAgdGhpcy50b29sdGlwRWx0LnBhcmVudE5vZGUucmVtb3ZlQ2hpbGQodGhpcy50b29sdGlwRWx0KTtcbiAgICAgICAgICAgIHRoaXMudG9vbHRpcEVsdCA9IG51bGw7XG4gICAgICAgIH1cbiAgICB9XG5cbn1cbiJdfQ==

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

@@ -0,0 +1,133 @@
+/**
+ * @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 * as tslib_1 from "tslib";
+import { OdeComponent } from 'ngx-ode-core';
+import { Component, ElementRef, EventEmitter, Input, Output, ViewChild, Injector } from '@angular/core';
+import { InputFileService } from '../../services/inputFile.service';
+var UploadFilesComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(UploadFilesComponent, _super);
+    function UploadFilesComponent(injector, inputFileService) {
+        var _this = _super.call(this, injector) || this;
+        _this.inputFileService = inputFileService;
+        _this.upload = new EventEmitter();
+        _this.invalidUpload = new EventEmitter();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    UploadFilesComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        _super.prototype.ngOnInit.call(this);
+        this.multiple = this.maxFilesNumber > 1;
+    };
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    UploadFilesComponent.prototype.onChange = /**
+     * @param {?} $event
+     * @return {?}
+     */
+    function ($event) {
+        var _this = this;
+        if ($event.target) {
+            this.inputFileService
+                .validateFiles($event.target.files, this.maxFilesNumber, this.allowedExtensions)
+                .subscribe((/**
+             * @param {?} files
+             * @return {?}
+             */
+            function (files) { return _this.upload.emit(files); }), (/**
+             * @param {?} error
+             * @return {?}
+             */
+            function (error) { return _this.invalidUpload.emit(error); }));
+        }
+    };
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    UploadFilesComponent.prototype.onClickDropzoneInput = /**
+     * @param {?} $event
+     * @return {?}
+     */
+    function ($event) {
+        $event.stopPropagation();
+        /** @type {?} */
+        var inputFileElement = this.inputFileRef.nativeElement;
+        inputFileElement.click();
+    };
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    UploadFilesComponent.prototype.onDragAndDrop = /**
+     * @param {?} $event
+     * @return {?}
+     */
+    function ($event) {
+        this.upload.emit($event);
+    };
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    UploadFilesComponent.prototype.onInvalidDragAndDrop = /**
+     * @param {?} $event
+     * @return {?}
+     */
+    function ($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 = function () { return [
+        { 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 },] }]
+    };
+    return UploadFilesComponent;
+}(OdeComponent));
+export { UploadFilesComponent };
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWZpbGVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1vZGUtdWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy91cGxvYWQtZmlsZXMvdXBsb2FkLWZpbGVzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzVDLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEgsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFFbEU7SUFLMEMsZ0RBQVk7SUFvQmxELDhCQUFZLFFBQWtCLEVBQ1gsZ0JBQWtDO1FBRHJELFlBRVEsa0JBQU0sUUFBUSxDQUFDLFNBQ3RCO1FBRmtCLHNCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFWckQsWUFBTSxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWxELG1CQUFhLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7O0lBVXpELENBQUM7Ozs7SUFFTSx1Q0FBUTs7O0lBQWY7UUFDSSxpQkFBTSxRQUFRLFdBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxjQUFjLEdBQUcsQ0FBQyxDQUFDO0lBQzVDLENBQUM7Ozs7O0lBRU0sdUNBQVE7Ozs7SUFBZixVQUFnQixNQUFNO1FBQXRCLGlCQU9DO1FBTkcsSUFBSSxNQUFNLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLGdCQUFnQjtpQkFDaEIsYUFBYSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDO2lCQUMvRSxTQUFTOzs7O1lBQUMsVUFBQSxLQUFLLElBQUksT0FBQSxLQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBdkIsQ0FBdUI7Ozs7WUFDckMsVUFBQSxLQUFLLElBQUksT0FBQSxLQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBOUIsQ0FBOEIsRUFBQyxDQUFDO1NBQ3REO0lBQ0wsQ0FBQzs7Ozs7SUFFTSxtREFBb0I7Ozs7SUFBM0IsVUFBNEIsTUFBYTtRQUNyQyxNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7O1lBQ25CLGdCQUFnQixHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYTtRQUN4RCxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUM3QixDQUFDOzs7OztJQUVNLDRDQUFhOzs7O0lBQXBCLFVBQXFCLE1BQWM7UUFDL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDN0IsQ0FBQzs7Ozs7SUFFTSxtREFBb0I7Ozs7SUFBM0IsVUFBNEIsTUFBYztRQUN0QyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNwQyxDQUFDOztnQkF4REosU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLHN5REFBNEM7O2lCQUUvQzs7OztnQkFQK0UsUUFBUTtnQkFDaEYsZ0JBQWdCOzs7MEJBUW5CLEtBQUs7b0NBRUwsS0FBSztpQ0FFTCxLQUFLOzJCQUVMLEtBQUs7eUJBR0wsTUFBTTtnQ0FFTixNQUFNOytCQUdOLFNBQVMsU0FBQyxjQUFjLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFOztJQXFDaEQsMkJBQUM7Q0FBQSxBQXpERCxDQUswQyxZQUFZLEdBb0RyRDtTQXBEWSxvQkFBb0I7OztJQUM3Qix1Q0FDZ0I7O0lBQ2hCLGlEQUNpQzs7SUFDakMsOENBQ3VCOztJQUN2Qix3Q0FDa0I7O0lBRWxCLHNDQUNrRDs7SUFDbEQsNkNBQ3lEOztJQUV6RCw0Q0FDeUI7O0lBRXpCLHdDQUF5Qjs7SUFHYixnREFBeUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPZGVDb21wb25lbnQgfSBmcm9tICduZ3gtb2RlLWNvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkLCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtJbnB1dEZpbGVTZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9pbnB1dEZpbGUuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnb2RlLXVwbG9hZC1maWxlcycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3VwbG9hZC1maWxlcy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdXBsb2FkLWZpbGVzLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVXBsb2FkRmlsZXNDb21wb25lbnQgZXh0ZW5kcyBPZGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBJbnB1dCgpXG4gICAgZmlsZVNyYzogc3RyaW5nO1xuICAgIEBJbnB1dCgpXG4gICAgYWxsb3dlZEV4dGVuc2lvbnM6IEFycmF5PHN0cmluZz47XG4gICAgQElucHV0KClcbiAgICBtYXhGaWxlc051bWJlcjogbnVtYmVyO1xuICAgIEBJbnB1dCgpXG4gICAgZGlzYWJsZWQ6IGJvb2xlYW47XG5cbiAgICBAT3V0cHV0KClcbiAgICB1cGxvYWQ6IEV2ZW50RW1pdHRlcjxGaWxlW10+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKVxuICAgIGludmFsaWRVcGxvYWQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgQFZpZXdDaGlsZCgnaW5wdXRGaWxlUmVmJywgeyBzdGF0aWM6IGZhbHNlIH0pXG4gICAgaW5wdXRGaWxlUmVmOiBFbGVtZW50UmVmO1xuXG4gICAgcHVibGljIG11bHRpcGxlOiBib29sZWFuO1xuXG4gICAgY29uc3RydWN0b3IoaW5qZWN0b3I6IEluamVjdG9yLFxuICAgICAgICAgICAgICAgIHB1YmxpYyBpbnB1dEZpbGVTZXJ2aWNlOiBJbnB1dEZpbGVTZXJ2aWNlKSB7XG4gICAgICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25Jbml0KCk6IHZvaWTCoHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAgICAgdGhpcy5tdWx0aXBsZSA9IHRoaXMubWF4RmlsZXNOdW1iZXIgPiAxO1xuICAgIH1cblxuICAgIHB1YmxpYyBvbkNoYW5nZSgkZXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKCRldmVudC50YXJnZXQpIHtcbiAgICAgICAgICAgIHRoaXMuaW5wdXRGaWxlU2VydmljZVxuICAgICAgICAgICAgICAgIC52YWxpZGF0ZUZpbGVzKCRldmVudC50YXJnZXQuZmlsZXMsIHRoaXMubWF4RmlsZXNOdW1iZXIsIHRoaXMuYWxsb3dlZEV4dGVuc2lvbnMpXG4gICAgICAgICAgICAgICAgLnN1YnNjcmliZShmaWxlcyA9PiB0aGlzLnVwbG9hZC5lbWl0KGZpbGVzKVxuICAgICAgICAgICAgICAgICAgICAsIGVycm9yID0+IHRoaXMuaW52YWxpZFVwbG9hZC5lbWl0KGVycm9yKSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgb25DbGlja0Ryb3B6b25lSW5wdXQoJGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgICAgICAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIGNvbnN0IGlucHV0RmlsZUVsZW1lbnQgPSB0aGlzLmlucHV0RmlsZVJlZi5uYXRpdmVFbGVtZW50O1xuICAgICAgICBpbnB1dEZpbGVFbGVtZW50LmNsaWNrKCk7XG4gICAgfVxuXG4gICAgcHVibGljIG9uRHJhZ0FuZERyb3AoJGV2ZW50OiBGaWxlW10pOiB2b2lkIHtcbiAgICAgICAgdGhpcy51cGxvYWQuZW1pdCgkZXZlbnQpO1xuICAgIH1cblxuICAgIHB1YmxpYyBvbkludmFsaWREcmFnQW5kRHJvcCgkZXZlbnQ6IHN0cmluZyk6IHZvaWQge1xuICAgICAgICB0aGlzLmludmFsaWRVcGxvYWQuZW1pdCgkZXZlbnQpO1xuICAgIH1cbn1cbiJdfQ==

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

@@ -0,0 +1,59 @@
+/**
+ * @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 * as tslib_1 from "tslib";
+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;
+}
+var SimpleSelectComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(SimpleSelectComponent, _super);
+    function SimpleSelectComponent(injector) {
+        var _this = _super.call(this, injector) || this;
+        _this.selectChange = new EventEmitter();
+        return _this;
+    }
+    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 = function () { return [
+        { type: Injector }
+    ]; };
+    SimpleSelectComponent.propDecorators = {
+        selected: [{ type: Input }],
+        model: [{ type: Input }],
+        options: [{ type: Input }],
+        ignoreOption: [{ type: Input }],
+        selectChange: [{ type: Output }]
+    };
+    return SimpleSelectComponent;
+}(OdeComponent));
+export { SimpleSelectComponent };
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLXNlbGVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvdmFsdWUtZWRpdGFibGUvc2ltcGxlLXNlbGVjdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUM1QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUcxRyw0QkFHQzs7O0lBRkMsdUJBQWM7O0lBQ2QsdUJBQWM7O0FBSWhCO0lBSzJDLGlEQUFZO0lBT25ELCtCQUFZLFFBQWtCO1FBQTlCLFlBQ0Usa0JBQU0sUUFBUSxDQUFDLFNBQ2hCO1FBSlMsa0JBQVksR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQzs7SUFJMUUsQ0FBQzs7Z0JBZEosU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLGtoQkFBNkM7b0JBQzdDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNsRDs7OztnQkFieUUsUUFBUTs7OzJCQWU3RSxLQUFLO3dCQUNMLEtBQUs7MEJBQ0wsS0FBSzsrQkFDTCxLQUFLOytCQUNMLE1BQU07O0lBS1gsNEJBQUM7Q0FBQSxBQWZELENBSzJDLFlBQVksR0FVdEQ7U0FWWSxxQkFBcUI7OztJQUM5Qix5Q0FBMEI7O0lBQzFCLHNDQUF3Qzs7SUFDeEMsd0NBQTJCOztJQUMzQiw2Q0FBZ0M7O0lBQ2hDLDZDQUEwRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9kZUNvbXBvbmVudCB9IGZyb20gJ25neC1vZGUtY29yZSc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuZXhwb3J0IGludGVyZmFjZSBPcHRpb24ge1xuICB2YWx1ZTogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xufVxuXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnb2RlLXNpbXBsZS1zZWxlY3QnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaW1wbGUtc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTaW1wbGVTZWxlY3RDb21wb25lbnQgZXh0ZW5kcyBPZGVDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHNlbGVjdGVkOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbW9kZWw6IHtba2V5OiBzdHJpbmddOiBzdHJpbmd9O1xuICAgIEBJbnB1dCgpIG9wdGlvbnM6IE9wdGlvbltdO1xuICAgIEBJbnB1dCgpIGlnbm9yZU9wdGlvbjogT3B0aW9uW107XG4gICAgQE91dHB1dCgpIHNlbGVjdENoYW5nZTogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cbn1cblxuIl19