"use strict";
var _createClass = function () {
function a(e, f) {
for (var h, g = 0; g < f.length; g++) h = f[g], h.enumerable = h.enumerable || !1, h.configurable = !0, "value" in h && (h.writable = !0), Object.defineProperty(e, h.key, h)
}
return function (e, f, g) {
return f && a(e.prototype, f), g && a(e, g), e
}
}();
function _classCallCheck(a, e) {
if (!(a instanceof e)) throw new TypeError("Cannot call a class as a function")
}
var TJScrollTask = function () {
function a(e, f, g) {
_classCallCheck(this, a), this.tjDeck = e, this.$t = e.$wrap, this.x = f, this.d = g, this.sl = e.wrapL, this.sTime = Date.now(), this.ended = !1, this._bindAnim = this._anim.bind(this);
var h = e.getClms();
0 > f || f > h[0].offsetWidth * (h.length - 1) ? this.ended = !0 : requestAnimationFrame(this._bindAnim)
}
return _createClass(a, [{
key: "stop",
value: function stop() {
this.ended || (this.ended = !0, cancelAnimationFrame(this._bindAnim))
}
}, {
key: "_anim",
value: function _anim() {
if (!this.ended) {
var e = (Date.now() - this.sTime) / this.d,
f = this.sl,
g = this.x - this.sl;
1 < e && !this.ended && (this.stop(), e = 1), this.tjDeck.scrollWrap(this._easeOut(e, f, g, 1)), 1 > e && requestAnimationFrame(this._bindAnim)
}
}
}, {
key: "_easeOut",
value: function _easeOut(e, f, g, h) {
return e /= h, --e, g * (e * e * e + 1) + f
}
}]), a
}(),
TJDeck = function () {
function a() {
_classCallCheck(this, a), this.version = "0.0.9", this.$wrap = document.querySelector(".js-app-columns"), this.wrapL = 0, this.scrollTask = null, this.options = this.getOptionObj(), this.setOptionFromObj(this.options), this.$options = this.createOptionPanel(), document.body.appendChild(this.$options), this.updateBlur(), this.updateLight()
}
return _createClass(a, [{
key: "getOption",
value: function getOption(e, f) {
var g = localStorage.getItem("tj_deck_" + e);
return g ? "true" == g : f
}
}, {
key: "getOptionObj",
value: function getOptionObj() {
return {
light: this.getOption("light", !0),
light_clm: this.getOption("light_clm", !1),
blur: this.getOption("blur", !1)
}
}
}, {
key: "setOption",
value: function setOption(e, f) {
localStorage.setItem("tj_deck_" + e, f)
}
}, {
key: "setOptionFromObj",
value: function setOptionFromObj(e) {
for (var f = Object.keys(e), g = 0; g < f.length; g++) this.setOption(f[g], e[f[g]])
}
}, {
key: "getClms",
value: function getClms() {
return this.$wrap.querySelectorAll("section.column")
}
}, {
key: "back",
value: function back() {
if ("none" != this.$options.style.display) return this.updateOption(), void this.hideOptionPanel();
var e = document.querySelector(".mdl-dismiss");
if (e) return void e.click();
if (this.isShownDrawer()) return void this.hideDrawer();
var f = this.getClosestColumn(this.wrapL),
g = f.querySelector(".js-column-back");
if (g) return void g.click()
}
}, {
key: "isShownItem",
value: function isShownItem() {
return !!document.querySelector(".mdl-dismiss") || this.isShownDrawer()
}
}, {
key: "isShownDrawer",
value: function isShownDrawer() {
return !!document.querySelector(".hide-detail-view-inline")
}
}, {
key: "hideDrawer",
value: function hideDrawer() {
var e = document.querySelector(".js-hide-drawer");
e && e.click()
}
}, {
key: "showDrawer",
value: function showDrawer() {
var e = document.querySelector(".js-show-drawer");
e && e.click()
}
}, {
key: "manageBack",
value: function manageBack() {
history.pushState(null, null, ""), window.addEventListener("popstate", function () {
this.back(), history.pushState(null, null, "")
}.bind(this))
}
}, {
key: "observeModals",
value: function observeModals() {
for (var e = new MutationObserver(function (j) {
for (var k, l, m = 0; m < j.length; m++) {
k = j[m];
for (var o = 0; o < k.addedNodes.length; o++) l = k.addedNodes[m], this.stopAnkerFromModal(l)
}
}.bind(this)), f = {
attributes: !1,
characterData: !0,
childList: !0
}, g = document.querySelectorAll(".js-modals-container, .js-modal"), h = 0; h < g.length; h++) e.observe(g[h], f)
}
}, {
key: "stopAnkerFromModal",
value: function stopAnkerFromModal(e) {
for (var g, f = e.querySelectorAll("a"), h = function (k) {
return k.preventDefault(), k.target.removeEventListener("click", h), !1
}, j = 0; j < f.length; j++) g = f[j], g.href && g.href.match(/#$/) && g.addEventListener("click", h)
}
}, {
key: "observeClms",
value: function observeClms() {
var e = new MutationObserver(function (g) {
for (var h, j, k = 0; k < g.length; k++) j = g[k], j.addedNodes[0] && (h = j.addedNodes[0]), j.removedNodes[0] && (j.nextSibling instanceof Element ? h = j.nextSibling : j.previousSibling instanceof Element ? h = j.previousSibling : h = this.getClms()[0]);
h && h instanceof Element && this.scrollWrapAnim(h.offsetLeft)
}.bind(this));
e.observe(this.$wrap, {
attributes: !1,
characterData: !1,
childList: !0
})
}
}, {
key: "manageScroll",
value: function manageScroll() {
var e, g, h, f = Date.now(),
j = null;
document.querySelector(".js-app-columns-container").addEventListener("scroll", function (k) {
//k.target.scrollLeft = 0
}.bind(this)), document.querySelector(".js-app-columns").addEventListener("drag", function (k) {
1 < k.touches.length || this.isShownItem() || (e = this._getPosObj(k), g = e, j = -1, f = Date.now(), h = this.getClosestColumn(this.wrapL))
}.bind(this)), window.addEventListener("touchmove", function (k) {
if (j) {
if (0 > j) {
var l = this._getPosObj(k);
if (Math.abs(l.x - e.x) < Math.abs(l.y - e.y)) return void (j = 0);
j = 1
}
if (1 == j) {
this.scrollTask && this.scrollTask.stop();
var l = this._getPosObj(k);
g = l, this.options.light_clm || this.scrollWrap(this.wrapL + g.x - l.x)
}
}
}.bind(this)), window.addEventListener("touchend", function () {
if (!(1 > j)) {
j = null;
var p, l = Date.now(),
m = g,
o = e.x - m.x;
0.5 <= Math.abs(o) / (l - f) ? 0 < o ? (p = h.nextElementSibling, this.hideMenu()) : (p = h.previousElementSibling, !p && this.showMenu()) : p = this.getClosestColumn(this.wrapL), p && p instanceof Element && this.scrollWrapAnim(p.offsetLeft)
}
}.bind(this))
}
}, {
key: "scrollWrapAnim",
value: function scrollWrapAnim(e) {
this.scrollTask && this.scrollTask.stop(), this.scrollTask = new TJScrollTask(this, e, this.options.light_clm ? 0 : 500)
}
}, {
key: "scrollWrap",
value: function scrollWrap(e) {
var f = this.getClms();
0 > e || e > f[0].offsetWidth * (f.length - 1) || !isFinite(e) || (this.$wrap.style.transform = "translateX(" + -e + "px)", this.wrapL = e)
}
}, {
key: "getClosestColumn",
value: function getClosestColumn(e) {
for (var h, f = this.getClms(), g = 0; g < f.length; g++)
if (h = Math.abs(e - f[g].offsetLeft), h <= f[g].offsetWidth / 2) return f[g];
return f[f.length - 1]
}
}, {
key: "_getPosObj",
value: function _getPosObj(e) {
return {
x: e.touches[0].pageX,
y: e.touches[0].pageY
}
}
}, {
key: "hideMenu",
value: function hideMenu() {
document.body.classList.add("tj_hide_menu")
}
}, {
key: "showMenu",
value: function showMenu() {
document.body.classList.remove("tj_hide_menu")
}
}, {
key: "showTJSetting",
value: function showTJSetting() { }
}, {
key: "addTJNav",
value: function addTJNav() {
var e = document.createElement("nav");
e.classList.add("tj_nav"), e.appendChild(this.createTweetBtn()), e.appendChild(this.createSettingBtn()), document.querySelector(".js-app-content").appendChild(e)
}
}, {
key: "createTweetBtn",
value: function createTweetBtn() {
var e = document.createElement("button");
return e.classList.add("tj_tweet_btn", "Button", "Button--primary", "tweet-button"), e.innerHTML = "", e.addEventListener("click", this.showDrawer.bind(this)), e
}
}, {
key: "createSettingBtn",
value: function createSettingBtn() {
var e = document.createElement("a");
return e.classList.add("tj_setting_btn"), e.href = "javascript:void(0)", e.innerHTML = "", e.addEventListener("click", this.showOptionPanel.bind(this)), e
}
}, {
key: "createOptionPanel",
value: function createOptionPanel() {
var e = document.createElement("div");
return e.classList.add("tj_options"), e.style.display = "none", e.innerHTML = "\nTJDeck 設定
\n(Customed by Cutls P: https://gist.github.com/cutls/
8787a55d2c1c53274e68a427966046a6)
\n\t\n\t\n
\n\n\t\n\t\n
\n\n\t\n\t\n
\n\n\t
Script Version: " + this.version + "
\n