From b99e26723f7c946bc66769a5c770737df9b2e1c7 Mon Sep 17 00:00:00 2001
From: pipeline <pipeline@syncfusion.com>
Date: Thu, 10 Nov 2022 04:53:56 +0000
Subject: [PATCH] v20.3.56 is released

---
 package.json                 | 2 +-
 src/file-manager/default.vue | 5 +++--
 src/maps/marker-template.vue | 2 +-
 src/maps/osm-with-legend.vue | 2 +-
 src/maps/pie.vue             | 2 +-
 5 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index d6cf4f69..6cb37c24 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ej2-vue-samples",
-  "version": "20.3.47",
+  "version": "20.3.56",
   "description": "Examples of Vue UI Components",
   "keywords": [],
   "dependencies": {
diff --git a/src/file-manager/default.vue b/src/file-manager/default.vue
index da2c07bb..20c2818a 100644
--- a/src/file-manager/default.vue
+++ b/src/file-manager/default.vue
@@ -16,7 +16,7 @@
 						   		<div id="checkboxElement">Toolbar</div>
 						   </td>
 						   <td style="width: 50%; padding-right: 10px;">
-						   		<ejs-checkbox id="toolbar" :checked="true" :change="onChange"></ejs-checkbox> 
+						   		<ejs-checkbox id="toolbar" ref="toolObj" :checked="true" :change="onChange"></ejs-checkbox> 
 						   </td>
 						</tr>
 					</tbody>
@@ -92,7 +92,8 @@ export default Vue.extend ({
     methods: {
         onChange: function(args) {
             var fileobj = this.$refs.fileObject.ej2Instances;
-			if (args.event.currentTarget.id === "toolbar") {
+			var toolobj = this.$refs.toolObj.ej2Instances;
+			if (toolobj.currentTarget.id === "toolbar") {
 			    fileobj.toolbarSettings.visible = args.checked;
 		    }
         }
diff --git a/src/maps/marker-template.vue b/src/maps/marker-template.vue
index 758c88a3..798f96bf 100644
--- a/src/maps/marker-template.vue
+++ b/src/maps/marker-template.vue
@@ -29,7 +29,7 @@
                 <e-markerSetting height='30' width='30' visible='true' :dataSource='dataSourceSydney' :template="'templateSydney'"></e-markerSetting>
                 <e-markerSetting height='30' width='30' visible='true' :dataSource='dataSourceAliceSprings' :template="'templateAlice'"></e-markerSetting>
                 <e-markerSetting height='30' width='30' visible='true' :dataSource='dataSourceBrisbane' :template="'templateBrisbane'"></e-markerSetting>
-            <e-markerSettings>
+            </e-markerSettings>
         </e-layer>
     </e-layers>
 </ejs-maps>
diff --git a/src/maps/osm-with-legend.vue b/src/maps/osm-with-legend.vue
index 9840b23d..bc8e9ca8 100644
--- a/src/maps/osm-with-legend.vue
+++ b/src/maps/osm-with-legend.vue
@@ -8,7 +8,7 @@
         <e-layer layerType='OSM'>
             <e-markerSettings>
                 <e-markerSetting visible='true' legendText='name' colorValuePath='color' shape='Circle' height='15' width='15' :dataSource='markerShapeDataSource' :tooltipSettings='markerTooltipSettings' />
-            <e-markerSettings> 
+            </e-markerSettings> 
         </e-layer>
     </e-layers>
 </ejs-maps>
diff --git a/src/maps/pie.vue b/src/maps/pie.vue
index be67e931..d31ab8ef 100644
--- a/src/maps/pie.vue
+++ b/src/maps/pie.vue
@@ -6,7 +6,7 @@
                 <div id="pieChart1" style="height:70px;width:70px;"></div>
             </template>
             <template v-slot:pieTwoTemplate="{}">
-                <div id="pieChart2" style="height:70px;width:70px;">
+                <div id="pieChart2" style="height:70px;width:70px;"></div>
             </template>
             <template v-slot:pieThreeTemplate="{}">
                 <div id="pieChart3" style="top:10px;left:10px;height:70px;width:70px;"></div>