corrección para popover anidados

client/core/src/autocomplete/autocomplete.js

@@ -13,6 +13,7 @@ export default class Autocomplete extends Component {
         this.$timeout = $timeout;
        // this.data = null;
         this.popover = null;
+        this.popoverId = null;
         this.displayData = null;
         this.timeoutId = null;
         this.lastSearch = null;
@@ -206,14 +207,14 @@ export default class Autocomplete extends Component {
                 e => this.onPopoverMousedown(e));
             popover.className = 'vn-autocomplete';
             popover.appendChild(fragment);
-            this.vnPopover.show(popover, this.input);
+            this.popoverId = this.vnPopover.show(popover, this.input);
             this.popover = popover;
         }
     }
     hidePopover() {
         if (!this.popover) return;
         this.activeOption = -1;
-        this.vnPopover.hide();
+        this.vnPopover.hide(this.popoverId);
         this.destroyScopes();
         this.popover = null;
     }
@@ -246,10 +247,6 @@ export default class Autocomplete extends Component {
         event.preventDefault();
     }
     onClear() {
-        // this.value = null;
-        // this.putItem(null);
-        // this.field = null;
-        // this.item = null;
         this.setValue(null);
         this.$timeout(
             () => {
@@ -404,7 +401,7 @@ export default class Autocomplete extends Component {
             this.value = value;
 
         if (this.onChange)
-            this.onChange({item: this.value});
+            this.onChange({item: item});
     }
     showItem(item) {
         this.input.value = item ? item[this.showField] : '';

client/core/src/popover/popover.js

@@ -21,10 +21,18 @@ export class Popover {
         this.$compile = $compile;
         this.$timeout = $timeout;
         this.removeScope = false;
+        this.popOpens = 0;
     }
-    show(childElement, parent) {
+    show(childElement, parent, popoverId) {
         this.childElement = childElement;
         let popover = this.document.createElement('div');
+        this.popOpens++;
+
+        if (!popoverId) {
+            popoverId = 'popover-' + this.popOpens;
+            popover.id = popoverId;
+        }
+
         popover.className = 'vn-popover';
         popover.addEventListener('mousedown',
             e => this.onPopoverMouseDown(e));
@@ -74,44 +82,106 @@ export class Popover {
 
         this.document.body.appendChild(popover);
 
-        this.docMouseDownHandler = e => this.onDocMouseDown(e);
+        if (this.popOpens === 1) {
-        this.document.addEventListener('mousedown', this.docMouseDownHandler);
+            this.docMouseDownHandler = e => this.onDocMouseDown(e);
+            this.document.addEventListener('mousedown', this.docMouseDownHandler);
 
-        this.docKeyDownHandler = e => this.onDocKeyDown(e);
+            this.docKeyDownHandler = e => this.onDocKeyDown(e);
-        this.document.addEventListener('keydown', this.docKeyDownHandler);
+            this.document.addEventListener('keydown', this.docKeyDownHandler);
+        }
+        return popoverId;
     }
     showComponent(childComponent, $scope, parent) {
         let childElement = this.document.createElement(childComponent);
+        let id = 'popover-' + this.popOpens;
+        childElement.id = id;
         this.removeScope = true;
         this.$compile(childElement)($scope.$new());
-        this.show(childElement, parent);
+        this.show(childElement, parent, id);
         return childElement;
     }
-    hide() {
+    _checkOpens() {
-        if (!this.popover) return;
+        this.popOpens = this.document.querySelectorAll('*[id^="popover-"]').length;
-        this.document.removeEventListener('mousedown', this.docMouseDownHandler);
+        if (this.popOpens === 0) {
-        this.document.removeEventListener('keydown', this.docKeyDownHandler);
+            this.document.removeEventListener('mousedown', this.docMouseDownHandler);
-        this.document.body.removeChild(this.popover);
+            this.document.removeEventListener('keydown', this.docKeyDownHandler);
-        this.popover = null;
+            this.docMouseDownHandler = null;
-        this.lastEvent = null;
+            this.docKeyDownHandler = null;
-        this.docMouseDownHandler = null;
-        this.docKeyDownHandler = null;
-        if (this.removeScope && angular.element(this.childElement).scope()) {
-            angular.element(this.childElement).scope().$destroy();
-            angular.element(this.childElement).remove();
-            this.removeScope = false;
         }
     }
+    _removeElement(val) {
+        if (!val) return;
+        let element = angular.element(val);
+        let parent = val.parentNode;
+        if (element.scope() && element.scope().$id > 1) {
+            element.scope().$destroy();
+        }
+        element.remove();
+        if (parent.className.indexOf('vn-popover') !== -1)
+            this._removeElement(parent);
+    }
+
+    hide(id) {
+        let popover = this.document.querySelector(`#${id}`);
+        if (popover) {
+            this._removeElement(popover);
+            this.popOpens--;
+        }
+        this._checkOpens();
+    }
+    hideOthers(id) {
+        let popovers = this.document.querySelectorAll('*[id^="popover-"]');
+        popovers.forEach(
+            val => {
+                if (angular.element(val).attr('id') != id) {
+                    this._removeElement(val);
+                    this.popOpens--;
+                }
+            }
+        );
+        this._checkOpens();
+    }
+    hideAll() {
+        let popovers = this.document.querySelectorAll('*[id^="popover-"]');
+        popovers.forEach(
+            val => {
+                this._removeElement(val);
+                this.popOpens--;
+            }
+        );
+        this._checkOpens();
+    }
+    _findParent(node) {
+        while (node != null) {
+            if ((node.className && node.className.indexOf('vn-popover') !== -1) ||
+                (node.id && node.id.indexOf('popover-') !== -1)) {
+                return angular.element(node).attr('id');
+            }
+            node = node.parentNode;
+        }
+        return null;
+    }
     onDocMouseDown(event) {
-        if (event != this.lastEvent)
+        let targetId = this._findParent(event.target);
-            this.hide();
+        if (targetId) {
+            this.hideOthers(targetId);
+        } else {
+            this.hideAll();
+        }
     }
     onDocKeyDown(event) {
-        if (event.keyCode === 27)
+        if (event.keyCode === 27) {
-            this.hide();
+            let targetId = this._findParent(this.latTarget);
+            if (targetId) {
+                this.hideOthers(targetId);
+            } else {
+                this.hideAll();
+            }
+            this.latTarget = null;
+        }
     }
     onPopoverMouseDown(event) {
-        this.lastEvent = event;
+        this.latTarget = event.target;
     }
 }
 Popover.$inject = ['$document', '$compile', '$timeout'];

client/production/src/index/index.js

@@ -95,8 +95,8 @@ export default class ProductionIndex {
         this.searchTickets();
     }
     onChangeWareHouse(item) {
-        if (item && item != this.filter.warehouseFk) {
+        if (item && item.id && item.id != this.filter.warehouseFk) {
-            this.filter.warehouseFk = item;
+            this.filter.warehouseFk = item.id;
             this.searchTickets();
         }
     }