sweetalert-rails 0.4.0 → 0.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 362b640331014d286a6603db2e48dd50651ea6b6
-  data.tar.gz: c087c7c72fdef39b9d26f7700aef3074866b0e03
+  metadata.gz: bedb3cb7dea956573e5ebabf0fc76e57ff76ecdf
+  data.tar.gz: 77020c476a8083b6bf7f01a2f6671e0f30b81b2d
 SHA512:
-  metadata.gz: fb16b284129c82c97162d2a145bead79d3cb3965ed44cb0f13cf6b01cf1ba4d692aa4304a54543707beca0b61fcb07626712f1e1fff804dec5ead0e918cebb87
-  data.tar.gz: 0550f808081e336889335fab36dce0497cbefb532dcb08dfb29c48c3642c4f9d5fd14c06bac04b50a7a48ef8bb7658c9e648efb421ab7d11240f44c47595d1ad
+  metadata.gz: 6d7f168a2bcae6ca2bcb724243798a778b69a53d53e55230d64e6726256828cf329f9ac8606b2b4fe5c638bfe86dc98f36bfdd1c437adf96d946f67307782bea
+  data.tar.gz: 815827fec644094a29685d816c4e13b7626e4dc9d833fa292ff2bda81186fd7c01505194492b6e5d3b167b3871075a58619c92483776f850290b203dd570c15e

data/README.md

@@ -1,5 +1,7 @@
 # SweetAlert RubyOnRails integration gem
 
+[![Gem Version](https://badge.fury.io/rb/sweetalert-rails.svg)](http://badge.fury.io/rb/sweetalert-rails)
+
 Use [SweetAlert](http://tristanedwards.me/sweetalert) with Rails 3.1+
 
 ## Installation

data/lib/sweetalert-rails/version.rb

@@ -1,3 +1,3 @@
 module SweetAlert
-  VERSION = "0.4.0"
+  VERSION = "0.4.2"
 end

data/vendor/assets/javascripts/sweet-alert.js

@@ -11,6 +11,7 @@
         text: '',
         type: null,
         allowOutsideClick: false,
+        showConfirmButton: true,
         showCancelButton: false,
         closeOnConfirm: true,
         closeOnCancel: true,
@@ -32,7 +33,14 @@
    */
 
   var getModal = function() {
-      return document.querySelector(modalClass);
+      var $modal = document.querySelector(modalClass);
+
+      if (!$modal) {
+        sweetAlertInitialize();
+        $modal = getModal();
+      }
+
+      return $modal;
     },
     getOverlay = function() {
       return document.querySelector(overlayClass);
@@ -146,7 +154,7 @@
     fireClick = function(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 (MouseEvent) {
+      if (typeof MouseEvent === 'function') {
         // Up-to-date approach
         var mevt = new MouseEvent('click', {
           view: window,
@@ -186,14 +194,14 @@
    * Add modal + overlay to DOM
    */
 
-  window.sweetAlertInitialize = function() {
-    var sweetHTML = '<div class="sweet-overlay" tabIndex="-1"></div><div class="sweet-alert" tabIndex="-1"><div class="icon error"><span class="x-mark"><span class="line left"></span><span class="line right"></span></span></div><div class="icon warning"> <span class="body"></span> <span class="dot"></span> </div> <div class="icon info"></div> <div class="icon success"> <span class="line tip"></span> <span class="line long"></span> <div class="placeholder"></div> <div class="fix"></div> </div> <div class="icon custom"></div> <h2>Title</h2><p>Text</p><button class="cancel" tabIndex="2">Cancel</button><button class="confirm" tabIndex="1">OK</button></div>',
+  var sweetAlertInitialize = function() {
+    var sweetHTML = '<div class="sweet-overlay" tabIndex="-1"></div><div class="sweet-alert" tabIndex="-1"><div class="sa-icon sa-error"><span class="sa-x-mark"><span class="sa-line sa-left"></span><span class="sa-line sa-right"></span></span></div><div class="sa-icon sa-warning"> <span class="sa-body"></span> <span class="sa-dot"></span> </div> <div class="sa-icon sa-info"></div> <div class="sa-icon sa-success"> <span class="sa-line sa-tip"></span> <span class="sa-line sa-long"></span> <div class="sa-placeholder"></div> <div class="sa-fix"></div> </div> <div class="sa-icon sa-custom"></div> <h2>Title</h2><p>Text</p><button class="cancel" tabIndex="2">Cancel</button><button class="confirm" tabIndex="1">OK</button></div>',
         sweetWrap = document.createElement('div');
 
     sweetWrap.innerHTML = sweetHTML;
 
     // Append elements to body
-    while(sweetWrap.firstChild) {
+    while (sweetWrap.firstChild) {
       document.body.appendChild(sweetWrap.firstChild);
     }
   };
@@ -202,28 +210,11 @@
   /*
    * Global sweetAlert function
    */
-
-  window.sweetAlert = window.swal = function() {
-    // Copy arguments to the local args variable
-    var args = arguments;
-    if (getModal() !== null) {
-      // If getModal returns values then continue
-      modalDependant.apply(this, args);
-    } else {
-      // If getModal returns null i.e. no matches, then set up a interval event to check the return value until it is not null	
-      var modalCheckInterval = setInterval(function() {
-        if (getModal() !== null) {
-          clearInterval(modalCheckInterval);
-          modalDependant.apply(this, args);
-        }
-      }, 100);
-    }
-  };
-        
-  function modalDependant() {
-
+  var sweetAlert, swal;
+  
+  sweetAlert = swal = function() {
     var customizations = arguments[0];
-    
+
     /*
      * Use argument if defined or default value from params object otherwise.
      * Supports the case where a default value is boolean true and should be
@@ -233,16 +224,14 @@
       var args = customizations;
 
       if (typeof args[key] !== 'undefined') {
-        console.log(key + " is " + args[key]);
         return args[key];
       } else {
-        console.log(key + " is " + defaultParams[key]);
         return defaultParams[key];
       }
     }
 
     if (arguments[0] === undefined) {
-      window.console.error('SweetAlert expects at least 1 attribute!');
+      logStr('SweetAlert expects at least 1 attribute!');
       return false;
     }
 
@@ -261,21 +250,22 @@
       // Ex: swal({title:"Hello", text: "Just testing", type: "info"});
       case 'object':
         if (arguments[0].title === undefined) {
-          window.console.error('Missing "title" argument!');
+          logStr('Missing "title" argument!');
           return false;
         }
 
         params.title = arguments[0].title;
 
         var availableCustoms = [
-          'text', 
-          'type', 
-          'customClass', 
-          'allowOutsideClick', 
-          'showCancelButton', 
-          'closeOnConfirm', 
-          'closeOnCancel', 
-          'timer', 
+          'text',
+          'type',
+          'customClass',
+          'allowOutsideClick',
+          'showConfirmButton',
+          'showCancelButton',
+          'closeOnConfirm',
+          'closeOnCancel',
+          'timer',
           'confirmButtonColor',
           'cancelButtonText',
           'imageUrl',
@@ -284,9 +274,12 @@
           'animation',
           'allowEscapeKey'];
 
-        availableCustoms.forEach(function(customName) {
+        // It would be nice to just use .forEach here, but IE8... :(
+        var numCustoms = availableCustoms.length;
+        for (var customIndex = 0; customIndex < numCustoms; customIndex++) {
+          var customName = availableCustoms[customIndex];
           params[customName] = argumentOrDefault(customName);
-        });
+        }
 
         // Show "Confirm" instead of "OK" if cancel button is visible
         params.confirmButtonText  = (params.showCancelButton) ? 'Confirm' : defaultParams.confirmButtonText;
@@ -294,11 +287,11 @@
 
         // Function to call when clicking on cancel/OK
         params.doneFunction       = arguments[1] || null;
-        
+
         break;
 
       default:
-        window.console.error('Unexpected type of argument! Expected "string" or "object", got ' + typeof arguments[0]);
+        logStr('Unexpected type of argument! Expected "string" or "object", got ' + typeof arguments[0]);
         return false;
 
     }
@@ -356,7 +349,7 @@
             params.doneFunction(true);
 
             if (params.closeOnConfirm) {
-              window.sweetAlert.close();
+              sweetAlert.close();
             }
           } else if (doneFunctionExists && modalIsVisible) { // Clicked "cancel"
 
@@ -369,10 +362,10 @@
             }
 
             if (params.closeOnCancel) {
-              window.sweetAlert.close();
+              sweetAlert.close();
             }
           } else {
-            window.sweetAlert.close();
+            sweetAlert.close();
           }
 
           break;
@@ -401,7 +394,7 @@
           outsideClickIsAllowed = modal.getAttribute('data-allow-ouside-click') === 'true';
 
       if (!clickedOnModal && !clickedOnModalChild && modalIsVisible && outsideClickIsAllowed) {
-        window.sweetAlert.close();
+        sweetAlert.close();
       }
     };
 
@@ -409,7 +402,7 @@
     // Keyboard interactions
     var $okButton = modal.querySelector('button.confirm'),
         $cancelButton = modal.querySelector('button.cancel'),
-        $modalButtons = modal.querySelectorAll('button:not([type=hidden])');
+        $modalButtons = modal.querySelectorAll('button[tabindex]');
 
 
     function handleKeyDown(event) {
@@ -518,14 +511,14 @@
         }
       }, 0);
     };
-  }
+  };
 
 
   /*
    * Set default params for each popup
    * @param {Object} userParams
    */
-  window.sweetAlert.setDefaults = window.swal.setDefaults = function(userParams) {
+  sweetAlert.setDefaults = swal.setDefaults = function(userParams) {
     if (!userParams) {
       throw new Error('userParams is required');
     }
@@ -554,7 +547,7 @@
 
     // Text
     $text.innerHTML = (params.html) ? params.text : escapeHtml(params.text || '').split("\n").join("<br>");
-    
+
     if (params.text) {
       show($text);
     }
@@ -571,8 +564,8 @@
     }
 
     // Icon
-    hide(modal.querySelectorAll('.icon'));
-    if (params.type) {
+    hide(modal.querySelectorAll('.sa-icon'));
+    if (params.type && !isIE8()) {
       var validType = false;
       for (var i = 0; i < alertTypes.length; i++) {
         if (params.type === alertTypes[i]) {
@@ -581,35 +574,34 @@
         }
       }
       if (!validType) {
-        window.console.error('Unknown alert type: ' + params.type);
+        logStr('Unknown alert type: ' + params.type);
         return false;
       }
-      var $icon = modal.querySelector('.icon.' + params.type);
+      var $icon = modal.querySelector('.sa-icon.' + 'sa-' + params.type);
       show($icon);
 
       // Animate icon
       switch (params.type) {
         case "success":
           addClass($icon, 'animate');
-          addClass($icon.querySelector('.tip'), 'animateSuccessTip');
-          addClass($icon.querySelector('.long'), 'animateSuccessLong');
+          addClass($icon.querySelector('.sa-tip'), 'animateSuccessTip');
+          addClass($icon.querySelector('.sa-long'), 'animateSuccessLong');
           break;
         case "error":
           addClass($icon, 'animateErrorIcon');
-          addClass($icon.querySelector('.x-mark'), 'animateXMark');
+          addClass($icon.querySelector('.sa-x-mark'), 'animateXMark');
           break;
         case "warning":
           addClass($icon, 'pulseWarning');
-          addClass($icon.querySelector('.body'), 'pulseWarningIns');
-          addClass($icon.querySelector('.dot'), 'pulseWarningIns');
+          addClass($icon.querySelector('.sa-body'), 'pulseWarningIns');
+          addClass($icon.querySelector('.sa-dot'), 'pulseWarningIns');
           break;
       }
-
     }
 
     // Custom image
     if (params.imageUrl) {
-      var $customIcon = modal.querySelector('.icon.custom');
+      var $customIcon = modal.querySelector('.sa-icon.sa-custom');
 
       $customIcon.style.backgroundImage = 'url(' + params.imageUrl + ')';
       show($customIcon);
@@ -618,25 +610,21 @@
           _imgHeight = 80;
 
       if (params.imageSize) {
-        var imgWidth  = params.imageSize.split('x')[0];
-        var imgHeight = params.imageSize.split('x')[1];
+        var dimensions = params.imageSize.toString().split('x');
+        var imgWidth  = dimensions[0];
+        var imgHeight = dimensions[1];
 
         if (!imgWidth || !imgHeight) {
-          window.console.error("Parameter imageSize expects value with format WIDTHxHEIGHT, got " + params.imageSize);
+          logStr("Parameter imageSize expects value with format WIDTHxHEIGHT, got " + params.imageSize);
         } else {
           _imgWidth  = imgWidth;
           _imgHeight = imgHeight;
-
-          $customIcon.css({
-            'width': imgWidth + 'px',
-            'height': imgHeight + 'px'
-          });
         }
       }
       $customIcon.setAttribute('style', $customIcon.getAttribute('style') + 'width:' + _imgWidth + 'px; height:' + _imgHeight + 'px');
     }
 
-    // Cancel button
+    // Show cancel button?
     modal.setAttribute('data-has-cancel-button', params.showCancelButton);
     if (params.showCancelButton) {
       $cancelBtn.style.display = 'inline-block';
@@ -644,6 +632,14 @@
       hide($cancelBtn);
     }
 
+    // Show confirm button?
+    modal.setAttribute('data-has-confirm-button', params.showConfirmButton);
+    if (params.showConfirmButton) {
+      $confirmBtn.style.display = 'inline-block';
+    } else {
+      hide($confirmBtn);
+    }
+
     // Edit text on cancel and confirm buttons
     if (params.cancelButtonText) {
       $cancelBtn.innerHTML = escapeHtml(params.cancelButtonText);
@@ -722,11 +718,7 @@
   }
 
 
-
-  /*
-   * Animations
-   */
-
+  // Animation when opening modal
   function openModal() {
     var modal = getModal();
     fadeIn(getOverlay(), 10);
@@ -746,17 +738,14 @@
 
     if (timer !== "null" && timer !== "") {
       modal.timeout = setTimeout(function() {
-        window.sweetAlert.close();
+        sweetAlert.close();
       }, timer);
     }
   }
 
 
-  /*
-   * Close sweetAlert modal programatically
-   */
-
-  window.sweetAlert.close = window.swal.close = function() {
+  // Aninmation when closing modal
+  sweetAlert.close = swal.close = function() {
     var modal = getModal();
     fadeOut(getOverlay(), 5);
     fadeOut(modal, 5);
@@ -767,19 +756,19 @@
 
     // Reset icon animations
 
-    var $successIcon = modal.querySelector('.icon.success');
+    var $successIcon = modal.querySelector('.sa-icon.sa-success');
     removeClass($successIcon, 'animate');
-    removeClass($successIcon.querySelector('.tip'), 'animateSuccessTip');
-    removeClass($successIcon.querySelector('.long'), 'animateSuccessLong');
+    removeClass($successIcon.querySelector('.sa-tip'), 'animateSuccessTip');
+    removeClass($successIcon.querySelector('.sa-long'), 'animateSuccessLong');
 
-    var $errorIcon = modal.querySelector('.icon.error');
+    var $errorIcon = modal.querySelector('.sa-icon.sa-error');
     removeClass($errorIcon, 'animateErrorIcon');
-    removeClass($errorIcon.querySelector('.x-mark'), 'animateXMark');
+    removeClass($errorIcon.querySelector('.sa-x-mark'), 'animateXMark');
 
-    var $warningIcon = modal.querySelector('.icon.warning');
+    var $warningIcon = modal.querySelector('.sa-icon.sa-warning');
     removeClass($warningIcon, 'pulseWarning');
-    removeClass($warningIcon.querySelector('.body'), 'pulseWarningIns');
-    removeClass($warningIcon.querySelector('.dot'), 'pulseWarningIns');
+    removeClass($warningIcon.querySelector('.sa-body'), 'pulseWarningIns');
+    removeClass($warningIcon.querySelector('.sa-dot'), 'pulseWarningIns');
 
 
     // Reset the page to its previous state
@@ -803,30 +792,28 @@
     modal.style.marginTop = getTopMargin(getModal());
   }
 
+  // If browser is Internet Explorer 8
+  function isIE8() {
+    if (window.attachEvent && !window.addEventListener) {
+      return true;
+    } else {
+      return false;
+    }
+  }
 
+  // Error messages for developers
+  function logStr(string) {
+    if (window.console) { // IE...
+      window.console.log("SweetAlert: " + string);
+    }
+  }
 
-  /*
-   * If library is injected after page has loaded
-   */
-
-  (function () {
-	  if (document.readyState === "complete" || document.readyState === "interactive" && document.body) {
-		  window.sweetAlertInitialize();
-	  } else {
-		  if (document.addEventListener) {
-			  document.addEventListener('DOMContentLoaded', function handler() {
-				  document.removeEventListener('DOMContentLoaded', handler, false);
-				  window.sweetAlertInitialize();
-			  }, false);
-		  } else if (document.attachEvent) {
-			  document.attachEvent('onreadystatechange', function handler() {
-				  if (document.readyState === 'complete') {
-					  document.detachEvent('onreadystatechange', handler);
-					  window.sweetAlertInitialize();
-				  }
-			  });
-		  }
-	  }
-  })();
+    if (typeof define === 'function' && define.amd) {
+      define(function() { return sweetAlert; });
+    } else if (typeof module !== 'undefined' && module.exports) {
+      module.exports = sweetAlert;
+    } else if (typeof window !== 'undefined') {
+      window.sweetAlert = window.swal = sweetAlert;
+    }
 
 })(window, document);

data/vendor/assets/stylesheets/sweet-alert.css

@@ -1,550 +1 @@
-.sweet-overlay {
-  background-color: rgba(0, 0, 0, 0.4);
-  position: fixed;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  display: none;
-  z-index: 10000; }
-
-.sweet-alert {
-  background-color: white;
-  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  width: 478px;
-  padding: 17px;
-  border-radius: 5px;
-  text-align: center;
-  position: fixed;
-  left: 50%;
-  top: 50%;
-  margin-left: -256px;
-  margin-top: -200px;
-  overflow: hidden;
-  display: none;
-  z-index: 99999; }
-  @media all and (max-width: 540px) {
-    .sweet-alert {
-      width: auto;
-      margin-left: 0;
-      margin-right: 0;
-      left: 15px;
-      right: 15px; } }
-  .sweet-alert h2 {
-    color: #575757;
-    font-size: 30px;
-    text-align: center;
-    font-weight: 600;
-    text-transform: none;
-    position: relative;
-    margin: 25px 0;
-    padding: 0;
-    line-height: 40px;
-    display: block; }
-  .sweet-alert p {
-    color: #797979;
-    font-size: 16px;
-    text-align: center;
-    font-weight: 300;
-    position: relative;
-    text-align: inherit;
-    float: none;
-    margin: 0;
-    padding: 0;
-    line-height: normal; }
-  .sweet-alert button {
-    background-color: #AEDEF4;
-    color: white;
-    border: none;
-    box-shadow: none;
-    font-size: 17px;
-    font-weight: 500;
-    border-radius: 5px;
-    padding: 10px 32px;
-    margin: 26px 5px 0 5px;
-    cursor: pointer; }
-    .sweet-alert button:focus {
-      outline: none;
-      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
-    .sweet-alert button:hover {
-      background-color: #a1d9f2; }
-    .sweet-alert button:active {
-      background-color: #81ccee; }
-    .sweet-alert button.cancel {
-      background-color: #D0D0D0; }
-      .sweet-alert button.cancel:hover {
-        background-color: #c8c8c8; }
-      .sweet-alert button.cancel:active {
-        background-color: #b6b6b6; }
-      .sweet-alert button.cancel:focus {
-        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
-    .sweet-alert button::-moz-focus-inner {
-      border: 0; }
-  .sweet-alert[data-has-cancel-button=false] button {
-    box-shadow: none !important; }
-  .sweet-alert .icon {
-    width: 80px;
-    height: 80px;
-    border: 4px solid gray;
-    border-radius: 50%;
-    margin: 20px auto;
-    padding: 0;
-    position: relative;
-    box-sizing: content-box; }
-    .sweet-alert .icon.error {
-      border-color: #F27474; }
-      .sweet-alert .icon.error .x-mark {
-        position: relative;
-        display: block; }
-      .sweet-alert .icon.error .line {
-        position: absolute;
-        height: 5px;
-        width: 47px;
-        background-color: #F27474;
-        display: block;
-        top: 37px;
-        border-radius: 2px; }
-        .sweet-alert .icon.error .line.left {
-          -webkit-transform: rotate(45deg);
-          transform: rotate(45deg);
-          left: 17px; }
-        .sweet-alert .icon.error .line.right {
-          -webkit-transform: rotate(-45deg);
-          transform: rotate(-45deg);
-          right: 16px; }
-    .sweet-alert .icon.warning {
-      border-color: #F8BB86; }
-      .sweet-alert .icon.warning .body {
-        position: absolute;
-        width: 5px;
-        height: 47px;
-        left: 50%;
-        top: 10px;
-        border-radius: 2px;
-        margin-left: -2px;
-        background-color: #F8BB86; }
-      .sweet-alert .icon.warning .dot {
-        position: absolute;
-        width: 7px;
-        height: 7px;
-        border-radius: 50%;
-        margin-left: -3px;
-        left: 50%;
-        bottom: 10px;
-        background-color: #F8BB86; }
-    .sweet-alert .icon.info {
-      border-color: #C9DAE1; }
-      .sweet-alert .icon.info::before {
-        content: "";
-        position: absolute;
-        width: 5px;
-        height: 29px;
-        left: 50%;
-        bottom: 17px;
-        border-radius: 2px;
-        margin-left: -2px;
-        background-color: #C9DAE1; }
-      .sweet-alert .icon.info::after {
-        content: "";
-        position: absolute;
-        width: 7px;
-        height: 7px;
-        border-radius: 50%;
-        margin-left: -3px;
-        top: 19px;
-        background-color: #C9DAE1; }
-    .sweet-alert .icon.success {
-      border-color: #A5DC86; }
-      .sweet-alert .icon.success::before, .sweet-alert .icon.success::after {
-        content: '';
-        border-radius: 50%;
-        position: absolute;
-        width: 60px;
-        height: 120px;
-        background: white;
-        -webkit-transform: rotate(45deg);
-        transform: rotate(45deg); }
-      .sweet-alert .icon.success::before {
-        border-radius: 120px 0 0 120px;
-        top: -7px;
-        left: -33px;
-        -webkit-transform: rotate(-45deg);
-        transform: rotate(-45deg);
-        -webkit-transform-origin: 60px 60px;
-        transform-origin: 60px 60px; }
-      .sweet-alert .icon.success::after {
-        border-radius: 0 120px 120px 0;
-        top: -11px;
-        left: 30px;
-        -webkit-transform: rotate(-45deg);
-        transform: rotate(-45deg);
-        -webkit-transform-origin: 0px 60px;
-        transform-origin: 0px 60px; }
-      .sweet-alert .icon.success .placeholder {
-        width: 80px;
-        height: 80px;
-        border: 4px solid rgba(165, 220, 134, 0.2);
-        border-radius: 50%;
-        box-sizing: content-box;
-        position: absolute;
-        left: -4px;
-        top: -4px;
-        z-index: 2; }
-      .sweet-alert .icon.success .fix {
-        width: 5px;
-        height: 90px;
-        background-color: white;
-        position: absolute;
-        left: 28px;
-        top: 8px;
-        z-index: 1;
-        -webkit-transform: rotate(-45deg);
-        transform: rotate(-45deg); }
-      .sweet-alert .icon.success .line {
-        height: 5px;
-        background-color: #A5DC86;
-        display: block;
-        border-radius: 2px;
-        position: absolute;
-        z-index: 2; }
-        .sweet-alert .icon.success .line.tip {
-          width: 25px;
-          left: 14px;
-          top: 46px;
-          -webkit-transform: rotate(45deg);
-          transform: rotate(45deg); }
-        .sweet-alert .icon.success .line.long {
-          width: 47px;
-          right: 8px;
-          top: 38px;
-          -webkit-transform: rotate(-45deg);
-          transform: rotate(-45deg); }
-    .sweet-alert .icon.custom {
-      background-size: contain;
-      border-radius: 0;
-      border: none;
-      background-position: center center;
-      background-repeat: no-repeat; }
-
-/*
- * Animations
- */
-@-webkit-keyframes showSweetAlert {
-  0% {
-    transform: scale(0.7);
-    -webkit-transform: scale(0.7); }
-
-  45% {
-    transform: scale(1.05);
-    -webkit-transform: scale(1.05); }
-
-  80% {
-    transform: scale(0.95);
-    -webkit-tranform: scale(0.95); }
-
-  100% {
-    transform: scale(1);
-    -webkit-transform: scale(1); } }
-
-@keyframes showSweetAlert {
-  0% {
-    transform: scale(0.7);
-    -webkit-transform: scale(0.7); }
-
-  45% {
-    transform: scale(1.05);
-    -webkit-transform: scale(1.05); }
-
-  80% {
-    transform: scale(0.95);
-    -webkit-tranform: scale(0.95); }
-
-  100% {
-    transform: scale(1);
-    -webkit-transform: scale(1); } }
-
-@-webkit-keyframes hideSweetAlert {
-  0% {
-    transform: scale(1);
-    -webkit-transform: scale(1); }
-
-  100% {
-    transform: scale(0.5);
-    -webkit-transform: scale(0.5); } }
-
-@keyframes hideSweetAlert {
-  0% {
-    transform: scale(1);
-    -webkit-transform: scale(1); }
-
-  100% {
-    transform: scale(0.5);
-    -webkit-transform: scale(0.5); } }
-
-.showSweetAlert {
-  -webkit-animation: showSweetAlert 0.3s;
-  animation: showSweetAlert 0.3s; }
-  .showSweetAlert[data-animation=none] {
-    -webkit-animation: none;
-    animation: none; }
-
-.hideSweetAlert {
-  -webkit-animation: hideSweetAlert 0.2s;
-  animation: hideSweetAlert 0.2s; }
-  .hideSweetAlert[data-animation=none] {
-    -webkit-animation: none;
-    animation: none; }
-
-@-webkit-keyframes animateSuccessTip {
-  0% {
-    width: 0;
-    left: 1px;
-    top: 19px; }
-
-  54% {
-    width: 0;
-    left: 1px;
-    top: 19px; }
-
-  70% {
-    width: 50px;
-    left: -8px;
-    top: 37px; }
-
-  84% {
-    width: 17px;
-    left: 21px;
-    top: 48px; }
-
-  100% {
-    width: 25px;
-    left: 14px;
-    top: 45px; } }
-
-@keyframes animateSuccessTip {
-  0% {
-    width: 0;
-    left: 1px;
-    top: 19px; }
-
-  54% {
-    width: 0;
-    left: 1px;
-    top: 19px; }
-
-  70% {
-    width: 50px;
-    left: -8px;
-    top: 37px; }
-
-  84% {
-    width: 17px;
-    left: 21px;
-    top: 48px; }
-
-  100% {
-    width: 25px;
-    left: 14px;
-    top: 45px; } }
-
-@-webkit-keyframes animateSuccessLong {
-  0% {
-    width: 0;
-    right: 46px;
-    top: 54px; }
-
-  65% {
-    width: 0;
-    right: 46px;
-    top: 54px; }
-
-  84% {
-    width: 55px;
-    right: 0px;
-    top: 35px; }
-
-  100% {
-    width: 47px;
-    right: 8px;
-    top: 38px; } }
-
-@keyframes animateSuccessLong {
-  0% {
-    width: 0;
-    right: 46px;
-    top: 54px; }
-
-  65% {
-    width: 0;
-    right: 46px;
-    top: 54px; }
-
-  84% {
-    width: 55px;
-    right: 0px;
-    top: 35px; }
-
-  100% {
-    width: 47px;
-    right: 8px;
-    top: 38px; } }
-
-@-webkit-keyframes rotatePlaceholder {
-  0% {
-    transform: rotate(-45deg);
-    -webkit-transform: rotate(-45deg); }
-
-  5% {
-    transform: rotate(-45deg);
-    -webkit-transform: rotate(-45deg); }
-
-  12% {
-    transform: rotate(-405deg);
-    -webkit-transform: rotate(-405deg); }
-
-  100% {
-    transform: rotate(-405deg);
-    -webkit-transform: rotate(-405deg); } }
-
-@keyframes rotatePlaceholder {
-  0% {
-    transform: rotate(-45deg);
-    -webkit-transform: rotate(-45deg); }
-
-  5% {
-    transform: rotate(-45deg);
-    -webkit-transform: rotate(-45deg); }
-
-  12% {
-    transform: rotate(-405deg);
-    -webkit-transform: rotate(-405deg); }
-
-  100% {
-    transform: rotate(-405deg);
-    -webkit-transform: rotate(-405deg); } }
-
-.animateSuccessTip {
-  -webkit-animation: animateSuccessTip 0.75s;
-  animation: animateSuccessTip 0.75s; }
-
-.animateSuccessLong {
-  -webkit-animation: animateSuccessLong 0.75s;
-  animation: animateSuccessLong 0.75s; }
-
-.icon.success.animate::after {
-  -webkit-animation: rotatePlaceholder 4.25s ease-in;
-  animation: rotatePlaceholder 4.25s ease-in; }
-
-@-webkit-keyframes animateErrorIcon {
-  0% {
-    transform: rotateX(100deg);
-    -webkit-transform: rotateX(100deg);
-    opacity: 0; }
-
-  100% {
-    transform: rotateX(0deg);
-    -webkit-transform: rotateX(0deg);
-    opacity: 1; } }
-
-@keyframes animateErrorIcon {
-  0% {
-    transform: rotateX(100deg);
-    -webkit-transform: rotateX(100deg);
-    opacity: 0; }
-
-  100% {
-    transform: rotateX(0deg);
-    -webkit-transform: rotateX(0deg);
-    opacity: 1; } }
-
-.animateErrorIcon {
-  -webkit-animation: animateErrorIcon 0.5s;
-  animation: animateErrorIcon 0.5s; }
-
-@-webkit-keyframes animateXMark {
-  0% {
-    transform: scale(0.4);
-    -webkit-transform: scale(0.4);
-    margin-top: 26px;
-    opacity: 0; }
-
-  50% {
-    transform: scale(0.4);
-    -webkit-transform: scale(0.4);
-    margin-top: 26px;
-    opacity: 0; }
-
-  80% {
-    transform: scale(1.15);
-    -webkit-transform: scale(1.15);
-    margin-top: -6px; }
-
-  100% {
-    transform: scale(1);
-    -webkit-transform: scale(1);
-    margin-top: 0;
-    opacity: 1; } }
-
-@keyframes animateXMark {
-  0% {
-    transform: scale(0.4);
-    -webkit-transform: scale(0.4);
-    margin-top: 26px;
-    opacity: 0; }
-
-  50% {
-    transform: scale(0.4);
-    -webkit-transform: scale(0.4);
-    margin-top: 26px;
-    opacity: 0; }
-
-  80% {
-    transform: scale(1.15);
-    -webkit-transform: scale(1.15);
-    margin-top: -6px; }
-
-  100% {
-    transform: scale(1);
-    -webkit-transform: scale(1);
-    margin-top: 0;
-    opacity: 1; } }
-
-.animateXMark {
-  -webkit-animation: animateXMark 0.5s;
-  animation: animateXMark 0.5s; }
-
-@-webkit-keyframes pulseWarning {
-  0% {
-    border-color: #F8D486; }
-
-  100% {
-    border-color: #F8BB86; } }
-
-@keyframes pulseWarning {
-  0% {
-    border-color: #F8D486; }
-
-  100% {
-    border-color: #F8BB86; } }
-
-.pulseWarning {
-  -webkit-animation: pulseWarning 0.75s infinite alternate;
-  animation: pulseWarning 0.75s infinite alternate; }
-
-@-webkit-keyframes pulseWarningIns {
-  0% {
-    background-color: #F8D486; }
-
-  100% {
-    background-color: #F8BB86; } }
-
-@keyframes pulseWarningIns {
-  0% {
-    background-color: #F8D486; }
-
-  100% {
-    background-color: #F8BB86; } }
-
-.pulseWarningIns {
-  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
-  animation: pulseWarningIns 0.75s infinite alternate; }
+.sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert button{background-color:#AEDEF4;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}.sweet-alert button:hover{background-color:#a1d9f2}.sweet-alert button:active{background-color:#81ccee}.sweet-alert button.cancel{background-color:#D0D0D0}.sweet-alert button.cancel:hover{background-color:#c8c8c8}.sweet-alert button.cancel:active{background-color:#b6b6b6}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#F27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);-webkit-border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-tranform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-tranform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}.showSweetAlert{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}@-webkit-keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sweetalert-rails
 version: !ruby/object:Gem::Version
-  version: 0.4.0
+  version: 0.4.2
 platform: ruby
 authors:
 - Rustam Sharshenov
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-01-19 00:00:00.000000000 Z
+date: 2015-02-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties