@evercam/ui 0.0.52-beta.4 → 0.0.52-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.mjs +267 -265
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +2 -2
- package/dist/index.umd.js.map +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -52,15 +52,15 @@ const rt = q.extend({
|
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
|
-
function I(e, t, r, n, s, o, i,
|
|
55
|
+
function I(e, t, r, n, s, o, i, d) {
|
|
56
56
|
var l = typeof e == "function" ? e.options : e;
|
|
57
57
|
t && (l.render = t, l.staticRenderFns = r, l._compiled = !0), n && (l.functional = !0), o && (l._scopeId = "data-v-" + o);
|
|
58
58
|
var a;
|
|
59
|
-
if (i ? (a = function(
|
|
60
|
-
|
|
59
|
+
if (i ? (a = function(f) {
|
|
60
|
+
f = f || // cached call
|
|
61
61
|
this.$vnode && this.$vnode.ssrContext || // stateful
|
|
62
|
-
this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !
|
|
63
|
-
}, l._ssrRegister = a) : s && (a =
|
|
62
|
+
this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !f && typeof __VUE_SSR_CONTEXT__ != "undefined" && (f = __VUE_SSR_CONTEXT__), s && s.call(this, f), f && f._registeredComponents && f._registeredComponents.add(i);
|
|
63
|
+
}, l._ssrRegister = a) : s && (a = d ? function() {
|
|
64
64
|
s.call(
|
|
65
65
|
this,
|
|
66
66
|
(l.functional ? this.parent : this).$root.$options.shadowRoot
|
|
@@ -73,8 +73,8 @@ function I(e, t, r, n, s, o, i, f) {
|
|
|
73
73
|
return a.call(b), u(E, b);
|
|
74
74
|
};
|
|
75
75
|
} else {
|
|
76
|
-
var
|
|
77
|
-
l.beforeCreate =
|
|
76
|
+
var v = l.beforeCreate;
|
|
77
|
+
l.beforeCreate = v ? [].concat(v, a) : [a];
|
|
78
78
|
}
|
|
79
79
|
return {
|
|
80
80
|
exports: e,
|
|
@@ -194,7 +194,7 @@ var Pe = {}, ze = {}, me = {};
|
|
|
194
194
|
return `calc(${r} * -1)`;
|
|
195
195
|
}
|
|
196
196
|
})(me);
|
|
197
|
-
var
|
|
197
|
+
var He = {};
|
|
198
198
|
(function(e) {
|
|
199
199
|
Object.defineProperty(e, "__esModule", {
|
|
200
200
|
value: !0
|
|
@@ -381,8 +381,8 @@ var Le = {};
|
|
|
381
381
|
"willChange",
|
|
382
382
|
"content"
|
|
383
383
|
];
|
|
384
|
-
})(
|
|
385
|
-
var
|
|
384
|
+
})(He);
|
|
385
|
+
var Le = {};
|
|
386
386
|
(function(e) {
|
|
387
387
|
Object.defineProperty(e, "__esModule", {
|
|
388
388
|
value: !0
|
|
@@ -397,7 +397,7 @@ var He = {};
|
|
|
397
397
|
...new Set(n.filter((o) => r !== !1 && r[o] !== !1).concat(Object.keys(r).filter((o) => r[o] !== !1)))
|
|
398
398
|
];
|
|
399
399
|
}
|
|
400
|
-
})(
|
|
400
|
+
})(Le);
|
|
401
401
|
var pe = {}, ne = {}, ge = { exports: {} }, P = String, Ge = function() {
|
|
402
402
|
return { isColorSupported: !1, reset: P, bold: P, dim: P, italic: P, underline: P, inverse: P, hidden: P, strikethrough: P, black: P, red: P, green: P, yellow: P, blue: P, magenta: P, cyan: P, white: P, gray: P, bgBlack: P, bgRed: P, bgGreen: P, bgYellow: P, bgBlue: P, bgMagenta: P, bgCyan: P, bgWhite: P };
|
|
403
403
|
};
|
|
@@ -420,7 +420,7 @@ var Be = ge.exports;
|
|
|
420
420
|
return i;
|
|
421
421
|
},
|
|
422
422
|
default: function() {
|
|
423
|
-
return
|
|
423
|
+
return d;
|
|
424
424
|
}
|
|
425
425
|
});
|
|
426
426
|
const r = /* @__PURE__ */ n(Be);
|
|
@@ -431,12 +431,12 @@ var Be = ge.exports;
|
|
|
431
431
|
}
|
|
432
432
|
let s = /* @__PURE__ */ new Set();
|
|
433
433
|
function o(l, a, u) {
|
|
434
|
-
typeof process != "undefined" && process.env.JEST_WORKER_ID || u && s.has(u) || (u && s.add(u), console.warn(""), a.forEach((
|
|
434
|
+
typeof process != "undefined" && process.env.JEST_WORKER_ID || u && s.has(u) || (u && s.add(u), console.warn(""), a.forEach((v) => console.warn(l, "-", v)));
|
|
435
435
|
}
|
|
436
436
|
function i(l) {
|
|
437
437
|
return r.default.dim(l);
|
|
438
438
|
}
|
|
439
|
-
const
|
|
439
|
+
const d = {
|
|
440
440
|
info(l, a) {
|
|
441
441
|
o(r.default.bold(r.default.cyan("info")), ...Array.isArray(l) ? [
|
|
442
442
|
l
|
|
@@ -478,9 +478,9 @@ var Be = ge.exports;
|
|
|
478
478
|
default: o
|
|
479
479
|
};
|
|
480
480
|
}
|
|
481
|
-
function n({ version: o, from: i, to:
|
|
481
|
+
function n({ version: o, from: i, to: d }) {
|
|
482
482
|
t.default.warn(`${i}-color-renamed`, [
|
|
483
|
-
`As of Tailwind CSS ${o}, \`${i}\` has been renamed to \`${
|
|
483
|
+
`As of Tailwind CSS ${o}, \`${i}\` has been renamed to \`${d}\`.`,
|
|
484
484
|
"Update your configuration file to silence this warning."
|
|
485
485
|
]);
|
|
486
486
|
}
|
|
@@ -825,13 +825,13 @@ var je = {};
|
|
|
825
825
|
});
|
|
826
826
|
function t(r, ...n) {
|
|
827
827
|
for (let i of n) {
|
|
828
|
-
for (let
|
|
828
|
+
for (let d in i) {
|
|
829
829
|
var s;
|
|
830
|
-
!(r == null || (s = r.hasOwnProperty) === null || s === void 0) && s.call(r,
|
|
830
|
+
!(r == null || (s = r.hasOwnProperty) === null || s === void 0) && s.call(r, d) || (r[d] = i[d]);
|
|
831
831
|
}
|
|
832
|
-
for (let
|
|
832
|
+
for (let d of Object.getOwnPropertySymbols(i)) {
|
|
833
833
|
var o;
|
|
834
|
-
!(r == null || (o = r.hasOwnProperty) === null || o === void 0) && o.call(r,
|
|
834
|
+
!(r == null || (o = r.hasOwnProperty) === null || o === void 0) && o.call(r, d) || (r[d] = i[d]);
|
|
835
835
|
}
|
|
836
836
|
}
|
|
837
837
|
return r;
|
|
@@ -861,16 +861,16 @@ var We = {}, ie = {};
|
|
|
861
861
|
Object.defineProperty(e, "__esModule", {
|
|
862
862
|
value: !0
|
|
863
863
|
});
|
|
864
|
-
function t(
|
|
865
|
-
for (var E in
|
|
866
|
-
Object.defineProperty(
|
|
864
|
+
function t(v, f) {
|
|
865
|
+
for (var E in f)
|
|
866
|
+
Object.defineProperty(v, E, {
|
|
867
867
|
enumerable: !0,
|
|
868
|
-
get:
|
|
868
|
+
get: f[E]
|
|
869
869
|
});
|
|
870
870
|
}
|
|
871
871
|
t(e, {
|
|
872
872
|
flagEnabled: function() {
|
|
873
|
-
return
|
|
873
|
+
return d;
|
|
874
874
|
},
|
|
875
875
|
issueFlagNotices: function() {
|
|
876
876
|
return a;
|
|
@@ -880,9 +880,9 @@ var We = {}, ie = {};
|
|
|
880
880
|
}
|
|
881
881
|
});
|
|
882
882
|
const r = /* @__PURE__ */ s(Be), n = /* @__PURE__ */ s(ne);
|
|
883
|
-
function s(
|
|
884
|
-
return
|
|
885
|
-
default:
|
|
883
|
+
function s(v) {
|
|
884
|
+
return v && v.__esModule ? v : {
|
|
885
|
+
default: v
|
|
886
886
|
};
|
|
887
887
|
}
|
|
888
888
|
let o = {
|
|
@@ -906,28 +906,28 @@ var We = {}, ie = {};
|
|
|
906
906
|
"generalizedModifiers"
|
|
907
907
|
]
|
|
908
908
|
};
|
|
909
|
-
function
|
|
910
|
-
if (i.future.includes(
|
|
909
|
+
function d(v, f) {
|
|
910
|
+
if (i.future.includes(f)) {
|
|
911
911
|
var E, b, k;
|
|
912
|
-
return
|
|
912
|
+
return v.future === "all" || ((k = (b = v == null || (E = v.future) === null || E === void 0 ? void 0 : E[f]) !== null && b !== void 0 ? b : o[f]) !== null && k !== void 0 ? k : !1);
|
|
913
913
|
}
|
|
914
|
-
if (i.experimental.includes(
|
|
915
|
-
var A, z,
|
|
916
|
-
return
|
|
914
|
+
if (i.experimental.includes(f)) {
|
|
915
|
+
var A, z, H;
|
|
916
|
+
return v.experimental === "all" || ((H = (z = v == null || (A = v.experimental) === null || A === void 0 ? void 0 : A[f]) !== null && z !== void 0 ? z : o[f]) !== null && H !== void 0 ? H : !1);
|
|
917
917
|
}
|
|
918
918
|
return !1;
|
|
919
919
|
}
|
|
920
|
-
function l(
|
|
921
|
-
if (
|
|
920
|
+
function l(v) {
|
|
921
|
+
if (v.experimental === "all")
|
|
922
922
|
return i.experimental;
|
|
923
|
-
var
|
|
924
|
-
return Object.keys((
|
|
923
|
+
var f;
|
|
924
|
+
return Object.keys((f = v == null ? void 0 : v.experimental) !== null && f !== void 0 ? f : {}).filter((E) => i.experimental.includes(E) && v.experimental[E]);
|
|
925
925
|
}
|
|
926
|
-
function a(
|
|
927
|
-
if (process.env.JEST_WORKER_ID === void 0 && l(
|
|
928
|
-
let
|
|
926
|
+
function a(v) {
|
|
927
|
+
if (process.env.JEST_WORKER_ID === void 0 && l(v).length > 0) {
|
|
928
|
+
let f = l(v).map((E) => r.default.yellow(E)).join(", ");
|
|
929
929
|
n.default.warn("experimental-flags-enabled", [
|
|
930
|
-
`You have enabled experimental features: ${
|
|
930
|
+
`You have enabled experimental features: ${f}`,
|
|
931
931
|
"Experimental features in Tailwind CSS are not covered by semver, may introduce breaking changes, and can change at any time."
|
|
932
932
|
]);
|
|
933
933
|
}
|
|
@@ -947,26 +947,26 @@ var We = {}, ie = {};
|
|
|
947
947
|
function n(i) {
|
|
948
948
|
if (typeof WeakMap != "function")
|
|
949
949
|
return null;
|
|
950
|
-
var
|
|
950
|
+
var d = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap();
|
|
951
951
|
return (n = function(a) {
|
|
952
|
-
return a ? l :
|
|
952
|
+
return a ? l : d;
|
|
953
953
|
})(i);
|
|
954
954
|
}
|
|
955
|
-
function s(i,
|
|
956
|
-
if (!
|
|
955
|
+
function s(i, d) {
|
|
956
|
+
if (!d && i && i.__esModule)
|
|
957
957
|
return i;
|
|
958
958
|
if (i === null || typeof i != "object" && typeof i != "function")
|
|
959
959
|
return {
|
|
960
960
|
default: i
|
|
961
961
|
};
|
|
962
|
-
var l = n(
|
|
962
|
+
var l = n(d);
|
|
963
963
|
if (l && l.has(i))
|
|
964
964
|
return l.get(i);
|
|
965
965
|
var a = {}, u = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
966
|
-
for (var
|
|
967
|
-
if (
|
|
968
|
-
var
|
|
969
|
-
|
|
966
|
+
for (var v in i)
|
|
967
|
+
if (v !== "default" && Object.prototype.hasOwnProperty.call(i, v)) {
|
|
968
|
+
var f = u ? Object.getOwnPropertyDescriptor(i, v) : null;
|
|
969
|
+
f && (f.get || f.set) ? Object.defineProperty(a, v, f) : a[v] = i[v];
|
|
970
970
|
}
|
|
971
971
|
return a.default = i, l && l.set(i, a), a;
|
|
972
972
|
}
|
|
@@ -1011,8 +1011,8 @@ var We = {}, ie = {};
|
|
|
1011
1011
|
"https://tailwindcss.com/docs/upgrade-guide#configure-content-sources"
|
|
1012
1012
|
]), i.safelist = (() => {
|
|
1013
1013
|
var a;
|
|
1014
|
-
let { content: u, purge:
|
|
1015
|
-
return Array.isArray(
|
|
1014
|
+
let { content: u, purge: v, safelist: f } = i;
|
|
1015
|
+
return Array.isArray(f) ? f : Array.isArray(u == null ? void 0 : u.safelist) ? u.safelist : Array.isArray(v == null ? void 0 : v.safelist) ? v.safelist : Array.isArray(v == null || (a = v.options) === null || a === void 0 ? void 0 : a.safelist) ? v.options.safelist : [];
|
|
1016
1016
|
})(), i.blocklist = (() => {
|
|
1017
1017
|
let { blocklist: a } = i;
|
|
1018
1018
|
if (Array.isArray(a)) {
|
|
@@ -1045,20 +1045,20 @@ var We = {}, ie = {};
|
|
|
1045
1045
|
})(),
|
|
1046
1046
|
extract: (() => {
|
|
1047
1047
|
let a = (() => {
|
|
1048
|
-
var
|
|
1049
|
-
return !((
|
|
1050
|
-
})(), u = {},
|
|
1051
|
-
var
|
|
1052
|
-
if (!((
|
|
1048
|
+
var f, E, b, k, A, z, H, M, L, G;
|
|
1049
|
+
return !((f = i.purge) === null || f === void 0) && f.extract ? i.purge.extract : !((E = i.content) === null || E === void 0) && E.extract ? i.content.extract : !((b = i.purge) === null || b === void 0 || (k = b.extract) === null || k === void 0) && k.DEFAULT ? i.purge.extract.DEFAULT : !((A = i.content) === null || A === void 0 || (z = A.extract) === null || z === void 0) && z.DEFAULT ? i.content.extract.DEFAULT : !((H = i.purge) === null || H === void 0 || (M = H.options) === null || M === void 0) && M.extractors ? i.purge.options.extractors : !((L = i.content) === null || L === void 0 || (G = L.options) === null || G === void 0) && G.extractors ? i.content.options.extractors : {};
|
|
1050
|
+
})(), u = {}, v = (() => {
|
|
1051
|
+
var f, E, b, k;
|
|
1052
|
+
if (!((f = i.purge) === null || f === void 0 || (E = f.options) === null || E === void 0) && E.defaultExtractor)
|
|
1053
1053
|
return i.purge.options.defaultExtractor;
|
|
1054
1054
|
if (!((b = i.content) === null || b === void 0 || (k = b.options) === null || k === void 0) && k.defaultExtractor)
|
|
1055
1055
|
return i.content.options.defaultExtractor;
|
|
1056
1056
|
})();
|
|
1057
|
-
if (
|
|
1057
|
+
if (v !== void 0 && (u.DEFAULT = v), typeof a == "function")
|
|
1058
1058
|
u.DEFAULT = a;
|
|
1059
1059
|
else if (Array.isArray(a))
|
|
1060
|
-
for (let { extensions:
|
|
1061
|
-
for (let b of
|
|
1060
|
+
for (let { extensions: f, extractor: E } of a != null ? a : [])
|
|
1061
|
+
for (let b of f)
|
|
1062
1062
|
u[b] = E;
|
|
1063
1063
|
else
|
|
1064
1064
|
typeof a == "object" && a !== null && Object.assign(u, a);
|
|
@@ -1066,8 +1066,8 @@ var We = {}, ie = {};
|
|
|
1066
1066
|
})(),
|
|
1067
1067
|
transform: (() => {
|
|
1068
1068
|
let a = (() => {
|
|
1069
|
-
var
|
|
1070
|
-
return !((
|
|
1069
|
+
var v, f, E, b, k, A;
|
|
1070
|
+
return !((v = i.purge) === null || v === void 0) && v.transform ? i.purge.transform : !((f = i.content) === null || f === void 0) && f.transform ? i.content.transform : !((E = i.purge) === null || E === void 0 || (b = E.transform) === null || b === void 0) && b.DEFAULT ? i.purge.transform.DEFAULT : !((k = i.content) === null || k === void 0 || (A = k.transform) === null || A === void 0) && A.DEFAULT ? i.content.transform.DEFAULT : {};
|
|
1071
1071
|
})(), u = {};
|
|
1072
1072
|
return typeof a == "function" && (u.DEFAULT = a), typeof a == "object" && a !== null && Object.assign(u, a), u;
|
|
1073
1073
|
})()
|
|
@@ -1897,7 +1897,7 @@ var ve = {}, ye = {}, Xe = {};
|
|
|
1897
1897
|
}
|
|
1898
1898
|
t(e, {
|
|
1899
1899
|
parseColor: function() {
|
|
1900
|
-
return
|
|
1900
|
+
return f;
|
|
1901
1901
|
},
|
|
1902
1902
|
formatColor: function() {
|
|
1903
1903
|
return E;
|
|
@@ -1909,8 +1909,8 @@ var ve = {}, ye = {}, Xe = {};
|
|
|
1909
1909
|
default: b
|
|
1910
1910
|
};
|
|
1911
1911
|
}
|
|
1912
|
-
let s = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, o = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, i = /(?:\d+|\d*\.\d+)%?/,
|
|
1913
|
-
function
|
|
1912
|
+
let s = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, o = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, i = /(?:\d+|\d*\.\d+)%?/, d = /(?:\s*,\s*|\s+)/, l = /\s*[,/]\s*/, a = /var\(--(?:[^ )]*?)\)/, u = new RegExp(`^(rgba?)\\(\\s*(${i.source}|${a.source})(?:${d.source}(${i.source}|${a.source}))?(?:${d.source}(${i.source}|${a.source}))?(?:${l.source}(${i.source}|${a.source}))?\\s*\\)$`), v = new RegExp(`^(hsla?)\\(\\s*((?:${i.source})(?:deg|rad|grad|turn)?|${a.source})(?:${d.source}(${i.source}|${a.source}))?(?:${d.source}(${i.source}|${a.source}))?(?:${l.source}(${i.source}|${a.source}))?\\s*\\)$`);
|
|
1913
|
+
function f(b, { loose: k = !1 } = {}) {
|
|
1914
1914
|
var A, z;
|
|
1915
1915
|
if (typeof b != "string")
|
|
1916
1916
|
return null;
|
|
@@ -1929,7 +1929,7 @@ var ve = {}, ye = {}, Xe = {};
|
|
|
1929
1929
|
mode: "rgb",
|
|
1930
1930
|
color: r.default[b].map((R) => R.toString())
|
|
1931
1931
|
};
|
|
1932
|
-
let
|
|
1932
|
+
let H = b.replace(o, (R, U, W, y, D) => [
|
|
1933
1933
|
"#",
|
|
1934
1934
|
U,
|
|
1935
1935
|
U,
|
|
@@ -1939,35 +1939,35 @@ var ve = {}, ye = {}, Xe = {};
|
|
|
1939
1939
|
y,
|
|
1940
1940
|
D ? D + D : ""
|
|
1941
1941
|
].join("")).match(s);
|
|
1942
|
-
if (
|
|
1942
|
+
if (H !== null)
|
|
1943
1943
|
return {
|
|
1944
1944
|
mode: "rgb",
|
|
1945
1945
|
color: [
|
|
1946
|
-
parseInt(
|
|
1947
|
-
parseInt(
|
|
1948
|
-
parseInt(
|
|
1946
|
+
parseInt(H[1], 16),
|
|
1947
|
+
parseInt(H[2], 16),
|
|
1948
|
+
parseInt(H[3], 16)
|
|
1949
1949
|
].map((R) => R.toString()),
|
|
1950
|
-
alpha:
|
|
1950
|
+
alpha: H[4] ? (parseInt(H[4], 16) / 255).toString() : void 0
|
|
1951
1951
|
};
|
|
1952
1952
|
var M;
|
|
1953
|
-
let
|
|
1954
|
-
if (
|
|
1953
|
+
let L = (M = b.match(u)) !== null && M !== void 0 ? M : b.match(v);
|
|
1954
|
+
if (L === null)
|
|
1955
1955
|
return null;
|
|
1956
1956
|
let G = [
|
|
1957
|
-
|
|
1958
|
-
|
|
1959
|
-
|
|
1957
|
+
L[2],
|
|
1958
|
+
L[3],
|
|
1959
|
+
L[4]
|
|
1960
1960
|
].filter(Boolean).map((R) => R.toString());
|
|
1961
1961
|
return G.length === 2 && G[0].startsWith("var(") ? {
|
|
1962
|
-
mode:
|
|
1962
|
+
mode: L[1],
|
|
1963
1963
|
color: [
|
|
1964
1964
|
G[0]
|
|
1965
1965
|
],
|
|
1966
1966
|
alpha: G[1]
|
|
1967
1967
|
} : !k && G.length !== 3 || G.length < 3 && !G.some((R) => /^var\(.*?\)$/.test(R)) ? null : {
|
|
1968
|
-
mode:
|
|
1968
|
+
mode: L[1],
|
|
1969
1969
|
color: G,
|
|
1970
|
-
alpha: (A =
|
|
1970
|
+
alpha: (A = L[5]) === null || A === void 0 || (z = A.toString) === null || z === void 0 ? void 0 : z.call(A)
|
|
1971
1971
|
};
|
|
1972
1972
|
}
|
|
1973
1973
|
function E({ mode: b, color: k, alpha: A }) {
|
|
@@ -1980,10 +1980,10 @@ var ve = {}, ye = {}, Xe = {};
|
|
|
1980
1980
|
value: !0
|
|
1981
1981
|
});
|
|
1982
1982
|
function t(o, i) {
|
|
1983
|
-
for (var
|
|
1984
|
-
Object.defineProperty(o,
|
|
1983
|
+
for (var d in i)
|
|
1984
|
+
Object.defineProperty(o, d, {
|
|
1985
1985
|
enumerable: !0,
|
|
1986
|
-
get: i[
|
|
1986
|
+
get: i[d]
|
|
1987
1987
|
});
|
|
1988
1988
|
}
|
|
1989
1989
|
t(e, {
|
|
@@ -1995,7 +1995,7 @@ var ve = {}, ye = {}, Xe = {};
|
|
|
1995
1995
|
}
|
|
1996
1996
|
});
|
|
1997
1997
|
const r = ye;
|
|
1998
|
-
function n(o, i,
|
|
1998
|
+
function n(o, i, d) {
|
|
1999
1999
|
if (typeof o == "function")
|
|
2000
2000
|
return o({
|
|
2001
2001
|
opacityValue: i
|
|
@@ -2003,21 +2003,21 @@ var ve = {}, ye = {}, Xe = {};
|
|
|
2003
2003
|
let l = (0, r.parseColor)(o, {
|
|
2004
2004
|
loose: !0
|
|
2005
2005
|
});
|
|
2006
|
-
return l === null ?
|
|
2006
|
+
return l === null ? d : (0, r.formatColor)({
|
|
2007
2007
|
...l,
|
|
2008
2008
|
alpha: i
|
|
2009
2009
|
});
|
|
2010
2010
|
}
|
|
2011
|
-
function s({ color: o, property: i, variable:
|
|
2011
|
+
function s({ color: o, property: i, variable: d }) {
|
|
2012
2012
|
let l = [].concat(i);
|
|
2013
2013
|
if (typeof o == "function")
|
|
2014
2014
|
return {
|
|
2015
|
-
[
|
|
2015
|
+
[d]: "1",
|
|
2016
2016
|
...Object.fromEntries(l.map((u) => [
|
|
2017
2017
|
u,
|
|
2018
2018
|
o({
|
|
2019
|
-
opacityVariable:
|
|
2020
|
-
opacityValue: `var(${
|
|
2019
|
+
opacityVariable: d,
|
|
2020
|
+
opacityValue: `var(${d})`
|
|
2021
2021
|
})
|
|
2022
2022
|
]))
|
|
2023
2023
|
};
|
|
@@ -2029,12 +2029,12 @@ var ve = {}, ye = {}, Xe = {};
|
|
|
2029
2029
|
u,
|
|
2030
2030
|
o
|
|
2031
2031
|
])) : {
|
|
2032
|
-
[
|
|
2032
|
+
[d]: "1",
|
|
2033
2033
|
...Object.fromEntries(l.map((u) => [
|
|
2034
2034
|
u,
|
|
2035
2035
|
(0, r.formatColor)({
|
|
2036
2036
|
...a,
|
|
2037
|
-
alpha: `var(${
|
|
2037
|
+
alpha: `var(${d})`
|
|
2038
2038
|
})
|
|
2039
2039
|
]))
|
|
2040
2040
|
};
|
|
@@ -2051,10 +2051,10 @@ var be = {}, qe = {}, se = {};
|
|
|
2051
2051
|
}
|
|
2052
2052
|
});
|
|
2053
2053
|
function t(r, n) {
|
|
2054
|
-
let s = [], o = [], i = 0,
|
|
2054
|
+
let s = [], o = [], i = 0, d = !1;
|
|
2055
2055
|
for (let l = 0; l < r.length; l++) {
|
|
2056
2056
|
let a = r[l];
|
|
2057
|
-
s.length === 0 && a === n[0] && !
|
|
2057
|
+
s.length === 0 && a === n[0] && !d && (n.length === 1 || r.slice(l, l + n.length) === n) && (o.push(r.slice(i, l)), i = l + n.length), d ? d = !1 : a === "\\" && (d = !0), a === "(" || a === "[" || a === "{" ? s.push(a) : (a === ")" && s[s.length - 1] === "(" || a === "]" && s[s.length - 1] === "[" || a === "}" && s[s.length - 1] === "{") && s.pop();
|
|
2058
2058
|
}
|
|
2059
2059
|
return o.push(r.slice(i)), o;
|
|
2060
2060
|
}
|
|
@@ -2075,7 +2075,7 @@ var be = {}, qe = {}, se = {};
|
|
|
2075
2075
|
return i;
|
|
2076
2076
|
},
|
|
2077
2077
|
formatBoxShadowValue: function() {
|
|
2078
|
-
return
|
|
2078
|
+
return d;
|
|
2079
2079
|
}
|
|
2080
2080
|
});
|
|
2081
2081
|
const r = se;
|
|
@@ -2088,15 +2088,15 @@ var be = {}, qe = {}, se = {};
|
|
|
2088
2088
|
]), s = /\ +(?![^(]*\))/g, o = /^-?(\d+|\.\d+)(.*?)$/g;
|
|
2089
2089
|
function i(l) {
|
|
2090
2090
|
return (0, r.splitAtTopLevelOnly)(l, ",").map((u) => {
|
|
2091
|
-
let
|
|
2092
|
-
raw:
|
|
2093
|
-
}, E =
|
|
2091
|
+
let v = u.trim(), f = {
|
|
2092
|
+
raw: v
|
|
2093
|
+
}, E = v.split(s), b = /* @__PURE__ */ new Set();
|
|
2094
2094
|
for (let k of E)
|
|
2095
|
-
o.lastIndex = 0, !b.has("KEYWORD") && n.has(k) ? (
|
|
2096
|
-
return
|
|
2095
|
+
o.lastIndex = 0, !b.has("KEYWORD") && n.has(k) ? (f.keyword = k, b.add("KEYWORD")) : o.test(k) ? b.has("X") ? b.has("Y") ? b.has("BLUR") ? b.has("SPREAD") || (f.spread = k, b.add("SPREAD")) : (f.blur = k, b.add("BLUR")) : (f.y = k, b.add("Y")) : (f.x = k, b.add("X")) : f.color ? (f.unknown || (f.unknown = []), f.unknown.push(k)) : f.color = k;
|
|
2096
|
+
return f.valid = f.x !== void 0 && f.y !== void 0, f;
|
|
2097
2097
|
});
|
|
2098
2098
|
}
|
|
2099
|
-
function
|
|
2099
|
+
function d(l) {
|
|
2100
2100
|
return l.map((a) => a.valid ? [
|
|
2101
2101
|
a.keyword,
|
|
2102
2102
|
a.x,
|
|
@@ -2123,10 +2123,10 @@ var be = {}, qe = {}, se = {};
|
|
|
2123
2123
|
return a;
|
|
2124
2124
|
},
|
|
2125
2125
|
url: function() {
|
|
2126
|
-
return
|
|
2126
|
+
return v;
|
|
2127
2127
|
},
|
|
2128
2128
|
number: function() {
|
|
2129
|
-
return
|
|
2129
|
+
return f;
|
|
2130
2130
|
},
|
|
2131
2131
|
percentage: function() {
|
|
2132
2132
|
return E;
|
|
@@ -2135,13 +2135,13 @@ var be = {}, qe = {}, se = {};
|
|
|
2135
2135
|
return A;
|
|
2136
2136
|
},
|
|
2137
2137
|
lineWidth: function() {
|
|
2138
|
-
return
|
|
2138
|
+
return H;
|
|
2139
2139
|
},
|
|
2140
2140
|
shadow: function() {
|
|
2141
2141
|
return M;
|
|
2142
2142
|
},
|
|
2143
2143
|
color: function() {
|
|
2144
|
-
return
|
|
2144
|
+
return L;
|
|
2145
2145
|
},
|
|
2146
2146
|
image: function() {
|
|
2147
2147
|
return G;
|
|
@@ -2175,24 +2175,24 @@ var be = {}, qe = {}, se = {};
|
|
|
2175
2175
|
function i(h) {
|
|
2176
2176
|
return o.some((w) => new RegExp(`^${w}\\(.*\\)`).test(h));
|
|
2177
2177
|
}
|
|
2178
|
-
const
|
|
2178
|
+
const d = "--tw-placeholder", l = new RegExp(d, "g");
|
|
2179
2179
|
function a(h, w = !0) {
|
|
2180
2180
|
return h.startsWith("--") ? `var(${h})` : h.includes("url(") ? h.split(/(url\(.*?\))/g).filter(Boolean).map((F) => /^url\(.*?\)$/.test(F) ? F : a(F, !1)).join("") : (h = h.replace(/([^\\])_+/g, (F, O) => O + " ".repeat(F.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), w && (h = h.trim()), h = u(h), h);
|
|
2181
2181
|
}
|
|
2182
2182
|
function u(h) {
|
|
2183
2183
|
return h.replace(/(calc|min|max|clamp)\(.+\)/g, (w) => {
|
|
2184
2184
|
let F = [];
|
|
2185
|
-
return w.replace(/var\((--.+?)[,)]/g, (O, Q) => (F.push(Q), O.replace(Q,
|
|
2185
|
+
return w.replace(/var\((--.+?)[,)]/g, (O, Q) => (F.push(Q), O.replace(Q, d))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(l, () => F.shift());
|
|
2186
2186
|
});
|
|
2187
2187
|
}
|
|
2188
|
-
function
|
|
2188
|
+
function v(h) {
|
|
2189
2189
|
return h.startsWith("url(");
|
|
2190
2190
|
}
|
|
2191
|
-
function
|
|
2191
|
+
function f(h) {
|
|
2192
2192
|
return !isNaN(Number(h)) || i(h);
|
|
2193
2193
|
}
|
|
2194
2194
|
function E(h) {
|
|
2195
|
-
return h.endsWith("%") &&
|
|
2195
|
+
return h.endsWith("%") && f(h.slice(0, -1)) || i(h);
|
|
2196
2196
|
}
|
|
2197
2197
|
let k = `(?:${[
|
|
2198
2198
|
"cm",
|
|
@@ -2235,7 +2235,7 @@ var be = {}, qe = {}, se = {};
|
|
|
2235
2235
|
"medium",
|
|
2236
2236
|
"thick"
|
|
2237
2237
|
]);
|
|
2238
|
-
function
|
|
2238
|
+
function H(h) {
|
|
2239
2239
|
return z.has(h);
|
|
2240
2240
|
}
|
|
2241
2241
|
function M(h) {
|
|
@@ -2245,7 +2245,7 @@ var be = {}, qe = {}, se = {};
|
|
|
2245
2245
|
return !1;
|
|
2246
2246
|
return !0;
|
|
2247
2247
|
}
|
|
2248
|
-
function
|
|
2248
|
+
function L(h) {
|
|
2249
2249
|
let w = 0;
|
|
2250
2250
|
return (0, s.splitAtTopLevelOnly)(h, "_").every((O) => (O = a(O), O.startsWith("var(") ? !0 : (0, r.parseColor)(O, {
|
|
2251
2251
|
loose: !0
|
|
@@ -2253,7 +2253,7 @@ var be = {}, qe = {}, se = {};
|
|
|
2253
2253
|
}
|
|
2254
2254
|
function G(h) {
|
|
2255
2255
|
let w = 0;
|
|
2256
|
-
return (0, s.splitAtTopLevelOnly)(h, ",").every((O) => (O = a(O), O.startsWith("var(") ? !0 :
|
|
2256
|
+
return (0, s.splitAtTopLevelOnly)(h, ",").every((O) => (O = a(O), O.startsWith("var(") ? !0 : v(O) || U(O) || [
|
|
2257
2257
|
"element(",
|
|
2258
2258
|
"image(",
|
|
2259
2259
|
"cross-fade(",
|
|
@@ -2321,12 +2321,12 @@ var be = {}, qe = {}, se = {};
|
|
|
2321
2321
|
function _(h) {
|
|
2322
2322
|
return x.has(h);
|
|
2323
2323
|
}
|
|
2324
|
-
let
|
|
2324
|
+
let g = /* @__PURE__ */ new Set([
|
|
2325
2325
|
"larger",
|
|
2326
2326
|
"smaller"
|
|
2327
2327
|
]);
|
|
2328
2328
|
function $(h) {
|
|
2329
|
-
return
|
|
2329
|
+
return g.has(h);
|
|
2330
2330
|
}
|
|
2331
2331
|
})(be);
|
|
2332
2332
|
var Ye = {};
|
|
@@ -2346,8 +2346,8 @@ var Ye = {};
|
|
|
2346
2346
|
"contain"
|
|
2347
2347
|
];
|
|
2348
2348
|
return (0, r.splitAtTopLevelOnly)(s, ",").every((i) => {
|
|
2349
|
-
let
|
|
2350
|
-
return
|
|
2349
|
+
let d = (0, r.splitAtTopLevelOnly)(i, "_").filter(Boolean);
|
|
2350
|
+
return d.length === 1 && o.includes(d[0]) ? !0 : d.length !== 1 && d.length !== 2 ? !1 : d.every((l) => (0, t.length)(l) || (0, t.percentage)(l) || l === "auto");
|
|
2351
2351
|
});
|
|
2352
2352
|
}
|
|
2353
2353
|
})(Ye);
|
|
@@ -2367,7 +2367,7 @@ var Ye = {};
|
|
|
2367
2367
|
return a;
|
|
2368
2368
|
},
|
|
2369
2369
|
asValue: function() {
|
|
2370
|
-
return
|
|
2370
|
+
return f;
|
|
2371
2371
|
},
|
|
2372
2372
|
parseColorFormat: function() {
|
|
2373
2373
|
return k;
|
|
@@ -2376,10 +2376,10 @@ var Ye = {};
|
|
|
2376
2376
|
return z;
|
|
2377
2377
|
},
|
|
2378
2378
|
asLookupValue: function() {
|
|
2379
|
-
return
|
|
2379
|
+
return H;
|
|
2380
2380
|
},
|
|
2381
2381
|
typeMap: function() {
|
|
2382
|
-
return
|
|
2382
|
+
return L;
|
|
2383
2383
|
},
|
|
2384
2384
|
coerceValue: function() {
|
|
2385
2385
|
return U;
|
|
@@ -2388,7 +2388,7 @@ var Ye = {};
|
|
|
2388
2388
|
return W;
|
|
2389
2389
|
}
|
|
2390
2390
|
});
|
|
2391
|
-
const r = /* @__PURE__ */ l(Ve), n = ve, s = be, o = /* @__PURE__ */ l(me), i = Ye,
|
|
2391
|
+
const r = /* @__PURE__ */ l(Ve), n = ve, s = be, o = /* @__PURE__ */ l(me), i = Ye, d = ie;
|
|
2392
2392
|
function l(y) {
|
|
2393
2393
|
return y && y.__esModule ? y : {
|
|
2394
2394
|
default: y
|
|
@@ -2406,7 +2406,7 @@ var Ye = {};
|
|
|
2406
2406
|
if (D(C))
|
|
2407
2407
|
return (0, s.normalize)(C);
|
|
2408
2408
|
}
|
|
2409
|
-
function
|
|
2409
|
+
function v(y, D = {}, C) {
|
|
2410
2410
|
let m = D[y];
|
|
2411
2411
|
if (m !== void 0)
|
|
2412
2412
|
return (0, o.default)(m);
|
|
@@ -2415,10 +2415,10 @@ var Ye = {};
|
|
|
2415
2415
|
return x === void 0 ? void 0 : (0, o.default)(x);
|
|
2416
2416
|
}
|
|
2417
2417
|
}
|
|
2418
|
-
function
|
|
2418
|
+
function f(y, D = {}, { validate: C = () => !0 } = {}) {
|
|
2419
2419
|
var m;
|
|
2420
2420
|
let x = (m = D.values) === null || m === void 0 ? void 0 : m[y];
|
|
2421
|
-
return x !== void 0 ? x : D.supportsNegativeValues && y.startsWith("-") ?
|
|
2421
|
+
return x !== void 0 ? x : D.supportsNegativeValues && y.startsWith("-") ? v(y.slice(1), D.values, C) : u(y, C);
|
|
2422
2422
|
}
|
|
2423
2423
|
function E(y) {
|
|
2424
2424
|
return y.startsWith("[") && y.endsWith("]");
|
|
@@ -2452,34 +2452,34 @@ var Ye = {};
|
|
|
2452
2452
|
var x;
|
|
2453
2453
|
return k((x = D.values) === null || x === void 0 ? void 0 : x[y]);
|
|
2454
2454
|
}
|
|
2455
|
-
let [_,
|
|
2456
|
-
if (
|
|
2455
|
+
let [_, g] = b(y);
|
|
2456
|
+
if (g !== void 0) {
|
|
2457
2457
|
var $, h, w, F;
|
|
2458
2458
|
let O = (F = ($ = D.values) === null || $ === void 0 ? void 0 : $[_]) !== null && F !== void 0 ? F : E(_) ? _.slice(1, -1) : void 0;
|
|
2459
|
-
return O === void 0 ? void 0 : (O = k(O), E(
|
|
2459
|
+
return O === void 0 ? void 0 : (O = k(O), E(g) ? (0, n.withAlphaValue)(O, A(g)) : ((h = C.theme) === null || h === void 0 || (w = h.opacity) === null || w === void 0 ? void 0 : w[g]) === void 0 ? void 0 : (0, n.withAlphaValue)(O, C.theme.opacity[g]));
|
|
2460
2460
|
}
|
|
2461
|
-
return
|
|
2461
|
+
return f(y, D, {
|
|
2462
2462
|
validate: s.color
|
|
2463
2463
|
});
|
|
2464
2464
|
}
|
|
2465
|
-
function
|
|
2465
|
+
function H(y, D = {}) {
|
|
2466
2466
|
var C;
|
|
2467
2467
|
return (C = D.values) === null || C === void 0 ? void 0 : C[y];
|
|
2468
2468
|
}
|
|
2469
2469
|
function M(y) {
|
|
2470
|
-
return (D, C) =>
|
|
2470
|
+
return (D, C) => f(D, C, {
|
|
2471
2471
|
validate: y
|
|
2472
2472
|
});
|
|
2473
2473
|
}
|
|
2474
|
-
let
|
|
2475
|
-
any:
|
|
2474
|
+
let L = {
|
|
2475
|
+
any: f,
|
|
2476
2476
|
color: z,
|
|
2477
2477
|
url: M(s.url),
|
|
2478
2478
|
image: M(s.image),
|
|
2479
2479
|
length: M(s.length),
|
|
2480
2480
|
percentage: M(s.percentage),
|
|
2481
2481
|
position: M(s.position),
|
|
2482
|
-
lookup:
|
|
2482
|
+
lookup: H,
|
|
2483
2483
|
"generic-name": M(s.genericName),
|
|
2484
2484
|
"family-name": M(s.familyName),
|
|
2485
2485
|
number: M(s.number),
|
|
@@ -2488,7 +2488,7 @@ var Ye = {};
|
|
|
2488
2488
|
"relative-size": M(s.relativeSize),
|
|
2489
2489
|
shadow: M(s.shadow),
|
|
2490
2490
|
size: M(i.backgroundSize)
|
|
2491
|
-
}, G = Object.keys(
|
|
2491
|
+
}, G = Object.keys(L);
|
|
2492
2492
|
function R(y, D) {
|
|
2493
2493
|
let C = y.indexOf(D);
|
|
2494
2494
|
return C === -1 ? [
|
|
@@ -2502,26 +2502,26 @@ var Ye = {};
|
|
|
2502
2502
|
function U(y, D, C, m) {
|
|
2503
2503
|
if (C.values && D in C.values)
|
|
2504
2504
|
for (let { type: _ } of y != null ? y : []) {
|
|
2505
|
-
let
|
|
2505
|
+
let g = L[_](D, C, {
|
|
2506
2506
|
tailwindConfig: m
|
|
2507
2507
|
});
|
|
2508
|
-
if (
|
|
2508
|
+
if (g !== void 0)
|
|
2509
2509
|
return [
|
|
2510
|
-
|
|
2510
|
+
g,
|
|
2511
2511
|
_,
|
|
2512
2512
|
null
|
|
2513
2513
|
];
|
|
2514
2514
|
}
|
|
2515
2515
|
if (E(D)) {
|
|
2516
|
-
let _ = D.slice(1, -1), [
|
|
2517
|
-
if (!/^[\w-_]+$/g.test(
|
|
2516
|
+
let _ = D.slice(1, -1), [g, $] = R(_, ":");
|
|
2517
|
+
if (!/^[\w-_]+$/g.test(g))
|
|
2518
2518
|
$ = _;
|
|
2519
|
-
else if (
|
|
2519
|
+
else if (g !== void 0 && !G.includes(g))
|
|
2520
2520
|
return [];
|
|
2521
|
-
if ($.length > 0 && G.includes(
|
|
2521
|
+
if ($.length > 0 && G.includes(g))
|
|
2522
2522
|
return [
|
|
2523
|
-
|
|
2524
|
-
|
|
2523
|
+
f(`[${$}]`, C),
|
|
2524
|
+
g,
|
|
2525
2525
|
null
|
|
2526
2526
|
];
|
|
2527
2527
|
}
|
|
@@ -2531,20 +2531,20 @@ var Ye = {};
|
|
|
2531
2531
|
return [];
|
|
2532
2532
|
}
|
|
2533
2533
|
function* W(y, D, C, m) {
|
|
2534
|
-
let x = (0,
|
|
2535
|
-
if (x && C.modifiers != null && (C.modifiers === "any" || typeof C.modifiers == "object" && (
|
|
2534
|
+
let x = (0, d.flagEnabled)(m, "generalizedModifiers"), [_, g] = b(D);
|
|
2535
|
+
if (x && C.modifiers != null && (C.modifiers === "any" || typeof C.modifiers == "object" && (g && E(g) || g in C.modifiers)) || (_ = D, g = void 0), g !== void 0 && _ === "" && (_ = "DEFAULT"), g !== void 0 && typeof C.modifiers == "object") {
|
|
2536
2536
|
var h, w;
|
|
2537
|
-
let F = (w = (h = C.modifiers) === null || h === void 0 ? void 0 : h[
|
|
2538
|
-
F !== null ?
|
|
2537
|
+
let F = (w = (h = C.modifiers) === null || h === void 0 ? void 0 : h[g]) !== null && w !== void 0 ? w : null;
|
|
2538
|
+
F !== null ? g = F : E(g) && (g = A(g));
|
|
2539
2539
|
}
|
|
2540
2540
|
for (let { type: F } of y != null ? y : []) {
|
|
2541
|
-
let O =
|
|
2541
|
+
let O = L[F](_, C, {
|
|
2542
2542
|
tailwindConfig: m
|
|
2543
2543
|
});
|
|
2544
2544
|
O !== void 0 && (yield [
|
|
2545
2545
|
O,
|
|
2546
2546
|
F,
|
|
2547
|
-
|
|
2547
|
+
g != null ? g : null
|
|
2548
2548
|
]);
|
|
2549
2549
|
}
|
|
2550
2550
|
}
|
|
@@ -2572,7 +2572,7 @@ var Ze = {};
|
|
|
2572
2572
|
return C;
|
|
2573
2573
|
}
|
|
2574
2574
|
});
|
|
2575
|
-
const t = /* @__PURE__ */ E(me), r = /* @__PURE__ */ E(
|
|
2575
|
+
const t = /* @__PURE__ */ E(me), r = /* @__PURE__ */ E(He), n = /* @__PURE__ */ E(Le), s = /* @__PURE__ */ E(pe), o = je, i = Re, d = We, l = /* @__PURE__ */ E(Ne), a = Ue, u = Ie, v = ve, f = /* @__PURE__ */ E(Ze);
|
|
2576
2576
|
function E(m) {
|
|
2577
2577
|
return m && m.__esModule ? m : {
|
|
2578
2578
|
default: m
|
|
@@ -2583,10 +2583,10 @@ var Ze = {};
|
|
|
2583
2583
|
}
|
|
2584
2584
|
function k(m, ...x) {
|
|
2585
2585
|
let _ = x.pop();
|
|
2586
|
-
for (let
|
|
2587
|
-
for (let $ in
|
|
2588
|
-
let h = _(m[$],
|
|
2589
|
-
h === void 0 ? (0, l.default)(m[$]) && (0, l.default)(
|
|
2586
|
+
for (let g of x)
|
|
2587
|
+
for (let $ in g) {
|
|
2588
|
+
let h = _(m[$], g[$]);
|
|
2589
|
+
h === void 0 ? (0, l.default)(m[$]) && (0, l.default)(g[$]) ? m[$] = k({}, m[$], g[$], _) : m[$] = g[$] : m[$] = h;
|
|
2590
2590
|
}
|
|
2591
2591
|
return m;
|
|
2592
2592
|
}
|
|
@@ -2594,8 +2594,8 @@ var Ze = {};
|
|
|
2594
2594
|
colors: s.default,
|
|
2595
2595
|
negative(m) {
|
|
2596
2596
|
return Object.keys(m).filter((x) => m[x] !== "0").reduce((x, _) => {
|
|
2597
|
-
let
|
|
2598
|
-
return
|
|
2597
|
+
let g = (0, t.default)(m[_]);
|
|
2598
|
+
return g !== void 0 && (x[`-${_}`] = g), x;
|
|
2599
2599
|
}, {});
|
|
2600
2600
|
},
|
|
2601
2601
|
breakpoints(m) {
|
|
@@ -2608,15 +2608,15 @@ var Ze = {};
|
|
|
2608
2608
|
function z(m, ...x) {
|
|
2609
2609
|
return b(m) ? m(...x) : m;
|
|
2610
2610
|
}
|
|
2611
|
-
function
|
|
2612
|
-
return m.reduce((x, { extend: _ }) => k(x, _, (
|
|
2611
|
+
function H(m) {
|
|
2612
|
+
return m.reduce((x, { extend: _ }) => k(x, _, (g, $) => g === void 0 ? [
|
|
2613
2613
|
$
|
|
2614
|
-
] : Array.isArray(
|
|
2614
|
+
] : Array.isArray(g) ? [
|
|
2615
2615
|
$,
|
|
2616
|
-
...
|
|
2616
|
+
...g
|
|
2617
2617
|
] : [
|
|
2618
2618
|
$,
|
|
2619
|
-
|
|
2619
|
+
g
|
|
2620
2620
|
]), {});
|
|
2621
2621
|
}
|
|
2622
2622
|
function M(m) {
|
|
@@ -2624,10 +2624,10 @@ var Ze = {};
|
|
|
2624
2624
|
...m.reduce((x, _) => (0, o.defaults)(x, _), {}),
|
|
2625
2625
|
// In order to resolve n config objects, we combine all of their `extend` properties
|
|
2626
2626
|
// into arrays instead of objects so they aren't overridden.
|
|
2627
|
-
extend:
|
|
2627
|
+
extend: H(m)
|
|
2628
2628
|
};
|
|
2629
2629
|
}
|
|
2630
|
-
function
|
|
2630
|
+
function L(m, x) {
|
|
2631
2631
|
if (Array.isArray(m) && (0, l.default)(m[0]))
|
|
2632
2632
|
return m.concat(x);
|
|
2633
2633
|
if (Array.isArray(x) && (0, l.default)(x[0]) && (0, l.default)(m))
|
|
@@ -2639,23 +2639,23 @@ var Ze = {};
|
|
|
2639
2639
|
return x;
|
|
2640
2640
|
}
|
|
2641
2641
|
function G({ extend: m, ...x }) {
|
|
2642
|
-
return k(x, m, (_,
|
|
2642
|
+
return k(x, m, (_, g) => !b(_) && !g.some(b) ? k({}, _, ...g, L) : ($, h) => k({}, ...[
|
|
2643
2643
|
_,
|
|
2644
|
-
...
|
|
2645
|
-
].map((w) => z(w, $, h)),
|
|
2644
|
+
...g
|
|
2645
|
+
].map((w) => z(w, $, h)), L));
|
|
2646
2646
|
}
|
|
2647
2647
|
function* R(m) {
|
|
2648
2648
|
let x = (0, i.toPath)(m);
|
|
2649
2649
|
if (x.length === 0 || (yield x, Array.isArray(m)))
|
|
2650
2650
|
return;
|
|
2651
|
-
let _ = /^(.*?)\s*\/\s*([^/]+)$/,
|
|
2652
|
-
if (
|
|
2653
|
-
let [, $, h] =
|
|
2651
|
+
let _ = /^(.*?)\s*\/\s*([^/]+)$/, g = m.match(_);
|
|
2652
|
+
if (g !== null) {
|
|
2653
|
+
let [, $, h] = g, w = (0, i.toPath)($);
|
|
2654
2654
|
w.alpha = h, yield w;
|
|
2655
2655
|
}
|
|
2656
2656
|
}
|
|
2657
2657
|
function U(m) {
|
|
2658
|
-
const x = (_,
|
|
2658
|
+
const x = (_, g) => {
|
|
2659
2659
|
for (const $ of R(_)) {
|
|
2660
2660
|
let h = 0, w = m;
|
|
2661
2661
|
for (; w != null && h < $.length; )
|
|
@@ -2663,17 +2663,17 @@ var Ze = {};
|
|
|
2663
2663
|
if (w !== void 0) {
|
|
2664
2664
|
if ($.alpha !== void 0) {
|
|
2665
2665
|
let F = (0, u.parseColorFormat)(w);
|
|
2666
|
-
return (0,
|
|
2666
|
+
return (0, v.withAlphaValue)(F, $.alpha, (0, f.default)(F));
|
|
2667
2667
|
}
|
|
2668
2668
|
return (0, l.default)(w) ? (0, a.cloneDeep)(w) : w;
|
|
2669
2669
|
}
|
|
2670
2670
|
}
|
|
2671
|
-
return
|
|
2671
|
+
return g;
|
|
2672
2672
|
};
|
|
2673
2673
|
return Object.assign(x, {
|
|
2674
2674
|
theme: x,
|
|
2675
2675
|
...A
|
|
2676
|
-
}), Object.keys(m).reduce((_,
|
|
2676
|
+
}), Object.keys(m).reduce((_, g) => (_[g] = b(m[g]) ? m[g](x, A) : m[g], _), {});
|
|
2677
2677
|
}
|
|
2678
2678
|
function W(m) {
|
|
2679
2679
|
let x = [];
|
|
@@ -2682,8 +2682,8 @@ var Ze = {};
|
|
|
2682
2682
|
...x,
|
|
2683
2683
|
_
|
|
2684
2684
|
];
|
|
2685
|
-
var
|
|
2686
|
-
const $ = (
|
|
2685
|
+
var g;
|
|
2686
|
+
const $ = (g = _ == null ? void 0 : _.plugins) !== null && g !== void 0 ? g : [];
|
|
2687
2687
|
$.length !== 0 && $.forEach((h) => {
|
|
2688
2688
|
h.__isOptionsFunction && (h = h());
|
|
2689
2689
|
var w;
|
|
@@ -2699,16 +2699,16 @@ var Ze = {};
|
|
|
2699
2699
|
function y(m) {
|
|
2700
2700
|
return [
|
|
2701
2701
|
...m
|
|
2702
|
-
].reduceRight((_,
|
|
2702
|
+
].reduceRight((_, g) => b(g) ? g({
|
|
2703
2703
|
corePlugins: _
|
|
2704
|
-
}) : (0, n.default)(
|
|
2704
|
+
}) : (0, n.default)(g, _), r.default);
|
|
2705
2705
|
}
|
|
2706
2706
|
function D(m) {
|
|
2707
2707
|
return [
|
|
2708
2708
|
...m
|
|
2709
|
-
].reduceRight((_,
|
|
2709
|
+
].reduceRight((_, g) => [
|
|
2710
2710
|
..._,
|
|
2711
|
-
...
|
|
2711
|
+
...g
|
|
2712
2712
|
], []);
|
|
2713
2713
|
}
|
|
2714
2714
|
function C(m) {
|
|
@@ -2720,11 +2720,11 @@ var Ze = {};
|
|
|
2720
2720
|
separator: ":"
|
|
2721
2721
|
}
|
|
2722
2722
|
];
|
|
2723
|
-
var _,
|
|
2724
|
-
return (0,
|
|
2723
|
+
var _, g;
|
|
2724
|
+
return (0, d.normalizeConfig)((0, o.defaults)({
|
|
2725
2725
|
theme: U(G(M(x.map(($) => (_ = $ == null ? void 0 : $.theme) !== null && _ !== void 0 ? _ : {})))),
|
|
2726
2726
|
corePlugins: y(x.map(($) => $.corePlugins)),
|
|
2727
|
-
plugins: D(m.map(($) => (
|
|
2727
|
+
plugins: D(m.map(($) => (g = $ == null ? void 0 : $.plugins) !== null && g !== void 0 ? g : []))
|
|
2728
2728
|
}, ...x));
|
|
2729
2729
|
}
|
|
2730
2730
|
})(ze);
|
|
@@ -3736,7 +3736,7 @@ var Ke = {}, ft = {
|
|
|
3736
3736
|
}
|
|
3737
3737
|
function s(o) {
|
|
3738
3738
|
var i;
|
|
3739
|
-
const
|
|
3739
|
+
const d = ((i = o == null ? void 0 : o.presets) !== null && i !== void 0 ? i : [
|
|
3740
3740
|
t.default
|
|
3741
3741
|
]).slice().reverse().flatMap((u) => s(u instanceof Function ? u() : u)), l = {
|
|
3742
3742
|
// Add experimental configs here...
|
|
@@ -3762,7 +3762,7 @@ var Ke = {}, ft = {
|
|
|
3762
3762
|
return [
|
|
3763
3763
|
o,
|
|
3764
3764
|
...a,
|
|
3765
|
-
...
|
|
3765
|
+
...d
|
|
3766
3766
|
];
|
|
3767
3767
|
}
|
|
3768
3768
|
})(Ke);
|
|
@@ -4266,13 +4266,13 @@ const Pt = Mt.exports, zt = q.extend({
|
|
|
4266
4266
|
}
|
|
4267
4267
|
}
|
|
4268
4268
|
});
|
|
4269
|
-
var
|
|
4269
|
+
var Ht = function() {
|
|
4270
4270
|
var t = this, r = t._self._c;
|
|
4271
4271
|
return r("div", { staticClass: "e-col", class: t.colClasses }, [t._t("default")], 2);
|
|
4272
|
-
},
|
|
4272
|
+
}, Lt = [], Gt = /* @__PURE__ */ I(
|
|
4273
4273
|
zt,
|
|
4274
|
-
Lt,
|
|
4275
4274
|
Ht,
|
|
4275
|
+
Lt,
|
|
4276
4276
|
!1,
|
|
4277
4277
|
null,
|
|
4278
4278
|
null,
|
|
@@ -4981,7 +4981,7 @@ const qt = {
|
|
|
4981
4981
|
name: "resize-observer",
|
|
4982
4982
|
definition: tt
|
|
4983
4983
|
}
|
|
4984
|
-
],
|
|
4984
|
+
], p = {
|
|
4985
4985
|
eventGroup: "event-group",
|
|
4986
4986
|
eventGroupBg: "event-group-bg",
|
|
4987
4987
|
eventRect: "event-rect",
|
|
@@ -5320,8 +5320,8 @@ const qt = {
|
|
|
5320
5320
|
stop: 130,
|
|
5321
5321
|
opacity: 0.4
|
|
5322
5322
|
}
|
|
5323
|
-
].forEach(({ id:
|
|
5324
|
-
const u = e.append("linearGradient").attr("id", `${
|
|
5323
|
+
].forEach(({ id: d, stop: l, opacity: a }) => {
|
|
5324
|
+
const u = e.append("linearGradient").attr("id", `${d}-${t}`).attr("x1", "0%").attr("x2", "0%").attr("y1", "0%").attr("y2", "100%");
|
|
5325
5325
|
u.append("stop").attr("offset", "0%").style("stop-color", n).style("stop-opacity", a), u.append("stop").attr("offset", `${l}%`).style("stop-color", n).style("stop-opacity", 0);
|
|
5326
5326
|
});
|
|
5327
5327
|
}
|
|
@@ -5340,7 +5340,7 @@ const qt = {
|
|
|
5340
5340
|
const t = 5;
|
|
5341
5341
|
for (const r in this.xAxesConfig) {
|
|
5342
5342
|
const n = this.createAxis(r);
|
|
5343
|
-
this.xAxes[r] = n, this.svg.append("g").classed(
|
|
5343
|
+
this.xAxes[r] = n, this.svg.append("g").classed(p.xAxis, !0).classed(`${p.xAxis}-${r}`, !0).attr("transform", `translate(0, ${e || t})`).call(n), this.translateTicksText(r), e += this.axisHeight;
|
|
5344
5344
|
}
|
|
5345
5345
|
},
|
|
5346
5346
|
initYScale() {
|
|
@@ -5357,7 +5357,7 @@ const qt = {
|
|
|
5357
5357
|
this.disableZoom || (this.zoomBehavior = c.zoom().on("zoom", this.handleZoom).scaleExtent([this.minZoom, this.maxZoom]), this.svg.call(this.zoomBehavior));
|
|
5358
5358
|
},
|
|
5359
5359
|
initSelectedTimestampCursor() {
|
|
5360
|
-
this.svg.append("line").attr("class",
|
|
5360
|
+
this.svg.append("line").attr("class", p.selectedTimestampCursor).style("stroke", "red").style("stroke-width", "1px").style("opacity", 0).attr("x1", 0).attr("x2", 0).attr("y1", 0).attr("y2", this.timelineHeight), this.repositionSelectedTimestampCursor();
|
|
5361
5361
|
},
|
|
5362
5362
|
updateAndRedrawTimeline() {
|
|
5363
5363
|
const { startDate: e, endDate: t } = this.getCurrentTimeBounds();
|
|
@@ -5367,7 +5367,7 @@ const qt = {
|
|
|
5367
5367
|
this.svg && this.svg.remove(), this.countsByTimestamp = {};
|
|
5368
5368
|
},
|
|
5369
5369
|
repositionSelectedTimestampCursor() {
|
|
5370
|
-
const e = this.svg.select(`.${
|
|
5370
|
+
const e = this.svg.select(`.${p.selectedTimestampCursor}`);
|
|
5371
5371
|
if (!this.selectedTimestamp) {
|
|
5372
5372
|
e.style("opacity", 0);
|
|
5373
5373
|
return;
|
|
@@ -5418,12 +5418,12 @@ const qt = {
|
|
|
5418
5418
|
if (!this.showLabels)
|
|
5419
5419
|
return;
|
|
5420
5420
|
const e = this;
|
|
5421
|
-
this.svg.selectAll(`.${
|
|
5421
|
+
this.svg.selectAll(`.${p.labelBg}`).each(function() {
|
|
5422
5422
|
c.select(this).style("fill", e.dark ? "black" : "white");
|
|
5423
|
-
}), this.svg.selectAll(`.${
|
|
5423
|
+
}), this.svg.selectAll(`.${p.labelBgFill}`).each(function() {
|
|
5424
5424
|
const t = c.select(this), r = t.node().dataset.color;
|
|
5425
5425
|
t.style("fill", e.getLabelBackgroundColor(r)).style("stroke", e.getTextFillColor(r)).style("stroke-width", 0.25);
|
|
5426
|
-
}), this.svg.selectAll(`.${
|
|
5426
|
+
}), this.svg.selectAll(`.${p.labelText}`).each(function() {
|
|
5427
5427
|
const t = c.select(this), r = t.node().dataset.color;
|
|
5428
5428
|
t.style("fill", e.getTextFillColor(r));
|
|
5429
5429
|
});
|
|
@@ -5476,20 +5476,20 @@ const qt = {
|
|
|
5476
5476
|
this.isHoveringEvent = !1, this.hoveredEvent = null, this.$emit("event-mouseout");
|
|
5477
5477
|
},
|
|
5478
5478
|
handleLabelMouseOver(e) {
|
|
5479
|
-
c.selectAll(`.${
|
|
5480
|
-
`${
|
|
5479
|
+
c.selectAll(`.${p.lineGraphGroup}-${e}`).classed(
|
|
5480
|
+
`${p.lineGraphGroup}--highlighted`,
|
|
5481
5481
|
!0
|
|
5482
|
-
), c.selectAll(`.${
|
|
5483
|
-
`${
|
|
5482
|
+
), c.selectAll(`.${p.lineGraphGroup}-label`).classed(
|
|
5483
|
+
`${p.lineGraphGroup}-label--highlighted`,
|
|
5484
5484
|
!0
|
|
5485
5485
|
);
|
|
5486
5486
|
},
|
|
5487
5487
|
handleLabelMouseLeave(e) {
|
|
5488
|
-
c.selectAll(`.${
|
|
5489
|
-
`${
|
|
5488
|
+
c.selectAll(`.${p.lineGraphGroup}-${e}`).classed(
|
|
5489
|
+
`${p.lineGraphGroup}--highlighted`,
|
|
5490
5490
|
!1
|
|
5491
|
-
), c.selectAll(`.${
|
|
5492
|
-
`${
|
|
5491
|
+
), c.selectAll(`.${p.lineGraphGroup}-label`).classed(
|
|
5492
|
+
`${p.lineGraphGroup}-label--highlighted`,
|
|
5493
5493
|
!1
|
|
5494
5494
|
);
|
|
5495
5495
|
},
|
|
@@ -5518,7 +5518,7 @@ const qt = {
|
|
|
5518
5518
|
},
|
|
5519
5519
|
updateCurtainsOnResize(e) {
|
|
5520
5520
|
const { startDate: t, endDate: r } = this.calculateDateRangeFromCurtains(), n = this.timeScale.domain(), s = n[1].getTime() - n[0].getTime(), o = t.getTime() - n[0].getTime(), i = n[1].getTime() - r.getTime();
|
|
5521
|
-
this.leftCurtainWidth = o / s * e, this.rightCurtainWidth = i / s * e, this.svg.select(`.${
|
|
5521
|
+
this.leftCurtainWidth = o / s * e, this.rightCurtainWidth = i / s * e, this.svg.select(`.${p.curtain}--left`).attr("width", this.leftCurtainWidth), this.svg.select(`.${p.curtain}--right`).attr(
|
|
5522
5522
|
"x",
|
|
5523
5523
|
e - this.rightCurtainWidth + this.curtainHandleWidth * 2
|
|
5524
5524
|
).attr("width", this.rightCurtainWidth);
|
|
@@ -5535,7 +5535,7 @@ const qt = {
|
|
|
5535
5535
|
e.x,
|
|
5536
5536
|
this.timeline.offsetWidth - this.rightCurtainWidth
|
|
5537
5537
|
);
|
|
5538
|
-
this.leftCurtainWidth = Math.max(0, t), this.svg.select(`.${
|
|
5538
|
+
this.leftCurtainWidth = Math.max(0, t), this.svg.select(`.${p.curtain}--left`).attr("width", this.leftCurtainWidth), this.emitCurtainChange();
|
|
5539
5539
|
},
|
|
5540
5540
|
handleRightDrag(e) {
|
|
5541
5541
|
e.sourceEvent.stopPropagation();
|
|
@@ -5543,44 +5543,46 @@ const qt = {
|
|
|
5543
5543
|
this.timeline.offsetWidth - e.x,
|
|
5544
5544
|
this.timeline.offsetWidth - this.leftCurtainWidth
|
|
5545
5545
|
), n = t - r;
|
|
5546
|
-
this.rightCurtainWidth = Math.max(0, r), this.svg.select(`.${
|
|
5546
|
+
this.rightCurtainWidth = Math.max(0, r), this.svg.select(`.${p.curtain}--right`).attr("width", this.rightCurtainWidth).attr("x", n), this.emitCurtainChange();
|
|
5547
5547
|
},
|
|
5548
5548
|
zoomToStartAndEndDates() {
|
|
5549
5549
|
const e = this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate, t = this.endDate || this.latestEvent.timestamp || this.latestEvent.endDate, r = this.tzStringToDate(e), n = this.tzStringToDate(t), s = this.timeline.offsetWidth, o = [r, n], i = [0, s];
|
|
5550
5550
|
this.timeScale = c.scaleTime().domain(o).range(i), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
|
|
5551
|
-
for (const
|
|
5552
|
-
this.rescaleAxis(
|
|
5551
|
+
for (const d in this.xAxes)
|
|
5552
|
+
this.rescaleAxis(d, this.timeScale), this.translateTicksText(d);
|
|
5553
5553
|
this.updateEventsBars(), this.updateLineGraphs(), this.updateLineGraphHoverZones(), this.repositionSelectedTimestampCursor();
|
|
5554
5554
|
},
|
|
5555
5555
|
rescaleAxis(e, t) {
|
|
5556
5556
|
const r = this.xAxes[e], n = this.getAxisTicksConfig(
|
|
5557
5557
|
this.xAxesConfig[e]
|
|
5558
5558
|
);
|
|
5559
|
-
r.scale(t).ticks(n.interval).tickFormat(n.formatFn).tickSizeOuter(0), this.svg.select(`.${
|
|
5559
|
+
r.scale(t).ticks(n.interval).tickFormat(n.formatFn).tickSizeOuter(0), this.svg.select(`.${p.xAxis}-${e}`).call(r);
|
|
5560
5560
|
},
|
|
5561
5561
|
translateTicksText(e) {
|
|
5562
|
-
this.svg.select(`.${
|
|
5562
|
+
this.svg.select(`.${p.xAxis}-${e}`).selectAll(".tick text").each(function() {
|
|
5563
5563
|
let t = c.select(this), r = t.node().getBBox();
|
|
5564
5564
|
t.attr("x", r.height / 2).attr("y", 0).style("text-anchor", "start");
|
|
5565
5565
|
});
|
|
5566
5566
|
},
|
|
5567
5567
|
updateEventsBars() {
|
|
5568
|
-
const e = `.${
|
|
5568
|
+
const e = `.${p.eventGroup} > rect.${p.eventRect}`;
|
|
5569
5569
|
this.svg.selectAll(e).attr("x", this.getEventRectX).attr("width", this.getEventRectWidth);
|
|
5570
|
-
const t = `.${
|
|
5570
|
+
const t = `.${p.eventGroup} > text.${p.eventRectText}`;
|
|
5571
5571
|
this.svg.selectAll(t).attr("x", (r) => this.getEventRectX(r) + this.textPadding).text(this.getEventText);
|
|
5572
5572
|
},
|
|
5573
5573
|
updateBarChart() {
|
|
5574
|
-
const e = (
|
|
5575
|
-
this.svg.selectAll(s).attr("x", e).attr("width", r).attr("y", t),
|
|
5576
|
-
|
|
5577
|
-
).attr("
|
|
5574
|
+
const e = (d) => this.getEventRectX(d) + this.barXPadding, t = (d) => this.yScale(d.count), r = (d) => this.getEventRectWidth(d) - this.barXPadding * 2, n = (d) => this.yScale.range()[0] - this.yScale(d.count), s = `.${p.barChartGroup} > rect.${p.eventBar}`;
|
|
5575
|
+
this.svg.selectAll(s).attr("x", e).attr("width", r).attr("y", t).attr("height", n);
|
|
5576
|
+
const o = `.${p.barChartGroup} > rect.${p.eventBarCap}`;
|
|
5577
|
+
this.svg.selectAll(o).attr("x", e).attr("width", r).attr("y", t);
|
|
5578
|
+
const i = `.${p.barChartGroup} > rect.${p.eventBarHoverZone}`;
|
|
5579
|
+
this.svg.selectAll(i).attr("x", e).attr("width", r);
|
|
5578
5580
|
},
|
|
5579
5581
|
updateLineGraphs() {
|
|
5580
5582
|
Object.entries(this.lineGraphGroups).forEach(([e]) => {
|
|
5581
5583
|
const t = c.area().x((r) => this.timeScale(this.tzStringToDate(r.timestamp))).y0(this.timelineHeight).y1((r) => this.yScale(r.count)).curve(c.curveMonotoneX);
|
|
5582
5584
|
this.svg.selectAll(
|
|
5583
|
-
`.${
|
|
5585
|
+
`.${p.lineGraphPath}-${e}`
|
|
5584
5586
|
).attr("d", (r) => t(r));
|
|
5585
5587
|
});
|
|
5586
5588
|
},
|
|
@@ -5588,11 +5590,11 @@ const qt = {
|
|
|
5588
5590
|
Object.keys(this.lineGraphGroups).forEach((e) => {
|
|
5589
5591
|
const t = this;
|
|
5590
5592
|
this.svg.selectAll(
|
|
5591
|
-
`.${
|
|
5593
|
+
`.${p.lineGraphDot}-${e}`
|
|
5592
5594
|
).each(function(r) {
|
|
5593
5595
|
c.select(this).attr("cx", t.timeScale(t.tzStringToDate(r.timestamp))).attr("cy", t.yScale(r.count));
|
|
5594
5596
|
}), this.svg.selectAll(
|
|
5595
|
-
`.${
|
|
5597
|
+
`.${p.lineGraphHoverZone}-${e}`
|
|
5596
5598
|
).each(function(r) {
|
|
5597
5599
|
const n = t.timeScale(t.tzStringToDate(r.timestamp).getTime()) - 15;
|
|
5598
5600
|
c.select(this).attr("x", n).attr("y", 0).attr("width", 30).attr("height", t.chartHeight);
|
|
@@ -5622,9 +5624,9 @@ const qt = {
|
|
|
5622
5624
|
if (!this.curtains)
|
|
5623
5625
|
return;
|
|
5624
5626
|
const e = this.timeline.offsetWidth, t = this.timelineHeight;
|
|
5625
|
-
this.svg.append("rect").classed(`${
|
|
5627
|
+
this.svg.append("rect").classed(`${p.curtain} ${p.curtain}--left`, !0).attr("width", this.leftCurtainWidth).attr("height", t + this.curtainHandleWidth * 2).attr("y", -this.curtainHandleWidth).attr("x", -this.curtainHandleWidth).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
|
|
5626
5628
|
c.drag().on("start", this.handleDragStart).on("drag", this.handleLeftDrag).on("end", this.handleDragEnd)
|
|
5627
|
-
), this.svg.append("rect").classed(`${
|
|
5629
|
+
), this.svg.append("rect").classed(`${p.curtain} ${p.curtain}--right`, !0).attr(
|
|
5628
5630
|
"x",
|
|
5629
5631
|
e - this.rightCurtainWidth + this.curtainHandleWidth * 2
|
|
5630
5632
|
).attr("y", -this.curtainHandleWidth).attr("width", this.rightCurtainWidth + this.curtainHandleWidth * 2).attr("height", t + this.curtainHandleWidth * 2).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
|
|
@@ -5632,13 +5634,13 @@ const qt = {
|
|
|
5632
5634
|
);
|
|
5633
5635
|
},
|
|
5634
5636
|
drawEventsGroups() {
|
|
5635
|
-
this.svg.selectAll(`g.${
|
|
5637
|
+
this.svg.selectAll(`g.${p.eventGroup}`).remove(), this.drawLineGraphEventsGroups(), this.drawBarEventsGroups(), this.drawBarChartEventsGroups();
|
|
5636
5638
|
},
|
|
5637
5639
|
drawLineGraphEventsGroups() {
|
|
5638
5640
|
const e = this.combinedXAxesHeight, t = this.insertZerosAtInterval ? this.filledGapsLineGraphGroups : this.lineGraphGroups;
|
|
5639
5641
|
Object.entries(t).forEach(([r, n]) => {
|
|
5640
5642
|
const s = this.svg.append("g").classed(
|
|
5641
|
-
`${
|
|
5643
|
+
`${p.lineGraphGroup} ${p.lineGraphGroup}-${r}`,
|
|
5642
5644
|
!0
|
|
5643
5645
|
).attr("transform", `translate(0,${e})`), { color: o, events: i } = n;
|
|
5644
5646
|
this.drawLineGraph({
|
|
@@ -5654,7 +5656,7 @@ const qt = {
|
|
|
5654
5656
|
});
|
|
5655
5657
|
}), Object.entries(this.lineGraphGroups).forEach(
|
|
5656
5658
|
([r, n], s) => {
|
|
5657
|
-
const { color: o, isLoading: i, label:
|
|
5659
|
+
const { color: o, isLoading: i, label: d } = n, l = this.chartHeight - this.barChartHeight * (s + 1), a = e + this.chartHeight - this.barChartHeight, u = this.svg.append("g").classed(`${p.lineGraphGroup}-label`, !0).attr("transform", `translate(0,${e})`).on("mouseover", () => this.handleLabelMouseOver(r)).on("mouseleave", () => this.handleLabelMouseLeave(r));
|
|
5658
5660
|
this.drawProgressIndicator({
|
|
5659
5661
|
type: r,
|
|
5660
5662
|
color: o,
|
|
@@ -5662,7 +5664,7 @@ const qt = {
|
|
|
5662
5664
|
yPosition: a
|
|
5663
5665
|
}), this.drawTextLabel({
|
|
5664
5666
|
color: o,
|
|
5665
|
-
label:
|
|
5667
|
+
label: d,
|
|
5666
5668
|
yPosition: l,
|
|
5667
5669
|
gElement: u
|
|
5668
5670
|
});
|
|
@@ -5676,7 +5678,7 @@ const qt = {
|
|
|
5676
5678
|
type: n
|
|
5677
5679
|
}) {
|
|
5678
5680
|
const s = c.area().x((i) => this.timeScale(this.tzStringToDate(i.timestamp))).y0(this.timelineHeight).y1((i) => this.yScale(i.count)).curve(c.curveMonotoneX), o = `clip-${n}`;
|
|
5679
|
-
t.append("defs").append("clipPath").attr("id", o).append("rect").attr("width", this.timeline.offsetWidth).attr("height", this.chartHeight), t.append("path").datum(e).classed(`${
|
|
5681
|
+
t.append("defs").append("clipPath").attr("id", o).append("rect").attr("width", this.timeline.offsetWidth).attr("height", this.chartHeight), t.append("path").datum(e).classed(`${p.lineGraphPath}-${n}`, !0).attr("fill", `url(#${Y.transparencyGradientLight}-${n})`).attr("stroke", r).attr("stroke-linejoin", "round").attr("stroke-linecap", "round").attr("stroke-width", 1).attr("d", (i) => s(i)).attr("clip-path", `url(#${o})`);
|
|
5680
5682
|
},
|
|
5681
5683
|
drawLineGraphHoverZones({
|
|
5682
5684
|
events: e,
|
|
@@ -5691,33 +5693,33 @@ const qt = {
|
|
|
5691
5693
|
[n]: s.count
|
|
5692
5694
|
};
|
|
5693
5695
|
const i = t.append("circle").classed(
|
|
5694
|
-
`${
|
|
5696
|
+
`${p.lineGraphDot} ${p.lineGraphDot}-${n}`,
|
|
5695
5697
|
!0
|
|
5696
5698
|
).attr("cx", this.timeScale(this.tzStringToDate(s.timestamp))).attr("cy", this.yScale(s.count)).attr("r", 1.5).attr("fill", r).attr("stroke-width", 0).datum(s);
|
|
5697
5699
|
this.dotsByTimestamp[o] = [
|
|
5698
5700
|
...this.dotsByTimestamp[o] || [],
|
|
5699
5701
|
i
|
|
5700
|
-
], t.append("rect").classed(`${
|
|
5701
|
-
this.handleLineMouseOver(
|
|
5702
|
-
(l) => l.classed(`${
|
|
5702
|
+
], t.append("rect").classed(`${p.lineGraphHoverZone}-${n}`, !0).attr("x", this.timeScale(this.tzStringToDate(s.timestamp)) - 15).attr("y", 0).attr("width", 30).attr("height", this.chartHeight).attr("fill", "transparent").datum(s).on("mouseover", (d) => {
|
|
5703
|
+
this.handleLineMouseOver(d, s, n), this.dotsByTimestamp[o].forEach(
|
|
5704
|
+
(l) => l.classed(`${p.lineGraphDot}--active`, !0)
|
|
5703
5705
|
);
|
|
5704
5706
|
}).on("mouseout", () => {
|
|
5705
5707
|
this.handleLineMouseOut(), this.dotsByTimestamp[o].forEach(
|
|
5706
|
-
(
|
|
5708
|
+
(d) => d.classed(`${p.lineGraphDot}--active`, !1)
|
|
5707
5709
|
);
|
|
5708
5710
|
});
|
|
5709
5711
|
});
|
|
5710
5712
|
},
|
|
5711
5713
|
drawBarEventsGroups() {
|
|
5712
5714
|
Object.entries(this.barGroups).forEach(([e, t], r) => {
|
|
5713
|
-
const { color: n, bgColor: s, label: o, events: i, isLoading:
|
|
5715
|
+
const { color: n, bgColor: s, label: o, events: i, isLoading: d } = t, l = this.hasChart ? this.chartHeight : 0, a = r * this.barChartHeight + this.combinedXAxesHeight + l;
|
|
5714
5716
|
this.drawProgressIndicator({
|
|
5715
5717
|
yPosition: a,
|
|
5716
5718
|
type: e,
|
|
5717
5719
|
color: n,
|
|
5718
|
-
isLoading:
|
|
5720
|
+
isLoading: d
|
|
5719
5721
|
});
|
|
5720
|
-
const u = this.svg.append("g").attr("data-color", n).classed(
|
|
5722
|
+
const u = this.svg.append("g").attr("data-color", n).classed(p.eventGroup, !0).classed(`${p.eventGroup}-${e}`, !0);
|
|
5721
5723
|
this.drawBackground({
|
|
5722
5724
|
color: s || n,
|
|
5723
5725
|
gElement: u,
|
|
@@ -5740,7 +5742,7 @@ const qt = {
|
|
|
5740
5742
|
const e = this.combinedXAxesHeight, t = this.barChartGroups;
|
|
5741
5743
|
Object.entries(t).forEach(([r, n]) => {
|
|
5742
5744
|
const s = this.svg.append("g").classed(
|
|
5743
|
-
`${
|
|
5745
|
+
`${p.barChartGroup} ${p.barChartGroup}-${r}`,
|
|
5744
5746
|
!0
|
|
5745
5747
|
).attr("transform", `translate(0,${e})`), { color: o, events: i } = n;
|
|
5746
5748
|
this.drawBarsChart({
|
|
@@ -5758,7 +5760,7 @@ const qt = {
|
|
|
5758
5760
|
isLoading: r
|
|
5759
5761
|
}) {
|
|
5760
5762
|
this.svg.append("rect").classed(
|
|
5761
|
-
`${
|
|
5763
|
+
`${p.loadingIndicator} ${p.loadingIndicator}-${t}`,
|
|
5762
5764
|
!0
|
|
5763
5765
|
).attr("x", 0).attr("y", e).attr("width", this.timeline.offsetWidth / 3).attr("height", this.barChartHeight).attr("fill", `url(#${Y.loadingGradient}-${t})`).style("visibility", r ? "visible" : "hidden");
|
|
5764
5766
|
},
|
|
@@ -5767,7 +5769,7 @@ const qt = {
|
|
|
5767
5769
|
yPosition: t,
|
|
5768
5770
|
gElement: r
|
|
5769
5771
|
}) {
|
|
5770
|
-
r.append("rect").attr("class",
|
|
5772
|
+
r.append("rect").attr("class", p.eventGroupBg).attr("x", 0).attr("y", t).attr("width", this.timeline.offsetWidth).attr("height", this.barChartHeight).attr("fill", c.color(e).toString()).style("opacity", 0.1);
|
|
5771
5773
|
},
|
|
5772
5774
|
drawBars({
|
|
5773
5775
|
events: e,
|
|
@@ -5777,14 +5779,14 @@ const qt = {
|
|
|
5777
5779
|
type: s
|
|
5778
5780
|
}) {
|
|
5779
5781
|
const o = this;
|
|
5780
|
-
t.selectAll(
|
|
5782
|
+
t.selectAll(p.eventRect).data(e).enter().append("rect").attr(
|
|
5781
5783
|
"class",
|
|
5782
|
-
(i) =>
|
|
5783
|
-
).attr("x", this.getEventRectX).attr("y", r + this.barYPadding / 2).attr("ry", 1.5).attr("rx", 1.5).attr("width", this.getEventRectWidth).attr("height", this.barChartHeight - this.barYPadding).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").style("fill", (i) => i.color || n).on("mouseover", function(i,
|
|
5784
|
-
c.select(this).classed(`${
|
|
5784
|
+
(i) => p.eventRect + (i.className ? ` ${i.className}` : "")
|
|
5785
|
+
).attr("x", this.getEventRectX).attr("y", r + this.barYPadding / 2).attr("ry", 1.5).attr("rx", 1.5).attr("width", this.getEventRectWidth).attr("height", this.barChartHeight - this.barYPadding).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").style("fill", (i) => i.color || n).on("mouseover", function(i, d) {
|
|
5786
|
+
c.select(this).classed(`${p.eventRect}--hovered`, !0), o.handleBarMouseOver(i, d, s);
|
|
5785
5787
|
}).on("mouseout", function() {
|
|
5786
|
-
c.select(this).classed(`${
|
|
5787
|
-
}), t.selectAll(
|
|
5788
|
+
c.select(this).classed(`${p.eventRect}--hovered`, !1), o.handleBarMouseOut();
|
|
5789
|
+
}), t.selectAll(p.eventRectText).data(e.filter((i) => !!i.text)).enter().append("text").attr("class", p.eventRectText).attr("x", (i) => this.getEventRectX(i) + this.textPadding).attr("y", r + this.barChartHeight / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 600).style("stroke-linejoin", "round").style("paint-order", "stroke").style("pointer-events", "none").style(
|
|
5788
5790
|
"fill",
|
|
5789
5791
|
(i) => this.getTextFillColor(i.color || n, 0.75)
|
|
5790
5792
|
).text(this.getEventText);
|
|
@@ -5796,29 +5798,29 @@ const qt = {
|
|
|
5796
5798
|
yOffset: n,
|
|
5797
5799
|
type: s
|
|
5798
5800
|
}) {
|
|
5799
|
-
const o = this, i = (u) => this.getEventRectX(u) + this.barXPadding,
|
|
5800
|
-
t.selectAll(
|
|
5801
|
+
const o = this, i = (u) => this.getEventRectX(u) + this.barXPadding, d = (u) => this.yScale(u.count), l = (u) => this.getEventRectWidth(u) - this.barXPadding * 2, a = (u) => this.yScale.range()[0] - this.yScale(u.count);
|
|
5802
|
+
t.selectAll(p.eventBarHoverZone).data(e).enter().append("rect").attr(
|
|
5801
5803
|
"class",
|
|
5802
|
-
(u) =>
|
|
5803
|
-
).attr("x", i).attr("y", -n).attr("width", l).attr("height", this.yScale.range()[0] + n).attr("fill", (u) => u.color || r).attr("fill-opacity", 0).on("mouseover", function(u,
|
|
5804
|
-
const
|
|
5805
|
-
|
|
5804
|
+
(u) => p.eventBarHoverZone + (u.className ? ` ${u.className}` : "")
|
|
5805
|
+
).attr("x", i).attr("y", -n).attr("width", l).attr("height", this.yScale.range()[0] + n).attr("fill", (u) => u.color || r).attr("fill-opacity", 0).on("mouseover", function(u, v) {
|
|
5806
|
+
const f = c.select(this);
|
|
5807
|
+
f.classed(`${p.eventBarHoverZone}--hovered`, !0), f.attr("fill-opacity", 0.2), o.handleBarMouseOver(u, v, s);
|
|
5806
5808
|
}).on("mouseout", function() {
|
|
5807
5809
|
const u = c.select(this);
|
|
5808
|
-
u.attr("fill-opacity", 0), u.classed(`${
|
|
5809
|
-
}), t.selectAll(
|
|
5810
|
+
u.attr("fill-opacity", 0), u.classed(`${p.eventBarHoverZone}--hovered`, !1), o.handleBarMouseOut();
|
|
5811
|
+
}), t.selectAll(p.eventBar).data(e).enter().append("rect").attr(
|
|
5810
5812
|
"class",
|
|
5811
|
-
(u) =>
|
|
5812
|
-
).attr("x", i).attr("y",
|
|
5813
|
-
const
|
|
5814
|
-
|
|
5813
|
+
(u) => p.eventBar + (u.className ? ` ${u.className}` : "")
|
|
5814
|
+
).attr("x", i).attr("y", d).attr("width", l).attr("height", a).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").attr("fill", `url(#${Y.transparencyGradient}-${s})`).on("mouseover", function(u, v) {
|
|
5815
|
+
const f = c.select(this);
|
|
5816
|
+
f.classed(`${p.eventBar}--hovered`, !0), f.attr("fill", u.color || r), f.attr("fill-opacity", 0.5), o.handleBarMouseOver(u, v, s);
|
|
5815
5817
|
}).on("mouseout", function() {
|
|
5816
5818
|
const u = c.select(this);
|
|
5817
|
-
u.attr("fill", `url(#${Y.transparencyGradient}-${s})`), u.attr("fill-opacity", 1), u.classed(`${
|
|
5818
|
-
}), t.selectAll(
|
|
5819
|
+
u.attr("fill", `url(#${Y.transparencyGradient}-${s})`), u.attr("fill-opacity", 1), u.classed(`${p.eventBar}--hovered`, !1), o.handleBarMouseOut();
|
|
5820
|
+
}), t.selectAll(p.eventBarCap).data(e).enter().append("rect").attr(
|
|
5819
5821
|
"class",
|
|
5820
|
-
(u) =>
|
|
5821
|
-
).attr("x", i).attr("y",
|
|
5822
|
+
(u) => p.eventBarCap + (u.className ? ` ${u.className}` : "")
|
|
5823
|
+
).attr("x", i).attr("y", d).attr("width", l).attr("height", 2).attr("stroke-width", 0).style("fill", (u) => u.color || r);
|
|
5822
5824
|
},
|
|
5823
5825
|
drawTextLabel({
|
|
5824
5826
|
gElement: e,
|
|
@@ -5835,7 +5837,7 @@ const qt = {
|
|
|
5835
5837
|
h: this.barChartHeight,
|
|
5836
5838
|
radius: 3
|
|
5837
5839
|
};
|
|
5838
|
-
e.append("rect").attr("class",
|
|
5840
|
+
e.append("rect").attr("class", p.labelBg).attr("data-color", r).attr("x", s.x).attr("y", s.y).attr("width", s.w).attr("height", s.h).attr("rx", s.radius).attr("ry", s.radius).style("fill", this.dark ? "#131a29" : "white"), e.append("rect").attr("class", p.labelBgFill).attr("data-color", r).attr("x", s.x).attr("y", s.y).attr("width", s.w).attr("height", s.h).attr("rx", s.radius).attr("ry", s.radius).style("fill", this.getLabelBackgroundColor(r)).style("stroke", this.getTextFillColor(r)).style("stroke-width", 0.25), e.append("text").attr("class", p.labelText).attr("data-color", r).attr("x", 5).attr("y", t + this.barChartHeight / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 500).style("stroke-linejoin", "round").style("paint-order", "stroke").style("fill", this.getTextFillColor(r)).text(n);
|
|
5839
5841
|
},
|
|
5840
5842
|
getTextFillColor(e, t = 0) {
|
|
5841
5843
|
var r, n;
|
|
@@ -5868,16 +5870,16 @@ const qt = {
|
|
|
5868
5870
|
const i = e[o];
|
|
5869
5871
|
if (s.push(i), o === e.length - 1)
|
|
5870
5872
|
break;
|
|
5871
|
-
const
|
|
5873
|
+
const d = e[o + 1], l = V(i.timestamp), a = V(d.timestamp);
|
|
5872
5874
|
if (a.diff(l, t) > 1) {
|
|
5873
|
-
const u = r(l).toISOString(),
|
|
5874
|
-
s.push({ timestamp: u, count: 0 }), u !==
|
|
5875
|
+
const u = r(l).toISOString(), v = n(a).toISOString();
|
|
5876
|
+
s.push({ timestamp: u, count: 0 }), u !== v && s.push({ timestamp: v, count: 0 });
|
|
5875
5877
|
}
|
|
5876
5878
|
}
|
|
5877
5879
|
if (this.flattenLineGraphEnds) {
|
|
5878
|
-
const o = V(e[0].timestamp), i = V(e[e.length - 1].timestamp),
|
|
5880
|
+
const o = V(e[0].timestamp), i = V(e[e.length - 1].timestamp), d = n(o).toISOString(), l = r(i).toISOString();
|
|
5879
5881
|
s = [
|
|
5880
|
-
{ timestamp:
|
|
5882
|
+
{ timestamp: d, count: 0 },
|
|
5881
5883
|
...s,
|
|
5882
5884
|
{ timestamp: l, count: 0 }
|
|
5883
5885
|
];
|