4137 lines
143 KiB
JavaScript
4137 lines
143 KiB
JavaScript
|
/******/ (function(modules) { // webpackBootstrap
|
||
|
|
/******/ // The module cache
|
||
|
|
/******/ var installedModules = {};
|
||
|
|
/******/
|
||
|
|
/******/ // The require function
|
||
|
|
/******/ function __webpack_require__(moduleId) {
|
||
|
|
/******/
|
||
|
|
/******/ // Check if module is in cache
|
||
|
|
/******/ if(installedModules[moduleId]) {
|
||
|
|
/******/ return installedModules[moduleId].exports;
|
||
|
|
/******/ }
|
||
|
|
/******/ // Create a new module (and put it into the cache)
|
||
|
|
/******/ var module = installedModules[moduleId] = {
|
||
|
|
/******/ i: moduleId,
|
||
|
|
/******/ l: false,
|
||
|
|
/******/ exports: {}
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // Execute the module function
|
||
|
|
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||
|
|
/******/
|
||
|
|
/******/ // Flag the module as loaded
|
||
|
|
/******/ module.l = true;
|
||
|
|
/******/
|
||
|
|
/******/ // Return the exports of the module
|
||
|
|
/******/ return module.exports;
|
||
|
|
/******/ }
|
||
|
|
/******/
|
||
|
|
/******/
|
||
|
|
/******/ // expose the modules object (__webpack_modules__)
|
||
|
|
/******/ __webpack_require__.m = modules;
|
||
|
|
/******/
|
||
|
|
/******/ // expose the module cache
|
||
|
|
/******/ __webpack_require__.c = installedModules;
|
||
|
|
/******/
|
||
|
|
/******/ // define getter function for harmony exports
|
||
|
|
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||
|
|
/******/ if(!__webpack_require__.o(exports, name)) {
|
||
|
|
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
||
|
|
/******/ }
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // define __esModule on exports
|
||
|
|
/******/ __webpack_require__.r = function(exports) {
|
||
|
|
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
||
|
|
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||
|
|
/******/ }
|
||
|
|
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // create a fake namespace object
|
||
|
|
/******/ // mode & 1: value is a module id, require it
|
||
|
|
/******/ // mode & 2: merge all properties of value into the ns
|
||
|
|
/******/ // mode & 4: return value when already ns object
|
||
|
|
/******/ // mode & 8|1: behave like require
|
||
|
|
/******/ __webpack_require__.t = function(value, mode) {
|
||
|
|
/******/ if(mode & 1) value = __webpack_require__(value);
|
||
|
|
/******/ if(mode & 8) return value;
|
||
|
|
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
||
|
|
/******/ var ns = Object.create(null);
|
||
|
|
/******/ __webpack_require__.r(ns);
|
||
|
|
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
||
|
|
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
||
|
|
/******/ return ns;
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||
|
|
/******/ __webpack_require__.n = function(module) {
|
||
|
|
/******/ var getter = module && module.__esModule ?
|
||
|
|
/******/ function getDefault() { return module['default']; } :
|
||
|
|
/******/ function getModuleExports() { return module; };
|
||
|
|
/******/ __webpack_require__.d(getter, 'a', getter);
|
||
|
|
/******/ return getter;
|
||
|
|
/******/ };
|
||
|
|
/******/
|
||
|
|
/******/ // Object.prototype.hasOwnProperty.call
|
||
|
|
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||
|
|
/******/
|
||
|
|
/******/ // __webpack_public_path__
|
||
|
|
/******/ __webpack_require__.p = "/js/";
|
||
|
|
/******/
|
||
|
|
/******/
|
||
|
|
/******/ // Load entry module and return exports
|
||
|
|
/******/ return __webpack_require__(__webpack_require__.s = 0);
|
||
|
|
/******/ })
|
||
|
|
/************************************************************************/
|
||
|
|
/******/ ({
|
||
|
|
|
||
|
|
/***/ "../deps/phoenix/priv/static/phoenix.js":
|
||
|
|
/*!**********************************************!*\
|
||
|
|
!*** ../deps/phoenix/priv/static/phoenix.js ***!
|
||
|
|
\**********************************************/
|
||
|
|
/*! no static exports found */
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
!function (e, t) {
|
||
|
|
true ? module.exports = t() : undefined;
|
||
|
|
}(this, function () {
|
||
|
|
return function (e) {
|
||
|
|
var t = {};
|
||
|
|
|
||
|
|
function n(i) {
|
||
|
|
if (t[i]) return t[i].exports;
|
||
|
|
var o = t[i] = {
|
||
|
|
i: i,
|
||
|
|
l: !1,
|
||
|
|
exports: {}
|
||
|
|
};
|
||
|
|
return e[i].call(o.exports, o, o.exports, n), o.l = !0, o.exports;
|
||
|
|
}
|
||
|
|
|
||
|
|
return n.m = e, n.c = t, n.d = function (e, t, i) {
|
||
|
|
n.o(e, t) || Object.defineProperty(e, t, {
|
||
|
|
enumerable: !0,
|
||
|
|
get: i
|
||
|
|
});
|
||
|
|
}, n.r = function (e) {
|
||
|
|
"undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
|
||
|
|
value: "Module"
|
||
|
|
}), Object.defineProperty(e, "__esModule", {
|
||
|
|
value: !0
|
||
|
|
});
|
||
|
|
}, n.t = function (e, t) {
|
||
|
|
if (1 & t && (e = n(e)), 8 & t) return e;
|
||
|
|
if (4 & t && "object" == typeof e && e && e.__esModule) return e;
|
||
|
|
var i = Object.create(null);
|
||
|
|
if (n.r(i), Object.defineProperty(i, "default", {
|
||
|
|
enumerable: !0,
|
||
|
|
value: e
|
||
|
|
}), 2 & t && "string" != typeof e) for (var o in e) n.d(i, o, function (t) {
|
||
|
|
return e[t];
|
||
|
|
}.bind(null, o));
|
||
|
|
return i;
|
||
|
|
}, n.n = function (e) {
|
||
|
|
var t = e && e.__esModule ? function () {
|
||
|
|
return e.default;
|
||
|
|
} : function () {
|
||
|
|
return e;
|
||
|
|
};
|
||
|
|
return n.d(t, "a", t), t;
|
||
|
|
}, n.o = function (e, t) {
|
||
|
|
return Object.prototype.hasOwnProperty.call(e, t);
|
||
|
|
}, n.p = "", n(n.s = 0);
|
||
|
|
}([function (e, t, n) {
|
||
|
|
(function (t) {
|
||
|
|
e.exports = t.Phoenix = n(2);
|
||
|
|
}).call(this, n(1));
|
||
|
|
}, function (e, t) {
|
||
|
|
var n;
|
||
|
|
|
||
|
|
n = function () {
|
||
|
|
return this;
|
||
|
|
}();
|
||
|
|
|
||
|
|
try {
|
||
|
|
n = n || new Function("return this")();
|
||
|
|
} catch (e) {
|
||
|
|
"object" == typeof window && (n = window);
|
||
|
|
}
|
||
|
|
|
||
|
|
e.exports = n;
|
||
|
|
}, function (e, t, n) {
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
function i(e) {
|
||
|
|
return function (e) {
|
||
|
|
if (Array.isArray(e)) return a(e);
|
||
|
|
}(e) || function (e) {
|
||
|
|
if ("undefined" != typeof Symbol && Symbol.iterator in Object(e)) return Array.from(e);
|
||
|
|
}(e) || s(e) || function () {
|
||
|
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
||
|
|
}();
|
||
|
|
}
|
||
|
|
|
||
|
|
function o(e) {
|
||
|
|
return (o = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
|
||
|
|
return typeof e;
|
||
|
|
} : function (e) {
|
||
|
|
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
||
|
|
})(e);
|
||
|
|
}
|
||
|
|
|
||
|
|
function r(e, t) {
|
||
|
|
return function (e) {
|
||
|
|
if (Array.isArray(e)) return e;
|
||
|
|
}(e) || function (e, t) {
|
||
|
|
if ("undefined" == typeof Symbol || !(Symbol.iterator in Object(e))) return;
|
||
|
|
var n = [],
|
||
|
|
i = !0,
|
||
|
|
o = !1,
|
||
|
|
r = void 0;
|
||
|
|
|
||
|
|
try {
|
||
|
|
for (var s, a = e[Symbol.iterator](); !(i = (s = a.next()).done) && (n.push(s.value), !t || n.length !== t); i = !0);
|
||
|
|
} catch (e) {
|
||
|
|
o = !0, r = e;
|
||
|
|
} finally {
|
||
|
|
try {
|
||
|
|
i || null == a.return || a.return();
|
||
|
|
} finally {
|
||
|
|
if (o) throw r;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return n;
|
||
|
|
}(e, t) || s(e, t) || function () {
|
||
|
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
||
|
|
}();
|
||
|
|
}
|
||
|
|
|
||
|
|
function s(e, t) {
|
||
|
|
if (e) {
|
||
|
|
if ("string" == typeof e) return a(e, t);
|
||
|
|
var n = Object.prototype.toString.call(e).slice(8, -1);
|
||
|
|
return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(n) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? a(e, t) : void 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function a(e, t) {
|
||
|
|
(null == t || t > e.length) && (t = e.length);
|
||
|
|
|
||
|
|
for (var n = 0, i = new Array(t); n < t; n++) i[n] = e[n];
|
||
|
|
|
||
|
|
return i;
|
||
|
|
}
|
||
|
|
|
||
|
|
function c(e, t) {
|
||
|
|
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
|
||
|
|
}
|
||
|
|
|
||
|
|
function u(e, t) {
|
||
|
|
for (var n = 0; n < t.length; n++) {
|
||
|
|
var i = t[n];
|
||
|
|
i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function h(e, t, n) {
|
||
|
|
return t && u(e.prototype, t), n && u(e, n), e;
|
||
|
|
}
|
||
|
|
|
||
|
|
n.r(t), n.d(t, "Channel", function () {
|
||
|
|
return A;
|
||
|
|
}), n.d(t, "Serializer", function () {
|
||
|
|
return M;
|
||
|
|
}), n.d(t, "Socket", function () {
|
||
|
|
return J;
|
||
|
|
}), n.d(t, "LongPoll", function () {
|
||
|
|
return H;
|
||
|
|
}), n.d(t, "Ajax", function () {
|
||
|
|
return D;
|
||
|
|
}), n.d(t, "Presence", function () {
|
||
|
|
return B;
|
||
|
|
});
|
||
|
|
|
||
|
|
var l = "undefined" != typeof self ? self : null,
|
||
|
|
f = "undefined" != typeof window ? window : null,
|
||
|
|
d = l || f || void 0,
|
||
|
|
p = 0,
|
||
|
|
v = 1,
|
||
|
|
y = 2,
|
||
|
|
m = 3,
|
||
|
|
g = "closed",
|
||
|
|
k = "errored",
|
||
|
|
b = "joined",
|
||
|
|
j = "joining",
|
||
|
|
C = "leaving",
|
||
|
|
R = "phx_close",
|
||
|
|
S = "phx_error",
|
||
|
|
T = "phx_join",
|
||
|
|
w = "phx_reply",
|
||
|
|
E = "phx_leave",
|
||
|
|
x = [R, S, T, w, E],
|
||
|
|
O = "longpoll",
|
||
|
|
P = "websocket",
|
||
|
|
L = function (e) {
|
||
|
|
if ("function" == typeof e) return e;
|
||
|
|
return function () {
|
||
|
|
return e;
|
||
|
|
};
|
||
|
|
},
|
||
|
|
_ = function () {
|
||
|
|
function e(t, n, i, o) {
|
||
|
|
c(this, e), this.channel = t, this.event = n, this.payload = i || function () {
|
||
|
|
return {};
|
||
|
|
}, this.receivedResp = null, this.timeout = o, this.timeoutTimer = null, this.recHooks = [], this.sent = !1;
|
||
|
|
}
|
||
|
|
|
||
|
|
return h(e, [{
|
||
|
|
key: "resend",
|
||
|
|
value: function (e) {
|
||
|
|
this.timeout = e, this.reset(), this.send();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "send",
|
||
|
|
value: function () {
|
||
|
|
this.hasReceived("timeout") || (this.startTimeout(), this.sent = !0, this.channel.socket.push({
|
||
|
|
topic: this.channel.topic,
|
||
|
|
event: this.event,
|
||
|
|
payload: this.payload(),
|
||
|
|
ref: this.ref,
|
||
|
|
join_ref: this.channel.joinRef()
|
||
|
|
}));
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "receive",
|
||
|
|
value: function (e, t) {
|
||
|
|
return this.hasReceived(e) && t(this.receivedResp.response), this.recHooks.push({
|
||
|
|
status: e,
|
||
|
|
callback: t
|
||
|
|
}), this;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "reset",
|
||
|
|
value: function () {
|
||
|
|
this.cancelRefEvent(), this.ref = null, this.refEvent = null, this.receivedResp = null, this.sent = !1;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "matchReceive",
|
||
|
|
value: function (e) {
|
||
|
|
var t = e.status,
|
||
|
|
n = e.response;
|
||
|
|
e.ref;
|
||
|
|
this.recHooks.filter(function (e) {
|
||
|
|
return e.status === t;
|
||
|
|
}).forEach(function (e) {
|
||
|
|
return e.callback(n);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "cancelRefEvent",
|
||
|
|
value: function () {
|
||
|
|
this.refEvent && this.channel.off(this.refEvent);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "cancelTimeout",
|
||
|
|
value: function () {
|
||
|
|
clearTimeout(this.timeoutTimer), this.timeoutTimer = null;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "startTimeout",
|
||
|
|
value: function () {
|
||
|
|
var e = this;
|
||
|
|
this.timeoutTimer && this.cancelTimeout(), this.ref = this.channel.socket.makeRef(), this.refEvent = this.channel.replyEventName(this.ref), this.channel.on(this.refEvent, function (t) {
|
||
|
|
e.cancelRefEvent(), e.cancelTimeout(), e.receivedResp = t, e.matchReceive(t);
|
||
|
|
}), this.timeoutTimer = setTimeout(function () {
|
||
|
|
e.trigger("timeout", {});
|
||
|
|
}, this.timeout);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "hasReceived",
|
||
|
|
value: function (e) {
|
||
|
|
return this.receivedResp && this.receivedResp.status === e;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "trigger",
|
||
|
|
value: function (e, t) {
|
||
|
|
this.channel.trigger(this.refEvent, {
|
||
|
|
status: e,
|
||
|
|
response: t
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}]), e;
|
||
|
|
}(),
|
||
|
|
A = function () {
|
||
|
|
function e(t, n, i) {
|
||
|
|
var o = this;
|
||
|
|
c(this, e), this.state = g, this.topic = t, this.params = L(n || {}), this.socket = i, this.bindings = [], this.bindingRef = 0, this.timeout = this.socket.timeout, this.joinedOnce = !1, this.joinPush = new _(this, T, this.params, this.timeout), this.pushBuffer = [], this.stateChangeRefs = [], this.rejoinTimer = new I(function () {
|
||
|
|
o.socket.isConnected() && o.rejoin();
|
||
|
|
}, this.socket.rejoinAfterMs), this.stateChangeRefs.push(this.socket.onError(function () {
|
||
|
|
return o.rejoinTimer.reset();
|
||
|
|
})), this.stateChangeRefs.push(this.socket.onOpen(function () {
|
||
|
|
o.rejoinTimer.reset(), o.isErrored() && o.rejoin();
|
||
|
|
})), this.joinPush.receive("ok", function () {
|
||
|
|
o.state = b, o.rejoinTimer.reset(), o.pushBuffer.forEach(function (e) {
|
||
|
|
return e.send();
|
||
|
|
}), o.pushBuffer = [];
|
||
|
|
}), this.joinPush.receive("error", function () {
|
||
|
|
o.state = k, o.socket.isConnected() && o.rejoinTimer.scheduleTimeout();
|
||
|
|
}), this.onClose(function () {
|
||
|
|
o.rejoinTimer.reset(), o.socket.hasLogger() && o.socket.log("channel", "close ".concat(o.topic, " ").concat(o.joinRef())), o.state = g, o.socket.remove(o);
|
||
|
|
}), this.onError(function (e) {
|
||
|
|
o.socket.hasLogger() && o.socket.log("channel", "error ".concat(o.topic), e), o.isJoining() && o.joinPush.reset(), o.state = k, o.socket.isConnected() && o.rejoinTimer.scheduleTimeout();
|
||
|
|
}), this.joinPush.receive("timeout", function () {
|
||
|
|
o.socket.hasLogger() && o.socket.log("channel", "timeout ".concat(o.topic, " (").concat(o.joinRef(), ")"), o.joinPush.timeout), new _(o, E, L({}), o.timeout).send(), o.state = k, o.joinPush.reset(), o.socket.isConnected() && o.rejoinTimer.scheduleTimeout();
|
||
|
|
}), this.on(w, function (e, t) {
|
||
|
|
o.trigger(o.replyEventName(t), e);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
return h(e, [{
|
||
|
|
key: "join",
|
||
|
|
value: function () {
|
||
|
|
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.timeout;
|
||
|
|
if (this.joinedOnce) throw new Error("tried to join multiple times. 'join' can only be called a single time per channel instance");
|
||
|
|
return this.timeout = e, this.joinedOnce = !0, this.rejoin(), this.joinPush;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onClose",
|
||
|
|
value: function (e) {
|
||
|
|
this.on(R, e);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onError",
|
||
|
|
value: function (e) {
|
||
|
|
return this.on(S, function (t) {
|
||
|
|
return e(t);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "on",
|
||
|
|
value: function (e, t) {
|
||
|
|
var n = this.bindingRef++;
|
||
|
|
return this.bindings.push({
|
||
|
|
event: e,
|
||
|
|
ref: n,
|
||
|
|
callback: t
|
||
|
|
}), n;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "off",
|
||
|
|
value: function (e, t) {
|
||
|
|
this.bindings = this.bindings.filter(function (n) {
|
||
|
|
return !(n.event === e && (void 0 === t || t === n.ref));
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "canPush",
|
||
|
|
value: function () {
|
||
|
|
return this.socket.isConnected() && this.isJoined();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "push",
|
||
|
|
value: function (e, t) {
|
||
|
|
var n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : this.timeout;
|
||
|
|
if (!this.joinedOnce) throw new Error("tried to push '".concat(e, "' to '").concat(this.topic, "' before joining. Use channel.join() before pushing events"));
|
||
|
|
var i = new _(this, e, function () {
|
||
|
|
return t;
|
||
|
|
}, n);
|
||
|
|
return this.canPush() ? i.send() : (i.startTimeout(), this.pushBuffer.push(i)), i;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "leave",
|
||
|
|
value: function () {
|
||
|
|
var e = this,
|
||
|
|
t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.timeout;
|
||
|
|
this.rejoinTimer.reset(), this.joinPush.cancelTimeout(), this.state = C;
|
||
|
|
|
||
|
|
var n = function () {
|
||
|
|
e.socket.hasLogger() && e.socket.log("channel", "leave ".concat(e.topic)), e.trigger(R, "leave");
|
||
|
|
},
|
||
|
|
i = new _(this, E, L({}), t);
|
||
|
|
|
||
|
|
return i.receive("ok", function () {
|
||
|
|
return n();
|
||
|
|
}).receive("timeout", function () {
|
||
|
|
return n();
|
||
|
|
}), i.send(), this.canPush() || i.trigger("ok", {}), i;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onMessage",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
return t;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isLifecycleEvent",
|
||
|
|
value: function (e) {
|
||
|
|
return x.indexOf(e) >= 0;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isMember",
|
||
|
|
value: function (e, t, n, i) {
|
||
|
|
return this.topic === e && (!i || i === this.joinRef() || !this.isLifecycleEvent(t) || (this.socket.hasLogger() && this.socket.log("channel", "dropping outdated message", {
|
||
|
|
topic: e,
|
||
|
|
event: t,
|
||
|
|
payload: n,
|
||
|
|
joinRef: i
|
||
|
|
}), !1));
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "joinRef",
|
||
|
|
value: function () {
|
||
|
|
return this.joinPush.ref;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "rejoin",
|
||
|
|
value: function () {
|
||
|
|
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.timeout;
|
||
|
|
this.isLeaving() || (this.socket.leaveOpenTopic(this.topic), this.state = j, this.joinPush.resend(e));
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "trigger",
|
||
|
|
value: function (e, t, n, i) {
|
||
|
|
var o = this.onMessage(e, t, n, i);
|
||
|
|
if (t && !o) throw new Error("channel onMessage callbacks must return the payload, modified or unmodified");
|
||
|
|
|
||
|
|
for (var r = this.bindings.filter(function (t) {
|
||
|
|
return t.event === e;
|
||
|
|
}), s = 0; s < r.length; s++) {
|
||
|
|
r[s].callback(o, n, i || this.joinRef());
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "replyEventName",
|
||
|
|
value: function (e) {
|
||
|
|
return "chan_reply_".concat(e);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isClosed",
|
||
|
|
value: function () {
|
||
|
|
return this.state === g;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isErrored",
|
||
|
|
value: function () {
|
||
|
|
return this.state === k;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isJoined",
|
||
|
|
value: function () {
|
||
|
|
return this.state === b;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isJoining",
|
||
|
|
value: function () {
|
||
|
|
return this.state === j;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isLeaving",
|
||
|
|
value: function () {
|
||
|
|
return this.state === C;
|
||
|
|
}
|
||
|
|
}]), e;
|
||
|
|
}(),
|
||
|
|
M = {
|
||
|
|
encode: function (e, t) {
|
||
|
|
var n = [e.join_ref, e.ref, e.topic, e.event, e.payload];
|
||
|
|
return t(JSON.stringify(n));
|
||
|
|
},
|
||
|
|
decode: function (e, t) {
|
||
|
|
var n = r(JSON.parse(e), 5);
|
||
|
|
return t({
|
||
|
|
join_ref: n[0],
|
||
|
|
ref: n[1],
|
||
|
|
topic: n[2],
|
||
|
|
event: n[3],
|
||
|
|
payload: n[4]
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
J = function () {
|
||
|
|
function e(t) {
|
||
|
|
var n = this,
|
||
|
|
i = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
|
||
|
|
c(this, e), this.stateChangeCallbacks = {
|
||
|
|
open: [],
|
||
|
|
close: [],
|
||
|
|
error: [],
|
||
|
|
message: []
|
||
|
|
}, this.channels = [], this.sendBuffer = [], this.ref = 0, this.timeout = i.timeout || 1e4, this.transport = i.transport || d.WebSocket || H, this.defaultEncoder = M.encode, this.defaultDecoder = M.decode, this.closeWasClean = !1, this.unloaded = !1, this.binaryType = i.binaryType || "arraybuffer", this.transport !== H ? (this.encode = i.encode || this.defaultEncoder, this.decode = i.decode || this.defaultDecoder) : (this.encode = this.defaultEncoder, this.decode = this.defaultDecoder), f && f.addEventListener && f.addEventListener("unload", function (e) {
|
||
|
|
n.conn && (n.unloaded = !0, n.abnormalClose("unloaded"));
|
||
|
|
}), this.heartbeatIntervalMs = i.heartbeatIntervalMs || 3e4, this.rejoinAfterMs = function (e) {
|
||
|
|
return i.rejoinAfterMs ? i.rejoinAfterMs(e) : [1e3, 2e3, 5e3][e - 1] || 1e4;
|
||
|
|
}, this.reconnectAfterMs = function (e) {
|
||
|
|
return n.unloaded ? 100 : i.reconnectAfterMs ? i.reconnectAfterMs(e) : [10, 50, 100, 150, 200, 250, 500, 1e3, 2e3][e - 1] || 5e3;
|
||
|
|
}, this.logger = i.logger || null, this.longpollerTimeout = i.longpollerTimeout || 2e4, this.params = L(i.params || {}), this.endPoint = "".concat(t, "/").concat(P), this.vsn = i.vsn || "2.0.0", this.heartbeatTimer = null, this.pendingHeartbeatRef = null, this.reconnectTimer = new I(function () {
|
||
|
|
n.teardown(function () {
|
||
|
|
return n.connect();
|
||
|
|
});
|
||
|
|
}, this.reconnectAfterMs);
|
||
|
|
}
|
||
|
|
|
||
|
|
return h(e, [{
|
||
|
|
key: "protocol",
|
||
|
|
value: function () {
|
||
|
|
return location.protocol.match(/^https/) ? "wss" : "ws";
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "endPointURL",
|
||
|
|
value: function () {
|
||
|
|
var e = D.appendParams(D.appendParams(this.endPoint, this.params()), {
|
||
|
|
vsn: this.vsn
|
||
|
|
});
|
||
|
|
return "/" !== e.charAt(0) ? e : "/" === e.charAt(1) ? "".concat(this.protocol(), ":").concat(e) : "".concat(this.protocol(), "://").concat(location.host).concat(e);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "disconnect",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
this.closeWasClean = !0, this.reconnectTimer.reset(), this.teardown(e, t, n);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "connect",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this;
|
||
|
|
e && (console && console.log("passing params to connect is deprecated. Instead pass :params to the Socket constructor"), this.params = L(e)), this.conn || (this.closeWasClean = !1, this.conn = new this.transport(this.endPointURL()), this.conn.binaryType = this.binaryType, this.conn.timeout = this.longpollerTimeout, this.conn.onopen = function () {
|
||
|
|
return t.onConnOpen();
|
||
|
|
}, this.conn.onerror = function (e) {
|
||
|
|
return t.onConnError(e);
|
||
|
|
}, this.conn.onmessage = function (e) {
|
||
|
|
return t.onConnMessage(e);
|
||
|
|
}, this.conn.onclose = function (e) {
|
||
|
|
return t.onConnClose(e);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "log",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
this.logger(e, t, n);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "hasLogger",
|
||
|
|
value: function () {
|
||
|
|
return null !== this.logger;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onOpen",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this.makeRef();
|
||
|
|
return this.stateChangeCallbacks.open.push([t, e]), t;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onClose",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this.makeRef();
|
||
|
|
return this.stateChangeCallbacks.close.push([t, e]), t;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onError",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this.makeRef();
|
||
|
|
return this.stateChangeCallbacks.error.push([t, e]), t;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onMessage",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this.makeRef();
|
||
|
|
return this.stateChangeCallbacks.message.push([t, e]), t;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onConnOpen",
|
||
|
|
value: function () {
|
||
|
|
this.hasLogger() && this.log("transport", "connected to ".concat(this.endPointURL())), this.unloaded = !1, this.closeWasClean = !1, this.flushSendBuffer(), this.reconnectTimer.reset(), this.resetHeartbeat(), this.stateChangeCallbacks.open.forEach(function (e) {
|
||
|
|
return (0, r(e, 2)[1])();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "resetHeartbeat",
|
||
|
|
value: function () {
|
||
|
|
var e = this;
|
||
|
|
this.conn && this.conn.skipHeartbeat || (this.pendingHeartbeatRef = null, clearInterval(this.heartbeatTimer), this.heartbeatTimer = setInterval(function () {
|
||
|
|
return e.sendHeartbeat();
|
||
|
|
}, this.heartbeatIntervalMs));
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "teardown",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
var i = this;
|
||
|
|
if (!this.conn) return e && e();
|
||
|
|
this.waitForBufferDone(function () {
|
||
|
|
i.conn && (t ? i.conn.close(t, n || "") : i.conn.close()), i.waitForSocketClosed(function () {
|
||
|
|
i.conn && (i.conn.onclose = function () {}, i.conn = null), e && e();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "waitForBufferDone",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this,
|
||
|
|
n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 1;
|
||
|
|
5 === n || !this.conn || this.conn.bufferedAmount && 0 === this.conn.bufferedAmount ? e() : setTimeout(function () {
|
||
|
|
t.waitForBufferDone(e, n + 1);
|
||
|
|
}, 150 * n);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "waitForSocketClosed",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this,
|
||
|
|
n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 1;
|
||
|
|
5 !== n && this.conn && this.conn.readyState !== m ? setTimeout(function () {
|
||
|
|
t.waitForSocketClosed(e, n + 1);
|
||
|
|
}, 150 * n) : e();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onConnClose",
|
||
|
|
value: function (e) {
|
||
|
|
this.hasLogger() && this.log("transport", "close", e), this.triggerChanError(), clearInterval(this.heartbeatTimer), this.closeWasClean || this.reconnectTimer.scheduleTimeout(), this.stateChangeCallbacks.close.forEach(function (t) {
|
||
|
|
return (0, r(t, 2)[1])(e);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onConnError",
|
||
|
|
value: function (e) {
|
||
|
|
this.hasLogger() && this.log("transport", e), this.triggerChanError(), this.stateChangeCallbacks.error.forEach(function (t) {
|
||
|
|
return (0, r(t, 2)[1])(e);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "triggerChanError",
|
||
|
|
value: function () {
|
||
|
|
this.channels.forEach(function (e) {
|
||
|
|
e.isErrored() || e.isLeaving() || e.isClosed() || e.trigger(S);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "connectionState",
|
||
|
|
value: function () {
|
||
|
|
switch (this.conn && this.conn.readyState) {
|
||
|
|
case p:
|
||
|
|
return "connecting";
|
||
|
|
|
||
|
|
case v:
|
||
|
|
return "open";
|
||
|
|
|
||
|
|
case y:
|
||
|
|
return "closing";
|
||
|
|
|
||
|
|
default:
|
||
|
|
return "closed";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isConnected",
|
||
|
|
value: function () {
|
||
|
|
return "open" === this.connectionState();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "remove",
|
||
|
|
value: function (e) {
|
||
|
|
this.off(e.stateChangeRefs), this.channels = this.channels.filter(function (t) {
|
||
|
|
return t.joinRef() !== e.joinRef();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "off",
|
||
|
|
value: function (e) {
|
||
|
|
for (var t in this.stateChangeCallbacks) this.stateChangeCallbacks[t] = this.stateChangeCallbacks[t].filter(function (t) {
|
||
|
|
var n = r(t, 1)[0];
|
||
|
|
return -1 === e.indexOf(n);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "channel",
|
||
|
|
value: function (e) {
|
||
|
|
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {},
|
||
|
|
n = new A(e, t, this);
|
||
|
|
return this.channels.push(n), n;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "push",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this;
|
||
|
|
|
||
|
|
if (this.hasLogger()) {
|
||
|
|
var n = e.topic,
|
||
|
|
i = e.event,
|
||
|
|
o = e.payload,
|
||
|
|
r = e.ref,
|
||
|
|
s = e.join_ref;
|
||
|
|
this.log("push", "".concat(n, " ").concat(i, " (").concat(s, ", ").concat(r, ")"), o);
|
||
|
|
}
|
||
|
|
|
||
|
|
this.isConnected() ? this.encode(e, function (e) {
|
||
|
|
return t.conn.send(e);
|
||
|
|
}) : this.sendBuffer.push(function () {
|
||
|
|
return t.encode(e, function (e) {
|
||
|
|
return t.conn.send(e);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "makeRef",
|
||
|
|
value: function () {
|
||
|
|
var e = this.ref + 1;
|
||
|
|
return e === this.ref ? this.ref = 0 : this.ref = e, this.ref.toString();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "sendHeartbeat",
|
||
|
|
value: function () {
|
||
|
|
if (this.isConnected()) {
|
||
|
|
if (this.pendingHeartbeatRef) return this.pendingHeartbeatRef = null, this.hasLogger() && this.log("transport", "heartbeat timeout. Attempting to re-establish connection"), void this.abnormalClose("heartbeat timeout");
|
||
|
|
this.pendingHeartbeatRef = this.makeRef(), this.push({
|
||
|
|
topic: "phoenix",
|
||
|
|
event: "heartbeat",
|
||
|
|
payload: {},
|
||
|
|
ref: this.pendingHeartbeatRef
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "abnormalClose",
|
||
|
|
value: function (e) {
|
||
|
|
this.closeWasClean = !1, this.conn.close(1e3, e);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "flushSendBuffer",
|
||
|
|
value: function () {
|
||
|
|
this.isConnected() && this.sendBuffer.length > 0 && (this.sendBuffer.forEach(function (e) {
|
||
|
|
return e();
|
||
|
|
}), this.sendBuffer = []);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onConnMessage",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this;
|
||
|
|
this.decode(e.data, function (e) {
|
||
|
|
var n = e.topic,
|
||
|
|
i = e.event,
|
||
|
|
o = e.payload,
|
||
|
|
s = e.ref,
|
||
|
|
a = e.join_ref;
|
||
|
|
s && s === t.pendingHeartbeatRef && (t.pendingHeartbeatRef = null), t.hasLogger() && t.log("receive", "".concat(o.status || "", " ").concat(n, " ").concat(i, " ").concat(s && "(" + s + ")" || ""), o);
|
||
|
|
|
||
|
|
for (var c = 0; c < t.channels.length; c++) {
|
||
|
|
var u = t.channels[c];
|
||
|
|
u.isMember(n, i, o, a) && u.trigger(i, o, s, a);
|
||
|
|
}
|
||
|
|
|
||
|
|
for (var h = 0; h < t.stateChangeCallbacks.message.length; h++) {
|
||
|
|
(0, r(t.stateChangeCallbacks.message[h], 2)[1])(e);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "leaveOpenTopic",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this.channels.find(function (t) {
|
||
|
|
return t.topic === e && (t.isJoined() || t.isJoining());
|
||
|
|
});
|
||
|
|
t && (this.hasLogger() && this.log("transport", 'leaving duplicate topic "'.concat(e, '"')), t.leave());
|
||
|
|
}
|
||
|
|
}]), e;
|
||
|
|
}(),
|
||
|
|
H = function () {
|
||
|
|
function e(t) {
|
||
|
|
c(this, e), this.endPoint = null, this.token = null, this.skipHeartbeat = !0, this.onopen = function () {}, this.onerror = function () {}, this.onmessage = function () {}, this.onclose = function () {}, this.pollEndpoint = this.normalizeEndpoint(t), this.readyState = p, this.poll();
|
||
|
|
}
|
||
|
|
|
||
|
|
return h(e, [{
|
||
|
|
key: "normalizeEndpoint",
|
||
|
|
value: function (e) {
|
||
|
|
return e.replace("ws://", "http://").replace("wss://", "https://").replace(new RegExp("(.*)/" + P), "$1/" + O);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "endpointURL",
|
||
|
|
value: function () {
|
||
|
|
return D.appendParams(this.pollEndpoint, {
|
||
|
|
token: this.token
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "closeAndRetry",
|
||
|
|
value: function () {
|
||
|
|
this.close(), this.readyState = p;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "ontimeout",
|
||
|
|
value: function () {
|
||
|
|
this.onerror("timeout"), this.closeAndRetry();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "poll",
|
||
|
|
value: function () {
|
||
|
|
var e = this;
|
||
|
|
this.readyState !== v && this.readyState !== p || D.request("GET", this.endpointURL(), "application/json", null, this.timeout, this.ontimeout.bind(this), function (t) {
|
||
|
|
if (t) {
|
||
|
|
var n = t.status,
|
||
|
|
i = t.token,
|
||
|
|
o = t.messages;
|
||
|
|
e.token = i;
|
||
|
|
} else n = 0;
|
||
|
|
|
||
|
|
switch (n) {
|
||
|
|
case 200:
|
||
|
|
o.forEach(function (t) {
|
||
|
|
return e.onmessage({
|
||
|
|
data: t
|
||
|
|
});
|
||
|
|
}), e.poll();
|
||
|
|
break;
|
||
|
|
|
||
|
|
case 204:
|
||
|
|
e.poll();
|
||
|
|
break;
|
||
|
|
|
||
|
|
case 410:
|
||
|
|
e.readyState = v, e.onopen(), e.poll();
|
||
|
|
break;
|
||
|
|
|
||
|
|
case 403:
|
||
|
|
e.onerror(), e.close();
|
||
|
|
break;
|
||
|
|
|
||
|
|
case 0:
|
||
|
|
case 500:
|
||
|
|
e.onerror(), e.closeAndRetry();
|
||
|
|
break;
|
||
|
|
|
||
|
|
default:
|
||
|
|
throw new Error("unhandled poll status ".concat(n));
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "send",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this;
|
||
|
|
D.request("POST", this.endpointURL(), "application/json", e, this.timeout, this.onerror.bind(this, "timeout"), function (e) {
|
||
|
|
e && 200 === e.status || (t.onerror(e && e.status), t.closeAndRetry());
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "close",
|
||
|
|
value: function (e, t) {
|
||
|
|
this.readyState = m, this.onclose();
|
||
|
|
}
|
||
|
|
}]), e;
|
||
|
|
}(),
|
||
|
|
D = function () {
|
||
|
|
function e() {
|
||
|
|
c(this, e);
|
||
|
|
}
|
||
|
|
|
||
|
|
return h(e, null, [{
|
||
|
|
key: "request",
|
||
|
|
value: function (e, t, n, i, o, r, s) {
|
||
|
|
if (d.XDomainRequest) {
|
||
|
|
var a = new XDomainRequest();
|
||
|
|
this.xdomainRequest(a, e, t, i, o, r, s);
|
||
|
|
} else {
|
||
|
|
var c = new d.XMLHttpRequest();
|
||
|
|
this.xhrRequest(c, e, t, n, i, o, r, s);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "xdomainRequest",
|
||
|
|
value: function (e, t, n, i, o, r, s) {
|
||
|
|
var a = this;
|
||
|
|
e.timeout = o, e.open(t, n), e.onload = function () {
|
||
|
|
var t = a.parseJSON(e.responseText);
|
||
|
|
s && s(t);
|
||
|
|
}, r && (e.ontimeout = r), e.onprogress = function () {}, e.send(i);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "xhrRequest",
|
||
|
|
value: function (e, t, n, i, o, r, s, a) {
|
||
|
|
var c = this;
|
||
|
|
e.open(t, n, !0), e.timeout = r, e.setRequestHeader("Content-Type", i), e.onerror = function () {
|
||
|
|
a && a(null);
|
||
|
|
}, e.onreadystatechange = function () {
|
||
|
|
if (e.readyState === c.states.complete && a) {
|
||
|
|
var t = c.parseJSON(e.responseText);
|
||
|
|
a(t);
|
||
|
|
}
|
||
|
|
}, s && (e.ontimeout = s), e.send(o);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "parseJSON",
|
||
|
|
value: function (e) {
|
||
|
|
if (!e || "" === e) return null;
|
||
|
|
|
||
|
|
try {
|
||
|
|
return JSON.parse(e);
|
||
|
|
} catch (t) {
|
||
|
|
return console && console.log("failed to parse JSON response", e), null;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "serialize",
|
||
|
|
value: function (e, t) {
|
||
|
|
var n = [];
|
||
|
|
|
||
|
|
for (var i in e) if (e.hasOwnProperty(i)) {
|
||
|
|
var r = t ? "".concat(t, "[").concat(i, "]") : i,
|
||
|
|
s = e[i];
|
||
|
|
"object" === o(s) ? n.push(this.serialize(s, r)) : n.push(encodeURIComponent(r) + "=" + encodeURIComponent(s));
|
||
|
|
}
|
||
|
|
|
||
|
|
return n.join("&");
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "appendParams",
|
||
|
|
value: function (e, t) {
|
||
|
|
if (0 === Object.keys(t).length) return e;
|
||
|
|
var n = e.match(/\?/) ? "&" : "?";
|
||
|
|
return "".concat(e).concat(n).concat(this.serialize(t));
|
||
|
|
}
|
||
|
|
}]), e;
|
||
|
|
}();
|
||
|
|
|
||
|
|
D.states = {
|
||
|
|
complete: 4
|
||
|
|
};
|
||
|
|
|
||
|
|
var B = function () {
|
||
|
|
function e(t) {
|
||
|
|
var n = this,
|
||
|
|
i = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
|
||
|
|
c(this, e);
|
||
|
|
var o = i.events || {
|
||
|
|
state: "presence_state",
|
||
|
|
diff: "presence_diff"
|
||
|
|
};
|
||
|
|
this.state = {}, this.pendingDiffs = [], this.channel = t, this.joinRef = null, this.caller = {
|
||
|
|
onJoin: function () {},
|
||
|
|
onLeave: function () {},
|
||
|
|
onSync: function () {}
|
||
|
|
}, this.channel.on(o.state, function (t) {
|
||
|
|
var i = n.caller,
|
||
|
|
o = i.onJoin,
|
||
|
|
r = i.onLeave,
|
||
|
|
s = i.onSync;
|
||
|
|
n.joinRef = n.channel.joinRef(), n.state = e.syncState(n.state, t, o, r), n.pendingDiffs.forEach(function (t) {
|
||
|
|
n.state = e.syncDiff(n.state, t, o, r);
|
||
|
|
}), n.pendingDiffs = [], s();
|
||
|
|
}), this.channel.on(o.diff, function (t) {
|
||
|
|
var i = n.caller,
|
||
|
|
o = i.onJoin,
|
||
|
|
r = i.onLeave,
|
||
|
|
s = i.onSync;
|
||
|
|
n.inPendingSyncState() ? n.pendingDiffs.push(t) : (n.state = e.syncDiff(n.state, t, o, r), s());
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
return h(e, [{
|
||
|
|
key: "onJoin",
|
||
|
|
value: function (e) {
|
||
|
|
this.caller.onJoin = e;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onLeave",
|
||
|
|
value: function (e) {
|
||
|
|
this.caller.onLeave = e;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onSync",
|
||
|
|
value: function (e) {
|
||
|
|
this.caller.onSync = e;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "list",
|
||
|
|
value: function (t) {
|
||
|
|
return e.list(this.state, t);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "inPendingSyncState",
|
||
|
|
value: function () {
|
||
|
|
return !this.joinRef || this.joinRef !== this.channel.joinRef();
|
||
|
|
}
|
||
|
|
}], [{
|
||
|
|
key: "syncState",
|
||
|
|
value: function (e, t, n, i) {
|
||
|
|
var o = this,
|
||
|
|
r = this.clone(e),
|
||
|
|
s = {},
|
||
|
|
a = {};
|
||
|
|
return this.map(r, function (e, n) {
|
||
|
|
t[e] || (a[e] = n);
|
||
|
|
}), this.map(t, function (e, t) {
|
||
|
|
var n = r[e];
|
||
|
|
|
||
|
|
if (n) {
|
||
|
|
var i = t.metas.map(function (e) {
|
||
|
|
return e.phx_ref;
|
||
|
|
}),
|
||
|
|
c = n.metas.map(function (e) {
|
||
|
|
return e.phx_ref;
|
||
|
|
}),
|
||
|
|
u = t.metas.filter(function (e) {
|
||
|
|
return c.indexOf(e.phx_ref) < 0;
|
||
|
|
}),
|
||
|
|
h = n.metas.filter(function (e) {
|
||
|
|
return i.indexOf(e.phx_ref) < 0;
|
||
|
|
});
|
||
|
|
u.length > 0 && (s[e] = t, s[e].metas = u), h.length > 0 && (a[e] = o.clone(n), a[e].metas = h);
|
||
|
|
} else s[e] = t;
|
||
|
|
}), this.syncDiff(r, {
|
||
|
|
joins: s,
|
||
|
|
leaves: a
|
||
|
|
}, n, i);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "syncDiff",
|
||
|
|
value: function (e, t, n, o) {
|
||
|
|
var r = t.joins,
|
||
|
|
s = t.leaves,
|
||
|
|
a = this.clone(e);
|
||
|
|
return n || (n = function () {}), o || (o = function () {}), this.map(r, function (e, t) {
|
||
|
|
var o = a[e];
|
||
|
|
|
||
|
|
if (a[e] = t, o) {
|
||
|
|
var r,
|
||
|
|
s = a[e].metas.map(function (e) {
|
||
|
|
return e.phx_ref;
|
||
|
|
}),
|
||
|
|
c = o.metas.filter(function (e) {
|
||
|
|
return s.indexOf(e.phx_ref) < 0;
|
||
|
|
});
|
||
|
|
(r = a[e].metas).unshift.apply(r, i(c));
|
||
|
|
}
|
||
|
|
|
||
|
|
n(e, o, t);
|
||
|
|
}), this.map(s, function (e, t) {
|
||
|
|
var n = a[e];
|
||
|
|
|
||
|
|
if (n) {
|
||
|
|
var i = t.metas.map(function (e) {
|
||
|
|
return e.phx_ref;
|
||
|
|
});
|
||
|
|
n.metas = n.metas.filter(function (e) {
|
||
|
|
return i.indexOf(e.phx_ref) < 0;
|
||
|
|
}), o(e, n, t), 0 === n.metas.length && delete a[e];
|
||
|
|
}
|
||
|
|
}), a;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "list",
|
||
|
|
value: function (e, t) {
|
||
|
|
return t || (t = function (e, t) {
|
||
|
|
return t;
|
||
|
|
}), this.map(e, function (e, n) {
|
||
|
|
return t(e, n);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "map",
|
||
|
|
value: function (e, t) {
|
||
|
|
return Object.getOwnPropertyNames(e).map(function (n) {
|
||
|
|
return t(n, e[n]);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "clone",
|
||
|
|
value: function (e) {
|
||
|
|
return JSON.parse(JSON.stringify(e));
|
||
|
|
}
|
||
|
|
}]), e;
|
||
|
|
}(),
|
||
|
|
I = function () {
|
||
|
|
function e(t, n) {
|
||
|
|
c(this, e), this.callback = t, this.timerCalc = n, this.timer = null, this.tries = 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
return h(e, [{
|
||
|
|
key: "reset",
|
||
|
|
value: function () {
|
||
|
|
this.tries = 0, clearTimeout(this.timer);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "scheduleTimeout",
|
||
|
|
value: function () {
|
||
|
|
var e = this;
|
||
|
|
clearTimeout(this.timer), this.timer = setTimeout(function () {
|
||
|
|
e.tries = e.tries + 1, e.callback();
|
||
|
|
}, this.timerCalc(this.tries + 1));
|
||
|
|
}
|
||
|
|
}]), e;
|
||
|
|
}();
|
||
|
|
}]);
|
||
|
|
});
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "../deps/phoenix_html/priv/static/phoenix_html.js":
|
||
|
|
/*!********************************************************!*\
|
||
|
|
!*** ../deps/phoenix_html/priv/static/phoenix_html.js ***!
|
||
|
|
\********************************************************/
|
||
|
|
/*! no static exports found */
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
(function () {
|
||
|
|
var PolyfillEvent = eventConstructor();
|
||
|
|
|
||
|
|
function eventConstructor() {
|
||
|
|
if (typeof window.CustomEvent === "function") return window.CustomEvent; // IE<=9 Support
|
||
|
|
|
||
|
|
function CustomEvent(event, params) {
|
||
|
|
params = params || {
|
||
|
|
bubbles: false,
|
||
|
|
cancelable: false,
|
||
|
|
detail: undefined
|
||
|
|
};
|
||
|
|
var evt = document.createEvent('CustomEvent');
|
||
|
|
evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
|
||
|
|
return evt;
|
||
|
|
}
|
||
|
|
|
||
|
|
CustomEvent.prototype = window.Event.prototype;
|
||
|
|
return CustomEvent;
|
||
|
|
}
|
||
|
|
|
||
|
|
function buildHiddenInput(name, value) {
|
||
|
|
var input = document.createElement("input");
|
||
|
|
input.type = "hidden";
|
||
|
|
input.name = name;
|
||
|
|
input.value = value;
|
||
|
|
return input;
|
||
|
|
}
|
||
|
|
|
||
|
|
function handleClick(element) {
|
||
|
|
var to = element.getAttribute("data-to"),
|
||
|
|
method = buildHiddenInput("_method", element.getAttribute("data-method")),
|
||
|
|
csrf = buildHiddenInput("_csrf_token", element.getAttribute("data-csrf")),
|
||
|
|
form = document.createElement("form"),
|
||
|
|
target = element.getAttribute("target");
|
||
|
|
form.method = element.getAttribute("data-method") === "get" ? "get" : "post";
|
||
|
|
form.action = to;
|
||
|
|
form.style.display = "hidden";
|
||
|
|
if (target) form.target = target;
|
||
|
|
form.appendChild(csrf);
|
||
|
|
form.appendChild(method);
|
||
|
|
document.body.appendChild(form);
|
||
|
|
form.submit();
|
||
|
|
}
|
||
|
|
|
||
|
|
window.addEventListener("click", function (e) {
|
||
|
|
var element = e.target;
|
||
|
|
|
||
|
|
while (element && element.getAttribute) {
|
||
|
|
var phoenixLinkEvent = new PolyfillEvent('phoenix.link.click', {
|
||
|
|
"bubbles": true,
|
||
|
|
"cancelable": true
|
||
|
|
});
|
||
|
|
|
||
|
|
if (!element.dispatchEvent(phoenixLinkEvent)) {
|
||
|
|
e.preventDefault();
|
||
|
|
e.stopImmediatePropagation();
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (element.getAttribute("data-method")) {
|
||
|
|
handleClick(element);
|
||
|
|
e.preventDefault();
|
||
|
|
return false;
|
||
|
|
} else {
|
||
|
|
element = element.parentNode;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, false);
|
||
|
|
window.addEventListener('phoenix.link.click', function (e) {
|
||
|
|
var message = e.target.getAttribute("data-confirm");
|
||
|
|
|
||
|
|
if (message && !window.confirm(message)) {
|
||
|
|
e.preventDefault();
|
||
|
|
}
|
||
|
|
}, false);
|
||
|
|
})();
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "../deps/phoenix_live_view/priv/static/phoenix_live_view.js":
|
||
|
|
/*!******************************************************************!*\
|
||
|
|
!*** ../deps/phoenix_live_view/priv/static/phoenix_live_view.js ***!
|
||
|
|
\******************************************************************/
|
||
|
|
/*! no static exports found */
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
!function (e, t) {
|
||
|
|
true ? module.exports = t() : undefined;
|
||
|
|
}(this, function () {
|
||
|
|
return function (e) {
|
||
|
|
var t = {};
|
||
|
|
|
||
|
|
function n(i) {
|
||
|
|
if (t[i]) return t[i].exports;
|
||
|
|
var r = t[i] = {
|
||
|
|
i: i,
|
||
|
|
l: !1,
|
||
|
|
exports: {}
|
||
|
|
};
|
||
|
|
return e[i].call(r.exports, r, r.exports, n), r.l = !0, r.exports;
|
||
|
|
}
|
||
|
|
|
||
|
|
return n.m = e, n.c = t, n.d = function (e, t, i) {
|
||
|
|
n.o(e, t) || Object.defineProperty(e, t, {
|
||
|
|
configurable: !1,
|
||
|
|
enumerable: !0,
|
||
|
|
get: i
|
||
|
|
});
|
||
|
|
}, n.r = function (e) {
|
||
|
|
Object.defineProperty(e, "__esModule", {
|
||
|
|
value: !0
|
||
|
|
});
|
||
|
|
}, n.n = function (e) {
|
||
|
|
var t = e && e.__esModule ? function () {
|
||
|
|
return e.default;
|
||
|
|
} : function () {
|
||
|
|
return e;
|
||
|
|
};
|
||
|
|
return n.d(t, "a", t), t;
|
||
|
|
}, n.o = function (e, t) {
|
||
|
|
return Object.prototype.hasOwnProperty.call(e, t);
|
||
|
|
}, n.p = "", n(n.s = 2);
|
||
|
|
}([function (e, t, n) {
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
n.r(t);
|
||
|
|
var i,
|
||
|
|
r = 11;
|
||
|
|
var o = "http://www.w3.org/1999/xhtml",
|
||
|
|
a = "undefined" == typeof document ? void 0 : document,
|
||
|
|
u = !!a && "content" in a.createElement("template"),
|
||
|
|
c = !!a && a.createRange && "createContextualFragment" in a.createRange();
|
||
|
|
|
||
|
|
function s(e) {
|
||
|
|
return e = e.trim(), u ? function (e) {
|
||
|
|
var t = a.createElement("template");
|
||
|
|
return t.innerHTML = e, t.content.childNodes[0];
|
||
|
|
}(e) : c ? function (e) {
|
||
|
|
return i || (i = a.createRange()).selectNode(a.body), i.createContextualFragment(e).childNodes[0];
|
||
|
|
}(e) : function (e) {
|
||
|
|
var t = a.createElement("body");
|
||
|
|
return t.innerHTML = e, t.childNodes[0];
|
||
|
|
}(e);
|
||
|
|
}
|
||
|
|
|
||
|
|
function l(e, t) {
|
||
|
|
var n = e.nodeName,
|
||
|
|
i = t.nodeName;
|
||
|
|
return n === i || !!(t.actualize && n.charCodeAt(0) < 91 && i.charCodeAt(0) > 90) && n === i.toUpperCase();
|
||
|
|
}
|
||
|
|
|
||
|
|
function d(e, t, n) {
|
||
|
|
e[n] !== t[n] && (e[n] = t[n], e[n] ? e.setAttribute(n, "") : e.removeAttribute(n));
|
||
|
|
}
|
||
|
|
|
||
|
|
var h = {
|
||
|
|
OPTION: function (e, t) {
|
||
|
|
var n = e.parentNode;
|
||
|
|
|
||
|
|
if (n) {
|
||
|
|
var i = n.nodeName.toUpperCase();
|
||
|
|
"OPTGROUP" === i && (i = (n = n.parentNode) && n.nodeName.toUpperCase()), "SELECT" !== i || n.hasAttribute("multiple") || (e.hasAttribute("selected") && !t.selected && (e.setAttribute("selected", "selected"), e.removeAttribute("selected")), n.selectedIndex = -1);
|
||
|
|
}
|
||
|
|
|
||
|
|
d(e, t, "selected");
|
||
|
|
},
|
||
|
|
INPUT: function (e, t) {
|
||
|
|
d(e, t, "checked"), d(e, t, "disabled"), e.value !== t.value && (e.value = t.value), t.hasAttribute("value") || e.removeAttribute("value");
|
||
|
|
},
|
||
|
|
TEXTAREA: function (e, t) {
|
||
|
|
var n = t.value;
|
||
|
|
e.value !== n && (e.value = n);
|
||
|
|
var i = e.firstChild;
|
||
|
|
|
||
|
|
if (i) {
|
||
|
|
var r = i.nodeValue;
|
||
|
|
if (r == n || !n && r == e.placeholder) return;
|
||
|
|
i.nodeValue = n;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
SELECT: function (e, t) {
|
||
|
|
if (!t.hasAttribute("multiple")) {
|
||
|
|
for (var n, i, r = -1, o = 0, a = e.firstChild; a;) if ("OPTGROUP" === (i = a.nodeName && a.nodeName.toUpperCase())) a = (n = a).firstChild;else {
|
||
|
|
if ("OPTION" === i) {
|
||
|
|
if (a.hasAttribute("selected")) {
|
||
|
|
r = o;
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
o++;
|
||
|
|
}
|
||
|
|
|
||
|
|
!(a = a.nextSibling) && n && (a = n.nextSibling, n = null);
|
||
|
|
}
|
||
|
|
|
||
|
|
e.selectedIndex = r;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
f = 1,
|
||
|
|
v = 11,
|
||
|
|
p = 3,
|
||
|
|
g = 8;
|
||
|
|
|
||
|
|
function m() {}
|
||
|
|
|
||
|
|
function y(e) {
|
||
|
|
if (e) return e.getAttribute && e.getAttribute("id") || e.id;
|
||
|
|
}
|
||
|
|
|
||
|
|
var k = function (e) {
|
||
|
|
return function (t, n, i) {
|
||
|
|
if (i || (i = {}), "string" == typeof n) if ("#document" === t.nodeName || "HTML" === t.nodeName) {
|
||
|
|
var r = n;
|
||
|
|
(n = a.createElement("html")).innerHTML = r;
|
||
|
|
} else n = s(n);
|
||
|
|
var u = i.getNodeKey || y,
|
||
|
|
c = i.onBeforeNodeAdded || m,
|
||
|
|
d = i.onNodeAdded || m,
|
||
|
|
k = i.onBeforeElUpdated || m,
|
||
|
|
b = i.onElUpdated || m,
|
||
|
|
w = i.onBeforeNodeDiscarded || m,
|
||
|
|
x = i.onNodeDiscarded || m,
|
||
|
|
A = i.onBeforeElChildrenUpdated || m,
|
||
|
|
E = !0 === i.childrenOnly,
|
||
|
|
C = Object.create(null),
|
||
|
|
S = [];
|
||
|
|
|
||
|
|
function P(e) {
|
||
|
|
S.push(e);
|
||
|
|
}
|
||
|
|
|
||
|
|
function L(e, t, n) {
|
||
|
|
!1 !== w(e) && (t && t.removeChild(e), x(e), function e(t, n) {
|
||
|
|
if (t.nodeType === f) for (var i = t.firstChild; i;) {
|
||
|
|
var r = void 0;
|
||
|
|
n && (r = u(i)) ? P(r) : (x(i), i.firstChild && e(i, n)), i = i.nextSibling;
|
||
|
|
}
|
||
|
|
}(e, n));
|
||
|
|
}
|
||
|
|
|
||
|
|
function T(e) {
|
||
|
|
d(e);
|
||
|
|
|
||
|
|
for (var t = e.firstChild; t;) {
|
||
|
|
var n = t.nextSibling,
|
||
|
|
i = u(t);
|
||
|
|
|
||
|
|
if (i) {
|
||
|
|
var r = C[i];
|
||
|
|
r && l(t, r) && (t.parentNode.replaceChild(r, t), I(r, t));
|
||
|
|
}
|
||
|
|
|
||
|
|
T(t), t = n;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function I(t, n, i) {
|
||
|
|
var r = u(n);
|
||
|
|
|
||
|
|
if (r && delete C[r], !i) {
|
||
|
|
if (!1 === k(t, n)) return;
|
||
|
|
if (e(t, n), b(t), !1 === A(t, n)) return;
|
||
|
|
}
|
||
|
|
|
||
|
|
"TEXTAREA" !== t.nodeName ? function (e, t) {
|
||
|
|
var n,
|
||
|
|
i,
|
||
|
|
r,
|
||
|
|
o,
|
||
|
|
s,
|
||
|
|
d = t.firstChild,
|
||
|
|
v = e.firstChild;
|
||
|
|
|
||
|
|
e: for (; d;) {
|
||
|
|
for (o = d.nextSibling, n = u(d); v;) {
|
||
|
|
if (r = v.nextSibling, d.isSameNode && d.isSameNode(v)) {
|
||
|
|
d = o, v = r;
|
||
|
|
continue e;
|
||
|
|
}
|
||
|
|
|
||
|
|
i = u(v);
|
||
|
|
var m = v.nodeType,
|
||
|
|
y = void 0;
|
||
|
|
|
||
|
|
if (m === d.nodeType && (m === f ? (n ? n !== i && ((s = C[n]) ? r === s ? y = !1 : (e.insertBefore(s, v), i ? P(i) : L(v, e, !0), v = s) : y = !1) : i && (y = !1), (y = !1 !== y && l(v, d)) && I(v, d)) : m !== p && m != g || (y = !0, v.nodeValue !== d.nodeValue && (v.nodeValue = d.nodeValue))), y) {
|
||
|
|
d = o, v = r;
|
||
|
|
continue e;
|
||
|
|
}
|
||
|
|
|
||
|
|
i ? P(i) : L(v, e, !0), v = r;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (n && (s = C[n]) && l(s, d)) e.appendChild(s), I(s, d);else {
|
||
|
|
var k = c(d);
|
||
|
|
!1 !== k && (k && (d = k), d.actualize && (d = d.actualize(e.ownerDocument || a)), e.appendChild(d), T(d));
|
||
|
|
}
|
||
|
|
d = o, v = r;
|
||
|
|
}
|
||
|
|
|
||
|
|
!function (e, t, n) {
|
||
|
|
for (; t;) {
|
||
|
|
var i = t.nextSibling;
|
||
|
|
(n = u(t)) ? P(n) : L(t, e, !0), t = i;
|
||
|
|
}
|
||
|
|
}(e, v, i);
|
||
|
|
var b = h[e.nodeName];
|
||
|
|
b && b(e, t);
|
||
|
|
}(t, n) : h.TEXTAREA(t, n);
|
||
|
|
}
|
||
|
|
|
||
|
|
!function e(t) {
|
||
|
|
if (t.nodeType === f || t.nodeType === v) for (var n = t.firstChild; n;) {
|
||
|
|
var i = u(n);
|
||
|
|
i && (C[i] = n), e(n), n = n.nextSibling;
|
||
|
|
}
|
||
|
|
}(t);
|
||
|
|
var N = t,
|
||
|
|
D = N.nodeType,
|
||
|
|
R = n.nodeType;
|
||
|
|
if (!E) if (D === f) R === f ? l(t, n) || (x(t), N = function (e, t) {
|
||
|
|
for (var n = e.firstChild; n;) {
|
||
|
|
var i = n.nextSibling;
|
||
|
|
t.appendChild(n), n = i;
|
||
|
|
}
|
||
|
|
|
||
|
|
return t;
|
||
|
|
}(t, function (e, t) {
|
||
|
|
return t && t !== o ? a.createElementNS(t, e) : a.createElement(e);
|
||
|
|
}(n.nodeName, n.namespaceURI))) : N = n;else if (D === p || D === g) {
|
||
|
|
if (R === D) return N.nodeValue !== n.nodeValue && (N.nodeValue = n.nodeValue), N;
|
||
|
|
N = n;
|
||
|
|
}
|
||
|
|
if (N === n) x(t);else {
|
||
|
|
if (n.isSameNode && n.isSameNode(N)) return;
|
||
|
|
if (I(N, n, E), S) for (var _ = 0, O = S.length; _ < O; _++) {
|
||
|
|
var H = C[S[_]];
|
||
|
|
H && L(H, H.parentNode, !1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return !E && N !== t && t.parentNode && (N.actualize && (N = N.actualize(t.ownerDocument || a)), t.parentNode.replaceChild(N, t)), N;
|
||
|
|
};
|
||
|
|
}(function (e, t) {
|
||
|
|
var n,
|
||
|
|
i,
|
||
|
|
o,
|
||
|
|
a,
|
||
|
|
u = t.attributes;
|
||
|
|
|
||
|
|
if (t.nodeType !== r && e.nodeType !== r) {
|
||
|
|
for (var c = u.length - 1; c >= 0; c--) i = (n = u[c]).name, o = n.namespaceURI, a = n.value, o ? (i = n.localName || i, e.getAttributeNS(o, i) !== a && ("xmlns" === n.prefix && (i = n.name), e.setAttributeNS(o, i, a))) : e.getAttribute(i) !== a && e.setAttribute(i, a);
|
||
|
|
|
||
|
|
for (var s = e.attributes, l = s.length - 1; l >= 0; l--) i = (n = s[l]).name, (o = n.namespaceURI) ? (i = n.localName || i, t.hasAttributeNS(o, i) || e.removeAttributeNS(o, i)) : t.hasAttribute(i) || e.removeAttribute(i);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
function b(e) {
|
||
|
|
return S(e) || function (e) {
|
||
|
|
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e);
|
||
|
|
}(e) || C();
|
||
|
|
}
|
||
|
|
|
||
|
|
function w(e, t) {
|
||
|
|
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
|
||
|
|
}
|
||
|
|
|
||
|
|
function x(e, t) {
|
||
|
|
for (var n = 0; n < t.length; n++) {
|
||
|
|
var i = t[n];
|
||
|
|
i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function A(e, t, n) {
|
||
|
|
return t && x(e.prototype, t), n && x(e, n), e;
|
||
|
|
}
|
||
|
|
|
||
|
|
function E(e, t) {
|
||
|
|
return S(e) || function (e, t) {
|
||
|
|
var n = [],
|
||
|
|
i = !0,
|
||
|
|
r = !1,
|
||
|
|
o = void 0;
|
||
|
|
|
||
|
|
try {
|
||
|
|
for (var a, u = e[Symbol.iterator](); !(i = (a = u.next()).done) && (n.push(a.value), !t || n.length !== t); i = !0);
|
||
|
|
} catch (e) {
|
||
|
|
r = !0, o = e;
|
||
|
|
} finally {
|
||
|
|
try {
|
||
|
|
i || null == u.return || u.return();
|
||
|
|
} finally {
|
||
|
|
if (r) throw o;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return n;
|
||
|
|
}(e, t) || C();
|
||
|
|
}
|
||
|
|
|
||
|
|
function C() {
|
||
|
|
throw new TypeError("Invalid attempt to destructure non-iterable instance");
|
||
|
|
}
|
||
|
|
|
||
|
|
function S(e) {
|
||
|
|
if (Array.isArray(e)) return e;
|
||
|
|
}
|
||
|
|
|
||
|
|
function P(e) {
|
||
|
|
return (P = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
|
||
|
|
return typeof e;
|
||
|
|
} : function (e) {
|
||
|
|
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
||
|
|
})(e);
|
||
|
|
}
|
||
|
|
|
||
|
|
n.d(t, "debug", function () {
|
||
|
|
return M;
|
||
|
|
}), n.d(t, "Rendered", function () {
|
||
|
|
return G;
|
||
|
|
}), n.d(t, "LiveSocket", function () {
|
||
|
|
return Y;
|
||
|
|
}), n.d(t, "Browser", function () {
|
||
|
|
return z;
|
||
|
|
}), n.d(t, "DOM", function () {
|
||
|
|
return $;
|
||
|
|
}), n.d(t, "View", function () {
|
||
|
|
return Z;
|
||
|
|
});
|
||
|
|
|
||
|
|
var L = [1e3, 3e3],
|
||
|
|
T = "data-phx-view",
|
||
|
|
I = ["phx-click-loading", "phx-change-loading", "phx-submit-loading", "phx-keydown-loading", "phx-keyup-loading", "phx-blur-loading", "phx-focus-loading"],
|
||
|
|
N = "data-phx-component",
|
||
|
|
D = "data-phx-ref",
|
||
|
|
R = "[".concat(T, "]"),
|
||
|
|
_ = ["text", "textarea", "number", "email", "password", "search", "tel", "url", "date", "time"],
|
||
|
|
O = ["checkbox", "radio"],
|
||
|
|
H = 1,
|
||
|
|
j = "phx-",
|
||
|
|
B = {
|
||
|
|
debounce: 300,
|
||
|
|
throttle: 300
|
||
|
|
},
|
||
|
|
J = function (e, t) {
|
||
|
|
return console.error && console.error(e, t);
|
||
|
|
};
|
||
|
|
|
||
|
|
var M = function (e, t, n, i) {
|
||
|
|
e.liveSocket.isDebugEnabled() && console.log("".concat(e.id, " ").concat(t, ": ").concat(n, " - "), i);
|
||
|
|
},
|
||
|
|
F = function (e) {
|
||
|
|
return "function" == typeof e ? e : function () {
|
||
|
|
return e;
|
||
|
|
};
|
||
|
|
},
|
||
|
|
V = function (e) {
|
||
|
|
return JSON.parse(JSON.stringify(e));
|
||
|
|
},
|
||
|
|
U = function (e, t, n) {
|
||
|
|
do {
|
||
|
|
if (e.matches("[".concat(t, "]"))) return e;
|
||
|
|
e = e.parentElement || e.parentNode;
|
||
|
|
} while (null !== e && 1 === e.nodeType && !(n && n.isSameNode(e) || e.matches(R)));
|
||
|
|
|
||
|
|
return null;
|
||
|
|
},
|
||
|
|
K = function (e) {
|
||
|
|
return null !== e && "object" === P(e) && !(e instanceof Array);
|
||
|
|
},
|
||
|
|
q = function (e) {
|
||
|
|
for (var t in e) return !1;
|
||
|
|
|
||
|
|
return !0;
|
||
|
|
},
|
||
|
|
W = function (e, t) {
|
||
|
|
return e && t(e);
|
||
|
|
},
|
||
|
|
X = function (e) {
|
||
|
|
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {},
|
||
|
|
n = new FormData(e),
|
||
|
|
i = new URLSearchParams(),
|
||
|
|
r = !0,
|
||
|
|
o = !1,
|
||
|
|
a = void 0;
|
||
|
|
|
||
|
|
try {
|
||
|
|
for (var u, c = n.entries()[Symbol.iterator](); !(r = (u = c.next()).done); r = !0) {
|
||
|
|
var s = E(u.value, 2),
|
||
|
|
l = s[0],
|
||
|
|
d = s[1];
|
||
|
|
i.append(l, d);
|
||
|
|
}
|
||
|
|
} catch (e) {
|
||
|
|
o = !0, a = e;
|
||
|
|
} finally {
|
||
|
|
try {
|
||
|
|
r || null == c.return || c.return();
|
||
|
|
} finally {
|
||
|
|
if (o) throw a;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
for (var h in t) i.append(h, t[h]);
|
||
|
|
|
||
|
|
return i.toString();
|
||
|
|
},
|
||
|
|
G = function () {
|
||
|
|
function e(t, n) {
|
||
|
|
w(this, e), this.viewId = t, this.replaceRendered(n);
|
||
|
|
}
|
||
|
|
|
||
|
|
return A(e, [{
|
||
|
|
key: "parentViewId",
|
||
|
|
value: function () {
|
||
|
|
return this.viewId;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "toString",
|
||
|
|
value: function (e) {
|
||
|
|
return this.recursiveToString(this.rendered, this.rendered.c, e);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "recursiveToString",
|
||
|
|
value: function (e) {
|
||
|
|
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : e.c || {},
|
||
|
|
n = arguments.length > 2 ? arguments[2] : void 0,
|
||
|
|
i = {
|
||
|
|
buffer: "",
|
||
|
|
components: t,
|
||
|
|
onlyCids: n = n ? new Set(n) : null
|
||
|
|
};
|
||
|
|
return this.toOutputBuffer(e, i), i.buffer;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "componentCIDs",
|
||
|
|
value: function (e) {
|
||
|
|
return Object.keys(e.c || {}).map(function (e) {
|
||
|
|
return parseInt(e);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isComponentOnlyDiff",
|
||
|
|
value: function (e) {
|
||
|
|
return !!e.c && 0 === Object.keys(e).filter(function (e) {
|
||
|
|
return "title" !== e && "c" !== e;
|
||
|
|
}).length;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "mergeDiff",
|
||
|
|
value: function (e) {
|
||
|
|
!e.c && this.isNewFingerprint(e) ? this.replaceRendered(e) : this.recursiveMerge(this.rendered, e);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "recursiveMerge",
|
||
|
|
value: function (e, t) {
|
||
|
|
for (var n in t) {
|
||
|
|
var i = t[n],
|
||
|
|
r = e[n];
|
||
|
|
K(i) && K(r) ? (r.d && !i.d && delete r.d, this.recursiveMerge(r, i)) : e[n] = i;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "componentToString",
|
||
|
|
value: function (e) {
|
||
|
|
return this.recursiveCIDToString(this.rendered.c, e);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "pruneCIDs",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this;
|
||
|
|
e.forEach(function (e) {
|
||
|
|
return delete t.rendered.c[e];
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "get",
|
||
|
|
value: function () {
|
||
|
|
return this.rendered;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "replaceRendered",
|
||
|
|
value: function (e) {
|
||
|
|
this.rendered = e, this.rendered.c = this.rendered.c || {};
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isNewFingerprint",
|
||
|
|
value: function () {
|
||
|
|
return !!(arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {}).s;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "toOutputBuffer",
|
||
|
|
value: function (e, t) {
|
||
|
|
if (e.d) return this.comprehensionToBuffer(e, t);
|
||
|
|
var n = e.s;
|
||
|
|
t.buffer += n[0];
|
||
|
|
|
||
|
|
for (var i = 1; i < n.length; i++) this.dynamicToBuffer(e[i - 1], t), t.buffer += n[i];
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "comprehensionToBuffer",
|
||
|
|
value: function (e, t) {
|
||
|
|
for (var n = e.d, i = e.s, r = 0; r < n.length; r++) {
|
||
|
|
var o = n[r];
|
||
|
|
t.buffer += i[0];
|
||
|
|
|
||
|
|
for (var a = 1; a < i.length; a++) this.dynamicToBuffer(o[a - 1], t), t.buffer += i[a];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "dynamicToBuffer",
|
||
|
|
value: function (e, t) {
|
||
|
|
"number" == typeof e ? t.buffer += this.recursiveCIDToString(t.components, e, t.onlyCids) : K(e) ? this.toOutputBuffer(e, t) : t.buffer += e;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "recursiveCIDToString",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
var i = this,
|
||
|
|
r = e[t] || J("no component for CID ".concat(t), e),
|
||
|
|
o = document.createElement("template");
|
||
|
|
o.innerHTML = this.recursiveToString(r, e, n);
|
||
|
|
var a = o.content,
|
||
|
|
u = n && !n.has(t);
|
||
|
|
return Array.from(a.childNodes).forEach(function (e, n) {
|
||
|
|
if (e.nodeType === Node.ELEMENT_NODE) e.setAttribute(N, t), e.id || (e.id = "".concat(i.parentViewId(), "-").concat(t, "-").concat(n)), u && (e.setAttribute("data-phx-skip", ""), e.innerHTML = "");else if ("" !== e.nodeValue.trim()) {
|
||
|
|
J("only HTML element tags are allowed at the root of components.\n\n" + 'got: "'.concat(e.nodeValue.trim(), '"\n\n') + "within:\n", o.innerHTML.trim());
|
||
|
|
var r = document.createElement("span");
|
||
|
|
r.innerText = e.nodeValue, r.setAttribute(N, t), e.replaceWith(r);
|
||
|
|
} else e.remove();
|
||
|
|
}), o.innerHTML;
|
||
|
|
}
|
||
|
|
}]), e;
|
||
|
|
}(),
|
||
|
|
Y = function () {
|
||
|
|
function e(t, n) {
|
||
|
|
var i = this,
|
||
|
|
r = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
|
||
|
|
if (w(this, e), this.unloaded = !1, !n || "Object" === n.constructor.name) throw new Error('\n a phoenix Socket must be provided as the second argument to the LiveSocket constructor. For example:\n\n import {Socket} from "phoenix"\n import {LiveSocket} from "phoenix_live_view"\n let liveSocket = new LiveSocket("/live", Socket, {...})\n ');
|
||
|
|
this.socket = new n(t, r), this.bindingPrefix = r.bindingPrefix || j, this.opts = r, this.params = F(r.params || {}), this.viewLogger = r.viewLogger, this.defaults = Object.assign(V(B), r.defaults || {}), this.activeElement = null, this.prevActive = null, this.silenced = !1, this.main = null, this.linkRef = 0, this.roots = {}, this.href = window.location.href, this.pendingLink = null, this.currentLocation = V(window.location), this.hooks = r.hooks || {}, this.loaderTimeout = r.loaderTimeout || H, this.socket.onOpen(function () {
|
||
|
|
i.isUnloaded() && (i.destroyAllViews(), i.joinRootViews()), i.unloaded = !1;
|
||
|
|
}), window.addEventListener("unload", function (e) {
|
||
|
|
i.unloaded = !0;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
return A(e, [{
|
||
|
|
key: "isProfileEnabled",
|
||
|
|
value: function () {
|
||
|
|
return "true" === sessionStorage.getItem("phx:live-socket:profiling");
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isDebugEnabled",
|
||
|
|
value: function () {
|
||
|
|
return "true" === sessionStorage.getItem("phx:live-socket:debug");
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "enableDebug",
|
||
|
|
value: function () {
|
||
|
|
sessionStorage.setItem("phx:live-socket:debug", "true");
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "enableProfiling",
|
||
|
|
value: function () {
|
||
|
|
sessionStorage.setItem("phx:live-socket:profiling", "true");
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "disableDebug",
|
||
|
|
value: function () {
|
||
|
|
sessionStorage.removeItem("phx:live-socket:debug");
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "disableProfiling",
|
||
|
|
value: function () {
|
||
|
|
sessionStorage.removeItem("phx:live-socket:profiling");
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "enableLatencySim",
|
||
|
|
value: function (e) {
|
||
|
|
this.enableDebug(), console.log("latency simulator enabled for the duration of this browser session. Call disableLatencySim() to disable"), sessionStorage.setItem("phx:live-socket:latency-sim", e);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "disableLatencySim",
|
||
|
|
value: function () {
|
||
|
|
sessionStorage.removeItem("phx:live-socket:latency-sim");
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "getLatencySim",
|
||
|
|
value: function () {
|
||
|
|
var e = sessionStorage.getItem("phx:live-socket:latency-sim");
|
||
|
|
return e ? parseInt(e) : null;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "getSocket",
|
||
|
|
value: function () {
|
||
|
|
return this.socket;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "connect",
|
||
|
|
value: function () {
|
||
|
|
var e = this,
|
||
|
|
t = function () {
|
||
|
|
e.joinRootViews() && (e.bindTopLevelEvents(), e.socket.connect());
|
||
|
|
};
|
||
|
|
|
||
|
|
["complete", "loaded", "interactive"].indexOf(document.readyState) >= 0 ? t() : document.addEventListener("DOMContentLoaded", function () {
|
||
|
|
return t();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "disconnect",
|
||
|
|
value: function () {
|
||
|
|
this.socket.disconnect();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "time",
|
||
|
|
value: function (e, t) {
|
||
|
|
if (!this.isProfileEnabled() || !console.time) return t();
|
||
|
|
console.time(e);
|
||
|
|
var n = t();
|
||
|
|
return console.timeEnd(e), n;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "log",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
if (this.viewLogger) {
|
||
|
|
var i = E(n(), 2),
|
||
|
|
r = i[0],
|
||
|
|
o = i[1];
|
||
|
|
this.viewLogger(e, t, r, o);
|
||
|
|
} else if (this.isDebugEnabled()) {
|
||
|
|
var a = E(n(), 2),
|
||
|
|
u = a[0],
|
||
|
|
c = a[1];
|
||
|
|
M(e, t, u, c);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onChannel",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
var i = this;
|
||
|
|
e.on(t, function (e) {
|
||
|
|
var t = i.getLatencySim();
|
||
|
|
t ? (console.log("simulating ".concat(t, "ms of latency from server to client")), setTimeout(function () {
|
||
|
|
return n(e);
|
||
|
|
}, t)) : n(e);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "wrapPush",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this.getLatencySim();
|
||
|
|
if (!t) return e();
|
||
|
|
console.log("simulating ".concat(t, "ms of latency from client to server"));
|
||
|
|
var n = {
|
||
|
|
receives: [],
|
||
|
|
receive: function (e, t) {
|
||
|
|
this.receives.push([e, t]);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
return setTimeout(function () {
|
||
|
|
n.receives.reduce(function (e, t) {
|
||
|
|
var n = E(t, 2),
|
||
|
|
i = n[0],
|
||
|
|
r = n[1];
|
||
|
|
return e.receive(i, r);
|
||
|
|
}, e());
|
||
|
|
}, t), n;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "reloadWithJitter",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this;
|
||
|
|
this.disconnect();
|
||
|
|
var n = L[0],
|
||
|
|
i = L[1],
|
||
|
|
r = Math.floor(Math.random() * (i - n + 1)) + n,
|
||
|
|
o = z.updateLocal(e.name(), "consecutive-reloads", 0, function (e) {
|
||
|
|
return e + 1;
|
||
|
|
});
|
||
|
|
this.log(e, "join", function () {
|
||
|
|
return ["encountered ".concat(o, " consecutive reloads")];
|
||
|
|
}), o > 10 && (this.log(e, "join", function () {
|
||
|
|
return ["exceeded ".concat(10, " consecutive reloads. Entering failsafe mode")];
|
||
|
|
}), r = 3e4), setTimeout(function () {
|
||
|
|
t.hasPendingLink() ? window.location = t.pendingLink : window.location.reload();
|
||
|
|
}, r);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "getHookCallbacks",
|
||
|
|
value: function (e) {
|
||
|
|
return this.hooks[e];
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isUnloaded",
|
||
|
|
value: function () {
|
||
|
|
return this.unloaded;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isConnected",
|
||
|
|
value: function () {
|
||
|
|
return this.socket.isConnected();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "getBindingPrefix",
|
||
|
|
value: function () {
|
||
|
|
return this.bindingPrefix;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "binding",
|
||
|
|
value: function (e) {
|
||
|
|
return "".concat(this.getBindingPrefix()).concat(e);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "channel",
|
||
|
|
value: function (e, t) {
|
||
|
|
return this.socket.channel(e, t);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "joinRootViews",
|
||
|
|
value: function () {
|
||
|
|
var e = this,
|
||
|
|
t = !1;
|
||
|
|
return $.all(document, "".concat(R, ":not([").concat("data-phx-parent-id", "])"), function (n) {
|
||
|
|
var i = e.joinRootView(n, e.getHref());
|
||
|
|
e.root = e.root || i, n.getAttribute("data-phx-main") && (e.main = i), t = !0;
|
||
|
|
}), t;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "redirect",
|
||
|
|
value: function (e, t) {
|
||
|
|
this.disconnect(), z.redirect(e, t);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "replaceMain",
|
||
|
|
value: function (e, t) {
|
||
|
|
var n = this,
|
||
|
|
i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null,
|
||
|
|
r = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : this.setPendingLink(e),
|
||
|
|
o = this.main.el;
|
||
|
|
this.main.destroy(), this.main.showLoader(this.loaderTimeout), z.fetchPage(e, function (a, u) {
|
||
|
|
if (200 !== a) return n.redirect(e);
|
||
|
|
var c = document.createElement("template");
|
||
|
|
c.innerHTML = u;
|
||
|
|
var s = c.content.childNodes[0];
|
||
|
|
if (!s || !n.isPhxView(s)) return n.redirect(e);
|
||
|
|
n.joinRootView(s, e, t, function (e, t) {
|
||
|
|
1 === t && (n.commitPendingLink(r) ? (o.replaceWith(e.el), n.main = e, i && i()) : e.destroy());
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isPhxView",
|
||
|
|
value: function (e) {
|
||
|
|
return e.getAttribute && null !== e.getAttribute(T);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "joinRootView",
|
||
|
|
value: function (e, t, n, i) {
|
||
|
|
var r = new Z(e, this, null, t, n);
|
||
|
|
return this.roots[r.id] = r, r.join(i), r;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "owner",
|
||
|
|
value: function (e, t) {
|
||
|
|
var n = this,
|
||
|
|
i = W(e.closest(R), function (e) {
|
||
|
|
return n.getViewByEl(e);
|
||
|
|
});
|
||
|
|
i && t(i);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "withinTargets",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
var i = this;
|
||
|
|
|
||
|
|
if (/^(0|[1-9](\d?)+)$/.test(t)) {
|
||
|
|
var r = e;
|
||
|
|
if (!r) throw new Error("no phx-target's found matching @myself of ".concat(t));
|
||
|
|
this.owner(r, function (e) {
|
||
|
|
return n(e, r);
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
var o = Array.from(document.querySelectorAll(t));
|
||
|
|
if (0 === o.length) throw new Error("no phx-target's found for selector \"".concat(t, '"'));
|
||
|
|
o.forEach(function (e) {
|
||
|
|
i.owner(e, function (t) {
|
||
|
|
return n(t, e);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "withinOwners",
|
||
|
|
value: function (e, t) {
|
||
|
|
var n = e.getAttribute(this.binding("target"));
|
||
|
|
null === n ? this.owner(e, function (n) {
|
||
|
|
return t(n, e);
|
||
|
|
}) : this.withinTargets(e, n, t);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "getViewByEl",
|
||
|
|
value: function (e) {
|
||
|
|
var t = e.getAttribute("data-phx-root-id");
|
||
|
|
return this.getRootById(t).getDescendentByEl(e);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "getRootById",
|
||
|
|
value: function (e) {
|
||
|
|
return this.roots[e];
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onViewError",
|
||
|
|
value: function (e) {
|
||
|
|
this.dropActiveElement(e);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "destroyAllViews",
|
||
|
|
value: function () {
|
||
|
|
for (var e in this.roots) this.roots[e].destroy(), delete this.roots[e];
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "destroyViewByEl",
|
||
|
|
value: function (e) {
|
||
|
|
this.getRootById(e.getAttribute("data-phx-root-id")).destroyDescendent(e.id);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "setActiveElement",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this;
|
||
|
|
|
||
|
|
if (this.activeElement !== e) {
|
||
|
|
this.activeElement = e;
|
||
|
|
|
||
|
|
var n = function () {
|
||
|
|
e === t.activeElement && (t.activeElement = null), e.removeEventListener("mouseup", t), e.removeEventListener("touchend", t);
|
||
|
|
};
|
||
|
|
|
||
|
|
e.addEventListener("mouseup", n), e.addEventListener("touchend", n);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "getActiveElement",
|
||
|
|
value: function () {
|
||
|
|
return document.activeElement === document.body && this.activeElement || document.activeElement;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "dropActiveElement",
|
||
|
|
value: function (e) {
|
||
|
|
this.prevActive && e.ownsElement(this.prevActive) && (this.prevActive = null);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "restorePreviouslyActiveFocus",
|
||
|
|
value: function () {
|
||
|
|
this.prevActive && this.prevActive !== document.body && this.prevActive.focus();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "blurActiveElement",
|
||
|
|
value: function () {
|
||
|
|
this.prevActive = this.getActiveElement(), this.prevActive !== document.body && this.prevActive.blur();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "bindTopLevelEvents",
|
||
|
|
value: function () {
|
||
|
|
var e = this;
|
||
|
|
this.bindClicks(), this.bindNav(), this.bindForms(), this.bind({
|
||
|
|
keyup: "keyup",
|
||
|
|
keydown: "keydown"
|
||
|
|
}, function (t, n, i, r, o, a, u) {
|
||
|
|
var c = r.getAttribute(e.binding("key"));
|
||
|
|
c && c.toLowerCase() !== t.key.toLowerCase() || i.pushKey(r, o, n, a, {
|
||
|
|
altGraphKey: t.altGraphKey,
|
||
|
|
altKey: t.altKey,
|
||
|
|
code: t.code,
|
||
|
|
ctrlKey: t.ctrlKey,
|
||
|
|
key: t.key,
|
||
|
|
keyIdentifier: t.keyIdentifier,
|
||
|
|
keyLocation: t.keyLocation,
|
||
|
|
location: t.location,
|
||
|
|
metaKey: t.metaKey,
|
||
|
|
repeat: t.repeat,
|
||
|
|
shiftKey: t.shiftKey
|
||
|
|
});
|
||
|
|
}), this.bind({
|
||
|
|
blur: "focusout",
|
||
|
|
focus: "focusin"
|
||
|
|
}, function (e, t, n, i, r, o, a) {
|
||
|
|
a || n.pushEvent(t, i, r, o, {
|
||
|
|
type: t
|
||
|
|
});
|
||
|
|
}), this.bind({
|
||
|
|
blur: "blur",
|
||
|
|
focus: "focus"
|
||
|
|
}, function (e, t, n, i, r, o, a) {
|
||
|
|
a && "window" !== !a && n.pushEvent(t, i, r, o, {
|
||
|
|
type: e.type
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "setPendingLink",
|
||
|
|
value: function (e) {
|
||
|
|
return this.linkRef++, this.pendingLink = e, this.linkRef;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "commitPendingLink",
|
||
|
|
value: function (e) {
|
||
|
|
return this.linkRef === e && (this.href = this.pendingLink, this.pendingLink = null, !0);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "getHref",
|
||
|
|
value: function () {
|
||
|
|
return this.href;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "hasPendingLink",
|
||
|
|
value: function () {
|
||
|
|
return !!this.pendingLink;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "bind",
|
||
|
|
value: function (e, t) {
|
||
|
|
var n = this,
|
||
|
|
i = function (i) {
|
||
|
|
var r = e[i];
|
||
|
|
n.on(r, function (e) {
|
||
|
|
var r = n.binding(i),
|
||
|
|
o = n.binding("window-".concat(i)),
|
||
|
|
a = e.target.getAttribute && e.target.getAttribute(r);
|
||
|
|
a ? n.debounce(e.target, e, function () {
|
||
|
|
n.withinOwners(e.target, function (n, r) {
|
||
|
|
t(e, i, n, e.target, r, a, null);
|
||
|
|
});
|
||
|
|
}) : $.all(document, "[".concat(o, "]"), function (r) {
|
||
|
|
var a = r.getAttribute(o);
|
||
|
|
n.debounce(r, e, function () {
|
||
|
|
n.withinOwners(r, function (n, o) {
|
||
|
|
t(e, i, n, r, o, a, "window");
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
for (var r in e) i(r);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "bindClicks",
|
||
|
|
value: function () {
|
||
|
|
var e = this;
|
||
|
|
[!0, !1].forEach(function (t) {
|
||
|
|
var n = t ? e.binding("capture-click") : e.binding("click");
|
||
|
|
window.addEventListener("click", function (i) {
|
||
|
|
var r = null,
|
||
|
|
o = (r = t ? i.target.matches("[".concat(n, "]")) ? i.target : i.target.querySelector("[".concat(n, "]")) : U(i.target, n)) && r.getAttribute(n);
|
||
|
|
|
||
|
|
if (o) {
|
||
|
|
"#" === r.getAttribute("href") && i.preventDefault();
|
||
|
|
var a = {
|
||
|
|
altKey: i.altKey,
|
||
|
|
shiftKey: i.shiftKey,
|
||
|
|
ctrlKey: i.ctrlKey,
|
||
|
|
metaKey: i.metaKey,
|
||
|
|
x: i.x || i.clientX,
|
||
|
|
y: i.y || i.clientY,
|
||
|
|
pageX: i.pageX,
|
||
|
|
pageY: i.pageY,
|
||
|
|
screenX: i.screenX,
|
||
|
|
screenY: i.screenY,
|
||
|
|
offsetX: i.offsetX,
|
||
|
|
offsetY: i.offsetY,
|
||
|
|
detail: i.detail || 1
|
||
|
|
};
|
||
|
|
e.debounce(r, i, function () {
|
||
|
|
e.withinOwners(r, function (e, t) {
|
||
|
|
e.pushEvent("click", r, t, o, a);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, t);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "bindNav",
|
||
|
|
value: function () {
|
||
|
|
var e = this;
|
||
|
|
z.canPushState() && (window.onpopstate = function (t) {
|
||
|
|
if (e.registerNewLocation(window.location)) {
|
||
|
|
var n = t.state || {},
|
||
|
|
i = n.type,
|
||
|
|
r = n.id,
|
||
|
|
o = n.root,
|
||
|
|
a = window.location.href;
|
||
|
|
e.main.isConnected() && "patch" === i && r === e.main.id ? e.main.pushLinkPatch(a, null) : e.replaceMain(a, null, function () {
|
||
|
|
o && e.replaceRootHistory();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, window.addEventListener("click", function (t) {
|
||
|
|
var n = U(t.target, "data-phx-link"),
|
||
|
|
i = n && n.getAttribute("data-phx-link"),
|
||
|
|
r = t.metaKey || t.ctrlKey || 1 === t.button;
|
||
|
|
|
||
|
|
if (i && e.isConnected() && e.main && !r) {
|
||
|
|
var o = n.href,
|
||
|
|
a = n.getAttribute("data-phx-link-state");
|
||
|
|
if (t.preventDefault(), e.pendingLink !== o) if ("patch" === i) e.pushHistoryPatch(o, a, n);else {
|
||
|
|
if ("redirect" !== i) throw new Error("expected ".concat("data-phx-link", ' to be "patch" or "redirect", got: ').concat(i));
|
||
|
|
e.historyRedirect(o, a);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, !1));
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "withPageLoading",
|
||
|
|
value: function (e, t) {
|
||
|
|
$.dispatchEvent(window, "phx:page-loading-start", e);
|
||
|
|
|
||
|
|
var n = function () {
|
||
|
|
return $.dispatchEvent(window, "phx:page-loading-stop", e);
|
||
|
|
};
|
||
|
|
|
||
|
|
return t ? t(n) : n;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "pushHistoryPatch",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
var i = this;
|
||
|
|
this.withPageLoading({
|
||
|
|
to: e,
|
||
|
|
kind: "patch"
|
||
|
|
}, function (r) {
|
||
|
|
i.main.pushLinkPatch(e, n, function () {
|
||
|
|
i.historyPatch(e, t), r();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "historyPatch",
|
||
|
|
value: function (e, t) {
|
||
|
|
z.pushState(t, {
|
||
|
|
type: "patch",
|
||
|
|
id: this.main.id
|
||
|
|
}, e), this.registerNewLocation(window.location);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "historyRedirect",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
var i = this;
|
||
|
|
this.withPageLoading({
|
||
|
|
to: e,
|
||
|
|
kind: "redirect"
|
||
|
|
}, function (r) {
|
||
|
|
i.replaceMain(e, n, function () {
|
||
|
|
z.pushState(t, {
|
||
|
|
type: "redirect",
|
||
|
|
id: i.main.id
|
||
|
|
}, e), i.registerNewLocation(window.location), r();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "replaceRootHistory",
|
||
|
|
value: function () {
|
||
|
|
z.pushState("replace", {
|
||
|
|
root: !0,
|
||
|
|
type: "patch",
|
||
|
|
id: this.main.id
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "registerNewLocation",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this.currentLocation;
|
||
|
|
return t.pathname + t.search !== e.pathname + e.search && (this.currentLocation = V(e), !0);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "bindForms",
|
||
|
|
value: function () {
|
||
|
|
var e = this,
|
||
|
|
t = 0;
|
||
|
|
this.on("submit", function (t) {
|
||
|
|
var n = t.target.getAttribute(e.binding("submit"));
|
||
|
|
n && (t.preventDefault(), t.target.disabled = !0, e.withinOwners(t.target, function (e, i) {
|
||
|
|
return e.submitForm(t.target, i, n);
|
||
|
|
}));
|
||
|
|
}, !1);
|
||
|
|
|
||
|
|
for (var n = ["change", "input"], i = function () {
|
||
|
|
var i = n[r];
|
||
|
|
e.on(i, function (n) {
|
||
|
|
var r = n.target,
|
||
|
|
o = r.form && r.form.getAttribute(e.binding("change"));
|
||
|
|
|
||
|
|
if (o && ("number" !== r.type || !r.validity || !r.validity.badInput)) {
|
||
|
|
var a = t;
|
||
|
|
t++;
|
||
|
|
var u = $.private(r, "prev-iteration") || {},
|
||
|
|
c = u.at,
|
||
|
|
s = u.type;
|
||
|
|
c === a - 1 && i !== s || ($.putPrivate(r, "prev-iteration", {
|
||
|
|
at: a,
|
||
|
|
type: i
|
||
|
|
}), e.debounce(r, n, function () {
|
||
|
|
e.withinOwners(r.form, function (t, i) {
|
||
|
|
$.isTextualInput(r) ? $.putPrivate(r, "phx-has-focused", !0) : e.setActiveElement(r), t.pushInput(r, i, o, n.target);
|
||
|
|
});
|
||
|
|
}));
|
||
|
|
}
|
||
|
|
}, !1);
|
||
|
|
}, r = 0; r < n.length; r++) i();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "debounce",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
var i = this.binding("debounce"),
|
||
|
|
r = this.binding("throttle"),
|
||
|
|
o = this.defaults.debounce.toString(),
|
||
|
|
a = this.defaults.throttle.toString();
|
||
|
|
$.debounce(e, t, i, o, r, a, n);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "silenceEvents",
|
||
|
|
value: function (e) {
|
||
|
|
this.silenced = !0, e(), this.silenced = !1;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "on",
|
||
|
|
value: function (e, t) {
|
||
|
|
var n = this;
|
||
|
|
window.addEventListener(e, function (e) {
|
||
|
|
n.silenced || t(e);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}]), e;
|
||
|
|
}(),
|
||
|
|
z = {
|
||
|
|
canPushState: function () {
|
||
|
|
return void 0 !== history.pushState;
|
||
|
|
},
|
||
|
|
dropLocal: function (e, t) {
|
||
|
|
return window.localStorage.removeItem(this.localKey(e, t));
|
||
|
|
},
|
||
|
|
updateLocal: function (e, t, n, i) {
|
||
|
|
var r = this.getLocal(e, t),
|
||
|
|
o = this.localKey(e, t),
|
||
|
|
a = null === r ? n : i(r);
|
||
|
|
return window.localStorage.setItem(o, JSON.stringify(a)), a;
|
||
|
|
},
|
||
|
|
getLocal: function (e, t) {
|
||
|
|
return JSON.parse(window.localStorage.getItem(this.localKey(e, t)));
|
||
|
|
},
|
||
|
|
fetchPage: function (e, t) {
|
||
|
|
var n = new XMLHttpRequest();
|
||
|
|
n.open("GET", e, !0), n.timeout = 3e4, n.setRequestHeader("content-type", "text/html"), n.setRequestHeader("cache-control", "max-age=0, no-cache, no-store, must-revalidate, post-check=0, pre-check=0"), n.setRequestHeader("x-requested-with", "live-link"), n.onerror = function () {
|
||
|
|
return t(400);
|
||
|
|
}, n.ontimeout = function () {
|
||
|
|
return t(504);
|
||
|
|
}, n.onreadystatechange = function () {
|
||
|
|
if (4 === n.readyState) return "live-link" !== n.getResponseHeader("x-requested-with") ? t(400) : 200 !== n.status ? t(n.status) : void t(200, n.responseText);
|
||
|
|
}, n.send();
|
||
|
|
},
|
||
|
|
pushState: function (e, t, n) {
|
||
|
|
if (this.canPushState()) {
|
||
|
|
if (n !== window.location.href) {
|
||
|
|
history[e + "State"](t, "", n || null);
|
||
|
|
var i = this.getHashTargetEl(window.location.hash);
|
||
|
|
i ? i.scrollIntoView() : "redirect" === t.type && window.scroll(0, 0);
|
||
|
|
}
|
||
|
|
} else this.redirect(n);
|
||
|
|
},
|
||
|
|
setCookie: function (e, t) {
|
||
|
|
document.cookie = "".concat(e, "=").concat(t);
|
||
|
|
},
|
||
|
|
getCookie: function (e) {
|
||
|
|
return document.cookie.replace(new RegExp("(?:(?:^|.*;s*)".concat(e, "s*=s*([^;]*).*$)|^.*$")), "$1");
|
||
|
|
},
|
||
|
|
redirect: function (e, t) {
|
||
|
|
t && z.setCookie("__phoenix_flash__", t + "; max-age=60000; path=/"), window.location = e;
|
||
|
|
},
|
||
|
|
localKey: function (e, t) {
|
||
|
|
return "".concat(e, "-").concat(t);
|
||
|
|
},
|
||
|
|
getHashTargetEl: function (e) {
|
||
|
|
if ("" !== e.toString()) return document.getElementById(e) || document.querySelector('a[name="'.concat(e.substring(1), '"]'));
|
||
|
|
}
|
||
|
|
},
|
||
|
|
$ = {
|
||
|
|
byId: function (e) {
|
||
|
|
return document.getElementById(e) || J("no id found for ".concat(e));
|
||
|
|
},
|
||
|
|
removeClass: function (e, t) {
|
||
|
|
e.classList.remove(t), 0 === e.classList.length && e.removeAttribute("class");
|
||
|
|
},
|
||
|
|
all: function (e, t, n) {
|
||
|
|
var i = Array.from(e.querySelectorAll(t));
|
||
|
|
return n ? i.forEach(n) : i;
|
||
|
|
},
|
||
|
|
findFirstComponentNode: function (e, t) {
|
||
|
|
return e.querySelector("[".concat(N, '="').concat(t, '"]'));
|
||
|
|
},
|
||
|
|
findComponentNodeList: function (e, t) {
|
||
|
|
return this.all(e, "[".concat(N, '="').concat(t, '"]'));
|
||
|
|
},
|
||
|
|
findPhxChildrenInFragment: function (e, t) {
|
||
|
|
var n = document.createElement("template");
|
||
|
|
return n.innerHTML = e, this.findPhxChildren(n.content, t);
|
||
|
|
},
|
||
|
|
isPhxUpdate: function (e, t, n) {
|
||
|
|
return e.getAttribute && n.indexOf(e.getAttribute(t)) >= 0;
|
||
|
|
},
|
||
|
|
findPhxChildren: function (e, t) {
|
||
|
|
return this.all(e, "".concat(R, "[").concat("data-phx-parent-id", '="').concat(t, '"]'));
|
||
|
|
},
|
||
|
|
findParentCIDs: function (e, t) {
|
||
|
|
var n = this,
|
||
|
|
i = new Set(t);
|
||
|
|
return t.reduce(function (t, i) {
|
||
|
|
var r = "[".concat(N, '="').concat(i, '"] [').concat(N, "]");
|
||
|
|
return n.all(e, r).map(function (e) {
|
||
|
|
return parseInt(e.getAttribute(N));
|
||
|
|
}).forEach(function (e) {
|
||
|
|
return t.delete(e);
|
||
|
|
}), t;
|
||
|
|
}, i);
|
||
|
|
},
|
||
|
|
private: function (e, t) {
|
||
|
|
return e.phxPrivate && e.phxPrivate[t];
|
||
|
|
},
|
||
|
|
deletePrivate: function (e, t) {
|
||
|
|
e.phxPrivate && delete e.phxPrivate[t];
|
||
|
|
},
|
||
|
|
putPrivate: function (e, t, n) {
|
||
|
|
e.phxPrivate || (e.phxPrivate = {}), e.phxPrivate[t] = n;
|
||
|
|
},
|
||
|
|
copyPrivates: function (e, t) {
|
||
|
|
t.phxPrivate && (e.phxPrivate = V(t.phxPrivate));
|
||
|
|
},
|
||
|
|
putTitle: function (e) {
|
||
|
|
var t = document.querySelector("title").dataset,
|
||
|
|
n = t.prefix,
|
||
|
|
i = t.suffix;
|
||
|
|
document.title = "".concat(n || "").concat(e).concat(i || "");
|
||
|
|
},
|
||
|
|
debounce: function (e, t, n, i, r, o, a) {
|
||
|
|
var u = this,
|
||
|
|
c = e.getAttribute(n),
|
||
|
|
s = e.getAttribute(r);
|
||
|
|
"" === c && (c = i), "" === s && (s = o);
|
||
|
|
var l = c || s;
|
||
|
|
|
||
|
|
switch (l) {
|
||
|
|
case null:
|
||
|
|
return a();
|
||
|
|
|
||
|
|
case "blur":
|
||
|
|
if (this.private(e, "debounce-blur")) return;
|
||
|
|
return e.addEventListener("blur", function () {
|
||
|
|
return a();
|
||
|
|
}), void this.putPrivate(e, "debounce-blur", l);
|
||
|
|
|
||
|
|
default:
|
||
|
|
var d = parseInt(l);
|
||
|
|
if (isNaN(d)) return J("invalid throttle/debounce value: ".concat(l));
|
||
|
|
|
||
|
|
if (s && "keydown" === t.type) {
|
||
|
|
var h = this.private(e, "debounce-prev-key");
|
||
|
|
if (this.putPrivate(e, "debounce-prev-key", t.which), h !== t.which) return a();
|
||
|
|
}
|
||
|
|
|
||
|
|
if (this.private(e, "debounce-timer")) return;
|
||
|
|
|
||
|
|
var f = function (t) {
|
||
|
|
s && "phx-change" === t.type && t.detail.triggeredBy.name === e.name || (clearTimeout(u.private(e, "debounce-timer")), u.deletePrivate(e, "debounce-timer"));
|
||
|
|
},
|
||
|
|
v = function () {
|
||
|
|
e.form && (e.form.removeEventListener("phx-change", f), e.form.removeEventListener("submit", f)), e.removeEventListener("blur", u.private(e, "debounce-blur-timer")), u.deletePrivate(e, "debounce-blur-timer"), u.deletePrivate(e, "debounce-timer"), s || a();
|
||
|
|
},
|
||
|
|
p = function () {
|
||
|
|
clearTimeout(u.private(e, "debounce-timer")), v();
|
||
|
|
};
|
||
|
|
|
||
|
|
this.putPrivate(e, "debounce-timer", setTimeout(v, d)), e.addEventListener("blur", p), this.putPrivate(e, "debounce-blur-timer", p), e.form && (e.form.addEventListener("phx-change", f), e.form.addEventListener("submit", f)), s && a();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
discardError: function (e, t, n) {
|
||
|
|
var i = t.getAttribute && t.getAttribute(n),
|
||
|
|
r = i && e.querySelector("#".concat(i));
|
||
|
|
r && (this.private(r, "phx-has-focused") || this.private(r.form, "phx-has-submitted") || t.classList.add("phx-no-feedback"));
|
||
|
|
},
|
||
|
|
isPhxChild: function (e) {
|
||
|
|
return e.getAttribute && e.getAttribute("data-phx-parent-id");
|
||
|
|
},
|
||
|
|
dispatchEvent: function (e, t) {
|
||
|
|
var n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
|
||
|
|
i = new CustomEvent(t, {
|
||
|
|
bubbles: !0,
|
||
|
|
cancelable: !0,
|
||
|
|
detail: n
|
||
|
|
});
|
||
|
|
e.dispatchEvent(i);
|
||
|
|
},
|
||
|
|
cloneNode: function (e, t) {
|
||
|
|
if (void 0 === t) return e.cloneNode(!0);
|
||
|
|
var n = e.cloneNode(!1);
|
||
|
|
return n.innerHTML = t, n;
|
||
|
|
},
|
||
|
|
mergeAttrs: function (e, t) {
|
||
|
|
for (var n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : [], i = t.attributes, r = i.length - 1; r >= 0; r--) {
|
||
|
|
var o = i[r].name;
|
||
|
|
n.indexOf(o) < 0 && e.setAttribute(o, t.getAttribute(o));
|
||
|
|
}
|
||
|
|
|
||
|
|
for (var a = e.attributes, u = a.length - 1; u >= 0; u--) {
|
||
|
|
var c = a[u].name;
|
||
|
|
t.hasAttribute(c) || e.removeAttribute(c);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mergeFocusedInput: function (e, t) {
|
||
|
|
e instanceof HTMLSelectElement || $.mergeAttrs(e, t, ["value"]), t.readOnly ? e.setAttribute("readonly", !0) : e.removeAttribute("readonly");
|
||
|
|
},
|
||
|
|
restoreFocus: function (e, t, n) {
|
||
|
|
if ($.isTextualInput(e)) {
|
||
|
|
var i = e.matches(":focus");
|
||
|
|
e.readOnly && e.blur(), i || e.focus(), (e.setSelectionRange && "text" === e.type || "textarea" === e.type) && e.setSelectionRange(t, n);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
isFormInput: function (e) {
|
||
|
|
return /^(?:input|select|textarea)$/i.test(e.tagName);
|
||
|
|
},
|
||
|
|
syncAttrsToProps: function (e) {
|
||
|
|
e instanceof HTMLInputElement && O.indexOf(e.type.toLocaleLowerCase()) >= 0 && (e.checked = null !== e.getAttribute("checked"));
|
||
|
|
},
|
||
|
|
isTextualInput: function (e) {
|
||
|
|
return _.indexOf(e.type) >= 0;
|
||
|
|
},
|
||
|
|
isNowTriggerFormExternal: function (e, t) {
|
||
|
|
return e.getAttribute && null !== e.getAttribute(t);
|
||
|
|
},
|
||
|
|
undoRefs: function (e, t) {
|
||
|
|
var n = this;
|
||
|
|
$.all(t, "[".concat(D, "]"), function (t) {
|
||
|
|
return n.syncPendingRef(e, t, t);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
syncPendingRef: function (e, t, n) {
|
||
|
|
var i = t.getAttribute && t.getAttribute(D);
|
||
|
|
if (null === i) return !0;
|
||
|
|
var r = parseInt(i);
|
||
|
|
return null !== e && e >= r ? ([t, n].forEach(function (e) {
|
||
|
|
e.removeAttribute(D), null !== e.getAttribute("data-phx-readonly") && (e.readOnly = !1, e.removeAttribute("data-phx-readonly")), null !== e.getAttribute("data-phx-disabled") && (e.disabled = !1, e.removeAttribute("data-phx-disabled")), I.forEach(function (t) {
|
||
|
|
return $.removeClass(e, t);
|
||
|
|
});
|
||
|
|
var t = e.getAttribute("data-phx-disable-with-restore");
|
||
|
|
null !== t && (e.innerText = t, e.removeAttribute("data-phx-disable-with-restore"));
|
||
|
|
}), !0) : (I.forEach(function (e) {
|
||
|
|
t.classList.contains(e) && n.classList.add(e);
|
||
|
|
}), n.setAttribute(D, t.getAttribute(D)), !$.isFormInput(t) && !/submit/i.test(t.type));
|
||
|
|
}
|
||
|
|
},
|
||
|
|
Q = function () {
|
||
|
|
function e(t, n, i, r, o, a) {
|
||
|
|
w(this, e), this.view = t, this.liveSocket = t.liveSocket, this.container = n, this.id = i, this.rootID = t.root.id, this.html = r, this.targetCID = o, this.ref = a, this.cidPatch = "number" == typeof this.targetCID, this.callbacks = {
|
||
|
|
beforeadded: [],
|
||
|
|
beforeupdated: [],
|
||
|
|
beforediscarded: [],
|
||
|
|
beforephxChildAdded: [],
|
||
|
|
afteradded: [],
|
||
|
|
afterupdated: [],
|
||
|
|
afterdiscarded: [],
|
||
|
|
afterphxChildAdded: []
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
return A(e, [{
|
||
|
|
key: "before",
|
||
|
|
value: function (e, t) {
|
||
|
|
this.callbacks["before".concat(e)].push(t);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "after",
|
||
|
|
value: function (e, t) {
|
||
|
|
this.callbacks["after".concat(e)].push(t);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "trackBefore",
|
||
|
|
value: function (e) {
|
||
|
|
for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), i = 1; i < t; i++) n[i - 1] = arguments[i];
|
||
|
|
|
||
|
|
this.callbacks["before".concat(e)].forEach(function (e) {
|
||
|
|
return e.apply(void 0, n);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "trackAfter",
|
||
|
|
value: function (e) {
|
||
|
|
for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), i = 1; i < t; i++) n[i - 1] = arguments[i];
|
||
|
|
|
||
|
|
this.callbacks["after".concat(e)].forEach(function (e) {
|
||
|
|
return e.apply(void 0, n);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "markPrunableContentForRemoval",
|
||
|
|
value: function () {
|
||
|
|
$.all(this.container, "[phx-update=append] > *, [phx-update=prepend] > *", function (e) {
|
||
|
|
e.setAttribute("data-phx-remove", "");
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "perform",
|
||
|
|
value: function () {
|
||
|
|
var e = this,
|
||
|
|
t = this.view,
|
||
|
|
n = this.liveSocket,
|
||
|
|
i = this.container,
|
||
|
|
r = this.html,
|
||
|
|
o = this.isCIDPatch() ? this.targetCIDContainer() : i;
|
||
|
|
|
||
|
|
if (!this.isCIDPatch() || o) {
|
||
|
|
var a = n.getActiveElement(),
|
||
|
|
u = a && $.isTextualInput(a) ? a : {},
|
||
|
|
c = u.selectionStart,
|
||
|
|
s = u.selectionEnd,
|
||
|
|
l = n.binding("update"),
|
||
|
|
d = n.binding("feedback-for"),
|
||
|
|
h = n.binding("trigger-action"),
|
||
|
|
f = [],
|
||
|
|
v = [],
|
||
|
|
p = [],
|
||
|
|
g = n.time("premorph container prep", function () {
|
||
|
|
return e.buildDiffHTML(i, r, l, o);
|
||
|
|
});
|
||
|
|
return this.trackBefore("added", i), this.trackBefore("updated", i, i), n.time("morphdom", function () {
|
||
|
|
k(o, g, {
|
||
|
|
childrenOnly: null === o.getAttribute(N),
|
||
|
|
onBeforeNodeAdded: function (t) {
|
||
|
|
return $.discardError(o, t, d), e.trackBefore("added", t), t;
|
||
|
|
},
|
||
|
|
onNodeAdded: function (n) {
|
||
|
|
$.isNowTriggerFormExternal(n, h) && n.submit(), $.isPhxChild(n) && t.ownsElement(n) && e.trackAfter("phxChildAdded", n), f.push(n);
|
||
|
|
},
|
||
|
|
onNodeDiscarded: function (t) {
|
||
|
|
e.trackAfter("discarded", t);
|
||
|
|
},
|
||
|
|
onBeforeNodeDiscarded: function (t) {
|
||
|
|
return !(!t.getAttribute || null === t.getAttribute("data-phx-remove")) || !$.isPhxUpdate(t.parentNode, l, ["append", "prepend"]) && !e.skipCIDSibling(t) && (e.trackBefore("discarded", t), $.isPhxChild(t) ? (n.destroyViewByEl(t), !0) : void 0);
|
||
|
|
},
|
||
|
|
onElUpdated: function (e) {
|
||
|
|
$.isNowTriggerFormExternal(e, h) && e.submit(), v.push(e);
|
||
|
|
},
|
||
|
|
onBeforeElUpdated: function (t, n) {
|
||
|
|
if (e.skipCIDSibling(n)) return !1;
|
||
|
|
if ("ignore" === t.getAttribute(l)) return e.trackBefore("updated", t, n), $.mergeAttrs(t, n), v.push(t), !1;
|
||
|
|
if ("number" === t.type && t.validity && t.validity.badInput) return !1;
|
||
|
|
if (!$.syncPendingRef(e.ref, t, n)) return !1;
|
||
|
|
|
||
|
|
if ($.isPhxChild(n)) {
|
||
|
|
var i = t.getAttribute("data-phx-static");
|
||
|
|
return $.mergeAttrs(t, n), t.setAttribute("data-phx-static", i), t.setAttribute("data-phx-root-id", e.rootID), !1;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ($.copyPrivates(n, t), $.discardError(o, n, d), a && t.isSameNode(a) && $.isFormInput(t) && !e.forceFocusedSelectUpdate(t, n)) return e.trackBefore("updated", t, n), $.mergeFocusedInput(t, n), $.syncAttrsToProps(t), v.push(t), !1;
|
||
|
|
|
||
|
|
if ($.isPhxUpdate(n, l, ["append", "prepend"])) {
|
||
|
|
var r = "append" === n.getAttribute(l),
|
||
|
|
u = Array.from(t.children).map(function (e) {
|
||
|
|
return e.id;
|
||
|
|
}),
|
||
|
|
c = Array.from(n.children).map(function (e) {
|
||
|
|
return e.id;
|
||
|
|
});
|
||
|
|
r && !c.find(function (e) {
|
||
|
|
return u.indexOf(e) >= 0;
|
||
|
|
}) || p.push([n.id, u]);
|
||
|
|
}
|
||
|
|
|
||
|
|
return $.syncAttrsToProps(n), e.trackBefore("updated", t, n), !0;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}), n.isDebugEnabled() && function () {
|
||
|
|
for (var e = new Set(), t = document.querySelectorAll("*[id]"), n = 0, i = t.length; n < i; n++) e.has(t[n].id) ? console.error("Multiple IDs detected: ".concat(t[n].id, ". Ensure unique element ids.")) : e.add(t[n].id);
|
||
|
|
}(), p.length > 0 && n.time("post-morph append/prepend restoration", function () {
|
||
|
|
p.forEach(function (e) {
|
||
|
|
var t = E(e, 2),
|
||
|
|
n = t[0],
|
||
|
|
i = t[1],
|
||
|
|
r = $.byId(n);
|
||
|
|
"append" === r.getAttribute(l) ? i.reverse().forEach(function (e) {
|
||
|
|
W(document.getElementById(e), function (e) {
|
||
|
|
return r.insertBefore(e, r.firstChild);
|
||
|
|
});
|
||
|
|
}) : i.forEach(function (e) {
|
||
|
|
W(document.getElementById(e), function (e) {
|
||
|
|
return r.appendChild(e);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}), n.silenceEvents(function () {
|
||
|
|
return $.restoreFocus(a, c, s);
|
||
|
|
}), $.dispatchEvent(document, "phx:update"), f.forEach(function (t) {
|
||
|
|
return e.trackAfter("added", t);
|
||
|
|
}), v.forEach(function (t) {
|
||
|
|
return e.trackAfter("updated", t);
|
||
|
|
}), !0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "forceFocusedSelectUpdate",
|
||
|
|
value: function (e, t) {
|
||
|
|
return !0 === e.multiple || e.innerHTML != t.innerHTML;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isCIDPatch",
|
||
|
|
value: function () {
|
||
|
|
return this.cidPatch;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "skipCIDSibling",
|
||
|
|
value: function (e) {
|
||
|
|
return e.nodeType === Node.ELEMENT_NODE && null !== e.getAttribute("data-phx-skip");
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "targetCIDContainer",
|
||
|
|
value: function () {
|
||
|
|
if (this.isCIDPatch()) {
|
||
|
|
var e = b($.findComponentNodeList(this.container, this.targetCID)),
|
||
|
|
t = e[0];
|
||
|
|
return 0 === e.slice(1).length ? t : t && t.parentNode;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "buildDiffHTML",
|
||
|
|
value: function (e, t, n, i) {
|
||
|
|
var r = this,
|
||
|
|
o = this.isCIDPatch(),
|
||
|
|
a = o && i.getAttribute(N) === this.targetCID.toString();
|
||
|
|
if (!o || a) return t;
|
||
|
|
var u = null,
|
||
|
|
c = document.createElement("template");
|
||
|
|
u = $.cloneNode(i);
|
||
|
|
var s = b($.findComponentNodeList(u, this.targetCID)),
|
||
|
|
l = s[0],
|
||
|
|
d = s.slice(1);
|
||
|
|
return c.innerHTML = t, d.forEach(function (e) {
|
||
|
|
return e.remove();
|
||
|
|
}), Array.from(u.childNodes).forEach(function (e) {
|
||
|
|
e.nodeType === Node.ELEMENT_NODE && e.getAttribute(N) !== r.targetCID.toString() && (e.setAttribute("data-phx-skip", ""), e.innerHTML = "");
|
||
|
|
}), Array.from(c.content.childNodes).forEach(function (e) {
|
||
|
|
return u.insertBefore(e, l);
|
||
|
|
}), l.remove(), u.outerHTML;
|
||
|
|
}
|
||
|
|
}]), e;
|
||
|
|
}(),
|
||
|
|
Z = function () {
|
||
|
|
function e(t, n, i, r, o) {
|
||
|
|
var a = this;
|
||
|
|
w(this, e), this.liveSocket = n, this.flash = o, this.parent = i, this.root = i ? i.root : this, this.gracefullyClosed = !1, this.el = t, this.id = this.el.id, this.view = this.el.getAttribute(T), this.ref = 0, this.childJoins = 0, this.loaderTimer = null, this.pendingDiffs = [], this.href = r, this.joinCount = this.parent ? this.parent.joinCount - 1 : 0, this.joinPending = !0, this.destroyed = !1, this.joinCallback = function () {}, this.stopCallback = function () {}, this.pendingJoinOps = this.parent ? null : [], this.viewHooks = {}, this.children = this.parent ? null : {}, this.root.children[this.id] = {}, this.channel = this.liveSocket.channel("lv:".concat(this.id), function () {
|
||
|
|
return {
|
||
|
|
url: a.href,
|
||
|
|
params: a.liveSocket.params(a.view),
|
||
|
|
session: a.getSession(),
|
||
|
|
static: a.getStatic(),
|
||
|
|
flash: a.flash,
|
||
|
|
joins: a.joinCount
|
||
|
|
};
|
||
|
|
}), this.showLoader(this.liveSocket.loaderTimeout), this.bindChannel();
|
||
|
|
}
|
||
|
|
|
||
|
|
return A(e, [{
|
||
|
|
key: "isMain",
|
||
|
|
value: function () {
|
||
|
|
return this.liveSocket.main === this;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "name",
|
||
|
|
value: function () {
|
||
|
|
return this.view;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isConnected",
|
||
|
|
value: function () {
|
||
|
|
return this.channel.canPush();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "getSession",
|
||
|
|
value: function () {
|
||
|
|
return this.el.getAttribute("data-phx-session");
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "getStatic",
|
||
|
|
value: function () {
|
||
|
|
var e = this.el.getAttribute("data-phx-static");
|
||
|
|
return "" === e ? null : e;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "destroy",
|
||
|
|
value: function () {
|
||
|
|
var e = this,
|
||
|
|
t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : function () {};
|
||
|
|
this.destroyAllChildren(), this.destroyed = !0, delete this.root.children[this.id], this.parent && delete this.root.children[this.parent.id][this.id], clearTimeout(this.loaderTimer);
|
||
|
|
|
||
|
|
var n = function () {
|
||
|
|
for (var n in t(), e.viewHooks) e.destroyHook(e.viewHooks[n]);
|
||
|
|
};
|
||
|
|
|
||
|
|
this.hasGracefullyClosed() ? (this.log("destroyed", function () {
|
||
|
|
return ["the server view has gracefully closed"];
|
||
|
|
}), n()) : (this.log("destroyed", function () {
|
||
|
|
return ["the child has been removed from the parent"];
|
||
|
|
}), this.channel.leave().receive("ok", n).receive("error", n).receive("timeout", n));
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "setContainerClasses",
|
||
|
|
value: function () {
|
||
|
|
var e;
|
||
|
|
this.el.classList.remove("phx-connected", "phx-disconnected", "phx-error"), (e = this.el.classList).add.apply(e, arguments);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isLoading",
|
||
|
|
value: function () {
|
||
|
|
return this.el.classList.contains("phx-disconnected");
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "showLoader",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this;
|
||
|
|
if (clearTimeout(this.loaderTimer), e) this.loaderTimer = setTimeout(function () {
|
||
|
|
return t.showLoader();
|
||
|
|
}, e);else {
|
||
|
|
for (var n in this.viewHooks) this.viewHooks[n].__trigger__("disconnected");
|
||
|
|
|
||
|
|
this.setContainerClasses("phx-disconnected");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "hideLoader",
|
||
|
|
value: function () {
|
||
|
|
clearTimeout(this.loaderTimer), this.setContainerClasses("phx-connected");
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "triggerReconnected",
|
||
|
|
value: function () {
|
||
|
|
for (var e in this.viewHooks) this.viewHooks[e].__trigger__("reconnected");
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "log",
|
||
|
|
value: function (e, t) {
|
||
|
|
this.liveSocket.log(this, e, t);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onJoin",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this,
|
||
|
|
n = e.rendered;
|
||
|
|
this.joinCount++, this.childJoins = 0, this.joinPending = !0, this.flash = null, this.log("join", function () {
|
||
|
|
return ["", n];
|
||
|
|
}), n.title && $.putTitle(n.title), z.dropLocal(this.name(), "consecutive-reloads"), this.rendered = new G(this.id, n);
|
||
|
|
var i = this.renderContainer(null, "join");
|
||
|
|
this.dropPendingRefs();
|
||
|
|
var r = this.formsForRecovery(i);
|
||
|
|
this.joinCount > 1 && r.length > 0 ? r.forEach(function (e, n) {
|
||
|
|
t.pushFormRecovery(e, function (e) {
|
||
|
|
n === r.length - 1 && t.onJoinComplete(e, i);
|
||
|
|
});
|
||
|
|
}) : this.onJoinComplete(e, i);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "dropPendingRefs",
|
||
|
|
value: function () {
|
||
|
|
$.all(this.el, "[".concat(D, "]"), function (e) {
|
||
|
|
return e.removeAttribute(D);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "formsForRecovery",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this,
|
||
|
|
n = this.binding("change"),
|
||
|
|
i = document.createElement("template");
|
||
|
|
return i.innerHTML = e, $.all(this.el, "form[".concat(n, "], form[").concat(this.binding("submit"), "]")).filter(function (e) {
|
||
|
|
return t.ownsElement(e);
|
||
|
|
}).filter(function (e) {
|
||
|
|
return i.content.querySelector("form[".concat(n, '="').concat(e.getAttribute(n), '"]'));
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onJoinComplete",
|
||
|
|
value: function (e, t) {
|
||
|
|
var n = this,
|
||
|
|
i = e.live_patch;
|
||
|
|
if (this.joinCount > 1 || this.parent && !this.parent.isJoinPending()) return this.applyJoinPatch(i, t);
|
||
|
|
0 === $.findPhxChildrenInFragment(t, this.id).filter(function (e) {
|
||
|
|
return n.joinChild(e);
|
||
|
|
}).length ? this.parent ? (this.root.pendingJoinOps.push([this, function () {
|
||
|
|
return n.applyJoinPatch(i, t);
|
||
|
|
}]), this.parent.ackJoin(this)) : (this.onAllChildJoinsComplete(), this.applyJoinPatch(i, t)) : this.root.pendingJoinOps.push([this, function () {
|
||
|
|
return n.applyJoinPatch(i, t);
|
||
|
|
}]);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "attachTrueDocEl",
|
||
|
|
value: function () {
|
||
|
|
this.el = $.byId(this.id), this.el.setAttribute("data-phx-root-id", this.root.id);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "applyJoinPatch",
|
||
|
|
value: function (e, t) {
|
||
|
|
var n = this;
|
||
|
|
this.attachTrueDocEl();
|
||
|
|
var i = new Q(this, this.el, this.id, t, null);
|
||
|
|
|
||
|
|
if (i.markPrunableContentForRemoval(), this.joinPending = !1, this.performPatch(i), this.joinNewChildren(), $.all(this.el, "[".concat(this.binding("hook"), "]"), function (e) {
|
||
|
|
var t = n.addHook(e);
|
||
|
|
t && t.__trigger__("mounted");
|
||
|
|
}), this.applyPendingUpdates(), e) {
|
||
|
|
var r = e.kind,
|
||
|
|
o = e.to;
|
||
|
|
this.liveSocket.historyPatch(o, r);
|
||
|
|
}
|
||
|
|
|
||
|
|
this.hideLoader(), this.joinCount > 1 && this.triggerReconnected(), this.stopCallback();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "performPatch",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this,
|
||
|
|
n = [],
|
||
|
|
i = !1,
|
||
|
|
r = new Set();
|
||
|
|
return e.after("added", function (e) {
|
||
|
|
var n = t.addHook(e);
|
||
|
|
n && n.__trigger__("mounted");
|
||
|
|
}), e.after("phxChildAdded", function (e) {
|
||
|
|
return i = !0;
|
||
|
|
}), e.before("updated", function (e, n) {
|
||
|
|
var i = t.getHook(e),
|
||
|
|
o = i && "ignore" === e.getAttribute(t.binding("update"));
|
||
|
|
!i || e.isEqualNode(n) || o && function (e, t) {
|
||
|
|
return JSON.stringify(e) === JSON.stringify(t);
|
||
|
|
}(e.dataset, n.dataset) || (r.add(e.id), i.__trigger__("beforeUpdate"));
|
||
|
|
}), e.after("updated", function (e) {
|
||
|
|
var n = t.getHook(e);
|
||
|
|
n && r.has(e.id) && n.__trigger__("updated");
|
||
|
|
}), e.before("discarded", function (e) {
|
||
|
|
var n = t.getHook(e);
|
||
|
|
n && n.__trigger__("beforeDestroy");
|
||
|
|
}), e.after("discarded", function (e) {
|
||
|
|
var i = t.componentID(e);
|
||
|
|
"number" == typeof i && -1 === n.indexOf(i) && n.push(i);
|
||
|
|
var r = t.getHook(e);
|
||
|
|
r && t.destroyHook(r);
|
||
|
|
}), e.perform(), this.maybePushComponentsDestroyed(n), i;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "joinNewChildren",
|
||
|
|
value: function () {
|
||
|
|
var e = this;
|
||
|
|
$.findPhxChildren(this.el, this.id).forEach(function (t) {
|
||
|
|
return e.joinChild(t);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "getChildById",
|
||
|
|
value: function (e) {
|
||
|
|
return this.root.children[this.id][e];
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "getDescendentByEl",
|
||
|
|
value: function (e) {
|
||
|
|
return e.id === this.id ? this : this.children[e.getAttribute("data-phx-parent-id")][e.id];
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "destroyDescendent",
|
||
|
|
value: function (e) {
|
||
|
|
for (var t in this.root.children) for (var n in this.root.children[t]) if (n === e) return this.root.children[t][n].destroy();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "joinChild",
|
||
|
|
value: function (t) {
|
||
|
|
if (!this.getChildById(t.id)) {
|
||
|
|
var n = new e(t, this.liveSocket, this);
|
||
|
|
return this.root.children[this.id][n.id] = n, n.join(), this.childJoins++, !0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isJoinPending",
|
||
|
|
value: function () {
|
||
|
|
return this.joinPending;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "ackJoin",
|
||
|
|
value: function (e) {
|
||
|
|
this.childJoins--, 0 === this.childJoins && (this.parent ? this.parent.ackJoin(this) : this.onAllChildJoinsComplete());
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onAllChildJoinsComplete",
|
||
|
|
value: function () {
|
||
|
|
this.joinCallback(), this.pendingJoinOps.forEach(function (e) {
|
||
|
|
var t = E(e, 2),
|
||
|
|
n = t[0],
|
||
|
|
i = t[1];
|
||
|
|
n.isDestroyed() || i();
|
||
|
|
}), this.pendingJoinOps = [];
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "update",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
var i = this;
|
||
|
|
|
||
|
|
if (!q(e) || null !== n) {
|
||
|
|
if (e.title && $.putTitle(e.title), this.isJoinPending() || this.liveSocket.hasPendingLink()) return this.pendingDiffs.push({
|
||
|
|
diff: e,
|
||
|
|
cid: t,
|
||
|
|
ref: n
|
||
|
|
});
|
||
|
|
this.log("update", function () {
|
||
|
|
return ["", e];
|
||
|
|
}), this.rendered.mergeDiff(e);
|
||
|
|
var r = !1;
|
||
|
|
"number" == typeof t ? this.liveSocket.time("component ack patch complete", function () {
|
||
|
|
i.componentPatch(e.c[t], t, n) && (r = !0);
|
||
|
|
}) : this.rendered.isComponentOnlyDiff(e) ? this.liveSocket.time("component patch complete", function () {
|
||
|
|
$.findParentCIDs(i.el, i.rendered.componentCIDs(e)).forEach(function (t) {
|
||
|
|
i.componentPatch(e.c[t], t, n) && (r = !0);
|
||
|
|
});
|
||
|
|
}) : q(e) || this.liveSocket.time("full patch complete", function () {
|
||
|
|
var t = i.renderContainer(e, "update"),
|
||
|
|
o = new Q(i, i.el, i.id, t, null, n);
|
||
|
|
r = i.performPatch(o);
|
||
|
|
}), $.undoRefs(n, this.el), r && this.joinNewChildren();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "renderContainer",
|
||
|
|
value: function (e, t) {
|
||
|
|
var n = this;
|
||
|
|
return this.liveSocket.time("toString diff (".concat(t, ")"), function () {
|
||
|
|
var t = n.el.tagName,
|
||
|
|
i = e ? n.rendered.componentCIDs(e) : null,
|
||
|
|
r = n.rendered.toString(i);
|
||
|
|
return "<".concat(t, ">").concat(r, "</").concat(t, ">");
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "componentPatch",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
if (q(e)) return !1;
|
||
|
|
var i = this.rendered.componentToString(t),
|
||
|
|
r = new Q(this, this.el, this.id, i, t, n);
|
||
|
|
return this.performPatch(r);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "getHook",
|
||
|
|
value: function (e) {
|
||
|
|
return this.viewHooks[te.elementID(e)];
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "addHook",
|
||
|
|
value: function (e) {
|
||
|
|
if (!te.elementID(e) && e.getAttribute) {
|
||
|
|
var t = e.getAttribute(this.binding("hook"));
|
||
|
|
|
||
|
|
if (!t || this.ownsElement(e)) {
|
||
|
|
var n = this.liveSocket.getHookCallbacks(t);
|
||
|
|
|
||
|
|
if (n) {
|
||
|
|
var i = new te(this, e, n);
|
||
|
|
return this.viewHooks[te.elementID(i.el)] = i, i;
|
||
|
|
}
|
||
|
|
|
||
|
|
null !== t && J('unknown hook found for "'.concat(t, '"'), e);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "destroyHook",
|
||
|
|
value: function (e) {
|
||
|
|
e.__trigger__("destroyed"), delete this.viewHooks[te.elementID(e.el)];
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "applyPendingUpdates",
|
||
|
|
value: function () {
|
||
|
|
var e = this;
|
||
|
|
this.pendingDiffs.forEach(function (t) {
|
||
|
|
var n = t.diff,
|
||
|
|
i = t.cid,
|
||
|
|
r = t.ref;
|
||
|
|
return e.update(n, i, r);
|
||
|
|
}), this.pendingDiffs = [];
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onChannel",
|
||
|
|
value: function (e, t) {
|
||
|
|
var n = this;
|
||
|
|
this.liveSocket.onChannel(this.channel, e, function (e) {
|
||
|
|
n.isJoinPending() ? n.root.pendingJoinOps.push([n, function () {
|
||
|
|
return t(e);
|
||
|
|
}]) : t(e);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "bindChannel",
|
||
|
|
value: function () {
|
||
|
|
var e = this;
|
||
|
|
this.onChannel("diff", function (t) {
|
||
|
|
return e.update(t);
|
||
|
|
}), this.onChannel("redirect", function (t) {
|
||
|
|
var n = t.to,
|
||
|
|
i = t.flash;
|
||
|
|
return e.onRedirect({
|
||
|
|
to: n,
|
||
|
|
flash: i
|
||
|
|
});
|
||
|
|
}), this.onChannel("live_patch", function (t) {
|
||
|
|
return e.onLivePatch(t);
|
||
|
|
}), this.onChannel("live_redirect", function (t) {
|
||
|
|
return e.onLiveRedirect(t);
|
||
|
|
}), this.onChannel("session", function (t) {
|
||
|
|
var n = t.token;
|
||
|
|
return e.el.setAttribute("data-phx-session", n);
|
||
|
|
}), this.channel.onError(function (t) {
|
||
|
|
return e.onError(t);
|
||
|
|
}), this.channel.onClose(function () {
|
||
|
|
return e.onGracefulClose();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "destroyAllChildren",
|
||
|
|
value: function () {
|
||
|
|
for (var e in this.root.children[this.id]) this.getChildById(e).destroy();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onGracefulClose",
|
||
|
|
value: function () {
|
||
|
|
this.gracefullyClosed = !0, this.destroyAllChildren();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onLiveRedirect",
|
||
|
|
value: function (e) {
|
||
|
|
var t = e.to,
|
||
|
|
n = e.kind,
|
||
|
|
i = e.flash,
|
||
|
|
r = this.expandURL(t);
|
||
|
|
this.liveSocket.historyRedirect(r, n, i);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onLivePatch",
|
||
|
|
value: function (e) {
|
||
|
|
var t = e.to,
|
||
|
|
n = e.kind;
|
||
|
|
this.href = this.expandURL(t), this.liveSocket.historyPatch(t, n);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "expandURL",
|
||
|
|
value: function (e) {
|
||
|
|
return e.startsWith("/") ? "".concat(window.location.protocol, "//").concat(window.location.host).concat(e) : e;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onRedirect",
|
||
|
|
value: function (e) {
|
||
|
|
var t = e.to,
|
||
|
|
n = e.flash;
|
||
|
|
this.liveSocket.redirect(t, n);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "isDestroyed",
|
||
|
|
value: function () {
|
||
|
|
return this.destroyed;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "hasGracefullyClosed",
|
||
|
|
value: function () {
|
||
|
|
return this.gracefullyClosed;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "join",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this;
|
||
|
|
this.parent || (this.stopCallback = this.liveSocket.withPageLoading({
|
||
|
|
to: this.href,
|
||
|
|
kind: "initial"
|
||
|
|
})), this.joinCallback = function () {
|
||
|
|
return e && e(t, t.joinCount);
|
||
|
|
}, this.liveSocket.wrapPush(function () {
|
||
|
|
return t.channel.join().receive("ok", function (e) {
|
||
|
|
return t.onJoin(e);
|
||
|
|
}).receive("error", function (e) {
|
||
|
|
return t.onJoinError(e);
|
||
|
|
}).receive("timeout", function () {
|
||
|
|
return t.onJoinError({
|
||
|
|
reason: "timeout"
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onJoinError",
|
||
|
|
value: function (e) {
|
||
|
|
return "outdated" === e.reason ? this.liveSocket.reloadWithJitter(this) : "join crashed" === e.reason ? this.liveSocket.reloadWithJitter(this) : ((e.redirect || e.live_redirect) && this.channel.leave(), e.redirect ? this.onRedirect(e.redirect) : e.live_redirect ? this.onLiveRedirect(e.live_redirect) : (this.parent && this.parent.ackJoin(this), this.displayError(), void this.log("error", function () {
|
||
|
|
return ["unable to join", e];
|
||
|
|
})));
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "onError",
|
||
|
|
value: function (e) {
|
||
|
|
if (this.isJoinPending()) return this.liveSocket.reloadWithJitter(this);
|
||
|
|
this.destroyAllChildren(), this.log("error", function () {
|
||
|
|
return ["view crashed", e];
|
||
|
|
}), this.liveSocket.onViewError(this), document.activeElement.blur(), this.liveSocket.isUnloaded() ? this.showLoader(200) : this.displayError();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "displayError",
|
||
|
|
value: function () {
|
||
|
|
this.isMain() && $.dispatchEvent(window, "phx:page-loading-start", {
|
||
|
|
to: this.href,
|
||
|
|
kind: "error"
|
||
|
|
}), this.showLoader(), this.setContainerClasses("phx-disconnected", "phx-error");
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "pushWithReply",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
var i = this,
|
||
|
|
r = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : function () {},
|
||
|
|
o = E(e ? e() : [null, []], 2),
|
||
|
|
a = o[0],
|
||
|
|
u = E(o[1], 1)[0],
|
||
|
|
c = function () {};
|
||
|
|
|
||
|
|
return u && null !== u.getAttribute(this.binding("page-loading")) && (c = this.liveSocket.withPageLoading({
|
||
|
|
kind: "element",
|
||
|
|
target: u
|
||
|
|
})), "number" != typeof n.cid && delete n.cid, this.liveSocket.wrapPush(function () {
|
||
|
|
return i.channel.push(t, n, 3e4).receive("ok", function (e) {
|
||
|
|
(e.diff || null !== a) && i.update(e.diff || {}, n.cid, a), e.redirect && i.onRedirect(e.redirect), e.live_patch && i.onLivePatch(e.live_patch), e.live_redirect && i.onLiveRedirect(e.live_redirect), c(), r(e);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "putRef",
|
||
|
|
value: function (e, t) {
|
||
|
|
var n = this.ref++,
|
||
|
|
i = this.binding("disable-with");
|
||
|
|
return e.forEach(function (e) {
|
||
|
|
e.classList.add("phx-".concat(t, "-loading")), e.setAttribute(D, n);
|
||
|
|
var r = e.getAttribute(i);
|
||
|
|
null !== r && (e.getAttribute("data-phx-disable-with-restore") || e.setAttribute("data-phx-disable-with-restore", e.innerText), e.innerText = r);
|
||
|
|
}), [n, e];
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "componentID",
|
||
|
|
value: function (e) {
|
||
|
|
var t = e.getAttribute && e.getAttribute(N);
|
||
|
|
return t ? parseInt(t) : null;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "targetComponentID",
|
||
|
|
value: function (e, t) {
|
||
|
|
return e.getAttribute(this.binding("target")) ? this.closestComponentID(t) : null;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "closestComponentID",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this;
|
||
|
|
return e ? W(e.closest("[".concat(N, "]")), function (e) {
|
||
|
|
return t.ownsElement(e) && t.componentID(e);
|
||
|
|
}) : null;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "pushHookEvent",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
this.pushWithReply(null, "event", {
|
||
|
|
type: "hook",
|
||
|
|
event: t,
|
||
|
|
value: n,
|
||
|
|
cid: this.closestComponentID(e)
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "extractMeta",
|
||
|
|
value: function (e, t) {
|
||
|
|
for (var n = this.binding("value-"), i = 0; i < e.attributes.length; i++) {
|
||
|
|
var r = e.attributes[i].name;
|
||
|
|
r.startsWith(n) && (t[r.replace(n, "")] = e.getAttribute(r));
|
||
|
|
}
|
||
|
|
|
||
|
|
return void 0 !== e.value && (t.value = e.value, "INPUT" === e.tagName && O.indexOf(e.type) >= 0 && !e.checked && delete t.value), t;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "pushEvent",
|
||
|
|
value: function (e, t, n, i, r) {
|
||
|
|
var o = this;
|
||
|
|
this.pushWithReply(function () {
|
||
|
|
return o.putRef([t], e);
|
||
|
|
}, "event", {
|
||
|
|
type: e,
|
||
|
|
event: i,
|
||
|
|
value: this.extractMeta(t, r),
|
||
|
|
cid: this.targetComponentID(t, n)
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "pushKey",
|
||
|
|
value: function (e, t, n, i, r) {
|
||
|
|
var o = this;
|
||
|
|
this.pushWithReply(function () {
|
||
|
|
return o.putRef([e], n);
|
||
|
|
}, "event", {
|
||
|
|
type: n,
|
||
|
|
event: i,
|
||
|
|
value: this.extractMeta(e, r),
|
||
|
|
cid: this.targetComponentID(e, t)
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "pushInput",
|
||
|
|
value: function (e, t, n, i, r) {
|
||
|
|
var o = this;
|
||
|
|
$.dispatchEvent(e.form, "phx-change", {
|
||
|
|
triggeredBy: e
|
||
|
|
}), this.pushWithReply(function () {
|
||
|
|
return o.putRef([e, e.form], "change");
|
||
|
|
}, "event", {
|
||
|
|
type: "form",
|
||
|
|
event: n,
|
||
|
|
value: X(e.form, {
|
||
|
|
_target: i.name
|
||
|
|
}),
|
||
|
|
cid: this.targetComponentID(e.form, t)
|
||
|
|
}, r);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "pushFormSubmit",
|
||
|
|
value: function (e, t, n, i) {
|
||
|
|
var r = this,
|
||
|
|
o = function (e) {
|
||
|
|
return !U(e, "".concat(r.binding("update"), "=ignore"), e.form);
|
||
|
|
};
|
||
|
|
|
||
|
|
this.pushWithReply(function () {
|
||
|
|
var t = $.all(e, "[".concat(r.binding("disable-with"), "]")),
|
||
|
|
n = $.all(e, "button").filter(o),
|
||
|
|
i = $.all(e, "input").filter(o);
|
||
|
|
return n.forEach(function (e) {
|
||
|
|
e.setAttribute("data-phx-disabled", e.disabled), e.disabled = !0;
|
||
|
|
}), i.forEach(function (e) {
|
||
|
|
e.setAttribute("data-phx-readonly", e.readOnly), e.readOnly = !0;
|
||
|
|
}), e.setAttribute(r.binding("page-loading"), ""), r.putRef([e].concat(t).concat(n).concat(i), "submit");
|
||
|
|
}, "event", {
|
||
|
|
type: "form",
|
||
|
|
event: n,
|
||
|
|
value: X(e),
|
||
|
|
cid: this.targetComponentID(e, t)
|
||
|
|
}, i);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "pushFormRecovery",
|
||
|
|
value: function (e, t) {
|
||
|
|
var n = this;
|
||
|
|
this.liveSocket.withinOwners(e, function (i, r) {
|
||
|
|
var o = e.elements[0],
|
||
|
|
a = e.getAttribute(n.binding("auto-recover")) || e.getAttribute(n.binding("change"));
|
||
|
|
i.pushInput(o, r, a, o, t);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "pushLinkPatch",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
var i = this;
|
||
|
|
this.isLoading() || this.showLoader(this.liveSocket.loaderTimeout);
|
||
|
|
var r = this.liveSocket.setPendingLink(e),
|
||
|
|
o = t ? function () {
|
||
|
|
return i.putRef([t], "click");
|
||
|
|
} : null;
|
||
|
|
this.pushWithReply(o, "link", {
|
||
|
|
url: e
|
||
|
|
}, function (t) {
|
||
|
|
t.link_redirect ? i.liveSocket.replaceMain(e, null, n, r) : i.liveSocket.commitPendingLink(r) && (i.href = e, i.applyPendingUpdates(), i.hideLoader(), i.triggerReconnected(), n && n());
|
||
|
|
}).receive("timeout", function () {
|
||
|
|
return i.liveSocket.redirect(window.location.href);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "formsForRecovery",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this,
|
||
|
|
n = this.binding("change"),
|
||
|
|
i = document.createElement("template");
|
||
|
|
return i.innerHTML = e, $.all(this.el, "form[".concat(n, "]")).filter(function (e) {
|
||
|
|
return t.ownsElement(e);
|
||
|
|
}).filter(function (e) {
|
||
|
|
return "ignore" !== e.getAttribute(t.binding("auto-recover"));
|
||
|
|
}).filter(function (e) {
|
||
|
|
return i.content.querySelector("form[".concat(n, '="').concat(e.getAttribute(n), '"]'));
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "maybePushComponentsDestroyed",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this,
|
||
|
|
n = e.filter(function (e) {
|
||
|
|
return 0 === $.findComponentNodeList(t.el, e).length;
|
||
|
|
});
|
||
|
|
n.length > 0 && this.pushWithReply(null, "cids_destroyed", {
|
||
|
|
cids: n
|
||
|
|
}, function () {
|
||
|
|
t.rendered.pruneCIDs(n);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "ownsElement",
|
||
|
|
value: function (e) {
|
||
|
|
return e.getAttribute("data-phx-parent-id") === this.id || W(e.closest(R), function (e) {
|
||
|
|
return e.id;
|
||
|
|
}) === this.id;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "submitForm",
|
||
|
|
value: function (e, t, n) {
|
||
|
|
var i = this;
|
||
|
|
$.putPrivate(e, "phx-has-submitted", !0), this.liveSocket.blurActiveElement(this), this.pushFormSubmit(e, t, n, function () {
|
||
|
|
i.liveSocket.restorePreviouslyActiveFocus();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "binding",
|
||
|
|
value: function (e) {
|
||
|
|
return this.liveSocket.binding(e);
|
||
|
|
}
|
||
|
|
}]), e;
|
||
|
|
}(),
|
||
|
|
ee = 1,
|
||
|
|
te = function () {
|
||
|
|
function e(t, n, i) {
|
||
|
|
for (var r in w(this, e), this.__view = t, this.__liveSocket = t.liveSocket, this.__callbacks = i, this.el = n, this.viewName = t.name(), this.el.phxHookId = this.constructor.makeID(), this.__callbacks) this[r] = this.__callbacks[r];
|
||
|
|
}
|
||
|
|
|
||
|
|
return A(e, null, [{
|
||
|
|
key: "makeID",
|
||
|
|
value: function () {
|
||
|
|
return ee++;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "elementID",
|
||
|
|
value: function (e) {
|
||
|
|
return e.phxHookId;
|
||
|
|
}
|
||
|
|
}]), A(e, [{
|
||
|
|
key: "pushEvent",
|
||
|
|
value: function (e) {
|
||
|
|
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
|
||
|
|
|
||
|
|
this.__view.pushHookEvent(null, e, t);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "pushEventTo",
|
||
|
|
value: function (e, t) {
|
||
|
|
var n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
|
||
|
|
|
||
|
|
this.__liveSocket.withinTargets(null, e, function (e, i) {
|
||
|
|
e.pushHookEvent(i, t, n);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "__trigger__",
|
||
|
|
value: function (e) {
|
||
|
|
var t = this.__callbacks[e];
|
||
|
|
t && t.call(this);
|
||
|
|
}
|
||
|
|
}]), e;
|
||
|
|
}();
|
||
|
|
|
||
|
|
t.default = Y;
|
||
|
|
}, function (e, t) {
|
||
|
|
var n;
|
||
|
|
|
||
|
|
n = function () {
|
||
|
|
return this;
|
||
|
|
}();
|
||
|
|
|
||
|
|
try {
|
||
|
|
n = n || Function("return this")() || (0, eval)("this");
|
||
|
|
} catch (e) {
|
||
|
|
"object" == typeof window && (n = window);
|
||
|
|
}
|
||
|
|
|
||
|
|
e.exports = n;
|
||
|
|
}, function (e, t, n) {
|
||
|
|
(function (t) {
|
||
|
|
t.Phoenix || (t.Phoenix = {}), e.exports = t.Phoenix.LiveView = n(0);
|
||
|
|
}).call(this, n(1));
|
||
|
|
}]);
|
||
|
|
});
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "./css/app.scss":
|
||
|
|
/*!**********************!*\
|
||
|
|
!*** ./css/app.scss ***!
|
||
|
|
\**********************/
|
||
|
|
/*! no static exports found */
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
// extracted by mini-css-extract-plugin
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "./js/app.js":
|
||
|
|
/*!*******************!*\
|
||
|
|
!*** ./js/app.js ***!
|
||
|
|
\*******************/
|
||
|
|
/*! no exports provided */
|
||
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
__webpack_require__.r(__webpack_exports__);
|
||
|
|
/* harmony import */ var _css_app_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../css/app.scss */ "./css/app.scss");
|
||
|
|
/* harmony import */ var _css_app_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_app_scss__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
|
/* harmony import */ var phoenix_html__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! phoenix_html */ "../deps/phoenix_html/priv/static/phoenix_html.js");
|
||
|
|
/* harmony import */ var phoenix_html__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(phoenix_html__WEBPACK_IMPORTED_MODULE_1__);
|
||
|
|
/* harmony import */ var phoenix__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! phoenix */ "../deps/phoenix/priv/static/phoenix.js");
|
||
|
|
/* harmony import */ var phoenix__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(phoenix__WEBPACK_IMPORTED_MODULE_2__);
|
||
|
|
/* harmony import */ var nprogress__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! nprogress */ "./node_modules/nprogress/nprogress.js");
|
||
|
|
/* harmony import */ var nprogress__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(nprogress__WEBPACK_IMPORTED_MODULE_3__);
|
||
|
|
/* harmony import */ var phoenix_live_view__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! phoenix_live_view */ "../deps/phoenix_live_view/priv/static/phoenix_live_view.js");
|
||
|
|
/* harmony import */ var phoenix_live_view__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(phoenix_live_view__WEBPACK_IMPORTED_MODULE_4__);
|
||
|
|
// We need to import the CSS so that webpack will load it.
|
||
|
|
// The MiniCssExtractPlugin is used to separate it out into
|
||
|
|
// its own CSS file.
|
||
|
|
// webpack automatically bundles all modules in your
|
||
|
|
// entry points. Those entry points can be configured
|
||
|
|
// in "webpack.config.js".
|
||
|
|
//
|
||
|
|
// Import deps with the dep name or local files with a relative path, for example:
|
||
|
|
//
|
||
|
|
// import {Socket} from "phoenix"
|
||
|
|
// import socket from "./socket"
|
||
|
|
//
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content");
|
||
|
|
var liveSocket = new phoenix_live_view__WEBPACK_IMPORTED_MODULE_4__["LiveSocket"]("/live", phoenix__WEBPACK_IMPORTED_MODULE_2__["Socket"], {
|
||
|
|
params: {
|
||
|
|
_csrf_token: csrfToken
|
||
|
|
}
|
||
|
|
}); // Show progress bar on live navigation and form submits
|
||
|
|
|
||
|
|
window.addEventListener("phx:page-loading-start", function (info) {
|
||
|
|
return nprogress__WEBPACK_IMPORTED_MODULE_3___default.a.start();
|
||
|
|
});
|
||
|
|
window.addEventListener("phx:page-loading-stop", function (info) {
|
||
|
|
return nprogress__WEBPACK_IMPORTED_MODULE_3___default.a.done();
|
||
|
|
}); // connect if there are any LiveViews on the page
|
||
|
|
|
||
|
|
liveSocket.connect(); // expose liveSocket on window for web console debug logs and latency simulation:
|
||
|
|
// >> liveSocket.enableDebug()
|
||
|
|
// >> liveSocket.enableLatencySim(1000)
|
||
|
|
|
||
|
|
window.liveSocket = liveSocket;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "./node_modules/nprogress/nprogress.js":
|
||
|
|
/*!*********************************************!*\
|
||
|
|
!*** ./node_modules/nprogress/nprogress.js ***!
|
||
|
|
\*********************************************/
|
||
|
|
/*! no static exports found */
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/* NProgress, (c) 2013, 2014 Rico Sta. Cruz - http://ricostacruz.com/nprogress
|
||
|
|
* @license MIT */
|
||
|
|
|
||
|
|
;(function(root, factory) {
|
||
|
|
|
||
|
|
if (true) {
|
||
|
|
!(__WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
|
||
|
|
__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
|
||
|
|
(__WEBPACK_AMD_DEFINE_FACTORY__.call(exports, __webpack_require__, exports, module)) :
|
||
|
|
__WEBPACK_AMD_DEFINE_FACTORY__),
|
||
|
|
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
|
||
|
|
} else {}
|
||
|
|
|
||
|
|
})(this, function() {
|
||
|
|
var NProgress = {};
|
||
|
|
|
||
|
|
NProgress.version = '0.2.0';
|
||
|
|
|
||
|
|
var Settings = NProgress.settings = {
|
||
|
|
minimum: 0.08,
|
||
|
|
easing: 'ease',
|
||
|
|
positionUsing: '',
|
||
|
|
speed: 200,
|
||
|
|
trickle: true,
|
||
|
|
trickleRate: 0.02,
|
||
|
|
trickleSpeed: 800,
|
||
|
|
showSpinner: true,
|
||
|
|
barSelector: '[role="bar"]',
|
||
|
|
spinnerSelector: '[role="spinner"]',
|
||
|
|
parent: 'body',
|
||
|
|
template: '<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Updates configuration.
|
||
|
|
*
|
||
|
|
* NProgress.configure({
|
||
|
|
* minimum: 0.1
|
||
|
|
* });
|
||
|
|
*/
|
||
|
|
NProgress.configure = function(options) {
|
||
|
|
var key, value;
|
||
|
|
for (key in options) {
|
||
|
|
value = options[key];
|
||
|
|
if (value !== undefined && options.hasOwnProperty(key)) Settings[key] = value;
|
||
|
|
}
|
||
|
|
|
||
|
|
return this;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Last number.
|
||
|
|
*/
|
||
|
|
|
||
|
|
NProgress.status = null;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Sets the progress bar status, where `n` is a number from `0.0` to `1.0`.
|
||
|
|
*
|
||
|
|
* NProgress.set(0.4);
|
||
|
|
* NProgress.set(1.0);
|
||
|
|
*/
|
||
|
|
|
||
|
|
NProgress.set = function(n) {
|
||
|
|
var started = NProgress.isStarted();
|
||
|
|
|
||
|
|
n = clamp(n, Settings.minimum, 1);
|
||
|
|
NProgress.status = (n === 1 ? null : n);
|
||
|
|
|
||
|
|
var progress = NProgress.render(!started),
|
||
|
|
bar = progress.querySelector(Settings.barSelector),
|
||
|
|
speed = Settings.speed,
|
||
|
|
ease = Settings.easing;
|
||
|
|
|
||
|
|
progress.offsetWidth; /* Repaint */
|
||
|
|
|
||
|
|
queue(function(next) {
|
||
|
|
// Set positionUsing if it hasn't already been set
|
||
|
|
if (Settings.positionUsing === '') Settings.positionUsing = NProgress.getPositioningCSS();
|
||
|
|
|
||
|
|
// Add transition
|
||
|
|
css(bar, barPositionCSS(n, speed, ease));
|
||
|
|
|
||
|
|
if (n === 1) {
|
||
|
|
// Fade out
|
||
|
|
css(progress, {
|
||
|
|
transition: 'none',
|
||
|
|
opacity: 1
|
||
|
|
});
|
||
|
|
progress.offsetWidth; /* Repaint */
|
||
|
|
|
||
|
|
setTimeout(function() {
|
||
|
|
css(progress, {
|
||
|
|
transition: 'all ' + speed + 'ms linear',
|
||
|
|
opacity: 0
|
||
|
|
});
|
||
|
|
setTimeout(function() {
|
||
|
|
NProgress.remove();
|
||
|
|
next();
|
||
|
|
}, speed);
|
||
|
|
}, speed);
|
||
|
|
} else {
|
||
|
|
setTimeout(next, speed);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
return this;
|
||
|
|
};
|
||
|
|
|
||
|
|
NProgress.isStarted = function() {
|
||
|
|
return typeof NProgress.status === 'number';
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Shows the progress bar.
|
||
|
|
* This is the same as setting the status to 0%, except that it doesn't go backwards.
|
||
|
|
*
|
||
|
|
* NProgress.start();
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
NProgress.start = function() {
|
||
|
|
if (!NProgress.status) NProgress.set(0);
|
||
|
|
|
||
|
|
var work = function() {
|
||
|
|
setTimeout(function() {
|
||
|
|
if (!NProgress.status) return;
|
||
|
|
NProgress.trickle();
|
||
|
|
work();
|
||
|
|
}, Settings.trickleSpeed);
|
||
|
|
};
|
||
|
|
|
||
|
|
if (Settings.trickle) work();
|
||
|
|
|
||
|
|
return this;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Hides the progress bar.
|
||
|
|
* This is the *sort of* the same as setting the status to 100%, with the
|
||
|
|
* difference being `done()` makes some placebo effect of some realistic motion.
|
||
|
|
*
|
||
|
|
* NProgress.done();
|
||
|
|
*
|
||
|
|
* If `true` is passed, it will show the progress bar even if its hidden.
|
||
|
|
*
|
||
|
|
* NProgress.done(true);
|
||
|
|
*/
|
||
|
|
|
||
|
|
NProgress.done = function(force) {
|
||
|
|
if (!force && !NProgress.status) return this;
|
||
|
|
|
||
|
|
return NProgress.inc(0.3 + 0.5 * Math.random()).set(1);
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Increments by a random amount.
|
||
|
|
*/
|
||
|
|
|
||
|
|
NProgress.inc = function(amount) {
|
||
|
|
var n = NProgress.status;
|
||
|
|
|
||
|
|
if (!n) {
|
||
|
|
return NProgress.start();
|
||
|
|
} else {
|
||
|
|
if (typeof amount !== 'number') {
|
||
|
|
amount = (1 - n) * clamp(Math.random() * n, 0.1, 0.95);
|
||
|
|
}
|
||
|
|
|
||
|
|
n = clamp(n + amount, 0, 0.994);
|
||
|
|
return NProgress.set(n);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
NProgress.trickle = function() {
|
||
|
|
return NProgress.inc(Math.random() * Settings.trickleRate);
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Waits for all supplied jQuery promises and
|
||
|
|
* increases the progress as the promises resolve.
|
||
|
|
*
|
||
|
|
* @param $promise jQUery Promise
|
||
|
|
*/
|
||
|
|
(function() {
|
||
|
|
var initial = 0, current = 0;
|
||
|
|
|
||
|
|
NProgress.promise = function($promise) {
|
||
|
|
if (!$promise || $promise.state() === "resolved") {
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (current === 0) {
|
||
|
|
NProgress.start();
|
||
|
|
}
|
||
|
|
|
||
|
|
initial++;
|
||
|
|
current++;
|
||
|
|
|
||
|
|
$promise.always(function() {
|
||
|
|
current--;
|
||
|
|
if (current === 0) {
|
||
|
|
initial = 0;
|
||
|
|
NProgress.done();
|
||
|
|
} else {
|
||
|
|
NProgress.set((initial - current) / initial);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
return this;
|
||
|
|
};
|
||
|
|
|
||
|
|
})();
|
||
|
|
|
||
|
|
/**
|
||
|
|
* (Internal) renders the progress bar markup based on the `template`
|
||
|
|
* setting.
|
||
|
|
*/
|
||
|
|
|
||
|
|
NProgress.render = function(fromStart) {
|
||
|
|
if (NProgress.isRendered()) return document.getElementById('nprogress');
|
||
|
|
|
||
|
|
addClass(document.documentElement, 'nprogress-busy');
|
||
|
|
|
||
|
|
var progress = document.createElement('div');
|
||
|
|
progress.id = 'nprogress';
|
||
|
|
progress.innerHTML = Settings.template;
|
||
|
|
|
||
|
|
var bar = progress.querySelector(Settings.barSelector),
|
||
|
|
perc = fromStart ? '-100' : toBarPerc(NProgress.status || 0),
|
||
|
|
parent = document.querySelector(Settings.parent),
|
||
|
|
spinner;
|
||
|
|
|
||
|
|
css(bar, {
|
||
|
|
transition: 'all 0 linear',
|
||
|
|
transform: 'translate3d(' + perc + '%,0,0)'
|
||
|
|
});
|
||
|
|
|
||
|
|
if (!Settings.showSpinner) {
|
||
|
|
spinner = progress.querySelector(Settings.spinnerSelector);
|
||
|
|
spinner && removeElement(spinner);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (parent != document.body) {
|
||
|
|
addClass(parent, 'nprogress-custom-parent');
|
||
|
|
}
|
||
|
|
|
||
|
|
parent.appendChild(progress);
|
||
|
|
return progress;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Removes the element. Opposite of render().
|
||
|
|
*/
|
||
|
|
|
||
|
|
NProgress.remove = function() {
|
||
|
|
removeClass(document.documentElement, 'nprogress-busy');
|
||
|
|
removeClass(document.querySelector(Settings.parent), 'nprogress-custom-parent');
|
||
|
|
var progress = document.getElementById('nprogress');
|
||
|
|
progress && removeElement(progress);
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Checks if the progress bar is rendered.
|
||
|
|
*/
|
||
|
|
|
||
|
|
NProgress.isRendered = function() {
|
||
|
|
return !!document.getElementById('nprogress');
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Determine which positioning CSS rule to use.
|
||
|
|
*/
|
||
|
|
|
||
|
|
NProgress.getPositioningCSS = function() {
|
||
|
|
// Sniff on document.body.style
|
||
|
|
var bodyStyle = document.body.style;
|
||
|
|
|
||
|
|
// Sniff prefixes
|
||
|
|
var vendorPrefix = ('WebkitTransform' in bodyStyle) ? 'Webkit' :
|
||
|
|
('MozTransform' in bodyStyle) ? 'Moz' :
|
||
|
|
('msTransform' in bodyStyle) ? 'ms' :
|
||
|
|
('OTransform' in bodyStyle) ? 'O' : '';
|
||
|
|
|
||
|
|
if (vendorPrefix + 'Perspective' in bodyStyle) {
|
||
|
|
// Modern browsers with 3D support, e.g. Webkit, IE10
|
||
|
|
return 'translate3d';
|
||
|
|
} else if (vendorPrefix + 'Transform' in bodyStyle) {
|
||
|
|
// Browsers without 3D support, e.g. IE9
|
||
|
|
return 'translate';
|
||
|
|
} else {
|
||
|
|
// Browsers without translate() support, e.g. IE7-8
|
||
|
|
return 'margin';
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Helpers
|
||
|
|
*/
|
||
|
|
|
||
|
|
function clamp(n, min, max) {
|
||
|
|
if (n < min) return min;
|
||
|
|
if (n > max) return max;
|
||
|
|
return n;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* (Internal) converts a percentage (`0..1`) to a bar translateX
|
||
|
|
* percentage (`-100%..0%`).
|
||
|
|
*/
|
||
|
|
|
||
|
|
function toBarPerc(n) {
|
||
|
|
return (-1 + n) * 100;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* (Internal) returns the correct CSS for changing the bar's
|
||
|
|
* position given an n percentage, and speed and ease from Settings
|
||
|
|
*/
|
||
|
|
|
||
|
|
function barPositionCSS(n, speed, ease) {
|
||
|
|
var barCSS;
|
||
|
|
|
||
|
|
if (Settings.positionUsing === 'translate3d') {
|
||
|
|
barCSS = { transform: 'translate3d('+toBarPerc(n)+'%,0,0)' };
|
||
|
|
} else if (Settings.positionUsing === 'translate') {
|
||
|
|
barCSS = { transform: 'translate('+toBarPerc(n)+'%,0)' };
|
||
|
|
} else {
|
||
|
|
barCSS = { 'margin-left': toBarPerc(n)+'%' };
|
||
|
|
}
|
||
|
|
|
||
|
|
barCSS.transition = 'all '+speed+'ms '+ease;
|
||
|
|
|
||
|
|
return barCSS;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* (Internal) Queues a function to be executed.
|
||
|
|
*/
|
||
|
|
|
||
|
|
var queue = (function() {
|
||
|
|
var pending = [];
|
||
|
|
|
||
|
|
function next() {
|
||
|
|
var fn = pending.shift();
|
||
|
|
if (fn) {
|
||
|
|
fn(next);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return function(fn) {
|
||
|
|
pending.push(fn);
|
||
|
|
if (pending.length == 1) next();
|
||
|
|
};
|
||
|
|
})();
|
||
|
|
|
||
|
|
/**
|
||
|
|
* (Internal) Applies css properties to an element, similar to the jQuery
|
||
|
|
* css method.
|
||
|
|
*
|
||
|
|
* While this helper does assist with vendor prefixed property names, it
|
||
|
|
* does not perform any manipulation of values prior to setting styles.
|
||
|
|
*/
|
||
|
|
|
||
|
|
var css = (function() {
|
||
|
|
var cssPrefixes = [ 'Webkit', 'O', 'Moz', 'ms' ],
|
||
|
|
cssProps = {};
|
||
|
|
|
||
|
|
function camelCase(string) {
|
||
|
|
return string.replace(/^-ms-/, 'ms-').replace(/-([\da-z])/gi, function(match, letter) {
|
||
|
|
return letter.toUpperCase();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function getVendorProp(name) {
|
||
|
|
var style = document.body.style;
|
||
|
|
if (name in style) return name;
|
||
|
|
|
||
|
|
var i = cssPrefixes.length,
|
||
|
|
capName = name.charAt(0).toUpperCase() + name.slice(1),
|
||
|
|
vendorName;
|
||
|
|
while (i--) {
|
||
|
|
vendorName = cssPrefixes[i] + capName;
|
||
|
|
if (vendorName in style) return vendorName;
|
||
|
|
}
|
||
|
|
|
||
|
|
return name;
|
||
|
|
}
|
||
|
|
|
||
|
|
function getStyleProp(name) {
|
||
|
|
name = camelCase(name);
|
||
|
|
return cssProps[name] || (cssProps[name] = getVendorProp(name));
|
||
|
|
}
|
||
|
|
|
||
|
|
function applyCss(element, prop, value) {
|
||
|
|
prop = getStyleProp(prop);
|
||
|
|
element.style[prop] = value;
|
||
|
|
}
|
||
|
|
|
||
|
|
return function(element, properties) {
|
||
|
|
var args = arguments,
|
||
|
|
prop,
|
||
|
|
value;
|
||
|
|
|
||
|
|
if (args.length == 2) {
|
||
|
|
for (prop in properties) {
|
||
|
|
value = properties[prop];
|
||
|
|
if (value !== undefined && properties.hasOwnProperty(prop)) applyCss(element, prop, value);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
applyCss(element, args[1], args[2]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})();
|
||
|
|
|
||
|
|
/**
|
||
|
|
* (Internal) Determines if an element or space separated list of class names contains a class name.
|
||
|
|
*/
|
||
|
|
|
||
|
|
function hasClass(element, name) {
|
||
|
|
var list = typeof element == 'string' ? element : classList(element);
|
||
|
|
return list.indexOf(' ' + name + ' ') >= 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* (Internal) Adds a class to an element.
|
||
|
|
*/
|
||
|
|
|
||
|
|
function addClass(element, name) {
|
||
|
|
var oldList = classList(element),
|
||
|
|
newList = oldList + name;
|
||
|
|
|
||
|
|
if (hasClass(oldList, name)) return;
|
||
|
|
|
||
|
|
// Trim the opening space.
|
||
|
|
element.className = newList.substring(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* (Internal) Removes a class from an element.
|
||
|
|
*/
|
||
|
|
|
||
|
|
function removeClass(element, name) {
|
||
|
|
var oldList = classList(element),
|
||
|
|
newList;
|
||
|
|
|
||
|
|
if (!hasClass(element, name)) return;
|
||
|
|
|
||
|
|
// Replace the class name.
|
||
|
|
newList = oldList.replace(' ' + name + ' ', ' ');
|
||
|
|
|
||
|
|
// Trim the opening and closing spaces.
|
||
|
|
element.className = newList.substring(1, newList.length - 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* (Internal) Gets a space separated list of the class names on the element.
|
||
|
|
* The list is wrapped with a single space on each end to facilitate finding
|
||
|
|
* matches within the list.
|
||
|
|
*/
|
||
|
|
|
||
|
|
function classList(element) {
|
||
|
|
return (' ' + (element.className || '') + ' ').replace(/\s+/gi, ' ');
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* (Internal) Removes an element from the DOM.
|
||
|
|
*/
|
||
|
|
|
||
|
|
function removeElement(element) {
|
||
|
|
element && element.parentNode && element.parentNode.removeChild(element);
|
||
|
|
}
|
||
|
|
|
||
|
|
return NProgress;
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 0:
|
||
|
|
/*!*************************!*\
|
||
|
|
!*** multi ./js/app.js ***!
|
||
|
|
\*************************/
|
||
|
|
/*! no static exports found */
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
module.exports = __webpack_require__(/*! ./js/app.js */"./js/app.js");
|
||
|
|
|
||
|
|
|
||
|
|
/***/ })
|
||
|
|
|
||
|
|
/******/ });
|
||
|
|
//# sourceMappingURL=app.js.map
|