Updated to v8.1.3

ReleaseNotes.txt

@@ -1,4 +1,24 @@
 *********************************************
+* jQWidgets v8.1.3 Release, July-15 2019	               *
+*********************************************
+
+What's Improved:
+
+- jqxGrid row details can have variable dynamic height. 
+
+What's Fixed: 
+
+- Fixed an issue in jqxGrid about row details visibility in Firefox when the Grid has many columns.
+- Fixed an issue in jqxGrid about incorrect filtering through checkedlist filter, when there is "null" value in the Grid's data.
+- Fixed an issue in jqxGrid about scrolling right, then the exported data (xls) shows as a blank column.
+- Fixed an issue in jqxScheduler about incorrectly rendered timeline appointment, when the appointment is longer than month, exact-time rendering is enabled and the view is timeline month view.
+- Fixed an issue in jqxKanban about the columns rendering, expand and collapse, when trying to add dynamically new columns.
+- Fixed an issue in jqxKanban addItem method. The kanban-item-id was incorrectly set.
+- Fixed an issue in jqxKanban regarding dynamically setting the source. That may result to duplicated items in some cases.
+- Fixed an issue in jqxDropDownList regarding the label rendering when the width is in percentages.
+- Fixed an issue regarding Angular 8 production build, Globalize.js and jqxCalendar, jqxDateTimeInput and jqxScheduler.
+
+*********************************************
 * jQWidgets v8.1.2 Release, June-19-2019                *
 *********************************************
 

demos/Angular/heatmap/calendarmode/angular.json

@@ -0,0 +1,122 @@
+{
+    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+    "version": 1,
+    "newProjectRoot": "projects",
+    "projects": {
+    "demo": {
+        "root": "",
+        "sourceRoot": "src",
+        "projectType": "application",
+        "prefix": "app",
+        "schematics": {},
+        "architect": {
+        "build": {
+            "builder": "@angular-devkit/build-angular:browser",
+            "options": {
+            "outputPath": "dist/demo",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "tsconfig.json",
+            "assets": [
+                "src/assets"
+            ],
+            "styles": [
+
+            ],
+            "scripts": []
+            },
+            "configurations": {
+            "production": {
+                "fileReplacements": [
+                {
+                    "replace": "src/environments/environment.ts",
+                    "with": "src/environments/environment.prod.ts"
+                }
+                ],
+                "optimization": true,
+                "outputHashing": "all",
+                "sourceMap": false,
+                "extractCss": true,
+                "namedChunks": false,
+                "aot": true,
+                "extractLicenses": true,
+                "vendorChunk": false,
+                "buildOptimizer": true
+            }
+            }
+        },
+        "serve": {
+            "builder": "@angular-devkit/build-angular:dev-server",
+            "options": {
+            "browserTarget": "demo:build"
+            },
+            "configurations": {
+            "production": {
+                "browserTarget": "demo:build:production"
+            }
+            }
+        },
+        "extract-i18n": {
+            "builder": "@angular-devkit/build-angular:extract-i18n",
+            "options": {
+            "browserTarget": "demo:build"
+            }
+        },
+        "test": {
+            "builder": "@angular-devkit/build-angular:karma",
+            "options": {
+            "main": "src/test.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "src/tsconfig.spec.json",
+            "karmaConfig": "src/karma.conf.js",
+            "styles": [
+                "styles.css"
+            ],
+            "scripts": [],
+            "assets": [
+                "src/favicon.ico",
+                "src/assets"
+            ]
+            }
+        },
+        "lint": {
+            "builder": "@angular-devkit/build-angular:tslint",
+            "options": {
+            "tsConfig": [
+                "tsconfig.json",
+                "src/tsconfig.spec.json"
+            ],
+            "exclude": [
+                "**/node_modules/**"
+            ]
+            }
+        }
+        }
+    },
+    "demo-e2e": {
+        "root": "e2e/",
+        "projectType": "application",
+        "architect": {
+        "e2e": {
+            "builder": "@angular-devkit/build-angular:protractor",
+            "options": {
+            "protractorConfig": "e2e/protractor.conf.js",
+            "devServerTarget": "demo:serve"
+            }
+        },
+        "lint": {
+            "builder": "@angular-devkit/build-angular:tslint",
+            "options": {
+            "tsConfig": "e2e/tsconfig.e2e.json",
+            "exclude": [
+                "**/node_modules/**"
+            ]
+            }
+        }
+        }
+    }
+    },
+    "defaultProject": "demo"
+}
+

demos/Angular/heatmap/calendarmode/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "jQWidgets",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {
+    "rxjs": "6.5.2",
+    "moment": "2.24.0",
+    "core-js": "2.5.5",
+    "zone.js": "0.9.1",
+    "@types/node": "6.0.117",
+    "@angular/core": "8.0.1",
+    "@angular/http": "7.2.15",
+    "@angular/forms": "8.0.1",
+    "@types/jasmine": "2.5.54",
+    "@angular/common": "8.0.1",
+    "@angular/router": "8.0.1",
+    "@angular/compiler": "8.0.1",
+    "@types/jasminewd2": "2.0.3",
+    "jqwidgets-scripts": "8.1.2",
+    "@angular/animations": "8.0.1",
+    "@angular/platform-browser": "8.0.1",
+    "@angular/platform-browser-dynamic": "8.0.1"
+  },
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "test": "ng test",
+    "lint": "ng lint",
+    "e2e": "ng e2e"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "~0.800.3",
+    "@angular/cli": "~8.0.3",
+    "@angular/compiler-cli": "^8.0.1",
+    "@angular/language-service": "^8.0.1",
+    "@types/jasmine": "~3.3.13",
+    "@types/jasminewd2": "~2.0.6",
+    "@types/node": "~12.0.8",
+    "codelyzer": "~5.1.0",
+    "jasmine-core": "~3.4.0",
+    "jasmine-spec-reporter": "~4.2.1",
+    "karma": "~4.1.0",
+    "karma-chrome-launcher": "~2.2.0",
+    "karma-coverage-istanbul-reporter": "~2.0.5",
+    "karma-jasmine": "~2.0.1",
+    "karma-jasmine-html-reporter": "^1.4.2",
+    "protractor": "~5.4.2",
+    "ts-node": "~8.3.0",
+    "tslint": "~5.17.0",
+    "typescript": "3.4.1"
+  }
+}

demos/Angular/heatmap/calendarmode/src/app/app.component.css

@@ -0,0 +1 @@
+

demos/Angular/heatmap/calendarmode/src/app/app.component.html

@@ -0,0 +1,3 @@
+<jqxHeatMap [xAxis]="xAxis" [yAxis]="yAxis" [source]="data" [paletteSettings]="paletteSettings"
+  [legendSettings]="legendSettings" [title]="'Example Summary of User Activities in Github'">
+</jqxHeatMap>

demos/Angular/heatmap/calendarmode/src/app/app.component.ts

@@ -0,0 +1,89 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+
+@Component({
+    selector: 'app-root',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.css'],
+    encapsulation: ViewEncapsulation.None
+})
+
+export class AppComponent {
+    xAxis: object = {
+        minimum: new Date(2018, 6, 23),
+        maximum: new Date(2019, 7, 5),
+        labelFormat: 'short'
+    };
+    yAxis: object = {
+        labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+    };
+    data: number[][] = [
+        [0, 48, 16, null, null, null, null],
+        [1, 16, 32, 24, 0, 15, 0],
+        [0, 50, 0, 0, 37, 18, 0],
+        [0, 5, 44, 0, 0, 10, 0],
+        [0, 18, 20, 45, 0, 36, 22],
+        [0, 10, 0, 42, 1, 28, 0],
+        [0, 25, 1, 0, 32, 16, 0],
+        [0, 0, 24, 9, 2, 31, 0],
+        [0, 35, 0, 0, 47, 8, 0],
+        [0, 40, 0, 0, 0, 31, 1],
+        [0, 35, 0, 27, 0, 8, 0],
+        [0, 8, 0, 45, 9, 12, 0],
+        [0, 10, 22, 0, 13, 0, 0],
+        [0, 25, 1, 0, 32, 16, 0],
+        [0, 0, 24, 9, 2, 31, 33],
+        [0, 35, 0, 27, 47, 8, 0],
+        [0, 0, 0, 10, 14, 28, 0],
+        [0, 18, 20, 45, 0, 36, 0],
+        [0, 10, 0, 42, 1, 28, 100],
+        [1, 40, 0, 24, 0, 31, 0],
+        [0, 35, 0, 27, 47, 8, 0],
+        [0, 18, 20, 45, 0, 36, 0],
+        [0, 10, 0, 42, 1, 28, 0],
+        [0, 40, 0, 24, 0, 31, 0],
+        [0, 25, 1, 0, 32, 16, 0],
+        [0, 0, 24, 9, 2, 31, 0],
+        [0, 35, 0, 27, 47, 8, 0],
+        [2, 19, 23, 36, 0, 10, 0],
+        [0, 55, 0, 23, 37, 18, 0],
+        [0, 0, 0, 10, 14, 28, 0],
+        [0, 50, 0, 23, 37, 18, 0],
+        [0, 100, 0, 23, 37, 18, 0],
+        [0, 0, 0, 10, 14, 28, 0],
+        [0, 0, 24, 9, 2, 31, 0],
+        [0, 35, 0, 27, 47, 8, 0],
+        [33, 5, 44, 0, 2, 10, 0],
+        [0, 18, 20, 45, 0, 36, 0],
+        [0, 10, 0, 42, 1, 28, 10],
+        [1, 40, 0, 24, 0, 31, 0],
+        [0, 25, 1, 0, 32, 16, 0],
+        [0, 0, 24, 9, 2, 31, 20],
+        [0, 35, 0, 27, 47, 8, 0],
+        [0, 5, 44, 0, 2, 10, 0],
+        [15, 8, 0, 45, 9, 12, 0],
+        [0, 10, 22, 35, 13, 0, 0],
+        [0, 0, 0, 10, 14, 28, 0],
+        [2, 18, 20, 45, 0, 36, 0],
+        [0, 10, 0, 42, 1, 28, 60],
+        [1, 40, 0, 24, 0, 31, 0],
+        [0, 35, 0, 27, 47, 8, 0],
+        [0, 5, 44, 0, 2, 10, 0],
+        [1, 0, 24, 9, 2, 31, 0],
+        [40, 35, 0, 27, 47, 8, 0],
+        [null, 5, 44, 0, 2, 10, 0]
+    ];
+    paletteSettings: object = {
+        palette: [
+            { value: 0, color: '#eee', label: 'No contributions' },
+            { value: 1, color: '#d6ebee' },
+            { value: 16, color: '#a2d0d8' },
+            { value: 32, color: '#4ca1af' },
+            { value: 50, color: '#254e77', label: '50+ contributions' },
+        ],
+        type: 'Fixed',
+        emptyPointColor: 'white'
+    };
+    legendSettings: object = {
+        position: 'Bottom'
+    };
+}

demos/Angular/heatmap/calendarmode/src/app/app.module.ts

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { FormsModule } from '@angular/forms';
+
+import { AppComponent } from './app.component';
+import { jqxHeatMapComponent } from 'jqwidgets-scripts/jqwidgets-ts/angular_jqxheatmap';
+
+@NgModule({
+    declarations: [AppComponent, jqxHeatMapComponent],
+    imports: [BrowserModule, FormsModule],
+    providers: [],
+    bootstrap: [AppComponent]
+})
+
+export class AppModule { }

demos/Angular/heatmap/calendarmode/src/index.html

@@ -0,0 +1,20 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>AngularTemplate</title>
+  <base href="/">
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" type="text/css" href="https://www.jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
+  <link rel="stylesheet" type="text/css" href="https://www.jqwidgets.com/public/jqwidgets/styles/jqx.material.css">
+
+  <title>jQWidgets Angular Demo</title>
+</head>
+<body>
+<app-root>Loading...</app-root>
+<div style="position: absolute; bottom: 5px; right: 5px;">
+<a href="https://www.jqwidgets.com/" alt="https://www.jqwidgets.com/"><img alt="https://www.jqwidgets.com/" title="https://www.jqwidgets.com/" src="https://www.jqwidgets.com/wp-content/design/i/logo-jqwidgets.png"/></a>
+</div>
+</body>
+</html>

demos/Angular/heatmap/calendarmode/src/main.ts

@@ -0,0 +1,16 @@
+import './polyfills';
+
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+
+platformBrowserDynamic().bootstrapModule(AppModule).then(ref => {
+    // Ensure Angular destroys itself on hot reloads.
+    if (window['ngRef']) {
+    window['ngRef'].destroy();
+    }
+    window['ngRef'] = ref;
+
+    // Otherwise, log the boot error
+}).catch(err => console.error(err));