Templating: Support selecting all filtered values of multi-value variable (#16873)

* Closes #15821

* sorry, now prettier

* select and deselect on filtered values works with Selected option now. Should the clearSelections function rather be renamed to selectOrClearValues? Selected should have another name too.

public/app/core/directives/value_select_dropdown.ts

@@ -77,10 +77,17 @@ export class ValueSelectDropdownCtrl {
   }
   }
 
 
   clearSelections() {
   clearSelections() {
+    this.selectedValues = _.filter(this.options, { selected: true });
+
+    if (this.selectedValues.length > 1) {
       _.each(this.options, option => {
       _.each(this.options, option => {
         option.selected = false;
         option.selected = false;
       });
       });
-
+    } else {
+      _.each(this.search.options, option => {
+        option.selected = true;
+      });
+    }
     this.selectionsChanged(false);
     this.selectionsChanged(false);
   }
   }