Merge branch 'master' into didimmova/update-grid-lite-styling-sample

Author: simeonoff

.gitignore

@@ -51,3 +51,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+*.db

README.md

@@ -1,6 +1,6 @@
 
 <div style="display: flex; flex-flow: row; font-family: 'Titillium Web'">
-    <img style="border-radius: 0.25rem" alt="ignite-ui" src="https://raw.githubusercontent.com/IgniteUI/igniteui-xplat-docs/vnext/doc/en/images/readme/ig-banner.png" />
+    <img style="border-radius: 0.25rem" alt="ignite-ui" src="https://dl.infragistics.com/x/img/browsers/ig-banner.png" />
 </div>
 
 # Examples of Ignite UI for Web Components

browser/README.md

@@ -1,5 +1,5 @@
 <div style="display: flex; flex-flow: row; font-family: 'Titillium Web'">
-    <img style="border-radius: 0.25rem" alt="ignite-ui" src="https://raw.githubusercontent.com/IgniteUI/igniteui-xplat-docs/vnext/doc/en/images/readme/ig-banner.png"/>
+    <img style="border-radius: 0.25rem" alt="ignite-ui" src="https://dl.infragistics.com/x/img/browsers/ig-banner.png"/>
 </div>
 
 # Browser App for Web Components

browser/public/index.html

@@ -11,10 +11,12 @@
   </title>
   <base href="/webcomponents-demos/">
 
-  <link href="https://fonts.googleapis.com/css?family=Kanit&display=swap" rel="stylesheet">
-  <link href="https://static.infragistics.com/xplatform/images/browsers/wc.png" rel="shortcut icon" >
-  <link href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" rel="stylesheet" type="text/css" />
-  <link href="https://static.infragistics.com/xplatform/css/samples/custom-legend.css" rel="stylesheet" type="text/css" />
+  <link rel="stylesheet"    href="https://fonts.googleapis.com/css?family=Berkshire+Swash">
+  <link rel="stylesheet"    href="https://fonts.googleapis.com/css?family=Kanit&display=swap" >
+  <link rel="stylesheet"    href="https://fonts.googleapis.com/icon?family=Material+Icons" />
+  <link rel="stylesheet"    href="https://dl.infragistics.com/x/css/samples/shared.v8.css" type="text/css" />
+  <link rel="stylesheet"    href="https://dl.infragistics.com/x/css/samples/custom-legend.css" type="text/css" />
+  <link rel="shortcut icon" href="https://dl.infragistics.com/x/img/browsers/wc.png" >
 
   <!-- <link href="<%= htmlWebpackPlugin.options.publicPath %>assets/css/index.css" rel="stylesheet" /> -->
   <link href="<%= htmlWebpackPlugin.options.publicPath %>assets/css/browser.css" rel="stylesheet" />
@@ -26,7 +28,7 @@
     <div class="nav-content"  >
 
         <!-- <div class="nav-logo">
-          <img src="https://static.infragistics.com/xplatform/images/browsers/wc.png" width="20px" height="20px">
+          <img src="https://dl.infragistics.com/x/img/browsers/wc.png" width="20px" height="20px">
           <div >SAMPLES BROWSER</div>
         </div> -->
 
@@ -1132,6 +1134,7 @@
            <a class="nav-link" href="#" data-nav="/samples/maps/geo-map/marker-type">─<span>Geo Map Marker Type</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/maps/geo-map/navigation">─<span>Geo Map Navigation</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/maps/geo-map/overview">─<span>Geo Map Overview</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/maps/geo-map/santa-flights-map">─<span>Geo Map Santa Flights Map</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/maps/geo-map/shape-styling">─<span>Geo Map Shape Styling</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/maps/geo-map/synchronization">─<span>Geo Map Synchronization</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/maps/geo-map/triangulating-data">─<span>Geo Map Triangulating Data</span></a> 

browser/src/assets/css/index.css

@@ -1,2 +1,2 @@
 /* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
+/* https://dl.infragistics.com/x/css/samples/shared.v8.css */

browser/src/assets/holidays/santa-claus.png

@@ -20,7 +20,7 @@ export class SampleFallback extends SampleBase {
 
         this.innerHTML = `
         <div class="container sample vertical" style="width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden;">
-              <img style="max-height: calc(100% - 6rem); max-width: 30rem" src="https://static.infragistics.com/xplatform/images/browsers/comingSoon.svg" >
+              <img style="max-height: calc(100% - 6rem); max-width: 30rem" src="https://dl.infragistics.com/x/img/browsers/comingSoon.svg" >
 
               <div style="background: #f2f2f2; width: 100%; padding-bottom: 1rem; margin-top: -0.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden;">
                     <div style="font-size: 1.5rem; font-weight: bold; text-align: center;">Coming Soon</div>

browser/src/core/SampleFallback.ts

@@ -11,10 +11,12 @@
   </title>
   <base href="/webcomponents-demos/">
 
-  <link href="https://fonts.googleapis.com/css?family=Kanit&display=swap" rel="stylesheet">
-  <link href="https://static.infragistics.com/xplatform/images/browsers/wc.png" rel="shortcut icon" >
-  <link href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" rel="stylesheet" type="text/css" />
-  <link href="https://static.infragistics.com/xplatform/css/samples/custom-legend.css" rel="stylesheet" type="text/css" />
+  <link rel="stylesheet"    href="https://fonts.googleapis.com/css?family=Berkshire+Swash">
+  <link rel="stylesheet"    href="https://fonts.googleapis.com/css?family=Kanit&display=swap" >
+  <link rel="stylesheet"    href="https://fonts.googleapis.com/icon?family=Material+Icons" />
+  <link rel="stylesheet"    href="https://dl.infragistics.com/x/css/samples/shared.v8.css" type="text/css" />
+  <link rel="stylesheet"    href="https://dl.infragistics.com/x/css/samples/custom-legend.css" type="text/css" />
+  <link rel="shortcut icon" href="https://dl.infragistics.com/x/img/browsers/wc.png" >
 
   <!-- <link href="<%= htmlWebpackPlugin.options.publicPath %>assets/css/index.css" rel="stylesheet" /> -->
   <link href="<%= htmlWebpackPlugin.options.publicPath %>assets/css/browser.css" rel="stylesheet" />
@@ -26,7 +28,7 @@
     <div class="nav-content"  >
 
         <!-- <div class="nav-logo">
-          <img src="https://static.infragistics.com/xplatform/images/browsers/wc.png" width="20px" height="20px">
+          <img src="https://dl.infragistics.com/x/img/browsers/wc.png" width="20px" height="20px">
           <div >SAMPLES BROWSER</div>
         </div> -->
 

browser/src/templates/index.html

@@ -11,7 +11,7 @@
 
     // // gets path to excel file (e.g. .xlsx) with specified file name and file extension
     // public static getExcelPath(fileName: string): string {
-    //     return this.getAssetsPath() + "https://static.infragistics.com/xplatform/excel/" + fileName;
+    //     return this.getAssetsPath() + "https://dl.infragistics.com/x/excel/" + fileName;
     //     // return this.getAssetsPath() + "/excel/" + fileName;
     // }
 
@@ -29,17 +29,7 @@
 
     // // gets path to image file with specified country name (without file extension)
     // public static getFlagImage(countryName: string): string {
-    //     return this.getAssetsPath() + "https://static.infragistics.com/xplatform/images/flags/" + countryName + ".png";
-    // }
-
-    // // gets path to image file with specified gender type  (without file extension)
-    // public static getGenderImage(gender: string): string {
-    //     return this.getAssetsPath() + "https://static.infragistics.com/xplatform/images/genders/" + gender.toLowerCase() + ".png";
-    // }
-
-    // // gets path to image file with specified person ID (without file extension)
-    // public static getPersonImage(personID: string): string {
-    //     return this.getAssetsPath() + "https://static.infragistics.com/xplatform/people/" + personID + ".png";
+    //     return this.getAssetsPath() + "https://dl.infragistics.com/x/img/flags/" + countryName + ".png";
     // }
 
     // public static stringEndsWith(str: string, check: string): boolean {

browser/src/utilities/AssetsUtils.ts

@@ -8,7 +8,7 @@ export class Products {
         "Samsung SSD", "WD SSD", "Seagate SSD", "Intel SSD", "Asus SSD",
         "Samsung Monitor", "Asus Monitor", "LG Monitor", "HP Monitor" ];
 
-    public static countries: string[] = ["USA", "UK", "France", "Canada", "Poland",
+    public static countries: string[] = ["United-States", "United-Kingdom", "France", "Canada", "Poland",
             "Denmark", "Croatia", "Australia", "Seychelles",
             "Sweden", "Germany", "Japan", "Ireland",
             "Barbados", "Jamaica", "Cuba", "Spain" ];
@@ -61,17 +61,7 @@ export class Products {
 
     // gets path to image file with specified country name (without file extension)
     public static getFlagImage(countryName: string): string {
-        return "https://static.infragistics.com/xplatform/images/flags/" + countryName + ".png";
-    }
-
-    // gets path to image file with specified gender type  (without file extension)
-    public getGenderImage(gender: string): string {
-        return "https://static.infragistics.com/xplatform/images/genders/" + gender.toLowerCase() + ".png";
-    }
-
-    // gets path to image file with specified person ID (without file extension)
-    public getPersonImage(personID: string): string {
-        return "https://static.infragistics.com/xplatform/people/" + personID + ".png";
+        return "https://dl.infragistics.com/x/img/flags/" + countryName + ".png";
     }
 
     public static getOrderHistory(weekCount?: number): any[] {