notiflix
Version:
Notiflix is a JavaScript library for client-side non-blocking notifications, popup boxes, loading indicators, and more...
289 lines (196 loc) • 8.17 kB
Markdown
@2.6.0
* **Fixed:** `Notiflix.Confirm.*` module: display and position issues have been fixed.
* **Added:** `Notiflix.Confirm.*` module: New position settings have been added. `center-bottom`, `right-center`, and `left-center`.
* **Changed:** `Notiflix.Report.*` module: display and position improvements.
* **Changed:** `Notiflix.Block.*` module: Code Review.
-----
@2.5.0
* **Added:** `Notiflix.Confirm.*` module: The `options` parameter has been added to extend the initialize settings with new options for each Confirm Box.
* **Added:** `Notiflix.Confirm.*` module: The `.Ask()` function has been added.
- `Notiflix.Confirm.Ask()` function can be used to prevent the accidental click to the Ok button by the user before answering a simple question that has been created by you. (Please click [here](https://github.com/notiflix/Notiflix#3--confirm-module) to see an example of usage.)
* **Changed:** All the SVG icons have been compressed to reduce the file size as much as it can be.
-----
@2.4.0
* **Added:** `Notiflix.Loading.*` module: The `message` parameter has been extended, and the `options` parameter has been added.
- Custom options can be used for each Loading element to extend the initialize settings.
```js
// Only indicator
Notiflix.Loading.Standard();
// Loading indicator with a message
Notiflix.Loading.Standard('Loading...');
// NEW: v2.4.0 and the next versions
// Loading indicator with the new options
Notiflix.Loading.Standard(
{
svgSize: '19px',
},
);
// NEW: v2.4.0 and the next versions
// Loading indicator with a message, and the new options
Notiflix.Loading.Standard(
'Loading...',
{
svgSize: '23px',
},
);
```
* **Added:** `Notiflix.Block.*` module: The `message` parameter has been extended, and the `options` parameter has been added.
- Custom options can be used for each Block element to extend the initialize settings.
* **Changed:** Code Review.
-----
@2.3.3
* **Changed:** Code Review.
* **Changed:** Prefixes for CSS.
-----
@2.3.2
* **Fixed:** `Notiflix.Block.*` module, `Remove()` function fixes and improvements for Internet Explorer(10+) compatibility.
* **Changed:** `"notiflix-aio.js"` file has been moved from `"src"` to `"src/all-in-one"` folder.
-----
@2.3.1
* **Changed:** `Notiflix.Notify.*` module, `callback` and `options` parameters have been changed.
- Custom options can be used for each Notify element to extend the initialize settings.
```js
// e.g. Message with a callback
Notiflix.Notify.Success(
'Click Me',
function(){
// callback
},
);
// NEW: v2.3.1 and the next versions
// e.g. Message with the new options
Notiflix.Notify.Success(
'Click Me',
{
timeout: 6000,
},
);
// NEW: v2.3.1 and the next versions
// e.g. Message with callback, and the new options
Notiflix.Notify.Success(
'Click Me',
function(){
// callback
},
{
timeout: 4000,
},
);
```
* **Changed:** `Notiflix.Report.*` module, `callback` and `options` parameters have been changed.
* **Changed:** Code Review.
-----
@2.3.0
* **Added:** `Notiflix.Notify.*` module, `optionsOrCallback` parameter has been added. (Recommended by [VirgilioGM](https://github.com/VirgilioGM))
* **Added:** `Notiflix.Report.*` module, `optionsOrCallback` parameter has been added.
* **Changed:** Code Review.
-----
@2.2.1
* **Changed:** `Notiflix.Notify.*` module, CSS animation improvements.
-----
@2.2.0
* **Added:**
- `Notiflix.Notify.*` module; `center-top`, `center-bottom`, and `center-center` options have been added to the `position` setting. (Recommended by [Sebastian Stavar](https://github.com/SebastianStavar))
- `Notiflix.Notify.*` module; `backOverlayColor` option has been added to each type of notification. Can be set different background overlay colors for each type of notification now.
(Recommended by [Sebastian Stavar](https://github.com/SebastianStavar))
```js
// e.g.
Notiflix.Notify.Init({
// ...
backOverlay: true, // default is false
backOverlayColor: 'rgba(0,0,0,0.5)', // default back overlay color
// ...
success: {
backOverlayColor: 'rgba(50,198,130,0.2)', // NEW: override the back overlay color
},
failure: {
backOverlayColor: 'rgba(255,85,73,0.2)', // NEW: override the back overlay color
},
// ...
});
```
- `Notiflix.Report.*` module; `backOverlayColor` option has been added to each type of dialog box. Can be set different background overlay colors for each type of notification now.
e.g.
```js
Notiflix.Report.Init({
success: {
backOverlayColor: 'rgba(50,198,130,0.2)', // NEW: override the back overlay color
},
failure: {
backOverlayColor: 'rgba(255,85,73,0.2)', // NEW: override the back overlay color
},
// ...
});
```
* **Changed:** All modules (`Notify`, `Report`, `Confirm`, `Loading`, and `Block`); `useGoogleFont` setting has been changed as `false` to default.
* **Changed:** Code Review.
-----
@2.1.4
* **Changed:** Code Review.
* **Changed:** Notiflix Confirm module; HTML tag of the message element has been changed from "`p`" to "`div`".
-----
@2.1.3
* **Changed:** Code Review.
-----
@2.1.2
* **Fixed:** Document Object Model definition fixes.
* **Changed:** Code Review.
-----
@2.1.1
* **Fixed:** Document Object Model definition fixes.
* **Changed:** Code Review.
-----
@2.1.0
* **Added:** Universal Module Definition.
-----
@2.0.0
#### Notiflix `v2` is ready to use.
This version includes a new module name as `Block`.
`Notiflix.Block.*` module can be used to block or unblock elements to prevents users actions during the process (AJAX etc.) without locking the browser or the other elements.
* **Added:** The `Block` module added to `Notiflix`.
* **Added:** The `clickToClose` option added to the `Notiflix.Notify.*` module. Default is `false`. This option can be set as `true` to remove each notification without waiting for it to be automatically removed when it has been clicked. (Recommended by [Mustafa Sadedil](https://github.com/sadedil))
* **Changed:** Code Review.
-----
-----
-----
-----
-----
@1.9.1
* **Changed:** Code Review.
-----
@1.9.0
* **Changed:** Code Review.
-----
@1.8.0
* **Added:** The "showOnlyTheLastOne" option added to the "Notiflix Notify" module. (Recommended by [Ori Granot](https://github.com/origranot))
(Default is "false". This option can be set as "true" to show only the last notification.)
-----
@1.7.2
* **Added:** Unminified package published.
-----
@1.7.1
* **Changed:** Character encoding UTF-8 without BOM.
-----
@1.7.0
* **Added:** An optional callback function can be used with Deny Button in "Notiflix Confirm" module. (Recommended by [Sinan Keskin](https://github.com/sinankeskin))
-----
@1.6.0
* **Changed:** Code Review.
* **Added:** All modules can be used even if they didn't initialized. The first call will initialize the module once. (With default settings.)
-----
@1.5.0
* **Fixed:** When the "useGoogleFont" option set as "false"; the "fontFamily" option was being ineffective.
-----
@1.4.0
* **Changed:** Code Review.
-----
@1.3.0
* **Added:** The "**plainText**" options added to "**Notiflix Notify**" and "**Notiflix Confirm**" modules.
(The "**plainText**" options can be set as "**false**" to use HTML allowed contents. Default values are "**true**" and not allowed HTML)
-----
@1.2.0
* **Changed:** JavaScript event listener improvements.
-----
@1.1.0
* **Fixed:** When used with Bootstrap, CSS fade animation class name was conflicting with some of Bootstrap class names. (Reported by [Hasim Yerli](https://github.com/hasimyerli))
-----