@syncfusion/ej2-base 21.2.3 → 22.1.34

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.3
+*  version : 22.1.34
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-base@*",
-  "_id": "@syncfusion/ej2-base@21.1.39",
+  "_id": "@syncfusion/ej2-base@18.86.0",
   "_inBundle": false,
-  "_integrity": "sha512-FTK0S0QGfGHBggjRr43m6VvV5YD4gsLKa+bLZFu3lrDeWpqwt9p9Z2vZwkfEBPWPsRsTjWLah2O2nuAIVwZCXg==",
+  "_integrity": "sha512-py1u8z6+CRIWrM8Z7XbLfQKjzPnlvYrGRb2bQLi1DGEOh/63W22CT8+iizCQK4azEvvlsbSwwpYY4X65EbFYTQ==",
   "_location": "/@syncfusion/ej2-base",
   "_phantomChildren": {},
   "_requested": {
@@ -22,9 +22,38 @@
     "/@syncfusion/ej2-angular-barcode-generator",
     "/@syncfusion/ej2-angular-base",
     "/@syncfusion/ej2-angular-buttons",
+    "/@syncfusion/ej2-angular-calendars",
+    "/@syncfusion/ej2-angular-charts",
     "/@syncfusion/ej2-angular-circulargauge",
+    "/@syncfusion/ej2-angular-diagrams",
+    "/@syncfusion/ej2-angular-documenteditor",
+    "/@syncfusion/ej2-angular-dropdowns",
+    "/@syncfusion/ej2-angular-filemanager",
+    "/@syncfusion/ej2-angular-gantt",
+    "/@syncfusion/ej2-angular-grids",
+    "/@syncfusion/ej2-angular-heatmap",
+    "/@syncfusion/ej2-angular-image-editor",
+    "/@syncfusion/ej2-angular-inplace-editor",
+    "/@syncfusion/ej2-angular-inputs",
+    "/@syncfusion/ej2-angular-kanban",
+    "/@syncfusion/ej2-angular-layouts",
+    "/@syncfusion/ej2-angular-lineargauge",
     "/@syncfusion/ej2-angular-lists",
+    "/@syncfusion/ej2-angular-maps",
+    "/@syncfusion/ej2-angular-navigations",
+    "/@syncfusion/ej2-angular-notifications",
+    "/@syncfusion/ej2-angular-pdfviewer",
+    "/@syncfusion/ej2-angular-pivotview",
     "/@syncfusion/ej2-angular-popups",
+    "/@syncfusion/ej2-angular-progressbar",
+    "/@syncfusion/ej2-angular-querybuilder",
+    "/@syncfusion/ej2-angular-ribbon",
+    "/@syncfusion/ej2-angular-richtexteditor",
+    "/@syncfusion/ej2-angular-schedule",
+    "/@syncfusion/ej2-angular-splitbuttons",
+    "/@syncfusion/ej2-angular-spreadsheet",
+    "/@syncfusion/ej2-angular-treegrid",
+    "/@syncfusion/ej2-angular-treemap",
     "/@syncfusion/ej2-barcode-generator",
     "/@syncfusion/ej2-buttons",
     "/@syncfusion/ej2-calendars",
@@ -58,9 +87,38 @@
     "/@syncfusion/ej2-react-barcode-generator",
     "/@syncfusion/ej2-react-base",
     "/@syncfusion/ej2-react-buttons",
+    "/@syncfusion/ej2-react-calendars",
+    "/@syncfusion/ej2-react-charts",
     "/@syncfusion/ej2-react-circulargauge",
+    "/@syncfusion/ej2-react-diagrams",
+    "/@syncfusion/ej2-react-documenteditor",
+    "/@syncfusion/ej2-react-dropdowns",
+    "/@syncfusion/ej2-react-filemanager",
+    "/@syncfusion/ej2-react-gantt",
+    "/@syncfusion/ej2-react-grids",
+    "/@syncfusion/ej2-react-heatmap",
+    "/@syncfusion/ej2-react-image-editor",
+    "/@syncfusion/ej2-react-inplace-editor",
+    "/@syncfusion/ej2-react-inputs",
+    "/@syncfusion/ej2-react-kanban",
+    "/@syncfusion/ej2-react-layouts",
+    "/@syncfusion/ej2-react-lineargauge",
     "/@syncfusion/ej2-react-lists",
+    "/@syncfusion/ej2-react-maps",
+    "/@syncfusion/ej2-react-navigations",
+    "/@syncfusion/ej2-react-notifications",
+    "/@syncfusion/ej2-react-pdfviewer",
+    "/@syncfusion/ej2-react-pivotview",
     "/@syncfusion/ej2-react-popups",
+    "/@syncfusion/ej2-react-progressbar",
+    "/@syncfusion/ej2-react-querybuilder",
+    "/@syncfusion/ej2-react-ribbon",
+    "/@syncfusion/ej2-react-richtexteditor",
+    "/@syncfusion/ej2-react-schedule",
+    "/@syncfusion/ej2-react-splitbuttons",
+    "/@syncfusion/ej2-react-spreadsheet",
+    "/@syncfusion/ej2-react-treegrid",
+    "/@syncfusion/ej2-react-treemap",
     "/@syncfusion/ej2-ribbon",
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-schedule",
@@ -72,12 +130,41 @@
     "/@syncfusion/ej2-vue-barcode-generator",
     "/@syncfusion/ej2-vue-base",
     "/@syncfusion/ej2-vue-buttons",
+    "/@syncfusion/ej2-vue-calendars",
+    "/@syncfusion/ej2-vue-charts",
     "/@syncfusion/ej2-vue-circulargauge",
+    "/@syncfusion/ej2-vue-diagrams",
+    "/@syncfusion/ej2-vue-documenteditor",
+    "/@syncfusion/ej2-vue-dropdowns",
+    "/@syncfusion/ej2-vue-filemanager",
+    "/@syncfusion/ej2-vue-gantt",
+    "/@syncfusion/ej2-vue-grids",
+    "/@syncfusion/ej2-vue-heatmap",
+    "/@syncfusion/ej2-vue-image-editor",
+    "/@syncfusion/ej2-vue-inplace-editor",
+    "/@syncfusion/ej2-vue-inputs",
+    "/@syncfusion/ej2-vue-kanban",
+    "/@syncfusion/ej2-vue-layouts",
+    "/@syncfusion/ej2-vue-lineargauge",
     "/@syncfusion/ej2-vue-lists",
-    "/@syncfusion/ej2-vue-popups"
+    "/@syncfusion/ej2-vue-maps",
+    "/@syncfusion/ej2-vue-navigations",
+    "/@syncfusion/ej2-vue-notifications",
+    "/@syncfusion/ej2-vue-pdfviewer",
+    "/@syncfusion/ej2-vue-pivotview",
+    "/@syncfusion/ej2-vue-popups",
+    "/@syncfusion/ej2-vue-progressbar",
+    "/@syncfusion/ej2-vue-querybuilder",
+    "/@syncfusion/ej2-vue-ribbon",
+    "/@syncfusion/ej2-vue-richtexteditor",
+    "/@syncfusion/ej2-vue-schedule",
+    "/@syncfusion/ej2-vue-splitbuttons",
+    "/@syncfusion/ej2-vue-spreadsheet",
+    "/@syncfusion/ej2-vue-treegrid",
+    "/@syncfusion/ej2-vue-treemap"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-base/-/ej2-base-21.1.39.tgz",
-  "_shasum": "27c564490dd7783542a34e2d0df4a7da922b2f03",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-base/-/ej2-base-18.86.0.tgz",
+  "_shasum": "640ad9caeb3bc6de349ee3d714ab2301f6460df7",
   "_spec": "@syncfusion/ej2-base@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -91,7 +178,7 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-icons": "~21.2.3"
+    "@syncfusion/ej2-icons": "~22.1.34"
   },
   "deprecated": false,
   "description": "A common package of Essential JS 2 base libraries, methods and class definitions",
@@ -132,6 +219,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "21.2.3",
+  "version": "22.1.34",
   "sideEffects": true
 }

package/src/browser.js

@@ -132,7 +132,7 @@ var Browser = /** @class */ (function () {
      */
     Browser.getValue = function (key, regX) {
         var browserDetails = typeof window !== 'undefined' ? window.browserDetails : {};
-        if (typeof navigator !== 'undefined' && navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1 && Browser.isTouch === true) {
+        if (typeof navigator !== 'undefined' && navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1 && Browser.isTouch === true && !REGX_BROWSER.CHROME.test(navigator.userAgent)) {
             browserDetails['isIos'] = true;
             browserDetails['isDevice'] = true;
             browserDetails['isTouch'] = true;

package/src/draggable.js

@@ -422,6 +422,9 @@ var Draggable = /** @class */ (function (_super) {
         var dTop = this.position.top - this.diffY;
         var styles = getComputedStyle(helperElement);
         if (this.dragArea) {
+            if (this.enableAutoScroll) {
+                this.setDragArea();
+            }
             if (this.pageX !== pagex || this.skipDistanceCheck) {
                 var helperWidth = helperElement.offsetWidth + (parseFloat(styles.marginLeft)
                     + parseFloat(styles.marginRight));

package/src/fetch.d.ts

@@ -0,0 +1,114 @@
+/**
+ * The Fetch class provides a way to make asynchronous network requests, typically to retrieve resources from a server.
+ * ```typescript
+ *   var fetchApi = new Fetch('index.html', 'GET');
+ *   fetchApi.send()
+ *      .then((value) => {
+ *          console.log(value);
+ *      }).catch((error) => {
+ *          console.log(error);
+ *      });
+ * ```
+ */
+export declare class Fetch {
+    /**
+     * Specifies the URL to which the request is to be sent.
+     *
+     * @default null
+     */
+    url: string;
+    /**
+     * Specifies which request method is to be used, such as GET, POST, etc.
+     *
+     * @default GET
+     */
+    type: string;
+    /**
+     * Specifies the content type of the request, which is used to indicate the original media type of the resource.
+     *
+     * @default null
+     */
+    contentType: string;
+    /**
+     * Specifies the data that needs to be added to the request.
+     *
+     * @default null
+     */
+    data: string | Object;
+    /**
+     * A boolean value indicating whether to reject the promise or not.
+     *
+     * @private
+     * @default true
+     */
+    emitError: boolean;
+    /**
+     * Specifies the request object that represents a resource request.
+     *
+     * @default null
+     */
+    fetchRequest: Request;
+    /**
+     * Represents a response to a request.
+     *
+     * @private
+     * @default null
+     */
+    private fetchResponse;
+    /**
+     * Specifies the callback function to be triggered before sending the request to the server.
+     * This can be used to modify the fetchRequest object before it is sent.
+     *
+     * @event beforeSend
+     */
+    beforeSend: Function;
+    /**
+     * Specifies the callback function to be triggered after the response is received.
+     * This callback will be triggered even if the request is failed.
+     *
+     * @event onLoad
+     */
+    onLoad: Function;
+    /**
+     * Specifies the callback function to be triggered after the request is successful.
+     * The callback will contain the server response as a parameter.
+     *
+     * @event onSuccess
+     */
+    onSuccess: Function;
+    /**
+     * Specifies the callback function to be triggered after the request is failed.
+     *
+     * @event onFailure
+     */
+    onFailure: Function;
+    /**
+     * Constructor for Fetch class.
+     *
+     * @param {string|Object} options - Specifies the URL or Request object with URL to which the request is to be sent.
+     * @param {string} type - Specifies which request method is to be used, such as GET, POST, etc.
+     * @param {string} contentType - Specifies the content type of the request, which is used to indicate the original media type of the resource.
+     */
+    constructor(options?: string | Object, type?: string, contentType?: string);
+    /**
+     * Send the request to server.
+     *
+     * @param {string|Object} data - Specifies the data that needs to be added to the request.
+     * @returns {Promise<Response>} - Returns the response to a request.
+     */
+    send(data?: string | Object): Promise<Response>;
+    private triggerEvent;
+}
+/**
+ * Provides information about the beforeSend event.
+ */
+export interface BeforeSendFetchEventArgs {
+    /**
+     * A boolean value indicating whether to cancel the fetch request or not.
+     */
+    cancel?: boolean;
+    /**
+     * Returns the request object that represents a resource request.
+     */
+    fetchRequest: Request;
+}

package/src/fetch.js

@@ -0,0 +1,116 @@
+import { isNullOrUndefined as isNOU, isObject, merge } from './util';
+/**
+ * The Fetch class provides a way to make asynchronous network requests, typically to retrieve resources from a server.
+ * ```typescript
+ *   var fetchApi = new Fetch('index.html', 'GET');
+ *   fetchApi.send()
+ *      .then((value) => {
+ *          console.log(value);
+ *      }).catch((error) => {
+ *          console.log(error);
+ *      });
+ * ```
+ */
+var Fetch = /** @class */ (function () {
+    /**
+     * Constructor for Fetch class.
+     *
+     * @param {string|Object} options - Specifies the URL or Request object with URL to which the request is to be sent.
+     * @param {string} type - Specifies which request method is to be used, such as GET, POST, etc.
+     * @param {string} contentType - Specifies the content type of the request, which is used to indicate the original media type of the resource.
+     */
+    function Fetch(options, type, contentType) {
+        /**
+         * Specifies which request method is to be used, such as GET, POST, etc.
+         *
+         * @default GET
+         */
+        this.type = 'GET';
+        /**
+         * A boolean value indicating whether to reject the promise or not.
+         *
+         * @private
+         * @default true
+         */
+        this.emitError = true;
+        if (typeof options === 'string') {
+            this.url = options;
+            this.type = !isNOU(type) ? type.toUpperCase() : this.type;
+            this.contentType = contentType;
+        }
+        else if (isObject(options) && Object.keys(options).length > 0) {
+            merge(this, options);
+        }
+        this.contentType = !isNOU(this.contentType) ? this.contentType : 'application/json; charset=utf-8';
+    }
+    /**
+     * Send the request to server.
+     *
+     * @param {string|Object} data - Specifies the data that needs to be added to the request.
+     * @returns {Promise<Response>} - Returns the response to a request.
+     */
+    Fetch.prototype.send = function (data) {
+        var _this = this;
+        var contentTypes = {
+            'application/json': 'json',
+            'multipart/form-data': 'formData',
+            'application/octet-stream': 'blob',
+            'application/x-www-form-urlencoded': 'formData'
+        };
+        try {
+            if (isNOU(this.fetchRequest) && this.type === 'GET') {
+                this.fetchRequest = new Request(this.url, { method: this.type });
+            }
+            else if (isNOU(this.fetchRequest)) {
+                this.data = !isNOU(data) ? data : this.data;
+                this.fetchRequest = new Request(this.url, {
+                    method: this.type,
+                    headers: { 'Content-Type': this.contentType },
+                    body: this.data
+                });
+            }
+            var eventArgs = { cancel: false, fetchRequest: this.fetchRequest };
+            this.triggerEvent(this['beforeSend'], eventArgs);
+            if (eventArgs.cancel) {
+                return null;
+            }
+            this.fetchResponse = fetch(this.fetchRequest);
+            return this.fetchResponse.then(function (response) {
+                _this.triggerEvent(_this['onLoad'], response);
+                if (!response.ok) {
+                    throw new Error(response.statusText);
+                }
+                var responseType = 'text';
+                for (var _i = 0, _a = Object.keys(contentTypes); _i < _a.length; _i++) {
+                    var key = _a[_i];
+                    if (response.headers.get('Content-Type').indexOf(key) !== -1) {
+                        responseType = contentTypes[key];
+                    }
+                }
+                return response[responseType]();
+                // eslint-disable-next-line
+            }).then(function (data) {
+                _this.triggerEvent(_this['onSuccess'], data, _this);
+                return data;
+                // eslint-disable-next-line
+            }).catch(function (error) {
+                var returnVal = {};
+                if (_this.emitError) {
+                    _this.triggerEvent(_this['onFailure'], error);
+                    returnVal = Promise.reject(error);
+                }
+                return returnVal;
+            });
+        }
+        catch (error) {
+            return error;
+        }
+    };
+    Fetch.prototype.triggerEvent = function (callback, data, instance) {
+        if (!isNOU(callback) && typeof callback === 'function') {
+            callback(data, instance);
+        }
+    };
+    return Fetch;
+}());
+export { Fetch };

package/src/index.d.ts

@@ -3,6 +3,7 @@
  */
 export * from './intl/intl-base';
 export * from './ajax';
+export * from './fetch';
 export * from './animation';
 export * from './animation-model';
 export * from './base';

package/src/index.js

@@ -3,6 +3,7 @@
  */
 export * from './intl/intl-base';
 export * from './ajax';
+export * from './fetch';
 export * from './animation';
 export * from './base';
 export * from './browser';

package/src/intl/number-formatter.js

@@ -110,7 +110,7 @@ var NumberFormat = /** @class */ (function () {
             else if (!isFinite(value)) {
                 return symbols[mapper[0]];
             }
-            return _this.intNumberFormatter(value, cOptions, dOptions);
+            return _this.intNumberFormatter(value, cOptions, dOptions, option);
         };
     };
     /**
@@ -194,7 +194,7 @@ var NumberFormat = /** @class */ (function () {
      * @param {CommonOptions} dOptions ?
      * @returns {string} ?
      */
-    NumberFormat.intNumberFormatter = function (value, fOptions, dOptions) {
+    NumberFormat.intNumberFormatter = function (value, fOptions, dOptions, option) {
         var curData;
         if (isUndefined(fOptions.nData.type)) {
             return undefined;
@@ -218,7 +218,7 @@ var NumberFormat = /** @class */ (function () {
                 fValue = this.processSignificantDigits(value, curData.minimumSignificantDigits, curData.maximumSignificantDigits);
             }
             else {
-                fValue = this.processFraction(value, curData.minimumFractionDigits, curData.maximumFractionDigits);
+                fValue = this.processFraction(value, curData.minimumFractionDigits, curData.maximumFractionDigits, option);
                 if (curData.minimumIntegerDigits) {
                     fValue = this.processMinimumIntegers(fValue, curData.minimumIntegerDigits);
                 }
@@ -253,6 +253,9 @@ var NumberFormat = /** @class */ (function () {
                 return curData.nlead;
             }
             else {
+                if (fValue === '0' && option && option.format === '0') {
+                    return fValue + curData.nend;
+                }
                 return curData.nlead + fValue + curData.nend;
             }
         }
@@ -314,7 +317,7 @@ var NumberFormat = /** @class */ (function () {
      * @param {number} max ?
      * @returns {string} ?
      */
-    NumberFormat.processFraction = function (value, min, max) {
+    NumberFormat.processFraction = function (value, min, max, option) {
         var temp = (value + '').split('.')[1];
         var length = temp ? temp.length : 0;
         if (min && length < min) {
@@ -334,7 +337,11 @@ var NumberFormat = /** @class */ (function () {
         else if (!isNullOrUndefined(max) && (length > max || max === 0)) {
             return value.toFixed(max);
         }
-        return value + '';
+        var str = value + '';
+        if (str[0] === '0' && option && option.format === '###.00') {
+            str = str.slice(1);
+        }
+        return str;
     };
     /**
      * Returns integer processed numeric string

package/src/intl/parser-base.js

@@ -214,28 +214,28 @@ var blazorCurrencyData = {
     'XAF': 'FCFA',
     'GHS': 'GH₵',
     'XDR': 'XDR',
-    'AED': 'د.إ.‏',
-    'BHD': 'د.ب.‏',
-    'DZD': 'د.ج.‏',
-    'EGP': 'ج.م.‏',
+    'AED': 'د.إ.',
+    'BHD': 'د.ب.',
+    'DZD': 'د.ج.',
+    'EGP': 'ج.م.',
     'ILS': '₪',
-    'IQD': 'د.ع.‏',
-    'JOD': 'د.ا.‏',
+    'IQD': 'د.ع.',
+    'JOD': 'د.ا.',
     'KMF': 'CF',
-    'KWD': 'د.ك.‏',
-    'LBP': 'ل.ل.‏',
-    'LYD': 'د.ل.‏',
-    'MAD': 'د.م.‏',
+    'KWD': 'د.ك.',
+    'LBP': 'ل.ل.',
+    'LYD': 'د.ل.',
+    'MAD': 'د.م.',
     'MRU': 'أ.م.',
-    'OMR': 'ر.ع.‏',
-    'QAR': 'ر.ق.‏',
-    'SAR': 'ر.س.‏',
+    'OMR': 'ر.ع.',
+    'QAR': 'ر.ق.',
+    'SAR': 'ر.س.',
     'SDG': 'ج.س.',
     'SOS': 'S',
     'SSP': '£',
-    'SYP': 'ل.س.‏',
-    'TND': 'د.ت.‏',
-    'YER': 'ر.ي.‏',
+    'SYP': 'ل.س.',
+    'TND': 'د.ت.',
+    'YER': 'ر.ي.',
     'CLP': '$',
     'INR': '₹',
     'TZS': 'TSh',

package/src/template-engine.d.ts

@@ -8,18 +8,18 @@ export declare function getRandomId(): string;
  * Interface for Template Engine.
  */
 export interface ITemplateEngine {
-    compile: (templateString: string, helper?: Object, ignorePrefix?: boolean) => (data: Object | JSON) => string;
+    compile: (templateString: string | Function, helper?: Object, ignorePrefix?: boolean) => (data: Object | JSON) => string;
 }
 /**
  * Compile the template string into template function.
  *
- * @param {string} templateString - The template string which is going to convert.
+ * @param {string | Function} templateString - The template string which is going to convert.
  * @param {Object} helper - Helper functions as an object.
  * @param {boolean} ignorePrefix ?
  * @returns {NodeList} ?
  * @private
  */
-export declare function compile(templateString: string, helper?: Object, ignorePrefix?: boolean): (data: Object | JSON, component?: any, propName?: any) => NodeList;
+export declare function compile(templateString: string | Function, helper?: Object, ignorePrefix?: boolean): (data: Object | JSON, component?: any, propName?: any) => NodeList;
 /**
  *
  * @param {string} templateId ?
@@ -53,3 +53,12 @@ export declare function setTemplateEngine(classObj: ITemplateEngine): void;
  * @private
  */
 export declare function getTemplateEngine(): (template: string, helper?: Object) => (data: Object | JSON) => string;
+/**
+ * Set the current template function to support Content Security Policy.
+ *
+ * @param {Function} template - The template function that is going to render.
+ * @param {any} helper - The data utilized by the template from the helper.
+ * @returns {Function} ?
+ * @private
+ */
+export declare function initializeCSPTemplate(template: Function, helper?: any): Function;

package/src/template-engine.js

@@ -17,7 +17,7 @@ export function getRandomId() {
 /**
  * Compile the template string into template function.
  *
- * @param {string} templateString - The template string which is going to convert.
+ * @param {string | Function} templateString - The template string which is going to convert.
  * @param {Object} helper - Helper functions as an object.
  * @param {boolean} ignorePrefix ?
  * @returns {NodeList} ?
@@ -145,6 +145,26 @@ export function setTemplateEngine(classObj) {
 export function getTemplateEngine() {
     return engineObj.compile;
 }
+/**
+ * Set the current template function to support Content Security Policy.
+ *
+ * @param {Function} template - The template function that is going to render.
+ * @param {any} helper - The data utilized by the template from the helper.
+ * @returns {Function} ?
+ * @private
+ */
+export function initializeCSPTemplate(template, helper) {
+    var boundFunc;
+    template.prototype.CSPTemplate = true;
+    if (!isNullOrUndefined(helper)) {
+        boundFunc = template.bind(helper);
+        boundFunc.prototype = Object.create(template.prototype);
+    }
+    else {
+        boundFunc = template;
+    }
+    return boundFunc;
+}
 //Default Engine Class
 var Engine = /** @class */ (function () {
     function Engine() {

package/src/template.d.ts

@@ -12,10 +12,10 @@ export declare function expression(value?: RegExp): RegExp;
 /**
  * Compile the template string into template function.
  *
- * @param {string} template - The template string which is going to convert.
+ * @param {string | Function} template - The template string which is going to convert.
  * @param {Object} helper - Helper functions as an object.
  * @param {boolean} ignorePrefix ?
  * @returns {string} ?
  * @private
  */
-export declare function compile(template: string, helper?: Object, ignorePrefix?: boolean): () => string;
+export declare function compile(template: string | Function, helper?: Object, ignorePrefix?: boolean): () => string;

package/src/template.js

@@ -52,20 +52,25 @@ export function expression(value) {
 /**
  * Compile the template string into template function.
  *
- * @param {string} template - The template string which is going to convert.
+ * @param {string | Function} template - The template string which is going to convert.
  * @param {Object} helper - Helper functions as an object.
  * @param {boolean} ignorePrefix ?
  * @returns {string} ?
  * @private
  */
 export function compile(template, helper, ignorePrefix) {
-    var argName = 'data';
-    var evalExpResult = evalExp(template, argName, helper, ignorePrefix);
-    // eslint-disable-next-line
-    var condtion = "var valueRegEx = (/value=\\'([A-Za-z0-9 _]*)((.)([\\w)(!-;?-\u25A0\\s]+)['])/g);\n    var hrefRegex = (/(?:href)([\\s='\"./]+)([\\w-./?=&\\\\#\"]+)((.)([\\w)(!-;/?-\u25A0\\s]+)['])/g);\n    if(str.match(valueRegEx)){\n        var check = str.match(valueRegEx);\n        var str1 = str;\n        for (var i=0; i < check.length; i++) {\n            var check1 = str.match(valueRegEx)[i].split('value=')[1];\n            var change = check1.match(/^'/) !== null ? check1.replace(/^'/, '\"') : check1;\n            change =change.match(/.$/)[0] === '\\'' ? change.replace(/.$/,'\"') : change;\n            str1 = str1.replace(check1, change);\n        }\n        str = str.replace(str, str1);\n    }\n    else if (str.match(/(?:href='')/) === null) {\n        if(str.match(hrefRegex)) {\n            var check = str.match(hrefRegex);\n            var str1 = str;\n            for (var i=0; i < check.length; i++) {\n                var check1 = str.match(hrefRegex)[i].split('href=')[1];\n                if (check1) {\n                    var change = check1.match(/^'/) !== null ? check1.replace(/^'/, '\"') : check1;\n                    change =change.match(/.$/)[0] === '\\'' ? change.replace(/.$/,'\"') : change;\n                    str1 = str1.replace(check1, change);\n                }\n            }\n            str = str.replace(str, str1);\n        }\n    }\n    ";
-    var fnCode = 'var str=\"' + evalExpResult + '\";' + condtion + ' return str;';
-    var fn = new Function(argName, fnCode);
-    return fn.bind(helper);
+    if (typeof template === 'function') {
+        return template;
+    }
+    else {
+        var argName = 'data';
+        var evalExpResult = evalExp(template, argName, helper, ignorePrefix);
+        // eslint-disable-next-line
+        var condtion = "var valueRegEx = (/value=\\'([A-Za-z0-9 _]*)((.)([\\w)(!-;?-\u25A0\\s]+)['])/g);\n        var hrefRegex = (/(?:href)([\\s='\"./]+)([\\w-./?=&\\\\#\"]+)((.)([\\w)(!-;/?-\u25A0\\s]+)['])/g);\n        if(str.match(valueRegEx)){\n            var check = str.match(valueRegEx);\n            var str1 = str;\n            for (var i=0; i < check.length; i++) {\n                var check1 = str.match(valueRegEx)[i].split('value=')[1];\n                var change = check1.match(/^'/) !== null ? check1.replace(/^'/, '\"') : check1;\n                change =change.match(/.$/)[0] === '\\'' ? change.replace(/.$/,'\"') : change;\n                str1 = str1.replace(check1, change);\n            }\n            str = str.replace(str, str1);\n        }\n        else if (str.match(/(?:href='')/) === null) {\n            if(str.match(hrefRegex)) {\n                var check = str.match(hrefRegex);\n                var str1 = str;\n                for (var i=0; i < check.length; i++) {\n                    var check1 = str.match(hrefRegex)[i].split('href=')[1];\n                    if (check1) {\n                        var change = check1.match(/^'/) !== null ? check1.replace(/^'/, '\"') : check1;\n                        change =change.match(/.$/)[0] === '\\'' ? change.replace(/.$/,'\"') : change;\n                        str1 = str1.replace(check1, change);\n                    }\n                }\n                str = str.replace(str, str1);\n            }\n        }\n        ";
+        var fnCode = 'var str=\"' + evalExpResult + '\";' + condtion + ' return str;';
+        var fn = new Function(argName, fnCode);
+        return fn.bind(helper);
+    }
 }
 /** function used to evaluate the function expression
  *
@@ -192,7 +197,7 @@ function evalExp(str, nameSpace, helper, ignorePrefix) {
  * @returns {string} ?
  */
 function addNameSpace(str, addNS, nameSpace, ignoreList, ignorePrefix) {
-    return ((addNS && !(NOT_NUMBER.test(str)) && ignoreList.indexOf(str.split('.')[0]) === -1 && !ignorePrefix) ? nameSpace + '.' + str : str);
+    return ((addNS && !(NOT_NUMBER.test(str)) && ignoreList.indexOf(str.split('.')[0]) === -1 && !ignorePrefix && str !== "true" && str !== "false") ? nameSpace + '.' + str : str);
 }
 /**
  *