Make sure library works fine with the latest animate.css

zewish · zewish · commit d508720bd923 · 2021-04-29T16:56:39.000+03:00
diff --git a/index.html b/index.html
@@ -4,15 +4,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <meta charset="UTF-8" />
-
     <title>rmodal.js</title>
 
     <link rel="stylesheet" href="https://unpkg.com/bootstrap/dist/css/bootstrap.min.css" />
     <link rel="stylesheet" href="https://unpkg.com/animate.css/animate.css" type="text/css" />
-
     <link rel="stylesheet" href="dist/rmodal-no-bootstrap.css" type="text/css" />
-    <script type="text/javascript" src="dist/rmodal.js"></script>
 
+    <script type="text/javascript" src="dist/rmodal.js"></script>
     <script type="text/javascript">
         window.onload = function() {
             var modal = new RModal(document.getElementById('modal'), {
@@ -29,14 +27,13 @@
                 },
                 afterClose: function() {
                     console.log('closed');
-                }
-
-                // content: 'Abracadabra',
-
+                },
+                dialogOpenClass: 'animate__slideInDown',
+                dialogCloseClass: 'animate__slideOutUp'
                 // bodyClass: 'modal-open',
                 // dialogClass: 'modal-dialog-lg',
-                // dialogOpenClass: 'fadeIn',
-                // dialogCloseClass: 'fadeOut',
+
+                // content: 'Abracadabra',
 
                 // focus: true,
                 // focusElements: ['input.form-control', 'textarea', 'button.btn-primary'],
@@ -58,9 +55,8 @@
     </script>
 </head>
 <body>
-
     <div id="modal" class="modal">
-        <div class="modal-dialog animated">
+        <div class="modal-dialog animate__animated">
             <div class="modal-content">
                 <form class="form-horizontal" method="get">
                     <div class="modal-header">
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rmodal",
-  "version": "1.0.37",
+  "version": "1.0.38",
   "description": "A simple modal dialog with no external dependencies. IE9+ supported.",
   "main": "index.js",
   "module": "index.es.js",
@@ -13,7 +13,8 @@
     "build:umd-min": "cross-env UGLIFY_JS=true rollup -f umd -c ./rollup.config.js -o ./dist/rmodal.min.js",
     "build:es": "rollup -f esm -c ./rollup.config.js -o ./index.es.js",
     "build:cjs": "rollup -f cjs -c ./rollup.config.js -o ./index.js",
-    "build": "concurrently npm:build:umd npm:build:umd-min npm:build:es npm:build:cjs",
+    "build:copy-css": "cp ./src/*.css ./dist",
+    "build": "concurrently npm:build:umd npm:build:umd-min npm:build:es npm:build:cjs npm:build:copy-css",
     "prepare": "npm run build && npm run test"
   },
   "files": [
