Continues implementation of deep watchers for arrays and objects. #794.

src/views/admin/admin.vue

@@ -96,10 +96,13 @@
             }
         },
         watch: {
-            '$route' (to) {
+            '$route': {
+                handler(to) {
                     this.isMenuCompressed = (to.params.collectionId != undefined);
                     this.activeRoute = to.name;
                     this.isRepositoryLevel = this.$route.params.collectionId == undefined;
+                },
+                deep: true
             }
         },
         created() {

src/views/admin/components/filter-types/autocomplete/Autocomplete.vue

@@ -65,8 +65,11 @@
             }
         },
         watch: {
-            'query'() {
+            'query': {
+                handler() {
                     this.updateSelectedValues();
+                },
+                deep: true
             }
         },
         mounted() {

src/views/admin/components/filter-types/date-interval/DateInterval.vue

@@ -79,8 +79,11 @@
               if ( val && this.dateEnd === null)
                   this.dateEnd =  new Date();
             },
-            'query'() {
+            'query': {
+                handler() {
                     this.updateSelectedValues();
+                },
+                deep: true
             }
         },
         mounted() {

src/views/admin/components/filter-types/date/Date.vue

@@ -149,9 +149,12 @@
             }
         },
         watch: {
-            'query'() {
+            'query': {
+                handler() {
                     this.updateSelectedValues();
                 },
+                deep: true,
+            },
         },
         mounted() {
             this.updateSelectedValues();

src/views/admin/components/filter-types/numeric-interval/NumericInterval.vue

@@ -40,9 +40,12 @@
             }
         },
         watch: {
-            'query'() {
+            'query': {
+                handler() {
                     this.updateSelectedValues();
                 },
+                deep: true
+            }
         },
         mounted() {
             this.updateSelectedValues();

src/views/admin/components/filter-types/numeric-list-interval/NumericListInterval.vue

@@ -33,8 +33,11 @@
             }
         },
         watch: {
-            'query'() {
+            'query': {
+                handler() {
                     this.updateSelectedValues();
+                },
+                deep: true
             }
         },        
         mounted() {

src/views/admin/components/filter-types/numeric/Numeric.vue

@@ -102,8 +102,11 @@
             }
         },
         watch: {
-            'query'() {
+            'query': {
+                handler() {
                     this.updateSelectedValues();
+                },
+                deep: true
             }
         },
         mounted() {

src/views/admin/components/filter-types/taginput/Taginput.vue

@@ -76,8 +76,11 @@
             }
         },
         watch: {
-            'query'() {
+            'query': {
+                handler() {
                     this.updateSelectedValues();
+                },
+                deep: true
             }
         },
         created() {

src/views/admin/components/filter-types/taxonomy/Taginput.vue

@@ -67,8 +67,11 @@
                 },
                 immediate: true
             },
-            'query'() {
+            'query': {
+                handler() {
                     this.updateSelectedValues();
+                },
+                deep: true
             }
         },
         created() {

src/views/admin/components/lists/collection-metadata-list.vue

@@ -569,7 +569,8 @@ export default {
                         this.editMetadataSection(newQuery.sectionEdit);                        
                 }
             },
-            immediate: true
+            immediate: true,
+            deep: true
         },
         collapseAll(isCollapsed) {
             this.activeMetadataSectionsList.forEach((metadataSection) => {
@@ -581,8 +582,8 @@ export default {
     mounted() {
         this.cleanMetadataSections();
         
-        this.$eventBusMetadataList.$on('addMetadatumViaButton', this.addMetadatumViaButton);
+        this.$eventBusMetadataList.$emitter.$on('addMetadatumViaButton', this.addMetadatumViaButton);
-        this.$eventBusMetadataList.$on('addMetadataSectionViaButton', this.addMetadataSectionViaButton);
+        this.$eventBusMetadataList.$emitter.$on('addMetadataSectionViaButton', this.addMetadataSectionViaButton);
 
         this.collectionId = this.$route.params.collectionId;
         this.isLoadingMetadataSections = true;
@@ -600,8 +601,8 @@ export default {
         if (this.metadataSearchCancel != undefined)
             this.metadataSearchCancel.cancel('Metadata search Canceled.');
         
-        this.$eventBusMetadataList.$off('addMetadatumViaButton', this.addMetadatumViaButton);
+        this.$eventBusMetadataList.$emitter.$off('addMetadatumViaButton', this.addMetadatumViaButton);
-        this.$eventBusMetadataList.$off('addMetadataSectionViaButton', this.addMetadataSectionViaButton);
+        this.$eventBusMetadataList.$emitter.$off('addMetadataSectionViaButton', this.addMetadataSectionViaButton);
     },
     methods: {
         ...mapActions('metadata', [

src/views/admin/components/lists/collections-list.vue

@@ -392,12 +392,16 @@ export default {
         }
     },
     watch: {
-        collections() {
+        collections: {
+            handler() {
                 this.selectedCollections = [];
                 for (let i = 0; i < this.collections.length; i++)
                     this.selectedCollections.push(false);    
             },
-        selectedCollections() {
+            deep: true
+        },
+        selectedCollections: {
+            handler() {
                 let allSelected = true;
                 let isSelecting = false;
                 for (let i = 0; i < this.selectedCollections.length; i++) {
@@ -409,6 +413,8 @@ export default {
                 }
                 this.allCollectionsOnPageSelected = allSelected;
                 this.isSelectingCollections = isSelecting;
+            },
+            deep: true
         }
     },
     methods: {

src/views/admin/components/lists/processes-list.vue

@@ -358,7 +358,8 @@
             }
         },
         watch: {
-            processes() {
+            processes: {
+                handler() {
                     this.selected = [];
                     for (let i = 0; i < this.processes.length; i++)
                         this.selected.push(false);   
@@ -367,7 +368,10 @@
                     for (let i = 0; i < this.processes.length; i++)
                         this.collapses.push(false);   
                 },
-            selected() {
+                deep: true
+            },
+            selected: {
+                handler() {
                     let allSelected = true;
                     let isSelecting = false;
                     for (let i = 0; i < this.selected.length; i++) {
@@ -379,6 +383,8 @@
                     }
                     this.allOnPageSelected = allSelected;
                     this.isSelecting = isSelecting;
+                },
+                deep: true
             }
         },
         mounted() {

src/views/admin/components/lists/repository-metadata-list.vue

@@ -329,7 +329,8 @@ export default {
                         this.editMetadatum(this.activeMetadatumList[existingMetadataIndex])                        
                 }
             },
-            immediate: true
+            immediate: true,
+            deep: true
         },
         collapseAll(isCollapsed) {
             this.activeMetadatumList.forEach((metadatum) => Object.assign(this.collapses, { [metadatum.id]: isCollapsed }));
@@ -338,7 +339,7 @@ export default {
     mounted() {
         this.cleanMetadata();
         this.loadMetadata();
-        this.$eventBusMetadataList.$on('addMetadatumViaButton', this.addMetadatumViaButton);
+        this.$eventBusMetadataList.$emitter.$on('addMetadatumViaButton', this.addMetadatumViaButton);
     },
     beforeUnmount() {
         // Cancels previous Request

src/views/admin/components/lists/taxonomies-list.vue

@@ -275,12 +275,15 @@
             }
         },
         watch: {
-            taxonomies() {
+            taxonomies: {
+                handler() {
                     this.selected = [];
                     for (let i = 0; i < this.taxonomies.length; i++)
                         this.selected.push(false);   
+                } 
             },
-            selected() {
+            selected: {
+                handler() {
                     let allSelected = true;
                     let isSelecting = false;
                     for (let i = 0; i < this.selected.length; i++) {
@@ -292,6 +295,8 @@
                     }
                     this.allOnPageSelected = allSelected;
                     this.isSelecting = isSelecting;
+                },
+                deep: true
             }
         },
         methods: {

src/views/admin/components/lists/terms-list-hierarchical.vue

@@ -321,12 +321,12 @@ export default {
     },
     created() {
         this.fetchTerms();
-        this.$parent.$on('deleteSelectedTerms', this.deleteSelectedTerms);
+        this.$parent.$emitter.$on('deleteSelectedTerms', this.deleteSelectedTerms);
-        this.$parent.$on('updateSelectedTermsParent', this.updateSelectedTermsParent);
+        this.$parent.$emitter.$on('updateSelectedTermsParent', this.updateSelectedTermsParent);
     },
     beforeUnmount() {
-        this.$parent.$off('deleteSelectedTerms', this.deleteSelectedTerms);
+        this.$parent.$emitter.$off('deleteSelectedTerms', this.deleteSelectedTerms);
-        this.$parent.$off('updateSelectedTermsParent', this.updateSelectedTermsParent);
+        this.$parent.$emitter.$off('updateSelectedTermsParent', this.updateSelectedTermsParent);
     },
     methods: {
         ...mapActions('taxonomy', [

src/views/admin/components/metadata-types/compound/child-metadata-list.vue

@@ -279,7 +279,8 @@
                             this.editMetadatum(this.childrenMetadata[existingMetadataIndex])                  
                     }
                 },
-                immediate: true
+                immediate: true,
+                deep: true
             },
             'parent.metadata_type_options.children_objects': {
                 handler(childrenObjects) {
@@ -288,7 +289,8 @@
                     else
                         this.childrenMetadata = [];
                 }, 
-                immediate: true
+                immediate: true,
+                deep: true
             },
             collapseAll(isCollapsed) {
                 this.childrenMetadata.forEach((metadatum) => Object.assign( this.collapses, { [metadatum.id]: isCollapsed }));

src/views/admin/components/metadata-types/taxonomy/Taxonomy.vue

@@ -157,8 +157,11 @@
             }
         },
         watch: {
-            valueComponent( val ) {
+            valueComponent: {
+                handler( val ) {
                     this.$emit('input', val);
+                },
+                deep: true
             }
         },
         created() {

src/views/admin/components/metadata-types/taxonomy/TaxonomyTaginput.vue

@@ -76,11 +76,14 @@
             }
         },
         watch: {
-            selected() {
+            selected: {
+                hanlder() {
                     if (this.allowSelectToCreate && this.selected[0]) {
                         this.selected[0].label.includes(`(${this.$i18n.get('select_to_create')})`);
                         this.selected[0].label = this.selected[0].label.split('(')[0];
                     }
+                },
+                deep: true
             }
         },
         created() {

src/views/admin/components/modals/activity-details-modal.vue

@@ -667,9 +667,12 @@
             }
         },
         watch: {
-            '$route' (to, from) {
+            '$route': {
+                hanlder(to, from) {
                     if (to !== from)
                         this.$parent.close();
+                },
+                deep: true
             }
         },
         created() {

src/views/admin/components/navigation/tainacan-collection-subheader.vue

@@ -146,11 +146,14 @@ export default {
         }
     },
     watch: {
-        '$route' (to, from) {
+        '$route': {
+            handler(to, from) {
                 if (to.path != from.path) {
                     this.activeRoute = to.name;
                     this.pageTitle = this.$route.meta.title;
                 }
+            },
+            deep: true
         }
     },
     created() {

src/views/admin/components/other/processes-popup.vue

@@ -169,7 +169,8 @@ export default {
         }
     },
     watch: {
-        updatedProcesses() {
+        updatedProcesses: { 
+            handler() {
                 if (this.updatedProcesses.length !== 0) {
                     for (let updatedProcess of this.updatedProcesses) {
                         let updatedProcessIndex = this.bgProcesses.findIndex((aProcess) => aProcess.ID == updatedProcess.ID);
@@ -178,8 +179,13 @@ export default {
                     }
                 }
             },
-        bgProcesses(newBG) {
+            deep: true
+        },
+        bgProcesses: {
+            hanlder(newBG) {
                 this.hasAnyProcessExecuting = newBG.some((element) => element.done <= 0);
+            },
+            deep: true
         }
     },
     created() {

src/views/admin/components/search/filters-tags-list.vue

@@ -134,9 +134,12 @@
             }
         },
         watch: {
-            filterTags() {
+            filterTags: {
+                handler() {
                     if (typeof this.swiper.update == 'function')
                         this.swiper.update();
+                },
+                deep: true
             }
         },
         mounted() {

src/views/admin/pages/lists/filters-page.vue

@@ -535,7 +535,8 @@ export default {
                         this.editFilter(this.activeFiltersList[existingFilterIndex])                        
                 }
             },
-            immediate: true
+            immediate: true,
+            deep: true
         }
     },
     created() {

src/views/admin/pages/singles/collection-page.vue

@@ -37,7 +37,8 @@ export default {
         }
     },
     watch: {
-        '$route' (to, from) {
+        '$route': {
+            handler(to, from) {
                 if (!this.isRepositoryLevel &&
                     (from != undefined) &&
                     (from.path != undefined) &&
@@ -55,6 +56,8 @@ export default {
                             this.isLoadingCollectionBasics = false;
                         });
                 }
+            },
+            deep: true
         }
     },
     created() {

src/views/gutenberg-blocks/blocks/faceted-search/theme-search/components/view-mode-map.vue

@@ -506,7 +506,8 @@ export default {
         }
     },
     watch: {
-        itemsLocations() {
+        itemsLocations: { 
+            handler() {
                 setTimeout(() => {
                     if ( this.itemsLocations.length && this.$refs['tainacan-view-mode-map'] && this.$refs['tainacan-view-mode-map'].mapObject ) {
                         if (this.itemsLocations.length == 1)
@@ -516,6 +517,8 @@ export default {
                     }
                 }, 500)
             },
+            deep: true
+        },
         selectedGeocoordinateMetadatum() {
             this.clearSelectedMarkers();
         },
@@ -533,7 +536,8 @@ export default {
                 else 
                     this.selectedGeocoordinateMetadatumId = this.$userPrefs.get(prefsGeocoordinateMetadatum);
             },
-            immediate: true
+            immediate: true,
+            deep: true
         }
     },
     methods: {

src/views/reports/components/activities-block.vue

@@ -121,7 +121,8 @@ export default {
                 if (this.chartData && this.chartData.totals)
                     this.buildActivitiesChart();
             },
-            immediate: true
+            immediate: true,
+            deep: true
         },
     },
     methods: {

src/views/reports/components/activities-per-user-block.vue

@@ -54,6 +54,7 @@ export default {
                 this.buildActivitiesPerUserChart();
             },
             immediate: true,
+            deep: true
         }
     },
     methods: {

src/views/reports/components/collections-list-block.vue

@@ -45,7 +45,8 @@ export default {
             handler() {
                 this.buildCollectionsList();
             },
-            immediate: true
+            immediate: true,
+            deep: true
         }
     },
     methods: {

src/views/reports/components/items-per-term-block.vue

@@ -171,7 +171,8 @@ export default {
                 if (this.taxonomiesListArray && this.taxonomiesListArray.length)
                     this.selectedTaxonomy = this.taxonomiesListArray[0];
             },
-            immediate: true
+            immediate: true,
+            deep: true
         },
         selectedTaxonomy: {
             handler() {
@@ -179,7 +180,8 @@ export default {
                 if (this.selectedTaxonomy && this.selectedTaxonomy.id)
                     this.loadTaxonomyTerms();
             },
-            immediate: true
+            immediate: true,
+            deep: true
         },
         termsDisplayedPage() {
             this.buildTaxonomyTermsChart();

src/views/reports/components/items-per-term-collection-block.vue

@@ -363,7 +363,8 @@ export default {
                 if (this.metadataListArray && this.metadataListArray.length)
                     this.selectedMetadatum = this.metadataListArray[0];
             },
-            immediate: true
+            immediate: true,
+            deep: true
         },
         selectedMetadatum: {
             handler() {
@@ -373,7 +374,8 @@ export default {
                     this.loadMetadatumTerms();
                 }
             },
-            immediate: true
+            immediate: true,
+            deep: true
         },
         termsDisplayedPage() {
             this.buildMetadatumTermsChart();
@@ -389,11 +391,14 @@ export default {
             this.childTermsDisplayedPage = 1;
             this.buildMetadatumChildTermsChart();
         },
-        selectedParentTerm() {
+        selectedParentTerm: {
+            handler() {
                 if (this.selectedParentTerm[this.selectedParentTerm.length - 1] && this.selectedParentTerm[this.selectedParentTerm.length - 1].id) {
                     this.loadMetadatumChildTerms();
                 }
             },
+            deep: true
+        },
         itemsPerTermChartMode() {
             this.termsDisplayedPage = 1;
             this.loadMetadatumTerms();

src/views/reports/components/metadata-distribution-block.vue

@@ -36,6 +36,7 @@ export default {
                 this.buildMetadataDistributionChart();
             },
             immediate: true,
+            deep: true
         }
     },
     methods: {

src/views/reports/components/metadata-types-block.vue

@@ -65,7 +65,8 @@ export default {
                 if (this.chartData && this.chartData.totals)
                     this.buildMetadataTypeChart();
             },
-            immediate: true
+            immediate: true,
+            deep: true
         }
     },
     methods: {

src/views/reports/components/number-block.vue

@@ -198,8 +198,11 @@ export default {
         })
     },
     watch: {
-        totalByStatus() {
+        totalByStatus: {
+            handler() {
                 this.buildVisibilityChart();
+            },
+            deep: true
         }
     },
     methods: {

src/views/reports/components/terms-per-taxonomy-block.vue

@@ -49,7 +49,8 @@ export default {
             handler() {
                 this.buildTaxonomiesList();
             },
-            immediate: true
+            immediate: true,
+            deep: true
         }
     },
     methods: {

src/views/reports/pages/reports-list.vue

@@ -334,7 +334,8 @@ export default {
                     this.loadMetadataList();
                 }
             },
-            immediate: true
+            immediate: true,
+            deep: true
         }
     },
     created() {