Skip to content

Instantly share code, notes, and snippets.

@Albert-W

Albert-W/2.js

Created March 23, 2024 09:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Albert-W/11c8960505d61aaf139945d3af027d00 to your computer and use it in GitHub Desktop.
Save Albert-W/11c8960505d61aaf139945d3af027d00 to your computer and use it in GitHub Desktop.
Download ZIP
iyf js
Raw
2.js
(window.webpackJsonp = window.webpackJsonp || []).push([[2], {
"+6MP": function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return s
});
var i = n("2Vo4")
, o = n("fXoL");
let s = (()=>{
class t {
constructor() {
this._playerSettings = new i.a({
forbiddenFloatingPlayer: !1,
autoSkip: !0,
autoStart: !0
}),
this.playerSettings$ = this._playerSettings.asObservable()
}
setPlayerSettings(t) {
this._playerSettings.next(t)
}
}
return t.\u0275fac = function(e) {
return new (e || t)
}
,
t.\u0275prov = o.Kb({
token: t,
factory: t.\u0275fac
}),
t
}
)()
},
"+bO1": function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return r
});
var i = n("Njeq")
, o = n("tWDZ")
, s = n("etJ/")
, c = n("lJxs")
, a = n("3E0/")
, l = n("fXoL");
let r = (()=>{
class t {
constructor(t, e, n) {
this._apiUrlHelper = t,
this._httpClientHelper = e,
this._storage = n
}
getToken() {
return Object.assign({}, this._httpClientHelper.token)
}
getMedia(t, e=!0) {
let n = {};
n.region = this._storage.GetConfig().region || "GL.",
n.device = 1,
n.ispath = e,
n.id = t,
n.alluser = 1;
const i = this._apiUrlHelper.urlBuilder("video-media", n, "NEWS_ENDPOINT");
return this._httpClientHelper.get(i).pipe(Object(c.a)(t=>null !== t[0] ? t[0] : []))
}
like(t) {
const e = this._apiUrlHelper.urlBuilder("video-like", {
videoId: t,
cinema: 3
}, "NEWSV3_ENDPOINT");
return this._httpClientHelper.get(e).pipe(Object(c.a)(e=>(this.voteRecord(t, "like"),
e))).pipe(Object(a.a)(300))
}
pageViewRecord(t) {
return this._httpClientHelper.get(t, !0)
}
dislike(t) {
const e = this._apiUrlHelper.urlBuilder("video-dislike", {
videoId: t,
cinema: 3
}, "NEWSV3_ENDPOINT");
return this._httpClientHelper.get(e).pipe(Object(c.a)(e=>(this.voteRecord(t, "dislike"),
e))).pipe(Object(a.a)(300))
}
isVoted(t) {
return (this._storage.GetItem("news_voteVideo") ? JSON.parse(this._storage.GetItem("news_voteVideo")) : []).filter(e=>e.id === t).length > 0
}
voteRecord(t, e) {}
favorite(t, e) {
var n = {};
n.id = e;
const i = this._apiUrlHelper.urlBuilder("video-favorite", n, "NEWS_ENDPOINT");
return this._httpClientHelper.get(i).pipe(Object(c.a)(t=>t)).pipe(Object(a.a)(300))
}
sendPlayHistory(t) {
this._httpClientHelper.getAsync(t)
}
sendWatched(t) {
this._httpClientHelper.getAsync(t)
}
getChannelList(t, e) {
var n = {};
n.cid = t,
n.lable = e,
n.size = 10;
const i = this._apiUrlHelper.urlBuilder("related-channel", n, "NEWS_ENDPOINT");
return this._httpClientHelper.get(i).pipe(Object(c.a)(t=>t))
}
share(t) {
const e = this._apiUrlHelper.urlBuilder("video-share", {
vid: t
});
return this._httpClientHelper.get(e)
}
}
return t.\u0275fac = function(e) {
return new (e || t)(l.Yb(i.a),l.Yb(o.a),l.Yb(s.a))
}
,
t.\u0275prov = l.Kb({
token: t,
factory: t.\u0275fac
}),
t
}
)()
},
ANSy: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return p
});
var i = n("fXoL")
, o = n("ofXK")
, s = n("3Pt+");
const c = function(t) {
return {
checked: t
}
};
function a(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "label", 2),
i.Ub(1, "span", 3),
i.Ub(2, "input", 4),
i.bc("click", function() {
i.Ac(t);
const n = e.index;
return i.ec(2).select(n)
}),
i.Tb(),
i.Pb(3, "span", 5),
i.Tb(),
i.Ub(4, "span", 6),
i.Kc(5),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = e.index
, o = i.ec(2);
i.Cb(1),
i.lc("ngClass", i.qc(2, c, o.selectedIndex === n)),
i.Cb(4),
i.Lc(t)
}
}
function l(t, e) {
if (1 & t && (i.Sb(0),
i.Ic(1, a, 6, 4, "label", 1),
i.Rb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("ngForOf", t.options)
}
}
function r(t, e) {
if (1 & t && (i.Ub(0, "span", 6),
i.Kc(1),
i.Tb()),
2 & t) {
const t = i.ec().$implicit;
i.Cb(1),
i.Lc(t.title)
}
}
function u(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "span", 11),
i.Ub(1, "input", 12),
i.bc("ngModelChange", function(e) {
return i.Ac(t),
i.ec().$implicit.value = e
})("change", function() {
return i.Ac(t),
i.ec(3).emitChange()
}),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec().$implicit;
i.Cb(1),
i.mc("placeholder", t.placeholder ? t.placeholder : "\u8bf7\u8f93\u5165" + t.title),
i.lc("ngModel", t.value)
}
}
const h = function(t) {
return {
"equal-width": t
}
};
function d(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "label", 8),
i.Ub(1, "span", 3),
i.Ub(2, "input", 4),
i.bc("click", function() {
i.Ac(t);
const n = e.index;
return i.ec(2).selectMulti(n)
}),
i.Tb(),
i.Pb(3, "span", 5),
i.Tb(),
i.Ic(4, r, 2, 1, "span", 9),
i.Ic(5, u, 2, 2, "span", 10),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = i.ec(2);
i.lc("ngClass", i.qc(4, h, n.equalWidth)),
i.Cb(1),
i.lc("ngClass", i.qc(6, c, t.selected)),
i.Cb(3),
i.lc("ngIf", !n.equalWidth || !t.customInput || t.customInput && !t.selected),
i.Cb(1),
i.lc("ngIf", !n.equalWidth && t.customInput || n.equalWidth && t.customInput && t.selected)
}
}
function g(t, e) {
if (1 & t && (i.Sb(0),
i.Ic(1, d, 6, 8, "label", 7),
i.Rb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("ngForOf", t.multiOptions)
}
}
let p = (()=>{
class t {
constructor() {
this.isMultiSelection = !1,
this.clearOtherOption = "",
this.options = ["option1", "option2"],
this.multiOptions = [{
title: "option1",
selected: !1,
customInput: !1
}, {
title: "option2",
selected: !1,
customInput: !1
}],
this.onChange = new i.n,
this.onMultiChange = new i.n,
this.selectedIndex = 0,
this.equalWidth = !1,
this.allowUncheck = !1
}
get classAttribute() {
return {
"d-flex": this.isMultiSelection,
"flex-wrap": this.isMultiSelection
}
}
ngOnInit() {}
select(t) {
this.selectedIndex !== t ? (this.selectedIndex = t,
this.onChange.emit(this.selectedIndex)) : this.allowUncheck && (this.selectedIndex = -1,
this.onChange.emit(this.selectedIndex))
}
selectMulti(t) {
this.multiOptions[t].title === this.clearOtherOption ? this.multiOptions[t].selected || (this.multiOptions = this.multiOptions.map(t=>Object.assign(Object.assign({}, t), {
selected: !1
}))) : this.multiOptions.filter(t=>{
t.title === this.clearOtherOption && (t.selected = !1)
}
),
this.multiOptions[t].selected = !this.multiOptions[t].selected,
this.onMultiChange.emit(this.multiOptions)
}
emitChange() {
this.onMultiChange.emit(this.multiOptions)
}
}
return t.\u0275fac = function(e) {
return new (e || t)
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-dn-radio"]],
hostVars: 2,
hostBindings: function(t, e) {
2 & t && i.Eb(e.classAttribute)
},
inputs: {
isMultiSelection: "isMultiSelection",
clearOtherOption: "clearOtherOption",
options: "options",
multiOptions: "multiOptions",
selectedIndex: "selectedIndex",
equalWidth: "equalWidth",
allowUncheck: "allowUncheck"
},
outputs: {
onChange: "onChange",
onMultiChange: "onMultiChange"
},
decls: 2,
vars: 2,
consts: [[4, "ngIf"], ["style", "cursor: pointer", 4, "ngFor", "ngForOf"], [2, "cursor", "pointer"], [1, "dn-radio", 3, "ngClass"], ["type", "radio", 1, "dn-radio-input", 3, "click"], [1, "dn-radio-inner"], [1, "dn-radio-label"], ["style", "cursor: pointer", 3, "ngClass", 4, "ngFor", "ngForOf"], [2, "cursor", "pointer", 3, "ngClass"], ["class", "dn-radio-label", 4, "ngIf"], ["class", "dn-input", 4, "ngIf"], [1, "dn-input"], ["type", "input", "required", "", 1, "dn-input", "input-box", "sm", 3, "placeholder", "ngModel", "ngModelChange", "change"]],
template: function(t, e) {
1 & t && (i.Ic(0, l, 2, 1, "ng-container", 0),
i.Ic(1, g, 2, 1, "ng-container", 0)),
2 & t && (i.lc("ngIf", !e.isMultiSelection),
i.Cb(1),
i.lc("ngIf", e.isMultiSelection))
},
directives: [o.n, o.m, o.l, s.a, s.p, s.j, s.l],
styles: ['.dn-radio[_ngcontent-%COMP%]{box-sizing:border-box;padding:0;color:#000000a6;display:inline-block;font-variant:tabular-nums;font-feature-settings:"tnum";list-style:none;position:relative;margin:0;top:0;line-height:1;white-space:nowrap;vertical-align:text-bottom;outline:0;cursor:pointer}.dn-radio-input[_ngcontent-%COMP%]{opacity:0;display:none}.dn-radio-inner[_ngcontent-%COMP%]{position:relative;top:0;left:0;display:block;width:16px;height:16px;background-color:initial;border:1px solid #dedede;transition:all .3s}.dn-radio-inner[_ngcontent-%COMP%]:after{position:absolute;top:3px;left:3px;display:table;width:8px;height:8px;background-color:#00c0ff;border-top:0;border-left:0;transform:scale(0);opacity:0;transition:all .3s cubic-bezier(.78,.14,.15,.86);content:" "}.checked[_ngcontent-%COMP%] .dn-radio-inner[_ngcontent-%COMP%]{border-color:#00c0ff}.checked[_ngcontent-%COMP%] .dn-radio-inner[_ngcontent-%COMP%]:after{transform:scale(1);opacity:1;transition:all .3s cubic-bezier(.78,.14,.15,.86)}.dn-radio-label[_ngcontent-%COMP%]{margin-left:5px;position:relative;top:1px}span.dn-input[_ngcontent-%COMP%]{margin-left:.5em}.equal-width[_ngcontent-%COMP%]{width:16em}[_nghost-%COMP%]{margin-left:-.75em}.input-box[_ngcontent-%COMP%]{background-color:#373843;color:#fff}.light[_nghost-%COMP%] .input-box[_ngcontent-%COMP%], .light [_nghost-%COMP%] .input-box[_ngcontent-%COMP%]{background-color:#eee}.light[_nghost-%COMP%] .input-box[_ngcontent-%COMP%], .light [_nghost-%COMP%] .input-box[_ngcontent-%COMP%]{color:#333}']
}),
t
}
)()
},
DjSW: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return s
});
var i = n("2Vo4")
, o = n("fXoL");
let s = (()=>{
class t {
constructor() {
this.isOpen = !1,
this._open = new i.a(this.isOpen),
this.open$ = this._open.asObservable()
}
open() {
this.isOpen = !0,
this._open.next(this.isOpen)
}
close() {
this.isOpen = !1,
this._open.next(this.isOpen)
}
toggle() {
this.isOpen = !this.isOpen,
this._open.next(this.isOpen)
}
}
return t.\u0275fac = function(e) {
return new (e || t)
}
,
t.\u0275prov = o.Kb({
token: t,
factory: t.\u0275fac,
providedIn: "root"
}),
t
}
)()
},
ELgw: function(t, e, n) {
"use strict";
function i() {
if (window.getSelection) {
const t = window.getSelection();
if (t.getRangeAt && t.rangeCount)
return t.getRangeAt(0)
} else if (document.getSelection && document.createRange)
return document.createRange();
return null
}
function o(t) {
if (!t)
return !1;
if (window.getSelection) {
const e = window.getSelection();
return e.removeAllRanges(),
e.addRange(t),
!0
}
return document.getSelection && t.select ? (t.select(),
!0) : void 0
}
n.d(e, "b", function() {
return i
}),
n.d(e, "a", function() {
return o
})
},
PkM9: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return d
});
var i = n("fXoL")
, o = n("ofXK")
, s = n("ZAKw")
, c = n("wFXo")
, a = n("pdfW");
function l(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "app-expandable-tabs", 5),
i.bc("selected", function(e) {
return i.Ac(t),
i.ec(2).onSelectTab(e)
}),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.lc("items", t.tabs)("activated", t.activeTabIndex || 0 === t.activeTabIndex ? t.activeTabIndex : t.currentTabIndex)("current", t.currentTabIndex)("fromPlayer", t.fromPlayer)("fixed", t.fixedTabs)
}
}
function r(t, e) {
if (1 & t && (i.Ub(0, "div"),
i.Pb(1, "app-media-button", 6),
i.Tb()),
2 & t) {
const t = e.$implicit
, n = i.ec(2);
i.Cb(1),
i.lc("videoId", t.videoId)("type", t.type)("item", t)("wide", n.isWide)("mediaKey", n.newMediaKey)
}
}
const u = function(t, e, n) {
return {
length: t,
items: e,
placeholder: n,
valid: !0
}
};
function h(t, e) {
if (1 & t && (i.Ub(0, "div", 1),
i.Ic(1, l, 1, 5, "app-expandable-tabs", 2),
i.Ub(2, "div", 3),
i.Ic(3, r, 2, 5, "div", 4),
i.Tb(),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("ngIf", t.tabs.length > 1),
i.Cb(1),
i.lc("FlexboxPlaceholder", i.sc(3, u, t.fromPlayer ? t.isWide ? 2 : 5 : t.isWide ? 5 : 10, t.currentItems.length, t.isWide ? "media-button wide" : "media-button")),
i.Cb(1),
i.lc("ngForOf", t.currentItems)
}
}
let d = (()=>{
class t {
constructor() {
this.items = [],
this.fixedTabs = 3,
this.fromPlayer = !1,
this.isWide = !1,
this.currentItems = [],
this.tabs = [],
this.subscriptions = [],
this.pageSize = 50,
this.isLive = !1
}
ngOnInit() {}
ngOnChanges(t) {
const e = Math.ceil(this.items.length / this.pageSize);
this.tabs = [];
for (var n = 0; n < e; n++) {
let t = n * this.pageSize
, e = (n + 1) * this.pageSize < this.items.length ? (n + 1) * this.pageSize - 1 : this.items.length - 1;
const i = this.items[t]
, o = this.items[e]
, s = i.title.includes("-") ? i.title.split("-")[0] : i.title
, c = o.title.includes("-") ? o.title.split("-")[1] : o.title;
let a = s
, l = c;
(s.toString().length > 5 || c.toString().length > 5 || this.isLive) && (a = t + 1 + "",
l = e + 1 + ""),
this.tabs.push(a + "-" + l)
}
this.currentKey ? this.setCurrentTab() : this.onSelectTab(0)
}
setCurrentTab() {
const t = this.items.findIndex(t=>t.key === this.currentKey);
if (t > -1) {
this.activeTabIndex = void 0;
const e = Math.ceil((t + 1) / this.pageSize) - 1;
this.currentTabIndex = e,
this.currentItems = this.items.slice(e * this.pageSize, e * this.pageSize + this.pageSize)
} else
this.onSelectTab(0)
}
onSelectTab(t) {
this.activeTabIndex = t,
this.currentItems = this.items.slice(t * this.pageSize, t * this.pageSize + this.pageSize)
}
ngOnDestroy() {
this.subscriptions.forEach(t=>t.unsubscribe())
}
}
return t.\u0275fac = function(e) {
return new (e || t)
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-list"]],
inputs: {
items: "items",
fixedTabs: "fixedTabs",
fromPlayer: "fromPlayer",
isWide: "isWide",
newMediaKey: "newMediaKey",
currentKey: "currentKey",
pageSize: "pageSize",
isLive: "isLive"
},
features: [i.Ab],
decls: 1,
vars: 1,
consts: [["class", "n-media", 4, "ngIf"], [1, "n-media"], [3, "items", "activated", "current", "fromPlayer", "fixed", "selected", 4, "ngIf"], [1, "n-media-list", 3, "FlexboxPlaceholder"], [4, "ngFor", "ngForOf"], [3, "items", "activated", "current", "fromPlayer", "fixed", "selected"], [3, "videoId", "type", "item", "wide", "mediaKey"]],
template: function(t, e) {
1 & t && i.Ic(0, h, 4, 7, "div", 0),
2 & t && i.lc("ngIf", e.currentItems.length)
},
directives: [o.n, s.a, o.m, c.a, a.a],
styles: ["button[_ngcontent-%COMP%]{padding:5px 15px;margin:5px}button.active[_ngcontent-%COMP%]{background:red}"]
}),
t
}
)()
},
QP6B: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return i
});
var i = function(t) {
return t[t.Barrel = 0] = "Barrel",
t[t.FixTop = 1] = "FixTop",
t[t.FixBottom = 2] = "FixBottom",
t
}({})
},
Qa7H: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return l
});
var i = n("l7P3");
const o = Object(i.h)("danmu")
, s = {
getLoading: Object(i.i)(o, t=>t.loading),
getList: Object(i.i)(o, t=>t.list),
getPaused: Object(i.i)(o, t=>t.paused),
getSetCurrentTime: Object(i.i)(o, t=>t.setCurrentTime),
getKeywordFilter: Object(i.i)(o, t=>t.keywordFilter),
getUserFilter: Object(i.i)(o, t=>t.userFilter),
getFullScreen: Object(i.i)(o, t=>t.fullScreen),
getBlockTop: Object(i.i)(o, t=>t.blockTop),
getBlockBottom: Object(i.i)(o, t=>t.blockBottom),
getBlockLeft: Object(i.i)(o, t=>t.blockLeft),
getSpeed: Object(i.i)(o, t=>t.speed),
getShowDanmu: Object(i.i)(o, t=>t.showDanmu),
getFontSize: Object(i.i)(o, t=>t.fontSize),
getOpacity: Object(i.i)(o, t=>t.opacity),
getFontFamily: Object(i.i)(o, t=>t.fontFamily),
getDanmuKey: Object(i.i)(o, t=>t.danmuKey),
getOutputType: Object(i.i)(o, t=>t.outputType),
getOutputColor: Object(i.i)(o, t=>t.outputColor),
getUserSettings: Object(i.i)(o, t=>t.userSettings)
};
var c = n("Y7a1")
, a = n("fXoL");
let l = (()=>{
class t {
constructor(t) {
this.store = t,
this.currentTime = 0,
this.loading$ = this.store.pipe(Object(i.j)(s.getLoading)),
this.list$ = this.store.pipe(Object(i.j)(s.getList)),
this.paused$ = this.store.pipe(Object(i.j)(s.getPaused)),
this.setCurrentTime$ = this.store.pipe(Object(i.j)(s.getSetCurrentTime)),
this.keywordFilter$ = this.store.pipe(Object(i.j)(s.getKeywordFilter)),
this.userFilter$ = this.store.pipe(Object(i.j)(s.getUserFilter)),
this.blockTop$ = this.store.pipe(Object(i.j)(s.getBlockTop)),
this.blockBottom$ = this.store.pipe(Object(i.j)(s.getBlockBottom)),
this.blockLeft$ = this.store.pipe(Object(i.j)(s.getBlockLeft)),
this.speed$ = this.store.pipe(Object(i.j)(s.getSpeed)),
this.showDanmu$ = this.store.pipe(Object(i.j)(s.getShowDanmu)),
this.fontSize$ = this.store.pipe(Object(i.j)(s.getFontSize)),
this.opacity$ = this.store.pipe(Object(i.j)(s.getOpacity)),
this.fontFamily$ = this.store.pipe(Object(i.j)(s.getFontFamily)),
this.DanmuKey$ = this.store.pipe(Object(i.j)(s.getDanmuKey)),
this.outputType$ = this.store.pipe(Object(i.j)(s.getOutputType)),
this.outputColor$ = this.store.pipe(Object(i.j)(s.getOutputColor)),
this.userSettings$ = this.store.pipe(Object(i.j)(s.getUserSettings)),
this.isPaused = !1
}
danmuListLoaded(t) {
this.store.dispatch(new c.i(t))
}
pause(t) {
this.isPaused = !0,
this.store.dispatch(new c.l(t))
}
play(t) {
this.isPaused = !1,
this.store.dispatch(new c.m(t))
}
sendDanmu(t) {
this.store.dispatch(new c.s(t))
}
newDanmu(t) {
this.store.dispatch(new c.k(t))
}
setCurrentTime(t) {
this.store.dispatch(new c.t(t))
}
addKeywordFilter(t) {
this.store.dispatch(new c.b(t))
}
removeKeywordFilter(t) {
this.store.dispatch(new c.o(t))
}
addUserFilter(t) {
this.store.dispatch(new c.c(t))
}
removeUserFilter(t) {
this.store.dispatch(new c.p(t))
}
blockTop(t) {
this.store.dispatch(new c.f(t))
}
blockBottom(t) {
this.store.dispatch(new c.d(t))
}
blockLeft(t) {
this.store.dispatch(new c.e(t))
}
setSpeed(t) {
this.store.dispatch(new c.A(t))
}
toggleDanmu(t) {
this.store.dispatch(new c.B(t))
}
setFontSize(t) {
this.store.dispatch(new c.w(t))
}
setOpacity(t) {
this.store.dispatch(new c.x(t))
}
setFontFamily(t) {
this.store.dispatch(new c.v(t))
}
requireDanmuList(t) {
this.store.dispatch(new c.j(t))
}
setDanmuKey(t) {
this.store.dispatch(new c.u(t))
}
removeDanmu(t) {
this.store.dispatch(new c.n(t))
}
danmuRemoved(t) {
this.store.dispatch(new c.q(t))
}
resetDanmu(t) {
this.store.dispatch(new c.r(t))
}
containKeywordFilter(t, e) {
return t.some(t=>e.contxt.indexOf(t) > -1)
}
containUserFilter(t, e) {
return t.some(t=>t.id == e.uid)
}
setOutputType(t) {
this.store.dispatch(new c.z(t))
}
setOutputColor(t) {
this.store.dispatch(new c.y(t))
}
getUserSettings(t) {
this.store.dispatch(new c.g(t))
}
getUserSettingsSuccess(t) {
this.store.dispatch(new c.h(t))
}
updateUserSettings(t) {
this.store.dispatch(new c.C(t))
}
}
return t.\u0275fac = function(e) {
return new (e || t)(a.Yb(i.b))
}
,
t.\u0275prov = a.Kb({
token: t,
factory: t.\u0275fac
}),
t
}
)()
},
QjhS: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return Ki
});
var i = n("fXoL")
, o = n("HQN/");
let s = (()=>{
class t {
changeBitrate(t) {}
captureControls() {}
releaseControls() {}
triggerPlayAds(t) {}
setVolume(t) {}
getVolume() {}
invokePlayConfig(t) {}
dispose() {}
setTitle(t) {}
muted(t) {}
get getPlayMedia() {
return ""
}
reset() {}
invokePauseList(t) {}
showInfo(t, e=5, n=!1) {}
subscript(t, e) {}
playVideo(t, e) {}
invokeInterstitial(t) {}
play() {
console.log("fake play")
}
pause() {}
getRef() {}
seek(t) {}
intersitialHandler(t) {}
videoLog(t) {}
getAndDeleteLogs() {}
}
return t.\u0275fac = function(e) {
return new (e || t)
}
,
t.\u0275prov = i.Kb({
token: t,
factory: t.\u0275fac
}),
t
}
)();
var c = n("bgqT")
, a = n("97V9")
, l = n("dfsm")
, r = n("AytR")
, u = n("w1pc")
, h = n("3My9")
, d = n("bTnO")
, g = n("Qa7H")
, p = n("YKxU")
, b = n("tSvX")
, m = n("0Xxy")
, f = n("tWDZ")
, v = n("Njeq")
, C = n("DjSW")
, P = n("ciLT")
, y = n("b1b0")
, O = n("etJ/")
, x = n("+6MP")
, M = n("5TDy")
, _ = n("YFcv")
, w = n("K9be")
, k = n("tyNb")
, I = n("5+WD")
, S = n("ofXK")
, T = n("CDBu")
, A = n("0BEm")
, U = n("B4PT");
function F(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 1),
i.Ub(1, "div", 2),
i.Ub(2, "div", 3),
i.bc("click", function() {
return i.Ac(t),
i.ec().close()
}),
i.Tb(),
i.Ub(3, "div", 4),
i.bc("click", function(e) {
return i.Ac(t),
i.ec().navigate(e)
}),
i.Tb(),
i.Ub(4, "div", 5),
i.Kc(5, "\u5e7f\u544a"),
i.Tb(),
i.Ub(6, "div", 6),
i.bc("click", function(e) {
return i.Ac(t),
i.ec().navigate(e)
}),
i.Tb(),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec();
i.Cb(3),
i.lc("ngStyle", t.getBackgroudImage())
}
}
let L = (()=>{
class t {
constructor(t, e, n) {
this.API = e,
this.vgSeekBarAPI = n,
this.list = [],
this.shouldLoad = !0,
this.onShowPauseAds = new i.n,
this.shouldShow = !0,
this.subscriptions = [],
this.showPlayEndContent = !1,
this.shouldShowControl = !1,
this.pauseImage = null,
this.elem = t.nativeElement
}
ngOnInit() {
this.API.isPlayerReady ? this.onPlayerReady() : this.subscriptions.push(this.API.playerReadyEvent.subscribe(()=>this.onPlayerReady()))
}
invokeAds(t) {
this.list = t
}
onPlayerReady() {
this.target = this.API.getMediaById(this.vgFor),
null != this.target && null != this.target.subscriptions && (this.subscriptions.push(this.target.subscriptions.pause.subscribe(t=>{
this.shouldLoad && this.shouldShow && this.list.length > 0 && (this.pauseImage = this.list[Math.floor(Math.random() * this.list.length)],
this.onShowPauseAds.next(this.pauseImage))
}
)),
this.subscriptions.push(this.target.subscriptions.play.subscribe(t=>{
this.pauseImage = null
}
)))
}
getBackgroudImage() {
return this.pauseImage ? {
"background-image": "url('" + (this.pauseImage.src ? this.pauseImage.src.split("?")[0] : "") + "')",
"background-repeat": "no-repeat",
"background-position": "center",
"background-size": "contain"
} : {}
}
close() {
this.pauseImage = null
}
navigate(t) {
t.stopPropagation(),
o.f.openInNewWindow(this.pauseImage.href)
}
ngOnDestroy() {
this.subscriptions.forEach(t=>t.unsubscribe())
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(i.l),i.Ob(A.a),i.Ob(U.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["vg-pause-d"]],
hostBindings: function(t, e) {
1 & t && i.bc("invokePauseAds", function(t) {
return e.invokeAds(t.detail)
}, !1, i.zc)
},
inputs: {
vgFor: "vgFor",
shouldLoad: "shouldLoad",
showPlayEndContent: "showPlayEndContent"
},
outputs: {
onShowPauseAds: "onShowPauseAds"
},
decls: 1,
vars: 1,
consts: [["class", "vg-vv-p", 4, "ngIf"], [1, "vg-vv-p"], [1, "vg-bg"], [1, "vg-pause-close-font", "iconfont", "iconguanbi", 3, "click"], [1, "vg-b", 3, "ngStyle", "click"], [1, "vg-tips-text"], [1, "vg-learn-more", 3, "click"]],
template: function(t, e) {
1 & t && i.Ic(0, F, 7, 1, "div", 0),
2 & t && i.lc("ngIf", !!e.pauseImage && !e.showPlayEndContent)
},
directives: [S.n, S.o],
styles: ["\n vg-pause-d{\n z-index: 4500;\n }\n \n .vg-vv-p{\n\n width: 100%;\n height: 100%;\n }\n .vg-bg{\n position:absolute;\n\n max-width: 640px;\n max-height: 360px;\n background-size: 100%;\n margin: 0 auto;\n cursor:pointer;\n transform: translate(-50%,-50%);\n left: 50%;\n top: 45%;\n width: 57%;\n height: 57%;\n }\n .vg-b{\n width: 100%;\n height: 100%;\n\n }\n .vg-pause-close{\n\n // background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAHySURBVHjavJZNSFRRFMd/o0IQrcqyGMZFFEIUGRUhKPRBswghQsGislW4l2IgaNWyMGjjom0biaIwCjISLJionMYMtaJAJshMXES1ydevhQPpzJsP+nh/uIt3zzvnf8/HPefGVMogAewDWoBmYCNQD8wB74EskAaGgVxJK2rYiqspNWN1yOT/j4fZCyNIqoP+GQbz+mVJOtUx/w5jeTuhJMl/QLCUKFlIEi8K0ey8ZiY1CCqb/KmOTujn+cLQxZeSpIoUR0Z151G9PrRopByejmvTYb18rVCSUqnJl2lXUdmtr4eFBei9CHcfQalKz76G3ksQBLBqZaG0C0igdpc84fhb3XVM1+7VW8PF8ucTurVDNxzQ++lSHnej9pcNRXZKtxzR1W1648Hv/ScvteWkNiaX7xejHzVd+apN6rYObdivQ2l990H3HF/8DvNwOdIx9ROwjkp49gp6LsCPABrWQG4Gzp+GE+2VNGdRg6qr/9wVXbF7cR3s0S/fqtEKavLNjqo8ufcYNjdC6w6Y/gi3H1ajORdJTiKrrkjuSSJ0bryZ1u2dmkjqnZHSreXFlLae0k3tevVm2JxJ1OQn2kBRumbmoK4O+s7CoTaIlUhrcxP0nYHaWvj6vVA6AOQi7cKRzJPIJmNkM/6/vFZiUby7fg0AfskAwR4G0nsAAAAASUVORK5CYII=');\n background-image: url('./assets/images/vg-pause-close.png?v=2');\n background-repeat:no-repeat;\n width:22px;\n height:22px;\n //top: -20px;\n right: -30px;\n position:absolute;\n margin-left: auto;\n margin-right: 0;\n top: -30px;\n }\n .vg-pause-close:hover{\n background-image: url('./assets/images/vg-pause-close.png?v=2');\n // background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAK9SURBVHjaxNZtaJVlGAfw355zRCiRSZumx7PKGBM19ai9KMMc2qgQBYn25XySDFGH5QuIpqxGC9oYln0o8uVDIxpIVEiCBSKIIwOdYkEMBjZ8Wa0Zo8QPzvnhPKedPWdnZ+Wg/5cHnuu+rj/3fV/X/3+XDE2uNgaSqMFyLMYclKEP3ehEB06jp1CRkgIkCaRRh5TiuIh2tOHaeEhqUY+1/j1O4BBO5f6MRxa9gv1Y6L9hLSowFcezP4PIDh6EIIuFYZ3aKEkiPKJhgvJSUlUEQfGyJVhSRVlpLlF9WPcfknTeHcx9nE/3smFVpshYWDaPz98h/WL06NJZkmTYRSNx8w/iMVq38/KKwkSLK2l9g1iMv25Ho3VIBuEc5LdpVw/pA/T2c+wA61bmEyydy2dv82SCLe9z5JvoihRqgnDQRseVbl5r4vdbHN3Phprh2LPzObSLqQ+zrYXvzjM0apXlsYZ4xVuYXZCot5+OK6xexqur6ezCEIf38cQstjbz1ZmxbuxuydDk6l5ML9pBT8/jkz1MimeIkzNoPErbyWKZvwWhFhXHjz9z8hyVSaoXcfUGX58ZT2ZZEIqdce3kpRWZhjh7icdmsv758WT2BaGajo1UFUf2MauMNw/yehO3BmipZ/3KYtndQSjXhbGokrYGEtPZ0sz35+m+zvbWzPfDnSO7Lh+dQegHo2PBHA7vpXwaGxv58vRw7IefqG9h4G8+2sULzxQa2I5YQ7yiH6swc0SoMskX72Y0bFMTJ87mp9/oo+Myzz1F3Rpu3+HCL1GfeS8IHa09r8Cjj3B3kB0f8O25QoOWmZsdBxkcZMpD0Wg7erKmlcDHI0SyvJTZM7jUxb17xVU4VcWvvfT9mWtgm3Et1xlr0TwBfgKXsTvrkLlmcQqN4YIHJWjMteCo/R7HwER7/P/2Wpnwd9f9AQCf9MFXVuEYnQAAAABJRU5ErkJggg==');\n animation: rotate 0.5s ease 1 forwards;\n }\n @keyframes rotate {\n 0% {-webkit-transform: rotate(0deg);}\n 25% {-webkit-transform: rotate(90deg);}\n 50% {-webkit-transform: rotate(180deg);}\n 75% {-webkit-transform: rotate(270deg);}\n 100% {-webkit-transform: rotate(360deg);}\n }\n .vg-pause-close-font {\n width:22px;\n height:22px;\n right: -30px;\n position:absolute;\n margin-left: auto;\n margin-right: 0;\n top: -30px;\n color: #ffffff;\n text-shadow: 1px 1px 4px #000000;\n }\n .vg-tips-text {\n font-size: 12px;\n color: #ffffff;\n opacity: 0.5;\n position: absolute;\n top: 5px;\n left: 8px;\n text-shadow: 1px 1px #000000;\n }\n .vg-learn-more {\n margin: 0 auto 0 auto;\n width: calc(158px + 40px);\n height: calc(47px + 40px);\n background-image: url('./assets/images/learn-more.png');\n background-position: 20px;\n background-repeat: no-repeat;\n // background-size: contain;\n }\n .vg-learn-more:hover {\n background-image: url('./assets/images/learn-more-hover.png');\n }\n "],
encapsulation: 2
}),
t
}
)();
var B = n("V2cH")
, D = n("V8Tc")
, E = n("j2vS")
, V = n("OaXk")
, z = n("Q9/k")
, K = n("c2Dm")
, R = n("xgIS");
let H = (()=>{
class t {
constructor(t, e, n, o) {
this.API = e,
this.fsAPI = n,
this.fullScreenService = o,
this.isFullscreen = !1,
this.subscriptions = [],
this.ariaValue = "normal mode",
this.fullscreenStatus = new i.n,
this.elem = t.nativeElement,
this.subscriptions.push(this.fsAPI.onChangeFullscreen.subscribe(this.onChangeFullscreen.bind(this))),
this.fullScreenService.fullScreen$.subscribe(()=>{
this.fsAPI.toggleFullscreen()
}
)
}
ngOnInit() {
this.API.isPlayerReady ? this.onPlayerReady() : this.subscriptions.push(this.API.playerReadyEvent.subscribe(()=>this.onPlayerReady())),
this.subscriptions.push(Object(R.a)(window, "quitVideoFullScreenIfany").subscribe(()=>{
this.fsAPI.isFullscreen && this.fsAPI.toggleFullscreen()
}
))
}
onPlayerReady() {
this.target = this.API.getMediaById(this.vgFor)
}
onChangeFullscreen(t) {
this.ariaValue = t ? "fullscren mode" : "normal mode",
this.isFullscreen = t,
this.fullscreenStatus.emit(this.isFullscreen)
}
onClick() {
this.changeFullscreenState()
}
onKeyDown(t) {
13 !== t.keyCode && 32 !== t.keyCode || (t.preventDefault(),
this.changeFullscreenState())
}
changeFullscreenState() {
let t = this.target;
this.target instanceof A.a && (t = null),
this.fsAPI.toggleFullscreen(t)
}
ngOnDestroy() {
this.subscriptions.forEach(t=>t.unsubscribe())
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(i.l),i.Ob(A.a),i.Ob(K.a),i.Ob(M.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["vg-fullscreen"]],
hostBindings: function(t, e) {
1 & t && i.bc("click", function() {
return e.onClick()
})("keydown", function(t) {
return e.onKeyDown(t)
})
},
inputs: {
vgFor: "vgFor",
isFullscreen: "isFullscreen"
},
outputs: {
fullscreenStatus: "fullscreenStatus"
},
decls: 1,
vars: 4,
consts: [["tabindex", "0", "role", "button", "aria-label", "fullscreen", 1, "iconfont"]],
template: function(t, e) {
1 & t && i.Pb(0, "div", 0),
2 & t && i.Gb("iconquanping", !e.isFullscreen)("iconquxiaoquanping", e.isFullscreen)
},
styles: ["\n vg-fullscreen {\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 line-height: 50px;\n }\n\n vg-fullscreen .iconfont {\n pointer-events: none;\n font-size: 32px;\n }\n "],
encapsulation: 2
}),
t
}
)();
var j = n("qUyv")
, q = n("XJ1o")
, N = n("X/Az")
, W = n("uvtY");
let G = (()=>{
class t {
constructor(t, e) {
this.API = e,
this.subscriptions = [],
this.ariaValue = W.a.VG_PAUSED,
this.isPlayingAds = !1,
this.elem = t.nativeElement
}
ngOnInit() {
this.API.isPlayerReady ? this.onPlayerReady() : this.subscriptions.push(this.API.playerReadyEvent.subscribe(()=>this.onPlayerReady()))
}
onPlayerReady() {
this.target = this.API.getMediaById(this.vgFor)
}
onClick() {
this.playPause()
}
onKeyDown(t) {
var e = document.activeElement;
if ((null == e || "input" != e.tagName.toLowerCase() && "textarea" != e.tagName.toLowerCase() && !e.hasAttribute("contenteditable")) && 32 === t.keyCode) {
if (this.isPlayingAds)
return;
t.preventDefault(),
t.stopPropagation(),
this.playPause()
}
}
playPause() {
let t = this.getState();
if (this.target)
switch (t) {
case W.a.VG_PLAYING:
this.target.pause();
break;
case W.a.VG_PAUSED:
case W.a.VG_ENDED:
this.target.play()
}
}
getState() {
return this.ariaValue = this.target ? this.target.state : W.a.VG_PAUSED,
this.ariaValue
}
ngOnDestroy() {
this.subscriptions.forEach(t=>t.unsubscribe())
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(i.l),i.Ob(A.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["vg-play-pause"]],
hostBindings: function(t, e) {
1 & t && i.bc("click", function() {
return e.onClick()
})("keydown", function(t) {
return e.onKeyDown(t)
}, !1, i.yc)
},
inputs: {
vgFor: "vgFor",
isPlayingAds: "isPlayingAds"
},
decls: 1,
vars: 5,
consts: [["id", "play-pause-button", "tabindex", "0", "role", "button", 1, "iconfont"]],
template: function(t, e) {
1 & t && i.Pb(0, "div", 0),
2 & t && (i.Gb("iconzanting", "playing" === e.getState())("iconbofang", "paused" === e.getState() || "ended" === e.getState()),
i.Db("aria-label", "paused" === e.getState() ? "play" : "pause"))
},
styles: ["\n vg-play-pause {\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 line-height: 50px;\n }\n\n vg-play-pause .iconfont {\n pointer-events: none;\n font-size: 66px;\n margin-left: -5px;\n }\n "],
encapsulation: 2
}),
t
}
)();
var X = n("i0K8");
function Q(t, e) {
1 & t && (i.Ub(0, "div", 10),
i.Kc(1, "\u5728\u5de6\u4fa7\u6216\u53f3\u4fa7\u70b9\u6309\u4e24\u6b21\u5373\u53ef\u8df3\u8fc710\u79d2"),
i.Tb())
}
const Y = function(t, e) {
return {
iconbofang: t,
iconzanting: e
}
};
function J(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 11),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).playOrPauseVideo()
}),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.lc("ngClass", i.rc(1, Y, "playing" !== t.getState(), t.isTouchDevice && !t.shouldShowControl))
}
}
const $ = function(t) {
return {
iconbofang3: t
}
};
function Z(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 11),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).playOrPauseVideo()
}),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.lc("ngClass", i.qc(1, $, "playing" !== t.getState()))
}
}
function tt(t, e) {
1 & t && (i.dc(),
i.Ub(0, "svg", 12),
i.Pb(1, "polygon", 13),
i.Pb(2, "polygon", 14),
i.Tb())
}
function et(t, e) {
1 & t && (i.dc(),
i.Ub(0, "svg", 12),
i.Pb(1, "polygon", 14),
i.Pb(2, "polygon", 15),
i.Tb())
}
function nt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 3),
i.Ub(1, "div", 4),
i.Ic(2, Q, 2, 0, "div", 5),
i.Ic(3, J, 1, 4, "div", 6),
i.Ic(4, Z, 1, 3, "div", 6),
i.Ub(5, "div", 7),
i.bc("click", function() {
return i.Ac(t),
i.ec().handleClick("left")
}),
i.Ic(6, tt, 3, 0, "svg", 8),
i.Tb(),
i.Ub(7, "div", 9),
i.bc("click", function() {
return i.Ac(t),
i.ec().handleClick("right")
}),
i.Ic(8, et, 3, 0, "svg", 8),
i.Tb(),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec();
i.Gb("paused", t.paused)("native-fullscreen", t.isNativeFullscreen)("controls-hidden", t.areControlsHidden)("is-buffering", t.isBuffering)("is-playing-ads", t.isPlayingAds),
i.Cb(2),
i.lc("ngIf", t.showCaption),
i.Cb(1),
i.lc("ngIf", !t.showPlayEndContent && (!t.fromActivity || t.fromActivity && t.isFullscreen)),
i.Cb(1),
i.lc("ngIf", t.fromActivity && !t.isFullscreen),
i.Cb(2),
i.lc("ngIf", t.viewLeft),
i.Cb(2),
i.lc("ngIf", t.viewRight)
}
}
const it = function(t) {
return {
"background-image": t
}
}
, ot = function(t) {
return {
hide: t
}
};
function st(t, e) {
if (1 & t && i.Pb(0, "div", 16),
2 & t) {
const t = i.ec();
i.lc("ngStyle", i.qc(2, it, "url(" + t.logo + "?v=3)"))("ngClass", i.qc(4, ot, t.areControlsHidden))
}
}
function ct(t, e) {
1 & t && i.Pb(0, "div", 17)
}
let at = (()=>{
class t {
constructor(t, e, n, i, s) {
this.API = e,
this.fsAPI = n,
this.controlsHidden = i,
this._utility = s,
this.isFloatPlayer = !1,
this.isNativeFullscreen = !1,
this.areControlsHidden = !1,
this.subscriptions = [],
this.isTouchDevice = o.f.isTouchDevice,
this.isMac = o.f.IsMac(),
this.isDesktop = !this.isTouchDevice,
this.isBuffering = !0,
this.shouldShowControl = !1,
this.isLive = !1,
this.showPlayEndContent = !1,
this.notShow = "jssp.tv" === this._utility.GetHost("{Host}"),
this.timeout = null,
this.lastState = null,
this.doubleClickTimer = {
left: {
timer: null,
isSingleClick: !1,
clicked: 0,
shouldprevent: !1
},
right: {
timer: null,
isSingleClick: !1,
clicked: 0,
shouldprevent: !1
}
},
this.showCaption = !1,
this.doubleClickdelay = 200,
this.seekTime = 10,
this.viewRight = !1,
this.viewLeft = !1,
this.elem = t.nativeElement
}
ngOnInit() {
this.API.isPlayerReady ? this.onPlayerReady() : this.subscriptions.push(this.API.playerReadyEvent.subscribe(()=>this.onPlayerReady())),
this.isDesktop && this.elem.addEventListener("mouseup", t=>{
if (1 == t.which) {
var e = this.doubleClickTimer.left;
e.isSingleClick = !0,
++e.clicked,
null != e.timer ? (o.f.clearTimeout(e.timer),
e.isSingleClick = !1,
e.timer = null,
this.doubleToFull("left")) : e.timer = o.f.setTimeout(()=>{
e.isSingleClick && this.onClick(),
e.timer = null
}
, this.doubleClickdelay)
}
}
)
}
playOrPauseVideo() {
if (this.isTouchDevice && !this.fromActivity)
return;
let t = this.getState();
t == W.a.VG_PLAYING ? this.target.pause() : (t = W.a.VG_PAUSED) && this.target.play()
}
onPlayerReady() {
this.target = this.API.getMediaById(this.vgFor),
null != this.target && null != this.target.subscriptions && (this.subscriptions.push(this.fsAPI.onChangeFullscreen.subscribe(this.onChangeFullscreen.bind(this))),
this.subscriptions.push(this.controlsHidden.isHidden.subscribe(this.onHideControls.bind(this))),
this.subscriptions.push(this.target.subscriptions.bufferDetected.subscribe(t=>this.onUpdateBuffer(t))))
}
onUpdateBuffer(t) {
this.isBuffering = t
}
onChangeFullscreen(t) {
this.fsAPI.nativeFullscreen && (this.isNativeFullscreen = t)
}
onHideControls(t) {
this.areControlsHidden = t,
this.areControlsHidden && (this.shouldShowControl = !0)
}
onClick() {
let t = this.getState();
if (this.isTouchDevice) {
switch (t) {
case W.a.VG_PLAYING:
this.shouldShowControl ? (this.shouldShowControl = !1,
this.controlsHidden.show()) : this.controlsHidden.force(!0);
break;
case W.a.VG_PAUSED:
case W.a.VG_ENDED:
this.shouldShowControl = !1,
this.target.play()
}
this.lastState = t
} else
switch (t) {
case W.a.VG_PLAYING:
this.target.pause();
break;
case W.a.VG_PAUSED:
case W.a.VG_ENDED:
this.shouldShowControl = !1,
this.target.play()
}
this.lastState = t
}
pauseVideo() {
let t = this.getState();
t == W.a.VG_PLAYING ? this.target.pause() : (t = W.a.VG_PAUSED) && this.target.play()
}
onSeekStart() {
this.showCaption = !0
}
onSeekEnd() {
this.showCaption = !1
}
handleClick(t) {
var e;
this.isTouchDevice && (this.getState() == W.a.VG_PAUSED ? ((e = this.doubleClickTimer[t]).isSingleClick = !0,
null != e.timer && o.f.clearTimeout(e.timer),
this.onClick()) : ((e = this.doubleClickTimer[t]).isSingleClick = !0,
null != e.timer ? (o.f.clearTimeout(e.timer),
this.handleDouble(t)) : e.timer = o.f.setTimeout(()=>{
e.isSingleClick && this.onClick(),
e.timer = null
}
, this.doubleClickdelay)))
}
handleDouble(t) {
var e = this.doubleClickTimer[t];
e.isSingleClick = !1,
e.timer = null,
"left" == t ? (this.API.seekTime(this.API.currentTime - this.seekTime),
this.playWithLeft()) : (this.API.seekTime(this.API.currentTime + this.seekTime),
this.playWithRight())
}
doubleToFull(t) {
this.isFloatPlayer || this.fsAPI.toggleFullscreen()
}
playWithLeft() {
this.viewLeft = !0,
o.f.setTimeout(()=>{
this.viewLeft = !1,
o.f.setTimeout(()=>{
this.viewLeft = !0,
o.f.setTimeout(()=>this.viewLeft = !1, 100)
}
, 100)
}
, 100)
}
playWithRight() {
this.viewRight = !0,
o.f.setTimeout(()=>{
this.viewRight = !1,
o.f.setTimeout(()=>{
this.viewRight = !0,
o.f.setTimeout(()=>this.viewRight = !1, 100)
}
, 100)
}
, 100)
}
getState() {
let t = W.a.VG_PAUSED;
if (this.target)
if (this.target.state instanceof Array) {
for (let e = 0, n = this.target.state.length; e < n; e++)
if (this.target.state[e] === W.a.VG_PLAYING) {
t = W.a.VG_PLAYING;
break
}
} else
t = this.target.state;
return t
}
ngOnDestroy() {
this.subscriptions.forEach(t=>t.unsubscribe())
}
getBackgroudImage() {
return this.logo ? {
"background-image": "url('" + this.logo + "')"
} : {}
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(i.l),i.Ob(A.a),i.Ob(K.a),i.Ob(X.a),i.Ob(h.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["vg-overlay-play"]],
hostVars: 2,
hostBindings: function(t, e) {
2 & t && i.Gb("isdesktop", e.isDesktop)
},
inputs: {
vgFor: "vgFor",
logo: "logo",
isPlayingAds: "isPlayingAds",
paused: "paused",
isFloatPlayer: "isFloatPlayer",
isLive: "isLive",
fromActivity: "fromActivity",
isFullscreen: "isFullscreen",
showPlayEndContent: "showPlayEndContent"
},
decls: 3,
vars: 3,
consts: [["class", "vg-overlay-play", 3, "paused", "native-fullscreen", "controls-hidden", "is-buffering", "is-playing-ads", 4, "ngIf"], ["class", "overlay-logo", 3, "ngStyle", "ngClass", 4, "ngIf"], ["class", "live-overlay-logo", 4, "ngIf"], [1, "vg-overlay-play"], [1, "overlay-play-container"], ["class", "overlay-caption", 4, "ngIf"], ["class", "vv-state iconfont", 3, "ngClass", "click", 4, "ngIf"], [1, "overlay-part", "overlay-play-left", 3, "click"], ["version", "1.1", "id", "jump", "xmlns", "http://www.w3.org/2000/svg", 0, "xmlns", "xlink", "http://www.w3.org/1999/xlink", "x", "0px", "y", "0px", "viewBox", "0 0 36 24", 0, "xml", "space", "preserve", 4, "ngIf"], [1, "overlay-part", "overlay-play-right", 3, "click"], [1, "overlay-caption"], [1, "vv-state", "iconfont", 3, "ngClass", "click"], ["version", "1.1", "id", "jump", "xmlns", "http://www.w3.org/2000/svg", 0, "xmlns", "xlink", "http://www.w3.org/1999/xlink", "x", "0px", "y", "0px", "viewBox", "0 0 36 24", 0, "xml", "space", "preserve"], ["id", "arrow-1", "points", "5,18 13.5,12 5,6 ", 1, "arrow"], ["id", "arrow-2", "points", "14,18 22.5,12 14,6 ", 1, "arrow"], ["id", "arrow-3", "points", "23,6 23,18 31.5,12 ", 1, "arrow"], [1, "overlay-logo", 3, "ngStyle", "ngClass"], [1, "live-overlay-logo"]],
template: function(t, e) {
1 & t && (i.Ic(0, nt, 9, 15, "div", 0),
i.Ic(1, st, 1, 6, "div", 1),
i.Ic(2, ct, 1, 0, "div", 2)),
2 & t && (i.lc("ngIf", !e.isTouchDevice || e.fromActivity),
i.Cb(1),
i.lc("ngIf", !(e.isPlayingAds || e.isFloatPlayer || !e.logo || e.notShow)),
i.Cb(1),
i.lc("ngIf", !e.isPlayingAds && !e.isFloatPlayer && e.isLive))
},
directives: [S.n, S.l, S.o],
styles: ['\n .vg-overlay-play {\n z-index: 4445;\n }\n\n .vg-overlay-play.paused {\n z-index: 4446;\n cursor:pointer;\n }\n vg-overlay-play.is-buffering {\n display: none;\n }\n vg-overlay-play.isdesktop .vv-state\n {\n pointer-events:none;\n }\n\n vg-overlay-play .vg-overlay-play {\n position: absolute;\n display: block;\n color: white;\n width: 100%;\n height: 100%;\n font-size: 80px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n vg-overlay-play .vg-overlay-play.native-fullscreen.controls-hidden {\n cursor: none;\n }\n\n .vg-overlay-play .overlay-play-container{\n width:100%;\n height:100%;\n position:relative;\n }\n\n\n .vv-state{\n\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n color:white;\n font-size: 100px;\n border-radius: 50%;\n padding: 0.5em;\n\n\n /* transition:opacity 0.3s; */\n opacity:0;\n /* visibility:hidden; */\n }\n\n .vv-state.iconbofang:before {\n transform: translate(-50%,-50%);\n left:50%;\n top:50%;\n position: absolute;\n }\n\n .vv-state.iconbofang3:before {\n transform: translate(-50%,-50%);\n left:50%;\n top:50%;\n position: absolute;\n width: 85px;\n height: 85px;\n border-radius: 50%;\n border: 3px solid #ffffff;\n background-color: #00000080;\n padding-left: 16px;\n font-size: 54px;\n }\n\n .vv-state.iconzanting3:before {\n transform: translate(-50%,-50%);\n left:50%;\n top:50%;\n position: absolute;\n width: 85px;\n height: 85px;\n border-radius: 50%;\n border: 3px solid #ffffff;\n background-color: #00000080;\n padding-left: 13px;\n font-size: 54px;\n }\n\n .vv-state.iconzanting3 {\n opacity: 0;\n transition: opacity 0.5s ease-out;\n }\n\n @keyframes opacityForAWhile {\n 0% {\n opacity: 1;\n }\n 75% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n }\n\n .overlay-play-container .vg-icon-pause{\n\n opacity:1.0;\n visibility:visible;\n\n }\n\n .overlay-play-container .iconbofang {\n\n opacity:1.0;\n visibility:visible;\n text-shadow: 1px 1px 4px #888888;\n }\n\n .overlay-play-container .iconbofang3 {\n opacity:1.0;\n visibility:visible;\n text-shadow: 1px 1px 4px #888888;\n font-size: 60px;\n }\n\n .overlay-play-container:hover .iconzanting3 {\n opacity:0;\n transition: opacity 0.5s ease-out;\n animation: opacityForAWhile 2s 1;\n visibility:visible;\n text-shadow: 1px 1px 4px #888888;\n font-size: 60px;\n }\n\n vg-overlay-play .vg-overlay-play:hover {\n filter: alpha(opacity=100);\n opacity: 1;\n }\n\n vg-overlay-play .vg-overlay-play:hover .overlay-play-container.iconbofang:before {\n transform: scale(1.2);\n }\n\n .overlay-play-container .overlay-part{\n width:50%;\n height:100%;\n text-align: center;\n }\n .overlay-play-container .overlay-part.overlay-play-left{\n float:left;\n }\n .overlay-play-container .overlay-part.overlay-play-right{\n float:right;\n }\n .overlay-part>svg{\n\n height: 2em;\n width: 3em;\n font-size: 14px;\n position: absolute;\n top: 50%;\n margin-top: -1.5em;\n }\n\n\n .overlay-part.overlay-play-left>svg{\n transform: scaleX(-1);\n left: 1em;\n }\n .overlay-part.overlay-play-right>svg{\n // margin-left: 1.2em;\n right:2em;\n }\n\n .overlay-caption{\n width: 100%;\n height: 3.5em;\n font-size: 15px;\n text-align: center;\n background: linear-gradient(to top, transparent, black);\n padding-top: 1em;\n }\n\n .overlay-logo {\n position:absolute;\n width: 1em;\n height: 0.5em;\n pointer-events: none;\n background-position:left top;\n background-repeat:no-repeat;\n margin-left: 23px;\n margin-top: 23px;\n top:0;\n z-index: 500;\n -webkit-transition: top 1s;\n -khtml-transition: top 1s;\n -moz-transition: top 1s;\n -ms-transition: top 1s;\n transition: top 1s;\n background-size: contain;\n font-size: 70px;\n }\n .overlay-logo.hide{\n //top:-1em;\n }\n .vg-overlay-play.is-buffering .vv-state\n {\n display:none;\n }\n .vg-overlay-play.paused.is-buffering\n {\n display:block;\n }\n\n .live-overlay-logo {\n position:absolute;\n width: 1em;\n height: 0.5em;\n pointer-events: none;\n background-repeat: no-repeat;\n margin-right: 23px;\n margin-top: 23px;\n top:0;\n right:0;\n opacity:0.7;\n z-index: 500;\n background-image: url("assets/images/live-logo.png?v=1");\n -webkit-transition: top 1s;\n -khtml-transition: top 1s;\n -moz-transition: top 1s;\n -ms-transition: top 1s;\n transition: top 1s;\n background-size: contain;\n font-size: 60px;\n }\n\n '],
encapsulation: 2
}),
t
}
)();
var lt = n("itXk")
, rt = n("n1bd")
, ut = n("R0Ic")
, ht = n("QP6B")
, dt = n("jBNF")
, gt = n("2EkQ")
, pt = n("Le4d");
const bt = ["fudaiOpened"]
, mt = ["class", "bullet"];
function ft(t, e) {
if (1 & t && i.Pb(0, "img", 13),
2 & t) {
const t = i.ec(2);
i.lc("src", t.bullet.avatar, i.Dc)
}
}
function vt(t, e) {
1 & t && (i.Pb(0, "img", 14),
i.fc(1, "absUrl")),
2 & t && i.lc("src", i.gc(1, 1, "./assets/images/officalUp.png?v=1"), i.Dc)
}
function Ct(t, e) {
if (1 & t && (i.Ub(0, "a", 10),
i.Ic(1, ft, 1, 1, "img", 11),
i.Ic(2, vt, 2, 3, "img", 12),
i.Tb()),
2 & t) {
const t = i.ec();
i.nc("href", "/space/", t.bullet.userKey ? t.bullet.userKey : "", "", i.Dc),
i.nc("title", "\u7528\u6237-", t.bullet.nickName, "\u7684\u4e2a\u4eba\u4e3b\u9875"),
i.Cb(1),
i.lc("ngIf", 1 === t.bullet.prefix || 0 === t.bullet.prefix),
i.Cb(1),
i.lc("ngIf", (1 === t.bullet.prefix || 0 === t.bullet.prefix) && t.bullet.isOfficalUP)
}
}
function Pt(t, e) {
if (1 & t && (i.Ub(0, "div", 15),
i.Pb(1, "img", 13),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("src", t.bullet.avatar, i.Dc)
}
}
const yt = function(t) {
return {
"is-offical-up": t
}
};
function Ot(t, e) {
if (1 & t && (i.Ub(0, "div", 16),
i.Ub(1, "span", 17),
i.Kc(2),
i.Tb(),
i.Kc(3, ": "),
i.Tb()),
2 & t) {
const t = i.ec();
i.lc("ngClass", i.qc(2, yt, t.bullet.isOfficalUP)),
i.Cb(2),
i.Lc(t.bullet.nickName)
}
}
function xt(t, e) {
if (1 & t && (i.Ub(0, "a", 18),
i.Ub(1, "div", 19),
i.Kc(2),
i.Tb(),
i.Tb()),
2 & t) {
const t = i.ec();
i.mc("href", null == t.bullet ? null : t.bullet.link, i.Dc),
i.Cb(2),
i.Mc(" ", null == t.bullet ? null : t.bullet.buttonText, " ")
}
}
function Mt(t, e) {
1 & t && (i.Pb(0, "img", 22),
i.fc(1, "absUrl")),
2 & t && i.mc("src", i.gc(1, 1, "assets/images/fudai.png?v=2"), i.Dc)
}
function _t(t, e) {
1 & t && (i.Pb(0, "img", 22),
i.fc(1, "absUrl")),
2 & t && i.mc("src", i.gc(1, 1, "assets/images/fudai_kai.png?v=2"), i.Dc)
}
function wt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 20),
i.bc("click", function() {
return i.Ac(t),
i.ec().openFudai()
}),
i.Ic(1, Mt, 2, 3, "img", 21),
i.Ic(2, _t, 2, 3, "img", 21),
i.Tb()
}
if (2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("ngIf", !(null != t.bullet && t.bullet.isClicked)),
i.Cb(1),
i.lc("ngIf", null == t.bullet ? null : t.bullet.isClicked)
}
}
function kt(t, e) {
if (1 & t && (i.Ub(0, "div", 23),
i.Pb(1, "i", 24),
i.Kc(2),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(2),
i.Mc(" ", t.bullet.country, " ")
}
}
const It = function(t) {
return {
active: t
}
};
function St(t, e) {
if (1 & t && (i.Ub(0, "div", 25),
i.Pb(1, "i", 26),
i.Kc(2),
i.fc(3, "chineseCounter"),
i.Tb()),
2 & t) {
const t = i.ec();
i.lc("ngClass", i.qc(5, It, t.bullet.isLike)),
i.Cb(1),
i.lc("ngClass", t.bullet.isLike ? "iconzanshixin" : "iconzan"),
i.Cb(1),
i.Mc(" ", i.gc(3, 3, t.bullet.good), " ")
}
}
function Tt(t, e) {
1 & t && i.Pb(0, "div", 36)
}
function At(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 32),
i.bc("click", function() {
i.Ac(t);
const e = i.ec(2);
return e.sendSameDanmu(e.bullet)
}),
i.Pb(1, "i", 37),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.lc("ngClass", i.qc(1, It, t.isCopiedSent))
}
}
function Ut(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 38),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).addUserFilter()
}),
i.Pb(1, "i", 39),
i.Ub(2, "span", 33),
i.Kc(3, "\u5c4f\u853d"),
i.Tb(),
i.Tb()
}
}
function Ft(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 38),
i.bc("click", function() {
i.Ac(t);
const e = i.ec(2);
return e.reportDanmu(e.bullet.guid)
}),
i.Pb(1, "i", 40),
i.Ub(2, "span", 33),
i.Kc(3, "\u4e3e\u62a5"),
i.Tb(),
i.Tb()
}
}
function Lt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 38),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).removeDanmu()
}),
i.Pb(1, "i", 41),
i.Ub(2, "span", 33),
i.Kc(3, "\u64a4\u56de"),
i.Tb(),
i.Tb()
}
}
function Bt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 27),
i.Pb(1, "div", 28),
i.Ic(2, Tt, 1, 0, "div", 29),
i.Ub(3, "div", 30),
i.Kc(4),
i.Tb(),
i.Ub(5, "div", 31),
i.Ub(6, "div", 32),
i.bc("click", function() {
i.Ac(t);
const e = i.ec();
return e.likeDanmu(e.bullet.guid)
}),
i.Pb(7, "i", 26),
i.Ub(8, "span", 33),
i.Kc(9),
i.fc(10, "chineseCounter"),
i.Tb(),
i.Tb(),
i.Ic(11, At, 2, 3, "div", 34),
i.Ic(12, Ut, 4, 0, "div", 35),
i.Ic(13, Ft, 4, 0, "div", 35),
i.Ic(14, Lt, 4, 0, "div", 35),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("innerHtml", t.bullet.contxt, i.Bc),
i.Cb(1),
i.lc("ngIf", !!t.bullet.nickName),
i.Cb(2),
i.Lc(t.bullet.nickName),
i.Cb(2),
i.lc("ngClass", i.qc(12, It, t.bullet.isLike)),
i.Cb(1),
i.lc("ngClass", t.bullet.isLike ? "iconzanshixin" : "iconzan"),
i.Cb(2),
i.Lc(i.gc(10, 10, t.bullet.good)),
i.Cb(2),
i.lc("ngIf", t.userId !== t.bullet.uid),
i.Cb(1),
i.lc("ngIf", t.userId !== t.bullet.uid),
i.Cb(1),
i.lc("ngIf", t.userId !== t.bullet.uid),
i.Cb(1),
i.lc("ngIf", t.userId === t.bullet.uid)
}
}
const Dt = function(t) {
return {
"my-last": t
}
};
let Et = (()=>{
class t {
constructor(t, e, n, o, s, c, a, l, r) {
this.danmuFacade = t,
this.bulletStyleService = e,
this.builder = n,
this.elBullet = o,
this.dialogService = s,
this.cd = c,
this._danmuService = a,
this._videoService = l,
this._userService = r,
this.fullScreen = !1,
this.canvasWidth = 900,
this.duration = 1e4,
this.width = 99999,
this.top = -99999,
this.fontSize = 22,
this.opacity = 100,
this.style = {},
this.barrelHeight = 30,
this.subscriptions = [],
this.hovered = !1,
this.hidden = !1,
this.blocked = !1,
this.sysHidden = !1,
this.startTime = 0,
this.fontFamily = 1,
this.showMenu = !1,
this.userFilterd = !1,
this.onBulletEvent = new i.n,
this.onFudaiOpened = new i.n,
this.isCopiedSent = !1,
this.eventID = 0,
this.openedFudaiList = [],
this.gainedCoins = 3
}
get transparent() {
return this.hidden || this.blocked || this.sysHidden || this.userFilterd
}
recalculate() {
this.speed = (this.canvasWidth + this.width) / this.duration
}
ngOnInit() {
this.subscribeBlock(),
this.subscribePaused()
}
getMembership(t) {
let e = "";
switch (t) {
case 0:
e = "";
break;
case 1:
case 2:
e = "gvip";
break;
case 3:
e = "royalVip";
break;
case 4:
case 101:
case 102:
e = "cpvip";
break;
default:
e = "vip"
}
return e
}
ngAfterViewInit() {
var t;
this.width = this.elBullet.nativeElement.offsetWidth,
this.speed = (this.canvasWidth + this.width) / this.duration;
var e = this.bulletStyleService.getStyle({
color: this.bullet.color
});
this.style = e,
this.onBulletEvent.emit({
event: Vt.Bullet_Loaded,
object: {
duration: this.duration,
size: this.width,
canvasSize: this.canvasWidth,
bullet: this.bullet,
speed: this.speed,
guid: this.bullet.guid
}
}),
(null === (t = this.bullet) || void 0 === t ? void 0 : t.isAds) && (this.subscriptions.push(this._userService.userState$.subscribe(t=>{
this.user = t,
this.user && this.user.id || (this.openedFudaiList = [],
this._danmuService.storeOpenedDanmuFudai(this.openedFudaiList))
}
)),
this.adsDanmuShowed(),
this.readOpenedFudaiList())
}
createPlayerAndBindEvent() {
this.player = this.factory.create(this.elBullet.nativeElement, {});
let t = ++this.eventID;
this.player.onDone(()=>{
this.eventID == t && (this.onBulletEvent.emit({
event: Vt.Bullet_End,
object: {
bullet: this.bullet,
index: this.barrelIndex
}
}),
this.hidden = !0,
this.barrelIndex = 0,
this.startTime = 0,
this.userFilterd = !1)
}
)
}
finish() {
this.player && (this.destroyPlayer(),
this.hidden = !0,
this.barrelIndex = 0,
this.startTime = 0,
this.userFilterd = !1)
}
get getBulletStyle() {
return this.bullet.position === ht.a.Barrel ? Object.assign({
left: "100%",
top: this.top + "px"
}, this.style) : this.bullet.position === ht.a.FixTop ? Object.assign({
left: "50%",
transform: "TranslateX(-50%)",
transition: "none",
top: this.top + "px"
}, this.style) : this.bullet.position === ht.a.FixBottom ? Object.assign({
left: "50%",
transform: "TranslateX(-50%)",
transition: "none",
bottom: this.top + "px"
}, this.style) : void 0
}
destroyPlayer() {
this.player && (this.eventID += 1,
this.player.destroy(),
this.player = null)
}
reload(t) {
this.bullet = t,
this.destroyPlayer(),
this.style = Object.assign(Object.assign({}, this.style), {
transform: ""
}),
this.cd.detectChanges(),
this.ngAfterViewInit()
}
restart() {
if (this.bullet.position === ht.a.Barrel) {
let t = this.startTime > 0 ? Date.now() - this.startTime : 0;
this.speed = (this.canvasWidth + this.width) / this.duration;
let e = this.duration - t
, n = this.startTime > 0;
if (e > 0) {
let i = e - this.bullet.offset;
i < 0 && (i = 1),
this.destroyPlayer();
let o = this.canvasWidth + this.width;
this.factory = this.builder.build([Object(ut.j)({
transform: `translateX(${-this.speed * t - this.bullet.offset * this.speed}px) translateY(0) translateZ(0)`
}), Object(ut.e)(i, Object(ut.j)({
transform: "translateX(-" + o + "px) translateY(0) translateZ(0)"
}))]),
this.createPlayerAndBindEvent(),
n && this.player.play()
}
}
}
onPaused() {
this.player && this.player.pause()
}
onPlay() {
this.player && this.player.play()
}
ngOnDestroy() {
this.player && this.player.destroy(),
this.subscriptions.forEach(t=>t.unsubscribe())
}
onMouseOver() {
var t;
this.player && this.player.pause(),
this.hovered = !0,
(null === (t = this.bullet) || void 0 === t ? void 0 : t.isAds) && (this.showMenu = !0)
}
onMouseLeave() {
!this.danmuFacade.isPaused && this.player && this.player.play(),
this.hovered = !1,
this.showMenu = !1
}
addUserFilter() {
this.danmuFacade.addUserFilter({
id: this.bullet.uid,
name: this.bullet.nickName
})
}
subscribeHide() {}
subscribeBlock() {
this.bullet.position === ht.a.FixTop && this.subscriptions.push(this.danmuFacade.blockTop$.subscribe(t=>{
this.blocked = t
}
)),
this.bullet.position === ht.a.FixBottom && this.subscriptions.push(this.danmuFacade.blockBottom$.subscribe(t=>{
this.blocked = t
}
)),
this.bullet.position === ht.a.Barrel && this.subscriptions.push(this.danmuFacade.blockLeft$.subscribe(t=>{
this.blocked = t
}
))
}
subscribePaused() {
this.subscriptions.push(this.danmuFacade.paused$.subscribe(t=>{
t && this.onPaused(),
0 === t && this.onPlay()
}
))
}
shouldShowMenu(t) {
(!t.target || "avatar-img" !== t.target.id && "bullet-link" !== t.target.id) && (t.preventDefault(),
this.showMenu = !0)
}
shot(t) {
if (this.hidden = !1,
this.top = this.bullet.position === ht.a.Barrel ? t * this.barrelHeight + 35 : this.bullet.position === ht.a.FixBottom ? 70 + t * this.barrelHeight : t * this.barrelHeight + 10,
this.bullet.position !== ht.a.FixTop && this.bullet.position !== ht.a.FixBottom || (this.duration = 4200),
this.bullet.position === ht.a.Barrel) {
let t = -this.speed * this.bullet.offset
, e = this.canvasWidth + this.width;
this.factory = this.builder.build([Object(ut.j)({
transform: `translateX(${t}px) translateY(0) translateZ(0)`
}), Object(ut.e)(this.duration - this.bullet.offset, Object(ut.j)({
transform: "translateX(-" + e + "px) translateY(0) translateZ(0)"
}))])
} else
this.factory = this.builder.build([Object(ut.j)({
transform: "translateX(-50%) translateY(0) translateZ(0)"
}), Object(ut.e)(this.duration, Object(ut.j)({
transform: "translateX(-50%) translateY(0) translateZ(0)"
}))]);
this.createPlayerAndBindEvent(),
this.barrelIndex = t,
this.startTime = Date.now(),
this.player && (this.danmuFacade.isPaused ? this.player.init() : this.player.play())
}
removeDanmu() {
this.player.finish(),
this.danmuFacade.removeDanmu({
id: this.bullet.guid,
user: null
})
}
reportDanmu(t) {
window.dispatchEvent(new CustomEvent("quitVideoFullScreenIfany")),
this.userId ? this.dialogService.open("reportDanmu", {
size: {
width: 280,
height: 270
},
id: t
}) : this.dialogService.open("login-required-dialog")
}
likeDanmu(t) {
this.userId ? this._danmuService.likeDanmu(t).subscribe(t=>{
401 !== t.code && (this.bullet.isLike = t[0].isExist,
this.bullet.good = t[0].number)
}
) : this.dialogService.open("login-required-dialog")
}
sendSameDanmu(t) {
if (this.userId) {
if (this.isCopiedSent)
return;
if (this.isCopiedSent = !0,
"" !== t.contxt) {
const e = t.contxt
, n = new S.e("en-US");
let i = this.danmuFacade.currentTime;
0 !== i && this.danmuFacade.sendDanmu({
second: i,
published: n.transform(new Date, "MM-dd"),
font: 0,
color: "#ffffff",
style: 0,
contxt: e,
type: 0,
user: this.userId,
uniqueKey: t.lid + "_" + t.vid,
position: 0,
addTime: new Date((new Date).toString().split("GMT")[0] + " UTC").toISOString().split(".")[0]
})
}
} else
this.dialogService.open("login-required-dialog")
}
adsDanmuShowed() {
this.bullet.link && this._videoService.sendWatched(this.bullet.link.replace("/c/c", "/c/d").replace("http:", "https:"))
}
readOpenedFudaiList() {
this._danmuService.openedFudai$.subscribe(t=>{
this.openedFudaiList = t,
this.openedFudaiList.filter(t=>t.fudai_id === this.bullet.orderID).length > 0 && (this.bullet.isClicked = !0)
}
)
}
openFudai() {
if (this.user && this.user.id) {
if (this.bullet.isClicked)
return void this.dialogService.open("message-dialog", {
message: "\u60a8\u5df2\u7ecf\u9886\u53d6\u8fc7\u4e86"
});
this._danmuService.openDanmuFudai(this.bullet.orderID).subscribe(t=>{
401 !== t.code && (this.bullet.isClicked = !0,
this.gainedCoins = t[0].coin,
this.openedFudaiList.push({
fudai_id: this.bullet.orderID,
fudai_opened: this.bullet.isClicked
}),
this._danmuService.storeOpenedDanmuFudai(this.openedFudaiList),
this.onFudaiOpened.emit({
isAds: !0,
nickName: this.bullet.nickName,
gainedCoins: this.gainedCoins
}))
}
)
} else
console.log(this.user),
this.dialogService.open("login-required-dialog")
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(g.a),i.Ob(rt.a),i.Ob(ut.b),i.Ob(i.l),i.Ob(m.a),i.Ob(i.h),i.Ob(b.a),i.Ob(dt.a),i.Ob(P.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["", 8, "bullet"]],
viewQuery: function(t, e) {
if (1 & t && i.Qc(bt, 1),
2 & t) {
let t;
i.wc(t = i.cc()) && (e.fudaiOpened = t.first)
}
},
hostVars: 8,
hostBindings: function(t, e) {
1 & t && i.bc("mouseover", function() {
return e.onMouseOver()
})("mouseleave", function() {
return e.onMouseLeave()
})("click", function(t) {
return e.shouldShowMenu(t)
}),
2 & t && (i.Fc(e.getBulletStyle),
i.Gb("hovered", e.hovered)("show-menu", e.showMenu)("transparent", e.transparent))
},
inputs: {
bullet: "bullet",
userId: "userId",
canvasWidth: "canvasWidth"
},
outputs: {
onBulletEvent: "onBulletEvent",
onFudaiOpened: "onFudaiOpened"
},
attrs: mt,
decls: 10,
vars: 12,
consts: [[1, "dammu-bullet", "inner", 3, "ngClass"], ["target", "_blank", "class", "d-flex justify-content-center align-items-center position-relative", 3, "href", "title", 4, "ngIf"], ["class", "d-flex justify-content-center align-items-center", 4, "ngIf"], ["class", "name", 3, "ngClass", 4, "ngIf"], [1, "bullet-context", 3, "innerHtml"], ["target", "_blank", 3, "href", 4, "ngIf"], ["class", "fudai end d-flex align-items-center", 3, "click", 4, "ngIf"], ["class", "location d-flex align-items-center", 4, "ngIf"], ["class", "goodDanmu d-flex align-items-center", 3, "ngClass", 4, "ngIf"], ["class", "context-menu d-flex align-items-center", 4, "ngIf"], ["target", "_blank", 1, "d-flex", "justify-content-center", "align-items-center", "position-relative", 3, "href", "title"], ["class", "avatar", "id", "avatar-img", 3, "src", 4, "ngIf"], ["class", "official-up-logo-on-avatar", "alt", "\u5927V\u6807", 3, "src", 4, "ngIf"], ["id", "avatar-img", 1, "avatar", 3, "src"], ["alt", "\u5927V\u6807", 1, "official-up-logo-on-avatar", 3, "src"], [1, "d-flex", "justify-content-center", "align-items-center"], [1, "name", 3, "ngClass"], [1, "name-text"], ["target", "_blank", 3, "href"], ["id", "bullet-link", 1, "link-button"], [1, "fudai", "end", "d-flex", "align-items-center", 3, "click"], ["class", "fudai-image", 3, "src", 4, "ngIf"], [1, "fudai-image", 3, "src"], [1, "location", "d-flex", "align-items-center"], [1, "iconfont", "icondingwei"], [1, "goodDanmu", "d-flex", "align-items-center", 3, "ngClass"], [1, "iconfont", 3, "ngClass"], [1, "context-menu", "d-flex", "align-items-center"], [1, "danmu-content", 3, "innerHtml"], ["class", "gap-line", 4, "ngIf"], [1, "user"], [1, "actions"], [1, "action-btn", 3, "ngClass", "click"], [1, "action-text"], ["class", "action-btn", 3, "ngClass", "click", 4, "ngIf"], ["class", "action-btn", 3, "click", 4, "ngIf"], [1, "gap-line"], [1, "iconfont", "iconjiayi"], [1, "action-btn", 3, "click"], [1, "iconfont", "iconpingbi"], [1, "iconfont", "iconjubao"], [1, "iconfont", "iconshanchu"]],
template: function(t, e) {
1 & t && (i.Ub(0, "div", 0),
i.Ic(1, Ct, 3, 4, "a", 1),
i.Ic(2, Pt, 2, 1, "div", 2),
i.Ic(3, Ot, 4, 4, "div", 3),
i.Pb(4, "div", 4),
i.Ic(5, xt, 3, 2, "a", 5),
i.Ic(6, wt, 3, 2, "div", 6),
i.Ic(7, kt, 3, 1, "div", 7),
i.Ic(8, St, 4, 7, "div", 8),
i.Ic(9, Bt, 15, 14, "div", 9),
i.Tb()),
2 & t && (i.lc("ngClass", i.qc(10, Dt, e.bullet.needBorder)),
i.Cb(1),
i.lc("ngIf", !(null != e.bullet && e.bullet.isAds)),
i.Cb(1),
i.lc("ngIf", null == e.bullet ? null : e.bullet.isAds),
i.Cb(1),
i.lc("ngIf", 1 === e.bullet.prefix || 0 === e.bullet.prefix),
i.Cb(1),
i.lc("innerHtml", e.bullet.contxt, i.Bc),
i.Cb(1),
i.lc("ngIf", null == e.bullet ? null : e.bullet.isAds),
i.Cb(1),
i.lc("ngIf", null == e.bullet ? null : e.bullet.isAds),
i.Cb(1),
i.lc("ngIf", !(2 !== e.bullet.prefix && 0 !== e.bullet.prefix || null != e.bullet && e.bullet.isAds)),
i.Cb(1),
i.lc("ngIf", e.bullet.good > 0 && !(null != e.bullet && e.bullet.isAds)),
i.Cb(1),
i.lc("ngIf", e.showMenu && !(null != e.bullet && e.bullet.isAds)))
},
directives: [S.l, S.n],
pipes: [gt.a, pt.a],
styles: ['[_nghost-%COMP%] .inner.my-last[_ngcontent-%COMP%]{border:1px solid #00c0ff;padding:2px 5px}[_nghost-%COMP%] .hidden[_ngcontent-%COMP%]{opacity:0}[_nghost-%COMP%] .avatar[_ngcontent-%COMP%]{height:40px;width:40px;border-radius:50%;margin-right:8px}[_nghost-%COMP%] .name[_ngcontent-%COMP%]{color:#e89f75;text-shadow:none!important;margin-right:8px;display:flex;align-items:center}[_nghost-%COMP%] .name[_ngcontent-%COMP%] .name-text[_ngcontent-%COMP%]{max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;margin-right:4px}[_nghost-%COMP%] .bullet-context[_ngcontent-%COMP%]{height:40px}[_nghost-%COMP%] .official-up-logo[_ngcontent-%COMP%]{width:24px;height:24px;margin-right:8px}[_nghost-%COMP%] .official-up-logo-on-avatar[_ngcontent-%COMP%]{width:15px;height:15px;position:absolute;bottom:0;left:28px}[_nghost-%COMP%] .vip-icon[_ngcontent-%COMP%]{width:24px;margin-right:8px}[_nghost-%COMP%] .location[_ngcontent-%COMP%]{color:#eee;text-shadow:#000 0 0 2px!important;font-size:16px}[_nghost-%COMP%] .location[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%]{font-size:16px;margin-left:5px}[_nghost-%COMP%] .goodDanmu[_ngcontent-%COMP%]{color:#eee;text-shadow:#000 0 0 2px!important;font-size:16px}[_nghost-%COMP%] .goodDanmu[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%]{font-size:24px;margin-left:5px}[_nghost-%COMP%] .goodDanmu.active[_ngcontent-%COMP%]{color:#00c0ff}[_nghost-%COMP%] .link-button[_ngcontent-%COMP%]{margin-left:10px;max-width:100px;height:24px;line-height:24px;padding:0 6px;font-size:14px;text-align:center;color:#fff;border-radius:16px;background:linear-gradient(90deg,#f176ff80,#3779ff80);position:relative;z-index:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important}[_nghost-%COMP%] .link-button[_ngcontent-%COMP%]:hover{background:linear-gradient(90deg,#f176ff,#3779ff)}[_nghost-%COMP%] .link-button[_ngcontent-%COMP%]:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;padding:1px;border-radius:16px;background:linear-gradient(90deg,#f176ff,#3779ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}[_nghost-%COMP%] .fudai[_ngcontent-%COMP%]{margin-right:10px;cursor:pointer}[_nghost-%COMP%] .fudai.end[_ngcontent-%COMP%]{margin-right:0;margin-left:10px}[_nghost-%COMP%] .fudai[_ngcontent-%COMP%] .fudai-image[_ngcontent-%COMP%]{height:40px}']
}),
t
}
)();
var Vt = function(t) {
return t[t.Bullet_Loaded = 0] = "Bullet_Loaded",
t[t.Bullet_Out = 1] = "Bullet_Out",
t[t.Bullet_End = 2] = "Bullet_End",
t
}({})
, zt = n("Y7a1")
, Kt = n("PqYM");
class Rt {
constructor(t) {
this.barrels = [],
this.maxBarrels = 13,
this.maxBarrels = t
}
count() {
return this.getBarrelArray().length
}
freeBarrels() {
return this.getBarrelArray().filter(t=>0 === t.stacks).length
}
clearBarrels() {
this.barrels.forEach(t=>{
t.duration = 0,
t.speed = 0,
t.size = 0,
t.duration = 0,
t.stacks = 0
}
)
}
newBallel() {
const t = {
id: this.count() + 1,
stacks: 0,
speed: 0,
size: 0,
start: 0,
duration: 0,
canvasSize: 0,
bullets: []
};
this.getBarrelArray().push(t)
}
reCalculateSpeed(t) {
this.barrels.forEach(e=>{
e.speed = (t + e.size) / e.duration
}
)
}
releaseBaller(t, e) {
const n = this.getBarrelArray();
n.length >= t && (n[t - 1].stacks = n[t - 1].stacks - 1,
n[t - 1].stacks < 0 && console.error("error", t))
}
resetBaller(t) {
this.barrels = this.barrels.slice(0, t),
this.maxBarrels = t
}
occupyBaller(t) {
const e = this.getBarrelArray();
return e[t - 1].stacks = e[t - 1].stacks + 1,
e[t - 1].stacks
}
getfreeBarrels() {
return this.getBarrelArray().filter(t=>0 === t.stacks)
}
nextBarrel() {
const t = this.count()
, e = this.getMaxStacks();
if (0 === t)
return this.newBallel(),
1;
const n = this.getfreeBarrels();
return n.length > 0 ? n[0].id : 0 === n.length && t < e ? (this.newBallel(),
this.count()) : null
}
getBarrelArray() {
return this.barrels
}
getMaxStacks() {
return this.maxBarrels
}
}
let Ht = (()=>{
class t {
constructor() {
this.pendingBullet = [],
this.subscriptions = [],
this.onSchedule = new i.n,
this.flying = new Rt(13),
this.fixTop = new Rt(10),
this.fixBottom = new Rt(3),
this.initSignal()
}
initSignal() {
let t = !1;
this.subscriptions.push(Object(Kt.a)(0, 100).subscribe(e=>{
t || (t = !0,
this.firePendingIfPossible()),
t = !1
}
))
}
shotBullet(t, e, n) {
if (null == e)
return 0 != n.bullet.offset && this.recycleBullet(n),
!1;
{
let i = e - 1;
t.occupyBaller(e),
t.barrels[i].size = n.size,
t.barrels[i].start = Date.now(),
t.barrels[i].duration = n.duration,
t.barrels[i].canvasSize = n.canvasSize,
t.barrels[i].speed = n.speed,
0 != n.bullet.offset && (t.barrels[i].start -= n.bullet.offset),
this.onSchedule.emit({
event: jt.Bullet_Shot,
object: {
bullet: n.bullet,
index: e
}
}),
this.pendingBullet = this.pendingBullet.filter(t=>t.guid != n.guid)
}
return !0
}
fixHandler(t, e) {
for (let n = 0; n < e.length; ++n) {
let i = e[n]
, o = t.nextBarrel();
if (!this.shotBullet(t, o, i))
break
}
}
smartHandler(t, e) {
let n = !1;
for (let i = 0; i < e.length; ++i) {
let o = e[i]
, s = null;
if (!n) {
let e = Date.now();
for (let n = 0; n < t.barrels.length; ++n) {
let i = t.barrels[n]
, c = e - i.start
, a = c * i.speed;
if (a <= i.size)
continue;
let l = a - i.size - o.bullet.offset * o.speed;
if (!(l < 0)) {
if (i.speed >= o.speed) {
s = n + 1;
break
}
if (l / (o.speed - i.speed) > i.duration - c) {
s = n + 1;
break
}
}
}
null == s && (n = 0 == o.bullet.offset)
}
if (null == s && (s = t.nextBarrel()),
!this.shotBullet(t, s, o) && 0 == o.bullet.offset)
break
}
}
firePendingIfPossible() {
this.smartHandler(this.flying, this.pendingBullet.filter(t=>t.bullet.position == ht.a.Barrel)),
this.fixHandler(this.fixBottom, this.pendingBullet.filter(t=>t.bullet.position == ht.a.FixBottom)),
this.fixHandler(this.fixTop, this.pendingBullet.filter(t=>t.bullet.position == ht.a.FixTop))
}
tryGetBarrels(t) {
switch (t.position) {
case ht.a.Barrel:
return this.flying;
case ht.a.FixTop:
return this.fixTop;
case ht.a.FixBottom:
return this.fixBottom
}
}
execute() {
this.firePendingIfPossible()
}
resetBarrel(t) {
this.flying.resetBaller(t)
}
ngOnDestroy() {
this.subscriptions.forEach(t=>t.unsubscribe())
}
loadBullet(t) {
this.pendingBullet.push(t)
}
recycleBullet(t) {
this.pendingBullet = this.pendingBullet.filter(e=>e.guid != t.guid),
this.onSchedule.emit({
event: jt.Bullet_Recycle,
object: {
bullet: t.bullet,
index: -1
}
})
}
freeBarrelsAndBullet() {
this.freeBullet(),
this.flying.clearBarrels(),
this.fixBottom.clearBarrels(),
this.fixTop.clearBarrels()
}
reCalculateSpeed(t) {
this.flying.reCalculateSpeed(t)
}
freeBullet() {
this.pendingBullet = []
}
stopAddNew() {
this.subscriptions.forEach(t=>t.unsubscribe()),
this.subscriptions = []
}
startAddNew() {
this.stopAddNew(),
this.initSignal()
}
onBulletEnd(t) {
t.index && this.tryGetBarrels(t.bullet).releaseBaller(t.index, t.bullet.guid)
}
}
return t.\u0275fac = function(e) {
return new (e || t)
}
,
t.\u0275prov = i.Kb({
token: t,
factory: t.\u0275fac
}),
t
}
)();
var jt = function(t) {
return t[t.Bullet_Shot = 0] = "Bullet_Shot",
t[t.Bullet_SpeedUP = 1] = "Bullet_SpeedUP",
t[t.Bullet_Recycle = 2] = "Bullet_Recycle",
t
}({})
, qt = n("kizo");
const Nt = ["danmu"]
, Wt = ["fudaiOpened"];
function Gt(t, e) {
if (1 & t && (i.Ub(0, "div", 3, 4),
i.Pb(2, "img", 5),
i.fc(3, "absUrl"),
i.Kc(4),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(2),
i.mc("src", i.gc(3, 3, "assets/images/fudai_kai.png?v=2"), i.Dc),
i.Cb(2),
i.Nc(" ", t.openedFudai.nickName, "\u9001\u60a8", t.openedFudai.gainedCoins, "\u91d1\u5e01\n")
}
}
let Xt = (()=>{
class t {
constructor(t, e, n, i, o, s, c, a, l) {
this.ref = t,
this.API = e,
this.resolver = n,
this.danmuFacade = i,
this._userService = o,
this._utility = s,
this._danmuService = c,
this._bullstStyle = a,
this._window = l,
this.isPlayingAds = !1,
this.subscriptions = [],
this.danmuku = [],
this.bullets = [],
this.componentRefs = [],
this.showDanmu = !0,
this.user = {
id: 0
},
this.last = 0,
this.isLive = !1,
this.opacity = 1,
this.fontSize = "18px",
this.fontFamily = "SimSun, \u65b0\u5b8b\u4f53",
this.adsDanmus = [],
this.openedFudai = {
isAds: !1,
nickName: "",
gainedCoins: 0
},
this.userHidden = !1,
this.sysHidden = !1,
this.userDefineDuration = 1e4,
this.currentSize = 0,
this.timeoutChangeSize = null,
this.list = [],
this.filters = [[], []],
this.lastTime = 0,
this.factory = null,
this.canvasWidth = window.innerWidth,
this.timeout = null,
this.mediaLoaded = !1,
this.userClicked = !1,
this.elem = this.ref.nativeElement
}
ngAfterViewInit() {}
ngOnChanges(t) {
t.isPlayingAds && (this.sysHidden = t.isPlayingAds.currentValue,
this.showOrHideBullet()),
t.adsDanmus && !t.adsDanmus.firstChange && this.subscriptions.push(this.danmuFacade.list$.subscribe(t=>{
if (this.adsDanmus.length > 0 && (t = t.concat(this.adsDanmus)),
this.isLive) {
let e = t.filter(t=>-1 == this.list.findIndex(e=>e.guid == t.guid));
if (this.list = t,
this.danmuFacade.isPaused)
return;
if (this.hidden)
return;
this.onCueChange(e, e.length > 12 ? .5 : 1)
} else
this.list = t
}
))
}
readState() {}
get hidden() {
return this.userHidden || this.sysHidden
}
randomDuration(t) {
return t * (Math.floor(30 * Math.random()) + 86) / 100
}
getOCreateBullet(t) {
if (!this.entry)
return;
let e = this.componentRefs.find(t=>1 == t.isFree);
null == e ? this.componentRefs.push({
guid: t.guid,
compnent: this.createBullet(t),
isFree: !1,
isFire: !1,
bullet: t
}) : (e.isFree = !1,
e.isFire = !1,
e.guid = t.guid,
e.bullet = t,
e.compnent.instance.duration = t.duration,
e.compnent.instance.canvasWidth = this.canvasWidth,
e.compnent.instance.reload(t))
}
ngOnInit() {
this.user = this._userService.user,
this.fontFamily = this._bullstStyle.fontList.filter(t=>t.isDefault)[0],
this.API.isPlayerReady ? this.onPlayerReady() : this.subscriptions.push(this.API.playerReadyEvent.subscribe(()=>{
this.onPlayerReady()
}
)),
this.subscriptions.push(this._window.size$.subscribe(t=>{
0 != this.currentSize && this.onchangeSize(t),
this.currentSize = t,
this._danmuService.resetBarrel(this.currentSize < 3 ? 8 : 13)
}
), this.danmuFacade.speed$.subscribe(t=>{
let e = 15e3;
switch (t) {
case 0:
e = 17e3;
break;
case 1:
e = 14500;
break;
case 2:
e = 12e3;
break;
case 3:
e = 9500;
break;
case 4:
e = 7e3;
break;
default:
e = 15e3
}
this.userDefineDuration = e
}
), this.danmuFacade.fontFamily$.subscribe(t=>{
let e = this._bullstStyle.fontList.findIndex(e=>e.value == t);
e > -1 && (this.fontFamily = this._bullstStyle.fontList[e]["font-family"])
}
), this.danmuFacade.showDanmu$.subscribe(t=>{
this.showDanmu = t
}
), this._danmuService.onSchedule.subscribe(t=>{
switch (t.event) {
case jt.Bullet_Shot:
let e = this.componentRefs.find(e=>e.guid.toString() === t.object.bullet.guid);
null != e && (e.compnent.instance.shot(t.object.index),
e.isFire = !0);
break;
case jt.Bullet_Recycle:
let n = this.componentRefs.findIndex(e=>e.guid == t.object.bullet.guid);
this.componentRefs[n].isFree = !0,
this.componentRefs[n].isFire = !1
}
}
), this.danmuFacade.opacity$.subscribe(t=>{
switch (t) {
case 0:
this.opacity = .1;
break;
case 1:
this.opacity = .25;
break;
case 2:
this.opacity = .5;
break;
case 3:
this.opacity = .75;
break;
case 4:
this.opacity = 1;
break;
default:
this.opacity = 1
}
}
), this.danmuFacade.fontSize$.subscribe(t=>{
switch (t) {
case 0:
this.fontSize = "14px";
break;
case 1:
this.fontSize = "18px";
break;
case 2:
this.fontSize = "22px";
break;
case 3:
this.fontSize = "26px";
break;
case 4:
this.fontSize = "30px";
break;
default:
this.fontSize = "18px"
}
}
), this.danmuFacade.showDanmu$.subscribe(t=>{
this.userHidden = !t,
this.showOrHideBullet()
}
), this.danmuFacade.list$.subscribe(t=>{
if (this.adsDanmus.length > 0 && (t = t.concat(this.adsDanmus)),
this.isLive) {
let e = t.filter(t=>-1 == this.list.findIndex(e=>e.guid == t.guid));
if (this.list = t,
this.danmuFacade.isPaused)
return;
if (this.hidden)
return;
this.onCueChange(e, e.length > 12 ? .5 : 1)
} else
this.list = t
}
), this._utility.GetOrCreateSubscript(zt.a.DANMU_SEND).subscribe(t=>{
this.onCueChange([t], 1)
}
), this.danmuFacade.setCurrentTime$.subscribe(t=>{
this.API.currentTime = t,
this.lastTime = t
}
), this.danmuFacade.DanmuKey$.subscribe(t=>{
this.clearCue()
}
), Object(R.a)(document, "fullscreenchange").subscribe(t=>{
this.userClicked && this.onchangeSize()
}
), Object(lt.a)([this.danmuFacade.keywordFilter$, this.danmuFacade.userFilter$]).subscribe(t=>{
this.filters = t,
this.userClicked && this.componentRefs.filter(t=>t.isFire).filter(t=>this.danmuFacade.containKeywordFilter(this.filters[0], t.bullet) || this.danmuFacade.containUserFilter(this.filters[1], t.bullet)).forEach(t=>{
t.compnent.instance.userFilterd = !0
}
)
}
))
}
showOrHideBullet() {
this.componentRefs.forEach(t=>t.compnent.instance.sysHidden = this.hidden)
}
onPlayerReady() {
this.target = this.API.getMediaById(this.vgFor),
this.target && (this.subscriptions.push(this.target.subscriptions.timeUpdate.subscribe(this.onTimeUpdate.bind(this))),
this.subscriptions.push(this.target.subscriptions.pause.subscribe(this.onPause.bind(this))),
this.subscriptions.push(this.target.subscriptions.play.subscribe(this.onPlay.bind(this))),
this.subscriptions.push(this.target.subscriptions.seeked.subscribe(this.onSeeked.bind(this))))
}
clearCue() {
this._danmuService.freeBarrelsAndBullet(),
this.componentRefs.forEach(t=>{
t.compnent.instance.finish(),
t.isFire = !1,
t.isFree = !0
}
)
}
onCueChange(t, e, n=0) {
if (this.isPlayingAds)
return;
let i;
for (let o = 0; o < t.length; o++)
i = t[o],
this.danmuFacade.containKeywordFilter(this.filters[0], i) || this.danmuFacade.containUserFilter(this.filters[1], i) || (i.offset = n > 0 && 0 == i.position ? 1e3 * (n - i.second) : 0,
i.duration = this.randomDuration(this.userDefineDuration) * (0 == i.position ? e : 1),
(i.duration - i.offset > 0 || 0 != i.position) && this.getOCreateBullet(i))
}
onTimeUpdate(t) {
let e = t.target.currentTime;
if (this._utility.isDocumentVisible && !this.hidden) {
if (this.danmuFacade.currentTime = e,
this.isLive)
return;
if (e > this.lastTime && e - this.lastTime <= 2) {
let t = this.list.filter(t=>t.second > this.lastTime && t.second <= this.lastTime + 2)
, n = t.filter(t=>t.second <= e);
this.onCueChange(n, t.length > 12 ? .5 : 1)
}
}
this.lastTime = e
}
createBullet(t) {
null == this.factory && (this.factory = this.resolver.resolveComponentFactory(Et));
const e = this.entry.createComponent(this.factory);
return e.location.nativeElement.classList.add("bullet"),
e.instance.bullet = t,
e.instance.duration = t.duration,
e.instance.userId = this._userService.user.id,
e.instance.canvasWidth = this.canvasWidth,
e.instance.onBulletEvent.subscribe(this.bulletHandler.bind(this)),
e.instance.onFudaiOpened.subscribe(t=>{
this.openedFudai = t,
setTimeout(()=>{
const t = this.fudaiOpened.nativeElement;
t.classList.remove("run-animation"),
setTimeout(()=>{
t.classList.add("run-animation")
}
, 10)
}
, 0)
}
),
e
}
bulletHandler(t) {
switch (t.event) {
case Vt.Bullet_Loaded:
this._danmuService.loadBullet(t.object);
break;
case Vt.Bullet_End:
this._danmuService.onBulletEnd(t.object);
let e = this.componentRefs.findIndex(e=>e.guid == t.object.bullet.guid);
this.componentRefs[e].isFree = !0,
this.componentRefs[e].isFire = !1
}
}
onchangeSize(t=0) {
clearTimeout(this.timeout),
this.timeout = setTimeout(()=>{
this.canvasWidth = this.entry.element.nativeElement.offsetWidth || window.innerWidth,
this.componentRefs.forEach(t=>{
t.compnent.instance.canvasWidth = this.canvasWidth,
t.isFire ? t.compnent.instance.restart() : t.compnent.instance.recalculate()
}
),
this._danmuService.reCalculateSpeed(this.canvasWidth)
}
, 20)
}
destroyBullet() {}
onPause() {
this.danmuFacade.pause(this.API.currentTime),
this._danmuService.stopAddNew()
}
onPlay() {
this.API.currentTime >= 0 && (this.danmuFacade.play(this.API.currentTime),
this._danmuService.startAddNew())
}
onSeeked() {
if (this.userClicked && (this.clearCue(),
!this.hidden)) {
let t = this.danmuFacade.currentTime
, e = this.list.filter(e=>e.second > t - 10 && e.second <= t);
this.onCueChange(e, e.length > 30 ? .5 : 1, t),
this._danmuService.execute()
}
}
userClick() {
this.userClicked = !0
}
ngOnDestroy() {
this.subscriptions.forEach(t=>t.unsubscribe())
}
pause(t) {
const e = t.target || t.srcElement || t.currentTarget;
e.attributes.id && "vg-overlay-danmu" === e.attributes.id.nodeValue && this.API.pause()
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(i.l),i.Ob(A.a),i.Ob(i.j),i.Ob(g.a),i.Ob(P.a),i.Ob(h.a),i.Ob(Ht),i.Ob(rt.a),i.Ob(qt.b))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["vg-overlay-danmu"]],
viewQuery: function(t, e) {
if (1 & t && (i.Qc(Nt, 1, i.Q),
i.Qc(Wt, 1)),
2 & t) {
let t;
i.wc(t = i.cc()) && (e.entry = t.first),
i.wc(t = i.cc()) && (e.fudaiOpened = t.first)
}
},
hostVars: 6,
hostBindings: function(t, e) {
1 & t && i.bc("click", function() {
return e.userClick()
}, !1, i.yc),
2 & t && i.Gc("opacity", e.opacity)("font-size", e.fontSize)("font-family", e.fontFamily)
},
inputs: {
vgFor: "vgFor",
isPlayingAds: "isPlayingAds",
isLive: "isLive",
adsDanmus: "adsDanmus"
},
features: [i.Bb([Ht]), i.Ab],
decls: 3,
vars: 1,
consts: [[1, "danmu-layer"], ["danmu", ""], ["class", "fudai-opened", 4, "ngIf"], [1, "fudai-opened"], ["fudaiOpened", ""], [1, "fudai-image", 3, "src"]],
template: function(t, e) {
1 & t && (i.Pb(0, "div", 0, 1),
i.Ic(2, Gt, 5, 5, "div", 2)),
2 & t && (i.Cb(2),
i.lc("ngIf", e.openedFudai.isAds))
},
directives: [S.n],
pipes: [gt.a],
styles: ["[_nghost-%COMP%]{width:100%;height:100%;position:absolute;pointer-events:none}.vg-overlay-danmu[_ngcontent-%COMP%]{cursor:pointer;position:absolute;display:block;color:#fff;width:100%;height:100%}.movetxt[_ngcontent-%COMP%]{animation:moving 5s linear;-webkit-animation:moving 5s linear;position:relative}.hidden[_ngcontent-%COMP%]{visibility:hidden}@keyframes moving{0%{left:1024px}to{left:0}}.fudai-opened[_ngcontent-%COMP%]{border-radius:0 0 16px 16px;background:linear-gradient(90deg,#e0c3fc,#8ec5fc);padding:0 13px;height:40px;line-height:40px;vertical-align:middle;text-align:center;font-size:16px;font-weight:700;color:#000;text-shadow:none!important;position:absolute;left:50%;transform:translateX(-50%);z-index:-1;opacity:0;margin-top:-40px;display:flex;align-items:center;justify-content:center;white-space:pre}.fudai-opened[_ngcontent-%COMP%] .fudai-image[_ngcontent-%COMP%]{height:30px;margin-right:5px}.run-animation[_ngcontent-%COMP%]{animation:fudaiAnimation 4s ease-out}@keyframes fudaiAnimation{0%{z-index:1;margin-top:-40px;opacity:1}15%{z-index:1;margin-top:0;opacity:1}65%{z-index:1;margin-top:0;opacity:1}to{z-index:1;margin-top:-40px;opacity:1}}"]
}),
t
}
)();
var Qt = n("yf2Q");
const Yt = ["videoElement"]
, Jt = function(t) {
return {
show: t
}
};
let $t = (()=>{
class t {
constructor(t) {
this.API = t,
this.subscriptions = [],
this.isAvailable = !0,
this.attched = !1
}
ngOnInit() {
(Qt.g.isiOSDevice() || Qt.g.IsMac()) && (this.API.isPlayerReady ? this.onPlayerReady() : this.subscriptions.push(this.API.playerReadyEvent.subscribe(()=>this.onPlayerReady())),
this.detectAirplay())
}
detectAirplay() {
if (console.log("airplay", !!window.WebKitPlaybackTargetAvailabilityEvent),
window.WebKitPlaybackTargetAvailabilityEvent) {
this.attched = !0;
var t = this.video.nativeElement;
t.addEventListener("webkitplaybacktargetavailabilitychanged", e=>{
switch (e.availability) {
case "available":
this.isAvailable = !0,
t && t.parentElement && t.parentElement.classList && (t.parentElement.classList.add("show"),
t.remove());
break;
case "not-available":
this.isAvailable = !1
}
}
)
}
}
onPlayerReady() {}
showList() {
var t = this.API.getDefaultMedia();
this.attched && null != t && t.elem.webkitShowPlaybackTargetPicker()
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(o.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["vg-airplay"]],
viewQuery: function(t, e) {
if (1 & t && i.Qc(Yt, 3),
2 & t) {
let t;
i.wc(t = i.cc()) && (e.video = t.first)
}
},
inputs: {
vgFor: "vgFor"
},
decls: 3,
vars: 3,
consts: [[1, "iconfont", "icontouping", 3, "ngClass", "click"], [2, "display", "none"], ["videoElement", ""]],
template: function(t, e) {
1 & t && (i.Ub(0, "div", 0),
i.bc("click", function() {
return e.showList()
}),
i.Tb(),
i.Pb(1, "video", 1, 2)),
2 & t && i.lc("ngClass", i.qc(1, Jt, e.isAvailable))
},
directives: [S.l],
styles: ["\n vg-airplay\n {\n\n display: none !important;\n /* width: 1.8em; */\n /* height: 3.2em; */\n text-align: center;\n color:white;\n cursor:pointer;\n margin-right: 2em !important;\n\n }\n vg-airplay .iconfont{\n }\n\n vg-airplay.show\n {\n\n display:inline-block !important;\n cursor:pointer;\n }\n "],
encapsulation: 2
}),
t
}
)();
var Zt = n("zgyf")
, te = n("jtAa")
, ee = n("5kbV")
, ne = n("pLpv");
function ie(t, e) {
1 & t && i.Pb(0, "i", 10)
}
function oe(t, e) {
1 & t && i.Pb(0, "i", 11)
}
function se(t, e) {
if (1 & t && (i.Ub(0, "span", 12),
i.Kc(1),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.Mc(" ", (null == t.bitrateSelected ? null : t.bitrateSelected.bitrate) > 1080 ? null == t.bitrateSelected ? null : t.bitrateSelected.short : (null == t.bitrateSelected ? null : t.bitrateSelected.label) + (t.isLine ? "" : (null == t.bitrateSelected ? null : t.bitrateSelected.qualityIndex) > -1 ? "P" : t.autoLevelName), " ")
}
}
function ce(t, e) {
if (1 & t && (i.Ub(0, "span", 12),
i.Kc(1),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.Mc(" ", null == t.bitrateSelected ? null : t.bitrateSelected.memo, " ")
}
}
function ae(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 19),
i.bc("click", function(e) {
return i.Ac(t),
i.ec(2).filterCall(e)
}),
i.Kc(1, "\u91d1\u5e01\u89e3\u9501"),
i.Tb()
}
}
const le = function(t) {
return {
one: t
}
};
function re(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 13),
i.Ub(1, "div", 14),
i.Kc(2, " \u53bb\u5e7f\u544a"),
i.Ub(3, "span", 15),
i.Kc(4, "\xb7"),
i.Tb(),
i.Kc(5, "\u4eab\u9ad8\u6e05 "),
i.Tb(),
i.Ub(6, "div", 16),
i.Ub(7, "div", 17),
i.bc("click", function() {
return i.Ac(t),
i.ec().showRechargeBox()
}),
i.Kc(8, "\u5f00\u901aVIP"),
i.Tb(),
i.Ic(9, ae, 2, 0, "div", 18),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec();
i.Cb(6),
i.lc("ngClass", i.qc(2, le, t.isLive)),
i.Cb(3),
i.lc("ngIf", !t.isLive)
}
}
function ue(t, e) {
if (1 & t && (i.Ub(0, "span", 22),
i.Kc(1),
i.Ub(2, "span", 23),
i.Kc(3, "(\u5ba2\u6237\u7aef)"),
i.Tb(),
i.Tb()),
2 & t) {
const t = i.ec().$implicit
, e = i.ec();
i.Cb(1),
i.Mc("", e.isLive ? t.memo : t.short, " ")
}
}
function he(t, e) {
if (1 & t && (i.Ub(0, "span", 22),
i.Kc(1),
i.Tb()),
2 & t) {
const t = i.ec().$implicit
, e = i.ec();
i.Cb(1),
i.Mc(" ", e.isLine ? t.label : t.short + "" + t.label + "P", " ")
}
}
function de(t, e) {
if (1 & t && (i.Ub(0, "span", 22),
i.Kc(1),
i.Tb()),
2 & t) {
const t = i.ec().$implicit;
i.Cb(1),
i.Mc(" ", t.memo, " ")
}
}
function ge(t, e) {
1 & t && i.Pb(0, "i", 10)
}
function pe(t, e) {
1 & t && i.Pb(0, "i", 11)
}
const be = function(t) {
return {
active: t
}
};
function me(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 20),
i.bc("click", function() {
i.Ac(t);
const n = e.$implicit;
return i.ec().selectBitrate(n)
}),
i.Ic(1, ue, 4, 1, "span", 21),
i.Ic(2, he, 2, 1, "span", 21),
i.Ic(3, de, 2, 1, "span", 21),
i.Ic(4, ge, 1, 0, "i", 3),
i.Ic(5, pe, 1, 0, "i", 4),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = i.ec();
i.lc("ngClass", i.qc(6, be, (null == n.bitrateSelected ? null : n.bitrateSelected.key) == t.key)),
i.Cb(1),
i.lc("ngIf", t.bitrate > 1080),
i.Cb(1),
i.lc("ngIf", !(t.bitrate > 1080 || n.isLive)),
i.Cb(1),
i.lc("ngIf", !(t.bitrate > 1080) && n.isLive),
i.Cb(1),
i.lc("ngIf", (null == t ? null : t.isVIP) && !(null != t && t.isBought)),
i.Cb(1),
i.lc("ngIf", (null == t ? null : t.isVIP) && (null == t ? null : t.isBought))
}
}
const fe = function(t) {
return {
opened: t
}
};
let ve = (()=>{
class t {
constructor(t, e, n, o, s, c, a, l, r, u) {
this.API = e,
this.fsAPI = n,
this.hiddenApi = o,
this._userService = s,
this._purchaseRequiredDialogService = c,
this._dnDialogService = a,
this._rechargeBoxService = l,
this._purchaseSuccessDialogService = r,
this._utility = u,
this.isLine = !1,
this.onBitrateChange = new i.n,
this.filterClick = new i.n,
this.gold = 0,
this.isLive = !1,
this.autoLevelName = "",
this.openList = null,
this.subscriptions = [],
this.isOpen = !1,
this.isUnlocked = !1,
this.quanlityHeight = "auto",
this.hasHeight = !1,
this.hasVIP = !0,
this.hasSameQuality = !1,
this.elem = t.nativeElement
}
set playingLevel(t) {
if (void 0 !== t && t > -1) {
var e = this.getAutoLevelName(t);
this.autoLevelName = e ? "(" + this.getAutoLevelName(t) + "P)" : ""
}
}
set user(t) {
this._user = t,
this.hasHeight = !1,
this.quanlityHeight = "auto"
}
get user() {
return this._user
}
getListOfBitrate(t) {
return this.bitrates.filter(e=>{
var n;
return e.isEnabled == t && e.label != (null === (n = this.bitrateSelected) || void 0 === n ? void 0 : n.label)
}
)
}
ngOnInit() {
this.selectBitrate(this.bitrates.filter(t=>t.bitrate <= 1080)[0]);
this.isUnlocked = true,
this.listenPurchase(),
this.subscriptions.push(this._utility.GetOrCreateSubscript("system.call.changeBitrate").subscribe(t=>{
this.selectBitrate(t)
}
))
}
getAutoLevelName(t) {
var e;
return null === (e = this.bitrates.find(e=>e.qualityIndex == t)) || void 0 === e ? void 0 : e.label
}
filterCall(t) {
this.filterClick.emit(this.getListOfBitrate(!1).map(t=>t.key)[0])
}
listenPurchase() {
this.subscriptions.push(this._purchaseSuccessDialogService.purchaseSuccessDialogSource$.subscribe(t=>{
t && t.mediaKey && (this.isUnlocked = t.mediaKey === this.bitrates[0].key)
}
), this._purchaseSuccessDialogService.playLineOrBitrateSource$.subscribe(t=>{
!0 === t && (this._purchaseSuccessDialogService.changeLineOrBitrate(!1),
this.selectBitrate(this.bitrates.filter(t=>t.bitrate <= 1080)[0]))
}
))
}
changeOpener() {
this.isActive = this.isOpen = !this.isOpen,
this.isOpen ? (this.hiddenApi.captureControls(),
this.openList = this._utility.openList(this.elem, null, ()=>{
this.isActive = this.isOpen = !1,
this.openList.unsubscribe(),
this.hiddenApi.releaseControls()
}
)) : (this.openList && this.openList.unsubscribe(),
this.hiddenApi.releaseControls())
}
ngOnChanges(t) {
t.bitrates && t.bitrateSelected && t.bitrates.currentValue && t.bitrates.currentValue.length && t.bitrateSelected.currentValue && (this.isUnlocked = !this.bitrates[0].isVIP || this.bitrates[0].isBought,
this.hasVIP = this.bitrates.filter(t=>t.isVIP).length > 0,
this.checkForSameBitrate())
}
checkForSameBitrate() {
var t;
if (this.isLine)
return void (this.hasSameQuality = !0);
let e = {};
this.hasSameQuality = !1;
for (let n = 0; n < this.bitrates.length; ++n)
if (e[this.bitrates[n].bitrate] = null !== (t = e[this.bitrates[n].bitrate]) && void 0 !== t ? t : 0,
e[this.bitrates[n].bitrate] += 1,
e[this.bitrates[n].bitrate] > 1) {
this.hasSameQuality = !0;
break
}
}
selectBitrate(t) {
console.log('selectBitrate', t);
var e;
if (t.bitrate > 1080)
return this.fsAPI.isFullscreen && this.fsAPI.toggleFullscreen(),
void this._dnDialogService.open("4k-ask-app-download-dialog", {
bitrate: t.bitrate
});
if ((null === (e = this.bitrateSelected) || void 0 === e ? void 0 : e.key) !== t.key) {
if (t.isVIP && (!this._user || !this._user.id))
return this.fsAPI.isFullscreen && this.fsAPI.toggleFullscreen(),
void this._userService.showLoginDialog(!0);
if (t.isVIP && !t.isBought && this._user && this._user && 0 === this._user.roleId)
return this.fsAPI.isFullscreen && this.fsAPI.toggleFullscreen(),
this._purchaseRequiredDialogService.setState({
price: this.gold,
mediaId: t.key
}),
void this._dnDialogService.open("purchase-required", {
"purchase-required-price": this.gold,
"media-id": t.key,
isLive: this.isLive
});
this.bitrateSelected = t,
this.onBitrateChange.emit(t),
this.isActive = this.isOpen = !1,
this.openList && this.openList.unsubscribe(),
this.hiddenApi.releaseControls()
}
}
ngOnDestroy() {
this.subscriptions.forEach(t=>t.unsubscribe()),
this.openList && this.openList.unsubscribe()
}
openRechargeBox() {
window.rechargeBox && window.rechargeBox()
}
showRechargeBox() {
this._rechargeBoxService.changeDisplayStatus(!0)
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(i.l),i.Ob(A.a),i.Ob(Qt.e),i.Ob(Qt.b),i.Ob(P.a),i.Ob(ee.a),i.Ob(m.a),i.Ob(y.a),i.Ob(ne.a),i.Ob(h.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["vg-quality-selector"]],
hostVars: 2,
hostBindings: function(t, e) {
2 & t && i.Gb("active", e.isActive)
},
inputs: {
bitrates: "bitrates",
isLine: "isLine",
bitrateSelected: "bitrateSelected",
playingLevel: "playingLevel",
user: "user",
gold: "gold",
isLive: "isLive"
},
outputs: {
onBitrateChange: "onBitrateChange",
filterClick: "filterClick"
},
features: [i.Ab],
decls: 12,
vars: 9,
consts: [[1, "box"], [1, "quality-selected", 3, "click"], [1, "inline"], ["class", "vip-label", 4, "ngIf"], ["class", "iconfont iconjiesuo", 4, "ngIf"], ["class", "vg-quality-selector-label", 4, "ngIf"], ["id", "quanlityDiv", 1, "openList", "quanlity-items", 3, "ngClass"], ["class", "use-coin-box", 4, "ngIf"], [1, "bitrates-available"], ["class", "item", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], [1, "vip-label"], [1, "iconfont", "iconjiesuo"], [1, "vg-quality-selector-label"], [1, "use-coin-box"], [1, "use-coin-title"], [1, "gap-dot"], [1, "use-coin-action", 3, "ngClass"], [1, "button-style-qs2", 3, "click"], ["class", "button-style-qs1", 3, "click", 4, "ngIf"], [1, "button-style-qs1", 3, "click"], [1, "item", 3, "ngClass", "click"], ["class", "bitrate-name", 4, "ngIf"], [1, "bitrate-name"], [1, "bitrate-text"]],
template: function(t, e) {
1 & t && (i.Ub(0, "div", 0),
i.Ub(1, "div", 1),
i.bc("click", function() {
return e.changeOpener()
}),
i.Ub(2, "span", 2),
i.Kc(3, "\u6e05\u6670\u5ea6"),
i.Tb(),
i.Ic(4, ie, 1, 0, "i", 3),
i.Ic(5, oe, 1, 0, "i", 4),
i.Ic(6, se, 2, 1, "span", 5),
i.Ic(7, ce, 2, 1, "span", 5),
i.Tb(),
i.Ub(8, "div", 6),
i.Ic(9, re, 10, 4, "div", 7),
i.Ub(10, "div", 8),
i.Ic(11, me, 6, 8, "div", 9),
i.Tb(),
i.Tb(),
i.Tb()),
2 & t && (i.Cb(4),
i.lc("ngIf", e.hasVIP && !(null != e.bitrateSelected && e.bitrateSelected.isBought)),
i.Cb(1),
i.lc("ngIf", e.hasVIP && !0 === (null == e.bitrateSelected ? null : e.bitrateSelected.isBought)),
i.Cb(1),
i.lc("ngIf", !e.isLive),
i.Cb(1),
i.lc("ngIf", e.isLive),
i.Cb(1),
i.lc("ngClass", i.qc(7, fe, e.isOpen)),
i.Cb(1),
i.lc("ngIf", !((null == e.user ? null : e.user.daysOfMembership) > 0 || e.isUnlocked)),
i.Cb(2),
i.lc("ngForOf", e.bitrates))
},
directives: [S.n, S.l, S.m],
styles: [".vip-label{margin:0 5px}.inline{display:inline-block;white-space:nowrap}vg-quality-selector{-webkit-user-select:none;user-select:none;display:flex;justify-content:center;width:140px;margin-right:30px!important;height:50px;cursor:pointer;color:#fff;line-height:50px}vg-quality-selector .openList{text-align:center;transition:.3s;opacity:1}vg-quality-selector .box{position:relative;display:flex;width:100%;align-items:center;padding:0}vg-quality-selector .quality-selected{margin:0 auto;width:100%;display:flex;align-items:center}vg-quality-selector .quality-selected .iconjiesuo{font-size:16px;color:#fed9b6}vg-quality-selector .quality-selected:hover{color:#00c0ff}vg-quality-selector .quality-selected .vg-quality-selector-label{flex:1;margin-left:5px;white-space:nowrap}vg-quality-selector .item{height:44px;line-height:44px;padding:0 20px;display:flex;align-items:center;white-space:nowrap;justify-content:space-between;width:168px}vg-quality-selector .item .iconjiesuo{font-size:16px;color:#fed9b6}vg-quality-selector .item:hover{color:#00c0ff!important}vg-quality-selector .openList.opened{position:absolute;max-height:36em;opacity:1}.use-coin-box{height:85px;background-color:#1c1d2f;padding:0 16px}.use-coin-title{font-size:14px;letter-spacing:.2em;color:#fec1a1;height:45px}.use-coin-title .gap-dot{margin:0 .6em}.use-coin-action{display:flex;justify-content:space-between}.use-coin-action.one{justify-content:center}.use-coin-action.one .button-style-qs2{width:100%;max-width:100%}.button-style-qs1{padding:0 6px;min-width:62px;max-width:62px;outline:none;border:1px solid #ffc1a2;color:#ffc1a2;background-color:initial;font-size:12px;height:24px;line-height:24px;white-space:nowrap}.button-style-qs1.active,.button-style-qs1:hover{background-color:#ffc1a2;color:#090b21}.button-style-qs2{padding:0 6px;min-width:62px;max-width:62px;font-size:12px;height:24px;line-height:25px;outline:none;border:none;color:#982e16;background:linear-gradient(#fdeec7,#ffc1a2);white-space:nowrap}.bitrate-text{font-size:12px}"],
encapsulation: 2
}),
t
}
)();
const Ce = ["playSpeedBox"];
function Pe(t, e) {
1 & t && i.Pb(0, "span", 10)
}
function ye(t, e) {
1 & t && i.Pb(0, "i", 11)
}
const Oe = function(t) {
return {
active: t
}
};
function xe(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 6),
i.bc("click", function() {
i.Ac(t);
const n = e.index;
return i.ec().onClick(n)
}),
i.Ub(1, "span", 7),
i.Kc(2),
i.Tb(),
i.Ic(3, Pe, 1, 0, "span", 8),
i.Ic(4, ye, 1, 0, "i", 9),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = i.ec();
i.lc("ngClass", i.qc(4, Oe, n.getPlaybackRate() == t)),
i.Cb(2),
i.Lc(t + "x"),
i.Cb(1),
i.lc("ngIf", "2.0" !== t),
i.Cb(1),
i.lc("ngIf", "2.0" === t)
}
}
const Me = function(t) {
return {
active: t
}
}
, _e = function(t) {
return {
opened: t
}
};
let we = (()=>{
class t {
constructor(t, e, n, o) {
this.API = e,
this.fsAPI = n,
this._utility = o,
this.subscriptions = [],
this.ariaValue = 1,
this.releaseControl = new i.n,
this.isPlayingAds = !1,
this.isOpenOrHidePlaySpeedBox = !1,
this.elem = t.nativeElement,
this.playbackValues = ["0.5", "0.75", "1.0", "1.25", "1.5", "2.0"],
this.playbackIndex = 2
}
ngOnInit() {
this.API.isPlayerReady ? this.onPlayerReady() : this.subscriptions.push(this.API.playerReadyEvent.subscribe(()=>this.onPlayerReady()))
}
onPlayerReady() {
this.target = this.API.getMediaById(this.vgFor),
this.subscriptions.push(this.target.subscriptions.loadedMetadata.subscribe(t=>{
this.updatePlaybackSpeed(this.playbackValues[this.playbackIndex])
}
))
}
onClick(t) {
this.isOpenOrHidePlaySpeedBox = !1,
0 != this.customCallback(t) && (this.playbackIndex = t,
this.updatePlaybackSpeed(this.playbackValues[t]),
this.releaseControl.emit(!0))
}
updatePlaybackSpeed(t) {
t = this.isPlayingAds ? "1.0" : t,
this.target instanceof A.a ? this.target.playbackRate = t : this.target.playbackRate[this.vgFor] = t
}
getPlaybackRate() {
return this.ariaValue = this.target ? this.target.playbackRate : 1,
this.ariaValue.toFixed(Math.max(1, (this.ariaValue.toString().split(".")[1] || []).length))
}
ngOnDestroy() {
this.subscriptions.forEach(t=>{
t && t.unsubscribe()
}
)
}
openOrHidePlaySpeedBox() {
this.isOpenOrHidePlaySpeedBox = !this.isOpenOrHidePlaySpeedBox,
this.isOpenOrHidePlaySpeedBox ? (this.API.hiddenAPI.captureControls(),
this.playSpeedBoxSubscript = this._utility.openList(this.playSpeedBox.nativeElement, null, ()=>{
this.isOpenOrHidePlaySpeedBox = !1,
this.playSpeedBoxSubscript.unsubscribe(),
this.API.hiddenAPI.releaseControls()
}
)) : (null != this.playSpeedBoxSubscript && this.playSpeedBoxSubscript.unsubscribe(),
this.API.hiddenAPI.releaseControls())
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(i.l),i.Ob(A.a),i.Ob(o.d),i.Ob(h.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["vg-playback-button"]],
viewQuery: function(t, e) {
if (1 & t && i.Qc(Ce, 1),
2 & t) {
let t;
i.wc(t = i.cc()) && (e.playSpeedBox = t.first)
}
},
inputs: {
vgFor: "vgFor",
playbackValues: "playbackValues",
customCallback: "customCallback",
isPlayingAds: "isPlayingAds"
},
outputs: {
releaseControl: "releaseControl"
},
decls: 7,
vars: 8,
consts: [[1, "player-speed", 3, "ngClass"], ["playSpeedBox", ""], [1, "player-speed-toggler", "d-flex", "align-items-center", 3, "click"], [1, "player-speed-toggler-label"], [1, "openList", "open-black", "player-speed-menu", 3, "ngClass"], ["class", "player-speed-menu-item", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], [1, "player-speed-menu-item", 3, "ngClass", "click"], [1, "player-speed-menu-item-label"], ["class", "vip-label-placeholder", 4, "ngIf"], ["class", "vip-label", 4, "ngIf"], [1, "vip-label-placeholder"], [1, "vip-label"]],
template: function(t, e) {
1 & t && (i.Ub(0, "div", 0, 1),
i.Ub(2, "div", 2),
i.bc("click", function() {
return e.openOrHidePlaySpeedBox()
}),
i.Ub(3, "span", 3),
i.Kc(4),
i.Tb(),
i.Tb(),
i.Ub(5, "div", 4),
i.Ic(6, xe, 5, 6, "div", 5),
i.Tb(),
i.Tb()),
2 & t && (i.lc("ngClass", i.qc(4, Me, e.isOpenOrHidePlaySpeedBox)),
i.Cb(4),
i.Lc("1.0" === e.getPlaybackRate() ? "\u500d\u901f" : e.getPlaybackRate() + "x"),
i.Cb(1),
i.lc("ngClass", i.qc(6, _e, e.isOpenOrHidePlaySpeedBox)),
i.Cb(1),
i.lc("ngForOf", e.playbackValues))
},
directives: [S.l, S.m, S.n],
styles: ["\n vg-playback-button {\n -webkit-touch-callout: none;\n -webkit-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 line-height: 50px;\n font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n }\n\n vg-playback-button .button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n\n }\n .player-speed {\n position: relative;\n }\n .player-speed-toggler {\n width: 90px;\n padding: 0 10px;\n line-height: 52px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .player-speed-toggler-label {\n flex: 1;\n text-align: center;\n }\n .player-speed-toggler:hover {\n color: #00c0FF;\n }\n .player-speed-menu {\n max-height: unset !important;\n left: -2px !important;\n margin-left: 0 !important;\n bottom: 3.5em !important;\n display: none;\n }\n .player-speed-menu.opened {\n display: block;\n }\n \n .player-speed-menu-item {\n line-height: 26px;\n min-width: 92px;\n padding: 9px 10px;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .player-speed-menu-item-label {\n flex: 1;\n text-align-center: center;\n }\n .player-speed-menu-item.active {\n background-color: rgba(0, 0, 0, 0.76);\n color: #00c0FF;\n }\n .player-speed-menu-item:hover {\n color: #00c0FF;\n }\n "],
encapsulation: 2
}),
t
}
)();
var ke = n("0jDU");
const Ie = ["volumeBar"];
function Se(t, e) {
if (1 & t && (i.Ub(0, "div", 4),
i.Kc(1),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.Lc(t.getVolumecCaption())
}
}
const Te = function(t) {
return {
dragging: t
}
};
function Ae(t, e) {
if (1 & t && (i.Ub(0, "div", 5),
i.Pb(1, "div", 6),
i.Pb(2, "div", 7),
i.Tb()),
2 & t) {
const t = i.ec();
i.lc("ngClass", i.qc(5, Te, t.isDragging)),
i.Cb(1),
i.Gc("width", 100 * t.getVolume() + "%"),
i.Cb(1),
i.Gc("left", 100 * t.getVolume() + "%")
}
}
function Ue(t, e) {
if (1 & t && (i.Ub(0, "div", 5),
i.Pb(1, "div", 6),
i.Pb(2, "div", 7),
i.Tb()),
2 & t) {
const t = i.ec();
i.lc("ngClass", i.qc(5, Te, t.isDragging)),
i.Cb(1),
i.Gc("height", 100 * t.getVolume() + "%"),
i.Cb(1),
i.Gc("bottom", 100 * t.getVolume() + "%")
}
}
let Fe = (()=>{
class t {
constructor(t, e) {
this.API = e,
this.vertical = !0,
this.subscriptions = [],
this.elem = t.nativeElement,
this.isDragging = !1
}
ngOnInit() {
this.API.isPlayerReady ? this.onPlayerReady() : this.subscriptions.push(this.API.playerReadyEvent.subscribe(()=>this.onPlayerReady()))
}
onPlayerReady() {
this.target = this.API.getMediaById(this.vgFor),
this.ariaValueY = this.ariaValue = 100 * this.getVolume()
}
onClick(t) {
this.setVolume(this.calculateVolume(this.vertical ? t.clientY : t.clientX))
}
onMouseDown(t) {
this.mouseDownPosX = t.clientX,
this.mouseDownPosY = t.clientY,
this.isDragging = !0
}
onDrag(t) {
this.isDragging && this.setVolume(this.calculateVolume(this.vertical ? t.clientY : t.clientX))
}
onStopDrag(t) {
this.isDragging && (this.isDragging = !1,
this.vertical ? this.mouseDownPosY === t.clientY && this.setVolume(this.calculateVolume(t.clientY)) : this.mouseDownPosX === t.clientX && this.setVolume(this.calculateVolume(t.clientX)))
}
arrowAdjustVolume(t) {
var e = document.activeElement;
(null == e || "input" != e.tagName.toLowerCase() && !e.hasAttribute("contenteditable")) && (38 === t.keyCode ? (t.preventDefault(),
this.setVolume(Math.max(0, Math.min(100, 100 * this.getVolume() + 10)))) : 40 === t.keyCode && (t.preventDefault(),
this.setVolume(Math.max(0, Math.min(100, 100 * this.getVolume() - 10)))))
}
getVolumecCaption() {
return parseInt("" + 100 * this.getVolume())
}
calculateVolume(t) {
let e = 1;
if (/macintosh|mac os x/i.test(navigator.userAgent) || (e = window.innerWidth < 1366 ? 1366 / window.innerWidth : window.innerWidth > 2560 ? 1920 / window.innerWidth : 1),
this.vertical) {
const n = this.volumeBarRef.nativeElement.getBoundingClientRect();
return 100 * (1 - (t * e - n.top) / n.height)
}
{
const n = this.volumeBarRef.nativeElement.getBoundingClientRect();
return (t * e - n.left) / n.width * 100
}
}
setVolume(t) {
try {
this.target.volume = Math.max(0, Math.min(1, t / 100)),
this.ariaValueY = this.ariaValue = 100 * this.target.volume
} catch (e) {}
}
getVolume() {
return this.target ? this.target.volume : 0
}
ngOnDestroy() {
this.subscriptions.forEach(t=>t.unsubscribe())
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(i.l),i.Ob(A.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["vg-volume"]],
viewQuery: function(t, e) {
if (1 & t && i.Qc(Ie, 3),
2 & t) {
let t;
i.wc(t = i.cc()) && (e.volumeBarRef = t.first)
}
},
hostVars: 2,
hostBindings: function(t, e) {
1 & t && i.bc("mousemove", function(t) {
return e.onDrag(t)
}, !1, i.yc)("mouseup", function(t) {
return e.onStopDrag(t)
}, !1, i.yc)("keydown", function(t) {
return e.arrowAdjustVolume(t)
}, !1, i.yc),
2 & t && i.Gb("vertical", e.vertical)
},
inputs: {
vgFor: "vgFor",
vertical: "vertical"
},
decls: 5,
vars: 5,
consts: [["class", "caption", 4, "ngIf"], ["tabindex", "0", "role", "slider", "aria-label", "volume level", "aria-valuemin", "0", "aria-valuemax", "100", "aria-orientation", "horizontal", 1, "volumeBar", 3, "click", "mousedown"], ["volumeBar", ""], ["class", "volumeBackground", 3, "ngClass", 4, "ngIf"], [1, "caption"], [1, "volumeBackground", 3, "ngClass"], [1, "volumeValue"], [1, "volumeKnob"]],
template: function(t, e) {
1 & t && (i.Ic(0, Se, 2, 1, "div", 0),
i.Ub(1, "div", 1, 2),
i.bc("click", function(t) {
return e.onClick(t)
})("mousedown", function(t) {
return e.onMouseDown(t)
}),
i.Ic(3, Ae, 3, 7, "div", 3),
i.Ic(4, Ue, 3, 7, "div", 3),
i.Tb()),
2 & t && (i.lc("ngIf", e.vertical),
i.Cb(1),
i.Db("aria-valuenow", e.vertical ? e.ariaValueY : e.ariaValue)("aria-valuetext", (e.vertical ? e.ariaValueY : e.ariaValue) + "%"),
i.Cb(2),
i.lc("ngIf", !e.vertical),
i.Cb(1),
i.lc("ngIf", e.vertical))
},
directives: [S.n, S.l],
styles: ["\n vg-volume {\n -webkit-touch-callout: none;\n -webkit-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: 100px;\n cursor: pointer;\n color: white;\n line-height: 50px;\n }\n\n\n vg-volume .volumeBar {\n position: relative;\n display: flex;\n flex-grow: 1;\n align-items: center;\n }\n vg-volume .volumeBackground {\n display: flex;\n flex-grow: 1;\n height: 5px;\n pointer-events: none;\n background-color: #333;\n }\n vg-volume .volumeValue {\n display: flex;\n height: 5px;\n pointer-events: none;\n background-color: #FFF;\n transition:all 0.2s ease-out;\n }\n vg-volume .volumeKnob {\n position: absolute;\n width: 10px; height: 11px;\n left: 0; top: 50%;\n transform: translateY(-50%);\n\n pointer-events: none;\n background-color: #FFF;\n transition:all 0.2s ease-out;\n }\n vg-volume .volumeBackground.dragging .volumeValue,\n vg-volume .volumeBackground.dragging .volumeKnob {\n transition: none;\n }\n\n vg-volume.vertical{\n height: 160px;\n width: 3.5em;\n display: block;\n padding-top: 2em;\n line-height: 2em;\n\n }\n vg-volume.vertical .volumeBar{\n\n\n position: relative;\n display: block;\n top: 0.3em;\n }\n\n vg-volume.vertical .volumeBackground{\n\n\n\n width: 0.2em;\n background-color:white;\n height:100px;\n margin: 0 auto;\n\n\n }\n vg-volume.vertical .volumeValue{\n\n width: 0.2em;\n height:auto;\n position: absolute;\n bottom: 0;\n background-color:red;\n }\n\n vg-volume.vertical .volumeKnob{\n\n top: auto;\n left: 50%;\n // margin-left: -7.5px;\n background-color:red;\n transform: translateX(-50%);\n // margin-bottom: -15px;\n }\n\n vg-volume .caption{\n\n position: absolute;\n top: 0;\n text-align: center;\n width: 100%;\n margin-top:0.1em;\n }\n "],
encapsulation: 2
}),
t
}
)();
var Le = n("FQmE")
, Be = n("syxV")
, De = n("9U6K")
, Ee = n("fWe4")
, Ve = n("08EM");
const ze = ["shadow"];
function Ke(t, e) {
if (1 & t && (i.Ub(0, "div", 27),
i.Pb(1, "app-membership-icon", 28),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("membership", t.getMembership(t.publisher.gid))("noText", !0)("width", 24)("height", 24)
}
}
function Re(t, e) {
1 & t && (i.Ub(0, "div", 29),
i.Pb(1, "img", 30),
i.fc(2, "absUrl"),
i.Tb()),
2 & t && (i.Cb(1),
i.mc("src", i.gc(2, 1, "./assets/images/officalUp.png?v=10"), i.Dc))
}
function He(t, e) {
1 & t && (i.Ub(0, "span", 31),
i.Pb(1, "i", 32),
i.Tb())
}
function je(t, e) {
1 & t && (i.Ub(0, "span"),
i.Kc(1, "\u5df2"),
i.Tb())
}
function qe(t, e) {
1 & t && (i.Ub(0, "span"),
i.Kc(1, "+ "),
i.Tb())
}
function Ne(t, e) {
1 & t && (i.dc(),
i.Pb(0, "circle", 44, 45))
}
const We = function(t) {
return {
active: t
}
}
, Ge = function(t) {
return {
unprogress: t
}
};
function Xe(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 39),
i.bc("click", function() {
i.Ac(t);
const e = i.ec().$implicit;
return i.ec().navToSVideo(e)
}),
i.Pb(1, "i", 40),
i.dc(),
i.Ub(2, "svg", 41),
i.Pb(3, "circle", 42),
i.Ic(4, Ne, 2, 0, "circle", 43),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec().first
, e = i.ec();
i.Cb(1),
i.lc("ngClass", i.qc(3, We, 100 === e.progress && t)),
i.Cb(2),
i.lc("ngClass", i.qc(5, Ge, t && e.enableAutoPlay)),
i.Cb(1),
i.lc("ngIf", t && e.enableAutoPlay)
}
}
function Qe(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 46),
i.bc("click", function() {
i.Ac(t);
const e = i.ec().$implicit;
return i.ec().navToSVideo(e)
}),
i.Tb()
}
}
function Ye(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 47),
i.bc("click", function() {
i.Ac(t);
const e = i.ec().$implicit;
return i.ec().navToSVideo(e)
}),
i.Kc(1),
i.Tb()
}
if (2 & t) {
const t = i.ec().$implicit;
i.Cb(1),
i.Lc(t.title)
}
}
function Je(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 48),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).cancelAutoPlay()
}),
i.Ub(1, "span", 49),
i.Kc(2, "\u53d6\u6d88\u8fde\u64ad"),
i.Tb(),
i.Tb()
}
}
function $e(t, e) {
1 & t && (i.Ub(0, "div", 50),
i.Pb(1, "div", 51),
i.Ub(2, "a", 52),
i.Ub(3, "span"),
i.Kc(4, "\u66f4\u591a\u5c0f\u89c6\u9891>"),
i.Tb(),
i.Tb(),
i.Tb())
}
function Ze(t, e) {
if (1 & t && (i.Ub(0, "div", 33),
i.Ic(1, Xe, 5, 7, "div", 34),
i.Ic(2, Qe, 1, 0, "div", 35),
i.Ic(3, Ye, 2, 1, "div", 36),
i.Ic(4, Je, 3, 0, "div", 37),
i.Ic(5, $e, 5, 0, "div", 38),
i.Tb()),
2 & t) {
const t = e.$implicit
, n = e.first
, o = e.last
, s = i.ec();
i.Gc("background-image", "url(" + t.image + "?w=258&h=145&format=jpg&mode=crop)"),
i.lc("ngClass", i.qc(8, We, n && s.enableAutoPlay)),
i.Cb(1),
i.lc("ngIf", !o),
i.Cb(1),
i.lc("ngIf", !o),
i.Cb(1),
i.lc("ngIf", !o),
i.Cb(1),
i.lc("ngIf", n && s.enableAutoPlay),
i.Cb(1),
i.lc("ngIf", o)
}
}
const tn = function(t, e) {
return {
iconnanxing: t,
iconnvxing: e
}
}
, en = function(t) {
return {
notAttend: t
}
}
, nn = function(t, e) {
return {
iconzan: t,
iconzanshixin: e
}
}
, on = function(t, e) {
return {
iconcai: t,
iconcaishixin: e
}
}
, sn = function(t, e) {
return {
iconshoucang: t,
iconshoucangshixin: e
}
};
let cn = (()=>{
class t {
constructor(t, e, n, o, s, c, a, l) {
this._router = t,
this._utility = e,
this._upload = n,
this._user = o,
this._dnDialogService = s,
this._videoService = c,
this._favoriteService = a,
this.fsAPI = l,
this.showPlayEndContent = !1,
this.nextPlayList = [],
this.countSeconds = 5,
this.enableAutoPlay = !1,
this.progress = 0,
this.onClosePlayEndContent = new i.n,
this.likeLoading = !1,
this.dislikeLoading = !1,
this.favoriteLoading = !1,
this.subscriptions = [],
this.userBehaviorEvent = new i.n,
this.suspendAutoPlay = !1,
this.loading = !1
}
ngOnInit() {
this.endContentAutoPlay()
}
ngOnDestroy() {
this.subscriptions.forEach(t=>t.unsubscribe()),
this.closePlayEndContent()
}
cancelAutoPlay() {
cancelAnimationFrame(this.requestId),
this.enableAutoPlay = !1,
this.countSeconds = 5
}
closePlayEndContent() {
this.cancelAutoPlay(),
this.showPlayEndContent = !1,
this.onClosePlayEndContent.emit(this.showPlayEndContent)
}
endContentAutoPlay() {
this.countSeconds = 5,
this.enableAutoPlay = !0,
setTimeout(()=>{
this.roundProgressStart()
}
, 10)
}
startAutoPlay() {
this.suspendAutoPlay && this.cancelAutoPlay(),
0 !== this.countSeconds && (this.timeout && this._utility.clearTimeout(this.timeout),
this.enableAutoPlay && (this.timeout = this._utility.setTimeout(()=>{
this.startAutoPlay()
}
, 1e3),
this.countSeconds--))
}
roundProgressStart() {
this.progress = 0,
this.startTime = performance.now();
const t = this.shadowRef.nativeElement
, e = parseFloat(t.getAttribute("r"))
, n = Math.floor(2 * Math.PI * e);
this.updateProgress(n, t)
}
updateProgress(t, e) {
if (this.suspendAutoPlay && this.cancelAutoPlay(),
!this.enableAutoPlay)
return;
const n = performance.now() - this.startTime;
this.progress = Math.min(n / 5e3 * 100, 100),
e.setAttribute("stroke-dasharray", t * this.progress / 100 + ",10000"),
this.progress < 100 ? this.requestId = requestAnimationFrame(()=>this.updateProgress(t, e)) : (cancelAnimationFrame(this.requestId),
this.navToSVideo(this.nextPlayList[0]))
}
navToSVideo(t) {
this._router.navigate(["/watch"], {
queryParams: {
v: t.key
}
})
}
visit() {
var t;
this._router.navigateByUrl("/space/" + ((null === (t = this.publisher) || void 0 === t ? void 0 : t.userKey) || this.publisher.key))
}
guanzhu() {
this.user.id > 0 ? (this.loading = !0,
this._upload.SetAttension(this.publisher.userKey).subscribe(t=>{
this.loading = !1,
401 !== t.code && this.publisher.uid !== this.user.id && (this.publisher.isAttend = !this.publisher.isAttend,
this.publisher.fansCount += this.publisher.isAttend ? 1 : this.publisher.fansCount > 0 ? -1 : 0)
}
)) : (this.fsAPI.isFullscreen && this.fsAPI.toggleFullscreen(),
this._user.showLoginDialog(!0))
}
getMembership(t) {
var e = "";
switch (t) {
case 0:
e = "";
break;
case 1:
case 2:
e = "gvip";
break;
case 3:
e = "royalVip";
break;
case 4:
case 101:
case 102:
e = "cpvip";
break;
default:
e = "vip"
}
return e
}
rePlay() {
document.getElementById("play-pause-button").click()
}
like() {
if (!this.user || !this.user.id)
return this.fsAPI.isFullscreen && this.fsAPI.toggleFullscreen(),
void this._dnDialogService.open("login-required-dialog");
this.likeLoading || (this.likeLoading = !0,
this.subscriptions.push(this._videoService.like(this.video.id).subscribe(t=>{
this.likeLoading = !1,
t.message ? this._dnDialogService.open("message-dialog", {
message: t.message
}) : this.userBehaviorEvent.emit(Object.assign({
name: "likeStatus"
}, t[0]))
}
)))
}
dislike() {
if (!this.user || !this.user.id)
return this.fsAPI.isFullscreen && this.fsAPI.toggleFullscreen(),
void this._dnDialogService.open("login-required-dialog");
this.dislikeLoading || (this.dislikeLoading = !0,
this.subscriptions.push(this._videoService.dislike(this.video.id).subscribe(t=>{
this.dislikeLoading = !1,
t.message ? this._dnDialogService.open("message-dialog", {
message: t.message
}) : this.userBehaviorEvent.emit(Object.assign({
name: "likeStatus"
}, t[0]))
}
)))
}
share() {
this.video.userBehaviors.share || (this.video.userBehaviors.share = !0,
this.video.userData.shared += 1,
this._videoService.share(this.video.id).subscribe()),
this._dnDialogService.open("share")
}
favorite() {
!0 !== this.favoriteLoading && (this.user && this.user.id ? (this.favoriteLoading = !0,
this.video.userBehaviors.favorite ? this._favoriteService.removeFavoritesItem(this.user, this.video.id).subscribe(t=>{
401 != t.code && (this.video.userBehaviors.favorite = !1,
this.video.userData.favorites = this.video.userData.favorites - 1,
this._favoriteService.changeFavoriteStatus(void 0)),
this.favoriteLoading = !1
}
) : this._videoService.favorite(this.user, this.video.id).subscribe(t=>{
401 != t.code && (this.video.userData.favorites = this.video.userData.favorites + 1,
this.userBehaviorEvent.emit("favorite"),
this._favoriteService.changeFavoriteStatus(void 0)),
this.favoriteLoading = !1
}
)) : (this.fsAPI.isFullscreen && this.fsAPI.toggleFullscreen(),
this._dnDialogService.open("login-required-dialog")))
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(k.d),i.Ob(h.a),i.Ob(De.a),i.Ob(P.a),i.Ob(m.a),i.Ob(Ee.a),i.Ob(Be.a),i.Ob(o.d))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-auto-play-next-list"]],
viewQuery: function(t, e) {
if (1 & t && i.Qc(ze, 1),
2 & t) {
let t;
i.wc(t = i.cc()) && (e.shadowRef = t.first)
}
},
inputs: {
video: "video",
showPlayEndContent: "showPlayEndContent",
nextPlayList: "nextPlayList",
publisher: "publisher",
user: "user",
suspendAutoPlay: "suspendAutoPlay"
},
outputs: {
onClosePlayEndContent: "onClosePlayEndContent",
userBehaviorEvent: "userBehaviorEvent"
},
decls: 46,
vars: 43,
consts: [[1, "next-play-cover", 3, "click"], [1, "next-play-content"], [1, "publisher"], [1, "publisher-info"], [1, "publisher-avatar"], [3, "routerLink"], [1, "avatar", 3, "src", "alt"], ["class", "vip-icon", 4, "ngIf"], ["class", "vip-icon officalUp", 4, "ngIf"], [1, "publisher-nickname"], [1, "nickname-text", "d-flex", "align-items-center", 3, "click"], [1, "name-text"], [1, "iconfont", "icon-size", 3, "ngClass"], ["type", "button", 1, "btn-default", "follow-publisher", 3, "ngClass", "click"], ["class", "icon-sm", 4, "ngIf"], [4, "ngIf"], [1, "ml-2"], [1, "svideo-action"], [1, "action-button", "mr-5", 3, "click"], [1, "iconfont", "iconjiazai_shuaxin"], [1, "action-text"], [1, "action-button", "mr-4", 3, "ngClass", "click"], [1, "iconfont", 3, "ngClass"], [1, "action-button", 3, "click"], [1, "iconfont", "iconfenxiang"], [1, "next-play-list"], ["class", "next-video-box", 3, "ngClass", "background-image", 4, "ngFor", "ngForOf"], [1, "vip-icon"], [3, "membership", "noText", "width", "height"], [1, "vip-icon", "officalUp"], ["width", "20px", "alt", "\u5b98\u65b9\u6807\u8bc6", 2, "margin-right", "5px", 3, "src"], [1, "icon-sm"], [1, "iconfont", "iconjiazai_shuaxin", "animate-spin"], [1, "next-video-box", 3, "ngClass"], ["class", "play-icon", 3, "click", 4, "ngIf"], ["class", "shadow-bar", 3, "click", 4, "ngIf"], ["class", "next-title", 3, "click", 4, "ngIf"], ["class", "next-play-count notranslate", 3, "click", 4, "ngIf"], ["class", "more-svideo-container", 4, "ngIf"], [1, "play-icon", 3, "click"], [1, "iconfont", "iconbofang3", 3, "ngClass"], ["xmlns", "http://www.w3.org/200/svg", "height", "56", "width", "56", 1, "round-progress-container"], ["cx", "28", "cy", "28", "r", "16", "fill", "none", "stroke", "#ffffff66", "stroke-width", "4", "stroke-linecap", "round", 1, "round-progress-track", 3, "ngClass"], ["class", "round-progress-shadow", "cx", "28", "cy", "28", "r", "16", "fill", "none", "stroke", "#ffffff", "stroke-width", "4", "stroke-dasharray", "0,10000", 4, "ngIf"], ["cx", "28", "cy", "28", "r", "16", "fill", "none", "stroke", "#ffffff", "stroke-width", "4", "stroke-dasharray", "0,10000", 1, "round-progress-shadow"], ["shadow", ""], [1, "shadow-bar", 3, "click"], [1, "next-title", 3, "click"], [1, "next-play-count", "notranslate", 3, "click"], [1, "hovered-show"], [1, "more-svideo-container"], [1, "blur-cover"], ["routerLink", "/list/news", 1, "more-link"]],
template: function(t, e) {
1 & t && (i.Ub(0, "div", 0),
i.bc("click", function() {
return e.closePlayEndContent()
}),
i.Tb(),
i.Ub(1, "div", 1),
i.Ub(2, "div", 2),
i.Ub(3, "div", 3),
i.Ub(4, "div", 4),
i.Ub(5, "a", 5),
i.Pb(6, "img", 6),
i.fc(7, "safeResource"),
i.Tb(),
i.Ic(8, Ke, 2, 4, "div", 7),
i.Ic(9, Re, 3, 3, "div", 8),
i.Tb(),
i.Ub(10, "div", 9),
i.Ub(11, "div", 10),
i.bc("click", function() {
return e.visit()
}),
i.Ub(12, "div", 11),
i.Kc(13),
i.Tb(),
i.Pb(14, "i", 12),
i.Tb(),
i.Ub(15, "button", 13),
i.bc("click", function() {
return e.guanzhu()
}),
i.Ic(16, He, 2, 0, "span", 14),
i.Ic(17, je, 2, 0, "span", 15),
i.Ic(18, qe, 2, 0, "span", 15),
i.Kc(19, "\u5173\u6ce8 "),
i.Ub(20, "span", 16),
i.Kc(21),
i.fc(22, "chineseCounter"),
i.Tb(),
i.Tb(),
i.Tb(),
i.Tb(),
i.Ub(23, "div", 17),
i.Ub(24, "div", 18),
i.bc("click", function() {
return e.rePlay()
}),
i.Pb(25, "i", 19),
i.Ub(26, "span", 20),
i.Kc(27, "\u91cd\u64ad"),
i.Tb(),
i.Tb(),
i.Ub(28, "div", 21),
i.bc("click", function() {
return e.like()
}),
i.Pb(29, "i", 22),
i.Ub(30, "span", 20),
i.Kc(31, "\u70b9\u8d5e"),
i.Tb(),
i.Tb(),
i.Ub(32, "div", 21),
i.bc("click", function() {
return e.dislike()
}),
i.Pb(33, "i", 22),
i.Ub(34, "span", 20),
i.Kc(35, "\u70b9\u8e29"),
i.Tb(),
i.Tb(),
i.Ub(36, "div", 21),
i.bc("click", function() {
return e.favorite()
}),
i.Pb(37, "i", 22),
i.Ub(38, "span", 20),
i.Kc(39, "\u6536\u85cf"),
i.Tb(),
i.Tb(),
i.Ub(40, "div", 23),
i.bc("click", function() {
return e.share()
}),
i.Pb(41, "i", 24),
i.Ub(42, "span", 20),
i.Kc(43, "\u5206\u4eab"),
i.Tb(),
i.Tb(),
i.Tb(),
i.Tb(),
i.Ub(44, "div", 25),
i.Ic(45, Ze, 6, 10, "div", 26),
i.Tb(),
i.Tb()),
2 & t && (i.Cb(5),
i.lc("routerLink", "/space/" + ((null == e.publisher ? null : e.publisher.userKey) || (null == e.publisher ? null : e.publisher.key))),
i.Cb(1),
i.mc("alt", e.publisher.title),
i.lc("src", i.gc(7, 19, e.publisher.avatar + "?w=70&h=70&mode=crop"), i.Dc),
i.Cb(2),
i.lc("ngIf", e.publisher.gid > 0 && !(null != e.publisher && e.publisher.isOfficalUP)),
i.Cb(1),
i.lc("ngIf", null == e.publisher ? null : e.publisher.isOfficalUP),
i.Cb(4),
i.Lc(e.publisher.title),
i.Cb(1),
i.lc("ngClass", i.rc(23, tn, 0 === e.publisher.gender, 1 === e.publisher.gender)),
i.Cb(1),
i.lc("ngClass", i.qc(26, en, !e.publisher.isAttend)),
i.Cb(1),
i.lc("ngIf", e.loading),
i.Cb(1),
i.lc("ngIf", !e.loading && (null == e.publisher ? null : e.publisher.isAttend)),
i.Cb(1),
i.lc("ngIf", !(e.loading || null != e.publisher && e.publisher.isAttend)),
i.Cb(3),
i.Lc(i.gc(22, 21, e.publisher.fansCount)),
i.Cb(7),
i.lc("ngClass", i.qc(28, We, e.video.userBehaviors.like)),
i.Cb(1),
i.lc("ngClass", i.rc(30, nn, !e.video.userBehaviors.like, e.video.userBehaviors.like)),
i.Cb(3),
i.lc("ngClass", i.qc(33, We, e.video.userBehaviors.dislike)),
i.Cb(1),
i.lc("ngClass", i.rc(35, on, !e.video.userBehaviors.dislike, e.video.userBehaviors.dislike)),
i.Cb(3),
i.lc("ngClass", i.qc(38, We, e.video.userBehaviors.favorite)),
i.Cb(1),
i.lc("ngClass", i.rc(40, sn, !e.video.userBehaviors.favorite, e.video.userBehaviors.favorite)),
i.Cb(8),
i.lc("ngForOf", e.nextPlayList.slice(0, 6)))
},
directives: [k.g, S.n, S.l, S.m, Ve.a],
pipes: [pt.b, pt.a, gt.a],
styles: [".next-play-cover[_ngcontent-%COMP%]{position:absolute;z-index:4445;top:0;right:0;left:0;bottom:0;background-color:#000c}.next-play-content[_ngcontent-%COMP%]{position:absolute;z-index:4446;transform:translate(-50%,-50%);top:45%;left:50%}.next-play-list[_ngcontent-%COMP%]{flex-wrap:wrap;align-content:space-between;height:303px}.next-play-list[_ngcontent-%COMP%], .publisher[_ngcontent-%COMP%]{display:flex;justify-content:space-between;width:800px}.publisher[_ngcontent-%COMP%]{height:100px}.publisher-info[_ngcontent-%COMP%], .svideo-action[_ngcontent-%COMP%]{height:70px;display:flex;align-items:center}.publisher-avatar[_ngcontent-%COMP%]{width:70px;height:70px;border-radius:50%;overflow:hidden;margin-right:15px}.publisher-avatar[_ngcontent-%COMP%] img.avatar[_ngcontent-%COMP%]{width:100%;height:100%}.vip-icon[_ngcontent-%COMP%]{position:absolute;z-index:999;width:20px;height:20px;margin-top:-30px;margin-left:50px;pointer-events:none}.publisher-nickname[_ngcontent-%COMP%]{font-size:16px;line-height:16px;cursor:pointer}.publisher-nickname[_ngcontent-%COMP%] .name-text[_ngcontent-%COMP%]{color:#ffffffb3;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:4px}.icon-size[_ngcontent-%COMP%]{font-size:16px;font-weight:700}.follow-publisher[_ngcontent-%COMP%]{min-width:70px;border:none;outline:none;font-size:14px;padding:.5em 1.5em;margin-top:10px}.follow-publisher.notAttend[_ngcontent-%COMP%]{background-color:#00c0ff!important;color:#fff!important}.icon-sm[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%]{font-size:14px}.action-button[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffffb3;margin-left:10px;cursor:pointer}.action-button.active[_ngcontent-%COMP%], .action-button[_ngcontent-%COMP%]:hover{color:#00c0ff}.action-button[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%]{font-size:38px;height:38px;line-height:38px}.action-button[_ngcontent-%COMP%] .action-text[_ngcontent-%COMP%]{font-size:16px}.next-video-box[_ngcontent-%COMP%]{width:258px;height:145px;position:relative;cursor:pointer}.next-video-box.active[_ngcontent-%COMP%] .play-icon[_ngcontent-%COMP%], .next-video-box[_ngcontent-%COMP%]:hover .play-icon[_ngcontent-%COMP%]{opacity:1}.next-video-box.active[_ngcontent-%COMP%] .shadow-bar[_ngcontent-%COMP%], .next-video-box[_ngcontent-%COMP%]:hover .shadow-bar[_ngcontent-%COMP%]{height:145px;top:0;left:0;bottom:0;background:#00000080}.shadow-bar[_ngcontent-%COMP%]{height:40px;bottom:-1px;background:linear-gradient(180deg,#0000,#000c 97.5%,#0000)}.next-title[_ngcontent-%COMP%], .shadow-bar[_ngcontent-%COMP%]{position:absolute;width:100%}.next-title[_ngcontent-%COMP%]{color:#fff;padding:0 4px;line-height:20px;z-index:1;font-size:12px;bottom:2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.play-icon[_ngcontent-%COMP%]{opacity:0;position:absolute;z-index:2;transform:translate(-50%,-50%);top:50%;left:50%;height:56px;width:56px;text-align:center;line-height:56px}.play-icon[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%]{font-size:20px;color:#fff6;margin-left:3px}.play-icon[_ngcontent-%COMP%] .iconfont.active[_ngcontent-%COMP%], .play-icon[_ngcontent-%COMP%]:hover .iconfont[_ngcontent-%COMP%]{color:#fff}.play-icon[_ngcontent-%COMP%]:hover .round-progress-track[_ngcontent-%COMP%]{stroke:#fff}.round-progress-container[_ngcontent-%COMP%]{position:absolute;z-index:1;transform:translate(-50%,-50%);top:50%;left:50%;width:56px;height:56px}.round-progress-track.unprogress[_ngcontent-%COMP%]{stroke:#fff6!important}.round-progress-shadow[_ngcontent-%COMP%]{stroke:#fff;transform:rotate(-90deg) translate(-56px);transition:stroke-dasharray .1s linear}.next-play-count[_ngcontent-%COMP%]{position:absolute;z-index:1;top:5px;left:5px;color:#fff;background:#96969680;padding:3px 5px;font-size:12px;min-width:68px;text-align:center;border-radius:3px}.more-svideo-container[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center}.blur-cover[_ngcontent-%COMP%], .more-svideo-container[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;top:0;left:0}.blur-cover[_ngcontent-%COMP%]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.more-link[_ngcontent-%COMP%]{position:relative;z-index:1;color:#fff;font-size:12px}.more-link[_ngcontent-%COMP%]:hover{color:#00c0ff}@media (max-width:1678px){.next-play-content[_ngcontent-%COMP%]{top:42%;zoom:.85}}"]
}),
t
}
)();
var an = n("Jr3z")
, ln = n("3Pt+")
, rn = n("qWkz")
, un = n("PkM9")
, hn = n("ha/m");
const dn = ["PlayerMediaList"];
function gn(t, e) {
if (1 & t && i.Pb(0, "app-list", 7),
2 & t) {
const t = i.ec();
i.lc("items", t.playlist)("fixedTabs", 2)("fromPlayer", !0)("isWide", t.isWide)("newMediaKey", t.newMediaKey)("currentKey", t.newMediaKey)("isLive", t.isLive)
}
}
function pn(t, e) {
if (1 & t && i.Pb(0, "app-list-by-year", 8),
2 & t) {
const t = i.ec();
i.lc("items", t.playlist)("fromPlayer", !0)("newMediaKey", t.newMediaKey)("currentKey", t.newMediaKey)
}
}
const bn = function(t, e) {
return {
show: t,
"no-transition": e
}
};
let mn = (()=>{
class t {
constructor(t, e, n) {
this.playerMediaListService = t,
this.route = e,
this._utility = n,
this.show = !1,
this.playlist = [],
this.playlistType = "byDefault",
this.isWide = !1,
this.noTransition = !1,
this.isLive = !1
}
ngOnInit() {
this.listOpenSubscribe = this.playerMediaListService.open$.subscribe(t=>{
this.show = t,
this.show ? setTimeout(()=>{
this.closeSubscribe = this._utility.openList(this.PlayerMediaList.nativeElement, null, t=>{
var e;
if (t.getAttribute("class")) {
const n = null === (e = t.getAttribute("class")) || void 0 === e ? void 0 : e.split(" ");
if (n.indexOf("pmb") > -1 || n.indexOf("ps") > -1 || n.indexOf("ps__thumb-y") > -1 || n.indexOf("ps--active-y") > -1 || n.indexOf("ps__rail-y") > -1)
return
}
this.playerMediaListService.close()
}
)
}
) : this.closeSubscribe && this.closeSubscribe.unsubscribe()
}
),
this.route.queryParams.subscribe(t=>{
this.playerMediaListService.close()
}
),
this.route.queryParams.subscribe(t=>{
t.s && this.playerMediaListService.open()
}
)
}
togglePlaylist() {
this.playerMediaListService.toggle()
}
ngOnDestroy() {
this.closeSubscribe && this.closeSubscribe.unsubscribe(),
this.listOpenSubscribe && this.listOpenSubscribe.unsubscribe()
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(C.a),i.Ob(k.a),i.Ob(h.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-player-media-list"]],
viewQuery: function(t, e) {
if (1 & t && i.Qc(dn, 1),
2 & t) {
let t;
i.wc(t = i.cc()) && (e.PlayerMediaList = t.first)
}
},
inputs: {
show: "show",
playlist: "playlist",
playlistType: "playlistType",
isWide: "isWide",
newMediaKey: "newMediaKey",
noTransition: "noTransition",
isLive: "isLive"
},
decls: 7,
vars: 6,
consts: [[1, "player-media-list", 3, "ngClass"], [1, "scroll-bar", 2, "height", "100%"], [1, "player-media-list-inner"], ["PlayerMediaList", ""], [3, "items", "fixedTabs", "fromPlayer", "isWide", "newMediaKey", "currentKey", "isLive", 4, "ngIf"], [3, "items", "fromPlayer", "newMediaKey", "currentKey", 4, "ngIf"], [1, "player-media-list-trigger", 3, "click"], [3, "items", "fixedTabs", "fromPlayer", "isWide", "newMediaKey", "currentKey", "isLive"], [3, "items", "fromPlayer", "newMediaKey", "currentKey"]],
template: function(t, e) {
1 & t && (i.Ub(0, "div", 0),
i.Ub(1, "div", 1),
i.Ub(2, "div", 2, 3),
i.Ic(4, gn, 1, 7, "app-list", 4),
i.Ic(5, pn, 1, 4, "app-list-by-year", 5),
i.Tb(),
i.Tb(),
i.Ub(6, "div", 6),
i.bc("click", function() {
return e.togglePlaylist()
}),
i.Tb(),
i.Tb()),
2 & t && (i.lc("ngClass", i.rc(3, bn, e.show, e.noTransition)),
i.Cb(4),
i.lc("ngIf", "byDefault" === e.playlistType),
i.Cb(1),
i.lc("ngIf", "byDate" === e.playlistType))
},
directives: [S.l, S.n, un.a, hn.a],
styles: [".scroll-bar[_ngcontent-%COMP%]{overflow-y:overlay;overflow-x:hidden}.player-media-list-inner[_ngcontent-%COMP%]{padding-top:1em}"]
}),
t
}
)();
var fn = n("ITgo");
const vn = ["configBox"]
, Cn = ["languageBox"];
function Pn(t, e) {
if (1 & t && (i.Ub(0, "div", 40),
i.Ub(1, "div", 41),
i.Kc(2),
i.Tb(),
i.Tb()),
2 & t) {
const t = i.ec(3);
i.Cb(2),
i.Mc(" ", t.serverCaption, " ")
}
}
function yn(t, e) {
1 & t && i.Pb(0, "div", 43)
}
function On(t, e) {
if (1 & t && (i.Ub(0, "div", 40),
i.Ub(1, "div", 41),
i.Kc(2),
i.Tb(),
i.Ic(3, yn, 1, 0, "div", 42),
i.Tb()),
2 & t) {
const t = i.ec(3);
i.Cb(2),
i.Mc(" ", t.errorContent, " "),
i.Cb(1),
i.lc("ngIf", t.isLive)
}
}
function xn(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 47),
i.bc("click", function() {
return i.Ac(t),
i.ec(4).closeSmallPlayer()
}),
i.Pb(1, "i", 48),
i.Tb()
}
}
function Mn(t, e) {
if (1 & t && (i.Ub(0, "div", 44),
i.Pb(1, "vg-play-pause", 45),
i.Ic(2, xn, 2, 0, "div", 46),
i.Tb()),
2 & t) {
const t = i.ec(3);
i.Cb(1),
i.lc("isPlayingAds", t.isPlayingAds),
i.Cb(1),
i.lc("ngIf", t.isFloatPlayer)
}
}
const _n = function(t) {
return {
inFloat: t
}
};
function wn(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 49),
i.bc("click", function() {
return i.Ac(t),
i.ec(3).toPlay()
}),
i.Tb()
}
if (2 & t) {
const t = i.ec(3);
i.lc("ngClass", i.qc(1, _n, t.isFloatPlayer))
}
}
function kn(t, e) {
1 & t && i.Pb(0, "div", 50),
2 & t && i.lc("innerHtml", e.$implicit, i.Bc)
}
function In(t, e) {
if (1 & t && (i.Ub(0, "div", 61),
i.Ub(1, "div", 62),
i.Ub(2, "span", 63),
i.Kc(3),
i.Tb(),
i.Kc(4, "s "),
i.Tb(),
i.Tb()),
2 & t) {
const t = i.ec(4);
i.Cb(3),
i.Lc(t.leftSecond)
}
}
function Sn(t, e) {
1 & t && i.Pb(0, "i", 67)
}
function Tn(t, e) {
1 & t && i.Pb(0, "i", 68)
}
function An(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 64),
i.bc("click", function(e) {
return i.Ac(t),
i.ec(4).muted(e)
}),
i.Ic(1, Sn, 1, 0, "i", 65),
i.Ic(2, Tn, 1, 0, "i", 66),
i.Tb()
}
if (2 & t) {
const t = i.ec(4);
i.Cb(1),
i.lc("ngIf", !!t.isMuted),
i.Cb(1),
i.lc("ngIf", !t.isMuted)
}
}
function Un(t, e) {
1 & t && (i.Ub(0, "div", 69),
i.Kc(1, " \u65e0\u6cd5\u663e\u793a\u5e7f\u544a\u3002 "),
i.Tb())
}
const Fn = function(t) {
return {
small: t
}
};
function Ln(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 51),
i.bc("click", function() {
return i.Ac(t),
i.ec(3).navigatetopublic()
}),
i.Ub(1, "div", 52),
i.Ic(2, In, 5, 1, "div", 53),
i.Ub(3, "div", 54),
i.Ub(4, "div", 55),
i.bc("click", function(e) {
return i.Ac(t),
i.ec(3).skipAds(e)
}),
i.Kc(5, " \u8df3\u8fc7\u5e7f\u544a "),
i.Tb(),
i.Tb(),
i.Ic(6, An, 3, 2, "div", 56),
i.Tb(),
i.Ic(7, Un, 2, 0, "div", 57),
i.Pb(8, "div", 58),
i.Ub(9, "div", 59),
i.Kc(10, "\u5e7f\u544a"),
i.Tb(),
i.Ub(11, "div", 60),
i.bc("click", function(e) {
return i.Ac(t),
i.ec(3).adsFullscreenClick(e)
}),
i.Ub(12, "vg-fullscreen", 31),
i.bc("fullscreenStatus", function(e) {
return i.Ac(t),
i.ec(3).fullscreenStatusHandler(e)
}),
i.Tb(),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec(3);
i.lc("ngClass", i.qc(7, _n, t.isFloatPlayer))("ngStyle", t.getBackgroudImage(t.currentPlayingAds)),
i.Cb(2),
i.lc("ngIf", t.leftSecond > 0),
i.Cb(4),
i.lc("ngIf", !(null != t.currentPlayingAds && t.currentPlayingAds.isImage)),
i.Cb(1),
i.lc("ngIf", t.isPublicBlocked && !t.needUserTouch),
i.Cb(1),
i.lc("ngClass", i.qc(9, Fn, t.isFloatPlayer)),
i.Cb(4),
i.lc("isFullscreen", t.isFullscreen)
}
}
function Bn(t, e) {
if (1 & t && i.Pb(0, "vg-overlay-play", 70),
2 & t) {
const t = i.ec(3);
i.lc("logo", t.logo)("paused", t.isPaused)("isPlayingAds", t.isPlayingAds)("isFloatPlayer", t.isFloatPlayer)("isLive", t.isLive)("fromActivity", t.fromActivity)("isFullscreen", t.isFullscreen)("showPlayEndContent", t.showPlayEndContent)
}
}
const Dn = function(t) {
return {
opacity: t,
"z-index": 4445
}
};
function En(t, e) {
if (1 & t && i.Pb(0, "vg-overlay-danmu", 71),
2 & t) {
const t = i.ec(3);
i.lc("isPlayingAds", t.isPlayingAds)("ngStyle", i.qc(4, Dn, t.isFloatPlayer ? 0 : 1))("isLive", t.isLive)("adsDanmus", t.adsDanmus)
}
}
function Vn(t, e) {
if (1 & t && (i.Ub(0, "span"),
i.Kc(1),
i.Tb()),
2 & t) {
const t = i.ec(4);
i.Cb(1),
i.Lc(null == t.video ? null : t.video.title)
}
}
function zn(t, e) {
if (1 & t && (i.Ub(0, "span", 75),
i.Kc(1),
i.Tb()),
2 & t) {
const t = i.ec(4);
i.Cb(1),
i.Lc(t.mediaTitle)
}
}
const Kn = function(t) {
return {
vip: t
}
};
function Rn(t, e) {
if (1 & t && (i.Ub(0, "vg-controls", 72),
i.Ub(1, "div", 73),
i.Ic(2, Vn, 2, 1, "span", 32),
i.Ic(3, zn, 2, 1, "span", 74),
i.Tb(),
i.Tb()),
2 & t) {
const t = i.ec(3);
i.lc("vgAutohide", t.autoHide)("vgAutohideTime", 2.5),
i.Cb(1),
i.lc("ngClass", i.qc(5, Kn, (null == t.user ? null : t.user.roleId) > 0)),
i.Cb(1),
i.lc("ngIf", !t.isFloatPlayer),
i.Cb(1),
i.lc("ngIf", (null == t.video ? null : t.video.isMediaTitleVisible) && !t.isFloatPlayer)
}
}
function Hn(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 81),
i.bc("click", function() {
return i.Ac(t),
i.ec(4).playNextVideo()
}),
i.Pb(1, "div", 82),
i.Tb()
}
}
function jn(t, e) {
1 & t && (i.Ub(0, "div", 87),
i.Kc(1, "/"),
i.Tb())
}
function qn(t, e) {
1 & t && i.Pb(0, "vg-time-display", 88)
}
function Nn(t, e) {
if (1 & t && (i.Ub(0, "div", 83),
i.Pb(1, "vg-time-display", 84),
i.Ic(2, jn, 2, 0, "div", 85),
i.Ic(3, qn, 1, 0, "vg-time-display", 86),
i.Tb()),
2 & t) {
const t = i.ec(4);
i.Cb(2),
i.lc("ngIf", !t.isLive),
i.Cb(1),
i.lc("ngIf", !t.isLive)
}
}
function Wn(t, e) {
1 & t && (i.Ub(0, "div", 87),
i.Kc(1, "/"),
i.Tb())
}
function Gn(t, e) {
1 & t && i.Pb(0, "vg-time-display", 91)
}
function Xn(t, e) {
if (1 & t && (i.Ub(0, "div", 83),
i.Pb(1, "vg-time-display", 89),
i.Ic(2, Wn, 2, 0, "div", 85),
i.Ic(3, Gn, 1, 0, "vg-time-display", 90),
i.Tb()),
2 & t) {
const t = i.ec(4);
i.Cb(2),
i.lc("ngIf", !t.isLive),
i.Cb(1),
i.lc("ngIf", !t.isLive)
}
}
function Qn(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "button", 92, 93),
i.bc("click", function() {
return i.Ac(t),
i.ec(4).toggleMediaList()
}),
i.Kc(2),
i.Tb()
}
if (2 & t) {
const t = i.ec(4);
i.Cb(2),
i.Lc(t.playListConfig.title)
}
}
function Yn(t, e) {
if (1 & t && (i.Ub(0, "div", 76),
i.Pb(1, "vg-play-pause", 45),
i.Ic(2, Hn, 2, 0, "div", 77),
i.Pb(3, "vg-airplay", 78),
i.Ic(4, Nn, 4, 2, "div", 79),
i.Ic(5, Xn, 4, 2, "div", 79),
i.Ic(6, Qn, 3, 1, "button", 80),
i.Tb()),
2 & t) {
const t = i.ec(3);
i.Cb(1),
i.lc("isPlayingAds", t.isPlayingAds),
i.Cb(1),
i.lc("ngIf", t.showNextButton && !t.isLive),
i.Cb(2),
i.lc("ngIf", t.api.totalTime >= 36e5 && !t.fromActivity),
i.Cb(1),
i.lc("ngIf", t.api.totalTime < 36e5 && !t.fromActivity),
i.Cb(1),
i.lc("ngIf", t.playListConfig.canSelect)
}
}
function Jn(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 94),
i.Ub(1, "app-danmu-input", 95),
i.bc("onBlur", function() {
return i.Ac(t),
i.ec(3).onInputBlur()
})("onFocus", function() {
return i.Ac(t),
i.ec(3).onInputFocus()
})("onClose", function() {
return i.Ac(t),
i.ec(3).shouldShowInput = !1
})("api", function() {
return i.Ac(t),
i.ec(3).api
}),
i.Tb(),
i.Tb()
}
}
function $n(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "vg-quality-selector", 96),
i.bc("filterClick", function(e) {
return i.Ac(t),
i.ec(3).purchaseMedia(e)
})("onBitrateChange", function(e) {
return i.Ac(t),
i.ec(3).onSelectBitrate(e)
}),
i.Tb()
}
if (2 & t) {
const t = i.ec(3);
i.lc("bitrates", t.bitrates)("bitrateSelected", t.playingMedia)("playingLevel", t.currentPlayingLevel)("gold", t.unlockGold)("user", t.user)("isLive", t.isLive)("isLine", t.isLine)
}
}
const Zn = function(t) {
return {
active: t
}
};
function ti(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 102),
i.bc("click", function() {
i.Ac(t);
const n = e.$implicit;
return i.ec(4).changeLanguage(n)
}),
i.Kc(1),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = i.ec(4);
i.lc("ngClass", i.qc(2, Zn, n.language === t.title)),
i.Cb(1),
i.Mc(" ", t.title, " ")
}
}
const ei = function(t) {
return {
opened: t
}
};
function ni(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 97, 98),
i.bc("click", function() {
return i.Ac(t),
i.ec(3).openLanguageList()
}),
i.Ub(2, "div", 99),
i.Ic(3, ti, 2, 4, "div", 100),
i.Tb(),
i.Ub(4, "div", 101),
i.Kc(5),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec(3);
i.lc("ngClass", i.qc(4, Zn, t.isLanguageSelectionOpened)),
i.Cb(2),
i.lc("ngClass", i.qc(6, ei, t.isLanguageSelectionOpened)),
i.Cb(1),
i.lc("ngForOf", t.languageList),
i.Cb(2),
i.Lc(t.language)
}
}
function ii(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "vg-playback-button", 103),
i.bc("releaseControl", function(e) {
return i.Ac(t),
i.ec(3).releaseControlHandler(e)
}),
i.Tb()
}
if (2 & t) {
const t = i.ec(3);
i.lc("customCallback", t.checkIfNeedToggleCallback)("isPlayingAds", t.isPlayingAds)
}
}
const oi = function(t) {
return {
active: t
}
};
function si(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "vg-mute", 104),
i.bc("mouseenter", function(e) {
return i.Ac(t),
i.ec(3).showVolume(e)
})("mouseleave", function() {
return i.Ac(t),
i.ec(3).hideVolume()
}),
i.Tb()
}
if (2 & t) {
const t = i.ec(3);
i.lc("ngClass", i.qc(1, oi, t.isVolumeShow))
}
}
const ci = function(t) {
return {
show: t
}
};
function ai(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 105),
i.bc("mouseenter", function() {
return i.Ac(t),
i.ec(3).keepVolume()
})("mouseleave", function() {
return i.Ac(t),
i.ec(3).hideVolume()
}),
i.Ub(1, "div", 106),
i.Pb(2, "vg-volume"),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec(3);
i.Gc("left", t.position.left, "px"),
i.lc("ngClass", i.qc(3, ci, t.isVolumeShow))
}
}
function li(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 119),
i.Ub(1, "div", 120),
i.bc("click", function() {
return i.Ac(t),
i.ec(4).toggleAutoStart()
}),
i.Ub(2, "div", 121),
i.Ub(3, "span"),
i.Kc(4, "\u81ea\u52a8\u5f00\u59cb\u64ad\u653e"),
i.Tb(),
i.Tb(),
i.Pb(5, "app-slide-toggle", 122),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec(4);
i.Cb(5),
i.lc("status", t.autoStart)
}
}
const ri = function(t) {
return {
vip: t
}
};
function ui(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 123),
i.Ub(1, "div", 120),
i.bc("click", function() {
return i.Ac(t),
i.ec(4).selectTian()
}),
i.Ub(2, "div", 121),
i.Ub(3, "span"),
i.Kc(4, "\u8df3\u8fc7\u7247\u5934 / \u7247\u5c3e"),
i.Tb(),
i.Tb(),
i.Pb(5, "app-slide-toggle", 122),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec(4);
i.lc("ngClass", i.qc(2, ri, t.needBought)),
i.Cb(5),
i.lc("status", t.isJump)
}
}
function hi(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 119),
i.Ub(1, "div", 120),
i.bc("click", function() {
return i.Ac(t),
i.ec(4).toggleFloatingPlayer()
}),
i.Ub(2, "div", 121),
i.Ub(3, "span"),
i.Kc(4, "\u753b\u4e2d\u753b"),
i.Tb(),
i.Tb(),
i.Pb(5, "app-slide-toggle", 122),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec(4);
i.Cb(5),
i.lc("status", !t.forbiddenFloatingPlayer)
}
}
const di = function(t) {
return {
guide: t
}
}
, gi = function(t, e) {
return {
opened: t,
isnews: e
}
}
, pi = function(t) {
return {
select: t
}
};
function bi(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 107, 108),
i.Ub(2, "div", 109),
i.bc("click", function() {
return i.Ac(t),
i.ec(3).closeGuide()
}),
i.Tb(),
i.Ub(3, "div", 110),
i.bc("click", function() {
return i.Ac(t),
i.ec(3).openOrHideConfig()
}),
i.Tb(),
i.Ub(4, "div", 111),
i.Ub(5, "div", 112),
i.Ub(6, "div", 113),
i.Kc(7, "\u753b\u9762\u6bd4\u4f8b"),
i.Tb(),
i.Ub(8, "div", 114),
i.Ub(9, "div", 115),
i.bc("click", function() {
return i.Ac(t),
i.ec(3).scaleVideo("")
}),
i.Kc(10, "\u9ed8\u8ba4"),
i.Tb(),
i.Ub(11, "div", 116),
i.bc("click", function() {
return i.Ac(t),
i.ec(3).scaleVideo("4:3")
}),
i.Kc(12, "4:3"),
i.Tb(),
i.Ub(13, "div", 116),
i.bc("click", function() {
return i.Ac(t),
i.ec(3).scaleVideo("16:9")
}),
i.Kc(14, "16:9"),
i.Tb(),
i.Tb(),
i.Tb(),
i.Ic(15, li, 6, 1, "div", 117),
i.Ic(16, ui, 6, 4, "div", 118),
i.Ic(17, hi, 6, 1, "div", 117),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec(3);
i.lc("ngClass", i.qc(10, oi, t.isopenOrHideConfig)),
i.Cb(2),
i.lc("ngClass", i.qc(12, di, t.playerSettingGuide)),
i.Cb(1),
i.lc("ngClass", i.qc(14, di, t.playerSettingGuide)),
i.Cb(1),
i.lc("ngClass", i.rc(16, gi, t.isopenOrHideConfig, t.isNewsPlayer)),
i.Cb(5),
i.lc("ngClass", i.qc(19, pi, "" == t.scaled)),
i.Cb(2),
i.lc("ngClass", i.qc(21, pi, "4:3" == t.scaled)),
i.Cb(2),
i.lc("ngClass", i.qc(23, pi, "16:9" == t.scaled)),
i.Cb(2),
i.lc("ngIf", !t.isAdult),
i.Cb(1),
i.lc("ngIf", !t.isAdult),
i.Cb(1),
i.lc("ngIf", !t.isAdult)
}
}
const mi = function(t) {
return {
"hidden-in-float": t
}
};
function fi(t, e) {
if (1 & t) {
const t = i.Vb();
i.Sb(0),
i.Ub(1, "app-auto-play-next-list", 124),
i.bc("onClosePlayEndContent", function(e) {
return i.Ac(t),
i.ec(3).closePlayEndContent(e)
})("userBehaviorEvent", function(e) {
return i.Ac(t),
i.ec(3).onUserrBehavior(e)
}),
i.Tb(),
i.Rb()
}
if (2 & t) {
const t = i.ec(3);
i.Cb(1),
i.lc("ngClass", i.qc(7, mi, t.isFloatPlayer))("video", t.video)("showPlayEndContent", t.showPlayEndContent)("nextPlayList", t.nextPlayList)("publisher", null == t.video ? null : t.video.publisher)("user", t.user)("suspendAutoPlay", t.suspendAutoPlay)
}
}
function vi(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div"),
i.Ub(1, "label", 130),
i.Ub(2, "input", 131),
i.bc("ngModelChange", function(e) {
return i.Ac(t),
i.ec(4).reportDanmuReason = e
}),
i.Tb(),
i.Pb(3, "i"),
i.Kc(4),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = i.ec(4);
i.Cb(2),
i.mc("value", t.name),
i.lc("ngModel", n.reportDanmuReason),
i.Cb(2),
i.Mc(" ", t.name, " ")
}
}
function Ci(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div"),
i.Kc(1, "\u8bf7\u9009\u62e9\u4e3e\u62a5\u539f\u56e0"),
i.Tb(),
i.Pb(2, "div", 125),
i.Ic(3, vi, 5, 3, "div", 126),
i.Pb(4, "app-dn-dialog-close-button", 127),
i.Ub(5, "div", 128),
i.Ub(6, "a", 129),
i.bc("click", function() {
i.Ac(t);
const n = e.data;
return i.ec(3).reportDanmu(n.id)
}),
i.Kc(7, "\u4e3e\u62a5"),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec(3);
i.Cb(3),
i.lc("ngForOf", t.reportDanmuReasons),
i.Cb(1),
i.lc("dialog", "reportDanmu")
}
}
function Pi(t, e) {
if (1 & t && (i.Ub(0, "div", 132),
i.Kc(1),
i.Tb(),
i.Ub(2, "div", 128),
i.Pb(3, "app-dn-dialog-button", 133),
i.Tb(),
i.Pb(4, "app-dn-dialog-close-button", 127)),
2 & t) {
const t = e.data;
i.Cb(1),
i.Lc(t.message),
i.Cb(2),
i.lc("buttonText", "\u786e\u5b9a")("dialog", "player-message-dialog"),
i.Cb(1),
i.lc("dialog", "player-message-dialog")
}
}
function yi(t, e) {
if (1 & t) {
const t = i.Vb();
i.Pb(0, "app-dn-dialog-close-button", 127),
i.Ub(1, "h5", 134),
i.Kc(2),
i.Tb(),
i.Ub(3, "h5", 135),
i.Kc(4, " \u5f00\u901aVIP\u5373\u523b\u4eab\u53d7\u6c38\u4e45\u65e0\u5e7f\u544a\u7279\u6743! "),
i.Tb(),
i.Ub(5, "div", 128),
i.Ub(6, "a", 129),
i.bc("click", function() {
return i.Ac(t),
i.ec(3).skipAd()
}),
i.Kc(7, "\u8df3\u8fc7\u5e7f\u544a"),
i.Tb(),
i.Pb(8, "div", 136),
i.Ub(9, "a", 137),
i.bc("click", function() {
return i.Ac(t),
i.ec(3).showRechargeBox()
}),
i.Kc(10, "\u5f00\u901aVIP"),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = e.data;
i.lc("dialog", "coin-or-upgrade-to-skip-ad"),
i.Cb(2),
i.Mc(" \u8df3\u8fc7\u5e7f\u544a\u5c06\u82b1\u8d39", t.price, "\u91d1\u5e01 ")
}
}
function Oi(t, e) {
if (1 & t && i.Pb(0, "app-player-media-list", 138),
2 & t) {
const t = i.ec(3);
i.lc("playlist", t.playlist)("playlistType", t.playlistType)("isWide", t.playListConfig.isWide)("newMediaKey", t.newMediaKey)("noTransition", t.isFloatPlayer)("isLive", t.isLive)
}
}
function xi(t, e) {
1 & t && i.Pb(0, "app-sticky-chat", 139),
2 & t && i.lc("innerPlayer", !0)
}
function Mi(t, e) {
1 & t && (i.Ub(0, "div", 148),
i.Pb(1, "vg-time-display", 149),
i.Tb())
}
function _i(t, e) {
1 & t && (i.Ub(0, "div", 148),
i.Pb(1, "vg-time-display", 150),
i.Tb())
}
const wi = function(t) {
return {
vertical: t
}
};
function ki(t, e) {
if (1 & t && (i.Ub(0, "div", 142),
i.Ub(1, "div", 143),
i.Ub(2, "vg-scrub-bar", 144),
i.Pb(3, "vg-scrub-bar-current-time", 145),
i.Pb(4, "vg-scrub-bar-buffering-time", 146),
i.Tb(),
i.Ic(5, Mi, 2, 0, "div", 147),
i.Ic(6, _i, 2, 0, "div", 147),
i.Tb(),
i.Tb()),
2 & t) {
const t = i.ec(4);
i.lc("ngClass", i.qc(4, wi, t.isVertical && t.fromActivity && !t.isFullscreen)),
i.Cb(2),
i.lc("previewFormat", t.previewFormat),
i.Cb(3),
i.lc("ngIf", t.api.totalTime >= 36e5 && t.fromActivity),
i.Cb(1),
i.lc("ngIf", t.api.totalTime < 36e5 && t.fromActivity)
}
}
function Ii(t, e) {
if (1 & t && (i.Ub(0, "div", 151),
i.Pb(1, "img", 152),
i.Tb()),
2 & t) {
const t = i.ec(4);
i.lc("ngClass", i.qc(2, wi, t.isVertical && t.fromActivity && !t.isFullscreen)),
i.Cb(1),
i.lc("src", t.activityPoster, i.Dc)
}
}
function Si(t, e) {
if (1 & t && (i.Sb(0),
i.Ic(1, ki, 7, 6, "div", 140),
i.Ic(2, Ii, 2, 4, "div", 141),
i.Rb()),
2 & t) {
const t = i.ec(3);
i.Cb(1),
i.lc("ngIf", t.isVideoSuccessPlayed),
i.Cb(1),
i.lc("ngIf", !t.isVideoSuccessPlayed)
}
}
const Ti = function(t) {
return {
publicplay: t
}
}
, Ai = function(t) {
return {
pauseInFloat: t
}
}
, Ui = function(t) {
return {
show: t
}
}
, Fi = function() {
return {}
}
, Li = function(t, e) {
return {
"window-activity-video": t,
vertical: e
}
};
function Bi(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "vg-player", 6),
i.bc("onPlayerReady", function(e) {
return i.Ac(t),
i.ec(2).onPlayerReady(e)
}),
i.Ic(1, Pn, 3, 1, "div", 7),
i.Ic(2, On, 4, 2, "div", 7),
i.Ic(3, Mn, 3, 2, "div", 8),
i.Ic(4, wn, 1, 3, "div", 9),
i.Ub(5, "vg-pause-d", 10),
i.bc("onShowPauseAds", function(e) {
return i.Ac(t),
i.ec(2).showAds(e)
}),
i.Tb(),
i.Ub(6, "div", 11),
i.Ic(7, kn, 1, 1, "div", 12),
i.Tb(),
i.Ic(8, Ln, 13, 11, "div", 13),
i.Ic(9, Bn, 1, 8, "vg-overlay-play", 14),
i.Ic(10, En, 1, 6, "vg-overlay-danmu", 15),
i.Pb(11, "vg-buffering", 16),
i.Ic(12, Rn, 4, 7, "vg-controls", 17),
i.Ub(13, "vg-controls", 18),
i.Ub(14, "div", 19),
i.Ub(15, "div", 20),
i.Kc(16),
i.Tb(),
i.Ub(17, "vg-scrub-bar", 21),
i.bc("onClosePlayEndContent", function(e) {
return i.Ac(t),
i.ec(2).closePlayEndContent(e)
}),
i.Pb(18, "vg-scrub-bar-current-time"),
i.Pb(19, "vg-scrub-bar-buffering-time"),
i.Tb(),
i.Tb(),
i.Ic(20, Yn, 7, 5, "div", 22),
i.Ic(21, Jn, 2, 0, "div", 23),
i.Ub(22, "div", 24),
i.Ic(23, $n, 1, 7, "vg-quality-selector", 25),
i.Ic(24, ni, 6, 8, "div", 26),
i.Ic(25, ii, 1, 2, "vg-playback-button", 27),
i.Ic(26, si, 1, 3, "vg-mute", 28),
i.Ic(27, ai, 3, 5, "div", 29),
i.Ic(28, bi, 18, 25, "div", 30),
i.Ub(29, "vg-fullscreen", 31),
i.bc("fullscreenStatus", function(e) {
return i.Ac(t),
i.ec(2).fullscreenStatusHandler(e)
}),
i.Tb(),
i.Tb(),
i.Tb(),
i.Ic(30, fi, 2, 9, "ng-container", 32),
i.Ub(31, "dn-dialog", 33),
i.Ic(32, Ci, 8, 2, "ng-template"),
i.Tb(),
i.Ub(33, "dn-dialog", 34),
i.Ic(34, Pi, 5, 4, "ng-template"),
i.Tb(),
i.Ub(35, "dn-dialog", 35),
i.Ic(36, yi, 11, 2, "ng-template"),
i.Tb(),
i.Ub(37, "video", 36, 37),
i.bc("error", function(e) {
return i.Ac(t),
i.ec(2).errorHandler(e)
})("onHlsError", function(e) {
return i.Ac(t),
i.ec(2).hlsErrorHandler(e)
})("onGetBitrates", function(e) {
return i.Ac(t),
i.ec(2).onMasterPlayParsed(e)
})("onLevelChanged", function(e) {
return i.Ac(t),
i.ec(2).onLevelChanged(e)
}),
i.Tb(),
i.Ic(40, Oi, 1, 6, "app-player-media-list", 38),
i.Ic(41, xi, 1, 1, "app-sticky-chat", 39),
i.Ic(42, Si, 3, 2, "ng-container", 32),
i.Tb()
}
if (2 & t) {
const t = i.xc(38)
, e = i.ec(2);
i.lc("ngClass", i.qc(46, Ti, e.isPlayingAds)),
i.Cb(1),
i.lc("ngIf", e.serverCaption),
i.Cb(1),
i.lc("ngIf", e.hasError),
i.Cb(1),
i.lc("ngIf", e.isFloatPlayer),
i.Cb(1),
i.lc("ngIf", e.needUserTouch),
i.Cb(1),
i.lc("ngClass", i.qc(48, Ai, e.isFloatPlayer))("shouldLoad", !e.isPlayingAds && !e.showPlayEndContent)("showPlayEndContent", e.showPlayEndContent),
i.Cb(1),
i.lc("ngClass", i.qc(50, ci, e.captions.length)),
i.Cb(1),
i.lc("ngForOf", e.captions),
i.Cb(1),
i.lc("ngIf", e.isPlayingAds && !!e.currentPlayingAds),
i.Cb(1),
i.lc("ngIf", !e.needUserTouch),
i.Cb(1),
i.lc("ngIf", !e.fromActivity),
i.Cb(1),
i.lc("fromActivity", e.fromActivity),
i.Cb(1),
i.lc("ngIf", !e.isPlayingAds && !e.isFloatPlayer && !e.fromActivity),
i.Cb(1),
i.lc("vgAutohide", e.autoHide)("vgAutohideTime", 2.5)("ngClass", i.qc(52, di, e.playerSettingGuide))("hidden", !(!e.isFloatPlayer && (!e.fromActivity || e.fromActivity && e.isFullscreen))),
i.Cb(2),
i.lc("ngClass", i.qc(54, Ui, e.isSwitching || e.isSwitchComplete)),
i.Cb(1),
i.Mc(" ", e.isSwitching ? e.isLine ? "\u6b63\u5728\u5207\u6362\u7ebf\u8def..." : "\u6b63\u5728\u5207\u6362\u6e05\u6670\u5ea6..." : e.switchCompleteText, " "),
i.Cb(1),
i.lc("previewFormat", e.previewFormat)("isLive", e.isLive)("isPlayingAds", e.isPlayingAds),
i.Cb(3),
i.lc("ngIf", !e.fromActivity || e.fromActivity && e.isFullscreen),
i.Cb(1),
i.lc("ngIf", e.shouldShowInput && !e.isAdult && 1 === e.danmuChatRoomControl && !e.fromActivity),
i.Cb(2),
i.lc("ngIf", e.bitrates.length && e.showQuantitySelect),
i.Cb(1),
i.lc("ngIf", !!e.languageList && e.languageList.length > 0),
i.Cb(1),
i.lc("ngIf", !e.isLive && !e.fromSpace && !e.fromActivity),
i.Cb(1),
i.lc("ngIf", !e.fromActivity),
i.Cb(1),
i.lc("ngIf", !e.touchDevice),
i.Cb(1),
i.lc("ngIf", !e.isLive && !e.fromSpace && !e.fromActivity),
i.Cb(1),
i.lc("isFullscreen", e.isFullscreen),
i.Cb(1),
i.lc("ngIf", e.isNews && e.showPlayEndContent && !e.isAdult),
i.Cb(1),
i.lc("parent", "main-player"),
i.Cb(6),
i.lc("muted", e.muted)("vgMedia", t)("vgHls", e.media.src)("ngStyle", e.isPlayingAds ? i.pc(56, Fi) : e.videoStyle)("ngClass", i.rc(57, Li, e.fromActivity && !e.isFullscreen, e.isVertical && e.fromActivity && !e.isFullscreen)),
i.Db("isLive", !!e.media.isLive || null)("poster", e.poster ? e.poster : null, i.Dc)("loop", !!e.videoLoop || null),
i.Cb(3),
i.lc("ngIf", !e.fromSpace),
i.Cb(1),
i.lc("ngIf", e.isFullscreen),
i.Cb(1),
i.lc("ngIf", e.fromActivity && !e.isFullscreen)
}
}
const Di = function(t, e, n) {
return {
spaceStyle: t,
activityStyle: e,
vertical: n
}
};
function Ei(t, e) {
if (1 & t && (i.Ub(0, "div", 4),
i.Ic(1, Bi, 43, 60, "vg-player", 5),
i.Tb()),
2 & t) {
const t = i.ec();
i.lc("ngClass", i.sc(2, Di, t.fromSpace, t.fromActivity, t.isVertical && t.fromActivity && !t.isFullscreen)),
i.Cb(1),
i.lc("ngIf", !!t.media)
}
}
function Vi(t, e) {
if (1 & t && (i.Ub(0, "div", 153),
i.Ub(1, "h3"),
i.Kc(2, "\u65e0\u6cd5\u64ad\u653e"),
i.Tb(),
i.Tb()),
2 & t) {
const t = i.ec();
i.Gc("height", t.playerHeight, "px")
}
}
const zi = function(t, e, n, i) {
return {
iphone: t,
"fixed-player": e,
small: n,
"trans-bg": i
}
};
let Ki = (()=>{
class t {
constructor(t, e, n, o, c, a, l, h, d, g, p, b, m, f, v, C, P) {
this.danmuFacade = t,
this.store = e,
this.danmuService = n,
this._toastService = o,
this._dnDialogService = c,
this._httpHelper = a,
this.playerMediaListService = l,
this._userService = h,
this._rechargeBoxService = d,
this.activatedRoute = g,
this.storageService = p,
this._guide = b,
this.videoPlayerSettingsService = m,
this.fullScreenService = f,
this._utility = v,
this._apiHelper = C,
this.settingsService = P,
this.playerSettingGuide = !1,
this.isPaused = !1,
this.isFloatPlayer = !1,
this.started = !0,
this.playListConfig = {
canSelect: !1,
isWide: !1,
title: "\u9009\u96c6"
},
this.apiReady = new i.n,
this.onCloseSmallPlayer = new i.n,
this.isAdult = 2 == r.a.cinema ? 1 : 0,
this.subscriptions = [],
this._serverInfo = {
status: -1
},
this._needBought = !1,
this._cachedLogo = "",
this.reportDanmuReasons = [{
name: "\u5267\u900f",
value: "spoiler"
}, {
name: "\u4eba\u8eab\u653b\u51fb",
value: "language"
}, {
name: "\u6076\u610f\u5237\u5f39\u5e55",
value: "virulence"
}, {
name: "\u53d1\u5e03\u5e7f\u544a",
value: "advertise"
}, {
name: "\u5176\u5b83",
value: "other"
}],
this.videoLoop = !1,
this.poster = "",
this.autoHide = !0,
this.playbackValues = ["0.5", "0.75", "1.0", "1.25", "1.5", "2.0"],
this.playbackIndex = 1,
this.isJump = !0,
this.forbiddenFloatingPlayer = !1,
this.autoStart = !1,
this.autoNext = !0,
this.isContinuousPlay = !1,
this.smallPlayerValid = !0,
this.adVolume = .8,
this.volume = .8,
this.isPublicBlocked = !1,
this.showPerfect = !1,
this.playerSelection = u.a.Original,
this.streamTech = u.b.MP4,
this.serverCaption = "",
this.onVideoReady = new i.n,
this.onErrorHandler = new i.n,
this.showNextButton = !1,
this.languageList = [],
this.shouldSkipAds = !1,
this.topPrefix = -147,
this.customHeight = 0,
this.isloadDefault = !1,
this.filterGold = 10,
this.unlockGold = 100,
this.filterCallback = null,
this.unlockCallback = null,
this.playNextCallback = null,
this.isPlayRatio = !1,
this.previewFormat = "",
this.playerMode = "auto",
this.playlist = [],
this.playlistType = "byDefault",
this.showQuantitySelect = !0,
this.mediaTitle = "",
this.isNewsPlayer = !1,
this.isLive = !1,
this.isUserFilterAd = !1,
this.danmuChatRoomControl = 1,
this._hasBought = 0,
this.onChangeLanguage = new i.n,
this._bitrates = [],
this.isLine = !1,
this.containerRatio = 16 / 9,
this.winWidth = window.innerWidth,
this.windHeight = window.innerHeight,
this.isIPhone = !1,
this.touchDevice = !1,
this.media = null,
this.isPlayerReady = !1,
this.onPlay = new i.n,
this.fromSpace = !1,
this.fromActivity = !1,
this.isVertical = !1,
this.activityPoster = "",
this.isNews = !1,
this.showPlayEndContent = !1,
this.nextPlayList = [],
this.onClosePlayEndContent = new i.n,
this.userBehaviorEvent = new i.n,
this.suspendAutoPlay = !1,
this.adsDanmus = [],
this.hasState = !1,
this.skipAfter = 10,
this.shouldPlaySeoncd = 0,
this.leftSecond = 20,
this.mutable = !1,
this.inputShowTimeout = null,
this.isChrome = !1,
this.isControlshow = !0,
this.cachePlaySecond = null,
this.canSkipEnds = !0,
this.currentPlayingAds = null,
this.isMuted = !1,
this.isSwitching = !1,
this.isSwitchComplete = !1,
this.switchCompleteText = "\u5207\u6362\u5b8c\u6210\uff01",
this.needChangeNextBitrateTimeout = null,
this.infoTimeout = null,
this._captions = [],
this.checkIfNeedToggleCallback = this.checkIfNeedToggle.bind(this),
this.isVolumeShow = !1,
this.volumeTimer = null,
this.volumeTimeout = 330,
this.position = {},
this.loadMedia = null,
this.isopenOrHideConfig = !1,
this.isMasterEnabled = true,
this.currentLevel = {},
this.currentBitrate = null,
this.currentPlayingLevel = 0,
this.shouldChangePlayer = !1,
this.isFluence = !1,
this.isVideoSuccessPlayed = !1,
this.videoSuccessPlayerTimeout = null,
this.defaultLiveSeoncd = 0,
this.shouldPlayVideo = !1,
this.hasError = !1,
this.errorText = "\u53d1\u751f\u4e86\u672a\u77e5\u9519\u8bef\uff0c\u70b9\u51fb\u5207\u6362\u6a21\u5f0f",
this.pendding = null,
this.shouldShowInput = !1,
this.skipEndTime = 0,
this.isLanguageSelectionOpened = !1,
this.languageOpenListUn_ = null,
this.isBackToPlayMedia = !1,
this.totalCount = 20,
this.scaled = "",
this.videoStyle = {},
this.needUserTouch = !1,
this.errorContent = "",
this.timerShow = null,
this.isFullscreen = !1,
this.api = new s
}
onUserStateChange(t, e) {
var n, i;
if (this._cachedLogo = "auto" == this._logo ? (null === (i = null === (n = this._userService.user) || void 0 === n ? void 0 : n.token) || void 0 === i ? void 0 : i.gid) ? this._utility.getAbsUrl(2 == r.a.cinema ? "./assets/images/player_logo_adult_vip.png" : "./assets/images/player_logo_vip.png") : this._utility.getAbsUrl(2 == r.a.cinema ? "./assets/images/player_logo_adult.png" : "./assets/images/player_logo.png") : this._logo,
!e) {
this.pgmp && null != this.api && (this.pgmp.stopPlay(),
this.api.showInfo(u.c.vipskipFormat, 5, !1));
var o = this.storageService.GetConfig();
this.isJump = !(0 == o.autoSkip),
this.api.changeConfig && this.api.changeConfig("autoSkip", this.isJump ? 1 : 0),
this.api.backToPlay && this.api.backToPlay()
}
}
onServerInfoChange(t, e) {
e.status > -1 && (this.serverCaption = e.info)
}
set mediaList(t) {
this.initMedia(t)
}
get hasBought() {
return this._hasBought
}
set hasBought(t) {
t && !this._hasBought && this.pgmp && this.api && this.api.currentTime > 0 && (this.pgmp.stopPlay(),
this.api.showInfo(1 == t ? u.c.alreadyBought : u.c.highFormat, 5, !1)),
this._hasBought = t,
this._hasBought && (this.pauseList = [])
}
set serverInfo(t) {
this.onServerInfoChange(this._serverInfo, t),
this._serverInfo = t
}
set needBought(t) {
this.onUserStateChange(this._needBought, t && !this._hasBought),
this._needBought = t
}
set logo(t) {
this._logo = t,
this.needBought = this._needBought
}
get needBought() {
return this._needBought
}
get bitrates() {
return this._bitrates
}
set bitrates(t) {
this._bitrates = t,
this.currentBitrate = null
}
get logo() {
return this._cachedLogo
}
ngOnDestroy() {
this.dispose(),
this.subscriptions.forEach(t=>t.unsubscribe ? t.unsubscribe() : t()),
this.languageOpenListUn_ && this.languageOpenListUn_.unsubscribe(),
null != this.configBoxSubscript && this.configBoxSubscript.unsubscribe(),
this.removeDetectLivePlayable(),
this.playerMediaListService.close()
}
getBackgroudImage(t) {
return t && t.isImage ? {
"background-image": "url('" + t.src + "')",
"background-size": "100%",
"background-repeat": "no-repeat",
"background-position": "center"
} : {}
}
get playerHeight() {
return 0 == this.customHeight ? this.winWidth / this.windHeight < 1 ? Math.floor(this.winWidth * this.containerRatio) : this.windHeight + this.topPrefix : this.customHeight
}
get canPlayHls() {
return a.a.isTouchDevice()
}
get canPlayRTMP() {
return !1
}
closePlayEndContent(t) {
this.onClosePlayEndContent.emit(t)
}
onUserrBehavior(t) {
this.userBehaviorEvent.emit(t)
}
ngAfterViewInit() {}
ngOnChanges(t) {
t.video && t.video.currentValue && t.video.currentValue.cid && (this.isContinuousPlay = !1,
t.video.currentValue.cid.startsWith("0,1,3") || t.video.currentValue.cid.startsWith("0,1,7") || this.autoStart || !this.playListConfig.canSelect || setTimeout(()=>{
this.playerMediaListService.open()
}
, 1e3)),
t.video && t.video.previousValue && (this.pgmp.reset(),
this.isPlayingAds = !1,
this.shouldChangePlayer = !0,
this.api.isPlayingAds = !1,
this.isBackToPlayMedia = !1),
t.isFloatPlayer && !t.isFloatPlayer.firstChange && this.playerMediaListService.close()
}
ngOnInit() {
this.reportDanmuReason = this.reportDanmuReasons[0].name,
this.subscriptions.push(this._utility.GetOrCreateSubscript("change.player").subscribe(t=>{
this._dnDialogService.close("coin-or-upgrade-to-skip-ad")
}
), this._guide.settingGuide.subscribe(t=>{
this.playerSettingGuide = t
}
)),
this.isPlayerReady = !0,
this.playerSelection = u.a.Original,
this.mutable = !0,
"auto" == this.playerMode && (this.isFluence = !0),
this.getUserPerference(),
o.f.shouldUseNative = !0,
o.f.shouldHandleMouse = !a.a.isIphoneDevice(),
o.f.shouldUseFakeFullScreen = !1,
o.f.useFakeFullScreenWhenNotPossible = !0,
a.a.isTouchDevice() && (this.touchDevice = o.f.isTouchDevice = !0),
this.isIPhone = a.a.isIphoneDevice(),
this.isChrome = a.a.isChrome(),
r.a.app && (this.mutable = !0),
this.isPublicBlocked = !this._utility.canViewPublic,
this.subscriptions.push(this.playerMediaListService.open$.subscribe(t=>{
t ? this.api.captureControls() : this.api.releaseControls()
}
));
var t = this.storageService.GetConfig();
this.isJump = 0 != t.autoSkip,
this.autoStart = 0 != t.autoStart,
this.autoNext = 0 != t.autoNext,
this.forbiddenFloatingPlayer = 1 == t.forbiddenFloatingPlayer,
this.smallPlayerValid = !this.forbiddenFloatingPlayer,
this.videoPlayerSettingsService.setPlayerSettings(t);
const e = this._utility.isIphoneDevice();
this.isLive || e || this._guide.getGuideCookie(0)
}
getUserPerference() {}
setConfigOnSelection() {}
startLoadMedia(t) {
(null == t ? void 0 : t.src) && (t.src = t.src.split("?")[0]),
this.loadMedia = t
}
reset() {
this.pgmp.reset()
}
listenToIntersitial() {
var t = 0;
if (this.pauseList && this.api.invokePauseList(this.pauseList),
this.api.subscript("play", ()=>{
this.isPlayingAds || this.pgmp.renew(),
this.isPaused = !1,
this.hasError = !1,
this.errorContent = "",
this.onPlay.emit()
}
),
this.api.subscript("pause", ()=>{
this.isPlayingAds || this.pgmp.pause(),
this.isPaused = !0,
this.removeDetectLivePlayable()
}
),
this.api.subscript("controlBarShow", t=>{
this.isControlshow = !!t
}
),
this.api.subscript("loadedmetadata", ()=>{
"loading" == this.api.getPlayMedia.title || this.isPlayingAds || (t = 0,
isNaN(this.api.totalTime) || this.pgmp.getTimeDefine(this.api.getPlayMedia.title, this.api.totalTime / 1e3),
this.cachePlaySecond && (this.invokePlayConfig(this.cachePlaySecond),
this.cachePlaySecond = null),
this.pgmp.state == c.a.ShouldCancel && this.pgmp.continue()),
this.removeDetectLivePlayable()
}
),
this.api.subscript("ended", ()=>{
this.autoNext && this.playNextVideo(!1)
}
),
this.api.subscript("time", e=>{
if (this.isPlayingAds)
this.removeDetectLivePlayable();
else {
var n = e.current / 1e3;
this.pgmp.needToShow(n),
this.skipEndTime && n > this.skipEndTime && this.isJump && this.canSkipEnds && this.autoNext ? (t || this.api.showInfo("\u5373\u5c06\u4e3a\u60a8\u8df3\u8fc7\u7247\u5c3e", 5, !0),
5 == ++t && this.playNextVideo()) : t = 0,
this.detectLivePlayable()
}
}
),
null == this.pgmp) {
this.pgmp = new c.b;
var e = null
, n = 0;
this.subscriptions.push(this.pgmp.subscribe(t=>{
switch (this.api.intersitialHandler(t),
t.event) {
case c.a.Timer:
this.api.showInfo(u.c.secondFormat.replace("{second}", t.data.time), 0, !0);
break;
case c.a.Timer + 2:
this.api.showInfo("", 0, !1),
e = this.api.getPlayMedia,
n = this.api.currentTime,
this.currentPlayingAds = this.loadMedia,
this._utility.canViewPublic ? this.currentPlayingAds.isImage ? this.api.pause() : this.api.playVideo([this.currentPlayingAds], !0) : this.api.pause(),
this._utility.Notify("video.playads", !0),
this.isPlayingAds = !0,
this.skipAfter = 10;
break;
case c.a.ShouldBackToPlay:
this._utility.Notify("video.playads", !1),
this.isBackToPlayMedia = !0,
(!this.shouldSkipAds && !this.hasBought || this.isPlayingAds) && null != e && (this.currentPlayingAds = this.loadMedia = null,
this._utility.canViewPublic ? (this.api.playVideo([e], !1),
this.shouldPlaySeoncd = n) : this.api.play(),
this.isPlayingAds = !1,
this.shouldChangePlayer = !0,
this.api.isPlayingAds = !1,
this.isBackToPlayMedia = !1),
this.canSkipEnds = !0;
break;
case c.a.Timer + 3:
this.canSkipEnds = !1,
this.isBackToPlayMedia = !1,
this.shouldSkipAds || this.hasBought || this.isUserFilterAd ? (this.pgmp.stopPlay(),
this.hasState || (this.needBought ? this.api.showInfo(1 == this.hasBought ? u.c.alreadyBought : u.c.highFormat, 5, !1) : (this.api.showInfo(u.c.vipskipFormat, 5, !1),
this._httpHelper.get(this._apiHelper.PUBLIC_ENDPOINT() + "/filter/a?s=1", !0).subscribe()))) : this.startLoadMedia(t.data);
break;
case c.a.SkipTimer:
this.skipAfter = t.data.time,
this.leftSecond = t.data.left;
break;
case c.a.ShouldCancel:
this.captions = [],
e = null,
n = 0,
this.loadMedia = null,
this.isPlayingAds = !1
}
}
)),
this.pendding && (this.pgmp.invokeList(this.pendding.mediaList, this.pendding.startSecond, this.pendding.periodicSecond),
this.pendding = null)
}
}
muted(t) {
null != t && t.stopPropagation(),
this.isMuted = !this.isMuted,
this.api.muted(this.isMuted)
}
detectLivePlayable() {
o.f.clearTimeout(this.needChangeNextBitrateTimeout),
this.isLive && (this.hasError || (this.needChangeNextBitrateTimeout = o.f.setTimeout(()=>{
var t;
this.api.videoLog({
logLevel: "warning",
logType: "autoSwitchLine",
message: "user auto switch line",
resource: null === (t = this.media.src) || void 0 === t ? void 0 : t.split("?")[0]
}),
this.changeBitrateIfPossible()
}
, 1e4)))
}
changeBitrateIfPossible() {
var t;
let e = this.bitrates.filter(t=>!!t.path);
if (r.a.app || (e = e.filter(t=>t.bitrate <= 1080)),
0 == e.length)
return void this.showInfo("\u6682\u65e0\u4fe1\u53f7\uff0c\u8bf7\u7a0d\u540e\u91cd\u8bd5", 5, !1);
if (1 == e.length)
return this.showInfo("\u4fe1\u53f7\u6e90\u4e22\u5931, \u6b63\u5728\u627e\u56de", 5, !1),
void this.retry();
let n = (null === (t = this.currentBitrate) || void 0 === t ? void 0 : t.key) || this.playingMedia.key
, i = e.findIndex(t=>t.key == n);
if (-1 == i)
return this.showInfo("\u81ea\u52a8\u5207\u6362\u5931\u8d25\uff0c\u8bf7\u5c1d\u8bd5\u624b\u52a8\u5207\u6362", 5, !1),
void console.log(e, n);
i += 1,
i >= e.length && (i = 0),
this.showInfo("\u4fe1\u53f7\u6e90\u4e22\u5931, \u4e3a\u60a8\u5207\u6362\u7ebf\u8def", 5, !1),
this._utility.Notify("system.call.changeBitrate", e[i])
}
removeDetectLivePlayable() {
o.f.clearTimeout(this.needChangeNextBitrateTimeout)
}
navigatetopublic() {
this._utility.isIphoneDevice() ? (this.api.play(),
this.api.play()) : o.f.openInNewWindow(this.currentPlayingAds.href)
}
get captions() {
return this._captions
}
set captions(t) {
Array.isArray(t) && (this._captions = t)
}
checkIfNeedToggle(t) {
return 5 !== t || this._userService.user.id ? 5 !== t || !this._userService.user.id || 0 !== this._userService.user.roleId || (this.isFullscreen && this.fullScreenService.toggleFullScreen(),
this._rechargeBoxService.changeDisplayStatus(!0),
!1) : (this.isFullscreen && this.fullScreenService.toggleFullScreen(),
this._userService.showLoginDialog(!0),
!1)
}
showInfo(t, e, n) {
if ((t.indexOf("\u8df3\u8fc7\u5e7f\u544a") > -1 || t.indexOf("\u5df2\u8fc7\u6ee4\u5e7f\u544a") > -1) && (this.captions = this.captions.filter(t=>!t.includes("\u540e\u64ad\u653e\u5e7f\u544a"))),
t === this.captions[this.captions.length - 1])
return a.a.clearTimeout(this.infoTimeout),
void (this.infoTimeout = a.a.setTimeout(()=>{
this.captions = this.captions.filter(e=>e !== t)
}
, 1e3 * e));
"" != t ? (n && this.captions.length ? this.captions[this.captions.length - 1] = t : this.captions.push(t),
e > 0 && (this.infoTimeout = a.a.setTimeout(()=>{
this.captions = this.captions.filter(e=>e !== t)
}
, 1e3 * e))) : this.infoTimeout = a.a.setTimeout(()=>{
this.captions.shift()
}
, 0)
}
showVolume(t) {
var e = t.target;
e && (this.position.left = e.offsetLeft + 2,
this.position.top = e.offsetTop),
null != this.volumeTimer && (clearTimeout(this.volumeTimer),
this.volumeTimer = null),
this.volumeTimer = setTimeout(()=>{
this.isVolumeShow = !0,
this.api.captureControls()
}
, this.volumeTimeout)
}
keepVolume() {
null != this.volumeTimer && (clearTimeout(this.volumeTimer),
this.volumeTimer = null),
this.isVolumeShow = !0
}
hideVolume() {
null != this.volumeTimer && (clearTimeout(this.volumeTimer),
this.volumeTimer = null),
this.volumeTimer = setTimeout(()=>{
this.isVolumeShow && this.api && this.api.releaseControls(),
this.isVolumeShow = !1
}
, this.volumeTimeout)
}
changeLanguage(t) {
this.language = t.title,
this.onChangeLanguage.emit(t),
this.api.releaseControls()
}
playNextVideo(t=!0) {
this.isLive ? this.hasError = !0 : (this.isContinuousPlay = !0,
this.playNextCallback && this.playNextCallback(()=>{}
, ()=>{
this.api && t && this.api.showInfo(u.c.alreadymax, 10, !0),
this.isContinuousPlay = !1
}
))
}
purchaseMedia(t) {
this.unlockCallback && (this.isFullscreen && this.showInfo("\u8bf7\u5148\u9000\u51fa\u5168\u5c4f", 5, !1),
this.unlockCallback(t))
}
skipAds(t) {
var e;
this.isFullscreen && this.fullScreenService.toggleFullScreen(),
null != t && t.stopPropagation(),
(null === (e = this.user) || void 0 === e ? void 0 : e.id) ? this._dnDialogService.open("coin-or-upgrade-to-skip-ad", {
price: this.filterGold
}) : this._userService.showLoginDialog(!0)
}
filterAllAds() {
this.api.showInfo(u.c.boughtVideo, 5, !1),
this.pgmp.stopPlay()
}
skipAd() {
this.needBought ? this.filterCallback && (this._dnDialogService.close("coin-or-upgrade-to-skip-ad"),
this.filterCallback(()=>{
this.pgmp.cancel(),
this.pgmp.stopPlay(),
this.api.showInfo(u.c.boughtVideo.replace("{0}", "" + this.filterGold), 5, !1)
}
, t=>{
var e;
(null === (e = this.user) || void 0 === e ? void 0 : e.id) ? this._toastService.showBlackToast("\u91d1\u5e01\u4e0d\u8db3\uff01") : this._userService.showLoginDialog(!0)
}
)) : this.filterAllAds()
}
initMedia(t) {
t && (this.media = t.find(t=>!!t && !t.isAd))
}
onWindowResize() {
this.winWidth = window.innerWidth,
this.windHeight = window.innerHeight
}
_onPlayerReady() {
this.listenToIntersitial()
}
onPlayVideo() {
this.mutable && this.media.backup && (this.shouldPlaySeoncd = this.isLive ? 0 : this.api.currentTime,
this.api.playVideo([this.media], !1),
this.mediaJudge(),
this.shouldChangePlayer = !0)
}
openOrHideConfig() {
this.isopenOrHideConfig = !this.isopenOrHideConfig,
this.isopenOrHideConfig ? (this.api.captureControls(),
this.configBoxSubscript = this._utility.openList(this.configBox.nativeElement, null, ()=>{
this.isopenOrHideConfig = !1,
this.configBoxSubscript.unsubscribe(),
this.api.releaseControls()
}
)) : (null != this.configBoxSubscript && this.configBoxSubscript.unsubscribe(),
this.api.releaseControls()),
this.closeGuide()
}
onMasterPlayParsed(t) {
if (t.levels.length > 1) {
this.isMasterEnabled = !0;
for (var e = 0; e < t.levels.length; ++e) {
let n = this.bitrates.findIndex(n=>n.title == t.levels[e].label);
n > -1 && (this.bitrates[n].qualityIndex = t.levels[e].qualityIndex)
}
console.log('onMasterPlayParsed', this.bitrates)
var n = this.bitrates.findIndex(e=>e.bitrate < 1081);
this.playingMedia = this.bitrates[n],
this.currentLevel = {},
this.currentPlayingLevel = n
} else
this.isMasterEnabled = !1;
this.switchLevelComplete()
}
onSelectBitrate(t) {
let e = {
sharpness: t.bitrate
};
if (t.line && (e.line = t.line),
this.storageService.SetConfig(e),
this.isMasterEnabled && !this.hasError)
this.api.changeBitrate(t);
else if (t && t.path) {
this.shouldPlaySeoncd = this.isLive ? this.defaultLiveSeoncd : this.api.currentTime;
var n = t.path.needSign ? this._httpHelper.appendUserInfo(t.path.result).url : t.path.result
, i = this._httpHelper.uriSignature(n)
, o = Object.assign({}, this.media);
o.src = i,
this.api.playVideo([o], !1)
}
this.switchCompleteText = this.isLine ? "\u5df2\u5207\u6362\u5230" + t.label : "\u5df2\u5207\u6362\u5230" + (t.bitrate > 1080 ? t.short : t.label + "P"),
this.isSwitching = !0,
this.currentBitrate = t,
this.isLive && this.danmuFacade.resetDanmu(null),
this.shouldUseHlsmin() || (clearTimeout(this.safariSwitchTimeout),
this.safariSwitchTimeout = setTimeout(()=>{
this.switchLevelComplete()
}
, 1e4))
}
shouldUseHlsmin() {
var t = this.getFileExtensions(this.media.src);
return !(!this.media.src || "mp4" == t || "js" == t) && this.isHlsSupport()
}
getFileExtensions(t) {
try {
return (t = t.split("#")[0].split("?")[0]).substring(t.lastIndexOf(".") + 1, t.length) || t
} catch (e) {
return ""
}
}
isHlsSupport() {
try {
return !o.f.isiOSDevice() && !o.f.IsMac() || !o.f.isSafari()
} catch (t) {}
return !1
}
isMasterCompible() {
return this._utility.canUseMaster
}
onLevelChanged(t) {
var e;
-1 == (null === (e = this.playingMedia) || void 0 === e ? void 0 : e.qualityIndex) && (this.currentPlayingLevel = t.level),
this.switchLevelComplete()
}
switchLevelComplete() {
clearTimeout(this.switchingPromptTimeout),
this.isSwitching && (this.isSwitching = !1,
this.isSwitchComplete = !0,
this.switchingPromptTimeout = setTimeout(()=>{
this.isSwitchComplete = !1
}
, 1e3))
}
swapBackup() {
if (this.media.backup) {
var t = this.media.src;
this.media.src = this.media.backup,
this.media.backup = t,
this.media.isHls = ".m3u8" == a.a.GetFileExtension(this.media.src)
}
}
mediaJudge() {
this.mutable && !this.isPlayingAds && (this.media.isHls ? (this.isFluence = !1,
this.streamTech = u.b.M3U8) : (this.isFluence = !0,
this.streamTech = u.b.MP4))
}
selectTian() {
this.isJump = !this.isJump,
this.user && this.user.id && this.settingsService.updateOneSetting({
isSkipMode: this.isJump
}),
this.setConfigOnSelection()
}
toggleAutoStart() {
this.autoStart = !this.autoStart,
this.storageService.SetConfig({
autoStart: this.autoStart ? 1 : 0
})
}
toggleAutoNext() {
this.autoNext = !this.autoNext,
this.storageService.SetConfig({
autoNext: this.autoNext ? 1 : 0
})
}
dispose() {
this.api.dispose(),
this.api = null
}
onPlayerReady(t) {
this.api = new l.a,
this.apiReady.emit(this.api),
this.api.assignData(t, this),
this.api.canViewPublic = this._utility.canViewPublic,
this.subscriptions.push(t.getDefaultMedia().subscriptions.volumeChange.subscribe(t=>{
this.isPlayingAds ? this.adVolume = this.api.getVolume() : this.volume = this.api.getVolume()
}
)),
this.subscriptions.push(t.getDefaultMedia().subscriptions.loadedMetadata.subscribe(()=>{
this.activatedRoute.snapshot.queryParams.s || (this.autoStart || this.isContinuousPlay || this.isPlayingAds || this.shouldChangePlayer) && this.needPlayVideo(),
this.videoSuccessPlayerTimeout = o.f.setTimeout(()=>{
a.a.isQQBrwoser() && a.a.isIphoneDevice() ? (this.needUserTouch = !1,
this.pgmp.renew(),
this.isVideoSuccessPlayed = !0) : this.isVideoSuccessPlayed || (this.needUserTouch = !0,
t.triggerUserTouch(),
this.needBought && this.pgmp.pause())
}
, 200),
this.shouldChangePlayer && (this.shouldChangePlayer = !1,
this._utility.Notify("change.player", 1))
}
)),
this.subscriptions.push(t.getDefaultMedia().subscriptions.play.subscribe(()=>{
this.needUserTouch = !1,
this.isVideoSuccessPlayed = !0,
o.f.clearTimeout(this.videoSuccessPlayerTimeout),
this.needBought && this.pgmp.renew()
}
)),
this._onPlayerReady(),
this.onVideoReady.emit(this.api)
}
showAds(t) {
this.api.triggerPlayAds(t)
}
needPlayVideo() {
this.api.setVolume(this.media.isAd ? 100 * this.adVolume : 100 * this.volume),
this.media && this.media.isHls && (this.api.seek(this.shouldPlaySeoncd || (this.isLive ? this.defaultLiveSeoncd : 0)),
this.shouldPlaySeoncd = 0),
this.shouldPlaySeoncd && (this.api.seek(this.shouldPlaySeoncd),
this.shouldPlaySeoncd = 0),
this.api.play(),
this.mediaJudge()
}
seekVideo() {
this.shouldPlayVideo = !this.api.getRef().state || this.api.getRef().state != o.e.VG_PAUSED
}
seekedVideo() {
this.shouldPlayVideo && this.api.play()
}
errorHandler(t) {
if (!this.isPlayingAds) {
var e = 0;
switch (t && t.target && t.target.error && (e = t.target.error.code),
e) {
case 3:
this.retry();
break;
default:
this.errorContent = "\u672a\u77e5\u9519\u8bef\uff0c\u8bf7\u8054\u7cfb\u5ba2\u670d",
this.hasError = !0,
this.isSwitching = !1,
this.removeDetectLivePlayable()
}
}
this.isPlayingAds && this._toastService.showBlackToast("\u5e7f\u544a\u52a0\u8f7d\u5931\u8d25, \u5982\u9047\u6301\u7eed\u9ed1\u5c4f, \u8bf7\u8c03\u6574\u5e7f\u544a\u8fc7\u6ee4\u63d2\u4ef6", {
timeOut: 2e4
})
}
timeUpdate(t) {}
invokeInterstitial(t, e, n) {
this.pgmp ? (this.pgmp.isPlayingAds && (this.pgmp.reset(),
this.isPlayingAds = !1,
this.shouldChangePlayer = !0,
this.api.isPlayingAds = !1,
this.isBackToPlayMedia = !1),
this.pgmp.invokeList(t, e, n)) : this.pendding = {
mediaList: t,
startsecond: e,
periodicSecond: n
}
}
set pauseList(t) {
window.dispatchEvent(new CustomEvent("invokePauseAds",{
detail: t
}))
}
invokePauseList(t) {
this.pauseList = t
}
invokePlayConfig(t) {
if (this.api && 0 != this.api.eventAttached) {
if (!this.isJump && t.info)
return;
0 == this.shouldPlaySeoncd && (this.shouldPlaySeoncd = t.start || 0),
t.info && setTimeout(()=>{
this.api.showInfo("\u5df2\u4e3a\u60a8\u8df3\u8fc7\u7247\u5934", 5, !0)
}
, 500)
} else
this.cachePlaySecond = t;
this.skipEndTime = t.end
}
openLanguageList() {
this.isLanguageSelectionOpened = !this.isLanguageSelectionOpened,
this.isLanguageSelectionOpened ? (this.api.captureControls(),
this.languageOpenListUn_ = this._utility.openList(this.languageBox.nativeElement, null, ()=>{
this.isLanguageSelectionOpened = !1,
this.languageOpenListUn_.unsubscribe(),
this.api.releaseControls()
}
)) : (this.languageOpenListUn_ && this.languageOpenListUn_.unsubscribe(),
this.api.releaseControls())
}
onPlayNextVideo(t) {
this.isContinuousPlay = !0,
!this.isPlayingAds && null == this.pgmp || t || this.isBackToPlayMedia || (null != this.pgmp && this.pgmp.reset(),
null != this.api && this.api.showInfo("", 0, !1)),
this.isBackToPlayMedia = !1,
this.isMuted = !1
}
triggerCounter(t, e) {
this.totalCount = 20 * t,
this.leftSecond = 20 * t,
this.pgmp.startCountDown(20 * t, 20, e)
}
scaleVideo(t) {
var e = new Ri;
this.videoStyle = e.getResult(this.api.getVideoMeta, t, this.playerHeight, this.containerRatio),
this.scaled = e.getScaled()
}
toPlay() {
if (null != this.api)
try {
this.api.play(),
this.api.play()
} catch (t) {}
this.hasError = !1
}
retry() {
this.shouldPlaySeoncd = this.isLive ? this.defaultLiveSeoncd : this.api.currentTime + 5,
this.hasError = !1,
this.onErrorHandler.emit(!0)
}
toggleDanmu() {
this.danmuFacade.toggleDanmu(null)
}
reportDanmu(t) {
this.danmuService.reportDanmu(t, this.reportDanmuReason).subscribe(()=>{
this._dnDialogService.close("reportDanmu"),
this._toastService.showBlackToast("\u4e3e\u62a5\u6210\u529f\uff01")
}
)
}
onInputBlur() {
this.api.releaseControls()
}
onInputFocus() {
this.api.captureControls()
}
releaseControlHandler(t) {
this.api.releaseControls()
}
toggleMediaList() {
this.playerMediaListService.toggle()
}
showRechargeBox() {
this.isFullscreen && this.fullScreenService.toggleFullScreen(),
this._dnDialogService.close("media-unavailable"),
this._dnDialogService.close("purchase-required"),
this._dnDialogService.close("coin-or-upgrade-to-skip-ad"),
this._dnDialogService.close("vip-only"),
this._rechargeBoxService.changeDisplayStatus(!0)
}
closeGuide() {
this.playerSettingGuide && (this._guide.setGuideCookie(0),
this._guide.closeGuideCover(!0, "setting"),
this.playerSettingGuide = !1)
}
closeSmallPlayer() {
this.onCloseSmallPlayer.emit()
}
toggleFloatingPlayer() {
this.forbiddenFloatingPlayer = !this.forbiddenFloatingPlayer,
this.user && this.user.id && this.settingsService.updateOneSetting({
isPipMode: !this.forbiddenFloatingPlayer
});
var t = this.storageService.GetConfig();
this.videoPlayerSettingsService.setPlayerSettings(t)
}
hlsErrorHandler(t) {
this.showInfo("\u5f53\u524d\u89c6\u9891\u65e0\u6cd5\u64ad\u653e", 5, !0),
this.errorContent = "\u7f51\u7edc\u9519\u8bef\uff0c\u5f53\u524d\u89c6\u9891\u65e0\u6cd5\u64ad\u653e",
this.hasError = !0
}
fullscreenStatusHandler(t) {
this.isFullscreen = t,
clearTimeout(this.timerShow),
t ? this.timerShow = setTimeout(()=>{
this.shouldShowInput = !0
}
, 50) : this.shouldShowInput = !1
}
adsFullscreenClick(t) {
t.preventDefault(),
t.stopPropagation()
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(g.a),i.Ob(d.a),i.Ob(b.a),i.Ob(p.a),i.Ob(m.a),i.Ob(f.a),i.Ob(C.a),i.Ob(P.a),i.Ob(y.a),i.Ob(k.a),i.Ob(O.a),i.Ob(_.a),i.Ob(x.a),i.Ob(M.a),i.Ob(h.a),i.Ob(v.a),i.Ob(w.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["dn-videoplayer"]],
viewQuery: function(t, e) {
if (1 & t && (i.Qc(vn, 1),
i.Qc(Cn, 1)),
2 & t) {
let t;
i.wc(t = i.cc()) && (e.configBox = t.first),
i.wc(t = i.cc()) && (e.languageBox = t.first)
}
},
hostBindings: function(t, e) {
1 & t && i.bc("resize", function() {
return e.onWindowResize()
}, !1, i.zc)
},
inputs: {
isFloatPlayer: "isFloatPlayer",
started: "started",
playListConfig: "playListConfig",
videoLoop: "videoLoop",
poster: "poster",
user: "user",
newMediaKey: "newMediaKey",
showNextButton: "showNextButton",
language: "language",
languageList: "languageList",
shouldSkipAds: "shouldSkipAds",
playingMedia: "playingMedia",
mediaList: "mediaList",
video: "video",
topPrefix: "topPrefix",
customHeight: "customHeight",
isloadDefault: "isloadDefault",
filterGold: "filterGold",
unlockGold: "unlockGold",
filterCallback: "filterCallback",
unlockCallback: "unlockCallback",
playNextCallback: "playNextCallback",
isPlayRatio: "isPlayRatio",
previewFormat: "previewFormat",
playerMode: "playerMode",
playlist: "playlist",
playlistType: "playlistType",
showQuantitySelect: "showQuantitySelect",
mediaTitle: "mediaTitle",
isNewsPlayer: "isNewsPlayer",
isLive: "isLive",
isUserFilterAd: "isUserFilterAd",
danmuChatRoomControl: "danmuChatRoomControl",
hasBought: "hasBought",
serverInfo: "serverInfo",
needBought: "needBought",
logo: "logo",
bitrates: "bitrates",
isLine: "isLine",
fromSpace: "fromSpace",
fromActivity: "fromActivity",
isVertical: "isVertical",
activityPoster: "activityPoster",
isNews: "isNews",
showPlayEndContent: "showPlayEndContent",
nextPlayList: "nextPlayList",
publisher: "publisher",
suspendAutoPlay: "suspendAutoPlay",
adsDanmus: "adsDanmus",
isMuted: "isMuted"
},
outputs: {
apiReady: "apiReady",
onCloseSmallPlayer: "onCloseSmallPlayer",
onVideoReady: "onVideoReady",
onErrorHandler: "onErrorHandler",
onChangeLanguage: "onChangeLanguage",
onPlay: "onPlay",
onClosePlayEndContent: "onClosePlayEndContent",
userBehaviorEvent: "userBehaviorEvent"
},
features: [i.Bb([]), i.Ab],
decls: 4,
vars: 9,
consts: [["cdkDrag", "", "cdkDragHandle", "", "cdkDragBoundary", "dn-videoplayer", 1, "video-container", 3, "ngClass", "cdkDragDisabled"], ["class", "video-box", 3, "ngClass", 4, "ngIf"], ["class", "video-box", 3, "height", 4, "ngIf"], [1, "video-footer"], [1, "video-box", 3, "ngClass"], ["id", "main-player", 3, "ngClass", "onPlayerReady", 4, "ngIf"], ["id", "main-player", 3, "ngClass", "onPlayerReady"], ["class", "video-header", 4, "ngIf"], ["class", "floating-player-controls", 4, "ngIf"], ["class", "needTouch", 3, "ngClass", "click", 4, "ngIf"], [3, "ngClass", "shouldLoad", "showPlayEndContent", "onShowPauseAds"], [1, "caption", 3, "ngClass"], ["class", "inner", 3, "innerHtml", 4, "ngFor", "ngForOf"], ["class", "publicbox", 3, "ngClass", "ngStyle", "click", 4, "ngIf"], [3, "logo", "paused", "isPlayingAds", "isFloatPlayer", "isLive", "fromActivity", "isFullscreen", "showPlayEndContent", 4, "ngIf"], [3, "isPlayingAds", "ngStyle", "isLive", "adsDanmus", 4, "ngIf"], [3, "fromActivity"], ["class", "player-title-bar", 3, "vgAutohide", "vgAutohideTime", 4, "ngIf"], [1, "bg-overlayer", 3, "vgAutohide", "vgAutohideTime", "ngClass", "hidden"], [1, "stick-bottom"], [1, "switching-prompt", 3, "ngClass"], [3, "previewFormat", "isLive", "isPlayingAds", "onClosePlayEndContent"], ["class", "control-left", 4, "ngIf"], ["class", "flex-1 onfull", 4, "ngIf"], [1, "controll-right"], ["class", "control-item", 3, "bitrates", "bitrateSelected", "playingLevel", "gold", "user", "isLive", "isLine", "filterClick", "onBitrateChange", 4, "ngIf"], ["class", "control-item l", "style", "margin-right: 20px;white-space: nowrap;", 3, "ngClass", "click", 4, "ngIf"], ["class", "control-item", 3, "customCallback", "isPlayingAds", "releaseControl", 4, "ngIf"], ["class", "control-item", 3, "ngClass", "mouseenter", "mouseleave", 4, "ngIf"], ["class", "hover-item", 3, "ngClass", "left", "mouseenter", "mouseleave", 4, "ngIf"], ["class", "control-item config", "style", "position: relative;", 3, "ngClass", 4, "ngIf"], [1, "control-item", 3, "isFullscreen", "fullscreenStatus"], [4, "ngIf"], ["id", "reportDanmu", 1, "dn-dialog-background", 2, "position", "relative", 3, "parent"], ["id", "player-message-dialog", 1, "dn-dialog-background"], ["id", "coin-or-upgrade-to-skip-ad", 1, "dn-dialog-background"], ["id", "video_player", "preload", "auto", "controlsList", "nodownload", "autobuffer", "", "webkit-playsinline", "webkit-playsinline", "playsinline", "playsinline", "x-webkit-airplay", "allow", 3, "muted", "vgMedia", "vgHls", "ngStyle", "ngClass", "error", "onHlsError", "onGetBitrates", "onLevelChanged"], ["myMedia", "", "vgHls", "vgHls"], [3, "playlist", "playlistType", "isWide", "newMediaKey", "noTransition", "isLive", 4, "ngIf"], [3, "innerPlayer", 4, "ngIf"], [1, "video-header"], [1, "dataCaption"], ["class", "live-error", 4, "ngIf"], [1, "live-error"], [1, "floating-player-controls"], [1, "control-item", 3, "isPlayingAds"], ["class", "close-small-player-button", 3, "click", 4, "ngIf"], [1, "close-small-player-button", 3, "click"], [1, "iconfont", "iconguanbi"], [1, "needTouch", 3, "ngClass", "click"], [1, "inner", 3, "innerHtml"], [1, "publicbox", 3, "ngClass", "ngStyle", "click"], [1, "control-list", "pull-right", "d-flex"], ["class", "control-item", 4, "ngIf"], [1, "control-item", "none", 2, "margin-right", "0", "border", "none"], [1, "control-fix", "hover", 3, "click"], ["class", "ismuted control-item", 3, "click", 4, "ngIf"], ["class", "block-center", 4, "ngIf"], [1, "learn-more", 3, "ngClass"], [1, "tips-text"], [1, "ads-fullscreen", 3, "click"], [1, "control-item"], [1, "control-fix", "text-white"], [1, "second", "notranslate"], [1, "ismuted", "control-item", 3, "click"], ["class", "iconfont iconjingyin", 4, "ngIf"], ["class", "iconfont iconyinliang", 4, "ngIf"], [1, "iconfont", "iconjingyin"], [1, "iconfont", "iconyinliang"], [1, "block-center"], [3, "logo", "paused", "isPlayingAds", "isFloatPlayer", "isLive", "fromActivity", "isFullscreen", "showPlayEndContent"], [3, "isPlayingAds", "ngStyle", "isLive", "adsDanmus"], [1, "player-title-bar", 3, "vgAutohide", "vgAutohideTime"], [1, "player-title", 3, "ngClass"], ["class", "ml-3", 4, "ngIf"], [1, "ml-3"], [1, "control-left"], ["class", "play-next control-item", 3, "click", 4, "ngIf"], [1, "control-item", "airplay"], ["class", "timeline notranslate", 4, "ngIf"], [3, "click", 4, "ngIf"], [1, "play-next", "control-item", 3, "click"], [1, "iconfont", "iconxiayiji"], [1, "timeline", "notranslate"], ["vgProperty", "current", "vgFormat", "hh:mm:ss", 1, "control-item"], ["class", "splash", 4, "ngIf"], ["class", "control-item", "vgProperty", "total", "vgFormat", "hh:mm:ss", 4, "ngIf"], [1, "splash"], ["vgProperty", "total", "vgFormat", "hh:mm:ss", 1, "control-item"], ["vgProperty", "current", "vgFormat", "mm:ss", 1, "control-item", 2, "width", "42px"], ["class", "control-item", "vgProperty", "total", "vgFormat", "mm:ss", "style", "width: 42px;", 4, "ngIf"], ["vgProperty", "total", "vgFormat", "mm:ss", 1, "control-item", 2, "width", "42px"], [3, "click"], ["toggleMediaListbutton", ""], [1, "flex-1", "onfull"], [1, "transparent", 3, "onBlur", "onFocus", "onClose", "api"], [1, "control-item", 3, "bitrates", "bitrateSelected", "playingLevel", "gold", "user", "isLive", "isLine", "filterClick", "onBitrateChange"], [1, "control-item", "l", 2, "margin-right", "20px", "white-space", "nowrap", 3, "ngClass", "click"], ["languageBox", ""], [1, "openList", 3, "ngClass"], ["class", "item", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], [1, "currentLanguage"], [1, "item", 3, "ngClass", "click"], [1, "control-item", 3, "customCallback", "isPlayingAds", "releaseControl"], [1, "control-item", 3, "ngClass", "mouseenter", "mouseleave"], [1, "hover-item", 3, "ngClass", "mouseenter", "mouseleave"], [1, "volume-box"], [1, "control-item", "config", 2, "position", "relative", 3, "ngClass"], ["configBox", ""], [1, "guide-tips", 3, "ngClass", "click"], [1, "iconfont", "iconshezhi", "setting-icon", 3, "ngClass", "click"], [1, "openList", "open-black", "setting", 3, "ngClass"], [1, "box", 2, "width", "208px"], [1, "b-t"], [1, "b-c", "d-flex", "justify-content-between"], [1, "b-i", "select", 3, "ngClass", "click"], [1, "b-i", 3, "ngClass", "click"], ["class", "box", 4, "ngIf"], ["class", "box", 3, "ngClass", 4, "ngIf"], [1, "box"], [1, "box-data", "d-flex", "align-items-center", "justify-content-between", 3, "click"], [1, "b-i"], [2, "margin-right", "5px", 3, "status"], [1, "box", 3, "ngClass"], [1, "position-absolute", 3, "ngClass", "video", "showPlayEndContent", "nextPlayList", "publisher", "user", "suspendAutoPlay", "onClosePlayEndContent", "userBehaviorEvent"], [1, "mt-2", "mb-2"], [4, "ngFor", "ngForOf"], [3, "dialog"], [1, "dn-dialog-buttons"], [1, "dn-button", "dn-button-blue", 3, "click"], [1, "rad"], ["type", "radio", "name", "report-danmu-reasons", 3, "value", "ngModel", "ngModelChange"], [2, "margin-top", "75px", "font-size", "16px", "text-align", "center"], [3, "buttonText", "dialog"], [1, "title", "text-center"], [1, "message", "text-center"], [1, "buttons-gap"], [1, "dn-button", "btn-cancel", 3, "click"], [3, "playlist", "playlistType", "isWide", "newMediaKey", "noTransition", "isLive"], [3, "innerPlayer"], ["class", "bottom-scrub-bar activity", 3, "ngClass", 4, "ngIf"], ["class", "video-activity-cover", 3, "ngClass", 4, "ngIf"], [1, "bottom-scrub-bar", "activity", 3, "ngClass"], [1, "w-100", "d-flex", "justify-content-between"], [1, "w-100", 3, "previewFormat"], [1, "activity", "pure"], [1, "activity"], ["class", "time-label ml-auto notranslate", 4, "ngIf"], [1, "time-label", "ml-auto", "notranslate"], ["vgProperty", "total", "vgFormat", "hh:mm:ss"], ["vgProperty", "total", "vgFormat", "mm:ss", 2, "width", "42px"], [1, "video-activity-cover", 3, "ngClass"], [1, "image-content", 3, "src"], [1, "video-box"]],
template: function(t, e) {
1 & t && (i.Ub(0, "div", 0),
i.Ic(1, Ei, 2, 6, "div", 1),
i.Ic(2, Vi, 3, 2, "div", 2),
i.Pb(3, "div", 3),
i.Tb()),
2 & t && (i.lc("ngClass", i.tc(4, zi, e.isIPhone, !e.isFloatPlayer, e.isFloatPlayer, e.fromActivity && !e.isFullscreen))("cdkDragDisabled", !e.isFloatPlayer),
i.Cb(1),
i.lc("ngIf", e.isPlayerReady && 0 == e.playerSelection),
i.Cb(1),
i.lc("ngIf", e.isPlayerReady && 1 == e.playerSelection))
},
directives: [I.a, I.b, S.l, S.n, T.a, L, S.m, B.a, D.a, E.a, V.a, z.a, H, j.a, q.a, N.a, S.o, G, at, Xt, $t, Zt.a, te.a, ve, we, ke.a, Fe, Le.a, cn, an.a, ln.n, ln.a, ln.j, ln.l, rn.a, mn, fn.a],
styles: ['@charset "UTF-8";.control-left[_ngcontent-%COMP%]{display:flex;align-items:center}.right-block[_ngcontent-%COMP%]{color:#fff!important;background-color:#00c0ff;margin:0;font-size:20px;position:absolute;right:3.7em;bottom:.8em;display:block;padding:.5em .7em .5em 1em;text-align:center;border-radius:3px;box-shadow:2px 2px 1px 0 #00000057}.right-block[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%]{font-size:20px;position:relative;top:2px}.ads-fullscreen[_ngcontent-%COMP%]{position:absolute;bottom:0;right:0;padding:0 .5em .8em 1em;z-index:10000000000;cursor:default}.video-container[_ngcontent-%COMP%]{background-color:#000;position:relative;pointer-events:auto}.video-container.trans-bg[_ngcontent-%COMP%], .video-container.trans-bg[_ngcontent-%COMP%] vg-player[_ngcontent-%COMP%]{background-color:initial!important}.video-container.small[_ngcontent-%COMP%]{position:absolute;bottom:28px;right:98px;width:500px;height:282px}.video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%]{width:100%}.video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] .caption[_ngcontent-%COMP%]{font-size:16px;position:absolute;color:#fec1a1;text-align:right;right:1em;top:1em;visibility:hidden;pointer-events:none;max-width:0;transition:max-width 1s;z-index:204;overflow:hidden}.video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] .caption.show[_ngcontent-%COMP%]{max-width:20em;visibility:visible}.video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] .caption[_ngcontent-%COMP%] .inner[_ngcontent-%COMP%]{background-color:rgba(0,0,0,.749);padding:.2em .5em;margin-bottom:.2em;word-break:normal;white-space:nowrap;text-shadow:2px 1px 4px #434343}.video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] video[_ngcontent-%COMP%]{width:100%;height:100%}.video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] video.window-activity-video[_ngcontent-%COMP%]{margin:auto;background:#000}.video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] vg-scrub-bar[_ngcontent-%COMP%]{background-color:initial;margin:0;width:98%;padding:1em 0;box-sizing:border-box}.video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] vg-scrub-bar.tiny[_ngcontent-%COMP%]{height:5px!important;box-sizing:initial;bottom:-5.5em!important}.video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] vg-scrub-bar[_ngcontent-%COMP%], .video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] vg-scrub-bar-buffering-time[_ngcontent-%COMP%], .video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] vg-scrub-bar-current-time[_ngcontent-%COMP%]{height:2px}.video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] vg-scrub-bar-buffering-time[_ngcontent-%COMP%], .video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] vg-scrub-bar-current-time[_ngcontent-%COMP%]{bottom:0}.video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] vg-scrub-bar-buffering-time.activity[_ngcontent-%COMP%], .video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] vg-scrub-bar-current-time.activity[_ngcontent-%COMP%]{top:0}.video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] vg-controls[_ngcontent-%COMP%]{height:80px;font-size:16px;background-color:initial!important}.video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] vg-scrub-bar-current-time[_ngcontent-%COMP%]{background-color:#74747494}.video-container[_ngcontent-%COMP%] .stick-bottom[_ngcontent-%COMP%]{position:absolute;height:.5em;width:100%;bottom:96px;padding:0 1%;transition:initial}.video-container[_ngcontent-%COMP%] .stick-bottom[_ngcontent-%COMP%] vg-time-display[_ngcontent-%COMP%]{height:2em;line-height:2em;display:inline-block;text-align:right;width:auto;min-width:40px}.video-container.iphone[_ngcontent-%COMP%] vg-scrub-bar[_ngcontent-%COMP%]{display:block}.video-container.iphone[_ngcontent-%COMP%] vg-scrub-bar.tiny[_ngcontent-%COMP%]{margin:0!important;height:5px!important}.video-container[_ngcontent-%COMP%] .publicplay[_ngcontent-%COMP%] vg-controls[_ngcontent-%COMP%]{display:none}.bg-overlayer[_ngcontent-%COMP%]{background:linear-gradient(180deg,#0000,#000);display:flex;align-items:center;z-index:4447}.bg-overlayer[_ngcontent-%COMP%]:hover{opacity:1!important}.bg-overlayer.guide[_ngcontent-%COMP%]{z-index:auto!important}vg-controls.sticky[_ngcontent-%COMP%]{bottom:0!important}.control-item[_ngcontent-%COMP%]{margin-right:10px;color:#ffffffb3}.control-item.active[_ngcontent-%COMP%], .control-item[_ngcontent-%COMP%]:not(vg-playback-button):hover{color:#fff}.l[_ngcontent-%COMP%] .openList[_ngcontent-%COMP%]{width:6em;text-align:center;margin-left:-2em}.l[_ngcontent-%COMP%] .openList[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding:.5em 0}.openList[_ngcontent-%COMP%]:hover + .currentLanguage[_ngcontent-%COMP%]{color:#ffffffb3!important}.openList[_ngcontent-%COMP%] .item.active[_ngcontent-%COMP%], .openList[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]:hover{color:#00c0ff!important}.l[_ngcontent-%COMP%]:not(vg-playback-button):hover > .currentLanguage[_ngcontent-%COMP%]{color:#00c0ff}.l.active[_ngcontent-%COMP%]{color:#ffffffb3}.text-fixed[_ngcontent-%COMP%]{margin:0 -.3em}.video-loader[_ngcontent-%COMP%]{width:1px;height:1px}.publicbox[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5003;cursor:pointer}.publicbox.inFloat[_ngcontent-%COMP%]{z-index:5013}.publicbox[_ngcontent-%COMP%] .control-list[_ngcontent-%COMP%]{color:#fff;background-color:rgba(0,0,0,.749);padding-left:.2em;margin:1.2em 1em 0 0;font-size:15px}.publicbox[_ngcontent-%COMP%] .control-item[_ngcontent-%COMP%]{margin:0;padding:.6em 1.5em .1em .5em}.publicbox[_ngcontent-%COMP%] .control-item.none[_ngcontent-%COMP%]{border-right:none;margin-right:1em;padding-right:.7em}.publicbox[_ngcontent-%COMP%] .control-item.ismuted[_ngcontent-%COMP%]{padding-top:0;position:relative;display:flex;align-items:center;justify-content:center;height:34px;padding-right:.8em}.publicbox[_ngcontent-%COMP%] .control-item.ismuted[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%]{height:34px}.publicbox[_ngcontent-%COMP%] .control-item.cross[_ngcontent-%COMP%]:before{transform:rotate(119deg)}.publicbox[_ngcontent-%COMP%] .control-item.cross[_ngcontent-%COMP%]:after, .publicbox[_ngcontent-%COMP%] .control-item.cross[_ngcontent-%COMP%]:before{content:" ";position:absolute;width:2px;height:130%;background-color:#fff;top:-.3em;left:1.5em}.publicbox[_ngcontent-%COMP%] .control-item.cross[_ngcontent-%COMP%]:after{transform:rotate(57deg)}.publicbox[_ngcontent-%COMP%] .control-fix[_ngcontent-%COMP%]{position:relative;top:-.2em;padding-right:.3em;margin:0 -.8em 0 0;color:#fec1a1}.publicbox[_ngcontent-%COMP%] .control-fix.none[_ngcontent-%COMP%]{border-right:none}.publicbox[_ngcontent-%COMP%] .line[_ngcontent-%COMP%]{width:1px;height:100%}.publicbox[_ngcontent-%COMP%] .tips-text[_ngcontent-%COMP%]{font-size:12px;color:#fff;opacity:.5;position:absolute;top:8px;left:8px;text-shadow:2px 2px #000}.publicbox[_ngcontent-%COMP%] .learn-more[_ngcontent-%COMP%]{position:absolute;bottom:40px;right:0;width:calc(158px + 40px);height:calc(47px + 40px);background-image:url(/assets/images/learn-more.png);background-position:20px;background-repeat:no-repeat}.publicbox[_ngcontent-%COMP%] .learn-more[_ngcontent-%COMP%]:hover{background-image:url(/assets/images/learn-more-hover.png)}.publicbox[_ngcontent-%COMP%] .learn-more.small[_ngcontent-%COMP%]{transform:scale(.6);bottom:20px;right:-30px}.splash[_ngcontent-%COMP%]{color:#ffffffb3;font-size:12px;margin-left:5px;margin-right:5px;display:inline-block;position:relative;top:-.1em}.hover-item[_ngcontent-%COMP%]{position:absolute;background-color:initial;box-sizing:initial;z-index:10000;bottom:3.9em!important}.hover-item[_ngcontent-%COMP%], .hover-item[_ngcontent-%COMP%] .volume-box[_ngcontent-%COMP%]{max-height:0;overflow:hidden;transition:max-height .2s}.hover-item[_ngcontent-%COMP%] .volume-box[_ngcontent-%COMP%]{background-color:#000000ab;position:relative;bottom:0}.hover-item.show[_ngcontent-%COMP%]{padding-bottom:.5em}.hover-item.show[_ngcontent-%COMP%], .hover-item.show[_ngcontent-%COMP%] .volume-box[_ngcontent-%COMP%]{max-height:10.5em}.controll-right[_ngcontent-%COMP%]{margin-left:auto;display:flex;align-items:center}.controll-right[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{width:80px;border:none;background-color:initial;color:#ffffffb3;outline:none!important}.controll-right[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:hover{color:#fff}.control-left[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{min-width:80px;border:none;background-color:initial;color:#ffffffb3;margin-left:20px;outline:none!important}.control-left[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:hover{color:#fff}.cleartop[_ngcontent-%COMP%]{bottom:6em;background-color:#000000ab;border-radius:.5em;height:10.5em;max-height:0;transition:max-height .2s;overflow:hidden}.cleartop.show[_ngcontent-%COMP%]{max-height:10.5em}.cleartop[_ngcontent-%COMP%]{display:inline-block;top:-4px;font-size:14px}.cleartop[_ngcontent-%COMP%], vg-fullscreen.control-item[_ngcontent-%COMP%]{position:relative}vg-time-display.control-item[_ngcontent-%COMP%]{margin-right:0}vg-play-pause.control-item[_ngcontent-%COMP%]{margin-left:1em}vg-playback-button.control-item[_ngcontent-%COMP%]{font-size:16px;margin-top:0}.play-next[_ngcontent-%COMP%]{min-width:60px;text-align:center;cursor:pointer;position:relative}.iconxiayiji[_ngcontent-%COMP%]{margin:0 auto}.stick-top[_ngcontent-%COMP%]{position:relative;top:3em}.second[_ngcontent-%COMP%]{font-size:14px}.second[_ngcontent-%COMP%]:after{content:"";display:block;width:1px;height:16px;background-color:#aaa;opacity:.7;position:absolute;top:2px;right:-7px}.gold[_ngcontent-%COMP%]{color:#ffc000;padding:0 .1em;font-size:14px}.control-item[_ngcontent-%COMP%]{cursor:pointer}.pull-right[_ngcontent-%COMP%]{float:right!important}.config[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%]{width:52px;height:69px;font-size:32px;padding:10px 10px 11px}.player-selection[_ngcontent-%COMP%]{position:absolute;right:0;z-index:500;color:#fff;font-size:16px;padding:.5em 1.2em .2em .2em;cursor:pointer;top:-2em;transition:top .5s;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.player-selection.gray[_ngcontent-%COMP%] .bar[_ngcontent-%COMP%]{background-color:#131111}.player-selection.isshow[_ngcontent-%COMP%]{top:0}.player-selection[_ngcontent-%COMP%] .bar[_ngcontent-%COMP%]{background-color:#00c0ff;display:inline-block;width:2em;height:.8em;margin:0 .5em;box-sizing:initial;position:relative;top:.05em;border-radius:.5em}.player-selection[_ngcontent-%COMP%] .slider[_ngcontent-%COMP%]{position:absolute;width:1.3em;height:1.3em;border-radius:50%;background-color:#fff;top:-.25em;left:-.2em;transition:left .5s}.player-selection.second[_ngcontent-%COMP%] .slider[_ngcontent-%COMP%]{left:.8em}.video-header[_ngcontent-%COMP%] .caption[_ngcontent-%COMP%]{color:#f00000;text-align:center;position:absolute;z-index:500;left:50%;font-size:20px;margin-left:-1em;margin-top:.1em;transform:translateX(-50%)}.box[_ngcontent-%COMP%]{padding:.5em .5em 1em}.box[_ngcontent-%COMP%], .box[_ngcontent-%COMP%] .b-t[_ngcontent-%COMP%]{color:#ffffffb3;font-size:16px}.box[_ngcontent-%COMP%] .b-t[_ngcontent-%COMP%]{padding:.5em 0}.box[_ngcontent-%COMP%] .b-i[_ngcontent-%COMP%]{display:inline-block;min-width:3em;text-align:center;cursor:pointer}.box[_ngcontent-%COMP%] .b-i.select[_ngcontent-%COMP%]{background-color:#00c0ff;color:#fff}.l[_ngcontent-%COMP%]{padding:1em}.switch-caption[_ngcontent-%COMP%]{position:relative;top:-.2em;left:.1em}.box-data[_ngcontent-%COMP%]{position:relative;overflow:hidden}vg-player.fake-fullscreen[_ngcontent-%COMP%]{position:fixed;width:100%;height:100%;left:0;z-index:100000;top:0}.progress[_ngcontent-%COMP%]{height:5px;background-color:#e3e300;transition:width .5s;border-radius:0}.needTouch[_ngcontent-%COMP%], .progress[_ngcontent-%COMP%]{bottom:0;position:absolute}.needTouch[_ngcontent-%COMP%]{color:#fff;cursor:pointer;background-color:#3333;background-size:contain;background-position:50%;width:100%;height:100%;z-index:4445;text-shadow:1px 1px 4px #888}.needTouch.inFloat[_ngcontent-%COMP%]{z-index:5010}.needTouch[_ngcontent-%COMP%]:after{content:"\ue66b";font-family:iconfont!important;font-size:100px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.needTouch[_ngcontent-%COMP%] .c[_ngcontent-%COMP%]{color:#fff;text-align:center;position:absolute;width:100%;top:8em;color:red;font-size:20px}vg-pause-d.pauseInFloat[_ngcontent-%COMP%]{z-index:5010}vg-scrub-bar[_ngcontent-%COMP%]:hover vg-scrub-bar-current-time[_ngcontent-%COMP%]{height:7px!important}vg-scrub-bar[_ngcontent-%COMP%]:hover vg-scrub-bar-current-time.activity[_ngcontent-%COMP%]{height:4px!important}vg-scrub-bar[_ngcontent-%COMP%]:hover vg-scrub-bar-buffering-time[_ngcontent-%COMP%]{height:7px!important}vg-scrub-bar[_ngcontent-%COMP%]:hover vg-scrub-bar-buffering-time.activity[_ngcontent-%COMP%]{height:4px!important}.input-section[_ngcontent-%COMP%]{width:370px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);bottom:.5em;z-index:999}.danmu-toggler[_ngcontent-%COMP%]{color:#222;float:left;margin-top:2px;-webkit-user-select:none;user-select:none;cursor:pointer;padding:.1em .5em;border:1px solid #ddd;background-color:#f2f2f2;border-radius:3px;margin-right:1em}.danmu-toggler.closed[_ngcontent-%COMP%]{color:#fff;background-color:initial}.block-center[_ngcontent-%COMP%]{position:absolute;width:263px;background-color:#000;color:#fff;font-size:16px;left:50%;top:50%;transform:translate(-50%,-50%);padding:1em}.open-black[_ngcontent-%COMP%]{right:-2.2em;bottom:5em}.video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] .player-title-bar[_ngcontent-%COMP%]{width:100%!important;height:50px!important;position:absolute;top:12px;padding:0 24px;transition:opacity .1s linear;display:flex;align-items:center}.video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] .player-title-bar.hide[_ngcontent-%COMP%]{opacity:0}.video-container[_ngcontent-%COMP%] .video-box[_ngcontent-%COMP%] .player-title[_ngcontent-%COMP%]{font-size:22px;font-weight:600;color:#fff;text-shadow:2px 2px 2px #444;margin-left:54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-container[_ngcontent-%COMP%] .switching-prompt[_ngcontent-%COMP%]{padding:5px;background-color:#00000080;position:absolute;font-size:16px;left:15px;bottom:16px;z-index:499;opacity:0;color:#ffffffb3;transition:opacity .2s ease-in-out}.video-container[_ngcontent-%COMP%] .switching-prompt.show[_ngcontent-%COMP%]{opacity:1}.video-container.fixed-player[_ngcontent-%COMP%]{transform:unset!important}.guide-tips[_ngcontent-%COMP%]{background-image:url(/assets/images/guide-player-setting.png);width:326px;height:208px;position:absolute;top:-149px;left:-269px;z-index:5001;display:none}.guide-tips.guide[_ngcontent-%COMP%]{display:block}.floating-player-controls[_ngcontent-%COMP%]{opacity:0;z-index:5010;position:absolute;width:100%;height:100%}.floating-player-controls[_ngcontent-%COMP%] .control-item[_ngcontent-%COMP%]{position:absolute;left:17px;bottom:18px;transform:translate(-50%)}.floating-player-controls[_ngcontent-%COMP%] .close-small-player-button[_ngcontent-%COMP%]{z-index:5019;position:absolute;top:10px;right:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:29px;height:26px}.floating-player-controls[_ngcontent-%COMP%] .close-small-player-button[_ngcontent-%COMP%] .iconguanbi[_ngcontent-%COMP%]{font-size:15px}.floating-player-controls[_ngcontent-%COMP%] .close-small-player-button[_ngcontent-%COMP%]:hover{color:#fff}.video-box[_ngcontent-%COMP%]:hover .floating-player-controls[_ngcontent-%COMP%]{opacity:1}.video-box.spaceStyle[_ngcontent-%COMP%]{height:344px!important}.bottom-scrub-bar[_ngcontent-%COMP%]{position:absolute;z-index:4446;bottom:15px!important;width:100%;display:flex;align-items:center;justify-content:center}.bottom-scrub-bar[_ngcontent-%COMP%] vg-scrub-bar[_ngcontent-%COMP%]{width:95%!important;opacity:1!important}.video-activity-cover[_ngcontent-%COMP%]{position:absolute;top:0;left:0;right:0;bottom:0;width:1070px;height:calc(1070px / (16/9));margin:auto}.video-activity-cover.vertical[_ngcontent-%COMP%]{width:calc(655px * (9/16));height:655px}.video-activity-cover[_ngcontent-%COMP%] .fullscreen-btn[_ngcontent-%COMP%]{position:absolute;z-index:4446;bottom:5px;right:0;text-shadow:1px 1px 4px #888}.video-activity-cover[_ngcontent-%COMP%] .image-content[_ngcontent-%COMP%]{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;-o-user-select:none;user-select:none;width:inherit;height:inherit;object-fit:cover}.bottom-scrub-bar.activity[_ngcontent-%COMP%]{left:0;right:0;margin:auto;width:1070px;bottom:38px!important}.bottom-scrub-bar.activity[_ngcontent-%COMP%] .time-label[_ngcontent-%COMP%]{position:relative;top:-38px;right:12px;font-size:16px;text-shadow:2px 2px 4px #000000e6}.bottom-scrub-bar.activity[_ngcontent-%COMP%] vg-scrub-bar[_ngcontent-%COMP%]{width:100%!important;overflow:hidden}.bottom-scrub-bar.activity.vertical[_ngcontent-%COMP%]{bottom:12px!important;width:calc(655px * (9/16))}.bottom-scrub-bar.activity.vertical[_ngcontent-%COMP%] vg-scrub-bar[_ngcontent-%COMP%]{width:99.9%!important}@media (max-width:1439px){.video-box.vertical[_ngcontent-%COMP%]{height:530px}video.window-activity-video[_ngcontent-%COMP%]{width:500px!important;height:calc(500px / (16/9))!important}video.window-activity-video.vertical[_ngcontent-%COMP%]{width:calc(480px * (9/16))!important;height:480px!important}.video-activity-cover[_ngcontent-%COMP%]{width:500px;height:calc(500px / (16/9))}.video-activity-cover.vertical[_ngcontent-%COMP%]{width:calc(480px * (9/16));height:480px}.bottom-scrub-bar.activity[_ngcontent-%COMP%]{width:500px;bottom:68px!important}.bottom-scrub-bar.activity[_ngcontent-%COMP%] vg-scrub-bar[_ngcontent-%COMP%]{width:100%!important}.bottom-scrub-bar.activity.vertical[_ngcontent-%COMP%]{width:calc(480px * (9/16));bottom:11px!important}.bottom-scrub-bar.activity.vertical[_ngcontent-%COMP%] vg-scrub-bar[_ngcontent-%COMP%]{width:100%!important}}@media (min-width:1440px) and (max-width:1678px){.video-box.vertical[_ngcontent-%COMP%]{height:630px}video.window-activity-video[_ngcontent-%COMP%]{width:700px!important;height:calc(700px / (16/9))!important}video.window-activity-video.vertical[_ngcontent-%COMP%]{width:calc(570px * (9/16))!important;height:570px!important}.video-activity-cover[_ngcontent-%COMP%]{width:700px;height:calc(700px / (16/9))}.video-activity-cover.vertical[_ngcontent-%COMP%]{width:calc(570px * (9/16));height:570px}.bottom-scrub-bar.activity[_ngcontent-%COMP%]{width:700px;bottom:11px!important}.bottom-scrub-bar.activity[_ngcontent-%COMP%] vg-scrub-bar[_ngcontent-%COMP%]{width:100%!important}.bottom-scrub-bar.activity.vertical[_ngcontent-%COMP%]{width:calc(570px * (9/16));bottom:-34px!important}.bottom-scrub-bar.activity.vertical[_ngcontent-%COMP%] vg-scrub-bar[_ngcontent-%COMP%]{width:100%!important}}@media (max-width:1678px){.video-box[_ngcontent-%COMP%]{height:473px}.video-box.activityStyle[_ngcontent-%COMP%]{height:505px}.video-box.vertical[_ngcontent-%COMP%]{height:590px}}@media (min-width:1679px) and (max-width:1911px){.video-box[_ngcontent-%COMP%]{height:594px}.video-box.activityStyle[_ngcontent-%COMP%]{height:631.6px}.video-box.vertical[_ngcontent-%COMP%]{height:767px}video.window-activity-video[_ngcontent-%COMP%]{width:960px!important;height:calc(960px / (16/9))!important}video.window-activity-video.vertical[_ngcontent-%COMP%]{width:calc(655px * (9/16))!important;height:655px!important}.video-activity-cover[_ngcontent-%COMP%]{width:960px;height:calc(960px / (16/9))}.video-activity-cover.vertical[_ngcontent-%COMP%]{width:calc(655px * (9/16));height:655px}.bottom-scrub-bar.activity[_ngcontent-%COMP%]{width:960px;bottom:1px!important}.bottom-scrub-bar.activity[_ngcontent-%COMP%] vg-scrub-bar[_ngcontent-%COMP%]{width:100%!important}.bottom-scrub-bar.activity.vertical[_ngcontent-%COMP%]{width:calc(655px * (9/16));bottom:11px!important}.bottom-scrub-bar.activity.vertical[_ngcontent-%COMP%] vg-scrub-bar[_ngcontent-%COMP%]{width:99.9%!important}}@media (min-width:1912px){.video-box[_ngcontent-%COMP%]{height:688px}.video-box.activityStyle[_ngcontent-%COMP%], .video-box.vertical[_ngcontent-%COMP%]{height:767px}video.window-activity-video[_ngcontent-%COMP%]{width:1070px!important;height:calc(1070px / (16/9))!important}video.window-activity-video.vertical[_ngcontent-%COMP%]{width:calc(655px * (9/16))!important;height:655px!important}}.live-error[_ngcontent-%COMP%]{background-image:url(/assets/images/no-signal.jpg?v=2);z-index:1;height:100%;background-size:100%}.dataCaption[_ngcontent-%COMP%], .live-error[_ngcontent-%COMP%]{position:absolute;width:100%}.dataCaption[_ngcontent-%COMP%]{color:red;z-index:10;text-align:center;font-size:24px;top:.8em}.hidden-in-float[_ngcontent-%COMP%]{opacity:0;z-index:-1}']
}),
t
}
)();
class Ri {
constructor() {
this.scaled = ""
}
getScaled() {
return this.scaled
}
getResult(t, e, n, i) {
var o = {};
if (this.scaled = e,
this.scaled) {
var s = 16 / 9;
switch (this.scaled) {
case "4:3":
s = 4 / 3;
break;
case "16:9":
s = 16 / 9;
break;
case "full":
s = 1
}
if (s != t.videoRatio) {
var c = {
videoShouldWidth: s * n,
videoShouldHeight: n,
videoCanWidth: n * i,
videoCanHeight: n,
videoWidth: 0,
videoHeight: 0
}
, a = 1
, l = 1;
1 == s ? t.videoRatio != c.videoCanWidth / c.videoCanHeight && (a = c.videoCanWidth / c.videoWidth,
l = c.videoCanHeight / c.videoHeight) : (c.videoWidth = c.videoCanHeight * t.videoRatio,
c.videoHeight = c.videoCanHeight / t.videoRatio,
c.videoWidth > c.videoCanWidth && (c.videoWidth = c.videoCanWidth,
c.videoHeight = c.videoWidth / t.videoRatio),
c.videoHeight > c.videoCanHeight && (c.videoHeight = c.videoCanHeight,
c.videoWidth = c.videoHeight * t.videoRatio),
a = c.videoShouldWidth / c.videoWidth,
l = c.videoShouldHeight / c.videoHeight),
o = {
transform: "scale(" + a + "," + l + ")"
}
}
}
return o
}
}
},
VWJ4: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return $t
});
var i = n("fXoL")
, o = n("7K1u")
, s = n("bTnO")
, c = n("KRVc")
, a = n("YKxU")
, l = n("0Xxy")
, r = n("OeGS")
, u = n("ciLT")
, h = n("ofXK")
, d = n("qUyv")
, g = n("ruQk")
, p = n("SCto")
, b = n("wMT6")
, m = n("AytR")
, f = n("oAdE")
, v = n("3My9")
, C = n("q5P3")
, P = n("tyNb")
, y = n("sJdA")
, O = n("08EM")
, x = n("Ysev")
, M = n("Le4d")
, _ = n("2EkQ")
, w = n("uIam");
const k = ["viewContainerRef"]
, I = ["shotcutMenu"]
, S = function(t) {
return {
activityStyle: t
}
};
function T(t, e) {
if (1 & t && i.Pb(0, "app-membership-icon", 28),
2 & t) {
const t = i.ec();
i.lc("ngClass", i.qc(5, S, "activity" === t.hostPage || "activityLast3Child" === t.hostPage))("membership", t.getMembership(t.comment.gid))("noText", !0)("newIcon", !0)("canHover", !0)
}
}
function A(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "img", 29),
i.bc("click", function() {
return i.Ac(t),
i.ec().navToLevelTable()
}),
i.fc(1, "absUrl"),
i.fc(2, "staticLevel"),
i.Tb()
}
if (2 & t) {
const t = i.ec();
i.mc("src", i.gc(1, 2, i.gc(2, 4, t.comment.level)), i.Dc),
i.lc("ngClass", i.qc(6, S, "activity" === t.hostPage || "activityLast3Child" === t.hostPage))
}
}
function U(t, e) {
if (1 & t && (i.Ub(0, "span", 30),
i.Pb(1, "span", 31),
i.Kc(2),
i.Tb()),
2 & t) {
const t = i.ec();
i.lc("ngClass", i.qc(2, S, "activity" === t.hostPage || "activityLast3Child" === t.hostPage)),
i.Cb(2),
i.Mc(" ", 0 === t.comment.status ? "\u5df2\u5c01\u53f7" : 2 === t.comment.status ? "\u7981\u8a00\u4e2d" : "\u5df2\u51bb\u7ed3", " ")
}
}
function F(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "img", 38),
i.bc("click", function() {
return i.Ac(t),
i.ec(3).navToLevelTable()
}),
i.fc(1, "absUrl"),
i.fc(2, "staticLevel"),
i.Tb()
}
if (2 & t) {
const t = i.ec(3);
i.mc("src", i.gc(1, 1, i.gc(2, 3, t.comment.replyUserLevel)), i.Dc)
}
}
const L = function(t) {
return ["/space", t]
};
function B(t, e) {
if (1 & t && (i.Ub(0, "div", 33),
i.Ub(1, "span", 34),
i.Kc(2, "\u56de\u590d"),
i.Tb(),
i.Ub(3, "a", 35),
i.Ub(4, "span", 36),
i.Kc(5),
i.Tb(),
i.Tb(),
i.Ic(6, F, 3, 5, "img", 37),
i.Tb()),
2 & t) {
const t = i.ec(2);
i.Cb(3),
i.lc("routerLink", i.qc(3, L, t.comment.replyUserKey)),
i.Cb(2),
i.Mc("@", t.comment.replyNikcName, ""),
i.Cb(1),
i.lc("ngIf", t.comment.replyUserLevel > 1)
}
}
function D(t, e) {
if (1 & t && (i.Sb(0),
i.Ic(1, B, 7, 5, "div", 32),
i.Rb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("ngIf", t.comment.replyUserKey)
}
}
function E(t, e) {
if (1 & t && (i.Ub(0, "div", 39),
i.Kc(1),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.Lc(t.comment.published)
}
}
const V = function(t, e) {
return {
"text-red": t,
activityStyle: e
}
};
function z(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 40),
i.bc("mouseover", function(e) {
return i.Ac(t),
i.ec().showReplied(e)
}),
i.Tb()
}
if (2 & t) {
const t = i.ec();
i.lc("ngClass", i.rc(2, V, !t.comment.blacklist && t.comment.deleted, "activity" === t.hostPage || "activityLast3Child" === t.hostPage))("innerHtml", t.comment.blacklist ? "<font>\u8be5\u7528\u6237\u5df2\u88ab\u60a8\u62c9\u5165\u9ed1\u540d\u5355\u3002</font>" : t.formatContent(t.comment.content), i.Bc)
}
}
function K(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 40),
i.bc("mouseover", function(e) {
return i.Ac(t),
i.ec(2).showReplied(e)
}),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.lc("ngClass", i.rc(2, V, !t.comment.blacklist && t.comment.deleted, "activity" === t.hostPage || "activityLast3Child" === t.hostPage))("innerHtml", t.comment.blacklist ? "<font>\u8be5\u7528\u6237\u5df2\u88ab\u60a8\u62c9\u5165\u9ed1\u540d\u5355\u3002</font>" : t.formatContent(t.comment.content), i.Bc)
}
}
function R(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 40),
i.bc("mouseover", function(e) {
return i.Ac(t),
i.ec(2).showReplied(e)
}),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.lc("ngClass", i.rc(2, V, !t.comment.blacklist && t.comment.deleted, "activity" === t.hostPage || "activityLast3Child" === t.hostPage))("innerHtml", t.comment.blacklist ? "<font>\u8be5\u7528\u6237\u5df2\u88ab\u60a8\u62c9\u5165\u9ed1\u540d\u5355\u3002</font>" : t.formatContent(t.comment.rawContext), i.Bc)
}
}
function H(t, e) {
if (1 & t && (i.Sb(0),
i.Ic(1, K, 1, 5, "div", 11),
i.Ic(2, R, 1, 5, "div", 11),
i.Rb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("ngIf", !t.comment.replyUserKey),
i.Cb(1),
i.lc("ngIf", t.comment.replyUserKey)
}
}
function j(t, e) {
if (1 & t && i.Pb(0, "app-dn-poll", 41),
2 & t) {
const t = i.ec();
i.lc("pollId", t.comment.pollId)("user", t.user)
}
}
const q = function(t, e) {
return {
voted: t,
disabled: e
}
};
function N(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 44),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).report()
}),
i.Pb(1, "i", 45),
i.Ub(2, "span", 2),
i.Kc(3),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.Cb(1),
i.lc("ngClass", i.rc(3, q, t.comment.reported, t.comment.deleted)),
i.Cb(1),
i.lc("ngClass", i.rc(6, q, t.comment.reported, t.comment.deleted)),
i.Cb(1),
i.Mc("", t.comment.reported ? "\u5df2\u4e3e\u62a5" : "\u4e3e\u62a5", " ")
}
}
const W = function(t) {
return {
disabled: t
}
};
function G(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 44),
i.bc("click", function() {
i.Ac(t);
const e = i.ec(2);
return e.addBlacklist(e.comment.authorId)
}),
i.Pb(1, "i", 46),
i.Ub(2, "span"),
i.Kc(3, "\u62c9\u9ed1"),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.Cb(1),
i.lc("ngClass", i.qc(1, W, t.comment.deleted))
}
}
function X(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 44),
i.bc("click", function() {
i.Ac(t);
const e = i.ec(2);
return e.removeBlacklist(e.comment.authorId)
}),
i.Pb(1, "i", 46),
i.Ub(2, "span"),
i.Kc(3, "\u53d6\u6d88\u62c9\u9ed1"),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.Cb(1),
i.lc("ngClass", i.qc(1, W, t.comment.deleted))
}
}
function Q(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 44),
i.bc("click", function() {
i.Ac(t);
const e = i.ec(2);
return e.deleteComment(e.comment)
}),
i.Pb(1, "i", 47),
i.Ub(2, "span"),
i.Kc(3, "\u5220\u9664\u8bc4\u8bba"),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.Cb(1),
i.lc("ngClass", i.rc(1, q, t.comment.reported, t.comment.deleted))
}
}
function Y(t, e) {
if (1 & t && (i.Ub(0, "div", 42),
i.Ic(1, N, 4, 9, "div", 43),
i.Ic(2, G, 4, 3, "div", 43),
i.Ic(3, X, 4, 3, "div", 43),
i.Ic(4, Q, 4, 4, "div", 43),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("ngIf", t.user.id !== t.comment.authorId),
i.Cb(1),
i.lc("ngIf", t.user.id !== t.comment.authorId && !t.comment.blacklist),
i.Cb(1),
i.lc("ngIf", t.comment.blacklist),
i.Cb(1),
i.lc("ngIf", t.comment.authorId === t.user.id)
}
}
const J = function(t) {
return {
"pd-left": t
}
};
function $(t, e) {
if (1 & t && (i.Ub(0, "div", 48),
i.Kc(1),
i.Tb()),
2 & t) {
const t = i.ec();
i.lc("ngClass", i.qc(2, J, t.childModeChild)),
i.Cb(1),
i.Mc(" ", t.comment.published, " ")
}
}
const Z = function(t, e) {
return {
iconzan: t,
iconzanshixin: e
}
};
function tt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 53),
i.Ub(1, "button", 54),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).likeComment()
}),
i.Ub(2, "div", 55),
i.Pb(3, "i", 56),
i.Tb(),
i.Ub(4, "span", 57),
i.Kc(5),
i.fc(6, "chineseCounter"),
i.Tb(),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.Cb(1),
i.lc("ngClass", i.rc(5, q, t.comment.liked, t.comment.deleted)),
i.Cb(2),
i.lc("ngClass", i.rc(8, Z, !t.comment.liked, t.comment.liked)),
i.Cb(2),
i.Lc(i.gc(6, 3, t.comment.likes))
}
}
function et(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 58),
i.Ub(1, "button", 54),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).likeComment()
}),
i.Ub(2, "div", 59),
i.Pb(3, "i", 60),
i.Tb(),
i.Ub(4, "div", 57),
i.Kc(5),
i.fc(6, "chineseCounter"),
i.Tb(),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.Cb(1),
i.lc("ngClass", i.rc(5, q, t.comment.liked, t.comment.deleted)),
i.Cb(2),
i.lc("ngClass", i.rc(8, Z, !t.comment.liked, t.comment.liked)),
i.Cb(2),
i.Lc(i.gc(6, 3, t.comment.likes))
}
}
function nt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 61),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).reply()
}),
i.Ub(1, "span", 62),
i.Kc(2, "\u56de\u590d"),
i.Tb(),
i.Tb()
}
}
const it = function(t, e) {
return {
childParent: t,
"activity-margin": e
}
};
function ot(t, e) {
if (1 & t && (i.Ub(0, "div", 49),
i.Ic(1, tt, 7, 11, "div", 50),
i.Ic(2, et, 7, 11, "div", 51),
i.Ic(3, nt, 3, 0, "div", 52),
i.Tb()),
2 & t) {
const t = i.ec();
i.lc("ngClass", i.rc(4, it, t.childModeParent, ("activity" === t.hostPage || "activityLast3Child" === t.hostPage) && !t.childModeParent)),
i.Cb(1),
i.lc("ngIf", !t.childModeParent),
i.Cb(1),
i.lc("ngIf", t.childModeParent),
i.Cb(1),
i.lc("ngIf", !t.childModeParent)
}
}
function st(t, e) {}
function ct(t, e) {
1 & t && (i.Ub(0, "div", 63),
i.Ic(1, st, 0, 0, "ng-template", null, 64, i.Jc),
i.Tb())
}
function at(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "app-dn-comment", 68),
i.bc("onDeleteEvent", function(e) {
return i.Ac(t),
i.ec(2).deleteSubComment(e)
})("commentSuccessEvent", function(e) {
return i.Ac(t),
i.ec(2).commentCountHandler(e)
}),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = i.ec(2);
i.lc("comment", t)("isLast", n.isLast)("replyBox", n.replyBox)("isReply", !0)("level", 1)("hostPage", "activityLast3Child")
}
}
function lt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "button", 71),
i.bc("click", function() {
i.Ac(t);
const e = i.ec(3);
return e.openChildComments(e.comment)
}),
i.Kc(1),
i.Tb()
}
if (2 & t) {
const t = i.ec(3);
i.Cb(1),
i.Mc(" \u67e5\u770b\u5269\u4f59", t.comment.totalReplies - 3, "\u6761\u56de\u590d ")
}
}
function rt(t, e) {
if (1 & t && (i.Ub(0, "div", 69),
i.Ic(1, lt, 2, 1, "button", 70),
i.Tb()),
2 & t) {
const t = i.ec(2);
i.Cb(1),
i.lc("ngIf", !t.isloading)
}
}
function ut(t, e) {
if (1 & t && (i.Ub(0, "div", 65),
i.Ic(1, at, 1, 6, "app-dn-comment", 66),
i.fc(2, "slice"),
i.Ic(3, rt, 2, 1, "div", 67),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("ngForOf", i.ic(2, 2, t.comment.children, 0, 3)),
i.Cb(2),
i.lc("ngIf", "activity" === t.hostPage && !t.childModeParent && t.comment.totalReplies > 3)
}
}
function ht(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "app-namecard", 72),
i.bc("userLoadedEvent", function(e) {
return i.Ac(t),
i.ec().onUserLoaded(e)
})("hideNameCardEvent", function() {
return i.Ac(t),
i.ec().hideNamecard()
}),
i.Tb()
}
if (2 & t) {
const t = i.ec();
i.lc("currentUser", t.user.id)("user", t.publisher)("userId", t.comment.authorId)("hide", !t.showNamecard)
}
}
function dt(t, e) {}
function gt(t, e) {
if (1 & t && (i.Ub(0, "div", 73),
i.Ic(1, dt, 0, 0, "ng-template", null, 64, i.Jc),
i.Tb()),
2 & t) {
const t = i.ec();
i.lc("ngClass", i.qc(1, S, "activityLast3Child" === t.hostPage))
}
}
function pt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "app-dn-comment", 68),
i.bc("onDeleteEvent", function(e) {
return i.Ac(t),
i.ec(2).deleteSubComment(e)
})("commentSuccessEvent", function(e) {
return i.Ac(t),
i.ec(2).commentCountHandler(e)
}),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = i.ec(2);
i.lc("comment", t)("isLast", n.isLast)("replyBox", n.replyBox)("isReply", !0)("level", 1)("hostPage", n.hostPage)
}
}
function bt(t, e) {
1 & t && (i.Ub(0, "span", 78),
i.Kc(1, "\u6b63\u5728\u52a0\u8f7d..."),
i.Tb())
}
function mt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "span", 79),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).pull_down()
}),
i.Kc(1),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.Cb(1),
i.Mc("\u67e5\u770b\u5269\u4f59", t.comment.totalReplies - t.comment.children.length, "\u6761\u56de\u590d")
}
}
function ft(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "span", 79),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).close()
}),
i.Kc(1, "\u6536\u8d77"),
i.Tb()
}
}
const vt = function(t) {
return {
addLine: t
}
};
function Ct(t, e) {
if (1 & t && (i.Sb(0),
i.Ub(1, "div", 74),
i.Ic(2, pt, 1, 6, "app-dn-comment", 66),
i.Ub(3, "div", 75),
i.Ic(4, bt, 2, 0, "span", 76),
i.Ic(5, mt, 2, 1, "span", 77),
i.Ic(6, ft, 2, 0, "span", 77),
i.Tb(),
i.Tb(),
i.Rb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("ngClass", i.qc(5, vt, t.noMoreSub)),
i.Cb(1),
i.lc("ngForOf", t.comment.children),
i.Cb(2),
i.lc("ngIf", t.isloading),
i.Cb(1),
i.lc("ngIf", !t.isloading && t.comment.children.length < t.comment.totalReplies),
i.Cb(1),
i.lc("ngIf", !t.isloading && t.comment.children.length > t.size)
}
}
const Pt = function(t, e, n, i, o) {
return {
last: t,
"black-list": e,
"sub-level": n,
"is-reply": i,
activityStyle: o
}
}
, yt = function(t, e) {
return {
"d-flex": t,
"align-items-baseline": e
}
}
, Ot = function(t, e) {
return {
"float-left": t,
activityLast3Child: e
}
}
, xt = function(t, e) {
return {
activityStyle: t,
watchStyle: e
}
};
let Mt = (()=>{
class t {
constructor(t, e, n, o, s, c, a, l, r, u, h, d, g) {
this._commentService = t,
this._dnDialogService = e,
this._commentBoxService = n,
this._notificationService = o,
this._userService = s,
this._confirmDialogService = c,
this._dialogService = a,
this.blacklistService = l,
this.store = r,
this.dialogService = u,
this.resolver = h,
this._utility = d,
this._router = g,
this.subscript = [],
this.isHot = !1,
this.isLast = !1,
this.showControls = !0,
this.level = 0,
this.isReply = !1,
this.onDeleteEvent = new i.n,
this.onSubCommentDeleteEvent = new i.n,
this.initialSize = 3,
this.noMoreSub = !1,
this.componentsReferences = [],
this.voting = !1,
this.deleting = !1,
this.showNamecard = !1,
this.showShotcut = !1,
this.showReplyPopup = !1,
this.subscriptions = [],
this.commentSuccessEvent = new i.n,
this.childCommentEvent = new i.n,
this.childModeParent = !1,
this.childModeChild = !1,
this.replyVisible = !1,
this.isloading = !1,
this.page = 1,
this.size = 10
}
ngOnDestroy() {
this.subscript.forEach(t=>t()),
this.subscriptions.forEach(t=>t.unsubscribe())
}
ngAfterViewInit() {
this.shotcutElem = this.shotcutMenu.nativeElement
}
ngOnInit() {
this.$newCommentInputBox = this._commentBoxService.commentId$,
this.subscript.push(this.store.subscribe(()=>this.readState())),
this.readState(),
this.comment.pollId && (this.showControls = !1),
this.subscriptions.push(this._userService.userState$.subscribe(t=>{
this.user = t
}
), this.$newCommentInputBox.subscribe(t=>{
t !== this.comment.commendId && this.removeInputBox()
}
))
}
getStatusText(t) {
switch (t) {
case 0:
return "\u5df2\u5c01\u53f7";
case 2:
return "\u5df2\u7981\u8a00";
case 3:
return "\u5df2\u51bb\u7ed3"
}
return ""
}
readState() {
this.user = this._userService.user,
this.commentsState = this.store.getState().comments
}
likeComment() {
this.user && this.user.id ? this.voting || (this.comment.deleted ? this._dnDialogService.open("message-dialog", {
message: "\u8be5\u8bc4\u8bba\u5df2\u7ecf\u88ab\u5220\u9664"
}) : (this.voting = !0,
this._commentService.likeComment(this.comment.commendId, null, this.hostPage).subscribe(t=>{
this.voting = !1,
401 !== t.code && (this.comment.liked ? this.comment.likes -= 1 : this.comment.likes += 1,
this.comment.liked = !this.comment.liked)
}
))) : this._dnDialogService.open("login-required-dialog")
}
deleteComment(t) {
if (this.comment.deleted)
return void this._dnDialogService.open("message-dialog", {
message: "\u8be5\u8bc4\u8bba\u5df2\u7ecf\u88ab\u5220\u9664"
});
const e = "delete-comment"
, n = "confirm-dialog";
this._confirmDialogService.setState({
id: e,
message: t.replyId ? "<h5>\u5220\u9664\u8bc4\u8bba\u540e\u5c06\u4e0d\u53ef\u6062\u590d\uff0c\u662f\u5426\u7ee7\u7eed\uff1f</h5>" : "\u5220\u9664\u8bc4\u8bba\u540e\uff0c\u8bc4\u8bba\u4e0b\u7684\u56de\u590d\u90fd\u4f1a\u88ab\u5220\u9664\u3002",
showIcon: !1,
state: C.b.Unknown
}),
this._dialogService.open(n);
const i = this._confirmDialogService.confirmDialogSource$.subscribe(o=>{
if (o.state !== C.b.Unknown && (this._dialogService.close(n),
i.unsubscribe()),
o.state === C.b.Confirmed && o.id === e) {
const e = 1;
this.deleting = !0,
this.onDeleteEvent.emit(t.commendId),
this._commentService.removeComment(this.user, t.commendId, e).subscribe(t=>{
this.deleting = !1,
this.comment.content = '<font color="#ff0000">\u8be5\u8bc4\u8bba\u5df2\u88ab\u7528\u6237\u5220\u9664\u3002</font>'
}
),
i.unsubscribe()
}
}
)
}
onAvatarMouseEnter() {
this.showNamecard = !0,
this.showShotcut = !1,
this.showReplyPopup = !1
}
toggleShortcutMenuEnter() {
this.showShotcut = !this.showShotcut,
this.showNamecard = !1,
this.showReplyPopup = !1,
this.showShotcut ? this.openList = this._utility.openList(this.shotcutElem, null, t=>{
this.openList.unsubscribe(),
this.showShotcut = !1
}
) : this.openList && this.openList.unsubscribe()
}
onAvatarMouseLeave() {
m.a.production && (this.showNamecard = !1,
this.showReplyPopup = !1,
this.showShotcut = !1)
}
onUserLoaded(t) {
this.publisher = t
}
hideNamecard() {
this.showNamecard = !1
}
hideReplyViewer() {
this.showReplyPopup = !1
}
reply() {
if (!this.user || !this.user.id)
return void this._userService.showLoginDialog(!0);
if (this.comment.deleted)
return void this._dnDialogService.open("message-dialog", {
message: "\u8be5\u8bc4\u8bba\u5df2\u7ecf\u88ab\u5220\u9664"
});
if (this.user.id === this.comment.replyUserId && this._notificationService.markANotificationsAsReadByMessageId(this.comment.commendId, this.user).subscribe(t=>{
0 === t[0].ret && this._notificationService.changeNotificationStatus(!0)
}
),
this.componentsReferences.length)
return void this.removeInputBox();
const t = this.resolver.resolveComponentFactory(f.a)
, e = this.commentInputContainer.createComponent(t)
, n = e.instance;
n.isReplying = !0,
n.reply = this.comment,
n.user = this.user,
n.hostPage = "activityLast3Child" === this.hostPage ? "activity" : this.hostPage,
n.commentSuccessEvent.subscribe(t=>{
this.commentSuccessEvent.emit(!0)
}
),
n.compInteraction = this,
this.componentsReferences.push(e),
this._commentBoxService.notify(this.comment.commendId)
}
report() {
this.showShotcut = !1,
this.user && this.user.id ? this.comment.deleted ? this._dnDialogService.open("message-dialog", {
message: "\u8be5\u8bc4\u8bba\u5df2\u7ecf\u88ab\u5220\u9664"
}) : this.comment.reported ? this._dnDialogService.open("message-dialog", {
message: "\u60a8\u5df2\u7ecf\u4e3e\u62a5\u8fc7\u8be5\u8bc4\u8bba"
}) : this.dialogService.open("reportComment", {
size: {
width: 280,
height: 270
},
id: this.comment.commendId,
ToUid: this.comment.authorId
}) : this._userService.showLoginDialog(!0)
}
hideReplyingBox() {
this.replyVisible = !1
}
addBlacklist(t) {
this.showShotcut = !1,
this.user && this.user.id ? this.blacklistService.addBlacklist({
id: t
}).subscribe(e=>{
401 !== e.code && (this._dnDialogService.open("message-dialog", {
message: "\u7528\u6237\u62c9\u9ed1\u6210\u529f"
}),
this.store.dispatch({
type: c.d,
userId: t
}))
}
) : this._userService.showLoginDialog(!0)
}
removeBlacklist(t) {
this.showShotcut = !1,
this.blacklistService.removeBlacklist({
id: t
}).subscribe(()=>{
this._dnDialogService.open("message-dialog", {
message: "\u7528\u6237\u53d6\u6d88\u62c9\u9ed1\u6210\u529f"
}),
this.store.dispatch({
type: c.g,
userId: t
})
}
)
}
showReplied(t) {
0 !== this.comment.replyId ? "FONT" === t.target.tagName || "FONT" === t.target.parentNode.tagName ? (this.commentViewerId = this.comment.replyId,
this.showReplyPopup = !0,
this.showNamecard = !1,
this.showShotcut = !1) : (this.showNamecard = !1,
this.showReplyPopup = !1,
this.showShotcut = !1) : this.showNamecard = !1
}
formatContent(t) {
return this.user && this.user.id === this.comment.replyUserId ? t.replace(/\u56de\u590d\u4e86.*\<\/font>/g, "\u56de\u590d\u4e86@\u60a8</font> ") : t.replace("\u56de\u590d\u4e86", "\u56de\u590d\u4e86@").replace(/\<\/font>/g, " </font>")
}
pull_down() {
this.isloading || this.noMoreSub || (this.isloading = !0,
this._commentService.getCommentByParentID(this.comment.videoId, this.comment.commendId, this.comment.authorId, this.page, this.size, "album" === this.hostPage).subscribe(t=>{
this.comment.children = this.comment.children.concat(1 === this.page ? t.slice(3) : t),
this.isloading = !1,
t.length < this.size && (this.noMoreSub = !0),
++this.page
}
))
}
close() {
this.noMoreSub = !1,
this.page = 2,
this.comment.children = this.comment.children.slice(0, 3)
}
removeInputBox() {
this.commentInputContainer.length < 1 || (this.commentInputContainer.remove(0),
this.componentsReferences = [])
}
fixVipSymbol(t) {
if (t)
return t.split(".png")[0] + "_b.png"
}
deleteSubComment(t) {
this.comment.children = this.comment.children.filter(e=>e.commendId != t),
this.comment.totalReplies = this.comment.totalReplies > 0 ? this.comment.totalReplies - 1 : 0,
this.onSubCommentDeleteEvent.emit(!0)
}
commentCountHandler(t) {
this.commentSuccessEvent.emit(!0)
}
openChildComments(t) {
this.childCommentEvent.emit(t)
}
getMembership(t) {
let e = "";
switch (t) {
case 0:
e = "vip";
break;
case 1:
case 2:
e = "gvip";
break;
case 3:
e = "royalVip";
break;
case 4:
case 101:
case 102:
e = "cpvip";
break;
default:
e = "vip"
}
return e
}
navToLevelTable() {
this._router.navigate(["/help/faq"], {
queryParams: {
cid: 6,
item: 58
}
})
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(r.a),i.Ob(l.a),i.Ob(g.a),i.Ob(p.a),i.Ob(u.a),i.Ob(C.a),i.Ob(l.a),i.Ob(b.a),i.Ob(s.a),i.Ob(l.a),i.Ob(i.j),i.Ob(v.a),i.Ob(P.d))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-dn-comment"]],
viewQuery: function(t, e) {
if (1 & t && (i.Qc(k, 1, i.Q),
i.Qc(I, 1)),
2 & t) {
let t;
i.wc(t = i.cc()) && (e.commentInputContainer = t.first),
i.wc(t = i.cc()) && (e.shotcutMenu = t.first)
}
},
inputs: {
comment: "comment",
isHot: "isHot",
isLast: "isLast",
showControls: "showControls",
replyBox: "replyBox",
level: "level",
isReply: "isReply",
hostPage: "hostPage",
childModeParent: "childModeParent",
childModeChild: "childModeChild"
},
outputs: {
onDeleteEvent: "onDeleteEvent",
onSubCommentDeleteEvent: "onSubCommentDeleteEvent",
commentSuccessEvent: "commentSuccessEvent",
childCommentEvent: "childCommentEvent"
},
decls: 32,
vars: 53,
consts: [[1, "comment", 3, "id", "ngClass"], [1, "content"], [3, "ngClass"], [1, "author-block", "d-flex", 3, "ngClass"], [1, "side", 3, "currentUser", "user", "userId", "avatar", "status", "vipSymbol", "officalUp", "userKey", "userLoadedEvent"], [1, "author", "text-light", "no-pointer", 3, "ngClass"], ["class", "new-vip-icon ml-2", 3, "ngClass", "membership", "noText", "newIcon", "canHover", 4, "ngIf"], ["class", "level mr-1", "style", "cursor: pointer;", "alt", "\u7b49\u7ea7\u56fe\u6807", "width", "29", "height", "13", 3, "src", "ngClass", "click", 4, "ngIf"], ["class", "status-text", 3, "ngClass", 4, "ngIf"], [4, "ngIf"], ["class", "time text-light", 4, "ngIf"], ["class", "body", 3, "ngClass", "innerHtml", "mouseover", 4, "ngIf"], [3, "pollId", "user", 4, "ngIf"], [1, "comment-menu", 3, "ngClass"], ["shotcutMenu", ""], ["title", "\u83dc\u5355", 1, "iconfont", "icongengduo", 2, "cursor", "pointer", 3, "click"], ["class", "shortcut-menu", 4, "ngIf"], [1, "bottom", "d-flex", "align-items-center"], [1, "side", "text-center", "text-light"], [1, "content", 3, "ngClass"], [1, "d-flex", "align-items-center", 2, "margin-right", "5px"], ["class", "time bottom text-light", "style", "position: absolute;", 3, "ngClass", 4, "ngIf"], ["class", "controls", 3, "ngClass", 4, "ngIf"], ["class", "replyholder sp activityStyle", 4, "ngIf"], ["class", "childShowedActivity", 4, "ngIf"], [1, "card"], [3, "currentUser", "user", "userId", "hide", "userLoadedEvent", "hideNameCardEvent", 4, "ngIf"], ["class", "replyholder", 3, "ngClass", 4, "ngIf"], [1, "new-vip-icon", "ml-2", 3, "ngClass", "membership", "noText", "newIcon", "canHover"], ["alt", "\u7b49\u7ea7\u56fe\u6807", "width", "29", "height", "13", 1, "level", "mr-1", 2, "cursor", "pointer", 3, "src", "ngClass", "click"], [1, "status-text", 3, "ngClass"], [1, "status-label"], ["class", "replyTo-container ml-2", 4, "ngIf"], [1, "replyTo-container", "ml-2"], [1, "replyTo-text", "mr-2"], ["target", "_blank", 3, "routerLink"], [1, "replyTo-nickname", "ml-1"], ["style", "cursor: pointer;", "class", "replyTo-level ml-1 mr-1 activityStyle", "alt", "\u7b49\u7ea7\u56fe\u6807", 3, "src", "click", 4, "ngIf"], ["alt", "\u7b49\u7ea7\u56fe\u6807", 1, "replyTo-level", "ml-1", "mr-1", "activityStyle", 2, "cursor", "pointer", 3, "src", "click"], [1, "time", "text-light"], [1, "body", 3, "ngClass", "innerHtml", "mouseover"], [3, "pollId", "user"], [1, "shortcut-menu"], ["class", "hover-red button", "style", "cursor: pointer", 3, "click", 4, "ngIf"], [1, "hover-red", "button", 2, "cursor", "pointer", 3, "click"], ["title", "\u4e3e\u62a5", 1, "dn-icon-medium", "icon-report", "mr-1", 3, "ngClass"], ["title", "\u62c9\u9ed1", 1, "dn-icon-medium", "icon-lahei", "mr-1", 3, "ngClass"], ["title", "\u5220\u9664\u8bc4\u8bba", 1, "dn-icon-medium", "icon-remove", "mr-1", 3, "ngClass"], [1, "time", "bottom", "text-light", 2, "position", "absolute", 3, "ngClass"], [1, "controls", 3, "ngClass"], ["class", "d-inline-block", 4, "ngIf"], ["class", "circle-like", 4, "ngIf"], ["class", "d-inline-block hover-red ml-5", "style", "cursor: pointer", 3, "click", 4, "ngIf"], [1, "d-inline-block"], [1, "like-button", "hover-red", "d-flex", "align-items-center", 2, "cursor", "pointer", 3, "ngClass", "click"], [1, "d-inline-flex", "align-items-center", 2, "width", "35px"], ["title", "\u6309\u8d5e", 1, "iconfont", "mr-2", 3, "ngClass"], [1, "zcount", "notranslate"], [1, "circle-like"], [1, "d-inline-flex", "align-items-center"], ["title", "\u6309\u8d5e", 1, "iconfont", 3, "ngClass"], [1, "d-inline-block", "hover-red", "ml-5", 2, "cursor", "pointer", 3, "click"], [1, "fs-14"], [1, "replyholder", "sp", "activityStyle"], ["viewContainerRef", ""], [1, "childShowedActivity"], [3, "comment", "isLast", "replyBox", "isReply", "level", "hostPage", "onDeleteEvent", "commentSuccessEvent", 4, "ngFor", "ngForOf"], ["class", "enter-child-comments", 4, "ngIf"], [3, "comment", "isLast", "replyBox", "isReply", "level", "hostPage", "onDeleteEvent", "commentSuccessEvent"], [1, "enter-child-comments"], ["type", "button", 3, "click", 4, "ngIf"], ["type", "button", 3, "click"], [3, "currentUser", "user", "userId", "hide", "userLoadedEvent", "hideNameCardEvent"], [1, "replyholder", 3, "ngClass"], [1, "sublevel", 3, "ngClass"], [1, "d-flex", "comment-replies-renderer"], ["class", "comment-replies-renderer-loading", 4, "ngIf"], ["class", "toggle-more-replies", 3, "click", 4, "ngIf"], [1, "comment-replies-renderer-loading"], [1, "toggle-more-replies", 3, "click"]],
template: function(t, e) {
1 & t && (i.Ub(0, "div", 0),
i.Ub(1, "div", 1),
i.Ub(2, "div", 2),
i.Ub(3, "div", 3),
i.Ub(4, "app-namecard", 4),
i.bc("userLoadedEvent", function(t) {
return e.onUserLoaded(t)
}),
i.fc(5, "safeResource"),
i.Tb(),
i.Ub(6, "span", 5),
i.Kc(7),
i.Tb(),
i.Ic(8, T, 1, 7, "app-membership-icon", 6),
i.Ic(9, A, 3, 8, "img", 7),
i.Ic(10, U, 3, 4, "span", 8),
i.Ic(11, D, 2, 1, "ng-container", 9),
i.Tb(),
i.Ic(12, E, 2, 1, "div", 10),
i.Ic(13, z, 1, 5, "div", 11),
i.Ic(14, H, 3, 2, "ng-container", 9),
i.Tb(),
i.Ic(15, j, 1, 2, "app-dn-poll", 12),
i.Tb(),
i.Ub(16, "div", 13, 14),
i.Ub(18, "i", 15),
i.bc("click", function() {
return e.toggleShortcutMenuEnter()
}),
i.Tb(),
i.Ic(19, Y, 5, 4, "div", 16),
i.Tb(),
i.Ub(20, "div", 17),
i.Pb(21, "div", 18),
i.Ub(22, "div", 19),
i.Ub(23, "div", 20),
i.Ic(24, $, 2, 4, "div", 21),
i.Ic(25, ot, 4, 7, "div", 22),
i.Tb(),
i.Ic(26, ct, 3, 0, "div", 23),
i.Ic(27, ut, 4, 6, "div", 24),
i.Tb(),
i.Tb(),
i.Ub(28, "div", 25),
i.Ic(29, ht, 1, 4, "app-namecard", 26),
i.Tb(),
i.Ic(30, gt, 3, 3, "div", 27),
i.Ic(31, Ct, 7, 7, "ng-container", 9),
i.Tb()),
2 & t && (i.lc("id", "comment-" + e.comment.commendId)("ngClass", i.uc(34, Pt, e.isLast, e.comment.blacklist, !!e.level, e.isReply, "activity" === e.hostPage)),
i.Cb(2),
i.lc("ngClass", i.rc(40, yt, e.isReply && "activityLast3Child" !== e.hostPage, e.isReply)),
i.Cb(1),
i.lc("ngClass", i.rc(43, Ot, e.isReply, "activityLast3Child" === e.hostPage)),
i.Cb(1),
i.lc("currentUser", e.user.id)("user", e.publisher)("userId", e.comment.authorId)("avatar", i.gc(5, 32, e.comment.avatar))("status", e.comment.status)("vipSymbol", e.comment.userLevelSymbol)("officalUp", e.comment.isOfficalUP)("userKey", e.comment.userKey),
i.Cb(2),
i.lc("ngClass", i.rc(46, xt, "activity" === e.hostPage || "activityLast3Child" === e.hostPage, "watch" === e.hostPage)),
i.Cb(1),
i.Lc(e.comment.author),
i.Cb(1),
i.lc("ngIf", e.comment.gid > 0),
i.Cb(1),
i.lc("ngIf", e.comment.level > 1),
i.Cb(1),
i.lc("ngIf", 1 !== e.comment.status),
i.Cb(1),
i.lc("ngIf", "activity" === e.hostPage || "activityLast3Child" === e.hostPage),
i.Cb(1),
i.lc("ngIf", "activity" === e.hostPage && !e.childModeChild),
i.Cb(1),
i.lc("ngIf", !("activity" === e.hostPage || "activityLast3Child" === e.hostPage)),
i.Cb(1),
i.lc("ngIf", "activity" === e.hostPage || "activityLast3Child" === e.hostPage),
i.Cb(1),
i.lc("ngIf", !e.comment.deleted && e.comment.pollId > 0),
i.Cb(1),
i.lc("ngClass", i.qc(49, S, "activity" === e.hostPage || "activityLast3Child" === e.hostPage)),
i.Cb(3),
i.lc("ngIf", e.showShotcut),
i.Cb(3),
i.lc("ngClass", i.qc(51, S, "activity" === e.hostPage)),
i.Cb(2),
i.lc("ngIf", "activity" !== e.hostPage || e.childModeChild),
i.Cb(1),
i.lc("ngIf", e.showControls),
i.Cb(1),
i.lc("ngIf", "activity" === e.hostPage && 0 === e.level),
i.Cb(1),
i.lc("ngIf", "activity" === e.hostPage && !e.childModeParent),
i.Cb(2),
i.lc("ngIf", e.showNamecard),
i.Cb(1),
i.lc("ngIf", !("activity" === e.hostPage && 0 === e.level)),
i.Cb(1),
i.lc("ngIf", e.comment.children.length > 0 && "activity" !== e.hostPage))
},
directives: [h.l, y.a, h.n, O.a, P.g, x.a, h.m, t],
pipes: [M.b, _.a, w.a, M.a, h.u],
styles: ['.comment[_ngcontent-%COMP%]{position:relative;padding-bottom:15px;margin-bottom:25px}.comment.sub-level[_ngcontent-%COMP%]{border:none!important;margin-bottom:0}.comment.sub-level[_ngcontent-%COMP%] .body[_ngcontent-%COMP%]{padding:0 20px 0 0;margin-bottom:5px}.comment.sub-level[_ngcontent-%COMP%] .author-block[_ngcontent-%COMP%]:after{content:":";display:inline-block;width:20px;text-align:center}.comment.sub-level[_ngcontent-%COMP%] .author-block.activityLast3Child[_ngcontent-%COMP%]:after{content:unset;display:unset;width:unset;text-align:unset}.comment.sub-level[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{padding-left:62px}.comment.sub-level[_ngcontent-%COMP%] .content.activityStyle[_ngcontent-%COMP%]{padding-left:20px}.comment[_ngcontent-%COMP%]:not(.last){border-bottom:1px solid #4d4d4d33}.light[_nghost-%COMP%] .comment[_ngcontent-%COMP%]:not(.last), .light [_nghost-%COMP%] .comment[_ngcontent-%COMP%]:not(.last){border-bottom-color:#f8f8f8}.comment.last[_ngcontent-%COMP%]{padding-bottom:0;margin-bottom:17px}.comment.activityStyle[_ngcontent-%COMP%]{border-bottom:none!important;margin-bottom:15px}.sublevel[_ngcontent-%COMP%]{margin-left:4.4em;margin-top:1em}.bottom[_ngcontent-%COMP%]{position:relative}.bottom[_ngcontent-%COMP%] .content.activityStyle[_ngcontent-%COMP%]{width:100%;padding-left:16px}.childShowedActivity[_ngcontent-%COMP%]{margin-top:20px}.side[_ngcontent-%COMP%]{position:absolute;width:48px;left:0}.side[_ngcontent-%COMP%]:hover{z-index:1001}.side[_ngcontent-%COMP%]:hover .avatar[_ngcontent-%COMP%]{width:62px}.avatar[_ngcontent-%COMP%]{transition:all .3s;cursor:pointer;width:31px;border-radius:50%}.author[_ngcontent-%COMP%]{cursor:pointer;font-size:16px;white-space:nowrap;max-width:175px;overflow:hidden;text-overflow:ellipsis}.light[_nghost-%COMP%] .author[_ngcontent-%COMP%], .light [_nghost-%COMP%] .author[_ngcontent-%COMP%]{color:#888!important}.author.no-pointer[_ngcontent-%COMP%]{cursor:default!important}.author.activityStyle[_ngcontent-%COMP%]{margin-top:-10px;font-size:14px;max-width:120px}.light[_nghost-%COMP%] .author.watchStyle[_ngcontent-%COMP%], .light [_nghost-%COMP%] .author.watchStyle[_ngcontent-%COMP%]{color:#fff6!important}.content[_ngcontent-%COMP%]{padding-left:76px}.body[_ngcontent-%COMP%]{font-size:16px;padding:10px 20px 5px 0;word-wrap:break-word;color:#ffffffb3;text-align:justify;overflow:hidden}.light[_nghost-%COMP%] .body[_ngcontent-%COMP%], .light [_nghost-%COMP%] .body[_ngcontent-%COMP%]{color:#333}.body.activityStyle[_ngcontent-%COMP%]{overflow-wrap:anywhere;display:block;font-size:14px;padding:10px 20px 5px 0!important;margin-bottom:0!important}.icongengduo[_ngcontent-%COMP%]{color:#ffffffb3;font-size:18px;position:relative;bottom:-.2em}.light[_nghost-%COMP%] .icongengduo[_ngcontent-%COMP%], .light [_nghost-%COMP%] .icongengduo[_ngcontent-%COMP%]{color:#333}.membership[_ngcontent-%COMP%]{margin-left:.5em;margin-top:.2em}.membership.alone[_ngcontent-%COMP%]{position:absolute;margin-left:-30px;margin-top:18px;z-index:1000}.controls[_ngcontent-%COMP%]{font-size:15px;color:#fff6;margin-left:15em;display:flex;align-items:center}.light[_nghost-%COMP%] .controls[_ngcontent-%COMP%], .light [_nghost-%COMP%] .controls[_ngcontent-%COMP%]{color:#888}.controls.childParent[_ngcontent-%COMP%]{width:70px;height:70px;background-color:#2b2c3a;text-align:center;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:15px auto 0}.controls.childParent[_ngcontent-%COMP%] .like-button[_ngcontent-%COMP%]{flex-direction:column}.controls.childParent[_ngcontent-%COMP%] .like-button[_ngcontent-%COMP%] .zcount[_ngcontent-%COMP%]{min-width:unset;margin-top:-8px}.controls.activity-margin[_ngcontent-%COMP%]{margin-left:auto}.time[_ngcontent-%COMP%]{font-size:14px}.time.pd-left[_ngcontent-%COMP%]{padding-left:60px}.zcount[_ngcontent-%COMP%]{min-width:2em;display:flex;align-items:center;font-size:14px;margin-top:1px}.voted[_ngcontent-%COMP%]{color:#00c0ff}.card[_ngcontent-%COMP%]{position:absolute;left:220px;top:-60px;background-color:initial;border-color:#0000}.hover-red[_ngcontent-%COMP%]:hover, .status[_ngcontent-%COMP%]{color:#00c0ff}.status[_ngcontent-%COMP%]{padding:0 .5rem}.shortcut-menu[_ngcontent-%COMP%]{position:absolute;right:0;top:25px;border:1px solid #6663;background-color:#090b21;z-index:99}.light[_nghost-%COMP%] .shortcut-menu[_ngcontent-%COMP%], .light [_nghost-%COMP%] .shortcut-menu[_ngcontent-%COMP%]{background-color:#f8f8f8}.shortcut-menu[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{border-bottom:1px solid #6663;padding:4px 12px 4px 10px;white-space:nowrap}.shortcut-menu[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:last-child{border-bottom:none}.black-list-overlay[_ngcontent-%COMP%]{display:none}.black-list[_ngcontent-%COMP%] > .content[_ngcontent-%COMP%] .author[_ngcontent-%COMP%], .black-list[_ngcontent-%COMP%] > .content[_ngcontent-%COMP%] .body[_ngcontent-%COMP%]{text-decoration:line-through!important}.black-list[_ngcontent-%COMP%] > .content[_ngcontent-%COMP%] .black-list-overlay[_ngcontent-%COMP%]{display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-color:#ffffffe6;z-index:10}.black-list[_ngcontent-%COMP%] > .content[_ngcontent-%COMP%] .black-list-overlay[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:15px}.iconzan[_ngcontent-%COMP%], .replyholder[_ngcontent-%COMP%]{position:relative}.replyholder[_ngcontent-%COMP%]{padding-left:5em}.replyholder.activityStyle[_ngcontent-%COMP%]{padding-left:3.8em}.floating[_ngcontent-%COMP%]{position:absolute;min-width:60px;right:5px;bottom:4px;margin-bottom:.5em;padding:.3em 0}.light[_nghost-%COMP%] .floating[_ngcontent-%COMP%], .light [_nghost-%COMP%] .floating[_ngcontent-%COMP%]{background-color:#777}.pull-down[_ngcontent-%COMP%]{cursor:pointer;color:#ffffffb3}.light[_nghost-%COMP%] .pull-down[_ngcontent-%COMP%], .light [_nghost-%COMP%] .pull-down[_ngcontent-%COMP%]{color:#888}.pull-down[_ngcontent-%COMP%]:hover{color:#fff}.light[_nghost-%COMP%] .pull-down[_ngcontent-%COMP%]:hover, .light [_nghost-%COMP%] .pull-down[_ngcontent-%COMP%]:hover{color:#333}.toLine[_ngcontent-%COMP%]{color:#ececeeb3;background-color:#090b21;display:inline-block;position:absolute;left:50%;margin-top:-.7em;padding:0 1em;transform:translateX(-50%)}.light[_nghost-%COMP%] .toLine[_ngcontent-%COMP%], .light [_nghost-%COMP%] .toLine[_ngcontent-%COMP%]{color:#888}.light[_nghost-%COMP%] .toLine[_ngcontent-%COMP%], .light [_nghost-%COMP%] .toLine[_ngcontent-%COMP%]{background-color:#fff}.sublevel[_ngcontent-%COMP%] .avatar[_ngcontent-%COMP%]{width:26px}.new-vip-icon[_ngcontent-%COMP%]{margin-top:4px}.new-vip-icon.activityStyle[_ngcontent-%COMP%]{margin-top:0;position:relative;top:-8px}.level[_ngcontent-%COMP%]{margin-left:.5em;margin-top:6px}.level.activityStyle[_ngcontent-%COMP%]{margin-top:-6px;height:13px}.light[_nghost-%COMP%] .time[_ngcontent-%COMP%], .light [_nghost-%COMP%] .time[_ngcontent-%COMP%]{color:#888!important}.comment-replies-renderer[_ngcontent-%COMP%]{padding-left:60px;margin-top:10px;margin-bottom:15px;font-size:14px}.comment-replies-renderer[_ngcontent-%COMP%] span.toggle-more-replies[_ngcontent-%COMP%]{font-size:14px;color:#00c0ff;cursor:pointer}.comment-replies-renderer[_ngcontent-%COMP%] span.toggle-more-replies[_ngcontent-%COMP%]:hover{color:#72d4f5}.comment-replies-renderer[_ngcontent-%COMP%] span.toggle-more-replies[_ngcontent-%COMP%]:first-child{margin-right:16px}.comment-replies-renderer-loading[_ngcontent-%COMP%]{color:#fff3}.comment-menu[_ngcontent-%COMP%]{position:absolute;right:0;top:0}.comment-menu.activityStyle[_ngcontent-%COMP%]{top:-18px}.comment-menu.activityLast3Child[_ngcontent-%COMP%]{top:-5px}.like-button[_ngcontent-%COMP%]{background-color:initial;color:#fff6;border:none;outline:none}.light[_nghost-%COMP%] .like-button[_ngcontent-%COMP%], .light [_nghost-%COMP%] .like-button[_ngcontent-%COMP%]{color:#888}.like-button[_ngcontent-%COMP%]:active{transform:translateY(1px)}.like-button.voted[_ngcontent-%COMP%], .like-button[_ngcontent-%COMP%]:hover{color:#00c0ff!important}.status-text[_ngcontent-%COMP%]{color:#ffffffb3;line-height:24px;font-size:14px;font-weight:600;white-space:nowrap;padding-left:17px;position:relative}.light[_nghost-%COMP%] .status-text[_ngcontent-%COMP%], .light [_nghost-%COMP%] .status-text[_ngcontent-%COMP%]{color:#888}.status-text.activityStyle[_ngcontent-%COMP%]{margin-top:-11px}.status-label[_ngcontent-%COMP%]{position:absolute;top:10px;left:6px;height:5px;width:5px;border-radius:50%;background-color:#ff0048}.enter-child-comments[_ngcontent-%COMP%]{padding-left:60px}.enter-child-comments[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-size:14px;color:#00c0ff}.enter-child-comments[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{color:#72d4f5}.enter-child-comments[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:first-child{margin-right:16px}.replyTo-container[_ngcontent-%COMP%]{margin-top:-10px;font-size:14px;display:flex}.replyTo-text[_ngcontent-%COMP%]{margin-top:0!important}.replyTo-nickname[_ngcontent-%COMP%]{display:inline-block;font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff6}.light[_nghost-%COMP%] .replyTo-nickname[_ngcontent-%COMP%], .light [_nghost-%COMP%] .replyTo-nickname[_ngcontent-%COMP%]{color:#888}.replyTo-nickname[_ngcontent-%COMP%]:hover{color:#00c0ff!important}.replyTo-level[_ngcontent-%COMP%]{height:11px;margin-top:5px!important}@media (max-width:1439px){.author.activityStyle[_ngcontent-%COMP%], .replyTo-nickname[_ngcontent-%COMP%]{max-width:60px}}']
}),
t
}
)();
var _t = n("dlKe")
, wt = n("dayM")
, kt = n("Jr3z")
, It = n("3Pt+");
function St(t, e) {
1 & t && i.Pb(0, "span", 9)
}
const Tt = function(t, e, n) {
return {
active: t,
activityStyle: e,
watchStyle: n
}
};
function At(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "li", 7),
i.bc("click", function() {
i.Ac(t);
const n = e.$implicit;
return i.ec(2).selectTab(n)
}),
i.Kc(1),
i.Ic(2, St, 1, 0, "span", 8),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = i.ec(2);
i.lc("ngClass", i.sc(3, Tt, t.active, "activity" === n.hostPage, "watch" === n.hostPage)),
i.Cb(1),
i.Mc(" ", t.name, " "),
i.Cb(1),
i.lc("ngIf", "activity" === n.hostPage)
}
}
const Ut = function(t) {
return {
activityStyle: t
}
};
function Ft(t, e) {
if (1 & t && (i.Ub(0, "ul", 5),
i.Ic(1, At, 3, 7, "li", 6),
i.Tb()),
2 & t) {
const t = i.ec();
i.lc("ngClass", i.qc(2, Ut, "activity" === t.hostPage)),
i.Cb(1),
i.lc("ngForOf", t.tabsList)
}
}
function Lt(t, e) {
1 & t && (i.Ub(0, "span"),
i.Kc(1, "\u6682\u65e0\u8bc4\u8bba"),
i.Tb())
}
function Bt(t, e) {
1 & t && (i.Ub(0, "div", 12),
i.Ub(1, "div", 13),
i.Pb(2, "img", 14),
i.fc(3, "absUrl"),
i.Tb(),
i.Ub(4, "div", 15),
i.Ub(5, "span", 16),
i.Kc(6, "\u7a7a\u8361\u8361\u7684"),
i.Tb(),
i.Pb(7, "br"),
i.Ub(8, "span", 17),
i.Kc(9, "\u8d76\u5feb\u7559\u4e0b\u60a8\u7684\u91d1\u53e5\u5427~"),
i.Tb(),
i.Tb(),
i.Tb()),
2 & t && (i.Cb(2),
i.mc("src", i.gc(3, 1, "assets/images/no-item.png"), i.Dc))
}
function Dt(t, e) {
if (1 & t && (i.Ub(0, "div", 10),
i.Ic(1, Lt, 2, 0, "span", 2),
i.Ic(2, Bt, 10, 3, "div", 11),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("ngIf", "activity" !== t.hostPage),
i.Cb(1),
i.lc("ngIf", "activity" === t.hostPage)
}
}
function Et(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "app-dn-comment", 26),
i.bc("onDeleteEvent", function(e) {
return i.Ac(t),
i.ec(3).deleteComment(e)
})("onSubCommentDeleteEvent", function(e) {
return i.Ac(t),
i.ec(3).deleteSubCommentHandler(e)
})("commentSuccessEvent", function(e) {
return i.Ac(t),
i.ec(3).commentCountHandler(e)
})("childCommentEvent", function(e) {
return i.Ac(t),
i.ec(3).onChildComment(e)
}),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = e.last
, o = i.ec(3)
, s = i.xc(6);
i.lc("comment", t)("isHot", !0)("replyBox", s)("isLast", n)("hostPage", o.hostPage)
}
}
function Vt(t, e) {
if (1 & t && (i.Ub(0, "div", 22),
i.Ic(1, Et, 1, 5, "app-dn-comment", 23),
i.Ub(2, "div", 24),
i.Ub(3, "div", 25),
i.Kc(4, " \u4ee5\u4e0a\u4e3a\u70ed\u95e8\u8bc4\u8bba "),
i.Tb(),
i.Tb(),
i.Tb()),
2 & t) {
const t = i.ec(2);
i.Cb(1),
i.lc("ngForOf", t.topComment)
}
}
function zt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "app-dn-comment", 29),
i.bc("onDeleteEvent", function(e) {
return i.Ac(t),
i.ec(3).deleteComment(e)
})("onSubCommentDeleteEvent", function(e) {
return i.Ac(t),
i.ec(3).deleteSubCommentHandler(e)
})("commentSuccessEvent", function(e) {
return i.Ac(t),
i.ec(3).commentCountHandler(e)
})("childCommentEvent", function(e) {
return i.Ac(t),
i.ec(3).onChildComment(e)
}),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = e.last
, o = i.ec(3)
, s = i.xc(6);
i.lc("comment", t)("isLast", n)("replyBox", s)("hostPage", o.hostPage)
}
}
function Kt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 27),
i.bc("scrolled", function() {
i.Ac(t);
const e = i.ec(2);
return e.getComments(e.commentPager + 1)
}),
i.Ic(1, zt, 1, 4, "app-dn-comment", 28),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.lc("infiniteScrollDistance", 2)("infiniteScrollThrottle", 500),
i.Cb(1),
i.lc("ngForOf", t.comments.comments)
}
}
function Rt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 33),
i.bc("click", function() {
return i.Ac(t),
i.ec(3).closeChildMode()
}),
i.Pb(1, "i", 34),
i.Ub(2, "span", 35),
i.Kc(3, " \u67e5\u770b\u5168\u90e8\u8bc4\u8bba "),
i.Ub(4, "span", 36),
i.Kc(5),
i.Tb(),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec(3);
i.Cb(5),
i.Mc("(", t.commentCount, ")")
}
}
function Ht(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div"),
i.Ic(1, Rt, 6, 1, "div", 30),
i.Ub(2, "app-dn-comment", 31),
i.bc("onDeleteEvent", function(e) {
return i.Ac(t),
i.ec(2).deleteComment(e)
})("onSubCommentDeleteEvent", function(e) {
return i.Ac(t),
i.ec(2).deleteSubCommentHandler(e)
})("commentSuccessEvent", function(e) {
return i.Ac(t),
i.ec(2).commentCountHandler(e)
}),
i.Tb(),
i.Ub(3, "div", 32),
i.Ub(4, "span"),
i.Kc(5, "\u5168\u90e8\u56de\u590d"),
i.Tb(),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec(2)
, e = i.xc(6);
i.Cb(1),
i.lc("ngIf", t.isChildMode),
i.Cb(1),
i.lc("comment", t.childComment)("replyBox", e)("childModeParent", !0)("hostPage", t.hostPage)
}
}
function jt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "app-dn-comment", 38),
i.bc("onDeleteEvent", function(e) {
return i.Ac(t),
i.ec(3).deleteComment(e)
})("onSubCommentDeleteEvent", function(e) {
return i.Ac(t),
i.ec(3).deleteSubCommentHandler(e)
})("commentSuccessEvent", function(e) {
return i.Ac(t),
i.ec(3).commentCountHandler(e)
}),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = e.last
, o = i.ec(3)
, s = i.xc(6);
i.lc("comment", t)("isLast", n)("replyBox", s)("hostPage", o.hostPage)("childModeChild", !0)
}
}
function qt(t, e) {
1 & t && (i.Ub(0, "div", 39),
i.Ub(1, "div", 40),
i.Pb(2, "app-loader-spinner"),
i.Tb(),
i.Ub(3, "span"),
i.Kc(4, "\u6b63\u5728\u52a0\u8f7d"),
i.Tb(),
i.Tb())
}
function Nt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 27),
i.bc("scrolled", function() {
i.Ac(t);
const e = i.ec(2);
return e.getChildComment(e.childCommentPager + 1)
}),
i.Ic(1, jt, 1, 5, "app-dn-comment", 37),
i.Ic(2, qt, 5, 0, "div", 20),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.lc("infiniteScrollDistance", 2)("infiniteScrollThrottle", 500),
i.Cb(1),
i.lc("ngForOf", t.childComment.children),
i.Cb(1),
i.lc("ngIf", t.isloading)
}
}
function Wt(t, e) {
1 & t && (i.Ub(0, "div", 39),
i.Ub(1, "div", 40),
i.Pb(2, "app-loader-spinner"),
i.Tb(),
i.Ub(3, "span"),
i.Kc(4, "\u6b63\u5728\u52a0\u8f7d"),
i.Tb(),
i.Tb())
}
function Gt(t, e) {
1 & t && (i.Ub(0, "div", 41),
i.Ub(1, "span"),
i.Kc(2, "\u6211\u662f\u6709\u5e95\u7ebf\u7684"),
i.Tb(),
i.Tb())
}
function Xt(t, e) {
if (1 & t && (i.Ub(0, "div"),
i.Ic(1, Vt, 5, 1, "div", 18),
i.Ic(2, Kt, 2, 3, "div", 19),
i.Ic(3, Ht, 6, 5, "div", 2),
i.Ic(4, Nt, 3, 4, "div", 19),
i.Ic(5, Wt, 5, 0, "div", 20),
i.Ic(6, Gt, 3, 0, "div", 21),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("ngIf", t.topComment.length && !t.isChildMode),
i.Cb(1),
i.lc("ngIf", !t.isChildMode),
i.Cb(1),
i.lc("ngIf", t.isChildMode),
i.Cb(1),
i.lc("ngIf", t.isChildMode),
i.Cb(1),
i.lc("ngIf", t.isLoading),
i.Cb(1),
i.lc("ngIf", t.bottomLine && t.commentPager > 1)
}
}
function Qt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div"),
i.Ub(1, "label", 48),
i.Ub(2, "input", 49),
i.bc("ngModelChange", function(e) {
return i.Ac(t),
i.ec(2).reportCommentReason = e
}),
i.Tb(),
i.Pb(3, "i"),
i.Kc(4),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = i.ec(2);
i.Cb(2),
i.mc("value", t.name),
i.lc("ngModel", n.reportCommentReason),
i.Cb(2),
i.Mc(" ", t.name, " ")
}
}
function Yt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 42),
i.Kc(1, "\u8bf7\u9009\u62e9\u4e3e\u62a5\u539f\u56e0"),
i.Tb(),
i.Pb(2, "div", 43),
i.Ic(3, Qt, 5, 3, "div", 44),
i.Pb(4, "app-dn-dialog-close-button", 45),
i.Ub(5, "div", 46),
i.Ub(6, "a", 47),
i.bc("click", function() {
i.Ac(t);
const n = e.data;
return i.ec().reportComment(n.id, n.ToUid)
}),
i.Kc(7, "\u4e3e\u62a5"),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec();
i.Cb(3),
i.lc("ngForOf", t.reportCommentReasons),
i.Cb(1),
i.lc("dialog", "reportComment")
}
}
function Jt(t, e) {
if (1 & t && i.Pb(0, "app-comment-box", 50),
2 & t) {
const t = e.reply
, n = i.ec();
i.lc("videoId", n.videoId)("isReplying", !0)("user", n.user)("reply", t)
}
}
let $t = (()=>{
class t {
constructor(t, e, n, o, s, c) {
this._commentListService = t,
this._toastService = e,
this._dnDialogService = n,
this.commentService = o,
this.store = s,
this._userService = c,
this.subscrption = [],
this.onCommentsLoaded = new i.n,
this.commentPager = 0,
this.pageSize = 10,
this.bottomLine = !1,
this.isLoading = !1,
this.isTryLoaded = !1,
this.reportCommentReasons = [{
name: "\u5267\u900f",
value: "spoiler"
}, {
name: "\u4eba\u8eab\u653b\u51fb",
value: "language"
}, {
name: "\u53d1\u5e03\u5e7f\u544a",
value: "advertise"
}, {
name: "\u5176\u5b83",
value: "other"
}],
this.reportCommentReason = this.reportCommentReasons[0].name,
this.tabsList = [{
id: 0,
name: "\u5168\u90e8\u8bc4\u8bba"
}, {
id: 1,
name: "\u70ed\u95e8\u8bc4\u8bba"
}],
this.commentCount = 0,
this.toggleChildComment = new i.n,
this.orderstyle = 0,
this.topComment = [],
this.isChildMode = !1,
this.childCommentPager = 1,
this.noMoreSub = !1,
this.isloading = !1
}
selectTab(t) {
this.tabsList.filter(t=>t.active).forEach(t=>t.active = !1),
t.active = !0,
this.isTryLoaded = !1,
this.orderstyle = t.id,
this.comments = [],
this.commentPager = 0,
this.bottomLine = !1,
this.store.dispatch({
type: c.c
}),
this.getComments(this.commentPager + 1)
}
ngOnInit() {
this.subscrption.push(this.store.subscribe(()=>this.readState())),
this.tabsList[0].active = !0,
this.orderstyle = this.tabsList[0].id
}
readState() {
this.user = this._userService.user;
const t = this.store.getState().comments;
0 == this.commentPager && (this.comments = t.currentComments,
this.topComment = Object.assign([], t.currentComments.topComments))
}
ngOnChanges(t) {
this.comments = [],
this.commentPager = 0,
this.bottomLine = !1,
this.store.dispatch({
type: c.c
}),
this.getComments(this.commentPager + 1)
}
getComments(t) {
this.isLoading || this.bottomLine || (this.isLoading = !0,
this._commentListService.getComments(this.videoId, t, 10, this.orderstyle, "album" === this.hostPage || "activity" === this.hostPage).subscribe(t=>{
this.isLoading = !1,
this.onCommentsLoaded.emit(t.count),
this.commentCount = t.count,
this.store.dispatch({
type: c.a,
comments: {
comments: t.comments,
topComments: t.topComments
}
}),
t.comments.length > 0 && (this.commentPager += 1),
this.bottomLine = t.comments.length < 1,
this.isTryLoaded = !0
}
))
}
onScroll() {
console.log("scrolled!!")
}
ngOnDestroy() {
this.subscrption.forEach(t=>t())
}
reportComment(t, e) {
this.commentService.reportComment(t, e, this.reportCommentReason).subscribe(e=>{
e.hasOwnProperty("code") && 401 === e.code || (this.store.dispatch({
type: c.f,
commendId: t
}),
this._dnDialogService.close("reportComment"),
this._dnDialogService.open("message-dialog", {
buttonText: "\u6211\u77e5\u9053\u4e86",
message: "\n \u8c22\u8c22\uff0c\u6211\u4eec\u5df2\u6536\u5230\u60a8\u7684\u4e3e\u62a5\uff01\n <br><br>\n \u5982\u679c\u53d1\u73b0\u6b64\u5185\u5bb9\u8fdd\u53cd\u4e86\u6211\u4eec\u7684\u793e\u533a\u51c6\u5219\uff0c\u6211\u4eec\u5c31\u4f1a\u5c06\u5176\u79fb\u9664\u3002\n ",
style: {
"text-algin": "center"
}
}))
}
)
}
deleteComment(t) {
this.comments.comments = this.comments.comments.filter(e=>e.commendId != t),
this.topComment = this.topComment.filter(e=>e.commendId != t),
this.commentCount = this.commentCount > 0 ? this.commentCount - 1 : 0,
this.onCommentsLoaded.emit(this.commentCount)
}
deleteSubCommentHandler(t) {
this.commentCount = this.commentCount > 0 ? this.commentCount - 1 : 0,
this.onCommentsLoaded.emit(this.commentCount)
}
commentCountHandler(t) {
this.commentCount += 1,
this.onCommentsLoaded.emit(this.commentCount)
}
onChildComment(t) {
this.childCommentPager = 1,
this.childComment = t,
this.getChildComment(this.childCommentPager),
this.isChildMode = !0,
this.toggleChildComment.emit(this.isChildMode)
}
getChildComment(t) {
this.isloading || this.noMoreSub || (this.childCommentPager = t,
this.isloading = !0,
this.commentService.getCommentByParentID(this.childComment.videoId, this.childComment.commendId, this.childComment.authorId, this.childCommentPager, this.pageSize, !0).subscribe(t=>{
this.childComment.children = this.childComment.children.concat(1 === this.childCommentPager ? t.slice(3) : t),
this.isloading = !1,
t.length < this.pageSize && (this.noMoreSub = !0)
}
))
}
closeChildMode() {
this.isChildMode = !1,
this.toggleChildComment.emit(this.isChildMode)
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(o.a),i.Ob(a.a),i.Ob(l.a),i.Ob(r.a),i.Ob(s.a),i.Ob(u.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-dn-comments"]],
inputs: {
videoId: "videoId",
hostPage: "hostPage"
},
outputs: {
onCommentsLoaded: "onCommentsLoaded",
toggleChildComment: "toggleChildComment"
},
features: [i.Ab],
decls: 7,
vars: 3,
consts: [["class", "tabs", 3, "ngClass", 4, "ngIf"], ["class", "d-flex align-items-center justify-content-center", "style", "min-height: 240px", 4, "ngIf"], [4, "ngIf"], ["id", "reportComment", 1, "dn-dialog-background", 2, "position", "relative"], ["replyBox", ""], [1, "tabs", 3, "ngClass"], ["class", "tab", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], [1, "tab", 3, "ngClass", "click"], ["class", "tab-gap", 4, "ngIf"], [1, "tab-gap"], [1, "d-flex", "align-items-center", "justify-content-center", 2, "min-height", "240px"], ["class", "no-item", 4, "ngIf"], [1, "no-item"], [1, "no-item-image"], [1, "img-path", 3, "src"], [1, "no-item-text"], [1, "text-level-1"], [1, "text-level-2"], ["class", "top-comments", 4, "ngIf"], ["class", "search-results", "infiniteScroll", "", 3, "infiniteScrollDistance", "infiniteScrollThrottle", "scrolled", 4, "ngIf"], ["class", "text-center loading", 4, "ngIf"], ["class", "bottom-line text-center", 4, "ngIf"], [1, "top-comments"], [3, "comment", "isHot", "replyBox", "isLast", "hostPage", "onDeleteEvent", "onSubCommentDeleteEvent", "commentSuccessEvent", "childCommentEvent", 4, "ngFor", "ngForOf"], [1, "hot-comments-seprator"], [1, "hot-comments-seprator-inner"], [3, "comment", "isHot", "replyBox", "isLast", "hostPage", "onDeleteEvent", "onSubCommentDeleteEvent", "commentSuccessEvent", "childCommentEvent"], ["infiniteScroll", "", 1, "search-results", 3, "infiniteScrollDistance", "infiniteScrollThrottle", "scrolled"], [3, "comment", "isLast", "replyBox", "hostPage", "onDeleteEvent", "onSubCommentDeleteEvent", "commentSuccessEvent", "childCommentEvent", 4, "ngFor", "ngForOf"], [3, "comment", "isLast", "replyBox", "hostPage", "onDeleteEvent", "onSubCommentDeleteEvent", "commentSuccessEvent", "childCommentEvent"], ["class", "back-to-comment d-flex align-items-center", 3, "click", 4, "ngIf"], [3, "comment", "replyBox", "childModeParent", "hostPage", "onDeleteEvent", "onSubCommentDeleteEvent", "commentSuccessEvent"], [1, "bottom-line", "in-child", "text-center"], [1, "back-to-comment", "d-flex", "align-items-center", 3, "click"], [1, "iconfont", "iconjiantou_liebiaoxiangzuo"], [1, "back-text"], [1, "comments-count"], [3, "comment", "isLast", "replyBox", "hostPage", "childModeChild", "onDeleteEvent", "onSubCommentDeleteEvent", "commentSuccessEvent", 4, "ngFor", "ngForOf"], [3, "comment", "isLast", "replyBox", "hostPage", "childModeChild", "onDeleteEvent", "onSubCommentDeleteEvent", "commentSuccessEvent"], [1, "text-center", "loading"], [1, "centerload"], [1, "bottom-line", "text-center"], [1, "mt-1"], [1, "mt-2", "mb-2"], [4, "ngFor", "ngForOf"], [3, "dialog"], [1, "dn-dialog-buttons"], [1, "dn-button", 3, "click"], [1, "rad"], ["type", "radio", "name", "report-comment-reasons", 3, "value", "ngModel", "ngModelChange"], [3, "videoId", "isReplying", "user", "reply"]],
template: function(t, e) {
1 & t && (i.Ic(0, Ft, 2, 4, "ul", 0),
i.Ic(1, Dt, 3, 2, "div", 1),
i.Ic(2, Xt, 7, 6, "div", 2),
i.Ub(3, "dn-dialog", 3),
i.Ic(4, Yt, 8, 2, "ng-template"),
i.Tb(),
i.Ic(5, Jt, 1, 4, "ng-template", null, 4, i.Jc)),
2 & t && (i.lc("ngIf", !e.isChildMode),
i.Cb(1),
i.lc("ngIf", e.comments && (!e.comments.comments || !e.comments.comments.length) && e.isTryLoaded),
i.Cb(1),
i.lc("ngIf", e.comments.comments && e.comments.comments.length))
},
directives: [h.n, d.a, h.l, h.m, Mt, _t.a, wt.a, kt.a, It.n, It.a, It.j, It.l, f.a],
pipes: [_.a],
styles: ['.top-comments[_ngcontent-%COMP%]{margin-bottom:25px}.bottom-line[_ngcontent-%COMP%]{position:relative;z-index:0;margin-top:35px;font-size:12px;color:#ffffff73}.light[_nghost-%COMP%] .bottom-line[_ngcontent-%COMP%], .light [_nghost-%COMP%] .bottom-line[_ngcontent-%COMP%]{color:#888}.bottom-line[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{display:inline-block;padding:0 1em;background-color:#090b21}.light[_nghost-%COMP%] .bottom-line[_ngcontent-%COMP%] span[_ngcontent-%COMP%], .light [_nghost-%COMP%] .bottom-line[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{background-color:#fff}.bottom-line[_ngcontent-%COMP%]:before{content:"";border-top:1px solid #fff3;margin:0 auto;position:absolute;top:40%;left:0;right:0;bottom:0;width:100%;z-index:-1}.light[_nghost-%COMP%] .bottom-line[_ngcontent-%COMP%]:before, .light [_nghost-%COMP%] .bottom-line[_ngcontent-%COMP%]:before{border-top-color:#eee!important}.bottom-line.in-child[_ngcontent-%COMP%]{margin:0 5px 30px 15px}.bottom-line.in-child[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{background-color:#171928}.light[_nghost-%COMP%] .bottom-line.in-child[_ngcontent-%COMP%] span[_ngcontent-%COMP%], .light [_nghost-%COMP%] .bottom-line.in-child[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{background-color:#f8f8f8}.body[_ngcontent-%COMP%] font[_ngcontent-%COMP%]{color:#00ae00!important}.loading[_ngcontent-%COMP%]{color:#ffffffb3}.light[_nghost-%COMP%] .loading[_ngcontent-%COMP%], .light [_nghost-%COMP%] .loading[_ngcontent-%COMP%]{color:#888}.centerload[_ngcontent-%COMP%]{display:inline-block;position:relative;width:32px;height:32px}.centerload[_ngcontent-%COMP%] > app-loader-spinner[_ngcontent-%COMP%]{margin-top:.5em;position:absolute;left:-1em;top:1.5em}.tabs[_ngcontent-%COMP%]{margin-bottom:24px;margin-top:24px}.tabs.activityStyle[_ngcontent-%COMP%]{margin-left:12px;margin-bottom:34px}.tabs[_ngcontent-%COMP%] .tab[_ngcontent-%COMP%]{display:inline-block;cursor:pointer;color:#fff6!important;background-color:#1c1d2f;padding:4px 16px;font-size:16px}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab[_ngcontent-%COMP%], .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab[_ngcontent-%COMP%]{color:#888!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab[_ngcontent-%COMP%], .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab[_ngcontent-%COMP%]{background-color:#eee!important}.tabs[_ngcontent-%COMP%] .tab.active[_ngcontent-%COMP%]{color:#ffffffb3!important;background-color:#2b2c3a!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.active[_ngcontent-%COMP%], .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.active[_ngcontent-%COMP%]{color:#fff!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.active[_ngcontent-%COMP%], .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.active[_ngcontent-%COMP%]{background-color:#00c0ff!important}.tabs[_ngcontent-%COMP%] .tab[_ngcontent-%COMP%]:hover{color:#ffffffb3!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab[_ngcontent-%COMP%]:hover, .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab[_ngcontent-%COMP%]:hover{color:#333!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab[_ngcontent-%COMP%]:hover, .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab[_ngcontent-%COMP%]:hover{background-color:#eee!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.active[_ngcontent-%COMP%]:hover, .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.active[_ngcontent-%COMP%]:hover{color:#fff!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.active[_ngcontent-%COMP%]:hover, .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.active[_ngcontent-%COMP%]:hover{background-color:#00c0ff!important}.tabs[_ngcontent-%COMP%] .tab.activityStyle[_ngcontent-%COMP%]{padding:4px 10px;font-size:12px;position:relative;background-color:#2b2c3a!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.activityStyle[_ngcontent-%COMP%], .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.activityStyle[_ngcontent-%COMP%]{background-color:#fff!important}.tabs[_ngcontent-%COMP%] .tab.activityStyle.active[_ngcontent-%COMP%]{color:#00c0ff!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.activityStyle.active[_ngcontent-%COMP%], .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.activityStyle.active[_ngcontent-%COMP%]{color:#00c0ff!important}.tabs[_ngcontent-%COMP%] .tab.activityStyle[_ngcontent-%COMP%]:hover{color:#00c0ff!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.activityStyle[_ngcontent-%COMP%]:hover, .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.activityStyle[_ngcontent-%COMP%]:hover{color:#00c0ff!important}.tabs[_ngcontent-%COMP%] .tab.activityStyle.active[_ngcontent-%COMP%]:hover{color:#00c0ff!important;background-color:#2b2c3a!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.activityStyle.active[_ngcontent-%COMP%]:hover, .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.activityStyle.active[_ngcontent-%COMP%]:hover{color:#00c0ff!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.activityStyle.active[_ngcontent-%COMP%]:hover, .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.activityStyle.active[_ngcontent-%COMP%]:hover{background-color:#fff!important}.tabs[_ngcontent-%COMP%] .tab.activityStyle[_ngcontent-%COMP%] .tab-gap[_ngcontent-%COMP%]{position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;height:55%;border-right:1px solid;border-color:#6663}.tabs[_ngcontent-%COMP%] .tab.activityStyle[_ngcontent-%COMP%]:last-child .tab-gap[_ngcontent-%COMP%]{border:none!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.watchStyle[_ngcontent-%COMP%], .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.watchStyle[_ngcontent-%COMP%]{background-color:#1c1d2f!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.watchStyle.active[_ngcontent-%COMP%], .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.watchStyle.active[_ngcontent-%COMP%]{color:#ffffffb3!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.watchStyle.active[_ngcontent-%COMP%], .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.watchStyle.active[_ngcontent-%COMP%]{background-color:#2b2c3a!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.watchStyle[_ngcontent-%COMP%]:hover, .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.watchStyle[_ngcontent-%COMP%]:hover{color:#ffffffb3!important}.light[_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.watchStyle.active[_ngcontent-%COMP%]:hover, .light [_nghost-%COMP%] .tabs[_ngcontent-%COMP%] .tab.watchStyle.active[_ngcontent-%COMP%]:hover{color:#ffffffb3!important}.hot-comments-seprator[_ngcontent-%COMP%]{padding-left:65px;width:100%}.hot-comments-seprator-inner[_ngcontent-%COMP%]{background-color:#0e1025;padding:12px;margin-bottom:65px;text-align:center;color:#fff6;border-radius:2px}.light[_nghost-%COMP%] .hot-comments-seprator-inner[_ngcontent-%COMP%], .light [_nghost-%COMP%] .hot-comments-seprator-inner[_ngcontent-%COMP%]{background-color:#f3f3f3!important}.light[_nghost-%COMP%] .hot-comments-seprator-inner[_ngcontent-%COMP%], .light [_nghost-%COMP%] .hot-comments-seprator-inner[_ngcontent-%COMP%]{color:#888!important}.back-to-comment[_ngcontent-%COMP%]{cursor:pointer;padding:5px;width:max-content;margin-bottom:15px}.back-to-comment[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%]{margin-top:1px;font-size:30px;color:#ffffffb3}.light[_nghost-%COMP%] .back-to-comment[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%], .light [_nghost-%COMP%] .back-to-comment[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%]{color:#333}.back-to-comment[_ngcontent-%COMP%] .back-text[_ngcontent-%COMP%]{font-size:16px;color:#ffffffb3}.light[_nghost-%COMP%] .back-to-comment[_ngcontent-%COMP%] .back-text[_ngcontent-%COMP%], .light [_nghost-%COMP%] .back-to-comment[_ngcontent-%COMP%] .back-text[_ngcontent-%COMP%]{color:#333}.back-to-comment[_ngcontent-%COMP%] .comments-count[_ngcontent-%COMP%]{font-size:12px;color:#fff6}.light[_nghost-%COMP%] .back-to-comment[_ngcontent-%COMP%] .comments-count[_ngcontent-%COMP%], .light [_nghost-%COMP%] .back-to-comment[_ngcontent-%COMP%] .comments-count[_ngcontent-%COMP%]{color:#888}.back-to-comment[_ngcontent-%COMP%]:hover .iconfont[_ngcontent-%COMP%]{color:#fff}.light[_nghost-%COMP%] .back-to-comment[_ngcontent-%COMP%]:hover .iconfont[_ngcontent-%COMP%], .light [_nghost-%COMP%] .back-to-comment[_ngcontent-%COMP%]:hover .iconfont[_ngcontent-%COMP%]{color:#00c0ff}.back-to-comment[_ngcontent-%COMP%]:hover .back-text[_ngcontent-%COMP%]{color:#fff}.light[_nghost-%COMP%] .back-to-comment[_ngcontent-%COMP%]:hover .back-text[_ngcontent-%COMP%], .light [_nghost-%COMP%] .back-to-comment[_ngcontent-%COMP%]:hover .back-text[_ngcontent-%COMP%]{color:#00c0ff}.back-to-comment[_ngcontent-%COMP%]:hover .comments-count[_ngcontent-%COMP%]{color:#fff}.light[_nghost-%COMP%] .back-to-comment[_ngcontent-%COMP%]:hover .comments-count[_ngcontent-%COMP%], .light [_nghost-%COMP%] .back-to-comment[_ngcontent-%COMP%]:hover .comments-count[_ngcontent-%COMP%]{color:#00c0ff}.no-item[_ngcontent-%COMP%]{padding-top:0}.no-item-image[_ngcontent-%COMP%]{width:140px;margin-bottom:5px}.no-item-image[_ngcontent-%COMP%] .img-path[_ngcontent-%COMP%]{width:100%}.no-item-text[_ngcontent-%COMP%]{font-size:16px;text-align:center;color:#fff6}.light[_nghost-%COMP%] .no-item-text[_ngcontent-%COMP%], .light [_nghost-%COMP%] .no-item-text[_ngcontent-%COMP%]{color:#888}.no-item-text[_ngcontent-%COMP%] .text-level-2[_ngcontent-%COMP%]{font-size:14px}']
}),
t
}
)()
},
Ysev: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return T
});
var i = n("a87Y")
, o = n("0Xxy")
, s = n("YKxU")
, c = n("fXoL")
, a = n("ofXK")
, l = n("dayM");
function r(t, e) {
if (1 & t && (c.Ub(0, "span"),
c.Kc(1),
c.Tb()),
2 & t) {
const t = c.ec(2);
c.Cb(1),
c.Mc("[", t.option.count, "\u7968]")
}
}
function u(t, e) {
if (1 & t && (c.Ub(0, "div", 8),
c.Ic(1, r, 2, 1, "span", 9),
c.Tb()),
2 & t) {
const t = c.ec();
c.Cb(1),
c.lc("ngIf", t.vote.isVoted || !t.vote.voteViewType)
}
}
const h = function(t, e) {
return {
hot: t,
poor: e
}
}
, d = function(t, e) {
return {
width: t,
"background-color": e
}
};
function g(t, e) {
if (1 & t && c.Pb(0, "div", 10),
2 & t) {
const t = c.ec();
c.lc("ngClass", c.rc(2, h, t.total / t.option.count < .9 * t.optionsCount, t.total / t.option.count > 1.1 * t.optionsCount))("ngStyle", c.rc(5, d, t.option.count / t.total * t.barWidth + "px", t.barColor))
}
}
const p = function(t) {
return {
width: t
}
}
, b = function(t, e) {
return {
iconduoxuanweixuanzhong: t,
iconduihao: e
}
};
let m = (()=>{
class t {
constructor() {
this.barWidth = 400,
this.optionsCount = 0,
this.total = 0,
this.selectEven = new c.n
}
ngOnInit() {}
onSelectOption() {
this.vote.isVoted || this.selectEven.emit(this.option)
}
}
return t.\u0275fac = function(e) {
return new (e || t)
}
,
t.\u0275cmp = c.Ib({
type: t,
selectors: [["app-dn-poll-option"]],
inputs: {
vote: "vote",
user: "user",
option: "option",
barWidth: "barWidth",
optionsCount: "optionsCount",
total: "total",
barColor: "barColor"
},
outputs: {
selectEven: "selectEven"
},
decls: 9,
vars: 13,
consts: [[1, "option", 3, "ngStyle", "click"], [1, "d-flex", "align-items-center", "position-relative", "option-title-ctn"], [1, "option-title", "mr-3"], ["class", "option-count", 4, "ngIf"], [1, "d-flex", "align-items-center", "option-select"], [1, "iconfont", 3, "ngClass"], [1, "background", 3, "ngStyle"], ["class", "poll-bar", 3, "ngClass", "ngStyle", 4, "ngIf"], [1, "option-count"], [4, "ngIf"], [1, "poll-bar", 3, "ngClass", "ngStyle"]],
template: function(t, e) {
1 & t && (c.Ub(0, "div", 0),
c.bc("click", function() {
return e.onSelectOption()
}),
c.Ub(1, "div", 1),
c.Ub(2, "div", 2),
c.Kc(3),
c.Tb(),
c.Ic(4, u, 2, 1, "div", 3),
c.Tb(),
c.Ub(5, "div", 4),
c.Pb(6, "div", 5),
c.Ub(7, "div", 6),
c.Ic(8, g, 1, 8, "div", 7),
c.Tb(),
c.Tb(),
c.Tb()),
2 & t && (c.lc("ngStyle", c.qc(6, p, e.barWidth + "px")),
c.Cb(3),
c.Lc(e.option.title),
c.Cb(1),
c.lc("ngIf", e.total > 0),
c.Cb(2),
c.lc("ngClass", c.rc(8, b, !e.option.selected, e.option.selected)),
c.Cb(1),
c.lc("ngStyle", c.qc(11, p, e.barWidth + "px")),
c.Cb(1),
c.lc("ngIf", e.vote.isVoted || !e.vote.voteViewType || e.vote.uid === e.user.id))
},
directives: [a.o, a.n, a.l],
styles: [".option[_ngcontent-%COMP%]{color:#ffffffb3;cursor:pointer}.light[_nghost-%COMP%] .option[_ngcontent-%COMP%], .light [_nghost-%COMP%] .option[_ngcontent-%COMP%]{color:#888}.selector[_ngcontent-%COMP%]{position:absolute;top:-9px;left:-33px;cursor:pointer}.option-title-ctn[_ngcontent-%COMP%]{margin-left:32px}.option-select[_ngcontent-%COMP%]{margin-bottom:16px}.background[_ngcontent-%COMP%]{background-color:#373843;height:15px;border-radius:9px;margin-left:5px;position:relative}.light[_nghost-%COMP%] .background[_ngcontent-%COMP%], .light [_nghost-%COMP%] .background[_ngcontent-%COMP%]{background-color:#ddd}.poll-bar[_ngcontent-%COMP%]{background-color:#ff9600;height:15px;border-radius:9px;width:0}"]
}),
t
}
)();
function f(t, e) {
1 & t && (c.Ub(0, "div", 3),
c.Pb(1, "app-loader-spinner"),
c.Tb())
}
function v(t, e) {
1 & t && (c.Ub(0, "span"),
c.Kc(1, "\u53ef\u591a\u9009"),
c.Tb())
}
function C(t, e) {
if (1 & t) {
const t = c.Vb();
c.Ub(0, "app-dn-poll-option", 11),
c.bc("selectEven", function(e) {
return c.Ac(t),
c.ec(2).onSelectOption(e)
}),
c.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = e.index
, i = c.ec(2);
c.lc("option", t)("vote", i.poll)("user", i.user)("optionsCount", i.poll.voteOptions.length)("total", i.total)("barColor", i.randomColors[n])
}
}
function P(t, e) {
1 & t && (c.Ub(0, "span"),
c.Kc(1, "\u8fd8\u6ca1\u6709\u7528\u6237\u53c2\u4e0e\uff0c\u6765\u6295\u4e0b\u7b2c\u4e00\u7968\u5427"),
c.Tb())
}
function y(t, e) {
1 & t && (c.Ub(0, "span"),
c.Kc(1, "\u8fd8\u6ca1\u6709\u7528\u6237\u53c2\u4e0e"),
c.Tb())
}
function O(t, e) {
if (1 & t && (c.Ub(0, "span", 12),
c.Kc(1),
c.Tb()),
2 & t) {
const t = c.ec(2);
c.Cb(1),
c.Mc("", t.poll.voteCount, "\u4eba\u5df2\u6295\u7968")
}
}
function x(t, e) {
1 & t && (c.Ub(0, "span"),
c.Kc(1, "\u60a8\u5df2\u7ecf\u6295\u8fc7\u7968\u4e86"),
c.Tb())
}
function M(t, e) {
1 & t && (c.Ub(0, "span"),
c.Kc(1, "\u60a8\u4e5f\u6765\u6295\u7968\u5427"),
c.Tb())
}
function _(t, e) {
1 & t && (c.Ub(0, "span", 13),
c.Kc(1, "(\u6295\u7968\u540e\u7ed3\u679c\u53ef\u89c1)"),
c.Tb())
}
const w = function(t, e) {
return {
"dn-button-disable": t,
"dn-button-blue": e
}
};
function k(t, e) {
if (1 & t) {
const t = c.Vb();
c.Ub(0, "div", 14),
c.Ub(1, "div", 15),
c.bc("click", function() {
return c.Ac(t),
c.ec(2).vote()
}),
c.Kc(2, "\u6295\u7968"),
c.Tb(),
c.Tb()
}
if (2 & t) {
const t = c.ec(2);
c.Cb(1),
c.lc("ngClass", c.rc(1, w, t.poll.isVoted || 0 === t.selectedOptions, t.selectedOptions > 0 && !t.poll.isVoted && !(t.selectedOptions > t.poll.multipleOptions)))
}
}
function I(t, e) {
if (1 & t && (c.Ub(0, "div"),
c.Ub(1, "div", 4),
c.Ic(2, v, 2, 0, "span", 2),
c.Tb(),
c.Ub(3, "div", 5),
c.Ic(4, C, 1, 6, "app-dn-poll-option", 6),
c.Tb(),
c.Ub(5, "div", 7),
c.Ic(6, P, 2, 0, "span", 2),
c.Ic(7, y, 2, 0, "span", 2),
c.Ic(8, O, 2, 1, "span", 8),
c.Ic(9, x, 2, 0, "span", 2),
c.Ic(10, M, 2, 0, "span", 2),
c.Ic(11, _, 2, 0, "span", 9),
c.Tb(),
c.Ic(12, k, 3, 4, "div", 10),
c.Tb()),
2 & t) {
const t = c.ec();
c.Cb(2),
c.lc("ngIf", t.poll.multipleOptions > 1),
c.Cb(2),
c.lc("ngForOf", t.poll.voteOptions),
c.Cb(2),
c.lc("ngIf", 0 === t.poll.voteCount && t.showButton),
c.Cb(1),
c.lc("ngIf", 0 === t.poll.voteCount && !t.showButton),
c.Cb(1),
c.lc("ngIf", t.poll.voteCount > 0),
c.Cb(1),
c.lc("ngIf", t.poll.voteCount > 0 && t.poll.isVoted && t.showButton),
c.Cb(1),
c.lc("ngIf", t.poll.voteCount > 0 && !t.poll.isVoted && t.showButton),
c.Cb(1),
c.lc("ngIf", !t.poll.isVoted && t.poll.uid !== t.user.id && t.poll.voteViewType),
c.Cb(1),
c.lc("ngIf", t.showButton)
}
}
const S = function(t) {
return {
"hide-button": t
}
};
let T = (()=>{
class t {
constructor(t, e, n) {
this._pollService = t,
this._dnDialogService = e,
this._toastService = n,
this.colors = ["red", "blue", "purple", "orange", "green", "cyan", "teal", "pink"],
this.randomColors = this.colors,
this.showButton = !0,
this.isNews = "auto",
this.selectedOptions = 0,
this.barWidth = 400,
this.loading = !1
}
ngOnInit() {
this.pollId > 0 && this.getVote(),
this.randomColors = this.shuffle(this.colors)
}
getVote() {
this.loading = !0,
this._pollService.get(this.pollId, this.user, this.isNews).subscribe(t=>{
this.poll = t,
this.poll.voteOptions = this.poll.voteOptions.map(t=>(t.selected = t.voted,
t)),
this.total = this.poll.voteOptions.reduce((t,e)=>t.count || 0 === t.count ? t.count + e.count : t + e.count),
this.loading = !1
}
)
}
onSelectOption(t) {
return !0 === t.selected ? (this.poll.voteOptions.filter(e=>e.id === t.id)[0].selected = !1,
void (this.selectedOptions = this.poll.voteOptions.filter(t=>!0 === t.selected).length)) : 1 === this.poll.multipleOptions ? (this.poll.voteOptions.map(e=>{
e.selected = e.id === t.id
}
),
void (this.selectedOptions = this.poll.voteOptions.filter(t=>!0 === t.selected).length)) : (this.poll.voteOptions.filter(t=>!0 === t.selected).length > this.poll.multipleOptions - 1 ? this._dnDialogService.open("message-dialog", {
message: "\u6700\u591a\u9009\u62e9" + this.poll.multipleOptions + "\u4e2a\u9009\u9879"
}) : this.poll.voteOptions.filter(e=>e.id === t.id)[0].selected = !0,
void (this.selectedOptions = this.poll.voteOptions.filter(t=>!0 === t.selected).length))
}
vote() {
if (!this.user || !this.user.id)
return void this._dnDialogService.open("message-dialog", {
message: "\u8bf7\u767b\u5f55\u540e\u518d\u8fdb\u884c\u6295\u7968"
});
if (this.poll.isVoted)
return;
const t = [];
this.poll.voteOptions.map(e=>{
e.selected && t.push(e.id)
}
),
t.length ? (this.loading = !0,
this._pollService.vote(this.pollId, t, this.user).subscribe(t=>{
t && (this.getVote(),
this._toastService.showBlackToast("\u6295\u7968\u6210\u529f"))
}
)) : this._dnDialogService.open("message-dialog", {
message: "\u8bf7\u52fe\u9009\u9009\u9879"
})
}
shuffle(t) {
let e, n, i = t.length;
for (; 0 !== i; )
n = Math.floor(Math.random() * i),
i -= 1,
e = t[i],
t[i] = t[n],
t[n] = e;
return t
}
}
return t.\u0275fac = function(e) {
return new (e || t)(c.Ob(i.a),c.Ob(o.a),c.Ob(s.a))
}
,
t.\u0275cmp = c.Ib({
type: t,
selectors: [["app-dn-poll"]],
inputs: {
pollId: "pollId",
user: "user",
showButton: "showButton",
isNews: "isNews"
},
decls: 3,
vars: 5,
consts: [[1, "poll", "mb-4", 3, "ngClass"], ["class", "loading-overlay d-flex align-items-center justify-content-center", 4, "ngIf"], [4, "ngIf"], [1, "loading-overlay", "d-flex", "align-items-center", "justify-content-center"], [1, ""], [1, "options", "mt-3", "mb-4"], [3, "option", "vote", "user", "optionsCount", "total", "barColor", "selectEven", 4, "ngFor", "ngForOf"], [1, "summary", "mb-3"], ["class", "mr-2", 4, "ngIf"], ["class", "prompt", 4, "ngIf"], ["class", "vote-buttons d-flex", 4, "ngIf"], [3, "option", "vote", "user", "optionsCount", "total", "barColor", "selectEven"], [1, "mr-2"], [1, "prompt"], [1, "vote-buttons", "d-flex"], [1, "dn-button", 3, "ngClass", "click"]],
template: function(t, e) {
1 & t && (c.Ub(0, "div", 0),
c.Ic(1, f, 2, 0, "div", 1),
c.Ic(2, I, 13, 9, "div", 2),
c.Tb()),
2 & t && (c.lc("ngClass", c.qc(3, S, !e.showButton)),
c.Cb(1),
c.lc("ngIf", e.loading),
c.Cb(1),
c.lc("ngIf", e.poll))
},
directives: [a.l, a.n, l.a, a.m, m],
styles: [".poll[_ngcontent-%COMP%]{position:relative;width:420px;min-height:200px}.poll.hide-button[_ngcontent-%COMP%]{min-height:160px}.option-title[_ngcontent-%COMP%]{line-height:24px;color:#000}.summary[_ngcontent-%COMP%]{color:#fff6;margin-bottom:5px}.light[_nghost-%COMP%] .summary[_ngcontent-%COMP%], .light [_nghost-%COMP%] .summary[_ngcontent-%COMP%]{color:#888}.dn-button[_ngcontent-%COMP%]{width:120px}.loading-overlay[_ngcontent-%COMP%]{min-height:100px;z-index:1;position:absolute;left:0;right:0;top:0;bottom:0}.prompt[_ngcontent-%COMP%]{color:red}"]
}),
t
}
)()
},
ZAKw: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return s
});
var i = n("ofXK")
, o = n("fXoL");
let s = (()=>{
class t {
constructor(t, e, n) {
this.elementRef = t,
this.renderer = e,
this.document = n
}
ngOnInit() {}
ngOnChanges(t) {
const {length: e, items: n, placeholder: i, valid: o} = this.FlexboxPlaceholder
, s = n % e > 0 ? e - n % e : 0;
if (this.elementRef.nativeElement.querySelectorAll(".placeholder").forEach(t=>{
this.renderer.removeChild(this.elementRef.nativeElement, t)
}
),
o)
for (let c = 0; c < s; c++) {
const t = document.createElement("div");
t.className = i + " placeholder",
this.renderer.appendChild(this.elementRef.nativeElement, t)
}
}
}
return t.\u0275fac = function(e) {
return new (e || t)(o.Ob(o.l),o.Ob(o.E),o.Ob(i.d))
}
,
t.\u0275dir = o.Jb({
type: t,
selectors: [["", "FlexboxPlaceholder", ""]],
inputs: {
FlexboxPlaceholder: "FlexboxPlaceholder"
},
features: [o.Ab]
}),
t
}
)()
},
fWe4: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return i
});
class i {
like(t) {
return null
}
dislike(t) {
return null
}
favorite(t, e) {
return null
}
share(t) {
return null
}
}
},
"ha/m": function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return g
});
var i = n("fXoL")
, o = n("ofXK")
, s = n("ZAKw")
, c = n("wFXo")
, a = n("pdfW");
function l(t, e) {
1 & t && i.Pb(0, "div", 7)
}
function r(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "app-expandable-tabs", 8),
i.bc("selected", function(e) {
return i.Ac(t),
i.ec().onSelectTab(e)
}),
i.Tb()
}
if (2 & t) {
const t = i.ec();
i.lc("items", t.years)("activated", t.selectedYear)("fromPlayer", t.fromPlayer)
}
}
function u(t, e) {
if (1 & t && i.Pb(0, "app-media-button", 9),
2 & t) {
const t = e.$implicit
, n = i.ec();
i.lc("videoId", t.videoId)("type", t.type)("item", t)("wide", n.wideButton)("mediaKey", n.newMediaKey)
}
}
function h(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "button", 10),
i.bc("click", function() {
return i.Ac(t),
i.ec().loadMore()
}),
i.Ub(1, "div"),
i.Ub(2, "span"),
i.Kc(3, "\u5c55\u5f00\u66f4\u591a"),
i.Tb(),
i.Pb(4, "i", 11),
i.Tb(),
i.Tb()
}
}
const d = function(t, e, n, i) {
return {
length: t,
items: e,
placeholder: n,
valid: i
}
};
let g = (()=>{
class t {
constructor() {
this.items = [],
this.wideButton = !0,
this.fromPlayer = !1,
this.parsedItems = {},
this.years = [],
this.pageSize = 50,
this.medias = [],
this.page = 1,
this.totalPages = 0,
this.subscriptions = []
}
ngOnInit() {}
ngOnChanges(t) {
this.items = this.items.reverse(),
this.parsedItems = {},
this.parseItemsToObject()
}
parseItemsToObject() {
let t = "";
this.items.sort((t,e)=>{
const n = Number(t.title.match(/\d{8}/i))
, i = Number(e.title.match(/\d{8}/i));
if (n !== i)
return i - n;
{
const n = new Date(t.created);
return new Date(e.created) > n ? 1 : -1
}
}
).map(e=>{
const n = e.title.match(/\d{8}/i);
n && n[0] ? (t = n[0].substring(0, 4) + "\u5e74",
this.parsedItems[t] || (this.parsedItems[t] = []),
this.parsedItems[t].push(e)) : t && this.parsedItems[t].push(e)
}
),
this.years = Object.keys(this.parsedItems),
this.setCurrentTab()
}
onSelectTab(t) {
this.selectedYear = t,
this.page = 1,
this.medias = this.parsedItems[this.years[t]],
this.fromPlayer || (this.totalPages = this.parsedItems[this.years[t]].length > 50 ? 2 : 1)
}
setCurrentTab() {
if (this.currentKey) {
const t = this.items.find(t=>t.key === this.currentKey);
if (t) {
const e = t.title.match(/\d{8}/i);
if (e) {
const t = e[0].substring(0, 4) + "\u5e74";
this.onSelectTab(this.years.findIndex(e=>e === t))
} else
this.onSelectTab(0)
} else
this.onSelectTab(0)
}
}
loadMore() {
this.page += 1
}
}
return t.\u0275fac = function(e) {
return new (e || t)
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-list-by-year"]],
inputs: {
items: "items",
wideButton: "wideButton",
fromPlayer: "fromPlayer",
newMediaKey: "newMediaKey",
currentKey: "currentKey"
},
features: [i.Ab],
decls: 7,
vars: 10,
consts: [["class", "mt-3 mb-4 n-media-title", 4, "ngIf"], [1, "n-media"], [3, "items", "activated", "fromPlayer", "selected", 4, "ngIf"], [1, "n-media-list"], [1, "d-flex", "flex-wrap", "n-media-list-inner", "justify-content-between", 3, "FlexboxPlaceholder"], [3, "videoId", "type", "item", "wide", "mediaKey", 4, "ngFor", "ngForOf"], ["class", "load-more-items", 3, "click", 4, "ngIf"], [1, "mt-3", "mb-4", "n-media-title"], [3, "items", "activated", "fromPlayer", "selected"], [3, "videoId", "type", "item", "wide", "mediaKey"], [1, "load-more-items", 3, "click"], [1, "iconfont", "iconjiantou_liebiaozhankai"]],
template: function(t, e) {
1 & t && (i.Ic(0, l, 1, 0, "div", 0),
i.Ub(1, "div", 1),
i.Ic(2, r, 1, 3, "app-expandable-tabs", 2),
i.Ub(3, "div", 3),
i.Ub(4, "div", 4),
i.Ic(5, u, 1, 5, "app-media-button", 5),
i.Tb(),
i.Tb(),
i.Ic(6, h, 5, 0, "button", 6),
i.Tb()),
2 & t && (i.lc("ngIf", e.fromPlayer),
i.Cb(2),
i.lc("ngIf", e.years.length && e.years.length > 1),
i.Cb(2),
i.lc("FlexboxPlaceholder", i.tc(5, d, e.wideButton ? 5 : 10, e.medias.length, e.wideButton ? "media-button wide" : "media-button", e.page === e.totalPages)),
i.Cb(1),
i.lc("ngForOf", e.medias.slice(0, e.fromPlayer ? void 0 : e.page * (1 === e.page ? 50 : 1e4))),
i.Cb(1),
i.lc("ngIf", !e.fromPlayer && e.page < e.totalPages))
},
directives: [o.n, s.a, o.m, c.a, a.a],
styles: [""]
}),
t
}
)()
},
jtAa: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return dt
});
var i = n("fXoL")
, o = n("3My9")
, s = n("n1bd")
, c = n("Qa7H")
, a = n("ofXK")
, l = n("ciLT")
, r = n("5yqk")
, u = n("tRdC")
, h = n("0Xxy")
, d = n("HQN/")
, g = n("b1b0")
, p = n("QP6B")
, b = n("K9be")
, m = n("3Pt+")
, f = n("FQmE")
, v = n("vxfF");
function C(t, e) {
1 & t && (i.Ub(0, "span", 12),
i.dc(),
i.Ub(1, "svg", 13),
i.Pb(2, "path", 14),
i.Tb(),
i.Tb())
}
function P(t, e) {
1 & t && (i.Ub(0, "span", 12),
i.Ub(1, "span", 12),
i.dc(),
i.Ub(2, "svg", 13),
i.Pb(3, "path", 15),
i.Pb(4, "path", 16),
i.Tb(),
i.Tb(),
i.Tb())
}
function y(t, e) {
1 & t && (i.Ub(0, "span", 12),
i.dc(),
i.Ub(1, "svg", 13),
i.Pb(2, "path", 17),
i.Tb(),
i.Tb())
}
function O(t, e) {
1 & t && (i.Ub(0, "span", 12),
i.dc(),
i.Ub(1, "svg", 13),
i.Pb(2, "path", 18),
i.Pb(3, "path", 16),
i.Tb(),
i.Tb())
}
function x(t, e) {
1 & t && (i.Ub(0, "span", 12),
i.dc(),
i.Ub(1, "svg", 13),
i.Pb(2, "path", 19),
i.Tb(),
i.Tb())
}
function M(t, e) {
1 & t && (i.Ub(0, "span", 12),
i.dc(),
i.Ub(1, "svg", 13),
i.Pb(2, "path", 20),
i.Pb(3, "path", 16),
i.Tb(),
i.Tb())
}
function _(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 25),
i.Ub(1, "span", 26),
i.Kc(2),
i.Tb(),
i.Ub(3, "span", 27),
i.bc("click", function() {
i.Ac(t);
const n = e.$implicit;
return i.ec(4).removeKeywordFilter(n)
}),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = e.$implicit;
i.Cb(2),
i.Lc(t)
}
}
function w(t, e) {
if (1 & t && (i.Ub(0, "cdk-virtual-scroll-viewport", 23),
i.Ic(1, _, 4, 1, "div", 24),
i.Tb()),
2 & t) {
const t = i.ec().ngIf;
i.Cb(1),
i.lc("cdkVirtualForOf", t)
}
}
function k(t, e) {
1 & t && (i.Ub(0, "div", 28),
i.Kc(1, "\u8fd8\u6ca1\u6709\u8bbe\u7f6e\u5173\u952e\u8bcd"),
i.Tb())
}
function I(t, e) {
if (1 & t && (i.Ub(0, "div"),
i.Ic(1, w, 2, 1, "cdk-virtual-scroll-viewport", 21),
i.Ic(2, k, 2, 0, "ng-template", null, 22, i.Jc),
i.Tb()),
2 & t) {
const t = e.ngIf
, n = i.xc(3);
i.Cb(1),
i.lc("ngIf", t.length)("ngIfElse", n)
}
}
function S(t, e) {
if (1 & t && (i.Ub(0, "div"),
i.Ic(1, I, 4, 2, "div", 11),
i.fc(2, "async"),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("ngIf", i.gc(2, 1, t.danmuFacade.keywordFilter$))
}
}
function T(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 25),
i.Ub(1, "span", 26),
i.Ub(2, "span", 32),
i.Kc(3),
i.Tb(),
i.Tb(),
i.Ub(4, "span", 27),
i.bc("click", function() {
i.Ac(t);
const n = e.$implicit;
return i.ec(4).removeUserFilter(n)
}),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = e.$implicit;
i.Cb(3),
i.Lc(t.name)
}
}
function A(t, e) {
if (1 & t && (i.Ub(0, "cdk-virtual-scroll-viewport", 31),
i.Ic(1, T, 5, 1, "div", 24),
i.Tb()),
2 & t) {
const t = i.ec().ngIf;
i.Cb(1),
i.lc("cdkVirtualForOf", t)
}
}
function U(t, e) {
1 & t && (i.Ub(0, "div", 28),
i.Kc(1, "\u8fd8\u6ca1\u6709\u8bbe\u7f6e\u8fc7\u6ee4\u7528\u6237"),
i.Tb())
}
function F(t, e) {
if (1 & t && (i.Ub(0, "div"),
i.Ic(1, A, 2, 1, "cdk-virtual-scroll-viewport", 29),
i.Ic(2, U, 2, 0, "ng-template", null, 30, i.Jc),
i.Tb()),
2 & t) {
const t = e.ngIf
, n = i.xc(3);
i.Cb(1),
i.lc("ngIf", t.length)("ngIfElse", n)
}
}
function L(t, e) {
if (1 & t && (i.Ub(0, "div"),
i.Ic(1, F, 4, 2, "div", 11),
i.fc(2, "async"),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("ngIf", i.gc(2, 1, t.danmuFacade.userFilter$))
}
}
const B = function(t) {
return {
disabled: t
}
}
, D = function(t) {
return {
active: t
}
};
let E = (()=>{
class t {
constructor(t) {
this.danmuFacade = t,
this.keyword = "",
this.tab = 1
}
ngOnInit() {}
addKeywordFilter() {
this.keyword && "" !== this.keyword.trim() && (this.danmuFacade.addKeywordFilter(this.keyword),
this.keyword = "")
}
removeKeywordFilter(t) {
this.danmuFacade.removeKeywordFilter(t)
}
removeUserFilter(t) {
this.danmuFacade.removeUserFilter(t)
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(c.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-danmu-filter"]],
decls: 44,
vars: 42,
consts: [[1, "tab-container"], [1, "d-flex", "justify-content-between", 2, "width", "80%"], [1, "player-block-filter-type", 3, "ngClass", "click"], [1, "player-block-filter-image"], ["class", "bp-svgicon", 4, "ngIf"], [1, "player-block-filter-label", "text-level2"], [1, "input-group"], ["type", "text", "placeholder", "\u8bf7\u8f93\u5165\u5c4f\u853d\u5173\u952e\u8bcd", 1, "filter", 3, "ngModel", "ngModelChange"], ["mat-button", "", 3, "click"], [1, "tabs"], [1, "tab", 3, "ngClass", "click"], [4, "ngIf"], [1, "bp-svgicon"], ["xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 28 28"], ["d", "M23 3H5a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h18a4 4 0 0 0 4-4V7a4 4 0 0 0-4-4zM11 9h6a1 1 0 0 1 0 2h-6a1 1 0 0 1 0-2zm-3 2H6V9h2v2zm4 4h-2v-2h2v2zm9 0h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"], ["d", "M23 15c1.487 0 2.866.464 4 1.255V7a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h11.674A7 7 0 0 1 23 15zM11 9h6a1 1 0 0 1 0 2h-6a1 1 0 0 1 0-2zm-3 2H6V9h2v2zm4 4h-2v-2h2v2zm2-1a1 1 0 0 1 1-1h1a1 1 0 0 1 0 2h-1a1 1 0 0 1-1-1z"], ["d", "M26.536 18.464a5 5 0 0 0-7.071 0 5 5 0 0 0 0 7.071 5 5 0 1 0 7.071-7.071zm-5.657 5.657a3 3 0 0 1-.586-3.415l4.001 4.001a3 3 0 0 1-3.415-.586zm4.829-.827l-4.001-4.001a3.002 3.002 0 0 1 4.001 4.001z"], ["d", "M23 3H5a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h18a4 4 0 0 0 4-4V7a4 4 0 0 0-4-4zM9 9H7V7h2v2zm4 0h-2V7h2v2zm4 0h-2V7h2v2zm4 0h-2V7h2v2z"], ["d", "M23 15c1.487 0 2.866.464 4 1.255V7a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h11.674A7 7 0 0 1 23 15zm-4-8h2v2h-2V7zM9 9H7V7h2v2zm4 0h-2V7h2v2zm2-2h2v2h-2V7z"], ["d", "M23 3H5a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h18a4 4 0 0 0 4-4V7a4 4 0 0 0-4-4zM9 21H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z"], ["d", "M23 15c1.487 0 2.866.464 4 1.255V7a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h11.674A7 7 0 0 1 23 15zM9 21H7v-2h2v2zm4 0h-2v-2h2v2z"], ["itemSize", "15", "class", "scroll-bar danmu-keyword-filter-scrollbar", 4, "ngIf", "ngIfElse"], ["noKeywordFilter", ""], ["itemSize", "15", 1, "scroll-bar", "danmu-keyword-filter-scrollbar"], ["class", "user-filter d-flex align-items-center", 4, "cdkVirtualFor", "cdkVirtualForOf"], [1, "user-filter", "d-flex", "align-items-center"], [1, "flex-1"], [1, "iconfont", "iconshanchu", 3, "click"], [1, "text-center", "text-level2"], ["itemSize", "15", "class", "scroll-bar danmu-user-filter-scrollbar", 4, "ngIf", "ngIfElse"], ["noUserFilter", ""], ["itemSize", "15", 1, "scroll-bar", "danmu-user-filter-scrollbar"], [1, "name"]],
template: function(t, e) {
1 & t && (i.Ub(0, "div", 0),
i.Ub(1, "div", 1),
i.Ub(2, "div"),
i.Kc(3, "\u5c4f\u853d\u4f4d\u7f6e"),
i.Tb(),
i.Ub(4, "div", 2),
i.bc("click", function() {
return e.danmuFacade.blockLeft(null)
}),
i.fc(5, "async"),
i.Ub(6, "span", 3),
i.Ic(7, C, 3, 0, "span", 4),
i.fc(8, "async"),
i.Ic(9, P, 5, 0, "span", 4),
i.fc(10, "async"),
i.Tb(),
i.Ub(11, "div", 5),
i.Kc(12, "\u6eda\u52a8"),
i.Tb(),
i.Tb(),
i.Ub(13, "div", 2),
i.bc("click", function() {
return e.danmuFacade.blockTop(null)
}),
i.fc(14, "async"),
i.Ub(15, "span", 3),
i.Ic(16, y, 3, 0, "span", 4),
i.fc(17, "async"),
i.Ic(18, O, 4, 0, "span", 4),
i.fc(19, "async"),
i.Tb(),
i.Ub(20, "div", 5),
i.Kc(21, "\u9876\u90e8"),
i.Tb(),
i.Tb(),
i.Ub(22, "div", 2),
i.bc("click", function() {
return e.danmuFacade.blockBottom(null)
}),
i.fc(23, "async"),
i.Ub(24, "span", 3),
i.Ic(25, x, 3, 0, "span", 4),
i.fc(26, "async"),
i.Ic(27, M, 4, 0, "span", 4),
i.fc(28, "async"),
i.Tb(),
i.Ub(29, "div", 5),
i.Kc(30, "\u5e95\u90e8"),
i.Tb(),
i.Tb(),
i.Tb(),
i.Ub(31, "div", 6),
i.Ub(32, "input", 7),
i.bc("ngModelChange", function(t) {
return e.keyword = t
}),
i.Tb(),
i.Ub(33, "button", 8),
i.bc("click", function() {
return e.addKeywordFilter()
}),
i.Kc(34, "\u6dfb\u52a0"),
i.Tb(),
i.Tb(),
i.Ub(35, "div", 9),
i.Ub(36, "div", 10),
i.bc("click", function() {
return e.tab = 1
}),
i.Ub(37, "span"),
i.Kc(38, "\u5173\u952e\u8bcd\u5c4f\u853d"),
i.Tb(),
i.Tb(),
i.Ub(39, "div", 10),
i.bc("click", function() {
return e.tab = 2
}),
i.Ub(40, "span"),
i.Kc(41, "\u7528\u6237\u5c4f\u853d"),
i.Tb(),
i.Tb(),
i.Tb(),
i.Ic(42, S, 3, 3, "div", 11),
i.Ic(43, L, 3, 3, "div", 11),
i.Tb()),
2 & t && (i.Cb(4),
i.lc("ngClass", i.qc(32, B, i.gc(5, 14, e.danmuFacade.blockLeft$))),
i.Cb(3),
i.lc("ngIf", !i.gc(8, 16, e.danmuFacade.blockLeft$)),
i.Cb(2),
i.lc("ngIf", i.gc(10, 18, e.danmuFacade.blockLeft$)),
i.Cb(4),
i.lc("ngClass", i.qc(34, B, i.gc(14, 20, e.danmuFacade.blockTop$))),
i.Cb(3),
i.lc("ngIf", !i.gc(17, 22, e.danmuFacade.blockTop$)),
i.Cb(2),
i.lc("ngIf", i.gc(19, 24, e.danmuFacade.blockTop$)),
i.Cb(4),
i.lc("ngClass", i.qc(36, B, i.gc(23, 26, e.danmuFacade.blockBottom$))),
i.Cb(3),
i.lc("ngIf", !i.gc(26, 28, e.danmuFacade.blockBottom$)),
i.Cb(2),
i.lc("ngIf", i.gc(28, 30, e.danmuFacade.blockBottom$)),
i.Cb(5),
i.lc("ngModel", e.keyword),
i.Cb(4),
i.lc("ngClass", i.qc(38, D, 1 === e.tab)),
i.Cb(3),
i.lc("ngClass", i.qc(40, D, 2 === e.tab)),
i.Cb(3),
i.lc("ngIf", 1 === e.tab),
i.Cb(1),
i.lc("ngIf", 2 === e.tab))
},
directives: [a.l, a.n, m.a, m.j, m.l, v.d, v.a, v.c],
pipes: [a.b],
styles: [".tabs[_ngcontent-%COMP%]{height:48px;white-space:nowrap}.tab[_ngcontent-%COMP%]{display:inline-block;padding:10px 0;cursor:pointer;border:1px solid #0000;-webkit-user-select:none;user-select:none;margin-right:30px;color:#fff6!important}.tab[_ngcontent-%COMP%]:after{bottom:10px!important}.tab.active[_ngcontent-%COMP%]{border-bottom:#0000}.text-level2[_ngcontent-%COMP%]{color:#fff6}.user-filter[_ngcontent-%COMP%]{padding:0 5px;color:#ffffffb3!important}.user-filter[_ngcontent-%COMP%]:hover{background-color:#2a2c39;color:#fff!important}.tab-container[_ngcontent-%COMP%]{padding:1em 20px}.icon-ashbin[_ngcontent-%COMP%]{cursor:pointer;font-size:17px}.filter[_ngcontent-%COMP%], .icon-ashbin[_ngcontent-%COMP%]:hover{color:#fff}.filter[_ngcontent-%COMP%]{width:100%;background-color:#090b20;border:none;padding:4px 40px 4px 10px;outline:none;margin-bottom:0;height:30px;line-height:30px}.filter[_ngcontent-%COMP%]:focus, .filter[_ngcontent-%COMP%]:hover{background-color:#0b0d24}.input-group[_ngcontent-%COMP%]{position:relative;margin-top:12px}.input-group[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{position:absolute;right:0;top:0;height:30px;line-height:30px;padding:0 10px;cursor:pointer;border:none;color:#fff;background-color:#00c0ff}.danmu-keyword-filter-scrollbar[_ngcontent-%COMP%], .danmu-user-filter-scrollbar[_ngcontent-%COMP%]{height:188px;background-color:#090b20}.player-block-filter-image[_ngcontent-%COMP%]{position:relative;display:inline-block;font-size:0;width:31px;height:30px;line-height:30px;top:-5px;color:#fff6;fill:#fff6}.player-block-filter-image[_ngcontent-%COMP%] .bp-svgicon[_ngcontent-%COMP%]{pointer-events:none;height:100%!important}.player-block-filter-type[_ngcontent-%COMP%]{cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none}.player-block-filter-type[_ngcontent-%COMP%] .player-block-filter-label[_ngcontent-%COMP%]{line-height:16px}.player-block-filter-type[_ngcontent-%COMP%]:hover .player-block-filter-image[_ngcontent-%COMP%], .player-block-filter-type[_ngcontent-%COMP%]:hover .player-block-filter-label[_ngcontent-%COMP%]{color:#fff}.player-block-filter-type[_ngcontent-%COMP%]:hover .player-block-filter-image[_ngcontent-%COMP%]{fill:#fff}.player-block-filter-type.disabled[_ngcontent-%COMP%] .player-block-filter-image[_ngcontent-%COMP%], .player-block-filter-type.disabled[_ngcontent-%COMP%] .player-block-filter-label[_ngcontent-%COMP%]{color:#00a1d6!important}.player-block-filter-type.disabled[_ngcontent-%COMP%] .player-block-filter-image[_ngcontent-%COMP%]{fill:#00a1d6!important}.name[_ngcontent-%COMP%]{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block} .cdk-virtual-scroll-content-wrapper{width:100%}"]
}),
t
}
)();
var V = n("wXeO");
function z(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 5),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).addUserFilter()
}),
i.Kc(1, "\u5c4f\u853d\u7528\u6237"),
i.Tb()
}
}
function K(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 5),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).removeUserFilter()
}),
i.Kc(1, "\u89e3\u9664\u5c4f\u853d"),
i.Tb()
}
}
function R(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 5),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).removeDanmu()
}),
i.Kc(1, "\u64a4\u56de"),
i.Tb()
}
}
function H(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 5),
i.bc("click", function() {
i.Ac(t);
const e = i.ec(2);
return e.reportDanmu(e.danmu.guid)
}),
i.Kc(1, "\u4e3e\u62a5\u5f39\u5e55"),
i.Tb()
}
}
const j = function(t, e) {
return {
left: t,
top: e
}
};
function q(t, e) {
if (1 & t && (i.Ub(0, "div", 1),
i.Ub(1, "div", 2),
i.Kc(2),
i.Tb(),
i.Ub(3, "div", 3),
i.Ic(4, z, 2, 0, "div", 4),
i.Ic(5, K, 2, 0, "div", 4),
i.Ic(6, R, 2, 0, "div", 4),
i.Ic(7, H, 2, 0, "div", 4),
i.Tb(),
i.Tb()),
2 & t) {
const t = i.ec();
i.lc("ngStyle", i.rc(6, j, t.position.x + "px", t.position.y + "px")),
i.Cb(2),
i.Mc(" \u53d1\u9001\u8005\uff1a", t.danmu.nickName, " "),
i.Cb(2),
i.lc("ngIf", !(t.user && t.user.id === t.danmu.uid || t.isUserFilted)),
i.Cb(1),
i.lc("ngIf", (!t.user || t.user.id !== t.danmu.uid) && t.isUserFilted),
i.Cb(1),
i.lc("ngIf", t.user && t.user.id === t.danmu.uid),
i.Cb(1),
i.lc("ngIf", t.user && t.user.id !== t.danmu.uid)
}
}
let N = (()=>{
class t {
constructor(t, e, n, i) {
this.danmuFacade = t,
this.danmuMenuService = e,
this.dialogService = n,
this._userS = i,
this.subscriptions = [],
this.visible = !1,
this.position = {
x: 0,
y: 0
}
}
ngOnInit() {
this.user = this._userS.user,
this.subscriptions.push(this.danmuMenuService.danmuId$.subscribe(t=>{
if (null == t)
return this.visible = !1,
void (this.danmu = null);
this.position = t.position;
let e = t.danmu;
null == this.danmu || this.danmu.guid != e.guid ? (this.danmu = e,
this.visible = !0) : (this.danmu = null,
this.visible = !1)
}
))
}
removeDanmu() {
this.danmuFacade.removeDanmu({
id: this.danmu.guid,
user: this.user
})
}
reportDanmu(t) {
window.dispatchEvent(new CustomEvent("quitVideoFullScreenIfany")),
this.user && this.user.id ? this.dialogService.open("reportDanmu", {
size: {
width: 280,
height: 270
},
id: t
}) : this.dialogService.open("login-required-dialog")
}
addUserFilter() {
this.danmuFacade.addUserFilter({
id: this.danmu.uid,
name: this.danmu.nickName
})
}
removeUserFilter() {
this.danmuFacade.removeUserFilter({
id: this.danmu.uid,
name: this.danmu.nickName
})
}
ngOnDestroy() {
this.subscriptions.forEach(t=>t.unsubscribe())
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(c.a),i.Ob(V.a),i.Ob(h.a),i.Ob(l.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-danmu-menu"]],
inputs: {
position: "position"
},
decls: 1,
vars: 1,
consts: [["class", "danmu-menu", 3, "ngStyle", 4, "ngIf"], [1, "danmu-menu", 3, "ngStyle"], [1, "sender"], [1, "danmu-menu-items"], ["class", "danmu-menu-item", 3, "click", 4, "ngIf"], [1, "danmu-menu-item", 3, "click"]],
template: function(t, e) {
1 & t && i.Ic(0, q, 8, 9, "div", 0),
2 & t && i.lc("ngIf", e.visible)
},
directives: [a.n, a.o],
styles: [".danmu-menu[_ngcontent-%COMP%]{padding:8px 12px;position:absolute;width:200px;background-color:#2b2c3a;box-shadow:1px 2px 8px 4px #00000017;z-index:10}.danmu-menu[_ngcontent-%COMP%], .danmu-menu[_ngcontent-%COMP%] .sender[_ngcontent-%COMP%]{color:#fff6;overflow:hidden;white-space:nowrap}.danmu-menu[_ngcontent-%COMP%] .sender[_ngcontent-%COMP%]{border-bottom:1px solid #6663;text-overflow:ellipsis}.danmu-menu[_ngcontent-%COMP%] .danmu-menu-items[_ngcontent-%COMP%]{padding:12px 0 8px}.danmu-menu[_ngcontent-%COMP%] .danmu-menu-item[_ngcontent-%COMP%]{margin-bottom:8px;cursor:pointer}.danmu-menu[_ngcontent-%COMP%] .danmu-menu-item[_ngcontent-%COMP%]:hover{color:#00c0ff}.danmu-menu[_ngcontent-%COMP%] .danmu-menu-item[_ngcontent-%COMP%]:last-child{margin-bottom:0}"]
}),
t
}
)();
const W = function(t, e) {
return {
"user-filted": t,
filted: e
}
};
let G = (()=>{
class t {
constructor(t) {
this.danmuFacade = t,
this.showMenu = !1,
this.isUserFilted = !1,
this.isKeywordFilter = !1,
this.subscritions = [],
this.content = "",
this.userFilter = [],
this.keywordFilter = []
}
ngOnChanges(t) {
t.item && t.item.currentValue && (this.content = t.item.currentValue.contxt,
this.goThrough())
}
goThrough() {
this.isUserFilted = this.userFilter.length > 0 && this.userFilter.findIndex(t=>t.id == this.item.uid) > -1,
this.isKeywordFilter = !1,
this.keywordFilter.map(t=>{
this.item.contxt.indexOf(t) > -1 && (this.isKeywordFilter = !0,
this.content = this.item.contxt.replace(t, '<span class="red">' + t + "</span>"))
}
)
}
readState() {}
ngOnInit() {
this.content = this.item.contxt,
this.subscritions.push(this.danmuFacade.userFilter$.subscribe(t=>{
this.userFilter = t,
this.goThrough()
}
)),
this.subscritions.push(this.danmuFacade.keywordFilter$.subscribe(t=>{
this.keywordFilter = t,
this.goThrough()
}
))
}
onMouseEnter(t) {
this.showMenu = !0
}
onMouseLeave(t) {
this.showMenu = !1
}
addUserFilter() {
this.danmuFacade.addUserFilter({
id: this.item.uid,
name: this.item.nickName
}),
this.showMenu = !1
}
removeUserFilter() {
this.danmuFacade.removeUserFilter({
id: this.item.uid,
name: this.item.nickName
}),
this.showMenu = !1
}
ngOnDestroy() {
this.subscritions.forEach(t=>t.unsubscribe())
}
getP(t) {
t.classList.contains("")
}
removeDanmuMenu() {}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(c.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-danmu-list-content"]],
inputs: {
item: "item"
},
features: [i.Ab],
decls: 9,
vars: 15,
consts: [[1, "d-flex", "justify-content-between"], [1, "danmu-item-time"], [1, "danmu-item"], [1, "content", 3, "ngClass", "innerHtml", "title"], [1, "danmu-item-published"]],
template: function(t, e) {
1 & t && (i.Ub(0, "div", 0),
i.Ub(1, "div", 1),
i.Kc(2),
i.fc(3, "date"),
i.Tb(),
i.Ub(4, "div", 2),
i.Pb(5, "div", 3),
i.Tb(),
i.Ub(6, "div", 4),
i.Kc(7),
i.fc(8, "date"),
i.Tb(),
i.Tb()),
2 & t && (i.Cb(2),
i.Mc("", i.ic(3, 5, 1e3 * (null == e.item ? null : e.item.second), "HH:mm:ss", "UTC"), " "),
i.Cb(3),
i.lc("ngClass", i.rc(12, W, e.isUserFilted, e.isKeywordFilter))("innerHtml", e.content, i.Bc)("title", e.content),
i.Cb(2),
i.Lc(i.hc(8, 9, null == e.item ? null : e.item.addTime, "MM-dd")))
},
directives: [a.l],
pipes: [a.e],
styles: [".danmu-item[_ngcontent-%COMP%]{flex:1;overflow:hidden}.content[_ngcontent-%COMP%]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.content.filted[_ngcontent-%COMP%], .content.user-filted[_ngcontent-%COMP%]{text-decoration:line-through}.danmu-item-time[_ngcontent-%COMP%]{width:66px;min-width:66px}.danmu-item-published[_ngcontent-%COMP%], .danmu-item-time[_ngcontent-%COMP%]{-webkit-user-select:none;user-select:none}.danmu-item-published[_ngcontent-%COMP%]{width:40px;min-width:40px;text-align:right}.danmu-item-overlay[_ngcontent-%COMP%]{display:none;background-color:red;position:absolute;top:10px;left:60px;width:100px;height:50px;z-index:9999}.danmu-item-overlay.current[_ngcontent-%COMP%]{display:block}"]
}),
t
}
)();
function X(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 2),
i.Ub(1, "div", 3),
i.bc("dblclick", function() {
i.Ac(t);
const n = e.$implicit;
return i.ec().onDoubleClick(n.second)
})("click", function(n) {
i.Ac(t);
const o = e.$implicit;
return i.ec().openMenu(n, o)
}),
i.Pb(2, "app-danmu-list-content", 4),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = e.$implicit;
i.Cb(2),
i.lc("item", t)
}
}
let Q = (()=>{
class t {
constructor(t, e, n) {
this.danmuFacade = t,
this.danmuMenuService = e,
this.ref = n,
this.danmu = [],
this.subscriptions = []
}
closeMenu() {
this.danmuMenuService.notify(null)
}
openMenu(t, e) {
var n = this.ref.nativeElement.getBoundingClientRect();
this.danmuMenuService.notify({
danmu: e,
position: {
x: 70,
y: t.clientY - (n.y || n.top) + 60
}
}),
t.preventDefault(),
t.stopPropagation()
}
ngOnInit() {
setTimeout(()=>{
this.subscriptions.push(this.danmuFacade.list$.subscribe(t=>{
this.danmu = t
}
))
}
)
}
onDoubleClick(t) {
this.danmuFacade.setCurrentTime(t - .5)
}
ngOnDestroy() {
this.subscriptions.forEach(t=>t.unsubscribe())
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(c.a),i.Ob(V.a),i.Ob(i.l))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-danmu-list"]],
viewQuery: function(t, e) {
if (1 & t && i.Qc(v.d, 1),
2 & t) {
let t;
i.wc(t = i.cc()) && (e.viewport = t.first)
}
},
hostBindings: function(t, e) {
1 & t && i.bc("click", function() {
return e.closeMenu()
})
},
decls: 3,
vars: 3,
consts: [["itemSize", "15", 1, "scroll-bar"], ["class", "danmu-item position-relative", 4, "cdkVirtualFor", "cdkVirtualForOf"], [1, "danmu-item", "position-relative"], [1, "danmu-item-content", 3, "dblclick", "click"], [3, "item"]],
template: function(t, e) {
1 & t && (i.Ub(0, "cdk-virtual-scroll-viewport", 0),
i.Ic(1, X, 3, 1, "div", 1),
i.Tb(),
i.Pb(2, "app-danmu-menu")),
2 & t && (i.Gc("height", 100, "%"),
i.Cb(1),
i.lc("cdkVirtualForOf", e.danmu))
},
directives: [v.d, v.a, v.c, N, G],
styles: [".danmu-item[_ngcontent-%COMP%]{display:flex;cursor:pointer;line-height:26px}.danmu-item-time[_ngcontent-%COMP%]{width:80px}.danmu-item[_ngcontent-%COMP%]:hover{background-color:#2b2c3a}.danmu-list-scrollbar[_ngcontent-%COMP%]{height:346px}.danmu-list-header[_ngcontent-%COMP%]{display:flex;padding:5px;margin-bottom:5px}.danmu-item-content[_ngcontent-%COMP%]{flex:1;overflow:hidden;padding:0 5px} .cdk-virtual-scroll-content-wrapper{width:100%}"]
}),
t
}
)();
function Y(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 5),
i.Ub(1, "span", 2),
i.Kc(2),
i.Tb(),
i.Ub(3, "div", 6, 7),
i.bc("mousedown", function(n) {
i.Ac(t);
const o = e.$implicit
, s = i.xc(4);
return i.ec().onMouseClick(n, s, o)
})("mouseup", function(n) {
i.Ac(t);
const o = e.$implicit
, s = i.xc(4);
return i.ec().onMouseUp(n, s, o)
})("mousemove", function(n) {
i.Ac(t);
const o = e.$implicit
, s = i.xc(4);
return i.ec().onMouseOver(n, s, o)
}),
i.Ub(5, "div", 8),
i.Pb(6, "div", 9),
i.Tb(),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = i.ec();
i.Db("title", t.list[t.value].title),
i.Cb(2),
i.Lc(t.title),
i.Cb(4),
i.Gc("width", n.getProgress(t), "%")
}
}
function J(t, e) {
if (1 & t && (i.Ub(0, "option", 10),
i.Kc(1),
i.Tb()),
2 & t) {
const t = e.$implicit;
i.lc("value", t.value),
i.Cb(1),
i.Lc(t.name)
}
}
let $ = (()=>{
class t {
constructor(t, e, n) {
this.danmuFacade = t,
this._utility = e,
this.bulletStyleService = n,
this.fontFamily = 4,
this.speedOptions = [{
title: "\u6781\u6162",
value: 0
}, {
title: "\u6162",
value: 1
}, {
title: "\u9002\u4e2d",
value: 2
}, {
title: "\u5feb",
value: 3
}, {
title: "\u8d85\u5feb",
value: 4
}],
this.fontSizeOptions = [{
title: "\u6781\u5c0f",
value: 0
}, {
title: "\u5c0f",
value: 1
}, {
title: "\u9002\u4e2d",
value: 2
}, {
title: "\u5927",
value: 3
}, {
title: "\u8d85\u5927",
value: 4
}],
this.opacityOptions = [{
title: "10%",
value: 0
}, {
title: "25%",
value: 1
}, {
title: "50%",
value: 2
}, {
title: "75%",
value: 3
}, {
title: "100%",
value: 4
}],
this.options = [{
title: "\u5f39\u5e55\u901f\u5ea6",
list: this.speedOptions,
value: 0,
key: "speed"
}, {
title: "\u5b57\u4f53\u5927\u5c0f",
list: this.fontSizeOptions,
value: 2,
key: "font"
}, {
title: "\u4e0d\u900f\u660e\u5ea6",
list: this.opacityOptions,
value: 4,
key: "opacity"
}],
this.isAdjustedZoom = !1
}
ngOnInit() {
this.fontFamilyOptions = this.bulletStyleService.fontList,
this.danmuFacade.speed$.subscribe(t=>{
this.options.find(t=>"speed" == t.key).value = t
}
),
this.danmuFacade.fontSize$.subscribe(t=>{
this.options.find(t=>"font" == t.key).value = t
}
),
this.danmuFacade.opacity$.subscribe(t=>{
this.options.find(t=>"opacity" == t.key).value = t
}
),
this.danmuFacade.fontFamily$.subscribe(t=>{
this.fontFamily = t || 4
}
)
}
onFontFamilyChange(t) {
this.danmuFacade.setFontFamily(t)
}
selecItem(t, e) {
switch (t) {
case "speed":
this.danmuFacade.setSpeed(e);
break;
case "font":
this.danmuFacade.setFontSize(e);
break;
case "opacity":
this.danmuFacade.setOpacity(e)
}
}
getProgress(t) {
if (t.mouseDown)
return t.percentage;
{
let e = 100 / (t.list.length - 1);
return 0 == t.value ? 0 : t.value == length - 1 ? 100 : t.value * e
}
}
onMouseClick(t, e, n) {
n.mouseDown = !0,
n.percentage = t.offsetX / e.clientWidth * 100
}
onMouseUp(t, e, n) {
let i = t.offsetX / e.clientWidth * 100
, o = 100 / (n.list.length - 1)
, s = o / 2;
if (n.mouseDown = !1,
i < s)
return n.value = 0,
void this.selecItem(n.key, n.value);
if (i > 100 - s)
return n.value = n.list.length - 1,
void this.selecItem(n.key, n.value);
for (let c = 1; c < n.list.length - 1; ++c)
if (i < c * o + s) {
n.value = c,
this.selecItem(n.key, n.value);
break
}
}
onMouseOver(t, e, n) {
n.mouseDown && (n.percentage = t.offsetX / e.clientWidth * 100)
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(c.a),i.Ob(o.a),i.Ob(s.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-danmu-settings"]],
decls: 6,
vars: 3,
consts: [["class", "d-flex align-items-center", "style", "max-height: 54px;", 4, "ngFor", "ngForOf"], [1, "d-flex", "align-items-center", "font-family-wrap"], [1, "config-t", 2, "white-space", "nowrap"], [1, "font-family", 3, "ngModel", "change", "ngModelChange"], [3, "value", 4, "ngFor", "ngForOf"], [1, "d-flex", "align-items-center", 2, "max-height", "54px"], [1, "progress-whole", 3, "mousedown", "mouseup", "mousemove"], ["element", ""], [1, "progress-bg"], [1, "progress-handle"], [3, "value"]],
template: function(t, e) {
1 & t && (i.Ic(0, Y, 7, 4, "div", 0),
i.Ub(1, "div", 1),
i.Ub(2, "span", 2),
i.Kc(3, "\u5f39\u5e55\u5b57\u4f53"),
i.Tb(),
i.Ub(4, "select", 3),
i.bc("change", function(t) {
return e.onFontFamilyChange(t.target.value)
})("ngModelChange", function(t) {
return e.fontFamily = t
}),
i.Ic(5, J, 2, 2, "option", 4),
i.Tb(),
i.Tb()),
2 & t && (i.lc("ngForOf", e.options),
i.Cb(4),
i.lc("ngModel", e.fontFamily),
i.Cb(1),
i.lc("ngForOf", e.fontFamilyOptions))
},
directives: [a.m, m.q, m.j, m.l, m.m, m.t],
styles: ['.font-family-wrap[_ngcontent-%COMP%]{height:54px}.font-family[_ngcontent-%COMP%]{padding:5px;margin-left:15px;background-color:#2a2c39;color:#fff6!important;border-color:#0000;width:98px}.config-t[_ngcontent-%COMP%]{color:#fff6}.progress-whole[_ngcontent-%COMP%]{height:30px;width:100%;margin:35px 0 35px 15px!important;cursor:pointer}.progress-bg[_ngcontent-%COMP%]{position:relative;height:4px;width:100%;vertical-align:middle;-webkit-user-select:none;user-select:none;touch-action:pan-y;background-color:#2b2c3a;display:flex;top:50%;transform:translateY(-50%)}.progress-bg[_ngcontent-%COMP%] .progress-handle[_ngcontent-%COMP%]{background-color:#0db9f0;position:relative}.progress-bg[_ngcontent-%COMP%] .progress-handle[_ngcontent-%COMP%]:after{content:" ";position:absolute;width:1.2em;height:1.2em;background-color:#0db9f0;right:-.6em;top:-.3em}'],
changeDetection: 0
}),
t
}
)();
const Z = ["configDialog"]
, tt = ["danmuInputSettingsBlock"];
function et(t, e) {
1 & t && (i.Sb(0),
i.Ub(1, "div", 36),
i.Pb(2, "app-danmu-filter"),
i.Tb(),
i.Rb())
}
function nt(t, e) {
if (1 & t && (i.Sb(0),
i.Ub(1, "div", 37),
i.Pb(2, "app-danmu-list", 38),
i.Tb(),
i.Rb()),
2 & t) {
const t = i.ec();
i.Cb(2),
i.lc("fsApi", t.fsAPI)
}
}
function it(t, e) {
1 & t && i.Pb(0, "app-danmu-settings")
}
const ot = function(t) {
return {
invisible: t
}
};
function st(t, e) {
if (1 & t && (i.Sb(0),
i.Ub(1, "div", 39),
i.Ub(2, "div", 40),
i.Ic(3, it, 1, 0, "app-danmu-settings", 41),
i.Tb(),
i.Tb(),
i.Rb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("ngClass", i.qc(2, ot, !t.isShowConfig)),
i.Cb(2),
i.lc("ngIf", t.isShowConfig)
}
}
const ct = function(t, e, n) {
return {
selected: t,
reverse: e,
"vip-right": n
}
};
function at(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 42),
i.bc("click", function() {
i.Ac(t);
const n = e.$implicit;
return i.ec().selectColor(n)
}),
i.Pb(1, "div", 43),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = i.ec();
i.Cb(1),
i.Gc("background-color", t.color),
i.lc("ngClass", i.sc(3, ct, n.currentColor == t.value, t.reverse, t.vipFunction))
}
}
const lt = function(t) {
return {
selected: t
}
};
function rt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 44),
i.bc("click", function() {
i.Ac(t);
const n = e.$implicit;
return i.ec().selectType(n)
}),
i.Ub(1, "div", 45),
i.Pb(2, "div", 46),
i.Ub(3, "div", 47),
i.Kc(4),
i.Tb(),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = i.ec();
i.lc("ngClass", i.qc(2, lt, n.currentType == t.value)),
i.Cb(4),
i.Mc(" ", t.name, " ")
}
}
const ut = function(t, e) {
return {
icondanmukai: t,
icondanmuguan: e
}
}
, ht = function(t) {
return {
active: t
}
};
let dt = (()=>{
class t {
constructor(t, e, n, o, s, c, a, l, r) {
this.styleService = t,
this.danmuFacade = e,
this._userService = n,
this.notify = o,
this._dnDialogService = s,
this._rechargeBoxService = c,
this._utility = a,
this._api = l,
this.settingsService = r,
this.count = 3,
this.disableFont = !1,
this.subscriptions = [],
this.isShowConfig = !1,
this.fontList = [],
this.colorList = [],
this.styleList = [],
this.typeList = [],
this.currentColor = 0,
this.currentFont = 0,
this.currentStyle = 0,
this.currentType = 0,
this.sampleStyle = {},
this.text = "",
this.disabled = !1,
this.showDanmuInputSettingsBlock = !1,
this.includeAvatar = !1,
this.includeLocation = !1,
this.danmuInitialSettings = {
blockLeft: !1,
blockTop: !1,
blockBottom: !1,
userFilters: [],
keywordFilters: [],
speed: 2,
showDanmu: !0,
fontSize: 2
},
this.openList = null,
this.openList1 = null,
this.configChange = new i.n,
this.send = new i.n,
this.error = new i.n,
this.onFocus = new i.n,
this.onBlur = new i.n,
this.placeholder = "\u70b9\u51fb\u6b64\u5904\u8f93\u5165\u5f39\u5e55",
this.tab = "setting",
this.colorList = t.colorList,
this.fontList = t.fontList,
this.styleList = t.styleList,
this.typeList = [{
type: p.a.Barrel,
name: "\u6eda\u52a8",
value: 0,
vipFunction: !1
}, {
type: p.a.FixTop,
name: "\u9876\u90e8",
value: 1,
vipFunction: !0
}, {
type: p.a.FixBottom,
name: "\u5e95\u90e8",
value: 2,
vipFunction: !0
}]
}
set config(t) {
null != t && (t.font && (this.currentFont = t.font),
t.color && (this.currentColor = t.color),
t.style && (this.currentStyle = t.style),
this.onFontChanged(!1))
}
textBlur() {
this.placeholder = "\u70b9\u51fb\u6b64\u5904\u8f93\u5165\u5f39\u5e55",
this._utility.isKeyboard = !1,
this.onBlur.emit()
}
textFocus() {
this.isShowConfig = !1,
this.placeholder = "",
this._utility.isKeyboard = !0,
this.onFocus.emit()
}
readState() {}
ngOnInit() {
const t = this.getDamuSetting()
, e = "string" == typeof t.userFilters ? JSON.parse(t.userFilters) : t.userFilters
, n = "string" == typeof t.keywordFilters ? JSON.parse(t.keywordFilters) : t.keywordFilters;
t.blockLeft && this.danmuFacade.blockLeft(null),
t.blockTop && this.danmuFacade.blockTop(null),
t.blockBottom && this.danmuFacade.blockBottom(null),
this.danmuFacade.setSpeed(t.speed),
e && e.forEach(t=>{
this.danmuFacade.addUserFilter(t)
}
),
n && n.forEach(t=>{
this.danmuFacade.addKeywordFilter(t)
}
),
this.danmuFacade.setFontSize(t.fontSize),
t.opacity && this.danmuFacade.setOpacity(t.opacity),
t["font-family"] && this.danmuFacade.setFontFamily(t["font-family"]),
this.danmuFacade.getUserSettings(null),
this.subscriptions.push(this.danmuFacade.userFilter$.subscribe(t=>{
this.updateLocalDanmuSettings({
userFilters: JSON.stringify(t)
})
}
), this.danmuFacade.keywordFilter$.subscribe(t=>{
this.updateLocalDanmuSettings({
keywordFilters: JSON.stringify(t)
})
}
), this.danmuFacade.blockLeft$.subscribe(t=>{
this.updateLocalDanmuSettings({
blockLeft: t
})
}
), this.danmuFacade.blockTop$.subscribe(t=>{
this.updateLocalDanmuSettings({
blockTop: t
})
}
), this.danmuFacade.blockBottom$.subscribe(t=>{
this.updateLocalDanmuSettings({
blockBottom: t
})
}
), this.danmuFacade.speed$.subscribe(t=>{
this.updateLocalDanmuSettings({
speed: t
})
}
), this.danmuFacade.showDanmu$.subscribe(t=>{
this.updateLocalDanmuSettings({
showDanmu: t
})
}
), this.danmuFacade.fontSize$.subscribe(t=>{
this.updateLocalDanmuSettings({
fontSize: t
})
}
), this.danmuFacade.opacity$.subscribe(t=>{
this.updateLocalDanmuSettings({
opacity: t
})
}
), this.danmuFacade.fontFamily$.subscribe(t=>{
this.updateLocalDanmuSettings({
"font-family": t
})
}
), this.danmuFacade.outputType$.subscribe(t=>{
this.currentType = t
}
), this.danmuFacade.outputColor$.subscribe(t=>{
this.currentColor = t
}
), this.danmuFacade.userSettings$.subscribe(t=>{
this.includeAvatar = t.includeAvatar,
this.includeLocation = t.includeLocation
}
), this.settingsService.settings$.subscribe(t=>{
if ("isShowDanmuMode"in t) {
let e = this.getDamuSetting();
t.isShowDanmuMode !== e.showDanmu && void 0 === this.lastSettingShowDanmu && this.danmuFacade.toggleDanmu(null),
this.lastSettingShowDanmu = t.isShowDanmuMode
}
}
)),
this.user = this._userService.user,
this.subscriptions.push(this._userService.userState$.subscribe(t=>{
this.user = t
}
), this.danmuFacade.DanmuKey$.subscribe(t=>{
t && this.danmuKey != t && (this.danmuKey = t,
this.notify.sendMsg({
action: u.a.JoinVideoRoom,
data: {
uniqueKey: t
}
}))
}
), this.notify.on({
action: u.a.SendBarrage
}).subscribe(t=>{
var e = t.second;
(isNaN(e) || e < 0) && (e = 0);
var n = {
guid: t.guid || "",
avatar: t.avatar,
country: t.country,
contxt: t.processContext,
color: t.color || 0,
font: t.font || 0,
isDeleted: 0,
lid: t.lid || 0,
nickName: t.nickName || "",
position: t.position || 0,
second: e,
uid: t.uid || 0,
vid: t.vid || 0,
addTime: t.addTime || "",
prefix: t.prefix,
isOfficalUP: t.IsOfficalUP
};
this.user.id !== n.uid && this.danmuFacade.newDanmu(n)
}
))
}
ngAfterViewInit() {
this.dialogElem = this.configDialog.nativeElement,
this.danmuInputSettingsBlockElem = this.danmuInputSettingsBlock.nativeElement
}
showConfig() {
this.disabled ? this.isShowConfig = !1 : (this.isShowConfig = !this.isShowConfig,
this.isShowConfig ? (this._api && this._api.hiddenAPI && this._api.hiddenAPI.captureControls(),
this.openList = this._utility.openList(this.dialogElem, null, t=>{
var e;
const n = (null === (e = t.getAttribute("class")) || void 0 === e ? void 0 : e.split(" ")) || [];
n.indexOf("danmu-menu-item") > -1 || n.indexOf("sender") > -1 || (this.openList.unsubscribe(),
this._api && this._api.hiddenAPI && this._api.hiddenAPI.releaseControls(),
this.isShowConfig = !1)
}
)) : (this.openList && this.openList.unsubscribe(),
this._api && this._api.hiddenAPI && this._api.hiddenAPI.releaseControls()))
}
selectFont(t) {
this.currentFont = t.value,
this.onFontChanged()
}
selectColor(t) {
return this.user && this.user.id ? 0 === this.user.roleId && this.user.level < 2 ? (window.dispatchEvent(new CustomEvent("quitVideoFullScreenIfany")),
void this._rechargeBoxService.changeDisplayStatus(!0)) : (this.danmuFacade.setOutputColor(t.value),
this.currentColor = t.value,
void this.onFontChanged()) : (window.dispatchEvent(new CustomEvent("quitVideoFullScreenIfany")),
void this._userService.showLoginDialog(!0))
}
selectStyle(t) {
this.currentStyle = t.value,
this.onFontChanged()
}
selectType(t) {
return this.user && this.user.id ? 0 === this.user.roleId ? (window.dispatchEvent(new CustomEvent("quitVideoFullScreenIfany")),
void this._rechargeBoxService.changeDisplayStatus(!0)) : (this.danmuFacade.setOutputType(t.value),
this.currentType = t.value,
void this.onFontChanged()) : (window.dispatchEvent(new CustomEvent("quitVideoFullScreenIfany")),
void this._userService.showLoginDialog(!0))
}
onFontChanged(t=!0) {
const e = {
opacity: "100",
font: this.currentFont,
style: this.currentStyle,
color: this.currentColor,
"font-family": null
};
this.sampleStyle = this.styleService.getStyle(e),
t && this.configChange.next(e)
}
selectConfig(t) {
this.tab = t
}
sendDanmu() {
if (!this.user.id)
return window.dispatchEvent(new CustomEvent("quitVideoFullScreenIfany")),
void this._userService.showLoginDialog(!0);
if (0 === this.text.length || this.text.length >= 25)
return this._dnDialogService.open("player-message-dialog", {
size: {
width: 360,
height: 240
},
message: "\u5b57\u7b26\u4e0d\u80fd\u4e3a\u7a7a\uff0c\u6216\u4e0d\u80fd\u8d85\u8fc725\u4e2a"
}),
void this.error.next("\u5b57\u7b26\u4e0d\u80fd\u4e3a\u7a7a\uff0c\u6216\u4e0d\u80fd\u8d85\u8fc725\u4e2a");
if (this.text.match(/^\s*$/))
return this._dnDialogService.open("player-message-dialog", {
size: {
width: 360,
height: 240
},
message: "\u5b57\u7b26\u4e0d\u80fd\u4e3a\u7a7a\uff0c\u6216\u4e0d\u80fd\u8d85\u8fc725\u4e2a"
}),
this.text = "",
void this.error.next("\u5b57\u7b26\u4e0d\u80fd\u4e3a\u7a7a\uff0c\u6216\u4e0d\u80fd\u8d85\u8fc725\u4e2a");
const t = (new Date).getTime();
if (this.timestamp && t - this.timestamp < 3e3)
return this._dnDialogService.open("player-message-dialog", {
size: {
width: 360,
height: 240
},
message: "\u5f39\u5e55\u8f93\u5165\u9891\u7387\u8fc7\u9ad8\uff0c\u8bf7\u7a0d\u5019\u518d\u8bd5\u3002"
}),
void (this.text = "");
const e = new a.e("en-US");
let n = this.danmuFacade.currentTime;
0 === n || (this.timestamp = (new Date).getTime(),
this.danmuFacade.sendDanmu({
second: n,
published: e.transform(new Date, "MM-dd"),
font: this.currentFont,
color: this.hashColor(),
style: this.currentStyle,
contxt: this.text,
type: this.currentType,
user: this.user,
uniqueKey: this.danmuKey,
position: this.currentType,
addTime: new Date((new Date).toString().split("GMT")[0] + " UTC").toISOString().split(".")[0]
}),
this.text = "")
}
textinput(t) {
this._utility.isKeyEnter(t) && this.sendDanmu()
}
ngOnDestroy() {
this.subscriptions.forEach(t=>t.unsubscribe()),
this.notify.sendMsg({
action: u.a.LeaveVideoRoom
}),
this.openList && this.openList.unsubscribe(),
this.openList1 && this.openList1.unsubscribe()
}
isPlayPage(t) {
return "play" === t.split("?")[0].replace("/", "").toLowerCase() || "watch" === t.split("?")[0].replace("/", "").toLowerCase()
}
toggleDanmu() {
let t = this.getDamuSetting();
this.user && this.user.id && this.settingsService.updateOneSetting({
isShowDanmuMode: !t.showDanmu
}),
this.danmuFacade.toggleDanmu(null)
}
getDamuSetting() {
return localStorage.getItem("danmuSettings") ? JSON.parse(localStorage.getItem("danmuSettings")) : this.danmuInitialSettings
}
toggleIncludeLocation() {
return this.user && this.user.id ? this.user && this.user.id && 0 === this.user.roleId ? (window.dispatchEvent(new CustomEvent("quiteFullScreen")),
void this._rechargeBoxService.changeDisplayStatus(!0)) : (this.includeLocation = !this.includeLocation,
void this.danmuFacade.updateUserSettings({
includeAvatar: this.includeAvatar,
includeLocation: this.includeLocation
})) : (window.dispatchEvent(new CustomEvent("quiteFullScreen")),
void this._userService.showLoginDialog(!0))
}
toggleIncludeAvatar() {
return this.user && this.user.id ? this.user && this.user.id && 0 === this.user.roleId ? (window.dispatchEvent(new CustomEvent("quiteFullScreen")),
void this._rechargeBoxService.changeDisplayStatus(!0)) : (this.includeAvatar = !this.includeAvatar,
void this.danmuFacade.updateUserSettings({
includeAvatar: this.includeAvatar,
includeLocation: this.includeLocation
})) : (window.dispatchEvent(new CustomEvent("quiteFullScreen")),
void this._userService.showLoginDialog(!0))
}
hashColor() {
switch (this.currentColor) {
case 0:
return "#ffffff";
case 1:
return "#dda7e5";
case 2:
return "#3bc529";
case 3:
return "#00bacf";
case 4:
return "#fffc00";
case 5:
return "#fe0000";
case 6:
return "#ff7200";
case 7:
return "#000000";
default:
return "#ffffff"
}
}
updateLocalDanmuSettings(t) {
let e = this.getDamuSetting();
localStorage.setItem("danmuSettings", JSON.stringify(Object.assign(Object.assign({}, e), t)))
}
onMouseLeave() {}
toggleDanmuInputSettingsBlock() {
this.showDanmuInputSettingsBlock = !this.showDanmuInputSettingsBlock,
this.showDanmuInputSettingsBlock ? this.openList1 = this._utility.openList(this.danmuInputSettingsBlockElem, null, t=>{
var e;
(null === (e = t.getAttribute("class")) || void 0 === e ? void 0 : e.split(" ")).indexOf("iconyangshi") > -1 || (this.openList1.unsubscribe(),
this.showDanmuInputSettingsBlock = !1)
}
) : this.openList1 && this.openList1.unsubscribe()
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(s.a),i.Ob(c.a),i.Ob(l.a),i.Ob(r.a),i.Ob(h.a),i.Ob(g.a),i.Ob(o.a),i.Ob(d.a),i.Ob(b.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-danmu-input"]],
viewQuery: function(t, e) {
if (1 & t && (i.Qc(Z, 1),
i.Qc(tt, 1)),
2 & t) {
let t;
i.wc(t = i.cc()) && (e.configDialog = t.first),
i.wc(t = i.cc()) && (e.danmuInputSettingsBlock = t.first)
}
},
inputs: {
vgFor: "vgFor",
config: "config"
},
outputs: {
configChange: "configChange",
send: "send",
error: "error",
onFocus: "onFocus",
onBlur: "onBlur"
},
features: [i.Bb([s.a])],
decls: 66,
vars: 41,
consts: [[1, "d-flex", "align-items-center", "w-100", "danmu-input-container"], [1, "input-area", "flex-1", "d-flex", "justify-content-center"], [1, "d-flex", "justify-content-center", "align-items-center", "position-relative"], [1, "action-pannel"], ["title", "\u5f39\u5e55\u5f00\u5173", 1, "action", 3, "click"], [1, "iconfont", 3, "ngClass"], [1, "action", 3, "ngClass"], ["configDialog", ""], ["title", "\u5f39\u5e55\u5c55\u793a\u8bbe\u7f6e", 1, "iconfont", "icondanmushezhi", 3, "click"], [1, "config-block", 3, "ngClass"], [1, "tabs"], [1, "tab", 3, "ngClass", "click"], [1, "notranslate"], [3, "ngSwitch"], [4, "ngSwitchCase"], [1, "item", "input"], ["type", "text", "maxlength", "25", 3, "ngModel", "disabled", "ngModelChange", "focus", "blur", "keyup"], ["aria-label", "\u5f39\u5e55\u53d1\u9001\u8bbe\u7f6e", "title", "\u5f39\u5e55\u53d1\u9001\u8bbe\u7f6e", 1, "danmu-input-setting-button", 3, "click"], [1, "iconfont", "iconyangshi"], ["type", "button", 1, "item", "button", "send-button", 3, "disabled", "click"], [1, "danmu-input-settings-block", 3, "ngClass"], ["danmuInputSettingsBlock", ""], [1, "danmu-input-settings-block-header"], [1, ""], [1, "text-color-secondary"], [1, "color-selector-inner"], ["class", "item", 3, "click", 4, "ngFor", "ngForOf"], [1, "line-seprator", 2, "margin", "15px 0 12px"], [1, "type-selector-inner"], ["class", "option", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], [1, "d-flex", "align-items-center", 2, "margin-bottom", "5px", 3, "click"], [1, "slider-label"], [1, "img-avatar-defaul"], [2, "margin-right", "5px", 3, "status"], [1, "d-flex", "align-items-center", 3, "click"], [1, "img-location"], [1, "config-block-content"], [1, "config-block-content", "danmu-center-content"], [3, "fsApi"], [1, "config-block-content", 3, "ngClass"], [1, "advance-selector", "selector", 2, "padding", "1em"], [4, "ngIf"], [1, "item", 3, "click"], [1, "color", 3, "ngClass"], [1, "option", 3, "ngClass", "click"], [1, "type-item"], [1, "item-image"], [1, "item-text"]],
template: function(t, e) {
1 & t && (i.Ub(0, "div", 0),
i.Ub(1, "div", 1),
i.Ub(2, "div", 2),
i.Ub(3, "div", 3),
i.Ub(4, "div", 4),
i.bc("click", function() {
return e.toggleDanmu()
}),
i.Pb(5, "i", 5),
i.fc(6, "async"),
i.fc(7, "async"),
i.Tb(),
i.Ub(8, "div", 6, 7),
i.Ub(10, "i", 8),
i.bc("click", function() {
return e.showConfig()
}),
i.Tb(),
i.Ub(11, "div", 9),
i.Ub(12, "div", 10),
i.Ub(13, "div", 11),
i.bc("click", function() {
return e.selectConfig("setting")
}),
i.Kc(14, "\u5f39\u5e55\u8bbe\u7f6e "),
i.Tb(),
i.Ub(15, "div", 11),
i.bc("click", function() {
return e.selectConfig("list")
}),
i.Kc(16, " \u5f39\u5e55\u5217\u8868("),
i.Ub(17, "span", 12),
i.Kc(18),
i.fc(19, "async"),
i.Tb(),
i.Kc(20, ")"),
i.Tb(),
i.Ub(21, "div", 11),
i.bc("click", function() {
return e.selectConfig("filter")
}),
i.Kc(22, "\u5f39\u5e55\u5c4f\u853d"),
i.Tb(),
i.Tb(),
i.Sb(23, 13),
i.Ic(24, et, 3, 0, "ng-container", 14),
i.Ic(25, nt, 3, 1, "ng-container", 14),
i.Ic(26, st, 4, 4, "ng-container", 14),
i.Rb(),
i.Tb(),
i.Tb(),
i.Tb(),
i.Ub(27, "div", 15),
i.Ub(28, "input", 16),
i.bc("ngModelChange", function(t) {
return e.text = t
})("focus", function() {
return e.textFocus()
})("blur", function() {
return e.textBlur()
})("keyup", function(t) {
return e.textinput(t)
}),
i.Tb(),
i.Ub(29, "button", 17),
i.bc("click", function() {
return e.toggleDanmuInputSettingsBlock()
}),
i.Pb(30, "i", 18),
i.Tb(),
i.Ub(31, "button", 19),
i.bc("click", function() {
return e.sendDanmu()
}),
i.Kc(32, "\u53d1\u9001"),
i.Tb(),
i.Ub(33, "div", 20, 21),
i.Ub(35, "div"),
i.Ub(36, "div", 22),
i.Ub(37, "span", 23),
i.Kc(38, "\u5f39\u5e55\u989c\u8272\u3000"),
i.Tb(),
i.Ub(39, "span", 24),
i.Kc(40, "(\u5f00\u901aVIP\u6216Lv.2\u53ef\u89e3\u9501\u7279\u6b8a\u5f39\u5e55\u989c\u8272)"),
i.Tb(),
i.Tb(),
i.Ub(41, "div", 25),
i.Ic(42, at, 2, 7, "div", 26),
i.Tb(),
i.Tb(),
i.Pb(43, "div", 27),
i.Ub(44, "div"),
i.Ub(45, "div", 22),
i.Kc(46, "\u5f39\u5e55\u4f4d\u7f6e"),
i.Tb(),
i.Ub(47, "div", 28),
i.Ic(48, rt, 5, 4, "div", 29),
i.Tb(),
i.Tb(),
i.Pb(49, "div", 27),
i.Ub(50, "div"),
i.Ub(51, "div", 22),
i.Kc(52, "\u5f39\u5e55\u524d\u7f00"),
i.Tb(),
i.Ub(53, "div", 23),
i.Ub(54, "div", 30),
i.bc("click", function() {
return e.toggleIncludeAvatar()
}),
i.Ub(55, "div", 31),
i.Pb(56, "div", 32),
i.Ub(57, "span"),
i.Kc(58, "\u5934\u50cf\u548c\u6635\u79f0"),
i.Tb(),
i.Tb(),
i.Pb(59, "app-slide-toggle", 33),
i.Tb(),
i.Ub(60, "div", 34),
i.bc("click", function() {
return e.toggleIncludeLocation()
}),
i.Ub(61, "div", 31),
i.Pb(62, "div", 35),
i.Ub(63, "span"),
i.Kc(64, "\u56fd\u5bb6"),
i.Tb(),
i.Tb(),
i.Pb(65, "app-slide-toggle", 33),
i.Tb(),
i.Tb(),
i.Tb(),
i.Tb(),
i.Tb(),
i.Tb(),
i.Tb(),
i.Tb()),
2 & t && (i.Cb(5),
i.lc("ngClass", i.rc(26, ut, i.gc(6, 20, e.danmuFacade.showDanmu$), !i.gc(7, 22, e.danmuFacade.showDanmu$))),
i.Cb(3),
i.lc("ngClass", i.qc(29, ht, e.isShowConfig)),
i.Cb(3),
i.lc("ngClass", i.qc(31, ot, !e.isShowConfig)),
i.Cb(2),
i.lc("ngClass", i.qc(33, ht, "setting" == e.tab)),
i.Cb(2),
i.lc("ngClass", i.qc(35, ht, "list" == e.tab)),
i.Cb(3),
i.Lc(i.gc(19, 24, e.danmuFacade.list$).length),
i.Cb(3),
i.lc("ngClass", i.qc(37, ht, "filter" == e.tab)),
i.Cb(2),
i.lc("ngSwitch", e.tab),
i.Cb(1),
i.lc("ngSwitchCase", "filter"),
i.Cb(1),
i.lc("ngSwitchCase", "list"),
i.Cb(1),
i.lc("ngSwitchCase", "setting"),
i.Cb(2),
i.lc("ngModel", e.text)("disabled", e.disabled),
i.Db("placeholder", e.disabled ? "\u64ad\u653e\u5f00\u59cb\u540e\u53ef\u4ee5\u8f93\u5165\u5f39\u5e55" : e.placeholder),
i.Cb(3),
i.lc("disabled", e.disabled),
i.Cb(2),
i.lc("ngClass", i.qc(39, ot, !e.showDanmuInputSettingsBlock)),
i.Cb(9),
i.lc("ngForOf", e.colorList),
i.Cb(6),
i.lc("ngForOf", e.typeList),
i.Cb(11),
i.lc("status", e.includeAvatar),
i.Cb(6),
i.lc("status", e.includeLocation))
},
directives: [a.l, a.p, a.q, m.a, m.i, m.j, m.l, a.m, f.a, E, Q, a.n, $],
pipes: [a.b],
styles: ['@charset "UTF-8";.input-area[_ngcontent-%COMP%]{position:relative;min-height:3em;background-color:#0000;padding:.5em 0;font-size:15px;margin-left:auto;align-items:center;cursor:pointer}.input-area[_ngcontent-%COMP%] .line[_ngcontent-%COMP%]{height:1px;background-color:#676767;margin-top:-2px}.input-area.full[_ngcontent-%COMP%]{padding:.5em 0 0}.input-area.full.lg[_ngcontent-%COMP%]{padding-top:.8em;padding-bottom:.7em}.input-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{display:inline-block}.input-area[_ngcontent-%COMP%] .item.config[_ngcontent-%COMP%]{color:#fff;font-size:16px;padding:0 2em;width:33.333%;text-align:center}.input-area[_ngcontent-%COMP%] .item.config.selected[_ngcontent-%COMP%]{background-color:#383844}.input-area[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{color:#ffffffb3;background-color:#373843;border:none;position:absolute;right:0;padding:0 1em;cursor:pointer;line-height:35px;height:35px}.input-area[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#fff}.input-area[_ngcontent-%COMP%] .danmu-input-setting-button[_ngcontent-%COMP%]{position:absolute;right:65px;top:0;height:100%;padding:0;border:none;outline:none;display:flex;align-items:center;background-color:initial;color:#ffffffb3}.input-area[_ngcontent-%COMP%] .setting[_ngcontent-%COMP%]{margin-left:-.5em;position:relative;top:.2em;margin-right:.5em}.input-area.invisible[_ngcontent-%COMP%]{min-height:0;max-height:0;padding:0!important}.input[_ngcontent-%COMP%]{position:relative}.input[_ngcontent-%COMP%] input[type=text][_ngcontent-%COMP%]{background-color:#2a2c39;border:none;height:35px;color:#ffffffb3;padding-left:1em;width:100%;padding-right:6.5em}.input[_ngcontent-%COMP%] input[type=text][_ngcontent-%COMP%]::placeholder{position:relative;top:.1em;-webkit-user-select:none;user-select:none}.input[_ngcontent-%COMP%] input[type=text][_ngcontent-%COMP%]:focus{color:#fff}.item-text[_ngcontent-%COMP%]{line-height:12px}.selector[_ngcontent-%COMP%]{color:#222}.selector[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{text-align:center}.selector[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-text[_ngcontent-%COMP%]{display:inline-block}.selector[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .item-text.selected[_ngcontent-%COMP%]{background-color:#383844}.text-sample[_ngcontent-%COMP%]{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;color:#222;right:4.2em;text-shadow:0 0 1px #eaeaea;padding:0 .5em;z-index:9}.config-block[_ngcontent-%COMP%]{background-color:#1c1d2f;position:absolute;bottom:51px;right:14.2em;z-index:9999;width:326px;height:414px;font-size:12px;border:1px solid #0000;-webkit-user-select:none;user-select:none}.config-block-tabs[_ngcontent-%COMP%]{display:flex;align-items:center;position:absolute;width:100%;bottom:0}.config-block-tabs[_ngcontent-%COMP%] .tab[_ngcontent-%COMP%]{padding:5px 0;flex:1;text-align:center;color:#ffffffb3;cursor:pointer}.config-block-tabs[_ngcontent-%COMP%] .tab[_ngcontent-%COMP%]:hover{color:#fff!important}.config-block-tabs[_ngcontent-%COMP%] .tab.selected[_ngcontent-%COMP%]{background-color:#383844;color:#fff!important}.config-block-content[_ngcontent-%COMP%]{height:370px;box-sizing:border-box;padding:10px 0;color:#fff6;cursor:auto}.option[_ngcontent-%COMP%]{cursor:pointer;color:#fff6}.type-selector-inner[_ngcontent-%COMP%]{display:flex}.type-selector-inner[_ngcontent-%COMP%] .type-item[_ngcontent-%COMP%]{text-align:center;margin-right:30px}.type-selector-inner[_ngcontent-%COMP%] .item-image[_ngcontent-%COMP%]{width:24px;height:24px;background-size:cover;margin:0 auto}.type-selector-inner[_ngcontent-%COMP%]:last-child{margin-right:0}.type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:first-child .item-image[_ngcontent-%COMP%]{background-image:url(/assets/images/tan_full.png)}.type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:first-child.selected, .type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:first-child:hover{color:#00c0ff}.type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:first-child.selected .item-image[_ngcontent-%COMP%], .type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:first-child:hover .item-image[_ngcontent-%COMP%]{background-image:url(/assets/images/tan_full_click.png)}.type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:nth-child(2) .item-image[_ngcontent-%COMP%], .type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:nth-child(3) .item-image[_ngcontent-%COMP%]{position:relative;background-image:url(/assets/images/tan_top.png)}.type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:nth-child(2) .item-image[_ngcontent-%COMP%]:after, .type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:nth-child(3) .item-image[_ngcontent-%COMP%]:after{font-family:iconfont!important;content:"\ue655";background:-webkit-linear-gradient(#fec1a1,#feecc6);-webkit-background-clip:text;-webkit-text-fill-color:#0000;font-size:16px;display:block;position:absolute;top:-14px;right:-10px}.type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:nth-child(2).selected, .type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:nth-child(2):hover, .type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:nth-child(3).selected, .type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:nth-child(3):hover{color:#fec1a1}.type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:nth-child(2).selected .item-image[_ngcontent-%COMP%], .type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:nth-child(2):hover .item-image[_ngcontent-%COMP%], .type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:nth-child(3).selected .item-image[_ngcontent-%COMP%], .type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:nth-child(3):hover .item-image[_ngcontent-%COMP%]{background-image:url(/assets/images/tan_top_click.png)}.type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:nth-child(3) .item-image[_ngcontent-%COMP%]{background-image:url(/assets/images/tan_bottom.png)}.type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:nth-child(3).selected .item-image[_ngcontent-%COMP%], .type-selector-inner[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:nth-child(3):hover .item-image[_ngcontent-%COMP%]{background-image:url(/assets/images/tan_bottom_click.png)}.line-seprator[_ngcontent-%COMP%]{width:100%;height:1px;background-color:#666}.color-selector-inner[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;justify-content:space-between}.color-selector-inner[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{width:27px;height:27px;display:flex;align-items:center;justify-content:center}.color-selector-inner[_ngcontent-%COMP%] .color[_ngcontent-%COMP%]{width:27px;height:27px;cursor:pointer}.color-selector-inner[_ngcontent-%COMP%] .color.vip-right[_ngcontent-%COMP%]:before{font-family:iconfont!important;content:"\ue655";background:-webkit-linear-gradient(#fec1a1,#feecc6);-webkit-background-clip:text;-webkit-text-fill-color:#0000;font-size:16px;display:block;position:absolute;top:-19px;right:-11px}.color-selector-inner[_ngcontent-%COMP%] .color.selected[_ngcontent-%COMP%]:after{content:"";background-image:url(/assets/images/click_o@2x.png);display:block;position:absolute;bottom:0;right:0;background-size:cover;height:16px;width:16px}.c-title[_ngcontent-%COMP%]{color:#fff6;margin:.5em 0 1em .5em;display:inline-block}.danmu-toggle[_ngcontent-%COMP%]{padding:0 5px;font-size:11px;margin-left:5px;cursor:pointer}.action[_ngcontent-%COMP%]{display:inline-flex;cursor:pointer;margin-right:25px;color:#ffffffb3}.action[_ngcontent-%COMP%]:hover .iconfont[_ngcontent-%COMP%]{color:#00c0ff}.action[_ngcontent-%COMP%] .icondanmukai[_ngcontent-%COMP%], .action.active[_ngcontent-%COMP%]{color:#fff}.action-pannel[_ngcontent-%COMP%], .tabs[_ngcontent-%COMP%]{display:flex}.tabs[_ngcontent-%COMP%]{border-bottom:1px solid #6663}.tabs[_ngcontent-%COMP%] .tab[_ngcontent-%COMP%]{display:inline-block;cursor:pointer;flex:1;text-align:center;padding:.5em;color:#ffffffb3}.danmu-center-content[_ngcontent-%COMP%]{color:#fff6;font-size:13px}.danmu-input-container[_ngcontent-%COMP%]{min-width:560px}.danmu-input-container[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:460px}.item[_ngcontent-%COMP%]{position:relative}.vip-label[_ngcontent-%COMP%]{margin-left:5px}.danmu-input-settings-block[_ngcontent-%COMP%]{position:absolute;right:60px;bottom:36px;background-color:#1c1d2f;width:337px;height:334px;z-index:5001;padding:20px;color:#fff;font-size:12px}.danmu-input-settings-block-header[_ngcontent-%COMP%]{margin-bottom:10px;line-height:30px}.danmu-input-settings-block[_ngcontent-%COMP%] .text-color-secondary[_ngcontent-%COMP%]{color:#ffffffb3}.img-avatar-defaul[_ngcontent-%COMP%]{background-image:url(/assets/images/head_24.png)}.img-avatar-defaul[_ngcontent-%COMP%], .img-location[_ngcontent-%COMP%]{height:24px;width:24px;background-size:cover;margin-right:5px}.img-location[_ngcontent-%COMP%]{background-image:url(/assets/images/location.png)}.slider-label[_ngcontent-%COMP%]{width:120px;display:flex;align-items:center}.slider-label[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{position:relative}.slider-label[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:after{font-family:iconfont!important;content:"\ue655";background:-webkit-linear-gradient(#fec1a1,#feecc6);-webkit-background-clip:text;-webkit-text-fill-color:#0000;font-size:16px;display:block;position:absolute;top:0;right:-23px}@media (min-width:1679px) and (max-width:1911px){.config-block[_ngcontent-%COMP%]{bottom:47px}}@media (max-width:1678px){.input-area[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{line-height:30px;height:30px}.input[_ngcontent-%COMP%] input[type=text][_ngcontent-%COMP%]{height:30px}.config-block[_ngcontent-%COMP%]{bottom:39px}}']
}),
t
}
)()
},
oAdE: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return bt
});
var i = n("fXoL")
, o = n("N9ew")
, s = n("dOYE")
, c = n("BXbW")
, a = n("tyNb")
, l = n("zv+B")
, r = n("KRVc")
, u = (n("Mi/O"),
n("0Xxy"))
, h = n("OeGS")
, d = n("ruQk")
, g = n("YKxU")
, p = n("ofXK")
, b = n("q5P3")
, m = n("ciLT")
, f = n("SCto")
, v = n("ELgw")
, C = n("xMFu")
, P = n("8eqO")
, y = n("3My9")
, O = n("bTnO")
, x = n("5Jsc");
const M = [{
label: "\u6240\u6709\u4eba\u53ef\u89c1",
value: 0
}, {
label: "\u6295\u7968\u540e\u53ef\u89c1",
value: 1
}];
var _ = n("3Pt+")
, w = n("a87Y")
, k = n("7K1u")
, I = n("UnVO")
, S = n("ANSy");
function T(t, e) {
1 & t && (i.Ub(0, "div"),
i.Kc(1, "\u8bf7\u8f93\u5165\u6807\u9898"),
i.Tb())
}
function A(t, e) {
1 & t && (i.Ub(0, "div"),
i.Kc(1, "\u6700\u591a30\u4e2a\u5b57\u7b26"),
i.Tb())
}
function U(t, e) {
if (1 & t && (i.Ub(0, "div", 25),
i.Ic(1, T, 2, 0, "div", 26),
i.Ic(2, A, 2, 0, "div", 26),
i.Tb()),
2 & t) {
const t = i.ec(2);
i.Cb(1),
i.lc("ngIf", null == t.title.errors ? null : t.title.errors.required),
i.Cb(1),
i.lc("ngIf", null == t.title.errors ? null : t.title.errors.maxlength)
}
}
const F = function() {
return {
standalone: !0
}
};
function L(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 27),
i.Ub(1, "div", 28),
i.Ub(2, "label", 29),
i.Kc(3),
i.Tb(),
i.Ub(4, "div", 30),
i.Ub(5, "input", 31),
i.bc("ngModelChange", function(t) {
return e.$implicit.value.value = t
}),
i.Tb(),
i.Tb(),
i.Ub(6, "span", 32),
i.bc("click", function() {
i.Ac(t);
const n = e.index;
return i.ec(2).deleteOption(n)
}),
i.Tb(),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = e.index;
i.Cb(2),
i.lc("for", "option" + n),
i.Cb(1),
i.Mc("\u9009\u9879", n + 1, "\uff1a"),
i.Cb(2),
i.lc("id", "option" + n)("ngModel", t.value.value)("ngModelOptions", i.pc(6, F))("name", "option" + n)
}
}
function B(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 33),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).addOption()
}),
i.Ub(1, "span"),
i.Kc(2, "+"),
i.Tb(),
i.Kc(3, " \u589e\u52a0\u9009\u9879"),
i.Ub(4, "span"),
i.Kc(5, "(\u6700\u591a5\u4e2a)"),
i.Tb(),
i.Tb()
}
}
function D(t, e) {
1 & t && (i.Ub(0, "label", 34),
i.Kc(1, "\u6700\u591a\u63d0\u4f9b5\u4e2a\u9009\u9879"),
i.Tb())
}
const E = function() {
return ["\u5355\u9009", "\u591a\u9009"]
};
function V(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 2),
i.Ub(1, "div", 3),
i.Ub(2, "form", 4),
i.bc("ngSubmit", function() {
return i.Ac(t),
i.ec().create()
}),
i.Ub(3, "div", 5),
i.Pb(4, "i", 6),
i.Ub(5, "div", 7),
i.Kc(6, "\u53d1\u8d77\u6295\u7968"),
i.Tb(),
i.Ub(7, "a", 8),
i.bc("click", function() {
return i.Ac(t),
i.ec().close()
}),
i.Pb(8, "i", 9),
i.Tb(),
i.Tb(),
i.Ub(9, "div", 10),
i.Ub(10, "div", 11),
i.Ub(11, "div", 12),
i.Pb(12, "textarea", 13),
i.Tb(),
i.Ic(13, U, 3, 2, "div", 14),
i.Tb(),
i.Ub(14, "div", 15),
i.Ub(15, "app-dn-radio", 16),
i.bc("onChange", function(e) {
return i.Ac(t),
i.ec().changeMultiple(e)
}),
i.Tb(),
i.Tb(),
i.Ub(16, "div", 17),
i.Ub(17, "div", 18),
i.Ic(18, L, 7, 7, "div", 19),
i.Tb(),
i.Tb(),
i.Ub(19, "div", 20),
i.Ic(20, B, 6, 0, "div", 21),
i.Ic(21, D, 2, 0, "label", 22),
i.Tb(),
i.Tb(),
i.Ub(22, "div", 23),
i.Ub(23, "button", 24),
i.Kc(24, "\u53d1\u8d77\u6295\u7968"),
i.Tb(),
i.Tb(),
i.Tb(),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec();
i.Cb(2),
i.lc("formGroup", t.createPollForm),
i.Cb(11),
i.lc("ngIf", t.title.invalid && t.title.touched),
i.Cb(2),
i.lc("options", i.pc(6, E)),
i.Cb(3),
i.lc("ngForOf", t.createPollForm.controls.type.controls.options.controls),
i.Cb(2),
i.lc("ngIf", t.createPollForm.controls.type.controls.options.controls.length < 5),
i.Cb(1),
i.lc("ngIf", 5 === t.createPollForm.controls.type.controls.options.controls.length)
}
}
function z(t, e) {
1 & t && i.Pb(0, "div", 35)
}
let K = (()=>{
class t {
constructor(t, e, n, o, s) {
this.formBuilder = t,
this._pollService = e,
this._toastService = n,
this._commentListService = o,
this.store = s,
this.unsb = null,
this.viewVotingsOptions = M,
this.maxTitleSize = 30,
this.maxOptionCharacterSize = 12,
this.closeEvent = new i.n
}
ngOnDestroy() {
null != this.unsb && this.unsb()
}
readState() {
const t = this.store.getState().video;
this.video = new Object,
Object.assign(this.video, t.currentVideo)
}
get title() {
return this.createPollForm.get("title")
}
ngOnInit() {
this.unsb = this.store.subscribe(()=>this.readState()),
this.readState(),
this.createForm()
}
createForm() {
this.fields = {
isRequired: !0,
type: {
options: [{
value: ""
}, {
value: ""
}, {
value: ""
}]
}
},
this.createPollForm = this.formBuilder.group({
title: new _.d("",[_.r.required, _.r.maxLength(30)]),
multipleSelect: new _.d(0),
viewResults: new _.d("0"),
type: this.formBuilder.group({
options: this.formBuilder.array(this.fields.type.options.map(t=>new _.d(t)))
})
})
}
addOption() {
this.createPollForm.controls.type.controls.options.push(this.formBuilder.group({
value: ""
}))
}
deleteOption(t) {
this.createPollForm.controls.type.controls.options.removeAt(t)
}
close() {
this.closeEvent.emit("true")
}
create() {
this.createPollForm.valid ? this._pollService.create(this.user, this.createPollForm, this.video.id).subscribe(t=>{
if (!t.code && 1 === t[0].code) {
this.close();
const e = t[0].ret
, n = {
author: e.nickName,
authorId: e.uid,
avatar: e.headImage,
blacklist: !1,
children: [],
commendId: e.id,
content: e.context,
deleted: !1,
level: e.userLevel,
liked: !1,
likes: 0,
pollId: e.voteId,
published: e.post_Date,
replyFloor: "0",
replyId: 0,
replyUserId: 0,
status: e.userStatus,
totalReplies: 0,
userLevelSymbol: I.a.getGIDResource(e.gid),
videoId: e.videoID
};
this._commentListService.getComments(this.video.id, 1, 1).subscribe(t=>{
const e = t.count + 1
, i = Object.assign(Object.assign({}, n), {
floor: e.toString()
});
this.store.dispatch({
type: r.e,
comments: {
comments: [i],
count: e,
topComments: []
}
})
}
),
this._toastService.showBlackToast("\u53d1\u8868\u6210\u529f\uff01"),
this.createForm()
}
}
) : (Object.keys(this.createPollForm.controls).forEach(t=>{
this.createPollForm.get(t).markAsTouched({
onlySelf: !0
})
}
),
this.createPollForm.controls.type.controls.options.markAsTouched())
}
changeMultiple(t) {
this.createPollForm.patchValue({
multipleSelect: t
})
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(_.c),i.Ob(w.a),i.Ob(g.a),i.Ob(k.a),i.Ob(O.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-voting-creator"]],
inputs: {
showing: "showing"
},
outputs: {
closeEvent: "closeEvent"
},
decls: 2,
vars: 2,
consts: [["class", "top-box", 4, "ngIf"], ["class", "top-mask", 4, "ngIf"], [1, "top-box"], [1, "inner"], ["novalidate", "", 3, "formGroup", "ngSubmit"], [1, "d-flex", "align-items-center", 2, "margin-bottom", "6px"], [1, "iconfont", "icontoupiao"], [1, "title"], [1, "close-dialog", 3, "click"], [1, "iconfont", "iconguanbi"], [1, "content"], [1, ""], [1, "input-placeholder", 2, "margin-bottom", "6px"], ["type", "text", "name", "title", "placeholder", "\u6295\u7968\u6807\u9898\uff0c\u6700\u591a30\u4e2a\u5b57", "formControlName", "title", "required", "", 1, "form-control"], ["class", "counter form-error-message text-red", 4, "ngIf"], [1, "d-flex", 2, "margin-bottom", "6px"], [3, "options", "onChange"], ["formGroupName", "type", 1, "options"], ["formArrayName", "options", 1, "s-inner", "d-flex", "flex-wrap"], ["class", "vote-option form-row", 4, "ngFor", "ngForOf"], [1, "form-row", "d-flex", "position-relative"], ["class", "btn-add-option", 3, "click", 4, "ngIf"], ["class", "ml-auto text-red", 4, "ngIf"], [1, "bottom", "d-flex", "justify-content-center"], [1, "dn-button", "dn-button-blue"], [1, "counter", "form-error-message", "text-red"], [4, "ngIf"], [1, "vote-option", "form-row"], [1, "option-inner", "d-inline-flex"], [1, "label", 3, "for"], [1, "option-input"], ["type", "text", "autocomplete", "off", "required", "", 1, "form-control", 3, "id", "ngModel", "ngModelOptions", "name", "ngModelChange"], [1, "iconfont", "iconshanchu", "delete", 3, "click"], [1, "btn-add-option", 3, "click"], [1, "ml-auto", "text-red"], [1, "top-mask"]],
template: function(t, e) {
1 & t && (i.Ic(0, V, 25, 7, "div", 0),
i.Ic(1, z, 1, 0, "div", 1)),
2 & t && (i.lc("ngIf", e.showing),
i.Cb(1),
i.lc("ngIf", e.showing))
},
directives: [p.n, _.s, _.k, _.f, _.a, _.j, _.e, _.p, S.a, _.g, _.b, p.m, _.l],
styles: [".top-box[_ngcontent-%COMP%]{min-height:unset;height:unset;width:325px}.inner[_ngcontent-%COMP%]{position:relative;height:100%;width:100%}.title[_ngcontent-%COMP%]{font-size:16px;margin:0 0 0 5px}.bottom[_ngcontent-%COMP%]{display:flex;justify-content:center;bottom:10px;left:0;padding:1rem;text-align:center}.dn-button[_ngcontent-%COMP%]{width:116px!important;height:40px!important;font-size:15px!important;line-height:29px!important;border-radius:0}.light[_nghost-%COMP%] .dn-button[_ngcontent-%COMP%], .light [_nghost-%COMP%] .dn-button[_ngcontent-%COMP%]{background-color:#ddd}.light[_nghost-%COMP%] .dn-button[_ngcontent-%COMP%]:hover, .light [_nghost-%COMP%] .dn-button[_ngcontent-%COMP%]:hover{background-color:#777}.input-placeholder[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]{color:#ffffffb3}.light[_nghost-%COMP%] .input-placeholder[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%], .light [_nghost-%COMP%] .input-placeholder[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]{color:#333}.input-placeholder[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus{color:#ffffffb3}.light[_nghost-%COMP%] .input-placeholder[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus, .light [_nghost-%COMP%] .input-placeholder[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus{color:#333}.input-placeholder[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{background-color:#373843;border-color:#373843;color:#ffffffb3}.light[_nghost-%COMP%] .input-placeholder[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .light [_nghost-%COMP%] .input-placeholder[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{background-color:#f3f3f3}.light[_nghost-%COMP%] .input-placeholder[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .light [_nghost-%COMP%] .input-placeholder[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{border-color:#f3f3f3}.light[_nghost-%COMP%] .input-placeholder[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .light [_nghost-%COMP%] .input-placeholder[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{color:#333}.input-placeholder[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{color:#ffffffb3}.light[_nghost-%COMP%] .input-placeholder[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus, .light [_nghost-%COMP%] .input-placeholder[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{color:#888}.form-row[_ngcontent-%COMP%]{padding:3px 10px;margin:0}.form-row[_ngcontent-%COMP%] .label[_ngcontent-%COMP%]{color:#fff6}.light[_nghost-%COMP%] .form-row[_ngcontent-%COMP%] .label[_ngcontent-%COMP%], .light [_nghost-%COMP%] .form-row[_ngcontent-%COMP%] .label[_ngcontent-%COMP%]{color:#333}.form-row[_ngcontent-%COMP%] .label.tips[_ngcontent-%COMP%]{color:#00c0ff!important}.counter[_ngcontent-%COMP%]{margin-top:6px;padding:0;line-height:1.5;border:1px solid #0000;font-size:1rem;color:#707070}select#multipleSelect[_ngcontent-%COMP%], select#viewResults[_ngcontent-%COMP%]{width:auto;background-color:#373843;border-color:#373843;color:#ffffffb3}.light[_nghost-%COMP%] select#multipleSelect[_ngcontent-%COMP%], .light [_nghost-%COMP%] select#multipleSelect[_ngcontent-%COMP%], .light[_nghost-%COMP%] select#viewResults[_ngcontent-%COMP%], .light [_nghost-%COMP%] select#viewResults[_ngcontent-%COMP%]{background-color:#f3f3f3}.light[_nghost-%COMP%] select#multipleSelect[_ngcontent-%COMP%], .light [_nghost-%COMP%] select#multipleSelect[_ngcontent-%COMP%], .light[_nghost-%COMP%] select#viewResults[_ngcontent-%COMP%], .light [_nghost-%COMP%] select#viewResults[_ngcontent-%COMP%]{border-color:#f3f3f3}.light[_nghost-%COMP%] select#multipleSelect[_ngcontent-%COMP%], .light [_nghost-%COMP%] select#multipleSelect[_ngcontent-%COMP%], .light[_nghost-%COMP%] select#viewResults[_ngcontent-%COMP%], .light [_nghost-%COMP%] select#viewResults[_ngcontent-%COMP%]{color:#333}.delete[_ngcontent-%COMP%]{position:absolute;top:1px;right:4px;font-size:24px;color:#fff6}.light[_nghost-%COMP%] .delete[_ngcontent-%COMP%], .light [_nghost-%COMP%] .delete[_ngcontent-%COMP%]{color:#888}.delete[_ngcontent-%COMP%]:hover{color:#00c0ff;cursor:pointer}.btn-add-option[_ngcontent-%COMP%]{background-color:initial!important;border:none;color:#fff!important;margin-left:-2px;padding:6px 0;cursor:pointer;font-size:16px}.light[_nghost-%COMP%] .btn-add-option[_ngcontent-%COMP%], .light [_nghost-%COMP%] .btn-add-option[_ngcontent-%COMP%]{color:#888!important}.btn-add-option[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{color:#00c0ff;font-size:14px}.btn-add-option[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:first-child{margin-right:5px}.btn-add-option[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:last-child{margin-left:8px}.btn-add-option[_ngcontent-%COMP%]:hover{color:#ffffffb3!important}.options[_ngcontent-%COMP%]{padding:0;border-radius:5px;overflow:hidden}.options[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:175px}.vote-option[_ngcontent-%COMP%]{width:100%;padding:2px 0!important;margin-bottom:12px}.option-inner[_ngcontent-%COMP%]{padding:2px 8px;width:100%;position:relative;background-color:#373843;border:1px dashed #0000}.light[_nghost-%COMP%] .option-inner[_ngcontent-%COMP%], .light [_nghost-%COMP%] .option-inner[_ngcontent-%COMP%]{background-color:#f3f3f3}.option-inner[_ngcontent-%COMP%] .option-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{background-color:#373843;border-color:#373843;color:#ffffffb3}.light[_nghost-%COMP%] .option-inner[_ngcontent-%COMP%] .option-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .light [_nghost-%COMP%] .option-inner[_ngcontent-%COMP%] .option-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{background-color:#f3f3f3}.light[_nghost-%COMP%] .option-inner[_ngcontent-%COMP%] .option-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .light [_nghost-%COMP%] .option-inner[_ngcontent-%COMP%] .option-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{border-color:#f3f3f3}.light[_nghost-%COMP%] .option-inner[_ngcontent-%COMP%] .option-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .light [_nghost-%COMP%] .option-inner[_ngcontent-%COMP%] .option-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{color:#333}.option-inner[_ngcontent-%COMP%] .option-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{color:#ffffffb3}.light[_nghost-%COMP%] .option-inner[_ngcontent-%COMP%] .option-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus, .light [_nghost-%COMP%] .option-inner[_ngcontent-%COMP%] .option-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{color:#888}.top-box[_ngcontent-%COMP%]{z-index:10000;position:fixed;right:0;left:50%;top:50%;transform:translate(-50%,-50%);min-height:200px;background-color:#2b2c3a;padding:6px 12px;border:1px solid #222;box-shadow:2px 2px 2px 0 #00000080}.light[_nghost-%COMP%] .top-box[_ngcontent-%COMP%], .light [_nghost-%COMP%] .top-box[_ngcontent-%COMP%]{background-color:#f8f8f8}.close-dialog[_ngcontent-%COMP%]{cursor:pointer;margin-left:auto;z-index:100;opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}.close-dialog[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%]{color:#fff6;font-size:22px}.light[_nghost-%COMP%] .close-dialog[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%], .light [_nghost-%COMP%] .close-dialog[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%]{color:#888}.close-btn[_ngcontent-%COMP%]{width:24px;height:24px;cursor:pointer}.closeme-button[_ngcontent-%COMP%]{display:block;width:24px;height:24px;overflow:hidden;background-image:url(/assets/images/closeme2.png)}.closeme-button[_ngcontent-%COMP%]:hover{background-position-y:-24px}.options.ng-touched[_ngcontent-%COMP%] .ng-invalid[_ngcontent-%COMP%], input.ng-touched.ng-invalid[_ngcontent-%COMP%]{border:1px solid red}textarea[_ngcontent-%COMP%]{resize:none;height:66px;background-color:#373843;border:none}.light[_nghost-%COMP%] textarea[_ngcontent-%COMP%], .light [_nghost-%COMP%] textarea[_ngcontent-%COMP%]{background-color:#f3f3f3}textarea[_ngcontent-%COMP%]:focus{background-color:#373843;color:#fff}.light[_nghost-%COMP%] textarea[_ngcontent-%COMP%]:focus, .light [_nghost-%COMP%] textarea[_ngcontent-%COMP%]:focus{background-color:#f3f3f3}.light[_nghost-%COMP%] textarea[_ngcontent-%COMP%]:focus, .light [_nghost-%COMP%] textarea[_ngcontent-%COMP%]:focus{color:#333}.light[_nghost-%COMP%] .icontoupiao[_ngcontent-%COMP%], .light [_nghost-%COMP%] .icontoupiao[_ngcontent-%COMP%]{color:#888}"]
}),
t
}
)();
var R = n("dayM");
let H = (()=>{
class t {
constructor(t, e, n) {
this.elRef = t,
this.sanitizer = e,
this._dnEmojiService = n,
this.contenteditableModelChange = new i.n,
this.contenteditableHtml = !1
}
ngOnChanges(t) {
t.contenteditableModel && (t.contenteditableModel.isFirstChange() && !this.contenteditableModel && this.onInput(!0),
this.refreshView())
}
onInput(t=!1) {
let e = this.elRef.nativeElement[this.getProperty()];
t && (e = e.replace(/^[\n\s]+/, ""),
e = e.replace(/[\n\s]+$/, "")),
this.contenteditableModelChange.emit(e)
}
onPaste(t) {
t.preventDefault();
let e = t.clipboardData.getData("text/html");
e = this._dnEmojiService.emojiHtml2String(e);
const n = document.createElement("html");
n.innerHTML = e,
e = n.innerText.replace(/^[\n\s]+/, "").replace(/[\n\s]+$/, "").replace(/\u00a0/g, " "),
e = this._dnEmojiService.emojiString2Html(e),
document.execCommand("insertHTML", !0, e)
}
refreshView() {
const t = this.sanitize(this.contenteditableModel);
t !== this.elRef.nativeElement[this.getProperty()] && (this.elRef.nativeElement[this.getProperty()] = t)
}
getProperty() {
return "innerHTML"
}
sanitize(t) {
return this.contenteditableHtml ? this.sanitizer.sanitize(i.I.HTML, t) : t
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(i.l),i.Ob(i.H),i.Ob(c.a))
}
,
t.\u0275dir = i.Jb({
type: t,
selectors: [["", "contenteditableModel", ""]],
hostBindings: function(t, e) {
1 & t && i.bc("input", function() {
return e.onInput()
})("blur", function() {
return e.onInput()
})("keyup", function() {
return e.onInput()
})("paste", function(t) {
return e.onPaste(t)
})
},
inputs: {
contenteditableModel: "contenteditableModel",
contenteditableHtml: "contenteditableHtml"
},
outputs: {
contenteditableModelChange: "contenteditableModelChange"
},
features: [i.Ab]
}),
t
}
)();
var j = n("mJNP")
, q = n("1lty")
, N = n("k+W2");
const W = ["editor"]
, G = ["EmojiPicker"]
, X = function(t) {
return {
"activity-publishing-div": t
}
}
, Q = function(t) {
return {
"activity-publishing-text": t
}
};
function Y(t, e) {
if (1 & t && (i.Ub(0, "div", 20),
i.Ub(1, "div", 21),
i.Pb(2, "app-loader-spinner"),
i.Ub(3, "p", 21),
i.Kc(4, "\u6b63\u5728\u53d1\u8868..."),
i.Tb(),
i.Tb(),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("ngClass", i.qc(2, X, "activity" === t.hostPage)),
i.Cb(2),
i.lc("ngClass", i.qc(4, Q, "activity" === t.hostPage))
}
}
function J(t, e) {
1 & t && (i.Ub(0, "div", 24),
i.Kc(1, "\u8bf7\u5728\u6b64\u53d1\u8868\u610f\u89c1"),
i.Tb())
}
function $(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 25),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).newComment()
}),
i.Kc(1, "\u53d1\u8868\u65b0\u7684\u8bc4\u8bba"),
i.Tb()
}
}
function Z(t, e) {
if (1 & t && (i.Sb(0),
i.Ic(1, J, 2, 0, "div", 22),
i.Ic(2, $, 2, 0, "div", 23),
i.Rb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.lc("ngIf", t.user && t.user.id && t.reply && !t.reply.author && "activity" !== t.hostPage),
i.Cb(1),
i.lc("ngIf", t.user && t.user.id && t.reply.author && "video" === t.hostPage && !t.isReplying)
}
}
function tt(t, e) {
1 & t && (i.Ub(0, "div", 26),
i.Ub(1, "span"),
i.Kc(2, "\u672c\u89c6\u9891\u7981\u6b62\u8bc4\u8bba"),
i.Tb(),
i.Tb())
}
const et = function(t, e) {
return {
activityStyle: t,
activityReply: e
}
};
function nt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 27, 28),
i.bc("contenteditableModelChange", function(e) {
return i.Ac(t),
i.ec().comment = e
})("contenteditableModelChange", function() {
return i.Ac(t),
i.ec().onChange()
})("focusin", function() {
return i.Ac(t),
i.ec().onFocusIn()
})("focusout", function() {
return i.Ac(t),
i.ec().onFocusOut()
})("keydown.enter", function(e) {
return i.Ac(t),
i.ec().onKeyEnter(e)
})("keydown", function(e) {
return i.Ac(t),
i.ec().onKeyDown(e)
})("dragover", function(e) {
return i.Ac(t),
i.ec().onDragOver(e)
})("dragleave", function(e) {
return i.Ac(t),
i.ec().onDragLeave(e)
})("drop", function(e) {
return i.Ac(t),
i.ec().onDrop(e)
})("blur", function() {
return i.Ac(t),
i.ec().onTextAreaBlur()
}),
i.Tb()
}
if (2 & t) {
const t = i.ec();
i.lc("contenteditableModel", t.comment)("ngClass", i.rc(3, et, "activity" === t.hostPage, t.isReplying && "activity" === t.hostPage)),
i.Db("placeholder", t.canPublish ? t.isReplying ? "\u5728\u6b64\u8f93\u5165\u56de\u590d\u5185\u5bb9" : "activity" === t.hostPage ? "\u6211\u6765\u8bf4\u4e00\u8bf4..." : "\u6ce8\u610f\uff0c\u4ee5\u4e0b\u884c\u4e3a\u5c06\u88ab\u5c01\u53f7\uff1a\u653f\u6cbb\u8a00\u8bba\u3001\u4e25\u91cd\u5267\u900f\u3001\u53d1\u5e03\u5e7f\u544a\u3001\u6728\u9a6c\u94fe\u63a5\u3001\u5ba3\u4f20\u540c\u7c7b\u7f51\u7ad9\u3001\u8fb1\u9a82\u5de5\u4f5c\u4eba\u5458\u7b49\u3002" : "")
}
}
function it(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "app-emoji-box", 33),
i.bc("close", function() {
return i.Ac(t),
i.ec(2).showEmojiPicker = !1
}),
i.Tb()
}
}
function ot(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 29, 30),
i.Ub(2, "i", 31),
i.bc("click", function() {
return i.Ac(t),
i.ec().toggleEmojiPicker()
}),
i.Tb(),
i.Ic(3, it, 1, 0, "app-emoji-box", 32),
i.Tb()
}
if (2 & t) {
const t = i.ec();
i.Cb(3),
i.lc("ngIf", t.showEmojiPicker)
}
}
function st(t, e) {
if (1 & t && (i.Ub(0, "div", 34),
i.Kc(1),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.Nc(" ", t.maxiumCharacters - t.charactersLeft, "/", t.maxiumCharacters, " ")
}
}
function ct(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 35),
i.bc("click", function() {
return i.Ac(t),
i.ec().openVotingCreatorDialog()
}),
i.Pb(1, "i", 36),
i.Ub(2, "div"),
i.Kc(3, "\u53d1\u8d77\u6295\u7968"),
i.Tb(),
i.Tb()
}
}
function at(t, e) {
1 & t && (i.Ub(0, "div", 37),
i.Kc(1, "\u60a8\u53d1\u8868\u7684\u5185\u5bb9\u8fc7\u957f\uff0c\u8bf7\u7b80\u77ed\u53d1\u8a00"),
i.Tb())
}
function lt(t, e) {
if (1 & t && (i.Ub(0, "div", 38),
i.Kc(1),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(1),
i.Nc(" ", t.maxiumCharacters - t.charactersLeft, "/", t.maxiumCharacters, " ")
}
}
function rt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "app-emoji-box", 41),
i.bc("close", function() {
return i.Ac(t),
i.ec(2).showEmojiPicker = !1
}),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.lc("hostPage", t.hostPage)("inActivityBottom", t.inActivityBottom)
}
}
function ut(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 39, 30),
i.Ub(2, "i", 31),
i.bc("click", function() {
return i.Ac(t),
i.ec().toggleEmojiPicker()
}),
i.Tb(),
i.Ic(3, rt, 1, 2, "app-emoji-box", 40),
i.Tb()
}
if (2 & t) {
const t = i.ec();
i.Cb(3),
i.lc("ngIf", t.showEmojiPicker)
}
}
function ht(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 42),
i.bc("click", function() {
return i.Ac(t),
i.ec().removeInputBox()
}),
i.Kc(1, "\u53d6\u6d88"),
i.Tb()
}
}
function dt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 43),
i.bc("click", function() {
return i.Ac(t),
i.ec().login()
}),
i.Ub(1, "div", 24),
i.Ub(2, "div", 44),
i.Ub(3, "div", 45),
i.Kc(4, "\u60a8\u8fd8\u672a\u767b\u5f55\uff0c\u8bf7\u767b\u5f55\u540e\u518d\u53d1\u8868\u8bc4\u8bba\u3002"),
i.Tb(),
i.Ub(5, "app-dn-button", 46),
i.bc("click", function() {
return i.Ac(t),
i.ec().login()
}),
i.Kc(6, "\u767b\u5f55"),
i.Tb(),
i.Tb(),
i.Tb(),
i.Tb()
}
2 & t && (i.Cb(5),
i.lc("size", "medium"))
}
function gt(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "icon-button", 47),
i.bc("click", function() {
return i.Ac(t),
i.ec().removeInputBox()
}),
i.Pb(1, "i", 48),
i.Tb()
}
}
const pt = function(t, e, n, i, o) {
return {
focused: t,
msgBgc: e,
albumBgc: n,
activityStyle: i,
activityReply: o
}
};
let bt = (()=>{
class t {
constructor(t, e, n, o, s, c, a, l, r, u, h, d, g, p, b, m, f, v) {
this._emojiPickerService = t,
this._dnEmojiService = e,
this._dnDialogService = n,
this._commentService = o,
this._commentBoxService = s,
this.pageScrollService = c,
this._router = a,
this._route = l,
this.cdRef = r,
this._toastService = u,
this._confirmDialogService = h,
this._userService = d,
this._notificationService = g,
this._permission = p,
this._transform = b,
this.store = m,
this.document = f,
this._utility = v,
this.subscriptions = [],
this.close = new i.n,
this.replySuccessEvent = new i.n,
this.commentSuccessEvent = new i.n,
this._commentStatus = 0,
this.hostPage = "video",
this.isVideo = !1,
this.showReply = !0,
this.isReplying = !1,
this.canPublish = !0,
this.reply = {},
this.publishing = !1,
this.showEmojiPicker = !1,
this.comment = "",
this.maxiumCharacters = 255,
this.charactersLeft = 255,
this.focused = !1,
this.showVotingCreator = !1,
this.openList = null,
this.inActivityBottom = !1
}
set commentStatus(t) {
this.canPublish = 0 == t,
this._commentStatus = t
}
ngOnInit() {
this.isReplying && (this.canPublish = !0),
this.focused = !1,
this.user = this._userService.user,
this.subscriptions.push(this._userService.userState$.subscribe(t=>{
this.user = t
}
), this._emojiPickerService.emojiSource$.subscribe(t=>{
t && t.hasOwnProperty("id") && (v.a(this.savedSelection),
this.pasteHtmlAtCaret(Object.assign(new s.a, t).html, !1),
this._emojiPickerService.selectEmoji(null),
this.showEmojiPicker = !1,
this.editorRef.nativeElement.dispatchEvent(new KeyboardEvent("keyup",{
key: "Enter"
})))
}
)),
this.isReplying || (this.subscriptions.push(this._router.events.subscribe(t=>{
t instanceof a.b && (this._route.snapshot.queryParams.from || this._commentBoxService.clearCommentBoxReply())
}
)),
this.subscriptions.push(this._route.queryParams.subscribe(t=>{
this._route.snapshot.queryParams.from || this._commentBoxService.clearCommentBoxReply()
}
)))
}
readState() {
const t = this.store.getState().refReply;
t.currentReply.author && (this.reply = t.currentReply,
this.store.dispatch({
type: l.a,
reply: {}
}),
this.reply.notificationId && this._notificationService.markANotificationsAsRead(this.reply.notificationId, this.user).subscribe(t=>{
this._notificationService.changeNotificationStatus(!0)
}
)),
1 == this._commentStatus && this.user.token && this.user.token.gid && (this.canPublish = !0),
this.showEmojiPicker = !1
}
removeInputBox() {
this.compInteraction.removeInputBox()
}
ngAfterViewInit() {
this.cdRef.detectChanges(),
this.emojiPickerElem = this.EmojiPicker.nativeElement
}
stripHtml(t) {
var e = document.createElement("DIV");
return e.innerHTML = t,
e.textContent || e.innerText || ""
}
newComment() {
if (this.isEmpty(this.comment))
return this.reply = {},
void this.setFocus();
const t = "clear-reply-box"
, e = "confirm-dialog";
this._confirmDialogService.setState({
id: t,
message: "<h5>\u786e\u5b9a\u8981\u6e05\u9664\u5185\u5bb9\u5e76\u53d1\u8868\u65b0\u8bc4\u8bba\u5417\uff1f</h5>",
showIcon: !1,
state: b.b.Unknown
}),
this._dnDialogService.open(e),
this._confirmDialogService.confirmDialogSource$.subscribe(n=>{
n.state === b.b.Confirmed && n.id === t && (this.reply = {},
this.setFocus(),
this.comment = "",
this._dnDialogService.close(e)),
n.state === b.b.Cancalled && n.id === t && this._dnDialogService.close(e)
}
)
}
onChange(t) {
this.charactersLeft = this.maxiumCharacters - this._dnEmojiService.emojiHtml2String(this.comment).length
}
onFocusIn() {
this.focused = !0
}
onFocusOut() {
this.focused = !1
}
onDragOver(t) {
t.preventDefault()
}
onDragLeave(t) {
t.preventDefault()
}
onDrop(t) {
t.preventDefault()
}
openVotingCreatorDialog() {
this.user.roleId < 1 && !this._permission.isValid(C.b.PublishVote) ? this._dnDialogService.open("vip-only") : this.showVotingCreator = !0
}
closeVotingCreatorDialog() {
this.showVotingCreator = !1
}
toggleEmojiPicker() {
this.showEmojiPicker = !this.showEmojiPicker,
this.showEmojiPicker ? this.openList = this._utility.openList(this.emojiPickerElem, null, t=>{
var e;
t.getAttribute("class") && (null === (e = t.getAttribute("class")) || void 0 === e ? void 0 : e.split(" ")).indexOf("emoji-item") > -1 || (this.openList.unsubscribe(),
this.showEmojiPicker = !1)
}
) : this.openList && this.openList.unsubscribe()
}
setFocus() {
this.editorRef && this.editorRef.nativeElement.focus()
}
pasteHtmlAtCaret(t, e) {
let n, i;
if (this.editorRef.nativeElement.focus(),
this._utility.getWindow().getSelection && (n = this._utility.getWindow().getSelection(),
n.getRangeAt && n.rangeCount && (i = n.getRangeAt(0),
i.commonAncestorContainer.parentNode === this.editorRef.nativeElement || i.commonAncestorContainer === this.editorRef.nativeElement))) {
i.deleteContents();
const o = document.createElement("div");
o.innerHTML = t;
const s = document.createDocumentFragment();
let c, a;
for (; c = o.firstChild; )
a = s.appendChild(c);
const l = s.firstChild;
return i.insertNode(s),
void (a && (i = i.cloneRange(),
i.setStartAfter(a),
e ? i.setStartBefore(l) : i.collapse(!0),
n.removeAllRanges(),
n.addRange(i)))
}
}
login() {
this._userService.showLoginDialog(!0)
}
publishComment() {
this.comment = this.comment.replace(/&nbsp;/g, " ").replace(/\u00a0/g, " ").replace(/^\s+|\s+$/g, ""),
this.isEmpty(this.comment) ? this._dnDialogService.open("message-dialog", {
message: "\u4e0d\u80fd\u53d1\u8868\u7a7a\u7684\u8bc4\u8bba"
}) : this._dnEmojiService.emojiHtml2String(this.comment.trim()).length > 255 ? this._dnDialogService.open("message-dialog", {
message: "\u60a8\u53d1\u8868\u7684\u5185\u5bb9\u8fc7\u957f\uff0c\u8bf7\u7b80\u77ed\u53d1\u8a00"
}) : (this.publishing = !0,
this.subscriptions.push(this.reply.commendId ? this._commentService.replyComment(this.user, this.reply.commendId, this._dnEmojiService.emojiHtml2String(this.comment.trim()), this.isVideo, "album" === this.hostPage || "activity" === this.hostPage).subscribe(t=>{
t && (t.message.nickName = this.user.nickname,
this.store.dispatch({
type: r.b,
comments: {
comments: [this._transform.fromList(t.message)]
}
}),
this._toastService.showBlackToast("\u53d1\u8868\u6210\u529f\uff01"),
setTimeout(()=>{
"album" !== this.hostPage && "activity" !== this.hostPage && this.pageScrollService.scroll({
document: this.document,
duration: 20,
scrollOffset: 80,
scrollTarget: "#comment-" + t.retID
})
}
, 50),
this.comment = "",
this.reply = {},
this.onChange(null),
this.commentSuccessEvent.emit(!0)),
this.publishing = !1,
this.replySuccessEvent.emit(),
this.isReplying && this.removeInputBox()
}
) : this._commentService.publishComment(this.user, this.videoId, this._dnEmojiService.emojiHtml2String(this.comment.trim()), "album" === this.hostPage || "activity" === this.hostPage).subscribe(t=>{
t && (t.message.nickName = this.user.nickname,
this.store.dispatch({
type: r.e,
comments: {
comments: [this._transform.fromList(t.message)]
}
}),
this._toastService.showBlackToast("\u53d1\u8868\u6210\u529f\uff01"),
setTimeout(()=>{
"album" !== this.hostPage && "activity" !== this.hostPage && this.pageScrollService.scroll({
document: this.document,
duration: 20,
scrollOffset: 80,
scrollTarget: "#comment-" + t.retID
})
}
, 50),
this.comment = "",
this.onChange(null),
this.commentSuccessEvent.emit(!0)),
this.publishing = !1
}
)))
}
ngOnDestroy() {
this.subscriptions.forEach(t=>t.unsubscribe()),
this.AppStoreUnsubscribe && this.AppStoreUnsubscribe()
}
isEmpty(t) {
let e = t.replace(/&nbsp;/g, " ").replace(/\u00a0/g, " ").replace(/^\s+|\s+$/g, "");
return e = this._dnEmojiService.emojiHtml2String(this.comment.trim()),
e = this.stripHtml(e).trim(),
"" === e
}
onKeyEnter(t) {
t.preventDefault()
}
onKeyDown(t) {
"Enter" === t.key && (t.ctrlKey || t.shiftKey) && t.preventDefault()
}
onTextAreaBlur() {
this.savedSelection = v.b()
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(o.a),i.Ob(c.a),i.Ob(u.a),i.Ob(h.a),i.Ob(d.a),i.Ob(x.a),i.Ob(a.d),i.Ob(a.a),i.Ob(i.h),i.Ob(g.a),i.Ob(b.a),i.Ob(m.a),i.Ob(f.a),i.Ob(C.a),i.Ob(P.a),i.Ob(O.a),i.Ob(p.d),i.Ob(y.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-comment-box"]],
viewQuery: function(t, e) {
if (1 & t && (i.Qc(W, 1),
i.Qc(G, 1)),
2 & t) {
let t;
i.wc(t = i.cc()) && (e.editorRef = t.first),
i.wc(t = i.cc()) && (e.EmojiPicker = t.first)
}
},
inputs: {
commentStatus: "commentStatus",
hostPage: "hostPage",
isVideo: "isVideo",
videoId: "videoId",
showReply: "showReply",
isReplying: "isReplying",
reply: "reply",
user: "user",
inActivityBottom: "inActivityBottom"
},
outputs: {
close: "close",
replySuccessEvent: "replySuccessEvent",
commentSuccessEvent: "commentSuccessEvent"
},
features: [i.Bb([o.a])],
decls: 22,
vars: 23,
consts: [["id", "comment-box", 1, "comment-box", 3, "ngClass"], ["class", "loading-overlay", 4, "ngIf"], [1, "d-flex"], [4, "ngIf"], ["class", "over", 4, "ngIf"], ["id", "comment-input", "class", "comment-input", "contenteditable", "true", 3, "contenteditableModel", "ngClass", "contenteditableModelChange", "focusin", "focusout", "keydown.enter", "keydown", "dragover", "dragleave", "drop", "blur", 4, "ngIf"], [1, "comment-tools"], [1, "comment-tools-inner", "d-flex"], ["class", "d-flex mr-4 align-items-center", "style", "cursor: pointer;", "title", "\u8868\u60c5", 4, "ngIf"], ["class", "counter mr-4 notranslate", 4, "ngIf"], ["class", "mr-4 d-flex align-items-center", "style", "cursor: pointer;", 3, "click", 4, "ngIf"], [1, "ml-auto", "d-flex", "align-items-center"], ["class", "counter red", 4, "ngIf"], ["class", "counter notranslate", "style", "margin-right:1em", 4, "ngIf"], ["class", "d-flex align-items-center", "style", "cursor: pointer;", "title", "\u8868\u60c5", 4, "ngIf"], ["class", "close-reply-button", 3, "click", 4, "ngIf"], [1, "dn-button", "dn-button-red", 3, "click"], ["class", "comment-box-mask-layer", 3, "click", 4, "ngIf"], ["class", "close-reply", 3, "click", 4, "ngIf"], [3, "showing", "closeEvent"], [1, "loading-overlay"], [3, "ngClass"], ["class", "comment-prompt", 4, "ngIf"], ["class", "new-comment comment-prompt ml-auto", 3, "click", 4, "ngIf"], [1, "comment-prompt"], [1, "new-comment", "comment-prompt", "ml-auto", 3, "click"], [1, "over"], ["id", "comment-input", "contenteditable", "true", 1, "comment-input", 3, "contenteditableModel", "ngClass", "contenteditableModelChange", "focusin", "focusout", "keydown.enter", "keydown", "dragover", "dragleave", "drop", "blur"], ["editor", ""], ["title", "\u8868\u60c5", 1, "d-flex", "mr-4", "align-items-center", 2, "cursor", "pointer"], ["EmojiPicker", ""], [1, "iconfont", "iconbiaoqing", 3, "click"], [3, "close", 4, "ngIf"], [3, "close"], [1, "counter", "mr-4", "notranslate"], [1, "mr-4", "d-flex", "align-items-center", 2, "cursor", "pointer", 3, "click"], [1, "iconfont", "icontoupiao"], [1, "counter", "red"], [1, "counter", "notranslate", 2, "margin-right", "1em"], ["title", "\u8868\u60c5", 1, "d-flex", "align-items-center", 2, "cursor", "pointer"], [3, "hostPage", "inActivityBottom", "close", 4, "ngIf"], [3, "hostPage", "inActivityBottom", "close"], [1, "close-reply-button", 3, "click"], [1, "comment-box-mask-layer", 3, "click"], [1, "text-center"], [1, "mb-2"], [3, "size", "click"], [1, "close-reply", 3, "click"], [1, "iconfont", "iconguanbi", "fs-24"]],
template: function(t, e) {
1 & t && (i.Ub(0, "div", 0),
i.Ic(1, Y, 5, 6, "div", 1),
i.Ub(2, "div", 2),
i.Ic(3, Z, 3, 2, "ng-container", 3),
i.Tb(),
i.Ic(4, tt, 3, 0, "div", 4),
i.Ic(5, nt, 2, 6, "div", 5),
i.Ub(6, "div", 6),
i.Ub(7, "div", 7),
i.Ic(8, ot, 4, 1, "div", 8),
i.Ic(9, st, 2, 2, "div", 9),
i.Ic(10, ct, 4, 0, "div", 10),
i.fc(11, "json"),
i.Ub(12, "div", 11),
i.Ic(13, at, 2, 0, "div", 12),
i.Ic(14, lt, 2, 2, "div", 13),
i.Ic(15, ut, 4, 1, "div", 14),
i.Ic(16, ht, 2, 0, "div", 15),
i.Ub(17, "div", 16),
i.bc("click", function() {
return e.publishComment()
}),
i.Kc(18, "\u53d1\u9001"),
i.Tb(),
i.Tb(),
i.Tb(),
i.Tb(),
i.Ic(19, dt, 7, 1, "div", 17),
i.Ic(20, gt, 2, 0, "icon-button", 18),
i.Tb(),
i.Ub(21, "app-voting-creator", 19),
i.bc("closeEvent", function() {
return e.closeVotingCreatorDialog()
}),
i.Tb()),
2 & t && (i.lc("ngClass", i.uc(17, pt, e.focused, "messages" === e.hostPage, "album" === e.hostPage, "activity" === e.hostPage, e.isReplying && "activity" === e.hostPage)),
i.Cb(1),
i.lc("ngIf", e.publishing),
i.Cb(2),
i.lc("ngIf", e.canPublish),
i.Cb(1),
i.lc("ngIf", !e.canPublish),
i.Cb(1),
i.lc("ngIf", e.user && e.user.id),
i.Cb(3),
i.lc("ngIf", "activity" !== e.hostPage),
i.Cb(1),
i.lc("ngIf", "activity" === e.hostPage),
i.Cb(1),
i.lc("ngIf", !("video" !== e.hostPage || e.reply && "{}" !== i.gc(11, 15, e.reply) || e.isReplying)),
i.Cb(3),
i.lc("ngIf", e.charactersLeft < 0),
i.Cb(1),
i.lc("ngIf", "activity" !== e.hostPage),
i.Cb(1),
i.lc("ngIf", "activity" === e.hostPage),
i.Cb(1),
i.lc("ngIf", e.isReplying && "activity" === e.hostPage),
i.Cb(3),
i.lc("ngIf", e.canPublish && (!e.user || !e.user.id)),
i.Cb(1),
i.lc("ngIf", e.isReplying && "activity" !== e.hostPage),
i.Cb(1),
i.lc("showing", e.showVotingCreator))
},
directives: [p.l, p.n, K, R.a, H, j.a, q.a, N.a],
pipes: [p.h],
styles: [".comment-box[_ngcontent-%COMP%]{min-height:12em;padding:4px;position:relative;box-sizing:border-box;transition:all .3s ease-in-out;color:#ffffffb3;background-color:#1c1d2f}.light[_nghost-%COMP%] .comment-box[_ngcontent-%COMP%], .light [_nghost-%COMP%] .comment-box[_ngcontent-%COMP%]{color:#888}.light[_nghost-%COMP%] .comment-box[_ngcontent-%COMP%], .light [_nghost-%COMP%] .comment-box[_ngcontent-%COMP%]{background-color:#fff}.comment-box.albumBgc[_ngcontent-%COMP%], .comment-box.msgBgc[_ngcontent-%COMP%]{background-color:#2b2c3a}.light[_nghost-%COMP%] .comment-box.albumBgc[_ngcontent-%COMP%], .light [_nghost-%COMP%] .comment-box.albumBgc[_ngcontent-%COMP%]{background-color:#f3f3f3}.comment-box.activityStyle[_ngcontent-%COMP%]{background-color:#171928;border-top:1px solid #6666;transition:none;min-height:8.5em;padding:12px 12px 4px}.light[_nghost-%COMP%] .comment-box.activityStyle[_ngcontent-%COMP%], .light [_nghost-%COMP%] .comment-box.activityStyle[_ngcontent-%COMP%]{background-color:#eee}.comment-box.activityStyle.activityReply[_ngcontent-%COMP%]{border-top:none;min-height:10.5em;background-color:initial}.light[_nghost-%COMP%] .comment-box.activityStyle.activityReply[_ngcontent-%COMP%], .light [_nghost-%COMP%] .comment-box.activityStyle.activityReply[_ngcontent-%COMP%]{background-color:initial}.comment-tools[_ngcontent-%COMP%]{position:absolute;left:0;bottom:0;height:44px;padding:4px 12px;width:100%;box-sizing:border-box}.comment-tools[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%]{font-size:32px}.comment-tools-inner[_ngcontent-%COMP%]{width:100%;height:100%;padding-top:3px}.counter[_ngcontent-%COMP%]{line-height:32px;margin-right:1em;color:#fff6}.light[_nghost-%COMP%] .counter[_ngcontent-%COMP%], .light [_nghost-%COMP%] .counter[_ngcontent-%COMP%]{color:#888}.counter.red[_ngcontent-%COMP%]{color:#f00000!important}.comment-input[_ngcontent-%COMP%]{width:100%;height:100%;padding:1em 1em 50px;color:#fff6}.light[_nghost-%COMP%] .comment-input[_ngcontent-%COMP%], .light [_nghost-%COMP%] .comment-input[_ngcontent-%COMP%]{color:#333}.comment-input.activityStyle[_ngcontent-%COMP%]{background-color:#6663;height:48px;max-height:48px;overflow-x:hidden;overflow-y:auto;padding:5px 8px}.light[_nghost-%COMP%] .comment-input.activityStyle[_ngcontent-%COMP%], .light [_nghost-%COMP%] .comment-input.activityStyle[_ngcontent-%COMP%]{background-color:#f8f8f8}.comment-input.activityStyle.activityReply[_ngcontent-%COMP%]{height:72px;max-height:72px;background-color:#171928;border:1px solid #6666}.light[_nghost-%COMP%] .comment-input.activityStyle.activityReply[_ngcontent-%COMP%], .light [_nghost-%COMP%] .comment-input.activityStyle.activityReply[_ngcontent-%COMP%]{background-color:#eee}.comment-input[_ngcontent-%COMP%]:active, .comment-input[_ngcontent-%COMP%]:focus{color:#fff!important}.comment-input[_ngcontent-%COMP%]:active:empty:before, .comment-input[_ngcontent-%COMP%]:focus:empty:before{opacity:0!important}.comment-prompt[_ngcontent-%COMP%]{padding:12px 12px 0;display:flex;justify-content:center;align-items:center}.dn-button[_ngcontent-%COMP%]{border-radius:0;min-width:60px;margin-bottom:.5em;padding:.3em 0;margin-right:0}.comment-box-mask-layer[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;left:0;right:0;background-color:#090b21b3}.light[_nghost-%COMP%] .comment-box-mask-layer[_ngcontent-%COMP%] .comment-prompt[_ngcontent-%COMP%], .light [_nghost-%COMP%] .comment-box-mask-layer[_ngcontent-%COMP%] .comment-prompt[_ngcontent-%COMP%]{color:#888}.btn-placeholder[_ngcontent-%COMP%]{width:65px}.loading-overlay[_ngcontent-%COMP%]{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#6663;z-index:10;display:flex;align-items:center;justify-content:center;opacity:.8}.new-comment[_ngcontent-%COMP%]{text-decoration:underline;cursor:pointer}[contenteditable=true][_ngcontent-%COMP%]:empty:before{content:attr(placeholder);display:block;color:#fff6;cursor:text}.light[_nghost-%COMP%] [contenteditable=true][_ngcontent-%COMP%]:empty:before, .light [_nghost-%COMP%] [contenteditable=true][_ngcontent-%COMP%]:empty:before{color:#888}.over[_ngcontent-%COMP%]{text-align:center;background-color:#090b21b3;height:100%;position:absolute;width:100%;left:0;top:0;z-index:1}.light[_nghost-%COMP%] .over[_ngcontent-%COMP%], .light [_nghost-%COMP%] .over[_ngcontent-%COMP%]{color:#888}.over[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]{font-size:13px;margin-top:5em;display:inline-block}.iconbiaoqing[_ngcontent-%COMP%], .icontoupiao[_ngcontent-%COMP%]{position:relative;top:-.1em;margin-right:.2em}.close-reply[_ngcontent-%COMP%]{position:absolute;right:10px;top:10px}.close-reply-button[_ngcontent-%COMP%]{margin-bottom:.5em;margin-right:.5em;padding:.3em 0;cursor:pointer;-webkit-user-select:none;user-select:none;color:#ffffffb3}.light[_nghost-%COMP%] .close-reply-button[_ngcontent-%COMP%], .light [_nghost-%COMP%] .close-reply-button[_ngcontent-%COMP%]{color:#888}.close-reply-button[_ngcontent-%COMP%]:hover{color:#fff}.light[_nghost-%COMP%] .close-reply-button[_ngcontent-%COMP%]:hover, .light [_nghost-%COMP%] .close-reply-button[_ngcontent-%COMP%]:hover{color:#333}.activity-publishing-div[_ngcontent-%COMP%]{display:flex;flex-direction:row;margin-top:-38px}.activity-publishing-text[_ngcontent-%COMP%]{margin:20px}"]
}),
t
}
)()
},
pdfW: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return C
});
var i = n("3My9")
, o = n("fXoL")
, s = n("ofXK")
, c = n("tyNb")
, a = n("2EkQ");
const l = function() {
return ["./"]
}
, r = function(t) {
return {
id: t
}
}
, u = function(t, e, n) {
return {
active: t,
wide: e,
isFixActiveLive: n
}
};
function h(t, e) {
if (1 & t && (o.Ub(0, "a", 7),
o.Kc(1),
o.Tb()),
2 & t) {
const t = o.ec();
o.mc("title", t.item.title),
o.lc("routerLink", o.pc(6, l))("queryParams", o.qc(7, r, t.item.key))("ngClass", o.sc(9, u, t.active, t.wide, t.item.isFix && t.active && t.item.isLive))("replaceUrl", t.shouldReplace),
o.Cb(1),
o.Mc("", t.item.title, " ")
}
}
function d(t, e) {
1 & t && o.Pb(0, "div", 8)
}
const g = function(t) {
return {
islive: t
}
};
function p(t, e) {
if (1 & t && (o.Pb(0, "img", 9),
o.fc(1, "absUrl")),
2 & t) {
const t = o.ec();
o.mc("src", o.gc(1, 2, t.item.isLive ? "./assets/images/playing_live_blue.gif" : "./assets/images/play-2.gif"), o.Dc),
o.lc("ngClass", o.qc(4, g, t.item.isLive))
}
}
function b(t, e) {
if (1 & t && (o.Pb(0, "img", 10),
o.fc(1, "absUrl")),
2 & t) {
const t = o.ec();
o.mc("src", o.gc(1, 1, t.active ? "./assets/images/tv-live/offline_red.png" : "./assets/images/tv-live/offline.png"), o.Dc)
}
}
function m(t, e) {
1 & t && o.Pb(0, "i", 11)
}
function f(t, e) {
1 & t && (o.Pb(0, "img", 12),
o.fc(1, "absUrl")),
2 & t && o.mc("src", o.gc(1, 1, "./assets/images/live-chat-logo.png"), o.Dc)
}
const v = function(t, e, n, i) {
return {
guest: t,
vip: e,
download: n,
wide: i
}
};
let C = (()=>{
class t {
constructor(t) {
this._utility = t,
this.subscriptions = [],
this.wide = !1,
this.shouldReplace = !1
}
ngOnDestroy() {
this.subscriptions.forEach(t=>t.unsubscribe())
}
set mediaKey(t) {
t && this.item.key && (this.active = this.item.key === t,
this.shouldReplace = this._utility.isUrlContains(["play"]))
}
ngOnInit() {}
readState() {}
}
return t.\u0275fac = function(e) {
return new (e || t)(o.Ob(i.a))
}
,
t.\u0275cmp = o.Ib({
type: t,
selectors: [["app-media-button"]],
inputs: {
user: "user",
item: "item",
videoId: "videoId",
type: "type",
wide: "wide",
mediaKey: "mediaKey"
},
decls: 7,
vars: 12,
consts: [[1, "media-btn", "position-relative", "pmb", 3, "ngClass"], ["class", "media-button text-small mr-2", 3, "routerLink", "queryParams", "ngClass", "replaceUrl", "title", 4, "ngIf"], ["class", "new-media", 4, "ngIf"], ["class", "playing-icon", "alt", "\u6b63\u5728\u64ad\u653e", 3, "src", "ngClass", 4, "ngIf"], ["class", "playing-icon islive", "alt", "\u7ebf\u8def\u7ef4\u62a4\u4e2d", 3, "src", 4, "ngIf"], ["class", "iconfont iconjiesuo unlocked-icon", 4, "ngIf"], ["class", "live-icon", 3, "src", 4, "ngIf"], [1, "media-button", "text-small", "mr-2", 3, "routerLink", "queryParams", "ngClass", "replaceUrl", "title"], [1, "new-media"], ["alt", "\u6b63\u5728\u64ad\u653e", 1, "playing-icon", 3, "src", "ngClass"], ["alt", "\u7ebf\u8def\u7ef4\u62a4\u4e2d", 1, "playing-icon", "islive", 3, "src"], [1, "iconfont", "iconjiesuo", "unlocked-icon"], [1, "live-icon", 3, "src"]],
template: function(t, e) {
1 & t && (o.Ub(0, "div", 0),
o.Ic(1, h, 2, 13, "a", 1),
o.Ic(2, d, 1, 0, "div", 2),
o.Ic(3, p, 2, 6, "img", 3),
o.Ic(4, b, 2, 3, "img", 4),
o.Ic(5, m, 1, 0, "i", 5),
o.Ic(6, f, 2, 3, "img", 6),
o.Tb()),
2 & t && (o.lc("ngClass", o.tc(7, v, "guest" === e.type, "vip" === e.type, "download" === e.type, e.wide)),
o.Cb(1),
o.lc("ngIf", e.item.key),
o.Cb(1),
o.lc("ngIf", e.item.isNew),
o.Cb(1),
o.lc("ngIf", e.active && !e.item.isFix),
o.Cb(1),
o.lc("ngIf", e.item.isFix && e.item.isLive),
o.Cb(1),
o.lc("ngIf", e.item.bought),
o.Cb(1),
o.lc("ngIf", e.item.isLive))
},
directives: [s.l, s.n, c.g],
pipes: [a.a],
styles: ['.expander[_ngcontent-%COMP%]{position:relative;padding-right:30px!important;cursor:pointer;width:78px}.dn-icon[_ngcontent-%COMP%]{position:absolute;right:6px;top:3px;font-size:18px;transition:transform .3s ease-in-out}.media-button[_ngcontent-%COMP%]{font-family:-apple-system,Microsoft YaHei,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,sans-serif;text-align:center;padding:3px 17px;min-width:80px;border-radius:2px;display:inline-block;border:1px solid #e2e2e2;background-color:#f8f8f8;height:40px;line-height:33px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#009cff}.media-button[_ngcontent-%COMP%]:visited{color:#6ccbff}.media-button[_ngcontent-%COMP%]:hover{color:#fff}.active.media-button[_ngcontent-%COMP%]{color:#fff!important}.vip[_ngcontent-%COMP%] .media-button[_ngcontent-%COMP%]{border:1px solid #e2e2e2;color:#ff9000}.vip[_ngcontent-%COMP%] .media-button[_ngcontent-%COMP%]:visited{color:#fcbd72}.vip[_ngcontent-%COMP%] .media-button.active[_ngcontent-%COMP%], .vip[_ngcontent-%COMP%] .media-button[_ngcontent-%COMP%]:hover{background-color:#ff9000!important;color:#fff}.download[_ngcontent-%COMP%] .media-button[_ngcontent-%COMP%]{border:1px solid #e2e2e2;color:#009e96}.download[_ngcontent-%COMP%] .media-button[_ngcontent-%COMP%]:visited{color:#009e96}.download[_ngcontent-%COMP%] .media-button[_ngcontent-%COMP%]:hover{background-color:#009e96!important;color:#fff}.vip.active.media-button[_ngcontent-%COMP%]{background-color:#ff9000;color:#fff}.new-media[_ngcontent-%COMP%]{position:absolute;top:6px;right:6px;height:5px;width:5px;border-radius:50%;background-color:#fa2828}.flex-place-holder[_ngcontent-%COMP%]{min-width:78px}.bought[_ngcontent-%COMP%]{position:absolute;right:5px;bottom:31px}.icon-check[_ngcontent-%COMP%]{border-radius:50%;background-color:#0ec610;color:#fff;height:17px;font-size:12px;width:17px}.lastplay[_ngcontent-%COMP%]{max-width:10em;padding:.4em 1em;border:1px solid #bcbcbc;text-align:center;position:absolute;box-shadow:1px 1px 2px #d6d6d6;margin-left:-1.5em;z-index:100;background-color:#090b21;font-size:14px}.lastplay[_ngcontent-%COMP%]:after, .lastplay[_ngcontent-%COMP%]:before{content:"";display:block;position:absolute;left:50%;width:1em;height:0;border-style:solid;margin-left:-.5em}.lastplay[_ngcontent-%COMP%]:after{top:-1em;border-color:#0000 #0000 #fff;border-width:.5em}.lastplay[_ngcontent-%COMP%]:before{top:-1.2em;border-color:#0000 #0000 #b4b4b4;border-width:.6em;margin-left:-.55em}.downloadable[_ngcontent-%COMP%]{position:absolute;background-color:#f8f8f8;padding:.5em 1em;border:1px solid #e2e2e2;cursor:pointer;display:none}.playing-icon[_ngcontent-%COMP%]{position:absolute;top:32px;left:2px}.playing-icon.islive[_ngcontent-%COMP%]{width:20px}.unlocked-icon[_ngcontent-%COMP%]{position:absolute;top:31px;right:5px;font-size:12px;color:#fed9b6}.light[_nghost-%COMP%] .unlocked-icon[_ngcontent-%COMP%], .light [_nghost-%COMP%] .unlocked-icon[_ngcontent-%COMP%]{color:#ffc1a2}.live-icon[_ngcontent-%COMP%]{position:absolute;top:6px;right:6px;height:8px}']
}),
t
}
)()
},
sJdA: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return S
});
var i = n("fXoL")
, o = (n("Mi/O"),
n("ciLT"))
, s = n("ofXK")
, c = n("08EM")
, a = n("tyNb")
, l = n("TCkQ")
, r = n("Le4d");
function u(t, e) {
1 & t && i.Pb(0, "app-membership-icon", 15),
2 & t && i.lc("membership", "premium")("noText", !0)("newIcon", !0)
}
function h(t, e) {
1 & t && i.Pb(0, "app-membership-icon", 16),
2 & t && i.lc("membership", "bigV")("noText", !0)("newIcon", !0)
}
function d(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 11),
i.bc("click", function() {
i.Ac(t);
const e = i.ec();
return e.toUserSpace(e.user)
}),
i.Ub(1, "img", 12),
i.bc("mouseenter", function() {
return i.Ac(t),
i.ec().loadUser()
}),
i.Tb(),
i.Ic(2, u, 1, 3, "app-membership-icon", 13),
i.Ic(3, h, 1, 3, "app-membership-icon", 14),
i.Tb()
}
if (2 & t) {
const t = i.ec();
i.Cb(1),
i.nc("src", "", t.avatar, "?w=110&h=110&mode=crop", i.Dc),
i.Cb(1),
i.lc("ngIf", t.vipSymbol && !t.officalUp),
i.Cb(1),
i.lc("ngIf", t.officalUp)
}
}
function g(t, e) {
if (1 & t && (i.Ub(0, "span", 38),
i.Pb(1, "span", 39),
i.Kc(2),
i.Tb()),
2 & t) {
const t = i.ec(2);
i.Cb(2),
i.Mc(" ", 0 === t.status ? "\u5df2\u5c01\u53f7" : 2 === t.status ? "\u7981\u8a00\u4e2d" : "\u5df2\u51bb\u7ed3", " ")
}
}
const p = function(t) {
return ["/space", t]
}
, b = function(t, e) {
return {
iconnanxing: t,
iconnvxing: e
}
};
function m(t, e) {
if (1 & t && (i.Ub(0, "div", 17),
i.Ub(1, "div", 18),
i.Ub(2, "div", 19),
i.Kc(3, "LV."),
i.Ub(4, "span"),
i.Kc(5),
i.Tb(),
i.Tb(),
i.Ub(6, "div", 20),
i.fc(7, "chineseCounter"),
i.fc(8, "chineseCounter"),
i.Ub(9, "span"),
i.Kc(10),
i.fc(11, "chineseCounter"),
i.Tb(),
i.Kc(12),
i.fc(13, "chineseCounter"),
i.Tb(),
i.Tb(),
i.Ub(14, "div", 21),
i.Ub(15, "div", 22),
i.Ub(16, "span", 23),
i.Kc(17),
i.Tb(),
i.Pb(18, "i", 24),
i.Pb(19, "app-membership-icon", 25),
i.Tb(),
i.Ic(20, g, 3, 1, "span", 26),
i.Ub(21, "div", 27),
i.Pb(22, "span", 28),
i.Tb(),
i.Ub(23, "div", 29),
i.Pb(24, "div", 30),
i.Ub(25, "span", 31),
i.Kc(26),
i.Tb(),
i.Ub(27, "span", 32),
i.Pb(28, "i", 33),
i.Kc(29),
i.Tb(),
i.Tb(),
i.Ub(30, "div"),
i.Pb(31, "div", 34),
i.Ub(32, "div", 35),
i.Ub(33, "div", 36),
i.Pb(34, "div", 37),
i.Tb(),
i.Tb(),
i.Tb(),
i.Tb(),
i.Tb()),
2 & t) {
const t = i.ec();
i.Cb(5),
i.Lc(t.user.level),
i.Cb(1),
i.oc("title", "", i.gc(7, 17, t.user.experience), " / ", i.gc(8, 19, t.user.expToNextLevel), ""),
i.Cb(4),
i.Lc(i.gc(11, 21, t.user.experience)),
i.Cb(2),
i.Mc(" / ", i.gc(13, 23, t.user.expToNextLevel), " "),
i.Cb(3),
i.lc("routerLink", i.qc(25, p, t.user.key)),
i.Cb(2),
i.Lc(t.user.nickname),
i.Cb(1),
i.lc("ngClass", i.rc(27, b, "male" === t.user.gender, "female" === t.user.gender)),
i.Cb(1),
i.lc("membership", t.user.membership)("noText", !0)("newIcon", !0)("canHover", !0),
i.Cb(1),
i.lc("ngIf", 1 !== t.status),
i.Cb(6),
i.Lc(t.user.dnCoins),
i.Cb(3),
i.Lc(t.user.region),
i.Cb(5),
i.Gc("width", t.user.expToNextLevel > 0 ? t.user.experience / t.user.expToNextLevel * 100 : 0, "%")
}
}
function f(t, e) {
1 & t && (i.Ub(0, "div", 40),
i.Pb(1, "app-loader-ring", 41),
i.Tb()),
2 & t && (i.Cb(1),
i.lc("size", "medium")("color", "gray"))
}
function v(t, e) {
if (1 & t && (i.Ub(0, "div", 54),
i.Ub(1, "span", 55),
i.Kc(2),
i.Tb(),
i.Tb()),
2 & t) {
const t = i.ec(3);
i.Cb(2),
i.Mc("+ ", (null == t.user.lastTrend ? null : t.user.lastTrend.photoURLs.length) - 4, "")
}
}
function C(t, e) {
1 & t && (i.Ub(0, "div", 56),
i.Pb(1, "i", 57),
i.Tb())
}
function P(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 50),
i.bc("click", function() {
i.Ac(t);
const e = i.ec(2);
return e.toActivity(e.user)
}),
i.Pb(1, "img", 51),
i.Ic(2, v, 3, 1, "div", 52),
i.Ic(3, C, 2, 0, "div", 53),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = e.last
, o = i.ec(2);
i.Cb(1),
i.lc("src", t + "?w=73&h=73&mode=crop", i.Dc),
i.Cb(1),
i.lc("ngIf", n && (null == o.user.lastTrend ? null : o.user.lastTrend.photoURLs.length) > 4),
i.Cb(1),
i.lc("ngIf", !!o.user.lastTrend.isTrendVideo)
}
}
const y = function() {
return {
type: "activity"
}
};
function O(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "div", 42),
i.Ub(1, "div", 43),
i.Ub(2, "a", 44),
i.Kc(3),
i.Tb(),
i.Tb(),
i.Ub(4, "div", 45),
i.Ub(5, "div", 46),
i.bc("click", function() {
i.Ac(t);
const e = i.ec();
return e.toActivity(e.user)
}),
i.Tb(),
i.Ub(6, "div", 47),
i.Ic(7, P, 4, 3, "div", 48),
i.fc(8, "slice"),
i.Tb(),
i.Tb(),
i.Ub(9, "div", 49),
i.Kc(10),
i.Tb(),
i.Tb()
}
if (2 & t) {
const t = i.ec();
i.Cb(2),
i.lc("routerLink", i.qc(10, p, t.user.key))("queryParams", i.pc(12, y)),
i.Cb(1),
i.Mc("TA\u7684\u52a8\u6001 (", t.user.trendCount, ") >"),
i.Cb(2),
i.lc("innerHtml", t.textAbstrc(null == t.user.lastTrend ? null : t.user.lastTrend.description), i.Bc),
i.Cb(2),
i.lc("ngForOf", i.ic(8, 6, null == t.user.lastTrend ? null : t.user.lastTrend.photoURLs, 0, 4)),
i.Cb(3),
i.Lc(null == t.user.lastTrend ? null : t.user.lastTrend.createTimeStr)
}
}
const x = function(t) {
return {
id: t
}
};
function M(t, e) {
if (1 & t && (i.Ub(0, "a", 58),
i.Pb(1, "i", 59),
i.Ub(2, "span"),
i.Kc(3, "\u79c1\u4fe1"),
i.Tb(),
i.Tb()),
2 & t) {
const t = i.ec();
i.lc("queryParams", i.qc(1, x, null == t.user ? null : t.user.key))
}
}
function _(t, e) {
1 & t && (i.Ub(0, "a", 60),
i.Pb(1, "i", 59),
i.Ub(2, "span"),
i.Kc(3, "\u79c1\u4fe1"),
i.Tb(),
i.Tb())
}
function w(t, e) {
if (1 & t && (i.Ub(0, "a", 61),
i.Kc(1, "\u4e2a\u4eba\u4e3b\u9875"),
i.Tb()),
2 & t) {
const t = i.ec();
i.lc("routerLink", i.qc(1, p, t.userKey || t.user.key))
}
}
function k(t, e) {
1 & t && (i.Ub(0, "a", 62),
i.Kc(1, "\u4e2a\u4eba\u4e3b\u9875"),
i.Tb())
}
const I = function(t, e) {
return {
expanded: t,
"add-bs": e
}
};
let S = (()=>{
class t {
constructor(t) {
this._userService = t,
this.unsb = null,
this.hideNameCardEvent = new i.n,
this.userLoadedEvent = new i.n,
this.expanded = !1,
this.fromPublisher = !1
}
ngOnDestroy() {
null != this.unsb && this.unsb()
}
ngOnChanges(t) {
t.userId && t.userId.currentValue && (this.user = void 0)
}
readState() {}
ngOnInit() {
this.userId && !this.user && (this.isLoading = !0)
}
ngAfterViewInit() {}
loadUser() {
this.userId && !this.user && this._userService.getUserInfo(this.userId).subscribe(t=>{
this.isLoading = !1,
this.user = t,
this.userLoadedEvent.emit(t)
}
)
}
hideNamecard() {
this.hideNameCardEvent.emit(!0)
}
onMouseLeave() {
this.hideNameCardEvent.emit(!0)
}
logout() {
this._userService.logout()
}
fixVipSymbol(t) {
if (t)
return t.split(".png")[0] + "_b.png"
}
toUserSpace(t) {
void 0 !== t && window.open("/space/" + (null == t ? void 0 : t.key), "_blank")
}
textAbstrc(t) {
return t.replace("<br>", " ")
}
toActivity(t) {
var e;
void 0 !== t && window.open("/space/" + (null == t ? void 0 : t.key) + "?type=activity&pid=" + (null === (e = t.lastTrend) || void 0 === e ? void 0 : e.id), "_blank")
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(o.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-namecard"]],
inputs: {
currentUser: "currentUser",
user: "user",
userId: "userId",
avatar: "avatar",
hide: "hide",
userKey: "userKey",
status: "status",
vipSymbol: "vipSymbol",
officalUp: "officalUp",
fromPublisher: "fromPublisher"
},
outputs: {
hideNameCardEvent: "hideNameCardEvent",
userLoadedEvent: "userLoadedEvent"
},
features: [i.Ab],
decls: 12,
vars: 13,
consts: [[1, "name-card", 3, "hidden", "ngClass"], ["style", "cursor: pointer;", 3, "click", 4, "ngIf"], ["class", "content", 4, "ngIf"], ["class", "content d-flex align-items-center justify-content-center", "style", "min-height: 127px", 4, "ngIf"], ["class", "activity", 4, "ngIf"], [1, "footer", "d-flex", "align-items-center"], [1, "flex-1"], ["class", "private-msg-btn pull-left", "routerLink", "/user/messages/chat", "target", "_blank", 3, "queryParams", 4, "ngIf"], ["href", "#", "class", "pull-left private-msg-btn", 4, "ngIf"], ["class", "pull-right btn btn-default", 3, "routerLink", 4, "ngIf"], ["href", "javascript:void(0)", "class", "pull-right btn btn-default", 4, "ngIf"], [2, "cursor", "pointer", 3, "click"], ["alt", "\u5934\u50cf", 1, "avatar", 3, "src", "mouseenter"], ["class", "vipIcon mr-1 new-icon", "alt", "VIP\u6807\u8bc6", 3, "membership", "noText", "newIcon", 4, "ngIf"], ["class", "vipIcon mr-1 new-icon", "alt", "\u5b98\u65b9\u6807\u8bc6", 3, "membership", "noText", "newIcon", 4, "ngIf"], ["alt", "VIP\u6807\u8bc6", 1, "vipIcon", "mr-1", "new-icon", 3, "membership", "noText", "newIcon"], ["alt", "\u5b98\u65b9\u6807\u8bc6", 1, "vipIcon", "mr-1", "new-icon", 3, "membership", "noText", "newIcon"], [1, "content"], [1, "group-left"], [1, "level"], [1, "experience", 3, "title"], [1, "info"], [1, "text-bold", "mb-1", "nickname", 3, "routerLink"], [1, "name-text"], [1, "iconfont", "icon-size", "fs-16", 3, "ngClass"], [1, "ml-2", 3, "membership", "noText", "newIcon", "canHover"], ["class", "status-text", 4, "ngIf"], [1, "line", "d-flex", "align-items-center"], [1, "from", 2, "height", "1em"], [1, "line"], [1, "left", "coin-icon"], [1, "text-gold"], [1, "from"], [1, "iconfont", "iconditu_dingwei"], [1, "left", "level-icon"], [1, "d-inline"], [1, "progress"], [1, "progress-bar"], [1, "status-text"], [1, "status-label"], [1, "content", "d-flex", "align-items-center", "justify-content-center", 2, "min-height", "127px"], [3, "size", "color"], [1, "activity"], [1, "activity-header"], ["target", "_blank", 3, "routerLink", "queryParams"], [1, "activity-inner"], [1, "activity-text", 3, "innerHtml", "click"], [1, "activity-image", "d-flex"], ["class", "img-ctn", 3, "click", 4, "ngFor", "ngForOf"], [1, "activity-timestamp"], [1, "img-ctn", 3, "click"], [3, "src"], ["class", "multi-img-shadow", 4, "ngIf"], ["class", "canplay-icon-sl", 4, "ngIf"], [1, "multi-img-shadow"], [1, "multi-img-remain"], [1, "canplay-icon-sl"], [1, "iconfont", "iconbofang3"], ["routerLink", "/user/messages/chat", "target", "_blank", 1, "private-msg-btn", "pull-left", 3, "queryParams"], [1, "iconfont", "iconsixin"], ["href", "#", 1, "pull-left", "private-msg-btn"], [1, "pull-right", "btn", "btn-default", 3, "routerLink"], ["href", "javascript:void(0)", 1, "pull-right", "btn", "btn-default"]],
template: function(t, e) {
1 & t && (i.Ub(0, "div", 0),
i.Ic(1, d, 4, 3, "div", 1),
i.Ic(2, m, 35, 30, "div", 2),
i.Ic(3, f, 2, 2, "div", 3),
i.Ic(4, O, 11, 13, "div", 4),
i.Ub(5, "div", 5),
i.Ub(6, "div", 6),
i.Ic(7, M, 4, 3, "a", 7),
i.Ic(8, _, 4, 0, "a", 8),
i.Tb(),
i.Ub(9, "div", 6),
i.Ic(10, w, 2, 3, "a", 9),
i.Ic(11, k, 2, 0, "a", 10),
i.Tb(),
i.Tb(),
i.Tb()),
2 & t && (i.lc("hidden", e.hide)("ngClass", i.rc(10, I, e.expanded, e.fromPublisher)),
i.Cb(1),
i.lc("ngIf", e.avatar),
i.Cb(1),
i.lc("ngIf", e.user),
i.Cb(1),
i.lc("ngIf", e.isLoading),
i.Cb(1),
i.lc("ngIf", !e.isLoading && !!e.user && e.user.trendCount > 0),
i.Cb(3),
i.lc("ngIf", !!e.user && e.userId.toString() !== (null == e.currentUser ? null : e.currentUser.toString())),
i.Cb(1),
i.lc("ngIf", !e.user),
i.Cb(2),
i.lc("ngIf", !!e.user || !!e.userKey),
i.Cb(1),
i.lc("ngIf", !e.user && !e.userKey))
},
directives: [s.l, s.n, c.a, a.e, l.a, a.g, s.m],
pipes: [r.a, s.u],
styles: [".fixed[_nghost-%COMP%] .avatar[_ngcontent-%COMP%]{left:12px}.fixed[_nghost-%COMP%] .name-card[_ngcontent-%COMP%]{left:11px;box-shadow:none}.name-card[_ngcontent-%COMP%]{font-size:14px;width:330px;z-index:998;position:absolute;background-color:#090b21;box-shadow:2px 2px 4px 0 #0000003d}.light[_nghost-%COMP%] .name-card[_ngcontent-%COMP%], .light [_nghost-%COMP%] .name-card[_ngcontent-%COMP%]{box-shadow:2px 2px 4px 0 #0000003d}.name-card.add-bs[_ngcontent-%COMP%]{box-shadow:0 0 4px 1px #00000057}.name-card[_ngcontent-%COMP%] .activity[_ngcontent-%COMP%], .name-card[_ngcontent-%COMP%] .content[_ngcontent-%COMP%], .name-card[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%]{display:none!important}.name-card[_ngcontent-%COMP%] .avatar[_ngcontent-%COMP%]{margin-top:-12px;object-fit:cover}.name-card.expanded[_ngcontent-%COMP%], .name-card[_ngcontent-%COMP%]:hover{z-index:1000}.name-card.expanded[_ngcontent-%COMP%] .activity[_ngcontent-%COMP%], .name-card.expanded[_ngcontent-%COMP%] .content[_ngcontent-%COMP%], .name-card.expanded[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%], .name-card[_ngcontent-%COMP%]:hover .activity[_ngcontent-%COMP%], .name-card[_ngcontent-%COMP%]:hover .content[_ngcontent-%COMP%], .name-card[_ngcontent-%COMP%]:hover .footer[_ngcontent-%COMP%]{display:flex!important}.name-card.expanded[_ngcontent-%COMP%] .avatar[_ngcontent-%COMP%], .name-card[_ngcontent-%COMP%]:hover .avatar[_ngcontent-%COMP%]{width:80px!important;height:80px!important;top:-40px;z-index:10;margin-top:2px}.name-card.expanded[_ngcontent-%COMP%] .vipIcon[_ngcontent-%COMP%], .name-card[_ngcontent-%COMP%]:hover .vipIcon[_ngcontent-%COMP%]{z-index:0}.name-card.expanded[_ngcontent-%COMP%] .vipIcon.new-icon[_ngcontent-%COMP%], .name-card[_ngcontent-%COMP%]:hover .vipIcon.new-icon[_ngcontent-%COMP%]{margin-left:70px;margin-top:18px;zoom:1;z-index:1000}.nickname[_ngcontent-%COMP%]{line-height:16px;cursor:pointer;display:flex;align-items:center;height:18px}.light[_nghost-%COMP%] .nickname[_ngcontent-%COMP%], .light [_nghost-%COMP%] .nickname[_ngcontent-%COMP%]{color:#fff}.nickname[_ngcontent-%COMP%] .name-text[_ngcontent-%COMP%]{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;margin:0 5px}.content[_ngcontent-%COMP%]{position:relative;background-image:url(/assets/images/user-bg.png);background-position:50%;background-repeat:no-repeat;padding:12px 18px 0}.info[_ngcontent-%COMP%]{padding-left:6em;min-height:115px}.left[_ngcontent-%COMP%]{width:64px;min-height:1em;display:inline-flex;min-height:1.4em}.line[_ngcontent-%COMP%]{line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:16em}.dn-badge[_ngcontent-%COMP%]{display:inline-block;line-height:1.5;height:18px;margin-right:5px}.from[_ngcontent-%COMP%]{line-height:1.4;margin:4px 0;font-size:14px;color:#ffffffb3;position:relative;top:-.4em}.light[_nghost-%COMP%] .from[_ngcontent-%COMP%], .light [_nghost-%COMP%] .from[_ngcontent-%COMP%]{color:#fff}.from[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%]{font-size:20px;margin-right:.2em}.footer[_ngcontent-%COMP%]{padding:16px;background-color:#6663}.light[_nghost-%COMP%] .footer[_ngcontent-%COMP%], .light [_nghost-%COMP%] .footer[_ngcontent-%COMP%]{background-color:#fff}.close-btn[_ngcontent-%COMP%]{position:absolute;top:5px;right:5px;width:24px;height:24px;cursor:pointer}.pulse-loading.nickname[_ngcontent-%COMP%]{width:160px;height:24px}.pulse-loading.mem-from[_ngcontent-%COMP%]{width:140px;height:24px}.pulse-loading.level[_ngcontent-%COMP%]{width:160px;height:24px}.pulse-loading.coins[_ngcontent-%COMP%]{width:120px;height:24px}.progress[_ngcontent-%COMP%]{height:.5em;position:relative;top:-1.7em;left:31px;width:189px}.progress[_ngcontent-%COMP%] .progress-bar[_ngcontent-%COMP%]{height:inherit}.left.coin-icon[_ngcontent-%COMP%]{background-position:0 -1.4em}.text-gold[_ngcontent-%COMP%]{position:relative;left:-2.4em;top:-.4em}.level[_ngcontent-%COMP%]{margin-left:1em;height:14px;font-size:17px;font-weight:700;font-style:italic}.light[_nghost-%COMP%] .level[_ngcontent-%COMP%], .light [_nghost-%COMP%] .level[_ngcontent-%COMP%]{color:#fff}.level[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:24px;font-style:normal;margin-left:.1em}.group-left[_ngcontent-%COMP%]{position:absolute;top:3.5em;left:0}.experience[_ngcontent-%COMP%]{margin-top:2.75em;margin-left:1em;color:#ffffffb3;width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.chat[_ngcontent-%COMP%]{color:#fff6}.chat[_ngcontent-%COMP%]:hover{color:#fff}.light[_nghost-%COMP%] .chat[_ngcontent-%COMP%]:hover, .light [_nghost-%COMP%] .chat[_ngcontent-%COMP%]:hover{color:#333}.chat[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%]{font-size:20px;position:relative;top:.1em}.light[_nghost-%COMP%] .chat[_ngcontent-%COMP%], .light [_nghost-%COMP%] .chat[_ngcontent-%COMP%]{color:#888}.avatar[_ngcontent-%COMP%]{position:absolute;width:48px;height:48px;left:12px;top:0;border-radius:50%;z-index:5;transition:all .2s linear}.status-text[_ngcontent-%COMP%]{color:#ffffffb3;line-height:24px;font-size:14px;font-weight:600;white-space:nowrap;padding-left:17px;position:absolute;right:11px;top:9px}.status-label[_ngcontent-%COMP%]{position:absolute;top:10px;left:6px;height:5px;width:5px;border-radius:50%;background-color:#ff0048}.vipIcon[_ngcontent-%COMP%]{position:absolute;margin-left:46px;margin-top:18px;z-index:1000}.vipIcon.new-icon[_ngcontent-%COMP%]{margin-left:60px;margin-top:25px;zoom:.75}.private-msg-btn[_ngcontent-%COMP%]{color:#fff6;cursor:pointer}.light[_nghost-%COMP%] .private-msg-btn[_ngcontent-%COMP%], .light [_nghost-%COMP%] .private-msg-btn[_ngcontent-%COMP%]{color:#888}.private-msg-btn[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{position:relative;top:-.3em;margin-left:.3em}.private-msg-btn[_ngcontent-%COMP%]:hover{color:#fff}.light[_nghost-%COMP%] .private-msg-btn[_ngcontent-%COMP%]:hover, .light [_nghost-%COMP%] .private-msg-btn[_ngcontent-%COMP%]:hover{color:#00c0ff!important}.activity[_ngcontent-%COMP%]{height:auto;border-bottom:1px solid;border-color:#6663;background-color:#6663;flex-direction:column;padding:10px}.light[_nghost-%COMP%] .activity[_ngcontent-%COMP%], .light [_nghost-%COMP%] .activity[_ngcontent-%COMP%]{border-color:#ddd}.light[_nghost-%COMP%] .activity[_ngcontent-%COMP%], .light [_nghost-%COMP%] .activity[_ngcontent-%COMP%]{background-color:#fff}.activity-header[_ngcontent-%COMP%]{color:#ffffffb3;margin-bottom:5px}.activity-text[_ngcontent-%COMP%]{color:#fff6!important;margin-bottom:10px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-height:21px;cursor:pointer}.light[_nghost-%COMP%] .activity-text[_ngcontent-%COMP%], .light [_nghost-%COMP%] .activity-text[_ngcontent-%COMP%]{color:#888!important}.activity-image[_ngcontent-%COMP%]{margin-bottom:10px}.img-ctn[_ngcontent-%COMP%]{width:73px;height:73px;overflow:hidden;position:relative;margin-right:6px;cursor:pointer}.img-ctn[_ngcontent-%COMP%]:last-child{margin-right:0}.img-ctn[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:100%;height:100%;object-fit:cover}.multi-img-shadow[_ngcontent-%COMP%]{width:78px;height:78px;background-color:#000000b3}.multi-img-remain[_ngcontent-%COMP%], .multi-img-shadow[_ngcontent-%COMP%]{position:absolute;top:0;right:0;left:0;bottom:0}.multi-img-remain[_ngcontent-%COMP%]{margin:auto;font-size:20px;width:50px;height:50px;text-align:center;line-height:50px;color:#fff!important}.light[_nghost-%COMP%] .multi-img-remain[_ngcontent-%COMP%], .light [_nghost-%COMP%] .multi-img-remain[_ngcontent-%COMP%]{color:#fff!important}.activity-timestamp[_ngcontent-%COMP%]{font-size:12px;color:#fff6!important}.light[_nghost-%COMP%] .activity-timestamp[_ngcontent-%COMP%], .light [_nghost-%COMP%] .activity-timestamp[_ngcontent-%COMP%]{color:#888!important}.canplay-icon-sl[_ngcontent-%COMP%]{position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:50%;background-color:#00000080;display:flex;align-items:center;justify-content:center;cursor:pointer}.canplay-icon-sl[_ngcontent-%COMP%] .iconfont[_ngcontent-%COMP%]{color:#fff!important;font-size:12px;margin-top:2px;margin-left:2px}"]
}),
t
}
)()
},
tSvX: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return h
});
var i = n("LRne")
, o = n("vkgz")
, s = n("lJxs")
, c = n("Njeq")
, a = n("tWDZ")
, l = n("3My9")
, r = n("2Vo4")
, u = n("fXoL");
let h = (()=>{
class t {
constructor(t, e, n) {
this._apiUrlHelper = t,
this._httpClientHelper = e,
this._utility = n,
this.openedFudai = new r.a([]),
this.openedFudai$ = this.openedFudai.asObservable()
}
getDanmu(t, e, n=1, i=12e3) {
const s = this._apiUrlHelper.urlBuilder("get-barrages", {
page: n,
size: i,
uniqueKey: t
}, this._utility.isNews ? "NEWS_ENDPOINT" : "");
return this._httpClientHelper.get(s).pipe(Object(o.a)(t=>t.data && 1 !== t.data.code ? t.data : []))
}
sendDanmu(t, e, n) {
const i = this._apiUrlHelper.urlBuilder("send-barrage", {
uniqueKey: t
}, this._utility.isNews ? "NEWS_ENDPOINT" : "")
, o = {
Contxt: n.contxt,
Color: n.color,
Font: n.font,
Second: n.second.toFixed(4),
position: n.position
};
return this._httpClientHelper.post(i, o, null)
}
removeDanmu(t, e) {
const n = this._apiUrlHelper.urlBuilder("remove-barrage", {
id: t
}, this._utility.isNews ? "NEWS_ENDPOINT" : "");
return this._httpClientHelper.get(n)
}
reportDanmu(t, e) {
const n = this._apiUrlHelper.urlBuilder("report-barrage", {
id: t,
reason: e
});
return this._httpClientHelper.get(n)
}
likeDanmu(t) {
const e = this._apiUrlHelper.urlBuilder("like-barrage", {
id: t
}, this._utility.isNews ? "NEWS_ENDPOINT" : "");
return this._httpClientHelper.get(e)
}
openDanmuFudai(t) {
const e = this._apiUrlHelper.urlBuilder("get-barrage-coin", {
id: t
}, this._utility.isNews ? "NEWS_ENDPOINT" : "");
return this._httpClientHelper.get(e)
}
storeOpenedDanmuFudai(t) {
this.openedFudai.next(t)
}
getUserSettings() {
if (!this._httpClientHelper.token.uid)
return Object(i.a)({
includeAvatar: !1,
includeLocation: !1
});
const t = this._apiUrlHelper.urlBuilder("danmu-user-settings");
return this._httpClientHelper.get(t).pipe(Object(s.a)(t=>{
if (null == t[0])
return {
includeAvatar: !0,
includeLocation: !0
};
switch (t[0].prefix) {
case 0:
return {
includeAvatar: !0,
includeLocation: !0
};
case 1:
return {
includeAvatar: !0,
includeLocation: !1
};
case 2:
return {
includeAvatar: !1,
includeLocation: !0
};
case 3:
return {
includeAvatar: !1,
includeLocation: !1
};
default:
return {
includeAvatar: !0,
includeLocation: !0
}
}
}
))
}
updateUserSettings(t) {
const e = this._apiUrlHelper.urlBuilder("danmu-update-user-settings");
let n = 3;
return t.includeAvatar && t.includeLocation && (n = 0),
t.includeAvatar && !t.includeLocation && (n = 1),
!t.includeAvatar && t.includeLocation && (n = 2),
t.includeAvatar || t.includeLocation || (n = 3),
this._httpClientHelper.post(e, {
prefix: n
}, null)
}
}
return t.\u0275fac = function(e) {
return new (e || t)(u.Yb(c.a),u.Yb(a.a),u.Yb(l.a))
}
,
t.\u0275prov = u.Kb({
token: t,
factory: t.\u0275fac
}),
t
}
)()
},
uIam: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return o
});
var i = n("fXoL");
let o = (()=>{
class t {
transform(t) {
return `assets/images/user-center/lv_${(t || 1) > 8 ? 8 : t || 1}.png`
}
}
return t.\u0275fac = function(e) {
return new (e || t)
}
,
t.\u0275pipe = i.Nb({
name: "staticLevel",
type: t,
pure: !0
}),
t
}
)()
},
wFXo: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return _
});
var i = n("fXoL")
, o = n("kizo")
, s = n("3My9")
, c = n("ofXK")
, a = n("ZAKw");
const l = ["expander"]
, r = ["hiddenNav"]
, u = function(t) {
return {
pmb: t
}
}
, h = function(t, e) {
return {
active: t,
playing: e
}
};
function d(t, e) {
if (1 & t && (i.Ub(0, "button", 13),
i.Kc(1),
i.Tb()),
2 & t) {
const t = e.$implicit
, n = e.index
, o = i.ec(2);
i.lc("ngClass", i.qc(3, u, o.fromPlayer))("ngClass", i.rc(5, h, n === o.activated, n === o.current)),
i.Cb(1),
i.Mc(" ", t, " ")
}
}
function g(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "button", 14),
i.bc("click", function() {
i.Ac(t);
const n = e.index;
return i.ec(2).setCurrentTabIndex(n)
}),
i.Kc(1),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = e.index
, o = i.ec(2);
i.lc("ngClass", i.qc(3, u, o.fromPlayer))("ngClass", i.rc(5, h, n === o.activated, n === o.current)),
i.Cb(1),
i.Mc(" ", t, " ")
}
}
function p(t, e) {
1 & t && i.Pb(0, "div", 15)
}
const b = function(t) {
return {
active: t
}
}
, m = function(t) {
return {
"rotate-180": t
}
};
function f(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "button", 16),
i.bc("click", function() {
return i.Ac(t),
i.ec(2).togglePanel()
}),
i.Ub(1, "span", 17),
i.Kc(2),
i.Tb(),
i.Pb(3, "i", 18),
i.Tb()
}
if (2 & t) {
const t = i.ec(2);
i.lc("ngClass", i.qc(3, b, t.highLighted)),
i.Cb(2),
i.Lc(t.text),
i.Cb(1),
i.lc("ngClass", i.qc(5, m, t.expanded))
}
}
const v = function(t, e) {
return {
active: t,
pmb: e
}
};
function C(t, e) {
if (1 & t) {
const t = i.Vb();
i.Ub(0, "button", 14),
i.bc("click", function() {
i.Ac(t);
const n = e.index
, o = i.ec(3);
return o.setCurrentTabIndex(n + o.fixed)
}),
i.Kc(1),
i.Tb()
}
if (2 & t) {
const t = e.$implicit
, n = e.index
, o = i.ec(3);
i.lc("ngClass", i.rc(2, v, n + o.fixed === o.activated || n + o.fixed === o.current, o.fromPlayer)),
i.Cb(1),
i.Mc(" ", t, " ")
}
}
const P = function(t) {
return {
length: 3,
items: t,
placeholder: "button",
valid: !0
}
}
, y = function(t) {
return {
"float-panel": t
}
};
function O(t, e) {
if (1 & t && (i.Ub(0, "div", 19, 20),
i.Ic(2, C, 2, 5, "button", 8),
i.Tb()),
2 & t) {
const t = i.ec(2);
i.lc("FlexboxPlaceholder", i.qc(3, P, t.items.length))("ngClass", i.qc(5, y, !t.fromPlayer)),
i.Cb(2),
i.lc("ngForOf", t.items.slice(t.fixed))
}
}
const x = function(t) {
return {
expanded: t
}
};
function M(t, e) {
if (1 & t && (i.Ub(0, "div", 1),
i.Ub(1, "div", 2),
i.Ub(2, "div", 3, 4),
i.Ic(4, d, 2, 8, "button", 5),
i.Tb(),
i.Tb(),
i.Ub(5, "div", 6),
i.Ub(6, "div", 7),
i.Ic(7, g, 2, 8, "button", 8),
i.Tb(),
i.Ic(8, p, 1, 0, "div", 9),
i.Ic(9, f, 4, 7, "button", 10),
i.Tb(),
i.Ub(10, "div", 11),
i.Ic(11, O, 3, 7, "div", 12),
i.Tb(),
i.Tb()),
2 & t) {
const t = i.ec();
i.lc("ngClass", i.qc(6, x, t.expanded)),
i.Cb(4),
i.lc("ngForOf", t.items),
i.Cb(3),
i.lc("ngForOf", t.items.slice(0, t.fixed)),
i.Cb(1),
i.lc("ngIf", t.fromPlayer),
i.Cb(1),
i.lc("ngIf", t.items.length > t.fixed),
i.Cb(2),
i.lc("ngIf", t.fromPlayer || t.expanded)
}
}
let _ = (()=>{
class t {
constructor(t, e) {
this._windowService = t,
this._utility = e,
this.items = [],
this.fixed = 3,
this.fromPlayer = !1,
this.mode = 1,
this.selected = new i.n,
this.expanded = !1,
this._windowService.size$.subscribe(t=>{
this.screenSize = t
}
)
}
onResize(t) {
this.setFixedItems()
}
ngOnInit() {}
ngOnChanges(t) {}
togglePanel() {
this.expanded = !this.expanded,
this.fromPlayer || (this.expanded ? setTimeout(()=>{
this.expanderElem = this.expander.nativeElement,
this.openExpander$ = this._utility.openList(this.expanderElem, null, t=>{
var e;
const n = null === (e = t.getAttribute("class")) || void 0 === e ? void 0 : e.split(" ");
n && n.indexOf("ps__thumb-y") > -1 || (this.openExpander$.unsubscribe(),
this.expanded = !1)
}
)
}
, 50) : this.expanded && this.openExpander$.unsubscribe())
}
get text() {
return this.activated < this.fixed ? "\u5168\u90e8" : this.items[this.activated]
}
get highLighted() {
return !(this.activated < this.fixed)
}
openPanel() {
this.expanded = !0
}
closePanel() {
this.expanded = !1
}
setCurrentTabIndex(t) {
this.selected.emit(t),
this.expanded && (this.expanded = !1,
this.openExpander$ && this.openExpander$.unsubscribe())
}
ngAfterViewInit() {
setTimeout(()=>{
this.setFixedItems()
}
, 200)
}
setFixedItems() {
let t = 400;
switch (this.screenSize) {
case o.a.XSmall:
t = this.fromPlayer ? 250 : 740;
break;
case o.a.Small:
case o.a.Medium:
t = this.fromPlayer ? 190 : 740;
break;
case o.a.Large:
t = this.fromPlayer ? 190 : 1100;
break;
case o.a.ExtraLarge:
t = this.fromPlayer ? 300 : 1360;
break;
default:
t = this.fromPlayer ? 400 : 1360
}
let e = 0;
const n = [].slice.call(this.hiddenNav.nativeElement.children);
for (let i = 0; i < n.length; i++) {
if (e += n[i].offsetWidth,
e > t) {
setTimeout(()=>{
this.fixed = this.fromPlayer ? i > 0 ? i : 1 : i > 0 ? i - 1 : 1
}
, 400);
break
}
i === n.length - 1 && (this.fixed = n.length)
}
}
}
return t.\u0275fac = function(e) {
return new (e || t)(i.Ob(o.b),i.Ob(s.a))
}
,
t.\u0275cmp = i.Ib({
type: t,
selectors: [["app-expandable-tabs"]],
viewQuery: function(t, e) {
if (1 & t && (i.Qc(l, 1),
i.Qc(r, 1)),
2 & t) {
let t;
i.wc(t = i.cc()) && (e.expander = t.first),
i.wc(t = i.cc()) && (e.hiddenNav = t.first)
}
},
hostBindings: function(t, e) {
1 & t && i.bc("resize", function(t) {
return e.onResize(t)
}, !1, i.zc)
},
inputs: {
items: "items",
current: "current",
activated: "activated",
fixed: "fixed",
fromPlayer: "fromPlayer",
mode: "mode"
},
outputs: {
selected: "selected"
},
features: [i.Ab],
decls: 1,
vars: 1,
consts: [["class", "medias-selector-expandable-tabs", 3, "ngClass", 4, "ngIf"], [1, "medias-selector-expandable-tabs", 3, "ngClass"], [2, "height", "0", "overflow", "hidden"], [1, "medias-selector-expandable-tabs-nav", "medias-selector-expandable-tabs-nav-hidden"], ["hiddenNav", ""], ["class", "button", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "medias-selector-expandable-tabs-inner"], [1, "medias-selector-expandable-tabs-nav"], ["class", "button", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], ["class", "sep-line", "style", "border-bottom: 1px solid #ffffff1a;margin-right: -80px;", 4, "ngIf"], ["class", "expander", 3, "ngClass", "click", 4, "ngIf"], [1, "panel-container"], ["class", "panel", 3, "FlexboxPlaceholder", "ngClass", 4, "ngIf"], [1, "button", 3, "ngClass"], [1, "button", 3, "ngClass", "click"], [1, "sep-line", 2, "border-bottom", "1px solid #ffffff1a", "margin-right", "-80px"], [1, "expander", 3, "ngClass", "click"], [1, "mr-1"], [1, "iconfont", "iconjiantou_liebiaozhankai", 3, "ngClass"], [1, "panel", 3, "FlexboxPlaceholder", "ngClass"], ["expander", ""]],
template: function(t, e) {
1 & t && i.Ic(0, M, 12, 8, "div", 0),
2 & t && i.lc("ngIf", 1 === e.mode)
},
directives: [c.n, c.l, c.m, a.a],
styles: [".sep-line[_ngcontent-%COMP%]{opacity:0;transition:all 1.2s}.expanded[_ngcontent-%COMP%] .sep-line[_ngcontent-%COMP%]{opacity:1}"]
}),
t
}
)()
},
wXeO: function(t, e, n) {
"use strict";
n.d(e, "a", function() {
return o
});
var i = n("XNiG");
class o {
constructor() {
this._danmuId = new i.a,
this.danmuId$ = this._danmuId.asObservable()
}
notify(t) {
this._danmuId.next(t)
}
}
}
}]);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment