12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196 |
- ;(function(window, document, undefined) {
- "use strict";
- (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
- 'use strict';
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- var defaultParams = {
- title: '',
- text: '',
- type: null,
- allowOutsideClick: false,
- showConfirmButton: true,
- showCancelButton: false,
- closeOnConfirm: true,
- closeOnCancel: true,
- confirmButtonText: 'OK',
- confirmButtonClass: 'btn-primary',
- cancelButtonText: 'Cancel',
- cancelButtonClass: 'btn-default',
- containerClass: '',
- titleClass: '',
- textClass: '',
- imageUrl: null,
- imageSize: null,
- timer: null,
- customClass: '',
- html: false,
- animation: true,
- allowEscapeKey: true,
- inputType: 'text',
- inputPlaceholder: '',
- inputValue: '',
- showLoaderOnConfirm: false
- };
- exports.default = defaultParams;
- },{}],2:[function(require,module,exports){
- 'use strict';
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.handleCancel = exports.handleConfirm = exports.handleButton = undefined;
- var _handleSwalDom = require('./handle-swal-dom');
- var _handleDom = require('./handle-dom');
- /*
- * User clicked on "Confirm"/"OK" or "Cancel"
- */
- var handleButton = function handleButton(event, params, modal) {
- var e = event || window.event;
- var target = e.target || e.srcElement;
- var targetedConfirm = target.className.indexOf('confirm') !== -1;
- var targetedOverlay = target.className.indexOf('sweet-overlay') !== -1;
- var modalIsVisible = (0, _handleDom.hasClass)(modal, 'visible');
- var doneFunctionExists = params.doneFunction && modal.getAttribute('data-has-done-function') === 'true';
- // Since the user can change the background-color of the confirm button programmatically,
- // we must calculate what the color should be on hover/active
- var normalColor, hoverColor, activeColor;
- if (targetedConfirm && params.confirmButtonColor) {
- normalColor = params.confirmButtonColor;
- hoverColor = colorLuminance(normalColor, -0.04);
- activeColor = colorLuminance(normalColor, -0.14);
- }
- function shouldSetConfirmButtonColor(color) {
- if (targetedConfirm && params.confirmButtonColor) {
- target.style.backgroundColor = color;
- }
- }
- switch (e.type) {
- case 'click':
- var clickedOnModal = modal === target;
- var clickedOnModalChild = (0, _handleDom.isDescendant)(modal, target);
- // Ignore click outside if allowOutsideClick is false
- if (!clickedOnModal && !clickedOnModalChild && modalIsVisible && !params.allowOutsideClick) {
- break;
- }
- if (targetedConfirm && doneFunctionExists && modalIsVisible) {
- handleConfirm(modal, params);
- } else if (doneFunctionExists && modalIsVisible || targetedOverlay) {
- handleCancel(modal, params);
- } else if ((0, _handleDom.isDescendant)(modal, target) && target.tagName === 'BUTTON') {
- sweetAlert.close();
- }
- break;
- }
- };
- /*
- * User clicked on "Confirm"/"OK"
- */
- var handleConfirm = function handleConfirm(modal, params) {
- var callbackValue = true;
- if ((0, _handleDom.hasClass)(modal, 'show-input')) {
- callbackValue = modal.querySelector('input').value;
- if (!callbackValue) {
- callbackValue = '';
- }
- }
- params.doneFunction(callbackValue);
- if (params.closeOnConfirm) {
- sweetAlert.close();
- }
- // Disable cancel and confirm button if the parameter is true
- if (params.showLoaderOnConfirm) {
- sweetAlert.disableButtons();
- }
- };
- /*
- * User clicked on "Cancel"
- */
- var handleCancel = function handleCancel(modal, params) {
- // Check if callback function expects a parameter (to track cancel actions)
- var functionAsStr = String(params.doneFunction).replace(/\s/g, '');
- var functionHandlesCancel = functionAsStr.substring(0, 9) === 'function(' && functionAsStr.substring(9, 10) !== ')';
- if (functionHandlesCancel) {
- params.doneFunction(false);
- }
- if (params.closeOnCancel) {
- sweetAlert.close();
- }
- };
- exports.handleButton = handleButton;
- exports.handleConfirm = handleConfirm;
- exports.handleCancel = handleCancel;
- },{"./handle-dom":3,"./handle-swal-dom":5}],3:[function(require,module,exports){
- 'use strict';
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- var hasClass = function hasClass(elem, className) {
- return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' ');
- };
- var addClass = function addClass(elem, className) {
- if (!hasClass(elem, className)) {
- elem.className += ' ' + className;
- }
- };
- var removeClass = function removeClass(elem, className) {
- var newClass = ' ' + elem.className.replace(/[\t\r\n]/g, ' ') + ' ';
- if (hasClass(elem, className)) {
- while (newClass.indexOf(' ' + className + ' ') >= 0) {
- newClass = newClass.replace(' ' + className + ' ', ' ');
- }
- elem.className = newClass.replace(/^\s+|\s+$/g, '');
- }
- };
- var escapeHtml = function escapeHtml(str) {
- var div = document.createElement('div');
- div.appendChild(document.createTextNode(str));
- return div.innerHTML;
- };
- var _show = function _show(elem) {
- elem.style.opacity = '';
- elem.style.display = 'block';
- };
- var show = function show(elems) {
- if (elems && !elems.length) {
- return _show(elems);
- }
- for (var i = 0; i < elems.length; ++i) {
- _show(elems[i]);
- }
- };
- var _hide = function _hide(elem) {
- elem.style.opacity = '';
- elem.style.display = 'none';
- };
- var hide = function hide(elems) {
- if (elems && !elems.length) {
- return _hide(elems);
- }
- for (var i = 0; i < elems.length; ++i) {
- _hide(elems[i]);
- }
- };
- var isDescendant = function isDescendant(parent, child) {
- var node = child.parentNode;
- while (node !== null) {
- if (node === parent) {
- return true;
- }
- node = node.parentNode;
- }
- return false;
- };
- var getTopMargin = function getTopMargin(elem) {
- elem.style.left = '-9999px';
- elem.style.display = 'block';
- var height = elem.clientHeight,
- padding;
- if (typeof getComputedStyle !== "undefined") {
- // IE 8
- padding = parseInt(getComputedStyle(elem).getPropertyValue('padding-top'), 10);
- } else {
- padding = parseInt(elem.currentStyle.padding);
- }
- elem.style.left = '';
- elem.style.display = 'none';
- return '-' + parseInt((height + padding) / 2) + 'px';
- };
- var fadeIn = function fadeIn(elem, interval) {
- if (+elem.style.opacity < 1) {
- interval = interval || 16;
- elem.style.opacity = 0;
- elem.style.display = 'block';
- var last = +new Date();
- var tick = function tick() {
- elem.style.opacity = +elem.style.opacity + (new Date() - last) / 100;
- last = +new Date();
- if (+elem.style.opacity < 1) {
- setTimeout(tick, interval);
- }
- };
- tick();
- }
- elem.style.display = 'block'; //fallback IE8
- };
- var fadeOut = function fadeOut(elem, interval) {
- interval = interval || 16;
- elem.style.opacity = 1;
- var last = +new Date();
- var tick = function tick() {
- elem.style.opacity = +elem.style.opacity - (new Date() - last) / 100;
- last = +new Date();
- if (+elem.style.opacity > 0) {
- setTimeout(tick, interval);
- } else {
- elem.style.display = 'none';
- }
- };
- tick();
- };
- var fireClick = function fireClick(node) {
- // Taken from http://www.nonobtrusive.com/2011/11/29/programatically-fire-crossbrowser-click-event-with-javascript/
- // Then fixed for today's Chrome browser.
- if (typeof MouseEvent === 'function') {
- // Up-to-date approach
- var mevt = new MouseEvent('click', {
- view: window,
- bubbles: false,
- cancelable: true
- });
- node.dispatchEvent(mevt);
- } else if (document.createEvent) {
- // Fallback
- var evt = document.createEvent('MouseEvents');
- evt.initEvent('click', false, false);
- node.dispatchEvent(evt);
- } else if (document.createEventObject) {
- node.fireEvent('onclick');
- } else if (typeof node.onclick === 'function') {
- node.onclick();
- }
- };
- var stopEventPropagation = function stopEventPropagation(e) {
- // In particular, make sure the space bar doesn't scroll the main window.
- if (typeof e.stopPropagation === 'function') {
- e.stopPropagation();
- e.preventDefault();
- } else if (window.event && window.event.hasOwnProperty('cancelBubble')) {
- window.event.cancelBubble = true;
- }
- };
- exports.hasClass = hasClass;
- exports.addClass = addClass;
- exports.removeClass = removeClass;
- exports.escapeHtml = escapeHtml;
- exports._show = _show;
- exports.show = show;
- exports._hide = _hide;
- exports.hide = hide;
- exports.isDescendant = isDescendant;
- exports.getTopMargin = getTopMargin;
- exports.fadeIn = fadeIn;
- exports.fadeOut = fadeOut;
- exports.fireClick = fireClick;
- exports.stopEventPropagation = stopEventPropagation;
- },{}],4:[function(require,module,exports){
- 'use strict';
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- var _handleDom = require('./handle-dom');
- var _handleSwalDom = require('./handle-swal-dom');
- var handleKeyDown = function handleKeyDown(event, params, modal) {
- var e = event || window.event;
- var keyCode = e.keyCode || e.which;
- var $okButton = modal.querySelector('button.confirm');
- var $cancelButton = modal.querySelector('button.cancel');
- var $modalButtons = modal.querySelectorAll('button[tabindex]');
- if ([9, 13, 32, 27].indexOf(keyCode) === -1) {
- // Don't do work on keys we don't care about.
- return;
- }
- var $targetElement = e.target || e.srcElement;
- var btnIndex = -1; // Find the button - note, this is a nodelist, not an array.
- for (var i = 0; i < $modalButtons.length; i++) {
- if ($targetElement === $modalButtons[i]) {
- btnIndex = i;
- break;
- }
- }
- if (keyCode === 9) {
- // TAB
- if (btnIndex === -1) {
- // No button focused. Jump to the confirm button.
- $targetElement = $okButton;
- } else {
- // Cycle to the next button
- if (btnIndex === $modalButtons.length - 1) {
- $targetElement = $modalButtons[0];
- } else {
- $targetElement = $modalButtons[btnIndex + 1];
- }
- }
- (0, _handleDom.stopEventPropagation)(e);
- $targetElement.focus();
- if (params.confirmButtonColor) {
- (0, _handleSwalDom.setFocusStyle)($targetElement, params.confirmButtonColor);
- }
- } else {
- if (keyCode === 13) {
- if ($targetElement.tagName === 'INPUT') {
- $targetElement = $okButton;
- $okButton.focus();
- }
- if (btnIndex === -1) {
- // ENTER/SPACE clicked outside of a button.
- $targetElement = $okButton;
- } else {
- // Do nothing - let the browser handle it.
- $targetElement = undefined;
- }
- } else if (keyCode === 27 && params.allowEscapeKey === true) {
- $targetElement = $cancelButton;
- (0, _handleDom.fireClick)($targetElement, e);
- } else {
- // Fallback - let the browser handle it.
- $targetElement = undefined;
- }
- }
- };
- exports.default = handleKeyDown;
- },{"./handle-dom":3,"./handle-swal-dom":5}],5:[function(require,module,exports){
- 'use strict';
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.fixVerticalPosition = exports.resetInputError = exports.resetInput = exports.openModal = exports.getInput = exports.getOverlay = exports.getModal = exports.sweetAlertInitialize = undefined;
- var _handleDom = require('./handle-dom');
- var _defaultParams = require('./default-params');
- var _defaultParams2 = _interopRequireDefault(_defaultParams);
- var _injectedHtml = require('./injected-html');
- var _injectedHtml2 = _interopRequireDefault(_injectedHtml);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var modalClass = '.sweet-alert';
- var overlayClass = '.sweet-overlay';
- /*
- * Add modal + overlay to DOM
- */
- var sweetAlertInitialize = function sweetAlertInitialize() {
- var sweetWrap = document.createElement('div');
- sweetWrap.innerHTML = _injectedHtml2.default;
- // Append elements to body
- while (sweetWrap.firstChild) {
- document.body.appendChild(sweetWrap.firstChild);
- }
- };
- /*
- * Get DOM element of modal
- */
- var getModal = function getModal() {
- var $modal = document.querySelector(modalClass);
- if (!$modal) {
- sweetAlertInitialize();
- $modal = getModal();
- }
- return $modal;
- };
- /*
- * Get DOM element of input (in modal)
- */
- var getInput = function getInput() {
- var $modal = getModal();
- if ($modal) {
- return $modal.querySelector('input');
- }
- };
- /*
- * Get DOM element of overlay
- */
- var getOverlay = function getOverlay() {
- return document.querySelector(overlayClass);
- };
- /*
- * Animation when opening modal
- */
- var openModal = function openModal(callback) {
- var $modal = getModal();
- (0, _handleDom.fadeIn)(getOverlay(), 10);
- (0, _handleDom.show)($modal);
- (0, _handleDom.addClass)($modal, 'showSweetAlert');
- (0, _handleDom.removeClass)($modal, 'hideSweetAlert');
- window.previousActiveElement = document.activeElement;
- var $okButton = $modal.querySelector('button.confirm');
- $okButton.focus();
- setTimeout(function () {
- (0, _handleDom.addClass)($modal, 'visible');
- }, 500);
- var timer = $modal.getAttribute('data-timer');
- if (timer !== 'null' && timer !== '') {
- var timerCallback = callback;
- $modal.timeout = setTimeout(function () {
- var doneFunctionExists = (timerCallback || null) && $modal.getAttribute('data-has-done-function') === 'true';
- if (doneFunctionExists) {
- timerCallback(null);
- } else {
- sweetAlert.close();
- }
- }, timer);
- }
- };
- /*
- * Reset the styling of the input
- * (for example if errors have been shown)
- */
- var resetInput = function resetInput() {
- var $modal = getModal();
- var $input = getInput();
- (0, _handleDom.removeClass)($modal, 'show-input');
- $input.value = _defaultParams2.default.inputValue;
- $input.setAttribute('type', _defaultParams2.default.inputType);
- $input.setAttribute('placeholder', _defaultParams2.default.inputPlaceholder);
- resetInputError();
- };
- var resetInputError = function resetInputError(event) {
- // If press enter => ignore
- if (event && event.keyCode === 13) {
- return false;
- }
- var $modal = getModal();
- var $errorIcon = $modal.querySelector('.sa-input-error');
- (0, _handleDom.removeClass)($errorIcon, 'show');
- var $errorContainer = $modal.querySelector('.form-group');
- (0, _handleDom.removeClass)($errorContainer, 'has-error');
- };
- /*
- * Set "margin-top"-property on modal based on its computed height
- */
- var fixVerticalPosition = function fixVerticalPosition() {
- var $modal = getModal();
- $modal.style.marginTop = (0, _handleDom.getTopMargin)(getModal());
- };
- exports.sweetAlertInitialize = sweetAlertInitialize;
- exports.getModal = getModal;
- exports.getOverlay = getOverlay;
- exports.getInput = getInput;
- exports.openModal = openModal;
- exports.resetInput = resetInput;
- exports.resetInputError = resetInputError;
- exports.fixVerticalPosition = fixVerticalPosition;
- },{"./default-params":1,"./handle-dom":3,"./injected-html":6}],6:[function(require,module,exports){
- "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- var injectedHTML =
- // Dark overlay
- "<div class=\"sweet-overlay\" tabIndex=\"-1\"></div>" +
- // Modal
- "<div class=\"sweet-alert\" tabIndex=\"-1\">" +
- // Error icon
- "<div class=\"sa-icon sa-error\">\n <span class=\"sa-x-mark\">\n <span class=\"sa-line sa-left\"></span>\n <span class=\"sa-line sa-right\"></span>\n </span>\n </div>" +
- // Warning icon
- "<div class=\"sa-icon sa-warning\">\n <span class=\"sa-body\"></span>\n <span class=\"sa-dot\"></span>\n </div>" +
- // Info icon
- "<div class=\"sa-icon sa-info\"></div>" +
- // Success icon
- "<div class=\"sa-icon sa-success\">\n <span class=\"sa-line sa-tip\"></span>\n <span class=\"sa-line sa-long\"></span>\n\n <div class=\"sa-placeholder\"></div>\n <div class=\"sa-fix\"></div>\n </div>" + "<div class=\"sa-icon sa-custom\"></div>" +
- // Title, text and input
- "<h2>Title</h2>\n <p class=\"lead text-muted\">Text</p>\n <div class=\"form-group\">\n <input type=\"text\" class=\"form-control\" tabIndex=\"3\" />\n <span class=\"sa-input-error help-block\">\n <span class=\"glyphicon glyphicon-exclamation-sign\"></span> <span class=\"sa-help-text\">Not valid</span>\n </span>\n </div>" +
- // Cancel and confirm buttons
- "<div class=\"sa-button-container\">\n <button class=\"cancel btn btn-lg\" tabIndex=\"2\">Cancel</button>\n <div class=\"sa-confirm-button-container\">\n <button class=\"confirm btn btn-lg\" tabIndex=\"1\">OK</button>" +
- // Loading animation
- "<div class=\"la-ball-fall\">\n <div></div>\n <div></div>\n <div></div>\n </div>\n </div>\n </div>" +
- // End of modal
- "</div>";
- exports.default = injectedHTML;
- },{}],7:[function(require,module,exports){
- 'use strict';
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
- var _utils = require('./utils');
- var _handleSwalDom = require('./handle-swal-dom');
- var _handleDom = require('./handle-dom');
- var alertTypes = ['error', 'warning', 'info', 'success', 'input', 'prompt'];
- /*
- * Set type, text and actions on modal
- */
- var setParameters = function setParameters(params) {
- var modal = (0, _handleSwalDom.getModal)();
- var $title = modal.querySelector('h2');
- var $text = modal.querySelector('p');
- var $cancelBtn = modal.querySelector('button.cancel');
- var $confirmBtn = modal.querySelector('button.confirm');
- /*
- * Title
- */
- $title.innerHTML = params.html ? params.title : (0, _handleDom.escapeHtml)(params.title).split('\n').join('<br>');
- /*
- * Text
- */
- $text.innerHTML = params.html ? params.text : (0, _handleDom.escapeHtml)(params.text || '').split('\n').join('<br>');
- if (params.text) (0, _handleDom.show)($text);
- /*
- * Custom class
- */
- if (params.customClass) {
- (0, _handleDom.addClass)(modal, params.customClass);
- modal.setAttribute('data-custom-class', params.customClass);
- } else {
- // Find previously set classes and remove them
- var customClass = modal.getAttribute('data-custom-class');
- (0, _handleDom.removeClass)(modal, customClass);
- modal.setAttribute('data-custom-class', '');
- }
- /*
- * Icon
- */
- (0, _handleDom.hide)(modal.querySelectorAll('.sa-icon'));
- if (params.type && !(0, _utils.isIE8)()) {
- var _ret = function () {
- var validType = false;
- for (var i = 0; i < alertTypes.length; i++) {
- if (params.type === alertTypes[i]) {
- validType = true;
- break;
- }
- }
- if (!validType) {
- logStr('Unknown alert type: ' + params.type);
- return {
- v: false
- };
- }
- var typesWithIcons = ['success', 'error', 'warning', 'info'];
- var $icon = void 0;
- if (typesWithIcons.indexOf(params.type) !== -1) {
- $icon = modal.querySelector('.sa-icon.' + 'sa-' + params.type);
- (0, _handleDom.show)($icon);
- }
- var $input = (0, _handleSwalDom.getInput)();
- // Animate icon
- switch (params.type) {
- case 'success':
- (0, _handleDom.addClass)($icon, 'animate');
- (0, _handleDom.addClass)($icon.querySelector('.sa-tip'), 'animateSuccessTip');
- (0, _handleDom.addClass)($icon.querySelector('.sa-long'), 'animateSuccessLong');
- break;
- case 'error':
- (0, _handleDom.addClass)($icon, 'animateErrorIcon');
- (0, _handleDom.addClass)($icon.querySelector('.sa-x-mark'), 'animateXMark');
- break;
- case 'warning':
- (0, _handleDom.addClass)($icon, 'pulseWarning');
- (0, _handleDom.addClass)($icon.querySelector('.sa-body'), 'pulseWarningIns');
- (0, _handleDom.addClass)($icon.querySelector('.sa-dot'), 'pulseWarningIns');
- break;
- case 'input':
- case 'prompt':
- $input.setAttribute('type', params.inputType);
- $input.value = params.inputValue;
- $input.setAttribute('placeholder', params.inputPlaceholder);
- (0, _handleDom.addClass)(modal, 'show-input');
- setTimeout(function () {
- $input.focus();
- $input.addEventListener('keyup', swal.resetInputError);
- }, 400);
- break;
- }
- }();
- if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === "object") return _ret.v;
- }
- /*
- * Custom image
- */
- if (params.imageUrl) {
- var $customIcon = modal.querySelector('.sa-icon.sa-custom');
- $customIcon.style.backgroundImage = 'url(' + params.imageUrl + ')';
- (0, _handleDom.show)($customIcon);
- var _imgWidth = 80;
- var _imgHeight = 80;
- if (params.imageSize) {
- var dimensions = params.imageSize.toString().split('x');
- var imgWidth = dimensions[0];
- var imgHeight = dimensions[1];
- if (!imgWidth || !imgHeight) {
- logStr('Parameter imageSize expects value with format WIDTHxHEIGHT, got ' + params.imageSize);
- } else {
- _imgWidth = imgWidth;
- _imgHeight = imgHeight;
- }
- }
- $customIcon.setAttribute('style', $customIcon.getAttribute('style') + 'width:' + _imgWidth + 'px; height:' + _imgHeight + 'px');
- }
- /*
- * Show cancel button?
- */
- modal.setAttribute('data-has-cancel-button', params.showCancelButton);
- if (params.showCancelButton) {
- $cancelBtn.style.display = 'inline-block';
- } else {
- (0, _handleDom.hide)($cancelBtn);
- }
- /*
- * Show confirm button?
- */
- modal.setAttribute('data-has-confirm-button', params.showConfirmButton);
- if (params.showConfirmButton) {
- $confirmBtn.style.display = 'inline-block';
- } else {
- (0, _handleDom.hide)($confirmBtn);
- }
- /*
- * Custom text on cancel/confirm buttons
- */
- if (params.cancelButtonText) {
- $cancelBtn.innerHTML = (0, _handleDom.escapeHtml)(params.cancelButtonText);
- }
- if (params.confirmButtonText) {
- $confirmBtn.innerHTML = (0, _handleDom.escapeHtml)(params.confirmButtonText);
- }
- /*
- * Reset confirm buttons to default class (Ugly fix)
- */
- $confirmBtn.className = 'confirm btn btn-lg';
- /*
- * Attach selected class to the sweet alert modal
- */
- (0, _handleDom.addClass)(modal, params.containerClass);
- /*
- * Set confirm button to selected class
- */
- (0, _handleDom.addClass)($confirmBtn, params.confirmButtonClass);
- /*
- * Set cancel button to selected class
- */
- (0, _handleDom.addClass)($cancelBtn, params.cancelButtonClass);
- /*
- * Set title to selected class
- */
- (0, _handleDom.addClass)($title, params.titleClass);
- /*
- * Set text to selected class
- */
- (0, _handleDom.addClass)($text, params.textClass);
- /*
- * Allow outside click
- */
- modal.setAttribute('data-allow-outside-click', params.allowOutsideClick);
- /*
- * Callback function
- */
- var hasDoneFunction = params.doneFunction ? true : false;
- modal.setAttribute('data-has-done-function', hasDoneFunction);
- /*
- * Animation
- */
- if (!params.animation) {
- modal.setAttribute('data-animation', 'none');
- } else if (typeof params.animation === 'string') {
- modal.setAttribute('data-animation', params.animation); // Custom animation
- } else {
- modal.setAttribute('data-animation', 'pop');
- }
- /*
- * Timer
- */
- modal.setAttribute('data-timer', params.timer);
- };
- exports.default = setParameters;
- },{"./handle-dom":3,"./handle-swal-dom":5,"./utils":8}],8:[function(require,module,exports){
- 'use strict';
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- /*
- * Allow user to pass their own params
- */
- var extend = function extend(a, b) {
- for (var key in b) {
- if (b.hasOwnProperty(key)) {
- a[key] = b[key];
- }
- }
- return a;
- };
- /*
- * Check if the user is using Internet Explorer 8 (for fallbacks)
- */
- var isIE8 = function isIE8() {
- return window.attachEvent && !window.addEventListener;
- };
- /*
- * IE compatible logging for developers
- */
- var logStr = function logStr(string) {
- if (window.console) {
- // IE...
- window.console.log('SweetAlert: ' + string);
- }
- };
- exports.extend = extend;
- exports.isIE8 = isIE8;
- exports.logStr = logStr;
- },{}],9:[function(require,module,exports){
- 'use strict';
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; }; // SweetAlert
- // 2014-2015 (c) - Tristan Edwards
- // github.com/t4t5/sweetalert
- /*
- * jQuery-like functions for manipulating the DOM
- */
- /*
- * Handy utilities
- */
- /*
- * Handle sweetAlert's DOM elements
- */
- // Handle button events and keyboard events
- // Default values
- var _handleDom = require('./modules/handle-dom');
- var _utils = require('./modules/utils');
- var _handleSwalDom = require('./modules/handle-swal-dom');
- var _handleClick = require('./modules/handle-click');
- var _handleKey = require('./modules/handle-key');
- var _handleKey2 = _interopRequireDefault(_handleKey);
- var _defaultParams = require('./modules/default-params');
- var _defaultParams2 = _interopRequireDefault(_defaultParams);
- var _setParams = require('./modules/set-params');
- var _setParams2 = _interopRequireDefault(_setParams);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /*
- * Remember state in cases where opening and handling a modal will fiddle with it.
- * (We also use window.previousActiveElement as a global variable)
- */
- var previousWindowKeyDown;
- var lastFocusedButton;
- /*
- * Global sweetAlert function
- * (this is what the user calls)
- */
- var sweetAlert, _swal;
- exports.default = sweetAlert = _swal = function swal() {
- var customizations = arguments[0];
- (0, _handleDom.addClass)(document.body, 'stop-scrolling');
- (0, _handleSwalDom.resetInput)();
- /*
- * Use argument if defined or default value from params object otherwise.
- * Supports the case where a default value is boolean true and should be
- * overridden by a corresponding explicit argument which is boolean false.
- */
- function argumentOrDefault(key) {
- var args = customizations;
- return args[key] === undefined ? _defaultParams2.default[key] : args[key];
- }
- if (customizations === undefined) {
- (0, _utils.logStr)('SweetAlert expects at least 1 attribute!');
- return false;
- }
- var params = (0, _utils.extend)({}, _defaultParams2.default);
- switch (typeof customizations === 'undefined' ? 'undefined' : _typeof(customizations)) {
- // Ex: swal("Hello", "Just testing", "info");
- case 'string':
- params.title = customizations;
- params.text = arguments[1] || '';
- params.type = arguments[2] || '';
- break;
- // Ex: swal({ title:"Hello", text: "Just testing", type: "info" });
- case 'object':
- if (customizations.title === undefined) {
- (0, _utils.logStr)('Missing "title" argument!');
- return false;
- }
- params.title = customizations.title;
- for (var customName in _defaultParams2.default) {
- params[customName] = argumentOrDefault(customName);
- }
- // Show "Confirm" instead of "OK" if cancel button is visible
- params.confirmButtonText = params.showCancelButton ? 'Confirm' : _defaultParams2.default.confirmButtonText;
- params.confirmButtonText = argumentOrDefault('confirmButtonText');
- // Callback function when clicking on "OK"/"Cancel"
- params.doneFunction = arguments[1] || null;
- break;
- default:
- (0, _utils.logStr)('Unexpected type of argument! Expected "string" or "object", got ' + (typeof customizations === 'undefined' ? 'undefined' : _typeof(customizations)));
- return false;
- }
- (0, _setParams2.default)(params);
- (0, _handleSwalDom.fixVerticalPosition)();
- (0, _handleSwalDom.openModal)(arguments[1]);
- // Modal interactions
- var modal = (0, _handleSwalDom.getModal)();
- /*
- * Make sure all modal buttons respond to all events
- */
- var $buttons = modal.querySelectorAll('button');
- var buttonEvents = ['onclick'];
- var onButtonEvent = function onButtonEvent(e) {
- return (0, _handleClick.handleButton)(e, params, modal);
- };
- for (var btnIndex = 0; btnIndex < $buttons.length; btnIndex++) {
- for (var evtIndex = 0; evtIndex < buttonEvents.length; evtIndex++) {
- var btnEvt = buttonEvents[evtIndex];
- $buttons[btnIndex][btnEvt] = onButtonEvent;
- }
- }
- // Clicking outside the modal dismisses it (if allowed by user)
- (0, _handleSwalDom.getOverlay)().onclick = onButtonEvent;
- previousWindowKeyDown = window.onkeydown;
- var onKeyEvent = function onKeyEvent(e) {
- return (0, _handleKey2.default)(e, params, modal);
- };
- window.onkeydown = onKeyEvent;
- window.onfocus = function () {
- // When the user has focused away and focused back from the whole window.
- setTimeout(function () {
- // Put in a timeout to jump out of the event sequence.
- // Calling focus() in the event sequence confuses things.
- if (lastFocusedButton !== undefined) {
- lastFocusedButton.focus();
- lastFocusedButton = undefined;
- }
- }, 0);
- };
- // Show alert with enabled buttons always
- _swal.enableButtons();
- };
- /*
- * Set default params for each popup
- * @param {Object} userParams
- */
- sweetAlert.setDefaults = _swal.setDefaults = function (userParams) {
- if (!userParams) {
- throw new Error('userParams is required');
- }
- if ((typeof userParams === 'undefined' ? 'undefined' : _typeof(userParams)) !== 'object') {
- throw new Error('userParams has to be a object');
- }
- (0, _utils.extend)(_defaultParams2.default, userParams);
- };
- /*
- * Animation when closing modal
- */
- sweetAlert.close = _swal.close = function () {
- var modal = (0, _handleSwalDom.getModal)();
- (0, _handleDom.fadeOut)((0, _handleSwalDom.getOverlay)(), 5);
- (0, _handleDom.fadeOut)(modal, 5);
- (0, _handleDom.removeClass)(modal, 'showSweetAlert');
- (0, _handleDom.addClass)(modal, 'hideSweetAlert');
- (0, _handleDom.removeClass)(modal, 'visible');
- /*
- * Reset icon animations
- */
- var $successIcon = modal.querySelector('.sa-icon.sa-success');
- (0, _handleDom.removeClass)($successIcon, 'animate');
- (0, _handleDom.removeClass)($successIcon.querySelector('.sa-tip'), 'animateSuccessTip');
- (0, _handleDom.removeClass)($successIcon.querySelector('.sa-long'), 'animateSuccessLong');
- var $errorIcon = modal.querySelector('.sa-icon.sa-error');
- (0, _handleDom.removeClass)($errorIcon, 'animateErrorIcon');
- (0, _handleDom.removeClass)($errorIcon.querySelector('.sa-x-mark'), 'animateXMark');
- var $warningIcon = modal.querySelector('.sa-icon.sa-warning');
- (0, _handleDom.removeClass)($warningIcon, 'pulseWarning');
- (0, _handleDom.removeClass)($warningIcon.querySelector('.sa-body'), 'pulseWarningIns');
- (0, _handleDom.removeClass)($warningIcon.querySelector('.sa-dot'), 'pulseWarningIns');
- // Reset custom class (delay so that UI changes aren't visible)
- setTimeout(function () {
- var customClass = modal.getAttribute('data-custom-class');
- (0, _handleDom.removeClass)(modal, customClass);
- }, 300);
- // Make page scrollable again
- (0, _handleDom.removeClass)(document.body, 'stop-scrolling');
- // Reset the page to its previous state
- window.onkeydown = previousWindowKeyDown;
- if (window.previousActiveElement) {
- window.previousActiveElement.focus();
- }
- lastFocusedButton = undefined;
- clearTimeout(modal.timeout);
- return true;
- };
- /*
- * Validation of the input field is done by user
- * If something is wrong => call showInputError with errorMessage
- */
- sweetAlert.showInputError = _swal.showInputError = function (errorMessage) {
- var modal = (0, _handleSwalDom.getModal)();
- var $errorIcon = modal.querySelector('.sa-input-error');
- (0, _handleDom.addClass)($errorIcon, 'show');
- var $errorContainer = modal.querySelector('.form-group');
- (0, _handleDom.addClass)($errorContainer, 'has-error');
- $errorContainer.querySelector('.sa-help-text').innerHTML = errorMessage;
- setTimeout(function () {
- sweetAlert.enableButtons();
- }, 1);
- modal.querySelector('input').focus();
- };
- /*
- * Reset input error DOM elements
- */
- sweetAlert.resetInputError = _swal.resetInputError = function (event) {
- // If press enter => ignore
- if (event && event.keyCode === 13) {
- return false;
- }
- var $modal = (0, _handleSwalDom.getModal)();
- var $errorIcon = $modal.querySelector('.sa-input-error');
- (0, _handleDom.removeClass)($errorIcon, 'show');
- var $errorContainer = $modal.querySelector('.form-group');
- (0, _handleDom.removeClass)($errorContainer, 'has-error');
- };
- /*
- * Disable confirm and cancel buttons
- */
- sweetAlert.disableButtons = _swal.disableButtons = function (event) {
- var modal = (0, _handleSwalDom.getModal)();
- var $confirmButton = modal.querySelector('button.confirm');
- var $cancelButton = modal.querySelector('button.cancel');
- $confirmButton.disabled = true;
- $cancelButton.disabled = true;
- };
- /*
- * Enable confirm and cancel buttons
- */
- sweetAlert.enableButtons = _swal.enableButtons = function (event) {
- var modal = (0, _handleSwalDom.getModal)();
- var $confirmButton = modal.querySelector('button.confirm');
- var $cancelButton = modal.querySelector('button.cancel');
- $confirmButton.disabled = false;
- $cancelButton.disabled = false;
- };
- if (typeof window !== 'undefined') {
- // The 'handle-click' module requires
- // that 'sweetAlert' was set as global.
- window.sweetAlert = window.swal = sweetAlert;
- } else {
- (0, _utils.logStr)('SweetAlert is a frontend module!');
- }
- },{"./modules/default-params":1,"./modules/handle-click":2,"./modules/handle-dom":3,"./modules/handle-key":4,"./modules/handle-swal-dom":5,"./modules/set-params":7,"./modules/utils":8}]},{},[9]);
- /*
- * Use SweetAlert with RequireJS
- */
- if (typeof define === 'function' && define.amd) {
- define(function () {
- return sweetAlert;
- });
- } else if (typeof module !== 'undefined' && module.exports) {
- module.exports = sweetAlert;
- }
- })(window, document);
|