@dskripchenko/ui 1.15.0 → 1.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Media/UidMediaMenu.vue.d.ts +2 -0
- package/dist/index.cjs +3 -3
- package/dist/index.mjs +844 -822
- package/dist/styles/all.css +1 -1
- package/dist/styles/index.css +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./UidIcon-5947kXOj.js";
|
|
2
|
-
import { Fragment as t, Teleport as n, Transition as r, TransitionGroup as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, getCurrentInstance as p, h as m, inject as h, mergeModels as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, onUpdated as w, openBlock as T, provide as E, reactive as D, readonly as O, ref as k, renderList as A, renderSlot as j, resolveComponent as M, resolveDynamicComponent as N, shallowRef as P, toDisplayString as F, toRef as I, toValue as L, unref as R, useAttrs as z, useId as B, useModel as V, useSlots as H, vModelDynamic as U, vModelText as W, vShow as G, watch as K, watchEffect as q, withCtx as J, withDirectives as Y, withKeys as
|
|
3
|
-
import { AlertCircle as
|
|
2
|
+
import { Fragment as t, Teleport as n, Transition as r, TransitionGroup as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, getCurrentInstance as p, h as m, inject as h, mergeModels as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, onUpdated as w, openBlock as T, provide as E, reactive as D, readonly as O, ref as k, renderList as A, renderSlot as j, resolveComponent as M, resolveDynamicComponent as N, shallowRef as P, toDisplayString as F, toRef as I, toValue as L, unref as R, useAttrs as z, useId as B, useModel as V, useSlots as H, vModelDynamic as U, vModelText as W, vShow as G, watch as K, watchEffect as q, withCtx as J, withDirectives as Y, withKeys as X, withModifiers as Z } from "vue";
|
|
3
|
+
import { AlertCircle as ee, AlertTriangle as te, ArrowDown as ne, ArrowLeft as re, ArrowUp as ie, ArrowUpDown as Q, Calendar as ae, Captions as oe, Check as se, CheckCircle2 as ce, ChevronDown as le, ChevronLeft as ue, ChevronRight as de, ChevronUp as fe, CircleAlert as pe, Clock as me, Copy as he, CornerDownRight as ge, FileText as _e, Folder as ve, FolderOpen as ye, ImageOff as be, Info as xe, LoaderCircle as Se, Maximize as Ce, Minimize as we, Minus as Te, Pause as Ee, PictureInPicture2 as De, Play as Oe, Plus as ke, RotateCcw as Ae, Search as je, ServerCrash as Me, Settings as Ne, SkipBack as Pe, SkipForward as Fe, Star as Ie, Upload as Le, Volume1 as Re, Volume2 as ze, VolumeX as Be, WifiOff as Ve, X as He, XCircle as Ue } from "lucide-vue-next";
|
|
4
4
|
//#region src/components/Button/UidButton.vue?vue&type=script&setup=true&lang.ts
|
|
5
5
|
var We = [
|
|
6
6
|
"type",
|
|
@@ -1199,8 +1199,8 @@ var Sn = ["aria-label"], Cn = /* @__PURE__ */ f({
|
|
|
1199
1199
|
let r = $(), i = t, o = n, u = {
|
|
1200
1200
|
info: xe,
|
|
1201
1201
|
success: ce,
|
|
1202
|
-
warning:
|
|
1203
|
-
danger:
|
|
1202
|
+
warning: te,
|
|
1203
|
+
danger: ee
|
|
1204
1204
|
}, f = a(() => u[i.variant ?? "info"]);
|
|
1205
1205
|
return (n, i) => (T(), c("div", {
|
|
1206
1206
|
class: y(["uid-alert", `uid-alert--${t.variant}`]),
|
|
@@ -1239,8 +1239,8 @@ var Sn = ["aria-label"], Cn = /* @__PURE__ */ f({
|
|
|
1239
1239
|
let r = $(), i = t, o = n, u = {
|
|
1240
1240
|
info: xe,
|
|
1241
1241
|
success: ce,
|
|
1242
|
-
warning:
|
|
1243
|
-
danger:
|
|
1242
|
+
warning: te,
|
|
1243
|
+
danger: ee
|
|
1244
1244
|
}, f = a(() => u[i.variant ?? "info"]);
|
|
1245
1245
|
return (n, i) => (T(), c("div", {
|
|
1246
1246
|
class: y(["uid-toast", `uid-toast--${t.variant}`]),
|
|
@@ -1515,7 +1515,7 @@ var tr = ["aria-labelledby"], nr = { class: "uid-modal__header" }, rr = ["id"],
|
|
|
1515
1515
|
default: J(() => [u.value ? (T(), c("div", {
|
|
1516
1516
|
key: 0,
|
|
1517
1517
|
class: "uid-modal-overlay",
|
|
1518
|
-
onClick:
|
|
1518
|
+
onClick: Z(E, ["self"])
|
|
1519
1519
|
}, [l("div", {
|
|
1520
1520
|
ref_key: "dialogRef",
|
|
1521
1521
|
ref: h,
|
|
@@ -1594,7 +1594,7 @@ var tr = ["aria-labelledby"], nr = { class: "uid-modal__header" }, rr = ["id"],
|
|
|
1594
1594
|
default: J(() => [u.value ? (T(), c("div", {
|
|
1595
1595
|
key: 0,
|
|
1596
1596
|
class: "uid-drawer-overlay",
|
|
1597
|
-
onClick:
|
|
1597
|
+
onClick: Z(D, ["self"])
|
|
1598
1598
|
}, [l("div", {
|
|
1599
1599
|
ref_key: "panelRef",
|
|
1600
1600
|
ref: h,
|
|
@@ -1736,7 +1736,7 @@ var vr = ["aria-describedby"], yr = ["id"], br = /* @__PURE__ */ f({
|
|
|
1736
1736
|
"aria-expanded": p.value,
|
|
1737
1737
|
"aria-controls": R(m),
|
|
1738
1738
|
onClick: _,
|
|
1739
|
-
onKeydown: [
|
|
1739
|
+
onKeydown: [X(Z(_, ["prevent"]), ["enter"]), X(Z(_, ["prevent"]), ["space"])]
|
|
1740
1740
|
}, [j(e.$slots, "trigger")], 40, xr), (T(), o(n, { to: "body" }, [d(r, { name: "uid-popover" }, {
|
|
1741
1741
|
default: J(() => [p.value ? (T(), c("div", {
|
|
1742
1742
|
key: 0,
|
|
@@ -2216,37 +2216,37 @@ var zr = /* @__PURE__ */ Fr(Ir, [["render", Rr]]), Br = [
|
|
|
2216
2216
|
}), K(() => i.container, () => {
|
|
2217
2217
|
U(), M();
|
|
2218
2218
|
}), K(() => i.collapseFirst, M), x(() => {
|
|
2219
|
-
W(),
|
|
2219
|
+
W(), ie();
|
|
2220
2220
|
});
|
|
2221
|
-
let G = k(!1), q = k(null), J = k(null), Y = B(), { floatingStyle:
|
|
2221
|
+
let G = k(!1), q = k(null), J = k(null), Y = B(), { floatingStyle: X, update: Z } = _r(q, J, {
|
|
2222
2222
|
placement: "bottom-start",
|
|
2223
2223
|
offset: 4
|
|
2224
2224
|
});
|
|
2225
|
-
function
|
|
2225
|
+
function ee(e) {
|
|
2226
2226
|
return e.querySelector(":scope > :not(.uid-breadcrumb__separator):not(.uid-breadcrumb__ellipsis)");
|
|
2227
2227
|
}
|
|
2228
|
-
let
|
|
2229
|
-
let t =
|
|
2228
|
+
let te = a(() => h.value.map((e) => {
|
|
2229
|
+
let t = ee(e), n = t && t.matches("a, button") ? t : null;
|
|
2230
2230
|
return {
|
|
2231
2231
|
el: e,
|
|
2232
2232
|
label: t?.textContent?.trim() ?? "",
|
|
2233
2233
|
target: n
|
|
2234
2234
|
};
|
|
2235
2235
|
}));
|
|
2236
|
-
function
|
|
2236
|
+
function ne() {
|
|
2237
2237
|
return Array.from(J.value?.querySelectorAll("[role=\"menuitem\"]") ?? []);
|
|
2238
2238
|
}
|
|
2239
|
-
async function
|
|
2240
|
-
q.value = e, G.value = !0, await v(),
|
|
2239
|
+
async function re(e) {
|
|
2240
|
+
q.value = e, G.value = !0, await v(), Z(), ne()[0]?.focus(), document.addEventListener("pointerdown", oe), window.addEventListener("resize", Z), window.addEventListener("scroll", Z, !0);
|
|
2241
2241
|
}
|
|
2242
|
-
function
|
|
2243
|
-
document.removeEventListener("pointerdown", oe), window.removeEventListener("resize",
|
|
2242
|
+
function ie() {
|
|
2243
|
+
document.removeEventListener("pointerdown", oe), window.removeEventListener("resize", Z), window.removeEventListener("scroll", Z, !0);
|
|
2244
2244
|
}
|
|
2245
2245
|
function Q(e = !1) {
|
|
2246
|
-
G.value && (G.value = !1,
|
|
2246
|
+
G.value && (G.value = !1, ie(), e && q.value?.focus());
|
|
2247
2247
|
}
|
|
2248
2248
|
function ae(e) {
|
|
2249
|
-
G.value ? Q() :
|
|
2249
|
+
G.value ? Q() : re(e);
|
|
2250
2250
|
}
|
|
2251
2251
|
function oe(e) {
|
|
2252
2252
|
let t = e.target;
|
|
@@ -2256,7 +2256,7 @@ var zr = /* @__PURE__ */ Fr(Ir, [["render", Rr]]), Br = [
|
|
|
2256
2256
|
e.target && (Q(), e.target.click());
|
|
2257
2257
|
}
|
|
2258
2258
|
function ce(e) {
|
|
2259
|
-
let t =
|
|
2259
|
+
let t = ne(), n = t.indexOf(document.activeElement);
|
|
2260
2260
|
e.key === "ArrowDown" ? (e.preventDefault(), t[(n + 1) % t.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), t[(n - 1 + t.length) % t.length]?.focus()) : e.key === "Home" ? (e.preventDefault(), t[0]?.focus()) : e.key === "End" ? (e.preventDefault(), t[t.length - 1]?.focus()) : e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), Q(!0)) : e.key === "Tab" && Q();
|
|
2261
2261
|
}
|
|
2262
2262
|
return K(h, (e) => {
|
|
@@ -2303,9 +2303,9 @@ var zr = /* @__PURE__ */ Fr(Ir, [["render", Rr]]), Br = [
|
|
|
2303
2303
|
class: "uid-breadcrumb__menu",
|
|
2304
2304
|
role: "menu",
|
|
2305
2305
|
"aria-label": R(u).breadcrumb?.showHidden,
|
|
2306
|
-
style: b(R(
|
|
2306
|
+
style: b(R(X)),
|
|
2307
2307
|
onKeydown: ce
|
|
2308
|
-
}, [(T(!0), c(t, null, A(
|
|
2308
|
+
}, [(T(!0), c(t, null, A(te.value, (e, t) => (T(), c("button", {
|
|
2309
2309
|
key: t,
|
|
2310
2310
|
type: "button",
|
|
2311
2311
|
role: "menuitem",
|
|
@@ -2762,7 +2762,7 @@ var ci = [
|
|
|
2762
2762
|
type: "button",
|
|
2763
2763
|
class: "uid-tag__dismiss",
|
|
2764
2764
|
"aria-label": R(r).common.clear,
|
|
2765
|
-
onClick: a[0] ||=
|
|
2765
|
+
onClick: a[0] ||= Z((e) => i("dismiss"), ["stop"])
|
|
2766
2766
|
}, [d(e, {
|
|
2767
2767
|
icon: R(He),
|
|
2768
2768
|
size: 10
|
|
@@ -2909,7 +2909,7 @@ var ci = [
|
|
|
2909
2909
|
e.sortable && (i.sortKey === e.key ? i.sortDirection === "asc" ? p("update:sortDirection", "desc") : i.sortDirection === "desc" ? (p("update:sortKey", null), p("update:sortDirection", null)) : p("update:sortDirection", "asc") : (p("update:sortKey", e.key), p("update:sortDirection", "asc")));
|
|
2910
2910
|
}
|
|
2911
2911
|
function E(e) {
|
|
2912
|
-
return e.sortable ? i.sortKey === e.key ? i.sortDirection === "asc" ?
|
|
2912
|
+
return e.sortable ? i.sortKey === e.key ? i.sortDirection === "asc" ? ie : i.sortDirection === "desc" ? ne : Q : Q : null;
|
|
2913
2913
|
}
|
|
2914
2914
|
function D(e) {
|
|
2915
2915
|
if (e.sortable) return i.sortKey === e.key ? i.sortDirection === "asc" ? "ascending" : i.sortDirection === "desc" ? "descending" : "none" : "none";
|
|
@@ -2962,7 +2962,7 @@ var ci = [
|
|
|
2962
2962
|
let n = e - +!!i.selectable;
|
|
2963
2963
|
return n >= 0 ? J(i.columns[n]?.width) : 40;
|
|
2964
2964
|
}
|
|
2965
|
-
let
|
|
2965
|
+
let ee = a(() => {
|
|
2966
2966
|
let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = +!!i.selectable, r = H.value ? Y(0) : 0;
|
|
2967
2967
|
i.columns.forEach((t, i) => {
|
|
2968
2968
|
t.fixed === "left" && (e.set(t.key, r), r += Y(i + n));
|
|
@@ -2975,22 +2975,22 @@ var ci = [
|
|
|
2975
2975
|
left: e,
|
|
2976
2976
|
right: t
|
|
2977
2977
|
};
|
|
2978
|
-
}),
|
|
2978
|
+
}), te = a(() => {
|
|
2979
2979
|
let e = i.columns.filter((e) => e.fixed === "left");
|
|
2980
2980
|
return e.length > 0 ? e[e.length - 1].key : null;
|
|
2981
|
-
}),
|
|
2981
|
+
}), re = a(() => i.columns.find((e) => e.fixed === "right")?.key ?? null);
|
|
2982
2982
|
function ae(e) {
|
|
2983
2983
|
return {
|
|
2984
2984
|
"uid-table__cell--fixed": !!e.fixed,
|
|
2985
2985
|
"uid-table__cell--fixed-left": e.fixed === "left",
|
|
2986
2986
|
"uid-table__cell--fixed-right": e.fixed === "right",
|
|
2987
|
-
"uid-table__cell--fixed-left-last": e.fixed === "left" && e.key ===
|
|
2988
|
-
"uid-table__cell--fixed-right-first": e.fixed === "right" && e.key ===
|
|
2987
|
+
"uid-table__cell--fixed-left-last": e.fixed === "left" && e.key === te.value,
|
|
2988
|
+
"uid-table__cell--fixed-right-first": e.fixed === "right" && e.key === re.value
|
|
2989
2989
|
};
|
|
2990
2990
|
}
|
|
2991
2991
|
function oe(e) {
|
|
2992
|
-
if (e.fixed === "left") return { left: `${
|
|
2993
|
-
if (e.fixed === "right") return { right: `${
|
|
2992
|
+
if (e.fixed === "left") return { left: `${ee.value.left.get(e.key) ?? 0}px` };
|
|
2993
|
+
if (e.fixed === "right") return { right: `${ee.value.right.get(e.key) ?? 0}px` };
|
|
2994
2994
|
}
|
|
2995
2995
|
function se(e) {
|
|
2996
2996
|
let t = { ...oe(e) };
|
|
@@ -2999,7 +2999,7 @@ var ci = [
|
|
|
2999
2999
|
let ce = a(() => ({
|
|
3000
3000
|
"uid-table__cell--fixed": H.value,
|
|
3001
3001
|
"uid-table__cell--fixed-left": H.value,
|
|
3002
|
-
"uid-table__cell--fixed-left-last": H.value &&
|
|
3002
|
+
"uid-table__cell--fixed-left-last": H.value && te.value === null
|
|
3003
3003
|
})), le = a(() => H.value ? { left: "0px" } : void 0);
|
|
3004
3004
|
function ue() {
|
|
3005
3005
|
if (!U.value) return;
|
|
@@ -3072,7 +3072,7 @@ var ci = [
|
|
|
3072
3072
|
role: t.sortable ? "button" : void 0,
|
|
3073
3073
|
"aria-sort": D(t),
|
|
3074
3074
|
onClick: (e) => w(t),
|
|
3075
|
-
onKeydown: [
|
|
3075
|
+
onKeydown: [X(Z((e) => w(t), ["prevent"]), ["enter"]), X(Z((e) => w(t), ["prevent"]), ["space"])]
|
|
3076
3076
|
}, [l("span", ca, [u(F(t.label) + " ", 1), t.sortable ? (T(), o(e, {
|
|
3077
3077
|
key: 0,
|
|
3078
3078
|
icon: E(t),
|
|
@@ -3092,7 +3092,7 @@ var ci = [
|
|
|
3092
3092
|
key: 0,
|
|
3093
3093
|
class: y(["uid-table__td uid-table__td--select", ce.value]),
|
|
3094
3094
|
style: b(le.value),
|
|
3095
|
-
onClick: i[0] ||=
|
|
3095
|
+
onClick: i[0] ||= Z(() => {}, ["stop"])
|
|
3096
3096
|
}, [d(Ht, {
|
|
3097
3097
|
"model-value": n.selection.has(m(e)),
|
|
3098
3098
|
"aria-label": R(f).table.row(m(e)),
|
|
@@ -3176,17 +3176,17 @@ var ci = [
|
|
|
3176
3176
|
})), U = a(() => f.multiple ? null : f.options.find((e) => e.value === _.value) ?? null), G = a(() => {
|
|
3177
3177
|
let e = _.value;
|
|
3178
3178
|
return Array.isArray(e) ? e : e === null ? [] : [e];
|
|
3179
|
-
}), q = a(() => G.value.map((e) => f.options.find((t) => t.value === e)).filter((e) => !!e)),
|
|
3180
|
-
function
|
|
3179
|
+
}), q = a(() => G.value.map((e) => f.options.find((t) => t.value === e)).filter((e) => !!e)), X = a(() => f.maxTagCount !== void 0 && f.maxTagCount >= 0 ? q.value.slice(0, f.maxTagCount) : q.value), Z = a(() => q.value.length - X.value.length), ee = a(() => f.multiple ? G.value.length > 0 : _.value !== null);
|
|
3180
|
+
function te(e) {
|
|
3181
3181
|
return f.multiple ? G.value.includes(e.value) : e.value === _.value;
|
|
3182
3182
|
}
|
|
3183
|
-
let
|
|
3183
|
+
let ne = a(() => {
|
|
3184
3184
|
if (!f.searchable || !w.value.trim()) return f.options;
|
|
3185
3185
|
let e = w.value.toLowerCase();
|
|
3186
3186
|
return f.options.filter((t) => t.label.toLowerCase().includes(e));
|
|
3187
|
-
}),
|
|
3187
|
+
}), re = a(() => {
|
|
3188
3188
|
let e = /* @__PURE__ */ new Map();
|
|
3189
|
-
for (let t of
|
|
3189
|
+
for (let t of ne.value) {
|
|
3190
3190
|
let n = t.group ?? "";
|
|
3191
3191
|
e.has(n) || e.set(n, []), e.get(n).push(t);
|
|
3192
3192
|
}
|
|
@@ -3195,20 +3195,20 @@ var ci = [
|
|
|
3195
3195
|
K(S, async (e) => {
|
|
3196
3196
|
if (e) {
|
|
3197
3197
|
w.value = "";
|
|
3198
|
-
let e =
|
|
3198
|
+
let e = ne.value.findIndex((e) => te(e));
|
|
3199
3199
|
E.value = e >= 0 ? e : 0, V(), await v(), L(), requestAnimationFrame(() => L()), f.searchable && N.value?.focus(), ve(), document.addEventListener("pointerdown", fe), window.addEventListener("resize", L), window.addEventListener("scroll", L, !0);
|
|
3200
3200
|
} else document.removeEventListener("pointerdown", fe), window.removeEventListener("resize", L), window.removeEventListener("scroll", L, !0);
|
|
3201
3201
|
}), K(w, () => {
|
|
3202
3202
|
E.value = 0;
|
|
3203
3203
|
});
|
|
3204
|
-
function
|
|
3204
|
+
function ie() {
|
|
3205
3205
|
f.disabled || (S.value = !0);
|
|
3206
3206
|
}
|
|
3207
3207
|
function Q() {
|
|
3208
3208
|
S.value = !1;
|
|
3209
3209
|
}
|
|
3210
3210
|
function ae() {
|
|
3211
|
-
S.value ? Q() :
|
|
3211
|
+
S.value ? Q() : ie();
|
|
3212
3212
|
}
|
|
3213
3213
|
function oe(e) {
|
|
3214
3214
|
x(e);
|
|
@@ -3238,19 +3238,19 @@ var ci = [
|
|
|
3238
3238
|
D.value?.contains(t) || j.value?.contains(t) || Q();
|
|
3239
3239
|
}
|
|
3240
3240
|
function pe(e) {
|
|
3241
|
-
e.key === "ArrowDown" ? (e.preventDefault(), S.value ? he() :
|
|
3241
|
+
e.key === "ArrowDown" ? (e.preventDefault(), S.value ? he() : ie()) : e.key === "ArrowUp" ? (e.preventDefault(), S.value && ge()) : e.key === "Enter" || e.key === " " ? (e.preventDefault(), S.value ? _e() : ie()) : e.key === "Escape" ? (S.value && (e.preventDefault(), e.stopPropagation()), Q()) : e.key === "Backspace" && f.multiple && G.value.length > 0 && (e.preventDefault(), ue(G.value[G.value.length - 1]));
|
|
3242
3242
|
}
|
|
3243
3243
|
function me(e) {
|
|
3244
3244
|
e.key === "ArrowDown" ? (e.preventDefault(), he()) : e.key === "ArrowUp" ? (e.preventDefault(), ge()) : e.key === "Enter" ? (e.preventDefault(), _e()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), Q(), O.value?.focus());
|
|
3245
3245
|
}
|
|
3246
3246
|
function he() {
|
|
3247
|
-
E.value = Math.min(E.value + 1,
|
|
3247
|
+
E.value = Math.min(E.value + 1, ne.value.length - 1), ve();
|
|
3248
3248
|
}
|
|
3249
3249
|
function ge() {
|
|
3250
3250
|
E.value = Math.max(E.value - 1, 0), ve();
|
|
3251
3251
|
}
|
|
3252
3252
|
function _e() {
|
|
3253
|
-
let e =
|
|
3253
|
+
let e = ne.value[E.value];
|
|
3254
3254
|
e && ce(e);
|
|
3255
3255
|
}
|
|
3256
3256
|
function ve() {
|
|
@@ -3280,7 +3280,7 @@ var ci = [
|
|
|
3280
3280
|
"aria-disabled": i.disabled,
|
|
3281
3281
|
onClick: ae,
|
|
3282
3282
|
onKeydown: pe
|
|
3283
|
-
}, [i.multiple && q.value.length > 0 ? (T(), c("span", _a, [(T(!0), c(t, null, A(
|
|
3283
|
+
}, [i.multiple && q.value.length > 0 ? (T(), c("span", _a, [(T(!0), c(t, null, A(X.value, (t) => (T(), c("span", {
|
|
3284
3284
|
key: t.value,
|
|
3285
3285
|
class: "uid-select__tag"
|
|
3286
3286
|
}, [l("span", va, F(t.label), 1), i.disabled ? s("", !0) : (T(), c("button", {
|
|
@@ -3293,10 +3293,10 @@ var ci = [
|
|
|
3293
3293
|
}, [d(e, {
|
|
3294
3294
|
icon: R(He),
|
|
3295
3295
|
size: 12
|
|
3296
|
-
}, null, 8, ["icon"])], 8, ya))]))), 128)),
|
|
3296
|
+
}, null, 8, ["icon"])], 8, ya))]))), 128)), Z.value > 0 ? (T(), c("span", ba, "+" + F(Z.value), 1)) : s("", !0)])) : (T(), c("span", {
|
|
3297
3297
|
key: 1,
|
|
3298
3298
|
class: y(["uid-select__value", { "uid-select__value--placeholder": !U.value }])
|
|
3299
|
-
}, F(U.value?.label ?? m.value), 3)), l("div", xa, [i.clearable &&
|
|
3299
|
+
}, F(U.value?.label ?? m.value), 3)), l("div", xa, [i.clearable && ee.value ? (T(), c("button", {
|
|
3300
3300
|
key: 0,
|
|
3301
3301
|
type: "button",
|
|
3302
3302
|
class: "uid-select__clear",
|
|
@@ -3334,21 +3334,21 @@ var ci = [
|
|
|
3334
3334
|
role: "listbox",
|
|
3335
3335
|
"aria-multiselectable": i.multiple ? "true" : void 0,
|
|
3336
3336
|
onKeydown: me
|
|
3337
|
-
}, [
|
|
3337
|
+
}, [ne.value.length > 0 ? (T(!0), c(t, { key: 0 }, A(re.value, ([n, r]) => (T(), c(t, { key: n }, [n ? (T(), c("div", Ea, F(n), 1)) : s("", !0), (T(!0), c(t, null, A(r, (t) => (T(), c("button", {
|
|
3338
3338
|
key: t.value,
|
|
3339
3339
|
type: "button",
|
|
3340
3340
|
class: y(["uid-select__option", {
|
|
3341
|
-
"uid-select__option--selected":
|
|
3342
|
-
"uid-select__option--active":
|
|
3341
|
+
"uid-select__option--selected": te(t),
|
|
3342
|
+
"uid-select__option--active": ne.value.indexOf(t) === E.value,
|
|
3343
3343
|
"uid-select__option--disabled": t.disabled
|
|
3344
3344
|
}]),
|
|
3345
|
-
"data-active":
|
|
3345
|
+
"data-active": ne.value.indexOf(t) === E.value ? "true" : void 0,
|
|
3346
3346
|
role: "option",
|
|
3347
|
-
"aria-selected":
|
|
3347
|
+
"aria-selected": te(t),
|
|
3348
3348
|
"aria-disabled": t.disabled,
|
|
3349
3349
|
onClick: (e) => ce(t),
|
|
3350
|
-
onMouseenter: (e) => !t.disabled && (E.value =
|
|
3351
|
-
}, [l("span", null, F(t.label), 1),
|
|
3350
|
+
onMouseenter: (e) => !t.disabled && (E.value = ne.value.indexOf(t))
|
|
3351
|
+
}, [l("span", null, F(t.label), 1), te(t) ? (T(), o(e, {
|
|
3352
3352
|
key: 0,
|
|
3353
3353
|
icon: R(se),
|
|
3354
3354
|
size: 14,
|
|
@@ -3496,7 +3496,7 @@ var Ma = [
|
|
|
3496
3496
|
let t = I(j.value);
|
|
3497
3497
|
t.setDate(t.getDate() + e), j.value = L(t), (t.getFullYear() !== N.value || t.getMonth() !== P.value) && (N.value = t.getFullYear(), P.value = t.getMonth()), v(q);
|
|
3498
3498
|
}
|
|
3499
|
-
function
|
|
3499
|
+
function X(e) {
|
|
3500
3500
|
switch (e.key) {
|
|
3501
3501
|
case "ArrowLeft":
|
|
3502
3502
|
e.preventDefault(), Y(-1);
|
|
@@ -3527,41 +3527,41 @@ var Ma = [
|
|
|
3527
3527
|
if (j.value) {
|
|
3528
3528
|
e.preventDefault();
|
|
3529
3529
|
let t = H.value.find((e) => e.iso === j.value);
|
|
3530
|
-
t &&
|
|
3530
|
+
t && te(t);
|
|
3531
3531
|
}
|
|
3532
3532
|
break;
|
|
3533
3533
|
case "Escape":
|
|
3534
|
-
e.stopPropagation(), e.preventDefault(),
|
|
3534
|
+
e.stopPropagation(), e.preventDefault(), Z(), S.value?.focus();
|
|
3535
3535
|
break;
|
|
3536
3536
|
}
|
|
3537
3537
|
}
|
|
3538
|
-
function
|
|
3538
|
+
function Z() {
|
|
3539
3539
|
_.value = !1;
|
|
3540
3540
|
}
|
|
3541
|
-
function
|
|
3542
|
-
_.value ?
|
|
3541
|
+
function ee() {
|
|
3542
|
+
_.value ? Z() : G();
|
|
3543
3543
|
}
|
|
3544
|
-
function
|
|
3545
|
-
W(e.iso) || (g.value = e.iso,
|
|
3544
|
+
function te(e) {
|
|
3545
|
+
W(e.iso) || (g.value = e.iso, Z(), S.value?.focus());
|
|
3546
3546
|
}
|
|
3547
|
-
function
|
|
3547
|
+
function ne() {
|
|
3548
3548
|
P.value === 0 ? (P.value = 11, N.value--) : P.value--;
|
|
3549
3549
|
}
|
|
3550
|
-
function
|
|
3550
|
+
function re() {
|
|
3551
3551
|
P.value === 11 ? (P.value = 0, N.value++) : P.value++;
|
|
3552
3552
|
}
|
|
3553
|
-
function
|
|
3553
|
+
function ie(e) {
|
|
3554
3554
|
e.stopPropagation(), g.value = null;
|
|
3555
3555
|
}
|
|
3556
3556
|
function Q(e) {
|
|
3557
3557
|
let t = e.target;
|
|
3558
|
-
!x.value?.contains(t) && !O(t) &&
|
|
3558
|
+
!x.value?.contains(t) && !O(t) && Z();
|
|
3559
3559
|
}
|
|
3560
3560
|
K(_, (e) => {
|
|
3561
3561
|
e ? document.addEventListener("pointerdown", Q) : document.removeEventListener("pointerdown", Q);
|
|
3562
3562
|
});
|
|
3563
3563
|
function ae(e) {
|
|
3564
|
-
e.key === "Enter" || e.key === " " ? (e.preventDefault(),
|
|
3564
|
+
e.key === "Enter" || e.key === " " ? (e.preventDefault(), ee()) : e.key === "Escape" && _.value && (e.stopPropagation(), Z());
|
|
3565
3565
|
}
|
|
3566
3566
|
return C(() => document.removeEventListener("pointerdown", Q)), (a, u) => (T(), c("div", {
|
|
3567
3567
|
ref_key: "containerRef",
|
|
@@ -3580,14 +3580,14 @@ var Ma = [
|
|
|
3580
3580
|
"aria-expanded": _.value,
|
|
3581
3581
|
"aria-label": p.value,
|
|
3582
3582
|
"aria-disabled": i.disabled,
|
|
3583
|
-
onClick:
|
|
3583
|
+
onClick: ee,
|
|
3584
3584
|
onKeydown: ae
|
|
3585
3585
|
}, [l("span", { class: y(["uid-datepicker__value", { "uid-datepicker__value--placeholder": !g.value }]) }, F(g.value ? B.value : p.value), 3), l("div", Na, [g.value ? (T(), c("button", {
|
|
3586
3586
|
key: 0,
|
|
3587
3587
|
type: "button",
|
|
3588
3588
|
class: "uid-datepicker__clear",
|
|
3589
3589
|
"aria-label": R(f).common.clear,
|
|
3590
|
-
onClick:
|
|
3590
|
+
onClick: ie
|
|
3591
3591
|
}, " × ", 8, Pa)) : s("", !0), d(e, {
|
|
3592
3592
|
icon: R(le),
|
|
3593
3593
|
size: 16,
|
|
@@ -3607,7 +3607,7 @@ var Ma = [
|
|
|
3607
3607
|
type: "button",
|
|
3608
3608
|
class: "uid-datepicker__nav-btn",
|
|
3609
3609
|
"aria-label": R(f).datePicker.prevMonth,
|
|
3610
|
-
onClick:
|
|
3610
|
+
onClick: ne
|
|
3611
3611
|
}, [d(e, {
|
|
3612
3612
|
icon: R(ue),
|
|
3613
3613
|
size: 16
|
|
@@ -3617,7 +3617,7 @@ var Ma = [
|
|
|
3617
3617
|
type: "button",
|
|
3618
3618
|
class: "uid-datepicker__nav-btn",
|
|
3619
3619
|
"aria-label": R(f).datePicker.nextMonth,
|
|
3620
|
-
onClick:
|
|
3620
|
+
onClick: re
|
|
3621
3621
|
}, [d(e, {
|
|
3622
3622
|
icon: R(de),
|
|
3623
3623
|
size: 16
|
|
@@ -3626,7 +3626,7 @@ var Ma = [
|
|
|
3626
3626
|
ref_key: "gridRef",
|
|
3627
3627
|
ref: w,
|
|
3628
3628
|
class: "uid-datepicker__grid",
|
|
3629
|
-
onKeydown:
|
|
3629
|
+
onKeydown: X
|
|
3630
3630
|
}, [(T(!0), c(t, null, A(h.value, (e) => (T(), c("span", {
|
|
3631
3631
|
key: e,
|
|
3632
3632
|
class: "uid-datepicker__weekday"
|
|
@@ -3644,7 +3644,7 @@ var Ma = [
|
|
|
3644
3644
|
disabled: W(e.iso),
|
|
3645
3645
|
"aria-current": e.iso === U.value ? "date" : void 0,
|
|
3646
3646
|
"aria-selected": e.iso === g.value,
|
|
3647
|
-
onClick: (t) =>
|
|
3647
|
+
onClick: (t) => te(e)
|
|
3648
3648
|
}, F(e.date.getDate()), 11, Ba))), 128))], 544)], 12, Fa)) : s("", !0)]),
|
|
3649
3649
|
_: 1
|
|
3650
3650
|
})]))], 2));
|
|
@@ -3958,7 +3958,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
3958
3958
|
let e = G();
|
|
3959
3959
|
h.value = e, m("change", e), I.value = e.toUpperCase();
|
|
3960
3960
|
}
|
|
3961
|
-
let
|
|
3961
|
+
let X = a(() => co(h.value)), Z = a(() => X.value ?? h.value ?? null), ee = a(() => `hsl(${g.value}, 100%, 50%)`), te = a(() => `${_.value}%`), ne = a(() => `${100 - v.value}%`), re = a(() => `${g.value / 360 * 100}%`), ie = a(() => `${x.value}%`), [Q, ae, oe] = [
|
|
3962
3962
|
a(() => H(g.value, _.value, v.value)[0]),
|
|
3963
3963
|
a(() => H(g.value, _.value, v.value)[1]),
|
|
3964
3964
|
a(() => H(g.value, _.value, v.value)[2])
|
|
@@ -4048,7 +4048,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4048
4048
|
if (!h.value) return !1;
|
|
4049
4049
|
if (h.value.toUpperCase() === e.toUpperCase()) return !0;
|
|
4050
4050
|
let t = co(e);
|
|
4051
|
-
return t !== null && t ===
|
|
4051
|
+
return t !== null && t === X.value;
|
|
4052
4052
|
}
|
|
4053
4053
|
function De() {
|
|
4054
4054
|
u.disabled || (q(), h.value || (I.value = ""), S.value = !0);
|
|
@@ -4081,8 +4081,8 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4081
4081
|
onClick: ke
|
|
4082
4082
|
}, [l("span", {
|
|
4083
4083
|
class: "uid-colorpicker__swatch",
|
|
4084
|
-
style: b(
|
|
4085
|
-
}, null, 4), l("span", { class: y(["uid-colorpicker__trigger-label", { "uid-colorpicker__trigger-label--empty": !h.value }]) }, F(
|
|
4084
|
+
style: b(Z.value ? { background: Z.value } : {})
|
|
4085
|
+
}, null, 4), l("span", { class: y(["uid-colorpicker__trigger-label", { "uid-colorpicker__trigger-label--empty": !h.value }]) }, F(Z.value ? Z.value.toUpperCase() : p.value), 3)], 8, lo), (T(), o(n, { to: "body" }, [d(r, { name: "uid-colorpicker-panel" }, {
|
|
4086
4086
|
default: J(() => [S.value ? (T(), c("div", {
|
|
4087
4087
|
key: 0,
|
|
4088
4088
|
ref_key: "panelRef",
|
|
@@ -4096,7 +4096,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4096
4096
|
ref_key: "gradientRef",
|
|
4097
4097
|
ref: M,
|
|
4098
4098
|
class: "uid-colorpicker__gradient",
|
|
4099
|
-
style: b({ "--_hue":
|
|
4099
|
+
style: b({ "--_hue": ee.value }),
|
|
4100
4100
|
tabindex: "0",
|
|
4101
4101
|
role: "application",
|
|
4102
4102
|
"aria-label": R(f).colorPicker.saturation,
|
|
@@ -4107,8 +4107,8 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4107
4107
|
}, [l("div", {
|
|
4108
4108
|
class: "uid-colorpicker__gradient-thumb",
|
|
4109
4109
|
style: b({
|
|
4110
|
-
left:
|
|
4111
|
-
top:
|
|
4110
|
+
left: te.value,
|
|
4111
|
+
top: ne.value
|
|
4112
4112
|
})
|
|
4113
4113
|
}, null, 4)], 44, fo),
|
|
4114
4114
|
l("div", po, [l("div", mo, [l("div", {
|
|
@@ -4127,7 +4127,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4127
4127
|
onKeydown: Ce
|
|
4128
4128
|
}, [l("div", {
|
|
4129
4129
|
class: "uid-colorpicker__track-thumb",
|
|
4130
|
-
style: b({ left:
|
|
4130
|
+
style: b({ left: re.value })
|
|
4131
4131
|
}, null, 4)], 40, ho), e.alpha ? (T(), c("div", {
|
|
4132
4132
|
key: 0,
|
|
4133
4133
|
ref_key: "alphaSliderRef",
|
|
@@ -4146,7 +4146,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4146
4146
|
onKeydown: we
|
|
4147
4147
|
}, [l("div", {
|
|
4148
4148
|
class: "uid-colorpicker__track-thumb",
|
|
4149
|
-
style: b({ left:
|
|
4149
|
+
style: b({ left: ie.value })
|
|
4150
4150
|
}, null, 4)], 44, go)) : s("", !0)]), l("span", {
|
|
4151
4151
|
class: "uid-colorpicker__preview",
|
|
4152
4152
|
style: b({ background: se.value })
|
|
@@ -4252,7 +4252,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4252
4252
|
default: J(() => [p.value ? (T(), c("div", {
|
|
4253
4253
|
key: 0,
|
|
4254
4254
|
class: "uid-command-overlay",
|
|
4255
|
-
onClick:
|
|
4255
|
+
onClick: Z(N, ["self"])
|
|
4256
4256
|
}, [l("div", {
|
|
4257
4257
|
ref_key: "panelRef",
|
|
4258
4258
|
ref: g,
|
|
@@ -4555,23 +4555,23 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4555
4555
|
h: e
|
|
4556
4556
|
};
|
|
4557
4557
|
}
|
|
4558
|
-
function
|
|
4558
|
+
function X(e) {
|
|
4559
4559
|
I.value = {
|
|
4560
4560
|
...I.value,
|
|
4561
4561
|
m: e
|
|
4562
4562
|
};
|
|
4563
4563
|
}
|
|
4564
|
-
function
|
|
4564
|
+
function Z(e) {
|
|
4565
4565
|
I.value = {
|
|
4566
4566
|
...I.value,
|
|
4567
4567
|
s: e
|
|
4568
4568
|
};
|
|
4569
4569
|
}
|
|
4570
|
-
function
|
|
4570
|
+
function ee() {
|
|
4571
4571
|
let e = P(I.value);
|
|
4572
4572
|
g.value = e, h("change", e), G(), S.value?.focus();
|
|
4573
4573
|
}
|
|
4574
|
-
function
|
|
4574
|
+
function te() {
|
|
4575
4575
|
let e = /* @__PURE__ */ new Date(), t = f.step;
|
|
4576
4576
|
I.value = {
|
|
4577
4577
|
h: e.getHours(),
|
|
@@ -4579,14 +4579,14 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4579
4579
|
s: f.withSeconds ? Math.floor(e.getSeconds() / t) * t : 0
|
|
4580
4580
|
};
|
|
4581
4581
|
}
|
|
4582
|
-
function
|
|
4582
|
+
function ne(e) {
|
|
4583
4583
|
e.stopPropagation(), g.value = null, h("change", null);
|
|
4584
4584
|
}
|
|
4585
|
-
function
|
|
4585
|
+
function re(e) {
|
|
4586
4586
|
let t = e.target;
|
|
4587
4587
|
!x.value?.contains(t) && !D(t) && G();
|
|
4588
4588
|
}
|
|
4589
|
-
function
|
|
4589
|
+
function ie(e) {
|
|
4590
4590
|
e.key === "Enter" || e.key === " " ? (e.preventDefault(), q()) : e.key === "Escape" && _.value && (e.stopPropagation(), G());
|
|
4591
4591
|
}
|
|
4592
4592
|
function Q(e, t, n) {
|
|
@@ -4616,7 +4616,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4616
4616
|
...I.value,
|
|
4617
4617
|
[t]: r
|
|
4618
4618
|
}, ae(t, r);
|
|
4619
|
-
} else e.key === "Enter" ? (e.preventDefault(),
|
|
4619
|
+
} else e.key === "Enter" ? (e.preventDefault(), ee()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), G(), S.value?.focus());
|
|
4620
4620
|
}
|
|
4621
4621
|
function ae(e, t) {
|
|
4622
4622
|
let n = {
|
|
@@ -4642,8 +4642,8 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4642
4642
|
});
|
|
4643
4643
|
}
|
|
4644
4644
|
return K(_, (e) => {
|
|
4645
|
-
e ? (document.addEventListener("pointerdown",
|
|
4646
|
-
}), C(() => document.removeEventListener("pointerdown",
|
|
4645
|
+
e ? (document.addEventListener("pointerdown", re), oe()) : document.removeEventListener("pointerdown", re);
|
|
4646
|
+
}), C(() => document.removeEventListener("pointerdown", re)), (a, u) => (T(), c("div", {
|
|
4647
4647
|
ref_key: "containerRef",
|
|
4648
4648
|
ref: x,
|
|
4649
4649
|
class: y(["uid-timepicker", [`uid-timepicker--${i.size}`, {
|
|
@@ -4661,7 +4661,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4661
4661
|
"aria-label": m.value,
|
|
4662
4662
|
"aria-disabled": i.disabled,
|
|
4663
4663
|
onClick: q,
|
|
4664
|
-
onKeydown:
|
|
4664
|
+
onKeydown: ie
|
|
4665
4665
|
}, [
|
|
4666
4666
|
d(e, {
|
|
4667
4667
|
icon: R(me),
|
|
@@ -4675,7 +4675,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4675
4675
|
type: "button",
|
|
4676
4676
|
class: "uid-timepicker__clear",
|
|
4677
4677
|
"aria-label": R(p).common.clear,
|
|
4678
|
-
onClick:
|
|
4678
|
+
onClick: ne
|
|
4679
4679
|
}, " × ", 8, Ho)) : s("", !0)
|
|
4680
4680
|
], 40, Vo), (T(), o(n, { to: "body" }, [d(r, { name: "uid-timepicker-panel" }, {
|
|
4681
4681
|
default: J(() => [_.value ? (T(), c("div", {
|
|
@@ -4717,7 +4717,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4717
4717
|
role: "option",
|
|
4718
4718
|
"aria-selected": I.value.m === e,
|
|
4719
4719
|
tabindex: I.value.m === e ? 0 : -1,
|
|
4720
|
-
onClick: (t) =>
|
|
4720
|
+
onClick: (t) => X(e)
|
|
4721
4721
|
}, F(U(e)), 11, Jo))), 128))], 40, qo),
|
|
4722
4722
|
i.withSeconds ? (T(), c("div", {
|
|
4723
4723
|
key: 0,
|
|
@@ -4734,16 +4734,16 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4734
4734
|
role: "option",
|
|
4735
4735
|
"aria-selected": I.value.s === e,
|
|
4736
4736
|
tabindex: I.value.s === e ? 0 : -1,
|
|
4737
|
-
onClick: (t) =>
|
|
4737
|
+
onClick: (t) => Z(e)
|
|
4738
4738
|
}, F(U(e)), 11, Xo))), 128))], 40, Yo)) : s("", !0)
|
|
4739
4739
|
]), l("div", Zo, [l("button", {
|
|
4740
4740
|
type: "button",
|
|
4741
4741
|
class: "uid-timepicker__btn",
|
|
4742
|
-
onClick:
|
|
4742
|
+
onClick: te
|
|
4743
4743
|
}, F(R(p).timePicker.now), 1), l("button", {
|
|
4744
4744
|
type: "button",
|
|
4745
4745
|
class: "uid-timepicker__btn uid-timepicker__btn--primary",
|
|
4746
|
-
onClick:
|
|
4746
|
+
onClick: ee
|
|
4747
4747
|
}, F(R(p).timePicker.confirm), 1)])], 12, Uo)) : s("", !0)]),
|
|
4748
4748
|
_: 1
|
|
4749
4749
|
})]))], 2));
|
|
@@ -4826,8 +4826,8 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4826
4826
|
let t = U(e), n = `${String(t.getDate()).padStart(2, "0")}.${String(t.getMonth() + 1).padStart(2, "0")}.${t.getFullYear()}`, r = f.withTime ? B(e) : null;
|
|
4827
4827
|
return r ? `${n} ${r}` : n;
|
|
4828
4828
|
}
|
|
4829
|
-
let q = a(() => _.value.start ? z(_.value.start) : null), Y = a(() => _.value.end ? z(_.value.end) : null),
|
|
4830
|
-
function
|
|
4829
|
+
let q = a(() => _.value.start ? z(_.value.start) : null), Y = a(() => _.value.end ? z(_.value.end) : null), X = a(() => !_.value.start && !_.value.end ? "" : `${_.value.start ? G(_.value.start) : "..."} — ${_.value.end ? G(_.value.end) : "..."}`);
|
|
4830
|
+
function Z(e, t, n) {
|
|
4831
4831
|
let r = new Date(e, t, 1), i = new Date(e, t + 1, 0), a = (r.getDay() + 6) % 7, o = [];
|
|
4832
4832
|
for (let r = a; r > 0; r--) {
|
|
4833
4833
|
let i = new Date(e, t, 1 - r);
|
|
@@ -4859,13 +4859,13 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
4859
4859
|
}
|
|
4860
4860
|
return o;
|
|
4861
4861
|
}
|
|
4862
|
-
let
|
|
4862
|
+
let ee = a(() => Z(j.value, M.value, 0)), te = a(() => {
|
|
4863
4863
|
let e = M.value === 11 ? 0 : M.value + 1;
|
|
4864
|
-
return
|
|
4865
|
-
}),
|
|
4864
|
+
return Z(M.value === 11 ? j.value + 1 : j.value, e, 1);
|
|
4865
|
+
}), ne = a(() => `${I.value[M.value]} ${j.value}`), re = a(() => {
|
|
4866
4866
|
let e = M.value === 11 ? 0 : M.value + 1, t = M.value === 11 ? j.value + 1 : j.value;
|
|
4867
4867
|
return `${I.value[e]} ${t}`;
|
|
4868
|
-
}),
|
|
4868
|
+
}), ie = a(() => W(O));
|
|
4869
4869
|
function Q(e) {
|
|
4870
4870
|
return !!(f.min && e < z(f.min) || f.max && e > z(f.max));
|
|
4871
4871
|
}
|
|
@@ -5005,7 +5005,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
5005
5005
|
class: "uid-daterange__icon",
|
|
5006
5006
|
"aria-hidden": "true"
|
|
5007
5007
|
}, null, 8, ["icon"]),
|
|
5008
|
-
l("span", { class: y(["uid-daterange__value", { "uid-daterange__value--placeholder": !_.value.start && !_.value.end }]) }, F(
|
|
5008
|
+
l("span", { class: y(["uid-daterange__value", { "uid-daterange__value--placeholder": !_.value.start && !_.value.end }]) }, F(X.value || m.value), 3),
|
|
5009
5009
|
i.clearable && (_.value.start || _.value.end) ? (T(), c("button", {
|
|
5010
5010
|
key: 0,
|
|
5011
5011
|
type: "button",
|
|
@@ -5033,7 +5033,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
5033
5033
|
icon: R(ue),
|
|
5034
5034
|
size: 16
|
|
5035
5035
|
}, null, 8, ["icon"])], 8, as),
|
|
5036
|
-
l("span", os, F(
|
|
5036
|
+
l("span", os, F(ne.value), 1),
|
|
5037
5037
|
l("button", {
|
|
5038
5038
|
type: "button",
|
|
5039
5039
|
class: "uid-daterange__nav-btn uid-daterange__nav-btn--next",
|
|
@@ -5046,12 +5046,12 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
5046
5046
|
]), l("div", cs, [(T(!0), c(t, null, A(L.value, (e) => (T(), c("span", {
|
|
5047
5047
|
key: e,
|
|
5048
5048
|
class: "uid-daterange__weekday"
|
|
5049
|
-
}, F(e), 1))), 128)), (T(!0), c(t, null, A(
|
|
5049
|
+
}, F(e), 1))), 128)), (T(!0), c(t, null, A(ee.value, (e) => (T(), c("button", {
|
|
5050
5050
|
key: e.iso,
|
|
5051
5051
|
type: "button",
|
|
5052
5052
|
class: y(["uid-daterange__day", {
|
|
5053
5053
|
"uid-daterange__day--other": !e.current,
|
|
5054
|
-
"uid-daterange__day--today": e.iso ===
|
|
5054
|
+
"uid-daterange__day--today": e.iso === ie.value,
|
|
5055
5055
|
"uid-daterange__day--start": se(e.iso),
|
|
5056
5056
|
"uid-daterange__day--end": ce(e.iso),
|
|
5057
5057
|
"uid-daterange__day--in-range": oe(e.iso),
|
|
@@ -5070,7 +5070,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
5070
5070
|
icon: R(ue),
|
|
5071
5071
|
size: 16
|
|
5072
5072
|
}, null, 8, ["icon"])], 8, fs),
|
|
5073
|
-
l("span", ps, F(
|
|
5073
|
+
l("span", ps, F(re.value), 1),
|
|
5074
5074
|
l("button", {
|
|
5075
5075
|
type: "button",
|
|
5076
5076
|
class: "uid-daterange__nav-btn uid-daterange__nav-btn--next",
|
|
@@ -5083,12 +5083,12 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
5083
5083
|
]), l("div", hs, [(T(!0), c(t, null, A(L.value, (e) => (T(), c("span", {
|
|
5084
5084
|
key: e,
|
|
5085
5085
|
class: "uid-daterange__weekday"
|
|
5086
|
-
}, F(e), 1))), 128)), (T(!0), c(t, null, A(
|
|
5086
|
+
}, F(e), 1))), 128)), (T(!0), c(t, null, A(te.value, (e) => (T(), c("button", {
|
|
5087
5087
|
key: e.iso,
|
|
5088
5088
|
type: "button",
|
|
5089
5089
|
class: y(["uid-daterange__day", {
|
|
5090
5090
|
"uid-daterange__day--other": !e.current,
|
|
5091
|
-
"uid-daterange__day--today": e.iso ===
|
|
5091
|
+
"uid-daterange__day--today": e.iso === ie.value,
|
|
5092
5092
|
"uid-daterange__day--start": se(e.iso),
|
|
5093
5093
|
"uid-daterange__day--end": ce(e.iso),
|
|
5094
5094
|
"uid-daterange__day--in-range": oe(e.iso),
|
|
@@ -5249,7 +5249,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
5249
5249
|
type: "button",
|
|
5250
5250
|
class: "uid-tags-input__chip-remove",
|
|
5251
5251
|
"aria-label": R(g).tagsInput.remove(t),
|
|
5252
|
-
onClick:
|
|
5252
|
+
onClick: Z((e) => w(n), ["stop"])
|
|
5253
5253
|
}, "×", 8, js))], 2))), 128)), l("input", _(R(i)(), {
|
|
5254
5254
|
id: R(h),
|
|
5255
5255
|
ref_key: "inputRef",
|
|
@@ -5353,26 +5353,26 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
5353
5353
|
function Y() {
|
|
5354
5354
|
m.disabled || (E.value = !0);
|
|
5355
5355
|
}
|
|
5356
|
-
function
|
|
5356
|
+
function X() {
|
|
5357
5357
|
E.value = !1, D.value = U.value?.label ?? "";
|
|
5358
5358
|
}
|
|
5359
|
-
function
|
|
5359
|
+
function Z(e) {
|
|
5360
5360
|
e.disabled || (w.value = e.value, S("change", e.value), D.value = e.label, E.value = !1, M.value?.blur());
|
|
5361
5361
|
}
|
|
5362
|
-
function
|
|
5362
|
+
function ee() {
|
|
5363
5363
|
let e = D.value.trim();
|
|
5364
5364
|
e && (S("create", e), E.value = !1);
|
|
5365
5365
|
}
|
|
5366
|
-
function
|
|
5366
|
+
function te(e) {
|
|
5367
5367
|
e.stopPropagation(), w.value = null, S("change", null), D.value = "", M.value?.focus();
|
|
5368
5368
|
}
|
|
5369
|
-
function
|
|
5369
|
+
function ne(e) {
|
|
5370
5370
|
D.value = e.target.value, E.value || Y();
|
|
5371
5371
|
}
|
|
5372
|
-
function
|
|
5372
|
+
function re() {
|
|
5373
5373
|
Y();
|
|
5374
5374
|
}
|
|
5375
|
-
function
|
|
5375
|
+
function ie(e) {
|
|
5376
5376
|
if (e.key === "ArrowDown") {
|
|
5377
5377
|
if (e.preventDefault(), !E.value) {
|
|
5378
5378
|
Y();
|
|
@@ -5386,7 +5386,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
5386
5386
|
return;
|
|
5387
5387
|
}
|
|
5388
5388
|
oe();
|
|
5389
|
-
} else e.key === "Escape" ? E.value ? (e.stopPropagation(),
|
|
5389
|
+
} else e.key === "Escape" ? E.value ? (e.stopPropagation(), X()) : M.value?.blur() : e.key === "Tab" && X();
|
|
5390
5390
|
}
|
|
5391
5391
|
function Q() {
|
|
5392
5392
|
let e = W.value.length + +!!G.value;
|
|
@@ -5397,11 +5397,11 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
5397
5397
|
}
|
|
5398
5398
|
function oe() {
|
|
5399
5399
|
if (G.value && O.value === W.value.length) {
|
|
5400
|
-
|
|
5400
|
+
ee();
|
|
5401
5401
|
return;
|
|
5402
5402
|
}
|
|
5403
5403
|
let e = W.value[O.value];
|
|
5404
|
-
e &&
|
|
5404
|
+
e && Z(e);
|
|
5405
5405
|
}
|
|
5406
5406
|
function ce() {
|
|
5407
5407
|
v(() => {
|
|
@@ -5410,7 +5410,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
5410
5410
|
}
|
|
5411
5411
|
function ue(e) {
|
|
5412
5412
|
let t = e.target;
|
|
5413
|
-
!j.value?.contains(t) && !L(t) &&
|
|
5413
|
+
!j.value?.contains(t) && !L(t) && X();
|
|
5414
5414
|
}
|
|
5415
5415
|
return K(E, (e) => {
|
|
5416
5416
|
e ? (O.value = Math.max(0, W.value.findIndex((e) => e.value === w.value)), document.addEventListener("pointerdown", ue)) : document.removeEventListener("pointerdown", ue);
|
|
@@ -5451,15 +5451,15 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
5451
5451
|
disabled: r.disabled,
|
|
5452
5452
|
required: r.required,
|
|
5453
5453
|
value: D.value,
|
|
5454
|
-
onInput:
|
|
5455
|
-
onFocus:
|
|
5456
|
-
onKeydown:
|
|
5454
|
+
onInput: ne,
|
|
5455
|
+
onFocus: re,
|
|
5456
|
+
onKeydown: ie
|
|
5457
5457
|
}), null, 16, Ls), l("div", Rs, [r.clearable && w.value !== null ? (T(), c("button", {
|
|
5458
5458
|
key: 0,
|
|
5459
5459
|
type: "button",
|
|
5460
5460
|
class: "uid-combobox__clear",
|
|
5461
5461
|
"aria-label": R(h).common.clear,
|
|
5462
|
-
onClick:
|
|
5462
|
+
onClick: te
|
|
5463
5463
|
}, [d(e, {
|
|
5464
5464
|
icon: R(He),
|
|
5465
5465
|
size: 12
|
|
@@ -5492,7 +5492,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
5492
5492
|
"data-active": n === O.value ? "true" : void 0,
|
|
5493
5493
|
"aria-selected": t.value === w.value,
|
|
5494
5494
|
"aria-disabled": t.disabled,
|
|
5495
|
-
onClick: (e) =>
|
|
5495
|
+
onClick: (e) => Z(t),
|
|
5496
5496
|
onMouseenter: (e) => !t.disabled && (O.value = n)
|
|
5497
5497
|
}, [
|
|
5498
5498
|
l("span", Hs, F(t.label), 1),
|
|
@@ -5512,7 +5512,7 @@ var lo = ["aria-expanded", "aria-disabled"], uo = ["aria-label"], fo = ["aria-la
|
|
|
5512
5512
|
role: "option",
|
|
5513
5513
|
class: y(["uid-combobox__option uid-combobox__create", { "uid-combobox__option--active": O.value === W.value.length }]),
|
|
5514
5514
|
"data-active": O.value === W.value.length ? "true" : void 0,
|
|
5515
|
-
onClick:
|
|
5515
|
+
onClick: ee,
|
|
5516
5516
|
onMouseenter: a[0] ||= (e) => O.value = W.value.length
|
|
5517
5517
|
}, [l("span", Gs, F(R(h).combobox.create(D.value)), 1)], 42, Ws)) : s("", !0),
|
|
5518
5518
|
W.value.length === 0 && !G.value ? (T(), c("div", Ks, F(x.value), 1)) : s("", !0)
|
|
@@ -6893,7 +6893,7 @@ var Wl = ["innerHTML"], Gl = ["data-language", "innerHTML"], Kl = ["data-languag
|
|
|
6893
6893
|
class: y(["uid-markdown__toc-item", `uid-markdown__toc-item--l${e.level}`])
|
|
6894
6894
|
}, [l("a", {
|
|
6895
6895
|
href: `#${e.id}`,
|
|
6896
|
-
onClick:
|
|
6896
|
+
onClick: Z((t) => D(e.id), ["prevent"])
|
|
6897
6897
|
}, F(e.text), 9, Zl)], 2))), 128))])], 8, Yl)) : s("", !0)], 2));
|
|
6898
6898
|
}
|
|
6899
6899
|
}), $l = ["data-status"], eu = ["aria-label"], tu = {
|
|
@@ -7455,10 +7455,18 @@ var Iu = [
|
|
|
7455
7455
|
key: 0,
|
|
7456
7456
|
class: "uid-media-menu__heading",
|
|
7457
7457
|
"aria-hidden": "true"
|
|
7458
|
-
}, $u = [
|
|
7458
|
+
}, $u = [
|
|
7459
|
+
"role",
|
|
7460
|
+
"aria-checked",
|
|
7461
|
+
"onClick"
|
|
7462
|
+
], ed = {
|
|
7463
|
+
key: 0,
|
|
7464
|
+
class: "uid-media-menu__check",
|
|
7465
|
+
"aria-hidden": "true"
|
|
7466
|
+
}, td = { class: "uid-media-menu__label" }, nd = {
|
|
7459
7467
|
key: 0,
|
|
7460
7468
|
class: "uid-media-menu__hint"
|
|
7461
|
-
},
|
|
7469
|
+
}, rd = /* @__PURE__ */ f({
|
|
7462
7470
|
__name: "UidMediaMenu",
|
|
7463
7471
|
props: {
|
|
7464
7472
|
label: {},
|
|
@@ -7469,29 +7477,29 @@ var Iu = [
|
|
|
7469
7477
|
},
|
|
7470
7478
|
emits: ["select", "update:open"],
|
|
7471
7479
|
setup(e, { expose: n, emit: r }) {
|
|
7472
|
-
let i = e, a = r, o = k(!1),
|
|
7480
|
+
let i = e, a = r, o = k(!1), d = k(null), f = k(null), p = k(null), m = B();
|
|
7473
7481
|
K(o, (e) => a("update:open", e));
|
|
7474
|
-
function
|
|
7475
|
-
return Array.from(
|
|
7482
|
+
function h() {
|
|
7483
|
+
return Array.from(p.value?.querySelectorAll("[role=\"menuitemradio\"], [role=\"menuitem\"]") ?? []);
|
|
7476
7484
|
}
|
|
7477
|
-
async function
|
|
7478
|
-
o.value = !0, document.addEventListener("pointerdown",
|
|
7479
|
-
let t =
|
|
7485
|
+
async function g(e = "checked") {
|
|
7486
|
+
o.value = !0, document.addEventListener("pointerdown", C, !0), await v(), b();
|
|
7487
|
+
let t = h();
|
|
7480
7488
|
(e === "last" ? t[t.length - 1] : e === "first" ? t[0] : t.find((e) => e.getAttribute("aria-checked") === "true") ?? t[0])?.focus();
|
|
7481
7489
|
}
|
|
7482
|
-
let
|
|
7483
|
-
function
|
|
7484
|
-
let e =
|
|
7485
|
-
if (
|
|
7490
|
+
let _ = k(!1);
|
|
7491
|
+
function b() {
|
|
7492
|
+
let e = p.value, t = d.value?.closest("[data-media-menu-bounds]");
|
|
7493
|
+
if (_.value = !1, !e || !t || !f.value) return;
|
|
7486
7494
|
let n = t.getBoundingClientRect();
|
|
7487
7495
|
if (!n.height) return;
|
|
7488
|
-
let r =
|
|
7496
|
+
let r = f.value.getBoundingClientRect(), i = getComputedStyle(e).bottom === "auto" ? n.bottom - r.bottom - 12 : r.top - n.top - 12;
|
|
7489
7497
|
if (!(e.scrollHeight <= i)) {
|
|
7490
7498
|
if (i >= 200) {
|
|
7491
7499
|
e.style.maxHeight = `${Math.floor(i)}px`;
|
|
7492
7500
|
return;
|
|
7493
7501
|
}
|
|
7494
|
-
|
|
7502
|
+
_.value = !0, Object.assign(e.style, {
|
|
7495
7503
|
top: `${n.top + 8}px`,
|
|
7496
7504
|
left: `${n.left + 8}px`,
|
|
7497
7505
|
width: `${n.width - 16}px`,
|
|
@@ -7500,18 +7508,18 @@ var Iu = [
|
|
|
7500
7508
|
});
|
|
7501
7509
|
}
|
|
7502
7510
|
}
|
|
7503
|
-
function
|
|
7504
|
-
o.value && (o.value = !1,
|
|
7505
|
-
}
|
|
7506
|
-
function S(e) {
|
|
7507
|
-
u.value && !u.value.contains(e.target) && b(!1);
|
|
7511
|
+
function S(e = !0) {
|
|
7512
|
+
o.value && (o.value = !1, _.value = !1, document.removeEventListener("pointerdown", C, !0), e && f.value?.focus());
|
|
7508
7513
|
}
|
|
7509
|
-
x(() => document.removeEventListener("pointerdown", S, !0));
|
|
7510
7514
|
function C(e) {
|
|
7511
|
-
|
|
7515
|
+
d.value && !d.value.contains(e.target) && S(!1);
|
|
7512
7516
|
}
|
|
7517
|
+
x(() => document.removeEventListener("pointerdown", C, !0));
|
|
7513
7518
|
function w(e) {
|
|
7514
|
-
|
|
7519
|
+
(e.key === "ArrowUp" || e.key === "ArrowDown") && (e.preventDefault(), e.stopPropagation(), g(e.key === "ArrowUp" ? "last" : "first"));
|
|
7520
|
+
}
|
|
7521
|
+
function E(e) {
|
|
7522
|
+
let t = h(), n = t.indexOf(document.activeElement), r;
|
|
7515
7523
|
switch (e.key) {
|
|
7516
7524
|
case "ArrowDown":
|
|
7517
7525
|
r = t[(n + 1) % t.length];
|
|
@@ -7526,10 +7534,10 @@ var Iu = [
|
|
|
7526
7534
|
r = t[t.length - 1];
|
|
7527
7535
|
break;
|
|
7528
7536
|
case "Escape":
|
|
7529
|
-
|
|
7537
|
+
S();
|
|
7530
7538
|
break;
|
|
7531
7539
|
case "Tab":
|
|
7532
|
-
|
|
7540
|
+
S(!1);
|
|
7533
7541
|
return;
|
|
7534
7542
|
case "Enter":
|
|
7535
7543
|
case " ":
|
|
@@ -7541,43 +7549,43 @@ var Iu = [
|
|
|
7541
7549
|
}
|
|
7542
7550
|
e.preventDefault(), e.stopPropagation(), r?.focus();
|
|
7543
7551
|
}
|
|
7544
|
-
function
|
|
7545
|
-
a("select", e, t),
|
|
7552
|
+
function D(e, t) {
|
|
7553
|
+
a("select", e, t), S();
|
|
7546
7554
|
}
|
|
7547
7555
|
return n({
|
|
7548
|
-
show:
|
|
7549
|
-
hide:
|
|
7556
|
+
show: g,
|
|
7557
|
+
hide: S,
|
|
7550
7558
|
open: o
|
|
7551
7559
|
}), (n, r) => (T(), c("div", {
|
|
7552
7560
|
ref_key: "root",
|
|
7553
|
-
ref:
|
|
7561
|
+
ref: d,
|
|
7554
7562
|
class: "uid-media-menu"
|
|
7555
7563
|
}, [l("button", {
|
|
7556
7564
|
ref_key: "button",
|
|
7557
|
-
ref:
|
|
7565
|
+
ref: f,
|
|
7558
7566
|
type: "button",
|
|
7559
7567
|
class: y(["uid-media__button", [e.buttonClass, { "uid-media__button--active": o.value }]]),
|
|
7560
7568
|
"aria-label": e.label,
|
|
7561
7569
|
"aria-haspopup": "menu",
|
|
7562
7570
|
"aria-expanded": o.value,
|
|
7563
|
-
"aria-controls": o.value ? R(
|
|
7571
|
+
"aria-controls": o.value ? R(m) : void 0,
|
|
7564
7572
|
title: e.label,
|
|
7565
|
-
onClick: r[0] ||= (e) => o.value ?
|
|
7566
|
-
onKeydown:
|
|
7573
|
+
onClick: r[0] ||= (e) => o.value ? S() : g(),
|
|
7574
|
+
onKeydown: w
|
|
7567
7575
|
}, [j(n.$slots, "default")], 42, qu), o.value ? (T(), c("div", {
|
|
7568
7576
|
key: 0,
|
|
7569
|
-
id: R(
|
|
7577
|
+
id: R(m),
|
|
7570
7578
|
ref_key: "panel",
|
|
7571
|
-
ref:
|
|
7572
|
-
class: y(["uid-media-menu__panel", [`uid-media-menu__panel--${e.align}`, { "uid-media-menu__panel--sheet":
|
|
7579
|
+
ref: p,
|
|
7580
|
+
class: y(["uid-media-menu__panel", [`uid-media-menu__panel--${e.align}`, { "uid-media-menu__panel--sheet": _.value }]]),
|
|
7573
7581
|
role: "menu",
|
|
7574
7582
|
"aria-label": e.label,
|
|
7575
|
-
onKeydown:
|
|
7576
|
-
}, [
|
|
7583
|
+
onKeydown: E
|
|
7584
|
+
}, [_.value ? (T(), c("div", Yu, [l("span", null, F(e.label), 1), l("button", {
|
|
7577
7585
|
type: "button",
|
|
7578
7586
|
class: "uid-media__button uid-media-menu__close",
|
|
7579
7587
|
"aria-label": e.closeLabel,
|
|
7580
|
-
onClick: r[1] ||= (e) =>
|
|
7588
|
+
onClick: r[1] ||= (e) => S()
|
|
7581
7589
|
}, [...r[2] ||= [l("svg", {
|
|
7582
7590
|
viewBox: "0 0 24 24",
|
|
7583
7591
|
width: "20",
|
|
@@ -7596,27 +7604,20 @@ var Iu = [
|
|
|
7596
7604
|
}, [e.label ? (T(), c("div", Qu, F(e.label), 1)) : s("", !0), (T(!0), c(t, null, A(e.options, (t) => (T(), c("button", {
|
|
7597
7605
|
key: t.value,
|
|
7598
7606
|
type: "button",
|
|
7599
|
-
class: "uid-media-menu__item",
|
|
7600
|
-
role: "menuitemradio",
|
|
7607
|
+
class: y(["uid-media-menu__item", { "uid-media-menu__item--action": e.kind === "action" }]),
|
|
7608
|
+
role: e.kind === "action" ? "menuitem" : "menuitemradio",
|
|
7601
7609
|
tabindex: "-1",
|
|
7602
|
-
"aria-checked": t.value === e.value,
|
|
7603
|
-
onClick: (n) =>
|
|
7604
|
-
}, [
|
|
7605
|
-
r[3] ||= l("span", {
|
|
7606
|
-
class: "uid-media-menu__check",
|
|
7607
|
-
"aria-hidden": "true"
|
|
7608
|
-
}, null, -1),
|
|
7609
|
-
l("span", ed, F(g.value && t.short ? t.short : t.label), 1),
|
|
7610
|
-
t.hint ? (T(), c("span", td, F(t.hint), 1)) : s("", !0)
|
|
7611
|
-
], 8, $u))), 128))], 10, Zu))), 128))], 42, Ju)) : s("", !0)], 512));
|
|
7610
|
+
"aria-checked": e.kind === "action" ? void 0 : t.value === e.value,
|
|
7611
|
+
onClick: (n) => D(e.id, t.value)
|
|
7612
|
+
}, [e.kind === "action" ? s("", !0) : (T(), c("span", ed)), l("span", td, [u(F(_.value && t.short ? t.short : t.label), 1), t.hint ? (T(), c("span", nd, " · " + F(t.hint), 1)) : s("", !0)])], 10, $u))), 128))], 10, Zu))), 128))], 42, Ju)) : s("", !0)], 512));
|
|
7612
7613
|
}
|
|
7613
|
-
}),
|
|
7614
|
+
}), id = /* @__PURE__ */ new Set(), ad = {
|
|
7614
7615
|
1: "aborted",
|
|
7615
7616
|
2: "network",
|
|
7616
7617
|
3: "decode",
|
|
7617
7618
|
4: "unsupported"
|
|
7618
|
-
},
|
|
7619
|
-
async function
|
|
7619
|
+
}, od = "uid-media:";
|
|
7620
|
+
async function sd(e) {
|
|
7620
7621
|
try {
|
|
7621
7622
|
let t = await fetch(e, { headers: { Range: "bytes=0-1" } });
|
|
7622
7623
|
return t.body?.cancel().catch(() => {}), t.ok || t.status === 416 ? null : t.status;
|
|
@@ -7624,20 +7625,20 @@ async function od(e) {
|
|
|
7624
7625
|
return null;
|
|
7625
7626
|
}
|
|
7626
7627
|
}
|
|
7627
|
-
function
|
|
7628
|
+
function cd(e) {
|
|
7628
7629
|
try {
|
|
7629
|
-
let t = localStorage.getItem(
|
|
7630
|
+
let t = localStorage.getItem(od + e);
|
|
7630
7631
|
return t === null ? null : Number(t);
|
|
7631
7632
|
} catch {
|
|
7632
7633
|
return null;
|
|
7633
7634
|
}
|
|
7634
7635
|
}
|
|
7635
|
-
function
|
|
7636
|
+
function ld(e, t) {
|
|
7636
7637
|
try {
|
|
7637
|
-
t === null ? localStorage.removeItem(
|
|
7638
|
+
t === null ? localStorage.removeItem(od + e) : localStorage.setItem(od + e, String(Math.floor(t)));
|
|
7638
7639
|
} catch {}
|
|
7639
7640
|
}
|
|
7640
|
-
function
|
|
7641
|
+
function ud(e, t = {}) {
|
|
7641
7642
|
let n = D({
|
|
7642
7643
|
playing: !1,
|
|
7643
7644
|
paused: !0,
|
|
@@ -7683,18 +7684,18 @@ function ld(e, t = {}) {
|
|
|
7683
7684
|
if (!e && i - o < 3e3) return;
|
|
7684
7685
|
o = i;
|
|
7685
7686
|
let a = n.currentTime;
|
|
7686
|
-
|
|
7687
|
+
ld(r, a > 5 && a < n.duration - 5 ? a : null);
|
|
7687
7688
|
}
|
|
7688
7689
|
function g() {
|
|
7689
7690
|
let r = L(t.resumeKey), i = e.value;
|
|
7690
7691
|
if (!r || !i || s || n.live) return;
|
|
7691
7692
|
s = !0;
|
|
7692
|
-
let a =
|
|
7693
|
+
let a = cd(r);
|
|
7693
7694
|
a && Number.isFinite(a) && (!n.duration || a < n.duration - 5) && (i.currentTime = a);
|
|
7694
7695
|
}
|
|
7695
7696
|
let _ = {
|
|
7696
7697
|
play: () => {
|
|
7697
|
-
if (n.paused = !1, n.ended = !1, c()) for (let e of
|
|
7698
|
+
if (n.paused = !1, n.ended = !1, c()) for (let e of id) e !== l && e.exclusive() && e.pause();
|
|
7698
7699
|
},
|
|
7699
7700
|
playing: () => {
|
|
7700
7701
|
n.playing = !0, n.waiting = !1, n.stalled = !1, p();
|
|
@@ -7737,7 +7738,7 @@ function ld(e, t = {}) {
|
|
|
7737
7738
|
ended: () => {
|
|
7738
7739
|
n.ended = !0, n.playing = !1, n.paused = !0, m(), d();
|
|
7739
7740
|
let e = L(t.resumeKey);
|
|
7740
|
-
e &&
|
|
7741
|
+
e && ld(e, null);
|
|
7741
7742
|
},
|
|
7742
7743
|
emptied: () => {
|
|
7743
7744
|
n.ready = !1, n.playing = !1, n.paused = e.value?.paused ?? !0, n.buffered = [], n.currentTime = 0, n.duration = 0, s = !1;
|
|
@@ -7746,11 +7747,11 @@ function ld(e, t = {}) {
|
|
|
7746
7747
|
let t = e.value, r = t?.error;
|
|
7747
7748
|
if (!t || !r) return;
|
|
7748
7749
|
n.error = {
|
|
7749
|
-
kind:
|
|
7750
|
+
kind: ad[r.code] ?? "unknown",
|
|
7750
7751
|
detail: r.message || void 0
|
|
7751
7752
|
}, n.waiting = !1;
|
|
7752
7753
|
let i = t.currentSrc;
|
|
7753
|
-
r.code === 4 && /^https?:/.test(i) &&
|
|
7754
|
+
r.code === 4 && /^https?:/.test(i) && sd(i).then((e) => {
|
|
7754
7755
|
e && t.currentSrc === i && n.error?.kind === "unsupported" && (n.error = {
|
|
7755
7756
|
kind: "network",
|
|
7756
7757
|
detail: `HTTP ${e}`
|
|
@@ -7789,8 +7790,8 @@ function ld(e, t = {}) {
|
|
|
7789
7790
|
}, {
|
|
7790
7791
|
immediate: !0,
|
|
7791
7792
|
flush: "post"
|
|
7792
|
-
}),
|
|
7793
|
-
h(!0), m(),
|
|
7793
|
+
}), id.add(l), typeof document < "u" && (document.addEventListener("fullscreenchange", v), document.addEventListener("webkitfullscreenchange", v)), x(() => {
|
|
7794
|
+
h(!0), m(), id.delete(l);
|
|
7794
7795
|
let t = e.value;
|
|
7795
7796
|
if (t) for (let [e, n] of Object.entries(_)) t.removeEventListener(e, n);
|
|
7796
7797
|
document.removeEventListener("fullscreenchange", v), document.removeEventListener("webkitfullscreenchange", v);
|
|
@@ -7923,7 +7924,7 @@ function ld(e, t = {}) {
|
|
|
7923
7924
|
}
|
|
7924
7925
|
//#endregion
|
|
7925
7926
|
//#region src/components/Media/useMediaLocale.ts
|
|
7926
|
-
function
|
|
7927
|
+
function dd() {
|
|
7927
7928
|
let e = $();
|
|
7928
7929
|
return a(() => {
|
|
7929
7930
|
let t = e.value.media, n = Je.media;
|
|
@@ -7939,36 +7940,36 @@ function ud() {
|
|
|
7939
7940
|
}
|
|
7940
7941
|
//#endregion
|
|
7941
7942
|
//#region src/components/Video/UidVideo.vue?vue&type=script&setup=true&lang.ts
|
|
7942
|
-
var
|
|
7943
|
+
var fd = ["aria-label"], pd = [
|
|
7943
7944
|
"poster",
|
|
7944
7945
|
"preload",
|
|
7945
7946
|
"loop",
|
|
7946
7947
|
"crossorigin",
|
|
7947
7948
|
"controls",
|
|
7948
7949
|
"title"
|
|
7949
|
-
],
|
|
7950
|
+
], md = [
|
|
7950
7951
|
"kind",
|
|
7951
7952
|
"src",
|
|
7952
7953
|
"srclang",
|
|
7953
7954
|
"label"
|
|
7954
|
-
],
|
|
7955
|
+
], hd = {
|
|
7955
7956
|
key: 0,
|
|
7956
7957
|
class: "uid-video__captions"
|
|
7957
|
-
},
|
|
7958
|
+
}, gd = ["aria-label"], _d = ["aria-label"], vd = {
|
|
7958
7959
|
key: 4,
|
|
7959
7960
|
class: "uid-video__error",
|
|
7960
7961
|
role: "alert"
|
|
7961
|
-
},
|
|
7962
|
+
}, yd = { class: "uid-video__error-text" }, bd = { class: "uid-video__bar" }, xd = ["aria-label", "title"], Sd = { class: "uid-media__volume" }, Cd = ["aria-label", "title"], wd = [
|
|
7962
7963
|
"value",
|
|
7963
7964
|
"aria-label",
|
|
7964
7965
|
"aria-valuetext"
|
|
7965
|
-
],
|
|
7966
|
+
], Td = ["aria-label"], Ed = {
|
|
7966
7967
|
key: 1,
|
|
7967
7968
|
class: "uid-media__time"
|
|
7968
|
-
},
|
|
7969
|
+
}, Dd = ["title"], Od = {
|
|
7969
7970
|
key: 0,
|
|
7970
7971
|
class: "uid-media__badge"
|
|
7971
|
-
},
|
|
7972
|
+
}, kd = ["aria-label", "title"], Ad = ["aria-label", "title"], jd = 440, Md = 360, Nd = /* @__PURE__ */ f({
|
|
7972
7973
|
__name: "UidVideo",
|
|
7973
7974
|
props: {
|
|
7974
7975
|
src: { default: void 0 },
|
|
@@ -8022,11 +8023,11 @@ var dd = ["aria-label"], fd = [
|
|
|
8022
8023
|
"audiotrackchange"
|
|
8023
8024
|
],
|
|
8024
8025
|
setup(n, { expose: r, emit: i }) {
|
|
8025
|
-
let f = n, p = i, m =
|
|
8026
|
+
let f = n, p = i, m = dd(), h = $(), g = k(null), _ = k(null), C = k([]), w = k(-1), E = 0, D = ud(_, {
|
|
8026
8027
|
exclusive: () => f.exclusive,
|
|
8027
8028
|
fullscreenTarget: g,
|
|
8028
8029
|
resumeKey: () => f.resumeKey,
|
|
8029
|
-
onCaptionsToggle: () =>
|
|
8030
|
+
onCaptionsToggle: () => _e()
|
|
8030
8031
|
}), { state: O } = D, j = a(() => f.sources?.length ? f.sources : f.src ? [{ src: f.src }] : []), M = P([]), N = k(-1), I = P(null), L = k([]), z = k(-1), B = k(!0), V = k([]), H = k(-1), U = 0;
|
|
8031
8032
|
function W(e) {
|
|
8032
8033
|
let t = typeof window < "u" ? window : {};
|
|
@@ -8091,41 +8092,49 @@ var dd = ["aria-label"], fd = [
|
|
|
8091
8092
|
p("error", e);
|
|
8092
8093
|
}
|
|
8093
8094
|
});
|
|
8094
|
-
let
|
|
8095
|
+
let X = a(() => {
|
|
8095
8096
|
let e = O.error;
|
|
8096
8097
|
return e ? m.value.errors[e.kind] ?? m.value.errors.unknown : "";
|
|
8097
8098
|
});
|
|
8098
|
-
function
|
|
8099
|
+
function ee() {
|
|
8099
8100
|
let e = O.currentTime;
|
|
8100
8101
|
q(Math.max(0, N.value), {
|
|
8101
8102
|
time: e,
|
|
8102
8103
|
play: !0
|
|
8103
8104
|
});
|
|
8104
8105
|
}
|
|
8105
|
-
let
|
|
8106
|
+
let te = a(() => M.value.filter((e) => e.label && !fu(e)));
|
|
8107
|
+
function ne(e) {
|
|
8108
|
+
let t = /* @__PURE__ */ new Map();
|
|
8109
|
+
for (let n of e) t.set(n.label, (t.get(n.label) ?? 0) + 1);
|
|
8110
|
+
let n = {};
|
|
8111
|
+
for (let r of e) n[r.index] = (t.get(r.label) ?? 0) > 1 && r.bandwidth ? `${r.label} · ${Math.round(r.bandwidth / 1e3)} kbps` : r.label;
|
|
8112
|
+
return n;
|
|
8113
|
+
}
|
|
8114
|
+
let re = a(() => {
|
|
8106
8115
|
if (L.value.length > 1) {
|
|
8107
|
-
let e = L.value[z.value]
|
|
8116
|
+
let e = ne(L.value), t = e[z.value], n = [{
|
|
8108
8117
|
value: -1,
|
|
8109
8118
|
label: m.value.auto,
|
|
8110
|
-
hint: B.value &&
|
|
8111
|
-
}, ...L.value.slice().reverse().map((
|
|
8112
|
-
value:
|
|
8113
|
-
label: e.
|
|
8119
|
+
hint: B.value && t ? t : void 0
|
|
8120
|
+
}, ...L.value.slice().reverse().map((t) => ({
|
|
8121
|
+
value: t.index,
|
|
8122
|
+
label: e[t.index]
|
|
8114
8123
|
}))];
|
|
8115
8124
|
return {
|
|
8116
8125
|
id: "quality",
|
|
8117
8126
|
label: m.value.quality,
|
|
8118
8127
|
value: B.value ? -1 : z.value,
|
|
8119
|
-
options:
|
|
8128
|
+
options: n
|
|
8120
8129
|
};
|
|
8121
8130
|
}
|
|
8122
|
-
if (
|
|
8131
|
+
if (te.value.length > 1) {
|
|
8123
8132
|
let e = M.value[N.value];
|
|
8124
8133
|
return {
|
|
8125
8134
|
id: "quality",
|
|
8126
8135
|
label: m.value.quality,
|
|
8127
8136
|
value: e ? M.value.indexOf(e) : null,
|
|
8128
|
-
options:
|
|
8137
|
+
options: te.value.map((e) => ({
|
|
8129
8138
|
value: M.value.indexOf(e),
|
|
8130
8139
|
label: e.label
|
|
8131
8140
|
}))
|
|
@@ -8143,8 +8152,8 @@ var dd = ["aria-label"], fd = [
|
|
|
8143
8152
|
play: !O.paused
|
|
8144
8153
|
}), p("qualitychange", M.value[e]?.label ?? ""));
|
|
8145
8154
|
}
|
|
8146
|
-
let
|
|
8147
|
-
async function
|
|
8155
|
+
let Q = a(() => f.tracks.filter((e) => e.kind !== "chapters")), ae = a(() => f.tracks.find((e) => e.kind === "chapters")), se = k([]), ce = k([]), le = k([]);
|
|
8156
|
+
async function ue(e) {
|
|
8148
8157
|
if (!e || typeof fetch > "u") return [];
|
|
8149
8158
|
try {
|
|
8150
8159
|
let t = await fetch(e, { credentials: f.crossorigin === "use-credentials" ? "include" : "same-origin" });
|
|
@@ -8153,55 +8162,55 @@ var dd = ["aria-label"], fd = [
|
|
|
8153
8162
|
return [];
|
|
8154
8163
|
}
|
|
8155
8164
|
}
|
|
8156
|
-
K(() =>
|
|
8157
|
-
|
|
8165
|
+
K(() => ae.value?.src, async (e) => {
|
|
8166
|
+
se.value = await ue(e);
|
|
8158
8167
|
}, { immediate: !0 }), K(() => f.thumbnails, async (e) => {
|
|
8159
|
-
|
|
8168
|
+
ce.value = await ue(e);
|
|
8160
8169
|
}, { immediate: !0 });
|
|
8161
|
-
function
|
|
8162
|
-
let t = vu(
|
|
8170
|
+
function de(e) {
|
|
8171
|
+
let t = vu(ce.value, e);
|
|
8163
8172
|
return t && f.thumbnails ? yu(t.text, f.thumbnails) : null;
|
|
8164
8173
|
}
|
|
8165
|
-
let
|
|
8166
|
-
K(
|
|
8174
|
+
let fe = a(() => vu(se.value, O.currentTime)?.text);
|
|
8175
|
+
K(Q, (e) => {
|
|
8167
8176
|
let t = e.findIndex((e) => e.default);
|
|
8168
8177
|
w.value = t, t >= 0 && (E = t);
|
|
8169
8178
|
}, { immediate: !0 });
|
|
8170
|
-
let
|
|
8171
|
-
function
|
|
8172
|
-
let e =
|
|
8179
|
+
let me = null;
|
|
8180
|
+
function he() {
|
|
8181
|
+
let e = me?.activeCues, t = [];
|
|
8173
8182
|
if (e) for (let n = 0; n < e.length; n++) {
|
|
8174
8183
|
let r = e[n].text;
|
|
8175
8184
|
r && t.push(..._u(r).split("\n"));
|
|
8176
8185
|
}
|
|
8177
|
-
|
|
8186
|
+
le.value = t;
|
|
8178
8187
|
}
|
|
8179
|
-
function
|
|
8180
|
-
|
|
8188
|
+
function ge() {
|
|
8189
|
+
me?.removeEventListener("cuechange", he), me = null, le.value = [];
|
|
8181
8190
|
let e = _.value?.webkitDisplayingFullscreen;
|
|
8182
8191
|
C.value.forEach((t, n) => {
|
|
8183
8192
|
let r = t.track;
|
|
8184
|
-
r && (n === w.value ? (r.mode = e ? "showing" : "hidden",
|
|
8193
|
+
r && (n === w.value ? (r.mode = e ? "showing" : "hidden", me = r) : r.mode = "disabled");
|
|
8185
8194
|
});
|
|
8186
|
-
let t =
|
|
8187
|
-
t && (t.addEventListener("cuechange",
|
|
8195
|
+
let t = me;
|
|
8196
|
+
t && (t.addEventListener("cuechange", he), he());
|
|
8188
8197
|
}
|
|
8189
|
-
K([w, () =>
|
|
8190
|
-
function
|
|
8191
|
-
|
|
8198
|
+
K([w, () => Q.value.length], () => v(ge)), K(() => O.fullscreen, () => v(ge));
|
|
8199
|
+
function _e() {
|
|
8200
|
+
Q.value.length && (w.value >= 0 ? (E = w.value, w.value = -1) : w.value = Math.min(E, Q.value.length - 1));
|
|
8192
8201
|
}
|
|
8193
|
-
let
|
|
8202
|
+
let ve = a(() => ({
|
|
8194
8203
|
id: "captions",
|
|
8195
8204
|
label: m.value.captions,
|
|
8196
8205
|
value: w.value,
|
|
8197
8206
|
options: [{
|
|
8198
8207
|
value: -1,
|
|
8199
8208
|
label: m.value.captionsOff
|
|
8200
|
-
}, ...
|
|
8209
|
+
}, ...Q.value.map((e, t) => ({
|
|
8201
8210
|
value: t,
|
|
8202
8211
|
label: e.label ?? e.srclang ?? `#${t + 1}`
|
|
8203
8212
|
}))]
|
|
8204
|
-
})),
|
|
8213
|
+
})), ye = a(() => ({
|
|
8205
8214
|
id: "rate",
|
|
8206
8215
|
label: m.value.speed,
|
|
8207
8216
|
value: O.rate,
|
|
@@ -8210,7 +8219,7 @@ var dd = ["aria-label"], fd = [
|
|
|
8210
8219
|
label: e === 1 ? m.value.normalSpeed : `${e}×`,
|
|
8211
8220
|
short: `${e}×`
|
|
8212
8221
|
}))
|
|
8213
|
-
})),
|
|
8222
|
+
})), be = a(() => V.value.length > 1 ? {
|
|
8214
8223
|
id: "audio",
|
|
8215
8224
|
label: m.value.audioTrack,
|
|
8216
8225
|
value: H.value,
|
|
@@ -8218,88 +8227,100 @@ var dd = ["aria-label"], fd = [
|
|
|
8218
8227
|
value: e.index,
|
|
8219
8228
|
label: e.label
|
|
8220
8229
|
}))
|
|
8221
|
-
} : null),
|
|
8222
|
-
|
|
8230
|
+
} : null), xe = k(0), Te = null, ke = a(() => xe.value > 0 && xe.value < jd), je = a(() => xe.value > 0 && xe.value < Md), Me = a(() => D.canPip.value && lt.value), Pe = a(() => ke.value && Me.value ? {
|
|
8231
|
+
id: "pip",
|
|
8232
|
+
kind: "action",
|
|
8233
|
+
value: null,
|
|
8234
|
+
options: [{
|
|
8235
|
+
value: "pip",
|
|
8236
|
+
label: O.pip ? m.value.exitPip : m.value.pip
|
|
8237
|
+
}]
|
|
8238
|
+
} : null), Fe = a(() => [
|
|
8239
|
+
ye.value,
|
|
8223
8240
|
re.value,
|
|
8224
|
-
|
|
8241
|
+
be.value,
|
|
8242
|
+
ke.value && Q.value.length ? ve.value : null,
|
|
8243
|
+
Pe.value
|
|
8225
8244
|
].filter((e) => !!e));
|
|
8226
|
-
function
|
|
8227
|
-
e === "rate" ? D.setRate(Number(t)) : e === "quality" ? ie(Number(t)) : e === "audio" ? (I.value?.setAudioTrack(Number(t)), p("audiotrackchange", V.value[Number(t)]?.label ?? "")) : e === "captions" && (w.value = Number(t), w.value >= 0 && (E = w.value));
|
|
8245
|
+
function Ie(e, t) {
|
|
8246
|
+
e === "rate" ? D.setRate(Number(t)) : e === "quality" ? ie(Number(t)) : e === "pip" ? D.togglePip().catch(() => {}) : e === "audio" ? (I.value?.setAudioTrack(Number(t)), p("audiotrackchange", V.value[Number(t)]?.label ?? "")) : e === "captions" && (w.value = Number(t), w.value >= 0 && (E = w.value));
|
|
8228
8247
|
}
|
|
8229
|
-
let
|
|
8230
|
-
function
|
|
8231
|
-
|
|
8248
|
+
let Le = k(!0), Ve = k(!1), He = k(!1), Ue = k(!1), We = null;
|
|
8249
|
+
function Ge() {
|
|
8250
|
+
We && clearTimeout(We), We = null;
|
|
8232
8251
|
}
|
|
8233
|
-
function
|
|
8234
|
-
|
|
8235
|
-
O.playing && !
|
|
8252
|
+
function Ke(e = f.autoHide) {
|
|
8253
|
+
Ge(), !(!O.playing || Ve.value || He.value) && (We = setTimeout(() => {
|
|
8254
|
+
O.playing && !Ve.value && !He.value && (Le.value = !1);
|
|
8236
8255
|
}, e));
|
|
8237
8256
|
}
|
|
8238
|
-
function
|
|
8239
|
-
|
|
8257
|
+
function qe() {
|
|
8258
|
+
Le.value = !0, Ke();
|
|
8240
8259
|
}
|
|
8241
8260
|
K(() => O.playing, (e) => {
|
|
8242
|
-
e ? (
|
|
8261
|
+
e ? (Ue.value = !0, Ke(), p("play")) : (Le.value = !0, Ge());
|
|
8243
8262
|
}), K(() => O.paused, (e) => {
|
|
8244
|
-
e &&
|
|
8263
|
+
e && Ue.value && !O.ended && p("pause");
|
|
8245
8264
|
}), K(() => O.ended, (e) => {
|
|
8246
8265
|
e && p("ended");
|
|
8247
|
-
}), K([
|
|
8248
|
-
let
|
|
8266
|
+
}), K([Ve, He], ([e, t]) => e || t ? (Ge(), Le.value = !0) : Ke());
|
|
8267
|
+
let Je = k(null), Ye = null, Xe = {
|
|
8249
8268
|
time: 0,
|
|
8250
8269
|
side: ""
|
|
8251
|
-
},
|
|
8252
|
-
function
|
|
8253
|
-
|
|
8270
|
+
}, Ze = null;
|
|
8271
|
+
function Qe(e, t) {
|
|
8272
|
+
Je.value = {
|
|
8254
8273
|
side: e,
|
|
8255
|
-
seconds:
|
|
8256
|
-
},
|
|
8257
|
-
|
|
8274
|
+
seconds: Je.value && Je.value.side === e ? Je.value.seconds + t : t
|
|
8275
|
+
}, Ye && clearTimeout(Ye), Ye = setTimeout(() => {
|
|
8276
|
+
Je.value = null;
|
|
8258
8277
|
}, 700);
|
|
8259
8278
|
}
|
|
8260
|
-
function
|
|
8279
|
+
function $e(e) {
|
|
8261
8280
|
if (e.button !== 0 || O.error) return;
|
|
8262
8281
|
if (e.pointerType === "mouse") {
|
|
8263
|
-
D.toggle(),
|
|
8282
|
+
D.toggle(), qe();
|
|
8264
8283
|
return;
|
|
8265
8284
|
}
|
|
8266
8285
|
let t = e.currentTarget.getBoundingClientRect(), n = (e.clientX - t.left) / (t.width || 1), r = n < .35 ? "left" : n > .65 ? "right" : "center", i = Date.now();
|
|
8267
|
-
if (i -
|
|
8268
|
-
|
|
8286
|
+
if (i - Xe.time < 300 && r === Xe.side && r !== "center") {
|
|
8287
|
+
Ze && clearTimeout(Ze), Ze = null, D.skip(r === "left" ? -10 : 10), Qe(r, 10), Xe = {
|
|
8269
8288
|
time: i,
|
|
8270
8289
|
side: r
|
|
8271
8290
|
};
|
|
8272
8291
|
return;
|
|
8273
8292
|
}
|
|
8274
|
-
|
|
8293
|
+
Xe = {
|
|
8275
8294
|
time: i,
|
|
8276
8295
|
side: r
|
|
8277
|
-
},
|
|
8278
|
-
|
|
8296
|
+
}, Ze && clearTimeout(Ze), Ze = setTimeout(() => {
|
|
8297
|
+
Ze = null, !Ue.value || O.paused ? (D.toggle(), qe()) : Le.value ? Le.value = !1 : qe();
|
|
8279
8298
|
}, 260);
|
|
8280
8299
|
}
|
|
8281
|
-
function
|
|
8300
|
+
function et(e) {
|
|
8282
8301
|
e.pointerType && e.pointerType !== "mouse" || D.toggleFullscreen().catch(() => {});
|
|
8283
8302
|
}
|
|
8284
|
-
function
|
|
8303
|
+
function tt(e) {
|
|
8285
8304
|
if (!f.hotkeys || !f.controls) return;
|
|
8286
8305
|
let t = e.target, n = t.tagName;
|
|
8287
|
-
(n === "BUTTON" || n === "A") && (e.key === " " || e.key === "Enter") || n === "INPUT" && e.key.startsWith("Arrow") || n === "INPUT" && t.type !== "range" || D.handleKey(e) && (e.preventDefault(),
|
|
8306
|
+
(n === "BUTTON" || n === "A") && (e.key === " " || e.key === "Enter") || n === "INPUT" && e.key.startsWith("Arrow") || n === "INPUT" && t.type !== "range" || D.handleKey(e) && (e.preventDefault(), qe(), (e.key === "ArrowLeft" || e.key === "j") && Qe("left", e.key === "j" ? 10 : 5), (e.key === "ArrowRight" || e.key === "l") && Qe("right", e.key === "l" ? 10 : 5));
|
|
8288
8307
|
}
|
|
8289
|
-
let
|
|
8290
|
-
function
|
|
8308
|
+
let nt = a(() => O.muted || O.volume === 0 ? Be : O.volume < .5 ? Re : ze), rt = a(() => O.duration >= 3600), it = a(() => je.value ? cu(O.currentTime, rt.value) : `${cu(O.currentTime, rt.value)} / ${cu(O.duration, rt.value)}`), at = a(() => O.live && O.duration - O.currentTime < 8), ot = a(() => !O.error && (O.waiting || O.seeking && !O.paused)), st = k(!1), ct = a(() => O.error || ot.value ? !1 : !Ue.value || O.ended ? !0 : st.value ? Le.value : !1), lt = k(!1);
|
|
8309
|
+
function ut() {
|
|
8291
8310
|
D.seek(O.duration - 1), O.paused && D.play().catch(() => {});
|
|
8292
8311
|
}
|
|
8293
|
-
function
|
|
8312
|
+
function dt(e) {
|
|
8294
8313
|
D.setVolume(Number(e.target.value));
|
|
8295
8314
|
}
|
|
8296
|
-
function
|
|
8297
|
-
|
|
8315
|
+
function ft() {
|
|
8316
|
+
lt.value = !!_.value?.videoWidth;
|
|
8298
8317
|
}
|
|
8299
8318
|
return S(() => {
|
|
8300
|
-
|
|
8319
|
+
st.value = typeof matchMedia == "function" && matchMedia("(pointer: coarse)").matches, f.muted && _.value && (_.value.muted = !0), Y(), ge(), g.value && typeof ResizeObserver < "u" && (xe.value = g.value.clientWidth, Te = new ResizeObserver(() => {
|
|
8320
|
+
xe.value = g.value?.clientWidth ?? 0;
|
|
8321
|
+
}), Te.observe(g.value));
|
|
8301
8322
|
}), x(() => {
|
|
8302
|
-
|
|
8323
|
+
Te?.disconnect(), Ge(), Ye && clearTimeout(Ye), Ze && clearTimeout(Ze), me?.removeEventListener("cuechange", he), G();
|
|
8303
8324
|
}), r({
|
|
8304
8325
|
play: D.play,
|
|
8305
8326
|
pause: D.pause,
|
|
@@ -8311,22 +8332,23 @@ var dd = ["aria-label"], fd = [
|
|
|
8311
8332
|
ref_key: "root",
|
|
8312
8333
|
ref: g,
|
|
8313
8334
|
class: y(["uid-video", {
|
|
8314
|
-
"uid-video--controls-hidden": n.controls && !
|
|
8335
|
+
"uid-video--controls-hidden": n.controls && !Le.value,
|
|
8315
8336
|
"uid-video--playing": R(O).playing,
|
|
8316
8337
|
"uid-video--fullscreen": R(O).fullscreen,
|
|
8317
|
-
"uid-video--started":
|
|
8338
|
+
"uid-video--started": Ue.value,
|
|
8318
8339
|
"uid-video--paused": R(O).paused,
|
|
8319
|
-
"uid-video--bare": !n.controls
|
|
8340
|
+
"uid-video--bare": !n.controls,
|
|
8341
|
+
"uid-video--folded": ke.value
|
|
8320
8342
|
}]),
|
|
8321
8343
|
style: b({ aspectRatio: R(O).fullscreen ? void 0 : n.aspectRatio }),
|
|
8322
8344
|
role: "region",
|
|
8323
8345
|
"data-media-menu-bounds": "",
|
|
8324
8346
|
"aria-label": n.title ?? R(m).play,
|
|
8325
8347
|
tabindex: "0",
|
|
8326
|
-
onKeydown:
|
|
8327
|
-
onPointermove: i[9] ||= (e) => e.pointerType === "mouse" &&
|
|
8328
|
-
onPointerleave: i[10] ||= (e) => e.pointerType === "mouse" &&
|
|
8329
|
-
onFocusin:
|
|
8348
|
+
onKeydown: tt,
|
|
8349
|
+
onPointermove: i[9] ||= (e) => e.pointerType === "mouse" && qe(),
|
|
8350
|
+
onPointerleave: i[10] ||= (e) => e.pointerType === "mouse" && Ke(600),
|
|
8351
|
+
onFocusin: qe
|
|
8330
8352
|
}, [l("video", {
|
|
8331
8353
|
ref_key: "video",
|
|
8332
8354
|
ref: _,
|
|
@@ -8339,8 +8361,8 @@ var dd = ["aria-label"], fd = [
|
|
|
8339
8361
|
playsinline: "",
|
|
8340
8362
|
"webkit-playsinline": "",
|
|
8341
8363
|
title: n.title,
|
|
8342
|
-
onLoadedmetadata:
|
|
8343
|
-
}, [(T(!0), c(t, null, A(
|
|
8364
|
+
onLoadedmetadata: ft
|
|
8365
|
+
}, [(T(!0), c(t, null, A(Q.value, (e, t) => (T(), c("track", {
|
|
8344
8366
|
key: `${t}:${e.src}`,
|
|
8345
8367
|
ref_for: !0,
|
|
8346
8368
|
ref_key: "trackEls",
|
|
@@ -8349,23 +8371,23 @@ var dd = ["aria-label"], fd = [
|
|
|
8349
8371
|
src: e.src,
|
|
8350
8372
|
srclang: e.srclang,
|
|
8351
8373
|
label: e.label
|
|
8352
|
-
}, null, 8,
|
|
8374
|
+
}, null, 8, md))), 128))], 40, pd), n.controls ? (T(), c(t, { key: 0 }, [
|
|
8353
8375
|
l("div", {
|
|
8354
8376
|
class: "uid-video__surface",
|
|
8355
8377
|
"aria-hidden": "true",
|
|
8356
|
-
onPointerup:
|
|
8357
|
-
onDblclick:
|
|
8378
|
+
onPointerup: $e,
|
|
8379
|
+
onDblclick: et
|
|
8358
8380
|
}, null, 32),
|
|
8359
|
-
|
|
8381
|
+
le.value.length ? (T(), c("div", hd, [(T(!0), c(t, null, A(le.value, (e, t) => (T(), c("span", {
|
|
8360
8382
|
key: t,
|
|
8361
8383
|
class: "uid-video__caption-line"
|
|
8362
8384
|
}, F(e), 1))), 128))])) : s("", !0),
|
|
8363
|
-
|
|
8385
|
+
Je.value ? (T(), c("div", {
|
|
8364
8386
|
key: 1,
|
|
8365
|
-
class: y(["uid-video__flash", `uid-video__flash--${
|
|
8387
|
+
class: y(["uid-video__flash", `uid-video__flash--${Je.value.side}`]),
|
|
8366
8388
|
"aria-hidden": "true"
|
|
8367
|
-
}, F(
|
|
8368
|
-
|
|
8389
|
+
}, F(Je.value.side === "left" ? "−" : "+") + F(Je.value.seconds) + " s ", 3)) : s("", !0),
|
|
8390
|
+
ot.value ? (T(), c("div", {
|
|
8369
8391
|
key: 2,
|
|
8370
8392
|
class: "uid-video__loading",
|
|
8371
8393
|
role: "status",
|
|
@@ -8374,14 +8396,14 @@ var dd = ["aria-label"], fd = [
|
|
|
8374
8396
|
icon: R(Se),
|
|
8375
8397
|
size: 44,
|
|
8376
8398
|
class: "uid-media__spin"
|
|
8377
|
-
}, null, 8, ["icon"])], 8,
|
|
8378
|
-
|
|
8399
|
+
}, null, 8, ["icon"])], 8, gd)) : s("", !0),
|
|
8400
|
+
ct.value ? (T(), c("button", {
|
|
8379
8401
|
key: 3,
|
|
8380
8402
|
type: "button",
|
|
8381
8403
|
class: "uid-video__big-play",
|
|
8382
8404
|
"aria-label": R(O).ended ? R(m).replay : R(O).paused ? R(m).play : R(m).pause,
|
|
8383
8405
|
onClick: i[0] ||= (e) => {
|
|
8384
|
-
R(D).toggle(),
|
|
8406
|
+
R(D).toggle(), qe();
|
|
8385
8407
|
}
|
|
8386
8408
|
}, [d(e, {
|
|
8387
8409
|
icon: R(O).ended ? R(Ae) : R(O).paused ? R(Oe) : R(Ee),
|
|
@@ -8390,36 +8412,36 @@ var dd = ["aria-label"], fd = [
|
|
|
8390
8412
|
"uid-media__fill": !R(O).ended,
|
|
8391
8413
|
"uid-video__big-icon--pause": !R(O).paused
|
|
8392
8414
|
})
|
|
8393
|
-
}, null, 8, ["icon", "class"])], 8,
|
|
8394
|
-
R(O).error ? (T(), c("div",
|
|
8415
|
+
}, null, 8, ["icon", "class"])], 8, _d)) : s("", !0),
|
|
8416
|
+
R(O).error ? (T(), c("div", vd, [
|
|
8395
8417
|
d(e, {
|
|
8396
8418
|
icon: R(pe),
|
|
8397
8419
|
size: 28
|
|
8398
8420
|
}, null, 8, ["icon"]),
|
|
8399
|
-
l("p",
|
|
8421
|
+
l("p", yd, F(X.value), 1),
|
|
8400
8422
|
l("button", {
|
|
8401
8423
|
type: "button",
|
|
8402
8424
|
class: "uid-video__retry",
|
|
8403
|
-
onClick:
|
|
8425
|
+
onClick: ee
|
|
8404
8426
|
}, F(R(m).retry), 1)
|
|
8405
8427
|
])) : s("", !0),
|
|
8406
8428
|
l("div", {
|
|
8407
8429
|
class: "uid-video__controls",
|
|
8408
|
-
onPointermove:
|
|
8430
|
+
onPointermove: Z(qe, ["stop"])
|
|
8409
8431
|
}, [d(Ku, {
|
|
8410
8432
|
class: "uid-video__scrubber",
|
|
8411
8433
|
"current-time": R(O).currentTime,
|
|
8412
8434
|
duration: R(O).duration,
|
|
8413
8435
|
buffered: R(O).buffered,
|
|
8414
|
-
chapters:
|
|
8415
|
-
"thumbnail-at":
|
|
8436
|
+
chapters: se.value,
|
|
8437
|
+
"thumbnail-at": ce.value.length ? de : void 0,
|
|
8416
8438
|
label: R(m).seek,
|
|
8417
8439
|
"value-text": R(m).timeOf,
|
|
8418
8440
|
disabled: !!R(O).error,
|
|
8419
|
-
"suppress-preview":
|
|
8441
|
+
"suppress-preview": Ve.value || !Le.value,
|
|
8420
8442
|
onSeek: R(D).seek,
|
|
8421
|
-
onScrubstart: i[1] ||= (e) =>
|
|
8422
|
-
onScrubend: i[2] ||= (e) =>
|
|
8443
|
+
onScrubstart: i[1] ||= (e) => He.value = !0,
|
|
8444
|
+
onScrubend: i[2] ||= (e) => He.value = !1
|
|
8423
8445
|
}, null, 8, [
|
|
8424
8446
|
"current-time",
|
|
8425
8447
|
"duration",
|
|
@@ -8431,7 +8453,7 @@ var dd = ["aria-label"], fd = [
|
|
|
8431
8453
|
"disabled",
|
|
8432
8454
|
"suppress-preview",
|
|
8433
8455
|
"onSeek"
|
|
8434
|
-
]), l("div",
|
|
8456
|
+
]), l("div", bd, [
|
|
8435
8457
|
l("button", {
|
|
8436
8458
|
type: "button",
|
|
8437
8459
|
class: "uid-media__button",
|
|
@@ -8442,17 +8464,17 @@ var dd = ["aria-label"], fd = [
|
|
|
8442
8464
|
icon: R(O).paused ? R(O).ended ? R(Ae) : R(Oe) : R(Ee),
|
|
8443
8465
|
size: 20,
|
|
8444
8466
|
class: y({ "uid-media__fill": !R(O).ended || !R(O).paused })
|
|
8445
|
-
}, null, 8, ["icon", "class"])], 8,
|
|
8446
|
-
l("div",
|
|
8467
|
+
}, null, 8, ["icon", "class"])], 8, xd),
|
|
8468
|
+
l("div", Sd, [l("button", {
|
|
8447
8469
|
type: "button",
|
|
8448
8470
|
class: "uid-media__button",
|
|
8449
8471
|
"aria-label": R(O).muted ? R(m).unmute : R(m).mute,
|
|
8450
8472
|
title: R(O).muted ? R(m).unmute : R(m).mute,
|
|
8451
8473
|
onClick: i[4] ||= (...e) => R(D).toggleMute && R(D).toggleMute(...e)
|
|
8452
8474
|
}, [d(e, {
|
|
8453
|
-
icon:
|
|
8475
|
+
icon: nt.value,
|
|
8454
8476
|
size: 20
|
|
8455
|
-
}, null, 8, ["icon"])], 8,
|
|
8477
|
+
}, null, 8, ["icon"])], 8, Cd), l("input", {
|
|
8456
8478
|
class: "uid-media__volume-range",
|
|
8457
8479
|
type: "range",
|
|
8458
8480
|
min: "0",
|
|
@@ -8462,32 +8484,32 @@ var dd = ["aria-label"], fd = [
|
|
|
8462
8484
|
"aria-label": R(m).volume,
|
|
8463
8485
|
"aria-valuetext": `${Math.round((R(O).muted ? 0 : R(O).volume) * 100)}%`,
|
|
8464
8486
|
style: b({ "--_fill": `${(R(O).muted ? 0 : R(O).volume) * 100}%` }),
|
|
8465
|
-
onInput:
|
|
8466
|
-
}, null, 44,
|
|
8487
|
+
onInput: dt
|
|
8488
|
+
}, null, 44, wd)]),
|
|
8467
8489
|
R(O).live ? (T(), c("button", {
|
|
8468
8490
|
key: 0,
|
|
8469
8491
|
type: "button",
|
|
8470
|
-
class: y(["uid-video__live", { "uid-video__live--edge":
|
|
8492
|
+
class: y(["uid-video__live", { "uid-video__live--edge": at.value }]),
|
|
8471
8493
|
"aria-label": R(m).goLive,
|
|
8472
|
-
onClick:
|
|
8494
|
+
onClick: ut
|
|
8473
8495
|
}, [i[11] ||= l("span", {
|
|
8474
8496
|
class: "uid-video__live-dot",
|
|
8475
8497
|
"aria-hidden": "true"
|
|
8476
|
-
}, null, -1), u(F(R(m).live), 1)], 10,
|
|
8477
|
-
|
|
8498
|
+
}, null, -1), u(F(R(m).live), 1)], 10, Td)) : (T(), c("span", Ed, F(it.value), 1)),
|
|
8499
|
+
fe.value ? (T(), c("span", {
|
|
8478
8500
|
key: 2,
|
|
8479
8501
|
class: "uid-video__chapter",
|
|
8480
|
-
title:
|
|
8481
|
-
}, F(
|
|
8502
|
+
title: fe.value
|
|
8503
|
+
}, F(fe.value), 9, Dd)) : s("", !0),
|
|
8482
8504
|
i[12] ||= l("span", { class: "uid-video__spacer" }, null, -1),
|
|
8483
|
-
|
|
8505
|
+
Q.value.length && !ke.value ? (T(), o(rd, {
|
|
8484
8506
|
key: 3,
|
|
8485
8507
|
"close-label": R(h).common.close,
|
|
8486
8508
|
label: R(m).captions,
|
|
8487
|
-
groups: [
|
|
8509
|
+
groups: [ve.value],
|
|
8488
8510
|
"button-class": w.value >= 0 ? "uid-media__button--on" : "",
|
|
8489
|
-
onSelect:
|
|
8490
|
-
"onUpdate:open": i[5] ||= (e) =>
|
|
8511
|
+
onSelect: Ie,
|
|
8512
|
+
"onUpdate:open": i[5] ||= (e) => Ve.value = e
|
|
8491
8513
|
}, {
|
|
8492
8514
|
default: J(() => [d(e, {
|
|
8493
8515
|
icon: R(oe),
|
|
@@ -8500,24 +8522,24 @@ var dd = ["aria-label"], fd = [
|
|
|
8500
8522
|
"groups",
|
|
8501
8523
|
"button-class"
|
|
8502
8524
|
])) : s("", !0),
|
|
8503
|
-
d(
|
|
8525
|
+
d(rd, {
|
|
8504
8526
|
label: R(m).settings,
|
|
8505
8527
|
"close-label": R(h).common.close,
|
|
8506
|
-
groups:
|
|
8507
|
-
onSelect:
|
|
8508
|
-
"onUpdate:open": i[6] ||= (e) =>
|
|
8528
|
+
groups: Fe.value,
|
|
8529
|
+
onSelect: Ie,
|
|
8530
|
+
"onUpdate:open": i[6] ||= (e) => Ve.value = e
|
|
8509
8531
|
}, {
|
|
8510
8532
|
default: J(() => [d(e, {
|
|
8511
8533
|
icon: R(Ne),
|
|
8512
8534
|
size: 20
|
|
8513
|
-
}, null, 8, ["icon"]), R(O).rate === 1 ? s("", !0) : (T(), c("span",
|
|
8535
|
+
}, null, 8, ["icon"]), R(O).rate === 1 ? s("", !0) : (T(), c("span", Od, F(R(O).rate) + "×", 1))]),
|
|
8514
8536
|
_: 1
|
|
8515
8537
|
}, 8, [
|
|
8516
8538
|
"label",
|
|
8517
8539
|
"close-label",
|
|
8518
8540
|
"groups"
|
|
8519
8541
|
]),
|
|
8520
|
-
|
|
8542
|
+
Me.value && !ke.value ? (T(), c("button", {
|
|
8521
8543
|
key: 4,
|
|
8522
8544
|
type: "button",
|
|
8523
8545
|
class: "uid-media__button uid-video__pip",
|
|
@@ -8527,7 +8549,7 @@ var dd = ["aria-label"], fd = [
|
|
|
8527
8549
|
}, [d(e, {
|
|
8528
8550
|
icon: R(De),
|
|
8529
8551
|
size: 20
|
|
8530
|
-
}, null, 8, ["icon"])], 8,
|
|
8552
|
+
}, null, 8, ["icon"])], 8, kd)) : s("", !0),
|
|
8531
8553
|
R(D).canFullscreen.value ? (T(), c("button", {
|
|
8532
8554
|
key: 5,
|
|
8533
8555
|
type: "button",
|
|
@@ -8538,53 +8560,53 @@ var dd = ["aria-label"], fd = [
|
|
|
8538
8560
|
}, [d(e, {
|
|
8539
8561
|
icon: R(O).fullscreen ? R(we) : R(Ce),
|
|
8540
8562
|
size: 20
|
|
8541
|
-
}, null, 8, ["icon"])], 8,
|
|
8563
|
+
}, null, 8, ["icon"])], 8, Ad)) : s("", !0)
|
|
8542
8564
|
])], 32)
|
|
8543
|
-
], 64)) : s("", !0)], 46,
|
|
8565
|
+
], 64)) : s("", !0)], 46, fd));
|
|
8544
8566
|
}
|
|
8545
|
-
}),
|
|
8567
|
+
}), Pd = ["aria-label"], Fd = [
|
|
8546
8568
|
"preload",
|
|
8547
8569
|
"loop",
|
|
8548
8570
|
"crossorigin",
|
|
8549
8571
|
"src"
|
|
8550
|
-
],
|
|
8572
|
+
], Id = { class: "uid-audio__lead" }, Ld = ["aria-label", "title"], Rd = [
|
|
8551
8573
|
"aria-label",
|
|
8552
8574
|
"title",
|
|
8553
8575
|
"disabled"
|
|
8554
|
-
],
|
|
8576
|
+
], zd = [
|
|
8555
8577
|
"aria-label",
|
|
8556
8578
|
"title",
|
|
8557
8579
|
"disabled"
|
|
8558
|
-
],
|
|
8580
|
+
], Bd = {
|
|
8559
8581
|
key: 0,
|
|
8560
8582
|
class: "uid-audio__meta"
|
|
8561
|
-
},
|
|
8583
|
+
}, Vd = {
|
|
8562
8584
|
key: 0,
|
|
8563
8585
|
class: "uid-audio__title"
|
|
8564
|
-
},
|
|
8586
|
+
}, Hd = {
|
|
8565
8587
|
key: 1,
|
|
8566
8588
|
class: "uid-audio__artist"
|
|
8567
|
-
},
|
|
8589
|
+
}, Ud = { class: "uid-audio__track" }, Wd = {
|
|
8568
8590
|
key: 0,
|
|
8569
8591
|
class: "uid-audio__error",
|
|
8570
8592
|
role: "alert"
|
|
8571
|
-
},
|
|
8593
|
+
}, Gd = { class: "uid-audio__side" }, Kd = { class: "uid-media__time uid-audio__time" }, qd = {
|
|
8572
8594
|
key: 0,
|
|
8573
8595
|
class: "uid-media__volume uid-audio__volume"
|
|
8574
|
-
},
|
|
8596
|
+
}, Jd = ["aria-label", "title"], Yd = [
|
|
8575
8597
|
"value",
|
|
8576
8598
|
"aria-label",
|
|
8577
8599
|
"aria-valuetext"
|
|
8578
|
-
],
|
|
8600
|
+
], Xd = { class: "uid-audio__rate-text" }, Zd = ["aria-label"], Qd = ["aria-current", "onClick"], $d = {
|
|
8579
8601
|
class: "uid-audio__item-index",
|
|
8580
8602
|
"aria-hidden": "true"
|
|
8581
|
-
},
|
|
8603
|
+
}, ef = {
|
|
8582
8604
|
key: 0,
|
|
8583
8605
|
class: "uid-audio__eq"
|
|
8584
|
-
},
|
|
8606
|
+
}, tf = { class: "uid-audio__item-text" }, nf = { class: "uid-audio__item-title" }, rf = {
|
|
8585
8607
|
key: 0,
|
|
8586
8608
|
class: "uid-audio__item-artist"
|
|
8587
|
-
},
|
|
8609
|
+
}, af = { class: "uid-audio__item-time" }, of = /* @__PURE__ */ f({
|
|
8588
8610
|
__name: "UidAudio",
|
|
8589
8611
|
props: /* @__PURE__ */ g({
|
|
8590
8612
|
src: { default: void 0 },
|
|
@@ -8649,7 +8671,7 @@ var dd = ["aria-label"], fd = [
|
|
|
8649
8671
|
"trackchange"
|
|
8650
8672
|
], ["update:index"]),
|
|
8651
8673
|
setup(n, { expose: r, emit: i }) {
|
|
8652
|
-
let f = n, p = V(n, "index"), m = i, h =
|
|
8674
|
+
let f = n, p = V(n, "index"), m = i, h = dd(), g = k(null), _ = k(null), v = ud(_, {
|
|
8653
8675
|
exclusive: () => f.exclusive,
|
|
8654
8676
|
resumeKey: () => f.resumeKey ? `${f.resumeKey}:${p.value}` : void 0
|
|
8655
8677
|
}), { state: C } = v, w = a(() => f.tracks ?? []), E = a(() => w.value.length > 0), D = a(() => E.value ? w.value[Math.min(Math.max(p.value, 0), w.value.length - 1)] ?? null : f.src ? {
|
|
@@ -8691,7 +8713,7 @@ var dd = ["aria-label"], fd = [
|
|
|
8691
8713
|
function Y() {
|
|
8692
8714
|
q++, G?.destroy(), G = null;
|
|
8693
8715
|
}
|
|
8694
|
-
async function
|
|
8716
|
+
async function X() {
|
|
8695
8717
|
let e = _.value, t = D.value;
|
|
8696
8718
|
if (!e || !t || !j.value) return;
|
|
8697
8719
|
let n = ++q;
|
|
@@ -8712,7 +8734,7 @@ var dd = ["aria-label"], fd = [
|
|
|
8712
8734
|
});
|
|
8713
8735
|
}
|
|
8714
8736
|
}
|
|
8715
|
-
function
|
|
8737
|
+
function Z() {
|
|
8716
8738
|
let e = D.value?.type;
|
|
8717
8739
|
e && _.value && !_.value.canPlayType(e) && v.setError({
|
|
8718
8740
|
kind: "unsupported",
|
|
@@ -8720,7 +8742,7 @@ var dd = ["aria-label"], fd = [
|
|
|
8720
8742
|
});
|
|
8721
8743
|
}
|
|
8722
8744
|
K(() => D.value?.src, Y), K(() => D.value?.src, () => {
|
|
8723
|
-
v.setError(null), m("trackchange", p.value),
|
|
8745
|
+
v.setError(null), m("trackchange", p.value), Z(), j.value ? (X(), U && _.value?.addEventListener("loadedmetadata", () => v.play().catch(() => {}), { once: !0 })) : U && !C.error && v.play().catch(() => {}), U = !1;
|
|
8724
8746
|
}, { flush: "post" }), K(() => C.ended, (e) => {
|
|
8725
8747
|
e && (m("ended"), E.value && f.autoAdvance && (p.value < w.value.length - 1 || f.loop) && W(p.value + 1));
|
|
8726
8748
|
}), K(() => C.playing, (e) => e ? m("play") : void 0), K(() => C.paused, (e) => {
|
|
@@ -8728,25 +8750,25 @@ var dd = ["aria-label"], fd = [
|
|
|
8728
8750
|
}), K(() => C.error, (e) => {
|
|
8729
8751
|
e && m("error", e);
|
|
8730
8752
|
});
|
|
8731
|
-
let
|
|
8732
|
-
function
|
|
8733
|
-
if (C.currentTime > 3 || !
|
|
8753
|
+
let ee = a(() => E.value && (p.value > 0 || f.loop)), te = a(() => E.value && (p.value < w.value.length - 1 || f.loop));
|
|
8754
|
+
function ne() {
|
|
8755
|
+
if (C.currentTime > 3 || !ee.value) {
|
|
8734
8756
|
v.seek(0);
|
|
8735
8757
|
return;
|
|
8736
8758
|
}
|
|
8737
8759
|
W(p.value - 1, !C.paused);
|
|
8738
8760
|
}
|
|
8739
|
-
function
|
|
8740
|
-
|
|
8761
|
+
function re() {
|
|
8762
|
+
te.value && W(p.value + 1, !C.paused || C.ended);
|
|
8741
8763
|
}
|
|
8742
|
-
let
|
|
8764
|
+
let ie = k({}), Q = 0;
|
|
8743
8765
|
async function ae() {
|
|
8744
8766
|
if (!E.value || typeof Audio > "u") return;
|
|
8745
8767
|
let e = ++Q, t = w.value;
|
|
8746
8768
|
for (let n = 0; n < t.length; n++) {
|
|
8747
8769
|
let r = t[n];
|
|
8748
8770
|
if (e !== Q) return;
|
|
8749
|
-
if (r.duration ||
|
|
8771
|
+
if (r.duration || ie.value[n] || fu(r)) continue;
|
|
8750
8772
|
let i = await new Promise((e) => {
|
|
8751
8773
|
let t = new Audio();
|
|
8752
8774
|
t.preload = "metadata", f.crossorigin !== void 0 && (t.crossOrigin = f.crossorigin);
|
|
@@ -8755,17 +8777,17 @@ var dd = ["aria-label"], fd = [
|
|
|
8755
8777
|
};
|
|
8756
8778
|
t.addEventListener("loadedmetadata", () => n(t.duration), { once: !0 }), t.addEventListener("error", () => n(NaN), { once: !0 }), setTimeout(() => n(NaN), 15e3), t.src = r.src;
|
|
8757
8779
|
});
|
|
8758
|
-
e === Q && Number.isFinite(i) && i > 0 && (
|
|
8759
|
-
...
|
|
8780
|
+
e === Q && Number.isFinite(i) && i > 0 && (ie.value = {
|
|
8781
|
+
...ie.value,
|
|
8760
8782
|
[n]: i
|
|
8761
8783
|
});
|
|
8762
8784
|
}
|
|
8763
8785
|
}
|
|
8764
8786
|
K(() => f.tracks, () => {
|
|
8765
|
-
|
|
8787
|
+
ie.value = {}, ae();
|
|
8766
8788
|
}), K(() => C.duration, (e) => {
|
|
8767
|
-
e && E.value && (
|
|
8768
|
-
...
|
|
8789
|
+
e && E.value && (ie.value = {
|
|
8790
|
+
...ie.value,
|
|
8769
8791
|
[p.value]: e
|
|
8770
8792
|
});
|
|
8771
8793
|
});
|
|
@@ -8782,7 +8804,7 @@ var dd = ["aria-label"], fd = [
|
|
|
8782
8804
|
e.setActionHandler(t, n);
|
|
8783
8805
|
} catch {}
|
|
8784
8806
|
};
|
|
8785
|
-
n("play", () => v.play().catch(() => {})), n("pause", () => v.pause()), n("seekto", (e) => e.seekTime !== void 0 && v.seek(e.seekTime)), n("previoustrack", E.value ?
|
|
8807
|
+
n("play", () => v.play().catch(() => {})), n("pause", () => v.pause()), n("seekto", (e) => e.seekTime !== void 0 && v.seek(e.seekTime)), n("previoustrack", E.value ? ne : null), n("nexttrack", E.value ? re : null);
|
|
8786
8808
|
}
|
|
8787
8809
|
K(() => [C.playing, D.value?.src], oe);
|
|
8788
8810
|
let se = a(() => C.muted || C.volume === 0 ? Be : C.volume < .5 ? Re : ze), ce = a(() => !C.error && C.waiting && !C.paused), le = a(() => O.value ? C.playing || C.currentTime > 0 ? cu(C.currentTime) : cu(C.duration || D.value?.duration || 0) : `${cu(C.currentTime)} / ${cu(C.duration || D.value?.duration || 0)}`), ue = a(() => C.error ? h.value.errors[C.error.kind] ?? h.value.errors.unknown : ""), de = a(() => ({
|
|
@@ -8802,11 +8824,11 @@ var dd = ["aria-label"], fd = [
|
|
|
8802
8824
|
let t = e.target.tagName;
|
|
8803
8825
|
if (!((t === "BUTTON" || t === "A") && (e.key === " " || e.key === "Enter")) && !(t === "INPUT" && e.key.startsWith("Arrow"))) {
|
|
8804
8826
|
if (e.key.toLowerCase() === "n" && e.shiftKey) {
|
|
8805
|
-
|
|
8827
|
+
re(), e.preventDefault();
|
|
8806
8828
|
return;
|
|
8807
8829
|
}
|
|
8808
8830
|
if (e.key.toLowerCase() === "p" && e.shiftKey) {
|
|
8809
|
-
|
|
8831
|
+
ne(), e.preventDefault();
|
|
8810
8832
|
return;
|
|
8811
8833
|
}
|
|
8812
8834
|
v.handleKey(e) && e.preventDefault();
|
|
@@ -8816,7 +8838,7 @@ var dd = ["aria-label"], fd = [
|
|
|
8816
8838
|
e === p.value ? v.toggle() : W(e);
|
|
8817
8839
|
}
|
|
8818
8840
|
return S(() => {
|
|
8819
|
-
if (
|
|
8841
|
+
if (Z(), X(), ae(), typeof IntersectionObserver > "u" || !g.value) {
|
|
8820
8842
|
L.value = !0;
|
|
8821
8843
|
return;
|
|
8822
8844
|
}
|
|
@@ -8830,8 +8852,8 @@ var dd = ["aria-label"], fd = [
|
|
|
8830
8852
|
pause: v.pause,
|
|
8831
8853
|
toggle: v.toggle,
|
|
8832
8854
|
seek: v.seek,
|
|
8833
|
-
next:
|
|
8834
|
-
prev:
|
|
8855
|
+
next: re,
|
|
8856
|
+
prev: ne,
|
|
8835
8857
|
state: C,
|
|
8836
8858
|
media: _
|
|
8837
8859
|
}), (r, i) => (T(), c("div", {
|
|
@@ -8856,20 +8878,20 @@ var dd = ["aria-label"], fd = [
|
|
|
8856
8878
|
loop: n.loop && !E.value,
|
|
8857
8879
|
crossorigin: n.crossorigin,
|
|
8858
8880
|
src: j.value ? void 0 : D.value?.src
|
|
8859
|
-
}, null, 8,
|
|
8881
|
+
}, null, 8, Fd),
|
|
8860
8882
|
l("div", { class: y(["uid-audio__row", { "uid-audio__row--meta": M.value }]) }, [
|
|
8861
|
-
l("div",
|
|
8883
|
+
l("div", Id, [
|
|
8862
8884
|
E.value && !O.value ? (T(), c("button", {
|
|
8863
8885
|
key: 0,
|
|
8864
8886
|
type: "button",
|
|
8865
8887
|
class: "uid-media__button uid-audio__skip",
|
|
8866
8888
|
"aria-label": R(h).prev,
|
|
8867
8889
|
title: R(h).prev,
|
|
8868
|
-
onClick:
|
|
8890
|
+
onClick: ne
|
|
8869
8891
|
}, [d(e, {
|
|
8870
8892
|
icon: R(Pe),
|
|
8871
8893
|
size: 18
|
|
8872
|
-
}, null, 8, ["icon"])], 8,
|
|
8894
|
+
}, null, 8, ["icon"])], 8, Ld)) : s("", !0),
|
|
8873
8895
|
l("button", {
|
|
8874
8896
|
type: "button",
|
|
8875
8897
|
class: "uid-audio__play",
|
|
@@ -8891,22 +8913,22 @@ var dd = ["aria-label"], fd = [
|
|
|
8891
8913
|
"icon",
|
|
8892
8914
|
"size",
|
|
8893
8915
|
"class"
|
|
8894
|
-
]))], 8,
|
|
8916
|
+
]))], 8, Rd),
|
|
8895
8917
|
E.value && !O.value ? (T(), c("button", {
|
|
8896
8918
|
key: 1,
|
|
8897
8919
|
type: "button",
|
|
8898
8920
|
class: "uid-media__button uid-audio__skip",
|
|
8899
8921
|
"aria-label": R(h).next,
|
|
8900
8922
|
title: R(h).next,
|
|
8901
|
-
disabled: !
|
|
8902
|
-
onClick:
|
|
8923
|
+
disabled: !te.value,
|
|
8924
|
+
onClick: re
|
|
8903
8925
|
}, [d(e, {
|
|
8904
8926
|
icon: R(Fe),
|
|
8905
8927
|
size: 18
|
|
8906
|
-
}, null, 8, ["icon"])], 8,
|
|
8928
|
+
}, null, 8, ["icon"])], 8, zd)) : s("", !0)
|
|
8907
8929
|
]),
|
|
8908
|
-
M.value ? (T(), c("div",
|
|
8909
|
-
l("div",
|
|
8930
|
+
M.value ? (T(), c("div", Bd, [D.value?.title ? (T(), c("span", Vd, F(D.value.title), 1)) : s("", !0), D.value?.artist ? (T(), c("span", Hd, F(D.value.artist), 1)) : s("", !0)])) : s("", !0),
|
|
8931
|
+
l("div", Ud, [R(C).error ? (T(), c("p", Wd, [d(e, {
|
|
8910
8932
|
icon: R(pe),
|
|
8911
8933
|
size: 16
|
|
8912
8934
|
}, null, 8, ["icon"]), l("span", null, F(ue.value), 1)])) : (T(), o(Ku, {
|
|
@@ -8930,9 +8952,9 @@ var dd = ["aria-label"], fd = [
|
|
|
8930
8952
|
"value-text",
|
|
8931
8953
|
"onSeek"
|
|
8932
8954
|
]))]),
|
|
8933
|
-
l("div",
|
|
8934
|
-
l("span",
|
|
8935
|
-
n.showVolume && !O.value ? (T(), c("div",
|
|
8955
|
+
l("div", Gd, [
|
|
8956
|
+
l("span", Kd, F(le.value), 1),
|
|
8957
|
+
n.showVolume && !O.value ? (T(), c("div", qd, [l("button", {
|
|
8936
8958
|
type: "button",
|
|
8937
8959
|
class: "uid-media__button",
|
|
8938
8960
|
"aria-label": R(C).muted ? R(h).unmute : R(h).mute,
|
|
@@ -8941,7 +8963,7 @@ var dd = ["aria-label"], fd = [
|
|
|
8941
8963
|
}, [d(e, {
|
|
8942
8964
|
icon: se.value,
|
|
8943
8965
|
size: 18
|
|
8944
|
-
}, null, 8, ["icon"])], 8,
|
|
8966
|
+
}, null, 8, ["icon"])], 8, Jd), l("input", {
|
|
8945
8967
|
class: "uid-media__volume-range",
|
|
8946
8968
|
type: "range",
|
|
8947
8969
|
min: "0",
|
|
@@ -8952,15 +8974,15 @@ var dd = ["aria-label"], fd = [
|
|
|
8952
8974
|
"aria-valuetext": `${Math.round((R(C).muted ? 0 : R(C).volume) * 100)}%`,
|
|
8953
8975
|
style: b({ "--_fill": `${(R(C).muted ? 0 : R(C).volume) * 100}%` }),
|
|
8954
8976
|
onInput: fe
|
|
8955
|
-
}, null, 44,
|
|
8956
|
-
n.showRate && !O.value ? (T(), o(
|
|
8977
|
+
}, null, 44, Yd)])) : s("", !0),
|
|
8978
|
+
n.showRate && !O.value ? (T(), o(rd, {
|
|
8957
8979
|
key: 1,
|
|
8958
8980
|
label: R(h).speed,
|
|
8959
8981
|
groups: [de.value],
|
|
8960
8982
|
"button-class": "uid-audio__rate",
|
|
8961
8983
|
onSelect: i[2] ||= (e, t) => R(v).setRate(Number(t))
|
|
8962
8984
|
}, {
|
|
8963
|
-
default: J(() => [l("span",
|
|
8985
|
+
default: J(() => [l("span", Xd, F(R(C).rate) + "×", 1)]),
|
|
8964
8986
|
_: 1
|
|
8965
8987
|
}, 8, ["label", "groups"])) : s("", !0)
|
|
8966
8988
|
])
|
|
@@ -8975,35 +8997,35 @@ var dd = ["aria-label"], fd = [
|
|
|
8975
8997
|
"aria-current": n === p.value ? "true" : void 0,
|
|
8976
8998
|
onClick: (e) => he(n)
|
|
8977
8999
|
}, [
|
|
8978
|
-
l("span",
|
|
9000
|
+
l("span", $d, [n === p.value && R(C).playing ? (T(), c("span", ef, [...i[3] ||= [
|
|
8979
9001
|
l("i", null, null, -1),
|
|
8980
9002
|
l("i", null, null, -1),
|
|
8981
9003
|
l("i", null, null, -1)
|
|
8982
9004
|
]])) : (T(), c(t, { key: 1 }, [u(F(n + 1), 1)], 64))]),
|
|
8983
|
-
l("span",
|
|
8984
|
-
l("span",
|
|
8985
|
-
], 10,
|
|
8986
|
-
], 42,
|
|
9005
|
+
l("span", tf, [l("span", nf, F(e.title ?? e.src.split("/").pop()), 1), e.artist ? (T(), c("span", rf, F(e.artist), 1)) : s("", !0)]),
|
|
9006
|
+
l("span", af, F(ie.value[n] || e.duration ? R(cu)(ie.value[n] || e.duration || 0) : "—"), 1)
|
|
9007
|
+
], 10, Qd)]))), 128))], 8, Zd)) : s("", !0)
|
|
9008
|
+
], 42, Pd));
|
|
8987
9009
|
}
|
|
8988
|
-
}),
|
|
9010
|
+
}), sf = [
|
|
8989
9011
|
"aria-valuemax",
|
|
8990
9012
|
"aria-valuenow",
|
|
8991
9013
|
"aria-readonly",
|
|
8992
9014
|
"aria-disabled",
|
|
8993
9015
|
"aria-label"
|
|
8994
|
-
],
|
|
9016
|
+
], cf = [
|
|
8995
9017
|
"tabindex",
|
|
8996
9018
|
"aria-label",
|
|
8997
9019
|
"onClick",
|
|
8998
9020
|
"onMousemove",
|
|
8999
9021
|
"onKeydown"
|
|
9000
|
-
],
|
|
9022
|
+
], lf = {
|
|
9001
9023
|
class: "uid-rating__icon",
|
|
9002
9024
|
"aria-hidden": "true"
|
|
9003
|
-
},
|
|
9025
|
+
}, uf = ["data-half"], df = {
|
|
9004
9026
|
key: 0,
|
|
9005
9027
|
class: "uid-rating__label"
|
|
9006
|
-
},
|
|
9028
|
+
}, ff = /* @__PURE__ */ f({
|
|
9007
9029
|
__name: "UidRating",
|
|
9008
9030
|
props: /* @__PURE__ */ g({
|
|
9009
9031
|
max: { default: 5 },
|
|
@@ -9108,21 +9130,21 @@ var dd = ["aria-label"], fd = [
|
|
|
9108
9130
|
onClick: (e) => x(e, t),
|
|
9109
9131
|
onMousemove: (e) => S(e, t),
|
|
9110
9132
|
onKeydown: (e) => w(e, t)
|
|
9111
|
-
}, [l("span",
|
|
9133
|
+
}, [l("span", lf, [d(e, { icon: _.value }, null, 8, ["icon"])]), v(t).full ? (T(), c("span", {
|
|
9112
9134
|
key: 0,
|
|
9113
9135
|
class: "uid-rating__icon uid-rating__icon--filled",
|
|
9114
9136
|
"data-half": v(t).half ? "true" : "false",
|
|
9115
9137
|
"aria-hidden": "true"
|
|
9116
|
-
}, [d(e, { icon: _.value }, null, 8, ["icon"])], 8,
|
|
9138
|
+
}, [d(e, { icon: _.value }, null, 8, ["icon"])], 8, uf)) : s("", !0)], 40, cf))), 128)), n.showLabel ? (T(), c("span", df, F(R(hc)(p.value, u.value, +!!n.allowHalf)) + " / " + F(n.max), 1)) : s("", !0)], 42, sf));
|
|
9117
9139
|
}
|
|
9118
|
-
}),
|
|
9140
|
+
}), pf = [
|
|
9119
9141
|
"tabindex",
|
|
9120
9142
|
"aria-orientation",
|
|
9121
9143
|
"aria-valuemin",
|
|
9122
9144
|
"aria-valuemax",
|
|
9123
9145
|
"aria-valuenow",
|
|
9124
9146
|
"aria-disabled"
|
|
9125
|
-
],
|
|
9147
|
+
], mf = { class: "uid-splitter__pane uid-splitter__pane--end" }, hf = /* @__PURE__ */ f({
|
|
9126
9148
|
__name: "UidSplitter",
|
|
9127
9149
|
props: /* @__PURE__ */ g({
|
|
9128
9150
|
direction: { default: "horizontal" },
|
|
@@ -9200,27 +9222,27 @@ var dd = ["aria-label"], fd = [
|
|
|
9200
9222
|
l("span", { class: "uid-splitter__grip-dot" }),
|
|
9201
9223
|
l("span", { class: "uid-splitter__grip-dot" }),
|
|
9202
9224
|
l("span", { class: "uid-splitter__grip-dot" })
|
|
9203
|
-
], -1)]], 40,
|
|
9204
|
-
l("div",
|
|
9225
|
+
], -1)]], 40, pf),
|
|
9226
|
+
l("div", mf, [j(t.$slots, "end")])
|
|
9205
9227
|
], 2));
|
|
9206
9228
|
}
|
|
9207
|
-
}),
|
|
9229
|
+
}), gf = {
|
|
9208
9230
|
key: 0,
|
|
9209
9231
|
class: "uid-stat__icon",
|
|
9210
9232
|
"aria-hidden": "true"
|
|
9211
|
-
},
|
|
9233
|
+
}, _f = { class: "uid-stat__body" }, vf = {
|
|
9212
9234
|
key: 0,
|
|
9213
9235
|
class: "uid-stat__title"
|
|
9214
|
-
},
|
|
9236
|
+
}, yf = { class: "uid-stat__value-row" }, bf = { class: "uid-stat__value" }, xf = {
|
|
9215
9237
|
key: 0,
|
|
9216
9238
|
class: "uid-stat__prefix"
|
|
9217
|
-
},
|
|
9239
|
+
}, Sf = {
|
|
9218
9240
|
key: 1,
|
|
9219
9241
|
class: "uid-stat__suffix"
|
|
9220
|
-
},
|
|
9242
|
+
}, Cf = {
|
|
9221
9243
|
key: 1,
|
|
9222
9244
|
class: "uid-stat__footer"
|
|
9223
|
-
},
|
|
9245
|
+
}, wf = /* @__PURE__ */ f({
|
|
9224
9246
|
__name: "UidStat",
|
|
9225
9247
|
props: {
|
|
9226
9248
|
title: {},
|
|
@@ -9243,22 +9265,22 @@ var dd = ["aria-label"], fd = [
|
|
|
9243
9265
|
let n = t, r = $(), i = a(() => n.locale ?? r.value.code ?? "ru-RU"), d = a(() => n.value === void 0 ? "" : n.formatter ? n.formatter(n.value) : typeof n.value == "number" ? n.value.toLocaleString(i.value, {
|
|
9244
9266
|
minimumFractionDigits: n.precision,
|
|
9245
9267
|
maximumFractionDigits: n.precision
|
|
9246
|
-
}) : String(n.value)), f = a(() => n.trend === void 0 ? null : n.trend > 0 ? "up" : n.trend < 0 ? "down" : "flat"), p = a(() => f.value === "up" ?
|
|
9268
|
+
}) : String(n.value)), f = a(() => n.trend === void 0 ? null : n.trend > 0 ? "up" : n.trend < 0 ? "down" : "flat"), p = a(() => f.value === "up" ? ie : f.value === "down" ? ne : null), m = a(() => n.trend === void 0 ? "" : `${Math.abs(n.trend).toLocaleString(i.value, { maximumFractionDigits: 2 })}${n.trendSuffix}`);
|
|
9247
9269
|
return (n, r) => (T(), c("div", { class: y(["uid-stat", [
|
|
9248
9270
|
`uid-stat--${t.tone}`,
|
|
9249
9271
|
t.variant === "ghost" && "uid-stat--ghost",
|
|
9250
9272
|
t.trendPlacement === "below" && "uid-stat--trend-below",
|
|
9251
9273
|
t.loading && "uid-stat--loading"
|
|
9252
|
-
]]) }, [t.icon || n.$slots.icon ? (T(), c("span",
|
|
9274
|
+
]]) }, [t.icon || n.$slots.icon ? (T(), c("span", gf, [j(n.$slots, "icon", {}, () => [t.icon ? (T(), o(e, {
|
|
9253
9275
|
key: 0,
|
|
9254
9276
|
icon: t.icon,
|
|
9255
9277
|
size: 20
|
|
9256
|
-
}, null, 8, ["icon"])) : s("", !0)])])) : s("", !0), l("div",
|
|
9257
|
-
t.title ? (T(), c("p",
|
|
9258
|
-
l("div",
|
|
9259
|
-
t.prefix ? (T(), c("span",
|
|
9278
|
+
}, null, 8, ["icon"])) : s("", !0)])])) : s("", !0), l("div", _f, [
|
|
9279
|
+
t.title ? (T(), c("p", vf, F(t.title), 1)) : s("", !0),
|
|
9280
|
+
l("div", yf, [l("span", bf, [j(n.$slots, "value", {}, () => [
|
|
9281
|
+
t.prefix ? (T(), c("span", xf, F(t.prefix), 1)) : s("", !0),
|
|
9260
9282
|
l("span", null, F(d.value), 1),
|
|
9261
|
-
t.suffix ? (T(), c("span",
|
|
9283
|
+
t.suffix ? (T(), c("span", Sf, F(t.suffix), 1)) : s("", !0)
|
|
9262
9284
|
])]), t.trend !== void 0 || n.$slots.trend ? (T(), c("span", {
|
|
9263
9285
|
key: 0,
|
|
9264
9286
|
class: y(["uid-stat__trend", f.value && `uid-stat__trend--${f.value}`])
|
|
@@ -9267,13 +9289,13 @@ var dd = ["aria-label"], fd = [
|
|
|
9267
9289
|
icon: p.value,
|
|
9268
9290
|
size: 12
|
|
9269
9291
|
}, null, 8, ["icon"])) : s("", !0), l("span", null, F(m.value), 1)])], 2)) : s("", !0)]),
|
|
9270
|
-
t.footer || n.$slots.footer ? (T(), c("p",
|
|
9292
|
+
t.footer || n.$slots.footer ? (T(), c("p", Cf, [j(n.$slots, "footer", {}, () => [u(F(t.footer), 1)])])) : s("", !0)
|
|
9271
9293
|
])], 2));
|
|
9272
9294
|
}
|
|
9273
|
-
}),
|
|
9295
|
+
}), Tf = Symbol("UidDescriptionList"), Ef = {
|
|
9274
9296
|
key: 0,
|
|
9275
9297
|
class: "uid-description-list__title"
|
|
9276
|
-
},
|
|
9298
|
+
}, Df = /* @__PURE__ */ f({
|
|
9277
9299
|
__name: "UidDescriptionList",
|
|
9278
9300
|
props: {
|
|
9279
9301
|
title: {},
|
|
@@ -9288,7 +9310,7 @@ var dd = ["aria-label"], fd = [
|
|
|
9288
9310
|
},
|
|
9289
9311
|
setup(e) {
|
|
9290
9312
|
let t = e;
|
|
9291
|
-
E(
|
|
9313
|
+
E(Tf, {
|
|
9292
9314
|
direction: a(() => t.direction),
|
|
9293
9315
|
bordered: a(() => t.bordered)
|
|
9294
9316
|
});
|
|
@@ -9300,12 +9322,12 @@ var dd = ["aria-label"], fd = [
|
|
|
9300
9322
|
`uid-description-list--${e.direction}`,
|
|
9301
9323
|
`uid-description-list--${e.size}`,
|
|
9302
9324
|
e.bordered && "uid-description-list--bordered"
|
|
9303
|
-
]]) }, [e.title || t.$slots.title ? (T(), c("h3",
|
|
9325
|
+
]]) }, [e.title || t.$slots.title ? (T(), c("h3", Ef, [j(t.$slots, "title", {}, () => [u(F(e.title), 1)])])) : s("", !0), l("dl", {
|
|
9304
9326
|
class: "uid-description-list__grid",
|
|
9305
9327
|
style: b(n.value)
|
|
9306
9328
|
}, [j(t.$slots, "default")], 4)], 2));
|
|
9307
9329
|
}
|
|
9308
|
-
}),
|
|
9330
|
+
}), Of = { class: "uid-description-item__label" }, kf = { class: "uid-description-item__value" }, Af = ["aria-label"], jf = /* @__PURE__ */ f({
|
|
9309
9331
|
__name: "UidDescriptionItem",
|
|
9310
9332
|
props: {
|
|
9311
9333
|
label: {},
|
|
@@ -9318,7 +9340,7 @@ var dd = ["aria-label"], fd = [
|
|
|
9318
9340
|
},
|
|
9319
9341
|
setup(t) {
|
|
9320
9342
|
let n = $(), r = t;
|
|
9321
|
-
h(
|
|
9343
|
+
h(Tf, null);
|
|
9322
9344
|
let i = k(null), o = k(!1), f = a(() => ({ "--uid-desc-span": r.span }));
|
|
9323
9345
|
async function p() {
|
|
9324
9346
|
let e = r.copyValue ?? i.value?.querySelector(".uid-description-item__value")?.textContent?.trim() ?? "";
|
|
@@ -9333,7 +9355,7 @@ var dd = ["aria-label"], fd = [
|
|
|
9333
9355
|
ref: i,
|
|
9334
9356
|
class: "uid-description-item",
|
|
9335
9357
|
style: b(f.value)
|
|
9336
|
-
}, [l("dt",
|
|
9358
|
+
}, [l("dt", Of, [j(r.$slots, "label", {}, () => [u(F(t.label), 1)])]), l("dd", kf, [j(r.$slots, "default"), t.copyable ? (T(), c("button", {
|
|
9337
9359
|
key: 0,
|
|
9338
9360
|
type: "button",
|
|
9339
9361
|
class: y(["uid-description-item__copy", { "uid-description-item__copy--copied": o.value }]),
|
|
@@ -9342,24 +9364,24 @@ var dd = ["aria-label"], fd = [
|
|
|
9342
9364
|
}, [d(e, {
|
|
9343
9365
|
icon: o.value ? R(se) : R(he),
|
|
9344
9366
|
size: 12
|
|
9345
|
-
}, null, 8, ["icon"])], 10,
|
|
9367
|
+
}, null, 8, ["icon"])], 10, Af)) : s("", !0)])], 4));
|
|
9346
9368
|
}
|
|
9347
|
-
}),
|
|
9369
|
+
}), Mf = {
|
|
9348
9370
|
class: "uid-pattern-result__icon",
|
|
9349
9371
|
"aria-hidden": "true"
|
|
9350
|
-
},
|
|
9372
|
+
}, Nf = {
|
|
9351
9373
|
key: 0,
|
|
9352
9374
|
class: "uid-pattern-result__title"
|
|
9353
|
-
},
|
|
9375
|
+
}, Pf = {
|
|
9354
9376
|
key: 1,
|
|
9355
9377
|
class: "uid-pattern-result__description"
|
|
9356
|
-
},
|
|
9378
|
+
}, Ff = {
|
|
9357
9379
|
key: 2,
|
|
9358
9380
|
class: "uid-pattern-result__content"
|
|
9359
|
-
},
|
|
9381
|
+
}, If = {
|
|
9360
9382
|
key: 3,
|
|
9361
9383
|
class: "uid-pattern-result__actions"
|
|
9362
|
-
},
|
|
9384
|
+
}, Lf = /* @__PURE__ */ f({
|
|
9363
9385
|
__name: "UidResult",
|
|
9364
9386
|
props: {
|
|
9365
9387
|
status: { default: "success" },
|
|
@@ -9374,24 +9396,24 @@ var dd = ["aria-label"], fd = [
|
|
|
9374
9396
|
let n = t, r = {
|
|
9375
9397
|
success: ce,
|
|
9376
9398
|
info: xe,
|
|
9377
|
-
warning:
|
|
9399
|
+
warning: te,
|
|
9378
9400
|
error: Ue
|
|
9379
9401
|
}, i = a(() => r[n.status]);
|
|
9380
9402
|
return (n, r) => (T(), c("div", {
|
|
9381
9403
|
class: y(["uid-pattern-result", [`uid-pattern-result--${t.status}`, t.compact && "uid-pattern-result--compact"]]),
|
|
9382
9404
|
role: "status"
|
|
9383
9405
|
}, [
|
|
9384
|
-
l("div",
|
|
9406
|
+
l("div", Mf, [j(n.$slots, "icon", {}, () => [d(e, {
|
|
9385
9407
|
icon: i.value,
|
|
9386
9408
|
size: t.compact ? 32 : 40
|
|
9387
9409
|
}, null, 8, ["icon", "size"])])]),
|
|
9388
|
-
t.title || n.$slots.title ? (T(), c("h2",
|
|
9389
|
-
t.description || n.$slots.description ? (T(), c("p",
|
|
9390
|
-
n.$slots.default ? (T(), c("div",
|
|
9391
|
-
n.$slots.actions ? (T(), c("div",
|
|
9410
|
+
t.title || n.$slots.title ? (T(), c("h2", Nf, [j(n.$slots, "title", {}, () => [u(F(t.title), 1)])])) : s("", !0),
|
|
9411
|
+
t.description || n.$slots.description ? (T(), c("p", Pf, [j(n.$slots, "description", {}, () => [u(F(t.description), 1)])])) : s("", !0),
|
|
9412
|
+
n.$slots.default ? (T(), c("div", Ff, [j(n.$slots, "default")])) : s("", !0),
|
|
9413
|
+
n.$slots.actions ? (T(), c("div", If, [j(n.$slots, "actions")])) : s("", !0)
|
|
9392
9414
|
], 2));
|
|
9393
9415
|
}
|
|
9394
|
-
}),
|
|
9416
|
+
}), Rf = ["aria-label"], zf = /* @__PURE__ */ f({
|
|
9395
9417
|
__name: "UidBackTop",
|
|
9396
9418
|
props: {
|
|
9397
9419
|
visibleAfter: { default: 200 },
|
|
@@ -9437,13 +9459,13 @@ var dd = ["aria-label"], fd = [
|
|
|
9437
9459
|
"aria-label": c.value,
|
|
9438
9460
|
onClick: _
|
|
9439
9461
|
}, [j(t.$slots, "default", {}, () => [d(e, {
|
|
9440
|
-
icon: R(
|
|
9462
|
+
icon: R(ie),
|
|
9441
9463
|
size: 20
|
|
9442
|
-
}, null, 8, ["icon"])])], 8,
|
|
9464
|
+
}, null, 8, ["icon"])])], 8, Rf), [[G, f.value]])]),
|
|
9443
9465
|
_: 3
|
|
9444
9466
|
}));
|
|
9445
9467
|
}
|
|
9446
|
-
}),
|
|
9468
|
+
}), Bf = { class: "uid-affix__content" }, Vf = /* @__PURE__ */ f({
|
|
9447
9469
|
__name: "UidAffix",
|
|
9448
9470
|
props: {
|
|
9449
9471
|
offsetTop: {},
|
|
@@ -9473,9 +9495,9 @@ var dd = ["aria-label"], fd = [
|
|
|
9473
9495
|
ref: o,
|
|
9474
9496
|
class: "uid-affix__sentinel",
|
|
9475
9497
|
"aria-hidden": "true"
|
|
9476
|
-
}, null, 512), l("div",
|
|
9498
|
+
}, null, 512), l("div", Bf, [j(e.$slots, "default")])], 6));
|
|
9477
9499
|
}
|
|
9478
|
-
}),
|
|
9500
|
+
}), Hf = { class: "uid-watermark" }, Uf = { class: "uid-watermark__content" }, Wf = /* @__PURE__ */ f({
|
|
9479
9501
|
__name: "UidWatermark",
|
|
9480
9502
|
props: {
|
|
9481
9503
|
content: { default: "" },
|
|
@@ -9522,24 +9544,24 @@ var dd = ["aria-label"], fd = [
|
|
|
9522
9544
|
i();
|
|
9523
9545
|
}), C(() => {
|
|
9524
9546
|
n.value = "";
|
|
9525
|
-
}), (e, t) => (T(), c("div",
|
|
9547
|
+
}), (e, t) => (T(), c("div", Hf, [l("div", {
|
|
9526
9548
|
class: "uid-watermark__overlay",
|
|
9527
9549
|
style: b(o.value),
|
|
9528
9550
|
"aria-hidden": "true"
|
|
9529
|
-
}, null, 4), l("div",
|
|
9551
|
+
}, null, 4), l("div", Uf, [j(e.$slots, "default")])]));
|
|
9530
9552
|
}
|
|
9531
|
-
}),
|
|
9553
|
+
}), Gf = ["aria-label"], Kf = { class: "uid-anchor__list" }, qf = [
|
|
9532
9554
|
"href",
|
|
9533
9555
|
"aria-current",
|
|
9534
9556
|
"onClick"
|
|
9535
|
-
],
|
|
9557
|
+
], Jf = {
|
|
9536
9558
|
key: 0,
|
|
9537
9559
|
class: "uid-anchor__sublist"
|
|
9538
|
-
},
|
|
9560
|
+
}, Yf = [
|
|
9539
9561
|
"href",
|
|
9540
9562
|
"aria-current",
|
|
9541
9563
|
"onClick"
|
|
9542
|
-
],
|
|
9564
|
+
], Xf = /* @__PURE__ */ f({
|
|
9543
9565
|
__name: "UidAnchor",
|
|
9544
9566
|
props: /* @__PURE__ */ g({
|
|
9545
9567
|
items: {},
|
|
@@ -9606,7 +9628,7 @@ var dd = ["aria-label"], fd = [
|
|
|
9606
9628
|
return (n, r) => (T(), c("nav", {
|
|
9607
9629
|
class: "uid-anchor",
|
|
9608
9630
|
"aria-label": R(i).anchor.label
|
|
9609
|
-
}, [l("ul",
|
|
9631
|
+
}, [l("ul", Kf, [(T(!0), c(t, null, A(e.items, (e) => (T(), c("li", {
|
|
9610
9632
|
key: e.key,
|
|
9611
9633
|
class: "uid-anchor__item"
|
|
9612
9634
|
}, [l("a", {
|
|
@@ -9614,7 +9636,7 @@ var dd = ["aria-label"], fd = [
|
|
|
9614
9636
|
class: y(["uid-anchor__link", { "uid-anchor__link--active": o.value === e.key }]),
|
|
9615
9637
|
"aria-current": o.value === e.key ? "location" : void 0,
|
|
9616
9638
|
onClick: (t) => h(t, e)
|
|
9617
|
-
}, F(e.title), 11,
|
|
9639
|
+
}, F(e.title), 11, qf), e.children?.length ? (T(), c("ul", Jf, [(T(!0), c(t, null, A(e.children, (e) => (T(), c("li", {
|
|
9618
9640
|
key: e.key,
|
|
9619
9641
|
class: "uid-anchor__item"
|
|
9620
9642
|
}, [l("a", {
|
|
@@ -9622,18 +9644,18 @@ var dd = ["aria-label"], fd = [
|
|
|
9622
9644
|
class: y(["uid-anchor__link", { "uid-anchor__link--active": o.value === e.key }]),
|
|
9623
9645
|
"aria-current": o.value === e.key ? "location" : void 0,
|
|
9624
9646
|
onClick: (t) => h(t, e)
|
|
9625
|
-
}, F(e.title), 11,
|
|
9647
|
+
}, F(e.title), 11, Yf)]))), 128))])) : s("", !0)]))), 128))])], 8, Gf));
|
|
9626
9648
|
}
|
|
9627
|
-
}),
|
|
9649
|
+
}), Zf = ["aria-label"], Qf = {
|
|
9628
9650
|
key: 0,
|
|
9629
9651
|
class: "uid-tour__title"
|
|
9630
|
-
},
|
|
9652
|
+
}, $f = {
|
|
9631
9653
|
key: 1,
|
|
9632
9654
|
class: "uid-tour__description"
|
|
9633
|
-
},
|
|
9655
|
+
}, ep = { class: "uid-tour__footer" }, tp = {
|
|
9634
9656
|
key: 0,
|
|
9635
9657
|
class: "uid-tour__progress"
|
|
9636
|
-
},
|
|
9658
|
+
}, np = { key: 1 }, rp = { class: "uid-tour__actions" }, ip = /* @__PURE__ */ f({
|
|
9637
9659
|
__name: "UidTour",
|
|
9638
9660
|
props: /* @__PURE__ */ g({
|
|
9639
9661
|
steps: {},
|
|
@@ -9772,9 +9794,9 @@ var dd = ["aria-label"], fd = [
|
|
|
9772
9794
|
class: y(["uid-tour__popover", { "uid-tour__popover--center": N.value }]),
|
|
9773
9795
|
style: b(N.value ? void 0 : M.value)
|
|
9774
9796
|
}, [
|
|
9775
|
-
E.value.title ? (T(), c("h3",
|
|
9776
|
-
E.value.description ? (T(), c("p",
|
|
9777
|
-
l("div",
|
|
9797
|
+
E.value.title ? (T(), c("h3", Qf, F(E.value.title), 1)) : s("", !0),
|
|
9798
|
+
E.value.description ? (T(), c("p", $f, F(E.value.description), 1)) : s("", !0),
|
|
9799
|
+
l("div", ep, [e.showProgress ? (T(), c("span", tp, F(g.value + 1) + " / " + F(e.steps.length), 1)) : (T(), c("span", np)), l("div", rp, [
|
|
9778
9800
|
e.showSkip && g.value < e.steps.length - 1 ? (T(), c("button", {
|
|
9779
9801
|
key: 0,
|
|
9780
9802
|
type: "button",
|
|
@@ -9794,21 +9816,21 @@ var dd = ["aria-label"], fd = [
|
|
|
9794
9816
|
}, F(g.value === e.steps.length - 1 ? f.value : u.value), 1)
|
|
9795
9817
|
])])
|
|
9796
9818
|
], 6)
|
|
9797
|
-
], 8,
|
|
9819
|
+
], 8, Zf)) : s("", !0)]));
|
|
9798
9820
|
}
|
|
9799
|
-
}),
|
|
9821
|
+
}), ap = ["for"], op = [
|
|
9800
9822
|
"id",
|
|
9801
9823
|
"value",
|
|
9802
9824
|
"placeholder",
|
|
9803
9825
|
"rows",
|
|
9804
9826
|
"disabled"
|
|
9805
|
-
],
|
|
9827
|
+
], sp = ["onMousedown", "onMouseenter"], cp = { class: "uid-mention__option-label" }, lp = {
|
|
9806
9828
|
key: 0,
|
|
9807
9829
|
class: "uid-mention__option-hint"
|
|
9808
|
-
},
|
|
9830
|
+
}, up = {
|
|
9809
9831
|
key: 0,
|
|
9810
9832
|
class: "uid-mention__empty"
|
|
9811
|
-
},
|
|
9833
|
+
}, dp = /* @__PURE__ */ f({
|
|
9812
9834
|
inheritAttrs: !1,
|
|
9813
9835
|
__name: "UidMention",
|
|
9814
9836
|
props: /* @__PURE__ */ g({
|
|
@@ -9873,7 +9895,7 @@ var dd = ["aria-label"], fd = [
|
|
|
9873
9895
|
key: 0,
|
|
9874
9896
|
for: R(x),
|
|
9875
9897
|
class: "uid-mention__label"
|
|
9876
|
-
}, F(e.label), 9,
|
|
9898
|
+
}, F(e.label), 9, ap)) : s("", !0),
|
|
9877
9899
|
l("textarea", _(R(u)(), {
|
|
9878
9900
|
id: R(x),
|
|
9879
9901
|
ref_key: "fieldRef",
|
|
@@ -9888,7 +9910,7 @@ var dd = ["aria-label"], fd = [
|
|
|
9888
9910
|
onKeydown: H,
|
|
9889
9911
|
onKeyup: P,
|
|
9890
9912
|
onBlur: a[0] ||= (e) => S.value = !1
|
|
9891
|
-
}), null, 16,
|
|
9913
|
+
}), null, 16, op),
|
|
9892
9914
|
(T(), o(n, { to: "body" }, [S.value ? (T(), c("div", {
|
|
9893
9915
|
key: 0,
|
|
9894
9916
|
ref_key: "panelRef",
|
|
@@ -9899,32 +9921,32 @@ var dd = ["aria-label"], fd = [
|
|
|
9899
9921
|
key: e.value,
|
|
9900
9922
|
type: "button",
|
|
9901
9923
|
class: y(["uid-mention__option", { "uid-mention__option--active": t === w.value }]),
|
|
9902
|
-
onMousedown:
|
|
9924
|
+
onMousedown: Z((t) => I(e), ["prevent"]),
|
|
9903
9925
|
onMouseenter: (e) => w.value = t
|
|
9904
|
-
}, [l("span",
|
|
9926
|
+
}, [l("span", cp, F(e.label), 1), e.hint ? (T(), c("span", lp, F(e.hint), 1)) : s("", !0)], 42, sp))), 128)), N.value.length === 0 ? (T(), c("div", up, F(p.value), 1)) : s("", !0)], 4)) : s("", !0)]))
|
|
9905
9927
|
], 16));
|
|
9906
9928
|
}
|
|
9907
|
-
}),
|
|
9929
|
+
}), fp = ["for"], pp = {
|
|
9908
9930
|
key: 0,
|
|
9909
9931
|
class: "uid-tree-select__required",
|
|
9910
9932
|
"aria-hidden": "true"
|
|
9911
|
-
},
|
|
9933
|
+
}, mp = [
|
|
9912
9934
|
"id",
|
|
9913
9935
|
"aria-expanded",
|
|
9914
9936
|
"aria-controls",
|
|
9915
9937
|
"aria-label",
|
|
9916
9938
|
"aria-disabled",
|
|
9917
9939
|
"aria-invalid"
|
|
9918
|
-
],
|
|
9940
|
+
], hp = { class: "uid-tree-select__value" }, gp = ["aria-label", "onClick"], _p = {
|
|
9919
9941
|
key: 0,
|
|
9920
9942
|
class: "uid-tree-select__chip"
|
|
9921
|
-
},
|
|
9943
|
+
}, vp = {
|
|
9922
9944
|
key: 1,
|
|
9923
9945
|
class: "uid-tree-select__placeholder"
|
|
9924
|
-
},
|
|
9946
|
+
}, yp = { key: 0 }, bp = {
|
|
9925
9947
|
key: 1,
|
|
9926
9948
|
class: "uid-tree-select__placeholder"
|
|
9927
|
-
},
|
|
9949
|
+
}, xp = { class: "uid-tree-select__suffix" }, Sp = ["aria-label"], Cp = ["id"], wp = /* @__PURE__ */ f({
|
|
9928
9950
|
__name: "UidTreeSelect",
|
|
9929
9951
|
props: /* @__PURE__ */ g({
|
|
9930
9952
|
size: { default: "md" },
|
|
@@ -9993,18 +10015,18 @@ var dd = ["aria-label"], fd = [
|
|
|
9993
10015
|
function Y() {
|
|
9994
10016
|
v.value ? J() : q();
|
|
9995
10017
|
}
|
|
9996
|
-
function
|
|
10018
|
+
function X(e, t) {
|
|
9997
10019
|
if (e.length !== t.length) return !1;
|
|
9998
10020
|
let n = new Set(e);
|
|
9999
10021
|
return t.every((e) => n.has(e));
|
|
10000
10022
|
}
|
|
10001
|
-
let
|
|
10023
|
+
let ee = a({
|
|
10002
10024
|
get: () => H.value,
|
|
10003
10025
|
set: (e) => {
|
|
10004
|
-
|
|
10026
|
+
X(e, H.value) || (g.value = [...e], h("change", [...e]));
|
|
10005
10027
|
}
|
|
10006
10028
|
});
|
|
10007
|
-
function
|
|
10029
|
+
function te(e) {
|
|
10008
10030
|
let t = new Set([e]);
|
|
10009
10031
|
if (!f.checkable || f.checkStrictly) return t;
|
|
10010
10032
|
let n = I.value.find((t) => t.key === e), r = (e) => {
|
|
@@ -10015,20 +10037,20 @@ var dd = ["aria-label"], fd = [
|
|
|
10015
10037
|
for (; i;) t.add(i.key), i = z.value.get(i.key) ?? null;
|
|
10016
10038
|
return t;
|
|
10017
10039
|
}
|
|
10018
|
-
function
|
|
10040
|
+
function ne(e) {
|
|
10019
10041
|
if (f.multiple) {
|
|
10020
10042
|
let t = Array.isArray(g.value) ? [...g.value] : [], n = t.indexOf(e.key);
|
|
10021
10043
|
n >= 0 ? t.splice(n, 1) : t.push(e.key), g.value = t, h("change", t);
|
|
10022
10044
|
} else g.value = e.key, h("change", e.key), J();
|
|
10023
10045
|
}
|
|
10024
|
-
function
|
|
10046
|
+
function re(e) {
|
|
10025
10047
|
e.stopPropagation();
|
|
10026
10048
|
let t = L.value ? [] : null;
|
|
10027
10049
|
g.value = t, h("change", t);
|
|
10028
10050
|
}
|
|
10029
|
-
function
|
|
10051
|
+
function ie(e, t) {
|
|
10030
10052
|
if (e.stopPropagation(), !Array.isArray(g.value)) return;
|
|
10031
|
-
let n =
|
|
10053
|
+
let n = te(t), r = g.value.filter((e) => !n.has(e));
|
|
10032
10054
|
g.value = r, h("change", r);
|
|
10033
10055
|
}
|
|
10034
10056
|
function Q(e) {
|
|
@@ -10053,7 +10075,7 @@ var dd = ["aria-label"], fd = [
|
|
|
10053
10075
|
key: 0,
|
|
10054
10076
|
for: R(O),
|
|
10055
10077
|
class: "uid-tree-select__label"
|
|
10056
|
-
}, [u(F(r.label) + " ", 1), r.required ? (T(), c("span",
|
|
10078
|
+
}, [u(F(r.label) + " ", 1), r.required ? (T(), c("span", pp, "*")) : s("", !0)], 8, fp)) : s("", !0),
|
|
10057
10079
|
l("div", {
|
|
10058
10080
|
id: R(O),
|
|
10059
10081
|
ref_key: "triggerRef",
|
|
@@ -10069,7 +10091,7 @@ var dd = ["aria-label"], fd = [
|
|
|
10069
10091
|
"aria-invalid": M.value ? "true" : void 0,
|
|
10070
10092
|
onClick: Y,
|
|
10071
10093
|
onKeydown: Q
|
|
10072
|
-
}, [l("div",
|
|
10094
|
+
}, [l("div", hp, [L.value ? (T(), c(t, { key: 0 }, [
|
|
10073
10095
|
(T(!0), c(t, null, A(W.value, (e) => (T(), c("span", {
|
|
10074
10096
|
key: e.key,
|
|
10075
10097
|
class: "uid-tree-select__chip"
|
|
@@ -10077,25 +10099,25 @@ var dd = ["aria-label"], fd = [
|
|
|
10077
10099
|
type: "button",
|
|
10078
10100
|
class: "uid-tree-select__chip-remove",
|
|
10079
10101
|
"aria-label": R(p).treeSelect.removeTag(e.label),
|
|
10080
|
-
onClick:
|
|
10081
|
-
}, "×", 8,
|
|
10082
|
-
G.value > 0 ? (T(), c("span",
|
|
10083
|
-
U.value.length === 0 ? (T(), c("span",
|
|
10084
|
-
], 64)) : (T(), c(t, { key: 1 }, [U.value.length > 0 ? (T(), c("span",
|
|
10102
|
+
onClick: Z((t) => ie(t, e.key), ["stop"])
|
|
10103
|
+
}, "×", 8, gp)]))), 128)),
|
|
10104
|
+
G.value > 0 ? (T(), c("span", _p, "+" + F(G.value), 1)) : s("", !0),
|
|
10105
|
+
U.value.length === 0 ? (T(), c("span", vp, F(m.value), 1)) : s("", !0)
|
|
10106
|
+
], 64)) : (T(), c(t, { key: 1 }, [U.value.length > 0 ? (T(), c("span", yp, F(U.value[0].label), 1)) : (T(), c("span", bp, F(m.value), 1))], 64))]), l("div", xp, [r.clearable && H.value.length > 0 ? (T(), c("button", {
|
|
10085
10107
|
key: 0,
|
|
10086
10108
|
type: "button",
|
|
10087
10109
|
class: "uid-tree-select__clear",
|
|
10088
10110
|
"aria-label": R(p).common.clear,
|
|
10089
|
-
onClick:
|
|
10111
|
+
onClick: re
|
|
10090
10112
|
}, [d(e, {
|
|
10091
10113
|
icon: R(He),
|
|
10092
10114
|
size: 14
|
|
10093
|
-
}, null, 8, ["icon"])], 8,
|
|
10115
|
+
}, null, 8, ["icon"])], 8, Sp)) : s("", !0), d(e, {
|
|
10094
10116
|
icon: R(le),
|
|
10095
10117
|
size: 16,
|
|
10096
10118
|
class: y(["uid-tree-select__chevron", { "uid-tree-select__chevron--open": v.value }]),
|
|
10097
10119
|
"aria-hidden": "true"
|
|
10098
|
-
}, null, 8, ["icon", "class"])])], 40,
|
|
10120
|
+
}, null, 8, ["icon", "class"])])], 40, mp),
|
|
10099
10121
|
(T(), o(n, { to: "body" }, [v.value ? (T(), c("div", {
|
|
10100
10122
|
key: 0,
|
|
10101
10123
|
id: R(j),
|
|
@@ -10107,8 +10129,8 @@ var dd = ["aria-label"], fd = [
|
|
|
10107
10129
|
key: 0,
|
|
10108
10130
|
"expanded-keys": _.value,
|
|
10109
10131
|
"onUpdate:expandedKeys": a[0] ||= (e) => _.value = e,
|
|
10110
|
-
"checked-keys":
|
|
10111
|
-
"onUpdate:checkedKeys": a[1] ||= (e) =>
|
|
10132
|
+
"checked-keys": ee.value,
|
|
10133
|
+
"onUpdate:checkedKeys": a[1] ||= (e) => ee.value = e,
|
|
10112
10134
|
nodes: r.nodes,
|
|
10113
10135
|
selectable: !1,
|
|
10114
10136
|
checkable: "",
|
|
@@ -10131,7 +10153,7 @@ var dd = ["aria-label"], fd = [
|
|
|
10131
10153
|
selectable: r.multiple ? "multiple" : "single",
|
|
10132
10154
|
"default-expand-all": r.defaultExpandAll,
|
|
10133
10155
|
"show-guides": r.showGuides,
|
|
10134
|
-
onSelect:
|
|
10156
|
+
onSelect: ne
|
|
10135
10157
|
}, null, 8, [
|
|
10136
10158
|
"expanded-keys",
|
|
10137
10159
|
"nodes",
|
|
@@ -10139,19 +10161,19 @@ var dd = ["aria-label"], fd = [
|
|
|
10139
10161
|
"selectable",
|
|
10140
10162
|
"default-expand-all",
|
|
10141
10163
|
"show-guides"
|
|
10142
|
-
]))], 12,
|
|
10164
|
+
]))], 12, Cp)) : s("", !0)])),
|
|
10143
10165
|
N.value ? (T(), c("p", {
|
|
10144
10166
|
key: 1,
|
|
10145
10167
|
class: y(["uid-tree-select__hint", M.value && "uid-tree-select__hint--error"])
|
|
10146
10168
|
}, F(N.value), 3)) : s("", !0)
|
|
10147
10169
|
], 2));
|
|
10148
10170
|
}
|
|
10149
|
-
}),
|
|
10171
|
+
}), Tp = {
|
|
10150
10172
|
key: 0,
|
|
10151
10173
|
class: "uid-notification-badge__dot",
|
|
10152
10174
|
role: "status",
|
|
10153
10175
|
"aria-hidden": "true"
|
|
10154
|
-
},
|
|
10176
|
+
}, Ep = ["aria-label"], Dp = /* @__PURE__ */ f({
|
|
10155
10177
|
__name: "UidNotificationBadge",
|
|
10156
10178
|
props: {
|
|
10157
10179
|
count: { default: 0 },
|
|
@@ -10178,22 +10200,22 @@ var dd = ["aria-label"], fd = [
|
|
|
10178
10200
|
return (t, a) => (T(), c("span", {
|
|
10179
10201
|
class: y(["uid-notification-badge", [`uid-notification-badge--${e.placement}`, e.tone !== "danger" && `uid-notification-badge--${e.tone}`]]),
|
|
10180
10202
|
style: b(i.value)
|
|
10181
|
-
}, [j(t.$slots, "default"), n.value && e.dot ? (T(), c("span",
|
|
10203
|
+
}, [j(t.$slots, "default"), n.value && e.dot ? (T(), c("span", Tp)) : n.value ? (T(), c("span", {
|
|
10182
10204
|
key: 1,
|
|
10183
10205
|
class: "uid-notification-badge__count",
|
|
10184
10206
|
role: "status",
|
|
10185
10207
|
"aria-label": `${e.count}`
|
|
10186
|
-
}, F(r.value), 9,
|
|
10208
|
+
}, F(r.value), 9, Ep)) : s("", !0)], 6));
|
|
10187
10209
|
}
|
|
10188
|
-
}),
|
|
10210
|
+
}), Op = ["aria-hidden", "aria-label"], kp = ["disabled", "aria-label"], Ap = ["disabled", "aria-label"], jp = {
|
|
10189
10211
|
key: 2,
|
|
10190
10212
|
class: "uid-carousel__indicators",
|
|
10191
10213
|
role: "tablist"
|
|
10192
|
-
},
|
|
10214
|
+
}, Mp = [
|
|
10193
10215
|
"aria-selected",
|
|
10194
10216
|
"aria-label",
|
|
10195
10217
|
"onClick"
|
|
10196
|
-
],
|
|
10218
|
+
], Np = /* @__PURE__ */ f({
|
|
10197
10219
|
__name: "UidCarousel",
|
|
10198
10220
|
props: /* @__PURE__ */ g({
|
|
10199
10221
|
items: {},
|
|
@@ -10285,7 +10307,7 @@ var dd = ["aria-label"], fd = [
|
|
|
10285
10307
|
}, [j(r.$slots, "default", {
|
|
10286
10308
|
item: e,
|
|
10287
10309
|
index: t
|
|
10288
|
-
})], 8,
|
|
10310
|
+
})], 8, Op))), 128))], 4),
|
|
10289
10311
|
n.showArrows && _.value > 1 ? (T(), c("button", {
|
|
10290
10312
|
key: 0,
|
|
10291
10313
|
type: "button",
|
|
@@ -10296,7 +10318,7 @@ var dd = ["aria-label"], fd = [
|
|
|
10296
10318
|
}, [d(e, {
|
|
10297
10319
|
icon: n.direction === "vertical" ? R(fe) : R(ue),
|
|
10298
10320
|
size: 20
|
|
10299
|
-
}, null, 8, ["icon"])], 8,
|
|
10321
|
+
}, null, 8, ["icon"])], 8, kp)) : s("", !0),
|
|
10300
10322
|
n.showArrows && _.value > 1 ? (T(), c("button", {
|
|
10301
10323
|
key: 1,
|
|
10302
10324
|
type: "button",
|
|
@@ -10307,8 +10329,8 @@ var dd = ["aria-label"], fd = [
|
|
|
10307
10329
|
}, [d(e, {
|
|
10308
10330
|
icon: n.direction === "vertical" ? R(le) : R(de),
|
|
10309
10331
|
size: 20
|
|
10310
|
-
}, null, 8, ["icon"])], 8,
|
|
10311
|
-
n.showIndicators && _.value > 1 ? (T(), c("div",
|
|
10332
|
+
}, null, 8, ["icon"])], 8, Ap)) : s("", !0),
|
|
10333
|
+
n.showIndicators && _.value > 1 ? (T(), c("div", jp, [(T(!0), c(t, null, A(n.items, (e, t) => (T(), c("button", {
|
|
10312
10334
|
key: t,
|
|
10313
10335
|
type: "button",
|
|
10314
10336
|
class: y(["uid-carousel__indicator", { "uid-carousel__indicator--active": t === p.value }]),
|
|
@@ -10316,38 +10338,38 @@ var dd = ["aria-label"], fd = [
|
|
|
10316
10338
|
"aria-selected": t === p.value,
|
|
10317
10339
|
"aria-label": R(u).carousel.slide(t + 1),
|
|
10318
10340
|
onClick: (e) => x(t)
|
|
10319
|
-
}, null, 10,
|
|
10341
|
+
}, null, 10, Mp))), 128))])) : s("", !0)
|
|
10320
10342
|
], 34));
|
|
10321
10343
|
}
|
|
10322
|
-
}),
|
|
10344
|
+
}), Pp = { class: "uid-transfer__panel" }, Fp = { class: "uid-transfer__header" }, Ip = { class: "uid-transfer__title" }, Lp = ["aria-checked"], Rp = { class: "uid-transfer__count" }, zp = {
|
|
10323
10345
|
key: 0,
|
|
10324
10346
|
class: "uid-transfer__search"
|
|
10325
|
-
},
|
|
10347
|
+
}, Bp = ["placeholder"], Vp = {
|
|
10326
10348
|
class: "uid-transfer__list",
|
|
10327
10349
|
role: "listbox",
|
|
10328
10350
|
"aria-multiselectable": "true"
|
|
10329
|
-
},
|
|
10351
|
+
}, Hp = [
|
|
10330
10352
|
"aria-selected",
|
|
10331
10353
|
"aria-disabled",
|
|
10332
10354
|
"onClick"
|
|
10333
|
-
],
|
|
10355
|
+
], Up = { class: "uid-transfer__label" }, Wp = {
|
|
10334
10356
|
key: 0,
|
|
10335
10357
|
class: "uid-transfer__empty"
|
|
10336
|
-
},
|
|
10358
|
+
}, Gp = { class: "uid-transfer__ops" }, Kp = ["disabled", "aria-label"], qp = ["disabled", "aria-label"], Jp = { class: "uid-transfer__panel" }, Yp = { class: "uid-transfer__header" }, Xp = { class: "uid-transfer__title" }, Zp = ["aria-checked"], Qp = { class: "uid-transfer__count" }, $p = {
|
|
10337
10359
|
key: 0,
|
|
10338
10360
|
class: "uid-transfer__search"
|
|
10339
|
-
},
|
|
10361
|
+
}, em = ["placeholder"], tm = {
|
|
10340
10362
|
class: "uid-transfer__list",
|
|
10341
10363
|
role: "listbox",
|
|
10342
10364
|
"aria-multiselectable": "true"
|
|
10343
|
-
},
|
|
10365
|
+
}, nm = [
|
|
10344
10366
|
"aria-selected",
|
|
10345
10367
|
"aria-disabled",
|
|
10346
10368
|
"onClick"
|
|
10347
|
-
],
|
|
10369
|
+
], rm = { class: "uid-transfer__label" }, im = {
|
|
10348
10370
|
key: 0,
|
|
10349
10371
|
class: "uid-transfer__empty"
|
|
10350
|
-
},
|
|
10372
|
+
}, am = /* @__PURE__ */ f({
|
|
10351
10373
|
__name: "UidTransfer",
|
|
10352
10374
|
props: /* @__PURE__ */ g({
|
|
10353
10375
|
items: {},
|
|
@@ -10398,26 +10420,26 @@ var dd = ["aria-label"], fd = [
|
|
|
10398
10420
|
p.value = e, g.value = /* @__PURE__ */ new Set(), f("change", e);
|
|
10399
10421
|
}
|
|
10400
10422
|
return (r, i) => (T(), c("div", { class: y(["uid-transfer", { "uid-transfer--disabled": n.disabled }]) }, [
|
|
10401
|
-
l("div",
|
|
10402
|
-
l("div",
|
|
10423
|
+
l("div", Pp, [
|
|
10424
|
+
l("div", Fp, [l("span", Ip, [l("span", {
|
|
10403
10425
|
class: y(["uid-transfer__check", { "uid-transfer__check--checked": j.value }]),
|
|
10404
10426
|
role: "checkbox",
|
|
10405
10427
|
"aria-checked": j.value,
|
|
10406
10428
|
tabindex: "0",
|
|
10407
10429
|
onClick: i[0] ||= (e) => P("left"),
|
|
10408
|
-
onKeydown: [i[1] ||=
|
|
10430
|
+
onKeydown: [i[1] ||= X(Z((e) => P("left"), ["prevent"]), ["enter"]), i[2] ||= X(Z((e) => P("left"), ["prevent"]), ["space"])]
|
|
10409
10431
|
}, [j.value ? (T(), o(e, {
|
|
10410
10432
|
key: 0,
|
|
10411
10433
|
icon: R(se),
|
|
10412
10434
|
size: 10
|
|
10413
|
-
}, null, 8, ["icon"])) : s("", !0)], 42,
|
|
10414
|
-
n.searchable ? (T(), c("div",
|
|
10435
|
+
}, null, 8, ["icon"])) : s("", !0)], 42, Lp), u(" " + F(b.value[0]), 1)]), l("span", Rp, F(h.value.size) + " / " + F(w.value.length), 1)]),
|
|
10436
|
+
n.searchable ? (T(), c("div", zp, [Y(l("input", {
|
|
10415
10437
|
"onUpdate:modelValue": i[3] ||= (e) => _.value = e,
|
|
10416
10438
|
class: "uid-transfer__search-input",
|
|
10417
10439
|
type: "text",
|
|
10418
10440
|
placeholder: R(m).common.search
|
|
10419
|
-
}, null, 8,
|
|
10420
|
-
l("ul",
|
|
10441
|
+
}, null, 8, Bp), [[W, _.value]])])) : s("", !0),
|
|
10442
|
+
l("ul", Vp, [(T(!0), c(t, null, A(w.value, (t) => (T(), c("li", {
|
|
10421
10443
|
key: t.key,
|
|
10422
10444
|
class: y(["uid-transfer__item", { "uid-transfer__item--disabled": t.disabled }]),
|
|
10423
10445
|
role: "option",
|
|
@@ -10431,9 +10453,9 @@ var dd = ["aria-label"], fd = [
|
|
|
10431
10453
|
key: 0,
|
|
10432
10454
|
icon: R(se),
|
|
10433
10455
|
size: 10
|
|
10434
|
-
}, null, 8, ["icon"])) : s("", !0)], 2), l("span",
|
|
10456
|
+
}, null, 8, ["icon"])) : s("", !0)], 2), l("span", Up, F(t.label), 1)], 10, Hp))), 128)), w.value.length === 0 ? (T(), c("li", Wp, F(R(m).common.noResults), 1)) : s("", !0)])
|
|
10435
10457
|
]),
|
|
10436
|
-
l("div",
|
|
10458
|
+
l("div", Gp, [l("button", {
|
|
10437
10459
|
type: "button",
|
|
10438
10460
|
class: "uid-transfer__op",
|
|
10439
10461
|
disabled: h.value.size === 0 || n.disabled,
|
|
@@ -10442,7 +10464,7 @@ var dd = ["aria-label"], fd = [
|
|
|
10442
10464
|
}, [d(e, {
|
|
10443
10465
|
icon: R(de),
|
|
10444
10466
|
size: 16
|
|
10445
|
-
}, null, 8, ["icon"])], 8,
|
|
10467
|
+
}, null, 8, ["icon"])], 8, Kp), l("button", {
|
|
10446
10468
|
type: "button",
|
|
10447
10469
|
class: "uid-transfer__op",
|
|
10448
10470
|
disabled: g.value.size === 0 || n.disabled,
|
|
@@ -10451,27 +10473,27 @@ var dd = ["aria-label"], fd = [
|
|
|
10451
10473
|
}, [d(e, {
|
|
10452
10474
|
icon: R(ue),
|
|
10453
10475
|
size: 16
|
|
10454
|
-
}, null, 8, ["icon"])], 8,
|
|
10455
|
-
l("div",
|
|
10456
|
-
l("div",
|
|
10476
|
+
}, null, 8, ["icon"])], 8, qp)]),
|
|
10477
|
+
l("div", Jp, [
|
|
10478
|
+
l("div", Yp, [l("span", Xp, [l("span", {
|
|
10457
10479
|
class: y(["uid-transfer__check", { "uid-transfer__check--checked": M.value }]),
|
|
10458
10480
|
role: "checkbox",
|
|
10459
10481
|
"aria-checked": M.value,
|
|
10460
10482
|
tabindex: "0",
|
|
10461
10483
|
onClick: i[4] ||= (e) => P("right"),
|
|
10462
|
-
onKeydown: [i[5] ||=
|
|
10484
|
+
onKeydown: [i[5] ||= X(Z((e) => P("right"), ["prevent"]), ["enter"]), i[6] ||= X(Z((e) => P("right"), ["prevent"]), ["space"])]
|
|
10463
10485
|
}, [M.value ? (T(), o(e, {
|
|
10464
10486
|
key: 0,
|
|
10465
10487
|
icon: R(se),
|
|
10466
10488
|
size: 10
|
|
10467
|
-
}, null, 8, ["icon"])) : s("", !0)], 42,
|
|
10468
|
-
n.searchable ? (T(), c("div",
|
|
10489
|
+
}, null, 8, ["icon"])) : s("", !0)], 42, Zp), u(" " + F(b.value[1]), 1)]), l("span", Qp, F(g.value.size) + " / " + F(E.value.length), 1)]),
|
|
10490
|
+
n.searchable ? (T(), c("div", $p, [Y(l("input", {
|
|
10469
10491
|
"onUpdate:modelValue": i[7] ||= (e) => v.value = e,
|
|
10470
10492
|
class: "uid-transfer__search-input",
|
|
10471
10493
|
type: "text",
|
|
10472
10494
|
placeholder: R(m).common.search
|
|
10473
|
-
}, null, 8,
|
|
10474
|
-
l("ul",
|
|
10495
|
+
}, null, 8, em), [[W, v.value]])])) : s("", !0),
|
|
10496
|
+
l("ul", tm, [(T(!0), c(t, null, A(E.value, (t) => (T(), c("li", {
|
|
10475
10497
|
key: t.key,
|
|
10476
10498
|
class: y(["uid-transfer__item", { "uid-transfer__item--disabled": t.disabled }]),
|
|
10477
10499
|
role: "option",
|
|
@@ -10485,60 +10507,60 @@ var dd = ["aria-label"], fd = [
|
|
|
10485
10507
|
key: 0,
|
|
10486
10508
|
icon: R(se),
|
|
10487
10509
|
size: 10
|
|
10488
|
-
}, null, 8, ["icon"])) : s("", !0)], 2), l("span",
|
|
10510
|
+
}, null, 8, ["icon"])) : s("", !0)], 2), l("span", rm, F(t.label), 1)], 10, nm))), 128)), E.value.length === 0 ? (T(), c("li", im, F(R(m).common.noResults), 1)) : s("", !0)])
|
|
10489
10511
|
])
|
|
10490
10512
|
], 2));
|
|
10491
10513
|
}
|
|
10492
|
-
}),
|
|
10514
|
+
}), om = {
|
|
10493
10515
|
key: 0,
|
|
10494
10516
|
class: "uid-cascader__label"
|
|
10495
|
-
},
|
|
10517
|
+
}, sm = [
|
|
10496
10518
|
"aria-expanded",
|
|
10497
10519
|
"aria-disabled",
|
|
10498
10520
|
"aria-label"
|
|
10499
|
-
],
|
|
10521
|
+
], cm = { class: "uid-cascader__value" }, lm = {
|
|
10500
10522
|
key: 0,
|
|
10501
10523
|
class: "uid-cascader__separator"
|
|
10502
|
-
},
|
|
10524
|
+
}, um = {
|
|
10503
10525
|
key: 1,
|
|
10504
10526
|
class: "uid-cascader__placeholder"
|
|
10505
|
-
},
|
|
10527
|
+
}, dm = { class: "uid-cascader__suffix" }, fm = ["aria-label"], pm = {
|
|
10506
10528
|
key: 0,
|
|
10507
10529
|
class: "uid-cascader__search"
|
|
10508
|
-
},
|
|
10530
|
+
}, mm = [
|
|
10509
10531
|
"aria-expanded",
|
|
10510
10532
|
"aria-controls",
|
|
10511
10533
|
"aria-activedescendant",
|
|
10512
10534
|
"aria-label",
|
|
10513
10535
|
"placeholder"
|
|
10514
|
-
],
|
|
10536
|
+
], hm = ["id"], gm = [
|
|
10515
10537
|
"id",
|
|
10516
10538
|
"aria-selected",
|
|
10517
10539
|
"onMouseenter",
|
|
10518
10540
|
"onClick"
|
|
10519
|
-
],
|
|
10541
|
+
], _m = {
|
|
10520
10542
|
key: 0,
|
|
10521
10543
|
class: "uid-cascader__separator"
|
|
10522
|
-
},
|
|
10544
|
+
}, vm = {
|
|
10523
10545
|
key: 0,
|
|
10524
10546
|
class: "uid-cascader__highlight"
|
|
10525
|
-
},
|
|
10547
|
+
}, ym = {
|
|
10526
10548
|
key: 0,
|
|
10527
10549
|
class: "uid-cascader__empty",
|
|
10528
10550
|
role: "presentation"
|
|
10529
|
-
},
|
|
10551
|
+
}, bm = {
|
|
10530
10552
|
key: 2,
|
|
10531
10553
|
class: "uid-cascader__columns"
|
|
10532
|
-
},
|
|
10554
|
+
}, xm = [
|
|
10533
10555
|
"aria-haspopup",
|
|
10534
10556
|
"aria-expanded",
|
|
10535
10557
|
"aria-disabled",
|
|
10536
10558
|
"onClick",
|
|
10537
10559
|
"onMouseenter"
|
|
10538
|
-
],
|
|
10560
|
+
], Sm = { class: "uid-cascader__option-label" }, Cm = {
|
|
10539
10561
|
key: 1,
|
|
10540
10562
|
class: "uid-cascader__hint"
|
|
10541
|
-
},
|
|
10563
|
+
}, wm = /* @__PURE__ */ f({
|
|
10542
10564
|
__name: "UidCascader",
|
|
10543
10565
|
props: /* @__PURE__ */ g({
|
|
10544
10566
|
size: { default: "md" },
|
|
@@ -10618,7 +10640,7 @@ var dd = ["aria-label"], fd = [
|
|
|
10618
10640
|
return `${P}-opt-${e}`;
|
|
10619
10641
|
}
|
|
10620
10642
|
function q(e) {
|
|
10621
|
-
ae([...e.values], e.path),
|
|
10643
|
+
ae([...e.values], e.path), ie(), E.value?.focus();
|
|
10622
10644
|
}
|
|
10623
10645
|
function J(e) {
|
|
10624
10646
|
let t = z.value.length;
|
|
@@ -10628,9 +10650,9 @@ var dd = ["aria-label"], fd = [
|
|
|
10628
10650
|
e.preventDefault();
|
|
10629
10651
|
let t = z.value[N.value];
|
|
10630
10652
|
t && q(t);
|
|
10631
|
-
} else e.key === "Escape" && (e.preventDefault(), e.stopPropagation(),
|
|
10653
|
+
} else e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), ie(), E.value?.focus());
|
|
10632
10654
|
}
|
|
10633
|
-
function
|
|
10655
|
+
function X(e) {
|
|
10634
10656
|
let t = f.options;
|
|
10635
10657
|
for (let n of e) {
|
|
10636
10658
|
let e = t.find((e) => e.value === n);
|
|
@@ -10639,15 +10661,15 @@ var dd = ["aria-label"], fd = [
|
|
|
10639
10661
|
}
|
|
10640
10662
|
return t;
|
|
10641
10663
|
}
|
|
10642
|
-
let
|
|
10664
|
+
let ee = a(() => {
|
|
10643
10665
|
let e = [f.options];
|
|
10644
10666
|
for (let t = 0; t < S.value.length; t++) {
|
|
10645
|
-
let n =
|
|
10667
|
+
let n = X(S.value.slice(0, t + 1));
|
|
10646
10668
|
if (n.length === 0) break;
|
|
10647
10669
|
e.push(n);
|
|
10648
10670
|
}
|
|
10649
10671
|
return e;
|
|
10650
|
-
}),
|
|
10672
|
+
}), te = a(() => {
|
|
10651
10673
|
if (m.value.length === 0) return [];
|
|
10652
10674
|
let e = [], t = f.options;
|
|
10653
10675
|
for (let n of m.value) {
|
|
@@ -10656,15 +10678,15 @@ var dd = ["aria-label"], fd = [
|
|
|
10656
10678
|
e.push(r), t = r.children ?? [];
|
|
10657
10679
|
}
|
|
10658
10680
|
return e;
|
|
10659
|
-
}),
|
|
10660
|
-
function
|
|
10681
|
+
}), ne = a(() => te.value.map((e) => e.label));
|
|
10682
|
+
function re() {
|
|
10661
10683
|
f.disabled || (_.value = !0);
|
|
10662
10684
|
}
|
|
10663
|
-
function
|
|
10685
|
+
function ie() {
|
|
10664
10686
|
_.value = !1;
|
|
10665
10687
|
}
|
|
10666
10688
|
function Q() {
|
|
10667
|
-
_.value ?
|
|
10689
|
+
_.value ? ie() : re();
|
|
10668
10690
|
}
|
|
10669
10691
|
function ae(e, t) {
|
|
10670
10692
|
m.value = e, p("change", e, t ?? ue(e));
|
|
@@ -10676,7 +10698,7 @@ var dd = ["aria-label"], fd = [
|
|
|
10676
10698
|
if (e.disabled) return;
|
|
10677
10699
|
oe(e, t);
|
|
10678
10700
|
let n = [...S.value];
|
|
10679
|
-
!e.children || e.children.length === 0 ? (ae(n),
|
|
10701
|
+
!e.children || e.children.length === 0 ? (ae(n), ie()) : f.changeOnSelect && ae(n);
|
|
10680
10702
|
}
|
|
10681
10703
|
function ce(e, t) {
|
|
10682
10704
|
f.expandTrigger === "hover" && e.children?.length && oe(e, t);
|
|
@@ -10694,11 +10716,11 @@ var dd = ["aria-label"], fd = [
|
|
|
10694
10716
|
e.stopPropagation(), m.value = [], p("change", [], []);
|
|
10695
10717
|
}
|
|
10696
10718
|
function pe(e) {
|
|
10697
|
-
e.key === "Enter" || e.key === " " ? (e.preventDefault(), Q()) : e.key === "Escape" && _.value && (e.stopPropagation(),
|
|
10719
|
+
e.key === "Enter" || e.key === " " ? (e.preventDefault(), Q()) : e.key === "Escape" && _.value && (e.stopPropagation(), ie());
|
|
10698
10720
|
}
|
|
10699
10721
|
function me(e) {
|
|
10700
10722
|
let t = e.target;
|
|
10701
|
-
!x.value?.contains(t) && !j(t) &&
|
|
10723
|
+
!x.value?.contains(t) && !j(t) && ie();
|
|
10702
10724
|
}
|
|
10703
10725
|
K(_, (e) => {
|
|
10704
10726
|
e ? document.addEventListener("pointerdown", me) : document.removeEventListener("pointerdown", me);
|
|
@@ -10717,7 +10739,7 @@ var dd = ["aria-label"], fd = [
|
|
|
10717
10739
|
"uid-cascader--disabled": r.disabled
|
|
10718
10740
|
}]])
|
|
10719
10741
|
}, [
|
|
10720
|
-
r.label ? (T(), c("label",
|
|
10742
|
+
r.label ? (T(), c("label", om, F(r.label), 1)) : s("", !0),
|
|
10721
10743
|
l("div", {
|
|
10722
10744
|
ref_key: "triggerRef",
|
|
10723
10745
|
ref: E,
|
|
@@ -10730,7 +10752,7 @@ var dd = ["aria-label"], fd = [
|
|
|
10730
10752
|
"aria-label": g.value,
|
|
10731
10753
|
onClick: Q,
|
|
10732
10754
|
onKeydown: pe
|
|
10733
|
-
}, [l("div",
|
|
10755
|
+
}, [l("div", cm, [ne.value.length > 0 ? (T(!0), c(t, { key: 0 }, A(ne.value, (e, n) => (T(), c(t, { key: n }, [l("span", null, F(e), 1), n < ne.value.length - 1 ? (T(), c("span", lm, F(r.separator), 1)) : s("", !0)], 64))), 128)) : (T(), c("span", um, F(g.value), 1))]), l("div", dm, [r.clearable && m.value.length > 0 ? (T(), c("button", {
|
|
10734
10756
|
key: 0,
|
|
10735
10757
|
type: "button",
|
|
10736
10758
|
class: "uid-cascader__clear",
|
|
@@ -10739,18 +10761,18 @@ var dd = ["aria-label"], fd = [
|
|
|
10739
10761
|
}, [d(e, {
|
|
10740
10762
|
icon: R(He),
|
|
10741
10763
|
size: 14
|
|
10742
|
-
}, null, 8, ["icon"])], 8,
|
|
10764
|
+
}, null, 8, ["icon"])], 8, fm)) : s("", !0), d(e, {
|
|
10743
10765
|
icon: R(le),
|
|
10744
10766
|
size: 16,
|
|
10745
10767
|
class: y(["uid-cascader__chevron", { "uid-cascader__chevron--open": _.value }])
|
|
10746
|
-
}, null, 8, ["icon", "class"])])], 40,
|
|
10768
|
+
}, null, 8, ["icon", "class"])])], 40, sm),
|
|
10747
10769
|
(T(), o(n, { to: "body" }, [_.value ? (T(), c("div", {
|
|
10748
10770
|
key: 0,
|
|
10749
10771
|
ref_key: "panelRef",
|
|
10750
10772
|
ref: D,
|
|
10751
10773
|
class: "uid-cascader__dropdown",
|
|
10752
10774
|
style: b(R(O))
|
|
10753
|
-
}, [r.searchable ? (T(), c("div",
|
|
10775
|
+
}, [r.searchable ? (T(), c("div", pm, [Y(l("input", {
|
|
10754
10776
|
ref_key: "searchRef",
|
|
10755
10777
|
ref: w,
|
|
10756
10778
|
"onUpdate:modelValue": a[0] ||= (e) => M.value = e,
|
|
@@ -10765,7 +10787,7 @@ var dd = ["aria-label"], fd = [
|
|
|
10765
10787
|
"aria-label": r.searchPlaceholder ?? R(h).common.search,
|
|
10766
10788
|
placeholder: r.searchPlaceholder ?? R(h).common.search,
|
|
10767
10789
|
onKeydown: J
|
|
10768
|
-
}, null, 40,
|
|
10790
|
+
}, null, 40, mm), [[W, M.value]])])) : s("", !0), H.value ? (T(), c("ul", {
|
|
10769
10791
|
key: 1,
|
|
10770
10792
|
id: R(P),
|
|
10771
10793
|
class: "uid-cascader__results",
|
|
@@ -10776,10 +10798,10 @@ var dd = ["aria-label"], fd = [
|
|
|
10776
10798
|
class: y(["uid-cascader__result", { "uid-cascader__result--active": n === N.value }]),
|
|
10777
10799
|
role: "option",
|
|
10778
10800
|
"aria-selected": n === N.value,
|
|
10779
|
-
onMousedown: a[1] ||=
|
|
10801
|
+
onMousedown: a[1] ||= Z(() => {}, ["prevent"]),
|
|
10780
10802
|
onMouseenter: (e) => N.value = n,
|
|
10781
10803
|
onClick: (t) => q(e)
|
|
10782
|
-
}, [(T(!0), c(t, null, A(e.path, (e, n) => (T(), c(t, { key: n }, [n > 0 ? (T(), c("span",
|
|
10804
|
+
}, [(T(!0), c(t, null, A(e.path, (e, n) => (T(), c(t, { key: n }, [n > 0 ? (T(), c("span", _m, F(r.separator), 1)) : s("", !0), l("span", null, [(T(!0), c(t, null, A(U(e.label), (e, n) => (T(), c(t, { key: n }, [e.match ? (T(), c("mark", vm, F(e.text), 1)) : (T(), c(t, { key: 1 }, [u(F(e.text), 1)], 64))], 64))), 128))])], 64))), 128))], 42, gm))), 128)), z.value.length === 0 ? (T(), c("li", ym, F(R(h).common.noResults), 1)) : s("", !0)], 8, hm)) : (T(), c("div", bm, [(T(!0), c(t, null, A(ee.value, (n, i) => (T(), c("div", {
|
|
10783
10805
|
key: i,
|
|
10784
10806
|
class: "uid-cascader__column"
|
|
10785
10807
|
}, [(T(!0), c(t, null, A(n, (t) => (T(), c("button", {
|
|
@@ -10795,27 +10817,27 @@ var dd = ["aria-label"], fd = [
|
|
|
10795
10817
|
"aria-disabled": t.disabled ? "true" : void 0,
|
|
10796
10818
|
onClick: (e) => se(t, i),
|
|
10797
10819
|
onMouseenter: (e) => ce(t, i)
|
|
10798
|
-
}, [l("span",
|
|
10820
|
+
}, [l("span", Sm, F(t.label), 1), t.children?.length ? (T(), o(e, {
|
|
10799
10821
|
key: 0,
|
|
10800
10822
|
icon: R(de),
|
|
10801
10823
|
size: 14,
|
|
10802
10824
|
class: "uid-cascader__option-arrow",
|
|
10803
10825
|
"aria-hidden": "true"
|
|
10804
|
-
}, null, 8, ["icon"])) : s("", !0)], 42,
|
|
10805
|
-
r.hint ? (T(), c("p",
|
|
10826
|
+
}, null, 8, ["icon"])) : s("", !0)], 42, xm))), 128))]))), 128))]))], 4)) : s("", !0)])),
|
|
10827
|
+
r.hint ? (T(), c("p", Cm, F(r.hint), 1)) : s("", !0)
|
|
10806
10828
|
], 2));
|
|
10807
10829
|
}
|
|
10808
|
-
}),
|
|
10830
|
+
}), Tm = { class: "uid-calendar__header" }, Em = { class: "uid-calendar__title" }, Dm = { class: "uid-calendar__nav" }, Om = ["aria-label"], km = ["aria-label"], Am = { class: "uid-calendar__weekdays" }, jm = { class: "uid-calendar__grid" }, Mm = [
|
|
10809
10831
|
"tabindex",
|
|
10810
10832
|
"aria-current",
|
|
10811
10833
|
"aria-selected",
|
|
10812
10834
|
"aria-label",
|
|
10813
10835
|
"onClick",
|
|
10814
10836
|
"onKeydown"
|
|
10815
|
-
],
|
|
10837
|
+
], Nm = { class: "uid-calendar__date" }, Pm = { class: "uid-calendar__events" }, Fm = ["title", "onClick"], Im = { class: "uid-calendar__event-label" }, Lm = {
|
|
10816
10838
|
key: 0,
|
|
10817
10839
|
class: "uid-calendar__more"
|
|
10818
|
-
},
|
|
10840
|
+
}, Rm = /* @__PURE__ */ f({
|
|
10819
10841
|
__name: "UidCalendar",
|
|
10820
10842
|
props: /* @__PURE__ */ g({
|
|
10821
10843
|
events: { default: () => [] },
|
|
@@ -10902,7 +10924,7 @@ var dd = ["aria-label"], fd = [
|
|
|
10902
10924
|
e.stopPropagation(), o("event-click", t);
|
|
10903
10925
|
}
|
|
10904
10926
|
return (r, i) => (T(), c("div", { class: y(["uid-calendar", { "uid-calendar--compact": n.compact }]) }, [
|
|
10905
|
-
l("div",
|
|
10927
|
+
l("div", Tm, [l("span", Em, F(x.value), 1), l("div", Dm, [
|
|
10906
10928
|
l("button", {
|
|
10907
10929
|
type: "button",
|
|
10908
10930
|
class: "uid-calendar__btn uid-calendar__btn--icon",
|
|
@@ -10911,7 +10933,7 @@ var dd = ["aria-label"], fd = [
|
|
|
10911
10933
|
}, [d(e, {
|
|
10912
10934
|
icon: R(ue),
|
|
10913
10935
|
size: 14
|
|
10914
|
-
}, null, 8, ["icon"])], 8,
|
|
10936
|
+
}, null, 8, ["icon"])], 8, Om),
|
|
10915
10937
|
l("button", {
|
|
10916
10938
|
type: "button",
|
|
10917
10939
|
class: "uid-calendar__btn",
|
|
@@ -10925,13 +10947,13 @@ var dd = ["aria-label"], fd = [
|
|
|
10925
10947
|
}, [d(e, {
|
|
10926
10948
|
icon: R(de),
|
|
10927
10949
|
size: 14
|
|
10928
|
-
}, null, 8, ["icon"])], 8,
|
|
10950
|
+
}, null, 8, ["icon"])], 8, km)
|
|
10929
10951
|
])]),
|
|
10930
|
-
l("div",
|
|
10952
|
+
l("div", Am, [(T(!0), c(t, null, A(R(f).datePicker.weekdaysShort, (e) => (T(), c("span", {
|
|
10931
10953
|
key: e,
|
|
10932
10954
|
class: "uid-calendar__weekday"
|
|
10933
10955
|
}, F(e), 1))), 128))]),
|
|
10934
|
-
l("div",
|
|
10956
|
+
l("div", jm, [(T(!0), c(t, null, A(w.value, (e) => (T(), c("div", {
|
|
10935
10957
|
key: e.iso,
|
|
10936
10958
|
class: y(["uid-calendar__day", {
|
|
10937
10959
|
"uid-calendar__day--other": !e.current,
|
|
@@ -10945,31 +10967,31 @@ var dd = ["aria-label"], fd = [
|
|
|
10945
10967
|
"aria-selected": e.iso === u.value,
|
|
10946
10968
|
"aria-label": e.iso,
|
|
10947
10969
|
onClick: (t) => M(e),
|
|
10948
|
-
onKeydown: [
|
|
10949
|
-
}, [l("span",
|
|
10970
|
+
onKeydown: [X(Z((t) => M(e), ["prevent"]), ["enter"]), X(Z((t) => M(e), ["prevent"]), ["space"])]
|
|
10971
|
+
}, [l("span", Nm, F(e.date.getDate()), 1), l("div", Pm, [(T(!0), c(t, null, A(e.events.slice(0, n.maxEventsPerDay), (t, n) => (T(), c("button", {
|
|
10950
10972
|
key: t.id ?? `${e.iso}-${n}`,
|
|
10951
10973
|
type: "button",
|
|
10952
10974
|
class: "uid-calendar__event",
|
|
10953
10975
|
style: b(t.color ? { "--uid-event-color": t.color } : void 0),
|
|
10954
10976
|
title: t.title,
|
|
10955
10977
|
onClick: (e) => N(e, t)
|
|
10956
|
-
}, [l("span",
|
|
10978
|
+
}, [l("span", Im, F(t.title), 1)], 12, Fm))), 128)), e.events.length > n.maxEventsPerDay ? (T(), c("span", Lm, "+" + F(e.events.length - n.maxEventsPerDay), 1)) : s("", !0)])], 42, Mm))), 128))])
|
|
10957
10979
|
], 2));
|
|
10958
10980
|
}
|
|
10959
|
-
}),
|
|
10981
|
+
}), zm = ["aria-label"], Bm = [
|
|
10960
10982
|
"viewBox",
|
|
10961
10983
|
"width",
|
|
10962
10984
|
"height"
|
|
10963
|
-
],
|
|
10985
|
+
], Vm = [
|
|
10964
10986
|
"x2",
|
|
10965
10987
|
"y1",
|
|
10966
10988
|
"y2"
|
|
10967
|
-
],
|
|
10989
|
+
], Hm = [
|
|
10968
10990
|
"x",
|
|
10969
10991
|
"y",
|
|
10970
10992
|
"width",
|
|
10971
10993
|
"height"
|
|
10972
|
-
],
|
|
10994
|
+
], Um = ["d"], Wm = ["d"], Gm = ["cx", "cy"], Km = ["cx", "cy"], qm = 2, Jm = /* @__PURE__ */ f({
|
|
10973
10995
|
__name: "UidSparkline",
|
|
10974
10996
|
props: {
|
|
10975
10997
|
data: {},
|
|
@@ -11012,11 +11034,11 @@ var dd = ["aria-label"], fd = [
|
|
|
11012
11034
|
};
|
|
11013
11035
|
});
|
|
11014
11036
|
function o(e, t) {
|
|
11015
|
-
return t <= 1 ? n.width / 2 :
|
|
11037
|
+
return t <= 1 ? n.width / 2 : qm + e / (t - 1) * (n.width - qm * 2);
|
|
11016
11038
|
}
|
|
11017
11039
|
function u(e) {
|
|
11018
11040
|
let t = i.value, r = (e - t.min) / (t.max - t.min);
|
|
11019
|
-
return n.height -
|
|
11041
|
+
return n.height - qm - r * (n.height - qm * 2);
|
|
11020
11042
|
}
|
|
11021
11043
|
let d = a(() => n.data.map((e, t) => ({
|
|
11022
11044
|
x: o(t, n.data.length),
|
|
@@ -11035,14 +11057,14 @@ var dd = ["aria-label"], fd = [
|
|
|
11035
11057
|
}), p = a(() => {
|
|
11036
11058
|
let e = d.value;
|
|
11037
11059
|
if (e.length === 0) return "";
|
|
11038
|
-
let t = n.height -
|
|
11060
|
+
let t = n.height - qm;
|
|
11039
11061
|
return `${f.value} L ${e[e.length - 1].x.toFixed(2)} ${t.toFixed(2)} L ${e[0].x.toFixed(2)} ${t.toFixed(2)} Z`;
|
|
11040
11062
|
}), m = a(() => {
|
|
11041
11063
|
let e = d.value, t = e.length;
|
|
11042
11064
|
if (t === 0) return [];
|
|
11043
|
-
let r = n.width -
|
|
11065
|
+
let r = n.width - qm * 2, i = Math.max(1, r / t * .7), a = u(0);
|
|
11044
11066
|
return e.map((e, n) => {
|
|
11045
|
-
let o =
|
|
11067
|
+
let o = qm + (n + .5) / t * r - i / 2, s = e.v < 0, c = s ? a : e.y, l = s ? e.y : a;
|
|
11046
11068
|
return {
|
|
11047
11069
|
x: o,
|
|
11048
11070
|
y: c,
|
|
@@ -11079,59 +11101,59 @@ var dd = ["aria-label"], fd = [
|
|
|
11079
11101
|
x2: e.width,
|
|
11080
11102
|
y1: h.value,
|
|
11081
11103
|
y2: h.value
|
|
11082
|
-
}, null, 8,
|
|
11104
|
+
}, null, 8, Vm)) : s("", !0), e.type === "bar" ? (T(!0), c(t, { key: 1 }, A(m.value, (e, t) => (T(), c("rect", {
|
|
11083
11105
|
key: t,
|
|
11084
11106
|
class: y(["uid-sparkline__bar", { "uid-sparkline__bar--negative": e.negative }]),
|
|
11085
11107
|
x: e.x,
|
|
11086
11108
|
y: e.y,
|
|
11087
11109
|
width: e.width,
|
|
11088
11110
|
height: e.height
|
|
11089
|
-
}, null, 10,
|
|
11111
|
+
}, null, 10, Hm))), 128)) : (T(), c(t, { key: 2 }, [
|
|
11090
11112
|
e.type === "area" ? (T(), c("path", {
|
|
11091
11113
|
key: 0,
|
|
11092
11114
|
class: "uid-sparkline__area",
|
|
11093
11115
|
d: p.value
|
|
11094
|
-
}, null, 8,
|
|
11116
|
+
}, null, 8, Um)) : s("", !0),
|
|
11095
11117
|
l("path", {
|
|
11096
11118
|
class: "uid-sparkline__line",
|
|
11097
11119
|
d: f.value
|
|
11098
|
-
}, null, 8,
|
|
11120
|
+
}, null, 8, Wm),
|
|
11099
11121
|
e.showDots ? (T(!0), c(t, { key: 1 }, A(d.value, (e, t) => (T(), c("circle", {
|
|
11100
11122
|
key: t,
|
|
11101
11123
|
class: "uid-sparkline__dot",
|
|
11102
11124
|
cx: e.x,
|
|
11103
11125
|
cy: e.y,
|
|
11104
11126
|
r: "2.5"
|
|
11105
|
-
}, null, 8,
|
|
11127
|
+
}, null, 8, Gm))), 128)) : s("", !0),
|
|
11106
11128
|
e.showLast && _.value && !e.showDots ? (T(), c("circle", {
|
|
11107
11129
|
key: 2,
|
|
11108
11130
|
class: "uid-sparkline__dot uid-sparkline__dot--last",
|
|
11109
11131
|
cx: _.value.x,
|
|
11110
11132
|
cy: _.value.y,
|
|
11111
11133
|
r: "2.5"
|
|
11112
|
-
}, null, 8,
|
|
11113
|
-
], 64))], 8,
|
|
11134
|
+
}, null, 8, Km)) : s("", !0)
|
|
11135
|
+
], 64))], 8, Bm))], 12, zm));
|
|
11114
11136
|
}
|
|
11115
|
-
}),
|
|
11137
|
+
}), Ym = ["aria-valuemax", "aria-valuenow"], Xm = [
|
|
11116
11138
|
"width",
|
|
11117
11139
|
"height",
|
|
11118
11140
|
"viewBox"
|
|
11119
|
-
],
|
|
11141
|
+
], Zm = [
|
|
11120
11142
|
"cx",
|
|
11121
11143
|
"cy",
|
|
11122
11144
|
"r",
|
|
11123
11145
|
"stroke-width"
|
|
11124
|
-
],
|
|
11146
|
+
], Qm = [
|
|
11125
11147
|
"cx",
|
|
11126
11148
|
"cy",
|
|
11127
11149
|
"r",
|
|
11128
11150
|
"stroke-width",
|
|
11129
11151
|
"stroke-dasharray",
|
|
11130
11152
|
"stroke-dashoffset"
|
|
11131
|
-
],
|
|
11153
|
+
], $m = {
|
|
11132
11154
|
key: 0,
|
|
11133
11155
|
class: "uid-progress-ring__label"
|
|
11134
|
-
},
|
|
11156
|
+
}, eh = /* @__PURE__ */ f({
|
|
11135
11157
|
__name: "UidProgressRing",
|
|
11136
11158
|
props: {
|
|
11137
11159
|
value: { default: 0 },
|
|
@@ -11176,7 +11198,7 @@ var dd = ["aria-label"], fd = [
|
|
|
11176
11198
|
cy: i.value,
|
|
11177
11199
|
r: n.value,
|
|
11178
11200
|
"stroke-width": e.strokeWidth
|
|
11179
|
-
}, null, 8,
|
|
11201
|
+
}, null, 8, Zm), l("circle", {
|
|
11180
11202
|
class: "uid-progress-ring__progress",
|
|
11181
11203
|
cx: i.value,
|
|
11182
11204
|
cy: i.value,
|
|
@@ -11184,50 +11206,50 @@ var dd = ["aria-label"], fd = [
|
|
|
11184
11206
|
"stroke-width": e.strokeWidth,
|
|
11185
11207
|
"stroke-dasharray": r.value,
|
|
11186
11208
|
"stroke-dashoffset": f.value
|
|
11187
|
-
}, null, 8,
|
|
11209
|
+
}, null, 8, Qm)], 8, Xm)), e.showLabel || t.$slots.default ? (T(), c("div", $m, [j(t.$slots, "default", {}, () => [u(F(p.value), 1)])])) : s("", !0)], 14, Ym));
|
|
11188
11210
|
}
|
|
11189
|
-
}),
|
|
11211
|
+
}), th = [
|
|
11190
11212
|
"aria-valuemin",
|
|
11191
11213
|
"aria-valuemax",
|
|
11192
11214
|
"aria-valuenow",
|
|
11193
11215
|
"aria-label"
|
|
11194
|
-
],
|
|
11216
|
+
], nh = [
|
|
11195
11217
|
"width",
|
|
11196
11218
|
"height",
|
|
11197
11219
|
"viewBox"
|
|
11198
|
-
],
|
|
11220
|
+
], rh = ["d", "stroke-width"], ih = [
|
|
11199
11221
|
"d",
|
|
11200
11222
|
"stroke",
|
|
11201
11223
|
"stroke-width",
|
|
11202
11224
|
"stroke-dasharray",
|
|
11203
11225
|
"stroke-dashoffset"
|
|
11204
|
-
],
|
|
11226
|
+
], ah = [
|
|
11205
11227
|
"d",
|
|
11206
11228
|
"stroke-width",
|
|
11207
11229
|
"stroke-dasharray",
|
|
11208
11230
|
"stroke-dashoffset"
|
|
11209
|
-
],
|
|
11231
|
+
], oh = { key: 2 }, sh = [
|
|
11210
11232
|
"x1",
|
|
11211
11233
|
"y1",
|
|
11212
11234
|
"x2",
|
|
11213
11235
|
"y2",
|
|
11214
11236
|
"transform"
|
|
11215
|
-
],
|
|
11237
|
+
], ch = ["cx", "cy"], lh = {
|
|
11216
11238
|
key: 0,
|
|
11217
11239
|
class: "uid-gauge__content"
|
|
11218
|
-
},
|
|
11240
|
+
}, uh = {
|
|
11219
11241
|
key: 0,
|
|
11220
11242
|
class: "uid-gauge__value"
|
|
11221
|
-
},
|
|
11243
|
+
}, dh = {
|
|
11222
11244
|
key: 0,
|
|
11223
11245
|
class: "uid-gauge__suffix"
|
|
11224
|
-
},
|
|
11246
|
+
}, fh = {
|
|
11225
11247
|
key: 1,
|
|
11226
11248
|
class: "uid-gauge__label"
|
|
11227
|
-
},
|
|
11249
|
+
}, ph = {
|
|
11228
11250
|
key: 1,
|
|
11229
11251
|
class: "uid-gauge__limits"
|
|
11230
|
-
},
|
|
11252
|
+
}, mh = 4, hh = /* @__PURE__ */ f({
|
|
11231
11253
|
__name: "UidGauge",
|
|
11232
11254
|
props: {
|
|
11233
11255
|
value: { default: 0 },
|
|
@@ -11257,7 +11279,7 @@ var dd = ["aria-label"], fd = [
|
|
|
11257
11279
|
locale: { default: void 0 }
|
|
11258
11280
|
},
|
|
11259
11281
|
setup(e) {
|
|
11260
|
-
let n = e, r = $(), i = a(() => n.locale ?? r.value.code), o = a(() => (n.size - n.strokeWidth) / 2 -
|
|
11282
|
+
let n = e, r = $(), i = a(() => n.locale ?? r.value.code), o = a(() => (n.size - n.strokeWidth) / 2 - mh), u = a(() => n.size / 2), d = a(() => n.size / 2), f = a(() => n.size / 2 + n.strokeWidth / 2 + mh), p = a(() => Math.PI * o.value), m = a(() => Math.max(n.min, Math.min(n.max, n.value))), h = a(() => {
|
|
11261
11283
|
let e = n.max - n.min;
|
|
11262
11284
|
return e <= 0 ? 0 : (m.value - n.min) / e;
|
|
11263
11285
|
}), g = a(() => {
|
|
@@ -11295,7 +11317,7 @@ var dd = ["aria-label"], fd = [
|
|
|
11295
11317
|
class: "uid-gauge__track",
|
|
11296
11318
|
d: g.value,
|
|
11297
11319
|
"stroke-width": e.strokeWidth
|
|
11298
|
-
}, null, 8,
|
|
11320
|
+
}, null, 8, rh),
|
|
11299
11321
|
e.ranges && e.ranges.length ? (T(!0), c(t, { key: 0 }, A(e.ranges, (t, n) => (T(), c("path", {
|
|
11300
11322
|
key: n,
|
|
11301
11323
|
class: "uid-gauge__range",
|
|
@@ -11304,7 +11326,7 @@ var dd = ["aria-label"], fd = [
|
|
|
11304
11326
|
"stroke-width": e.strokeWidth,
|
|
11305
11327
|
"stroke-dasharray": v(t).dasharray,
|
|
11306
11328
|
"stroke-dashoffset": v(t).dashoffset
|
|
11307
|
-
}, null, 8,
|
|
11329
|
+
}, null, 8, ih))), 128)) : s("", !0),
|
|
11308
11330
|
!e.ranges || e.ranges.length === 0 ? (T(), c("path", {
|
|
11309
11331
|
key: 1,
|
|
11310
11332
|
class: "uid-gauge__progress",
|
|
@@ -11312,43 +11334,43 @@ var dd = ["aria-label"], fd = [
|
|
|
11312
11334
|
"stroke-width": e.strokeWidth,
|
|
11313
11335
|
"stroke-dasharray": p.value,
|
|
11314
11336
|
"stroke-dashoffset": _.value
|
|
11315
|
-
}, null, 8,
|
|
11316
|
-
e.showNeedle ? (T(), c("g",
|
|
11337
|
+
}, null, 8, ah)) : s("", !0),
|
|
11338
|
+
e.showNeedle ? (T(), c("g", oh, [l("line", {
|
|
11317
11339
|
class: "uid-gauge__needle",
|
|
11318
11340
|
x1: u.value,
|
|
11319
11341
|
y1: d.value,
|
|
11320
11342
|
x2: u.value + o.value - e.strokeWidth,
|
|
11321
11343
|
y2: d.value,
|
|
11322
11344
|
transform: `rotate(${x.value} ${u.value} ${d.value})`
|
|
11323
|
-
}, null, 8,
|
|
11345
|
+
}, null, 8, sh), l("circle", {
|
|
11324
11346
|
class: "uid-gauge__needle-pivot",
|
|
11325
11347
|
cx: u.value,
|
|
11326
11348
|
cy: d.value,
|
|
11327
11349
|
r: "4"
|
|
11328
|
-
}, null, 8,
|
|
11329
|
-
], 8,
|
|
11330
|
-
e.showValue || e.label ? (T(), c("div",
|
|
11331
|
-
e.showLimits ? (T(), c("div",
|
|
11332
|
-
], 14,
|
|
11350
|
+
}, null, 8, ch)])) : s("", !0)
|
|
11351
|
+
], 8, nh)),
|
|
11352
|
+
e.showValue || e.label ? (T(), c("div", lh, [e.showValue ? (T(), c("div", uh, [l("span", null, F(S.value), 1), e.suffix ? (T(), c("span", dh, F(e.suffix), 1)) : s("", !0)])) : s("", !0), e.label ? (T(), c("div", fh, F(e.label), 1)) : s("", !0)])) : s("", !0),
|
|
11353
|
+
e.showLimits ? (T(), c("div", ph, [l("span", null, F(e.min), 1), l("span", null, F(e.max), 1)])) : s("", !0)
|
|
11354
|
+
], 14, th));
|
|
11333
11355
|
}
|
|
11334
|
-
}),
|
|
11356
|
+
}), gh = ["aria-label"], _h = { class: "uid-heatmap__chart" }, vh = {
|
|
11335
11357
|
key: 0,
|
|
11336
11358
|
class: "uid-heatmap__weekdays",
|
|
11337
11359
|
"aria-hidden": "true"
|
|
11338
|
-
},
|
|
11360
|
+
}, yh = { class: "uid-heatmap__grid-wrapper" }, bh = [
|
|
11339
11361
|
"width",
|
|
11340
11362
|
"height",
|
|
11341
11363
|
"viewBox"
|
|
11342
|
-
],
|
|
11364
|
+
], xh = [
|
|
11343
11365
|
"x",
|
|
11344
11366
|
"y",
|
|
11345
11367
|
"width",
|
|
11346
11368
|
"height",
|
|
11347
11369
|
"fill"
|
|
11348
|
-
],
|
|
11370
|
+
], Sh = {
|
|
11349
11371
|
key: 0,
|
|
11350
11372
|
class: "uid-heatmap__legend"
|
|
11351
|
-
},
|
|
11373
|
+
}, Ch = /* @__PURE__ */ f({
|
|
11352
11374
|
__name: "UidHeatmap",
|
|
11353
11375
|
props: {
|
|
11354
11376
|
data: {},
|
|
@@ -11454,10 +11476,10 @@ var dd = ["aria-label"], fd = [
|
|
|
11454
11476
|
style: b(w.value),
|
|
11455
11477
|
role: "img",
|
|
11456
11478
|
"aria-label": k.value
|
|
11457
|
-
}, [l("div",
|
|
11479
|
+
}, [l("div", _h, [e.showWeekdays ? (T(), c("div", vh, [(T(!0), c(t, null, A(R(r).datePicker.weekdaysShort, (e, t) => (T(), c("span", {
|
|
11458
11480
|
key: e,
|
|
11459
11481
|
class: y(["uid-heatmap__weekday", { "uid-heatmap__weekday--visible": t === 0 || t === 2 || t === 4 }])
|
|
11460
|
-
}, F(e), 3))), 128))])) : s("", !0), l("div",
|
|
11482
|
+
}, F(e), 3))), 128))])) : s("", !0), l("div", yh, [e.showMonths ? (T(), c("div", {
|
|
11461
11483
|
key: 0,
|
|
11462
11484
|
class: "uid-heatmap__months",
|
|
11463
11485
|
style: b({ width: `${S.value}px` }),
|
|
@@ -11480,7 +11502,7 @@ var dd = ["aria-label"], fd = [
|
|
|
11480
11502
|
width: e.cellSize,
|
|
11481
11503
|
height: e.cellSize,
|
|
11482
11504
|
fill: v(t.level)
|
|
11483
|
-
}, [l("title", null, F(D(t)), 1)], 8,
|
|
11505
|
+
}, [l("title", null, F(D(t)), 1)], 8, xh))), 128))], 8, bh))])]), e.showLegend ? (T(), c("div", Sh, [
|
|
11484
11506
|
l("span", null, F(R(r).heatmap.less), 1),
|
|
11485
11507
|
(T(!0), c(t, null, A(E.value, (e) => (T(), c("span", {
|
|
11486
11508
|
key: e,
|
|
@@ -11488,9 +11510,9 @@ var dd = ["aria-label"], fd = [
|
|
|
11488
11510
|
style: b(e === 0 ? void 0 : { background: v(e) })
|
|
11489
11511
|
}, null, 4))), 128)),
|
|
11490
11512
|
l("span", null, F(R(r).heatmap.more), 1)
|
|
11491
|
-
])) : s("", !0)], 12,
|
|
11513
|
+
])) : s("", !0)], 12, gh));
|
|
11492
11514
|
}
|
|
11493
|
-
}),
|
|
11515
|
+
}), wh = {
|
|
11494
11516
|
default: ["color-mix(in srgb, var(--uid-heatmap-matrix-color) 14%, var(--uid-color-bg))", "var(--uid-heatmap-matrix-color)"],
|
|
11495
11517
|
viridis: [
|
|
11496
11518
|
"#440154",
|
|
@@ -11570,42 +11592,42 @@ var dd = ["aria-label"], fd = [
|
|
|
11570
11592
|
"#67000d"
|
|
11571
11593
|
]
|
|
11572
11594
|
};
|
|
11573
|
-
function
|
|
11574
|
-
return Object.prototype.hasOwnProperty.call(
|
|
11595
|
+
function Th(e) {
|
|
11596
|
+
return Object.prototype.hasOwnProperty.call(wh, e);
|
|
11575
11597
|
}
|
|
11576
|
-
function
|
|
11598
|
+
function Eh(e) {
|
|
11577
11599
|
if (Array.isArray(e)) {
|
|
11578
11600
|
let t = e.filter((e) => typeof e == "string" && e.trim() !== "");
|
|
11579
|
-
return t.length > 0 ? t : [...
|
|
11601
|
+
return t.length > 0 ? t : [...wh.default];
|
|
11580
11602
|
}
|
|
11581
11603
|
let t = typeof e == "string" ? e.trim() : "";
|
|
11582
|
-
if (t === "") return [...
|
|
11604
|
+
if (t === "") return [...wh.default];
|
|
11583
11605
|
let n = t.toLowerCase();
|
|
11584
|
-
return
|
|
11606
|
+
return Th(n) ? [...wh[n]] : Dh(t) ? [`color-mix(in srgb, ${t} 14%, var(--uid-color-bg))`, t] : [...wh.default];
|
|
11585
11607
|
}
|
|
11586
|
-
function
|
|
11608
|
+
function Dh(e) {
|
|
11587
11609
|
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);
|
|
11588
11610
|
}
|
|
11589
|
-
function
|
|
11611
|
+
function Oh(e, t) {
|
|
11590
11612
|
if (e.length === 0) return "transparent";
|
|
11591
11613
|
if (e.length === 1) return e[0];
|
|
11592
11614
|
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;
|
|
11593
11615
|
return i <= 5e-4 ? e[r] : i >= .9995 ? e[r + 1] : `color-mix(in srgb, ${e[r + 1]} ${(i * 100).toFixed(1)}%, ${e[r]})`;
|
|
11594
11616
|
}
|
|
11595
|
-
function
|
|
11617
|
+
function kh(e) {
|
|
11596
11618
|
return e.length === 1 ? e[0] : `linear-gradient(to right, ${e.join(", ")})`;
|
|
11597
11619
|
}
|
|
11598
11620
|
//#endregion
|
|
11599
11621
|
//#region src/components/Heatmap/UidHeatmapMatrix.vue?vue&type=script&setup=true&lang.ts
|
|
11600
|
-
var
|
|
11622
|
+
var Ah = { class: "uid-heatmap-matrix__scroll" }, jh = [
|
|
11601
11623
|
"aria-label",
|
|
11602
11624
|
"aria-rowcount",
|
|
11603
11625
|
"aria-colcount"
|
|
11604
|
-
],
|
|
11626
|
+
], Mh = {
|
|
11605
11627
|
class: "uid-heatmap-matrix__row uid-heatmap-matrix__row--head",
|
|
11606
11628
|
role: "row",
|
|
11607
11629
|
"aria-rowindex": "1"
|
|
11608
|
-
},
|
|
11630
|
+
}, Nh = ["aria-colindex", "aria-label"], Ph = ["title"], Fh = ["aria-rowindex"], Ih = ["title"], Lh = [
|
|
11609
11631
|
"aria-colindex",
|
|
11610
11632
|
"aria-label",
|
|
11611
11633
|
"tabindex",
|
|
@@ -11613,14 +11635,14 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
11613
11635
|
"data-c",
|
|
11614
11636
|
"onMouseenter",
|
|
11615
11637
|
"onFocus"
|
|
11616
|
-
],
|
|
11638
|
+
], Rh = { class: "uid-heatmap-matrix__tooltip-label" }, zh = { class: "uid-heatmap-matrix__tooltip-value" }, Bh = {
|
|
11617
11639
|
key: 1,
|
|
11618
11640
|
class: "uid-heatmap-matrix__legend",
|
|
11619
11641
|
"aria-hidden": "true"
|
|
11620
|
-
},
|
|
11642
|
+
}, Vh = { class: "uid-heatmap-matrix__legend-value" }, Hh = { class: "uid-heatmap-matrix__legend-value" }, Uh = {
|
|
11621
11643
|
key: 0,
|
|
11622
11644
|
class: "uid-heatmap-matrix__legend-empty"
|
|
11623
|
-
},
|
|
11645
|
+
}, Wh = 11, Gh = 96, Kh = 18, qh = /* @__PURE__ */ f({
|
|
11624
11646
|
__name: "UidHeatmapMatrix",
|
|
11625
11647
|
props: {
|
|
11626
11648
|
rows: {},
|
|
@@ -11656,13 +11678,13 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
11656
11678
|
min: typeof n.min == "number" ? n.min : e,
|
|
11657
11679
|
max: typeof n.max == "number" ? n.max : t
|
|
11658
11680
|
};
|
|
11659
|
-
}), C = a(() => g.value.some((e) => e.some((e) => e === null))), w = a(() =>
|
|
11681
|
+
}), C = a(() => g.value.some((e) => e.some((e) => e === null))), w = a(() => Eh(n.colorScale));
|
|
11660
11682
|
function E(e) {
|
|
11661
11683
|
let { min: t, max: n } = _.value;
|
|
11662
11684
|
return n <= t ? +(e > t) : (e - t) / (n - t);
|
|
11663
11685
|
}
|
|
11664
11686
|
function D(e) {
|
|
11665
|
-
if (e !== null) return
|
|
11687
|
+
if (e !== null) return Oh(w.value, E(e));
|
|
11666
11688
|
}
|
|
11667
11689
|
function O(e) {
|
|
11668
11690
|
return n.formatValue ? n.formatValue(e) : new Intl.NumberFormat(r.value.code).format(e);
|
|
@@ -11684,7 +11706,7 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
11684
11706
|
return `${n.row} × ${n.col}: ${M(n.value)}`;
|
|
11685
11707
|
}
|
|
11686
11708
|
function I(e) {
|
|
11687
|
-
return Math.min(
|
|
11709
|
+
return Math.min(Gh, e.length * Wh * .6);
|
|
11688
11710
|
}
|
|
11689
11711
|
let L = a(() => n.cols.reduce((e, t) => Math.max(e, I(t)), 0)), z = a(() => {
|
|
11690
11712
|
let e = n.cols.length, t = p.value, r = n.colLabels;
|
|
@@ -11693,7 +11715,7 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
11693
11715
|
step: 1,
|
|
11694
11716
|
reserve: 0
|
|
11695
11717
|
};
|
|
11696
|
-
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 +
|
|
11718
|
+
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 + Wh) * 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(Kh / u));
|
|
11697
11719
|
return r === "horizontal" ? {
|
|
11698
11720
|
mode: "horizontal",
|
|
11699
11721
|
step: c,
|
|
@@ -11721,41 +11743,41 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
11721
11743
|
"--uid-heatmap-matrix-min-cell": `${n.minCellWidth}px`,
|
|
11722
11744
|
"--uid-heatmap-matrix-gap": `${n.gap}px`,
|
|
11723
11745
|
"--uid-heatmap-matrix-header-height": `${V.value}px`
|
|
11724
|
-
})), U = a(() => z.value.reserve > 0 ? { paddingInlineEnd: `${z.value.reserve}px` } : void 0), W = a(() =>
|
|
11746
|
+
})), U = a(() => z.value.reserve > 0 ? { paddingInlineEnd: `${z.value.reserve}px` } : void 0), W = a(() => kh(w.value)), G = a(() => n.ariaLabel ?? r.value.heatmap.matrixSummary(n.rows.length, n.cols.length)), q = k({
|
|
11725
11747
|
r: 0,
|
|
11726
11748
|
c: 0
|
|
11727
|
-
}), J = k(null), Y = k(!1),
|
|
11728
|
-
async function
|
|
11729
|
-
let e =
|
|
11749
|
+
}), J = k(null), Y = k(!1), X = a(() => J.value ?? (Y.value ? q.value : null)), Z = a(() => X.value ? N(X.value.r, X.value.c) : null), ee = k({});
|
|
11750
|
+
async function te() {
|
|
11751
|
+
let e = X.value, t = o.value;
|
|
11730
11752
|
if (!e || !t) return;
|
|
11731
11753
|
let n = t.querySelector(`[data-r="${e.r}"][data-c="${e.c}"]`);
|
|
11732
11754
|
if (!n) return;
|
|
11733
11755
|
let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = i.left - r.left + i.width / 2, s = i.top - r.top;
|
|
11734
|
-
|
|
11756
|
+
ee.value = {
|
|
11735
11757
|
left: `${a}px`,
|
|
11736
11758
|
top: `${s}px`
|
|
11737
11759
|
}, await v();
|
|
11738
11760
|
let c = f.value;
|
|
11739
11761
|
if (!c) return;
|
|
11740
11762
|
let l = c.offsetWidth / 2, u = r.width - l, d = Math.max(l, Math.min(u, a));
|
|
11741
|
-
u >= l && d !== a && (
|
|
11763
|
+
u >= l && d !== a && (ee.value = {
|
|
11742
11764
|
left: `${d}px`,
|
|
11743
11765
|
top: `${s}px`
|
|
11744
11766
|
});
|
|
11745
11767
|
}
|
|
11746
|
-
K(
|
|
11747
|
-
|
|
11768
|
+
K(X, () => {
|
|
11769
|
+
te();
|
|
11748
11770
|
});
|
|
11749
|
-
function
|
|
11771
|
+
function ne(e, t) {
|
|
11750
11772
|
J.value = {
|
|
11751
11773
|
r: e,
|
|
11752
11774
|
c: t
|
|
11753
11775
|
};
|
|
11754
11776
|
}
|
|
11755
|
-
function
|
|
11777
|
+
function re() {
|
|
11756
11778
|
J.value = null;
|
|
11757
11779
|
}
|
|
11758
|
-
function
|
|
11780
|
+
function ie(e, t) {
|
|
11759
11781
|
q.value = {
|
|
11760
11782
|
r: e,
|
|
11761
11783
|
c: t
|
|
@@ -11819,16 +11841,16 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
11819
11841
|
class: y(["uid-heatmap-matrix", `uid-heatmap-matrix--labels-${z.value.mode}`]),
|
|
11820
11842
|
style: b(H.value)
|
|
11821
11843
|
}, [
|
|
11822
|
-
l("div",
|
|
11844
|
+
l("div", Ah, [l("div", {
|
|
11823
11845
|
class: "uid-heatmap-matrix__grid",
|
|
11824
11846
|
role: "grid",
|
|
11825
11847
|
style: b(U.value),
|
|
11826
11848
|
"aria-label": G.value,
|
|
11827
11849
|
"aria-rowcount": e.rows.length + 1,
|
|
11828
11850
|
"aria-colcount": e.cols.length + 1,
|
|
11829
|
-
onMouseleave:
|
|
11851
|
+
onMouseleave: re,
|
|
11830
11852
|
onKeydown: oe
|
|
11831
|
-
}, [l("div",
|
|
11853
|
+
}, [l("div", Mh, [i[0] ||= l("div", {
|
|
11832
11854
|
class: "uid-heatmap-matrix__corner",
|
|
11833
11855
|
role: "columnheader",
|
|
11834
11856
|
"aria-colindex": "1"
|
|
@@ -11842,7 +11864,7 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
11842
11864
|
class: y(["uid-heatmap-matrix__col-label", { "uid-heatmap-matrix__col-label--hidden": !B(t) }]),
|
|
11843
11865
|
title: e,
|
|
11844
11866
|
"aria-hidden": "true"
|
|
11845
|
-
}, F(e), 11,
|
|
11867
|
+
}, F(e), 11, Ph)], 8, Nh))), 128))]), (T(!0), c(t, null, A(e.rows, (n, r) => (T(), c("div", {
|
|
11846
11868
|
key: `r-${r}`,
|
|
11847
11869
|
class: "uid-heatmap-matrix__row",
|
|
11848
11870
|
role: "row",
|
|
@@ -11855,11 +11877,11 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
11855
11877
|
role: "rowheader",
|
|
11856
11878
|
"aria-colindex": "1",
|
|
11857
11879
|
title: n
|
|
11858
|
-
}, F(n), 9,
|
|
11880
|
+
}, F(n), 9, Ih), (T(!0), c(t, null, A(e.cols, (e, t) => (T(), c("div", {
|
|
11859
11881
|
key: `c-${r}-${t}`,
|
|
11860
11882
|
class: y(["uid-heatmap-matrix__cell", {
|
|
11861
11883
|
"uid-heatmap-matrix__cell--empty": g.value[r][t] === null,
|
|
11862
|
-
"uid-heatmap-matrix__cell--active":
|
|
11884
|
+
"uid-heatmap-matrix__cell--active": X.value && X.value.r === r && X.value.c === t
|
|
11863
11885
|
}]),
|
|
11864
11886
|
role: "gridcell",
|
|
11865
11887
|
"aria-colindex": t + 2,
|
|
@@ -11868,39 +11890,39 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
11868
11890
|
"data-r": r,
|
|
11869
11891
|
"data-c": t,
|
|
11870
11892
|
style: b(g.value[r][t] === null ? void 0 : { background: D(g.value[r][t]) }),
|
|
11871
|
-
onMouseenter: (e) =>
|
|
11872
|
-
onFocus: (e) =>
|
|
11893
|
+
onMouseenter: (e) => ne(r, t),
|
|
11894
|
+
onFocus: (e) => ie(r, t),
|
|
11873
11895
|
onBlur: Q
|
|
11874
|
-
}, null, 46,
|
|
11875
|
-
|
|
11896
|
+
}, null, 46, Lh))), 128))], 8, Fh))), 128))], 44, jh)]),
|
|
11897
|
+
Z.value ? (T(), c("div", {
|
|
11876
11898
|
key: 0,
|
|
11877
11899
|
ref_key: "tooltipRef",
|
|
11878
11900
|
ref: f,
|
|
11879
11901
|
class: "uid-heatmap-matrix__tooltip",
|
|
11880
11902
|
role: "tooltip",
|
|
11881
|
-
style: b(
|
|
11903
|
+
style: b(ee.value)
|
|
11882
11904
|
}, [j(n.$slots, "tooltip", {
|
|
11883
|
-
cell:
|
|
11884
|
-
formatted: M(
|
|
11885
|
-
}, () => [l("span",
|
|
11886
|
-
e.showLegend && e.rows.length > 0 && e.cols.length > 0 ? (T(), c("div",
|
|
11887
|
-
l("span",
|
|
11905
|
+
cell: Z.value,
|
|
11906
|
+
formatted: M(Z.value.value)
|
|
11907
|
+
}, () => [l("span", Rh, F(Z.value.row) + " × " + F(Z.value.col), 1), l("strong", zh, F(M(Z.value.value)), 1)])], 4)) : s("", !0),
|
|
11908
|
+
e.showLegend && e.rows.length > 0 && e.cols.length > 0 ? (T(), c("div", Bh, [
|
|
11909
|
+
l("span", Vh, F(O(_.value.min)), 1),
|
|
11888
11910
|
l("span", {
|
|
11889
11911
|
class: "uid-heatmap-matrix__legend-bar",
|
|
11890
11912
|
style: b({ background: W.value })
|
|
11891
11913
|
}, null, 4),
|
|
11892
|
-
l("span",
|
|
11893
|
-
C.value ? (T(), c("span",
|
|
11914
|
+
l("span", Hh, F(O(_.value.max)), 1),
|
|
11915
|
+
C.value ? (T(), c("span", Uh, [i[1] ||= l("span", { class: "uid-heatmap-matrix__legend-swatch" }, null, -1), u(" " + F(R(r).heatmap.noData), 1)])) : s("", !0)
|
|
11894
11916
|
])) : s("", !0)
|
|
11895
11917
|
], 6));
|
|
11896
11918
|
}
|
|
11897
|
-
}),
|
|
11919
|
+
}), Jh = ["aria-label"], Yh = ["aria-current"], Xh = { class: "uid-stepper__indicator" }, Zh = {
|
|
11898
11920
|
key: 1,
|
|
11899
11921
|
"aria-hidden": "true"
|
|
11900
|
-
},
|
|
11922
|
+
}, Qh = { class: "uid-stepper__content" }, $h = { class: "uid-stepper__label" }, eg = {
|
|
11901
11923
|
key: 0,
|
|
11902
11924
|
class: "uid-stepper__description"
|
|
11903
|
-
},
|
|
11925
|
+
}, tg = /* @__PURE__ */ f({
|
|
11904
11926
|
__name: "UidStepper",
|
|
11905
11927
|
props: {
|
|
11906
11928
|
steps: {},
|
|
@@ -11929,20 +11951,20 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
11929
11951
|
class: y(["uid-stepper__target", { "uid-stepper__target--selectable": d(r) }]),
|
|
11930
11952
|
onClick: (e) => d(r) && u("select", r)
|
|
11931
11953
|
}, {
|
|
11932
|
-
default: J(() => [l("div",
|
|
11954
|
+
default: J(() => [l("div", Xh, [f(r, n.current) === "completed" ? (T(), o(e, {
|
|
11933
11955
|
key: 0,
|
|
11934
11956
|
icon: R(se),
|
|
11935
11957
|
size: 16,
|
|
11936
11958
|
"aria-hidden": "true"
|
|
11937
|
-
}, null, 8, ["icon"])) : (T(), c("span",
|
|
11959
|
+
}, null, 8, ["icon"])) : (T(), c("span", Zh, F(r + 1), 1))]), l("div", Qh, [l("span", $h, F(t.label), 1), t.description ? (T(), c("span", eg, F(t.description), 1)) : s("", !0)])]),
|
|
11938
11960
|
_: 2
|
|
11939
11961
|
}, 1032, [
|
|
11940
11962
|
"type",
|
|
11941
11963
|
"class",
|
|
11942
11964
|
"onClick"
|
|
11943
|
-
]))], 10,
|
|
11965
|
+
]))], 10, Yh))), 128))], 10, Jh));
|
|
11944
11966
|
}
|
|
11945
|
-
}),
|
|
11967
|
+
}), ng = /* @__PURE__ */ f({
|
|
11946
11968
|
__name: "UidStack",
|
|
11947
11969
|
props: {
|
|
11948
11970
|
direction: { default: "column" },
|
|
@@ -11988,7 +12010,7 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
11988
12010
|
_: 3
|
|
11989
12011
|
}, 8, ["class", "style"]));
|
|
11990
12012
|
}
|
|
11991
|
-
}),
|
|
12013
|
+
}), rg = /* @__PURE__ */ f({
|
|
11992
12014
|
__name: "UidGrid",
|
|
11993
12015
|
props: {
|
|
11994
12016
|
cols: { default: 12 },
|
|
@@ -12023,7 +12045,7 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
12023
12045
|
_: 3
|
|
12024
12046
|
}, 8, ["style"]));
|
|
12025
12047
|
}
|
|
12026
|
-
}),
|
|
12048
|
+
}), ig = /* @__PURE__ */ f({
|
|
12027
12049
|
__name: "UidContainer",
|
|
12028
12050
|
props: {
|
|
12029
12051
|
size: { default: "lg" },
|
|
@@ -12039,7 +12061,7 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
12039
12061
|
_: 3
|
|
12040
12062
|
}, 8, ["class"]));
|
|
12041
12063
|
}
|
|
12042
|
-
}),
|
|
12064
|
+
}), ag = Symbol("uid-wizard"), og = { class: "uid-wizard" }, sg = /* @__PURE__ */ f({
|
|
12043
12065
|
__name: "UidWizard",
|
|
12044
12066
|
props: /* @__PURE__ */ g({ steps: {} }, {
|
|
12045
12067
|
modelValue: { default: 0 },
|
|
@@ -12064,7 +12086,7 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
12064
12086
|
function m(e) {
|
|
12065
12087
|
i.delete(e);
|
|
12066
12088
|
}
|
|
12067
|
-
return E(
|
|
12089
|
+
return E(ag, {
|
|
12068
12090
|
current: r,
|
|
12069
12091
|
steps: o,
|
|
12070
12092
|
isFirst: s,
|
|
@@ -12081,9 +12103,9 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
12081
12103
|
goTo: f,
|
|
12082
12104
|
isFirst: s,
|
|
12083
12105
|
isLast: l
|
|
12084
|
-
}), (e, t) => (T(), c("div",
|
|
12106
|
+
}), (e, t) => (T(), c("div", og, [j(e.$slots, "default")]));
|
|
12085
12107
|
}
|
|
12086
|
-
}),
|
|
12108
|
+
}), cg = ["aria-label"], lg = /* @__PURE__ */ f({
|
|
12087
12109
|
__name: "UidWizardStep",
|
|
12088
12110
|
props: {
|
|
12089
12111
|
index: {},
|
|
@@ -12093,7 +12115,7 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
12093
12115
|
}
|
|
12094
12116
|
},
|
|
12095
12117
|
setup(e) {
|
|
12096
|
-
let t = e, n = $(), r = h(
|
|
12118
|
+
let t = e, n = $(), r = h(ag);
|
|
12097
12119
|
if (!r) throw Error("UidWizardStep must be inside UidWizard");
|
|
12098
12120
|
K(() => t.validate, (e, n) => {
|
|
12099
12121
|
n !== void 0 && r.unregisterValidator(t.index), e !== void 0 && r.registerValidator(t.index, e);
|
|
@@ -12104,18 +12126,18 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
12104
12126
|
class: "uid-wizard-step",
|
|
12105
12127
|
role: "tabpanel",
|
|
12106
12128
|
"aria-label": R(n).wizard.step(e.index + 1)
|
|
12107
|
-
}, [j(t.$slots, "default")], 8,
|
|
12129
|
+
}, [j(t.$slots, "default")], 8, cg)) : s("", !0);
|
|
12108
12130
|
}
|
|
12109
|
-
}),
|
|
12131
|
+
}), ug = { class: "uid-pattern-header__inner" }, dg = {
|
|
12110
12132
|
key: 0,
|
|
12111
12133
|
class: "uid-pattern-header__logo"
|
|
12112
|
-
},
|
|
12134
|
+
}, fg = ["aria-label"], pg = {
|
|
12113
12135
|
key: 2,
|
|
12114
12136
|
class: "uid-pattern-header__actions"
|
|
12115
|
-
},
|
|
12137
|
+
}, mg = {
|
|
12116
12138
|
key: 3,
|
|
12117
12139
|
class: "uid-pattern-header__mobile"
|
|
12118
|
-
},
|
|
12140
|
+
}, hg = /* @__PURE__ */ f({
|
|
12119
12141
|
__name: "UidHeader",
|
|
12120
12142
|
props: {
|
|
12121
12143
|
sticky: {
|
|
@@ -12137,39 +12159,39 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
12137
12159
|
"uid-pattern-header--sticky": e.sticky,
|
|
12138
12160
|
"uid-pattern-header--bordered": e.bordered,
|
|
12139
12161
|
"uid-pattern-header--transparent": e.transparent
|
|
12140
|
-
}]) }, [l("div",
|
|
12141
|
-
n.$slots.logo ? (T(), c("div",
|
|
12162
|
+
}]) }, [l("div", ug, [
|
|
12163
|
+
n.$slots.logo ? (T(), c("div", dg, [j(n.$slots, "logo")])) : s("", !0),
|
|
12142
12164
|
n.$slots.nav ? (T(), c("nav", {
|
|
12143
12165
|
key: 1,
|
|
12144
12166
|
class: "uid-pattern-header__nav",
|
|
12145
12167
|
"aria-label": R(t).header.nav
|
|
12146
|
-
}, [j(n.$slots, "nav")], 8,
|
|
12147
|
-
n.$slots.actions ? (T(), c("div",
|
|
12148
|
-
n.$slots.mobile ? (T(), c("div",
|
|
12168
|
+
}, [j(n.$slots, "nav")], 8, fg)) : s("", !0),
|
|
12169
|
+
n.$slots.actions ? (T(), c("div", pg, [j(n.$slots, "actions")])) : s("", !0),
|
|
12170
|
+
n.$slots.mobile ? (T(), c("div", mg, [j(n.$slots, "mobile")])) : s("", !0)
|
|
12149
12171
|
])], 2));
|
|
12150
12172
|
}
|
|
12151
|
-
}),
|
|
12173
|
+
}), gg = { class: "uid-pattern-footer__inner" }, _g = {
|
|
12152
12174
|
key: 0,
|
|
12153
12175
|
class: "uid-pattern-footer__columns"
|
|
12154
|
-
},
|
|
12176
|
+
}, vg = {
|
|
12155
12177
|
key: 1,
|
|
12156
12178
|
class: "uid-pattern-footer__content"
|
|
12157
|
-
},
|
|
12179
|
+
}, yg = {
|
|
12158
12180
|
key: 2,
|
|
12159
12181
|
class: "uid-pattern-footer__bottom"
|
|
12160
|
-
},
|
|
12182
|
+
}, bg = /* @__PURE__ */ f({
|
|
12161
12183
|
__name: "UidFooter",
|
|
12162
12184
|
props: { variant: { default: "minimal" } },
|
|
12163
12185
|
setup(e) {
|
|
12164
|
-
return (t, n) => (T(), c("footer", { class: y(["uid-pattern-footer", `uid-pattern-footer--${e.variant}`]) }, [l("div",
|
|
12186
|
+
return (t, n) => (T(), c("footer", { class: y(["uid-pattern-footer", `uid-pattern-footer--${e.variant}`]) }, [l("div", gg, [t.$slots.columns ? (T(), c("div", _g, [j(t.$slots, "columns")])) : t.$slots.default ? (T(), c("div", vg, [j(t.$slots, "default")])) : s("", !0), t.$slots.bottom ? (T(), c("div", yg, [j(t.$slots, "bottom")])) : s("", !0)])], 2));
|
|
12165
12187
|
}
|
|
12166
|
-
}),
|
|
12188
|
+
}), xg = ["aria-label"], Sg = {
|
|
12167
12189
|
key: 0,
|
|
12168
12190
|
class: "uid-pattern-sidebar__header"
|
|
12169
|
-
},
|
|
12191
|
+
}, Cg = ["aria-label"], wg = {
|
|
12170
12192
|
key: 1,
|
|
12171
12193
|
class: "uid-pattern-sidebar__footer"
|
|
12172
|
-
},
|
|
12194
|
+
}, Tg = /* @__PURE__ */ f({
|
|
12173
12195
|
__name: "UidSidebar",
|
|
12174
12196
|
props: {
|
|
12175
12197
|
collapsed: {
|
|
@@ -12186,22 +12208,22 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
12186
12208
|
style: b(e.width && !e.collapsed ? { "--uid-sidebar-width": e.width } : void 0),
|
|
12187
12209
|
"aria-label": R(t).sidebar.label
|
|
12188
12210
|
}, [
|
|
12189
|
-
n.$slots.header ? (T(), c("div",
|
|
12211
|
+
n.$slots.header ? (T(), c("div", Sg, [j(n.$slots, "header")])) : s("", !0),
|
|
12190
12212
|
l("nav", {
|
|
12191
12213
|
class: "uid-pattern-sidebar__nav",
|
|
12192
12214
|
"aria-label": R(t).sidebar.nav
|
|
12193
|
-
}, [j(n.$slots, "nav")], 8,
|
|
12194
|
-
n.$slots.footer ? (T(), c("div",
|
|
12195
|
-
], 14,
|
|
12215
|
+
}, [j(n.$slots, "nav")], 8, Cg),
|
|
12216
|
+
n.$slots.footer ? (T(), c("div", wg, [j(n.$slots, "footer")])) : s("", !0)
|
|
12217
|
+
], 14, xg));
|
|
12196
12218
|
}
|
|
12197
|
-
}),
|
|
12219
|
+
}), Eg = {
|
|
12198
12220
|
key: 0,
|
|
12199
12221
|
class: "uid-sidebar-item__icon",
|
|
12200
12222
|
"aria-hidden": "true"
|
|
12201
|
-
},
|
|
12223
|
+
}, Dg = { class: "uid-sidebar-item__label" }, Og = {
|
|
12202
12224
|
key: 1,
|
|
12203
12225
|
class: "uid-sidebar-item__badge"
|
|
12204
|
-
},
|
|
12226
|
+
}, kg = /* @__PURE__ */ f({
|
|
12205
12227
|
__name: "UidSidebarItem",
|
|
12206
12228
|
props: {
|
|
12207
12229
|
href: { default: void 0 },
|
|
@@ -12228,9 +12250,9 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
12228
12250
|
tabindex: e.disabled ? -1 : void 0
|
|
12229
12251
|
}), {
|
|
12230
12252
|
default: J(() => [
|
|
12231
|
-
t.$slots.icon ? (T(), c("span",
|
|
12232
|
-
l("span",
|
|
12233
|
-
e.badge === void 0 ? s("", !0) : (T(), c("span",
|
|
12253
|
+
t.$slots.icon ? (T(), c("span", Eg, [j(t.$slots, "icon")])) : s("", !0),
|
|
12254
|
+
l("span", Dg, [j(t.$slots, "default")]),
|
|
12255
|
+
e.badge === void 0 ? s("", !0) : (T(), c("span", Og, F(e.badge), 1))
|
|
12234
12256
|
]),
|
|
12235
12257
|
_: 3
|
|
12236
12258
|
}, 16, [
|
|
@@ -12240,10 +12262,10 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
12240
12262
|
"tabindex"
|
|
12241
12263
|
]));
|
|
12242
12264
|
}
|
|
12243
|
-
}),
|
|
12265
|
+
}), Ag = { class: "uid-sidebar-group" }, jg = {
|
|
12244
12266
|
key: 0,
|
|
12245
12267
|
class: "uid-sidebar-group__title"
|
|
12246
|
-
},
|
|
12268
|
+
}, Mg = /* @__PURE__ */ f({
|
|
12247
12269
|
__name: "UidSidebarGroup",
|
|
12248
12270
|
props: {
|
|
12249
12271
|
title: { default: void 0 },
|
|
@@ -12253,29 +12275,29 @@ var Dh = { class: "uid-heatmap-matrix__scroll" }, Oh = [
|
|
|
12253
12275
|
}
|
|
12254
12276
|
},
|
|
12255
12277
|
setup(e) {
|
|
12256
|
-
return (t, n) => (T(), c("div",
|
|
12278
|
+
return (t, n) => (T(), c("div", Ag, [e.title ? (T(), c("p", jg, F(e.title), 1)) : s("", !0), j(t.$slots, "default")]));
|
|
12257
12279
|
}
|
|
12258
|
-
}),
|
|
12280
|
+
}), Ng = {}, Pg = {
|
|
12259
12281
|
class: "uid-sidebar-divider",
|
|
12260
12282
|
role: "separator",
|
|
12261
12283
|
"aria-hidden": "true"
|
|
12262
12284
|
};
|
|
12263
|
-
function
|
|
12264
|
-
return T(), c("div",
|
|
12285
|
+
function Fg(e, t) {
|
|
12286
|
+
return T(), c("div", Pg);
|
|
12265
12287
|
}
|
|
12266
|
-
var
|
|
12288
|
+
var Ig = /* @__PURE__ */ Fr(Ng, [["render", Fg]]), Lg = { class: "uid-pattern-page-header" }, Rg = {
|
|
12267
12289
|
key: 0,
|
|
12268
12290
|
class: "uid-pattern-page-header__breadcrumb"
|
|
12269
|
-
},
|
|
12291
|
+
}, zg = { class: "uid-pattern-page-header__row" }, Bg = { class: "uid-pattern-page-header__heading" }, Vg = ["aria-label"], Hg = { class: "uid-pattern-page-header__title" }, Ug = {
|
|
12270
12292
|
key: 0,
|
|
12271
12293
|
class: "uid-pattern-page-header__description"
|
|
12272
|
-
},
|
|
12294
|
+
}, Wg = {
|
|
12273
12295
|
key: 0,
|
|
12274
12296
|
class: "uid-pattern-page-header__actions"
|
|
12275
|
-
},
|
|
12297
|
+
}, Gg = {
|
|
12276
12298
|
key: 1,
|
|
12277
12299
|
class: "uid-pattern-page-header__tabs"
|
|
12278
|
-
},
|
|
12300
|
+
}, Kg = /* @__PURE__ */ f({
|
|
12279
12301
|
__name: "UidPageHeader",
|
|
12280
12302
|
props: {
|
|
12281
12303
|
title: { default: void 0 },
|
|
@@ -12288,28 +12310,28 @@ var Ng = /* @__PURE__ */ Fr(Ag, [["render", Mg]]), Pg = { class: "uid-pattern-pa
|
|
|
12288
12310
|
emits: ["back"],
|
|
12289
12311
|
setup(t, { emit: n }) {
|
|
12290
12312
|
let r = $(), i = n;
|
|
12291
|
-
return (n, a) => (T(), c("div",
|
|
12292
|
-
n.$slots.breadcrumb ? (T(), c("div",
|
|
12293
|
-
l("div",
|
|
12313
|
+
return (n, a) => (T(), c("div", Lg, [
|
|
12314
|
+
n.$slots.breadcrumb ? (T(), c("div", Rg, [j(n.$slots, "breadcrumb")])) : s("", !0),
|
|
12315
|
+
l("div", zg, [l("div", Bg, [t.back ? (T(), c("button", {
|
|
12294
12316
|
key: 0,
|
|
12295
12317
|
type: "button",
|
|
12296
12318
|
class: "uid-pattern-page-header__back",
|
|
12297
12319
|
"aria-label": R(r).pageHeader.back,
|
|
12298
12320
|
onClick: a[0] ||= (e) => i("back")
|
|
12299
12321
|
}, [d(e, {
|
|
12300
|
-
icon: R(
|
|
12322
|
+
icon: R(re),
|
|
12301
12323
|
size: 20
|
|
12302
|
-
}, null, 8, ["icon"])], 8,
|
|
12303
|
-
n.$slots.tabs ? (T(), c("div",
|
|
12324
|
+
}, null, 8, ["icon"])], 8, Vg)) : s("", !0), l("div", null, [l("h1", Hg, [j(n.$slots, "title", {}, () => [u(F(t.title), 1)])]), t.description || n.$slots.description ? (T(), c("p", Ug, [j(n.$slots, "description", {}, () => [u(F(t.description), 1)])])) : s("", !0)])]), n.$slots.actions ? (T(), c("div", Wg, [j(n.$slots, "actions")])) : s("", !0)]),
|
|
12325
|
+
n.$slots.tabs ? (T(), c("div", Gg, [j(n.$slots, "tabs")])) : s("", !0)
|
|
12304
12326
|
]));
|
|
12305
12327
|
}
|
|
12306
|
-
}),
|
|
12328
|
+
}), qg = { class: "uid-pattern-empty-state" }, Jg = { class: "uid-pattern-empty-state__illustration" }, Yg = { class: "uid-pattern-empty-state__content" }, Xg = { class: "uid-pattern-empty-state__title" }, Zg = {
|
|
12307
12329
|
key: 0,
|
|
12308
12330
|
class: "uid-pattern-empty-state__description"
|
|
12309
|
-
},
|
|
12331
|
+
}, Qg = {
|
|
12310
12332
|
key: 0,
|
|
12311
12333
|
class: "uid-pattern-empty-state__actions"
|
|
12312
|
-
},
|
|
12334
|
+
}, $g = /* @__PURE__ */ f({
|
|
12313
12335
|
__name: "UidEmptyState",
|
|
12314
12336
|
props: {
|
|
12315
12337
|
title: { default: void 0 },
|
|
@@ -12317,25 +12339,25 @@ var Ng = /* @__PURE__ */ Fr(Ag, [["render", Mg]]), Pg = { class: "uid-pattern-pa
|
|
|
12317
12339
|
},
|
|
12318
12340
|
setup(t) {
|
|
12319
12341
|
let n = $();
|
|
12320
|
-
return (r, i) => (T(), c("div",
|
|
12321
|
-
l("div",
|
|
12342
|
+
return (r, i) => (T(), c("div", qg, [
|
|
12343
|
+
l("div", Jg, [j(r.$slots, "illustration", {}, () => [d(e, {
|
|
12322
12344
|
icon: R(ye),
|
|
12323
12345
|
size: 48
|
|
12324
12346
|
}, null, 8, ["icon"])])]),
|
|
12325
|
-
l("div",
|
|
12326
|
-
r.$slots.actions ? (T(), c("div",
|
|
12347
|
+
l("div", Yg, [l("h2", Xg, [j(r.$slots, "title", {}, () => [u(F(t.title ?? R(n).emptyState.title), 1)])]), t.description || r.$slots.description ? (T(), c("p", Zg, [j(r.$slots, "description", {}, () => [u(F(t.description), 1)])])) : s("", !0)]),
|
|
12348
|
+
r.$slots.actions ? (T(), c("div", Qg, [j(r.$slots, "actions")])) : s("", !0)
|
|
12327
12349
|
]));
|
|
12328
12350
|
}
|
|
12329
|
-
}),
|
|
12351
|
+
}), e_ = { class: "uid-pattern-error-state" }, t_ = { class: "uid-pattern-error-state__illustration" }, n_ = {
|
|
12330
12352
|
key: 0,
|
|
12331
12353
|
class: "uid-pattern-error-state__code"
|
|
12332
|
-
},
|
|
12354
|
+
}, r_ = { class: "uid-pattern-error-state__content" }, i_ = { class: "uid-pattern-error-state__title" }, a_ = {
|
|
12333
12355
|
key: 0,
|
|
12334
12356
|
class: "uid-pattern-error-state__description"
|
|
12335
|
-
},
|
|
12357
|
+
}, o_ = {
|
|
12336
12358
|
key: 1,
|
|
12337
12359
|
class: "uid-pattern-error-state__actions"
|
|
12338
|
-
},
|
|
12360
|
+
}, s_ = /* @__PURE__ */ f({
|
|
12339
12361
|
__name: "UidErrorState",
|
|
12340
12362
|
props: {
|
|
12341
12363
|
code: { default: void 0 },
|
|
@@ -12345,7 +12367,7 @@ var Ng = /* @__PURE__ */ Fr(Ag, [["render", Mg]]), Pg = { class: "uid-pattern-pa
|
|
|
12345
12367
|
setup(t) {
|
|
12346
12368
|
let n = t, r = $(), i = a(() => ({
|
|
12347
12369
|
404: {
|
|
12348
|
-
icon:
|
|
12370
|
+
icon: ee,
|
|
12349
12371
|
title: r.value.errorState.notFoundTitle,
|
|
12350
12372
|
description: r.value.errorState.notFoundDescription
|
|
12351
12373
|
},
|
|
@@ -12359,24 +12381,24 @@ var Ng = /* @__PURE__ */ Fr(Ag, [["render", Mg]]), Pg = { class: "uid-pattern-pa
|
|
|
12359
12381
|
title: r.value.errorState.offlineTitle,
|
|
12360
12382
|
description: r.value.errorState.offlineDescription
|
|
12361
12383
|
}
|
|
12362
|
-
})), o = a(() => n.code ? i.value[n.code] ?? null : null), f = a(() => o.value?.icon ??
|
|
12363
|
-
return (n, r) => (T(), c("div",
|
|
12364
|
-
l("div",
|
|
12384
|
+
})), o = a(() => n.code ? i.value[n.code] ?? null : null), f = a(() => o.value?.icon ?? ee), p = a(() => n.title ?? o.value?.title ?? r.value.errorState.title), m = a(() => n.description ?? o.value?.description);
|
|
12385
|
+
return (n, r) => (T(), c("div", e_, [
|
|
12386
|
+
l("div", t_, [j(n.$slots, "illustration", {}, () => [d(e, {
|
|
12365
12387
|
icon: f.value,
|
|
12366
12388
|
size: 48
|
|
12367
12389
|
}, null, 8, ["icon"])])]),
|
|
12368
|
-
t.code ? (T(), c("div",
|
|
12369
|
-
l("div",
|
|
12370
|
-
n.$slots.actions ? (T(), c("div",
|
|
12390
|
+
t.code ? (T(), c("div", n_, F(t.code), 1)) : s("", !0),
|
|
12391
|
+
l("div", r_, [l("h2", i_, [j(n.$slots, "title", {}, () => [u(F(p.value), 1)])]), m.value || n.$slots.description ? (T(), c("p", a_, [j(n.$slots, "description", {}, () => [u(F(m.value), 1)])])) : s("", !0)]),
|
|
12392
|
+
n.$slots.actions ? (T(), c("div", o_, [j(n.$slots, "actions")])) : s("", !0)
|
|
12371
12393
|
]));
|
|
12372
12394
|
}
|
|
12373
|
-
}),
|
|
12395
|
+
}), c_ = {
|
|
12374
12396
|
key: 0,
|
|
12375
12397
|
class: "uid-layout-simple__header"
|
|
12376
|
-
},
|
|
12398
|
+
}, l_ = { class: "uid-layout-simple__content" }, u_ = {
|
|
12377
12399
|
key: 1,
|
|
12378
12400
|
class: "uid-layout-simple__footer"
|
|
12379
|
-
},
|
|
12401
|
+
}, d_ = /* @__PURE__ */ f({
|
|
12380
12402
|
__name: "UidSimpleLayout",
|
|
12381
12403
|
props: { full: {
|
|
12382
12404
|
type: Boolean,
|
|
@@ -12384,26 +12406,26 @@ var Ng = /* @__PURE__ */ Fr(Ag, [["render", Mg]]), Pg = { class: "uid-pattern-pa
|
|
|
12384
12406
|
} },
|
|
12385
12407
|
setup(e) {
|
|
12386
12408
|
return (t, n) => (T(), c("div", { class: y(["uid-layout-simple", { "uid-layout-simple--full": e.full }]) }, [
|
|
12387
|
-
t.$slots.header ? (T(), c("div",
|
|
12388
|
-
l("main",
|
|
12389
|
-
t.$slots.footer ? (T(), c("div",
|
|
12409
|
+
t.$slots.header ? (T(), c("div", c_, [j(t.$slots, "header")])) : s("", !0),
|
|
12410
|
+
l("main", l_, [j(t.$slots, "default")]),
|
|
12411
|
+
t.$slots.footer ? (T(), c("div", u_, [j(t.$slots, "footer")])) : s("", !0)
|
|
12390
12412
|
], 2));
|
|
12391
12413
|
}
|
|
12392
|
-
}),
|
|
12393
|
-
function
|
|
12394
|
-
let e = h(
|
|
12414
|
+
}), f_ = Symbol("uid-sidebar-layout");
|
|
12415
|
+
function p_() {
|
|
12416
|
+
let e = h(f_);
|
|
12395
12417
|
if (!e) throw Error("useSidebar() must be used inside UidSidebarLayout");
|
|
12396
12418
|
return e;
|
|
12397
12419
|
}
|
|
12398
12420
|
//#endregion
|
|
12399
12421
|
//#region src/layouts/Sidebar/UidSidebarLayout.vue?vue&type=script&setup=true&lang.ts
|
|
12400
|
-
var
|
|
12422
|
+
var m_ = { class: "uid-layout-sidebar__sidebar" }, h_ = { class: "uid-layout-sidebar__main" }, g_ = {
|
|
12401
12423
|
key: 0,
|
|
12402
12424
|
class: "uid-layout-sidebar__main-header"
|
|
12403
|
-
},
|
|
12425
|
+
}, __ = { class: "uid-layout-sidebar__main-content" }, v_ = {
|
|
12404
12426
|
key: 1,
|
|
12405
12427
|
class: "uid-layout-sidebar__main-footer"
|
|
12406
|
-
},
|
|
12428
|
+
}, y_ = /* @__PURE__ */ f({
|
|
12407
12429
|
__name: "UidSidebarLayout",
|
|
12408
12430
|
props: /* @__PURE__ */ g({ sidebarWidth: { default: void 0 } }, {
|
|
12409
12431
|
modelValue: {
|
|
@@ -12421,7 +12443,7 @@ var d_ = { class: "uid-layout-sidebar__sidebar" }, f_ = { class: "uid-layout-sid
|
|
|
12421
12443
|
}, o = () => {
|
|
12422
12444
|
n.value = !0;
|
|
12423
12445
|
};
|
|
12424
|
-
E(
|
|
12446
|
+
E(f_, {
|
|
12425
12447
|
collapsed: n,
|
|
12426
12448
|
toggle: r,
|
|
12427
12449
|
open: i,
|
|
@@ -12432,58 +12454,58 @@ var d_ = { class: "uid-layout-sidebar__sidebar" }, f_ = { class: "uid-layout-sid
|
|
|
12432
12454
|
class: y(["uid-layout-sidebar", { "uid-layout-sidebar--collapsed": n.value }]),
|
|
12433
12455
|
style: b(u.value)
|
|
12434
12456
|
}, [
|
|
12435
|
-
l("aside",
|
|
12457
|
+
l("aside", m_, [j(e.$slots, "sidebar")]),
|
|
12436
12458
|
l("div", {
|
|
12437
12459
|
class: "uid-layout-sidebar__backdrop",
|
|
12438
12460
|
"aria-hidden": "true",
|
|
12439
12461
|
onClick: o
|
|
12440
12462
|
}),
|
|
12441
|
-
l("div",
|
|
12442
|
-
e.$slots.header ? (T(), c("div",
|
|
12443
|
-
l("main",
|
|
12444
|
-
e.$slots.footer ? (T(), c("div",
|
|
12463
|
+
l("div", h_, [
|
|
12464
|
+
e.$slots.header ? (T(), c("div", g_, [j(e.$slots, "header")])) : s("", !0),
|
|
12465
|
+
l("main", __, [j(e.$slots, "default")]),
|
|
12466
|
+
e.$slots.footer ? (T(), c("div", v_, [j(e.$slots, "footer")])) : s("", !0)
|
|
12445
12467
|
])
|
|
12446
12468
|
], 6));
|
|
12447
12469
|
}
|
|
12448
|
-
}),
|
|
12470
|
+
}), b_ = {
|
|
12449
12471
|
key: 0,
|
|
12450
12472
|
class: "uid-layout-auth__brand"
|
|
12451
|
-
},
|
|
12473
|
+
}, x_ = { class: "uid-layout-auth__main" }, S_ = { class: "uid-layout-auth__card" }, C_ = {
|
|
12452
12474
|
key: 0,
|
|
12453
12475
|
class: "uid-layout-auth__footer"
|
|
12454
|
-
},
|
|
12476
|
+
}, w_ = /* @__PURE__ */ f({
|
|
12455
12477
|
__name: "UidAuthLayout",
|
|
12456
12478
|
props: { variant: { default: "centered" } },
|
|
12457
12479
|
setup(e) {
|
|
12458
|
-
return (t, n) => (T(), c("div", { class: y(["uid-layout-auth", [`uid-layout-auth--${e.variant}`]]) }, [e.variant === "split" && t.$slots.brand ? (T(), c("div",
|
|
12480
|
+
return (t, n) => (T(), c("div", { class: y(["uid-layout-auth", [`uid-layout-auth--${e.variant}`]]) }, [e.variant === "split" && t.$slots.brand ? (T(), c("div", b_, [j(t.$slots, "brand")])) : s("", !0), l("div", x_, [l("div", S_, [j(t.$slots, "default")]), t.$slots.footer ? (T(), c("div", C_, [j(t.$slots, "footer")])) : s("", !0)])], 2));
|
|
12459
12481
|
}
|
|
12460
|
-
}),
|
|
12482
|
+
}), T_ = { class: "uid-layout-wizard" }, E_ = {
|
|
12461
12483
|
key: 0,
|
|
12462
12484
|
class: "uid-layout-wizard__header"
|
|
12463
|
-
},
|
|
12485
|
+
}, D_ = {
|
|
12464
12486
|
key: 1,
|
|
12465
12487
|
class: "uid-layout-wizard__stepper"
|
|
12466
|
-
},
|
|
12488
|
+
}, O_ = { class: "uid-layout-wizard__content" }, k_ = {
|
|
12467
12489
|
key: 2,
|
|
12468
12490
|
class: "uid-layout-wizard__nav"
|
|
12469
|
-
},
|
|
12491
|
+
}, A_ = /* @__PURE__ */ f({
|
|
12470
12492
|
__name: "UidWizardLayout",
|
|
12471
12493
|
setup(e) {
|
|
12472
|
-
return (e, t) => (T(), c("div",
|
|
12473
|
-
e.$slots.header ? (T(), c("div",
|
|
12474
|
-
e.$slots.stepper ? (T(), c("div",
|
|
12475
|
-
l("main",
|
|
12476
|
-
e.$slots.nav ? (T(), c("div",
|
|
12494
|
+
return (e, t) => (T(), c("div", T_, [
|
|
12495
|
+
e.$slots.header ? (T(), c("div", E_, [j(e.$slots, "header")])) : s("", !0),
|
|
12496
|
+
e.$slots.stepper ? (T(), c("div", D_, [j(e.$slots, "stepper")])) : s("", !0),
|
|
12497
|
+
l("main", O_, [j(e.$slots, "default")]),
|
|
12498
|
+
e.$slots.nav ? (T(), c("div", k_, [j(e.$slots, "nav")])) : s("", !0)
|
|
12477
12499
|
]));
|
|
12478
12500
|
}
|
|
12479
|
-
}),
|
|
12501
|
+
}), j_ = /* @__PURE__ */ f({
|
|
12480
12502
|
__name: "UidLocaleProvider",
|
|
12481
12503
|
props: { locale: {} },
|
|
12482
12504
|
setup(e) {
|
|
12483
12505
|
let t = e;
|
|
12484
12506
|
return xn(a(() => t.locale)), (e, t) => j(e.$slots, "default");
|
|
12485
12507
|
}
|
|
12486
|
-
}),
|
|
12508
|
+
}), M_ = {
|
|
12487
12509
|
code: "ru-RU",
|
|
12488
12510
|
common: {
|
|
12489
12511
|
clear: "Очистить",
|
|
@@ -12735,19 +12757,19 @@ var d_ = { class: "uid-layout-sidebar__sidebar" }, f_ = { class: "uid-layout-sid
|
|
|
12735
12757
|
sameAs: "Значения не совпадают",
|
|
12736
12758
|
unknown: (e) => `Ошибка валидации: ${e}`
|
|
12737
12759
|
}
|
|
12738
|
-
},
|
|
12739
|
-
function
|
|
12760
|
+
}, N_ = k("light");
|
|
12761
|
+
function P_() {
|
|
12740
12762
|
let e = null;
|
|
12741
12763
|
function t(e) {
|
|
12742
|
-
|
|
12764
|
+
N_.value = e, document.documentElement.dataset.theme = e;
|
|
12743
12765
|
}
|
|
12744
12766
|
function n() {
|
|
12745
|
-
t(
|
|
12767
|
+
t(N_.value === "light" ? "dark" : "light");
|
|
12746
12768
|
}
|
|
12747
12769
|
function r() {
|
|
12748
12770
|
let e = document.documentElement.dataset.theme;
|
|
12749
12771
|
if (e === "light" || e === "dark") {
|
|
12750
|
-
|
|
12772
|
+
N_.value = e;
|
|
12751
12773
|
return;
|
|
12752
12774
|
}
|
|
12753
12775
|
let n = window.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
@@ -12759,7 +12781,7 @@ function j_() {
|
|
|
12759
12781
|
e.addEventListener("change", n), C(() => e?.removeEventListener("change", n));
|
|
12760
12782
|
}
|
|
12761
12783
|
return {
|
|
12762
|
-
theme:
|
|
12784
|
+
theme: N_,
|
|
12763
12785
|
setTheme: t,
|
|
12764
12786
|
toggle: n,
|
|
12765
12787
|
initFromSystem: r,
|
|
@@ -12768,27 +12790,27 @@ function j_() {
|
|
|
12768
12790
|
}
|
|
12769
12791
|
//#endregion
|
|
12770
12792
|
//#region src/composables/useWizard.ts
|
|
12771
|
-
function
|
|
12772
|
-
let e = h(
|
|
12793
|
+
function F_() {
|
|
12794
|
+
let e = h(ag);
|
|
12773
12795
|
if (!e) throw Error("useWizard() must be used inside UidWizard");
|
|
12774
12796
|
return e;
|
|
12775
12797
|
}
|
|
12776
12798
|
//#endregion
|
|
12777
12799
|
//#region src/composables/useCommandPalette.ts
|
|
12778
|
-
var
|
|
12779
|
-
function
|
|
12800
|
+
var I_ = k(!1);
|
|
12801
|
+
function L_() {
|
|
12780
12802
|
return {
|
|
12781
|
-
open:
|
|
12803
|
+
open: I_,
|
|
12782
12804
|
show: () => {
|
|
12783
|
-
|
|
12805
|
+
I_.value = !0;
|
|
12784
12806
|
},
|
|
12785
12807
|
hide: () => {
|
|
12786
|
-
|
|
12808
|
+
I_.value = !1;
|
|
12787
12809
|
},
|
|
12788
12810
|
toggle: () => {
|
|
12789
|
-
|
|
12811
|
+
I_.value = !I_.value;
|
|
12790
12812
|
}
|
|
12791
12813
|
};
|
|
12792
12814
|
}
|
|
12793
12815
|
//#endregion
|
|
12794
|
-
export { xu as PLAYBACK_RATES, $i as UidAccordion, aa as UidAccordionItem,
|
|
12816
|
+
export { xu as PLAYBACK_RATES, $i as UidAccordion, aa as UidAccordionItem, Vf as UidAffix, Mn as UidAlert, Xf as UidAnchor, of as UidAudio, w_ as UidAuthLayout, Ui as UidAvatar, Ki as UidAvatarGroup, zf as UidBackTop, En as UidBadge, oi as UidBreadcrumb, pi as UidBreadcrumbItem, qe as UidButton, Rm as UidCalendar, Bi as UidCard, Np as UidCarousel, wm as UidCascader, Ht as UidCheckbox, Jt as UidCheckboxGroup, _l as UidCode, xo as UidColorPicker, qs as UidCombobox, Mo as UidCommand, ig as UidContainer, Va as UidDatePicker, Os as UidDateRangePicker, jf as UidDescriptionItem, Df as UidDescriptionList, Xi as UidDivider, mr as UidDrawer, $g as UidEmptyState, s_ as UidErrorState, Mc as UidFileUpload, bg as UidFooter, vn as UidFormField, hh as UidGauge, rg as UidGrid, hg as UidHeader, Ch as UidHeatmap, qh as UidHeatmapMatrix, e as UidIcon, su as UidImage, Ai as UidInfiniteScroll, Mt as UidInput, pn as UidLabel, mi as UidLink, Di as UidLoadMore, j_ as UidLocaleProvider, Ql as UidMarkdown, dp as UidMention, Mr as UidMenu, Pr as UidMenuItem, zr as UidMenuSeparator, sr as UidModal, Dp as UidNotificationBadge, Bo as UidNumberInput, Kg as UidPageHeader, Pi as UidPageSize, bi as UidPagination, wi as UidPaginationCursor, Cr as UidPopover, Jn as UidProgress, eh as UidProgressRing, Qt as UidRadio, an as UidRadioGroup, ff as UidRating, Lf as UidResult, ka as UidSelect, Tg as UidSidebar, Ig as UidSidebarDivider, Mg as UidSidebarGroup, kg as UidSidebarItem, y_ as UidSidebarLayout, d_ as UidSimpleLayout, Tn as UidSkeleton, Xa as UidSlider, Jm as UidSparkline, Cn as UidSpinner, hf as UidSplitter, ng as UidStack, wf as UidStat, tg as UidStepper, qr as UidSubMenu, un as UidSwitch, $r as UidTab, ti as UidTabPanel, ha as UidTable, Zr as UidTabs, Ji as UidTag, Ps as UidTagsInput, Lt as UidTextarea, Qo as UidTimePicker, ac as UidTimeline, pc as UidTimelineItem, Rn as UidToast, Hn as UidToastProvider, br as UidTooltip, ip as UidTour, am as UidTransfer, nc as UidTreeItem, wp as UidTreeSelect, ic as UidTreeView, Nd as UidVideo, Ha as UidVirtualList, Wf as UidWatermark, sg as UidWizard, A_ as UidWizardLayout, lg as UidWizardStep, Fu as clearWaveformCache, Tu as computePeaks, Sl as createSlugger, vu as cueAt, _u as cueText, st as email, Je as en, bl as escapeHtml, cu as formatTime, tt as getMessage, Pu as getWaveform, Oh as heatmapColorAt, wh as heatmapColorScales, gt as inList, ut as integer, sl as isHighlightable, fu as isHlsSource, Vl as markdownBlockRenderersKey, ft as max, mt as maxValue, dt as min, pt as minValue, co as normalizeColor, Eu as normalizePeaks, ot as nullable, lt as numeric, pu as orderSources, ao as parseColor, xt as parseRules, yu as parseThumbnail, hu as parseVtt, Ou as peaksToPath, xn as provideLocale, Hl as provideMarkdownBlockRenderers, ht as regex, Pl as renderMarkdown, at as required, vt as requiredIf, yt as requiredUnless, Du as resamplePeaks, El as resolveAgainst, Eh as resolveHeatmapStops, M_ as ru, St as runRules, _t as sameAs, et as setMessages, Qe as setValidationLocale, Bl as splitMarkdown, cl as tokenize, ct as url, L_ as useCommandPalette, Ct as useField, Xn as useFocusTrap, $ as useLocale, Ul as useMarkdownBlockRenderers, ud as useMediaController, _r as usePopover, Qn as useScrollLock, p_ as useSidebar, P_ as useTheme, Vn as useToast, F_ as useWizard };
|