ngx-video-timeline - npm Package Compare versions

Comparing version 0.10.11 to 0.10.12

bundles/ngx-video-timeline.umd.js

@@ -1129,3 +1129,3 @@ (function (global, factory) {
                     template: "<canvas #timeline class=\"canvas\" [ngStyle]=\"{cursor: 'pointer',border: '1px solid',borderColor: borderColor,'backgroundColor': bgColor}\"\n    (dragstart)=\"onDragStart($event)\" (mouseup)=\"mouseupFunc($event)\" (mousewheel)=\"mousewheelFunc($event)\"\n    (mousedown)=\"mousedownFunc($event)\" (mousemove)=\"mousemoveFunc($event)\" (mouseout)=\"mouseoutFunc()\"></canvas>\n",
-                    styles: [".canvas{width:100%;height:100%}"]
+                    styles: [".canvas{width:100%;height:100%}\n"]
                 },] }
@@ -1132,0 +1132,0 @@ ];

fesm2015/ngx-video-timeline.js

@@ -714,3 +714,3 @@ import { EventEmitter, Component, Input, Output, ViewChild, HostListener, NgModule } from '@angular/core';
                 template: "<canvas #timeline class=\"canvas\" [ngStyle]=\"{cursor: 'pointer',border: '1px solid',borderColor: borderColor,'backgroundColor': bgColor}\"\n    (dragstart)=\"onDragStart($event)\" (mouseup)=\"mouseupFunc($event)\" (mousewheel)=\"mousewheelFunc($event)\"\n    (mousedown)=\"mousedownFunc($event)\" (mousemove)=\"mousemoveFunc($event)\" (mouseout)=\"mouseoutFunc()\"></canvas>\n",
-                styles: [".canvas{width:100%;height:100%}"]
+                styles: [".canvas{width:100%;height:100%}\n"]
             },] }
@@ -717,0 +717,0 @@ ];

ngx-video-timeline.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"DateUtil":{"__symbolic":"class","members":{}},"CanvasPos":{"__symbolic":"interface"},"VideoCellStyleType":{"__symbolic":"interface"},"VideoCellType":{"__symbolic":"interface"},"NgxVideoTimelineComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":66,"character":1},"arguments":[{"selector":"ngx-video-timeline","template":"<canvas #timeline class=\"canvas\" [ngStyle]=\"{cursor: 'pointer',border: '1px solid',borderColor: borderColor,'backgroundColor': bgColor}\"\n    (dragstart)=\"onDragStart($event)\" (mouseup)=\"mouseupFunc($event)\" (mousewheel)=\"mousewheelFunc($event)\"\n    (mousedown)=\"mousedownFunc($event)\" (mousemove)=\"mousemoveFunc($event)\" (mouseout)=\"mouseoutFunc()\"></canvas>\n","styles":[".canvas{width:100%;height:100%}"]}]}],"members":{"canvasHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":5}}]}],"playTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5}}]}],"speed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":5}}]}],"forWardValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}}]}],"startTimeThreshold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":5}}]}],"endTimeThreshold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}}]}],"borderColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":5}}]}],"bgColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5}}]}],"bottomLineColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":5}}]}],"verticalBarColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":5}}]}],"playBarColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":5}}]}],"videoCells":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":5}}]}],"isPlayClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":5}}]}],"playClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":122,"character":5}}]}],"mouseUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":125,"character":5}}]}],"mouseDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":128,"character":5}}]}],"keyUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":131,"character":5}}]}],"keyDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":134,"character":5}}]}],"canvasExp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":213,"character":5},"arguments":["timeline",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":255,"character":5},"arguments":["window:resize",[]]}]}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":265,"character":5},"arguments":["window:keydown",["$event"]]}]}],"onKeyUp":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":283,"character":5},"arguments":["window:keyup",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"add_graduations":[{"__symbolic":"method"}],"drawPalyBar":[{"__symbolic":"method"}],"drawLine":[{"__symbolic":"method"}],"add_cells":[{"__symbolic":"method"}],"draw_cell":[{"__symbolic":"method"}],"drawCellBg":[{"__symbolic":"method"}],"mousedownFunc":[{"__symbolic":"method"}],"mousemoveFunc":[{"__symbolic":"method"}],"mouseupFunc":[{"__symbolic":"method"}],"mouseoutFunc":[{"__symbolic":"method"}],"mousewheelFunc":[{"__symbolic":"method"}],"get_cursor_x_position":[{"__symbolic":"method"}],"ms_to_next_step":[{"__symbolic":"method"}],"set_time_to_middle":[{"__symbolic":"method"}],"clearCanvas":[{"__symbolic":"method"}],"onPlayClick":[{"__symbolic":"method"}],"onPauseClick":[{"__symbolic":"method"}],"changeVideo":[{"__symbolic":"method"}],"selectedTime":[{"__symbolic":"method"}],"onDragStart":[{"__symbolic":"method"}]}},"NgxVideoTimelineModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxVideoTimelineComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":6}],"exports":[{"__symbolic":"reference","name":"NgxVideoTimelineComponent"}]}]}],"members":{}}},"origins":{"DateUtil":"./lib/timeline.component","CanvasPos":"./lib/timeline.component","VideoCellStyleType":"./lib/timeline.component","VideoCellType":"./lib/timeline.component","NgxVideoTimelineComponent":"./lib/timeline.component","NgxVideoTimelineModule":"./lib/timeline.module"},"importAs":"ngx-video-timeline"}
+{"__symbolic":"module","version":4,"metadata":{"DateUtil":{"__symbolic":"class","members":{}},"CanvasPos":{"__symbolic":"interface"},"VideoCellStyleType":{"__symbolic":"interface"},"VideoCellType":{"__symbolic":"interface"},"NgxVideoTimelineComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":66,"character":1},"arguments":[{"selector":"ngx-video-timeline","template":"<canvas #timeline class=\"canvas\" [ngStyle]=\"{cursor: 'pointer',border: '1px solid',borderColor: borderColor,'backgroundColor': bgColor}\"\n    (dragstart)=\"onDragStart($event)\" (mouseup)=\"mouseupFunc($event)\" (mousewheel)=\"mousewheelFunc($event)\"\n    (mousedown)=\"mousedownFunc($event)\" (mousemove)=\"mousemoveFunc($event)\" (mouseout)=\"mouseoutFunc()\"></canvas>\n","styles":[".canvas{width:100%;height:100%}\n"]}]}],"members":{"canvasHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":5}}]}],"playTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5}}]}],"speed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":5}}]}],"forWardValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}}]}],"startTimeThreshold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":5}}]}],"endTimeThreshold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}}]}],"borderColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":5}}]}],"bgColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5}}]}],"bottomLineColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":5}}]}],"verticalBarColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":5}}]}],"playBarColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":5}}]}],"videoCells":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":5}}]}],"isPlayClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":5}}]}],"playClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":122,"character":5}}]}],"mouseUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":125,"character":5}}]}],"mouseDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":128,"character":5}}]}],"keyUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":131,"character":5}}]}],"keyDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":134,"character":5}}]}],"canvasExp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":213,"character":5},"arguments":["timeline",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":255,"character":5},"arguments":["window:resize",[]]}]}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":265,"character":5},"arguments":["window:keydown",["$event"]]}]}],"onKeyUp":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":283,"character":5},"arguments":["window:keyup",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"add_graduations":[{"__symbolic":"method"}],"drawPalyBar":[{"__symbolic":"method"}],"drawLine":[{"__symbolic":"method"}],"add_cells":[{"__symbolic":"method"}],"draw_cell":[{"__symbolic":"method"}],"drawCellBg":[{"__symbolic":"method"}],"mousedownFunc":[{"__symbolic":"method"}],"mousemoveFunc":[{"__symbolic":"method"}],"mouseupFunc":[{"__symbolic":"method"}],"mouseoutFunc":[{"__symbolic":"method"}],"mousewheelFunc":[{"__symbolic":"method"}],"get_cursor_x_position":[{"__symbolic":"method"}],"ms_to_next_step":[{"__symbolic":"method"}],"set_time_to_middle":[{"__symbolic":"method"}],"clearCanvas":[{"__symbolic":"method"}],"onPlayClick":[{"__symbolic":"method"}],"onPauseClick":[{"__symbolic":"method"}],"changeVideo":[{"__symbolic":"method"}],"selectedTime":[{"__symbolic":"method"}],"onDragStart":[{"__symbolic":"method"}]}},"NgxVideoTimelineModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxVideoTimelineComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":6}],"exports":[{"__symbolic":"reference","name":"NgxVideoTimelineComponent"}]}]}],"members":{}}},"origins":{"DateUtil":"./lib/timeline.component","CanvasPos":"./lib/timeline.component","VideoCellStyleType":"./lib/timeline.component","VideoCellType":"./lib/timeline.component","NgxVideoTimelineComponent":"./lib/timeline.component","NgxVideoTimelineModule":"./lib/timeline.module"},"importAs":"ngx-video-timeline"}

package.json

 {
   "name": "ngx-video-timeline",
-  "version": "0.10.11",
+  "version": "0.10.12",
   "peerDependencies": {
-    "@angular/common": "~11.2.14",
-    "@angular/core": "~11.2.14"
+    "@angular/common": "~12.2.17",
+    "@angular/core": "~12.2.17"
   },
@@ -8,0 +8,0 @@ "dependencies": {

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

379238

decreased by-17.9%

Number of package files

19

decreased by-9.52%

Lines of code

2905

decreased by-2.12%

No dependency changes