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

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

@@ -0,0 +1,255 @@
+/**
+ * @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 { 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. */
+export class MultiComboComponent extends OdeComponent {
+    /**
+     * @param {?} _eref
+     * @param {?} labelsService
+     * @param {?} injector
+     */
+    constructor(_eref, labelsService, injector) {
+        super(injector);
+        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: '',
+            /**
+             * @return {?}
+             */
+            reset() {
+                this.input = '';
+            }
+        };
+        this.show = false;
+    }
+    /**
+     * @param {?} model
+     * @return {?}
+     */
+    set comboModel(model) {
+        this._comboModel = model;
+        if (!model) {
+            this.filteredModel = [];
+            return;
+        }
+        for (let i = 0; i < this.filteredModel.length; i++) {
+            /** @type {?} */
+            const idx = model.indexOf(this.filteredModel[i]);
+            if (idx < 0) {
+                this.filteredModel.splice(idx, 1);
+                i--;
+            }
+        }
+    }
+    /**
+     * @param {?} label
+     * @return {?}
+     */
+    labels(label) {
+        return this.labelsService.getLabel(label);
+    }
+    /**
+     * @return {?}
+     */
+    toggleVisibility() {
+        this.show = !this.show;
+        if (this.show) {
+            this.search.reset();
+            this.onOpen.emit();
+        }
+        else {
+            this.onClose.emit();
+        }
+    }
+    /**
+     * @param {?} item
+     * @return {?}
+     */
+    isSelected(item) {
+        return this.filteredModel && this.filteredModel.indexOf(item) >= 0;
+    }
+    /**
+     * @return {?}
+     */
+    isDisabled() {
+        return this.filteredModel && this.maxSelected &&
+            this.maxSelected <= this.filteredModel.length;
+    }
+    /**
+     * @param {?} item
+     * @return {?}
+     */
+    toggleItem(item) {
+        /** @type {?} */
+        const 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 {?}
+     */
+    selectAll() {
+        this.filteredModel = [];
+        for (let i = 0; i < this.filteredComboModel.length; i++) {
+            this.filteredModel.push(this.filteredComboModel[i]);
+        }
+        this.filteredModelChange.emit(this.filteredModel);
+    }
+    /**
+     * @return {?}
+     */
+    deselectAll() {
+        this.filteredModel = [];
+        this.filteredModelChange.emit(this.filteredModel);
+    }
+    /**
+     * @param {?} item
+     * @return {?}
+     */
+    displayItem(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 {?}
+     */
+    onClick(event) {
+        if (this.show && !this._eref.nativeElement.contains(event.target)) {
+            this.toggleVisibility();
+        }
+        return true;
+    }
+    /**
+     * @return {?}
+     */
+    getFilter() {
+        if (!this.filter) {
+            return '';
+        }
+        /** @type {?} */
+        let 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 = () => [
+    { 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 }]
+};
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktY29tYm8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LW9kZS11aS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL211bHRpLWNvbWJvL211bHRpLWNvbWJvLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGNBQWMsQ0FBQzs7QUFZNUMsTUFBTSxPQUFPLG1CQUFvQixTQUFRLFlBQVk7Ozs7OztJQUVqRCxZQUNZLEtBQWlCLEVBQ2pCLGFBQTRCLEVBQ3BDLFFBQWtCO1FBQ2xCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUhSLFVBQUssR0FBTCxLQUFLLENBQVk7UUFDakIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFzQmxCLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ2hDLFVBQUssR0FBRyxRQUFRLENBQUM7UUFJakIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUVoQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWhCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN2QyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDdEIsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNqRSxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNqQyxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUU1QyxTQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ1osZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFakIsdUJBQWtCLEdBQUcsRUFBRSxDQUFDO1FBRXhCLFdBQU0sR0FBRztZQUNM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OztJQWxEVCxvQ0FBeUI7Ozs7O0lBQ3pCLDRDQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtMYWJlbHNTZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9sYWJlbHMuc2VydmljZSc7XG5pbXBvcnQgeyBPZGVDb21wb25lbnQgfSBmcm9tICduZ3gtb2RlLWNvcmUnO1xuXG4vKiBJZiB5b3UgbmVlZCB0byB1c2UgbXVsdGktY29tYm8gaW4gYSBmb3JtIHlvdSBzaG91bGQgZ2l2ZSBhIGxvb2sgdG8gdGhlIE11bHRpU2VsZWN0Q29tcG9uZW50LiAqL1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ29kZS1tdWx0aS1jb21ibycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL211bHRpLWNvbWJvLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9tdWx0aS1jb21iby5jb21wb25lbnQuc2NzcyddLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJyhkb2N1bWVudDpjbGljayknOiAnb25DbGljaygkZXZlbnQpJyxcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIE11bHRpQ29tYm9Db21wb25lbnQgZXh0ZW5kcyBPZGVDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgX2VyZWY6IEVsZW1lbnRSZWYsXG4gICAgICAgIHByaXZhdGUgbGFiZWxzU2VydmljZTogTGFiZWxzU2VydmljZSxcbiAgICAgICAgaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICBASW5wdXQoKVxuICAgIHNldCBjb21ib01vZGVsKG1vZGVsKSB7XG4gICAgICAgIHRoaXMuX2NvbWJvTW9kZWwgPSBtb2RlbDtcblxuICAgICAgICBpZiAoIW1vZGVsKSB7XG4gICAgICAgICAgICB0aGlzLmZpbHRlcmVkTW9kZWwgPSBbXTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5maWx0ZXJlZE1vZGVsLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBjb25zdCBpZHggPSBtb2RlbC5pbmRleE9mKHRoaXMuZmlsdGVyZWRNb2RlbFtpXSk7XG4gICAgICAgICAgICBpZiAoaWR4IDwgMCkge1xuICAgICAgICAgICAgICAgIHRoaXMuZmlsdGVyZWRNb2RlbC5zcGxpY2UoaWR4LCAxKTtcbiAgICAgICAgICAgICAgICBpLS07XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG4gICAgQElucHV0KCdvdXRwdXRNb2RlbCcpIGZpbHRlcmVkTW9kZWwgPSBbXTtcbiAgICBASW5wdXQoKSB0aXRsZSA9ICdTZWxlY3QnO1xuICAgIEBJbnB1dCgpIGRpc3BsYXk6IHN0cmluZyB8IEZ1bmN0aW9uO1xuICAgIEBJbnB1dCgpIGZpbHRlcjogc3RyaW5nO1xuICAgIEBJbnB1dCgpIG9yZGVyQnk6IChzdHJpbmcgfCBBcnJheTwoc3RyaW5nIHwgRnVuY3Rpb24pPiB8IEZ1bmN0aW9uKTtcbiAgICBASW5wdXQoKSByZXZlcnNlID0gZmFsc2U7XG4gICAgQElucHV0KCdtYXgnKSBtYXhTZWxlY3RlZDogbnVtYmVyO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgICBAT3V0cHV0KCkgb25TZWxlY3RJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gICAgQE91dHB1dCgpIG9uRGVzZWxlY3RJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gICAgQE91dHB1dCgnb3V0cHV0TW9kZWxDaGFuZ2UnKSBmaWx0ZXJlZE1vZGVsQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gICAgQE91dHB1dCgpIG9uT3BlbiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICAgIEBPdXRwdXQoKSBvbkNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgICBzZWxmID0gdGhpcztcbiAgICBfY29tYm9Nb2RlbCA9IFtdO1xuXG4gICAgZmlsdGVyZWRDb21ib01vZGVsID0gW107XG5cbiAgICBzZWFyY2ggPSB7XG4gICAgICAgIGlucHV0OiAnJyxcbiAgICAgICAgcmVzZXQoKSB7XG4gICAgICAgICAgICB0aGlzLmlucHV0ID0gJyc7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgc2hvdyA9IGZhbHNlO1xuXG4gICAgbGFiZWxzKGxhYmVsKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmxhYmVsc1NlcnZpY2UuZ2V0TGFiZWwobGFiZWwpO1xuICAgIH1cblxuICAgIHRvZ2dsZVZpc2liaWxpdHkoKSB7XG4gICAgICAgIHRoaXMuc2hvdyA9ICF0aGlzLnNob3c7XG4gICAgICAgIGlmICh0aGlzLnNob3cpIHtcbiAgICAgICAgICAgIHRoaXMuc2VhcmNoLnJlc2V0KCk7XG4gICAgICAgICAgICB0aGlzLm9uT3Blbi5lbWl0KCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgdGhpcy5vbkNsb3NlLmVtaXQoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGlzU2VsZWN0ZWQoaXRlbSkge1xuICAgICAgICByZXR1cm4gdGhpcy5maWx0ZXJlZE1vZGVsICYmIHRoaXMuZmlsdGVyZWRNb2RlbC5pbmRleE9mKGl0ZW0pID49IDA7XG4gICAgfVxuXG4gICAgaXNEaXNhYmxlZCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZmlsdGVyZWRNb2RlbCAmJiB0aGlzLm1heFNlbGVjdGVkICYmXG4gICAgICAgICAgICB0aGlzLm1heFNlbGVjdGVkIDw9IHRoaXMuZmlsdGVyZWRNb2RlbC5sZW5ndGg7XG4gICAgfVxuXG4gICAgdG9nZ2xlSXRlbShpdGVtKSB7XG4gICAgICAgIGNvbnN0IGlkeCA9IHRoaXMuZmlsdGVyZWRNb2RlbC5pbmRleE9mKGl0ZW0pO1xuICAgICAgICBpZiAoaWR4ID49IDApIHtcbiAgICAgICAgICAgIHRoaXMuZmlsdGVyZWRNb2RlbC5zcGxpY2UoaWR4LCAxKTtcbiAgICAgICAgICAgIHRoaXMub25EZXNlbGVjdEl0ZW0uZW1pdChpdGVtKTtcbiAgICAgICAgfSBlbHNlIGlmICghdGhpcy5tYXhTZWxlY3RlZCB8fFxuICAgICAgICAgICAgICAgIHRoaXMuZmlsdGVyZWRNb2RlbC5sZW5ndGggPCB0aGlzLm1heFNlbGVjdGVkKSB7XG4gICAgICAgICAgICB0aGlzLmZpbHRlcmVkTW9kZWwucHVzaChpdGVtKTtcbiAgICAgICAgICAgIHRoaXMub25TZWxlY3RJdGVtLmVtaXQoaXRlbSk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5maWx0ZXJlZE1vZGVsQ2hhbmdlLmVtaXQodGhpcy5maWx0ZXJlZE1vZGVsKTtcbiAgICB9XG5cbiAgICBzZWxlY3RBbGwoKSB7XG4gICAgICAgIHRoaXMuZmlsdGVyZWRNb2RlbCA9IFtdO1xuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMuZmlsdGVyZWRDb21ib01vZGVsLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICB0aGlzLmZpbHRlcmVkTW9kZWwucHVzaCh0aGlzLmZpbHRlcmVkQ29tYm9Nb2RlbFtpXSk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5maWx0ZXJlZE1vZGVsQ2hhbmdlLmVtaXQodGhpcy5maWx0ZXJlZE1vZGVsKTtcbiAgICB9XG5cbiAgICBkZXNlbGVjdEFsbCgpIHtcbiAgICAgICAgdGhpcy5maWx0ZXJlZE1vZGVsID0gW107XG4gICAgICAgIHRoaXMuZmlsdGVyZWRNb2RlbENoYW5nZS5lbWl0KHRoaXMuZmlsdGVyZWRNb2RlbCk7XG4gICAgfVxuXG4gICAgZGlzcGxheUl0ZW0oaXRlbSkge1xuICAgICAgICByZXR1cm4gIGl0ZW0gaW5zdGFuY2VvZiBPYmplY3QgP1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmRpc3BsYXkgJiYgdHlwZW9mIHRoaXMuZGlzcGxheSA9PT0gJ3N0cmluZycgP1xuICAgICAgICAgICAgICAgICAgICAgICAgaXRlbVt0aGlzLmRpc3BsYXldIDpcbiAgICAgICAgICAgICAgICAgICAgICAgIGl0ZW0udG9TdHJpbmcoKSA6XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZGlzcGxheSAmJiB0aGlzLmRpc3BsYXkgaW5zdGFuY2VvZiBGdW5jdGlvbiA/XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmRpc3BsYXkoaXRlbSB8fCAnJykgOlxuICAgICAgICAgICAgICAgICAgICAgICAgaXRlbTtcbiAgICB9XG5cbiAgICBvbkNsaWNrKGV2ZW50KSB7XG4gICAgICAgIGlmICh0aGlzLnNob3cgJiYgIXRoaXMuX2VyZWYubmF0aXZlRWxlbWVudC5jb250YWlucyhldmVudC50YXJnZXQpKSB7XG4gICAgICAgICAgICB0aGlzLnRvZ2dsZVZpc2liaWxpdHkoKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9XG5cbiAgICBnZXRGaWx0ZXIoKSB7XG4gICAgICAgIGlmICghdGhpcy5maWx0ZXIpIHtcbiAgICAgICAgICAgIHJldHVybiAnJztcbiAgICAgICAgfVxuICAgICAgICBsZXQgZmlsdGVyOiBzdHJpbmcgfCB7fSA9ICcnO1xuICAgICAgICBpZiAodGhpcy5fY29tYm9Nb2RlbC5sZW5ndGggPiAwICkge1xuICAgICAgICAgICAgaWYgKHR5cGVvZiB0aGlzLl9jb21ib01vZGVsWzBdID09PSAnc3RyaW5nJykge1xuICAgICAgICAgICAgICAgIGZpbHRlciA9IHRoaXMuc2VhcmNoLmlucHV0O1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBmaWx0ZXIgPSB7fTtcbiAgICAgICAgICAgICAgICBmaWx0ZXJbdGhpcy5maWx0ZXJdID0gdGhpcy5zZWFyY2guaW5wdXQ7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGZpbHRlcjtcbiAgICB9XG5cbn1cbiJdfQ==

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

@@ -0,0 +1,214 @@
+/**
+ * @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 { 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
+ */
+export class MultiSelectComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     * @param {?} elementRef
+     */
+    constructor(injector, elementRef) {
+        super(injector);
+        this.elementRef = elementRef;
+        this.label = '';
+        this.options = [];
+        this.preview = false;
+        this.model = [];
+        this.isDisabled = false;
+        this.isOptionsVisible = false;
+        this.onChange = (/**
+         * @param {?} _
+         * @return {?}
+         */
+        (_) => {
+        });
+        this.onTouched = (/**
+         * @return {?}
+         */
+        () => {
+        });
+    }
+    /**
+     * @param {?} option
+     * @return {?}
+     */
+    optionClicked(option) {
+        if (this.model) {
+            /** @type {?} */
+            const 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 {?}
+     */
+    selectAll() {
+        this.options.forEach((/**
+         * @param {?} option
+         * @return {?}
+         */
+        option => {
+            if (!this.model.includes(option.value)) {
+                this.model.push(option.value);
+            }
+        }));
+        this.onChange(this.model);
+    }
+    /**
+     * @return {?}
+     */
+    deselectAll() {
+        this.model = [];
+        this.onChange(this.model);
+    }
+    /**
+     * @return {?}
+     */
+    toggleOptionsVisibility() {
+        this.isOptionsVisible = !this.isOptionsVisible;
+    }
+    /**
+     * @param {?} option
+     * @return {?}
+     */
+    isSelected(option) {
+        return this.model ? (this.getIndexOfOptionInModel(option) >= 0) : false;
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    closeIfOpened(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 {?}
+     */
+    getIndexOfOptionInModel(option) {
+        return this.model.map(this.trackByFn).indexOf(this.trackByFn(option.value));
+    }
+    /**
+     * @param {?} fn
+     * @return {?}
+     */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    /**
+     * @param {?} fn
+     * @return {?}
+     */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /**
+     * @param {?} isDisabled
+     * @return {?}
+     */
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled;
+    }
+    /**
+     * @param {?} obj
+     * @return {?}
+     */
+    writeValue(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 {?}
+                         */
+                        () => 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 = () => [
+    { type: Injector },
+    { type: ElementRef }
+];
+MultiSelectComponent.propDecorators = {
+    label: [{ type: Input }],
+    options: [{ type: Input }],
+    preview: [{ type: Input }],
+    trackByFn: [{ type: Input }]
+};
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1vZGUtdWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9tdWx0aS1zZWxlY3QvbXVsdGktc2VsZWN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkYsT0FBTyxFQUF1QixpQkFBaUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7OztBQUl2RSxrQ0FHQzs7O0lBRkcsNkJBQWM7O0lBQ2QsNkJBQVM7Ozs7O0FBZ0JiLE1BQU0sT0FBTyxvQkFBd0IsU0FBUSxZQUFZOzs7OztJQW1CckQsWUFBWSxRQUFrQixFQUFVLFVBQXNCO1FBQzFELEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQURvQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBakJ2RCxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBR1gsWUFBTyxHQUEyQixFQUFFLENBQUM7UUFHckMsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUtoQixVQUFLLEdBQWEsRUFBRSxDQUFDO1FBRXJCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFbkIscUJBQWdCLEdBQUcsS0FBSyxDQUFDO1FBdUR4QixhQUFROzs7O1FBQUcsQ0FBQyxDQUFXLEVBQUUsRUFBRTtRQUNuQyxDQUFDLEVBQUE7UUFFTyxjQUFTOzs7UUFBRyxHQUFHLEVBQUU7UUFDekIsQ0FBQyxFQUFBO0lBdkRELENBQUM7Ozs7O0lBRU0sYUFBYSxDQUFDLE1BQXVCO1FBQ3hDLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTs7a0JBQ04sS0FBSyxHQUFHLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxNQUFNLENBQUM7WUFDbEQsSUFBSSxLQUFLLEdBQUcsQ0FBQyxFQUFFO2dCQUNYLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUNqQztpQkFBTTtnQkFDSCxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7YUFDL0I7U0FDSjthQUFNO1lBQ0gsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUMvQjtRQUNELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7Ozs7SUFFTSxTQUFTO1FBQ2QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPOzs7O1FBQUMsTUFBTSxDQUFDLEVBQUU7WUFDNUIsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBRTtnQkFDdEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQy9CO1FBQ0gsQ0FBQyxFQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QixDQUFDOzs7O0lBRU0sV0FBVztRQUNkLElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7Ozs7SUFFTSx1QkFBdUI7UUFDMUIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO0lBQ25ELENBQUM7Ozs7O0lBRU0sVUFBVSxDQUFDLE1BQXVCO1FBQ3JDLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsdUJBQXVCLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUM1RSxDQUFDOzs7OztJQUVNLGFBQWEsQ0FBQyxLQUFVO1FBQzNCLElBQUksSUFBSSxDQUFDLGdCQUFnQjtlQUNwQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxzQ0FBc0MsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDO2VBQzNHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLDJCQUEyQixDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUNuRyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDO1NBQ2pDO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQzs7Ozs7O0lBRU8sdUJBQXVCLENBQUMsTUFBdUI7UUFDbkQsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDaEYsQ0FBQzs7Ozs7SUFRRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3BCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7Ozs7O0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUNyQixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN4QixDQUFDOzs7OztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2hDLElBQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDO0lBQ2pDLENBQUM7Ozs7O0lBRUQsVUFBVSxDQUFDLEdBQWE7UUFDcEIsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7UUFDakIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7O1lBMUdKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1Qix1dkRBQTRDO2dCQUU1QyxTQUFTLEVBQUUsQ0FBQzt3QkFDVixPQUFPLEVBQUUsaUJBQWlCO3dCQUMxQixXQUFXLEVBQUUsVUFBVTs7O3dCQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixFQUFDO3dCQUNuRCxLQUFLLEVBQUUsSUFBSTtxQkFDWixDQUFDO2dCQUNGLElBQUksRUFBRTtvQkFDRixrQkFBa0IsRUFBRSx1QkFBdUI7aUJBQzlDOzthQUNKOzs7O1lBdEJrRCxRQUFRO1lBQXZDLFVBQVU7OztvQkF3QnpCLEtBQUs7c0JBR0wsS0FBSztzQkFHTCxLQUFLO3dCQUdMLEtBQUs7Ozs7SUFUTixxQ0FDa0I7O0lBRWxCLHVDQUM0Qzs7SUFFNUMsdUNBQ3VCOztJQUV2Qix5Q0FDc0Q7O0lBRXRELHFDQUE0Qjs7SUFFNUIsMENBQTBCOztJQUUxQixnREFBZ0M7Ozs7O0lBdURoQyx3Q0FDQzs7Ozs7SUFFRCx5Q0FDQzs7Ozs7SUF6RCtCLDBDQUE4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9kZUNvbXBvbmVudCB9IGZyb20gJ25neC1vZGUtY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIGZvcndhcmRSZWYsIElucHV0LCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1J9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuLyogTXVsdGlTZWxlY3RDb21wb25lbnQgaXMgYSByZXdyaXRlIG9mIE11bHRpQ29tYm9Db21wb25lbnQgdG8gaW50ZWdyYXRlIGl0IGVhc2lseSBpbiBhbmd1bGFyIGZvcm1zICovXG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0T3B0aW9uPEs+IHtcbiAgICBsYWJlbDogc3RyaW5nO1xuICAgIHZhbHVlOiBLO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ29kZS1tdWx0aS1zZWxlY3QnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9tdWx0aS1zZWxlY3QuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL211bHRpLXNlbGVjdC5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW3tcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gTXVsdGlTZWxlY3RDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWVcbiAgICB9XSxcbiAgICBob3N0OiB7XG4gICAgICAgICcoZG9jdW1lbnQ6Y2xpY2spJzogJ2Nsb3NlSWZPcGVuZWQoJGV2ZW50KSdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIE11bHRpU2VsZWN0Q29tcG9uZW50PEs+IGV4dGVuZHMgT2RlQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGxhYmVsID0gJyc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBvcHRpb25zOiBBcnJheTxTZWxlY3RPcHRpb248Sz4+ID0gW107XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBwcmV2aWV3ID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyB0cmFja0J5Rm46IChvcHRpb25WYWx1ZTogSykgPT4gbnVtYmVyIHwgc3RyaW5nO1xuXG4gICAgcHVibGljIG1vZGVsOiBBcnJheTxLPiA9IFtdO1xuXG4gICAgcHVibGljIGlzRGlzYWJsZWQgPSBmYWxzZTtcblxuICAgIHB1YmxpYyBpc09wdGlvbnNWaXNpYmxlID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IsIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxuXG4gICAgcHVibGljIG9wdGlvbkNsaWNrZWQob3B0aW9uOiBTZWxlY3RPcHRpb248Sz4pIHtcbiAgICAgICAgaWYgKHRoaXMubW9kZWwpIHtcbiAgICAgICAgICAgIGNvbnN0IGluZGV4ID0gdGhpcy5nZXRJbmRleE9mT3B0aW9uSW5Nb2RlbChvcHRpb24pO1xuICAgICAgICAgICAgaWYgKGluZGV4IDwgMCkge1xuICAgICAgICAgICAgICAgIHRoaXMubW9kZWwucHVzaChvcHRpb24udmFsdWUpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLm1vZGVsLnNwbGljZShpbmRleCwgMSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLm1vZGVsID0gW29wdGlvbi52YWx1ZV07XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLm1vZGVsKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2VsZWN0QWxsKCk6IHZvaWQge1xuICAgICAgdGhpcy5vcHRpb25zLmZvckVhY2gob3B0aW9uID0+IHtcbiAgICAgICAgaWYgKCF0aGlzLm1vZGVsLmluY2x1ZGVzKG9wdGlvbi52YWx1ZSkpIHtcbiAgICAgICAgICB0aGlzLm1vZGVsLnB1c2gob3B0aW9uLnZhbHVlKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMubW9kZWwpO1xuICAgIH1cblxuICAgIHB1YmxpYyBkZXNlbGVjdEFsbCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5tb2RlbCA9IFtdO1xuICAgICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMubW9kZWwpO1xuICAgIH1cblxuICAgIHB1YmxpYyB0b2dnbGVPcHRpb25zVmlzaWJpbGl0eSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc09wdGlvbnNWaXNpYmxlID0gIXRoaXMuaXNPcHRpb25zVmlzaWJsZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgaXNTZWxlY3RlZChvcHRpb246IFNlbGVjdE9wdGlvbjxLPik6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5tb2RlbCA/ICh0aGlzLmdldEluZGV4T2ZPcHRpb25Jbk1vZGVsKG9wdGlvbikgPj0gMCkgOiBmYWxzZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgY2xvc2VJZk9wZW5lZChldmVudDogYW55KSB7XG4gICAgICAgIGlmICh0aGlzLmlzT3B0aW9uc1Zpc2libGVcbiAgICAgICAgICAmJiAhdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignLmxjdC1tdWx0aS1zZWxlY3RfX29wdGlvbnMtY29udGFpbmVyJykuY29udGFpbnMoZXZlbnQudGFyZ2V0KVxuICAgICAgICAgICYmICF0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCcubGN0LW11bHRpLXNlbGVjdF9fdG9nZ2xlJykuY29udGFpbnMoZXZlbnQudGFyZ2V0KSkge1xuICAgICAgICAgICAgdGhpcy5pc09wdGlvbnNWaXNpYmxlID0gZmFsc2U7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRJbmRleE9mT3B0aW9uSW5Nb2RlbChvcHRpb246IFNlbGVjdE9wdGlvbjxLPik6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLm1vZGVsLm1hcCh0aGlzLnRyYWNrQnlGbikuaW5kZXhPZih0aGlzLnRyYWNrQnlGbihvcHRpb24udmFsdWUpKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIG9uQ2hhbmdlID0gKF86IEFycmF5PEs+KSA9PiB7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBvblRvdWNoZWQgPSAoKSA9PiB7XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gICAgfVxuXG4gICAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNEaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gICAgfVxuXG4gICAgd3JpdGVWYWx1ZShvYmo6IEFycmF5PEs+KTogdm9pZCB7XG4gICAgICAgIHRoaXMubW9kZWwgPSBvYmo7XG4gICAgICAgIHRoaXMub25DaGFuZ2UodGhpcy5tb2RlbCk7XG4gICAgfVxufVxuIl19

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

@@ -0,0 +1,38 @@
+/**
+ * @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 { OdeComponent } from 'ngx-ode-core';
+import { Component, Input, Injector } from '@angular/core';
+export class PanelSectionComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     */
+    constructor(injector) {
+        super(injector);
+        this.folded = null;
+    }
+}
+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 = () => [
+    { type: Injector }
+];
+PanelSectionComponent.propDecorators = {
+    sectionTitle: [{ type: Input, args: ['section-title',] }],
+    folded: [{ type: Input }]
+};
+if (false) {
+    /** @type {?} */
+    PanelSectionComponent.prototype.sectionTitle;
+    /** @type {?} */
+    PanelSectionComponent.prototype.folded;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwtc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvcGFuZWwtc2VjdGlvbi9wYW5lbC1zZWN0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBTzNELE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxZQUFZOzs7O0lBR25ELFlBQVksUUFBa0I7UUFDMUIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRlgsV0FBTSxHQUFZLElBQUksQ0FBQztJQUdoQyxDQUFDOzs7WUFWSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLG1CQUFtQjtnQkFDN0Isd29CQUE2Qzs7YUFFaEQ7Ozs7WUFOMEIsUUFBUTs7OzJCQVE5QixLQUFLLFNBQUMsZUFBZTtxQkFDckIsS0FBSzs7OztJQUROLDZDQUE2Qzs7SUFDN0MsdUNBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT2RlQ29tcG9uZW50IH0gZnJvbSAnbmd4LW9kZS1jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnb2RlLXBhbmVsLXNlY3Rpb24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wYW5lbC1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wYW5lbC1zZWN0aW9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUGFuZWxTZWN0aW9uQ29tcG9uZW50IGV4dGVuZHMgT2RlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoJ3NlY3Rpb24tdGl0bGUnKSBzZWN0aW9uVGl0bGU6IHN0cmluZztcbiAgICBASW5wdXQoKSBmb2xkZWQ6IGJvb2xlYW4gPSBudWxsO1xuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxufVxuIl19

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

@@ -0,0 +1,27 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/portal/portal.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { OdeComponent } from 'ngx-ode-core';
+import { Component, Injector } from '@angular/core';
+export class PortalComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     */
+    constructor(injector) {
+        super(injector);
+    }
+}
+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 = () => [
+    { type: Injector }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9ydGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1vZGUtdWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wb3J0YWwvcG9ydGFsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPcEQsTUFBTSxPQUFPLGVBQWdCLFNBQVEsWUFBWTs7OztJQUM3QyxZQUFZLFFBQWtCO1FBQzFCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNwQixDQUFDOzs7WUFSSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLHFWQUFzQzs7YUFFekM7Ozs7WUFObUIsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9kZUNvbXBvbmVudCB9IGZyb20gJ25neC1vZGUtY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnb2RlLXBvcnRhbCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3BvcnRhbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcG9ydGFsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUG9ydGFsQ29tcG9uZW50IGV4dGVuZHMgT2RlQ29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IpIHtcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2015/lib/components/push-panel/push-panel.component.js

@@ -0,0 +1,81 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/push-panel/push-panel.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';
+export class PushPanelComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     */
+    constructor(injector) {
+        super(injector);
+        this.onClose = new EventEmitter();
+    }
+    /**
+     * @private
+     * @param {?} toggle
+     * @return {?}
+     */
+    set toggle(toggle) {
+        this._opened = toggle;
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    onClick(event) {
+        /** @type {?} */
+        const checkOpener = this.opener &&
+            (this.opener.contains && this.opener.contains(event.target)) ||
+            (this.opener.nativeElement && this.opener.nativeElement.contains(event.target));
+        if (this._opened &&
+            !this.inside.nativeElement.contains(event.target) &&
+            !checkOpener) {
+            this._opened = false;
+            this.onClose.emit();
+        }
+        return true;
+    }
+}
+PushPanelComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ode-push-panel',
+                template: "<div [ngClass]=\"{ opened: _opened }\" #inside>\n  <ng-content select=\"[inside]\"></ng-content>\n</div>\n<div>\n  <ng-content select=\"[companion]\"></ng-content>\n</div>\n",
+                host: {
+                    '(document:click)': 'onClick($event)',
+                },
+                styles: [":host>div:nth-child(1){position:fixed;z-index:10;overflow-x:hidden;overflow-y:scroll;height:100%;top:0;left:-30%;width:30%;transition:transform .25s}:host>div:nth-child(1).opened{transform:translateX(100%)}:host>div:nth-child(2){position:relative;left:0;opacity:1;transition:transform .25s,opacity .25s}:host>div:nth-child(1).opened+div{opacity:.7;transform:translateX(30%);overflow-x:hidden}"]
+            }] }
+];
+/** @nocollapse */
+PushPanelComponent.ctorParameters = () => [
+    { type: Injector }
+];
+PushPanelComponent.propDecorators = {
+    toggle: [{ type: Input }],
+    opener: [{ type: Input }],
+    onClose: [{ type: Output }],
+    inside: [{ type: ViewChild, args: ['inside', { static: false },] }]
+};
+if (false) {
+    /** @type {?} */
+    PushPanelComponent.prototype._opened;
+    /**
+     * @type {?}
+     * @private
+     */
+    PushPanelComponent.prototype.opener;
+    /**
+     * @type {?}
+     * @private
+     */
+    PushPanelComponent.prototype.onClose;
+    /**
+     * @type {?}
+     * @private
+     */
+    PushPanelComponent.prototype.inside;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVzaC1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvcHVzaC1wYW5lbC9wdXNoLXBhbmVsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVV4RyxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsWUFBWTs7OztJQUVoRCxZQUFZLFFBQWtCO1FBQzVCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQVVBLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBVHhELENBQUM7Ozs7OztJQUVELElBQXFCLE1BQU0sQ0FBQyxNQUFlO1FBQ3ZDLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDO0lBQzFCLENBQUM7Ozs7O0lBU00sT0FBTyxDQUFDLEtBQUs7O2NBQ1YsV0FBVyxHQUFHLElBQUksQ0FBQyxNQUFNO1lBQzNCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQzVELENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUVuRixJQUFJLElBQUksQ0FBQyxPQUFPO1lBQ1osQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQztZQUNqRCxDQUFDLFdBQVcsRUFBRTtZQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1lBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDdkI7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDOzs7WUFyQ0osU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLHlMQUEwQztnQkFFMUMsSUFBSSxFQUFFO29CQUNGLGtCQUFrQixFQUFFLGlCQUFpQjtpQkFDeEM7O2FBQ0o7Ozs7WUFUdUUsUUFBUTs7O3FCQWdCM0UsS0FBSztxQkFLTCxLQUFLO3NCQUVMLE1BQU07cUJBRU4sU0FBUyxTQUFDLFFBQVEsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Ozs7SUFOdEMscUNBQWlCOzs7OztJQUVqQixvQ0FBd0I7Ozs7O0lBRXhCLHFDQUF3RDs7Ozs7SUFFeEQsb0NBQW1FIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT2RlQ29tcG9uZW50IH0gZnJvbSAnbmd4LW9kZS1jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnb2RlLXB1c2gtcGFuZWwnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wdXNoLXBhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wdXNoLXBhbmVsLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgaG9zdDoge1xuICAgICAgICAnKGRvY3VtZW50OmNsaWNrKSc6ICdvbkNsaWNrKCRldmVudCknLFxuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgUHVzaFBhbmVsQ29tcG9uZW50IGV4dGVuZHMgT2RlQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIHByaXZhdGUgc2V0IHRvZ2dsZSh0b2dnbGU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5fb3BlbmVkID0gdG9nZ2xlO1xuICAgIH1cbiAgICBfb3BlbmVkOiBib29sZWFuO1xuXG4gICAgQElucHV0KCkgcHJpdmF0ZSBvcGVuZXI7XG5cbiAgICBAT3V0cHV0KCkgcHJpdmF0ZSBvbkNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gICAgQFZpZXdDaGlsZCgnaW5zaWRlJywgeyBzdGF0aWM6IGZhbHNlIH0pIHByaXZhdGUgaW5zaWRlOiBFbGVtZW50UmVmO1xuXG4gICAgcHVibGljIG9uQ2xpY2soZXZlbnQpIHtcbiAgICAgICAgY29uc3QgY2hlY2tPcGVuZXIgPSB0aGlzLm9wZW5lciAmJlxuICAgICAgICAgICAgKHRoaXMub3BlbmVyLmNvbnRhaW5zICYmIHRoaXMub3BlbmVyLmNvbnRhaW5zKGV2ZW50LnRhcmdldCkpIHx8XG4gICAgICAgICAgICAodGhpcy5vcGVuZXIubmF0aXZlRWxlbWVudCAmJiB0aGlzLm9wZW5lci5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCkpO1xuXG4gICAgICAgIGlmICh0aGlzLl9vcGVuZWQgJiZcbiAgICAgICAgICAgICF0aGlzLmluc2lkZS5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCkgJiZcbiAgICAgICAgICAgICFjaGVja09wZW5lcikge1xuICAgICAgICAgICAgdGhpcy5fb3BlbmVkID0gZmFsc2U7XG4gICAgICAgICAgICB0aGlzLm9uQ2xvc2UuZW1pdCgpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cblxufVxuIl19