jqwidgets-ng 13.1.1 → 14.1.0

package/ReleaseNotes.txt

@@ -1,4 +1,50 @@
-jQWidgets v13.1.1 Release, Dec-31-2021
+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:
+
+- jqxGrid Columns render is enhanced with badges showing the column's sort index.
+
+What's Improved:
+
+- jqxSwitchButton events API. Added changeType argument.
+
+What's Fixed:
+
+- Fixed an issue in jqxKanban. 'itemMoved' event returns 'args.NewColumn' as null
+- Fixed an issue in jqxKanban. When dropping a card from one Kanban to another Kanban element
+- Fixed an issue in jqxNumberInput. When trying to get negative value
+- Fixed an issue in jqxGrid. Filtering clears the bound data when used with filter row and custom list items
+- Fixed an issue in jqxGrid. Aggregates are not updated when the source of the grid is changed
+- Fixed an issue in jqxGrid. ExportView - xlsx does not format dates if there is any null values
+- Fixed an issue in jqxTabs. Adds new div element every time when 'setTitleAt' method is used
+- Fixed an issue in jqxGrid. Filtering issue when the grid is initially loaded( when using show filter row)
+- Fixed an issue in jqxGrid. When having localization set and filtering issue
+
+jQWidgets v13.1.1 Release, Dec-31-2021
 
 What's Fixed:
 

package/esm2020/jqxbarcode/angular_jqxbarcode.mjs

@@ -0,0 +1,295 @@
+/// <reference path="../../jqwidgets.d.ts" />
+/// <reference path="../../jqwidgets.d.ts" />
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export class jqxBarcodeComponent {
+    constructor(containerElement) {
+        this.autoCreate = true;
+        this.properties = ['backgroundColor', 'displayLabel', 'labelColor', 'labelFont', 'labelFontSize', 'labelMarginBottom', 'labelMarginTop', 'labelPosition', 'lineColor', 'lineHeight', 'lineWidth', 'renderAs', 'type', 'value'];
+        // jqxBarcodeComponent events
+        this.onInvalid = new EventEmitter();
+        this.elementRef = containerElement;
+    }
+    ngOnInit() {
+        if (this.autoCreate) {
+            this.createComponent();
+        }
+    }
+    ;
+    ngOnChanges(changes) {
+        if (this.host) {
+            for (let i = 0; i < this.properties.length; i++) {
+                let attrName = 'attr' + this.properties[i].substring(0, 1).toUpperCase() + this.properties[i].substring(1);
+                let areEqual = false;
+                if (this[attrName] !== undefined) {
+                    if (typeof this[attrName] === 'object') {
+                        if (this[attrName] instanceof Array) {
+                            areEqual = this.arraysEqual(this[attrName], this.host.jqxBarcode(this.properties[i]));
+                        }
+                        if (areEqual) {
+                            return false;
+                        }
+                        this.host.jqxBarcode(this.properties[i], this[attrName]);
+                        continue;
+                    }
+                    if (this[attrName] !== this.host.jqxBarcode(this.properties[i])) {
+                        this.host.jqxBarcode(this.properties[i], this[attrName]);
+                    }
+                }
+            }
+        }
+    }
+    arraysEqual(attrValue, hostValue) {
+        if ((attrValue && !hostValue) || (!attrValue && hostValue)) {
+            return false;
+        }
+        if (attrValue.length != hostValue.length) {
+            return false;
+        }
+        for (let i = 0; i < attrValue.length; i++) {
+            if (attrValue[i] !== hostValue[i]) {
+                return false;
+            }
+        }
+        return true;
+    }
+    manageAttributes() {
+        let options = {};
+        for (let i = 0; i < this.properties.length; i++) {
+            let attrName = 'attr' + this.properties[i].substring(0, 1).toUpperCase() + this.properties[i].substring(1);
+            if (this[attrName] !== undefined) {
+                options[this.properties[i]] = this[attrName];
+            }
+        }
+        return options;
+    }
+    moveClasses(parentEl, childEl) {
+        let classes = parentEl.classList;
+        if (classes.length > 0) {
+            childEl.classList.add(...classes);
+        }
+        parentEl.className = '';
+    }
+    moveStyles(parentEl, childEl) {
+        let style = parentEl.style.cssText;
+        childEl.style.cssText = style;
+        parentEl.style.cssText = '';
+    }
+    createComponent(options) {
+        if (this.host) {
+            return;
+        }
+        if (options) {
+            JQXLite.extend(options, this.manageAttributes());
+        }
+        else {
+            options = this.manageAttributes();
+        }
+        this.host = JQXLite(this.elementRef.nativeElement.firstChild);
+        this.moveClasses(this.elementRef.nativeElement, this.host[0]);
+        this.moveStyles(this.elementRef.nativeElement, this.host[0]);
+        this.__wireEvents__();
+        this.widgetObject = jqwidgets.createInstance(this.host, 'jqxBarcode', options);
+    }
+    createWidget(options) {
+        this.createComponent(options);
+    }
+    __updateRect__() {
+        if (this.host)
+            this.host.css({ width: this.attrWidth, height: this.attrHeight });
+    }
+    setOptions(options) {
+        this.host.jqxBarcode('setOptions', options);
+    }
+    // jqxBarcodeComponent properties
+    backgroundColor(arg) {
+        if (arg !== undefined) {
+            this.host.jqxBarcode('backgroundColor', arg);
+        }
+        else {
+            return this.host.jqxBarcode('backgroundColor');
+        }
+    }
+    displayLabel(arg) {
+        if (arg !== undefined) {
+            this.host.jqxBarcode('displayLabel', arg);
+        }
+        else {
+            return this.host.jqxBarcode('displayLabel');
+        }
+    }
+    labelColor(arg) {
+        if (arg !== undefined) {
+            this.host.jqxBarcode('labelColor', arg);
+        }
+        else {
+            return this.host.jqxBarcode('labelColor');
+        }
+    }
+    labelFont(arg) {
+        if (arg !== undefined) {
+            this.host.jqxBarcode('labelFont', arg);
+        }
+        else {
+            return this.host.jqxBarcode('labelFont');
+        }
+    }
+    labelFontSize(arg) {
+        if (arg !== undefined) {
+            this.host.jqxBarcode('labelFontSize', arg);
+        }
+        else {
+            return this.host.jqxBarcode('labelFontSize');
+        }
+    }
+    labelMarginBottom(arg) {
+        if (arg !== undefined) {
+            this.host.jqxBarcode('labelMarginBottom', arg);
+        }
+        else {
+            return this.host.jqxBarcode('labelMarginBottom');
+        }
+    }
+    labelMarginTop(arg) {
+        if (arg !== undefined) {
+            this.host.jqxBarcode('labelMarginTop', arg);
+        }
+        else {
+            return this.host.jqxBarcode('labelMarginTop');
+        }
+    }
+    labelPosition(arg) {
+        if (arg !== undefined) {
+            this.host.jqxBarcode('labelPosition', arg);
+        }
+        else {
+            return this.host.jqxBarcode('labelPosition');
+        }
+    }
+    lineColor(arg) {
+        if (arg !== undefined) {
+            this.host.jqxBarcode('lineColor', arg);
+        }
+        else {
+            return this.host.jqxBarcode('lineColor');
+        }
+    }
+    lineHeight(arg) {
+        if (arg !== undefined) {
+            this.host.jqxBarcode('lineHeight', arg);
+        }
+        else {
+            return this.host.jqxBarcode('lineHeight');
+        }
+    }
+    lineWidth(arg) {
+        if (arg !== undefined) {
+            this.host.jqxBarcode('lineWidth', arg);
+        }
+        else {
+            return this.host.jqxBarcode('lineWidth');
+        }
+    }
+    renderAs(arg) {
+        if (arg !== undefined) {
+            this.host.jqxBarcode('renderAs', arg);
+        }
+        else {
+            return this.host.jqxBarcode('renderAs');
+        }
+    }
+    type(arg) {
+        if (arg !== undefined) {
+            this.host.jqxBarcode('type', arg);
+        }
+        else {
+            return this.host.jqxBarcode('type');
+        }
+    }
+    value(arg) {
+        if (arg !== undefined) {
+            this.host.jqxBarcode('value', arg);
+        }
+        else {
+            return this.host.jqxBarcode('value');
+        }
+    }
+    // jqxBarcodeComponent functions
+    export(format, fileName) {
+        return this.host.jqxBarcode('export', format, fileName);
+    }
+    getDataURL(format) {
+        return this.host.jqxBarcode('getDataURL', format);
+    }
+    getDataURLAsync(format) {
+        return this.host.jqxBarcode('getDataURLAsync', format);
+    }
+    isValid() {
+        return this.host.jqxBarcode('isValid');
+    }
+    __wireEvents__() {
+        this.host.on('invalid', (eventData) => { this.onInvalid.emit(eventData); });
+    }
+} //jqxBarcodeComponent
+jqxBarcodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: jqxBarcodeComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+jqxBarcodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: jqxBarcodeComponent, selector: "jqxBarcode", inputs: { attrBackgroundColor: ["backgroundColor", "attrBackgroundColor"], attrDisplayLabel: ["displayLabel", "attrDisplayLabel"], attrLabelColor: ["labelColor", "attrLabelColor"], attrLabelFont: ["labelFont", "attrLabelFont"], attrLabelFontSize: ["labelFontSize", "attrLabelFontSize"], attrLabelMarginBottom: ["labelMarginBottom", "attrLabelMarginBottom"], attrLabelMarginTop: ["labelMarginTop", "attrLabelMarginTop"], attrLabelPosition: ["labelPosition", "attrLabelPosition"], attrLineColor: ["lineColor", "attrLineColor"], attrLineHeight: ["lineHeight", "attrLineHeight"], attrLineWidth: ["lineWidth", "attrLineWidth"], attrRenderAs: ["renderAs", "attrRenderAs"], attrType: ["type", "attrType"], attrValue: ["value", "attrValue"], attrWidth: ["width", "attrWidth"], attrHeight: ["height", "attrHeight"], autoCreate: ["auto-create", "autoCreate"] }, outputs: { onInvalid: "onInvalid" }, usesOnChanges: true, ngImport: i0, template: '<div><ng-content></ng-content></div>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: jqxBarcodeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'jqxBarcode',
+                    template: '<div><ng-content></ng-content></div>'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { attrBackgroundColor: [{
+                type: Input,
+                args: ['backgroundColor']
+            }], attrDisplayLabel: [{
+                type: Input,
+                args: ['displayLabel']
+            }], attrLabelColor: [{
+                type: Input,
+                args: ['labelColor']
+            }], attrLabelFont: [{
+                type: Input,
+                args: ['labelFont']
+            }], attrLabelFontSize: [{
+                type: Input,
+                args: ['labelFontSize']
+            }], attrLabelMarginBottom: [{
+                type: Input,
+                args: ['labelMarginBottom']
+            }], attrLabelMarginTop: [{
+                type: Input,
+                args: ['labelMarginTop']
+            }], attrLabelPosition: [{
+                type: Input,
+                args: ['labelPosition']
+            }], attrLineColor: [{
+                type: Input,
+                args: ['lineColor']
+            }], attrLineHeight: [{
+                type: Input,
+                args: ['lineHeight']
+            }], attrLineWidth: [{
+                type: Input,
+                args: ['lineWidth']
+            }], attrRenderAs: [{
+                type: Input,
+                args: ['renderAs']
+            }], attrType: [{
+                type: Input,
+                args: ['type']
+            }], attrValue: [{
+                type: Input,
+                args: ['value']
+            }], attrWidth: [{
+                type: Input,
+                args: ['width']
+            }], attrHeight: [{
+                type: Input,
+                args: ['height']
+            }], autoCreate: [{
+                type: Input,
+                args: ['auto-create']
+            }], onInvalid: [{
+                type: Output
+            }] } });

package/esm2020/jqxbarcode/angular_jqxbarcode.module.mjs

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { jqxBarcodeComponent } from './angular_jqxbarcode';
+import * as i0 from "@angular/core";
+export class jqxBarcodeModule {
+}
+jqxBarcodeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: jqxBarcodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+jqxBarcodeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: jqxBarcodeModule, declarations: [jqxBarcodeComponent], exports: [jqxBarcodeComponent] });
+jqxBarcodeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: jqxBarcodeModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: jqxBarcodeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [jqxBarcodeComponent],
+                    exports: [jqxBarcodeComponent]
+                }]
+        }] });

package/esm2020/jqxbarcode/public_api.mjs

@@ -0,0 +1,2 @@
+export * from './angular_jqxbarcode';
+export * from './angular_jqxbarcode.module';