@syncfusion/ej2-popups - 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,2 +5,4 @@ # Changelog
 
+## 21.2.10 (2023-06-13)
+
 ### Tooltip
@@ -7,0 +9,0 @@

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-popups@*",
-  "_id": "@syncfusion/ej2-popups@21.2.4",
+  "_id": "@syncfusion/ej2-popups@21.2.6",
   "_inBundle": false,
-  "_integrity": "sha512-2f30FH6xv/UjQNVtm3JXFXhBcElQK0rhZWFISuoo/12O+6DJT6MIGwQXNnA9V4OaphUO5TSZw1SHA4NC/aj47w==",
+  "_integrity": "sha512-5W9hF6zqT4eG7CoCA7tHnKdqCpnzmq4Emr/jw24Bqb4VoXOVmmxQG6R3/AWb+jtOnr8Lq5QbAI/pps+bdsWPGw==",
   "_location": "/@syncfusion/ej2-popups",
@@ -46,4 +46,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-popups/-/ej2-popups-21.2.4.tgz",
-  "_shasum": "ee63e730e2d9b7e5499d79f772a78e09b2128da2",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-popups/-/ej2-popups-21.2.6.tgz",
+  "_shasum": "503d1a240f1524e70d7ecabaa41d4d7065dedc74",
   "_spec": "@syncfusion/ej2-popups@*",
@@ -59,4 +59,4 @@ "_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-base": "~22.1.34",
+    "@syncfusion/ej2-buttons": "~22.1.34"
   },
@@ -96,4 +96,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "21.2.10",
+  "version": "22.1.34",
   "sideEffects": false
 }

src/dialog/dialog-model.d.ts

@@ -104,4 +104,5 @@ import { Component, Property, Event, Collection, L10n, EmitType, Complex, compile, createElement } from '@syncfusion/ej2-base';import { addClass, removeClass, detach, attributes, prepend, setStyleAttribute } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, ChildProperty, isBlazor } from '@syncfusion/ej2-base';import { isNullOrUndefined, formatUnit, append, EventHandler, Draggable, extend } from '@syncfusion/ej2-base';import { BlazorDragEventArgs, SanitizeHtmlHelper, Browser } from '@syncfusion/ej2-base';import { Button, ButtonModel } from '@syncfusion/ej2-buttons';import { Popup, PositionData, getZindexPartial } from '../popup/popup';import { PositionDataModel } from '../popup/popup-model';import { createResize, removeResize, setMinHeight, setMaxWidth, setMaxHeight } from '../common/resize';
      * @blazorType string
+     * @aspType string
      */
-    content?: string | HTMLElement;
+    content?: string | HTMLElement | Function;
 
@@ -145,4 +146,5 @@ /**
      * @blazorType string
+     * @aspType string
      */
-    header?: string | HTMLElement;
+    header?: string | HTMLElement | Function;
 
@@ -229,4 +231,5 @@ /**
      * @blazorType string
+     * @aspType string
      */
-    footerTemplate?: HTMLElement | string;
+    footerTemplate?: HTMLElement | string | Function;
 
@@ -233,0 +236,0 @@ /**

src/dialog/dialog.d.ts

@@ -373,4 +373,5 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
      * @blazorType string
+     * @aspType string
      */
-    content: string | HTMLElement;
+    content: string | HTMLElement | Function;
     /**
@@ -409,4 +410,5 @@ * Defines whether to allow the cross-scripting site or not.
      * @blazorType string
+     * @aspType string
      */
-    header: string | HTMLElement;
+    header: string | HTMLElement | Function;
     /**
@@ -483,4 +485,5 @@ * Specifies the value that represents whether the dialog component is visible.
      * @blazorType string
+     * @aspType string
      */
-    footerTemplate: HTMLElement | string;
+    footerTemplate: HTMLElement | string | Function;
     /**
@@ -487,0 +490,0 @@ * Specifies the value whether the dialog component can be dragged by the end-user.

src/tooltip/tooltip-model.d.ts

@@ -52,4 +52,5 @@ import { Component, Property, ChildProperty, Event, BaseEventArgs, append, compile } from '@syncfusion/ej2-base';import { EventHandler, EmitType, Touch, TapEventArgs, Browser, Animation as PopupAnimation } from '@syncfusion/ej2-base';import { isNullOrUndefined, getUniqueID, formatUnit, select, selectAll } from '@syncfusion/ej2-base';import { attributes, closest, removeClass, addClass, remove } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, Complex, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { Popup } from '../popup/popup';import { OffsetPosition, calculatePosition } from '../common/position';import { isCollide, fit } from '../common/collision';
      *
+     * @aspType string
      */
-    content?: string | HTMLElement;
+    content?: string | HTMLElement | Function;
 
@@ -56,0 +57,0 @@ /**

src/tooltip/tooltip.d.ts

@@ -7,161 +7,61 @@ import { Component, ChildProperty, BaseEventArgs } from '@syncfusion/ej2-base';
  * Set of open modes available for Tooltip.
+ * ```props
+ * Auto :- The tooltip opens automatically when the trigger element is hovered over.
+ * Hover :- The tooltip opens when the trigger element is hovered over.
+ * Click :- The tooltip opens when the trigger element is clicked.
+ * Focus :- The tooltip opens when the trigger element is focused.
+ * Custom :- The tooltip opens when the trigger element is triggered by a custom event.
+ * ```
  */
-export declare type OpenMode = 
+export declare type OpenMode = 'Auto' | 'Hover' | 'Click' | 'Focus' | 'Custom';
 /**
- * The tooltip opens automatically when the trigger element is hovered over.
- */
-'Auto' | 
-/**
- * The tooltip opens when the trigger element is hovered over.
- */
-'Hover' | 
-/**
- * The tooltip opens when the trigger element is clicked.
- */
-'Click' | 
-/**
- * The tooltip opens when the trigger element is focused.
- */
-'Focus' | 
-/**
- * The tooltip opens when the trigger element is triggered by a custom event.
- */
-'Custom';
-/**
  * Applicable positions where the Tooltip can be displayed over specific target elements.
+ * ```props
+ * TopLeft :- The tooltip is positioned at the top-left corner of the trigger element.
+ * TopCenter :- The tooltip is positioned at the top-center of the trigger element.
+ * TopRight :- The tooltip is positioned at the top-right corner of the trigger element.
+ * BottomLeft :- The tooltip is positioned at the bottom-left corner of the trigger element.
+ * BottomCenter :- The tooltip is positioned at the bottom-center of the trigger element.
+ * BottomRight :- The tooltip is positioned at the bottom-right corner of the trigger element.
+ * LeftTop :- The tooltip is positioned at the left-top corner of the trigger element.
+ * LeftCenter :- The tooltip is positioned at the left-center of the trigger element.
+ * LeftBottom :- The tooltip is positioned at the left-bottom corner of the trigger element.
+ * RightTop :- The tooltip is positioned at the right-top corner of the trigger element.
+ * RightCenter :- The tooltip is positioned at the right-center of the trigger element.
+ * RightBottom :- The tooltip is positioned at the right-bottom corner of the trigger element.
+ * ```
  */
-export declare type Position = 
+export declare type Position = 'TopLeft' | 'TopCenter' | 'TopRight' | 'BottomLeft' | 'BottomCenter' | 'BottomRight' | 'LeftTop' | 'LeftCenter' | 'LeftBottom' | 'RightTop' | 'RightCenter' | 'RightBottom';
 /**
- * The tooltip is positioned at the top-left corner of the trigger element.
- */
-'TopLeft' | 
-/**
- *  The tooltip is positioned at the top-center of the trigger element.
- */
-'TopCenter' | 
-/**
- * The tooltip is positioned at the top-right corner of the trigger element.
- */
-'TopRight' | 
-/**
- * The tooltip is positioned at the bottom-left corner of the trigger element.
- */
-'BottomLeft' | 
-/**
- * The tooltip is positioned at the bottom-center of the trigger element.
- */
-'BottomCenter' | 
-/**
- * The tooltip is positioned at the bottom-right corner of the trigger element.
- */
-'BottomRight' | 
-/**
- * The tooltip is positioned at the left-top corner of the trigger element.
- */
-'LeftTop' | 
-/**
- * The tooltip is positioned at the left-center of the trigger element.
- */
-'LeftCenter' | 
-/**
- * The tooltip is positioned at the left-bottom corner of the trigger element.
- */
-'LeftBottom' | 
-/**
- * The tooltip is positioned at the right-top corner of the trigger element.
- */
-'RightTop' | 
-/**
- * The tooltip is positioned at the right-center of the trigger element.
- */
-'RightCenter' | 
-/**
- * The tooltip is positioned at the right-bottom corner of the trigger element.
- */
-'RightBottom';
-/**
  * Applicable tip positions attached to the Tooltip.
+ * ```props
+ * Auto :- The tip pointer position is automatically calculated based on the available space.
+ * Start :- The tip pointer is positioned at the start of the tooltip.
+ * Middle :- The tip pointer is positioned at the middle of the tooltip.
+ * End :- The tip pointer is positioned at the end of the tooltip.
+ * ```
  */
-export declare type TipPointerPosition = 
+export declare type TipPointerPosition = 'Auto' | 'Start' | 'Middle' | 'End';
 /**
- * The tip pointer position is automatically calculated based on the available space.
- */
-'Auto' | 
-/**
- * The tip pointer is positioned at the start of the tooltip.
- */
-'Start' | 
-/**
- * The tip pointer is positioned at the middle of the tooltip.
- */
-'Middle' | 
-/**
- * The tip pointer is positioned at the end of the tooltip.
- */
-'End';
-/**
  * Animation effects that are applicable for Tooltip.
+ * ```props
+ * FadeIn :- A fade-in animation effect where the tooltip gradually increases in opacity from 0 to full.
+ * FadeOut :- A fade-out animation effect where the tooltip gradually decreases in opacity from full to 0.
+ * FadeZoomIn :- A fade-in animation effect combined with a zoom-in effect.
+ * FadeZoomOut :- A fade-out animation effect combined with a zoom-out effect.
+ * FlipXDownIn :- A flip-down animation effect where the tooltip starts upside down and flips down to become fully visible.
+ * FlipXDownOut :- A flip-down animation effect where the tooltip starts fully visible and flips down to become invisible.
+ * FlipXUpIn :- A flip-up animation effect where the tooltip starts upside down and flips up to become fully visible.
+ * FlipXUpOut :- A flip-up animation effect where the tooltip starts fully visible and flips up to become invisible.
+ * FlipYLeftIn :- A flip-left animation effect where the tooltip starts from the right side and flips left to become fully visible.
+ * FlipYLeftOut :- A flip-left animation effect where the tooltip starts from the left side and flips left to become invisible.
+ * FlipYRightIn :- A flip-right animation effect where the tooltip starts from the left side and flips right to become fully visible.
+ * FlipYRightOut :- A flip-right animation effect where the tooltip starts from the right side and flips right to become invisible.
+ * ZoomIn :- zoom-in animation effect where the tooltip starts small and gradually grows in size to become fully visible.
+ * ZoomOut :- A zoom-out animation effect where the tooltip starts full size and gradually decreases in size to become invisible.
+ * None :- No animation effect, the tooltip simply appears or disappears without any animation.
+ * ```
  */
-export declare type Effect = 
+export declare type Effect = 'FadeIn' | 'FadeOut' | 'FadeZoomIn' | 'FadeZoomOut' | 'FlipXDownIn' | 'FlipXDownOut' | 'FlipXUpIn' | 'FlipXUpOut' | 'FlipYLeftIn' | 'FlipYLeftOut' | 'FlipYRightIn' | 'FlipYRightOut' | 'ZoomIn' | 'ZoomOut' | 'None';
 /**
-* A fade-in animation effect where the tooltip gradually increases in opacity from 0 to full.
-*/
-'FadeIn' | 
-/**
-* A fade-out animation effect where the tooltip gradually decreases in opacity from full to 0.
-*/
-'FadeOut' | 
-/**
-* A fade-in animation effect combined with a zoom-in effect.
-*/
-'FadeZoomIn' | 
-/**
-* A fade-out animation effect combined with a zoom-out effect.
-*/
-'FadeZoomOut' | 
-/**
-*  A flip-down animation effect where the tooltip starts upside down and flips down to become fully visible.
-*/
-'FlipXDownIn' | 
-/**
-* A flip-down animation effect where the tooltip starts fully visible and flips down to become invisible.
-*/
-'FlipXDownOut' | 
-/**
-* A flip-up animation effect where the tooltip starts upside down and flips up to become fully visible.
-*/
-'FlipXUpIn' | 
-/**
-* A flip-up animation effect where the tooltip starts fully visible and flips up to become invisible.
-*/
-'FlipXUpOut' | 
-/**
-* A flip-left animation effect where the tooltip starts from the right side and flips left to become fully visible.
-*/
-'FlipYLeftIn' | 
-/**
-* A flip-left animation effect where the tooltip starts from the left side and flips left to become invisible.
-*/
-'FlipYLeftOut' | 
-/**
-* A flip-right animation effect where the tooltip starts from the left side and flips right to become fully visible.
-*/
-'FlipYRightIn' | 
-/**
-* A flip-right animation effect where the tooltip starts from the right side and flips right to become invisible.
-*/
-'FlipYRightOut' | 
-/**
-*  zoom-in animation effect where the tooltip starts small and gradually grows in size to become fully visible.
-*/
-'ZoomIn' | 
-/**
-* A zoom-out animation effect where the tooltip starts full size and gradually decreases in size to become invisible.
-*/
-'ZoomOut' | 
-/**
-* No animation effect, the tooltip simply appears or disappears without any animation.
-*/
-'None';
-/**
  * Interface for Tooltip event arguments.
@@ -282,4 +182,5 @@ */
      *
+     * @aspType string
      */
-    content: string | HTMLElement;
+    content: string | HTMLElement | Function;
     /**
@@ -286,0 +187,0 @@ * It is used to set the container element in which the Tooltip’s pop-up will be appended. It accepts value as both string and HTML Element.

No alert changes

Improved metrics

Total package byte prevSize

3723892

increased by3.93%

Number of package files

356

increased by9.2%

Lines of code

53941

increased by8.87%

Dependency changes

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

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

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

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

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

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

• Updated@syncfusion/ej2-base@~22.1.34

• Updated@syncfusion/ej2-buttons@~22.1.34