- npm updates, remove rxjs

- add draw.component.vue
- only load needed leaflet classes into map.component.vue an Submitter/Create.vue
- rename js/store.Map.ts to js/Stores/map.service.ts
-

resources/js/Components/Map/zoom.component.vue

@@ -1,9 +1,5 @@
 <template>
     <div class="gba-control-zoom btn-group-vertical">
-        <!-- <button ref="inputPlus" type="button" class="button is-light is-small" :click.prevent="zoomIn">
-            <fa-icon [icon]="faPlus"></fa-icon>
-        </button> -->
-        <!-- <BaseButton ref="inputPlus" :icon="mdiPlus" color="white" rounded small @click.prevent="zoomIn" /> -->
         <button
             ref="inputPlus"
             class="inline-flex cursor-pointer justify-center items-center whitespace-nowrap focus:outline-none transition-colors duration-150 border rounded ring-blue-700 bg-teal-50 text-black border-teal-50 hover:bg-gray-200 text-sm p-1"
@@ -26,7 +22,7 @@
 
 <script lang="ts">
 import { Component, Vue, Prop, Ref } from 'vue-facing-decorator';
-import { MapService } from '@/Stores/map';
+import { MapService } from '@/Stores/map.service';
 
 import BaseIcon from '@/Components/BaseIcon.vue';
 import { mdiPlus, mdiMinus } from '@mdi/js';
@@ -34,7 +30,7 @@ import { mdiPlus, mdiMinus } from '@mdi/js';
 @Component({
     name: 'zoom-control',
     components: {
-        BaseIcon       
+        BaseIcon,
     },
 })
 export default class ZoomControlComponent extends Vue {
@@ -50,6 +46,16 @@ export default class ZoomControlComponent extends Vue {
     @Ref('inputMinus') private _inpuMinus: HTMLElement;
 
     mapService = MapService();
+    map;
+
+    // mounted() {
+    //     let map = (this.map = this.mapService.getMap(this.mapId));
+    //     map.on('zoomend zoomlevelschange', this.updateDisabled, this);
+    // }
+
+    // unmounted() {
+    //     this.map.off('zoomend zoomlevelschange');
+    // }
 
     public zoomIn() {
         let map = this.mapService.getMap(this.mapId);