@syncfusion/ej2-angular-base 31.2.2 → 32.1.19

package/dist/ts/template.d.ts

@@ -0,0 +1,19 @@
+import { ElementRef } from '@angular/core';
+/**
+ * Angular Template Compiler
+ *
+ * @param {AngularElementType} templateEle - The element representing the template.
+ * @param {Object} [helper] - Optional helper object.
+ * @returns {Function} A function that compiles the template.
+ */
+export declare function compile(templateEle: AngularElementType, helper?: Object): (data: Object | JSON, component?: any, propName?: any) => Object;
+/**
+ * Property decorator for angular.
+ *
+ * @param {Object} [defaultValue] - Default value for the property.
+ * @returns {PropertyDecorator} The decorator function.
+ */
+export declare function Template(defaultValue?: Object): PropertyDecorator;
+export interface AngularElementType {
+    elementRef: ElementRef;
+}

package/dist/ts/template.ts

@@ -0,0 +1,107 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { ViewContainerRef, EmbeddedViewRef, ElementRef, TemplateRef } from '@angular/core';
+import { setTemplateEngine, getTemplateEngine } from '@syncfusion/ej2-base';
+import { setValue, getValue } from '@syncfusion/ej2-base';
+
+const stringCompiler: (template: string | Function, helper?: object) => (data: Object | JSON) => string = getTemplateEngine();
+
+/**
+ * Angular Template Compiler
+ *
+ * @param {AngularElementType} templateEle - The element representing the template.
+ * @param {Object} [helper] - Optional helper object.
+ * @returns {Function} A function that compiles the template.
+ */
+export function compile(templateEle: AngularElementType, helper?: Object):
+
+(data: Object | JSON, component?: any, propName?: any) => Object {
+    if (typeof templateEle === 'string' || (typeof templateEle === 'function' && (templateEle as Function).prototype && (templateEle as Function).prototype.CSPTemplate)) {
+        return stringCompiler(templateEle, helper);
+    } else {
+        const contRef: ViewContainerRef = templateEle.elementRef.nativeElement._viewContainerRef;
+        const pName: string = templateEle.elementRef.nativeElement.propName;
+        return (data: Object, component?: any, propName?: any): Object => {
+            const context: Object = { $implicit: data };
+            /* istanbul ignore next */
+            const conRef: ViewContainerRef = contRef ? contRef : component.viewContainerRef;
+            const viewRef: EmbeddedViewRef<Object> = conRef.createEmbeddedView(templateEle as TemplateRef<Object>, context);
+            if (/EJS-MENTION|EJS-DROPDOWNLIST/.test(getValue('currentInstance.element.nodeName', conRef)) ||
+            (/E-TABITEM/.test(getValue('element.nativeElement.nodeName', conRef)) &&
+            getValue('currentInstance.headerTemplateRef', conRef))) {
+                viewRef.detectChanges();
+            } else {
+                viewRef.markForCheck();
+            }
+            /* istanbul ignore next */
+            const viewCollection: { [key: string]: EmbeddedViewRef<Object>[] } = (component && component.registeredTemplate) ?
+                component.registeredTemplate : getValue('currentInstance.registeredTemplate', conRef);
+            propName = (propName && component.registeredTemplate) ? propName : pName;
+            if (typeof viewCollection[`${propName}`] === 'undefined') {
+                viewCollection[`${propName}`] = [];
+            }
+            viewCollection[`${propName}`].push(viewRef);
+            return viewRef.rootNodes;
+        };
+    }
+}
+
+/**
+ * Property decorator for angular.
+ *
+ * @param {Object} [defaultValue] - Default value for the property.
+ * @returns {PropertyDecorator} The decorator function.
+ */
+export function Template(defaultValue?: Object): PropertyDecorator {
+    return (target: Object, key: string) => {
+        const propertyDescriptor: Object = {
+            set: setter(key),
+            get: getter(key, defaultValue),
+            enumerable: true,
+            configurable: true
+        };
+        Object.defineProperty(target, key, propertyDescriptor);
+    };
+}
+
+/**
+ * Creates a setter function for a given property key.
+ *
+ * @param {string} key - The property key.
+ * @returns {Function} The setter function.
+ */
+function setter(key: string): Function {
+    return function (val: any): void {
+        if (val === undefined) { return; }
+        setValue(key + 'Ref', val, this);
+        if (typeof val !== 'string' && !(typeof val === 'function' && (val as Function).prototype && (val as Function).prototype.CSPTemplate)) {
+            (val as any).elementRef.nativeElement._viewContainerRef = this.viewContainerRef;
+            (val as any).elementRef.nativeElement.propName = key;
+        } else {
+            if (this.saveChanges) {
+                this.saveChanges(key, val, undefined);
+                this.dataBind();
+            }
+        }
+    };
+}
+
+/**
+ * Returns a getter function for the specified key and default value.
+ *
+ * @param {string} key - The key for the property.
+ * @param {Object} defaultValue - The default value for the property.
+ * @returns {Function} The getter function.
+ */
+function getter(key: string, defaultValue: Object): Function {
+    return function (): Object {
+        /* istanbul ignore next */
+        return getValue(key + 'Ref', this) || defaultValue;
+    };
+}
+
+export interface AngularElementType {
+    elementRef: ElementRef;
+}
+
+
+setTemplateEngine({ compile: (compile as any) });

package/dist/ts/util.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Angular Utility Module
+ *
+ * @param {Function} derivedClass The derived class to which mixins are applied.
+ * @param {Function[]} baseClass An array of base classes whose methods are applied as mixins.
+ * @returns {void}
+ */
+export declare function applyMixins(derivedClass: any, baseClass: any[]): void;
+/**
+ * Decorator function to apply mixins to a derived class.
+ *
+ * @param {Function[]} baseClass - An array of mixin classes to be applied to the derived class.
+ * @returns {ClassDecorator} The decorator function.
+ */
+export declare function ComponentMixins(baseClass: Function[]): ClassDecorator;
+/**
+ * Registers events.
+ *
+ * @private
+ * @param {string[]} eventList - The list of events to register.
+ * @param {any} obj - The object on which to register the events.
+ * @param {boolean} [direct] - Whether to register events directly on the object or not.
+ * @returns {void}
+ */
+export declare function registerEvents(eventList: string[], obj: any, direct?: boolean): void;
+/**
+ * Clears registered templates.
+ *
+ * @private
+ * @param {any} _this - The context object.
+ * @param {string[]} [templateNames] - Optional. An array of template names to clear.
+ * @param {any[]} [index] - Optional. An array of indices specifying templates to clear.
+ * @returns {void}
+ */
+export declare function clearTemplate(_this: any, templateNames?: string[], index?: any): void;
+/**
+ * To set value for the nameSpace in desired object.
+ *
+ * @param {string} nameSpace - String value to get the inner object.
+ * @param {any} value - Value that you need to set.
+ * @param {any} object - Object to get the inner object value.
+ * @returns {void}
+ * @private
+ */
+export declare function setValue(nameSpace: string, value: any, object: any): any;
+export interface PropertyCollectionInfo {
+    props: PropertyDetails[];
+    complexProps: PropertyDetails[];
+    colProps: PropertyDetails[];
+    events: PropertyDetails[];
+    propNames: string[];
+    complexPropNames: string[];
+    colPropNames: string[];
+    eventNames: string[];
+}
+export interface PropertyDetails {
+    propertyName: string;
+    type: FunctionConstructor | Object;
+    defaultValue: Object;
+}

package/dist/ts/util.ts

@@ -0,0 +1,177 @@
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types */
+import { EventEmitter } from '@angular/core';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
+
+/**
+ * Angular Utility Module
+ *
+ * @param {Function} derivedClass The derived class to which mixins are applied.
+ * @param {Function[]} baseClass An array of base classes whose methods are applied as mixins.
+ * @returns {void}
+ */
+export function applyMixins(derivedClass: any, baseClass: any[]): void {
+    baseClass.forEach((baseClass: any) => {
+        Object.getOwnPropertyNames(baseClass.prototype).forEach((name: string) => {
+            if (!Object.prototype.hasOwnProperty.call(derivedClass.prototype, name) || (baseClass.isFormBase && name !== 'constructor')) {
+                derivedClass.prototype[`${name}`] = baseClass.prototype[`${name}`];
+            }
+        });
+    });
+}
+
+/**
+ * Decorator function to apply mixins to a derived class.
+ *
+ * @param {Function[]} baseClass - An array of mixin classes to be applied to the derived class.
+ * @returns {ClassDecorator} The decorator function.
+ */
+export function ComponentMixins(baseClass: Function[]): ClassDecorator {
+    return function (derivedClass: Function): void {
+        applyMixins(derivedClass, baseClass);
+    };
+}
+
+/**
+ * Registers events.
+ *
+ * @private
+ * @param {string[]} eventList - The list of events to register.
+ * @param {any} obj - The object on which to register the events.
+ * @param {boolean} [direct] - Whether to register events directly on the object or not.
+ * @returns {void}
+ */
+export function registerEvents(eventList: string[], obj: any, direct?: boolean): void {
+    const ngEventsEmitter: { [key: string]: Object } = {};
+    if (eventList && eventList.length) {
+        for (const event of eventList) {
+            if (direct === true) {
+                obj.propCollection[`${event}`] = new EventEmitter(false);
+                obj[`${event}`] = obj.propCollection[`${event}`];
+            } else {
+                ngEventsEmitter[`${event}`] = new EventEmitter(false);
+            }
+        }
+        if (direct !== true) {
+            obj.setProperties(ngEventsEmitter, true);
+        }
+    }
+}
+
+/**
+ * Clears registered templates.
+ *
+ * @private
+ * @param {any} _this - The context object.
+ * @param {string[]} [templateNames] - Optional. An array of template names to clear.
+ * @param {any[]} [index] - Optional. An array of indices specifying templates to clear.
+ * @returns {void}
+ */
+export function clearTemplate(_this: any, templateNames?: string[], index?: any): void {
+    const regTemplates: string[] = Object.keys(_this.registeredTemplate);
+    if (regTemplates.length) {
+        /* istanbul ignore next */
+        const regProperties: string[] = templateNames && templateNames.filter(
+            (val: string) => {
+                return (/\./g.test(val) ? false : true);
+            });
+        const tabaccordionTemp: boolean = /tab|accordion|toolbar/.test(_this.getModuleName?.());
+        for (const registeredTemplate of (regProperties && regProperties || regTemplates)) {
+            /* istanbul ignore next */
+            if (index && index.length) {
+                for (let e: number = 0; e < index.length; e++) {
+                    if (tabaccordionTemp) {
+                        for (let m: number = 0; m < _this.registeredTemplate[`${registeredTemplate}`].length; m++) {
+                            const value: any = _this.registeredTemplate[`${registeredTemplate}`][parseInt(m.toString(), 10)];
+                            if (value && value === index[`${e}`]) {
+                                value.destroy();
+                                _this.registeredTemplate[`${registeredTemplate}`].splice(m, 1);
+                            }
+                        }
+                    } else {
+                        for (let m: number = 0; m < _this.registeredTemplate.template.length; m++) {
+                            const value: any = _this.registeredTemplate.template[parseInt(m.toString(), 10)].rootNodes[0];
+                            if (value === index[`${e}`]) {
+                                const rt: any = _this.registeredTemplate[`${registeredTemplate}`];
+                                rt[parseInt(m.toString(), 10)].destroy();
+                            }
+                        }
+                    }
+                }
+            } else {
+                if (_this.registeredTemplate[`${registeredTemplate}`]) {
+                    for (const rt of _this.registeredTemplate[`${registeredTemplate}`]) {
+                        if (!rt.destroyed) {
+                            if (rt._view) {
+                                const pNode: any = rt._view.renderer.parentNode(rt.rootNodes[0]);
+                                if (!isNullOrUndefined(pNode)) {
+                                    for (let m: number = 0; m < rt.rootNodes.length; m++) {
+                                        pNode.appendChild(rt.rootNodes[parseInt(m.toString(), 10)]);
+                                    }
+                                }
+                            }
+                            rt.destroy();
+                        }
+                    }
+                }
+            }
+            if (!tabaccordionTemp || !index) {
+                delete _this.registeredTemplate[`${registeredTemplate}`];
+            }
+        }
+    }
+    for (const tagObject of _this.tagObjects) {
+        if (tagObject.instance) {
+            /* istanbul ignore next */
+            tagObject.instance.clearTemplate((templateNames && templateNames.filter(
+                (val: string) => {
+                    const regExp: RegExpConstructor = RegExp;
+                    return (new regExp(tagObject.name).test(val) ? true : false);
+                })));
+        }
+    }
+}
+
+/**
+ * To set value for the nameSpace in desired object.
+ *
+ * @param {string} nameSpace - String value to get the inner object.
+ * @param {any} value - Value that you need to set.
+ * @param {any} object - Object to get the inner object value.
+ * @returns {void}
+ * @private
+ */
+export function setValue(nameSpace: string, value: any, object: any): any {
+    const keys: string[] = nameSpace.replace(/\[/g, '.').replace(/\]/g, '').split('.');
+    /* istanbul ignore next */
+    let fromObj: any = object || {};
+    for (let i: number = 0; i < keys.length; i++) {
+        const key: string = keys[parseInt(i.toString(), 10)];
+        if (i + 1 === keys.length) {
+            fromObj[`${key}`] = value === undefined ? {} : value;
+        } else if (fromObj[`${key}`] === undefined) {
+            fromObj[`${key}`] = {};
+        }
+        fromObj = fromObj[`${key}`];
+    }
+    return fromObj;
+}
+
+
+
+
+export interface PropertyCollectionInfo {
+    props: PropertyDetails[];
+    complexProps: PropertyDetails[];
+    colProps: PropertyDetails[];
+    events: PropertyDetails[];
+    propNames: string[];
+    complexPropNames: string[];
+    colPropNames: string[];
+    eventNames: string[];
+}
+
+export interface PropertyDetails {
+    propertyName: string;
+    type: FunctionConstructor | Object;
+    defaultValue: Object;
+}

package/package.json

@@ -1,12 +1,80 @@
 {
-  "name": "@syncfusion/ej2-angular-base",
-  "version": "31.2.2",
+  "_from": "@syncfusion/ej2-angular-base@*",
+  "_id": "@syncfusion/ej2-angular-base@31.2.0",
+  "_inBundle": false,
+  "_integrity": "sha512-YSraLbHKs2kU3NAPuZmCL+GWSjGrdc2HQ+pw8SED1577fG+j4XXyO4m5pbw6JP5/fyUP8+c1zhRhXb4keFrbnA==",
+  "_location": "/@syncfusion/ej2-angular-base",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "range",
+    "registry": true,
+    "raw": "@syncfusion/ej2-angular-base@*",
+    "name": "@syncfusion/ej2-angular-base",
+    "escapedName": "@syncfusion%2fej2-angular-base",
+    "scope": "@syncfusion",
+    "rawSpec": "*",
+    "saveSpec": null,
+    "fetchSpec": "*"
+  },
+  "_requiredBy": [
+    "/",
+    "/@syncfusion/ej2-angular-barcode-generator",
+    "/@syncfusion/ej2-angular-blockeditor",
+    "/@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-interactive-chat",
+    "/@syncfusion/ej2-angular-kanban",
+    "/@syncfusion/ej2-angular-layouts",
+    "/@syncfusion/ej2-angular-lineargauge",
+    "/@syncfusion/ej2-angular-lists",
+    "/@syncfusion/ej2-angular-maps",
+    "/@syncfusion/ej2-angular-multicolumn-combobox",
+    "/@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"
+  ],
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-development/@syncfusion/ej2-angular-base/-/ej2-angular-base-31.2.0.tgz",
+  "_shasum": "4a617960fd7816fb5aae431a22c009b5f953dd78",
+  "_spec": "@syncfusion/ej2-angular-base@*",
+  "_where": "D:\\SF3992\\WFH\\Nexus\\release",
+  "author": {
+    "name": "Syncfusion Inc."
+  },
+  "bugs": {
+    "url": "https://github.com/syncfusion/ej2-angular-ui-components/issues"
+  },
+  "bundleDependencies": false,
+  "dependencies": {
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-icons": "~32.1.19"
+  },
+  "deprecated": false,
   "description": "A common package of Essential JS 2 base Angular libraries, methods and class definitions",
-  "author": "Syncfusion Inc.",
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-angular-base.umd.min.js",
-  "module": "./index.js",
-  "schematics": "./schematics/collection.json",
+  "devDependencies": {},
+  "homepage": "https://www.syncfusion.com/angular-components",
   "keywords": [
     "ej2",
     "syncfusion",
@@ -16,19 +84,19 @@
     "angular",
     "ng"
   ],
-  "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.2",
-    "@syncfusion/ej2-icons": "~31.2.2"
-  },
-  "devDependencies": {},
+  "license": "SEE LICENSE IN license",
+  "main": "./dist/ej2-angular-base.umd.min.js",
+  "module": "./index.js",
+  "name": "@syncfusion/ej2-angular-base",
   "repository": {
     "type": "git",
-    "url": "https://github.com/syncfusion/ej2-angular-ui-components"
+    "url": "git+https://github.com/syncfusion/ej2-angular-ui-components.git"
   },
-  "homepage": "https://www.syncfusion.com/angular-components",
+  "schematics": "./schematics/collection.json",
   "scripts": {
     "postinstall": "node ./postinstall.js"
   },
   "typings": "index.d.ts",
+  "version": "32.1.19",
   "sideEffects": true
 }

package/styles/bds.css

@@ -1,2 +0,0 @@
-
-

package/styles/bds.scss

@@ -1 +0,0 @@
-@import 'ej2-base/styles/definition/bds.scss';

package/styles/bootstrap-dark.scss

@@ -1 +0,0 @@
-@import 'ej2-base/styles/definition/bootstrap-dark.scss';

package/styles/bootstrap.scss

@@ -1 +0,0 @@
-@import 'ej2-base/styles/definition/bootstrap.scss';

package/styles/bootstrap4.scss

@@ -1 +0,0 @@
-@import 'ej2-base/styles/definition/bootstrap4.scss';

package/styles/bootstrap5-dark.scss

@@ -1 +0,0 @@
-@import 'ej2-base/styles/definition/bootstrap5-dark.scss';

package/styles/bootstrap5.3.css

@@ -1,2 +1,84 @@
 
 
+:root,
+
+
+:root,
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */

package/styles/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/definition/bootstrap5.3.scss';
+@use 'ej2-base/styles/definition/bootstrap5.3' as *;

package/styles/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/definition/bootstrap5.scss';
+@use 'ej2-base/styles/definition/bootstrap5' as *;

package/styles/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/definition/fabric-dark.scss';
+@use 'ej2-base/styles/definition/fabric-dark' as *;

package/styles/fabric.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/definition/fabric.scss';
+@use 'ej2-base/styles/definition/fabric' as *;

package/styles/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/definition/fluent-dark.scss';
+@use 'ej2-base/styles/definition/fluent-dark' as *;

package/styles/fluent.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/definition/fluent.scss';
+@use 'ej2-base/styles/definition/fluent' as *;