Skip to content

Instantly share code, notes, and snippets.

@moorer2k

moorer2k/gist:a96d485c062709b439ce1edbc4384309

Created February 10, 2018 20:14
Show Gist options
  • Save moorer2k/a96d485c062709b439ce1edbc4384309 to your computer and use it in GitHub Desktop.
Save moorer2k/a96d485c062709b439ce1edbc4384309 to your computer and use it in GitHub Desktop.
Download ZIP
TCSHIT
Raw
gistfile1.txt
This file has been truncated, but you can view the full file.
<html>
<head></head>
<body>
<div hidden="" by-polymer-bundler="">
<script>
(function() {
"use strict";
function i() {
this.end = this.start = 0, this.rules = this.parent = this.previous = null, this.cssText = this.parsedCssText = "", this.atRule = !1, this.type = 0, this.parsedSelector = this.selector = this.keyframesName = ""
}
function j(ob) {
ob = ob.replace(Ra, "").replace(Sa, "");
var qb = ob,
rb = new i;
rb.start = 0, rb.end = qb.length;
for (var sb = rb, tb = 0, ub = qb.length; tb < ub; tb++)
if ("{" === qb[tb]) {
sb.rules || (sb.rules = []);
var vb = sb,
wb = vb.rules[vb.rules.length - 1] || null;
sb = new i, sb.start = tb + 1, sb.parent = vb, sb.previous = wb, vb.rules.push(sb)
} else "}" === qb[tb] && (sb.end = tb + 1, sb = sb.parent || rb);
return o(rb, ob)
}
function o(ob, pb) {
var qb = pb.substring(ob.start, ob.end - 1);
if (ob.parsedCssText = ob.cssText = qb.trim(), ob.parent && (qb = pb.substring(ob.previous ? ob.previous.end : ob.parent.start, ob.start - 1), qb = s(qb), qb = qb.replace(Ya, " "), qb = qb.substring(qb.lastIndexOf(";") + 1), qb = ob.parsedSelector = ob.selector = qb.trim(), ob.atRule = 0 === qb.indexOf("@"), ob.atRule ? 0 === qb.indexOf("@media") ? ob.type = Pa : qb.match(Xa) && (ob.type = Oa, ob.keyframesName = ob.selector.split(Ya).pop()) : ob.type = 0 === qb.indexOf("--") ? Qa : Na), qb = ob.rules)
for (var tb, rb = 0, sb = qb.length; rb < sb && (tb = qb[rb]); rb++) o(tb, pb);
return ob
}
function s(ob) {
return ob.replace(/\\([0-9a-f]{1,6})\s/gi, function(pb, qb) {
for (pb = qb, qb = 6 - pb.length; qb--;) pb = "0" + pb;
return "\\" + pb
})
}
function $(ob, pb, qb) {
qb = void 0 === qb ? "" : qb;
var rb = "";
if (ob.cssText || ob.rules) {
var tb, sb = ob.rules;
if ((tb = sb) && (tb = sb[0], tb = !(tb && tb.selector && 0 === tb.selector.indexOf("--"))), tb) {
tb = 0;
for (var vb, ub = sb.length; tb < ub && (vb = sb[tb]); tb++) rb = $(vb, pb, rb)
} else pb ? pb = ob.cssText : (pb = ob.cssText, pb = pb.replace(Ta, "").replace(Ua, ""), pb = pb.replace(Va, "").replace(Wa, "")), (rb = pb.trim()) && (rb = " " + rb + "\n")
}
return rb && (ob.selector && (qb += ob.selector + " {\n"), qb += rb, ob.selector && (qb += "}\n\n")), qb
}
function _(ob) {
(ob = Ma[ob]) && (ob._applyShimCurrentVersion = ob._applyShimCurrentVersion || 0, ob._applyShimValidatingVersion = ob._applyShimValidatingVersion || 0, ob._applyShimNextVersion = (ob._applyShimNextVersion || 0) + 1)
}
function ga(ob) {
return ob._applyShimCurrentVersion === ob._applyShimNextVersion
}
function va(ob) {
ob._applyShimValidatingVersion = ob._applyShimNextVersion, ob.b || (ob.b = !0, Za.then(function() {
ob._applyShimCurrentVersion = ob._applyShimNextVersion, ob.b = !1
}))
}
function wa(ob) {
_a = ob && ob.shimcssproperties ? !1 : $a || !navigator.userAgent.match(/AppleWebKit\/601|Edge\/15/) && window.CSS && CSS.supports && CSS.supports("box-shadow", "0 0 0 var(--foo)")
}
function xa(ob) {
return ob ? ("string" == typeof ob && (ob = j(ob)), $(ob, ab)) : ""
}
function ya(ob) {
return !ob.__cssRules && ob.textContent && (ob.__cssRules = j(ob.textContent)), ob.__cssRules || null
}
function za(ob, pb, qb, rb) {
if (ob) {
var sb = !1,
tb = ob.type;
if (rb && tb === Pa) {
var ub = ob.selector.match(db);
ub && (window.matchMedia(ub[1]).matches || (sb = !0))
}
if (tb === Na ? pb(ob) : qb && tb === Oa ? qb(ob) : tb === Qa && (sb = !0), (ob = ob.rules) && !sb) {
sb = 0, tb = ob.length;
for (var vb; sb < tb && (vb = ob[sb]); sb++) za(vb, pb, qb, rb)
}
}
}
function Aa(ob, pb) {
var qb = ob.indexOf("var(");
if (-1 === qb) return pb(ob, "", "", "");
a: {
for (var rb = 0, sb = qb + 3, tb = ob.length; sb < tb; sb++)
if ("(" === ob[sb]) rb++;
else if (")" === ob[sb] && 0 == --rb) break a;sb = -1
}
return rb = ob.substring(qb + 4, sb), qb = ob.substring(0, qb), ob = Aa(ob.substring(sb + 1), pb), sb = rb.indexOf(","), -1 === sb ? pb(qb, rb.trim(), "", ob) : pb(qb, rb.substring(0, sb).trim(), rb.substring(sb + 1).trim(), ob)
}
function Ba() {
this.a = {}
}
function Ca() {
this.b = this.c = null, this.a = new Ba
}
function Da(ob, pb) {
return pb = pb.replace(bb, function(qb, rb, sb, tb) {
return Ha(ob, qb, rb, sb, tb)
}), Ea(ob, pb)
}
function Ea(ob, pb) {
for (var qb; qb = cb.exec(pb);) {
var rb = qb[0],
sb = qb[1];
qb = qb.index;
var tb = pb.slice(0, qb + rb.indexOf("@apply"));
pb = pb.slice(qb + rb.length);
var ub = Fa(ob, tb);
rb = void 0;
var vb = ob;
sb = sb.replace(fb, "");
var wb = [],
xb = vb.a.get(sb);
if (xb || (vb.a.set(sb, {}), xb = vb.a.get(sb)), xb)
for (rb in vb.c && (xb.i[vb.c] = !0), xb.h) vb = ub && ub[rb], xb = [rb, ": var(", sb, "_-_", rb], vb && xb.push(",", vb), xb.push(")"), wb.push(xb.join(""));
rb = wb.join("; "), pb = "" + tb + rb + pb, cb.lastIndex = qb + rb.length
}
return pb
}
function Fa(ob, pb) {
pb = pb.split(";");
for (var qb, rb, ub, sb = {}, tb = 0; tb < pb.length; tb++)
if ((qb = pb[tb]) && (ub = qb.split(":"), 1 < ub.length)) {
qb = ub[0].trim();
var vb = ob;
rb = qb, ub = ub.slice(1).join(":");
var wb = gb.exec(ub);
wb && (wb[1] ? (vb.b || (vb.b = document.createElement("meta"), vb.b.setAttribute("apply-shim-measure", ""), vb.b.style.all = "initial", document.head.appendChild(vb.b)), rb = window.getComputedStyle(vb.b).getPropertyValue(rb)) : rb = "apply-shim-inherit", ub = rb), rb = ub, sb[qb] = rb
}
return sb
}
function Ga(ob, pb) {
if (hb)
for (var qb in pb.i) qb !== ob.c && hb(qb)
}
function Ha(ob, pb, qb, rb, sb) {
if (rb && Aa(rb, function(Cb, Db) {
Db && ob.a.get(Db) && (sb = "@apply " + Db + ";")
}), !sb) return pb;
var tb = Ea(ob, sb),
ub = pb.slice(0, pb.indexOf("--")),
vb = tb = Fa(ob, tb),
wb = ob.a.get(qb),
xb = wb && wb.h;
xb ? vb = Object.assign(Object.create(xb), tb) : ob.a.set(qb, vb);
var zb, yb = [],
Ab = !1;
for (zb in vb) {
var Bb = tb[zb];
void 0 === Bb && (Bb = "initial"), !xb || zb in xb || (Ab = !0), yb.push("" + qb + "_-_" + zb + ": " + Bb)
}
return Ab && Ga(ob, wb), wb && (wb.h = vb), rb && (ub = pb + ";" + ub), "" + ub + yb.join("; ") + ";"
}
function Ia(ob) {
requestAnimationFrame(function() {
jb ? jb(ob) : (ib || (ib = new Promise(function(pb) {
kb = pb
}), "complete" === document.readyState ? kb() : document.addEventListener("readystatechange", function() {
"complete" === document.readyState && kb()
})), ib.then(function() {
ob && ob()
}))
})
}
function Ja() {
var ob = this;
this.a = null, Ia(function() {
Ka(ob)
}), lb.invalidCallback = _
}
function Ka(ob) {
ob.a || (ob.a = window.ShadyCSS.CustomStyleInterface, ob.a && (ob.a.transformCallback = function(pb) {
lb.f(pb)
}, ob.a.validateCallback = function() {
requestAnimationFrame(function() {
ob.a.enqueued && La(ob)
})
}))
}
function La(ob) {
if (Ka(ob), ob.a) {
var pb = ob.a.processStyles();
if (ob.a.enqueued) {
for (var rb, qb = 0; qb < pb.length; qb++) rb = ob.a.getStyleForCustomStyle(pb[qb]), rb && lb.f(rb);
ob.a.enqueued = !1
}
}
}
var Ma = {},
Na = 1,
Oa = 7,
Pa = 4,
Qa = 1E3,
Ra = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,
Sa = /@import[^;]*;/gim,
Ta = /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,
Ua = /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,
Va = /@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,
Wa = /[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,
Xa = /^@[^\s]*keyframes/,
Ya = /\s+/g,
Za = Promise.resolve(),
_a, $a = !(window.ShadyDOM && window.ShadyDOM.inUse);
window.ShadyCSS && void 0 !== window.ShadyCSS.nativeCss ? _a = window.ShadyCSS.nativeCss : window.ShadyCSS ? (wa(window.ShadyCSS), window.ShadyCSS = void 0) : wa(window.WebComponents && window.WebComponents.flags);
var ab = _a,
bb = /(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gi,
cb = /(?:^|\W+)@apply\s*\(?([^);\n]*)\)?/gi,
db = /@media\s(.*)/,
eb = new Set,
fb = /;\s*/m,
gb = /^\s*(initial)|(inherit)\s*$/;
Ba.prototype.set = function(ob, pb) {
ob = ob.trim(), this.a[ob] = {
h: pb,
i: {}
}
}, Ba.prototype.get = function(ob) {
return ob = ob.trim(), this.a[ob] || null
};
var hb = null;
Ca.prototype.o = function(ob) {
return ob = cb.test(ob) || bb.test(ob), cb.lastIndex = 0, bb.lastIndex = 0, ob
}, Ca.prototype.m = function(ob, pb) {
if (void 0 === ob.a) {
for (var tb, qb = [], rb = ob.content.querySelectorAll("style"), sb = 0; sb < rb.length; sb++)
if (tb = rb[sb], !tb.hasAttribute("shady-unscoped")) qb.push(tb.textContent), tb.parentNode.removeChild(tb);
else if (!$a) {
var ub = tb.textContent;
eb.has(ub) || (eb.add(ub), ub = tb.cloneNode(!0), document.head.appendChild(ub)), tb.parentNode.removeChild(tb)
}(qb = qb.join("").trim()) ? (rb = document.createElement("style"), rb.textContent = qb, ob.content.insertBefore(rb, ob.content.firstChild), qb = rb) : qb = null, ob.a = qb
}
return (ob = ob.a) ? this.j(ob, pb) : null
}, Ca.prototype.j = function(ob, pb) {
pb = void 0 === pb ? "" : pb;
var qb = ya(ob);
return this.l(qb, pb), ob.textContent = xa(qb), qb
}, Ca.prototype.f = function(ob) {
var pb = this,
qb = ya(ob);
return za(qb, function(rb) {
":root" === rb.selector && (rb.selector = "html"), pb.g(rb)
}), ob.textContent = xa(qb), qb
}, Ca.prototype.l = function(ob, pb) {
var qb = this;
this.c = pb, za(ob, function(rb) {
qb.g(rb)
}), this.c = null
}, Ca.prototype.g = function(ob) {
ob.cssText = Da(this, ob.parsedCssText), ":root" === ob.selector && (ob.selector = ":host > *")
}, Ca.prototype.detectMixin = Ca.prototype.o, Ca.prototype.transformStyle = Ca.prototype.j, Ca.prototype.transformCustomStyle = Ca.prototype.f, Ca.prototype.transformRules = Ca.prototype.l, Ca.prototype.transformRule = Ca.prototype.g, Ca.prototype.transformTemplate = Ca.prototype.m, Ca.prototype._separator = "_-_", Object.defineProperty(Ca.prototype, "invalidCallback", {
get: function() {
return hb
},
set: function(ob) {
hb = ob
}
});
var kb, ib = null,
jb = window.HTMLImports && window.HTMLImports.whenReady || null,
lb = new Ca;
if (Ja.prototype.prepareTemplate = function(ob, pb) {
Ka(this), Ma[pb] = ob, pb = lb.m(ob, pb), ob._styleAst = pb
}, Ja.prototype.styleSubtree = function(ob, pb) {
if (Ka(this), pb)
for (var qb in pb) null === qb ? ob.style.removeProperty(qb) : ob.style.setProperty(qb, pb[qb]);
if (ob.shadowRoot)
for (this.styleElement(ob), ob = ob.shadowRoot.children || ob.shadowRoot.childNodes, pb = 0; pb < ob.length; pb++) this.styleSubtree(ob[pb]);
else
for (ob = ob.children || ob.childNodes, pb = 0; pb < ob.length; pb++) this.styleSubtree(ob[pb])
}, Ja.prototype.styleElement = function(ob) {
Ka(this);
var qb, pb = ob.localName;
qb = pb ? -1 < pb.indexOf("-") ? pb : ob.getAttribute && ob.getAttribute("is") || "" : ob.is, (pb = Ma[qb]) && !ga(pb) && ((ga(pb) || pb._applyShimValidatingVersion !== pb._applyShimNextVersion) && (this.prepareTemplate(pb, qb), va(pb)), (ob = ob.shadowRoot) && (ob = ob.querySelector("style")) && (ob.__cssRules = pb._styleAst, ob.textContent = xa(pb._styleAst)))
}, Ja.prototype.styleDocument = function(ob) {
Ka(this), this.styleSubtree(document.body, ob)
}, !window.ShadyCSS || !window.ShadyCSS.ScopingShim) {
var mb = new Ja,
nb = window.ShadyCSS && window.ShadyCSS.CustomStyleInterface;
window.ShadyCSS = {
prepareTemplate: function(ob, pb) {
La(mb), mb.prepareTemplate(ob, pb)
},
styleSubtree: function(ob, pb) {
La(mb), mb.styleSubtree(ob, pb)
},
styleElement: function(ob) {
La(mb), mb.styleElement(ob)
},
styleDocument: function(ob) {
La(mb), mb.styleDocument(ob)
},
getComputedStyleValue: function(ob, pb) {
return (ob = window.getComputedStyle(ob).getPropertyValue(pb)) ? ob.trim() : ""
},
nativeCss: ab,
nativeShadow: $a
}, nb && (window.ShadyCSS.CustomStyleInterface = nb)
}
window.ShadyCSS.ApplyShim = lb
}).call(this);
</script>
<script>
(function() {
'use strict';
const a = window.Polymer;
window.Polymer = function(b) {
return window.Polymer._polymerFn(b)
}, a && Object.assign(Polymer, a), window.Polymer._polymerFn = function() {
throw new Error('Load polymer.html to use the Polymer() function.')
}, window.Polymer.version = '2.0.0', window.JSCompiler_renameProperty = function(b) {
return b
}
})();
</script>
<script>
(function() {
'use strict';
function a(c) {
return function(d) {
c.__mixinApplications || (c.__mixinApplications = new WeakMap);
let e = c.__mixinApplications,
f = e.get(d);
return f || (f = c(d), e.set(d, f)), f
}
}
let b = 0;
Polymer.dedupingMixin = function(c) {
return c = a(c), c.__dedupeId = ++b,
function(d) {
let e = d.__mixinSet;
if (e && e[c.__dedupeId]) return d;
let f = c(d);
return f.__mixinSet = Object.create(f.__mixinSet || e || null), f.__mixinSet[c.__dedupeId] = !0, f
}
}
})();
</script>
<script>
(function() {
'use strict';
const a = {},
b = /-[a-z]/g,
c = /([A-Z])/g,
d = {
dashToCamelCase(e) {
return a[e] || (a[e] = 0 > e.indexOf('-') ? e : e.replace(b, f => f[1].toUpperCase()))
},
camelToDashCase(e) {
return a[e] || (a[e] = e.replace(c, '-$1').toLowerCase())
}
};
Polymer.CaseMap = d
})();
</script>
<script>
(function() {
'use strict';
function a(i, j) {
if (i && f.test(i)) return i;
if (void 0 === g) {
g = !1;
try {
const k = new URL('b', 'http://a');
k.pathname = 'c%20d', g = 'http://a/c%20d' === k.href
} catch (k) {}
}
return (j || (j = document.baseURI || window.location.href), g) ? new URL(i, j).href : (h || (h = document.implementation.createHTMLDocument('temp'), h.base = h.createElement('base'), h.head.appendChild(h.base), h.anchor = h.createElement('a'), h.body.appendChild(h.anchor)), h.base.href = j, h.anchor.href = i, h.anchor.href || i)
}
let d = /(url\()([^)]*)(\))/g,
f = /(^\/)|(^#)|(^[\w-\d]*:)/,
g, h;
Polymer.ResolveUrl = {
resolveCss: function(i, j) {
return i.replace(d, function(k, l, n, o) {
return l + '\'' + a(n.replace(/["']/g, ''), j) + '\'' + o
})
},
resolveUrl: a,
pathFromUrl: function(i) {
return i.substring(0, i.lastIndexOf('/') + 1)
}
}
})();
</script>
<script>
(function() {
'use strict';
function a(f) {
return Polymer.DomModule ? Polymer.DomModule.import(f) : null
}
const d = {
cssFromModules(f) {
let g = f.trim().split(' '),
h = '';
for (let j = 0; j < g.length; j++) h += this.cssFromModule(g[j]);
return h
},
cssFromModule(f) {
let g = a(f);
if (g && void 0 === g._cssText) {
let h = '',
j = g.querySelector('template');
j && (h += this.cssFromTemplate(j, g.assetpath)), h += this.cssFromModuleImports(f), g._cssText = h || null
}
return g || console.warn('Could not find style data in module named', f), g && g._cssText || ''
},
cssFromTemplate(f, g) {
let h = '',
j = f.content.querySelectorAll('style');
for (let k = 0; k < j.length; k++) {
let l = j[k],
n = l.getAttribute('include');
n && (h += this.cssFromModules(n)), l.parentNode.removeChild(l), h += g ? Polymer.ResolveUrl.resolveCss(l.textContent, g) : l.textContent
}
return h
},
cssFromModuleImports(f) {
let g = '',
h = a(f);
if (!h) return g;
let j = h.querySelectorAll('link[rel=import][type~=css]');
for (let l, k = 0; k < j.length; k++)
if (l = j[k], l.import) {
let n = l.import,
o = n.body ? n.body : n;
g += Polymer.ResolveUrl.resolveCss(o.textContent, n.baseURI)
}
return g
}
};
Polymer.StyleGather = d
})();
</script>
<script>
(function() {
'use strict';
function a(f) {
return c[f] || d[f.toLowerCase()]
}
function b(f) {
f.querySelector('style') && console.warn('dom-module %s has style outside template', f.id)
}
let c = {},
d = {};
class e extends HTMLElement {
static get observedAttributes() {
return ['id']
}
static
import (f, g) {
if (f) {
let h = a(f);
return h && g ? h.querySelector(g) : h
}
return null
}
attributeChangedCallback(f, g, h) {
g !== h && this.register()
}
get assetpath() {
if (!this.__assetpath) {
const f = window.HTMLImports && HTMLImports.importForElement ? HTMLImports.importForElement(this) || document : this.ownerDocument,
g = Polymer.ResolveUrl.resolveUrl(this.getAttribute('assetpath') || '', f.baseURI);
this.__assetpath = Polymer.ResolveUrl.pathFromUrl(g)
}
return this.__assetpath
}
register(f) {
f = f || this.id, f && (this.id = f, c[f] = this, d[f.toLowerCase()] = this, b(this))
}
}
e.prototype.modules = c, customElements.define('dom-module', e), Polymer.DomModule = e
})();
</script>
<script>
(function() {
'use strict';
const a = {
isPath: function(b) {
return 0 <= b.indexOf('.')
},
root: function(b) {
let c = b.indexOf('.');
return -1 === c ? b : b.slice(0, c)
},
isAncestor: function(b, c) {
return 0 === b.indexOf(c + '.')
},
isDescendant: function(b, c) {
return 0 === c.indexOf(b + '.')
},
translate: function(b, c, d) {
return c + d.slice(b.length)
},
matches: function(b, c) {
return b === c || this.isAncestor(b, c) || this.isDescendant(b, c)
},
normalize: function(b) {
if (Array.isArray(b)) {
let c = [];
for (let e, d = 0; d < b.length; d++) {
e = b[d].toString().split('.');
for (let f = 0; f < e.length; f++) c.push(e[f])
}
return c.join('.')
}
return b
},
split: function(b) {
return Array.isArray(b) ? this.normalize(b).split('.') : b.toString().split('.')
},
get: function(b, c, d) {
let e = b,
f = this.split(c);
for (let g = 0; g < f.length; g++) {
if (!e) return;
let h = f[g];
e = e[h]
}
return d && (d.path = f.join('.')), e
},
set: function(b, c, d) {
let e = b,
f = this.split(c),
g = f[f.length - 1];
if (1 < f.length) {
for (let k, h = 0; h < f.length - 1; h++)
if (k = f[h], e = e[k], !e) return;
e[g] = d
} else e[c] = d;
return f.join('.')
}
};
a.isDeep = a.isPath, Polymer.Path = a
})();
</script>
<script>
(function() {
'use strict';
let c = 0,
d = 0,
f = [],
g = 0,
h = document.createTextNode('');
new window.MutationObserver(function() {
const j = f.length;
for (let l, k = 0; k < j; k++)
if (l = f[k], l) try {
l()
} catch (m) {
setTimeout(() => {
throw m
})
}
f.splice(0, j), d += j
}).observe(h, {
characterData: !0
}), Polymer.Async = {
timeOut: {
after(j) {
return {
run(k) {
return setTimeout(k, j)
},
cancel: window.clearTimeout.bind(window)
}
},
run: window.setTimeout.bind(window),
cancel: window.clearTimeout.bind(window)
},
animationFrame: {
run: window.requestAnimationFrame.bind(window),
cancel: window.cancelAnimationFrame.bind(window)
},
idlePeriod: {
run(j) {
return window.requestIdleCallback ? window.requestIdleCallback(j) : window.setTimeout(j, 16)
},
cancel(j) {
window.cancelIdleCallback ? window.cancelIdleCallback(j) : window.clearTimeout(j)
}
},
microTask: {
run(j) {
return h.textContent = g++, f.push(j), c++
},
cancel(j) {
const k = j - d;
if (0 <= k) {
if (!f[k]) throw new Error('invalid async handle: ' + j);
f[k] = null
}
}
}
}
})();
</script>
<script>
(function() {
'use strict';
function a(f, g) {
if (!d[g]) {
let h = f[g];
h !== void 0 && (f.__data ? f._setPendingProperty(g, h) : (f.__dataProto ? !f.hasOwnProperty(JSCompiler_renameProperty('__dataProto', f)) && (f.__dataProto = Object.create(f.__dataProto)) : f.__dataProto = {}, f.__dataProto[g] = h))
}
}
let b = Polymer.CaseMap,
c = Polymer.Async.microTask;
const d = {};
for (let f, e = HTMLElement.prototype; e;) {
f = Object.getOwnPropertyNames(e);
for (let g = 0; g < f.length; g++) d[f[g]] = !0;
e = Object.getPrototypeOf(e)
}
Polymer.PropertyAccessors = Polymer.dedupingMixin(f => {
return class extends f {
static createPropertiesForAttributes() {
let h = this.observedAttributes;
for (let j = 0; j < h.length; j++) this.prototype._createPropertyAccessor(b.dashToCamelCase(h[j]))
}
constructor() {
super(), this._initializeProperties()
}
attributeChangedCallback(h, j, k) {
j !== k && this._attributeToProperty(h, k)
}
_initializeProperties() {
for (let h in this.__serializing = !1, this.__dataCounter = 0, this.__dataEnabled = !1, this.__dataInitialized = !1, this.__dataInvalid = !1, this.__data = {}, this.__dataPending = null, this.__dataOld = null, this.__dataProto && (this._initializeProtoProperties(this.__dataProto), this.__dataProto = null), this.__dataHasAccessor) this.hasOwnProperty(h) && (this.__dataInstanceProps = this.__dataInstanceProps || {}, this.__dataInstanceProps[h] = this[h], delete this[h])
}
_initializeProtoProperties(h) {
for (let j in h) this._setProperty(j, h[j])
}
_initializeInstanceProperties(h) {
Object.assign(this, h)
}
_ensureAttribute(h, j) {
this.hasAttribute(h) || this._valueToNodeAttribute(this, j, h)
}
_attributeToProperty(h, j, k) {
if (!this.__serializing) {
let l = b.dashToCamelCase(h);
this[l] = this._deserializeValue(j, k)
}
}
_propertyToAttribute(h, j, k) {
this.__serializing = !0, k = 3 > arguments.length ? this[h] : k, this._valueToNodeAttribute(this, k, j || b.camelToDashCase(h)), this.__serializing = !1
}
_valueToNodeAttribute(h, j, k) {
let l = this._serializeValue(j);
l === void 0 ? h.removeAttribute(k) : h.setAttribute(k, l)
}
_serializeValue(h) {
switch (typeof h) {
case 'boolean':
return h ? '' : void 0;
case 'object':
if (h instanceof Date) return h.toString();
if (h) try {
return JSON.stringify(h)
} catch (j) {
return ''
}
default: return null == h ? void 0 : h.toString();
}
}
_deserializeValue(h, j) {
let k;
switch (j) {
case Number:
k = +h;
break;
case Boolean:
k = null !== h;
break;
case Object:
try {
k = JSON.parse(h)
} catch (l) {}
break;
case Array:
try {
k = JSON.parse(h)
} catch (l) {
k = null, console.warn(`Polymer::Attributes: couldn't decode Array as JSON: ${h}`)
}
break;
case Date:
k = new Date(h);
break;
case String:
default:
k = h;
}
return k
}
_createPropertyAccessor(h, j) {
this.hasOwnProperty('__dataHasAccessor') || (this.__dataHasAccessor = Object.assign({}, this.__dataHasAccessor)), this.__dataHasAccessor[h] || (this.__dataHasAccessor[h] = !0, a(this, h), Object.defineProperty(this, h, {
get: function() {
return this.__data[h]
},
set: j ? function() {} : function(k) {
this._setProperty(h, k)
}
}))
}
_hasAccessor(h) {
return this.__dataHasAccessor && this.__dataHasAccessor[h]
}
_setProperty(h, j) {
this._setPendingProperty(h, j) && this._invalidateProperties()
}
_setPendingProperty(h, j) {
let k = this.__data[h];
if (this._shouldPropertyChange(h, j, k)) return this.__dataPending || (this.__dataPending = {}, this.__dataOld = {}), h in this.__dataOld || (this.__dataOld[h] = k), this.__data[h] = j, this.__dataPending[h] = j, !0
}
_isPropertyPending(h) {
return this.__dataPending && h in this.__dataPending
}
_invalidateProperties() {
!this.__dataInvalid && this.__dataInitialized && (this.__dataInvalid = !0, c.run(() => {
this.__dataInvalid && (this.__dataInvalid = !1, this._flushProperties())
}))
}
_enableProperties() {
this.__dataEnabled || (this.__dataEnabled = !0, this.__dataInstanceProps && (this._initializeInstanceProperties(this.__dataInstanceProps), this.__dataInstanceProps = null), this.ready())
}
_flushProperties() {
if (this.__dataPending) {
let h = this.__dataPending;
this.__dataPending = null, this.__dataCounter++, this._propertiesChanged(this.__data, h, this.__dataOld), this.__dataCounter--
}
}
ready() {
this.__dataInitialized = !0, this._flushProperties()
}
_propertiesChanged() {}
_shouldPropertyChange(h, j, k) {
return k !== j && (k === k || j === j)
}
}
})
})();
</script>
<script>
(function() {
'use strict';
function b(m) {
let o = m.getAttribute('is');
if (o && k[o]) {
let p = m;
for (p.removeAttribute('is'), m = p.ownerDocument.createElement(o), p.parentNode.replaceChild(m, p), m.appendChild(p); p.attributes.length;) m.setAttribute(p.attributes[0].name, p.attributes[0].value), p.removeAttribute(p.attributes[0].name)
}
return m
}
function c(m, o) {
let p = o.parentInfo && c(m, o.parentInfo);
if (p) {
for (let q = p.firstChild, r = 0; q; q = q.nextSibling)
if (o.parentIndex === r++) return q;
} else return m
}
function d(m, o, p, q) {
q.id && (o[q.id] = p)
}
function f(m, o, p) {
if (p.events && p.events.length)
for (let s, q = 0, r = p.events; q < r.length && (s = r[q]); q++) m._addMethodEventListenerToNode(o, s.name, s.value, m)
}
function g(m, o, p) {
p.templateInfo && (o._templateInfo = p.templateInfo)
}
function h(m, o, p) {
m = m._methodHost || m;
return function(r) {
m[p] ? m[p](r, r.detail) : console.warn('listener method `' + p + '` not defined')
}
}
const k = {
"dom-if": !0,
"dom-repeat": !0
};
Polymer.TemplateStamp = Polymer.dedupingMixin(m => {
return class extends m {
static _parseTemplate(p, q) {
if (!p._templateInfo) {
let r = p._templateInfo = {};
r.nodeInfoList = [], r.stripWhiteSpace = q && q.stripWhiteSpace || p.hasAttribute('strip-whitespace'), this._parseTemplateContent(p, r, {
parent: null
})
}
return p._templateInfo
}
static _parseTemplateContent(p, q, r) {
return this._parseTemplateNode(p.content, q, r)
}
static _parseTemplateNode(p, q, r) {
let s;
return 'template' != p.localName || p.hasAttribute('preserve-content') ? 'slot' === p.localName && (q.hasInsertionPoint = !0) : s = this._parseTemplateNestedTemplate(p, q, r) || s, p.firstChild && (s = this._parseTemplateChildNodes(p, q, r) || s), p.hasAttributes && p.hasAttributes() && (s = this._parseTemplateNodeAttributes(p, q, r) || s), s
}
static _parseTemplateChildNodes(p, q, r) {
for (let v, s = p.firstChild, u = 0; s; s = v) {
if ('template' == s.localName && (s = b(s)), v = s.nextSibling, s.nodeType === Node.TEXT_NODE) {
for (let x = v; x && x.nodeType === Node.TEXT_NODE;) s.textContent += x.textContent, v = x.nextSibling, p.removeChild(x), x = v;
if (q.stripWhiteSpace && !s.textContent.trim()) {
p.removeChild(s);
continue
}
}
let w = {
parentIndex: u,
parentInfo: r
};
this._parseTemplateNode(s, q, w) && (w.infoIndex = q.nodeInfoList.push(w) - 1), s.parentNode && u++
}
}
static _parseTemplateNestedTemplate(p, q, r) {
let s = this._parseTemplate(p, q),
u = s.content = p.content.ownerDocument.createDocumentFragment();
return u.appendChild(p.content), r.templateInfo = s, !0
}
static _parseTemplateNodeAttributes(p, q, r) {
let s, u = Array.from(p.attributes);
for (let w, v = u.length - 1; w = u[v]; v--) s = this._parseTemplateNodeAttribute(p, q, r, w.name, w.value) || s;
return s
}
static _parseTemplateNodeAttribute(p, q, r, s, u) {
return 'on-' === s.slice(0, 3) ? (p.removeAttribute(s), r.events = r.events || [], r.events.push({
name: s.slice(3),
value: u
}), !0) : 'id' === s ? (r.id = u, !0) : void 0
}
static _contentForTemplate(p) {
let q = p.__templateInfo;
return q && q.content || p.content
}
_stampTemplate(p) {
p && !p.content && window.HTMLTemplateElement && HTMLTemplateElement.decorate && HTMLTemplateElement.decorate(p);
let q = this.constructor._parseTemplate(p),
r = q.nodeInfoList,
s = q.content || p.content,
u = document.importNode(s, !0);
u.__noInsertionPoint = !q.hasInsertionPoint;
let v = u.nodeList = Array(r.length);
u.$ = {};
for (let y, z, w = 0, x = r.length; w < x && (y = r[w]); w++) z = v[w] = c(u, y), d(this, u.$, z, y), g(this, z, y), f(this, z, y);
return u
}
_addMethodEventListenerToNode(p, q, r, s) {
s = s || p;
let u = h(s, q, r);
return this._addEventListenerToNode(p, q, u), u
}
_addEventListenerToNode(p, q, r) {
p.addEventListener(q, r)
}
_removeEventListenerFromNode(p, q, r) {
p.removeEventListener(q, r)
}
}
})
})();
</script>
<script>
(function() {
'use strict';
function t(pe, _e) {
let le = pe[_e];
if (!le) le = pe[_e] = {};
else if (!pe.hasOwnProperty(_e))
for (let he in le = pe[_e] = Object.create(pe[_e]), le) {
let fe = le[he],
ue = le[he] = Array(fe.length);
for (let ge = 0; ge < fe.length; ge++) ue[ge] = fe[ge]
}
return le
}
function r(pe, _e, le, he, fe, ue) {
if (_e) {
let ge = !1,
Pe = q++;
for (let ce in le) o(pe, _e, Pe, ce, le, he, fe, ue) && (ge = !0);
return ge
}
return !1
}
function o(pe, _e, le, he, fe, ue, ge, Pe) {
let ce = !1,
me = ge ? Polymer.Path.root(he) : he,
ye = _e[me];
if (ye)
for (let Te, Ee = 0, Ce = ye.length; Ee < Ce && (Te = ye[Ee]); Ee++) Te.info && Te.info.lastRun === le || ge && !d(he, Te.trigger) || (Te.info && (Te.info.lastRun = le), Te.fn(pe, he, fe, ue, Te.info, ge, Pe), ce = !0);
return ce
}
function d(pe, _e) {
if (_e) {
let le = _e.name;
return le == pe || _e.structured && Polymer.Path.isAncestor(le, pe) || _e.wildcard && Polymer.Path.isDescendant(le, pe)
}
return !0
}
function _(pe, _e, le, he, fe) {
let ue = pe[fe.methodName],
ge = fe.property;
ue ? ue.call(pe, pe.__data[ge], he[ge]) : !fe.dynamicFn && console.warn('observer method `' + fe.methodName + '` not defined')
}
function h(pe, _e, le, he, fe) {
let ue = pe.__notifyEffects,
ge, Pe = q++;
for (let me in _e) _e[me] && (ue && o(pe, ue, Pe, me, le, he, fe) ? ge = !0 : fe && f(pe, me, le) && (ge = !0));
let ce;
ge && (ce = pe.__dataHost) && ce._invalidateProperties && ce._invalidateProperties()
}
function f(pe, _e, le) {
let he = Polymer.Path.root(_e);
if (he !== _e) {
let fe = Polymer.CaseMap.camelToDashCase(he) + '-changed';
return u(pe, fe, le[_e], _e), !0
}
}
function u(pe, _e, le, he) {
let fe = {
value: le,
queueProperty: !0
};
he && (fe.path = he), pe.dispatchEvent(new CustomEvent(_e, {
detail: fe
}))
}
function g(pe, _e, le, he, fe, ue) {
let ge = ue ? Polymer.Path.root(_e) : _e,
Pe = ge == _e ? null : _e,
ce = Pe ? Polymer.Path.get(pe, Pe) : pe.__data[_e];
Pe && ce === void 0 && (ce = le[_e]), u(pe, fe.eventName, ce, Pe)
}
function P(pe, _e, le, he, fe) {
let ue, ge = pe.detail,
Pe = ge && ge.path;
Pe ? (he = Polymer.Path.translate(le, he, Pe), ue = ge && ge.value) : ue = pe.target[le], ue = fe ? !ue : ue, _e.__readOnly && _e.__readOnly[he] || !_e._setPendingPropertyOrPath(he, ue, !0, !!Pe) || ge && ge.queueProperty || _e._invalidateProperties()
}
function c(pe, _e, le, he, fe) {
let ue = pe.__data[_e];
Polymer.sanitizeDOMValue && (ue = Polymer.sanitizeDOMValue(ue, fe.attrName, 'attribute', pe)), pe._propertyToAttribute(_e, fe.attrName, ue)
}
function y(pe, _e, le, he) {
let fe = pe.__computeEffects;
if (fe)
for (let ue = _e; r(pe, fe, ue, le, he);) Object.assign(le, pe.__dataOld), Object.assign(_e, pe.__dataPending), ue = pe.__dataPending, pe.__dataPending = null
}
function E(pe, _e, le, he, fe) {
let ue = R(pe, _e, le, he, fe),
ge = fe.methodInfo;
pe.__dataHasAccessor && pe.__dataHasAccessor[ge] ? pe._setPendingProperty(ge, ue, !0) : pe[ge] = ue
}
function C(pe, _e, le) {
let he = pe.__dataLinkedPaths;
if (he) {
let fe;
for (let ue in he) {
let ge = he[ue];
Polymer.Path.isDescendant(ue, _e) ? (fe = Polymer.Path.translate(ue, ge, _e), pe._setPendingPropertyOrPath(fe, le, !0, !0)) : Polymer.Path.isDescendant(ge, _e) && (fe = Polymer.Path.translate(ge, ue, _e), pe._setPendingPropertyOrPath(fe, le, !0, !0))
}
}
}
function T(pe, _e, le, he, fe, ue, ge) {
le.bindings = le.bindings || [];
let Pe = {
kind: he,
target: fe,
parts: ue,
literal: ge,
isCompound: 1 !== ue.length
};
if (le.bindings.push(Pe), A(Pe)) {
let {
event: me,
negate: ye
} = Pe.parts[0];
Pe.listenerEvent = me || U.camelToDashCase(fe) + '-changed', Pe.listenerNegate = ye
}
let ce = _e.nodeInfoList.length;
for (let ye, me = 0; me < Pe.parts.length; me++) ye = Pe.parts[me], ye.compoundIndex = me, O(pe, _e, Pe, ye, ce)
}
function O(pe, _e, le, he, fe) {
if (!he.literal)
if ('attribute' === le.kind && '-' === le.target[0]) console.warn('Cannot set attribute ' + le.target + ' because "-" is not a valid attribute starting character');
else {
let ue = he.dependencies,
ge = {
index: fe,
binding: le,
part: he,
evaluator: pe
};
for (let ce, Pe = 0; Pe < ue.length; Pe++) ce = ue[Pe], 'string' == typeof ce && (ce = S(ce), ce.wildcard = !0), pe._addTemplatePropertyEffect(_e, ce.rootProperty, {
fn: N,
info: ge,
trigger: ce
})
}
}
function N(pe, _e, le, he, fe, ue, ge) {
let Pe = ge[fe.index],
ce = fe.binding,
me = fe.part;
if (ue && me.source && _e.length > me.source.length && 'property' == ce.kind && !ce.isCompound && Pe.__dataHasAccessor && Pe.__dataHasAccessor[ce.target]) {
let ye = le[_e];
_e = Polymer.Path.translate(me.source, ce.target, _e), Pe._setPendingPropertyOrPath(_e, ye, !1, !0) && pe._enqueueClient(Pe)
} else {
let ye = fe.evaluator._evaluateBinding(pe, me, _e, le, he, ue);
I(pe, Pe, ce, me, ye)
}
}
function I(pe, _e, le, he, fe) {
if (fe = x(_e, fe, le, he), Polymer.sanitizeDOMValue && (fe = Polymer.sanitizeDOMValue(fe, le.target, le.kind, _e)), 'attribute' == le.kind) pe._valueToNodeAttribute(_e, fe, le.target);
else {
let ue = le.target;
_e.__dataHasAccessor && _e.__dataHasAccessor[ue] ? (!_e.__readOnly || !_e.__readOnly[ue]) && _e._setPendingProperty(ue, fe) && pe._enqueueClient(_e) : pe._setUnmanagedPropertyToNode(_e, ue, fe)
}
}
function x(pe, _e, le, he) {
if (le.isCompound) {
let fe = pe.__dataCompoundStorage[le.target];
fe[he.compoundIndex] = _e, _e = fe.join('')
}
return 'attribute' !== le.kind && ('textContent' === le.target || 'input' == pe.localName && 'value' == le.target) && (_e = void 0 == _e ? '' : _e), _e
}
function A(pe) {
return pe.target && 'attribute' != pe.kind && 'text' != pe.kind && !pe.isCompound && '{' === pe.parts[0].mode
}
function L(pe, _e) {
let {
nodeList: le,
nodeInfoList: he
} = _e;
if (he.length)
for (let fe = 0; fe < he.length; fe++) {
let ue = he[fe],
ge = le[fe],
Pe = ue.bindings;
if (Pe)
for (let me, ce = 0; ce < Pe.length; ce++) me = Pe[ce], k(ge, me), H(ge, pe, me);
ge.__dataHost = pe
}
}
function k(pe, _e) {
if (_e.isCompound) {
let le = pe.__dataCompoundStorage || (pe.__dataCompoundStorage = {}),
he = _e.parts,
fe = Array(he.length);
for (let ge = 0; ge < he.length; ge++) fe[ge] = he[ge].literal;
let ue = _e.target;
le[ue] = fe, _e.literal && 'property' == _e.kind && (pe[ue] = _e.literal)
}
}
function H(pe, _e, le) {
if (le.listenerEvent) {
let he = le.parts[0];
pe.addEventListener(le.listenerEvent, function(fe) {
P(fe, _e, le.target, he.source, he.negate)
})
}
}
function z(pe, _e, le, he, fe, ue) {
ue = _e.static || ue && ('object' != typeof ue || ue[_e.methodName]);
let ge = {
methodName: _e.methodName,
args: _e.args,
methodInfo: fe,
dynamicFn: ue
};
for (let ce, Pe = 0; Pe < _e.args.length && (ce = _e.args[Pe]); Pe++) ce.literal || pe._addPropertyEffect(ce.rootProperty, le, {
fn: he,
info: ge,
trigger: ce
});
ue && pe._addPropertyEffect(_e.methodName, le, {
fn: he,
info: ge
})
}
function R(pe, _e, le, he, fe) {
let ue = pe._methodHost || pe,
ge = ue[fe.methodName];
if (ge) {
let Pe = F(pe.__data, fe.args, _e, le);
return ge.apply(ue, Pe)
}
fe.dynamicFn || console.warn('method `' + fe.methodName + '` not defined')
}
function D(pe) {
let _e = '';
for (let he, le = 0; le < pe.length; le++) he = pe[le].literal, _e += he || '';
return _e
}
function w(pe) {
let _e = pe.match(/([^\s]+?)\(([\s\S]*)\)/);
if (_e) {
let le = _e[1],
he = {
methodName: le,
static: !0
};
if (_e[2].trim()) {
let fe = _e[2].replace(/\\,/g, '&comma;').split(',');
return M(fe, he)
}
return he.args = Z, he
}
return null
}
function M(pe, _e) {
return _e.args = pe.map(function(le) {
let he = S(le);
return he.literal || (_e.static = !1), he
}, this), _e
}
function S(pe) {
let _e = pe.trim().replace(/&comma;/g, ',').replace(/\\(.)/g, '$1'),
le = {
name: _e
},
he = _e[0];
return '-' === he && (he = _e[1]), '0' <= he && '9' >= he && (he = '#'), '\'' === he || '"' === he ? (le.value = _e.slice(1, -1), le.literal = !0) : '#' === he ? (le.value = +_e, le.literal = !0) : void 0, (le.literal || (le.rootProperty = Polymer.Path.root(_e), le.structured = Polymer.Path.isPath(_e), le.structured && (le.wildcard = '.*' == _e.slice(-2), le.wildcard && (le.name = _e.slice(0, -2)))), le)
}
function F(pe, _e, le, he) {
let fe = [];
for (let ue = 0, ge = _e.length; ue < ge; ue++) {
let me, Pe = _e[ue],
ce = Pe.name;
if (Pe.literal ? me = Pe.value : Pe.structured ? (me = Polymer.Path.get(pe, ce), void 0 == me && (me = he[ce])) : me = pe[ce], Pe.wildcard) {
let ye = 0 === ce.indexOf(le + '.'),
Ee = 0 === le.indexOf(ce) && !ye;
fe[ue] = {
path: Ee ? le : ce,
value: Ee ? he[le] : me,
base: me
}
} else fe[ue] = me
}
return fe
}
function B(pe, _e, le, he) {
let fe = le + '.splices';
pe.notifyPath(fe, {
indexSplices: he
}), pe.notifyPath(le + '.length', _e.length), pe.__data[fe] = {
indexSplices: null
}
}
function V(pe, _e, le, he, fe, ue) {
B(pe, _e, le, [{
index: he,
addedCount: fe,
removed: ue,
object: _e,
type: 'splice'
}])
}
function Y(pe) {
return pe[0].toUpperCase() + pe.substring(1)
}
const U = Polymer.CaseMap;
let q = 0;
const $ = {
COMPUTE: '__computeEffects',
REFLECT: '__reflectEffects',
NOTIFY: '__notifyEffects',
PROPAGATE: '__propagateEffects',
OBSERVE: '__observeEffects',
READ_ONLY: '__readOnly'
},
Z = [],
G = '(?:[a-zA-Z_$][\\w.:$\\-*]*)',
K = '(?:' + G + '|' + '(?:[-+]?[0-9]*\\.?[0-9]+(?:[eE][-+]?[0-9]+)?)' + '|' + ('(?:' + '(?:\'(?:[^\'\\\\]|\\\\.)*\')' + '|' + '(?:"(?:[^"\\\\]|\\\\.)*")' + ')') + '\\s*)',
ie = /(\[\[|{{)\s*(?:(!)\s*)?((?:[a-zA-Z_$][\w.:$\-*]*)\s*(?:\(\s*(?:(?:(?:(?:[a-zA-Z_$][\w.:$\-*]*)|(?:[-+]?[0-9]*\.?[0-9]+(?:[eE][-+]?[0-9]+)?)|(?:(?:'(?:[^'\\]|\\.)*')|(?:"(?:[^"\\]|\\.)*"))\s*)(?:,\s*(?:(?:[a-zA-Z_$][\w.:$\-*]*)|(?:[-+]?[0-9]*\.?[0-9]+(?:[eE][-+]?[0-9]+)?)|(?:(?:'(?:[^'\\]|\\.)*')|(?:"(?:[^"\\]|\\.)*"))\s*))*)?)\)\s*)?)(?:]]|}})/g;
Polymer.PropertyEffects = Polymer.dedupingMixin(pe => {
const _e = Polymer.TemplateStamp(Polymer.PropertyAccessors(pe));
class le extends _e {
get PROPERTY_EFFECT_TYPES() {
return $
}
_initializeProperties() {
super._initializeProperties(), se.registerHost(this), this.__dataClientsInitialized = !1, this.__dataPendingClients = null, this.__dataToNotify = null, this.__dataLinkedPaths = null, this.__dataHasPaths = !1, this.__dataCompoundStorage = this.__dataCompoundStorage || null, this.__dataHost = this.__dataHost || null, this.__dataTemp = {}
}
_initializeProtoProperties(he) {
this.__data = Object.create(he), this.__dataPending = Object.create(he), this.__dataOld = {}
}
_initializeInstanceProperties(he) {
let fe = this.__readOnly;
for (let ue in he) fe && fe[ue] || (this.__dataPending = this.__dataPending || {}, this.__dataOld = this.__dataOld || {}, this.__data[ue] = this.__dataPending[ue] = he[ue])
}
_addPropertyEffect(he, fe, ue) {
this._createPropertyAccessor(he, fe == $.READ_ONLY);
let ge = t(this, fe)[he];
ge || (ge = this[fe][he] = []), ge.push(ue)
}
_removePropertyEffect(he, fe, ue) {
let ge = t(this, fe)[he],
Pe = ge.indexOf(ue);
0 <= Pe && ge.splice(Pe, 1)
}
_hasPropertyEffect(he, fe) {
let ue = this[fe];
return !!(ue && ue[he])
}
_hasReadOnlyEffect(he) {
return this._hasPropertyEffect(he, $.READ_ONLY)
}
_hasNotifyEffect(he) {
return this._hasPropertyEffect(he, $.NOTIFY)
}
_hasReflectEffect(he) {
return this._hasPropertyEffect(he, $.REFLECT)
}
_hasComputedEffect(he) {
return this._hasPropertyEffect(he, $.COMPUTE)
}
_setPendingPropertyOrPath(he, fe, ue, ge) {
if (ge || Polymer.Path.root(Array.isArray(he) ? he[0] : he) !== he) {
if (!ge) {
let Pe = Polymer.Path.get(this, he);
if (he = Polymer.Path.set(this, he, fe), !he || !super._shouldPropertyChange(he, fe, Pe)) return !1
}
if (this.__dataHasPaths = !0, this._setPendingProperty(he, fe, ue)) return C(this, he, fe), !0
} else {
if (this.__dataHasAccessor && this.__dataHasAccessor[he]) return this._setPendingProperty(he, fe, ue);
this[he] = fe
}
return !1
}
_setUnmanagedPropertyToNode(he, fe, ue) {
(ue !== he[fe] || 'object' == typeof ue) && (he[fe] = ue)
}
_setPendingProperty(he, fe, ue) {
let ge = this.__dataHasPaths && Polymer.Path.isPath(he),
Pe = ge ? this.__dataTemp : this.__data;
if (this._shouldPropertyChange(he, fe, Pe[he])) return this.__dataPending || (this.__dataPending = {}, this.__dataOld = {}), he in this.__dataOld || (this.__dataOld[he] = this.__data[he]), ge ? this.__dataTemp[he] = fe : this.__data[he] = fe, this.__dataPending[he] = fe, (ge || this.__notifyEffects && this.__notifyEffects[he]) && (this.__dataToNotify = this.__dataToNotify || {}, this.__dataToNotify[he] = ue), !0
}
_setProperty(he, fe) {
this._setPendingProperty(he, fe, !0) && this._invalidateProperties()
}
_invalidateProperties() {
this.__dataInitialized && this._flushProperties()
}
_enqueueClient(he) {
this.__dataPendingClients = this.__dataPendingClients || [], he !== this && this.__dataPendingClients.push(he)
}
_flushClients() {
if (!this.__dataClientsInitialized) this.__dataClientsInitialized = !0, this._readyClients(), this.__dataInitialized = !0;
else {
let he = this.__dataPendingClients;
if (he) {
this.__dataPendingClients = null;
for (let ue, fe = 0; fe < he.length; fe++) ue = he[fe], ue.__dataPending && ue._flushProperties()
}
}
}
_readyClients() {
let he = this.__dataPendingClients;
if (he) {
this.__dataPendingClients = null;
for (let ue, fe = 0; fe < he.length; fe++) ue = he[fe], ue.__dataEnabled || ue._enableProperties()
}
}
setProperties(he, fe) {
for (let ue in he) !fe && this.__readOnly && this.__readOnly[ue] || this._setPendingPropertyOrPath(ue, he[ue], !0);
this._invalidateProperties()
}
ready() {
this._flushProperties(), this.__dataClientsInitialized || this._flushClients(), this.__dataPending && this._flushProperties()
}
_propertiesChanged(he, fe, ue) {
let ge = this.__dataHasPaths;
this.__dataHasPaths = !1, y(this, fe, ue, ge);
let Pe = this.__dataToNotify;
this.__dataToNotify = null, this._propagatePropertyChanges(fe, ue, ge), this._flushClients(), r(this, this.__reflectEffects, fe, ue, ge), r(this, this.__observeEffects, fe, ue, ge), Pe && h(this, Pe, fe, ue, ge), 1 == this.__dataCounter && (this.__dataTemp = {})
}
_propagatePropertyChanges(he, fe, ue) {
this.__propagateEffects && r(this, this.__propagateEffects, he, fe, ue);
for (let ge = this.__templateInfo; ge;) r(this, ge.propertyEffects, he, fe, ue, ge.nodeList), ge = ge.nextTemplateInfo
}
linkPaths(he, fe) {
he = Polymer.Path.normalize(he), fe = Polymer.Path.normalize(fe), this.__dataLinkedPaths = this.__dataLinkedPaths || {}, this.__dataLinkedPaths[he] = fe
}
unlinkPaths(he) {
he = Polymer.Path.normalize(he), this.__dataLinkedPaths && delete this.__dataLinkedPaths[he]
}
notifySplices(he, fe) {
let ue = {},
ge = Polymer.Path.get(this, he, ue);
B(this, ge, ue.path, fe)
}
get(he, fe) {
return Polymer.Path.get(fe || this, he)
}
set(he, fe, ue) {
ue ? Polymer.Path.set(ue, he, fe) : (!this.__readOnly || !this.__readOnly[he]) && this._setPendingPropertyOrPath(he, fe, !0) && this._invalidateProperties()
}
push(he, ...fe) {
let ue = {},
ge = Polymer.Path.get(this, he, ue),
Pe = ge.length,
ce = ge.push(...fe);
return fe.length && V(this, ge, ue.path, Pe, fe.length, []), ce
}
pop(he) {
let fe = {},
ue = Polymer.Path.get(this, he, fe),
ge = !!ue.length,
Pe = ue.pop();
return ge && V(this, ue, fe.path, ue.length, 0, [Pe]), Pe
}
splice(he, fe, ue, ...ge) {
let Pe = {},
ce = Polymer.Path.get(this, he, Pe);
fe = 0 > fe ? ce.length - Math.floor(-fe) : Math.floor(fe), fe || (fe = 0);
let me = ce.splice(fe, ue, ...ge);
return (ge.length || me.length) && V(this, ce, Pe.path, fe, ge.length, me), me
}
shift(he) {
let fe = {},
ue = Polymer.Path.get(this, he, fe),
ge = !!ue.length,
Pe = ue.shift();
return ge && V(this, ue, fe.path, 0, 0, [Pe]), Pe
}
unshift(he, ...fe) {
let ue = {},
ge = Polymer.Path.get(this, he, ue),
Pe = ge.unshift(...fe);
return fe.length && V(this, ge, ue.path, 0, fe.length, []), Pe
}
notifyPath(he, fe) {
let ue;
if (1 == arguments.length) {
let ge = {};
fe = Polymer.Path.get(this, he, ge), ue = ge.path
} else ue = Array.isArray(he) ? Polymer.Path.normalize(he) : he;
this._setPendingPropertyOrPath(ue, fe, !0, !0) && this._invalidateProperties()
}
_createReadOnlyProperty(he, fe) {
this._addPropertyEffect(he, $.READ_ONLY), fe && (this['_set' + Y(he)] = function(ue) {
this._setProperty(he, ue)
})
}
_createPropertyObserver(he, fe, ue) {
let ge = {
property: he,
methodName: fe,
dynamicFn: ue
};
this._addPropertyEffect(he, $.OBSERVE, {
fn: _,
info: ge,
trigger: {
name: he
}
}), ue && this._addPropertyEffect(fe, $.OBSERVE, {
fn: _,
info: ge,
trigger: {
name: fe
}
})
}
_createMethodObserver(he, fe) {
let ue = w(he);
if (!ue) throw new Error('Malformed observer expression \'' + he + '\'');
z(this, ue, $.OBSERVE, R, null, fe)
}
_createNotifyingProperty(he) {
this._addPropertyEffect(he, $.NOTIFY, {
fn: g,
info: {
eventName: U.camelToDashCase(he) + '-changed',
property: he
}
})
}
_createReflectedProperty(he) {
let fe = U.camelToDashCase(he);
'-' === fe[0] ? console.warn('Property ' + he + ' cannot be reflected to attribute ' + fe + ' because "-" is not a valid starting attribute name. Use a lowercase first letter for the property thisead.') : this._addPropertyEffect(he, $.REFLECT, {
fn: c,
info: {
attrName: fe
}
})
}
_createComputedProperty(he, fe, ue) {
let ge = w(fe);
if (!ge) throw new Error('Malformed computed expression \'' + fe + '\'');
z(this, ge, $.COMPUTE, E, he, ue)
}
static addPropertyEffect(he, fe, ue) {
this.prototype._addPropertyEffect(he, fe, ue)
}
static createPropertyObserver(he, fe, ue) {
this.prototype._createPropertyObserver(he, fe, ue)
}
static createMethodObserver(he, fe) {
this.prototype._createMethodObserver(he, fe)
}
static createNotifyingProperty(he) {
this.prototype._createNotifyingProperty(he)
}
static createReadOnlyProperty(he, fe) {
this.prototype._createReadOnlyProperty(he, fe)
}
static createReflectedProperty(he) {
this.prototype._createReflectedProperty(he)
}
static createComputedProperty(he, fe, ue) {
this.prototype._createComputedProperty(he, fe, ue)
}
static bindTemplate(he) {
return this.prototype._bindTemplate(he)
}
_bindTemplate(he, fe) {
let ue = this.constructor._parseTemplate(he),
ge = this.__templateInfo == ue;
if (!ge)
for (let Pe in ue.propertyEffects) this._createPropertyAccessor(Pe);
if (fe && (ue = Object.create(ue), ue.wasPreBound = ge, !ge && this.__templateInfo)) {
let Pe = this.__templateInfoLast || this.__templateInfo;
return this.__templateInfoLast = Pe.nextTemplateInfo = ue, ue.previousTemplateInfo = Pe, ue
}
return this.__templateInfo = ue
}
static _addTemplatePropertyEffect(he, fe, ue) {
let ge = he.hostProps = he.hostProps || {};
ge[fe] = !0;
let Pe = he.propertyEffects = he.propertyEffects || {},
ce = Pe[fe] = Pe[fe] || [];
ce.push(ue)
}
_stampTemplate(he) {
se.beginHosting(this);
let fe = super._stampTemplate(he);
se.endHosting(this);
let ue = this._bindTemplate(he, !0);
if (ue.nodeList = fe.nodeList, !ue.wasPreBound) {
let ge = ue.childNodes = [];
for (let Pe = fe.firstChild; Pe; Pe = Pe.nextSibling) ge.push(Pe)
}
return fe.templateInfo = ue, L(this, ue), this.__dataInitialized && r(this, ue.propertyEffects, this.__data, null, !1, ue.nodeList), fe
}
_removeBoundDom(he) {
let fe = he.templateInfo;
fe.previousTemplateInfo && (fe.previousTemplateInfo.nextTemplateInfo = fe.nextTemplateInfo), fe.nextTemplateInfo && (fe.nextTemplateInfo.previousTemplateInfo = fe.previousTemplateInfo), this.__templateInfoLast == fe && (this.__templateInfoLast = fe.previousTemplateInfo), fe.previousTemplateInfo = fe.nextTemplateInfo = null;
let ue = fe.childNodes;
for (let Pe, ge = 0; ge < ue.length; ge++) Pe = ue[ge], Pe.parentNode.removeChild(Pe)
}
static _parseTemplateNode(he, fe, ue) {
let ge = super._parseTemplateNode(he, fe, ue);
if (he.nodeType === Node.TEXT_NODE) {
let Pe = this._parseBindings(he.textContent, fe);
Pe && (he.textContent = D(Pe) || ' ', T(this, fe, ue, 'text', 'textContent', Pe), ge = !0)
}
return ge
}
static _parseTemplateNodeAttribute(he, fe, ue, ge, Pe) {
let ce = this._parseBindings(Pe, fe);
if (ce) {
let me = ge,
ye = 'property';
'$' == ge[ge.length - 1] && (ge = ge.slice(0, -1), ye = 'attribute');
let Ee = D(ce);
return Ee && 'attribute' == ye && he.setAttribute(ge, Ee), 'input' === he.localName && 'value' === me && he.setAttribute(me, ''), he.removeAttribute(me), 'property' == ye && (ge = Polymer.CaseMap.dashToCamelCase(ge)), T(this, fe, ue, ye, ge, ce, Ee), !0
}
return super._parseTemplateNodeAttribute(he, fe, ue, ge, Pe)
}
static _parseTemplateNestedTemplate(he, fe, ue) {
let ge = super._parseTemplateNestedTemplate(he, fe, ue),
Pe = ue.templateInfo.hostProps;
for (let me in Pe) {
T(this, fe, ue, 'property', '_host_' + me, [{
mode: '{',
source: me,
dependencies: [me]
}])
}
return ge
}
static _parseBindings(he, fe) {
let ue = [],
ge = 0,
Pe;
for (; null !== (Pe = ie.exec(he));) {
Pe.index > ge && ue.push({
literal: he.slice(ge, Pe.index)
});
let ce = Pe[1][0],
me = !!Pe[2],
ye = Pe[3].trim(),
Ee, Ce, Te;
'{' == ce && 0 < (Te = ye.indexOf('::')) && (Ce = ye.substring(Te + 2), ye = ye.substring(0, Te), Ee = !0);
let Oe = w(ye),
ve = [];
if (Oe) {
let {
args: be,
methodName: Ne
} = Oe;
for (let Ae, xe = 0; xe < be.length; xe++) Ae = be[xe], Ae.literal || ve.push(Ae);
let Ie = fe.dynamicFns;
(Ie && Ie[Ne] || Oe.static) && (ve.push(Ne), Oe.dynamicFn = !0)
} else ve.push(ye);
ue.push({
source: ye,
mode: ce,
negate: me,
customEvent: Ee,
signature: Oe,
dependencies: ve,
event: Ce
}), ge = ie.lastIndex
}
if (ge && ge < he.length) {
let ce = he.substring(ge);
ce && ue.push({
literal: ce
})
}
return ue.length ? ue : void 0
}
static _evaluateBinding(he, fe, ue, ge, Pe, ce) {
let me;
return me = fe.signature ? R(he, ue, ge, Pe, fe.signature) : ue == fe.source ? ce && Polymer.Path.isPath(ue) ? Polymer.Path.get(he, ue) : he.__data[ue] : Polymer.Path.get(he, fe.source), fe.negate && (me = !me), me
}
}
return le
});
let se = {
stack: [],
registerHost(pe) {
if (this.stack.length) {
let _e = this.stack[this.stack.length - 1];
_e._enqueueClient(pe)
}
},
beginHosting(pe) {
this.stack.push(pe)
},
endHosting(pe) {
let _e = this.stack.length;
_e && this.stack[_e - 1] == pe && this.stack.pop()
}
}
})();
</script>
<script>
(function() {
'use strict';
let b = function() {};
b.is, b.extends, b.properties, b.observers, b.template, Polymer.ElementMixin = Polymer.dedupingMixin(c => {
function d(w) {
return w.hasOwnProperty(JSCompiler_renameProperty('__ownProperties', w)) || (w.__ownProperties = w.hasOwnProperty(JSCompiler_renameProperty('properties', w)) ? w.properties : {}), w.__ownProperties
}
function e(w) {
return w.hasOwnProperty(JSCompiler_renameProperty('__ownObservers', w)) || (w.__ownObservers = w.hasOwnProperty(JSCompiler_renameProperty('observers', w)) ? w.observers : []), w.__ownObservers
}
function f(w, x) {
for (let y in x) {
let z = x[y];
'function' == typeof z && (z = {
type: z
}), w[y] = z
}
return w
}
function g(w) {
if (!w.hasOwnProperty(JSCompiler_renameProperty('__classProperties', w))) {
w.__classProperties = f({}, d(w));
let x = Object.getPrototypeOf(w.prototype).constructor;
x.prototype instanceof v && (w.__classProperties = Object.assign(Object.create(g(x)), w.__classProperties))
}
return w.__classProperties
}
function h(w) {
if (!w.hasOwnProperty(JSCompiler_renameProperty('__classPropertyDefaults', w))) {
w.__classPropertyDefaults = null;
let x = g(w);
for (let y in x) {
let z = x[y];
'value' in z && (w.__classPropertyDefaults = w.__classPropertyDefaults || {}, w.__classPropertyDefaults[y] = z)
}
}
return w.__classPropertyDefaults
}
function j(w) {
return w.hasOwnProperty(JSCompiler_renameProperty('__finalized', w))
}
function k(w) {
let x = w.prototype,
y = Object.getPrototypeOf(x).constructor;
y.prototype instanceof v && y.finalize(), l(w)
}
function l(w) {
w.__finalized = !0;
let x = w.prototype;
w.hasOwnProperty(JSCompiler_renameProperty('is', w)) && w.is && Polymer.telemetry.register(x);
let y = d(w);
y && m(x, y);
let z = e(w);
z && n(x, z, y);
let A = w.template;
if (A) {
if ('string' == typeof A) {
let B = document.createElement('template');
B.innerHTML = A, A = B
} else A = A.cloneNode(!0);
x._template = A
}
}
function m(w, x) {
for (let y in x) q(w, y, x[y], x)
}
function n(w, x, y) {
for (let z = 0; z < x.length; z++) w._createMethodObserver(x[z], y)
}
function q(w, x, y, z) {
y.computed && (y.readOnly = !0), y.computed && !w._hasReadOnlyEffect(x) && w._createComputedProperty(x, y.computed, z), y.readOnly && !w._hasReadOnlyEffect(x) && w._createReadOnlyProperty(x, !y.computed), y.reflectToAttribute && !w._hasReflectEffect(x) && w._createReflectedProperty(x), y.notify && !w._hasNotifyEffect(x) && w._createNotifyingProperty(x), y.observer && w._createPropertyObserver(x, y.observer, z[y.observer])
}
function r(w, x, y, z, A) {
let B = Polymer.StyleGather.cssFromTemplate(x, y) + Polymer.StyleGather.cssFromModuleImports(z);
if (B) {
let C = document.createElement('style');
C.textContent = B, x.content.insertBefore(C, x.content.firstChild)
}
window.ShadyCSS && window.ShadyCSS.prepareTemplate(x, z, A), w._bindTemplate(x)
}
const s = Polymer.PropertyEffects(c);
let u = Polymer.CaseMap;
class v extends s {
static get observedAttributes() {
if (!this.hasOwnProperty(JSCompiler_renameProperty('__observedAttributes', this))) {
let w = [],
x = g(this);
for (let y in x) w.push(Polymer.CaseMap.camelToDashCase(y));
this.__observedAttributes = w
}
return this.__observedAttributes
}
static finalize() {
j(this) || k(this)
}
static get template() {
return this.hasOwnProperty(JSCompiler_renameProperty('_template', this)) || (this._template = Polymer.DomModule.import(this.is, 'template') || Object.getPrototypeOf(this.prototype).constructor.template), this._template
}
static get importPath() {
if (!this.hasOwnProperty(JSCompiler_renameProperty('_importPath', this))) {
const w = Polymer.DomModule.import(this.is);
this._importPath = w ? w.assetpath : Object.getPrototypeOf(this.prototype).constructor.importPath
}
return this._importPath
}
_initializeProperties() {
Polymer.telemetry.instanceCount++, this.constructor.finalize();
const w = this.constructor.importPath;
if (this._template && !this._template.__polymerFinalized) {
this._template.__polymerFinalized = !0;
const y = w ? Polymer.ResolveUrl.resolveUrl(w) : '';
r(this.__proto__, this._template, y, this.localName)
}
super._initializeProperties(), this.rootPath = Polymer.rootPath, this.importPath = w;
let x = h(this.constructor);
if (x)
for (let y in x) {
let z = x[y];
if (!this.hasOwnProperty(y)) {
let A = 'function' == typeof z.value ? z.value.call(this) : z.value;
this._hasAccessor(y) ? this._setPendingProperty(y, A, !0) : this[y] = A
}
}
}
connectedCallback() {
window.ShadyCSS && this._template && window.ShadyCSS.styleElement(this), this._enableProperties()
}
disconnectedCallback() {}
ready() {
this._template && (this.root = this._stampTemplate(this._template), this.$ = this.root.$), super.ready()
}
_readyClients() {
this._template && (this.root = this._attachDom(this.root)), super._readyClients()
}
_attachDom(w) {
if (!this.attachShadow) throw new Error('ShadowDOM not available. Polymer.Element can create dom as children instead of in ShadowDOM by setting `this.root = this;` before `ready`.');
else if (w) return this.shadowRoot || this.attachShadow({
mode: 'open'
}), this.shadowRoot.appendChild(w), this.shadowRoot
}
attributeChangedCallback(w, x, y) {
if (x !== y) {
let z = u.dashToCamelCase(w),
A = g(this.constructor)[z].type;
this._hasReadOnlyEffect(z) || this._attributeToProperty(w, y, A)
}
}
updateStyles(w) {
window.ShadyCSS && window.ShadyCSS.styleSubtree(this, w)
}
resolveUrl(w, x) {
return !x && this.importPath && (x = Polymer.ResolveUrl.resolveUrl(this.importPath)), Polymer.ResolveUrl.resolveUrl(w, x)
}
static _parseTemplateContent(w, x, y) {
return x.dynamicFns = x.dynamicFns || g(this), super._parseTemplateContent(w, x, y)
}
}
return v
}), Polymer.telemetry = {
instanceCount: 0,
registrations: [],
_regLog: function(c) {
console.log('[' + c.is + ']: registered')
},
register: function(c) {
this.registrations.push(c), Polymer.log && this._regLog(c)
},
dumpRegistrations: function() {
this.registrations.forEach(this._regLog)
}
}, Polymer.updateStyles = function(c) {
window.ShadyCSS && window.ShadyCSS.styleDocument(c)
}, Polymer.rootPath = Polymer.rootPath || Polymer.ResolveUrl.pathFromUrl(document.baseURI || window.location.href)
})();
</script>
<script>
(function() {
'use strict';
class b {
constructor() {
this._asyncModule = null, this._callback = null, this._timer = null
}
setConfig(c, d) {
this._asyncModule = c, this._callback = d, this._timer = this._asyncModule.run(() => {
this._timer = null, this._callback()
})
}
cancel() {
this.isActive() && (this._asyncModule.cancel(this._timer), this._timer = null)
}
flush() {
this.isActive() && (this.cancel(), this._callback())
}
isActive() {
return null != this._timer
}
static debounce(c, d, e) {
return c instanceof b ? c.cancel() : c = new b, c.setConfig(d, e), c
}
}
Polymer.Debouncer = b
})();
</script>
<script>
(function() {
'use strict';
function a(F) {
let G = B ? ['click'] : v;
for (let I, H = 0; H < G.length; H++) I = G[H], F ? document.addEventListener(I, C, !0) : document.removeEventListener(I, C, !0)
}
function c(F) {
let G = F.type;
if (-1 === v.indexOf(G)) return !1;
if ('mousemove' === G) {
let H = void 0 === F.buttons ? 1 : F.buttons;
return F instanceof window.MouseEvent && !z && (H = w[F.which] || 0), !!(1 & H)
}
let H = void 0 === F.button ? 0 : F.button;
return 0 === H
}
function d(F) {
if ('click' === F.type) {
if (0 === F.detail) return !0;
let G = E._findOriginalTarget(F);
if (G.nodeType !== Node.ELEMENT_NODE) return !0;
let H = G.getBoundingClientRect(),
I = F.pageX,
J = F.pageY;
return !(I >= H.left && I <= H.right && J >= H.top && J <= H.bottom)
}
return !1
}
function f(F) {
let G = 'auto',
H = F.composedPath && F.composedPath();
if (H)
for (let J, I = 0; I < H.length; I++)
if (J = H[I], J[o]) {
G = J[o];
break
}
return G
}
function g(F, G, H) {
F.movefn = G, F.upfn = H, document.addEventListener('mousemove', G), document.addEventListener('mouseup', H)
}
function h(F) {
document.removeEventListener('mousemove', F.movefn), document.removeEventListener('mouseup', F.upfn), F.movefn = null, F.upfn = null
}
let k = 'string' == typeof document.head.style.touchAction,
l = '__polymerGestures',
m = '__polymerGesturesHandled',
o = '__polymerGesturesTouchAction',
p = 25,
q = 5,
v = ['mousedown', 'mousemove', 'mouseup', 'click'],
w = [0, 1, 4, 2],
z = function() {
try {
return 1 === new MouseEvent('test', {
buttons: 1
}).buttons
} catch (F) {
return !1
}
}(),
A = !1;
(function() {
try {
let F = Object.defineProperty({}, 'passive', {
get: function() {
A = !0
}
});
window.addEventListener('test', null, F), window.removeEventListener('test', null, F)
} catch (F) {}
})();
let B = navigator.userAgent.match(/iP(?:[oa]d|hone)|Android/),
C = function(F) {
let G = F.sourceCapabilities;
if ((!G || G.firesTouchEvents) && (F[m] = {
skip: !0
}, 'click' === F.type)) {
let H = F.composedPath && F.composedPath();
if (H)
for (let I = 0; I < H.length; I++)
if (H[I] === D.mouse.target) return;
F.preventDefault(), F.stopPropagation()
}
},
D = {
mouse: {
target: null,
mouseIgnoreJob: null
},
touch: {
x: 0,
y: 0,
id: -1,
scrollDecided: !1
}
};
document.addEventListener('touchend', function(F) {
D.mouse.mouseIgnoreJob || a(!0);
D.mouse.target = F.composedPath()[0], D.mouse.mouseIgnoreJob = Polymer.Debouncer.debounce(D.mouse.mouseIgnoreJob, Polymer.Async.timeOut.after(2500), function() {
a(), D.mouse.target = null, D.mouse.mouseIgnoreJob = null
})
}, !!A && {
passive: !0
});
const E = {
gestures: {},
recognizers: [],
deepTargetFind: function(F, G) {
let H = document.elementFromPoint(F, G),
I = H;
for (; I && I.shadowRoot && !window.ShadyDOM;) {
let J = I;
if (I = I.shadowRoot.elementFromPoint(F, G), J === I) break;
I && (H = I)
}
return H
},
_findOriginalTarget: function(F) {
return F.composedPath ? F.composedPath()[0] : F.target
},
_handleNative: function(F) {
let G, H = F.type,
I = F.currentTarget,
J = I[l];
if (J) {
let K = J[H];
if (K) {
if (!F[m] && (F[m] = {}, 'touch' === H.slice(0, 5))) {
let M = F.changedTouches[0];
if ('touchstart' === H && 1 === F.touches.length && (D.touch.id = M.identifier), D.touch.id !== M.identifier) return;
k || 'touchstart' !== H && 'touchmove' !== H || E._handleTouchAction(F)
}
if (G = F[m], !G.skip) {
let L = E.recognizers;
for (let N, M = 0; M < L.length; M++) N = L[M], K[N.name] && !G[N.name] && N.flow && -1 < N.flow.start.indexOf(F.type) && N.reset && N.reset();
for (let N, M = 0; M < L.length; M++) N = L[M], K[N.name] && !G[N.name] && (G[N.name] = !0, N[H](F))
}
}
}
},
_handleTouchAction: function(F) {
let G = F.changedTouches[0],
H = F.type;
if ('touchstart' === H) D.touch.x = G.clientX, D.touch.y = G.clientY, D.touch.scrollDecided = !1;
else if ('touchmove' === H) {
if (D.touch.scrollDecided) return;
D.touch.scrollDecided = !0;
let I = f(F),
J = !1,
K = Math.abs(D.touch.x - G.clientX),
L = Math.abs(D.touch.y - G.clientY);
F.cancelable && ('none' === I ? J = !0 : 'pan-x' === I ? J = L > K : 'pan-y' === I && (J = K > L)), J ? F.preventDefault() : E.prevent('track')
}
},
addListener: function(F, G, H) {
if (this.gestures[G]) return this._add(F, G, H), !0
},
removeListener: function(F, G, H) {
if (this.gestures[G]) return this._remove(F, G, H), !0
},
_add: function(F, G, H) {
let I = this.gestures[G],
J = I.deps,
K = I.name,
L = F[l];
L || (F[l] = L = {});
for (let N, O, M = 0; M < J.length; M++)(N = J[M], !(B && -1 < v.indexOf(N) && 'click' !== N)) && (O = L[N], O || (L[N] = O = {
_count: 0
}), 0 === O._count && F.addEventListener(N, this._handleNative), O[K] = (O[K] || 0) + 1, O._count = (O._count || 0) + 1);
F.addEventListener(G, H), I.touchAction && this.setTouchAction(F, I.touchAction)
},
_remove: function(F, G, H) {
let I = this.gestures[G],
J = I.deps,
K = I.name,
L = F[l];
if (L)
for (let N, O, M = 0; M < J.length; M++) N = J[M], O = L[N], O && O[K] && (O[K] = (O[K] || 1) - 1, O._count = (O._count || 1) - 1, 0 === O._count && F.removeEventListener(N, this._handleNative));
F.removeEventListener(G, H)
},
register: function(F) {
this.recognizers.push(F);
for (let G = 0; G < F.emits.length; G++) this.gestures[F.emits[G]] = F
},
_findRecognizerByEvent: function(F) {
for (let H, G = 0; G < this.recognizers.length; G++) {
H = this.recognizers[G];
for (let J, I = 0; I < H.emits.length; I++)
if (J = H.emits[I], J === F) return H
}
return null
},
setTouchAction: function(F, G) {
k && (F.style.touchAction = G), F[o] = G
},
_fire: function(F, G, H) {
let I = new Event(G, {
bubbles: !0,
cancelable: !0,
composed: !0
});
if (I.detail = H, F.dispatchEvent(I), I.defaultPrevented) {
let J = H.preventer || H.sourceEvent;
J && J.preventDefault && J.preventDefault()
}
},
prevent: function(F) {
let G = this._findRecognizerByEvent(F);
G.info && (G.info.prevent = !0)
},
resetMouseCanceller: function() {
D.mouse.mouseIgnoreJob && D.mouse.mouseIgnoreJob.flush()
}
};
E.register({
name: 'downup',
deps: ['mousedown', 'touchstart', 'touchend'],
flow: {
start: ['mousedown', 'touchstart'],
end: ['mouseup', 'touchend']
},
emits: ['down', 'up'],
info: {
movefn: null,
upfn: null
},
reset: function() {
h(this.info)
},
mousedown: function(F) {
if (c(F)) {
let G = E._findOriginalTarget(F),
H = this;
g(this.info, function(L) {
c(L) || (H._fire('up', G, L), h(H.info))
}, function(L) {
c(L) && H._fire('up', G, L), h(H.info)
}), this._fire('down', G, F)
}
},
touchstart: function(F) {
this._fire('down', E._findOriginalTarget(F), F.changedTouches[0], F)
},
touchend: function(F) {
this._fire('up', E._findOriginalTarget(F), F.changedTouches[0], F)
},
_fire: function(F, G, H, I) {
E._fire(G, F, {
x: H.clientX,
y: H.clientY,
sourceEvent: H,
preventer: I,
prevent: function(J) {
return E.prevent(J)
}
})
}
}), E.register({
name: 'track',
touchAction: 'none',
deps: ['mousedown', 'touchstart', 'touchmove', 'touchend'],
flow: {
start: ['mousedown', 'touchstart'],
end: ['mouseup', 'touchend']
},
emits: ['track'],
info: {
x: 0,
y: 0,
state: 'start',
started: !1,
moves: [],
addMove: function(F) {
this.moves.length > 2 && this.moves.shift(), this.moves.push(F)
},
movefn: null,
upfn: null,
prevent: !1
},
reset: function() {
this.info.state = 'start', this.info.started = !1, this.info.moves = [], this.info.x = 0, this.info.y = 0, this.info.prevent = !1, h(this.info)
},
hasMovedEnough: function(F, G) {
if (this.info.prevent) return !1;
if (this.info.started) return !0;
let H = Math.abs(this.info.x - F),
I = Math.abs(this.info.y - G);
return H >= q || I >= q
},
mousedown: function(F) {
if (c(F)) {
let G = E._findOriginalTarget(F),
H = this,
I = function(L) {
let M = L.clientX,
N = L.clientY;
H.hasMovedEnough(M, N) && (H.info.state = H.info.started ? 'mouseup' === L.type ? 'end' : 'track' : 'start', 'start' === H.info.state && E.prevent('tap'), H.info.addMove({
x: M,
y: N
}), !c(L) && (H.info.state = 'end', h(H.info)), H._fire(G, L), H.info.started = !0)
};
g(this.info, I, function(L) {
H.info.started && I(L), h(H.info)
}), this.info.x = F.clientX, this.info.y = F.clientY
}
},
touchstart: function(F) {
let G = F.changedTouches[0];
this.info.x = G.clientX, this.info.y = G.clientY
},
touchmove: function(F) {
let G = E._findOriginalTarget(F),
H = F.changedTouches[0],
I = H.clientX,
J = H.clientY;
this.hasMovedEnough(I, J) && ('start' === this.info.state && E.prevent('tap'), this.info.addMove({
x: I,
y: J
}), this._fire(G, H), this.info.state = 'track', this.info.started = !0)
},
touchend: function(F) {
let G = E._findOriginalTarget(F),
H = F.changedTouches[0];
this.info.started && (this.info.state = 'end', this.info.addMove({
x: H.clientX,
y: H.clientY
}), this._fire(G, H, F))
},
_fire: function(F, G) {
let L, H = this.info.moves[this.info.moves.length - 2],
I = this.info.moves[this.info.moves.length - 1],
J = I.x - this.info.x,
K = I.y - this.info.y,
M = 0;
return H && (L = I.x - H.x, M = I.y - H.y), E._fire(F, 'track', {
state: this.info.state,
x: G.clientX,
y: G.clientY,
dx: J,
dy: K,
ddx: L,
ddy: M,
sourceEvent: G,
hover: function() {
return E.deepTargetFind(G.clientX, G.clientY)
}
})
}
}), E.register({
name: 'tap',
deps: ['mousedown', 'click', 'touchstart', 'touchend'],
flow: {
start: ['mousedown', 'touchstart'],
end: ['click', 'touchend']
},
emits: ['tap'],
info: {
x: NaN,
y: NaN,
prevent: !1
},
reset: function() {
this.info.x = NaN, this.info.y = NaN, this.info.prevent = !1
},
save: function(F) {
this.info.x = F.clientX, this.info.y = F.clientY
},
mousedown: function(F) {
c(F) && this.save(F)
},
click: function(F) {
c(F) && this.forward(F)
},
touchstart: function(F) {
this.save(F.changedTouches[0], F)
},
touchend: function(F) {
this.forward(F.changedTouches[0], F)
},
forward: function(F, G) {
let H = Math.abs(F.clientX - this.info.x),
I = Math.abs(F.clientY - this.info.y),
J = E._findOriginalTarget(F);
(isNaN(H) || isNaN(I) || H <= p && I <= p || d(F)) && !this.info.prevent && E._fire(J, 'tap', {
x: F.clientX,
y: F.clientY,
sourceEvent: F,
preventer: G
})
}
}), E.findOriginalTarget = E._findOriginalTarget, E.add = E.addListener, E.remove = E.removeListener, Polymer.Gestures = E
})();
</script>
<script>
(function() {
'use strict';
const a = Polymer.Gestures;
Polymer.GestureEventListeners = Polymer.dedupingMixin(b => {
return class extends b {
_addEventListenerToNode(d, e, f) {
a.addListener(d, e, f) || super._addEventListenerToNode(d, e, f)
}
_removeEventListenerFromNode(d, e, f) {
a.removeListener(d, e, f) || super._removeEventListenerFromNode(d, e, f)
}
}
})
})();
</script>
<script>
(function() {
'use strict';
function a(b) {
window.HTMLImports ? HTMLImports.whenReady(b) : b()
}
Polymer.importHref = function(b, c, d, e) {
let f = document.head.querySelector('link[href="' + b + '"][import-href]');
f || (f = document.createElement('link'), f.rel = 'import', f.href = b, f.setAttribute('import-href', '')), e && f.setAttribute('async', '');
let g = function() {
f.removeEventListener('load', h), f.removeEventListener('error', i)
},
h = function(j) {
g(), f.__dynamicImportLoaded = !0, c && a(() => {
c(j)
})
},
i = function(j) {
g(), f.parentNode && f.parentNode.removeChild(f), d && a(() => {
d(j)
})
};
return f.addEventListener('load', h), f.addEventListener('error', i), null == f.parentNode ? document.head.appendChild(f) : f.__dynamicImportLoaded && f.dispatchEvent(new Event('load')), f
}
})();
</script>
<script>
(function() {
'use strict';
function a() {
g = !0, requestAnimationFrame(function() {
g = !1, b(h), setTimeout(function() {
c(j)
})
})
}
function b(k) {
for (; k.length;) d(k.shift())
}
function c(k) {
for (let m = 0, n = k.length; m < n; m++) d(k.shift())
}
function d(k) {
const m = k[0],
n = k[1],
o = k[2];
try {
n.apply(m, o)
} catch (p) {
setTimeout(() => {
throw p
})
}
}
let g = !1,
h = [],
j = [];
Polymer.RenderStatus = {
beforeNextRender: function(k, m, n) {
g || a(), h.push([k, m, n])
},
afterNextRender: function(k, m, n) {
g || a(), j.push([k, m, n])
},
flush: function() {
for (; h.length || j.length;) b(h), b(j);
g = !1
}
}
})();
</script>
<script>
(function() {
'use strict';
function a() {
document.body.removeAttribute('unresolved')
}
window.WebComponents ? window.addEventListener('WebComponentsReady', a) : 'interactive' === document.readyState || 'complete' === document.readyState ? a() : window.addEventListener('DOMContentLoaded', a)
})();
</script>
<script>
(function() {
'use strict';
function a(g, h, k) {
return {
index: g,
removed: h,
addedCount: k
}
}
const b = 0,
c = 1,
d = 2,
e = 3,
f = {
calcEditDistances(g, h, k, l, m, n) {
let o = n - m + 1,
p = k - h + 1,
q = Array(o);
for (let r = 0; r < o; r++) q[r] = Array(p), q[r][0] = r;
for (let r = 0; r < p; r++) q[0][r] = r;
for (let r = 1; r < o; r++)
for (let s = 1; s < p; s++)
if (this.equals(g[h + s - 1], l[m + r - 1])) q[r][s] = q[r - 1][s - 1];
else {
let t = q[r - 1][s] + 1,
u = q[r][s - 1] + 1;
q[r][s] = t < u ? t : u
}
return q
},
spliceOperationsFromEditDistances(g) {
let h = g.length - 1,
k = g[0].length - 1,
l = g[h][k],
m = [];
for (; 0 < h || 0 < k;) {
if (0 == h) {
m.push(d), k--;
continue
}
if (0 == k) {
m.push(e), h--;
continue
}
let q, n = g[h - 1][k - 1],
o = g[h - 1][k],
p = g[h][k - 1];
q = o < p ? o < n ? o : n : p < n ? p : n, q == n ? (n == l ? m.push(b) : (m.push(c), l = n), h--, k--) : q == o ? (m.push(e), h--, l = o) : (m.push(d), k--, l = p)
}
return m.reverse(), m
},
calcSplices(g, h, k, l, m, n) {
let q, o = 0,
p = 0,
r = Math.min(k - h, n - m);
if (0 == h && 0 == m && (o = this.sharedPrefix(g, l, r)), k == g.length && n == l.length && (p = this.sharedSuffix(g, l, r - o)), h += o, m += o, k -= p, n -= p, 0 == k - h && 0 == n - m) return [];
if (h == k) {
for (q = a(h, [], 0); m < n;) q.removed.push(l[m++]);
return [q]
}
if (m == n) return [a(h, [], k - h)];
let s = this.spliceOperationsFromEditDistances(this.calcEditDistances(g, h, k, l, m, n));
q = void 0;
let t = [],
u = h,
v = m;
for (let w = 0; w < s.length; w++) switch (s[w]) {
case b:
q && (t.push(q), q = void 0), u++, v++;
break;
case c:
q || (q = a(u, [], 0)), q.addedCount++, u++, q.removed.push(l[v]), v++;
break;
case d:
q || (q = a(u, [], 0)), q.addedCount++, u++;
break;
case e:
q || (q = a(u, [], 0)), q.removed.push(l[v]), v++;
}
return q && t.push(q), t
},
sharedPrefix(g, h, k) {
for (let l = 0; l < k; l++)
if (!this.equals(g[l], h[l])) return l;
return k
},
sharedSuffix(g, h, k) {
let l = g.length,
m = h.length,
n = 0;
for (; n < k && this.equals(g[--l], h[--m]);) n++;
return n
},
calculateSplices(g, h) {
return this.calcSplices(g, 0, g.length, h, 0, h.length)
},
equals(g, h) {
return g === h
}
};
Polymer.ArraySplice = {
calculateSplices(g, h) {
return f.calculateSplices(g, h)
}
}
})();
</script>
<script>
(function() {
'use strict';
function c(e) {
return 'slot' === e.localName
}
Polymer.FlattenedNodesObserver = class {
static getFlattenedNodes(e) {
return c(e) ? e.assignedNodes({
flatten: !0
}) : Array.from(e.childNodes).map(f => {
return c(f) ? f.assignedNodes({
flatten: !0
}) : [f]
}).reduce((f, g) => f.concat(g), [])
}
constructor(e, f) {
this._shadyChildrenObserver = null, this._nativeChildrenObserver = null, this._connected = !1, this._target = e, this.callback = f, this._effectiveNodes = [], this._observer = null, this._scheduled = !1, this._boundSchedule = () => {
this._schedule()
}, this.connect(), this._schedule()
}
connect() {
c(this._target) ? this._listenSlots([this._target]) : (this._listenSlots(this._target.children), window.ShadyDOM ? this._shadyChildrenObserver = ShadyDOM.observeChildren(this._target, e => {
this._processMutations(e)
}) : (this._nativeChildrenObserver = new MutationObserver(e => {
this._processMutations(e)
}), this._nativeChildrenObserver.observe(this._target, {
childList: !0
}))), this._connected = !0
}
disconnect() {
c(this._target) ? this._unlistenSlots([this._target]) : (this._unlistenSlots(this._target.children), window.ShadyDOM && this._shadyChildrenObserver ? (ShadyDOM.unobserveChildren(this._shadyChildrenObserver), this._shadyChildrenObserver = null) : this._nativeChildrenObserver && (this._nativeChildrenObserver.disconnect(), this._nativeChildrenObserver = null)), this._connected = !1
}
_schedule() {
this._scheduled || (this._scheduled = !0, Polymer.Async.microTask.run(() => this.flush()))
}
_processMutations(e) {
this._processSlotMutations(e), this.flush()
}
_processSlotMutations(e) {
if (e)
for (let g, f = 0; f < e.length; f++) g = e[f], g.addedNodes && this._listenSlots(g.addedNodes), g.removedNodes && this._unlistenSlots(g.removedNodes)
}
flush() {
if (this._connected) {
window.ShadyDOM && ShadyDOM.flush(), this._nativeChildrenObserver ? this._processSlotMutations(this._nativeChildrenObserver.takeRecords()) : this.shadyChildrenObserver && this._processSlotMutations(this._shadyChildrenObserver.takeRecords()), this._scheduled = !1;
let e = {
target: this._target,
addedNodes: [],
removedNodes: []
},
f = this.constructor.getFlattenedNodes(this._target),
g = Polymer.ArraySplice.calculateSplices(f, this._effectiveNodes);
for (let l, k = 0; k < g.length && (l = g[k]); k++)
for (let o, m = 0; m < l.removed.length && (o = l.removed[m]); m++) e.removedNodes.push(o);
for (let l, k = 0; k < g.length && (l = g[k]); k++)
for (let m = l.index; m < l.index + l.addedCount; m++) e.addedNodes.push(f[m]);
this._effectiveNodes = f;
let h = !1;
return (e.addedNodes.length || e.removedNodes.length) && (h = !0, this.callback.call(this._target, e)), h
}
}
_listenSlots(e) {
for (let g, f = 0; f < e.length; f++) g = e[f], c(g) && g.addEventListener('slotchange', this._boundSchedule)
}
_unlistenSlots(e) {
for (let g, f = 0; f < e.length; f++) g = e[f], c(g) && g.removeEventListener('slotchange', this._boundSchedule)
}
}
})();
</script>
<script>
(function() {
'use strict';
function a() {
const c = !!b.length;
for (; b.length;) try {
b.shift().flush()
} catch (d) {
setTimeout(() => {
throw d
})
}
return c
}
let b = [];
Polymer.enqueueDebouncer = function(c) {
b.push(c)
}, Polymer.flush = function() {
let c, d;
do c = window.ShadyDOM && ShadyDOM.flush(), window.ShadyCSS && window.ShadyCSS.ScopingShim && window.ShadyCSS.ScopingShim.flush(), d = a(); while (c || d)
}
})();
</script>
<script>
(function() {
'use strict';
const e = Element.prototype,
f = e.matches || e.matchesSelector || e.mozMatchesSelector || e.msMatchesSelector || e.oMatchesSelector || e.webkitMatchesSelector,
g = function(m, o) {
return f.call(m, o)
};
class h {
constructor(m) {
this.node = m
}
observeNodes(m) {
return new Polymer.FlattenedNodesObserver(this.node, m)
}
unobserveNodes(m) {
m.disconnect()
}
notifyObserver() {}
deepContains(m) {
if (this.node.contains(m)) return !0;
let o = m,
q = m.ownerDocument;
for (; o && o !== q && o !== this.node;) o = o.parentNode || o.host;
return o === this.node
}
getOwnerRoot() {
return this.node.getRootNode()
}
getDistributedNodes() {
return 'slot' === this.node.localName ? this.node.assignedNodes({
flatten: !0
}) : []
}
getDestinationInsertionPoints() {
let m = [],
o = this.node.assignedSlot;
for (; o;) m.push(o), o = o.assignedSlot;
return m
}
importNode(m, o) {
let q = this.node instanceof Document ? this.node : this.node.ownerDocument;
return q.importNode(m, o)
}
getEffectiveChildNodes() {
return Polymer.FlattenedNodesObserver.getFlattenedNodes(this.node)
}
queryDistributedElements(m) {
let o = this.getEffectiveChildNodes(),
q = [];
for (let t, r = 0, s = o.length; r < s && (t = o[r]); r++) t.nodeType === Node.ELEMENT_NODE && g(t, m) && q.push(t);
return q
}
get activeElement() {
let m = this.node;
return m._activeElement === void 0 ? m.activeElement : m._activeElement
}
}(function(m, o) {
for (let r, q = 0; q < o.length; q++) r = o[q], m[r] = function() {
return this.node[r].apply(this.node, arguments)
}
})(h.prototype, ['cloneNode', 'appendChild', 'insertBefore', 'removeChild', 'replaceChild', 'setAttribute', 'removeAttribute', 'querySelector', 'querySelectorAll']),
function(m, o) {
for (let r, q = 0; q < o.length; q++) r = o[q], Object.defineProperty(m, r, {
get: function() {
return this.node[r]
},
configurable: !0
})
}(h.prototype, ['parentNode', 'firstChild', 'lastChild', 'nextSibling', 'previousSibling', 'firstElementChild', 'lastElementChild', 'nextElementSibling', 'previousElementSibling', 'childNodes', 'children', 'classList']),
function(m, o) {
for (let r, q = 0; q < o.length; q++) r = o[q], Object.defineProperty(m, r, {
get: function() {
return this.node[r]
},
set: function(s) {
this.node[r] = s
},
configurable: !0
})
}(h.prototype, ['textContent', 'innerHTML']);
class j {
constructor(m) {
this.event = m
}
get rootTarget() {
return this.event.composedPath()[0]
}
get localTarget() {
return this.event.target
}
get path() {
return this.event.composedPath()
}
}
Polymer.dom = function(m) {
m = m || document;
let o = m instanceof Event ? j : h;
return m.__domApi || (m.__domApi = new o(m)), m.__domApi
}, Polymer.dom.matchesSelector = g, Polymer.dom.flush = Polymer.flush, Polymer.dom.addDebouncer = Polymer.enqueueDebouncer;
let k = Polymer.Settings || {};
k.useShadow = !window.ShadyDOM, k.useNativeCSSProperties = !(window.ShadyCSS && !window.ShadyCSS.nativeCss), k.useNativeCustomElements = !window.customElements.polyfillWrapFlushCallback, Polymer.Settings = k
})();
</script>
<script>
(function() {
'use strict';
let a = window.ShadyCSS;
Polymer.LegacyElementMixin = Polymer.dedupingMixin(b => {
const d = Polymer.GestureEventListeners(Polymer.ElementMixin(b)),
e = {
x: 'pan-x',
y: 'pan-y',
none: 'none',
all: 'auto'
};
class f extends d {
constructor() {
super(), this.root = this, this.created()
}
created() {}
connectedCallback() {
super.connectedCallback(), this.isAttached = !0, this.attached()
}
attached() {}
disconnectedCallback() {
super.disconnectedCallback(), this.isAttached = !1, this.detached()
}
detached() {}
attributeChangedCallback(g, h, j) {
h !== j && (super.attributeChangedCallback(g, h, j), this.attributeChanged(g, h, j))
}
attributeChanged() {}
_initializeProperties() {
let g = Object.getPrototypeOf(this);
g.hasOwnProperty('__hasRegisterFinished') || (g.__hasRegisterFinished = !0, this._registered()), super._initializeProperties()
}
_registered() {}
ready() {
this._ensureAttributes(), this._applyListeners(), super.ready()
}
_ensureAttributes() {}
_applyListeners() {}
serialize(g) {
return this._serializeValue(g)
}
deserialize(g, h) {
return this._deserializeValue(g, h)
}
reflectPropertyToAttribute(g, h, j) {
this._propertyToAttribute(g, h, j)
}
serializeValueToAttribute(g, h, j) {
this._valueToNodeAttribute(j || this, g, h)
}
extend(g, h) {
if (!(g && h)) return g || h;
let j = Object.getOwnPropertyNames(h);
for (let l, m, k = 0; k < j.length && (l = j[k]); k++) m = Object.getOwnPropertyDescriptor(h, l), m && Object.defineProperty(g, l, m);
return g
}
mixin(g, h) {
for (let j in h) g[j] = h[j];
return g
}
chainObject(g, h) {
return g && h && g !== h && (g.__proto__ = h), g
}
instanceTemplate(g) {
let h = this.constructor._contentForTemplate(g),
j = document.importNode(h, !0);
return j
}
fire(g, h, j) {
j = j || {}, h = null === h || void 0 === h ? {} : h;
let k = new Event(g, {
bubbles: void 0 === j.bubbles || j.bubbles,
cancelable: !!j.cancelable,
composed: void 0 === j.composed || j.composed
});
k.detail = h;
let l = j.node || this;
return l.dispatchEvent(k), k
}
listen(g, h, j) {
g = g || this;
let k = this.__boundListeners || (this.__boundListeners = new WeakMap),
l = k.get(g);
l || (l = {}, k.set(g, l));
let m = h + j;
l[m] || (l[m] = this._addMethodEventListenerToNode(g, h, j, this))
}
unlisten(g, h, j) {
g = g || this;
let k = this.__boundListeners && this.__boundListeners.get(g),
l = h + j,
m = k && k[l];
m && (this._removeEventListenerFromNode(g, h, m), k[l] = null)
}
setScrollDirection(g, h) {
Polymer.Gestures.setTouchAction(h || this, e[g] || 'auto')
}
$$(g) {
return this.root.querySelector(g)
}
get domHost() {
let g = this.getRootNode();
return g instanceof DocumentFragment ? g.host : g
}
distributeContent() {
window.ShadyDOM && this.shadowRoot && this.shadowRoot.forceRender()
}
getEffectiveChildNodes() {
return Polymer.dom(this).getEffectiveChildNodes()
}
queryDistributedElements(g) {
return Polymer.dom(this).queryDistributedElements(g)
}
getEffectiveChildren() {
let g = this.getEffectiveChildNodes();
return g.filter(function(h) {
return h.nodeType === Node.ELEMENT_NODE
})
}
getEffectiveTextContent() {
let g = this.getEffectiveChildNodes(),
h = [];
for (let k, j = 0; k = g[j]; j++) k.nodeType !== Node.COMMENT_NODE && h.push(k.textContent);
return h.join('')
}
queryEffectiveChildren(g) {
let h = this.queryDistributedElements(g);
return h && h[0]
}
queryAllEffectiveChildren(g) {
return this.queryDistributedElements(g)
}
getContentChildNodes(g) {
let h = this.root.querySelector(g || 'slot');
return h ? Polymer.dom(h).getDistributedNodes() : []
}
getContentChildren(g) {
return this.getContentChildNodes(g).filter(function(h) {
return h.nodeType === Node.ELEMENT_NODE
})
}
isLightDescendant(g) {
return this !== g && this.contains(g) && this.getRootNode() === g.getRootNode()
}
isLocalDescendant(g) {
return this.root === g.getRootNode()
}
scopeSubtree() {}
getComputedStyleValue(g) {
return a.getComputedStyleValue(this, g)
}
debounce(g, h, j) {
return this._debouncers = this._debouncers || {}, this._debouncers[g] = Polymer.Debouncer.debounce(this._debouncers[g], 0 < j ? Polymer.Async.timeOut.after(j) : Polymer.Async.microTask, h.bind(this))
}
isDebouncerActive(g) {
this._debouncers = this._debouncers || {};
let h = this._debouncers[g];
return !!(h && h.isActive())
}
flushDebouncer(g) {
this._debouncers = this._debouncers || {};
let h = this._debouncers[g];
h && h.flush()
}
cancelDebouncer(g) {
this._debouncers = this._debouncers || {};
let h = this._debouncers[g];
h && h.cancel()
}
async (g, h) {
return 0 < h ? Polymer.Async.timeOut.run(g.bind(this), h) : ~Polymer.Async.microTask.run(g.bind(this))
}
cancelAsync(g) {
0 > g ? Polymer.Async.microTask.cancel(~g) : Polymer.Async.timeOut.cancel(g)
}
create(g, h) {
let j = document.createElement(g);
if (h)
if (j.setProperties) j.setProperties(h);
else
for (let k in h) j[k] = h[k];
return j
}
importHref(g, h, j, k) {
let l = h ? h.bind(this) : null,
m = j ? j.bind(this) : null;
return Polymer.importHref(g, l, m, k)
}
elementMatches(g, h) {
return Polymer.dom.matchesSelector(h || this, g)
}
toggleAttribute(g, h, j) {
j = j || this, 1 == arguments.length && (h = !j.hasAttribute(g)), h ? j.setAttribute(g, '') : j.removeAttribute(g)
}
toggleClass(g, h, j) {
j = j || this, 1 == arguments.length && (h = !j.classList.contains(g)), h ? j.classList.add(g) : j.classList.remove(g)
}
transform(g, h) {
h = h || this, h.style.webkitTransform = g, h.style.transform = g
}
translate3d(g, h, j, k) {
k = k || this, this.transform('translate3d(' + g + ',' + h + ',' + j + ')', k)
}
arrayDelete(g, h) {
let j;
if (!Array.isArray(g)) {
let k = Polymer.Path.get(this, g);
if (j = k.indexOf(h), 0 <= j) return this.splice(g, j, 1)
} else if (j = g.indexOf(h), 0 <= j) return g.splice(j, 1);
return null
}
_logger(g, h) {
Array.isArray(h) && 1 === h.length && (h = h[0]);
'log' === g || 'warn' === g || 'error' === g ? console[g](...h) : void 0
}
_log(...g) {
this._logger('log', g)
}
_warn(...g) {
this._logger('warn', g)
}
_error(...g) {
this._logger('error', g)
}
_logf(...g) {
return ['[%s::%s]', this.is, ...g]
}
}
return f
})
})();
</script>
<script>
(function() {
'use strict';
function c(j, k) {
if (!j) return k;
k = g(k), Array.isArray(j) || (j = [j]);
let m = k.prototype.behaviors;
return j = e(j, null, m), k = d(j, k), m && (j = m.concat(j)), k.prototype.behaviors = j, k
}
function d(j, k) {
for (let n, m = 0; m < j.length; m++) n = j[m], n && (k = Array.isArray(n) ? d(n, k) : f(n, k));
return k
}
function e(j, k, m) {
k = k || [];
for (let o, n = j.length - 1; 0 <= n; n--) o = j[n], o ? Array.isArray(o) ? e(o, k) : 0 > k.indexOf(o) && (!m || 0 > m.indexOf(o)) && k.unshift(o) : console.warn('behavior is null, check for missing or 404 import');
return k
}
function f(j, k) {
class m extends k {
static get properties() {
return j.properties
}
static get observers() {
return j.observers
}
static get template() {
return j._template || Polymer.DomModule.import(this.is, 'template') || k.template || this.prototype._template
}
created() {
super.created(), j.created && j.created.call(this)
}
_registered() {
super._registered(), j.beforeRegister && j.beforeRegister.call(Object.getPrototypeOf(this)), j.registered && j.registered.call(Object.getPrototypeOf(this))
}
_applyListeners() {
if (super._applyListeners(), j.listeners)
for (let n in j.listeners) this._addMethodEventListenerToNode(this, n, j.listeners[n])
}
_ensureAttributes() {
if (j.hostAttributes)
for (let n in j.hostAttributes) this._ensureAttribute(n, j.hostAttributes[n]);
super._ensureAttributes()
}
ready() {
super.ready(), j.ready && j.ready.call(this)
}
attached() {
super.attached(), j.attached && j.attached.call(this)
}
detached() {
super.detached(), j.detached && j.detached.call(this)
}
attributeChanged(n, o, q) {
super.attributeChanged(n, o, q), j.attributeChanged && j.attributeChanged.call(this, n, o, q)
}
}
for (let n in m.generatedFrom = j, j)
if (!(n in h)) {
let o = Object.getOwnPropertyDescriptor(j, n);
o && Object.defineProperty(m.prototype, n, o)
}
return m
}
let g = Polymer.LegacyElementMixin,
h = {
attached: !0,
detached: !0,
ready: !0,
created: !0,
beforeRegister: !0,
registered: !0,
attributeChanged: !0,
behaviors: !0
};
Polymer.Class = function(j) {
j || console.warn('Polymer.Class requires `info` argument');
let k = f(j, j.behaviors ? c(j.behaviors, HTMLElement) : g(HTMLElement));
return k.is = j.is, k
}, Polymer.mixinBehaviors = c
})();
</script>
<script>
(function() {
'use strict';
window.Polymer._polymerFn = function(a) {
let b;
return b = 'function' == typeof a ? a : Polymer.Class(a), customElements.define(b.is, b), b
}
})();
</script>
<script>
(function() {
'use strict';
function a(b, c, d, e, f) {
let g;
f && (g = 'object' == typeof d && null !== d, g && (e = b.__dataTemp[c]));
let h = e !== d && (e === e || d === d);
return g && h && (b.__dataTemp[c] = d), h
}
Polymer.MutableData = Polymer.dedupingMixin(b => {
return class extends b {
_shouldPropertyChange(d, e, f) {
return a(this, d, e, f, !0)
}
}
}), Polymer.OptionalMutableData = Polymer.dedupingMixin(b => {
class c extends b {
static get properties() {
return {
mutableData: Boolean
}
}
_shouldPropertyChange(d, e, f) {
return a(this, d, e, f, this.mutableData)
}
}
return c
}), Polymer.MutableData._mutablePropertyChange = a
})();
</script>
<script>
(function() {
'use strict';
function a() {
return m
}
function b(u, v) {
m = u, Object.setPrototypeOf(u, v.prototype), new v, m = null
}
function d(u) {
let v = u.__dataHost;
return v && v._methodHost || v
}
function f(u, v, w) {
let x = w.mutableData ? s : r,
y = class extends x {};
return y.prototype.__templatizeOptions = w, y.prototype._bindTemplate(u), j(y, u, v, w), y
}
function g(u, v, w) {
let x = w.forwardHostProp;
if (x) {
let y = v.templatizeTemplateClass;
if (!y) {
let z = w.mutableData ? p : o;
y = v.templatizeTemplateClass = class extends z {};
let A = v.hostProps;
for (let B in A) y.prototype._addPropertyEffect('_host_' + B, y.prototype.PROPERTY_EFFECT_TYPES.PROPAGATE, {
fn: h(B, x)
}), y.prototype._createNotifyingProperty('_host_' + B)
}
b(u, y), u.__dataProto && Object.assign(u.__data, u.__dataProto), u.__dataTemp = {}, u.__dataPending = null, u.__dataOld = null, u._enableProperties()
}
}
function h(u, v) {
return function(x, y, z) {
v.call(x.__templatizeOwner, y.substring('_host_'.length), z[y])
}
}
function j(u, v, w, x) {
let y = w.hostProps || {};
for (let z in x.instanceProps) {
delete y[z];
let A = x.notifyInstanceProp;
A && u.prototype._addPropertyEffect(z, u.prototype.PROPERTY_EFFECT_TYPES.NOTIFY, {
fn: k(z, A)
})
}
if (x.forwardHostProp && v.__dataHost)
for (let z in y) u.prototype._addPropertyEffect(z, u.prototype.PROPERTY_EFFECT_TYPES.NOTIFY, {
fn: l()
})
}
function k(u, v) {
return function(x, y, z) {
v.call(x.__templatizeOwner, x, y, z[y])
}
}
function l() {
return function(v, w, x) {
v.__dataHost._setPendingPropertyOrPath('_host_' + w, x[w], !0, !0)
}
}
let m = null;
a.prototype = Object.create(HTMLTemplateElement.prototype, {
constructor: {
value: a,
writable: !0
}
});
const o = Polymer.PropertyEffects(a),
p = Polymer.MutableData(o),
q = Polymer.PropertyEffects(class {});
class r extends q {
constructor(u) {
super(), this._configureProperties(u), this.root = this._stampTemplate(this.__dataHost);
let v = this.children = [];
for (let x = this.root.firstChild; x; x = x.nextSibling) v.push(x), x.__templatizeInstance = this;
this.__templatizeOwner.__hideTemplateChildren__ && this._showHideChildren(!0);
let w = this.__templatizeOptions;
(u && w.instanceProps || !w.instanceProps) && this._enableProperties()
}
_configureProperties(u) {
let v = this.__templatizeOptions;
if (u)
for (let w in v.instanceProps) w in u && this._setPendingProperty(w, u[w]);
for (let w in this.__hostProps) this._setPendingProperty(w, this.__dataHost['_host_' + w])
}
forwardHostProp(u, v) {
this._setPendingPropertyOrPath(u, v, !1, !0) && this.__dataHost._enqueueClient(this)
}
_addEventListenerToNode(u, v, w) {
if (this._methodHost && this.__templatizeOptions.parentModel) this._methodHost._addEventListenerToNode(u, v, x => {
x.model = this, w(x)
});
else {
let x = this.__dataHost.__dataHost;
x && x._addEventListenerToNode(u, v, w)
}
}
_showHideChildren(u) {
let v = this.children;
for (let x, w = 0; w < v.length; w++) x = v[w], !!u != !!x.__hideTemplateChildren__ && (x.nodeType === Node.TEXT_NODE ? u ? (x.__polymerTextContent__ = x.textContent, x.textContent = '') : x.textContent = x.__polymerTextContent__ : x.style && (u ? (x.__polymerDisplay__ = x.style.display, x.style.display = 'none') : x.style.display = x.__polymerDisplay__)), x.__hideTemplateChildren__ = u, x._showHideChildren && x._showHideChildren(u)
}
_setUnmanagedPropertyToNode(u, v, w) {
u.__hideTemplateChildren__ && u.nodeType == Node.TEXT_NODE && 'textContent' == v ? u.__polymerTextContent__ = w : super._setUnmanagedPropertyToNode(u, v, w)
}
get parentModel() {
let u = this.__parentModel;
if (!u) {
let v;
u = this;
do u = u.__dataHost.__dataHost; while ((v = u.__templatizeOptions) && !v.parentModel);
this.__parentModel = u
}
return u
}
}
const s = Polymer.MutableData(r),
t = {
templatize(u, v, w) {
if (w = w || {}, u.__templatizeOwner) throw new Error('A <template> can only be templatized once');
u.__templatizeOwner = v;
let x = v.constructor._parseTemplate(u),
y = x.templatizeInstanceClass;
y || (y = f(u, x, w), x.templatizeInstanceClass = y), g(u, x, w);
let z = class extends y {};
return z.prototype._methodHost = d(u), z.prototype.__dataHost = u, z.prototype.__templatizeOwner = v, z.prototype.__hostProps = x.hostProps, z
},
modelForElement(u, v) {
for (let w; v;)
if (!(w = v.__templatizeInstance)) v = v.parentNode;
else if (w.__dataHost != u) v = w.__dataHost;
else return w;
return null
}
};
Polymer.Templatize = t
})();
</script>
<script>
(function() {
'use strict';
let a = {
templatize(b, c) {
this._templatizerTemplate = b, this.ctor = Polymer.Templatize.templatize(b, this, {
mutableData: !!c,
parentModel: this._parentModel,
instanceProps: this._instanceProps,
forwardHostProp: this._forwardHostPropV2,
notifyInstanceProp: this._notifyInstancePropV2
})
},
stamp(b) {
return new this.ctor(b)
},
modelForElement(b) {
return Polymer.Templatize.modelForElement(this._templatizerTemplate, b)
}
};
Polymer.Templatizer = a
})();
</script>
<script>
(function() {
'use strict';
const a = Polymer.GestureEventListeners(Polymer.OptionalMutableData(Polymer.PropertyEffects(HTMLElement)));
class b extends a {
static get observedAttributes() {
return ['mutable-data']
}
attributeChangedCallback() {
this.mutableData = !0
}
connectedCallback() {
this.render()
}
disconnectedCallback() {
this.__removeChildren()
}
__insertChildren() {
this.parentNode.insertBefore(this.root, this)
}
__removeChildren() {
if (this.__children)
for (let c = 0; c < this.__children.length; c++) this.root.appendChild(this.__children[c])
}
render() {
let c;
if (!this.__children) {
if (c = c || this.querySelector('template'), !c) {
let d = new MutationObserver(() => {
if (c = this.querySelector('template'), c) d.disconnect(), this.render(c);
else throw new Error('dom-bind requires a <template> child')
});
return void d.observe(this, {
childList: !0
})
}
this.root = this._stampTemplate(c), this.$ = this.root.$, this.__children = [];
for (let d = this.root.firstChild; d; d = d.nextSibling) this.__children[this.__children.length] = d;
this._enableProperties()
}
this.__insertChildren(), this.dispatchEvent(new CustomEvent('dom-change', {
bubbles: !0,
composed: !0
}))
}
}
customElements.define('dom-bind', b)
})();
</script>
<script>
(function() {
'use strict';
const a = Polymer.ElementMixin(HTMLElement);
Polymer.Element = a
})();
</script>
<script>
(function() {
'use strict';
const c = Polymer.OptionalMutableData(Polymer.Element);
class d extends c {
static get is() {
return 'dom-repeat'
}
static get template() {
return null
}
static get properties() {
return {
items: {
type: Array
},
as: {
type: String,
value: 'item'
},
indexAs: {
type: String,
value: 'index'
},
itemsIndexAs: {
type: String,
value: 'itemsIndex'
},
sort: {
type: Function,
observer: '__sortChanged'
},
filter: {
type: Function,
observer: '__filterChanged'
},
observe: {
type: String,
observer: '__observeChanged'
},
delay: Number,
renderedItemCount: {
type: Number,
notify: !0,
readOnly: !0
},
initialCount: {
type: Number,
observer: '__initializeChunking'
},
targetFramerate: {
type: Number,
value: 20
},
_targetFrameTime: {
type: Number,
computed: '__computeFrameTime(targetFramerate)'
}
}
}
static get observers() {
return ['__itemsChanged(items.*)']
}
constructor() {
super(), this.__instances = [], this.__limit = Infinity, this.__pool = [], this.__renderDebouncer = null, this.__itemsIdxToInstIdx = {}, this.__chunkCount = null, this.__lastChunkTime = null, this.__needFullRefresh = !1, this.__sortFn = null, this.__filterFn = null, this.__observePaths = null, this.__ctor = null
}
disconnectedCallback() {
super.disconnectedCallback(), this.__isDetached = !0;
for (let e = 0; e < this.__instances.length; e++) this.__detachInstance(e)
}
connectedCallback() {
if (super.connectedCallback(), this.__isDetached) {
this.__isDetached = !1;
let e = this.parentNode;
for (let f = 0; f < this.__instances.length; f++) this.__attachInstance(f, e)
}
}
__ensureTemplatized() {
if (!this.__ctor) {
let e = this.template = this.querySelector('template');
if (!e) {
let g = new MutationObserver(() => {
if (this.querySelector('template')) g.disconnect(), this.__render();
else throw new Error('dom-repeat requires a <template> child')
});
return g.observe(this, {
childList: !0
}), !1
}
let f = {};
f[this.as] = !0, f[this.indexAs] = !0, f[this.itemsIndexAs] = !0, this.__ctor = Polymer.Templatize.templatize(e, this, {
mutableData: this.mutableData,
parentModel: !0,
instanceProps: f,
forwardHostProp: function(g, h) {
let j = this.__instances;
for (let l, k = 0; k < j.length && (l = j[k]); k++) l.forwardHostProp(g, h)
},
notifyInstanceProp: function(g, h, j) {
if (Polymer.Path.matches(this.as, h)) {
let k = g[this.itemsIndexAs];
h == this.as && (this.items[k] = j);
let l = Polymer.Path.translate(this.as, 'items.' + k, h);
this.notifyPath(l, j)
}
}
})
}
return !0
}
__getMethodHost() {
return this.__dataHost._methodHost || this.__dataHost
}
__sortChanged(e) {
let f = this.__getMethodHost();
this.__sortFn = e && ('function' == typeof e ? e : function() {
return f[e].apply(f, arguments)
}), this.__needFullRefresh = !0, this.items && this.__debounceRender(this.__render)
}
__filterChanged(e) {
let f = this.__getMethodHost();
this.__filterFn = e && ('function' == typeof e ? e : function() {
return f[e].apply(f, arguments)
}), this.__needFullRefresh = !0, this.items && this.__debounceRender(this.__render)
}
__computeFrameTime(e) {
return Math.ceil(1e3 / e)
}
__initializeChunking() {
this.initialCount && (this.__limit = this.initialCount, this.__chunkCount = this.initialCount, this.__lastChunkTime = performance.now())
}
__tryRenderChunk() {
this.items && this.__limit < this.items.length && this.__debounceRender(this.__requestRenderChunk)
}
__requestRenderChunk() {
requestAnimationFrame(() => this.__renderChunk())
}
__renderChunk() {
let e = performance.now(),
f = this._targetFrameTime / (e - this.__lastChunkTime);
this.__chunkCount = Math.round(this.__chunkCount * f) || 1, this.__limit += this.__chunkCount, this.__lastChunkTime = e, this.__debounceRender(this.__render)
}
__observeChanged() {
this.__observePaths = this.observe && this.observe.replace('.*', '.').split(' ')
}
__itemsChanged(e) {
this.items && !Array.isArray(this.items) && console.warn('dom-repeat expected array for `items`, found', this.items), this.__handleItemPath(e.path, e.value) || (this.__needFullRefresh = !0, this.__initializeChunking(), this.__debounceRender(this.__render))
}
__handleObservedPaths(e) {
if (this.__observePaths) {
e = e.substring(e.indexOf('.') + 1);
let f = this.__observePaths;
for (let g = 0; g < f.length; g++)
if (0 === e.indexOf(f[g])) return this.__needFullRefresh = !0, this.__debounceRender(this.__render, this.delay), !0
}
}
__debounceRender(e, f) {
this.__renderDebouncer = Polymer.Debouncer.debounce(this.__renderDebouncer, 0 < f ? Polymer.Async.timeOut.after(f) : Polymer.Async.microTask, e.bind(this)), Polymer.enqueueDebouncer(this.__renderDebouncer)
}
render() {
this.__needFullRefresh = !0, this.__debounceRender(this.__render), Polymer.flush()
}
__render() {
this.__ensureTemplatized() && (this.__applyFullRefresh(), this.__pool.length = 0, this._setRenderedItemCount(this.__instances.length), this.dispatchEvent(new CustomEvent('dom-change', {
bubbles: !0,
composed: !0
})), this.__tryRenderChunk())
}
__applyFullRefresh() {
const e = this.items || [];
let f = Array(e.length);
for (let k = 0; k < e.length; k++) f[k] = k;
this.__filterFn && (f = f.filter((k, l, m) => this.__filterFn(e[k], l, m))), this.__sortFn && f.sort((k, l) => this.__sortFn(e[k], e[l]));
const g = this.__itemsIdxToInstIdx = {};
let h = 0;
for (const j = Math.min(f.length, this.__limit); h < j; h++) {
let k = this.__instances[h],
l = f[h],
m = e[l];
g[l] = h, k && h < this.__limit ? (k._setPendingProperty(this.as, m), k._setPendingProperty(this.indexAs, h), k._setPendingProperty(this.itemsIndexAs, l), k._flushProperties()) : this.__insertInstance(m, h, l)
}
for (let k = this.__instances.length - 1; k >= h; k--) this.__detachAndRemoveInstance(k)
}
__detachInstance(e) {
let f = this.__instances[e];
for (let h, g = 0; g < f.children.length; g++) h = f.children[g], f.root.appendChild(h);
return f
}
__attachInstance(e, f) {
let g = this.__instances[e];
f.insertBefore(g.root, this)
}
__detachAndRemoveInstance(e) {
let f = this.__detachInstance(e);
f && this.__pool.push(f), this.__instances.splice(e, 1)
}
__stampInstance(e, f, g) {
let h = {};
return h[this.as] = e, h[this.indexAs] = f, h[this.itemsIndexAs] = g, new this.__ctor(h)
}
__insertInstance(e, f, g) {
let h = this.__pool.pop();
h ? (h._setPendingProperty(this.as, e), h._setPendingProperty(this.indexAs, f), h._setPendingProperty(this.itemsIndexAs, g), h._flushProperties()) : h = this.__stampInstance(e, f, g);
let j = this.__instances[f + 1],
k = j ? j.children[0] : this;
return this.parentNode.insertBefore(h.root, k), this.__instances[f] = h, h
}
_showHideChildren(e) {
for (let f = 0; f < this.__instances.length; f++) this.__instances[f]._showHideChildren(e)
}
__handleItemPath(e, f) {
let g = e.slice(6),
h = g.indexOf('.'),
j = 0 > h ? g : g.substring(0, h);
if (j == parseInt(j, 10)) {
let k = 0 > h ? '' : g.substring(h + 1);
if (!this.__handleObservedPaths(k)) {
let l = this.__itemsIdxToInstIdx[j],
m = this.__instances[l];
if (m) {
let n = this.as + (k ? '.' + k : '');
m._setPendingPropertyOrPath(n, f, !1, !0), m._flushProperties()
}
}
return !0
}
}
itemForElement(e) {
let f = this.modelForElement(e);
return f && f[this.as]
}
indexForElement(e) {
let f = this.modelForElement(e);
return f && f[this.indexAs]
}
modelForElement(e) {
return Polymer.Templatize.modelForElement(this.template, e)
}
}
customElements.define(d.is, d), Polymer.DomRepeat = d
})();
</script>
<script>
(function() {
'use strict';
class a extends Polymer.Element {
static get is() {
return 'dom-if'
}
static get template() {
return null
}
static get properties() {
return {
if: {
type: Boolean,
observer: '__debounceRender'
},
restamp: {
type: Boolean,
observer: '__debounceRender'
}
}
}
constructor() {
super(), this.__renderDebouncer = null, this.__invalidProps = null, this.__instance = null
}
__debounceRender() {
this.__renderDebouncer = Polymer.Debouncer.debounce(this.__renderDebouncer, Polymer.Async.microTask, () => this.__render()), Polymer.enqueueDebouncer(this.__renderDebouncer)
}
disconnectedCallback() {
super.disconnectedCallback(), this.parentNode && (this.parentNode.nodeType != Node.DOCUMENT_FRAGMENT_NODE || this.parentNode.host) || this.__teardownInstance()
}
connectedCallback() {
super.connectedCallback(), this.if && this.__debounceRender()
}
render() {
Polymer.flush()
}
__render() {
if (this.if) {
if (!this.__ensureInstance()) return;
this._showHideChildren()
} else this.restamp && this.__teardownInstance();
!this.restamp && this.__instance && this._showHideChildren(), this.if != this._lastIf && (this.dispatchEvent(new CustomEvent('dom-change', {
bubbles: !0,
composed: !0
})), this._lastIf = this.if)
}
__ensureInstance() {
let b = this.parentNode;
if (b) {
if (!this.__ctor) {
let c = this.querySelector('template');
if (!c) {
let d = new MutationObserver(() => {
if (this.querySelector('template')) d.disconnect(), this.__render();
else throw new Error('dom-if requires a <template> child')
});
return d.observe(this, {
childList: !0
}), !1
}
this.__ctor = Polymer.Templatize.templatize(c, this, {
mutableData: !0,
forwardHostProp: function(d, e) {
this.__instance && (this.if ? this.__instance.forwardHostProp(d, e) : (this.__invalidProps = this.__invalidProps || Object.create(null), this.__invalidProps[Polymer.Path.root(d)] = !0))
}
})
}
if (!this.__instance) this.__instance = new this.__ctor, b.insertBefore(this.__instance.root, this);
else {
this.__syncHostProperties();
let c = this.__instance.children;
if (c && c.length) {
let d = this.previousSibling;
if (d !== c[c.length - 1])
for (let f, e = 0; e < c.length && (f = c[e]); e++) b.insertBefore(f, this)
}
}
}
return !0
}
__syncHostProperties() {
let b = this.__invalidProps;
if (b) {
for (let c in b) this.__instance._setPendingProperty(c, this.__dataHost[c]);
this.__invalidProps = null, this.__instance._flushProperties()
}
}
__teardownInstance() {
if (this.__instance) {
let b = this.__instance.children;
if (b && b.length) {
let c = b[0].parentNode;
for (let e, d = 0; d < b.length && (e = b[d]); d++) c.removeChild(e)
}
this.__instance = null, this.__invalidProps = null
}
}
_showHideChildren() {
let b = this.__hideTemplateChildren__ || !this.if;
this.__instance && this.__instance._showHideChildren(b)
}
}
customElements.define(a.is, a), Polymer.DomIf = a
})();
</script>
<script>
(function() {
'use strict';
let a = Polymer.dedupingMixin(d => {
class e extends d {
static get properties() {
return {
items: {
type: Array
},
multi: {
type: Boolean,
value: !1
},
selected: {
type: Object,
notify: !0
},
selectedItem: {
type: Object,
notify: !0
},
toggle: {
type: Boolean,
value: !1
}
}
}
static get observers() {
return ['__updateSelection(multi, items.*)']
}
constructor() {
super(), this.__lastItems = null, this.__lastMulti = null, this.__selectedMap = null
}
__updateSelection(f, g) {
let h = g.path;
if ('items' == h) {
let k = g.base || [],
l = this.__lastItems,
m = this.__lastMulti;
if (f !== m && this.clearSelection(), l) {
let n = Polymer.ArraySplice.calculateSplices(k, l);
this.__applySplices(n)
}
this.__lastItems = k, this.__lastMulti = f
} else if ('items.splices' == g.path) this.__applySplices(g.value.indexSplices);
else {
let k = h.slice('items.'.length),
l = parseInt(k, 10);
0 > k.indexOf('.') && k == l && this.__deselectChangedIdx(l)
}
}
__applySplices(f) {
let g = this.__selectedMap;
for (let l, k = 0; k < f.length; k++) {
l = f[k], g.forEach((m, n) => {
m < l.index || (m >= l.index + l.removed.length ? g.set(n, m + l.addedCount - l.removed.length) : g.set(n, -1))
});
for (let n, m = 0; m < l.addedCount; m++) n = l.index + m, g.has(this.items[n]) && g.set(this.items[n], n)
}
this.__updateLinks();
let h = 0;
g.forEach((k, l) => {
0 > k ? (this.multi ? this.splice('selected', h, 1) : this.selected = this.selectedItem = null, g.delete(l)) : h++
})
}
__updateLinks() {
if (this.__dataLinkedPaths = {}, this.multi) {
let f = 0;
this.__selectedMap.forEach(g => {
0 <= g && this.linkPaths('items.' + g, 'selected.' + f++)
})
} else this.__selectedMap.forEach(f => {
this.linkPaths('selected', 'items.' + f), this.linkPaths('selectedItem', 'items.' + f)
})
}
clearSelection() {
this.__dataLinkedPaths = {}, this.__selectedMap = new Map, this.selected = this.multi ? [] : null, this.selectedItem = null
}
isSelected(f) {
return this.__selectedMap.has(f)
}
isIndexSelected(f) {
return this.isSelected(this.items[f])
}
__deselectChangedIdx(f) {
let g = this.__selectedIndexForItemIndex(f);
if (0 <= g) {
let h = 0;
this.__selectedMap.forEach((k, l) => {
g == h++ && this.deselect(l)
})
}
}
__selectedIndexForItemIndex(f) {
let g = this.__dataLinkedPaths['items.' + f];
if (g) return parseInt(g.slice('selected.'.length), 10)
}
deselect(f) {
let g = this.__selectedMap.get(f);
if (0 <= g) {
this.__selectedMap.delete(f);
let h;
this.multi && (h = this.__selectedIndexForItemIndex(g)), this.__updateLinks(), this.multi ? this.splice('selected', h, 1) : this.selected = this.selectedItem = null
}
}
deselectIndex(f) {
this.deselect(this.items[f])
}
select(f) {
this.selectIndex(this.items.indexOf(f))
}
selectIndex(f) {
let g = this.items[f];
this.isSelected(g) ? this.toggle && this.deselectIndex(f) : (!this.multi && this.__selectedMap.clear(), this.__selectedMap.set(g, f), this.__updateLinks(), this.multi ? this.push('selected', g) : this.selected = this.selectedItem = g)
}
}
return e
});
Polymer.ArraySelectorMixin = a;
let b = a(Polymer.Element);
class c extends b {
static get is() {
return 'array-selector'
}
}
customElements.define(c.is, c), Polymer.ArraySelector = c
})();
</script>
<script>
(function() {
"use strict";
function i(G) {
y = G && G.shimcssproperties ? !1 : x || !navigator.userAgent.match(/AppleWebKit\/601|Edge\/15/) && window.CSS && CSS.supports && CSS.supports("box-shadow", "0 0 0 var(--foo)")
}
function j(G, H) {
for (var I in H) null === I ? G.style.removeProperty(I) : G.style.setProperty(I, H[I])
}
function o() {
var G = E;
requestAnimationFrame(function() {
B ? B(G) : (A || (A = new Promise(function(H) {
C = H
}), "complete" === document.readyState ? C() : document.addEventListener("readystatechange", function() {
"complete" === document.readyState && C()
})), A.then(function() {
G && G()
}))
})
}
function s() {
this.customStyles = [], this.enqueued = !1
}
function w(G) {
!G.enqueued && E && (G.enqueued = !0, o())
}
var y, x = !(window.ShadyDOM && window.ShadyDOM.inUse);
window.ShadyCSS && void 0 !== window.ShadyCSS.nativeCss ? y = window.ShadyCSS.nativeCss : window.ShadyCSS ? (i(window.ShadyCSS), window.ShadyCSS = void 0) : i(window.WebComponents && window.WebComponents.flags);
var z = y;
var C, A = null,
B = window.HTMLImports && window.HTMLImports.whenReady || null;
var D = null,
E = null;
s.prototype.c = function(G) {
G.__seenByShadyCSS || (G.__seenByShadyCSS = !0, this.customStyles.push(G), w(this))
}, s.prototype.b = function(G) {
if (G.__shadyCSSCachedStyle) return G.__shadyCSSCachedStyle;
var H;
return H = G.getStyle ? G.getStyle() : G, H
}, s.prototype.a = function() {
for (var I, G = this.customStyles, H = 0; H < G.length; H++)
if (I = G[H], !I.__shadyCSSCachedStyle) {
var J = this.b(I);
J && (J = J.__appliedElement || J, D && D(J), I.__shadyCSSCachedStyle = J)
}
return G
}, s.prototype.addCustomStyle = s.prototype.c, s.prototype.getStyleForCustomStyle = s.prototype.b, s.prototype.processStyles = s.prototype.a, Object.defineProperties(s.prototype, {
transformCallback: {
get: function() {
return D
},
set: function(G) {
D = G
}
},
validateCallback: {
get: function() {
return E
},
set: function(G) {
var H = !1;
E || (H = !0), E = G, H && w(this)
}
}
});
var F = new s;
window.ShadyCSS || (window.ShadyCSS = {
prepareTemplate: function() {},
styleSubtree: function(G, H) {
F.a(), j(G, H)
},
styleElement: function() {
F.a()
},
styleDocument: function(G) {
F.a(), j(document.body, G)
},
getComputedStyleValue: function(G, H) {
return (G = window.getComputedStyle(G).getPropertyValue(H)) ? G.trim() : ""
},
nativeCss: z,
nativeShadow: x
}), window.ShadyCSS.CustomStyleInterface = F
}).call(this);
</script>
<script>
(function() {
'use strict';
const a = 'include',
b = window.ShadyCSS.CustomStyleInterface;
class c extends HTMLElement {
constructor() {
super(), this._style = null, b.addCustomStyle(this)
}
getStyle() {
if (this._style) return this._style;
const d = this.querySelector('style');
if (d) {
this._style = d;
const e = d.getAttribute(a);
return e && (d.removeAttribute(a), d.textContent = Polymer.StyleGather.cssFromModules(e) + d.textContent), this._style
}
}
}
window.customElements.define('custom-style', c), Polymer.CustomStyle = c
})();
</script>
<script>
(function() {
'use strict';
let a = Polymer.MutableData._mutablePropertyChange;
Polymer.MutableDataBehavior = {
_shouldPropertyChange(b, c, d) {
return a(this, b, c, d, !0)
}
}, Polymer.OptionalMutableDataBehavior = {
properties: {
mutableData: Boolean
},
_shouldPropertyChange(b, c, d) {
return a(this, b, c, d, this.mutableData)
}
}
})();
</script>
<script>
Polymer.Base = Polymer.LegacyElementMixin(HTMLElement).prototype;
</script>
<dom-module id="client-app" assetpath="../../styles/"><template><style>#room{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:inherit;padding:0 0 0 270px;transition:.8s;}#room.wider{padding-left:0;}#room-content{display:flex;flex-direction:row;align-items:stretch;height:100%;min-height:100px;text-align:left;background-color:#f6f6f6;}@media screen and (max-width: 1200px){#room-content{flex-direction:column;}}@media screen and (max-width: 1000px){:host > #room{padding-left:0;}}@media screen and (max-width: 600px){#room-content{padding-top:54px;}#room.full-screen > #room-content{padding-top:0;}}#room.full-screen{padding-left:0;}</style></template></dom-module>
<script>
(function() {
'use strict';
window.requestAnimationFrame = function() {
return function(a) {
window.setTimeout(a, 1e3 / 30)
}
}(), Object.equals = function(a, b) {
if (a === b) return !0;
if (!(a instanceof Object) || !(b instanceof Object)) return !1;
if (a.constructor !== b.constructor) return !1;
for (var c in a)
if (a.hasOwnProperty(c)) {
if (!b.hasOwnProperty(c)) return !1;
if (a[c] !== b[c]) {
if ('object' != typeof a[c]) return !1;
if (!Object.equals(a[c], b[c])) return !1
}
}
for (c in b)
if (b.hasOwnProperty(c) && !a.hasOwnProperty(c)) return !1;
return !0
}, Object.isObj = () => {
return 'object' == typeof fun
}, Object.isFunc = a => {
return 'function' == typeof a
}, Object.getName = function(a) {
return null === a ? '[object Null]' : Object.prototype.toString.call(a)
}, Number.prototype.timeToReadable = function() {
function a(i) {
return 1 < i ? 's' : ''
}
let b = this;
var c = Math.floor(b / 31536000);
if (c) return c + ' year' + a(c);
var d = Math.floor((b %= 31536000) / 86400);
if (d) return d + ' day' + a(d);
var e = Math.floor((b %= 86400) / 3600);
if (e) return e + ' hour' + a(e);
var g = Math.floor((b %= 3600) / 60);
if (g) return g + ' minute' + a(g);
var h = b % 60;
return h ? h + ' second' + a(h) : 'less than a second'
}, Event.prototype.stopPropagation || (Event.prototype.stopPropagation = function() {
this.cancelBubble = !0
}), Event.prototype.preventDefault || (Event.prototype.preventDefault = function() {
event.getPreventDefault ? event.getPreventDefault() : event.defaultPrevented
})
})();
</script>
<script>
(function() {
'use strict';
window.CookieUtils = new class {
constructor() {}
getCookie(b) {
var c = document.cookie.match(new RegExp('(?:^|; )' + b.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + '=([^;]*)'));
return c ? decodeURIComponent(c[1]) : void 0
}
setCookie(b, c, e) {
e = e || {};
var f = e.expires;
if ('number' == typeof f && f) {
var g = new Date;
g.setTime(g.getTime() + 1e3 * f), f = e.expires = g
}
f && f.toUTCString && (e.expires = f.toUTCString()), c = encodeURIComponent(c);
var h = b + '=' + c;
for (var i in e) {
h += '; ' + i;
var j = e[i];
!0 !== j && (h += '=' + j)
}
document.cookie = h
}
}
})();
</script>
<script>
(function() {
"use strict";
window.EventBus = class {
constructor() {
this.listeners = {}
}
_getListenerIdx(b, c, d) {
let f, e = this.listeners[b],
g = -1;
if (!e || 0 === e.length) return g;
for (f = 0; f < e.length; f++)
if (e[f].callback === c && (!d || d === e[f].scope)) {
g = f;
break
}
return g
}
subscribe(b, c, d) {
let e, f;
if (!b) throw new Error("Event name cannot be null or undefined");
if (!c || "function" != typeof c) throw new Error("Listener must be of type function.");
f = this._getListenerIdx(b, c, d);
0 <= f || (e = {
callback: c,
scope: d
}, this.listeners[b] = this.listeners[b] || [], this.listeners[b].push(e))
}
unsubscribe(b, c, d) {
let e;
b && c && this.listeners[b] && (e = this._getListenerIdx(b, c, d), -1 === e || this.listeners[b].splice(e, 1))
}
broadcast(b, c) {
let d = this.listeners[b];
b && this.listeners[b] && (c = c || {}, d.forEach(function(f) {
f.callback.call(f.scope, c)
}))
}
reset() {
this.listeners = {}
}
}
})();
</script>
<script>
(function() {
'use strict';
window.Math.Guid = window.Math.Guid || function() {
var e = function(j, k, l) {
return j.length >= k ? j : e(l + j, k, l || ' ')
},
f = function(j) {
var k = j.toString(16);
return e(k, 4, '0')
},
g = function() {
var j = new window.Uint16Array(8);
return window.crypto.getRandomValues(j), [f(j[0]) + f(j[1]), f(j[2]), f(j[3]), f(j[4]), f(j[5]) + f(j[6]) + f(j[7])].join('-')
},
h = function() {
var j = new Date().getTime();
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(k) {
var l = 0 | (j + 16 * Math.random()) % 16;
return j = Math.floor(j / 16), ('x' === k ? l : 8 | 7 & l).toString(16)
})
};
return {
newGuid: function() {
var j = 'undefined' != typeof window.crypto,
k = 'undefined' != typeof window.crypto.getRandomValues;
return j && k ? g() : h()
},
empty: '00000000-0000-0000-0000-000000000000'
}
}(), window.Math.easeInOutQuad = function(a, e, f, g) {
return (a /= g / 2, 1 > a) ? f / 2 * a * a + e : (a--, -f / 2 * (a * (a - 2) - 1) + e)
}, window.Math.easeInCubic = function(a, e, f, g) {
var h = (a /= g) * a * a;
return e + f * h
}, window.Math.inOutQuintic = function(a, e, f, g) {
var h = (a /= g) * a,
i = h * a;
return e + f * (6 * i * h + -15 * h * h + 10 * i)
}
})();
</script>
<script>
(function() {
'use strict';
function a(c) {
this.context = c, this.instant = 0, this.slow = 0, this.clip = 0, this.script = c.createScriptProcessor(2048, 1, 1);
var d = this;
this.script.onaudioprocess = function(f) {
var g = f.inputBuffer.getChannelData(0),
h, j = 0,
k = 0;
for (h = 0; h < g.length; ++h) j += g[h] * g[h], 0.99 < Math.abs(g[h]) && (k += 1);
d.instant = Math.sqrt(j / g.length), d.slow = 0.95 * d.slow + 0.05 * d.instant, d.clip = k / g.length
}
}
var b = window.MediaStream;
'undefined' == typeof b && 'undefined' != typeof webkitMediaStream && (b = webkitMediaStream), 'undefined' == typeof b || 'stop' in b.prototype || (b.prototype.stop = function() {
this.getVideoTracks().forEach(function(c) {
c.stop()
}), this.getAudioTracks().forEach(function(c) {
c.stop()
})
}), navigator.mediaDevices === void 0 && (navigator.mediaDevices = {}), navigator.mediaDevices.getUserMedia === void 0 && (navigator.mediaDevices.getUserMedia = c => {
var d = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
return d ? new Promise((f, g) => {
d.call(navigator, c, f, g)
}) : Promise.reject(new Error('getUserMedia is not implemented in this browser'))
}), window.AudioContext = window.AudioContext || window.webkitAudioContext, a.prototype.connectToSource = function(c, d) {
try {
this.mic = this.context.createMediaStreamSource(c), this.mic.connect(this.script), this.script.connect(this.context.destination), 'undefined' != typeof d && d(null)
} catch (f) {
console.error(f), 'undefined' != typeof d && d(f)
}
}, a.prototype.stop = function() {
this.mic && this.mic.disconnect(), this.script && this.script.disconnect()
}, window.SoundMeter = a, window.fullscreenManager = {
request: c => {
void 0 == c || (c.requestFullscreen ? c.requestFullscreen() : c.webkitRequestFullscreen ? c.webkitRequestFullscreen() : c.mozRequestFullScreen && c.mozRequestFullScreen())
},
status: () => {
let c = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
return c
},
exit: () => {
document.ExitFullscreen ? document.ExitFullscreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.cancelFullscreen && document.cancelFullscreen()
},
addEventListener: (c, d) => {
document.addEventListener('webkitfullscreenchange', c, d), document.addEventListener('mozfullscreenchange', c, d), document.addEventListener('fullscreenchange', c, d), document.addEventListener('MSFullscreenChange', c, d)
},
removeEventListener: (c, d) => {
document.removeEventListener('webkitfullscreenchange', c, d), document.removeEventListener('mozfullscreenchange', c, d), document.removeEventListener('fullscreenchange', c, d), document.removeEventListener('MSFullscreenChange', c, d)
}
}
})();
</script>
<script>
(function() {
'use strict';
String.prototype.format = function() {
for (var c, a = this, b = 0; b < arguments.length; b++) c = new RegExp('\\{' + b + '\\}', 'gi'), a = a.replace(c, arguments[b]);
return a
}, String.prototype.isEmpty = function() {
return !this || 0 === this.length
}, String.prototype.isNotEmpty = function() {
return !this.isEmpty()
}
})();
</script>
<script>
(function() {
'use strict';
let a = null;
class b {
constructor() {}
static getInstance() {
return null == a && (a = new b), a
}
wsj(d, f) {
var g = new Promise(function(h, i) {
d.method = d.method == void 0 ? 'GET' : d.method;
let j = d.params,
l = j == void 0 ? '' : Object.keys(j).map(function(r) {
return encodeURIComponent(r) + '=' + encodeURIComponent(j[r])
}).join('&'),
m = j == void 0 ? void 0 : l,
n = 0 <= d.src.indexOf('?') ? '&' : '?',
p = 'GET' == d.method ? d.src + n + l : d.src;
var q = new XMLHttpRequest;
q.onreadystatechange = function() {
if (4 == q.readyState)
if (400 > q.status) try {
f ? h(q.response) : h(JSON.parse(q.response))
} catch (r) {
i(new c(r.message + '\n' + q.response))
} else i(new c(q.statusText))
}, q.open(d.method, p, !0), d['content-type'] !== void 0 && q.setRequestHeader('Content-Type', d['content-type']), q.send(m)
});
return g
}
}
class c extends Error {}
window.WebAPI = b, window.AJAXError = c
})();
</script>
<script>
! function(j, k) {
"function" == typeof define && define.amd ? define([], k) : "object" == typeof exports ? module.exports = k() : j.Autolinker = k()
}(this, function() {
var j = function(k) {
k = k || {}, this.version = j.version, this.urls = this.normalizeUrlsCfg(k.urls), this.email = "boolean" != typeof k.email || k.email, this.phone = "boolean" != typeof k.phone || k.phone, this.hashtag = k.hashtag || !1, this.mention = k.mention || !1, this.newWindow = "boolean" != typeof k.newWindow || k.newWindow, this.stripPrefix = this.normalizeStripPrefixCfg(k.stripPrefix), this.stripTrailingSlash = "boolean" != typeof k.stripTrailingSlash || k.stripTrailingSlash, this.decodePercentEncoding = "boolean" != typeof k.decodePercentEncoding || k.decodePercentEncoding;
var q = this.mention;
if (!1 !== q && "twitter" !== q && "instagram" !== q) throw new Error("invalid `mention` cfg - see docs");
var w = this.hashtag;
if (!1 !== w && "twitter" !== w && "facebook" !== w && "instagram" !== w) throw new Error("invalid `hashtag` cfg - see docs");
this.truncate = this.normalizeTruncateCfg(k.truncate), this.className = k.className || "", this.replaceFn = k.replaceFn || null, this.context = k.context || this, this.htmlParser = null, this.matchers = null, this.tagBuilder = null
};
return j.link = function(k, q) {
var w = new j(q);
return w.link(k)
}, j.parse = function(k, q) {
var w = new j(q);
return w.parse(k)
}, j.version = "1.6.0", j.prototype = {
constructor: j,
normalizeUrlsCfg: function(k) {
return null == k && (k = !0), "boolean" == typeof k ? {
schemeMatches: k,
wwwMatches: k,
tldMatches: k
} : {
schemeMatches: "boolean" != typeof k.schemeMatches || k.schemeMatches,
wwwMatches: "boolean" != typeof k.wwwMatches || k.wwwMatches,
tldMatches: "boolean" != typeof k.tldMatches || k.tldMatches
}
},
normalizeStripPrefixCfg: function(k) {
return null == k && (k = !0), "boolean" == typeof k ? {
scheme: k,
www: k
} : {
scheme: "boolean" != typeof k.scheme || k.scheme,
www: "boolean" != typeof k.www || k.www
}
},
normalizeTruncateCfg: function(k) {
return "number" == typeof k ? {
length: k,
location: "end"
} : j.Util.defaults(k || {}, {
length: Number.POSITIVE_INFINITY,
location: "end"
})
},
parse: function(k) {
for (var q = this.getHtmlParser(), w = q.parse(k), y = 0, z = [], A = 0, B = w.length; A < B; A++) {
var C = w[A],
D = C.getType();
if ("element" === D && "a" === C.getTagName()) C.isClosing() ? y = Math.max(y - 1, 0) : y++;
else if ("text" === D && 0 === y) {
var E = this.parseText(C.getText(), C.getOffset());
z.push.apply(z, E)
}
}
return z = this.compactMatches(z), z = this.removeUnwantedMatches(z)
},
compactMatches: function(k) {
k.sort(function(C, D) {
return C.getOffset() - D.getOffset()
});
for (var q = 0; q < k.length - 1; q++) {
var w = k[q],
y = w.getOffset(),
z = w.getMatchedText().length;
if (q + 1 < k.length) {
if (k[q + 1].getOffset() === y) {
var B = k[q + 1].getMatchedText().length > z ? q : q + 1;
k.splice(B, 1);
continue
}
k[q + 1].getOffset() <= y + z && k.splice(q + 1, 1)
}
}
return k
},
removeUnwantedMatches: function(k) {
var q = j.Util.remove;
return this.hashtag || q(k, function(w) {
return "hashtag" === w.getType()
}), this.email || q(k, function(w) {
return "email" === w.getType()
}), this.phone || q(k, function(w) {
return "phone" === w.getType()
}), this.mention || q(k, function(w) {
return "mention" === w.getType()
}), this.urls.schemeMatches || q(k, function(w) {
return "url" === w.getType() && "scheme" === w.getUrlMatchType()
}), this.urls.wwwMatches || q(k, function(w) {
return "url" === w.getType() && "www" === w.getUrlMatchType()
}), this.urls.tldMatches || q(k, function(w) {
return "url" === w.getType() && "tld" === w.getUrlMatchType()
}), k
},
parseText: function(k, q) {
q = q || 0;
for (var w = this.getMatchers(), y = [], z = 0, A = w.length; z < A; z++) {
for (var B = w[z].parseMatches(k), C = 0, D = B.length; C < D; C++) B[C].setOffset(q + B[C].getOffset());
y.push.apply(y, B)
}
return y
},
link: function(k) {
if (!k) return "";
for (var B, q = this.parse(k), w = [], y = 0, z = 0, A = q.length; z < A; z++) B = q[z], w.push(k.substring(y, B.getOffset())), w.push(this.createMatchReturnVal(B)), y = B.getOffset() + B.getMatchedText().length;
return w.push(k.substring(y)), w.join("")
},
createMatchReturnVal: function(k) {
var q;
if (this.replaceFn && (q = this.replaceFn.call(this.context, k)), "string" == typeof q) return q;
if (!1 === q) return k.getMatchedText();
if (q instanceof j.HtmlTag) return q.toAnchorString();
var w = k.buildTag();
return w.toAnchorString()
},
getHtmlParser: function() {
var k = this.htmlParser;
return k || (k = this.htmlParser = new j.htmlParser.HtmlParser), k
},
getMatchers: function() {
if (this.matchers) return this.matchers;
var k = j.matcher,
q = this.getTagBuilder(),
w = [new k.Hashtag({
tagBuilder: q,
serviceName: this.hashtag
}), new k.Email({
tagBuilder: q
}), new k.Phone({
tagBuilder: q
}), new k.Mention({
tagBuilder: q,
serviceName: this.mention
}), new k.Url({
tagBuilder: q,
stripPrefix: this.stripPrefix,
stripTrailingSlash: this.stripTrailingSlash,
decodePercentEncoding: this.decodePercentEncoding
})];
return this.matchers = w
},
getTagBuilder: function() {
var k = this.tagBuilder;
return k || (k = this.tagBuilder = new j.AnchorTagBuilder({
newWindow: this.newWindow,
truncate: this.truncate,
className: this.className
})), k
}
}, j.match = {}, j.matcher = {}, j.htmlParser = {}, j.truncate = {}, j.Util = {
abstractMethod: function() {
throw "abstract"
},
trimRegex: /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,
assign: function(k, q) {
for (var w in q) q.hasOwnProperty(w) && (k[w] = q[w]);
return k
},
defaults: function(k, q) {
for (var w in q) q.hasOwnProperty(w) && void 0 === k[w] && (k[w] = q[w]);
return k
},
extend: function(k, q) {
var w = k.prototype,
y = function() {};
y.prototype = w;
var z = q.hasOwnProperty("constructor") ? q.constructor : function() {
w.constructor.apply(this, arguments)
};
var A = z.prototype = new y;
return A.constructor = z, A.superclass = w, delete q.constructor, j.Util.assign(A, q), z
},
ellipsis: function(k, q, w) {
var y;
return k.length > q && (null == w ? (w = "&hellip;", y = 3) : y = w.length, k = k.substring(0, q - y) + w), k
},
indexOf: function(k, q) {
if (Array.prototype.indexOf) return k.indexOf(q);
for (var w = 0, y = k.length; w < y; w++)
if (k[w] === q) return w;
return -1
},
remove: function(k, q) {
for (var w = k.length - 1; 0 <= w; w--) !0 === q(k[w]) && k.splice(w, 1)
},
splitAndCapture: function(k, q) {
for (var w, y = [], z = 0; w = q.exec(k);) y.push(k.substring(z, w.index)), y.push(w[0]), z = w.index + w[0].length;
return y.push(k.substring(z)), y
},
trim: function(k) {
return k.replace(this.trimRegex, "")
}
}, j.HtmlTag = j.Util.extend(Object, {
whitespaceRegex: /\s+/,
constructor: function(k) {
j.Util.assign(this, k), this.innerHtml = this.innerHtml || this.innerHTML
},
setTagName: function(k) {
return this.tagName = k, this
},
getTagName: function() {
return this.tagName || ""
},
setAttr: function(k, q) {
var w = this.getAttrs();
return w[k] = q, this
},
getAttr: function(k) {
return this.getAttrs()[k]
},
setAttrs: function(k) {
var q = this.getAttrs();
return j.Util.assign(q, k), this
},
getAttrs: function() {
return this.attrs || (this.attrs = {})
},
setClass: function(k) {
return this.setAttr("class", k)
},
addClass: function(k) {
for (var q, w = this.getClass(), y = this.whitespaceRegex, z = j.Util.indexOf, A = w ? w.split(y) : [], B = k.split(y); q = B.shift();) - 1 === z(A, q) && A.push(q);
return this.getAttrs()["class"] = A.join(" "), this
},
removeClass: function(k) {
for (var q, C, w = this.getClass(), y = this.whitespaceRegex, z = j.Util.indexOf, A = w ? w.split(y) : [], B = k.split(y); A.length && (q = B.shift());) C = z(A, q), -1 !== C && A.splice(C, 1);
return this.getAttrs()["class"] = A.join(" "), this
},
getClass: function() {
return this.getAttrs()["class"] || ""
},
hasClass: function(k) {
return -1 !== (" " + this.getClass() + " ").indexOf(" " + k + " ")
},
setInnerHtml: function(k) {
return this.innerHtml = k, this
},
getInnerHtml: function() {
return this.innerHtml || ""
},
toAnchorString: function() {
var k = this.getTagName(),
q = this.buildAttrsStr();
return q = q ? " " + q : "", ["<", k, q, ">", this.getInnerHtml(), "</", k, ">"].join("")
},
buildAttrsStr: function() {
if (!this.attrs) return "";
var k = this.getAttrs(),
q = [];
for (var w in k) k.hasOwnProperty(w) && q.push(w + "=\"" + k[w] + "\"");
return q.join(" ")
}
}), j.RegexLib = function() {
var k = "A-Za-z\\xAA\\xB5\\xBA\\xC0-\\xD6\\xD8-\\xF6\\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0-\u08B4\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16F1-\u16F8\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FD5\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA7AD\uA7B0-\uA7B7\uA7F7-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB65\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC",
w = k + "0-9\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0BE6-\u0BEF\u0C66-\u0C6F\u0CE6-\u0CEF\u0D66-\u0D6F\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F29\u1040-\u1049\u1090-\u1099\u17E0-\u17E9\u1810-\u1819\u1946-\u194F\u19D0-\u19D9\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\uA620-\uA629\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19",
y = /(?:[0-9Ù -Ù©Û°-۹߀-߉०-९০-৯੦-੯૦-૯୦-୯௦-௯౦-౯೦-೯൦-൯෦-෯๐-๙໐-໙༠-༩၀-၉႐-႙០-áŸ©á -á ™á¥†-᥏᧐-᧙᪀-᪉᪐-᪙᭐-᭙᮰-᮹᱀-᱉᱐-á±™ê˜ -꘩꣐-꣙꤀-꤉꧐-꧙꧰-꧹꩐-꩙꯰-꯹０-ï¼™]{1,3}\.){3}[0-9Ù -Ù©Û°-۹߀-߉०-९০-৯੦-੯૦-૯୦-୯௦-௯౦-౯೦-೯൦-൯෦-෯๐-๙໐-໙༠-༩၀-၉႐-႙០-áŸ©á -á ™á¥†-᥏᧐-᧙᪀-᪉᪐-᪙᭐-᭙᮰-᮹᱀-᱉᱐-á±™ê˜ -꘩꣐-꣙꤀-꤉꧐-꧙꧰-꧹꩐-꩙꯰-꯹０-ï¼™]{1,3}/,
z = "[" + w + "](?:[" + w + "\\-]*[" + w + "])?",
A = new RegExp("(?:(?:(?:" + z + "\\.)*(?:" + z + "))|(?:" + y.source + "))");
return {
alphaNumericCharsStr: w,
alphaCharsStr: k,
domainNameRegex: A
}
}(), j.AnchorTagBuilder = j.Util.extend(Object, {
constructor: function(k) {
k = k || {}, this.newWindow = k.newWindow, this.truncate = k.truncate, this.className = k.className
},
build: function(k) {
return new j.HtmlTag({
tagName: "a",
attrs: this.createAttrs(k),
innerHtml: this.processAnchorText(k.getAnchorText())
})
},
createAttrs: function(k) {
var q = {
href: k.getAnchorHref()
},
w = this.createCssClass(k);
return w && (q["class"] = w), this.newWindow && (q.target = "_blank", q.rel = "noopener noreferrer"), this.truncate && this.truncate.length && this.truncate.length < k.getAnchorText().length && (q.title = k.getAnchorHref()), q
},
createCssClass: function(k) {
var q = this.className;
if (q) {
for (var w = [q], y = k.getCssClassSuffixes(), z = 0, A = y.length; z < A; z++) w.push(q + "-" + y[z]);
return w.join(" ")
}
return ""
},
processAnchorText: function(k) {
return k = this.doTruncate(k)
},
doTruncate: function(k) {
var q = this.truncate;
if (!q || !q.length) return k;
var w = q.length,
y = q.location;
return "smart" === y ? j.truncate.TruncateSmart(k, w) : "middle" === y ? j.truncate.TruncateMiddle(k, w) : j.truncate.TruncateEnd(k, w)
}
}), j.htmlParser.HtmlParser = j.Util.extend(Object, {
htmlRegex: function() {
var k = /!--([\s\S]+?)--/,
q = /[0-9a-zA-Z][0-9a-zA-Z:]*/,
w = /[^\s"'>\/=\x00-\x1F\x7F]+/,
y = /(?:"[^"]*?"|'[^']*?'|[^'"=<>`\s]+)/,
z = w.source + "(?:\\s*=\\s*" + y.source + ")?";
return new RegExp(["(?:", "<(!DOCTYPE)", "(?:", "\\s+", "(?:", z, "|", y.source + ")", ")*", ">", ")", "|", "(?:", "<(/)?", "(?:", k.source, "|", "(?:", "(" + q.source + ")", "\\s*/?", ")", "|", "(?:", "(" + q.source + ")", "\\s+", "(?:", "(?:\\s+|\\b)", z, ")*", "\\s*/?", ")", ")", ">", ")"].join(""), "gi")
}(),
htmlCharacterEntitiesRegex: /(&nbsp;|&#160;|&lt;|&#60;|&gt;|&#62;|&quot;|&#34;|&#39;)/gi,
parse: function(k) {
for (var q, w, y = this.htmlRegex, z = 0, A = []; null !== (q = y.exec(k));) {
var B = q[0],
C = q[3],
D = q[1] || q[4] || q[5],
E = !!q[2],
F = q.index,
G = k.substring(z, F);
G && (w = this.parseTextAndEntityNodes(z, G), A.push.apply(A, w)), C ? A.push(this.createCommentNode(F, B, C)) : A.push(this.createElementNode(F, B, D, E)), z = F + B.length
}
if (z < k.length) {
var H = k.substring(z);
H && (w = this.parseTextAndEntityNodes(z, H), w.forEach(function(I) {
A.push(I)
}))
}
return A
},
parseTextAndEntityNodes: function(k, q) {
for (var w = [], y = j.Util.splitAndCapture(q, this.htmlCharacterEntitiesRegex), z = 0, A = y.length; z < A; z += 2) {
var B = y[z],
C = y[z + 1];
B && (w.push(this.createTextNode(k, B)), k += B.length), C && (w.push(this.createEntityNode(k, C)), k += C.length)
}
return w
},
createCommentNode: function(k, q, w) {
return new j.htmlParser.CommentNode({
offset: k,
text: q,
comment: j.Util.trim(w)
})
},
createElementNode: function(k, q, w, y) {
return new j.htmlParser.ElementNode({
offset: k,
text: q,
tagName: w.toLowerCase(),
closing: y
})
},
createEntityNode: function(k, q) {
return new j.htmlParser.EntityNode({
offset: k,
text: q
})
},
createTextNode: function(k, q) {
return new j.htmlParser.TextNode({
offset: k,
text: q
})
}
}), j.htmlParser.HtmlNode = j.Util.extend(Object, {
offset: void 0,
text: void 0,
constructor: function(k) {
j.Util.assign(this, k)
},
getType: j.Util.abstractMethod,
getOffset: function() {
return this.offset
},
getText: function() {
return this.text
}
}), j.htmlParser.CommentNode = j.Util.extend(j.htmlParser.HtmlNode, {
comment: "",
getType: function() {
return "comment"
},
getComment: function() {
return this.comment
}
}), j.htmlParser.ElementNode = j.Util.extend(j.htmlParser.HtmlNode, {
tagName: "",
closing: !1,
getType: function() {
return "element"
},
getTagName: function() {
return this.tagName
},
isClosing: function() {
return this.closing
}
}), j.htmlParser.EntityNode = j.Util.extend(j.htmlParser.HtmlNode, {
getType: function() {
return "entity"
}
}), j.htmlParser.TextNode = j.Util.extend(j.htmlParser.HtmlNode, {
getType: function() {
return "text"
}
}), j.match.Match = j.Util.extend(Object, {
constructor: function(k) {
this.tagBuilder = k.tagBuilder, this.matchedText = k.matchedText, this.offset = k.offset
},
getType: j.Util.abstractMethod,
getMatchedText: function() {
return this.matchedText
},
setOffset: function(k) {
this.offset = k
},
getOffset: function() {
return this.offset
},
getAnchorHref: j.Util.abstractMethod,
getAnchorText: j.Util.abstractMethod,
getCssClassSuffixes: function() {
return [this.getType()]
},
buildTag: function() {
return this.tagBuilder.build(this)
}
}), j.match.Email = j.Util.extend(j.match.Match, {
constructor: function(k) {
j.match.Match.prototype.constructor.call(this, k), this.email = k.email
},
getType: function() {
return "email"
},
getEmail: function() {
return this.email
},
getAnchorHref: function() {
return "mailto:" + this.email
},
getAnchorText: function() {
return this.email
}
}), j.match.Hashtag = j.Util.extend(j.match.Match, {
constructor: function(k) {
j.match.Match.prototype.constructor.call(this, k), this.serviceName = k.serviceName, this.hashtag = k.hashtag
},
getType: function() {
return "hashtag"
},
getServiceName: function() {
return this.serviceName
},
getHashtag: function() {
return this.hashtag
},
getAnchorHref: function() {
var k = this.serviceName,
q = this.hashtag;
switch (k) {
case "twitter":
return "https://twitter.com/hashtag/" + q;
case "facebook":
return "https://www.facebook.com/hashtag/" + q;
case "instagram":
return "https://instagram.com/explore/tags/" + q;
default:
throw new Error("Unknown service name to point hashtag to: ", k);
}
},
getAnchorText: function() {
return "#" + this.hashtag
}
}), j.match.Phone = j.Util.extend(j.match.Match, {
constructor: function(k) {
j.match.Match.prototype.constructor.call(this, k), this.number = k.number, this.plusSign = k.plusSign
},
getType: function() {
return "phone"
},
getNumber: function() {
return this.number
},
getAnchorHref: function() {
return "tel:" + (this.plusSign ? "+" : "") + this.number
},
getAnchorText: function() {
return this.matchedText
}
}), j.match.Mention = j.Util.extend(j.match.Match, {
constructor: function(k) {
j.match.Match.prototype.constructor.call(this, k), this.mention = k.mention, this.serviceName = k.serviceName
},
getType: function() {
return "mention"
},
getMention: function() {
return this.mention
},
getServiceName: function() {
return this.serviceName
},
getAnchorHref: function() {
switch (this.serviceName) {
case "twitter":
return "https://twitter.com/" + this.mention;
case "instagram":
return "https://instagram.com/" + this.mention;
default:
throw new Error("Unknown service name to point mention to: ", this.serviceName);
}
},
getAnchorText: function() {
return "@" + this.mention
},
getCssClassSuffixes: function() {
var k = j.match.Match.prototype.getCssClassSuffixes.call(this),
q = this.getServiceName();
return q && k.push(q), k
}
}), j.match.Url = j.Util.extend(j.match.Match, {
constructor: function(k) {
j.match.Match.prototype.constructor.call(this, k), this.urlMatchType = k.urlMatchType, this.url = k.url, this.protocolUrlMatch = k.protocolUrlMatch, this.protocolRelativeMatch = k.protocolRelativeMatch, this.stripPrefix = k.stripPrefix, this.stripTrailingSlash = k.stripTrailingSlash, this.decodePercentEncoding = k.decodePercentEncoding
},
schemePrefixRegex: /^(https?:\/\/)?/i,
wwwPrefixRegex: /^(https?:\/\/)?(www\.)?/i,
protocolRelativeRegex: /^\/\//,
protocolPrepended: !1,
getType: function() {
return "url"
},
getUrlMatchType: function() {
return this.urlMatchType
},
getUrl: function() {
var k = this.url;
return this.protocolRelativeMatch || this.protocolUrlMatch || this.protocolPrepended || (k = this.url = "http://" + k, this.protocolPrepended = !0), k
},
getAnchorHref: function() {
var k = this.getUrl();
return k.replace(/&amp;/g, "&")
},
getAnchorText: function() {
var k = this.getMatchedText();
return this.protocolRelativeMatch && (k = this.stripProtocolRelativePrefix(k)), this.stripPrefix.scheme && (k = this.stripSchemePrefix(k)), this.stripPrefix.www && (k = this.stripWwwPrefix(k)), this.stripTrailingSlash && (k = this.removeTrailingSlash(k)), this.decodePercentEncoding && (k = this.removePercentEncoding(k)), k
},
stripSchemePrefix: function(k) {
return k.replace(this.schemePrefixRegex, "")
},
stripWwwPrefix: function(k) {
return k.replace(this.wwwPrefixRegex, "$1")
},
stripProtocolRelativePrefix: function(k) {
return k.replace(this.protocolRelativeRegex, "")
},
removeTrailingSlash: function(k) {
return "/" === k.charAt(k.length - 1) && (k = k.slice(0, -1)), k
},
removePercentEncoding: function(k) {
try {
return decodeURIComponent(k.replace(/%22/gi, "&quot;").replace(/%26/gi, "&amp;").replace(/%27/gi, "&#39;").replace(/%3C/gi, "&lt;").replace(/%3E/gi, "&gt;"))
} catch (q) {
return k
}
}
}), j.tldRegex = /(?:xn--vermgensberatung-pwb|xn--vermgensberater-ctb|xn--clchc0ea0b2g2a9gcd|xn--w4r85el8fhu5dnra|northwesternmutual|travelersinsurance|vermögensberatung|xn--3oq18vl8pn36a|xn--5su34j936bgsg|xn--bck1b9a5dre4c|xn--mgbai9azgqp6j|xn--mgberp4a5d4ar|xn--xkc2dl3a5ee0h|vermögensberater|xn--fzys8d69uvgm|xn--mgba7c0bbn0a|xn--xkc2al3hye2a|americanexpress|kerryproperties|sandvikcoromant|xn--i1b6b1a6a2e|xn--kcrx77d1x4a|xn--lgbbat1ad8j|xn--mgba3a4f16a|xn--mgbc0a9azcg|xn--nqv7fs00ema|afamilycompany|americanfamily|bananarepublic|cancerresearch|cookingchannel|kerrylogistics|weatherchannel|xn--54b7fta0cc|xn--6qq986b3xl|xn--80aqecdr1a|xn--b4w605ferd|xn--fiq228c5hs|xn--jlq61u9w7b|xn--mgba3a3ejt|xn--mgbaam7a8h|xn--mgbayh7gpa|xn--mgbb9fbpob|xn--mgbbh1a71e|xn--mgbca7dzdo|xn--mgbi4ecexp|xn--mgbx4cd0ab|international|lifeinsurance|orientexpress|spreadbetting|travelchannel|wolterskluwer|xn--eckvdtc9d|xn--fpcrj9c3d|xn--fzc2c9e2c|xn--tiq49xqyj|xn--yfro4i67o|xn--ygbi2ammx|construction|lplfinancial|pamperedchef|scholarships|versicherung|xn--3e0b707e|xn--80adxhks|xn--80asehdb|xn--8y0a063a|xn--gckr3f0f|xn--mgb9awbf|xn--mgbab2bd|xn--mgbpl2fh|xn--mgbt3dhd|xn--mk1bu44c|xn--ngbc5azd|xn--ngbe9e0a|xn--ogbpf8fl|xn--qcka1pmc|accountants|barclaycard|blackfriday|blockbuster|bridgestone|calvinklein|contractors|creditunion|engineering|enterprises|foodnetwork|investments|kerryhotels|lamborghini|motorcycles|olayangroup|photography|playstation|productions|progressive|redumbrella|rightathome|williamhill|xn--11b4c3d|xn--1ck2e1b|xn--1qqw23a|xn--3bst00m|xn--3ds443g|xn--42c2d9a|xn--45brj9c|xn--55qw42g|xn--6frz82g|xn--80ao21a|xn--9krt00a|xn--cck2b3b|xn--czr694b|xn--d1acj3b|xn--efvy88h|xn--estv75g|xn--fct429k|xn--fjq720a|xn--flw351e|xn--g2xx48c|xn--gecrj9c|xn--gk3at1e|xn--h2brj9c|xn--hxt814e|xn--imr513n|xn--j6w193g|xn--jvr189m|xn--kprw13d|xn--kpry57d|xn--kpu716f|xn--mgbtx2b|xn--mix891f|xn--nyqy26a|xn--pbt977c|xn--pgbs0dh|xn--q9jyb4c|xn--rhqv96g|xn--rovu88b|xn--s9brj9c|xn--ses554g|xn--t60b56a|xn--vuq861b|xn--w4rs40l|xn--xhq521b|xn--zfr164b|சிங்கப்பூர்|accountant|apartments|associates|basketball|bnpparibas|boehringer|capitalone|consulting|creditcard|cuisinella|eurovision|extraspace|foundation|healthcare|immobilien|industries|management|mitsubishi|nationwide|newholland|nextdirect|onyourside|properties|protection|prudential|realestate|republican|restaurant|schaeffler|swiftcover|tatamotors|technology|telefonica|university|vistaprint|vlaanderen|volkswagen|xn--30rr7y|xn--3pxu8k|xn--45q11c|xn--4gbrim|xn--55qx5d|xn--5tzm5g|xn--80aswg|xn--90a3ac|xn--9dbq2a|xn--9et52u|xn--c2br7g|xn--cg4bki|xn--czrs0t|xn--czru2d|xn--fiq64b|xn--fiqs8s|xn--fiqz9s|xn--io0a7i|xn--kput3i|xn--mxtq1m|xn--o3cw4h|xn--pssy2u|xn--unup4y|xn--wgbh1c|xn--wgbl6a|xn--y9a3aq|accenture|alfaromeo|allfinanz|amsterdam|analytics|aquarelle|barcelona|bloomberg|christmas|community|directory|education|equipment|fairwinds|financial|firestone|fresenius|frontdoor|fujixerox|furniture|goldpoint|goodhands|hisamitsu|homedepot|homegoods|homesense|honeywell|institute|insurance|kuokgroup|ladbrokes|lancaster|landrover|lifestyle|marketing|marshalls|mcdonalds|melbourne|microsoft|montblanc|panasonic|passagens|pramerica|richardli|scjohnson|shangrila|solutions|statebank|statefarm|stockholm|travelers|vacations|xn--90ais|xn--c1avg|xn--d1alf|xn--e1a4c|xn--fhbei|xn--j1aef|xn--j1amh|xn--l1acc|xn--nqv7f|xn--p1acf|xn--tckwe|xn--vhquv|yodobashi|abudhabi|airforce|allstate|attorney|barclays|barefoot|bargains|baseball|boutique|bradesco|broadway|brussels|budapest|builders|business|capetown|catering|catholic|chrysler|cipriani|cityeats|cleaning|clinique|clothing|commbank|computer|delivery|deloitte|democrat|diamonds|discount|discover|download|engineer|ericsson|esurance|everbank|exchange|feedback|fidelity|firmdale|football|frontier|goodyear|grainger|graphics|guardian|hdfcbank|helsinki|holdings|hospital|infiniti|ipiranga|istanbul|jpmorgan|lighting|lundbeck|marriott|maserati|mckinsey|memorial|mortgage|movistar|observer|partners|pharmacy|pictures|plumbing|property|redstone|reliance|saarland|samsclub|security|services|shopping|showtime|softbank|software|stcgroup|supplies|symantec|telecity|training|uconnect|vanguard|ventures|verisign|woodside|xn--90ae|xn--node|xn--p1ai|xn--qxam|yokohama|السعودية|abogado|academy|agakhan|alibaba|android|athleta|auction|audible|auspost|avianca|banamex|bauhaus|bentley|bestbuy|booking|brother|bugatti|capital|caravan|careers|cartier|channel|chintai|citadel|clubmed|college|cologne|comcast|company|compare|contact|cooking|corsica|country|coupons|courses|cricket|cruises|dentist|digital|domains|exposed|express|farmers|fashion|ferrari|ferrero|finance|fishing|fitness|flights|florist|flowers|forsale|frogans|fujitsu|gallery|genting|godaddy|guitars|hamburg|hangout|hitachi|holiday|hosting|hoteles|hotmail|hyundai|iselect|ismaili|jewelry|juniper|kitchen|komatsu|lacaixa|lancome|lanxess|lasalle|latrobe|leclerc|liaison|limited|lincoln|markets|metlife|monster|netbank|netflix|network|neustar|okinawa|oldnavy|organic|origins|panerai|philips|pioneer|politie|realtor|recipes|rentals|reviews|rexroth|samsung|sandvik|schmidt|schwarz|science|shiksha|shriram|singles|spiegel|staples|starhub|statoil|storage|support|surgery|systems|temasek|theater|theatre|tickets|tiffany|toshiba|trading|walmart|wanggou|watches|weather|website|wedding|whoswho|windows|winners|xfinity|yamaxun|youtube|zuerich|католик|الجزائر|العليان|پاکستان|كاثوليك|موبايلي|இந்தியா|abarth|abbott|abbvie|active|africa|agency|airbus|airtel|alipay|alsace|alstom|anquan|aramco|author|bayern|beauty|berlin|bharti|blanco|bostik|boston|broker|camera|career|caseih|casino|center|chanel|chrome|church|circle|claims|clinic|coffee|comsec|condos|coupon|credit|cruise|dating|datsun|dealer|degree|dental|design|direct|doctor|dunlop|dupont|durban|emerck|energy|estate|events|expert|family|flickr|futbol|gallup|garden|george|giving|global|google|gratis|health|hermes|hiphop|hockey|hughes|imamat|insure|intuit|jaguar|joburg|juegos|kaufen|kinder|kindle|kosher|lancia|latino|lawyer|lefrak|living|locker|london|luxury|madrid|maison|makeup|market|mattel|mobile|mobily|monash|mormon|moscow|museum|mutual|nagoya|natura|nissan|nissay|norton|nowruz|office|olayan|online|oracle|orange|otsuka|pfizer|photos|physio|piaget|pictet|quebec|racing|realty|reisen|repair|report|review|rocher|rogers|ryukyu|safety|sakura|sanofi|school|schule|secure|select|shouji|soccer|social|stream|studio|supply|suzuki|swatch|sydney|taipei|taobao|target|tattoo|tennis|tienda|tjmaxx|tkmaxx|toyota|travel|unicom|viajes|viking|villas|virgin|vision|voting|voyage|vuelos|walter|warman|webcam|xihuan|xperia|yachts|yandex|zappos|москва|онлайн|ابوظبي|ارامكو|الاردن|المغرب|امارات|فلسطين|مليسيا|இலங்கை|ファッション|actor|adult|aetna|amfam|amica|apple|archi|audio|autos|azure|baidu|beats|bible|bingo|black|boats|boots|bosch|build|canon|cards|chase|cheap|chloe|cisco|citic|click|cloud|coach|codes|crown|cymru|dabur|dance|deals|delta|dodge|drive|dubai|earth|edeka|email|epost|epson|faith|fedex|final|forex|forum|gallo|games|gifts|gives|glade|glass|globo|gmail|green|gripe|group|gucci|guide|homes|honda|horse|house|hyatt|ikano|intel|irish|iveco|jetzt|koeln|kyoto|lamer|lease|legal|lexus|lilly|linde|lipsy|lixil|loans|locus|lotte|lotto|lupin|macys|mango|media|miami|money|mopar|movie|nadex|nexus|nikon|ninja|nokia|nowtv|omega|osaka|paris|parts|party|phone|photo|pizza|place|poker|praxi|press|prime|promo|quest|radio|rehab|reise|ricoh|rocks|rodeo|salon|sener|seven|sharp|shell|shoes|skype|sling|smart|smile|solar|space|stada|store|study|style|sucks|swiss|tatar|tires|tirol|tmall|today|tokyo|tools|toray|total|tours|trade|trust|tunes|tushu|ubank|vegas|video|vista|vodka|volvo|wales|watch|weber|weibo|works|world|xerox|yahoo|zippo|ایران|بازار|بھارت|سودان|سورية|همراه|संगठन|বাংলা|భారత్|嘉里大酒店|aarp|able|adac|aero|aigo|akdn|ally|amex|army|arpa|arte|asda|asia|audi|auto|baby|band|bank|bbva|beer|best|bike|bing|blog|blue|bofa|bond|book|buzz|cafe|call|camp|care|cars|casa|case|cash|cbre|cern|chat|citi|city|club|cool|coop|cyou|data|date|dclk|deal|dell|desi|diet|dish|docs|doha|duck|duns|dvag|erni|fage|fail|fans|farm|fast|fiat|fido|film|fire|fish|flir|food|ford|free|fund|game|gbiz|gent|ggee|gift|gmbh|gold|golf|goog|guge|guru|hair|haus|hdfc|help|here|hgtv|host|hsbc|icbc|ieee|imdb|immo|info|itau|java|jeep|jobs|jprs|kddi|kiwi|kpmg|kred|land|lego|lgbt|lidl|life|like|limo|link|live|loan|loft|love|ltda|luxe|maif|meet|meme|menu|mini|mint|mobi|moda|moto|mtpc|name|navy|news|next|nico|nike|ollo|open|page|pars|pccw|pics|ping|pink|play|plus|pohl|porn|post|prod|prof|qpon|raid|read|reit|rent|rest|rich|rmit|room|rsvp|ruhr|safe|sale|sapo|sarl|save|saxo|scor|scot|seat|seek|sexy|shaw|shia|shop|show|silk|sina|site|skin|sncf|sohu|song|sony|spot|star|surf|talk|taxi|team|tech|teva|tiaa|tips|town|toys|tube|vana|visa|viva|vivo|vote|voto|wang|weir|wien|wiki|wine|work|xbox|yoga|zara|zero|zone|дети|сайт|بيتك|تونس|شبكة|عراق|عمان|موقع|भारत|ভারত|ਭਾਰਤ|ભારત|ලංකා|グーグル|クラウド|ポイント|大众汽车|组织机构|電訊盈科|é¦™æ ¼é‡Œæ‹‰|aaa|abb|abc|aco|ads|aeg|afl|aig|anz|aol|app|art|aws|axa|bar|bbc|bbt|bcg|bcn|bet|bid|bio|biz|bms|bmw|bnl|bom|boo|bot|box|buy|bzh|cab|cal|cam|car|cat|cba|cbn|cbs|ceb|ceo|cfa|cfd|com|crs|csc|dad|day|dds|dev|dhl|diy|dnp|dog|dot|dtv|dvr|eat|eco|edu|esq|eus|fan|fit|fly|foo|fox|frl|ftr|fun|fyi|gal|gap|gdn|gea|gle|gmo|gmx|goo|gop|got|gov|hbo|hiv|hkt|hot|how|htc|ibm|ice|icu|ifm|ing|ink|int|ist|itv|iwc|jcb|jcp|jio|jlc|jll|jmp|jnj|jot|joy|kfh|kia|kim|kpn|krd|lat|law|lds|lol|lpl|ltd|man|mba|mcd|med|men|meo|mil|mit|mlb|mls|mma|moe|moi|mom|mov|msd|mtn|mtr|nab|nba|nec|net|new|nfl|ngo|nhk|now|nra|nrw|ntt|nyc|obi|off|one|ong|onl|ooo|org|ott|ovh|pay|pet|pid|pin|pnc|pro|pru|pub|pwc|qvc|red|ren|ril|rio|rip|run|rwe|sap|sas|sbi|sbs|sca|scb|ses|sew|sex|sfr|ski|sky|soy|srl|srt|stc|tab|tax|tci|tdk|tel|thd|tjx|top|trv|tui|tvs|ubs|uno|uol|ups|vet|vig|vin|vip|wed|win|wme|wow|wtc|wtf|xin|xxx|xyz|you|yun|zip|бел|ком|қаз|мкд|мон|орг|рус|срб|укр|Õ°Õ¡Õµ|קום|قطر|كوم|مصر|कॉम|नेट|คอม|ไทย|ストア|セール|みんな|中文网|天主教|æˆ‘çˆ±ä½ |æ–°åŠ å¡|淡马锡|诺基亚|飞利浦|ac|ad|ae|af|ag|ai|al|am|ao|aq|ar|as|at|au|aw|ax|az|ba|bb|bd|be|bf|bg|bh|bi|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|ca|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|co|cr|cu|cv|cw|cx|cy|cz|de|dj|dk|dm|do|dz|ec|ee|eg|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gg|gh|gi|gl|gm|gn|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|im|in|io|iq|ir|is|it|je|jm|jo|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|me|mg|mh|mk|ml|mm|mn|mo|mp|mq|mr|ms|mt|mu|mv|mw|mx|my|mz|na|nc|ne|nf|ng|ni|nl|no|np|nr|nu|nz|om|pa|pe|pf|pg|ph|pk|pl|pm|pn|pr|ps|pt|pw|py|qa|re|ro|rs|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sx|sy|sz|tc|td|tf|tg|th|tj|tk|tl|tm|tn|to|tr|tt|tv|tw|tz|ua|ug|uk|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|ye|yt|za|zm|zw|ελ|бг|ею|рф|გე|ë‹·ë„·|ë‹·ì»´|삼성|한국|コム|世界|中信|中国|中國|企业|佛山|信息|健康|八卦|公司|公益|台湾|台灣|商城|商店|å•†æ ‡|嘉里|在线|大拿|娱乐|家電|工行|广东|微博|慈善|手机|手表|政务|政府|æ–°é—»|时尚|書籍|机构|游戏|澳門|点看|ç å®|移动|网址|网店|网站|网络|联通|è°·æ­Œ|购物|通販|集团|食品|餐厅|香港)/, j.matcher.Matcher = j.Util.extend(Object, {
constructor: function(k) {
this.tagBuilder = k.tagBuilder
},
parseMatches: j.Util.abstractMethod
}), j.matcher.Email = j.Util.extend(j.matcher.Matcher, {
matcherRegex: function() {
var k = j.RegexLib.alphaNumericCharsStr,
y = k + "!#$%&'*+\\-\\/=?^_`{|}~",
A = new RegExp("(?:[" + y + "](?:[" + y + "]|\\.(?!\\.|@))*|\\\"[" + (y + "\\s\"(),:;<>@\\[\\]") + ".]+\\\")@"),
B = j.RegexLib.domainNameRegex,
C = j.tldRegex;
return new RegExp([A.source, B.source, "\\.", C.source].join(""), "gi")
}(),
parseMatches: function(k) {
for (var q, A, w = this.matcherRegex, y = this.tagBuilder, z = []; null !== (q = w.exec(k));) A = q[0], z.push(new j.match.Email({
tagBuilder: y,
matchedText: A,
offset: q.index,
email: A
}));
return z
}
}), j.matcher.Hashtag = j.Util.extend(j.matcher.Matcher, {
matcherRegex: new RegExp("#[_" + j.RegexLib.alphaNumericCharsStr + "]{1,139}", "g"),
nonWordCharRegex: new RegExp("[^" + j.RegexLib.alphaNumericCharsStr + "]"),
constructor: function(k) {
j.matcher.Matcher.prototype.constructor.call(this, k), this.serviceName = k.serviceName
},
parseMatches: function(k) {
for (var q, w = this.matcherRegex, y = this.nonWordCharRegex, z = this.serviceName, A = this.tagBuilder, B = []; null !== (q = w.exec(k));) {
var C = q.index,
D = k.charAt(C - 1);
if (0 === C || y.test(D)) {
var E = q[0],
F = q[0].slice(1);
B.push(new j.match.Hashtag({
tagBuilder: A,
matchedText: E,
offset: C,
serviceName: z,
hashtag: F
}))
}
}
return B
}
}), j.matcher.Phone = j.Util.extend(j.matcher.Matcher, {
matcherRegex: /(?:(\+)?\d{1,3}[-\040.]?)?\(?\d{3}\)?[-\040.]?\d{3}[-\040.]?\d{4}([,;]*[0-9]+#?)*/g,
parseMatches: function(k) {
for (var q, w = this.matcherRegex, y = this.tagBuilder, z = []; null !== (q = w.exec(k));) {
var A = q[0],
B = A.replace(/[^0-9,;#]/g, ""),
C = !!q[1];
this.testMatch(q[2]) && this.testMatch(A) && z.push(new j.match.Phone({
tagBuilder: y,
matchedText: A,
offset: q.index,
number: B,
plusSign: C
}))
}
return z
},
testMatch: function(k) {
return /\D/.test(k)
}
}), j.matcher.Mention = j.Util.extend(j.matcher.Matcher, {
matcherRegexes: {
twitter: new RegExp("@[_" + j.RegexLib.alphaNumericCharsStr + "]{1,20}", "g"),
instagram: new RegExp("@[_." + j.RegexLib.alphaNumericCharsStr + "]{1,50}", "g")
},
nonWordCharRegex: new RegExp("[^" + j.RegexLib.alphaNumericCharsStr + "]"),
constructor: function(k) {
j.matcher.Matcher.prototype.constructor.call(this, k), this.serviceName = k.serviceName
},
parseMatches: function(k) {
var q, w = this.matcherRegexes[this.serviceName],
y = this.nonWordCharRegex,
z = this.serviceName,
A = this.tagBuilder,
B = [];
if (!w) return B;
for (; null !== (q = w.exec(k));) {
var C = q.index,
D = k.charAt(C - 1);
if (0 === C || y.test(D)) {
var E = q[0].replace(/\.+$/g, ""),
F = E.slice(1);
B.push(new j.match.Mention({
tagBuilder: A,
matchedText: E,
offset: C,
serviceName: z,
mention: F
}))
}
}
return B
}
}), j.matcher.Url = j.Util.extend(j.matcher.Matcher, {
matcherRegex: function() {
var k = /(?:[A-Za-z][-.+A-Za-z0-9]*:(?![A-Za-z][-.+A-Za-z0-9]*:\/\/)(?!\d+\/?)(?:\/\/)?)/,
q = /(?:www\.)/,
w = j.RegexLib.domainNameRegex,
y = j.tldRegex,
z = j.RegexLib.alphaNumericCharsStr,
A = new RegExp("[/?#](?:[" + z + "\\-+&@#/%=~_()|'$*\\[\\]?!:,.;\u2713]*[" + z + "\\-+&@#/%=~_()|'$*\\[\\]\u2713])?");
return new RegExp(["(?:", "(", k.source, w.source, ")", "|", "(", "(//)?", q.source, w.source, ")", "|", "(", "(//)?", w.source + "\\.", y.source, "(?![-" + z + "])", ")", ")", "(?::[0-9]+)?", "(?:" + A.source + ")?"].join(""), "gi")
}(),
wordCharRegExp: new RegExp("[" + j.RegexLib.alphaNumericCharsStr + "]"),
openParensRe: /\(/g,
closeParensRe: /\)/g,
constructor: function(k) {
j.matcher.Matcher.prototype.constructor.call(this, k), this.stripPrefix = k.stripPrefix, this.stripTrailingSlash = k.stripTrailingSlash, this.decodePercentEncoding = k.decodePercentEncoding
},
parseMatches: function(k) {
for (var q, w = this.matcherRegex, y = this.stripPrefix, z = this.stripTrailingSlash, A = this.decodePercentEncoding, B = this.tagBuilder, C = []; null !== (q = w.exec(k));) {
var D = q[0],
E = q[1],
F = q[2],
G = q[3],
H = q[5],
I = q.index,
J = G || H,
K = k.charAt(I - 1);
if (j.matcher.UrlMatchValidator.isValid(D, E) && !(0 < I && "@" === K || 0 < I && J && this.wordCharRegExp.test(K))) {
if (/\?$/.test(D) && (D = D.substr(0, D.length - 1)), this.matchHasUnbalancedClosingParen(D)) D = D.substr(0, D.length - 1);
else {
var L = this.matchHasInvalidCharAfterTld(D, E); - 1 < L && (D = D.substr(0, L))
}
var M = E ? "scheme" : F ? "www" : "tld";
C.push(new j.match.Url({
tagBuilder: B,
matchedText: D,
offset: I,
urlMatchType: M,
url: D,
protocolUrlMatch: !!E,
protocolRelativeMatch: !!J,
stripPrefix: y,
stripTrailingSlash: z,
decodePercentEncoding: A
}))
}
}
return C
},
matchHasUnbalancedClosingParen: function(k) {
var q = k.charAt(k.length - 1);
if (")" === q) {
var w = k.match(this.openParensRe),
y = k.match(this.closeParensRe),
z = w && w.length || 0,
A = y && y.length || 0;
if (z < A) return !0
}
return !1
},
matchHasInvalidCharAfterTld: function(k, q) {
if (!k) return -1;
var w = 0;
q && (w = k.indexOf(":"), k = k.slice(w));
var y = j.RegexLib.alphaNumericCharsStr,
z = new RegExp("^((.?//)?[-." + y + "]*[-" + y + "]\\.[-" + y + "]+)"),
A = z.exec(k);
return null === A ? -1 : (w += A[1].length, k = k.slice(A[1].length), /^[^-.A-Za-z0-9:\/?#]/.test(k) ? w : -1)
}
}), j.matcher.UrlMatchValidator = {
hasFullProtocolRegex: /^[A-Za-z][-.+A-Za-z0-9]*:\/\//,
uriSchemeRegex: /^[A-Za-z][-.+A-Za-z0-9]*:/,
hasWordCharAfterProtocolRegex: new RegExp(":[^\\s]*?[" + j.RegexLib.alphaCharsStr + "]"),
ipRegex: /[0-9][0-9]?[0-9]?\.[0-9][0-9]?[0-9]?\.[0-9][0-9]?[0-9]?\.[0-9][0-9]?[0-9]?(:[0-9]*)?\/?$/,
isValid: function(k, q) {
return !(q && !this.isValidUriScheme(q) || this.urlMatchDoesNotHaveProtocolOrDot(k, q) || this.urlMatchDoesNotHaveAtLeastOneWordChar(k, q) && !this.isValidIpAddress(k) || this.containsMultipleDots(k))
},
isValidIpAddress: function(k) {
var q = new RegExp(this.hasFullProtocolRegex.source + this.ipRegex.source),
w = k.match(q);
return null !== w
},
containsMultipleDots: function(k) {
return -1 < k.indexOf("..")
},
isValidUriScheme: function(k) {
var q = k.match(this.uriSchemeRegex)[0].toLowerCase();
return "javascript:" !== q && "vbscript:" !== q
},
urlMatchDoesNotHaveProtocolOrDot: function(k, q) {
return !(!k || q && this.hasFullProtocolRegex.test(q) || -1 !== k.indexOf("."))
},
urlMatchDoesNotHaveAtLeastOneWordChar: function(k, q) {
return k && q && !this.hasWordCharAfterProtocolRegex.test(k)
}
}, j.truncate.TruncateEnd = function(k, q, w) {
return j.Util.ellipsis(k, q, w)
}, j.truncate.TruncateMiddle = function(k, q, w) {
if (k.length <= q) return k;
var y, z;
null == w ? (w = "&hellip;", y = 8, z = 3) : (y = w.length, z = w.length);
var A = q - z,
B = "";
return 0 < A && (B = k.substr(-1 * Math.floor(A / 2))), (k.substr(0, Math.ceil(A / 2)) + w + B).substr(0, A + y)
}, j.truncate.TruncateSmart = function(k, q, w) {
var y, z;
null == w ? (w = "&hellip;", z = 3, y = 8) : (z = w.length, y = w.length);
var B = function(N) {
var O = "";
return N.scheme && N.host && (O += N.scheme + "://"), N.host && (O += N.host), N.path && (O += "/" + N.path), N.query && (O += "?" + N.query), N.fragment && (O += "#" + N.fragment), O
},
C = function(N, O) {
var P = O / 2,
Q = Math.ceil(P),
R = -1 * Math.floor(P),
S = "";
return 0 > R && (S = N.substr(R)), N.substr(0, Q) + w + S
};
if (k.length <= q) return k;
var D = q - z,
E = function(N) {
var O = {},
P = N,
Q = P.match(/^([a-z]+):\/\//i);
return Q && (O.scheme = Q[1], P = P.substr(Q[0].length)), Q = P.match(/^(.*?)(?=(\?|#|\/|$))/i), Q && (O.host = Q[1], P = P.substr(Q[0].length)), Q = P.match(/^\/(.*?)(?=(\?|#|$))/i), Q && (O.path = Q[1], P = P.substr(Q[0].length)), Q = P.match(/^\?(.*?)(?=(#|$))/i), Q && (O.query = Q[1], P = P.substr(Q[0].length)), Q = P.match(/^#(.*?)$/i), Q && (O.fragment = Q[1]), O
}(k);
if (E.query) {
var F = E.query.match(/^(.*?)(?=(\?|\#))(.*?)$/i);
F && (E.query = E.query.substr(0, F[1].length), k = B(E))
}
if (k.length <= q) return k;
if (E.host && (E.host = E.host.replace(/^www\./, ""), k = B(E)), k.length <= q) return k;
var G = "";
if (E.host && (G += E.host), G.length >= D) return E.host.length == q ? (E.host.substr(0, q - z) + w).substr(0, D + y) : C(G, D).substr(0, D + y);
var H = "";
if (E.path && (H += "/" + E.path), E.query && (H += "?" + E.query), H) {
if ((G + H).length >= D) {
if ((G + H).length == q) return (G + H).substr(0, q);
var I = D - G.length;
return (G + C(H, I)).substr(0, D + y)
}
G += H
}
if (E.fragment) {
var J = "#" + E.fragment;
if ((G + J).length >= D) {
if ((G + J).length == q) return (G + J).substr(0, q);
var K = D - G.length;
return (G + C(J, K)).substr(0, D + y)
}
G += J
}
if (E.scheme && E.host) {
var L = E.scheme + "://";
if ((G + L).length < D) return (L + G).substr(0, q)
}
if (G.length <= q) return G;
var M = "";
return 0 < D && (M = G.substr(-1 * Math.floor(D / 2))), (G.substr(0, Math.ceil(D / 2)) + w + M).substr(0, D + y)
}, j
});
</script>
<script>
(function() {
'use strict';
var a = window.TinychatApp || {};
a.DAL = {}, window.TinychatApp = a
})();
</script>
<script>
(function() {
"use strict";
window.TinychatApp.DAL.BanlistItemEntity = class {
constructor() {
this.id = "", this.username = "", this.nickname = "", this.reason = "", this.moderator = ""
}
}
})();
</script>
<script>
(function() {
'use strict';
window.TinychatApp.DAL.BroadcastResultEntity = class {
constructor() {
this.broadcastStarted = !1, this.password = !1, this.banned = !1, this.moderating = !1, this.canceled = !1, this.permissions = !1
}
}
})();
</script>
<script>
(function() {
"use strict";
class a {
static get PUBLIC() {
return 0
}
static get PRIVATE() {
return 1
}
static get SYSTEM() {
return 2
}
static get GIFT() {
return 6
}
constructor() {
this.type = a.PUBLIC, this.user = null, this.chatname = 0, this.message_text = "", this.language = "", this.giftUrl = "", this.color = 0
}
}
window.TinychatApp.DAL.ChatLogItemEntity = a
})();
</script>
<script>
(function() {
'use strict';
window.TinychatApp.DAL.EnterRoomResultEntity = class {
constructor() {
this.selfuser = new TinychatApp.DAL.UserEntity
}
}
})();
</script>
<script>
(function() {
"use strict";
window.TinychatApp.DAL.GiftEntity = class {
constructor() {
this.fromUsername = "", this.fromUrl = "", this.fromIdInRoom = 0, this.toAchievement = "", this.toUsername = "", this.toIdInRoom = 0, this.toUrl = "", this.giftComment = "", this.giftExt = 0, this.giftName = "", this.giftStore = "", this.giftUrl = ""
}
}
})();
</script>
<script>
(function() {
"use strict";
window.TinychatApp.DAL.LoginResultEntity = class {
constructor() {
this.loggedIn = !1, this.loginName = "", this.usersuggestion = "", this.errorcode = "", this.errormsg = "", this.userInfo = null
}
}
})();
</script>
<script>
(function() {
"use strict";
window.TinychatApp.DAL.LoginUserInfoEntity = class {
constructor() {
this.email = "", this.stype = 0, this.promoted = !1, this.achivement = "", this.points = 0, this.coins = 0, this.avatar = "", this.intercom_hash = "", this.giftData = [], this.currentSubscriptionMessage = "", this.currentSubscriptionEnd = "", this.currentSubscriptionPlanInterval = ""
}
}
})();
</script>
<script>
(function() {
"use strict";
window.TinychatApp.DAL.RoomHistoryEntity = class {
constructor() {
this.roomname = "", this.usage = 0
}
}
})();
</script>
<script>
(function() {
"use strict";
window.TinychatApp.DAL.RoomSettingsEntity = class {
constructor() {
this.type = "", this.name = "", this.topic = "", this.subtype = 0, this.giftpoints = 0, this.pushtotalk = !1, this.recent_gifts = [], this.biography = "", this.location = "", this.website = "", this.avatar = ""
}
}
})();
</script>
<script>
(function() {
"use strict";
window.TinychatApp.DAL.SettingsEntity = class {
constructor() {
this.enablePMs = !0, this.enableYoutube = !0, this.enableSound = !0, this.с onfirmBans = !0, this.rememberVolume = !1, this.enableAcousticEchoCancelation = !0, this.enableHotkeys = !0, this.nickname = "", this.audio = null, this.video = null
}
equals(b) {
return JSON.stringify(this) === JSON.stringify(b)
}
}
})();
</script>
<script>
(function() {
"use strict";
class a {
constructor() {
this.nickname = "", this.username = "", this.avatarUrl = "", this.path = 0, this.subscriptionType = 0, this.isOwner = !1, this.isOperator = !1, this.isLurker = !1, this.giftpoints = 0, this.achivementUrl = "", this.isSelf = !1, this.isBroadcasting = !1, this.isDeleting = !1, this.isOffline = !1, this.needToUpprove = !1, this.isFeatured = !1
}
get handle() {
return this.path
}
get isUsername() {
return "" != this.username
}
get isGuest() {
return !this.isUsername
}
get hasSubscriptions() {
return TinychatApp.BLL.User.isSubscription(this.subscriptionType)
}
get canUseFilters() {
return TinychatApp.BLL.User.canUseFilters(this.subscriptionType)
}
toString() {
return "UserEntity:{ h(" + this.handle + ") n(" + this.nickname + ") u(" + this.username + ")}"
}
}
window.TinychatApp.DAL.UserEntity = a
})();
</script>
<script>
(function() {
"use strict";
window.TinychatApp.DAL.UserProfileEntity = class {
constructor() {
this.username = "", this.biography = "", this.gender = "", this.age = 0, this.location = "", this.role = "", this.stype = 0, this.avatarUrl = "", this.achieveUrl = "", this.percentToNextAchieve = 0, this.giftpoints = 0, this.gifts = []
}
}
})();
</script>
<script>
(function() {
"use strict";
window.TinychatApp.DAL.YoutubeItem = class {
constructor() {
this.id = "", this.title = "", this.imgurl = "", this.duration = void 0
}
}
})();
</script>
<script>
(function() {
'use strict';
var a = window.TinychatApp || {};
a.BLL = {}, window.TinychatApp = a
})();
</script>
<script>
(function() {
'use strict';
const a = window.TinychatApp.BLL;
class b {
static get url_tc_server() {
return 'wss://wss.tinychat.com:443'
}
constructor(c, d) {
this.chatRoom = c, this.app = c.app, this.EventBus = this.app.EventBus, this.packetWorker = d, this.closedLastReasonCode = -1, this.reconnect_timer = 0, this.reconnect_wait = 0, this.reconnect_tries = 0
}
connect(c) {
let d = b.url_tc_server;
console.log(`Chatroom.Connecting (${d}/${this.chatRoom.roomname},
tc_token: ${this.chatRoom.tc_token},
debug: ${this.app.debug}) ... ${0<this.reconnect_tries?this.reconnect_tries:''} `), this.closedLastReasonCode = -2;
let e = new a.RoomConnectEvent(this.reconnect_tries);
if (this.EventBus.broadcast(a.RoomConnectEvent.ID, e), void 0 !== c && c) {
let f = new a.RoomReconnected;
this.EventBus.broadcast(a.RoomReconnected.ID, f), this.ws.onclose = function() {}, this.close()
}
this.ws = new WebSocket(d, 'tc'), this.ws.onopen = f => this.onOpen(f), this.ws.onclose = f => this.onClose(f), this.ws.onmessage = f => this.packetWorker.onMessage(f)
}
onOpen() {
this.send(this.chatRoom.tcPkt_Connect(this.chatRoom.onRoomConnectCallback))
}
onClose() {
console.warn('Chatroom.Disconnected');
let d = new TinychatApp.BLL.RoomQuitEvent(TinychatApp.BLL.RoomQuitEvent.WS, this);
this.EventBus.broadcast(TinychatApp.BLL.RoomQuitEvent.ID, d), this.chatRoom.wsReset();
let e = this,
f = 1e3 + Math.floor(2e3 * Math.random());
this.reconnect_wait += f, this.reconnect_tries += 1;
let g = new a.RoomConnectStandby(this.reconnect_tries, this.reconnect_wait);
if (this.EventBus.broadcast(a.RoomConnectStandby.ID, g), 999 > e.reconnect_tries) switch (this.closedLastReasonCode) {
case 0:
case 1:
case 5:
case 7:
case 8:
case 9:
case 10:
case 11:
console.warn('Chatroom.ConnectStandby: ' + e.reconnect_wait + 'ms'), e.reconnect_timer = setInterval(() => {
e.Reconnect()
}, e.reconnect_wait);
break;
default:
} else {
let h = new a.RoomConnectFatal;
this.EventBus.broadcast(a.RoomConnectFatal.ID, h), console.error('Chatroom.ConnectFatal')
}
}
reset() {
this.wsHandle = null
}
send(c) {
if (!(1 < this.ws.readyState)) {
const d = JSON.stringify(c);
this.ws.send(d)
}
}
close() {
this.ws.close()
}
}
window.TinychatApp.BLL.TCSocket = b
})();
</script>
<script>
(function() {
'use strict';
const a = window.TinychatApp.BLL.TCSocket;
class b {
constructor(c) {
this.chatRoom = c, this.app = c.app, this.EventBus = c.EventBus, this.reqid = 0, this.queue = {}, this.tcSocket = new a(this.chatRoom, this)
}
get userlist() {
return this.chatRoom.userlist
}
get videolist() {
return this.chatRoom.videolist
}
get chatlog() {
return this.chatRoom.chatlog
}
reset() {
this.tcSocket.reset(), this.reqid = 0, this.queue = {}
}
send(c) {
return this.tcSocket.send(c)
}
connect(c) {
this.tcSocket.connect(c)
}
onMessage(c) {
let d = JSON.parse(c.data),
e = d.req;
if (e !== void 0) {
let g = this.queue[e];
if (void 0 !== g) return Object.isObj(g) && Object.isFunc(g.func) ? g.func.call(this.chatRoom, d, g.params) : Object.isFunc(g) && g.call(this.chatRoom, d), void delete this.queue[e]
}
let f = d.tc;
'string' == typeof f ? 'ping' === f ? this.chatRoom.onPing(d) : 'userlist' === f ? this.chatRoom.onRoomUserlist(d) : 'join' === f ? this.chatRoom.onRoomUserJoin(d) : 'room_settings' === f ? this.chatRoom.onRoomSettings(d) : 'quit' === f ? this.chatRoom.onRoomUserQuit(d) : 'publish' === f ? this.chatRoom.onRoomPublish(d) : 'unpublish' === f ? this.chatRoom.onRoomUnPublish(d) : 'stream_connected' === f ? this.chatRoom.onStreamConnected(d) : 'pending_moderation' === f ? this.chatRoom.onPendingModeration(d) : 'waiting_slot' === f ? this.chatRoom.onWaitingSlot(d) : 'stream_closed' === f ? this.chatRoom.onStreamClosed(d) : 'stream_moder_allow' === f ? this.chatRoom.onStreamModerAllow(d) : 'publish' === f ? this.chatRoom.onRoomPublish(d) : 'unpublish' === f ? this.chatRoom.onRoomUnPublish(d) : 'msg' === f ? this.chatRoom.onSendMessagePublicCallback(d) : 'nick' === f ? this.chatRoom.onNicknameChanged(d) : 'pvtmsg' === f ? this.chatRoom.onSendMessagePrivateCallback(d) : 'closed' === f ? (this.chatRoom.onClosed(d), this.tcSocket.close()) : 'sysmsg' === f ? this.chatRoom.onSystemMessage(d) : 'gift' === f ? this.chatRoom.onGiftMessage(d) : f.startsWith('yut_') ? this.chatRoom.onYoutube(d) : f.startsWith('yutpls_') ? this.chatRoom.onYoutubePlaylist(d) : console.error('Unknown pkt: ' + JSON.stringify(d)) : console.error('Unknown pkt format: ' + JSON.stringify(d))
}
wsCreatePacket(c, d) {
const e = {
tc: c,
req: ++this.reqid
};
return this.registerPacketCallback(e, d), e
}
registerPacketCallback(c, d) {
d !== void 0 && (this.queue[c.req] = d)
}
}
window.TinychatApp.BLL.PacketWorker = b
})();
</script>
<script>
(function() {
'use strict';
let a = null;
class b {
constructor() {}
static getInstance() {
return null == a && (a = new b), a
}
getRoomEvent() {}
}
window.TinychatApp.BLL.Tracker = b
})();
</script>
<script>
(function() {
'use strict';
let a = null;
class b {
constructor() {}
static getInstance() {
return null == a && (a = new b), a
}
gotoUrl(c, d) {
if (d) {
let e = window.open(c, '_blank');
e.focus()
} else window.location.href = c
}
get backUrl() {
return window.location.href
}
LiveDirectory() {
this.gotoUrl(b.url_livedirectory(this.backUrl))
}
GiveAGift(c) {
this.gotoUrl(b.url_giveagift(c), !0)
}
EarnCoins() {
this.gotoUrl(b.url_get_coins(this.backUrl), !0)
}
UpgradeSub() {
this.gotoUrl(b.url_upgradenow(this.backUrl), !0)
}
Login() {
this.gotoUrl(b.urlpath_login(this.backUrl))
}
DevNews() {
this.gotoUrl(b.url_devnews(this.backUrl), !0)
}
WebSettings() {
this.gotoUrl(b.url_websettings(this.backUrl), !0)
}
Register() {
this.gotoUrl(b.urlpath_register(this.backUrl))
}
Logout() {
this.gotoUrl(b.urlpath_logout(this.backUrl))
}
PromoteRoom() {
this.gotoUrl(b.urlpath_promoteroom(this.backUrl))
}
GooglePlay() {
this.gotoUrl(b.url_download_android())
}
AppStore() {
this.gotoUrl(b.url_download_iphone())
}
static url_giveagift(c) {
var d = '/gifts/';
return 'string' != typeof c || c.isEmpty() || (d = d + '?to=' + encodeURI(c)), d
}
static url_earncoins() {
return '/offers'
}
static url_upgradenow() {
return '/subscription/intro'
}
static url_livedirectory() {
return '/'
}
static urlpath_register(c) {
return urlpath_login(c)
}
static urlpath_login(c) {
var d = '';
return void 0 != c && (d = '?next=' + encodeURI(c)), '/start/' + d
}
static urlpath_logout() {
return '/logout'
}
static urlpath_promoteroom() {
return '/promote/intro'
}
static url_devnews() {
return 'https://twitter.com/tinychatdev'
}
static url_websettings() {
return '/settings/privacy'
}
static url_download_android() {
return 'https://tinychat.com/download/android'
}
static url_download_iphone() {
return 'https://tinychat.com/download/iphone'
}
static url_get_coins() {
return 'https://tinychat.com/coins/intro'
}
}
window.TinychatApp.BLL.Router = b
})();
</script>
<script>
(function() {
'use strict';
let a = null;
const b = 'tinychat_settings';
class c {
constructor(g) {
this.EventBus = g
}
static getInstance(g) {
return null == a && (a = new c(g)), a
}
isYoutube() {
let g = this.getSettings();
return g.enableYoutube
}
isPrivateMessage() {
let g = this.getSettings();
return g.enablePMs
}
isAcousticEchoCancelation() {
let g = this.getSettings();
return g.enableAcousticEchoCancelation
}
switchPrivatemessaging(g) {
let h = this.getSettings();
h.enablePMs = g, this.saveSettings(h)
}
switchYoutube(g) {
let h = this.getSettings();
h.enableYoutube = g, this.saveSettings(h)
}
switchSound(g) {
let h = this.getSettings();
h.enableSound = g, this.saveSettings(h)
}
switchConfirmBan(g) {
let h = this.getSettings();
h.с onfirmBans = g, this.saveSettings(h)
}
switchAcousticEchoCancelation(g) {
let h = this.getSettings();
h.enableAcousticEchoCancelation = g, this.saveSettings(h)
}
switchRememberVolume(g) {
let h = this.getSettings();
h.rememberVolume = g, this.saveSettings(h)
}
changeNickname(g) {
let h = this.getSettings();
h.nickname = g, this.saveSettings(h)
}
getSettings() {
var g = this._get(b);
try {
g = Object.assign(new TinychatApp.DAL.SettingsEntity, JSON.parse(g))
} catch (h) {}
return (void 0 == g || 'object' != typeof g) && (g = new TinychatApp.DAL.SettingsEntity), g
}
saveSettings(g) {
if ('object' == typeof g) {
let h = this.getSettings();
this._set(b, JSON.stringify(g));
let i = this.getSettings();
if (!h.equals(i)) {
let j = new f(i);
this.EventBus.broadcast(f.ID, j)
}
}
}
_set(g, h) {
'undefined' == typeof Storage || (localStorage[g] = h)
}
_get(g, h) {
if ('undefined' == typeof Storage) return h;
var i = localStorage[g];
return void 0 === i && (i = h), i
}
_remove(g) {
localStorage.removeItem(g)
}
}
const d = 'SettingsChangedEvent_' + Math.Guid.newGuid();
class f {
static get ID() {
return d
}
constructor(g) {
return this.settingsEntity = g, this
}
}
window.TinychatApp.BLL.SettingsFeature = c, window.TinychatApp.BLL.SettingsChangedEvent = f
})();
</script>
<script>
(function() {
'use strict';
window.TinychatApp.BLL.SoundPlayer = class {
static playGift(b) {
let c = new Audio(window.rootDir + '/sound/magic.mp3');
c.volume = b, c.play()
}
static playMessage(b) {
let c = new Audio(window.rootDir + '/sound/pop.mp3');
c.volume = b, c.play()
}
}
})();
</script>
<script>
(function() {
"use strict";
class a {
static get STYPE_FREE() {
return 0
}
static get STYPE_PRO() {
return 10
}
static get STYPE_EXTREME() {
return 20
}
static get STYPE_GOLD() {
return 30
}
static isSubscription(b) {
return b > a.STYPE_FREE
}
static isSubPro(b) {
return b >= a.STYPE_PRO && b < a.STYPE_EXTREME
}
static isSubExtreme(b) {
return b >= a.STYPE_EXTREME && b < a.STYPE_GOLD
}
static isSubGold(b) {
return b >= a.STYPE_GOLD
}
static isSubHighest(b) {
return a.isSubGold(b)
}
static canUseFilters(b) {
return b > a.STYPE_FREE
}
static getCssClass(b) {
var c = 0;
b instanceof TinychatApp.DAL.UserEntity && (c = b.subscriptionType), b instanceof TinychatApp.DAL.UserProfileEntity && (c = b.stype);
var d = "";
return a.isSubPro(c) ? d = "pro" : a.isSubExtreme(c) ? d = "extreme" : a.isSubGold(c) && (d = "gold"), d
}
}
window.TinychatApp.BLL.User = a
})();
</script>
<script>
(function() {
"use strict";
class c {
constructor(x) {
this.chatroom = x, this.EventBus = x.app.EventBus, this.items = [], this.bannedItems = [], this.ignored = [], this.firstBanlist = !0
}
get app() {
return this.chatroom.app
}
clear() {
this.items = [], this.bannedItems = [], this.ignored = [], this.firstBanlist = !0
}
start(x) {
this.items = x, this.sorting(this.items);
let y = new e(this.items, this.chatroom);
this.EventBus.broadcast(e.ID, y)
}
joined(x) {
this.items.push(x);
this.sorting(this.items);
let z = new g(this.items.indexOf(x), x, this.chatroom);
this.EventBus.broadcast(g.ID, z)
}
quited(x) {
for (var y in this.items) {
var z = this.items[y];
if (z.handle === x) {
this.items.splice(y, 1);
let A = new j(y, z, this.chatroom);
this.EventBus.broadcast(j.ID, A);
break
}
}
}
updateBroadcasting(x, y) {
this.generateUpdateEvent(x, z => {
z.isBroadcasting = y
})
}
updateNickname(x, y) {
this.generateUpdateEvent(x, z => {
z.nickname = y
})
}
generateUpdateEvent(x, y) {
var z = -1,
A = null,
B = -1,
C = null;
if ((Object.keys(this.items).forEach(E => {
let F = this.items[E];
if (F.handle === x) return z = Number.parseInt(E), A = Object.assign(new TinychatApp.DAL.UserEntity, F), C = F, !0
}), null != A) && (y(C), !Object.equals(A, C))) {
this.sorting(this.items), B = this.items.indexOf(C);
let D = new l(z, A, B, C, this);
this.EventBus.broadcast(l.ID, D)
}
}
sorting(x) {
x.sort((y, z) => {
let A = z.subscriptionType - y.subscriptionType || (z.isOperator ? 1 : 0) - (y.isOperator ? 1 : 0) || (z.isBroadcasting ? 1 : 0) - (y.isBroadcasting ? 1 : 0) || z.giftpoints - y.giftpoints || (z.username.localeCompare("") ? 1 : 0) - (y.username.localeCompare("") ? 1 : 0) || y.nickname.toLowerCase().localeCompare(z.nickname.toLowerCase()) || y.handle - z.handle;
return A
})
}
get(x) {
for (var y in this.items) {
var z = this.items[y];
if (z.handle === x) {
return z
}
}
return null
}
getByNickname(x) {
let y = x.toLowerCase();
for (var z in this.items) {
var A = this.items[z];
if (A.nickname.toLowerCase() === y) {
return A
}
}
return null
}
getItems() {
return this.items
}
getBannedItems() {
return this.bannedItems
}
isBanned() {
return !1
}
banIsAllowed(x) {
return !x.isSelf && !x.isOwner && this.chatroom.isOperator()
}
followIsAllowed(x) {
return !x.isSelf && !x.isGuest
}
ignoreIsAllowed(x) {
return !x.isSelf && !this.isIgnored(x)
}
kickIsAllowed(x) {
return !x.isSelf && !x.isOwner && this.chatroom.isOperator()
}
videoForceCloseAllow(x) {
if (this.chatroom.isOwner()) return !x.isSelf;
return !!this.chatroom.isOperator() && !x.isSelf && !x.isOwner && !x.isOperator
}
changenick(x) {
if (x.handle === this.chatroom.self_handle) {
let y = new TinychatApp.BLL.RoomNicknameChangeEvent("", ModalDialogChangeNickname.MODE_CHANGE);
this.EventBus.broadcast(TinychatApp.BLL.RoomNicknameChangeEvent.ID, y)
}
}
abuse(x) {
this.chatroom.Abuse(x)
}
kick(x) {
this.chatroom.Kick(x)
}
ban(x) {
this.chatroom.Ban(x)
}
videoForceClose(x) {
this.chatroom.VideoForceClose(x)
}
unban(x) {
this.app.showToast("unban " + x.handle)
}
isIgnored(x) {
let y = x.isUsername ? x.username : x.nickname;
return -1 < this.ignored.indexOf(y)
}
ignore(x) {
let y = x.isUsername ? x.username : x.nickname;
this.isIgnored(x) || this.ignored.push(y);
let z = new w(x);
this.EventBus.broadcast(w.ID, z), this.app.showToast(x.username + " ignored successfully")
}
unignore(x) {
let y = x.isUsername ? x.username : x.nickname,
z = this.ignored.indexOf(y); - 1 < z && this.ignored.splice(z, 1);
let A = new w(x);
this.EventBus.broadcast(w.ID, A), this.app.showToast(x.username + " unignored")
}
follow(x) {
if (x.isInsta) return void this.app.showToastWarn("Unfortunately, you can't follow insta-room", 4e3);
if (x.isGuest) return void this.app.showToastWarn("User is not signed in to Tinychat", 4e3);
let y = this;
this.app.Follow(x.username, function(z) {
"success" === z ? y.app.showToast("You are now following " + x.nickname) : "already" === z ? y.app.showToast("You are already following " + x.nickname) : "unregistered" === z ? y.app.showToastWarn("You must be logged into a Tinychat account to initiate follow. Please sign in (sign up) and try again", 4e3) : "unknown " == z && y.app.showToastWarn("User is not signed in to Tinychat", 4e3)
}, function() {})
}
unfollow(x) {
this.app.showToast("unfollow " + x.handle)
}
}
const d = "UserlistUpdateallEvent_" + Math.Guid.newGuid();
class e {
static get ID() {
return d
}
constructor(x, y) {
return this.users = x, this.chatroom = y, this
}
}
const f = "UserlistAddUserEvent_" + Math.Guid.newGuid();
class g {
static get ID() {
return f
}
constructor(x, y, z) {
return this.index = x, this.userentity = y, this.chatroom = z, this
}
}
const h = "UserlistRemoveUserEvent_" + Math.Guid.newGuid();
class j {
static get ID() {
return h
}
constructor(x, y, z) {
return this.index = x, this.userentity = y, this.chatroom = z, this
}
}
const k = "UserlistUpdateUserEvent_" + Math.Guid.newGuid();
class l {
static get ID() {
return k
}
constructor(x, y, z, A, B) {
return this.fromIndex = x, this.fromUserEntity = y, this.toIndex = z, this.toUserEntity = A, this.userlist = B, this
}
}
const m = "BanlistUpdateallEvent_" + Math.Guid.newGuid();
class n {
static get ID() {
return m
}
constructor(x) {
return this.chatroom = x, this
}
}
const o = "BanlistAddUserEvent_" + Math.Guid.newGuid();
class p {
static get ID() {
return o
}
constructor(x, y, z) {
return this.index = x, this.userentity = y, this.chatroom = z, this
}
}
const q = "BanlistRemoveUserEvent_" + Math.Guid.newGuid();
class r {
static get ID() {
return q
}
constructor(x, y, z) {
return this.index = x, this.userentity = y, this.chatroom = z, this
}
}
const t = "BanlistUpdateUserEvent_" + Math.Guid.newGuid();
class u {
static get ID() {
return t
}
constructor(x, y, z, A, B) {
return x, y, z, A, B, this.fromIndex = x, this.fromUserentity = y, this.toUserIndex = z, this.toUserEntity = A, this.chatroom = B, this
}
}
const v = "IgnorelistUpdateUserEvent_" + Math.Guid.newGuid();
class w {
static get ID() {
return v
}
constructor(x) {
return this.userentity = x, this
}
}
window.TinychatApp.BLL.Userlist = c, window.TinychatApp.BLL.UserlistUpdateallEvent = e, window.TinychatApp.BLL.UserlistAddUserEvent = g, window.TinychatApp.BLL.UserlistRemoveUserEvent = j, window.TinychatApp.BLL.UserlistUpdateUserEvent = l, window.TinychatApp.BLL.IgnorelistUpdateUserEvent = w
})();
</script>
<script>
(function() {
"use strict";
class a {
constructor(t) {
this.chatroom = t, this.EventBus = t.app.EventBus, this.items = {}, this.items[a.PUBLIC] = [], this.chatlist = [], this.selectedchat = a.PUBLIC, this.EventBus.subscribe(TinychatApp.BLL.UserlistUpdateUserEvent.ID, u => this.onUserlistUpdate(u)), this.EventBus.subscribe(TinychatApp.BLL.UserlistRemoveUserEvent.ID, u => this.onUserlistRemove(u))
}
static get PUBLIC() {
return -1
}
static get MAX() {
return 999
}
static get MAX_INPUT_LEN() {
return 500
}
get userlist() {
return this.chatroom.userlist
}
get settings() {
return this.chatroom.app.settings
}
SendMessage(t, u) {
u.length > a.MAX_INPUT_LEN && console.warn("Message length is limited by " + a.MAX_INPUT_LEN);
let v = this.chatroom.selfUser();
if (t === a.PUBLIC) return this.public_add_unconfirmed(u, v), this.chatroom.SendMessagePublic(u, v), !0;
if (t instanceof TinychatApp.DAL.UserEntity) {
let w = this.userlist.get(t.handle);
return null == w ? (this.system_add(t.handle, "Message has not delivered. User is offline ..."), !1) : (this.private_add_unconfirmed(u, v, t), this.chatroom.SendMessagePrivate(u, v, t), !0)
}
return !1
}
clear() {
this.items = {}, this.items[a.PUBLIC] = [], this.chatlist = [], this.selectedchat = a.PUBLIC
}
isequal(t, u) {
if (t === a.PUBLIC) return t === u;
return !!(t instanceof TinychatApp.DAL.UserEntity) && t.handle === u
}
gift_add(t) {
t.type = TinychatApp.DAL.ChatLogItemEntity.GIFT, t.chatname = a.PUBLIC;
let u = this.getitems(t.chatname);
this.additem(u, t);
let v = this.settings.getSettings();
v.enableSound && window.TinychatApp.BLL.SoundPlayer.playGift(this.chatroom.volume)
}
system_add(t, u) {
t instanceof TinychatApp.DAL.UserEntity && (t = t.handle);
let v = TinychatApp.DAL.ChatLogItemEntity,
w = new v;
w.type = v.SYSTEM, w.user = null, w.message_text = u, w.chatname = t;
let x = this.getitems(w.chatname);
this.additem(x, w)
}
public_add(t) {
if (null != t.user) {
if (null != t.user && t.user.handle === this.chatroom.self_handle) {
let w = new h(t, t.chatname);
return void this.EventBus.broadcast(h.ID, w)
}
t.chatname = a.PUBLIC;
let u = this.getitems(t.chatname);
this.additem(u, t);
let v = this.settings.getSettings();
v.enableSound && 5 >= this.userlist.items.length && window.TinychatApp.BLL.SoundPlayer.playMessage(this.chatroom.volume)
}
}
public_add_unconfirmed(t, u) {
if (null != u) {
let v = TinychatApp.DAL.ChatLogItemEntity,
w = new v;
w.type = v.PUBLIC, w.user = u, w.message_text = t, w.chatname = a.PUBLIC;
let x = this.getitems(w.chatname);
this.additem(x, w);
let y = this.settings.getSettings();
y.enableSound && 5 >= this.userlist.items.length && window.TinychatApp.BLL.SoundPlayer.playMessage(this.chatroom.volume)
}
}
private_add(t) {
if (null != t.user) {
if (null != t.user && t.user.handle === this.chatroom.self_handle) {
let v = new h(t, t.chatname);
return void this.EventBus.broadcast(h.ID, v)
}
var u = this.settings.isPrivateMessage();
if (u && !this.isopenedprivate(t.user) && this.openprivate(t.user, !0), u) {
let v = this.getitems(t.chatname);
this.additem(v, t);
let w = this.settings.getSettings();
w.enableSound && window.TinychatApp.BLL.SoundPlayer.playMessage(this.chatroom.volume)
}
}
}
private_add_unconfirmed(t, u, v) {
if (null != t && null != u && null != v) {
let w = TinychatApp.DAL.ChatLogItemEntity,
x = new w;
x.type = w.PRIVATE, x.user = u, x.chatname = v.handle, x.message_text = t;
let y = this.getitems(x.chatname);
this.additem(y, x);
let z = this.settings.getSettings();
z.enableSound && window.TinychatApp.BLL.SoundPlayer.playMessage(this.chatroom.volume)
}
}
getitems(t) {
let u = this.items[t];
return void 0 == u && (u = [], this.items[t] = u), u
}
additem(t, u) {
if (t.length >= a.MAX) {
let x = t.shift(),
y = new f(0, x, u.chatname);
this.EventBus.broadcast(f.ID, y)
}
var v = t.push(u) - 1;
let w = new c(v, u, u.chatname);
this.EventBus.broadcast(c.ID, w)
}
onUserlistRemove(t) {
let u = this.getopenedprivate(t.userentity);
if (null != u) {
let v = TinychatApp.DAL.UserEntity;
u.isOffline = !0, this.selectedchat instanceof v && this.selectedchat.handle === u.handle && (this.selectedchat = Object.assign(this.selectedchat, u));
let w = this.chatlist.indexOf(u),
A = new o(w, u, w, u);
this.EventBus.broadcast(o.ID, A)
}
}
onUserlistUpdate(t) {
let u = this.getopenedprivate(t.toUserEntity);
if (null != u) {
let v = this.chatlist.indexOf(u),
x = this.chatlist.indexOf(t.toUserEntity),
y = t.toUserEntity,
z = TinychatApp.DAL.UserEntity;
this.selectedchat instanceof z && this.selectedchat.handle === y.handle && (this.selectedchat = Object.assign(this.selectedchat, y));
let A = new o(v, u, x, y);
this.EventBus.broadcast(o.ID, A)
}
}
selectChat(t) {
this.selectedchat = t;
let u = new q(this.selectedchat, this.getitems(this.selectedchat.handle));
this.EventBus.broadcast(q.ID, u)
}
selectPublic(t) {
this.selectedchat = a.PUBLIC;
let u = new q(this.selectedchat, this.getitems(this.selectedchat));
this.EventBus.broadcast(q.ID, u), t instanceof TinychatApp.DAL.UserEntity && this.closeprivate(t)
}
closeChat(t) {
this.selectPublic(t)
}
chatlist() {
return this.chatlist
}
openprivate(t, u) {
let v = this.isopenedprivate(t);
if (v || this.chatlist.push(t), void 0 == u && this.selectChat(t), !v) {
let w = new k(this.chatlist.indexOf(t), t, this.chatroom);
this.EventBus.broadcast(k.ID, w)
}
}
closeprivate(t) {
for (var u in this.chatlist) {
var v = this.chatlist[u];
if (v.handle === t.handle) {
this.chatlist.splice(u, 1);
let w = new m(u, v, this.chatroom);
this.EventBus.broadcast(m.ID, w);
break
}
}
}
getopenedprivate(t) {
var u = null;
for (var v in this.chatlist) {
var w = this.chatlist[v];
if (w.handle === t.handle) {
u = w;
break
}
}
return u
}
isopenedprivate(t) {
var u = !1;
for (var v in this.chatlist) {
var w = this.chatlist[v];
if (w.handle === t.handle) {
u = !0;
break
}
}
return u
}
}
const b = "ChatlogItemAddedEvent_" + Math.Guid.newGuid();
class c {
static get ID() {
return b
}
constructor(t, u, v) {
return this.index = t, this.chatentity = u, this.chatname = v, this
}
}
const d = "ChatlogItemRemovedEvent_" + Math.Guid.newGuid();
class f {
static get ID() {
return d
}
constructor(t, u, v) {
return this.index = t, this.chatentity = u, this.chatname = v, this
}
}
const g = "ChatlogItemSentEvent_" + Math.Guid.newGuid();
class h {
static get ID() {
return g
}
constructor(t, u) {
return this.chatentity = t, this.chatname = u, this
}
}
const j = "ChatlistAddEvent_" + Math.Guid.newGuid();
class k {
static get ID() {
return j
}
constructor(t, u, v) {
return this.index = t, this.userentity = u, this.chatroom = v, this
}
}
const l = "ChatlistRemoveEvent_" + Math.Guid.newGuid();
class m {
static get ID() {
return l
}
constructor(t, u, v) {
return this.index = t, this.userentity = u, this.chatroom = v, this
}
}
const n = "ChatlistUpdateEvent_" + Math.Guid.newGuid();
class o {
static get ID() {
return n
}
constructor(t, u, v, w) {
return this.fromIndex = t, this.fromUserEntity = u, this.toIndex = v, this.toUserEntity = w, this
}
}
const p = "ChatlistSelectedEvent_" + Math.Guid.newGuid();
class q {
static get ID() {
return p
}
constructor(t, u) {
return this.userentity = t, this.chatitems = u, this
}
}
const r = "ChatlistUIUpdateEvent_" + Math.Guid.newGuid();
class s {
static get ID() {
return r
}
constructor() {
return this
}
}
window.TinychatApp.BLL.Chatlog = a, window.TinychatApp.BLL.ChatlogItemAddedEvent = c, window.TinychatApp.BLL.ChatlogItemRemovedEvent = f, window.TinychatApp.BLL.ChatlogItemSentEvent = h, window.TinychatApp.BLL.ChatlistAddEvent = k, window.TinychatApp.BLL.ChatlistRemoveEvent = m, window.TinychatApp.BLL.ChatlistUpdateEvent = o, window.TinychatApp.BLL.ChatlistSelectedEvent = q, window.TinychatApp.BLL.ChatlistUIUpdateEvent = s
})();
</script>
<script>
(function() {
'use strict';
class d {
constructor(p, q, r) {
this.videolist = p, this.userentity = q, this.mediastream = r, this.progress = !1, this.large = !1, this.hidden = !1, this.mute = !1, this.volume = 1, this.audiolevel = 0, this.featured = !1;
try {
let s = this,
t = r.getAudioTracks();
if (!Array.isArray(t) || 1 > t.length) return;
this.soundMeter = new SoundMeter(this.videolist.audioContext), this.soundMeter.connectToSource(this.mediastream, u => {
return u ? void console.warn(u) : void(s.soundMeterTimer = setInterval(function() {
let w = s.audiolevel;
if (s.audiolevel = Math.ceil(10 * s.soundMeter.instant.toFixed(2)), 10 < s.audiolevel && (s.audiolevel = 10), w != s.audiolevel) {
let x = s.videolist.getitems().indexOf(s);
if (-1 < x) {
let y = new k(g.Update, s, x);
s.videolist.EventBus.broadcast(k.ID, y)
}
}
}, 200))
})
} catch (s) {
console.warn('Web Audio API not supported.', s)
}
}
Dispose() {
this.soundMeter && this.soundMeter.stop(), this.soundMeterTimer && clearInterval(this.soundMeterTimer)
}
get userlist() {
return this.videolist.chatroom.userlist
}
get handle() {
return this.userentity.handle
}
get nickname() {
return this.userentity.nickname
}
get muted() {
return this.mute || this.userentity.isSelf
}
get achivementUrl() {
return this.userentity.achivementUrl || ''
}
get videoForceCloseAllow() {
return this.videolist.chatroom.userlist.videoForceCloseAllow(this.userentity)
}
get ignoreAllow() {
return this.videolist.chatroom.userlist.ignoreIsAllowed(this.userentity)
}
get unignoreAllow() {
return this.videolist.chatroom.userlist.isIgnored(this.userentity)
}
get followAllow() {
return this.videolist.chatroom.userlist.followIsAllowed(this.userentity)
}
get openprivateAllow() {
return !this.userentity.isSelf && !this.videolist.chatroom.selfUser().isGuest
}
get profileAllow() {
return !0
}
get abuseAllow() {
return !this.userentity.isSelf
}
get banAllow() {
return this.userlist.banIsAllowed(this.userentity)
}
get kickAllow() {
return this.userlist.kickIsAllowed(this.userentity)
}
get filtersAllow() {
return this.userentity.isSelf
}
get giveagiftAllow() {
return !this.userentity.isSelf
}
get upgradeAllow() {
return this.userentity.isSelf
}
get volumeControlAllow() {
return !this.userentity.isSelf
}
}
const g = {
Add: 'Add',
AddWaiting: 'AddWaiting',
AddPending: 'AddPending',
AddModeration: 'AddModeration',
Remove: 'Remove',
RemovePendingWaiting: 'RemovePendingWaiting',
RemoveModeration: 'RemoveModeration',
Update: 'Update',
UpdateModeration: 'UpdateModeration'
},
h = 'VideolistEvent_' + Math.Guid.newGuid();
class k {
static get ID() {
return h
}
constructor(p, q, r) {
return this.action = p, this.videolistitem = q, this.index = r, this
}
}
const l = 'VideolistClear_' + Math.Guid.newGuid();
class m {
static get ID() {
return l
}
constructor(p) {
return this.chatroom = p, this
}
}
const n = 'VideolistAcceptedEvent_' + Math.Guid.newGuid();
class o {
static get ID() {
return n
}
constructor(p, q) {
return this.userId = p, this.chatroom = q, this
}
}
window.TinychatApp.BLL.Videolist = class {
constructor(p) {
this.chatroom = p, this.EventBus = p.app.EventBus, this.items = [], this.moderationitems = [], this.selfItem, this.audioContext = new AudioContext, this.EventBus.subscribe(TinychatApp.BLL.UserlistRemoveUserEvent.ID, q => this.onUserlistRemoved(q)), this.EventBus.subscribe(TinychatApp.BLL.UserlistUpdateUserEvent.ID, q => this.onUserlistUpdate(q))
}
getitems() {
return this.items
}
getModerationItems() {
return this.moderationitems
}
count() {
return this.items.length
}
clear() {
this.items = [], this.EventBus.broadcast(m.ID, new m(this.chatroom))
}
switchPTT(p) {
let q = this._getSelfMediaStream();
null != q && this._muteMediaStream(q, !p)
}
setVolume(p, q) {
q == void 0 ? (this.chatroom.volume = p, Object.keys(this.items).forEach(r => {
let s = this.items[r];
this._volMediaStream(s.mediastream, p)
})) : this._volMediaStream(q.mediastream, p)
}
toggleFeatured(p) {
let q = this.items.indexOf(p);
if (!(0 > q)) {
p.featured = !p.featured;
let r = new k(g.Update, p, q);
this.EventBus.broadcast(k.ID, r)
}
}
toggleSizeVW2Normal(p) {
Object.keys(this.items).forEach(q => {
let r = this.items[q];
if (r.large && (p == void 0 || r.userentity.handle != p.handle)) {
r.large = !1;
let s = new k(g.Update, r, q);
this.EventBus.broadcast(k.ID, s)
}
})
}
toggleSizeVW(p) {
p.large = !p.large, p.large && this.toggleSizeVW2Normal(p);
let q = this.items.indexOf(p);
if (0 <= q) {
let r = new k(g.Update, p, q);
this.EventBus.broadcast(k.ID, r)
}
}
toggleHiddenVW(p) {
let q = this.items.indexOf(p);
if (!(0 > q)) {
p.hidden = !p.hidden, this._pauseMediaStream(p.mediastream, p.hidden), p.hidden || this._muteMediaStream(p.mediastream, p.mute);
let r = new k(g.Update, p, q);
this.EventBus.broadcast(k.ID, r)
}
}
toggleMuteVW(p) {
let q = this.items.indexOf(p);
if (!(0 > q)) {
p.mute = !p.mute, p.hidden || this.switchMute(p.mute, p);
let r = new k(g.Update, p, q);
this.EventBus.broadcast(k.ID, r)
}
}
switchMicMute(p) {
this.chatroom.micmuted = void 0 == p ? !this.chatroom.micmuted : p;
let q = this._getSelfMediaStream();
return null != q && this._muteMediaStream(q, this.chatroom.micmuted), this.chatroom.micmuted
}
switchMute(p, q) {
let r = (s, t) => {
this._muteMediaStream(s.mediastream, s.mute);
let u = new k(g.Update, s, t);
this.EventBus.broadcast(k.ID, u)
};
if (void 0 == q) return this.chatroom.mute = void 0 == p ? !this.chatroom.mute : p, Object.keys(this.items).forEach(s => {
let t = this.items[s];
t.mute != this.chatroom.mute && t.userentity.handle != this.chatroom.self_handle && (t.mute = this.chatroom.mute, r(t, s))
}), this.chatroom.mute;
let s = q,
t = this.items.indexOf(s);
s.mute = p, r(s, t)
}
CanMakeLargeVideo() {
let p = this.chatroom.selfUser().subscriptionType,
q = chatroom.app.IsLoggedIn() && TinychatApp.BLL.User.isSubscription(p);
return q
}
AddingVideoSelf() {}
RemovingVideoSelf(p) {
if (this.chatroom.self_handle == p) {
this.selfItem = null;
let q = new k(g.RemovePendingWaiting, this.selfItem, 0);
this.EventBus.broadcast(k.ID, q)
}
}
AddVideoSelf(p, q) {
let r = this.chatroom.userlist.get(p),
s = new d(this, r, q);
(this.chatroom.roomSettings.pushtotalk || this.chatroom.micmuted) && this._muteMediaStream(s.mediastream, !0), this._volMediaStream(s.mediastream, this.chatroom.volume), this.selfItem = s
}
PublishedVideoSelf() {
this.items.push(this.selfItem);
let p = new k(g.Add, this.selfItem, this.items.indexOf(this.selfItem));
this.EventBus.broadcast(k.ID, p), this.selfItem = null
}
PendingModerationVideoSelf() {
let p = new k(g.AddPending, this.selfItem, 0);
this.EventBus.broadcast(k.ID, p)
}
WaitingSlotVideoSelf() {
let p = new k(g.AddWaiting, this.selfItem, 0);
this.EventBus.broadcast(k.ID, p)
}
RemoveVideoSelf(p) {
this.RemovingVideoSelf(p), this.RemoveVideoRemote(p)
}
AcceptedSelfVideoByModerator(p) {
this.EventBus.broadcast(VideoModeratorAcceptedEvent.ID, new VideoModeratorAcceptedEvent(p, this.chatroom))
}
AddVideoRemote(p, q) {
let r = this.chatroom.userlist.get(p),
s = new d(this, r, q);
if (this._muteMediaStream(s.mediastream, this.chatroom.mute), this._volMediaStream(s.mediastream, this.chatroom.volume), r.needToUpprove) {
this.moderationitems.push(s);
let t = new k(g.AddModeration, s, this.moderationitems.indexOf(s));
this.EventBus.broadcast(k.ID, t)
} else {
this.items.push(s);
let t = new k(g.Add, s, this.items.indexOf(s));
this.EventBus.broadcast(k.ID, t)
}
}
onUserlistRemoved(p) {
this.RemoveVideoRemote(p.userentity.handle)
}
onUserlistUpdate(p) {
let q = this.items.find(r => {
return !(r.userentity.handle !== p.toUserEntity.handle)
});
if (q instanceof d) {
q.userentity = p.toUserEntity;
let r = this.items.indexOf(q),
s = new k(g.Update, q, r);
this.EventBus.broadcast(k.ID, s)
}
}
RemoveVideoRemote(p) {
let q = null,
r = -1;
if (Object.keys(this.items).forEach(s => {
let t = this.items[s];
if (t.userentity.handle === p) return q = t, r = Number.parseInt(s), !0
}), null != q) {
this.items.splice(r, 1), q.Dispose();
let s = new k(g.Remove, q, r);
this.EventBus.broadcast(k.ID, s)
} else {
let s = null,
t = -1;
if (Object.keys(this.moderationitems).forEach(u => {
let w = this.moderationitems[u];
if (w.userentity.handle === p) return s = w, t = Number.parseInt(u), !0
}), null != s) {
this.moderationitems.splice(t, 1), s.Dispose();
let u = new k(g.RemoveModeration, s, t);
this.EventBus.broadcast(k.ID, u)
}
}
}
_muteMediaStream(p, q) {
let r = p.getAudioTracks();
!Array.isArray(r) || 1 > r.length || Object.keys(r).forEach(s => {
r[s].enabled = !q
})
}
_pauseMediaStream(p, q) {
let r = p.getAudioTracks();
if (Array.isArray(r) && !(1 > r.length)) {
Object.keys(r).forEach(t => {
r[t].enabled = !q
});
let s = p.getVideoTracks();
!Array.isArray(s) || 1 > s.length || Object.keys(s).forEach(t => {
s[t].enabled = !q
})
}
}
_volMediaStream(p, q) {
let r = p.getAudioTracks();
!Array.isArray(r) || 1 > r.length || Object.keys(r).forEach(s => {
r[s].volume = q, console.log(r[s].kind + ' - ' + r[s].readyState + ', remote:' + r[s].remote + ' - ' + r[s].id + ' -> vol: ' + r[s].volume)
})
}
_getSelfMediaStream() {
let p = this.items.find(q => {
return !(q.userentity.handle != this.chatroom.self_handle)
});
return p ? p.mediastream : null
}
}, window.TinychatApp.BLL.VideolistItem = d, window.TinychatApp.BLL.VideolistAction = g, window.TinychatApp.BLL.VideolistEvent = k, window.TinychatApp.BLL.VideolistClear = m, window.TinychatApp.BLL.VideolistAcceptedEvent = o
})();
</script>
<script>
(function() {
"use strict";
const e = window.TinychatApp.BLL.PacketWorker;
class t {
static get url_tc_server() {
return "wss://wss.tinychat.com:443"
}
constructor(E, T, B, R) {
this.app = E, this.tc_token = T, this.roomname = B, this.nickname = R, this.EventBus = E.EventBus, this.roomSettings = null, this._enterroomresult = null, this._userlist = null, this._chatlog = null, this._videolist = null, this.reqid = 0, this.wsHandle = null, this.queue = {}, this.mediaConnections = {
local: null,
remote: {}
}, this.mediaStream = null, this.mediaStreamVideo = null, this.mediaStreamCanvas = null, this.mediaStreamFilter = window.TinychatApp.BLL.VideoFilters.getAll[0].name, this.mediaStreamOrigin = null, this.mediaLastState = null, this.mediaLastConstraints = null;
let I = this;
this.EventBus.subscribe(TinychatApp.BLL.BroadcastProgressEvent.ID, function(A) {
I.mediaLastState = A.stage
}), this.banlist = null, this.youtubelist = [], this.youtubelist_random = !1, this.youtubelist_repeat = !1, this.fullscreen = !1, this.mute = !1, this.volume = 1, this.micmuted = !1, this.packetWorker = new e(this), this.wsReset()
}
wsReset() {
for (var E in null != this.mediaStream && this.mediaStream.stop(), null != this.mediaConnections.local && this.mediaConnections.local.Close(), this.mediaConnections.remote) {
var T = this.mediaConnections.remote[E];
T.Close()
}
this.roomSettings = new TinychatApp.DAL.RoomSettingsEntity, this._enterroomresult = null, null != this._userlist && this.userlist.clear(), null != this._videolist && this._videolist.clear(), this.mediaConnections = {
local: null,
remote: {}
}, this.streamReset(), this.fullscreen = !1, this.mute = !1, this.packetWorker.reset()
}
streamReset() {
null != this.mediaStream && this.mediaStream.stop(), this.mediaStream = null, this.mediaStreamCanvas = null, this.mediaStreamVideo = null, null != this.mediaStreamOrigin && this.mediaStreamOrigin.stop(), this.mediaStreamOrigin = null
}
get settings() {
return this.app.settings
}
get enterroomresult() {
return null == this._enterroomresult && (this._enterroomresult = new TinychatApp.DAL.EnterRoomResultEntity), this._enterroomresult
}
get userlist() {
return null == this._userlist && (this._userlist = new TinychatApp.BLL.Userlist(this)), this._userlist
}
get chatlog() {
return null == this._chatlog && (this._chatlog = new TinychatApp.BLL.Chatlog(this)), this._chatlog
}
get videolist() {
return null == this._videolist && (this._videolist = new TinychatApp.BLL.Videolist(this)), this._videolist
}
get _tracker() {
return TinychatApp.BLL.Tracker.getInstance()
}
get _router() {
return TinychatApp.BLL.Router.getInstance()
}
get _api() {
return WebAPI.getInstance()
}
get _cookie() {
return CookieUtils
}
get self_handle() {
let E = this.enterroomresult;
return null == E || null == E.selfuser ? -1 : E.selfuser.handle
}
get url() {
return TinychatApp.url + "/" + this.chatroomName()
}
get id__miconly() {
return "__miconly"
}
getRoomAvatarUrl() {
return this.app.GetAvatarUrl(this.chatroomName())
}
selfUser() {
return this.enterroomresult.selfuser
}
chatroomName() {
let E = TinychatApp.DAL.RoomSettingsEntity,
T = this.roomSettings instanceof E && this.roomSettings.name.isNotEmpty() ? this.roomSettings.name : this.roomname;
return T
}
updateSelfUser(E) {
E.isSelf = !0, this.enterroomresult.selfuser = E
}
updateRoomSettings(E) {
this.roomSettings = E;
let T = new o(this.roomSettings);
this.EventBus.broadcast(o.ID, T)
}
isLurker() {
return null != this.enterroomresult.selfuser && this.enterroomresult.selfuser.isLurker
}
isOperator() {
return null != this.enterroomresult.selfuser && this.enterroomresult.selfuser.isOperator
}
isOwner() {
return null != this.enterroomresult.selfuser && this.enterroomresult.selfuser.isOwner
}
gotoGift(E) {
this.app.GiveAGift(E.username)
}
gotoLiveDirectory() {
this.app.LiveDirectory()
}
Reconnect() {
clearInterval(this.reconnect_timer), null != this.wsHandle && this.wsReset(), this.Connect(!0)
}
Connect(E) {
let T = this;
this.app.isDebug() ? this.packetWorker.connect(E) : (console.log("Chatroom.Connecting: reinvoke tc token ..."), this._api.wsj({
src: TinychatApp.url_api_room_token(T.chatroomName())
}).then(B => {
T.tc_token = B.result, T.packetWorker.connect(E)
}).catch(B => {
console.error(B), T.app.showToastWarn("Some unknown server error occurred"), T.packetWorker.connect(E)
}))
}
ConnectSolveCaptcha(E) {
this.packetWorker.send(this.tcPkt_ConnectCaptcha(E, this.onRoomConnectCallback))
}
ConnectSolveSkip() {
this.packetWorker.send(this.tcPkt_ConnectCaptcha("", this.onRoomConnectCallback))
}
ConnectSolveTimeout() {
this.packetWorker.send(this.tcPkt_ConnectCaptcha("", this.onRoomConnectCallback))
}
ConnectPassword(E) {
this.packetWorker.send(this.tcPkt_ConnectPassword(E, this.onRoomConnectCallback))
}
NicknameChange(E, T) {
this.packetWorker.send(this.tcPkt_NickChange(E, this.onNicknameChanged)), T && this.app.settings.changeNickname(E)
}
NicknameIsValid(E) {
return this.app.IsValidNickname(E)
}
NicknameIsInUseFast(E) {
if ("string" != typeof E || E.isEmpty()) return !1;
let T = this.userlist.getByNickname(E);
return null != T
}
BroadcastSwitch(E) {
E ? this.BroadcastStop() : this.BroadcastStart()
}
IsLastCam(E, T) {
let B = !0;
for (let R in E) {
let I = E[R];
"videoinput" === I.kind && (B = I.deviceId === T.deviceId)
}
return B
}
BroadcastStart(E) {
let T = this,
B = this.settings,
R = this.settings.getSettings();
if (null === R.video) return void this.app.MediaSettings(() => this.BroadcastStart());
this.videolist.AddingVideoSelf(this.self_handle);
var I = {};
if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) I.audio = !0, I.video = {
width: 320,
height: 240
};
else {
let A = !1;
navigator.mediaDevices.enumerateDevices().then(W => {
let D = !1;
for (let U in W) {
let G = W[U];
"videoinput" === G.kind && (console.log(G), I.video === void 0 && (I.video = {
width: 320,
height: 240,
frameRate: {
ideal: 15,
max: 30
}
}), D && (R.video = G, D = !1, this.settings.saveSettings(R), A = T.IsLastCam(W, G)), null === R.video && (R.video = G, this.settings.saveSettings(R)), null != R.video && "object" == typeof R.video && R.video.deviceId == G.deviceId && R.video.deviceId !== E ? I.video.deviceId = {
exact: R.video.deviceId
} : R.video.deviceId === E && (D = !0)), "audioinput" === G.kind && (console.log(G), I.audio === void 0 && (I.audio = {}), null != R.audio && "object" == typeof R.audio && R.audio.deviceId == G.deviceId && (I.audio.deviceId = {
exact: R.audio.deviceId
}))
}
null != I.video && null != R.video && R.video.deviceId == T.id__miconly && delete I.video;
let M = navigator.mediaDevices.getSupportedConstraints();
for (let U in M) M.hasOwnProperty(U) && "echoCancellation" == U && I.audio && (I.audio[U] = B.isAcousticEchoCancelation());
if (!(I.audio || I.video)) T.onMediaFailedCallback(new Error("No media devices to start broadcast."));
else if ("https:" === location.protocol || this.app.isDebug()) {
console.log("Broadcast: Media ...");
let U = new y(y.MEDIA_START);
this.EventBus.broadcast(y.ID, U), console.log(I), T.mediaLastConstraints = I, navigator.mediaDevices.getUserMedia(I).then(G => {
T.onMediaSuccessCallback(G)
}).catch(G => {
A ? T.onMediaFailedCallback(G) : this.BroadcastStart(I.video.deviceId.exact)
})
} else T.onMediaFailedCallback(new Error("Use https:// protocol for safe open media devices."))
}).catch(W => {
console.log(W)
})
}
}
BroadcastStop() {
console.log("Broadcast: Media ... stop");
let E = new y(y.MEDIA_STOPING);
this.EventBus.broadcast(y.ID, E);
let T = this.tcPkt_StreamClose(this.self_handle, this.onStreamClosed);
this.packetWorker.send(T)
}
Youtube(E) {
let T = this.tcPkt_Youtube(E.cmd, E);
this.packetWorker.send(T)
}
YoutubePlaylistLoad(E) {
let T = this,
B = this.tcPkt_YoutubePlaylist(R => {
T.onYoutubePlaylist(R), E && E()
});
this.packetWorker.send(B)
}
YoutubePlaylistMode(E, T, B) {
let R = this,
I = this.tcPkt_YoutubePlaylistMode(E, T, A => {
let W = A.success,
D = A.reason;
!0 === W && B && B()
});
this.packetWorker.send(I)
}
YoutubePlaylistAdd(E, T) {
let B = this,
R = this.tcPkt_YoutubePlaylistAdd(E, I => {
let A = I.success,
W = I.reason;
!0 === A && T && T()
});
this.packetWorker.send(R)
}
YoutubePlaylistRemove(E, T) {
let B = this,
R = this.tcPkt_YoutubePlaylistRemove(E, I => {
let A = I.success,
W = I.reason;
!0 === A && T && T()
});
this.packetWorker.send(R)
}
YoutubePlaylistClear(E) {
let T = this,
B = this.tcPkt_YoutubePlaylistClear(R => {
let I = R.success,
A = R.reason;
!0 === I && E && E()
});
this.packetWorker.send(B)
}
SendMessagePublic(E) {
this.packetWorker.send(this.tcPkt_Msg(E, this.onSendMessagePublicCallback))
}
SendMessagePrivate(E, T, B) {
this.packetWorker.send(this.tcPkt_Msg_Private(E, B.handle, this.onSendMessagePrivateCallback))
}
Kick(E) {
this.packetWorker.send(this.tcPkt_Kick(E.handle))
}
Abuse(E) {
this.app.showToast("[" + E.nickname + "] was reported"), this.packetWorker.send(this.tcPkt_Abuse(E.handle))
}
Ban(E) {
this.app.showToast("[" + E.nickname + "] has been banned"), this.packetWorker.send(this.tcPkt_Ban(E.handle, this.onBanCallback))
}
Unban(E) {
this.packetWorker.send(this.tcPkt_Unban(E.id, this.onUnbanCallback))
}
Banlist(E) {
let T = this;
this.packetWorker.send(this.tcPkt_Banlist(B => {
T.onBanlistCallback(B), E(Array.isArray(T.banlist) ? T.banlist : [])
}))
}
VideoForceClose(E) {
this.packetWorker.send(this.tcPkt_VideoForceClose(E.handle, this.onVideoForceCloseCallback))
}
VideoAllow(E) {
this.packetWorker.send(this.tcPkt_VideoAllow(E.handle))
}
switchFullscreen(E) {
return this.fullscreen = void 0 == E ? !this.fullscreen : E, this.fullscreen
}
takeSnapshot() {
return !0
}
tcPkt_Connect(E) {
var T = this.packetWorker.wsCreatePacket("join", E);
return T.useragent = this.app.useragent, T.token = this.tc_token, T.room = this.roomname, T.nick = this.nickname, T
}
tcPkt_Pong() {
var E = this.packetWorker.wsCreatePacket("pong");
return E
}
tcPkt_GetICE(E) {
var T = this.packetWorker.wsCreatePacket("getice", E);
return T
}
tcPkt_Trickle(E, T) {
var B = this.packetWorker.wsCreatePacket("trickle");
return B.handle = E, B.candidate = T, B
}
tcPkt_SDP(E, T, B, R) {
var I = this.packetWorker.wsCreatePacket("sdp", R);
return I.type = E, I.sdp = T, I.handle = B, I
}
tcPkt_Subscribe(E, T) {
var B = this.packetWorker.wsCreatePacket("subscribe", T);
return B.handle = E, B
}
tcPkt_Msg(E, T) {
var B = this.packetWorker.wsCreatePacket("msg", T);
return B.text = this.tcPktPrepareText(E), B
}
tcPkt_Msg_Private(E, T, B) {
var R = this.packetWorker.wsCreatePacket("pvtmsg", B);
return R.text = this.tcPktPrepareText(E), R.handle = T, R
}
tcPkt_Kick(E, T) {
var B = this.packetWorker.wsCreatePacket("kick", T);
return B.handle = E, B
}
tcPkt_Ban(E, T) {
var B = this.packetWorker.wsCreatePacket("ban", T);
return B.handle = E, B
}
tcPkt_Unban(E, T) {
var B = this.packetWorker.wsCreatePacket("unban", T);
return B.id = E, B
}
tcPkt_Banlist(E) {
var T = this.packetWorker.wsCreatePacket("banlist", E);
return T
}
tcPkt_VideoForceClose(E, T) {
var B = this.packetWorker.wsCreatePacket("stream_moder_close", T);
return B.handle = E, B
}
tcPkt_VideoAllow(E) {
var T = this.packetWorker.wsCreatePacket("stream_moder_allow");
return T.handle = E, T
}
tcPkt_Youtube(E, T, B) {
var R = this.packetWorker.wsCreatePacket(E, B);
return R.item = {
id: T.id,
duration: T.duration,
offset: T.offset
}, void 0 !== T.title && (R.item.title = T.title), !0 === T.seekByUser && (R.item.seek = !0), R.item.playlist = T.playlist, R
}
tcPkt_YoutubePlaylist(E) {
var T = this.packetWorker.wsCreatePacket("yut_playlist", E);
return T
}
tcPkt_YoutubePlaylistMode(E, T, B) {
var R = this.packetWorker.wsCreatePacket("yut_playlist_mode", B);
return R.mode = {
random: E,
repeat: T
}, R
}
tcPkt_YoutubePlaylistAdd(E, T) {
var B = this.packetWorker.wsCreatePacket("yut_playlist_add", T);
return B.item = {
id: E.id,
duration: E.duration,
title: E.title,
image: E.imgurl
}, B
}
tcPkt_YoutubePlaylistRemove(E, T) {
var B = this.packetWorker.wsCreatePacket("yut_playlist_remove", T);
return B.item = {
id: E.id,
duration: E.duration,
title: E.title,
image: E.imgurl
}, B
}
tcPkt_YoutubePlaylistClear(E) {
var T = this.packetWorker.wsCreatePacket("yut_playlist_clear", E);
return T
}
tcPkt_Abuse(E, T) {
var B = this.packetWorker.wsCreatePacket("abuse", T);
return B.handle = E, B
}
tcPkt_ConnectCaptcha(E, T) {
var B = this.packetWorker.wsCreatePacket("captcha", T);
return B.token = E, B
}
tcPkt_ConnectPassword(E, T) {
var B = this.packetWorker.wsCreatePacket("password", T);
return B.password = E, B
}
tcPkt_NickChange(E, T) {
var B = this.packetWorker.wsCreatePacket("nick", T);
return B.nick = E, B
}
tcPkt_StreamClose(E, T) {
var B = this.packetWorker.wsCreatePacket("stream_close", T);
return B.handle = E, B
}
tcPktPrepareText(E) {
return E
}
tcPkt_UserParse(E) {
let T = new TinychatApp.DAL.UserEntity;
return T.path = E.handle || 0, T.nickname = E.nick || "", T.username = E.username || "", T.subscriptionType = E.subscription || 0, T.avatarUrl = E.avatar || "", T.giftpoints = E.giftpoints || 0, T.achivementUrl = E.achievement_url || "", T.isLurker = E.lurker || !1, T.isOwner = E.owner || !1, T.isOperator = E.mod || !1, T.isFeatured = E.featured || !1, T
}
tcPkt_RoomSettingsParse(E) {
let T = new TinychatApp.DAL.RoomSettingsEntity;
T.type = E.type || "", T.name = E.name || "", T.topic = E.topic || "", T.subtype = E.subscription || 0, T.giftpoints = E.giftpoints || 0, T.pushtotalk = "boolean" == typeof E.pushtotalk ? E.pushtotalk : E.pushtotalk || !1;
let B = E.recent_gifts,
R = [];
return Array.isArray(B) && Object.keys(B).forEach(I => {
let A = new TinychatApp.DAL.GiftEntity;
A.giftUrl = B[I], R.push(A)
}), T.recent_gifts = R, T.biography = E.biography || "", T.location = E.location || "", T.website = E.website || "", T.avatar = E.avatar || "", T
}
tcPkt_MsgParse(E) {
var T = new TinychatApp.DAL.ChatLogItemEntity;
T.message_text = E.text || "";
let B = E.handle || 0;
return T.user = this.userlist.get(B), T
}
tcPkt_GiftParse(E) {
var T = new TinychatApp.DAL.GiftEntity;
let B = E.gift,
R = B.anon;
if (T.giftComment = B.comment, T.giftExt = B.extensions, T.giftName = B.name, T.giftStore = B.store_url, T.giftUrl = B.url, !R) {
let A = E.from;
T.fromUsername = A.name, T.fromUrl = A.url
} else T.fromUsername = "", T.fromUrl = "";
let I = E.to;
return T.toUsername = I.name, T.toUrl = I.url, T
}
tcPkt_BanlistItemParse(E) {
var T = new TinychatApp.DAL.BanlistItemEntity;
return T.id = E.id || "", T.username = E.username || "", T.nickname = E.nick || "", T.reason = E.reason || "", T.moderator = E.moderator || "", T
}
tcPkt_TcCallbackCheck(E, T) {
return !(E.tc !== T) || (console.error("Unexpected pkt: " + JSON.stringify(E)), console.error("Protocol Callback error:" + T + " ~ " + E.tc), !1)
}
_stopRemoteMediaConnection(E) {
this.mediaConnections.remote[E] !== void 0 && (this.mediaConnections.remote[E].Close(), delete this.mediaConnections.remote[E])
}
onPing() {
this.packetWorker.send(this.tcPkt_Pong())
}
onRoomUserlist(E) {
var T = E.users,
B = [];
for (var R in T) {
let I = T[R],
A = this.tcPkt_UserParse(I);
A.handle == this.self_handle && (A.isSelf = !0), B.push(A)
}
this.userlist.start(B)
}
onRoomUserJoin(E) {
var T = this.tcPkt_UserParse(E);
T.handle == this.self_handle && (T.isSelf = !0), this.userlist.joined(T)
}
onRoomSettings(E) {
if (this.tcPkt_TcCallbackCheck(E, "room_settings")) {
var T = this.tcPkt_RoomSettingsParse(E.room);
this.updateRoomSettings(T)
}
}
onRoomUserQuit(E) {
let T = E.handle;
this._stopRemoteMediaConnection(T), this.userlist.quited(T)
}
onRoomPublish(E) {
let T = E.handle;
if (this.userlist.updateBroadcasting(T, !0), T === this.self_handle) return void this.videolist.PublishedVideoSelf();
let B = this.tcPkt_Subscribe(T, this.onRemoteConnectionReadyCallback);
this.packetWorker.send(B)
}
onRoomPublishReconnect(E) {
if (E !== this.self_handle) {
let T = this.userlist.get(E);
if (null !== T && (T.isBroadcasting || T.needToUpprove)) {
let B = this.tcPkt_Subscribe(E, this.onRemoteConnectionReadyCallback);
this.packetWorker.send(B)
}
}
}
onRoomUnPublish(E) {
let T = E.handle;
this._stopRemoteMediaConnection(T), this.userlist.updateBroadcasting(T, !1)
}
onStreamConnected(E) {
!this.tcPkt_TcCallbackCheck(E, "stream_connected")
}
onPendingModeration(E) {
let T = E.handle;
if (T === this.self_handle) return void this.videolist.PendingModerationVideoSelf();
const B = this.userlist.get(T);
B.needToUpprove = !0;
var R = this.tcPkt_Subscribe(T, this.onRemoteConnectionReadyCallback);
this.packetWorker.send(R)
}
onWaitingSlot(E) {
let T = E.handle;
T === this.self_handle && this.videolist.WaitingSlotVideoSelf()
}
onStreamClosed(E) {
if (this.tcPkt_TcCallbackCheck(E, "stream_closed")) {
let T = E.publish,
B = E.handle;
this.self_handle == B ? (this._selfMediaStreamStop(B, "Broadcast closed due server request"), void 0 !== E.reason && null !== E.reason && this._selfShowReason(E.reason)) : (this._stopRemoteMediaConnection(B), this.onRoomPublishReconnect(B))
}
}
onStreamModerAllow(E) {
if (this.tcPkt_TcCallbackCheck(E, "stream_moder_allow")) {
let T = E.handle,
B = E.allowed_by;
this._stopRemoteMediaConnection(T);
let R = this.userlist.get(T),
I = this.userlist.get(B);
R.needToUpprove = !1, null !== I && this.app.showToast(`[${R.nickname}]'s broadcast allowed by [${I.nickname}]`)
}
}
_selfMediaStreamStop(E, T) {
if (null != this.mediaConnections.local) {
if (null != this.mediaStream && this.mediaStream.active && this.mediaLastState !== y.MEDIA_STOPING) {
this.mediaStream.stop(), null != this.mediaStreamOrigin && this.mediaStreamOrigin.stop();
let R = TinychatApp.BLL.BroadcastProgressEvent,
I = new R(R.MEDIA_RTC_FAILED);
I.error = new Error(T), this.EventBus.broadcast(R.ID, I)
}
this.mediaConnections.local.Close(), this.mediaConnections.local = null
}
null != this.mediaStream && (this.mediaStream.stop(), this.mediaStream = null, this.streamReset()), this.videolist.RemoveVideoSelf(E);
let B = new y(y.MEDIA_STOPED);
this.EventBus.broadcast(y.ID, B)
}
_selfShowReason(E) {
this.app.Notify(E.text)
}
onMediaSuccessCallback(E) {
this.mediaStream = this.mediaLastConstraints.video ? this.prepareStream(E) : E;
var T = this.tcPkt_GetICE(this.onPublisherConnectionReadyCallback);
this.packetWorker.send(T), console.log("Broadcast: Media OK ...");
let B = new y(y.MEDIA_OK);
this.EventBus.broadcast(y.ID, B)
}
applyFilter(E) {
this.mediaStreamFilter = E
}
prepareStream(E) {
function B() {
if (null != R.mediaStreamCanvas) {
I.clearRect(0, 0, R.mediaStreamCanvas.width, R.mediaStreamCanvas.height);
let W = R.mediaStreamVideo.videoHeight,
D = R.mediaStreamVideo.videoWidth;
R.mediaStreamCanvas.width = D, R.mediaStreamCanvas.height = W, window.TinychatApp.BLL.VideoFilters.getFilter(R.mediaStreamFilter).apply(I, D, W), I.drawImage(R.mediaStreamVideo, 0, 0, D, W, 0, 0, R.mediaStreamCanvas.width, R.mediaStreamCanvas.height), requestAnimationFrame(B)
}
}
this.mediaStreamOrigin = E, this.mediaStreamVideo = document.createElement("video"), this.mediaStreamVideo.autoplay = !0, this.mediaStreamVideo.muted = !0, this.mediaStreamCanvas = document.createElement("canvas");
let R = this,
I = this.mediaStreamCanvas.getContext("2d");
this.mediaStreamVideo.oncanplay = function() {
requestAnimationFrame(B)
}, this.mediaStreamVideo.srcObject = this.mediaStreamOrigin;
let A = this.mediaStreamCanvas.captureStream(15);
return A.addTrack(this.mediaStreamOrigin.getAudioTracks()[0]), A
}
onMediaFailedCallback(E) {
console.warn("Broadcast: Media Failed ..."), this.mediaStream = null, this.videolist.RemoveVideoSelf(this.self_handle);
var T = E.message;
if ("" == E.message) switch (E.name) {
case "NotFoundError":
case "DevicesNotFoundError":
T = "Please setup your webcam first.";
break;
case "SourceUnavailableError":
T = "Your webcam is busy.";
break;
case "PermissionDeniedError":
case "SecurityError":
case "NotAllowedError":
T = "CAMERA/MICROPHONE access permission denied!";
break;
case "PermissionDismissedError":
T = "Tinychat is required to access CAMERA/MICROPHONE to have media broadcast!";
break;
default:
T = "Failed to start broadcast... Please check your webcam!";
} else switch (E.name) {
case "OverconstrainedError":
T = "Failed to start broadcast... Please check your webcam!";
}
let B = new y(y.MEDIA_FAILED);
B.error = new Error(T), this.EventBus.broadcast(y.ID, B)
}
onBanCallback(E) {
if (this.tcPkt_TcCallbackCheck(E, "ban")) {
let T = E.success;
if (!0 === T);
else {
E.reason;
console.error(E)
}
}
}
onUnbanCallback(E) {
if (this.tcPkt_TcCallbackCheck(E, "unban")) {
let T = E.success;
if (!0 === T) {
E.id
} else {
E.reason;
console.error(E)
}
}
}
onBanlistCallback(E) {
if (this.tcPkt_TcCallbackCheck(E, "banlist")) {
let T = E.success,
B = E.items;
if (!0 === T && Array.isArray(B))
for (var R in this.banlist = [], B) {
let I = this.tcPkt_BanlistItemParse(B[R]);
this.banlist.push(I)
} else {
E.reason;
console.error(E)
}
}
}
onVideoForceCloseCallback(E) {
if (this.tcPkt_TcCallbackCheck(E, "stream_moder_close")) {
let T = E.success;
if (!0 === T) {
const B = E.handle,
R = this.userlist.get(B);
null === R ? this.app.showToast("There is no such user to close video") : this.app.showToast("[" + R.nickname + "] video was closed")
} else {
const B = E.error;
this.app.showToastWarn(B.text)
}
}
}
onRoomConnectCallback(E) {
if ("joined" === E.tc) {
var T = this.tcPkt_UserParse(E.self),
B = this.tcPkt_RoomSettingsParse(E.room);
this.updateSelfUser(T), this.updateRoomSettings(B), T.isLurker ? console.warn("Chatroom.Connected: nickname: " + T.nickname + " - IsLurker!") : console.log("Chatroom.Connected: nickname: " + T.nickname), this.reconnect_wait = 0;
let R = new C;
if (this.EventBus.broadcast(C.ID, R), "" == this.nickname) {
let I = new P("", ModalDialogChangeNickname.MODE_GUEST);
this.EventBus.broadcast(P.ID, I)
}
} else if ("password" === E.tc) {
let R = new l;
this.EventBus.broadcast(l.ID, R)
} else if ("captcha" === E.tc) {
let R = E.key,
I = new d(R);
this.EventBus.broadcast(d.ID, I)
} else "closed" === E.tc ? this.onClosed(E) : this.tcPkt_TcCallbackCheck(E, null)
}
onPublisherConnectionReadyCallback(E) {
if (this.tcPkt_TcCallbackCheck(E, "iceservers"))
if (!0 == E.success) {
let T = E.servers,
R = this.self_handle,
I = new TinychatApp.BLL.MediaConnection(this.videolist, R, !0, T);
I.AddStream(this.mediaStream), this.mediaConnections.local = I, console.log("Broadcast: Media.ICE.SDP ...");
let A = new y(y.MEDIA_ICE);
this.EventBus.broadcast(y.ID, A), I.Connect()
} else {
console.error(E);
try {
let T = "Broadcast closed due server request (ICE)";
this._selfMediaStreamStop(this.self_handle, T);
let B = TinychatApp.BLL.BroadcastProgressEvent,
R = new B(B.MEDIA_RTC_FAILED);
R.error = new Error(T), this.EventBus.broadcast(B.ID, R)
} catch (T) {
console.error(T)
}
}
}
onRemoteConnectionReadyCallback(E) {
if (this.tcPkt_TcCallbackCheck(E, "sdp") && !0 === E.success && "offer" === E.type) {
let B = E.servers,
R = E.sdp,
I = E.handle,
A = new TinychatApp.BLL.MediaConnection(this.videolist, I, !1, B, R);
this.mediaConnections.remote[I] = A, A.Connect()
}
}
onSendMessagePublicCallback(E) {
if (this.tcPkt_TcCallbackCheck(E, "msg")) {
var T = this.tcPkt_MsgParse(E);
this._userlist.isIgnored(T.user) || this.chatlog.public_add(T)
}
}
onSendMessagePrivateCallback(E) {
if (this.tcPkt_TcCallbackCheck(E, "pvtmsg")) {
var T = this.tcPkt_MsgParse(E);
let B = TinychatApp.DAL.ChatLogItemEntity;
T.type = B.PRIVATE, T.chatname = T.user.handle, this._userlist.isIgnored(T.user) || this.chatlog.private_add(T)
}
}
onSystemMessage(E) {
if (this.tcPkt_TcCallbackCheck(E, "sysmsg")) {
let T = E.handle || 0;
if (0 < T) {
let I = this.userlist.get(T);
null == I && (T = 0)
}
let B = 0 < T ? T : TinychatApp.BLL.Chatlog.PUBLIC,
R = E.text || "";
this.chatlog.system_add(B, R)
}
}
onGiftMessage(E) {
if (this.tcPkt_TcCallbackCheck(E, "gift")) {
let T = this.tcPkt_GiftParse(E),
R = new TinychatApp.DAL.ChatLogItemEntity;
R.chatname = TinychatApp.BLL.Chatlog.PUBLIC, R.user = null, R.message_text = "[" + (T.fromUsername.isEmpty() ? "Anonymous" : T.fromUsername) + "] sent gift '" + T.giftName + "' to [" + T.toUsername + "]\n >" + T.giftComment + "", R.giftUrl = T.giftUrl, this.chatlog.gift_add(R)
}
}
onClosed(E) {
if (this.tcPkt_TcCallbackCheck(E, "closed")) {
let T = E.error;
this.closedLastReasonCode = T, console.warn("Chatroom.ConnectionClosed: " + this.closedLastReasonCode)
}
}
onNicknameChanged(E) {
if (this.tcPkt_TcCallbackCheck(E, "nick")) {
let T = E.handle,
B = E.nick;
if (T != this.self_handle) this.userlist.updateNickname(T, B);
else if (!0 === E.success) {
let R = this.selfUser();
R.nickname = B, this.updateSelfUser(R), this.userlist.updateNickname(T, B)
} else console.warn(E), this.app.showToastWarn("Nickname was not changed for some reason...")
}
}
onYoutube(E) {
if (!this.app.settings.isYoutube()) return void console.log("YouTube cmds blocked by chat settings...");
var T = "";
let B = E.tc;
if ("yut_play" === B) T = L.YT_PLAY;
else if ("yut_pause" === B) T = L.YT_PAUSE;
else if ("yut_stop" === B) T = L.YT_STOP;
else return void this.tcPkt_TcCallbackCheck(E, "-");
let R = new L(T);
if (R.cmd = T, void 0 != E.item) {
let I = E.item;
R.id = I.id, R.duration = I.duration, R.offset = parseFloat(I.offset), R.playlist = I.playlist
} else R.id = E.id, R.duration = E.duration, R.offset = parseFloat(E.offset);
R.handle = parseInt(E.handle), R.server = !0, R.success = void 0 == E.success || E.success, R.reason = void 0 == E.reason ? "" : E.reason, isNaN(R.offset) && (R.offset = 0), isNaN(R.handle) && (R.handle = -1), R.success ? this.EventBus.broadcast(L.ID, R) : this.app.showToastWarn("Youtube command has failed, due: " + R.reason)
}
onYoutubePlaylist(E) {
if (this.tcPkt_TcCallbackCheck(E, "yut_playlist")) {
let T = TinychatApp.DAL.YoutubeItem,
B = E.success,
R = E.reason;
if (!0 === B) {
let A = [],
W = E.items;
if (Array.isArray(W))
for (var I in W) {
let D = W[I],
M = new T;
M.id = D.id, M.duration = D.duration, M.title = D.title, M.imgurl = D.image, A.push(M)
}
if (void 0 != E.mode) {
let D = E.mode;
this.youtubelist_random = D.random, this.youtubelist_repeat = D.repeat
}
this.youtubelist = A
} else this.app.showToastWarn("Youtube Playlist load has failed, due: " + R)
}
}
sendPushForUnreadPrivateMessage() {
var T = "username=" + encodeURIComponent(this.enterroomresult.selfuser.username),
B = new XMLHttpRequest;
B.open("POST", "/pushnotification/privatemessage", !0), B.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"), B.send(T)
}
}
const a = "RoomSettingsEvent_" + Math.Guid.newGuid();
class o {
static get ID() {
return a
}
constructor(E) {
return this.roomSettings = E, this
}
}
const n = "RoomConnectEvent_" + Math.Guid.newGuid();
class r {
static get ID() {
return n
}
constructor(E) {
return this.attempts = E, this
}
}
const s = "RoomConnectCaptcha_" + Math.Guid.newGuid();
class d {
static get ID() {
return s
}
constructor(E) {
return this.key = E, this
}
}
const c = "RoomConnectPassword_" + Math.Guid.newGuid();
class l {
static get ID() {
return c
}
constructor() {
return this
}
}
const m = "RoomConnectStandby_" + Math.Guid.newGuid();
class u {
static get ID() {
return m
}
constructor(E, T) {
return this.tries = E, this.waitms = T, this
}
}
const k = "RoomConnectFatal_" + Math.Guid.newGuid();
class p {
static get ID() {
return k
}
constructor() {
return this
}
}
const h = "RoomConnected_" + Math.Guid.newGuid();
class C {
static get ID() {
return h
}
constructor() {
return this
}
}
const f = "RoomReconnected_" + Math.Guid.newGuid();
class _ {
static get ID() {
return f
}
constructor() {
return this
}
}
const g = "RoomQuitEvent_" + Math.Guid.newGuid();
class v {
static get ID() {
return g
}
constructor(E, T) {
return this.reasonCode = E, this.chatroom = T, this
}
static get WS() {
return -3
}
static ConvertReason(E) {
let T = "";
switch (E) {
case 0:
T = "There is no internet connection...";
break;
case 1:
T = "Opss, chatroom has no free slots for users";
break;
case 2:
T = "Chatroom has been closed by administrator";
break;
case 3:
T = "This room does not allow guests to join, please sign in";
break;
case 4:
T = "You has been banned from chatroom by Moderator";
break;
case 5:
T = "Wrong password";
break;
case 6:
T = "Single connection is allowed for chatroom";
break;
case 7:
T = "An error occurred while connecting to the server...";
break;
case 8:
T = "An error occurred while connecting to the server...";
break;
case 9:
T = "An error occurred while connecting to the server...";
break;
case 10:
T = "An error occurred while connecting to the server...";
break;
case 11:
T = "An error occurred while connecting to the server...";
break;
case 12:
T = "You has been kicked from chatroom by Moderator";
break;
default:
T = "There is no internet connection...";
}
return T
}
static ConvertAction(E) {
let T = "";
switch (E) {
case 3:
T = "SIGN IN";
break;
default:
T = "RETRY";
}
return T
}
}
const b = "RoomNicknameChangeEvent_" + Math.Guid.newGuid();
class P {
static get ID() {
return b
}
constructor(E, T) {
return this.nickname = E, this.type = T, this
}
}
const S = "BroadcastProgressEvent_" + Math.Guid.newGuid();
class y {
static get ID() {
return S
}
static get MEDIA_START() {
return "media_start"
}
static get MEDIA_OK() {
return "media_ok"
}
static get MEDIA_ICE() {
return "media_ice"
}
static get MEDIA_STARTED_SUCCESS() {
return "media_started_success"
}
static get MEDIA_FAILED() {
return "media_failed"
}
static get MEDIA_RTC_FAILED() {
return "media_rtc_failed"
}
static get MEDIA_STOPING() {
return "media_stoping"
}
static get MEDIA_STOPED() {
return "media_stoped"
}
constructor(E) {
return this.stage = E, this.error = "", this
}
}
const w = "YoutubeEvent_" + Math.Guid.newGuid();
class L {
static get ID() {
return w
}
static get YT_PLAY() {
return "yut_play"
}
static get YT_STOP() {
return "yut_stop"
}
static get YT_PAUSE() {
return "yut_pause"
}
constructor(E) {
return this.handle = -1, this.cmd = E, this.id = "", this.offset = 0, this.duration = void 0, this.playlist = void 0, this.seekByUser = void 0, this.success = !0, this.reason = "", this.server = void 0, this
}
}
window.TinychatApp.BLL.ChatRoom = t, window.TinychatApp.BLL.RoomSettingsEvent = o, window.TinychatApp.BLL.RoomConnectEvent = r, window.TinychatApp.BLL.RoomConnectCaptcha = d, window.TinychatApp.BLL.RoomConnectPassword = l, window.TinychatApp.BLL.RoomConnectStandby = u, window.TinychatApp.BLL.RoomConnectFatal = p, window.TinychatApp.BLL.RoomConnected = C, window.TinychatApp.BLL.RoomReconnected = _, window.TinychatApp.BLL.RoomQuitEvent = v, window.TinychatApp.BLL.RoomNicknameChangeEvent = P, window.TinychatApp.BLL.BroadcastProgressEvent = y, window.TinychatApp.BLL.YoutubeEvent = L
})();
</script>
<script>
(function() {
'use strict';
class a {
static get getAll() {
return [{
name: 'No Filter',
css: 'nofilter',
filter: '',
background: '',
mixBlendMode: '',
apply: function() {}
}, {
name: '1977',
css: '_1977',
filter: 'contrast(1.1) brightness(1.1) saturate(1.3)',
background: 'rgba(243,106,188,.3)',
mixBlendMode: 'screen',
apply: function(b, c, d) {
b.filter = this.filter, b.fillStyle = this.background, b.fillRect(0, 0, c, d), b.globalCompositeOperation = this.mixBlendMode
}
}, {
name: 'Aden',
css: 'aden',
filter: 'hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)',
background: 'linear-gradient(to right,rgba(66,10,14,.2),transparent)',
mixBlendMode: 'darken',
apply: function(b, c, d) {
b.filter = this.filter;
let e = b.createLinearGradient(0, 0, c, d);
e.addColorStop(0, 'rgba(66, 10, 14, .2)'), e.addColorStop(1, 'rgba(0, 0, 0, .0)'), b.fillStyle = e, b.fillRect(0, 0, c, d), b.globalCompositeOperation = this.mixBlendMode
}
}, {
name: 'Brannan',
css: 'brannan',
filter: 'sepia(.5) contrast(1.4)',
background: 'rgba(161,44,199,.31)',
mixBlendMode: 'lighten',
apply: function(b, c, d) {
b.filter = this.filter, b.fillStyle = this.background, b.fillRect(0, 0, c, d), b.globalCompositeOperation = this.mixBlendMode
}
}, {
name: 'Brooklyn',
css: 'brooklyn',
filter: 'contrast(.9) brightness(1.1)',
background: 'radial-gradient(circle, rgba(168,223,193,.4) 70%, #c4b7c8)',
mixBlendMode: 'overlay',
apply: function(b, c, d) {
b.filter = this.filter;
let e = b.createRadialGradient(c / 2, d / 2, 0, c / 2, d / 2, 0.7 * c);
e.addColorStop(0, 'rgba(168,223,193,.4)'), e.addColorStop(1, '#c4b7c8'), b.fillStyle = e, b.fillRect(0, 0, c, d), b.globalCompositeOperation = this.mixBlendMode
}
}, {
name: 'Clarendon',
css: 'clarendon',
filter: 'contrast(1.2) saturate(1.35)',
background: 'rgba(127,187,227,.2)',
mixBlendMode: 'overlay',
apply: function(b, c, d) {
b.filter = this.filter, b.fillStyle = this.background, b.fillRect(0, 0, c, d), b.globalCompositeOperation = this.mixBlendMode
}
}, {
name: 'Earlybird',
css: 'earlybird',
filter: 'contrast(.9) sepia(.2)',
background: 'radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%)',
mixBlendMode: 'overlay',
apply: function(b, c, d) {
b.filter = this.filter;
let e = b.createRadialGradient(c / 2, d / 2, 0.2 * (c / 2), c / 2, d / 2, 0.85 * (c / 2));
e.addColorStop(0, 'rgba(208, 186, 142, .5)'), e.addColorStop(1, 'rgba(54, 3, 9, .5)'), b.fillStyle = e, b.fillRect(0, 0, c, d), b.globalCompositeOperation = this.mixBlendMode
}
}, {
name: 'Gingham',
css: 'gingham',
filter: 'brightness(1.05) hue-rotate(-10deg)',
background: 'rgba(230, 230, 250, .3)',
mixBlendMode: 'soft-light',
apply: function(b, c, d) {
b.filter = this.filter, b.fillStyle = this.background, b.fillRect(0, 0, c, d), b.globalCompositeOperation = this.mixBlendMode
}
}, {
name: 'Hudson',
css: 'hudson',
filter: 'brightness(1.2) contrast(.9) saturate(1.1)',
background: 'radial-gradient(circle,#a6b1ff 50%,#342134)',
mixBlendMode: 'multiply',
apply: function(b, c, d) {
b.filter = this.filter;
let e = b.createRadialGradient(c / 2, d / 2, 0.5 * (c / 2), c / 2, d / 2, c / 2);
e.addColorStop(0, 'rgba(166, 177, 255, .5)'), e.addColorStop(1, 'rgba(52, 33, 52, .5)'), b.fillStyle = e, b.fillRect(0, 0, c, d), b.globalCompositeOperation = this.mixBlendMode
}
}, {
name: 'Inkwell',
css: 'inkwell',
filter: 'sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)',
background: '',
mixBlendMode: '',
apply: function(b) {
b.filter = this.filter
}
}, {
name: 'Lo-Fi',
css: 'lofi',
filter: 'saturate(1.1) contrast(1.5)',
background: 'radial-gradient(circle,transparent 70%,#222 150%)',
mixBlendMode: 'multiply',
apply: function(b, c, d) {
b.filter = this.filter;
let e = b.createRadialGradient(c / 2, d / 2, 0.7 * (c / 2), c / 2, d / 2, 1.5 * (c / 2));
e.addColorStop(0, 'rgba(0, 0, 0, 0)'), e.addColorStop(1, 'rgb(34, 34, 34)'), b.fillStyle = e, b.fillRect(0, 0, c, d), b.globalCompositeOperation = this.mixBlendMode
}
}, {
name: 'Maven',
css: 'maven',
filter: 'sepia(.25) brightness(.95) contrast(.95) saturate(1.5)',
background: 'rgba(3, 230, 26, .2)',
mixBlendMode: 'hue',
apply: function(b, c, d) {
b.filter = this.filter, b.fillStyle = this.background, b.fillRect(0, 0, c, d), b.globalCompositeOperation = this.mixBlendMode
}
}]
}
static getFilter(b) {
return a.getAll.find(c => c.name === b)
}
}
window.TinychatApp.BLL.VideoFilters = a
})();
</script>
<script type="text/javascript" charset="utf-8">
(function(m) {
if ("object" == typeof exports && "undefined" != typeof module) module.exports = m();
else if ("function" == typeof define && define.amd) define([], m);
else {
var h;
h = "undefined" == typeof window ? "undefined" == typeof global ? "undefined" == typeof self ? this : self : global : window, h.adapter = m()
}
})(function() {
return function y(C, b, T) {
function P(k, E) {
if (!b[k]) {
if (!C[k]) {
var R = "function" == typeof require && require;
if (!E && R) return R(k, !0);
if (S) return S(k, !0);
var L = new Error("Cannot find module '" + k + "'");
throw L.code = "MODULE_NOT_FOUND", L
}
var M = b[k] = {
exports: {}
};
C[k][0].call(M.exports, function(D) {
var w = C[k][1][D];
return P(w ? w : D)
}, M, M.exports, y, C, b, T)
}
return b[k].exports
}
for (var S = "function" == typeof require && require, x = 0; x < T.length; x++) P(T[x]);
return P
}({
1: [function(y, C) {
"use strict";
var T = {};
T.generateIdentifier = function() {
return Math.random().toString(36).substr(2, 10)
}, T.localCName = T.generateIdentifier(), T.splitLines = function(P) {
return P.trim().split("\n").map(function(S) {
return S.trim()
})
}, T.splitSections = function(P) {
var S = P.split("\nm=");
return S.map(function(x, k) {
return (0 < k ? "m=" + x : x).trim() + "\r\n"
})
}, T.matchPrefix = function(P, S) {
return T.splitLines(P).filter(function(x) {
return 0 === x.indexOf(S)
})
}, T.parseCandidate = function(P) {
var S = 0 === P.indexOf("a=candidate:") ? P.substring(12).split(" ") : P.substring(10).split(" ");
for (var x = {
foundation: S[0],
component: S[1],
protocol: S[2].toLowerCase(),
priority: parseInt(S[3], 10),
ip: S[4],
port: parseInt(S[5], 10),
type: S[7]
}, k = 8; k < S.length; k += 2) switch (S[k]) {
case "raddr":
x.relatedAddress = S[k + 1];
break;
case "rport":
x.relatedPort = parseInt(S[k + 1], 10);
break;
case "tcptype":
x.tcpType = S[k + 1];
break;
default:
}
return x
}, T.writeCandidate = function(P) {
var S = [P.foundation, P.component, P.protocol.toUpperCase(), P.priority, P.ip, P.port],
x = P.type;
return S.push("typ"), S.push(x), "host" !== x && P.relatedAddress && P.relatedPort && (S.push("raddr"), S.push(P.relatedAddress), S.push("rport"), S.push(P.relatedPort)), P.tcpType && "tcp" === P.protocol.toLowerCase() && (S.push("tcptype"), S.push(P.tcpType)), "candidate:" + S.join(" ")
}, T.parseRtpMap = function(P) {
var S = P.substr(9).split(" "),
x = {
payloadType: parseInt(S.shift(), 10)
};
return S = S[0].split("/"), x.name = S[0], x.clockRate = parseInt(S[1], 10), x.numChannels = 3 === S.length ? parseInt(S[2], 10) : 1, x
}, T.writeRtpMap = function(P) {
var S = P.payloadType;
return void 0 !== P.preferredPayloadType && (S = P.preferredPayloadType), "a=rtpmap:" + S + " " + P.name + "/" + P.clockRate + (1 === P.numChannels ? "" : "/" + P.numChannels) + "\r\n"
}, T.parseExtmap = function(P) {
var S = P.substr(9).split(" ");
return {
id: parseInt(S[0], 10),
uri: S[1]
}
}, T.writeExtmap = function(P) {
return "a=extmap:" + (P.id || P.preferredId) + " " + P.uri + "\r\n"
}, T.parseFmtp = function(P) {
for (var x, S = {}, k = P.substr(P.indexOf(" ") + 1).split(";"), E = 0; E < k.length; E++) x = k[E].trim().split("="), S[x[0].trim()] = x[1];
return S
}, T.writeFmtp = function(P) {
var S = "",
x = P.payloadType;
if (void 0 !== P.preferredPayloadType && (x = P.preferredPayloadType), P.parameters && Object.keys(P.parameters).length) {
var k = [];
Object.keys(P.parameters).forEach(function(E) {
k.push(E + "=" + P.parameters[E])
}), S += "a=fmtp:" + x + " " + k.join(";") + "\r\n"
}
return S
}, T.parseRtcpFb = function(P) {
var S = P.substr(P.indexOf(" ") + 1).split(" ");
return {
type: S.shift(),
parameter: S.join(" ")
}
}, T.writeRtcpFb = function(P) {
var S = "",
x = P.payloadType;
return void 0 !== P.preferredPayloadType && (x = P.preferredPayloadType), P.rtcpFeedback && P.rtcpFeedback.length && P.rtcpFeedback.forEach(function(k) {
S += "a=rtcp-fb:" + x + " " + k.type + (k.parameter && k.parameter.length ? " " + k.parameter : "") + "\r\n"
}), S
}, T.parseSsrcMedia = function(P) {
var S = P.indexOf(" "),
x = {
ssrc: parseInt(P.substr(7, S - 7), 10)
},
k = P.indexOf(":", S);
return -1 < k ? (x.attribute = P.substr(S + 1, k - S - 1), x.value = P.substr(k + 1)) : x.attribute = P.substr(S + 1), x
}, T.getDtlsParameters = function(P, S) {
var x = T.splitLines(P);
x = x.concat(T.splitLines(S));
var k = x.filter(function(R) {
return 0 === R.indexOf("a=fingerprint:")
})[0].substr(14),
E = {
role: "auto",
fingerprints: [{
algorithm: k.split(" ")[0].toLowerCase(),
value: k.split(" ")[1]
}]
};
return E
}, T.writeDtlsParameters = function(P, S) {
var x = "a=setup:" + S + "\r\n";
return P.fingerprints.forEach(function(k) {
x += "a=fingerprint:" + k.algorithm + " " + k.value + "\r\n"
}), x
}, T.getIceParameters = function(P, S) {
var x = T.splitLines(P);
x = x.concat(T.splitLines(S));
var k = {
usernameFragment: x.filter(function(E) {
return 0 === E.indexOf("a=ice-ufrag:")
})[0].substr(12),
password: x.filter(function(E) {
return 0 === E.indexOf("a=ice-pwd:")
})[0].substr(10)
};
return k
}, T.writeIceParameters = function(P) {
return "a=ice-ufrag:" + P.usernameFragment + "\r\na=ice-pwd:" + P.password + "\r\n"
}, T.parseRtpParameters = function(P) {
for (var S = {
codecs: [],
headerExtensions: [],
fecMechanisms: [],
rtcp: []
}, x = T.splitLines(P), k = x[0].split(" "), E = 3; E < k.length; E++) {
var R = k[E],
L = T.matchPrefix(P, "a=rtpmap:" + R + " ")[0];
if (L) {
var M = T.parseRtpMap(L),
D = T.matchPrefix(P, "a=fmtp:" + R + " ");
switch (M.parameters = D.length ? T.parseFmtp(D[0]) : {}, M.rtcpFeedback = T.matchPrefix(P, "a=rtcp-fb:" + R + " ").map(T.parseRtcpFb), S.codecs.push(M), M.name.toUpperCase()) {
case "RED":
case "ULPFEC":
S.fecMechanisms.push(M.name.toUpperCase());
break;
default:
}
}
}
return T.matchPrefix(P, "a=extmap:").forEach(function(w) {
S.headerExtensions.push(T.parseExtmap(w))
}), S
}, T.writeRtpDescription = function(P, S) {
var x = "";
x += "m=" + P + " ", x += 0 < S.codecs.length ? "9" : "0", x += " UDP/TLS/RTP/SAVPF ", x += S.codecs.map(function(E) {
return void 0 === E.preferredPayloadType ? E.payloadType : E.preferredPayloadType
}).join(" ") + "\r\n", x += "c=IN IP4 0.0.0.0\r\n", x += "a=rtcp:9 IN IP4 0.0.0.0\r\n", S.codecs.forEach(function(E) {
x += T.writeRtpMap(E), x += T.writeFmtp(E), x += T.writeRtcpFb(E)
});
var k = 0;
return S.codecs.forEach(function(E) {
E.maxptime > k && (k = E.maxptime)
}), 0 < k && (x += "a=maxptime:" + k + "\r\n"), x += "a=rtcp-mux\r\n", S.headerExtensions.forEach(function(E) {
x += T.writeExtmap(E)
}), x
}, T.parseRtpEncodingParameters = function(P) {
var M, S = [],
x = T.parseRtpParameters(P),
k = -1 !== x.fecMechanisms.indexOf("RED"),
E = -1 !== x.fecMechanisms.indexOf("ULPFEC"),
R = T.matchPrefix(P, "a=ssrc:").map(function(_) {
return T.parseSsrcMedia(_)
}).filter(function(_) {
return "cname" === _.attribute
}),
L = 0 < R.length && R[0].ssrc,
D = T.matchPrefix(P, "a=ssrc-group:FID").map(function(_) {
var O = _.split(" ");
return O.shift(), O.map(function(I) {
return parseInt(I, 10)
})
});
0 < D.length && 1 < D[0].length && D[0][0] === L && (M = D[0][1]), x.codecs.forEach(function(_) {
if ("RTX" === _.name.toUpperCase() && _.parameters.apt) {
var O = {
ssrc: L,
codecPayloadType: parseInt(_.parameters.apt, 10),
rtx: {
ssrc: M
}
};
S.push(O), k && (O = JSON.parse(JSON.stringify(O)), O.fec = {
ssrc: M,
mechanism: E ? "red+ulpfec" : "red"
}, S.push(O))
}
}), 0 === S.length && L && S.push({
ssrc: L
});
var w = T.matchPrefix(P, "b=");
return w.length && (0 === w[0].indexOf("b=TIAS:") ? w = parseInt(w[0].substr(7), 10) : 0 === w[0].indexOf("b=AS:") && (w = parseInt(w[0].substr(5), 10)), S.forEach(function(_) {
_.maxBitrate = w
})), S
}, T.parseRtcpParameters = function(P) {
var S = {},
k = T.matchPrefix(P, "a=ssrc:").map(function(L) {
return T.parseSsrcMedia(L)
}).filter(function(L) {
return "cname" === L.attribute
})[0];
k && (S.cname = k.value, S.ssrc = k.ssrc);
var E = T.matchPrefix(P, "a=rtcp-rsize");
S.reducedSize = 0 < E.length, S.compound = 0 === E.length;
var R = T.matchPrefix(P, "a=rtcp-mux");
return S.mux = 0 < R.length, S
}, T.parseMsid = function(P) {
var S, x = T.matchPrefix(P, "a=msid:");
if (1 === x.length) return S = x[0].substr(7).split(" "), {
stream: S[0],
track: S[1]
};
var k = T.matchPrefix(P, "a=ssrc:").map(function(E) {
return T.parseSsrcMedia(E)
}).filter(function(E) {
return "msid" === E.attribute
});
if (0 < k.length) return S = k[0].value.split(" "), {
stream: S[0],
track: S[1]
}
}, T.writeSessionBoilerplate = function() {
return "v=0\r\no=thisisadapterortc 8169639915646943137 2 IN IP4 127.0.0.1\r\ns=-\r\nt=0 0\r\n"
}, T.writeMediaSection = function(P, S, x, k) {
var E = T.writeRtpDescription(P.kind, S);
if (E += T.writeIceParameters(P.iceGatherer.getLocalParameters()), E += T.writeDtlsParameters(P.dtlsTransport.getLocalParameters(), "offer" === x ? "actpass" : "active"), E += "a=mid:" + P.mid + "\r\n", E += P.rtpSender && P.rtpReceiver ? "a=sendrecv\r\n" : P.rtpSender ? "a=sendonly\r\n" : P.rtpReceiver ? "a=recvonly\r\n" : "a=inactive\r\n", P.rtpSender) {
var R = "msid:" + k.id + " " + P.rtpSender.track.id + "\r\n";
E += "a=" + R, E += "a=ssrc:" + P.sendEncodingParameters[0].ssrc + " " + R, P.sendEncodingParameters[0].rtx && (E += "a=ssrc:" + P.sendEncodingParameters[0].rtx.ssrc + " " + R, E += "a=ssrc-group:FID " + P.sendEncodingParameters[0].ssrc + " " + P.sendEncodingParameters[0].rtx.ssrc + "\r\n")
}
return E += "a=ssrc:" + P.sendEncodingParameters[0].ssrc + " cname:" + T.localCName + "\r\n", P.rtpSender && P.sendEncodingParameters[0].rtx && (E += "a=ssrc:" + P.sendEncodingParameters[0].rtx.ssrc + " cname:" + T.localCName + "\r\n"), E
}, T.getDirection = function(P, S) {
for (var x = T.splitLines(P), k = 0; k < x.length; k++) switch (x[k]) {
case "a=sendrecv":
case "a=sendonly":
case "a=recvonly":
case "a=inactive":
return x[k].substr(2);
default:
}
return S ? T.getDirection(S) : "sendrecv"
}, T.getKind = function(P) {
var S = T.splitLines(P),
x = S[0].split(" ");
return x[0].substr(2)
}, T.isRejected = function(P) {
return "0" === P.split(" ", 2)[1]
}, C.exports = T
}, {}],
2: [function(y, C) {
"use strict";
(function() {
var T = y("./utils"),
P = T.log,
S = T.browserDetails;
C.exports.browserDetails = S, C.exports.extractVersion = T.extractVersion, C.exports.disableLog = T.disableLog;
var x = y("./chrome/chrome_shim") || null,
k = y("./edge/edge_shim") || null,
E = y("./firefox/firefox_shim") || null,
R = y("./safari/safari_shim") || null;
switch (S.browser) {
case "chrome":
if (!x || !x.shimPeerConnection) return void P("Chrome shim is not included in this adapter release.");
P("adapter.js shimming chrome."), C.exports.browserShim = x, x.shimGetUserMedia(), x.shimMediaStream(), T.shimCreateObjectURL(), x.shimSourceObject(), x.shimPeerConnection(), x.shimOnTrack(), x.shimGetSendersWithDtmf();
break;
case "firefox":
if (!E || !E.shimPeerConnection) return void P("Firefox shim is not included in this adapter release.");
P("adapter.js shimming firefox."), C.exports.browserShim = E, E.shimGetUserMedia(), T.shimCreateObjectURL(), E.shimSourceObject(), E.shimPeerConnection(), E.shimOnTrack();
break;
case "edge":
if (!k || !k.shimPeerConnection) return void P("MS edge shim is not included in this adapter release.");
P("adapter.js shimming edge."), C.exports.browserShim = k, k.shimGetUserMedia(), T.shimCreateObjectURL(), k.shimPeerConnection(), k.shimReplaceTrack();
break;
case "safari":
if (!R) return void P("Safari shim is not included in this adapter release.");
P("adapter.js shimming safari."), C.exports.browserShim = R, R.shimOnAddStream(), R.shimGetUserMedia();
break;
default:
P("Unsupported browser!");
}
})()
}, {
"./chrome/chrome_shim": 3,
"./edge/edge_shim": 5,
"./firefox/firefox_shim": 7,
"./safari/safari_shim": 9,
"./utils": 10
}],
3: [function(y, C) {
"use strict";
var T = y("../utils.js").log,
P = y("../utils.js").browserDetails,
S = {
shimMediaStream: function() {
window.MediaStream = window.MediaStream || window.webkitMediaStream
},
shimOnTrack: function() {
"object" == typeof window && window.RTCPeerConnection && !("ontrack" in window.RTCPeerConnection.prototype) && Object.defineProperty(window.RTCPeerConnection.prototype, "ontrack", {
get: function() {
return this._ontrack
},
set: function(x) {
var k = this;
this._ontrack && (this.removeEventListener("track", this._ontrack), this.removeEventListener("addstream", this._ontrackpoly)), this.addEventListener("track", this._ontrack = x), this.addEventListener("addstream", this._ontrackpoly = function(E) {
E.stream.addEventListener("addtrack", function(R) {
var L = new Event("track");
L.track = R.track, L.receiver = {
track: R.track
}, L.streams = [E.stream], k.dispatchEvent(L)
}), E.stream.getTracks().forEach(function(R) {
var L = new Event("track");
L.track = R, L.receiver = {
track: R
}, L.streams = [E.stream], this.dispatchEvent(L)
}.bind(this))
}.bind(this))
}
})
},
shimGetSendersWithDtmf: function() {
if ("object" == typeof window && window.RTCPeerConnection && !("getSenders" in RTCPeerConnection.prototype) && "createDTMFSender" in RTCPeerConnection.prototype) {
RTCPeerConnection.prototype.getSenders = function() {
return this._senders
};
var x = RTCPeerConnection.prototype.addStream,
k = RTCPeerConnection.prototype.removeStream;
RTCPeerConnection.prototype.addStream = function(E) {
var R = this;
R._senders = R._senders || [], x.apply(R, [E]), E.getTracks().forEach(function(L) {
R._senders.push({
track: L,
get dtmf() {
return void 0 === this._dtmf && ("audio" === L.kind ? this._dtmf = R.createDTMFSender(L) : this._dtmf = null), this._dtmf
}
})
})
}, RTCPeerConnection.prototype.removeStream = function(E) {
var R = this;
R._senders = R._senders || [], k.apply(R, [E]), E.getTracks().forEach(function(L) {
var M = R._senders.find(function(D) {
return D.track === L
});
M && R._senders.splice(R._senders.indexOf(M), 1)
})
}
}
},
shimSourceObject: function() {
"object" == typeof window && window.HTMLMediaElement && !("srcObject" in window.HTMLMediaElement.prototype) && Object.defineProperty(window.HTMLMediaElement.prototype, "srcObject", {
get: function() {
return this._srcObject
},
set: function(x) {
var k = this;
return this._srcObject = x, this.src && URL.revokeObjectURL(this.src), x ? void(this.src = URL.createObjectURL(x), x.addEventListener("addtrack", function() {
k.src && URL.revokeObjectURL(k.src), k.src = URL.createObjectURL(x)
}), x.addEventListener("removetrack", function() {
k.src && URL.revokeObjectURL(k.src), k.src = URL.createObjectURL(x)
})) : (this.src = "", void 0)
}
})
},
shimPeerConnection: function() {
if (!window.RTCPeerConnection) window.RTCPeerConnection = function(R, L) {
return T("PeerConnection"), R && R.iceTransportPolicy && (R.iceTransports = R.iceTransportPolicy), new webkitRTCPeerConnection(R, L)
}, window.RTCPeerConnection.prototype = webkitRTCPeerConnection.prototype, webkitRTCPeerConnection.generateCertificate && Object.defineProperty(window.RTCPeerConnection, "generateCertificate", {
get: function() {
return webkitRTCPeerConnection.generateCertificate
}
});
else {
var x = RTCPeerConnection;
window.RTCPeerConnection = function(R, L) {
if (R && R.iceServers) {
for (var w, M = [], D = 0; D < R.iceServers.length; D++) w = R.iceServers[D], !w.hasOwnProperty("urls") && w.hasOwnProperty("url") ? (console.warn("RTCIceServer.url is deprecated! Use urls instead."), w = JSON.parse(JSON.stringify(w)), w.urls = w.url, M.push(w)) : M.push(R.iceServers[D]);
R.iceServers = M
}
return new x(R, L)
}, window.RTCPeerConnection.prototype = x.prototype, Object.defineProperty(window.RTCPeerConnection, "generateCertificate", {
get: function() {
return x.generateCertificate
}
})
}
var k = RTCPeerConnection.prototype.getStats;
RTCPeerConnection.prototype.getStats = function(R, L, M) {
var D = this,
w = arguments;
if (0 < arguments.length && "function" == typeof R) return k.apply(this, arguments);
if (0 === k.length && (0 === arguments.length || "function" != typeof arguments[0])) return k.apply(this, []);
var _ = function(U) {
var G = {},
A = U.result();
return A.forEach(function(F) {
var N = {
id: F.id,
timestamp: F.timestamp,
type: {
localcandidate: "local-candidate",
remotecandidate: "remote-candidate"
}[F.type] || F.type
};
F.names().forEach(function(B) {
N[B] = F.stat(B)
}), G[N.id] = N
}), G
},
O = function(U) {
return new Map(Object.keys(U).map(function(G) {
return [G, U[G]]
}))
};
if (2 <= arguments.length) {
var I = function(U) {
w[1](O(_(U)))
};
return k.apply(this, [I, arguments[0]])
}
return new Promise(function(U, G) {
k.apply(D, [function(A) {
U(O(_(A)))
}, G])
}).then(L, M)
}, 51 > P.version && ["setLocalDescription", "setRemoteDescription", "addIceCandidate"].forEach(function(R) {
var L = RTCPeerConnection.prototype[R];
RTCPeerConnection.prototype[R] = function() {
var M = arguments,
D = this,
w = new Promise(function(_, O) {
L.apply(D, [M[0], _, O])
});
return 2 > M.length ? w : w.then(function() {
M[1].apply(null, [])
}, function(_) {
3 <= M.length && M[2].apply(null, [_])
})
}
}), 52 > P.version && ["createOffer", "createAnswer"].forEach(function(R) {
var L = RTCPeerConnection.prototype[R];
RTCPeerConnection.prototype[R] = function() {
var M = this;
if (1 > arguments.length || 1 === arguments.length && "object" == typeof arguments[0]) {
var D = 1 === arguments.length ? arguments[0] : void 0;
return new Promise(function(w, _) {
L.apply(M, [w, _, D])
})
}
return L.apply(this, arguments)
}
}), ["setLocalDescription", "setRemoteDescription", "addIceCandidate"].forEach(function(R) {
var L = RTCPeerConnection.prototype[R];
RTCPeerConnection.prototype[R] = function() {
return arguments[0] = new("addIceCandidate" === R ? RTCIceCandidate : RTCSessionDescription)(arguments[0]), L.apply(this, arguments)
}
});
var E = RTCPeerConnection.prototype.addIceCandidate;
RTCPeerConnection.prototype.addIceCandidate = function() {
return arguments[0] ? E.apply(this, arguments) : (arguments[1] && arguments[1].apply(null), Promise.resolve())
}
}
};
C.exports = {
shimMediaStream: S.shimMediaStream,
shimOnTrack: S.shimOnTrack,
shimGetSendersWithDtmf: S.shimGetSendersWithDtmf,
shimSourceObject: S.shimSourceObject,
shimPeerConnection: S.shimPeerConnection,
shimGetUserMedia: y("./getusermedia")
}
}, {
"../utils.js": 10,
"./getusermedia": 4
}],
4: [function(y, C) {
"use strict";
var T = y("../utils.js").log,
P = y("../utils.js").browserDetails;
C.exports = function() {
var S = function(M) {
if ("object" != typeof M || M.mandatory || M.optional) return M;
var D = {};
return Object.keys(M).forEach(function(w) {
if ("require" !== w && "advanced" !== w && "mediaSource" !== w) {
var _ = "object" == typeof M[w] ? M[w] : {
ideal: M[w]
};
void 0 !== _.exact && "number" == typeof _.exact && (_.min = _.max = _.exact);
var O = function(U, G) {
return U ? U + G.charAt(0).toUpperCase() + G.slice(1) : "deviceId" === G ? "sourceId" : G
};
if (void 0 !== _.ideal) {
D.optional = D.optional || [];
var I = {};
"number" == typeof _.ideal ? (I[O("min", w)] = _.ideal, D.optional.push(I), I = {}, I[O("max", w)] = _.ideal, D.optional.push(I)) : (I[O("", w)] = _.ideal, D.optional.push(I))
}
void 0 !== _.exact && "number" != typeof _.exact ? (D.mandatory = D.mandatory || {}, D.mandatory[O("", w)] = _.exact) : ["min", "max"].forEach(function(U) {
void 0 !== _[U] && (D.mandatory = D.mandatory || {}, D.mandatory[O(U, w)] = _[U])
})
}
}), M.advanced && (D.optional = (D.optional || []).concat(M.advanced)), D
},
x = function(M, D) {
if (M = JSON.parse(JSON.stringify(M)), M && M.audio && (M.audio = S(M.audio)), M && "object" == typeof M.video) {
var w = M.video.facingMode;
w = w && ("object" == typeof w ? w : {
ideal: w
});
var _ = 61 > P.version;
if (w && ("user" === w.exact || "environment" === w.exact || "user" === w.ideal || "environment" === w.ideal) && !(navigator.mediaDevices.getSupportedConstraints && navigator.mediaDevices.getSupportedConstraints().facingMode && !_)) {
delete M.video.facingMode;
var O;
if ("environment" === w.exact || "environment" === w.ideal ? O = "back" : ("user" === w.exact || "user" === w.ideal) && (O = "front"), O) return navigator.mediaDevices.enumerateDevices().then(function(I) {
I = I.filter(function(G) {
return "videoinput" === G.kind
});
var U = I.find(function(G) {
return -1 !== G.label.toLowerCase().indexOf(O)
});
return U && (M.video.deviceId = w.exact ? {
exact: U.deviceId
} : {
ideal: U.deviceId
}), M.video = S(M.video), T("chrome: " + JSON.stringify(M)), D(M)
})
}
M.video = S(M.video)
}
return T("chrome: " + JSON.stringify(M)), D(M)
},
k = function(M) {
return {
name: {
PermissionDeniedError: "NotAllowedError",
ConstraintNotSatisfiedError: "OverconstrainedError"
}[M.name] || M.name,
message: M.message,
constraint: M.constraintName,
toString: function() {
return this.name + (this.message && ": ") + this.message
}
}
};
navigator.getUserMedia = function(M, D, w) {
x(M, function(_) {
navigator.webkitGetUserMedia(_, D, function(O) {
w(k(O))
})
})
};
var R = function(M) {
return new Promise(function(D, w) {
navigator.getUserMedia(M, D, w)
})
};
if (navigator.mediaDevices || (navigator.mediaDevices = {
getUserMedia: R,
enumerateDevices: function() {
return new Promise(function(M) {
var D = {
audio: "audioinput",
video: "videoinput"
};
return MediaStreamTrack.getSources(function(w) {
M(w.map(function(_) {
return {
label: _.label,
kind: D[_.kind],
deviceId: _.id,
groupId: ""
}
}))
})
})
},
getSupportedConstraints: function() {
return {
deviceId: !0,
echoCancellation: !0,
facingMode: !0,
frameRate: !0,
height: !0,
width: !0
}
}
}), !navigator.mediaDevices.getUserMedia) navigator.mediaDevices.getUserMedia = function(M) {
return R(M)
};
else {
var L = navigator.mediaDevices.getUserMedia.bind(navigator.mediaDevices);
navigator.mediaDevices.getUserMedia = function(M) {
return x(M, function(D) {
return L(D).then(function(w) {
if (D.audio && !w.getAudioTracks().length || D.video && !w.getVideoTracks().length) throw w.getTracks().forEach(function(_) {
_.stop()
}), new DOMException("", "NotFoundError");
return w
}, function(w) {
return Promise.reject(k(w))
})
})
}
}
"undefined" == typeof navigator.mediaDevices.addEventListener && (navigator.mediaDevices.addEventListener = function() {
T("Dummy mediaDevices.addEventListener called.")
}), "undefined" == typeof navigator.mediaDevices.removeEventListener && (navigator.mediaDevices.removeEventListener = function() {
T("Dummy mediaDevices.removeEventListener called.")
})
}
}, {
"../utils.js": 10
}],
5: [function(y, C) {
"use strict";
function T(E) {
var R = E.filter(function(M) {
return "audio" === M.kind
}),
L = E.filter(function(M) {
return "video" === M.kind
});
for (E = []; R.length || L.length;) R.length && E.push(R.shift()), L.length && E.push(L.shift());
return E
}
function P(E) {
var R = !1;
return E = JSON.parse(JSON.stringify(E)), E.filter(function(L) {
if (L && (L.urls || L.url)) {
var M = L.urls || L.url;
L.url && !L.urls && console.warn("RTCIceServer.url is deprecated! Use urls instead.");
var D = "string" == typeof M;
return D && (M = [M]), M = M.filter(function(w) {
var _ = 0 === w.indexOf("turn:") && -1 !== w.indexOf("transport=udp") && -1 === w.indexOf("turn:[") && !R;
return _ ? (R = !0, !0) : 0 === w.indexOf("stun:") && 14393 <= x.version
}), delete L.url, L.urls = D ? M[0] : M, !!M.length
}
return !1
})
}
var S = y("sdp"),
x = y("../utils").browserDetails,
k = {
shimPeerConnection: function() {
if (window.RTCIceGatherer && (window.RTCIceCandidate || (window.RTCIceCandidate = function(R) {
return R
}), window.RTCSessionDescription || (window.RTCSessionDescription = function(R) {
return R
}), 15025 > x.version)) {
var E = Object.getOwnPropertyDescriptor(MediaStreamTrack.prototype, "enabled");
Object.defineProperty(MediaStreamTrack.prototype, "enabled", {
set: function(R) {
E.set.call(this, R);
var L = new Event("enabled");
L.enabled = R, this.dispatchEvent(L)
}
})
}
window.RTCPeerConnection = function(R) {
var L = this,
M = document.createDocumentFragment();
if (["addEventListener", "removeEventListener", "dispatchEvent"].forEach(function(D) {
L[D] = M[D].bind(M)
}), this.onicecandidate = null, this.onaddstream = null, this.ontrack = null, this.onremovestream = null, this.onsignalingstatechange = null, this.oniceconnectionstatechange = null, this.onicegatheringstatechange = null, this.onnegotiationneeded = null, this.ondatachannel = null, this.canTrickleIceCandidates = null, this.localStreams = [], this.remoteStreams = [], this.getLocalStreams = function() {
return L.localStreams
}, this.getRemoteStreams = function() {
return L.remoteStreams
}, this.localDescription = new RTCSessionDescription({
type: "",
sdp: ""
}), this.remoteDescription = new RTCSessionDescription({
type: "",
sdp: ""
}), this.signalingState = "stable", this.iceConnectionState = "new", this.iceGatheringState = "new", this.iceOptions = {
gatherPolicy: "all",
iceServers: []
}, R && R.iceTransportPolicy) switch (R.iceTransportPolicy) {
case "all":
case "relay":
this.iceOptions.gatherPolicy = R.iceTransportPolicy;
break;
default:
}
this.usingBundle = R && "max-bundle" === R.bundlePolicy, R && R.iceServers && (this.iceOptions.iceServers = P(R.iceServers)), this._config = R || {}, this.transceivers = [], this._localIceCandidatesBuffer = []
}, window.RTCPeerConnection.prototype._emitGatheringStateChange = function() {
var R = new Event("icegatheringstatechange");
this.dispatchEvent(R), null !== this.onicegatheringstatechange && this.onicegatheringstatechange(R)
}, window.RTCPeerConnection.prototype._emitBufferedCandidates = function() {
var R = this,
L = S.splitSections(R.localDescription.sdp);
this._localIceCandidatesBuffer.forEach(function(M) {
var D = !M.candidate || 0 === Object.keys(M.candidate).length;
if (D)
for (var w = 1; w < L.length; w++) - 1 === L[w].indexOf("\r\na=end-of-candidates\r\n") && (L[w] += "a=end-of-candidates\r\n");
else L[M.candidate.sdpMLineIndex + 1] += "a=" + M.candidate.candidate + "\r\n";
if (R.localDescription.sdp = L.join(""), R.dispatchEvent(M), null !== R.onicecandidate && R.onicecandidate(M), !M.candidate && "complete" !== R.iceGatheringState) {
var _ = R.transceivers.every(function(O) {
return O.iceGatherer && "completed" === O.iceGatherer.state
});
_ && "complete" !== R.iceGatheringStateChange && (R.iceGatheringState = "complete", R._emitGatheringStateChange())
}
}), this._localIceCandidatesBuffer = []
}, window.RTCPeerConnection.prototype.getConfiguration = function() {
return this._config
}, window.RTCPeerConnection.prototype.addStream = function(R) {
if (15025 <= x.version) this.localStreams.push(R);
else {
var L = R.clone();
R.getTracks().forEach(function(M, D) {
var w = L.getTracks()[D];
M.addEventListener("enabled", function(_) {
w.enabled = _.enabled
})
}), this.localStreams.push(L)
}
this._maybeFireNegotiationNeeded()
}, window.RTCPeerConnection.prototype.removeStream = function(R) {
var L = this.localStreams.indexOf(R); - 1 < L && (this.localStreams.splice(L, 1), this._maybeFireNegotiationNeeded())
}, window.RTCPeerConnection.prototype.getSenders = function() {
return this.transceivers.filter(function(R) {
return !!R.rtpSender
}).map(function(R) {
return R.rtpSender
})
}, window.RTCPeerConnection.prototype.getReceivers = function() {
return this.transceivers.filter(function(R) {
return !!R.rtpReceiver
}).map(function(R) {
return R.rtpReceiver
})
}, window.RTCPeerConnection.prototype._getCommonCapabilities = function(R, L) {
var M = {
codecs: [],
headerExtensions: [],
fecMechanisms: []
},
D = function(_, O) {
_ = parseInt(_, 10);
for (var I = 0; I < O.length; I++)
if (O[I].payloadType === _ || O[I].preferredPayloadType === _) return O[I]
},
w = function(_, O, I, U) {
var G = D(_.parameters.apt, I),
A = D(O.parameters.apt, U);
return G && A && G.name.toLowerCase() === A.name.toLowerCase()
};
return R.codecs.forEach(function(_) {
for (var I, O = 0; O < L.codecs.length; O++)
if (I = L.codecs[O], _.name.toLowerCase() === I.name.toLowerCase() && _.clockRate === I.clockRate) {
if ("rtx" === _.name.toLowerCase() && _.parameters && I.parameters.apt && !w(_, I, R.codecs, L.codecs)) continue;
I = JSON.parse(JSON.stringify(I)), I.numChannels = Math.min(_.numChannels, I.numChannels), M.codecs.push(I), I.rtcpFeedback = I.rtcpFeedback.filter(function(U) {
for (var G = 0; G < _.rtcpFeedback.length; G++)
if (_.rtcpFeedback[G].type === U.type && _.rtcpFeedback[G].parameter === U.parameter) return !0;
return !1
});
break
}
}), R.headerExtensions.forEach(function(_) {
for (var I, O = 0; O < L.headerExtensions.length; O++)
if (I = L.headerExtensions[O], _.uri === I.uri) {
M.headerExtensions.push(I);
break
}
}), M
}, window.RTCPeerConnection.prototype._createIceAndDtlsTransports = function(R, L) {
var M = this,
D = new RTCIceGatherer(M.iceOptions),
w = new RTCIceTransport(D);
D.onlocalcandidate = function(O) {
var I = new Event("icecandidate");
I.candidate = {
sdpMid: R,
sdpMLineIndex: L
};
var U = O.candidate,
G = !U || 0 === Object.keys(U).length;
G ? void 0 === D.state && (D.state = "completed") : (U.component = "RTCP" === w.component ? 2 : 1, I.candidate.candidate = S.writeCandidate(U));
var A = S.splitSections(M.localDescription.sdp);
A[I.candidate.sdpMLineIndex + 1] += G ? "a=end-of-candidates\r\n" : "a=" + I.candidate.candidate + "\r\n", M.localDescription.sdp = A.join("");
var F = M._pendingOffer ? M._pendingOffer : M.transceivers,
N = F.every(function(B) {
return B.iceGatherer && "completed" === B.iceGatherer.state
});
switch (M.iceGatheringState) {
case "new":
G || M._localIceCandidatesBuffer.push(I), G && N && M._localIceCandidatesBuffer.push(new Event("icecandidate"));
break;
case "gathering":
M._emitBufferedCandidates(), G || (M.dispatchEvent(I), null !== M.onicecandidate && M.onicecandidate(I)), N && (M.dispatchEvent(new Event("icecandidate")), null !== M.onicecandidate && M.onicecandidate(new Event("icecandidate")), M.iceGatheringState = "complete", M._emitGatheringStateChange());
break;
case "complete":
break;
default:
}
}, w.onicestatechange = function() {
M._updateConnectionState()
};
var _ = new RTCDtlsTransport(w);
return _.ondtlsstatechange = function() {
M._updateConnectionState()
}, _.onerror = function() {
_.state = "failed", M._updateConnectionState()
}, {
iceGatherer: D,
iceTransport: w,
dtlsTransport: _
}
}, window.RTCPeerConnection.prototype._disposeIceAndDtlsTransports = function(R) {
var L = this.transceivers[R].iceGatherer;
L && (delete L.onlocalcandidate, delete this.transceivers[R].iceGatherer);
var M = this.transceivers[R].iceTransport;
M && (delete M.onicestatechange, delete this.transceivers[R].iceTransport);
var D = this.transceivers[R].dtlsTransport;
D && (delete D.ondtlssttatechange, delete D.onerror, delete this.transceivers[R].dtlsTransport)
}, window.RTCPeerConnection.prototype._transceive = function(R, L, M) {
var D = this._getCommonCapabilities(R.localCapabilities, R.remoteCapabilities);
L && R.rtpSender && (D.encodings = R.sendEncodingParameters, D.rtcp = {
cname: S.localCName,
compound: R.rtcpParameters.compound
}, R.recvEncodingParameters.length && (D.rtcp.ssrc = R.recvEncodingParameters[0].ssrc), R.rtpSender.send(D)), M && R.rtpReceiver && ("video" === R.kind && R.recvEncodingParameters && 15019 > x.version && R.recvEncodingParameters.forEach(function(w) {
delete w.rtx
}), D.encodings = R.recvEncodingParameters, D.rtcp = {
cname: R.rtcpParameters.cname,
compound: R.rtcpParameters.compound
}, R.sendEncodingParameters.length && (D.rtcp.ssrc = R.sendEncodingParameters[0].ssrc), R.rtpReceiver.receive(D))
}, window.RTCPeerConnection.prototype.setLocalDescription = function(R) {
var M, D, L = this;
if ("offer" === R.type) this._pendingOffer && (M = S.splitSections(R.sdp), D = M.shift(), M.forEach(function(U, G) {
var A = S.parseRtpParameters(U);
L._pendingOffer[G].localCapabilities = A
}), this.transceivers = this._pendingOffer, delete this._pendingOffer);
else if ("answer" === R.type) {
M = S.splitSections(L.remoteDescription.sdp), D = M.shift();
var w = 0 < S.matchPrefix(D, "a=ice-lite").length;
M.forEach(function(U, G) {
var A = L.transceivers[G],
F = A.iceGatherer,
N = A.iceTransport,
B = A.dtlsTransport,
V = A.localCapabilities,
H = A.remoteCapabilities,
z = "0" === U.split("\n", 1)[0].split(" ", 2)[1];
if (!z && !A.isDatachannel) {
var q = S.getIceParameters(U, D),
W = S.getDtlsParameters(U, D);
w && (W.role = "server"), L.usingBundle && 0 !== G || (N.start(F, q, w ? "controlling" : "controlled"), B.start(W));
var K = L._getCommonCapabilities(V, H);
L._transceive(A, 0 < K.codecs.length, !1)
}
})
}
switch (this.localDescription = {
type: R.type,
sdp: R.sdp
}, R.type) {
case "offer":
this._updateSignalingState("have-local-offer");
break;
case "answer":
this._updateSignalingState("stable");
break;
default:
throw new TypeError("unsupported type \"" + R.type + "\"");
}
var _ = 1 < arguments.length && "function" == typeof arguments[1];
if (_) {
var O = arguments[1];
window.setTimeout(function() {
O(), "new" === L.iceGatheringState && (L.iceGatheringState = "gathering", L._emitGatheringStateChange()), L._emitBufferedCandidates()
}, 0)
}
var I = Promise.resolve();
return I.then(function() {
_ || ("new" === L.iceGatheringState && (L.iceGatheringState = "gathering", L._emitGatheringStateChange()), window.setTimeout(L._emitBufferedCandidates.bind(L), 500))
}), I
}, window.RTCPeerConnection.prototype.setRemoteDescription = function(R) {
var L = this,
M = {},
D = [],
w = S.splitSections(R.sdp),
_ = w.shift(),
O = 0 < S.matchPrefix(_, "a=ice-lite").length,
I = 0 < S.matchPrefix(_, "a=group:BUNDLE ").length,
U = S.matchPrefix(_, "a=ice-options:")[0];
switch (this.canTrickleIceCandidates = !!U && 0 <= U.substr(14).split(" ").indexOf("trickle"), w.forEach(function(G, A) {
var F = S.splitLines(G),
N = F[0].substr(2).split(" "),
B = N[0],
V = "0" === N[1],
H = S.getDirection(G, _),
z = S.parseMsid(G),
q = S.matchPrefix(G, "a=mid:");
if (q = q.length ? q[0].substr(6) : S.generateIdentifier(), "application" === B && "DTLS/SCTP" === N[2]) return void(L.transceivers[A] = {
mid: q,
isDatachannel: !0
});
var W, K, X, Q, J, Y, Z, $, ee, re, ne, ie, ae = S.parseRtpParameters(G);
V || (ne = S.getIceParameters(G, _), ie = S.getDtlsParameters(G, _), ie.role = "client"), $ = S.parseRtpEncodingParameters(G);
var se = S.parseRtcpParameters(G),
oe = 0 < S.matchPrefix(G, "a=end-of-candidates", _).length,
de = S.matchPrefix(G, "a=candidate:").map(function(le) {
return S.parseCandidate(le)
}).filter(function(le) {
return "1" === le.component
});
if ("offer" === R.type && !V) {
var ce = I && 0 < A ? {
iceGatherer: L.transceivers[0].iceGatherer,
iceTransport: L.transceivers[0].iceTransport,
dtlsTransport: L.transceivers[0].dtlsTransport
} : L._createIceAndDtlsTransports(q, A);
if (oe && (!I || 0 === A) && ce.iceTransport.setRemoteCandidates(de), ee = RTCRtpReceiver.getCapabilities(B), 15019 > x.version && (ee.codecs = ee.codecs.filter(function(le) {
return "rtx" !== le.name
})), Z = [{
ssrc: 1001 * (2 * A + 2)
}], ("sendrecv" === H || "sendonly" === H) && (Y = new RTCRtpReceiver(ce.dtlsTransport, B), re = Y.track, z ? (!M[z.stream] && (M[z.stream] = new MediaStream, Object.defineProperty(M[z.stream], "id", {
get: function() {
return z.stream
}
})), Object.defineProperty(re, "id", {
get: function() {
return z.track
}
}), M[z.stream].addTrack(re), D.push([re, Y, M[z.stream]])) : (!M.default && (M.default = new MediaStream), M.default.addTrack(re), D.push([re, Y, M.default]))), 0 < L.localStreams.length && L.localStreams[0].getTracks().length >= A) {
var pe;
"audio" === B ? pe = L.localStreams[0].getAudioTracks()[0] : "video" === B && (pe = L.localStreams[0].getVideoTracks()[0]), pe && (15019 <= x.version && "video" === B && (Z[0].rtx = {
ssrc: 1001 * (2 * A + 2) + 1
}), J = new RTCRtpSender(pe, ce.dtlsTransport))
}
L.transceivers[A] = {
iceGatherer: ce.iceGatherer,
iceTransport: ce.iceTransport,
dtlsTransport: ce.dtlsTransport,
localCapabilities: ee,
remoteCapabilities: ae,
rtpSender: J,
rtpReceiver: Y,
kind: B,
mid: q,
rtcpParameters: se,
sendEncodingParameters: Z,
recvEncodingParameters: $
}, L._transceive(L.transceivers[A], !1, "sendrecv" === H || "sendonly" === H)
} else "answer" !== R.type || V || (I && 0 < A && (L._disposeIceAndDtlsTransports(A), L.transceivers[A].iceGatherer = L.transceivers[0].iceGatherer, L.transceivers[A].iceTransport = L.transceivers[0].iceTransport, L.transceivers[A].dtlsTransport = L.transceivers[0].dtlsTransport), W = L.transceivers[A], K = W.iceGatherer, X = W.iceTransport, Q = W.dtlsTransport, J = W.rtpSender, Y = W.rtpReceiver, Z = W.sendEncodingParameters, ee = W.localCapabilities, L.transceivers[A].recvEncodingParameters = $, L.transceivers[A].remoteCapabilities = ae, L.transceivers[A].rtcpParameters = se, (O || oe) && de.length && X.setRemoteCandidates(de), I && 0 !== A || (X.start(K, ne, "controlling"), Q.start(ie)), L._transceive(W, "sendrecv" === H || "recvonly" === H, "sendrecv" === H || "sendonly" === H), Y && ("sendrecv" === H || "sendonly" === H) ? (re = Y.track, D.push([re, Y]), z ? (!M[z.stream] && (M[z.stream] = new MediaStream), M[z.stream].addTrack(re)) : (!M.default && (M.default = new MediaStream), M.default.addTrack(re))) : delete W.rtpReceiver)
}), this.usingBundle = I, this.remoteDescription = {
type: R.type,
sdp: R.sdp
}, R.type) {
case "offer":
this._updateSignalingState("have-remote-offer");
break;
case "answer":
this._updateSignalingState("stable");
break;
default:
throw new TypeError("unsupported type \"" + R.type + "\"");
}
return Object.keys(M).forEach(function(G) {
var A = M[G];
if (A.getTracks().length) {
L.remoteStreams.push(A);
var F = new Event("addstream");
F.stream = A, L.dispatchEvent(F), null !== L.onaddstream && window.setTimeout(function() {
L.onaddstream(F)
}, 0), D.forEach(function(N) {
var B = N[0],
V = N[1];
if (A.id === N[2].id) {
var H = new Event("track");
H.track = B, H.receiver = V, H.streams = [A], L.dispatchEvent(H), null !== L.ontrack && window.setTimeout(function() {
L.ontrack(H)
}, 0)
}
})
}
}), 1 < arguments.length && "function" == typeof arguments[1] && window.setTimeout(arguments[1], 0), Promise.resolve()
}, window.RTCPeerConnection.prototype.close = function() {
this.transceivers.forEach(function(R) {
R.iceTransport && R.iceTransport.stop(), R.dtlsTransport && R.dtlsTransport.stop(), R.rtpSender && R.rtpSender.stop(), R.rtpReceiver && R.rtpReceiver.stop()
}), this._updateSignalingState("closed")
}, window.RTCPeerConnection.prototype._updateSignalingState = function(R) {
this.signalingState = R;
var L = new Event("signalingstatechange");
this.dispatchEvent(L), null !== this.onsignalingstatechange && this.onsignalingstatechange(L)
}, window.RTCPeerConnection.prototype._maybeFireNegotiationNeeded = function() {
var R = new Event("negotiationneeded");
this.dispatchEvent(R), null !== this.onnegotiationneeded && this.onnegotiationneeded(R)
}, window.RTCPeerConnection.prototype._updateConnectionState = function() {
var L, R = this,
M = {
new: 0,
closed: 0,
connecting: 0,
checking: 0,
connected: 0,
completed: 0,
failed: 0
};
if (this.transceivers.forEach(function(w) {
M[w.iceTransport.state]++, M[w.dtlsTransport.state]++
}), M.connected += M.completed, L = "new", 0 < M.failed ? L = "failed" : 0 < M.connecting || 0 < M.checking ? L = "connecting" : 0 < M.disconnected ? L = "disconnected" : 0 < M.new ? L = "new" : (0 < M.connected || 0 < M.completed) && (L = "connected"), L !== R.iceConnectionState) {
R.iceConnectionState = L;
var D = new Event("iceconnectionstatechange");
this.dispatchEvent(D), null !== this.oniceconnectionstatechange && this.oniceconnectionstatechange(D)
}
}, window.RTCPeerConnection.prototype.createOffer = function() {
var R = this;
if (this._pendingOffer) throw new Error("createOffer called while there is a pending offer.");
var L;
1 === arguments.length && "function" != typeof arguments[0] ? L = arguments[0] : 3 === arguments.length && (L = arguments[2]);
var M = [],
D = 0,
w = 0;
if (this.localStreams.length && (D = this.localStreams.reduce(function(U, G) {
return U + G.getAudioTracks().length
}, 0), w = this.localStreams.reduce(function(U, G) {
return U + G.getVideoTracks().length
}, 0)), L) {
if (L.mandatory || L.optional) throw new TypeError("Legacy mandatory/optional constraints not supported.");
void 0 !== L.offerToReceiveAudio && (D = L.offerToReceiveAudio), void 0 !== L.offerToReceiveVideo && (w = L.offerToReceiveVideo)
}
for (this.localStreams.forEach(function(U) {
U.getTracks().forEach(function(G) {
M.push({
kind: G.kind,
track: G,
stream: U,
wantReceive: "audio" === G.kind ? 0 < D : 0 < w
}), "audio" === G.kind ? D-- : "video" === G.kind && w--
})
}); 0 < D || 0 < w;) 0 < D && (M.push({
kind: "audio",
wantReceive: !0
}), D--), 0 < w && (M.push({
kind: "video",
wantReceive: !0
}), w--);
M = T(M);
var _ = S.writeSessionBoilerplate(),
O = [];
M.forEach(function(U, G) {
var A = U.track,
F = U.kind,
N = S.generateIdentifier(),
B = R.usingBundle && 0 < G ? {
iceGatherer: O[0].iceGatherer,
iceTransport: O[0].iceTransport,
dtlsTransport: O[0].dtlsTransport
} : R._createIceAndDtlsTransports(N, G),
V = RTCRtpSender.getCapabilities(F);
15019 > x.version && (V.codecs = V.codecs.filter(function(W) {
return "rtx" !== W.name
})), V.codecs.forEach(function(W) {
"H264" === W.name && void 0 === W.parameters["level-asymmetry-allowed"] && (W.parameters["level-asymmetry-allowed"] = "1")
});
var H, z, q = [{
ssrc: 1001 * (2 * G + 1)
}];
A && (15019 <= x.version && "video" === F && (q[0].rtx = {
ssrc: 1001 * (2 * G + 1) + 1
}), H = new RTCRtpSender(A, B.dtlsTransport)), U.wantReceive && (z = new RTCRtpReceiver(B.dtlsTransport, F)), O[G] = {
iceGatherer: B.iceGatherer,
iceTransport: B.iceTransport,
dtlsTransport: B.dtlsTransport,
localCapabilities: V,
remoteCapabilities: null,
rtpSender: H,
rtpReceiver: z,
kind: F,
mid: N,
sendEncodingParameters: q,
recvEncodingParameters: null
}
}), "max-compat" !== this._config.bundlePolicy && (_ += "a=group:BUNDLE " + O.map(function(U) {
return U.mid
}).join(" ") + "\r\n"), _ += "a=ice-options:trickle\r\n", M.forEach(function(U, G) {
var A = O[G];
_ += S.writeMediaSection(A, A.localCapabilities, "offer", U.stream), _ += "a=rtcp-rsize\r\n"
}), this._pendingOffer = O;
var I = new RTCSessionDescription({
type: "offer",
sdp: _
});
return arguments.length && "function" == typeof arguments[0] && window.setTimeout(arguments[0], 0, I), Promise.resolve(I)
}, window.RTCPeerConnection.prototype.createAnswer = function() {
var R = this,
L = S.writeSessionBoilerplate();
this.usingBundle && (L += "a=group:BUNDLE " + this.transceivers.map(function(D) {
return D.mid
}).join(" ") + "\r\n"), this.transceivers.forEach(function(D) {
if (D.isDatachannel) return void(L += "m=application 0 DTLS/SCTP 5000\r\nc=IN IP4 0.0.0.0\r\na=mid:" + D.mid + "\r\n");
var w = R._getCommonCapabilities(D.localCapabilities, D.remoteCapabilities),
_ = w.codecs.filter(function(O) {
return "rtx" === O.name.toLowerCase()
}).length;
!_ && D.sendEncodingParameters[0].rtx && delete D.sendEncodingParameters[0].rtx, L += S.writeMediaSection(D, w, "answer", R.localStreams[0]), D.rtcpParameters && D.rtcpParameters.reducedSize && (L += "a=rtcp-rsize\r\n")
});
var M = new RTCSessionDescription({
type: "answer",
sdp: L
});
return arguments.length && "function" == typeof arguments[0] && window.setTimeout(arguments[0], 0, M), Promise.resolve(M)
}, window.RTCPeerConnection.prototype.addIceCandidate = function(R) {
if (!R) {
for (var L = 0; L < this.transceivers.length; L++)
if (this.transceivers[L].iceTransport.addRemoteCandidate({}), this.usingBundle) return Promise.resolve();
} else {
var M = R.sdpMLineIndex;
if (R.sdpMid)
for (var D = 0; D < this.transceivers.length; D++)
if (this.transceivers[D].mid === R.sdpMid) {
M = D;
break
}
var w = this.transceivers[M];
if (w) {
var _ = 0 < Object.keys(R.candidate).length ? S.parseCandidate(R.candidate) : {};
if ("tcp" === _.protocol && (0 === _.port || 9 === _.port)) return Promise.resolve();
if ("1" !== _.component) return Promise.resolve();
w.iceTransport.addRemoteCandidate(_);
var O = S.splitSections(this.remoteDescription.sdp);
O[M + 1] += (_.type ? R.candidate.trim() : "a=end-of-candidates") + "\r\n", this.remoteDescription.sdp = O.join("")
}
}
return 1 < arguments.length && "function" == typeof arguments[1] && window.setTimeout(arguments[1], 0), Promise.resolve()
}, window.RTCPeerConnection.prototype.getStats = function() {
var R = [];
this.transceivers.forEach(function(D) {
["rtpSender", "rtpReceiver", "iceGatherer", "iceTransport", "dtlsTransport"].forEach(function(w) {
D[w] && R.push(D[w].getStats())
})
});
var L = 1 < arguments.length && "function" == typeof arguments[1] && arguments[1],
M = function(D) {
return {
inboundrtp: "inbound-rtp",
outboundrtp: "outbound-rtp",
candidatepair: "candidate-pair",
localcandidate: "local-candidate",
remotecandidate: "remote-candidate"
}[D.type] || D.type
};
return new Promise(function(D) {
var w = new Map;
Promise.all(R).then(function(_) {
_.forEach(function(O) {
Object.keys(O).forEach(function(I) {
O[I].type = M(O[I]), w.set(I, O[I])
})
}), L && window.setTimeout(L, 0, w), D(w)
})
})
}
},
shimReplaceTrack: function() {
window.RTCRtpSender && !("replaceTrack" in RTCRtpSender.prototype) && (RTCRtpSender.prototype.replaceTrack = RTCRtpSender.prototype.setTrack)
}
};
C.exports = {
shimPeerConnection: k.shimPeerConnection,
shimGetUserMedia: y("./getusermedia"),
shimReplaceTrack: k.shimReplaceTrack
}
}, {
"../utils": 10,
"./getusermedia": 6,
sdp: 1
}],
6: [function(y, C) {
"use strict";
C.exports = function() {
var T = function(S) {
return {
name: {
PermissionDeniedError: "NotAllowedError"
}[S.name] || S.name,
message: S.message,
constraint: S.constraint,
toString: function() {
return this.name
}
}
},
P = navigator.mediaDevices.getUserMedia.bind(navigator.mediaDevices);
navigator.mediaDevices.getUserMedia = function(S) {
return P(S).catch(function(x) {
return Promise.reject(T(x))
})
}
}
}, {}],
7: [function(y, C) {
"use strict";
var T = y("../utils").browserDetails,
P = {
shimOnTrack: function() {
"object" == typeof window && window.RTCPeerConnection && !("ontrack" in window.RTCPeerConnection.prototype) && Object.defineProperty(window.RTCPeerConnection.prototype, "ontrack", {
get: function() {
return this._ontrack
},
set: function(S) {
this._ontrack && (this.removeEventListener("track", this._ontrack), this.removeEventListener("addstream", this._ontrackpoly)), this.addEventListener("track", this._ontrack = S), this.addEventListener("addstream", this._ontrackpoly = function(x) {
x.stream.getTracks().forEach(function(k) {
var E = new Event("track");
E.track = k, E.receiver = {
track: k
}, E.streams = [x.stream], this.dispatchEvent(E)
}.bind(this))
}.bind(this))
}
})
},
shimSourceObject: function() {
"object" == typeof window && window.HTMLMediaElement && !("srcObject" in window.HTMLMediaElement.prototype) && Object.defineProperty(window.HTMLMediaElement.prototype, "srcObject", {
get: function() {
return this.mozSrcObject
},
set: function(S) {
this.mozSrcObject = S
}
})
},
shimPeerConnection: function() {
if ("object" == typeof window && (window.RTCPeerConnection || window.mozRTCPeerConnection)) {
window.RTCPeerConnection || (window.RTCPeerConnection = function(R, L) {
if (38 > T.version && R && R.iceServers) {
for (var w, M = [], D = 0; D < R.iceServers.length; D++)
if (w = R.iceServers[D], w.hasOwnProperty("urls"))
for (var O, _ = 0; _ < w.urls.length; _++) O = {
url: w.urls[_]
}, 0 === w.urls[_].indexOf("turn") && (O.username = w.username, O.credential = w.credential), M.push(O);
else M.push(R.iceServers[D]);
R.iceServers = M
}
return new mozRTCPeerConnection(R, L)
}, window.RTCPeerConnection.prototype = mozRTCPeerConnection.prototype, mozRTCPeerConnection.generateCertificate && Object.defineProperty(window.RTCPeerConnection, "generateCertificate", {
get: function() {
return mozRTCPeerConnection.generateCertificate
}
}), window.RTCSessionDescription = mozRTCSessionDescription, window.RTCIceCandidate = mozRTCIceCandidate), ["setLocalDescription", "setRemoteDescription", "addIceCandidate"].forEach(function(R) {
var L = RTCPeerConnection.prototype[R];
RTCPeerConnection.prototype[R] = function() {
return arguments[0] = new("addIceCandidate" === R ? RTCIceCandidate : RTCSessionDescription)(arguments[0]), L.apply(this, arguments)
}
});
var S = RTCPeerConnection.prototype.addIceCandidate;
RTCPeerConnection.prototype.addIceCandidate = function() {
return arguments[0] ? S.apply(this, arguments) : (arguments[1] && arguments[1].apply(null), Promise.resolve())
};
var x = function(R) {
var L = new Map;
return Object.keys(R).forEach(function(M) {
L.set(M, R[M]), L[M] = R[M]
}), L
},
k = {
inboundrtp: "inbound-rtp",
outboundrtp: "outbound-rtp",
candidatepair: "candidate-pair",
localcandidate: "local-candidate",
remotecandidate: "remote-candidate"
},
E = RTCPeerConnection.prototype.getStats;
RTCPeerConnection.prototype.getStats = function(R, L, M) {
return E.apply(this, [R || null]).then(function(D) {
if (48 > T.version && (D = x(D)), 53 > T.version && !L) try {
D.forEach(function(w) {
w.type = k[w.type] || w.type
})
} catch (w) {
if ("TypeError" !== w.name) throw w;
D.forEach(function(_, O) {
D.set(O, Object.assign({}, _, {
type: k[_.type] || _.type
}))
})
}
return D
}).then(L, M)
}
}
}
};
C.exports = {
shimOnTrack: P.shimOnTrack,
shimSourceObject: P.shimSourceObject,
shimPeerConnection: P.shimPeerConnection,
shimGetUserMedia: y("./getusermedia")
}
}, {
"../utils": 10,
"./getusermedia": 8
}],
8: [function(y, C) {
"use strict";
var T = y("../utils").log,
P = y("../utils").browserDetails;
C.exports = function() {
var S = function(L) {
return {
name: {
NotSupportedError: "TypeError",
SecurityError: "NotAllowedError",
PermissionDeniedError: "NotAllowedError"
}[L.name] || L.name,
message: {
"The operation is insecure.": "The request is not allowed by the user agent or the platform in the current context."
}[L.message] || L.message,
constraint: L.constraint,
toString: function() {
return this.name + (this.message && ": ") + this.message
}
}
},
x = function(L, M, D) {
var w = function(_) {
if ("object" != typeof _ || _.require) return _;
var O = [];
return Object.keys(_).forEach(function(I) {
if ("require" !== I && "advanced" !== I && "mediaSource" !== I) {
var U = _[I] = "object" == typeof _[I] ? _[I] : {
ideal: _[I]
};
if ((void 0 !== U.min || void 0 !== U.max || void 0 !== U.exact) && O.push(I), void 0 !== U.exact && ("number" == typeof U.exact ? U.min = U.max = U.exact : _[I] = U.exact, delete U.exact), void 0 !== U.ideal) {
_.advanced = _.advanced || [];
var G = {};
G[I] = "number" == typeof U.ideal ? {
min: U.ideal,
max: U.ideal
} : U.ideal, _.advanced.push(G), delete U.ideal, Object.keys(U).length || delete _[I]
}
}
}), O.length && (_.require = O), _
};
return L = JSON.parse(JSON.stringify(L)), 38 > P.version && (T("spec: " + JSON.stringify(L)), L.audio && (L.audio = w(L.audio)), L.video && (L.video = w(L.video)), T("ff37: " + JSON.stringify(L))), navigator.mozGetUserMedia(L, M, function(_) {
D(S(_))
})
};
if (navigator.mediaDevices || (navigator.mediaDevices = {
getUserMedia: function(L) {
return new Promise(function(M, D) {
x(L, M, D)
})
},
addEventListener: function() {},
removeEventListener: function() {}
}), navigator.mediaDevices.enumerateDevices = navigator.mediaDevices.enumerateDevices || function() {
return new Promise(function(L) {
L([{
kind: "audioinput",
deviceId: "default",
label: "",
groupId: ""
}, {
kind: "videoinput",
deviceId: "default",
label: "",
groupId: ""
}])
})
}, 41 > P.version) {
var E = navigator.mediaDevices.enumerateDevices.bind(navigator.mediaDevices);
navigator.mediaDevices.enumerateDevices = function() {
return E().then(void 0, function(L) {
if ("NotFoundError" === L.name) return [];
throw L
})
}
}
if (49 > P.version) {
var R = navigator.mediaDevices.getUserMedia.bind(navigator.mediaDevices);
navigator.mediaDevices.getUserMedia = function(L) {
return R(L).then(function(M) {
if (L.audio && !M.getAudioTracks().length || L.video && !M.getVideoTracks().length) throw M.getTracks().forEach(function(D) {
D.stop()
}), new DOMException("The object can not be found here.", "NotFoundError");
return M
}, function(M) {
return Promise.reject(S(M))
})
}
}
navigator.getUserMedia = function(L, M, D) {
return 44 > P.version ? x(L, M, D) : void(console.warn("navigator.getUserMedia has been replaced by navigator.mediaDevices.getUserMedia"), navigator.mediaDevices.getUserMedia(L).then(M, D))
}
}
}, {
"../utils": 10
}],
9: [function(y, C) {
"use strict";
var T = {
shimOnAddStream: function() {
"object" == typeof window && window.RTCPeerConnection && !("onaddstream" in window.RTCPeerConnection.prototype) && Object.defineProperty(window.RTCPeerConnection.prototype, "onaddstream", {
get: function() {
return this._onaddstream
},
set: function(P) {
this._onaddstream && (this.removeEventListener("addstream", this._onaddstream), this.removeEventListener("track", this._onaddstreampoly)), this.addEventListener("addstream", this._onaddstream = P), this.addEventListener("track", this._onaddstreampoly = function(S) {
var x = S.streams[0];
if (this._streams || (this._streams = []), !(0 <= this._streams.indexOf(x))) {
this._streams.push(x);
var k = new Event("addstream");
k.stream = S.streams[0], this.dispatchEvent(k)
}
}.bind(this))
}
})
},
shimGetUserMedia: function() {
navigator.getUserMedia || (navigator.webkitGetUserMedia ? navigator.getUserMedia = navigator.webkitGetUserMedia.bind(navigator) : navigator.mediaDevices && navigator.mediaDevices.getUserMedia && (navigator.getUserMedia = function(P, S, x) {
navigator.mediaDevices.getUserMedia(P).then(S, x)
}.bind(navigator)))
}
};
C.exports = {
shimOnAddStream: T.shimOnAddStream,
shimGetUserMedia: T.shimGetUserMedia
}
}, {}],
10: [function(y, C) {
"use strict";
var T = !0,
P = {
disableLog: function(S) {
return "boolean" == typeof S ? (T = S, S ? "adapter.js logging disabled" : "adapter.js logging enabled") : new Error("Argument type: " + typeof S + ". Please use a boolean.")
},
log: function() {
if ("object" == typeof window) {
if (T) return;
"undefined" != typeof console && "function" == typeof console.log && console.log.apply(console, arguments)
}
},
extractVersion: function(S, x, k) {
var E = S.match(x);
return E && E.length >= k && parseInt(E[k], 10)
},
detectBrowser: function() {
var S = {
browser: null,
version: null
};
if ("undefined" == typeof window || !window.navigator) return S.browser = "Not a browser.", S;
if (navigator.mozGetUserMedia) S.browser = "firefox", S.version = this.extractVersion(navigator.userAgent, /Firefox\/(\d+)\./, 1);
else if (navigator.webkitGetUserMedia) {
if (window.webkitRTCPeerConnection) S.browser = "chrome", S.version = this.extractVersion(navigator.userAgent, /Chrom(e|ium)\/(\d+)\./, 2);
else if (navigator.userAgent.match(/Version\/(\d+).(\d+)/)) S.browser = "safari", S.version = this.extractVersion(navigator.userAgent, /AppleWebKit\/(\d+)\./, 1);
else return S.browser = "Unsupported webkit-based browser with GUM support but no WebRTC support.", S;
} else if (navigator.mediaDevices && navigator.userAgent.match(/Edge\/(\d+).(\d+)$/)) S.browser = "edge", S.version = this.extractVersion(navigator.userAgent, /Edge\/(\d+).(\d+)$/, 2);
else if (navigator.mediaDevices && navigator.userAgent.match(/AppleWebKit\/(\d+)\./)) S.browser = "safari", S.version = this.extractVersion(navigator.userAgent, /AppleWebKit\/(\d+)\./, 1);
else return S.browser = "Not a supported browser.", S;
return S
},
shimCreateObjectURL: function() {
if ("object" == typeof window && window.HTMLMediaElement && "srcObject" in window.HTMLMediaElement.prototype) {
var S = URL.createObjectURL.bind(URL),
x = URL.revokeObjectURL.bind(URL),
k = new Map,
E = 0;
URL.createObjectURL = function(M) {
if ("getTracks" in M) {
var D = "polyblob:" + ++E;
return k.set(D, M), console.log("URL.createObjectURL(stream) is deprecated! Use elem.srcObject = stream instead!"), D
}
return S(M)
}, URL.revokeObjectURL = function(M) {
x(M), k.delete(M)
};
var R = Object.getOwnPropertyDescriptor(window.HTMLMediaElement.prototype, "src");
Object.defineProperty(window.HTMLMediaElement.prototype, "src", {
get: function() {
return R.get.apply(this)
},
set: function(M) {
return this.srcObject = k.get(M) || null, R.set.apply(this, [M])
}
});
var L = HTMLMediaElement.prototype.setAttribute;
HTMLMediaElement.prototype.setAttribute = function() {
return 2 === arguments.length && "src" === ("" + arguments[0]).toLowerCase() && (this.srcObject = k.get(arguments[1]) || null), L.apply(this, arguments)
}
}
}
};
C.exports = {
log: P.log,
disableLog: P.disableLog,
browserDetails: P.detectBrowser(),
extractVersion: P.extractVersion,
shimCreateObjectURL: P.shimCreateObjectURL,
detectBrowser: P.detectBrowser.bind(P)
}
}, {}]
}, {}, [2])(2)
});
</script>
<script>
(function() {
"use strict";
class a {
constructor(b, c, d, f, g) {
this.videolist = b, this.chatroom = b.chatroom, this.app = b.chatroom.app, this.EventBus = b.chatroom.app.EventBus, this.handle = c, this.outgoing = d, this.sdp = g, this.mediaStream = null, this.iceStateLast = "", this.iceConnectedCount = 0;
let j = this;
this.rtc = new RTCPeerConnection({
rtcpMuxPolicy: "require",
bundlePolicy: "max-bundle",
iceServers: [{
urls: f
}]
}, {}), this.rtc.onicecandidate = function(k) {
j.onICE_Candidate(k)
}, this.rtc.oniceconnectionstatechange = function(k) {
j.onICE_ConnectionStateChange(k)
}, this.rtc.onaddstream = function(k) {
j.onAddStream(k)
}, this.rtc.onremovestream = k => {
j.onRemoveStream(k)
}
}
get ingoing() {
return !this.outgoing
}
Connect() {
this.outgoing ? this._sendOfferPublisher() : this._sendOfferRemote()
}
Close() {
if (null != this.rtc) {
let b = this.rtc;
this.rtc = null, null != this.mediaStream && (this.mediaStream.active && "closed" !== b.signalingState && "function" == typeof b.removeStream && b.removeStream(this.mediaStream), this.mediaStream.stop(), this.mediaStream = null), "closed" !== b.signalingState && b.close(), console.log("MediaConnection.SignalingState: " + b.signalingState + " ->>> Close")
}
}
AddStream(b) {
this.rtc.addStream(b), this.mediaStream = b
}
onICE_Candidate(b) {
if (console.log(b.candidate), null != b.candidate && "object" == typeof b.candidate && "string" == typeof b.candidate.candidate) {
var c = this.chatroom.tcPkt_Trickle(this.handle, b.candidate.candidate);
this.chatroom.packetWorker.send(c)
}
}
onICE_ConnectionStateChange(b) {
console.log(b);
let c = TinychatApp.BLL.BroadcastProgressEvent,
d = b.target;
if (null != d) {
switch (d.iceConnectionState) {
case "starting":
break;
case "checking":
break;
case "completed":
break;
case "connected":
if (this.outgoing && 0 === this.iceConnectedCount) {
console.log("Broadcast: Started Successfully"), this.videolist.AddVideoSelf(this.handle, this.mediaStream);
let f = new c(c.MEDIA_STARTED_SUCCESS);
this.EventBus.broadcast(c.ID, f)
}
this.iceConnectedCount += 1;
break;
case "disconnected":
break;
case "failed":
console.error(b);
case "closed":
if (this.outgoing) {
this.videolist.RemoveVideoSelf(this.handle);
let f = new c(c.MEDIA_STOPED);
this.EventBus.broadcast(c.ID, f)
} else this.videolist.RemoveVideoRemote(this.handle);
}
this.iceStateLast = d.iceConnectionState
}
}
onAddStream(b) {
return this.outgoing ? void console.log("Broadcast: LocalMedia.Added (" + this.handle + ")!!!") : void(console.log("Broadcast: RemoteMedia.Added (" + this.handle + ")!!!"), this.videolist.AddVideoRemote(this.handle, b.stream))
}
onRemoveStream() {
return this.outgoing ? void console.log("Broadcast: LocalMedia.Removed (" + this.handle + ")!!!") : void(console.log("Broadcast: RemoteMedia.Removed (" + this.handle + ")!!!"), this.videolist.RemoveVideoRemote(this.handle, event.stream))
}
_sendOfferPublisher() {
let b = this;
this.rtc.createOffer({
offerToReceiveAudio: !1,
offerToReceiveVideo: !1
}).then(function(d) {
b.rtc.setLocalDescription(d), console.log({
sdp: d.sdp
});
var f = b.chatroom.tcPkt_SDP(d.type, d.sdp, 0, function(g) {
b._onOfferPublisher(g)
});
b.chatroom.packetWorker.send(f)
}, function(d) {
console.error(d);
let f = TinychatApp.BLL.BroadcastProgressEvent,
g = new f(f.MEDIA_RTC_FAILED);
g.error = d, this.EventBus.broadcast(f.ID, g)
})
}
_onOfferPublisher(b) {
if (this.chatroom.tcPkt_TcCallbackCheck(b, "sdp"))
if (!0 === b.success) console.log({
sdp: b.sdp
}), this.rtc.setRemoteDescription(new RTCSessionDescription({
type: b.type,
sdp: b.sdp
}));
else {
if (void 0 !== b.reason && null !== b.reason)
if (16 === b.reason.code) {
let c = b.timeout.timeToReadable();
60 < b.timeout ? this.app.showToastWarn(`${b.reason.text}, you can try to broadcast again in ${c}`, 4e3) : this.app.showToast(`${b.reason.text}, you can try to broadcast again in ${c}`, 4e3)
} else 18 === b.reason.code && this.app.showToast(b.reason.text, 3e3);
this.rtc.close()
}
}
_sendOfferRemote() {
let b = this;
this.rtc.setRemoteDescription(new RTCSessionDescription({
type: "offer",
sdp: this.sdp
})).then(function() {
return b.rtc.remoteDescription
}).then(function() {
b.rtc.createAnswer().then(function(c) {
return b.rtc.setLocalDescription(c)
}).then(function() {
let c = b.rtc.localDescription.type,
d = b.rtc.localDescription.sdp,
f = b.handle;
var g = b.chatroom.tcPkt_SDP(c, d, f, function() {});
b.chatroom.packetWorker.send(g)
}).catch(function(c) {
console.error(c)
})
}).catch(function(c) {
console.error(c)
})
}
_onOfferRemote(b) {
this.chatroom.tcPkt_TcCallbackCheck(b, "sdp") && (!0 !== b.success && this.Close(), console.log("Broadcast: RemoteMedia.SDP ..."))
}
}
window.TinychatApp.BLL.MediaConnection = a
})();
</script>
<script>
(function() {
'use strict';
let a = null;
class c {
constructor(m, n, o) {
this.debug = o, o && (window.DEBUG = o), this.EventBus = new EventBus, this._version = new l(2, 0, 0, 24, o), window.rootDir = this._version.rootDir(), this.defaultChatroom = null, console.log('App.useragent - ' + this.useragent), this.tc_token = m, this.loginState = null, this.LoginInfo(n), this.showShareHandler = null, this.showMediaFiltersHandler = null, this.showMediaSettingsHandler = null, this.showSettingsHandler = null, this.showUpgradeHandler = null, this.showNotificationHandler = null, this.showUserProfile = null, this.showBanlistHandler = null, this.showYoutubeHandler = null, this.showMobileAppHandler = null
}
static getInstance(m, n, o) {
return null == a && (a = new c(m, n, o)), a
}
static get RegExp_Nickname() {
return /\w+/ig
}
static get url() {
return 'https://tinychat.com'
}
static url_avatar(m) {
var m = m == void 0 ? 'guest' : m;
return 'https://upload.tinychat.com' + '/pic/' + encodeURI(m)
}
static url_api_v1_0() {
return c.url + '/api/v1.0'
}
static url_api_login_info() {
return this.url_api_v1_0() + '/user/info'
}
static url_api_room_token(m) {
return this.url_api_v1_0() + '/room/token/' + encodeURI(m)
}
static url_api_settings_switchclient(m) {
return '/settings/version/' + encodeURI(m)
}
static url_api_userprofile(m) {
var m = m == void 0 ? 'guest' : m;
return this.url_api_v1_0() + '/user/profile?username=' + encodeURI(m)
}
static url_api_follow() {
return this.url + '/user/follow'
}
get version() {
return this._version
}
get useragent() {
return this._version.userAgent()
}
get settings() {
return TinychatApp.BLL.SettingsFeature.getInstance(this.EventBus)
}
get _tracker() {
return TinychatApp.BLL.Tracker.getInstance()
}
get _router() {
return TinychatApp.BLL.Router.getInstance()
}
get _api() {
return WebAPI.getInstance()
}
get _cookie() {
return CookieUtils
}
isDebug() {
return this.debug
}
GetChatroom(m) {
if (this.isDebug() && console.warn('App.isDebug'), void 0 == m) throw new Exception('Roomname is empty');
let n = this.settings.getSettings();
return this.defaultChatroom = new TinychatApp.BLL.ChatRoom(this, this.tc_token, m, n.nickname), this.defaultChatroom
}
GiveAGift(m) {
'string' == typeof m && 0 < m.length ? this._router.GiveAGift(m) : this._router.GiveAGift()
}
LiveDirectory() {
this._router.LiveDirectory()
}
EarnCoins() {
this._router.EarnCoins()
}
UpgradeSub() {
this._router.UpgradeSub()
}
SwitchClientVersion() {
let m = this;
this._api.wsj({
src: m.url_api_settings_switchclient('old')
}).then(o => {
console.log(o), window.location.reload()
}).catch(o => {
console.error(o), m.showToastWarn('Some unknown server error occurred')
})
}
PromoteRoom() {
this._router.PromoteRoom()
}
Login() {
this._router.Login()
}
Register() {
this._router.Register()
}
Logout() {
this._router.Logout()
}
Share() {
Object.isFunc(this.showShareHandler) && this.showShareHandler()
}
Banlist() {
Object.isFunc(this.showBanlistHandler) && this.showBanlistHandler()
}
Youtube() {
Object.isFunc(this.showYoutubeHandler) && this.showYoutubeHandler()
}
MediaFilters() {
Object.isFunc(this.showMediaFiltersHandler) && this.showMediaFiltersHandler()
}
MediaSettings(m) {
Object.isFunc(this.showMediaSettingsHandler) && this.showMediaSettingsHandler(m)
}
Settings() {
Object.isFunc(this.showSettingsHandler) && this.showSettingsHandler()
}
Upgrade(m) {
Object.isFunc(this.showUpgradeHandler) && this.showUpgradeHandler(m)
}
Notify(m, n) {
Object.isFunc(this.showNotificationHandler) && this.showNotificationHandler(m, n)
}
MoblileApp(m) {
Object.isFunc(this.showMobileAppHandler) && this.showMobileAppHandler(m)
}
DevNews() {
this._router.DevNews()
}
WebSettings() {
this._router.WebSettings()
}
GoGooglePlay() {
this._router.GooglePlay()
}
GoAppStore() {
this._router.AppStore()
}
UserProfile(m) {
Object.isFunc(this.showUserProfile) && this.showUserProfile(m)
}
LoginInfo(m) {
var n = this;
if ('object' == typeof m) {
let o = m,
p = new TinychatApp.DAL.LoginUserInfoEntity,
q = new TinychatApp.DAL.LoginResultEntity;
return q.loggedIn = o.loggedIn, q.loginName = o.username, q.userInfo = p, void this.OnLoginInfo(q)
}
this._api.wsj({
src: c.url_api_login_info()
}).then(function(o) {
let p = new TinychatApp.DAL.LoginResultEntity;
if (p.errorcode = o.result, p.errormsg = o.message, 'success' == o.result) {
var q = new TinychatApp.DAL.LoginUserInfoEntity;
p.usersuggestion = o.username, p.userInfo = q, n.OnLoginInfo(p)
}
let s = n._parseLoginCookies();
p.loggedIn = null != s, p.loginName = null == s ? '' : s.login_name;
let t = n.loginState,
u = new g(t, p);
n.EventBus.broadcast(g.ID, u)
}).catch(function(o) {
console.error(o)
})
}
OnLoginInfo(m) {
this.loginState = m == void 0 ? null : m
}
LoginState() {
return this.loginState
}
IsLoggedIn() {
return null != this.loginState && this.loginState.loggedIn
}
LoginName() {
return null == this.loginState ? null : this.loginState.loginName
}
IsFree() {
return !(null != this.loginState) || !(null != this.loginState.userInfo) || 0 === this.loginState.userInfo.stype
}
GetAvatarUrl(m) {
return c.url_avatar(m)
}
Follow(m, n, o) {
return this._api.wsj({
src: c.url_api_follow(),
params: {
event: 1,
favourite: m
}
}, !0).then(function(p) {
Object.isFunc(n) && n(p)
}).catch(function(p) {
console.error(p), Object.isFunc(o) && o(p)
})
}
GetProfile(m, n, o) {
return this._api.wsj({
src: c.url_api_userprofile(m)
}).then(function(p) {
if ('success' != p.result) return !1;
let q = new TinychatApp.DAL.UserProfileEntity;
q.username = p.username, q.biography = p.biography, q.gender = p.gender, q.age = p.age, q.location = p.location, q.role = p.role, q.stype = p.stype, q.avatarUrl = p.avatarUrl, q.achieveUrl = p.achieveUrl, q.percentToNextAchieve = p.percentToNextAchieve, q.giftpoints = p.giftpoints;
let s = p.virtualgifts,
t = [];
Array.isArray(s) && Object.keys(s).forEach(u => {
let v = new TinychatApp.DAL.GiftEntity,
w = s[u];
v.giftUrl = w.imageSource, v.giftName = w.name, t.push(v)
}), q.gifts = t, Object.isFunc(n) && n(q)
}).catch(function(p) {
console.error(p), Object.isFunc(o) && o(p)
})
}
IsValidNickname(m) {
if ('string' != typeof m) return !1;
if (1 > m.length) return !1;
var n = c.RegExp_Nickname.exec(m);
return null == n || n.input.length != n[0].length ? !1 : !0
}
IsValidRoomname(m) {
return this.IsValidNickname(m)
}
ReconnectDefaultChatroom() {
this.defaultChatroom ? this.defaultChatroom.Reconnect() : window.location.reload()
}
showToastLurker() {
let m = this,
n = Toast.TYPE.WARN,
s = new j(n, 'You\'re in view-only mode. Reconnect and solve captcha...', 4e3, () => {
m.ReconnectDefaultChatroom()
}, 'Solve Captcha');
this.EventBus.broadcast(j.ID, s)
}
showToastWarn(m, n = 2e3) {
let o = Toast.TYPE.WARN,
q = new j(o, m, n, null);
this.EventBus.broadcast(j.ID, q)
}
showToast(m, n = 2e3) {
let q = new j('', m, n, null);
this.EventBus.broadcast(j.ID, q)
}
_readLoginState() {
let m = this._parseLoginCookies(),
n = new TinychatApp.DAL.LoginResultEntity;
return n.loggedIn = null != m, n.loginName = null == m ? '' : m.login_name, n
}
_parseLoginCookies() {
try {
let m = this._cookie.getCookie('pass'),
n = this._cookie.getCookie('user'),
o = this._cookie.getCookie('hash'),
p = new k;
if (p.login_hash = o, p.login_passhash = m, p.login_name = n, void 0 != p.login_hash && 'string' == typeof p.login_hash && void 0 != p.login_passhash && 'string' == typeof p.login_passhash && void 0 != p.login_name && 'string' == typeof p.login_name) return p
} catch (m) {}
return null
}
}
const d = 'LoginStateChangedEvent_' + Math.Guid.newGuid();
class g {
static get ID() {
return d
}
constructor(m, n) {
return this.beforeState = m, this.loginState = n, this
}
}
const h = 'ToastEvent_' + Math.Guid.newGuid();
class j {
static get ID() {
return h
}
constructor(m, n, o, p, q) {
return this.type = m, this.text = n, this.wait = o, this.ok_handler = p, this.ok_text = q, this
}
}
class k {
constructor() {
this.login_hash = '', this.login_passhash = '', this.login_name = ''
}
}
class l {
constructor(m, n, o, p, q) {
this.app_name = 'Tinychat', this.major = m, this.minor = n, this.patch = o, this.build = p, this.debug = q != void 0 && q
}
toString() {
return this.shortTitle()
}
userAgent() {
return this.format('{0}-client-webrtc-{3}-{1}-{2}').toLowerCase()
}
shortTitle() {
return this.format('v{1} ({2})')
}
title() {
return this.format('{0} for WebRTC v{1} ({2})')
}
rootDir() {
return this.format('/webrtc/{1}-{2}')
}
format(m) {
m = m == void 0 ? '{0} for WebRTC v{1} ({2}-{3})' : m;
let o = this.major + '.' + this.minor + '.' + this.patch + (this.debug ? '~d' : ''),
p = this.getBrowser() + '_' + navigator.platform,
q = this.build;
return m.format(this.app_name, o, q, p)
}
getBrowser() {
try {
var n, o = n.width
} catch (q) {
var p = q.toString();
return -1 === p.search('not an object') ? -1 === p.search('Cannot read') ? -1 === p.search('e is undefined') ? -1 === p.search('Unable to get property \'width\' of undefined or null reference') ? -1 === p.search('cannot convert e into object') ? void 0 : 'opera' : document.documentMode || !window.StyleMedia ? 'IE' : 'edge' : 'firefox' : 'chrome' : 'safari'
}
}
}
c.BLL = window.TinychatApp.BLL, c.DAL = window.TinychatApp.DAL, c.BLL.LoginStateChangedEvent = g, c.BLL.ToastEvent = j, window.TinychatApp = c
})();
</script>
<script>
(function() {
'use strict';
var a = window.TinychatApp || {};
a.UI = {}, window.TinychatApp = a
})();
</script>
<script>
(function() {
"use strict";
const a = "UISideMenuToggle_" + Math.Guid.newGuid();
class b {
static get ID() {
return a
}
constructor() {
return this
}
}
const c = "UIChatlogWiderToggle_" + Math.Guid.newGuid();
class d {
static get ID() {
return c
}
constructor() {
return this
}
}
window.TinychatApp.UI.UISideMenuToggle = b, window.TinychatApp.UI.UIChatlogWiderToggle = d
})();
</script>
<dom-module id="client-toast" assetpath="../../styles/"><template><style>#toast{position:fixed;display:flex;flex-direction:row;justify-content:center;height:80px;min-height:80px;width:100%;top:-80px;left:0;padding:0 30px;box-sizing:border-box;font-size:0;background-color:rgba(0, 0, 0, .8);text-align:center;z-index:6;transition:top .2s;}#toast.show{top:0;}#toast.error{background-color:#e53951;}#toast.accept{background-color:#38cd57;}#toast.warning{background-color:#f29e1f;}#toast-text{display:inline-block;font-size:16px;font-weight:600;color:#fff;vertical-align:middle;}#toast-text:before,
#toast-buttons:before{content:'';display:inline-block;height:100%;width:0;vertical-align:middle;}#toast-text > span{display:inline-block;max-height:66px;line-height:22px;white-space:normal;vertical-align:middle;overflow:hidden;cursor:default;}#toast-buttons{white-space:nowrap;}#toast-buttons > *{display:inline-block;vertical-align:middle;}#toast-buttons > *:focus{outline:none;}#button-close{margin-left:4px;padding:10px;border:none;background:none;cursor:pointer;}#button-close > svg > path{transition:.2s;}#button-close:hover > svg > path{opacity:.8;}#button-close:active > svg > path{opacity:1;}#button-custom{margin-left:26px;padding:0 24px;border:1px solid #fff;font-size:12px;font-weight:700;color:#fff;line-height:30px;background:transparent;cursor:pointer;transition:background-color .2s,
color .2s;}#button-custom:hover{background-color:rgba(0, 0, 0, .8);}#toast.error #button-custom:hover{background-color:#fff;color:#e53951;}#toast.accept #button-custom:hover{background-color:#fff;color:#38cd57;}#toast.warning #button-custom:hover{background-color:#fff;color:#f29e1f;}</style></template></dom-module>
<dom-module id="tinychat-toast" assetpath="../ui/"><template strip-whitespace=""><style include="client-toast"></style><div id="toast"><div id="toast-text"><span>[[text]]</span></div><div id="toast-buttons"><button id="button-close" on-click="close"><svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M6 4.5L1.5 0 0 1.5 4.5 6 0 10.5 1.5 12 6 7.5l4.5 4.5 1.5-1.5L7.5 6 12 1.5 10.5 0" fill="#fff" fill-rule="evenodd" opacity=".5"></path></svg></button><dom-if if="[[ok_shown]]"><template strip-whitespace=""><button id="button-custom" on-click="onOK">[[ok_text]]</button></template></dom-if>
</div>
</div>
</template>
<script>
class Toast extends Polymer.Element {
static get is() {
return 'tinychat-toast'
}
static get properties() {
return {
type: String,
text: String,
wait: Number,
ok_handler: Object,
ok_text: {
type: String,
value: 'RETRY'
},
ok_shown: {
type: Boolean,
computed: 'ok_shown_func(ok_handler)'
}
}
}
static get TYPE() {
return {
INFO: '',
ERR: 'error',
CON: 'accept',
WARN: 'warning'
}
}
constructor() {
super()
}
get animationWait() {
return 250
}
connectedCallback() {
super.connectedCallback(), setTimeout(() => {
this.$.toast.classList.add('show')
}, 0), this.type.isEmpty() || this.$.toast.classList.add(this.type), 0 < this.wait && setTimeout(this.close.bind(this), this.wait)
}
disconnectedCallback() {
super.disconnectedCallback()
}
destroy() {
this.remove()
}
close() {
this.$.toast.classList.remove('show'), setTimeout(this.destroy.bind(this), this.animationWait)
}
onOK(a) {
Object.isFunc(this.ok_handler) && (this.ok_handler(), this.close(a))
}
ok_shown_func(a) {
return Object.isFunc(a)
}
}
customElements.define(Toast.is, Toast);
</script>
</dom-module>
<dom-module id="client-modal" assetpath="../../styles/"><template><style>#modal-window{position:fixed;height:100%;min-height:100%;width:100%;top:0;left:-100%;font-size:0;text-align:center;background-color:rgba(0, 0, 0, .8);overflow-y:scroll;white-space:nowrap;opacity:0;z-index:10;transition:opacity .2s;}#modal-window.modal-show{left:0;opacity:1;}#modal-window:before{content:"";display:inline-block;height:100%;width:0;vertical-align:middle;}#modal-content{position:relative;display:inline-block;width:100%;margin:50px auto;font-size:0;white-space:normal;vertical-align:middle;}#modal-content > *{display:none;}#modal-content > *:last-child{display:block;}</style></template></dom-module>
<dom-module id="tinychat-modal" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal"></style><div id="modal-window"><div id="modal-content"><slot></slot></div></div></template>
<script>
class Modal extends Polymer.Element {
static get is() {
return "tinychat-modal"
}
static get properties() {
return {
dialogs: {
type: Object,
value: {}
},
onkeydownHandler: Object,
onclickHandler: Object
}
}
constructor() {
super()
}
connectedCallback() {
super.connectedCallback(), this.onkeydownHandler = this.onkeydown.bind(this), this.onclickHandler = this.onclick.bind(this), document.addEventListener("keydown", this.onkeydownHandler), document.addEventListener("click", this.onclickHandler)
}
disconnectedCallback() {
super.disconnectedCallback(), document.removeEventListener("keydown", this.onkeydownHandler), document.removeEventListener("click", this.onclickHandler)
}
onkeydown(a) {
a = a || window.event, 27 != a.keyCode && "Escape" != a.key && "Esc" != a.key
}
onclick() {}
isopen(a) {
let b = this.dialogs[a];
return !0 === b
}
open(a) {
let b = 0 >= Object.keys(this.dialogs).length;
this.dialogs[a] = !0, b && (document.body.classList.add("modal-show"), this.$["modal-window"].classList.add("modal-show"))
}
close(a, b) {
delete this.dialogs[a];
let c = 0 >= Object.keys(this.dialogs).length;
c && (document.body.classList.remove("modal-show"), this.$["modal-window"].classList.remove("modal-show")), this.removeChild(b)
}
}
customElements.define(Modal.is, Modal);
</script>
</dom-module>
<dom-module id="client-modal-loader" assetpath="../../styles/"><template><style>#modal-content-loading-eye{position:relative;height:160px;width:160px;margin:30px auto 0;font-size:0;white-space:nowrap;}#modal-content-loading-eye > svg{position:absolute;top:0;left:0;}#modal-content-loading-eye:before{content:"";display:inline-block;height:100%;width:0;vertical-align:middle;}#modal-content-loading-eyeball{position:relative;display:inline-block;height:114px;width:114px;margin-left:-10px;border-radius:100%;background-color:#fff;vertical-align:middle;transform-origin:67px 57px;animation:eye-rotation 1.2s linear 0s infinite;}@keyframes eye-rotation{0%{transform:rotate(0deg);}50%{transform:rotate(180deg);}100%{transform:rotate(360deg);}}#modal-content-loading-eyeball-pupil{position:absolute;height:58px;width:58px;top:27px;left:27px;margin-left:-14px;border-radius:100%;background-color:#000;animation:pupil-rotation 1.2s linear 0s infinite;}#modal-content-loading-eyeball-pupil:before{content:"";position:absolute;display:block;height:16px;width:16px;top:3px;left:3px;border-radius:100%;background-color:#fff;}@keyframes pupil-rotation{0%{transform:rotate(0deg);}50%{transform:rotate(-180deg);}100%{transform:rotate(-360deg);}}#modal-content-loading > span{display:block;padding-top:15px;font-size:20px;color:#fff;line-height:24px;text-align:center;}</style></template></dom-module>
<dom-module id="tinychat-loader" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal-loader"></style><div id="modal-content-loading"><div id="modal-content-loading-eye"><svg width="162" height="162" viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg"><path d="M157.975 152.5c-3.58-1.548-7.125-3.724-10.262-7.042-3.436-3.633-5.717-8.774-7.172-13.197C152.656 118.243 160 99.985 160 80c0-44.183-35.818-80-80-80C35.816 0 0 35.817 0 80s35.817 80 80 80c13.394 0 26.007-3.308 37.1-9.127 10.444 8.146 29.617 9.903 40.28 7.795 3.184-.63 3.566-4.882.595-6.167" fill="#04caff" fill-rule="evenodd"></path></svg><div id="modal-content-loading-eyeball"><div id="modal-content-loading-eyeball-pupil"></div></div></div><span>Connecting...</span></div></template>
<script>
class ModalLoader extends Polymer.Element {
static get is() {
return 'tinychat-loader'
}
static get properties() {
return {}
}
constructor() {
super()
}
connectedCallback() {
super.connectedCallback()
}
open() {
this.parentNode instanceof Modal && this.parentNode.open(ModalLoader.is)
}
close() {
this.parentNode instanceof Modal && this.parentNode.close(ModalLoader.is, this)
}
}
customElements.define(ModalLoader.is, ModalLoader);
</script>
</dom-module>
<dom-module id="client-modal-profile" assetpath="../../styles/"><template><style>.on-white-scroll,
.on-gray-scroll{padding-left:16px;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll;}.on-white-scroll::-webkit-scrollbar,
.on-gray-scroll::-webkit-scrollbar{position:absolute;width:15px;cursor:pointer;}.on-white-scroll::-webkit-scrollbar-track{background-color:#fff;}.on-gray-scroll::-webkit-scrollbar-track{background-color:#2d373a;}.on-white-scroll::-webkit-scrollbar-thumb,
.on-gray-scroll::-webkit-scrollbar-thumb{border-radius:6px/8px;}.on-white-scroll::-webkit-scrollbar-thumb{border:5px solid #fff;background-color:rgba(0, 0, 0, .2);}.on-gray-scroll::-webkit-scrollbar-thumb{border:5px solid #2d373a;background-color:#5a6366;}.on-white-scroll::-webkit-scrollbar-thumb:hover,
.on-gray-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, .4);}.on-gray-scroll::-webkit-scrollbar-thumb:hover{background-color:#6f7b80;}#modal-content-profile{position:relative;width:100%;max-width:400px;height:610px;margin:0 auto;border-radius:4px;text-align:center;overflow:hidden;}#modal-content-profile:after{content:'';position:absolute;display:block;height:45px;bottom:0;left:20px;right:20px;border-radius:0 0 4px 4px;background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );pointer-events:none;}#modal-content-profile *:focus{outline:none;}#close-button{position:absolute;top:8px;right:8px;padding:10px;cursor:pointer;}#close-button > path{fill:#fff;opacity:.6;transition:.2s;}#close-button:hover > path{fill:#fff;opacity:.8;}#close-button:active > path{fill:#fff;opacity:1;}#modal-content-profile-preview{height:225px;padding-top:40px;box-sizing:border-box;background-color:#969fa2;}#modal-content-profile.gold > #modal-content-profile-preview{background-color:#ffbe00;}#modal-content-profile.extreme > #modal-content-profile-preview{background-color:#ad6ed1;}#modal-content-profile.pro > #modal-content-profile-preview{background-color:#2ecb4e;}#profile-status{position:relative;display:inline-block;height:116px;width:116px;}#profile-status:before{content:'';position:absolute;display:block;height:100%;width:100%;border:4px solid rgba(0, 0, 0, .1);box-sizing:border-box;border-radius:100%;}#profile-status > svg{transform:rotate(180deg);}#profile-status > svg > circle{fill:transparent;stroke:#fff;stroke-width:4px;stroke-linecap:round;transition:stroke .5s,
stroke-dasharray 3s;}#profile-status > svg > circle[stroke-dasharray="0, 352"]{stroke:transparent;}#profile-status-avatar{position:absolute;height:100px;width:100px;top:8px;left:8px;border-radius:100%;overflow:hidden;}#profile-status-avatar > img{position:absolute;height:100%;left:-25px;opacity:0;visibility:hidden;}#profile-status-avatar > img.show{opacity:1;visibility:visible;}#profile-status-level{position:absolute;height:30px;width:30px;top:43px;left:-12px;padding:6px;border-radius:100%;box-sizing:border-box;background-color:#fff;opacity:0;visibility:hidden;transition:.2s;}#profile-status-level.show{opacity:1;visibility:visible;}#profile-status-level > img{height:18px;width:18px;}#profile-nickname{position:relative;display:flex;flex-direction:row;align-items:stretch;justify-content:center;margin:7px 0 29px;padding:0 30px;box-sizing:border-box;font-size:24px;font-weight:300;color:#fff;line-height:33px;white-space:nowrap;}#profile-nickname > span{position:relative;display:inline-block;max-width:100%;padding-right:15px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;}#profile-nickname > button{position:relative;display:inline-block;height:20px;top:8px;padding:0 8px;border-radius:2px;border:none;font-size:12px;font-weight:800;color:#41b7ef;background-color:#fff;text-transform:uppercase;line-height:20px;cursor:pointer;}#profile-nickname > button > svg{display:none;}#profile-nickname > button.pencil > svg{display:inline-block;margin-left:8px;}#profile-nickname > button > svg > path{fill:#41b7ef;}#modal-content-profile.gold #profile-nickname > button{color:#ffbe00;}#modal-content-profile.gold #profile-nickname > button > svg > path{fill:#ffbe00;}#modal-content-profile.extreme #profile-nickname > button{color:#ad6ed1;}#modal-content-profile.extreme #profile-nickname > button > svg > path{fill:#ad6ed1;}#modal-content-profile.pro #profile-nickname > button{color:#2ecb4e;}#modal-content-profile.pro #profile-nickname > button > svg > path{fill:#2ecb4e;}#modal-content-profile-info{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:385px;background-color:#fff;}#profile-info{padding:20px 60px 10px;box-sizing:border-box;font-size:0;color:#fff;background-color:#b5bcbe;}#modal-content-profile.gold #profile-info{background-color:#ffd24c;}#modal-content-profile.extreme #profile-info{background-color:#c699df;}#modal-content-profile.pro #profile-info{background-color:#6cdb83;}#profile-info > div{max-width:100%;margin-bottom:10px;font-size:12px;font-weight:600;line-height:17px;}#profile-info > div + div{display:inline-block;max-height:17px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}#profile-info > div + div[title=""]{display:none;}#profile-info ~ *{padding-right:30px;padding-left:30px;}#modal-content-profile-info > h2{margin:0;padding-top:30px;padding-bottom:10px;box-sizing:border-box;font-size:24px;font-weight:300;color:#363636;}#profile-gifts-text{padding-bottom:10px;font-size:12px;font-weight:600;color:#a0a0a0;line-height:17px;}#profile-gifts-coins{height:30px;padding-bottom:10px;font-size:18px;font-weight:700;color:#61686b;line-height:30px;}#profile-gifts-coins > *{display:inline-block;vertical-align:middle;}#profile-gifts-coins > span{margin:0 15px 0 4px;}#profile-gifts-coins > button{height:100%;padding:0 15px;border:1px solid #3cafe1;border-radius:30px;box-sizing:border-box;font-size:12px;color:#3cafe1;background-color:#fff;cursor:pointer;transition:.2s;}#profile-gifts-coins > button:hover{background-color:#d6f2ff;}#profile-gifts-coins > button:active{background-color:#c7e8f8;}#profile-gifts{padding-top:10px;padding-right:15px;padding-bottom:15px;font-size:0;}#profile-gifts > div{display:inline-block;width:33.33%;padding-bottom:30px;vertical-align:top;}#profile-gifts > div > *{display:inline-block;height:80px;width:80px;cursor:pointer;}#profile-gifts > div:first-child > a{border:1px solid #41b7ef;border-radius:100%;box-sizing:border-box;background-color:#fff;line-height:78px;transition:.2s;}#profile-gifts > div:first-child > a:hover{background-color:#d6f2ff;}#profile-gifts > div:first-child > a:active{background-color:#c7e8f8;}#profile-gifts > div:first-child > a > svg{vertical-align:middle;}#profile-gifts > div:first-child > a > svg > path{fill:#41b7ef;}#profile-gifts > div:first-child:only-child > a{border-color:transparent;background-color:#41b7ef;}#profile-gifts > div:first-child:only-child > a:hover{background-color:#54ccf3;}#profile-gifts > div:first-child:only-child > a:active{background-color:#38a8de;}#profile-gifts > div:first-child:only-child > a > svg > path{fill:#fff;}#profile-gifts > div > a > img{height:100%;width:100%;opacity:0;visibility:hidden;transition:.2s;}#profile-gifts > div > a > img.show{opacity:1;visibility:visible;}.waiting{position:absolute;height:100%;width:100%;top:0;left:0;border-radius:inherit;background-color:#fff;opacity:0;visibility:hidden;transition:.2s;}.waiting > .waiting-content{position:absolute;height:0;width:80%;top:50%;left:10%;}#modal-content-profile.wait > .waiting{opacity:1;visibility:visible;}.waiting > .waiting-content > span{position:absolute;display:inline-block;height:0;width:0;top:-4px;left:0;border:4px solid #04caff;border-radius:100%;opacity:0;animation:waiting 1s ease-in-out 0s infinite paused;-webkit-animation:waiting 1s ease-in-out 0s infinite paused;}.waiting > .waiting-content > span:nth-child(2){animation-delay:.15s;-webkit-animation-delay:.15s;}.waiting > .waiting-content > span:nth-child(3){animation-delay:.3s;-webkit-animation-delay:.3s;}.waiting > .waiting-content > span:nth-child(4){animation-delay:.45s;-webkit-animation-delay:.45s;}#modal-content-profile.wait > .waiting > .waiting-content > span{animation-play-state:running;-webkit-animation-play-state:running;}@keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@-webkit-keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}</style></template></dom-module>
<dom-module id="tinychat-profile" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal-profile"></style><div id="modal-content-profile" class$="[[convertSubType(userprofile, isLoading)]]"><svg id="close-button" on-click="close" width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M6 4.5L1.5 0 0 1.5 4.5 6 0 10.5 1.5 12 6 7.5l4.5 4.5 1.5-1.5L7.5 6 12 1.5 10.5 0" fill="#c4d4dc" fill-rule="evenodd"></path></svg><div id="modal-content-profile-preview"><div id="profile-status"><svg height="116px" width="116px"><circle cx="58" cy="58" r="56" stroke-dasharray="0, 352"></circle></svg><div id="profile-status-avatar"><img src="[[userprofile.avatarUrl]]" class$="[[convertShow(userprofile)]]" title$="[[userprofile.percentToNextAchieve]]"></div><div id="profile-status-level"><img src="[[userprofile.achieveUrl]]" class$="[[convertShow(userprofile)]]"></div></div><div id="profile-nickname"><span title="[[userprofile.username]]">[[userprofile.username]]</span> <button class$="[[convertUpgrade(userprofile)]]" on-click="onUpgrade"><span>[[convertUpgradeText(userprofile)]]</span> <svg width="10" height="10" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.915v2.083h2.083l6.144-6.143-2.083-2.083L0 7.915zm9.838-5.67c.216-.218.216-.568 0-.784l-1.3-1.3c-.217-.216-.567-.216-.784 0L6.738 1.178 8.82 3.26 9.84 2.244z" fill-rule="evenodd"></path></svg></button></div></div><div id="modal-content-profile-info"><div id="profile-info"><div>[[convertInfo(userprofile)]]</div><div title="[[userprofile.biography]]">[[userprofile.biography]]</div></div><h2>Virtual Gifts</h2><dom-if if="[[convertIsShownNoGifts(userprofile.gifts)]]"><template><div id="profile-gifts-text">[[userprofile.username]] has no Virtual Gifts.<br>Be the first!</div></template></dom-if>
<div id="profile-gifts-coins"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="10" fill="#f9d046" fill-rule="evenodd"></circle><path d="M14.873 14.53c.186.082.162.347-.037.387-.666.13-1.865.022-2.517-.487-.695.363-1.483.57-2.32.57-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5c0 1.25-.46 2.39-1.216 3.266.09.277.233.598.448.825.196.208.418.344.64.44zM13.57 10c0-1.972-1.598-3.57-3.57-3.57-1.972 0-3.57 1.598-3.57 3.57 0 1.972 1.598 3.57 3.57 3.57 1.972 0 3.57-1.598 3.57-3.57zM10 8.163c1.014 0 1.837.823 1.837 1.837s-.823 1.837-1.837 1.837S8.163 11.014 8.163 10c0-.335.09-.648.248-.918.08.18.26.306.468.306.28 0 .51-.23.51-.51 0-.21-.126-.388-.306-.467.27-.156.583-.247.918-.247z" fill="#f5b822" fill-rule="evenodd"></path></svg> <span>[[userprofile.giftpoints]]</span> <button on-click="earncoinsTap">Earn Coins</button></div>
<div id="profile-gifts" class="on-white-scroll">
<div><a href="#" on-click="giveagiftTap"><svg width="32" height="31" viewBox="0 0 32 31" xmlns="http://www.w3.org/2000/svg"><path d="M19 5.167c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5h-4.167L19 9.333V5.167zm-3 .166v5.334h5.334c2.945 0 5.333-2.388 5.333-5.334C26.667 2.388 24.28 0 21.333 0 18.388 0 16 2.388 16 5.333zM13 5.167c0-1.38-1.12-2.5-2.5-2.5S8 3.787 8 5.167s1.12 2.5 2.5 2.5h4.167L13 9.333V5.167zm3 .166v5.334h-5.334c-2.945 0-5.333-2.388-5.333-5.334C5.333 2.388 7.72 0 10.667 0 13.612 0 16 2.388 16 5.333z" fill-rule="nonzero"></path><path d="M0 11.006C0 9.898.89 9 2.002 9h27.996C31.104 9 32 9.887 32 11.006V16H0v-4.994zM2 18h28v10.997C30 30.103 29.1 31 28.01 31H3.99C2.893 31 2 30.106 2 28.997V18z" fill-rule="evenodd"></path></svg></a></div>
<dom-repeat items="[[userprofile.gifts]]"><template strip-whitespace=""><div><a href="#" on-click="tapOnGift"><img src="[[item.giftUrl]]" class$="[[convertShow(userprofile)]]"></a></div></template></dom-repeat>
</div>
</div>
<div class="waiting">
<div class="waiting-content"><span></span><span></span><span></span><span></span><span></span></div>
</div>
</div>
</template>
<script>
class ModalProfile extends Polymer.Element {
static get is() {
return 'tinychat-profile'
}
static get properties() {
return {
chatroom: {
type: Object,
observer: 'chatroomAssigned'
},
username: String,
userprofile: {
type: Object,
value: null
},
isLoading: {
type: Boolean,
value: !1
},
isError: {
type: Boolean,
value: !1
},
modaloptions: {
type: Object,
value: {
closable: !0,
escape: !0
}
},
onkeydownHandler: Object
}
}
constructor(a) {
super(), this.username = a
}
get app() {
return this.chatroom.app
}
connectedCallback() {
super.connectedCallback();
this;
this.onkeydownHandler = this.onkeydown.bind(this), document.addEventListener('keydown', this.onkeydownHandler)
}
disconnectedCallback() {
super.disconnectedCallback(), document.removeEventListener('keydown', this.onkeydownHandler)
}
chatroomAssigned() {
let b = this,
c = this.app.EventBus;
b.isError = !1, b.isLoading = !0;
let d = this.$['profile-status-avatar'];
this.app.GetProfile(this.username, i => {
b.userprofile = i, b.isLoading = !1, d && d.setAttribute('stroke-dasharray', Math.ceil(352 * i.percentToNextAchieve / 100) + ', 352')
}, () => {
b.isError = !0, b.isLoading = !1
})
}
open() {
this.parentNode instanceof Modal && this.parentNode.open(ModalProfile.is)
}
close() {
this.parentNode instanceof Modal && this.parentNode.close(ModalProfile.is, this)
}
onkeydown(a) {
a = a || window.event, (27 == a.keyCode || 'Escape' == a.key || 'Esc' == a.key) && this.parentNode instanceof Modal && this.parentNode.isopen(ModalProfile.is) && this.parentNode.close(ModalProfile.is, this)
}
giveagiftTap() {
this.app.GiveAGift(this.userprofile.username)
}
earncoinsTap() {
this.app.EarnCoins()
}
tapOnGift() {}
onUpgrade() {
this.app.UpgradeSub()
}
convertIsShownNoGifts(a) {
return !(Array.isArray(a) && 0 < a.length)
}
convertSubType(a, b) {
var c = TinychatApp.BLL.User.getCssClass(a);
return b && (c += ' wait'), c
}
convertShow(a) {
var b = '';
return a instanceof TinychatApp.DAL.UserProfileEntity && (b = 'show'), b
}
convertGender(a) {
if ('F' == a) return 'Female';
return 'M' == a ? 'Male' : ''
}
convertLoc(a) {
return 'string' == typeof a ? a.toUpperCase() : a
}
convertUpgrade(a) {
if (!(a instanceof TinychatApp.DAL.UserProfileEntity)) return '';
var b = '';
return a.handle !== this.chatroom.self_handle || TinychatApp.BLL.User.isSubHighest(a.stype) || (b = 'pencil'), b
}
convertUpgradeText(a) {
if (!(a instanceof TinychatApp.DAL.UserProfileEntity)) return ' ';
var b = TinychatApp.BLL.User.getCssClass(a);
return '' == b && (b = 'upgrade'), b
}
convertInfo(a) {
if (!(a instanceof TinychatApp.DAL.UserProfileEntity)) return '';
let b = [],
c = this.convertGender(a.gender),
d = this.convertLoc(a.location);
return 0 < a.age && b.push(a.age), c.isEmpty() || b.push(c), d.isEmpty() || b.push(d), b.join(' \u2022 ')
}
}
customElements.define(ModalProfile.is, ModalProfile);
</script>
</dom-module>
<dom-module id="client-modal-reconnect" assetpath="../../styles/"><template><style>#modal-content-reconnect{width:100%;max-width:540px;margin:0 auto;padding:50px 70px 60px;box-sizing:border-box;border-radius:4px;background-color:#fff;}#modal-content-reconnect > *:focus{outline:none;}#modal-content-reconnect > h1{margin:0;padding-bottom:9px;box-sizing:border-box;font-size:24px;font-weight:300;color:#363636;line-height:33px;text-align:center;}#modal-content-reconnect > span{display:block;padding-bottom:8px;font-size:12px;font-weight:400;color:#262626;line-height:16px;}#modal-content-reconnect > input[type="submit"]{height:40px;width:100%;margin-top:24px;border:none;font-family:inherit;font-size:12px;font-weight:700;color:#fff;letter-spacing:1px;background-color:#41b7ef;cursor:pointer;transition:.2s;}#modal-content-reconnect > input[type="submit"]:hover{background-color:#54ccf3;}#modal-content-reconnect > input[type="submit"]:active{background-color:#38a8dd;}</style></template></dom-module>
<dom-module id="tinychat-reconnect" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal-reconnect"></style><form id="modal-content-reconnect" on-submit="onOK"><dom-if if="[[convertReasonShown()]]"><template strip-whitespace=""><h1>[[lastReason]]</h1></template></dom-if>
<dom-if if="[[!convertReasonShown()]]"><template strip-whitespace=""><h1>Connection lost</h1></template></dom-if><span id="reconnect-text">Connection to the room was interrupted. Retrying to connect in [[waits]]...</span> <input type="submit" value$="[[actionText]]"></form>
</template>
<script>
class ModalReconnect extends Polymer.Element {
static get is() {
return 'tinychat-reconnect'
}
static get properties() {
return {
chatroom: {
type: Object,
observer: 'chatroomAssigned'
},
tries: Number,
waitms: Number,
timems: Number,
timerid: Number,
waits: {
type: String,
computed: 'format(waitms, timems)'
},
lastReason: {
type: String,
computed: 'convertReason(chatroom)'
},
actionText: {
type: String,
computed: 'convertAction(chatroom)'
}
}
}
constructor() {
super()
}
connectedCallback() {
super.connectedCallback()
}
open() {
this.parentNode instanceof Modal && this.parentNode.open(ModalReconnect.is)
}
close() {
this.parentNode instanceof Modal && this.parentNode.close(ModalReconnect.is, this), this.stop()
}
format(a, b) {
return void 0 == b && (b = 0), new String(Math.floor((a - b) / 1e3))
}
onOK(a) {
return a.preventDefault(), 3 === this.chatroom.closedLastReasonCode ? this.chatroom.app.Login() : this.retry(), !1
}
retry() {
this.stop(), this.chatroom.Reconnect()
}
start() {
let a = this,
b = 1e3;
this.timems = 0, this.timerid = setInterval(() => {
a.timems += b, a.timems + b >= a.waitms && a.stop()
}, b)
}
stop() {
clearInterval(this.timerid), this.timerid = 0
}
chatroomAssigned(a) {
let b = this,
c = this.chatroom.app.EventBus;
a.reconnect_timer ? (this.$['reconnect-text'].style.display = '', this.start()) : this.$['reconnect-text'].style.display = 'none'
}
convertReasonShown() {
return 0 < this.chatroom.closedLastReasonCode
}
convertReason(a) {
return TinychatApp.BLL.RoomQuitEvent.ConvertReason(a.closedLastReasonCode)
}
convertAction(a) {
return TinychatApp.BLL.RoomQuitEvent.ConvertAction(a.closedLastReasonCode)
}
}
customElements.define(ModalReconnect.is, ModalReconnect);
</script>
</dom-module>
<dom-module id="client-modal-permissions" assetpath="../../styles/"><template><style>#modal-content-permissions{position:relative;width:100%;max-width:540px;margin:0 auto;padding:50px 30px 44px;border-radius:4px;box-sizing:border-box;background-color:#fff;text-align:center;}#modal-content-permissions > h2{margin:0;padding-bottom:10px;font-size:24px;font-weight:300;color:#363636;line-height:32px;}#modal-content-permissions > span{display:block;padding-bottom:10px;font-size:12px;color:#262626;line-height:16px;}#modal-content-permissions > .waiting{position:relative;height:40px;margin-top:15px;}.waiting > .waiting-content{position:absolute;height:0;width:80%;top:50%;left:10%;}.waiting > .waiting-content > span{position:absolute;display:inline-block;height:0;width:0;top:-4px;left:0;border:4px solid #04caff;border-radius:100%;opacity:0;animation:waiting 1s ease-in-out 0s infinite;-webkit-animation:waiting 1s ease-in-out 0s infinite;}.waiting > .waiting-content > span:nth-child(2){animation-delay:.15s;-webkit-animation-delay:.15s;}.waiting > .waiting-content > span:nth-child(3){animation-delay:.3s;-webkit-animation-delay:.3s;}.waiting > .waiting-content > span:nth-child(4){animation-delay:.45s;-webkit-animation-delay:.45s;}@keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@-webkit-keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}</style></template></dom-module>
<dom-module id="tinychat-permissions" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal-permissions"></style><div id="modal-content-permissions"><h2>We need some permissions</h2><span>There are the dialog of the browser window. Please grant access.</span><div class="waiting"><div class="waiting-content"><span></span><span></span><span></span><span></span><span></span></div></div></div></template>
<script>
class ModalPermissions extends Polymer.Element {
static get is() {
return 'tinychat-permissions'
}
static get properties() {
return {
modaloptions: {
type: Object,
value: {}
}
}
}
constructor() {
super()
}
get app() {
return this.chatroom.app
}
connectedCallback() {
super.connectedCallback()
}
disconnectedCallback() {
super.disconnectedCallback()
}
chatroomAssigned() {
let b = this,
c = this.app.EventBus
}
open() {
this.parentNode instanceof Modal && this.parentNode.open(ModalPermissions.is)
}
close() {
this.parentNode instanceof Modal && this.parentNode.close(ModalPermissions.is, this)
}
}
customElements.define(ModalPermissions.is, ModalPermissions);
</script>
</dom-module>
<dom-module id="client-modal-banlist" assetpath="../../styles/"><template><style>*{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;}.on-white-scroll{padding-left:16px;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll;}.on-white-scroll::-webkit-scrollbar{position:absolute;width:15px;cursor:pointer;}.on-white-scroll::-webkit-scrollbar-track{background-color:#fff;}.on-white-scroll::-webkit-scrollbar-thumb{border:5px solid #fff;border-radius:6px/8px;background-color:rgba(0, 0, 0, .2);}.on-white-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, .4);}#modal-content-banlist{position:relative;width:100%;max-width:400px;margin:0 auto;padding:50px 70px 60px;box-sizing:border-box;border-radius:4px;background-color:#fff;}#modal-content-banlist *:focus{outline:none;}#close-button{position:absolute;top:8px;right:8px;padding:10px;cursor:pointer;}#close-button > path{transition:.2s;}#close-button:hover > path{fill:#41b7ef;}#close-button:active > path{fill:#38a8dd;}#modal-content-banlist > h1{margin:0;padding-bottom:40px;box-sizing:border-box;font-size:24px;font-weight:300;color:#363636;line-height:33px;text-align:center;cursor:default;}#banlist-wrapper{position:relative;min-height:40px;max-height:360px;transition:.2s;}#banlist-wrapper:after{content:'';position:absolute;display:block;height:40px;bottom:0;left:0;right:15px;background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );pointer-events:none;}#banlist-wrapper.wait{max-height:40px;}#banlist-wrapper > .waiting{position:absolute;width:auto;top:0;bottom:0;left:0;right:0;background-color:#fff;z-index:1;opacity:0;visibility:hidden;transition:.2s;}#banlist-wrapper.wait > .waiting{opacity:1;visibility:visible;}.waiting > .waiting-content{position:absolute;height:0;width:80%;top:50%;left:10%;}.waiting > .waiting-content > span{position:absolute;display:inline-block;height:0;width:0;top:-4px;left:0;border:4px solid #cacece;border-radius:100%;opacity:0;animation:waiting 1s ease-in-out 0s infinite paused;-webkit-animation:waiting 1s ease-in-out 0s infinite paused;}.waiting > .waiting-content > span:nth-child(2){animation-delay:.15s;-webkit-animation-delay:.15s;}.waiting > .waiting-content > span:nth-child(3){animation-delay:.3s;-webkit-animation-delay:.3s;}.waiting > .waiting-content > span:nth-child(4){animation-delay:.45s;-webkit-animation-delay:.45s;}#banlist-wrapper.wait > .waiting > .waiting-content > span{animation-play-state:running;-webkit-animation-play-state:running;}@keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@-webkit-keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}#banlist-wrapper > ul > li:first-child{height:0;overflow:hidden;transition:.2s;}#banlist-wrapper > ul > li:only-of-type{height:40px;padding:0 0 0 15px;text-align:center;}#banlist-wrapper > ul{position:relative;max-height:inherit;width:100%;margin:0;padding:0 0 40px 0;box-sizing:border-box;text-align:left;}#banlist-wrapper > ul > li{position:relative;display:inline-block;height:40px;width:100%;padding:0 40px 0 20px;box-sizing:border-box;overflow:hidden;transition:background-color .2s,
height .5s;}#banlist-wrapper > ul > li.hidden{height:0;}#banlist-wrapper > ul > li + li:hover{background-color:#fde3e7;}#banlist-wrapper > ul > li > span{display:inline-block;height:40px;width:100%;font-size:14px;color:#414141;line-height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:default;}#banlist-wrapper > ul > li > button{position:absolute;display:block;height:40px;width:40px;margin:0;padding:0;border:0;top:0;right:0;background-color:transparent;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8cGF0aCBkPSJNNiA0LjVMMS41IDAgMCAxLjUgNC41IDYgMCAxMC41IDEuNSAxMiA2IDcuNWw0LjUgNC41IDEuNS0xLjVMNy41IDYgMTIgMS41IDEwLjUgMCIgZmlsbD0iI2U1Mzk1MSIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQo8L3N2Zz4=");background-repeat:no-repeat;background-position:center center;cursor:pointer;opacity:0;visibility:hidden;transition:.2s;}#banlist-wrapper > ul > li:hover > button{opacity:1;visibility:visible;}</style></template></dom-module>
<dom-module id="tinychat-banlist" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal-banlist"></style><div id="modal-content-banlist"><svg id="close-button" width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" on-click="close"><path d="M6 4.5L1.5 0 0 1.5 4.5 6 0 10.5 1.5 12 6 7.5l4.5 4.5 1.5-1.5L7.5 6 12 1.5 10.5 0" fill="#c4d4dc" fill-rule="evenodd"></path></svg><h1>Banlist</h1><div id="banlist-wrapper"><ul class="on-white-scroll"><li><span>Ban List is empty</span></li><dom-repeat items="{{_items}}"><template strip-whitespace=""><li class$="[[convertLiClass(item)]]"><span>[[item.nickname]]</span> <button on-click="onDelete"></button></li></template></dom-repeat>
</ul>
<div class="waiting">
<div class="waiting-content"><span></span><span></span><span></span><span></span><span></span></div>
</div>
</div>
</div>
</template>
<script>
class ModalDialogBanlist extends Polymer.Element {
static get is() {
return 'tinychat-banlist'
}
static get properties() {
return {
chatroom: {
type: Object,
observer: 'chatroomAssigned'
},
_items: {
type: Array,
value: []
},
onkeydownHandler: Object
}
}
constructor() {
super()
}
get app() {
return this.chatroom.app
}
get settings() {
return this.app.settings
}
connectedCallback() {
super.connectedCallback(), this.onkeydownHandler = this.onkeydown.bind(this), document.addEventListener('keydown', this.onkeydownHandler)
}
disconnectedCallback() {
super.disconnectedCallback(), document.removeEventListener('keydown', this.onkeydownHandler)
}
chatroomAssigned() {
let b = this,
c = this.chatroom.app.EventBus;
b.$['banlist-wrapper'].classList.add('wait'), this.chatroom.Banlist(d => {
b.$['banlist-wrapper'].classList.remove('wait'), b.set('_items', Array.from(d))
})
}
open() {
this.parentNode instanceof Modal && this.parentNode.open(ModalDialogBanlist.is)
}
close() {
this.parentNode instanceof Modal && this.parentNode.close(ModalDialogBanlist.is, this)
}
onkeydown(a) {
a = a || window.event, (27 == a.keyCode || 'Escape' == a.key || 'Esc' == a.key) && this.parentNode instanceof Modal && this.parentNode.isopen(ModalDialogBanlist.is) && this.close(a)
}
onDelete(a) {
let b = this,
c = this._items.indexOf(a.model.item),
d = Object.assign({}, a.model.item);
d.isDeleting = !0, b._items[c] = d, b.notifyPath('_items.' + c), this.chatroom.Unban(a.model.item), setTimeout(() => {
let f = this._items.indexOf(a.model.item);
b.splice('_items', f, 1)
}, 500)
}
convertLiClass(a) {
var b = '';
return a.isDeleting && (b += ' hidden'), b
}
}
customElements.define(ModalDialogBanlist.is, ModalDialogBanlist);
</script>
</dom-module>
<dom-module id="client-modal-changenickname" assetpath="../../styles/"><template><style>#modal-content-changenickname{position:relative;width:100%;max-width:540px;margin:0 auto;padding:50px 70px 60px;box-sizing:border-box;border-radius:4px;background-color:#fff;}#modal-content-changenickname > *:focus{outline:none;}#close-button{position:absolute;top:8px;right:8px;padding:10px;cursor:pointer;}#close-button > path{transition:.2s;}#close-button:hover > path{fill:#41b7ef;}#close-button:active > path{fill:#38a8dd;}#modal-content-changenickname.error > label{opacity:0;visibility:hidden;}#modal-content-changenickname.error > #error-text{opacity:1;visibility:visible;overflow:visible;}#modal-content-changenickname.error > input[type="text"]{border-color:#e53951;color:#e53951;}#modal-content-changenickname > h1{margin:0;padding-bottom:40px;box-sizing:border-box;font-size:24px;font-weight:300;color:#363636;line-height:33px;text-align:center;}#modal-content-changenickname > label{display:block;padding-bottom:4px;font-size:12px;font-weight:600;color:#414141;text-transform:uppercase;opacity:1;visibility:visible;transition:.2s;}#modal-content-changenickname > #error-text{position:relative;display:block;height:0;top:-21px;font-size:12px;font-weight:600;color:#e53951;opacity:0;visibility:hidden;overflow:hidden;transition:.2s;}#modal-content-changenickname > input[type="text"]{height:40px;width:100%;border:1px solid #c5d5dc;box-sizing:border-box;background-color:#fff;font-family:inherit;font-size:16px;font-weight:600;color:#414141;text-align:center;line-height:38px;letter-spacing:.5px;transition:.2s;}#modal-content-changenickname > input[type="submit"]{height:40px;width:100%;margin-top:24px;border:none;font-family:inherit;font-size:12px;font-weight:700;color:#fff;letter-spacing:1px;background-color:#41b7ef;text-transform:uppercase;cursor:pointer;transition:.2s;}#modal-content-changenickname > input[type="submit"]:hover{background-color:#54ccf3;}#modal-content-changenickname > input[type="submit"]:active{background-color:#38a8dd;}</style></template></dom-module>
<dom-module id="tinychat-changenickname" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal-changenickname"></style><form id="modal-content-changenickname" on-submit="onOK"><svg id="close-button" on-click="close" width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M6 4.5L1.5 0 0 1.5 4.5 6 0 10.5 1.5 12 6 7.5l4.5 4.5 1.5-1.5L7.5 6 12 1.5 10.5 0" fill="#c4d4dc" fill-rule="evenodd"></path></svg><h1>[[title]]</h1><label>YOUR NICKNAME</label><span id="error-text">[[error]]</span> <input id="nickname" type="text" on-click="onInput" placeholder="nickname" maxlength="32" value="{{nickname}}"> <input type="submit" value="[[positiveBtn]]"></form></template>
<script>
class ModalDialogChangeNickname extends Polymer.Element {
static get is() {
return 'tinychat-changenickname'
}
static get MODE_CHANGE() {
return 0
}
static get MODE_INUSE() {
return 1
}
static get MODE_SETTINGS() {
return 2
}
static get MODE_GUEST() {
return 3
}
static get properties() {
return {
chatroom: {
type: Object,
observer: 'chatroomAssigned'
},
nickname: String,
mode: {
type: Number,
observer: 'modeAssigned'
},
positiveBtn: {
type: String,
value: 'OK'
},
title: {
type: String,
value: 'Please enter nickname'
},
error: {
type: String,
value: ''
},
ok: Object,
notvalid: Object,
inuse: Object,
onkeydownHandler: Object
}
}
constructor(a) {
super(), this.mode = a
}
connectedCallback() {
super.connectedCallback();
this;
this.onkeydownHandler = this.onkeydown.bind(this), document.addEventListener('keydown', this.onkeydownHandler), this.$.nickname.focus()
}
disconnectedCallback() {
super.disconnectedCallback(), document.removeEventListener('keydown', this.onkeydownHandler)
}
chatroomAssigned() {
let b = this,
c = this.chatroom.app.EventBus
}
open() {
this.parentNode instanceof Modal && this.parentNode.open(ModalDialogChangeNickname.is)
}
close() {
this.parentNode instanceof Modal && this.parentNode.close(ModalDialogChangeNickname.is, this)
}
onkeydown(a) {
a = a || window.event, (27 == a.keyCode || 'Escape' == a.key || 'Esc' == a.key) && this.parentNode instanceof Modal && this.parentNode.isopen(ModalDialogChangeNickname.is) && this.parentNode.close(ModalDialogChangeNickname.is, this)
}
onInput() {
this.$['modal-content-changenickname'].classList.remove('error')
}
onOK(a) {
return (a.preventDefault(), Object.isFunc(this.notvalid) && this.notvalid(this.$.nickname.value)) ? (this.error = 'Invalid nickname (use _, A-Z and 0-9)', this.$['modal-content-changenickname'].classList.add('error'), !1) : Object.isFunc(this.inuse) && this.inuse(this.$.nickname.value) ? (this.error = 'Sorry, your nickname is already exist', this.$['modal-content-changenickname'].classList.add('error'), !1) : (Object.isFunc(this.ok) && this.ok(this.$.nickname.value), !1)
}
modeAssigned(a) {
let b = 'Enter Nickname',
c = 'Change Nickname',
g = 'Join Room';
a === ModalDialogChangeNickname.MODE_CHANGE ? (this.title = c, this.positiveBtn = 'Change') : a === ModalDialogChangeNickname.MODE_INUSE ? (this.title = b, this.positiveBtn = g, this.error = 'Your current nickname in use', this.$['modal-content-changenickname'].classList.add('error')) : a === ModalDialogChangeNickname.MODE_GUEST ? (this.title = b, this.positiveBtn = g) : a === ModalDialogChangeNickname.MODE_SETTINGS ? (this.title = this.nickname.isEmpty() ? b : c, this.positiveBtn = 'Save') : console.error('unknown mode')
}
}
customElements.define(ModalDialogChangeNickname.is, ModalDialogChangeNickname);
</script>
</dom-module>
<dom-module id="client-modal-notification" assetpath="../../styles/"><template><style>#modal-content-notification{position:relative;width:100%;max-width:540px;margin:0 auto;padding:50px 70px 60px;box-sizing:border-box;border-radius:4px;background-color:#fff;}#modal-content-notification > h1{margin:0;padding-bottom:10px;box-sizing:border-box;font-size:24px;font-weight:300;color:#363636;line-height:33px;text-align:center;}#modal-content-notification > label{display:block;font-size:12px;line-height:1.33;text-align:center;color:#262626;transition:.2s;}#modal-content-notification > button{height:40px;width:100%;margin-top:32px;border:none;font-family:inherit;font-size:12px;font-weight:700;color:#fff;letter-spacing:1px;background-color:#41b7ef;cursor:pointer;transition:.2s;}#modal-content-notification > button:hover{background-color:#54ccf3;}#modal-content-notification > button:active{background-color:#38a8dd;}#modal-content-notification *:focus{outline:none;}#close-button{position:absolute;top:8px;right:8px;padding:10px;cursor:pointer;z-index:1;}#close-button > path{transition:.2s;}#close-button:hover > path{fill:#41b7ef;}#close-button:active > path{fill:#38a8dd;}</style></template></dom-module>
<dom-module id="tinychat-notification" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal-notification"></style><div id="modal-content-notification"><svg id="close-button" width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" on-click="close"><path d="M6 4.5L1.5 0 0 1.5 4.5 6 0 10.5 1.5 12 6 7.5l4.5 4.5 1.5-1.5L7.5 6 12 1.5 10.5 0" fill="#c4d4dc" fill-rule="evenodd"></path></svg><h1>[[title]]</h1><label>[[message]]</label><button on-click="close">[[btnMessage]]</button></div></template>
<script>
class ModalDialogNotification extends Polymer.Element {
static get is() {
return 'tinychat-notification'
}
static get properties() {
return {
title: {
type: String,
value: 'Your video was rejected by moderator'
},
message: {
type: String,
value: 'You can try to broadcast again in 1 minute'
},
btnMessage: {
type: String,
value: 'OK'
},
onkeydownHandler: Object
}
}
constructor() {
super()
}
get app() {
return this.chatroom.app
}
get settings() {
return this.app.settings
}
connectedCallback() {
super.connectedCallback(), this.onkeydownHandler = this.onkeydown.bind(this), document.addEventListener('keydown', this.onkeydownHandler)
}
disconnectedCallback() {
super.disconnectedCallback(), document.removeEventListener('keydown', this.onkeydownHandler)
}
open() {
this.parentNode instanceof Modal && this.parentNode.open(ModalDialogNotification.is)
}
close() {
this.parentNode instanceof Modal && this.parentNode.close(ModalDialogNotification.is, this)
}
onkeydown(a) {
a = a || window.event, (27 == a.keyCode || 'Escape' == a.key || 'Esc' == a.key) && this.parentNode instanceof Modal && this.parentNode.isopen(ModalDialogNotification.is) && this.cancel(a)
}
cancel() {
this.close()
}
}
customElements.define(ModalDialogNotification.is, ModalDialogNotification);
</script>
</dom-module>
<dom-module id="client-modal-password" assetpath="../../styles/"><template><style>#modal-content-password{width:100%;max-width:540px;margin:0 auto;padding:50px 70px 60px;box-sizing:border-box;border-radius:4px;background-color:#fff;}#modal-content-password.error > label{opacity:0;visibility:hidden;}#modal-content-password.error > #error-text{opacity:1;visibility:visible;overflow:visible;}#modal-content-password.error > input[type="password"]{border-color:#e53951;color:#e53951;}#modal-content-password > *:focus{outline:none;}#modal-content-password > h1{margin:0;padding-bottom:40px;box-sizing:border-box;font-size:24px;font-weight:300;color:#363636;line-height:33px;text-align:center;}#modal-content-password > label{display:block;padding-bottom:4px;font-size:12px;font-weight:600;color:#414141;text-transform:uppercase;opacity:1;visibility:visible;transition:.2s;}#modal-content-password > #error-text{position:relative;display:block;height:0;top:-21px;font-size:12px;font-weight:600;color:#e53951;opacity:0;visibility:hidden;overflow:hidden;transition:.2s;}#modal-content-password > input[type="password"]{height:40px;width:100%;border:1px solid #c5d5dc;box-sizing:border-box;background-color:#fff;font-family:inherit;font-size:16px;font-weight:600;color:#414141;text-align:center;line-height:38px;letter-spacing:.5px;transition:.2s;}#modal-content-password > input[type="submit"]{height:40px;width:100%;margin-top:24px;border:none;font-family:inherit;font-size:12px;font-weight:700;color:#fff;letter-spacing:1px;background-color:#41b7ef;cursor:pointer;transition:.2s;}#modal-content-password > input[type="submit"]:hover{background-color:#54ccf3;}#modal-content-password > input[type="submit"]:active{background-color:#38a8dd;}</style></template></dom-module>
<dom-module id="tinychat-password" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal-password"></style><form id="modal-content-password" on-submit="onOK"><h1>[[title]]</h1><label>[[label]]</label><span id="error-text">[[error]]</span> <input id="password" type="password" placeholder="password" maxlength="255" on-click="onInput"> <input type="submit" value="[[submit]]"></form></template>
<script>
class ModalDialogPassword extends Polymer.Element {
static get is() {
return 'tinychat-password'
}
static get MODE_ROOM() {
return 0
}
static get MODE_BROADCAST() {
return 1
}
static get properties() {
return {
mode: {
type: Number,
observer: 'modeAssigned'
},
title: {
type: String,
value: 'The room is password protected'
},
label: {
type: String,
value: 'CHATROOM PASSWORD'
},
submit: {
type: String,
value: 'CONNECT'
},
error: {
type: String,
value: 'Sorry, the password you entered was incorrect'
},
ok: Object,
onkeydownHandler: Object
}
}
constructor(a) {
super(), this.mode = a == void 0 ? ModalDialogPassword.MODE_ROOM : a
}
connectedCallback() {
super.connectedCallback(), this.onkeydownHandler = this.onkeydown.bind(this), document.addEventListener('keydown', this.onkeydownHandler), this.$.password.focus()
}
disconnectedCallback() {
super.disconnectedCallback(), document.removeEventListener('keydown', this.onkeydownHandler)
}
modeAssigned(a) {
switch (a) {
case ModalDialogPassword.MODE_ROOM:
this.title = 'The room is password protected', this.label = 'CHATROOM PASSWORD', this.submit = 'CONNECT';
break;
case ModalDialogPassword.MODE_BROADCAST:
this.title = 'The broadcast is password protected', this.label = 'BROADCAST PASSWORD', this.submit = 'BROADCAST';
break;
default:
console.warn('unknown mode');
}
}
open() {
this.parentNode instanceof Modal && this.parentNode.open(ModalDialogPassword.is)
}
close() {
this.parentNode instanceof Modal && this.parentNode.close(ModalDialogPassword.is, this)
}
onkeydown(a) {
a = a || window.event, (27 == a.keyCode || 'Escape' == a.key || 'Esc' == a.key) && this.parentNode instanceof Modal && this.parentNode.isopen(ModalDialogPassword.is) && Object.isFunc(this.ok) && this.ok('')
}
onInput() {
this.$['modal-content-password'].classList.remove('error')
}
onOK(a) {
return a.preventDefault(), Object.isFunc(this.ok) && this.ok(this.$.password.value), !1
}
}
customElements.define(ModalDialogPassword.is, ModalDialogPassword);
</script>
</dom-module>
<dom-module id="client-modal-media-filters" assetpath="../../styles/"><template><style>*{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;}.on-white-scroll{padding-left:16px;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll;}.on-white-scroll::-webkit-scrollbar{position:absolute;width:15px;cursor:pointer;}.on-white-scroll::-webkit-scrollbar-track{background-color:#fff;}.on-white-scroll::-webkit-scrollbar-thumb{border:5px solid #fff;border-radius:6px/8px;background-color:rgba(0, 0, 0, .2);}.on-white-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, .4);}#modal-content-filters{position:relative;width:100%;max-width:540px;margin:0 auto;padding:50px 0 60px;box-sizing:border-box;border-radius:4px;background-color:#fff;}#modal-content-filters *:focus{outline:none;}#close-button{position:absolute;top:8px;right:8px;padding:10px;cursor:pointer;}#close-button > path{transition:.2s;}#close-button:hover > path{fill:#41b7ef;}#close-button:active > path{fill:#38a8dd;}#modal-content-filters > h1{margin:0;padding:0 70px 40px;box-sizing:border-box;font-size:24px;font-weight:300;color:#363636;line-height:33px;text-align:center;cursor:default;}#filters-preview{position:relative;padding:0 70px;border-bottom:1px solid rgba(0, 0, 0, .1);transition:.2s;}#filters-video{position:relative;width:100%;padding-bottom:40px;text-align:left;}#filters-video > div{width:100%;font-size:14px;color:#414141;line-height:40px;text-align:center;cursor:default;overflow:hidden;transition:.2s;}#filters-video > div > .video{position:relative;width:100%;font-size:0;overflow:hidden;}.video > div > video,
.video > div > canvas{position:relative;width:100%;border-radius:4px;}#filters-wrapper{padding-top:30px;border-bottom:1px solid rgba(0, 0, 0, .1);}#filters-wrapper > div{height:230px;}#filters-content{width:420px;margin:0 auto;font-size:0;text-align:left;}#filters-content > .filter{display:inline-block;width:120px;margin:0 10px 20px;text-align:center;vertical-align:top;}#filters-content > .filter > span{display:inline-block;padding-top:6px;font-size:12px;color:#333;line-height:16px;cursor:default;}#filters-content > .filter > div{position:relative;cursor:pointer;}#filters-content > .filter > div img{border-radius:4px;width:100%;}#filters-content .filter > div > div:before,
#filters-content .filter > div > div:after{border-radius:4px;}.filter > .active:before{content:'';position:absolute;height:100%;width:100%;top:0;left:0;border:4px solid #fff;border-radius:4px;box-sizing:border-box;z-index:2;}.filter > .active:after{content:'';position:absolute;height:100%;width:100%;top:0;left:0;border:2px solid #41b7ef;border-radius:4px;box-sizing:border-box;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iNTMiIHZpZXdCb3g9IjAgMCA1MyA1MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CgkJPHBhdGggZD0iTTIgNi4wMDJBMy45OTggMy45OTggMCAwIDEgNi4wMDIgMkg1M0wyIDUzVjYuMDAyeiIgZmlsbD0iI2ZmZiIvPgoJCTxwYXRoIGQ9Ik0wIDMuOTk0QTMuOTk1IDMuOTk1IDAgMCAxIDMuOTk0IDBINTJMMCA1MlYzLjk5NHoiIGZpbGw9IiM0MWI3ZWYiLz4KCQk8cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTkgMTVsNiA1IDctOSIvPgoJPC9nPgo8L3N2Zz4=");background-repeat:no-repeat;background-position:-2px -2px;z-index:3;}#filter-button-wrapper{padding:40px 70px 0;}#filter-button-wrapper > button{display:block;height:40px;width:100%;border:1px solid transparent;box-sizing:border-box;font-family:'Open Sans', sans-serif;font-weight:700;font-size:12px;color:#fff;background-color:#41b7ef;line-height:38px;letter-spacing:1px;text-align:center;text-transform:uppercase;cursor:pointer;transition:.2s;}#filter-button-wrapper > button:hover{background-color:#54ccf3;}#filter-button-wrapper > button:active{background-color:#38a8de;}#modal-content-filters.wait > .waiting{opacity:1;visibility:visible;}.waiting > .waiting-content{position:absolute;height:0;width:80%;top:50%;left:10%;}.waiting > .waiting-content > span{position:absolute;display:inline-block;height:0;width:0;top:-4px;left:0;border:4px solid #cacece;border-radius:100%;opacity:0;animation:waiting 1s ease-in-out 0s infinite paused;-webkit-animation:waiting 1s ease-in-out 0s infinite paused;}.waiting > .waiting-content > span:nth-child(2){animation-delay:.15s;-webkit-animation-delay:.15s;}.waiting > .waiting-content > span:nth-child(3){animation-delay:.3s;-webkit-animation-delay:.3s;}.waiting > .waiting-content > span:nth-child(4){animation-delay:.45s;-webkit-animation-delay:.45s;}.waiting > .waiting-content > span:nth-child(5){animation-delay:.6s;-webkit-animation-delay:.6s;}#modal-content-filters.wait > .waiting > .waiting-content > span{animation-play-state:running;-webkit-animation-play-state:running;}@keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@-webkit-keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@media screen and (max-width: 470px){.on-white-scroll::-webkit-scrollbar{position:absolute;height:15px;width:auto;cursor:pointer;}.on-white-scroll::-webkit-scrollbar-thumb{border-radius:8px/6px;}#modal-content-filters{padding-bottom:20px;}#modal-content-filters > h1{padding-bottom:20px;}#filters-preview,
#filter-button-wrapper{padding-left:20px;padding-right:20px;}#filters-video{padding-bottom:0;}#filters-wrapper{padding-top:20px;}#filters-wrapper > div{height:150px;padding-left:10px;overflow-x:scroll;overflow-y:hidden;}#filters-content{white-space:nowrap;}#filters-content:after{content:'';display:inline-block;height:100%;width:10px;}}.aden{position:relative;-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);}.aden:after,
.aden:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.aden img{width:100%;z-index:1;}.aden:before{z-index:2;}.aden:after{z-index:3;}.aden:after{background:-webkit-linear-gradient(left, rgba(66, 10, 14, .2), transparent);background:linear-gradient(to right, rgba(66, 10, 14, .2), transparent);mix-blend-mode:darken;}.gingham:after,
.perpetua:after,
.reyes:after{mix-blend-mode:soft-light;}.inkwell{position:relative;-webkit-filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);}.inkwell:after,
.inkwell:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.inkwell img{width:100%;z-index:1;}.inkwell:before{z-index:2;}.inkwell:after{z-index:3;}.perpetua{position:relative;}.perpetua:after,
.perpetua:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.perpetua img{width:100%;z-index:1;}.perpetua:before{z-index:2;}.perpetua:after{z-index:3;}.perpetua:after{background:-webkit-linear-gradient(top, #005b9a, #e6c13d);background:linear-gradient(to bottom, #005b9a, #e6c13d);opacity:.5;}.reyes{position:relative;-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);}.reyes:after,
.reyes:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.reyes img{width:100%;z-index:1;}.reyes:before{z-index:2;}.reyes:after{z-index:3;}.reyes:after{background:#efcdad;opacity:.5;}.gingham{position:relative;-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg);}.gingham:after,
.gingham:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.gingham img{width:100%;z-index:1;}.gingham:before{z-index:2;}.gingham:after{z-index:3;}.gingham:after{background:rgb(230, 230, 250);}.toaster{position:relative;-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9);}.toaster:after,
.toaster:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.toaster img{width:100%;z-index:1;}.toaster:before{z-index:2;}.toaster:after{z-index:3;}.toaster:after{background:-webkit-radial-gradient(circle, #804e0f, #3b003b);background:radial-gradient(circle, #804e0f, #3b003b);mix-blend-mode:screen;}.walden{position:relative;-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);}.walden:after,
.walden:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.walden img{width:100%;z-index:1;}.walden:before{z-index:2;}.walden:after{z-index:3;}.walden:after{background:#04c;mix-blend-mode:screen;opacity:.3;}.hudson{position:relative;-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1);}.hudson:after,
.hudson:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.hudson img{width:100%;z-index:1;}.hudson:before{z-index:2;}.hudson:after{z-index:3;}.hudson:after{background:-webkit-radial-gradient(circle, #a6b1ff 50%, #342134);background:radial-gradient(circle, rgb(166, 177, 255) 50%, rgb(52, 33, 52));mix-blend-mode:multiply;opacity:.5;}.earlybird{position:relative;-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2);}.earlybird:after,
.earlybird:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.earlybird img{width:100%;z-index:1;}.earlybird:before{z-index:2;}.earlybird:after{z-index:3;}.earlybird:after{background:-webkit-radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);background:radial-gradient(circle, rgb(208, 186, 142) 20%, rgb(54, 3, 9) 85%, #1d0210 100%);mix-blend-mode:overlay;}.mayfair{position:relative;-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1);}.mayfair:after,
.mayfair:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.mayfair img{width:100%;z-index:1;}.mayfair:before{z-index:2;}.mayfair:after{z-index:3;}.mayfair:after{background:-webkit-radial-gradient(40% 40%, circle, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);background:radial-gradient(circle at 40% 40%, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);mix-blend-mode:overlay;opacity:.4;}.lofi{position:relative;-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5);}.lofi:after,
.lofi:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.lofi img{width:100%;z-index:1;}.lofi:before{z-index:2;}.lofi:after{z-index:3;}.lofi:after{background:-webkit-radial-gradient(circle, transparent 70%, #222 150%);background:radial-gradient(circle, transparent 70%, #222 150%);mix-blend-mode:multiply;}._1977{position:relative;-webkit-filter:contrast(1.1) brightness(1.1) saturate(1.3);filter:contrast(1.1) brightness(1.1) saturate(1.3);}._1977:after,
._1977:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}._1977 img{width:100%;z-index:1;}._1977:before{z-index:2;}._1977:after{z-index:3;background:rgba(243, 106, 188, .3);mix-blend-mode:screen;}.brooklyn{position:relative;-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1);}.brooklyn:after,
.brooklyn:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.brooklyn img{width:100%;z-index:1;}.brooklyn:before{z-index:2;}.brooklyn:after{z-index:3;}.brooklyn:after{background:-webkit-radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);background:radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);mix-blend-mode:overlay;}.xpro2{position:relative;-webkit-filter:sepia(.3);filter:sepia(.3);}.xpro2:after,
.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.xpro2 img{width:100%;z-index:1;}.xpro2:before{z-index:2;}.xpro2:after{z-index:3;}.xpro2:after{background:-webkit-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);background:radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);mix-blend-mode:color-burn;}.nashville{position:relative;-webkit-filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);}.nashville:after,
.nashville:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.nashville img{width:100%;z-index:1;}.nashville:before{z-index:2;}.nashville:after{z-index:3;}.nashville:after{background:rgba(0, 70, 150, .4);mix-blend-mode:lighten;}.nashville:before{background:rgba(247, 176, 153, .56);mix-blend-mode:darken;}.lark{position:relative;-webkit-filter:contrast(.9);filter:contrast(.9);}.lark:after,
.lark:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.lark img{width:100%;z-index:1;}.lark:before{z-index:2;}.lark:after{z-index:3;}.lark:after{background:rgba(242, 242, 242, .8);mix-blend-mode:darken;}.lark:before{background:#22253f;mix-blend-mode:color-dodge;}.moon{position:relative;-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1);}.moon:after,
.moon:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.moon img{width:100%;z-index:1;}.moon:before{z-index:2;}.moon:after{z-index:3;}.moon:before{background:#a0a0a0;mix-blend-mode:soft-light;}.moon:after{background:#383838;mix-blend-mode:lighten;}.clarendon{position:relative;-webkit-filter:contrast(1.2) saturate(1.35);filter:contrast(1.2) saturate(1.35);}.clarendon:after,
.clarendon:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.clarendon img{width:100%;z-index:1;}.clarendon:before{z-index:2;background:rgba(127, 187, 227, .2);mix-blend-mode:overlay;}.clarendon:after{z-index:3;}.willow{position:relative;-webkit-filter:grayscale(.5) contrast(.95) brightness(.9);filter:grayscale(.5) contrast(.95) brightness(.9);}.willow:after,
.willow:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.willow img{width:100%;z-index:1;}.willow:before{z-index:2;}.willow:after{z-index:3;}.willow:before{background-color:radial-gradient(40%, circle, #d4a9af 55%, #000 150%);mix-blend-mode:overlay;}.willow:after{background-color:#d8cdcb;mix-blend-mode:color;}.rise{position:relative;-webkit-filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9);filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9);}.rise:after,
.rise:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.rise img{width:100%;z-index:1;}.rise:before{z-index:2;}.rise:after{z-index:3;}.rise:after{background:-webkit-radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);background:radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);mix-blend-mode:overlay;opacity:.6;}.rise:before{background:-webkit-radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));background:radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));mix-blend-mode:multiply;}.slumber{position:relative;-webkit-filter:saturate(.66) brightness(1.05);filter:saturate(.66) brightness(1.05);}.slumber:after,
.slumber:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.slumber img{width:100%;z-index:1;}.slumber:before{z-index:2;}.slumber:after{z-index:3;}.slumber:after{background:rgba(125, 105, 24, .5);mix-blend-mode:soft-light;}.slumber:before{background:rgba(69, 41, 12, .4);mix-blend-mode:lighten;}.brannan{position:relative;-webkit-filter:sepia(.5) contrast(1.4);filter:sepia(.5) contrast(1.4);}.brannan:after,
.brannan:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.brannan img{width:100%;z-index:1;}.brannan:before{z-index:2;}.brannan:after{z-index:3;}.brannan:after{background-color:rgba(161, 44, 199, .31);mix-blend-mode:lighten;}.valencia{position:relative;-webkit-filter:contrast(1.08) brightness(1.08) sepia(.08);filter:contrast(1.08) brightness(1.08) sepia(.08);}.valencia:after,
.valencia:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.valencia img{width:100%;z-index:1;}.valencia:before{z-index:2;}.valencia:after{z-index:3;}.valencia:after{background:#3a0339;mix-blend-mode:exclusion;opacity:.5;}.kelvin{position:relative;}.kelvin:after,
.kelvin:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;}.kelvin img{width:100%;z-index:1;}.kelvin:before{z-index:2;}.kelvin:after{z-index:3;}.kelvin:after{background:#b77d21;mix-blend-mode:overlay;}.kelvin:before{background:#382c34;mix-blend-mode:color-dodge;}.maven{position:relative;-webkit-filter:sepia(.25) brightness(.95) contrast(.95) saturate(1.5);filter:sepia(.25) brightness(.95) contrast(.95) saturate(1.5);}.maven:after,
.maven:before{position:absolute;content:'';height:100%;top:0;left:0;pointer-events:none;width:100%;display:block;}.maven img{width:100%;z-index:1;}.maven:before{z-index:2;}.maven:after{z-index:3;background:rgba(3, 230, 26, .2);mix-blend-mode:hue;}.stinson{position:relative;-webkit-filter:contrast(.75) saturate(.85) brightness(1.15);filter:contrast(.75) saturate(.85) brightness(1.15);}.stinson img{width:100%;z-index:1;}.stinson:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;z-index:2;}.stinson:after{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;z-index:3;}.stinson:before{background:rgba(240, 149, 128, .2);mix-blend-mode:soft-light;}</style></template></dom-module>
<dom-module id="tinychat-media-filters" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal-media-filters"></style><div id="modal-content-filters"><svg id="close-button" width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" on-click="close"><path d="M6 4.5L1.5 0 0 1.5 4.5 6 0 10.5 1.5 12 6 7.5l4.5 4.5 1.5-1.5L7.5 6 12 1.5 10.5 0" fill="#c4d4dc" fill-rule="evenodd"></path></svg><h1>Filters gallery</h1><div id="filters-preview"><div id="filters-video"><div><div class="video"><div><canvas id="canvas"></canvas></div></div></div></div></div><div id="filters-wrapper"><div class="on-white-scroll"><div id="filters-content"><dom-repeat items="[[filters]]"><template strip-whitespace=""><div class="filter"><div class$="[[getActive(filter, item.name)]]"><div class$="[[item.css]]"><img on-click="onSelect" data-filter$="[[item.name]]" src="[[preview]]"></div></div><span>[[item.name]]</span></div></template></dom-repeat>
</div>
</div>
</div>
<div id="filter-button-wrapper"><button on-click="onSave">APPLY FILTER</button></div>
<div class="waiting">
<div class="waiting-content"><span></span><span></span><span></span><span></span><span></span></div>
</div>
</div>
</template>
<script>
class ModalDialogMediaFilters extends Polymer.Element {
static get is() {
return 'tinychat-media-filters'
}
static get properties() {
return {
chatroom: {
type: Object,
observer: 'chatroomAssigned'
},
filter: {
type: String,
value: ''
},
filters: Array,
calcStyle: {
type: String,
computed: ''
},
video: Object,
canvas: Object,
preview: String,
onkeydownHandler: Object
}
}
constructor() {
super()
}
get app() {
return this.chatroom.app
}
get settings() {
return this.app.settings
}
connectedCallback() {
super.connectedCallback(), this.onkeydownHandler = this.onkeydown.bind(this), document.addEventListener('keydown', this.onkeydownHandler)
}
disconnectedCallback() {
super.disconnectedCallback(), document.removeEventListener('keydown', this.onkeydownHandler)
}
chatroomAssigned(a) {
this.canvas = this.$.canvas, this.filter = a.mediaStreamFilter, this.filters = window.TinychatApp.BLL.VideoFilters.getAll, this.prepareStream(a.mediaStreamOrigin)
}
prepareStream(a) {
function c() {
f.clearRect(0, 0, d.canvas.width, d.canvas.height);
let h = d.video.videoHeight,
i = d.video.videoWidth;
d.canvas.width = i, d.canvas.height = h, d.preview === void 0 && (f.drawImage(d.video, 0, 0, i, h, 0, 0, d.canvas.width, d.canvas.height), d.preview = d.canvas.toDataURL('image/png')), window.TinychatApp.BLL.VideoFilters.getFilter(d.filter).apply(f, i, h), f.drawImage(d.video, 0, 0, i, h, 0, 0, d.canvas.width, d.canvas.height)
}
this.video = document.createElement('video'), this.video.autoplay = !0, this.video.muted = !0;
let d = this,
f = this.canvas.getContext('2d');
this.video.srcObject = a, this.video.oncanplay = function() {
g(c, 15)
};
let g = function(h, i) {
let j = new Date().getTime();
i = i || 60;
let k = 1e3 / i;
return function l() {
requestAnimationFrame(l);
let n = new Date().getTime(),
o = n - j;
o > k && (j = n - o % k, h())
}(0)
}
}
onSelect(a) {
this.filter = a.target.dataset.filter
}
onSave() {
let a = this.chatroom.selfUser();
a.canUseFilters ? (this.chatroom.applyFilter(this.filter), this.close()) : (this.close(), this.app.Upgrade('You need at least Extreme subscription to use Video Filters!'))
}
getActive(a, b) {
return a === b ? 'active' : ''
}
open() {
this.parentNode instanceof Modal && this.parentNode.open(ModalDialogMediaFilters.is)
}
close() {
this.parentNode instanceof Modal && this.parentNode.close(ModalDialogMediaFilters.is, this), this.$.video != void 0 && this.$.video.pause()
}
onkeydown(a) {
a = a || window.event, (27 == a.keyCode || 'Escape' == a.key || 'Esc' == a.key) && this.parentNode instanceof Modal && this.parentNode.isopen(ModalDialogMediaFilters.is) && this.close(a)
}
}
customElements.define(ModalDialogMediaFilters.is, ModalDialogMediaFilters);
</script>
</dom-module>
<dom-module id="client-modal-media-settings" assetpath="../../styles/"><template><style>*{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;}.on-white-scroll{padding-left:16px;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll;}.on-white-scroll::-webkit-scrollbar{position:absolute;width:15px;cursor:pointer;}.on-white-scroll::-webkit-scrollbar-track{background-color:#fff;}.on-white-scroll::-webkit-scrollbar-thumb{border:5px solid #fff;border-radius:6px/8px;background-color:rgba(0, 0, 0, .2);}.on-white-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, .4);}#modal-content-media{position:relative;width:100%;max-width:540px;margin:0 auto;padding:50px 70px 60px;box-sizing:border-box;border-radius:4px;background-color:#fff;}#modal-content-media *:focus{outline:none;}#close-button{position:absolute;top:8px;right:8px;padding:10px;cursor:pointer;}#close-button > path{transition:.2s;}#close-button:hover > path{fill:#41b7ef;}#close-button:active > path{fill:#38a8dd;}#modal-content-media > h1{margin:0;padding-bottom:40px;box-sizing:border-box;font-size:24px;font-weight:300;color:#363636;line-height:33px;text-align:center;cursor:default;}#media-wrapper{position:relative;transition:.2s;}#media-videos{position:relative;width:calc(100% + 20px);left:-10px;padding-bottom:40px;text-align:left;}#media-videos > div:first-child{height:0;overflow:hidden;transition:.2s;}#media-videos > div:only-of-type{height:40px;width:100%;padding:0 10px;box-sizing:border-box;font-size:14px;color:#414141;line-height:40px;text-align:center;cursor:default;}#media-videos > div + div{position:relative;display:inline-block;width:50%;padding:0 10px 10px;box-sizing:border-box;vertical-align:top;}#media-videos > div > .video{position:relative;width:100%;font-size:0;overflow:hidden;cursor:pointer;}.video > div{position:relative;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA0OCA2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Ik0xNCAxMy45OTR2MjAuMDEyQzE0IDM5LjUyMyAxOC40NzggNDQgMjQgNDRjNS41MTUgMCAxMC00LjQ4IDEwLTkuOTk0VjEzLjk5NEMzNCA4LjQ3NyAyOS41MjIgNCAyNCA0Yy01LjUxNSAwLTEwIDQuNDgtMTAgOS45OTR6TTI2IDU3LjkydjQuMDgyQTEuOTk0IDEuOTk0IDAgMCAxIDI0IDY0Yy0xLjEwNSAwLTItLjg4Ny0yLTEuOTk4VjU3LjkyQzkuNjk4IDU2LjkyOCAwIDQ2Ljg2IDAgMzQuNTg2YTIgMiAwIDAgMSA0IDBDNCA0NS4yODMgMTIuOTUgNTQgMjQgNTRjMTEuMDYgMCAyMC04LjcwMyAyMC0xOS40MTRhMiAyIDAgMCAxIDQgMGMwIDEyLjI4Ni05LjY5IDIyLjM0NC0yMiAyMy4zMzR6TTEwIDEzLjk5NEMxMCA2LjI3IDE2LjI3NyAwIDI0IDBjNy43MyAwIDE0IDYuMjY3IDE0IDEzLjk5NHYyMC4wMTJDMzggNDEuNzMgMzEuNzIzIDQ4IDI0IDQ4Yy03LjczIDAtMTQtNi4yNjctMTQtMTMuOTk0VjEzLjk5NHoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+");background-repeat:no-repeat;background-position:center;background-color:#c4d4dc;overflow:hidden;}.video > div:before{content:'';display:block;width:100%;padding-bottom:75%;}.video:after{content:'';position:absolute;display:block;top:-5px;bottom:-5px;left:-5px;right:-5px;border:5px solid #fff;border-radius:9px;box-sizing:border-box;pointer-events:none;}.video > div > video{position:absolute;height:100%;top:0;left:0;}.video > div.ratio-16-9 > video{left:-16.66%;}.video > div.ratio-8-5 > video{left:-10%;}.video > div.ratio-3-2 > video{left:-6.25%;}.video + span{display:inline-block;height:16px;width:100%;padding-top:6px;font-size:12px;color:#262626;line-height:16px;text-align:center;cursor:default;}.video.active:before{content:'';position:absolute;height:100%;width:100%;top:0;left:0;border:2px solid #41b7ef;border-radius:4px;box-sizing:border-box;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iNTMiIHZpZXdCb3g9IjAgMCA1MyA1MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CgkJPHBhdGggZD0iTTIgNi4wMDJBMy45OTggMy45OTggMCAwIDEgNi4wMDIgMkg1M0wyIDUzVjYuMDAyeiIgZmlsbD0iI2ZmZiIvPgoJCTxwYXRoIGQ9Ik0wIDMuOTk0QTMuOTk1IDMuOTk1IDAgMCAxIDMuOTk0IDBINTJMMCA1MlYzLjk5NHoiIGZpbGw9IiM0MWI3ZWYiLz4KCQk8cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTkgMTVsNiA1IDctOSIvPgoJPC9nPgo8L3N2Zz4=");background-repeat:no-repeat;background-position:-2px -2px;z-index:1;}.video.active:after{border-width:9px;}#media-audios{position:relative;width:100%;max-width:400px;margin:0 auto;padding-right:40px;box-sizing:border-box;}#media-audios-combobox{position:relative;height:40px;width:100%;padding:8px 50px 8px 25px;border:1px solid #c5d5dc;box-sizing:border-box;cursor:pointer;transition:.2s;}#media-audios-combobox:after{content:'';position:absolute;display:block;height:0;width:0;top:50%;right:18px;margin-top:-3px;border-width:6px 5px 0;border-style:solid;border-color:#c4d4dc transparent;transition:.2s;}#media-audios-combobox-list{position:absolute;top:40px;left:0;right:40px;border-width:0 1px 1px;border-style:solid;border-color:#c5d5dc;box-sizing:border-box;font-size:14px;color:#414141;text-align:left;background-color:#fff;cursor:pointer;visibility:hidden;z-index:2;transition:.2s;}#media-audios-combobox:focus{border-color:#41b7ef;}#media-audios-combobox:focus:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);}#media-audios-combobox:focus + #media-audios-combobox-list{visibility:visible;}#media-audios-combobox-list > div{position:relative;height:40px;width:100%;padding:8px 50px 8px 35px;box-sizing:border-box;white-space:nowrap;overflow:hidden;opacity:0;visibility:hidden;transition:.2s;}#media-audios-combobox:focus + #media-audios-combobox-list > div{opacity:1;visibility:visible;}#media-audios-combobox-list > div:first-child{display:none;}#media-audios-combobox-list > div:only-of-type{position:absolute;display:block;top:-40px;left:0;line-height:24px;}#media-audios-combobox-list > div.active{position:absolute;top:-40px;left:0;opacity:1;visibility:visible;pointer-events:none;}#media-audios-combobox-list > div:hover{background-color:#e0f5ff;}#media-audios-combobox-list > div > div{position:absolute;height:24px;width:3px;top:8px;left:25px;background-color:#333;}#media-audios-combobox-list > div > div:before{content:'';position:absolute;display:block;width:100%;bottom:0;left:0;background-color:#74d60c;transition:.1s;}#media-audios-combobox-list > div > div[data-mic-level=""]:before,
#media-audios-combobox-list > div > div[data-mic-level="0"]:before{top:100%;}#media-audios-combobox-list > div > div[data-mic-level="1"]:before{top:90%;}#media-audios-combobox-list > div > div[data-mic-level="2"]:before{top:80%;}#media-audios-combobox-list > div > div[data-mic-level="3"]:before{top:70%;}#media-audios-combobox-list > div > div[data-mic-level="4"]:before{top:60%;}#media-audios-combobox-list > div > div[data-mic-level="5"]:before{top:50%;}#media-audios-combobox-list > div > div[data-mic-level="6"]:before{top:40%;}#media-audios-combobox-list > div > div[data-mic-level="7"]:before{top:30%;}#media-audios-combobox-list > div > div[data-mic-level="8"]:before{top:20%;}#media-audios-combobox-list > div > div[data-mic-level="9"]:before{top:10%;}#media-audios-combobox-list > div > div[data-mic-level="10"]:before{top:0;}#media-audios-combobox-list > div > span{display:inline-block;width:100%;line-height:24px;overflow:hidden;}#media-audios > button{position:absolute;height:40px;width:30px;top:0;right:0;padding:0;border:none;background-color:transparent;cursor:pointer;line-height:40px;text-align:center;}#media-audios > button > svg{position:relative;top:3px;}#media-audios > button > svg > rect{opacity:0;visibility:hidden;transition:.2s;}#media-audios > button.muted > svg > rect{opacity:1;visibility:visible;}#media-ptt{padding-top:25px;text-align:center;}#media-ptt > input{display:none;}#media-ptt > label{position:relative;display:inline-block;height:16px;cursor:pointer;}#media-ptt > label > span{position:relative;display:inline-block;top:-3px;font-size:12px;font-weight:600;color:#414141;}#media-ptt > label:before{content:'';position:absolute;display:block;height:10px;width:10px;top:3px;right:3px;border-radius:100%;background-color:#fff;z-index:1;transition:.2s;}#media-ptt > label:after{content:'';position:relative;display:inline-block;height:16px;width:30px;margin-left:24px;border-radius:8px;background-color:#c2c9cb;transition:.2s;}#media-ptt > input:checked + label:before{right:17px;}#media-ptt > input:checked + label:after{background-color:#41b7ef;}#media-wrapper > button{display:block;height:40px;width:100%;margin-top:40px;border:1px solid transparent;box-sizing:border-box;font-size:12px;font-weight:700;color:#fff;background-color:#41b7ef;line-height:38px;text-align:center;text-transform:uppercase;cursor:pointer;transition:.2s;}#media-wrapper > button:hover{background-color:#54ccf3;}#media-wrapper > button:active{background-color:#38a8de;}#media-wrapper > .waiting{position:absolute;width:auto;top:0;bottom:0;left:0;right:0;background-color:#fff;z-index:1;opacity:0;visibility:hidden;transition:.2s;}#media-wrapper.wait > .waiting{opacity:1;visibility:visible;}.waiting > .waiting-content{position:absolute;height:0;width:80%;top:50%;left:10%;}.waiting > .waiting-content > span{position:absolute;display:inline-block;height:0;width:0;top:-4px;left:0;border:4px solid #cacece;border-radius:100%;opacity:0;animation:waiting 1s ease-in-out 0s infinite paused;-webkit-animation:waiting 1s ease-in-out 0s infinite paused;}.waiting > .waiting-content > span:nth-child(2){animation-delay:.15s;-webkit-animation-delay:.15s;}.waiting > .waiting-content > span:nth-child(3){animation-delay:.3s;-webkit-animation-delay:.3s;}.waiting > .waiting-content > span:nth-child(4){animation-delay:.45s;-webkit-animation-delay:.45s;}.waiting > .waiting-content > span:nth-child(5){animation-delay:.6s;-webkit-animation-delay:.6s;}#media-wrapper.wait > .waiting > .waiting-content > span{animation-play-state:running;-webkit-animation-play-state:running;}@keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@-webkit-keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}</style></template></dom-module>
<dom-module id="tinychat-media-settings" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal-media-settings"></style><div id="modal-content-media"><svg id="close-button" width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" on-click="close"><path d="M6 4.5L1.5 0 0 1.5 4.5 6 0 10.5 1.5 12 6 7.5l4.5 4.5 1.5-1.5L7.5 6 12 1.5 10.5 0" fill="#c4d4dc" fill-rule="evenodd"></path></svg><h1>Media Devices</h1><div id="media-wrapper"><div id="media-videos"><div>Video List is empty</div><dom-repeat items="[[video_items]]"><template strip-whitespace=""><div><div on-click="onVideoSelect" class$="[[convertVideoClass(videoSelectedDeviceId, item)]]"><div class="ratio-4-3"><video autoplay="" loop="" src="[[item.mediasrc]]">Your browser does not support the video tag...</video></div></div><span>[[item.label]]</span></div></template></dom-repeat>
</div>
<div id="media-audios">
<div id="media-audios-combobox" tabindex="0"></div>
<div id="media-audios-combobox-list">
<div>Audio List is empty</div>
<dom-repeat items="[[audio_items]]"><template strip-whitespace=""><div on-click="onAudioSelect" class$="[[convertClassActive('', item.active)]]"><div data-mic-level="4"></div><span>[[item.label]]</span></div></template></dom-repeat>
</div><button id="btn-mute-mic" on-click="onMuteMic"><svg width="24" height="30" viewBox="0 0 24 30" xmlns="http://www.w3.org/2000/svg"><path d="M7 6.997v8.006a5 5 0 0 0 10 0V6.997a5 5 0 0 0-10 0zm6 19.963v2.03a1 1 0 1 1-2 0v-2.03c-6.15-.496-11-5.53-11-11.667a1 1 0 1 1 2 0C2 20.643 6.475 25 12 25c5.53 0 10-4.352 10-9.707a1 1 0 1 1 2 0c0 6.143-4.845 11.172-11 11.667zM5 6.997a7 7 0 1 1 14 0v8.006a7 7 0 1 1-14 0V6.997z" fill="#41b7ef"></path><rect transform="rotate(-45 11.9 13.9)" width="31" height="2" rx="1" fill="#fff" fill-rule="evenodd" x="-2" y="14.5"></rect><rect transform="rotate(-45 11.9 13.9)" width="31" height="2" rx="1" fill="#41b7ef" fill-rule="evenodd" x="-3" y="13"></rect></svg></button></div>
<div id="media-ptt"><input id="input-ptt" type="checkbox" on-change="echoChange"><label for="input-ptt"><span>ACOUSTIC ECHO CANCELLATION</span></label></div><button on-click="onSave">CLOSE</button>
<div class="waiting">
<div class="waiting-content"><span></span><span></span><span></span><span></span><span></span></div>
</div>
</div>
</div>
</template>
<script>
class ModalDialogMediaSettings extends Polymer.Element {
static get is() {
return 'tinychat-media-settings'
}
static get properties() {
return {
chatroom: {
type: Object,
observer: 'chatroomAssigned'
},
audio_items: {
type: Array,
value: []
},
video_items: {
type: Array,
value: []
},
audio_selected: {
type: Object,
value: null
},
video_selected: {
type: Object,
value: null
},
videoSelectedDeviceId: {
type: String,
value: ''
},
enableAcousticEchoCancelation: {
type: String,
notify: !0
},
onkeydownHandler: Object,
onClose: Object
}
}
constructor() {
super()
}
get app() {
return this.chatroom.app
}
get settings() {
return this.app.settings
}
connectedCallback() {
super.connectedCallback();
let b = this.settings.getSettings();
this.setProperties({
enableAcousticEchoCancelation: b.enableAcousticEchoCancelation
}), this.$['input-ptt'].checked = this.enableAcousticEchoCancelation, this.onkeydownHandler = this.onkeydown.bind(this), document.addEventListener('keydown', this.onkeydownHandler)
}
disconnectedCallback() {
super.disconnectedCallback(), document.removeEventListener('keydown', this.onkeydownHandler)
}
chatroomAssigned() {
let c = this,
d = this.chatroom.app.EventBus,
f = c.$['media-wrapper'];
f.classList.add('wait'), this.mediadevices((h, j) => {
h || c.app.showToastWarn(j.message), f.classList.remove('wait')
});
let g = this.settings.getSettings();
null !== g.video && (this.videoSelectedDeviceId = g.video.deviceId)
}
open() {
this.parentNode instanceof Modal && this.parentNode.open(ModalDialogMediaSettings.is)
}
close() {
for (var b in this.parentNode instanceof Modal && this.parentNode.close(ModalDialogMediaSettings.is, this), this.video_items) {
let d = this.video_items[b];
if (d.mediasrc && '' != d.mediasrc) try {
URL.revokeObjectURL(d.mediasrc), d.mediasrc = '', this.notifyPath('video_items.' + b + '.mediasrc'), null != d.mediastream && d.mediastream.stop()
} catch (f) {
console.error(f)
}
}
let c = this.settings.getSettings();
null !== c.video && Object.isFunc(this.onClose) && this.onClose()
}
onkeydown(b) {
b = b || window.event, (27 == b.keyCode || 'Escape' == b.key || 'Esc' == b.key) && this.parentNode instanceof Modal && this.parentNode.isopen(ModalDialogMediaSettings.is) && this.close(b)
}
onMuteMic() {
let c = this.$['btn-mute-mic'];
c.classList.toggle('muted')
}
onSave() {
this.close()
}
echoChange(b) {
this.settings.switchAcousticEchoCancelation(this._str2bool(b))
}
onVideoSelect(b) {
this.video_selected = b.model.item, this.video_selected.active = !0, this.videoSelectedDeviceId = this.video_selected.deviceId;
let c = this.video_items.indexOf(this.video_selected);
this.notifyPath('video_items.' + c + '.active');
let d = this.settings.getSettings();
d.video = b.model.item, this.settings.saveSettings(d)
}
onAudioSelect(b) {
for (var c in this.audio_items) {
let g = this.audio_items[c],
h = g.active;
g.active = !1, h && this.notifyPath('audio_items.' + c + '.active')
}
this.audio_selected = b.model.item, this.audio_selected.active = !0;
let d = this.audio_items.indexOf(this.audio_selected);
this.notifyPath('audio_items.' + d + '.active');
let f = this.settings.getSettings();
f.audio = b.model.item, this.settings.saveSettings(f)
}
convertVideoClass(b, c) {
let d = 'video',
f = this.settings.getSettings();
return d += b === c.deviceId ? ' active' : '', d
}
convertClassActive(b, c) {
let d = b,
f = this.settings.getSettings();
return null != f.video && (d += c ? ' active' : ''), d
}
mediadevices(b) {
let c = this;
if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) b(!1, new Error('Browser does not support Media Devices'));
else {
let d = c.settings.getSettings(),
f = {
deviceId: this.chatroom.id__miconly,
groupId: '',
label: 'Microphone only',
mediasrc: '',
active: !1
};
c.video_items = [f], c.audio_items = [], c.video_selected = null != d.video && f.deviceId == d.video.deviceId ? f : d.video, c.audio_selected = d.audio, navigator.mediaDevices.enumerateDevices().then(g => {
for (let h in g) {
let j = g[h];
if (j.active = !1, 'videoinput' === j.kind) {
j.mediasrc = 'https://tinychat.com/images/blank.png', (null == c.video_selected || c.video_selected.deviceId == j.deviceId || c.video_selected.deviceId == f.deviceId) && (c.video_selected = null == c.video_selected ? j : c.video_selected, c.video_selected.active = !0, c.video_selected.deviceId == j.deviceId && (j.active = !0));
let k = c.video_items.indexOf(f);
c.video_items.splice(k, 0, j);
let l = {
video: {
deviceId: {
exact: j.deviceId
},
width: 320,
height: 240,
frameRate: {
ideal: 15,
max: 30
}
}
};
console.log(l), navigator.mediaDevices.getUserMedia(l).then(m => {
try {
j.mediastream = m, j.mediasrc = URL.createObjectURL(m), c.notifyPath('video_items.' + k + '.mediasrc')
} catch (n) {
console.warn('MediaStream URL Object failed.', n)
}
}).catch(m => {
console.error(m)
})
}
'audioinput' === j.kind && (c.audio_items.push(j), (null == c.audio_selected || c.audio_selected.deviceId == j.deviceId) && (c.audio_selected = j, c.audio_selected.active = !0))
}
1 >= c.audio_items.length && 1 >= c.video_items.length ? b(!1, new Error('No Media Devices has found')) : (c.video_items = Array.from(c.video_items), c.audio_items = Array.from(c.audio_items), console.log(c.video_items), console.log(c.video_selected), console.log(c.audio_items), console.log(c.audio_selected)), b(!0)
}).catch(g => {
console.log(g)
})
}
}
_str2bool(b) {
let c = b.path ? b.path[0] : (b.composedPath && b.composedPath())[0];
return c.checked
}
}
customElements.define(ModalDialogMediaSettings.is, ModalDialogMediaSettings);
</script>
</dom-module>
<dom-module id="client-modal-mobile" assetpath="../../styles/"><template><style>*{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;}#modal-content-mobile{position:relative;width:100%;max-width:400px;margin:0 auto;padding:150px 80px 60px;box-sizing:border-box;border-radius:4px;background-color:#fff;background-repeat:no-repeat;background-position:center 62px;}#modal-content-mobile.ios{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAABNCAMAAADU1xmCAAAC+lBMVEUAAAAMc7R2LA+5pxBQqTcOtOLWHmIGo+XcI2eduxyObg7UHV+LbAwDqei+yBelkQ92QgnYIGPVHmCduRfZIGS8yBfSHVsEs+8EhMpkqC0Gnd+IoR8EnN6JshwFer5SpjS0oRByMAoGru0EltqBsB/UIGPZIGDFzhdxNwkEyv////+4F0rAGE8ICw/EGVG0F0nIGlS8F0x8ESZ6GB+nFEF4IBl7KhQDqOPLG1eiEz6rFUMSGiSuFUUDr+kDn90xpFrPHFoNEhp/NRBzJRUDoNOGJlA+p06xFkfm3xvV2BkdKDmbETiDDyrHtRKtmA+jiA0DnssEf8N7KlQDptsDnL8PbqwpOlGIvSjP1Ri/rRECAwUAAAACkc9mNF+sxRi/zhcCmNcIeboUaacro2TSHFxwL1mPIk1Urz5otTR1ESacwB7b2hrEzxc3pFJyFiDJ0hi4yhaBQwsDgrYdX5orU4oioXZLQHBdOGVMrEQiMEPs4hzg3RrWxBQCh8sClMgNnqN9uiyjwxtvHBuegA2QawuEUAoCktQKn7AbZKEWno8an4Y3ToIeoH4mom1ztzAXIS6zxxfPvROzoA+ojw6beQwCisYCkb8GlrU+SHxFpkFcsjqTwCPczRaR5/9s4P881v/8/PwhW5RUPGtFq0uqGkm3sxKWcQsLlKkToZglV5BFRXXUHV9krS+/uROkphCinw+KWwny8vIChr3HwBQGjrKZHEiTDzKvqRGdlA6MZQqx7/8GxfekHUucH0xzsCiNuB/QyBV3Nwgvg60PlaAVZJ4uT4TYH2LWHl+WIU3k1BeQegwOwesev8I0t6gTmZdRX3dehGCjGEYYIjCvshKViA/2/f/j+f/S9f+g6/9x4f9Y2//Mzc0DeLBPSlGvGUqgHEmmrRGBsyGCYQwOsMWdnZ42cpQ5OjqYpRDExso3i71NtYlgsGcmm8iusbZHc6E+kY11RXNhXlBvqUgoKSp6cimMoRwZncs0s3lnJivW2t/O0NS9vb05TWdwjkD3RA2eAAAAKXRSTlMA/v7+/v2VJiYmJurd25WVlfr16dHNyZubm1hY0dHJycnJioqKWFhYWC+PjMYAAAgISURBVFjDldgDtFRRFAbgm23bbrJt27Zt237Ztutl42W+7Jdtu7X69z668+5U05/WCl//PvvcmSnLlrixIoTIT8mZs2rVqsWKFatUqVK1atVGjhw5cODAlStHjxkzrnv38eObFixYsH379iVmIcETxYlneUioWAwxBo05YFIDBm0caU21Bix48LVr18YJExhL6rTs1cCNNhpjRtu3L7l7sQj5cwopMAYN4Wo86XjWBNYLGmP37iUIY8dgcMjSGGszZjiPjbUls3qhGjDS9kcLY7ACBZRVoGrVAgUKuGErxJz2YyMMc7ZsOZur7d+/v43m4hcwYUpgAwhDSDvLx+Y2aK9eEht0D1ibwTEElqxRI7vVqFgjYAOQ6dPJWrHi0KGzZx3VerHWqtWECcDmtBncoEFEnnPEiEYjGukAq1epHmN2Dac2RmqMLdHYoJqoNnhwg4kTadbY9UYgIGHi24h69WCBEtgWiUHT1UrYtUHQqBo0Kte/f38A4AiSFmubtiDAWAMmNuqsVnNOmzbAOnVqiMcJGgJRZtqAadOm2bAVIx9wRq4cB0xqjIlqBmuXyopduXLl/ipwOJuQLqRVCrE7jcmp0yubeqo2WGDtIloJK5swNI2kTV2QaiHSOLL79BfSdDVgrBHWMYYVpDFFg5sqw+JMz++0OKe/mBVAk1jDdh07drSCIAwy2rgxS7e6dMnpZIy3xFRjDBqwWqWt6tXBMQmU4VvIAPtxeZj3i8CkpjBoTaoDFGR1/g5Y1TT/ypnZYgVmzlqkNaFAtEdP+bdpqZpZAWNtrVFIkyb4ikg50PEvmD/v2q5r8+YvCMS5VyOsr9W1a1d4CLOHEbcxb+y6nFbl8q4bbpzUBCa0ReAA4kvXw10JK5bGZP4VZkyuzLefHTDW2lG1tm379rVWrVqEdMVXkS62Ea+mdeaqbeAXclDCSCtlreq2ClmkcthcjesLnRay8Lp50moO5kGN1o0DUsTMOc/hqMwzs9ruGrBS1tgjR7qZNLFjXnDvG3QS1wMYaTPHUmBCPXIkpx4z7d+ihz39ZKLaAbA+1kxEi6P0Ahb+VVu4QJe726ldu1paW70amiI/q9/kvk3fmz+e+rpvVp/cp7sNO0qtTx+rx+oeqznkqYXOt/d4+LguUufxQ3tfde92f3pykTRgrHGE6af+xiv2YgGwOB9u2q6xvnNP1l+UG8WkiymSVIPecJ/TVUfG9cr87A016pP1d9fpbj17QpPiKfk7dtks5HEdFwecabdL3WBoFzdrDYFI5mrV/rI+M1/qltel80Gf3WX1mz9BW7YZ1420+vXrQ+OMVddDF3gY4JvW953LVVjF9VD/2gJ1R55AW3cA3VhDIMJ85Njo47qux3nZysspXDjAsdUX60nbDA5ac0SKfoEfKl9cDJyZsHwu+NAPvoEfr+dSm0s7rQKNYtOuqT9wExpjbCEXLvjoPVxT2ob1rIGDVqVKcylKzaz0h9Z8fMqI+DzVSzXa9mXLNqPcCWgy0BzdngqNmgHqjZQp893ZDRq6QTthFUck+NpxbnWU5gNMxHlurFG3udBEWHPuVGoXCKtB8XfulM9tndBatGihQH/nfVPdtPbKed/QjbV+0I630F5z57PwATdEaLKah2eBNIzajzUKgSBDOJ7Tmy5ohTGp0H5+cz6nO6BtR7dJpO1FwHGeOV9DXrkwKncj7KmH15AdGzZsx6iTuNuePXs16O/h9e3mB2gXfEjz/+bp9W0HT1p+0iSh7bmz587erZTinl97A2jU3v6vPL72XtqxY8P2YLXLl6dy1tKlSwkU3rM/vS88/f6n9wV37fZS5d3ZuvXtf79n/QqkIUsp58+De/m/76cnSZvM2iRoGRGA0JDcb718rzfVoFWYDI7LWekQgCXzLV2a7Xzu3M/+73PIyZOXLk2pUCFYballzpyZuJIl8+XJkydbthan/ucz0kdoFStWqKC7pc9svHzg3v7H57dzw4adHFpxyhTSauPgJlkZ0iPCA4d6r73+bPnm/s5hJ6dWrCi18qRlgMdcOtTLky9btmdefe5FPrKGcuLgwFmZMmUg0JxetvMvvflMzt3uD1sutMmCg8Ye18Nu8+XJl+c82nmTU+gGTY0KzsqVS3LwUA9nh2Ffe8e92bnTlCPPKpQLgWe4PLTZU15x50w5cKQVggctEw0r29G98/NG232ONCrHXDArXDPp8S5Mu9z1X/6BePnZ/i+QjzwqcfCsmM3AycPjWZmDlrtcfb/dzjZ+AUWL+oewTzsVnGiX2Aq5ppny5GZxT0qiXe6y5bK0Xu1n/4Mh/AK+FkWCBn33JoTWqBy3qxDJSnns2BrF6XuXjzTmWrf+GuD/iOIf8HUIQhhSpEiRd+/OIR9xcjg6bof/2IvKGnOBNsEcpwMCicLdcuQognTuPHz4xo3Dli9fDo3qWZYV8ii3Y405c3KaA4YwRslh13BJZLtI0EJHYY7Kqb1m5L1KLguDrJFHGHPQFCeHDWtxuaPm6LgcOIzKGjgEWlZwWbNzYEGjQGOO6p1ENUp0wUFDOzMrL4I49rJmhWbnCEOggcMLXXi2MGu4o0fXqFnN85pNlNsGjpJVRGvgzLA7d4bHnJo7xpy6dKKb5oSnNcTMKoa9bzBw0XU5swetgdOevVzQoAcR8uwYryIKON4DNLeDUxxAWzuyJActslRMvZBR3UbNKEdlDRxiK1c0O+4whbTIKOZMipAxw8k98BqMxpyZFRrCXJLIqW3Cbxc+x4gzPh9bAAAAAElFTkSuQmCC");}#modal-content-mobile.android{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAAAXNSR0IArs4c6QAAC4VJREFUeAHVXA1wVcUVPvvyn5A/YEQo0grVBFCoJLEzbaFEMegAFS3MNJQiHRhoS0eETqeKwAjDKM6UIpSO/BS0nWntQIq0UKtBJ8iP04EERZsQBCm/gpJAIP+/t993kxffS+57b/cmLwln5ubet/fsOWe/u/fs2bN7o6QHKbrQSpcWyYTKNEtJGs7DcaRYlvQTJYm2KZZUKiVVuK7AcVZZckoipFQsKWrIVKU2Tw/8UeHUMbDUSrxZKU+gUZMBRDbOg7ukT8kVAFUAEN9JTpQ3y9JVZZfkBakcFmBijlmPtFgyF2BMBxjxQfS7v6WkBiDt8Sh5vT5L7XcvyLmmx7nYvPQFy/JEH7NmRB21Pmy2JN8SmRU2UGgeAKcO6oo6Zh2nbtpgbrlzjW7pMbHHrYebm2QjDB3lrKZnStGYkohIebpunHqvqxq7BEz8cWtIY7Osg/P8UVcN6c76cN5/i1KytCZTXXEr1zUw6LqPt4i8hi6d6lZ5WOspuYH36qcNWeofbvQYv5MZhVYU3un1cK57+iwoRAIPjDbSVtpsCo5Rj+l/2kq6VWEDkm2qqFf5lRQkpcj06/eoW7p2aAOT8Ik1qKFO/g1/8oCu8L7EB7/zYXSsPFZ9v/pCxy4tYNpAOQxQvqkjNBjPYHTq7CSRcYhu0mJFRuBIjhBJxEGqbBa5ieOzOpFTOI7XiBTgOV9pbL3flb8A5wzA+Z4OOCGB4etTWSEHutJThkaL/HiASC6O0XHumlZcK/JGuchfcFxqcCeDtdhzElNkYqjXKigwdFonLHkHjizbjSkE4VlMAmb2F4kIqklfOgI62XVdZC0GYoLliuBzxiqZXJSpAvbDoObSo6OnPGOqfECkyEtDReYOtJ+QaXUtftglr5eJPHdJpLxJq4ofE3rOK41Zaolfoc+PgMDYcQqHZEN6AlHN5m+I9Ac4PUHXAcrPzom8ecNcG+ZZ0wPFOY7AxBdagxssKTaJU+g71w0TWTTI3MDuqPEHjDW/uiACv61PCAKjlYx2ipAdA7xGS35nAkocpOy5p/dAIRJ8ILSBtmgTgkC7rQ4VOvUYTgibmuRdB17HIhry9r0i32lNMzny9GThB8jQPPqpSC3mK7oUGSmTOk48/fDltJ2zZF2BfH12jug7oNBuPiDaRNt0iW3umLLw6zHMaWB+sUtX4Cu96FNC2Uif88yFUFxf3YcjnglHnOct8esxGAGXeW+EOnP06S1HG8o23qdttFGXOra9vccwHclsmI4gxikl9/fckKxjkxMPh/JRn+jHOQhCc7xp0vZogzlaJ+FOZQzeuhqnVFdXy759++TIkSNSXFws5eXl0tLSIgMGDJD09HSZMGGCTJkyRZKSMLFySbSRti44pyegDQM7f2z3GGbzKyrlKobokInr+xDmHx/tPqK9du2arF69Wnbs2CE1NZghBqG4uDiZM2eOLF++XIYORQtdECPkccUi/9WZPiDBnpIod3L1wfYxbUscIUGhXZz7IJx2TampqZKQkBASFCqora2VLVu22D1o+/btrnTS1t/oLtqgY9hYQFOr88W6j45WzpJnYELYFYpE0LB27VqZNGmSthi+dvPnz5fFixdLc7NRbGvr4CSWtmtRGxY2MPZimEYtpg66a5acm5urodGfZePGjbJ06VL/Qo1ftJm265AXC4+9bKq5Qsh8SndRSkqKK1EEx81rpW07sCAmnra15JBGDkHmzTTJVFZWFrDrFxQUhNQZiIGv1MWLFwPddiyn7WyDFmF9na8SF9dD0kQXo+aqVatk5cqVnWQfPnxYtm3b1qlct4A+Z82aNbrs7XwGbUhTSEbtxJA2s712gIt1d4k8fWeAmw7FVVVVMmjQIHv0ycnJEfqU5ORkYU/ZunWr1NfXO9TSL+JQfvXqVaM4Z+NVpCY0OhpGsl0M8EbomJOGrmhCDN68cUp+fr7w6E7iUE4ds2bN0hZr0IbhfJWSdSQPj9Hh+oqHEW246eDBg0YqDNqQ4sFrpJVJSYkwssEO881qmHOXlpYaVdJtAzFhj9ECxrvuo2sJ5z7hJlMdBm2wgQmL/ZwQ3s7EHlOp0wCuEJoQZ8nhJlMd2m3AHkAPhiYtYCoMgWHqINxkqkO3DdjCVs0ec1OnAWcNw47x48friO0Sj6kO7TYoKScwn+lYd0onn+EjaOrUqRIbixX7MBFlU4cJGbThrMfeR6shnbsOTIhR7uzZs02qGPFSNnWYkG4b4F7OsMec0hF+4JYOlz/PihUrJD5eK//lXzHEL8qkbFPidhIdQtLvlAcLMEU6zJexL6DE8HUaNmyYrF+/Xke8EQ9lUrYJ0fbPA+5t8JfkiZAPPA0Z6iSKMb0KTdyfYkoLFiyQRYsWmVYLyE9ZlGlKBrZ/Wf+AOs1XiTlcreQIN+0gk25MGzZs6BZwCAplmRJtpu1apOQg+WxguDdfp9LFBpE8bNoxpYiICNm0aZNs3rzZlc+hT2FdyqAsU6LNtF2HAMhu8tnAJPezf2h5EO5k4pKEG1q4cKGUlJTIvHnzJCYm9HSdPORlHdZ1Q7SVNmtSXVKi7CNv+0IIElZ/hZBcHQF/vFvkKeyW6gpVVFTI3r175dChQ3Ly5El7wY3yGOaPHDlSGLxNmzZN3OaGvbb9Cbuu5v/P+yvEWcnfm7LUDHK1AxNTaOU0t+i9UgOR3uISbSrTXH2YbjS1LtGW4axJE5seVO+Tt9XH4KI+U+UDpRM6AqjoF+d0OHuXhzbqgoIB6GMvKLS6HRj+UBHyIs86lIc9b5u/1OHsHR7aRht1CcC87MvrB8yycZIHBsY1WrTkgsh+rSmolrhuY8qHTbRNl/CmfFSfIW/48vsB84JSLShY7MsQ7LoJHn/GGZH/VAXj6tl7tGUmbKJtuoRI91mlMGv0IT9gWM79IUBwpw9P0MsaJOomY7bVF3oObaAttEmblOTVZ6hOcVwnYCgwMlqWYrziV6xaREN+cFpkSy/6HOqmDUagYE9RbLQ4zlccgan9lrrssWSeFiptTOy6vzyP7wXQjSswavUUURd1UrfJ60P7PB75edVY5fg4HYFhpYYH1W444t/z2oQ4EnB7158RWIWbqIO6TEYfr01o23p8xx1wIybcSWAaXWxFf1qDL2It+X5grsB3xmD18rkhIk+m4ukE1RRYRsc7nBDuBvgvfS7ysdYkpqMEO6o99N0seeiAUgH7dkhzUwut5KoWeR/2jO2sQq/k69i04/0sJ91wqderoRQgMHXAWfJ5zQmht26ns5K3EPpP6VTuUxASGPLy2wJsLeeHXMN96rq6vAsgZSdiX1xC64dcXDZNwdTCu8JVCUdOv8HENT/kKqoWOYB1DN3ZsaZRTVExcnftWHUpEL8WMKzcBs7bAGdMIGG3Uzkc72/hY34dyGZtYCig7bX6J16rCYEE3kbltdgOOBLfEJx3sjngqOTEfCNT3bw3QR5xM1o5yevlsrimZnnVsrDrzoEcCx34OhVFH7WebFGyA3uDkzvdvI0KMFq+iG8Inu9oslGP8a3MOCcqWu5DhJznW367XWP4X4aPS14O+vWJ20bFFFmTsblhAxxzmlsZfaDee5FKFtRlqbO0xXWP8W0IJ2HPZ8oodMtc+B/Eoj1L0HkSDfkJzt+Gb/jIpfaHMaUoxr952cDvzF37mEDK6cxiC+VRhCNPoQc9Dr7wLGArYZj3FjY3v1qXIfu9aYOJlhV5pEjmYpvuEoyeowLZGawcoBR3OzC+Cu3h3ZIfoiwHIGXjfIfvfeNrZe/MeBeZk3/Fx8qem2MUJgfOxAcUdUwmoBdNB8c06B/hzNm5FHXOhhUYX5U0NKZQRmNwzIDSNDi9NDSQxibjySbCiSdihIvAGfGu3MK9L8B7GbzIsNhP8OiyTClhMs1Xru51vxPWHY0Nkolvskah4cOg82uo2w/y+Z+LGqG7GtdXoPMM4pud/wfuqsJIQLSA9AAAAABJRU5ErkJggg==");}#modal-content-mobile *:focus{outline:none;}#close-button{position:absolute;top:8px;right:8px;padding:10px;cursor:pointer;}#close-button > path{transition:.2s;}#close-button:hover > path{fill:#41b7ef;}#close-button:active > path{fill:#38a8dd;}#modal-content-mobile > h1{margin:0;padding-bottom:40px;box-sizing:border-box;font-size:24px;font-weight:300;color:#363636;line-height:33px;text-align:center;cursor:default;}#modal-content-mobile > button{height:36px;width:108px;padding:0;border:none;border-radius:4px;font-size:0;background:none;background-size:cover;background-repeat:no-repeat;cursor:pointer;}#modal-content-mobile.ios > button{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAkCAMAAABbsy/+AAAA81BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8UFBTQ0NAEBAT9/f2RkZEYGBgRERGJiYlqamo0NDQNDQ1VVVUKCgr8/PzExMSfn59BQUEnJycHBwdvb29aWlowMDAaGhrr6+u/v7+Dg4MlJSUdHR339/fv7++wsLCtra2lpaWjo6OUlJRlZWVRUVFMTExHR0cgICDd3d3Dw8O1tbWZmZmMjIyGhoaAgIB3d3dEREQsLCzo6OjV1dXLy8u4uLg8PDw5OTn5+fnx8fHZ2dnS0tKpqamcnJxzc3Pk5OTg4OBeXl4+Pj7z8/OysrJ8fHyIiIjGxsbY2NjO0k3oAAAABnRSTlPjjQ8A1NMV7Ym9AAADlUlEQVRIx9WXaXMSQRCGCerbe8LusrCw3PcVjnAFCAQihCAx6v//NfYsGtkS1FgW6vNh6Jnt4qnumtmaDbwKXgRwBgIXwVeB4BucidfBwAXOxkUggLNxThfw92XpQcg37xzEBaVjQjAWOS0XR4n8smykRu3D+eLuFs9cZyJ5CKoTAFcSvqcJvP1VWYqo51sYPGlI7aBhWIvvZfnaGNXw+pZl9oe+KHxy39cx0PoKMC5r6OYd2x32Ez+V3VDZnzTL3GBR3zWgp2J4n2CZHpmhGimuWPaUvKx7OS0H2dB9W/wB8CANUpvrduVnMiU697tMWZMXmDXSmVxb9mT6VfsG1TTesux+YLQAdDGZ83yU8mQcJQ2tYVz+QJZ5qmttBeZwXtl82yIfIkgNcP0RBXm4l3VWwxUqTm3Esl0uL6oZOfPWV9k878nMXL51WvauREy2S97PAl8IKVAkuBaghySeceQFbhGQAKuggCmGxMyyAdgdjmwbNj85JWurdMgIfxa/bOVzafDxh2UTn+vOwgGS7uIk0mJiv1SW8sl8J01XKYkT2DWV6FF/oazpk/lOiKFuYziBRsP0bgN0cskXyCI+WRcH5GaamgGQkVCIiyKKIpAguJlCYEXoQ8cCFNNbDxVRSADubdw6KkuTj4PzKEWHY6+Pcs4hWnLU7a2JSk0wPTUC5h0x7zB+IDUaBrS7pNrAblpaluPHZCj7d0j8oMGmkr0CMFPniduumsaNWinEt9EEgMmUYi3ASlG4YBUf5YztkIGB+rAxpWzFtT5ulWOye/KhPtvmW36o6kCMeLikMORoSBTzBEbXHqmq4JaugZFoiLSUEaYmYFBc1zdkHpNN/LKpiz2haOnhoUwGy0oAOlSDnPXy+18SKtTcy2rUAbAtIywUDfJoHZNx6iFNeIgKGoaRVHMsiyqASQ3IdwDiXOKeBGs9WV84lLsuy9LgIV5k3KMyaXrgyj0v90TPcBWVEBNdcniQqQ2saQwgzX6DRSZposUNIMWDJ2vz0um3/uKRLcupKrb+8zG1lp43SU2urPx+Js67vCxXZKqCmWZjK1pZsMvRXBoV6tVLn6S9DHWS673aCRkSdefShWTUB6Fva+ExmEw4hVjJdKpJl2XZhVM1FDBjbV03bACmUytAaa6rGwtohTNgIvdrrfV7tyuWQSBk+HX+B9nIwZ5h/7tn/8cl9Xf41y77gfN+MgVf40y8CZ71M/czY4yqO2nIrfwAAAAASUVORK5CYII=");}#modal-content-mobile.android > button{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAkCAYAAABsbd/MAAAAAXNSR0IArs4c6QAADIhJREFUaAXtWwl0TtcW3v//RyJmMVOzmhoxV4mhXWKooSgWbbWlpfV45sh6r8qzTFXEuOhrlRY1xlRqjOLV7CUp9RBjkZraBAkpErHf/nbcm/v/f4onZP15zV7r5J577r7nnP+cs/f+9t43RKmUXy6hUmKk3JfC2cUj1gB7cUHKFCn5pJDtQWWPXP3RkE0euwJHZGaNHfJnvJSOHjvN7IkZK1BMKt6QMIhcaaM1++rRKxCDDYOexDWbPH8FGBsFgPHMycvLi6pWrUrJycl04sQJHa9UqVJUoEABc2y0V6lSxbxH5fTp03T37l1tK1iwIDkcDrLb7VSkSBGTLz4+nn755RfzHhXwVq5cmc6fP09XrlzRZ8WKFaOUlBSKjY3V+0qVKtG5c+fo3r17ep9V/jxzRPjCCy/w4cOHee7cubxy5Upes2aNjrlgwQLeunUrf/7551pkkfX6ww8/8KFDh7ReokQJc379+/fnUaNGcYcOHfRZYmIiz58/nz/88EOTRxad33nnHY6IiOCpU6fy7t27eeTIkfo8NDSUf/75Zy5UqJDeR0dHc/HixZ3exfseXp79BLEBbdq0MRcib968WseG9e3bl8uVK6fFZrNp+wcffMCTJk0y+Y0FNDbMuBep4jx58jjxYTNEojh//vzaLhLJR48e5Tp16jA2bO/evRweHs5oz4ob5iU//plT+fLlSSSGunbtSgMGDCCRGmratKmO+8Ybb1BgYKDWe/fubaq/J51UyZIl6dq1awQ1CYIKPHXqFGEOoHnz5ul4EydO1Pus9seeGRNevXo1ffTRR7R27Vpq37495ciRQ20Rxp45cya9/fbbWgxblZE5HT9+XF9/6623CHazWbNmVLduXRIpN7vt168fvfzyy+Ymmg+yQCVTNiwkJEQN/Y4dO2jjxo2E0w2QcPbsWRo6dCjt2rVLS+HChXXJfv31V4qJQdDFma5evUoXL140G3/88UeVILNBKgAQr776KrVt25bEbtLw4cP1kPz222904cIFwvXOnTvUuXNnOnjwoIIg6/ueXs80lOjpC5FV5ucmYd6OHOTlyBTTllXWyKPm6bYzPer3JnqlLsVFbKd125YSM8BWNnnKCiCWONo6mfoVGtKeOrWpRoXSVKtbOyp6JZFOXzxrZfm/qcPWvf/++4pYo6KiMoxQM2Nh3CTMZreRw8dOu9iPWiRcoyKz+9I/IjtQ+PR5tDf6UIbn5Ofnp4hQfC8Sv0sh/u3btxXFiVNNCQkJGR7jcTpAxASgY8WKFbRz586nPm6TJk00ogMA9TTJzYbZHbJhEhN2eNtpe67CVHLvHUoMLEpBa/5O00PHU/VSZZ94fMD39evX0759+2jIkCE0ePBg6tatGy1atEhhP/wla8jpiQd6jBfhn8XFxanKx4F52iTRF3r++eefdrfkLmGiJL1EwtR2Sagx3LsotdoVS3mDbGTvWpGGdZpAySsP05iJX9IlcVAfl+AXjR8/nmrXrq0LZX3v+++/pz59+lCuXLkUdlufZdedV8B9wx6oRASs+D5r3Co8RxEK2htH1V5JIe+8RL59atKiHqEUPX8fDR+7gH5/EJx17jrtDgHeWbNm0YgRI9w2y+CCj+ZKuXPnVn8JJzUpKUl9uMjISCc28HTp0oUQyAXPhg0bCPbISnCgGzRoQM8995zpsCMSsmnTJiub1hFYljAavfjii+qvQWUiAO1KnTp1onXr1un84JjDR1y8eLFeXXlx36JFCzOis2fPHpLwmJoE2FBEX1zBXa1atShnzpy0f/9+p+4eohJTbZmXqEZI3A7fwnT0gDcVEMc0b4775OvnRQ3/1piizs2gd+sF6OBOPVtu8OMQPZdAr6X14VUs8PLly+nAgQMkAV9CBEMCuSTxQPPFl156iZYtW6Yq1uDBYkyePNnkQURjzpw56iAjPIVFbdSokfZ7/z4yS2kkMU5CVOb69es0evRodcKPHDmi0ZI0rtTa9OnTSYLYml3YsmWLHhbMDwvtSkuWLNGw3LZt29ReIgRnbFKrVq2oZcuWrq+QBK7JdX4GE3C7WQa2H8pNNuzkJt/t5Mbrd3DgOinfbufAtdu5kZTB61ZxxI2v+KeUBRyd9BXfWjmWeU4IR43pyUEB5cx+rH1K+EkOEDOi8db2P6qLRLIYa5ZNc+IfM2aM9iN2T/uSqAXXr1/fiWfsWJmPkMQtWSInLJLENWrUMHmQLbh586YZHMZzkSJ9LlqAp02bZvL6+/uzSC1jXNe5IlMgUujULlLEYp+17ZtvvmGJkeo4X3/9tRMfAs8IUGM9JKbKYtednlerVs3sx3VcNwmz5aQHoCMVfEC6vHwcihwhbZEOP1pwoBD5XEuiMt+ep9wJNyX5xFS7ZhEKD+1Km6d2oSrl/GScNELsEISg7+MQgAjAh0TTndjlh+t9r169FKwglPUwnqCgIMqXL5/mz4yOwsLCSCL86QKC7t270+XLl6l58+Ya42zXrh2VKVNGJdx437gixAWUaSWoOckWkBFiwzOo3p49e5psPj4+GksFeoSpQIwTecEKFSqYPJKVUBNiNlgq7jYsp003SA6pyp1xJUlKw6YR2en368mUb8hW8mkknxkU9yXKJc0ovkyV/QtS8eK56cS5NEBiBGQh+seOHbMMn1pF5N5Ah0guGpPHj8cPNgixRywoIvIVK1bUZvCIxBgsdObMGbUj4Ll06ZK2I+CMuCLoxo0bdOvWLTe7BBcDahtqFnZw0KBBbnZFO3jEHyREixYt6sQFmzhs2DBVmwYiLVu2rMkze/ZsQkA6ODhYDxPsHVB0euQmYXbZMMB6SJZ51brcyzUgPpZGLQojvphI8RtP0P3kWyphcbbbNGTODqrabj79a3+M01irVq1SG4JJACRYCRNHG7LR8MPgnyFLDMJJdyX8YGSmH8Vz8uRJ07dD8Lljx44kKo4GDhxIb775pm6ctW8cTLwD/0mSnE+0WegPm2VktHGPA4CMxHvvvadB6ddff51QjPmDBzZOkrLk6+tLknxVO4vMfHrktmE2ERhsjG5WzlR1mKoW7dTg6hX6y5ebKCnBTsnsTXcTbRQfdpomhR2kim3n0vSvIuUUpbiNgwj7hAkTVL3A5/L29jZ5MHGgNUkyahtOP4AEclqSyHQCM1AhkJwZM2bQ0qVLFRy48kBKoHrBA0IODkUSmAQAAWAAXzA9ksy3qrPPPvvMadz0eDEXqDIrVa9eXYGK1VmuWbOmjmfdIKjM0qXTvnvCIQTYgesD1Ih5PIycDF7w8GB+7dgBfu3ofm4vpd0RKT/t4/HLl3FUi2A+3LQfH2/Wi880785b/tqWy5RIzR7LAE79uN4jmyxpFZb0Bws0ZwkLscBt8x1BTnLImSXtoW0wxgAV+KxAvsVgsSUsqJHBZ/QtuS7l+eKLL1hOtvIAQMhpNnkMXrwvp1Y/PZDF0udycFgWi8UWsUg4i63lhQsX6jwAHsSxZ1FlDDBh9GNcJf3DcrC4devWLBpCAYhAcBYEqrwG6BB3gyUgwIJWGeOKpOsYYhoYoMboTzQNi2ugz4y29K5u6ZWQUcF0+t1uAinRV+orzSLPUr25p8iRdJt87Lfp94BYGrRtK0VFX03l+R/+CgJSlYSTBxUANQQVgg9lJH2vUmDAWQAGw/DDz0EuDVcrPYqncePGqopg5+CrIcON8BfsJuA7fCgQ2hCBAUEtAvpDLcE/RN7NlRCVgYoFRK9Xr57OX74v0ew2eOHKyHclmtcTlKqqDnMFUIGWgQpEv1YfDz4mIiR472Fk7rIwcciEEO4aE8FdpHQ+/2/+58LlvLnpLN4WOJn39R7GbRpWcuLHO55apkyZot9vGN93YJ6A+AJGWNBihuYNqXmavxsSjg+GHtWnG0q0C9KDDRO9QC2/O0cF5ieRd9kkWnJjhTh7EU9sjGUimUpAmkBmQKZWpAk79vHHH6tkZOqE/mAw2Fwg3k8++YTGjRv3B1xpzW4bZlOUaKdWi8XH2pxCkaWX0JSVW9MFE2ndeG4NKhH+kZWQMUDIKSOEBX4aBBDVo0cPQuRk8+bNj+zSzYaNmBdCle80pdjI1TQmbDHF30z9iPORPXkgAz78QYgJqBP2Dwg0ICBAQz6ffvppltEW1qXFhjl9qu3vX5ri4+Ip5nLm5KWsk3kWdflQlBo2bKgRD8BtAAs4z1mU9FPtCzL5NKcgi/6SP8m0Y+A4Z0yZ/0lWykN+5gqoRPxn324pNTxkUtnTSH8F/iPNgQ75A1SxWAriRWWkSIpSIr3Z5AkrAL/sopQvpbwrJeG/tfq9c6N4GygAAAAASUVORK5CYII=");}</style></template></dom-module>
<dom-module id="tinychat-mobile" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal-mobile"></style><div id="modal-content-mobile" class$="[[mobileClass]]"><svg id="close-button" width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" on-click="close"><path d="M6 4.5L1.5 0 0 1.5 4.5 6 0 10.5 1.5 12 6 7.5l4.5 4.5 1.5-1.5L7.5 6 12 1.5 10.5 0" fill="#c4d4dc" fill-rule="evenodd"></path></svg><h1>Download our app</h1><button on-click="openStore"></button></div></template>
<script>
class ModalDialogMobile extends Polymer.Element {
static get is() {
return "tinychat-mobile"
}
static get properties() {
return {
app: {
type: Object
},
mobileClass: {
type: String
},
onkeydownHandler: Object,
onClose: Object
}
}
constructor() {
super(), this.mobileClass = isMobile.apple.device ? "ios" : "android"
}
get settings() {
return this.app.settings
}
connectedCallback() {
super.connectedCallback(), this.onkeydownHandler = this.onkeydown.bind(this), document.addEventListener("keydown", this.onkeydownHandler)
}
disconnectedCallback() {
super.disconnectedCallback(), document.removeEventListener("keydown", this.onkeydownHandler)
}
open() {
this.parentNode instanceof Modal && this.parentNode.open(ModalDialogMobile.is)
}
close() {
this.parentNode instanceof Modal && (this.parentNode.close(ModalDialogMobile.is, this), Object.isFunc(this.onClose) && this.onClose())
}
onkeydown(a) {
a = a || window.event, (27 == a.keyCode || "Escape" == a.key || "Esc" == a.key) && this.parentNode instanceof Modal && this.parentNode.isopen(ModalDialogMobile.is) && this.close(a)
}
openStore() {
isMobile.apple.device ? this.app.GoAppStore() : this.app.GoGooglePlay()
}
}
customElements.define(ModalDialogMobile.is, ModalDialogMobile);
</script>
</dom-module>
<dom-module id="client-modal-settings" assetpath="../../styles/"><template><style>*{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;}#modal-content-settings{position:relative;width:100%;max-width:400px;margin:0 auto;padding:50px 70px 60px;box-sizing:border-box;border-radius:4px;background-color:#fff;}#modal-content-settings *:focus{outline:none;}#close-button{position:absolute;top:8px;right:8px;padding:10px;cursor:pointer;}#close-button > path{transition:.2s;}#close-button:hover > path{fill:#41b7ef;}#close-button:active > path{fill:#38a8dd;}#modal-content-settings > h1{margin:0;padding-bottom:40px;box-sizing:border-box;font-size:24px;font-weight:300;color:#363636;line-height:33px;text-align:center;cursor:default;}#modal-content-settings > div{position:relative;width:100%;padding:0 40px 25px 0;box-sizing:border-box;text-align:left;}#modal-content-settings > div > label{display:inline-block;max-width:100%;font-size:12px;font-weight:600;color:#414141;line-height:16px;white-space:nowrap;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden;cursor:pointer;}#modal-content-settings > div > label:before{content:'';position:absolute;display:block;height:16px;width:30px;top:0;right:0;border-radius:8px;background-color:#c2c9cb;transition:.2s;}#modal-content-settings > div > input:checked + label:before{background-color:#41b7ef;}#modal-content-settings > div > label:after{content:'';position:absolute;display:block;height:10px;width:10px;top:3px;right:3px;border-radius:100%;background-color:#fff;transition:.2s;}#modal-content-settings > div > input:checked + label:after{right:17px;}#modal-content-settings > div > input{display:none;}#modal-content-settings > #buttons{display:flex;flex-direction:row;align-items:stretch;width:100%;white-space:nowrap;}#modal-content-settings > #buttons > *:first-child{margin-right:20px;}#buttons > button{display:block;height:40px;width:100%;border:1px solid #41b7ef;box-sizing:border-box;font-size:12px;font-weight:700;color:#41b7ef;background-color:#fff;line-height:38px;text-align:center;text-transform:uppercase;cursor:pointer;transition:.2s;}#buttons > button:hover{background-color:#d6f2ff;}#buttons > button:active{background-color:#c7e8f8;}#buttons > button + button{border-color:transparent;color:#fff;background-color:#41b7ef;}#buttons > button + button:hover{background-color:#54ccf3;}#buttons > button + button:active{background-color:#38a8de;}#modal-content-settings > .modal-content-settings-info{padding:40px 0 0;text-align:center;}#modal-content-settings > .modal-content-settings-info + .modal-content-settings-info{padding-top:24px;}.modal-content-settings-info > button{display:inline-block;margin:0;padding:0;border:0;font-size:12px;font-weight:600;color:#3cafe1;background:none;line-height:16px;cursor:pointer;}.modal-content-settings-info > button:hover{text-decoration:underline;}.modal-content-settings-info > span{font-size:12px;color:#262626;line-height:16px;cursor:default;}</style></template></dom-module>
<dom-module id="tinychat-settings" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal-settings"></style><form id="modal-content-settings" on-submit="onOK"><svg id="close-button" width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" on-click="close"><path d="M6 4.5L1.5 0 0 1.5 4.5 6 0 10.5 1.5 12 6 7.5l4.5 4.5 1.5-1.5L7.5 6 12 1.5 10.5 0" fill="#c4d4dc" fill-rule="evenodd"></path></svg><h1>Settings</h1><div><input id="input-checkbox-2" type="checkbox" name="play_youtube_videos" on-change="youtubeChange"><label for="input-checkbox-2">PLAY YOUTUBE VIDEOS</label></div><div><input id="input-checkbox-3" type="checkbox" name="receive_private_message" on-change="privateChange"><label for="input-checkbox-3">RECEIVE PRIVATE MESSAGE</label></div><div><input id="input-checkbox-sounds" type="checkbox" name="play_sounds" on-change="soundChange"><label for="input-checkbox-sounds">NOTIFICATION SOUNDS</label></div><span id="buttons"><button id="button-cancel" on-click="cancel">CANCEL</button> <button id="button-save" on-click="save">SAVE</button></span><div class="modal-content-settings-info"><button on-click="onWebsettings">Chatroom Privacy Settings</button></div><div class="modal-content-settings-info"><button on-click="onDevnews">Development News</button></div><div class="modal-content-settings-info"><span>[[version]]</span></div></form></template>
<script>
class ModalDialogSettings extends Polymer.Element {
static get is() {
return 'tinychat-settings'
}
static get properties() {
return {
chatroom: {
type: Object,
observer: 'chatroomAssigned'
},
enablePMs: {
type: String,
notify: !0
},
enableYoutube: {
type: String,
notify: !0
},
enableSound: {
type: String,
notify: !0
},
с onfirmBans: {
type: Boolean,
notify: !0
},
rememberVolume: {
type: String,
notify: !0
},
enableAcousticEchoCancelation: {
type: String,
notify: !0
},
version: {
type: String,
value: 'v.1.0.0'
},
settings_before: Object,
onkeydownHandler: Object
}
}
constructor() {
super()
}
get app() {
return this.chatroom.app
}
get settings() {
return this.app.settings
}
connectedCallback() {
super.connectedCallback();
let a = this.settings.getSettings();
this.setProperties({
settings_before: a,
enablePMs: a.enablePMs,
enableYoutube: a.enableYoutube,
enableSound: a.enableSound,
с onfirmBans: a.с onfirmBans,
rememberVolume: a.rememberVolume,
enableAcousticEchoCancelation: a.enableAcousticEchoCancelation
}), this.$['input-checkbox-2'].checked = this.enableYoutube, this.$['input-checkbox-3'].checked = this.enablePMs, this.$['input-checkbox-sounds'].checked = this.enableSound, this.onkeydownHandler = this.onkeydown.bind(this), document.addEventListener('keydown', this.onkeydownHandler)
}
disconnectedCallback() {
super.disconnectedCallback(), document.removeEventListener('keydown', this.onkeydownHandler)
}
chatroomAssigned() {
let b = this,
c = this.chatroom.app.EventBus;
this.version = this.app.version.title()
}
open() {
this.parentNode instanceof Modal && this.parentNode.open(ModalDialogSettings.is)
}
close() {
this.parentNode instanceof Modal && this.parentNode.close(ModalDialogSettings.is, this)
}
onkeydown(a) {
a = a || window.event, (27 == a.keyCode || 'Escape' == a.key || 'Esc' == a.key) && this.parentNode instanceof Modal && this.parentNode.isopen(ModalDialogSettings.is) && this.cancel(a)
}
onOK(a) {
return a.preventDefault(), !1
}
onDevnews(a) {
return a.preventDefault(), this.app.DevNews(), !1
}
onWebsettings(a) {
return a.preventDefault(), this.app.WebSettings(), !1
}
cancel() {
this.settings.saveSettings(this.settings_before), this.close()
}
save() {
this.close()
}
bansChange(a) {
this.settings.switchConfirmBan(this._str2bool(a))
}
youtubeChange(a) {
this.settings.switchYoutube(this._str2bool(a))
}
privateChange(a) {
this.settings.switchPrivatemessaging(this._str2bool(a))
}
soundChange(a) {
this.settings.switchSound(this._str2bool(a))
}
echoChange(a) {
this.settings.switchAcousticEchoCancelation(this._str2bool(a))
}
volumeChange(a) {
this.settings.switchRememberVolume(this._str2bool(a))
}
_str2bool(a) {
let b = a.path ? a.path[0] : (a.composedPath && a.composedPath())[0];
return b.checked
}
}
customElements.define(ModalDialogSettings.is, ModalDialogSettings);
</script>
</dom-module>
<dom-module id="client-modal-upgrade" assetpath="../../styles/"><template><style>*{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;}#modal-content-upgrade{position:relative;width:100%;max-width:540px;margin:0 auto;padding:0 0 60px;border-radius:10px 10px 4px 4px;box-sizing:border-box;background-color:#fff;text-align:center;}#modal-content-upgrade *:focus{outline:none;}#close-button{position:absolute;top:8px;right:8px;padding:10px;cursor:pointer;z-index:1;}#close-button > path{transition:.2s;}#close-button:hover > path{fill:#41b7ef;}#close-button:active > path{fill:#38a8dd;}#modal-content-upgrade > h1{position:relative;margin:0;padding:50px;border-radius:4px 4px 0 0;box-sizing:border-box;font-size:24px;font-weight:400;color:#fff;line-height:33px;background-color:#2f373a;cursor:default;overflow:hidden;}#modal-content-upgrade > h1 > span{position:relative;}#pro-1,
#pro-2,
#pro-3,
#pro-4,
#extreme-1,
#extreme-2,
#extreme-3,
#gold-1,
#gold-2,
#gold-3,
#button-pro-1,
#button-pro-2,
#button-extreme-1,
#button-gold-1{position:absolute;display:block;border-radius:100%;}#pro-1,
#pro-2,
#pro-3,
#pro-4,
#button-pro-1,
#button-pro-2{background-color:#2ecb4e;}#extreme-1,
#extreme-2,
#extreme-3,
#button-extreme-1{background-color:#ad6bce;}#gold-1,
#gold-2,
#gold-3,
#button-gold-1{background-color:#efa701;}#pro-1{height:180px;width:180px;top:-40%;left:-25%;}#pro-2{height:16px;width:16px;top:70%;left:28%;}#pro-3{height:200px;width:200px;top:70%;left:40%;}#pro-4{height:90px;width:90px;top:-7%;left:76%;}#extreme-1{height:90px;width:90px;top:77%;left:6%;}#extreme-2{height:65px;width:65px;top:10%;left:20%;}#extreme-3{height:40px;width:40px;top:-11%;left:97%;}#gold-1{height:35px;width:35px;top:-6%;left:12%;}#gold-2{height:20px;width:20px;top:10%;left:44%;}#gold-3{height:180px;width:180px;top:65%;left:83%;}#modal-content-upgrade-content{position:relative;width:100%;padding:40px 70px 0;box-sizing:border-box;}#modal-content-upgrade-content > div{max-width:300px;margin:0 auto 24px;font-size:12px;color:#262626;line-height:16px;}#modal-content-upgrade-content > button{position:relative;display:block;height:40px;width:100%;padding:0 30px;border:none;box-sizing:border-box;font-family:'Open Sans';font-size:12px;font-weight:600;letter-spacing:1px;color:#fff;background-color:#2f373a;cursor:pointer;overflow:hidden;}#modal-content-upgrade-content > button > span{position:relative;}#button-pro-1{height:60px;width:60px;top:54%;left:5%;}#button-pro-2{height:37px;width:37px;top:-35%;left:83%;}#button-extreme-1{height:16px;width:16px;top:24%;left:69%;}#button-gold-1{height:100px;width:100px;top:-200%;left:15%;}</style></template></dom-module>
<dom-module id="tinychat-upgrade" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal-upgrade"></style><div id="modal-content-upgrade"><svg id="close-button" width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" on-click="close"><path d="M6 4.5L1.5 0 0 1.5 4.5 6 0 10.5 1.5 12 6 7.5l4.5 4.5 1.5-1.5L7.5 6 12 1.5 10.5 0" fill="#c4d4dc" fill-rule="evenodd"></path></svg><h1><div id="pro-1"></div><div id="pro-2"></div><div id="pro-3"></div><div id="pro-4"></div><div id="extreme-1"></div><div id="extreme-2"></div><div id="extreme-3"></div><div id="gold-1"></div><div id="gold-2"></div><div id="gold-3"></div><span>Upgrade your Tinychat membership</span></h1><div id="modal-content-upgrade-content"><div>[[msg]]</div><button on-click="upgrade"><div id="button-pro-1"></div><div id="button-pro-2"></div><div id="button-extreme-1"></div><div id="button-gold-1"></div><span>UPGRADE NOW</span></button></div></div></template>
<script>
class ModalDialogUpgrade extends Polymer.Element {
static get is() {
return 'tinychat-upgrade'
}
static get properties() {
return {
onkeydownHandler: Object,
msg: {
type: String,
value: 'Get high quality video, fullscreen, premium membership badges and more!'
}
}
}
constructor() {
super()
}
get app() {
return this.chatroom.app
}
get settings() {
return this.app.settings
}
connectedCallback() {
super.connectedCallback(), this.onkeydownHandler = this.onkeydown.bind(this), document.addEventListener('keydown', this.onkeydownHandler)
}
disconnectedCallback() {
super.disconnectedCallback(), document.removeEventListener('keydown', this.onkeydownHandler)
}
open() {
this.parentNode instanceof Modal && this.parentNode.open(ModalDialogUpgrade.is)
}
close() {
this.parentNode instanceof Modal && this.parentNode.close(ModalDialogUpgrade.is, this)
}
onkeydown(a) {
a = a || window.event, (27 == a.keyCode || 'Escape' == a.key || 'Esc' == a.key) && this.parentNode instanceof Modal && this.parentNode.isopen(ModalDialogUpgrade.is) && this.cancel(a)
}
cancel() {
this.close()
}
upgrade() {
this.app.UpgradeSub()
}
}
customElements.define(ModalDialogUpgrade.is, ModalDialogUpgrade);
</script>
</dom-module>
<dom-module id="client-modal-youtube" assetpath="../../styles/"><template><style>#modal-content-youtube-lists{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;}.on-white-scroll{padding-left:16px;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll;}.on-white-scroll::-webkit-scrollbar{position:absolute;width:15px;cursor:pointer;}.on-white-scroll::-webkit-scrollbar-track{background-color:#fff;}.on-white-scroll::-webkit-scrollbar-thumb{border:5px solid #fff;border-radius:6px/8px;background-color:rgba(0, 0, 0, .2);}.on-white-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, .4);}#modal-content-youtube{position:relative;width:100%;max-width:800px;margin:0 auto;box-sizing:border-box;border-radius:4px;background-color:#fff;overflow:hidden;}*:focus{outline:none;}#input-playlist,
#input-playlist-label-wrapper{display:none;}#modal-content-youtube-form{position:relative;padding:50px 70px 38px;border-bottom:1px solid rgba(0, 0, 0, .1);}#close-button{position:absolute;top:8px;right:8px;padding:10px;cursor:pointer;}#close-button > path{transition:.2s;}#close-button:hover > path{fill:#41b7ef;}#close-button:active > path{fill:#38a8dd;}#modal-content-youtube > form > h1{margin:0;padding-bottom:40px;box-sizing:border-box;font-size:24px;font-weight:300;color:#363636;line-height:33px;text-align:center;}#modal-content-youtube-search{position:relative;}#modal-content-youtube-search > svg{position:absolute;display:block;bottom:12px;left:12px;}#input-search{height:40px;width:100%;padding:0 40px;border:1px solid #c5d5dc;box-sizing:border-box;background-color:#fff;font-family:inherit;font-size:14px;font-weight:400;color:#414141;text-align:center;line-height:38px;letter-spacing:.5px;transition:.2s;}#input-search:hover,
#input-search:active{border-color:#41b7ef;}#input-search[disabled]{border-color:#c5d5dc;color:#c5d5dc;background-color:#f6f6f6;}#modal-content-youtube-lists{position:relative;display:flex;flex-direction:row;height:420px;width:100%;}#modal-content-youtube-popular-wrapper{position:relative;height:100%;width:100%;}#modal-content-youtube-popular-wrapper:after{content:'';position:absolute;height:40px;bottom:0;left:10px;right:15px;background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );pointer-events:none;}#modal-content-youtube-popular{height:100%;width:100%;padding-bottom:30px;padding-left:60px;text-align:left;}#modal-content-youtube-popular-header{display:block;height:62px;padding-top:30px;padding-right:5px;box-sizing:border-box;font-size:16px;font-weight:700;text-align:center;cursor:default;}#modal-content-youtube-popular-empty{display:none;padding:20px 5px 20px 0;font-size:14px;text-align:center;cursor:default;}#modal-content-youtube-popular-empty:only-of-type{display:block;}.modal-content-youtube-popular-item{display:inline-block;width:120px;padding:10px;}.modal-content-youtube-popular-item-video{position:relative;height:68px;width:100%;}.modal-content-youtube-popular-item-video > img{height:100%;width:100%;border-radius:4px;}.modal-content-youtube-popular-item-video-play{position:absolute;height:100%;width:100%;top:0;left:0;border-radius:4px;background-color:rgba(0, 0, 0, .7);opacity:0;visibility:hidden;transition:.2s;}.modal-content-youtube-popular-item-video-play > svg{position:absolute;top:50%;left:50%;margin:-14px 0 0 -14px;cursor:pointer;opacity:.8;transition:.2s;}.modal-content-youtube-popular-item-video-play > svg:hover{opacity:1;}.modal-content-youtube-popular-item-video > svg{position:absolute;bottom:6px;right:6px;cursor:pointer;opacity:0;visibility:hidden;transition:.2s;}.modal-content-youtube-popular-item-video:hover > .modal-content-youtube-popular-item-video-play{opacity:1;visibility:visible;}.modal-content-youtube-popular-item-video:hover > svg{opacity:.8;visibility:visible;}.modal-content-youtube-popular-item-video:hover > svg:hover{opacity:1;}.modal-content-youtube-popular-item-text{position:relative;width:100%;height:32px;padding-top:6px;text-align:center;cursor:default;overflow:hidden;}.modal-content-youtube-popular-item-text:after{content:'';position:absolute;display:block;height:16px;width:30px;bottom:0;right:0;background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );}.modal-content-youtube-popular-item-text > span{font-size:12px;color:#262626;line-height:16px;cursor:default;}#modal-content-youtube-playlist{position:relative;display:flex;flex-direction:column;height:100%;width:300px;min-width:300px;border-radius:0 0 4px 0;background-color:#f6f6f6;overflow:hidden;transition:top .8s;}#modal-content-youtube-playlist:after{content:'';position:absolute;height:40px;bottom:0;left:0;right:15px;background:-moz-linear-gradient(top, rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%);background:-webkit-linear-gradient(top, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%);background:linear-gradient(to bottom, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=0 );pointer-events:none;}#modal-content-youtube-playlist-header{height:62px;min-height:62px;width:100%;font-size:0;background-color:#f6f6f6;}#modal-content-youtube-playlist-header > button{position:absolute;height:30px;width:30px;top:16px;left:33.33%;margin-left:-15px;padding:0;border:none;background:none;line-height:30px;text-align:center;cursor:pointer;}#modal-content-youtube-playlist-header > button + button{left:66.66%;}#modal-content-youtube-playlist-header > button > svg{vertical-align:middle;}#modal-content-youtube-playlist-header > button > svg > path{transition:.2s;}#modal-content-youtube-playlist-header > button:hover > svg > path{fill:#cddde4;}#modal-content-youtube-playlist-header > button.active > svg > path{fill:#41b7ef;}#modal-content-youtube-playlist-items{position:relative;height:100%;padding-bottom:22px;}#modal-content-youtube-playlist-empty{display:none;padding:20px 0 20px 15px;font-size:14px;text-align:center;cursor:default;}#modal-content-youtube-playlist-empty:only-of-type{display:block;}#modal-content-youtube-playlist-items.on-white-scroll{padding-left:0;}#modal-content-youtube-playlist-items.on-white-scroll::-webkit-scrollbar-track{background-color:#f6f6f6;}#modal-content-youtube-playlist-items.on-white-scroll::-webkit-scrollbar-thumb{border-color:#f6f6f6;}.modal-content-youtube-playlist-item{position:relative;height:65px;width:100%;margin-bottom:2px;padding:8px 35px 9px 104px;box-sizing:border-box;line-height:48px;text-align:left;transition:.2s;}.modal-content-youtube-playlist-item:hover{background-color:#fff;}.modal-content-youtube-playlist-item-video{position:absolute;height:45px;width:80px;top:10px;left:16px;}.modal-content-youtube-playlist-item-video > img{height:100%;width:100%;border-radius:4px;}.modal-content-youtube-playlist-item-video-play{position:absolute;height:100%;width:100%;top:0;left:0;border-radius:4px;background-color:rgba(0, 0, 0, .7);opacity:0;visibility:hidden;transition:.2s;}.modal-content-youtube-playlist-item-video:hover > .modal-content-youtube-playlist-item-video-play{opacity:1;visibility:visible;}.modal-content-youtube-playlist-item-video-play > svg{position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px;cursor:pointer;opacity:.8;transition:.2s;}.modal-content-youtube-playlist-item-video-play > svg:hover{opacity:1;}.modal-content-youtube-playlist-item-text{display:inline-block;max-height:100%;font-size:12px;color:#262626;line-height:16px;text-align:left;vertical-align:middle;overflow:hidden;cursor:default;}.modal-content-youtube-playlist-item-close{position:absolute;height:100%;width:120px;top:0;right:5px;background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );font-size:0;opacity:0;visibility:hidden;transition:.2s;}.modal-content-youtube-playlist-item:hover > .modal-content-youtube-playlist-item-close{opacity:1;visibility:visible;}.modal-content-youtube-playlist-item-close > button{position:absolute;height:20px;width:20px;top:50%;right:23px;margin:-10px 0 0 0;padding:4px;border:none;box-sizing:border-box;background-color:transparent;line-height:20px;text-align:center;cursor:pointer;}.modal-content-youtube-playlist-item-close > button > svg{vertical-align:top;}#modal-content-youtube-popular-wrapper > .waiting,
#modal-content-youtube-playlist > .waiting{position:absolute;width:auto;top:0;bottom:0;left:0;right:0;border-radius:0 0 0 4px;background-color:#fff;opacity:0;visibility:hidden;transition:.2s;}#modal-content-youtube-playlist > .waiting{border-radius:0 0 4px 0;background-color:#f6f6f6;}#modal-content-youtube-popular-wrapper.wait > .waiting,
#modal-content-youtube-playlist.wait > .waiting{opacity:1;visibility:visible;}.waiting > .waiting-content{position:absolute;height:0;width:80%;top:50%;left:10%;}.waiting > .waiting-content > span{position:absolute;display:inline-block;height:0;width:0;top:-4px;left:0;border:4px solid #cacece;border-radius:100%;opacity:0;animation:waiting 1s ease-in-out 0s infinite paused;-webkit-animation:waiting 1s ease-in-out 0s infinite paused;}#modal-content-youtube-playlist > .waiting > .waiting-content > span{border-color:#cacece;}.waiting > .waiting-content > span:nth-child(2){animation-delay:.15s;-webkit-animation-delay:.15s;}.waiting > .waiting-content > span:nth-child(3){animation-delay:.3s;-webkit-animation-delay:.3s;}.waiting > .waiting-content > span:nth-child(4){animation-delay:.45s;-webkit-animation-delay:.45s;}#modal-content-youtube-popular-wrapper.wait > .waiting > .waiting-content > span,
#modal-content-youtube-playlist.wait > .waiting > .waiting-content > span{animation-play-state:running;-webkit-animation-play-state:running;}@keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@-webkit-keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@media screen and (max-width: 815px){#modal-content-youtube-popular-header,
#modal-content-youtube-popular-empty{padding-right:0;}#modal-content-youtube-popular{padding-left:15px;text-align:center;}}@media screen and (max-width: 630px){#modal-content-youtube-form{padding-right:25px;padding-left:25px;}#modal-content-youtube-lists{display:block;padding-bottom:40px;box-sizing:border-box;}#input-playlist-label-wrapper{position:absolute;display:block;height:40px;width:100%;left:0;background-color:#fff;z-index:1;}#input-playlist-label-wrapper > label{position:absolute;height:20px;width:20px;top:10px;left:50%;margin-left:-10px;cursor:pointer;}#input-playlist-label-wrapper > label:before,
#input-playlist-label-wrapper > label:after{content:'';position:absolute;display:block;height:3px;width:100%;top:2px;left:0;border-radius:3px;background-color:#04caff;transform-origin:50% 50%;transition:top .4s ease .4s,
transform .4s ease 0s;}#input-playlist-label-wrapper > label:after{top:16px;}#input-playlist:checked + #input-playlist-label-wrapper > label:before,
#input-playlist:checked + #input-playlist-label-wrapper > label:after{top:9px;transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:top .4s ease 0s,
transform .4s ease .4s;}#input-playlist:checked + #input-playlist-label-wrapper > label:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}#input-playlist-label-wrapper > label > span{position:absolute;display:block;height:3px;width:100%;top:9px;left:0;border-radius:3px;background-color:#04caff;transition:opacity 0s ease .4s;}#input-playlist:checked + #input-playlist-label-wrapper > label > span{opacity:0;}#modal-content-youtube-playlist{position:absolute;height:380px;width:100%;top:380px;}#input-playlist:checked ~ #modal-content-youtube-playlist{top:0;}}</style></template></dom-module>
<dom-module id="tinychat-youtube" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal-youtube"></style><div id="modal-content-youtube"><form id="modal-content-youtube-form" on-submit="onSearch"><svg id="close-button" on-click="close" width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M6 4.5L1.5 0 0 1.5 4.5 6 0 10.5 1.5 12 6 7.5l4.5 4.5 1.5-1.5L7.5 6 12 1.5 10.5 0" fill="#c4d4dc" fill-rule="evenodd"></path></svg><h1>YouTube Video Selection</h1><div id="modal-content-youtube-search"><svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M12.108 10.75l3.61 3.61a.957.957 0 0 1 0 1.357.963.963 0 0 1-1.357.002l-3.61-3.61a6.723 6.723 0 1 1 1.358-1.36zm-5.385.776a4.802 4.802 0 1 0 0-9.605 4.802 4.802 0 0 0 0 9.606z" fill="#c4d4dc" fill-rule="evenodd"></path></svg> <input id="input-search" type="text" placeholder="Search for videos or enter a YouTube URL" maxlength="150" value="" on-click="onInput"></div></form><div id="modal-content-youtube-lists"><div id="modal-content-youtube-popular-wrapper" class=""><div id="modal-content-youtube-popular" class="on-white-scroll"><span id="modal-content-youtube-popular-header">[[title_results]]</span><div id="modal-content-youtube-popular-empty">List is empty</div><dom-repeat items="[[_queryresult]]"><template strip-whitespace=""><div class="modal-content-youtube-popular-item"><div class="modal-content-youtube-popular-item-video"><img src="[[item.imgurl]]" alt="img"><div class="modal-content-youtube-popular-item-video-play"><svg on-click="onPlayItem" width="28" height="28" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.67C0 .398 1.608-.62 3.586.394l22.93 11.766c1.98 1.016 1.978 2.664 0 3.68L3.586 27.606c-1.98 1.015-3.586 0-3.586-2.28V2.67z" fill="#fff" fill-rule="evenodd"></path></svg></div><svg on-click="onAdd2Playlist" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M10 8V5H8v3H5v2h3v3h2v-3h3V8h-3zM9 18A9 9 0 1 1 9 0a9 9 0 0 1 0 18z" fill="#fff" fill-rule="evenodd"></path></svg></div><div class="modal-content-youtube-popular-item-text"><span title="[[item.title]]">[[item.title]]</span></div></div></template></dom-repeat>
</div>
<div class="waiting">
<div class="waiting-content"><span></span><span></span><span></span><span></span><span></span></div>
</div>
</div><input id="input-playlist" type="checkbox">
<div id="input-playlist-label-wrapper"><label for="input-playlist"><span></span></label></div>
<div id="modal-content-youtube-playlist" class="">
<div id="modal-content-youtube-playlist-header"><button id="btnRandom" on-click="onRandomToggle"><svg width="26" height="24" viewBox="0 0 26 24" xmlns="http://www.w3.org/2000/svg"><path d="M25.61 18.846c.233.203.39.49.39.823 0 .332-.154.618-.385.82l-3.188 3.193a1.078 1.078 0 0 1-1.53-.008 1.104 1.104 0 0 1 .008-1.55l1.384-1.388c-3.867-.273-7.564-4.037-11.146-7.692-3.402-3.477-6.923-7.07-10.05-7.07a1.09 1.09 0 0 1-1.08-1.097 1.09 1.09 0 0 1 1.08-1.096c4.03 0 7.87 3.924 11.588 7.72 3.223 3.29 6.548 6.682 9.546 7.036l-1.323-1.324a1.102 1.102 0 0 1-.01-1.55 1.07 1.07 0 0 1 1.53-.008l3.186 3.19zm-11.734-7.8c-.275 0-.55-.105-.76-.316a1.105 1.105 0 0 1-.01-1.55c3.328-3.406 6.186-5.702 9.197-5.906l-1.397-1.4a1.102 1.102 0 0 1-.01-1.548 1.072 1.072 0 0 1 1.53-.01l3.186 3.19c.23.203.387.49.387.824 0 .333-.155.62-.388.822l-3.186 3.193a1.075 1.075 0 0 1-1.53-.008 1.103 1.103 0 0 1 .006-1.55L22.2 5.49c-2.42.312-5.05 2.67-7.553 5.23-.21.22-.49.327-.77.327zM8.45 13.47a1.073 1.073 0 0 1 1.53.014 1.105 1.105 0 0 1-.014 1.55c-2.58 2.562-5.653 5.184-8.884 5.184A1.09 1.09 0 0 1 0 19.12a1.09 1.09 0 0 1 1.082-1.095c2.453 0 5.1-2.303 7.37-4.557z" fill="#c4d4dc"></path></svg></button> <button id="btnCycle" on-click="onCycleToggle"><svg width="28" height="22" viewBox="0 0 28 22" xmlns="http://www.w3.org/2000/svg"><path d="M7.908.008c.385.044.714.313.854.696.14.383.066.816-.19 1.124L6.935 3.872h16.917C26.324 3.872 28 6.037 28 8.268v6.595c.005.397-.19.766-.514.965-.323.2-.723.2-1.046 0-.323-.2-.52-.568-.514-.965V8.268c0-1.142-.692-2.198-2.074-2.198H6.935l1.637 2.027c.242.3.314.715.19 1.087a1.06 1.06 0 0 1-.797.714 1.01 1.01 0 0 1-.98-.376L3.872 5.675a1.15 1.15 0 0 1 0-1.425L6.983.403A1.01 1.01 0 0 1 7.91.008zM1.15 6.053c.534.062.935.547.923 1.116v6.594c0 1.143.692 2.2 2.074 2.2h16.917l-1.637-2.045c-.284-.34-.34-.832-.143-1.235a1.025 1.025 0 0 1 1.034-.587c.273.03.523.17.697.395l3.11 3.847c.33.41.33 1.015 0 1.426l-3.11 3.847a1 1 0 0 1-1.464.126 1.15 1.15 0 0 1-.123-1.553l1.637-2.026H4.148C1.676 18.16 0 15.997 0 13.765V7.17c-.006-.316.116-.62.337-.834a1 1 0 0 1 .814-.282z" fill="#c4d4dc"></path></svg></button></div>
<div id="modal-content-youtube-playlist-items" class="on-white-scroll">
<div id="modal-content-youtube-playlist-empty">List is empty</div>
<dom-repeat items="[[_playlist]]"><template strip-whitespace=""><div class="modal-content-youtube-playlist-item"><div class="modal-content-youtube-playlist-item-video"><img src="[[item.imgurl]]" alt="img"><div class="modal-content-youtube-playlist-item-video-play"><svg on-click="onPlayItem4Playlist" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M0 1.526c0-1.3.92-1.882 2.05-1.3l13.102 6.722c1.13.58 1.13 1.523 0 2.103L2.05 15.776c-1.133.58-2.05 0-2.05-1.302V1.526z" fill="#fff" fill-rule="evenodd"></path></svg></div></div><div class="modal-content-youtube-playlist-item-text" title="[[item.title]]">[[item.title]]</div><div class="modal-content-youtube-playlist-item-close"><button on-click="onRemove4Playlist"><svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M6 4.5L1.5 0 0 1.5 4.5 6 0 10.5 1.5 12 6 7.5l4.5 4.5 1.5-1.5L7.5 6 12 1.5 10.5 0z" fill="#e53951" fill-rule="evenodd"></path></svg></button></div></div></template></dom-repeat>
</div>
<div class="waiting">
<div class="waiting-content"><span></span><span></span><span></span><span></span><span></span></div>
</div>
</div>
</div>
</div>
</template>
<script>
class ModalDialogYoutube extends Polymer.Element {
static get is() {
return 'tinychat-youtube'
}
static get properties() {
return {
chatroom: {
type: Object,
observer: 'chatroomAssigned'
},
_queryresult: {
type: Array,
value: []
},
_playlist: {
type: Array,
value: []
},
title_results: {
type: Array,
value: 'Most Popular Today'
},
israndom: {
type: Boolean,
value: !1,
observer: 'israndomObserver'
},
iscycle: {
type: Boolean,
value: !1,
observer: 'iscycleObserver'
},
onkeydownHandler: Object
}
}
constructor() {
super()
}
get _yt_api_key() {
return 'AIzaSyCPQe4gGZuyVQ78zdqf9O5iEyfVLPaRwZg'
}
get _api() {
return WebAPI.getInstance()
}
get app() {
return this.chatroom.app
}
get settings() {
return this.app.settings
}
connectedCallback() {
super.connectedCallback(), this.onkeydownHandler = this.onkeydown.bind(this), document.addEventListener('keydown', this.onkeydownHandler)
}
disconnectedCallback() {
super.disconnectedCallback(), document.removeEventListener('keydown', this.onkeydownHandler)
}
chatroomAssigned(a) {
let b = this,
c = this.chatroom.app.EventBus,
d = this.$['modal-content-youtube-playlist'];
d.classList.add('wait'), a.YoutubePlaylistLoad(() => {
b._playlist = Array.from(b.chatroom.youtubelist), b.israndom = b.chatroom.youtubelist_random, b.iscycle = b.chatroom.youtubelist_repeat, d.classList.remove('wait')
}), this.onSearch(new Event('most-popular'))
}
open() {
this.parentNode instanceof Modal && this.parentNode.open(ModalDialogYoutube.is)
}
close() {
this.parentNode instanceof Modal && this.parentNode.close(ModalDialogYoutube.is, this)
}
onkeydown(a) {
a = a || window.event, (27 == a.keyCode || 'Escape' == a.key || 'Esc' == a.key) && this.parentNode instanceof Modal && this.parentNode.isopen(ModalDialogYoutube.is) && this.close(a)
}
onSearch(a) {
a.preventDefault();
let b = this,
c = TinychatApp.DAL.YoutubeItem,
d = this.$['modal-content-youtube-popular-wrapper'],
f = this.$['input-search'],
g = f.value;
d.classList.add('wait'), f.classList.remove('error');
var h = document.createAttribute('disabled');
f.setAttributeNode(h);
let j = {
key: this._yt_api_key,
maxResults: 50
};
var k = '';
return g.isEmpty() ? (k = 'https://www.googleapis.com/youtube/v3/videos', j.chart = 'mostPopular', j.part = 'snippet,contentDetails,status', j.fields = 'items(id,snippet(title,thumbnails(medium)),contentDetails(duration),status(embeddable))') : (k = 'https://www.googleapis.com/youtube/v3/search', j.q = g, j.type = 'video', j.part = 'snippet'), this._api.wsj({
method: 'GET',
params: j,
src: k
}).then(l => {
let m = l.items,
n = [];
for (var o in m) {
let p = m[o],
q = p.snippet,
s = new c;
s.id = p.id, 'object' == typeof p.id && (s.id = p.id.videoId), s.title = q.title, s.imgurl = q.thumbnails.medium.url;
let t = p.contentDetails;
void 0 != t && (s.duration = b.YTDurationToSeconds(t.duration));
let u = p.status;
(void 0 == u || !0 === u.embeddable) && n.push(s)
}
b._queryresult = n, d.classList.remove('wait'), f.removeAttribute('disabled'), b.title_results = g.isEmpty() ? 'Most Popular Today' : 'Results for \'' + g + '\''
}).catch(l => {
d.classList.remove('wait'), f.removeAttribute('disabled'), f.classList.add('error'), console.error(l)
}), !1
}
onInput() {
let b = this,
c = this.$['input-search'];
c.classList.remove('error')
}
onPlayItem(a) {
let b = this,
c = TinychatApp.BLL.YoutubeEvent,
d = new c(c.YT_PLAY);
d.id = a.model.item.id, d.handle = this.chatroom.self_handle, d.title = a.model.item.title, d.duration == void 0 ? b._get_duration_item(d, f => {
this.chatroom.Youtube(f), setTimeout(() => {
b.close()
}, 150)
}) : (this.chatroom.Youtube(d), setTimeout(() => {
b.close()
}, 150))
}
onPlayItem4Playlist(a) {
let b = this,
c = TinychatApp.BLL.YoutubeEvent,
d = new c(c.YT_PLAY);
d.id = a.model.item.id, d.handle = this.chatroom.self_handle, d.playlist = !0, d.title = a.model.item.title, d.duration == void 0 ? b._get_duration_item(d, f => {
this.chatroom.Youtube(f), setTimeout(() => {
b.close()
}, 150)
}) : (this.chatroom.Youtube(d), setTimeout(() => {
b.close()
}, 150))
}
onAdd2Playlist(a) {
let b = this,
c = this.$['input-search'],
d = this._find_playlist_item(a.model.item);
if (-1 == d) {
let f = a.model.item,
g = h => {
b.chatroom.youtubelist.push(h), b._playlist = Array.from(b.chatroom.youtubelist)
};
f.duration == void 0 ? b._get_duration_item(f, h => {
g(h), b.chatroom.YoutubePlaylistAdd(h, () => {})
}) : (g(f), b.chatroom.YoutubePlaylistAdd(f, () => {}))
}
}
onClearPlaylist() {
let b = this,
c = this.$['modal-content-youtube-playlist'];
c.classList.add('wait'), this.chatroom.YoutubePlaylistClear(() => {
b.chatroom.youtubelist = [], b._playlist = Array.from(b.chatroom.youtubelist), c.classList.remove('wait')
})
}
_find_playlist_item(a) {
for (var b in this._playlist)
if (a.id == this._playlist[b].id) {
return this._playlist.indexOf(this._playlist[b])
}
return -1
}
_get_duration_item(a, b) {
let c = this.$['input-search'],
d = this,
g = {
id: a.id,
key: this._yt_api_key,
part: 'snippet,contentDetails,status',
fields: 'items(id,snippet(title,thumbnails(medium)),contentDetails(duration),status(embeddable))'
};
this._api.wsj({
method: 'GET',
params: g,
src: 'https://www.googleapis.com/youtube/v3/videos'
}).then(h => {
let j = h.items,
k = j[0],
l = k.contentDetails;
l != void 0 && (a.duration = d.YTDurationToSeconds(l.duration)), b(a)
}).catch(h => {
c.classList.add('error'), console.error(h)
})
}
onRemove4Playlist(a) {
let b = this._find_playlist_item(a.model.item);
if (0 <= b) {
let c = this._playlist.splice(b, 1);
this._playlist = Array.from(this._playlist), this.chatroom.youtubelist = this._playlist, this.chatroom.YoutubePlaylistRemove(c[0], () => {})
}
}
onRandomToggle() {
this.chatroom.youtubelist_random = !this.chatroom.youtubelist_random, this.israndom = this.chatroom.youtubelist_random, this.chatroom.YoutubePlaylistMode(this.israndom, this.iscycle, () => {})
}
onCycleToggle() {
this.chatroom.youtubelist_repeat = !this.chatroom.youtubelist_repeat, this.iscycle = this.chatroom.youtubelist_repeat, this.chatroom.YoutubePlaylistMode(this.israndom, this.iscycle, () => {})
}
israndomObserver(a) {
a ? this.$.btnRandom.classList.add('active') : this.$.btnRandom.classList.remove('active')
}
iscycleObserver(a) {
a ? this.$.btnCycle.classList.add('active') : this.$.btnCycle.classList.remove('active')
}
YTDurationToSeconds(a) {
var b = /^PT(?:(\d+)H)?(?:(\d+)M)?(?:(\d+)S)?$/,
c = 0,
d = 0,
f = 0,
g;
if (b.test(a)) {
var h = b.exec(a);
h[1] && (c = +h[1]), h[2] && (d = +h[2]), h[3] && (f = +h[3]), g = 3600 * c + 60 * d + f
}
return g
}
convertLiClass(a) {
var b = '';
return a.isDeleting && (b += ' hidden'), b
}
}
customElements.define(ModalDialogYoutube.is, ModalDialogYoutube);
</script>
</dom-module>
<dom-module id="client-modal-roomshare" assetpath="../../styles/"><template><style>#modal-content-roomshare{position:relative;width:100%;max-width:540px;margin:0 auto;padding:50px 70px 60px;box-sizing:border-box;border-radius:4px;background-color:#fff;}#modal-content-roomshare > *:focus,
#share > *:focus{outline:none;}#close-button{position:absolute;top:8px;right:8px;padding:10px;cursor:pointer;}#close-button > path{transition:.2s;}#close-button:hover > path{fill:#41b7ef;}#close-button:active > path{fill:#38a8dd;}#modal-content-roomshare > h1{margin:0;padding-bottom:40px;box-sizing:border-box;font-size:24px;font-weight:300;color:#363636;line-height:33px;text-align:center;}#modal-content-roomshare > #share > input[type="text"]{height:40px;width:100%;margin-right:10px;padding:0 13px;border:1px solid #c5d5dc;box-sizing:border-box;background-color:#fff;font-family:inherit;font-size:16px;font-weight:600;color:#414141;line-height:38px;letter-spacing:.5px;transition:.2s;}#modal-content-roomshare > #share{display:flex;flex-direction:row;align-items:stretch;width:100%;}#button-twitter,
#button-facebook,
#button-copy-link{display:block;height:40px;width:100%;border:1px solid transparent;box-sizing:border-box;font-size:12px;font-weight:700;color:#fff;letter-spacing:1px;line-height:38px;text-align:center;text-transform:uppercase;cursor:pointer;transition:.2s;}#button-copy-link{width:auto;padding:0 16px;border-color:#41b7ef;color:#41b7ef;background-color:#fff;white-space:nowrap;}#button-copy-link:hover{color:#fff;background-color:#41b7ef;}#button-twitter,
#button-facebook{margin-top:24px;}#button-twitter{border-color:#00a2f4;background-color:#00a2f4;}#button-twitter:hover{background-color:#fff;color:#00a2f4;}#button-facebook{border-color:#3f69b4;background-color:#3f69b4;}#button-facebook:hover{background-color:#fff;color:#3f69b4;}@media screen and (max-width: 600px){#modal-content-roomshare{padding-right:30px;padding-left:30px;}#modal-content-roomshare > #share{display:block;}#modal-content-roomshare > #share > input[type="text"]{margin-right:0;}#button-copy-link{width:100%;margin-top:10px;}}</style></template></dom-module>
<dom-module id="tinychat-roomshare" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal-roomshare"></style><form id="modal-content-roomshare" on-submit="onOK"><svg id="close-button" on-click="close" width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M6 4.5L1.5 0 0 1.5 4.5 6 0 10.5 1.5 12 6 7.5l4.5 4.5 1.5-1.5L7.5 6 12 1.5 10.5 0" fill="#c4d4dc" fill-rule="evenodd"></path></svg><h1>Invite your friends to this chatroom</h1><div id="share"><input id="input-link" type="text" autocomplete="off" readonly="" value="[[roomshare_url]]"> <button id="button-copy-link" on-click="copy">COPY LINK</button></div></form></template>
<script>
class ModalDialogRoomShare extends Polymer.Element {
static get is() {
return 'tinychat-roomshare'
}
static get properties() {
return {
chatroom: {
type: Object,
observer: 'chatroomAssigned'
},
roomshare_url: String,
onkeydownHandler: Object
}
}
constructor() {
super()
}
get app() {
return this.chatroom.app
}
connectedCallback() {
super.connectedCallback();
this;
this.onkeydownHandler = this.onkeydown.bind(this), document.addEventListener('keydown', this.onkeydownHandler)
}
disconnectedCallback() {
super.disconnectedCallback(), document.removeEventListener('keydown', this.onkeydownHandler)
}
chatroomAssigned() {
let b = this,
c = this.chatroom.app.EventBus;
b.set('roomshare_url', this.chatroom.url);
let d = b.$['input-link'];
setTimeout(() => {
b._setTextCursor(d, d.value.length)
}, 0)
}
_setTextCursor(a, b) {
var a = 'string' == typeof a || a instanceof String ? document.getElementById(a) : a;
if (!a) return !1;
if (a.setSelectionRange) return a.focus(), a.setSelectionRange(b, b), !0;
if (a.createTextRange) {
a.focus();
var c = a.createTextRange();
return c.collapse(!0), c.moveStart('character', b), c.moveEnd('character', 0), c.select(), !0
}
return !1
}
open() {
this.parentNode instanceof Modal && this.parentNode.open(ModalDialogRoomShare.is)
}
close() {
this.parentNode instanceof Modal && this.parentNode.close(ModalDialogRoomShare.is, this)
}
onkeydown(a) {
a = a || window.event, (27 == a.keyCode || 'Escape' == a.key || 'Esc' == a.key) && this.parentNode instanceof Modal && this.parentNode.isopen(ModalDialogRoomShare.is) && this.close()
}
onOK(a) {
return a.preventDefault(), !1
}
copy() {
let b = this.$['input-link'];
try {
b.select();
var c = document.execCommand('copy');
c ? this.app.showToast('Chatroom URL has been copied to clipboard.') : this.app.showToastWarn('Oops, unable to copy')
} catch (d) {
this.app.showToastWarn('Oops, unable to copy')
}
this.close()
}
facebook() {
this.app.showToastWarn('share via facebook is not impl.'), this.close()
}
twitter() {
this.app.showToastWarn('share via twitter is not impl.'), this.close()
}
}
customElements.define(ModalDialogRoomShare.is, ModalDialogRoomShare);
</script>
</dom-module>
<dom-module id="client-modal-fatalerror" assetpath="../../styles/"><template><style>#modal-content-fatalerror{width:100%;max-width:540px;margin:0 auto;padding:50px 70px 60px;box-sizing:border-box;border-radius:4px;background-color:#e53951;}#modal-content-fatalerror > *:focus{outline:none;}#modal-content-fatalerror > h1{margin:0;padding-bottom:9px;box-sizing:border-box;font-size:24px;font-weight:300;color:#fff;line-height:33px;text-align:center;}#modal-content-fatalerror > h1:before{content:'';position:relative;display:inline-block;height:24px;width:24px;top:5px;margin-right:10px;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxjaXJjbGUgZmlsbD0iI2ZmZiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KICAgIDxwYXRoIGZpbGw9IiNlNTM5NTEiIGQ9Ik0xMiAxMC41ODZsLTIuODI4LTIuODMtMS40MTUgMS40MTZMMTAuNTg3IDEybC0yLjgzIDIuODI4IDEuNDE1IDEuNDE1TDEyIDEzLjQxM2wyLjgyOCAyLjgzIDEuNDE1LTEuNDE1TDEzLjQxMyAxMmwyLjgzLTIuODI4LTEuNDE1LTEuNDE1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+");background-repeat:no-repeat;vertical-align:top;}#modal-content-fatalerror > span{display:block;padding-bottom:8px;font-size:12px;font-weight:400;color:#fff;line-height:16px;}#modal-content-fatalerror > input[type="submit"]{height:40px;width:100%;margin-top:24px;border:1px solid #fff;box-sizing:border-box;font-family:inherit;font-size:12px;font-weight:700;color:#fff;letter-spacing:1px;background-color:#e53951;cursor:pointer;transition:.2s;}#modal-content-fatalerror > input[type="submit"]:hover,
#modal-content-fatalerror > input[type="submit"]:active{color:#e53951;background-color:#fff;}</style></template></dom-module>
<dom-module id="tinychat-fatalerror" assetpath="../ui/"><template strip-whitespace=""><style include="client-modal-fatalerror"></style><form id="modal-content-fatalerror" on-submit="onOK"><h1>Fatal error</h1><span>[[textError()]]</span> <input type="submit" value="RELOAD"></form></template>
<script>
class ModalFatalError extends Polymer.Element {
static get is() {
return "tinychat-fatalerror"
}
static get properties() {
return {
error: Object
}
}
constructor() {
super()
}
connectedCallback() {
super.connectedCallback()
}
open() {
this.parentNode instanceof Modal && this.parentNode.open(ModalFatalError.is)
}
close() {
this.parentNode instanceof Modal && this.parentNode.close(ModalFatalError.is, this)
}
textError() {
return this.error instanceof Error, "Something went wrong, please reload the page."
}
onOK(a) {
return a.preventDefault(), location.reload(!0), !1
}
}
customElements.define(ModalFatalError.is, ModalFatalError);
</script>
</dom-module>
<dom-module id="client-sidemenu" assetpath="../../styles/"><template><style>#sidemenu-content{overflow-x:hidden;overflow-y:scroll;}#sidemenu-content::-webkit-scrollbar{position:absolute;width:15px;cursor:pointer;}#sidemenu-content::-webkit-scrollbar-track{background-color:#2d373a;}#sidemenu-content::-webkit-scrollbar-thumb{border:5px solid #2d373a;border-radius:6px/8px;background-color:#5a6366;}#sidemenu-content::-webkit-scrollbar-thumb:hover{background-color:#6f7b80;}#sidemenu *{user-select:none;-webkit-user-select:none;-moz-user-select:none;}#sidemenu *:focus{outline:none;}#sidemenu{position:fixed;height:100%;min-width:270px;max-width:270px;top:0;left:82px;padding-bottom:80px;box-sizing:border-box;font-family:'Open Sans', sans-serif;background-color:#2d373a;z-index:2;transition:left .8s;}#sidemenu-wider{position:absolute;display:block;height:40px;width:16px;top:50%;right:-8px;margin-top:-20px;border-radius:16px;font-size:0;background-color:#e9eaea;cursor:pointer;transition:.8s;}#sidemenu.wider > #sidemenu-wider{right:-16px;border-radius:0 16px 16px 0;}#sidemenu-wider:before{content:'';position:absolute;display:block;height:0;width:0;top:50%;left:50%;margin:-4px 0 0 -2px;border-width:4px 4px 4px 0;border-style:solid;border-color:transparent #bcc2c2;transition:.8s;}#sidemenu.wider > #sidemenu-wider:before{transform:rotate(180deg);-webkit-transform:rotate(180deg);}#sidemenu.wider{left:-188px;}#sidemenu-content{height:100%;padding-top:20px;box-sizing:border-box;}#close-users{display:none;padding:0 0 6px 21px;box-sizing:border-box;text-align:center;}#close-users > label{display:inline-block;height:20px;width:20px;padding:5px;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Ik03LjgzNyAxMEwuNDUzIDE3LjM4NGMtLjYwNy42MDctLjYgMS41NjgtLjAwMyAyLjE2Ni42MDIuNiAxLjU2OC41OTYgMi4xNjYtLjAwM0wxMCAxMi4xNjNsNy4zODQgNy4zODRjLjYwNy42MDcgMS41NjguNiAyLjE2Ni4wMDMuNi0uNjAyLjU5Ni0xLjU2OC0uMDAzLTIuMTY2TDEyLjE2MyAxMGw3LjM4NC03LjM4NGMuNjA3LS42MDcuNi0xLjU2OC4wMDMtMi4xNjYtLjYwMi0uNi0xLjU2OC0uNTk2LTIuMTY2LjAwM0wxMCA3LjgzNyAyLjYxNi40NTNDMi4wMS0uMTU0IDEuMDQ4LS4xNDcuNDUuNDVjLS42LjYwMi0uNTk2IDEuNTY4LjAwMyAyLjE2Nkw3LjgzNyAxMHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4=");background-repeat:no-repeat;background-position:center center;cursor:pointer;}#top-buttons-wrapper{width:100%;padding-left:20px;padding-right:15px;box-sizing:border-box;}#live-directory{display:inline-block;height:40px;width:100%;border-radius:40px;font-size:16px;font-weight:bold;color:#fff;background-color:#04caff;line-height:40px;text-align:center;text-decoration:none;cursor:pointer;transition:.2s;}#live-directory:before{content:"";position:relative;display:inline-block;height:10px;width:10px;top:-1px;left:0;margin-right:4px;border-width:0 0 2px 2px;border-style:solid;border-color:#fff;box-sizing:border-box;transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:.2s;}#live-directory:hover{background-color:#54ccf3;}#live-directory:active{background-color:#38a8de;}#live-directory:hover:before{left:-4px;}#upgrade{display:inline-block;height:40px;width:100%;margin-top:10px;border-radius:40px;font-size:16px;font-weight:bold;color:#fff;background-color:#efa701;line-height:40px;text-align:center;text-decoration:none;cursor:pointer;transition:.2s;}#upgrade:hover{background-color:#ffb701;}#upgrade:active{background-color:#cf8701;}#user-info{position:absolute;height:80px;width:100%;bottom:0;left:0;padding:20px 30px 20px 20px;border-top:1px solid rgba(0, 0, 0, .1);box-sizing:border-box;background-color:#2d373a;}#user-info > div,
#user-info > a{overflow:hidden;white-space:nowrap;}#user-info > div{line-height:20px;}#user-info > div:before{content:attr(title);font-size:14px;font-weight:700;color:#fff;}#user-info > a{display:inline-block;margin-top:6px;text-decoration:none;}#user-info > a{font-size:14px;font-weight:600;color:#3cafe1;}#user-info > a:hover{color:#3cafe1;text-decoration:underline;}#user-info > button,
#user-info > div:not([title]),
#user-info > div[title=""],
#user-info > div:not([title]) + a,
#user-info > div[title=""] + a{display:none;}#user-info > div:not([title]) ~ button,
#user-info > div[title=""] ~ button{display:block;}#user-info > button{height:40px;width:100%;padding:0;border:none;border-radius:40px;font-size:16px;font-weight:700;color:#fff;background-color:#04caff;text-align:center;line-height:40px;cursor:pointer;transition:.2s;}#user-info > button:hover{background-color:#54ccf3;}#user-info > button:active{background-color:#38a8de;}@media screen and (max-width: 1000px){#sidemenu{left:-188px;}#sidemenu.show{left:0;}#sidemenu-wider{opacity:0;visibility:hidden;}#close-users{display:block;}#top-buttons-wrapper{display:none;}}@media screen and (max-width: 600px){#sidemenu,
#sidemenu.wider{height:calc(100% - 44px);width:100%;min-width:100%;max-width:100%;left:0;top:-100%;margin-top:44px;padding-bottom:20px;z-index:3;transition:top .5s;}#sidemenu.show{top:0;}}#sidemenu.full-screen{left:-188px;}#sidemenu.full-screen.show{left:0;}#sidemenu.full-screen > #close-users{display:block;}#sidemenu.full-screen > #top-buttons-wrapper{display:none;}</style></template></dom-module>
<dom-module id="tc-video-moderation-style" assetpath="../ui/tc-video-moderation/"><template><style>#moderatorlist *{outline:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;}#moderatorlist{position:relative;max-height:70px;padding-left:31px;font-size:0;overflow:hidden;transition:.2s;}#moderatorlist:after{content:attr(data-videos-count);position:absolute;display:block;height:20px;width:20px;top:32px;right:0;border-radius:100%;font-size:10px;font-weight:800;color:#2e373a;line-height:20px;text-align:center;background-color:#7b868a;}#moderatorlist.hidden #header,
#moderatorlist.hidden .list-item,
#moderatorlist > .list-item.hidden{height:0;opacity:0;visibility:hidden;}#moderatorlist.show[data-videos-count=""],
#moderatorlist.show[data-videos-count="0"]{max-height:0px;}#moderatorlist.show[data-videos-count="1"],
#moderatorlist.show[data-videos-count="2"]{max-height:155px;}#moderatorlist.show[data-videos-count="3"],
#moderatorlist.show[data-videos-count="4"]{max-height:240px;}#moderatorlist.show[data-videos-count="5"],
#moderatorlist.show[data-videos-count="6"]{max-height:325px;}#moderatorlist.show[data-videos-count="7"],
#moderatorlist.show[data-videos-count="8"]{max-height:410px;}#moderatorlist.show[data-videos-count="9"],
#moderatorlist.show[data-videos-count="10"]{max-height:495px;}#moderatorlist.show[data-videos-count="11"],
#moderatorlist.show[data-videos-count="12"]{max-height:580px;}#moderatorlist > #header{position:relative;height:70px;padding-left:5px;top:33px;font-size:14px;font-weight:600;color:#7b868a;text-transform:uppercase;cursor:default;animation:show-header .5s ease 0s 1;-webkit-animation:show-header .5s ease 0s 1;}@keyframes show-header{0%{height:0;opacity:0;visibility:visible;}100%{height:70px;opacity:1;visibility:visible;}}@-webkit-keyframes show-header{0%{height:0;opacity:0;visibility:visible;}100%{height:70px;opacity:1;visibility:visible;}}#moderatorlist > #header > span > button{position:relative;height:20px;width:20px;top:-1px;right:0;padding:0;border:none;background-color:#2d373a;line-height:20px;text-align:center;cursor:pointer;}#moderatorlist > #header > span > button > svg{display:inline-block;transform:rotate(180deg);transition:.2s;}#moderatorlist.show > #header > span > button > svg{transform:rotate(0deg);}#moderatorlist > #header > span > button:hover > svg > path{fill:#fff;transition:.2s;}#moderatorlist[data-videos-count=""] > #moderatorlist-empty-item,
#moderatorlist[data-videos-count="0"] > #moderatorlist-empty-item{height:30px;width:100%;padding-left:5px;font-size:14px;color:#7b868a;}.video{position:relative;display:inline-block;width:50%;padding:5px;box-sizing:border-box;font-size:0;overflow:hidden;}.video > div{position:relative;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA0OCA2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGZpbGw9IiM1YTYzNjYiIGQ9Ik0xNCAxMy45OTR2MjAuMDEyQzE0IDM5LjUyMyAxOC40NzggNDQgMjQgNDRjNS41MTUgMCAxMC00LjQ4IDEwLTkuOTk0VjEzLjk5NEMzNCA4LjQ3NyAyOS41MjIgNCAyNCA0Yy01LjUxNSAwLTEwIDQuNDgtMTAgOS45OTR6TTI2IDU3LjkydjQuMDgyQTEuOTk0IDEuOTk0IDAgMCAxIDI0IDY0Yy0xLjEwNSAwLTItLjg4Ny0yLTEuOTk4VjU3LjkyQzkuNjk4IDU2LjkyOCAwIDQ2Ljg2IDAgMzQuNTg2YTIgMiAwIDAgMSA0IDBDNCA0NS4yODMgMTIuOTUgNTQgMjQgNTRjMTEuMDYgMCAyMC04LjcwMyAyMC0xOS40MTRhMiAyIDAgMCAxIDQgMGMwIDEyLjI4Ni05LjY5IDIyLjM0NC0yMiAyMy4zMzR6TTEwIDEzLjk5NEMxMCA2LjI3IDE2LjI3NyAwIDI0IDBjNy43MyAwIDE0IDYuMjY3IDE0IDEzLjk5NHYyMC4wMTJDMzggNDEuNzMgMzEuNzIzIDQ4IDI0IDQ4Yy03LjczIDAtMTQtNi4yNjctMTQtMTMuOTk0VjEzLjk5NHoiLz4KPC9zdmc+");background-repeat:no-repeat;background-position:center;background-color:#2a2c2c;overflow:hidden;}.video:after{content:'';position:absolute;display:block;height:100%;width:100%;top:0;left:0;border:5px solid #2d373a;border-radius:10px;box-sizing:border-box;pointer-events:none;}.video > div > div{position:relative;width:100%;}.video > div > tinychat-videoitem,
.video > div > video{position:absolute;height:100%;top:0;left:0;}.video > div.ratio-16-9 > tinychat-videoitem,
.video > div.ratio-16-9 > video{left:-16.66%;}.video > div.ratio-8-5 > tinychat-videoitem,
.video > div.ratio-8-5 > video{left:-10%;}.video > div.ratio-3-2 > tinychat-videoitem,
.video > div.ratio-3-2 > video{left:-6.25%;}.video > div > .overlay{position:absolute;height:100%;width:100%;top:0;left:0;background-color:rgba(0, 0, 0, .7);opacity:0;visibility:hidden;transition:.2s;}.video:hover > div > .overlay{opacity:1;visibility:visible;}.overlay-content{position:absolute;height:38px;width:68px;top:50%;left:50%;margin:-19px 0 0 -34px;}.overlay-content > button{padding:0;border:none;border-radius:100%;background-color:transparent;text-align:center;cursor:pointer;transition:.2s;}.overlay-content > .button-decline{height:22px;width:22px;margin:8px 8px 0 0;border:1px solid #04caff;box-sizing:border-box;line-height:20px;}.overlay-content > .button-decline:hover{border-color:#54ccf3;}.overlay-content > .button-decline:active{border-color:#38a8de;}.button-decline > svg > path{transition:.2s;}.button-decline:hover > svg > path{fill:#54ccf3;}.button-decline:active > svg > path{fill:#38a8de;}.overlay-content > .button-apply{height:38px;width:38px;background-color:#04caff;line-height:40px;}.overlay-content > .button-apply:hover{background-color:#54ccf3;}.overlay-content > .button-apply:active{background-color:#38a8de;}.video:hover > div > .nickname{visibility:hidden;}.video > div > .nickname{position:absolute;display:block;height:15px;left:5px;right:5px;bottom:0;font-size:10px;font-weight:600;color:#fff;text-align:center;text-shadow:0 0 6px rgba(0, 0, 0, .8);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:default;}.video > div > .nickname > img{position:relative;display:inline-block;height:10px;width:10px;top:1px;opacity:1;visibility:visible;transition:.2s;}.video > div > .nickname > img[src=""]{width:0;margin-right:0;overflow:hidden;opacity:0;visibility:hidden;}.video > div > .waiting{position:absolute;height:100%;width:100%;top:0;left:0;background-color:#202628;opacity:0;visibility:hidden;transition:.2s;}.video > div.wait > .waiting{opacity:1;visibility:visible;}.waiting > .waiting-content{position:absolute;height:0;width:80%;top:50%;left:10%;}.waiting > .waiting-content > span{position:absolute;display:inline-block;height:0;width:0;top:-4px;left:0;border:4px solid #04caff;border-radius:100%;opacity:0;animation:waiting 1s ease-in-out 0s infinite paused;-webkit-animation:waiting 1s ease-in-out 0s infinite paused;}.waiting > .waiting-content > span:nth-child(2){animation-delay:.15s;-webkit-animation-delay:.15s;}.waiting > .waiting-content > span:nth-child(3){animation-delay:.3s;-webkit-animation-delay:.3s;}.waiting > .waiting-content > span:nth-child(4){animation-delay:.45s;-webkit-animation-delay:.45s;}.video > div.wait > .waiting > .waiting-content > span{animation-play-state:running;-webkit-animation-play-state:running;}@keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@-webkit-keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}</style></template></dom-module>
<dom-module id="tc-video-preview-style" assetpath="../ui/tc-video-preview/"><template><style>*:focus{outline:none;}.on-white-scroll{padding-left:16px;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll;}.on-white-scroll::-webkit-scrollbar{position:absolute;width:15px;cursor:pointer;}.on-white-scroll::-webkit-scrollbar-track{background-color:#fff;}.on-white-scroll::-webkit-scrollbar-thumb{border:5px solid #fff;border-radius:6px/8px;background-color:rgba(0, 0, 0, .2);}.on-white-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, .4);}.video{position:relative;width:100%;padding:0;box-sizing:border-box;font-size:0;overflow:hidden;}.video > div{position:relative;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA0OCA2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGZpbGw9IiM1YTYzNjYiIGQ9Ik0xNCAxMy45OTR2MjAuMDEyQzE0IDM5LjUyMyAxOC40NzggNDQgMjQgNDRjNS41MTUgMCAxMC00LjQ4IDEwLTkuOTk0VjEzLjk5NEMzNCA4LjQ3NyAyOS41MjIgNCAyNCA0Yy01LjUxNSAwLTEwIDQuNDgtMTAgOS45OTR6TTI2IDU3LjkydjQuMDgyQTEuOTk0IDEuOTk0IDAgMCAxIDI0IDY0Yy0xLjEwNSAwLTItLjg4Ny0yLTEuOTk4VjU3LjkyQzkuNjk4IDU2LjkyOCAwIDQ2Ljg2IDAgMzQuNTg2YTIgMiAwIDAgMSA0IDBDNCA0NS4yODMgMTIuOTUgNTQgMjQgNTRjMTEuMDYgMCAyMC04LjcwMyAyMC0xOS40MTRhMiAyIDAgMCAxIDQgMGMwIDEyLjI4Ni05LjY5IDIyLjM0NC0yMiAyMy4zMzR6TTEwIDEzLjk5NEMxMCA2LjI3IDE2LjI3NyAwIDI0IDBjNy43MyAwIDE0IDYuMjY3IDE0IDEzLjk5NHYyMC4wMTJDMzggNDEuNzMgMzEuNzIzIDQ4IDI0IDQ4Yy03LjczIDAtMTQtNi4yNjctMTQtMTMuOTk0VjEzLjk5NHoiLz4KPC9zdmc+");background-repeat:no-repeat;background-position:center;background-color:#2a2c2c;background-size:30%;overflow:hidden;}video{width:100%;}.video > div:before{content:'';display:block;width:100%;padding-bottom:75%;}.video:hover > div > svg{top:-24px;left:-24px;transition:.2s ease .2s;}.video:after{}.video:hover > div.pro:after,
.video:hover > div.extreme:after,
.video:hover > div.gold:after{top:-24px;right:-24px;transition:.2s ease .2s;}.video > div > div{position:relative;width:100%;}.video > div > video,
.video > div > iframe{position:absolute;height:100%;top:0;left:0;}.video > div > iframe{width:100%;}.video > div.ratio-16-9 > video,
.video > div.ratio-16-9 > iframe{left:-16.66%;}.video > div.ratio-8-5 > video,
.video > div.ratio-8-5 > iframe{left:-10%;}.video > div.ratio-3-2 > video,
.video > div.ratio-3-2 > iframe{left:-6.25%;}.video > div > .overlay{position:absolute;height:100%;width:100%;top:0;left:0;box-shadow:inset 0 0 0 0 rgba(0, 0, 0, .5);transition:.2s;}.video:hover > div > .overlay{box-shadow:inset 0 0 100px 0 rgba(0, 0, 0, .5);}.icon-visibility,
.icon-resize,
.icon-report,
.icon-close{position:absolute;height:22px;width:22px;top:-22px;padding:0;border:none;background-color:transparent;cursor:pointer;opacity:.9;transition:.2s;}.icon-visibility{left:-22px;}.icon-resize{left:50%;margin-left:-11px;}.icon-report,
.icon-close{right:-22px;}.icon-visibility:hover,
.icon-resize:hover,
.icon-report:hover,
.icon-close:hover{opacity:1;}.video:hover > div > .overlay > .icon-visibility,
.video:hover > div > .overlay > .icon-resize,
.video:hover > div > .overlay > .icon-report,
.video:hover > div > .overlay > .icon-close{top:12px;transition:top .2s ease .2s,
left .2s ease .2s,
right .2s ease .2s,
opacity .2s;}.video:hover > div > .overlay > .icon-visibility{left:14px;}.video:hover > div > .overlay > .icon-report,
.video:hover > div > .overlay > .icon-close{right:14px;}.icon-visibility > svg,
.icon-resize > svg,
.icon-report > svg,
.icon-close > svg{position:absolute;}.video.not-visible > div > .overlay > .icon-visibility > svg,
.icon-visibility > svg{top:4px;left:1px;opacity:0;visibility:hidden;transition:.2s;}.video.not-visible > div > .overlay > .icon-visibility > svg:first-child,
.icon-visibility > svg + svg{opacity:1;visibility:visible;}.video.not-visible > div > iframe{visibility:hidden;}.icon-resize > svg{top:3px;left:3px;}.icon-resize > svg > path{transition:.2s;}.video.large > div > .overlay > .icon-resize > svg > path + path{opacity:0;visibility:hidden;}.icon-report > svg{top:3px;left:3px;}.icon-close > svg{top:4px;left:4px;}.icon-context{position:absolute;height:22px;width:22px;bottom:-22px;right:-22px;padding:0;border:none;background-color:transparent;cursor:pointer;opacity:.9;transition:.2s;}.icon-context:hover{opacity:1;}.video:hover > div > .overlay > .icon-context{bottom:7px;right:16px;transition:bottom .2s ease .2s,
right .2s ease .2s,
opacity .2s;}.icon-context > svg{position:absolute;top:9px;left:1px;}.video-context{position:absolute;display:flex;flex-direction:column;align-content:center;top:0;bottom:0;left:0;right:0;padding-top:10px;padding-bottom:10px;border-radius:4px;border:1px solid rgba(0, 0, 0, .06);box-sizing:border-box;font-size:0;color:#535353;text-align:left;line-height:1;background-color:rgba(0, 0, 0, .7);box-shadow:0 1px 4px 0 rgba(0, 0, 0, .09);z-index:1;opacity:0;visibility:hidden;transition:.2s;}.video-context::-webkit-scrollbar-track{background-color:transparent;}.video-context::-webkit-scrollbar-thumb{border:5px solid transparent;border-radius:6px/8px;background-color:rgba(255, 255, 255, .1);background-clip:content-box;}.video-context::-webkit-scrollbar-thumb:hover{background-color:rgba(255, 255, 255, .2);}.video:hover > div > .overlay > .icon-context:focus + .video-context{opacity:1;visibility:visible;}.video-context-content{margin:0 auto;}.video-context-content > div{text-align:center;}.video-context-content > div + div{padding-top:5px;}.video-context-content > div > button{display:block;width:100%;padding:0 20px;border:none;border-radius:4px;box-sizing:border-box;font-size:13px;font-weight:600;color:#fff;background-color:transparent;line-height:26px;cursor:pointer;transition:.2s;}.video-context-content > div > button:hover{color:#fff;background-color:#04caff;}.icon-volume{position:absolute;height:22px;left:-22px;bottom:-22px;opacity:.9;transition:.2s;}.icon-volume:hover{opacity:1;}.video:hover > div > .overlay > .icon-volume{left:16px;bottom:16px;transition:bottom .2s ease .2s,
left .2s ease .2s,
opacity .2s;}#icon-state > button{position:relative;height:22px;width:22px;padding:0;border:none;background-color:transparent;cursor:pointer;}#icon-state > button > svg{position:absolute;display:block;top:2px;left:2px;}#icon-state > button > svg + svg{top:1px;left:2px;transition:.2s;}#icon-state > button > svg{opacity:1;visibility:visible;}#icon-state > button > svg + svg{opacity:0;visibility:hidden;}.video > div > .waiting{position:absolute;height:100%;width:100%;top:0;left:0;background-color:#202628;opacity:0;visibility:hidden;transition:.2s;}.video > div.wait > .waiting{opacity:1;visibility:visible;}.waiting > .waiting-content{position:absolute;height:0;width:80%;top:50%;left:10%;}.waiting > .waiting-content > span{position:absolute;display:inline-block;height:0;width:0;top:-4px;left:0;border:4px solid #04caff;border-radius:100%;opacity:0;animation:waiting 1s ease-in-out 0s infinite paused;-webkit-animation:waiting 1s ease-in-out 0s infinite paused;}.waiting > .waiting-content > span:nth-child(2){animation-delay:.15s;-webkit-animation-delay:.15s;}.waiting > .waiting-content > span:nth-child(3){animation-delay:.3s;-webkit-animation-delay:.3s;}.waiting > .waiting-content > span:nth-child(4){animation-delay:.45s;-webkit-animation-delay:.45s;}.video > div.wait > .waiting > .waiting-content > span{animation-play-state:running;-webkit-animation-play-state:running;}.video > div > svg{position:absolute;top:5px;left:5px;filter:drop-shadow(0 0 4px #04caff);-webkit-filter:drop-shadow(0 0 4px #04caff);opacity:0;transition:.2s;}#videos-content > #videos > .video:hover > div > svg{top:-24px;left:-24px;transition:.2s ease .2s;}.video > div > svg > circle{fill:#fff;fill-rule:evenodd;stroke:#fff;stroke-width:0;transition:.2s;}.video > div > svg[data-mic-level="1"]{opacity:.5;}.video > div > svg[data-mic-level="2"]{opacity:.8;}.video > div > svg[data-mic-level="3"],
.video > div > svg[data-mic-level="4"],
.video > div > svg[data-mic-level="5"],
.video > div > svg[data-mic-level="6"],
.video > div > svg[data-mic-level="7"],
.video > div > svg[data-mic-level="8"],
.video > div > svg[data-mic-level="9"],
.video > div > svg[data-mic-level="10"]{opacity:1;}.video > div > svg[data-mic-level="4"] > circle{stroke-width:1;}.video > div > svg[data-mic-level="5"] > circle{stroke-width:2;}.video > div > svg[data-mic-level="6"] > circle{stroke-width:3;}.video > div > svg[data-mic-level="7"] > circle{stroke-width:4;}.video > div > svg[data-mic-level="8"] > circle{stroke-width:5;}.video > div > svg[data-mic-level="9"] > circle{stroke-width:6;}.video > div > svg[data-mic-level="10"] > circle{stroke-width:7;}.video > div > .nickname{position:absolute;display:block;height:15px;left:10px;right:10px;bottom:12px;margin-bottom:-7px;font-size:12px;font-weight:600;color:#fff;text-align:center;text-shadow:0 0 6px rgba(0, 0, 0, .8);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:default;transition:.2s;}.video > div > .nickname > img{position:relative;display:inline-block;height:10px;width:10px;top:2px;margin-right:6px;opacity:1;visibility:visible;transition:.2s;}.video > div > .nickname > img[src=""]{width:0;margin-right:0;overflow:hidden;opacity:0;visibility:hidden;}.video:hover > div > .nickname{bottom:50%;transition:.2s ease .2s;}.video > div.gold:after,
.video > div.extreme:after,
.video > div.pro:after{content:'';position:absolute;display:block;height:24px;width:24px;top:10px;right:10px;background-repeat:no-repeat;transition:.2s;}.video > div.gold:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cgk8Y2lyY2xlIGZpbGw9IiNmZmM2MmMiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPgoJPHBhdGggaWQ9ImJhZGdlLWdvbGQiIGQ9Ik0xNiAxMi41NzZ2LTEuMDE4aC0zLjU5NnYxLjUxaDEuMjZsLS4wMTIuMTA4Yy0uMDcuNjIyLS42MyAxLjAzNC0xLjQyIDEuMDM0LTEuMDY1IDAtMS43NTgtLjg0LTEuNzU4LTIuMjUgMC0xLjM3Ny42MDctMi4xNyAxLjYzOC0yLjE3LjY5OCAwIDEuMjQyLjM3IDEuNDAzLjkzN2gyLjM4OEMxNS43MiA5LjE0IDE0LjE3MyA4IDEyLjEgOCA5LjU1MiA4IDggOS40NTcgOCAxMS45OTIgOCAxNC41NiA5LjU1MiAxNiAxMi4xNzUgMTZjMi40IDAgMy44MjUtMS4zMDcgMy44MjUtMy40MjR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KCTx1c2UgZmlsbD0iIzAwMCIgeGxpbms6aHJlZj0iI2JhZGdlLWdvbGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMSkiIGZpbGwtb3BhY2l0eT0iLjIiLz4KCTx1c2UgZmlsbD0iI2ZmZiIgeGxpbms6aHJlZj0iI2JhZGdlLWdvbGQiLz4KPC9zdmc+");}.video > div.extreme:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQoJPGNpcmNsZSBmaWxsPSIjYWQ2YmNlIiBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiLz4NCgk8cGF0aCBpZD0iYmFkZ2UtZXh0cmVtZSIgZD0iTTE0IDE2SDlWOGg1djEuNzM1aC0yLjcyNXYxLjI1OGgyLjUyM3YxLjczNWgtMi41MjN2MS41MUgxNHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KCTx1c2UgZmlsbD0iIzAwMCIgeGxpbms6aHJlZj0iI2JhZGdlLWV4dHJlbWUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMSkiIGZpbGwtb3BhY2l0eT0iLjIiLz4NCgk8dXNlIGZpbGw9IiNmZmYiIHhsaW5rOmhyZWY9IiNiYWRnZS1leHRyZW1lIi8+DQo8L3N2Zz4=");}.video > div.pro:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQoJPGNpcmNsZSBmaWxsPSIjMzhjZDU3IiBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiLz4NCgk8cGF0aCBpZD0iYmFkZ2UtcHJvIiBkPSJNMTUgMTAuNTQ0YzAgLjg5NC0uMjcyIDEuNTg1LS44MTcgMi4wNzItLjU0NS40ODctMS4zMi43My0yLjMyMi43M2gtLjYyNlYxNkg5VjhoMi44NmMxLjA0NiAwIDEuODMuMjIgMi4zNTQuNjYyLjUyNC40NDIuNzg2IDEuMDcuNzg2IDEuODgyem0tMy43NjYgMS4wNGguNDA3Yy4zMzYgMCAuNjAzLS4wOS44LS4yNzMuMi0uMTgyLjI5OC0uNDM0LjI5OC0uNzU1IDAtLjU0LS4zMS0uODEtLjkyNy0uODFoLS41NzZ2MS44NHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KCTx1c2UgZmlsbD0iIzAwMCIgeGxpbms6aHJlZj0iI2JhZGdlLXBybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbC1vcGFjaXR5PSIuMiIvPg0KCTx1c2UgZmlsbD0iI2ZmZiIgeGxpbms6aHJlZj0iI2JhZGdlLXBybyIvPg0KPC9zdmc+");}@keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@-webkit-keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@media screen and (max-width: 600px){#videos{top:12px;right:13px;bottom:12px;left:13px;}.video{padding:2px;}.video:after{border-width:2px;border-radius:4px;}}.video.full-screen:after{border-color:#101314;}</style></template></dom-module>
<dom-module id="tc-video-preview" assetpath="../ui/tc-video-preview/"><template strip-whitespace=""><style include="tc-video-preview-style"></style><div class$="[[videoItemStyle]]"><div class$="[[convertVideoClass(item, item.progress)]]"><video id="video" autoplay="" volume="[[volume]]" data-video-id$="[[item.handle]]" on-playing="onPlaying">Your browser does not support the video tag...</video><div class="waiting"><div class="waiting-content"><span></span><span></span><span></span><span></span><span></span></div></div></div></div></template>
<script>
class ChatroomVideoPreview extends Polymer.Element {
static get is() {
return 'tc-video-preview'
}
static get properties() {
return {
item: {
type: Object,
observer: 'itemAssigned'
},
volume: {
type: Number,
value: 0
},
videoItemStyle: {
type: String,
computed: '_videoItemStyleCompute(item.large, item.muted, item.hidden, isFullScreen)'
}
}
}
constructor() {
super()
}
connectedCallback() {
super.connectedCallback()
}
disconnectedCallback() {
super.disconnectedCallback()
}
itemAssigned(a) {
if (null !== a) {
let b = this.$.video;
b.srcObject = a.mediastream, b.muted = !0, this.internalVolume = a.volume
}
}
_videoItemStyleCompute(a, b, c, d) {
var f = 'video';
return f += a ? ' large' : '', f += b ? ' muted' : '', f += c ? ' not-visible' : '', f += d ? ' full-screen' : '', f
}
convertVideoClass(a, b) {
var c = 'ratio-4-3';
return c += b ? ' wait' : '', c
}
onPlaying(a) {
this.dispatchEvent(new CustomEvent('video-playing', a))
}
}
customElements.define(ChatroomVideoPreview.is, ChatroomVideoPreview);
</script>
</dom-module>
<dom-module id="tc-video-moderation" assetpath="../ui/tc-video-moderation/"><template strip-whitespace=""><style include="tc-video-moderation-style"></style><div id="moderatorlist" class$="[[_computeClass(isExpanded)]]" data-videos-count$="[[itemsCount]]"><div id="header"><span>BROADCAST QUEUE <button on-click="onModeratorsShow"><svg width="14" height="8" viewBox="0 0 14 8" xmlns="http://www.w3.org/2000/svg"><path d="M12.205 7.694c.41.408 1.076.408 1.487 0a1.04 1.04 0 0 0 0-1.478L7.744.306a1.056 1.056 0 0 0-1.488 0L.308 6.216a1.04 1.04 0 0 0 0 1.478c.41.408 1.076.408 1.487 0L7 2.522l5.205 5.172z" fill="#7b868a"></path></svg></button></span></div><div id="moderatorlist-empty-item"><span>No videos yet</span></div><dom-repeat items="[[_items]]"><template strip-whitespace=""><div class="video"><div class="ratio-16-9"><tc-video-preview item="[[item]]" on-video-playing="videoPlaying"></tc-video-preview><div class="overlay"><div class="overlay-content"><button class="button-decline" on-click="onClose"><svg width="8" height="8" viewBox="0 0 8 8" xmlns="http://www.w3.org/2000/svg"><path d="M4 2.543L1.758.3A1.03 1.03 0 0 0 .302 1.757l2.242 2.24L.302 6.24a1.03 1.03 0 1 0 1.456 1.455L4 5.455l2.242 2.24A1.03 1.03 0 0 0 7.698 6.24L5.456 3.998l2.242-2.24A1.03 1.03 0 1 0 6.242.3L4 2.543z" fill="#04caff"></path></svg></button> <button class="button-apply" on-click="onAllow"><svg width="12" height="10" viewBox="0 0 12 10" xmlns="http://www.w3.org/2000/svg"><path d="M1.78 3.375a1 1 0 1 0-1.56 1.25l4 5A1 1 0 0 0 5.8 9.6l6-8A1 1 0 1 0 10.2.4L4.975 7.367 1.78 3.375z" fill="#fff"></path></svg></button></div></div><div class="waiting"><div class="waiting-content"><span></span><span></span><span></span><span></span><span></span></div></div><span class="nickname" title="[[item.nickname]]">[[item.nickname]]</span></div></div></template></dom-repeat>
</div>
</template>
<script>
class VideoModeration extends Polymer.Element {
static get is() {
return 'tc-video-moderation'
}
static get properties() {
return {
videolist: {
type: Object,
observer: 'videolistAssigned'
},
_items: {
type: Array,
value: [],
notify: !0
},
itemsCount: {
type: Number,
value: 0
},
isExpanded: {
type: Boolean,
value: !0
}
}
}
constructor() {
super()
}
connectedCallback() {
super.connectedCallback()
}
onModeratorsShow() {
this.isExpanded = !this.isExpanded
}
_computeClass(a) {
let b = '';
return a && (b += ' show'), b
}
videolistAssigned() {
let b = this.videolist.chatroom,
c = this,
d = b.app.EventBus;
d.subscribe(TinychatApp.BLL.VideolistEvent.ID, f => {
f.action === TinychatApp.BLL.VideolistAction.AddModeration ? (f.videolistitem.progress = !0, c.splice('_items', f.index, 0, f.videolistitem), this.itemsCount++, this.notifyPath('_items')) : f.action === TinychatApp.BLL.VideolistAction.RemoveModeration ? (c.splice('_items', f.index, 1), this.itemsCount--, this.notifyPath('_items')) : f.action === TinychatApp.BLL.VideolistAction.UpdateModeration
})
}
videoPlaying(a) {
try {
let b = a.model.item,
c = this._items.indexOf(b);
b.progress = !1, this.notifyPath('_items.' + c + '.progress')
} catch (b) {
console.error(b)
}
}
onClose(a) {
let b = a.model.item.userentity;
this.videolist.chatroom.VideoForceClose(b)
}
onAllow(a) {
let b = a.model.item.userentity;
this.videolist.chatroom.VideoAllow(b)
}
}
customElements.define(VideoModeration.is, VideoModeration);
</script>
</dom-module>
<dom-module id="tinychat-sidemenu" assetpath="../ui/"><template strip-whitespace=""><style include="client-sidemenu"></style><div id="sidemenu"><dom-if if="[[showCollapseAllow]]"><template strip-whitespace=""><div id="sidemenu-wider" on-click="onCollapse"></div></template></dom-if>
<div id="sidemenu-content">
<div id="close-users" on-click="onClose"><label for="input-users" class="switcher"></label></div>
<div id="top-buttons-wrapper"><a id="live-directory" href="#live-directory" on-click="livedirectoryTap">Live Directory</a> <a id="upgrade" href="#subscription" on-click="upgrade">Upgrade</a></div>
<tc-video-moderation videolist="[[chatroom.videolist]]"></tc-video-moderation>
<tinychat-chatlist chatlog="[[chatlog]]"></tinychat-chatlist>
<tinychat-userlist userlist="[[userlist]]"></tinychat-userlist>
</div>
<div id="user-info">
<div title="[[roomname]]"></div><a href="[[roomnamehref]]" target="_blank">tinychat.com/[[roomname]]</a> <button on-click="login">Sign In</button></div>
</div>
</template>
<script>
const UI = window.TinychatApp.UI;
class ChatroomSideMenu extends Polymer.Element {
static get is() {
return 'tinychat-sidemenu'
}
static get properties() {
return {
userlist: {
type: Object,
observer: 'userlistAssigned'
},
chatlog: {
type: Object,
observer: 'chatlogAssigned'
},
chatroom: {
type: Object,
observer: 'chatroomAssigned'
},
roomname: {
type: String
},
roomnamehref: {
type: String,
computed: '_roomnamehrefCompute(roomname)'
},
showCollapseAllow: {
type: Boolean,
value: !1
},
onFullscreenHandler: Object,
onWindowClickHandler: Object
}
}
constructor() {
super()
}
connectedCallback() {
super.connectedCallback(), this.onFullscreenHandler = this.onFullscreen.bind(this), window.fullscreenManager.addEventListener(this.onFullscreenHandler, !1), this.onWindowClickHandler = this.onWindowClick.bind(this), window.addEventListener('click', this.onWindowClickHandler, !1);
let a = this;
document.addEventListener('side-menu-change', function(b) {
b.detail.slideout ? a.slideout() : a.slidein()
})
}
disconnectedCallback() {
super.disconnectedCallback(), window.fullscreenManager.removeEventListener(this.onFullscreenHandler, !1), window.removeEventListener('click', this.onWindowClickHandler)
}
_roomnamecompute(a) {
let b = '',
c = a.selfUser();
return null !== c && (b = c.username), b
}
_roomnamehrefCompute(a) {
return `${window.TinychatApp.url}/${a}`
}
chatlogAssigned() {}
userlistAssigned() {}
chatroomAssigned(a) {
let b = a.app.EventBus;
b.subscribe(TinychatApp.BLL.RoomConnected.ID, () => {
this.roomname = this._roomnamecompute(this.chatroom), this.showCollapseAllow = this.chatroom.selfUser().hasSubscriptions
})
}
get app() {
return this.userlist.chatroom.app
}
slideout() {
this.$.sidemenu.classList.add('show')
}
slidein() {
this.$.sidemenu.classList.remove('show')
}
login() {
this.app.Login()
}
onClose() {
this.slidein(), document.dispatchEvent(new CustomEvent('side-menu-changed', {
bubbles: !0,
detail: {
slideout: !1
}
}))
}
onCollapse(a) {
a.target.parentNode.classList.toggle('wider');
let b = new UI.UISideMenuToggle;
this.chatroom.app.EventBus.broadcast(UI.UISideMenuToggle.ID, b)
}
onWindowClick() {}
onFullscreen() {
let b = window.fullscreenManager.status();
b ? (this.$.sidemenu.classList.add('full-screen'), this.showCollapseAllow = !1) : (this.$.sidemenu.classList.remove('full-screen'), this.showCollapseAllow = this.chatroom.selfUser().hasSubscriptions)
}
livedirectoryTap() {
this.userlist.chatroom.gotoLiveDirectory()
}
upgrade() {
this.app.UpgradeSub()
}
}
customElements.define(ChatroomSideMenu.is, ChatroomSideMenu);
</script>
</dom-module>
<dom-module id="client-title" assetpath="../../styles/"><template><style>#room-header *{user-select:none;-webkit-user-select:none;-moz-user-select:none;}#room-header{display:flex;flex-direction:row;align-items:stretch;min-height:140px;max-height:140px;border-bottom:1px solid rgba(0, 0, 0, .1);box-sizing:border-box;background-color:#f6f6f6;text-align:left;}#room-header-mobile-button{display:none;}#room-header-avatar{position:relative;height:100px;min-width:100px;max-width:100px;margin:20px 0 0 30px;border-radius:100%;overflow:hidden;}#room-header-avatar > img{position:absolute;height:100%;top:0;left:-25px;}#room-header-info{width:100%;padding:24px 0 0 20px;box-sizing:border-box;}#room-header-info > h1{position:relative;display:inline-block;width:100%;max-width:180px;margin:0 5px 0 0;padding:0 20px 0 0;font-size:16px;font-weight:700;color:#363636;white-space:nowrap;line-height:normal;overflow:hidden;cursor:default;}#room-header-info > h1:after{content:"";position:absolute;display:block;height:100%;width:20px;top:0;right:0;background:-moz-linear-gradient(left, rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%);background:-webkit-linear-gradient(left, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%);background:linear-gradient(to right, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=1 );}#room-header-info > span{display:inline-block;margin-left:10px;box-sizing:border-box;font-size:0;text-align:center;cursor:pointer;}#room-header-info-text{position:relative;height:32px;padding-top:6px;font-size:11px;line-height:16px;overflow:hidden;cursor:default;}#room-header-info-text:after{content:"";position:absolute;display:block;height:16px;width:60px;bottom:0;right:0;background:-moz-linear-gradient(left, rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%);background:-webkit-linear-gradient(left, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%);background:linear-gradient(to right, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=1 );}#room-header-info-details{padding-top:3px;font-size:16px;white-space:nowrap;cursor:default;}#room-header-info-details > span:after{content:"";position:relative;display:inline-block;height:23px;width:1px;top:7px;margin:0 14px;background-color:#e9e9e9;}#room-header-info-details > a{color:#3cafe1;cursor:pointer;}#room-header-info-details > a:hover{text-decoration:underline;}#room-header-gifts{display:flex;flex-direction:row;align-items:stretch;padding:30px 20px;box-sizing:border-box;}#room-header-gifts-items{padding:0 11px;border-radius:12px;background-color:#fff;font-size:0;text-align:center;white-space:nowrap;}#room-header-gifts-items > a{display:inline-block;height:60px;width:60px;margin:10px 5px;}#room-header-gifts-items > a > img{height:100%;width:100%;}#room-header-gifts-buttons{display:inline-block;padding-left:10px;box-sizing:border-box;font-size:0;white-space:nowrap;}#room-header-gifts-buttons > a{display:none;height:35px;width:120px;border-radius:35px;border:1px solid transparent;box-sizing:border-box;font-size:12px;font-weight:700;color:#fff;background-color:#41b7ef;line-height:35px;text-align:center;text-decoration:none;cursor:pointer;transition:.2s;}#room-header-gifts-buttons > #give-gift{display:block;}#room-header-gifts-buttons > #give-gift:hover{background-color:#54ccf3;}#room-header-gifts-buttons > #give-gift:active{background-color:#38a8de;}#room-header-gifts-buttons > #upgrade{display:none;margin-right:6px;background-color:#efa701;}#room-header-gifts-buttons > #upgrade:hover{background-color:#ffb701;}#room-header-gifts-buttons > #upgrade:active{background-color:#cf8701;}#room-header-gifts-buttons > #get-coins{display:inline-block;width:100%;margin-top:10px;border-color:#41b7ef;color:#41b7ef;background-color:#fff;transition:.2s;}#room-header-gifts-buttons > #get-coins:hover{background-color:#d6f2ff;}#room-header-gifts-buttons > #get-coins:active{background-color:#c7e8f8;}@media screen and (max-width: 1180px){#room-header{min-height:100px;max-height:100px;}#room-header-avatar{height:60px;min-width:60px;max-width:60px;margin:20px 0 0 16px;}#room-header-avatar > img{left:-15px;}#room-header-info{position:relative;padding:22px 60px 0 14px;}#room-header-info > span{position:absolute;top:10px;right:25px;margin:0;}#room-header-info > span + span{top:40px;right:24px;}#room-header-info > span + span + span{top:70px;right:23px;}#room-header-info-text{padding-top:4px;}#room-header-info-details{display:none;}#room-header-gifts{padding:14px 20px;border-left:1px solid rgba(0, 0, 0, .1);}#room-header-gifts-items{padding:0;border-radius:0;background-color:transparent;}#room-header-gifts-items > a{height:72px;width:72px;margin:0 -11px 0 0;padding:11px;border-radius:100%;box-sizing:border-box;background-color:#fff;box-shadow:0 0 6px 0 rgba(0, 0, 0, .1);}#room-header-gifts-buttons{padding-left:21px;}#room-header-gifts-buttons > a{height:30px;line-height:30px;}#room-header-gifts-buttons > a + a,
#room-header-gifts-buttons > a + a:hover{height:30px;margin-top:12px;line-height:30px;}}@media screen and (max-width: 1000px){#room-header-gifts-buttons > #give-gift{width:210px;}#room-header-gifts-buttons > #upgrade,
#room-header-gifts-buttons > #get-coins{display:inline-block;width:102px;}}@media screen and (max-width: 800px){#room-header-info{padding-right:15px;}#room-header-info > h1{display:block;}#room-header-info > span{position:static;margin-top:12px;vertical-align:middle;}#room-header-info > span + span{margin-left:20px;}#room-header-info-text,
#room-header-info-details{display:none;}#room-header-gifts{padding:16px 15px;background-color:#fff;}#room-header-gifts-items > a{height:60px;width:60px;margin:5px;padding:0;box-shadow:none;}#room-header-gifts-items > a + a{display:none;}#room-header-gifts-buttons{padding-top:1px;padding-left:15px;}#room-header-gifts-buttons > #give-gift{width:190px;}#room-header-gifts-buttons > #upgrade,
#room-header-gifts-buttons > #get-coins{display:inline-block;width:92px;}}@media screen and (max-width: 740px){#room-header-info{padding-right:40px;}#room-header-info > span{margin-right:-10px;}}@media screen and (max-width: 600px){#room-header{position:absolute;display:block;height:54px;min-height:inherit;max-height:inherit;width:100%;max-width:100%;min-width:100%;overflow:hidden;z-index:1;transition:height .2s;}#room-header.show{height:146px;}#room-header-mobile-button{position:absolute;display:block;height:26px;width:26px;top:15px;right:15px;cursor:pointer;}#room-header-mobile-button > span,
#room-header-mobile-button:before,
#room-header-mobile-button:after{content:'';position:absolute;display:block;height:6px;width:6px;top:10px;left:0;border-radius:100%;background-color:#41b7ef;pointer-events:none;transform:rotate(45deg);transition:background-color .2s,
height .3s,
width .3s,
top .3s,
left .3s,
opacity .3s,
border-radius .3s;}#room-header-mobile-button > span{left:10px;}#room-header-mobile-button:after{left:20px;transform:rotate(-45deg);}#room-header-mobile-button:hover > span,
#room-header-mobile-button:hover:before,
#room-header-mobile-button:hover:after{background-color:#54ccf3;}#room-header-mobile-button:hover > span,
#room-header-mobile-button:hover:before,
#room-header-mobile-button:hover:after{background-color:#38a8de;}#room-header.show #room-header-mobile-button:before,
#room-header.show #room-header-mobile-button:after{height:2px;width:16px;top:12px;left:5px;border-radius:1px;}#room-header.show #room-header-mobile-button > span{opacity:0;}#room-header-avatar{display:inline-block;height:24px;min-width:24px;max-width:24px;margin:15px 0 0 15px;}#room-header-avatar > img{left:-6px;}#room-header-info{position:absolute;height:100%;width:auto;top:0;left:39px;right:150px;padding-top:54px;}#room-header-info > h1{position:absolute;height:16px;width:calc(100% + 70px);max-width:inherit;top:20px;left:14px;right:20px;margin:0;padding:0;}#room-header-info > span{top:65px;}#room-header-info > span + span{top:103px;}#room-header-info-text,
#room-header-info-details{position:relative;width:calc(100% + 38px);left:-38px;}#room-header-info-text{padding-top:8px;}#room-header-info-details{display:block;font-size:13px;overflow:hidden;}#room-header-gifts{position:absolute;width:150px;top:54px;right:0;padding-top:6px;background-color:transparent;}#room-header-gifts-items{display:none;}#room-header-gifts-buttons{padding-left:0;}#room-header-gifts-buttons > #give-gift,
#room-header-gifts-buttons > #get-coins{width:120px;}#room-header-gifts-buttons > #upgrade{display:none;}}</style></template></dom-module>
<dom-module id="tinychat-title" assetpath="../ui/"><template strip-whitespace=""><style include="client-title"></style><div id="room-header"><div id="room-header-mobile-button" on-click="onHeaderMobile"><span></span></div><div id="room-header-avatar"><img src="[[avatar]]"></div><div id="room-header-info"><h1>[[title]]</h1><span on-click="shareTap" title="Share room"><svg width="16" height="22" viewBox="0 0 16 22" xmlns="http://www.w3.org/2000/svg"><path fill="#53b6ef" fill-rule="evenodd" d="M9 2.57v10.475H7V2.57L4.682 4.733 3.318 3.268 5.986.782c1.12-1.043 2.91-1.042 4.028 0l2.668 2.486-1.364 1.464L9 2.572zM2 20h12V7.994C14 8 11 8 11 8V6h2.995C15.102 6 16 6.895 16 7.994v12.012c0 1.1-.895 1.994-1.994 1.994H1.994C.894 22 0 21.105 0 20.006V7.994C0 6.894.894 6 2.005 6H5v2H2.005C2.002 8 2 20 2 20z"></path></svg> </span><span on-click="settingsTap" title="Settings"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill="#53b6ef" fill-rule="evenodd" d="M12.028 1.632l.002.017-.002-.018zm7.15 4.97l-.012.01.013-.01zM12.03 18.347c0-.006 0-.01.002-.017l-.002.017zm-2.04.02v-.016.018zM2.96 12.84c.007.007.013.016.018.025l-.017-.026zm1.203-.337c.342-.227.51-.64.425-1.04l-.05-.232c-.082-.39-.125-.81-.125-1.23 0-.42.043-.84.126-1.23l.048-.233c.085-.4-.083-.813-.425-1.04l-1.328-.882c.162.11.223.35.102.546l1.246-2.02 1.212.533c.368.162.797.088 1.09-.188l.17-.162c.625-.53 1.39-.95 2.238-1.21l.228-.07c.385-.122.658-.46.697-.86l.146-1.513c-.024.197-.186.33-.355.33h2.778c-.16 0-.332-.147-.356-.35l.147 1.534c.04.4.313.737.696.858l.22.07c.856.26 1.62.68 2.283 1.244l.134.13c.293.275.722.35 1.09.187l1.21-.534 1.247 2.02c-.11-.178-.054-.435.11-.55l-1.336.887c-.34.227-.51.64-.424 1.04l.05.232c.082.39.125.81.125 1.23 0 .42-.042.84-.125 1.23l-.05.233c-.084.4.085.813.426 1.04l1.33.882c-.163-.11-.224-.35-.103-.546l-1.246 2.02-1.21-.533c-.368-.162-.797-.088-1.09.188l-.172.162c-.624.53-1.39.95-2.237 1.21l-.227.07c-.383.122-.657.46-.696.86l-.145 1.513c.023-.197.185-.33.354-.33H9.633c.16 0 .332.147.356.35l-.15-1.534c-.037-.4-.31-.737-.694-.858l-.22-.07c-.856-.26-1.62-.68-2.283-1.244l-.134-.13c-.294-.275-.723-.35-1.09-.187l-1.212.534-1.23-1.995c.077.148.013.416-.156.53l1.34-.892zm-2.87 1.437l1.367 2.22c.437.708 1.316.984 2.087.65l.904-.4c.7.54 1.453.954 2.263 1.25l.085.88c.063.84.78 1.46 1.635 1.46h2.753c.834 0 1.57-.623 1.636-1.48l.083-.86c.82-.298 1.58-.718 2.266-1.248l.898.395c.775.337 1.654.06 2.09-.645l1.402-2.274c.458-.742.22-1.68-.482-2.16l-.786-.523c.06-.394.09-.8.09-1.205 0-.406-.03-.81-.09-1.205l.773-.513c.734-.462.958-1.42.494-2.17l-1.4-2.273c-.438-.708-1.317-.984-2.088-.65l-.904.4c-.698-.54-1.452-.954-2.263-1.25l-.084-.88C13.958.62 13.24 0 12.387 0H9.608c-.833 0-1.57.623-1.636 1.48l-.083.86c-.82.298-1.582.718-2.266 1.248l-.898-.395c-.775-.337-1.654-.06-2.09.645L1.234 6.112c-.458.742-.22 1.68.482 2.16l.787.523c-.06.394-.09.8-.09 1.205 0 .406.03.81.09 1.205l-.766.508c-.765.49-.97 1.48-.444 2.227z"></path><circle fill="#53b6ef" fill-rule="evenodd" cx="11" cy="10" r="2"></circle></svg> </span><span on-click="followTap" title="Follow"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle fill="none" fill-rule="evenodd" stroke="#53b6ef" stroke-width="2" cx="10" cy="10" r="9"></circle><path fill="#53b6ef" fill-rule="evenodd" d="M9 9V7a1 1 0 1 1 2 0v2h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 0v-2H7a1 1 0 0 1 0-2h2z"></path></svg></span><div id="room-header-info-text">[[biography]]</div><div id="room-header-info-details"><span>[[location]]</span><a href="[[website]]" target="_blank">[[website]]</a></div></div><div id="room-header-gifts"><dom-if if="[[recent_gifts_show]]"><template strip-whitespace=""><div id="room-header-gifts-items"><dom-repeat items="[[recent_gifts]]"><template strip-whitespace=""><a href="#"><img src="[[item.giftUrl]]"></a></template></dom-repeat>
</div>
</template>
</dom-if>
<div id="room-header-gifts-buttons"><a id="give-gift" href="#giveagift" on-click="giveagiftTap">Give a Gift</a> <a id="upgrade" href="#subscription" on-click="upgrade">Upgrade</a> <a id="get-coins" href="#getcoins" on-click="getcoinsTap">Get Coins</a></div>
</div>
</div>
</template>
<script>
class ChatroomTitle extends Polymer.Element {
static get is() {
return 'tinychat-title'
}
static get properties() {
return {
chatroom: {
type: Object,
observer: 'chatroomAssigned'
},
title: String,
biography: String,
location: String,
website: String,
avatar: String,
recent_gifts: Object,
recent_gifts_show: {
type: Boolean,
computed: 'convertGiftShown(recent_gifts)'
},
onFullscreenHandler: Object
}
}
constructor() {
super()
}
get app() {
return this.chatroom.app
}
connectedCallback() {
super.connectedCallback(), this.onFullscreenHandler = this.onFullscreen.bind(this), window.fullscreenManager.addEventListener(this.onFullscreenHandler, !1)
}
disconnectedCallback() {
super.disconnectedCallback(), window.fullscreenManager.removeEventListener(this.onFullscreenHandler, !1)
}
chatroomAssigned() {
let b = this,
c = this.chatroom.app.EventBus;
c.subscribe(TinychatApp.BLL.RoomSettingsEvent.ID, function(d) {
let f = d.roomSettings;
b.setProperties({
title: f.name,
biography: f.biography,
location: f.location,
website: f.website,
avatar: f.avatar,
recent_gifts: f.recent_gifts
})
})
}
convertGiftShown(a) {
return !!Array.isArray(a) && 0 < a.length
}
onHeaderMobile() {
this.$['room-header'].classList.toggle('show')
}
onFullscreen() {
let b = window.fullscreenManager.status();
this.setAttribute('style', b ? 'display:none;' : '')
}
shareTap() {
this.app.Share()
}
settingsTap() {
this.app.Settings()
}
followTap() {
return this.chatroom.isLurker() ? void this.app.showToastLurker() : void this.chatroom.userlist.follow({
isInsta: 0 > this.chatroom.roomSettings.type.indexOf('default'),
username: this.chatroom.roomname,
nickname: this.chatroom.roomname
})
}
giveagiftTap() {
this.app.GiveAGift(this.chatroom.selfUser().username)
}
getcoinsTap() {
this.app.EarnCoins()
}
upgrade() {
this.app.UpgradeSub()
}
}
customElements.define(ChatroomTitle.is, ChatroomTitle);
</script>
</dom-module>&lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
<dom-module id="client-chatlog" assetpath="../../styles/"><template><style>.on-white-scroll{padding-left:16px;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll;}.on-white-scroll::-webkit-scrollbar{position:absolute;width:15px;cursor:pointer;}.on-white-scroll::-webkit-scrollbar-track{background-color:#fff;}.on-white-scroll::-webkit-scrollbar-thumb{border:5px solid #fff;border-radius:6px/8px;background-color:rgba(0, 0, 0, .2);}.on-white-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, .4);}:host,
#chat-wrapper{position:relative;height:100%;}#chat-wider{position:absolute;display:block;height:40px;width:16px;top:50%;left:-8px;margin-top:-20px;border-radius:16px;font-size:0;background-color:#e9eaea;cursor:pointer;z-index:1;}#chat-wider:before{content:'';position:absolute;display:block;height:0;width:0;top:50%;left:50%;margin:-4px 0 0 -2px;border-width:4px 4px 4px 0;border-style:solid;border-color:transparent #bcc2c2;transition:.8s;}#chat-wider.active:before{transform:rotate(180deg);-webkit-transform:rotate(180deg);}#chat-wrapper{min-width:350px;border-left:1px solid rgba(0, 0, 0, .1);box-sizing:border-box;background-color:#fff;transition:.8s;}#chat-wider.active + #chat-wrapper{min-width:500px;}#chatlog-button{display:none;}#chat-position{position:absolute;display:flex;flex-direction:column;align-items:stretch;top:20px;left:20px;right:20px;bottom:19px;}#chat-instant{position:relative;height:0;min-height:0;width:100%;padding-left:106px;box-sizing:border-box;background-color:#fff;overflow:hidden;}#chat-instant.show{height:50px;min-height:50px;}#chat-instant > .nickname{white-space:nowrap;font-size:16px;font-weight:700;color:#000;line-height:44px;overflow:hidden;text-overflow:ellipsis;cursor:default;}#chat-instant-button{position:absolute;display:block;height:40px;width:40px;top:2px;left:0;border-radius:4px;background-color:transparent;cursor:pointer;transition:.2s;}#chat-instant-button:before{content:"";position:relative;display:inline-block;height:14px;width:14px;top:13px;left:18px;margin-right:4px;border-width:0 0 2px 2px;border-style:solid;border-color:#53b6ef;box-sizing:border-box;transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:.2s;}#chat-instant-button:hover:before{border-color:#54ccf3;}#chat-instant-button:active:before{border-color:#38a8dd;}#chat-position > #chat-instant > a{position:absolute;height:40px;width:40px;top:2px;left:60px;}#chat-instant:after{content:'';position:absolute;display:block;height:10px;left:0;right:15px;bottom:-10px;background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );z-index:1;}#chat{position:relative;height:100%;min-height:120px;padding-left:0;}#chat-content{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;}#chat-content > .message{position:relative;left:0;margin-bottom:10px;animation:show-message .2s ease 0s 1;-webkit-animation:show-message .2s ease 0s 1;}@keyframes show-message{0%{left:100%;}100%{left:0;}}@-webkit-keyframes show-message{0%{left:100%;}100%{left:0;}}#chat-content > .message.common{min-height:50px;padding:10px 10px 0 50px;box-sizing:border-box;font-size:0;text-align:left;}#chat-content > .message.system{padding:8px 10px;border-radius:4px;box-sizing:border-box;background-color:#f6f6f6;cursor:default;}#chat-content > .message.gift{min-height:50px;padding:10px 10px 0 50px;box-sizing:border-box;font-size:0;text-align:left;}#chat-instant > a:first-child,
#chat-content > .message > a:first-child{position:absolute;height:40px;width:40px;top:10px;left:0;}#chat-instant > a > .avatar,
#chat-content > .message > a > .avatar{height:100%;width:100%;top:0;left:0;border-radius:100%;overflow:hidden;}#chat-instant > a > .avatar > img,
#chat-content > .message > a > .avatar > img{position:relative;height:100%;left:-7px;}#chat-instant > a > .status-icon,
#chat-content > .message > a > .status-icon{position:absolute;height:10px;width:10px;top:26px;left:-2px;padding:3px;border-radius:100%;background-color:#fff;}#chat-instant > a > .status-icon[src=""],
#chat-instant > a > .avatar > img[src=""],
#chat-content > .message > a > .status-icon[src=""],
#chat-content > .message > a > .avatar > img[src=""]{opacity:0;visibility:hidden;}#chat-content > .message > .nickname{display:inline-block;font-size:14px;font-weight:600;color:#000;line-height:20px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.2s;}#chat-content > .message > .nickname:hover{opacity:.5;}#chat-instant > .nickname[data-status="gold"],
#chat-wrapper.full-screen #chat-instant > .nickname[data-status="gold"],
#chat-content > .message > .nickname[data-status="gold"],
#chat-wrapper.full-screen #chat-content > .message > .nickname[data-status="gold"]{color:#ffbe00;}#chat-instant > .nickname[data-status="extreme"],
#chat-wrapper.full-screen #chat-instant > .nickname[data-status="extreme"],
#chat-content > .message > .nickname[data-status="extreme"],
#chat-wrapper.full-screen #chat-content > .message > .nickname[data-status="extreme"]{color:#ad6ed1;}#chat-instant > .nickname[data-status="pro"],
#chat-wrapper.full-screen #chat-instant > .nickname[data-status="pro"],
#chat-content > .message > .nickname[data-status="pro"],
#chat-wrapper.full-screen #chat-content > .message > .nickname[data-status="pro"]{color:#31ea5d;}#chat-content > .message > .content{font-size:14px;color:#2e373a;white-space:pre-line;word-wrap:break-word;}#chat-content > .message.system > .content{font-size:12px;font-weight:600;color:#8f999c;}#chat-content > .message.gift > .content{padding-bottom:12px;font-size:12px;font-weight:600;color:#8f999c;cursor:default;}#chat-content > .message.gift > .gift-image{display:block;height:100px;width:100px;}#chat-content > .message.gift > .gift-image > img{height:100%;width:100%;}#input{position:relative;display:block;padding-top:10px;}#input:before{content:'';position:absolute;display:block;height:10px;left:0;right:15px;top:-10px;background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}#input:after{content:"";position:absolute;display:block;top:10px;left:0;right:0;bottom:0;border:2px solid #cbcfcf;border-radius:12px;box-sizing:border-box;pointer-events:none;}#input-unread{position:absolute;display:inline-block;height:24px;top:-30px;right:-200px;padding:0 15px;border-radius:12px;background-color:#41b7ef;font-size:12px;color:#fff;line-height:24px;white-space:nowrap;opacity:.8;cursor:pointer;transition:.2s;}#input-unread:before{content:attr(data-messages);display:inline-block;}#input-unread:after{content:"";position:absolute;display:inline-block;height:0;width:0;left:19px;bottom:-5px;border-width:5px 5px 0 5px;border-style:solid;border-color:#41b7ef transparent transparent;}#input #input-unread.show{right:0;opacity:1;}#input > textarea{position:relative;display:block;min-height:50px;height:50px;max-height:140px;width:100%;padding:12px 20px;border:none;border-radius:12px;box-sizing:border-box;font-family:"Open Sans", sans-serif;font-size:16px;line-height:22px;vertical-align:top;white-space:pre-line;outline:none;resize:none;}#input > .waiting{position:absolute;width:auto;top:10px;bottom:0;left:0;right:0;border-radius:12px;background-color:#e9eaea;z-index:1;opacity:0;visibility:hidden;transition:.2s;}#input.wait > .waiting{opacity:1;visibility:visible;}.waiting > .waiting-content{position:absolute;height:0;width:80%;top:50%;left:10%;}.waiting > .waiting-content > span{position:absolute;display:inline-block;height:0;width:0;top:-4px;left:0;border:4px solid #cacece;border-radius:100%;opacity:0;animation:waiting 1s ease-in-out 0s infinite paused;-webkit-animation:waiting 1s ease-in-out 0s infinite paused;}.waiting > .waiting-content > span:nth-child(2){animation-delay:.15s;-webkit-animation-delay:.15s;}.waiting > .waiting-content > span:nth-child(3){animation-delay:.3s;-webkit-animation-delay:.3s;}.waiting > .waiting-content > span:nth-child(4){animation-delay:.45s;-webkit-animation-delay:.45s;}#input.wait > .waiting > .waiting-content > span{animation-play-state:running;-webkit-animation-play-state:running;}@keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@-webkit-keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@media screen and (max-width: 1200px){#chat-wider{opacity:0;visibility:hidden;}:host,
#chat-wrapper{position:relative;height:auto;}#chat-wrapper{min-height:270px;max-height:350px;border-top:1px solid rgba(0, 0, 0, .1);}#chat-position{top:20px;left:30px;right:30px;}#input > textarea{max-height:50px;}}@media screen and (max-width: 600px){:host,
#chat-wrapper,
#chat-wider + #chat-wrapper,
#chat-wider.active + #chat-wrapper{position:relative;min-width:320px;}#chat-wrapper{border-top:1px solid #e6e6e6;}#chat-position{left:15px;right:15px;bottom:15px;}#chat-content > .message{margin-bottom:10px;}#chat-content > .message.common{min-height:30px;padding:0 10px 0 32px;}#chat-content > .message.system{padding:5px 10px;}#chat-content > .message.gift{min-height:50px;padding:0 10px 0 32px;}#chat-content > .message > a:first-child{height:24px;width:24px;top:0;}#chat-content > .message > a > .status-icon{top:14px;left:-4px;}#chat-content > .message > a > .avatar > img{left:-4px;}#chat-content > .message > .nickname,
#chat-content > .message > .content{font-size:12px;}}#chat-wrapper.full-screen{background-color:#202628;border-color:#202628;color:#fff;}#chat-wrapper.full-screen #chat-instant,
#chat-wrapper.full-screen #chat-instant > a > .status-icon,
#chat-wrapper.full-screen #chat-content > .message > a > .status-icon{background-color:#202628;}#chat-wrapper.full-screen #input:before{background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(32,38,40,1) 100%);background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(32,38,40,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(32,38,40,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#202628',GradientType=0 );}#chat-wrapper.full-screen .on-white-scroll::-webkit-scrollbar-track{background-color:#202628;}#chat-wrapper.full-screen .on-white-scroll::-webkit-scrollbar-thumb{border-color:#202628;background-color:#5a6366;}#chat-wrapper.full-screen .on-white-scroll::-webkit-scrollbar-thumb:hover{background-color:#70797c;}#chat-wrapper.full-screen #chat-content > .message > .nickname{color:#7b868a;}#chat-wrapper.full-screen #chat-content > .message > .content{color:#fff;}#chat-wrapper.full-screen #input > textarea{background-color:#202628;color:#fff;}#chat-wrapper.full-screen #input > .waiting{top:12px;bottom:2px;left:2px;right:2px;background-color:#202628;}#chat-wrapper.full-screen .waiting > .waiting-content > span,
#chat-wrapper.full-screen #input:after{border-color:#5a6366;}#chat-wrapper.full-screen #chat-content > .message.system{background-color:#5a6366;}#chat-wrapper.full-screen #chatlog-button{position:absolute;display:block;height:54px;width:54px;top:8px;right:10px;border-radius:100%;background-color:#101314;line-height:54px;text-align:center;z-index:1;cursor:pointer;}#chat-wrapper.full-screen #chat-instant.show + #chatlog-button{top:58px;}#chat-wrapper.full-screen #chatlog-button > svg{vertical-align:middle;}#chat-wrapper.full-screen #chatlog-button > svg + svg{display:none;}#chat-wrapper.full-screen.show,
#chat-wider.active + #chat-wrapper.full-screen.show{height:100%;width:0;min-width:0;}#chat-wrapper.full-screen.show #chatlog-button{height:54px;width:64px;right:auto;left:-65px;border-radius:27px 0 0 27px;background-color:#202628;}#chat-wrapper.full-screen.show #chatlog-button > svg{display:none;}#chat-wrapper.full-screen.show #chatlog-button > svg + svg{display:inline-block;}#chat-wrapper.full-screen.show #chat-instant{padding:0;}#chat-wrapper.full-screen.show > #chat-position{left:0;}#chat-wrapper.full-screen #chat-instant > .nickname{color:#fff;}#chat-wrapper.full-screen.show #chat-instant,
#chat-wrapper.full-screen.show #chat,
#chat-wrapper.full-screen.show #input{display:none;}@media screen and (max-width: 1200px){#chat-wrapper.full-screen.show{height:0;min-height:0;width:100%;}#input-switch-chatlog:checked + #chat-wrapper.full-screen > #chat-position{top:0;}#input-switch-chatlog:checked + #chat-wrapper.full-screen #chatlog-button{height:54px;width:54px;top:-54px;left:-1px;border-radius:100% 100% 0 0;}}@media screen and (max-width: 600px){#chat-wrapper.full-screen{display:none;}}</style></template></dom-module>
<dom-module id="tc-message-html-style" assetpath="../ui/tc-utils/"><template><style>.message{font-size:14px;color:#2e373a;white-space:pre-line;word-wrap:break-word;}.message.system{font-size:12px;font-weight:600;color:#8f999c;}.message.gift{padding-bottom:12px;font-size:12px;font-weight:600;color:#8f999c;cursor:default;}.full-screen.message{color:#fff;}a{color:#4682b4;}@media screen and (max-width: 600px){.message{font-size:12px;}}</style></template></dom-module>
<dom-module id="tc-message-html" assetpath="../ui/tc-utils/"><template strip-whitespace=""><style include="tc-message-html-style"></style><span id="html" class$="[[classType]]">{{html}}</span></template>
<script>
class TcMessageHtml extends Polymer.Element {
static get is() {
return 'tc-message-html'
}
static get properties() {
return {
classType: {
type: String,
value: ''
},
html: {
type: String,
value: 'html'
},
onFullscreenHandler: Object
}
}
constructor() {
super()
}
ready() {
super.ready(), Polymer.RenderStatus.afterNextRender(this, function() {
this.$.html.innerHTML = Autolinker.link(this.html.replace(/<\/?[^>]+(>|$)/g, ''))
})
}
connectedCallback() {
super.connectedCallback(), this.onFullscreenHandler = this.onFullscreen.bind(this), window.fullscreenManager.addEventListener(this.onFullscreenHandler, !1)
}
disconnectedCallback() {
super.disconnectedCallback(), window.fullscreenManager.removeEventListener(this.onFullscreenHandler, !1)
}
onFullscreen() {
let b = window.fullscreenManager.status();
b ? this.$.html.classList.add('full-screen') : this.$.html.classList.remove('full-screen')
}
}
customElements.define(TcMessageHtml.is, TcMessageHtml);
</script>
</dom-module>
<dom-module id="tinychat-chatlog" assetpath="../ui/"><template strip-whitespace=""><style include="client-chatlog"></style><div id="chat-wider" on-click="onWider"></div><div id="chat-wrapper"><div id="chat-position"><div id="chat-instant" class$="[[_getClass(_selected)]]"><span id="chat-instant-button" on-click="back2Public"></span> <a href="#"><div class="avatar"><dom-if if="[[showAvatarImg(_selected)]]"><template strip-whitespace=""><img src="[[_selected.avatarUrl]]"></template></dom-if>
</div>
<dom-if if="[[showAchiveImg(_selected)]]"><template strip-whitespace=""><img class="status-icon" src="[[_selected.achivementUrl]]"></template></dom-if>
</a>
<div class="nickname" data-status$="[[convertSubType(_selected)]]" title="[[_selected.nickname]]">[[_selected.nickname]]
<dom-if if="[[_selected.isOffline]]"><template strip-whitespace=""><span style="font-weight:bold;">(offline)</span></template></dom-if>
</div>
</div>
<div id="chatlog-button" on-click="onChatlogShow"><svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M9 7.464L1.85.314A1.09 1.09 0 0 0 .322.322a1.08 1.08 0 0 0-.006 1.53L7.466 9l-7.15 7.15a1.09 1.09 0 0 0 .005 1.53 1.08 1.08 0 0 0 1.53.005L9 10.535l7.15 7.15a1.09 1.09 0 0 0 1.53-.006 1.08 1.08 0 0 0 .005-1.53L10.535 9l7.15-7.15A1.09 1.09 0 0 0 17.68.322a1.08 1.08 0 0 0-1.53-.006L9 7.466z" fill="#53b6ef" fill-rule="evenodd"></path></svg> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2.767 0C1.92 0 1.1.4.58 1.07a2.71 2.71 0 0 0-.496 2.343l1.678 7.49c.086.403.264.772.51 1.086a2.74 2.74 0 0 0-.514 1.103L.075 20.62a2.713 2.713 0 0 0 .505 2.31A2.795 2.795 0 0 0 2.767 24c.427 0 .855-.102 1.24-.294l18.47-9.204a2.78 2.78 0 0 0 .03-4.943L4.007.294A2.787 2.787 0 0 0 2.768 0m0 2c.114 0 .23.026.345.083l18.472 9.25a.78.78 0 0 1 0 1.38L3.112 21.916a.767.767 0 0 1-.345.083c-.464 0-.87-.428-.744-.928l1.69-7.56a.782.782 0 0 1 .666-.6l9.446-.734c.13-.01.197-.113.2-.22a.238.238 0 0 0-.2-.247l-9.447-.666a.732.732 0 0 1-.667-.578l-1.69-7.538c-.125-.5.28-.928.744-.928" fill="#53b6ef" fill-rule="evenodd"></path></svg></div>
<div id="chat" class="on-white-scroll" on-scroll="onScroll">
<div id="chat-content">
<dom-repeat items="[[_items]]"><template strip-whitespace=""><div class$="[[_getClassType(item.type)]]"><dom-if if="[[showNick(item)]]"><template strip-whitespace=""><a href="#"><div class="avatar"><img src="[[item.user.avatarUrl]]"></div><dom-if if="[[showAchiveImg(item.user)]]"><template strip-whitespace=""><img class="status-icon" src="[[item.user.achivementUrl]]"></template></dom-if>
</a><a href="#" class="nickname" data-status$="[[convertSubType(item.user)]]">[[item.user.nickname]]</a></template>
</dom-if>
<div class="content">
<tc-message-html class-type="[[_getClassType(item.type, isFullScreen)]]" html="[[item.message_text]]"></tc-message-html>
</div>
<dom-if if="[[showGift(item.type)]]"><template strip-whitespace=""><a class="gift-image" href="#"><img src="[[item.giftUrl]]"></a></template></dom-if>
</div>
</template>
</dom-repeat>
</div>
</div>
<form id="input" on-submit="onOK" class$="[[sendProgressClass]]"><span id="input-unread" class$="[[_getClassUnreaded(_unreaded,_selected)]]" data-messages$="[[_getCountUnreaded(_unreaded,_selected)]]" on-click="unreadedClick">Unread messages</span><textarea id="textarea" class="on-white-scroll" form="input" wrap="off" placeholder="Type a message" maxlength$="[[textareaMaxLen]]" on-click="onInput" on-keyup="onInputKeyup" on-keydown="onInputKeydown"></textarea>
<div class="waiting">
<div class="waiting-content"><span></span><span></span><span></span><span></span><span></span></div>
</div>
</form>
</div>
</div>
</template>
<script>
class ChatroomChatlog extends Polymer.Element {
static get is() {
return 'tinychat-chatlog'
}
static get properties() {
return {
chatlog: {
type: Object,
observer: 'chatlogAssigned'
},
_items: Array,
_selected: {
type: Object,
notify: !0
},
textareaHeight: Number,
textareaMaxLen: Number,
scrolled: Boolean,
_unreaded: {
type: Object,
value: {}
},
_scrollPos: {
type: Object,
value: {}
},
sendProgress: {
type: Boolean,
value: !1
},
sendProgressClass: {
type: String,
computed: 'convertSendClass(sendProgress)'
},
onFullscreenHandler: Object,
isFullScreen: Boolean
}
}
constructor() {
super()
}
connectedCallback() {
super.connectedCallback(), this.onFullscreenHandler = this.onFullscreen.bind(this), window.fullscreenManager.addEventListener(this.onFullscreenHandler, !1)
}
disconnectedCallback() {
super.disconnectedCallback(), window.fullscreenManager.removeEventListener(this.onFullscreenHandler, !1)
}
get app() {
return this.chatlog.chatroom.app
}
get chatroom() {
return this.chatlog.chatroom
}
get userlist() {
return this.chatlog.chatroom.userlist
}
chatlogAssigned(a) {
let b = this,
c = this.chatlog.chatroom.app.EventBus,
d = TinychatApp.DAL.UserEntity,
f = TinychatApp.DAL.ChatLogItemEntity,
g = TinychatApp.BLL.Chatlog;
b.textareaHeight = this.$.textarea.clientHeight, b.setProperties({
_selected: g.PUBLIC,
_items: Array.from(this.chatlog.getitems(g.PUBLIC)),
textareaMaxLen: g.MAX_INPUT_LEN
}), c.subscribe(TinychatApp.BLL.RoomConnected.ID, () => {
b.sendProgress = !1
}), c.subscribe(TinychatApp.BLL.RoomReconnected.ID, () => {
let i = TinychatApp.BLL.Chatlog.PUBLIC;
b.chatlog.system_add(i, 'You were reconnected the room'), b.sendProgress = !1
}), c.subscribe(TinychatApp.BLL.ChatlogItemAddedEvent.ID, h => {
a.isequal(b._selected, h.chatentity.chatname) && (b.scrollChatCheck(b.$.chat, b.$['chat-content']), setTimeout(() => {
b.splice('_items', h.index, 0, Object.assign(new f, h.chatentity)), setTimeout(() => {
b.scrollChatToBottom(b.$.chat, b.$['chat-content'])
}, 1)
}, 1))
}), c.subscribe(TinychatApp.BLL.ChatlogItemRemovedEvent.ID, h => {
a.isequal(b._selected, h.chatentity.chatname) && b.splice('_items', h.index, 1)
}), c.subscribe(TinychatApp.BLL.ChatlogItemSentEvent.ID, () => {
b.sendProgress = !1
}), c.subscribe(TinychatApp.BLL.ChatlistSelectedEvent.ID, function(h) {
b.setProperties({
_selected: h.userentity,
_items: Array.from(h.chatitems)
}), setTimeout(() => {
b.scrollChatToBottom(b.$.chat, b.$['chat-content'], !0)
}, 1), b.cleanTextarea(b.$.textarea), h.userentity instanceof d && setTimeout(() => {
b.$.textarea.focus()
}, 1)
}), c.subscribe(TinychatApp.BLL.ChatlistUpdateEvent.ID, function(h) {
if (b._selected instanceof d && h.toUserEntity.handle === b._selected.handle) {
let i = Object.assign(new d, h.toUserEntity);
b.set('_selected', i), b.notifyPath('_items')
}
}), c.subscribe(TinychatApp.BLL.ChatlistRemoveEvent.ID, function() {})
}
onFullscreen() {
if (this.isFullScreen = window.fullscreenManager.status(), this.isFullScreen) this.$['chat-wrapper'].classList.add('full-screen');
else {
this.$['chat-wrapper'].classList.remove('full-screen');
let b = this._selected instanceof TinychatApp.DAL.UserEntity ? this._selected.handle : this._selected,
c = this._unreaded[b];
c = void 0 == c ? 0 : c, c || this.scrollChatToBottom(this.$.chat, this.$['chat-content'], !0)
}
}
onWider(a) {
a.target.classList.toggle('active');
let b = new UI.UIChatlogWiderToggle;
this.chatroom.app.EventBus.broadcast(UI.UIChatlogWiderToggle.ID, b)
}
onChatlogShow() {
this.$['chat-wrapper'].classList.toggle('show');
let b = new TinychatApp.BLL.ChatlistUIUpdateEvent;
this.chatlog.chatroom.app.EventBus.broadcast(TinychatApp.BLL.ChatlistUIUpdateEvent.ID, b)
}
onInput() {}
onInputKeyup(a) {
let b = a.path ? a.path[0] : (a.composedPath && a.composedPath())[0],
c = b.form;
setTimeout(() => {
b.scrollHeight > b.clientHeight && (b.style.height = b.scrollHeight + 'px')
}, 0);
let d = 13 == a.which || 13 == a.keyCode;
return d && (a.shiftKey || a.altKey || a.ctrlKey) ? void(a.altKey && (b.value += '\n', a.preventDefault())) : void(!d || this.sendProgress || c.dispatchEvent(new Event('submit', {
view: c,
bubbles: !1,
cancelable: !0
})))
}
onInputKeydown(a) {
let b = 13 == a.which || 13 == a.keyCode;
b && !(a.shiftKey || a.altKey || a.ctrlKey) && a.preventDefault()
}
onOK(a) {
a.preventDefault();
let b = a.target,
c = b.textarea,
d = c.value.trim();
return '' == d ? c.value = d : (this.cleanTextarea(c), this.sendmessage(d)), !1
}
cleanTextarea(a) {
a.value = '', a.style.height = ''
}
sendmessage(a) {
return this.chatroom.isLurker() ? (this.chatlog.system_add(this._selected, 'You\'re in view-only mode, please reconnect and solve captcha.'), void this.app.showToastLurker()) : void(!this.sendProgress && (this.sendProgress = this.chatlog.SendMessage(this._selected, a)))
}
back2Public() {
this.chatlog.selectPublic(), this.sendProgress = !1
}
_getClass(a) {
var b = '';
return a instanceof TinychatApp.DAL.UserEntity && (b = 'show'), b
}
_getClassUnreaded(a, b) {
let c = b instanceof TinychatApp.DAL.UserEntity ? b.handle : b;
var d = a[c];
return d = void 0 == d ? 0 : d, 0 < d ? 'show' : ''
}
_getCountUnreaded(a, b) {
let c = this._selected instanceof TinychatApp.DAL.UserEntity ? b.handle : b;
var d = a[c];
return void 0 == d ? 0 : (setTimeout(() => {
a[c] && this.chatlog.chatroom.sendPushForUnreadPrivateMessage()
}, 3e4), d)
}
_clearUnreadCurrent() {
let a = this._selected instanceof TinychatApp.DAL.UserEntity ? this._selected.handle : this._selected;
var b = this._unreaded[a];
void 0 == b || (delete this._unreaded[a], this.set('_unreaded', Object.assign({}, this._unreaded)))
}
_incUnreadCurrent() {
let a = this._selected instanceof TinychatApp.DAL.UserEntity ? this._selected.handle : this._selected;
var b = this._unreaded[a];
b == void 0 && (b = 0), ++b, this._unreaded[a] = b, this.set('_unreaded', Object.assign({}, this._unreaded))
}
_getClassType(a, b) {
let c = TinychatApp.DAL.ChatLogItemEntity;
var d = 'message';
return a === c.PUBLIC ? d += ' common' : a === c.PRIVATE ? d += ' common' : a === c.SYSTEM ? d += ' system' : a === c.GIFT ? d += ' gift' : void 0, b && (d += ' full-screen'), d
}
showNick(a) {
let b = a.type,
c = TinychatApp.DAL.ChatLogItemEntity;
var d = !1;
return b === c.PUBLIC ? d = !0 : b === c.PRIVATE ? d = !0 : b === c.GIFT ? d = null != a.user : void 0, d
}
showAvatarImg(a) {
return !!(a instanceof TinychatApp.DAL.UserEntity) && '' !== a.avatarUrl
}
showAchiveImg(a) {
return !!(a instanceof TinychatApp.DAL.UserEntity) && 0 < a.giftpoints && '' !== a.achivementUrl
}
showGift(a) {
let b = TinychatApp.DAL.ChatLogItemEntity;
var c = !1;
return a === b.GIFT ? c = !0 : void 0, c
}
convertSendClass(a) {
return a ? 'wait' : ''
}
convertSubType(a) {
let b = TinychatApp.BLL.User;
return a instanceof TinychatApp.DAL.UserEntity ? b.getCssClass(a) : ''
}
unreadedClick(a) {
a.stopPropagation();
let b = this;
this._clearUnreadCurrent(), b.scrollChatToBottom(b.$.chat, b.$['chat-content'], !0)
}
onScroll(a) {
let b = a.path ? a.path[0] : (a.composedPath && a.composedPath())[0],
c = b.childNodes[0],
d = b.scrollTop + b.clientHeight + 1 > c.clientHeight;
d && this._clearUnreadCurrent()
}
scrollChatCheck(a, b) {
let c = a.scrollTop + a.clientHeight + 1 > b.clientHeight;
this.scrolled = !c
}
scrollChatToBottom(a, b, c) {
let d = this,
f = b.clientHeight - a.clientHeight,
g = 0 < f && (!0 === c || !d.scrolled);
g ? this.smoothScrollTo(a, f, void 0, () => {
d._clearUnreadCurrent()
}) : 0 != f && d._incUnreadCurrent()
}
smoothScrollTo(a, b, c) {
if (('string' == typeof b || 'number' == typeof b) && (b *= 1, b === +b && 0 == b % 1)) {
var d = 200,
f = a.scrollTop,
g = b - f,
h = 0,
j = function() {
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(l) {
window.setTimeout(l, 1e3 / 60)
}
}(),
k = function() {
g != b - f && (f = a.scrollTop, g = b - f, h = 0), h += 20, a.scrollTop = Math.inOutQuintic(h, f, g, d), h < d ? j(k) : c && Object.isFunc(c) && c()
};
k()
}
}
}
customElements.define(ChatroomChatlog.is, ChatroomChatlog);
</script>
</dom-module>
<dom-module id="client-chatlist" assetpath="../../styles/"><template><style>#chatlist *{user-select:none;-webkit-user-select:none;-moz-user-select:none;}#chatlist{font-size:0;}#chatlist.hidden #header,
#chatlist.hidden .list-item,
#chatlist > .list-item.hidden{height:0;opacity:0;visibility:hidden;}#chatlist > div{display:block;height:33px;overflow:hidden;opacity:1;visibility:visible;transition:.5s;animation:show-item .5s ease 0s 1;-webkit-animation:show-item .5s ease 0s 1;}@keyframes show-item{0%{height:0;opacity:0;visibility:visible;}100%{height:33px;opacity:1;visibility:visible;}}@-webkit-keyframes show-item{0%{height:0;opacity:0;visibility:visible;}100%{height:33px;opacity:1;visibility:visible;}}#chatlist > #header + .list-item{height:0;}#chatlist > #header ~ .list-item:not(.hidden):nth-child(2):last-of-type{height:33px;cursor:default;}#chatlist > div > span{position:relative;display:inline-block;height:30px;width:100%;padding-left:36px;border-radius:0 30px 30px 0;box-sizing:border-box;font-size:14px;color:#7b868a;line-height:30px;text-align:left;white-space:nowrap;overflow:hidden;transition:.2s;}#chatlist > #header{position:relative;height:70px;top:33px;font-weight:600;text-transform:uppercase;cursor:default;animation:show-header .5s ease 0s 1;-webkit-animation:show-header .5s ease 0s 1;}@keyframes show-header{0%{height:0;opacity:0;visibility:visible;}100%{height:70px;opacity:1;visibility:visible;}}@-webkit-keyframes show-header{0%{height:0;opacity:0;visibility:visible;}100%{height:70px;opacity:1;visibility:visible;}}#chatlist > #header ~ .list-item > span.active{background-color:#202628;cursor:default;}.list-item ~ span:not(.active)[data-status=""]:hover{color:#fff;}.list-item > span[data-status="gold"]{color:#ffbe00;}.list-item > span[data-status="extreme"]{color:#ad6ed1;}.list-item > span[data-status="pro"]{color:#31ea5d;}.list-item > span[data-status="gold"]:before,
.list-item > span[data-status="extreme"]:before,
.list-item > span[data-status="pro"]:before{content:'';position:absolute;display:inline-block;height:12px;width:12px;top:9px;left:0;background-repeat:no-repeat;}.list-item > span[data-status="gold"]:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQoJPHBhdGggZD0iTTAgMGg4LjAwNEMxMC4yMSAwIDEyIDEuNzk3IDEyIDMuOTk2djQuMDA4QzEyIDEwLjIxIDEwLjIwMyAxMiA4LjAwNCAxMkgwVjB6IiBmaWxsPSIjZWZhNzAxIi8+DQoJPHBhdGggaWQ9InN0YXR1cy1nb2xkIiBkPSJNNS45NSA1LjY1NmgyLjQ2NHYzLjA3OGMtLjY3LjIzLTEuNDA1LjM0NC0yLjIwNy4zNDQtLjg4IDAtMS41Ni0uMjU1LTIuMDQtLjc2NXMtLjcyMi0xLjI0LS43MjItMi4xODRjMC0uOTIzLjI2My0xLjY0Ljc5LTIuMTUzLjUyNS0uNTEzIDEuMjYyLS43NyAyLjIxLS43Ny4zNiAwIC43LjAzNCAxLjAxOC4xMDIuMzIuMDY2LjU5Ny4xNTIuODM0LjI1NmwtLjQ4OCAxLjIxYy0uNDEzLS4yMDItLjg2NS0uMzAzLTEuMzU3LS4zMDMtLjQ1IDAtLjguMTQ2LTEuMDQ1LjQ0LS4yNDYuMjkyLS4zNy43MS0uMzcgMS4yNTUgMCAuNTM0LjExMi45NC4zMzUgMS4yMi4yMjMuMjguNTQ0LjQyLjk2My40Mi4yMyAwIC40NC0uMDIyLjYzMy0uMDY2di0uODk0SDUuOTVWNS42NTZ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCgk8dXNlIGZpbGw9IiMwMDAiIHhsaW5rOmhyZWY9IiNzdGF0dXMtZ29sZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbC1vcGFjaXR5PSIuMiIvPg0KCTx1c2UgZmlsbD0iI2ZmZiIgeGxpbms6aHJlZj0iI3N0YXR1cy1nb2xkIi8+DQo8L3N2Zz4=");}.list-item > span[data-status="extreme"]:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQoJPHBhdGggZD0iTTAgMGg4LjAwNEMxMC4yMSAwIDEyIDEuNzk3IDEyIDMuOTk2djQuMDA4QzEyIDEwLjIxIDEwLjIwMyAxMiA4LjAwNCAxMkgwVjB6IiBmaWxsPSIjYWQ2YmNlIi8+DQoJPHBhdGggaWQ9InN0YXR1cy1leHRyZW1lIiBkPSJNNy44MTMgOWgtMy4zOVYzLjI5aDMuMzl2MS4yMzdINS45NjV2LjloMS43MXYxLjIzN2gtMS43MXYxLjA3OGgxLjg0OHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KCTx1c2UgZmlsbD0iIzAwMCIgeGxpbms6aHJlZj0iI3N0YXR1cy1leHRyZW1lIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEpIiBmaWxsLW9wYWNpdHk9Ii4yIi8+DQoJPHVzZSBmaWxsPSIjZmZmIiB4bGluazpocmVmPSIjc3RhdHVzLWV4dHJlbWUiLz4NCjwvc3ZnPg==");}.list-item > span[data-status="pro"]:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQoJPHBhdGggZD0iTTAgMGg4LjAwNEMxMC4yMSAwIDEyIDEuNzk3IDEyIDMuOTk2djQuMDA4QzEyIDEwLjIxIDEwLjIwMyAxMiA4LjAwNCAxMkgwVjB6IiBmaWxsPSIjMzhjZDU3Ii8+DQoJPHBhdGggaWQ9InN0YXR1cy1wcm8iIGQ9Ik04LjIzNCA1LjEwNWMwIC42MzgtLjE4OCAxLjEzLS41NjQgMS40OC0uMzc2LjM0Ny0uOTEuNTItMS42MDQuNTJoLS40MzNWOUg0LjA5VjMuMjloMS45NzZjLjcyMiAwIDEuMjYzLjE1NyAxLjYyNS40NzIuMzYzLjMxNS41NDQuNzYzLjU0NCAxLjM0M3ptLTIuNi43NDNoLjI4Yy4yMzIgMCAuNDE2LS4wNjUuNTUzLS4xOTYuMTM3LS4xMy4yMDUtLjMxLjIwNS0uNTQgMC0uMzg0LS4yMTQtLjU3Ny0uNjQtLjU3N2gtLjR2MS4zMTN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCgk8dXNlIGZpbGw9IiMwMDAiIHhsaW5rOmhyZWY9IiNzdGF0dXMtcHJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEpIiBmaWxsLW9wYWNpdHk9Ii4yIi8+DQoJPHVzZSBmaWxsPSIjZmZmIiB4bGluazpocmVmPSIjc3RhdHVzLXBybyIvPg0KPC9zdmc+");}.list-item > span > img{position:absolute;display:inline-block;height:10px;width:10px;top:10px;left:20px;opacity:1;visibility:visible;transition:.2s;}.list-item > span > img[src=""]{opacity:0;visibility:hidden;}.list-item + .list-item > span:hover{background-color:#272f31;cursor:pointer;}.list-item > span > span{position:absolute;display:inline-block;height:100%;top:0;right:0;padding:0 5px 0 10px;background-color:#2d373a;font-size:0;box-shadow:0 0 3px 3px #2d373a;transition:.2s;}.list-item > span:hover > span{background-color:#272f31;box-shadow:0 0 3px 3px #272f31;}.list-item > span.active > span{background-color:#202628;box-shadow:0 0 3px 3px #202628;}.list-item > span > span[data-messages]:before{content:attr(data-messages);position:relative;display:inline-block;height:20px;min-width:20px;top:3px;padding:0 5px;border-radius:10px;box-sizing:border-box;font-size:10px;font-weight:800;color:#fff;background-color:#38cd57;line-height:20px;text-align:center;}.list-item > span > span[data-messages=""]:before,
.list-item > span > span[data-messages="0"]:before{display:none;}.list-item > span > span > .send-gift{content:'';position:relative;display:inline-block;height:14px;width:0;top:6px;padding:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC4zMTMgMi4yNmMwLS42MDQuNDktMS4wOTMgMS4wOTMtMS4wOTMuNjA0IDAgMS4wOTQuNDkgMS4wOTQgMS4wOTMgMCAuNjA0LS40OSAxLjA5NC0xLjA5NCAxLjA5NEg3LjU4M2wuNzMuNzNWMi4yNnpNNyAyLjMzM3YyLjMzNGgyLjMzM2MxLjI5IDAgMi4zMzQtMS4wNDUgMi4zMzQtMi4zMzRDMTEuNjY3IDEuMDQ1IDEwLjYyMiAwIDkuMzMzIDAgOC4wNDUgMCA3IDEuMDQ1IDcgMi4zMzN6TTUuNjg4IDIuMjZjMC0uNjA0LS40OS0xLjA5My0xLjA5NC0xLjA5My0uNjA0IDAtMS4wOTQuNDktMS4wOTQgMS4wOTMgMCAuNjA0LjQ5IDEuMDk0IDEuMDk0IDEuMDk0aDEuODIzbC0uNzMuNzNWMi4yNnpNNyAyLjMzM3YyLjMzNEg0LjY2N2MtMS4yOSAwLTIuMzM0LTEuMDQ1LTIuMzM0LTIuMzM0QzIuMzMzIDEuMDQ1IDMuMzc4IDAgNC42NjcgMCA1Ljk1NSAwIDcgMS4wNDUgNyAyLjMzM3oiIGZpbGw9IiMwNGNhZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGQ9Ik0wIDQuMmgxNFY3SDB6TS45MzMgOC40aDEyLjEzM1YxNEguOTMzeiIgZmlsbD0iIzA0Y2FmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");background-repeat:no-repeat;opacity:0;visibility:hidden;cursor:pointer;transition:.2s;}.list-item > span:hover > span[data-gift="1"] > .send-gift{width:14px;margin:0 3px 0 5px;opacity:1;visibility:visible;}.list-item > span > span > .close-instant{content:'';position:relative;display:inline-block;height:12px;width:0;top:7px;padding:2px 0;opacity:0;visibility:hidden;cursor:pointer;transition:.2s;}.list-item > span > span > .close-instant > path{transition:.2s;}.list-item > span > span > .close-instant:hover > path{fill:#768488;}.list-item > span > span > .close-instant:active > path{fill:#454d50;}.list-item > span:hover > span > .close-instant{width:12px;padding:2px 2px 2px 6px;opacity:1;visibility:visible;}.list-item > span:hover > span[data-gift="1"] > .close-instant{padding:2px;}</style></template></dom-module>
<dom-module id="tinychat-chatlist" assetpath="../ui/"><template strip-whitespace=""><style include="client-chatlist"></style><div id="chatlist"><div id="header"><span>Direct messages</span></div><div class="list-item"><span>No chats yet</span></div><dom-repeat items="[[_items]]"><template strip-whitespace=""><div class$="[[convertClass(item)]]" on-click="selectChat"><span class$="[[convertActive(item, _selected)]]" data-chat-id$="[[item.handle]]" data-status$="[[convertSubType(item)]]"><img src$="[[item.achivementUrl]]"> [[item.nickname]]<dom-if if="[[item.isOffline]]"><template strip-whitespace="">(offline)</template></dom-if><span data-messages$="[[convertMessages(item, _unreaded)]]" data-cam$="[[convertBool(item.isBroadcasting)]]" data-moderator$="[[convertBool(item.isOperator)]]" data-gift$="[[convertBool(item.isUsername)]]"><span class="send-gift" on-click="sendgiftTap"></span> <svg class="close-instant" on-click="closeChat" width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M6 4L2 0 0 2l4 4-4 4 2 2 4-4 4 4 2-2-4-4 4-4-2-2" fill="#5a6366" fill-rule="evenodd"></path></svg></span>
</span>
</div>
</template>
</dom-repeat>
</div>
</template>
<script>
class ChatroomChatlist extends Polymer.Element {
static get is() {
return 'tinychat-chatlist'
}
static get properties() {
return {
chatlog: {
type: Object,
observer: 'chatlogAssigned'
},
_items: {
type: Array,
value: [],
notify: !0
},
_selected: {
type: Object,
value: null
},
_unreaded: {
type: Object,
value: {}
}
}
}
constructor() {
super()
}
connectedCallback() {
super.connectedCallback()
}
chatlogAssigned() {
let b = this,
c = this.chatlog.chatroom.app.EventBus,
d = TinychatApp.DAL.UserEntity;
c.subscribe(TinychatApp.BLL.ChatlistAddEvent.ID, function(f) {
let g = b._items.length;
b.splice('_items', f.index, 0, Object.assign(new d, f.userentity)), g != b._items.length && (0 == g || 0 == b._items.length) && b.notifyPath('_items');
let h = f.userentity.handle;
b._unreaded[h] = 0, b._updateUnreaded(h), b.notifyPath('_unreaded.' + h)
}), c.subscribe(TinychatApp.BLL.ChatlistRemoveEvent.ID, function(f) {
var g = b._items.find(h => {
return h.handle === f.userentity.handle
});
g.isDeleting = !0, b._items[f.index] = Object.assign(new d, g), b.notifyPath('_items.' + f.index), setTimeout(() => {
let h = b._items.length;
b.splice('_items', f.index, 1), h != b._items.length && (0 == h || 0 == b._items.length) && b.notifyPath('_items')
}, 500)
}), c.subscribe(TinychatApp.BLL.ChatlistUpdateEvent.ID, function(f) {
let g = TinychatApp.DAL.UserEntity;
f.fromIndex == f.toIndex ? b.splice('_items', f.fromIndex, 1, Object.assign(new g, f.toUserEntity)) : (f.fromUserEntity.isDeleting = !0, b.notifyPath('_items.' + f.fromIndex, f.fromUserEntity), setTimeout(() => {
b.splice('_items', f.fromIndex, 1), b.splice('_items', f.toIndex, 0, Object.assign(new g, f.toUserEntity))
}, 500))
}), c.subscribe(TinychatApp.BLL.ChatlistSelectedEvent.ID, function(f) {
b.set('_selected', f.userentity), f.userentity instanceof d ? Object.keys(b._items).forEach(h => {
let j = b._items[h];
if (j.handle == f.userentity.handle) return b.notifyPath('_items'), !0
}) : b._selected === TinychatApp.BLL.Chatlog.PUBLIC && b.notifyPath('_items');
let g = f.userentity.handle;
b._unreaded[g] = 0, b._updateUnreaded(g)
}), c.subscribe(TinychatApp.BLL.ChatlogItemAddedEvent.ID, function(f) {
if (!b.chatlog.isequal(b._selected, f.chatname)) {
var g = b._unreaded[f.chatname];
g == void 0 && (g = 0), ++g, b._unreaded[f.chatname] = g, b._updateUnreaded(f.chatname)
}
})
}
_updateUnreaded(a) {
let b = TinychatApp.DAL.UserEntity,
c = this;
for (var d in c._items) {
let f = c._items[d];
if (f.handle == a) {
let g = c._items.indexOf(f);
c._items[g] = Object.assign(new b, f), c.notifyPath('_items.' + g);
break
}
}
}
isShown() {
let b = Array.isArray(this._items) && 0 < this._items.length;
return b
}
convertClass(a) {
var b = 'list-item';
return a.isDeleting && (b += ' hidden'), b
}
convertActive(a, b) {
let c = TinychatApp.DAL.UserEntity;
return b instanceof c && a instanceof c && b.handle === a.handle ? 'active' : ''
}
convertSubType(a) {
return TinychatApp.BLL.User.getCssClass(a)
}
convertMessages(a, b) {
let c = a.handle,
d = b[c];
return setTimeout(() => {
d && this.chatlog.chatroom.sendPushForUnreadPrivateMessage()
}, 3e4), d
}
convertBool(a) {
return a ? '1' : '0'
}
selectChat(a) {
let b = a.path ? a.path[0] : (a.composedPath && a.composedPath())[0],
c = 0 < parseInt(b.getAttribute('data-chat-id'));
c && this.chatlog.selectChat(a.model.item)
}
closeChat(a) {
this.chatlog.closeChat(a.model.item), a.stopPropagation()
}
sendgiftTap(a) {
a.preventDefault(), this.chatlog.chatroom.gotoGift(a.model.item)
}
}
customElements.define(ChatroomChatlist.is, ChatroomChatlist);
</script>
</dom-module>
<dom-module id="client-userlist" assetpath="../../styles/"><template><style>#userlist *{outline:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;}#userlist{padding-bottom:20px;font-size:0;}#userlist.hidden #header,
#userlist.hidden .list-item,
.list-item.hidden{height:0;opacity:0;visibility:hidden;}#userlist > div{height:33px;overflow:hidden;opacity:1;visibility:visible;transition:.5s;animation:show-item .5s ease 0s 1;-webkit-animation:show-item .5s ease 0s 1;}@keyframes show-item{0%{height:0;opacity:0;visibility:visible;}100%{height:33px;opacity:1;visibility:visible;}}@-webkit-keyframes show-item{0%{height:0;opacity:0;visibility:visible;}100%{height:33px;opacity:1;visibility:visible;}}#userlist > div > span{position:relative;display:inline-block;height:30px;width:100%;padding-left:36px;border-radius:0 30px 30px 0;box-sizing:border-box;font-size:14px;color:#7b868a;line-height:30px;text-align:left;white-space:nowrap;overflow:hidden;transition:.2s;}#userlist > #header{position:relative;height:70px;top:33px;font-weight:600;text-transform:uppercase;cursor:default;animation:show-header .5s ease 0s 1;-webkit-animation:show-header .5s ease 0s 1;}@keyframes show-header{0%{height:0;opacity:0;visibility:visible;}100%{height:70px;opacity:1;visibility:visible;}}@-webkit-keyframes show-header{0%{height:0;opacity:0;visibility:visible;}100%{height:70px;opacity:1;visibility:visible;}}#button-banlist{position:absolute;display:block;height:24px;top:3px;right:0;padding:0 15px;border:none;border-radius:24px;font-size:12px;font-weight:700;color:#04caff;background-color:#202628;text-transform:none;cursor:pointer;opacity:1;visibility:visible;transition:.2s;}#button-banlist:hover{color:#fff;background-color:#04caff;}#button-banlist:active{color:#fff;background-color:#38a8de;}#button-banlist.hidden{opacity:0;visibility:hidden;}.list-item > span[data-status=""]:hover{color:#fff;}.list-item > span[data-status="gold"]{color:#ffbe00;}.list-item > span[data-status="extreme"]{color:#ad6ed1;}.list-item > span[data-status="pro"]{color:#31ea5d;}.list-item > span[data-status="gold"]:before,
.list-item > span[data-status="extreme"]:before,
.list-item > span[data-status="pro"]:before{content:"";position:absolute;display:inline-block;height:12px;width:12px;top:9px;left:0;background-repeat:no-repeat;}.list-item > span[data-status="gold"]:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQoJPHBhdGggZD0iTTAgMGg4LjAwNEMxMC4yMSAwIDEyIDEuNzk3IDEyIDMuOTk2djQuMDA4QzEyIDEwLjIxIDEwLjIwMyAxMiA4LjAwNCAxMkgwVjB6IiBmaWxsPSIjZWZhNzAxIi8+DQoJPHBhdGggaWQ9InN0YXR1cy1nb2xkIiBkPSJNNS45NSA1LjY1NmgyLjQ2NHYzLjA3OGMtLjY3LjIzLTEuNDA1LjM0NC0yLjIwNy4zNDQtLjg4IDAtMS41Ni0uMjU1LTIuMDQtLjc2NXMtLjcyMi0xLjI0LS43MjItMi4xODRjMC0uOTIzLjI2My0xLjY0Ljc5LTIuMTUzLjUyNS0uNTEzIDEuMjYyLS43NyAyLjIxLS43Ny4zNiAwIC43LjAzNCAxLjAxOC4xMDIuMzIuMDY2LjU5Ny4xNTIuODM0LjI1NmwtLjQ4OCAxLjIxYy0uNDEzLS4yMDItLjg2NS0uMzAzLTEuMzU3LS4zMDMtLjQ1IDAtLjguMTQ2LTEuMDQ1LjQ0LS4yNDYuMjkyLS4zNy43MS0uMzcgMS4yNTUgMCAuNTM0LjExMi45NC4zMzUgMS4yMi4yMjMuMjguNTQ0LjQyLjk2My40Mi4yMyAwIC40NC0uMDIyLjYzMy0uMDY2di0uODk0SDUuOTVWNS42NTZ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCgk8dXNlIGZpbGw9IiMwMDAiIHhsaW5rOmhyZWY9IiNzdGF0dXMtZ29sZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbC1vcGFjaXR5PSIuMiIvPg0KCTx1c2UgZmlsbD0iI2ZmZiIgeGxpbms6aHJlZj0iI3N0YXR1cy1nb2xkIi8+DQo8L3N2Zz4=");}.list-item > span[data-status="extreme"]:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQoJPHBhdGggZD0iTTAgMGg4LjAwNEMxMC4yMSAwIDEyIDEuNzk3IDEyIDMuOTk2djQuMDA4QzEyIDEwLjIxIDEwLjIwMyAxMiA4LjAwNCAxMkgwVjB6IiBmaWxsPSIjYWQ2YmNlIi8+DQoJPHBhdGggaWQ9InN0YXR1cy1leHRyZW1lIiBkPSJNNy44MTMgOWgtMy4zOVYzLjI5aDMuMzl2MS4yMzdINS45NjV2LjloMS43MXYxLjIzN2gtMS43MXYxLjA3OGgxLjg0OHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KCTx1c2UgZmlsbD0iIzAwMCIgeGxpbms6aHJlZj0iI3N0YXR1cy1leHRyZW1lIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEpIiBmaWxsLW9wYWNpdHk9Ii4yIi8+DQoJPHVzZSBmaWxsPSIjZmZmIiB4bGluazpocmVmPSIjc3RhdHVzLWV4dHJlbWUiLz4NCjwvc3ZnPg==");}.list-item > span[data-status="pro"]:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQoJPHBhdGggZD0iTTAgMGg4LjAwNEMxMC4yMSAwIDEyIDEuNzk3IDEyIDMuOTk2djQuMDA4QzEyIDEwLjIxIDEwLjIwMyAxMiA4LjAwNCAxMkgwVjB6IiBmaWxsPSIjMzhjZDU3Ii8+DQoJPHBhdGggaWQ9InN0YXR1cy1wcm8iIGQ9Ik04LjIzNCA1LjEwNWMwIC42MzgtLjE4OCAxLjEzLS41NjQgMS40OC0uMzc2LjM0Ny0uOTEuNTItMS42MDQuNTJoLS40MzNWOUg0LjA5VjMuMjloMS45NzZjLjcyMiAwIDEuMjYzLjE1NyAxLjYyNS40NzIuMzYzLjMxNS41NDQuNzYzLjU0NCAxLjM0M3ptLTIuNi43NDNoLjI4Yy4yMzIgMCAuNDE2LS4wNjUuNTUzLS4xOTYuMTM3LS4xMy4yMDUtLjMxLjIwNS0uNTQgMC0uMzg0LS4yMTQtLjU3Ny0uNjQtLjU3N2gtLjR2MS4zMTN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCgk8dXNlIGZpbGw9IiMwMDAiIHhsaW5rOmhyZWY9IiNzdGF0dXMtcHJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEpIiBmaWxsLW9wYWNpdHk9Ii4yIi8+DQoJPHVzZSBmaWxsPSIjZmZmIiB4bGluazpocmVmPSIjc3RhdHVzLXBybyIvPg0KPC9zdmc+");}.list-item > span:hover{background-color:#272f31;cursor:pointer;}.list-item > span > img{position:absolute;display:inline-block;height:10px;width:10px;top:10px;left:20px;opacity:1;visibility:visible;transition:.2s;}.list-item > span > img[src=""]{opacity:0;visibility:hidden;}.list-item > span > .nickname{position:relative;display:inline-block;pointer-events:none;}.list-item > span[data-ignore="ignore"] > .nickname:before{content:'';position:absolute;display:block;height:2px;left:-1px;right:-1px;top:50%;border-top:1px solid #7b868a;background-color:#2e373a;transition:.2s;}.list-item > span[data-ignore="ignore"]:hover > .nickname:before{background-color:#272f31;}.list-item > span > span{position:absolute;display:inline-block;height:100%;min-width:0;top:0;right:0;padding:0 10px;background-color:#2d373a;box-shadow:0 0 3px 3px #2d373a;transition:.2s;}.list-item > span:hover > span{background-color:#272f31;box-shadow:0 0 3px 3px #272f31;}.list-item > span:hover > span[data-gift="1"]{min-width:16px;}.list-item > span:hover > span[data-cam="1"][data-gift="1"]{padding-right:30px;}.list-item > span > span[data-moderator="1"],
.list-item > span:hover > span[data-moderator="1"]{min-width:33px;}.list-item > span > span[data-moderator="1"]:before{content:"";position:relative;display:inline-block;height:10px;width:11px;margin-right:8px;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA5LjhoMi42NlY0LjJsMi40OTIgMy44MDhoLjA1NmwyLjUwNi0zLjgzNlY5LjhoMi43MDJWMGgtMi44N0w1LjIwOCAzLjc5NCAyLjg3IDBIMCIgZmlsbD0iIzVhNjM2NiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");background-repeat:no-repeat;vertical-align:middle;}.list-item > span > span[data-cam="1"]:after{content:"";position:relative;display:inline-block;height:11px;width:14px;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQgMi43Nzd2NC41YzAgLjgxLS42MjggMS0xIC43NSAwIDAtMS42NjctMS44MzYtMi0yLjI1LS4zMzMtLjQxNC0uNjI3LS44NDcgMC0xLjVzMi0yLjI1IDItMi4yNWMuMzctLjI1IDEtLjA2IDEgLjc1ek0zIC4wMjdsNCAxYzEuMDktLjE3NSAyIDEuMDMgMiAydjNjMCAxLjgtLjkwOCAzLjAyOC0yIDNsLTQgMWMtMS42MDUuMjc0LTMtMS4wOTYtMy0zdi00YzAtMS44MzcgMS40LTMuMjQgMy0zeiIgZmlsbD0iIzVhNjM2NiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");background-repeat:no-repeat;vertical-align:middle;}.list-item > span > span > .send-gift{position:absolute;display:inline-block;height:14px;width:0;top:8px;right:0;padding:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC4zMTMgMi4yNmMwLS42MDQuNDktMS4wOTMgMS4wOTMtMS4wOTMuNjA0IDAgMS4wOTQuNDkgMS4wOTQgMS4wOTMgMCAuNjA0LS40OSAxLjA5NC0xLjA5NCAxLjA5NEg3LjU4M2wuNzMuNzNWMi4yNnpNNyAyLjMzM3YyLjMzNGgyLjMzM2MxLjI5IDAgMi4zMzQtMS4wNDUgMi4zMzQtMi4zMzRDMTEuNjY3IDEuMDQ1IDEwLjYyMiAwIDkuMzMzIDAgOC4wNDUgMCA3IDEuMDQ1IDcgMi4zMzN6TTUuNjg4IDIuMjZjMC0uNjA0LS40OS0xLjA5My0xLjA5NC0xLjA5My0uNjA0IDAtMS4wOTQuNDktMS4wOTQgMS4wOTMgMCAuNjA0LjQ5IDEuMDk0IDEuMDk0IDEuMDk0aDEuODIzbC0uNzMuNzNWMi4yNnpNNyAyLjMzM3YyLjMzNEg0LjY2N2MtMS4yOSAwLTIuMzM0LTEuMDQ1LTIuMzM0LTIuMzM0QzIuMzMzIDEuMDQ1IDMuMzc4IDAgNC42NjcgMCA1Ljk1NSAwIDcgMS4wNDUgNyAyLjMzM3oiIGZpbGw9IiMwNGNhZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGQ9Ik0wIDQuMmgxNFY3SDB6TS45MzMgOC40aDEyLjEzM1YxNEguOTMzeiIgZmlsbD0iIzA0Y2FmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");background-repeat:no-repeat;opacity:0;visibility:hidden;cursor:pointer;transition:.2s;}.list-item > span:hover > span[data-gift="1"] > .send-gift{width:14px;margin:0 8px 0 5px;opacity:1;visibility:visible;}#contextmenu{position:absolute;top:0;left:36px;}</style></template></dom-module>
<dom-module id="tinychat-userlist" assetpath="../ui/"><template strip-whitespace=""><style include="client-userlist"></style><div id="userlist"><div id="header"><span>Room users <button id="button-banlist" class="hidden" on-click="onBanlist">Ban list</button></span></div><dom-repeat items="[[_items]]"><template strip-whitespace=""><div class$="[[convertClass(item)]]"><span class="js-user-list-item" data-user-id$="[[item.handle]]" data-status$="[[convertSubType(item)]]" data-ignore$="[[convertIsIgnored(item)]]"><img src$="[[item.achivementUrl]]"><div class="nickname">[[item.nickname]]</div><span data-cam$="[[convertBool(item.isBroadcasting)]]" data-moderator$="[[convertBool(item.isOperator)]]" data-gift$="[[convertBool(item.isUsername)]]"><span class="send-gift" on-click="sendgiftTap"></span></span></span></div></template></dom-repeat>
<tinychat-user-contextmenu id="contextmenu" userlist="[[userlist]]"></tinychat-user-contextmenu>
</div>
</template>
<script>
class ChatroomUserlist extends Polymer.Element {
static get is() {
return 'tinychat-userlist'
}
static get properties() {
return {
userlist: {
type: Object,
observer: 'userlistAssigned'
},
_items: Array,
showContextMenuOnContextHandler: Object,
showContextMenuOnClickHandler: Object
}
}
constructor() {
super()
}
connectedCallback() {
super.connectedCallback(), this.showContextMenuOnContextHandler = this.showContextMenuOnContext.bind(this), this.showContextMenuOnClickHandler = this.showContextMenuOnClick.bind(this), document.body.addEventListener('contextmenu', this.showContextMenuOnContextHandler), window.addEventListener('click', this.showContextMenuOnClickHandler)
}
disconnectedCallback() {
super.disconnectedCallback(), document.body.removeEventListener('contextmenu', this.showContextMenuOnContextHandler), window.removeEventListener('click', this.showContextMenuOnClickHandler)
}
get chatroom() {
return this.userlist.chatroom
}
get app() {
return this.userlist.chatroom.app
}
userlistAssigned() {
let b = this,
c = this.app.EventBus,
d = TinychatApp.DAL.UserEntity;
c.subscribe(TinychatApp.BLL.RoomConnected.ID, function() {
b.chatroom.isOperator() && b.$['button-banlist'].classList.remove('hidden')
}), c.subscribe(TinychatApp.BLL.UserlistUpdateallEvent.ID, function(f) {
b.set('_items', Array.from(f.users))
}), c.subscribe(TinychatApp.BLL.UserlistAddUserEvent.ID, function(f) {
let g = b._shiftIndex(b._items, f.index);
b.splice('_items', g, 0, Object.assign(new d, f.userentity))
}), c.subscribe(TinychatApp.BLL.UserlistRemoveUserEvent.ID, function(f) {
let g = b._shiftIndex(b._items, f.index),
h = Object.assign(new d, f.userentity);
h.isDeleting = !0, b.notifyPath('_items.' + g, h), setTimeout(() => {
let j = b._shiftIndex(b._items, f.index);
b.splice('_items', j, 1)
}, 500)
}), c.subscribe(TinychatApp.BLL.UserlistUpdateUserEvent.ID, function(f) {
if (f.fromIndex == f.toIndex) {
let g = b._shiftIndex(b._items, f.fromIndex);
b.splice('_items', g, 1, Object.assign(new d, f.toUserEntity))
} else {
let g = b._shiftIndex(b._items, f.fromIndex),
h = Object.assign(new d, f.fromUserEntity);
h.isDeleting = !0, b.notifyPath('_items.' + g, h), setTimeout(() => {
let j = b._shiftIndex(b._items, f.fromIndex),
k = Object.assign(new d, f.toUserEntity),
l = b._shiftIndex(b._items, f.toIndex);
b.splice('_items', j, 1), b.splice('_items', l, 0, k)
}, 500)
}
}), c.subscribe(TinychatApp.BLL.IgnorelistUpdateUserEvent.ID, function(f) {
let g = -1;
if (Object.keys(b._items).forEach(h => {
let j = b._items[h];
if (j.handle === f.userentity.handle) return g = h, !0
}), -1 < g) {
let h = Object.assign(new d, f.userentity);
b.notifyPath('_items.' + g, h)
}
})
}
_shiftIndex(a, b) {
for (var c = b, d = 0; d < b; d++) a[d].isDeleting && (c += 1);
return c
}
convertClass(a) {
var b = 'list-item';
return a.isDeleting && (b += ' hidden'), b
}
convertSubType(a) {
return TinychatApp.BLL.User.getCssClass(a)
}
convertIsIgnored(a) {
return this.userlist.isIgnored(a) ? 'ignore' : ''
}
convertBool(a) {
return a ? '1' : '0'
}
onBanlist() {
this.app.Banlist()
}
sendgiftTap(a) {
this.userlist.chatroom.gotoGift(a.model.item)
}
showContextMenuOnContext(a) {
this.showContextMenu(a) && a.preventDefault()
}
showContextMenuOnClick(a) {
this.showContextMenu(a, !0) && a.preventDefault()
}
showContextMenu(a, b) {
if (void 0 != this.userlist) {
this.$.contextmenu.hide();
var c = !1;
let d = a.path ? a.path[0] : (a.composedPath && a.composedPath())[0];
var f = parseInt(d.getAttribute('data-user-id'));
let g = parseInt(d.getAttribute('data-chat-id'));
!0 !== b && g && (f = g);
let h = this.userlist.get(f);
if (null != h && (this.$.contextmenu.chatlist = f == g, this.$.contextmenu.user = h, c = !0), c) {
let j = this;
setTimeout(() => {
j.$.contextmenu.show(a)
}, 0)
}
return c
}
}
}
customElements.define(ChatroomUserlist.is, ChatroomUserlist);
</script>
</dom-module>
<dom-module id="tc-volume-control-style" assetpath="../ui/tc-volume-control/"><template><style>*:focus{outline:none;}.icon-volume > button{position:relative;height:22px;width:22px;padding:0;border:none;background-color:transparent;cursor:pointer;}.icon-volume > button > svg{position:absolute;display:block;top:2px;left:4px;transition:.2s;}.icon-volume > button > svg + svg{left:3px;}.icon-volume.muted > button > svg + svg,
.icon-volume > button > svg{opacity:1;visibility:visible;}.icon-volume.muted > button > svg:first-child,
.icon-volume > button > svg + svg{opacity:0;visibility:hidden;}.icon-volume > .seek-wrapper{position:absolute;width:58px;top:6px;left:22px;}#seek-duration{position:absolute;height:22px;left:90px;bottom:0;font-size:12px;font-weight:600;color:#fff;line-height:22px;white-space:nowrap;cursor:default;}.seek-wrapper{height:10px;width:100%;padding:3px 5px;box-sizing:border-box;cursor:pointer;}.seek{position:relative;height:100%;width:100%;border-radius:4px;background-color:#fff;}.seek-text{position:absolute;height:20px;width:70px;top:-24px;margin-left:-35px;line-height:20px;text-align:center;opacity:0;transition:opacity .2s;}.seek-wrapper:hover > .seek > .seek-text{opacity:1;}.seek-text > span{display:inline-block;height:100%;padding:0 10px;border-radius:11px;font-size:12px;font-weight:600;color:#fff;background-color:rgba(0, 0, 0, .5);line-height:20px;}.seek-level{position:absolute;height:100%;top:0;left:0;border-radius:4px;background-color:#41b7ef;}.seek-level > div{position:absolute;display:block;height:4px;width:4px;top:0;right:-2px;border-radius:100%;background-color:#41b7ef;box-shadow:0 0 0 2px #41b7ef;transition:.2s;}.seek-wrapper:hover > .seek > .seek-level > div{box-shadow:0 0 0 3px #41b7ef;}</style></template></dom-module>
<dom-module id="tc-volume-control" assetpath="../ui/tc-volume-control/"><template strip-whitespace=""><style include="tc-volume-control-style"></style><div class$="[[iconClass]]"><button on-click="onMute"><svg width="14" height="18" viewBox="0 0 14 18" xmlns="http://www.w3.org/2000/svg"><path d="M11.148 15.86c.47.298.852.08.852-.455V2.6c0-.55-.376-.758-.852-.458L5.684 5.588H3.007C2.45 5.588 2 6.036 2 6.595v4.813c0 .556.452 1.007 1.007 1.007h2.677l5.464 3.446zm-8.14-1.44A3.01 3.01 0 0 1 0 11.41V6.595a3.008 3.008 0 0 1 3.007-3.013h2.1L10.085.444C11.88-.688 14 .458 14 2.6v12.806c0 2.123-2.123 3.285-3.916 2.154l-4.976-3.138h-2.1z" fill="#fff"></path></svg> <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M1.72 13.365A3.005 3.005 0 0 1 1 11.408V6.595a3.008 3.008 0 0 1 3.007-3.013h2.1L11.085.444C12.88-.688 15 .458 15 2.6v2.47l1.464-.915a1.003 1.003 0 1 1 1.063 1.702l-15.99 9.99a1.003 1.003 0 1 1-1.064-1.702l1.248-.78zM13 6.318v-3.72c0-.548-.376-.756-.852-.456L6.684 5.588H4.007C3.45 5.588 3 6.036 3 6.595v4.813c0 .363.192.68.48.858L13 6.318zM15 9.5v5.905c0 2.123-2.123 3.285-3.916 2.154l-4.47-2.82L8.5 13.56l3.648 2.3c.47.298.852.08.852-.455V10.75l2-1.25z" fill="#fff"></path></svg></button><div id="videos-header-volume" class="seek-wrapper"><div class="seek" on-mouseleave="volTickTouchEnd" on-mousemove="volTickMouseMove" on-touchmove="volTickTouchMove" on-click="volTickClick" on-wheel="volWheel"><div id="videos-header-volume-level" class="seek-level" style$="width: [[vol]]%"><div on-mousedown="volTickMouseDown" on-touchstart="volTickTouchStart" on-touchend="volTickTouchEnd"></div></div></div></div></div></template>
<script>
class VolumeControl extends Polymer.Element {
static get is() {
return 'tc-volume-control'
}
static get properties() {
return {
volTickCaptured: {
type: Boolean,
value: !1
},
volume: {
type: Number,
value: 100,
observer: '_volTickSetVolumeObserver'
},
muted: {
type: Boolean,
value: !1
},
iconClass: {
type: String,
computed: '_computeIconClass(volume)'
},
volumeBefore: {
type: Number,
value: 100
},
vol: {
type: Number,
value: 100,
notify: !0
}
}
}
constructor() {
super()
}
connectedCallback() {
super.connectedCallback()
}
disconnectedCallback() {
super.disconnectedCallback()
}
_computeIconClass(a) {
let b = 'icon-volume';
return 0 === a && (b += ' muted'), b
}
onMute() {
this._volMuteToggle()
}
volTickTouchStart(a) {
this.volTickCaptured || (a.preventDefault(), this.volTickCaptured = !0)
}
volTickTouchEnd(a) {
this.volTickCaptured && (a.preventDefault(), this.volTickCaptured = !1)
}
volTickMouseDown(a) {
this.volTickCaptured || (a.preventDefault(), this.volTickCaptured = !0)
}
volTickMouseMove(a) {
if (this.volTickCaptured) {
a.preventDefault !== void 0 && a.preventDefault();
let b = a.target,
c = b.getBoundingClientRect(),
d = Math.round(100 * (a.clientX - c.left) / c.width);
100 < d && (d = 100), 0 > d && (d = 0), this.volume = d
}
}
volTickTouchMove(a) {
if (1 === a.touches.length) {
a.preventDefault();
let b = a.touches[0];
this.volTickMouseMove(b)
}
}
volTickClick(a) {
a.preventDefault();
let b = a.target,
c = b.getBoundingClientRect(),
d = Math.round(100 * (a.clientX - c.left) / c.width);
this.volume = d
}
volWheel(a) {
a.preventDefault();
let b = -1 < navigator.userAgent.toLowerCase().indexOf('firefox') ? -100 : -10,
c = a.target,
d = c.getBoundingClientRect();
var f = this.volume + Math.round(a.deltaY * b / d.width);
100 < f && (f = 100), 0 > f && (f = 0), this.volume = f
}
_volTickSetVolumeObserver(a, b) {
let c = Math.round(a);
100 < c && (c = 100), 0 > c && (c = 0);
let d = Math.round(b);
100 < d && (d = 100), 0 > d && (d = 0), this.vol = c;
let f = null;
0 >= d && 0 < c ? f = !1 : 0 < d && 0 >= c && (f = !0), null != f && f !== this.mute && this._volMuteToggle(f, !1)
}
_volMuteToggle(a, b) {
let c = this.muted;
a !== c && (this.muted = !this.muted, void 0 !== b || (this.muted ? (this.volumeBefore = this.volume, this.volume = 0) : this.volume = this.volumeBefore))
}
}
customElements.define(VolumeControl.is, VolumeControl);
</script>
</dom-module>
<dom-module id="tc-video-item-style" assetpath="../ui/tc-video-item/"><template><style>*:focus{outline:none;}.on-white-scroll{padding-left:16px;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll;}.on-white-scroll::-webkit-scrollbar{position:absolute;width:15px;cursor:pointer;}.on-white-scroll::-webkit-scrollbar-track{background-color:#fff;}.on-white-scroll::-webkit-scrollbar-thumb{border:5px solid #fff;border-radius:6px/8px;background-color:rgba(0, 0, 0, .2);}.on-white-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, .4);}.video{position:relative;width:100%;padding:5px;box-sizing:border-box;font-size:0;overflow:hidden;}.video > div{position:relative;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA0OCA2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGZpbGw9IiM1YTYzNjYiIGQ9Ik0xNCAxMy45OTR2MjAuMDEyQzE0IDM5LjUyMyAxOC40NzggNDQgMjQgNDRjNS41MTUgMCAxMC00LjQ4IDEwLTkuOTk0VjEzLjk5NEMzNCA4LjQ3NyAyOS41MjIgNCAyNCA0Yy01LjUxNSAwLTEwIDQuNDgtMTAgOS45OTR6TTI2IDU3LjkydjQuMDgyQTEuOTk0IDEuOTk0IDAgMCAxIDI0IDY0Yy0xLjEwNSAwLTItLjg4Ny0yLTEuOTk4VjU3LjkyQzkuNjk4IDU2LjkyOCAwIDQ2Ljg2IDAgMzQuNTg2YTIgMiAwIDAgMSA0IDBDNCA0NS4yODMgMTIuOTUgNTQgMjQgNTRjMTEuMDYgMCAyMC04LjcwMyAyMC0xOS40MTRhMiAyIDAgMCAxIDQgMGMwIDEyLjI4Ni05LjY5IDIyLjM0NC0yMiAyMy4zMzR6TTEwIDEzLjk5NEMxMCA2LjI3IDE2LjI3NyAwIDI0IDBjNy43MyAwIDE0IDYuMjY3IDE0IDEzLjk5NHYyMC4wMTJDMzggNDEuNzMgMzEuNzIzIDQ4IDI0IDQ4Yy03LjczIDAtMTQtNi4yNjctMTQtMTMuOTk0VjEzLjk5NHoiLz4KPC9zdmc+");background-repeat:no-repeat;background-position:center;background-color:#2a2c2c;overflow:hidden;}video{width:100%;}.video > div:before{content:'';display:block;width:100%;padding-bottom:75%;}.video:after{content:'';position:absolute;display:block;height:100%;width:100%;top:0;left:0;border:5px solid #fff;border-radius:10px;box-sizing:border-box;pointer-events:none;}.video:hover > div > svg{top:-24px;left:-24px;transition:.2s ease .2s;}.video:after{}.video:hover > div.pro:after,
.video:hover > div.extreme:after,
.video:hover > div.gold:after{top:-24px;right:-24px;transition:.2s ease .2s;}.video > div > div{position:relative;width:100%;}.video > div > video,
.video > div > iframe{position:absolute;height:100%;top:0;left:0;}.video > div > iframe{width:100%;}.video > div.ratio-16-9 > video,
.video > div.ratio-16-9 > iframe{left:-16.66%;}.video > div.ratio-8-5 > video,
.video > div.ratio-8-5 > iframe{left:-10%;}.video > div.ratio-3-2 > video,
.video > div.ratio-3-2 > iframe{left:-6.25%;}.video > div > .overlay{position:absolute;height:100%;width:100%;top:0;left:0;box-shadow:inset 0 0 0 0 rgba(0, 0, 0, .5);transition:.2s;}.video:hover > div > .overlay{box-shadow:inset 0 0 100px 0 rgba(0, 0, 0, .5);}.icon-visibility,
.icon-resize,
.icon-report,
.icon-filter,
.icon-close{position:absolute;height:22px;width:22px;top:-22px;padding:0;border:none;background-color:transparent;cursor:pointer;opacity:.9;transition:.2s;}.icon-visibility{left:-22px;}.icon-resize{left:50%;margin-left:-11px;}.icon-report,
.icon-close{right:-22px;}.icon-filter{width:26px;right:-26px;}.icon-visibility:hover,
.icon-resize:hover,
.icon-report:hover,
.icon-filter:hover,
.icon-close:hover{opacity:1;}.video:hover > div > .overlay > .icon-visibility,
.video:hover > div > .overlay > .icon-resize,
.video:hover > div > .overlay > .icon-report,
.video:hover > div > .overlay > .icon-filter,
.video:hover > div > .overlay > .icon-close{top:12px;transition:top .2s ease .2s,
left .2s ease .2s,
right .2s ease .2s,
opacity .2s;}.video:hover > div > .overlay > .icon-visibility{left:14px;}.video:hover > div > .overlay > .icon-report,
.video:hover > div > .overlay > .icon-close{right:14px;}.video:hover > div > .overlay > .icon-filter{right:12px;}.icon-visibility > svg,
.icon-resize > svg,
.icon-report > svg,
.icon-filter > svg,
.icon-close > svg{position:absolute;}.video.not-visible > div > .overlay > .icon-visibility > svg,
.icon-visibility > svg{top:4px;left:1px;opacity:0;visibility:hidden;transition:.2s;}.video.not-visible > div > .overlay > .icon-visibility > svg:first-child,
.icon-visibility > svg + svg{opacity:1;visibility:visible;}.video.not-visible > div > iframe{visibility:hidden;}.icon-resize > svg{top:3px;left:3px;}.icon-resize > svg > path{transition:.2s;}.video.large > div > .overlay > .icon-resize > svg > path + path{opacity:0;visibility:hidden;}.icon-report > svg{top:3px;left:3px;}.icon-filter > svg{top:1px;left:0;}.icon-close > svg{top:4px;left:4px;}.icon-context{position:absolute;height:22px;width:22px;bottom:-22px;right:-22px;padding:0;border:none;background-color:transparent;cursor:pointer;opacity:.9;transition:.2s;}.icon-context:hover{opacity:1;}.video:hover > div > .overlay > .icon-context{bottom:7px;right:16px;transition:bottom .2s ease .2s,
right .2s ease .2s,
opacity .2s;}.icon-context > svg{position:absolute;top:9px;left:1px;}.video-context{position:absolute;display:flex;flex-direction:column;align-content:center;top:0;bottom:0;left:0;right:0;padding-top:10px;padding-bottom:10px;border-radius:4px;border:1px solid rgba(0, 0, 0, .06);box-sizing:border-box;font-size:0;color:#535353;text-align:left;line-height:1;background-color:rgba(0, 0, 0, .7);box-shadow:0 1px 4px 0 rgba(0, 0, 0, .09);z-index:1;opacity:0;visibility:hidden;transition:.2s;}.video-context::-webkit-scrollbar-track{background-color:transparent;}.video-context::-webkit-scrollbar-thumb{border:5px solid transparent;border-radius:6px/8px;background-color:rgba(255, 255, 255, .1);background-clip:content-box;}.video-context::-webkit-scrollbar-thumb:hover{background-color:rgba(255, 255, 255, .2);}.video:hover > div > .overlay > .icon-context:focus + .video-context{opacity:1;visibility:visible;}.video-context-content{margin:0 auto;}.video-context-content > div{text-align:center;}.video-context-content > div + div{padding-top:5px;}.video-context-content > div > button{display:block;width:100%;padding:0 20px;border:none;border-radius:4px;box-sizing:border-box;font-size:13px;font-weight:600;color:#fff;background-color:transparent;line-height:26px;cursor:pointer;transition:.2s;}.video-context-content > div > button:hover{color:#fff;background-color:#04caff;}.icon-volume{position:absolute;height:22px;left:-22px;bottom:-22px;opacity:.9;transition:.2s;}.icon-volume:hover{opacity:1;}.video:hover > div > .overlay > .icon-volume{left:16px;bottom:16px;transition:bottom .2s ease .2s,
left .2s ease .2s,
opacity .2s;}#icon-state > button{position:relative;height:22px;width:22px;padding:0;border:none;background-color:transparent;cursor:pointer;}#icon-state > button > svg{position:absolute;display:block;top:2px;left:2px;}#icon-state > button > svg + svg{top:1px;left:2px;transition:.2s;}#icon-state > button > svg{opacity:1;visibility:visible;}#icon-state > button > svg + svg{opacity:0;visibility:hidden;}.video > div > .waiting{position:absolute;height:100%;width:100%;top:0;left:0;background-color:#202628;opacity:0;visibility:hidden;transition:.2s;}.video > div.wait > .waiting{opacity:1;visibility:visible;}.waiting > .waiting-content{position:absolute;height:0;width:80%;top:50%;left:10%;}.waiting > .waiting-content > span{position:absolute;display:inline-block;height:0;width:0;top:-4px;left:0;border:4px solid #04caff;border-radius:100%;opacity:0;animation:waiting 1s ease-in-out 0s infinite paused;-webkit-animation:waiting 1s ease-in-out 0s infinite paused;}.waiting > .waiting-content > span:nth-child(2){animation-delay:.15s;-webkit-animation-delay:.15s;}.waiting > .waiting-content > span:nth-child(3){animation-delay:.3s;-webkit-animation-delay:.3s;}.waiting > .waiting-content > span:nth-child(4){animation-delay:.45s;-webkit-animation-delay:.45s;}.video > div.wait > .waiting > .waiting-content > span{animation-play-state:running;-webkit-animation-play-state:running;}.video > div > svg{position:absolute;top:5px;left:5px;filter:drop-shadow(0 0 4px #04caff);-webkit-filter:drop-shadow(0 0 4px #04caff);opacity:0;transition:.2s;}#videos-content > #videos > .video:hover > div > svg{top:-24px;left:-24px;transition:.2s ease .2s;}.video > div > svg > circle{fill:#fff;fill-rule:evenodd;stroke:#fff;stroke-width:0;transition:.2s;}.video > div > svg[data-mic-level="1"]{opacity:.5;}.video > div > svg[data-mic-level="2"]{opacity:.8;}.video > div > svg[data-mic-level="3"],
.video > div > svg[data-mic-level="4"],
.video > div > svg[data-mic-level="5"],
.video > div > svg[data-mic-level="6"],
.video > div > svg[data-mic-level="7"],
.video > div > svg[data-mic-level="8"],
.video > div > svg[data-mic-level="9"],
.video > div > svg[data-mic-level="10"]{opacity:1;}.video > div > svg[data-mic-level="4"] > circle{stroke-width:1;}.video > div > svg[data-mic-level="5"] > circle{stroke-width:2;}.video > div > svg[data-mic-level="6"] > circle{stroke-width:3;}.video > div > svg[data-mic-level="7"] > circle{stroke-width:4;}.video > div > svg[data-mic-level="8"] > circle{stroke-width:5;}.video > div > svg[data-mic-level="9"] > circle{stroke-width:6;}.video > div > svg[data-mic-level="10"] > circle{stroke-width:7;}.video > div > .nickname{position:absolute;display:block;height:15px;left:10px;right:10px;bottom:12px;margin-bottom:-7px;font-size:12px;font-weight:600;color:#fff;text-align:center;text-shadow:0 0 6px rgba(0, 0, 0, .8);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:default;transition:.2s;}.video > div > .nickname > img{position:relative;display:inline-block;height:10px;width:10px;top:2px;margin-right:6px;opacity:1;visibility:visible;transition:.2s;}.video > div > .nickname > img[src=""]{width:0;margin-right:0;overflow:hidden;opacity:0;visibility:hidden;}.video:hover > div > .nickname{bottom:50%;transition:.2s ease .2s;}.video > div.gold:after,
.video > div.extreme:after,
.video > div.pro:after{content:'';position:absolute;display:block;height:24px;width:24px;top:10px;right:10px;background-repeat:no-repeat;transition:.2s;}.video > div.gold:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cgk8Y2lyY2xlIGZpbGw9IiNmZmM2MmMiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPgoJPHBhdGggaWQ9ImJhZGdlLWdvbGQiIGQ9Ik0xNiAxMi41NzZ2LTEuMDE4aC0zLjU5NnYxLjUxaDEuMjZsLS4wMTIuMTA4Yy0uMDcuNjIyLS42MyAxLjAzNC0xLjQyIDEuMDM0LTEuMDY1IDAtMS43NTgtLjg0LTEuNzU4LTIuMjUgMC0xLjM3Ny42MDctMi4xNyAxLjYzOC0yLjE3LjY5OCAwIDEuMjQyLjM3IDEuNDAzLjkzN2gyLjM4OEMxNS43MiA5LjE0IDE0LjE3MyA4IDEyLjEgOCA5LjU1MiA4IDggOS40NTcgOCAxMS45OTIgOCAxNC41NiA5LjU1MiAxNiAxMi4xNzUgMTZjMi40IDAgMy44MjUtMS4zMDcgMy44MjUtMy40MjR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KCTx1c2UgZmlsbD0iIzAwMCIgeGxpbms6aHJlZj0iI2JhZGdlLWdvbGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMSkiIGZpbGwtb3BhY2l0eT0iLjIiLz4KCTx1c2UgZmlsbD0iI2ZmZiIgeGxpbms6aHJlZj0iI2JhZGdlLWdvbGQiLz4KPC9zdmc+");}.video > div.extreme:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQoJPGNpcmNsZSBmaWxsPSIjYWQ2YmNlIiBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiLz4NCgk8cGF0aCBpZD0iYmFkZ2UtZXh0cmVtZSIgZD0iTTE0IDE2SDlWOGg1djEuNzM1aC0yLjcyNXYxLjI1OGgyLjUyM3YxLjczNWgtMi41MjN2MS41MUgxNHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KCTx1c2UgZmlsbD0iIzAwMCIgeGxpbms6aHJlZj0iI2JhZGdlLWV4dHJlbWUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMSkiIGZpbGwtb3BhY2l0eT0iLjIiLz4NCgk8dXNlIGZpbGw9IiNmZmYiIHhsaW5rOmhyZWY9IiNiYWRnZS1leHRyZW1lIi8+DQo8L3N2Zz4=");}.video > div.pro:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQoJPGNpcmNsZSBmaWxsPSIjMzhjZDU3IiBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiLz4NCgk8cGF0aCBpZD0iYmFkZ2UtcHJvIiBkPSJNMTUgMTAuNTQ0YzAgLjg5NC0uMjcyIDEuNTg1LS44MTcgMi4wNzItLjU0NS40ODctMS4zMi43My0yLjMyMi43M2gtLjYyNlYxNkg5VjhoMi44NmMxLjA0NiAwIDEuODMuMjIgMi4zNTQuNjYyLjUyNC40NDIuNzg2IDEuMDcuNzg2IDEuODgyem0tMy43NjYgMS4wNGguNDA3Yy4zMzYgMCAuNjAzLS4wOS44LS4yNzMuMi0uMTgyLjI5OC0uNDM0LjI5OC0uNzU1IDAtLjU0LS4zMS0uODEtLjkyNy0uODFoLS41NzZ2MS44NHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KCTx1c2UgZmlsbD0iIzAwMCIgeGxpbms6aHJlZj0iI2JhZGdlLXBybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbC1vcGFjaXR5PSIuMiIvPg0KCTx1c2UgZmlsbD0iI2ZmZiIgeGxpbms6aHJlZj0iI2JhZGdlLXBybyIvPg0KPC9zdmc+");}@keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@-webkit-keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@media screen and (max-width: 600px){#videos{top:12px;right:13px;bottom:12px;left:13px;}.video{padding:2px;}.video:after{border-width:2px;border-radius:4px;}}.video.full-screen:after{border-color:#101314;}</style></template></dom-module>
<dom-module id="tc-video-item" assetpath="../ui/tc-video-item/"><template strip-whitespace=""><style include="tc-video-item-style"></style><div class$="[[videoItemStyle]]" on-click="onVideoTap" on-change="recalcVideosPosition"><div class$="[[convertVideoClass(item, item.progress)]]"><video id="video" autoplay="" volume="[[volume]]" data-video-id$="[[item.handle]]" on-playing="onPlaying">Your browser does not support the video tag...</video><div class="overlay"><button on-click="onHide" class="icon-visibility"><svg width="20" height="14" viewBox="0 0 20 14" xmlns="http://www.w3.org/2000/svg"><path d="M10 14C3.285 14 .52 8.65.52 8.65c-.657-.9-.68-2.417-.128-3.362C.392 5.288 2.452 0 10 0c7.545 0 9.594 5.27 9.594 5.27.6.94.51 2.465-.108 3.37 0 0-2.774 5.36-9.487 5.36zm0-2c2.423 0 4.374-.814 5.942-2.185a9.2 9.2 0 0 0 1.386-1.51c.212-.293.338-.5.38-.583l.057-.108.07-.1c.19-.282.217-.94.07-1.17L17.8 6.18l-.072-.184a3.74 3.74 0 0 0-.268-.485 6.67 6.67 0 0 0-1.178-1.393C14.827 2.8 12.798 2 10 2s-4.83.803-6.29 2.125c-.495.45-.887.928-1.182 1.4-.163.26-.25.436-.27.49L2.2 6.16l-.08.137c-.17.29-.15.946.018 1.176l.09.123.07.136c.042.08.168.29.378.58A9.167 9.167 0 0 0 4.06 9.82C5.624 11.187 7.573 12 9.997 12zm0-3a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" fill="#fff" fill-rule="evenodd"></path></svg> <svg width="20" height="14" viewBox="0 0 20 14" xmlns="http://www.w3.org/2000/svg"><path d="M3.63 12.024C1.474 10.5.52 8.65.52 8.65c-.657-.9-.68-2.417-.128-3.362C.392 5.288 2.452 0 10 0c1.94 0 3.52.35 4.79.867l.594-.592a.945.945 0 0 1 1.34.006.953.953 0 0 1 .004 1.34L4.616 13.724a.945.945 0 0 1-1.34-.006.953.953 0 0 1-.004-1.34l.357-.356zm9.598-9.594c-.942-.28-2.013-.43-3.23-.43-2.797 0-4.83.803-6.288 2.125-.496.45-.888.928-1.183 1.4-.163.26-.25.436-.27.49L2.2 6.16l-.08.137c-.17.29-.15.946.017 1.176l.09.123.07.136c.042.08.168.29.378.58A9.167 9.167 0 0 0 4.058 9.82c.32.28.656.535 1.01.766l8.16-8.156zm-6.08 11.222l1.713-1.714c.368.04.747.062 1.14.062 2.423 0 4.374-.814 5.942-2.185a9.2 9.2 0 0 0 1.386-1.51c.212-.293.338-.5.38-.583l.057-.108.07-.1c.19-.282.217-.94.07-1.17L17.8 6.18l-.072-.184a3.74 3.74 0 0 0-.268-.485 6.577 6.577 0 0 0-.972-1.2l1.415-1.414c1.244 1.225 1.69 2.374 1.69 2.374.6.94.512 2.465-.107 3.37 0 0-2.774 5.36-9.487 5.36-1.046 0-1.995-.13-2.853-.348z" fill="#fff" fill-rule="evenodd"></path></svg></button> <button on-click="onVideoResize" class="icon-resize"><svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M14.37 12.95l3.335 3.336a1.003 1.003 0 1 1-1.42 1.42L12.95 14.37a8.028 8.028 0 1 1 1.42-1.42zm-6.342 1.1a6.02 6.02 0 1 0 0-12.042 6.02 6.02 0 0 0 0 12.042zM6.012 9.032a.996.996 0 0 1-.994-1.004c0-.554.452-1.003.994-1.003h4.033c.55 0 .994.445.994 1.003 0 .555-.454 1.004-.995 1.004H6.012z" fill="#fff" fill-rule="evenodd"></path><path d="M0 .99C0 .445.444 0 1 0a1 1 0 0 1 1 .99v4.02C2 5.555 1.556 6 1 6a1 1 0 0 1-1-.99V.99z" transform="translate(7 5)" fill="#fff" fill-rule="evenodd"></path></svg></button><dom-if if="[[item.abuseAllow]]"><template strip-whitespace=""><button on-click="onAbuse" class="icon-report"><svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M.025.776A.997.997 0 0 1 1.038 0H14.52c1.142 0 1.753.835 1.36 1.877l-.658 1.746c-.39 1.036-.393 2.712 0 3.754l.658 1.746C16.27 10.16 15.66 11 14.52 11H2v4c0 .552-.444 1-1 1-.552 0-1-.445-1-1V.995C0 .92.01.845.025.775zM2.075 9h11.553l-.354-.94c-.56-1.48-.558-3.64 0-5.12l.354-.94H2.074v7z" fill="#fff" fill-rule="evenodd"></path></svg></button></template></dom-if>
<dom-if if="[[item.filtersAllow]]"><template strip-whitespace=""><button on-click="onFilters" class="icon-filter"><svg width="26" height="20" viewBox="0 0 26 20" xmlns="http://www.w3.org/2000/svg"><path d="M11.6 10.4L18 12l-6.4 1.6L10 20l-1.6-6.4L2 12l6.4-1.6L10 4l1.6 6.4zM22 5l4 1-4 1-1 4-1-4-4-1 4-1 1-4 1 4zM3.6 2.4L6 3l-2.4.6L3 6l-.6-2.4L0 3l2.4-.6L3 0l.6 2.4z" fill="#fff" fill-rule="evenodd"></path></svg></button></template></dom-if><button class="icon-context"><svg width="20" height="4" viewBox="0 0 20 4" xmlns="http://www.w3.org/2000/svg"><circle r="2" cx="2" cy="2" fill="#fff" fill-rule="evenodd"></circle><circle r="2" cx="10" cy="2" fill="#fff" fill-rule="evenodd"></circle><circle r="2" cx="18" cy="2" fill="#fff" fill-rule="evenodd"></circle></svg></button>
<div class="video-context on-white-scroll" onmouseleave="this.previousElementSibling.blur();">
<div class="video-context-content">
<dom-if if="[[item.videoForceCloseAllow]]"><template strip-whitespace=""><div><button on-click="onVideoForceClose">Close Video</button></div></template></dom-if>
<dom-if if="[[item.ignoreAllow]]"><template strip-whitespace=""><div><button on-click="onIgnore">Ignore</button></div></template></dom-if>
<dom-if if="[[item.unignoreAllow]]"><template strip-whitespace=""><div><button on-click="onUnignore">Unignore</button></div></template></dom-if>
<dom-if if="[[item.followAllow]]"><template strip-whitespace=""><div><button on-click="onFollow">Follow</button></div></template></dom-if>
<dom-if if="[[item.openprivateAllow]]"><template strip-whitespace=""><div><button on-click="onPrivateMessage">Private Message</button></div></template></dom-if>
<dom-if if="[[item.profileAllow]]"><template strip-whitespace=""><div><button on-click="onProfile">Profile</button></div></template></dom-if>
<dom-if if="[[item.banAllow]]"><template strip-whitespace=""><div><button on-click="onBan">Ban</button></div></template></dom-if>
<dom-if if="[[item.kickAllow]]"><template strip-whitespace=""><div><button on-click="onKick">Kick</button></div></template></dom-if>
<dom-if if="[[item.abuseAllow]]"><template strip-whitespace=""><div><button on-click="onAbuse">Report (Abuse)</button></div></template></dom-if>
<dom-if if="[[item.giveagiftAllow]]"><template strip-whitespace=""><div><button on-click="onSendGift">Send Gift</button></div></template></dom-if>
<dom-if if="[[item.upgradeAllow]]"><template strip-whitespace=""><div><button on-click="onUpgrade">Upgrade</button></div></template></dom-if>
</div>
</div>
<dom-if if="[[item.volumeControlAllow]]"><template strip-whitespace=""><div class="icon-volume"><tc-volume-control vol="{{internalVolume}}"></tc-volume-control></div></template></dom-if>
</div>
<div class="waiting">
<div class="waiting-content"><span></span><span></span><span></span><span></span><span></span></div>
</div><svg width="20" height="20" viewBox="0 0 24 24" data-mic-level$="[[item.audiolevel]]" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="3"></circle><circle cx="12" cy="12" r="3"></circle></svg> <span class="nickname" title="[[item.nickname]]"><img src$="[[item.achivementUrl]]"> [[item.nickname]]</span></div>
</div>
</template>
<script>
class ChatroomVideoItem extends Polymer.Element {
static get is() {
return 'tc-video-item'
}
static get properties() {
return {
item: {
type: Object,
observer: 'itemAssigned'
},
chatroom: {
type: Object
},
app: {
type: Object
},
videolist: {
type: Object
},
externalVolume: {
type: Number,
value: 100
},
internalVolume: {
type: Number,
value: 100
},
volume: {
type: Number,
computed: '_volumeCompute(internalVolume, externalVolume)'
},
isFullScreen: {
type: Boolean,
value: !1
},
onFullscreenHandler: Object,
videoItemStyle: {
type: String,
computed: '_videoItemStyleCompute(item.large, item.muted, item.hidden, isFullScreen)'
}
}
}
constructor() {
super()
}
connectedCallback() {
super.connectedCallback(), this.onFullscreenHandler = this.onFullscreen.bind(this), window.fullscreenManager.addEventListener(this.onFullscreenHandler, !1)
}
disconnectedCallback() {
super.disconnectedCallback(), window.fullscreenManager.removeEventListener(this.onFullscreenHandler, !1)
}
itemAssigned(a) {
let b = this.$.video;
b.srcObject = a.mediastream, b.muted = a.muted, this.internalVolume = a.volume
}
_volumeCompute(a, b) {
let c = 100;
return void 0 === a && void 0 !== b ? c = b : void 0 !== a && void 0 === b ? c = a : void 0 != a && void 0 != b && (c = b < a ? b : a), this.item.volume !== c && (this.item.volume = c, this.notifyPath('item.volume')), c / 100
}
_videoItemStyleCompute(a, b, c, d) {
let f = 'video';
return f += a ? ' large' : '', f += b ? ' muted' : '', f += c ? ' not-visible' : '', f += d ? ' full-screen' : '', f
}
convertVideoClass(a, b) {
var c = 'ratio-4-3';
let d = TinychatApp.BLL.User.getCssClass(a.userentity);
return c += '' === d ? '' : ` ${d}`, c += b ? ' wait' : '', c
}
onPlaying(a) {
this.dispatchEvent(new CustomEvent('video-playing', a))
}
onMute() {
this.videolist.toggleMuteVW(this.item)
}
onVideoTap() {}
onHide() {
this.videolist.toggleHiddenVW(this.item)
}
onVideoResize() {
if (!this.chatroom.selfUser().hasSubscriptions) this.app.Upgrade();
else {
if (null != this.ytplayer) return void this.app.showToast('Larger video windows are disabled due Youtube is playing');
this.videolist.toggleSizeVW(this.item), this.notifyPath('item.large')
}
}
onBan() {
return this.chatroom.isLurker() ? void this.app.showToastLurker() : void this.chatroom.userlist.ban(this.item.userentity)
}
onKick() {
return this.chatroom.isLurker() ? void this.app.showToastLurker() : void this.chatroom.userlist.kick(this.item.userentity)
}
onAbuse() {
return this.chatroom.isLurker() ? void this.app.showToastLurker() : void this.chatroom.Abuse(this.item.userentity)
}
onFilters() {
this.app.MediaFilters()
}
onFullscreen() {
this.isFullScreen = window.fullscreenManager.status()
}
onVideoForceClose() {
this.chatroom.userlist.videoForceClose(this.item.userentity)
}
onIgnore() {
this.chatroom.userlist.ignore(this.item.userentity)
}
onUnignore() {
this.chatroom.userlist.unignore(this.item.userentity)
}
onFollow() {
return this.chatroom.isLurker() ? void this.app.showToastLurker() : void this.chatroom.userlist.follow(this.item.userentity)
}
onUnfollow() {
return this.chatroom.isLurker() ? void this.app.showToastLurker() : void this.chatroom.userlist.unfollow(this.item.userentity)
}
onPrivateMessage() {
this.chatroom.chatlog.openprivate(this.item.userentity)
}
onProfile() {
let b = this.item.userentity;
b.isUsername ? this.app.UserProfile(b.username) : this.app.showToast('[' + b.nickname + '] is anonymous, therefore has no profile')
}
onSendGift() {
let b = this.item.userentity;
b.isUsername ? this.app.GiveAGift(b.username) : this.app.showToast('[' + b.nickname + '] is anonymous, virtual gifts for registered users only.')
}
onUpgrade() {
this.app.UpgradeSub()
}
onFeatured() {
this.videolist.toggleFeatured(this.item)
}
}
customElements.define(ChatroomVideoItem.is, ChatroomVideoItem);
</script>
</dom-module>
<dom-module id="client-videolist" assetpath="../../styles/"><template><style>#videolist *{user-select:none;-webkit-user-select:none;-moz-user-select:none;}*:focus{outline:none;}.on-white-scroll{padding-left:16px;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll;}.on-white-scroll::-webkit-scrollbar{position:absolute;width:15px;cursor:pointer;}.on-white-scroll::-webkit-scrollbar-track{background-color:#fff;}.on-white-scroll::-webkit-scrollbar-thumb{border:5px solid #fff;border-radius:6px/8px;background-color:rgba(0, 0, 0, .2);}.on-white-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, .4);}#ytplayer{pointer-events:none;}:host,
#videolist{position:relative;display:flex;flex-direction:column;align-items:stretch;height:100%;min-height:250px;width:100%;background-color:#fff;}#lurker{height:0;min-height:0;padding:0 20px;box-sizing:border-box;font-size:14px;font-weight:600;color:#fff;line-height:40px;background-color:#f29e20;text-align:center;white-space:nowrap;overflow:hidden;cursor:default;transition:.2s;}#lurker > *{vertical-align:middle;}#lurker > span{display:inline-block;margin:0 14px 0 10px;line-height:24px;}#lurker > button{display:inline-block;height:24px;padding:0 18px;border:1px solid #fff;font-size:12px;font-weight:700;color:#fff;line-height:24px;background-color:transparent;text-transform:uppercase;cursor:pointer;transition:.2s;}#lurker > button:hover{color:#f29e20;background-color:#fff;}#videolist.lurker > #lurker{height:40px;min-height:40px;}#videos-header{height:50px;min-height:50px;width:100%;top:0;left:0;font-size:0;background-color:#fff;z-index:1;transition:.2s;}#videolist.hide-header > #videos-header{height:0;min-height:0;}#videos-header{display:flex;flex-direction:row;align-items:stretch;}#videos-header > span.hidden{display:none;}#videos-header > span{display:inline-block;height:100%;width:100%;background-color:inherit;text-align:center;line-height:50px;}#videos-header > span > svg{display:inline-block;vertical-align:middle;cursor:pointer;}#videos-header > span > svg *{pointer-events:none;}#videos-header-sound{position:relative;}#videos-header-sound > svg > path ~ path{display:none;}#videos-header-sound > svg{position:relative;padding:7px 10px;z-index:1;}#videos-header-sound > svg.muted > path ~ path{display:block;}#videos-header-mic > svg{position:relative;padding:5px 10px;z-index:1;}#videos-header-mic > svg > rect{opacity:0;visibility:hidden;transition:.2s;}#videos-header-mic.muted > svg > rect{opacity:1;visibility:visible;}.videos-header-volume{position:absolute;height:128px;width:4px;top:2px;left:50%;margin-left:-24px;border-width:50px 22px 22px;border-style:solid;border-color:#fff;border-radius:24px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, .09);opacity:0;visibility:hidden;transition:.2s;}#videos-header > span > svg:hover + .videos-header-volume,
#videos-header > span > .videos-header-volume:hover{opacity:1;visibility:visible;}.videos-header-volume:before{content:'';position:absolute;display:block;height:100%;width:100%;top:0;left:0;border-radius:2px;background-color:#e9eaea;}.videos-header-volume-level{position:absolute;display:block;width:100%;bottom:0;left:0;border-radius:2px;background-color:#41b7ef;}.videos-header-volume-level > div{position:absolute;display:block;height:12px;width:12px;top:-6px;left:-4px;border-radius:100%;background-color:#41b7ef;cursor:pointer;box-shadow:0 0 0 0 #41b7ef;transition:.2s;}.videos-header-volume-level > div:hover{box-shadow:0 0 0 3px #41b7ef;}#videos-header-snapshot > svg{padding:8px 7px 9px;}#videos-header-fullscreen > svg{padding:10px 8px;}#videos-header-fullscreen > svg + svg{display:none;}@media screen and (max-width: 600px){.videos-header-volume{top:auto;bottom:1px;margin-left:-23px;border-width:21px 21px 40px;box-shadow:0 0 4px 0 rgba(0, 0, 0, .09);}#videos-header-mic > .videos-header-volume{bottom:11px;margin-left:-17px;}#videolist.full-screen > #videos-header > span{background-color:#202628;}}#videos-content{position:relative;height:100%;width:100%;}#videos{position:absolute;display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;top:20px;right:25px;bottom:20px;left:25px;box-sizing:border-box;font-size:0;}.videos-items{display:flex;height:100%;width:100%;top:0;left:0;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;box-sizing:border-box;}.videos-items.hidden{display:none;}#videos.row > .videos-items{width:50%;}#videos.row > .videos-items + .videos-items{left:50%;}#videos.column{flex-direction:column;}#videos.column > .videos-items{height:50%;}#videos.row.featured-2 > .videos-items{width:65%;}#videos.row.featured-2 > .videos-items + .videos-items{width:35%;}#videos.column.featured-2 > .videos-items{height:70%;}#videos.column.featured-2 > .videos-items + .videos-items{height:30%;}#videos.row.featured-3 > .videos-items{width:70%;}#videos.row.featured-3 > .videos-items + .videos-items{width:30%;}#videos.column.featured-3 > .videos-items{height:70%;}#videos.column.featured-3 > .videos-items + .videos-items{height:30%;}#youtube.video.hidden{display:none;}.video{position:relative;width:100%;padding:5px;box-sizing:border-box;font-size:0;overflow:hidden;}.video > div{position:relative;overflow:hidden;}#youtube.video > div:before{content:'';display:block;width:100%;padding-bottom:75%;}.video:after{content:'';position:absolute;display:block;height:100%;width:100%;top:0;left:0;border:5px solid #fff;border-radius:10px;box-sizing:border-box;pointer-events:none;}.video > div > div{position:relative;width:100%;}.video > div > video,
.video > div > tinychat-videoitem,
.video > div > iframe{position:absolute;height:100%;top:0;left:0;}.video > div > iframe{width:100%;}.video > div.ratio-16-9 > video,
.video > div.ratio-16-9 > tinychat-videoitem,
.video > div.ratio-16-9 > iframe{left:-16.66%;}.video > div.ratio-8-5 > video,
.video > div.ratio-8-5 > tinychat-videoitem,
.video > div.ratio-8-5 > iframe{left:-10%;}.video > div.ratio-3-2 > video,
.video > div.ratio-3-2 > tinychat-videoitem,
.video > div.ratio-3-2 > iframe{left:-6.25%;}#youtube.video > div > .overlay,
.video > div > .overlay{position:absolute;height:100%;width:100%;top:0;left:0;box-shadow:inset 0 0 0 0 rgba(0, 0, 0, .5);transition:.2s;}.video:hover > div > .overlay{box-shadow:inset 0 0 100px 0 rgba(0, 0, 0, .5);}#youtube-overlay{position:absolute;height:100%;width:100%;top:0;left:0;opacity:.5;}#youtube.video > div > .overlay > #youtube-overlay:before,
#youtube.video > div > .overlay > #youtube-overlay:after{content:'';position:absolute;display:block;height:0;width:100%;top:0;left:0;background:-moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );transition:.2s;}#youtube.video > div > .overlay > #youtube-overlay:after{top:auto;bottom:0;background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}#youtube.video:hover > div > .overlay > #youtube-overlay:before,
#youtube.video:hover > div > .overlay > #youtube-overlay:after{height:100px;}.icon-visibility,
.icon-resize,
.icon-report,
.icon-close{position:absolute;height:22px;width:22px;top:-22px;padding:0;border:none;background-color:transparent;cursor:pointer;opacity:.9;transition:.2s;}.icon-visibility{left:-22px;}.icon-resize{left:50%;margin-left:-11px;}.icon-report,
.icon-close{right:-22px;}.icon-visibility:hover,
.icon-resize:hover,
.icon-report:hover,
.icon-close:hover{opacity:1;}.video:hover > div > .overlay > .icon-visibility,
.video:hover > div > .overlay > .icon-resize,
.video:hover > div > .overlay > .icon-report,
.video:hover > div > .overlay > .icon-close{top:12px;transition:top .2s ease .2s,
left .2s ease .2s,
right .2s ease .2s,
opacity .2s;}.video:hover > div > .overlay > .icon-visibility{left:14px;}.video:hover > div > .overlay > .icon-report,
.video:hover > div > .overlay > .icon-close{right:14px;}.icon-visibility > svg,
.icon-resize > svg,
.icon-report > svg,
.icon-close > svg{position:absolute;}.video.not-visible > div > .overlay > .icon-visibility > svg,
.icon-visibility > svg{top:4px;left:1px;opacity:0;visibility:hidden;transition:.2s;}.video.not-visible > div > .overlay > .icon-visibility > svg:first-child,
.icon-visibility > svg + svg{opacity:1;visibility:visible;}.video.not-visible > div > iframe{visibility:hidden;}.icon-resize > svg{top:3px;left:3px;}.icon-resize > svg > path{transition:.2s;}.icon-report > svg{top:3px;left:3px;}.icon-close > svg{top:4px;left:4px;}.icon-context{position:absolute;height:22px;width:22px;bottom:-22px;right:-22px;padding:0;border:none;background-color:transparent;cursor:pointer;opacity:.9;transition:.2s;}.icon-context:hover{opacity:1;}.video:hover > div > .overlay > .icon-context{bottom:7px;right:16px;transition:bottom .2s ease .2s,
right .2s ease .2s,
opacity .2s;}.icon-context > svg{position:absolute;top:9px;left:1px;}.video-context{position:absolute;display:flex;flex-direction:column;align-content:center;justify-content:center;top:0;bottom:0;left:0;right:0;padding-top:10px;padding-bottom:10px;border-radius:4px;border:1px solid rgba(0, 0, 0, .06);box-sizing:border-box;font-size:0;color:#535353;text-align:left;line-height:1;background-color:rgba(0, 0, 0, .7);box-shadow:0 1px 4px 0 rgba(0, 0, 0, .09);z-index:1;opacity:0;visibility:hidden;transition:.2s;}.video-context::-webkit-scrollbar-track{background-color:transparent;}.video-context::-webkit-scrollbar-thumb{border:5px solid transparent;border-radius:6px/8px;background-color:rgba(255, 255, 255, .1);background-clip:content-box;}.video-context::-webkit-scrollbar-thumb:hover{background-color:rgba(255, 255, 255, .2);}.video:hover > div > .overlay > .icon-context:focus + .video-context{opacity:1;visibility:visible;}.video-context-content{margin:0 auto;}.video-context-content > div{text-align:center;}.video-context-content > div + div{padding-top:5px;}.video-context-content > div > button{display:block;width:100%;padding:0 20px;border:none;border-radius:4px;box-sizing:border-box;font-size:13px;font-weight:600;color:#fff;background-color:transparent;line-height:26px;cursor:pointer;transition:.2s;}.video-context-content > div > button:hover{color:#fff;background-color:#04caff;}#icon-state{position:absolute;height:22px;left:-22px;bottom:-22px;opacity:.9;transition:.2s;}.video:hover > div > .overlay > #icon-state{left:16px;bottom:16px;transition:bottom .2s ease .2s,
left .2s ease .2s,
opacity .2s;}.icon-volume{position:absolute;height:22px;left:-22px;bottom:-22px;opacity:.9;transition:.2s;}#youtube .icon-volume{left:48px;}.icon-volume:hover{opacity:1;}.video:hover > div > .overlay > .icon-volume{left:16px;bottom:16px;transition:bottom .2s ease .2s,
left .2s ease .2s,
opacity .2s;}#youtube.video:hover > div > .overlay > .icon-volume{left:48px;}.icon-volume > button{position:relative;height:22px;width:22px;padding:0;border:none;background-color:transparent;cursor:pointer;}.icon-volume > button > svg{position:absolute;display:block;top:2px;left:4px;transition:.2s;}.icon-volume > button > svg + svg{left:3px;}.video.muted > div > .overlay > .icon-volume > button > svg + svg,
.icon-volume > button > svg{opacity:1;visibility:visible;}.video.muted > div > .overlay > .icon-volume > button > svg:first-child,
.icon-volume > button > svg + svg{opacity:0;visibility:hidden;}.icon-volume > .seek-wrapper{position:absolute;width:58px;top:6px;left:22px;}#icon-seek{position:absolute;height:22px;left:12px;right:12px;bottom:-22px;opacity:.9;transition:.2s;}.video:hover > div > .overlay > #icon-seek{bottom:38px;transition:bottom .2s ease .2s;}#icon-seek:hover{opacity:1;}#icon-state > button{position:relative;height:22px;width:22px;padding:0;border:none;background-color:transparent;cursor:pointer;}#icon-state > button > svg{position:absolute;display:block;top:2px;left:2px;}#icon-state > button > svg + svg{top:1px;left:2px;transition:.2s;}#youtube.pause #icon-state > button > svg + svg,
#icon-state > button > svg{opacity:1;visibility:visible;}#youtube.pause #icon-state > button > svg:first-child,
#icon-state > button > svg + svg{opacity:0;visibility:hidden;}#icon-seek > .seek-wrapper{position:absolute;width:auto;top:6px;left:0;right:0;}#seek-duration{position:absolute;height:22px;left:90px;bottom:0;font-size:12px;font-weight:600;color:#fff;line-height:22px;white-space:nowrap;cursor:default;}.seek-wrapper{height:10px;width:100%;padding:3px 5px;box-sizing:border-box;cursor:pointer;}.seek{position:relative;height:100%;width:100%;border-radius:4px;background-color:#fff;}.seek-text{position:absolute;height:20px;width:70px;top:-24px;margin-left:-35px;line-height:20px;text-align:center;opacity:0;transition:opacity .2s;}.seek-wrapper:hover > .seek > .seek-text{opacity:1;}.seek-text > span{display:inline-block;height:100%;padding:0 10px;border-radius:11px;font-size:12px;font-weight:600;color:#fff;background-color:rgba(0, 0, 0, .5);line-height:20px;}.seek-level{position:absolute;height:100%;top:0;left:0;border-radius:4px;background-color:#41b7ef;}.seek-level > div{position:absolute;display:block;height:4px;width:4px;top:0;right:-2px;border-radius:100%;background-color:#41b7ef;box-shadow:0 0 0 2px #41b7ef;transition:.2s;}.seek-wrapper:hover > .seek > .seek-level > div{box-shadow:0 0 0 3px #41b7ef;}.video > div > .waiting{position:absolute;height:100%;width:100%;top:0;left:0;background-color:#202628;opacity:0;visibility:hidden;transition:.2s;}.video > div.wait > .waiting{opacity:1;visibility:visible;}.waiting > .waiting-content{position:absolute;height:0;width:80%;top:50%;left:10%;}.waiting > .waiting-content > span{position:absolute;display:inline-block;height:0;width:0;top:-4px;left:0;border:4px solid #04caff;border-radius:100%;opacity:0;animation:waiting 1s ease-in-out 0s infinite paused;-webkit-animation:waiting 1s ease-in-out 0s infinite paused;}.waiting > .waiting-content > span:nth-child(2){animation-delay:.15s;-webkit-animation-delay:.15s;}.waiting > .waiting-content > span:nth-child(3){animation-delay:.3s;-webkit-animation-delay:.3s;}.waiting > .waiting-content > span:nth-child(4){animation-delay:.45s;-webkit-animation-delay:.45s;}.video > div.wait > .waiting > .waiting-content > span{animation-play-state:running;-webkit-animation-play-state:running;}.video > div > svg{position:absolute;top:5px;left:5px;filter:drop-shadow(0 0 4px #04caff);-webkit-filter:drop-shadow(0 0 4px #04caff);opacity:0;transition:.2s;}#videos-content > #videos > .video:hover > div > svg{top:-24px;left:-24px;transition:.2s ease .2s;}.video > div > svg > circle{fill:#fff;fill-rule:evenodd;stroke:#fff;stroke-width:0;transition:.2s;}.video > div > svg[data-mic-level="1"]{opacity:.5;}.video > div > svg[data-mic-level="2"]{opacity:.8;}.video > div > svg[data-mic-level="3"],
.video > div > svg[data-mic-level="4"],
.video > div > svg[data-mic-level="5"],
.video > div > svg[data-mic-level="6"],
.video > div > svg[data-mic-level="7"],
.video > div > svg[data-mic-level="8"],
.video > div > svg[data-mic-level="9"],
.video > div > svg[data-mic-level="10"]{opacity:1;}.video > div > svg[data-mic-level="4"] > circle{stroke-width:1;}.video > div > svg[data-mic-level="5"] > circle{stroke-width:2;}.video > div > svg[data-mic-level="6"] > circle{stroke-width:3;}.video > div > svg[data-mic-level="7"] > circle{stroke-width:4;}.video > div > svg[data-mic-level="8"] > circle{stroke-width:5;}.video > div > svg[data-mic-level="9"] > circle{stroke-width:6;}.video > div > svg[data-mic-level="10"] > circle{stroke-width:7;}.video > div > .nickname{position:absolute;display:block;height:15px;left:10px;right:10px;bottom:12px;margin-bottom:-7px;font-size:12px;font-weight:600;color:#fff;text-align:center;text-shadow:0 0 6px rgba(0, 0, 0, .8);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:default;transition:.2s;}.video > div > .nickname > img{position:relative;display:inline-block;height:10px;width:10px;top:2px;margin-right:6px;opacity:1;visibility:visible;transition:.2s;}.video > div > .nickname > img[src=""]{width:0;margin-right:0;overflow:hidden;opacity:0;visibility:hidden;}.video:hover > div > .nickname{bottom:50%;transition:.2s ease .2s;}.video > div.gold:after,
.video > div.extreme:after,
.video > div.pro:after{content:'';position:absolute;display:block;height:24px;width:24px;top:10px;right:10px;background-repeat:no-repeat;transition:.2s;}.video > div.gold:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cgk8Y2lyY2xlIGZpbGw9IiNmZmM2MmMiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPgoJPHBhdGggaWQ9ImJhZGdlLWdvbGQiIGQ9Ik0xNiAxMi41NzZ2LTEuMDE4aC0zLjU5NnYxLjUxaDEuMjZsLS4wMTIuMTA4Yy0uMDcuNjIyLS42MyAxLjAzNC0xLjQyIDEuMDM0LTEuMDY1IDAtMS43NTgtLjg0LTEuNzU4LTIuMjUgMC0xLjM3Ny42MDctMi4xNyAxLjYzOC0yLjE3LjY5OCAwIDEuMjQyLjM3IDEuNDAzLjkzN2gyLjM4OEMxNS43MiA5LjE0IDE0LjE3MyA4IDEyLjEgOCA5LjU1MiA4IDggOS40NTcgOCAxMS45OTIgOCAxNC41NiA5LjU1MiAxNiAxMi4xNzUgMTZjMi40IDAgMy44MjUtMS4zMDcgMy44MjUtMy40MjR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KCTx1c2UgZmlsbD0iIzAwMCIgeGxpbms6aHJlZj0iI2JhZGdlLWdvbGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMSkiIGZpbGwtb3BhY2l0eT0iLjIiLz4KCTx1c2UgZmlsbD0iI2ZmZiIgeGxpbms6aHJlZj0iI2JhZGdlLWdvbGQiLz4KPC9zdmc+");}.video > div.extreme:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQoJPGNpcmNsZSBmaWxsPSIjYWQ2YmNlIiBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiLz4NCgk8cGF0aCBpZD0iYmFkZ2UtZXh0cmVtZSIgZD0iTTE0IDE2SDlWOGg1djEuNzM1aC0yLjcyNXYxLjI1OGgyLjUyM3YxLjczNWgtMi41MjN2MS41MUgxNHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KCTx1c2UgZmlsbD0iIzAwMCIgeGxpbms6aHJlZj0iI2JhZGdlLWV4dHJlbWUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMSkiIGZpbGwtb3BhY2l0eT0iLjIiLz4NCgk8dXNlIGZpbGw9IiNmZmYiIHhsaW5rOmhyZWY9IiNiYWRnZS1leHRyZW1lIi8+DQo8L3N2Zz4=");}.video > div.pro:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQoJPGNpcmNsZSBmaWxsPSIjMzhjZDU3IiBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiLz4NCgk8cGF0aCBpZD0iYmFkZ2UtcHJvIiBkPSJNMTUgMTAuNTQ0YzAgLjg5NC0uMjcyIDEuNTg1LS44MTcgMi4wNzItLjU0NS40ODctMS4zMi43My0yLjMyMi43M2gtLjYyNlYxNkg5VjhoMi44NmMxLjA0NiAwIDEuODMuMjIgMi4zNTQuNjYyLjUyNC40NDIuNzg2IDEuMDcuNzg2IDEuODgyem0tMy43NjYgMS4wNGguNDA3Yy4zMzYgMCAuNjAzLS4wOS44LS4yNzMuMi0uMTgyLjI5OC0uNDM0LjI5OC0uNzU1IDAtLjU0LS4zMS0uODEtLjkyNy0uODFoLS41NzZ2MS44NHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KCTx1c2UgZmlsbD0iIzAwMCIgeGxpbms6aHJlZj0iI2JhZGdlLXBybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbC1vcGFjaXR5PSIuMiIvPg0KCTx1c2UgZmlsbD0iI2ZmZiIgeGxpbms6aHJlZj0iI2JhZGdlLXBybyIvPg0KPC9zdmc+");}#videos-content > #videos > .video:hover > div:after{top:-24px;right:-24px;transition:.2s ease .2s;}#videos-footer{display:flex;flex-direction:row;align-items:stretch;height:70px;min-height:70px;width:100%;bottom:0;left:0;padding:0 30px 20px;box-sizing:border-box;font-size:0;}#videos-footer-youtube,
#videos-footer-soundcloud{height:100%;width:72px;min-width:72px;margin-right:10px;border-radius:11px;text-align:center;line-height:50px;cursor:pointer;overflow:hidden;transition:.2s;}#videos-footer-youtube.hidden,
#videos-footer-soundcloud.hidden{width:0;min-width:0;margin-right:0;}#videos-footer-youtube{background-color:#e62d27;}#videos-footer-youtube:hover{background-color:#fd4039;}#videos-footer-youtube:active{background-color:#cf2721;}#videos-footer-soundcloud{background-color:#ff5500;}#videos-footer-soundcloud:hover{background-color:#ff6b20;}#videos-footer-soundcloud:active{background-color:#e04a00;}#videos-footer-youtube > svg,
#videos-footer-soundcloud > svg{vertical-align:middle;}#videos-footer-broadcast-wrapper{position:relative;display:flex;flex-direction:row;align-items:stretch;width:100%;}#videos-footer-broadcast{position:relative;display:block;height:50px;width:100%;padding-left:64px;border-radius:11px 0 0 11px;box-sizing:border-box;background-color:#38cd57;font-size:16px;font-weight:700;color:#fff;text-align:center;line-height:50px;cursor:pointer;transition:.2s;}#videos-footer-broadcast:hover{background-color:#13a832;}#videos-footer-broadcast-wrapper.hide-submenu > #videos-footer-broadcast{padding:0;border-radius:11px;}#videos-footer-broadcast-wrapper.hide-submenu > #videos-footer-submenu-button,
#videos-footer-broadcast-wrapper.hide-submenu > #videos-footer-submenu{display:none;}#videos-footer-broadcast-wrapper > .video{position:absolute;display:none;width:63px;top:0;left:0;}#videos-footer-broadcast-wrapper.moderation > .video{display:block;}#videos-footer-broadcast-wrapper.moderation > #videos-footer-broadcast{padding-left:64px;}#videos-footer-broadcast-wrapper > .video:after{border-color:#2d373a;}#videos-footer-broadcast-wrapper > .waiting{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:11px;background-color:#38cd57;opacity:0;visibility:hidden;transition:.2s;}#videos-footer-broadcast-wrapper.show-ptt > .waiting{right:138px;}#videos-footer-broadcast-wrapper.active > .waiting{background-color:#2d373a;}#videos-footer-broadcast-wrapper.wait > .waiting{opacity:1;visibility:visible;}#videos-footer-broadcast-wrapper > .waiting > .waiting-content > span{border-color:#fff;}#videos-footer-broadcast-wrapper.wait > .waiting > .waiting-content > span{animation-play-state:running;-webkit-animation-play-state:running;}#videos-footer-broadcast-wrapper > #videos-footer-submenu-button{position:relative;display:block;height:100%;width:64px;min-width:64px;border-radius:0 11px 11px 0;box-sizing:border-box;background-color:#38cd57;cursor:pointer;transition:.2s;}#videos-footer-broadcast-wrapper > #videos-footer-submenu-button:before{content:'';position:absolute;display:block;height:0;width:0;top:22px;right:27px;border-width:0 5px 6px;border-style:solid;border-color:#fff transparent;opacity:1;visibility:visible;transition:.2s;}#videos-footer-broadcast-wrapper > #videos-footer-submenu-button:hover,
#videos-footer-broadcast-wrapper > #videos-footer-submenu-button:focus{background-color:#13a832;}#videos-footer-broadcast-wrapper > #videos-footer-submenu-button:focus:before{opacity:0;visibility:hidden;}#videos-footer-broadcast-wrapper.active > #videos-footer-broadcast,
#videos-footer-broadcast-wrapper.active > #videos-footer-submenu-button,
#videos-footer-broadcast-wrapper.active > #videos-footer-submenu-button:focus{background-color:#2d373a;}#videos-footer-push-to-talk{height:100%;width:0;min-width:0;margin-left:0;border-radius:11px;line-height:50px;text-align:center;background-color:#38cd57;cursor:pointer;opacity:0;overflow:hidden;transition:.2s;}#videos-footer-push-to-talk:hover{background-color:#13a832;}#videos-footer-broadcast-wrapper.show-ptt > #videos-footer-push-to-talk{width:128px;min-width:128px;margin-left:10px;opacity:1;overflow:visible;}#videos-footer-broadcast-wrapper.active-ptt > #videos-footer-push-to-talk{background-color:#2d373a;}#videos-footer-push-to-talk > svg{vertical-align:middle;pointer-events:none;}#videos-footer-submenu{position:absolute;width:250px;bottom:29px;right:16px;padding:7px;border-radius:4px;background-color:#fff;font-size:14px;color:#000;box-shadow:0 1px 4px 0 rgba(0, 0, 0, .09);opacity:0;visibility:hidden;z-index:2;transition:.2s;}#videos-footer-submenu:before,
#videos-footer-submenu:after{content:'';position:absolute;display:block;height:0;width:0;right:9px;bottom:-8px;border-width:7px 7px 0 7px;border-style:solid;border-color:rgba(0, 0, 0, .06) transparent;}#videos-footer-submenu:after{bottom:-7px;border-color:#fff transparent;}#videos-footer-submenu-button:focus + #videos-footer-submenu{opacity:1;visibility:visible;}#videos-footer-broadcast-wrapper.show-ptt > #videos-footer-submenu{right:154px;}#videos-footer-submenu > *{position:relative;display:block;height:40px;padding:0 15px;border-radius:4px;box-sizing:border-box;font-size:13px;color:#000;line-height:40px;cursor:pointer;text-align:center;transition:.2s;}#videos-footer-submenu > div{padding:0;height:auto;}#videos-footer-submenu > span:hover{background-color:#04caff;color:#fff;}#videos-footer-submenu > span + span{margin-top:5px;}#submenu-icons{display:none;flex-direction:row;align-items:stretch;}#submenu-icons > div{width:100%;margin-top:5px;border-radius:4px;transition:.2s;}#submenu-icons > div:not(.hidden) + div{margin-left:10px;}#submenu-icons > div.submenu-icon > svg{line-height:40px;vertical-align:middle;}#submenu-icons > div.submenu-icon > svg > path{transition:.2s;}#submenu-icons > div.submenu-icon:hover > svg > path{fill:#fff;}#submenu-icons > div.submenu-icon.soundcloud:hover{background-color:#f50;}#submenu-icons > div.submenu-icon.youtube:hover{background-color:#cc181e;}#submenu-icons > div.submenu-icon.soundcloud.hidden,
#submenu-icons > div.submenu-icon.youtube.hidden{display:none;}@keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@-webkit-keyframes waiting{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:100%;opacity:0;}}@media screen and (max-width: 600px){:host,
#videolist{min-height:285px;}#videos-header{position:absolute;height:50px;width:50%;top:auto;bottom:0;padding:0 2px 10px 15px;box-sizing:border-box;}#videos-header > span{background-color:#f6f6f6;line-height:40px;}#videos-footer-broadcast,
#videos-header > span:first-child{border-radius:8px 0 0 8px;}#videos-footer-submenu-button,
#videos-header > span:last-child{border-radius:0 8px 8px 0;}#videos-footer{position:relative;height:50px;min-height:50px;width:50%;left:50%;padding:0 15px 10px 2px;}#videolist.hide-header > #videos-footer{width:100%;left:0;padding:0 15px 10px;}#videos-footer-broadcast-wrapper.hide-submenu > #videos-footer-broadcast,
#videos-footer-broadcast-wrapper > .waiting,
#videos-footer-push-to-talk,
#videos-footer-broadcast-wrapper.hide-submenu > #videos-footer-broadcast{border-radius:8px;}#videos-footer-broadcast-wrapper.moderation > #videos-footer-broadcast{padding-left:65px;}#videos-footer-broadcast-wrapper > .video{width:50px;padding:3px;}#videos-footer-broadcast-wrapper > .video:after{border-width:3px;border-radius:8px;}#videos-footer-broadcast,
#videos-footer-broadcast-wrapper.hide-submenu > #videos-footer-broadcast{height:40px;padding-left:14px;line-height:40px;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}#videos-footer-broadcast-wrapper.hide-submenu > #videos-footer-broadcast{padding-right:14px;}#videos-footer-youtube,
#videos-footer-soundcloud{display:none;}#submenu-icons{display:flex;}#videos{top:12px;right:13px;bottom:12px;left:13px;}.video{padding:2px;}.video:after{border-width:2px;border-radius:4px;}#videos-footer-broadcast-wrapper > #videos-footer-submenu-button{width:48px;min-width:48px;}#videos-footer-broadcast-wrapper > #videos-footer-submenu-button:before{top:17px;right:18px;}#videos-footer-broadcast-wrapper.show-ptt > .waiting{right:58px;}#videos-footer-submenu{right:8px;}#videos-footer-broadcast-wrapper.show-ptt > #videos-footer-submenu{right:66px;}#videos-footer-push-to-talk{line-height:40px;}#videos-footer-broadcast-wrapper.show-ptt > #videos-footer-push-to-talk{width:48px;min-width:48px;}#videos-footer-push-to-talk > svg{height:30px;}}#videolist.full-screen,
#videolist.full-screen > #videos-header,
#videolist.full-screen .videos-header-volume:before{background-color:#101314;}#videolist.full-screen #videos-header-sound > svg.muted > path:nth-child(2){fill:#101314;}#videolist.full-screen #videos-header-fullscreen > svg{display:none;}#videolist.full-screen #videos-header-fullscreen > svg + svg{display:inline-block;}#videolist.full-screen .video:after{border-color:#101314;}#videolist.full-screen .videos-header-volume{border-color:#202628;}#videolist.full-screen #videos-footer-submenu{background-color:#202628;}#videolist.full-screen #videos-footer-submenu:after{border-color:#202628 transparent;}#videolist.full-screen #videos-footer-submenu > span{color:#fff;}</style></template></dom-module>
<dom-module id="tinychat-videolist" assetpath="../ui/"><template strip-whitespace=""><style include="client-videolist"></style><div id="videolist"><div id="lurker"><svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="#fff" fill-rule="evenodd"></circle><path d="M8 4h2v7H8zM8 12h2v2H8z"
@rinath
Copy link

rinath commented Oct 8, 2022

is that omegle like chatroom for multiple people? whats the website?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment