@syncfusion/ej2-base 24.2.7 → 25.1.35-579988

package/src/animation.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { createElement, selectAll, closest } from './dom';
 import { Base } from './base';
 import { Browser } from './browser';
@@ -446,15 +446,15 @@ export function setGlobalAnimation(value) {
 export var GlobalAnimationMode;
 (function (GlobalAnimationMode) {
     /**
-    * Defines the global animation mode as Default. Animation is enabled or disabled based on the component's animation settings.
-    */
+     * Defines the global animation mode as Default. Animation is enabled or disabled based on the component's animation settings.
+     */
     GlobalAnimationMode["Default"] = "Default";
     /**
-    * Defines the global animation mode as Enable. Enables the animation for all components, regardless of the individual component's animation settings.
-    */
+     * Defines the global animation mode as Enable. Enables the animation for all components, regardless of the individual component's animation settings.
+     */
     GlobalAnimationMode["Enable"] = "Enable";
     /**
-    * Defines the global animation mode as Disable. Disables the animation for all components, regardless of the individual component's animation settings.
-    */
+     * Defines the global animation mode as Disable. Disables the animation for all components, regardless of the individual component's animation settings.
+     */
     GlobalAnimationMode["Disable"] = "Disable";
 })(GlobalAnimationMode || (GlobalAnimationMode = {}));

package/src/base.d.ts

@@ -139,4 +139,5 @@ export declare function getComponent<T>(elem: HTMLElement | string, comp: string
  * @private
  */
 export declare function removeChildInstance(element: HTMLElement): void;
-export declare let proxyToRaw: Function, setProxyToRaw: (toRaw: Function) => void;
+export declare let proxyToRaw: Function;
+export declare const setProxyToRaw: Function;

package/src/base.js

@@ -257,12 +257,13 @@ var Base = /** @class */ (function () {
         var _this = this;
         // eslint-disable-next-line
         this.element.ej2_instances =
-            this.element.ej2_instances ? this.element.ej2_instances.filter(function (i) {
-                if (proxyToRaw) {
-                    return proxyToRaw(i) !== proxyToRaw(_this);
-                }
-                return i !== _this;
-            })
+            this.element.ej2_instances ?
+                this.element.ej2_instances.filter(function (i) {
+                    if (proxyToRaw) {
+                        return proxyToRaw(i) !== proxyToRaw(_this);
+                    }
+                    return i !== _this;
+                })
                 : [];
         removeClass([this.element], ['e-' + this.getModuleName()]);
         if (this.element.ej2_instances.length === 0) {
@@ -325,4 +326,5 @@ export function removeChildInstance(element) {
         }
     }
 }
-export var proxyToRaw, setProxyToRaw = function (toRaw) { proxyToRaw = toRaw; };
+export var proxyToRaw;
+export var setProxyToRaw = function (toRaw) { proxyToRaw = toRaw; };

package/src/component-model.d.ts

@@ -1,4 +1,4 @@
-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, ElementProperties, select } from './dom';import { validateLicense, createLicenseOverlay, componentList } from './validate-lic';
+import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';
 
 /**
  * Interface for a class Component
@@ -6,24 +6,24 @@ import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor
 export interface ComponentModel {
 
     /**
-     * Enable or disable persisting component's state between page reloads.
-     *
-     * @default false
-     */
-    enablePersistence?: boolean;
+     * Enable or disable persisting component's state between page reloads.
+     *
+     * @default false
+     */
+    enablePersistence?: boolean;
 
     /**
-     * Enable or disable rendering component in right to left direction.
-     *
-     * @default false
-     */
-    enableRtl?: boolean;
+     * Enable or disable rendering component in right to left direction.
+     *
+     * @default false
+     */
+    enableRtl?: boolean;
 
     /**
-     * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
-     *
-     * @default ''
-     */
-    locale?: string;
+     * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
+     *
+     * @default ''
+     */
+    locale?: string;
 
 }

package/src/component.d.ts

@@ -83,16 +83,22 @@ export declare abstract class Component<ElementType extends HTMLElement> extends
     getLocalData(): any;
     /**
      * Adding unload event to persist data when enable persistence true
+     *
+     * @returns {void}
      */
-    attachUnloadEvent(): any;
+    attachUnloadEvent(): void;
     /**
      * Handling unload event to persist data when enable persistence true
+     *
+     * @returns {void}
      */
-    handleUnload(): any;
+    handleUnload(): void;
     /**
      * Removing unload event to persist data when enable persistence true
+     *
+     * @returns {void}
      */
-    detachUnloadEvent(): any;
+    detachUnloadEvent(): void;
     /**
      * Appends the control within the given HTML element
      *

package/src/component.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';
 import { ModuleLoader } from './module-loader';
 import { Base } from './base';
@@ -25,16 +25,9 @@ import { ChildProperty } from './child-property';
 import { Property, NotifyPropertyChanges } from './notify-property-change';
 import { onIntlChange, rightToLeft, defaultCulture } from './internationalization';
 import { createElement, addClass, removeClass, select } from './dom';
-import { validateLicense, createLicenseOverlay, componentList } from './validate-lic';
 var componentCount = 0;
 var lastPageID;
 var lastHistoryLen = 0;
-// Decalre the static variable to count the instance
-var instancecount = 0;
-// Decalre the static variable to find if control limit exceed or not
-var isvalid = true;
-// We have added styles to inline type so here declare the static variable to detect if banner is added or not
-var isBannerAdded = false;
 export var versionBasedStatePersistence = false;
 /**
  * To enable or disable version based statePersistence functionality for all components globally.
@@ -78,14 +71,6 @@ var Component = /** @class */ (function (_super) {
         // tslint:disable-next-line:no-function-constructor-with-string-args
         onIntlChange.on('notifyExternalChange', _this.detectFunction, _this, _this.randomId);
         // Based on the considered control list we have count the instance
-        if (typeof window !== "undefined" && typeof document !== "undefined" && !validateLicense()) {
-            if (componentList.indexOf(_this.getModuleName()) !== -1) {
-                instancecount = instancecount + 1;
-                if (instancecount > 5) {
-                    isvalid = false;
-                }
-            }
-        }
         if (!isUndefined(selector)) {
             _this.appendTo();
         }
@@ -169,6 +154,8 @@ var Component = /** @class */ (function (_super) {
     };
     /**
      * Adding unload event to persist data when enable persistence true
+     *
+     * @returns {void}
      */
     Component.prototype.attachUnloadEvent = function () {
         this.handleUnload = this.handleUnload.bind(this);
@@ -176,12 +163,16 @@ var Component = /** @class */ (function (_super) {
     };
     /**
      * Handling unload event to persist data when enable persistence true
+     *
+     * @returns {void}
      */
     Component.prototype.handleUnload = function () {
         this.setPersistData();
     };
     /**
      * Removing unload event to persist data when enable persistence true
+     *
+     * @returns {void}
      */
     Component.prototype.detachUnloadEvent = function () {
         window.removeEventListener('unload', this.handleUnload);
@@ -216,11 +207,32 @@ var Component = /** @class */ (function (_super) {
             }
             this.preRender();
             this.injectModules();
-            // Checked weather cases are valid or not. If control leads to more than five counts  
-            if (!isvalid && !isBannerAdded) {
-                createLicenseOverlay();
-                isBannerAdded = true;
+            // Throw a warning for the required modules to be injected.
+            var ignoredComponents = {
+                schedule: 'all',
+                diagram: 'all',
+                PdfViewer: 'all',
+                grid: ['logger'],
+                richtexteditor: ['link', 'table', 'image', 'audio', 'video', 'formatPainter', 'emojiPicker', 'pasteCleanup', 'htmlEditor', 'toolbar'],
+                treegrid: ['filter'],
+                gantt: ['tooltip'],
+                chart: ['Export', 'Zoom'],
+                accumulationchart: ['Export']
+            };
+            var component = this.getModuleName();
+            if (this.requiredModules && (!ignoredComponents["" + component] || ignoredComponents["" + component] !== 'all')) {
+                var modulesRequired = this.requiredModules();
+                for (var _i = 0, _a = this.moduleLoader.getNonInjectedModules(modulesRequired); _i < _a.length; _i++) {
+                    var module = _a[_i];
+                    var moduleName = module.name ? module.name : module.member;
+                    if (ignoredComponents["" + component] && ignoredComponents["" + component].indexOf(module.member) !== -1) {
+                        continue;
+                    }
+                    var componentName = component.charAt(0).toUpperCase() + component.slice(1); // To capitalize the component name
+                    console.warn("[WARNING] :: Module \"" + moduleName + "\" is not available in " + componentName + " component! You either misspelled the module name or forgot to load it.");
+                }
             }
+            // Checked weather cases are valid or not. If control leads to more than five counts
             this.render();
             if (!this.mount) {
                 this.trigger('created');

package/src/draggable-model.d.ts

@@ -1,4 +1,4 @@
-import { Base } from './base';import { Browser } from './browser';import { isVisible } from './dom';import { Property, Complex, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change';import { EventHandler } from './event-handler';import { ChildProperty } from './child-property';import { select, closest, setStyleAttribute, addClass, createElement } from './dom';import { extend, isUndefined, isNullOrUndefined, compareElementParent, isBlazor } from './util';
+import { Base } from './base';
 import {DragDirection} from "./draggable";
 
 /**
@@ -7,14 +7,14 @@ import {DragDirection} from "./draggable";
 export interface PositionModel {
 
     /**
-     * Specifies the left position of cursor in draggable.
-     */
-    left?: number;
+     * Specifies the left position of cursor in draggable.
+     */
+    left?: number;
 
     /**
-     * Specifies the left position of cursor in draggable.
-     */
-    top?: number;
+     * Specifies the left position of cursor in draggable.
+     */
+    top?: number;
 
 }
 
@@ -24,157 +24,157 @@ export interface PositionModel {
 export interface DraggableModel {
 
     /**
-     * Defines the distance between the cursor and the draggable element.
-     */
-    cursorAt?: PositionModel;
+     * Defines the distance between the cursor and the draggable element.
+     */
+    cursorAt?: PositionModel;
 
     /**
-     * If `clone` set to true, drag operations are performed in duplicate element of the draggable element.
-     *
-     * @default true
-     */
-    clone?: boolean;
+     * If `clone` set to true, drag operations are performed in duplicate element of the draggable element.
+     *
+     * @default true
+     */
+    clone?: boolean;
 
     /**
-     * Defines the parent  element in which draggable element movement will be restricted.
-     */
-    dragArea?: HTMLElement | string;
+     * Defines the parent  element in which draggable element movement will be restricted.
+     */
+    dragArea?: HTMLElement | string;
 
     /**
-     * Defines the dragArea is scrollable or not.
-     */
-    isDragScroll?: boolean;
+     * Defines the dragArea is scrollable or not.
+     */
+    isDragScroll?: boolean;
 
     /**
-     * Defines wheather need to replace drag element by currentstateTarget.
-     *
-     * @private
-     */
-    isReplaceDragEle?: boolean;
+     * Defines wheather need to replace drag element by currentstateTarget.
+     *
+     * @private
+     */
+    isReplaceDragEle?: boolean;
 
     /**
-     * Defines wheather need to add prevent select class to body or not.
-     *
-     * @private
-     */
-    isPreventSelect?: boolean;
+     * Defines wheather need to add prevent select class to body or not.
+     *
+     * @private
+     */
+    isPreventSelect?: boolean;
 
     /**
-     * Specifies the callback function for drag event.
-     *
-     * @event drag
-     */
-    drag?: Function;
+     * Specifies the callback function for drag event.
+     *
+     * @event drag
+     */
+    drag?: Function;
 
     /**
-     * Specifies the callback function for dragStart event.
-     *
-     * @event dragStart
-     */
-    dragStart?: Function;
+     * Specifies the callback function for dragStart event.
+     *
+     * @event dragStart
+     */
+    dragStart?: Function;
 
     /**
-     * Specifies the callback function for dragStop event.
-     *
-     * @event dragStop
-     */
-    dragStop?: Function;
+     * Specifies the callback function for dragStop event.
+     *
+     * @event dragStop
+     */
+    dragStop?: Function;
 
     /**
-     * Defines the minimum distance draggable element to be moved to trigger the drag operation.
-     *
-     * @default 1
-     */
-    distance?: number;
+     * Defines the minimum distance draggable element to be moved to trigger the drag operation.
+     *
+     * @default 1
+     */
+    distance?: number;
 
     /**
-     * Defines the child element selector which will act as drag handle.
-     */
-    handle?: string;
+     * Defines the child element selector which will act as drag handle.
+     */
+    handle?: string;
 
     /**
-     * Defines the child element selector which will prevent dragging of element.
-     */
-    abort?: string | string[];
+     * Defines the child element selector which will prevent dragging of element.
+     */
+    abort?: string | string[];
 
     /**
-     * Defines the callback function for customizing the cloned  element.
-     */
-    helper?: Function;
+     * Defines the callback function for customizing the cloned  element.
+     */
+    helper?: Function;
 
     /**
-     * Defines the scope value to group sets of draggable and droppable items.
-     * A draggable with the same scope value will be accepted by the droppable.
-     */
-    scope?: string;
+     * Defines the scope value to group sets of draggable and droppable items.
+     * A draggable with the same scope value will be accepted by the droppable.
+     */
+    scope?: string;
 
     /**
-     * Specifies the dragTarget by which the clone element is positioned if not given current context element will be considered.
-     *
-     * @private
-     */
-    dragTarget?: string;
+     * Specifies the dragTarget by which the clone element is positioned if not given current context element will be considered.
+     *
+     * @private
+     */
+    dragTarget?: string;
 
     /**
-     * Defines the axis to limit the draggable element drag path.The possible axis path values are
-     * * `x` - Allows drag movement in horizontal direction only.
-     * * `y` - Allows drag movement in vertical direction only.
-     */
-    axis?: DragDirection;
+     * Defines the axis to limit the draggable element drag path.The possible axis path values are
+     * * `x` - Allows drag movement in horizontal direction only.
+     * * `y` - Allows drag movement in vertical direction only.
+     */
+    axis?: DragDirection;
 
     /**
-     * Defines the function to change the position value.
-     *
-     * @private
-     */
-    queryPositionInfo?: Function;
+     * Defines the function to change the position value.
+     *
+     * @private
+     */
+    queryPositionInfo?: Function;
 
     /**
-     * Defines whether the drag clone element will be split form the cursor pointer.
-     *
-     * @private
-     */
-    enableTailMode?: boolean;
+     * Defines whether the drag clone element will be split form the cursor pointer.
+     *
+     * @private
+     */
+    enableTailMode?: boolean;
 
     /**
-     * Defines whether to skip the previous drag movement comparison.
-     *
-     * @private
-     */
-    skipDistanceCheck?: boolean;
+     * Defines whether to skip the previous drag movement comparison.
+     *
+     * @private
+     */
+    skipDistanceCheck?: boolean;
 
     /**
-     * @private
-     */
-    preventDefault?: boolean;
+     * @private
+     */
+    preventDefault?: boolean;
 
     /**
-     * Defines whether to enable autoscroll on drag movement of draggable element.
-     * enableAutoScroll
-     *
-     * @private
-     */
-    enableAutoScroll?: boolean;
+     * Defines whether to enable autoscroll on drag movement of draggable element.
+     * enableAutoScroll
+     *
+     * @private
+     */
+    enableAutoScroll?: boolean;
 
     /**
-     * Defines whether to enable taphold  on mobile devices.
-     * enableAutoScroll
-     *
-     * @private
-     */
-    enableTapHold?: boolean;
+     * Defines whether to enable taphold  on mobile devices.
+     * enableAutoScroll
+     *
+     * @private
+     */
+    enableTapHold?: boolean;
 
     /**
-     * Specifies the time delay for tap hold.
-     *
-     * @default 750
-     *  @private
-     */
-    tapHoldThreshold?: number;
+     * Specifies the time delay for tap hold.
+     *
+     * @default 750
+     *  @private
+     */
+    tapHoldThreshold?: number;
 
     /**
-     * @private
-     */
-    enableScrollHandler?: boolean;
+     * @private
+     */
+    enableScrollHandler?: boolean;
 
 }

package/src/draggable.d.ts

@@ -361,6 +361,8 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
     private getDocumentWidthHeight;
     private intDragStop;
     /**
+     * @param {MouseEvent | TouchEvent} evt ?
+     * @returns {void}
      * @private
      */
     intDestroy(evt: MouseEvent & TouchEvent): void;