@dskripchenko/ui 1.9.0 → 1.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import { t as e } from "./UidIcon-5947kXOj.js";
2
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, readonly as D, ref as O, renderList as k, renderSlot as A, resolveComponent as j, resolveDynamicComponent as M, shallowRef as N, toDisplayString as P, toRef as F, toValue as I, unref as L, useAttrs as R, useId as z, useModel as B, useSlots as V, vModelDynamic as H, vModelText as U, vShow as W, watch as G, watchEffect as K, withCtx as q, withDirectives as J, withKeys as Y, withModifiers as X } from "vue";
3
- import { AlertCircle as ee, AlertTriangle as te, ArrowDown as ne, ArrowLeft as Z, ArrowUp as re, ArrowUpDown as ie, Calendar as ae, Check as Q, CheckCircle2 as oe, ChevronDown as se, ChevronLeft as ce, ChevronRight as le, ChevronUp as ue, Clock as de, Copy as fe, CornerDownRight as pe, FileText as me, Folder as he, FolderOpen as ge, ImageOff as _e, Info as ve, Minus as ye, Plus as be, Search as xe, ServerCrash as Se, Star as Ce, Upload as we, WifiOff as Te, X as Ee, XCircle as De } from "lucide-vue-next";
3
+ import { AlertCircle as Z, AlertTriangle as ee, ArrowDown as te, ArrowLeft as ne, ArrowUp as re, ArrowUpDown as ie, Calendar as ae, Check as Q, CheckCircle2 as oe, ChevronDown as se, ChevronLeft as ce, ChevronRight as le, ChevronUp as ue, Clock as de, Copy as fe, CornerDownRight as pe, FileText as me, Folder as he, FolderOpen as ge, ImageOff as _e, Info as ve, Minus as ye, Plus as be, Search as xe, ServerCrash as Se, Star as Ce, Upload as we, WifiOff as Te, X as Ee, XCircle as De } from "lucide-vue-next";
4
4
  //#region src/components/Button/UidButton.vue?vue&type=script&setup=true&lang.ts
5
5
  var Oe = [
6
6
  "type",
@@ -247,7 +247,9 @@ var Oe = [
247
247
  heatmap: {
248
248
  summary: (e) => `Тепловая карта активности: ${e} событий`,
249
249
  less: "Меньше",
250
- more: "Больше"
250
+ more: "Больше",
251
+ matrixSummary: (e, t) => `Тепловая карта: ${e} строк × ${t} столбцов`,
252
+ noData: "Нет данных"
251
253
  },
252
254
  validation: {
253
255
  value: "значение",
@@ -1144,8 +1146,8 @@ var on = ["aria-label"], sn = /* @__PURE__ */ f({
1144
1146
  let r = $(), i = t, o = n, u = {
1145
1147
  info: ve,
1146
1148
  success: oe,
1147
- warning: te,
1148
- danger: ee
1149
+ warning: ee,
1150
+ danger: Z
1149
1151
  }, f = a(() => u[i.variant ?? "info"]);
1150
1152
  return (n, i) => (T(), c("div", {
1151
1153
  class: y(["uid-alert", `uid-alert--${t.variant}`]),
@@ -1184,8 +1186,8 @@ var on = ["aria-label"], sn = /* @__PURE__ */ f({
1184
1186
  let r = $(), i = t, o = n, u = {
1185
1187
  info: ve,
1186
1188
  success: oe,
1187
- warning: te,
1188
- danger: ee
1189
+ warning: ee,
1190
+ danger: Z
1189
1191
  }, f = a(() => u[i.variant ?? "info"]);
1190
1192
  return (n, i) => (T(), c("div", {
1191
1193
  class: y(["uid-toast", `uid-toast--${t.variant}`]),
@@ -2051,7 +2053,12 @@ var Cr = /* @__PURE__ */ yr(br, [["render", Sr]]), wr = [
2051
2053
  collapseMenu: {
2052
2054
  type: Boolean,
2053
2055
  default: !0
2054
- }
2056
+ },
2057
+ collapseFirst: {
2058
+ type: Boolean,
2059
+ default: !1
2060
+ },
2061
+ container: { default: null }
2055
2062
  },
2056
2063
  setup(e, { expose: r }) {
2057
2064
  let i = e, u = $(), d = O(0);
@@ -2071,80 +2078,115 @@ var Cr = /* @__PURE__ */ yr(br, [["render", Sr]]), wr = [
2071
2078
  return;
2072
2079
  }
2073
2080
  if (g.value = !0, h.value.length > 0 && (h.value = []), await v(), e !== D) return;
2074
- let t = p.value, n = C(), r = t?.clientWidth ?? 0, a = n.map((e) => e.getBoundingClientRect().width), o = a.reduce((e, t) => e + t, 0), s = [];
2075
- if (r > 0 && o > r && n.length > 2) {
2081
+ let t = p.value, n = C(), r = t?.clientWidth ?? 0, a = n.map((e) => e.getBoundingClientRect().width), o = a.reduce((e, t) => e + t, 0), s = n.slice(1, -1);
2082
+ i.collapseFirst && n.length > 1 && s.push(n[0]);
2083
+ let c = 0;
2084
+ if (r > 0 && o > r && n.length > 1) {
2076
2085
  let e = m.value?.getBoundingClientRect().width ?? 0;
2077
- for (let t = 1; t < n.length - 1 && (s.push(n[t]), o -= a[t], !(o + e <= r)); t++);
2086
+ for (; c < s.length;) {
2087
+ let t = s[c++];
2088
+ if (o -= a[n.indexOf(t)], o + e <= r) break;
2089
+ }
2078
2090
  }
2079
- h.value = s, g.value = !1;
2091
+ let l = (e) => n.filter((t) => s.slice(0, e).includes(t));
2092
+ for (h.value = l(c); t && c > 0 && c < s.length;) {
2093
+ if (await v(), e !== D) return;
2094
+ if (t.scrollWidth <= t.clientWidth + .5) break;
2095
+ h.value = l(++c);
2096
+ }
2097
+ g.value = !1;
2080
2098
  }
2081
2099
  function M() {
2082
2100
  j();
2083
2101
  }
2084
- let I = null, R = null;
2085
- function B() {
2086
- V(), i.collapse && (typeof ResizeObserver < "u" && f.value && (I = new ResizeObserver(M), I.observe(f.value)), typeof MutationObserver < "u" && p.value && (R = new MutationObserver(M), R.observe(p.value, { childList: !0 })));
2087
- }
2102
+ let I = null, R = null, B = /* @__PURE__ */ new WeakMap();
2088
2103
  function V() {
2104
+ let e = i.container;
2105
+ return e ? typeof e == "string" ? f.value?.closest(e) ?? null : e : null;
2106
+ }
2107
+ function H(e) {
2108
+ let t = !1;
2109
+ for (let n of e) {
2110
+ let e = n.contentRect.width;
2111
+ B.get(n.target) !== e && (B.set(n.target, e), t = !0);
2112
+ }
2113
+ t && M();
2114
+ }
2115
+ function U() {
2116
+ if (W(), !i.collapse) return;
2117
+ let e = f.value;
2118
+ if (typeof ResizeObserver < "u" && e) {
2119
+ I = new ResizeObserver(H);
2120
+ let t = new Set([e]);
2121
+ e.parentElement && t.add(e.parentElement);
2122
+ let n = V();
2123
+ n && t.add(n);
2124
+ for (let e of t) I.observe(e);
2125
+ }
2126
+ typeof MutationObserver < "u" && p.value && (R = new MutationObserver(M), R.observe(p.value, { childList: !0 }));
2127
+ }
2128
+ function W() {
2089
2129
  I?.disconnect(), R?.disconnect(), I = null, R = null;
2090
2130
  }
2091
2131
  S(() => {
2092
- B(), M();
2132
+ U(), M();
2093
2133
  }), G(() => i.collapse, () => {
2094
- B(), M(), i.collapse || Z();
2095
- }), x(() => {
2096
- V(), ne();
2134
+ U(), M(), i.collapse || ae();
2135
+ }), G(() => i.container, () => {
2136
+ U(), M();
2137
+ }), G(() => i.collapseFirst, M), x(() => {
2138
+ W(), ie();
2097
2139
  });
2098
- let H = O(!1), U = O(null), W = O(null), K = z(), { floatingStyle: q, update: J } = tr(U, W, {
2140
+ let K = O(!1), q = O(null), J = O(null), Y = z(), { floatingStyle: X, update: Z } = tr(q, J, {
2099
2141
  placement: "bottom-start",
2100
2142
  offset: 4
2101
2143
  });
2102
- function Y(e) {
2144
+ function ee(e) {
2103
2145
  return e.querySelector(":scope > :not(.uid-breadcrumb__separator):not(.uid-breadcrumb__ellipsis)");
2104
2146
  }
2105
- let X = a(() => h.value.map((e) => {
2106
- let t = Y(e), n = t && t.matches("a, button") ? t : null;
2147
+ let te = a(() => h.value.map((e) => {
2148
+ let t = ee(e), n = t && t.matches("a, button") ? t : null;
2107
2149
  return {
2108
2150
  el: e,
2109
2151
  label: t?.textContent?.trim() ?? "",
2110
2152
  target: n
2111
2153
  };
2112
2154
  }));
2113
- function ee() {
2114
- return Array.from(W.value?.querySelectorAll("[role=\"menuitem\"]") ?? []);
2155
+ function ne() {
2156
+ return Array.from(J.value?.querySelectorAll("[role=\"menuitem\"]") ?? []);
2115
2157
  }
2116
- async function te(e) {
2117
- U.value = e, H.value = !0, await v(), J(), ee()[0]?.focus(), document.addEventListener("pointerdown", ie), window.addEventListener("resize", J), window.addEventListener("scroll", J, !0);
2158
+ async function re(e) {
2159
+ q.value = e, K.value = !0, await v(), Z(), ne()[0]?.focus(), document.addEventListener("pointerdown", oe), window.addEventListener("resize", Z), window.addEventListener("scroll", Z, !0);
2118
2160
  }
2119
- function ne() {
2120
- document.removeEventListener("pointerdown", ie), window.removeEventListener("resize", J), window.removeEventListener("scroll", J, !0);
2161
+ function ie() {
2162
+ document.removeEventListener("pointerdown", oe), window.removeEventListener("resize", Z), window.removeEventListener("scroll", Z, !0);
2121
2163
  }
2122
- function Z(e = !1) {
2123
- H.value && (H.value = !1, ne(), e && U.value?.focus());
2164
+ function ae(e = !1) {
2165
+ K.value && (K.value = !1, ie(), e && q.value?.focus());
2124
2166
  }
2125
- function re(e) {
2126
- H.value ? Z() : te(e);
2167
+ function Q(e) {
2168
+ K.value ? ae() : re(e);
2127
2169
  }
2128
- function ie(e) {
2170
+ function oe(e) {
2129
2171
  let t = e.target;
2130
- W.value?.contains(t) || U.value?.contains(t) || Z();
2172
+ J.value?.contains(t) || q.value?.contains(t) || ae();
2131
2173
  }
2132
- function ae(e) {
2133
- e.target && (Z(), e.target.click());
2174
+ function se(e) {
2175
+ e.target && (ae(), e.target.click());
2134
2176
  }
2135
- function Q(e) {
2136
- let t = ee(), n = t.indexOf(document.activeElement);
2137
- 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(), Z(!0)) : e.key === "Tab" && Z();
2177
+ function ce(e) {
2178
+ let t = ne(), n = t.indexOf(document.activeElement);
2179
+ 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(), ae(!0)) : e.key === "Tab" && ae();
2138
2180
  }
2139
2181
  return G(h, (e) => {
2140
- e.length === 0 && Z();
2182
+ e.length === 0 && ae();
2141
2183
  }), E(Br, {
2142
2184
  tick: d,
2143
2185
  hidden: h,
2144
2186
  menu: F(i, "collapseMenu"),
2145
- menuId: K,
2146
- menuOpen: H,
2147
- toggleMenu: re
2187
+ menuId: Y,
2188
+ menuOpen: K,
2189
+ toggleMenu: Q
2148
2190
  }), r({ recompute: j }), (r, i) => (T(), c("nav", {
2149
2191
  ref_key: "navRef",
2150
2192
  ref: f,
@@ -2168,28 +2210,28 @@ var Cr = /* @__PURE__ */ yr(br, [["render", Sr]]), wr = [
2168
2210
  class: "uid-breadcrumb__item uid-breadcrumb__probe",
2169
2211
  style: b({ "--uid-breadcrumb-sep": `'${e.separator}'` }),
2170
2212
  "aria-hidden": "true"
2171
- }, [...i[0] ||= [l("span", { class: "uid-breadcrumb__separator" }, null, -1), l("span", { class: "uid-breadcrumb__ellipsis" }, "…", -1)]], 4)) : s("", !0),
2213
+ }, [i[0] ||= l("span", { class: "uid-breadcrumb__separator" }, null, -1), l("span", { class: y(["uid-breadcrumb__ellipsis", { "uid-breadcrumb__ellipsis--button": e.collapseMenu }]) }, "…", 2)], 4)) : s("", !0),
2172
2214
  e.collapse && e.collapseMenu ? (T(), o(n, {
2173
2215
  key: 1,
2174
2216
  to: "body"
2175
- }, [H.value ? (T(), c("div", {
2217
+ }, [K.value ? (T(), c("div", {
2176
2218
  key: 0,
2177
- id: L(K),
2219
+ id: L(Y),
2178
2220
  ref_key: "menuRef",
2179
- ref: W,
2221
+ ref: J,
2180
2222
  class: "uid-breadcrumb__menu",
2181
2223
  role: "menu",
2182
2224
  "aria-label": L(u).breadcrumb?.showHidden,
2183
- style: b(L(q)),
2184
- onKeydown: Q
2185
- }, [(T(!0), c(t, null, k(X.value, (e, t) => (T(), c("button", {
2225
+ style: b(L(X)),
2226
+ onKeydown: ce
2227
+ }, [(T(!0), c(t, null, k(te.value, (e, t) => (T(), c("button", {
2186
2228
  key: t,
2187
2229
  type: "button",
2188
2230
  role: "menuitem",
2189
2231
  class: "uid-breadcrumb__menu-item",
2190
2232
  tabindex: "-1",
2191
2233
  "aria-disabled": e.target ? void 0 : "true",
2192
- onClick: (t) => ae(e)
2234
+ onClick: (t) => se(e)
2193
2235
  }, P(e.label), 9, Ur))), 128))], 44, Hr)) : s("", !0)])) : s("", !0)
2194
2236
  ], 10, Vr));
2195
2237
  }
@@ -2786,7 +2828,7 @@ var Kr = [
2786
2828
  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")));
2787
2829
  }
2788
2830
  function E(e) {
2789
- return e.sortable ? i.sortKey === e.key ? i.sortDirection === "asc" ? re : i.sortDirection === "desc" ? ne : ie : ie : null;
2831
+ return e.sortable ? i.sortKey === e.key ? i.sortDirection === "asc" ? re : i.sortDirection === "desc" ? te : ie : ie : null;
2790
2832
  }
2791
2833
  function D(e) {
2792
2834
  if (e.sortable) return i.sortKey === e.key ? i.sortDirection === "asc" ? "ascending" : i.sortDirection === "desc" ? "descending" : "none" : "none";
@@ -2833,26 +2875,26 @@ var Kr = [
2833
2875
  let t = /^\s*(\d+(?:\.\d+)?)px\s*$/.exec(e);
2834
2876
  return t ? Number(t[1]) : 0;
2835
2877
  }
2836
- function ee(e) {
2878
+ function Z(e) {
2837
2879
  let t = W.value[e] ?? 0;
2838
2880
  if (t > 0) return t;
2839
2881
  let n = e - +!!i.selectable;
2840
2882
  return n >= 0 ? J(i.columns[n]?.width) : 40;
2841
2883
  }
2842
- let te = a(() => {
2843
- let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = +!!i.selectable, r = H.value ? ee(0) : 0;
2884
+ let ee = a(() => {
2885
+ let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = +!!i.selectable, r = H.value ? Z(0) : 0;
2844
2886
  i.columns.forEach((t, i) => {
2845
- t.fixed === "left" && (e.set(t.key, r), r += ee(i + n));
2887
+ t.fixed === "left" && (e.set(t.key, r), r += Z(i + n));
2846
2888
  }), r = 0;
2847
2889
  for (let e = i.columns.length - 1; e >= 0; e--) {
2848
2890
  let a = i.columns[e];
2849
- a.fixed === "right" && (t.set(a.key, r), r += ee(e + n));
2891
+ a.fixed === "right" && (t.set(a.key, r), r += Z(e + n));
2850
2892
  }
2851
2893
  return {
2852
2894
  left: e,
2853
2895
  right: t
2854
2896
  };
2855
- }), Z = a(() => {
2897
+ }), ne = a(() => {
2856
2898
  let e = i.columns.filter((e) => e.fixed === "left");
2857
2899
  return e.length > 0 ? e[e.length - 1].key : null;
2858
2900
  }), ae = a(() => i.columns.find((e) => e.fixed === "right")?.key ?? null);
@@ -2861,13 +2903,13 @@ var Kr = [
2861
2903
  "uid-table__cell--fixed": !!e.fixed,
2862
2904
  "uid-table__cell--fixed-left": e.fixed === "left",
2863
2905
  "uid-table__cell--fixed-right": e.fixed === "right",
2864
- "uid-table__cell--fixed-left-last": e.fixed === "left" && e.key === Z.value,
2906
+ "uid-table__cell--fixed-left-last": e.fixed === "left" && e.key === ne.value,
2865
2907
  "uid-table__cell--fixed-right-first": e.fixed === "right" && e.key === ae.value
2866
2908
  };
2867
2909
  }
2868
2910
  function oe(e) {
2869
- if (e.fixed === "left") return { left: `${te.value.left.get(e.key) ?? 0}px` };
2870
- if (e.fixed === "right") return { right: `${te.value.right.get(e.key) ?? 0}px` };
2911
+ if (e.fixed === "left") return { left: `${ee.value.left.get(e.key) ?? 0}px` };
2912
+ if (e.fixed === "right") return { right: `${ee.value.right.get(e.key) ?? 0}px` };
2871
2913
  }
2872
2914
  function se(e) {
2873
2915
  let t = { ...oe(e) };
@@ -2876,7 +2918,7 @@ var Kr = [
2876
2918
  let ce = a(() => ({
2877
2919
  "uid-table__cell--fixed": H.value,
2878
2920
  "uid-table__cell--fixed-left": H.value,
2879
- "uid-table__cell--fixed-left-last": H.value && Z.value === null
2921
+ "uid-table__cell--fixed-left-last": H.value && ne.value === null
2880
2922
  })), le = a(() => H.value ? { left: "0px" } : void 0);
2881
2923
  function ue() {
2882
2924
  if (!U.value) return;
@@ -3053,17 +3095,17 @@ var Kr = [
3053
3095
  })), W = a(() => f.multiple ? null : f.options.find((e) => e.value === _.value) ?? null), K = a(() => {
3054
3096
  let e = _.value;
3055
3097
  return Array.isArray(e) ? e : e === null ? [] : [e];
3056
- }), Y = a(() => K.value.map((e) => f.options.find((t) => t.value === e)).filter((e) => !!e)), X = a(() => f.maxTagCount !== void 0 && f.maxTagCount >= 0 ? Y.value.slice(0, f.maxTagCount) : Y.value), ee = a(() => Y.value.length - X.value.length), te = a(() => f.multiple ? K.value.length > 0 : _.value !== null);
3057
- function ne(e) {
3098
+ }), Y = a(() => K.value.map((e) => f.options.find((t) => t.value === e)).filter((e) => !!e)), X = a(() => f.maxTagCount !== void 0 && f.maxTagCount >= 0 ? Y.value.slice(0, f.maxTagCount) : Y.value), Z = a(() => Y.value.length - X.value.length), ee = a(() => f.multiple ? K.value.length > 0 : _.value !== null);
3099
+ function te(e) {
3058
3100
  return f.multiple ? K.value.includes(e.value) : e.value === _.value;
3059
3101
  }
3060
- let Z = a(() => {
3102
+ let ne = a(() => {
3061
3103
  if (!f.searchable || !w.value.trim()) return f.options;
3062
3104
  let e = w.value.toLowerCase();
3063
3105
  return f.options.filter((t) => t.label.toLowerCase().includes(e));
3064
3106
  }), re = a(() => {
3065
3107
  let e = /* @__PURE__ */ new Map();
3066
- for (let t of Z.value) {
3108
+ for (let t of ne.value) {
3067
3109
  let n = t.group ?? "";
3068
3110
  e.has(n) || e.set(n, []), e.get(n).push(t);
3069
3111
  }
@@ -3072,7 +3114,7 @@ var Kr = [
3072
3114
  G(S, async (e) => {
3073
3115
  if (e) {
3074
3116
  w.value = "";
3075
- let e = Z.value.findIndex((e) => ne(e));
3117
+ let e = ne.value.findIndex((e) => te(e));
3076
3118
  E.value = e >= 0 ? e : 0, V(), await v(), R(), requestAnimationFrame(() => R()), f.searchable && N.value?.focus(), ve(), document.addEventListener("pointerdown", fe), window.addEventListener("resize", R), window.addEventListener("scroll", R, !0);
3077
3119
  } else document.removeEventListener("pointerdown", fe), window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0);
3078
3120
  }), G(w, () => {
@@ -3121,13 +3163,13 @@ var Kr = [
3121
3163
  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(), ae(), A.value?.focus());
3122
3164
  }
3123
3165
  function he() {
3124
- E.value = Math.min(E.value + 1, Z.value.length - 1), ve();
3166
+ E.value = Math.min(E.value + 1, ne.value.length - 1), ve();
3125
3167
  }
3126
3168
  function ge() {
3127
3169
  E.value = Math.max(E.value - 1, 0), ve();
3128
3170
  }
3129
3171
  function _e() {
3130
- let e = Z.value[E.value];
3172
+ let e = ne.value[E.value];
3131
3173
  e && le(e);
3132
3174
  }
3133
3175
  function ve() {
@@ -3170,10 +3212,10 @@ var Kr = [
3170
3212
  }, [d(e, {
3171
3213
  icon: L(Ee),
3172
3214
  size: 12
3173
- }, null, 8, ["icon"])], 8, ra))]))), 128)), ee.value > 0 ? (T(), c("span", ia, "+" + P(ee.value), 1)) : s("", !0)])) : (T(), c("span", {
3215
+ }, null, 8, ["icon"])], 8, ra))]))), 128)), Z.value > 0 ? (T(), c("span", ia, "+" + P(Z.value), 1)) : s("", !0)])) : (T(), c("span", {
3174
3216
  key: 1,
3175
3217
  class: y(["uid-select__value", { "uid-select__value--placeholder": !W.value }])
3176
- }, P(W.value?.label ?? m.value), 3)), l("div", aa, [i.clearable && te.value ? (T(), c("button", {
3218
+ }, P(W.value?.label ?? m.value), 3)), l("div", aa, [i.clearable && ee.value ? (T(), c("button", {
3177
3219
  key: 0,
3178
3220
  type: "button",
3179
3221
  class: "uid-select__clear",
@@ -3211,21 +3253,21 @@ var Kr = [
3211
3253
  role: "listbox",
3212
3254
  "aria-multiselectable": i.multiple ? "true" : void 0,
3213
3255
  onKeydown: me
3214
- }, [Z.value.length > 0 ? (T(!0), c(t, { key: 0 }, k(re.value, ([n, r]) => (T(), c(t, { key: n }, [n ? (T(), c("div", ua, P(n), 1)) : s("", !0), (T(!0), c(t, null, k(r, (t) => (T(), c("button", {
3256
+ }, [ne.value.length > 0 ? (T(!0), c(t, { key: 0 }, k(re.value, ([n, r]) => (T(), c(t, { key: n }, [n ? (T(), c("div", ua, P(n), 1)) : s("", !0), (T(!0), c(t, null, k(r, (t) => (T(), c("button", {
3215
3257
  key: t.value,
3216
3258
  type: "button",
3217
3259
  class: y(["uid-select__option", {
3218
- "uid-select__option--selected": ne(t),
3219
- "uid-select__option--active": Z.value.indexOf(t) === E.value,
3260
+ "uid-select__option--selected": te(t),
3261
+ "uid-select__option--active": ne.value.indexOf(t) === E.value,
3220
3262
  "uid-select__option--disabled": t.disabled
3221
3263
  }]),
3222
- "data-active": Z.value.indexOf(t) === E.value ? "true" : void 0,
3264
+ "data-active": ne.value.indexOf(t) === E.value ? "true" : void 0,
3223
3265
  role: "option",
3224
- "aria-selected": ne(t),
3266
+ "aria-selected": te(t),
3225
3267
  "aria-disabled": t.disabled,
3226
3268
  onClick: (e) => le(t),
3227
- onMouseenter: (e) => !t.disabled && (E.value = Z.value.indexOf(t))
3228
- }, [l("span", null, P(t.label), 1), ne(t) ? (T(), o(e, {
3269
+ onMouseenter: (e) => !t.disabled && (E.value = ne.value.indexOf(t))
3270
+ }, [l("span", null, P(t.label), 1), te(t) ? (T(), o(e, {
3229
3271
  key: 0,
3230
3272
  icon: L(Q),
3231
3273
  size: 14,
@@ -3404,24 +3446,24 @@ var ga = [
3404
3446
  if (j.value) {
3405
3447
  e.preventDefault();
3406
3448
  let t = H.value.find((e) => e.iso === j.value);
3407
- t && ne(t);
3449
+ t && te(t);
3408
3450
  }
3409
3451
  break;
3410
3452
  case "Escape":
3411
- e.stopPropagation(), e.preventDefault(), ee(), S.value?.focus();
3453
+ e.stopPropagation(), e.preventDefault(), Z(), S.value?.focus();
3412
3454
  break;
3413
3455
  }
3414
3456
  }
3415
- function ee() {
3457
+ function Z() {
3416
3458
  _.value = !1;
3417
3459
  }
3418
- function te() {
3419
- _.value ? ee() : K();
3460
+ function ee() {
3461
+ _.value ? Z() : K();
3420
3462
  }
3421
- function ne(e) {
3422
- W(e.iso) || (g.value = e.iso, ee(), S.value?.focus());
3463
+ function te(e) {
3464
+ W(e.iso) || (g.value = e.iso, Z(), S.value?.focus());
3423
3465
  }
3424
- function Z() {
3466
+ function ne() {
3425
3467
  F.value === 0 ? (F.value = 11, N.value--) : F.value--;
3426
3468
  }
3427
3469
  function re() {
@@ -3432,13 +3474,13 @@ var ga = [
3432
3474
  }
3433
3475
  function ae(e) {
3434
3476
  let t = e.target;
3435
- !x.value?.contains(t) && !A(t) && ee();
3477
+ !x.value?.contains(t) && !A(t) && Z();
3436
3478
  }
3437
3479
  G(_, (e) => {
3438
3480
  e ? document.addEventListener("pointerdown", ae) : document.removeEventListener("pointerdown", ae);
3439
3481
  });
3440
3482
  function Q(e) {
3441
- e.key === "Enter" || e.key === " " ? (e.preventDefault(), te()) : e.key === "Escape" && _.value && (e.stopPropagation(), ee());
3483
+ e.key === "Enter" || e.key === " " ? (e.preventDefault(), ee()) : e.key === "Escape" && _.value && (e.stopPropagation(), Z());
3442
3484
  }
3443
3485
  return C(() => document.removeEventListener("pointerdown", ae)), (a, u) => (T(), c("div", {
3444
3486
  ref_key: "containerRef",
@@ -3457,7 +3499,7 @@ var ga = [
3457
3499
  "aria-expanded": _.value,
3458
3500
  "aria-label": p.value,
3459
3501
  "aria-disabled": i.disabled,
3460
- onClick: te,
3502
+ onClick: ee,
3461
3503
  onKeydown: Q
3462
3504
  }, [l("span", { class: y(["uid-datepicker__value", { "uid-datepicker__value--placeholder": !g.value }]) }, P(g.value ? V.value : p.value), 3), l("div", _a, [g.value ? (T(), c("button", {
3463
3505
  key: 0,
@@ -3484,7 +3526,7 @@ var ga = [
3484
3526
  type: "button",
3485
3527
  class: "uid-datepicker__nav-btn",
3486
3528
  "aria-label": L(f).datePicker.prevMonth,
3487
- onClick: Z
3529
+ onClick: ne
3488
3530
  }, [d(e, {
3489
3531
  icon: L(ce),
3490
3532
  size: 16
@@ -3521,7 +3563,7 @@ var ga = [
3521
3563
  disabled: W(e.iso),
3522
3564
  "aria-current": e.iso === U.value ? "date" : void 0,
3523
3565
  "aria-selected": e.iso === g.value,
3524
- onClick: (t) => ne(e)
3566
+ onClick: (t) => te(e)
3525
3567
  }, P(e.date.getDate()), 11, wa))), 128))], 544)], 12, ya)) : s("", !0)]),
3526
3568
  _: 1
3527
3569
  })]))], 2));
@@ -3835,7 +3877,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
3835
3877
  let e = K();
3836
3878
  h.value = e, m("change", e), I.value = e.toUpperCase();
3837
3879
  }
3838
- let X = a(() => Ka(h.value)), ee = a(() => X.value ?? h.value ?? null), te = a(() => `hsl(${g.value}, 100%, 50%)`), ne = a(() => `${_.value}%`), Z = a(() => `${100 - v.value}%`), re = a(() => `${g.value / 360 * 100}%`), ie = a(() => `${x.value}%`), [ae, Q, oe] = [
3880
+ let X = a(() => Ka(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}%`), [ae, Q, oe] = [
3839
3881
  a(() => H(g.value, _.value, v.value)[0]),
3840
3882
  a(() => H(g.value, _.value, v.value)[1]),
3841
3883
  a(() => H(g.value, _.value, v.value)[2])
@@ -3958,8 +4000,8 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
3958
4000
  onClick: ke
3959
4001
  }, [l("span", {
3960
4002
  class: "uid-colorpicker__swatch",
3961
- style: b(ee.value ? { background: ee.value } : {})
3962
- }, null, 4), l("span", { class: y(["uid-colorpicker__trigger-label", { "uid-colorpicker__trigger-label--empty": !h.value }]) }, P(ee.value ? ee.value.toUpperCase() : p.value), 3)], 8, qa), (T(), o(n, { to: "body" }, [d(r, { name: "uid-colorpicker-panel" }, {
4003
+ style: b(Z.value ? { background: Z.value } : {})
4004
+ }, null, 4), l("span", { class: y(["uid-colorpicker__trigger-label", { "uid-colorpicker__trigger-label--empty": !h.value }]) }, P(Z.value ? Z.value.toUpperCase() : p.value), 3)], 8, qa), (T(), o(n, { to: "body" }, [d(r, { name: "uid-colorpicker-panel" }, {
3963
4005
  default: q(() => [S.value ? (T(), c("div", {
3964
4006
  key: 0,
3965
4007
  ref_key: "panelRef",
@@ -3973,7 +4015,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
3973
4015
  ref_key: "gradientRef",
3974
4016
  ref: M,
3975
4017
  class: "uid-colorpicker__gradient",
3976
- style: b({ "--_hue": te.value }),
4018
+ style: b({ "--_hue": ee.value }),
3977
4019
  tabindex: "0",
3978
4020
  role: "application",
3979
4021
  "aria-label": L(f).colorPicker.saturation,
@@ -3984,8 +4026,8 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
3984
4026
  }, [l("div", {
3985
4027
  class: "uid-colorpicker__gradient-thumb",
3986
4028
  style: b({
3987
- left: ne.value,
3988
- top: Z.value
4029
+ left: te.value,
4030
+ top: ne.value
3989
4031
  })
3990
4032
  }, null, 4)], 44, Ya),
3991
4033
  l("div", Xa, [l("div", Za, [l("div", {
@@ -4438,17 +4480,17 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
4438
4480
  m: e
4439
4481
  };
4440
4482
  }
4441
- function ee(e) {
4483
+ function Z(e) {
4442
4484
  I.value = {
4443
4485
  ...I.value,
4444
4486
  s: e
4445
4487
  };
4446
4488
  }
4447
- function te() {
4489
+ function ee() {
4448
4490
  let e = F(I.value);
4449
4491
  g.value = e, h("change", e), K(), S.value?.focus();
4450
4492
  }
4451
- function ne() {
4493
+ function te() {
4452
4494
  let e = /* @__PURE__ */ new Date(), t = f.step;
4453
4495
  I.value = {
4454
4496
  h: e.getHours(),
@@ -4456,7 +4498,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
4456
4498
  s: f.withSeconds ? Math.floor(e.getSeconds() / t) * t : 0
4457
4499
  };
4458
4500
  }
4459
- function Z(e) {
4501
+ function ne(e) {
4460
4502
  e.stopPropagation(), g.value = null, h("change", null);
4461
4503
  }
4462
4504
  function re(e) {
@@ -4493,7 +4535,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
4493
4535
  ...I.value,
4494
4536
  [t]: r
4495
4537
  }, Q(t, r);
4496
- } else e.key === "Enter" ? (e.preventDefault(), te()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), K(), S.value?.focus());
4538
+ } else e.key === "Enter" ? (e.preventDefault(), ee()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), K(), S.value?.focus());
4497
4539
  }
4498
4540
  function Q(e, t) {
4499
4541
  let n = {
@@ -4552,7 +4594,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
4552
4594
  type: "button",
4553
4595
  class: "uid-timepicker__clear",
4554
4596
  "aria-label": L(p).common.clear,
4555
- onClick: Z
4597
+ onClick: ne
4556
4598
  }, " × ", 8, Eo)) : s("", !0)
4557
4599
  ], 40, To), (T(), o(n, { to: "body" }, [d(r, { name: "uid-timepicker-panel" }, {
4558
4600
  default: q(() => [_.value ? (T(), c("div", {
@@ -4611,16 +4653,16 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
4611
4653
  role: "option",
4612
4654
  "aria-selected": I.value.s === e,
4613
4655
  tabindex: I.value.s === e ? 0 : -1,
4614
- onClick: (t) => ee(e)
4656
+ onClick: (t) => Z(e)
4615
4657
  }, P(U(e)), 11, Po))), 128))], 40, No)) : s("", !0)
4616
4658
  ]), l("div", Fo, [l("button", {
4617
4659
  type: "button",
4618
4660
  class: "uid-timepicker__btn",
4619
- onClick: ne
4661
+ onClick: te
4620
4662
  }, P(L(p).timePicker.now), 1), l("button", {
4621
4663
  type: "button",
4622
4664
  class: "uid-timepicker__btn uid-timepicker__btn--primary",
4623
- onClick: te
4665
+ onClick: ee
4624
4666
  }, P(L(p).timePicker.confirm), 1)])], 12, Do)) : s("", !0)]),
4625
4667
  _: 1
4626
4668
  })]))], 2));
@@ -4704,7 +4746,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
4704
4746
  return r ? `${n} ${r}` : n;
4705
4747
  }
4706
4748
  let J = a(() => _.value.start ? z(_.value.start) : null), Y = a(() => _.value.end ? z(_.value.end) : null), X = a(() => !_.value.start && !_.value.end ? "" : `${_.value.start ? K(_.value.start) : "..."} — ${_.value.end ? K(_.value.end) : "..."}`);
4707
- function ee(e, t, n) {
4749
+ function Z(e, t, n) {
4708
4750
  let r = new Date(e, t, 1), i = new Date(e, t + 1, 0), a = (r.getDay() + 6) % 7, o = [];
4709
4751
  for (let r = a; r > 0; r--) {
4710
4752
  let i = new Date(e, t, 1 - r);
@@ -4736,10 +4778,10 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
4736
4778
  }
4737
4779
  return o;
4738
4780
  }
4739
- let te = a(() => ee(j.value, M.value, 0)), ne = a(() => {
4781
+ let ee = a(() => Z(j.value, M.value, 0)), te = a(() => {
4740
4782
  let e = M.value === 11 ? 0 : M.value + 1;
4741
- return ee(M.value === 11 ? j.value + 1 : j.value, e, 1);
4742
- }), Z = a(() => `${I.value[M.value]} ${j.value}`), re = a(() => {
4783
+ return Z(M.value === 11 ? j.value + 1 : j.value, e, 1);
4784
+ }), ne = a(() => `${I.value[M.value]} ${j.value}`), re = a(() => {
4743
4785
  let e = M.value === 11 ? 0 : M.value + 1, t = M.value === 11 ? j.value + 1 : j.value;
4744
4786
  return `${I.value[e]} ${t}`;
4745
4787
  }), ie = a(() => W(A));
@@ -4910,7 +4952,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
4910
4952
  icon: L(ce),
4911
4953
  size: 16
4912
4954
  }, null, 8, ["icon"])], 8, Uo),
4913
- l("span", Wo, P(Z.value), 1),
4955
+ l("span", Wo, P(ne.value), 1),
4914
4956
  l("button", {
4915
4957
  type: "button",
4916
4958
  class: "uid-daterange__nav-btn uid-daterange__nav-btn--next",
@@ -4923,7 +4965,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
4923
4965
  ]), l("div", Ko, [(T(!0), c(t, null, k(R.value, (e) => (T(), c("span", {
4924
4966
  key: e,
4925
4967
  class: "uid-daterange__weekday"
4926
- }, P(e), 1))), 128)), (T(!0), c(t, null, k(te.value, (e) => (T(), c("button", {
4968
+ }, P(e), 1))), 128)), (T(!0), c(t, null, k(ee.value, (e) => (T(), c("button", {
4927
4969
  key: e.iso,
4928
4970
  type: "button",
4929
4971
  class: y(["uid-daterange__day", {
@@ -4960,7 +5002,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
4960
5002
  ]), l("div", $o, [(T(!0), c(t, null, k(R.value, (e) => (T(), c("span", {
4961
5003
  key: e,
4962
5004
  class: "uid-daterange__weekday"
4963
- }, P(e), 1))), 128)), (T(!0), c(t, null, k(ne.value, (e) => (T(), c("button", {
5005
+ }, P(e), 1))), 128)), (T(!0), c(t, null, k(te.value, (e) => (T(), c("button", {
4964
5006
  key: e.iso,
4965
5007
  type: "button",
4966
5008
  class: y(["uid-daterange__day", {
@@ -5233,17 +5275,17 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
5233
5275
  function X() {
5234
5276
  E.value = !1, D.value = U.value?.label ?? "";
5235
5277
  }
5236
- function ee(e) {
5278
+ function Z(e) {
5237
5279
  e.disabled || (w.value = e.value, S("change", e.value), D.value = e.label, E.value = !1, M.value?.blur());
5238
5280
  }
5239
- function te() {
5281
+ function ee() {
5240
5282
  let e = D.value.trim();
5241
5283
  e && (S("create", e), E.value = !1);
5242
5284
  }
5243
- function ne(e) {
5285
+ function te(e) {
5244
5286
  e.stopPropagation(), w.value = null, S("change", null), D.value = "", M.value?.focus();
5245
5287
  }
5246
- function Z(e) {
5288
+ function ne(e) {
5247
5289
  D.value = e.target.value, E.value || Y();
5248
5290
  }
5249
5291
  function re() {
@@ -5274,11 +5316,11 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
5274
5316
  }
5275
5317
  function ce() {
5276
5318
  if (K.value && A.value === W.value.length) {
5277
- te();
5319
+ ee();
5278
5320
  return;
5279
5321
  }
5280
5322
  let e = W.value[A.value];
5281
- e && ee(e);
5323
+ e && Z(e);
5282
5324
  }
5283
5325
  function le() {
5284
5326
  v(() => {
@@ -5328,7 +5370,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
5328
5370
  disabled: r.disabled,
5329
5371
  required: r.required,
5330
5372
  value: D.value,
5331
- onInput: Z,
5373
+ onInput: ne,
5332
5374
  onFocus: re,
5333
5375
  onKeydown: ie
5334
5376
  }), null, 16, xs), l("div", Ss, [r.clearable && w.value !== null ? (T(), c("button", {
@@ -5336,7 +5378,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
5336
5378
  type: "button",
5337
5379
  class: "uid-combobox__clear",
5338
5380
  "aria-label": L(h).common.clear,
5339
- onClick: ne
5381
+ onClick: te
5340
5382
  }, [d(e, {
5341
5383
  icon: L(Ee),
5342
5384
  size: 12
@@ -5369,7 +5411,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
5369
5411
  "data-active": n === A.value ? "true" : void 0,
5370
5412
  "aria-selected": t.value === w.value,
5371
5413
  "aria-disabled": t.disabled,
5372
- onClick: (e) => ee(t),
5414
+ onClick: (e) => Z(t),
5373
5415
  onMouseenter: (e) => !t.disabled && (A.value = n)
5374
5416
  }, [
5375
5417
  l("span", Es, P(t.label), 1),
@@ -5389,7 +5431,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
5389
5431
  role: "option",
5390
5432
  class: y(["uid-combobox__option uid-combobox__create", { "uid-combobox__option--active": A.value === W.value.length }]),
5391
5433
  "data-active": A.value === W.value.length ? "true" : void 0,
5392
- onClick: te,
5434
+ onClick: ee,
5393
5435
  onMouseenter: a[0] ||= (e) => A.value = W.value.length
5394
5436
  }, [l("span", ks, P(L(h).combobox.create(D.value)), 1)], 42, Os)) : s("", !0),
5395
5437
  W.value.length === 0 && !K.value ? (T(), c("div", As, P(x.value), 1)) : s("", !0)
@@ -6565,7 +6607,7 @@ var Lc = {
6565
6607
  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, {
6566
6608
  minimumFractionDigits: n.precision,
6567
6609
  maximumFractionDigits: n.precision
6568
- }) : String(n.value)), f = a(() => n.trend === void 0 ? null : n.trend > 0 ? "up" : n.trend < 0 ? "down" : "flat"), p = a(() => f.value === "up" ? re : f.value === "down" ? ne : null), m = a(() => n.trend === void 0 ? "" : `${Math.abs(n.trend).toLocaleString(i.value, { maximumFractionDigits: 2 })}${n.trendSuffix}`);
6610
+ }) : String(n.value)), f = a(() => n.trend === void 0 ? null : n.trend > 0 ? "up" : n.trend < 0 ? "down" : "flat"), p = a(() => f.value === "up" ? re : f.value === "down" ? te : null), m = a(() => n.trend === void 0 ? "" : `${Math.abs(n.trend).toLocaleString(i.value, { maximumFractionDigits: 2 })}${n.trendSuffix}`);
6569
6611
  return (n, r) => (T(), c("div", { class: y(["uid-stat", [
6570
6612
  `uid-stat--${t.tone}`,
6571
6613
  t.variant === "ghost" && "uid-stat--ghost",
@@ -6696,7 +6738,7 @@ var Lc = {
6696
6738
  let n = t, r = {
6697
6739
  success: oe,
6698
6740
  info: ve,
6699
- warning: te,
6741
+ warning: ee,
6700
6742
  error: De
6701
6743
  }, i = a(() => r[n.status]);
6702
6744
  return (n, r) => (T(), c("div", {
@@ -7315,18 +7357,18 @@ var Lc = {
7315
7357
  function Y() {
7316
7358
  v.value ? J() : q();
7317
7359
  }
7318
- function ee(e, t) {
7360
+ function Z(e, t) {
7319
7361
  if (e.length !== t.length) return !1;
7320
7362
  let n = new Set(e);
7321
7363
  return t.every((e) => n.has(e));
7322
7364
  }
7323
- let te = a({
7365
+ let ee = a({
7324
7366
  get: () => H.value,
7325
7367
  set: (e) => {
7326
- ee(e, H.value) || (g.value = [...e], h("change", [...e]));
7368
+ Z(e, H.value) || (g.value = [...e], h("change", [...e]));
7327
7369
  }
7328
7370
  });
7329
- function ne(e) {
7371
+ function te(e) {
7330
7372
  let t = new Set([e]);
7331
7373
  if (!f.checkable || f.checkStrictly) return t;
7332
7374
  let n = I.value.find((t) => t.key === e), r = (e) => {
@@ -7337,7 +7379,7 @@ var Lc = {
7337
7379
  for (; i;) t.add(i.key), i = V.value.get(i.key) ?? null;
7338
7380
  return t;
7339
7381
  }
7340
- function Z(e) {
7382
+ function ne(e) {
7341
7383
  if (f.multiple) {
7342
7384
  let t = Array.isArray(g.value) ? [...g.value] : [], n = t.indexOf(e.key);
7343
7385
  n >= 0 ? t.splice(n, 1) : t.push(e.key), g.value = t, h("change", t);
@@ -7350,7 +7392,7 @@ var Lc = {
7350
7392
  }
7351
7393
  function ie(e, t) {
7352
7394
  if (e.stopPropagation(), !Array.isArray(g.value)) return;
7353
- let n = ne(t), r = g.value.filter((e) => !n.has(e));
7395
+ let n = te(t), r = g.value.filter((e) => !n.has(e));
7354
7396
  g.value = r, h("change", r);
7355
7397
  }
7356
7398
  function ae(e) {
@@ -7429,8 +7471,8 @@ var Lc = {
7429
7471
  key: 0,
7430
7472
  "expanded-keys": _.value,
7431
7473
  "onUpdate:expandedKeys": a[0] ||= (e) => _.value = e,
7432
- "checked-keys": te.value,
7433
- "onUpdate:checkedKeys": a[1] ||= (e) => te.value = e,
7474
+ "checked-keys": ee.value,
7475
+ "onUpdate:checkedKeys": a[1] ||= (e) => ee.value = e,
7434
7476
  nodes: r.nodes,
7435
7477
  selectable: !1,
7436
7478
  checkable: "",
@@ -7453,7 +7495,7 @@ var Lc = {
7453
7495
  selectable: r.multiple ? "multiple" : "single",
7454
7496
  "default-expand-all": r.defaultExpandAll,
7455
7497
  "show-guides": r.showGuides,
7456
- onSelect: Z
7498
+ onSelect: ne
7457
7499
  }, null, 8, [
7458
7500
  "expanded-keys",
7459
7501
  "nodes",
@@ -7952,7 +7994,7 @@ var Lc = {
7952
7994
  t && q(t);
7953
7995
  } else e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), ie(), E.value?.focus());
7954
7996
  }
7955
- function ee(e) {
7997
+ function Z(e) {
7956
7998
  let t = f.options;
7957
7999
  for (let n of e) {
7958
8000
  let e = t.find((e) => e.value === n);
@@ -7961,15 +8003,15 @@ var Lc = {
7961
8003
  }
7962
8004
  return t;
7963
8005
  }
7964
- let te = a(() => {
8006
+ let ee = a(() => {
7965
8007
  let e = [f.options];
7966
8008
  for (let t = 0; t < S.value.length; t++) {
7967
- let n = ee(S.value.slice(0, t + 1));
8009
+ let n = Z(S.value.slice(0, t + 1));
7968
8010
  if (n.length === 0) break;
7969
8011
  e.push(n);
7970
8012
  }
7971
8013
  return e;
7972
- }), ne = a(() => {
8014
+ }), te = a(() => {
7973
8015
  if (m.value.length === 0) return [];
7974
8016
  let e = [], t = f.options;
7975
8017
  for (let n of m.value) {
@@ -7978,7 +8020,7 @@ var Lc = {
7978
8020
  e.push(r), t = r.children ?? [];
7979
8021
  }
7980
8022
  return e;
7981
- }), Z = a(() => ne.value.map((e) => e.label));
8023
+ }), ne = a(() => te.value.map((e) => e.label));
7982
8024
  function re() {
7983
8025
  f.disabled || (_.value = !0);
7984
8026
  }
@@ -8052,7 +8094,7 @@ var Lc = {
8052
8094
  "aria-label": g.value,
8053
8095
  onClick: ae,
8054
8096
  onKeydown: pe
8055
- }, [l("div", nd, [Z.value.length > 0 ? (T(!0), c(t, { key: 0 }, k(Z.value, (e, n) => (T(), c(t, { key: n }, [l("span", null, P(e), 1), n < Z.value.length - 1 ? (T(), c("span", rd, P(r.separator), 1)) : s("", !0)], 64))), 128)) : (T(), c("span", id, P(g.value), 1))]), l("div", ad, [r.clearable && m.value.length > 0 ? (T(), c("button", {
8097
+ }, [l("div", nd, [ne.value.length > 0 ? (T(!0), c(t, { key: 0 }, k(ne.value, (e, n) => (T(), c(t, { key: n }, [l("span", null, P(e), 1), n < ne.value.length - 1 ? (T(), c("span", rd, P(r.separator), 1)) : s("", !0)], 64))), 128)) : (T(), c("span", id, P(g.value), 1))]), l("div", ad, [r.clearable && m.value.length > 0 ? (T(), c("button", {
8056
8098
  key: 0,
8057
8099
  type: "button",
8058
8100
  class: "uid-cascader__clear",
@@ -8101,7 +8143,7 @@ var Lc = {
8101
8143
  onMousedown: a[1] ||= X(() => {}, ["prevent"]),
8102
8144
  onMouseenter: (e) => N.value = n,
8103
8145
  onClick: (t) => q(e)
8104
- }, [(T(!0), c(t, null, k(e.path, (e, n) => (T(), c(t, { key: n }, [n > 0 ? (T(), c("span", dd, P(r.separator), 1)) : s("", !0), l("span", null, [(T(!0), c(t, null, k(W(e.label), (e, n) => (T(), c(t, { key: n }, [e.match ? (T(), c("mark", fd, P(e.text), 1)) : (T(), c(t, { key: 1 }, [u(P(e.text), 1)], 64))], 64))), 128))])], 64))), 128))], 42, ud))), 128)), V.value.length === 0 ? (T(), c("li", pd, P(L(h).common.noResults), 1)) : s("", !0)], 8, ld)) : (T(), c("div", md, [(T(!0), c(t, null, k(te.value, (n, i) => (T(), c("div", {
8146
+ }, [(T(!0), c(t, null, k(e.path, (e, n) => (T(), c(t, { key: n }, [n > 0 ? (T(), c("span", dd, P(r.separator), 1)) : s("", !0), l("span", null, [(T(!0), c(t, null, k(W(e.label), (e, n) => (T(), c(t, { key: n }, [e.match ? (T(), c("mark", fd, P(e.text), 1)) : (T(), c(t, { key: 1 }, [u(P(e.text), 1)], 64))], 64))), 128))])], 64))), 128))], 42, ud))), 128)), V.value.length === 0 ? (T(), c("li", pd, P(L(h).common.noResults), 1)) : s("", !0)], 8, ld)) : (T(), c("div", md, [(T(!0), c(t, null, k(ee.value, (n, i) => (T(), c("div", {
8105
8147
  key: i,
8106
8148
  class: "uid-cascader__column"
8107
8149
  }, [(T(!0), c(t, null, k(n, (t) => (T(), c("button", {
@@ -8812,13 +8854,417 @@ var Lc = {
8812
8854
  l("span", null, P(L(r).heatmap.more), 1)
8813
8855
  ])) : s("", !0)], 12, df));
8814
8856
  }
8815
- }), yf = ["aria-label"], bf = ["aria-current"], xf = { class: "uid-stepper__indicator" }, Sf = {
8857
+ }), yf = {
8858
+ default: ["color-mix(in srgb, var(--uid-heatmap-matrix-color) 14%, var(--uid-color-bg))", "var(--uid-heatmap-matrix-color)"],
8859
+ viridis: [
8860
+ "#440154",
8861
+ "#482878",
8862
+ "#3e4989",
8863
+ "#31688e",
8864
+ "#26828e",
8865
+ "#1f9e89",
8866
+ "#35b779",
8867
+ "#6ece58",
8868
+ "#b5de2b",
8869
+ "#fde725"
8870
+ ],
8871
+ magma: [
8872
+ "#000004",
8873
+ "#1c1044",
8874
+ "#4f127b",
8875
+ "#812581",
8876
+ "#b5367a",
8877
+ "#e55064",
8878
+ "#fb8761",
8879
+ "#fec287",
8880
+ "#fcfdbf"
8881
+ ],
8882
+ plasma: [
8883
+ "#0d0887",
8884
+ "#46039f",
8885
+ "#7201a8",
8886
+ "#9c179e",
8887
+ "#bd3786",
8888
+ "#d8576b",
8889
+ "#ed7953",
8890
+ "#fb9f3a",
8891
+ "#fdca26",
8892
+ "#f0f921"
8893
+ ],
8894
+ inferno: [
8895
+ "#000004",
8896
+ "#1b0c41",
8897
+ "#4a0c6b",
8898
+ "#781c6d",
8899
+ "#a52c60",
8900
+ "#cf4446",
8901
+ "#ed6925",
8902
+ "#fb9b06",
8903
+ "#f7d13d",
8904
+ "#fcffa4"
8905
+ ],
8906
+ blues: [
8907
+ "#deebf7",
8908
+ "#c6dbef",
8909
+ "#9ecae1",
8910
+ "#6baed6",
8911
+ "#4292c6",
8912
+ "#2171b5",
8913
+ "#08519c",
8914
+ "#08306b"
8915
+ ],
8916
+ greens: [
8917
+ "#e5f5e0",
8918
+ "#c7e9c0",
8919
+ "#a1d99b",
8920
+ "#74c476",
8921
+ "#41ab5d",
8922
+ "#238b45",
8923
+ "#006d2c",
8924
+ "#00441b"
8925
+ ],
8926
+ reds: [
8927
+ "#fee0d2",
8928
+ "#fcbba1",
8929
+ "#fc9272",
8930
+ "#fb6a4a",
8931
+ "#ef3b2c",
8932
+ "#cb181d",
8933
+ "#a50f15",
8934
+ "#67000d"
8935
+ ]
8936
+ };
8937
+ function bf(e) {
8938
+ return Object.prototype.hasOwnProperty.call(yf, e);
8939
+ }
8940
+ function xf(e) {
8941
+ if (Array.isArray(e)) {
8942
+ let t = e.filter((e) => typeof e == "string" && e.trim() !== "");
8943
+ return t.length > 0 ? t : [...yf.default];
8944
+ }
8945
+ let t = typeof e == "string" ? e.trim() : "";
8946
+ if (t === "") return [...yf.default];
8947
+ let n = t.toLowerCase();
8948
+ return bf(n) ? [...yf[n]] : Sf(t) ? [`color-mix(in srgb, ${t} 14%, var(--uid-color-bg))`, t] : [...yf.default];
8949
+ }
8950
+ function Sf(e) {
8951
+ 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);
8952
+ }
8953
+ function Cf(e, t) {
8954
+ if (e.length === 0) return "transparent";
8955
+ if (e.length === 1) return e[0];
8956
+ 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;
8957
+ return i <= 5e-4 ? e[r] : i >= .9995 ? e[r + 1] : `color-mix(in srgb, ${e[r + 1]} ${(i * 100).toFixed(1)}%, ${e[r]})`;
8958
+ }
8959
+ function wf(e) {
8960
+ return e.length === 1 ? e[0] : `linear-gradient(to right, ${e.join(", ")})`;
8961
+ }
8962
+ //#endregion
8963
+ //#region src/components/Heatmap/UidHeatmapMatrix.vue?vue&type=script&setup=true&lang.ts
8964
+ var Tf = { class: "uid-heatmap-matrix__scroll" }, Ef = [
8965
+ "aria-label",
8966
+ "aria-rowcount",
8967
+ "aria-colcount"
8968
+ ], Df = {
8969
+ class: "uid-heatmap-matrix__row uid-heatmap-matrix__row--head",
8970
+ role: "row",
8971
+ "aria-rowindex": "1"
8972
+ }, Of = ["aria-colindex", "aria-label"], kf = ["title"], Af = ["aria-rowindex"], jf = ["title"], Mf = [
8973
+ "aria-colindex",
8974
+ "aria-label",
8975
+ "tabindex",
8976
+ "data-r",
8977
+ "data-c",
8978
+ "onMouseenter",
8979
+ "onFocus"
8980
+ ], Nf = { class: "uid-heatmap-matrix__tooltip-label" }, Pf = { class: "uid-heatmap-matrix__tooltip-value" }, Ff = {
8816
8981
  key: 1,
8982
+ class: "uid-heatmap-matrix__legend",
8817
8983
  "aria-hidden": "true"
8818
- }, Cf = { class: "uid-stepper__content" }, wf = { class: "uid-stepper__label" }, Tf = {
8984
+ }, If = { class: "uid-heatmap-matrix__legend-value" }, Lf = { class: "uid-heatmap-matrix__legend-value" }, Rf = {
8985
+ key: 0,
8986
+ class: "uid-heatmap-matrix__legend-empty"
8987
+ }, zf = 11, Bf = 96, Vf = 18, Hf = /* @__PURE__ */ f({
8988
+ __name: "UidHeatmapMatrix",
8989
+ props: {
8990
+ rows: {},
8991
+ cols: {},
8992
+ values: {},
8993
+ colorScale: { default: "default" },
8994
+ min: { default: void 0 },
8995
+ max: { default: void 0 },
8996
+ formatValue: {
8997
+ type: Function,
8998
+ default: void 0
8999
+ },
9000
+ cellHeight: { default: 20 },
9001
+ minCellWidth: { default: 10 },
9002
+ gap: { default: 2 },
9003
+ colLabels: { default: "auto" },
9004
+ showLegend: {
9005
+ type: Boolean,
9006
+ default: !0
9007
+ },
9008
+ ariaLabel: { default: void 0 }
9009
+ },
9010
+ setup(e) {
9011
+ let n = e, r = $(), i = Math.SQRT1_2, o = O(null), d = O([]), f = O(null), p = O(0), m = O(0);
9012
+ function h(e, t) {
9013
+ let r = n.values[e]?.[t];
9014
+ return typeof r == "number" && Number.isFinite(r) ? r : null;
9015
+ }
9016
+ let g = a(() => n.rows.map((e, t) => n.cols.map((e, n) => h(t, n)))), _ = a(() => {
9017
+ let e = Infinity, t = -Infinity;
9018
+ for (let n of g.value) for (let r of n) r !== null && (r < e && (e = r), r > t && (t = r));
9019
+ return e === Infinity && (e = 0, t = 0), {
9020
+ min: typeof n.min == "number" ? n.min : e,
9021
+ max: typeof n.max == "number" ? n.max : t
9022
+ };
9023
+ }), C = a(() => g.value.some((e) => e.some((e) => e === null))), w = a(() => xf(n.colorScale));
9024
+ function E(e) {
9025
+ let { min: t, max: n } = _.value;
9026
+ return n <= t ? +(e > t) : (e - t) / (n - t);
9027
+ }
9028
+ function D(e) {
9029
+ if (e !== null) return Cf(w.value, E(e));
9030
+ }
9031
+ function j(e) {
9032
+ return n.formatValue ? n.formatValue(e) : new Intl.NumberFormat(r.value.code).format(e);
9033
+ }
9034
+ function M(e) {
9035
+ return e === null ? r.value.heatmap.noData : j(e);
9036
+ }
9037
+ function N(e, t) {
9038
+ return {
9039
+ row: n.rows[e] ?? "",
9040
+ col: n.cols[t] ?? "",
9041
+ rowIndex: e,
9042
+ colIndex: t,
9043
+ value: g.value[e]?.[t] ?? null
9044
+ };
9045
+ }
9046
+ function F(e, t) {
9047
+ let n = N(e, t);
9048
+ return `${n.row} × ${n.col}: ${M(n.value)}`;
9049
+ }
9050
+ function I(e) {
9051
+ return Math.min(Bf, e.length * zf * .6);
9052
+ }
9053
+ let R = a(() => n.cols.reduce((e, t) => Math.max(e, I(t)), 0)), z = a(() => {
9054
+ let e = n.cols.length, t = p.value, r = n.colLabels;
9055
+ if (e === 0 || t <= 0) return {
9056
+ mode: r === "rotated" ? "rotated" : "horizontal",
9057
+ step: 1,
9058
+ reserve: 0
9059
+ };
9060
+ let a = t - 4 - m.value - n.gap * e, o = Math.max(n.minCellWidth, a / e), s = R.value, c = Math.max(1, Math.ceil((s + 6) / o)), l = (s + zf) * 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(Vf / u));
9061
+ return r === "horizontal" ? {
9062
+ mode: "horizontal",
9063
+ step: c,
9064
+ reserve: 0
9065
+ } : r === "rotated" ? {
9066
+ mode: "rotated",
9067
+ step: f,
9068
+ reserve: d
9069
+ } : c === 1 || f >= c ? {
9070
+ mode: "horizontal",
9071
+ step: c,
9072
+ reserve: 0
9073
+ } : {
9074
+ mode: "rotated",
9075
+ step: f,
9076
+ reserve: d
9077
+ };
9078
+ });
9079
+ function B(e) {
9080
+ return e % z.value.step === 0;
9081
+ }
9082
+ let V = a(() => z.value.mode === "horizontal" ? 18 : Math.ceil((R.value + 14) * i) + 6), H = a(() => ({
9083
+ "--uid-heatmap-matrix-cols": String(n.cols.length),
9084
+ "--uid-heatmap-matrix-cell-height": `${n.cellHeight}px`,
9085
+ "--uid-heatmap-matrix-min-cell": `${n.minCellWidth}px`,
9086
+ "--uid-heatmap-matrix-gap": `${n.gap}px`,
9087
+ "--uid-heatmap-matrix-header-height": `${V.value}px`
9088
+ })), U = a(() => z.value.reserve > 0 ? { paddingInlineEnd: `${z.value.reserve}px` } : void 0), W = a(() => wf(w.value)), K = a(() => n.ariaLabel ?? r.value.heatmap.matrixSummary(n.rows.length, n.cols.length)), q = O({
9089
+ r: 0,
9090
+ c: 0
9091
+ }), J = O(null), Y = O(!1), X = a(() => J.value ?? (Y.value ? q.value : null)), Z = a(() => X.value ? N(X.value.r, X.value.c) : null), ee = O({});
9092
+ async function te() {
9093
+ let e = X.value, t = o.value;
9094
+ if (!e || !t) return;
9095
+ let n = t.querySelector(`[data-r="${e.r}"][data-c="${e.c}"]`);
9096
+ if (!n) return;
9097
+ let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = i.left - r.left + i.width / 2, s = i.top - r.top;
9098
+ ee.value = {
9099
+ left: `${a}px`,
9100
+ top: `${s}px`
9101
+ }, await v();
9102
+ let c = f.value;
9103
+ if (!c) return;
9104
+ let l = c.offsetWidth / 2, u = r.width - l, d = Math.max(l, Math.min(u, a));
9105
+ u >= l && d !== a && (ee.value = {
9106
+ left: `${d}px`,
9107
+ top: `${s}px`
9108
+ });
9109
+ }
9110
+ G(X, () => {
9111
+ te();
9112
+ });
9113
+ function ne(e, t) {
9114
+ J.value = {
9115
+ r: e,
9116
+ c: t
9117
+ };
9118
+ }
9119
+ function re() {
9120
+ J.value = null;
9121
+ }
9122
+ function ie(e, t) {
9123
+ q.value = {
9124
+ r: e,
9125
+ c: t
9126
+ }, Y.value = !0;
9127
+ }
9128
+ function ae(e) {
9129
+ let t = e.relatedTarget;
9130
+ (!t || !o.value?.contains(t)) && (Y.value = !1);
9131
+ }
9132
+ function Q(e, t) {
9133
+ let r = n.rows.length, i = n.cols.length;
9134
+ if (r === 0 || i === 0) return;
9135
+ let a = Math.max(0, Math.min(r - 1, e)), s = Math.max(0, Math.min(i - 1, t));
9136
+ q.value = {
9137
+ r: a,
9138
+ c: s
9139
+ }, J.value = null, v(() => {
9140
+ o.value?.querySelector(`[data-r="${a}"][data-c="${s}"]`)?.focus();
9141
+ });
9142
+ }
9143
+ function oe(e) {
9144
+ let { r: t, c: r } = q.value, i = {
9145
+ r: n.rows.length - 1,
9146
+ c: n.cols.length - 1
9147
+ }, a = {
9148
+ ArrowRight: () => Q(t, r + 1),
9149
+ ArrowLeft: () => Q(t, r - 1),
9150
+ ArrowDown: () => Q(t + 1, r),
9151
+ ArrowUp: () => Q(t - 1, r),
9152
+ Home: () => e.ctrlKey ? Q(0, 0) : Q(t, 0),
9153
+ End: () => e.ctrlKey ? Q(i.r, i.c) : Q(t, i.c),
9154
+ PageUp: () => Q(0, r),
9155
+ PageDown: () => Q(i.r, r),
9156
+ Escape: () => {
9157
+ J.value = null, Y.value = !1;
9158
+ }
9159
+ }[e.key];
9160
+ a && (e.preventDefault(), a());
9161
+ }
9162
+ G(() => [n.rows.length, n.cols.length], ([e, t]) => {
9163
+ let { r: n, c: r } = q.value;
9164
+ (n >= e || r >= t) && (q.value = {
9165
+ r: 0,
9166
+ c: 0
9167
+ });
9168
+ });
9169
+ function se() {
9170
+ let e = o.value;
9171
+ e && (p.value = e.getBoundingClientRect().width, m.value = d.value.reduce((e, t) => Math.max(e, t.getBoundingClientRect().width), 0));
9172
+ }
9173
+ let ce = null;
9174
+ return S(() => {
9175
+ se(), typeof ResizeObserver < "u" && o.value && (ce = new ResizeObserver(() => se()), ce.observe(o.value));
9176
+ }), G(() => n.rows, () => {
9177
+ v(se);
9178
+ }), x(() => {
9179
+ ce?.disconnect(), ce = null;
9180
+ }), (n, i) => (T(), c("div", {
9181
+ ref_key: "rootRef",
9182
+ ref: o,
9183
+ class: y(["uid-heatmap-matrix", `uid-heatmap-matrix--labels-${z.value.mode}`]),
9184
+ style: b(H.value)
9185
+ }, [
9186
+ l("div", Tf, [l("div", {
9187
+ class: "uid-heatmap-matrix__grid",
9188
+ role: "grid",
9189
+ style: b(U.value),
9190
+ "aria-label": K.value,
9191
+ "aria-rowcount": e.rows.length + 1,
9192
+ "aria-colcount": e.cols.length + 1,
9193
+ onMouseleave: re,
9194
+ onKeydown: oe
9195
+ }, [l("div", Df, [i[0] ||= l("div", {
9196
+ class: "uid-heatmap-matrix__corner",
9197
+ role: "columnheader",
9198
+ "aria-colindex": "1"
9199
+ }, null, -1), (T(!0), c(t, null, k(e.cols, (e, t) => (T(), c("div", {
9200
+ key: `h-${t}`,
9201
+ class: "uid-heatmap-matrix__col-header",
9202
+ role: "columnheader",
9203
+ "aria-colindex": t + 2,
9204
+ "aria-label": e
9205
+ }, [l("span", {
9206
+ class: y(["uid-heatmap-matrix__col-label", { "uid-heatmap-matrix__col-label--hidden": !B(t) }]),
9207
+ title: e,
9208
+ "aria-hidden": "true"
9209
+ }, P(e), 11, kf)], 8, Of))), 128))]), (T(!0), c(t, null, k(e.rows, (n, r) => (T(), c("div", {
9210
+ key: `r-${r}`,
9211
+ class: "uid-heatmap-matrix__row",
9212
+ role: "row",
9213
+ "aria-rowindex": r + 2
9214
+ }, [l("div", {
9215
+ ref_for: !0,
9216
+ ref_key: "rowHeaderRef",
9217
+ ref: d,
9218
+ class: "uid-heatmap-matrix__row-header",
9219
+ role: "rowheader",
9220
+ "aria-colindex": "1",
9221
+ title: n
9222
+ }, P(n), 9, jf), (T(!0), c(t, null, k(e.cols, (e, t) => (T(), c("div", {
9223
+ key: `c-${r}-${t}`,
9224
+ class: y(["uid-heatmap-matrix__cell", {
9225
+ "uid-heatmap-matrix__cell--empty": g.value[r][t] === null,
9226
+ "uid-heatmap-matrix__cell--active": X.value && X.value.r === r && X.value.c === t
9227
+ }]),
9228
+ role: "gridcell",
9229
+ "aria-colindex": t + 2,
9230
+ "aria-label": F(r, t),
9231
+ tabindex: q.value.r === r && q.value.c === t ? 0 : -1,
9232
+ "data-r": r,
9233
+ "data-c": t,
9234
+ style: b(g.value[r][t] === null ? void 0 : { background: D(g.value[r][t]) }),
9235
+ onMouseenter: (e) => ne(r, t),
9236
+ onFocus: (e) => ie(r, t),
9237
+ onBlur: ae
9238
+ }, null, 46, Mf))), 128))], 8, Af))), 128))], 44, Ef)]),
9239
+ Z.value ? (T(), c("div", {
9240
+ key: 0,
9241
+ ref_key: "tooltipRef",
9242
+ ref: f,
9243
+ class: "uid-heatmap-matrix__tooltip",
9244
+ role: "tooltip",
9245
+ style: b(ee.value)
9246
+ }, [A(n.$slots, "tooltip", {
9247
+ cell: Z.value,
9248
+ formatted: M(Z.value.value)
9249
+ }, () => [l("span", Nf, P(Z.value.row) + " × " + P(Z.value.col), 1), l("strong", Pf, P(M(Z.value.value)), 1)])], 4)) : s("", !0),
9250
+ e.showLegend && e.rows.length > 0 && e.cols.length > 0 ? (T(), c("div", Ff, [
9251
+ l("span", If, P(j(_.value.min)), 1),
9252
+ l("span", {
9253
+ class: "uid-heatmap-matrix__legend-bar",
9254
+ style: b({ background: W.value })
9255
+ }, null, 4),
9256
+ l("span", Lf, P(j(_.value.max)), 1),
9257
+ C.value ? (T(), c("span", Rf, [i[1] ||= l("span", { class: "uid-heatmap-matrix__legend-swatch" }, null, -1), u(" " + P(L(r).heatmap.noData), 1)])) : s("", !0)
9258
+ ])) : s("", !0)
9259
+ ], 6));
9260
+ }
9261
+ }), Uf = ["aria-label"], Wf = ["aria-current"], Gf = { class: "uid-stepper__indicator" }, Kf = {
9262
+ key: 1,
9263
+ "aria-hidden": "true"
9264
+ }, qf = { class: "uid-stepper__content" }, Jf = { class: "uid-stepper__label" }, Yf = {
8819
9265
  key: 0,
8820
9266
  class: "uid-stepper__description"
8821
- }, Ef = /* @__PURE__ */ f({
9267
+ }, Xf = /* @__PURE__ */ f({
8822
9268
  __name: "UidStepper",
8823
9269
  props: {
8824
9270
  steps: {},
@@ -8847,20 +9293,20 @@ var Lc = {
8847
9293
  class: y(["uid-stepper__target", { "uid-stepper__target--selectable": d(r) }]),
8848
9294
  onClick: (e) => d(r) && u("select", r)
8849
9295
  }, {
8850
- default: q(() => [l("div", xf, [f(r, n.current) === "completed" ? (T(), o(e, {
9296
+ default: q(() => [l("div", Gf, [f(r, n.current) === "completed" ? (T(), o(e, {
8851
9297
  key: 0,
8852
9298
  icon: L(Q),
8853
9299
  size: 16,
8854
9300
  "aria-hidden": "true"
8855
- }, null, 8, ["icon"])) : (T(), c("span", Sf, P(r + 1), 1))]), l("div", Cf, [l("span", wf, P(t.label), 1), t.description ? (T(), c("span", Tf, P(t.description), 1)) : s("", !0)])]),
9301
+ }, null, 8, ["icon"])) : (T(), c("span", Kf, P(r + 1), 1))]), l("div", qf, [l("span", Jf, P(t.label), 1), t.description ? (T(), c("span", Yf, P(t.description), 1)) : s("", !0)])]),
8856
9302
  _: 2
8857
9303
  }, 1032, [
8858
9304
  "type",
8859
9305
  "class",
8860
9306
  "onClick"
8861
- ]))], 10, bf))), 128))], 10, yf));
9307
+ ]))], 10, Wf))), 128))], 10, Uf));
8862
9308
  }
8863
- }), Df = /* @__PURE__ */ f({
9309
+ }), Zf = /* @__PURE__ */ f({
8864
9310
  __name: "UidStack",
8865
9311
  props: {
8866
9312
  direction: { default: "column" },
@@ -8906,7 +9352,7 @@ var Lc = {
8906
9352
  _: 3
8907
9353
  }, 8, ["class", "style"]));
8908
9354
  }
8909
- }), Of = /* @__PURE__ */ f({
9355
+ }), Qf = /* @__PURE__ */ f({
8910
9356
  __name: "UidGrid",
8911
9357
  props: {
8912
9358
  cols: { default: 12 },
@@ -8941,7 +9387,7 @@ var Lc = {
8941
9387
  _: 3
8942
9388
  }, 8, ["style"]));
8943
9389
  }
8944
- }), kf = /* @__PURE__ */ f({
9390
+ }), $f = /* @__PURE__ */ f({
8945
9391
  __name: "UidContainer",
8946
9392
  props: {
8947
9393
  size: { default: "lg" },
@@ -8957,7 +9403,7 @@ var Lc = {
8957
9403
  _: 3
8958
9404
  }, 8, ["class"]));
8959
9405
  }
8960
- }), Af = Symbol("uid-wizard"), jf = { class: "uid-wizard" }, Mf = /* @__PURE__ */ f({
9406
+ }), ep = Symbol("uid-wizard"), tp = { class: "uid-wizard" }, np = /* @__PURE__ */ f({
8961
9407
  __name: "UidWizard",
8962
9408
  props: /* @__PURE__ */ g({ steps: {} }, {
8963
9409
  modelValue: { default: 0 },
@@ -8982,7 +9428,7 @@ var Lc = {
8982
9428
  function m(e) {
8983
9429
  i.delete(e);
8984
9430
  }
8985
- return E(Af, {
9431
+ return E(ep, {
8986
9432
  current: r,
8987
9433
  steps: o,
8988
9434
  isFirst: s,
@@ -8999,9 +9445,9 @@ var Lc = {
8999
9445
  goTo: f,
9000
9446
  isFirst: s,
9001
9447
  isLast: l
9002
- }), (e, t) => (T(), c("div", jf, [A(e.$slots, "default")]));
9448
+ }), (e, t) => (T(), c("div", tp, [A(e.$slots, "default")]));
9003
9449
  }
9004
- }), Nf = ["aria-label"], Pf = /* @__PURE__ */ f({
9450
+ }), rp = ["aria-label"], ip = /* @__PURE__ */ f({
9005
9451
  __name: "UidWizardStep",
9006
9452
  props: {
9007
9453
  index: {},
@@ -9011,7 +9457,7 @@ var Lc = {
9011
9457
  }
9012
9458
  },
9013
9459
  setup(e) {
9014
- let t = e, n = $(), r = h(Af);
9460
+ let t = e, n = $(), r = h(ep);
9015
9461
  if (!r) throw Error("UidWizardStep must be inside UidWizard");
9016
9462
  G(() => t.validate, (e, n) => {
9017
9463
  n !== void 0 && r.unregisterValidator(t.index), e !== void 0 && r.registerValidator(t.index, e);
@@ -9022,18 +9468,18 @@ var Lc = {
9022
9468
  class: "uid-wizard-step",
9023
9469
  role: "tabpanel",
9024
9470
  "aria-label": L(n).wizard.step(e.index + 1)
9025
- }, [A(t.$slots, "default")], 8, Nf)) : s("", !0);
9471
+ }, [A(t.$slots, "default")], 8, rp)) : s("", !0);
9026
9472
  }
9027
- }), Ff = { class: "uid-pattern-header__inner" }, If = {
9473
+ }), ap = { class: "uid-pattern-header__inner" }, op = {
9028
9474
  key: 0,
9029
9475
  class: "uid-pattern-header__logo"
9030
- }, Lf = ["aria-label"], Rf = {
9476
+ }, sp = ["aria-label"], cp = {
9031
9477
  key: 2,
9032
9478
  class: "uid-pattern-header__actions"
9033
- }, zf = {
9479
+ }, lp = {
9034
9480
  key: 3,
9035
9481
  class: "uid-pattern-header__mobile"
9036
- }, Bf = /* @__PURE__ */ f({
9482
+ }, up = /* @__PURE__ */ f({
9037
9483
  __name: "UidHeader",
9038
9484
  props: {
9039
9485
  sticky: {
@@ -9055,39 +9501,39 @@ var Lc = {
9055
9501
  "uid-pattern-header--sticky": e.sticky,
9056
9502
  "uid-pattern-header--bordered": e.bordered,
9057
9503
  "uid-pattern-header--transparent": e.transparent
9058
- }]) }, [l("div", Ff, [
9059
- n.$slots.logo ? (T(), c("div", If, [A(n.$slots, "logo")])) : s("", !0),
9504
+ }]) }, [l("div", ap, [
9505
+ n.$slots.logo ? (T(), c("div", op, [A(n.$slots, "logo")])) : s("", !0),
9060
9506
  n.$slots.nav ? (T(), c("nav", {
9061
9507
  key: 1,
9062
9508
  class: "uid-pattern-header__nav",
9063
9509
  "aria-label": L(t).header.nav
9064
- }, [A(n.$slots, "nav")], 8, Lf)) : s("", !0),
9065
- n.$slots.actions ? (T(), c("div", Rf, [A(n.$slots, "actions")])) : s("", !0),
9066
- n.$slots.mobile ? (T(), c("div", zf, [A(n.$slots, "mobile")])) : s("", !0)
9510
+ }, [A(n.$slots, "nav")], 8, sp)) : s("", !0),
9511
+ n.$slots.actions ? (T(), c("div", cp, [A(n.$slots, "actions")])) : s("", !0),
9512
+ n.$slots.mobile ? (T(), c("div", lp, [A(n.$slots, "mobile")])) : s("", !0)
9067
9513
  ])], 2));
9068
9514
  }
9069
- }), Vf = { class: "uid-pattern-footer__inner" }, Hf = {
9515
+ }), dp = { class: "uid-pattern-footer__inner" }, fp = {
9070
9516
  key: 0,
9071
9517
  class: "uid-pattern-footer__columns"
9072
- }, Uf = {
9518
+ }, pp = {
9073
9519
  key: 1,
9074
9520
  class: "uid-pattern-footer__content"
9075
- }, Wf = {
9521
+ }, mp = {
9076
9522
  key: 2,
9077
9523
  class: "uid-pattern-footer__bottom"
9078
- }, Gf = /* @__PURE__ */ f({
9524
+ }, hp = /* @__PURE__ */ f({
9079
9525
  __name: "UidFooter",
9080
9526
  props: { variant: { default: "minimal" } },
9081
9527
  setup(e) {
9082
- return (t, n) => (T(), c("footer", { class: y(["uid-pattern-footer", `uid-pattern-footer--${e.variant}`]) }, [l("div", Vf, [t.$slots.columns ? (T(), c("div", Hf, [A(t.$slots, "columns")])) : t.$slots.default ? (T(), c("div", Uf, [A(t.$slots, "default")])) : s("", !0), t.$slots.bottom ? (T(), c("div", Wf, [A(t.$slots, "bottom")])) : s("", !0)])], 2));
9528
+ return (t, n) => (T(), c("footer", { class: y(["uid-pattern-footer", `uid-pattern-footer--${e.variant}`]) }, [l("div", dp, [t.$slots.columns ? (T(), c("div", fp, [A(t.$slots, "columns")])) : t.$slots.default ? (T(), c("div", pp, [A(t.$slots, "default")])) : s("", !0), t.$slots.bottom ? (T(), c("div", mp, [A(t.$slots, "bottom")])) : s("", !0)])], 2));
9083
9529
  }
9084
- }), Kf = ["aria-label"], qf = {
9530
+ }), gp = ["aria-label"], _p = {
9085
9531
  key: 0,
9086
9532
  class: "uid-pattern-sidebar__header"
9087
- }, Jf = ["aria-label"], Yf = {
9533
+ }, vp = ["aria-label"], yp = {
9088
9534
  key: 1,
9089
9535
  class: "uid-pattern-sidebar__footer"
9090
- }, Xf = /* @__PURE__ */ f({
9536
+ }, bp = /* @__PURE__ */ f({
9091
9537
  __name: "UidSidebar",
9092
9538
  props: {
9093
9539
  collapsed: {
@@ -9104,22 +9550,22 @@ var Lc = {
9104
9550
  style: b(e.width && !e.collapsed ? { "--uid-sidebar-width": e.width } : void 0),
9105
9551
  "aria-label": L(t).sidebar.label
9106
9552
  }, [
9107
- n.$slots.header ? (T(), c("div", qf, [A(n.$slots, "header")])) : s("", !0),
9553
+ n.$slots.header ? (T(), c("div", _p, [A(n.$slots, "header")])) : s("", !0),
9108
9554
  l("nav", {
9109
9555
  class: "uid-pattern-sidebar__nav",
9110
9556
  "aria-label": L(t).sidebar.nav
9111
- }, [A(n.$slots, "nav")], 8, Jf),
9112
- n.$slots.footer ? (T(), c("div", Yf, [A(n.$slots, "footer")])) : s("", !0)
9113
- ], 14, Kf));
9557
+ }, [A(n.$slots, "nav")], 8, vp),
9558
+ n.$slots.footer ? (T(), c("div", yp, [A(n.$slots, "footer")])) : s("", !0)
9559
+ ], 14, gp));
9114
9560
  }
9115
- }), Zf = {
9561
+ }), xp = {
9116
9562
  key: 0,
9117
9563
  class: "uid-sidebar-item__icon",
9118
9564
  "aria-hidden": "true"
9119
- }, Qf = { class: "uid-sidebar-item__label" }, $f = {
9565
+ }, Sp = { class: "uid-sidebar-item__label" }, Cp = {
9120
9566
  key: 1,
9121
9567
  class: "uid-sidebar-item__badge"
9122
- }, ep = /* @__PURE__ */ f({
9568
+ }, wp = /* @__PURE__ */ f({
9123
9569
  __name: "UidSidebarItem",
9124
9570
  props: {
9125
9571
  href: { default: void 0 },
@@ -9146,9 +9592,9 @@ var Lc = {
9146
9592
  tabindex: e.disabled ? -1 : void 0
9147
9593
  }), {
9148
9594
  default: q(() => [
9149
- t.$slots.icon ? (T(), c("span", Zf, [A(t.$slots, "icon")])) : s("", !0),
9150
- l("span", Qf, [A(t.$slots, "default")]),
9151
- e.badge === void 0 ? s("", !0) : (T(), c("span", $f, P(e.badge), 1))
9595
+ t.$slots.icon ? (T(), c("span", xp, [A(t.$slots, "icon")])) : s("", !0),
9596
+ l("span", Sp, [A(t.$slots, "default")]),
9597
+ e.badge === void 0 ? s("", !0) : (T(), c("span", Cp, P(e.badge), 1))
9152
9598
  ]),
9153
9599
  _: 3
9154
9600
  }, 16, [
@@ -9158,10 +9604,10 @@ var Lc = {
9158
9604
  "tabindex"
9159
9605
  ]));
9160
9606
  }
9161
- }), tp = { class: "uid-sidebar-group" }, np = {
9607
+ }), Tp = { class: "uid-sidebar-group" }, Ep = {
9162
9608
  key: 0,
9163
9609
  class: "uid-sidebar-group__title"
9164
- }, rp = /* @__PURE__ */ f({
9610
+ }, Dp = /* @__PURE__ */ f({
9165
9611
  __name: "UidSidebarGroup",
9166
9612
  props: {
9167
9613
  title: { default: void 0 },
@@ -9171,29 +9617,29 @@ var Lc = {
9171
9617
  }
9172
9618
  },
9173
9619
  setup(e) {
9174
- return (t, n) => (T(), c("div", tp, [e.title ? (T(), c("p", np, P(e.title), 1)) : s("", !0), A(t.$slots, "default")]));
9620
+ return (t, n) => (T(), c("div", Tp, [e.title ? (T(), c("p", Ep, P(e.title), 1)) : s("", !0), A(t.$slots, "default")]));
9175
9621
  }
9176
- }), ip = {}, ap = {
9622
+ }), Op = {}, kp = {
9177
9623
  class: "uid-sidebar-divider",
9178
9624
  role: "separator",
9179
9625
  "aria-hidden": "true"
9180
9626
  };
9181
- function op(e, t) {
9182
- return T(), c("div", ap);
9627
+ function Ap(e, t) {
9628
+ return T(), c("div", kp);
9183
9629
  }
9184
- var sp = /* @__PURE__ */ yr(ip, [["render", op]]), cp = { class: "uid-pattern-page-header" }, lp = {
9630
+ var jp = /* @__PURE__ */ yr(Op, [["render", Ap]]), Mp = { class: "uid-pattern-page-header" }, Np = {
9185
9631
  key: 0,
9186
9632
  class: "uid-pattern-page-header__breadcrumb"
9187
- }, up = { class: "uid-pattern-page-header__row" }, dp = { class: "uid-pattern-page-header__heading" }, fp = ["aria-label"], pp = { class: "uid-pattern-page-header__title" }, mp = {
9633
+ }, Pp = { class: "uid-pattern-page-header__row" }, Fp = { class: "uid-pattern-page-header__heading" }, Ip = ["aria-label"], Lp = { class: "uid-pattern-page-header__title" }, Rp = {
9188
9634
  key: 0,
9189
9635
  class: "uid-pattern-page-header__description"
9190
- }, hp = {
9636
+ }, zp = {
9191
9637
  key: 0,
9192
9638
  class: "uid-pattern-page-header__actions"
9193
- }, gp = {
9639
+ }, Bp = {
9194
9640
  key: 1,
9195
9641
  class: "uid-pattern-page-header__tabs"
9196
- }, _p = /* @__PURE__ */ f({
9642
+ }, Vp = /* @__PURE__ */ f({
9197
9643
  __name: "UidPageHeader",
9198
9644
  props: {
9199
9645
  title: { default: void 0 },
@@ -9206,28 +9652,28 @@ var sp = /* @__PURE__ */ yr(ip, [["render", op]]), cp = { class: "uid-pattern-pa
9206
9652
  emits: ["back"],
9207
9653
  setup(t, { emit: n }) {
9208
9654
  let r = $(), i = n;
9209
- return (n, a) => (T(), c("div", cp, [
9210
- n.$slots.breadcrumb ? (T(), c("div", lp, [A(n.$slots, "breadcrumb")])) : s("", !0),
9211
- l("div", up, [l("div", dp, [t.back ? (T(), c("button", {
9655
+ return (n, a) => (T(), c("div", Mp, [
9656
+ n.$slots.breadcrumb ? (T(), c("div", Np, [A(n.$slots, "breadcrumb")])) : s("", !0),
9657
+ l("div", Pp, [l("div", Fp, [t.back ? (T(), c("button", {
9212
9658
  key: 0,
9213
9659
  type: "button",
9214
9660
  class: "uid-pattern-page-header__back",
9215
9661
  "aria-label": L(r).pageHeader.back,
9216
9662
  onClick: a[0] ||= (e) => i("back")
9217
9663
  }, [d(e, {
9218
- icon: L(Z),
9664
+ icon: L(ne),
9219
9665
  size: 20
9220
- }, null, 8, ["icon"])], 8, fp)) : s("", !0), l("div", null, [l("h1", pp, [A(n.$slots, "title", {}, () => [u(P(t.title), 1)])]), t.description || n.$slots.description ? (T(), c("p", mp, [A(n.$slots, "description", {}, () => [u(P(t.description), 1)])])) : s("", !0)])]), n.$slots.actions ? (T(), c("div", hp, [A(n.$slots, "actions")])) : s("", !0)]),
9221
- n.$slots.tabs ? (T(), c("div", gp, [A(n.$slots, "tabs")])) : s("", !0)
9666
+ }, null, 8, ["icon"])], 8, Ip)) : s("", !0), l("div", null, [l("h1", Lp, [A(n.$slots, "title", {}, () => [u(P(t.title), 1)])]), t.description || n.$slots.description ? (T(), c("p", Rp, [A(n.$slots, "description", {}, () => [u(P(t.description), 1)])])) : s("", !0)])]), n.$slots.actions ? (T(), c("div", zp, [A(n.$slots, "actions")])) : s("", !0)]),
9667
+ n.$slots.tabs ? (T(), c("div", Bp, [A(n.$slots, "tabs")])) : s("", !0)
9222
9668
  ]));
9223
9669
  }
9224
- }), vp = { class: "uid-pattern-empty-state" }, yp = { class: "uid-pattern-empty-state__illustration" }, bp = { class: "uid-pattern-empty-state__content" }, xp = { class: "uid-pattern-empty-state__title" }, Sp = {
9670
+ }), Hp = { class: "uid-pattern-empty-state" }, Up = { class: "uid-pattern-empty-state__illustration" }, Wp = { class: "uid-pattern-empty-state__content" }, Gp = { class: "uid-pattern-empty-state__title" }, Kp = {
9225
9671
  key: 0,
9226
9672
  class: "uid-pattern-empty-state__description"
9227
- }, Cp = {
9673
+ }, qp = {
9228
9674
  key: 0,
9229
9675
  class: "uid-pattern-empty-state__actions"
9230
- }, wp = /* @__PURE__ */ f({
9676
+ }, Jp = /* @__PURE__ */ f({
9231
9677
  __name: "UidEmptyState",
9232
9678
  props: {
9233
9679
  title: { default: void 0 },
@@ -9235,25 +9681,25 @@ var sp = /* @__PURE__ */ yr(ip, [["render", op]]), cp = { class: "uid-pattern-pa
9235
9681
  },
9236
9682
  setup(t) {
9237
9683
  let n = $();
9238
- return (r, i) => (T(), c("div", vp, [
9239
- l("div", yp, [A(r.$slots, "illustration", {}, () => [d(e, {
9684
+ return (r, i) => (T(), c("div", Hp, [
9685
+ l("div", Up, [A(r.$slots, "illustration", {}, () => [d(e, {
9240
9686
  icon: L(ge),
9241
9687
  size: 48
9242
9688
  }, null, 8, ["icon"])])]),
9243
- l("div", bp, [l("h2", xp, [A(r.$slots, "title", {}, () => [u(P(t.title ?? L(n).emptyState.title), 1)])]), t.description || r.$slots.description ? (T(), c("p", Sp, [A(r.$slots, "description", {}, () => [u(P(t.description), 1)])])) : s("", !0)]),
9244
- r.$slots.actions ? (T(), c("div", Cp, [A(r.$slots, "actions")])) : s("", !0)
9689
+ l("div", Wp, [l("h2", Gp, [A(r.$slots, "title", {}, () => [u(P(t.title ?? L(n).emptyState.title), 1)])]), t.description || r.$slots.description ? (T(), c("p", Kp, [A(r.$slots, "description", {}, () => [u(P(t.description), 1)])])) : s("", !0)]),
9690
+ r.$slots.actions ? (T(), c("div", qp, [A(r.$slots, "actions")])) : s("", !0)
9245
9691
  ]));
9246
9692
  }
9247
- }), Tp = { class: "uid-pattern-error-state" }, Ep = { class: "uid-pattern-error-state__illustration" }, Dp = {
9693
+ }), Yp = { class: "uid-pattern-error-state" }, Xp = { class: "uid-pattern-error-state__illustration" }, Zp = {
9248
9694
  key: 0,
9249
9695
  class: "uid-pattern-error-state__code"
9250
- }, Op = { class: "uid-pattern-error-state__content" }, kp = { class: "uid-pattern-error-state__title" }, Ap = {
9696
+ }, Qp = { class: "uid-pattern-error-state__content" }, $p = { class: "uid-pattern-error-state__title" }, em = {
9251
9697
  key: 0,
9252
9698
  class: "uid-pattern-error-state__description"
9253
- }, jp = {
9699
+ }, tm = {
9254
9700
  key: 1,
9255
9701
  class: "uid-pattern-error-state__actions"
9256
- }, Mp = /* @__PURE__ */ f({
9702
+ }, nm = /* @__PURE__ */ f({
9257
9703
  __name: "UidErrorState",
9258
9704
  props: {
9259
9705
  code: { default: void 0 },
@@ -9263,7 +9709,7 @@ var sp = /* @__PURE__ */ yr(ip, [["render", op]]), cp = { class: "uid-pattern-pa
9263
9709
  setup(t) {
9264
9710
  let n = t, r = $(), i = a(() => ({
9265
9711
  404: {
9266
- icon: ee,
9712
+ icon: Z,
9267
9713
  title: r.value.errorState.notFoundTitle,
9268
9714
  description: r.value.errorState.notFoundDescription
9269
9715
  },
@@ -9277,24 +9723,24 @@ var sp = /* @__PURE__ */ yr(ip, [["render", op]]), cp = { class: "uid-pattern-pa
9277
9723
  title: r.value.errorState.offlineTitle,
9278
9724
  description: r.value.errorState.offlineDescription
9279
9725
  }
9280
- })), 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);
9281
- return (n, r) => (T(), c("div", Tp, [
9282
- l("div", Ep, [A(n.$slots, "illustration", {}, () => [d(e, {
9726
+ })), o = a(() => n.code ? i.value[n.code] ?? null : null), f = a(() => o.value?.icon ?? Z), p = a(() => n.title ?? o.value?.title ?? r.value.errorState.title), m = a(() => n.description ?? o.value?.description);
9727
+ return (n, r) => (T(), c("div", Yp, [
9728
+ l("div", Xp, [A(n.$slots, "illustration", {}, () => [d(e, {
9283
9729
  icon: f.value,
9284
9730
  size: 48
9285
9731
  }, null, 8, ["icon"])])]),
9286
- t.code ? (T(), c("div", Dp, P(t.code), 1)) : s("", !0),
9287
- l("div", Op, [l("h2", kp, [A(n.$slots, "title", {}, () => [u(P(p.value), 1)])]), m.value || n.$slots.description ? (T(), c("p", Ap, [A(n.$slots, "description", {}, () => [u(P(m.value), 1)])])) : s("", !0)]),
9288
- n.$slots.actions ? (T(), c("div", jp, [A(n.$slots, "actions")])) : s("", !0)
9732
+ t.code ? (T(), c("div", Zp, P(t.code), 1)) : s("", !0),
9733
+ l("div", Qp, [l("h2", $p, [A(n.$slots, "title", {}, () => [u(P(p.value), 1)])]), m.value || n.$slots.description ? (T(), c("p", em, [A(n.$slots, "description", {}, () => [u(P(m.value), 1)])])) : s("", !0)]),
9734
+ n.$slots.actions ? (T(), c("div", tm, [A(n.$slots, "actions")])) : s("", !0)
9289
9735
  ]));
9290
9736
  }
9291
- }), Np = {
9737
+ }), rm = {
9292
9738
  key: 0,
9293
9739
  class: "uid-layout-simple__header"
9294
- }, Pp = { class: "uid-layout-simple__content" }, Fp = {
9740
+ }, im = { class: "uid-layout-simple__content" }, am = {
9295
9741
  key: 1,
9296
9742
  class: "uid-layout-simple__footer"
9297
- }, Ip = /* @__PURE__ */ f({
9743
+ }, om = /* @__PURE__ */ f({
9298
9744
  __name: "UidSimpleLayout",
9299
9745
  props: { full: {
9300
9746
  type: Boolean,
@@ -9302,26 +9748,26 @@ var sp = /* @__PURE__ */ yr(ip, [["render", op]]), cp = { class: "uid-pattern-pa
9302
9748
  } },
9303
9749
  setup(e) {
9304
9750
  return (t, n) => (T(), c("div", { class: y(["uid-layout-simple", { "uid-layout-simple--full": e.full }]) }, [
9305
- t.$slots.header ? (T(), c("div", Np, [A(t.$slots, "header")])) : s("", !0),
9306
- l("main", Pp, [A(t.$slots, "default")]),
9307
- t.$slots.footer ? (T(), c("div", Fp, [A(t.$slots, "footer")])) : s("", !0)
9751
+ t.$slots.header ? (T(), c("div", rm, [A(t.$slots, "header")])) : s("", !0),
9752
+ l("main", im, [A(t.$slots, "default")]),
9753
+ t.$slots.footer ? (T(), c("div", am, [A(t.$slots, "footer")])) : s("", !0)
9308
9754
  ], 2));
9309
9755
  }
9310
- }), Lp = Symbol("uid-sidebar-layout");
9311
- function Rp() {
9312
- let e = h(Lp);
9756
+ }), sm = Symbol("uid-sidebar-layout");
9757
+ function cm() {
9758
+ let e = h(sm);
9313
9759
  if (!e) throw Error("useSidebar() must be used inside UidSidebarLayout");
9314
9760
  return e;
9315
9761
  }
9316
9762
  //#endregion
9317
9763
  //#region src/layouts/Sidebar/UidSidebarLayout.vue?vue&type=script&setup=true&lang.ts
9318
- var zp = { class: "uid-layout-sidebar__sidebar" }, Bp = { class: "uid-layout-sidebar__main" }, Vp = {
9764
+ var lm = { class: "uid-layout-sidebar__sidebar" }, um = { class: "uid-layout-sidebar__main" }, dm = {
9319
9765
  key: 0,
9320
9766
  class: "uid-layout-sidebar__main-header"
9321
- }, Hp = { class: "uid-layout-sidebar__main-content" }, Up = {
9767
+ }, fm = { class: "uid-layout-sidebar__main-content" }, pm = {
9322
9768
  key: 1,
9323
9769
  class: "uid-layout-sidebar__main-footer"
9324
- }, Wp = /* @__PURE__ */ f({
9770
+ }, mm = /* @__PURE__ */ f({
9325
9771
  __name: "UidSidebarLayout",
9326
9772
  props: /* @__PURE__ */ g({ sidebarWidth: { default: void 0 } }, {
9327
9773
  modelValue: {
@@ -9339,7 +9785,7 @@ var zp = { class: "uid-layout-sidebar__sidebar" }, Bp = { class: "uid-layout-sid
9339
9785
  }, o = () => {
9340
9786
  n.value = !0;
9341
9787
  };
9342
- E(Lp, {
9788
+ E(sm, {
9343
9789
  collapsed: n,
9344
9790
  toggle: r,
9345
9791
  open: i,
@@ -9350,58 +9796,58 @@ var zp = { class: "uid-layout-sidebar__sidebar" }, Bp = { class: "uid-layout-sid
9350
9796
  class: y(["uid-layout-sidebar", { "uid-layout-sidebar--collapsed": n.value }]),
9351
9797
  style: b(u.value)
9352
9798
  }, [
9353
- l("aside", zp, [A(e.$slots, "sidebar")]),
9799
+ l("aside", lm, [A(e.$slots, "sidebar")]),
9354
9800
  l("div", {
9355
9801
  class: "uid-layout-sidebar__backdrop",
9356
9802
  "aria-hidden": "true",
9357
9803
  onClick: o
9358
9804
  }),
9359
- l("div", Bp, [
9360
- e.$slots.header ? (T(), c("div", Vp, [A(e.$slots, "header")])) : s("", !0),
9361
- l("main", Hp, [A(e.$slots, "default")]),
9362
- e.$slots.footer ? (T(), c("div", Up, [A(e.$slots, "footer")])) : s("", !0)
9805
+ l("div", um, [
9806
+ e.$slots.header ? (T(), c("div", dm, [A(e.$slots, "header")])) : s("", !0),
9807
+ l("main", fm, [A(e.$slots, "default")]),
9808
+ e.$slots.footer ? (T(), c("div", pm, [A(e.$slots, "footer")])) : s("", !0)
9363
9809
  ])
9364
9810
  ], 6));
9365
9811
  }
9366
- }), Gp = {
9812
+ }), hm = {
9367
9813
  key: 0,
9368
9814
  class: "uid-layout-auth__brand"
9369
- }, Kp = { class: "uid-layout-auth__main" }, qp = { class: "uid-layout-auth__card" }, Jp = {
9815
+ }, gm = { class: "uid-layout-auth__main" }, _m = { class: "uid-layout-auth__card" }, vm = {
9370
9816
  key: 0,
9371
9817
  class: "uid-layout-auth__footer"
9372
- }, Yp = /* @__PURE__ */ f({
9818
+ }, ym = /* @__PURE__ */ f({
9373
9819
  __name: "UidAuthLayout",
9374
9820
  props: { variant: { default: "centered" } },
9375
9821
  setup(e) {
9376
- 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", Gp, [A(t.$slots, "brand")])) : s("", !0), l("div", Kp, [l("div", qp, [A(t.$slots, "default")]), t.$slots.footer ? (T(), c("div", Jp, [A(t.$slots, "footer")])) : s("", !0)])], 2));
9822
+ 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", hm, [A(t.$slots, "brand")])) : s("", !0), l("div", gm, [l("div", _m, [A(t.$slots, "default")]), t.$slots.footer ? (T(), c("div", vm, [A(t.$slots, "footer")])) : s("", !0)])], 2));
9377
9823
  }
9378
- }), Xp = { class: "uid-layout-wizard" }, Zp = {
9824
+ }), bm = { class: "uid-layout-wizard" }, xm = {
9379
9825
  key: 0,
9380
9826
  class: "uid-layout-wizard__header"
9381
- }, Qp = {
9827
+ }, Sm = {
9382
9828
  key: 1,
9383
9829
  class: "uid-layout-wizard__stepper"
9384
- }, $p = { class: "uid-layout-wizard__content" }, em = {
9830
+ }, Cm = { class: "uid-layout-wizard__content" }, wm = {
9385
9831
  key: 2,
9386
9832
  class: "uid-layout-wizard__nav"
9387
- }, tm = /* @__PURE__ */ f({
9833
+ }, Tm = /* @__PURE__ */ f({
9388
9834
  __name: "UidWizardLayout",
9389
9835
  setup(e) {
9390
- return (e, t) => (T(), c("div", Xp, [
9391
- e.$slots.header ? (T(), c("div", Zp, [A(e.$slots, "header")])) : s("", !0),
9392
- e.$slots.stepper ? (T(), c("div", Qp, [A(e.$slots, "stepper")])) : s("", !0),
9393
- l("main", $p, [A(e.$slots, "default")]),
9394
- e.$slots.nav ? (T(), c("div", em, [A(e.$slots, "nav")])) : s("", !0)
9836
+ return (e, t) => (T(), c("div", bm, [
9837
+ e.$slots.header ? (T(), c("div", xm, [A(e.$slots, "header")])) : s("", !0),
9838
+ e.$slots.stepper ? (T(), c("div", Sm, [A(e.$slots, "stepper")])) : s("", !0),
9839
+ l("main", Cm, [A(e.$slots, "default")]),
9840
+ e.$slots.nav ? (T(), c("div", wm, [A(e.$slots, "nav")])) : s("", !0)
9395
9841
  ]));
9396
9842
  }
9397
- }), nm = /* @__PURE__ */ f({
9843
+ }), Em = /* @__PURE__ */ f({
9398
9844
  __name: "UidLocaleProvider",
9399
9845
  props: { locale: {} },
9400
9846
  setup(e) {
9401
9847
  let t = e;
9402
9848
  return an(a(() => t.locale)), (e, t) => A(e.$slots, "default");
9403
9849
  }
9404
- }), rm = {
9850
+ }), Dm = {
9405
9851
  code: "en-US",
9406
9852
  common: {
9407
9853
  clear: "Clear",
@@ -9580,7 +10026,9 @@ var zp = { class: "uid-layout-sidebar__sidebar" }, Bp = { class: "uid-layout-sid
9580
10026
  heatmap: {
9581
10027
  summary: (e) => `Activity heatmap: ${e} events`,
9582
10028
  less: "Less",
9583
- more: "More"
10029
+ more: "More",
10030
+ matrixSummary: (e, t) => `Heatmap: ${e} rows × ${t} columns`,
10031
+ noData: "No data"
9584
10032
  },
9585
10033
  validation: {
9586
10034
  value: "value",
@@ -9598,19 +10046,19 @@ var zp = { class: "uid-layout-sidebar__sidebar" }, Bp = { class: "uid-layout-sid
9598
10046
  sameAs: "The values do not match",
9599
10047
  unknown: (e) => `Validation failed: ${e}`
9600
10048
  }
9601
- }, im = O("light");
9602
- function am() {
10049
+ }, Om = O("light");
10050
+ function km() {
9603
10051
  let e = null;
9604
10052
  function t(e) {
9605
- im.value = e, document.documentElement.dataset.theme = e;
10053
+ Om.value = e, document.documentElement.dataset.theme = e;
9606
10054
  }
9607
10055
  function n() {
9608
- t(im.value === "light" ? "dark" : "light");
10056
+ t(Om.value === "light" ? "dark" : "light");
9609
10057
  }
9610
10058
  function r() {
9611
10059
  let e = document.documentElement.dataset.theme;
9612
10060
  if (e === "light" || e === "dark") {
9613
- im.value = e;
10061
+ Om.value = e;
9614
10062
  return;
9615
10063
  }
9616
10064
  let n = window.matchMedia("(prefers-color-scheme: dark)").matches;
@@ -9622,7 +10070,7 @@ function am() {
9622
10070
  e.addEventListener("change", n), C(() => e?.removeEventListener("change", n));
9623
10071
  }
9624
10072
  return {
9625
- theme: im,
10073
+ theme: Om,
9626
10074
  setTheme: t,
9627
10075
  toggle: n,
9628
10076
  initFromSystem: r,
@@ -9631,27 +10079,27 @@ function am() {
9631
10079
  }
9632
10080
  //#endregion
9633
10081
  //#region src/composables/useWizard.ts
9634
- function om() {
9635
- let e = h(Af);
10082
+ function Am() {
10083
+ let e = h(ep);
9636
10084
  if (!e) throw Error("useWizard() must be used inside UidWizard");
9637
10085
  return e;
9638
10086
  }
9639
10087
  //#endregion
9640
10088
  //#region src/composables/useCommandPalette.ts
9641
- var sm = O(!1);
9642
- function cm() {
10089
+ var jm = O(!1);
10090
+ function Mm() {
9643
10091
  return {
9644
- open: sm,
10092
+ open: jm,
9645
10093
  show: () => {
9646
- sm.value = !0;
10094
+ jm.value = !0;
9647
10095
  },
9648
10096
  hide: () => {
9649
- sm.value = !1;
10097
+ jm.value = !1;
9650
10098
  },
9651
10099
  toggle: () => {
9652
- sm.value = !sm.value;
10100
+ jm.value = !jm.value;
9653
10101
  }
9654
10102
  };
9655
10103
  }
9656
10104
  //#endregion
9657
- export { Li as UidAccordion, Ui as UidAccordionItem, Fl as UidAffix, gn as UidAlert, Wl as UidAnchor, Yp as UidAuthLayout, Di as UidAvatar, Ai as UidAvatarGroup, Nl as UidBackTop, un as UidBadge, Wr as UidBreadcrumb, Zr as UidBreadcrumbItem, je as UidButton, Md as UidCalendar, wi as UidCard, Du as UidCarousel, vd as UidCascader, Et as UidCheckbox, Mt as UidCheckboxGroup, Gc as UidCode, io as UidColorPicker, js as UidCombobox, go as UidCommand, kf as UidContainer, Ta as UidDatePicker, fs as UidDateRangePicker, Tl as UidDescriptionItem, xl as UidDescriptionList, Pi as UidDivider, Qn as UidDrawer, wp as UidEmptyState, Mp as UidErrorState, gc as UidFileUpload, Gf as UidFooter, tn as UidFormField, uf as UidGauge, Of as UidGrid, Bf as UidHeader, vf as UidHeatmap, e as UidIcon, el as UidImage, mi as UidInfiniteScroll, gt as UidInput, Xt as UidLabel, Qr as UidLink, di as UidLoadMore, nm as UidLocaleProvider, au as UidMention, gr as UidMenu, vr as UidMenuItem, Cr as UidMenuSeparator, Gn as UidModal, xu as UidNotificationBadge, wo as UidNumberInput, _p as UidPageHeader, vi as UidPageSize, ii as UidPagination, ci as UidPaginationCursor, sr as UidPopover, Mn as UidProgress, Jd as UidProgressRing, It as UidRadio, Ht as UidRadioGroup, ol as UidRating, jl as UidResult, pa as UidSelect, Xf as UidSidebar, sp as UidSidebarDivider, rp as UidSidebarGroup, ep as UidSidebarItem, Wp as UidSidebarLayout, Ip as UidSimpleLayout, ln as UidSkeleton, Pa as UidSlider, Hd as UidSparkline, sn as UidSpinner, ll as UidSplitter, Df as UidStack, vl as UidStat, Ef as UidStepper, jr as UidSubMenu, qt as UidSwitch, Lr as UidTab, zr as UidTabPanel, $i as UidTable, Fr as UidTabs, Mi as UidTag, vs as UidTagsInput, xt as UidTextarea, Io as UidTimePicker, Us as UidTimeline, Zs as UidTimelineItem, Sn as UidToast, En as UidToastProvider, ir as UidTooltip, Ql as UidTour, $u as UidTransfer, Bs as UidTreeItem, vu as UidTreeSelect, Hs as UidTreeView, Ea as UidVirtualList, Rl as UidWatermark, Mf as UidWizard, tm as UidWizardLayout, Pf as UidWizardStep, Ge as email, rm as en, ze as getMessage, et as inList, Je as integer, Fc as isHighlightable, Xe as max, Qe as maxValue, Ye as min, Ze as minValue, Ka as normalizeColor, We as nullable, qe as numeric, Ua as parseColor, at as parseRules, an as provideLocale, $e as regex, Ue as required, nt as requiredIf, rt as requiredUnless, Me as ru, ot as runRules, tt as sameAs, Re as setMessages, Ie as setValidationLocale, Ic as tokenize, Ke as url, cm as useCommandPalette, st as useField, Pn as useFocusTrap, $ as useLocale, tr as usePopover, In as useScrollLock, Rp as useSidebar, am as useTheme, Tn as useToast, om as useWizard };
10105
+ export { Li as UidAccordion, Ui as UidAccordionItem, Fl as UidAffix, gn as UidAlert, Wl as UidAnchor, ym as UidAuthLayout, Di as UidAvatar, Ai as UidAvatarGroup, Nl as UidBackTop, un as UidBadge, Wr as UidBreadcrumb, Zr as UidBreadcrumbItem, je as UidButton, Md as UidCalendar, wi as UidCard, Du as UidCarousel, vd as UidCascader, Et as UidCheckbox, Mt as UidCheckboxGroup, Gc as UidCode, io as UidColorPicker, js as UidCombobox, go as UidCommand, $f as UidContainer, Ta as UidDatePicker, fs as UidDateRangePicker, Tl as UidDescriptionItem, xl as UidDescriptionList, Pi as UidDivider, Qn as UidDrawer, Jp as UidEmptyState, nm as UidErrorState, gc as UidFileUpload, hp as UidFooter, tn as UidFormField, uf as UidGauge, Qf as UidGrid, up as UidHeader, vf as UidHeatmap, Hf as UidHeatmapMatrix, e as UidIcon, el as UidImage, mi as UidInfiniteScroll, gt as UidInput, Xt as UidLabel, Qr as UidLink, di as UidLoadMore, Em as UidLocaleProvider, au as UidMention, gr as UidMenu, vr as UidMenuItem, Cr as UidMenuSeparator, Gn as UidModal, xu as UidNotificationBadge, wo as UidNumberInput, Vp as UidPageHeader, vi as UidPageSize, ii as UidPagination, ci as UidPaginationCursor, sr as UidPopover, Mn as UidProgress, Jd as UidProgressRing, It as UidRadio, Ht as UidRadioGroup, ol as UidRating, jl as UidResult, pa as UidSelect, bp as UidSidebar, jp as UidSidebarDivider, Dp as UidSidebarGroup, wp as UidSidebarItem, mm as UidSidebarLayout, om as UidSimpleLayout, ln as UidSkeleton, Pa as UidSlider, Hd as UidSparkline, sn as UidSpinner, ll as UidSplitter, Zf as UidStack, vl as UidStat, Xf as UidStepper, jr as UidSubMenu, qt as UidSwitch, Lr as UidTab, zr as UidTabPanel, $i as UidTable, Fr as UidTabs, Mi as UidTag, vs as UidTagsInput, xt as UidTextarea, Io as UidTimePicker, Us as UidTimeline, Zs as UidTimelineItem, Sn as UidToast, En as UidToastProvider, ir as UidTooltip, Ql as UidTour, $u as UidTransfer, Bs as UidTreeItem, vu as UidTreeSelect, Hs as UidTreeView, Ea as UidVirtualList, Rl as UidWatermark, np as UidWizard, Tm as UidWizardLayout, ip as UidWizardStep, Ge as email, Dm as en, ze as getMessage, Cf as heatmapColorAt, yf as heatmapColorScales, et as inList, Je as integer, Fc as isHighlightable, Xe as max, Qe as maxValue, Ye as min, Ze as minValue, Ka as normalizeColor, We as nullable, qe as numeric, Ua as parseColor, at as parseRules, an as provideLocale, $e as regex, Ue as required, nt as requiredIf, rt as requiredUnless, xf as resolveHeatmapStops, Me as ru, ot as runRules, tt as sameAs, Re as setMessages, Ie as setValidationLocale, Ic as tokenize, Ke as url, Mm as useCommandPalette, st as useField, Pn as useFocusTrap, $ as useLocale, tr as usePopover, In as useScrollLock, cm as useSidebar, km as useTheme, Tn as useToast, Am as useWizard };