{"__symbolic":"module","version":4,"metadata":{"BMATMediaPlayersModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":19,"character":4},{"__symbolic":"reference","name":"ParseDurationPipeModule"},{"__symbolic":"reference","name":"ProgressBarComponentModule"},{"__symbolic":"reference","name":"ɵa"}],"declarations":[{"__symbolic":"reference","name":"BMATAudioPlayerComponent"},{"__symbolic":"reference","name":"BMMediaOutputComponent"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵg"}],"exports":[{"__symbolic":"reference","name":"BMATAudioPlayerComponent"},{"__symbolic":"reference","name":"BMMediaOutputComponent"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ParseDurationPipeModule"},{"__symbolic":"reference","name":"ProgressBarComponentModule"},{"__symbolic":"reference","name":"ɵa"}],"entryComponents":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵg"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"BMATMediaPlayersModule"},"providers":[{"__symbolic":"reference","name":"ConnectedMediaRemoteService"}]}}}},"BMATAudioPlayerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"bm-audio-player","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":30,"character":17},"member":"None"},"template":"<audio\n  #audio\n  (canplay)=\"oncanplay($event)\"\n  (durationchange)=\"ondurationchange()\"\n  (ended)=\"onended($event)\"\n  (loadeddata)=\"onloadeddata($event)\"\n  (pause)=\"onpause($event)\"\n  (play)=\"onplay($event)\"\n  (playing)=\"onplaying($event)\"\n  (waiting)=\"onwaiting($event)\"\n  [autoplay]=\"autoplay\"\n  [controls]=\"controls\"\n  [loop]=\"loop\"\n  [muted]=\"muted\"\n  [preload]=\"preload\"\n  [src]=\"src\"\n></audio>\n<button\n  (mousedown)=\"onButtonMousedown($event)\"\n  (mouseup)=\"togglePlay()\"\n  [class.bm-audio-player__button--playing]=\"isPlaying\"\n  [disabled]=\"isDisabled\"\n  aria-label=\"Toggle audio play\"\n  class=\"bm-audio-player__button\"\n  i18n-aria-label\n>\n  <i\n    [ngClass]=\"{\n      'fab fa-youtube': !isLoading,\n      'fas fa-spinner': isLoading\n    }\"\n  ></i>\n</button>\n<ng-content select=\"bm-progress, bm-media-output\"></ng-content>\n","styles":["bm-audio-player{display:inline-flex;align-items:center}.bm-audio-player__button{border:0;background:0 0;padding:0;font-size:2rem;margin:0 .2em;color:var(--secondary-color,#bcbcbc)}.bm-audio-player__button--playing{color:var(--header-background-color,#3e71ad)}.bm-audio-player__button[disabled]{color:var(--header-color,#f8f8f8)}.fa-spinner{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:2s linear infinite spin;animation:2s linear infinite spin}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}","bm-progress bm-audio-player,bm-progress bm-media-output{margin:0 .2em}"]}]}],"members":{"autoplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"controls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"loop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"muted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"preload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"play":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":61,"character":3}}]}],"pause":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":65,"character":3}}]}],"audioElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":67,"character":3},"arguments":["audio",{"static":true}]}]}],"progressBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":75,"character":3},"arguments":[{"__symbolic":"reference","name":"ProgressBarComponent"},{"static":true}]}]}],"mediaOutput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":77,"character":3},"arguments":[{"__symbolic":"reference","name":"BMMediaOutputComponent"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":90,"character":33}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"onButtonMousedown":[{"__symbolic":"method"}],"onloadeddata":[{"__symbolic":"method"}],"ondurationchange":[{"__symbolic":"method"}],"oncanplay":[{"__symbolic":"method"}],"onplay":[{"__symbolic":"method"}],"onplaying":[{"__symbolic":"method"}],"onpause":[{"__symbolic":"method"}],"onwaiting":[{"__symbolic":"method"}],"onended":[{"__symbolic":"method"}],"togglePlay":[{"__symbolic":"method"}],"calculateElapsed":[{"__symbolic":"method"}]},"statics":{"HOLD_TIME":200,"ACCELERATED_RATE":3}},"BMMediaOutputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"bm-media-output","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":19,"character":17},"member":"None"},"template":"<span class=\"bm-media-output__content\">{{innerTime}}</span>","styles":[".bm-media-output__content{padding:0 .4em}"]}]}],"members":{"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"time":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":36,"character":41}]}]}},"ConnectedMediaRemoteService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":36,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":47,"character":33},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":47,"character":61}]}],"getEvents":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"isOpen":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"setUpAudioPlayer":[{"__symbolic":"method"}],"setUpVideoPlayer":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ConnectedPlayerEvent":{"__symbolic":"interface"},"ConnectedPlayerEventTypes":{"OPEN":"OPEN","CLOSE":"CLOSE"},"OpenPlayerOptions":{"__symbolic":"interface"},"PlayerType":{"Audio":0,"Video":1},"ParseDurationPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"bmParseDuration"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ParseDurationPipeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ParseDurationPipe"}],"exports":[{"__symbolic":"reference","name":"ParseDurationPipe"}]}]}],"members":{}},"ProgressBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"bm-progress","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":16,"character":19},"member":"OnPush"},"template":"<div [ngStyle]=\"{ 'width.%': innerWidth }\" class=\"bm-inner-progress-bar\"></div>\n","styles":[":host{height:.5em;border-radius:.4em;background-color:var(--secondary-color-hover,#959494);display:inline-block;max-width:100%;min-width:10em;position:relative}:host(:not([static=true])) .bm-inner-progress-bar{transition:width 2s}.bm-inner-progress-bar{height:.5em;border-radius:.4em;background-color:var(--header-background-color,#3e71ad)}"]}]}],"members":{"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":19,"character":3},"arguments":["attr.aria-valuemin"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":20,"character":3},"arguments":["attr.role"]}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":22,"character":3},"arguments":["attr.aria-valuemax"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":26,"character":3},"arguments":["attr.aria-valuenow"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"staticBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":42,"character":3},"arguments":["attr.static"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":49,"character":28}]}]}},"ProgressBarComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"declarations":[{"__symbolic":"reference","name":"ProgressBarComponent"}],"exports":[{"__symbolic":"reference","name":"ProgressBarComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"BidiModule","line":9,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":24},{"__symbolic":"reference","name":"ParseDurationPipeModule"}],"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"bm-media-progress-slider","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":32,"character":19},"member":"OnPush"},"template":"<span\n  *ngIf=\"showPreviewBar()\"\n  #previewBar\n  class=\"bm-media-progress-slider__bar bm-media-progress-slider__bar--preview\"\n></span>\n<span\n  #doneBar\n  class=\"bm-media-progress-slider__bar bm-media-progress-slider__bar--done\"\n  [ngStyle]=\"{ 'width.px': getRelativeLeft(value) }\"\n></span>\n<span\n  *ngIf=\"showThumb()\"\n  #thumb\n  class=\"bm-media-progress-slider-thumb\"\n  [ngStyle]=\"{ 'left.px': getRelativeLeft(value), 'margin-left.em': -0.5 }\"\n  (mousedown)=\"onThumbMousedown($event)\"\n></span>\n<span\n  *bmMediaProgressTooltip=\"_elementRef\"\n  class=\"bm-media-progress-slider-tooltip\"\n  >{{ pointerTime | bmParseDuration }}</span\n>\n","styles":[":host{height:.5em;border-radius:.4em;display:inline-block;background-color:var(--secondary-color,#bcbcbc);max-width:100%;min-width:200px;position:relative}:host:focus{outline:solid var(--anchor-color,#4399fd) 2px}.bm-media-progress-slider__bar{height:.5em;border-radius:.4em;display:inline-block;position:absolute}.bm-media-progress-slider__bar--done{background-color:var(--header-background-color,#3e71ad)}.bm-media-progress-slider__bar--preview{background-color:var(--secondary-color-hover,#959494)}.bm-media-progress-slider-thumb{position:absolute;background-color:var(--header-background-color,#3e71ad);border-radius:50%;display:inline-block;height:1em;width:1em;top:-.25em}.bm-media-progress-slider-tooltip{display:inline-block;background-color:rgba(0,0,0,.7);border:1px solid #000;border-radius:3px;padding:.25em .5em;color:#fff;font-size:smaller}"]}]}],"members":{"duration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":38,"character":3},"arguments":["attr.aria-valuemax"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":42,"character":3},"arguments":["attr.aria-valuenow"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"valuemin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":3},"arguments":["attr.aria-valuemin"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":56,"character":3},"arguments":["attr.tabindex"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":60,"character":3},"arguments":["attr.role"]}]}],"seek":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":62,"character":3}}]}],"_doneBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":66,"character":3},"arguments":["doneBar",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":66,"character":32},"static":true}]}]}],"_previewBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":68,"character":3},"arguments":["previewBar",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":68,"character":35},"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":78,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":78,"character":12}]}],null,null],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":76,"character":35,"context":{"typeName":"HTMLElement"},"module":"./lib/media-progress-slider/media-progress-slider.component"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":79,"character":18},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":80,"character":18}]}],"onMouseenter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":83,"character":3},"arguments":["mouseenter",["$event"]]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":120,"character":3},"arguments":["click",["$event"]]}]}],"onKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":132,"character":3},"arguments":["keydown",["$event"]]}]}],"getRelativeLeft":[{"__symbolic":"method"}],"showThumb":[{"__symbolic":"method"}],"showPreviewBar":[{"__symbolic":"method"}],"onThumbMousedown":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":24,"character":1},"arguments":[{"selector":"[bmMediaProgressTooltip]"}]}],"members":{"bmMediaProgressTooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":70,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":70,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":67,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":68,"character":22},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":71,"character":21}]}],"ngOnDestroy":[{"__symbolic":"method"}],"onMouseenter":[{"__symbolic":"method"}],"tearDownPortals":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"bm-connected-audio-player","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":19},"member":"OnPush"},"template":"<audio\n  (ended)=\"onMediaEnded()\"\n  (timeupdate)=\"onTimeupdate()\"\n  [src]=\"src\"\n  [volume]=\"volume\"\n  #audioElement\n  autoplay\n></audio>\n<span class=\"bm-connected-media-player__time-indicator\">{{\n  audioElement.currentTime | bmParseDuration\n}}</span>\n<bm-media-progress-slider\n  (seek)=\"onSliderSeek($event)\"\n  [duration]=\"duration\"\n  [value]=\"currentTime\"\n  class=\"bm-connected-media-player__slider\"\n></bm-media-progress-slider>\n<span class=\"bm-connected-media-player__time-indicator\">{{\n  audioElement.duration | bmParseDuration\n}}</span>\n<button\n  (click)=\"close($event)\"\n  class=\"bm-connected-media-player__close_btn\"\n  i18n-title\n  title=\"Close\"\n  type=\"button\"\n>\n  <svg\n    aria-hidden=\"true\"\n    focusable=\"false\"\n    data-prefix=\"fas\"\n    data-icon=\"times-circle\"\n    class=\"svg-inline--fa fa-times-circle fa-w-16\"\n    class=\"bm-connected-media-player__close_icon\"\n    role=\"img\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 512 512\"\n  >\n    <path\n      fill=\"currentColor\"\n      d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z\"\n    ></path>\n  </svg>\n</button>\n","styles":[":host{align-items:center;background-color:#4a4a4a;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);display:inline-flex;flex-wrap:nowrap;justify-content:center;padding:.25em 0}.bm-connected-media-player__time-indicator{color:#fff;margin:.5em 1em;width:4em}.bm-connected-media-player__close_btn{background:0 0;border:0;color:#fff;margin:.5em 1em .5em 0}.bm-connected-media-player__close_icon{width:1em}"]}]}],"members":{"_audioElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":3},"arguments":["audioElement",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":41,"character":37},"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":45,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵe"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵf"}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":47,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":48,"character":25},{"__symbolic":"reference","name":"ConnectedMediaRemoteService"}]}],"onDocumentClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":55,"character":3},"arguments":["document:click",["$event"]]}]}],"onDocumentKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":72,"character":3},"arguments":["document:keydown",["$event"]]}]}],"onSliderSeek":[{"__symbolic":"method"}],"onTimeupdate":[{"__symbolic":"method"}],"onMediaEnded":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":5,"character":40},"arguments":["bmat.angular.media-players.connected-player-src"]},"ɵf":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":5,"character":43},"arguments":["bmat.angular.media-players.connected-player-volume"]},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"bm-connected-video-player","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":20,"character":19},"member":"OnPush"},"template":"<div\n  #fullscreenWrapper\n  class=\"bm-connected-video-player-controls__fullscreen-wrap\"\n>\n  <video\n    (durationchange)=\"checkAfterVideoElement()\"\n    (ended)=\"onMediaEnded()\"\n    (pause)=\"onVideoPause()\"\n    (play)=\"onVideoPlay()\"\n    (timeupdate)=\"checkAfterVideoElement()\"\n    [autoplay]=\"autoplay\"\n    [src]=\"src\"\n    [volume]=\"volume\"\n    #videoElement\n    class=\"bm-connected-video-player\"\n    nocontrols\n  ></video>\n  <div\n    class=\"bm-connected-video-player-controls bm-connected-video-player-controls--top\"\n    style=\"text-align: right;\"\n  >\n    <button\n      type=\"button\"\n      class=\"bm-connected-video-player-controls__btn\"\n      i18n-title\n      title=\"Close video\"\n      (click)=\"close()\"\n    >\n      <svg\n        aria-hidden=\"true\"\n        data-prefix=\"fas\"\n        data-icon=\"times\"\n        class=\"bm-connected-video-player__icon\"\n        role=\"img\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 352 512\"\n      >\n        <path\n          fill=\"currentColor\"\n          d=\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\"\n        ></path>\n      </svg>\n    </button>\n  </div>\n  <div\n    class=\"bm-connected-video-player-controls bm-connected-video-player-controls--bottom\"\n  >\n    <bm-media-progress-slider\n      style=\"width: 100%;\"\n      [duration]=\"videoElement.duration\"\n      [value]=\"videoElement.currentTime\"\n      (seek)=\"onSliderSeek($event)\"\n    ></bm-media-progress-slider>\n    <div class=\"bm-connected-video-player-controls__second-level\">\n      <div class=\"bm-connected-video-player-controls__play-ctrl\">\n        <button\n          type=\"button\"\n          class=\"bm-connected-video-player-controls__btn\"\n          i18n-title\n          title=\"Toggle play\"\n          (click)=\"togglePlay()\"\n        >\n          <ng-template #playIcon>\n            <svg\n              aria-hidden=\"true\"\n              data-prefix=\"fas\"\n              data-icon=\"play\"\n              class=\"bm-connected-video-player__icon\"\n              role=\"img\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 448 512\"\n            >\n              <path\n                fill=\"currentColor\"\n                d=\"M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z\"\n              ></path>\n            </svg>\n          </ng-template>\n          <svg\n            *ngIf=\"isPlaying; else playIcon\"\n            aria-hidden=\"true\"\n            data-prefix=\"fas\"\n            data-icon=\"play\"\n            class=\"bm-connected-video-player__icon\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 448 512\"\n          >\n            <path\n              fill=\"currentColor\"\n              d=\"M144 479H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48z\"\n            ></path>\n          </svg>\n        </button>\n        <span class=\"bm-connected-video-player-controls__time-indicator\">{{\n          videoElement.currentTime | bmParseDuration\n        }}</span>\n        /\n        <span class=\"bm-connected-video-player-controls__time-indicator\">{{\n          videoElement.duration | bmParseDuration\n        }}</span>\n      </div>\n      <div>\n        <button\n          *ngIf=\"displayFullScreenBtn()\"\n          type=\"button\"\n          class=\"bm-connected-video-player-controls__btn\"\n          i18n-title\n          title=\"Toggle fullscreen\"\n          (click)=\"toggleFullScreen()\"\n        >\n          <svg\n            aria-hidden=\"true\"\n            data-prefix=\"fas\"\n            data-icon=\"expand-alt\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 448 512\"\n            class=\"bm-connected-video-player__icon\"\n          >\n            <path\n              fill=\"currentColor\"\n              d=\"M212.686 315.314L120 408l32.922 31.029c15.12 15.12 4.412 40.971-16.97 40.971h-112C10.697 480 0 469.255 0 456V344c0-21.382 25.803-32.09 40.922-16.971L72 360l92.686-92.686c6.248-6.248 16.379-6.248 22.627 0l25.373 25.373c6.249 6.248 6.249 16.378 0 22.627zm22.628-118.628L328 104l-32.922-31.029C279.958 57.851 290.666 32 312.048 32h112C437.303 32 448 42.745 448 56v112c0 21.382-25.803 32.09-40.922 16.971L376 152l-92.686 92.686c-6.248 6.248-16.379 6.248-22.627 0l-25.373-25.373c-6.249-6.248-6.249-16.378 0-22.627z\"\n              class=\"\"\n            ></path>\n          </svg>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n","styles":[":host{display:inline-block;position:relative;overflow:hidden;max-width:100%;width:64em;height:36em;background-color:#000}:host(.focus-within) .bm-connected-video-player-controls--bottom,:host(.focus-within) .bm-connected-video-player-controls--top,:host(:hover) .bm-connected-video-player-controls--bottom,:host(:hover) .bm-connected-video-player-controls--top{-webkit-transform:translateY(0);transform:translateY(0)}.bm-connected-video-player{width:100%}.bm-connected-video-player__fullscreen-wrap{position:absolute;top:0;left:0;right:0;bottom:0}.bm-connected-video-player__icon{display:inline-block;font-size:inherit;height:1.5em;width:1.1em}.bm-connected-video-player-controls{color:#fff;position:absolute;left:0;right:0;padding:.5em 1em;background-color:rgba(0,0,0,.35);transition:.2s ease-in-out}.bm-connected-video-player-controls--top{top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.bm-connected-video-player-controls--bottom{padding-bottom:.5em;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.bm-connected-video-player-controls__play-ctrl{display:inline-flex;align-items:center}.bm-connected-video-player-controls__second-level{margin-top:.25em;display:flex;justify-content:space-between;width:100%}.bm-connected-video-player-controls__btn{color:#fff;border:0;background:0 0}.bm-connected-video-player-controls__time-indicator{width:4em;color:#fff;margin:.5em}"]}]}],"members":{"_videoElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["videoElement",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":31,"character":37},"static":true}]}]}],"_fullscreenWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":["fullscreenWrapper",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":34,"character":42},"static":true}]}]}],"focusWithin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":37,"character":3},"arguments":["class.focus-within"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵe"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":49,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵh"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":51,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":51,"character":12}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":52,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵf"}]}],null],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":53,"character":18}]}],"onFocusin":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":60,"character":3},"arguments":["focusin"]}]}],"onFocusout":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":64,"character":3},"arguments":["focusout"]}]}],"onDocumentKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":69,"character":3},"arguments":["document:keydown",["$event"]]}]}],"close":[{"__symbolic":"method"}],"onMediaEnded":[{"__symbolic":"method"}],"checkAfterVideoElement":[{"__symbolic":"method"}],"onVideoPlay":[{"__symbolic":"method"}],"onVideoPause":[{"__symbolic":"method"}],"togglePlay":[{"__symbolic":"method"}],"onSliderSeek":[{"__symbolic":"method"}],"toggleFullScreen":[{"__symbolic":"method"}],"displayFullScreenBtn":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":5,"character":50},"arguments":["bmat.angular.media-players.connected-player-close-request"]}},"origins":{"BMATMediaPlayersModule":"./lib/media-players.module","BMATAudioPlayerComponent":"./lib/audio/bm-audio.component","BMMediaOutputComponent":"./lib/bm-media-output/bm-media-output.component","ConnectedMediaRemoteService":"./lib/services/connected-media-remote/connected-media-remote.service","ConnectedPlayerEvent":"./lib/services/connected-media-remote/connected-media-remote.service","ConnectedPlayerEventTypes":"./lib/services/connected-media-remote/connected-media-remote.service","OpenPlayerOptions":"./lib/services/connected-media-remote/connected-media-remote.service","PlayerType":"./lib/services/connected-media-remote/connected-media-remote.service","ParseDurationPipe":"./lib/format-duration/format-duration.pipe","ParseDurationPipeModule":"./lib/format-duration/format-duration.pipe.module","ProgressBarComponent":"./lib/progress-bar/progress-bar.component","ProgressBarComponentModule":"./lib/progress-bar/progress-bar.component.module","ɵa":"./lib/media-progress-slider/media-progress-slider.component.module","ɵb":"./lib/media-progress-slider/media-progress-slider.component","ɵc":"./lib/media-progress-slider/media-progress-tooltip.directive","ɵd":"./lib/components/connected-audio-player/connected-audio-player.component","ɵe":"./lib/tokens/connected-player-src.token","ɵf":"./lib/tokens/connected-player-volume.token","ɵg":"./lib/components/connected-video-player/connected-video-player.component","ɵh":"./lib/tokens/connected-player-close-request"},"importAs":"@bmat/angular/media-players"}