@syncfusion/ej2-calendars - npm Package Compare versions

Comparing version 21.2.10 to 22.1.34

.eslintrc.json

@@ -40,2 +40,3 @@ {
         "security/detect-new-buffer":"error",
+        "security/detect-bidi-characters":"error",
         "@typescript-eslint/no-inferrable-types": "off",
@@ -42,0 +43,0 @@ "@typescript-eslint/ban-types": ["warn", {

CHANGELOG.md

@@ -5,43 +5,19 @@ # Changelog
 
-## 21.2.8 (2023-05-30)
-
-### TimePicker
-
-#### Bug Fixes
-
-- `#I461842` - The performance issue with the Time picker, which was caused by the creation of the popup during component rendering has been resolved.
-
-## 21.2.6 (2023-05-23)
-
-### TimePicker
-
-#### Bug Fixes
-
-- `#SF-461465` - Issue with "Time picker dropdown width not responsive to input and icon" has been resolved.
-
-## 21.1.41 (2023-04-18)
-
 ### DatePicker
 
-#### Bug Fixes
+#### Features
 
-- `#453318` - Issue with "Placeholder text not get displayed on initial render with strict mode true case of the datepicker component."
+- Added support for full screen calendar in mobile mode with landscape and portrait orientations. Enable the feature by setting fullScreenMode property to true.
 
-## 21.1.38 (2023-04-04)
+### DateRangePicker
 
-### DatePicker
+#### Features
 
-#### Bug Fixes
+- Added support for full screen calendar in mobile mode with landscape and portrait orientations. Enable the feature by setting fullScreenMode property to true.
 
-- `#SF-446512` - Issue with "The mask placeholder not shown while bind with null value in ng-model" has been resolved.
-
-- `#SF-447843` - Issue with "after the form is reset, mask placeholder is not shown in the UI" has been resolved.
-
-- `#FB41541` - Resolved the issue where the change event was not triggering on the initial time when binding the component with strict mode.
-
 ### DateTimePicker
 
-#### Bug Fixes
+#### Features
 
-- `#FB41541` - Resolved the issue where the change event was not triggering on the initial time when binding the component with strict mode.
+- Added support for full screen calendar in mobile mode with landscape and portrait orientations. Enable the feature by setting fullScreenMode property to true.
 
@@ -48,0 +24,0 @@ ## 19.3.46 (2021-10-19)

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 21.2.10
+*  version : 22.1.34
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-calendars@*",
-  "_id": "@syncfusion/ej2-calendars@21.2.9",
+  "_id": "@syncfusion/ej2-calendars@18.30.17",
   "_inBundle": false,
-  "_integrity": "sha512-hEe0pY/d+LA4Nh3/iHYsKuOMc+H6WDWxjiiWapfTOYE3+FwoqRlWcb60IvVtmdvGFdYbAh+5EJENzvoF1PlBaA==",
+  "_integrity": "sha512-SnX9BTY2Swgg/KkCKCkXT2ceYIuvP7eWTB6qkKufoQODUbpGQ1FCQ39RddN5bgUgTHR7mmOR/Zr0qFONHkAFWQ==",
   "_location": "/@syncfusion/ej2-calendars",
@@ -35,4 +35,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-21.2.9.tgz",
-  "_shasum": "03c2e601ebb2ddbfbbfdb817755ad7a334c71907",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-calendars/-/ej2-calendars-18.30.17.tgz",
+  "_shasum": "bd1deeac1a021cf0417ca1a889cb9a2f4f485ec9",
   "_spec": "@syncfusion/ej2-calendars@*",
@@ -48,7 +48,7 @@ "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.9",
-    "@syncfusion/ej2-buttons": "~21.2.10",
-    "@syncfusion/ej2-inputs": "~21.2.9",
-    "@syncfusion/ej2-lists": "~21.2.9",
-    "@syncfusion/ej2-popups": "~21.2.10"
+    "@syncfusion/ej2-base": "~22.1.34",
+    "@syncfusion/ej2-buttons": "~22.1.34",
+    "@syncfusion/ej2-inputs": "~22.1.34",
+    "@syncfusion/ej2-lists": "~22.1.34",
+    "@syncfusion/ej2-popups": "~22.1.34"
   },
@@ -86,4 +86,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "21.2.10",
+  "version": "22.1.34",
   "sideEffects": false
 }

src/calendar/calendar-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, EventHandler, Internationalization, ModuleDeclaration } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, KeyboardEvents, L10n } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, KeyboardEventArgs, BaseEventArgs } from '@syncfusion/ej2-base';import { cldrData, getDefaultDateObject, rippleEffect } from '@syncfusion/ej2-base';import { removeClass, detach, closest, addClass, attributes } from '@syncfusion/ej2-base';import { getValue, getUniqueID, extend, Browser } from '@syncfusion/ej2-base';import { Property, Event, EmitType, isNullOrUndefined, throwError } from '@syncfusion/ej2-base';import { Islamic, IslamicDateArgs } from './index';
+import { Component, EventHandler, Internationalization, ModuleDeclaration } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, KeyboardEvents, L10n, SwipeEventArgs } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, KeyboardEventArgs, BaseEventArgs } from '@syncfusion/ej2-base';import { cldrData, getDefaultDateObject, rippleEffect } from '@syncfusion/ej2-base';import { removeClass, detach, closest, addClass, attributes } from '@syncfusion/ej2-base';import { getValue, getUniqueID, extend, Browser } from '@syncfusion/ej2-base';import { Property, Event, EmitType, isNullOrUndefined, throwError } from '@syncfusion/ej2-base';import { Islamic, IslamicDateArgs } from './index';
 import {CalendarType,CalendarView,WeekRule,DayHeaderFormats,NavigatedEventArgs,RenderDayCellEventArgs,ChangedEventArgs} from "./calendar";
@@ -3,0 +3,0 @@ import {ComponentModel} from '@syncfusion/ej2-base';

src/calendar/calendar.d.ts

 import { Component, Internationalization, ModuleDeclaration } from '@syncfusion/ej2-base';
-import { INotifyPropertyChanged, KeyboardEvents, L10n } from '@syncfusion/ej2-base';
+import { INotifyPropertyChanged, KeyboardEvents, L10n, SwipeEventArgs } from '@syncfusion/ej2-base';
 import { KeyboardEventArgs, BaseEventArgs } from '@syncfusion/ej2-base';
@@ -459,5 +459,5 @@ import { EmitType } from '@syncfusion/ej2-base';
     protected previous(): void;
-    protected navigatePrevious(e: MouseEvent | KeyboardEvent): void;
+    protected navigatePrevious(e: MouseEvent | KeyboardEvent | SwipeEventArgs): void;
     protected next(): void;
-    protected navigateNext(eve: MouseEvent | KeyboardEvent): void;
+    protected navigateNext(eve: MouseEvent | KeyboardEvent | SwipeEventArgs): void;
     /**
@@ -491,4 +491,4 @@ * This method is used to navigate to the month/year/decade view of the Calendar.
     protected renderDayCellEvent(args: RenderDayCellEventArgs): void;
-    protected navigatedEvent(eve: MouseEvent | KeyboardEvent): void;
-    protected triggerNavigate(event: MouseEvent | KeyboardEvent): void;
+    protected navigatedEvent(eve: MouseEvent | KeyboardEvent | SwipeEventArgs): void;
+    protected triggerNavigate(event: MouseEvent | KeyboardEvent | SwipeEventArgs): void;
     protected nextIconHandler(disabled: boolean): void;
@@ -495,0 +495,0 @@ protected compare(startDate: Date, endDate: Date, modifier: number): number;

src/datepicker/datepicker-model.d.ts

@@ -1,2 +0,2 @@
-import { EventHandler, Property, Internationalization, NotifyPropertyChanges, DateFormatOptions } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, Animation, EmitType, Event, extend, L10n, Browser, formatUnit } from '@syncfusion/ej2-base';import { detach, addClass, removeClass, closest, attributes } from '@syncfusion/ej2-base';import { isNullOrUndefined, setValue, getUniqueID, ModuleDeclaration } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Input, InputObject, IInput, FloatLabelType } from '@syncfusion/ej2-inputs';import { ChangedEventArgs, CalendarView, Calendar, BlurEventArgs, FocusEventArgs, ClearedEventArgs } from '../calendar/calendar';import { MaskPlaceholderModel } from '../common/maskplaceholder-model';
+import { EventHandler, Property, Internationalization, NotifyPropertyChanges, DateFormatOptions } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, Animation, EmitType, Event, extend, L10n, Browser, formatUnit } from '@syncfusion/ej2-base';import { detach, addClass, removeClass, closest, attributes, Touch, SwipeEventArgs } from '@syncfusion/ej2-base';import { isNullOrUndefined, setValue, getUniqueID, ModuleDeclaration } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Input, InputObject, IInput, FloatLabelType } from '@syncfusion/ej2-inputs';import { ChangedEventArgs, CalendarView, Calendar, BlurEventArgs, FocusEventArgs, ClearedEventArgs } from '../calendar/calendar';import { MaskPlaceholderModel } from '../common/maskplaceholder-model';
 import {FormatObject,PopupObjectArgs,PreventableEventArgs} from "./datepicker";
@@ -64,2 +64,9 @@ import {CalendarModel} from "../calendar/calendar-model";
     /**
+     * Specifies the component popup display full screen in mobile devices.
+     *
+     * @default false
+     */
+    fullScreenMode?: boolean;
+
+    /**
      * You can add the additional html attributes such as disabled, value etc., to the element.
@@ -66,0 +73,0 @@ * If you configured both property and equivalent html attribute then the component considers the property value.

src/datepicker/datepicker.d.ts

 /// <reference path="../calendar/calendar-model.d.ts" />
 import { KeyboardEventArgs, EmitType, L10n } from '@syncfusion/ej2-base';
+import { Touch } from '@syncfusion/ej2-base';
 import { ModuleDeclaration } from '@syncfusion/ej2-base';
@@ -66,2 +67,5 @@ import { Popup } from '@syncfusion/ej2-popups';
     protected isFocused: boolean;
+    protected touchModule: Touch;
+    protected touchStart: boolean;
+    protected iconRight: boolean;
     protected isBlur: boolean;
@@ -116,2 +120,8 @@ /**
     /**
+     * Specifies the component popup display full screen in mobile devices.
+     *
+     * @default false
+     */
+    fullScreenMode: boolean;
+    /**
      * You can add the additional html attributes such as disabled, value etc., to the element.
@@ -436,4 +446,7 @@ * If you configured both property and equivalent html attribute then the component considers the property value.
     private createCalendar;
+    private CalendarSwipeHandler;
+    private TouchStartHandler;
     private setAriaDisabled;
     private modelHeader;
+    private modelCloseHandler;
     protected changeTrigger(event?: MouseEvent | KeyboardEvent): void;
@@ -440,0 +453,0 @@ protected navigatedEvent(): void;

src/daterangepicker/daterangepicker-model.d.ts

@@ -1,2 +0,2 @@
-import { Property, EventHandler, Internationalization, NotifyPropertyChanges, detach, getUniqueID } from '@syncfusion/ej2-base';import { KeyboardEvents, BaseEventArgs, KeyboardEventArgs, Event, EmitType, Browser, L10n, ChildProperty } from '@syncfusion/ej2-base';import { addClass, createElement, remove, closest, select, prepend, removeClass, attributes, Collection } from '@syncfusion/ej2-base';import { isNullOrUndefined, isUndefined, formatUnit, setValue, rippleEffect, merge, extend } from '@syncfusion/ej2-base';import { CalendarView, CalendarBase, NavigatedEventArgs, RenderDayCellEventArgs, CalendarType } from '../calendar/calendar';import { Popup } from '@syncfusion/ej2-popups';import { Button } from '@syncfusion/ej2-buttons';import { BlurEventArgs, FocusEventArgs, ClearedEventArgs } from '../calendar/calendar';import { Input, InputObject, FloatLabelType } from '@syncfusion/ej2-inputs';import { ListBase} from '@syncfusion/ej2-lists';
+import { Property, EventHandler, Internationalization, NotifyPropertyChanges, detach, getUniqueID } from '@syncfusion/ej2-base';import { KeyboardEvents, BaseEventArgs, KeyboardEventArgs, Event, EmitType, Browser, L10n, ChildProperty } from '@syncfusion/ej2-base';import { addClass, createElement, remove, closest, select, prepend, removeClass, attributes, Collection } from '@syncfusion/ej2-base';import { isNullOrUndefined, isUndefined, formatUnit, setValue, rippleEffect, merge, extend, Touch, SwipeEventArgs } from '@syncfusion/ej2-base';import { CalendarView, CalendarBase, NavigatedEventArgs, RenderDayCellEventArgs, CalendarType } from '../calendar/calendar';import { Popup } from '@syncfusion/ej2-popups';import { Button } from '@syncfusion/ej2-buttons';import { BlurEventArgs, FocusEventArgs, ClearedEventArgs } from '../calendar/calendar';import { Input, InputObject, FloatLabelType } from '@syncfusion/ej2-inputs';import { ListBase} from '@syncfusion/ej2-lists';
 import {DateRange,RangeEventArgs,RangeFormatObject} from "./daterangepicker";
@@ -107,2 +107,9 @@ import {CalendarBaseModel} from "../calendar/calendar-model";
     /**
+     * Specifies the component popup display full screen in mobile devices.
+     *
+     * @default false
+     */
+    fullScreenMode?: boolean;
+
+    /**
      * Triggers when Calendar is created.
@@ -109,0 +116,0 @@ *

src/daterangepicker/daterangepicker.d.ts

 /// <reference path="../calendar/calendar-model.d.ts" />
 import { KeyboardEvents, BaseEventArgs, KeyboardEventArgs, EmitType, ChildProperty } from '@syncfusion/ej2-base';
+import { Touch } from '@syncfusion/ej2-base';
 import { CalendarView, CalendarBase, NavigatedEventArgs, RenderDayCellEventArgs, CalendarType } from '../calendar/calendar';
@@ -172,2 +173,5 @@ import { Popup } from '@syncfusion/ej2-popups';
     protected preventChange: boolean;
+    protected touchRangeModule: Touch;
+    protected touchRangeStart: boolean;
+    protected iconRangeRight: string;
     /**
@@ -239,2 +243,8 @@ * Gets or sets the start and end date of the Calendar.
     /**
+     * Specifies the component popup display full screen in mobile devices.
+     *
+     * @default false
+     */
+    fullScreenMode: boolean;
+    /**
      * Triggers when Calendar is created.
@@ -707,2 +717,3 @@ *
     private createControl;
+    private modelRangeCloseHandler;
     private cancelFunction;
@@ -725,2 +736,4 @@ private deviceHeaderUpdate;
     private renderPopup;
+    private dateRangeSwipeHandler;
+    private touchStartRangeHandler;
     protected popupCloseHandler(e: KeyboardEventArgs): void;
@@ -727,0 +740,0 @@ private calendarFocus;

src/datetimepicker/datetimepicker-model.d.ts

@@ -1,2 +0,2 @@
-import { EventHandler, Internationalization, Property, NotifyPropertyChanges, Browser, RippleOptions } from '@syncfusion/ej2-base';import { Animation, EmitType, Event, AnimationModel, cldrData, getDefaultDateObject, detach } from '@syncfusion/ej2-base';import { createElement, remove, addClass, L10n, removeClass, closest, append, attributes } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, isNullOrUndefined, formatUnit, getValue, rippleEffect } from '@syncfusion/ej2-base';import { ModuleDeclaration, extend } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Input } from '@syncfusion/ej2-inputs';import { BlurEventArgs, ClearedEventArgs, CalendarType, CalendarView, DayHeaderFormats } from '../calendar/calendar';import { DatePicker, PopupObjectArgs } from '../datepicker/datepicker';import { TimePickerBase } from '../timepicker/timepicker';import {MaskPlaceholderModel} from '../common/maskplaceholder-model';
+import { EventHandler, Internationalization, Property, NotifyPropertyChanges, Browser, RippleOptions } from '@syncfusion/ej2-base';import { Animation, EmitType, Event, AnimationModel, cldrData, getDefaultDateObject, detach } from '@syncfusion/ej2-base';import { createElement, remove, addClass, L10n, removeClass, closest, append, attributes } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, isNullOrUndefined, formatUnit, getValue, rippleEffect } from '@syncfusion/ej2-base';import { ModuleDeclaration, extend, Touch, SwipeEventArgs } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Input } from '@syncfusion/ej2-inputs';import { BlurEventArgs, ClearedEventArgs, CalendarType, CalendarView, DayHeaderFormats } from '../calendar/calendar';import { DatePicker, PopupObjectArgs } from '../datepicker/datepicker';import { TimePickerBase } from '../timepicker/timepicker';import {MaskPlaceholderModel} from '../common/maskplaceholder-model';
 import {DatePickerModel} from "../datepicker/datepicker-model";
@@ -258,2 +258,9 @@
     /**
+     * Specifies the component popup display full screen in mobile devices.
+     *
+     * @default false
+     */
+    fullScreenMode?: boolean;
+
+    /**
      * By default, the date value will be processed based on system time zone.
@@ -260,0 +267,0 @@ * If you want to process the initial date value using server time zone

src/datetimepicker/datetimepicker.d.ts

@@ -5,3 +5,3 @@ /// <reference path="../datepicker/datepicker-model.d.ts" />
 import { KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';
-import { ModuleDeclaration } from '@syncfusion/ej2-base';
+import { ModuleDeclaration, Touch } from '@syncfusion/ej2-base';
 import { ClearedEventArgs, CalendarType, CalendarView, DayHeaderFormats } from '../calendar/calendar';
@@ -56,2 +56,4 @@ import { DatePicker, PopupObjectArgs } from '../datepicker/datepicker';
     protected moduleName: string;
+    protected touchDTModule: Touch;
+    protected touchDTStart: boolean;
     /**
@@ -296,2 +298,8 @@ * Specifies the format of the time value that to be displayed in time popup list.
     /**
+     * Specifies the component popup display full screen in mobile devices.
+     *
+     * @default false
+     */
+    fullScreenMode: boolean;
+    /**
      * By default, the date value will be processed based on system time zone.
@@ -540,2 +548,3 @@ * If you want to process the initial date value using server time zone
     private renderPopup;
+    private dateTimeCloseHandler;
     private setDimension;
@@ -542,0 +551,0 @@ private setPopupWidth;

src/maskbase/masked-date-time.js

@@ -132,2 +132,7 @@ import { L10n, getValue, getDefaultDateObject, cldrData } from '@syncfusion/ej2-base';
         var start = this.parent.inputElement.selectionStart;
+        if (this.parent.moduleName !== 'timepicker') {
+            if (start === this.hiddenMask.length && this.mask === this.parent.inputElement.value) {
+                start = 0;
+            }
+        }
         for (var i = start, j = start - 1; i < this.hiddenMask.length || j >= 0; i++, j--) {
@@ -663,3 +668,3 @@ if (i < this.hiddenMask.length && this.validCharacters.indexOf(this.hiddenMask[i]) !== -1) {
         var end = this.parent.inputElement.selectionEnd;
-        var formatIndex = isbackward ? start - 1 : end + 1;
+        var formatIndex = isbackward ? start - 1 : end;
         this.navigated = true;
@@ -666,0 +671,0 @@ while (formatIndex < this.hiddenMask.length && formatIndex >= 0) {

src/timepicker/timepicker-model.d.ts

@@ -172,2 +172,9 @@ import { EventHandler, Property, Internationalization, NotifyPropertyChanges } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, Animation, AnimationModel, Browser, BaseEventArgs } from '@syncfusion/ej2-base';import { EmitType, cldrData, L10n, Component, getDefaultDateObject, rippleEffect, RippleOptions, Event } from '@syncfusion/ej2-base';import { remove, addClass, detach, removeClass, closest, append, attributes, setStyleAttribute } from '@syncfusion/ej2-base';import { isNullOrUndefined, formatUnit, getValue, extend, getUniqueID, ModuleDeclaration, ChildProperty } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { FocusEventArgs, BlurEventArgs, ClearedEventArgs } from '../calendar/calendar';import { Input, InputObject, IInput, FloatLabelType } from '@syncfusion/ej2-inputs';import { ListBase, ListBaseOptions, createElementParams } from '@syncfusion/ej2-lists';
     /**
+     * Specifies the component popup display full screen in mobile devices.
+     *
+     * @default false
+     */
+    fullScreenMode?: boolean;
+
+    /**
      * Specifies the component in readonly state.
@@ -174,0 +181,0 @@ *

src/timepicker/timepicker.d.ts

@@ -292,2 +292,8 @@ import { Internationalization } from '@syncfusion/ej2-base';
     /**
+     * Specifies the component popup display full screen in mobile devices.
+     *
+     * @default false
+     */
+    fullScreenMode: boolean;
+    /**
      * Specifies the component in readonly state.
@@ -508,2 +514,3 @@ *
     private renderPopup;
+    private timePopupCloseHandler;
     private getFormattedValue;
@@ -510,0 +517,0 @@ private getDateObject;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

12866041

increased by16.51%

Number of package files

484

increased by8.76%

Lines of code

156977

increased by29.01%

Dependency changes

• + Added@syncfusion/ej2-base@22.1.38(transitive)

• + Added@syncfusion/ej2-buttons@22.1.39(transitive)

• + Added@syncfusion/ej2-data@22.1.38(transitive)

• + Added@syncfusion/ej2-icons@22.1.34(transitive)

• + Added@syncfusion/ej2-inputs@22.1.39(transitive)

• + Added@syncfusion/ej2-lists@22.1.34(transitive)

• + Added@syncfusion/ej2-popups@22.1.38(transitive)

• + Added@syncfusion/ej2-splitbuttons@22.1.37(transitive)

• - Removed@syncfusion/ej2-base@21.2.9(transitive)

• - Removed@syncfusion/ej2-buttons@21.2.10(transitive)

• - Removed@syncfusion/ej2-data@21.2.9(transitive)

• - Removed@syncfusion/ej2-icons@21.2.3(transitive)

• - Removed@syncfusion/ej2-inputs@21.2.9(transitive)

• - Removed@syncfusion/ej2-lists@21.2.9(transitive)

• - Removed@syncfusion/ej2-popups@21.2.10(transitive)

• - Removed@syncfusion/ej2-splitbuttons@21.2.5(transitive)

• Updated@syncfusion/ej2-base@~22.1.34

• Updated@syncfusion/ej2-buttons@~22.1.34

• Updated@syncfusion/ej2-inputs@~22.1.34

• Updated@syncfusion/ej2-lists@~22.1.34

• Updated@syncfusion/ej2-popups@~22.1.34