Cleanup and add stop polyfill.

Author: jabbany

build/CommentCoreLibrary.js

@@ -571,6 +571,9 @@ var CoreComment = (function () {
         }
     };
 
+    CoreComment.prototype.stop = function () {
+    };
+
     CoreComment.prototype.finish = function () {
         this.parent.finish(this);
     };
@@ -1009,6 +1012,9 @@ var CoreComment = (function () {
         }
     };
 
+    CoreComment.prototype.stop = function () {
+    };
+
     CoreComment.prototype.finish = function () {
         this.parent.finish(this);
     };
@@ -1064,6 +1070,7 @@ var CSSCompatLayer = (function () {
     };
     return CSSCompatLayer;
 })();
+
 var CSSScrollComment = (function (_super) {
     __extends(CSSScrollComment, _super);
     function CSSScrollComment() {

build/CommentCoreLibrary.min.js

@@ -1,52 +1,55 @@
-.abp{
-  position:relative;
+.abp {
+  position: relative;
 }
-.abp .container{
-  -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
-          transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
-  position: absolute;
-  display: block;
-  overflow: hidden;
-  margin: 0;
+
+.abp .container {
   border: 0;
-  top: 0;
-  left: 0;
   bottom: 0;
+  display: block;
+  left: 0;
+  margin: 0;
+  overflow: hidden;
+  position: absolute;
   right: 0;
-  z-index: 9999;
+  top: 0;
   touch-callout: none;
+  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+          transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
+  z-index: 9999;
 }
-.abp .container .cmt{
-  -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
-          transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
-  -webkit-transform-origin: 0% 0%;
-      -ms-transform-origin: 0% 0%;
-          transform-origin: 0% 0%;
-  position: absolute;
-  padding: 3px 0 0 0;
-  margin: 0;
+
+.abp .container .cmt {
   color: #fff;
   font-family: SimHei, SimSun, Heiti, "MS Mincho", "Meiryo", "Microsoft YaHei", monospace;
   font-size: 25px;
+  letter-spacing: 0;
+  line-height: 100%;
+  margin: 0;
+  padding: 3px 0 0 0;
+  position: absolute;
   text-decoration: none;
   text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
   -webkit-text-size-adjust: none;
       -ms-text-size-adjust: none;
           text-size-adjust: none;
-  line-height: 100%;
-  letter-spacing: 0;
-  word-break: keep-all;
+  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+          transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+  -webkit-transform-origin: 0% 0%;
+      -ms-transform-origin: 0% 0%;
+          transform-origin: 0% 0%;
   white-space: pre;
-
+  word-break: keep-all;
 }
-.abp .container .cmt.noshadow{
+
+.abp .container .cmt.noshadow {
   text-shadow: none;
 }
-.abp .container .cmt.rshadow{
+
+.abp .container .cmt.rshadow {
   text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
 }
 

build/style.css

@@ -391,6 +391,9 @@ var CoreComment = (function () {
         }
     };
 
+    CoreComment.prototype.stop = function () {
+    };
+
     CoreComment.prototype.finish = function () {
         this.parent.finish(this);
     };

build/style.min.css

@@ -395,6 +395,14 @@ class CoreComment implements IComment {
         }
     }
 
+    /**
+     * Notify the comment to stop. This has no effect if the comment
+     * is driven by a timer.
+     */
+    public stop():void {
+        // Do nothing
+    }
+
     /**
      * Remove the comment and do some cleanup.
      */

src/core/Comment.js

@@ -391,6 +391,9 @@ var CoreComment = (function () {
         }
     };
 
+    CoreComment.prototype.stop = function () {
+    };
+
     CoreComment.prototype.finish = function () {
         this.parent.finish(this);
     };
@@ -446,6 +449,7 @@ var CSSCompatLayer = (function () {
     };
     return CSSCompatLayer;
 })();
+
 var CSSScrollComment = (function (_super) {
     __extends(CSSScrollComment, _super);
     function CSSScrollComment() {

src/core/Comment.ts

@@ -14,7 +14,8 @@ class CSSCompatLayer {
         dom.style["oTransform"] = trans;
     }
 }
-class CSSScrollComment extends ScrollComment{
+
+class CSSScrollComment extends ScrollComment {
     private _dirtyCSS:boolean = true;
     set x(x:number){
         if(typeof this._x === "number") {
@@ -49,11 +50,14 @@ class CSSScrollComment extends ScrollComment{
         this._dirtyCSS = true;
     }
 
+    /**
+     * Override the toplevel stop to actually stop the CSS.
+     */
     public stop():void{
         this.dom.style.transition = "";
         this.x = this._x;
         this._x = null;
         this.x = (this.ttl / this.dur) * (this.parent.width + this.width) - this.width;
         this._dirtyCSS = true;
     }
-}
+}