Standardized custom controls to fire input event instead of changed which is immediate for ui

renamed onChange handler code to better reflect what it does
tested all controls on widget form to ensure they update and roundtrip properly and dirty checking is now fired immediately no need to tab off

ayanova/src/components/gz-data-table.vue

@@ -18,7 +18,7 @@
           item-text="name"
           item-value="id"
           :label="lt('DataListView')"
-          @change="listViewChanged"
+          @input="listViewChanged"
         >
         </v-select>
         <v-spacer></v-spacer>
@@ -422,7 +422,7 @@ export default {
       //Note vm this bubbles up all the columns of all the selected rows
 
       //so, to be more efficient for now will just send the ID's until I see a need for other shit
-      this.$emit("update:selected", window.$gz._.map(this.selected, "id"));
+      this.$emit("input", window.$gz._.map(this.selected, "id"));
     },
     editListView() {
       this.$router.push({