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

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

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

package/schematics/generators/maps-color-mapping/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-color-mapping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

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

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

@@ -1,77 +1,77 @@
-/* eslint-disable */
-import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
-import { MapsTheme, Maps, Zoom, Legend,  MapsTooltip, ILoadEventArgs } from '@syncfusion/ej2-angular-maps';
-import { world_map } from './assets/world-map';
-
-Maps.Inject(Zoom, Legend, MapsTooltip);
-@Component({
-    selector: '<%=dasherize(selector)%>',
-    templateUrl: '<%=dasherize(name)%>.component.html',
-    styleUrls: ['<%=dasherize(name)%>.component.css'],
-    encapsulation: ViewEncapsulation.None
-})
-export class <%= classify(name) %>Component {
-    @ViewChild('maps')
-    public maps: Maps;
-    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));
-    }
-    public zoomSettings: object= {
-        enable: false
-    };
-    public legendSettings: object = { visible: true };
-
-    public titleSettings: object = {
-        text: 'Members of the UN Security Council',
-        titleStyle: { size: '16px' },
-        subtitleSettings: {
-            text: '- In 2017',
-            titleStyle: { alignment: 'Far' }
-        }
-    };
-
-    public layers: object[] =  [
-        {
-            shapeData: world_map,
-            shapeDataPath: 'Country',
-            shapePropertyPath: 'name',
-            dataSource : [
-                { Country: 'China', Membership: 'Permanent' },
-                { Country: 'France', Membership: 'Permanent' },
-                { Country: 'Russia', Membership: 'Permanent' },
-                { Country: 'United Kingdom', Membership: 'Permanent' },
-                { Country: 'United States', Membership: 'Permanent' },
-                { Country: 'Bolivia', Membership: 'Non-Permanent' },
-                { Country: 'Eq. Guinea', Membership: 'Non-Permanent' },
-                { Country: 'Ethiopia', Membership: 'Non-Permanent' },
-                { Country: 'Côte d Ivoire', Membership: 'Permanent' },
-                { Country: 'Kazakhstan', Membership: 'Non-Permanent' },
-                { Country: 'Kuwait', Membership: 'Non-Permanent' },
-                { Country: 'Netherlands', Membership: 'Non-Permanent' },
-                { Country: 'Peru', Membership: 'Non-Permanent' },
-                { Country: 'Poland', Membership: 'Non-Permanent' },
-                { Country: 'Sweden', Membership: 'Non-Permanent' },
-                ],
-            tooltipSettings: {
-                visible: true,
-                valuePath: 'Country',
-            },
-            shapeSettings: {
-                fill: '#E5E5E5',
-                colorMapping: [
-                    {
-                        value: 'Permanent',
-                        color: '#EDB46F'
-                    },
-                    {
-                        color: '#F1931B',
-                        value: 'Non-Permanent'
-                    }
-                ],
-                colorValuePath: 'Membership'
-            }
-        }
-    ];
+/* eslint-disable */
+import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
+import { MapsTheme, Maps, Zoom, Legend,  MapsTooltip, ILoadEventArgs } from '@syncfusion/ej2-angular-maps';
+import { world_map } from './assets/world-map';
+
+Maps.Inject(Zoom, Legend, MapsTooltip);
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css'],
+    encapsulation: ViewEncapsulation.None
+})
+export class <%= classify(name) %>Component {
+    @ViewChild('maps')
+    public maps: Maps;
+    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));
+    }
+    public zoomSettings: object= {
+        enable: false
+    };
+    public legendSettings: object = { visible: true };
+
+    public titleSettings: object = {
+        text: 'Members of the UN Security Council',
+        titleStyle: { size: '16px' },
+        subtitleSettings: {
+            text: '- In 2017',
+            titleStyle: { alignment: 'Far' }
+        }
+    };
+
+    public layers: object[] =  [
+        {
+            shapeData: world_map,
+            shapeDataPath: 'Country',
+            shapePropertyPath: 'name',
+            dataSource : [
+                { Country: 'China', Membership: 'Permanent' },
+                { Country: 'France', Membership: 'Permanent' },
+                { Country: 'Russia', Membership: 'Permanent' },
+                { Country: 'United Kingdom', Membership: 'Permanent' },
+                { Country: 'United States', Membership: 'Permanent' },
+                { Country: 'Bolivia', Membership: 'Non-Permanent' },
+                { Country: 'Eq. Guinea', Membership: 'Non-Permanent' },
+                { Country: 'Ethiopia', Membership: 'Non-Permanent' },
+                { Country: 'Côte d Ivoire', Membership: 'Permanent' },
+                { Country: 'Kazakhstan', Membership: 'Non-Permanent' },
+                { Country: 'Kuwait', Membership: 'Non-Permanent' },
+                { Country: 'Netherlands', Membership: 'Non-Permanent' },
+                { Country: 'Peru', Membership: 'Non-Permanent' },
+                { Country: 'Poland', Membership: 'Non-Permanent' },
+                { Country: 'Sweden', Membership: 'Non-Permanent' },
+                ],
+            tooltipSettings: {
+                visible: true,
+                valuePath: 'Country',
+            },
+            shapeSettings: {
+                fill: '#E5E5E5',
+                colorMapping: [
+                    {
+                        value: 'Permanent',
+                        color: '#EDB46F'
+                    },
+                    {
+                        color: '#F1931B',
+                        value: 'Non-Permanent'
+                    }
+                ],
+                colorValuePath: 'Membership'
+            }
+        }
+    ];
 }

package/schematics/generators/maps-color-mapping/schema.json

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

package/schematics/generators/maps-default/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-default/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-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -1,33 +1,33 @@
-/* eslint-disable */
-import { Component, ViewEncapsulation } from '@angular/core';
-import { MapsTheme, Maps, Legend, Marker, MapsTooltip, ILoadEventArgs } from '@syncfusion/ej2-angular-maps';
-import { world_map } from './assets/world-map';
-
-@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: 'World Map',
-        textStyle: {
-            size: '16px'
-        }
-    };
-    public zoomSettings: object = {
-        enable: true
-    };
-    public layers: object[] = [{
-        shapeData: world_map
-    }];
-    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 { world_map } from './assets/world-map';
+
+@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: 'World Map',
+        textStyle: {
+            size: '16px'
+        }
+    };
+    public zoomSettings: object = {
+        enable: true
+    };
+    public layers: object[] = [{
+        shapeData: world_map
+    }];
+    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-default/schema.json

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

package/schematics/generators/maps-label/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-label/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

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

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

@@ -1,38 +1,38 @@
-/* eslint-disable */
-import { Component, ViewEncapsulation } from '@angular/core';
-import { MapsTheme, Maps, DataLabel, ILoadEventArgs } from '@syncfusion/ej2-angular-maps';
-import { world_map } from './assets/world-map';
-Maps.Inject(DataLabel);
-@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: 'World Map',
-        textStyle: {
-            size: '16px'
-        }
-    };
-    public zoomSettings: object = {
-        enable: true
-    };
-    public layers: object[] = [{
-        shapeData: world_map,
-        dataLabelSettings: {
-            visible: true,
-            labelPath: 'name',
-            smartLabelMode: 'Trim'
-        },
-    }];
-    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, DataLabel, ILoadEventArgs } from '@syncfusion/ej2-angular-maps';
+import { world_map } from './assets/world-map';
+Maps.Inject(DataLabel);
+@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: 'World Map',
+        textStyle: {
+            size: '16px'
+        }
+    };
+    public zoomSettings: object = {
+        enable: true
+    };
+    public layers: object[] = [{
+        shapeData: world_map,
+        dataLabelSettings: {
+            visible: true,
+            labelPath: 'name',
+            smartLabelMode: 'Trim'
+        },
+    }];
+    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
+    };
 }