@syncfusion/ej2-angular-maps 19.4.56 → 19.4.57-105067

package/schematics/generators/maps-label/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "maps-label",
+  "$id": "EJ2SchemaTemplateID",
   "title": "maps-label",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "maps-label"
 }

package/schematics/generators/maps-legend/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -1,3 +1,3 @@
-.control-section {
-    min-height: 450px;
-}
+.control-section {
+    min-height: 450px;
+}

package/schematics/generators/maps-legend/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -1,8 +1,8 @@
-<div class="control-section">
-    <div align='center'>
-        <ejs-maps id='container' style="display:block;" [zoomSettings]='zoomSettings' [layers]='layers' 
-            [legendSettings]="legendSettings" [titleSettings] = "titleSettings"
-            (load)="load($event)">
-        </ejs-maps>
-    </div>   
+<div class="control-section">
+    <div align='center'>
+        <ejs-maps id='container' style="display:block;" [zoomSettings]='zoomSettings' [layers]='layers' 
+            [legendSettings]="legendSettings" [titleSettings] = "titleSettings"
+            (load)="load($event)">
+        </ejs-maps>
+    </div>   
 </div>

package/schematics/generators/maps-legend/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -1,102 +1,102 @@
-/* eslint-disable */
-import { Component, ViewEncapsulation } from '@angular/core';
-import { MapsTheme, Maps, Legend, Marker, MapsTooltip, ILoadEventArgs } from '@syncfusion/ej2-angular-maps';
-import { default_datasource } from './assets/default-datasource';
-import { world_map } from './assets/world-map';
-
-Maps.Inject(Legend, Marker, MapsTooltip);
-
-/**
- * Maps default sample
- */
-@Component({
-    selector: '<%=dasherize(selector)%>',
-    templateUrl: '<%=dasherize(name)%>.component.html',
-    styleUrls: ['<%=dasherize(name)%>.component.css'],
-    encapsulation: ViewEncapsulation.None
-})
-export class <%= classify(name) %>Component {
-    titleSettings: object = {
-        text: 'YouTube office locations',
-        textStyle: {
-            size: '16px'
-        }
-    };
-    public zoomSettings: object = {
-        enable: false
-    };
-    public legendSettings: object = { visible: true };
-
-    public layers: object[] = [{
-        shapeData: world_map,
-        shapePropertyPath: 'continent',
-        shapeDataPath: 'continent', 
-        dataSource: default_datasource, 
-        shapeSettings: { colorValuePath: 'color', }, 
-        markerSettings: [{ 
-            visible: true, 
-            dataSource: [
-                { latitude: 37.6276571, longitude: -122.4276688, name: 'San Bruno' }, 
-                { latitude: 33.5302186, longitude: -117.7418381, name: 'Laguna Niguel' }, 
-                { latitude: 40.7424509, longitude: -74.0081468, name: 'New York' }, 
-                { latitude: -23.5268201, longitude: -46.6489927, name: 'Bom Retiro' }, 
-                { latitude: 43.6533855, longitude: -79.3729994, name: 'Toronto' }, 
-                { latitude: 48.8773406, longitude: 2.3299627, name: 'Paris' }, 
-                { latitude: 52.4643089, longitude: 13.4107368, name: 'Berlin' }, 
-                { latitude: 19.1555762, longitude: 72.8849595, name: 'Mumbai' }, 
-                { latitude: 35.6628744, longitude: 139.7345469, name: 'Minato' }, 
-                { latitude: 51.5326602, longitude: -0.1262422, name: 'London' }
-            ], 
-            shape: 'Image', 
-            imageUrl: '/source/maps/images/ballon.png', 
-            height: 20, width: 20, offset: { y: -10, x: 0 }, 
-            tooltipSettings: { visible: true, valuePath: 'name' }, 
-            animationDuration: 0 
-        }, 
-        { 
-            visible: true, 
-            tooltipSettings: { visible: true },
-            template: '<div id="marker1" class="markersTemplate" style="color:white;">Asia' + '</div>', 
-            dataSource: [{ latitude: 50.32087157990324, longitude: 90.015625 }], 
-            animationDuration: 0 
-        }, 
-        { 
-            visible: true, 
-            template: '<div id="marker2" class="markersTemplate" style="color:white;">Australia' + '</div>', 
-            dataSource: [{ latitude: -25.88583769986199, longitude: 134.296875 }], 
-            animationDuration: 0 
-        }, 
-        { 
-            visible: true, 
-            template: '<div id="marker3" class="markersTemplate" style="color:white;">Africa' + '</div>', 
-            dataSource: [{ latitude: 16.97274101999902, longitude: 16.390625 }], 
-            animationDuration: 0 
-        }, 
-        { 
-            visible: true, 
-            template: '<div id="marker4" class="markersTemplate" style="color:white;">Europe' + '</div>', 
-            dataSource: [{ latitude: 49.95121990866204, longitude: 18.468749999999998 }], 
-            animationDuration: 0 
-        }, 
-        { 
-            visible: true, 
-            template: '<div id="marker5" class="markersTemplate" style="width:50px;color:white;">North America' + '</div>', 
-            dataSource: [{ latitude: 59.88893689676585, longitude: -109.3359375 }], 
-            animationDuration: 0 
-        }, 
-        { 
-            visible: true, 
-            template: '<div id="marker6" class="markersTemplate" style="width:50px;color:white;">South America' + '</div>', 
-            dataSource: [{ latitude: -6.64607562172573, longitude: -55.54687499999999 }], 
-            animationDuration: 0 
-        }]
-    }];
-    public load = (args: ILoadEventArgs) => {
-        let theme: string = location.hash.split('/')[1];
-        theme = theme ? theme : 'Material';
-        args.maps.theme = <MapsTheme>(theme.charAt(0).toUpperCase() + theme.slice(1));
-    }
-    constructor() {
-        //code
-    };
+/* eslint-disable */
+import { Component, ViewEncapsulation } from '@angular/core';
+import { MapsTheme, Maps, Legend, Marker, MapsTooltip, ILoadEventArgs } from '@syncfusion/ej2-angular-maps';
+import { default_datasource } from './assets/default-datasource';
+import { world_map } from './assets/world-map';
+
+Maps.Inject(Legend, Marker, MapsTooltip);
+
+/**
+ * Maps default sample
+ */
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css'],
+    encapsulation: ViewEncapsulation.None
+})
+export class <%= classify(name) %>Component {
+    titleSettings: object = {
+        text: 'YouTube office locations',
+        textStyle: {
+            size: '16px'
+        }
+    };
+    public zoomSettings: object = {
+        enable: false
+    };
+    public legendSettings: object = { visible: true };
+
+    public layers: object[] = [{
+        shapeData: world_map,
+        shapePropertyPath: 'continent',
+        shapeDataPath: 'continent', 
+        dataSource: default_datasource, 
+        shapeSettings: { colorValuePath: 'color', }, 
+        markerSettings: [{ 
+            visible: true, 
+            dataSource: [
+                { latitude: 37.6276571, longitude: -122.4276688, name: 'San Bruno' }, 
+                { latitude: 33.5302186, longitude: -117.7418381, name: 'Laguna Niguel' }, 
+                { latitude: 40.7424509, longitude: -74.0081468, name: 'New York' }, 
+                { latitude: -23.5268201, longitude: -46.6489927, name: 'Bom Retiro' }, 
+                { latitude: 43.6533855, longitude: -79.3729994, name: 'Toronto' }, 
+                { latitude: 48.8773406, longitude: 2.3299627, name: 'Paris' }, 
+                { latitude: 52.4643089, longitude: 13.4107368, name: 'Berlin' }, 
+                { latitude: 19.1555762, longitude: 72.8849595, name: 'Mumbai' }, 
+                { latitude: 35.6628744, longitude: 139.7345469, name: 'Minato' }, 
+                { latitude: 51.5326602, longitude: -0.1262422, name: 'London' }
+            ], 
+            shape: 'Image', 
+            imageUrl: '/source/maps/images/ballon.png', 
+            height: 20, width: 20, offset: { y: -10, x: 0 }, 
+            tooltipSettings: { visible: true, valuePath: 'name' }, 
+            animationDuration: 0 
+        }, 
+        { 
+            visible: true, 
+            tooltipSettings: { visible: true },
+            template: '<div id="marker1" class="markersTemplate" style="color:white;">Asia' + '</div>', 
+            dataSource: [{ latitude: 50.32087157990324, longitude: 90.015625 }], 
+            animationDuration: 0 
+        }, 
+        { 
+            visible: true, 
+            template: '<div id="marker2" class="markersTemplate" style="color:white;">Australia' + '</div>', 
+            dataSource: [{ latitude: -25.88583769986199, longitude: 134.296875 }], 
+            animationDuration: 0 
+        }, 
+        { 
+            visible: true, 
+            template: '<div id="marker3" class="markersTemplate" style="color:white;">Africa' + '</div>', 
+            dataSource: [{ latitude: 16.97274101999902, longitude: 16.390625 }], 
+            animationDuration: 0 
+        }, 
+        { 
+            visible: true, 
+            template: '<div id="marker4" class="markersTemplate" style="color:white;">Europe' + '</div>', 
+            dataSource: [{ latitude: 49.95121990866204, longitude: 18.468749999999998 }], 
+            animationDuration: 0 
+        }, 
+        { 
+            visible: true, 
+            template: '<div id="marker5" class="markersTemplate" style="width:50px;color:white;">North America' + '</div>', 
+            dataSource: [{ latitude: 59.88893689676585, longitude: -109.3359375 }], 
+            animationDuration: 0 
+        }, 
+        { 
+            visible: true, 
+            template: '<div id="marker6" class="markersTemplate" style="width:50px;color:white;">South America' + '</div>', 
+            dataSource: [{ latitude: -6.64607562172573, longitude: -55.54687499999999 }], 
+            animationDuration: 0 
+        }]
+    }];
+    public load = (args: ILoadEventArgs) => {
+        let theme: string = location.hash.split('/')[1];
+        theme = theme ? theme : 'Material';
+        args.maps.theme = <MapsTheme>(theme.charAt(0).toUpperCase() + theme.slice(1));
+    }
+    constructor() {
+        //code
+    };
 }

package/schematics/generators/maps-legend/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "maps-legend",
+  "$id": "EJ2SchemaTemplateID",
   "title": "maps-legend",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "maps-legend"
 }

package/schematics/generators/maps-marker/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -1,3 +1,3 @@
-.control-section {
-    min-height: 450px;
-}
+.control-section {
+    min-height: 450px;
+}

package/schematics/generators/maps-marker/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -1,10 +1,10 @@
-<div class="control-section">
-    <div align='center'>
-        <ejs-maps id='container' style="display:block;" [zoomSettings]='zoomSettings' [layers]='layers' 
-             [titleSettings] = "titleSettings"
-            (load)="load($event)">
-        </ejs-maps>
-    </div>   
-</div>
-    
-
+<div class="control-section">
+    <div align='center'>
+        <ejs-maps id='container' style="display:block;" [zoomSettings]='zoomSettings' [layers]='layers' 
+             [titleSettings] = "titleSettings"
+            (load)="load($event)">
+        </ejs-maps>
+    </div>   
+</div>
+    
+

package/schematics/generators/maps-marker/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -1,101 +1,101 @@
-/* eslint-disable */
-import { Component, ViewEncapsulation } from '@angular/core';
-import { MapsTheme, Maps, Legend, Marker, MapsTooltip, ILoadEventArgs } from '@syncfusion/ej2-angular-maps';
-import { default_datasource } from './assets/default-datasource';
-import { world_map } from './assets/world-map';
-
-Maps.Inject(Legend, Marker, MapsTooltip);
-
-/**
- * Maps default sample
- */
-@Component({
-    selector: '<%=dasherize(selector)%>',
-    templateUrl: '<%=dasherize(name)%>.component.html',
-    styleUrls: ['<%=dasherize(name)%>.component.css'],
-    encapsulation: ViewEncapsulation.None
-})
-export class <%= classify(name) %>Component {
-    titleSettings: object = {
-        text: 'YouTube office locations',
-        textStyle: {
-            size: '16px'
-        }
-    };
-    public zoomSettings: object = {
-        enable: false
-    };
-
-    public layers: object[] = [{
-        shapeData: world_map,
-        shapePropertyPath: 'continent',
-        shapeDataPath: 'continent', 
-        dataSource: default_datasource, 
-        shapeSettings: { colorValuePath: 'color', }, 
-        markerSettings: [{ 
-            visible: true, 
-            dataSource: [
-                { latitude: 37.6276571, longitude: -122.4276688, name: 'San Bruno' }, 
-                { latitude: 33.5302186, longitude: -117.7418381, name: 'Laguna Niguel' }, 
-                { latitude: 40.7424509, longitude: -74.0081468, name: 'New York' }, 
-                { latitude: -23.5268201, longitude: -46.6489927, name: 'Bom Retiro' }, 
-                { latitude: 43.6533855, longitude: -79.3729994, name: 'Toronto' }, 
-                { latitude: 48.8773406, longitude: 2.3299627, name: 'Paris' }, 
-                { latitude: 52.4643089, longitude: 13.4107368, name: 'Berlin' }, 
-                { latitude: 19.1555762, longitude: 72.8849595, name: 'Mumbai' }, 
-                { latitude: 35.6628744, longitude: 139.7345469, name: 'Minato' }, 
-                { latitude: 51.5326602, longitude: -0.1262422, name: 'London' }
-            ], 
-            shape: 'Image', 
-            imageUrl: './assets/images/ballon.png', 
-            height: 20, width: 20, offset: { y: -10, x: 0 }, 
-            tooltipSettings: { visible: true, valuePath: 'name' }, 
-            animationDuration: 0 
-        }, 
-        { 
-            visible: true, 
-            tooltipSettings: { visible: true },
-            template: '<div id="marker1" class="markersTemplate" style="color:white;">Asia' + '</div>', 
-            dataSource: [{ latitude: 50.32087157990324, longitude: 90.015625 }], 
-            animationDuration: 0 
-        }, 
-        { 
-            visible: true, 
-            template: '<div id="marker2" class="markersTemplate" style="color:white;">Australia' + '</div>', 
-            dataSource: [{ latitude: -25.88583769986199, longitude: 134.296875 }], 
-            animationDuration: 0 
-        }, 
-        { 
-            visible: true, 
-            template: '<div id="marker3" class="markersTemplate" style="color:white;">Africa' + '</div>', 
-            dataSource: [{ latitude: 16.97274101999902, longitude: 16.390625 }], 
-            animationDuration: 0 
-        }, 
-        { 
-            visible: true, 
-            template: '<div id="marker4" class="markersTemplate" style="color:white;">Europe' + '</div>', 
-            dataSource: [{ latitude: 49.95121990866204, longitude: 18.468749999999998 }], 
-            animationDuration: 0 
-        }, 
-        { 
-            visible: true, 
-            template: '<div id="marker5" class="markersTemplate" style="width:50px;color:white;">North America' + '</div>', 
-            dataSource: [{ latitude: 59.88893689676585, longitude: -109.3359375 }], 
-            animationDuration: 0 
-        }, 
-        { 
-            visible: true, 
-            template: '<div id="marker6" class="markersTemplate" style="width:50px;color:white;">South America' + '</div>', 
-            dataSource: [{ latitude: -6.64607562172573, longitude: -55.54687499999999 }], 
-            animationDuration: 0 
-        }]
-    }];
-    public load = (args: ILoadEventArgs) => {
-        let theme: string = location.hash.split('/')[1];
-        theme = theme ? theme : 'Material';
-        args.maps.theme = <MapsTheme>(theme.charAt(0).toUpperCase() + theme.slice(1));
-    }
-    constructor() {
-        //code
-    };
+/* eslint-disable */
+import { Component, ViewEncapsulation } from '@angular/core';
+import { MapsTheme, Maps, Legend, Marker, MapsTooltip, ILoadEventArgs } from '@syncfusion/ej2-angular-maps';
+import { default_datasource } from './assets/default-datasource';
+import { world_map } from './assets/world-map';
+
+Maps.Inject(Legend, Marker, MapsTooltip);
+
+/**
+ * Maps default sample
+ */
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css'],
+    encapsulation: ViewEncapsulation.None
+})
+export class <%= classify(name) %>Component {
+    titleSettings: object = {
+        text: 'YouTube office locations',
+        textStyle: {
+            size: '16px'
+        }
+    };
+    public zoomSettings: object = {
+        enable: false
+    };
+
+    public layers: object[] = [{
+        shapeData: world_map,
+        shapePropertyPath: 'continent',
+        shapeDataPath: 'continent', 
+        dataSource: default_datasource, 
+        shapeSettings: { colorValuePath: 'color', }, 
+        markerSettings: [{ 
+            visible: true, 
+            dataSource: [
+                { latitude: 37.6276571, longitude: -122.4276688, name: 'San Bruno' }, 
+                { latitude: 33.5302186, longitude: -117.7418381, name: 'Laguna Niguel' }, 
+                { latitude: 40.7424509, longitude: -74.0081468, name: 'New York' }, 
+                { latitude: -23.5268201, longitude: -46.6489927, name: 'Bom Retiro' }, 
+                { latitude: 43.6533855, longitude: -79.3729994, name: 'Toronto' }, 
+                { latitude: 48.8773406, longitude: 2.3299627, name: 'Paris' }, 
+                { latitude: 52.4643089, longitude: 13.4107368, name: 'Berlin' }, 
+                { latitude: 19.1555762, longitude: 72.8849595, name: 'Mumbai' }, 
+                { latitude: 35.6628744, longitude: 139.7345469, name: 'Minato' }, 
+                { latitude: 51.5326602, longitude: -0.1262422, name: 'London' }
+            ], 
+            shape: 'Image', 
+            imageUrl: './assets/images/ballon.png', 
+            height: 20, width: 20, offset: { y: -10, x: 0 }, 
+            tooltipSettings: { visible: true, valuePath: 'name' }, 
+            animationDuration: 0 
+        }, 
+        { 
+            visible: true, 
+            tooltipSettings: { visible: true },
+            template: '<div id="marker1" class="markersTemplate" style="color:white;">Asia' + '</div>', 
+            dataSource: [{ latitude: 50.32087157990324, longitude: 90.015625 }], 
+            animationDuration: 0 
+        }, 
+        { 
+            visible: true, 
+            template: '<div id="marker2" class="markersTemplate" style="color:white;">Australia' + '</div>', 
+            dataSource: [{ latitude: -25.88583769986199, longitude: 134.296875 }], 
+            animationDuration: 0 
+        }, 
+        { 
+            visible: true, 
+            template: '<div id="marker3" class="markersTemplate" style="color:white;">Africa' + '</div>', 
+            dataSource: [{ latitude: 16.97274101999902, longitude: 16.390625 }], 
+            animationDuration: 0 
+        }, 
+        { 
+            visible: true, 
+            template: '<div id="marker4" class="markersTemplate" style="color:white;">Europe' + '</div>', 
+            dataSource: [{ latitude: 49.95121990866204, longitude: 18.468749999999998 }], 
+            animationDuration: 0 
+        }, 
+        { 
+            visible: true, 
+            template: '<div id="marker5" class="markersTemplate" style="width:50px;color:white;">North America' + '</div>', 
+            dataSource: [{ latitude: 59.88893689676585, longitude: -109.3359375 }], 
+            animationDuration: 0 
+        }, 
+        { 
+            visible: true, 
+            template: '<div id="marker6" class="markersTemplate" style="width:50px;color:white;">South America' + '</div>', 
+            dataSource: [{ latitude: -6.64607562172573, longitude: -55.54687499999999 }], 
+            animationDuration: 0 
+        }]
+    }];
+    public load = (args: ILoadEventArgs) => {
+        let theme: string = location.hash.split('/')[1];
+        theme = theme ? theme : 'Material';
+        args.maps.theme = <MapsTheme>(theme.charAt(0).toUpperCase() + theme.slice(1));
+    }
+    constructor() {
+        //code
+    };
 }

package/schematics/generators/maps-marker/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "maps-marker",
+  "$id": "EJ2SchemaTemplateID",
   "title": "maps-marker",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "maps-marker"
 }

package/schematics/generators/maps-navigation-line/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -1,19 +1,19 @@
-#container_layerIndex_0_line_Group {
-    stroke-dasharray: 10px 10px;
-    stroke-linejoin: round;
-    stroke-linecap: round;
-    -webkit-animation: dash 15s linear infinite;
-    animation: dash 15s linear infinite;
-}
-
-@-webkit-keyframes dash {
-    100% {
-        stroke-dashoffset: -20px;
-    }
-}
-
-@keyframes dash {
-    100% {
-        stroke-dashoffset: -20px;
-    }
+#container_layerIndex_0_line_Group {
+    stroke-dasharray: 10px 10px;
+    stroke-linejoin: round;
+    stroke-linecap: round;
+    -webkit-animation: dash 15s linear infinite;
+    animation: dash 15s linear infinite;
+}
+
+@-webkit-keyframes dash {
+    100% {
+        stroke-dashoffset: -20px;
+    }
+}
+
+@keyframes dash {
+    100% {
+        stroke-dashoffset: -20px;
+    }
 }

package/schematics/generators/maps-navigation-line/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -1,6 +1,6 @@
-<div class="control-section">
-    <div align='center'>
-        <ejs-maps id='container' style="display:block;" [layers]='layers' [centerPosition]="centerPosition" [mapsArea]="mapsArea"
-            [zoomSettings]="zoomSettings" [titleSettings]="titleSettings" [navigationLineSettings] = 'navigationLineSettings' (load)="load($event)">
-        </ejs-maps>
+<div class="control-section">
+    <div align='center'>
+        <ejs-maps id='container' style="display:block;" [layers]='layers' [centerPosition]="centerPosition" [mapsArea]="mapsArea"
+            [zoomSettings]="zoomSettings" [titleSettings]="titleSettings" [navigationLineSettings] = 'navigationLineSettings' (load)="load($event)">
+        </ejs-maps>
     </div>