v17.2.46 is released

Author: pipeline

controls/barcodegenerator/dist/ej2-barcode-generator.umd.min.js

@@ -381,6 +381,7 @@ export class BarcodeGenerator extends Component<HTMLElement> implements INotifyP
         this.trigger('load');
         this.notify('initial-end', {});
         this.renderElements();
+        this.renderComplete();
     }
 
 

controls/barcodegenerator/dist/ej2-barcode-generator.umd.min.js.map

@@ -295,5 +295,6 @@ export class DataMatrixGenerator extends Component<HTMLElement> implements INoti
         this.trigger('load');
         this.notify('initial-end', {});
         this.renderElements();
+        this.renderComplete();
     }
 }

controls/barcodegenerator/dist/es6/ej2-barcode-generator.es2015.js

@@ -149,6 +149,7 @@ export class QRCodeGenerator extends Component<HTMLElement> implements INotifyPr
 
         this.notify('initial-end', {});
         this.renderElements();
+        this.renderComplete();
     }
 
     private triggerEvent(eventName: BarcodeEvent, message: string): void {

controls/barcodegenerator/dist/es6/ej2-barcode-generator.es2015.js.map

@@ -2,13 +2,22 @@
 
 ## [Unreleased]
 
+## 17.2.46 (2019-08-22)
+
+### Common
+
+#### Bug Fixes
+
+- Resolved template Engine support is not working while using Special characters `(@)` in `if` condition.
+
 ## 17.2.40 (2019-08-06)
 
 ### Common
 
 #### Bug Fixes
 
 - `#I240696` - Resolved drag issue for actual drag element for scrolled parent element.
+- `#I237495` - Fixed template engine support is not working while passing an array of value within the object.
 
 ## 17.2.39 (2019-07-30)
 

controls/barcodegenerator/dist/es6/ej2-barcode-generator.es5.js

@@ -110,7 +110,7 @@ export class Styler extends Component<HTMLElement> implements INotifyPropertyCha
 export class Styler1 extends Styler implements INotifyPropertyChanged {
     @Event()
     public destroyed: Function;
-    constructor(fontObj: { size: string, enablePersistence?: boolean, destroyed?: Function}, id?: string | HTMLElement) {
+    constructor(fontObj: { size: string, enablePersistence?: boolean, destroyed?: Function }, id?: string | HTMLElement) {
         super(fontObj, id);
     }
 
@@ -201,7 +201,7 @@ describe('Component', () => {
     it('Check wheter changing currencyCode will not trigger threw error on property change', () => {
         let elem: HTMLElement = createElement('div', { id: 'myStyleDiv0' });
         document.body.appendChild(elem);
-        let currencyStyler: any = new ObserveComponent('#myStyleDiv0',{});
+        let currencyStyler: any = new ObserveComponent('#myStyleDiv0', {});
         let curSpy: jasmine.Spy = jasmine.createSpy('curChange');
         currencyStyler.__proto__.onPropertyChanged = curSpy;
         setCurrencyCode('EUR');
@@ -211,7 +211,7 @@ describe('Component', () => {
         document.body.innerHTML = '';
         setCurrencyCode('USD');
     });
-    
+
     it('Injecting dependent modules with required modules', () => {
         Styler1.Inject(Touch);
         let elem: HTMLElement = createElement('div', { id: 'myStyleDiv0' });
@@ -823,4 +823,30 @@ describe('Component', () => {
             expect(spy).toHaveBeenCalled();
         });
     });
+
+    describe('renderComplete method ', () => {
+        it(' - isRendered property as false', () => {
+            let obj: any = new Styler();
+            expect(obj.isRendered).toBe(false);
+        });
+        it(' - isRendered property as true after renderComplete call', () => {
+            let obj: any = new Styler();
+            delete window['Blazor'];
+            obj.renderComplete();
+            expect(obj.isRendered).toBe(true);
+        });
+        it(' - wrapper element and blazor testing', () => {
+            window['Blazor'] = {};
+            window['ejsInterop'] = {
+                renderComplete: function (wrapper: any) {
+                    return wrapper;
+                }
+            };
+            let elem: HTMLElement = createElement('div');
+            let obj: any = new Styler({ size: '10px' }, elem);
+            let wrapper: HTMLElement = createElement('div');
+            obj.renderComplete(wrapper);
+            expect(obj.isRendered).toBe(true);
+        });
+    });
 });

controls/barcodegenerator/dist/es6/ej2-barcode-generator.es5.js.map

@@ -7,6 +7,7 @@ import {  createElement} from '../src/dom';
 let arrayOfObj = [
     {
         "IDPRATICA": 700,
+        "@DRNT": 0,
         "Giorni": [
             {
                 "Data": "2019-05-01T00:00:00",
@@ -16,6 +17,16 @@ let arrayOfObj = [
                 "Data": "2019-05-02T00:00:00",
                 "IDSTATO": 99,
             }
+        ],
+        "@Prior": [
+            {
+                "IDTAG": 0,
+                "Date": "2019-05-02T00:00:00",
+            },
+            {
+                "IDTAG": 10,
+                "Date": "2019-05-02T00:00:00",
+            }
         ]
     }
 ];
@@ -58,12 +69,19 @@ describe('Template', () => {
         expect(outDOM(template.compile(templateStr), dsJSONArray)).toEqual(result);
     });
 
-    it('JSON Array Input With Template Stringn which has special charactor', () => {
+    it('JSON Array Input With Template String which has special character', () => {
         let templateStr: string = '<div>${@ShipCountry}</div>';
         let result: Element[] = [];
         result.push(createElement('div', { innerHTML: 'France' }));
         expect(outDOM(template.compile(templateStr), specialCharValue)).toEqual(result);
     });
+
+    it('JSON Array Input With IF Condition which has special character', () => {
+        let templateStr: string = '${if(@DRNT==0)}<div>true</div>${else}<div>false</div>${/if}';
+        let result: Element[] = [];
+        result.push(createElement('div', { innerHTML: 'true' }));
+        expect(outDOM(template.compile(templateStr), arrayOfObj)).toEqual(result);
+    });
 
     it('JSON Array Input With Template String with array of value within object', () => {
         let templateStr: string = '${if(Giorni[0].IDSTATO==99)}<div>true</div>${else}<div>false</div>${/if}';
@@ -72,6 +90,13 @@ describe('Template', () => {
         expect(outDOM(template.compile(templateStr), arrayOfObj)).toEqual(result);
     });
 
+    it('JSON Array Input With IF Condition which has special character with array of value within object', () => {
+        let templateStr: string = '${if(@Prior[0].IDTAG==0)}<div>true</div>${else}<div>false</div>${/if}';
+        let result: Element[] = [];
+        result.push(createElement('div', { innerHTML: 'true' }));
+        expect(outDOM(template.compile(templateStr), arrayOfObj)).toEqual(result);
+    });
+
     it('JSON Array Input With two space between class Names', () => {
         let templateStr: string = '<div class="class1  class2  class3">${name}</div>';
         let result: Element[] = [];
@@ -104,7 +129,6 @@ describe('Template', () => {
         expect(outDOM(template.compile(templateStr), dsJSONArray)).toEqual(result);
     });
 
-   
     it('JSON Array Input With two space in first class name and multiple space between three class names', () => {
         let templateStr: string = '<div class="  class1    class2   class3">${name}</div>';
         let result: Element[] = [];

controls/barcodegenerator/dist/global/ej2-barcode-generator.min.js

@@ -1,4 +1,4 @@
-import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID } from './util';import { ModuleLoader, ModuleDeclaration } from './module-loader';import { Base } from './base';import { Observer, BoundOptions } from './observer';import { ChildProperty } from './child-property';import { Property, NotifyPropertyChanges } from './notify-property-change';import { onIntlChange, rightToLeft, defaultCulture } from './internationalization';import { createElement, addClass, removeClass } from './dom';
+import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';import { ModuleLoader, ModuleDeclaration } from './module-loader';import { Base } from './base';import { Observer, BoundOptions } from './observer';import { ChildProperty } from './child-property';import { Property, NotifyPropertyChanges } from './notify-property-change';import { onIntlChange, rightToLeft, defaultCulture } from './internationalization';import { createElement, addClass, removeClass } from './dom';
 
 /**
  * Interface for a class Component

controls/barcodegenerator/dist/global/ej2-barcode-generator.min.js.map

@@ -1,4 +1,4 @@
-import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID } from './util';
+import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';
 import { ModuleLoader, ModuleDeclaration } from './module-loader';
 import { Base } from './base';
 import { Observer, BoundOptions } from './observer';
@@ -52,7 +52,7 @@ export abstract class Component<ElementType extends HTMLElement> extends Base<El
     protected requiredModules(): ModuleDeclaration[] {
         return [];
     };
-
+    protected isRendered: boolean = false;
     /**
      * Destroys the sub modules while destroying the widget
      */
@@ -115,6 +115,18 @@ export abstract class Component<ElementType extends HTMLElement> extends Base<El
         }
     }
 
+    /**
+     * It is used to process the post rendering functionalities to a component.
+     */
+    protected renderComplete(wrapperElement?: Node): void {
+        if (isBlazor()) {
+            let ejsInterop: string = 'ejsInterop';
+            // tslint:disable-next-line:no-any
+            (window as any)[ejsInterop].renderComplete(this.element, wrapperElement);
+        }
+        this.isRendered = true;
+    }
+
     /**
      * When invoked, applies the pending property changes immediately to the component.
      */