5623 lines
357 KiB
JavaScript
5623 lines
357 KiB
JavaScript
'use strict';
|
|
|
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
|
|
var react = require('@emotion/react');
|
|
var _styled = _interopDefault(require('@emotion/styled/base'));
|
|
var React = require('react');
|
|
var React__default = _interopDefault(React);
|
|
var dateFns = require('date-fns');
|
|
var dateFnsTz = require('date-fns-tz');
|
|
var useDebounce = require('use-debounce');
|
|
|
|
function _regeneratorRuntime() {
|
|
_regeneratorRuntime = function () {
|
|
return e;
|
|
};
|
|
var t,
|
|
e = {},
|
|
r = Object.prototype,
|
|
n = r.hasOwnProperty,
|
|
o = Object.defineProperty || function (t, e, r) {
|
|
t[e] = r.value;
|
|
},
|
|
i = "function" == typeof Symbol ? Symbol : {},
|
|
a = i.iterator || "@@iterator",
|
|
c = i.asyncIterator || "@@asyncIterator",
|
|
u = i.toStringTag || "@@toStringTag";
|
|
function define(t, e, r) {
|
|
return Object.defineProperty(t, e, {
|
|
value: r,
|
|
enumerable: !0,
|
|
configurable: !0,
|
|
writable: !0
|
|
}), t[e];
|
|
}
|
|
try {
|
|
define({}, "");
|
|
} catch (t) {
|
|
define = function (t, e, r) {
|
|
return t[e] = r;
|
|
};
|
|
}
|
|
function wrap(t, e, r, n) {
|
|
var i = e && e.prototype instanceof Generator ? e : Generator,
|
|
a = Object.create(i.prototype),
|
|
c = new Context(n || []);
|
|
return o(a, "_invoke", {
|
|
value: makeInvokeMethod(t, r, c)
|
|
}), a;
|
|
}
|
|
function tryCatch(t, e, r) {
|
|
try {
|
|
return {
|
|
type: "normal",
|
|
arg: t.call(e, r)
|
|
};
|
|
} catch (t) {
|
|
return {
|
|
type: "throw",
|
|
arg: t
|
|
};
|
|
}
|
|
}
|
|
e.wrap = wrap;
|
|
var h = "suspendedStart",
|
|
l = "suspendedYield",
|
|
f = "executing",
|
|
s = "completed",
|
|
y = {};
|
|
function Generator() {}
|
|
function GeneratorFunction() {}
|
|
function GeneratorFunctionPrototype() {}
|
|
var p = {};
|
|
define(p, a, function () {
|
|
return this;
|
|
});
|
|
var d = Object.getPrototypeOf,
|
|
v = d && d(d(values([])));
|
|
v && v !== r && n.call(v, a) && (p = v);
|
|
var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
|
|
function defineIteratorMethods(t) {
|
|
["next", "throw", "return"].forEach(function (e) {
|
|
define(t, e, function (t) {
|
|
return this._invoke(e, t);
|
|
});
|
|
});
|
|
}
|
|
function AsyncIterator(t, e) {
|
|
function invoke(r, o, i, a) {
|
|
var c = tryCatch(t[r], t, o);
|
|
if ("throw" !== c.type) {
|
|
var u = c.arg,
|
|
h = u.value;
|
|
return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
|
|
invoke("next", t, i, a);
|
|
}, function (t) {
|
|
invoke("throw", t, i, a);
|
|
}) : e.resolve(h).then(function (t) {
|
|
u.value = t, i(u);
|
|
}, function (t) {
|
|
return invoke("throw", t, i, a);
|
|
});
|
|
}
|
|
a(c.arg);
|
|
}
|
|
var r;
|
|
o(this, "_invoke", {
|
|
value: function (t, n) {
|
|
function callInvokeWithMethodAndArg() {
|
|
return new e(function (e, r) {
|
|
invoke(t, n, e, r);
|
|
});
|
|
}
|
|
return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
|
|
}
|
|
});
|
|
}
|
|
function makeInvokeMethod(e, r, n) {
|
|
var o = h;
|
|
return function (i, a) {
|
|
if (o === f) throw Error("Generator is already running");
|
|
if (o === s) {
|
|
if ("throw" === i) throw a;
|
|
return {
|
|
value: t,
|
|
done: !0
|
|
};
|
|
}
|
|
for (n.method = i, n.arg = a;;) {
|
|
var c = n.delegate;
|
|
if (c) {
|
|
var u = maybeInvokeDelegate(c, n);
|
|
if (u) {
|
|
if (u === y) continue;
|
|
return u;
|
|
}
|
|
}
|
|
if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
|
|
if (o === h) throw o = s, n.arg;
|
|
n.dispatchException(n.arg);
|
|
} else "return" === n.method && n.abrupt("return", n.arg);
|
|
o = f;
|
|
var p = tryCatch(e, r, n);
|
|
if ("normal" === p.type) {
|
|
if (o = n.done ? s : l, p.arg === y) continue;
|
|
return {
|
|
value: p.arg,
|
|
done: n.done
|
|
};
|
|
}
|
|
"throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
|
|
}
|
|
};
|
|
}
|
|
function maybeInvokeDelegate(e, r) {
|
|
var n = r.method,
|
|
o = e.iterator[n];
|
|
if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
|
|
var i = tryCatch(o, e.iterator, r.arg);
|
|
if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
|
|
var a = i.arg;
|
|
return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
|
|
}
|
|
function pushTryEntry(t) {
|
|
var e = {
|
|
tryLoc: t[0]
|
|
};
|
|
1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
|
|
}
|
|
function resetTryEntry(t) {
|
|
var e = t.completion || {};
|
|
e.type = "normal", delete e.arg, t.completion = e;
|
|
}
|
|
function Context(t) {
|
|
this.tryEntries = [{
|
|
tryLoc: "root"
|
|
}], t.forEach(pushTryEntry, this), this.reset(!0);
|
|
}
|
|
function values(e) {
|
|
if (e || "" === e) {
|
|
var r = e[a];
|
|
if (r) return r.call(e);
|
|
if ("function" == typeof e.next) return e;
|
|
if (!isNaN(e.length)) {
|
|
var o = -1,
|
|
i = function next() {
|
|
for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
|
|
return next.value = t, next.done = !0, next;
|
|
};
|
|
return i.next = i;
|
|
}
|
|
}
|
|
throw new TypeError(typeof e + " is not iterable");
|
|
}
|
|
return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
|
|
value: GeneratorFunctionPrototype,
|
|
configurable: !0
|
|
}), o(GeneratorFunctionPrototype, "constructor", {
|
|
value: GeneratorFunction,
|
|
configurable: !0
|
|
}), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
|
|
var e = "function" == typeof t && t.constructor;
|
|
return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
|
|
}, e.mark = function (t) {
|
|
return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
|
|
}, e.awrap = function (t) {
|
|
return {
|
|
__await: t
|
|
};
|
|
}, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
|
|
return this;
|
|
}), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
|
|
void 0 === i && (i = Promise);
|
|
var a = new AsyncIterator(wrap(t, r, n, o), i);
|
|
return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
|
|
return t.done ? t.value : a.next();
|
|
});
|
|
}, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
|
|
return this;
|
|
}), define(g, "toString", function () {
|
|
return "[object Generator]";
|
|
}), e.keys = function (t) {
|
|
var e = Object(t),
|
|
r = [];
|
|
for (var n in e) r.push(n);
|
|
return r.reverse(), function next() {
|
|
for (; r.length;) {
|
|
var t = r.pop();
|
|
if (t in e) return next.value = t, next.done = !1, next;
|
|
}
|
|
return next.done = !0, next;
|
|
};
|
|
}, e.values = values, Context.prototype = {
|
|
constructor: Context,
|
|
reset: function (e) {
|
|
if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
|
|
},
|
|
stop: function () {
|
|
this.done = !0;
|
|
var t = this.tryEntries[0].completion;
|
|
if ("throw" === t.type) throw t.arg;
|
|
return this.rval;
|
|
},
|
|
dispatchException: function (e) {
|
|
if (this.done) throw e;
|
|
var r = this;
|
|
function handle(n, o) {
|
|
return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
|
|
}
|
|
for (var o = this.tryEntries.length - 1; o >= 0; --o) {
|
|
var i = this.tryEntries[o],
|
|
a = i.completion;
|
|
if ("root" === i.tryLoc) return handle("end");
|
|
if (i.tryLoc <= this.prev) {
|
|
var c = n.call(i, "catchLoc"),
|
|
u = n.call(i, "finallyLoc");
|
|
if (c && u) {
|
|
if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
|
|
if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
|
|
} else if (c) {
|
|
if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
|
|
} else {
|
|
if (!u) throw Error("try statement without catch or finally");
|
|
if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
abrupt: function (t, e) {
|
|
for (var r = this.tryEntries.length - 1; r >= 0; --r) {
|
|
var o = this.tryEntries[r];
|
|
if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
|
|
var i = o;
|
|
break;
|
|
}
|
|
}
|
|
i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
|
|
var a = i ? i.completion : {};
|
|
return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
|
|
},
|
|
complete: function (t, e) {
|
|
if ("throw" === t.type) throw t.arg;
|
|
return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
|
|
},
|
|
finish: function (t) {
|
|
for (var e = this.tryEntries.length - 1; e >= 0; --e) {
|
|
var r = this.tryEntries[e];
|
|
if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
|
|
}
|
|
},
|
|
catch: function (t) {
|
|
for (var e = this.tryEntries.length - 1; e >= 0; --e) {
|
|
var r = this.tryEntries[e];
|
|
if (r.tryLoc === t) {
|
|
var n = r.completion;
|
|
if ("throw" === n.type) {
|
|
var o = n.arg;
|
|
resetTryEntry(r);
|
|
}
|
|
return o;
|
|
}
|
|
}
|
|
throw Error("illegal catch attempt");
|
|
},
|
|
delegateYield: function (e, r, n) {
|
|
return this.delegate = {
|
|
iterator: values(e),
|
|
resultName: r,
|
|
nextLoc: n
|
|
}, "next" === this.method && (this.arg = t), y;
|
|
}
|
|
}, e;
|
|
}
|
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
|
|
try {
|
|
var info = gen[key](arg);
|
|
var value = info.value;
|
|
} catch (error) {
|
|
reject(error);
|
|
return;
|
|
}
|
|
if (info.done) {
|
|
resolve(value);
|
|
} else {
|
|
Promise.resolve(value).then(_next, _throw);
|
|
}
|
|
}
|
|
function _asyncToGenerator(fn) {
|
|
return function () {
|
|
var self = this,
|
|
args = arguments;
|
|
return new Promise(function (resolve, reject) {
|
|
var gen = fn.apply(self, args);
|
|
function _next(value) {
|
|
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
|
|
}
|
|
function _throw(err) {
|
|
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
|
|
}
|
|
_next(undefined);
|
|
});
|
|
};
|
|
}
|
|
function _extends() {
|
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
for (var i = 1; i < arguments.length; i++) {
|
|
var source = arguments[i];
|
|
for (var key in source) {
|
|
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
target[key] = source[key];
|
|
}
|
|
}
|
|
}
|
|
return target;
|
|
};
|
|
return _extends.apply(this, arguments);
|
|
}
|
|
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
if (source == null) return {};
|
|
var target = {};
|
|
var sourceKeys = Object.keys(source);
|
|
var key, i;
|
|
for (i = 0; i < sourceKeys.length; i++) {
|
|
key = sourceKeys[i];
|
|
if (excluded.indexOf(key) >= 0) continue;
|
|
target[key] = source[key];
|
|
}
|
|
return target;
|
|
}
|
|
function _taggedTemplateLiteralLoose(strings, raw) {
|
|
if (!raw) {
|
|
raw = strings.slice(0);
|
|
}
|
|
strings.raw = raw;
|
|
return strings;
|
|
}
|
|
function _unsupportedIterableToArray(o, minLen) {
|
|
if (!o) return;
|
|
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
if (n === "Map" || n === "Set") return Array.from(o);
|
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
}
|
|
function _arrayLikeToArray(arr, len) {
|
|
if (len == null || len > arr.length) len = arr.length;
|
|
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
return arr2;
|
|
}
|
|
function _createForOfIteratorHelperLoose(o, allowArrayLike) {
|
|
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
|
|
if (it) return (it = it.call(o)).next.bind(it);
|
|
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
|
|
if (it) o = it;
|
|
var i = 0;
|
|
return function () {
|
|
if (i >= o.length) return {
|
|
done: true
|
|
};
|
|
return {
|
|
done: false,
|
|
value: o[i++]
|
|
};
|
|
};
|
|
}
|
|
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
}
|
|
|
|
var _templateObject;
|
|
var globalStyles = /*#__PURE__*/react.css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap\");\n\n .planby {\n font-family: \"Inter\", system-ui, -apple-system,\n /* Firefox supports this but not yet system-ui */ \"Segoe UI\", Roboto,\n Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"; /* 2 */\n }\n"])));
|
|
|
|
var Layers;
|
|
(function (Layers) {
|
|
Layers[Layers["Sidebar"] = 9] = "Sidebar";
|
|
Layers[Layers["EpgCornerBox"] = 10] = "EpgCornerBox";
|
|
Layers[Layers["Line"] = 9] = "Line";
|
|
Layers[Layers["Loader"] = 12] = "Loader";
|
|
Layers[Layers["Program"] = 1] = "Program";
|
|
Layers[Layers["Timeline"] = 9] = "Timeline";
|
|
Layers[Layers["Area"] = 2] = "Area";
|
|
})(Layers || (Layers = {}));
|
|
|
|
// Dimensions
|
|
var DAY_WIDTH = 7200;
|
|
var HOURS_IN_DAY = 24;
|
|
var HOUR_IN_MINUTES = 60;
|
|
var SECONDS_IN_MINUTE = 60;
|
|
var TIMELINE_HEIGHT = 60;
|
|
var TIMELINE_HEIGHT_MODERN_STYLE = 80;
|
|
var TIMELINE_DIVIDERS = 4;
|
|
var SIDEBAR_WIDTH = 100;
|
|
var ITEM_HEIGHT = 80;
|
|
var ITEM_OVERSCAN = ITEM_HEIGHT;
|
|
// Debounce
|
|
var DEBOUNCE_WAIT = 100;
|
|
var DEBOUNCE_WAIT_MAX = 100;
|
|
// Live refresh time
|
|
var LIVE_REFRESH_TIME = 120;
|
|
var TIME_FORMAT = {
|
|
DEFAULT: "yyyy-MM-dd HH:mm:ss",
|
|
DATE: "yyyy-MM-dd",
|
|
DAY: "EEE",
|
|
DAY_DATE: "dd",
|
|
MONTH: "LLL",
|
|
DAY_MONTH: "dd.MM",
|
|
BASE_DAY_MONTH: "MM/dd",
|
|
HOURS_MIN: "HH:mm",
|
|
BASE_HOURS_TIME: "h:mm a",
|
|
YEAR: "yyyy"
|
|
};
|
|
// Overlap mode
|
|
var OVERLAP_MODES = {
|
|
STACK: "stack",
|
|
LAYER: "layer"
|
|
};
|
|
// Timezone mode
|
|
var TIMEZONE_MODES = {
|
|
UTC_TO_ZONED_TIME: "utc"
|
|
};
|
|
|
|
var _excluded = ["isVerticalMode", "program", "overlap"];
|
|
var omit = function omit(obj) {
|
|
var result = _extends({}, obj);
|
|
for (var _len = arguments.length, props = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
props[_key - 1] = arguments[_key];
|
|
}
|
|
for (var _i = 0, _props = props; _i < _props.length; _i++) {
|
|
var property = _props[_i];
|
|
delete result[property];
|
|
}
|
|
return result;
|
|
};
|
|
var generateArray = function generateArray(num) {
|
|
return new Array(num).fill("");
|
|
};
|
|
var getOverlapProgramOptions = function getOverlapProgramOptions(_ref) {
|
|
var isVerticalMode = _ref.isVerticalMode,
|
|
program = _ref.program,
|
|
programOverlaps = _ref.programOverlaps,
|
|
layerOverlapLevel = _ref.layerOverlapLevel,
|
|
overlapMode = _ref.overlapMode;
|
|
var data = program.data,
|
|
position = program.position;
|
|
var linkedProgramOverlaps = programOverlaps[data.channelUuid];
|
|
if (linkedProgramOverlaps) {
|
|
var programOverlapIndex = linkedProgramOverlaps.findIndex(function (element) {
|
|
return element.data.id === data.id;
|
|
});
|
|
var overlapProgram = linkedProgramOverlaps[programOverlapIndex];
|
|
if (overlapProgram) {
|
|
if (overlapMode === OVERLAP_MODES.LAYER && overlapProgram.data.channelPosition.top < overlapProgram.position.top) {
|
|
var newTop = overlapProgram.position.top * layerOverlapLevel;
|
|
if (overlapProgram.data.channelPosition.top !== 0) {
|
|
newTop = overlapProgram.data.channelPosition.top + Math.abs(overlapProgram.data.channelPosition.top - overlapProgram.position.top) * layerOverlapLevel;
|
|
}
|
|
var _position = _extends({}, overlapProgram.position, {
|
|
top: newTop
|
|
});
|
|
if (isVerticalMode) {
|
|
_position = switchPosition(_extends({}, overlapProgram.position, {
|
|
top: newTop
|
|
}));
|
|
}
|
|
return _extends({}, program, {
|
|
isOverlap: true,
|
|
position: _position
|
|
});
|
|
}
|
|
return _extends({}, program, {
|
|
position: isVerticalMode ? switchPosition(overlapProgram.position) : overlapProgram.position
|
|
});
|
|
} else {
|
|
return _extends({}, program, {
|
|
position: position
|
|
});
|
|
}
|
|
}
|
|
var width = position.width,
|
|
height = position.height,
|
|
top = position.top,
|
|
left = position.left;
|
|
return _extends({}, program, {
|
|
position: {
|
|
width: width,
|
|
height: height,
|
|
top: top,
|
|
left: left
|
|
}
|
|
});
|
|
};
|
|
var getProgramOptions = function getProgramOptions(_ref2) {
|
|
var isVerticalMode = _ref2.isVerticalMode,
|
|
program = _ref2.program,
|
|
overlap = _ref2.overlap,
|
|
rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
|
|
if (overlap.enabled) {
|
|
return getOverlapProgramOptions(_extends({
|
|
isVerticalMode: isVerticalMode,
|
|
program: program,
|
|
overlap: overlap
|
|
}, rest));
|
|
}
|
|
var _program$position = program.position,
|
|
width = _program$position.width,
|
|
height = _program$position.height,
|
|
top = _program$position.top,
|
|
left = _program$position.left;
|
|
return _extends({}, program, {
|
|
position: {
|
|
width: width,
|
|
height: height,
|
|
top: top,
|
|
left: left
|
|
}
|
|
});
|
|
};
|
|
var useIsomorphicLayoutEffect = function useIsomorphicLayoutEffect() {
|
|
return typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
|
|
};
|
|
var getDate = function getDate(date) {
|
|
return new Date(date);
|
|
};
|
|
var abs = function abs(num) {
|
|
return Math.abs(num);
|
|
};
|
|
var getDayWidthResources = function getDayWidthResources(_ref3) {
|
|
var dayWidth = _ref3.dayWidth,
|
|
startDate = _ref3.startDate,
|
|
endDate = _ref3.endDate,
|
|
hoursInDays = _ref3.hoursInDays,
|
|
modeType = _ref3.modeType;
|
|
var defaultOptions = {
|
|
hourWidth: 0,
|
|
numberOfMonths: 0,
|
|
numberOfHoursInDay: 0,
|
|
monthWidth: 0,
|
|
offsetStartHoursRange: 0,
|
|
dayWidth: 0
|
|
};
|
|
var startDateTime = new Date(startDate);
|
|
var endDateTime = new Date(endDate);
|
|
if (endDateTime < startDateTime) {
|
|
console.error("Invalid endDate property. Value of endDate must be greater than startDate. Props: startDateTime: " + startDateTime + ", endDateTime: " + endDateTime);
|
|
}
|
|
if (modeType === "week" || modeType === "month") {
|
|
var endOfMonthTime = dateFns.startOfMonth(dateFns.addMonths(endDateTime, 1));
|
|
var numberOfMonthInMonthMode = dateFns.differenceInMonths(endOfMonthTime, startDateTime);
|
|
var numberOfDaysInWeekMode = dateFns.differenceInDays(endDateTime, startDateTime);
|
|
var dayWidthInWeekMode = Math.floor(dayWidth / numberOfDaysInWeekMode);
|
|
var _hourWidth = dayWidthInWeekMode / HOURS_IN_DAY;
|
|
var newDayWidthInWeekMode = _hourWidth * HOURS_IN_DAY * numberOfDaysInWeekMode;
|
|
return _extends({}, defaultOptions, {
|
|
hourWidth: abs(_hourWidth),
|
|
dayWidth: abs(newDayWidthInWeekMode),
|
|
numberOfMonths: numberOfMonthInMonthMode
|
|
});
|
|
}
|
|
if (hoursInDays.length > 0) {
|
|
var _numberOfHoursInDay = hoursInDays.reduce(function (acc, curr) {
|
|
return acc + curr.diffInHours;
|
|
}, 0);
|
|
var _hourWidth2 = dayWidth / _numberOfHoursInDay;
|
|
var _newDayWidth = _hourWidth2 * _numberOfHoursInDay;
|
|
return _extends({}, defaultOptions, {
|
|
hourWidth: abs(_hourWidth2),
|
|
dayWidth: abs(_newDayWidth),
|
|
numberOfHoursInDay: abs(_numberOfHoursInDay)
|
|
});
|
|
}
|
|
var offsetStartHoursRange = dateFns.differenceInHours(startDateTime, dateFns.startOfDay(startDateTime));
|
|
var numberOfHoursInDay = dateFns.differenceInHours(endDateTime, startDateTime);
|
|
var hourWidth = Math.floor(dayWidth / numberOfHoursInDay);
|
|
var newDayWidth = hourWidth * numberOfHoursInDay;
|
|
return _extends({}, defaultOptions, {
|
|
hourWidth: abs(hourWidth),
|
|
dayWidth: abs(newDayWidth),
|
|
numberOfHoursInDay: abs(numberOfHoursInDay),
|
|
offsetStartHoursRange: abs(offsetStartHoursRange)
|
|
});
|
|
};
|
|
var convertDate = function convertDate(date) {
|
|
var newDate = date.replace(/T.*/, "");
|
|
return dateFnsTz.toDate(newDate);
|
|
};
|
|
var getDayResources = function getDayResources(_ref4) {
|
|
var startDate = _ref4.startDate,
|
|
endDate = _ref4.endDate,
|
|
modeType = _ref4.modeType;
|
|
var startDateFormat = dateFns.format(convertDate(startDate), TIME_FORMAT.DATE);
|
|
var endDateFormat = dateFns.format(convertDate(endDate), TIME_FORMAT.DATE);
|
|
var modeIncrementValue = modeType === "day" ? 1 : 0;
|
|
var diffDays = dateFns.differenceInDays(dateFnsTz.toDate(endDateFormat), dateFnsTz.toDate(startDateFormat)) + modeIncrementValue;
|
|
var startToEndInterval = {
|
|
start: new Date(startDate),
|
|
end: new Date(endDate)
|
|
};
|
|
var days = dateFns.eachDayOfInterval(startToEndInterval).map(function (day) {
|
|
return dateFns.format(day, TIME_FORMAT.DATE);
|
|
});
|
|
var months = dateFns.eachMonthOfInterval(startToEndInterval).map(function (day) {
|
|
return dateFns.format(day, TIME_FORMAT.DATE);
|
|
});
|
|
var dates = days.map(function (day) {
|
|
return dateFns.isToday(dateFnsTz.toDate(day));
|
|
});
|
|
var isToday = dates.some(function (day) {
|
|
return day === true;
|
|
});
|
|
var currentDate = days[dates.indexOf(true)];
|
|
return {
|
|
isToday: isToday,
|
|
currentDate: currentDate,
|
|
numberOfDays: diffDays,
|
|
days: days,
|
|
months: months
|
|
};
|
|
};
|
|
var switchPosition = function switchPosition(programPosition) {
|
|
return _extends({}, programPosition, {
|
|
top: programPosition.left,
|
|
left: programPosition.top,
|
|
width: programPosition.height,
|
|
height: programPosition.width
|
|
});
|
|
};
|
|
function generateUUID() {
|
|
// Generate a random hexadecimal string with the specified length
|
|
var generateRandomHex = function generateRandomHex(length) {
|
|
var result = "";
|
|
var characters = "abcdef0123456789";
|
|
for (var i = 0; i < length; i++) {
|
|
result += characters[Math.floor(Math.random() * characters.length)];
|
|
}
|
|
return result;
|
|
};
|
|
// Format a UUID string according to the version 4 UUID format
|
|
var formatUUID = function formatUUID(parts) {
|
|
return parts[0] + "-" + parts[1] + "-4" + parts[2].substring(1) + "-" + "89ab"[Math.floor(Math.random() * 4)] + parts[3].substring(1) + "-" + parts[4];
|
|
};
|
|
// Generate the parts of the UUID
|
|
var parts = [generateRandomHex(8), generateRandomHex(4), "89ab"[Math.random() * 4 | 0] + generateRandomHex(3), "89ab"[Math.random() * 4 | 0] + generateRandomHex(3), generateRandomHex(12)];
|
|
// Return the formatted UUID
|
|
return formatUUID(parts);
|
|
}
|
|
|
|
var LayoutScreenCloneCache = {};
|
|
var setChannel = function setChannel(event) {
|
|
var isChannel = LayoutScreenCloneCache[event.data.channelUuid];
|
|
if (!isChannel) {
|
|
LayoutScreenCloneCache[event.data.channelUuid] = {};
|
|
return LayoutScreenCloneCache;
|
|
}
|
|
return LayoutScreenCloneCache;
|
|
};
|
|
var updateLayoutScreenCloneElement = function updateLayoutScreenCloneElement(data) {
|
|
return LayoutScreenCloneCache = data;
|
|
};
|
|
var setLayoutScreenCloneElement = function setLayoutScreenCloneElement(event, index) {
|
|
var channels = setChannel(event);
|
|
var program = channels[event.data.channelUuid][event.data.id];
|
|
if (!program) {
|
|
event["data"].index = index;
|
|
channels[event.data.channelUuid][event.data.id] = event;
|
|
}
|
|
updateLayoutScreenCloneElement(channels);
|
|
};
|
|
var deleteLayoutScreenCloneElement = function deleteLayoutScreenCloneElement(event) {
|
|
var channels = setChannel(event);
|
|
var program = channels[event.data.channelUuid][event.data.id];
|
|
if (program) {
|
|
delete channels[event.data.channelUuid][event.data.id];
|
|
}
|
|
updateLayoutScreenCloneElement(channels);
|
|
};
|
|
var resetLayoutScreenCloneElements = function resetLayoutScreenCloneElements() {
|
|
return LayoutScreenCloneCache = {};
|
|
};
|
|
var getChannelsContentHeight = function getChannelsContentHeight(channels) {
|
|
return channels.reduce(function (acc, channel) {
|
|
return acc += channel.position.height;
|
|
}, 0);
|
|
};
|
|
var channelEpgIndexesCache = {};
|
|
var setChannelEpgIndexes = function setChannelEpgIndexes(_ref) {
|
|
var uuid = _ref.uuid,
|
|
_ref$first = _ref.first,
|
|
first = _ref$first === void 0 ? 0 : _ref$first,
|
|
_ref$last = _ref.last,
|
|
last = _ref$last === void 0 ? 0 : _ref$last;
|
|
channelEpgIndexesCache[uuid] = {
|
|
first: first,
|
|
last: last,
|
|
uuid: uuid
|
|
};
|
|
};
|
|
var getChannelEpgIndexes = function getChannelEpgIndexes(uuid) {
|
|
return channelEpgIndexesCache[uuid];
|
|
};
|
|
var channelsGroupTreeCache = {};
|
|
var setChannelGroupTree = function setChannelGroupTree(channel) {
|
|
channelsGroupTreeCache[channel.uuid] = {
|
|
uuid: channel.uuid,
|
|
isOpen: channel.isOpen,
|
|
groupTree: channel.groupTree
|
|
};
|
|
};
|
|
var setChannelGroupTreeNestedChildren = function setChannelGroupTreeNestedChildren(channelUuid, nestedChildUuid) {
|
|
var _channel$nestedChildr;
|
|
var channel = channelsGroupTreeCache[channelUuid];
|
|
channelsGroupTreeCache[channelUuid] = _extends({}, channel, {
|
|
nestedChildren: [].concat((_channel$nestedChildr = channel.nestedChildren) != null ? _channel$nestedChildr : [], [nestedChildUuid])
|
|
});
|
|
};
|
|
var getChannelsGroupTree = function getChannelsGroupTree() {
|
|
return channelsGroupTreeCache;
|
|
};
|
|
// Timezones
|
|
var timezoneOptionsCache = {
|
|
enabled: false,
|
|
zone: "",
|
|
mode: ""
|
|
};
|
|
var setTimezoneOptionsCache = function setTimezoneOptionsCache(props) {
|
|
timezoneOptionsCache = props;
|
|
};
|
|
var getTimezoneOptionsCache = function getTimezoneOptionsCache() {
|
|
return timezoneOptionsCache;
|
|
};
|
|
|
|
var getNewDateTimeTz = function getNewDateTimeTz(date) {
|
|
var timezone = getTimezoneOptionsCache();
|
|
var newDate = new Date(date);
|
|
if (timezone.enabled && timezone.mode === TIMEZONE_MODES.UTC_TO_ZONED_TIME) {
|
|
var zonedTime = dateFnsTz.utcToZonedTime(newDate, timezone.zone);
|
|
return zonedTime.getTime();
|
|
}
|
|
return newDate.getTime();
|
|
};
|
|
var getNewDateTz = function getNewDateTz(date) {
|
|
var timezone = getTimezoneOptionsCache();
|
|
var newDate = date ? new Date(date) : new Date();
|
|
if (timezone.enabled && timezone.mode === TIMEZONE_MODES.UTC_TO_ZONED_TIME) {
|
|
var zonedTime = dateFnsTz.utcToZonedTime(newDate, timezone.zone);
|
|
return zonedTime;
|
|
}
|
|
return newDate;
|
|
};
|
|
var formatTz = function formatTz(date, formatTime) {
|
|
if (formatTime === void 0) {
|
|
formatTime = TIME_FORMAT.DEFAULT;
|
|
}
|
|
var timezone = getTimezoneOptionsCache();
|
|
if (timezone.enabled && timezone.mode === TIMEZONE_MODES.UTC_TO_ZONED_TIME) {
|
|
var zonedTime = dateFnsTz.utcToZonedTime(date, timezone.zone);
|
|
var formattedZonedTime = dateFnsTz.format(zonedTime, formatTime, {
|
|
timeZone: timezone.zone
|
|
});
|
|
return formattedZonedTime;
|
|
}
|
|
return dateFns.format(date, formatTime);
|
|
};
|
|
var zonedDateTimeToUtc = function zonedDateTimeToUtc(date) {
|
|
var timezone = getTimezoneOptionsCache();
|
|
if (timezone.enabled && timezone.mode === TIMEZONE_MODES.UTC_TO_ZONED_TIME) {
|
|
var zonedTime = dateFnsTz.zonedTimeToUtc(date, timezone.zone);
|
|
return zonedTime;
|
|
}
|
|
return date;
|
|
};
|
|
|
|
// -------- Program width --------
|
|
var getItemDiffWidth = function getItemDiffWidth(diff, hourWidth) {
|
|
return diff * hourWidth / HOUR_IN_MINUTES;
|
|
};
|
|
var getPositionX = function getPositionX(since, till, startDate, endDate, hourWidth) {
|
|
var isTomorrow = dateFns.getTime(getDate(till)) > dateFns.getTime(getDate(endDate));
|
|
var isYesterday = dateFns.getTime(getDate(since)) < dateFns.getTime(getDate(startDate));
|
|
// When time range is set to 1 hour and program time is greater than 1 hour
|
|
if (isYesterday && isTomorrow) {
|
|
var _diffTime = dateFns.differenceInMinutes(roundToMinutes(getDate(endDate)), getDate(startDate));
|
|
return getItemDiffWidth(_diffTime, hourWidth);
|
|
}
|
|
if (isYesterday) {
|
|
var _diffTime2 = dateFns.differenceInMinutes(roundToMinutes(getDate(till)), getDate(startDate));
|
|
return getItemDiffWidth(_diffTime2, hourWidth);
|
|
}
|
|
if (isTomorrow) {
|
|
var _diffTime3 = dateFns.differenceInMinutes(getDate(endDate), roundToMinutes(getDate(since)));
|
|
if (_diffTime3 < 0) return 0;
|
|
return getItemDiffWidth(_diffTime3, hourWidth);
|
|
}
|
|
var diffTime = dateFns.differenceInMinutes(roundToMinutes(getDate(till)), roundToMinutes(getDate(since)));
|
|
return getItemDiffWidth(diffTime, hourWidth);
|
|
};
|
|
// -------- Channel position in the Epg --------
|
|
var getChannelPosition = function getChannelPosition(channelIndex, itemHeight) {
|
|
var top = itemHeight * channelIndex;
|
|
var position = {
|
|
top: top,
|
|
height: itemHeight
|
|
};
|
|
return position;
|
|
};
|
|
// -------- Program position in the Epg --------
|
|
var getProgramPosition = function getProgramPosition(program, channelIndex, itemHeight, hourWidth, startDate, endDate, isVerticalMode) {
|
|
var item = _extends({}, program, {
|
|
since: formatTimeTz(program.since),
|
|
till: formatTimeTz(program.till)
|
|
});
|
|
var isYesterday$1 = isYesterday(item.since, startDate);
|
|
var width = getPositionX(item.since, item.till, startDate, endDate, hourWidth);
|
|
var top = itemHeight * channelIndex;
|
|
var left = getPositionX(startDate, item.since, startDate, endDate, hourWidth);
|
|
var edgeEnd = getPositionX(startDate, item.till, startDate, endDate, hourWidth);
|
|
if (isYesterday$1) left = 0;
|
|
// If item has negative top position, it means that it is not visible in this day
|
|
if (top < 0) width = 0;
|
|
var position = {
|
|
width: width,
|
|
height: itemHeight,
|
|
top: top,
|
|
left: left,
|
|
edgeEnd: edgeEnd
|
|
};
|
|
if (isVerticalMode) {
|
|
position = _extends({}, position, {
|
|
top: left,
|
|
left: top,
|
|
width: itemHeight,
|
|
height: width
|
|
});
|
|
}
|
|
return {
|
|
position: position,
|
|
data: item
|
|
};
|
|
};
|
|
var getProgramPositionWithDayHours = function getProgramPositionWithDayHours(_ref) {
|
|
var isVerticalMode = _ref.isVerticalMode,
|
|
hoursInDays = _ref.hoursInDays,
|
|
position = _ref.position,
|
|
since = _ref.since,
|
|
hourWidth = _ref.hourWidth;
|
|
var day = hoursInDays.find(function (day) {
|
|
return since.includes(day.date);
|
|
});
|
|
if (!day) return {
|
|
position: position
|
|
};
|
|
if (isVerticalMode) {
|
|
var _diffHours = day.diffLeft * hourWidth;
|
|
var top = position.top - _diffHours;
|
|
var _edgeEnd = position.edgeEnd - _diffHours;
|
|
return _extends({}, position, {
|
|
top: top,
|
|
edgeEnd: _edgeEnd
|
|
});
|
|
}
|
|
var diffHours = day.diffLeft * hourWidth;
|
|
var left = position.left - diffHours;
|
|
var edgeEnd = position.edgeEnd - diffHours;
|
|
return _extends({}, position, {
|
|
left: left,
|
|
edgeEnd: edgeEnd
|
|
});
|
|
};
|
|
var getConvertedPrograms = function getConvertedPrograms(_ref2) {
|
|
var isVerticalMode = _ref2.isVerticalMode,
|
|
isOverlapEnabled = _ref2.isOverlapEnabled,
|
|
programChannelMapKey = _ref2.programChannelMapKey,
|
|
data = _ref2.data,
|
|
channels = _ref2.channels,
|
|
startDate = _ref2.startDate,
|
|
endDate = _ref2.endDate,
|
|
itemHeight = _ref2.itemHeight,
|
|
hourWidth = _ref2.hourWidth,
|
|
hoursInDays = _ref2.hoursInDays;
|
|
var first = 0;
|
|
return data.map(function (next, index, arr) {
|
|
var _arr, _arr2, _channels$channelInde, _channels$channelInde2;
|
|
next["channelUuid"] = next[programChannelMapKey];
|
|
if (((_arr = arr[index - 1]) == null ? void 0 : _arr[programChannelMapKey]) !== next[programChannelMapKey]) {
|
|
first = index;
|
|
setChannelEpgIndexes({
|
|
uuid: next[programChannelMapKey],
|
|
first: first
|
|
});
|
|
}
|
|
if (next[programChannelMapKey] !== ((_arr2 = arr[index + 1]) == null ? void 0 : _arr2[programChannelMapKey])) {
|
|
setChannelEpgIndexes({
|
|
uuid: next[programChannelMapKey],
|
|
first: first,
|
|
last: index
|
|
});
|
|
} else {
|
|
setChannelEpgIndexes({
|
|
uuid: next[programChannelMapKey],
|
|
first: first,
|
|
last: index
|
|
});
|
|
}
|
|
var channelIndex = channels.findIndex(function (_ref3) {
|
|
var uuid = _ref3.uuid;
|
|
return uuid === next.channelUuid;
|
|
});
|
|
next["channelIndex"] = channelIndex;
|
|
next["channelPosition"] = (_channels$channelInde = channels[channelIndex]) == null ? void 0 : _channels$channelInde.position;
|
|
next["index"] = index;
|
|
// Group tree
|
|
if ((_channels$channelInde2 = channels[channelIndex]) != null && _channels$channelInde2.parentChannelUuid) {
|
|
var _channels$channelInde3;
|
|
next["parentChannelUuid"] = (_channels$channelInde3 = channels[channelIndex]) == null ? void 0 : _channels$channelInde3.parentChannelUuid;
|
|
}
|
|
var programData = getProgramPosition(next, channelIndex, itemHeight, hourWidth, startDate, endDate, isVerticalMode);
|
|
if (isOverlapEnabled && channelIndex > 0) {
|
|
var position = channels[channelIndex - 1].position;
|
|
var newPositionTop = position.top + position.height;
|
|
if (isVerticalMode) {
|
|
programData.position.left = newPositionTop;
|
|
} else {
|
|
programData.position.top = newPositionTop;
|
|
}
|
|
}
|
|
if (hoursInDays.length === 0) return programData;
|
|
var newPosition = getProgramPositionWithDayHours({
|
|
isVerticalMode: isVerticalMode,
|
|
hoursInDays: hoursInDays,
|
|
position: programData.position,
|
|
since: programData.data.since,
|
|
hourWidth: hourWidth
|
|
});
|
|
programData["position"] = newPosition;
|
|
return programData;
|
|
}, []);
|
|
};
|
|
// -------- Converted channels with position data --------
|
|
var getConvertedChannels = function getConvertedChannels(isOverlapEnabled, overlapMode, layerOverlapLevel, channels, itemHeight, channelMapKey, channelOverlapsCount) {
|
|
var top = 0;
|
|
var isStackMode = overlapMode === OVERLAP_MODES.STACK;
|
|
var isLayerMode = overlapMode === OVERLAP_MODES.LAYER;
|
|
return channels.reduce(function (acc, channel, index) {
|
|
var overlap = channelOverlapsCount[channel[channelMapKey]];
|
|
// Check channels group tree
|
|
if (channel.groupTree && channel.uuid) {
|
|
setChannelGroupTree(channel);
|
|
}
|
|
var channelsGroupTree = getChannelsGroupTree();
|
|
var channelGroupTree = channelsGroupTree[channel.parentChannelUuid];
|
|
// if parent channel is closed, skip this channel
|
|
if (channelGroupTree && channel.parentChannelUuid) {
|
|
setChannelGroupTreeNestedChildren(channelGroupTree.uuid, channel.uuid);
|
|
channel["isNestedChild"] = true;
|
|
if (!(channelGroupTree != null && channelGroupTree.isOpen)) return acc;
|
|
} else {
|
|
channel["isNestedChild"] = false;
|
|
}
|
|
var largestSizeLength = 1;
|
|
var overlapsLength = overlap != null ? overlap : 0;
|
|
if (isOverlapEnabled && (isStackMode || isLayerMode) && overlapsLength > 0) {
|
|
largestSizeLength = overlap;
|
|
}
|
|
var position = getChannelPosition(index, itemHeight * largestSizeLength);
|
|
if (isOverlapEnabled && isStackMode) {
|
|
position.top = top;
|
|
top = top + position.height;
|
|
}
|
|
if (isOverlapEnabled && isLayerMode) {
|
|
if (overlapsLength > 0) {
|
|
position.top = top;
|
|
position.height = overlapsLength <= 1 ? position.height : itemHeight * layerOverlapLevel * (overlapsLength - 1) + itemHeight;
|
|
top = top + position.height;
|
|
} else {
|
|
position.top = top;
|
|
top = top + position.height;
|
|
}
|
|
}
|
|
var item = _extends({}, channel, {
|
|
uuid: channel[channelMapKey],
|
|
index: index,
|
|
position: position
|
|
});
|
|
acc.push(item);
|
|
return acc;
|
|
}, []);
|
|
};
|
|
var getItemVisibility = function getItemVisibility(_ref4) {
|
|
var position = _ref4.position,
|
|
scrollY = _ref4.scrollY,
|
|
scrollX = _ref4.scrollX,
|
|
containerHeight = _ref4.containerHeight,
|
|
containerWidth = _ref4.containerWidth,
|
|
itemOverscan = _ref4.itemOverscan,
|
|
overlapsCount = _ref4.overlapsCount,
|
|
isVerticalMode = _ref4.isVerticalMode;
|
|
// Set item visibility for vertical mode
|
|
var _overlapsCount = overlapsCount === 0 ? 1 : overlapsCount;
|
|
if (isVerticalMode) {
|
|
if (position.height <= 0) {
|
|
return false;
|
|
}
|
|
if (scrollX > position.left + position.width * 2 * _overlapsCount) {
|
|
return false;
|
|
}
|
|
if (scrollX + containerWidth <= position.left) {
|
|
return false;
|
|
}
|
|
if (scrollY + containerHeight >= position.top && scrollY <= position.edgeEnd) {
|
|
return true;
|
|
}
|
|
} else {
|
|
// Set item visibility for horizontal mode
|
|
if (position.width <= 0) {
|
|
return false;
|
|
}
|
|
if (scrollY > position.top + itemOverscan * 3 * _overlapsCount) {
|
|
return false;
|
|
}
|
|
if (scrollY + containerHeight <= position.top) {
|
|
return false;
|
|
}
|
|
if (scrollX + containerWidth >= position.left && scrollX <= position.edgeEnd) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
};
|
|
var getSidebarItemVisibility = function getSidebarItemVisibility(_ref5) {
|
|
var position = _ref5.position,
|
|
scrollX = _ref5.scrollX,
|
|
scrollY = _ref5.scrollY,
|
|
containerHeight = _ref5.containerHeight,
|
|
containerWidth = _ref5.containerWidth,
|
|
itemOverscan = _ref5.itemOverscan,
|
|
isVerticalMode = _ref5.isVerticalMode;
|
|
// Set item visibility for vertical mode
|
|
if (isVerticalMode) {
|
|
var left = position.left + position.height;
|
|
if (scrollX > left + itemOverscan * 3) {
|
|
return false;
|
|
}
|
|
if (scrollX + containerWidth <= left - position.height) {
|
|
return false;
|
|
}
|
|
} else {
|
|
// Set item visibility for horizontal mode
|
|
if (scrollY > position.top + position.height + itemOverscan * 3) {
|
|
return false;
|
|
}
|
|
if (scrollY + containerHeight <= position.top) {
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
};
|
|
var getTimelineItemVisibility = function getTimelineItemVisibility(_ref6) {
|
|
var position = _ref6.position,
|
|
scrollY = _ref6.scrollY,
|
|
scrollX = _ref6.scrollX,
|
|
containerHeight = _ref6.containerHeight,
|
|
containerWidth = _ref6.containerWidth,
|
|
isVerticalMode = _ref6.isVerticalMode;
|
|
// Set item visibility for vertical mode
|
|
if (isVerticalMode) {
|
|
if (scrollY > position.left + position.width * 2) {
|
|
return false;
|
|
}
|
|
if (scrollY + containerHeight <= position.left) {
|
|
return false;
|
|
}
|
|
} else {
|
|
// Set item visibility for horizontal mode
|
|
if (scrollX > position.left + position.width * 2) {
|
|
return false;
|
|
}
|
|
if (scrollX + containerWidth <= position.left) {
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
};
|
|
var setUpdatedLayoutItem = function setUpdatedLayoutItem(data, modeType) {
|
|
var id = generateUUID();
|
|
var since = data.date + " " + data.since;
|
|
var till = data.date + " " + data.till;
|
|
if (modeType === "week") {
|
|
till = formatTz(dateFns.endOfDay(new Date(till)), TIME_FORMAT.DEFAULT);
|
|
} else if (modeType === "month") {
|
|
till = formatTz(dateFns.addDays(dateFns.endOfDay(new Date(till)), 20), TIME_FORMAT.DEFAULT);
|
|
}
|
|
return _extends({
|
|
id: id,
|
|
title: "",
|
|
image: ""
|
|
}, data, {
|
|
since: since,
|
|
till: till
|
|
});
|
|
};
|
|
|
|
var getTime = function getTime(date) {
|
|
return dateFnsTz.toDate(date).getTime();
|
|
};
|
|
var getLiveStatus = function getLiveStatus(since, till) {
|
|
var nowTime = getNewDateTimeTz(getNewDateTz());
|
|
var sinceTime = getNewDateTimeTz(since);
|
|
var sinceTill = getNewDateTimeTz(till);
|
|
return nowTime >= sinceTime && sinceTill > nowTime;
|
|
};
|
|
var formatTime = function formatTime(date) {
|
|
return dateFns.format(new Date(date), TIME_FORMAT.DEFAULT).replace(/\s/g, "T");
|
|
};
|
|
var formatTimeTz = function formatTimeTz(date) {
|
|
return formatTz(new Date(date), TIME_FORMAT.DEFAULT).replace(/\s/g, "T");
|
|
};
|
|
var roundToMinutes = function roundToMinutes(date) {
|
|
return dateFns.roundToNearestMinutes(new Date(date));
|
|
};
|
|
var isYesterday = function isYesterday(since, startDate) {
|
|
var sinceTime = getTime(new Date(since));
|
|
var startDateTime = getTime(new Date(startDate));
|
|
return startDateTime > sinceTime;
|
|
};
|
|
var isFutureTime = function isFutureTime(date) {
|
|
var dateTime = getTime(new Date(date));
|
|
var now = getTime(new Date());
|
|
return dateTime > now;
|
|
};
|
|
var getTimeRangeDates = function getTimeRangeDates(startDate, endDate) {
|
|
var endDateValue = endDate;
|
|
if (endDate === "") {
|
|
endDateValue = formatTime(dateFns.startOfDay(dateFns.addDays(getDate(startDate), 1)));
|
|
}
|
|
return {
|
|
startDate: startDate,
|
|
endDate: endDateValue
|
|
};
|
|
};
|
|
var getFormattedWeekMonthDate = function getFormattedWeekMonthDate(_ref) {
|
|
var date = _ref.date,
|
|
mode = _ref.mode,
|
|
isBaseTimeFormat = _ref.isBaseTimeFormat;
|
|
if (mode.type === "week") {
|
|
if (mode.style === "modern") {
|
|
return dateFns.format(dateFnsTz.toDate(date), TIME_FORMAT.DAY_DATE);
|
|
}
|
|
var dateFormat = isBaseTimeFormat ? TIME_FORMAT.BASE_DAY_MONTH : TIME_FORMAT.DAY_MONTH;
|
|
return dateFns.format(dateFnsTz.toDate(date), dateFormat);
|
|
}
|
|
return dateFns.format(dateFnsTz.toDate(date), TIME_FORMAT.MONTH);
|
|
};
|
|
var getNumberOfHoursInDays = function getNumberOfHoursInDays(_ref2) {
|
|
var startDate = _ref2.startDate,
|
|
customHoursInDays = _ref2.customHoursInDays;
|
|
if (customHoursInDays.length === 0) return [];
|
|
var itemsDiffInHours = 0;
|
|
var data = customHoursInDays.reduce(function (acc, item) {
|
|
var diffLeft = 0;
|
|
var prevItem = acc[acc.length - 1];
|
|
if (!prevItem) {
|
|
diffLeft = dateFns.differenceInHours(getDate(item.startTimeHour), getDate(startDate));
|
|
}
|
|
if (prevItem) {
|
|
diffLeft = dateFns.differenceInHours(getDate(item.startTimeHour), getDate(prevItem.endTimeHour));
|
|
diffLeft += prevItem.diffLeft;
|
|
itemsDiffInHours += prevItem.diffInHours;
|
|
}
|
|
var diffInHours = dateFns.differenceInHours(getDate(item.endTimeHour), getDate(item.startTimeHour));
|
|
var startTime = Number(dateFns.format(getDate(item.startTimeHour), "H"));
|
|
var endTime = Number(dateFns.format(getDate(item.endTimeHour), "H"));
|
|
var obj = _extends({}, item, {
|
|
diffLeft: diffLeft,
|
|
diffInHours: diffInHours,
|
|
prevItemDiffInHours: itemsDiffInHours,
|
|
startTime: startTime,
|
|
endTime: endTime
|
|
});
|
|
acc.push(obj);
|
|
return acc;
|
|
}, []);
|
|
return data;
|
|
};
|
|
var getTodayHoursInDays = function getTodayHoursInDays(hoursInDays) {
|
|
var date = hoursInDays.filter(function (item) {
|
|
return dateFns.isWithinInterval(new Date(), {
|
|
start: new Date(item.startTimeHour),
|
|
end: new Date(item.endTimeHour)
|
|
});
|
|
});
|
|
return date.length > 0;
|
|
};
|
|
var getHoursInDaysPositionX = function getHoursInDaysPositionX(_ref3) {
|
|
var hoursInDays = _ref3.hoursInDays,
|
|
hourWidth = _ref3.hourWidth,
|
|
sidebarWidth = _ref3.sidebarWidth,
|
|
cb = _ref3.cb;
|
|
var date = hoursInDays.filter(function (item) {
|
|
return dateFns.isWithinInterval(new Date(), {
|
|
start: new Date(item.startTimeHour),
|
|
end: new Date(item.endTimeHour)
|
|
});
|
|
});
|
|
if (date.length === 0) {
|
|
cb == null || cb(false);
|
|
return 0;
|
|
}
|
|
var day = date[0];
|
|
var positionX = getPositionX(dateFns.startOfDay(new Date(day.startTimeHour)), new Date(), day.startTimeHour, day.endTimeHour, hourWidth);
|
|
return positionX + sidebarWidth + day.prevItemDiffInHours * hourWidth;
|
|
};
|
|
|
|
var _excluded$1 = ["hoursInDays"];
|
|
var BASE_DAY_MONTH = TIME_FORMAT.BASE_DAY_MONTH,
|
|
DAY_MONTH = TIME_FORMAT.DAY_MONTH;
|
|
var generateDayHours = function generateDayHours(isBaseTimeFormat, dayIndex, days) {
|
|
return Array.from({
|
|
length: HOURS_IN_DAY
|
|
}, function (_, i) {
|
|
if (i === 0) {
|
|
var timeFormat = isBaseTimeFormat ? BASE_DAY_MONTH : DAY_MONTH;
|
|
var date = dateFns.parse(days[dayIndex], TIME_FORMAT.DATE, new Date());
|
|
return dayIndex === 0 ? i : dateFns.format(date, timeFormat);
|
|
}
|
|
return i;
|
|
});
|
|
};
|
|
var generateTimelineSlots = function generateTimelineSlots(modeType, options) {
|
|
var hoursInDays = options.hoursInDays,
|
|
rest = _objectWithoutPropertiesLoose(options, _excluded$1);
|
|
if (modeType === "week") {
|
|
return generateWeekTimelineSlots(rest);
|
|
}
|
|
if (modeType === "month") {
|
|
return generateMonthTimelineSlots(rest);
|
|
}
|
|
if (hoursInDays.length > 0) {
|
|
return getDayHoursTimeSlots(options);
|
|
}
|
|
return getDayTimeSlots(rest);
|
|
};
|
|
var getDayHoursTimeSlots = function getDayHoursTimeSlots(_ref) {
|
|
var isBaseTimeFormat = _ref.isBaseTimeFormat,
|
|
days = _ref.days,
|
|
hoursInDays = _ref.hoursInDays,
|
|
numberOfDays = _ref.numberOfDays;
|
|
var slots = generateArray(numberOfDays).reduce(function (acc, _, dayIndex) {
|
|
var hours = generateDayHours(isBaseTimeFormat, dayIndex, days);
|
|
var hoursInDay = hoursInDays[dayIndex];
|
|
var sliced = hours.slice(hoursInDay.startTime, hoursInDay.endTime);
|
|
if (dayIndex > 0) sliced[0] = hours[0];
|
|
return [].concat(acc, sliced);
|
|
}, []);
|
|
return slots;
|
|
};
|
|
var getDayTimeSlots = function getDayTimeSlots(_ref2) {
|
|
var isBaseTimeFormat = _ref2.isBaseTimeFormat,
|
|
days = _ref2.days,
|
|
numberOfDays = _ref2.numberOfDays,
|
|
numberOfHoursInDay = _ref2.numberOfHoursInDay,
|
|
offsetStartHoursRange = _ref2.offsetStartHoursRange;
|
|
var slots = generateArray(numberOfDays).reduce(function (acc, _, dayIndex) {
|
|
var hours = generateDayHours(isBaseTimeFormat, dayIndex, days);
|
|
if (dayIndex === 0) return [].concat(acc, hours.slice(offsetStartHoursRange));
|
|
return [].concat(acc, hours);
|
|
}, []);
|
|
return slots.slice(0, numberOfHoursInDay);
|
|
};
|
|
var generateWeekTimelineSlots = function generateWeekTimelineSlots(_ref3) {
|
|
var days = _ref3.days,
|
|
numberOfDays = _ref3.numberOfDays;
|
|
var slots = generateArray(numberOfDays).map(function (_, dayIndex) {
|
|
var date = dateFns.parse(days[dayIndex], TIME_FORMAT.DATE, new Date());
|
|
return dateFns.format(date, TIME_FORMAT.DATE);
|
|
});
|
|
return slots;
|
|
};
|
|
var generateMonthTimelineSlots = function generateMonthTimelineSlots(_ref4) {
|
|
var months = _ref4.months,
|
|
numberOfMonths = _ref4.numberOfMonths;
|
|
var slots = generateArray(numberOfMonths).map(function (_, dayIndex) {
|
|
var date = dateFns.parse(months[dayIndex], TIME_FORMAT.DATE, new Date());
|
|
return dateFns.format(date, TIME_FORMAT.DATE);
|
|
});
|
|
return slots;
|
|
};
|
|
var getTimelineMonthsWidth = function getTimelineMonthsWidth(_ref5) {
|
|
var months = _ref5.months,
|
|
weekDayWidth = _ref5.weekDayWidth;
|
|
var _months$reduce = months.reduce(function (acc, month, index) {
|
|
var daysInMonth = dateFns.getDaysInMonth(dateFnsTz.toDate(month));
|
|
var width = daysInMonth * weekDayWidth;
|
|
if (index === 0) {
|
|
acc.data.push({
|
|
width: width,
|
|
left: 0
|
|
});
|
|
acc.offsetLeft = 0;
|
|
return acc;
|
|
}
|
|
var left = acc.offsetLeft + acc.data[index - 1].width;
|
|
acc.data.push({
|
|
width: width,
|
|
left: left
|
|
});
|
|
acc.offsetLeft = left;
|
|
return acc;
|
|
}, {
|
|
data: [],
|
|
offsetLeft: 0
|
|
}),
|
|
data = _months$reduce.data;
|
|
return data;
|
|
};
|
|
var getTimelineHeight = function getTimelineHeight(timelineHeight, mode) {
|
|
if ((mode.type === "week" || mode.type === "month") && mode.style === "modern") {
|
|
return TIMELINE_HEIGHT_MODERN_STYLE;
|
|
}
|
|
return timelineHeight;
|
|
};
|
|
|
|
var getLineStyles = function getLineStyles(_ref) {
|
|
var isVerticalMode = _ref.isVerticalMode,
|
|
isTimeline = _ref.isTimeline,
|
|
lineStyles = _ref.lineStyles,
|
|
position = _ref.position;
|
|
if (isVerticalMode) {
|
|
return {
|
|
position: _extends({}, position, {
|
|
position: lineStyles.position,
|
|
top: position.left,
|
|
left: isTimeline ? lineStyles.top : 0,
|
|
width: position.height,
|
|
height: lineStyles.width
|
|
})
|
|
};
|
|
}
|
|
return {
|
|
position: _extends({}, position, {
|
|
position: lineStyles.position,
|
|
top: isTimeline ? lineStyles.top : 0,
|
|
width: lineStyles.width
|
|
})
|
|
};
|
|
};
|
|
|
|
var getChannelVerticalPosition = function getChannelVerticalPosition(channel, isVerticalMode) {
|
|
if (isVerticalMode) {
|
|
return _extends({}, channel, {
|
|
position: _extends({}, channel.position, {
|
|
left: channel.position.top,
|
|
width: channel.position.height
|
|
})
|
|
});
|
|
}
|
|
return channel;
|
|
};
|
|
var getChannelGroupTreeProps = function getChannelGroupTreeProps(channel) {
|
|
var _channel$parentChanne;
|
|
var data = _extends({}, channel, {
|
|
nestedChildren: [],
|
|
isFirstNestedChild: false,
|
|
isLastNestedChild: false
|
|
});
|
|
var getChanelGroupTree = function getChanelGroupTree(uuid) {
|
|
var _channelsGroupTree;
|
|
return (_channelsGroupTree = channelsGroupTree[uuid != null ? uuid : ""]) != null ? _channelsGroupTree : null;
|
|
};
|
|
var channelsGroupTree = getChannelsGroupTree();
|
|
var channelGroupTree = getChanelGroupTree(channel.uuid);
|
|
var channelNestedGroupTree = getChanelGroupTree((_channel$parentChanne = channel.parentChannelUuid) != null ? _channel$parentChanne : "");
|
|
if (channel.parentChannelUuid && channelNestedGroupTree) {
|
|
var _channelNestedGroupTr, _channelNestedGroupTr2;
|
|
var isFirstNestedChild = ((_channelNestedGroupTr = channelNestedGroupTree.nestedChildren) == null ? void 0 : _channelNestedGroupTr.at(0)) === channel.uuid;
|
|
var isLastNestedChild = ((_channelNestedGroupTr2 = channelNestedGroupTree.nestedChildren) == null ? void 0 : _channelNestedGroupTr2.at(-1)) === channel.uuid;
|
|
return _extends({}, data, {
|
|
isFirstNestedChild: isFirstNestedChild,
|
|
isLastNestedChild: isLastNestedChild
|
|
});
|
|
} else if (channelGroupTree) {
|
|
return _extends({}, data, {
|
|
nestedChildren: channelGroupTree.nestedChildren
|
|
});
|
|
}
|
|
return data;
|
|
};
|
|
|
|
function getOverlapCount(program, overlapArray) {
|
|
var sinceB = new Date(program.data.since);
|
|
var tillB = new Date(program.data.till);
|
|
var overlapCount = 0;
|
|
for (var _iterator = _createForOfIteratorHelperLoose(overlapArray), _step; !(_step = _iterator()).done;) {
|
|
var otherProgram = _step.value;
|
|
if (program.data.id === otherProgram.data.id) continue;
|
|
var sinceOther = new Date(otherProgram.data.since);
|
|
var tillOther = new Date(otherProgram.data.till);
|
|
if (sinceB <= tillOther && tillB >= sinceOther || sinceOther <= tillB && tillOther >= sinceB) {
|
|
overlapCount++;
|
|
}
|
|
}
|
|
return overlapCount;
|
|
}
|
|
function overlapPosition(program, overlapArray, channelOverlapsCount) {
|
|
var sinceB = new Date(program.data.since);
|
|
var tillB = new Date(program.data.till);
|
|
var newChannelOverlapsCount = channelOverlapsCount;
|
|
for (var index = 0; index < newChannelOverlapsCount + 1; index++) {
|
|
var top = program.data.channelPosition.top > 0 ? program.data.channelPosition.top : 0;
|
|
var levelTop = top + program.position.height * index;
|
|
var overlapsOnLevel = false;
|
|
var overlapsOnLevelUp = false;
|
|
for (var _iterator2 = _createForOfIteratorHelperLoose(overlapArray), _step2; !(_step2 = _iterator2()).done;) {
|
|
var otherProgram = _step2.value;
|
|
if (program.data.id === otherProgram.data.id) continue;
|
|
if (levelTop === otherProgram.position.top) {
|
|
var sinceOther = new Date(otherProgram.data.since);
|
|
var tillOther = new Date(otherProgram.data.till);
|
|
if (sinceB < tillOther && tillB > sinceOther || sinceOther < tillB && tillOther > sinceB) {
|
|
if (sinceB <= tillOther && tillB >= sinceOther || sinceOther <= tillB && tillOther >= sinceB) {
|
|
overlapsOnLevelUp = true;
|
|
}
|
|
overlapsOnLevel = true;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (!overlapsOnLevel) {
|
|
return overlapsOnLevelUp ? index + 4 : index;
|
|
}
|
|
}
|
|
return newChannelOverlapsCount;
|
|
}
|
|
var getOverlapProgramOptions$1 = function getOverlapProgramOptions(program, overlapArray, channelOverlapsCount) {
|
|
var _program = _extends({}, program);
|
|
var data = _program.data,
|
|
position = _program.position;
|
|
var programOverlapIndex = overlapArray.length + 1;
|
|
var channelPosition = data.channelPosition,
|
|
overlapTimes = data.overlapTimes;
|
|
var width = position.width,
|
|
height = position.height,
|
|
left = position.left;
|
|
var newHeight = height ;
|
|
var newTop = channelPosition.top + (overlapTimes != null ? overlapTimes : programOverlapIndex) * newHeight;
|
|
var newProgram = _extends({}, program, {
|
|
position: {
|
|
width: width,
|
|
height: newHeight,
|
|
top: newTop,
|
|
left: left
|
|
}
|
|
});
|
|
var overlapTop = overlapPosition(newProgram, overlapArray, channelOverlapsCount);
|
|
newProgram.position = _extends({}, newProgram.position, {
|
|
top: channelPosition.top + newProgram.position.height * overlapTop
|
|
});
|
|
return [newProgram, overlapTop + 1];
|
|
};
|
|
var setChannelOverlapCount = function setChannelOverlapCount(programA, channelOverlapsCount, channelOverlaps) {
|
|
return channelOverlapsCount > channelOverlaps[programA.data.channelUuid] ? channelOverlapsCount : channelOverlaps[programA.data.channelUuid];
|
|
};
|
|
function getOverlaps(isVerticalMode, itemOverlaps, programs) {
|
|
var overlaps = _extends({}, itemOverlaps);
|
|
var channelOverlaps = {};
|
|
for (var _iterator3 = _createForOfIteratorHelperLoose(programs), _step3; !(_step3 = _iterator3()).done;) {
|
|
var program = _step3.value;
|
|
overlaps[program.data.channelUuid] = [];
|
|
}
|
|
var _loop = function _loop() {
|
|
var _programA$data;
|
|
var programA = _extends({}, programs[i]);
|
|
var sinceA = new Date(programA.data.since);
|
|
var tillA = new Date(programA.data.till);
|
|
// Group channel tree
|
|
// If parent group tree is open, then all children group tree are visible
|
|
// If parent group tree is closed, then all children group tree are not visible
|
|
if (programA != null && (_programA$data = programA.data) != null && _programA$data.parentChannelUuid) {
|
|
var _programA$data2;
|
|
var channelsGroupTree = getChannelsGroupTree();
|
|
var channelGroupTree = channelsGroupTree[programA == null || (_programA$data2 = programA.data) == null ? void 0 : _programA$data2.parentChannelUuid];
|
|
if (!(channelGroupTree != null && channelGroupTree.isOpen)) return 1; // continue
|
|
}
|
|
if (isVerticalMode) {
|
|
programA.position = switchPosition(programA.position);
|
|
}
|
|
var _loop2 = function _loop2() {
|
|
var programB = _extends({}, programs[j]);
|
|
if (programA.data.channelUuid !== programB.data.channelUuid) return 1; // continue
|
|
if (isVerticalMode) {
|
|
programB.position = switchPosition(programB.position);
|
|
}
|
|
var sinceB = new Date(programB.data.since);
|
|
var tillB = new Date(programB.data.till);
|
|
if (sinceA < tillB && tillA > sinceB || sinceB < tillA && tillB > sinceA) {
|
|
var elementA = overlaps[programA.data.channelUuid];
|
|
var elementB = overlaps[programB.data.channelUuid];
|
|
var isSameChannelUuid = programA.data.channelUuid === programB.data.channelUuid;
|
|
if (elementA && elementB && isSameChannelUuid) {
|
|
programB.data.overlapLinkedId = programA.data.overlapLinkedId;
|
|
var overlapArray = overlaps[programA.data.channelUuid];
|
|
var isElementAExist = overlapArray.some(function (el) {
|
|
return el.data.id === programA.data.id;
|
|
});
|
|
var isElementBExist = overlapArray.some(function (el) {
|
|
return el.data.id === programB.data.id;
|
|
});
|
|
var channelOverlapsLength = overlaps[programA.data.channelUuid].length;
|
|
if (!isElementBExist && channelOverlapsLength === 0) {
|
|
programB.position.top = programA.data.channelPosition.top + programA.position.height;
|
|
overlaps[programA.data.channelUuid] = [programA, programB];
|
|
channelOverlaps[programA.data.channelUuid] = !channelOverlaps[programA.data.channelUuid] ? 2 : channelOverlaps[programA.data.channelUuid];
|
|
} else if (!isElementBExist && channelOverlapsLength > 1) {
|
|
var overlapCount = 0;
|
|
if (!isElementAExist) {
|
|
overlapCount = getOverlapCount(programB, overlapArray);
|
|
programB.data.overlapTimes = overlapCount;
|
|
var _getOverlapProgramOpt = getOverlapProgramOptions$1(programA, overlapArray, channelOverlaps[programA.data.channelUuid]),
|
|
newProgramA = _getOverlapProgramOpt[0],
|
|
_channelOverlapsCount = _getOverlapProgramOpt[1];
|
|
overlapArray.push(newProgramA);
|
|
channelOverlaps[programA.data.channelUuid] = setChannelOverlapCount(programA, _channelOverlapsCount, channelOverlaps);
|
|
}
|
|
overlapCount = getOverlapCount(programB, overlapArray);
|
|
programB.data.overlapTimes = overlapCount;
|
|
var _getOverlapProgramOpt2 = getOverlapProgramOptions$1(programB, overlapArray, channelOverlaps[programA.data.channelUuid]),
|
|
newProgramB = _getOverlapProgramOpt2[0],
|
|
channelOverlapsCount = _getOverlapProgramOpt2[1];
|
|
overlapArray.push(newProgramB);
|
|
channelOverlaps[programA.data.channelUuid] = setChannelOverlapCount(programA, channelOverlapsCount, channelOverlaps);
|
|
} else if (isElementBExist && channelOverlapsLength > 1) {
|
|
var _overlapCount = getOverlapCount(programB, overlapArray);
|
|
programB.data.overlapTimes = _overlapCount;
|
|
var _getOverlapProgramOpt3 = getOverlapProgramOptions$1(programB, overlapArray, channelOverlaps[programA.data.channelUuid]),
|
|
_channelOverlapsCount2 = _getOverlapProgramOpt3[1];
|
|
channelOverlaps[programA.data.channelUuid] = setChannelOverlapCount(programA, _channelOverlapsCount2, channelOverlaps);
|
|
} else if (channelOverlapsLength > 1) {
|
|
overlapArray.push(programB);
|
|
}
|
|
}
|
|
} else if (overlaps[programA.data.channelUuid] && overlaps[programA.data.channelUuid].length === 0) {
|
|
channelOverlaps[programA.data.channelUuid] = 0;
|
|
overlaps[programA.data.channelUuid] = [];
|
|
}
|
|
};
|
|
for (var j = i + 1; j < programs.length; j++) {
|
|
if (_loop2()) continue;
|
|
}
|
|
};
|
|
for (var i = 0; i < programs.length - 1; i++) {
|
|
if (_loop()) continue;
|
|
}
|
|
return {
|
|
overlaps: overlaps,
|
|
channelOverlaps: channelOverlaps
|
|
};
|
|
}
|
|
var getChannelProgramSliced = function getChannelProgramSliced(programs) {
|
|
var acc = new Map();
|
|
for (var _iterator4 = _createForOfIteratorHelperLoose(programs), _step4; !(_step4 = _iterator4()).done;) {
|
|
var next = _step4.value;
|
|
var channelUuid = next.data.channelUuid;
|
|
if (!acc.has(channelUuid)) {
|
|
acc.set(channelUuid, []);
|
|
}
|
|
acc.get(channelUuid).push(next);
|
|
}
|
|
return Object.fromEntries(acc);
|
|
};
|
|
var getChannelEpdIndexesProgramSliced = function getChannelEpdIndexesProgramSliced(programs, overlaps, dndChannelUuidIndex) {
|
|
var acc = {};
|
|
for (var _i = 0, _Object$keys = Object.keys(overlaps); _i < _Object$keys.length; _i++) {
|
|
var _overlaps$next, _overlaps$next2;
|
|
var next = _Object$keys[_i];
|
|
var channelIndex = (_overlaps$next = overlaps[next]) == null || (_overlaps$next = _overlaps$next[0]) == null ? void 0 : _overlaps$next.data.channelIndex;
|
|
var channelUuid = (_overlaps$next2 = overlaps[next]) == null || (_overlaps$next2 = _overlaps$next2[0]) == null ? void 0 : _overlaps$next2.data.channelUuid;
|
|
if (channelIndex !== undefined && channelIndex > dndChannelUuidIndex) {
|
|
var channelEpgIndexes = getChannelEpgIndexes(next);
|
|
var slicedPrograms = programs.slice(channelEpgIndexes.first, channelEpgIndexes.last + 1);
|
|
acc[channelUuid] = slicedPrograms;
|
|
}
|
|
}
|
|
return acc;
|
|
};
|
|
function checkOverlaps(isMultirowsDnd, isVerticalMode, dndChannelUuid, itemOverlaps, programs) {
|
|
var overlaps = _extends({}, itemOverlaps);
|
|
var channelOverlaps = {};
|
|
var data = {};
|
|
var channelEpgIndexes = getChannelEpgIndexes(dndChannelUuid.uuid);
|
|
if (!isMultirowsDnd && channelEpgIndexes) {
|
|
var _extends2;
|
|
var slicedOverlapsPrograms = getChannelEpdIndexesProgramSliced(programs, overlaps, dndChannelUuid.index);
|
|
data = _extends((_extends2 = {}, _extends2[dndChannelUuid.uuid] = programs.slice(channelEpgIndexes.first, channelEpgIndexes.last + 1), _extends2), slicedOverlapsPrograms);
|
|
} else {
|
|
data = getChannelProgramSliced(programs);
|
|
}
|
|
for (var channel in data) {
|
|
var props = getOverlaps(isVerticalMode, itemOverlaps, data[channel]);
|
|
overlaps[channel] = props.overlaps[channel];
|
|
channelOverlaps[channel] = props.channelOverlaps[channel];
|
|
}
|
|
for (var channelUuid in overlaps) {
|
|
var _Object$keys2;
|
|
if (overlaps != null && overlaps[channelUuid] && ((_Object$keys2 = Object.keys(overlaps == null ? void 0 : overlaps[channelUuid])) == null ? void 0 : _Object$keys2.length) === 0) {
|
|
delete overlaps[channelUuid];
|
|
}
|
|
}
|
|
return {
|
|
overlaps: overlaps,
|
|
channelOverlaps: channelOverlaps
|
|
};
|
|
}
|
|
|
|
var getFormattedDndDate = function getFormattedDndDate(newSince, newTill) {
|
|
var timezone = getTimezoneOptionsCache();
|
|
if (timezone.enabled && timezone.mode === TIMEZONE_MODES.UTC_TO_ZONED_TIME) {
|
|
var utcDateSince = zonedDateTimeToUtc(newSince);
|
|
var utcDateTill = zonedDateTimeToUtc(newTill);
|
|
return {
|
|
since: utcDateSince.toISOString(),
|
|
till: utcDateTill.toISOString()
|
|
};
|
|
}
|
|
return {
|
|
since: dateFns.format(newSince, TIME_FORMAT.DEFAULT).replace(" ", "T"),
|
|
till: dateFns.format(newTill, TIME_FORMAT.DEFAULT).replace(" ", "T")
|
|
};
|
|
};
|
|
var getResizeTill = function getResizeTill(_ref) {
|
|
var initialWidth = _ref.initialWidth,
|
|
width = _ref.width,
|
|
hourWidth = _ref.hourWidth;
|
|
if (!initialWidth && !width) return 0;
|
|
var diff = width - initialWidth;
|
|
var diffHours = diff / hourWidth;
|
|
return diffHours * 60;
|
|
};
|
|
var calculateItemDragSinceTill = function calculateItemDragSinceTill(props) {
|
|
var initialPositionLeft = props.initialPositionLeft,
|
|
left = props.left,
|
|
initialWidth = props.initialWidth,
|
|
width = props.width,
|
|
hourWidth = props.hourWidth,
|
|
startDate = props.startDate,
|
|
since = props.since,
|
|
till = props.till;
|
|
var minDiff = 0;
|
|
if (startDate) {
|
|
var startDateTime = new Date(startDate).getTime();
|
|
var sinceTime = new Date(since).getTime();
|
|
if (sinceTime < startDateTime) {
|
|
minDiff = dateFns.differenceInMinutes(new Date(startDate), new Date(since));
|
|
}
|
|
}
|
|
var diff = left - initialPositionLeft;
|
|
var diffHours = diff / hourWidth;
|
|
var tillDiffHours = getResizeTill({
|
|
initialWidth: initialWidth,
|
|
width: width,
|
|
hourWidth: hourWidth
|
|
});
|
|
var newSince = dateFns.addMinutes(new Date(since), diffHours * 60 + minDiff);
|
|
var newTill = dateFns.addMinutes(new Date(till), diffHours * 60 + tillDiffHours + minDiff);
|
|
return getFormattedDndDate(newSince, newTill);
|
|
};
|
|
var getDefaultDragProps = function getDefaultDragProps(positionLeft) {
|
|
return {
|
|
currentPositionX: positionLeft,
|
|
dndEvents: {
|
|
isDragging: false
|
|
}
|
|
};
|
|
};
|
|
|
|
var getConvertedGridItems = function getConvertedGridItems(_ref) {
|
|
var isVerticalMode = _ref.isVerticalMode,
|
|
channels = _ref.channels,
|
|
dayWidth = _ref.dayWidth,
|
|
hourWidth = _ref.hourWidth,
|
|
timelineHeight = _ref.timelineHeight,
|
|
sidebarWidth = _ref.sidebarWidth,
|
|
mode = _ref.mode,
|
|
dayWidthResources = _ref.dayWidthResources,
|
|
daysResources = _ref.daysResources;
|
|
var isMonthMode = mode.type === "month";
|
|
var numberOfSlots = function numberOfSlots() {
|
|
if (mode.type === "day") return dayWidthResources.numberOfHoursInDay;
|
|
if (mode.type === "week") return daysResources.numberOfDays;
|
|
return dayWidthResources.numberOfMonths;
|
|
};
|
|
var monthsWidth = function monthsWidth() {
|
|
return getTimelineMonthsWidth({
|
|
months: daysResources.months,
|
|
weekDayWidth: hourWidth * HOURS_IN_DAY
|
|
});
|
|
};
|
|
var getGridItemPosition = function getGridItemPosition(channel, index) {
|
|
var width = 0;
|
|
var left = 0;
|
|
if (isMonthMode) {
|
|
width = monthsWidth()[index].width;
|
|
left = monthsWidth()[index].left;
|
|
} else {
|
|
width = dayWidth / numberOfSlots();
|
|
left = width * index;
|
|
}
|
|
var position = {
|
|
top: channel.position.top,
|
|
left: left,
|
|
width: width,
|
|
height: channel.position.height,
|
|
edgeEnd: left + width
|
|
};
|
|
if (isVerticalMode) {
|
|
position = _extends({}, position, {
|
|
left: position.top + timelineHeight,
|
|
top: position.left + sidebarWidth,
|
|
width: position.height,
|
|
height: position.width
|
|
});
|
|
} else {
|
|
position = _extends({}, position, {
|
|
top: position.top + timelineHeight,
|
|
left: left + sidebarWidth,
|
|
width: width,
|
|
height: position.height
|
|
});
|
|
}
|
|
return {
|
|
position: position,
|
|
channel: channel
|
|
};
|
|
};
|
|
return channels.flatMap(function (channel) {
|
|
return generateArray(numberOfSlots()).map(function (_, index) {
|
|
return getGridItemPosition(channel, index);
|
|
});
|
|
});
|
|
};
|
|
var getClickGridItemData = function getClickGridItemData(_ref2) {
|
|
var _ref2$isDrop = _ref2.isDrop,
|
|
isDrop = _ref2$isDrop === void 0 ? false : _ref2$isDrop,
|
|
isVerticalMode = _ref2.isVerticalMode,
|
|
isBaseTimeFormat = _ref2.isBaseTimeFormat,
|
|
index = _ref2.index,
|
|
item = _ref2.item,
|
|
grid = _ref2.grid,
|
|
mode = _ref2.mode,
|
|
dayWidth = _ref2.dayWidth,
|
|
hourWidth = _ref2.hourWidth,
|
|
sidebarWidth = _ref2.sidebarWidth,
|
|
days = _ref2.days,
|
|
hoursInDays = _ref2.hoursInDays,
|
|
months = _ref2.months,
|
|
numberOfDays = _ref2.numberOfDays,
|
|
numberOfHoursInDay = _ref2.numberOfHoursInDay,
|
|
numberOfMonths = _ref2.numberOfMonths,
|
|
offsetStartHoursRange = _ref2.offsetStartHoursRange,
|
|
timelineDividers = _ref2.timelineDividers,
|
|
dataAttributes = _ref2.dataAttributes;
|
|
var position = item.position,
|
|
channel = item.channel;
|
|
var isDayMode = mode.type === "day";
|
|
var newPosition = {};
|
|
if (isVerticalMode) {
|
|
newPosition = _extends({}, position, {
|
|
top: position.left,
|
|
left: position.top - sidebarWidth,
|
|
edgeEnd: position.left + hourWidth - sidebarWidth
|
|
});
|
|
} else {
|
|
newPosition = _extends({}, position, {
|
|
top: position.top,
|
|
left: position.left - sidebarWidth,
|
|
edgeEnd: position.edgeEnd - sidebarWidth
|
|
});
|
|
}
|
|
var options = {
|
|
isBaseTimeFormat: isBaseTimeFormat,
|
|
days: days,
|
|
hoursInDays: hoursInDays,
|
|
months: months,
|
|
numberOfDays: numberOfDays,
|
|
numberOfHoursInDay: numberOfHoursInDay,
|
|
numberOfMonths: numberOfMonths,
|
|
offsetStartHoursRange: offsetStartHoursRange
|
|
};
|
|
var timeSlots = generateTimelineSlots(mode.type, options);
|
|
var left = isDayMode ? newPosition.left + index * (hourWidth / timelineDividers) : newPosition.left;
|
|
var edgeEnd = isDayMode ? left + hourWidth / timelineDividers : newPosition.edgeEnd;
|
|
var itemClickProps = {
|
|
since: "00:00:00",
|
|
till: "00:00:00",
|
|
date: "",
|
|
channelUuid: channel.uuid
|
|
};
|
|
if (isDayMode) {
|
|
var gridItemProps = getDividerGridProps({
|
|
left: left,
|
|
edgeEnd: edgeEnd,
|
|
timeSlots: timeSlots,
|
|
channel: channel,
|
|
days: days,
|
|
dayWidth: dayWidth,
|
|
hourWidth: hourWidth,
|
|
index: index
|
|
});
|
|
isDrop ? grid.onGridItemDrop == null ? void 0 : grid.onGridItemDrop(_extends({}, gridItemProps, dataAttributes)) : grid.onGridItemClick == null ? void 0 : grid.onGridItemClick(gridItemProps);
|
|
}
|
|
if (mode.type === "week") {
|
|
var _index = Math.floor(left / (hourWidth * 24));
|
|
var _options = _extends({}, itemClickProps, {
|
|
date: timeSlots[_index]
|
|
});
|
|
isDrop ? grid.onGridItemDrop == null ? void 0 : grid.onGridItemDrop(_extends({}, _options, dataAttributes)) : grid.onGridItemClick == null ? void 0 : grid.onGridItemClick(_options);
|
|
}
|
|
if (mode.type === "month") {
|
|
var _index2 = Math.floor(left / (hourWidth * 24 * 30));
|
|
var _options2 = _extends({}, itemClickProps, {
|
|
date: timeSlots[_index2]
|
|
});
|
|
isDrop ? grid.onGridItemDrop == null ? void 0 : grid.onGridItemDrop(_extends({}, _options2, dataAttributes)) : grid.onGridItemClick == null ? void 0 : grid.onGridItemClick(_options2);
|
|
}
|
|
};
|
|
var getDividerGridProps = function getDividerGridProps(_ref3) {
|
|
var left = _ref3.left,
|
|
edgeEnd = _ref3.edgeEnd,
|
|
timeSlots = _ref3.timeSlots,
|
|
channel = _ref3.channel,
|
|
days = _ref3.days,
|
|
hourWidth = _ref3.hourWidth,
|
|
dayWidth = _ref3.dayWidth,
|
|
index = _ref3.index;
|
|
var since = "";
|
|
var till = "";
|
|
var dayTimeSlots = timeSlots.map(function (time) {
|
|
return typeof time === "number" ? time : 0;
|
|
});
|
|
var sinceTimeInHours = Math.floor(left / hourWidth); // Assuming 4 hours per hourWidth
|
|
var tillTimeInHours = Math.floor(edgeEnd / hourWidth); // Assuming 4 hours per hourWidth
|
|
var getTime = function getTime(index) {
|
|
return dayTimeSlots[index] < 10 ? "0" + dayTimeSlots[index] : dayTimeSlots[index];
|
|
};
|
|
var newSince = getTime(sinceTimeInHours);
|
|
var newTill = getTime(tillTimeInHours);
|
|
var newSinceMin = index === 0 ? "00" : index * 15;
|
|
var newTillMin = index + 1 === 0 ? "00" : (index + 1) * 15;
|
|
since = newSince + ":" + newSinceMin + ":00";
|
|
till = newTill + ":" + newTillMin + ":00";
|
|
if (newTillMin === 60) {
|
|
var newNextTill = dayTimeSlots[sinceTimeInHours + 1] < 10 ? "0" + dayTimeSlots[sinceTimeInHours + 1] : dayTimeSlots[tillTimeInHours];
|
|
till = newTill ? newNextTill + ":00:00 " : "00:00:00";
|
|
}
|
|
var singleDayWidth = dayWidth / (days.length - 1);
|
|
var dayIndex = Math.floor(left / singleDayWidth);
|
|
var options = {
|
|
since: since,
|
|
till: till,
|
|
date: days[dayIndex],
|
|
channelUuid: channel.uuid
|
|
};
|
|
return options;
|
|
};
|
|
|
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
var Container = /*#__PURE__*/_styled("div", {
|
|
target: "e1mhijim5",
|
|
label: "Container"
|
|
})("padding:5px;height:", function (_ref) {
|
|
var height = _ref.height;
|
|
return height ? height + "px" : "100%";
|
|
}, ";width:", function (_ref2) {
|
|
var width = _ref2.width;
|
|
return width ? width + "px" : "100%";
|
|
}, ";*,::before,::after{box-sizing:border-box;}" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVwZy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9DIiwiZmlsZSI6IkVwZy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuICBwYWRkaW5nOiA1cHg7XG4gIGhlaWdodDogJHsoeyBoZWlnaHQgfSkgPT4gKGhlaWdodCA/IGAke2hlaWdodH1weGAgOiBcIjEwMCVcIil9O1xuICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiAod2lkdGggPyBgJHt3aWR0aH1weGAgOiBcIjEwMCVcIil9O1xuXG4gICosXG4gIDo6YmVmb3JlLFxuICA6OmFmdGVyIHtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6IDZweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmA7XHJcbmV4cG9ydCBjb25zdCBTY3JvbGxCb3ggPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbiAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeVs5MDBdfTtcblxuICAkeyh7IGlzUlRMIH0pID0+IGlzUlRMICYmIGB0cmFuc2Zvcm06IHNjYWxlKC0xLDEpYH07XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgd2lkdGg6IDEwcHg7XG4gICAgaGVpZ2h0OiAxMHB4O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zY3JvbGxiYXIudGh1bWIuYmd9O1xuICAgIGJvcmRlcjogMTBweCBub25lICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUud2hpdGV9O1xuICAgIGJvcmRlci1yYWRpdXM6IDIwcHg7XG4gIH1cbiAgOjotd2Via2l0LXNjcm9sbGJhci10aHVtYjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS53aGl0ZX07XG4gIH1cblxuICA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnlbOTAwXX07XG4gICAgYm9yZGVyOiAyMnB4IG5vbmUgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS53aGl0ZX07XG4gICAgYm9yZGVyLXJhZGl1czogMHB4O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci1jb3JuZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeVs5MDBdfTtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IEJveCA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogJHsoeyB0b3AgPSAwIH0pID0+IHRvcH1weDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wcmltYXJ5WzkwMF19O1xuICB6LWluZGV4OiAke0xheWVycy5FcGdDb3JuZXJCb3h9O1xuXG4gICR7KHsgaXNSVEwsIGxlZnQgPSAwIH0pID0+IChpc1JUTCA/IGByaWdodDowcHg7YCA6IGAgbGVmdDogJHtsZWZ0fXB4YCl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsZWZ0OiAkeyh7IGlzU2lkZWJhciwgc2lkZWJhcldpZHRoIH0pID0+IChpc1NpZGViYXIgPyBzaWRlYmFyV2lkdGggOiAwKX1weDtcbiAgaGVpZ2h0OiAkeyh7IGNvbnRlbnRIZWlnaHQgfSkgPT4gY29udGVudEhlaWdodH1weDtcbiAgd2lkdGg6ICR7KHsgZGF5V2lkdGggfSkgPT4gZGF5V2lkdGh9cHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeVs5MDBdfTtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1RpbWVsaW5lLCBkYXlXaWR0aCwgdGltZWxpbmVIZWlnaHQsIGNvbnRlbnRIZWlnaHQgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGBcbiAgICAgIGxlZnQ6ICR7aXNUaW1lbGluZSA/IHRpbWVsaW5lSGVpZ2h0IDogMH1weDtcbiAgICAgIHdpZHRoOiAke2NvbnRlbnRIZWlnaHR9cHg7XG4gICAgICBoZWlnaHQ6ICR7ZGF5V2lkdGh9cHg7XG4gICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBMYXlvdXRCZyA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogJHsoeyBpc1RpbWVsaW5lLCB0aW1lbGluZUhlaWdodCB9KSA9PiBpc1RpbWVsaW5lID8gdGltZWxpbmVIZWlnaHQgOiAwfXB4O1xuICBsZWZ0OiAkeyh7IGlzU2lkZWJhciwgc2lkZWJhcldpZHRoIH0pID0+IChpc1NpZGViYXIgPyBzaWRlYmFyV2lkdGggOiAwKX1weDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogJHsoeyBkYXlXaWR0aCB9KSA9PiBkYXlXaWR0aH1weDtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1RpbWVsaW5lLCBpc1NpZGViYXIsIGRheVdpZHRoLCB0aW1lbGluZUhlaWdodCwgc2lkZWJhcldpZHRoLCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgYFxuICAgICB0b3A6ICR7aXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMH1weDtcbiAgICAgbGVmdDogJHtpc1RpbWVsaW5lID8gdGltZWxpbmVIZWlnaHQgOiAwfXB4O1xuICAgICB3aWR0aDogMTAwJTtcbiAgICAgaGVpZ2h0OiAke2RheVdpZHRofXB4O1xuICAgIGB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1FcGcuc3R5bGVzLmpzLm1hcCJdfQ== */"));
|
|
var Wrapper = /*#__PURE__*/_styled("div", {
|
|
target: "e1mhijim4",
|
|
label: "Wrapper"
|
|
})( {
|
|
name: "qjsha7",
|
|
styles: "height:100%;width:100%;display:flex;flex-direction:column;position:relative;border-radius:6px;overflow:hidden",
|
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVwZy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWtDIiwiZmlsZSI6IkVwZy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuICBwYWRkaW5nOiA1cHg7XG4gIGhlaWdodDogJHsoeyBoZWlnaHQgfSkgPT4gKGhlaWdodCA/IGAke2hlaWdodH1weGAgOiBcIjEwMCVcIil9O1xuICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiAod2lkdGggPyBgJHt3aWR0aH1weGAgOiBcIjEwMCVcIil9O1xuXG4gICosXG4gIDo6YmVmb3JlLFxuICA6OmFmdGVyIHtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6IDZweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmA7XHJcbmV4cG9ydCBjb25zdCBTY3JvbGxCb3ggPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbiAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeVs5MDBdfTtcblxuICAkeyh7IGlzUlRMIH0pID0+IGlzUlRMICYmIGB0cmFuc2Zvcm06IHNjYWxlKC0xLDEpYH07XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgd2lkdGg6IDEwcHg7XG4gICAgaGVpZ2h0OiAxMHB4O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zY3JvbGxiYXIudGh1bWIuYmd9O1xuICAgIGJvcmRlcjogMTBweCBub25lICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUud2hpdGV9O1xuICAgIGJvcmRlci1yYWRpdXM6IDIwcHg7XG4gIH1cbiAgOjotd2Via2l0LXNjcm9sbGJhci10aHVtYjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS53aGl0ZX07XG4gIH1cblxuICA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnlbOTAwXX07XG4gICAgYm9yZGVyOiAyMnB4IG5vbmUgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS53aGl0ZX07XG4gICAgYm9yZGVyLXJhZGl1czogMHB4O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci1jb3JuZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeVs5MDBdfTtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IEJveCA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogJHsoeyB0b3AgPSAwIH0pID0+IHRvcH1weDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wcmltYXJ5WzkwMF19O1xuICB6LWluZGV4OiAke0xheWVycy5FcGdDb3JuZXJCb3h9O1xuXG4gICR7KHsgaXNSVEwsIGxlZnQgPSAwIH0pID0+IChpc1JUTCA/IGByaWdodDowcHg7YCA6IGAgbGVmdDogJHtsZWZ0fXB4YCl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsZWZ0OiAkeyh7IGlzU2lkZWJhciwgc2lkZWJhcldpZHRoIH0pID0+IChpc1NpZGViYXIgPyBzaWRlYmFyV2lkdGggOiAwKX1weDtcbiAgaGVpZ2h0OiAkeyh7IGNvbnRlbnRIZWlnaHQgfSkgPT4gY29udGVudEhlaWdodH1weDtcbiAgd2lkdGg6ICR7KHsgZGF5V2lkdGggfSkgPT4gZGF5V2lkdGh9cHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeVs5MDBdfTtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1RpbWVsaW5lLCBkYXlXaWR0aCwgdGltZWxpbmVIZWlnaHQsIGNvbnRlbnRIZWlnaHQgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGBcbiAgICAgIGxlZnQ6ICR7aXNUaW1lbGluZSA/IHRpbWVsaW5lSGVpZ2h0IDogMH1weDtcbiAgICAgIHdpZHRoOiAke2NvbnRlbnRIZWlnaHR9cHg7XG4gICAgICBoZWlnaHQ6ICR7ZGF5V2lkdGh9cHg7XG4gICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBMYXlvdXRCZyA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogJHsoeyBpc1RpbWVsaW5lLCB0aW1lbGluZUhlaWdodCB9KSA9PiBpc1RpbWVsaW5lID8gdGltZWxpbmVIZWlnaHQgOiAwfXB4O1xuICBsZWZ0OiAkeyh7IGlzU2lkZWJhciwgc2lkZWJhcldpZHRoIH0pID0+IChpc1NpZGViYXIgPyBzaWRlYmFyV2lkdGggOiAwKX1weDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogJHsoeyBkYXlXaWR0aCB9KSA9PiBkYXlXaWR0aH1weDtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1RpbWVsaW5lLCBpc1NpZGViYXIsIGRheVdpZHRoLCB0aW1lbGluZUhlaWdodCwgc2lkZWJhcldpZHRoLCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgYFxuICAgICB0b3A6ICR7aXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMH1weDtcbiAgICAgbGVmdDogJHtpc1RpbWVsaW5lID8gdGltZWxpbmVIZWlnaHQgOiAwfXB4O1xuICAgICB3aWR0aDogMTAwJTtcbiAgICAgaGVpZ2h0OiAke2RheVdpZHRofXB4O1xuICAgIGB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1FcGcuc3R5bGVzLmpzLm1hcCJdfQ== */",
|
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
});
|
|
var ScrollBox = /*#__PURE__*/_styled("div", {
|
|
target: "e1mhijim3",
|
|
label: "ScrollBox"
|
|
})("position:relative;height:100%;width:100%;overflow:auto;scroll-behavior:smooth;background:", function (_ref3) {
|
|
var theme = _ref3.theme;
|
|
return theme.primary[900];
|
|
}, ";", function (_ref4) {
|
|
var isRTL = _ref4.isRTL;
|
|
return isRTL && "transform: scale(-1,1)";
|
|
}, ";::-webkit-scrollbar{width:10px;height:10px;}::-webkit-scrollbar-thumb{background:", function (_ref5) {
|
|
var theme = _ref5.theme;
|
|
return theme.scrollbar.thumb.bg;
|
|
}, ";border:10px none ", function (_ref6) {
|
|
var theme = _ref6.theme;
|
|
return theme.white;
|
|
}, ";border-radius:20px;}::-webkit-scrollbar-thumb:hover{background:", function (_ref7) {
|
|
var theme = _ref7.theme;
|
|
return theme.white;
|
|
}, ";}::-webkit-scrollbar-track{background:", function (_ref8) {
|
|
var theme = _ref8.theme;
|
|
return theme.primary[900];
|
|
}, ";border:22px none ", function (_ref9) {
|
|
var theme = _ref9.theme;
|
|
return theme.white;
|
|
}, ";border-radius:0px;}::-webkit-scrollbar-corner{background:", function (_ref10) {
|
|
var theme = _ref10.theme;
|
|
return theme.primary[900];
|
|
}, ";}" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVwZy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JvQyIsImZpbGUiOiJFcGcuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkL21hY3JvXCI7XHJcbmltcG9ydCB7IExheWVycyB9IGZyb20gXCIuLi9oZWxwZXJzXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcbiAgcGFkZGluZzogNXB4O1xuICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IChoZWlnaHQgPyBgJHtoZWlnaHR9cHhgIDogXCIxMDAlXCIpfTtcbiAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gKHdpZHRoID8gYCR7d2lkdGh9cHhgIDogXCIxMDAlXCIpfTtcblxuICAqLFxuICA6OmJlZm9yZSxcbiAgOjphZnRlciB7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXItcmFkaXVzOiA2cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5leHBvcnQgY29uc3QgU2Nyb2xsQm94ID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnlbOTAwXX07XG5cbiAgJHsoeyBpc1JUTCB9KSA9PiBpc1JUTCAmJiBgdHJhbnNmb3JtOiBzY2FsZSgtMSwxKWB9O1xuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgIHdpZHRoOiAxMHB4O1xuICAgIGhlaWdodDogMTBweDtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2Nyb2xsYmFyLnRodW1iLmJnfTtcbiAgICBib3JkZXI6IDEwcHggbm9uZSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLndoaXRlfTtcbiAgICBib3JkZXItcmFkaXVzOiAyMHB4O1xuICB9XG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWI6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUud2hpdGV9O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wcmltYXJ5WzkwMF19O1xuICAgIGJvcmRlcjogMjJweCBub25lICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUud2hpdGV9O1xuICAgIGJvcmRlci1yYWRpdXM6IDBweDtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItY29ybmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnlbOTAwXX07XG4gIH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCb3ggPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7KHsgdG9wID0gMCB9KSA9PiB0b3B9cHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeVs5MDBdfTtcbiAgei1pbmRleDogJHtMYXllcnMuRXBnQ29ybmVyQm94fTtcblxuICAkeyh7IGlzUlRMLCBsZWZ0ID0gMCB9KSA9PiAoaXNSVEwgPyBgcmlnaHQ6MHB4O2AgOiBgIGxlZnQ6ICR7bGVmdH1weGApfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbGVmdDogJHsoeyBpc1NpZGViYXIsIHNpZGViYXJXaWR0aCB9KSA9PiAoaXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMCl9cHg7XG4gIGhlaWdodDogJHsoeyBjb250ZW50SGVpZ2h0IH0pID0+IGNvbnRlbnRIZWlnaHR9cHg7XG4gIHdpZHRoOiAkeyh7IGRheVdpZHRoIH0pID0+IGRheVdpZHRofXB4O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnlbOTAwXX07XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNUaW1lbGluZSwgZGF5V2lkdGgsIHRpbWVsaW5lSGVpZ2h0LCBjb250ZW50SGVpZ2h0IH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBgXG4gICAgICBsZWZ0OiAke2lzVGltZWxpbmUgPyB0aW1lbGluZUhlaWdodCA6IDB9cHg7XG4gICAgICB3aWR0aDogJHtjb250ZW50SGVpZ2h0fXB4O1xuICAgICAgaGVpZ2h0OiAke2RheVdpZHRofXB4O1xuICAgIGB9XG5gO1xyXG5leHBvcnQgY29uc3QgTGF5b3V0QmcgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7KHsgaXNUaW1lbGluZSwgdGltZWxpbmVIZWlnaHQgfSkgPT4gaXNUaW1lbGluZSA/IHRpbWVsaW5lSGVpZ2h0IDogMH1weDtcbiAgbGVmdDogJHsoeyBpc1NpZGViYXIsIHNpZGViYXJXaWR0aCB9KSA9PiAoaXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMCl9cHg7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6ICR7KHsgZGF5V2lkdGggfSkgPT4gZGF5V2lkdGh9cHg7XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNUaW1lbGluZSwgaXNTaWRlYmFyLCBkYXlXaWR0aCwgdGltZWxpbmVIZWlnaHQsIHNpZGViYXJXaWR0aCwgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGBcbiAgICAgdG9wOiAke2lzU2lkZWJhciA/IHNpZGViYXJXaWR0aCA6IDB9cHg7XG4gICAgIGxlZnQ6ICR7aXNUaW1lbGluZSA/IHRpbWVsaW5lSGVpZ2h0IDogMH1weDtcbiAgICAgd2lkdGg6IDEwMCU7XG4gICAgIGhlaWdodDogJHtkYXlXaWR0aH1weDtcbiAgICBgfVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RXBnLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
var Box = /*#__PURE__*/_styled("div", {
|
|
target: "e1mhijim2",
|
|
label: "Box"
|
|
})("position:absolute;top:", function (_ref11) {
|
|
var _ref11$top = _ref11.top,
|
|
top = _ref11$top === void 0 ? 0 : _ref11$top;
|
|
return top;
|
|
}, "px;background:", function (_ref12) {
|
|
var theme = _ref12.theme;
|
|
return theme.primary[900];
|
|
}, ";z-index:", Layers.EpgCornerBox, ";", function (_ref13) {
|
|
var isRTL = _ref13.isRTL,
|
|
_ref13$left = _ref13.left,
|
|
left = _ref13$left === void 0 ? 0 : _ref13$left;
|
|
return isRTL ? "right:0px;" : " left: " + left + "px";
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVwZy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0Q4QiIsImZpbGUiOiJFcGcuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkL21hY3JvXCI7XHJcbmltcG9ydCB7IExheWVycyB9IGZyb20gXCIuLi9oZWxwZXJzXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcbiAgcGFkZGluZzogNXB4O1xuICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IChoZWlnaHQgPyBgJHtoZWlnaHR9cHhgIDogXCIxMDAlXCIpfTtcbiAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gKHdpZHRoID8gYCR7d2lkdGh9cHhgIDogXCIxMDAlXCIpfTtcblxuICAqLFxuICA6OmJlZm9yZSxcbiAgOjphZnRlciB7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXItcmFkaXVzOiA2cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5leHBvcnQgY29uc3QgU2Nyb2xsQm94ID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnlbOTAwXX07XG5cbiAgJHsoeyBpc1JUTCB9KSA9PiBpc1JUTCAmJiBgdHJhbnNmb3JtOiBzY2FsZSgtMSwxKWB9O1xuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgIHdpZHRoOiAxMHB4O1xuICAgIGhlaWdodDogMTBweDtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2Nyb2xsYmFyLnRodW1iLmJnfTtcbiAgICBib3JkZXI6IDEwcHggbm9uZSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLndoaXRlfTtcbiAgICBib3JkZXItcmFkaXVzOiAyMHB4O1xuICB9XG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWI6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUud2hpdGV9O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wcmltYXJ5WzkwMF19O1xuICAgIGJvcmRlcjogMjJweCBub25lICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUud2hpdGV9O1xuICAgIGJvcmRlci1yYWRpdXM6IDBweDtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItY29ybmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnlbOTAwXX07XG4gIH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCb3ggPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7KHsgdG9wID0gMCB9KSA9PiB0b3B9cHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeVs5MDBdfTtcbiAgei1pbmRleDogJHtMYXllcnMuRXBnQ29ybmVyQm94fTtcblxuICAkeyh7IGlzUlRMLCBsZWZ0ID0gMCB9KSA9PiAoaXNSVEwgPyBgcmlnaHQ6MHB4O2AgOiBgIGxlZnQ6ICR7bGVmdH1weGApfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbGVmdDogJHsoeyBpc1NpZGViYXIsIHNpZGViYXJXaWR0aCB9KSA9PiAoaXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMCl9cHg7XG4gIGhlaWdodDogJHsoeyBjb250ZW50SGVpZ2h0IH0pID0+IGNvbnRlbnRIZWlnaHR9cHg7XG4gIHdpZHRoOiAkeyh7IGRheVdpZHRoIH0pID0+IGRheVdpZHRofXB4O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnlbOTAwXX07XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNUaW1lbGluZSwgZGF5V2lkdGgsIHRpbWVsaW5lSGVpZ2h0LCBjb250ZW50SGVpZ2h0IH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBgXG4gICAgICBsZWZ0OiAke2lzVGltZWxpbmUgPyB0aW1lbGluZUhlaWdodCA6IDB9cHg7XG4gICAgICB3aWR0aDogJHtjb250ZW50SGVpZ2h0fXB4O1xuICAgICAgaGVpZ2h0OiAke2RheVdpZHRofXB4O1xuICAgIGB9XG5gO1xyXG5leHBvcnQgY29uc3QgTGF5b3V0QmcgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7KHsgaXNUaW1lbGluZSwgdGltZWxpbmVIZWlnaHQgfSkgPT4gaXNUaW1lbGluZSA/IHRpbWVsaW5lSGVpZ2h0IDogMH1weDtcbiAgbGVmdDogJHsoeyBpc1NpZGViYXIsIHNpZGViYXJXaWR0aCB9KSA9PiAoaXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMCl9cHg7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6ICR7KHsgZGF5V2lkdGggfSkgPT4gZGF5V2lkdGh9cHg7XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNUaW1lbGluZSwgaXNTaWRlYmFyLCBkYXlXaWR0aCwgdGltZWxpbmVIZWlnaHQsIHNpZGViYXJXaWR0aCwgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGBcbiAgICAgdG9wOiAke2lzU2lkZWJhciA/IHNpZGViYXJXaWR0aCA6IDB9cHg7XG4gICAgIGxlZnQ6ICR7aXNUaW1lbGluZSA/IHRpbWVsaW5lSGVpZ2h0IDogMH1weDtcbiAgICAgd2lkdGg6IDEwMCU7XG4gICAgIGhlaWdodDogJHtkYXlXaWR0aH1weDtcbiAgICBgfVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RXBnLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
var Content = /*#__PURE__*/_styled("div", {
|
|
target: "e1mhijim1",
|
|
label: "Content"
|
|
})("position:relative;left:", function (_ref14) {
|
|
var isSidebar = _ref14.isSidebar,
|
|
sidebarWidth = _ref14.sidebarWidth;
|
|
return isSidebar ? sidebarWidth : 0;
|
|
}, "px;height:", function (_ref15) {
|
|
var contentHeight = _ref15.contentHeight;
|
|
return contentHeight;
|
|
}, "px;width:", function (_ref16) {
|
|
var dayWidth = _ref16.dayWidth;
|
|
return dayWidth;
|
|
}, "px;background:", function (_ref17) {
|
|
var theme = _ref17.theme;
|
|
return theme.primary[900];
|
|
}, ";", function (_ref18) {
|
|
var isVerticalMode = _ref18.isVerticalMode,
|
|
isTimeline = _ref18.isTimeline,
|
|
dayWidth = _ref18.dayWidth,
|
|
timelineHeight = _ref18.timelineHeight,
|
|
contentHeight = _ref18.contentHeight;
|
|
return isVerticalMode && "\n left: " + (isTimeline ? timelineHeight : 0) + "px;\n width: " + contentHeight + "px;\n height: " + dayWidth + "px;\n ";
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVwZy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VrQyIsImZpbGUiOiJFcGcuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkL21hY3JvXCI7XHJcbmltcG9ydCB7IExheWVycyB9IGZyb20gXCIuLi9oZWxwZXJzXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcbiAgcGFkZGluZzogNXB4O1xuICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IChoZWlnaHQgPyBgJHtoZWlnaHR9cHhgIDogXCIxMDAlXCIpfTtcbiAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gKHdpZHRoID8gYCR7d2lkdGh9cHhgIDogXCIxMDAlXCIpfTtcblxuICAqLFxuICA6OmJlZm9yZSxcbiAgOjphZnRlciB7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXItcmFkaXVzOiA2cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5leHBvcnQgY29uc3QgU2Nyb2xsQm94ID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnlbOTAwXX07XG5cbiAgJHsoeyBpc1JUTCB9KSA9PiBpc1JUTCAmJiBgdHJhbnNmb3JtOiBzY2FsZSgtMSwxKWB9O1xuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgIHdpZHRoOiAxMHB4O1xuICAgIGhlaWdodDogMTBweDtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2Nyb2xsYmFyLnRodW1iLmJnfTtcbiAgICBib3JkZXI6IDEwcHggbm9uZSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLndoaXRlfTtcbiAgICBib3JkZXItcmFkaXVzOiAyMHB4O1xuICB9XG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWI6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUud2hpdGV9O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wcmltYXJ5WzkwMF19O1xuICAgIGJvcmRlcjogMjJweCBub25lICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUud2hpdGV9O1xuICAgIGJvcmRlci1yYWRpdXM6IDBweDtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItY29ybmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnlbOTAwXX07XG4gIH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCb3ggPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7KHsgdG9wID0gMCB9KSA9PiB0b3B9cHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeVs5MDBdfTtcbiAgei1pbmRleDogJHtMYXllcnMuRXBnQ29ybmVyQm94fTtcblxuICAkeyh7IGlzUlRMLCBsZWZ0ID0gMCB9KSA9PiAoaXNSVEwgPyBgcmlnaHQ6MHB4O2AgOiBgIGxlZnQ6ICR7bGVmdH1weGApfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbGVmdDogJHsoeyBpc1NpZGViYXIsIHNpZGViYXJXaWR0aCB9KSA9PiAoaXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMCl9cHg7XG4gIGhlaWdodDogJHsoeyBjb250ZW50SGVpZ2h0IH0pID0+IGNvbnRlbnRIZWlnaHR9cHg7XG4gIHdpZHRoOiAkeyh7IGRheVdpZHRoIH0pID0+IGRheVdpZHRofXB4O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnlbOTAwXX07XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNUaW1lbGluZSwgZGF5V2lkdGgsIHRpbWVsaW5lSGVpZ2h0LCBjb250ZW50SGVpZ2h0IH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBgXG4gICAgICBsZWZ0OiAke2lzVGltZWxpbmUgPyB0aW1lbGluZUhlaWdodCA6IDB9cHg7XG4gICAgICB3aWR0aDogJHtjb250ZW50SGVpZ2h0fXB4O1xuICAgICAgaGVpZ2h0OiAke2RheVdpZHRofXB4O1xuICAgIGB9XG5gO1xyXG5leHBvcnQgY29uc3QgTGF5b3V0QmcgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7KHsgaXNUaW1lbGluZSwgdGltZWxpbmVIZWlnaHQgfSkgPT4gaXNUaW1lbGluZSA/IHRpbWVsaW5lSGVpZ2h0IDogMH1weDtcbiAgbGVmdDogJHsoeyBpc1NpZGViYXIsIHNpZGViYXJXaWR0aCB9KSA9PiAoaXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMCl9cHg7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6ICR7KHsgZGF5V2lkdGggfSkgPT4gZGF5V2lkdGh9cHg7XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNUaW1lbGluZSwgaXNTaWRlYmFyLCBkYXlXaWR0aCwgdGltZWxpbmVIZWlnaHQsIHNpZGViYXJXaWR0aCwgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGBcbiAgICAgdG9wOiAke2lzU2lkZWJhciA/IHNpZGViYXJXaWR0aCA6IDB9cHg7XG4gICAgIGxlZnQ6ICR7aXNUaW1lbGluZSA/IHRpbWVsaW5lSGVpZ2h0IDogMH1weDtcbiAgICAgd2lkdGg6IDEwMCU7XG4gICAgIGhlaWdodDogJHtkYXlXaWR0aH1weDtcbiAgICBgfVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RXBnLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
var LayoutBg = /*#__PURE__*/_styled("div", {
|
|
target: "e1mhijim0",
|
|
label: "LayoutBg"
|
|
})("position:absolute;top:", function (_ref19) {
|
|
var isTimeline = _ref19.isTimeline,
|
|
timelineHeight = _ref19.timelineHeight;
|
|
return isTimeline ? timelineHeight : 0;
|
|
}, "px;left:", function (_ref20) {
|
|
var isSidebar = _ref20.isSidebar,
|
|
sidebarWidth = _ref20.sidebarWidth;
|
|
return isSidebar ? sidebarWidth : 0;
|
|
}, "px;height:100%;width:", function (_ref21) {
|
|
var dayWidth = _ref21.dayWidth;
|
|
return dayWidth;
|
|
}, "px;", function (_ref22) {
|
|
var isVerticalMode = _ref22.isVerticalMode,
|
|
isTimeline = _ref22.isTimeline,
|
|
isSidebar = _ref22.isSidebar,
|
|
dayWidth = _ref22.dayWidth,
|
|
timelineHeight = _ref22.timelineHeight,
|
|
sidebarWidth = _ref22.sidebarWidth;
|
|
return isVerticalMode && "\n top: " + (isSidebar ? sidebarWidth : 0) + "px;\n left: " + (isTimeline ? timelineHeight : 0) + "px;\n width: 100%;\n height: " + dayWidth + "px;\n ";
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVwZy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEVtQyIsImZpbGUiOiJFcGcuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkL21hY3JvXCI7XHJcbmltcG9ydCB7IExheWVycyB9IGZyb20gXCIuLi9oZWxwZXJzXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcbiAgcGFkZGluZzogNXB4O1xuICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IChoZWlnaHQgPyBgJHtoZWlnaHR9cHhgIDogXCIxMDAlXCIpfTtcbiAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gKHdpZHRoID8gYCR7d2lkdGh9cHhgIDogXCIxMDAlXCIpfTtcblxuICAqLFxuICA6OmJlZm9yZSxcbiAgOjphZnRlciB7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXItcmFkaXVzOiA2cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5leHBvcnQgY29uc3QgU2Nyb2xsQm94ID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnlbOTAwXX07XG5cbiAgJHsoeyBpc1JUTCB9KSA9PiBpc1JUTCAmJiBgdHJhbnNmb3JtOiBzY2FsZSgtMSwxKWB9O1xuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgIHdpZHRoOiAxMHB4O1xuICAgIGhlaWdodDogMTBweDtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2Nyb2xsYmFyLnRodW1iLmJnfTtcbiAgICBib3JkZXI6IDEwcHggbm9uZSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLndoaXRlfTtcbiAgICBib3JkZXItcmFkaXVzOiAyMHB4O1xuICB9XG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWI6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUud2hpdGV9O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wcmltYXJ5WzkwMF19O1xuICAgIGJvcmRlcjogMjJweCBub25lICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUud2hpdGV9O1xuICAgIGJvcmRlci1yYWRpdXM6IDBweDtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItY29ybmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnlbOTAwXX07XG4gIH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCb3ggPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7KHsgdG9wID0gMCB9KSA9PiB0b3B9cHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeVs5MDBdfTtcbiAgei1pbmRleDogJHtMYXllcnMuRXBnQ29ybmVyQm94fTtcblxuICAkeyh7IGlzUlRMLCBsZWZ0ID0gMCB9KSA9PiAoaXNSVEwgPyBgcmlnaHQ6MHB4O2AgOiBgIGxlZnQ6ICR7bGVmdH1weGApfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbGVmdDogJHsoeyBpc1NpZGViYXIsIHNpZGViYXJXaWR0aCB9KSA9PiAoaXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMCl9cHg7XG4gIGhlaWdodDogJHsoeyBjb250ZW50SGVpZ2h0IH0pID0+IGNvbnRlbnRIZWlnaHR9cHg7XG4gIHdpZHRoOiAkeyh7IGRheVdpZHRoIH0pID0+IGRheVdpZHRofXB4O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnlbOTAwXX07XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNUaW1lbGluZSwgZGF5V2lkdGgsIHRpbWVsaW5lSGVpZ2h0LCBjb250ZW50SGVpZ2h0IH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBgXG4gICAgICBsZWZ0OiAke2lzVGltZWxpbmUgPyB0aW1lbGluZUhlaWdodCA6IDB9cHg7XG4gICAgICB3aWR0aDogJHtjb250ZW50SGVpZ2h0fXB4O1xuICAgICAgaGVpZ2h0OiAke2RheVdpZHRofXB4O1xuICAgIGB9XG5gO1xyXG5leHBvcnQgY29uc3QgTGF5b3V0QmcgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7KHsgaXNUaW1lbGluZSwgdGltZWxpbmVIZWlnaHQgfSkgPT4gaXNUaW1lbGluZSA/IHRpbWVsaW5lSGVpZ2h0IDogMH1weDtcbiAgbGVmdDogJHsoeyBpc1NpZGViYXIsIHNpZGViYXJXaWR0aCB9KSA9PiAoaXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMCl9cHg7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6ICR7KHsgZGF5V2lkdGggfSkgPT4gZGF5V2lkdGh9cHg7XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNUaW1lbGluZSwgaXNTaWRlYmFyLCBkYXlXaWR0aCwgdGltZWxpbmVIZWlnaHQsIHNpZGViYXJXaWR0aCwgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGBcbiAgICAgdG9wOiAke2lzU2lkZWJhciA/IHNpZGViYXJXaWR0aCA6IDB9cHg7XG4gICAgIGxlZnQ6ICR7aXNUaW1lbGluZSA/IHRpbWVsaW5lSGVpZ2h0IDogMH1weDtcbiAgICAgd2lkdGg6IDEwMCU7XG4gICAgIGhlaWdodDogJHtkYXlXaWR0aH1weDtcbiAgICBgfVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RXBnLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
|
|
var _templateObject$1, _templateObject2, _templateObject3;
|
|
var Box$1 = /*#__PURE__*/_styled("div", {
|
|
target: "e1psuwkz0",
|
|
label: "Box"
|
|
})(function (_ref) {
|
|
var isVerticalMode = _ref.isVerticalMode,
|
|
isTimeline = _ref.isTimeline,
|
|
isRTL = _ref.isRTL,
|
|
sidebarWidth = _ref.sidebarWidth,
|
|
timelineHeight = _ref.timelineHeight,
|
|
contentHeight = _ref.contentHeight,
|
|
bottom = _ref.bottom,
|
|
theme = _ref.theme;
|
|
return react.css(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n position: sticky;\n background-color: ", ";\n\n ", ";\n\n ", "\n\n ", "\n "])), theme.primary[900], isRTL && "& > div { transform: scale(-1,1) }", isVerticalMode && react.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n top: 0;\n left: ", "px;\n height: ", "px;\n width: ", "px;\n "])), isTimeline ? timelineHeight : 0, sidebarWidth, contentHeight), !isVerticalMode && react.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n left: 0;\n bottom: ", "px;\n float: left;\n width: ", "px;\n "])), bottom, sidebarWidth));
|
|
}, " z-index:", Layers.Sidebar, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoYW5uZWxzLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHOEIiLCJmaWxlIjoiQ2hhbm5lbHMuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZC9tYWNyb1wiO1xyXG5pbXBvcnQgeyBMYXllcnMgfSBmcm9tIFwiLi4vaGVscGVyc1wiO1xyXG5leHBvcnQgY29uc3QgQm94ID0gc3R5bGVkLmRpdiBgXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGlzVGltZWxpbmUsIGlzUlRMLCBzaWRlYmFyV2lkdGgsIHRpbWVsaW5lSGVpZ2h0LCBjb250ZW50SGVpZ2h0LCBib3R0b20sIHRoZW1lLCB9KSA9PiBjc3MgYFxuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5WzkwMF19O1xuXG4gICAgJHtpc1JUTCAmJiBgJiA+IGRpdiB7IHRyYW5zZm9ybTogc2NhbGUoLTEsMSkgfWB9O1xuXG4gICAgJHtpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6ICR7aXNUaW1lbGluZSA/IHRpbWVsaW5lSGVpZ2h0IDogMH1weDtcbiAgICAgIGhlaWdodDogJHtzaWRlYmFyV2lkdGh9cHg7XG4gICAgICB3aWR0aDogJHtjb250ZW50SGVpZ2h0fXB4O1xuICAgIGB9XG5cbiAgICAkeyFpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBib3R0b206ICR7Ym90dG9tfXB4O1xuICAgICAgZmxvYXQ6IGxlZnQ7XG4gICAgICB3aWR0aDogJHtzaWRlYmFyV2lkdGh9cHg7XG4gICAgYH1cbiAgYH1cbiAgei1pbmRleDogJHtMYXllcnMuU2lkZWJhcn07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DaGFubmVscy5zdHlsZXMuanMubWFwIl19 */"));
|
|
|
|
var _templateObject$2, _templateObject2$1, _templateObject3$1;
|
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
var ChannelWrapper = /*#__PURE__*/_styled("div", {
|
|
target: "eqmxcnp1",
|
|
label: "ChannelWrapper"
|
|
})(function (_ref) {
|
|
var isVerticalMode = _ref.isVerticalMode,
|
|
top = _ref.top,
|
|
height = _ref.height,
|
|
groupTree = _ref.groupTree,
|
|
theme = _ref.theme;
|
|
return react.css(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n cursor: ", ";\n\n ", "\n ", ";\n "])), theme.primary[900], groupTree ? "pointer" : "default", isVerticalMode && react.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n top: 0;\n left: ", "px;\n width: ", "px;\n height: 100%;\n "])), top, height), !isVerticalMode && react.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteralLoose(["\n top: ", "px;\n height: ", "px;\n width: 100%;\n "])), top, height));
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoYW5uZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV5QyIsImZpbGUiOiJDaGFubmVsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuZXhwb3J0IGNvbnN0IENoYW5uZWxXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIHRvcCwgaGVpZ2h0LCBncm91cFRyZWUsIHRoZW1lIH0pID0+IGNzcyBgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnlbOTAwXX07XG4gICAgY3Vyc29yOiAke2dyb3VwVHJlZSA/IFwicG9pbnRlclwiIDogXCJkZWZhdWx0XCJ9O1xuXG4gICAgJHtpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6ICR7dG9wfXB4O1xuICAgICAgd2lkdGg6ICR7aGVpZ2h0fXB4O1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIGB9XG4gICAgJHshaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICB0b3A6ICR7dG9wfXB4O1xuICAgICAgaGVpZ2h0OiAke2hlaWdodH1weDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIGB9O1xuICBgfVxuYDtcclxuZXhwb3J0IGNvbnN0IENoYW5uZWxMb2dvID0gc3R5bGVkLmltZyBgXG4gIG1heC1oZWlnaHQ6IDYwcHg7XG4gIG1heC13aWR0aDogNjBweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q2hhbm5lbC5zdHlsZXMuanMubWFwIl19 */"));
|
|
var ChannelLogo = /*#__PURE__*/_styled("img", {
|
|
target: "eqmxcnp0",
|
|
label: "ChannelLogo"
|
|
})( {
|
|
name: "vfop22",
|
|
styles: "max-height:60px;max-width:60px;position:relative",
|
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoYW5uZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCc0MiLCJmaWxlIjoiQ2hhbm5lbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkL21hY3JvXCI7XHJcbmV4cG9ydCBjb25zdCBDaGFubmVsV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuICAkeyh7IGlzVmVydGljYWxNb2RlLCB0b3AsIGhlaWdodCwgZ3JvdXBUcmVlLCB0aGVtZSB9KSA9PiBjc3MgYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5WzkwMF19O1xuICAgIGN1cnNvcjogJHtncm91cFRyZWUgPyBcInBvaW50ZXJcIiA6IFwiZGVmYXVsdFwifTtcblxuICAgICR7aXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICB0b3A6IDA7XG4gICAgICBsZWZ0OiAke3RvcH1weDtcbiAgICAgIHdpZHRoOiAke2hlaWdodH1weDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICBgfVxuICAgICR7IWlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgdG9wOiAke3RvcH1weDtcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9cHg7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICBgfTtcbiAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBDaGFubmVsTG9nbyA9IHN0eWxlZC5pbWcgYFxuICBtYXgtaGVpZ2h0OiA2MHB4O1xuICBtYXgtd2lkdGg6IDYwcHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNoYW5uZWwuc3R5bGVzLmpzLm1hcCJdfQ== */",
|
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
|
|
});
|
|
|
|
var ProgramContent = /*#__PURE__*/_styled("div", {
|
|
target: "e1cx08bt7",
|
|
label: "ProgramContent"
|
|
})("border:1px solid #171923;position:relative;display:flex;font-size:11px;height:100%;border-radius:8px;padding:10px ", function (_ref) {
|
|
var width = _ref.width;
|
|
return width < 30 ? 4 : 20;
|
|
}, "px;overflow:hidden;cursor:pointer;transition:all 0.4s ease-in-out;background:", function (_ref2) {
|
|
var primary = _ref2.theme.primary;
|
|
return "linear-gradient(to right, " + primary[600] + ", " + primary[600] + ")";
|
|
}, ";z-index:", Layers.Program, ";&:hover{background:", function (_ref3) {
|
|
var gradient = _ref3.theme.gradient;
|
|
return "linear-gradient(to right, " + gradient.blue[900] + ", " + gradient.blue[600] + ")";
|
|
}, ";}", function (_ref4) {
|
|
var isLive = _ref4.isLive,
|
|
isVerticalMode = _ref4.isVerticalMode,
|
|
gradient = _ref4.theme.gradient;
|
|
return isLive && "background: linear-gradient(to " + (isVerticalMode ? "bottom" : "right") + ", " + gradient.blue[900] + ", " + gradient.blue[600] + "," + gradient.blue[300] + ")";
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW0uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV5QyIsImZpbGUiOiJQcm9ncmFtLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZC9tYWNyb1wiO1xyXG5pbXBvcnQgeyBMYXllcnMgfSBmcm9tIFwiLi4vaGVscGVyc1wiO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbUNvbnRlbnQgPSBzdHlsZWQuZGl2IGBcbiAgYm9yZGVyOiAxcHggc29saWQgIzE3MTkyMztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmb250LXNpemU6IDExcHg7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBwYWRkaW5nOiAxMHB4ICR7KHsgd2lkdGggfSkgPT4gKHdpZHRoIDwgMzAgPyA0IDogMjApfXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAwLjRzIGVhc2UtaW4tb3V0O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lOiB7IHByaW1hcnkgfSB9KSA9PiBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke3ByaW1hcnlbNjAwXX0sICR7cHJpbWFyeVs2MDBdfSlgfTtcbiAgei1pbmRleDogJHtMYXllcnMuUHJvZ3JhbX07XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZTogeyBncmFkaWVudCB9IH0pID0+IGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsICR7Z3JhZGllbnQuYmx1ZVs5MDBdfSwgJHtncmFkaWVudC5ibHVlWzYwMF19KWB9O1xuICB9XG5cbiAgJHsoeyBpc0xpdmUsIGlzVmVydGljYWxNb2RlLCB0aGVtZTogeyBncmFkaWVudCB9IH0pID0+IGlzTGl2ZSAmJlxyXG4gICAgYGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCh0byAke2lzVmVydGljYWxNb2RlID8gXCJib3R0b21cIiA6IFwicmlnaHRcIn0sICR7Z3JhZGllbnQuYmx1ZVs5MDBdfSwgJHtncmFkaWVudC5ibHVlWzYwMF19LCR7Z3JhZGllbnQuYmx1ZVszMDBdfSlgfVxuYDtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1GbGV4ID0gc3R5bGVkLmRpdiBgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJiBgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtgfTtcbmA7XHJcbmNvbnN0IEVsaXBzaXMgPSBgXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuYDtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1UaXRsZSA9IHN0eWxlZC5wIGBcbiAgZm9udC1zaXplOiAxNHB4O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBtYXJnaW4tdG9wOiAwO1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmdyZXlbMzAwXX07XG4gICR7RWxpcHNpc31cbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtVGV4dCA9IHN0eWxlZC5zcGFuIGBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtc2l6ZTogMTIuNXB4O1xuICBmb250LXdlaWdodDogNDAwO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50ZXh0LmdyZXlbNTAwXX07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gICR7RWxpcHNpc31cbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtSW1hZ2UgPSBzdHlsZWQuaW1nIGBcbiAgbWFyZ2luLXJpZ2h0OiAxNXB4O1xuICBib3JkZXItcmFkaXVzOiA2cHg7XG4gIHdpZHRoOiAxMDBweDtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlIH0pID0+IGlzVmVydGljYWxNb2RlICYmIGB3aWR0aDogMTAwJTsgbWFyZ2luLWJvdHRvbTogMTBweGB9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1TdGFjayA9IHN0eWxlZC5kaXYgYFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICAkeyh7IGlzUlRMIH0pID0+IGlzUlRMICYmXHJcbiAgICBgdHJhbnNmb3JtOiBzY2FsZSgtMSwxKTsgXG4gICAgIGRpc3BsYXk6IGZsZXg7IFxuICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOyBcbiAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kYH07XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbUJveCA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHBhZGRpbmc6ICR7KHsgd2lkdGggfSkgPT4gKHdpZHRoID09PSAwID8gMCA6IDQpfXB4O1xuICB6LWluZGV4OiAkeyh7IGlzRHJhZ2dpbmcsIGlzUmVzaXppbmcgfSkgPT4gaXNEcmFnZ2luZyB8fCBpc1Jlc2l6aW5nID8gTGF5ZXJzLlByb2dyYW0gKiAzIDogTGF5ZXJzLlByb2dyYW19O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICR7KHsgaXNEcmFnZ2luZywgaXNSZXNpemluZyB9KSA9PiAoIWlzRHJhZ2dpbmcgfHwgIWlzUmVzaXppbmcpICYmXHJcbiAgICBgICY6aG92ZXIge1xuICAgIHotaW5kZXg6ICR7TGF5ZXJzLlByb2dyYW0gKiAyfTtcblxuICAgICR7UHJvZ3JhbVJlc2l6ZUhhbmRsZX0ge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1gfVxuXG4gICR7KHsgaXNEcmFnZ2luZywgaXNSZXNpemluZywgdGhlbWUgfSkgPT4gKGlzRHJhZ2dpbmcgfHwgaXNSZXNpemluZykgJiZcclxuICAgIGAgXG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmdyZWVuWzIwMF19O1xuICAgIFxuICAgICR7UHJvZ3JhbUNvbnRlbnR9e1xuICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICBjdXJzb3I6IG1vdmU7XG4gIH1cbiAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtUmVzaXplSGFuZGxlID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgb3BhY2l0eTogMDtcblxuICAkeyh7IGlzUmVzaXplIH0pID0+ICFpc1Jlc2l6ZSAmJiBcImRpc3BsYXk6IG5vbmU7XCJ9XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgbGVmdCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgYFxuICAgICR7bGVmdCA/IGB0b3A6IDA7YCA6IGBib3R0b206IDA7YH1cbiAgICBsZWZ0OjA7XG4gICAgaGVpZ2h0OjI1cHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gIGN1cnNvcjogJHtsZWZ0ID8gXCJuLXJlc2l6ZVwiIDogXCJzLXJlc2l6ZVwifTtcbiAgYH1cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgbGVmdCB9KSA9PiAhaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGBcbiAgICB0b3A6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgICR7bGVmdCA/IGBsZWZ0OiAwO2AgOiBgcmlnaHQ6IDA7YH1cbiAgICB3aWR0aDogMjVweDtcbiAgICBjdXJzb3I6ICR7bGVmdCA/IFwidy1yZXNpemVcIiA6IFwiZS1yZXNpemVcIn07XG4gICAgYH1cblxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiBcIlwiO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW46IGF1dG87XG4gICAgYm9yZGVyLXJhZGl1czogOHB4O1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZ3JlZW5bMjAwXX07XG5cbiAgICAkeyh7IGlzVmVydGljYWxNb2RlLCBsZWZ0IH0pID0+ICFpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgYCAgIHRvcDogMDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIGhlaWdodDogNTAlO1xuICAgICAgd2lkdGg6IDRweDtcbiAgICAgICAgJHtsZWZ0ID8gYGxlZnQ6IDlweDtgIDogYHJpZ2h0OiA5cHg7YH1cbiAgICAgICAgYH1cbiAgICAkeyh7IGlzVmVydGljYWxNb2RlLCBsZWZ0IH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBgXG4gICAgICAke2xlZnQgPyBgdG9wOiA5cHg7YCA6IGBib3R0b206IDlweDtgfVxuICAgICBsZWZ0OjUwJTtcbiAgICAgIGhlaWdodDogNHB4O1xuICAgICAgd2lkdGg6IDUwJTtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbiAgICAgXG4gICAgICAgIGB9XG4gIH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVByb2dyYW0uc3R5bGVzLmpzLm1hcCJdfQ== */"));
|
|
var ProgramFlex = /*#__PURE__*/_styled("div", {
|
|
target: "e1cx08bt6",
|
|
label: "ProgramFlex"
|
|
})("width:100%;display:flex;justify-content:flex-start;", function (_ref5) {
|
|
var isVerticalMode = _ref5.isVerticalMode;
|
|
return isVerticalMode && "flex-direction: column;";
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW0uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCc0MiLCJmaWxlIjoiUHJvZ3JhbS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1Db250ZW50ID0gc3R5bGVkLmRpdiBgXG4gIGJvcmRlcjogMXB4IHNvbGlkICMxNzE5MjM7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgcGFkZGluZzogMTBweCAkeyh7IHdpZHRoIH0pID0+ICh3aWR0aCA8IDMwID8gNCA6IDIwKX1weDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiBhbGwgMC40cyBlYXNlLWluLW91dDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZTogeyBwcmltYXJ5IH0gfSkgPT4gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHtwcmltYXJ5WzYwMF19LCAke3ByaW1hcnlbNjAwXX0pYH07XG4gIHotaW5kZXg6ICR7TGF5ZXJzLlByb2dyYW19O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWU6IHsgZ3JhZGllbnQgfSB9KSA9PiBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke2dyYWRpZW50LmJsdWVbOTAwXX0sICR7Z3JhZGllbnQuYmx1ZVs2MDBdfSlgfTtcbiAgfVxuXG4gICR7KHsgaXNMaXZlLCBpc1ZlcnRpY2FsTW9kZSwgdGhlbWU6IHsgZ3JhZGllbnQgfSB9KSA9PiBpc0xpdmUgJiZcclxuICAgIGBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQodG8gJHtpc1ZlcnRpY2FsTW9kZSA/IFwiYm90dG9tXCIgOiBcInJpZ2h0XCJ9LCAke2dyYWRpZW50LmJsdWVbOTAwXX0sICR7Z3JhZGllbnQuYmx1ZVs2MDBdfSwke2dyYWRpZW50LmJsdWVbMzAwXX0pYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtRmxleCA9IHN0eWxlZC5kaXYgYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiYgYGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47YH07XG5gO1xyXG5jb25zdCBFbGlwc2lzID0gYFxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtVGl0bGUgPSBzdHlsZWQucCBgXG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgbWFyZ2luLXRvcDogMDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ncmV5WzMwMF19O1xuICAke0VsaXBzaXN9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbVRleHQgPSBzdHlsZWQuc3BhbiBgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDEyLjVweDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudGV4dC5ncmV5WzUwMF19O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAke0VsaXBzaXN9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbUltYWdlID0gc3R5bGVkLmltZyBgXG4gIG1hcmdpbi1yaWdodDogMTVweDtcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xuICB3aWR0aDogMTAwcHg7XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJiBgd2lkdGg6IDEwMCU7IG1hcmdpbi1ib3R0b206IDEwcHhgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtU3RhY2sgPSBzdHlsZWQuZGl2IGBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgJHsoeyBpc1JUTCB9KSA9PiBpc1JUTCAmJlxyXG4gICAgYHRyYW5zZm9ybTogc2NhbGUoLTEsMSk7IFxuICAgICBkaXNwbGF5OiBmbGV4OyBcbiAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsgXG4gICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZGB9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1Cb3ggPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiAkeyh7IHdpZHRoIH0pID0+ICh3aWR0aCA9PT0gMCA/IDAgOiA0KX1weDtcbiAgei1pbmRleDogJHsoeyBpc0RyYWdnaW5nLCBpc1Jlc2l6aW5nIH0pID0+IGlzRHJhZ2dpbmcgfHwgaXNSZXNpemluZyA/IExheWVycy5Qcm9ncmFtICogMyA6IExheWVycy5Qcm9ncmFtfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAkeyh7IGlzRHJhZ2dpbmcsIGlzUmVzaXppbmcgfSkgPT4gKCFpc0RyYWdnaW5nIHx8ICFpc1Jlc2l6aW5nKSAmJlxyXG4gICAgYCAmOmhvdmVyIHtcbiAgICB6LWluZGV4OiAke0xheWVycy5Qcm9ncmFtICogMn07XG5cbiAgICAke1Byb2dyYW1SZXNpemVIYW5kbGV9IHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9YH1cblxuICAkeyh7IGlzRHJhZ2dpbmcsIGlzUmVzaXppbmcsIHRoZW1lIH0pID0+IChpc0RyYWdnaW5nIHx8IGlzUmVzaXppbmcpICYmXHJcbiAgICBgIFxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5ncmVlblsyMDBdfTtcbiAgICBcbiAgICAke1Byb2dyYW1Db250ZW50fXtcbiAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgY3Vyc29yOiBtb3ZlO1xuICB9XG4gIGB9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbVJlc2l6ZUhhbmRsZSA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDA7XG5cbiAgJHsoeyBpc1Jlc2l6ZSB9KSA9PiAhaXNSZXNpemUgJiYgXCJkaXNwbGF5OiBub25lO1wifVxuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGBcbiAgICAke2xlZnQgPyBgdG9wOiAwO2AgOiBgYm90dG9tOiAwO2B9XG4gICAgbGVmdDowO1xuICAgIGhlaWdodDoyNXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICBjdXJzb3I6ICR7bGVmdCA/IFwibi1yZXNpemVcIiA6IFwicy1yZXNpemVcIn07XG4gIGB9XG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQgfSkgPT4gIWlzVmVydGljYWxNb2RlICYmXHJcbiAgICBgXG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICAke2xlZnQgPyBgbGVmdDogMDtgIDogYHJpZ2h0OiAwO2B9XG4gICAgd2lkdGg6IDI1cHg7XG4gICAgY3Vyc29yOiAke2xlZnQgPyBcInctcmVzaXplXCIgOiBcImUtcmVzaXplXCJ9O1xuICAgIGB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmdyZWVuWzIwMF19O1xuXG4gICAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgbGVmdCB9KSA9PiAhaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGAgICB0b3A6IDA7XG4gICAgICBib3R0b206IDA7XG4gICAgICBoZWlnaHQ6IDUwJTtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICAgICR7bGVmdCA/IGBsZWZ0OiA5cHg7YCA6IGByaWdodDogOXB4O2B9XG4gICAgICAgIGB9XG4gICAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgbGVmdCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgYFxuICAgICAgJHtsZWZ0ID8gYHRvcDogOXB4O2AgOiBgYm90dG9tOiA5cHg7YH1cbiAgICAgbGVmdDo1MCU7XG4gICAgICBoZWlnaHQ6IDRweDtcbiAgICAgIHdpZHRoOiA1MCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gICAgIFxuICAgICAgICBgfVxuICB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Qcm9ncmFtLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
var Elipsis = "\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n";
|
|
var ProgramTitle = /*#__PURE__*/_styled("p", {
|
|
target: "e1cx08bt5",
|
|
label: "ProgramTitle"
|
|
})("font-size:14px;text-align:left;margin-top:0;margin-bottom:5px;font-weight:500;color:", function (_ref6) {
|
|
var theme = _ref6.theme;
|
|
return theme.grey[300];
|
|
}, ";", Elipsis, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW0uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DcUMiLCJmaWxlIjoiUHJvZ3JhbS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1Db250ZW50ID0gc3R5bGVkLmRpdiBgXG4gIGJvcmRlcjogMXB4IHNvbGlkICMxNzE5MjM7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgcGFkZGluZzogMTBweCAkeyh7IHdpZHRoIH0pID0+ICh3aWR0aCA8IDMwID8gNCA6IDIwKX1weDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiBhbGwgMC40cyBlYXNlLWluLW91dDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZTogeyBwcmltYXJ5IH0gfSkgPT4gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHtwcmltYXJ5WzYwMF19LCAke3ByaW1hcnlbNjAwXX0pYH07XG4gIHotaW5kZXg6ICR7TGF5ZXJzLlByb2dyYW19O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWU6IHsgZ3JhZGllbnQgfSB9KSA9PiBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke2dyYWRpZW50LmJsdWVbOTAwXX0sICR7Z3JhZGllbnQuYmx1ZVs2MDBdfSlgfTtcbiAgfVxuXG4gICR7KHsgaXNMaXZlLCBpc1ZlcnRpY2FsTW9kZSwgdGhlbWU6IHsgZ3JhZGllbnQgfSB9KSA9PiBpc0xpdmUgJiZcclxuICAgIGBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQodG8gJHtpc1ZlcnRpY2FsTW9kZSA/IFwiYm90dG9tXCIgOiBcInJpZ2h0XCJ9LCAke2dyYWRpZW50LmJsdWVbOTAwXX0sICR7Z3JhZGllbnQuYmx1ZVs2MDBdfSwke2dyYWRpZW50LmJsdWVbMzAwXX0pYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtRmxleCA9IHN0eWxlZC5kaXYgYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiYgYGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47YH07XG5gO1xyXG5jb25zdCBFbGlwc2lzID0gYFxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtVGl0bGUgPSBzdHlsZWQucCBgXG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgbWFyZ2luLXRvcDogMDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ncmV5WzMwMF19O1xuICAke0VsaXBzaXN9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbVRleHQgPSBzdHlsZWQuc3BhbiBgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDEyLjVweDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudGV4dC5ncmV5WzUwMF19O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAke0VsaXBzaXN9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbUltYWdlID0gc3R5bGVkLmltZyBgXG4gIG1hcmdpbi1yaWdodDogMTVweDtcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xuICB3aWR0aDogMTAwcHg7XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJiBgd2lkdGg6IDEwMCU7IG1hcmdpbi1ib3R0b206IDEwcHhgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtU3RhY2sgPSBzdHlsZWQuZGl2IGBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgJHsoeyBpc1JUTCB9KSA9PiBpc1JUTCAmJlxyXG4gICAgYHRyYW5zZm9ybTogc2NhbGUoLTEsMSk7IFxuICAgICBkaXNwbGF5OiBmbGV4OyBcbiAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsgXG4gICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZGB9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1Cb3ggPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiAkeyh7IHdpZHRoIH0pID0+ICh3aWR0aCA9PT0gMCA/IDAgOiA0KX1weDtcbiAgei1pbmRleDogJHsoeyBpc0RyYWdnaW5nLCBpc1Jlc2l6aW5nIH0pID0+IGlzRHJhZ2dpbmcgfHwgaXNSZXNpemluZyA/IExheWVycy5Qcm9ncmFtICogMyA6IExheWVycy5Qcm9ncmFtfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAkeyh7IGlzRHJhZ2dpbmcsIGlzUmVzaXppbmcgfSkgPT4gKCFpc0RyYWdnaW5nIHx8ICFpc1Jlc2l6aW5nKSAmJlxyXG4gICAgYCAmOmhvdmVyIHtcbiAgICB6LWluZGV4OiAke0xheWVycy5Qcm9ncmFtICogMn07XG5cbiAgICAke1Byb2dyYW1SZXNpemVIYW5kbGV9IHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9YH1cblxuICAkeyh7IGlzRHJhZ2dpbmcsIGlzUmVzaXppbmcsIHRoZW1lIH0pID0+IChpc0RyYWdnaW5nIHx8IGlzUmVzaXppbmcpICYmXHJcbiAgICBgIFxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5ncmVlblsyMDBdfTtcbiAgICBcbiAgICAke1Byb2dyYW1Db250ZW50fXtcbiAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgY3Vyc29yOiBtb3ZlO1xuICB9XG4gIGB9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbVJlc2l6ZUhhbmRsZSA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDA7XG5cbiAgJHsoeyBpc1Jlc2l6ZSB9KSA9PiAhaXNSZXNpemUgJiYgXCJkaXNwbGF5OiBub25lO1wifVxuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGBcbiAgICAke2xlZnQgPyBgdG9wOiAwO2AgOiBgYm90dG9tOiAwO2B9XG4gICAgbGVmdDowO1xuICAgIGhlaWdodDoyNXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICBjdXJzb3I6ICR7bGVmdCA/IFwibi1yZXNpemVcIiA6IFwicy1yZXNpemVcIn07XG4gIGB9XG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQgfSkgPT4gIWlzVmVydGljYWxNb2RlICYmXHJcbiAgICBgXG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICAke2xlZnQgPyBgbGVmdDogMDtgIDogYHJpZ2h0OiAwO2B9XG4gICAgd2lkdGg6IDI1cHg7XG4gICAgY3Vyc29yOiAke2xlZnQgPyBcInctcmVzaXplXCIgOiBcImUtcmVzaXplXCJ9O1xuICAgIGB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmdyZWVuWzIwMF19O1xuXG4gICAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgbGVmdCB9KSA9PiAhaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGAgICB0b3A6IDA7XG4gICAgICBib3R0b206IDA7XG4gICAgICBoZWlnaHQ6IDUwJTtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICAgICR7bGVmdCA/IGBsZWZ0OiA5cHg7YCA6IGByaWdodDogOXB4O2B9XG4gICAgICAgIGB9XG4gICAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgbGVmdCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgYFxuICAgICAgJHtsZWZ0ID8gYHRvcDogOXB4O2AgOiBgYm90dG9tOiA5cHg7YH1cbiAgICAgbGVmdDo1MCU7XG4gICAgICBoZWlnaHQ6IDRweDtcbiAgICAgIHdpZHRoOiA1MCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gICAgIFxuICAgICAgICBgfVxuICB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Qcm9ncmFtLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
var ProgramText = /*#__PURE__*/_styled("span", {
|
|
target: "e1cx08bt4",
|
|
label: "ProgramText"
|
|
})("display:block;font-size:12.5px;font-weight:400;color:", function (_ref7) {
|
|
var theme = _ref7.theme;
|
|
return theme.text.grey[500];
|
|
}, ";text-align:left;", Elipsis, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW0uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDdUMiLCJmaWxlIjoiUHJvZ3JhbS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1Db250ZW50ID0gc3R5bGVkLmRpdiBgXG4gIGJvcmRlcjogMXB4IHNvbGlkICMxNzE5MjM7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgcGFkZGluZzogMTBweCAkeyh7IHdpZHRoIH0pID0+ICh3aWR0aCA8IDMwID8gNCA6IDIwKX1weDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiBhbGwgMC40cyBlYXNlLWluLW91dDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZTogeyBwcmltYXJ5IH0gfSkgPT4gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHtwcmltYXJ5WzYwMF19LCAke3ByaW1hcnlbNjAwXX0pYH07XG4gIHotaW5kZXg6ICR7TGF5ZXJzLlByb2dyYW19O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWU6IHsgZ3JhZGllbnQgfSB9KSA9PiBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke2dyYWRpZW50LmJsdWVbOTAwXX0sICR7Z3JhZGllbnQuYmx1ZVs2MDBdfSlgfTtcbiAgfVxuXG4gICR7KHsgaXNMaXZlLCBpc1ZlcnRpY2FsTW9kZSwgdGhlbWU6IHsgZ3JhZGllbnQgfSB9KSA9PiBpc0xpdmUgJiZcclxuICAgIGBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQodG8gJHtpc1ZlcnRpY2FsTW9kZSA/IFwiYm90dG9tXCIgOiBcInJpZ2h0XCJ9LCAke2dyYWRpZW50LmJsdWVbOTAwXX0sICR7Z3JhZGllbnQuYmx1ZVs2MDBdfSwke2dyYWRpZW50LmJsdWVbMzAwXX0pYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtRmxleCA9IHN0eWxlZC5kaXYgYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiYgYGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47YH07XG5gO1xyXG5jb25zdCBFbGlwc2lzID0gYFxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtVGl0bGUgPSBzdHlsZWQucCBgXG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgbWFyZ2luLXRvcDogMDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ncmV5WzMwMF19O1xuICAke0VsaXBzaXN9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbVRleHQgPSBzdHlsZWQuc3BhbiBgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDEyLjVweDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudGV4dC5ncmV5WzUwMF19O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAke0VsaXBzaXN9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbUltYWdlID0gc3R5bGVkLmltZyBgXG4gIG1hcmdpbi1yaWdodDogMTVweDtcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xuICB3aWR0aDogMTAwcHg7XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJiBgd2lkdGg6IDEwMCU7IG1hcmdpbi1ib3R0b206IDEwcHhgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtU3RhY2sgPSBzdHlsZWQuZGl2IGBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgJHsoeyBpc1JUTCB9KSA9PiBpc1JUTCAmJlxyXG4gICAgYHRyYW5zZm9ybTogc2NhbGUoLTEsMSk7IFxuICAgICBkaXNwbGF5OiBmbGV4OyBcbiAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsgXG4gICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZGB9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1Cb3ggPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiAkeyh7IHdpZHRoIH0pID0+ICh3aWR0aCA9PT0gMCA/IDAgOiA0KX1weDtcbiAgei1pbmRleDogJHsoeyBpc0RyYWdnaW5nLCBpc1Jlc2l6aW5nIH0pID0+IGlzRHJhZ2dpbmcgfHwgaXNSZXNpemluZyA/IExheWVycy5Qcm9ncmFtICogMyA6IExheWVycy5Qcm9ncmFtfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAkeyh7IGlzRHJhZ2dpbmcsIGlzUmVzaXppbmcgfSkgPT4gKCFpc0RyYWdnaW5nIHx8ICFpc1Jlc2l6aW5nKSAmJlxyXG4gICAgYCAmOmhvdmVyIHtcbiAgICB6LWluZGV4OiAke0xheWVycy5Qcm9ncmFtICogMn07XG5cbiAgICAke1Byb2dyYW1SZXNpemVIYW5kbGV9IHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9YH1cblxuICAkeyh7IGlzRHJhZ2dpbmcsIGlzUmVzaXppbmcsIHRoZW1lIH0pID0+IChpc0RyYWdnaW5nIHx8IGlzUmVzaXppbmcpICYmXHJcbiAgICBgIFxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5ncmVlblsyMDBdfTtcbiAgICBcbiAgICAke1Byb2dyYW1Db250ZW50fXtcbiAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgY3Vyc29yOiBtb3ZlO1xuICB9XG4gIGB9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbVJlc2l6ZUhhbmRsZSA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDA7XG5cbiAgJHsoeyBpc1Jlc2l6ZSB9KSA9PiAhaXNSZXNpemUgJiYgXCJkaXNwbGF5OiBub25lO1wifVxuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGBcbiAgICAke2xlZnQgPyBgdG9wOiAwO2AgOiBgYm90dG9tOiAwO2B9XG4gICAgbGVmdDowO1xuICAgIGhlaWdodDoyNXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICBjdXJzb3I6ICR7bGVmdCA/IFwibi1yZXNpemVcIiA6IFwicy1yZXNpemVcIn07XG4gIGB9XG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQgfSkgPT4gIWlzVmVydGljYWxNb2RlICYmXHJcbiAgICBgXG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICAke2xlZnQgPyBgbGVmdDogMDtgIDogYHJpZ2h0OiAwO2B9XG4gICAgd2lkdGg6IDI1cHg7XG4gICAgY3Vyc29yOiAke2xlZnQgPyBcInctcmVzaXplXCIgOiBcImUtcmVzaXplXCJ9O1xuICAgIGB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmdyZWVuWzIwMF19O1xuXG4gICAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgbGVmdCB9KSA9PiAhaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGAgICB0b3A6IDA7XG4gICAgICBib3R0b206IDA7XG4gICAgICBoZWlnaHQ6IDUwJTtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICAgICR7bGVmdCA/IGBsZWZ0OiA5cHg7YCA6IGByaWdodDogOXB4O2B9XG4gICAgICAgIGB9XG4gICAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgbGVmdCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgYFxuICAgICAgJHtsZWZ0ID8gYHRvcDogOXB4O2AgOiBgYm90dG9tOiA5cHg7YH1cbiAgICAgbGVmdDo1MCU7XG4gICAgICBoZWlnaHQ6IDRweDtcbiAgICAgIHdpZHRoOiA1MCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gICAgIFxuICAgICAgICBgfVxuICB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Qcm9ncmFtLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
var ProgramImage = /*#__PURE__*/_styled("img", {
|
|
target: "e1cx08bt3",
|
|
label: "ProgramImage"
|
|
})("margin-right:15px;border-radius:6px;width:100px;", function (_ref8) {
|
|
var isVerticalMode = _ref8.isVerticalMode;
|
|
return isVerticalMode && "width: 100%; margin-bottom: 10px";
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW0uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EdUMiLCJmaWxlIjoiUHJvZ3JhbS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1Db250ZW50ID0gc3R5bGVkLmRpdiBgXG4gIGJvcmRlcjogMXB4IHNvbGlkICMxNzE5MjM7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgcGFkZGluZzogMTBweCAkeyh7IHdpZHRoIH0pID0+ICh3aWR0aCA8IDMwID8gNCA6IDIwKX1weDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiBhbGwgMC40cyBlYXNlLWluLW91dDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZTogeyBwcmltYXJ5IH0gfSkgPT4gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHtwcmltYXJ5WzYwMF19LCAke3ByaW1hcnlbNjAwXX0pYH07XG4gIHotaW5kZXg6ICR7TGF5ZXJzLlByb2dyYW19O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWU6IHsgZ3JhZGllbnQgfSB9KSA9PiBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke2dyYWRpZW50LmJsdWVbOTAwXX0sICR7Z3JhZGllbnQuYmx1ZVs2MDBdfSlgfTtcbiAgfVxuXG4gICR7KHsgaXNMaXZlLCBpc1ZlcnRpY2FsTW9kZSwgdGhlbWU6IHsgZ3JhZGllbnQgfSB9KSA9PiBpc0xpdmUgJiZcclxuICAgIGBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQodG8gJHtpc1ZlcnRpY2FsTW9kZSA/IFwiYm90dG9tXCIgOiBcInJpZ2h0XCJ9LCAke2dyYWRpZW50LmJsdWVbOTAwXX0sICR7Z3JhZGllbnQuYmx1ZVs2MDBdfSwke2dyYWRpZW50LmJsdWVbMzAwXX0pYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtRmxleCA9IHN0eWxlZC5kaXYgYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiYgYGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47YH07XG5gO1xyXG5jb25zdCBFbGlwc2lzID0gYFxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtVGl0bGUgPSBzdHlsZWQucCBgXG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgbWFyZ2luLXRvcDogMDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ncmV5WzMwMF19O1xuICAke0VsaXBzaXN9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbVRleHQgPSBzdHlsZWQuc3BhbiBgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDEyLjVweDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudGV4dC5ncmV5WzUwMF19O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAke0VsaXBzaXN9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbUltYWdlID0gc3R5bGVkLmltZyBgXG4gIG1hcmdpbi1yaWdodDogMTVweDtcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xuICB3aWR0aDogMTAwcHg7XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJiBgd2lkdGg6IDEwMCU7IG1hcmdpbi1ib3R0b206IDEwcHhgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtU3RhY2sgPSBzdHlsZWQuZGl2IGBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgJHsoeyBpc1JUTCB9KSA9PiBpc1JUTCAmJlxyXG4gICAgYHRyYW5zZm9ybTogc2NhbGUoLTEsMSk7IFxuICAgICBkaXNwbGF5OiBmbGV4OyBcbiAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsgXG4gICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZGB9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1Cb3ggPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiAkeyh7IHdpZHRoIH0pID0+ICh3aWR0aCA9PT0gMCA/IDAgOiA0KX1weDtcbiAgei1pbmRleDogJHsoeyBpc0RyYWdnaW5nLCBpc1Jlc2l6aW5nIH0pID0+IGlzRHJhZ2dpbmcgfHwgaXNSZXNpemluZyA/IExheWVycy5Qcm9ncmFtICogMyA6IExheWVycy5Qcm9ncmFtfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAkeyh7IGlzRHJhZ2dpbmcsIGlzUmVzaXppbmcgfSkgPT4gKCFpc0RyYWdnaW5nIHx8ICFpc1Jlc2l6aW5nKSAmJlxyXG4gICAgYCAmOmhvdmVyIHtcbiAgICB6LWluZGV4OiAke0xheWVycy5Qcm9ncmFtICogMn07XG5cbiAgICAke1Byb2dyYW1SZXNpemVIYW5kbGV9IHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9YH1cblxuICAkeyh7IGlzRHJhZ2dpbmcsIGlzUmVzaXppbmcsIHRoZW1lIH0pID0+IChpc0RyYWdnaW5nIHx8IGlzUmVzaXppbmcpICYmXHJcbiAgICBgIFxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5ncmVlblsyMDBdfTtcbiAgICBcbiAgICAke1Byb2dyYW1Db250ZW50fXtcbiAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgY3Vyc29yOiBtb3ZlO1xuICB9XG4gIGB9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbVJlc2l6ZUhhbmRsZSA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDA7XG5cbiAgJHsoeyBpc1Jlc2l6ZSB9KSA9PiAhaXNSZXNpemUgJiYgXCJkaXNwbGF5OiBub25lO1wifVxuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGBcbiAgICAke2xlZnQgPyBgdG9wOiAwO2AgOiBgYm90dG9tOiAwO2B9XG4gICAgbGVmdDowO1xuICAgIGhlaWdodDoyNXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICBjdXJzb3I6ICR7bGVmdCA/IFwibi1yZXNpemVcIiA6IFwicy1yZXNpemVcIn07XG4gIGB9XG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQgfSkgPT4gIWlzVmVydGljYWxNb2RlICYmXHJcbiAgICBgXG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICAke2xlZnQgPyBgbGVmdDogMDtgIDogYHJpZ2h0OiAwO2B9XG4gICAgd2lkdGg6IDI1cHg7XG4gICAgY3Vyc29yOiAke2xlZnQgPyBcInctcmVzaXplXCIgOiBcImUtcmVzaXplXCJ9O1xuICAgIGB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmdyZWVuWzIwMF19O1xuXG4gICAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgbGVmdCB9KSA9PiAhaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGAgICB0b3A6IDA7XG4gICAgICBib3R0b206IDA7XG4gICAgICBoZWlnaHQ6IDUwJTtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICAgICR7bGVmdCA/IGBsZWZ0OiA5cHg7YCA6IGByaWdodDogOXB4O2B9XG4gICAgICAgIGB9XG4gICAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgbGVmdCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgYFxuICAgICAgJHtsZWZ0ID8gYHRvcDogOXB4O2AgOiBgYm90dG9tOiA5cHg7YH1cbiAgICAgbGVmdDo1MCU7XG4gICAgICBoZWlnaHQ6IDRweDtcbiAgICAgIHdpZHRoOiA1MCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gICAgIFxuICAgICAgICBgfVxuICB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Qcm9ncmFtLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
var ProgramStack = /*#__PURE__*/_styled("div", {
|
|
target: "e1cx08bt2",
|
|
label: "ProgramStack"
|
|
})("overflow:hidden;", function (_ref9) {
|
|
var isRTL = _ref9.isRTL;
|
|
return isRTL && "transform: scale(-1,1); \n display: flex; \n flex-direction: column; \n align-items: flex-end";
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW0uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEdUMiLCJmaWxlIjoiUHJvZ3JhbS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1Db250ZW50ID0gc3R5bGVkLmRpdiBgXG4gIGJvcmRlcjogMXB4IHNvbGlkICMxNzE5MjM7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgcGFkZGluZzogMTBweCAkeyh7IHdpZHRoIH0pID0+ICh3aWR0aCA8IDMwID8gNCA6IDIwKX1weDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiBhbGwgMC40cyBlYXNlLWluLW91dDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZTogeyBwcmltYXJ5IH0gfSkgPT4gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHtwcmltYXJ5WzYwMF19LCAke3ByaW1hcnlbNjAwXX0pYH07XG4gIHotaW5kZXg6ICR7TGF5ZXJzLlByb2dyYW19O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWU6IHsgZ3JhZGllbnQgfSB9KSA9PiBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke2dyYWRpZW50LmJsdWVbOTAwXX0sICR7Z3JhZGllbnQuYmx1ZVs2MDBdfSlgfTtcbiAgfVxuXG4gICR7KHsgaXNMaXZlLCBpc1ZlcnRpY2FsTW9kZSwgdGhlbWU6IHsgZ3JhZGllbnQgfSB9KSA9PiBpc0xpdmUgJiZcclxuICAgIGBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQodG8gJHtpc1ZlcnRpY2FsTW9kZSA/IFwiYm90dG9tXCIgOiBcInJpZ2h0XCJ9LCAke2dyYWRpZW50LmJsdWVbOTAwXX0sICR7Z3JhZGllbnQuYmx1ZVs2MDBdfSwke2dyYWRpZW50LmJsdWVbMzAwXX0pYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtRmxleCA9IHN0eWxlZC5kaXYgYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiYgYGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47YH07XG5gO1xyXG5jb25zdCBFbGlwc2lzID0gYFxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtVGl0bGUgPSBzdHlsZWQucCBgXG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgbWFyZ2luLXRvcDogMDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ncmV5WzMwMF19O1xuICAke0VsaXBzaXN9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbVRleHQgPSBzdHlsZWQuc3BhbiBgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDEyLjVweDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudGV4dC5ncmV5WzUwMF19O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAke0VsaXBzaXN9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbUltYWdlID0gc3R5bGVkLmltZyBgXG4gIG1hcmdpbi1yaWdodDogMTVweDtcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xuICB3aWR0aDogMTAwcHg7XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJiBgd2lkdGg6IDEwMCU7IG1hcmdpbi1ib3R0b206IDEwcHhgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtU3RhY2sgPSBzdHlsZWQuZGl2IGBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgJHsoeyBpc1JUTCB9KSA9PiBpc1JUTCAmJlxyXG4gICAgYHRyYW5zZm9ybTogc2NhbGUoLTEsMSk7IFxuICAgICBkaXNwbGF5OiBmbGV4OyBcbiAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsgXG4gICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZGB9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1Cb3ggPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiAkeyh7IHdpZHRoIH0pID0+ICh3aWR0aCA9PT0gMCA/IDAgOiA0KX1weDtcbiAgei1pbmRleDogJHsoeyBpc0RyYWdnaW5nLCBpc1Jlc2l6aW5nIH0pID0+IGlzRHJhZ2dpbmcgfHwgaXNSZXNpemluZyA/IExheWVycy5Qcm9ncmFtICogMyA6IExheWVycy5Qcm9ncmFtfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAkeyh7IGlzRHJhZ2dpbmcsIGlzUmVzaXppbmcgfSkgPT4gKCFpc0RyYWdnaW5nIHx8ICFpc1Jlc2l6aW5nKSAmJlxyXG4gICAgYCAmOmhvdmVyIHtcbiAgICB6LWluZGV4OiAke0xheWVycy5Qcm9ncmFtICogMn07XG5cbiAgICAke1Byb2dyYW1SZXNpemVIYW5kbGV9IHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9YH1cblxuICAkeyh7IGlzRHJhZ2dpbmcsIGlzUmVzaXppbmcsIHRoZW1lIH0pID0+IChpc0RyYWdnaW5nIHx8IGlzUmVzaXppbmcpICYmXHJcbiAgICBgIFxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5ncmVlblsyMDBdfTtcbiAgICBcbiAgICAke1Byb2dyYW1Db250ZW50fXtcbiAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgY3Vyc29yOiBtb3ZlO1xuICB9XG4gIGB9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbVJlc2l6ZUhhbmRsZSA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDA7XG5cbiAgJHsoeyBpc1Jlc2l6ZSB9KSA9PiAhaXNSZXNpemUgJiYgXCJkaXNwbGF5OiBub25lO1wifVxuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGBcbiAgICAke2xlZnQgPyBgdG9wOiAwO2AgOiBgYm90dG9tOiAwO2B9XG4gICAgbGVmdDowO1xuICAgIGhlaWdodDoyNXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICBjdXJzb3I6ICR7bGVmdCA/IFwibi1yZXNpemVcIiA6IFwicy1yZXNpemVcIn07XG4gIGB9XG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQgfSkgPT4gIWlzVmVydGljYWxNb2RlICYmXHJcbiAgICBgXG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICAke2xlZnQgPyBgbGVmdDogMDtgIDogYHJpZ2h0OiAwO2B9XG4gICAgd2lkdGg6IDI1cHg7XG4gICAgY3Vyc29yOiAke2xlZnQgPyBcInctcmVzaXplXCIgOiBcImUtcmVzaXplXCJ9O1xuICAgIGB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmdyZWVuWzIwMF19O1xuXG4gICAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgbGVmdCB9KSA9PiAhaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGAgICB0b3A6IDA7XG4gICAgICBib3R0b206IDA7XG4gICAgICBoZWlnaHQ6IDUwJTtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICAgICR7bGVmdCA/IGBsZWZ0OiA5cHg7YCA6IGByaWdodDogOXB4O2B9XG4gICAgICAgIGB9XG4gICAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgbGVmdCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgYFxuICAgICAgJHtsZWZ0ID8gYHRvcDogOXB4O2AgOiBgYm90dG9tOiA5cHg7YH1cbiAgICAgbGVmdDo1MCU7XG4gICAgICBoZWlnaHQ6IDRweDtcbiAgICAgIHdpZHRoOiA1MCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gICAgIFxuICAgICAgICBgfVxuICB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Qcm9ncmFtLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
var ProgramBox = /*#__PURE__*/_styled("div", {
|
|
target: "e1cx08bt1",
|
|
label: "ProgramBox"
|
|
})("position:absolute;padding:", function (_ref10) {
|
|
var width = _ref10.width;
|
|
return width === 0 ? 0 : 4;
|
|
}, "px;z-index:", function (_ref11) {
|
|
var isDragging = _ref11.isDragging,
|
|
isResizing = _ref11.isResizing;
|
|
return isDragging || isResizing ? Layers.Program * 3 : Layers.Program;
|
|
}, ";overflow:hidden;", function (_ref12) {
|
|
var isDragging = _ref12.isDragging,
|
|
isResizing = _ref12.isResizing;
|
|
return (!isDragging || !isResizing) && " &:hover {\n z-index: " + Layers.Program * 2 + ";\n\n " + ProgramResizeHandle + " {\n opacity: 1;\n }\n }";
|
|
}, " ", function (_ref13) {
|
|
var isDragging = _ref13.isDragging,
|
|
isResizing = _ref13.isResizing,
|
|
theme = _ref13.theme;
|
|
return (isDragging || isResizing) && " \n border-radius: 10px;\n background: " + theme.green[200] + ";\n \n " + ProgramContent + "{\n user-select: none;\n cursor: move;\n }\n ";
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW0uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1FcUMiLCJmaWxlIjoiUHJvZ3JhbS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1Db250ZW50ID0gc3R5bGVkLmRpdiBgXG4gIGJvcmRlcjogMXB4IHNvbGlkICMxNzE5MjM7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgcGFkZGluZzogMTBweCAkeyh7IHdpZHRoIH0pID0+ICh3aWR0aCA8IDMwID8gNCA6IDIwKX1weDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiBhbGwgMC40cyBlYXNlLWluLW91dDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZTogeyBwcmltYXJ5IH0gfSkgPT4gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHtwcmltYXJ5WzYwMF19LCAke3ByaW1hcnlbNjAwXX0pYH07XG4gIHotaW5kZXg6ICR7TGF5ZXJzLlByb2dyYW19O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWU6IHsgZ3JhZGllbnQgfSB9KSA9PiBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke2dyYWRpZW50LmJsdWVbOTAwXX0sICR7Z3JhZGllbnQuYmx1ZVs2MDBdfSlgfTtcbiAgfVxuXG4gICR7KHsgaXNMaXZlLCBpc1ZlcnRpY2FsTW9kZSwgdGhlbWU6IHsgZ3JhZGllbnQgfSB9KSA9PiBpc0xpdmUgJiZcclxuICAgIGBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQodG8gJHtpc1ZlcnRpY2FsTW9kZSA/IFwiYm90dG9tXCIgOiBcInJpZ2h0XCJ9LCAke2dyYWRpZW50LmJsdWVbOTAwXX0sICR7Z3JhZGllbnQuYmx1ZVs2MDBdfSwke2dyYWRpZW50LmJsdWVbMzAwXX0pYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtRmxleCA9IHN0eWxlZC5kaXYgYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiYgYGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47YH07XG5gO1xyXG5jb25zdCBFbGlwc2lzID0gYFxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtVGl0bGUgPSBzdHlsZWQucCBgXG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgbWFyZ2luLXRvcDogMDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ncmV5WzMwMF19O1xuICAke0VsaXBzaXN9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbVRleHQgPSBzdHlsZWQuc3BhbiBgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDEyLjVweDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudGV4dC5ncmV5WzUwMF19O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAke0VsaXBzaXN9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbUltYWdlID0gc3R5bGVkLmltZyBgXG4gIG1hcmdpbi1yaWdodDogMTVweDtcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xuICB3aWR0aDogMTAwcHg7XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJiBgd2lkdGg6IDEwMCU7IG1hcmdpbi1ib3R0b206IDEwcHhgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtU3RhY2sgPSBzdHlsZWQuZGl2IGBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgJHsoeyBpc1JUTCB9KSA9PiBpc1JUTCAmJlxyXG4gICAgYHRyYW5zZm9ybTogc2NhbGUoLTEsMSk7IFxuICAgICBkaXNwbGF5OiBmbGV4OyBcbiAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsgXG4gICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZGB9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1Cb3ggPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiAkeyh7IHdpZHRoIH0pID0+ICh3aWR0aCA9PT0gMCA/IDAgOiA0KX1weDtcbiAgei1pbmRleDogJHsoeyBpc0RyYWdnaW5nLCBpc1Jlc2l6aW5nIH0pID0+IGlzRHJhZ2dpbmcgfHwgaXNSZXNpemluZyA/IExheWVycy5Qcm9ncmFtICogMyA6IExheWVycy5Qcm9ncmFtfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAkeyh7IGlzRHJhZ2dpbmcsIGlzUmVzaXppbmcgfSkgPT4gKCFpc0RyYWdnaW5nIHx8ICFpc1Jlc2l6aW5nKSAmJlxyXG4gICAgYCAmOmhvdmVyIHtcbiAgICB6LWluZGV4OiAke0xheWVycy5Qcm9ncmFtICogMn07XG5cbiAgICAke1Byb2dyYW1SZXNpemVIYW5kbGV9IHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9YH1cblxuICAkeyh7IGlzRHJhZ2dpbmcsIGlzUmVzaXppbmcsIHRoZW1lIH0pID0+IChpc0RyYWdnaW5nIHx8IGlzUmVzaXppbmcpICYmXHJcbiAgICBgIFxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5ncmVlblsyMDBdfTtcbiAgICBcbiAgICAke1Byb2dyYW1Db250ZW50fXtcbiAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgY3Vyc29yOiBtb3ZlO1xuICB9XG4gIGB9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbVJlc2l6ZUhhbmRsZSA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDA7XG5cbiAgJHsoeyBpc1Jlc2l6ZSB9KSA9PiAhaXNSZXNpemUgJiYgXCJkaXNwbGF5OiBub25lO1wifVxuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGBcbiAgICAke2xlZnQgPyBgdG9wOiAwO2AgOiBgYm90dG9tOiAwO2B9XG4gICAgbGVmdDowO1xuICAgIGhlaWdodDoyNXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICBjdXJzb3I6ICR7bGVmdCA/IFwibi1yZXNpemVcIiA6IFwicy1yZXNpemVcIn07XG4gIGB9XG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQgfSkgPT4gIWlzVmVydGljYWxNb2RlICYmXHJcbiAgICBgXG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICAke2xlZnQgPyBgbGVmdDogMDtgIDogYHJpZ2h0OiAwO2B9XG4gICAgd2lkdGg6IDI1cHg7XG4gICAgY3Vyc29yOiAke2xlZnQgPyBcInctcmVzaXplXCIgOiBcImUtcmVzaXplXCJ9O1xuICAgIGB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmdyZWVuWzIwMF19O1xuXG4gICAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgbGVmdCB9KSA9PiAhaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGAgICB0b3A6IDA7XG4gICAgICBib3R0b206IDA7XG4gICAgICBoZWlnaHQ6IDUwJTtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICAgICR7bGVmdCA/IGBsZWZ0OiA5cHg7YCA6IGByaWdodDogOXB4O2B9XG4gICAgICAgIGB9XG4gICAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgbGVmdCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgYFxuICAgICAgJHtsZWZ0ID8gYHRvcDogOXB4O2AgOiBgYm90dG9tOiA5cHg7YH1cbiAgICAgbGVmdDo1MCU7XG4gICAgICBoZWlnaHQ6IDRweDtcbiAgICAgIHdpZHRoOiA1MCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gICAgIFxuICAgICAgICBgfVxuICB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Qcm9ncmFtLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
var ProgramResizeHandle = /*#__PURE__*/_styled("div", {
|
|
target: "e1cx08bt0",
|
|
label: "ProgramResizeHandle"
|
|
})("position:absolute;opacity:0;", function (_ref14) {
|
|
var isResize = _ref14.isResize;
|
|
return !isResize && "display: none;";
|
|
}, " ", function (_ref15) {
|
|
var isVerticalMode = _ref15.isVerticalMode,
|
|
left = _ref15.left;
|
|
return isVerticalMode && "\n " + (left ? "top: 0;" : "bottom: 0;") + "\n left:0;\n height:25px;\n width: 100%;\n cursor: " + (left ? "n-resize" : "s-resize") + ";\n ";
|
|
}, " ", function (_ref16) {
|
|
var isVerticalMode = _ref16.isVerticalMode,
|
|
left = _ref16.left;
|
|
return !isVerticalMode && "\n top: 0;\n bottom: 0;\n " + (left ? "left: 0;" : "right: 0;") + "\n width: 25px;\n cursor: " + (left ? "w-resize" : "e-resize") + ";\n ";
|
|
}, " &:after{content:\"\";position:absolute;margin:auto;border-radius:8px;background:", function (_ref17) {
|
|
var theme = _ref17.theme;
|
|
return theme.green[200];
|
|
}, ";", function (_ref18) {
|
|
var isVerticalMode = _ref18.isVerticalMode,
|
|
left = _ref18.left;
|
|
return !isVerticalMode && " top: 0;\n bottom: 0;\n height: 50%;\n width: 4px;\n " + (left ? "left: 9px;" : "right: 9px;") + "\n ";
|
|
}, " ", function (_ref19) {
|
|
var isVerticalMode = _ref19.isVerticalMode,
|
|
left = _ref19.left;
|
|
return isVerticalMode && "\n " + (left ? "top: 9px;" : "bottom: 9px;") + "\n left:50%;\n height: 4px;\n width: 50%;\n transform: translateX(-50%);\n \n ";
|
|
}, ";}" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW0uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGOEMiLCJmaWxlIjoiUHJvZ3JhbS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1Db250ZW50ID0gc3R5bGVkLmRpdiBgXG4gIGJvcmRlcjogMXB4IHNvbGlkICMxNzE5MjM7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgcGFkZGluZzogMTBweCAkeyh7IHdpZHRoIH0pID0+ICh3aWR0aCA8IDMwID8gNCA6IDIwKX1weDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiBhbGwgMC40cyBlYXNlLWluLW91dDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZTogeyBwcmltYXJ5IH0gfSkgPT4gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHtwcmltYXJ5WzYwMF19LCAke3ByaW1hcnlbNjAwXX0pYH07XG4gIHotaW5kZXg6ICR7TGF5ZXJzLlByb2dyYW19O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWU6IHsgZ3JhZGllbnQgfSB9KSA9PiBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke2dyYWRpZW50LmJsdWVbOTAwXX0sICR7Z3JhZGllbnQuYmx1ZVs2MDBdfSlgfTtcbiAgfVxuXG4gICR7KHsgaXNMaXZlLCBpc1ZlcnRpY2FsTW9kZSwgdGhlbWU6IHsgZ3JhZGllbnQgfSB9KSA9PiBpc0xpdmUgJiZcclxuICAgIGBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQodG8gJHtpc1ZlcnRpY2FsTW9kZSA/IFwiYm90dG9tXCIgOiBcInJpZ2h0XCJ9LCAke2dyYWRpZW50LmJsdWVbOTAwXX0sICR7Z3JhZGllbnQuYmx1ZVs2MDBdfSwke2dyYWRpZW50LmJsdWVbMzAwXX0pYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtRmxleCA9IHN0eWxlZC5kaXYgYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiYgYGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47YH07XG5gO1xyXG5jb25zdCBFbGlwc2lzID0gYFxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtVGl0bGUgPSBzdHlsZWQucCBgXG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgbWFyZ2luLXRvcDogMDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ncmV5WzMwMF19O1xuICAke0VsaXBzaXN9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbVRleHQgPSBzdHlsZWQuc3BhbiBgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDEyLjVweDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudGV4dC5ncmV5WzUwMF19O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAke0VsaXBzaXN9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbUltYWdlID0gc3R5bGVkLmltZyBgXG4gIG1hcmdpbi1yaWdodDogMTVweDtcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xuICB3aWR0aDogMTAwcHg7XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJiBgd2lkdGg6IDEwMCU7IG1hcmdpbi1ib3R0b206IDEwcHhgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmFtU3RhY2sgPSBzdHlsZWQuZGl2IGBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgJHsoeyBpc1JUTCB9KSA9PiBpc1JUTCAmJlxyXG4gICAgYHRyYW5zZm9ybTogc2NhbGUoLTEsMSk7IFxuICAgICBkaXNwbGF5OiBmbGV4OyBcbiAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsgXG4gICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZGB9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFByb2dyYW1Cb3ggPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiAkeyh7IHdpZHRoIH0pID0+ICh3aWR0aCA9PT0gMCA/IDAgOiA0KX1weDtcbiAgei1pbmRleDogJHsoeyBpc0RyYWdnaW5nLCBpc1Jlc2l6aW5nIH0pID0+IGlzRHJhZ2dpbmcgfHwgaXNSZXNpemluZyA/IExheWVycy5Qcm9ncmFtICogMyA6IExheWVycy5Qcm9ncmFtfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAkeyh7IGlzRHJhZ2dpbmcsIGlzUmVzaXppbmcgfSkgPT4gKCFpc0RyYWdnaW5nIHx8ICFpc1Jlc2l6aW5nKSAmJlxyXG4gICAgYCAmOmhvdmVyIHtcbiAgICB6LWluZGV4OiAke0xheWVycy5Qcm9ncmFtICogMn07XG5cbiAgICAke1Byb2dyYW1SZXNpemVIYW5kbGV9IHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9YH1cblxuICAkeyh7IGlzRHJhZ2dpbmcsIGlzUmVzaXppbmcsIHRoZW1lIH0pID0+IChpc0RyYWdnaW5nIHx8IGlzUmVzaXppbmcpICYmXHJcbiAgICBgIFxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5ncmVlblsyMDBdfTtcbiAgICBcbiAgICAke1Byb2dyYW1Db250ZW50fXtcbiAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgY3Vyc29yOiBtb3ZlO1xuICB9XG4gIGB9XG5gO1xyXG5leHBvcnQgY29uc3QgUHJvZ3JhbVJlc2l6ZUhhbmRsZSA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDA7XG5cbiAgJHsoeyBpc1Jlc2l6ZSB9KSA9PiAhaXNSZXNpemUgJiYgXCJkaXNwbGF5OiBub25lO1wifVxuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGBcbiAgICAke2xlZnQgPyBgdG9wOiAwO2AgOiBgYm90dG9tOiAwO2B9XG4gICAgbGVmdDowO1xuICAgIGhlaWdodDoyNXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICBjdXJzb3I6ICR7bGVmdCA/IFwibi1yZXNpemVcIiA6IFwicy1yZXNpemVcIn07XG4gIGB9XG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQgfSkgPT4gIWlzVmVydGljYWxNb2RlICYmXHJcbiAgICBgXG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICAke2xlZnQgPyBgbGVmdDogMDtgIDogYHJpZ2h0OiAwO2B9XG4gICAgd2lkdGg6IDI1cHg7XG4gICAgY3Vyc29yOiAke2xlZnQgPyBcInctcmVzaXplXCIgOiBcImUtcmVzaXplXCJ9O1xuICAgIGB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmdyZWVuWzIwMF19O1xuXG4gICAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgbGVmdCB9KSA9PiAhaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGAgICB0b3A6IDA7XG4gICAgICBib3R0b206IDA7XG4gICAgICBoZWlnaHQ6IDUwJTtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICAgICR7bGVmdCA/IGBsZWZ0OiA5cHg7YCA6IGByaWdodDogOXB4O2B9XG4gICAgICAgIGB9XG4gICAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgbGVmdCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgYFxuICAgICAgJHtsZWZ0ID8gYHRvcDogOXB4O2AgOiBgYm90dG9tOiA5cHg7YH1cbiAgICAgbGVmdDo1MCU7XG4gICAgICBoZWlnaHQ6IDRweDtcbiAgICAgIHdpZHRoOiA1MCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gICAgIFxuICAgICAgICBgfVxuICB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Qcm9ncmFtLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
|
|
var _templateObject$3, _templateObject2$2, _templateObject3$2, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
|
|
var TimelineTime = /*#__PURE__*/_styled("span", {
|
|
target: "e1bnz7pf6",
|
|
label: "TimelineTime"
|
|
})("position:absolute;top:13px;left:", function (_ref) {
|
|
var isRTL = _ref.isRTL,
|
|
isBaseTimeFormat = _ref.isBaseTimeFormat,
|
|
isVerticalMode = _ref.isVerticalMode,
|
|
isWeekMonthMode = _ref.isWeekMonthMode;
|
|
if (isVerticalMode) {
|
|
if (isRTL) return isBaseTimeFormat ? 9 : 17;
|
|
return isBaseTimeFormat ? 9 : 14;
|
|
}
|
|
if (isWeekMonthMode) return 0;
|
|
return isRTL && isBaseTimeFormat ? "-32" : "-18";
|
|
}, "px;color:", function (_ref2) {
|
|
var theme = _ref2.theme;
|
|
return theme.text.grey[300];
|
|
}, ";", function (_ref3) {
|
|
var isRTL = _ref3.isRTL;
|
|
return isRTL && "\n transform: scale(-1, 1);\n ";
|
|
}, " ", function (_ref4) {
|
|
var theme = _ref4.theme,
|
|
isNewDay = _ref4.isNewDay;
|
|
return isNewDay && "color: " + theme.teal[100] + "; font-weight: 600";
|
|
}, ";", function (_ref5) {
|
|
var isVerticalMode = _ref5.isVerticalMode,
|
|
isRTL = _ref5.isRTL;
|
|
return isVerticalMode && react.css(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n top: -10px;\n left: 50%;\n transform: translate(-50%, 0%) ", ";\n "])), isRTL ? "scale(-1,1)" : "");
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbWVsaW5lLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0MiLCJmaWxlIjoiVGltZWxpbmUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZC9tYWNyb1wiO1xyXG5pbXBvcnQgeyBMYXllcnMgfSBmcm9tIFwiLi4vaGVscGVyc1wiO1xyXG5leHBvcnQgY29uc3QgVGltZWxpbmVUaW1lID0gc3R5bGVkLnNwYW4gYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMTNweDtcbiAgbGVmdDogJHsoeyBpc1JUTCwgaXNCYXNlVGltZUZvcm1hdCwgaXNWZXJ0aWNhbE1vZGUsIGlzV2Vla01vbnRoTW9kZSB9KSA9PiB7XHJcbiAgICBpZiAoaXNWZXJ0aWNhbE1vZGUpIHtcclxuICAgICAgICBpZiAoaXNSVEwpXHJcbiAgICAgICAgICAgIHJldHVybiBpc0Jhc2VUaW1lRm9ybWF0ID8gOSA6IDE3O1xyXG4gICAgICAgIHJldHVybiBpc0Jhc2VUaW1lRm9ybWF0ID8gOSA6IDE0O1xyXG4gICAgfVxyXG4gICAgaWYgKGlzV2Vla01vbnRoTW9kZSlcclxuICAgICAgICByZXR1cm4gMDtcclxuICAgIHJldHVybiBpc1JUTCAmJiBpc0Jhc2VUaW1lRm9ybWF0ID8gXCItMzJcIiA6IFwiLTE4XCI7XHJcbn19cHg7XG5cbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudGV4dC5ncmV5WzMwMF19O1xuXG4gICR7KHsgaXNSVEwgfSkgPT4gaXNSVEwgJiZcclxuICAgIGBcbiAgICAgIHRyYW5zZm9ybTogc2NhbGUoLTEsIDEpO1xuICAgIGB9XG5cbiAgJHsoeyB0aGVtZSwgaXNOZXdEYXkgfSkgPT4gaXNOZXdEYXkgJiYgYGNvbG9yOiAke3RoZW1lLnRlYWxbMTAwXX07IGZvbnQtd2VpZ2h0OiA2MDBgfTtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1JUTCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIHRvcDogLTEwcHg7XG4gICAgICBsZWZ0OiA1MCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAwJSkgJHtpc1JUTCA/IFwic2NhbGUoLTEsMSlcIiA6IFwiXCJ9O1xuICAgIGB9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lV2Vla01vbnRoRGF0ZSA9IHN0eWxlZC5kaXYgYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDAlO1xuICB0cmFuc2Zvcm06ICR7KHsgaXNSVEwgfSkgPT4gKGlzUlRMID8gXCJzY2FsZSgtMSwxKVwiIDogXCJzY2FsZSgxLDEpXCIpfTtcblxuICBzcGFuIHtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50ZXh0LmdyZXlbMzAwXX07XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICB9XG5cbiAgJHsoeyBzdHlsZVR5cGUsIHRoZW1lIH0pID0+IHN0eWxlVHlwZSA9PT0gXCJtb2Rlcm5cIiAmJlxyXG4gICAgY3NzIGBcbiAgICAgIHNwYW46Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLnRlYWxbMTAwXX07XG4gICAgICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICAgIH1cbiAgICAgIHNwYW4ge1xuICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICBjb2xvcjogJHt0aGVtZS50ZXh0LmdyZXlbMzAwXX07XG4gICAgICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICAgIH1cbiAgICBgfVxuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGlzUlRMIH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgbWFyZ2luLXRvcDogMHB4O1xuICAgICAgdHJhbnNmb3JtOiAke2lzUlRMID8gXCJzY2FsZSgtMSwxKVwiIDogXCJzY2FsZSgxLDEpXCJ9O1xuICAgIGB9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lRGl2aWRlcnMgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nLWJvdHRvbTogNnB4O1xuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICBgfVxuYDtcclxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lRGl2aWRlciA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogNnB4O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnRpbWVsaW5lLmRpdmlkZXIuYmd9O1xuICBoZWlnaHQ6IDEwcHg7XG4gIHdpZHRoOiAxcHg7XG4gIGxlZnQ6ICR7KHsgbGVmdCB9KSA9PiBsZWZ0fXB4O1xuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICB0b3A6ICR7bGVmdH1weDtcbiAgICAgIGxlZnQ6IDUwJTtcbiAgICAgIGhlaWdodDogMXB4O1xuICAgICAgd2lkdGg6IDE1cHg7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgIH1cbiAgICBgfVxuXG4gICR7KHsgaXNOZXdEYXksIHRoZW1lIH0pID0+IGlzTmV3RGF5ICYmXHJcbiAgICBgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIHdpZHRoOjJweDtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUudGVhbFsxMDBdfTtcbiAgfWB9XG5gO1xyXG5leHBvcnQgY29uc3QgVGltZWxpbmVXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGlzU2lkZWJhciwgc2lkZWJhcldpZHRoLCB0aW1lbGluZUhlaWdodCwgZGF5V2lkdGgsIHRoZW1lLCB9KSA9PiBjc3MgYFxuICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUucHJpbWFyeVs5MDBdfTtcbiAgICAgIHotaW5kZXg6ICR7TGF5ZXJzLlRpbWVsaW5lfTtcblxuICAgICAgJHtpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgYm90dG9tOiAwcHg7XG4gICAgICAgIGZsb2F0OiBsZWZ0O1xuICAgICAgICB3aWR0aDogJHt0aW1lbGluZUhlaWdodH1weDtcbiAgICAgICAgbWFyZ2luLXRvcDogJHtpc1NpZGViYXIgPyBzaWRlYmFyV2lkdGggOiAwfXB4O1xuICAgICAgYH1cblxuICAgICAgJHshaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgbGVmdDogJHtpc1NpZGViYXIgPyBzaWRlYmFyV2lkdGggOiAwfXB4O1xuICAgICAgICBoZWlnaHQ6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgICAgIHdpZHRoOiAke2RheVdpZHRofXB4O1xuICAgICAgYH1cbiAgICBgfVxuYDtcclxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lQm94ID0gc3R5bGVkLmRpdiBgXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQsIHdpZHRoLCB0aW1lbGluZUhlaWdodCwgdGhlbWUgfSkgPT4gY3NzIGBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeVs5MDBdfTtcblxuICAgICR7IWlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgbGVmdDogJHtsZWZ0fXB4O1xuICAgICAgd2lkdGg6ICR7d2lkdGh9cHg7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYH1cbiAgICAke2lzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgdG9wOiAke2xlZnR9cHg7XG4gICAgICBoZWlnaHQ6ICR7d2lkdGh9cHg7XG4gICAgICB3aWR0aDogJHt0aW1lbGluZUhlaWdodH1weDtcbiAgICBgfVxuICBgfVxuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGlzVG9kYXksIGlzQ3VycmVudFRpbWUsIGlzVG9kYXlJbkhvdXJzSW5EYXlzLCBhcmVIb3Vyc0luRGF5cywgaXNXZWVrTW9udGhNb2RlLCB9KSA9PiB7XHJcbiAgICBjb25zdCB0eXBlTnVtYmVyRGVmYXVsdCA9IGlzVG9kYXkgJiYgaXNDdXJyZW50VGltZSA/IDIgOiAxO1xyXG4gICAgY29uc3QgdHlwZU51bWJlckluSG91cnNEYXlzID0gYXJlSG91cnNJbkRheXNcclxuICAgICAgICA/IGlzVG9kYXlJbkhvdXJzSW5EYXlzICYmIGlzQ3VycmVudFRpbWVcclxuICAgICAgICAgICAgPyAyXHJcbiAgICAgICAgICAgIDogMVxyXG4gICAgICAgIDogMTtcclxuICAgIGNvbnN0IHR5cGVOdW1iZXIgPSBhcmVIb3Vyc0luRGF5c1xyXG4gICAgICAgID8gdHlwZU51bWJlckluSG91cnNEYXlzXHJcbiAgICAgICAgOiB0eXBlTnVtYmVyRGVmYXVsdDtcclxuICAgIGNvbnN0IHBvc2l0aW9uID0gaXNWZXJ0aWNhbE1vZGUgPyBcInRvcFwiIDogXCJsZWZ0XCI7XHJcbiAgICBpZiAoIWlzV2Vla01vbnRoTW9kZSkge1xyXG4gICAgICAgIHJldHVybiBgJjpudGgtb2YtdHlwZSgke3R5cGVOdW1iZXJ9KSB7XG4gICAgICAgICR7VGltZWxpbmVUaW1lfSB7XG4gICAgICAgICAgJHtwb3NpdGlvbn06IDBweDtcbiAgICAgICAgfVxuICAgICAgfWA7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gXCJcIjtcclxufX1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZVdlZWtNb250aEJveCA9IHN0eWxlZChUaW1lbGluZUJveCkgYFxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBzdHlsZVR5cGUsIHRoZW1lIH0pID0+IGNzcyBgXG4gICAgICAmOm5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgICAgICY6YWZ0ZXIge1xuICAgICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUudGltZWxpbmUuZGl2aWRlci5iZ307XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cbiAgICAgICAgICAke2lzVmVydGljYWxNb2RlXHJcbiAgICA/IGNzcyBgXG4gICAgICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgICAgIGhlaWdodDogMXB4O1xuICAgICAgICAgICAgICAgIHdpZHRoOiA4MCU7XG4gICAgICAgICAgICAgIGBcclxuICAgIDogY3NzIGBcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAke3N0eWxlVHlwZSA9PT0gXCJtb2Rlcm5cIiA/IFwiMzUlXCIgOiBcIjcwJVwifTtcbiAgICAgICAgICAgICAgICB3aWR0aDogMXB4O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgYH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRpbWVsaW5lLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
var TimelineWeekMonthDate = /*#__PURE__*/_styled("div", {
|
|
target: "e1bnz7pf5",
|
|
label: "TimelineWeekMonthDate"
|
|
})("display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;transform:", function (_ref6) {
|
|
var isRTL = _ref6.isRTL;
|
|
return isRTL ? "scale(-1,1)" : "scale(1,1)";
|
|
}, ";span{color:", function (_ref7) {
|
|
var theme = _ref7.theme;
|
|
return theme.text.grey[300];
|
|
}, ";font-size:16px;}", function (_ref8) {
|
|
var styleType = _ref8.styleType,
|
|
theme = _ref8.theme;
|
|
return styleType === "modern" && react.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n span:first-of-type {\n font-weight: 500;\n color: ", ";\n font-size: 18px;\n }\n span {\n font-weight: 500;\n color: ", ";\n font-size: 24px;\n }\n "])), theme.teal[100], theme.text.grey[300]);
|
|
}, " ", function (_ref9) {
|
|
var isVerticalMode = _ref9.isVerticalMode,
|
|
isRTL = _ref9.isRTL;
|
|
return isVerticalMode && react.css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteralLoose(["\n margin-top: 0px;\n transform: ", ";\n "])), isRTL ? "scale(-1,1)" : "scale(1,1)");
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbWVsaW5lLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ2dEIiwiZmlsZSI6IlRpbWVsaW5lLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lVGltZSA9IHN0eWxlZC5zcGFuIGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDEzcHg7XG4gIGxlZnQ6ICR7KHsgaXNSVEwsIGlzQmFzZVRpbWVGb3JtYXQsIGlzVmVydGljYWxNb2RlLCBpc1dlZWtNb250aE1vZGUgfSkgPT4ge1xyXG4gICAgaWYgKGlzVmVydGljYWxNb2RlKSB7XHJcbiAgICAgICAgaWYgKGlzUlRMKVxyXG4gICAgICAgICAgICByZXR1cm4gaXNCYXNlVGltZUZvcm1hdCA/IDkgOiAxNztcclxuICAgICAgICByZXR1cm4gaXNCYXNlVGltZUZvcm1hdCA/IDkgOiAxNDtcclxuICAgIH1cclxuICAgIGlmIChpc1dlZWtNb250aE1vZGUpXHJcbiAgICAgICAgcmV0dXJuIDA7XHJcbiAgICByZXR1cm4gaXNSVEwgJiYgaXNCYXNlVGltZUZvcm1hdCA/IFwiLTMyXCIgOiBcIi0xOFwiO1xyXG59fXB4O1xuXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnRleHQuZ3JleVszMDBdfTtcblxuICAkeyh7IGlzUlRMIH0pID0+IGlzUlRMICYmXHJcbiAgICBgXG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKC0xLCAxKTtcbiAgICBgfVxuXG4gICR7KHsgdGhlbWUsIGlzTmV3RGF5IH0pID0+IGlzTmV3RGF5ICYmIGBjb2xvcjogJHt0aGVtZS50ZWFsWzEwMF19OyBmb250LXdlaWdodDogNjAwYH07XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNSVEwgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICB0b3A6IC0xMHB4O1xuICAgICAgbGVmdDogNTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCUpICR7aXNSVEwgPyBcInNjYWxlKC0xLDEpXCIgOiBcIlwifTtcbiAgICBgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZVdlZWtNb250aERhdGUgPSBzdHlsZWQuZGl2IGBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGhlaWdodDogMTAwJTtcbiAgdHJhbnNmb3JtOiAkeyh7IGlzUlRMIH0pID0+IChpc1JUTCA/IFwic2NhbGUoLTEsMSlcIiA6IFwic2NhbGUoMSwxKVwiKX07XG5cbiAgc3BhbiB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudGV4dC5ncmV5WzMwMF19O1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgfVxuXG4gICR7KHsgc3R5bGVUeXBlLCB0aGVtZSB9KSA9PiBzdHlsZVR5cGUgPT09IFwibW9kZXJuXCIgJiZcclxuICAgIGNzcyBgXG4gICAgICBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICBjb2xvcjogJHt0aGVtZS50ZWFsWzEwMF19O1xuICAgICAgICBmb250LXNpemU6IDE4cHg7XG4gICAgICB9XG4gICAgICBzcGFuIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUudGV4dC5ncmV5WzMwMF19O1xuICAgICAgICBmb250LXNpemU6IDI0cHg7XG4gICAgICB9XG4gICAgYH1cblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1JUTCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIG1hcmdpbi10b3A6IDBweDtcbiAgICAgIHRyYW5zZm9ybTogJHtpc1JUTCA/IFwic2NhbGUoLTEsMSlcIiA6IFwic2NhbGUoMSwxKVwifTtcbiAgICBgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZURpdmlkZXJzID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZy1ib3R0b206IDZweDtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlIH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZURpdmlkZXIgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDZweDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50aW1lbGluZS5kaXZpZGVyLmJnfTtcbiAgaGVpZ2h0OiAxMHB4O1xuICB3aWR0aDogMXB4O1xuICBsZWZ0OiAkeyh7IGxlZnQgfSkgPT4gbGVmdH1weDtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBsZWZ0IH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgdG9wOiAke2xlZnR9cHg7XG4gICAgICBsZWZ0OiA1MCU7XG4gICAgICBoZWlnaHQ6IDFweDtcbiAgICAgIHdpZHRoOiAxNXB4O1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgICB9XG4gICAgYH1cblxuICAkeyh7IGlzTmV3RGF5LCB0aGVtZSB9KSA9PiBpc05ld0RheSAmJlxyXG4gICAgYCY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICB3aWR0aDoycHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnRlYWxbMTAwXX07XG4gIH1gfVxuYDtcclxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1NpZGViYXIsIHNpZGViYXJXaWR0aCwgdGltZWxpbmVIZWlnaHQsIGRheVdpZHRoLCB0aGVtZSwgfSkgPT4gY3NzIGBcbiAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnByaW1hcnlbOTAwXX07XG4gICAgICB6LWluZGV4OiAke0xheWVycy5UaW1lbGluZX07XG5cbiAgICAgICR7aXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIGJvdHRvbTogMHB4O1xuICAgICAgICBmbG9hdDogbGVmdDtcbiAgICAgICAgd2lkdGg6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgICAgIG1hcmdpbi10b3A6ICR7aXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMH1weDtcbiAgICAgIGB9XG5cbiAgICAgICR7IWlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgICB0b3A6IDA7XG4gICAgICAgIGxlZnQ6ICR7aXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMH1weDtcbiAgICAgICAgaGVpZ2h0OiAke3RpbWVsaW5lSGVpZ2h0fXB4O1xuICAgICAgICB3aWR0aDogJHtkYXlXaWR0aH1weDtcbiAgICAgIGB9XG4gICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZUJveCA9IHN0eWxlZC5kaXYgYFxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBsZWZ0LCB3aWR0aCwgdGltZWxpbmVIZWlnaHQsIHRoZW1lIH0pID0+IGNzcyBgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnlbOTAwXX07XG5cbiAgICAkeyFpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIGB9XG4gICAgJHtpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIHRvcDogJHtsZWZ0fXB4O1xuICAgICAgaGVpZ2h0OiAke3dpZHRofXB4O1xuICAgICAgd2lkdGg6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgYH1cbiAgYH1cblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1RvZGF5LCBpc0N1cnJlbnRUaW1lLCBpc1RvZGF5SW5Ib3Vyc0luRGF5cywgYXJlSG91cnNJbkRheXMsIGlzV2Vla01vbnRoTW9kZSwgfSkgPT4ge1xyXG4gICAgY29uc3QgdHlwZU51bWJlckRlZmF1bHQgPSBpc1RvZGF5ICYmIGlzQ3VycmVudFRpbWUgPyAyIDogMTtcclxuICAgIGNvbnN0IHR5cGVOdW1iZXJJbkhvdXJzRGF5cyA9IGFyZUhvdXJzSW5EYXlzXHJcbiAgICAgICAgPyBpc1RvZGF5SW5Ib3Vyc0luRGF5cyAmJiBpc0N1cnJlbnRUaW1lXHJcbiAgICAgICAgICAgID8gMlxyXG4gICAgICAgICAgICA6IDFcclxuICAgICAgICA6IDE7XHJcbiAgICBjb25zdCB0eXBlTnVtYmVyID0gYXJlSG91cnNJbkRheXNcclxuICAgICAgICA/IHR5cGVOdW1iZXJJbkhvdXJzRGF5c1xyXG4gICAgICAgIDogdHlwZU51bWJlckRlZmF1bHQ7XHJcbiAgICBjb25zdCBwb3NpdGlvbiA9IGlzVmVydGljYWxNb2RlID8gXCJ0b3BcIiA6IFwibGVmdFwiO1xyXG4gICAgaWYgKCFpc1dlZWtNb250aE1vZGUpIHtcclxuICAgICAgICByZXR1cm4gYCY6bnRoLW9mLXR5cGUoJHt0eXBlTnVtYmVyfSkge1xuICAgICAgICAke1RpbWVsaW5lVGltZX0ge1xuICAgICAgICAgICR7cG9zaXRpb259OiAwcHg7XG4gICAgICAgIH1cbiAgICAgIH1gO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIFwiXCI7XHJcbn19XG5gO1xyXG5leHBvcnQgY29uc3QgVGltZWxpbmVXZWVrTW9udGhCb3ggPSBzdHlsZWQoVGltZWxpbmVCb3gpIGBcbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgc3R5bGVUeXBlLCB0aGVtZSB9KSA9PiBjc3MgYFxuICAgICAgJjpub3QoOmxhc3Qtb2YtdHlwZSkge1xuICAgICAgICAmOmFmdGVyIHtcbiAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnRpbWVsaW5lLmRpdmlkZXIuYmd9O1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuXG4gICAgICAgICAgJHtpc1ZlcnRpY2FsTW9kZVxyXG4gICAgPyBjc3MgYFxuICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDFweDtcbiAgICAgICAgICAgICAgICB3aWR0aDogODAlO1xuICAgICAgICAgICAgICBgXHJcbiAgICA6IGNzcyBgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICAgIGhlaWdodDogJHtzdHlsZVR5cGUgPT09IFwibW9kZXJuXCIgPyBcIjM1JVwiIDogXCI3MCVcIn07XG4gICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIGB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UaW1lbGluZS5zdHlsZXMuanMubWFwIl19 */"));
|
|
var TimelineDividers = /*#__PURE__*/_styled("div", {
|
|
target: "e1bnz7pf4",
|
|
label: "TimelineDividers"
|
|
})("position:relative;height:100%;width:100%;padding-bottom:6px;", function (_ref10) {
|
|
var isVerticalMode = _ref10.isVerticalMode;
|
|
return isVerticalMode && react.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n grid-template-columns: 1fr;\n align-items: start;\n "])));
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbWVsaW5lLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRTJDIiwiZmlsZSI6IlRpbWVsaW5lLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lVGltZSA9IHN0eWxlZC5zcGFuIGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDEzcHg7XG4gIGxlZnQ6ICR7KHsgaXNSVEwsIGlzQmFzZVRpbWVGb3JtYXQsIGlzVmVydGljYWxNb2RlLCBpc1dlZWtNb250aE1vZGUgfSkgPT4ge1xyXG4gICAgaWYgKGlzVmVydGljYWxNb2RlKSB7XHJcbiAgICAgICAgaWYgKGlzUlRMKVxyXG4gICAgICAgICAgICByZXR1cm4gaXNCYXNlVGltZUZvcm1hdCA/IDkgOiAxNztcclxuICAgICAgICByZXR1cm4gaXNCYXNlVGltZUZvcm1hdCA/IDkgOiAxNDtcclxuICAgIH1cclxuICAgIGlmIChpc1dlZWtNb250aE1vZGUpXHJcbiAgICAgICAgcmV0dXJuIDA7XHJcbiAgICByZXR1cm4gaXNSVEwgJiYgaXNCYXNlVGltZUZvcm1hdCA/IFwiLTMyXCIgOiBcIi0xOFwiO1xyXG59fXB4O1xuXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnRleHQuZ3JleVszMDBdfTtcblxuICAkeyh7IGlzUlRMIH0pID0+IGlzUlRMICYmXHJcbiAgICBgXG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKC0xLCAxKTtcbiAgICBgfVxuXG4gICR7KHsgdGhlbWUsIGlzTmV3RGF5IH0pID0+IGlzTmV3RGF5ICYmIGBjb2xvcjogJHt0aGVtZS50ZWFsWzEwMF19OyBmb250LXdlaWdodDogNjAwYH07XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNSVEwgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICB0b3A6IC0xMHB4O1xuICAgICAgbGVmdDogNTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCUpICR7aXNSVEwgPyBcInNjYWxlKC0xLDEpXCIgOiBcIlwifTtcbiAgICBgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZVdlZWtNb250aERhdGUgPSBzdHlsZWQuZGl2IGBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGhlaWdodDogMTAwJTtcbiAgdHJhbnNmb3JtOiAkeyh7IGlzUlRMIH0pID0+IChpc1JUTCA/IFwic2NhbGUoLTEsMSlcIiA6IFwic2NhbGUoMSwxKVwiKX07XG5cbiAgc3BhbiB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudGV4dC5ncmV5WzMwMF19O1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgfVxuXG4gICR7KHsgc3R5bGVUeXBlLCB0aGVtZSB9KSA9PiBzdHlsZVR5cGUgPT09IFwibW9kZXJuXCIgJiZcclxuICAgIGNzcyBgXG4gICAgICBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICBjb2xvcjogJHt0aGVtZS50ZWFsWzEwMF19O1xuICAgICAgICBmb250LXNpemU6IDE4cHg7XG4gICAgICB9XG4gICAgICBzcGFuIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUudGV4dC5ncmV5WzMwMF19O1xuICAgICAgICBmb250LXNpemU6IDI0cHg7XG4gICAgICB9XG4gICAgYH1cblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1JUTCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIG1hcmdpbi10b3A6IDBweDtcbiAgICAgIHRyYW5zZm9ybTogJHtpc1JUTCA/IFwic2NhbGUoLTEsMSlcIiA6IFwic2NhbGUoMSwxKVwifTtcbiAgICBgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZURpdmlkZXJzID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZy1ib3R0b206IDZweDtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlIH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZURpdmlkZXIgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDZweDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50aW1lbGluZS5kaXZpZGVyLmJnfTtcbiAgaGVpZ2h0OiAxMHB4O1xuICB3aWR0aDogMXB4O1xuICBsZWZ0OiAkeyh7IGxlZnQgfSkgPT4gbGVmdH1weDtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBsZWZ0IH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgdG9wOiAke2xlZnR9cHg7XG4gICAgICBsZWZ0OiA1MCU7XG4gICAgICBoZWlnaHQ6IDFweDtcbiAgICAgIHdpZHRoOiAxNXB4O1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgICB9XG4gICAgYH1cblxuICAkeyh7IGlzTmV3RGF5LCB0aGVtZSB9KSA9PiBpc05ld0RheSAmJlxyXG4gICAgYCY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICB3aWR0aDoycHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnRlYWxbMTAwXX07XG4gIH1gfVxuYDtcclxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1NpZGViYXIsIHNpZGViYXJXaWR0aCwgdGltZWxpbmVIZWlnaHQsIGRheVdpZHRoLCB0aGVtZSwgfSkgPT4gY3NzIGBcbiAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnByaW1hcnlbOTAwXX07XG4gICAgICB6LWluZGV4OiAke0xheWVycy5UaW1lbGluZX07XG5cbiAgICAgICR7aXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIGJvdHRvbTogMHB4O1xuICAgICAgICBmbG9hdDogbGVmdDtcbiAgICAgICAgd2lkdGg6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgICAgIG1hcmdpbi10b3A6ICR7aXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMH1weDtcbiAgICAgIGB9XG5cbiAgICAgICR7IWlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgICB0b3A6IDA7XG4gICAgICAgIGxlZnQ6ICR7aXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMH1weDtcbiAgICAgICAgaGVpZ2h0OiAke3RpbWVsaW5lSGVpZ2h0fXB4O1xuICAgICAgICB3aWR0aDogJHtkYXlXaWR0aH1weDtcbiAgICAgIGB9XG4gICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZUJveCA9IHN0eWxlZC5kaXYgYFxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBsZWZ0LCB3aWR0aCwgdGltZWxpbmVIZWlnaHQsIHRoZW1lIH0pID0+IGNzcyBgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnlbOTAwXX07XG5cbiAgICAkeyFpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIGB9XG4gICAgJHtpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIHRvcDogJHtsZWZ0fXB4O1xuICAgICAgaGVpZ2h0OiAke3dpZHRofXB4O1xuICAgICAgd2lkdGg6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgYH1cbiAgYH1cblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1RvZGF5LCBpc0N1cnJlbnRUaW1lLCBpc1RvZGF5SW5Ib3Vyc0luRGF5cywgYXJlSG91cnNJbkRheXMsIGlzV2Vla01vbnRoTW9kZSwgfSkgPT4ge1xyXG4gICAgY29uc3QgdHlwZU51bWJlckRlZmF1bHQgPSBpc1RvZGF5ICYmIGlzQ3VycmVudFRpbWUgPyAyIDogMTtcclxuICAgIGNvbnN0IHR5cGVOdW1iZXJJbkhvdXJzRGF5cyA9IGFyZUhvdXJzSW5EYXlzXHJcbiAgICAgICAgPyBpc1RvZGF5SW5Ib3Vyc0luRGF5cyAmJiBpc0N1cnJlbnRUaW1lXHJcbiAgICAgICAgICAgID8gMlxyXG4gICAgICAgICAgICA6IDFcclxuICAgICAgICA6IDE7XHJcbiAgICBjb25zdCB0eXBlTnVtYmVyID0gYXJlSG91cnNJbkRheXNcclxuICAgICAgICA/IHR5cGVOdW1iZXJJbkhvdXJzRGF5c1xyXG4gICAgICAgIDogdHlwZU51bWJlckRlZmF1bHQ7XHJcbiAgICBjb25zdCBwb3NpdGlvbiA9IGlzVmVydGljYWxNb2RlID8gXCJ0b3BcIiA6IFwibGVmdFwiO1xyXG4gICAgaWYgKCFpc1dlZWtNb250aE1vZGUpIHtcclxuICAgICAgICByZXR1cm4gYCY6bnRoLW9mLXR5cGUoJHt0eXBlTnVtYmVyfSkge1xuICAgICAgICAke1RpbWVsaW5lVGltZX0ge1xuICAgICAgICAgICR7cG9zaXRpb259OiAwcHg7XG4gICAgICAgIH1cbiAgICAgIH1gO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIFwiXCI7XHJcbn19XG5gO1xyXG5leHBvcnQgY29uc3QgVGltZWxpbmVXZWVrTW9udGhCb3ggPSBzdHlsZWQoVGltZWxpbmVCb3gpIGBcbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgc3R5bGVUeXBlLCB0aGVtZSB9KSA9PiBjc3MgYFxuICAgICAgJjpub3QoOmxhc3Qtb2YtdHlwZSkge1xuICAgICAgICAmOmFmdGVyIHtcbiAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnRpbWVsaW5lLmRpdmlkZXIuYmd9O1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuXG4gICAgICAgICAgJHtpc1ZlcnRpY2FsTW9kZVxyXG4gICAgPyBjc3MgYFxuICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDFweDtcbiAgICAgICAgICAgICAgICB3aWR0aDogODAlO1xuICAgICAgICAgICAgICBgXHJcbiAgICA6IGNzcyBgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICAgIGhlaWdodDogJHtzdHlsZVR5cGUgPT09IFwibW9kZXJuXCIgPyBcIjM1JVwiIDogXCI3MCVcIn07XG4gICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIGB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UaW1lbGluZS5zdHlsZXMuanMubWFwIl19 */"));
|
|
var TimelineDivider = /*#__PURE__*/_styled("div", {
|
|
target: "e1bnz7pf3",
|
|
label: "TimelineDivider"
|
|
})("position:absolute;bottom:6px;background:", function (_ref11) {
|
|
var theme = _ref11.theme;
|
|
return theme.timeline.divider.bg;
|
|
}, ";height:10px;width:1px;left:", function (_ref12) {
|
|
var left = _ref12.left;
|
|
return left;
|
|
}, "px;", function (_ref13) {
|
|
var isVerticalMode = _ref13.isVerticalMode,
|
|
left = _ref13.left;
|
|
return isVerticalMode && react.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n top: ", "px;\n left: 50%;\n height: 1px;\n width: 15px;\n transform: translate(-50%, -50%);\n &:first-of-type {\n opacity: 0;\n visibility: hidden;\n }\n "])), left);
|
|
}, " ", function (_ref14) {
|
|
var isNewDay = _ref14.isNewDay,
|
|
theme = _ref14.theme;
|
|
return isNewDay && "&:first-of-type {\n width:2px;\n background: " + theme.teal[100] + ";\n }";
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbWVsaW5lLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RTBDIiwiZmlsZSI6IlRpbWVsaW5lLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lVGltZSA9IHN0eWxlZC5zcGFuIGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDEzcHg7XG4gIGxlZnQ6ICR7KHsgaXNSVEwsIGlzQmFzZVRpbWVGb3JtYXQsIGlzVmVydGljYWxNb2RlLCBpc1dlZWtNb250aE1vZGUgfSkgPT4ge1xyXG4gICAgaWYgKGlzVmVydGljYWxNb2RlKSB7XHJcbiAgICAgICAgaWYgKGlzUlRMKVxyXG4gICAgICAgICAgICByZXR1cm4gaXNCYXNlVGltZUZvcm1hdCA/IDkgOiAxNztcclxuICAgICAgICByZXR1cm4gaXNCYXNlVGltZUZvcm1hdCA/IDkgOiAxNDtcclxuICAgIH1cclxuICAgIGlmIChpc1dlZWtNb250aE1vZGUpXHJcbiAgICAgICAgcmV0dXJuIDA7XHJcbiAgICByZXR1cm4gaXNSVEwgJiYgaXNCYXNlVGltZUZvcm1hdCA/IFwiLTMyXCIgOiBcIi0xOFwiO1xyXG59fXB4O1xuXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnRleHQuZ3JleVszMDBdfTtcblxuICAkeyh7IGlzUlRMIH0pID0+IGlzUlRMICYmXHJcbiAgICBgXG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKC0xLCAxKTtcbiAgICBgfVxuXG4gICR7KHsgdGhlbWUsIGlzTmV3RGF5IH0pID0+IGlzTmV3RGF5ICYmIGBjb2xvcjogJHt0aGVtZS50ZWFsWzEwMF19OyBmb250LXdlaWdodDogNjAwYH07XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNSVEwgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICB0b3A6IC0xMHB4O1xuICAgICAgbGVmdDogNTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCUpICR7aXNSVEwgPyBcInNjYWxlKC0xLDEpXCIgOiBcIlwifTtcbiAgICBgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZVdlZWtNb250aERhdGUgPSBzdHlsZWQuZGl2IGBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGhlaWdodDogMTAwJTtcbiAgdHJhbnNmb3JtOiAkeyh7IGlzUlRMIH0pID0+IChpc1JUTCA/IFwic2NhbGUoLTEsMSlcIiA6IFwic2NhbGUoMSwxKVwiKX07XG5cbiAgc3BhbiB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudGV4dC5ncmV5WzMwMF19O1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgfVxuXG4gICR7KHsgc3R5bGVUeXBlLCB0aGVtZSB9KSA9PiBzdHlsZVR5cGUgPT09IFwibW9kZXJuXCIgJiZcclxuICAgIGNzcyBgXG4gICAgICBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICBjb2xvcjogJHt0aGVtZS50ZWFsWzEwMF19O1xuICAgICAgICBmb250LXNpemU6IDE4cHg7XG4gICAgICB9XG4gICAgICBzcGFuIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUudGV4dC5ncmV5WzMwMF19O1xuICAgICAgICBmb250LXNpemU6IDI0cHg7XG4gICAgICB9XG4gICAgYH1cblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1JUTCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIG1hcmdpbi10b3A6IDBweDtcbiAgICAgIHRyYW5zZm9ybTogJHtpc1JUTCA/IFwic2NhbGUoLTEsMSlcIiA6IFwic2NhbGUoMSwxKVwifTtcbiAgICBgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZURpdmlkZXJzID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZy1ib3R0b206IDZweDtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlIH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZURpdmlkZXIgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDZweDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50aW1lbGluZS5kaXZpZGVyLmJnfTtcbiAgaGVpZ2h0OiAxMHB4O1xuICB3aWR0aDogMXB4O1xuICBsZWZ0OiAkeyh7IGxlZnQgfSkgPT4gbGVmdH1weDtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBsZWZ0IH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgdG9wOiAke2xlZnR9cHg7XG4gICAgICBsZWZ0OiA1MCU7XG4gICAgICBoZWlnaHQ6IDFweDtcbiAgICAgIHdpZHRoOiAxNXB4O1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgICB9XG4gICAgYH1cblxuICAkeyh7IGlzTmV3RGF5LCB0aGVtZSB9KSA9PiBpc05ld0RheSAmJlxyXG4gICAgYCY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICB3aWR0aDoycHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnRlYWxbMTAwXX07XG4gIH1gfVxuYDtcclxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1NpZGViYXIsIHNpZGViYXJXaWR0aCwgdGltZWxpbmVIZWlnaHQsIGRheVdpZHRoLCB0aGVtZSwgfSkgPT4gY3NzIGBcbiAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnByaW1hcnlbOTAwXX07XG4gICAgICB6LWluZGV4OiAke0xheWVycy5UaW1lbGluZX07XG5cbiAgICAgICR7aXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIGJvdHRvbTogMHB4O1xuICAgICAgICBmbG9hdDogbGVmdDtcbiAgICAgICAgd2lkdGg6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgICAgIG1hcmdpbi10b3A6ICR7aXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMH1weDtcbiAgICAgIGB9XG5cbiAgICAgICR7IWlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgICB0b3A6IDA7XG4gICAgICAgIGxlZnQ6ICR7aXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMH1weDtcbiAgICAgICAgaGVpZ2h0OiAke3RpbWVsaW5lSGVpZ2h0fXB4O1xuICAgICAgICB3aWR0aDogJHtkYXlXaWR0aH1weDtcbiAgICAgIGB9XG4gICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZUJveCA9IHN0eWxlZC5kaXYgYFxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBsZWZ0LCB3aWR0aCwgdGltZWxpbmVIZWlnaHQsIHRoZW1lIH0pID0+IGNzcyBgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnlbOTAwXX07XG5cbiAgICAkeyFpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIGB9XG4gICAgJHtpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIHRvcDogJHtsZWZ0fXB4O1xuICAgICAgaGVpZ2h0OiAke3dpZHRofXB4O1xuICAgICAgd2lkdGg6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgYH1cbiAgYH1cblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1RvZGF5LCBpc0N1cnJlbnRUaW1lLCBpc1RvZGF5SW5Ib3Vyc0luRGF5cywgYXJlSG91cnNJbkRheXMsIGlzV2Vla01vbnRoTW9kZSwgfSkgPT4ge1xyXG4gICAgY29uc3QgdHlwZU51bWJlckRlZmF1bHQgPSBpc1RvZGF5ICYmIGlzQ3VycmVudFRpbWUgPyAyIDogMTtcclxuICAgIGNvbnN0IHR5cGVOdW1iZXJJbkhvdXJzRGF5cyA9IGFyZUhvdXJzSW5EYXlzXHJcbiAgICAgICAgPyBpc1RvZGF5SW5Ib3Vyc0luRGF5cyAmJiBpc0N1cnJlbnRUaW1lXHJcbiAgICAgICAgICAgID8gMlxyXG4gICAgICAgICAgICA6IDFcclxuICAgICAgICA6IDE7XHJcbiAgICBjb25zdCB0eXBlTnVtYmVyID0gYXJlSG91cnNJbkRheXNcclxuICAgICAgICA/IHR5cGVOdW1iZXJJbkhvdXJzRGF5c1xyXG4gICAgICAgIDogdHlwZU51bWJlckRlZmF1bHQ7XHJcbiAgICBjb25zdCBwb3NpdGlvbiA9IGlzVmVydGljYWxNb2RlID8gXCJ0b3BcIiA6IFwibGVmdFwiO1xyXG4gICAgaWYgKCFpc1dlZWtNb250aE1vZGUpIHtcclxuICAgICAgICByZXR1cm4gYCY6bnRoLW9mLXR5cGUoJHt0eXBlTnVtYmVyfSkge1xuICAgICAgICAke1RpbWVsaW5lVGltZX0ge1xuICAgICAgICAgICR7cG9zaXRpb259OiAwcHg7XG4gICAgICAgIH1cbiAgICAgIH1gO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIFwiXCI7XHJcbn19XG5gO1xyXG5leHBvcnQgY29uc3QgVGltZWxpbmVXZWVrTW9udGhCb3ggPSBzdHlsZWQoVGltZWxpbmVCb3gpIGBcbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgc3R5bGVUeXBlLCB0aGVtZSB9KSA9PiBjc3MgYFxuICAgICAgJjpub3QoOmxhc3Qtb2YtdHlwZSkge1xuICAgICAgICAmOmFmdGVyIHtcbiAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnRpbWVsaW5lLmRpdmlkZXIuYmd9O1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuXG4gICAgICAgICAgJHtpc1ZlcnRpY2FsTW9kZVxyXG4gICAgPyBjc3MgYFxuICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDFweDtcbiAgICAgICAgICAgICAgICB3aWR0aDogODAlO1xuICAgICAgICAgICAgICBgXHJcbiAgICA6IGNzcyBgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICAgIGhlaWdodDogJHtzdHlsZVR5cGUgPT09IFwibW9kZXJuXCIgPyBcIjM1JVwiIDogXCI3MCVcIn07XG4gICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIGB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UaW1lbGluZS5zdHlsZXMuanMubWFwIl19 */"));
|
|
var TimelineWrapper = /*#__PURE__*/_styled("div", {
|
|
target: "e1bnz7pf2",
|
|
label: "TimelineWrapper"
|
|
})(function (_ref15) {
|
|
var isVerticalMode = _ref15.isVerticalMode,
|
|
isSidebar = _ref15.isSidebar,
|
|
sidebarWidth = _ref15.sidebarWidth,
|
|
timelineHeight = _ref15.timelineHeight,
|
|
dayWidth = _ref15.dayWidth,
|
|
theme = _ref15.theme;
|
|
return react.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n position: sticky;\n background: ", ";\n z-index: ", ";\n\n ", "\n\n ", "\n "])), theme.primary[900], Layers.Timeline, isVerticalMode && react.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n left: 0;\n bottom: 0px;\n float: left;\n width: ", "px;\n margin-top: ", "px;\n "])), timelineHeight, isSidebar ? sidebarWidth : 0), !isVerticalMode && react.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n top: 0;\n left: ", "px;\n height: ", "px;\n width: ", "px;\n "])), isSidebar ? sidebarWidth : 0, timelineHeight, dayWidth));
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbWVsaW5lLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RzBDIiwiZmlsZSI6IlRpbWVsaW5lLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lVGltZSA9IHN0eWxlZC5zcGFuIGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDEzcHg7XG4gIGxlZnQ6ICR7KHsgaXNSVEwsIGlzQmFzZVRpbWVGb3JtYXQsIGlzVmVydGljYWxNb2RlLCBpc1dlZWtNb250aE1vZGUgfSkgPT4ge1xyXG4gICAgaWYgKGlzVmVydGljYWxNb2RlKSB7XHJcbiAgICAgICAgaWYgKGlzUlRMKVxyXG4gICAgICAgICAgICByZXR1cm4gaXNCYXNlVGltZUZvcm1hdCA/IDkgOiAxNztcclxuICAgICAgICByZXR1cm4gaXNCYXNlVGltZUZvcm1hdCA/IDkgOiAxNDtcclxuICAgIH1cclxuICAgIGlmIChpc1dlZWtNb250aE1vZGUpXHJcbiAgICAgICAgcmV0dXJuIDA7XHJcbiAgICByZXR1cm4gaXNSVEwgJiYgaXNCYXNlVGltZUZvcm1hdCA/IFwiLTMyXCIgOiBcIi0xOFwiO1xyXG59fXB4O1xuXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnRleHQuZ3JleVszMDBdfTtcblxuICAkeyh7IGlzUlRMIH0pID0+IGlzUlRMICYmXHJcbiAgICBgXG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKC0xLCAxKTtcbiAgICBgfVxuXG4gICR7KHsgdGhlbWUsIGlzTmV3RGF5IH0pID0+IGlzTmV3RGF5ICYmIGBjb2xvcjogJHt0aGVtZS50ZWFsWzEwMF19OyBmb250LXdlaWdodDogNjAwYH07XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNSVEwgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICB0b3A6IC0xMHB4O1xuICAgICAgbGVmdDogNTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCUpICR7aXNSVEwgPyBcInNjYWxlKC0xLDEpXCIgOiBcIlwifTtcbiAgICBgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZVdlZWtNb250aERhdGUgPSBzdHlsZWQuZGl2IGBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGhlaWdodDogMTAwJTtcbiAgdHJhbnNmb3JtOiAkeyh7IGlzUlRMIH0pID0+IChpc1JUTCA/IFwic2NhbGUoLTEsMSlcIiA6IFwic2NhbGUoMSwxKVwiKX07XG5cbiAgc3BhbiB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudGV4dC5ncmV5WzMwMF19O1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgfVxuXG4gICR7KHsgc3R5bGVUeXBlLCB0aGVtZSB9KSA9PiBzdHlsZVR5cGUgPT09IFwibW9kZXJuXCIgJiZcclxuICAgIGNzcyBgXG4gICAgICBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICBjb2xvcjogJHt0aGVtZS50ZWFsWzEwMF19O1xuICAgICAgICBmb250LXNpemU6IDE4cHg7XG4gICAgICB9XG4gICAgICBzcGFuIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUudGV4dC5ncmV5WzMwMF19O1xuICAgICAgICBmb250LXNpemU6IDI0cHg7XG4gICAgICB9XG4gICAgYH1cblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1JUTCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIG1hcmdpbi10b3A6IDBweDtcbiAgICAgIHRyYW5zZm9ybTogJHtpc1JUTCA/IFwic2NhbGUoLTEsMSlcIiA6IFwic2NhbGUoMSwxKVwifTtcbiAgICBgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZURpdmlkZXJzID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZy1ib3R0b206IDZweDtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlIH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZURpdmlkZXIgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDZweDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50aW1lbGluZS5kaXZpZGVyLmJnfTtcbiAgaGVpZ2h0OiAxMHB4O1xuICB3aWR0aDogMXB4O1xuICBsZWZ0OiAkeyh7IGxlZnQgfSkgPT4gbGVmdH1weDtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBsZWZ0IH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgdG9wOiAke2xlZnR9cHg7XG4gICAgICBsZWZ0OiA1MCU7XG4gICAgICBoZWlnaHQ6IDFweDtcbiAgICAgIHdpZHRoOiAxNXB4O1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgICB9XG4gICAgYH1cblxuICAkeyh7IGlzTmV3RGF5LCB0aGVtZSB9KSA9PiBpc05ld0RheSAmJlxyXG4gICAgYCY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICB3aWR0aDoycHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnRlYWxbMTAwXX07XG4gIH1gfVxuYDtcclxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1NpZGViYXIsIHNpZGViYXJXaWR0aCwgdGltZWxpbmVIZWlnaHQsIGRheVdpZHRoLCB0aGVtZSwgfSkgPT4gY3NzIGBcbiAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnByaW1hcnlbOTAwXX07XG4gICAgICB6LWluZGV4OiAke0xheWVycy5UaW1lbGluZX07XG5cbiAgICAgICR7aXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIGJvdHRvbTogMHB4O1xuICAgICAgICBmbG9hdDogbGVmdDtcbiAgICAgICAgd2lkdGg6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgICAgIG1hcmdpbi10b3A6ICR7aXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMH1weDtcbiAgICAgIGB9XG5cbiAgICAgICR7IWlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgICB0b3A6IDA7XG4gICAgICAgIGxlZnQ6ICR7aXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMH1weDtcbiAgICAgICAgaGVpZ2h0OiAke3RpbWVsaW5lSGVpZ2h0fXB4O1xuICAgICAgICB3aWR0aDogJHtkYXlXaWR0aH1weDtcbiAgICAgIGB9XG4gICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZUJveCA9IHN0eWxlZC5kaXYgYFxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBsZWZ0LCB3aWR0aCwgdGltZWxpbmVIZWlnaHQsIHRoZW1lIH0pID0+IGNzcyBgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnlbOTAwXX07XG5cbiAgICAkeyFpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIGB9XG4gICAgJHtpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIHRvcDogJHtsZWZ0fXB4O1xuICAgICAgaGVpZ2h0OiAke3dpZHRofXB4O1xuICAgICAgd2lkdGg6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgYH1cbiAgYH1cblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1RvZGF5LCBpc0N1cnJlbnRUaW1lLCBpc1RvZGF5SW5Ib3Vyc0luRGF5cywgYXJlSG91cnNJbkRheXMsIGlzV2Vla01vbnRoTW9kZSwgfSkgPT4ge1xyXG4gICAgY29uc3QgdHlwZU51bWJlckRlZmF1bHQgPSBpc1RvZGF5ICYmIGlzQ3VycmVudFRpbWUgPyAyIDogMTtcclxuICAgIGNvbnN0IHR5cGVOdW1iZXJJbkhvdXJzRGF5cyA9IGFyZUhvdXJzSW5EYXlzXHJcbiAgICAgICAgPyBpc1RvZGF5SW5Ib3Vyc0luRGF5cyAmJiBpc0N1cnJlbnRUaW1lXHJcbiAgICAgICAgICAgID8gMlxyXG4gICAgICAgICAgICA6IDFcclxuICAgICAgICA6IDE7XHJcbiAgICBjb25zdCB0eXBlTnVtYmVyID0gYXJlSG91cnNJbkRheXNcclxuICAgICAgICA/IHR5cGVOdW1iZXJJbkhvdXJzRGF5c1xyXG4gICAgICAgIDogdHlwZU51bWJlckRlZmF1bHQ7XHJcbiAgICBjb25zdCBwb3NpdGlvbiA9IGlzVmVydGljYWxNb2RlID8gXCJ0b3BcIiA6IFwibGVmdFwiO1xyXG4gICAgaWYgKCFpc1dlZWtNb250aE1vZGUpIHtcclxuICAgICAgICByZXR1cm4gYCY6bnRoLW9mLXR5cGUoJHt0eXBlTnVtYmVyfSkge1xuICAgICAgICAke1RpbWVsaW5lVGltZX0ge1xuICAgICAgICAgICR7cG9zaXRpb259OiAwcHg7XG4gICAgICAgIH1cbiAgICAgIH1gO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIFwiXCI7XHJcbn19XG5gO1xyXG5leHBvcnQgY29uc3QgVGltZWxpbmVXZWVrTW9udGhCb3ggPSBzdHlsZWQoVGltZWxpbmVCb3gpIGBcbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgc3R5bGVUeXBlLCB0aGVtZSB9KSA9PiBjc3MgYFxuICAgICAgJjpub3QoOmxhc3Qtb2YtdHlwZSkge1xuICAgICAgICAmOmFmdGVyIHtcbiAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnRpbWVsaW5lLmRpdmlkZXIuYmd9O1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuXG4gICAgICAgICAgJHtpc1ZlcnRpY2FsTW9kZVxyXG4gICAgPyBjc3MgYFxuICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDFweDtcbiAgICAgICAgICAgICAgICB3aWR0aDogODAlO1xuICAgICAgICAgICAgICBgXHJcbiAgICA6IGNzcyBgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICAgIGhlaWdodDogJHtzdHlsZVR5cGUgPT09IFwibW9kZXJuXCIgPyBcIjM1JVwiIDogXCI3MCVcIn07XG4gICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIGB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UaW1lbGluZS5zdHlsZXMuanMubWFwIl19 */"));
|
|
var TimelineBox = /*#__PURE__*/_styled("div", {
|
|
target: "e1bnz7pf1",
|
|
label: "TimelineBox"
|
|
})(function (_ref16) {
|
|
var isVerticalMode = _ref16.isVerticalMode,
|
|
left = _ref16.left,
|
|
width = _ref16.width,
|
|
timelineHeight = _ref16.timelineHeight,
|
|
theme = _ref16.theme;
|
|
return react.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n position: absolute;\n font-size: 14px;\n background-color: ", ";\n\n ", "\n ", "\n "])), theme.primary[900], !isVerticalMode && react.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n left: ", "px;\n width: ", "px;\n height: 100%;\n "])), left, width), isVerticalMode && react.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n top: ", "px;\n height: ", "px;\n width: ", "px;\n "])), left, width, timelineHeight));
|
|
}, " ", function (_ref17) {
|
|
var isVerticalMode = _ref17.isVerticalMode,
|
|
isToday = _ref17.isToday,
|
|
isCurrentTime = _ref17.isCurrentTime,
|
|
isTodayInHoursInDays = _ref17.isTodayInHoursInDays,
|
|
areHoursInDays = _ref17.areHoursInDays,
|
|
isWeekMonthMode = _ref17.isWeekMonthMode;
|
|
var typeNumberDefault = isToday && isCurrentTime ? 2 : 1;
|
|
var typeNumberInHoursDays = areHoursInDays ? isTodayInHoursInDays && isCurrentTime ? 2 : 1 : 1;
|
|
var typeNumber = areHoursInDays ? typeNumberInHoursDays : typeNumberDefault;
|
|
var position = isVerticalMode ? "top" : "left";
|
|
if (!isWeekMonthMode) {
|
|
return "&:nth-of-type(" + typeNumber + ") {\n " + TimelineTime + " {\n " + position + ": 0px;\n }\n }";
|
|
}
|
|
return "";
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbWVsaW5lLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpSXNDIiwiZmlsZSI6IlRpbWVsaW5lLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lVGltZSA9IHN0eWxlZC5zcGFuIGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDEzcHg7XG4gIGxlZnQ6ICR7KHsgaXNSVEwsIGlzQmFzZVRpbWVGb3JtYXQsIGlzVmVydGljYWxNb2RlLCBpc1dlZWtNb250aE1vZGUgfSkgPT4ge1xyXG4gICAgaWYgKGlzVmVydGljYWxNb2RlKSB7XHJcbiAgICAgICAgaWYgKGlzUlRMKVxyXG4gICAgICAgICAgICByZXR1cm4gaXNCYXNlVGltZUZvcm1hdCA/IDkgOiAxNztcclxuICAgICAgICByZXR1cm4gaXNCYXNlVGltZUZvcm1hdCA/IDkgOiAxNDtcclxuICAgIH1cclxuICAgIGlmIChpc1dlZWtNb250aE1vZGUpXHJcbiAgICAgICAgcmV0dXJuIDA7XHJcbiAgICByZXR1cm4gaXNSVEwgJiYgaXNCYXNlVGltZUZvcm1hdCA/IFwiLTMyXCIgOiBcIi0xOFwiO1xyXG59fXB4O1xuXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnRleHQuZ3JleVszMDBdfTtcblxuICAkeyh7IGlzUlRMIH0pID0+IGlzUlRMICYmXHJcbiAgICBgXG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKC0xLCAxKTtcbiAgICBgfVxuXG4gICR7KHsgdGhlbWUsIGlzTmV3RGF5IH0pID0+IGlzTmV3RGF5ICYmIGBjb2xvcjogJHt0aGVtZS50ZWFsWzEwMF19OyBmb250LXdlaWdodDogNjAwYH07XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNSVEwgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICB0b3A6IC0xMHB4O1xuICAgICAgbGVmdDogNTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCUpICR7aXNSVEwgPyBcInNjYWxlKC0xLDEpXCIgOiBcIlwifTtcbiAgICBgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZVdlZWtNb250aERhdGUgPSBzdHlsZWQuZGl2IGBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGhlaWdodDogMTAwJTtcbiAgdHJhbnNmb3JtOiAkeyh7IGlzUlRMIH0pID0+IChpc1JUTCA/IFwic2NhbGUoLTEsMSlcIiA6IFwic2NhbGUoMSwxKVwiKX07XG5cbiAgc3BhbiB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudGV4dC5ncmV5WzMwMF19O1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgfVxuXG4gICR7KHsgc3R5bGVUeXBlLCB0aGVtZSB9KSA9PiBzdHlsZVR5cGUgPT09IFwibW9kZXJuXCIgJiZcclxuICAgIGNzcyBgXG4gICAgICBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICBjb2xvcjogJHt0aGVtZS50ZWFsWzEwMF19O1xuICAgICAgICBmb250LXNpemU6IDE4cHg7XG4gICAgICB9XG4gICAgICBzcGFuIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUudGV4dC5ncmV5WzMwMF19O1xuICAgICAgICBmb250LXNpemU6IDI0cHg7XG4gICAgICB9XG4gICAgYH1cblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1JUTCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIG1hcmdpbi10b3A6IDBweDtcbiAgICAgIHRyYW5zZm9ybTogJHtpc1JUTCA/IFwic2NhbGUoLTEsMSlcIiA6IFwic2NhbGUoMSwxKVwifTtcbiAgICBgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZURpdmlkZXJzID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZy1ib3R0b206IDZweDtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlIH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZURpdmlkZXIgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDZweDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50aW1lbGluZS5kaXZpZGVyLmJnfTtcbiAgaGVpZ2h0OiAxMHB4O1xuICB3aWR0aDogMXB4O1xuICBsZWZ0OiAkeyh7IGxlZnQgfSkgPT4gbGVmdH1weDtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBsZWZ0IH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgdG9wOiAke2xlZnR9cHg7XG4gICAgICBsZWZ0OiA1MCU7XG4gICAgICBoZWlnaHQ6IDFweDtcbiAgICAgIHdpZHRoOiAxNXB4O1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgICB9XG4gICAgYH1cblxuICAkeyh7IGlzTmV3RGF5LCB0aGVtZSB9KSA9PiBpc05ld0RheSAmJlxyXG4gICAgYCY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICB3aWR0aDoycHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnRlYWxbMTAwXX07XG4gIH1gfVxuYDtcclxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1NpZGViYXIsIHNpZGViYXJXaWR0aCwgdGltZWxpbmVIZWlnaHQsIGRheVdpZHRoLCB0aGVtZSwgfSkgPT4gY3NzIGBcbiAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnByaW1hcnlbOTAwXX07XG4gICAgICB6LWluZGV4OiAke0xheWVycy5UaW1lbGluZX07XG5cbiAgICAgICR7aXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIGJvdHRvbTogMHB4O1xuICAgICAgICBmbG9hdDogbGVmdDtcbiAgICAgICAgd2lkdGg6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgICAgIG1hcmdpbi10b3A6ICR7aXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMH1weDtcbiAgICAgIGB9XG5cbiAgICAgICR7IWlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgICB0b3A6IDA7XG4gICAgICAgIGxlZnQ6ICR7aXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMH1weDtcbiAgICAgICAgaGVpZ2h0OiAke3RpbWVsaW5lSGVpZ2h0fXB4O1xuICAgICAgICB3aWR0aDogJHtkYXlXaWR0aH1weDtcbiAgICAgIGB9XG4gICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZUJveCA9IHN0eWxlZC5kaXYgYFxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBsZWZ0LCB3aWR0aCwgdGltZWxpbmVIZWlnaHQsIHRoZW1lIH0pID0+IGNzcyBgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnlbOTAwXX07XG5cbiAgICAkeyFpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIGB9XG4gICAgJHtpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIHRvcDogJHtsZWZ0fXB4O1xuICAgICAgaGVpZ2h0OiAke3dpZHRofXB4O1xuICAgICAgd2lkdGg6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgYH1cbiAgYH1cblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1RvZGF5LCBpc0N1cnJlbnRUaW1lLCBpc1RvZGF5SW5Ib3Vyc0luRGF5cywgYXJlSG91cnNJbkRheXMsIGlzV2Vla01vbnRoTW9kZSwgfSkgPT4ge1xyXG4gICAgY29uc3QgdHlwZU51bWJlckRlZmF1bHQgPSBpc1RvZGF5ICYmIGlzQ3VycmVudFRpbWUgPyAyIDogMTtcclxuICAgIGNvbnN0IHR5cGVOdW1iZXJJbkhvdXJzRGF5cyA9IGFyZUhvdXJzSW5EYXlzXHJcbiAgICAgICAgPyBpc1RvZGF5SW5Ib3Vyc0luRGF5cyAmJiBpc0N1cnJlbnRUaW1lXHJcbiAgICAgICAgICAgID8gMlxyXG4gICAgICAgICAgICA6IDFcclxuICAgICAgICA6IDE7XHJcbiAgICBjb25zdCB0eXBlTnVtYmVyID0gYXJlSG91cnNJbkRheXNcclxuICAgICAgICA/IHR5cGVOdW1iZXJJbkhvdXJzRGF5c1xyXG4gICAgICAgIDogdHlwZU51bWJlckRlZmF1bHQ7XHJcbiAgICBjb25zdCBwb3NpdGlvbiA9IGlzVmVydGljYWxNb2RlID8gXCJ0b3BcIiA6IFwibGVmdFwiO1xyXG4gICAgaWYgKCFpc1dlZWtNb250aE1vZGUpIHtcclxuICAgICAgICByZXR1cm4gYCY6bnRoLW9mLXR5cGUoJHt0eXBlTnVtYmVyfSkge1xuICAgICAgICAke1RpbWVsaW5lVGltZX0ge1xuICAgICAgICAgICR7cG9zaXRpb259OiAwcHg7XG4gICAgICAgIH1cbiAgICAgIH1gO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIFwiXCI7XHJcbn19XG5gO1xyXG5leHBvcnQgY29uc3QgVGltZWxpbmVXZWVrTW9udGhCb3ggPSBzdHlsZWQoVGltZWxpbmVCb3gpIGBcbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgc3R5bGVUeXBlLCB0aGVtZSB9KSA9PiBjc3MgYFxuICAgICAgJjpub3QoOmxhc3Qtb2YtdHlwZSkge1xuICAgICAgICAmOmFmdGVyIHtcbiAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnRpbWVsaW5lLmRpdmlkZXIuYmd9O1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuXG4gICAgICAgICAgJHtpc1ZlcnRpY2FsTW9kZVxyXG4gICAgPyBjc3MgYFxuICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDFweDtcbiAgICAgICAgICAgICAgICB3aWR0aDogODAlO1xuICAgICAgICAgICAgICBgXHJcbiAgICA6IGNzcyBgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICAgIGhlaWdodDogJHtzdHlsZVR5cGUgPT09IFwibW9kZXJuXCIgPyBcIjM1JVwiIDogXCI3MCVcIn07XG4gICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIGB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UaW1lbGluZS5zdHlsZXMuanMubWFwIl19 */"));
|
|
var TimelineWeekMonthBox = /*#__PURE__*/_styled(TimelineBox, {
|
|
target: "e1bnz7pf0",
|
|
label: "TimelineWeekMonthBox"
|
|
})(function (_ref18) {
|
|
var isVerticalMode = _ref18.isVerticalMode,
|
|
styleType = _ref18.styleType,
|
|
theme = _ref18.theme;
|
|
return react.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n &:not(:last-of-type) {\n &:after {\n content: \"\";\n position: absolute;\n background: ", ";\n transform: translate(-50%, -50%);\n\n ", "\n }\n }\n "])), theme.timeline.divider.bg, isVerticalMode ? react.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n bottom: 0;\n height: 1px;\n width: 80%;\n "]))) : react.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n top: 50%;\n right: 0;\n height: 100%;\n height: ", ";\n width: 1px;\n "])), styleType === "modern" ? "35%" : "70%"));
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbWVsaW5lLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwS3dEIiwiZmlsZSI6IlRpbWVsaW5lLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lVGltZSA9IHN0eWxlZC5zcGFuIGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDEzcHg7XG4gIGxlZnQ6ICR7KHsgaXNSVEwsIGlzQmFzZVRpbWVGb3JtYXQsIGlzVmVydGljYWxNb2RlLCBpc1dlZWtNb250aE1vZGUgfSkgPT4ge1xyXG4gICAgaWYgKGlzVmVydGljYWxNb2RlKSB7XHJcbiAgICAgICAgaWYgKGlzUlRMKVxyXG4gICAgICAgICAgICByZXR1cm4gaXNCYXNlVGltZUZvcm1hdCA/IDkgOiAxNztcclxuICAgICAgICByZXR1cm4gaXNCYXNlVGltZUZvcm1hdCA/IDkgOiAxNDtcclxuICAgIH1cclxuICAgIGlmIChpc1dlZWtNb250aE1vZGUpXHJcbiAgICAgICAgcmV0dXJuIDA7XHJcbiAgICByZXR1cm4gaXNSVEwgJiYgaXNCYXNlVGltZUZvcm1hdCA/IFwiLTMyXCIgOiBcIi0xOFwiO1xyXG59fXB4O1xuXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnRleHQuZ3JleVszMDBdfTtcblxuICAkeyh7IGlzUlRMIH0pID0+IGlzUlRMICYmXHJcbiAgICBgXG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKC0xLCAxKTtcbiAgICBgfVxuXG4gICR7KHsgdGhlbWUsIGlzTmV3RGF5IH0pID0+IGlzTmV3RGF5ICYmIGBjb2xvcjogJHt0aGVtZS50ZWFsWzEwMF19OyBmb250LXdlaWdodDogNjAwYH07XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNSVEwgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICB0b3A6IC0xMHB4O1xuICAgICAgbGVmdDogNTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCUpICR7aXNSVEwgPyBcInNjYWxlKC0xLDEpXCIgOiBcIlwifTtcbiAgICBgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZVdlZWtNb250aERhdGUgPSBzdHlsZWQuZGl2IGBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGhlaWdodDogMTAwJTtcbiAgdHJhbnNmb3JtOiAkeyh7IGlzUlRMIH0pID0+IChpc1JUTCA/IFwic2NhbGUoLTEsMSlcIiA6IFwic2NhbGUoMSwxKVwiKX07XG5cbiAgc3BhbiB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudGV4dC5ncmV5WzMwMF19O1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgfVxuXG4gICR7KHsgc3R5bGVUeXBlLCB0aGVtZSB9KSA9PiBzdHlsZVR5cGUgPT09IFwibW9kZXJuXCIgJiZcclxuICAgIGNzcyBgXG4gICAgICBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICBjb2xvcjogJHt0aGVtZS50ZWFsWzEwMF19O1xuICAgICAgICBmb250LXNpemU6IDE4cHg7XG4gICAgICB9XG4gICAgICBzcGFuIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUudGV4dC5ncmV5WzMwMF19O1xuICAgICAgICBmb250LXNpemU6IDI0cHg7XG4gICAgICB9XG4gICAgYH1cblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1JUTCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIG1hcmdpbi10b3A6IDBweDtcbiAgICAgIHRyYW5zZm9ybTogJHtpc1JUTCA/IFwic2NhbGUoLTEsMSlcIiA6IFwic2NhbGUoMSwxKVwifTtcbiAgICBgfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZURpdmlkZXJzID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZy1ib3R0b206IDZweDtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlIH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZURpdmlkZXIgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDZweDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50aW1lbGluZS5kaXZpZGVyLmJnfTtcbiAgaGVpZ2h0OiAxMHB4O1xuICB3aWR0aDogMXB4O1xuICBsZWZ0OiAkeyh7IGxlZnQgfSkgPT4gbGVmdH1weDtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBsZWZ0IH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgdG9wOiAke2xlZnR9cHg7XG4gICAgICBsZWZ0OiA1MCU7XG4gICAgICBoZWlnaHQ6IDFweDtcbiAgICAgIHdpZHRoOiAxNXB4O1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgICB9XG4gICAgYH1cblxuICAkeyh7IGlzTmV3RGF5LCB0aGVtZSB9KSA9PiBpc05ld0RheSAmJlxyXG4gICAgYCY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICB3aWR0aDoycHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnRlYWxbMTAwXX07XG4gIH1gfVxuYDtcclxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1NpZGViYXIsIHNpZGViYXJXaWR0aCwgdGltZWxpbmVIZWlnaHQsIGRheVdpZHRoLCB0aGVtZSwgfSkgPT4gY3NzIGBcbiAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnByaW1hcnlbOTAwXX07XG4gICAgICB6LWluZGV4OiAke0xheWVycy5UaW1lbGluZX07XG5cbiAgICAgICR7aXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIGJvdHRvbTogMHB4O1xuICAgICAgICBmbG9hdDogbGVmdDtcbiAgICAgICAgd2lkdGg6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgICAgIG1hcmdpbi10b3A6ICR7aXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMH1weDtcbiAgICAgIGB9XG5cbiAgICAgICR7IWlzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgICB0b3A6IDA7XG4gICAgICAgIGxlZnQ6ICR7aXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMH1weDtcbiAgICAgICAgaGVpZ2h0OiAke3RpbWVsaW5lSGVpZ2h0fXB4O1xuICAgICAgICB3aWR0aDogJHtkYXlXaWR0aH1weDtcbiAgICAgIGB9XG4gICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaW1lbGluZUJveCA9IHN0eWxlZC5kaXYgYFxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBsZWZ0LCB3aWR0aCwgdGltZWxpbmVIZWlnaHQsIHRoZW1lIH0pID0+IGNzcyBgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnlbOTAwXX07XG5cbiAgICAkeyFpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIGB9XG4gICAgJHtpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIHRvcDogJHtsZWZ0fXB4O1xuICAgICAgaGVpZ2h0OiAke3dpZHRofXB4O1xuICAgICAgd2lkdGg6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgYH1cbiAgYH1cblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc1RvZGF5LCBpc0N1cnJlbnRUaW1lLCBpc1RvZGF5SW5Ib3Vyc0luRGF5cywgYXJlSG91cnNJbkRheXMsIGlzV2Vla01vbnRoTW9kZSwgfSkgPT4ge1xyXG4gICAgY29uc3QgdHlwZU51bWJlckRlZmF1bHQgPSBpc1RvZGF5ICYmIGlzQ3VycmVudFRpbWUgPyAyIDogMTtcclxuICAgIGNvbnN0IHR5cGVOdW1iZXJJbkhvdXJzRGF5cyA9IGFyZUhvdXJzSW5EYXlzXHJcbiAgICAgICAgPyBpc1RvZGF5SW5Ib3Vyc0luRGF5cyAmJiBpc0N1cnJlbnRUaW1lXHJcbiAgICAgICAgICAgID8gMlxyXG4gICAgICAgICAgICA6IDFcclxuICAgICAgICA6IDE7XHJcbiAgICBjb25zdCB0eXBlTnVtYmVyID0gYXJlSG91cnNJbkRheXNcclxuICAgICAgICA/IHR5cGVOdW1iZXJJbkhvdXJzRGF5c1xyXG4gICAgICAgIDogdHlwZU51bWJlckRlZmF1bHQ7XHJcbiAgICBjb25zdCBwb3NpdGlvbiA9IGlzVmVydGljYWxNb2RlID8gXCJ0b3BcIiA6IFwibGVmdFwiO1xyXG4gICAgaWYgKCFpc1dlZWtNb250aE1vZGUpIHtcclxuICAgICAgICByZXR1cm4gYCY6bnRoLW9mLXR5cGUoJHt0eXBlTnVtYmVyfSkge1xuICAgICAgICAke1RpbWVsaW5lVGltZX0ge1xuICAgICAgICAgICR7cG9zaXRpb259OiAwcHg7XG4gICAgICAgIH1cbiAgICAgIH1gO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIFwiXCI7XHJcbn19XG5gO1xyXG5leHBvcnQgY29uc3QgVGltZWxpbmVXZWVrTW9udGhCb3ggPSBzdHlsZWQoVGltZWxpbmVCb3gpIGBcbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgc3R5bGVUeXBlLCB0aGVtZSB9KSA9PiBjc3MgYFxuICAgICAgJjpub3QoOmxhc3Qtb2YtdHlwZSkge1xuICAgICAgICAmOmFmdGVyIHtcbiAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnRpbWVsaW5lLmRpdmlkZXIuYmd9O1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuXG4gICAgICAgICAgJHtpc1ZlcnRpY2FsTW9kZVxyXG4gICAgPyBjc3MgYFxuICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDFweDtcbiAgICAgICAgICAgICAgICB3aWR0aDogODAlO1xuICAgICAgICAgICAgICBgXHJcbiAgICA6IGNzcyBgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICAgIGhlaWdodDogJHtzdHlsZVR5cGUgPT09IFwibW9kZXJuXCIgPyBcIjM1JVwiIDogXCI3MCVcIn07XG4gICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIGB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UaW1lbGluZS5zdHlsZXMuanMubWFwIl19 */"));
|
|
|
|
var lineStyles = {
|
|
position: "absolute",
|
|
top: 64,
|
|
width: 3
|
|
};
|
|
var LineBox = /*#__PURE__*/_styled("div", {
|
|
target: "ef4is9g0",
|
|
label: "LineBox"
|
|
})("position:", lineStyles.position, ";top:", function (_ref) {
|
|
var isTimeline = _ref.isTimeline;
|
|
return isTimeline ? lineStyles.top : 0;
|
|
}, "px;left:", function (_ref2) {
|
|
var left = _ref2.left;
|
|
return left;
|
|
}, "px;height:", function (_ref3) {
|
|
var height = _ref3.height;
|
|
return height;
|
|
}, "px;width:", lineStyles.width, "px;background:", function (_ref4) {
|
|
var theme = _ref4.theme;
|
|
return theme.green[300];
|
|
}, ";pointer-events:none;z-index:", function (_ref5) {
|
|
var zIndex = _ref5.zIndex;
|
|
return zIndex;
|
|
}, ";", function (_ref6) {
|
|
var isVerticalMode = _ref6.isVerticalMode,
|
|
isTimeline = _ref6.isTimeline,
|
|
left = _ref6.left,
|
|
height = _ref6.height;
|
|
return isVerticalMode && " \n top: " + left + "px;\n left: " + (isTimeline ? lineStyles.top : 0) + "px;\n height: " + lineStyles.width + "px;\n width: " + height + "px;\n ";
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1rQyIsImZpbGUiOiJMaW5lLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZC9tYWNyb1wiO1xyXG5leHBvcnQgY29uc3QgbGluZVN0eWxlcyA9IHtcclxuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXHJcbiAgICB0b3A6IDY0LFxyXG4gICAgd2lkdGg6IDMsXHJcbn07XHJcbmV4cG9ydCBjb25zdCBMaW5lQm94ID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiAke2xpbmVTdHlsZXMucG9zaXRpb259O1xuICB0b3A6ICR7KHsgaXNUaW1lbGluZSB9KSA9PiAoaXNUaW1lbGluZSA/IGxpbmVTdHlsZXMudG9wIDogMCl9cHg7XG4gIGxlZnQ6ICR7KHsgbGVmdCB9KSA9PiBsZWZ0fXB4O1xuICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodH1weDtcbiAgd2lkdGg6ICR7bGluZVN0eWxlcy53aWR0aH1weDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ncmVlblszMDBdfTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleH07XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNUaW1lbGluZSwgbGVmdCwgaGVpZ2h0IH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBgIFxuICAgICAgdG9wOiAke2xlZnR9cHg7XG4gICAgICBsZWZ0OiAke2lzVGltZWxpbmUgPyBsaW5lU3R5bGVzLnRvcCA6IDB9cHg7XG4gICAgICBoZWlnaHQ6ICR7bGluZVN0eWxlcy53aWR0aH1weDtcbiAgICAgIHdpZHRoOiAke2hlaWdodH1weDtcbiAgYH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUxpbmUuc3R5bGVzLmpzLm1hcCJdfQ== */"));
|
|
|
|
var _templateObject$4;
|
|
var time = [0, 50, 0];
|
|
var moveLeft = function moveLeft(animate) {
|
|
return react.keyframes(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n", "\n"])), time.map(function (item, index) {
|
|
return item + "% {\n transform: translateX(-" + animate.right[index] + ");\n}";
|
|
}));
|
|
};
|
|
var Box$2 = /*#__PURE__*/_styled("div", {
|
|
target: "e8ysujy1",
|
|
label: "Box"
|
|
})("position:absolute;top:0;left:0;bottom:0;width:100%;background:", function (_ref) {
|
|
var theme = _ref.theme;
|
|
return theme.loader.bg;
|
|
}, ";display:flex;justify-content:center;align-items:center;z-index:", Layers.Loader, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvYWRlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzhCIiwiZmlsZSI6IkxvYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmltcG9ydCB7IExheWVycyB9IGZyb20gXCIuLi9oZWxwZXJzXCI7XHJcbmNvbnN0IHRpbWUgPSBbMCwgNTAsIDBdO1xyXG5jb25zdCBtb3ZlTGVmdCA9IChhbmltYXRlKSA9PiBrZXlmcmFtZXMgYFxuJHt0aW1lLm1hcCgoaXRlbSwgaW5kZXgpID0+IGAke2l0ZW19JSB7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtJHthbmltYXRlLnJpZ2h0W2luZGV4XX0pO1xufWApfVxuYDtcclxuZXhwb3J0IGNvbnN0IEJveCA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5sb2FkZXIuYmd9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogJHtMYXllcnMuTG9hZGVyfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTaGFwZSA9IHN0eWxlZC5kaXYgYFxuICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCAqIDAuNDJ9cHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIGNvbG9yIH0pID0+IHRoZW1lLmxvYWRlcltjb2xvcl19O1xuICBoZWlnaHQ6IDE4cHg7XG4gIGJvcmRlci1yYWRpdXM6IDQ1cHg7XG4gIG1hcmdpbi1yaWdodDogJHsoeyBtYXJnaW5SaWdodCB9KSA9PiBtYXJnaW5SaWdodCA/PyAwfXB4O1xuICBhbmltYXRpb24tbmFtZTogJHsoeyBhbmltYXRlIH0pID0+IG1vdmVMZWZ0KGFuaW1hdGUpfTtcbiAgYW5pbWF0aW9uLWR1cmF0aW9uOiAkeyh7IHRyYW5zaXRpb24gfSkgPT4gdHJhbnNpdGlvbi5kdXJhdGlvbn1zO1xuICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiAkeyh7IHRyYW5zaXRpb24gfSkgPT4gdHJhbnNpdGlvbi5lYXNlID8/IFwiZWFzZS1pbi1vdXRcIn07XG4gIGFuaW1hdGlvbi1kZWxheTogJHsoeyB0cmFuc2l0aW9uIH0pID0+IHRyYW5zaXRpb24uZGVsYXkgPz8gMH1zO1xuICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUxvYWRlci5zdHlsZXMuanMubWFwIl19 */"));
|
|
var Shape = /*#__PURE__*/_styled("div", {
|
|
target: "e8ysujy0",
|
|
label: "Shape"
|
|
})("width:", function (_ref2) {
|
|
var width = _ref2.width;
|
|
return width * 0.42;
|
|
}, "px;background:", function (_ref3) {
|
|
var theme = _ref3.theme,
|
|
color = _ref3.color;
|
|
return theme.loader[color];
|
|
}, ";height:18px;border-radius:45px;margin-right:", function (_ref4) {
|
|
var marginRight = _ref4.marginRight;
|
|
return marginRight != null ? marginRight : 0;
|
|
}, "px;animation-name:", function (_ref5) {
|
|
var animate = _ref5.animate;
|
|
return moveLeft(animate);
|
|
}, ";animation-duration:", function (_ref6) {
|
|
var transition = _ref6.transition;
|
|
return transition.duration;
|
|
}, "s;animation-timing-function:", function (_ref7) {
|
|
var _transition$ease;
|
|
var transition = _ref7.transition;
|
|
return (_transition$ease = transition.ease) != null ? _transition$ease : "ease-in-out";
|
|
}, ";animation-delay:", function (_ref8) {
|
|
var _transition$delay;
|
|
var transition = _ref8.transition;
|
|
return (_transition$delay = transition.delay) != null ? _transition$delay : 0;
|
|
}, "s;animation-iteration-count:infinite;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvYWRlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJnQyIsImZpbGUiOiJMb2FkZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkL21hY3JvXCI7XHJcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5pbXBvcnQgeyBMYXllcnMgfSBmcm9tIFwiLi4vaGVscGVyc1wiO1xyXG5jb25zdCB0aW1lID0gWzAsIDUwLCAwXTtcclxuY29uc3QgbW92ZUxlZnQgPSAoYW5pbWF0ZSkgPT4ga2V5ZnJhbWVzIGBcbiR7dGltZS5tYXAoKGl0ZW0sIGluZGV4KSA9PiBgJHtpdGVtfSUge1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLSR7YW5pbWF0ZS5yaWdodFtpbmRleF19KTtcbn1gKX1cbmA7XHJcbmV4cG9ydCBjb25zdCBCb3ggPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUubG9hZGVyLmJnfTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHotaW5kZXg6ICR7TGF5ZXJzLkxvYWRlcn07XG5gO1xyXG5leHBvcnQgY29uc3QgU2hhcGUgPSBzdHlsZWQuZGl2IGBcbiAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGggKiAwLjQyfXB4O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lLCBjb2xvciB9KSA9PiB0aGVtZS5sb2FkZXJbY29sb3JdfTtcbiAgaGVpZ2h0OiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiA0NXB4O1xuICBtYXJnaW4tcmlnaHQ6ICR7KHsgbWFyZ2luUmlnaHQgfSkgPT4gbWFyZ2luUmlnaHQgPz8gMH1weDtcbiAgYW5pbWF0aW9uLW5hbWU6ICR7KHsgYW5pbWF0ZSB9KSA9PiBtb3ZlTGVmdChhbmltYXRlKX07XG4gIGFuaW1hdGlvbi1kdXJhdGlvbjogJHsoeyB0cmFuc2l0aW9uIH0pID0+IHRyYW5zaXRpb24uZHVyYXRpb259cztcbiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogJHsoeyB0cmFuc2l0aW9uIH0pID0+IHRyYW5zaXRpb24uZWFzZSA/PyBcImVhc2UtaW4tb3V0XCJ9O1xuICBhbmltYXRpb24tZGVsYXk6ICR7KHsgdHJhbnNpdGlvbiB9KSA9PiB0cmFuc2l0aW9uLmRlbGF5ID8/IDB9cztcbiAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogaW5maW5pdGU7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Mb2FkZXIuc3R5bGVzLmpzLm1hcCJdfQ== */"));
|
|
|
|
var _templateObject$5, _templateObject2$3, _templateObject3$3;
|
|
var boxStyles = function boxStyles(_temp) {
|
|
var _ref = _temp === void 0 ? {} : _temp,
|
|
width = _ref.width;
|
|
return {
|
|
position: "absolute",
|
|
top: 0,
|
|
width: width != null ? width : 70,
|
|
height: 20
|
|
};
|
|
};
|
|
var CurrentTimeBox = /*#__PURE__*/_styled("div", {
|
|
target: "e1b7bm21",
|
|
label: "CurrentTimeBox"
|
|
})("position:", /*#__PURE__*/boxStyles().position, ";top:", function (_ref2) {
|
|
var top = _ref2.top;
|
|
return top;
|
|
}, "px;left:", function (_ref3) {
|
|
var left = _ref3.left;
|
|
return left;
|
|
}, "px;width:", function (_ref4) {
|
|
var width = _ref4.width;
|
|
return typeof width === "string" ? "auto" : width + "px";
|
|
}, ";height:", /*#__PURE__*/boxStyles().height, "px;background-color:", function (_ref5) {
|
|
var theme = _ref5.theme;
|
|
return theme.primary[900];
|
|
}, ";z-index:2;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1cnJlbnRUaW1lLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFReUMiLCJmaWxlIjoiQ3VycmVudFRpbWUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZC9tYWNyb1wiO1xyXG5leHBvcnQgY29uc3QgYm94U3R5bGVzID0gKHsgd2lkdGggfSA9IHt9KSA9PiAoe1xyXG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcclxuICAgIHRvcDogMCxcclxuICAgIHdpZHRoOiB3aWR0aCA/PyA3MCxcclxuICAgIGhlaWdodDogMjAsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgQ3VycmVudFRpbWVCb3ggPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246ICR7Ym94U3R5bGVzKCkucG9zaXRpb259O1xuICB0b3A6ICR7KHsgdG9wIH0pID0+IHRvcH1weDtcbiAgbGVmdDogJHsoeyBsZWZ0IH0pID0+IGxlZnR9cHg7XG4gIHdpZHRoOiAkeyh7IHdpZHRoIH0pID0+ICh0eXBlb2Ygd2lkdGggPT09IFwic3RyaW5nXCIgPyBcImF1dG9cIiA6IGAke3dpZHRofXB4YCl9O1xuICBoZWlnaHQ6ICR7Ym94U3R5bGVzKCkuaGVpZ2h0fXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnlbOTAwXX07XG4gIHotaW5kZXg6IDI7XG5gO1xyXG5leHBvcnQgY29uc3QgQ3VycmVudFRpbWVDb250ZW50ID0gc3R5bGVkLnNwYW4gYFxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc0Jhc2VUaW1lRm9ybWF0LCBpc1JUTCwgaXNOZXdEYXksIHRoZW1lIH0pID0+IGNzcyBgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNTAwO1xuICAgIGNvbG9yOiAke3RoZW1lLmdyZWVuWzIwMF19O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeVs5MDBdfTtcbiAgICAke2lzTmV3RGF5ICYmIGBjb2xvcjogJHt0aGVtZS50ZWFsWzEwMF19OyBmb250LXdlaWdodDogNjAwYH07XG5cbiAgICAke2lzVmVydGljYWxNb2RlICYmXHJcbiAgICBjc3MgYFxuICAgICAgbGVmdDogNTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSkgJHtpc1JUTCA/IFwic2NhbGUoLTEsMSlcIiA6IFwiXCJ9O1xuICAgIGB9XG5cbiAgICAkeyFpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIHRvcDogNHB4O1xuICAgICAgbGVmdDogJHtpc1JUTCAmJiBpc0Jhc2VUaW1lRm9ybWF0ID8gXCItMzJcIiA6IFwiLTE2XCJ9cHg7XG4gICAgICAke2lzUlRMICYmIFwidHJhbnNmb3JtOiBzY2FsZSgtMSwxKTtcIn1cbiAgICBgfVxuICBgfVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q3VycmVudFRpbWUuc3R5bGVzLmpzLm1hcCJdfQ== */"));
|
|
var CurrentTimeContent = /*#__PURE__*/_styled("span", {
|
|
target: "e1b7bm20",
|
|
label: "CurrentTimeContent"
|
|
})(function (_ref6) {
|
|
var isVerticalMode = _ref6.isVerticalMode,
|
|
isBaseTimeFormat = _ref6.isBaseTimeFormat,
|
|
isRTL = _ref6.isRTL,
|
|
isNewDay = _ref6.isNewDay,
|
|
theme = _ref6.theme;
|
|
return react.css(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n position: absolute;\n font-size: 13px;\n font-weight: 500;\n color: ", ";\n background-color: ", ";\n ", ";\n\n ", "\n\n ", "\n "])), theme.green[200], theme.primary[900], isNewDay && "color: " + theme.teal[100] + "; font-weight: 600", isVerticalMode && react.css(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n left: 50%;\n transform: translate(-50%, -50%) ", ";\n "])), isRTL ? "scale(-1,1)" : ""), !isVerticalMode && react.css(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteralLoose(["\n top: 4px;\n left: ", "px;\n ", "\n "])), isRTL && isBaseTimeFormat ? "-32" : "-16", isRTL && "transform: scale(-1,1);"));
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1cnJlbnRUaW1lLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhDIiwiZmlsZSI6IkN1cnJlbnRUaW1lLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuZXhwb3J0IGNvbnN0IGJveFN0eWxlcyA9ICh7IHdpZHRoIH0gPSB7fSkgPT4gKHtcclxuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXHJcbiAgICB0b3A6IDAsXHJcbiAgICB3aWR0aDogd2lkdGggPz8gNzAsXHJcbiAgICBoZWlnaHQ6IDIwLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IEN1cnJlbnRUaW1lQm94ID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiAke2JveFN0eWxlcygpLnBvc2l0aW9ufTtcbiAgdG9wOiAkeyh7IHRvcCB9KSA9PiB0b3B9cHg7XG4gIGxlZnQ6ICR7KHsgbGVmdCB9KSA9PiBsZWZ0fXB4O1xuICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiAodHlwZW9mIHdpZHRoID09PSBcInN0cmluZ1wiID8gXCJhdXRvXCIgOiBgJHt3aWR0aH1weGApfTtcbiAgaGVpZ2h0OiAke2JveFN0eWxlcygpLmhlaWdodH1weDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wcmltYXJ5WzkwMF19O1xuICB6LWluZGV4OiAyO1xuYDtcclxuZXhwb3J0IGNvbnN0IEN1cnJlbnRUaW1lQ29udGVudCA9IHN0eWxlZC5zcGFuIGBcbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNCYXNlVGltZUZvcm1hdCwgaXNSVEwsIGlzTmV3RGF5LCB0aGVtZSB9KSA9PiBjc3MgYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICBjb2xvcjogJHt0aGVtZS5ncmVlblsyMDBdfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnlbOTAwXX07XG4gICAgJHtpc05ld0RheSAmJiBgY29sb3I6ICR7dGhlbWUudGVhbFsxMDBdfTsgZm9udC13ZWlnaHQ6IDYwMGB9O1xuXG4gICAgJHtpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIGxlZnQ6IDUwJTtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpICR7aXNSVEwgPyBcInNjYWxlKC0xLDEpXCIgOiBcIlwifTtcbiAgICBgfVxuXG4gICAgJHshaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICB0b3A6IDRweDtcbiAgICAgIGxlZnQ6ICR7aXNSVEwgJiYgaXNCYXNlVGltZUZvcm1hdCA/IFwiLTMyXCIgOiBcIi0xNlwifXB4O1xuICAgICAgJHtpc1JUTCAmJiBcInRyYW5zZm9ybTogc2NhbGUoLTEsMSk7XCJ9XG4gICAgYH1cbiAgYH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUN1cnJlbnRUaW1lLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
|
|
var _templateObject$6, _templateObject2$4, _templateObject3$4, _templateObject4$1, _templateObject5$1, _templateObject6$1;
|
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$2() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
var AreaFiled = /*#__PURE__*/_styled("div", {
|
|
target: "euzzuzq2",
|
|
label: "AreaFiled"
|
|
})("position:absolute;pointer-events:", function (props) {
|
|
return props.isClickable ? "auto" : "none";
|
|
}, ";cursor:", function (props) {
|
|
return props.isClickable ? "pointer" : "none";
|
|
}, ";z-index:", Layers.Area, ";", function (_ref) {
|
|
var isVerticalMode = _ref.isVerticalMode,
|
|
positionX = _ref.positionX,
|
|
height = _ref.height,
|
|
width = _ref.width,
|
|
timelineHeight = _ref.timelineHeight;
|
|
return isVerticalMode ? react.css(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n top: ", "px;\n left: ", "px;\n height: ", "px;\n width: ", "px;\n "])), positionX, timelineHeight, width, height) : react.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n top: ", "px;\n left: ", "px;\n height: ", "px;\n width: ", "px;\n "])), timelineHeight, positionX, height, width);
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFyZWEuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJBcmVhLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZC9tYWNyb1wiO1xyXG4vLyBJbXBvcnQgaGVscGVyc1xyXG5pbXBvcnQgeyBMYXllcnMgfSBmcm9tIFwiLi4vaGVscGVyc1wiO1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcclxuZXhwb3J0IGNvbnN0IEFyZWFGaWxlZCA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHBvaW50ZXItZXZlbnRzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzQ2xpY2thYmxlID8gXCJhdXRvXCIgOiBcIm5vbmVcIil9O1xuICBjdXJzb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNDbGlja2FibGUgPyBcInBvaW50ZXJcIiA6IFwibm9uZVwiKX07XG4gIHotaW5kZXg6ICR7TGF5ZXJzLkFyZWF9O1xuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIHBvc2l0aW9uWCwgaGVpZ2h0LCB3aWR0aCwgdGltZWxpbmVIZWlnaHQgfSkgPT4gaXNWZXJ0aWNhbE1vZGVcclxuICAgID8gY3NzIGBcbiAgICAgICAgICB0b3A6ICR7cG9zaXRpb25YfXB4O1xuICAgICAgICAgIGxlZnQ6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgICAgICAgaGVpZ2h0OiAke3dpZHRofXB4O1xuICAgICAgICAgIHdpZHRoOiAke2hlaWdodH1weDtcbiAgICAgICAgYFxyXG4gICAgOiBjc3MgYFxuICAgICAgICAgIHRvcDogJHt0aW1lbGluZUhlaWdodH1weDtcbiAgICAgICAgICBsZWZ0OiAke3Bvc2l0aW9uWH1weDtcbiAgICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fXB4O1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICBgfVxuYDtcclxuZXhwb3J0IGNvbnN0IEFyZWFCZyA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbmA7XHJcbmV4cG9ydCBjb25zdCBBcmVhQW5ub3RhdGlvbiA9IHN0eWxlZC5kaXYgYFxuICBwYWRkaW5nOiA0cHggNnB4O1xuICBmb250LXNpemU6IDE1cHg7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBpc0xlZnQgPSBmYWxzZSwgd2lkdGgsIHRpbWVsaW5lSGVpZ2h0IH0pID0+IGNzcyBgXG4gICAgJHshaXNWZXJ0aWNhbE1vZGVcclxuICAgID8gY3NzIGBcbiAgICAgICAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgICAgICAgIHRvcDogJHt0aW1lbGluZUhlaWdodH1weDtcbiAgICAgICAgICAke2lzTGVmdFxyXG4gICAgICAgID8gYGZsb2F0OmxlZnQ7IGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7IGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOjRweDtgXHJcbiAgICAgICAgOiBgZmxvYXQ6cmlnaHQ7IGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDRweDsgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogNHB4O2B9XG4gICAgICAgIGBcclxuICAgIDogY3NzIGBcbiAgICAgICAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgICAgICAgIGxlZnQ6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDRweDtcbiAgICAgICAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNHB4O1xuICAgICAgICAgICR7aXNMZWZ0ICYmIGNzcyBgYCA/IGB0b3A6IDA7IGAgOiBgbWFyZ2luLXRvcDoke3dpZHRoIC0gNjB9cHg7YH1cbiAgICAgICAgYH1cbiAgYH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFyZWEuc3R5bGVzLmpzLm1hcCJdfQ== */"));
|
|
var AreaBg = /*#__PURE__*/_styled("div", {
|
|
target: "euzzuzq1",
|
|
label: "AreaBg"
|
|
})( {
|
|
name: "1b4920d",
|
|
styles: "position:absolute;top:0;left:0;width:100%;height:100%",
|
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFyZWEuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCaUMiLCJmaWxlIjoiQXJlYS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuLy8gSW1wb3J0IGhlbHBlcnNcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBBcmVhRmlsZWQgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwb2ludGVyLWV2ZW50czogJHsocHJvcHMpID0+IChwcm9wcy5pc0NsaWNrYWJsZSA/IFwiYXV0b1wiIDogXCJub25lXCIpfTtcbiAgY3Vyc29yOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzQ2xpY2thYmxlID8gXCJwb2ludGVyXCIgOiBcIm5vbmVcIil9O1xuICB6LWluZGV4OiAke0xheWVycy5BcmVhfTtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBwb3NpdGlvblgsIGhlaWdodCwgd2lkdGgsIHRpbWVsaW5lSGVpZ2h0IH0pID0+IGlzVmVydGljYWxNb2RlXHJcbiAgICA/IGNzcyBgXG4gICAgICAgICAgdG9wOiAke3Bvc2l0aW9uWH1weDtcbiAgICAgICAgICBsZWZ0OiAke3RpbWVsaW5lSGVpZ2h0fXB4O1xuICAgICAgICAgIGhlaWdodDogJHt3aWR0aH1weDtcbiAgICAgICAgICB3aWR0aDogJHtoZWlnaHR9cHg7XG4gICAgICAgIGBcclxuICAgIDogY3NzIGBcbiAgICAgICAgICB0b3A6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgICAgICAgbGVmdDogJHtwb3NpdGlvblh9cHg7XG4gICAgICAgICAgaGVpZ2h0OiAke2hlaWdodH1weDtcbiAgICAgICAgICB3aWR0aDogJHt3aWR0aH1weDtcbiAgICAgICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBBcmVhQmcgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG5gO1xyXG5leHBvcnQgY29uc3QgQXJlYUFubm90YXRpb24gPSBzdHlsZWQuZGl2IGBcbiAgcGFkZGluZzogNHB4IDZweDtcbiAgZm9udC1zaXplOiAxNXB4O1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNMZWZ0ID0gZmFsc2UsIHdpZHRoLCB0aW1lbGluZUhlaWdodCB9KSA9PiBjc3MgYFxuICAgICR7IWlzVmVydGljYWxNb2RlXHJcbiAgICA/IGNzcyBgXG4gICAgICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgICAgICB0b3A6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgICAgICAgJHtpc0xlZnRcclxuICAgICAgICA/IGBmbG9hdDpsZWZ0OyBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogNHB4OyBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czo0cHg7YFxyXG4gICAgICAgIDogYGZsb2F0OnJpZ2h0OyBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA0cHg7IGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDRweDtgfVxuICAgICAgICBgXHJcbiAgICA6IGNzcyBgXG4gICAgICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgICAgICBsZWZ0OiAke3RpbWVsaW5lSGVpZ2h0fXB4O1xuICAgICAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDRweDtcbiAgICAgICAgICAke2lzTGVmdCAmJiBjc3MgYGAgPyBgdG9wOiAwOyBgIDogYG1hcmdpbi10b3A6JHt3aWR0aCAtIDYwfXB4O2B9XG4gICAgICAgIGB9XG4gIGB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BcmVhLnN0eWxlcy5qcy5tYXAiXX0= */",
|
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
|
|
});
|
|
var AreaAnnotation = /*#__PURE__*/_styled("div", {
|
|
target: "euzzuzq0",
|
|
label: "AreaAnnotation"
|
|
})("padding:4px 6px;font-size:15px;width:max-content;", function (_ref2) {
|
|
var isVerticalMode = _ref2.isVerticalMode,
|
|
_ref2$isLeft = _ref2.isLeft,
|
|
isLeft = _ref2$isLeft === void 0 ? false : _ref2$isLeft,
|
|
width = _ref2.width,
|
|
timelineHeight = _ref2.timelineHeight;
|
|
return react.css(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n ", "\n "])), !isVerticalMode ? react.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n position: sticky;\n top: ", "px;\n ", "\n "])), timelineHeight, isLeft ? "float:left; border-top-right-radius: 4px; border-bottom-right-radius:4px;" : "float:right; border-top-left-radius: 4px; border-bottom-left-radius: 4px;") : react.css(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n position: sticky;\n left: ", "px;\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n ", "\n "])), timelineHeight, isLeft && react.css(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose([""]))) ? "top: 0; " : "margin-top:" + (width - 60) + "px;"));
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFyZWEuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCeUMiLCJmaWxlIjoiQXJlYS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuLy8gSW1wb3J0IGhlbHBlcnNcclxuaW1wb3J0IHsgTGF5ZXJzIH0gZnJvbSBcIi4uL2hlbHBlcnNcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBBcmVhRmlsZWQgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwb2ludGVyLWV2ZW50czogJHsocHJvcHMpID0+IChwcm9wcy5pc0NsaWNrYWJsZSA/IFwiYXV0b1wiIDogXCJub25lXCIpfTtcbiAgY3Vyc29yOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzQ2xpY2thYmxlID8gXCJwb2ludGVyXCIgOiBcIm5vbmVcIil9O1xuICB6LWluZGV4OiAke0xheWVycy5BcmVhfTtcblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBwb3NpdGlvblgsIGhlaWdodCwgd2lkdGgsIHRpbWVsaW5lSGVpZ2h0IH0pID0+IGlzVmVydGljYWxNb2RlXHJcbiAgICA/IGNzcyBgXG4gICAgICAgICAgdG9wOiAke3Bvc2l0aW9uWH1weDtcbiAgICAgICAgICBsZWZ0OiAke3RpbWVsaW5lSGVpZ2h0fXB4O1xuICAgICAgICAgIGhlaWdodDogJHt3aWR0aH1weDtcbiAgICAgICAgICB3aWR0aDogJHtoZWlnaHR9cHg7XG4gICAgICAgIGBcclxuICAgIDogY3NzIGBcbiAgICAgICAgICB0b3A6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgICAgICAgbGVmdDogJHtwb3NpdGlvblh9cHg7XG4gICAgICAgICAgaGVpZ2h0OiAke2hlaWdodH1weDtcbiAgICAgICAgICB3aWR0aDogJHt3aWR0aH1weDtcbiAgICAgICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBBcmVhQmcgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG5gO1xyXG5leHBvcnQgY29uc3QgQXJlYUFubm90YXRpb24gPSBzdHlsZWQuZGl2IGBcbiAgcGFkZGluZzogNHB4IDZweDtcbiAgZm9udC1zaXplOiAxNXB4O1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNMZWZ0ID0gZmFsc2UsIHdpZHRoLCB0aW1lbGluZUhlaWdodCB9KSA9PiBjc3MgYFxuICAgICR7IWlzVmVydGljYWxNb2RlXHJcbiAgICA/IGNzcyBgXG4gICAgICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgICAgICB0b3A6ICR7dGltZWxpbmVIZWlnaHR9cHg7XG4gICAgICAgICAgJHtpc0xlZnRcclxuICAgICAgICA/IGBmbG9hdDpsZWZ0OyBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogNHB4OyBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czo0cHg7YFxyXG4gICAgICAgIDogYGZsb2F0OnJpZ2h0OyBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA0cHg7IGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDRweDtgfVxuICAgICAgICBgXHJcbiAgICA6IGNzcyBgXG4gICAgICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgICAgICBsZWZ0OiAke3RpbWVsaW5lSGVpZ2h0fXB4O1xuICAgICAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDRweDtcbiAgICAgICAgICAke2lzTGVmdCAmJiBjc3MgYGAgPyBgdG9wOiAwOyBgIDogYG1hcmdpbi10b3A6JHt3aWR0aCAtIDYwfXB4O2B9XG4gICAgICAgIGB9XG4gIGB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BcmVhLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
|
|
var _templateObject$7, _templateObject2$5, _templateObject3$5;
|
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$3() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
var GridContainer = /*#__PURE__*/_styled("div", {
|
|
target: "eopf81a3",
|
|
label: "GridContainer"
|
|
})( {
|
|
name: "1jykxby",
|
|
styles: "position:absolute;top:0;left:0;height:100%;width:100%;z-index:1",
|
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV3QyIsImZpbGUiOiJHcmlkLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWQvbWFjcm9cIjtcclxuZXhwb3J0IGNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIHotaW5kZXg6IDE7XG5gO1xyXG5leHBvcnQgY29uc3QgR3JpZFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB0b3A6ICR7KHsgaXNUaW1lbGluZSwgdGltZWxpbmVIZWlnaHQgfSkgPT4gaXNUaW1lbGluZSA/IHRpbWVsaW5lSGVpZ2h0IDogMH1weDtcbiAgbGVmdDogJHsoeyBpc1NpZGViYXIsIHNpZGViYXJXaWR0aCB9KSA9PiAoaXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMCl9cHg7XG5cbiAgJHsoeyBpc1ZlcnRpY2FsTW9kZSwgaXNTaWRlYmFyLCBpc1RpbWVsaW5lLCBzaWRlYmFyV2lkdGgsIHRpbWVsaW5lSGVpZ2h0IH0pID0+IGlzVmVydGljYWxNb2RlICYmXHJcbiAgICBgXG4gICAgIHRvcDogJHtpc1NpZGViYXIgPyBzaWRlYmFyV2lkdGggOiAwfXB4O1xuICAgICAgbGVmdDogJHtpc1RpbWVsaW5lID8gdGltZWxpbmVIZWlnaHQgOiAwfXB4O1xuICAgIGB9XG5gO1xyXG5leHBvcnQgY29uc3QgR3JpZEl0ZW0gPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7KHsgdG9wIH0pID0+IHRvcH1weDtcbiAgbGVmdDogJHsoeyBsZWZ0IH0pID0+IGxlZnR9cHg7XG4gIGhlaWdodDogJHsoeyBoZWlnaHQgfSkgPT4gaGVpZ2h0fXB4O1xuICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aH1weDtcbiAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yaWdodC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ncmlkLml0ZW19O1xuICBib3JkZXItYm90dG9tLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmdyaWQuaXRlbX07XG4gIHotaW5kZXg6IDE7XG5cbiAgJHsoeyBpc0RheU1vZGUsIGlzSG92ZXJIaWdobGlnaHQsIGlzRHJhZ092ZXIsIHRoZW1lIH0pID0+ICFpc0RheU1vZGUgJiZcclxuICAgIGlzSG92ZXJIaWdobGlnaHQgJiZcclxuICAgIGBcbiAgICAmOmhvdmVyIHtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuZ3JpZC5oaWdobGlnaHR9O1xuICAgIH0gICBcblxuICAgICR7aXNEcmFnT3ZlciAmJiBgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ncmlkLmhpZ2hsaWdodH07YH1cbiAgICBgfVxuXG4gICR7KHsgaXNJdGVtQ2xpY2thYmxlIH0pID0+IGlzSXRlbUNsaWNrYWJsZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBgfVxuYDtcclxuZXhwb3J0IGNvbnN0IEdyaWREaXZpZGVyID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAkeyh7IGxlZnQgfSkgPT4gbGVmdH1weDtcbiAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yaWdodC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ncmlkLmRpdmlkZXJ9O1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAkeyh7IHdpZHRoIH0pID0+IHdpZHRofXB4O1xuXG4gICR7KHsgaXNIb3ZlckhpZ2hsaWdodCwgdGhlbWUgfSkgPT4gaXNIb3ZlckhpZ2hsaWdodCAmJlxyXG4gICAgYFxuICAgICY6aG92ZXIge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ncmlkLmhpZ2hsaWdodH07XG4gICAgfSAgIFxuXG5cbiAgICBgfVxuICAkeyh7IGlzRHJhZ092ZXIsIHRoZW1lIH0pID0+IGlzRHJhZ092ZXIgJiZcclxuICAgIGBcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmdyaWQuaGlnaGxpZ2h0fTsgXG5cbiAgICBgfVxuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGxlZnQsIHdpZHRoLCB0aGVtZSB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIHRvcDogJHtsZWZ0fXB4O1xuICAgICAgbGVmdDogMDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiAke3dpZHRofXB4O1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHt0aGVtZS5ncmlkLmRpdmlkZXJ9O1xuICAgIGB9XG5cbiAgJHsoeyBpc0l0ZW1DbGlja2FibGUgfSkgPT4gaXNJdGVtQ2xpY2thYmxlICYmXHJcbiAgICBjc3MgYFxuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGB9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1HcmlkLnN0eWxlcy5qcy5tYXAiXX0= */",
|
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
|
|
});
|
|
var GridItem = /*#__PURE__*/_styled("div", {
|
|
target: "eopf81a1",
|
|
label: "GridItem"
|
|
})("position:absolute;top:", function (_ref4) {
|
|
var top = _ref4.top;
|
|
return top;
|
|
}, "px;left:", function (_ref5) {
|
|
var left = _ref5.left;
|
|
return left;
|
|
}, "px;height:", function (_ref6) {
|
|
var height = _ref6.height;
|
|
return height;
|
|
}, "px;width:", function (_ref7) {
|
|
var width = _ref7.width;
|
|
return width;
|
|
}, "px;border:1px solid transparent;border-right-color:", function (_ref8) {
|
|
var theme = _ref8.theme;
|
|
return theme.grid.item;
|
|
}, ";border-bottom-color:", function (_ref9) {
|
|
var theme = _ref9.theme;
|
|
return theme.grid.item;
|
|
}, ";z-index:1;", function (_ref10) {
|
|
var isDayMode = _ref10.isDayMode,
|
|
isHoverHighlight = _ref10.isHoverHighlight,
|
|
isDragOver = _ref10.isDragOver,
|
|
theme = _ref10.theme;
|
|
return !isDayMode && isHoverHighlight && "\n &:hover {\n border: 1px solid " + theme.grid.highlight + ";\n } \n\n " + (isDragOver && "border: 1px solid " + theme.grid.highlight + ";") + "\n ";
|
|
}, " ", function (_ref11) {
|
|
var isItemClickable = _ref11.isItemClickable;
|
|
return isItemClickable && react.css(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCbUMiLCJmaWxlIjoiR3JpZC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkL21hY3JvXCI7XHJcbmV4cG9ydCBjb25zdCBHcmlkQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICB6LWluZGV4OiAxO1xuYDtcclxuZXhwb3J0IGNvbnN0IEdyaWRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdG9wOiAkeyh7IGlzVGltZWxpbmUsIHRpbWVsaW5lSGVpZ2h0IH0pID0+IGlzVGltZWxpbmUgPyB0aW1lbGluZUhlaWdodCA6IDB9cHg7XG4gIGxlZnQ6ICR7KHsgaXNTaWRlYmFyLCBzaWRlYmFyV2lkdGggfSkgPT4gKGlzU2lkZWJhciA/IHNpZGViYXJXaWR0aCA6IDApfXB4O1xuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGlzU2lkZWJhciwgaXNUaW1lbGluZSwgc2lkZWJhcldpZHRoLCB0aW1lbGluZUhlaWdodCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgYFxuICAgICB0b3A6ICR7aXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMH1weDtcbiAgICAgIGxlZnQ6ICR7aXNUaW1lbGluZSA/IHRpbWVsaW5lSGVpZ2h0IDogMH1weDtcbiAgICBgfVxuYDtcclxuZXhwb3J0IGNvbnN0IEdyaWRJdGVtID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAkeyh7IHRvcCB9KSA9PiB0b3B9cHg7XG4gIGxlZnQ6ICR7KHsgbGVmdCB9KSA9PiBsZWZ0fXB4O1xuICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodH1weDtcbiAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGh9cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItcmlnaHQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZ3JpZC5pdGVtfTtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ncmlkLml0ZW19O1xuICB6LWluZGV4OiAxO1xuXG4gICR7KHsgaXNEYXlNb2RlLCBpc0hvdmVySGlnaGxpZ2h0LCBpc0RyYWdPdmVyLCB0aGVtZSB9KSA9PiAhaXNEYXlNb2RlICYmXHJcbiAgICBpc0hvdmVySGlnaGxpZ2h0ICYmXHJcbiAgICBgXG4gICAgJjpob3ZlciB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmdyaWQuaGlnaGxpZ2h0fTtcbiAgICB9ICAgXG5cbiAgICAke2lzRHJhZ092ZXIgJiYgYGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuZ3JpZC5oaWdobGlnaHR9O2B9XG4gICAgYH1cblxuICAkeyh7IGlzSXRlbUNsaWNrYWJsZSB9KSA9PiBpc0l0ZW1DbGlja2FibGUgJiZcclxuICAgIGNzcyBgXG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBHcmlkRGl2aWRlciA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogJHsoeyBsZWZ0IH0pID0+IGxlZnR9cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItcmlnaHQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZ3JpZC5kaXZpZGVyfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aH1weDtcblxuICAkeyh7IGlzSG92ZXJIaWdobGlnaHQsIHRoZW1lIH0pID0+IGlzSG92ZXJIaWdobGlnaHQgJiZcclxuICAgIGBcbiAgICAmOmhvdmVyIHtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuZ3JpZC5oaWdobGlnaHR9O1xuICAgIH0gICBcblxuXG4gICAgYH1cbiAgJHsoeyBpc0RyYWdPdmVyLCB0aGVtZSB9KSA9PiBpc0RyYWdPdmVyICYmXHJcbiAgICBgXG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ncmlkLmhpZ2hsaWdodH07IFxuXG4gICAgYH1cblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBsZWZ0LCB3aWR0aCwgdGhlbWUgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICB0b3A6ICR7bGVmdH1weDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogJHt3aWR0aH1weDtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7dGhlbWUuZ3JpZC5kaXZpZGVyfTtcbiAgICBgfVxuXG4gICR7KHsgaXNJdGVtQ2xpY2thYmxlIH0pID0+IGlzSXRlbUNsaWNrYWJsZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBgfVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9R3JpZC5zdHlsZXMuanMubWFwIl19 */"));
|
|
var GridDivider = /*#__PURE__*/_styled("div", {
|
|
target: "eopf81a0",
|
|
label: "GridDivider"
|
|
})("position:absolute;top:0;left:", function (_ref12) {
|
|
var left = _ref12.left;
|
|
return left;
|
|
}, "px;border:1px solid transparent;border-right-color:", function (_ref13) {
|
|
var theme = _ref13.theme;
|
|
return theme.grid.divider;
|
|
}, ";height:100%;width:", function (_ref14) {
|
|
var width = _ref14.width;
|
|
return width;
|
|
}, "px;", function (_ref15) {
|
|
var isHoverHighlight = _ref15.isHoverHighlight,
|
|
theme = _ref15.theme;
|
|
return isHoverHighlight && "\n &:hover {\n border: 1px solid " + theme.grid.highlight + ";\n } \n\n\n ";
|
|
}, " ", function (_ref16) {
|
|
var isDragOver = _ref16.isDragOver,
|
|
theme = _ref16.theme;
|
|
return isDragOver && "\n border: 1px solid " + theme.grid.highlight + "; \n\n ";
|
|
}, " ", function (_ref17) {
|
|
var isVerticalMode = _ref17.isVerticalMode,
|
|
left = _ref17.left,
|
|
width = _ref17.width,
|
|
theme = _ref17.theme;
|
|
return isVerticalMode && react.css(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteralLoose(["\n top: ", "px;\n left: 0;\n width: 100%;\n height: ", "px;\n border-bottom-color: ", ";\n "])), left, width, theme.grid.divider);
|
|
}, " ", function (_ref18) {
|
|
var isItemClickable = _ref18.isItemClickable;
|
|
return isItemClickable && react.css(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDc0MiLCJmaWxlIjoiR3JpZC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkL21hY3JvXCI7XHJcbmV4cG9ydCBjb25zdCBHcmlkQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICB6LWluZGV4OiAxO1xuYDtcclxuZXhwb3J0IGNvbnN0IEdyaWRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdG9wOiAkeyh7IGlzVGltZWxpbmUsIHRpbWVsaW5lSGVpZ2h0IH0pID0+IGlzVGltZWxpbmUgPyB0aW1lbGluZUhlaWdodCA6IDB9cHg7XG4gIGxlZnQ6ICR7KHsgaXNTaWRlYmFyLCBzaWRlYmFyV2lkdGggfSkgPT4gKGlzU2lkZWJhciA/IHNpZGViYXJXaWR0aCA6IDApfXB4O1xuXG4gICR7KHsgaXNWZXJ0aWNhbE1vZGUsIGlzU2lkZWJhciwgaXNUaW1lbGluZSwgc2lkZWJhcldpZHRoLCB0aW1lbGluZUhlaWdodCB9KSA9PiBpc1ZlcnRpY2FsTW9kZSAmJlxyXG4gICAgYFxuICAgICB0b3A6ICR7aXNTaWRlYmFyID8gc2lkZWJhcldpZHRoIDogMH1weDtcbiAgICAgIGxlZnQ6ICR7aXNUaW1lbGluZSA/IHRpbWVsaW5lSGVpZ2h0IDogMH1weDtcbiAgICBgfVxuYDtcclxuZXhwb3J0IGNvbnN0IEdyaWRJdGVtID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAkeyh7IHRvcCB9KSA9PiB0b3B9cHg7XG4gIGxlZnQ6ICR7KHsgbGVmdCB9KSA9PiBsZWZ0fXB4O1xuICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodH1weDtcbiAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGh9cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItcmlnaHQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZ3JpZC5pdGVtfTtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ncmlkLml0ZW19O1xuICB6LWluZGV4OiAxO1xuXG4gICR7KHsgaXNEYXlNb2RlLCBpc0hvdmVySGlnaGxpZ2h0LCBpc0RyYWdPdmVyLCB0aGVtZSB9KSA9PiAhaXNEYXlNb2RlICYmXHJcbiAgICBpc0hvdmVySGlnaGxpZ2h0ICYmXHJcbiAgICBgXG4gICAgJjpob3ZlciB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmdyaWQuaGlnaGxpZ2h0fTtcbiAgICB9ICAgXG5cbiAgICAke2lzRHJhZ092ZXIgJiYgYGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuZ3JpZC5oaWdobGlnaHR9O2B9XG4gICAgYH1cblxuICAkeyh7IGlzSXRlbUNsaWNrYWJsZSB9KSA9PiBpc0l0ZW1DbGlja2FibGUgJiZcclxuICAgIGNzcyBgXG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYH1cbmA7XHJcbmV4cG9ydCBjb25zdCBHcmlkRGl2aWRlciA9IHN0eWxlZC5kaXYgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogJHsoeyBsZWZ0IH0pID0+IGxlZnR9cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItcmlnaHQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZ3JpZC5kaXZpZGVyfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aH1weDtcblxuICAkeyh7IGlzSG92ZXJIaWdobGlnaHQsIHRoZW1lIH0pID0+IGlzSG92ZXJIaWdobGlnaHQgJiZcclxuICAgIGBcbiAgICAmOmhvdmVyIHtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuZ3JpZC5oaWdobGlnaHR9O1xuICAgIH0gICBcblxuXG4gICAgYH1cbiAgJHsoeyBpc0RyYWdPdmVyLCB0aGVtZSB9KSA9PiBpc0RyYWdPdmVyICYmXHJcbiAgICBgXG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ncmlkLmhpZ2hsaWdodH07IFxuXG4gICAgYH1cblxuICAkeyh7IGlzVmVydGljYWxNb2RlLCBsZWZ0LCB3aWR0aCwgdGhlbWUgfSkgPT4gaXNWZXJ0aWNhbE1vZGUgJiZcclxuICAgIGNzcyBgXG4gICAgICB0b3A6ICR7bGVmdH1weDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogJHt3aWR0aH1weDtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7dGhlbWUuZ3JpZC5kaXZpZGVyfTtcbiAgICBgfVxuXG4gICR7KHsgaXNJdGVtQ2xpY2thYmxlIH0pID0+IGlzSXRlbUNsaWNrYWJsZSAmJlxyXG4gICAgY3NzIGBcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBgfVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9R3JpZC5zdHlsZXMuanMubWFwIl19 */"));
|
|
|
|
var theme = {
|
|
primary: {
|
|
600: "#1a202c",
|
|
900: "#171923"
|
|
},
|
|
grey: {
|
|
300: "#d1d1d1"
|
|
},
|
|
white: "#fff",
|
|
teal: {
|
|
100: "#38B2AC"
|
|
},
|
|
green: {
|
|
200: "#389493",
|
|
300: "#2C7A7B"
|
|
},
|
|
loader: {
|
|
teal: "#5DDADB",
|
|
purple: "#3437A2",
|
|
pink: "#F78EB6",
|
|
bg: "#171923db"
|
|
},
|
|
scrollbar: {
|
|
border: "#ffffff",
|
|
thumb: {
|
|
bg: "#e1e1e1"
|
|
}
|
|
},
|
|
gradient: {
|
|
blue: {
|
|
300: "#002eb3",
|
|
600: "#002360",
|
|
900: "#051937"
|
|
}
|
|
},
|
|
text: {
|
|
grey: {
|
|
300: "#a0aec0",
|
|
500: "#718096"
|
|
}
|
|
},
|
|
timeline: {
|
|
divider: {
|
|
bg: "#718096"
|
|
}
|
|
},
|
|
grid: {
|
|
item: "#7180961a",
|
|
divider: "#7180961a",
|
|
highlight: "#38B2AC"
|
|
}
|
|
};
|
|
|
|
function useLayout(_ref) {
|
|
var _scrollBoxRef$current;
|
|
var isVerticalMode = _ref.isVerticalMode,
|
|
isToday = _ref.isToday,
|
|
isInitialScrollToNow = _ref.isInitialScrollToNow,
|
|
initialScrollPositions = _ref.initialScrollPositions,
|
|
height = _ref.height,
|
|
width = _ref.width,
|
|
channelsNumber = _ref.channelsNumber,
|
|
startDate = _ref.startDate,
|
|
endDate = _ref.endDate,
|
|
hourWidth = _ref.hourWidth,
|
|
sidebarWidth = _ref.sidebarWidth,
|
|
hoursInDays = _ref.hoursInDays;
|
|
var useIsomorphicEffect = useIsomorphicLayoutEffect();
|
|
var containerRef = React__default.useRef(null);
|
|
var scrollBoxRef = React__default.useRef(null);
|
|
//-------- State --------
|
|
var _React$useState = React__default.useState(0),
|
|
scrollY = _React$useState[0],
|
|
setScrollY = _React$useState[1];
|
|
var _React$useState2 = React__default.useState(0),
|
|
scrollX = _React$useState2[0],
|
|
setScrollX = _React$useState2[1];
|
|
var _React$useState3 = React__default.useState(width),
|
|
layoutWidth = _React$useState3[0],
|
|
setLayoutWidth = _React$useState3[1];
|
|
var _React$useState4 = React__default.useState(height),
|
|
layoutHeight = _React$useState4[0],
|
|
setLayoutHeight = _React$useState4[1];
|
|
//-------- Variables --------
|
|
var scrollBoxInnerHeight = scrollBoxRef == null || (_scrollBoxRef$current = scrollBoxRef.current) == null ? void 0 : _scrollBoxRef$current.scrollHeight;
|
|
var initialScrollPositionsSerialized = JSON.stringify(initialScrollPositions);
|
|
// -------- Handlers --------
|
|
var handleScrollDebounced = useDebounce.useDebouncedCallback(function (value) {
|
|
setScrollY(value.y);
|
|
setScrollX(value.x);
|
|
}, DEBOUNCE_WAIT, {
|
|
maxWait: DEBOUNCE_WAIT_MAX
|
|
});
|
|
var handleOnScroll = React__default.useCallback(function (e) {
|
|
handleScrollDebounced({
|
|
y: e.target.scrollTop,
|
|
x: e.target.scrollLeft
|
|
});
|
|
}, [handleScrollDebounced]);
|
|
var hoursInDaysSerialized = JSON.stringify(hoursInDays);
|
|
var areHoursInDays = React__default.useMemo(function () {
|
|
return hoursInDays.length > 0;
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[hoursInDaysSerialized]);
|
|
var handleOnScrollToNow = React__default.useCallback(function () {
|
|
if (scrollBoxRef != null && scrollBoxRef.current && isToday) {
|
|
var _containerRef$current;
|
|
var clientWidth = width != null ? width : (_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.clientWidth;
|
|
var date = new Date(startDate);
|
|
var positionX = getPositionX(dateFns.startOfDay(date), getNewDateTz(), startDate, endDate, hourWidth);
|
|
if (areHoursInDays) {
|
|
positionX = getHoursInDaysPositionX({
|
|
hoursInDays: hoursInDays,
|
|
hourWidth: hourWidth,
|
|
sidebarWidth: sidebarWidth
|
|
});
|
|
}
|
|
var scrollNow = positionX - clientWidth / 2 + sidebarWidth;
|
|
if (isVerticalMode) {
|
|
scrollBoxRef.current.scrollTop = scrollNow + hourWidth;
|
|
} else {
|
|
scrollBoxRef.current.scrollLeft = scrollNow;
|
|
}
|
|
}
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[isVerticalMode, isToday, areHoursInDays, width, hourWidth, sidebarWidth, startDate, endDate]);
|
|
var handleScrollToInitialPositions = React__default.useCallback(function () {
|
|
var isInitialScrollPosition = Object.keys(initialScrollPositions).length;
|
|
if (scrollBoxRef != null && scrollBoxRef.current && isInitialScrollPosition) {
|
|
var _initialScrollPositio = initialScrollPositions.top,
|
|
top = _initialScrollPositio === void 0 ? 0 : _initialScrollPositio,
|
|
_initialScrollPositio2 = initialScrollPositions.left,
|
|
left = _initialScrollPositio2 === void 0 ? 0 : _initialScrollPositio2;
|
|
scrollBoxRef.current.scrollTo({
|
|
behavior: "smooth",
|
|
top: top,
|
|
left: left
|
|
});
|
|
}
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[initialScrollPositionsSerialized, scrollBoxInnerHeight]);
|
|
var handleOnScrollTop = React__default.useCallback(function (value) {
|
|
if (value === void 0) {
|
|
value = hourWidth;
|
|
}
|
|
if (scrollBoxRef != null && scrollBoxRef.current) {
|
|
var top = scrollBoxRef.current.scrollTop + value;
|
|
scrollBoxRef.current.scrollTop = top;
|
|
}
|
|
}, [hourWidth]);
|
|
var handleOnScrollRight = React__default.useCallback(function (value) {
|
|
if (value === void 0) {
|
|
value = hourWidth;
|
|
}
|
|
if (scrollBoxRef != null && scrollBoxRef.current) {
|
|
var right = scrollBoxRef.current.scrollLeft + value;
|
|
scrollBoxRef.current.scrollLeft = right;
|
|
}
|
|
}, [hourWidth]);
|
|
var handleOnScrollLeft = React__default.useCallback(function (value) {
|
|
if (value === void 0) {
|
|
value = hourWidth;
|
|
}
|
|
if (scrollBoxRef != null && scrollBoxRef.current) {
|
|
var left = scrollBoxRef.current.scrollLeft - value;
|
|
scrollBoxRef.current.scrollLeft = left;
|
|
}
|
|
}, [hourWidth]);
|
|
var handleResizeDebounced = useDebounce.useDebouncedCallback(function () {
|
|
if (containerRef != null && containerRef.current && !width) {
|
|
var container = containerRef.current;
|
|
var clientWidth = container.clientWidth;
|
|
setLayoutWidth(clientWidth);
|
|
}
|
|
}, DEBOUNCE_WAIT * 4, {
|
|
maxWait: DEBOUNCE_WAIT_MAX * 4
|
|
});
|
|
var handleCheckIsLayoutBottom = React__default.useCallback(function (offset) {
|
|
if (offset === void 0) {
|
|
offset = 0;
|
|
}
|
|
if (scrollBoxRef != null && scrollBoxRef.current) {
|
|
if (isVerticalMode) {
|
|
// Check if the scroll is at the bottom in scrollBox in vertical mode
|
|
var _scrollBoxRef$current2 = scrollBoxRef.current,
|
|
scrollWidth = _scrollBoxRef$current2.scrollWidth,
|
|
scrollLeft = _scrollBoxRef$current2.scrollLeft,
|
|
clientWidth = _scrollBoxRef$current2.clientWidth;
|
|
if (scrollLeft === 0) return false;
|
|
return scrollWidth - scrollLeft - offset <= clientWidth;
|
|
} else {
|
|
// Check if the scroll is at the bottom in scrollBox
|
|
var _scrollBoxRef$current3 = scrollBoxRef.current,
|
|
scrollHeight = _scrollBoxRef$current3.scrollHeight,
|
|
scrollTop = _scrollBoxRef$current3.scrollTop,
|
|
clientHeight = _scrollBoxRef$current3.clientHeight;
|
|
if (scrollTop === 0) return false;
|
|
return scrollHeight - scrollTop - offset <= clientHeight;
|
|
}
|
|
}
|
|
return false;
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[isVerticalMode, scrollX, scrollY, channelsNumber]);
|
|
var handleCheckIsLayoutRight = React__default.useCallback(function (offset) {
|
|
if (offset === void 0) {
|
|
offset = 0;
|
|
}
|
|
if (scrollBoxRef != null && scrollBoxRef.current) {
|
|
if (isVerticalMode) {
|
|
// Check if the scroll is at the right in scrollBox in vertical mode
|
|
var _scrollBoxRef$current4 = scrollBoxRef.current,
|
|
scrollHeight = _scrollBoxRef$current4.scrollHeight,
|
|
scrollTop = _scrollBoxRef$current4.scrollTop,
|
|
clientHeight = _scrollBoxRef$current4.clientHeight;
|
|
if (scrollTop === 0) return false;
|
|
return scrollHeight - scrollTop - offset <= clientHeight;
|
|
} else {
|
|
// Check if the scroll is at the right in scrollBox
|
|
var _scrollBoxRef$current5 = scrollBoxRef.current,
|
|
scrollWidth = _scrollBoxRef$current5.scrollWidth,
|
|
scrollLeft = _scrollBoxRef$current5.scrollLeft,
|
|
clientWidth = _scrollBoxRef$current5.clientWidth;
|
|
if (scrollLeft === 0) return false;
|
|
return scrollWidth - scrollLeft - offset <= clientWidth;
|
|
}
|
|
}
|
|
return false;
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[scrollX, scrollY, channelsNumber]);
|
|
// -------- Effects --------
|
|
useIsomorphicEffect(function () {
|
|
if (containerRef != null && containerRef.current) {
|
|
var container = containerRef.current;
|
|
if (!width) {
|
|
var clientWidth = container.clientWidth;
|
|
setLayoutWidth(clientWidth);
|
|
}
|
|
if (!height) {
|
|
var clientHeight = container.clientHeight;
|
|
setLayoutHeight(clientHeight);
|
|
}
|
|
}
|
|
}, [height, width, startDate]);
|
|
useIsomorphicEffect(function () {
|
|
var isInitialScrollPosition = Object.keys(initialScrollPositions).length;
|
|
if (scrollBoxRef != null && scrollBoxRef.current) {
|
|
if (isInitialScrollPosition) {
|
|
handleScrollToInitialPositions();
|
|
} else if (isInitialScrollToNow) {
|
|
handleOnScrollToNow();
|
|
}
|
|
}
|
|
}, [isToday, isInitialScrollToNow, initialScrollPositionsSerialized]);
|
|
useIsomorphicEffect(function () {
|
|
window.addEventListener("resize", handleResizeDebounced);
|
|
return function () {
|
|
window.removeEventListener("resize", handleResizeDebounced);
|
|
};
|
|
}, [width]);
|
|
return {
|
|
containerRef: containerRef,
|
|
scrollBoxRef: scrollBoxRef,
|
|
scrollX: scrollX,
|
|
scrollY: scrollY,
|
|
layoutWidth: layoutWidth,
|
|
layoutHeight: layoutHeight,
|
|
isLayoutBottom: handleCheckIsLayoutBottom,
|
|
isLayoutRight: handleCheckIsLayoutRight,
|
|
onScroll: handleOnScroll,
|
|
onScrollToNow: handleOnScrollToNow,
|
|
onScrollTop: handleOnScrollTop,
|
|
onScrollLeft: handleOnScrollLeft,
|
|
onScrollRight: handleOnScrollRight
|
|
};
|
|
}
|
|
|
|
var _excluded$2 = ["isToday", "currentDate"],
|
|
_excluded2 = ["hourWidth", "dayWidth"],
|
|
_excluded3 = ["isLayoutBottom", "isLayoutRight", "containerRef", "scrollBoxRef"];
|
|
var defaultStartDateTime = /*#__PURE__*/formatTime( /*#__PURE__*/dateFns.startOfToday());
|
|
var defaultMode = {
|
|
type: "day",
|
|
style: "default"
|
|
};
|
|
var defaultTimezone = {
|
|
enabled: false,
|
|
zone: "",
|
|
mode: "formatInTimeZone"
|
|
};
|
|
var defaultOverlap = {
|
|
enabled: false,
|
|
mode: "stack",
|
|
layerOverlapLevel: 0.4
|
|
};
|
|
var defaultGrid = {
|
|
enabled: false,
|
|
hoverHighlight: false
|
|
};
|
|
var defaultDnd = {
|
|
enabled: false,
|
|
mode: "row"
|
|
};
|
|
function useEpg(props) {
|
|
var _props$isVerticalMode = props.isVerticalMode,
|
|
isVerticalMode = _props$isVerticalMode === void 0 ? false : _props$isVerticalMode,
|
|
_props$isRTL = props.isRTL,
|
|
isRTL = _props$isRTL === void 0 ? false : _props$isRTL,
|
|
_props$isResize = props.isResize,
|
|
isResize = _props$isResize === void 0 ? false : _props$isResize,
|
|
_props$isBaseTimeForm = props.isBaseTimeFormat,
|
|
isBaseTimeFormat = _props$isBaseTimeForm === void 0 ? false : _props$isBaseTimeForm,
|
|
_props$isSidebar = props.isSidebar,
|
|
isSidebar = _props$isSidebar === void 0 ? true : _props$isSidebar,
|
|
_props$isTimeline = props.isTimeline,
|
|
isTimeline = _props$isTimeline === void 0 ? true : _props$isTimeline,
|
|
_props$isLine = props.isLine,
|
|
isLine = _props$isLine === void 0 ? true : _props$isLine,
|
|
_props$isCurrentTime = props.isCurrentTime,
|
|
isCurrentTime = _props$isCurrentTime === void 0 ? false : _props$isCurrentTime,
|
|
_props$isInitialScrol = props.isInitialScrollToNow,
|
|
isInitialScrollToNow = _props$isInitialScrol === void 0 ? true : _props$isInitialScrol;
|
|
var width = props.width,
|
|
height = props.height;
|
|
var channelsEpg = props.channels,
|
|
epg = props.epg;
|
|
var _props$startDate = props.startDate,
|
|
startDateInput = _props$startDate === void 0 ? defaultStartDateTime : _props$startDate,
|
|
_props$endDate = props.endDate,
|
|
endDateInput = _props$endDate === void 0 ? "" : _props$endDate,
|
|
_props$hoursInDays = props.hoursInDays,
|
|
customHoursInDays = _props$hoursInDays === void 0 ? [] : _props$hoursInDays;
|
|
var _props$initialScrollP = props.initialScrollPositions,
|
|
initialScrollPositions = _props$initialScrollP === void 0 ? {} : _props$initialScrollP,
|
|
_props$liveRefreshTim = props.liveRefreshTime,
|
|
liveRefreshTime = _props$liveRefreshTim === void 0 ? LIVE_REFRESH_TIME : _props$liveRefreshTim,
|
|
_props$timelineDivide = props.timelineDividers,
|
|
timelineDividers = _props$timelineDivide === void 0 ? TIMELINE_DIVIDERS : _props$timelineDivide,
|
|
snap = props.snap,
|
|
_props$mode = props.mode,
|
|
customMode = _props$mode === void 0 ? defaultMode : _props$mode,
|
|
_props$overlap = props.overlap,
|
|
customOverlap = _props$overlap === void 0 ? defaultOverlap : _props$overlap,
|
|
_props$timezone = props.timezone,
|
|
customTimezone = _props$timezone === void 0 ? defaultTimezone : _props$timezone,
|
|
_props$areas = props.areas,
|
|
areas = _props$areas === void 0 ? [] : _props$areas,
|
|
_props$grid = props.grid,
|
|
grid = _props$grid === void 0 ? defaultGrid : _props$grid,
|
|
_props$dnd = props.dnd,
|
|
dnd = _props$dnd === void 0 ? defaultDnd : _props$dnd,
|
|
customTheme = props.theme,
|
|
globalStyles = props.globalStyles;
|
|
var _props$dayWidth = props.dayWidth,
|
|
customDayWidth = _props$dayWidth === void 0 ? DAY_WIDTH : _props$dayWidth,
|
|
_props$sidebarWidth = props.sidebarWidth,
|
|
sidebarWidth = _props$sidebarWidth === void 0 ? SIDEBAR_WIDTH : _props$sidebarWidth,
|
|
_props$timelineHeight = props.timelineHeight,
|
|
customTimelineHeight = _props$timelineHeight === void 0 ? TIMELINE_HEIGHT : _props$timelineHeight,
|
|
_props$itemHeight = props.itemHeight,
|
|
itemHeight = _props$itemHeight === void 0 ? ITEM_HEIGHT : _props$itemHeight,
|
|
_props$itemOverscan = props.itemOverscan,
|
|
itemOverscan = _props$itemOverscan === void 0 ? ITEM_OVERSCAN : _props$itemOverscan;
|
|
var _props$channelMapKey = props.channelMapKey,
|
|
channelMapKey = _props$channelMapKey === void 0 ? "uuid" : _props$channelMapKey,
|
|
_props$programChannel = props.programChannelMapKey,
|
|
programChannelMapKey = _props$programChannel === void 0 ? "channelUuid" : _props$programChannel;
|
|
var timezone = _extends({}, defaultTimezone, customTimezone);
|
|
var mode = _extends({}, defaultMode, customMode);
|
|
var overlap = _extends({}, defaultOverlap, customOverlap);
|
|
var isOverlapEnabled = overlap.enabled;
|
|
var isMultirowsDnd = dnd.mode === "multi-rows";
|
|
// Get converted start and end dates
|
|
var _getTimeRangeDates = getTimeRangeDates(startDateInput, endDateInput),
|
|
startDate = _getTimeRangeDates.startDate,
|
|
endDate = _getTimeRangeDates.endDate;
|
|
// Get hours in days
|
|
var serializedHoursInDays = JSON.stringify(customHoursInDays);
|
|
var hoursInDays = React__default.useMemo(function () {
|
|
return getNumberOfHoursInDays({
|
|
customHoursInDays: customHoursInDays,
|
|
startDate: startDate
|
|
});
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[serializedHoursInDays]);
|
|
// Get days resources eg. number of days, dates and hours
|
|
var _React$useMemo = React__default.useMemo(function () {
|
|
return getDayResources({
|
|
startDate: startDate,
|
|
endDate: endDate,
|
|
modeType: mode.type
|
|
});
|
|
}, [startDate, endDate, mode.type]),
|
|
isToday = _React$useMemo.isToday,
|
|
currentDate = _React$useMemo.currentDate,
|
|
daysResources = _objectWithoutPropertiesLoose(_React$useMemo, _excluded$2);
|
|
// Get day and hour width of the day
|
|
var _React$useMemo2 = React__default.useMemo(function () {
|
|
return getDayWidthResources({
|
|
dayWidth: customDayWidth,
|
|
startDate: startDate,
|
|
endDate: endDate,
|
|
hoursInDays: hoursInDays,
|
|
modeType: mode.type
|
|
});
|
|
}, [customDayWidth, startDate, endDate, hoursInDays, mode.type]),
|
|
hourWidth = _React$useMemo2.hourWidth,
|
|
dayWidth = _React$useMemo2.dayWidth,
|
|
dayWidthResourcesProps = _objectWithoutPropertiesLoose(_React$useMemo2, _excluded2);
|
|
// -------- State --------
|
|
var _React$useReducer = React__default.useReducer(function (x) {
|
|
return x + 1;
|
|
}, 0),
|
|
update = _React$useReducer[0],
|
|
setForceUpdate = _React$useReducer[1];
|
|
var _React$useReducer2 = React__default.useReducer(function (x) {
|
|
return x + 1;
|
|
}, 0),
|
|
updateChannels = _React$useReducer2[0],
|
|
setForceChannelsUpdate = _React$useReducer2[1];
|
|
var _React$useState = React__default.useState({
|
|
index: -1,
|
|
uuid: ""
|
|
}),
|
|
dndChannelUuid = _React$useState[0],
|
|
setDndChannelUuid = _React$useState[1];
|
|
var _React$useState2 = React__default.useState(function () {
|
|
return 0;
|
|
}),
|
|
newOverlaps = _React$useState2[0],
|
|
setNewOverlaps = _React$useState2[1];
|
|
var _React$useState3 = React__default.useState({}),
|
|
overlaps = _React$useState3[0],
|
|
setOverlaps = _React$useState3[1];
|
|
var _React$useState4 = React__default.useState({}),
|
|
channelOverlapsCount = _React$useState4[0],
|
|
setChannelOverlapsCount = _React$useState4[1];
|
|
var timezoneSerialized = JSON.stringify(timezone);
|
|
// Set base timezone functions
|
|
React__default.useMemo(function () {
|
|
if (timezone.enabled) {
|
|
setTimezoneOptionsCache(timezone);
|
|
}
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[timezoneSerialized]);
|
|
React__default.useEffect(function () {
|
|
setForceUpdate();
|
|
setDndChannelUuid({
|
|
index: -1,
|
|
uuid: ""
|
|
});
|
|
}, [isVerticalMode]);
|
|
var _useLayout = useLayout({
|
|
isVerticalMode: isVerticalMode,
|
|
isToday: isToday,
|
|
isInitialScrollToNow: isInitialScrollToNow,
|
|
initialScrollPositions: initialScrollPositions,
|
|
startDate: startDate,
|
|
endDate: endDate,
|
|
sidebarWidth: sidebarWidth,
|
|
width: width,
|
|
height: height,
|
|
hourWidth: hourWidth,
|
|
currentDate: currentDate,
|
|
hoursInDays: hoursInDays,
|
|
channelsNumber: channelsEpg.length
|
|
}),
|
|
isLayoutBottom = _useLayout.isLayoutBottom,
|
|
isLayoutRight = _useLayout.isLayoutRight,
|
|
containerRef = _useLayout.containerRef,
|
|
scrollBoxRef = _useLayout.scrollBoxRef,
|
|
layoutProps = _objectWithoutPropertiesLoose(_useLayout, _excluded3);
|
|
React__default.useEffect(function () {
|
|
return function () {
|
|
resetLayoutScreenCloneElements();
|
|
};
|
|
}, []);
|
|
var scrollX = layoutProps.scrollX,
|
|
scrollY = layoutProps.scrollY,
|
|
layoutWidth = layoutProps.layoutWidth,
|
|
layoutHeight = layoutProps.layoutHeight;
|
|
var onScroll = layoutProps.onScroll,
|
|
onScrollToNow = layoutProps.onScrollToNow,
|
|
onScrollTop = layoutProps.onScrollTop,
|
|
onScrollLeft = layoutProps.onScrollLeft,
|
|
onScrollRight = layoutProps.onScrollRight;
|
|
//-------- Variables --------
|
|
var timelineHeight = getTimelineHeight(customTimelineHeight, mode);
|
|
var channelsEpgSerialized = React__default.useMemo(function () {
|
|
return JSON.stringify(channelsEpg);
|
|
}, [channelsEpg]);
|
|
var channelOverlapsCountSerialized = React__default.useMemo(function () {
|
|
return channelOverlapsCount;
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[JSON.stringify(channelOverlapsCount)]);
|
|
var channels = React__default.useMemo(function () {
|
|
// Convert channels
|
|
return getConvertedChannels(isOverlapEnabled, overlap.mode, overlap.layerOverlapLevel, channelsEpg, itemHeight, channelMapKey, channelOverlapsCount);
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[isOverlapEnabled, overlap.mode, overlap.layerOverlapLevel, channelsEpgSerialized, channelOverlapsCountSerialized, itemHeight, channelMapKey, newOverlaps, updateChannels]);
|
|
var startDateTime = formatTime(startDate);
|
|
var endDateTime = formatTime(endDate);
|
|
var channelsSerialized = React__default.useMemo(function () {
|
|
return JSON.stringify(channels);
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[channels]);
|
|
var overlapsSerialized = React__default.useMemo(function () {
|
|
return overlaps;
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[JSON.stringify(overlaps)]);
|
|
var _React$useMemo3 = React__default.useMemo(function () {
|
|
var data = getConvertedPrograms({
|
|
isVerticalMode: isVerticalMode,
|
|
isOverlapEnabled: isOverlapEnabled,
|
|
programChannelMapKey: programChannelMapKey,
|
|
data: epg,
|
|
channels: channels,
|
|
startDate: startDateTime,
|
|
endDate: endDateTime,
|
|
hoursInDays: hoursInDays,
|
|
itemHeight: itemHeight,
|
|
hourWidth: hourWidth
|
|
});
|
|
if (isOverlapEnabled) {
|
|
var _overlaps = overlaps;
|
|
var _checkOverlaps = checkOverlaps(isMultirowsDnd, isVerticalMode, dndChannelUuid, _overlaps, data),
|
|
itemsOverlaps = _checkOverlaps.overlaps,
|
|
channelOverlaps = _checkOverlaps.channelOverlaps;
|
|
setChannelOverlapsCount(_extends({}, channelOverlapsCount, channelOverlaps));
|
|
setNewOverlaps(function (prev) {
|
|
return prev + 1;
|
|
});
|
|
setOverlaps(itemsOverlaps);
|
|
return {
|
|
programs: data,
|
|
programOverlaps: itemsOverlaps
|
|
};
|
|
}
|
|
return {
|
|
programs: data,
|
|
programOverlaps: {}
|
|
};
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[isMultirowsDnd, isOverlapEnabled, isVerticalMode, epg, channelsSerialized, overlapsSerialized, startDateTime, endDateTime, itemHeight, hourWidth, hoursInDays, programChannelMapKey, timezoneSerialized, update]),
|
|
programs = _React$useMemo3.programs,
|
|
programOverlaps = _React$useMemo3.programOverlaps;
|
|
var gridItems = React__default.useMemo(function () {
|
|
if (!grid.enabled) return [];
|
|
return getConvertedGridItems({
|
|
isVerticalMode: isVerticalMode,
|
|
channels: channels,
|
|
dayWidth: dayWidth,
|
|
hourWidth: hourWidth,
|
|
timelineHeight: timelineHeight,
|
|
sidebarWidth: sidebarWidth,
|
|
mode: mode,
|
|
dayWidthResources: dayWidthResourcesProps,
|
|
daysResources: daysResources
|
|
});
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[grid.enabled, channelsSerialized, mode.type, dayWidthResourcesProps.numberOfHoursInDay, dayWidthResourcesProps.numberOfMonths, daysResources.numberOfDays, dayWidth, hourWidth, sidebarWidth, timelineHeight, isVerticalMode]);
|
|
var theme$1 = _extends({}, theme, customTheme);
|
|
// -------- Handlers --------
|
|
var isProgramVisible = React__default.useCallback(function (position, overlapsCount) {
|
|
return getItemVisibility({
|
|
isVerticalMode: isVerticalMode,
|
|
itemOverscan: itemOverscan,
|
|
overlapsCount: overlapsCount,
|
|
position: position,
|
|
scrollY: scrollY,
|
|
scrollX: scrollX,
|
|
containerHeight: layoutHeight,
|
|
containerWidth: layoutWidth
|
|
});
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[isVerticalMode, itemOverscan, layoutHeight, layoutWidth, scrollY, scrollX]);
|
|
var isChannelVisible = React__default.useCallback(function (position) {
|
|
return getSidebarItemVisibility({
|
|
isVerticalMode: isVerticalMode,
|
|
itemOverscan: itemOverscan,
|
|
position: position,
|
|
scrollX: scrollX,
|
|
scrollY: scrollY,
|
|
containerHeight: layoutHeight,
|
|
containerWidth: layoutWidth
|
|
});
|
|
}, [isVerticalMode, itemOverscan, scrollY, scrollX, layoutHeight, layoutWidth]);
|
|
var isTimelineVisible = React__default.useCallback(function (position) {
|
|
return getTimelineItemVisibility({
|
|
position: position,
|
|
scrollY: scrollY,
|
|
scrollX: scrollX,
|
|
containerHeight: layoutHeight,
|
|
containerWidth: layoutWidth,
|
|
isVerticalMode: isVerticalMode
|
|
});
|
|
}, [scrollY, scrollX, layoutHeight, layoutWidth, isVerticalMode]);
|
|
var dndOnSuccessCb = React__default.useCallback(function (event) {
|
|
return dnd == null || dnd.onDnDSuccess == null ? void 0 : dnd.onDnDSuccess(event);
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[]);
|
|
var resizeMouseUp = React__default.useCallback(function (props) {
|
|
var newTime = calculateItemDragSinceTill(_extends({}, props, {
|
|
hourWidth: hourWidth,
|
|
startDate: startDate
|
|
}));
|
|
epg[props.index].since = newTime.since;
|
|
epg[props.index].till = newTime.till;
|
|
setDndChannelUuid({
|
|
index: epg[props.index].channelIndex,
|
|
uuid: epg[props.index][programChannelMapKey]
|
|
});
|
|
dndOnSuccessCb(epg[props.index]);
|
|
setForceUpdate();
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[isVerticalMode, startDate, hourWidth, programs]);
|
|
var dragMouseUp = React__default.useCallback( /*#__PURE__*/function () {
|
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(props) {
|
|
var newTime, element, checkChannelTopOutRange, checkChannelTopInRange, isChannelTopInRange, isChannelTopOutRange, newChannel, newChannelRange, newChannelEpgIndexes;
|
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
newTime = calculateItemDragSinceTill(_extends({}, props, {
|
|
hourWidth: hourWidth,
|
|
startDate: startDate
|
|
}));
|
|
element = _extends({}, epg[props.index]);
|
|
checkChannelTopOutRange = function checkChannelTopOutRange() {
|
|
var elementChannel = element.channelPosition;
|
|
if (props.top > elementChannel.top + elementChannel.height - 1 || props.top < elementChannel.top - 1) {
|
|
return true;
|
|
}
|
|
return false;
|
|
};
|
|
checkChannelTopInRange = function checkChannelTopInRange() {
|
|
var elementChannel = element.channelPosition;
|
|
return elementChannel.top <= props.top && props.top <= elementChannel.top + elementChannel.height ? true : false;
|
|
};
|
|
isChannelTopInRange = checkChannelTopInRange();
|
|
isChannelTopOutRange = checkChannelTopOutRange();
|
|
if (isMultirowsDnd && isChannelTopOutRange) {
|
|
newChannel = channels.find(function (channel) {
|
|
return channel.position.top === props.top;
|
|
});
|
|
newChannelRange = channels.find(function (channel) {
|
|
return channel.position.top <= props.top && props.top <= channel.position.top + channel.position.height;
|
|
});
|
|
if (newChannel) {
|
|
newChannelEpgIndexes = getChannelEpgIndexes(newChannel[channelMapKey]);
|
|
if (newChannelEpgIndexes) {
|
|
epg[props.index].since = newTime.since;
|
|
epg[props.index].till = newTime.till;
|
|
epg[props.index][programChannelMapKey] = newChannel[channelMapKey];
|
|
epg[props.index].channelIndex = newChannel.index;
|
|
epg[props.index].channelPosition = {
|
|
top: newChannel.position.top,
|
|
height: newChannel.position.height,
|
|
left: newChannel.position.left
|
|
};
|
|
} else {
|
|
setChannelEpgIndexes({
|
|
uuid: newChannel[channelMapKey],
|
|
first: props.index,
|
|
last: props.index
|
|
});
|
|
epg[props.index].since = newTime.since;
|
|
epg[props.index].till = newTime.till;
|
|
epg[props.index][programChannelMapKey] = newChannel[channelMapKey];
|
|
epg[props.index].channelIndex = newChannel.index;
|
|
epg[props.index].channelPosition = {
|
|
top: newChannel.position.top,
|
|
height: newChannel.position.height,
|
|
left: newChannel.position.left
|
|
};
|
|
}
|
|
} else if (newChannelRange) {
|
|
epg[props.index].since = newTime.since;
|
|
epg[props.index].till = newTime.till;
|
|
epg[props.index][programChannelMapKey] = newChannelRange[channelMapKey];
|
|
epg[props.index].channelIndex = newChannelRange.index;
|
|
epg[props.index].channelPosition = {
|
|
top: newChannelRange.position.top,
|
|
height: newChannelRange.position.height,
|
|
left: newChannelRange.position.left
|
|
};
|
|
}
|
|
} else if (isMultirowsDnd && isChannelTopInRange) {
|
|
epg[props.index].since = newTime.since;
|
|
epg[props.index].till = newTime.till;
|
|
} else {
|
|
epg[props.index].since = newTime.since;
|
|
epg[props.index].till = newTime.till;
|
|
setDndChannelUuid({
|
|
index: epg[props.index].channelIndex,
|
|
uuid: epg[props.index][programChannelMapKey]
|
|
});
|
|
}
|
|
dndOnSuccessCb(epg[props.index]);
|
|
setForceUpdate();
|
|
case 9:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function (_x) {
|
|
return _ref.apply(this, arguments);
|
|
};
|
|
}(),
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[isMultirowsDnd, startDate, hourWidth, programs]);
|
|
var handleGetLayoutData = React__default.useCallback(function (events) {
|
|
return events.map(function (event) {
|
|
return _extends({}, event.data);
|
|
});
|
|
}, []);
|
|
var handleOpenChannelGroupTree = React__default.useCallback(function (data) {
|
|
channelsEpg[data.index].isOpen = !channelsEpg[data.index].isOpen;
|
|
setForceChannelsUpdate();
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[channels]);
|
|
var handleGetDropItemData = React__default.useCallback(function (data) {
|
|
return setUpdatedLayoutItem(data, mode.type);
|
|
}, [mode.type]);
|
|
var getEpgProps = function getEpgProps() {
|
|
return {
|
|
isVerticalMode: isVerticalMode,
|
|
isRTL: isRTL,
|
|
isSidebar: isSidebar,
|
|
isLine: isLine,
|
|
isTimeline: isTimeline,
|
|
width: width,
|
|
height: height,
|
|
sidebarWidth: sidebarWidth,
|
|
timelineHeight: timelineHeight,
|
|
ref: containerRef,
|
|
theme: theme$1,
|
|
globalStyles: globalStyles
|
|
};
|
|
};
|
|
var getLayoutProps = function getLayoutProps() {
|
|
return _extends({
|
|
isVerticalMode: isVerticalMode,
|
|
isRTL: isRTL,
|
|
isBaseTimeFormat: isBaseTimeFormat,
|
|
isSidebar: isSidebar,
|
|
isTimeline: isTimeline,
|
|
isLine: isLine,
|
|
isCurrentTime: isCurrentTime,
|
|
isProgramVisible: isProgramVisible,
|
|
isChannelVisible: isChannelVisible,
|
|
isTimelineVisible: isTimelineVisible,
|
|
isToday: isToday,
|
|
isResize: isResize,
|
|
programs: programs,
|
|
programOverlaps: programOverlaps,
|
|
channels: channels,
|
|
channelOverlapsCount: channelOverlapsCount,
|
|
layerOverlapLevel: overlap.layerOverlapLevel,
|
|
snap: snap,
|
|
grid: grid,
|
|
gridItems: gridItems,
|
|
dnd: dnd,
|
|
startDate: startDate,
|
|
endDate: endDate,
|
|
hoursInDays: hoursInDays,
|
|
liveRefreshTime: liveRefreshTime,
|
|
scrollY: scrollY,
|
|
dayWidth: dayWidth,
|
|
hourWidth: hourWidth,
|
|
sidebarWidth: sidebarWidth,
|
|
timelineHeight: timelineHeight,
|
|
itemHeight: itemHeight,
|
|
currentDate: currentDate,
|
|
mode: mode,
|
|
timezone: timezone,
|
|
timelineDividers: timelineDividers,
|
|
overlapMode: overlap.mode,
|
|
overlap: overlap,
|
|
areas: areas,
|
|
openChannelGroupTree: handleOpenChannelGroupTree,
|
|
onScroll: onScroll,
|
|
dragMouseUp: dragMouseUp,
|
|
resizeMouseUp: resizeMouseUp
|
|
}, daysResources, dayWidthResourcesProps, {
|
|
ref: scrollBoxRef
|
|
});
|
|
};
|
|
return {
|
|
isLayoutBottom: isLayoutBottom,
|
|
isLayoutRight: isLayoutRight,
|
|
getEpgProps: getEpgProps,
|
|
getLayoutProps: getLayoutProps,
|
|
getLayoutData: handleGetLayoutData,
|
|
getDropItemData: handleGetDropItemData,
|
|
onScrollToNow: onScrollToNow,
|
|
onScrollTop: onScrollTop,
|
|
onScrollLeft: onScrollLeft,
|
|
onScrollRight: onScrollRight,
|
|
scrollY: scrollY,
|
|
scrollX: scrollX
|
|
};
|
|
}
|
|
|
|
function useInterval(callback, delay) {
|
|
var useIsomorphicEffect = useIsomorphicLayoutEffect();
|
|
var savedCallback = React__default.useRef(callback);
|
|
useIsomorphicEffect(function () {
|
|
savedCallback.current = callback;
|
|
}, [callback]);
|
|
React__default.useEffect(function () {
|
|
if (!delay && delay !== 0) {
|
|
return;
|
|
}
|
|
var id = setInterval(function () {
|
|
return savedCallback.current();
|
|
}, delay);
|
|
return function () {
|
|
return clearInterval(id);
|
|
};
|
|
}, [delay]);
|
|
}
|
|
|
|
function useIsTouchDevice() {
|
|
var _React$useState = React__default.useState(false),
|
|
isMobile = _React$useState[0],
|
|
setIsMobile = _React$useState[1];
|
|
React__default.useEffect(function () {
|
|
function checkDevice() {
|
|
var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.userAgent.includes("Mac") && "ontouchend" in document;
|
|
var androidOrWebOS = /Android|webOS/.test(navigator.userAgent);
|
|
var isMobileDevice = iOS || androidOrWebOS;
|
|
var isTouchScreen = "ontouchstart" in window || navigator.maxTouchPoints > 0 || window.matchMedia && window.matchMedia("(any-pointer: coarse)").matches;
|
|
setIsMobile(isMobileDevice || isTouchScreen);
|
|
}
|
|
checkDevice();
|
|
window.addEventListener("resize", checkDevice);
|
|
return function () {
|
|
window.removeEventListener("resize", checkDevice);
|
|
};
|
|
}, []);
|
|
return isMobile;
|
|
}
|
|
|
|
function useDrag(props) {
|
|
var isDndEnabled = props.isDndEnabled,
|
|
isDndMutlirows = props.isDndMutlirows,
|
|
isVerticalMode = props.isVerticalMode,
|
|
initialPosition = props.initialPosition,
|
|
data = props.data,
|
|
dayWidth = props.dayWidth,
|
|
itemHeight = props.itemHeight,
|
|
contentHeight = props.contentHeight,
|
|
dndSnapX = props.dndSnapX,
|
|
_props$dndSnapY = props.dndSnapY,
|
|
dndSnapY = _props$dndSnapY === void 0 ? itemHeight : _props$dndSnapY,
|
|
elementRef = props.elementRef,
|
|
mouseUpCb = props.mouseUpCb,
|
|
dndMouseUpCb = props.dndMouseUpCb;
|
|
var isClicked = React.useRef(false);
|
|
var isMouseMove = React.useRef(false);
|
|
var isTouchDevice = useIsTouchDevice();
|
|
var _useState = React.useState(false),
|
|
isDragging = _useState[0],
|
|
setIsDragging = _useState[1];
|
|
var _useState2 = React.useState(false),
|
|
isPreventScroll = _useState2[0],
|
|
setIsPreventScroll = _useState2[1];
|
|
var _useState3 = React.useState({
|
|
x: initialPosition.left,
|
|
y: initialPosition.top
|
|
}),
|
|
position = _useState3[0],
|
|
setPosition = _useState3[1];
|
|
var _useState4 = React.useState({
|
|
startY: initialPosition.top,
|
|
lastY: initialPosition.top,
|
|
startX: initialPosition.left,
|
|
lastX: initialPosition.left
|
|
}),
|
|
coords = _useState4[0],
|
|
setCoords = _useState4[1];
|
|
var id = data.id,
|
|
index = data.index,
|
|
since = data.since,
|
|
till = data.till,
|
|
channelPosition = data.channelPosition;
|
|
var handleMouseDown = React.useCallback(function (e) {
|
|
e.stopPropagation();
|
|
isClicked.current = true;
|
|
isTouchDevice && setIsPreventScroll(true);
|
|
setIsDragging(true);
|
|
var event = isTouchDevice ? e.touches[0] : e;
|
|
coords.startY = event.clientY;
|
|
coords.startX = event.clientX;
|
|
}, [isTouchDevice, coords]);
|
|
var handleMouseClick = React.useCallback(function (e) {
|
|
if (isMouseMove.current) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
}
|
|
}, []);
|
|
var handleMouseUp = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
var _elementRef$current, _elementRef$current2, _elementRef$current3, _elementRef$current4, options, optionsYX, isDndMouseUpSuccess, optionsY, _isDndMouseUpSuccess;
|
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
if (isVerticalMode) {
|
|
coords.lastY = (_elementRef$current = elementRef.current) == null ? void 0 : _elementRef$current.offsetTop;
|
|
coords.lastX = (_elementRef$current2 = elementRef.current) == null ? void 0 : _elementRef$current2.offsetLeft;
|
|
} else {
|
|
coords.lastY = (_elementRef$current3 = elementRef.current) == null ? void 0 : _elementRef$current3.offsetTop;
|
|
coords.lastX = (_elementRef$current4 = elementRef.current) == null ? void 0 : _elementRef$current4.offsetLeft;
|
|
}
|
|
options = {
|
|
id: id,
|
|
index: index,
|
|
since: since,
|
|
till: till
|
|
};
|
|
if (!(!isVerticalMode && isClicked.current && (initialPosition.left !== coords.lastX || initialPosition.top !== coords.lastY))) {
|
|
_context.next = 8;
|
|
break;
|
|
}
|
|
optionsYX = _extends({}, options, {
|
|
top: coords.lastY,
|
|
left: coords.lastX,
|
|
initialPositionLeft: initialPosition.left,
|
|
initialPositionTop: initialPosition.top
|
|
});
|
|
_context.next = 6;
|
|
return dndMouseUpCb == null ? void 0 : dndMouseUpCb(optionsYX, data);
|
|
case 6:
|
|
isDndMouseUpSuccess = _context.sent;
|
|
if (isDndMouseUpSuccess) {
|
|
mouseUpCb(optionsYX);
|
|
} else {
|
|
elementRef.current.style.left = initialPosition.left + "px";
|
|
elementRef.current.style.top = initialPosition.top + "px";
|
|
setPosition(function (prev) {
|
|
return _extends({}, prev, {
|
|
x: initialPosition.left,
|
|
y: initialPosition.top
|
|
});
|
|
});
|
|
}
|
|
case 8:
|
|
if (!(isVerticalMode && isClicked.current && (initialPosition.left !== coords.lastX || initialPosition.top !== coords.lastY))) {
|
|
_context.next = 14;
|
|
break;
|
|
}
|
|
optionsY = _extends({}, options, {
|
|
top: coords.lastX,
|
|
left: coords.lastY,
|
|
initialPositionLeft: initialPosition.top,
|
|
initialPositionTop: initialPosition.left
|
|
});
|
|
_context.next = 12;
|
|
return dndMouseUpCb == null ? void 0 : dndMouseUpCb(optionsY, data);
|
|
case 12:
|
|
_isDndMouseUpSuccess = _context.sent;
|
|
if (_isDndMouseUpSuccess) {
|
|
mouseUpCb(optionsY);
|
|
} else {
|
|
elementRef.current.style.left = initialPosition.left + "px";
|
|
elementRef.current.style.top = initialPosition.top + "px";
|
|
setPosition(function (prev) {
|
|
return _extends({}, prev, {
|
|
x: initialPosition.left,
|
|
y: initialPosition.top
|
|
});
|
|
});
|
|
}
|
|
case 14:
|
|
isClicked.current = false;
|
|
setIsDragging(false);
|
|
if (isTouchDevice) {
|
|
setIsPreventScroll(false);
|
|
}
|
|
setTimeout(function () {
|
|
return isMouseMove.current = false;
|
|
}, 0);
|
|
case 18:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
})),
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[isVerticalMode, initialPosition.top, initialPosition.left, coords, id, index, since, till, mouseUpCb]);
|
|
var initialPositionSerialized = JSON.stringify(initialPosition);
|
|
React.useEffect(function () {
|
|
// if (isVerticalMode) {
|
|
// setCoords({
|
|
// startY: initialPosition.top,
|
|
// lastY: initialPosition.top,
|
|
// startX: initialPosition.left,
|
|
// lastX: initialPosition.left,
|
|
// });
|
|
// }
|
|
setCoords({
|
|
startY: initialPosition.top,
|
|
lastY: initialPosition.top,
|
|
startX: initialPosition.left,
|
|
lastX: initialPosition.left
|
|
});
|
|
setPosition({
|
|
x: initialPosition.left,
|
|
y: initialPosition.top
|
|
});
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [isVerticalMode, initialPositionSerialized]);
|
|
React.useEffect(function () {
|
|
function handleMouseMove(e) {
|
|
var _elementRef$current5, _elementRef$current6, _elementRef$current7, _elementRef$current8;
|
|
if (isPreventScroll) {
|
|
e.preventDefault();
|
|
}
|
|
if (!isDndEnabled) return;
|
|
if (!isClicked.current) return;
|
|
if (!elementRef.current) return;
|
|
isMouseMove.current = true;
|
|
var event = isTouchDevice ? e.touches[0] : e;
|
|
var offsetWidth = isVerticalMode ? (_elementRef$current5 = elementRef.current) == null ? void 0 : _elementRef$current5.offsetHeight : (_elementRef$current6 = elementRef.current) == null ? void 0 : _elementRef$current6.offsetWidth;
|
|
var offsetHeight = isVerticalMode ? (_elementRef$current7 = elementRef.current) == null ? void 0 : _elementRef$current7.offsetWidth : (_elementRef$current8 = elementRef.current) == null ? void 0 : _elementRef$current8.offsetHeight;
|
|
var elementChannel = channelPosition;
|
|
if (isVerticalMode) {
|
|
var nextYValue = event.clientY - coords.startY + coords.lastY;
|
|
var nextY = dndSnapX ? Math.round(nextYValue / dndSnapX) * dndSnapX : nextYValue;
|
|
if (isDndMutlirows) {
|
|
var nextX = event.clientX - coords.startX + coords.lastX;
|
|
var nextXSnap = Math.round(nextX / dndSnapY) * dndSnapY;
|
|
if (nextXSnap >= 0 && nextXSnap <= contentHeight - offsetHeight && nextY >= 0 && nextY <= dayWidth - offsetWidth) {
|
|
var checkTopRange = function checkTopRange() {
|
|
if (nextXSnap > elementChannel.top + elementChannel.height - 1) {
|
|
return true;
|
|
} else if (nextXSnap < elementChannel.top - 1) {
|
|
return true;
|
|
}
|
|
return false;
|
|
};
|
|
var isOutTopRange = checkTopRange();
|
|
if (!isOutTopRange) {
|
|
elementRef.current.style.top = nextY + "px";
|
|
elementRef.current.style.left = initialPosition.left + "px";
|
|
setPosition(function (prev) {
|
|
return _extends({}, prev, {
|
|
y: nextY,
|
|
x: initialPosition.left
|
|
});
|
|
});
|
|
} else {
|
|
elementRef.current.style.top = nextY + "px";
|
|
elementRef.current.style.left = nextXSnap + "px";
|
|
setPosition(function (prev) {
|
|
return _extends({}, prev, {
|
|
y: nextY,
|
|
x: nextXSnap
|
|
});
|
|
});
|
|
}
|
|
}
|
|
} else if (nextY >= 0 && nextY <= dayWidth - offsetWidth) {
|
|
elementRef.current.style.top = nextY + "px";
|
|
setPosition(function (prev) {
|
|
return _extends({}, prev, {
|
|
y: nextY
|
|
});
|
|
});
|
|
}
|
|
} else {
|
|
var nextXValue = event.clientX - coords.startX + coords.lastX;
|
|
var _nextX = dndSnapX ? Math.round(nextXValue / dndSnapX) * dndSnapX : nextXValue;
|
|
if (isDndMutlirows) {
|
|
var _nextY = event.clientY - coords.startY + coords.lastY;
|
|
var nextYSnap = Math.round(_nextY / dndSnapY) * dndSnapY;
|
|
if (nextYSnap >= 0 && nextYSnap <= contentHeight - offsetHeight && _nextX >= 0 && _nextX <= dayWidth - offsetWidth) {
|
|
var _checkTopRange = function _checkTopRange() {
|
|
if (nextYSnap > elementChannel.top + elementChannel.height - 1) {
|
|
return true;
|
|
} else if (nextYSnap < elementChannel.top - 1) {
|
|
return true;
|
|
}
|
|
return false;
|
|
};
|
|
var _isOutTopRange = _checkTopRange();
|
|
if (!_isOutTopRange) {
|
|
elementRef.current.style.left = _nextX + "px";
|
|
elementRef.current.style.top = initialPosition.top + "px";
|
|
setPosition(function (prev) {
|
|
return _extends({}, prev, {
|
|
x: _nextX,
|
|
y: initialPosition.top
|
|
});
|
|
});
|
|
} else {
|
|
elementRef.current.style.top = nextYSnap + "px";
|
|
elementRef.current.style.left = _nextX + "px";
|
|
setPosition(function (prev) {
|
|
return _extends({}, prev, {
|
|
x: _nextX,
|
|
y: nextYSnap
|
|
});
|
|
});
|
|
}
|
|
}
|
|
} else if (_nextX >= 0 && _nextX <= dayWidth - offsetWidth) {
|
|
elementRef.current.style.left = _nextX + "px";
|
|
setPosition(function (prev) {
|
|
return _extends({}, prev, {
|
|
x: _nextX
|
|
});
|
|
});
|
|
}
|
|
}
|
|
}
|
|
var mouseMoveEvent = isTouchDevice ? "touchmove" : "mousemove";
|
|
var mouseUpEvent = isTouchDevice ? "touchend" : "mouseup";
|
|
var options = isTouchDevice ? {
|
|
passive: false
|
|
} : undefined;
|
|
if (isDndEnabled) {
|
|
document.addEventListener(mouseMoveEvent, handleMouseMove, options);
|
|
document.addEventListener(mouseUpEvent, handleMouseUp);
|
|
}
|
|
return function () {
|
|
document.removeEventListener(mouseMoveEvent, handleMouseMove);
|
|
document.removeEventListener(mouseUpEvent, handleMouseUp);
|
|
};
|
|
}, [isTouchDevice, isPreventScroll, isDndEnabled, isVerticalMode, isDragging, isDndMutlirows, initialPosition.top, initialPosition.left, channelPosition, dndSnapX, dndSnapY, coords, dayWidth, itemHeight, contentHeight, elementRef, handleMouseUp]);
|
|
if (isDndEnabled) {
|
|
var events = isTouchDevice ? {
|
|
onTouchStart: handleMouseDown,
|
|
onTouchEnd: handleMouseUp
|
|
} : {
|
|
onMouseDown: handleMouseDown,
|
|
onMouseUp: handleMouseUp
|
|
};
|
|
return {
|
|
dndEvents: _extends({
|
|
isDragging: isDragging,
|
|
ref: elementRef,
|
|
onClick: handleMouseClick
|
|
}, events),
|
|
currentPositionX: isVerticalMode ? position.y : position.x
|
|
};
|
|
}
|
|
return getDefaultDragProps(initialPosition.left);
|
|
}
|
|
|
|
function useResize(_ref) {
|
|
var isResize = _ref.isResize,
|
|
isVerticalMode = _ref.isVerticalMode,
|
|
data = _ref.data,
|
|
dayWidth = _ref.dayWidth,
|
|
contentHeight = _ref.contentHeight,
|
|
initialPosition = _ref.initialPosition,
|
|
snapX = _ref.snapX,
|
|
elementRef = _ref.elementRef,
|
|
mouseUpCb = _ref.mouseUpCb;
|
|
var isClicked = React.useRef(false);
|
|
var isMouseMove = React.useRef(false);
|
|
var isTouchDevice = useIsTouchDevice();
|
|
// State
|
|
var _useState = React.useState(false),
|
|
isPreventScroll = _useState[0],
|
|
setIsPreventScroll = _useState[1];
|
|
var _useState2 = React.useState(false),
|
|
isResizing = _useState2[0],
|
|
setIsResizing = _useState2[1];
|
|
var _useState3 = React.useState(false),
|
|
isResizingLeft = _useState3[0],
|
|
setIsResizingLeft = _useState3[1];
|
|
var _useState4 = React.useState(false),
|
|
isResizingRight = _useState4[0],
|
|
setIsResizingRight = _useState4[1];
|
|
var _useState5 = React.useState(0),
|
|
mouseOffsetX = _useState5[0],
|
|
setMouseOffsetX = _useState5[1];
|
|
var _useState6 = React.useState({
|
|
x: initialPosition.left,
|
|
y: initialPosition.top,
|
|
width: isVerticalMode ? initialPosition.height : initialPosition.width
|
|
}),
|
|
position = _useState6[0],
|
|
setPosition = _useState6[1];
|
|
var _useState7 = React.useState({
|
|
startY: initialPosition.top,
|
|
lastY: initialPosition.top,
|
|
startX: initialPosition.left,
|
|
lastX: initialPosition.left
|
|
}),
|
|
coords = _useState7[0],
|
|
setCoords = _useState7[1];
|
|
var id = data.id,
|
|
index = data.index,
|
|
since = data.since,
|
|
till = data.till;
|
|
var initialWidth = React.useMemo(function () {
|
|
return isVerticalMode ? initialPosition.height : initialPosition.width;
|
|
}, [isVerticalMode, initialPosition.height, initialPosition.width]);
|
|
var handleMouseDown = React.useCallback(function (left) {
|
|
if (left === void 0) {
|
|
left = false;
|
|
}
|
|
return function (e) {
|
|
e.stopPropagation();
|
|
isClicked.current = true;
|
|
isTouchDevice && setIsPreventScroll(true);
|
|
setIsResizing(true);
|
|
var container = elementRef.current;
|
|
if (!container) return;
|
|
var event = isTouchDevice ? e.touches[0] : e;
|
|
setMouseOffsetX(isVerticalMode ? event.pageY : event.pageX);
|
|
coords.startY = event.clientY;
|
|
coords.startX = event.clientX;
|
|
if (left) {
|
|
setIsResizingLeft(true);
|
|
setIsResizingRight(false);
|
|
} else {
|
|
setIsResizingLeft(false);
|
|
setIsResizingRight(true);
|
|
}
|
|
};
|
|
}, [isTouchDevice, isVerticalMode, coords, elementRef]);
|
|
var handleMouseClick = React.useCallback(function (e) {
|
|
if (isMouseMove.current) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
}
|
|
}, []);
|
|
var handleMouseUp = React.useCallback(function () {
|
|
if (isVerticalMode) {
|
|
var _elementRef$current, _elementRef$current2, _elementRef$current3;
|
|
coords.lastY = (_elementRef$current = elementRef.current) == null ? void 0 : _elementRef$current.offsetTop;
|
|
coords.lastX = (_elementRef$current2 = elementRef.current) == null ? void 0 : _elementRef$current2.offsetLeft;
|
|
position.width = (_elementRef$current3 = elementRef.current) == null ? void 0 : _elementRef$current3.offsetHeight;
|
|
} else {
|
|
var _elementRef$current4, _elementRef$current5, _elementRef$current6;
|
|
coords.lastY = (_elementRef$current4 = elementRef.current) == null ? void 0 : _elementRef$current4.offsetTop;
|
|
coords.lastX = (_elementRef$current5 = elementRef.current) == null ? void 0 : _elementRef$current5.offsetLeft;
|
|
position.width = (_elementRef$current6 = elementRef.current) == null ? void 0 : _elementRef$current6.offsetWidth;
|
|
}
|
|
var options = {
|
|
id: id,
|
|
index: index,
|
|
since: since,
|
|
till: till
|
|
};
|
|
if (!isVerticalMode && isClicked.current && (initialPosition.left !== coords.lastX || initialPosition.width !== position.width)) {
|
|
mouseUpCb(_extends({}, options, {
|
|
top: coords.lastY,
|
|
left: coords.lastX,
|
|
width: position.width,
|
|
initialPositionTop: initialPosition.top,
|
|
initialPositionLeft: initialPosition.left,
|
|
initialWidth: initialPosition.width
|
|
}));
|
|
}
|
|
if (isVerticalMode && isClicked.current && (initialPosition.top !== coords.lastY || initialPosition.width !== position.width)) {
|
|
mouseUpCb(_extends({}, options, {
|
|
top: coords.lastX,
|
|
left: coords.lastY,
|
|
width: position.width,
|
|
initialPositionTop: initialPosition.left,
|
|
initialPositionLeft: initialPosition.top,
|
|
initialWidth: initialPosition.height
|
|
}));
|
|
}
|
|
setIsResizing(false);
|
|
isClicked.current = false;
|
|
if (isTouchDevice) {
|
|
setIsPreventScroll(false);
|
|
}
|
|
setTimeout(function () {
|
|
return isMouseMove.current = false;
|
|
}, 0);
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[isTouchDevice, isVerticalMode, id, index, since, till, initialWidth, initialPosition.left, initialPosition.width, mouseUpCb]);
|
|
var initialPositionSerialized = JSON.stringify(initialPosition);
|
|
React.useEffect(function () {
|
|
// if (isVerticalMode) {
|
|
// setCoords({
|
|
// startY: initialPosition.top,
|
|
// lastY: initialPosition.top,
|
|
// startX: initialPosition.left,
|
|
// lastX: initialPosition.left,
|
|
// });
|
|
// }
|
|
setCoords({
|
|
startY: initialPosition.top,
|
|
lastY: initialPosition.top,
|
|
startX: initialPosition.left,
|
|
lastX: initialPosition.left
|
|
});
|
|
setPosition({
|
|
x: initialPosition.left,
|
|
y: initialPosition.top,
|
|
width: isVerticalMode ? initialPosition.height : initialPosition.width
|
|
});
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [isVerticalMode, initialPositionSerialized]);
|
|
React.useEffect(function () {
|
|
function handleMouseMove(e) {
|
|
if (isPreventScroll) {
|
|
e.preventDefault();
|
|
}
|
|
if (!isResizing) return;
|
|
if (!isClicked.current) return;
|
|
if (!elementRef.current) return;
|
|
isMouseMove.current = true;
|
|
var event = isTouchDevice ? e.touches[0] : e;
|
|
var element = elementRef.current;
|
|
var elementRect = element.getBoundingClientRect();
|
|
if (isVerticalMode) {
|
|
var _elementRef$current7;
|
|
var offsetHeight = (_elementRef$current7 = elementRef.current) == null ? void 0 : _elementRef$current7.offsetHeight;
|
|
var nextY = event.clientY - coords.startY + coords.lastY;
|
|
var snapYTop = snapX ? Math.round((event.pageY - mouseOffsetX) / snapX) * snapX : event.pageY - mouseOffsetX;
|
|
var newHeightTop = initialWidth - snapYTop;
|
|
var newHeightBottom = snapX ? Math.round((event.clientY - elementRect.top + 14) / snapX) * snapX : event.clientY - elementRect.top + 14;
|
|
var isInLeftLayout = nextY >= 0 && nextY <= dayWidth - offsetHeight;
|
|
// To be used in the future
|
|
// const isInLeftLayout =
|
|
// nextY >= 0 && nextY <= contentHeight - offsetHeight;
|
|
var isInRightLayout = coords.lastY + newHeightBottom <= dayWidth;
|
|
if (isResizingLeft && isInLeftLayout && newHeightTop >= 50) {
|
|
var top = initialPosition.top + snapYTop;
|
|
element.style.height = newHeightTop + "px";
|
|
element.style.top = top + "px";
|
|
setPosition(function (prev) {
|
|
return _extends({}, prev, {
|
|
y: top,
|
|
width: newHeightTop
|
|
});
|
|
});
|
|
} else if (isResizingRight && isInRightLayout && newHeightBottom >= 50) {
|
|
element.style.height = newHeightBottom + "px";
|
|
element.style.top = initialPosition.top + "px";
|
|
setPosition(function (prev) {
|
|
return _extends({}, prev, {
|
|
y: initialPosition.top,
|
|
width: newHeightBottom
|
|
});
|
|
});
|
|
}
|
|
} else {
|
|
var _elementRef$current8;
|
|
var offsetWidth = (_elementRef$current8 = elementRef.current) == null ? void 0 : _elementRef$current8.offsetWidth;
|
|
var nextX = event.clientX - coords.startX + coords.lastX;
|
|
var snapXLeft = snapX ? Math.round((event.pageX - mouseOffsetX) / snapX) * snapX : event.pageX - mouseOffsetX;
|
|
var newWidthLeft = initialWidth - snapXLeft;
|
|
var newWidthRight = snapX ? Math.round((event.clientX - elementRect.left + 14) / snapX) * snapX : event.clientX - elementRect.left + 14;
|
|
var _isInLeftLayout = nextX >= 0 && nextX <= dayWidth - offsetWidth;
|
|
var _isInRightLayout = coords.lastX + newWidthRight <= dayWidth;
|
|
if (isResizingLeft && _isInLeftLayout && newWidthLeft >= 50) {
|
|
var left = initialPosition.left + snapXLeft;
|
|
element.style.width = newWidthLeft + "px";
|
|
element.style.left = left + "px";
|
|
setPosition(function (prev) {
|
|
return _extends({}, prev, {
|
|
x: left,
|
|
width: newWidthLeft
|
|
});
|
|
});
|
|
} else if (isResizingRight && _isInRightLayout && newWidthRight >= 50) {
|
|
element.style.width = newWidthRight + "px";
|
|
setPosition(function (prev) {
|
|
return _extends({}, prev, {
|
|
width: newWidthRight
|
|
});
|
|
});
|
|
}
|
|
}
|
|
}
|
|
var mouseMoveEvent = isTouchDevice ? "touchmove" : "mousemove";
|
|
var mouseUpEvent = isTouchDevice ? "touchend" : "mouseup";
|
|
var options = isTouchDevice ? {
|
|
passive: false
|
|
} : undefined;
|
|
if (isResize) {
|
|
document.addEventListener(mouseMoveEvent, handleMouseMove, options);
|
|
document.addEventListener(mouseUpEvent, handleMouseUp);
|
|
}
|
|
return function () {
|
|
document.removeEventListener(mouseMoveEvent, handleMouseMove);
|
|
document.removeEventListener(mouseUpEvent, handleMouseUp);
|
|
};
|
|
}, [isTouchDevice, isPreventScroll, isResize, isVerticalMode, isResizing, isResizingLeft, isResizingRight, dayWidth, contentHeight, initialWidth, initialPosition.top, initialPosition.left, coords, snapX, mouseOffsetX, elementRef, handleMouseUp]);
|
|
if (isResize) {
|
|
var getEvents = function getEvents(isLeft) {
|
|
if (isTouchDevice) {
|
|
return {
|
|
onTouchStart: handleMouseDown(isLeft),
|
|
onTouchEnd: handleMouseUp
|
|
};
|
|
}
|
|
return {
|
|
onMouseDown: handleMouseDown(isLeft),
|
|
onMouseUp: handleMouseUp
|
|
};
|
|
};
|
|
return {
|
|
width: position.width,
|
|
initialWidth: isVerticalMode ? initialPosition.height : initialPosition.width,
|
|
currentPositionX: isVerticalMode ? position.y : position.x,
|
|
resizeEvents: {
|
|
isResizing: isResizing,
|
|
resources: {
|
|
ref: elementRef,
|
|
isResizing: isResizing
|
|
},
|
|
eventsLeft: _extends({
|
|
isResize: isResize,
|
|
isVerticalMode: isVerticalMode,
|
|
left: true,
|
|
onClick: handleMouseClick
|
|
}, getEvents(true)),
|
|
eventsRight: _extends({
|
|
isResize: isResize,
|
|
isVerticalMode: isVerticalMode,
|
|
onClick: handleMouseClick
|
|
}, getEvents())
|
|
}
|
|
};
|
|
}
|
|
return {
|
|
currentPositionX: isVerticalMode ? initialPosition.top : initialPosition.left,
|
|
width: isVerticalMode ? initialPosition.height : initialPosition.width,
|
|
resizeEvents: {
|
|
isResizing: false,
|
|
resources: {},
|
|
eventsLeft: {},
|
|
eventsRight: {}
|
|
}
|
|
};
|
|
}
|
|
|
|
function useProgram(_ref) {
|
|
var _ref$isVerticalMode = _ref.isVerticalMode,
|
|
isVerticalMode = _ref$isVerticalMode === void 0 ? false : _ref$isVerticalMode,
|
|
_ref$isRTL = _ref.isRTL,
|
|
isRTL = _ref$isRTL === void 0 ? false : _ref$isRTL,
|
|
_ref$isResize = _ref.isResize,
|
|
isResize = _ref$isResize === void 0 ? false : _ref$isResize,
|
|
isBaseTimeFormat = _ref.isBaseTimeFormat,
|
|
startDate = _ref.startDate,
|
|
contentHeight = _ref.contentHeight,
|
|
dayWidth = _ref.dayWidth,
|
|
itemHeight = _ref.itemHeight,
|
|
hourWidth = _ref.hourWidth,
|
|
_ref$minWidth = _ref.minWidth,
|
|
minWidth = _ref$minWidth === void 0 ? 200 : _ref$minWidth,
|
|
program = _ref.program,
|
|
liveRefreshTime = _ref.liveRefreshTime,
|
|
mode = _ref.mode,
|
|
snap = _ref.snap,
|
|
dnd = _ref.dnd,
|
|
dragMouseUp = _ref.dragMouseUp,
|
|
resizeMouseUp = _ref.resizeMouseUp;
|
|
var elementRef = React.useRef(null);
|
|
var data = program.data,
|
|
position = program.position;
|
|
var width = position.width,
|
|
height = position.height;
|
|
var since = data.since,
|
|
till = data.till;
|
|
// Hooks
|
|
var _React$useState = React__default.useState(function () {
|
|
return getLiveStatus(since, till);
|
|
}),
|
|
isLive = _React$useState[0],
|
|
setIsLive = _React$useState[1];
|
|
var options = {
|
|
isVerticalMode: isVerticalMode,
|
|
initialPosition: position,
|
|
data: data,
|
|
dayWidth: dayWidth,
|
|
contentHeight: contentHeight,
|
|
elementRef: elementRef
|
|
};
|
|
var resizeOptions = _extends({}, options, {
|
|
isResize: isResize,
|
|
snapX: snap == null ? void 0 : snap.x,
|
|
mouseUpCb: resizeMouseUp
|
|
});
|
|
var _useResize = useResize(resizeOptions),
|
|
resizeCurrentPositionX = _useResize.currentPositionX,
|
|
resizeWidth = _useResize.width,
|
|
resizeEvents = _useResize.resizeEvents;
|
|
var dndMouseUpCb = React__default.useCallback(function (props, data) {
|
|
var _dnd$onDnDMouseUp;
|
|
var newTime = calculateItemDragSinceTill(_extends({}, props, {
|
|
hourWidth: hourWidth,
|
|
startDate: startDate
|
|
}));
|
|
var options = _extends({}, newTime, {
|
|
id: props.id,
|
|
data: data
|
|
});
|
|
return (_dnd$onDnDMouseUp = dnd == null || dnd.onDnDMouseUp == null ? void 0 : dnd.onDnDMouseUp(options)) != null ? _dnd$onDnDMouseUp : true;
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[]);
|
|
var dragOptions = _extends({}, options, {
|
|
isDndEnabled: dnd.enabled ? !resizeEvents.resources.isResizing : false,
|
|
isDndMutlirows: dnd.mode === "multi-rows",
|
|
dndSnapX: snap == null ? void 0 : snap.x,
|
|
dndSnapY: snap == null ? void 0 : snap.y,
|
|
itemHeight: itemHeight,
|
|
dndMouseUpCb: dndMouseUpCb,
|
|
mouseUpCb: dragMouseUp
|
|
});
|
|
var _useDrag = useDrag(dragOptions),
|
|
currentPositionX = _useDrag.currentPositionX,
|
|
dndEvents = _useDrag.dndEvents;
|
|
// Variables
|
|
var newPosition = _extends({}, omit(position, "egdeEnd"));
|
|
var styles = {
|
|
width: width,
|
|
position: newPosition
|
|
};
|
|
var formatTime = function formatTime(date, formatType) {
|
|
if (formatType === void 0) {
|
|
formatType = TIME_FORMAT.HOURS_MIN;
|
|
}
|
|
return dateFns.format(new Date(date), formatType).replace(/\s/g, "");
|
|
};
|
|
var set12HoursTimeFormat = function set12HoursTimeFormat() {
|
|
if (mode.type === "week" || mode.type === "month") {
|
|
if (isBaseTimeFormat) return TIME_FORMAT.BASE_DAY_MONTH;
|
|
return TIME_FORMAT.DAY_MONTH;
|
|
}
|
|
if (isBaseTimeFormat) return TIME_FORMAT.BASE_HOURS_TIME;
|
|
return TIME_FORMAT.HOURS_MIN;
|
|
};
|
|
var getRTLSinceTime = function getRTLSinceTime(since) {
|
|
return isRTL ? till : since;
|
|
};
|
|
var getRTLTillTime = function getRTLTillTime(till) {
|
|
return isRTL ? since : till;
|
|
};
|
|
// Effects
|
|
useInterval(function () {
|
|
var status = getLiveStatus(since, till);
|
|
setIsLive(status);
|
|
}, liveRefreshTime);
|
|
var isMinWidth = isVerticalMode ? height > minWidth : width > minWidth;
|
|
var getMouseEventTempTime = function getMouseEventTempTime() {
|
|
var left = resizeEvents.isResizing ? resizeCurrentPositionX : currentPositionX;
|
|
var options = {
|
|
id: data.id,
|
|
index: data.index,
|
|
since: data.since,
|
|
till: data.till,
|
|
top: 0,
|
|
left: left,
|
|
initialPositionTop: position.top,
|
|
initialPositionLeft: position.left,
|
|
initialWidth: width,
|
|
width: resizeWidth,
|
|
hourWidth: hourWidth
|
|
};
|
|
if (isVerticalMode) {
|
|
options.initialPositionLeft = position.top;
|
|
options.initialPositionTop = position.left;
|
|
options.initialWidth = height;
|
|
}
|
|
var _calculateItemDragSin = calculateItemDragSinceTill(options),
|
|
since = _calculateItemDragSin.since,
|
|
till = _calculateItemDragSin.till;
|
|
var formatTempTime = function formatTempTime(time) {
|
|
return formatTime(getRTLSinceTime(time), set12HoursTimeFormat()).toLowerCase();
|
|
};
|
|
return {
|
|
since: formatTempTime(since),
|
|
till: formatTempTime(till)
|
|
};
|
|
};
|
|
var getMouseEvents = React.useCallback(function () {
|
|
return _extends({}, resizeEvents.resources, dndEvents);
|
|
}, [dndEvents, resizeEvents.resources]);
|
|
var isMouseEvent = dndEvents.isDragging || resizeEvents.resources.isResizing || false;
|
|
return {
|
|
isMouseEvent: isMouseEvent,
|
|
isLive: isLive,
|
|
isMinWidth: isMinWidth,
|
|
isRTL: isRTL,
|
|
resizeEvents: resizeEvents,
|
|
formatTime: formatTime,
|
|
set12HoursTimeFormat: set12HoursTimeFormat,
|
|
getMouseEvents: getMouseEvents,
|
|
getMouseEventTempTime: getMouseEventTempTime,
|
|
getRTLSinceTime: getRTLSinceTime,
|
|
getRTLTillTime: getRTLTillTime,
|
|
styles: styles
|
|
};
|
|
}
|
|
|
|
function useTimeline(props) {
|
|
var isBaseTimeFormat = props.isBaseTimeFormat,
|
|
isRTL = props.isRTL,
|
|
isSidebar = props.isSidebar,
|
|
isVerticalMode = props.isVerticalMode;
|
|
var timezone = props.timezone,
|
|
dayWidth = props.dayWidth,
|
|
hourWidth = props.hourWidth,
|
|
sidebarWidth = props.sidebarWidth,
|
|
timelineHeight = props.timelineHeight;
|
|
var mode = props.mode,
|
|
startDate = props.startDate,
|
|
endDate = props.endDate,
|
|
hoursInDays = props.hoursInDays,
|
|
days = props.days,
|
|
liveRefreshTime = props.liveRefreshTime,
|
|
months = props.months,
|
|
numberOfDays = props.numberOfDays,
|
|
numberOfHoursInDay = props.numberOfHoursInDay,
|
|
numberOfMonths = props.numberOfMonths,
|
|
offsetStartHoursRange = props.offsetStartHoursRange,
|
|
timelineDividers = props.timelineDividers,
|
|
renderCurrentTime = props.renderCurrentTime;
|
|
// Handlers
|
|
var getTime = function getTime(index) {
|
|
if (typeof index === "string") return {
|
|
time: index,
|
|
isNewDay: true
|
|
};
|
|
var date = new Date();
|
|
var baseDate = dateFns.format(date, TIME_FORMAT.DATE);
|
|
var time = index < 10 ? "0" + index : index;
|
|
if (isBaseTimeFormat) {
|
|
var _date = new Date(baseDate + "T" + time + ":00:00");
|
|
var baseFormat = dateFns.format(_date, TIME_FORMAT.BASE_HOURS_TIME).toLowerCase().replace(/\s/g, "");
|
|
return {
|
|
time: baseFormat,
|
|
isNewDay: false
|
|
};
|
|
}
|
|
return {
|
|
time: time + ":00",
|
|
isNewDay: false
|
|
};
|
|
};
|
|
var formatWeekMonthDate = function formatWeekMonthDate(date) {
|
|
return getFormattedWeekMonthDate({
|
|
date: date,
|
|
mode: mode,
|
|
isBaseTimeFormat: isBaseTimeFormat
|
|
});
|
|
};
|
|
var getDayMonthName = function getDayMonthName(date) {
|
|
var dateFormat = mode.type === "week" ? TIME_FORMAT.DAY : TIME_FORMAT.YEAR;
|
|
return dateFns.format(dateFnsTz.toDate(date), dateFormat);
|
|
};
|
|
var getCurrentTimeProps = function getCurrentTimeProps() {
|
|
return {
|
|
isBaseTimeFormat: isBaseTimeFormat,
|
|
isVerticalMode: isVerticalMode,
|
|
isRTL: isRTL,
|
|
timezone: timezone,
|
|
mode: mode,
|
|
startDate: startDate,
|
|
endDate: endDate,
|
|
hoursInDays: hoursInDays,
|
|
dayWidth: dayWidth,
|
|
timelineHeight: timelineHeight,
|
|
hourWidth: hourWidth,
|
|
sidebarWidth: sidebarWidth,
|
|
liveRefreshTime: liveRefreshTime,
|
|
renderCurrentTime: renderCurrentTime
|
|
};
|
|
};
|
|
var getTimelineProps = function getTimelineProps() {
|
|
return {
|
|
isSidebar: isSidebar,
|
|
isVerticalMode: isVerticalMode,
|
|
dayWidth: dayWidth,
|
|
sidebarWidth: sidebarWidth,
|
|
timelineHeight: timelineHeight
|
|
};
|
|
};
|
|
// Variables
|
|
var timeSlots = React.useMemo(function () {
|
|
var options = {
|
|
isBaseTimeFormat: isBaseTimeFormat,
|
|
days: days,
|
|
hoursInDays: hoursInDays,
|
|
months: months,
|
|
numberOfDays: numberOfDays,
|
|
numberOfHoursInDay: numberOfHoursInDay,
|
|
numberOfMonths: numberOfMonths,
|
|
offsetStartHoursRange: offsetStartHoursRange
|
|
};
|
|
return generateTimelineSlots(mode.type, options);
|
|
}, [mode.type, isBaseTimeFormat, days, hoursInDays, months, numberOfDays, numberOfHoursInDay, numberOfMonths, offsetStartHoursRange]);
|
|
var isWeekMode = mode.type === "week";
|
|
var isMonthMode = mode.type === "month";
|
|
var isWeekMonthMode = isWeekMode || isMonthMode;
|
|
var isTodayInHoursInDays = getTodayHoursInDays(hoursInDays);
|
|
var areHoursInDays = hoursInDays.length > 0;
|
|
var weekDayWidth = hourWidth * HOURS_IN_DAY;
|
|
var monthsWidth = React.useMemo(function () {
|
|
return getTimelineMonthsWidth({
|
|
months: months,
|
|
weekDayWidth: weekDayWidth
|
|
});
|
|
}, [months, weekDayWidth]);
|
|
var dividers = generateArray(timelineDividers);
|
|
return {
|
|
isWeekMonthMode: isWeekMonthMode,
|
|
isMonthMode: isMonthMode,
|
|
isTodayInHoursInDays: isTodayInHoursInDays,
|
|
areHoursInDays: areHoursInDays,
|
|
time: timeSlots,
|
|
weekDayWidth: weekDayWidth,
|
|
monthsWidth: monthsWidth,
|
|
timelineHeight: timelineHeight,
|
|
dividers: dividers,
|
|
timelineDividers: timelineDividers,
|
|
formatWeekMonthDate: formatWeekMonthDate,
|
|
getTime: getTime,
|
|
getDayMonthName: getDayMonthName,
|
|
getTimelineProps: getTimelineProps,
|
|
getCurrentTimeProps: getCurrentTimeProps
|
|
};
|
|
}
|
|
|
|
function useLine(_ref) {
|
|
var timezone = _ref.timezone,
|
|
startDate = _ref.startDate,
|
|
endDate = _ref.endDate,
|
|
hoursInDays = _ref.hoursInDays,
|
|
dayWidth = _ref.dayWidth,
|
|
hourWidth = _ref.hourWidth,
|
|
sidebarWidth = _ref.sidebarWidth,
|
|
liveRefreshTime = _ref.liveRefreshTime;
|
|
var _React$useState = React__default.useState(true),
|
|
showLine = _React$useState[0],
|
|
setShowLine = _React$useState[1];
|
|
var _React$useState2 = React__default.useState(getInitialState),
|
|
positionX = _React$useState2[0],
|
|
setPositionX = _React$useState2[1];
|
|
// Variables
|
|
var timezoneSerialized = JSON.stringify(timezone);
|
|
var hoursInDaysSerialized = JSON.stringify(hoursInDays);
|
|
var liveIntervalTime = liveRefreshTime * 1000;
|
|
var isDayEnd = positionX <= dayWidth;
|
|
var isScrollX = React__default.useMemo(function () {
|
|
return isDayEnd ? liveIntervalTime : null;
|
|
}, [isDayEnd, liveIntervalTime]);
|
|
// Helpers
|
|
function getInitialState() {
|
|
if (hoursInDays.length > 0) return getHoursInDaysPositionX({
|
|
hoursInDays: hoursInDays,
|
|
hourWidth: hourWidth,
|
|
sidebarWidth: sidebarWidth,
|
|
cb: setShowLine
|
|
});
|
|
var positionX = getPositionX(dateFns.startOfDay(new Date(startDate)), new Date(), startDate, endDate, hourWidth);
|
|
return positionX + sidebarWidth;
|
|
}
|
|
// Effects
|
|
useInterval(function () {
|
|
var offset = hourWidth / HOUR_IN_MINUTES;
|
|
var step = offset / SECONDS_IN_MINUTE;
|
|
var positionOffset = step * liveRefreshTime;
|
|
if (hoursInDays.length > 0) {
|
|
var idCurrentDay = getTodayHoursInDays(hoursInDays);
|
|
if (idCurrentDay) {
|
|
setShowLine(true);
|
|
setPositionX(function (prev) {
|
|
return prev + positionOffset;
|
|
});
|
|
} else {
|
|
setShowLine(false);
|
|
}
|
|
} else {
|
|
setPositionX(function (prev) {
|
|
return prev + positionOffset;
|
|
});
|
|
}
|
|
}, isScrollX);
|
|
React__default.useEffect(function () {
|
|
if (hoursInDays.length > 0) {
|
|
var newPositionX = getHoursInDaysPositionX({
|
|
hoursInDays: hoursInDays,
|
|
hourWidth: hourWidth,
|
|
sidebarWidth: sidebarWidth,
|
|
cb: setShowLine
|
|
});
|
|
setPositionX(newPositionX);
|
|
} else {
|
|
var date = new Date(startDate);
|
|
var _positionX = getPositionX(dateFns.startOfDay(date), getNewDateTz(), startDate, endDate, hourWidth);
|
|
var _newPositionX = _positionX + sidebarWidth;
|
|
setPositionX(_newPositionX);
|
|
}
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [startDate, endDate, sidebarWidth, hourWidth, hoursInDaysSerialized, timezoneSerialized]);
|
|
return {
|
|
showLine: showLine,
|
|
positionX: positionX
|
|
};
|
|
}
|
|
|
|
function useCurrentTime(_ref) {
|
|
var isVerticalMode = _ref.isVerticalMode,
|
|
isBaseTimeFormat = _ref.isBaseTimeFormat,
|
|
mode = _ref.mode,
|
|
positionX = _ref.positionX,
|
|
timelineHeight = _ref.timelineHeight,
|
|
sidebarWidth = _ref.sidebarWidth;
|
|
var formatTime = function formatTime() {
|
|
var date = getNewDateTz();
|
|
if (mode.type === "month") {
|
|
if (isBaseTimeFormat) return dateFns.format(date, TIME_FORMAT.BASE_DAY_MONTH);
|
|
return dateFns.format(date, TIME_FORMAT.DAY_MONTH);
|
|
}
|
|
var baseTime = dateFns.format(date, TIME_FORMAT.HOURS_MIN);
|
|
if (isBaseTimeFormat) {
|
|
var baseFormat = dateFns.format(date, TIME_FORMAT.BASE_HOURS_TIME).toLowerCase().replace(/\s/g, "");
|
|
return baseFormat;
|
|
}
|
|
return baseTime;
|
|
};
|
|
var handleGetCurrentTimeStyles = function handleGetCurrentTimeStyles() {
|
|
var _boxStyles = boxStyles({
|
|
width: timelineHeight
|
|
}),
|
|
position = _boxStyles.position,
|
|
top = _boxStyles.top,
|
|
height = _boxStyles.height,
|
|
styleWidth = _boxStyles.width;
|
|
var width = isVerticalMode ? styleWidth : "auto";
|
|
var commonStyles = {
|
|
position: position,
|
|
width: width,
|
|
height: height
|
|
};
|
|
if (isVerticalMode) {
|
|
return {
|
|
position: _extends({
|
|
top: positionX - sidebarWidth,
|
|
left: top
|
|
}, commonStyles)
|
|
};
|
|
}
|
|
return {
|
|
position: _extends({
|
|
top: top,
|
|
left: positionX - sidebarWidth
|
|
}, commonStyles)
|
|
};
|
|
};
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
var time = React__default.useMemo(function () {
|
|
return formatTime();
|
|
}, [positionX, isBaseTimeFormat]);
|
|
return {
|
|
time: time,
|
|
getCurrentTimeStyles: handleGetCurrentTimeStyles
|
|
};
|
|
}
|
|
|
|
var _excluded$3 = ["mode", "grid", "timelineHeight", "sidebarWidth", "hourWidth", "dayWidth"];
|
|
function useGrid(_ref) {
|
|
var mode = _ref.mode,
|
|
grid = _ref.grid,
|
|
timelineHeight = _ref.timelineHeight,
|
|
sidebarWidth = _ref.sidebarWidth,
|
|
hourWidth = _ref.hourWidth,
|
|
dayWidth = _ref.dayWidth,
|
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
|
var isVerticalMode = rest.isVerticalMode,
|
|
isBaseTimeFormat = rest.isBaseTimeFormat,
|
|
days = rest.days,
|
|
hoursInDays = rest.hoursInDays,
|
|
months = rest.months,
|
|
numberOfDays = rest.numberOfDays,
|
|
numberOfHoursInDay = rest.numberOfHoursInDay,
|
|
numberOfMonths = rest.numberOfMonths,
|
|
offsetStartHoursRange = rest.offsetStartHoursRange,
|
|
timelineDividers = rest.timelineDividers;
|
|
var handleItemClick = React.useCallback(function (item, index) {
|
|
return function () {
|
|
getClickGridItemData({
|
|
isVerticalMode: isVerticalMode,
|
|
index: index,
|
|
item: item,
|
|
grid: grid,
|
|
mode: mode,
|
|
dayWidth: dayWidth,
|
|
hourWidth: hourWidth,
|
|
timelineHeight: timelineHeight,
|
|
sidebarWidth: sidebarWidth,
|
|
isBaseTimeFormat: isBaseTimeFormat,
|
|
days: days,
|
|
hoursInDays: hoursInDays,
|
|
months: months,
|
|
numberOfDays: numberOfDays,
|
|
numberOfHoursInDay: numberOfHoursInDay,
|
|
numberOfMonths: numberOfMonths,
|
|
offsetStartHoursRange: offsetStartHoursRange,
|
|
timelineDividers: timelineDividers
|
|
});
|
|
};
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[isVerticalMode, hourWidth, dayWidth, sidebarWidth, isBaseTimeFormat, days, hoursInDays, months, numberOfDays, numberOfHoursInDay, numberOfMonths, offsetStartHoursRange, mode.type]);
|
|
var handleItemDrop = React.useCallback(function (item, index, dataAttributes) {
|
|
return function () {
|
|
getClickGridItemData({
|
|
isDrop: true,
|
|
isVerticalMode: isVerticalMode,
|
|
index: index,
|
|
item: item,
|
|
grid: grid,
|
|
mode: mode,
|
|
dayWidth: dayWidth,
|
|
hourWidth: hourWidth,
|
|
timelineHeight: timelineHeight,
|
|
sidebarWidth: sidebarWidth,
|
|
isBaseTimeFormat: isBaseTimeFormat,
|
|
days: days,
|
|
hoursInDays: hoursInDays,
|
|
months: months,
|
|
numberOfDays: numberOfDays,
|
|
numberOfHoursInDay: numberOfHoursInDay,
|
|
numberOfMonths: numberOfMonths,
|
|
offsetStartHoursRange: offsetStartHoursRange,
|
|
timelineDividers: timelineDividers,
|
|
dataAttributes: dataAttributes
|
|
});
|
|
};
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[isVerticalMode, hourWidth, dayWidth, sidebarWidth, isBaseTimeFormat, days, hoursInDays, months, numberOfDays, numberOfHoursInDay, numberOfMonths, offsetStartHoursRange, mode.type]);
|
|
return {
|
|
onItemClick: handleItemClick,
|
|
onItemDrop: handleItemDrop
|
|
};
|
|
}
|
|
|
|
function useGridExternalDnD(_temp) {
|
|
var _ref = _temp === void 0 ? {} : _temp,
|
|
onItemDrop = _ref.onItemDrop;
|
|
var dropAreaRef = React__default.useRef(null);
|
|
var _React$useState = React__default.useState(false),
|
|
isDragOver = _React$useState[0],
|
|
setIsDragOver = _React$useState[1];
|
|
var handleDrop = React.useCallback(function (item, index) {
|
|
return function (e) {
|
|
e.preventDefault();
|
|
if (dropAreaRef.current) {
|
|
setIsDragOver(false);
|
|
var droppedItemId = e.dataTransfer.getData("text/plain");
|
|
var droppedItem = document.getElementById(droppedItemId);
|
|
if (droppedItem) {
|
|
// Loop through all attributes
|
|
var attributes = droppedItem.attributes;
|
|
var dataAttributes = {};
|
|
for (var i = 0; i < attributes.length; i++) {
|
|
var attribute = attributes[i];
|
|
if (attribute.name.startsWith("data-")) {
|
|
dataAttributes[attribute.name.replace("data-", "")] = attribute.value;
|
|
}
|
|
}
|
|
// Call the onDrop callback with the dropped item, attributes, and position
|
|
onItemDrop == null || onItemDrop(item, index, dataAttributes)();
|
|
}
|
|
}
|
|
};
|
|
}, [onItemDrop]);
|
|
var handleDragEnter = React.useCallback(function (e) {
|
|
if (e) {
|
|
e.preventDefault();
|
|
if (dropAreaRef.current) {
|
|
setIsDragOver(true);
|
|
}
|
|
}
|
|
}, []);
|
|
var handleDragLeave = React.useCallback(function (e) {
|
|
e.preventDefault();
|
|
if (dropAreaRef.current) {
|
|
setIsDragOver(false);
|
|
}
|
|
}, []);
|
|
return {
|
|
isDragOver: isDragOver,
|
|
dropAreaRef: dropAreaRef,
|
|
onDrop: handleDrop,
|
|
onDragEnter: handleDragEnter,
|
|
onDragLeave: handleDragLeave
|
|
};
|
|
}
|
|
|
|
var _excluded$4 = ["onItemClick", "onItemDrop"];
|
|
var GridDivider$1 = GridDivider;
|
|
function GridDividerItem(_ref) {
|
|
var index = _ref.index,
|
|
item = _ref.item,
|
|
dividerProps = _ref.dividerProps;
|
|
var styles = dividerProps.styles,
|
|
props = dividerProps.props;
|
|
var onItemClick = props.onItemClick,
|
|
onItemDrop = props.onItemDrop,
|
|
restProps = _objectWithoutPropertiesLoose(props, _excluded$4);
|
|
var _useGridExternalDnD = useGridExternalDnD({
|
|
onItemDrop: onItemDrop
|
|
}),
|
|
isDragOver = _useGridExternalDnD.isDragOver,
|
|
onDrop = _useGridExternalDnD.onDrop,
|
|
onDragEnter = _useGridExternalDnD.onDragEnter,
|
|
onDragLeave = _useGridExternalDnD.onDragLeave,
|
|
dropAreaRef = _useGridExternalDnD.dropAreaRef;
|
|
return React__default.createElement(GridDivider$1, Object.assign({
|
|
className: "planby-grid-item-divider",
|
|
ref: dropAreaRef,
|
|
key: index
|
|
}, styles, {
|
|
left: styles.left(index)
|
|
}, restProps, {
|
|
onClick: onItemClick(item, index),
|
|
// Drag
|
|
isDragOver: isDragOver,
|
|
onDragEnter: onDragEnter,
|
|
onDragLeave: onDragLeave,
|
|
onDrop: onDrop(item, index)
|
|
}));
|
|
}
|
|
|
|
var GridItem$1 = GridItem;
|
|
function GridCellItem(_ref) {
|
|
var _channelOverlapsCount;
|
|
var isVerticalMode = _ref.isVerticalMode,
|
|
isProgramVisible = _ref.isProgramVisible,
|
|
isHoverHighlight = _ref.isHoverHighlight,
|
|
isDayMode = _ref.isDayMode,
|
|
isItemClickable = _ref.isItemClickable,
|
|
item = _ref.item,
|
|
index = _ref.index,
|
|
channelOverlapsCount = _ref.channelOverlapsCount,
|
|
hourWidth = _ref.hourWidth,
|
|
timelineDividers = _ref.timelineDividers,
|
|
renderGridCell = _ref.renderGridCell,
|
|
onItemClick = _ref.onItemClick,
|
|
onItemDrop = _ref.onItemDrop;
|
|
var overlapsCount = (_channelOverlapsCount = channelOverlapsCount[item.channel.uuid]) != null ? _channelOverlapsCount : 1;
|
|
var isVisible = isProgramVisible(item.position, overlapsCount);
|
|
var _useGridExternalDnD = useGridExternalDnD({
|
|
onItemDrop: onItemDrop
|
|
}),
|
|
isDragOver = _useGridExternalDnD.isDragOver,
|
|
dropAreaRef = _useGridExternalDnD.dropAreaRef,
|
|
onDrop = _useGridExternalDnD.onDrop,
|
|
onDragEnter = _useGridExternalDnD.onDragEnter,
|
|
onDragLeave = _useGridExternalDnD.onDragLeave;
|
|
if (!isVisible) return null;
|
|
var gridItemClickProps = isDayMode ? {
|
|
isItemClickable: false
|
|
} : {
|
|
onClick: onItemClick(item),
|
|
isItemClickable: isItemClickable
|
|
};
|
|
var dividerProps = {
|
|
styles: {
|
|
left: function left(index) {
|
|
return index * (hourWidth / timelineDividers);
|
|
},
|
|
width: hourWidth / timelineDividers
|
|
},
|
|
props: {
|
|
isVerticalMode: isVerticalMode,
|
|
isHoverHighlight: isHoverHighlight,
|
|
isItemClickable: isItemClickable,
|
|
onItemClick: onItemClick,
|
|
onItemDrop: onItemDrop
|
|
}
|
|
};
|
|
var gridItemDnDProps = isDayMode ? {} : {
|
|
isDragOver: isDragOver,
|
|
onDragEnter: onDragEnter,
|
|
onDragLeave: onDragLeave,
|
|
onDrop: onDrop(item, index)
|
|
};
|
|
if (renderGridCell) {
|
|
var id = item.channel.uuid + index;
|
|
return renderGridCell({
|
|
isDayMode: isDayMode,
|
|
id: id,
|
|
index: index,
|
|
item: item,
|
|
isHoverHighlight: isHoverHighlight,
|
|
timelineDividers: timelineDividers,
|
|
gridDividerProps: dividerProps,
|
|
timelineDividerArray: generateArray(timelineDividers),
|
|
gridItemClickProps: gridItemClickProps,
|
|
gridItemDnDProps: gridItemDnDProps
|
|
});
|
|
}
|
|
return React.createElement(GridItem$1, Object.assign({
|
|
ref: dropAreaRef,
|
|
key: item.channel.uuid + index,
|
|
className: "planby-grid-item",
|
|
isDayMode: isDayMode,
|
|
isHoverHighlight: isHoverHighlight
|
|
}, item.position, gridItemClickProps, gridItemDnDProps), isDayMode && generateArray(timelineDividers).map(function (_, index) {
|
|
return React.createElement(GridDividerItem, {
|
|
key: index,
|
|
index: index,
|
|
item: item,
|
|
dividerProps: dividerProps
|
|
});
|
|
}));
|
|
}
|
|
|
|
var _excluded$5 = ["isVerticalMode", "isProgramVisible", "channelOverlapsCount", "grid", "gridItems", "mode", "hourWidth", "timelineDividers", "renderGridCell"];
|
|
var GridContainer$1 = GridContainer;
|
|
function Grid(_ref) {
|
|
var isVerticalMode = _ref.isVerticalMode,
|
|
isProgramVisible = _ref.isProgramVisible,
|
|
channelOverlapsCount = _ref.channelOverlapsCount,
|
|
grid = _ref.grid,
|
|
gridItems = _ref.gridItems,
|
|
mode = _ref.mode,
|
|
hourWidth = _ref.hourWidth,
|
|
timelineDividers = _ref.timelineDividers,
|
|
renderGridCell = _ref.renderGridCell,
|
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
|
|
var _useGrid = useGrid(_extends({
|
|
isVerticalMode: isVerticalMode,
|
|
grid: grid,
|
|
mode: mode,
|
|
hourWidth: hourWidth,
|
|
timelineDividers: timelineDividers
|
|
}, rest)),
|
|
onItemClick = _useGrid.onItemClick,
|
|
onItemDrop = _useGrid.onItemDrop;
|
|
var isDayMode = mode.type === "day";
|
|
var isHoverHighlight = grid.hoverHighlight;
|
|
var isItemClickable = !!grid.onGridItemClick;
|
|
var renderGridItem = function renderGridItem(item, index) {
|
|
var props = {
|
|
isVerticalMode: isVerticalMode,
|
|
isProgramVisible: isProgramVisible,
|
|
isHoverHighlight: isHoverHighlight,
|
|
isDayMode: isDayMode,
|
|
isItemClickable: isItemClickable,
|
|
item: item,
|
|
index: index,
|
|
channelOverlapsCount: channelOverlapsCount,
|
|
hourWidth: hourWidth,
|
|
timelineDividers: timelineDividers,
|
|
renderGridCell: renderGridCell,
|
|
onItemClick: onItemClick,
|
|
onItemDrop: onItemDrop
|
|
};
|
|
// @ts-ignore
|
|
return React.createElement(GridCellItem, Object.assign({
|
|
key: item.channel.uuid + index
|
|
}, props));
|
|
};
|
|
return React.createElement(GridContainer$1, {
|
|
className: "planby-grid"
|
|
}, gridItems.map(function (item, index) {
|
|
return renderGridItem(item, index);
|
|
}));
|
|
}
|
|
|
|
var ScrollBox$1 = ScrollBox,
|
|
Content$1 = Content;
|
|
var Layout = /*#__PURE__*/React__default.forwardRef(function (props, scrollBoxRef) {
|
|
var startDate = props.startDate,
|
|
endDate = props.endDate,
|
|
hoursInDays = props.hoursInDays,
|
|
liveRefreshTime = props.liveRefreshTime,
|
|
scrollY = props.scrollY;
|
|
var channels = props.channels,
|
|
channelOverlapsCount = props.channelOverlapsCount,
|
|
programs = props.programs,
|
|
programOverlaps = props.programOverlaps,
|
|
layerOverlapLevel = props.layerOverlapLevel;
|
|
var timezone = props.timezone,
|
|
areas = props.areas,
|
|
grid = props.grid,
|
|
gridItems = props.gridItems,
|
|
mode = props.mode,
|
|
dnd = props.dnd,
|
|
snap = props.snap,
|
|
overlap = props.overlap,
|
|
overlapMode = props.overlapMode,
|
|
timelineDividers = props.timelineDividers;
|
|
var dayWidth = props.dayWidth,
|
|
hourWidth = props.hourWidth,
|
|
monthWidth = props.monthWidth,
|
|
sidebarWidth = props.sidebarWidth,
|
|
timelineHeight = props.timelineHeight,
|
|
itemHeight = props.itemHeight;
|
|
var days = props.days,
|
|
months = props.months,
|
|
numberOfHoursInDay = props.numberOfHoursInDay,
|
|
numberOfDays = props.numberOfDays,
|
|
numberOfMonths = props.numberOfMonths,
|
|
offsetStartHoursRange = props.offsetStartHoursRange;
|
|
var _props$isVerticalMode = props.isVerticalMode,
|
|
isVerticalMode = _props$isVerticalMode === void 0 ? false : _props$isVerticalMode,
|
|
_props$isRTL = props.isRTL,
|
|
isRTL = _props$isRTL === void 0 ? false : _props$isRTL,
|
|
_props$isSidebar = props.isSidebar,
|
|
isSidebar = _props$isSidebar === void 0 ? true : _props$isSidebar,
|
|
_props$isTimeline = props.isTimeline,
|
|
isTimeline = _props$isTimeline === void 0 ? true : _props$isTimeline,
|
|
_props$isLine = props.isLine,
|
|
isLine = _props$isLine === void 0 ? true : _props$isLine,
|
|
isToday = props.isToday,
|
|
_props$isBaseTimeForm = props.isBaseTimeFormat,
|
|
isBaseTimeFormat = _props$isBaseTimeForm === void 0 ? false : _props$isBaseTimeForm,
|
|
_props$isCurrentTime = props.isCurrentTime,
|
|
isCurrentTime = _props$isCurrentTime === void 0 ? false : _props$isCurrentTime,
|
|
_props$isResize = props.isResize,
|
|
isResize = _props$isResize === void 0 ? false : _props$isResize;
|
|
var dragMouseUp = props.dragMouseUp,
|
|
resizeMouseUp = props.resizeMouseUp,
|
|
openChannelGroupTree = props.openChannelGroupTree,
|
|
onLayoutBgClick = props.onLayoutBgClick,
|
|
onScroll = props.onScroll,
|
|
isProgramVisible = props.isProgramVisible,
|
|
isChannelVisible = props.isChannelVisible,
|
|
isTimelineVisible = props.isTimelineVisible,
|
|
renderProgram = props.renderProgram,
|
|
renderChannel = props.renderChannel,
|
|
renderTimeline = props.renderTimeline,
|
|
renderLine = props.renderLine,
|
|
renderCurrentTime = props.renderCurrentTime,
|
|
renderGridCell = props.renderGridCell;
|
|
// Calculate the height of the content
|
|
var channelsLength = channels.length;
|
|
var programsOverlapsLength = Object.keys(programOverlaps).length;
|
|
var programOverlapsSerialized = JSON.stringify(programOverlaps);
|
|
var contentHeight = React__default.useMemo(function () {
|
|
if (programsOverlapsLength > 0) {
|
|
return getChannelsContentHeight(channels);
|
|
}
|
|
return channelsLength * itemHeight;
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[channelsLength, programsOverlapsLength, itemHeight, programOverlapsSerialized]);
|
|
var showAreas = areas.length > 0;
|
|
var isFuture = isFutureTime(endDate);
|
|
var renderPrograms = function renderPrograms(program, index) {
|
|
var _channelOverlapsCount, _data$fixedVisibility;
|
|
var position = program.position,
|
|
data = program.data;
|
|
var overlapsCount = (_channelOverlapsCount = channelOverlapsCount[program.data.channelUuid]) != null ? _channelOverlapsCount : 1;
|
|
var isVisible = (_data$fixedVisibility = data.fixedVisibility) != null ? _data$fixedVisibility : isProgramVisible(position, overlapsCount);
|
|
if (isVisible) {
|
|
setLayoutScreenCloneElement(program, index);
|
|
var options = getProgramOptions({
|
|
isVerticalMode: isVerticalMode,
|
|
program: program,
|
|
programOverlaps: programOverlaps,
|
|
layerOverlapLevel: layerOverlapLevel,
|
|
overlapMode: overlapMode,
|
|
overlap: overlap
|
|
});
|
|
var _props = {
|
|
isRTL: isRTL,
|
|
isResize: isResize,
|
|
isVerticalMode: isVerticalMode,
|
|
isBaseTimeFormat: isBaseTimeFormat,
|
|
startDate: startDate,
|
|
program: options,
|
|
liveRefreshTime: liveRefreshTime,
|
|
snap: snap,
|
|
mode: mode,
|
|
dnd: dnd,
|
|
dayWidth: dayWidth,
|
|
contentHeight: contentHeight,
|
|
itemHeight: itemHeight,
|
|
hourWidth: hourWidth,
|
|
dragMouseUp: dragMouseUp,
|
|
resizeMouseUp: resizeMouseUp
|
|
};
|
|
if (renderProgram) return renderProgram(_props);
|
|
return React__default.createElement(Program, Object.assign({
|
|
key: program.data.channelUuid + "-" + program.data.id
|
|
}, _props));
|
|
}
|
|
deleteLayoutScreenCloneElement(program);
|
|
return null;
|
|
};
|
|
var renderTopbar = function renderTopbar() {
|
|
var timeProps = {
|
|
isVerticalMode: isVerticalMode,
|
|
isSidebar: isSidebar,
|
|
isRTL: isRTL,
|
|
isTimelineVisible: isTimelineVisible,
|
|
isToday: isToday,
|
|
isBaseTimeFormat: isBaseTimeFormat,
|
|
isCurrentTime: isCurrentTime,
|
|
timezone: timezone,
|
|
startDate: startDate,
|
|
endDate: endDate,
|
|
dayWidth: dayWidth,
|
|
sidebarWidth: sidebarWidth,
|
|
timelineHeight: timelineHeight,
|
|
offsetStartHoursRange: offsetStartHoursRange,
|
|
monthWidth: monthWidth,
|
|
numberOfHoursInDay: numberOfHoursInDay,
|
|
numberOfMonths: numberOfMonths,
|
|
numberOfDays: numberOfDays,
|
|
hourWidth: hourWidth,
|
|
days: days,
|
|
months: months,
|
|
hoursInDays: hoursInDays,
|
|
liveRefreshTime: liveRefreshTime,
|
|
mode: mode,
|
|
timelineDividers: timelineDividers,
|
|
renderCurrentTime: renderCurrentTime
|
|
};
|
|
if (renderTimeline) {
|
|
return renderTimeline(timeProps);
|
|
}
|
|
return React__default.createElement(Timeline, Object.assign({}, timeProps));
|
|
};
|
|
return React__default.createElement(ScrollBox$1, {
|
|
ref: scrollBoxRef,
|
|
id: "planby-layout-scrollbox",
|
|
className: "planby-layout",
|
|
isRTL: isRTL,
|
|
onScroll: onScroll
|
|
}, grid.enabled && React__default.createElement(Grid, {
|
|
isVerticalMode: isVerticalMode,
|
|
isProgramVisible: isProgramVisible,
|
|
channelOverlapsCount: channelOverlapsCount,
|
|
isBaseTimeFormat: isBaseTimeFormat,
|
|
hourWidth: hourWidth,
|
|
dayWidth: dayWidth,
|
|
days: days,
|
|
hoursInDays: hoursInDays,
|
|
months: months,
|
|
numberOfDays: numberOfDays,
|
|
numberOfHoursInDay: numberOfHoursInDay,
|
|
numberOfMonths: numberOfMonths,
|
|
offsetStartHoursRange: offsetStartHoursRange,
|
|
grid: grid,
|
|
gridItems: gridItems,
|
|
mode: mode,
|
|
sidebarWidth: sidebarWidth,
|
|
timelineHeight: timelineHeight,
|
|
timelineDividers: timelineDividers,
|
|
renderGridCell: renderGridCell
|
|
}), onLayoutBgClick && React__default.createElement(LayoutBg, {
|
|
className: "planby-layout-bg",
|
|
isSidebar: isSidebar,
|
|
isVerticalMode: isVerticalMode,
|
|
isTimeline: isTimeline,
|
|
dayWidth: dayWidth,
|
|
contentHeight: contentHeight,
|
|
sidebarWidth: sidebarWidth,
|
|
timelineHeight: timelineHeight,
|
|
onClick: onLayoutBgClick
|
|
}), isLine && isToday && isFuture && React__default.createElement(Line, {
|
|
isVerticalMode: isVerticalMode,
|
|
isTimeline: isTimeline,
|
|
dayWidth: dayWidth,
|
|
hourWidth: hourWidth,
|
|
sidebarWidth: sidebarWidth,
|
|
startDate: startDate,
|
|
endDate: endDate,
|
|
height: contentHeight,
|
|
liveRefreshTime: liveRefreshTime,
|
|
hoursInDays: hoursInDays,
|
|
timezone: timezone,
|
|
renderLine: renderLine
|
|
}), showAreas && React__default.createElement(Areas, {
|
|
isVerticalMode: isVerticalMode,
|
|
sidebarWidth: sidebarWidth,
|
|
hourWidth: hourWidth,
|
|
areas: areas,
|
|
startDate: startDate,
|
|
endDate: endDate,
|
|
height: contentHeight,
|
|
timelineHeight: timelineHeight
|
|
}), isTimeline && renderTopbar(), isSidebar && React__default.createElement(Channels, {
|
|
isVerticalMode: isVerticalMode,
|
|
isRTL: isRTL,
|
|
isTimeline: isTimeline,
|
|
isChannelVisible: isChannelVisible,
|
|
timelineHeight: timelineHeight,
|
|
sidebarWidth: sidebarWidth,
|
|
contentHeight: contentHeight,
|
|
channels: channels,
|
|
scrollY: scrollY,
|
|
openChannelGroupTree: openChannelGroupTree,
|
|
renderChannel: renderChannel
|
|
}), React__default.createElement(Content$1, {
|
|
className: "planby-content",
|
|
isVerticalMode: isVerticalMode,
|
|
isSidebar: isSidebar,
|
|
isTimeline: isTimeline,
|
|
dayWidth: dayWidth,
|
|
sidebarWidth: sidebarWidth,
|
|
timelineHeight: timelineHeight,
|
|
contentHeight: contentHeight
|
|
}, programs.map(function (program, index) {
|
|
return renderPrograms(program, index);
|
|
})));
|
|
});
|
|
|
|
var _excluded$6 = ["isVerticalMode", "program", "onClick"];
|
|
var ProgramBox$1 = ProgramBox,
|
|
ProgramContent$1 = ProgramContent,
|
|
ProgramResizeHandle$1 = ProgramResizeHandle,
|
|
ProgramFlex$1 = ProgramFlex,
|
|
ProgramStack$1 = ProgramStack,
|
|
ProgramTitle$1 = ProgramTitle,
|
|
ProgramText$1 = ProgramText,
|
|
ProgramImage$1 = ProgramImage;
|
|
function Program(_ref) {
|
|
var isVerticalMode = _ref.isVerticalMode,
|
|
program = _ref.program,
|
|
onClick = _ref.onClick,
|
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
|
|
var _useProgram = useProgram(_extends({
|
|
isVerticalMode: isVerticalMode,
|
|
program: program
|
|
}, rest)),
|
|
isRTL = _useProgram.isRTL,
|
|
isLive = _useProgram.isLive,
|
|
isMinWidth = _useProgram.isMinWidth,
|
|
isMouseEvent = _useProgram.isMouseEvent,
|
|
styles = _useProgram.styles,
|
|
resizeEvents = _useProgram.resizeEvents,
|
|
formatTime = _useProgram.formatTime,
|
|
getMouseEvents = _useProgram.getMouseEvents,
|
|
getMouseEventTempTime = _useProgram.getMouseEventTempTime,
|
|
set12HoursTimeFormat = _useProgram.set12HoursTimeFormat,
|
|
getRTLSinceTime = _useProgram.getRTLSinceTime,
|
|
getRTLTillTime = _useProgram.getRTLTillTime;
|
|
var data = program.data;
|
|
var image = data.image,
|
|
title = data.title,
|
|
since = data.since,
|
|
till = data.till;
|
|
var handleOnContentClick = function handleOnContentClick() {
|
|
return onClick == null ? void 0 : onClick(data);
|
|
};
|
|
var sinceTime = formatTime(getRTLSinceTime(since), set12HoursTimeFormat()).toLowerCase();
|
|
var tillTime = formatTime(getRTLTillTime(till), set12HoursTimeFormat()).toLowerCase();
|
|
var tempTime = getMouseEventTempTime();
|
|
return React.createElement(ProgramBox$1, Object.assign({
|
|
id: data.id,
|
|
className: "planby-program",
|
|
width: styles.width,
|
|
style: styles.position
|
|
}, getMouseEvents()), React.createElement(ProgramContent$1, Object.assign({
|
|
className: "planby-program-content",
|
|
width: styles.width,
|
|
isLive: isLive,
|
|
isVerticalMode: isVerticalMode,
|
|
onClick: handleOnContentClick
|
|
}, rest), React.createElement(ProgramResizeHandle$1, Object.assign({}, resizeEvents.eventsLeft)), React.createElement(ProgramResizeHandle$1, Object.assign({}, resizeEvents.eventsRight)), React.createElement(ProgramFlex$1, {
|
|
className: "planby-program-flex",
|
|
isVerticalMode: isVerticalMode
|
|
}, isLive && isMinWidth && React.createElement(ProgramImage$1, {
|
|
isVerticalMode: isVerticalMode,
|
|
src: image,
|
|
alt: "Preview"
|
|
}), React.createElement(ProgramStack$1, {
|
|
className: "planby-program-stack",
|
|
isRTL: isRTL
|
|
}, React.createElement(ProgramTitle$1, {
|
|
className: "planby-program-title"
|
|
}, title), React.createElement(ProgramText$1, {
|
|
className: "planby-program-text",
|
|
"aria-label": "program time"
|
|
}, isMouseEvent ? React.createElement(React.Fragment, null, tempTime.since, " - ", tempTime.till) : React.createElement(React.Fragment, null, sinceTime, " - ", tillTime))))));
|
|
}
|
|
|
|
var Box$3 = Box$1;
|
|
function Channels(props) {
|
|
var channels = props.channels,
|
|
scrollY = props.scrollY,
|
|
sidebarWidth = props.sidebarWidth,
|
|
timelineHeight = props.timelineHeight,
|
|
contentHeight = props.contentHeight,
|
|
openChannelGroupTree = props.openChannelGroupTree,
|
|
renderChannel = props.renderChannel;
|
|
var isVerticalMode = props.isVerticalMode,
|
|
isRTL = props.isRTL,
|
|
isTimeline = props.isTimeline,
|
|
isChannelVisible = props.isChannelVisible;
|
|
var renderChannels = function renderChannels(channel) {
|
|
var channelWithPosition = getChannelVerticalPosition(channel, isVerticalMode);
|
|
var isVisible = isChannelVisible(channelWithPosition.position);
|
|
var newChannel = getChannelGroupTreeProps(channelWithPosition);
|
|
var groupEventProps = newChannel.groupTree ? {
|
|
onOpenGroupTree: openChannelGroupTree
|
|
} : {};
|
|
if (isVisible) {
|
|
if (renderChannel) {
|
|
return renderChannel(_extends({
|
|
channel: newChannel,
|
|
isVerticalMode: isVerticalMode,
|
|
isRTL: isRTL
|
|
}, groupEventProps));
|
|
}
|
|
return React.createElement(Channel, Object.assign({
|
|
key: channel.uuid,
|
|
channel: newChannel,
|
|
isVerticalMode: isVerticalMode
|
|
}, groupEventProps));
|
|
}
|
|
return null;
|
|
};
|
|
return React.createElement(Box$3, {
|
|
className: "planby-channels",
|
|
isVerticalMode: isVerticalMode,
|
|
isRTL: isRTL,
|
|
isTimeline: isTimeline,
|
|
timelineHeight: timelineHeight,
|
|
sidebarWidth: sidebarWidth,
|
|
contentHeight: contentHeight,
|
|
bottom: scrollY
|
|
}, channels.map(renderChannels));
|
|
}
|
|
|
|
var _excluded$7 = ["isVerticalMode", "channel", "onOpenGroupTree", "onClick"];
|
|
var ChannelWrapper$1 = ChannelWrapper,
|
|
ChannelLogo$1 = ChannelLogo;
|
|
function Channel(_ref) {
|
|
var isVerticalMode = _ref.isVerticalMode,
|
|
channel = _ref.channel,
|
|
onOpenGroupTree = _ref.onOpenGroupTree,
|
|
_onClick = _ref.onClick,
|
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
|
|
var position = channel.position,
|
|
logo = channel.logo,
|
|
groupTree = channel.groupTree;
|
|
return React.createElement(ChannelWrapper$1, Object.assign({
|
|
className: "planby-channel",
|
|
isVerticalMode: isVerticalMode,
|
|
groupTree: groupTree,
|
|
onClick: function onClick() {
|
|
var _onOpenGroupTree;
|
|
return (_onOpenGroupTree = onOpenGroupTree == null ? void 0 : onOpenGroupTree(channel)) != null ? _onOpenGroupTree : _onClick == null ? void 0 : _onClick(channel);
|
|
}
|
|
}, position, rest), React.createElement(ChannelLogo$1, {
|
|
src: logo,
|
|
alt: "Logo"
|
|
}));
|
|
}
|
|
|
|
var CurrentTimeBox$1 = CurrentTimeBox,
|
|
CurrentTimeContent$1 = CurrentTimeContent;
|
|
function CurrentTime(props) {
|
|
var isVerticalMode = props.isVerticalMode,
|
|
isBaseTimeFormat = props.isBaseTimeFormat,
|
|
isRTL = props.isRTL;
|
|
var timezone = props.timezone,
|
|
mode = props.mode,
|
|
liveRefreshTime = props.liveRefreshTime,
|
|
startDate = props.startDate,
|
|
endDate = props.endDate,
|
|
hoursInDays = props.hoursInDays;
|
|
var dayWidth = props.dayWidth,
|
|
timelineHeight = props.timelineHeight,
|
|
hourWidth = props.hourWidth,
|
|
sidebarWidth = props.sidebarWidth;
|
|
var renderCurrentTime = props.renderCurrentTime;
|
|
var _useLine = useLine({
|
|
timezone: timezone,
|
|
hoursInDays: hoursInDays,
|
|
startDate: startDate,
|
|
endDate: endDate,
|
|
dayWidth: dayWidth,
|
|
hourWidth: hourWidth,
|
|
sidebarWidth: sidebarWidth,
|
|
liveRefreshTime: liveRefreshTime
|
|
}),
|
|
showLine = _useLine.showLine,
|
|
positionX = _useLine.positionX;
|
|
var _useCurrentTime = useCurrentTime({
|
|
isVerticalMode: isVerticalMode,
|
|
isBaseTimeFormat: isBaseTimeFormat,
|
|
mode: mode,
|
|
positionX: positionX,
|
|
timelineHeight: timelineHeight,
|
|
sidebarWidth: sidebarWidth
|
|
}),
|
|
time = _useCurrentTime.time,
|
|
getCurrentTimeStyles = _useCurrentTime.getCurrentTimeStyles;
|
|
if (!showLine) return null;
|
|
var styles = getCurrentTimeStyles();
|
|
if (renderCurrentTime) {
|
|
return renderCurrentTime({
|
|
isVerticalMode: isVerticalMode,
|
|
isBaseTimeFormat: isBaseTimeFormat,
|
|
isRTL: isRTL,
|
|
time: time,
|
|
styles: styles
|
|
});
|
|
}
|
|
return React.createElement(CurrentTimeBox$1, Object.assign({
|
|
className: "planby-current-time"
|
|
}, styles.position), React.createElement(CurrentTimeContent$1, {
|
|
className: "planby-current-content",
|
|
isVerticalMode: isVerticalMode,
|
|
isBaseTimeFormat: isBaseTimeFormat,
|
|
isRTL: isRTL
|
|
}, time));
|
|
}
|
|
|
|
var _excluded$8 = ["isWeekMonthMode", "isMonthMode", "isTodayInHoursInDays", "areHoursInDays", "time"];
|
|
var TimelineWrapper$1 = TimelineWrapper,
|
|
TimelineBox$1 = TimelineBox,
|
|
TimelineTime$1 = TimelineTime,
|
|
TimelineDividers$1 = TimelineDividers,
|
|
TimelineDivider$1 = TimelineDivider;
|
|
function Timeline(props) {
|
|
var _useTimeline = useTimeline(props),
|
|
isWeekMonthMode = _useTimeline.isWeekMonthMode,
|
|
isMonthMode = _useTimeline.isMonthMode,
|
|
isTodayInHoursInDays = _useTimeline.isTodayInHoursInDays,
|
|
areHoursInDays = _useTimeline.areHoursInDays,
|
|
time = _useTimeline.time,
|
|
rest = _objectWithoutPropertiesLoose(_useTimeline, _excluded$8);
|
|
var timelineHeight = rest.timelineHeight,
|
|
weekDayWidth = rest.weekDayWidth,
|
|
monthsWidth = rest.monthsWidth,
|
|
dividers = rest.dividers,
|
|
timelineDividers = rest.timelineDividers;
|
|
var formatWeekMonthDate = rest.formatWeekMonthDate,
|
|
getTime = rest.getTime,
|
|
getDayMonthName = rest.getDayMonthName,
|
|
getTimelineProps = rest.getTimelineProps,
|
|
getCurrentTimeProps = rest.getCurrentTimeProps;
|
|
var isToday = props.isToday,
|
|
isBaseTimeFormat = props.isBaseTimeFormat,
|
|
isCurrentTime = props.isCurrentTime,
|
|
isRTL = props.isRTL,
|
|
isTimelineVisible = props.isTimelineVisible,
|
|
isVerticalMode = props.isVerticalMode;
|
|
var mode = props.mode;
|
|
var hourWidth = props.hourWidth;
|
|
// Handlers
|
|
var renderDay = function renderDay(item, index) {
|
|
var _getTime = getTime(item),
|
|
isNewDay = _getTime.isNewDay,
|
|
time = _getTime.time;
|
|
var position = {
|
|
left: hourWidth * index,
|
|
width: hourWidth
|
|
};
|
|
var isVisible = isTimelineVisible(position);
|
|
if (!isVisible) return null;
|
|
return React.createElement(TimelineBox$1, Object.assign({
|
|
className: "planby-timeline-box",
|
|
key: index,
|
|
isToday: isToday,
|
|
isCurrentTime: isCurrentTime,
|
|
isVerticalMode: isVerticalMode,
|
|
isTodayInHoursInDays: isTodayInHoursInDays,
|
|
areHoursInDays: areHoursInDays,
|
|
timelineHeight: timelineHeight
|
|
}, position), React.createElement(TimelineTime$1, {
|
|
className: "planby-timeline-time",
|
|
isNewDay: isNewDay,
|
|
isBaseTimeFormat: isBaseTimeFormat,
|
|
isRTL: isRTL,
|
|
isVerticalMode: isVerticalMode
|
|
}, time), React.createElement(TimelineDividers$1, {
|
|
isVerticalMode: isVerticalMode,
|
|
className: "planby-timeline-dividers"
|
|
}, renderDividers(isNewDay)));
|
|
};
|
|
var renderWeekMonth = function renderWeekMonth(item, index) {
|
|
var width = isMonthMode ? monthsWidth[index].width : weekDayWidth;
|
|
var left = isMonthMode ? monthsWidth[index].left : width * index;
|
|
var position = {
|
|
left: left,
|
|
width: width
|
|
};
|
|
var isVisible = isTimelineVisible(position);
|
|
if (!isVisible) return null;
|
|
var isModernStyle = mode.style === "modern";
|
|
return React.createElement(TimelineWeekMonthBox, Object.assign({
|
|
className: "planby-timeline-box",
|
|
key: index,
|
|
isToday: isToday,
|
|
isWeekMonthMode: isWeekMonthMode,
|
|
isCurrentTime: isCurrentTime,
|
|
isVerticalMode: isVerticalMode,
|
|
timelineHeight: timelineHeight,
|
|
styleType: mode.style
|
|
}, position), React.createElement(TimelineWeekMonthDate, {
|
|
className: "planby-timeline-week-month-date",
|
|
isRTL: isRTL,
|
|
isVerticalMode: isVerticalMode,
|
|
styleType: mode.style
|
|
}, isModernStyle && React.createElement("span", null, getDayMonthName(item)), React.createElement("span", null, formatWeekMonthDate(item))));
|
|
};
|
|
var renderDividers = function renderDividers(isNewDay) {
|
|
return dividers.map(function (_, index) {
|
|
return React.createElement(TimelineDivider$1, {
|
|
key: index,
|
|
isVerticalMode: isVerticalMode,
|
|
className: "planby-timeline-divider",
|
|
isNewDay: isNewDay,
|
|
left: index * (hourWidth / timelineDividers),
|
|
width: hourWidth / timelineDividers
|
|
});
|
|
});
|
|
};
|
|
var renderTimelineItems = function renderTimelineItems(item, index) {
|
|
return isWeekMonthMode ? renderWeekMonth(item, index) : renderDay(item, index);
|
|
};
|
|
return React.createElement(TimelineWrapper$1, Object.assign({
|
|
className: "planby-timeline-wrapper"
|
|
}, getTimelineProps()), isCurrentTime && isToday && React.createElement(CurrentTime, Object.assign({}, getCurrentTimeProps())), time.map(function (item, index) {
|
|
return renderTimelineItems(item, index);
|
|
}));
|
|
}
|
|
|
|
var _excluded$9 = ["isTimeline", "isVerticalMode", "height", "renderLine"];
|
|
var lineStyles$1 = lineStyles,
|
|
LineBox$1 = LineBox;
|
|
function Line(_ref) {
|
|
var isTimeline = _ref.isTimeline,
|
|
isVerticalMode = _ref.isVerticalMode,
|
|
height = _ref.height,
|
|
renderLine = _ref.renderLine,
|
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
|
|
var _useLine = useLine(rest),
|
|
positionX = _useLine.positionX,
|
|
showLine = _useLine.showLine;
|
|
if (!showLine) return null;
|
|
var position = {
|
|
height: height,
|
|
left: positionX,
|
|
zIndex: Layers.Line
|
|
};
|
|
var styles = getLineStyles({
|
|
isVerticalMode: isVerticalMode,
|
|
isTimeline: isTimeline,
|
|
lineStyles: lineStyles$1,
|
|
position: position
|
|
});
|
|
if (renderLine) return React.createElement(React.Fragment, null, renderLine({
|
|
styles: styles,
|
|
isVerticalMode: isVerticalMode,
|
|
isTimeline: isTimeline
|
|
}));
|
|
return React.createElement(LineBox$1, Object.assign({
|
|
className: "planby-line",
|
|
isVerticalMode: isVerticalMode,
|
|
isTimeline: isTimeline
|
|
}, position));
|
|
}
|
|
|
|
var Box$4 = Box$2,
|
|
Shape$1 = Shape;
|
|
var Element = function Element(_ref) {
|
|
var width = _ref.width,
|
|
color = _ref.color,
|
|
animate = _ref.animate,
|
|
marginRight = _ref.marginRight,
|
|
transition = _ref.transition;
|
|
return React.createElement(Shape$1, {
|
|
className: "SHAPE",
|
|
width: width,
|
|
color: color,
|
|
animate: animate,
|
|
transition: transition,
|
|
marginRight: marginRight
|
|
});
|
|
};
|
|
function Loader() {
|
|
return React.createElement(Box$4, {
|
|
"aria-label": "loading"
|
|
}, React.createElement("div", null, React.createElement("div", {
|
|
style: {
|
|
display: "flex",
|
|
justifyContent: "end",
|
|
marginBottom: 16
|
|
}
|
|
}, React.createElement(Element, {
|
|
animate: {
|
|
right: ["0px", "75px", "0px"]
|
|
},
|
|
transition: {
|
|
duration: 1
|
|
},
|
|
width: 217,
|
|
color: "teal",
|
|
marginRight: 10
|
|
}), React.createElement(Element, {
|
|
width: 122,
|
|
color: "purple",
|
|
animate: {
|
|
right: ["0px", "50px", "0px"]
|
|
},
|
|
transition: {
|
|
duration: 1,
|
|
delay: 0.02
|
|
}
|
|
})), React.createElement("div", {
|
|
style: {
|
|
display: "flex",
|
|
justifyContent: "end",
|
|
marginBottom: 16
|
|
}
|
|
}, React.createElement(Element, {
|
|
width: 267,
|
|
color: "pink",
|
|
animate: {
|
|
right: ["0px", "70px", "0px"]
|
|
},
|
|
transition: {
|
|
delay: 0.5,
|
|
duration: 1
|
|
}
|
|
})), React.createElement("div", {
|
|
style: {
|
|
display: "flex",
|
|
justifyContent: "end"
|
|
}
|
|
}, React.createElement(Element, {
|
|
width: 217,
|
|
color: "purple",
|
|
marginRight: 10,
|
|
animate: {
|
|
right: ["0px", "95px", "0px"]
|
|
},
|
|
transition: {
|
|
delay: 0.3,
|
|
duration: 1
|
|
}
|
|
}), React.createElement(Element, {
|
|
width: 80,
|
|
color: "teal",
|
|
animate: {
|
|
right: ["0px", "70px", "0px"]
|
|
},
|
|
transition: {
|
|
duration: 1,
|
|
delay: 0.33
|
|
}
|
|
}))));
|
|
}
|
|
|
|
var getAreasFields = function getAreasFields(_ref) {
|
|
var _area$endDate;
|
|
var area = _ref.area,
|
|
startDate = _ref.startDate,
|
|
endDate = _ref.endDate,
|
|
hourWidth = _ref.hourWidth,
|
|
sidebarWidth = _ref.sidebarWidth,
|
|
timelineHeight = _ref.timelineHeight,
|
|
height = _ref.height;
|
|
var areaStartDate = area.startDate;
|
|
var areaEndDate = (_area$endDate = area == null ? void 0 : area.endDate) != null ? _area$endDate : areaStartDate;
|
|
var left = getPositionX(startDate, areaStartDate, startDate, endDate, hourWidth) + sidebarWidth;
|
|
var width = getPositionX(areaStartDate, areaEndDate, startDate, endDate, hourWidth);
|
|
var intervalOptions = {
|
|
start: new Date(startDate),
|
|
end: new Date(endDate)
|
|
};
|
|
var isStartAreaDateValid = dateFns.isWithinInterval(new Date(areaStartDate), intervalOptions);
|
|
var showArea = isStartAreaDateValid;
|
|
var areaFieldStyles = {
|
|
positionX: left,
|
|
width: width,
|
|
height: height,
|
|
timelineHeight: timelineHeight
|
|
};
|
|
return _extends({}, area, {
|
|
showArea: showArea,
|
|
areaFieldStyles: areaFieldStyles,
|
|
areaBgStyles: area.styles
|
|
});
|
|
};
|
|
|
|
function useAreas(props) {
|
|
var startDate = props.startDate,
|
|
endDate = props.endDate,
|
|
areas = props.areas;
|
|
var hourWidth = props.hourWidth,
|
|
sidebarWidth = props.sidebarWidth,
|
|
timelineHeight = props.timelineHeight,
|
|
height = props.height;
|
|
var areasSerialized = JSON.stringify(areas);
|
|
var data = React.useMemo(function () {
|
|
return areas.map(function (area) {
|
|
var options = {
|
|
area: area,
|
|
hourWidth: hourWidth,
|
|
sidebarWidth: sidebarWidth,
|
|
height: height,
|
|
startDate: startDate,
|
|
endDate: endDate,
|
|
timelineHeight: timelineHeight
|
|
};
|
|
return getAreasFields(options);
|
|
});
|
|
},
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[areasSerialized, hourWidth, sidebarWidth, height, startDate, endDate, timelineHeight]);
|
|
return {
|
|
data: data
|
|
};
|
|
}
|
|
|
|
var _excluded$a = ["isVerticalMode"];
|
|
var AreaAnnotation$1 = AreaAnnotation,
|
|
AreaBg$1 = AreaBg,
|
|
AreaFiled$1 = AreaFiled;
|
|
function Areas(_ref) {
|
|
var isVerticalMode = _ref.isVerticalMode,
|
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
|
|
var _useAreas = useAreas(props),
|
|
data = _useAreas.data;
|
|
var renderAreaAnnotation = function renderAreaAnnotation(props) {
|
|
var isLeft = props.isLeft,
|
|
text = props.text;
|
|
var areaFieldStyles = props.areaFieldStyles,
|
|
styles = props.styles;
|
|
var className = isLeft ? "left" : "right";
|
|
return React__default.createElement(AreaAnnotation$1, {
|
|
className: "planby-area-annotation-" + className,
|
|
isVerticalMode: isVerticalMode,
|
|
isLeft: isLeft,
|
|
timelineHeight: areaFieldStyles.timelineHeight,
|
|
width: areaFieldStyles.width,
|
|
style: styles
|
|
}, text);
|
|
};
|
|
var renderArea = function renderArea(props, index) {
|
|
var _annotations$styles;
|
|
var showArea = props.showArea,
|
|
annotations = props.annotations,
|
|
onClick = props.onClick;
|
|
var _props$areaBgStyles = props.areaBgStyles,
|
|
areaBgStyles = _props$areaBgStyles === void 0 ? {} : _props$areaBgStyles,
|
|
areaFieldStyles = props.areaFieldStyles;
|
|
if (!showArea) return null;
|
|
var annotationProps = {
|
|
areaFieldStyles: areaFieldStyles,
|
|
styles: (_annotations$styles = annotations == null ? void 0 : annotations.styles) != null ? _annotations$styles : {}
|
|
};
|
|
return React__default.createElement(AreaFiled$1, Object.assign({
|
|
key: index,
|
|
className: "planby-area-field",
|
|
isVerticalMode: isVerticalMode,
|
|
isClickable: !!onClick,
|
|
onClick: onClick
|
|
}, areaFieldStyles), React__default.createElement(AreaBg$1, {
|
|
className: "planby-area-bg",
|
|
style: areaBgStyles
|
|
}), annotations && React__default.createElement(React__default.Fragment, null, annotations.textStart && renderAreaAnnotation(_extends({
|
|
isLeft: true,
|
|
text: annotations.textStart
|
|
}, annotationProps)), annotations.textEnd && renderAreaAnnotation(_extends({
|
|
isLeft: false,
|
|
text: annotations.textEnd
|
|
}, annotationProps))));
|
|
};
|
|
return React__default.createElement(React__default.Fragment, null, data.map(function (props, index) {
|
|
return renderArea(props, index);
|
|
}));
|
|
}
|
|
|
|
var _excluded$b = ["children", "width", "height", "sidebarWidth", "timelineHeight", "theme", "globalStyles", "isVerticalMode", "isRTL", "isSidebar", "isTimeline", "isLoading", "loader"];
|
|
var Container$1 = Container,
|
|
Wrapper$1 = Wrapper,
|
|
Box$5 = Box;
|
|
var Epg = /*#__PURE__*/React__default.forwardRef(function (_ref, containerRef) {
|
|
var children = _ref.children,
|
|
width = _ref.width,
|
|
height = _ref.height,
|
|
sidebarWidth = _ref.sidebarWidth,
|
|
timelineHeight = _ref.timelineHeight,
|
|
theme = _ref.theme,
|
|
customGlobalStyles = _ref.globalStyles,
|
|
_ref$isVerticalMode = _ref.isVerticalMode,
|
|
isVerticalMode = _ref$isVerticalMode === void 0 ? false : _ref$isVerticalMode,
|
|
_ref$isRTL = _ref.isRTL,
|
|
isRTL = _ref$isRTL === void 0 ? false : _ref$isRTL,
|
|
_ref$isSidebar = _ref.isSidebar,
|
|
isSidebar = _ref$isSidebar === void 0 ? true : _ref$isSidebar,
|
|
_ref$isTimeline = _ref.isTimeline,
|
|
isTimeline = _ref$isTimeline === void 0 ? true : _ref$isTimeline,
|
|
_ref$isLoading = _ref.isLoading,
|
|
isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
|
|
LoaderComponent = _ref.loader,
|
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
|
|
var renderLoader = function renderLoader() {
|
|
return LoaderComponent != null ? LoaderComponent : React__default.createElement(Loader, null);
|
|
};
|
|
var epgGlobalStyles = customGlobalStyles != null ? customGlobalStyles : globalStyles;
|
|
var blankSpaceStyles = isVerticalMode ? {
|
|
height: sidebarWidth,
|
|
width: timelineHeight
|
|
} : {
|
|
width: sidebarWidth,
|
|
height: timelineHeight
|
|
};
|
|
return React__default.createElement(react.ThemeProvider, {
|
|
theme: theme
|
|
}, React__default.createElement(react.Global, {
|
|
styles: epgGlobalStyles
|
|
}), React__default.createElement(Container$1, Object.assign({
|
|
className: "planby",
|
|
width: width,
|
|
height: height,
|
|
ref: containerRef
|
|
}, rest), React__default.createElement(WrapperDnD, null, isSidebar && isTimeline && React__default.createElement(Box$5, {
|
|
className: "planby-corner-box",
|
|
isRTL: isRTL,
|
|
left: 0,
|
|
top: 0,
|
|
style: blankSpaceStyles
|
|
}), isLoading && renderLoader(), children)));
|
|
});
|
|
function WrapperDnD(_ref2) {
|
|
var children = _ref2.children;
|
|
var _useGridExternalDnD = useGridExternalDnD(),
|
|
isDragOver = _useGridExternalDnD.isDragOver,
|
|
onDragEnter = _useGridExternalDnD.onDragEnter,
|
|
onDragLeave = _useGridExternalDnD.onDragLeave,
|
|
dropAreaRef = _useGridExternalDnD.dropAreaRef;
|
|
React__default.useEffect(function () {
|
|
var gridElement = document.querySelector(".planby-grid");
|
|
if (gridElement) {
|
|
if (isDragOver) {
|
|
gridElement.style.zIndex = "5";
|
|
} else {
|
|
gridElement.style.zIndex = "1";
|
|
}
|
|
}
|
|
}, [isDragOver]);
|
|
return React__default.createElement(Wrapper$1, {
|
|
ref: dropAreaRef,
|
|
id: "planby-wrapper",
|
|
onDragOver: onDragEnter,
|
|
onDragLeaveCapture: onDragLeave,
|
|
onDrop: onDragLeave
|
|
}, children);
|
|
}
|
|
|
|
// Styles
|
|
var ChannelBox = ChannelWrapper,
|
|
ChannelLogo$2 = ChannelLogo;
|
|
var CurrentTimeBox$2 = CurrentTimeBox,
|
|
CurrentTimeContent$2 = CurrentTimeContent;
|
|
var GridItem$2 = GridItem,
|
|
GridDivider$2 = GridDivider;
|
|
var ProgramBox$2 = ProgramBox,
|
|
ProgramContent$2 = ProgramContent,
|
|
ProgramFlex$2 = ProgramFlex,
|
|
ProgramStack$2 = ProgramStack,
|
|
ProgramTitle$2 = ProgramTitle,
|
|
ProgramText$2 = ProgramText,
|
|
ProgramImage$2 = ProgramImage,
|
|
ProgramResizeHandle$2 = ProgramResizeHandle;
|
|
var TimelineWrapper$2 = TimelineWrapper,
|
|
TimelineBox$2 = TimelineBox,
|
|
TimelineTime$2 = TimelineTime,
|
|
TimelineDividerStyled = TimelineDivider,
|
|
TimelineDividers$2 = TimelineDividers,
|
|
TimelineWeekMonthBox$1 = TimelineWeekMonthBox,
|
|
TimelineWeekMonthDate$1 = TimelineWeekMonthDate;
|
|
var TimelineDivider$2 = TimelineDividerStyled;
|
|
|
|
exports.ChannelBox = ChannelBox;
|
|
exports.ChannelLogo = ChannelLogo$2;
|
|
exports.CurrentTime = CurrentTime;
|
|
exports.CurrentTimeBox = CurrentTimeBox$2;
|
|
exports.CurrentTimeContent = CurrentTimeContent$2;
|
|
exports.Epg = Epg;
|
|
exports.GridDivider = GridDivider$2;
|
|
exports.GridItem = GridItem$2;
|
|
exports.Layout = Layout;
|
|
exports.ProgramBox = ProgramBox$2;
|
|
exports.ProgramContent = ProgramContent$2;
|
|
exports.ProgramFlex = ProgramFlex$2;
|
|
exports.ProgramImage = ProgramImage$2;
|
|
exports.ProgramResizeHandle = ProgramResizeHandle$2;
|
|
exports.ProgramStack = ProgramStack$2;
|
|
exports.ProgramText = ProgramText$2;
|
|
exports.ProgramTitle = ProgramTitle$2;
|
|
exports.TimelineBox = TimelineBox$2;
|
|
exports.TimelineDivider = TimelineDivider$2;
|
|
exports.TimelineDividers = TimelineDividers$2;
|
|
exports.TimelineTime = TimelineTime$2;
|
|
exports.TimelineWeekMonthBox = TimelineWeekMonthBox$1;
|
|
exports.TimelineWeekMonthDate = TimelineWeekMonthDate$1;
|
|
exports.TimelineWrapper = TimelineWrapper$2;
|
|
exports.useEpg = useEpg;
|
|
exports.useGridExternalDnD = useGridExternalDnD;
|
|
exports.useProgram = useProgram;
|
|
exports.useTimeline = useTimeline;
|
|
//# sourceMappingURL=planby-pro.cjs.development.js.map
|