UNPKG

@syncfusion/ej2-angular-popups

Version:

A package of Essential JS 2 popup components such as Dialog and Tooltip that is used to display information or messages in separate pop-ups. for Angular

676 lines (339 loc) 16.7 kB
# Changelog ## [Unreleased] ### Dialog #### Bug Fixes - `#I740162` - Fixed an issue where the resize event was not triggered for the dialog when the destroy method was called on a different dialog. ## 21.1.35 (2023-03-23) ### Tooltip #### New Features - `#I434633` - Provided the htmlAttributes support for the Tooltip component which allows to add attributes for the root element of Tooltip popup. #### Breaking Changes - The tooltip target's tabindex and aria-describedby attributes, which were handled by the built-in source, were removed. Now, you can add these attributes directly to a target element. ### Dialog #### New Features - **State persistence**: Provide support to preserve the updated values of the dialog width and height when performing a page reload. ## 20.4.53 (2023-03-07) ### Dialog #### Bug Fixes - `#I441169` - Now, the Dialog Component `ESC` key works properly. ## 20.4.52 (2023-02-28) ### Dialog #### Bug Fixes - `#I430348` - Fixed an issue where pressing the enter key triggered the button click event multiple times. ## 20.4.38 (2022-12-21) ### Tooltip #### Bug Fixes - `#I415013` - Resolved detached elements memory leak issue in the Tooltip component. - `#I415386` - The issue "Tooltip did not appear for the second time when using the tab key to focus on the remove icon of the uploader component" has been resolved. ## 20.2.49 (2022-09-13) ### Dialog #### Bug Fixes - `#I401514` - Now, when we begin to drag the Utility Dialog, it does not move to the left side. - `#I400881` - Now, When you set a secondary font color in the bootstrap 5 theme using the theme studio, the changes will be reflected for the Dialog Cancel button. ## 20.2.45 (2022-08-23) ### Tooltip #### Bug Fixes - `#I395530` - Issue with 'Unable to set a break within the content of the Tooltip component in order to render text in multiple lines' has been resolved. ## 20.2.40 (2022-07-26) ### Dialog #### Bug Fixes - `#I393351` - Now, the drag action for the dialog content area is prevented. ## 20.2.39 (2022-07-19) ### Dialog #### Bug Fixes - `#FB35757` - Now, the issue with Content Security Policy is resolved when pasting the contents into the Rich Text Editor. - `#F175969` - Now, the dragging working properly when dynamically set the dialog header. - `#FB36339` - Now, the issue with dialog templates not rendered properly is resolved. ## 20.1.58 (2022-05-31) ### Popup #### Bug Fixes - `#I376806` - Now, the drop down list popup will close properly even after interaction with more than one drop down component. ## 19.4.38 (2021-12-17) ### Tooltip #### New Features - `#322737` - The `container` property support has been provided which allows to place the tooltip's pop-up within any user preferred element. ## 19.3.47 (2021-10-26) ### Tooltip #### Bug Fixes - `#I341459` - The issue with "The Tooltip's pop-up position misaligns on window resize" has been resolved. ## 19.2.62 (2021-09-14) ### Dialog #### Bug Fixes - The issue with "Draggable cursor not shown properly in the dialog header, when there are nested dialogs" has been resolved. ## 19.2.59 (2021-08-31) ### Dialog #### Bug Fixes - `#I337211` - The issue with "Styles are not properly removed from the body, when open and close the fullscreen `non-modal` dialog" has been resolved. - `#I339787` - The issue with "Dialog `overlay` element is not removed properly from the DOM" has been resolved. ## 19.2.56 (2021-08-17) ### Tooltip #### New Features - Now, the Tooltip will be rendered when providing an ID that starts with an integer type. ## 19.2.44 (2021-06-30) ### Tooltip #### Bug Fixes - `#I328768` - The issue with "The Tooltip is not opened in the current cursor position while enabling the `mouseTrail` and `openDelay` support" has been resolved. ## 19.1.66 (2021-06-01) ### Popup #### Bug Fixes - `#I326779` - The issue with "Image quicktoolbar not show second time when the dialog is opened second time" has been resolved. ### Dialog #### Bug Fixes - `#F164806` - The issue with "Click event binding not working, when button is rendered as tags(`<e-buttons>`) in the dialog" has been resolved. ## 19.1.64 (2021-05-19) ### Popup #### Bug Fixes - `#I317799` - The issue with "Script error is raised, when the `element` is not present" has been resolved. ## 19.1.63 (2021-05-13) ### Dialog #### Bug Fixes - `#F164882` - Resolved the issue "Setting the dialog `minHeight` property as number is not working properly". - `#I326833`, `#F165083`- The issue with "When the content is given as a template function, then the content is not rendered in the Dialog" has been resolved. ### Popup #### Bug Fixes - `#I323687`- The issue with "`Dropdownlist(popup)` flickers on value select, when there is `scroller` in the page" has been resolved. ## 19.1.59 (2021-05-04) ### Spinner #### Bug Fixes - `#I325477` - The issue with "Spinner label string is not rendered properly when HTML entity given as label" has been resolved. ## 19.1.56 (2021-04-13) ### Dialog #### New Features - `#I307667`, `#F164363` - In Dialog, Provided the new API `isFlat` to add or remove the flat appearance of the dialog buttons. ## 18.4.43 (2021-02-16) ### Tooltip #### New Features - `#306971` - In Tooltip, support for `enableHtmlParse` property has been provided to enable or disable the parsing of HTML string content as DOM elements. - `#305092`, `160582` - In Tooltip, support for `windowCollision` property has been provided to enable or disable collision between target elements of Tooltip and viewport(window). ## 18.4.41 (2021-02-02) ### Tooltip #### Bug Fixes - `#298848` - The issue with "The `openDelay` property is not effective in the Tooltip while enabling the `mouseTrail` property" has been resolved. ## 18.4.30 (2020-12-17) ### Dialog #### New Features - `#274382`, `#282351` - Provided the support to resize the dialog in all directions from all the edges and borders. ## 18.3.50 (2020-11-17) ### Tooltip #### Bug Fixes - `#292549` - The issue with "the tooltip is hidden while clicking the popup in mobile mode" has been resolved. - `#291626`, `#288720` - Now, the Tooltip will be in the opened state while maintaining a hover over the tooltip popup, even using the close delay property. ## 18.3.35 (2020-10-01) ### Dialog #### Bug Fixes - `#278841` - The issue with "user interaction to parent application through keyboard(tab key) when modal dialog rendering with footer template" has been resolved. ## 18.2.44 (2020-07-07) ### Tooltip #### Bug Fixes - `#154807` - Tooltip not opening more than once when target specified has been resolved. ### Dialog #### Bug Fixes - `#268838`, `#154237` - Resolved the parent dialog button click action is not working while rendering the dialog within an Dialog. ## 18.1.57 (2020-06-16) ### Dialog #### Bug Fixes - `#278841` - The issue with "user interaction to parent application through keyboard(tab key) when modal dialog rendering with footer template" has been resolved. ### Popup #### Bug Fixes - `#278055`, `#F154458`, `#278546`, `#278549`, `#278944`, `#F154458` - The issue with "popup closed when scroll action is performed" has been resolved. ## 18.1.56 (2020-06-09) ### Tooltip #### Bug Fixes - `#154807` - Tooltip not opening more than once when target specified has been resolved. ## 18.1.55 (2020-06-02) ### Dialog #### Bug Fixes - `#268838`, `#154237` - Resolved the parent dialog button click action is not working while rendering the dialog within an Dialog. ## 18.1.53 (2020-05-19) ### Tooltip #### Bug Fixes - `#275330` - The issue with tooltip position misalignment has been resolved. ## 18.1.36-beta (2020-03-19) ### Tooltip #### Bug Fixes - `#262998` - The issue with Tooltip element not removed properly from DOM in certain cases has been resolved. ## 17.4.51 (2020-02-25) ### Tooltip #### Bug Fixes - `#151574` - The issue with adding custom classes using the `cssClass` property has been resolved. ## 17.4.49 (2020-02-11) ### Tooltip #### Bug Fixes - `#263239` - The issue with destroying the `Tooltip` component with popup opened state has been resolved. ## 17.4.46 (2020-01-30) ### Dialog #### New Features - `#256585` - Provided the new event `destroyed` that triggers when the component of the dialog is destroyed. #### Bug Fixes - `#150796` - The issue with the parent element that is scrolled after reaching the end of the modal dialog has been resolved. ## 17.3.29 (2019-11-26) ### Dialog #### New Features - `#253239` - Provided the `minHeight` property to set minimum height for the dialog without considering the target's height. #### Bug Fixes - `#253239` - The issue with content overflow in IE browser has been resolved in Dialog. ## 17.3.19 (2019-10-22) ### Dialog #### Bug Fixes - `#251762` - The issue with position property that accepts camel case alone has been resolved in Dialog. ## 17.3.16 (2019-10-09) ### Dialog #### Bug Fixes - `#240696`- Resolved the odd dragging behaviour on Dialog when scrolling the page. - `#249144`- Resolved the issue with rendering templates when enabled the policy `"script-src self"` in Dialog. - `#249263`, `#249478`- The issue with dynamically updating the Dialog content using the function template has been resolved. ## 17.2.35 (2019-07-17) ### Dialog #### Bug Fixes - `#F145500`- Resolved the navigation issue while navigating through keyboard in modal dialog. ## 17.1.50 (2019-06-04) ### Dialog #### Bug Fixes - #144624 - Resolved the issue with resizing when rendering a grid inside a dialog. ## 17.1.47 (2019-05-14) ### Tooltip #### New Features - #234933 - Now the tooltip is showing while hovering the tooltip content element in hover mode. ## 17.1.40 (2019-04-09) ### Dialog #### Bug Fixes - The issue with preventing the dialog resize using `args.cancel` has been resolved. ## 17.1.38 (2019-03-29) ### Dialog #### Bug Fixes - Provided an additional `cssClass`, `zIndex`, `open` and `close` event properties to dialog utility. - Enable/ Disable the dialog button issue in dynamic way has been fixed. - Return type of Dialog Utility method has been changed from `DialogModal` to `Dialog` This changes doesn't lead to breaking changes in application level since these two classes are implicitly convertible. ## 16.4.47 (2019-01-16) ### Dialog #### Bug Fixes - Provided an additional argument in beforeOpen event to control the max-height of dialog. ## 16.4.45 (2019-01-02) ### Tooltip #### Bug Fixes - Added index position for tooltip content container to avoid misalignment while customize background. ## 16.4.44 (2018-12-24) ### Popup library #### Bug Fixes - The issue with collision while displays popup on scrollable viewport element has been resolved. ## 16.4.42 (2018-12-14) ### Dialog #### Bug Fixes - Introduced a new argument `isInteracted` by deprecating existing event argument `isInteraction` for unique naming convention. ## 16.4.40-beta (2018-12-10) ### Dialog #### New Features - Provided resizable support to the dialog for both modal dialog and modeless dialog (non-modal). - Provided option to pass animation settings as an argument to utility methods of dialog. - Provided two-way binding support to `visible` property of dialog. ## 16.3.32 (2018-11-13) ### Dialog #### Bug Fixes - Resolved the issue with max-height in dialog. ## 16.3.29 (2018-10-31) ### Dialog #### New Features - Provided support to set the dialog position value as combination of string and number. ### Tooltip #### Bug Fixes - Resolved Tooltip arrow alignment issue in compatibility CSS. ## 16.3.25 (2018-10-15) ### Dialog #### Bug Fixes - Resolved the issue with maximum z-index value calculation in dialog. ## 16.3.24 (2018-10-09) ### Dialog #### New Features - Provided option to specify the type of the dialog's buttons such as submit, reset. ## 16.3.21 (2018-09-22) ### Dialog #### Bug Fixes - Resolved the issue with modal dialog's overlay animation. - Provided `getButtons` method to access the instances of dialog buttons directly. ## 16.3.17 (2018-09-12) ### Dialog #### New Features - Enabled draggable support for modal dialog also. - Provided built-in utility functions to render the alert and confirm dialogs with minimal code. #### Bug Fixes - The z-index calculation issue while rendering the multiple dialogs with same target has been resolved. ## 16.2.41 (2018-06-25) ### Dialog #### Bug Fixes - Issue with click event on primary button has been fixed. - The multiple Dialog with positioning issue resolved in Dialog components. - Dialog's header and content can be updated dynamically without using `dataBind` method. #### New Features - The `ng-template` support provided to the dialog header, footer, and content.### Spinner #### Bug Fixes - Spinner memory leak problem has been fixed. ### Tooltip #### Bug Fixes - Tooltip positioning issue fixed while target placed right of the page. ## 16.1.24 (2018-02-22) ### Common #### Breaking Changes - Changed the Angular component directive, component name prefix with `ejs-[ComponentName]`. ### Dialog #### Bug Fixes - The issue with ng-properties were not working inside a Dialog has been fixed. - Resolved the issue with accessing EJ2 component’s instances when rendering the EJ2 component inside the Dialog. ### Tooltip #### Bug Fixes - Line displayed in between tip and content of tooltip issue fixed by using `font-icons` for tooltip arrow element. ## 15.4.27-preview (2018-01-30) ### Dialog #### Bug Fixes - The issue with `Tab` key press on modal Dialog has been fixed. - Fixed the issue with Dialog header positioning when its content has text node. ### Popup #### Bug Fixes - Fixed the issue with Popup positioning when its parent has `fixed` position. ## 15.4.23-preview (2017-12-27) ### Common #### New Features - Added typing file for ES5 global scripts `(dist/global/index.d.ts)`. #### Breaking Changes - Modified the module bundle file name for ES6 bundling. ### Dialog #### Bug Fixes - Resolved the issue with applying localized texts for Dialog `close` button. ## 15.4.22-preview (2017-12-14) ### Dialog #### Bug Fixes - The issue with triggering `click` event multiple times when click on primary button using `Enter` key has fixed. ## 15.4.21-preview (2017-12-08) ### Dialog #### Bug Fixes - Header is no longer duplicate on refresh the Dialog; Also, the buttons are rendered properly when add or remove it dynamically. ## 15.4.20-preview (2017-12-01) ### Common #### New Features - Upgraded TypeScript version to 2.6.2 ## 15.4.17-preview (2017-11-13) ### Tooltip Tooltip component displays a pop-up containing an information or a message when you hover, click, focus, or touch an element. The information displayed in the Tooltip can include simple text, images, hyperlinks, or custom templates. In mobile devices, to display the Tooltip, you need to tap and hold the target elements. - **Content** - Tooltip content can be assigned with static text, template or loaded dynamically via AJAX. - **Position** - Tooltip can be displayed in 12 different positions. - **Open Mode** - Supports 4 opening modes, `hover`, `click`, `focus`, and `custom`. - **Animation** - Supports animation effects while showing/hiding the Tooltip. - **Smart Positioning** - Tooltip can be moved along with the mouse pointer using the mouse trailing option. ### Dialog Dialog is a window that displays information to the user, and used to get the user input. The available key features are - **Modal** - The user should be working with Dialog before interacting with the parent application. - **Modeless** - It allows to interact with parent application even the Dialog opened on the page. - **Buttons** - Provided the built-in support to render the buttons at Dialog footer. - **Templates** - Customizable Dialog header and footer through the template. - **Draggable** - Supports to drag the Dialog within the page or container. - **Positioning** - Provided support to position on built-in 9 places or any custom location. - **Animation** - Provided built-in animation support on open & close the Dialog with customization. - **Localization** - Supports to localize the default close icon title text to different cultures. - **Accessibility** - Built-in compliance with the WAI-ARIA specifications. - **Keyboard Interaction** - The Dialog can be intractable through keyboard.## 18.1.42 (2020-04-01) ### Tooltip #### Bug Fixes - `#F152391` - The issue with Tooltip content component reference is not destroyed has been resolved. ## 16.2.47 (2018-08-07) ### Tooltip #### Bug Fixes - Provided renderer support.