release hotfixes

.gitignore

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

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://dl.infragistics.com/x/img/browsers/wc.png" rel="shortcut icon" >
-  <link href="https://dl.infragistics.com/x/css/samples/shared.v8.css" rel="stylesheet" type="text/css" />
-  <link href="https://dl.infragistics.com/x/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" />
@@ -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/templates/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://dl.infragistics.com/x/img/browsers/wc.png" rel="shortcut icon" >
-  <link href="https://dl.infragistics.com/x/css/samples/shared.v8.css" rel="stylesheet" type="text/css" />
-  <link href="https://dl.infragistics.com/x/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" />

samples/maps/geo-map/santa-flights-map/.prettierrc

@@ -0,0 +1,11 @@
+{
+  "printWidth": 250,
+  "tabWidth": 4,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "none",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "fluid": false
+}

samples/maps/geo-map/santa-flights-map/ReadMe.md

@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-wc-examples/tree/vnext/templates/browser/sample/ReadMe.md -->
+
+This folder contains implementation of Web Components application with example of Geo Map Santa Flights Map feature using [Geographic Map](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://infragistics.com/webcomponentssite/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://dl.infragistics.com/x/img/browsers/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.ts" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://dl.infragistics.com/x/img/browsers/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/webcomponents-demos/samples/maps/geo-map/santa-flights-map" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-wc-examples/tree/master/samples/maps/geo-map/santa-flights-map?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/{SampleFile}" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+To set up this project locally, execute these commands:
+
+```
+git clone https://github.com/IgniteUI/igniteui-wc-examples.git
+git checkout master
+cd ./igniteui-wc-examples
+cd ./samples/maps/geo-map/santa-flights-map
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+
+```
+npm install
+npm run start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html).

samples/maps/geo-map/santa-flights-map/index.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html class="christmas-background">
+  <head>
+    <title>WorldFlightMap</title>
+    <meta charset="UTF-8" />
+
+    <link rel="shortcut icon" href="https://dl.infragistics.com/x/img/browsers/wc.png" >
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit&display=swap" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium Web" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Berkshire+Swash">
+
+    <link rel="stylesheet" href="https://dl.infragistics.com/x/css/samples/shared.v8.css" type="text/css" />
+
+  </head>
+
+  <body class="christmas-background">
+    <div id="root" style="background: black">
+
+<div class="container sample christmas-background"  >
+
+    <label id="blinking-text" class="christmas-title"> Merry Christmas and Happy New Year from Infragistics</label>
+
+    <igc-geographic-map id="geoMap" width="100%" height="100%">
+    </igc-geographic-map>
+
+    <div class="vertical christmas-info"  >
+       <div class="horizontal"  >
+          <!-- <label class="christmas-stats-lbl">Visited Cities: </label> -->
+          <label class="christmas-stats-val" style="color: #000; " id="statsVisitedLabel" >Visited Cities: 0</label>
+          <!-- <label class="christmas-stats-lbl">Distance: </label> -->
+          <label class="christmas-stats-val" style="color: #000; " id="statsDistanceLabel" >Traveled Distance: 0</label>
+          <!-- <label class="christmas-stats-lbl">Snow Flakes Landed: </label> -->
+          <label class="christmas-stats-val" id="statsSnowLabel" >Snow Flakes Landed: 0</label>
+      </div>
+
+      <label class="christmas-info" style="color: white" id="appInfo">All effects were created in <a href="https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/geo-map" target="_blank" rel="noopener noreferrer"> Geo-Map</a></label>
+
+    </div>
+
+</div>
+
+    </div>
+    <!-- This script is needed only for parcel and it will be excluded for webpack -->
+    <% if (false) { %><script src="src/index.ts"></script><% } %>
+
+  </body>
+</html>

samples/maps/geo-map/santa-flights-map/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "wc-geographic-map-binding-multiple-sources",
+  "version": "1.0.0",
+  "description": "This project provides example of Geographic Map Binding Multiple Sources using IgniteUI for Web Components",
+  "main": "src/index.ts",
+  "scripts": {
+    "build": "npm run build:prod",
+    "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details",
+    "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js  --progress  --color --display-error-details --bail",
+    "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open",
+    "serve:prod": "webpack-dev-server --env.NODE_ENV=production  --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/",
+    "start": "npm run serve:dev",
+    "build:legacy": "npm run build:prod:legacy",
+    "build:dev:legacy": "webpack --env.legacy=true  --mode development --config ./webpack.config.js --progress --color --display-error-details",
+    "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true  --mode production --config ./webpack.config.js  --progress  --color --display-error-details --bail",
+    "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open",
+    "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/",
+    "start:legacy": "npm run serve:dev:legacy"
+  },
+  "author": "Infragistics",
+  "dependencies": {
+    "@webcomponents/custom-elements": "^1.4.1",
+    "@webcomponents/template": "^1.4.2",
+    "babel-runtime": "^6.26.0",
+    "core-js": "^3.6.5",
+    "igniteui-webcomponents-charts": "6.3.1",
+    "igniteui-webcomponents-core": "6.3.1",
+    "igniteui-webcomponents-maps": "6.3.1",
+    "lit-html": "^3.3.1",
+    "tslib": "^2.8.1"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.28.3",
+    "@babel/core": "^7.28.4",
+    "@babel/plugin-transform-class-properties": "^7.27.1",
+    "@babel/plugin-transform-class-static-block": "^7.28.3",
+    "@babel/plugin-transform-runtime": "^7.28.3",
+    "@babel/preset-env": "^7.28.3",
+    "@babel/preset-typescript": "^7.27.1",
+    "@types/source-map": "^0.5.7",
+    "babel-loader": "^10.0.0",
+    "babel-plugin-transform-custom-element-classes": "^0.1.0",
+    "css-loader": "^7.1.2",
+    "csv-loader": "^3.0.5",
+    "file-loader": "^6.2.0",
+    "fork-ts-checker-webpack-plugin": "^9.1.0",
+    "html-webpack-plugin": "^5.6.4",
+    "parcel-bundler": "^1.12.5",
+    "source-map": "^0.7.6",
+    "style-loader": "^4.0.0",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
+    "typescript": "^5.9.2",
+    "webpack": "^5.101.3",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.2",
+    "worker-loader": "^3.0.8",
+    "xml-loader": "^1.2.1"
+  },
+  "license": "",
+  "homepage": "."
+}

samples/maps/geo-map/santa-flights-map/sandbox.config.json

@@ -0,0 +1,7 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser",
+    "template": "parcel"
+}
+

samples/maps/geo-map/santa-flights-map/src/SantaShapeStyling.ts

@@ -0,0 +1,72 @@
+
+
+/* tslint:disable:prefer-const */
+
+import { Style } from 'igniteui-webcomponents-core';
+
+export class SantaShapeStyling {
+  public defaultStroke = 'black';
+  public defaultFill = 'gray';
+  public defaultThickness = 0.5;
+  public defaultOpacity = 1.0;
+  public defaultStyle = new Style();
+
+  public itemMemberPath = '';
+  public itemMappings: SantaShapeInfo[] = [];
+
+  constructor() {
+    this.defaultStyle = new Style();
+    this.defaultStyle.stroke = this.defaultStroke;
+    this.defaultStyle.fill = this.defaultFill;
+    this.defaultStyle.opacity = this.defaultOpacity;
+    this.defaultStyle.strokeThickness = this.defaultThickness;
+  }
+
+  public getValue(itemMemberPath: string, item: any): any {
+    let itemValue = null;
+
+    if (item.fieldValues !== undefined) { // .hasOwnProperty("fieldValues")) {
+      if (item.fieldsNames.indexOf(itemMemberPath) >= 0) {
+        itemValue = item.fieldValues[itemMemberPath];
+      } else {
+        console.log('WARNING: ShapefileRecord does not have ' + itemMemberPath + ' in fieldValues property');
+      }
+    } else if (item.hasOwnProperty(itemMemberPath)) {
+      itemValue = item[itemMemberPath];
+    } else {
+      console.log('WARNING: Shape data item does not have "' + itemMemberPath + '" property');
+    }
+    return itemValue;
+  }
+
+  public generate(record: any): Style {
+
+    let itemValue = this.getValue(this.itemMemberPath, record);
+    if (itemValue === null || itemValue === "") {
+      // console.log(this.defaultStyle);
+      return this.defaultStyle;
+    }
+
+    for (const mapping of this.itemMappings) {
+      if (mapping.itemValue === itemValue) {
+        const shapeStyle = new Style();
+        shapeStyle.opacity = mapping.opacity || this.defaultOpacity;
+        shapeStyle.fill    = mapping.fill || this.defaultFill;
+        shapeStyle.stroke  = mapping.stroke || this.defaultStroke;
+        shapeStyle.strokeThickness = mapping.thickness || this.defaultThickness;
+        return shapeStyle;
+      }
+    }
+
+    return this.defaultStyle;
+  }
+}
+
+export class SantaShapeInfo {
+  public itemValue: any = null;
+
+  public opacity?: number = 0.5;
+  public fill: string = "gray";
+  public stroke?: string= "black";
+  public thickness?: number;
+}