@dskripchenko/ui 1.16.0 → 1.18.0
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/README.md +1 -0
- package/dist/components/Board/UidBoard.vue.d.ts +88 -0
- package/dist/components/Board/index.d.ts +2 -0
- package/dist/components/Calendar/UidCalendar.vue.d.ts +42 -6
- package/dist/components/Calendar/calendarModel.d.ts +40 -0
- package/dist/fonts/InterDisplay-Bold.woff2 +0 -0
- package/dist/fonts/InterDisplay-SemiBold.woff2 +0 -0
- package/dist/fonts/InterVariable-Italic.woff2 +0 -0
- package/dist/fonts/InterVariable.woff2 +0 -0
- package/dist/fonts/LICENSE-IBMPlexMono.txt +93 -0
- package/dist/fonts/LICENSE-Inter.txt +93 -0
- package/dist/fonts/ibm-plex-mono-cyrillic-400-normal.woff2 +0 -0
- package/dist/fonts/ibm-plex-mono-cyrillic-500-normal.woff2 +0 -0
- package/dist/fonts/ibm-plex-mono-cyrillic-600-normal.woff2 +0 -0
- package/dist/fonts/ibm-plex-mono-latin-400-normal.woff2 +0 -0
- package/dist/fonts/ibm-plex-mono-latin-500-normal.woff2 +0 -0
- package/dist/fonts/ibm-plex-mono-latin-600-normal.woff2 +0 -0
- package/dist/index.cjs +6 -6
- package/dist/index.d.ts +2 -0
- package/dist/index.mjs +1092 -372
- package/dist/locales/types.d.ts +17 -0
- package/dist/styles/all.css +3 -1
- package/dist/styles/fonts.css +84 -0
- package/dist/styles/index.css +1 -1
- package/dist/styles/tokens.css +2 -0
- package/package.json +2 -1
package/dist/index.mjs
CHANGED
|
@@ -276,7 +276,42 @@ var ne = [
|
|
|
276
276
|
offlineDescription: "Check your internet connection and try again."
|
|
277
277
|
},
|
|
278
278
|
wizard: { step: (e) => `Step ${e}` },
|
|
279
|
-
calendar: {
|
|
279
|
+
calendar: {
|
|
280
|
+
today: "Today",
|
|
281
|
+
views: {
|
|
282
|
+
day: "Day",
|
|
283
|
+
week: "Week",
|
|
284
|
+
month: "Month",
|
|
285
|
+
year: "Year",
|
|
286
|
+
agenda: "Agenda"
|
|
287
|
+
},
|
|
288
|
+
allDay: "All day",
|
|
289
|
+
noEvents: "No events",
|
|
290
|
+
more: (e) => `+${e}`,
|
|
291
|
+
monthsGenitive: [
|
|
292
|
+
"January",
|
|
293
|
+
"February",
|
|
294
|
+
"March",
|
|
295
|
+
"April",
|
|
296
|
+
"May",
|
|
297
|
+
"June",
|
|
298
|
+
"July",
|
|
299
|
+
"August",
|
|
300
|
+
"September",
|
|
301
|
+
"October",
|
|
302
|
+
"November",
|
|
303
|
+
"December"
|
|
304
|
+
],
|
|
305
|
+
weekdaysLong: [
|
|
306
|
+
"Monday",
|
|
307
|
+
"Tuesday",
|
|
308
|
+
"Wednesday",
|
|
309
|
+
"Thursday",
|
|
310
|
+
"Friday",
|
|
311
|
+
"Saturday",
|
|
312
|
+
"Sunday"
|
|
313
|
+
]
|
|
314
|
+
},
|
|
280
315
|
carousel: {
|
|
281
316
|
prev: "Previous",
|
|
282
317
|
next: "Next",
|
|
@@ -284,6 +319,11 @@ var ne = [
|
|
|
284
319
|
slide: (e) => `Slide ${e}`
|
|
285
320
|
},
|
|
286
321
|
stepper: { label: (e, t) => `Steps (current: ${e} of ${t})` },
|
|
322
|
+
board: {
|
|
323
|
+
label: "Board",
|
|
324
|
+
empty: "Empty",
|
|
325
|
+
wipExceeded: "Work-in-progress limit exceeded"
|
|
326
|
+
},
|
|
287
327
|
transfer: {
|
|
288
328
|
available: "Available",
|
|
289
329
|
selected: "Selected",
|
|
@@ -296,7 +336,7 @@ var ne = [
|
|
|
296
336
|
selectAll: "Select all",
|
|
297
337
|
row: (e) => `Row ${e}`
|
|
298
338
|
},
|
|
299
|
-
avatarGroup: { more: (e) =>
|
|
339
|
+
avatarGroup: { more: (e) => `+${e}` },
|
|
300
340
|
command: {
|
|
301
341
|
placeholder: "Search commands...",
|
|
302
342
|
empty: "Nothing found",
|
|
@@ -10875,35 +10915,215 @@ var vd = ["aria-label"], yd = [
|
|
|
10875
10915
|
}, null, 10, Rp))), 128))])) : s("", !0)
|
|
10876
10916
|
], 34));
|
|
10877
10917
|
}
|
|
10878
|
-
}), Bp =
|
|
10918
|
+
}), Bp = ["aria-label", "aria-busy"], Vp = {
|
|
10919
|
+
key: 0,
|
|
10920
|
+
class: "uid-board__lane-title"
|
|
10921
|
+
}, Hp = { class: "uid-board__columns" }, Up = [
|
|
10922
|
+
"aria-label",
|
|
10923
|
+
"onDragover",
|
|
10924
|
+
"onDrop"
|
|
10925
|
+
], Wp = {
|
|
10926
|
+
key: 0,
|
|
10927
|
+
class: "uid-board__header"
|
|
10928
|
+
}, Gp = { class: "uid-board__title" }, Kp = ["title"], qp = {
|
|
10929
|
+
class: "uid-board__cards",
|
|
10930
|
+
role: "list"
|
|
10931
|
+
}, Jp = [
|
|
10932
|
+
"draggable",
|
|
10933
|
+
"aria-keyshortcuts",
|
|
10934
|
+
"onDragstart",
|
|
10935
|
+
"onDragover",
|
|
10936
|
+
"onDrop",
|
|
10937
|
+
"onClick",
|
|
10938
|
+
"onKeydown"
|
|
10939
|
+
], Yp = { class: "uid-board__card-title" }, Xp = {
|
|
10940
|
+
key: 0,
|
|
10941
|
+
class: "uid-board__card-subtitle"
|
|
10942
|
+
}, Zp = {
|
|
10943
|
+
key: 1,
|
|
10944
|
+
class: "uid-board__card-tags"
|
|
10945
|
+
}, Qp = {
|
|
10946
|
+
key: 0,
|
|
10947
|
+
class: "uid-board__empty",
|
|
10948
|
+
"aria-hidden": "true"
|
|
10949
|
+
}, $p = /* @__PURE__ */ f({
|
|
10950
|
+
__name: "UidBoard",
|
|
10951
|
+
props: {
|
|
10952
|
+
columns: {},
|
|
10953
|
+
lanes: { default: () => [] },
|
|
10954
|
+
busy: {
|
|
10955
|
+
type: Boolean,
|
|
10956
|
+
default: !1
|
|
10957
|
+
},
|
|
10958
|
+
readonly: {
|
|
10959
|
+
type: Boolean,
|
|
10960
|
+
default: !1
|
|
10961
|
+
}
|
|
10962
|
+
},
|
|
10963
|
+
emits: ["move", "open"],
|
|
10964
|
+
setup(e, { emit: n }) {
|
|
10965
|
+
let r = e, i = n, o = Q(), d = A(null), f = A(null), p = a(() => r.lanes.length > 0 ? r.lanes : [null]);
|
|
10966
|
+
function m(e, t) {
|
|
10967
|
+
return t === null ? e.cards : e.cards.filter((e) => e.lane === t.key);
|
|
10968
|
+
}
|
|
10969
|
+
function h(e) {
|
|
10970
|
+
return e.cards.length;
|
|
10971
|
+
}
|
|
10972
|
+
function g(e) {
|
|
10973
|
+
return e.wip != null && e.wip > 0 && h(e) > e.wip;
|
|
10974
|
+
}
|
|
10975
|
+
function _(e, t, n) {
|
|
10976
|
+
return t.key === n ? !0 : e.targets === void 0 || e.targets.includes(t.key);
|
|
10977
|
+
}
|
|
10978
|
+
function v(e, t, n) {
|
|
10979
|
+
if (r.busy || r.readonly) {
|
|
10980
|
+
e.preventDefault();
|
|
10981
|
+
return;
|
|
10982
|
+
}
|
|
10983
|
+
d.value = {
|
|
10984
|
+
card: t,
|
|
10985
|
+
from: n.key
|
|
10986
|
+
}, e.dataTransfer?.setData("text/plain", String(t.key)), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
|
|
10987
|
+
}
|
|
10988
|
+
function y() {
|
|
10989
|
+
d.value = null, f.value = null;
|
|
10990
|
+
}
|
|
10991
|
+
function x(e, t, n, r) {
|
|
10992
|
+
let i = d.value;
|
|
10993
|
+
i === null || !_(i.card, t, i.from) || (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move"), f.value = {
|
|
10994
|
+
column: t.key,
|
|
10995
|
+
lane: n?.key ?? null,
|
|
10996
|
+
beforeKey: r
|
|
10997
|
+
});
|
|
10998
|
+
}
|
|
10999
|
+
function S(e, t, n) {
|
|
11000
|
+
let r = d.value;
|
|
11001
|
+
if (r === null || !_(r.card, t, r.from)) return;
|
|
11002
|
+
e.preventDefault();
|
|
11003
|
+
let i = f.value?.column === t.key ? f.value.beforeKey : null;
|
|
11004
|
+
C(r.card, r.from, t, n, i), y();
|
|
11005
|
+
}
|
|
11006
|
+
function C(e, t, n, r, a) {
|
|
11007
|
+
let o = m(n, r).filter((t) => t.key !== e.key), s = a === null ? o.length : o.findIndex((e) => e.key === a), c = s < 0 ? o.length : s, l = c > 0 ? o[c - 1] : void 0, u = o[c];
|
|
11008
|
+
t === n.key && o.length === m(n, r).length - 1 && m(n, r).findIndex((t) => t.key === e.key) === c || i("move", {
|
|
11009
|
+
card: e,
|
|
11010
|
+
from: t,
|
|
11011
|
+
to: n.key,
|
|
11012
|
+
beforeKey: u?.key ?? null,
|
|
11013
|
+
afterKey: l?.key ?? null,
|
|
11014
|
+
lane: r?.key ?? e.lane ?? null
|
|
11015
|
+
});
|
|
11016
|
+
}
|
|
11017
|
+
function w(e, t, n, a) {
|
|
11018
|
+
if (e.key === "Enter") {
|
|
11019
|
+
i("open", t);
|
|
11020
|
+
return;
|
|
11021
|
+
}
|
|
11022
|
+
if (!e.altKey || e.key !== "ArrowRight" && e.key !== "ArrowLeft" || r.busy || r.readonly) return;
|
|
11023
|
+
e.preventDefault();
|
|
11024
|
+
let o = e.key === "ArrowRight" ? 1 : -1, s = r.columns.findIndex((e) => e.key === n.key);
|
|
11025
|
+
for (let e = s + o; e >= 0 && e < r.columns.length; e += o) {
|
|
11026
|
+
let i = r.columns[e];
|
|
11027
|
+
if (i !== void 0 && _(t, i, n.key)) {
|
|
11028
|
+
C(t, n.key, i, a, null);
|
|
11029
|
+
return;
|
|
11030
|
+
}
|
|
11031
|
+
}
|
|
11032
|
+
}
|
|
11033
|
+
function T(e) {
|
|
11034
|
+
let t = d.value;
|
|
11035
|
+
return t !== null && e.key !== t.from && _(t.card, e, t.from);
|
|
11036
|
+
}
|
|
11037
|
+
function D(e) {
|
|
11038
|
+
let t = d.value;
|
|
11039
|
+
return t !== null && !_(t.card, e, t.from);
|
|
11040
|
+
}
|
|
11041
|
+
return (n, r) => (E(), c("div", {
|
|
11042
|
+
class: b(["uid-board", {
|
|
11043
|
+
"uid-board--busy": e.busy,
|
|
11044
|
+
"uid-board--readonly": e.readonly,
|
|
11045
|
+
"uid-board--dragging": d.value !== null
|
|
11046
|
+
}]),
|
|
11047
|
+
role: "region",
|
|
11048
|
+
"aria-label": z(o).board.label,
|
|
11049
|
+
"aria-busy": e.busy
|
|
11050
|
+
}, [(E(!0), c(t, null, j(p.value, (r, a) => (E(), c("div", {
|
|
11051
|
+
key: r?.key ?? `lane-${a}`,
|
|
11052
|
+
class: "uid-board__lane"
|
|
11053
|
+
}, [r ? (E(), c("div", Vp, I(r.title), 1)) : s("", !0), l("div", Hp, [(E(!0), c(t, null, j(e.columns, (p) => (E(), c("section", {
|
|
11054
|
+
key: p.key,
|
|
11055
|
+
class: b(["uid-board__column", {
|
|
11056
|
+
"uid-board__column--over": g(p),
|
|
11057
|
+
"uid-board__column--target": T(p),
|
|
11058
|
+
"uid-board__column--blocked": D(p)
|
|
11059
|
+
}]),
|
|
11060
|
+
"aria-label": p.title,
|
|
11061
|
+
onDragover: (e) => x(e, p, r, null),
|
|
11062
|
+
onDrop: (e) => S(e, p, r)
|
|
11063
|
+
}, [a === 0 ? (E(), c("header", Wp, [M(n.$slots, "column-header", {
|
|
11064
|
+
column: p,
|
|
11065
|
+
count: h(p),
|
|
11066
|
+
over: g(p)
|
|
11067
|
+
}, () => [l("span", Gp, I(p.title), 1), l("span", {
|
|
11068
|
+
class: "uid-board__count",
|
|
11069
|
+
title: g(p) ? z(o).board.wipExceeded : void 0
|
|
11070
|
+
}, [u(I(h(p)), 1), p.wip ? (E(), c(t, { key: 0 }, [u("/" + I(p.wip), 1)], 64)) : s("", !0)], 8, Kp)])])) : s("", !0), l("ul", qp, [(E(!0), c(t, null, j(m(p, r), (a) => (E(), c("li", {
|
|
11071
|
+
key: a.key,
|
|
11072
|
+
class: b(["uid-board__card", {
|
|
11073
|
+
"uid-board__card--dragging": d.value?.card.key === a.key,
|
|
11074
|
+
"uid-board__card--drop-before": f.value?.beforeKey === a.key && f.value?.column === p.key
|
|
11075
|
+
}]),
|
|
11076
|
+
draggable: !e.busy && !e.readonly,
|
|
11077
|
+
tabindex: "0",
|
|
11078
|
+
role: "listitem",
|
|
11079
|
+
"aria-keyshortcuts": e.readonly ? "Enter" : "Alt+ArrowLeft Alt+ArrowRight Enter",
|
|
11080
|
+
onDragstart: (e) => v(e, a, p),
|
|
11081
|
+
onDragend: y,
|
|
11082
|
+
onDragover: te((e) => x(e, p, r, a.key), ["stop"]),
|
|
11083
|
+
onDrop: te((e) => S(e, p, r), ["stop"]),
|
|
11084
|
+
onClick: (e) => i("open", a),
|
|
11085
|
+
onKeydown: (e) => w(e, a, p, r)
|
|
11086
|
+
}, [M(n.$slots, "card", {
|
|
11087
|
+
card: a,
|
|
11088
|
+
column: p
|
|
11089
|
+
}, () => [
|
|
11090
|
+
l("div", Yp, I(a.title), 1),
|
|
11091
|
+
a.subtitle ? (E(), c("div", Xp, I(a.subtitle), 1)) : s("", !0),
|
|
11092
|
+
a.tags?.length ? (E(), c("div", Zp, [(E(!0), c(t, null, j(a.tags, (e) => (E(), c("span", {
|
|
11093
|
+
key: e.label,
|
|
11094
|
+
class: b(["uid-board__tag", `uid-board__tag--${e.tone ?? "default"}`])
|
|
11095
|
+
}, I(e.label), 3))), 128))])) : s("", !0)
|
|
11096
|
+
])], 42, Jp))), 128)), m(p, r).length === 0 ? (E(), c("li", Qp, I(z(o).board.empty), 1)) : s("", !0)])], 42, Up))), 128))])]))), 128))], 10, Bp));
|
|
11097
|
+
}
|
|
11098
|
+
}), em = { class: "uid-transfer__panel" }, tm = { class: "uid-transfer__header" }, nm = { class: "uid-transfer__title" }, rm = ["aria-checked"], im = { class: "uid-transfer__count" }, am = {
|
|
10879
11099
|
key: 0,
|
|
10880
11100
|
class: "uid-transfer__search"
|
|
10881
|
-
},
|
|
11101
|
+
}, om = ["placeholder"], sm = {
|
|
10882
11102
|
class: "uid-transfer__list",
|
|
10883
11103
|
role: "listbox",
|
|
10884
11104
|
"aria-multiselectable": "true"
|
|
10885
|
-
},
|
|
11105
|
+
}, cm = [
|
|
10886
11106
|
"aria-selected",
|
|
10887
11107
|
"aria-disabled",
|
|
10888
11108
|
"onClick"
|
|
10889
|
-
],
|
|
11109
|
+
], lm = { class: "uid-transfer__label" }, um = {
|
|
10890
11110
|
key: 0,
|
|
10891
11111
|
class: "uid-transfer__empty"
|
|
10892
|
-
},
|
|
11112
|
+
}, dm = { class: "uid-transfer__ops" }, fm = ["disabled", "aria-label"], pm = ["disabled", "aria-label"], mm = { class: "uid-transfer__panel" }, hm = { class: "uid-transfer__header" }, gm = { class: "uid-transfer__title" }, _m = ["aria-checked"], vm = { class: "uid-transfer__count" }, ym = {
|
|
10893
11113
|
key: 0,
|
|
10894
11114
|
class: "uid-transfer__search"
|
|
10895
|
-
},
|
|
11115
|
+
}, bm = ["placeholder"], xm = {
|
|
10896
11116
|
class: "uid-transfer__list",
|
|
10897
11117
|
role: "listbox",
|
|
10898
11118
|
"aria-multiselectable": "true"
|
|
10899
|
-
},
|
|
11119
|
+
}, Sm = [
|
|
10900
11120
|
"aria-selected",
|
|
10901
11121
|
"aria-disabled",
|
|
10902
11122
|
"onClick"
|
|
10903
|
-
],
|
|
11123
|
+
], Cm = { class: "uid-transfer__label" }, wm = {
|
|
10904
11124
|
key: 0,
|
|
10905
11125
|
class: "uid-transfer__empty"
|
|
10906
|
-
},
|
|
11126
|
+
}, Tm = /* @__PURE__ */ f({
|
|
10907
11127
|
__name: "UidTransfer",
|
|
10908
11128
|
props: /* @__PURE__ */ _({
|
|
10909
11129
|
items: {},
|
|
@@ -10954,8 +11174,8 @@ var vd = ["aria-label"], yd = [
|
|
|
10954
11174
|
p.value = e, g.value = /* @__PURE__ */ new Set(), f("change", e);
|
|
10955
11175
|
}
|
|
10956
11176
|
return (r, i) => (E(), c("div", { class: b(["uid-transfer", { "uid-transfer--disabled": n.disabled }]) }, [
|
|
10957
|
-
l("div",
|
|
10958
|
-
l("div",
|
|
11177
|
+
l("div", em, [
|
|
11178
|
+
l("div", tm, [l("span", nm, [l("span", {
|
|
10959
11179
|
class: b(["uid-transfer__check", { "uid-transfer__check--checked": k.value }]),
|
|
10960
11180
|
role: "checkbox",
|
|
10961
11181
|
"aria-checked": k.value,
|
|
@@ -10966,14 +11186,14 @@ var vd = ["aria-label"], yd = [
|
|
|
10966
11186
|
key: 0,
|
|
10967
11187
|
icon: z(Jt),
|
|
10968
11188
|
size: 10
|
|
10969
|
-
}, null, 8, ["icon"])) : s("", !0)], 42,
|
|
10970
|
-
n.searchable ? (E(), c("div",
|
|
11189
|
+
}, null, 8, ["icon"])) : s("", !0)], 42, rm), u(" " + I(y.value[0]), 1)]), l("span", im, I(h.value.size) + " / " + I(w.value.length), 1)]),
|
|
11190
|
+
n.searchable ? (E(), c("div", am, [ee(l("input", {
|
|
10971
11191
|
"onUpdate:modelValue": i[3] ||= (e) => _.value = e,
|
|
10972
11192
|
class: "uid-transfer__search-input",
|
|
10973
11193
|
type: "text",
|
|
10974
11194
|
placeholder: z(m).common.search
|
|
10975
|
-
}, null, 8,
|
|
10976
|
-
l("ul",
|
|
11195
|
+
}, null, 8, om), [[G, _.value]])])) : s("", !0),
|
|
11196
|
+
l("ul", sm, [(E(!0), c(t, null, j(w.value, (t) => (E(), c("li", {
|
|
10977
11197
|
key: t.key,
|
|
10978
11198
|
class: b(["uid-transfer__item", { "uid-transfer__item--disabled": t.disabled }]),
|
|
10979
11199
|
role: "option",
|
|
@@ -10987,9 +11207,9 @@ var vd = ["aria-label"], yd = [
|
|
|
10987
11207
|
key: 0,
|
|
10988
11208
|
icon: z(Jt),
|
|
10989
11209
|
size: 10
|
|
10990
|
-
}, null, 8, ["icon"])) : s("", !0)], 2), l("span",
|
|
11210
|
+
}, null, 8, ["icon"])) : s("", !0)], 2), l("span", lm, I(t.label), 1)], 10, cm))), 128)), w.value.length === 0 ? (E(), c("li", um, I(z(m).common.noResults), 1)) : s("", !0)])
|
|
10991
11211
|
]),
|
|
10992
|
-
l("div",
|
|
11212
|
+
l("div", dm, [l("button", {
|
|
10993
11213
|
type: "button",
|
|
10994
11214
|
class: "uid-transfer__op",
|
|
10995
11215
|
disabled: h.value.size === 0 || n.disabled,
|
|
@@ -10998,7 +11218,7 @@ var vd = ["aria-label"], yd = [
|
|
|
10998
11218
|
}, [d(e, {
|
|
10999
11219
|
icon: z(Zt),
|
|
11000
11220
|
size: 16
|
|
11001
|
-
}, null, 8, ["icon"])], 8,
|
|
11221
|
+
}, null, 8, ["icon"])], 8, fm), l("button", {
|
|
11002
11222
|
type: "button",
|
|
11003
11223
|
class: "uid-transfer__op",
|
|
11004
11224
|
disabled: g.value.size === 0 || n.disabled,
|
|
@@ -11007,9 +11227,9 @@ var vd = ["aria-label"], yd = [
|
|
|
11007
11227
|
}, [d(e, {
|
|
11008
11228
|
icon: z(Xt),
|
|
11009
11229
|
size: 16
|
|
11010
|
-
}, null, 8, ["icon"])], 8,
|
|
11011
|
-
l("div",
|
|
11012
|
-
l("div",
|
|
11230
|
+
}, null, 8, ["icon"])], 8, pm)]),
|
|
11231
|
+
l("div", mm, [
|
|
11232
|
+
l("div", hm, [l("span", gm, [l("span", {
|
|
11013
11233
|
class: b(["uid-transfer__check", { "uid-transfer__check--checked": M.value }]),
|
|
11014
11234
|
role: "checkbox",
|
|
11015
11235
|
"aria-checked": M.value,
|
|
@@ -11020,14 +11240,14 @@ var vd = ["aria-label"], yd = [
|
|
|
11020
11240
|
key: 0,
|
|
11021
11241
|
icon: z(Jt),
|
|
11022
11242
|
size: 10
|
|
11023
|
-
}, null, 8, ["icon"])) : s("", !0)], 42,
|
|
11024
|
-
n.searchable ? (E(), c("div",
|
|
11243
|
+
}, null, 8, ["icon"])) : s("", !0)], 42, _m), u(" " + I(y.value[1]), 1)]), l("span", vm, I(g.value.size) + " / " + I(T.value.length), 1)]),
|
|
11244
|
+
n.searchable ? (E(), c("div", ym, [ee(l("input", {
|
|
11025
11245
|
"onUpdate:modelValue": i[7] ||= (e) => v.value = e,
|
|
11026
11246
|
class: "uid-transfer__search-input",
|
|
11027
11247
|
type: "text",
|
|
11028
11248
|
placeholder: z(m).common.search
|
|
11029
|
-
}, null, 8,
|
|
11030
|
-
l("ul",
|
|
11249
|
+
}, null, 8, bm), [[G, v.value]])])) : s("", !0),
|
|
11250
|
+
l("ul", xm, [(E(!0), c(t, null, j(T.value, (t) => (E(), c("li", {
|
|
11031
11251
|
key: t.key,
|
|
11032
11252
|
class: b(["uid-transfer__item", { "uid-transfer__item--disabled": t.disabled }]),
|
|
11033
11253
|
role: "option",
|
|
@@ -11041,60 +11261,60 @@ var vd = ["aria-label"], yd = [
|
|
|
11041
11261
|
key: 0,
|
|
11042
11262
|
icon: z(Jt),
|
|
11043
11263
|
size: 10
|
|
11044
|
-
}, null, 8, ["icon"])) : s("", !0)], 2), l("span",
|
|
11264
|
+
}, null, 8, ["icon"])) : s("", !0)], 2), l("span", Cm, I(t.label), 1)], 10, Sm))), 128)), T.value.length === 0 ? (E(), c("li", wm, I(z(m).common.noResults), 1)) : s("", !0)])
|
|
11045
11265
|
])
|
|
11046
11266
|
], 2));
|
|
11047
11267
|
}
|
|
11048
|
-
}),
|
|
11268
|
+
}), Em = {
|
|
11049
11269
|
key: 0,
|
|
11050
11270
|
class: "uid-cascader__label"
|
|
11051
|
-
},
|
|
11271
|
+
}, Dm = [
|
|
11052
11272
|
"aria-expanded",
|
|
11053
11273
|
"aria-disabled",
|
|
11054
11274
|
"aria-label"
|
|
11055
|
-
],
|
|
11275
|
+
], Om = { class: "uid-cascader__value" }, km = {
|
|
11056
11276
|
key: 0,
|
|
11057
11277
|
class: "uid-cascader__separator"
|
|
11058
|
-
},
|
|
11278
|
+
}, Am = {
|
|
11059
11279
|
key: 1,
|
|
11060
11280
|
class: "uid-cascader__placeholder"
|
|
11061
|
-
},
|
|
11281
|
+
}, jm = { class: "uid-cascader__suffix" }, Mm = ["aria-label"], Nm = {
|
|
11062
11282
|
key: 0,
|
|
11063
11283
|
class: "uid-cascader__search"
|
|
11064
|
-
},
|
|
11284
|
+
}, Pm = [
|
|
11065
11285
|
"aria-expanded",
|
|
11066
11286
|
"aria-controls",
|
|
11067
11287
|
"aria-activedescendant",
|
|
11068
11288
|
"aria-label",
|
|
11069
11289
|
"placeholder"
|
|
11070
|
-
],
|
|
11290
|
+
], Fm = ["id"], Im = [
|
|
11071
11291
|
"id",
|
|
11072
11292
|
"aria-selected",
|
|
11073
11293
|
"onMouseenter",
|
|
11074
11294
|
"onClick"
|
|
11075
|
-
],
|
|
11295
|
+
], Lm = {
|
|
11076
11296
|
key: 0,
|
|
11077
11297
|
class: "uid-cascader__separator"
|
|
11078
|
-
},
|
|
11298
|
+
}, Rm = {
|
|
11079
11299
|
key: 0,
|
|
11080
11300
|
class: "uid-cascader__highlight"
|
|
11081
|
-
},
|
|
11301
|
+
}, zm = {
|
|
11082
11302
|
key: 0,
|
|
11083
11303
|
class: "uid-cascader__empty",
|
|
11084
11304
|
role: "presentation"
|
|
11085
|
-
},
|
|
11305
|
+
}, Bm = {
|
|
11086
11306
|
key: 2,
|
|
11087
11307
|
class: "uid-cascader__columns"
|
|
11088
|
-
},
|
|
11308
|
+
}, Vm = [
|
|
11089
11309
|
"aria-haspopup",
|
|
11090
11310
|
"aria-expanded",
|
|
11091
11311
|
"aria-disabled",
|
|
11092
11312
|
"onClick",
|
|
11093
11313
|
"onMouseenter"
|
|
11094
|
-
],
|
|
11314
|
+
], Hm = { class: "uid-cascader__option-label" }, Um = {
|
|
11095
11315
|
key: 1,
|
|
11096
11316
|
class: "uid-cascader__hint"
|
|
11097
|
-
},
|
|
11317
|
+
}, Wm = /* @__PURE__ */ f({
|
|
11098
11318
|
__name: "UidCascader",
|
|
11099
11319
|
props: /* @__PURE__ */ _({
|
|
11100
11320
|
size: { default: "md" },
|
|
@@ -11273,7 +11493,7 @@ var vd = ["aria-label"], yd = [
|
|
|
11273
11493
|
"uid-cascader--disabled": r.disabled
|
|
11274
11494
|
}]])
|
|
11275
11495
|
}, [
|
|
11276
|
-
r.label ? (E(), c("label",
|
|
11496
|
+
r.label ? (E(), c("label", Em, I(r.label), 1)) : s("", !0),
|
|
11277
11497
|
l("div", {
|
|
11278
11498
|
ref_key: "triggerRef",
|
|
11279
11499
|
ref: T,
|
|
@@ -11286,7 +11506,7 @@ var vd = ["aria-label"], yd = [
|
|
|
11286
11506
|
"aria-label": g.value,
|
|
11287
11507
|
onClick: Z,
|
|
11288
11508
|
onKeydown: fe
|
|
11289
|
-
}, [l("div",
|
|
11509
|
+
}, [l("div", Om, [re.value.length > 0 ? (E(!0), c(t, { key: 0 }, j(re.value, (e, n) => (E(), c(t, { key: n }, [l("span", null, I(e), 1), n < re.value.length - 1 ? (E(), c("span", km, I(r.separator), 1)) : s("", !0)], 64))), 128)) : (E(), c("span", Am, I(g.value), 1))]), l("div", jm, [r.clearable && m.value.length > 0 ? (E(), c("button", {
|
|
11290
11510
|
key: 0,
|
|
11291
11511
|
type: "button",
|
|
11292
11512
|
class: "uid-cascader__clear",
|
|
@@ -11295,18 +11515,18 @@ var vd = ["aria-label"], yd = [
|
|
|
11295
11515
|
}, [d(e, {
|
|
11296
11516
|
icon: z(Mn),
|
|
11297
11517
|
size: 14
|
|
11298
|
-
}, null, 8, ["icon"])], 8,
|
|
11518
|
+
}, null, 8, ["icon"])], 8, Mm)) : s("", !0), d(e, {
|
|
11299
11519
|
icon: z(Yt),
|
|
11300
11520
|
size: 16,
|
|
11301
11521
|
class: b(["uid-cascader__chevron", { "uid-cascader__chevron--open": _.value }])
|
|
11302
|
-
}, null, 8, ["icon", "class"])])], 40,
|
|
11522
|
+
}, null, 8, ["icon", "class"])])], 40, Dm),
|
|
11303
11523
|
(E(), o(n, { to: "body" }, [_.value ? (E(), c("div", {
|
|
11304
11524
|
key: 0,
|
|
11305
11525
|
ref_key: "panelRef",
|
|
11306
11526
|
ref: D,
|
|
11307
11527
|
class: "uid-cascader__dropdown",
|
|
11308
11528
|
style: x(z(O))
|
|
11309
|
-
}, [r.searchable ? (E(), c("div",
|
|
11529
|
+
}, [r.searchable ? (E(), c("div", Nm, [ee(l("input", {
|
|
11310
11530
|
ref_key: "searchRef",
|
|
11311
11531
|
ref: C,
|
|
11312
11532
|
"onUpdate:modelValue": a[0] ||= (e) => M.value = e,
|
|
@@ -11321,7 +11541,7 @@ var vd = ["aria-label"], yd = [
|
|
|
11321
11541
|
"aria-label": r.searchPlaceholder ?? z(h).common.search,
|
|
11322
11542
|
placeholder: r.searchPlaceholder ?? z(h).common.search,
|
|
11323
11543
|
onKeydown: J
|
|
11324
|
-
}, null, 40,
|
|
11544
|
+
}, null, 40, Pm), [[G, M.value]])])) : s("", !0), B.value ? (E(), c("ul", {
|
|
11325
11545
|
key: 1,
|
|
11326
11546
|
id: z(P),
|
|
11327
11547
|
class: "uid-cascader__results",
|
|
@@ -11335,7 +11555,7 @@ var vd = ["aria-label"], yd = [
|
|
|
11335
11555
|
onMousedown: a[1] ||= te(() => {}, ["prevent"]),
|
|
11336
11556
|
onMouseenter: (e) => N.value = n,
|
|
11337
11557
|
onClick: (t) => K(e)
|
|
11338
|
-
}, [(E(!0), c(t, null, j(e.path, (e, n) => (E(), c(t, { key: n }, [n > 0 ? (E(), c("span",
|
|
11558
|
+
}, [(E(!0), c(t, null, j(e.path, (e, n) => (E(), c(t, { key: n }, [n > 0 ? (E(), c("span", Lm, I(r.separator), 1)) : s("", !0), l("span", null, [(E(!0), c(t, null, j(U(e.label), (e, n) => (E(), c(t, { key: n }, [e.match ? (E(), c("mark", Rm, I(e.text), 1)) : (E(), c(t, { key: 1 }, [u(I(e.text), 1)], 64))], 64))), 128))])], 64))), 128))], 42, Im))), 128)), R.value.length === 0 ? (E(), c("li", zm, I(z(h).common.noResults), 1)) : s("", !0)], 8, Fm)) : (E(), c("div", Bm, [(E(!0), c(t, null, j(X.value, (n, i) => (E(), c("div", {
|
|
11339
11559
|
key: i,
|
|
11340
11560
|
class: "uid-cascader__column"
|
|
11341
11561
|
}, [(E(!0), c(t, null, j(n, (t) => (E(), c("button", {
|
|
@@ -11351,27 +11571,188 @@ var vd = ["aria-label"], yd = [
|
|
|
11351
11571
|
"aria-disabled": t.disabled ? "true" : void 0,
|
|
11352
11572
|
onClick: (e) => ce(t, i),
|
|
11353
11573
|
onMouseenter: (e) => le(t, i)
|
|
11354
|
-
}, [l("span",
|
|
11574
|
+
}, [l("span", Hm, I(t.label), 1), t.children?.length ? (E(), o(e, {
|
|
11355
11575
|
key: 0,
|
|
11356
11576
|
icon: z(Zt),
|
|
11357
11577
|
size: 14,
|
|
11358
11578
|
class: "uid-cascader__option-arrow",
|
|
11359
11579
|
"aria-hidden": "true"
|
|
11360
|
-
}, null, 8, ["icon"])) : s("", !0)], 42,
|
|
11361
|
-
r.hint ? (E(), c("p",
|
|
11580
|
+
}, null, 8, ["icon"])) : s("", !0)], 42, Vm))), 128))]))), 128))]))], 4)) : s("", !0)])),
|
|
11581
|
+
r.hint ? (E(), c("p", Um, I(r.hint), 1)) : s("", !0)
|
|
11362
11582
|
], 2));
|
|
11363
11583
|
}
|
|
11364
|
-
})
|
|
11584
|
+
});
|
|
11585
|
+
//#endregion
|
|
11586
|
+
//#region src/components/Calendar/calendarModel.ts
|
|
11587
|
+
function Gm(e) {
|
|
11588
|
+
let t = String(e.getMonth() + 1).padStart(2, "0"), n = String(e.getDate()).padStart(2, "0");
|
|
11589
|
+
return `${e.getFullYear()}-${t}-${n}`;
|
|
11590
|
+
}
|
|
11591
|
+
function Km(e) {
|
|
11592
|
+
let [t, n, r] = e.split("-").map(Number);
|
|
11593
|
+
return new Date(t, n - 1, r);
|
|
11594
|
+
}
|
|
11595
|
+
function qm(e, t) {
|
|
11596
|
+
let n = Km(e);
|
|
11597
|
+
return n.setDate(n.getDate() + t), Gm(n);
|
|
11598
|
+
}
|
|
11599
|
+
function Jm(e, t) {
|
|
11600
|
+
return Math.round((Km(t).getTime() - Km(e).getTime()) / 864e5);
|
|
11601
|
+
}
|
|
11602
|
+
function Ym(e) {
|
|
11603
|
+
return qm(e, -((Km(e).getDay() + 6) % 7));
|
|
11604
|
+
}
|
|
11605
|
+
function Xm(e) {
|
|
11606
|
+
return `${e.slice(0, 7)}-01`;
|
|
11607
|
+
}
|
|
11608
|
+
function Zm(e) {
|
|
11609
|
+
let t = Km(Xm(e));
|
|
11610
|
+
return Gm(new Date(t.getFullYear(), t.getMonth() + 1, 0));
|
|
11611
|
+
}
|
|
11612
|
+
function Qm(e) {
|
|
11613
|
+
if (!e) return null;
|
|
11614
|
+
let t = /^(\d{1,2}):(\d{2})$/.exec(e);
|
|
11615
|
+
return t ? Math.min(1440, Number(t[1]) * 60 + Number(t[2])) : null;
|
|
11616
|
+
}
|
|
11617
|
+
function $m(e) {
|
|
11618
|
+
let t = Math.floor(e / 60);
|
|
11619
|
+
return `${String(t).padStart(2, "0")}:${String(e % 60).padStart(2, "0")}`;
|
|
11620
|
+
}
|
|
11621
|
+
function eh(e, t) {
|
|
11622
|
+
switch (e) {
|
|
11623
|
+
case "day": return {
|
|
11624
|
+
view: e,
|
|
11625
|
+
start: t,
|
|
11626
|
+
end: t
|
|
11627
|
+
};
|
|
11628
|
+
case "week": {
|
|
11629
|
+
let n = Ym(t);
|
|
11630
|
+
return {
|
|
11631
|
+
view: e,
|
|
11632
|
+
start: n,
|
|
11633
|
+
end: qm(n, 6)
|
|
11634
|
+
};
|
|
11635
|
+
}
|
|
11636
|
+
case "month": {
|
|
11637
|
+
let n = Ym(Xm(t));
|
|
11638
|
+
return {
|
|
11639
|
+
view: e,
|
|
11640
|
+
start: n,
|
|
11641
|
+
end: qm(n, 41)
|
|
11642
|
+
};
|
|
11643
|
+
}
|
|
11644
|
+
case "year": {
|
|
11645
|
+
let n = t.slice(0, 4);
|
|
11646
|
+
return {
|
|
11647
|
+
view: e,
|
|
11648
|
+
start: `${n}-01-01`,
|
|
11649
|
+
end: `${n}-12-31`
|
|
11650
|
+
};
|
|
11651
|
+
}
|
|
11652
|
+
case "agenda": return {
|
|
11653
|
+
view: e,
|
|
11654
|
+
start: Xm(t),
|
|
11655
|
+
end: Zm(t)
|
|
11656
|
+
};
|
|
11657
|
+
}
|
|
11658
|
+
}
|
|
11659
|
+
function th(e, t, n) {
|
|
11660
|
+
if (e === "day") return qm(t, n);
|
|
11661
|
+
if (e === "week") return qm(t, 7 * n);
|
|
11662
|
+
let r = Km(t);
|
|
11663
|
+
return Gm(e === "year" ? new Date(r.getFullYear() + n, r.getMonth(), 1) : new Date(r.getFullYear(), r.getMonth() + n, 1));
|
|
11664
|
+
}
|
|
11665
|
+
function nh(e) {
|
|
11666
|
+
return e.endDate && e.endDate > e.date ? e.endDate : e.date;
|
|
11667
|
+
}
|
|
11668
|
+
function rh(e) {
|
|
11669
|
+
return Qm(e.time) === null;
|
|
11670
|
+
}
|
|
11671
|
+
function ih(e) {
|
|
11672
|
+
return nh(e) !== e.date;
|
|
11673
|
+
}
|
|
11674
|
+
function ah(e, t) {
|
|
11675
|
+
return e.date <= t && t <= nh(e);
|
|
11676
|
+
}
|
|
11677
|
+
function oh(e, t) {
|
|
11678
|
+
return e.filter((e) => ah(e, t)).sort((e, t) => (rh(e) || ih(e) ? -1 : Qm(e.time) ?? 0) - (rh(t) || ih(t) ? -1 : Qm(t.time) ?? 0));
|
|
11679
|
+
}
|
|
11680
|
+
function sh(e, t) {
|
|
11681
|
+
let n = e.filter((e) => e.date === t && !rh(e) && !ih(e)).map((e) => {
|
|
11682
|
+
let t = Qm(e.time) ?? 0, n = Math.max(t + 15, Qm(e.endTime) ?? t + 60);
|
|
11683
|
+
return {
|
|
11684
|
+
event: e,
|
|
11685
|
+
start: t,
|
|
11686
|
+
end: Math.min(n, 1440),
|
|
11687
|
+
col: 0,
|
|
11688
|
+
cols: 1
|
|
11689
|
+
};
|
|
11690
|
+
}).sort((e, t) => e.start - t.start || t.end - e.end), r = [], i = -1, a = () => {
|
|
11691
|
+
let e = r.reduce((e, t) => Math.max(e, t.col + 1), 1);
|
|
11692
|
+
for (let t of r) t.cols = e;
|
|
11693
|
+
r = [];
|
|
11694
|
+
};
|
|
11695
|
+
for (let e of n) {
|
|
11696
|
+
e.start >= i && (a(), i = -1);
|
|
11697
|
+
let t = new Set(r.filter((t) => t.end > e.start).map((e) => e.col)), n = 0;
|
|
11698
|
+
for (; t.has(n);) n++;
|
|
11699
|
+
e.col = n, r.push(e), i = Math.max(i, e.end);
|
|
11700
|
+
}
|
|
11701
|
+
return a(), n;
|
|
11702
|
+
}
|
|
11703
|
+
function ch(e, t, n) {
|
|
11704
|
+
let r = Jm(e.date, nh(e)), i = { date: t };
|
|
11705
|
+
r > 0 && (i.endDate = qm(t, r));
|
|
11706
|
+
let a = Qm(e.time);
|
|
11707
|
+
if (a === null) return i;
|
|
11708
|
+
let o = Qm(e.endTime) ?? a + 60, s = n === void 0 ? a : Qm(n) ?? a;
|
|
11709
|
+
return i.time = $m(s), (e.endTime !== void 0 || n !== void 0) && (i.endTime = $m(Math.min(1440, s + (o - a)))), i;
|
|
11710
|
+
}
|
|
11711
|
+
//#endregion
|
|
11712
|
+
//#region src/components/Calendar/UidCalendar.vue?vue&type=script&setup=true&lang.ts
|
|
11713
|
+
var lh = { class: "uid-calendar__header" }, uh = { class: "uid-calendar__title" }, dh = { class: "uid-calendar__tools" }, fh = {
|
|
11714
|
+
key: 0,
|
|
11715
|
+
class: "uid-calendar__views",
|
|
11716
|
+
role: "group"
|
|
11717
|
+
}, ph = ["aria-pressed", "onClick"], mh = { class: "uid-calendar__nav" }, hh = ["aria-label"], gh = ["aria-label"], _h = { class: "uid-calendar__weekdays" }, vh = { class: "uid-calendar__grid" }, yh = [
|
|
11718
|
+
"data-date",
|
|
11365
11719
|
"tabindex",
|
|
11366
11720
|
"aria-current",
|
|
11367
11721
|
"aria-selected",
|
|
11368
11722
|
"aria-label",
|
|
11369
11723
|
"onClick",
|
|
11370
11724
|
"onKeydown"
|
|
11371
|
-
],
|
|
11725
|
+
], bh = { class: "uid-calendar__date" }, xh = { class: "uid-calendar__events" }, Sh = [
|
|
11726
|
+
"title",
|
|
11727
|
+
"onClick",
|
|
11728
|
+
"onPointerdown"
|
|
11729
|
+
], Ch = {
|
|
11372
11730
|
key: 0,
|
|
11373
|
-
class: "uid-
|
|
11374
|
-
},
|
|
11731
|
+
class: "uid-calendar__event-time"
|
|
11732
|
+
}, wh = { class: "uid-calendar__event-label" }, Th = ["onClick"], Eh = { class: "uid-calendar__tg-head" }, Dh = ["onClick"], Oh = { class: "uid-calendar__tg-weekday" }, kh = { class: "uid-calendar__tg-date" }, Ah = { class: "uid-calendar__allday" }, jh = { class: "uid-calendar__gutter uid-calendar__gutter-label" }, Mh = ["data-date", "onClick"], Nh = [
|
|
11733
|
+
"title",
|
|
11734
|
+
"onClick",
|
|
11735
|
+
"onPointerdown"
|
|
11736
|
+
], Ph = { class: "uid-calendar__event-label" }, Fh = { class: "uid-calendar__tg-inner" }, Ih = { class: "uid-calendar__gutter uid-calendar__hours" }, Lh = ["data-date", "onClick"], Rh = [
|
|
11737
|
+
"title",
|
|
11738
|
+
"onClick",
|
|
11739
|
+
"onKeydown",
|
|
11740
|
+
"onPointerdown"
|
|
11741
|
+
], zh = { class: "uid-calendar__block-time" }, Bh = { class: "uid-calendar__block-title" }, Vh = ["onPointerdown"], Hh = {
|
|
11742
|
+
key: 2,
|
|
11743
|
+
class: "uid-calendar__year"
|
|
11744
|
+
}, Uh = ["onClick"], Wh = { class: "uid-calendar__mini-grid" }, Gh = [
|
|
11745
|
+
"tabindex",
|
|
11746
|
+
"aria-label",
|
|
11747
|
+
"disabled",
|
|
11748
|
+
"onClick"
|
|
11749
|
+
], Kh = {
|
|
11750
|
+
key: 3,
|
|
11751
|
+
class: "uid-calendar__agenda"
|
|
11752
|
+
}, qh = {
|
|
11753
|
+
key: 0,
|
|
11754
|
+
class: "uid-calendar__empty"
|
|
11755
|
+
}, Jh = { class: "uid-calendar__agenda-date" }, Yh = ["onClick"], Xh = { class: "uid-calendar__agenda-time" }, Zh = { class: "uid-calendar__agenda-title" }, Qh = /* @__PURE__ */ f({
|
|
11375
11756
|
__name: "UidCalendar",
|
|
11376
11757
|
props: /* @__PURE__ */ _({
|
|
11377
11758
|
events: { default: () => [] },
|
|
@@ -11382,150 +11763,449 @@ var vd = ["aria-label"], yd = [
|
|
|
11382
11763
|
default: !1
|
|
11383
11764
|
},
|
|
11384
11765
|
maxEventsPerDay: { default: 3 },
|
|
11385
|
-
todayLabel: {}
|
|
11766
|
+
todayLabel: {},
|
|
11767
|
+
views: { default: () => ["month"] },
|
|
11768
|
+
editable: {
|
|
11769
|
+
type: Boolean,
|
|
11770
|
+
default: !1
|
|
11771
|
+
},
|
|
11772
|
+
hourHeight: { default: 48 },
|
|
11773
|
+
scrollToHour: { default: 8 }
|
|
11386
11774
|
}, {
|
|
11387
11775
|
modelValue: { default: null },
|
|
11388
|
-
modelModifiers: {}
|
|
11776
|
+
modelModifiers: {},
|
|
11777
|
+
view: { default: "month" },
|
|
11778
|
+
viewModifiers: {},
|
|
11779
|
+
anchor: { default: null },
|
|
11780
|
+
anchorModifiers: {}
|
|
11389
11781
|
}),
|
|
11390
11782
|
emits: /* @__PURE__ */ _([
|
|
11391
11783
|
"event-click",
|
|
11392
11784
|
"date-click",
|
|
11393
|
-
"change"
|
|
11394
|
-
|
|
11395
|
-
|
|
11396
|
-
|
|
11397
|
-
|
|
11398
|
-
|
|
11785
|
+
"change",
|
|
11786
|
+
"range",
|
|
11787
|
+
"event-move",
|
|
11788
|
+
"slot-click"
|
|
11789
|
+
], [
|
|
11790
|
+
"update:modelValue",
|
|
11791
|
+
"update:view",
|
|
11792
|
+
"update:anchor"
|
|
11793
|
+
]),
|
|
11794
|
+
setup(n, { expose: r, emit: i }) {
|
|
11795
|
+
let o = n, u = i, f = H(n, "modelValue"), p = H(n, "view"), m = H(n, "anchor"), h = Q(), g = Gm(/* @__PURE__ */ new Date()), _ = a({
|
|
11796
|
+
get: () => m.value ?? v.value,
|
|
11797
|
+
set: (e) => {
|
|
11798
|
+
v.value = e, m.value = e;
|
|
11799
|
+
}
|
|
11800
|
+
}), v = A(m.value ?? f.value ?? g), w = a(() => eh(p.value, _.value));
|
|
11801
|
+
q(w, (e) => u("range", e), { immediate: !0 });
|
|
11802
|
+
let T = a(() => h.value.datePicker.months), D = a(() => h.value.calendar);
|
|
11803
|
+
function O(e) {
|
|
11804
|
+
let t = Km(e);
|
|
11805
|
+
return `${t.getDate()} ${D.value.monthsGenitive[t.getMonth()]}`;
|
|
11806
|
+
}
|
|
11807
|
+
let k = a(() => {
|
|
11808
|
+
let e = Km(_.value);
|
|
11809
|
+
switch (p.value) {
|
|
11810
|
+
case "day": return `${D.value.weekdaysLong[(e.getDay() + 6) % 7]}, ${O(_.value)} ${e.getFullYear()}`;
|
|
11811
|
+
case "week": {
|
|
11812
|
+
let e = Km(w.value.start), t = Km(w.value.end);
|
|
11813
|
+
return `${e.getMonth() === t.getMonth() ? String(e.getDate()) : O(w.value.start)} – ${O(w.value.end)} ${t.getFullYear()}`;
|
|
11814
|
+
}
|
|
11815
|
+
case "year": return String(e.getFullYear());
|
|
11816
|
+
default: return `${T.value[e.getMonth()]} ${e.getFullYear()}`;
|
|
11817
|
+
}
|
|
11818
|
+
}), M = a(() => o.todayLabel ?? D.value.today), N = a(() => p.value === "month" || p.value === "agenda" ? h.value.datePicker.prevMonth : D.value.views[p.value]), P = a(() => p.value === "month" || p.value === "agenda" ? h.value.datePicker.nextMonth : D.value.views[p.value]);
|
|
11819
|
+
function F(e) {
|
|
11820
|
+
_.value = th(p.value, _.value, e);
|
|
11399
11821
|
}
|
|
11400
|
-
function
|
|
11401
|
-
|
|
11822
|
+
function L() {
|
|
11823
|
+
_.value = g;
|
|
11824
|
+
}
|
|
11825
|
+
function R(e) {
|
|
11826
|
+
p.value = e;
|
|
11827
|
+
}
|
|
11828
|
+
function B(e) {
|
|
11829
|
+
_.value = e, o.views.includes("day") && (p.value = "day");
|
|
11830
|
+
}
|
|
11831
|
+
function V(e) {
|
|
11832
|
+
return !!(o.min && e < o.min || o.max && e > o.max);
|
|
11402
11833
|
}
|
|
11403
|
-
|
|
11834
|
+
function U(e) {
|
|
11835
|
+
V(e) || (f.value = e, u("date-click", e), u("change", e));
|
|
11836
|
+
}
|
|
11837
|
+
let W = A(null), G = !1, K = a(() => {
|
|
11838
|
+
let e = W.value;
|
|
11839
|
+
return !e || !e.active ? o.events : o.events.map((t) => t === e.event ? {
|
|
11840
|
+
...t,
|
|
11841
|
+
...e.preview
|
|
11842
|
+
} : t);
|
|
11843
|
+
}), J = a(() => {
|
|
11404
11844
|
let e = /* @__PURE__ */ new Map();
|
|
11405
|
-
|
|
11406
|
-
|
|
11407
|
-
|
|
11408
|
-
|
|
11409
|
-
|
|
11410
|
-
|
|
11411
|
-
|
|
11412
|
-
|
|
11413
|
-
|
|
11414
|
-
|
|
11415
|
-
|
|
11416
|
-
|
|
11417
|
-
|
|
11418
|
-
|
|
11419
|
-
|
|
11420
|
-
|
|
11421
|
-
|
|
11422
|
-
let t = new Date(h.value, g.value, e), n = v(t);
|
|
11423
|
-
r.push({
|
|
11424
|
-
date: t,
|
|
11425
|
-
iso: n,
|
|
11426
|
-
current: !0,
|
|
11427
|
-
events: C.value.get(n) ?? []
|
|
11428
|
-
});
|
|
11429
|
-
}
|
|
11430
|
-
let i = 1;
|
|
11431
|
-
for (; r.length < 42;) {
|
|
11432
|
-
let e = new Date(h.value, g.value + 1, i++), t = v(e);
|
|
11433
|
-
r.push({
|
|
11434
|
-
date: e,
|
|
11435
|
-
iso: t,
|
|
11436
|
-
current: !1,
|
|
11437
|
-
events: C.value.get(t) ?? []
|
|
11845
|
+
return K.value.forEach((t, n) => e.set(t, o.events[n])), e;
|
|
11846
|
+
}), Y = (e) => J.value.get(e) ?? e;
|
|
11847
|
+
function ee(e, t) {
|
|
11848
|
+
e.stopPropagation(), !G && u("event-click", Y(t));
|
|
11849
|
+
}
|
|
11850
|
+
function ne(e) {
|
|
11851
|
+
return rh(e) ? "" : e.endTime ? `${e.time}–${e.endTime}` : e.time ?? "";
|
|
11852
|
+
}
|
|
11853
|
+
let re = a(() => {
|
|
11854
|
+
let e = _.value.slice(0, 7), t = [];
|
|
11855
|
+
for (let n = 0; n < 42; n++) {
|
|
11856
|
+
let r = qm(w.value.start, n);
|
|
11857
|
+
t.push({
|
|
11858
|
+
date: Km(r),
|
|
11859
|
+
iso: r,
|
|
11860
|
+
current: r.startsWith(e),
|
|
11861
|
+
events: oh(K.value, r)
|
|
11438
11862
|
});
|
|
11439
11863
|
}
|
|
11440
|
-
return
|
|
11864
|
+
return t;
|
|
11441
11865
|
});
|
|
11442
|
-
function
|
|
11443
|
-
return
|
|
11866
|
+
function ie(e, t) {
|
|
11867
|
+
return {
|
|
11868
|
+
"uid-calendar__event--timed": !rh(e) && !ih(e),
|
|
11869
|
+
"uid-calendar__event--from-prev": ih(e) && t !== e.date,
|
|
11870
|
+
"uid-calendar__event--to-next": ih(e) && t !== nh(e),
|
|
11871
|
+
"uid-calendar__event--dragging": !!W.value?.active && Y(e) === W.value.event,
|
|
11872
|
+
"uid-calendar__event--draggable": o.editable
|
|
11873
|
+
};
|
|
11444
11874
|
}
|
|
11445
|
-
|
|
11446
|
-
|
|
11875
|
+
let ae = a(() => {
|
|
11876
|
+
if (p.value === "day") return [_.value];
|
|
11877
|
+
let e = Ym(_.value);
|
|
11878
|
+
return Array.from({ length: 7 }, (t, n) => qm(e, n));
|
|
11879
|
+
}), Z = Array.from({ length: 24 }, (e, t) => t), oe = a(() => o.hourHeight), se = a(() => ae.value.map((e) => oh(K.value, e).filter((e) => rh(e) || ih(e)))), ce = a(() => ae.value.map((e) => sh(K.value, e))), le = A((/* @__PURE__ */ new Date()).getHours() * 60 + (/* @__PURE__ */ new Date()).getMinutes()), ue, de = A(null);
|
|
11880
|
+
function fe() {
|
|
11881
|
+
de.value && (de.value.scrollTop = Math.max(0, o.scrollToHour * oe.value - 12));
|
|
11882
|
+
}
|
|
11883
|
+
q(p, (e) => {
|
|
11884
|
+
(e === "day" || e === "week") && y(fe);
|
|
11885
|
+
}), C(() => {
|
|
11886
|
+
fe(), ue = setInterval(() => {
|
|
11887
|
+
let e = /* @__PURE__ */ new Date();
|
|
11888
|
+
le.value = e.getHours() * 60 + e.getMinutes();
|
|
11889
|
+
}, 6e4);
|
|
11890
|
+
}), S(() => {
|
|
11891
|
+
clearInterval(ue), xe();
|
|
11892
|
+
});
|
|
11893
|
+
function pe(e, t = 15) {
|
|
11894
|
+
return Math.round(e / t) * t;
|
|
11447
11895
|
}
|
|
11448
|
-
function
|
|
11449
|
-
|
|
11896
|
+
function me(e, t) {
|
|
11897
|
+
return (t - e.getBoundingClientRect().top) / oe.value * 60;
|
|
11450
11898
|
}
|
|
11451
|
-
function
|
|
11452
|
-
|
|
11899
|
+
function he(e, t) {
|
|
11900
|
+
!o.editable || G || u("slot-click", {
|
|
11901
|
+
date: t,
|
|
11902
|
+
time: $m(Math.max(0, Math.min(1410, Math.floor(me(e.currentTarget, e.clientY) / 30) * 30)))
|
|
11903
|
+
});
|
|
11453
11904
|
}
|
|
11454
|
-
function
|
|
11455
|
-
|
|
11905
|
+
function ge(e) {
|
|
11906
|
+
!o.editable || G || u("slot-click", { date: e });
|
|
11456
11907
|
}
|
|
11457
|
-
function
|
|
11458
|
-
e.
|
|
11908
|
+
function _e(e, t, n, r) {
|
|
11909
|
+
if (!o.editable || e.button !== 0) return;
|
|
11910
|
+
e.stopPropagation();
|
|
11911
|
+
let i = Y(t), a = 0;
|
|
11912
|
+
if (r && n === "move") {
|
|
11913
|
+
let t = e.currentTarget.closest(".uid-calendar__col");
|
|
11914
|
+
t && (a = me(t, e.clientY) - (Qm(i.time) ?? 0));
|
|
11915
|
+
}
|
|
11916
|
+
W.value = {
|
|
11917
|
+
event: i,
|
|
11918
|
+
mode: n,
|
|
11919
|
+
grid: r,
|
|
11920
|
+
x: e.clientX,
|
|
11921
|
+
y: e.clientY,
|
|
11922
|
+
grab: a,
|
|
11923
|
+
active: !1,
|
|
11924
|
+
preview: { date: i.date }
|
|
11925
|
+
}, window.addEventListener("pointermove", ve), window.addEventListener("pointerup", ye), window.addEventListener("keydown", be);
|
|
11459
11926
|
}
|
|
11460
|
-
|
|
11461
|
-
|
|
11462
|
-
|
|
11463
|
-
|
|
11464
|
-
|
|
11465
|
-
|
|
11466
|
-
|
|
11467
|
-
|
|
11468
|
-
|
|
11469
|
-
|
|
11470
|
-
|
|
11471
|
-
|
|
11472
|
-
|
|
11473
|
-
|
|
11474
|
-
|
|
11475
|
-
|
|
11476
|
-
|
|
11477
|
-
|
|
11478
|
-
|
|
11479
|
-
|
|
11480
|
-
|
|
11481
|
-
|
|
11482
|
-
|
|
11483
|
-
|
|
11484
|
-
|
|
11485
|
-
|
|
11486
|
-
|
|
11927
|
+
function ve(e) {
|
|
11928
|
+
let t = W.value;
|
|
11929
|
+
if (!t || !t.active && Math.hypot(e.clientX - t.x, e.clientY - t.y) < 4) return;
|
|
11930
|
+
t.active = !0;
|
|
11931
|
+
let n = document.elementFromPoint(e.clientX, e.clientY), r = (n?.closest("[data-date]"))?.dataset.date;
|
|
11932
|
+
if (!r) return;
|
|
11933
|
+
if (!t.grid) {
|
|
11934
|
+
t.preview = ch(t.event, r);
|
|
11935
|
+
return;
|
|
11936
|
+
}
|
|
11937
|
+
let i = n?.closest(".uid-calendar__col"), a = Qm(t.event.time) ?? 0, o = Qm(t.event.endTime) ?? a + 60;
|
|
11938
|
+
if (t.mode === "resize") {
|
|
11939
|
+
let n = Math.max(a + 15, Math.min(1440, pe(i ? me(i, e.clientY) : o)));
|
|
11940
|
+
t.preview = {
|
|
11941
|
+
date: t.event.date,
|
|
11942
|
+
time: t.event.time,
|
|
11943
|
+
endTime: $m(n)
|
|
11944
|
+
};
|
|
11945
|
+
return;
|
|
11946
|
+
}
|
|
11947
|
+
if (!i) {
|
|
11948
|
+
t.preview = ch(t.event, r);
|
|
11949
|
+
return;
|
|
11950
|
+
}
|
|
11951
|
+
let s = Math.max(0, Math.min(1440 - (o - a), pe(me(i, e.clientY) - t.grab)));
|
|
11952
|
+
t.preview = ch(t.event, r, $m(s));
|
|
11953
|
+
}
|
|
11954
|
+
function ye() {
|
|
11955
|
+
let e = W.value;
|
|
11956
|
+
if (xe(), !e || !e.active) return;
|
|
11957
|
+
G = !0, setTimeout(() => {
|
|
11958
|
+
G = !1;
|
|
11959
|
+
}, 0);
|
|
11960
|
+
let t = e.preview;
|
|
11961
|
+
t.date === e.event.date && (t.endDate ?? e.event.date) === nh(e.event) && (t.time ?? e.event.time) === e.event.time && (t.endTime ?? e.event.endTime) === e.event.endTime || u("event-move", {
|
|
11962
|
+
event: e.event,
|
|
11963
|
+
...t
|
|
11964
|
+
});
|
|
11965
|
+
}
|
|
11966
|
+
function be(e) {
|
|
11967
|
+
e.key === "Escape" && xe();
|
|
11968
|
+
}
|
|
11969
|
+
function xe() {
|
|
11970
|
+
W.value = null, window.removeEventListener("pointermove", ve), window.removeEventListener("pointerup", ye), window.removeEventListener("keydown", be);
|
|
11971
|
+
}
|
|
11972
|
+
function Se(e) {
|
|
11973
|
+
let t = {
|
|
11974
|
+
top: `${e.start / 60 * oe.value}px`,
|
|
11975
|
+
height: `${Math.max(18, (e.end - e.start) / 60 * oe.value - 2)}px`,
|
|
11976
|
+
left: `calc(${e.col / e.cols * 100}% + 2px)`,
|
|
11977
|
+
width: `calc(${100 / e.cols}% - 4px)`
|
|
11978
|
+
};
|
|
11979
|
+
return e.event.color && (t["--uid-event-color"] = e.event.color), t;
|
|
11980
|
+
}
|
|
11981
|
+
let Ce = a(() => {
|
|
11982
|
+
let e = _.value.slice(0, 4);
|
|
11983
|
+
return Array.from({ length: 12 }, (t, n) => {
|
|
11984
|
+
let r = `${e}-${String(n + 1).padStart(2, "0")}-01`, i = Ym(r), a = Array.from({ length: 42 }, (e, t) => {
|
|
11985
|
+
let n = qm(i, t);
|
|
11986
|
+
return {
|
|
11987
|
+
iso: n,
|
|
11988
|
+
day: Km(n).getDate(),
|
|
11989
|
+
current: n.startsWith(r.slice(0, 7))
|
|
11990
|
+
};
|
|
11991
|
+
});
|
|
11992
|
+
return {
|
|
11993
|
+
first: r,
|
|
11994
|
+
name: T.value[n],
|
|
11995
|
+
cells: a
|
|
11996
|
+
};
|
|
11997
|
+
});
|
|
11998
|
+
}), we = a(() => {
|
|
11999
|
+
let e = /* @__PURE__ */ new Set(), { start: t, end: n } = w.value;
|
|
12000
|
+
for (let r of o.events) {
|
|
12001
|
+
let i = r.date < t ? t : r.date, a = nh(r) > n ? n : nh(r);
|
|
12002
|
+
for (let t = 0, n = Jm(i, a); t <= n && t < 400; t++) e.add(qm(i, t));
|
|
12003
|
+
}
|
|
12004
|
+
return e;
|
|
12005
|
+
});
|
|
12006
|
+
function Te(e) {
|
|
12007
|
+
_.value = e, o.views.includes("month") && (p.value = "month");
|
|
12008
|
+
}
|
|
12009
|
+
let Ee = a(() => {
|
|
12010
|
+
let e = [], { start: t, end: n } = w.value;
|
|
12011
|
+
for (let r = t; r <= n; r = qm(r, 1)) {
|
|
12012
|
+
let t = oh(K.value, r);
|
|
12013
|
+
if (t.length === 0) continue;
|
|
12014
|
+
let n = Km(r);
|
|
12015
|
+
e.push({
|
|
12016
|
+
iso: r,
|
|
12017
|
+
label: `${D.value.weekdaysLong[(n.getDay() + 6) % 7]}, ${O(r)}`,
|
|
12018
|
+
events: t
|
|
12019
|
+
});
|
|
12020
|
+
}
|
|
12021
|
+
return e;
|
|
12022
|
+
});
|
|
12023
|
+
return r({
|
|
12024
|
+
go: F,
|
|
12025
|
+
goToday: L,
|
|
12026
|
+
setView: R
|
|
12027
|
+
}), (r, i) => (E(), c("div", { class: b(["uid-calendar", [`uid-calendar--${p.value}`, {
|
|
12028
|
+
"uid-calendar--compact": n.compact,
|
|
12029
|
+
"uid-calendar--editable": n.editable
|
|
12030
|
+
}]]) }, [l("div", lh, [l("span", uh, I(k.value), 1), l("div", dh, [n.views.length > 1 ? (E(), c("div", fh, [(E(!0), c(t, null, j(n.views, (e) => (E(), c("button", {
|
|
12031
|
+
key: e,
|
|
12032
|
+
type: "button",
|
|
12033
|
+
class: b(["uid-calendar__btn uid-calendar__view", { "uid-calendar__view--active": e === p.value }]),
|
|
12034
|
+
"aria-pressed": e === p.value,
|
|
12035
|
+
onClick: (t) => R(e)
|
|
12036
|
+
}, I(D.value.views[e]), 11, ph))), 128))])) : s("", !0), l("div", mh, [
|
|
12037
|
+
l("button", {
|
|
12038
|
+
type: "button",
|
|
12039
|
+
class: "uid-calendar__btn uid-calendar__btn--icon",
|
|
12040
|
+
"aria-label": N.value,
|
|
12041
|
+
onClick: i[0] ||= (e) => F(-1)
|
|
12042
|
+
}, [d(e, {
|
|
12043
|
+
icon: z(Xt),
|
|
12044
|
+
size: 14
|
|
12045
|
+
}, null, 8, ["icon"])], 8, hh),
|
|
12046
|
+
l("button", {
|
|
12047
|
+
type: "button",
|
|
12048
|
+
class: "uid-calendar__btn",
|
|
12049
|
+
onClick: L
|
|
12050
|
+
}, I(M.value), 1),
|
|
12051
|
+
l("button", {
|
|
12052
|
+
type: "button",
|
|
12053
|
+
class: "uid-calendar__btn uid-calendar__btn--icon",
|
|
12054
|
+
"aria-label": P.value,
|
|
12055
|
+
onClick: i[1] ||= (e) => F(1)
|
|
12056
|
+
}, [d(e, {
|
|
12057
|
+
icon: z(Zt),
|
|
12058
|
+
size: 14
|
|
12059
|
+
}, null, 8, ["icon"])], 8, gh)
|
|
12060
|
+
])])]), p.value === "month" ? (E(), c(t, { key: 0 }, [l("div", _h, [(E(!0), c(t, null, j(z(h).datePicker.weekdaysShort, (e) => (E(), c("span", {
|
|
12061
|
+
key: e,
|
|
12062
|
+
class: "uid-calendar__weekday"
|
|
12063
|
+
}, I(e), 1))), 128))]), l("div", vh, [(E(!0), c(t, null, j(re.value, (e) => (E(), c("div", {
|
|
12064
|
+
key: e.iso,
|
|
12065
|
+
class: b(["uid-calendar__day", {
|
|
12066
|
+
"uid-calendar__day--other": !e.current,
|
|
12067
|
+
"uid-calendar__day--today": e.iso === z(g),
|
|
12068
|
+
"uid-calendar__day--selected": e.iso === f.value,
|
|
12069
|
+
"uid-calendar__day--disabled": V(e.iso)
|
|
12070
|
+
}]),
|
|
12071
|
+
"data-date": e.iso,
|
|
12072
|
+
tabindex: V(e.iso) ? -1 : 0,
|
|
12073
|
+
role: "button",
|
|
12074
|
+
"aria-current": e.iso === z(g) ? "date" : void 0,
|
|
12075
|
+
"aria-selected": e.iso === f.value,
|
|
12076
|
+
"aria-label": e.iso,
|
|
12077
|
+
onClick: (t) => U(e.iso),
|
|
12078
|
+
onKeydown: [X(te((t) => U(e.iso), ["prevent"]), ["enter"]), X(te((t) => U(e.iso), ["prevent"]), ["space"])]
|
|
12079
|
+
}, [l("span", bh, I(e.date.getDate()), 1), l("div", xh, [(E(!0), c(t, null, j(e.events.slice(0, n.maxEventsPerDay), (t, n) => (E(), c("button", {
|
|
12080
|
+
key: t.id ?? `${e.iso}-${n}`,
|
|
12081
|
+
type: "button",
|
|
12082
|
+
class: b(["uid-calendar__event", ie(t, e.iso)]),
|
|
12083
|
+
style: x(t.color ? { "--uid-event-color": t.color } : void 0),
|
|
12084
|
+
title: ne(t) ? `${ne(t)} ${t.title}` : t.title,
|
|
12085
|
+
onClick: (e) => ee(e, t),
|
|
12086
|
+
onPointerdown: (e) => _e(e, t, "move", !1)
|
|
12087
|
+
}, [!z(rh)(t) && e.iso === t.date ? (E(), c("span", Ch, I(t.time), 1)) : s("", !0), l("span", wh, I(!z(ih)(t) || e.iso === t.date || e.date.getDay() === 1 ? t.title : "\xA0"), 1)], 46, Sh))), 128)), e.events.length > n.maxEventsPerDay ? (E(), c("button", {
|
|
12088
|
+
key: 0,
|
|
12089
|
+
type: "button",
|
|
12090
|
+
class: "uid-calendar__more",
|
|
12091
|
+
onClick: te((t) => B(e.iso), ["stop"])
|
|
12092
|
+
}, I(D.value.more(e.events.length - n.maxEventsPerDay)), 9, Th)) : s("", !0)])], 42, yh))), 128))])], 64)) : p.value === "week" || p.value === "day" ? (E(), c("div", {
|
|
12093
|
+
key: 1,
|
|
12094
|
+
class: "uid-calendar__tg",
|
|
12095
|
+
style: x({ "--uid-cal-hour-h": `${oe.value}px` })
|
|
12096
|
+
}, [
|
|
12097
|
+
l("div", Eh, [i[3] ||= l("span", { class: "uid-calendar__gutter" }, null, -1), (E(!0), c(t, null, j(ae.value, (e) => (E(), c("button", {
|
|
11487
12098
|
key: e,
|
|
11488
|
-
|
|
11489
|
-
|
|
11490
|
-
|
|
11491
|
-
|
|
11492
|
-
|
|
11493
|
-
|
|
11494
|
-
|
|
11495
|
-
|
|
11496
|
-
|
|
12099
|
+
type: "button",
|
|
12100
|
+
class: b(["uid-calendar__tg-day", { "uid-calendar__tg-day--today": e === z(g) }]),
|
|
12101
|
+
onClick: (t) => p.value === "week" ? B(e) : U(e)
|
|
12102
|
+
}, [l("span", Oh, I(z(h).datePicker.weekdaysShort[(z(Km)(e).getDay() + 6) % 7]), 1), l("span", kh, I(z(Km)(e).getDate()), 1)], 10, Dh))), 128))]),
|
|
12103
|
+
l("div", Ah, [l("span", jh, I(D.value.allDay), 1), (E(!0), c(t, null, j(se.value, (e, n) => (E(), c("div", {
|
|
12104
|
+
key: ae.value[n],
|
|
12105
|
+
class: "uid-calendar__allday-cell",
|
|
12106
|
+
"data-date": ae.value[n],
|
|
12107
|
+
onClick: (e) => ge(ae.value[n])
|
|
12108
|
+
}, [(E(!0), c(t, null, j(e, (e, t) => (E(), c("button", {
|
|
12109
|
+
key: e.id ?? `${ae.value[n]}-a${t}`,
|
|
12110
|
+
type: "button",
|
|
12111
|
+
class: b(["uid-calendar__event", ie(e, ae.value[n])]),
|
|
12112
|
+
style: x(e.color ? { "--uid-event-color": e.color } : void 0),
|
|
12113
|
+
title: e.title,
|
|
12114
|
+
onClick: (t) => ee(t, e),
|
|
12115
|
+
onPointerdown: (t) => _e(t, e, "move", !1)
|
|
12116
|
+
}, [l("span", Ph, I(e.title), 1)], 46, Nh))), 128))], 8, Mh))), 128))]),
|
|
12117
|
+
l("div", {
|
|
12118
|
+
ref_key: "body",
|
|
12119
|
+
ref: de,
|
|
12120
|
+
class: "uid-calendar__tg-body"
|
|
12121
|
+
}, [l("div", Fh, [l("div", Ih, [(E(!0), c(t, null, j(z(Z), (e) => (E(), c("span", {
|
|
12122
|
+
key: e,
|
|
12123
|
+
class: "uid-calendar__hour"
|
|
12124
|
+
}, I(e === 0 ? "" : z($m)(e * 60)), 1))), 128))]), (E(!0), c(t, null, j(ae.value, (e, r) => (E(), c("div", {
|
|
12125
|
+
key: e,
|
|
12126
|
+
class: b(["uid-calendar__col", { "uid-calendar__col--today": e === z(g) }]),
|
|
12127
|
+
"data-date": e,
|
|
12128
|
+
onClick: (t) => he(t, e)
|
|
12129
|
+
}, [e === z(g) ? (E(), c("div", {
|
|
12130
|
+
key: 0,
|
|
12131
|
+
class: "uid-calendar__now",
|
|
12132
|
+
style: x({ top: `${le.value / 60 * oe.value}px` })
|
|
12133
|
+
}, null, 4)) : s("", !0), (E(!0), c(t, null, j(ce.value[r], (t, r) => (E(), c("div", {
|
|
12134
|
+
key: t.event.id ?? `${e}-${r}`,
|
|
12135
|
+
class: b(["uid-calendar__block", {
|
|
12136
|
+
"uid-calendar__block--dragging": !!W.value?.active && Y(t.event) === W.value.event,
|
|
12137
|
+
"uid-calendar__block--short": t.end - t.start < 45
|
|
11497
12138
|
}]),
|
|
11498
|
-
|
|
12139
|
+
style: x(Se(t)),
|
|
11499
12140
|
role: "button",
|
|
11500
|
-
|
|
11501
|
-
|
|
11502
|
-
|
|
11503
|
-
|
|
11504
|
-
|
|
11505
|
-
}, [
|
|
11506
|
-
|
|
11507
|
-
|
|
11508
|
-
|
|
11509
|
-
|
|
11510
|
-
|
|
11511
|
-
|
|
11512
|
-
|
|
11513
|
-
|
|
12141
|
+
tabindex: "0",
|
|
12142
|
+
title: `${ne(t.event)} ${t.event.title}`,
|
|
12143
|
+
onClick: (e) => ee(e, t.event),
|
|
12144
|
+
onKeydown: X(te((e) => u("event-click", Y(t.event)), ["prevent"]), ["enter"]),
|
|
12145
|
+
onPointerdown: (e) => _e(e, t.event, "move", !0)
|
|
12146
|
+
}, [
|
|
12147
|
+
l("span", zh, I(ne(t.event)), 1),
|
|
12148
|
+
l("span", Bh, I(t.event.title), 1),
|
|
12149
|
+
n.editable ? (E(), c("span", {
|
|
12150
|
+
key: 0,
|
|
12151
|
+
class: "uid-calendar__resize",
|
|
12152
|
+
onPointerdown: (e) => _e(e, t.event, "resize", !0),
|
|
12153
|
+
onClick: i[2] ||= te(() => {}, ["stop"])
|
|
12154
|
+
}, null, 40, Vh)) : s("", !0)
|
|
12155
|
+
], 46, Rh))), 128))], 10, Lh))), 128))])], 512)
|
|
12156
|
+
], 4)) : p.value === "year" ? (E(), c("div", Hh, [(E(!0), c(t, null, j(Ce.value, (e) => (E(), c("div", {
|
|
12157
|
+
key: e.first,
|
|
12158
|
+
class: "uid-calendar__mini"
|
|
12159
|
+
}, [l("button", {
|
|
12160
|
+
type: "button",
|
|
12161
|
+
class: "uid-calendar__mini-title",
|
|
12162
|
+
onClick: (t) => Te(e.first)
|
|
12163
|
+
}, I(e.name), 9, Uh), l("div", Wh, [(E(!0), c(t, null, j(z(h).datePicker.weekdaysShort, (e) => (E(), c("span", {
|
|
12164
|
+
key: e,
|
|
12165
|
+
class: "uid-calendar__mini-wd"
|
|
12166
|
+
}, I(e.slice(0, 1)), 1))), 128)), (E(!0), c(t, null, j(e.cells, (e) => (E(), c("button", {
|
|
12167
|
+
key: e.iso,
|
|
12168
|
+
type: "button",
|
|
12169
|
+
class: b(["uid-calendar__mini-day", {
|
|
12170
|
+
"uid-calendar__mini-day--other": !e.current,
|
|
12171
|
+
"uid-calendar__mini-day--today": e.current && e.iso === z(g),
|
|
12172
|
+
"uid-calendar__mini-day--busy": e.current && we.value.has(e.iso)
|
|
12173
|
+
}]),
|
|
12174
|
+
tabindex: e.current ? 0 : -1,
|
|
12175
|
+
"aria-label": e.iso,
|
|
12176
|
+
disabled: !e.current,
|
|
12177
|
+
onClick: (t) => {
|
|
12178
|
+
B(e.iso), U(e.iso);
|
|
12179
|
+
}
|
|
12180
|
+
}, I(e.day), 11, Gh))), 128))])]))), 128))])) : (E(), c("div", Kh, [Ee.value.length === 0 ? (E(), c("p", qh, I(D.value.noEvents), 1)) : s("", !0), (E(!0), c(t, null, j(Ee.value, (e) => (E(), c("section", {
|
|
12181
|
+
key: e.iso,
|
|
12182
|
+
class: b(["uid-calendar__agenda-day", { "uid-calendar__agenda-day--today": e.iso === z(g) }])
|
|
12183
|
+
}, [l("h4", Jh, I(e.label), 1), (E(!0), c(t, null, j(e.events, (t, n) => (E(), c("button", {
|
|
12184
|
+
key: t.id ?? `${e.iso}-${n}`,
|
|
12185
|
+
type: "button",
|
|
12186
|
+
class: "uid-calendar__agenda-item",
|
|
12187
|
+
style: x(t.color ? { "--uid-event-color": t.color } : void 0),
|
|
12188
|
+
onClick: (e) => ee(e, t)
|
|
12189
|
+
}, [
|
|
12190
|
+
l("span", Xh, I(z(rh)(t) || z(ih)(t) && e.iso !== t.date ? D.value.allDay : ne(t)), 1),
|
|
12191
|
+
i[4] ||= l("span", { class: "uid-calendar__agenda-dot" }, null, -1),
|
|
12192
|
+
l("span", Zh, I(t.title), 1)
|
|
12193
|
+
], 12, Yh))), 128))], 2))), 128))]))], 2));
|
|
11514
12194
|
}
|
|
11515
|
-
}),
|
|
12195
|
+
}), $h = ["aria-label"], eg = [
|
|
11516
12196
|
"viewBox",
|
|
11517
12197
|
"width",
|
|
11518
12198
|
"height"
|
|
11519
|
-
],
|
|
12199
|
+
], tg = [
|
|
11520
12200
|
"x2",
|
|
11521
12201
|
"y1",
|
|
11522
12202
|
"y2"
|
|
11523
|
-
],
|
|
12203
|
+
], ng = [
|
|
11524
12204
|
"x",
|
|
11525
12205
|
"y",
|
|
11526
12206
|
"width",
|
|
11527
12207
|
"height"
|
|
11528
|
-
],
|
|
12208
|
+
], rg = ["d"], ig = ["d"], ag = ["cx", "cy"], og = ["cx", "cy"], sg = 2, cg = /* @__PURE__ */ f({
|
|
11529
12209
|
__name: "UidSparkline",
|
|
11530
12210
|
props: {
|
|
11531
12211
|
data: {},
|
|
@@ -11568,11 +12248,11 @@ var vd = ["aria-label"], yd = [
|
|
|
11568
12248
|
};
|
|
11569
12249
|
});
|
|
11570
12250
|
function o(e, t) {
|
|
11571
|
-
return t <= 1 ? n.width / 2 :
|
|
12251
|
+
return t <= 1 ? n.width / 2 : sg + e / (t - 1) * (n.width - sg * 2);
|
|
11572
12252
|
}
|
|
11573
12253
|
function u(e) {
|
|
11574
12254
|
let t = i.value, r = (e - t.min) / (t.max - t.min);
|
|
11575
|
-
return n.height -
|
|
12255
|
+
return n.height - sg - r * (n.height - sg * 2);
|
|
11576
12256
|
}
|
|
11577
12257
|
let d = a(() => n.data.map((e, t) => ({
|
|
11578
12258
|
x: o(t, n.data.length),
|
|
@@ -11591,14 +12271,14 @@ var vd = ["aria-label"], yd = [
|
|
|
11591
12271
|
}), p = a(() => {
|
|
11592
12272
|
let e = d.value;
|
|
11593
12273
|
if (e.length === 0) return "";
|
|
11594
|
-
let t = n.height -
|
|
12274
|
+
let t = n.height - sg;
|
|
11595
12275
|
return `${f.value} L ${e[e.length - 1].x.toFixed(2)} ${t.toFixed(2)} L ${e[0].x.toFixed(2)} ${t.toFixed(2)} Z`;
|
|
11596
12276
|
}), m = a(() => {
|
|
11597
12277
|
let e = d.value, t = e.length;
|
|
11598
12278
|
if (t === 0) return [];
|
|
11599
|
-
let r = n.width -
|
|
12279
|
+
let r = n.width - sg * 2, i = Math.max(1, r / t * .7), a = u(0);
|
|
11600
12280
|
return e.map((e, n) => {
|
|
11601
|
-
let o =
|
|
12281
|
+
let o = sg + (n + .5) / t * r - i / 2, s = e.v < 0, c = s ? a : e.y, l = s ? e.y : a;
|
|
11602
12282
|
return {
|
|
11603
12283
|
x: o,
|
|
11604
12284
|
y: c,
|
|
@@ -11635,59 +12315,59 @@ var vd = ["aria-label"], yd = [
|
|
|
11635
12315
|
x2: e.width,
|
|
11636
12316
|
y1: h.value,
|
|
11637
12317
|
y2: h.value
|
|
11638
|
-
}, null, 8,
|
|
12318
|
+
}, null, 8, tg)) : s("", !0), e.type === "bar" ? (E(!0), c(t, { key: 1 }, j(m.value, (e, t) => (E(), c("rect", {
|
|
11639
12319
|
key: t,
|
|
11640
12320
|
class: b(["uid-sparkline__bar", { "uid-sparkline__bar--negative": e.negative }]),
|
|
11641
12321
|
x: e.x,
|
|
11642
12322
|
y: e.y,
|
|
11643
12323
|
width: e.width,
|
|
11644
12324
|
height: e.height
|
|
11645
|
-
}, null, 10,
|
|
12325
|
+
}, null, 10, ng))), 128)) : (E(), c(t, { key: 2 }, [
|
|
11646
12326
|
e.type === "area" ? (E(), c("path", {
|
|
11647
12327
|
key: 0,
|
|
11648
12328
|
class: "uid-sparkline__area",
|
|
11649
12329
|
d: p.value
|
|
11650
|
-
}, null, 8,
|
|
12330
|
+
}, null, 8, rg)) : s("", !0),
|
|
11651
12331
|
l("path", {
|
|
11652
12332
|
class: "uid-sparkline__line",
|
|
11653
12333
|
d: f.value
|
|
11654
|
-
}, null, 8,
|
|
12334
|
+
}, null, 8, ig),
|
|
11655
12335
|
e.showDots ? (E(!0), c(t, { key: 1 }, j(d.value, (e, t) => (E(), c("circle", {
|
|
11656
12336
|
key: t,
|
|
11657
12337
|
class: "uid-sparkline__dot",
|
|
11658
12338
|
cx: e.x,
|
|
11659
12339
|
cy: e.y,
|
|
11660
12340
|
r: "2.5"
|
|
11661
|
-
}, null, 8,
|
|
12341
|
+
}, null, 8, ag))), 128)) : s("", !0),
|
|
11662
12342
|
e.showLast && _.value && !e.showDots ? (E(), c("circle", {
|
|
11663
12343
|
key: 2,
|
|
11664
12344
|
class: "uid-sparkline__dot uid-sparkline__dot--last",
|
|
11665
12345
|
cx: _.value.x,
|
|
11666
12346
|
cy: _.value.y,
|
|
11667
12347
|
r: "2.5"
|
|
11668
|
-
}, null, 8,
|
|
11669
|
-
], 64))], 8,
|
|
12348
|
+
}, null, 8, og)) : s("", !0)
|
|
12349
|
+
], 64))], 8, eg))], 12, $h));
|
|
11670
12350
|
}
|
|
11671
|
-
}),
|
|
12351
|
+
}), lg = ["aria-valuemax", "aria-valuenow"], ug = [
|
|
11672
12352
|
"width",
|
|
11673
12353
|
"height",
|
|
11674
12354
|
"viewBox"
|
|
11675
|
-
],
|
|
12355
|
+
], dg = [
|
|
11676
12356
|
"cx",
|
|
11677
12357
|
"cy",
|
|
11678
12358
|
"r",
|
|
11679
12359
|
"stroke-width"
|
|
11680
|
-
],
|
|
12360
|
+
], fg = [
|
|
11681
12361
|
"cx",
|
|
11682
12362
|
"cy",
|
|
11683
12363
|
"r",
|
|
11684
12364
|
"stroke-width",
|
|
11685
12365
|
"stroke-dasharray",
|
|
11686
12366
|
"stroke-dashoffset"
|
|
11687
|
-
],
|
|
12367
|
+
], pg = {
|
|
11688
12368
|
key: 0,
|
|
11689
12369
|
class: "uid-progress-ring__label"
|
|
11690
|
-
},
|
|
12370
|
+
}, mg = /* @__PURE__ */ f({
|
|
11691
12371
|
__name: "UidProgressRing",
|
|
11692
12372
|
props: {
|
|
11693
12373
|
value: { default: 0 },
|
|
@@ -11732,7 +12412,7 @@ var vd = ["aria-label"], yd = [
|
|
|
11732
12412
|
cy: i.value,
|
|
11733
12413
|
r: n.value,
|
|
11734
12414
|
"stroke-width": e.strokeWidth
|
|
11735
|
-
}, null, 8,
|
|
12415
|
+
}, null, 8, dg), l("circle", {
|
|
11736
12416
|
class: "uid-progress-ring__progress",
|
|
11737
12417
|
cx: i.value,
|
|
11738
12418
|
cy: i.value,
|
|
@@ -11740,50 +12420,50 @@ var vd = ["aria-label"], yd = [
|
|
|
11740
12420
|
"stroke-width": e.strokeWidth,
|
|
11741
12421
|
"stroke-dasharray": r.value,
|
|
11742
12422
|
"stroke-dashoffset": f.value
|
|
11743
|
-
}, null, 8,
|
|
12423
|
+
}, null, 8, fg)], 8, ug)), e.showLabel || t.$slots.default ? (E(), c("div", pg, [M(t.$slots, "default", {}, () => [u(I(p.value), 1)])])) : s("", !0)], 14, lg));
|
|
11744
12424
|
}
|
|
11745
|
-
}),
|
|
12425
|
+
}), hg = [
|
|
11746
12426
|
"aria-valuemin",
|
|
11747
12427
|
"aria-valuemax",
|
|
11748
12428
|
"aria-valuenow",
|
|
11749
12429
|
"aria-label"
|
|
11750
|
-
],
|
|
12430
|
+
], gg = [
|
|
11751
12431
|
"width",
|
|
11752
12432
|
"height",
|
|
11753
12433
|
"viewBox"
|
|
11754
|
-
],
|
|
12434
|
+
], _g = ["d", "stroke-width"], vg = [
|
|
11755
12435
|
"d",
|
|
11756
12436
|
"stroke",
|
|
11757
12437
|
"stroke-width",
|
|
11758
12438
|
"stroke-dasharray",
|
|
11759
12439
|
"stroke-dashoffset"
|
|
11760
|
-
],
|
|
12440
|
+
], yg = [
|
|
11761
12441
|
"d",
|
|
11762
12442
|
"stroke-width",
|
|
11763
12443
|
"stroke-dasharray",
|
|
11764
12444
|
"stroke-dashoffset"
|
|
11765
|
-
],
|
|
12445
|
+
], bg = { key: 2 }, xg = [
|
|
11766
12446
|
"x1",
|
|
11767
12447
|
"y1",
|
|
11768
12448
|
"x2",
|
|
11769
12449
|
"y2",
|
|
11770
12450
|
"transform"
|
|
11771
|
-
],
|
|
12451
|
+
], Sg = ["cx", "cy"], Cg = {
|
|
11772
12452
|
key: 0,
|
|
11773
12453
|
class: "uid-gauge__content"
|
|
11774
|
-
},
|
|
12454
|
+
}, wg = {
|
|
11775
12455
|
key: 0,
|
|
11776
12456
|
class: "uid-gauge__value"
|
|
11777
|
-
},
|
|
12457
|
+
}, Tg = {
|
|
11778
12458
|
key: 0,
|
|
11779
12459
|
class: "uid-gauge__suffix"
|
|
11780
|
-
},
|
|
12460
|
+
}, Eg = {
|
|
11781
12461
|
key: 1,
|
|
11782
12462
|
class: "uid-gauge__label"
|
|
11783
|
-
},
|
|
12463
|
+
}, Dg = {
|
|
11784
12464
|
key: 1,
|
|
11785
12465
|
class: "uid-gauge__limits"
|
|
11786
|
-
},
|
|
12466
|
+
}, Og = 4, kg = /* @__PURE__ */ f({
|
|
11787
12467
|
__name: "UidGauge",
|
|
11788
12468
|
props: {
|
|
11789
12469
|
value: { default: 0 },
|
|
@@ -11813,7 +12493,7 @@ var vd = ["aria-label"], yd = [
|
|
|
11813
12493
|
locale: { default: void 0 }
|
|
11814
12494
|
},
|
|
11815
12495
|
setup(e) {
|
|
11816
|
-
let n = e, r = Q(), i = a(() => n.locale ?? r.value.code), o = a(() => (n.size - n.strokeWidth) / 2 -
|
|
12496
|
+
let n = e, r = Q(), i = a(() => n.locale ?? r.value.code), o = a(() => (n.size - n.strokeWidth) / 2 - Og), u = a(() => n.size / 2), d = a(() => n.size / 2), f = a(() => n.size / 2 + n.strokeWidth / 2 + Og), p = a(() => Math.PI * o.value), m = a(() => Math.max(n.min, Math.min(n.max, n.value))), h = a(() => {
|
|
11817
12497
|
let e = n.max - n.min;
|
|
11818
12498
|
return e <= 0 ? 0 : (m.value - n.min) / e;
|
|
11819
12499
|
}), g = a(() => {
|
|
@@ -11851,7 +12531,7 @@ var vd = ["aria-label"], yd = [
|
|
|
11851
12531
|
class: "uid-gauge__track",
|
|
11852
12532
|
d: g.value,
|
|
11853
12533
|
"stroke-width": e.strokeWidth
|
|
11854
|
-
}, null, 8,
|
|
12534
|
+
}, null, 8, _g),
|
|
11855
12535
|
e.ranges && e.ranges.length ? (E(!0), c(t, { key: 0 }, j(e.ranges, (t, n) => (E(), c("path", {
|
|
11856
12536
|
key: n,
|
|
11857
12537
|
class: "uid-gauge__range",
|
|
@@ -11860,7 +12540,7 @@ var vd = ["aria-label"], yd = [
|
|
|
11860
12540
|
"stroke-width": e.strokeWidth,
|
|
11861
12541
|
"stroke-dasharray": v(t).dasharray,
|
|
11862
12542
|
"stroke-dashoffset": v(t).dashoffset
|
|
11863
|
-
}, null, 8,
|
|
12543
|
+
}, null, 8, vg))), 128)) : s("", !0),
|
|
11864
12544
|
!e.ranges || e.ranges.length === 0 ? (E(), c("path", {
|
|
11865
12545
|
key: 1,
|
|
11866
12546
|
class: "uid-gauge__progress",
|
|
@@ -11868,43 +12548,43 @@ var vd = ["aria-label"], yd = [
|
|
|
11868
12548
|
"stroke-width": e.strokeWidth,
|
|
11869
12549
|
"stroke-dasharray": p.value,
|
|
11870
12550
|
"stroke-dashoffset": _.value
|
|
11871
|
-
}, null, 8,
|
|
11872
|
-
e.showNeedle ? (E(), c("g",
|
|
12551
|
+
}, null, 8, yg)) : s("", !0),
|
|
12552
|
+
e.showNeedle ? (E(), c("g", bg, [l("line", {
|
|
11873
12553
|
class: "uid-gauge__needle",
|
|
11874
12554
|
x1: u.value,
|
|
11875
12555
|
y1: d.value,
|
|
11876
12556
|
x2: u.value + o.value - e.strokeWidth,
|
|
11877
12557
|
y2: d.value,
|
|
11878
12558
|
transform: `rotate(${y.value} ${u.value} ${d.value})`
|
|
11879
|
-
}, null, 8,
|
|
12559
|
+
}, null, 8, xg), l("circle", {
|
|
11880
12560
|
class: "uid-gauge__needle-pivot",
|
|
11881
12561
|
cx: u.value,
|
|
11882
12562
|
cy: d.value,
|
|
11883
12563
|
r: "4"
|
|
11884
|
-
}, null, 8,
|
|
11885
|
-
], 8,
|
|
11886
|
-
e.showValue || e.label ? (E(), c("div",
|
|
11887
|
-
e.showLimits ? (E(), c("div",
|
|
11888
|
-
], 14,
|
|
12564
|
+
}, null, 8, Sg)])) : s("", !0)
|
|
12565
|
+
], 8, gg)),
|
|
12566
|
+
e.showValue || e.label ? (E(), c("div", Cg, [e.showValue ? (E(), c("div", wg, [l("span", null, I(S.value), 1), e.suffix ? (E(), c("span", Tg, I(e.suffix), 1)) : s("", !0)])) : s("", !0), e.label ? (E(), c("div", Eg, I(e.label), 1)) : s("", !0)])) : s("", !0),
|
|
12567
|
+
e.showLimits ? (E(), c("div", Dg, [l("span", null, I(e.min), 1), l("span", null, I(e.max), 1)])) : s("", !0)
|
|
12568
|
+
], 14, hg));
|
|
11889
12569
|
}
|
|
11890
|
-
}),
|
|
12570
|
+
}), Ag = ["aria-label"], jg = { class: "uid-heatmap__chart" }, Mg = {
|
|
11891
12571
|
key: 0,
|
|
11892
12572
|
class: "uid-heatmap__weekdays",
|
|
11893
12573
|
"aria-hidden": "true"
|
|
11894
|
-
},
|
|
12574
|
+
}, Ng = { class: "uid-heatmap__grid-wrapper" }, Pg = [
|
|
11895
12575
|
"width",
|
|
11896
12576
|
"height",
|
|
11897
12577
|
"viewBox"
|
|
11898
|
-
],
|
|
12578
|
+
], Fg = [
|
|
11899
12579
|
"x",
|
|
11900
12580
|
"y",
|
|
11901
12581
|
"width",
|
|
11902
12582
|
"height",
|
|
11903
12583
|
"fill"
|
|
11904
|
-
],
|
|
12584
|
+
], Ig = {
|
|
11905
12585
|
key: 0,
|
|
11906
12586
|
class: "uid-heatmap__legend"
|
|
11907
|
-
},
|
|
12587
|
+
}, Lg = /* @__PURE__ */ f({
|
|
11908
12588
|
__name: "UidHeatmap",
|
|
11909
12589
|
props: {
|
|
11910
12590
|
data: {},
|
|
@@ -12010,10 +12690,10 @@ var vd = ["aria-label"], yd = [
|
|
|
12010
12690
|
style: x(w.value),
|
|
12011
12691
|
role: "img",
|
|
12012
12692
|
"aria-label": k.value
|
|
12013
|
-
}, [l("div",
|
|
12693
|
+
}, [l("div", jg, [e.showWeekdays ? (E(), c("div", Mg, [(E(!0), c(t, null, j(z(r).datePicker.weekdaysShort, (e, t) => (E(), c("span", {
|
|
12014
12694
|
key: e,
|
|
12015
12695
|
class: b(["uid-heatmap__weekday", { "uid-heatmap__weekday--visible": t === 0 || t === 2 || t === 4 }])
|
|
12016
|
-
}, I(e), 3))), 128))])) : s("", !0), l("div",
|
|
12696
|
+
}, I(e), 3))), 128))])) : s("", !0), l("div", Ng, [e.showMonths ? (E(), c("div", {
|
|
12017
12697
|
key: 0,
|
|
12018
12698
|
class: "uid-heatmap__months",
|
|
12019
12699
|
style: x({ width: `${S.value}px` }),
|
|
@@ -12036,7 +12716,7 @@ var vd = ["aria-label"], yd = [
|
|
|
12036
12716
|
width: e.cellSize,
|
|
12037
12717
|
height: e.cellSize,
|
|
12038
12718
|
fill: v(t.level)
|
|
12039
|
-
}, [l("title", null, I(D(t)), 1)], 8,
|
|
12719
|
+
}, [l("title", null, I(D(t)), 1)], 8, Fg))), 128))], 8, Pg))])]), e.showLegend ? (E(), c("div", Ig, [
|
|
12040
12720
|
l("span", null, I(z(r).heatmap.less), 1),
|
|
12041
12721
|
(E(!0), c(t, null, j(T.value, (e) => (E(), c("span", {
|
|
12042
12722
|
key: e,
|
|
@@ -12044,9 +12724,9 @@ var vd = ["aria-label"], yd = [
|
|
|
12044
12724
|
style: x(e === 0 ? void 0 : { background: v(e) })
|
|
12045
12725
|
}, null, 4))), 128)),
|
|
12046
12726
|
l("span", null, I(z(r).heatmap.more), 1)
|
|
12047
|
-
])) : s("", !0)], 12,
|
|
12727
|
+
])) : s("", !0)], 12, Ag));
|
|
12048
12728
|
}
|
|
12049
|
-
}),
|
|
12729
|
+
}), Rg = {
|
|
12050
12730
|
default: ["color-mix(in srgb, var(--uid-heatmap-matrix-color) 14%, var(--uid-color-bg))", "var(--uid-heatmap-matrix-color)"],
|
|
12051
12731
|
viridis: [
|
|
12052
12732
|
"#440154",
|
|
@@ -12126,42 +12806,42 @@ var vd = ["aria-label"], yd = [
|
|
|
12126
12806
|
"#67000d"
|
|
12127
12807
|
]
|
|
12128
12808
|
};
|
|
12129
|
-
function
|
|
12130
|
-
return Object.prototype.hasOwnProperty.call(
|
|
12809
|
+
function zg(e) {
|
|
12810
|
+
return Object.prototype.hasOwnProperty.call(Rg, e);
|
|
12131
12811
|
}
|
|
12132
|
-
function
|
|
12812
|
+
function Bg(e) {
|
|
12133
12813
|
if (Array.isArray(e)) {
|
|
12134
12814
|
let t = e.filter((e) => typeof e == "string" && e.trim() !== "");
|
|
12135
|
-
return t.length > 0 ? t : [...
|
|
12815
|
+
return t.length > 0 ? t : [...Rg.default];
|
|
12136
12816
|
}
|
|
12137
12817
|
let t = typeof e == "string" ? e.trim() : "";
|
|
12138
|
-
if (t === "") return [...
|
|
12818
|
+
if (t === "") return [...Rg.default];
|
|
12139
12819
|
let n = t.toLowerCase();
|
|
12140
|
-
return
|
|
12820
|
+
return zg(n) ? [...Rg[n]] : Vg(t) ? [`color-mix(in srgb, ${t} 14%, var(--uid-color-bg))`, t] : [...Rg.default];
|
|
12141
12821
|
}
|
|
12142
|
-
function
|
|
12822
|
+
function Vg(e) {
|
|
12143
12823
|
return /^(#|rgba?\(|hsla?\(|hwb\(|lab\(|lch\(|oklab\(|oklch\(|color\(|color-mix\(|var\()/i.test(e) ? !0 : typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("color", e);
|
|
12144
12824
|
}
|
|
12145
|
-
function
|
|
12825
|
+
function Hg(e, t) {
|
|
12146
12826
|
if (e.length === 0) return "transparent";
|
|
12147
12827
|
if (e.length === 1) return e[0];
|
|
12148
12828
|
let n = (Number.isFinite(t) ? Math.min(1, Math.max(0, t)) : 0) * (e.length - 1), r = Math.min(e.length - 2, Math.floor(n)), i = n - r;
|
|
12149
12829
|
return i <= 5e-4 ? e[r] : i >= .9995 ? e[r + 1] : `color-mix(in srgb, ${e[r + 1]} ${(i * 100).toFixed(1)}%, ${e[r]})`;
|
|
12150
12830
|
}
|
|
12151
|
-
function
|
|
12831
|
+
function Ug(e) {
|
|
12152
12832
|
return e.length === 1 ? e[0] : `linear-gradient(to right, ${e.join(", ")})`;
|
|
12153
12833
|
}
|
|
12154
12834
|
//#endregion
|
|
12155
12835
|
//#region src/components/Heatmap/UidHeatmapMatrix.vue?vue&type=script&setup=true&lang.ts
|
|
12156
|
-
var
|
|
12836
|
+
var Wg = { class: "uid-heatmap-matrix__scroll" }, Gg = [
|
|
12157
12837
|
"aria-label",
|
|
12158
12838
|
"aria-rowcount",
|
|
12159
12839
|
"aria-colcount"
|
|
12160
|
-
],
|
|
12840
|
+
], Kg = {
|
|
12161
12841
|
class: "uid-heatmap-matrix__row uid-heatmap-matrix__row--head",
|
|
12162
12842
|
role: "row",
|
|
12163
12843
|
"aria-rowindex": "1"
|
|
12164
|
-
},
|
|
12844
|
+
}, qg = ["aria-colindex", "aria-label"], Jg = ["title"], Yg = ["aria-rowindex"], Xg = ["title"], Zg = [
|
|
12165
12845
|
"aria-colindex",
|
|
12166
12846
|
"aria-label",
|
|
12167
12847
|
"tabindex",
|
|
@@ -12169,14 +12849,14 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12169
12849
|
"data-c",
|
|
12170
12850
|
"onMouseenter",
|
|
12171
12851
|
"onFocus"
|
|
12172
|
-
],
|
|
12852
|
+
], Qg = { class: "uid-heatmap-matrix__tooltip-label" }, $g = { class: "uid-heatmap-matrix__tooltip-value" }, e_ = {
|
|
12173
12853
|
key: 1,
|
|
12174
12854
|
class: "uid-heatmap-matrix__legend",
|
|
12175
12855
|
"aria-hidden": "true"
|
|
12176
|
-
},
|
|
12856
|
+
}, t_ = { class: "uid-heatmap-matrix__legend-value" }, n_ = { class: "uid-heatmap-matrix__legend-value" }, r_ = {
|
|
12177
12857
|
key: 0,
|
|
12178
12858
|
class: "uid-heatmap-matrix__legend-empty"
|
|
12179
|
-
},
|
|
12859
|
+
}, i_ = 11, a_ = 96, o_ = 18, s_ = /* @__PURE__ */ f({
|
|
12180
12860
|
__name: "UidHeatmapMatrix",
|
|
12181
12861
|
props: {
|
|
12182
12862
|
rows: {},
|
|
@@ -12212,13 +12892,13 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12212
12892
|
min: typeof n.min == "number" ? n.min : e,
|
|
12213
12893
|
max: typeof n.max == "number" ? n.max : t
|
|
12214
12894
|
};
|
|
12215
|
-
}), v = a(() => g.value.some((e) => e.some((e) => e === null))), w = a(() =>
|
|
12895
|
+
}), v = a(() => g.value.some((e) => e.some((e) => e === null))), w = a(() => Bg(n.colorScale));
|
|
12216
12896
|
function T(e) {
|
|
12217
12897
|
let { min: t, max: n } = _.value;
|
|
12218
12898
|
return n <= t ? +(e > t) : (e - t) / (n - t);
|
|
12219
12899
|
}
|
|
12220
12900
|
function D(e) {
|
|
12221
|
-
if (e !== null) return
|
|
12901
|
+
if (e !== null) return Hg(w.value, T(e));
|
|
12222
12902
|
}
|
|
12223
12903
|
function O(e) {
|
|
12224
12904
|
return n.formatValue ? n.formatValue(e) : new Intl.NumberFormat(r.value.code).format(e);
|
|
@@ -12240,7 +12920,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12240
12920
|
return `${n.row} × ${n.col}: ${k(n.value)}`;
|
|
12241
12921
|
}
|
|
12242
12922
|
function F(e) {
|
|
12243
|
-
return Math.min(
|
|
12923
|
+
return Math.min(a_, e.length * i_ * .6);
|
|
12244
12924
|
}
|
|
12245
12925
|
let L = a(() => n.cols.reduce((e, t) => Math.max(e, F(t)), 0)), R = a(() => {
|
|
12246
12926
|
let e = n.cols.length, t = p.value, r = n.colLabels;
|
|
@@ -12249,7 +12929,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12249
12929
|
step: 1,
|
|
12250
12930
|
reserve: 0
|
|
12251
12931
|
};
|
|
12252
|
-
let a = t - 4 - m.value - n.gap * e, o = Math.max(n.minCellWidth, a / e), s = L.value, c = Math.max(1, Math.ceil((s + 6) / o)), l = (s +
|
|
12932
|
+
let a = t - 4 - m.value - n.gap * e, o = Math.max(n.minCellWidth, a / e), s = L.value, c = Math.max(1, Math.ceil((s + 6) / o)), l = (s + i_) * i, u = Math.max(n.minCellWidth, (a - l) / Math.max(.5, e - .5)), d = Math.max(0, Math.ceil(l - u / 2)), f = Math.max(1, Math.ceil(o_ / u));
|
|
12253
12933
|
return r === "horizontal" ? {
|
|
12254
12934
|
mode: "horizontal",
|
|
12255
12935
|
step: c,
|
|
@@ -12277,7 +12957,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12277
12957
|
"--uid-heatmap-matrix-min-cell": `${n.minCellWidth}px`,
|
|
12278
12958
|
"--uid-heatmap-matrix-gap": `${n.gap}px`,
|
|
12279
12959
|
"--uid-heatmap-matrix-header-height": `${V.value}px`
|
|
12280
|
-
})), U = a(() => R.value.reserve > 0 ? { paddingInlineEnd: `${R.value.reserve}px` } : void 0), W = a(() =>
|
|
12960
|
+
})), U = a(() => R.value.reserve > 0 ? { paddingInlineEnd: `${R.value.reserve}px` } : void 0), W = a(() => Ug(w.value)), G = a(() => n.ariaLabel ?? r.value.heatmap.matrixSummary(n.rows.length, n.cols.length)), K = A({
|
|
12281
12961
|
r: 0,
|
|
12282
12962
|
c: 0
|
|
12283
12963
|
}), J = A(null), Y = A(!1), ee = a(() => J.value ?? (Y.value ? K.value : null)), X = a(() => ee.value ? N(ee.value.r, ee.value.c) : null), te = A({});
|
|
@@ -12375,7 +13055,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12375
13055
|
class: b(["uid-heatmap-matrix", `uid-heatmap-matrix--labels-${R.value.mode}`]),
|
|
12376
13056
|
style: x(H.value)
|
|
12377
13057
|
}, [
|
|
12378
|
-
l("div",
|
|
13058
|
+
l("div", Wg, [l("div", {
|
|
12379
13059
|
class: "uid-heatmap-matrix__grid",
|
|
12380
13060
|
role: "grid",
|
|
12381
13061
|
style: x(U.value),
|
|
@@ -12384,7 +13064,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12384
13064
|
"aria-colcount": e.cols.length + 1,
|
|
12385
13065
|
onMouseleave: ie,
|
|
12386
13066
|
onKeydown: se
|
|
12387
|
-
}, [l("div",
|
|
13067
|
+
}, [l("div", Kg, [i[0] ||= l("div", {
|
|
12388
13068
|
class: "uid-heatmap-matrix__corner",
|
|
12389
13069
|
role: "columnheader",
|
|
12390
13070
|
"aria-colindex": "1"
|
|
@@ -12398,7 +13078,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12398
13078
|
class: b(["uid-heatmap-matrix__col-label", { "uid-heatmap-matrix__col-label--hidden": !B(t) }]),
|
|
12399
13079
|
title: e,
|
|
12400
13080
|
"aria-hidden": "true"
|
|
12401
|
-
}, I(e), 11,
|
|
13081
|
+
}, I(e), 11, Jg)], 8, qg))), 128))]), (E(!0), c(t, null, j(e.rows, (n, r) => (E(), c("div", {
|
|
12402
13082
|
key: `r-${r}`,
|
|
12403
13083
|
class: "uid-heatmap-matrix__row",
|
|
12404
13084
|
role: "row",
|
|
@@ -12411,7 +13091,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12411
13091
|
role: "rowheader",
|
|
12412
13092
|
"aria-colindex": "1",
|
|
12413
13093
|
title: n
|
|
12414
|
-
}, I(n), 9,
|
|
13094
|
+
}, I(n), 9, Xg), (E(!0), c(t, null, j(e.cols, (e, t) => (E(), c("div", {
|
|
12415
13095
|
key: `c-${r}-${t}`,
|
|
12416
13096
|
class: b(["uid-heatmap-matrix__cell", {
|
|
12417
13097
|
"uid-heatmap-matrix__cell--empty": g.value[r][t] === null,
|
|
@@ -12427,7 +13107,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12427
13107
|
onMouseenter: (e) => re(r, t),
|
|
12428
13108
|
onFocus: (e) => ae(r, t),
|
|
12429
13109
|
onBlur: Z
|
|
12430
|
-
}, null, 46,
|
|
13110
|
+
}, null, 46, Zg))), 128))], 8, Yg))), 128))], 44, Gg)]),
|
|
12431
13111
|
X.value ? (E(), c("div", {
|
|
12432
13112
|
key: 0,
|
|
12433
13113
|
ref_key: "tooltipRef",
|
|
@@ -12438,25 +13118,25 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12438
13118
|
}, [M(n.$slots, "tooltip", {
|
|
12439
13119
|
cell: X.value,
|
|
12440
13120
|
formatted: k(X.value.value)
|
|
12441
|
-
}, () => [l("span",
|
|
12442
|
-
e.showLegend && e.rows.length > 0 && e.cols.length > 0 ? (E(), c("div",
|
|
12443
|
-
l("span",
|
|
13121
|
+
}, () => [l("span", Qg, I(X.value.row) + " × " + I(X.value.col), 1), l("strong", $g, I(k(X.value.value)), 1)])], 4)) : s("", !0),
|
|
13122
|
+
e.showLegend && e.rows.length > 0 && e.cols.length > 0 ? (E(), c("div", e_, [
|
|
13123
|
+
l("span", t_, I(O(_.value.min)), 1),
|
|
12444
13124
|
l("span", {
|
|
12445
13125
|
class: "uid-heatmap-matrix__legend-bar",
|
|
12446
13126
|
style: x({ background: W.value })
|
|
12447
13127
|
}, null, 4),
|
|
12448
|
-
l("span",
|
|
12449
|
-
v.value ? (E(), c("span",
|
|
13128
|
+
l("span", n_, I(O(_.value.max)), 1),
|
|
13129
|
+
v.value ? (E(), c("span", r_, [i[1] ||= l("span", { class: "uid-heatmap-matrix__legend-swatch" }, null, -1), u(" " + I(z(r).heatmap.noData), 1)])) : s("", !0)
|
|
12450
13130
|
])) : s("", !0)
|
|
12451
13131
|
], 6));
|
|
12452
13132
|
}
|
|
12453
|
-
}),
|
|
13133
|
+
}), c_ = ["aria-label"], l_ = ["aria-current"], u_ = { class: "uid-stepper__indicator" }, d_ = {
|
|
12454
13134
|
key: 1,
|
|
12455
13135
|
"aria-hidden": "true"
|
|
12456
|
-
},
|
|
13136
|
+
}, f_ = { class: "uid-stepper__content" }, p_ = { class: "uid-stepper__label" }, m_ = {
|
|
12457
13137
|
key: 0,
|
|
12458
13138
|
class: "uid-stepper__description"
|
|
12459
|
-
},
|
|
13139
|
+
}, h_ = /* @__PURE__ */ f({
|
|
12460
13140
|
__name: "UidStepper",
|
|
12461
13141
|
props: {
|
|
12462
13142
|
steps: {},
|
|
@@ -12485,20 +13165,20 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12485
13165
|
class: b(["uid-stepper__target", { "uid-stepper__target--selectable": d(r) }]),
|
|
12486
13166
|
onClick: (e) => d(r) && u("select", r)
|
|
12487
13167
|
}, {
|
|
12488
|
-
default: Y(() => [l("div",
|
|
13168
|
+
default: Y(() => [l("div", u_, [f(r, n.current) === "completed" ? (E(), o(e, {
|
|
12489
13169
|
key: 0,
|
|
12490
13170
|
icon: z(Jt),
|
|
12491
13171
|
size: 16,
|
|
12492
13172
|
"aria-hidden": "true"
|
|
12493
|
-
}, null, 8, ["icon"])) : (E(), c("span",
|
|
13173
|
+
}, null, 8, ["icon"])) : (E(), c("span", d_, I(r + 1), 1))]), l("div", f_, [l("span", p_, I(t.label), 1), t.description ? (E(), c("span", m_, I(t.description), 1)) : s("", !0)])]),
|
|
12494
13174
|
_: 2
|
|
12495
13175
|
}, 1032, [
|
|
12496
13176
|
"type",
|
|
12497
13177
|
"class",
|
|
12498
13178
|
"onClick"
|
|
12499
|
-
]))], 10,
|
|
13179
|
+
]))], 10, l_))), 128))], 10, c_));
|
|
12500
13180
|
}
|
|
12501
|
-
}),
|
|
13181
|
+
}), g_ = /* @__PURE__ */ f({
|
|
12502
13182
|
__name: "UidStack",
|
|
12503
13183
|
props: {
|
|
12504
13184
|
direction: { default: "column" },
|
|
@@ -12544,7 +13224,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12544
13224
|
_: 3
|
|
12545
13225
|
}, 8, ["class", "style"]));
|
|
12546
13226
|
}
|
|
12547
|
-
}),
|
|
13227
|
+
}), __ = /* @__PURE__ */ f({
|
|
12548
13228
|
__name: "UidGrid",
|
|
12549
13229
|
props: {
|
|
12550
13230
|
cols: { default: 12 },
|
|
@@ -12579,7 +13259,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12579
13259
|
_: 3
|
|
12580
13260
|
}, 8, ["style"]));
|
|
12581
13261
|
}
|
|
12582
|
-
}),
|
|
13262
|
+
}), v_ = /* @__PURE__ */ f({
|
|
12583
13263
|
__name: "UidContainer",
|
|
12584
13264
|
props: {
|
|
12585
13265
|
size: { default: "lg" },
|
|
@@ -12595,7 +13275,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12595
13275
|
_: 3
|
|
12596
13276
|
}, 8, ["class"]));
|
|
12597
13277
|
}
|
|
12598
|
-
}),
|
|
13278
|
+
}), y_ = Symbol("uid-wizard"), b_ = { class: "uid-wizard" }, x_ = /* @__PURE__ */ f({
|
|
12599
13279
|
__name: "UidWizard",
|
|
12600
13280
|
props: /* @__PURE__ */ _({ steps: {} }, {
|
|
12601
13281
|
modelValue: { default: 0 },
|
|
@@ -12620,7 +13300,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12620
13300
|
function m(e) {
|
|
12621
13301
|
i.delete(e);
|
|
12622
13302
|
}
|
|
12623
|
-
return D(
|
|
13303
|
+
return D(y_, {
|
|
12624
13304
|
current: r,
|
|
12625
13305
|
steps: o,
|
|
12626
13306
|
isFirst: s,
|
|
@@ -12637,9 +13317,9 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12637
13317
|
goTo: f,
|
|
12638
13318
|
isFirst: s,
|
|
12639
13319
|
isLast: l
|
|
12640
|
-
}), (e, t) => (E(), c("div",
|
|
13320
|
+
}), (e, t) => (E(), c("div", b_, [M(e.$slots, "default")]));
|
|
12641
13321
|
}
|
|
12642
|
-
}),
|
|
13322
|
+
}), S_ = ["aria-label"], C_ = /* @__PURE__ */ f({
|
|
12643
13323
|
__name: "UidWizardStep",
|
|
12644
13324
|
props: {
|
|
12645
13325
|
index: {},
|
|
@@ -12649,7 +13329,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12649
13329
|
}
|
|
12650
13330
|
},
|
|
12651
13331
|
setup(e) {
|
|
12652
|
-
let t = e, n = Q(), r = g(
|
|
13332
|
+
let t = e, n = Q(), r = g(y_);
|
|
12653
13333
|
if (!r) throw Error("UidWizardStep must be inside UidWizard");
|
|
12654
13334
|
q(() => t.validate, (e, n) => {
|
|
12655
13335
|
n !== void 0 && r.unregisterValidator(t.index), e !== void 0 && r.registerValidator(t.index, e);
|
|
@@ -12660,18 +13340,18 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12660
13340
|
class: "uid-wizard-step",
|
|
12661
13341
|
role: "tabpanel",
|
|
12662
13342
|
"aria-label": z(n).wizard.step(e.index + 1)
|
|
12663
|
-
}, [M(t.$slots, "default")], 8,
|
|
13343
|
+
}, [M(t.$slots, "default")], 8, S_)) : s("", !0);
|
|
12664
13344
|
}
|
|
12665
|
-
}),
|
|
13345
|
+
}), w_ = { class: "uid-pattern-header__inner" }, T_ = {
|
|
12666
13346
|
key: 0,
|
|
12667
13347
|
class: "uid-pattern-header__logo"
|
|
12668
|
-
},
|
|
13348
|
+
}, E_ = ["aria-label"], D_ = {
|
|
12669
13349
|
key: 2,
|
|
12670
13350
|
class: "uid-pattern-header__actions"
|
|
12671
|
-
},
|
|
13351
|
+
}, O_ = {
|
|
12672
13352
|
key: 3,
|
|
12673
13353
|
class: "uid-pattern-header__mobile"
|
|
12674
|
-
},
|
|
13354
|
+
}, k_ = /* @__PURE__ */ f({
|
|
12675
13355
|
__name: "UidHeader",
|
|
12676
13356
|
props: {
|
|
12677
13357
|
sticky: {
|
|
@@ -12693,39 +13373,39 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12693
13373
|
"uid-pattern-header--sticky": e.sticky,
|
|
12694
13374
|
"uid-pattern-header--bordered": e.bordered,
|
|
12695
13375
|
"uid-pattern-header--transparent": e.transparent
|
|
12696
|
-
}]) }, [l("div",
|
|
12697
|
-
n.$slots.logo ? (E(), c("div",
|
|
13376
|
+
}]) }, [l("div", w_, [
|
|
13377
|
+
n.$slots.logo ? (E(), c("div", T_, [M(n.$slots, "logo")])) : s("", !0),
|
|
12698
13378
|
n.$slots.nav ? (E(), c("nav", {
|
|
12699
13379
|
key: 1,
|
|
12700
13380
|
class: "uid-pattern-header__nav",
|
|
12701
13381
|
"aria-label": z(t).header.nav
|
|
12702
|
-
}, [M(n.$slots, "nav")], 8,
|
|
12703
|
-
n.$slots.actions ? (E(), c("div",
|
|
12704
|
-
n.$slots.mobile ? (E(), c("div",
|
|
13382
|
+
}, [M(n.$slots, "nav")], 8, E_)) : s("", !0),
|
|
13383
|
+
n.$slots.actions ? (E(), c("div", D_, [M(n.$slots, "actions")])) : s("", !0),
|
|
13384
|
+
n.$slots.mobile ? (E(), c("div", O_, [M(n.$slots, "mobile")])) : s("", !0)
|
|
12705
13385
|
])], 2));
|
|
12706
13386
|
}
|
|
12707
|
-
}),
|
|
13387
|
+
}), A_ = { class: "uid-pattern-footer__inner" }, j_ = {
|
|
12708
13388
|
key: 0,
|
|
12709
13389
|
class: "uid-pattern-footer__columns"
|
|
12710
|
-
},
|
|
13390
|
+
}, M_ = {
|
|
12711
13391
|
key: 1,
|
|
12712
13392
|
class: "uid-pattern-footer__content"
|
|
12713
|
-
},
|
|
13393
|
+
}, N_ = {
|
|
12714
13394
|
key: 2,
|
|
12715
13395
|
class: "uid-pattern-footer__bottom"
|
|
12716
|
-
},
|
|
13396
|
+
}, P_ = /* @__PURE__ */ f({
|
|
12717
13397
|
__name: "UidFooter",
|
|
12718
13398
|
props: { variant: { default: "minimal" } },
|
|
12719
13399
|
setup(e) {
|
|
12720
|
-
return (t, n) => (E(), c("footer", { class: b(["uid-pattern-footer", `uid-pattern-footer--${e.variant}`]) }, [l("div",
|
|
13400
|
+
return (t, n) => (E(), c("footer", { class: b(["uid-pattern-footer", `uid-pattern-footer--${e.variant}`]) }, [l("div", A_, [t.$slots.columns ? (E(), c("div", j_, [M(t.$slots, "columns")])) : t.$slots.default ? (E(), c("div", M_, [M(t.$slots, "default")])) : s("", !0), t.$slots.bottom ? (E(), c("div", N_, [M(t.$slots, "bottom")])) : s("", !0)])], 2));
|
|
12721
13401
|
}
|
|
12722
|
-
}),
|
|
13402
|
+
}), F_ = ["aria-label"], I_ = {
|
|
12723
13403
|
key: 0,
|
|
12724
13404
|
class: "uid-pattern-sidebar__header"
|
|
12725
|
-
},
|
|
13405
|
+
}, L_ = ["aria-label"], R_ = {
|
|
12726
13406
|
key: 1,
|
|
12727
13407
|
class: "uid-pattern-sidebar__footer"
|
|
12728
|
-
},
|
|
13408
|
+
}, z_ = /* @__PURE__ */ f({
|
|
12729
13409
|
__name: "UidSidebar",
|
|
12730
13410
|
props: {
|
|
12731
13411
|
collapsed: {
|
|
@@ -12742,22 +13422,22 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12742
13422
|
style: x(e.width && !e.collapsed ? { "--uid-sidebar-width": e.width } : void 0),
|
|
12743
13423
|
"aria-label": z(t).sidebar.label
|
|
12744
13424
|
}, [
|
|
12745
|
-
n.$slots.header ? (E(), c("div",
|
|
13425
|
+
n.$slots.header ? (E(), c("div", I_, [M(n.$slots, "header")])) : s("", !0),
|
|
12746
13426
|
l("nav", {
|
|
12747
13427
|
class: "uid-pattern-sidebar__nav",
|
|
12748
13428
|
"aria-label": z(t).sidebar.nav
|
|
12749
|
-
}, [M(n.$slots, "nav")], 8,
|
|
12750
|
-
n.$slots.footer ? (E(), c("div",
|
|
12751
|
-
], 14,
|
|
13429
|
+
}, [M(n.$slots, "nav")], 8, L_),
|
|
13430
|
+
n.$slots.footer ? (E(), c("div", R_, [M(n.$slots, "footer")])) : s("", !0)
|
|
13431
|
+
], 14, F_));
|
|
12752
13432
|
}
|
|
12753
|
-
}),
|
|
13433
|
+
}), B_ = {
|
|
12754
13434
|
key: 0,
|
|
12755
13435
|
class: "uid-sidebar-item__icon",
|
|
12756
13436
|
"aria-hidden": "true"
|
|
12757
|
-
},
|
|
13437
|
+
}, V_ = { class: "uid-sidebar-item__label" }, H_ = {
|
|
12758
13438
|
key: 1,
|
|
12759
13439
|
class: "uid-sidebar-item__badge"
|
|
12760
|
-
},
|
|
13440
|
+
}, U_ = /* @__PURE__ */ f({
|
|
12761
13441
|
__name: "UidSidebarItem",
|
|
12762
13442
|
props: {
|
|
12763
13443
|
href: { default: void 0 },
|
|
@@ -12784,9 +13464,9 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12784
13464
|
tabindex: e.disabled ? -1 : void 0
|
|
12785
13465
|
}), {
|
|
12786
13466
|
default: Y(() => [
|
|
12787
|
-
t.$slots.icon ? (E(), c("span",
|
|
12788
|
-
l("span",
|
|
12789
|
-
e.badge === void 0 ? s("", !0) : (E(), c("span",
|
|
13467
|
+
t.$slots.icon ? (E(), c("span", B_, [M(t.$slots, "icon")])) : s("", !0),
|
|
13468
|
+
l("span", V_, [M(t.$slots, "default")]),
|
|
13469
|
+
e.badge === void 0 ? s("", !0) : (E(), c("span", H_, I(e.badge), 1))
|
|
12790
13470
|
]),
|
|
12791
13471
|
_: 3
|
|
12792
13472
|
}, 16, [
|
|
@@ -12796,10 +13476,10 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12796
13476
|
"tabindex"
|
|
12797
13477
|
]));
|
|
12798
13478
|
}
|
|
12799
|
-
}),
|
|
13479
|
+
}), W_ = { class: "uid-sidebar-group" }, G_ = {
|
|
12800
13480
|
key: 0,
|
|
12801
13481
|
class: "uid-sidebar-group__title"
|
|
12802
|
-
},
|
|
13482
|
+
}, K_ = /* @__PURE__ */ f({
|
|
12803
13483
|
__name: "UidSidebarGroup",
|
|
12804
13484
|
props: {
|
|
12805
13485
|
title: { default: void 0 },
|
|
@@ -12809,29 +13489,29 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
|
|
|
12809
13489
|
}
|
|
12810
13490
|
},
|
|
12811
13491
|
setup(e) {
|
|
12812
|
-
return (t, n) => (E(), c("div",
|
|
13492
|
+
return (t, n) => (E(), c("div", W_, [e.title ? (E(), c("p", G_, I(e.title), 1)) : s("", !0), M(t.$slots, "default")]));
|
|
12813
13493
|
}
|
|
12814
|
-
}),
|
|
13494
|
+
}), q_ = {}, J_ = {
|
|
12815
13495
|
class: "uid-sidebar-divider",
|
|
12816
13496
|
role: "separator",
|
|
12817
13497
|
"aria-hidden": "true"
|
|
12818
13498
|
};
|
|
12819
|
-
function
|
|
12820
|
-
return E(), c("div",
|
|
13499
|
+
function Y_(e, t) {
|
|
13500
|
+
return E(), c("div", J_);
|
|
12821
13501
|
}
|
|
12822
|
-
var
|
|
13502
|
+
var X_ = /* @__PURE__ */ Vr(q_, [["render", Y_]]), Z_ = { class: "uid-pattern-page-header" }, Q_ = {
|
|
12823
13503
|
key: 0,
|
|
12824
13504
|
class: "uid-pattern-page-header__breadcrumb"
|
|
12825
|
-
},
|
|
13505
|
+
}, $_ = { class: "uid-pattern-page-header__row" }, ev = { class: "uid-pattern-page-header__heading" }, tv = ["aria-label"], nv = { class: "uid-pattern-page-header__title" }, rv = {
|
|
12826
13506
|
key: 0,
|
|
12827
13507
|
class: "uid-pattern-page-header__description"
|
|
12828
|
-
},
|
|
13508
|
+
}, iv = {
|
|
12829
13509
|
key: 0,
|
|
12830
13510
|
class: "uid-pattern-page-header__actions"
|
|
12831
|
-
},
|
|
13511
|
+
}, av = {
|
|
12832
13512
|
key: 1,
|
|
12833
13513
|
class: "uid-pattern-page-header__tabs"
|
|
12834
|
-
},
|
|
13514
|
+
}, ov = /* @__PURE__ */ f({
|
|
12835
13515
|
__name: "UidPageHeader",
|
|
12836
13516
|
props: {
|
|
12837
13517
|
title: { default: void 0 },
|
|
@@ -12844,9 +13524,9 @@ var Hg = /* @__PURE__ */ Vr(zg, [["render", Vg]]), Ug = { class: "uid-pattern-pa
|
|
|
12844
13524
|
emits: ["back"],
|
|
12845
13525
|
setup(t, { emit: n }) {
|
|
12846
13526
|
let r = Q(), i = n;
|
|
12847
|
-
return (n, a) => (E(), c("div",
|
|
12848
|
-
n.$slots.breadcrumb ? (E(), c("div",
|
|
12849
|
-
l("div",
|
|
13527
|
+
return (n, a) => (E(), c("div", Z_, [
|
|
13528
|
+
n.$slots.breadcrumb ? (E(), c("div", Q_, [M(n.$slots, "breadcrumb")])) : s("", !0),
|
|
13529
|
+
l("div", $_, [l("div", ev, [t.back ? (E(), c("button", {
|
|
12850
13530
|
key: 0,
|
|
12851
13531
|
type: "button",
|
|
12852
13532
|
class: "uid-pattern-page-header__back",
|
|
@@ -12855,17 +13535,17 @@ var Hg = /* @__PURE__ */ Vr(zg, [["render", Vg]]), Ug = { class: "uid-pattern-pa
|
|
|
12855
13535
|
}, [d(e, {
|
|
12856
13536
|
icon: z(Ut),
|
|
12857
13537
|
size: 20
|
|
12858
|
-
}, null, 8, ["icon"])], 8,
|
|
12859
|
-
n.$slots.tabs ? (E(), c("div",
|
|
13538
|
+
}, null, 8, ["icon"])], 8, tv)) : s("", !0), l("div", null, [l("h1", nv, [M(n.$slots, "title", {}, () => [u(I(t.title), 1)])]), t.description || n.$slots.description ? (E(), c("p", rv, [M(n.$slots, "description", {}, () => [u(I(t.description), 1)])])) : s("", !0)])]), n.$slots.actions ? (E(), c("div", iv, [M(n.$slots, "actions")])) : s("", !0)]),
|
|
13539
|
+
n.$slots.tabs ? (E(), c("div", av, [M(n.$slots, "tabs")])) : s("", !0)
|
|
12860
13540
|
]));
|
|
12861
13541
|
}
|
|
12862
|
-
}),
|
|
13542
|
+
}), sv = { class: "uid-pattern-empty-state" }, cv = { class: "uid-pattern-empty-state__illustration" }, lv = { class: "uid-pattern-empty-state__content" }, uv = { class: "uid-pattern-empty-state__title" }, dv = {
|
|
12863
13543
|
key: 0,
|
|
12864
13544
|
class: "uid-pattern-empty-state__description"
|
|
12865
|
-
},
|
|
13545
|
+
}, fv = {
|
|
12866
13546
|
key: 0,
|
|
12867
13547
|
class: "uid-pattern-empty-state__actions"
|
|
12868
|
-
},
|
|
13548
|
+
}, pv = /* @__PURE__ */ f({
|
|
12869
13549
|
__name: "UidEmptyState",
|
|
12870
13550
|
props: {
|
|
12871
13551
|
title: { default: void 0 },
|
|
@@ -12873,25 +13553,25 @@ var Hg = /* @__PURE__ */ Vr(zg, [["render", Vg]]), Ug = { class: "uid-pattern-pa
|
|
|
12873
13553
|
},
|
|
12874
13554
|
setup(t) {
|
|
12875
13555
|
let n = Q();
|
|
12876
|
-
return (r, i) => (E(), c("div",
|
|
12877
|
-
l("div",
|
|
13556
|
+
return (r, i) => (E(), c("div", sv, [
|
|
13557
|
+
l("div", cv, [M(r.$slots, "illustration", {}, () => [d(e, {
|
|
12878
13558
|
icon: z(sn),
|
|
12879
13559
|
size: 48
|
|
12880
13560
|
}, null, 8, ["icon"])])]),
|
|
12881
|
-
l("div",
|
|
12882
|
-
r.$slots.actions ? (E(), c("div",
|
|
13561
|
+
l("div", lv, [l("h2", uv, [M(r.$slots, "title", {}, () => [u(I(t.title ?? z(n).emptyState.title), 1)])]), t.description || r.$slots.description ? (E(), c("p", dv, [M(r.$slots, "description", {}, () => [u(I(t.description), 1)])])) : s("", !0)]),
|
|
13562
|
+
r.$slots.actions ? (E(), c("div", fv, [M(r.$slots, "actions")])) : s("", !0)
|
|
12883
13563
|
]));
|
|
12884
13564
|
}
|
|
12885
|
-
}),
|
|
13565
|
+
}), mv = { class: "uid-pattern-error-state" }, hv = { class: "uid-pattern-error-state__illustration" }, gv = {
|
|
12886
13566
|
key: 0,
|
|
12887
13567
|
class: "uid-pattern-error-state__code"
|
|
12888
|
-
},
|
|
13568
|
+
}, _v = { class: "uid-pattern-error-state__content" }, vv = { class: "uid-pattern-error-state__title" }, yv = {
|
|
12889
13569
|
key: 0,
|
|
12890
13570
|
class: "uid-pattern-error-state__description"
|
|
12891
|
-
},
|
|
13571
|
+
}, bv = {
|
|
12892
13572
|
key: 1,
|
|
12893
13573
|
class: "uid-pattern-error-state__actions"
|
|
12894
|
-
},
|
|
13574
|
+
}, xv = /* @__PURE__ */ f({
|
|
12895
13575
|
__name: "UidErrorState",
|
|
12896
13576
|
props: {
|
|
12897
13577
|
code: { default: void 0 },
|
|
@@ -12916,23 +13596,23 @@ var Hg = /* @__PURE__ */ Vr(zg, [["render", Vg]]), Ug = { class: "uid-pattern-pa
|
|
|
12916
13596
|
description: r.value.errorState.offlineDescription
|
|
12917
13597
|
}
|
|
12918
13598
|
})), o = a(() => n.code ? i.value[n.code] ?? null : null), f = a(() => o.value?.icon ?? $t), p = a(() => n.title ?? o.value?.title ?? r.value.errorState.title), m = a(() => n.description ?? o.value?.description);
|
|
12919
|
-
return (n, r) => (E(), c("div",
|
|
12920
|
-
l("div",
|
|
13599
|
+
return (n, r) => (E(), c("div", mv, [
|
|
13600
|
+
l("div", hv, [M(n.$slots, "illustration", {}, () => [d(e, {
|
|
12921
13601
|
icon: f.value,
|
|
12922
13602
|
size: 48
|
|
12923
13603
|
}, null, 8, ["icon"])])]),
|
|
12924
|
-
t.code ? (E(), c("div",
|
|
12925
|
-
l("div",
|
|
12926
|
-
n.$slots.actions ? (E(), c("div",
|
|
13604
|
+
t.code ? (E(), c("div", gv, I(t.code), 1)) : s("", !0),
|
|
13605
|
+
l("div", _v, [l("h2", vv, [M(n.$slots, "title", {}, () => [u(I(p.value), 1)])]), m.value || n.$slots.description ? (E(), c("p", yv, [M(n.$slots, "description", {}, () => [u(I(m.value), 1)])])) : s("", !0)]),
|
|
13606
|
+
n.$slots.actions ? (E(), c("div", bv, [M(n.$slots, "actions")])) : s("", !0)
|
|
12927
13607
|
]));
|
|
12928
13608
|
}
|
|
12929
|
-
}),
|
|
13609
|
+
}), Sv = {
|
|
12930
13610
|
key: 0,
|
|
12931
13611
|
class: "uid-layout-simple__header"
|
|
12932
|
-
},
|
|
13612
|
+
}, Cv = { class: "uid-layout-simple__content" }, wv = {
|
|
12933
13613
|
key: 1,
|
|
12934
13614
|
class: "uid-layout-simple__footer"
|
|
12935
|
-
},
|
|
13615
|
+
}, Tv = /* @__PURE__ */ f({
|
|
12936
13616
|
__name: "UidSimpleLayout",
|
|
12937
13617
|
props: { full: {
|
|
12938
13618
|
type: Boolean,
|
|
@@ -12940,26 +13620,26 @@ var Hg = /* @__PURE__ */ Vr(zg, [["render", Vg]]), Ug = { class: "uid-pattern-pa
|
|
|
12940
13620
|
} },
|
|
12941
13621
|
setup(e) {
|
|
12942
13622
|
return (t, n) => (E(), c("div", { class: b(["uid-layout-simple", { "uid-layout-simple--full": e.full }]) }, [
|
|
12943
|
-
t.$slots.header ? (E(), c("div",
|
|
12944
|
-
l("main",
|
|
12945
|
-
t.$slots.footer ? (E(), c("div",
|
|
13623
|
+
t.$slots.header ? (E(), c("div", Sv, [M(t.$slots, "header")])) : s("", !0),
|
|
13624
|
+
l("main", Cv, [M(t.$slots, "default")]),
|
|
13625
|
+
t.$slots.footer ? (E(), c("div", wv, [M(t.$slots, "footer")])) : s("", !0)
|
|
12946
13626
|
], 2));
|
|
12947
13627
|
}
|
|
12948
|
-
}),
|
|
12949
|
-
function
|
|
12950
|
-
let e = g(
|
|
13628
|
+
}), Ev = Symbol("uid-sidebar-layout");
|
|
13629
|
+
function Dv() {
|
|
13630
|
+
let e = g(Ev);
|
|
12951
13631
|
if (!e) throw Error("useSidebar() must be used inside UidSidebarLayout");
|
|
12952
13632
|
return e;
|
|
12953
13633
|
}
|
|
12954
13634
|
//#endregion
|
|
12955
13635
|
//#region src/layouts/Sidebar/UidSidebarLayout.vue?vue&type=script&setup=true&lang.ts
|
|
12956
|
-
var
|
|
13636
|
+
var Ov = { class: "uid-layout-sidebar__sidebar" }, kv = { class: "uid-layout-sidebar__main" }, Av = {
|
|
12957
13637
|
key: 0,
|
|
12958
13638
|
class: "uid-layout-sidebar__main-header"
|
|
12959
|
-
},
|
|
13639
|
+
}, jv = { class: "uid-layout-sidebar__main-content" }, Mv = {
|
|
12960
13640
|
key: 1,
|
|
12961
13641
|
class: "uid-layout-sidebar__main-footer"
|
|
12962
|
-
},
|
|
13642
|
+
}, Nv = /* @__PURE__ */ f({
|
|
12963
13643
|
__name: "UidSidebarLayout",
|
|
12964
13644
|
props: /* @__PURE__ */ _({ sidebarWidth: { default: void 0 } }, {
|
|
12965
13645
|
modelValue: {
|
|
@@ -12977,7 +13657,7 @@ var b_ = { class: "uid-layout-sidebar__sidebar" }, x_ = { class: "uid-layout-sid
|
|
|
12977
13657
|
}, o = () => {
|
|
12978
13658
|
n.value = !0;
|
|
12979
13659
|
};
|
|
12980
|
-
D(
|
|
13660
|
+
D(Ev, {
|
|
12981
13661
|
collapsed: n,
|
|
12982
13662
|
toggle: r,
|
|
12983
13663
|
open: i,
|
|
@@ -12988,58 +13668,58 @@ var b_ = { class: "uid-layout-sidebar__sidebar" }, x_ = { class: "uid-layout-sid
|
|
|
12988
13668
|
class: b(["uid-layout-sidebar", { "uid-layout-sidebar--collapsed": n.value }]),
|
|
12989
13669
|
style: x(u.value)
|
|
12990
13670
|
}, [
|
|
12991
|
-
l("aside",
|
|
13671
|
+
l("aside", Ov, [M(e.$slots, "sidebar")]),
|
|
12992
13672
|
l("div", {
|
|
12993
13673
|
class: "uid-layout-sidebar__backdrop",
|
|
12994
13674
|
"aria-hidden": "true",
|
|
12995
13675
|
onClick: o
|
|
12996
13676
|
}),
|
|
12997
|
-
l("div",
|
|
12998
|
-
e.$slots.header ? (E(), c("div",
|
|
12999
|
-
l("main",
|
|
13000
|
-
e.$slots.footer ? (E(), c("div",
|
|
13677
|
+
l("div", kv, [
|
|
13678
|
+
e.$slots.header ? (E(), c("div", Av, [M(e.$slots, "header")])) : s("", !0),
|
|
13679
|
+
l("main", jv, [M(e.$slots, "default")]),
|
|
13680
|
+
e.$slots.footer ? (E(), c("div", Mv, [M(e.$slots, "footer")])) : s("", !0)
|
|
13001
13681
|
])
|
|
13002
13682
|
], 6));
|
|
13003
13683
|
}
|
|
13004
|
-
}),
|
|
13684
|
+
}), Pv = {
|
|
13005
13685
|
key: 0,
|
|
13006
13686
|
class: "uid-layout-auth__brand"
|
|
13007
|
-
},
|
|
13687
|
+
}, Fv = { class: "uid-layout-auth__main" }, Iv = { class: "uid-layout-auth__card" }, Lv = {
|
|
13008
13688
|
key: 0,
|
|
13009
13689
|
class: "uid-layout-auth__footer"
|
|
13010
|
-
},
|
|
13690
|
+
}, Rv = /* @__PURE__ */ f({
|
|
13011
13691
|
__name: "UidAuthLayout",
|
|
13012
13692
|
props: { variant: { default: "centered" } },
|
|
13013
13693
|
setup(e) {
|
|
13014
|
-
return (t, n) => (E(), c("div", { class: b(["uid-layout-auth", [`uid-layout-auth--${e.variant}`]]) }, [e.variant === "split" && t.$slots.brand ? (E(), c("div",
|
|
13694
|
+
return (t, n) => (E(), c("div", { class: b(["uid-layout-auth", [`uid-layout-auth--${e.variant}`]]) }, [e.variant === "split" && t.$slots.brand ? (E(), c("div", Pv, [M(t.$slots, "brand")])) : s("", !0), l("div", Fv, [l("div", Iv, [M(t.$slots, "default")]), t.$slots.footer ? (E(), c("div", Lv, [M(t.$slots, "footer")])) : s("", !0)])], 2));
|
|
13015
13695
|
}
|
|
13016
|
-
}),
|
|
13696
|
+
}), zv = { class: "uid-layout-wizard" }, Bv = {
|
|
13017
13697
|
key: 0,
|
|
13018
13698
|
class: "uid-layout-wizard__header"
|
|
13019
|
-
},
|
|
13699
|
+
}, Vv = {
|
|
13020
13700
|
key: 1,
|
|
13021
13701
|
class: "uid-layout-wizard__stepper"
|
|
13022
|
-
},
|
|
13702
|
+
}, Hv = { class: "uid-layout-wizard__content" }, Uv = {
|
|
13023
13703
|
key: 2,
|
|
13024
13704
|
class: "uid-layout-wizard__nav"
|
|
13025
|
-
},
|
|
13705
|
+
}, Wv = /* @__PURE__ */ f({
|
|
13026
13706
|
__name: "UidWizardLayout",
|
|
13027
13707
|
setup(e) {
|
|
13028
|
-
return (e, t) => (E(), c("div",
|
|
13029
|
-
e.$slots.header ? (E(), c("div",
|
|
13030
|
-
e.$slots.stepper ? (E(), c("div",
|
|
13031
|
-
l("main",
|
|
13032
|
-
e.$slots.nav ? (E(), c("div",
|
|
13708
|
+
return (e, t) => (E(), c("div", zv, [
|
|
13709
|
+
e.$slots.header ? (E(), c("div", Bv, [M(e.$slots, "header")])) : s("", !0),
|
|
13710
|
+
e.$slots.stepper ? (E(), c("div", Vv, [M(e.$slots, "stepper")])) : s("", !0),
|
|
13711
|
+
l("main", Hv, [M(e.$slots, "default")]),
|
|
13712
|
+
e.$slots.nav ? (E(), c("div", Uv, [M(e.$slots, "nav")])) : s("", !0)
|
|
13033
13713
|
]));
|
|
13034
13714
|
}
|
|
13035
|
-
}),
|
|
13715
|
+
}), Gv = /* @__PURE__ */ f({
|
|
13036
13716
|
__name: "UidLocaleProvider",
|
|
13037
13717
|
props: { locale: {} },
|
|
13038
13718
|
setup(e) {
|
|
13039
13719
|
let t = e;
|
|
13040
13720
|
return Mt(a(() => t.locale)), (e, t) => M(e.$slots, "default");
|
|
13041
13721
|
}
|
|
13042
|
-
}),
|
|
13722
|
+
}), Kv = {
|
|
13043
13723
|
code: "ru-RU",
|
|
13044
13724
|
common: {
|
|
13045
13725
|
clear: "Очистить",
|
|
@@ -13231,7 +13911,42 @@ var b_ = { class: "uid-layout-sidebar__sidebar" }, x_ = { class: "uid-layout-sid
|
|
|
13231
13911
|
offlineDescription: "Проверьте подключение к интернету и попробуйте снова."
|
|
13232
13912
|
},
|
|
13233
13913
|
wizard: { step: (e) => `Шаг ${e}` },
|
|
13234
|
-
calendar: {
|
|
13914
|
+
calendar: {
|
|
13915
|
+
today: "Сегодня",
|
|
13916
|
+
views: {
|
|
13917
|
+
day: "День",
|
|
13918
|
+
week: "Неделя",
|
|
13919
|
+
month: "Месяц",
|
|
13920
|
+
year: "Год",
|
|
13921
|
+
agenda: "Повестка"
|
|
13922
|
+
},
|
|
13923
|
+
allDay: "Весь день",
|
|
13924
|
+
noEvents: "Событий нет",
|
|
13925
|
+
more: (e) => `+${e}`,
|
|
13926
|
+
monthsGenitive: [
|
|
13927
|
+
"января",
|
|
13928
|
+
"февраля",
|
|
13929
|
+
"марта",
|
|
13930
|
+
"апреля",
|
|
13931
|
+
"мая",
|
|
13932
|
+
"июня",
|
|
13933
|
+
"июля",
|
|
13934
|
+
"августа",
|
|
13935
|
+
"сентября",
|
|
13936
|
+
"октября",
|
|
13937
|
+
"ноября",
|
|
13938
|
+
"декабря"
|
|
13939
|
+
],
|
|
13940
|
+
weekdaysLong: [
|
|
13941
|
+
"Понедельник",
|
|
13942
|
+
"Вторник",
|
|
13943
|
+
"Среда",
|
|
13944
|
+
"Четверг",
|
|
13945
|
+
"Пятница",
|
|
13946
|
+
"Суббота",
|
|
13947
|
+
"Воскресенье"
|
|
13948
|
+
]
|
|
13949
|
+
},
|
|
13235
13950
|
carousel: {
|
|
13236
13951
|
prev: "Предыдущий",
|
|
13237
13952
|
next: "Следующий",
|
|
@@ -13239,6 +13954,11 @@ var b_ = { class: "uid-layout-sidebar__sidebar" }, x_ = { class: "uid-layout-sid
|
|
|
13239
13954
|
slide: (e) => `Слайд ${e}`
|
|
13240
13955
|
},
|
|
13241
13956
|
stepper: { label: (e, t) => `Шаги (текущий: ${e} из ${t})` },
|
|
13957
|
+
board: {
|
|
13958
|
+
label: "Доска",
|
|
13959
|
+
empty: "Пусто",
|
|
13960
|
+
wipExceeded: "Превышен лимит незавершённой работы"
|
|
13961
|
+
},
|
|
13242
13962
|
transfer: {
|
|
13243
13963
|
available: "Доступно",
|
|
13244
13964
|
selected: "Выбрано",
|
|
@@ -13291,19 +14011,19 @@ var b_ = { class: "uid-layout-sidebar__sidebar" }, x_ = { class: "uid-layout-sid
|
|
|
13291
14011
|
sameAs: "Значения не совпадают",
|
|
13292
14012
|
unknown: (e) => `Ошибка валидации: ${e}`
|
|
13293
14013
|
}
|
|
13294
|
-
},
|
|
13295
|
-
function
|
|
14014
|
+
}, qv = A("light");
|
|
14015
|
+
function Jv() {
|
|
13296
14016
|
let e = null;
|
|
13297
14017
|
function t(e) {
|
|
13298
|
-
|
|
14018
|
+
qv.value = e, document.documentElement.dataset.theme = e;
|
|
13299
14019
|
}
|
|
13300
14020
|
function n() {
|
|
13301
|
-
t(
|
|
14021
|
+
t(qv.value === "light" ? "dark" : "light");
|
|
13302
14022
|
}
|
|
13303
14023
|
function r() {
|
|
13304
14024
|
let e = document.documentElement.dataset.theme;
|
|
13305
14025
|
if (e === "light" || e === "dark") {
|
|
13306
|
-
|
|
14026
|
+
qv.value = e;
|
|
13307
14027
|
return;
|
|
13308
14028
|
}
|
|
13309
14029
|
let n = window.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
@@ -13315,7 +14035,7 @@ function B_() {
|
|
|
13315
14035
|
e.addEventListener("change", n), w(() => e?.removeEventListener("change", n));
|
|
13316
14036
|
}
|
|
13317
14037
|
return {
|
|
13318
|
-
theme:
|
|
14038
|
+
theme: qv,
|
|
13319
14039
|
setTheme: t,
|
|
13320
14040
|
toggle: n,
|
|
13321
14041
|
initFromSystem: r,
|
|
@@ -13324,27 +14044,27 @@ function B_() {
|
|
|
13324
14044
|
}
|
|
13325
14045
|
//#endregion
|
|
13326
14046
|
//#region src/composables/useWizard.ts
|
|
13327
|
-
function
|
|
13328
|
-
let e = g(
|
|
14047
|
+
function Yv() {
|
|
14048
|
+
let e = g(y_);
|
|
13329
14049
|
if (!e) throw Error("useWizard() must be used inside UidWizard");
|
|
13330
14050
|
return e;
|
|
13331
14051
|
}
|
|
13332
14052
|
//#endregion
|
|
13333
14053
|
//#region src/composables/useCommandPalette.ts
|
|
13334
|
-
var
|
|
13335
|
-
function
|
|
14054
|
+
var Xv = A(!1);
|
|
14055
|
+
function Zv() {
|
|
13336
14056
|
return {
|
|
13337
|
-
open:
|
|
14057
|
+
open: Xv,
|
|
13338
14058
|
show: () => {
|
|
13339
|
-
|
|
14059
|
+
Xv.value = !0;
|
|
13340
14060
|
},
|
|
13341
14061
|
hide: () => {
|
|
13342
|
-
|
|
14062
|
+
Xv.value = !1;
|
|
13343
14063
|
},
|
|
13344
14064
|
toggle: () => {
|
|
13345
|
-
|
|
14065
|
+
Xv.value = !Xv.value;
|
|
13346
14066
|
}
|
|
13347
14067
|
};
|
|
13348
14068
|
}
|
|
13349
14069
|
//#endregion
|
|
13350
|
-
export { Du as PLAYBACK_RATES, aa as UidAccordion, da as UidAccordionItem, qf as UidAffix, Rn as UidAlert, np as UidAnchor, ff as UidAudio,
|
|
14070
|
+
export { Du as PLAYBACK_RATES, aa as UidAccordion, da as UidAccordionItem, qf as UidAffix, Rn as UidAlert, np as UidAnchor, ff as UidAudio, Rv as UidAuthLayout, Yi as UidAvatar, Qi as UidAvatarGroup, Gf as UidBackTop, Rt as UidBadge, $p as UidBoard, fi as UidBreadcrumb, yi as UidBreadcrumbItem, ae as UidButton, Qh as UidCalendar, Ki as UidCard, zp as UidCarousel, Wm as UidCascader, $e as UidCheckbox, at as UidCheckboxGroup, Cl as UidCode, Do as UidColorPicker, $s as UidCombobox, Ro as UidCommand, v_ as UidContainer, qa as UidDatePicker, Ps as UidDateRangePicker, Lf as UidDescriptionItem, Nf as UidDescriptionList, na as UidDivider, br as UidDrawer, pv as UidEmptyState, xv as UidErrorState, Rc as UidFileUpload, P_ as UidFooter, Ot as UidFormField, kg as UidGauge, __ as UidGrid, k_ as UidHeader, Lg as UidHeatmap, s_ as UidHeatmapMatrix, e as UidIcon, pu as UidImage, Ii as UidInfiniteScroll, Ue as UidInput, Ct as UidLabel, bi as UidLink, Ni as UidLoadMore, Gv as UidLocaleProvider, iu as UidMarkdown, _p as UidMention, Rr as UidMenu, Br as UidMenuItem, Gr as UidMenuSeparator, pr as UidModal, Np as UidNotificationBadge, Ko as UidNumberInput, ov as UidPageHeader, Bi as UidPageSize, Ei as UidPagination, Ai as UidPaginationCursor, kr as UidPopover, er as UidProgress, mg as UidProgressRing, lt as UidRadio, ht as UidRadioGroup, vf as UidRating, Uf as UidResult, Fa as UidSelect, z_ as UidSidebar, X_ as UidSidebarDivider, K_ as UidSidebarGroup, U_ as UidSidebarItem, Nv as UidSidebarLayout, Tv as UidSimpleLayout, Lt as UidSkeleton, no as UidSlider, cg as UidSparkline, Ft as UidSpinner, xf as UidSplitter, g_ as UidStack, Af as UidStat, h_ as UidStepper, $r as UidSubMenu, bt as UidSwitch, ai as UidTab, si as UidTabPanel, xa as UidTable, ri as UidTabs, ea as UidTag, Bs as UidTagsInput, Je as UidTextarea, is as UidTimePicker, dc as UidTimeline, yc as UidTimelineItem, Wn as UidToast, Jn as UidToastProvider, Er as UidTooltip, up as UidTour, Tm as UidTransfer, cc as UidTreeItem, Ap as UidTreeSelect, uc as UidTreeView, zd as UidVideo, Ja as UidVirtualList, Xf as UidWatermark, x_ as UidWizard, Wv as UidWizardLayout, C_ as UidWizardStep, Vu as clearWaveformCache, ju as computePeaks, Ol as createSlugger, wu as cueAt, Cu as cueText, ve as email, Z as en, El as escapeHtml, mu as formatTime, fe as getMessage, Bu as getWaveform, Hg as heatmapColorAt, Rg as heatmapColorScales, De as inList, xe as integer, pl as isHighlightable, vu as isHlsSource, ql as markdownBlockRenderersKey, Ce as max, Te as maxValue, Se as min, we as minValue, ho as normalizeColor, Mu as normalizePeaks, _e as nullable, be as numeric, yu as orderSources, fo as parseColor, Me as parseRules, Tu as parseThumbnail, xu as parseVtt, Pu as peaksToPath, Nt as provideAppLocale, Mt as provideLocale, Jl as provideMarkdownBlockRenderers, Ee as regex, Bl as renderMarkdown, ge as required, ke as requiredIf, Ae as requiredUnless, Nu as resamplePeaks, Ml as resolveAgainst, Bg as resolveHeatmapStops, Kv as ru, Ne as runRules, Oe as sameAs, de as setMessages, le as setValidationLocale, Kl as splitMarkdown, ml as tokenize, kt as uidLocaleKey, ye as url, Zv as useCommandPalette, Pe as useField, nr as useFocusTrap, Q as useLocale, Yl as useMarkdownBlockRenderers, gd as useMediaController, Cr as usePopover, ir as useScrollLock, Dv as useSidebar, Jv as useTheme, qn as useToast, Yv as useWizard };
|