[{"__symbolic":"module","version":4,"metadata":{"BannerSliderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"banner-slider-ymacau","template":"<div>\n    <div class=\"main-slider\" *ngIf=\"slider.length > 0\">\n        <div class=\"item-list\" *ngFor=\"let item of slider; let i = index\">\n            <div [ngSwitch]=\"item.type\">\n                <ng-template [ngSwitchCase]=\"'image'\">\n                    <div class=\"item image\">\n                        <div class=\"item-wrapper\">\n                            <div class=\"slide-image slide-media\" [ngStyle]=\"{ 'background-image': 'url(' + item.src + ')' }\">\n                                <img [attr.data-lazy]=\"item.src\" class=\"image-entity\" />\n                            </div>\n                        </div>\n                    </div>\n                </ng-template>\n\n                <ng-template [ngSwitchCase]=\"'video'\">\n                    <div *ngIf=\"item.videoType === 'vimeo'\" class=\"item vimeo\">\n                        <div class=\"item-wrapper\">\n                            <iframe \n                                class=\"embed-player slide-media\"\n                                [src]=\"createSource(item.src, 'vimeo') | safe\"\n                                frameborder=\"0\" \n                                webkitallowfullscreen \n                                mozallowfullscreen\n                                allowfullscreen\n                                [width]=\"config?.vimeo?.width\" \n                                [height]=\"config?.vimeo?.height\" \n                            ></iframe>\n                        </div>\n                    </div>\n\n                    <div *ngIf=\"item.videoType === 'youtube'\" class=\"item youtube\">\n                        <div class=\"item-wrapper\">\n                            <iframe \n                                class=\"embed-player slide-media\"\n                                [src]=\"createSource(item.src, 'youtube') | safe\"\n                                frameborder=\"0\" \n                                webkitallowfullscreen \n                                mozallowfullscreen\n                                allowfullscreen\n                                [width]=\"config?.youtube?.width\" \n                                [height]=\"config?.youtube?.height\" \n                            ></iframe>\n                        </div>\n                    </div>\n\n                    <div *ngIf=\"item.videoType === 'local'\" class=\"item video\">\n                        <div class=\"item-wrapper\">\n                            <video \n                                class=\"slide-video slide-media\" \n                                playsinline \n                                loop \n                                muted \n                                preload=\"metadata\"\n                                [attr.poster]=\"(item.image === undefined || item.image === null ||item.image === '') ? 'banner-slider-ymacau/no-image.png' : item.image\"\n                            >\n                                <source [src]=\"item?.src\" type=\"video/mp4\" />\n                            </video>\n                        </div>\n                    </div>\n                </ng-template>\n            </div>\n        </div>\n    </div>\n</div>","styles":[".slick-slide {\n  position: relative;\n  height: 56.25vw;\n}\n\n.slick-slide iframe {\n  position: relative;\n  pointer-events: none;\n}\n\n.slick-slide .slide-image {\n  opacity: 0;\n  height: 100%;\n  background-size: cover;\n  background-position: center;\n  transition: all .8s ease;\n}\n\n.slick-slide .slide-image.show {\n  opacity: 1;\n}\n\n.slick-slide .image-entity {\n  width: 100%;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.slick-dots {\n  display: none !important;\n}\n\n.item-wrapper {\n  width: 100vw;\n  height: 0;\n  padding-bottom: 56.25%;\n  padding-top: 30px;\n  position: relative;\n  overflow: hidden;\n}\n\n.item-wrapper .slide-media {\n  width: 100vw;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  // object-fit: cover;\n}\n"]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"networkType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"onClickEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"afterChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":39,"character":21},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":40,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"initSlider":[{"__symbolic":"method"}],"postMessageToPlayer":[{"__symbolic":"method"}],"handleActionVideo":[{"__symbolic":"method"}],"createSource":[{"__symbolic":"method"}],"queryParams":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"debug":[{"__symbolic":"method"}]}}}}]