sweetalert2 11.1.8 → 11.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +28 -0
- package/README.md +13 -9
- package/dist/sweetalert2.all.js +127 -45
- package/dist/sweetalert2.all.min.js +2 -2
- package/dist/sweetalert2.css +90 -6
- package/dist/sweetalert2.js +126 -44
- package/dist/sweetalert2.min.css +1 -1
- package/dist/sweetalert2.min.js +1 -1
- package/package.json +16 -15
- package/src/SweetAlert.js +1 -1
- package/src/instanceMethods/_destroy.js +15 -6
- package/src/instanceMethods/buttons-handlers.js +10 -5
- package/src/instanceMethods/close.js +47 -9
- package/src/privateMethods.js +1 -1
- package/src/privateProps.js +2 -1
- package/src/scss/_animations.scss +39 -0
- package/src/scss/_core.scss +33 -0
- package/src/utils/dom/renderers/renderActions.js +21 -10
- package/src/variables.scss +3 -3
|
@@ -5,9 +5,6 @@ import { capitalizeFirstLetter } from '../../utils.js'
|
|
|
5
5
|
export const renderActions = (instance, params) => {
|
|
6
6
|
const actions = dom.getActions()
|
|
7
7
|
const loader = dom.getLoader()
|
|
8
|
-
const confirmButton = dom.getConfirmButton()
|
|
9
|
-
const denyButton = dom.getDenyButton()
|
|
10
|
-
const cancelButton = dom.getCancelButton()
|
|
11
8
|
|
|
12
9
|
// Actions (buttons) wrapper
|
|
13
10
|
if (!params.showConfirmButton && !params.showDenyButton && !params.showCancelButton) {
|
|
@@ -19,6 +16,19 @@ export const renderActions = (instance, params) => {
|
|
|
19
16
|
// Custom class
|
|
20
17
|
dom.applyCustomClass(actions, params, 'actions')
|
|
21
18
|
|
|
19
|
+
// Render all the buttons
|
|
20
|
+
renderButtons(actions, loader, params)
|
|
21
|
+
|
|
22
|
+
// Loader
|
|
23
|
+
dom.setInnerHtml(loader, params.loaderHtml)
|
|
24
|
+
dom.applyCustomClass(loader, params, 'loader')
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
function renderButtons (actions, loader, params) {
|
|
28
|
+
const confirmButton = dom.getConfirmButton()
|
|
29
|
+
const denyButton = dom.getDenyButton()
|
|
30
|
+
const cancelButton = dom.getCancelButton()
|
|
31
|
+
|
|
22
32
|
// Render buttons
|
|
23
33
|
renderButton(confirmButton, 'confirm', params)
|
|
24
34
|
renderButton(denyButton, 'deny', params)
|
|
@@ -26,14 +36,15 @@ export const renderActions = (instance, params) => {
|
|
|
26
36
|
handleButtonsStyling(confirmButton, denyButton, cancelButton, params)
|
|
27
37
|
|
|
28
38
|
if (params.reverseButtons) {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
39
|
+
if (params.toast) {
|
|
40
|
+
actions.insertBefore(cancelButton, confirmButton)
|
|
41
|
+
actions.insertBefore(denyButton, confirmButton)
|
|
42
|
+
} else {
|
|
43
|
+
actions.insertBefore(cancelButton, loader)
|
|
44
|
+
actions.insertBefore(denyButton, loader)
|
|
45
|
+
actions.insertBefore(confirmButton, loader)
|
|
46
|
+
}
|
|
32
47
|
}
|
|
33
|
-
|
|
34
|
-
// Loader
|
|
35
|
-
dom.setInnerHtml(loader, params.loaderHtml)
|
|
36
|
-
dom.applyCustomClass(loader, params, 'loader')
|
|
37
48
|
}
|
|
38
49
|
|
|
39
50
|
function handleButtonsStyling (confirmButton, denyButton, cancelButton, params) {
|
package/src/variables.scss
CHANGED
|
@@ -187,7 +187,7 @@ $swal2-button-focus-box-shadow: 0 0 0 3px $swal2-outline-color !default;
|
|
|
187
187
|
$swal2-confirm-button-order: null !default;
|
|
188
188
|
$swal2-confirm-button-border: 0 !default;
|
|
189
189
|
$swal2-confirm-button-border-radius: .25em !default;
|
|
190
|
-
$swal2-confirm-button-background-color: #
|
|
190
|
+
$swal2-confirm-button-background-color: #7066e0 !default;
|
|
191
191
|
$swal2-confirm-button-color: $swal2-white !default;
|
|
192
192
|
$swal2-confirm-button-font-size: 1em !default;
|
|
193
193
|
$swal2-confirm-button-focus-box-shadow: 0 0 0 3px rgba($swal2-confirm-button-background-color, .5) !default;
|
|
@@ -196,7 +196,7 @@ $swal2-confirm-button-focus-box-shadow: 0 0 0 3px rgba($swal2-confirm-button-bac
|
|
|
196
196
|
$swal2-deny-button-order: null !default;
|
|
197
197
|
$swal2-deny-button-border: 0 !default;
|
|
198
198
|
$swal2-deny-button-border-radius: .25em !default;
|
|
199
|
-
$swal2-deny-button-background-color: #
|
|
199
|
+
$swal2-deny-button-background-color: #dc3741 !default;
|
|
200
200
|
$swal2-deny-button-color: $swal2-white !default;
|
|
201
201
|
$swal2-deny-button-font-size: 1em !default;
|
|
202
202
|
$swal2-deny-button-focus-box-shadow: 0 0 0 3px rgba($swal2-deny-button-background-color, .5) !default;
|
|
@@ -205,7 +205,7 @@ $swal2-deny-button-focus-box-shadow: 0 0 0 3px rgba($swal2-deny-button-backgroun
|
|
|
205
205
|
$swal2-cancel-button-order: null !default;
|
|
206
206
|
$swal2-cancel-button-border: 0 !default;
|
|
207
207
|
$swal2-cancel-button-border-radius: .25em !default;
|
|
208
|
-
$swal2-cancel-button-background-color: #
|
|
208
|
+
$swal2-cancel-button-background-color: #6e7881 !default;
|
|
209
209
|
$swal2-cancel-button-color: $swal2-white !default;
|
|
210
210
|
$swal2-cancel-button-font-size: 1em !default;
|
|
211
211
|
$swal2-cancel-button-focus-box-shadow: 0 0 0 3px rgba($swal2-cancel-button-background-color, .5) !default;
|