14.0.0

jQWidgets v14.0.0 Release, May-01-2022 What's New: - jqxGrid command column. - Barcode component. - QRcode component. What's Improved: - Light theme is updated with more modern look and feel. What's Fixed: - Fixed an issue in jqxDataTable. 2nd level nested table disappears. - Fixed an issue in jqxSlider - the "created" event does not fire. - Fixed an issue in jqxNumberInput - spin buttons unexpected behavior. When decimalDigits and digits properties are set to 2 and the spin buttons are enabled with spinButtonsStep=0.1, the buttons don't work. - Fixed an issue in jqxGrid - card view mode - cards change position during scroll - Fixed an issue in jqxGrid - card view mode - cards are not fully displayed but there is no scrollbar - Fixed an issue in jqxGrid - rowsheight is not preserved when you switch to cardview mode and then back to grid mode - Fixed an issue in jqxGrid issue when used within a jqxSplitter component - Fixed an issue in jqxGrid bug when having pinned columns doesn't scroll on the next column on key press
jqwidgets · Apr 29, 2022 · 93ae054 · 93ae054
1 parent d8be22a
commit 93ae054
Show file tree

Hide file tree

Showing 228 changed files with 3,658 additions and 194 deletions.
diff --git a/ReleaseNotes.txt b/ReleaseNotes.txt
@@ -1,4 +1,28 @@
-jQWidgets v13.2.0 Release, Jan-27-2022
+jQWidgets v14.0.0 Release, May-01-2022
+
+What's New:
+
+- jqxGrid command column.
+- Barcode component.
+- QRcode component.
+
+What's Improved:
+
+- Light theme is updated with more modern look and feel.
+
+What's Fixed:
+
+- Fixed an issue in jqxDataTable. 2nd level nested table disappears.
+- Fixed an issue in jqxSlider - the "created" event does not fire.
+- Fixed an issue in jqxNumberInput - spin buttons unexpected behavior. When decimalDigits and digits properties are set to 2 and the spin buttons are enabled with spinButtonsStep=0.1, the buttons don't work.
+- Fixed an issue in jqxGrid - card view mode - cards change position during scroll
+- Fixed an issue in jqxGrid - card view mode - cards are not fully displayed but there is no scrollbar
+- Fixed an issue in jqxGrid - rowsheight is not preserved when you switch to cardview mode and then back to grid mode
+- Fixed an issue in jqxGrid issue when used within a jqxSplitter component
+- Fixed an issue in jqxGrid bug when having pinned columns doesn't scroll on the next column on key press
+
+
+jQWidgets v13.2.0 Release, Jan-27-2022
 
 What's New:
 
@@ -21,6 +45,7 @@ What's Fixed:
 - Fixed an issue in jqxGrid. When having localization set and filtering issue
 
 
+What's Fixed:
 
 
 jQWidgets v13.1.0 Release, Nov-16-2021

diff --git a/demos/Angular/angular-barcode/angular-barcode-basic.htm b/demos/Angular/angular-barcode/angular-barcode-basic.htm
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title id='Description'>Angular BarCode Basic</title>
+        <base href="./../dist/barcode/basic/">
+        <meta name="description" content="This is an example of the default functionalities in Angular BarCode." />
+        <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 BarCode Example.
+        </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-barcode/angular-barcode-defaultfunctionality.htm b/demos/Angular/angular-barcode/angular-barcode-defaultfunctionality.htm
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title id='Description'>Angular Barcode Default Functionality</title>
+        <base href="./../dist/barcode/defaultfunctionality/">
+        <meta name="description" content="This is an example of the default functionalities in Angular Barcode." />
+        <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>
+		<style>
+			body,
+			html {
+				width: 100%;
+				height: 100%;
+				padding: 0;
+				margin: 0;
+				font-size: 14px;
+				font-family: Roboto;
+			}
+		</style>
+    </head>
+
+
+    <!-- Display the application -->
+    <body>
+
+        <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-barcode/angular-barcode-export.htm b/demos/Angular/angular-barcode/angular-barcode-export.htm
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title id='Description'>Angular BarCode Export</title>
+        <base href="./../dist/barcode/export/">
+        <meta name="description" content="This is an example of the export in Angular BarCode." />
+        <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">
+           Barcode Export
+        </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-grid/angular-grid-commandcolumn.htm b/demos/Angular/angular-grid/angular-grid-commandcolumn.htm
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title id='Description'>Angular Grid Command Column</title>
+        <base href="./../dist/grid/commandcolumn/">
+        <meta name="description" content="This is an example of Angular Grid's Command Column." />
+        <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>
+
+
+        <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-qrcode/angular-qrcode-basic.htm b/demos/Angular/angular-qrcode/angular-qrcode-basic.htm
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title id='Description'>Angular QRcode Basic</title>
+        <base href="./../dist/qrcode/basic/">
+        <meta name="description" content="This is an example of the default functionalities in Angular QRcode." />
+        <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 QRcode Example.
+        </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-qrcode/angular-qrcode-defaultfunctionality.htm b/demos/Angular/angular-qrcode/angular-qrcode-defaultfunctionality.htm
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title id='Description'>Angular QRcode Default Functionality</title>
+        <base href="./../dist/qrcode/defaultfunctionality/">
+        <meta name="description" content="This is an example of the default functionalities in Angular QRcode." />
+        <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>
+		<style>
+			body,
+			html {
+				width: 100%;
+				height: 100%;
+				padding: 0;
+				margin: 0;
+				font-size: 14px;
+				font-family: Roboto;
+			}
+		</style>
+    </head>
+
+
+    <!-- Display the application -->
+    <body>
+
+        <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-qrcode/angular-qrcode-export.htm b/demos/Angular/angular-qrcode/angular-qrcode-export.htm
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title id='Description'>Angular QRcode Export</title>
+        <base href="./../dist/qrcode/export/">
+        <meta name="description" content="This is an example of the export in Angular QRcode." />
+        <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">
+           QRcode Export
+        </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/src/barcode/basic/app.component.html b/demos/Angular/src/barcode/basic/app.component.html
@@ -0,0 +1,2 @@
+<jqxBarcode #barcode [value]="'A5600B'">
+</jqxBarcode>
diff --git a/demos/Angular/src/barcode/basic/app.component.ts b/demos/Angular/src/barcode/basic/app.component.ts
@@ -0,0 +1,12 @@
+import { Component, ViewChild, ElementRef, ViewEncapsulation } from '@angular/core';
+
+@Component({
+    selector: 'app-root',
+    templateUrl: './app.component.html',
+	encapsulation: ViewEncapsulation.None
+
+})
+
+export class AppComponent {
+
+}
diff --git a/demos/Angular/src/barcode/basic/app.module.ts b/demos/Angular/src/barcode/basic/app.module.ts
@@ -0,0 +1,21 @@
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+import { CommonModule }   from '@angular/common';
+
+import { AppComponent } from './app.component';
+import { jqxBarcodeModule } from 'jqwidgets-ng/jqxbarcode';
+
+@NgModule({
+  declarations: [
+      AppComponent
+  ],
+  imports: [
+    BrowserModule, CommonModule, jqxBarcodeModule
+  ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+
+export class AppModule { }
+
+
diff --git a/demos/Angular/src/barcode/basic/main.ts b/demos/Angular/src/barcode/basic/main.ts
@@ -0,0 +1,6 @@
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { enableProdMode }     from '@angular/core';
+import { AppModule } from './app.module';
+
+enableProdMode();
+platformBrowserDynamic().bootstrapModule(AppModule);