sidler - npm Package Compare versions

Comparing version 0.0.1 to 0.1.0

index.js

@@ -97,4 +97,4 @@ !function(e){if("object"==typeof exports)module.exports=e();else if("function"==typeof define&&define.amd)define(e);else{var f;"undefined"!=typeof window?f=window:"undefined"!=typeof global?f=global:"undefined"!=typeof self&&(f=self),f.sidler=e()}}(function(){var define,module,exports;return (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);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.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(_dereq_,module,exports){
                 onAnimationEnd(self.el, function() {
-                    removeClasses(self.el, [ "hide", "hidding", "showing" ]);
-                    return self.el.classList.add("show");
+                    removeClasses(self.el, [ "sidler-hide", "sidler-hiding", "sidler-showing" ]);
+                    return self.el.classList.add("sidler-show");
                 });
@@ -104,3 +104,3 @@ if (modal) {
                 }
-                return self.el.classList.add("showing");
+                return self.el.classList.add("sidler-showing");
             },
@@ -110,6 +110,6 @@ hide: function() {
                 onAnimationEnd(self.el, function() {
-                    removeClasses(self.el, [ "show", "showing", "hiding" ]);
-                    return self.el.classList.add("hide");
+                    removeClasses(self.el, [ "sidler-show", "sidler-showing", "sidler-hiding" ]);
+                    return self.el.classList.add("sidler-hide");
                 });
-                self.el.classList.add("hiding");
+                self.el.classList.add("sidler-hiding");
                 if (modalDialog) {
@@ -122,3 +122,3 @@ return modalDialog.remove();
                 var showing;
-                showing = self.el.classList.contains("show");
+                showing = self.el.classList.contains("sidler-show");
                 if (showing) {
@@ -143,10 +143,10 @@ return self.hide();
         dialog.el.classList.add("sidler-dialog");
-        dialog.el.classList.add(position);
+        dialog.el.classList.add("sidler-" + position);
         if (edge) {
-            dialog.el.classList.add("edge");
+            dialog.el.classList.add("sidler-edge");
         } else {
-            dialog.el.classList.add("flex");
+            dialog.el.classList.add("sidler-flex");
         }
         if (modal) {
-            dialog.el.classList.add("modal");
+            dialog.el.classList.add("sidler-modal");
         }
@@ -186,3 +186,3 @@ if (html) {
 },{"./container":1,"./style":3}],3:[function(_dereq_,module,exports){
-var css = "@-webkit-keyframes slideLeft {\n  0% {\n    -webkit-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    transform: translateX(100%);\n  }\n  100% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n}\n@-moz-keyframes slideLeft {\n  0% {\n    -webkit-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    transform: translateX(100%);\n  }\n  100% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n}\n@keyframes slideLeft {\n  0% {\n    -webkit-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    transform: translateX(100%);\n  }\n  100% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n}\n@-webkit-keyframes slideDown {\n  0% {\n    -webkit-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    transform: translateY(-100%);\n  }\n  100% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n}\n@-moz-keyframes slideDown {\n  0% {\n    -webkit-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    transform: translateY(-100%);\n  }\n  100% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n}\n@keyframes slideDown {\n  0% {\n    -webkit-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    transform: translateY(-100%);\n  }\n  100% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n}\n@-webkit-keyframes slideRight {\n  0% {\n    -webkit-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    transform: translateX(-100%);\n  }\n  100% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n}\n@-moz-keyframes slideRight {\n  0% {\n    -webkit-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    transform: translateX(-100%);\n  }\n  100% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n}\n@keyframes slideRight {\n  0% {\n    -webkit-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    transform: translateX(-100%);\n  }\n  100% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n}\n@-webkit-keyframes slideUp {\n  0% {\n    -webkit-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    transform: translateY(100%);\n  }\n  100% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n}\n@-moz-keyframes slideUp {\n  0% {\n    -webkit-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    transform: translateY(100%);\n  }\n  100% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n}\n@keyframes slideUp {\n  0% {\n    -webkit-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    transform: translateY(100%);\n  }\n  100% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n}\n@-webkit-keyframes slideHideLeft {\n  0% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n  100% {\n    -webkit-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    transform: translateX(-100%);\n  }\n}\n@-moz-keyframes slideHideLeft {\n  0% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n  100% {\n    -webkit-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    transform: translateX(-100%);\n  }\n}\n@keyframes slideHideLeft {\n  0% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n  100% {\n    -webkit-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    transform: translateX(-100%);\n  }\n}\n@-webkit-keyframes slideHideDown {\n  0% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n  100% {\n    -webkit-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    transform: translateY(100%);\n  }\n}\n@-moz-keyframes slideHideDown {\n  0% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n  100% {\n    -webkit-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    transform: translateY(100%);\n  }\n}\n@keyframes slideHideDown {\n  0% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n  100% {\n    -webkit-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    transform: translateY(100%);\n  }\n}\n@-webkit-keyframes slideHideRight {\n  0% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n  100% {\n    -webkit-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    transform: translateX(100%);\n  }\n}\n@-moz-keyframes slideHideRight {\n  0% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n  100% {\n    -webkit-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    transform: translateX(100%);\n  }\n}\n@keyframes slideHideRight {\n  0% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n  100% {\n    -webkit-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    transform: translateX(100%);\n  }\n}\n@-webkit-keyframes slideHideUp {\n  0% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n  100% {\n    -webkit-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    transform: translateY(-100%);\n  }\n}\n@-moz-keyframes slideHideUp {\n  0% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n  100% {\n    -webkit-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    transform: translateY(-100%);\n  }\n}\n@keyframes slideHideUp {\n  0% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n  100% {\n    -webkit-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    transform: translateY(-100%);\n  }\n}\n@-webkit-keyframes flexGrow {\n  from {\n    width: 0%;\n  }\n  to {\n    width: 1000%;\n  }\n}\n@-moz-keyframes flexGrow {\n  from {\n    width: 0%;\n  }\n  to {\n    width: 1000%;\n  }\n}\n@keyframes flexGrow {\n  from {\n    width: 0%;\n  }\n  to {\n    width: 1000%;\n  }\n}\n@-webkit-keyframes flexShrink {\n  from {\n    width: 1000%;\n  }\n  to {\n    width: 0%;\n  }\n}\n@-moz-keyframes flexShrink {\n  from {\n    width: 1000%;\n  }\n  to {\n    width: 0%;\n  }\n}\n@keyframes flexShrink {\n  from {\n    width: 1000%;\n  }\n  to {\n    width: 0%;\n  }\n}\n.sidler-dialog.modal {\n  position: fixed;\n}\n.sidler-dialog.flex.showing {\n  -webkit-animation: flexGrow 500ms ease forwards;\n  -ms-animation: flexGrow 500ms ease forwards;\n  -moz-animation: flexGrow 500ms ease forwards;\n  animation: flexGrow 500ms ease forwards;\n}\n.sidler-dialog.flex.show {\n  width: 1000%;\n}\n.sidler-dialog.flex.hiding {\n  -webkit-animation: flexShrink 500ms ease forwards;\n  -ms-animation: flexShrink 500ms ease forwards;\n  -moz-animation: flexShrink 500ms ease forwards;\n  animation: flexShrink 500ms ease forwards;\n  overflow: hidden;\n}\n.sidler-dialog.flex.hide {\n  width: 0%;\n  overflow: hidden;\n}\n.sidler-dialog.edge.show.top,\n.sidler-dialog.edge.show.bottom {\n  -webkit-transform: translateY(0px);\n  -ms-transform: translateY(0px);\n  -moz-transform: translateY(0px);\n  transform: translateY(0px);\n}\n.sidler-dialog.edge.show.right,\n.sidler-dialog.edge.show.left {\n  -webkit-transform: translateX(0px);\n  -ms-transform: translateX(0px);\n  -moz-transform: translateX(0px);\n  transform: translateX(0px);\n}\n.sidler-dialog.edge.showing.top {\n  -webkit-animation: slideDown 0.5s 0s 1 ease forwards;\n  -ms-animation: slideDown 0.5s 0s 1 ease forwards;\n  -moz-animation: slideDown 0.5s 0s 1 ease forwards;\n  animation: slideDown 0.5s 0s 1 ease forwards;\n}\n.sidler-dialog.edge.showing.right {\n  -webkit-animation: slideLeft 0.5s 0s 1 ease forwards;\n  -ms-animation: slideLeft 0.5s 0s 1 ease forwards;\n  -moz-animation: slideLeft 0.5s 0s 1 ease forwards;\n  animation: slideLeft 0.5s 0s 1 ease forwards;\n}\n.sidler-dialog.edge.showing.bottom {\n  -webkit-animation: slideUp 0.5s 0s 1 ease forwards;\n  -ms-animation: slideUp 0.5s 0s 1 ease forwards;\n  -moz-animation: slideUp 0.5s 0s 1 ease forwards;\n  animation: slideUp 0.5s 0s 1 ease forwards;\n}\n.sidler-dialog.edge.showing.left {\n  -webkit-animation: slideRight 0.5s 0s 1 ease forwards;\n  -ms-animation: slideRight 0.5s 0s 1 ease forwards;\n  -moz-animation: slideRight 0.5s 0s 1 ease forwards;\n  animation: slideRight 0.5s 0s 1 ease forwards;\n}\n.sidler-dialog.edge.hiding.top {\n  -webkit-animation: slideHideUp 0.5s 0s 1 ease forwards;\n  -ms-animation: slideHideUp 0.5s 0s 1 ease forwards;\n  -moz-animation: slideHideUp 0.5s 0s 1 ease forwards;\n  animation: slideHideUp 0.5s 0s 1 ease forwards;\n}\n.sidler-dialog.edge.hiding.right {\n  -webkit-animation: slideHideRight 0.5s 0s 1 ease forwards;\n  -ms-animation: slideHideRight 0.5s 0s 1 ease forwards;\n  -moz-animation: slideHideRight 0.5s 0s 1 ease forwards;\n  animation: slideHideRight 0.5s 0s 1 ease forwards;\n}\n.sidler-dialog.edge.hiding.bottom {\n  -webkit-animation: slideHideDown 0.5s 0s 1 ease forwards;\n  -ms-animation: slideHideDown 0.5s 0s 1 ease forwards;\n  -moz-animation: slideHideDown 0.5s 0s 1 ease forwards;\n  animation: slideHideDown 0.5s 0s 1 ease forwards;\n}\n.sidler-dialog.edge.hiding.left {\n  -webkit-animation: slideHideLeft 0.5s 0s 1 ease forwards;\n  -ms-animation: slideHideLeft 0.5s 0s 1 ease forwards;\n  -moz-animation: slideHideLeft 0.5s 0s 1 ease forwards;\n  animation: slideHideLeft 0.5s 0s 1 ease forwards;\n}\n.sidler-dialog.edge.top {\n  top: 0px;\n  -webkit-transform: translateY(-100%);\n  -ms-transform: translateY(-100%);\n  -moz-transform: translateY(-100%);\n  transform: translateY(-100%);\n}\n.sidler-dialog.edge.right {\n  right: 0px;\n  -webkit-transform: translateX(100%);\n  -ms-transform: translateX(100%);\n  -moz-transform: translateX(100%);\n  transform: translateX(100%);\n}\n.sidler-dialog.edge.bottom {\n  bottom: 0px;\n  -webkit-transform: translateY(100%);\n  -ms-transform: translateY(100%);\n  -moz-transform: translateY(100%);\n  transform: translateY(100%);\n}\n.sidler-dialog.edge.left {\n  left: 0px;\n  -webkit-transform: translateX(-100%);\n  -ms-transform: translateX(-100%);\n  -moz-transform: translateX(-100%);\n  transform: translateX(-100%);\n}\n.sidler-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: black;\n  opacity: 0.4;\n}\n";(_dereq_('lessify'))(css); module.exports = css;
+var css = "@-webkit-keyframes slideLeft {\n  0% {\n    -webkit-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    transform: translateX(100%);\n  }\n  100% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n}\n@-moz-keyframes slideLeft {\n  0% {\n    -webkit-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    transform: translateX(100%);\n  }\n  100% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n}\n@keyframes slideLeft {\n  0% {\n    -webkit-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    transform: translateX(100%);\n  }\n  100% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n}\n@-webkit-keyframes slideDown {\n  0% {\n    -webkit-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    transform: translateY(-100%);\n  }\n  100% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n}\n@-moz-keyframes slideDown {\n  0% {\n    -webkit-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    transform: translateY(-100%);\n  }\n  100% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n}\n@keyframes slideDown {\n  0% {\n    -webkit-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    transform: translateY(-100%);\n  }\n  100% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n}\n@-webkit-keyframes slideRight {\n  0% {\n    -webkit-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    transform: translateX(-100%);\n  }\n  100% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n}\n@-moz-keyframes slideRight {\n  0% {\n    -webkit-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    transform: translateX(-100%);\n  }\n  100% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n}\n@keyframes slideRight {\n  0% {\n    -webkit-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    transform: translateX(-100%);\n  }\n  100% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n}\n@-webkit-keyframes slideUp {\n  0% {\n    -webkit-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    transform: translateY(100%);\n  }\n  100% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n}\n@-moz-keyframes slideUp {\n  0% {\n    -webkit-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    transform: translateY(100%);\n  }\n  100% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n}\n@keyframes slideUp {\n  0% {\n    -webkit-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    transform: translateY(100%);\n  }\n  100% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n}\n@-webkit-keyframes slideHideLeft {\n  0% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n  100% {\n    -webkit-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    transform: translateX(-100%);\n  }\n}\n@-moz-keyframes slideHideLeft {\n  0% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n  100% {\n    -webkit-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    transform: translateX(-100%);\n  }\n}\n@keyframes slideHideLeft {\n  0% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n  100% {\n    -webkit-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    transform: translateX(-100%);\n  }\n}\n@-webkit-keyframes slideHideDown {\n  0% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n  100% {\n    -webkit-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    transform: translateY(100%);\n  }\n}\n@-moz-keyframes slideHideDown {\n  0% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n  100% {\n    -webkit-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    transform: translateY(100%);\n  }\n}\n@keyframes slideHideDown {\n  0% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n  100% {\n    -webkit-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    transform: translateY(100%);\n  }\n}\n@-webkit-keyframes slideHideRight {\n  0% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n  100% {\n    -webkit-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    transform: translateX(100%);\n  }\n}\n@-moz-keyframes slideHideRight {\n  0% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n  100% {\n    -webkit-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    transform: translateX(100%);\n  }\n}\n@keyframes slideHideRight {\n  0% {\n    -webkit-transform: translateX(0px);\n    -ms-transform: translateX(0px);\n    -moz-transform: translateX(0px);\n    transform: translateX(0px);\n  }\n  100% {\n    -webkit-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    transform: translateX(100%);\n  }\n}\n@-webkit-keyframes slideHideUp {\n  0% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n  100% {\n    -webkit-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    transform: translateY(-100%);\n  }\n}\n@-moz-keyframes slideHideUp {\n  0% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n  100% {\n    -webkit-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    transform: translateY(-100%);\n  }\n}\n@keyframes slideHideUp {\n  0% {\n    -webkit-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n  100% {\n    -webkit-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    transform: translateY(-100%);\n  }\n}\n@-webkit-keyframes flexGrow {\n  from {\n    width: 0%;\n  }\n  to {\n    width: 1000%;\n  }\n}\n@-moz-keyframes flexGrow {\n  from {\n    width: 0%;\n  }\n  to {\n    width: 1000%;\n  }\n}\n@keyframes flexGrow {\n  from {\n    width: 0%;\n  }\n  to {\n    width: 1000%;\n  }\n}\n@-webkit-keyframes flexShrink {\n  from {\n    width: 1000%;\n  }\n  to {\n    width: 0%;\n  }\n}\n@-moz-keyframes flexShrink {\n  from {\n    width: 1000%;\n  }\n  to {\n    width: 0%;\n  }\n}\n@keyframes flexShrink {\n  from {\n    width: 1000%;\n  }\n  to {\n    width: 0%;\n  }\n}\n.sidler-dialog.sidler-modal {\n  position: fixed;\n}\n.sidler-dialog.sidler-flex.sidler-showing {\n  -webkit-animation: flexGrow 500ms ease forwards;\n  -ms-animation: flexGrow 500ms ease forwards;\n  -moz-animation: flexGrow 500ms ease forwards;\n  animation: flexGrow 500ms ease forwards;\n}\n.sidler-dialog.sidler-flex.sidler-show {\n  width: 1000%;\n}\n.sidler-dialog.sidler-flex.sidler-hiding {\n  -webkit-animation: flexShrink 500ms ease forwards;\n  -ms-animation: flexShrink 500ms ease forwards;\n  -moz-animation: flexShrink 500ms ease forwards;\n  animation: flexShrink 500ms ease forwards;\n  overflow: hidden;\n}\n.sidler-dialog.sidler-flex.sidler-hide {\n  width: 0%;\n  overflow: hidden;\n}\n.sidler-dialog.sidler-edge.sidler-show.sidler-top,\n.sidler-dialog.sidler-edge.sidler-show.sidler-bottom {\n  -webkit-transform: translateY(0px);\n  -ms-transform: translateY(0px);\n  -moz-transform: translateY(0px);\n  transform: translateY(0px);\n}\n.sidler-dialog.sidler-edge.sidler-show.sidler-right,\n.sidler-dialog.sidler-edge.sidler-show.sidler-left {\n  -webkit-transform: translateX(0px);\n  -ms-transform: translateX(0px);\n  -moz-transform: translateX(0px);\n  transform: translateX(0px);\n}\n.sidler-dialog.sidler-edge.sidler-showing.sidler-top {\n  -webkit-animation: slideDown 0.5s 0s 1 ease forwards;\n  -ms-animation: slideDown 0.5s 0s 1 ease forwards;\n  -moz-animation: slideDown 0.5s 0s 1 ease forwards;\n  animation: slideDown 0.5s 0s 1 ease forwards;\n}\n.sidler-dialog.sidler-edge.sidler-showing.sidler-right {\n  -webkit-animation: slideLeft 0.5s 0s 1 ease forwards;\n  -ms-animation: slideLeft 0.5s 0s 1 ease forwards;\n  -moz-animation: slideLeft 0.5s 0s 1 ease forwards;\n  animation: slideLeft 0.5s 0s 1 ease forwards;\n}\n.sidler-dialog.sidler-edge.sidler-showing.sidler-bottom {\n  -webkit-animation: slideUp 0.5s 0s 1 ease forwards;\n  -ms-animation: slideUp 0.5s 0s 1 ease forwards;\n  -moz-animation: slideUp 0.5s 0s 1 ease forwards;\n  animation: slideUp 0.5s 0s 1 ease forwards;\n}\n.sidler-dialog.sidler-edge.sidler-showing.sidler-left {\n  -webkit-animation: slideRight 0.5s 0s 1 ease forwards;\n  -ms-animation: slideRight 0.5s 0s 1 ease forwards;\n  -moz-animation: slideRight 0.5s 0s 1 ease forwards;\n  animation: slideRight 0.5s 0s 1 ease forwards;\n}\n.sidler-dialog.sidler-edge.sidler-hiding.sidler-top {\n  -webkit-animation: slideHideUp 0.5s 0s 1 ease forwards;\n  -ms-animation: slideHideUp 0.5s 0s 1 ease forwards;\n  -moz-animation: slideHideUp 0.5s 0s 1 ease forwards;\n  animation: slideHideUp 0.5s 0s 1 ease forwards;\n}\n.sidler-dialog.sidler-edge.sidler-hiding.sidler-right {\n  -webkit-animation: slideHideRight 0.5s 0s 1 ease forwards;\n  -ms-animation: slideHideRight 0.5s 0s 1 ease forwards;\n  -moz-animation: slideHideRight 0.5s 0s 1 ease forwards;\n  animation: slideHideRight 0.5s 0s 1 ease forwards;\n}\n.sidler-dialog.sidler-edge.sidler-hiding.sidler-bottom {\n  -webkit-animation: slideHideDown 0.5s 0s 1 ease forwards;\n  -ms-animation: slideHideDown 0.5s 0s 1 ease forwards;\n  -moz-animation: slideHideDown 0.5s 0s 1 ease forwards;\n  animation: slideHideDown 0.5s 0s 1 ease forwards;\n}\n.sidler-dialog.sidler-edge.sidler-hiding.sidler-left {\n  -webkit-animation: slideHideLeft 0.5s 0s 1 ease forwards;\n  -ms-animation: slideHideLeft 0.5s 0s 1 ease forwards;\n  -moz-animation: slideHideLeft 0.5s 0s 1 ease forwards;\n  animation: slideHideLeft 0.5s 0s 1 ease forwards;\n}\n.sidler-dialog.sidler-edge.sidler-top {\n  top: 0px;\n  -webkit-transform: translateY(-100%);\n  -ms-transform: translateY(-100%);\n  -moz-transform: translateY(-100%);\n  transform: translateY(-100%);\n}\n.sidler-dialog.sidler-edge.sidler-right {\n  right: 0px;\n  -webkit-transform: translateX(100%);\n  -ms-transform: translateX(100%);\n  -moz-transform: translateX(100%);\n  transform: translateX(100%);\n}\n.sidler-dialog.sidler-edge.sidler-bottom {\n  bottom: 0px;\n  -webkit-transform: translateY(100%);\n  -ms-transform: translateY(100%);\n  -moz-transform: translateY(100%);\n  transform: translateY(100%);\n}\n.sidler-dialog.sidler-edge.sidler-left {\n  left: 0px;\n  -webkit-transform: translateX(-100%);\n  -ms-transform: translateX(-100%);\n  -moz-transform: translateX(-100%);\n  transform: translateX(-100%);\n}\n.sidler-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: black;\n  opacity: 0.4;\n}\n";(_dereq_('lessify'))(css); module.exports = css;
 },{"lessify":5}],4:[function(_dereq_,module,exports){
@@ -189,0 +189,0 @@ module.exports = function (css) {

karma.conf.js

@@ -26,6 +26,6 @@ // Karma configuration
     ],
-    reporters: ['progress'],
+    reporters: ['mocha'],
     port: 9876,
     colors: true,
-    logLevel: config.LOG_DEBUG,
+    logLevel: config.LOG_WARN,
     autoWatch: true,
@@ -32,0 +32,0 @@ browsers: ['Chrome'],

package.json

 {
   "name": "sidler",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "description": "A library to show dialogs at any edge of the screen",
@@ -21,6 +21,8 @@ "main": "index.js",
     "karma-chrome-launcher": "^0.1.4",
+    "karma-cli": "0.0.4",
     "karma-ie-launcher": "^0.1.5",
     "karma-mocha": "^0.1.6",
+    "karma-mocha-reporter": "^0.3.1",
+    "lessify": "0.4.1",
     "mocha": "^1.21.3",
-    "lessify": "0.4.1",
     "pogoify": "^0.1.1"
@@ -27,0 +29,0 @@ },

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

426125

increased by914.25%

Number of package files

15

increased by36.36%

Lines of code

8335

increased by2876.79%

Worsened metrics

Dev dependency count

14

increased by16.67%

Number of low supply chain risk alerts

36

increased by1100%

Number of medium supply chain risk alerts

2

increased byInfinity%

No dependency changes