[{"__symbolic":"module","version":4,"metadata":{"VgNext":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"vg-next","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":19},"member":"None"},"template":"\n        <div class=\"icon\"\n             [class.vg-icon-skip_next]=\"true\"\n             tabindex=\"0\"\n             role=\"button\"\n             aria-label=\"play next button\"\n             [attr.aria-valuetext]=\"ariaValue\">\n        </div>\n        <div class=\"next-thumb-container\" [style.display]=\"isHidden? 'none': 'block'\" [ngStyle]=\"thumbContainer\" [style.opacity]=\"0.8\">\n            <div class=\"image-thumbnail\" [ngStyle]=\"thumb\"></div>\n            <div class=\"detail-next-video\" [textContent]=\"nextVideoDetail\"></div>\n        </div>","styles":["\n        vg-next {\n            -webkit-touch-callout: none;\n            -webkit-user-select: none;\n            -khtml-user-select: none;\n            -moz-user-select: none;\n            -ms-user-select: none;\n            user-select: none;\n            display: flex;\n            justify-content: center;\n            height: 50px;\n            width: 50px;\n            cursor: pointer;\n            color: white;\n        }\n        vg-next .icon {\n            pointer-events: none;\n        }\n        \n        vg-next .next-thumb-container {\n            background-color: black;\n        }\n        \n        vg-next .next-thumb-container .image-thumbnail {\n            float: left;\n            margin: 5px;\n        }\n        \n        vg-next .next-thumb-container .detail-next-video{\n            font-size: medium;\n            color: white;\n        }\n    "]}]}],"members":{"vgFor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":5}}]}],"vgNextVideo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":69,"character":21},{"__symbolic":"reference","module":"../../core/services/vg-api","name":"VgAPI","line":69,"character":45}]}],"ngOnInit":[{"__symbolic":"method"}],"onPlayerReady":[{"__symbolic":"method"}],"updateThumbnails":[{"__symbolic":"method"}],"loadThumbnails":[{"__symbolic":"method"}],"onLoadThumbnail":[{"__symbolic":"method"}],"isHidden":[{"__symbolic":"method"}],"onMouseMovebtnNext":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":138,"character":5},"arguments":["mousemove",["$event"]]}]}],"onMouseLeavebtnNext":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":143,"character":5},"arguments":["mouseleave",["$event"]]}]}],"onMouseMove":[{"__symbolic":"method"}],"onMouseLeave":[{"__symbolic":"method"}],"onMouseOut":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]