diff --git a/build/npm/Plugins.js b/build/npm/Plugins.js index 8321b017b..7c9713f22 100644 --- a/build/npm/Plugins.js +++ b/build/npm/Plugins.js @@ -192,6 +192,10 @@ const Plugins = [ from: 'node_modules/sweetalert2/dist/', to : 'plugins/sweetalert2' }, + { + from: 'node_modules/@sweetalert2/theme-bootstrap-4/', + to : 'plugins/sweetalert2-theme-bootstrap-4' + }, // Toastr { from: 'node_modules/toastr/build/', diff --git a/package-lock.json b/package-lock.json index c5551532b..8b31e0a92 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2527,6 +2527,11 @@ "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==", "dev": true }, + "@sweetalert2/theme-bootstrap-4": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/@sweetalert2/theme-bootstrap-4/-/theme-bootstrap-4-2.1.0.tgz", + "integrity": "sha512-Ji33Ixo45EjGrGUX0Z+RqsI0X45r3NW464MigYhA9olUy4uOlwfTkumKpeudrY+tMZYDM2OP0LR9ndHBcyArbw==" + }, "@types/estree": { "version": "0.0.39", "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz", @@ -8390,12 +8395,6 @@ "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=", "dev": true }, - "ncp": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ncp/-/ncp-2.0.0.tgz", - "integrity": "sha1-GVoh1sRuNh0vsSgbo4uR6d9727M=", - "dev": true - }, "negotiator": { "version": "0.6.2", "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz", @@ -12675,9 +12674,9 @@ } }, "sweetalert2": { - "version": "8.12.1", - "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-8.12.1.tgz", - "integrity": "sha512-C+c/lB95JjePFW9n5cEghKnk3z0sbeOfbt3yzV4QlbBLx+Wh/LzVIb59QTvixHEhvTiSkUMgSY30Uj40hU3MHw==" + "version": "8.16.2", + "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-8.16.2.tgz", + "integrity": "sha512-x0QMDnRbxETUi28Aiv/ucLCvLKc/vzE03wIqzJ0c6wy2xINJ+tFht3vZ+5QLZAiLHRoA0uPO54oq4+hSqUVHzw==" }, "symbol-observable": { "version": "1.0.1", diff --git a/package.json b/package.json index 870a4822a..1c97623be 100644 --- a/package.json +++ b/package.json @@ -51,6 +51,7 @@ "@fullcalendar/interaction": "^4.2.0", "@fullcalendar/timegrid": "^4.2.0", "@lgaitan/pace-progress": "^1.0.7", + "@sweetalert2/theme-bootstrap-4": "^2.1.0", "bootstrap": "^4.3.1", "bootstrap-colorpicker": "^3.1.2", "bootstrap-slider": "^10.6.1", @@ -79,7 +80,7 @@ "select2": "^4.0.7", "sparklines": "^1.2.0", "summernote": "^0.8.12", - "sweetalert2": "^8.12.1", + "sweetalert2": "^8.16.2", "tempusdominus-bootstrap-4": "^5.1.2", "toastr": "^2.1.4" }, diff --git a/pages/UI/modals.html b/pages/UI/modals.html index 3ec390d4a..0d0a333d2 100644 --- a/pages/UI/modals.html +++ b/pages/UI/modals.html @@ -11,7 +11,7 @@ - + diff --git a/plugins/sweetalert2-theme-bootstrap-4/README.md b/plugins/sweetalert2-theme-bootstrap-4/README.md new file mode 100644 index 000000000..3dd6f92a1 --- /dev/null +++ b/plugins/sweetalert2-theme-bootstrap-4/README.md @@ -0,0 +1,34 @@ +# @sweetalert2/theme-bootstrap-4 - Bootstrap 4 Theme for [SweetAlert2](https://github.com/sweetalert2/sweetalert2) + +[![npm version](https://img.shields.io/npm/v/@sweetalert2/theme-bootstrap-4.svg)](https://www.npmjs.com/package/@sweetalert2/theme-bootstrap-4) + +Installation +------------ + +```sh +npm install --save sweetalert2 @sweetalert2/theme-bootstrap-4 +``` + +Usage +----- + +With CSS: + +```html + + + + +``` + +With SASS: + +`your-app.js`: +```js +import Swal from 'sweetalert2/src/sweetalert2.js' +``` + +`your-app.scss`: +```scss +@import '~@sweetalert2/theme-bootstrap-4/bootstrap-4.scss'; +``` diff --git a/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.css b/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.css new file mode 100644 index 000000000..d265a1abf --- /dev/null +++ b/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.css @@ -0,0 +1,1483 @@ +/* +* @sweetalert2/themes v2.1.0 +* Released under the MIT License. +*/ + +@charset "UTF-8"; +@-webkit-keyframes swal2-show { + 0% { + transform: scale(0.7); } + 45% { + transform: scale(1.05); } + 80% { + transform: scale(0.95); } + 100% { + transform: scale(1); } } +@keyframes swal2-show { + 0% { + transform: scale(0.7); } + 45% { + transform: scale(1.05); } + 80% { + transform: scale(0.95); } + 100% { + transform: scale(1); } } + +@-webkit-keyframes swal2-hide { + 0% { + transform: scale(1); + opacity: 1; } + 100% { + transform: scale(0.5); + opacity: 0; } } + +@keyframes swal2-hide { + 0% { + transform: scale(1); + opacity: 1; } + 100% { + transform: scale(0.5); + opacity: 0; } } + +@-webkit-keyframes swal2-animate-success-line-tip { + 0% { + top: 1.1875em; + left: .0625em; + width: 0; } + 54% { + top: 1.0625em; + left: .125em; + width: 0; } + 70% { + top: 2.1875em; + left: -.375em; + width: 3.125em; } + 84% { + top: 3em; + left: 1.3125em; + width: 1.0625em; } + 100% { + top: 2.8125em; + left: .875em; + width: 1.5625em; } } + +@keyframes swal2-animate-success-line-tip { + 0% { + top: 1.1875em; + left: .0625em; + width: 0; } + 54% { + top: 1.0625em; + left: .125em; + width: 0; } + 70% { + top: 2.1875em; + left: -.375em; + width: 3.125em; } + 84% { + top: 3em; + left: 1.3125em; + width: 1.0625em; } + 100% { + top: 2.8125em; + left: .875em; + width: 1.5625em; } } + +@-webkit-keyframes swal2-animate-success-line-long { + 0% { + top: 3.375em; + right: 2.875em; + width: 0; } + 65% { + top: 3.375em; + right: 2.875em; + width: 0; } + 84% { + top: 2.1875em; + right: 0; + width: 3.4375em; } + 100% { + top: 2.375em; + right: .5em; + width: 2.9375em; } } + +@keyframes swal2-animate-success-line-long { + 0% { + top: 3.375em; + right: 2.875em; + width: 0; } + 65% { + top: 3.375em; + right: 2.875em; + width: 0; } + 84% { + top: 2.1875em; + right: 0; + width: 3.4375em; } + 100% { + top: 2.375em; + right: .5em; + width: 2.9375em; } } + +@-webkit-keyframes swal2-rotate-success-circular-line { + 0% { + transform: rotate(-45deg); } + 5% { + transform: rotate(-45deg); } + 12% { + transform: rotate(-405deg); } + 100% { + transform: rotate(-405deg); } } + +@keyframes swal2-rotate-success-circular-line { + 0% { + transform: rotate(-45deg); } + 5% { + transform: rotate(-45deg); } + 12% { + transform: rotate(-405deg); } + 100% { + transform: rotate(-405deg); } } + +@-webkit-keyframes swal2-animate-error-x-mark { + 0% { + margin-top: 1.625em; + transform: scale(0.4); + opacity: 0; } + 50% { + margin-top: 1.625em; + transform: scale(0.4); + opacity: 0; } + 80% { + margin-top: -.375em; + transform: scale(1.15); } + 100% { + margin-top: 0; + transform: scale(1); + opacity: 1; } } + +@keyframes swal2-animate-error-x-mark { + 0% { + margin-top: 1.625em; + transform: scale(0.4); + opacity: 0; } + 50% { + margin-top: 1.625em; + transform: scale(0.4); + opacity: 0; } + 80% { + margin-top: -.375em; + transform: scale(1.15); } + 100% { + margin-top: 0; + transform: scale(1); + opacity: 1; } } + +@-webkit-keyframes swal2-animate-error-icon { + 0% { + transform: rotateX(100deg); + opacity: 0; } + 100% { + transform: rotateX(0deg); + opacity: 1; } } + +@keyframes swal2-animate-error-icon { + 0% { + transform: rotateX(100deg); + opacity: 0; } + 100% { + transform: rotateX(0deg); + opacity: 1; } } + +body.swal2-toast-shown .swal2-container { + background-color: transparent; } + body.swal2-toast-shown .swal2-container.swal2-shown { + background-color: transparent; } + body.swal2-toast-shown .swal2-container.swal2-top { + top: 0; + right: auto; + bottom: auto; + left: 50%; + transform: translateX(-50%); } + body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { + top: 0; + right: 0; + bottom: auto; + left: auto; } + body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { + top: 0; + right: auto; + bottom: auto; + left: 0; } + body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { + top: 50%; + right: auto; + bottom: auto; + left: 0; + transform: translateY(-50%); } + body.swal2-toast-shown .swal2-container.swal2-center { + top: 50%; + right: auto; + bottom: auto; + left: 50%; + transform: translate(-50%, -50%); } + body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { + top: 50%; + right: 0; + bottom: auto; + left: auto; + transform: translateY(-50%); } + body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { + top: auto; + right: auto; + bottom: 0; + left: 0; } + body.swal2-toast-shown .swal2-container.swal2-bottom { + top: auto; + right: auto; + bottom: 0; + left: 50%; + transform: translateX(-50%); } + body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { + top: auto; + right: 0; + bottom: 0; + left: auto; } + +body.swal2-toast-column .swal2-toast { + flex-direction: column; + align-items: stretch; } + body.swal2-toast-column .swal2-toast .swal2-actions { + flex: 1; + align-self: stretch; + height: 2.2em; + margin-top: .3125em; } + body.swal2-toast-column .swal2-toast .swal2-loading { + justify-content: center; } + body.swal2-toast-column .swal2-toast .swal2-input { + height: 2em; + margin: .3125em auto; + font-size: 0.875rem; } + body.swal2-toast-column .swal2-toast .swal2-validation-message { + font-size: 0.875rem; } + +.swal2-popup.swal2-toast { + flex-direction: row; + align-items: center; + width: auto; + padding: 0.75rem 0.25rem; + overflow-y: hidden; + box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); } + .swal2-popup.swal2-toast .swal2-header { + flex-direction: row; } + .swal2-popup.swal2-toast .swal2-title { + flex-grow: 1; + justify-content: flex-start; + margin: 0 0.6em; + font-size: 0.875rem; } + .swal2-popup.swal2-toast .swal2-footer { + margin: 0.5em 0 0; + padding: 0.5em 0 0; + font-size: 0.8em; } + .swal2-popup.swal2-toast .swal2-close { + position: static; + width: 0.8em; + height: 0.8em; + line-height: 0.8; } + .swal2-popup.swal2-toast .swal2-content { + justify-content: flex-start; + font-size: 0.875rem; } + .swal2-popup.swal2-toast .swal2-icon { + width: 2em; + min-width: 2em; + height: 2em; + margin: 0; } + .swal2-popup.swal2-toast .swal2-icon::before { + display: flex; + align-items: center; + font-size: 2em; + font-weight: bold; } + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .swal2-popup.swal2-toast .swal2-icon::before { + font-size: .25em; } } + .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { + width: 2em; + height: 2em; } + .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { + top: .875em; + width: 1.375em; } + .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] { + left: .3125em; } + .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] { + right: .3125em; } + .swal2-popup.swal2-toast .swal2-actions { + flex-basis: auto !important; + width: auto; + height: auto; + margin: 0 .3125em; } + .swal2-popup.swal2-toast .swal2-styled { + margin: 0 .3125em; + padding: .3125em .625em; + font-size: 0.875rem; } + .swal2-popup.swal2-toast .swal2-styled:focus { + box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em none; } + .swal2-popup.swal2-toast .swal2-success { + border-color: #28a745; } + .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] { + position: absolute; + width: 1.6em; + height: 3em; + transform: rotate(45deg); + border-radius: 50%; } + .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] { + top: -.8em; + left: -.5em; + transform: rotate(-45deg); + transform-origin: 2em 2em; + border-radius: 4em 0 0 4em; } + .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] { + top: -.25em; + left: .9375em; + transform-origin: 0 1.5em; + border-radius: 0 4em 4em 0; } + .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { + width: 2em; + height: 2em; } + .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { + top: 0; + left: .4375em; + width: .4375em; + height: 2.6875em; } + .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] { + height: .3125em; } + .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] { + top: 1.125em; + left: .1875em; + width: .75em; } + .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] { + top: .9375em; + right: .1875em; + width: 1.375em; } + .swal2-popup.swal2-toast.swal2-show { + -webkit-animation: swal2-toast-show 0.5s; + animation: swal2-toast-show 0.5s; } + .swal2-popup.swal2-toast.swal2-hide { + -webkit-animation: swal2-toast-hide 0.1s forwards; + animation: swal2-toast-hide 0.1s forwards; } + .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip { + -webkit-animation: swal2-toast-animate-success-line-tip 0.75s; + animation: swal2-toast-animate-success-line-tip 0.75s; } + .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long { + -webkit-animation: swal2-toast-animate-success-line-long 0.75s; + animation: swal2-toast-animate-success-line-long 0.75s; } + +@-webkit-keyframes swal2-toast-show { + 0% { + transform: translateY(-0.625em) rotateZ(2deg); } + 33% { + transform: translateY(0) rotateZ(-2deg); } + 66% { + transform: translateY(0.3125em) rotateZ(2deg); } + 100% { + transform: translateY(0) rotateZ(0deg); } } + +@keyframes swal2-toast-show { + 0% { + transform: translateY(-0.625em) rotateZ(2deg); } + 33% { + transform: translateY(0) rotateZ(-2deg); } + 66% { + transform: translateY(0.3125em) rotateZ(2deg); } + 100% { + transform: translateY(0) rotateZ(0deg); } } + +@-webkit-keyframes swal2-toast-hide { + 100% { + transform: rotateZ(1deg); + opacity: 0; } } + +@keyframes swal2-toast-hide { + 100% { + transform: rotateZ(1deg); + opacity: 0; } } + +@-webkit-keyframes swal2-toast-animate-success-line-tip { + 0% { + top: .5625em; + left: .0625em; + width: 0; } + 54% { + top: .125em; + left: .125em; + width: 0; } + 70% { + top: .625em; + left: -.25em; + width: 1.625em; } + 84% { + top: 1.0625em; + left: .75em; + width: .5em; } + 100% { + top: 1.125em; + left: .1875em; + width: .75em; } } + +@keyframes swal2-toast-animate-success-line-tip { + 0% { + top: .5625em; + left: .0625em; + width: 0; } + 54% { + top: .125em; + left: .125em; + width: 0; } + 70% { + top: .625em; + left: -.25em; + width: 1.625em; } + 84% { + top: 1.0625em; + left: .75em; + width: .5em; } + 100% { + top: 1.125em; + left: .1875em; + width: .75em; } } + +@-webkit-keyframes swal2-toast-animate-success-line-long { + 0% { + top: 1.625em; + right: 1.375em; + width: 0; } + 65% { + top: 1.25em; + right: .9375em; + width: 0; } + 84% { + top: .9375em; + right: 0; + width: 1.125em; } + 100% { + top: .9375em; + right: .1875em; + width: 1.375em; } } + +@keyframes swal2-toast-animate-success-line-long { + 0% { + top: 1.625em; + right: 1.375em; + width: 0; } + 65% { + top: 1.25em; + right: .9375em; + width: 0; } + 84% { + top: .9375em; + right: 0; + width: 1.125em; } + 100% { + top: .9375em; + right: .1875em; + width: 1.375em; } } + +body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { + overflow: hidden; } + +body.swal2-height-auto { + height: auto !important; } + +body.swal2-no-backdrop .swal2-shown { + top: auto; + right: auto; + bottom: auto; + left: auto; + max-width: calc(100% - 0.625em * 2); + background-color: transparent; } + body.swal2-no-backdrop .swal2-shown > .swal2-modal { + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } + body.swal2-no-backdrop .swal2-shown.swal2-top { + top: 0; + left: 50%; + transform: translateX(-50%); } + body.swal2-no-backdrop .swal2-shown.swal2-top-start, body.swal2-no-backdrop .swal2-shown.swal2-top-left { + top: 0; + left: 0; } + body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right { + top: 0; + right: 0; } + body.swal2-no-backdrop .swal2-shown.swal2-center { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); } + body.swal2-no-backdrop .swal2-shown.swal2-center-start, body.swal2-no-backdrop .swal2-shown.swal2-center-left { + top: 50%; + left: 0; + transform: translateY(-50%); } + body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right { + top: 50%; + right: 0; + transform: translateY(-50%); } + body.swal2-no-backdrop .swal2-shown.swal2-bottom { + bottom: 0; + left: 50%; + transform: translateX(-50%); } + body.swal2-no-backdrop .swal2-shown.swal2-bottom-start, body.swal2-no-backdrop .swal2-shown.swal2-bottom-left { + bottom: 0; + left: 0; } + body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right { + right: 0; + bottom: 0; } + +.swal2-container { + display: flex; + position: fixed; + z-index: 1060; + top: 0; + right: 0; + bottom: 0; + left: 0; + flex-direction: row; + align-items: center; + justify-content: center; + padding: 0.625em; + overflow-x: hidden; + background-color: transparent; + -webkit-overflow-scrolling: touch; } + .swal2-container.swal2-top { + align-items: flex-start; } + .swal2-container.swal2-top-start, .swal2-container.swal2-top-left { + align-items: flex-start; + justify-content: flex-start; } + .swal2-container.swal2-top-end, .swal2-container.swal2-top-right { + align-items: flex-start; + justify-content: flex-end; } + .swal2-container.swal2-center { + align-items: center; } + .swal2-container.swal2-center-start, .swal2-container.swal2-center-left { + align-items: center; + justify-content: flex-start; } + .swal2-container.swal2-center-end, .swal2-container.swal2-center-right { + align-items: center; + justify-content: flex-end; } + .swal2-container.swal2-bottom { + align-items: flex-end; } + .swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left { + align-items: flex-end; + justify-content: flex-start; } + .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right { + align-items: flex-end; + justify-content: flex-end; } + .swal2-container.swal2-bottom > :first-child, + .swal2-container.swal2-bottom-start > :first-child, + .swal2-container.swal2-bottom-left > :first-child, + .swal2-container.swal2-bottom-end > :first-child, + .swal2-container.swal2-bottom-right > :first-child { + margin-top: auto; } + .swal2-container.swal2-grow-fullscreen > .swal2-modal { + display: flex !important; + flex: 1; + align-self: stretch; + justify-content: center; } + .swal2-container.swal2-grow-row > .swal2-modal { + display: flex !important; + flex: 1; + align-content: center; + justify-content: center; } + .swal2-container.swal2-grow-column { + flex: 1; + flex-direction: column; } + .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom { + align-items: center; } + .swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left { + align-items: flex-start; } + .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right { + align-items: flex-end; } + .swal2-container.swal2-grow-column > .swal2-modal { + display: flex !important; + flex: 1; + align-content: center; + justify-content: center; } + .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal { + margin: auto; } + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .swal2-container .swal2-modal { + margin: 0 !important; } } + .swal2-container.swal2-fade { + transition: background-color 0.15s; } + .swal2-container.swal2-shown { + background-color: rgba(0, 0, 0, 0.5); } + +.swal2-popup { + display: none; + position: relative; + box-sizing: border-box; + flex-direction: column; + justify-content: center; + width: 32em; + max-width: 100%; + padding: 1rem; + border: rgba(0, 0, 0, 0.1) solid 1px; + border-radius: 0.3rem; + background: #fff; + font-family: inherit; + font-size: 1rem; } + .swal2-popup:focus { + outline: none; } + .swal2-popup.swal2-loading { + overflow-y: hidden; } + +.swal2-header { + display: flex; + flex-direction: column; + align-items: center; } + +.swal2-title { + position: relative; + max-width: 100%; + margin: 0 0 0.4em; + padding: 0; + color: #595959; + font-size: 1.875em; + font-weight: 600; + text-align: center; + text-transform: none; + word-wrap: break-word; } + +.swal2-actions { + display: flex; + z-index: 1; + flex-wrap: wrap; + align-items: center; + justify-content: center; + width: 100%; + margin: 1.25em auto 0; } + .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { + opacity: .4; } + .swal2-actions:not(.swal2-loading) .swal2-styled:hover { + background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } + .swal2-actions:not(.swal2-loading) .swal2-styled:active { + background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } + .swal2-actions.swal2-loading .swal2-styled.swal2-confirm { + box-sizing: border-box; + width: 2.5em; + height: 2.5em; + margin: .46875em; + padding: 0; + -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; + animation: swal2-rotate-loading 1.5s linear 0s infinite normal; + border: .25em solid transparent; + border-radius: 100%; + border-color: transparent; + background-color: transparent !important; + color: transparent; + cursor: default; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .swal2-actions.swal2-loading .swal2-styled.swal2-cancel { + margin-right: 30px; + margin-left: 30px; } + .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after { + content: ''; + display: inline-block; + width: 15px; + height: 15px; + margin-left: 5px; + -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; + animation: swal2-rotate-loading 1.5s linear 0s infinite normal; + border: 3px solid #999999; + border-radius: 50%; + border-right-color: transparent; + box-shadow: 1px 1px 1px #fff; } + +.swal2-styled { + margin: .3125em; + padding: .625em 2em; + box-shadow: none; + font-weight: 500; } + .swal2-styled:not([disabled]) { + cursor: pointer; } + .swal2-styled.swal2-confirm { + border: 0; + border-radius: 0.25em; + background: initial; + background-color: #007bff; + color: #fff; + font-size: 1.0625em; } + .swal2-styled.swal2-cancel { + border: 0; + border-radius: 0.25em; + background: initial; + background-color: #6c757d; + color: #fff; + font-size: 1.0625em; } + .swal2-styled:focus { + outline: none; + box-shadow: 0 0 0 2px #fff, 0 0 0 4px none; } + .swal2-styled::-moz-focus-inner { + border: 0; } + +.swal2-footer { + justify-content: center; + margin: 1.25em 0 0; + padding: 1em 0 0; + border-top: 1px solid #eee; + color: #545454; + font-size: 1em; } + +.swal2-image { + max-width: 100%; + margin: 1.25em auto; } + +.swal2-close { + position: absolute; + z-index: 2; + /* 1617 */ + top: 0; + right: 0; + justify-content: center; + width: 1.2em; + height: 1.2em; + padding: 0; + overflow: hidden; + transition: color 0.1s ease-out; + border: none; + border-radius: 0; + outline: initial; + background: transparent; + color: rgba(0, 0, 0, 0.5); + font-family: serif; + font-size: 1.5rem; + line-height: 1; + cursor: pointer; } + .swal2-close:hover { + transform: none; + background: transparent; + color: #000; } + +> .swal2-input, +> .swal2-file, +> .swal2-textarea, +> .swal2-select, +> .swal2-radio, +> .swal2-checkbox { + display: none; } + +.swal2-content { + z-index: 1; + justify-content: center; + margin: 0; + padding: 0; + color: #545454; + font-size: 1.125em; + font-weight: 300; + line-height: normal; + text-align: center; + word-wrap: break-word; } + +.swal2-input, +.swal2-file, +.swal2-textarea, +.swal2-select, +.swal2-radio, +.swal2-checkbox { + margin: 1em auto; } + +.swal2-input, +.swal2-file, +.swal2-textarea { + box-sizing: border-box; + width: 100%; + transition: border-color 0.3s, box-shadow 0.3s; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + background: inherit; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); + color: inherit; + font-size: 1rem; } + .swal2-input.swal2-inputerror, + .swal2-file.swal2-inputerror, + .swal2-textarea.swal2-inputerror { + border-color: #dc3545 !important; + box-shadow: 0 0 2px #dc3545 !important; } + .swal2-input:focus, + .swal2-file:focus, + .swal2-textarea:focus { + border: none; + outline: none; + box-shadow: none; } + .swal2-input::-webkit-input-placeholder, + .swal2-file::-webkit-input-placeholder, + .swal2-textarea::-webkit-input-placeholder { + color: #cccccc; } + .swal2-input::-moz-placeholder, + .swal2-file::-moz-placeholder, + .swal2-textarea::-moz-placeholder { + color: #cccccc; } + .swal2-input:-ms-input-placeholder, + .swal2-file:-ms-input-placeholder, + .swal2-textarea:-ms-input-placeholder { + color: #cccccc; } + .swal2-input::-ms-input-placeholder, + .swal2-file::-ms-input-placeholder, + .swal2-textarea::-ms-input-placeholder { + color: #cccccc; } + .swal2-input::placeholder, + .swal2-file::placeholder, + .swal2-textarea::placeholder { + color: #cccccc; } + +.swal2-range { + margin: 1em auto; + background: inherit; } + .swal2-range input { + width: 80%; } + .swal2-range output { + width: 20%; + color: inherit; + font-weight: 600; + text-align: center; } + .swal2-range input, + .swal2-range output { + height: 2.625em; + padding: 0; + font-size: 1rem; + line-height: 2.625em; } + +.swal2-input { + height: 2.625em; + padding: 0.375rem 0.75rem; } + .swal2-input[type='number'] { + max-width: 10em; } + +.swal2-file { + background: inherit; + font-size: 1rem; } + +.swal2-textarea { + height: 6.75em; + padding: 0.75em; } + +.swal2-select { + min-width: 50%; + max-width: 100%; + padding: .375em .625em; + background: inherit; + color: inherit; + font-size: 1rem; } + +.swal2-radio, +.swal2-checkbox { + align-items: center; + justify-content: center; + background: inherit; + color: inherit; } + .swal2-radio label, + .swal2-checkbox label { + margin: 0 .6em; + font-size: 1rem; } + .swal2-radio input, + .swal2-checkbox input { + margin: 0 .4em; } + +.swal2-validation-message { + display: none; + align-items: center; + justify-content: center; + padding: 0.625em; + overflow: hidden; + background: #f0f0f0; + color: #666666; + font-size: 1em; + font-weight: 300; } + .swal2-validation-message::before { + content: '!'; + display: inline-block; + width: 1.5em; + min-width: 1.5em; + height: 1.5em; + margin: 0 .625em; + zoom: normal; + border-radius: 50%; + background-color: #f27474; + color: #fff; + font-weight: 600; + line-height: 1.5em; + text-align: center; } + +@supports (-ms-accelerator: true) { + .swal2-range input { + width: 100% !important; } + .swal2-range output { + display: none; } } + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .swal2-range input { + width: 100% !important; } + .swal2-range output { + display: none; } } + +@-moz-document url-prefix() { + .swal2-close:focus { + outline: 2px solid none; } } + +.swal2-icon { + position: relative; + box-sizing: content-box; + justify-content: center; + width: 5em; + height: 5em; + margin: 1.25em auto 1.875em; + zoom: normal; + border: .25em solid transparent; + border-radius: 50%; + font-family: inherit; + line-height: 5em; + cursor: default; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .swal2-icon::before { + display: flex; + align-items: center; + height: 92%; + font-size: 3.75em; } + .swal2-icon.swal2-error { + border-color: #dc3545; } + .swal2-icon.swal2-error .swal2-x-mark { + position: relative; + flex-grow: 1; } + .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { + display: block; + position: absolute; + top: 2.3125em; + width: 2.9375em; + height: .3125em; + border-radius: .125em; + background-color: #dc3545; } + .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] { + left: 1.0625em; + transform: rotate(45deg); } + .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] { + right: 1em; + transform: rotate(-45deg); } + .swal2-icon.swal2-warning { + border-color: #ffca2b; + color: #ffc107; } + .swal2-icon.swal2-warning::before { + content: '!'; } + .swal2-icon.swal2-info { + border-color: #4cd3e9; + color: #17a2b8; } + .swal2-icon.swal2-info::before { + content: 'i'; } + .swal2-icon.swal2-question { + border-color: #a1a8ae; + color: #6c757d; } + .swal2-icon.swal2-question::before { + content: '?'; } + .swal2-icon.swal2-question.swal2-arabic-question-mark::before { + content: '؟'; } + .swal2-icon.swal2-success { + border-color: #28a745; } + .swal2-icon.swal2-success [class^='swal2-success-circular-line'] { + position: absolute; + width: 3.75em; + height: 7.5em; + transform: rotate(45deg); + border-radius: 50%; } + .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] { + top: -.4375em; + left: -2.0635em; + transform: rotate(-45deg); + transform-origin: 3.75em 3.75em; + border-radius: 7.5em 0 0 7.5em; } + .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] { + top: -.6875em; + left: 1.875em; + transform: rotate(-45deg); + transform-origin: 0 3.75em; + border-radius: 0 7.5em 7.5em 0; } + .swal2-icon.swal2-success .swal2-success-ring { + position: absolute; + z-index: 2; + top: -.25em; + left: -.25em; + box-sizing: content-box; + width: 100%; + height: 100%; + border: 0.25em solid rgba(165, 220, 134, 0.3); + border-radius: 50%; } + .swal2-icon.swal2-success .swal2-success-fix { + position: absolute; + z-index: 1; + top: .5em; + left: 1.625em; + width: .4375em; + height: 5.625em; + transform: rotate(-45deg); } + .swal2-icon.swal2-success [class^='swal2-success-line'] { + display: block; + position: absolute; + z-index: 2; + height: .3125em; + border-radius: .125em; + background-color: #28a745; } + .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] { + top: 2.875em; + left: .875em; + width: 1.5625em; + transform: rotate(45deg); } + .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] { + top: 2.375em; + right: .5em; + width: 2.9375em; + transform: rotate(-45deg); } + +.swal2-progress-steps { + align-items: center; + margin: 0 0 1.25em; + padding: 0; + background: inherit; + font-weight: 600; } + .swal2-progress-steps li { + display: inline-block; + position: relative; } + .swal2-progress-steps .swal2-progress-step { + z-index: 20; + width: 2em; + height: 2em; + border-radius: 2em; + background: #3085d6; + color: #fff; + line-height: 2em; + text-align: center; } + .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { + background: #3085d6; } + .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { + background: #add8e6; + color: #fff; } + .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { + background: #add8e6; } + .swal2-progress-steps .swal2-progress-step-line { + z-index: 10; + width: 2.5em; + height: .4em; + margin: 0 -1px; + background: #3085d6; } + +[class^='swal2'] { + -webkit-tap-highlight-color: transparent; } + +.swal2-show { + -webkit-animation: swal2-show 0.3s; + animation: swal2-show 0.3s; } + .swal2-show.swal2-noanimation { + -webkit-animation: none; + animation: none; } + +.swal2-hide { + -webkit-animation: swal2-hide 0.15s forwards; + animation: swal2-hide 0.15s forwards; } + .swal2-hide.swal2-noanimation { + -webkit-animation: none; + animation: none; } + +.swal2-rtl .swal2-close { + right: auto; + left: 0; } + +.swal2-animate-success-icon .swal2-success-line-tip { + -webkit-animation: swal2-animate-success-line-tip 0.75s; + animation: swal2-animate-success-line-tip 0.75s; } + +.swal2-animate-success-icon .swal2-success-line-long { + -webkit-animation: swal2-animate-success-line-long 0.75s; + animation: swal2-animate-success-line-long 0.75s; } + +.swal2-animate-success-icon .swal2-success-circular-line-right { + -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in; + animation: swal2-rotate-success-circular-line 4.25s ease-in; } + +.swal2-animate-error-icon { + -webkit-animation: swal2-animate-error-icon 0.5s; + animation: swal2-animate-error-icon 0.5s; } + .swal2-animate-error-icon .swal2-x-mark { + -webkit-animation: swal2-animate-error-x-mark 0.5s; + animation: swal2-animate-error-x-mark 0.5s; } + +@-webkit-keyframes swal2-rotate-loading { + 0% { + transform: rotate(0deg); } + 100% { + transform: rotate(360deg); } } + +@keyframes swal2-rotate-loading { + 0% { + transform: rotate(0deg); } + 100% { + transform: rotate(360deg); } } + +@media print { + body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { + overflow-y: scroll !important; } + body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden='true'] { + display: none; } + body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { + position: static !important; } } + +.swal2-confirm, +.swal2-cancel { + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + +.swal2-popup { + padding: 0; + border: 1px solid rgba(0, 0, 0, 0.2); } + .swal2-popup.swal2-toast { + padding: .25rem .75rem; + font-size: .875rem; } + .swal2-popup.swal2-toast .swal2-header { + padding: 0; + border-bottom: 0; } + .swal2-popup.swal2-toast .swal2-title { + margin: 0; + color: #6c757d; } + .swal2-popup.swal2-toast .swal2-content { + padding: 0 .5rem; } + .swal2-popup.swal2-toast .swal2-actions { + flex-basis: 0 !important; + margin: 0; + padding: 0; } + .swal2-popup.swal2-toast .swal2-styled { + margin: 0; } + +.swal2-header { + padding: 1rem; + border-bottom: 1px solid #dee2e6; } + +.swal2-title { + margin: 0; + font-size: 1.25rem; } + +.swal2-content { + padding: 1rem 1rem 0; } + +.swal2-actions { + padding: 0 0 1rem; + border-radius: 0.25rem; } + +.swal2-footer { + padding: 1rem; + border-top: 1px solid #dee2e6; } + +.swal2-close { + height: auto; + padding: 1rem 1.2rem 1rem 1rem; + font-weight: 700; } + +.swal2-input, +.swal2-textarea { + height: inherit; + padding: 0.375rem 0.75rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + line-height: 1.5; } + .swal2-input:focus, + .swal2-textarea:focus { + border: 1px solid #80bdff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + color: #495057; } + .swal2-input.swal2-inputerror, + .swal2-textarea.swal2-inputerror { + box-shadow: none !important; } + .swal2-input.swal2-inputerror:focus, + .swal2-textarea.swal2-inputerror:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important; } + +.swal2-styled.swal2-confirm { + padding: 0.375rem 0.75rem; + border: 1px solid #007bff; + font-size: 1rem; } + .swal2-styled.swal2-confirm:hover { + border-color: #0062cc; + background-color: #0069d9; } + .swal2-styled.swal2-confirm:focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + .swal2-styled.swal2-confirm:active { + border-color: #005cbf; + background-color: #0062cc; } + .swal2-styled.swal2-confirm:active:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + +.swal2-styled.swal2-cancel { + padding: 0.375rem 0.75rem; + border: 1px solid #6c757d; + font-size: 1rem; } + .swal2-styled.swal2-cancel:hover { + border-color: #545b62; + background-color: #5a6268; } + .swal2-styled.swal2-cancel:focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.25); } + .swal2-styled.swal2-cancel:active { + border-color: #4e555b; + background-color: #545b62; } + .swal2-styled.swal2-cancel:active:focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.25); } + +.swal2-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: .375rem 1.75rem .375rem .75rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + background: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"%3e%3cpath fill="%23343a40" d="M2 0L0 2h4zm0 5L0 3h4z"/%3e%3c/svg%3e') no-repeat right 0.75rem center/8px 10px; + background-color: #fff; + color: #495057; + vertical-align: middle; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + .swal2-select:focus { + border: 1px solid #80bdff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + .swal2-select:focus::-ms-value { + background-color: #fff; + color: #495057; } + .swal2-select[multiple], .swal2-select[size]:not([size='1']) { + height: auto; + padding-right: 0.75rem; + background-image: none; } + .swal2-select:disabled { + background-color: #e9ecef; + color: #fff; } + .swal2-select::-ms-expand { + display: none; } + +.swal2-radio label { + position: relative; + margin-right: 1rem; + margin-left: 1.5rem; } + .swal2-radio label input { + position: absolute; + z-index: -1; + opacity: 0; } + .swal2-radio label input:checked ~ .swal2-label::before { + border-color: #007bff; + background: #007bff; + color: #fff; } + .swal2-radio label input:focus ~ .swal2-label::before { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + .swal2-radio label input:focus:not(:checked) ~ .swal2-label::before { + border-color: #80bdff; } + .swal2-radio label input:not(:disabled):active ~ .swal2-label::before { + border-color: #b3d7ff; + background-color: #b3d7ff; + color: #fff; } + .swal2-radio label input:checked ~ .swal2-label::after { + background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 8 8"%3e%3ccircle r="3" fill="%23fff"/%3e%3c/svg%3e'); } + .swal2-radio label input:disabled:checked ~ .swal2-label::before { + background-color: rgba(0, 123, 255, 0.5); } + +.swal2-radio .swal2-label::before { + content: ''; + display: block; + position: absolute; + top: 0.08333rem; + left: -1.5rem; + width: 1rem; + height: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + border: #adb5bd solid 1px; + border-radius: 50%; + background-color: #fff; + pointer-events: none; } + +.swal2-radio .swal2-label::after { + content: ''; + display: block; + position: absolute; + top: 0.08333rem; + left: -1.5rem; + width: 1rem; + height: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + border: transparent solid 1px; + background: no-repeat 50% / 50% 50%; } + +.swal2-checkbox { + margin-right: 1rem; + padding-left: 1.5rem; } + .swal2-checkbox input { + z-index: -1; + opacity: 0; } + .swal2-checkbox input:checked ~ .swal2-label::before { + border-color: #007bff; + background: #007bff; + color: #fff; } + .swal2-checkbox input:focus ~ .swal2-label::before { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + .swal2-checkbox input:focus:not(:checked) ~ .swal2-label::before { + border-color: #80bdff; } + .swal2-checkbox input:not(:disabled):active ~ .swal2-label::before { + border-color: #b3d7ff; + background-color: #b3d7ff; + color: #fff; } + .swal2-checkbox input:checked ~ .swal2-label::after { + background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"%3e%3cpath fill="%23fff" d="M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z"/%3e%3c/svg%3e'); } + .swal2-checkbox input:disabled:checked ~ .swal2-label::before { + background-color: rgba(0, 123, 255, 0.5); } + .swal2-checkbox .swal2-label { + position: relative; } + .swal2-checkbox .swal2-label::before { + content: ''; + display: block; + position: absolute; + top: 0.25rem; + left: -1.5rem; + width: 1rem; + height: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + border: #adb5bd solid 1px; + background-color: #fff; + pointer-events: none; } + .swal2-checkbox .swal2-label::after { + content: ''; + display: block; + position: absolute; + top: 0.25rem; + left: -1.5rem; + width: 1rem; + height: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + border: transparent solid 1px; + background: no-repeat 50% / 50% 50%; } + +.swal2-range input { + width: 100%; + height: calc(1rem + 0.6rem); + padding: 0; + background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + .swal2-range input:focus { + outline: none; } + .swal2-range input:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + .swal2-range input:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + .swal2-range input:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + .swal2-range input::-moz-focus-outer { + border: 0; } + .swal2-range input::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + border: 0; + border-radius: 1rem; + background: #007bff; + box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); + -webkit-appearance: none; + appearance: none; } + .swal2-range input::-webkit-slider-thumb:active { + background: #b3d7ff; } + .swal2-range input::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + border-radius: 1rem; + border-color: transparent; + background-color: #dee2e6; + box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); + color: transparent; + cursor: pointer; } + .swal2-range input::-moz-range-thumb { + width: 1rem; + height: 1rem; + margin-top: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + border: 0; + border-radius: 1rem; + background: #007bff; + box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); + -moz-appearance: none; + appearance: none; } + .swal2-range input::-moz-range-thumb:active { + background: #b3d7ff; } + .swal2-range input::-moz-range-track { + width: 100%; + height: 0.5rem; + border-radius: 1rem; + border-color: transparent; + background-color: #dee2e6; + box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); + color: transparent; + cursor: pointer; } + .swal2-range input::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + border: 0; + border-radius: 1rem; + background: #007bff; + box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); + appearance: none; } + .swal2-range input::-ms-thumb:active { + background: #b3d7ff; } + .swal2-range input::-ms-track { + width: 100%; + height: 0.5rem; + border-width: 0.5rem; + border-color: transparent; + background-color: transparent; + box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); + color: transparent; + cursor: pointer; } + .swal2-range input::-ms-fill-lower { + border-radius: 1rem; + background-color: #dee2e6; } + .swal2-range input::-ms-fill-upper { + margin-right: 15px; + border-radius: 1rem; + background-color: #dee2e6; } + .swal2-range input:disabled::-webkit-slider-thumb { + background-color: #adb5bd; } + .swal2-range input:disabled::-webkit-slider-runnable-track { + cursor: default; } + .swal2-range input:disabled::-moz-range-thumb { + background-color: #adb5bd; } + .swal2-range input:disabled::-moz-range-track { + cursor: default; } + .swal2-range input:disabled::-ms-thumb { + background-color: #adb5bd; } + +.swal2-validation-message { + position: relative; + margin-bottom: 1rem; + padding: 0.75rem 1.25rem; + border: 1px solid transparent; + border-radius: 0.25rem; + border-color: #d6d8db; + background: #e2e3e5; + color: #383d41; + font-size: 1rem; } + .swal2-validation-message::before { + background-color: #e4606d; } + +.swal2-toast { + max-width: 350px; + border-radius: 0.25rem; + background-color: rgba(255, 255, 255, 0.85); } diff --git a/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css b/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css new file mode 100644 index 000000000..637316410 --- /dev/null +++ b/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css @@ -0,0 +1 @@ +@charset "UTF-8";@-webkit-keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-shown{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:.875rem}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:.875rem}.swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.75rem .25rem;overflow-y:hidden;box-shadow:0 .25rem .75rem rgba(0,0,0,.1)}.swal2-popup.swal2-toast .swal2-header{flex-direction:row}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .6em;font-size:.875rem}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:static;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;font-size:.875rem}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon::before{display:flex;align-items:center;font-size:2em;font-weight:700}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-popup.swal2-toast .swal2-icon::before{font-size:.25em}}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{flex-basis:auto!important;width:auto;height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:.875rem}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 .0625em #fff,0 0 0 .125em none}.swal2-popup.swal2-toast .swal2-success{border-color:#28a745}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}@-webkit-keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-shown{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent}body.swal2-no-backdrop .swal2-shown>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.5)}body.swal2-no-backdrop .swal2-shown.swal2-top{top:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-shown.swal2-center{top:50%;left:50%;transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{top:50%;left:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{top:50%;right:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom{bottom:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{right:0;bottom:0}.swal2-container{display:flex;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:.625em;overflow-x:hidden;background-color:transparent;-webkit-overflow-scrolling:touch}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-bottom-end>:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-right>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-container.swal2-fade{transition:background-color .15s}.swal2-container.swal2-shown{background-color:rgba(0,0,0,.5)}.swal2-popup{display:none;position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1rem;border:rgba(0,0,0,.1) solid 1px;border-radius:.3rem;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:flex;flex-direction:column;align-items:center}.swal2-title{position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:1.25em auto 0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-actions.swal2-loading .swal2-styled.swal2-confirm{box-sizing:border-box;width:2.5em;height:2.5em;margin:.46875em;padding:0;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{content:'';display:inline-block;width:15px;height:15px;margin-left:5px;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff}.swal2-styled{margin:.3125em;padding:.625em 2em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#007bff;color:#fff;font-size:1.0625em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#6c757d;color:#fff;font-size:1.0625em}.swal2-styled:focus{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px none}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;z-index:2;top:0;right:0;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;transition:color .1s ease-out;border:none;border-radius:0;outline:initial;background:0 0;color:rgba(0,0,0,.5);font-family:serif;font-size:1.5rem;line-height:1;cursor:pointer}.swal2-close:hover{transform:none;background:0 0;color:#000}.swal2-content{z-index:1;justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:300;line-height:normal;text-align:center;word-wrap:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em auto}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #dee2e6;border-radius:.25rem;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);color:inherit;font-size:1rem}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#dc3545!important;box-shadow:0 0 2px #dc3545!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:none;outline:0;box-shadow:none}.swal2-file::-webkit-input-placeholder,.swal2-input::-webkit-input-placeholder,.swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::-ms-input-placeholder,.swal2-input::-ms-input-placeholder,.swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:inherit}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1rem;line-height:2.625em}.swal2-input{height:2.625em;padding:.375rem .75rem}.swal2-input[type=number]{max-width:10em}.swal2-file{background:inherit;font-size:1rem}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1rem}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:inherit;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1rem}.swal2-checkbox input,.swal2-radio input{margin:0 .4em}.swal2-validation-message{display:none;align-items:center;justify-content:center;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:'!';display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;zoom:normal;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid none}}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;zoom:normal;border:.25em solid transparent;border-radius:50%;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon::before{display:flex;align-items:center;height:92%;font-size:3.75em}.swal2-icon.swal2-error{border-color:#dc3545}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#dc3545}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-warning{border-color:#ffca2b;color:#ffc107}.swal2-icon.swal2-warning::before{content:'!'}.swal2-icon.swal2-info{border-color:#4cd3e9;color:#17a2b8}.swal2-icon.swal2-info::before{content:'i'}.swal2-icon.swal2-question{border-color:#a1a8ae;color:#6c757d}.swal2-icon.swal2-question::before{content:'?'}.swal2-icon.swal2-question.swal2-arabic-question-mark::before{content:'؟'}.swal2-icon.swal2-success{border-color:#28a745}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#28a745}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.875em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-progress-steps{align-items:center;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#3085d6}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;width:2.5em;height:.4em;margin:0 -1px;background:#3085d6}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-animate-success-icon .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-animate-error-icon{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-animate-error-icon .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}@-webkit-keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}.swal2-cancel,.swal2-confirm{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.swal2-popup{padding:0;border:1px solid rgba(0,0,0,.2)}.swal2-popup.swal2-toast{padding:.25rem .75rem;font-size:.875rem}.swal2-popup.swal2-toast .swal2-header{padding:0;border-bottom:0}.swal2-popup.swal2-toast .swal2-title{margin:0;color:#6c757d}.swal2-popup.swal2-toast .swal2-content{padding:0 .5rem}.swal2-popup.swal2-toast .swal2-actions{flex-basis:0!important;margin:0;padding:0}.swal2-popup.swal2-toast .swal2-styled{margin:0}.swal2-header{padding:1rem;border-bottom:1px solid #dee2e6}.swal2-title{margin:0;font-size:1.25rem}.swal2-content{padding:1rem 1rem 0}.swal2-actions{padding:0 0 1rem;border-radius:.25rem}.swal2-footer{padding:1rem;border-top:1px solid #dee2e6}.swal2-close{height:auto;padding:1rem 1.2rem 1rem 1rem;font-weight:700}.swal2-input,.swal2-textarea{height:inherit;padding:.375rem .75rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;line-height:1.5}.swal2-input:focus,.swal2-textarea:focus{border:1px solid #80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);color:#495057}.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{box-shadow:none!important}.swal2-input.swal2-inputerror:focus,.swal2-textarea.swal2-inputerror:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)!important}.swal2-styled.swal2-confirm{padding:.375rem .75rem;border:1px solid #007bff;font-size:1rem}.swal2-styled.swal2-confirm:hover{border-color:#0062cc;background-color:#0069d9}.swal2-styled.swal2-confirm:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.swal2-styled.swal2-confirm:active{border-color:#005cbf;background-color:#0062cc}.swal2-styled.swal2-confirm:active:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.swal2-styled.swal2-cancel{padding:.375rem .75rem;border:1px solid #6c757d;font-size:1rem}.swal2-styled.swal2-cancel:hover{border-color:#545b62;background-color:#5a6268}.swal2-styled.swal2-cancel:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.25)}.swal2-styled.swal2-cancel:active{border-color:#4e555b;background-color:#545b62}.swal2-styled.swal2-cancel:active:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.25)}.swal2-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:1px solid #dee2e6;border-radius:.25rem;background:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"%3e%3cpath fill="%23343a40" d="M2 0L0 2h4zm0 5L0 3h4z"/%3e%3c/svg%3e') no-repeat right .75rem center/8px 10px;background-color:#fff;color:#495057;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swal2-select:focus{border:1px solid #80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.swal2-select:focus::-ms-value{background-color:#fff;color:#495057}.swal2-select[multiple],.swal2-select[size]:not([size='1']){height:auto;padding-right:.75rem;background-image:none}.swal2-select:disabled{background-color:#e9ecef;color:#fff}.swal2-select::-ms-expand{display:none}.swal2-radio label{position:relative;margin-right:1rem;margin-left:1.5rem}.swal2-radio label input{position:absolute;z-index:-1;opacity:0}.swal2-radio label input:checked~.swal2-label::before{border-color:#007bff;background:#007bff;color:#fff}.swal2-radio label input:focus~.swal2-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.swal2-radio label input:focus:not(:checked)~.swal2-label::before{border-color:#80bdff}.swal2-radio label input:not(:disabled):active~.swal2-label::before{border-color:#b3d7ff;background-color:#b3d7ff;color:#fff}.swal2-radio label input:checked~.swal2-label::after{background-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 8 8"%3e%3ccircle r="3" fill="%23fff"/%3e%3c/svg%3e')}.swal2-radio label input:disabled:checked~.swal2-label::before{background-color:rgba(0,123,255,.5)}.swal2-radio .swal2-label::before{content:'';display:block;position:absolute;top:.08333rem;left:-1.5rem;width:1rem;height:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:#adb5bd solid 1px;border-radius:50%;background-color:#fff;pointer-events:none}.swal2-radio .swal2-label::after{content:'';display:block;position:absolute;top:.08333rem;left:-1.5rem;width:1rem;height:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:transparent solid 1px;background:no-repeat 50%/50% 50%}.swal2-checkbox{margin-right:1rem;padding-left:1.5rem}.swal2-checkbox input{z-index:-1;opacity:0}.swal2-checkbox input:checked~.swal2-label::before{border-color:#007bff;background:#007bff;color:#fff}.swal2-checkbox input:focus~.swal2-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.swal2-checkbox input:focus:not(:checked)~.swal2-label::before{border-color:#80bdff}.swal2-checkbox input:not(:disabled):active~.swal2-label::before{border-color:#b3d7ff;background-color:#b3d7ff;color:#fff}.swal2-checkbox input:checked~.swal2-label::after{background-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"%3e%3cpath fill="%23fff" d="M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z"/%3e%3c/svg%3e')}.swal2-checkbox input:disabled:checked~.swal2-label::before{background-color:rgba(0,123,255,.5)}.swal2-checkbox .swal2-label{position:relative}.swal2-checkbox .swal2-label::before{content:'';display:block;position:absolute;top:.25rem;left:-1.5rem;width:1rem;height:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:#adb5bd solid 1px;background-color:#fff;pointer-events:none}.swal2-checkbox .swal2-label::after{content:'';display:block;position:absolute;top:.25rem;left:-1.5rem;width:1rem;height:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:transparent solid 1px;background:no-repeat 50%/50% 50%}.swal2-range input{width:100%;height:calc(1rem + .6rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swal2-range input:focus{outline:0}.swal2-range input:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.swal2-range input:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.swal2-range input:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.swal2-range input::-moz-focus-outer{border:0}.swal2-range input::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:0;border-radius:1rem;background:#007bff;box-shadow:0 .1rem .25rem rgba(0,0,0,.1);-webkit-appearance:none;appearance:none}.swal2-range input::-webkit-slider-thumb:active{background:#b3d7ff}.swal2-range input::-webkit-slider-runnable-track{width:100%;height:.5rem;border-radius:1rem;border-color:transparent;background-color:#dee2e6;box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1);color:transparent;cursor:pointer}.swal2-range input::-moz-range-thumb{width:1rem;height:1rem;margin-top:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:0;border-radius:1rem;background:#007bff;box-shadow:0 .1rem .25rem rgba(0,0,0,.1);-moz-appearance:none;appearance:none}.swal2-range input::-moz-range-thumb:active{background:#b3d7ff}.swal2-range input::-moz-range-track{width:100%;height:.5rem;border-radius:1rem;border-color:transparent;background-color:#dee2e6;box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1);color:transparent;cursor:pointer}.swal2-range input::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:0;border-radius:1rem;background:#007bff;box-shadow:0 .1rem .25rem rgba(0,0,0,.1);appearance:none}.swal2-range input::-ms-thumb:active{background:#b3d7ff}.swal2-range input::-ms-track{width:100%;height:.5rem;border-width:.5rem;border-color:transparent;background-color:transparent;box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1);color:transparent;cursor:pointer}.swal2-range input::-ms-fill-lower{border-radius:1rem;background-color:#dee2e6}.swal2-range input::-ms-fill-upper{margin-right:15px;border-radius:1rem;background-color:#dee2e6}.swal2-range input:disabled::-webkit-slider-thumb{background-color:#adb5bd}.swal2-range input:disabled::-webkit-slider-runnable-track{cursor:default}.swal2-range input:disabled::-moz-range-thumb{background-color:#adb5bd}.swal2-range input:disabled::-moz-range-track{cursor:default}.swal2-range input:disabled::-ms-thumb{background-color:#adb5bd}.swal2-validation-message{position:relative;margin-bottom:1rem;padding:.75rem 1.25rem;border:1px solid transparent;border-radius:.25rem;border-color:#d6d8db;background:#e2e3e5;color:#383d41;font-size:1rem}.swal2-validation-message::before{background-color:#e4606d}.swal2-toast{max-width:350px;border-radius:.25rem;background-color:rgba(255,255,255,.85)} \ No newline at end of file diff --git a/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.scss b/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.scss new file mode 100644 index 000000000..4dc6ea808 --- /dev/null +++ b/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.scss @@ -0,0 +1,686 @@ +@import '~sweetalert2/src/variables'; + +// Function +@function str-replace($string, $search, $replace: '') { + $index: str-index($string, $search); + + @if $index { + @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); + } + + @return $string; +} + +// Theme Variables +// Color +$bootstrap-primary: #007bff !default; +$bootstrap-success: #28a745 !default; +$bootstrap-danger: #dc3545 !default; +$bootstrap-warning: #ffc107 !default; +$bootstrap-info: #17a2b8 !default; +$bootstrap-secondary: #6c757d !default; + +$bootstrap-gray-100: #f8f9fa !default; +$bootstrap-gray-200: #e9ecef !default; +$bootstrap-gray-300: #dee2e6 !default; +$bootstrap-gray-400: #ced4da !default; +$bootstrap-gray-500: #adb5bd !default; +$bootstrap-gray-600: #6c757d !default; +$bootstrap-gray-700: #495057 !default; +$bootstrap-gray-800: #343a40 !default; +$bootstrap-gray-900: #212529 !default; + +$bootstrap-theme-color-interval: 8% !default; + +// Alert +$bootstrap-alert-border-level: -9 !default; +$bootstrap-alert-bg-level: -10 !default; +$bootstrap-alert-color-level: 6 !default; +$bootstrap-alert-border-color: mix($swal2-white, $bootstrap-secondary, abs($bootstrap-alert-border-level) * $bootstrap-theme-color-interval) !default; +$bootstrap-alert-background: mix($swal2-white, $bootstrap-secondary, abs($bootstrap-alert-bg-level) * $bootstrap-theme-color-interval) !default; +$bootstrap-alert-color: mix($swal2-black, $bootstrap-secondary, abs($bootstrap-alert-color-level) * $bootstrap-theme-color-interval) !default; +$bootstrap-alert-padding-y: .75rem !default; +$bootstrap-alert-padding-x: 1.25rem !default; +$bootstrap-alert-margin-bottom: 1rem !default; +$bootstrap-alert-border-radius: .25rem !default; +$bootstrap-alert-border-width: 1px !default; +$bootstrap-alert-font-size: 1rem !default; + +// Input +$bootstrap-input-color: $bootstrap-gray-700 !default; +$bootstrap-input-bg: $swal2-white !default; +$bootstrap-input-border-color: $bootstrap-gray-300 !default; +$bootstrap-input-border-radius: .25rem !default; +$bootstrap-input-border-width: 1px !default; +$bootstrap-input-padding-y: .375rem !default; +$bootstrap-input-padding-x: .75rem !default; +$bootstrap-input-line-height: 1.5 !default; +$bootstrap-input-height-border: $bootstrap-input-border-width * 2 !default; +$bootstrap-input-height: calc(#{$bootstrap-input-line-height * 1em} + #{$bootstrap-input-padding-y * 2} + #{$bootstrap-input-height-border}) !default; + +$bootstrap-input-disabled-color: $swal2-white !default; +$bootstrap-input-disabled-bg: $bootstrap-gray-200 !default; + +$bootstrap-input-focus-width: .2rem !default; +$bootstrap-input-focus-border: 1px solid lighten($bootstrap-primary, 25%) !default; +$bootstrap-input-focus-box-shadow: 0 0 0 $bootstrap-input-focus-width rgba($bootstrap-primary, .25) !default; + +// Button +$bootstrap-btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default; +$bootstrap-btn-secondary-focus-box-shadow: 0 0 0 $bootstrap-input-focus-width rgba($bootstrap-secondary, .25) !default; + +// Custom Shared Variables +$bootstrap-custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default; + +$bootstrap-custom-control-gutter: .5rem !default; +$bootstrap-custom-control-indicator-size: 1rem !default; +$bootstrap-custom-control-indicator-bg: $swal2-white !default; +$bootstrap-custom-control-indicator-bg-size: 50% 50% !default; +$bootstrap-custom-control-indicator-border-color: $bootstrap-gray-500 !default; +$bootstrap-custom-control-indicator-border-width: $bootstrap-input-border-width !default; +$bootstrap-custom-control-indicator-checked-color: $swal2-white !default; +$bootstrap-custom-control-indicator-checked-bg: $bootstrap-primary !default; +$bootstrap-custom-control-indicator-checked-disabled-bg: rgba($bootstrap-primary, .5) !default; +$bootstrap-custom-control-indicator-checked-border-color: $bootstrap-custom-control-indicator-checked-bg !default; + +$bootstrap-custom-control-indicator-active-color: $swal2-white !default; +$bootstrap-custom-control-indicator-active-bg: lighten($bootstrap-primary, 35%) !default; +$bootstrap-custom-control-indicator-active-box-shadow: none !default; +$bootstrap-custom-control-indicator-active-border-color: $bootstrap-custom-control-indicator-active-bg !default; + +$bootstrap-custom-control-indicator-focus-box-shadow: $bootstrap-input-focus-box-shadow !default; +$bootstrap-custom-control-indicator-focus-border-color: lighten($bootstrap-primary, 25%) !default; + +// Custom Select +$bootstrap-custom-select-bg-size: 8px 10px !default; +$bootstrap-custom-select-indicator-color: $bootstrap-gray-800 !default; +$bootstrap-custom-select-indicator: str-replace(url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"%3e%3cpath fill="#{$bootstrap-custom-select-indicator-color}" d="M2 0L0 2h4zm0 5L0 3h4z"/%3e%3c/svg%3e'), '#', '%23') !default; +$bootstrap-custom-select-background: $bootstrap-custom-select-indicator no-repeat right $bootstrap-input-padding-x center / $bootstrap-custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon) + +// Custom Radio +$bootstrap-custom-radio-indicator-border-radius: 50% !default; +$bootstrap-custom-radio-indicator-icon-checked: str-replace(url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 8 8"%3e%3ccircle r="3" fill="#{$bootstrap-custom-control-indicator-checked-color}"/%3e%3c/svg%3e'), '#', '%23') !default; + +// Custom Checkbox +$bootstrap-custom-checkbox-indicator-icon-checked: str-replace(url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"%3e%3cpath fill="#{$bootstrap-custom-control-indicator-checked-color}" d="M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z"/%3e%3c/svg%3e'), '#', '%23') !default; + +// Custom Range +$bootstrap-custom-range-track-width: 100% !default; +$bootstrap-custom-range-track-height: .5rem !default; +$bootstrap-custom-range-track-cursor: pointer !default; +$bootstrap-custom-range-track-bg: $bootstrap-gray-300 !default; +$bootstrap-custom-range-track-border-radius: 1rem !default; +$bootstrap-custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($swal2-black, .1) !default; + +$bootstrap-custom-range-thumb-width: 1rem !default; +$bootstrap-custom-range-thumb-height: $bootstrap-custom-range-thumb-width !default; +$bootstrap-custom-range-thumb-bg: $bootstrap-primary !default; +$bootstrap-custom-range-thumb-border: 0 !default; +$bootstrap-custom-range-thumb-border-radius: 1rem !default; +$bootstrap-custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($swal2-black, .1) !default; +$bootstrap-custom-range-thumb-focus-box-shadow: 0 0 0 1px $swal2-white, $bootstrap-input-focus-box-shadow !default; +$bootstrap-custom-range-thumb-focus-box-shadow-width: $bootstrap-input-focus-width !default; // For focus box shadow issue in IE/Edge +$bootstrap-custom-range-thumb-active-bg: lighten($bootstrap-primary, 35%) !default; +$bootstrap-custom-range-thumb-disabled-bg: $bootstrap-gray-500 !default; + +// Toast +$bootstrap-toast-max-width: 350px !default; +$bootstrap-toast-padding-x: .75rem !default; +$bootstrap-toast-padding-y: .25rem !default; +$bootstrap-toast-font-size: .875rem !default; +$bootstrap-toast-background-color: rgba($swal2-white, .85) !default; +$bootstrap-toast-border-width: 1px !default; +$bootstrap-toast-border-color: rgba(0, 0, 0, .1) !default; +$bootstrap-toast-border-radius: .25rem !default; +$bootstrap-toast-box-shadow: 0 .25rem .75rem rgba($swal2-black, .1) !default; + +// override SASS variables here + +// BOX MODEL +$swal2-padding: 1rem; +$swal2-border-radius: .3rem; + +// BACKDROP +$swal2-backdrop: rgba($swal2-black, .5); +$swal2-backdrop-transition: background-color .15s; + +// ICONS +$swal2-success: $bootstrap-success; +$swal2-error: $bootstrap-danger; +$swal2-warning: $bootstrap-warning; +$swal2-info: $bootstrap-info; +$swal2-question: $bootstrap-secondary; + +// INPUT +$swal2-input-border: $bootstrap-input-border-width solid $bootstrap-input-border-color; +$swal2-input-border-radius: $bootstrap-input-border-radius; +$swal2-input-border-focus: none; +$swal2-input-box-shadow-focus: none; +$swal2-input-font-size: 1rem; +$swal2-input-padding: $bootstrap-input-padding-y $bootstrap-input-padding-x; + +// CLOSE BUTTON +$swal2-close-button-line-height: 1; +$swal2-close-button-color: rgba($swal2-black, .5); +$swal2-close-button-font-size: 1.5rem; + +// CLOSE BUTTON:HOVER +$swal2-close-button-hover-color: $swal2-black; + +// CONFIRM BUTTON +$swal2-confirm-button-background-color: $bootstrap-primary; + +// CANCEL BUTTON +$swal2-cancel-button-background-color: $bootstrap-secondary; + +// COMMON VARIABLES FOR CONFIRM AND CANCEL BUTTONS +$swal2-button-focus-outline: none; + +// TOASTS +$swal2-toast-border: $bootstrap-toast-border-color solid $bootstrap-toast-border-width; +$swal2-toast-box-shadow: $bootstrap-toast-box-shadow; +$swal2-toast-padding: $bootstrap-toast-padding-x $bootstrap-toast-padding-y; +$swal2-toast-title-font-size: $bootstrap-toast-font-size; +$swal2-toast-content-font-size: $bootstrap-toast-font-size; +$swal2-toast-input-font-size: $bootstrap-toast-font-size; +$swal2-toast-validation-font-size: $bootstrap-toast-font-size; +$swal2-toast-buttons-font-size: $bootstrap-toast-font-size; + +@import '~sweetalert2/src/sweetalert2'; + +.swal2-confirm, +.swal2-cancel { + transition: $bootstrap-btn-transition; +} + +.swal2-popup { + padding: 0; + border: $bootstrap-input-border-width solid rgba(0, 0, 0, .2); + + &.swal2-toast { + padding: .25rem .75rem; + font-size: .875rem; + + .swal2-header { + padding: 0; + border-bottom: 0; + } + + .swal2-title { + margin: 0; + color: $bootstrap-gray-600; + } + + .swal2-content { + padding: 0 .5rem; + } + + .swal2-actions { + flex-basis: 0 !important; + margin: 0; + padding: 0; + } + + .swal2-styled { + margin: 0; + } + } +} + +.swal2-header { + padding: 1rem; + border-bottom: $bootstrap-input-border-width solid $bootstrap-input-border-color; +} + +.swal2-title { + margin: 0; + font-size: 1.25rem; +} + +.swal2-content { + padding: 1rem 1rem 0; +} + +.swal2-actions { + padding: 0 0 1rem; + border-radius: $bootstrap-input-border-radius; +} + +.swal2-footer { + padding: 1rem; + border-top: $bootstrap-input-border-width solid $bootstrap-input-border-color; +} + +.swal2-close { + height: auto; + padding: 1rem 1.2rem 1rem 1rem; + font-weight: 700; +} + +.swal2-input, +.swal2-textarea { + height: inherit; + padding: $swal2-input-padding; + transition: $bootstrap-custom-forms-transition; + line-height: $bootstrap-input-line-height; + + &:focus { + border: $bootstrap-input-focus-border; + outline: 0; + box-shadow: $bootstrap-input-focus-box-shadow; + color: $bootstrap-input-color; + } + + &.swal2-inputerror { + box-shadow: none !important; + + &:focus { + border-color: $bootstrap-danger; + box-shadow: 0 0 0 $bootstrap-input-focus-width rgba($bootstrap-danger, .25) !important; + } + } +} + +.swal2-styled { + &.swal2-confirm { + padding: $swal2-input-padding; + border: 1px solid $bootstrap-primary; + font-size: 1rem; + + &:hover { + border-color: darken($bootstrap-primary, 10%); + background-color: darken($bootstrap-primary, 7.5%); + } + + &:focus { + outline: 0; + box-shadow: $bootstrap-input-focus-box-shadow; + } + + &:active { + border-color: darken($bootstrap-primary, 12.5%); + background-color: darken($bootstrap-primary, 10%); + + &:focus { + box-shadow: $bootstrap-input-focus-box-shadow; + } + } + } + + &.swal2-cancel { + padding: $swal2-input-padding; + border: 1px solid $bootstrap-secondary; + font-size: 1rem; + + &:hover { + border-color: darken($bootstrap-secondary, 10%); + background-color: darken($bootstrap-secondary, 7.5%); + } + + &:focus { + outline: 0; + box-shadow: $bootstrap-btn-secondary-focus-box-shadow; + } + + &:active { + border-color: darken($bootstrap-secondary, 12.5%); + background-color: darken($bootstrap-secondary, 10%); + + &:focus { + box-shadow: $bootstrap-btn-secondary-focus-box-shadow; + } + } + } +} + +.swal2-select { + display: inline-block; + width: 100%; + height: $bootstrap-input-height; + padding: .375rem 1.75rem .375rem .75rem; + transition: $bootstrap-custom-forms-transition; + border: $bootstrap-input-border-width solid $bootstrap-input-border-color; + border-radius: $bootstrap-input-border-radius; + background: $bootstrap-custom-select-background; + background-color: $bootstrap-input-bg; + color: $bootstrap-input-color; + vertical-align: middle; + // @include box-shadow($custom-select-box-shadow); + appearance: none; + + &:focus { + border: $bootstrap-input-focus-border; + outline: 0; + box-shadow: $bootstrap-input-focus-box-shadow; + + &::-ms-value { + background-color: $bootstrap-input-bg; + color: $bootstrap-input-color; + } + } + + &[multiple], + &[size]:not([size='1']) { + height: auto; + padding-right: $bootstrap-input-padding-x; + background-image: none; + } + + &:disabled { + background-color: $bootstrap-input-disabled-bg; + color: $bootstrap-input-disabled-color; + } + + &::-ms-expand { + display: none; + } +} + +.swal2-radio { + label { + position: relative; + margin-right: 1rem; + margin-left: 1.5rem; + + input { + position: absolute; + z-index: -1; + opacity: 0; + + &:checked ~ .swal2-label::before { + border-color: $bootstrap-custom-control-indicator-checked-border-color; + background: $bootstrap-custom-control-indicator-checked-bg; + color: $bootstrap-custom-control-indicator-checked-color; + } + + &:focus ~ .swal2-label::before { + box-shadow: $bootstrap-custom-control-indicator-focus-box-shadow; + } + + &:focus:not(:checked) ~ .swal2-label::before { + border-color: $bootstrap-custom-control-indicator-focus-border-color; + } + + &:not(:disabled):active ~ .swal2-label::before { + border-color: $bootstrap-custom-control-indicator-active-border-color; + background-color: $bootstrap-custom-control-indicator-active-bg; + color: $bootstrap-custom-control-indicator-active-color; + } + } + + input:checked ~ .swal2-label::after { + background-image: $bootstrap-custom-radio-indicator-icon-checked; + } + + input:disabled:checked ~ .swal2-label::before { + background-color: $bootstrap-custom-control-indicator-checked-disabled-bg; + } + } + + .swal2-label { + &::before { + content: ''; + display: block; + position: absolute; + top: ($swal2-input-font-size * $bootstrap-input-line-height - $bootstrap-custom-control-indicator-size) / 6; + left: -($bootstrap-custom-control-gutter + $bootstrap-custom-control-indicator-size); + width: $bootstrap-custom-control-indicator-size; + height: $bootstrap-custom-control-indicator-size; + transition: $bootstrap-custom-forms-transition; + border: $bootstrap-custom-control-indicator-border-color solid $bootstrap-custom-control-indicator-border-width; + border-radius: $bootstrap-custom-radio-indicator-border-radius; + background-color: $bootstrap-custom-control-indicator-bg; + pointer-events: none; + } + + &::after { + content: ''; + display: block; + position: absolute; + top: ($swal2-input-font-size * $bootstrap-input-line-height - $bootstrap-custom-control-indicator-size) / 6; + left: -($bootstrap-custom-control-gutter + $bootstrap-custom-control-indicator-size); + width: $bootstrap-custom-control-indicator-size; + height: $bootstrap-custom-control-indicator-size; + transition: $bootstrap-custom-forms-transition; + border: transparent solid $bootstrap-custom-control-indicator-border-width; + background: no-repeat 50% / #{$bootstrap-custom-control-indicator-bg-size}; + } + } +} + +.swal2-checkbox { + margin-right: 1rem; + padding-left: 1.5rem; + + input { + z-index: -1; + opacity: 0; + + &:checked ~ .swal2-label::before { + border-color: $bootstrap-custom-control-indicator-checked-border-color; + background: $bootstrap-custom-control-indicator-checked-bg; + color: $bootstrap-custom-control-indicator-checked-color; + } + + &:focus ~ .swal2-label::before { + box-shadow: $bootstrap-custom-control-indicator-focus-box-shadow; + } + + &:focus:not(:checked) ~ .swal2-label::before { + border-color: $bootstrap-custom-control-indicator-focus-border-color; + } + + &:not(:disabled):active ~ .swal2-label::before { + border-color: $bootstrap-custom-control-indicator-active-border-color; + background-color: $bootstrap-custom-control-indicator-active-bg; + color: $bootstrap-custom-control-indicator-active-color; + } + } + + input:checked ~ .swal2-label::after { + background-image: $bootstrap-custom-checkbox-indicator-icon-checked; + } + + input:disabled:checked ~ .swal2-label::before { + background-color: $bootstrap-custom-control-indicator-checked-disabled-bg; + } + + .swal2-label { + position: relative; + + &::before { + content: ''; + display: block; + position: absolute; + top: ($swal2-input-font-size * $bootstrap-input-line-height - $bootstrap-custom-control-indicator-size) / 2; + left: -($bootstrap-custom-control-gutter + $bootstrap-custom-control-indicator-size); + width: $bootstrap-custom-control-indicator-size; + height: $bootstrap-custom-control-indicator-size; + transition: $bootstrap-custom-forms-transition; + border: $bootstrap-custom-control-indicator-border-color solid $bootstrap-custom-control-indicator-border-width; + background-color: $bootstrap-custom-control-indicator-bg; + pointer-events: none; + } + + &::after { + content: ''; + display: block; + position: absolute; + top: ($swal2-input-font-size * $bootstrap-input-line-height - $bootstrap-custom-control-indicator-size) / 2; + left: -($bootstrap-custom-control-gutter + $bootstrap-custom-control-indicator-size); + width: $bootstrap-custom-control-indicator-size; + height: $bootstrap-custom-control-indicator-size; + transition: $bootstrap-custom-forms-transition; + border: transparent solid $bootstrap-custom-control-indicator-border-width; + background: no-repeat 50% / #{$bootstrap-custom-control-indicator-bg-size}; + } + } +} + +.swal2-range input { + width: 100%; + height: calc(#{$bootstrap-custom-range-thumb-height} + #{$bootstrap-custom-range-thumb-focus-box-shadow-width * 3}); + padding: 0; + background-color: transparent; + appearance: none; + + &:focus { + outline: none; + + &::-webkit-slider-thumb { + box-shadow: $bootstrap-custom-range-thumb-focus-box-shadow; + } + + &::-moz-range-thumb { + box-shadow: $bootstrap-custom-range-thumb-focus-box-shadow; + } + + &::-ms-thumb { + box-shadow: $bootstrap-custom-range-thumb-focus-box-shadow; + } + } + + &::-moz-focus-outer { + border: 0; + } + + &::-webkit-slider-thumb { + width: $bootstrap-custom-range-thumb-width; + height: $bootstrap-custom-range-thumb-height; + margin-top: ($bootstrap-custom-range-track-height - $bootstrap-custom-range-thumb-height) / 2; + transition: $bootstrap-custom-forms-transition; + border: $bootstrap-custom-range-thumb-border; + border-radius: $bootstrap-custom-range-thumb-border-radius; + background: $bootstrap-custom-range-thumb-bg; + box-shadow: $bootstrap-custom-range-thumb-box-shadow; + appearance: none; + + &:active { + background: $bootstrap-custom-range-thumb-active-bg; + } + } + + &::-webkit-slider-runnable-track { + width: $bootstrap-custom-range-track-width; + height: $bootstrap-custom-range-track-height; + border-radius: $bootstrap-custom-range-track-border-radius; + border-color: transparent; + background-color: $bootstrap-custom-range-track-bg; + box-shadow: $bootstrap-custom-range-track-box-shadow; + color: transparent; + cursor: $bootstrap-custom-range-track-cursor; + } + + &::-moz-range-thumb { + width: $bootstrap-custom-range-thumb-width; + height: $bootstrap-custom-range-thumb-height; + margin-top: 1rem; + transition: $bootstrap-custom-forms-transition; + border: $bootstrap-custom-range-thumb-border; + border-radius: $bootstrap-custom-range-thumb-border-radius; + background: $bootstrap-custom-range-thumb-bg; + box-shadow: $bootstrap-custom-range-thumb-box-shadow; + appearance: none; + + &:active { + background: $bootstrap-custom-range-thumb-active-bg; + } + } + + &::-moz-range-track { + width: $bootstrap-custom-range-track-width; + height: $bootstrap-custom-range-track-height; + border-radius: $bootstrap-custom-range-track-border-radius; + border-color: transparent; + background-color: $bootstrap-custom-range-track-bg; + box-shadow: $bootstrap-custom-range-track-box-shadow; + color: transparent; + cursor: $bootstrap-custom-range-track-cursor; + } + + &::-ms-thumb { + width: $bootstrap-custom-range-thumb-width; + height: $bootstrap-custom-range-thumb-height; + margin-top: 0; + margin-right: $bootstrap-custom-range-thumb-focus-box-shadow-width; + margin-left: $bootstrap-custom-range-thumb-focus-box-shadow-width; + transition: $bootstrap-custom-forms-transition; + border: $bootstrap-custom-range-thumb-border; + border-radius: $bootstrap-custom-range-thumb-border-radius; + background: $bootstrap-custom-range-thumb-bg; + box-shadow: $bootstrap-custom-range-thumb-box-shadow; + appearance: none; + + &:active { + background: $bootstrap-custom-range-thumb-active-bg; + } + } + + &::-ms-track { + width: $bootstrap-custom-range-track-width; + height: $bootstrap-custom-range-track-height; + border-width: $bootstrap-custom-range-thumb-height / 2; + border-color: transparent; + background-color: transparent; + box-shadow: $bootstrap-custom-range-track-box-shadow; + color: transparent; + cursor: $bootstrap-custom-range-track-cursor; + } + + &::-ms-fill-lower { + border-radius: $bootstrap-custom-range-track-border-radius; + background-color: $bootstrap-custom-range-track-bg; + } + + &::-ms-fill-upper { + margin-right: 15px; + border-radius: $bootstrap-custom-range-track-border-radius; + background-color: $bootstrap-custom-range-track-bg; + } + + &:disabled { + &::-webkit-slider-thumb { + background-color: $bootstrap-custom-range-thumb-disabled-bg; + } + + &::-webkit-slider-runnable-track { + cursor: default; + } + + &::-moz-range-thumb { + background-color: $bootstrap-custom-range-thumb-disabled-bg; + } + + &::-moz-range-track { + cursor: default; + } + + &::-ms-thumb { + background-color: $bootstrap-custom-range-thumb-disabled-bg; + } + } +} + +.swal2-validation-message { + position: relative; + margin-bottom: $bootstrap-alert-margin-bottom; + padding: $bootstrap-alert-padding-y $bootstrap-alert-padding-x; + border: $bootstrap-alert-border-width solid transparent; + border-radius: $bootstrap-alert-border-radius; + border-color: $bootstrap-alert-border-color; + background: $bootstrap-alert-background; + color: $bootstrap-alert-color; + font-size: $bootstrap-alert-font-size; + + &::before { + background-color: lighten($bootstrap-danger, 10%); + } +} + +.swal2-toast { + max-width: $bootstrap-toast-max-width; + border-radius: $bootstrap-toast-border-radius; + background-color: $bootstrap-toast-background-color; +} + +// diff --git a/plugins/sweetalert2-theme-bootstrap-4/package.json b/plugins/sweetalert2-theme-bootstrap-4/package.json new file mode 100644 index 000000000..aeefba5cf --- /dev/null +++ b/plugins/sweetalert2-theme-bootstrap-4/package.json @@ -0,0 +1,55 @@ +{ + "_from": "@sweetalert2/theme-bootstrap-4", + "_id": "@sweetalert2/theme-bootstrap-4@2.1.0", + "_inBundle": false, + "_integrity": "sha512-Ji33Ixo45EjGrGUX0Z+RqsI0X45r3NW464MigYhA9olUy4uOlwfTkumKpeudrY+tMZYDM2OP0LR9ndHBcyArbw==", + "_location": "/@sweetalert2/theme-bootstrap-4", + "_phantomChildren": {}, + "_requested": { + "type": "tag", + "registry": true, + "raw": "@sweetalert2/theme-bootstrap-4", + "name": "@sweetalert2/theme-bootstrap-4", + "escapedName": "@sweetalert2%2ftheme-bootstrap-4", + "scope": "@sweetalert2", + "rawSpec": "", + "saveSpec": null, + "fetchSpec": "latest" + }, + "_requiredBy": [ + "#USER", + "/" + ], + "_resolved": "https://registry.npmjs.org/@sweetalert2/theme-bootstrap-4/-/theme-bootstrap-4-2.1.0.tgz", + "_shasum": "e409b0d043bc1ed1bd47925c7571949b0cdaa3d0", + "_spec": "@sweetalert2/theme-bootstrap-4", + "_where": "/Users/rejack/Projekte/GitHub/REJack/AdminLTE", + "author": "", + "bugs": { + "url": "https://github.com/sweetalert2/sweetalert2-themes/issues" + }, + "bundleDependencies": false, + "deprecated": false, + "description": "Bootstrap 4 theme for SweetAlert2", + "files": [ + "*.css", + "*.scss" + ], + "homepage": "https://sweetalert2.github.io/", + "keywords": [ + "sweetalert2", + "bootstrap-4", + "theme", + "themes", + "theming", + "sass" + ], + "license": "MIT", + "main": "bootstrap-4.css", + "name": "@sweetalert2/theme-bootstrap-4", + "repository": { + "type": "git", + "url": "git+https://github.com/sweetalert2/sweetalert2-themes.git" + }, + "version": "2.1.0" +} diff --git a/plugins/sweetalert2/sweetalert2.all.js b/plugins/sweetalert2/sweetalert2.all.js index f3e9d2f88..277b80726 100644 --- a/plugins/sweetalert2/sweetalert2.all.js +++ b/plugins/sweetalert2/sweetalert2.all.js @@ -1,5 +1,5 @@ /*! -* sweetalert2 v8.12.1 +* sweetalert2 v8.16.2 * Released under the MIT License. */ (function (global, factory) { @@ -487,7 +487,9 @@ var getFooter = function getFooter() { }; var getCloseButton = function getCloseButton() { return elementByClass(swalClasses.close); -}; +}; // https://github.com/jkup/focusable/blob/master/index.js + +var focusable = "\n a[href],\n area[href],\n input:not([disabled]),\n select:not([disabled]),\n textarea:not([disabled]),\n button:not([disabled]),\n iframe,\n object,\n embed,\n [tabindex=\"0\"],\n [contenteditable],\n audio[controls],\n video[controls],\n summary\n"; var getFocusableElements = function getFocusableElements() { var focusableElementsWithTabindex = toArray(getPopup().querySelectorAll('[tabindex]:not([tabindex="-1"]):not([tabindex="0"])')) // sort according to tabindex .sort(function (a, b) { @@ -501,9 +503,8 @@ var getFocusableElements = function getFocusableElements() { } return 0; - }); // https://github.com/jkup/focusable/blob/master/index.js - - var otherFocusableElements = toArray(getPopup().querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable], audio[controls], video[controls]')).filter(function (el) { + }); + var otherFocusableElements = toArray(getPopup().querySelectorAll(focusable)).filter(function (el) { return el.getAttribute('tabindex') !== '-1'; }); return uniqueArray(focusableElementsWithTabindex.concat(otherFocusableElements)).filter(function (el) { @@ -525,7 +526,7 @@ var isNodeEnv = function isNodeEnv() { return typeof window === 'undefined' || typeof document === 'undefined'; }; -var sweetHTML = "\n