Updated to v8.3.2

jqwidgets · Oct 21, 2019 · 67e6732 · 67e6732
1 parent 2049def
commit 67e6732
Show file tree

Hide file tree

Showing 18,944 changed files with 361,303 additions and 1,112,355 deletions.
diff --git a/ReleaseNotes.txt b/ReleaseNotes.txt
@@ -1,4 +1,27 @@
-*********************************************
+
+*********************************************
+* jQWidgets v8.3.2 Release, Oct-17 2019	               *
+*********************************************
+
+What's New:
+
+- Angular Ivy support.
+
+What's Fixed:
+
+- Fixed an issue in jqxGrid Angular Component about Grouping error thrown by setbatchgroupstate function.
+- Fixed an issue in jqxGrid about Filtering Dates, when the date format is custom.
+- Fixed an issue in jqxGrid about Filtering with custom source.filter callback function.
+- Fixed an issue in jqxGrid about autoheight rendering overlap.
+- Fixed an issse in jqxGrid about adding new row. The boundindex of the row was not set so editing it was not possible.
+- Fixed an issue in jqxGrid about an error when using showfilterrow, groupable and autoloadstate.
+- Fixed an issue in jqx.black.css about an outdated CSS syntax.
+- Fixed an issue in jqxScheduler about rendering of appointments in TimelineView.
+- Fixed an issue in jqxDataTable and jqxTreeGrid about dynamically changing the columnGroups.
+- Fixed an issue in jqxTreeGrid about dynamically setting the theme property.
+- Fixed an issue in jqxTabs about the enabled "showCloseButtons" option with "reorder" option.
+
+*********************************************
 * jQWidgets v8.2.0 Release, Sep-17 2019	               *
 *********************************************
 

diff --git a/demos/Angular/angular-bargauge/angular-bargauge-addandremovevalues.htm b/demos/Angular/angular-bargauge/angular-bargauge-addandremovevalues.htm
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title id='Description'>Angular BarGauge  AddAndRemoveValues</title>
+        <base href="./../dist/bargauge/addandremovevalues/">
+        <meta name="description" content="In this example we set the values of the Angular BarGauge dynamiclly by clicking on checkboxes in a list." />
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <!-- Styles -->
+        <link rel="stylesheet" href="/node_modules/jqwidgets-ng/jqwidgets/styles/jqx.base.css" type="text/css" />
+
+        <!-- jQWidgets -->       
+        <script src="./../../../scripts/demos.js"></script>
+
+    </head>
+
+
+
+    <!-- Display the application -->
+    <body>
+
+        <div class="example-description">
+            This demo demonstrates how to set dynamically values in Angular BarGauge from a list.
+        </div>
+
+        <app-root>Loading...</app-root>
+
+        <script src="runtime-es2015.js" type="module"></script><script src="polyfills-es2015.js" type="module"></script><script src="runtime-es5.js" nomodule></script><script src="polyfills-es5.js" nomodule></script><script src="main-es2015.js" type="module"></script><script src="main-es5.js" nomodule></script>
+
+    </body>
+
+</html>
diff --git a/demos/Angular/angular-bargauge/angular-bargauge-autochangevalue.htm b/demos/Angular/angular-bargauge/angular-bargauge-autochangevalue.htm
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title id='Description'>Angular BarGauge AutoChangeValue</title>
+        <base href="./../dist/bargauge/autochangevalue/">
+        <meta name="description" content="This example demonstrates auto changing values and related background colors of the Angular BarGauge." />
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <!-- Styles -->
+        <link rel="stylesheet" href="/node_modules/jqwidgets-ng/jqwidgets/styles/jqx.base.css" type="text/css" />
+
+        <!-- jQWidgets -->       
+        <script src="./../../../scripts/demos.js"></script>
+
+    </head>
+
+
+    <!-- Display the application -->
+    <body>
+
+        <div class="example-description">
+            This demo demonstrates auto changing values, related to the background color of the Angular BarGauge.
+        </div>
+
+        <app-root>Loading...</app-root>
+
+        <script src="runtime-es2015.js" type="module"></script><script src="polyfills-es2015.js" type="module"></script><script src="runtime-es5.js" nomodule></script><script src="polyfills-es5.js" nomodule></script><script src="main-es2015.js" type="module"></script><script src="main-es5.js" nomodule></script>
+
+    </body>
+
+</html>
diff --git a/demos/Angular/angular-bargauge/angular-bargauge-createComponent.htm b/demos/Angular/angular-bargauge/angular-bargauge-createComponent.htm
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title id='Description'>Angular BarGauge CreatComponent.</title>
+        <base href="./../dist/bargauge/createComponent/">
+        <meta name="description" content="This example shows how to create an object through one single `setting`." />
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <!-- Styles -->
+        <link rel="stylesheet" href="/node_modules/jqwidgets-ng/jqwidgets/styles/jqx.base.css" type="text/css" />
+
+        <!-- jQWidgets -->      
+        <script src="./../../../scripts/demos.js"></script>
+
+    </head>
+
+
+    <!-- Display the application -->
+    <body>
+
+        <div class="example-description">
+            Angular BarGauge created through one single `settings` object.
+        </div>
+
+        <app-root>Loading...</app-root>
+
+        <script src="runtime-es2015.js" type="module"></script><script src="polyfills-es2015.js" type="module"></script><script src="runtime-es5.js" nomodule></script><script src="polyfills-es5.js" nomodule></script><script src="main-es2015.js" type="module"></script><script src="main-es5.js" nomodule></script>
+
+    </body>
+
+</html>
diff --git a/demos/Angular/angular-bargauge/angular-bargauge-customtooltips.htm b/demos/Angular/angular-bargauge/angular-bargauge-customtooltips.htm
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title id='Description'>Angular BarGauge CustomTooltip.</title>
+        <base href="./../dist/bargauge/customtooltips/">
+        <meta name="description" content="This is an example of customizable Angular ToolTips." />
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <!-- Styles -->
+        <link rel="stylesheet" href="/node_modules/jqwidgets-ng/jqwidgets/styles/jqx.base.css" type="text/css" />
+
+        <!-- jQWidgets --> 
+        <script src="./../../../scripts/demos.js"></script>
+
+    </head>
+
+
+    <!-- Display the application -->
+    <body>
+
+        <div class="example-description">
+            Angular BarGauge tooltips in this demo are customized.
+        </div>
+
+        <app-root>Loading...</app-root>
+
+        <script src="runtime-es2015.js" type="module"></script><script src="polyfills-es2015.js" type="module"></script><script src="runtime-es5.js" nomodule></script><script src="polyfills-es5.js" nomodule></script><script src="main-es2015.js" type="module"></script><script src="main-es5.js" nomodule></script>
+
+    </body>
+
+</html>
diff --git a/demos/Angular/angular-bargauge/angular-bargauge-defaultfunctionality.htm b/demos/Angular/angular-bargauge/angular-bargauge-defaultfunctionality.htm
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title id='Description'>Angular BarGauge DefaultFunctionality.</title>
+        <base href="./../dist/bargauge/defaultfunctionality/">
+        <meta name="description" content="This is an example of the default functionalities in Angular BarGauge." />
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <!-- Styles -->
+        <link rel="stylesheet" href="/node_modules/jqwidgets-ng/jqwidgets/styles/jqx.base.css" type="text/css" />
+
+        <!-- jQWidgets -->       
+        <script src="./../../../scripts/demos.js"></script>
+
+    </head>
+
+
+    <!-- Display the application -->
+    <body>
+
+        <div class="example-description">
+            Angular BarGauge displays an indicator within a range of values. Gauges can be used in a table or matrix to show the relative value of a field in a range of values in the data region.
+        </div>
+
+        <app-root>Loading...</app-root>
+
+        <script src="runtime-es2015.js" type="module"></script><script src="polyfills-es2015.js" type="module"></script><script src="runtime-es5.js" nomodule></script><script src="polyfills-es5.js" nomodule></script><script src="main-es2015.js" type="module"></script><script src="main-es5.js" nomodule></script>
+
+    </body>
+
+</html>
diff --git a/demos/Angular/angular-bargauge/angular-bargauge-fluidsize.htm b/demos/Angular/angular-bargauge/angular-bargauge-fluidsize.htm
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title id='Description'>Angular BarGauge FluidSize.</title>
+        <base href="./../dist/bargauge/fluidsize/">
+        <meta name="description" content="In this example the width and height of Angular BarGauge are set in percentages." />
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <!-- Styles -->
+        <link rel="stylesheet" href="/node_modules/jqwidgets-ng/jqwidgets/styles/jqx.base.css" type="text/css" />
+
+        <!-- jQWidgets -->       
+        <script src="./../../../scripts/demos.js"></script>
+
+    </head>
+
+
+    <!-- Display the application -->
+    <body>
+
+        <div class="example-description">
+            Angular BarGauge Fluid Size Example. The width and height of the jqxBarGauge in this demo are in percentages.
+        </div>
+
+        <app-root>Loading...</app-root>
+
+        <script src="runtime-es2015.js" type="module"></script><script src="polyfills-es2015.js" type="module"></script><script src="runtime-es5.js" nomodule></script><script src="polyfills-es5.js" nomodule></script><script src="main-es2015.js" type="module"></script><script src="main-es5.js" nomodule></script>
+
+    </body>
+
+</html>
diff --git a/demos/Angular/angular-bargauge/angular-bargauge-negativevalues.htm b/demos/Angular/angular-bargauge/angular-bargauge-negativevalues.htm
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title id='Description'>Angular BarGauge NegativeValues.</title>
+        <base href="./../dist/bargauge/negativevalues/">
+        <meta name="description" content="In this example Angular BarGauge contains negative values" />
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <!-- Styles -->
+        <link rel="stylesheet" href="/node_modules/jqwidgets-ng/jqwidgets/styles/jqx.base.css" type="text/css" />
+
+        <!-- jQWidgets -->       
+        <script src="./../../../scripts/demos.js"></script>
+
+    </head>
+
+
+    <!-- Display the application -->
+    <body>
+
+        <div class="example-description">
+            This demo displays Angular BarGauge with negative values.
+        </div>
+
+        <app-root>Loading...</app-root>
+
+        <script src="runtime-es2015.js" type="module"></script><script src="polyfills-es2015.js" type="module"></script><script src="runtime-es5.js" nomodule></script><script src="polyfills-es5.js" nomodule></script><script src="main-es2015.js" type="module"></script><script src="main-es5.js" nomodule></script>
+
+    </body>
+
+</html>
diff --git a/demos/Angular/angular-bargauge/angular-bargauge-sequentialgrowth.htm b/demos/Angular/angular-bargauge/angular-bargauge-sequentialgrowth.htm
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title id='Description'>Angular BarGauge SequentialGrowth.</title>
+        <base href="./../dist/bargauge/sequentialgrowth/">
+        <meta name="description" content="This example shows the sequential growth of each segment one by one in Angular BarGauge." />
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <!-- Styles -->
+        <link rel="stylesheet" href="/node_modules/jqwidgets-ng/jqwidgets/styles/jqx.base.css" type="text/css" />
+
+        <!-- jQWidgets -->       
+        <script src="./../../../scripts/demos.js"></script>
+
+    </head>
+
+
+    <!-- Display the application -->
+    <body>
+
+        <div class="example-description">
+            This demo shows sequential growth of the segments one by one in the Angular BarGauge.
+        </div>
+
+        <app-root>Loading...</app-root>
+
+        <script src="runtime-es2015.js" type="module"></script><script src="polyfills-es2015.js" type="module"></script><script src="runtime-es5.js" nomodule></script><script src="polyfills-es5.js" nomodule></script><script src="main-es2015.js" type="module"></script><script src="main-es5.js" nomodule></script>
+
+    </body>
+
+</html>
diff --git a/demos/Angular/angular-bargauge/angular-bargauge-updatevalues.htm b/demos/Angular/angular-bargauge/angular-bargauge-updatevalues.htm
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title id='Description'>Angular BarGauge UpdateValues.</title>
+        <base href="./../dist/bargauge/updatevalues/">
+        <meta name="description" content="In this example of Angular BarGauge, the proportion between Red, Green and Blue are customizable." />
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <!-- Styles -->
+        <link rel="stylesheet" href="/node_modules/jqwidgets-ng/jqwidgets/styles/jqx.base.css" type="text/css" />
+
+        <!-- jQWidgets -->       
+        <script src="./../../../scripts/demos.js"></script>
+
+    </head>
+
+
+    <!-- Display the application -->
+    <body>
+
+        <div class="example-description">
+            This demo shows proportion between Red, Green and Blue in custom color, represented in Angular BarGauge.
+        </div>
+
+        <app-root>Loading...</app-root>
+
+        <script src="runtime-es2015.js" type="module"></script><script src="polyfills-es2015.js" type="module"></script><script src="runtime-es5.js" nomodule></script><script src="polyfills-es5.js" nomodule></script><script src="main-es2015.js" type="module"></script><script src="main-es5.js" nomodule></script>
+
+    </body>
+
+</html>
diff --git a/demos/Angular/angular-bulletchart/angular-bulletchart-defaultfunctionality.htm b/demos/Angular/angular-bulletchart/angular-bulletchart-defaultfunctionality.htm
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title id='Description'>Angular BulletChart DefaultFunctionality.</title>
+        <base href="./../dist/bulletchart/defaultfunctionality/">
+        <meta name="description" content="This is an example of the default functionalities in Angular BulletChart." />
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <!-- Styles -->
+        <link rel="stylesheet" href="/node_modules/jqwidgets-ng/jqwidgets/styles/jqx.base.css" type="text/css" />
+
+        <!-- jQWidgets -->    
+        <script src="./../../../scripts/demos.js"></script>
+
+    </head>
+
+
+    <!-- Display the application -->
+    <body>
+
+        <div class="example-description">
+            This demo shows the default functionality of Angular BulletChart. It displays two measures - a featured one (the pointer) and a comparative one (the target) over a number of differently styled ranges.
+        </div>
+
+        <app-root>Loading...</app-root>
+
+        <script src="runtime-es2015.js" type="module"></script><script src="polyfills-es2015.js" type="module"></script><script src="runtime-es5.js" nomodule></script><script src="polyfills-es5.js" nomodule></script><script src="main-es2015.js" type="module"></script><script src="main-es5.js" nomodule></script>
+
+    </body>
+
+</html>
diff --git a/demos/Angular/angular-bulletchart/angular-bulletchart-fluidsize.htm b/demos/Angular/angular-bulletchart/angular-bulletchart-fluidsize.htm
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title id='Description'>Angular BulletChart FluidSize.</title>
+        <base href="./../dist/bulletchart/fluidsize/">
+        <meta name="description" content="In this example the width and height of Angular BulletChart, are set with percentages." />
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <!-- Styles -->
+        <link rel="stylesheet" href="/node_modules/jqwidgets-ng/jqwidgets/styles/jqx.base.css" type="text/css" />
+
+        <!-- jQWidgets -->    
+        <script src="./../../../scripts/demos.js"></script>
+
+    </head>
+
+
+    <!-- Display the application -->
+    <body>
+
+        <div class="example-description">
+            Angular BulletChart Fluid Size Example. The width of the Angular BulletChart in this demo is in Percentages.
+        </div>
+
+        <app-root>Loading...</app-root>
+
+        <script src="runtime-es2015.js" type="module"></script><script src="polyfills-es2015.js" type="module"></script><script src="runtime-es5.js" nomodule></script><script src="polyfills-es5.js" nomodule></script><script src="main-es2015.js" type="module"></script><script src="main-es5.js" nomodule></script>
+
+    </body>
+</html>