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

package/esm5/lib/components/multi-combo/multi-combo.component.js

@@ -0,0 +1,294 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/multi-combo/multi-combo.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import * as tslib_1 from "tslib";
+import { Component, ElementRef, EventEmitter, Input, Output, Injector } from '@angular/core';
+import { LabelsService } from '../../services/labels.service';
+import { OdeComponent } from 'ngx-ode-core';
+/* If you need to use multi-combo in a form you should give a look to the MultiSelectComponent. */
+var MultiComboComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(MultiComboComponent, _super);
+    function MultiComboComponent(_eref, labelsService, injector) {
+        var _this = _super.call(this, injector) || this;
+        _this._eref = _eref;
+        _this.labelsService = labelsService;
+        _this.filteredModel = [];
+        _this.title = 'Select';
+        _this.reverse = false;
+        _this.disabled = false;
+        _this.onSelectItem = new EventEmitter();
+        _this.onDeselectItem = new EventEmitter();
+        _this.filteredModelChange = new EventEmitter();
+        _this.onOpen = new EventEmitter();
+        _this.onClose = new EventEmitter();
+        _this.self = _this;
+        _this._comboModel = [];
+        _this.filteredComboModel = [];
+        _this.search = {
+            input: '',
+            reset: /**
+             * @return {?}
+             */
+            function () {
+                this.input = '';
+            }
+        };
+        _this.show = false;
+        return _this;
+    }
+    Object.defineProperty(MultiComboComponent.prototype, "comboModel", {
+        set: /**
+         * @param {?} model
+         * @return {?}
+         */
+        function (model) {
+            this._comboModel = model;
+            if (!model) {
+                this.filteredModel = [];
+                return;
+            }
+            for (var i = 0; i < this.filteredModel.length; i++) {
+                /** @type {?} */
+                var idx = model.indexOf(this.filteredModel[i]);
+                if (idx < 0) {
+                    this.filteredModel.splice(idx, 1);
+                    i--;
+                }
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @param {?} label
+     * @return {?}
+     */
+    MultiComboComponent.prototype.labels = /**
+     * @param {?} label
+     * @return {?}
+     */
+    function (label) {
+        return this.labelsService.getLabel(label);
+    };
+    /**
+     * @return {?}
+     */
+    MultiComboComponent.prototype.toggleVisibility = /**
+     * @return {?}
+     */
+    function () {
+        this.show = !this.show;
+        if (this.show) {
+            this.search.reset();
+            this.onOpen.emit();
+        }
+        else {
+            this.onClose.emit();
+        }
+    };
+    /**
+     * @param {?} item
+     * @return {?}
+     */
+    MultiComboComponent.prototype.isSelected = /**
+     * @param {?} item
+     * @return {?}
+     */
+    function (item) {
+        return this.filteredModel && this.filteredModel.indexOf(item) >= 0;
+    };
+    /**
+     * @return {?}
+     */
+    MultiComboComponent.prototype.isDisabled = /**
+     * @return {?}
+     */
+    function () {
+        return this.filteredModel && this.maxSelected &&
+            this.maxSelected <= this.filteredModel.length;
+    };
+    /**
+     * @param {?} item
+     * @return {?}
+     */
+    MultiComboComponent.prototype.toggleItem = /**
+     * @param {?} item
+     * @return {?}
+     */
+    function (item) {
+        /** @type {?} */
+        var idx = this.filteredModel.indexOf(item);
+        if (idx >= 0) {
+            this.filteredModel.splice(idx, 1);
+            this.onDeselectItem.emit(item);
+        }
+        else if (!this.maxSelected ||
+            this.filteredModel.length < this.maxSelected) {
+            this.filteredModel.push(item);
+            this.onSelectItem.emit(item);
+        }
+        this.filteredModelChange.emit(this.filteredModel);
+    };
+    /**
+     * @return {?}
+     */
+    MultiComboComponent.prototype.selectAll = /**
+     * @return {?}
+     */
+    function () {
+        this.filteredModel = [];
+        for (var i = 0; i < this.filteredComboModel.length; i++) {
+            this.filteredModel.push(this.filteredComboModel[i]);
+        }
+        this.filteredModelChange.emit(this.filteredModel);
+    };
+    /**
+     * @return {?}
+     */
+    MultiComboComponent.prototype.deselectAll = /**
+     * @return {?}
+     */
+    function () {
+        this.filteredModel = [];
+        this.filteredModelChange.emit(this.filteredModel);
+    };
+    /**
+     * @param {?} item
+     * @return {?}
+     */
+    MultiComboComponent.prototype.displayItem = /**
+     * @param {?} item
+     * @return {?}
+     */
+    function (item) {
+        return item instanceof Object ?
+            this.display && typeof this.display === 'string' ?
+                item[this.display] :
+                item.toString() :
+            this.display && this.display instanceof Function ?
+                this.display(item || '') :
+                item;
+    };
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    MultiComboComponent.prototype.onClick = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        if (this.show && !this._eref.nativeElement.contains(event.target)) {
+            this.toggleVisibility();
+        }
+        return true;
+    };
+    /**
+     * @return {?}
+     */
+    MultiComboComponent.prototype.getFilter = /**
+     * @return {?}
+     */
+    function () {
+        if (!this.filter) {
+            return '';
+        }
+        /** @type {?} */
+        var filter = '';
+        if (this._comboModel.length > 0) {
+            if (typeof this._comboModel[0] === 'string') {
+                filter = this.search.input;
+            }
+            else {
+                filter = {};
+                filter[this.filter] = this.search.input;
+            }
+        }
+        return filter;
+    };
+    MultiComboComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'ode-multi-combo',
+                    template: "<button (click)=\"toggleVisibility()\"\n        [ngClass]=\"{ opened: show }\"\n        [disabled]=\"disabled\"\n        type=\"button\">\n  {{ title }}\n</button>\n<div [ngClass]=\"{ hidden: !show }\">\n  <div class=\"options\">\n    <button class=\"select-all\" (click)=\"selectAll()\" *ngIf=\"!maxSelected\"\n            [title]=\"labels('select.all')\" type=\"button\">{{ labels('select.all') }}</button>\n    <button class=\"deselect-all\" (click)=\"deselectAll()\"\n            [title]=\"labels('deselect.all')\" type=\"button\">{{ labels('deselect.all') }}</button>\n  </div>\n  <div *ngIf=\"filter\" class=\"filter\">\n    <ode-search-input (onChange)=\"search.input = $event\" [attr.placeholder]=\"labels('search')\"></ode-search-input>\n  </div>\n  <ul>\n    <li *ngFor=\"let item of _comboModel | filter: getFilter() | orderBy: orderBy | store: self:'filteredComboModel'\"\n        (click)=\"toggleItem(item)\"\n        [ngClass]=\"{ selected: isSelected(item) }\"\n        [attr.disabled]=\"isDisabled()\">\n      {{ displayItem(item) | translate }}\n    </li>\n  </ul>\n</div>\n",
+                    host: {
+                        '(document:click)': 'onClick($event)',
+                    },
+                    styles: [":host{position:relative}:host>button{min-width:150px}:host>div{position:absolute;z-index:2;left:0;overflow:hidden;background:#fff;border:2px solid #000}:host>div.hidden{max-height:0;border-width:0}:host>div>div.options>*{display:inline-block;vertical-align:middle}:host>div>div.filter{margin:10px 0;width:100%;position:relative}:host>div>div.filter input{width:100%}:host>div>ul{list-style:none;padding:0;overflow-y:auto;max-height:200px}:host>div>ul>li{white-space:nowrap;cursor:pointer}:host>div>ul>li:not(.selected)[disabled=true]{pointer-events:none}"]
+                }] }
+    ];
+    /** @nocollapse */
+    MultiComboComponent.ctorParameters = function () { return [
+        { type: ElementRef },
+        { type: LabelsService },
+        { type: Injector }
+    ]; };
+    MultiComboComponent.propDecorators = {
+        comboModel: [{ type: Input }],
+        filteredModel: [{ type: Input, args: ['outputModel',] }],
+        title: [{ type: Input }],
+        display: [{ type: Input }],
+        filter: [{ type: Input }],
+        orderBy: [{ type: Input }],
+        reverse: [{ type: Input }],
+        maxSelected: [{ type: Input, args: ['max',] }],
+        disabled: [{ type: Input }],
+        onSelectItem: [{ type: Output }],
+        onDeselectItem: [{ type: Output }],
+        filteredModelChange: [{ type: Output, args: ['outputModelChange',] }],
+        onOpen: [{ type: Output }],
+        onClose: [{ type: Output }]
+    };
+    return MultiComboComponent;
+}(OdeComponent));
+export { MultiComboComponent };
+if (false) {
+    /** @type {?} */
+    MultiComboComponent.prototype.filteredModel;
+    /** @type {?} */
+    MultiComboComponent.prototype.title;
+    /** @type {?} */
+    MultiComboComponent.prototype.display;
+    /** @type {?} */
+    MultiComboComponent.prototype.filter;
+    /** @type {?} */
+    MultiComboComponent.prototype.orderBy;
+    /** @type {?} */
+    MultiComboComponent.prototype.reverse;
+    /** @type {?} */
+    MultiComboComponent.prototype.maxSelected;
+    /** @type {?} */
+    MultiComboComponent.prototype.disabled;
+    /** @type {?} */
+    MultiComboComponent.prototype.onSelectItem;
+    /** @type {?} */
+    MultiComboComponent.prototype.onDeselectItem;
+    /** @type {?} */
+    MultiComboComponent.prototype.filteredModelChange;
+    /** @type {?} */
+    MultiComboComponent.prototype.onOpen;
+    /** @type {?} */
+    MultiComboComponent.prototype.onClose;
+    /** @type {?} */
+    MultiComboComponent.prototype.self;
+    /** @type {?} */
+    MultiComboComponent.prototype._comboModel;
+    /** @type {?} */
+    MultiComboComponent.prototype.filteredComboModel;
+    /** @type {?} */
+    MultiComboComponent.prototype.search;
+    /** @type {?} */
+    MultiComboComponent.prototype.show;
+    /**
+     * @type {?}
+     * @private
+     */
+    MultiComboComponent.prototype._eref;
+    /**
+     * @type {?}
+     * @private
+     */
+    MultiComboComponent.prototype.labelsService;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktY29tYm8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LW9kZS11aS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL211bHRpLWNvbWJvL211bHRpLWNvbWJvLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQzVELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7O0FBSTVDO0lBUXlDLCtDQUFZO0lBRWpELDZCQUNZLEtBQWlCLEVBQ2pCLGFBQTRCLEVBQ3BDLFFBQWtCO1FBSHRCLFlBSUksa0JBQU0sUUFBUSxDQUFDLFNBQ2xCO1FBSlcsV0FBSyxHQUFMLEtBQUssQ0FBWTtRQUNqQixtQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQXNCbEIsbUJBQWEsR0FBRyxFQUFFLENBQUM7UUFDaEMsV0FBSyxHQUFHLFFBQVEsQ0FBQztRQUlqQixhQUFPLEdBQUcsS0FBSyxDQUFDO1FBRWhCLGNBQVEsR0FBRyxLQUFLLENBQUM7UUFFaEIsa0JBQVksR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3ZDLG9CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN0Qix5QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ2pFLFlBQU0sR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ2pDLGFBQU8sR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRTVDLFVBQUksR0FBRyxLQUFJLENBQUM7UUFDWixpQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUVqQix3QkFBa0IsR0FBRyxFQUFFLENBQUM7UUFFeEIsWUFBTSxHQUFHO1lBQ0wsS0FBSyxFQUFFLEVBQUU7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Q2xDLHVDQUEwQjs7SUFFMUIsMkNBQWlEOztJQUNqRCw2Q0FBbUQ7O0lBQ25ELGtEQUEyRTs7SUFDM0UscUNBQTJDOztJQUMzQyxzQ0FBNEM7O0lBRTVDLG1DQUFZOztJQUNaLDBDQUFpQjs7SUFFakIsaURBQXdCOztJQUV4QixxQ0FLRTs7SUFFRixtQ0FBYTs7Ozs7SUFsRFQsb0NBQXlCOzs7OztJQUN6Qiw0Q0FBb0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TGFiZWxzU2VydmljZX0gZnJvbSAnLi4vLi4vc2VydmljZXMvbGFiZWxzLnNlcnZpY2UnO1xuaW1wb3J0IHsgT2RlQ29tcG9uZW50IH0gZnJvbSAnbmd4LW9kZS1jb3JlJztcblxuLyogSWYgeW91IG5lZWQgdG8gdXNlIG11bHRpLWNvbWJvIGluIGEgZm9ybSB5b3Ugc2hvdWxkIGdpdmUgYSBsb29rIHRvIHRoZSBNdWx0aVNlbGVjdENvbXBvbmVudC4gKi9cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdvZGUtbXVsdGktY29tYm8nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9tdWx0aS1jb21iby5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbXVsdGktY29tYm8uY29tcG9uZW50LnNjc3MnXSxcbiAgICBob3N0OiB7XG4gICAgICAgICcoZG9jdW1lbnQ6Y2xpY2spJzogJ29uQ2xpY2soJGV2ZW50KScsXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBNdWx0aUNvbWJvQ29tcG9uZW50IGV4dGVuZHMgT2RlQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIF9lcmVmOiBFbGVtZW50UmVmLFxuICAgICAgICBwcml2YXRlIGxhYmVsc1NlcnZpY2U6IExhYmVsc1NlcnZpY2UsXG4gICAgICAgIGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxuXG4gICAgQElucHV0KClcbiAgICBzZXQgY29tYm9Nb2RlbChtb2RlbCkge1xuICAgICAgICB0aGlzLl9jb21ib01vZGVsID0gbW9kZWw7XG5cbiAgICAgICAgaWYgKCFtb2RlbCkge1xuICAgICAgICAgICAgdGhpcy5maWx0ZXJlZE1vZGVsID0gW107XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMuZmlsdGVyZWRNb2RlbC5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgY29uc3QgaWR4ID0gbW9kZWwuaW5kZXhPZih0aGlzLmZpbHRlcmVkTW9kZWxbaV0pO1xuICAgICAgICAgICAgaWYgKGlkeCA8IDApIHtcbiAgICAgICAgICAgICAgICB0aGlzLmZpbHRlcmVkTW9kZWwuc3BsaWNlKGlkeCwgMSk7XG4gICAgICAgICAgICAgICAgaS0tO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIEBJbnB1dCgnb3V0cHV0TW9kZWwnKSBmaWx0ZXJlZE1vZGVsID0gW107XG4gICAgQElucHV0KCkgdGl0bGUgPSAnU2VsZWN0JztcbiAgICBASW5wdXQoKSBkaXNwbGF5OiBzdHJpbmcgfCBGdW5jdGlvbjtcbiAgICBASW5wdXQoKSBmaWx0ZXI6IHN0cmluZztcbiAgICBASW5wdXQoKSBvcmRlckJ5OiAoc3RyaW5nIHwgQXJyYXk8KHN0cmluZyB8IEZ1bmN0aW9uKT4gfCBGdW5jdGlvbik7XG4gICAgQElucHV0KCkgcmV2ZXJzZSA9IGZhbHNlO1xuICAgIEBJbnB1dCgnbWF4JykgbWF4U2VsZWN0ZWQ6IG51bWJlcjtcbiAgICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgQE91dHB1dCgpIG9uU2VsZWN0SXRlbSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICAgIEBPdXRwdXQoKSBvbkRlc2VsZWN0SXRlbSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICAgIEBPdXRwdXQoJ291dHB1dE1vZGVsQ2hhbmdlJykgZmlsdGVyZWRNb2RlbENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICAgIEBPdXRwdXQoKSBvbk9wZW4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgICBAT3V0cHV0KCkgb25DbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gICAgc2VsZiA9IHRoaXM7XG4gICAgX2NvbWJvTW9kZWwgPSBbXTtcblxuICAgIGZpbHRlcmVkQ29tYm9Nb2RlbCA9IFtdO1xuXG4gICAgc2VhcmNoID0ge1xuICAgICAgICBpbnB1dDogJycsXG4gICAgICAgIHJlc2V0KCkge1xuICAgICAgICAgICAgdGhpcy5pbnB1dCA9ICcnO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIHNob3cgPSBmYWxzZTtcblxuICAgIGxhYmVscyhsYWJlbCkge1xuICAgICAgICByZXR1cm4gdGhpcy5sYWJlbHNTZXJ2aWNlLmdldExhYmVsKGxhYmVsKTtcbiAgICB9XG5cbiAgICB0b2dnbGVWaXNpYmlsaXR5KCkge1xuICAgICAgICB0aGlzLnNob3cgPSAhdGhpcy5zaG93O1xuICAgICAgICBpZiAodGhpcy5zaG93KSB7XG4gICAgICAgICAgICB0aGlzLnNlYXJjaC5yZXNldCgpO1xuICAgICAgICAgICAgdGhpcy5vbk9wZW4uZW1pdCgpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgIHRoaXMub25DbG9zZS5lbWl0KCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBpc1NlbGVjdGVkKGl0ZW0pIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZmlsdGVyZWRNb2RlbCAmJiB0aGlzLmZpbHRlcmVkTW9kZWwuaW5kZXhPZihpdGVtKSA+PSAwO1xuICAgIH1cblxuICAgIGlzRGlzYWJsZWQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmZpbHRlcmVkTW9kZWwgJiYgdGhpcy5tYXhTZWxlY3RlZCAmJlxuICAgICAgICAgICAgdGhpcy5tYXhTZWxlY3RlZCA8PSB0aGlzLmZpbHRlcmVkTW9kZWwubGVuZ3RoO1xuICAgIH1cblxuICAgIHRvZ2dsZUl0ZW0oaXRlbSkge1xuICAgICAgICBjb25zdCBpZHggPSB0aGlzLmZpbHRlcmVkTW9kZWwuaW5kZXhPZihpdGVtKTtcbiAgICAgICAgaWYgKGlkeCA+PSAwKSB7XG4gICAgICAgICAgICB0aGlzLmZpbHRlcmVkTW9kZWwuc3BsaWNlKGlkeCwgMSk7XG4gICAgICAgICAgICB0aGlzLm9uRGVzZWxlY3RJdGVtLmVtaXQoaXRlbSk7XG4gICAgICAgIH0gZWxzZSBpZiAoIXRoaXMubWF4U2VsZWN0ZWQgfHxcbiAgICAgICAgICAgICAgICB0aGlzLmZpbHRlcmVkTW9kZWwubGVuZ3RoIDwgdGhpcy5tYXhTZWxlY3RlZCkge1xuICAgICAgICAgICAgdGhpcy5maWx0ZXJlZE1vZGVsLnB1c2goaXRlbSk7XG4gICAgICAgICAgICB0aGlzLm9uU2VsZWN0SXRlbS5lbWl0KGl0ZW0pO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuZmlsdGVyZWRNb2RlbENoYW5nZS5lbWl0KHRoaXMuZmlsdGVyZWRNb2RlbCk7XG4gICAgfVxuXG4gICAgc2VsZWN0QWxsKCkge1xuICAgICAgICB0aGlzLmZpbHRlcmVkTW9kZWwgPSBbXTtcbiAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLmZpbHRlcmVkQ29tYm9Nb2RlbC5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgdGhpcy5maWx0ZXJlZE1vZGVsLnB1c2godGhpcy5maWx0ZXJlZENvbWJvTW9kZWxbaV0pO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuZmlsdGVyZWRNb2RlbENoYW5nZS5lbWl0KHRoaXMuZmlsdGVyZWRNb2RlbCk7XG4gICAgfVxuXG4gICAgZGVzZWxlY3RBbGwoKSB7XG4gICAgICAgIHRoaXMuZmlsdGVyZWRNb2RlbCA9IFtdO1xuICAgICAgICB0aGlzLmZpbHRlcmVkTW9kZWxDaGFuZ2UuZW1pdCh0aGlzLmZpbHRlcmVkTW9kZWwpO1xuICAgIH1cblxuICAgIGRpc3BsYXlJdGVtKGl0ZW0pIHtcbiAgICAgICAgcmV0dXJuICBpdGVtIGluc3RhbmNlb2YgT2JqZWN0ID9cbiAgICAgICAgICAgICAgICAgICAgdGhpcy5kaXNwbGF5ICYmIHR5cGVvZiB0aGlzLmRpc3BsYXkgPT09ICdzdHJpbmcnID9cbiAgICAgICAgICAgICAgICAgICAgICAgIGl0ZW1bdGhpcy5kaXNwbGF5XSA6XG4gICAgICAgICAgICAgICAgICAgICAgICBpdGVtLnRvU3RyaW5nKCkgOlxuICAgICAgICAgICAgICAgICAgICB0aGlzLmRpc3BsYXkgJiYgdGhpcy5kaXNwbGF5IGluc3RhbmNlb2YgRnVuY3Rpb24gP1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5kaXNwbGF5KGl0ZW0gfHwgJycpIDpcbiAgICAgICAgICAgICAgICAgICAgICAgIGl0ZW07XG4gICAgfVxuXG4gICAgb25DbGljayhldmVudCkge1xuICAgICAgICBpZiAodGhpcy5zaG93ICYmICF0aGlzLl9lcmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KSkge1xuICAgICAgICAgICAgdGhpcy50b2dnbGVWaXNpYmlsaXR5KCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuXG4gICAgZ2V0RmlsdGVyKCkge1xuICAgICAgICBpZiAoIXRoaXMuZmlsdGVyKSB7XG4gICAgICAgICAgICByZXR1cm4gJyc7XG4gICAgICAgIH1cbiAgICAgICAgbGV0IGZpbHRlcjogc3RyaW5nIHwge30gPSAnJztcbiAgICAgICAgaWYgKHRoaXMuX2NvbWJvTW9kZWwubGVuZ3RoID4gMCApIHtcbiAgICAgICAgICAgIGlmICh0eXBlb2YgdGhpcy5fY29tYm9Nb2RlbFswXSA9PT0gJ3N0cmluZycpIHtcbiAgICAgICAgICAgICAgICBmaWx0ZXIgPSB0aGlzLnNlYXJjaC5pbnB1dDtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgZmlsdGVyID0ge307XG4gICAgICAgICAgICAgICAgZmlsdGVyW3RoaXMuZmlsdGVyXSA9IHRoaXMuc2VhcmNoLmlucHV0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiBmaWx0ZXI7XG4gICAgfVxuXG59XG4iXX0=

package/esm5/lib/components/multi-select/multi-select.component.js

@@ -0,0 +1,258 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/multi-select/multi-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 { Component, ElementRef, forwardRef, Input, Injector } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+/**
+ * @record
+ * @template K
+ */
+export function SelectOption() { }
+if (false) {
+    /** @type {?} */
+    SelectOption.prototype.label;
+    /** @type {?} */
+    SelectOption.prototype.value;
+}
+/**
+ * @template K
+ */
+var MultiSelectComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(MultiSelectComponent, _super);
+    function MultiSelectComponent(injector, elementRef) {
+        var _this = _super.call(this, injector) || this;
+        _this.elementRef = elementRef;
+        _this.label = '';
+        _this.options = [];
+        _this.preview = false;
+        _this.model = [];
+        _this.isDisabled = false;
+        _this.isOptionsVisible = false;
+        _this.onChange = (/**
+         * @param {?} _
+         * @return {?}
+         */
+        function (_) {
+        });
+        _this.onTouched = (/**
+         * @return {?}
+         */
+        function () {
+        });
+        return _this;
+    }
+    /**
+     * @param {?} option
+     * @return {?}
+     */
+    MultiSelectComponent.prototype.optionClicked = /**
+     * @param {?} option
+     * @return {?}
+     */
+    function (option) {
+        if (this.model) {
+            /** @type {?} */
+            var index = this.getIndexOfOptionInModel(option);
+            if (index < 0) {
+                this.model.push(option.value);
+            }
+            else {
+                this.model.splice(index, 1);
+            }
+        }
+        else {
+            this.model = [option.value];
+        }
+        this.onChange(this.model);
+    };
+    /**
+     * @return {?}
+     */
+    MultiSelectComponent.prototype.selectAll = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        this.options.forEach((/**
+         * @param {?} option
+         * @return {?}
+         */
+        function (option) {
+            if (!_this.model.includes(option.value)) {
+                _this.model.push(option.value);
+            }
+        }));
+        this.onChange(this.model);
+    };
+    /**
+     * @return {?}
+     */
+    MultiSelectComponent.prototype.deselectAll = /**
+     * @return {?}
+     */
+    function () {
+        this.model = [];
+        this.onChange(this.model);
+    };
+    /**
+     * @return {?}
+     */
+    MultiSelectComponent.prototype.toggleOptionsVisibility = /**
+     * @return {?}
+     */
+    function () {
+        this.isOptionsVisible = !this.isOptionsVisible;
+    };
+    /**
+     * @param {?} option
+     * @return {?}
+     */
+    MultiSelectComponent.prototype.isSelected = /**
+     * @param {?} option
+     * @return {?}
+     */
+    function (option) {
+        return this.model ? (this.getIndexOfOptionInModel(option) >= 0) : false;
+    };
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    MultiSelectComponent.prototype.closeIfOpened = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        if (this.isOptionsVisible
+            && !this.elementRef.nativeElement.querySelector('.lct-multi-select__options-container').contains(event.target)
+            && !this.elementRef.nativeElement.querySelector('.lct-multi-select__toggle').contains(event.target)) {
+            this.isOptionsVisible = false;
+        }
+        return true;
+    };
+    /**
+     * @private
+     * @param {?} option
+     * @return {?}
+     */
+    MultiSelectComponent.prototype.getIndexOfOptionInModel = /**
+     * @private
+     * @param {?} option
+     * @return {?}
+     */
+    function (option) {
+        return this.model.map(this.trackByFn).indexOf(this.trackByFn(option.value));
+    };
+    /**
+     * @param {?} fn
+     * @return {?}
+     */
+    MultiSelectComponent.prototype.registerOnChange = /**
+     * @param {?} fn
+     * @return {?}
+     */
+    function (fn) {
+        this.onChange = fn;
+    };
+    /**
+     * @param {?} fn
+     * @return {?}
+     */
+    MultiSelectComponent.prototype.registerOnTouched = /**
+     * @param {?} fn
+     * @return {?}
+     */
+    function (fn) {
+        this.onTouched = fn;
+    };
+    /**
+     * @param {?} isDisabled
+     * @return {?}
+     */
+    MultiSelectComponent.prototype.setDisabledState = /**
+     * @param {?} isDisabled
+     * @return {?}
+     */
+    function (isDisabled) {
+        this.isDisabled = isDisabled;
+    };
+    /**
+     * @param {?} obj
+     * @return {?}
+     */
+    MultiSelectComponent.prototype.writeValue = /**
+     * @param {?} obj
+     * @return {?}
+     */
+    function (obj) {
+        this.model = obj;
+        this.onChange(this.model);
+    };
+    MultiSelectComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'ode-multi-select',
+                    template: "<button type=\"button\"\n        (click)=\"toggleOptionsVisibility()\" [disabled]=\"isDisabled\"\n        class=\"multi-select__toggle lct-multi-select__toggle\"\n        [ngClass]=\"{'multi-select__toggle--active': isOptionsVisible}\">{{label |\u00A0translate}}</button>\n<div class=\"multi-select__options-container lct-multi-select__options-container\"\n     [ngClass]=\"{'multi-select__options-container--active': isOptionsVisible}\">\n  <div class=\"multi-select__options-actions\">\n    <button type=\"button\"\n            class=\"multi-select__options-actions-item\"\n            (click)=\"selectAll()\">{{'ux.multiselect.select-all' | translate}}</button>\n    <button type=\"button\"\n            class=\"multi-select__options-actions-item\"\n            (click)=\"deselectAll()\">{{'ux.multiselect.deselect-all' | translate}}</button>\n  </div>\n  <ul class=\"multi-select__options lct-multi-select__options\">\n    <li class=\"multi-select__options-item lct-multi-select__options-item\"\n        *ngFor=\"let option of options\"\n        (click)=\"optionClicked(option)\"\n        [ngClass]=\"{'multi-select__options-item--selected': isSelected(option)}\">{{option.label | translate}}</li>\n  </ul>\n</div>\n<div class=\"multi-select__options-preview lct-multi-select__options-preview\" *ngIf=\"preview\">\n  <ng-container *ngFor=\"let option of options\">\n    <button *ngIf=\"isSelected(option)\"\n            type=\"button\"\n            class=\"multi-select__options-preview-item lct-multi-select__options-preview-item\"\n            (click)=\"optionClicked(option)\">\n      <span>{{option.label | translate}}</span>\n      <i class=\"multi-select__options-preview-item-delete-icon fa fa-trash is-size-5\"></i>\n    </button>\n  </ng-container>\n</div>\n",
+                    providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef((/**
+                             * @return {?}
+                             */
+                            function () { return MultiSelectComponent; })),
+                            multi: true
+                        }],
+                    host: {
+                        '(document:click)': 'closeIfOpened($event)'
+                    },
+                    styles: ["@charset \"UTF-8\";:host{position:relative}.multi-select__toggle{min-width:210px;outline:0;background-color:#f2f2f2}.multi-select__toggle:after{content:\"\u25BC\";float:right;margin-left:10px;transition:transform .25s,color .25s}.multi-select__toggle:hover:after{color:#fff}.multi-select__toggle.multi-select__toggle--active,.multi-select__toggle:hover{background-color:#ff8352;color:#fff}.multi-select__toggle.multi-select__toggle--active:after{transform:rotate(180deg);color:#fff}.multi-select__options-container{display:none;position:absolute;z-index:2;left:1px;top:31px;overflow:hidden;background:#fff;border:1px solid #ddd;padding:0 10px 0 20px;min-width:160px}.multi-select__options-container.multi-select__options-container--active{display:block}.multi-select__options{list-style:none;padding:0;overflow-y:scroll;max-height:200px;margin-bottom:10px}.multi-select__options-item{white-space:nowrap;cursor:pointer;line-height:25px;font-size:13px;transition:background-color .25s,color .25s;margin-bottom:5px;padding:0 10px}.multi-select__options-item.multi-select__options-item--selected{color:#fff;background-color:#217b9e}.multi-select__options-preview{color:#fff;margin:10px 0}.multi-select__options-preview-item{border:1px solid #217b9e;display:inline-block;font-size:.8em;margin-right:10px;margin-bottom:10px;padding:10px;cursor:pointer;transition:.25s;border-radius:3px;background-color:#217b9e;line-height:1.5em;color:#fff}.multi-select__options-preview-item:hover{background-color:#61bbde;border-color:#fff}.multi-select__options-preview-item-delete-icon{opacity:0;transition:opacity .25s;float:right;padding-left:10px}.multi-select__options-preview-item:hover .multi-select__options-preview-item-delete-icon{opacity:1}.multi-select__options-actions{margin-top:10px}.multi-select__options-actions-item{margin-bottom:3px;min-width:136px}.multi-select__options-actions-item:hover{background:#ffccb8}"]
+                }] }
+    ];
+    /** @nocollapse */
+    MultiSelectComponent.ctorParameters = function () { return [
+        { type: Injector },
+        { type: ElementRef }
+    ]; };
+    MultiSelectComponent.propDecorators = {
+        label: [{ type: Input }],
+        options: [{ type: Input }],
+        preview: [{ type: Input }],
+        trackByFn: [{ type: Input }]
+    };
+    return MultiSelectComponent;
+}(OdeComponent));
+export { MultiSelectComponent };
+if (false) {
+    /** @type {?} */
+    MultiSelectComponent.prototype.label;
+    /** @type {?} */
+    MultiSelectComponent.prototype.options;
+    /** @type {?} */
+    MultiSelectComponent.prototype.preview;
+    /** @type {?} */
+    MultiSelectComponent.prototype.trackByFn;
+    /** @type {?} */
+    MultiSelectComponent.prototype.model;
+    /** @type {?} */
+    MultiSelectComponent.prototype.isDisabled;
+    /** @type {?} */
+    MultiSelectComponent.prototype.isOptionsVisible;
+    /**
+     * @type {?}
+     * @private
+     */
+    MultiSelectComponent.prototype.onChange;
+    /**
+     * @type {?}
+     * @private
+     */
+    MultiSelectComponent.prototype.onTouched;
+    /**
+     * @type {?}
+     * @private
+     */
+    MultiSelectComponent.prototype.elementRef;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1vZGUtdWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9tdWx0aS1zZWxlY3QvbXVsdGktc2VsZWN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzVDLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25GLE9BQU8sRUFBdUIsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFJdkUsa0NBR0M7OztJQUZHLDZCQUFjOztJQUNkLDZCQUFTOzs7OztBQUdiO0lBYTZDLGdEQUFZO0lBbUJyRCw4QkFBWSxRQUFrQixFQUFVLFVBQXNCO1FBQTlELFlBQ0ksa0JBQU0sUUFBUSxDQUFDLFNBQ2xCO1FBRnVDLGdCQUFVLEdBQVYsVUFBVSxDQUFZO1FBakJ2RCxXQUFLLEdBQUcsRUFBRSxDQUFDO1FBR1gsYUFBTyxHQUEyQixFQUFFLENBQUM7UUFHckMsYUFBTyxHQUFHLEtBQUssQ0FBQztRQUtoQixXQUFLLEdBQWEsRUFBRSxDQUFDO1FBRXJCLGdCQUFVLEdBQUcsS0FBSyxDQUFDO1FBRW5CLHNCQUFnQixHQUFHLEtBQUssQ0FBQztRQXVEeEIsY0FBUTs7OztRQUFHLFVBQUMsQ0FBVztRQUMvQixDQUFDLEVBQUE7UUFFTyxlQUFTOzs7UUFBRztRQUNwQixDQUFDLEVBQUE7O0lBdkRELENBQUM7Ozs7O0lBRU0sNENBQWE7Ozs7SUFBcEIsVUFBcUIsTUFBdUI7UUFDeEMsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFOztnQkFDTixLQUFLLEdBQUcsSUFBSSxDQUFDLHVCQUF1QixDQUFDLE1BQU0sQ0FBQztZQUNsRCxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUU7Z0JBQ1gs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QUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7Z0JBMUdKLFNBQVMsU0FBQztvQkFDUCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1Qix1dkRBQTRDO29CQUU1QyxTQUFTLEVBQUUsQ0FBQzs0QkFDVixPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVTs7OzRCQUFDLGNBQU0sT0FBQSxvQkFBb0IsRUFBcEIsQ0FBb0IsRUFBQzs0QkFDbkQsS0FBSyxFQUFFLElBQUk7eUJBQ1osQ0FBQztvQkFDRixJQUFJLEVBQUU7d0JBQ0Ysa0JBQWtCLEVBQUUsdUJBQXVCO3FCQUM5Qzs7aUJBQ0o7Ozs7Z0JBdEJrRCxRQUFRO2dCQUF2QyxVQUFVOzs7d0JBd0J6QixLQUFLOzBCQUdMLEtBQUs7MEJBR0wsS0FBSzs0QkFHTCxLQUFLOztJQW9GViwyQkFBQztDQUFBLEFBM0dELENBYTZDLFlBQVksR0E4RnhEO1NBOUZZLG9CQUFvQjs7O0lBQzdCLHFDQUNrQjs7SUFFbEIsdUNBQzRDOztJQUU1Qyx1Q0FDdUI7O0lBRXZCLHlDQUNzRDs7SUFFdEQscUNBQTRCOztJQUU1QiwwQ0FBMEI7O0lBRTFCLGdEQUFnQzs7Ozs7SUF1RGhDLHdDQUNDOzs7OztJQUVELHlDQUNDOzs7OztJQXpEK0IsMENBQThCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT2RlQ29tcG9uZW50IH0gZnJvbSAnbmd4LW9kZS1jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgZm9yd2FyZFJlZiwgSW5wdXQsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG4vKiBNdWx0aVNlbGVjdENvbXBvbmVudCBpcyBhIHJld3JpdGUgb2YgTXVsdGlDb21ib0NvbXBvbmVudCB0byBpbnRlZ3JhdGUgaXQgZWFzaWx5IGluIGFuZ3VsYXIgZm9ybXMgKi9cblxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3RPcHRpb248Sz4ge1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgdmFsdWU6IEs7XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnb2RlLW11bHRpLXNlbGVjdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL211bHRpLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbXVsdGktc2VsZWN0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgcHJvdmlkZXJzOiBbe1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBNdWx0aVNlbGVjdENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZVxuICAgIH1dLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJyhkb2N1bWVudDpjbGljayknOiAnY2xvc2VJZk9wZW5lZCgkZXZlbnQpJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgTXVsdGlTZWxlY3RDb21wb25lbnQ8Sz4gZXh0ZW5kcyBPZGVDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgbGFiZWwgPSAnJztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIG9wdGlvbnM6IEFycmF5PFNlbGVjdE9wdGlvbjxLPj4gPSBbXTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHByZXZpZXcgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHRyYWNrQnlGbjogKG9wdGlvblZhbHVlOiBLKSA9PiBudW1iZXIgfCBzdHJpbmc7XG5cbiAgICBwdWJsaWMgbW9kZWw6IEFycmF5PEs+ID0gW107XG5cbiAgICBwdWJsaWMgaXNEaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgcHVibGljIGlzT3B0aW9uc1Zpc2libGUgPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3RvciwgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgb3B0aW9uQ2xpY2tlZChvcHRpb246IFNlbGVjdE9wdGlvbjxLPikge1xuICAgICAgICBpZiAodGhpcy5tb2RlbCkge1xuICAgICAgICAgICAgY29uc3QgaW5kZXggPSB0aGlzLmdldEluZGV4T2ZPcHRpb25Jbk1vZGVsKG9wdGlvbik7XG4gICAgICAgICAgICBpZiAoaW5kZXggPCAwKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5tb2RlbC5wdXNoKG9wdGlvbi52YWx1ZSk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMubW9kZWwuc3BsaWNlKGluZGV4LCAxKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMubW9kZWwgPSBbb3B0aW9uLnZhbHVlXTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMubW9kZWwpO1xuICAgIH1cblxuICAgIHB1YmxpYyBzZWxlY3RBbGwoKTogdm9pZCB7XG4gICAgICB0aGlzLm9wdGlvbnMuZm9yRWFjaChvcHRpb24gPT4ge1xuICAgICAgICBpZiAoIXRoaXMubW9kZWwuaW5jbHVkZXMob3B0aW9uLnZhbHVlKSkge1xuICAgICAgICAgIHRoaXMubW9kZWwucHVzaChvcHRpb24udmFsdWUpO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICAgIHRoaXMub25DaGFuZ2UodGhpcy5tb2RlbCk7XG4gICAgfVxuXG4gICAgcHVibGljIGRlc2VsZWN0QWxsKCk6IHZvaWQge1xuICAgICAgICB0aGlzLm1vZGVsID0gW107XG4gICAgICAgIHRoaXMub25DaGFuZ2UodGhpcy5tb2RlbCk7XG4gICAgfVxuXG4gICAgcHVibGljIHRvZ2dsZU9wdGlvbnNWaXNpYmlsaXR5KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmlzT3B0aW9uc1Zpc2libGUgPSAhdGhpcy5pc09wdGlvbnNWaXNpYmxlO1xuICAgIH1cblxuICAgIHB1YmxpYyBpc1NlbGVjdGVkKG9wdGlvbjogU2VsZWN0T3B0aW9uPEs+KTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLm1vZGVsID8gKHRoaXMuZ2V0SW5kZXhPZk9wdGlvbkluTW9kZWwob3B0aW9uKSA+PSAwKSA6IGZhbHNlO1xuICAgIH1cblxuICAgIHB1YmxpYyBjbG9zZUlmT3BlbmVkKGV2ZW50OiBhbnkpIHtcbiAgICAgICAgaWYgKHRoaXMuaXNPcHRpb25zVmlzaWJsZVxuICAgICAgICAgICYmICF0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCcubGN0LW11bHRpLXNlbGVjdF9fb3B0aW9ucy1jb250YWluZXInKS5jb250YWlucyhldmVudC50YXJnZXQpXG4gICAgICAgICAgJiYgIXRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJy5sY3QtbXVsdGktc2VsZWN0X190b2dnbGUnKS5jb250YWlucyhldmVudC50YXJnZXQpKSB7XG4gICAgICAgICAgICB0aGlzLmlzT3B0aW9uc1Zpc2libGUgPSBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldEluZGV4T2ZPcHRpb25Jbk1vZGVsKG9wdGlvbjogU2VsZWN0T3B0aW9uPEs+KTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIHRoaXMubW9kZWwubWFwKHRoaXMudHJhY2tCeUZuKS5pbmRleE9mKHRoaXMudHJhY2tCeUZuKG9wdGlvbi52YWx1ZSkpO1xuICAgIH1cblxuICAgIHByaXZhdGUgb25DaGFuZ2UgPSAoXzogQXJyYXk8Sz4pID0+IHtcbiAgICB9XG5cbiAgICBwcml2YXRlIG9uVG91Y2hlZCA9ICgpID0+IHtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgICB9XG5cbiAgICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc0Rpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgICB9XG5cbiAgICB3cml0ZVZhbHVlKG9iajogQXJyYXk8Sz4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5tb2RlbCA9IG9iajtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLm1vZGVsKTtcbiAgICB9XG59XG4iXX0=

package/esm5/lib/components/panel-section/panel-section.component.js

@@ -0,0 +1,40 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/panel-section/panel-section.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, Input, Injector } from '@angular/core';
+var PanelSectionComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(PanelSectionComponent, _super);
+    function PanelSectionComponent(injector) {
+        var _this = _super.call(this, injector) || this;
+        _this.folded = null;
+        return _this;
+    }
+    PanelSectionComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'ode-panel-section',
+                    template: "<section class=\"panel-section\">\n  <div class=\"panel-section-header is-display-flex has-space-between\" (click)=\"folded !== null ? folded=!folded : null\" [class.foldable]=\"folded !== null\">\n    <div class=\"is-display-flex\">\n      <s5l>{{ sectionTitle\u00A0}}</s5l>\n      <div class=\"has-left-padding-10\">\n        <ng-content select=\"[panel-section-header-icons]\"></ng-content>\n      </div>\n    </div>\n\n    <i class=\"opener\" *ngIf=\"folded !== null\"\n       [class.opened]=\"!folded\"></i>\n  </div>\n  <div class=\"panel-section-content\" *ngIf=\"!folded\">\n    <ng-content></ng-content>\n  </div>\n</section>\n",
+                    styles: [".panel-section-header{font-size:1.1em;padding:10px}.panel-section-header.foldable{cursor:pointer}.panel-section-content{padding:15px}"]
+                }] }
+    ];
+    /** @nocollapse */
+    PanelSectionComponent.ctorParameters = function () { return [
+        { type: Injector }
+    ]; };
+    PanelSectionComponent.propDecorators = {
+        sectionTitle: [{ type: Input, args: ['section-title',] }],
+        folded: [{ type: Input }]
+    };
+    return PanelSectionComponent;
+}(OdeComponent));
+export { PanelSectionComponent };
+if (false) {
+    /** @type {?} */
+    PanelSectionComponent.prototype.sectionTitle;
+    /** @type {?} */
+    PanelSectionComponent.prototype.folded;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwtc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvcGFuZWwtc2VjdGlvbi9wYW5lbC1zZWN0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzVDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUzRDtJQUsyQyxpREFBWTtJQUduRCwrQkFBWSxRQUFrQjtRQUE5QixZQUNJLGtCQUFNLFFBQVEsQ0FBQyxTQUNsQjtRQUhRLFlBQU0sR0FBWSxJQUFJLENBQUM7O0lBR2hDLENBQUM7O2dCQVZKLFNBQVMsU0FBQztvQkFDUCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3Qix3b0JBQTZDOztpQkFFaEQ7Ozs7Z0JBTjBCLFFBQVE7OzsrQkFROUIsS0FBSyxTQUFDLGVBQWU7eUJBQ3JCLEtBQUs7O0lBSVYsNEJBQUM7Q0FBQSxBQVhELENBSzJDLFlBQVksR0FNdEQ7U0FOWSxxQkFBcUI7OztJQUM5Qiw2Q0FBNkM7O0lBQzdDLHVDQUFnQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9kZUNvbXBvbmVudCB9IGZyb20gJ25neC1vZGUtY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ29kZS1wYW5lbC1zZWN0aW9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcGFuZWwtc2VjdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcGFuZWwtc2VjdGlvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFBhbmVsU2VjdGlvbkNvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCB7XG4gICAgQElucHV0KCdzZWN0aW9uLXRpdGxlJykgc2VjdGlvblRpdGxlOiBzdHJpbmc7XG4gICAgQElucHV0KCkgZm9sZGVkOiBib29sZWFuID0gbnVsbDtcbiAgICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IpIHtcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cbn1cbiJdfQ==

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

@@ -0,0 +1,28 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/portal/portal.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, Injector } from '@angular/core';
+var PortalComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(PortalComponent, _super);
+    function PortalComponent(injector) {
+        return _super.call(this, injector) || this;
+    }
+    PortalComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'ode-portal',
+                    template: "<header>\n  <ng-content select=\"[header-left]\"></ng-content>\n  <ng-content select=\"[header-middle]\"></ng-content>\n  <ng-content select=\"[header-right]\"></ng-content>\n</header>\n<section>\n  <ng-content select=\"[section]\"></ng-content>\n</section>\n<footer>\n  <ng-content select=\"[footer]\"></ng-content>\n</footer>\n",
+                    styles: ["header{position:relative;display:flex;align-items:center;top:0;width:100%}"]
+                }] }
+    ];
+    /** @nocollapse */
+    PortalComponent.ctorParameters = function () { return [
+        { type: Injector }
+    ]; };
+    return PortalComponent;
+}(OdeComponent));
+export { PortalComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9ydGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1vZGUtdWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wb3J0YWwvcG9ydGFsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzVDLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXBEO0lBS3FDLDJDQUFZO0lBQzdDLHlCQUFZLFFBQWtCO2VBQzFCLGtCQUFNLFFBQVEsQ0FBQztJQUNuQixDQUFDOztnQkFSSixTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLHFWQUFzQzs7aUJBRXpDOzs7O2dCQU5tQixRQUFROztJQVc1QixzQkFBQztDQUFBLEFBVEQsQ0FLcUMsWUFBWSxHQUloRDtTQUpZLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPZGVDb21wb25lbnQgfSBmcm9tICduZ3gtb2RlLWNvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ29kZS1wb3J0YWwnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wb3J0YWwuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3BvcnRhbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFBvcnRhbENvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IoaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG59XG4iXX0=