@speckle/ui-components 2.18.11 → 2.18.13

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/lib.js CHANGED
@@ -1,16 +1,16 @@
1
1
  var zt = Object.defineProperty;
2
2
  var Vt = (e, t, i) => t in e ? zt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
3
3
  var ne = (e, t, i) => (Vt(e, typeof t != "symbol" ? t + "" : t, i), i);
4
- import { defineComponent as P, resolveDynamicComponent as Q, computed as c, openBlock as a, createBlock as O, normalizeClass as b, withCtx as M, createCommentVNode as I, renderSlot as R, createTextVNode as D, createElementBlock as f, createElementVNode as p, createVNode as V, Transition as We, unref as l, toDisplayString as z, toRefs as le, Fragment as H, renderList as G, ref as L, onMounted as ae, onBeforeUnmount as qe, normalizeStyle as Y, mergeProps as ie, withDirectives as ue, isRef as Se, vModelText as He, useSlots as Ke, vModelDynamic as Lt, pushScopeId as Ot, popScopeId as Mt, watch as ce, Teleport as At, withModifiers as pe, mergeModels as _e, useModel as it, toHandlers as nt, nextTick as Pt, resolveDirective as jt, getCurrentInstance as Tt, inject as _t, withKeys as ve, defineAsyncComponent as Ft } from "vue";
5
- import { isObjectLike as Fe, clamp as lt, isArray as N, isString as ye, isUndefined as be, debounce as Ge, throttle as ut, noop as ct, uniq as Rt, intersection as Dt, difference as Et } from "lodash";
6
- import { ArrowPathIcon as dt, ExclamationCircleIcon as Ut, ChevronUpIcon as ft, ChevronDownIcon as Wt, XMarkIcon as Xe, MagnifyingGlassIcon as qt, CheckIcon as pt, Squares2X2Icon as Ht, Bars3Icon as Kt, UserCircleIcon as Gt } from "@heroicons/vue/24/solid";
4
+ import { defineComponent as P, resolveDynamicComponent as Q, computed as c, openBlock as a, createBlock as O, normalizeClass as b, withCtx as M, createCommentVNode as I, renderSlot as R, createTextVNode as D, createElementBlock as f, createElementVNode as p, createVNode as V, Transition as We, unref as l, toDisplayString as z, toRefs as le, Fragment as H, renderList as G, ref as L, onMounted as ae, onBeforeUnmount as qe, normalizeStyle as Y, mergeProps as ie, withDirectives as ue, isRef as Se, vModelText as He, useSlots as Ke, vModelDynamic as Lt, pushScopeId as Ot, popScopeId as Mt, watch as ce, Teleport as At, withModifiers as pe, mergeModels as _e, useModel as ut, toHandlers as lt, nextTick as Pt, resolveDirective as jt, getCurrentInstance as Tt, inject as _t, withKeys as ve, defineAsyncComponent as Ft } from "vue";
5
+ import { isObjectLike as Fe, clamp as at, isArray as N, isString as ye, isUndefined as be, debounce as Ge, throttle as ct, noop as Xe, uniq as Rt, intersection as Dt, difference as Et } from "lodash";
6
+ import { ArrowPathIcon as dt, ExclamationCircleIcon as Ut, ChevronUpIcon as ft, ChevronDownIcon as Wt, XMarkIcon as Ze, MagnifyingGlassIcon as qt, CheckIcon as pt, Squares2X2Icon as Ht, Bars3Icon as Kt, UserCircleIcon as Gt } from "@heroicons/vue/24/solid";
7
7
  import { CheckCircleIcon as Xt, XCircleIcon as Zt, ExclamationCircleIcon as Nt, InformationCircleIcon as Qt, ClipboardDocumentCheckIcon as Jt, ClipboardDocumentIcon as Yt, XMarkIcon as es, ChevronDownIcon as ts, ExclamationTriangleIcon as ss } from "@heroicons/vue/24/outline";
8
8
  import { XMarkIcon as xe, CheckIcon as mt, CheckCircleIcon as ht, ExclamationCircleIcon as ze, EnvelopeIcon as ns, KeyIcon as ls, XCircleIcon as as, InformationCircleIcon as os } from "@heroicons/vue/20/solid";
9
9
  import { wait as rs, isNullOrUndefined as is, SourceApps as us, getClientOperatingSystem as cs, OperatingSystem as Re, md5 as ds } from "@speckle/shared";
10
10
  import { useField as Be } from "vee-validate";
11
11
  import { nanoid as Ve } from "nanoid";
12
12
  import { useResizeObserver as fs, useMutationObserver as ps, useMounted as ms, useElementBounding as hs, useIntersectionObserver as vs, useClipboard as gs, onKeyDown as bs, isClient as Le, computedAsync as ys, useFocus as xs, useDropZone as ks } from "@vueuse/core";
13
- import { Listbox as ws, ListboxLabel as Cs, ListboxButton as $s, ListboxOptions as Is, ListboxOption as Bs, Switch as Ss, TransitionRoot as vt, Dialog as zs, TransitionChild as at, DialogPanel as Vs, Disclosure as Ls, DisclosureButton as Os, DisclosurePanel as Ms, Menu as As, MenuButton as Ps, MenuItems as js, MenuItem as Ts, Combobox as _s, ComboboxOptions as Fs, ComboboxOption as Rs } from "@headlessui/vue";
13
+ import { Listbox as ws, ListboxLabel as Cs, ListboxButton as $s, ListboxOptions as Is, ListboxOption as Bs, Switch as Ss, TransitionRoot as vt, Dialog as zs, TransitionChild as ot, DialogPanel as Vs, Disclosure as Ls, DisclosureButton as Os, DisclosurePanel as Ms, Menu as As, MenuButton as Ps, MenuItems as js, MenuItem as Ts, Combobox as _s, ComboboxOptions as Fs, ComboboxOption as Rs } from "@headlessui/vue";
14
14
  import { directive as gt } from "vue-tippy";
15
15
  import Ds from "v3-infinite-loading";
16
16
  const Es = /* @__PURE__ */ P({
@@ -323,7 +323,7 @@ const Es = /* @__PURE__ */ P({
323
323
  }), k = c(() => {
324
324
  const w = [];
325
325
  return s.fullWidth && w.push("w-full"), u.value && w.push("cursor-not-allowed"), w.join(" ");
326
- }), $ = c(() => {
326
+ }), C = c(() => {
327
327
  const w = [];
328
328
  return !u.value && !s.link && !s.text && w.push("active:scale-[0.97]"), !u.value && s.link && w.push(
329
329
  "underline decoration-transparent decoration-2 underline-offset-4 hover:decoration-inherit"
@@ -339,7 +339,7 @@ const Es = /* @__PURE__ */ P({
339
339
  w ? "" : y.value,
340
340
  w ? "" : x.value,
341
341
  s.link ? "" : B.value,
342
- $.value
342
+ C.value
343
343
  ].join(" ");
344
344
  }), _ = c(() => {
345
345
  const w = [""];
@@ -603,7 +603,7 @@ const Qs = /* @__PURE__ */ p("circle", {
603
603
  r: "3"
604
604
  }, null, -1), Js = [
605
605
  Qs
606
- ], Ze = /* @__PURE__ */ P({
606
+ ], Ne = /* @__PURE__ */ P({
607
607
  __name: "Badge",
608
608
  props: {
609
609
  size: null,
@@ -670,9 +670,9 @@ const Qs = /* @__PURE__ */ p("circle", {
670
670
  ], 2));
671
671
  }
672
672
  });
673
- let ot = [];
673
+ let rt = [];
674
674
  function Ys(e) {
675
- ot = ot ? e : e.slice();
675
+ rt = rt ? e : e.slice();
676
676
  }
677
677
  var $e = /* @__PURE__ */ ((e) => (e[e.sm = 640] = "sm", e[e.md = 746] = "md", e[e.lg = 1024] = "lg", e[e.xl = 1280] = "xl", e[e["2xl"] = 1536] = "2xl", e))($e || {});
678
678
  function yt(e) {
@@ -689,12 +689,12 @@ function yt(e) {
689
689
  } = e, u = c(
690
690
  () => (s == null ? void 0 : s.value) === "vertical" ? "vertical" : "horizontal"
691
691
  ), r = c({
692
- get: () => lt((t == null ? void 0 : t.value) || 0, -1, i.value.length),
693
- set: (k) => m("update:modelValue", lt(k, 0, i.value.length))
694
- }), v = (k) => `${k + 1}`, g = (k) => k === r.value, y = (k) => k < r.value, x = (k, $) => {
692
+ get: () => at((t == null ? void 0 : t.value) || 0, -1, i.value.length),
693
+ set: (k) => m("update:modelValue", at(k, 0, i.value.length))
694
+ }), v = (k) => `${k + 1}`, g = (k) => k === r.value, y = (k) => k < r.value, x = (k, C) => {
695
695
  var _;
696
696
  if (n != null && n.value) {
697
- $ == null || $.preventDefault(), $ == null || $.stopPropagation(), $ == null || $.stopImmediatePropagation();
697
+ C == null || C.preventDefault(), C == null || C.stopPropagation(), C == null || C.stopImmediatePropagation();
698
698
  return;
699
699
  }
700
700
  r.value = k;
@@ -702,16 +702,16 @@ function yt(e) {
702
702
  (_ = S == null ? void 0 : S.onClick) == null || _.call(S);
703
703
  }, d = c(() => {
704
704
  const k = ["flex"];
705
- let $, S;
706
- return (h == null ? void 0 : h.value) === "xs" ? ($ = "space-x-2", S = "space-y-1") : (h == null ? void 0 : h.value) === "sm" ? ($ = "space-x-4", S = "space-y-1") : ($ = "space-x-8", S = "space-y-4"), k.push("flex"), u.value === "vertical" || o != null && o.value ? (k.push(`flex-col ${S} justify-center`), (o == null ? void 0 : o.value) === $e.sm ? k.push(
707
- `sm:flex-row sm:space-y-0 sm:justify-start sm:${$} sm:items-center`
705
+ let C, S;
706
+ return (h == null ? void 0 : h.value) === "xs" ? (C = "space-x-2", S = "space-y-1") : (h == null ? void 0 : h.value) === "sm" ? (C = "space-x-4", S = "space-y-1") : (C = "space-x-8", S = "space-y-4"), k.push("flex"), u.value === "vertical" || o != null && o.value ? (k.push(`flex-col ${S} justify-center`), (o == null ? void 0 : o.value) === $e.sm ? k.push(
707
+ `sm:flex-row sm:space-y-0 sm:justify-start sm:${C} sm:items-center`
708
708
  ) : (o == null ? void 0 : o.value) === $e.md ? k.push(
709
- `md:flex-row md:space-y-0 md:justify-start md:${$} md:items-center`
709
+ `md:flex-row md:space-y-0 md:justify-start md:${C} md:items-center`
710
710
  ) : (o == null ? void 0 : o.value) === $e.lg ? k.push(
711
- `lg:flex-row lg:space-y-0 lg:justify-start lg:${$} lg:items-center`
711
+ `lg:flex-row lg:space-y-0 lg:justify-start lg:${C} lg:items-center`
712
712
  ) : (o == null ? void 0 : o.value) === $e.xl && k.push(
713
- `xl:flex-row xl:space-y-0 xl:justify-start xl:${$} xl:items-center`
714
- )) : k.push(`flex-row ${$} items-center`), k.join(" ");
713
+ `xl:flex-row xl:space-y-0 xl:justify-start xl:${C} xl:items-center`
714
+ )) : k.push(`flex-row ${C} items-center`), k.join(" ");
715
715
  }), B = c(() => {
716
716
  const k = ["flex items-center"];
717
717
  return n != null && n.value || k.push("cursor-pointer"), k.join(" ");
@@ -1185,9 +1185,9 @@ const Un = /* @__PURE__ */ Oe(_n, [["render", En]]), Wn = { class: "relative asp
1185
1185
  t.disabled || h(k);
1186
1186
  };
1187
1187
  return ae(() => {
1188
- const k = t.modelValue, $ = m.value, S = Array.isArray(k) ? k.includes(t.value) : k === t.value, _ = Array.isArray($) ? $.includes(t.value) : $ === t.value;
1188
+ const k = t.modelValue, C = m.value, S = Array.isArray(k) ? k.includes(t.value) : k === t.value, _ = Array.isArray(C) ? C.includes(t.value) : C === t.value;
1189
1189
  S !== _ && h(k);
1190
- }), (k, $) => (a(), f("div", Kn, [
1190
+ }), (k, C) => (a(), f("div", Kn, [
1191
1191
  p("div", Gn, [
1192
1192
  p("input", ie({
1193
1193
  id: d.value,
@@ -1335,9 +1335,9 @@ const Un = /* @__PURE__ */ Oe(_n, [["render", En]]), Wn = { class: "relative asp
1335
1335
  t.disabled || h(k);
1336
1336
  };
1337
1337
  return ae(() => {
1338
- const k = t.modelValue, $ = m.value, S = Array.isArray(k) ? k.includes(t.value) : k === t.value, _ = Array.isArray($) ? $.includes(t.value) : $ === t.value;
1338
+ const k = t.modelValue, C = m.value, S = Array.isArray(k) ? k.includes(t.value) : k === t.value, _ = Array.isArray(C) ? C.includes(t.value) : C === t.value;
1339
1339
  S !== _ && h(k);
1340
- }), (k, $) => (a(), f("div", {
1340
+ }), (k, C) => (a(), f("div", {
1341
1341
  class: b(["relative flex gap-2 mb-2 last:mb-0", e.description && e.inlineDescription ? "items-start" : "items-center"])
1342
1342
  }, [
1343
1343
  p("div", Yn, [
@@ -1381,7 +1381,7 @@ const Un = /* @__PURE__ */ Oe(_n, [["render", En]]), Wn = { class: "relative asp
1381
1381
  ], 2));
1382
1382
  }
1383
1383
  });
1384
- function Ne(e) {
1384
+ function Qe(e) {
1385
1385
  const { props: t, inputEl: i, emit: s, options: o } = e, { value: n, errorMessage: h } = Be(t.name, t.rules, {
1386
1386
  validateOnMount: l(t.validateOnMount),
1387
1387
  validateOnValueUpdate: l(t.validateOnValueUpdate),
@@ -1410,7 +1410,7 @@ function Ne(e) {
1410
1410
  () => y.value && l(t.hideErrorMessage)
1411
1411
  ), d = c(() => y.value || l(t.help)), B = c(() => !!d.value), k = c(
1412
1412
  () => B.value ? `${l(t.name)}-${v.value}` : void 0
1413
- ), $ = c(() => {
1413
+ ), C = c(() => {
1414
1414
  const A = ["mt-2 text-xs sm:text-sm"];
1415
1415
  return A.push(h.value ? "text-danger" : "text-foreground-2"), A.join(" ");
1416
1416
  }), S = () => {
@@ -1428,7 +1428,7 @@ function Ne(e) {
1428
1428
  title: g,
1429
1429
  value: n,
1430
1430
  helpTipId: k,
1431
- helpTipClasses: $,
1431
+ helpTipClasses: C,
1432
1432
  helpTip: d,
1433
1433
  hideHelpTip: x,
1434
1434
  errorMessage: y,
@@ -1471,15 +1471,15 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
1471
1471
  labelClasses: x,
1472
1472
  clear: d,
1473
1473
  focus: B
1474
- } = Ne({
1474
+ } = Qe({
1475
1475
  props: le(o),
1476
1476
  emit: s,
1477
1477
  inputEl: n
1478
1478
  }), k = c(() => {
1479
- const $ = ["pl-2"];
1480
- return o.showClear && y.value ? $.push("pr-12") : (o.showClear || y.value) && $.push("pr-8"), $.join(" ");
1479
+ const C = ["pl-2"];
1480
+ return o.showClear && y.value ? C.push("pr-12") : (o.showClear || y.value) && C.push("pr-8"), C.join(" ");
1481
1481
  });
1482
- return t({ focus: B }), ($, S) => (a(), f("div", {
1482
+ return t({ focus: B }), (C, S) => (a(), f("div", {
1483
1483
  class: b([e.fullWidth ? "w-full" : ""])
1484
1484
  }, [
1485
1485
  p("label", {
@@ -1505,9 +1505,9 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
1505
1505
  disabled: e.disabled,
1506
1506
  "aria-invalid": l(y) ? "true" : "false",
1507
1507
  "aria-describedby": l(r)
1508
- }, $.$attrs, {
1509
- onChange: S[1] || (S[1] = (_) => $.$emit("change", { event: _, value: l(u) })),
1510
- onInput: S[2] || (S[2] = (_) => $.$emit("input", { event: _, value: l(u) }))
1508
+ }, C.$attrs, {
1509
+ onChange: S[1] || (S[1] = (_) => C.$emit("change", { event: _, value: l(u) })),
1510
+ onInput: S[2] || (S[2] = (_) => C.$emit("input", { event: _, value: l(u) }))
1511
1511
  }), null, 16, ul), [
1512
1512
  [He, l(u)]
1513
1513
  ]),
@@ -1701,8 +1701,8 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
1701
1701
  errorMessage: d,
1702
1702
  clear: B,
1703
1703
  focus: k,
1704
- labelClasses: $
1705
- } = Ne({
1704
+ labelClasses: C
1705
+ } = Qe({
1706
1706
  props: le(s),
1707
1707
  emit: o,
1708
1708
  inputEl: h
@@ -1732,7 +1732,7 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
1732
1732
  }, [
1733
1733
  p("label", {
1734
1734
  for: e.name,
1735
- class: b(l($))
1735
+ class: b(l(C))
1736
1736
  }, [
1737
1737
  p("span", null, z(l(u)), 1)
1738
1738
  ], 10, fl),
@@ -1814,7 +1814,7 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
1814
1814
  }, z(l(y)), 11, gl)) : I("", !0)
1815
1815
  ], 2));
1816
1816
  }
1817
- }), xt = /^https?:\/\//, Qe = /^[\w-_.+]+@[\w-_.+]+$/, yl = (e) => (e || "").match(Qe) ? !0 : "Value should be a valid e-mail address", xl = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match(Qe)) || "Value should be one or multiple comma-delimited e-mail addresses", kl = (e) => (ye(e) && (e = e.trim()), e ? !0 : "Value is required"), wl = (e, t) => (i, s) => i === s.form[e] ? !0 : `Value must be the same as in field '${t || e}'`, Cl = (e) => (t) => {
1817
+ }), xt = /^https?:\/\//, Je = /^[\w-_.+]+@[\w-_.+]+$/, yl = (e) => (e || "").match(Je) ? !0 : "Value should be a valid e-mail address", xl = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match(Je)) || "Value should be one or multiple comma-delimited e-mail addresses", kl = (e) => (ye(e) && (e = e.trim()), e ? !0 : "Value is required"), wl = (e, t) => (i, s) => i === s.form[e] ? !0 : `Value must be the same as in field '${t || e}'`, Cl = (e) => (t) => {
1818
1818
  const { minLength: i, maxLength: s } = e;
1819
1819
  return t = is(t) ? "" : t, ye(t) ? !be(i) && t.length < i ? `Value needs to be at least ${i} characters long` : !be(s) && t.length > s ? `Value needs to be no more than ${s} characters long` : !0 : "Value should be a text string";
1820
1820
  }, $l = (e) => (t) => {
@@ -1822,7 +1822,7 @@ const rl = ["for"], il = { class: "relative" }, ul = ["id", "name", "placeholder
1822
1822
  return ye(t) ? i ? ye(i) ? t.includes(i) ? !0 : s : i.test(t) ? !0 : s : !0 : "Value should be a text string";
1823
1823
  }, Il = (e) => xt.test(e) ? !0 : "Value is not a valid URL", Bl = (e) => Array.isArray(e) && e.length > 0 ? !0 : "Value should have at least a single item selected", jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1824
1824
  __proto__: null,
1825
- VALID_EMAIL: Qe,
1825
+ VALID_EMAIL: Je,
1826
1826
  VALID_HTTP_URL: xt,
1827
1827
  isEmail: yl,
1828
1828
  isItemSelected: Bl,
@@ -1916,7 +1916,7 @@ const Sl = (e) => (Ot("data-v-89e77cae"), e = e(), Mt(), e), zl = /* @__PURE__ *
1916
1916
  }, Vl, 2));
1917
1917
  }
1918
1918
  });
1919
- const Je = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { class: "flex items-center justify-between w-full" }, Ml = { class: "block truncate grow text-left text-xs sm:text-sm" }, Al = { class: "pointer-events-none shrink-0 ml-1 flex items-center space-x-2" }, Pl = {
1919
+ const Ye = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { class: "flex items-center justify-between w-full" }, Ml = { class: "block truncate grow text-left text-xs sm:text-sm" }, Al = { class: "pointer-events-none shrink-0 ml-1 flex items-center space-x-2" }, Pl = {
1920
1920
  key: 1,
1921
1921
  class: "text-4xl text-danger opacity-50 h-4 w-4 leading-6"
1922
1922
  }, jl = ["disabled"], Tl = {
@@ -2097,29 +2097,29 @@ const Je = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
2097
2097
  },
2098
2098
  emits: ["update:modelValue"],
2099
2099
  setup(e, { expose: t, emit: i }) {
2100
- const s = (C) => Fe(C), o = i, n = e, { value: h, errorMessage: m } = Be(n.name, n.rules, {
2100
+ const s = ($) => Fe($), o = i, n = e, { value: h, errorMessage: m } = Be(n.name, n.rules, {
2101
2101
  validateOnMount: n.validateOnMount,
2102
2102
  validateOnValueUpdate: n.validateOnValueUpdate,
2103
2103
  initialValue: n.modelValue
2104
- }), u = ms(), r = L(null), v = L(null), g = L(null), y = L(""), x = L([]), d = L(!1), B = L(1), k = L(Ve()), $ = hs(
2104
+ }), u = ms(), r = L(null), v = L(null), g = L(null), y = L(""), x = L([]), d = L(!1), B = L(1), k = L(Ve()), C = hs(
2105
2105
  c(() => {
2106
- var C;
2107
- return (C = g.value) == null ? void 0 : C.el;
2106
+ var $;
2107
+ return ($ = g.value) == null ? void 0 : $.el;
2108
2108
  }),
2109
2109
  { windowResize: !0, windowScroll: !0, immediate: !0 }
2110
2110
  );
2111
2111
  vs(
2112
2112
  c(() => {
2113
- var C;
2114
- return (C = v.value) == null ? void 0 : C.el;
2113
+ var $;
2114
+ return ($ = v.value) == null ? void 0 : $.el;
2115
2115
  }),
2116
- ([{ isIntersecting: C }]) => {
2117
- C && n.mountMenuOnBody && $.update();
2116
+ ([{ isIntersecting: $ }]) => {
2117
+ $ && n.mountMenuOnBody && C.update();
2118
2118
  }
2119
2119
  );
2120
2120
  const S = c(() => l(n.label) || l(n.name)), _ = c(() => {
2121
- const C = m.value;
2122
- return !C || !l(n.useLabelInErrors) ? C : C.replace("Value", S.value);
2121
+ const $ = m.value;
2122
+ return !$ || !l(n.useLabelInErrors) ? $ : $.replace("Value", S.value);
2123
2123
  }), A = c(() => _.value || l(n.help)), w = c(() => !!A.value), E = c(
2124
2124
  () => w.value ? `${l(n.name)}-${k.value}` : void 0
2125
2125
  ), W = c(
@@ -2127,81 +2127,81 @@ const Je = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
2127
2127
  ), U = c(
2128
2128
  () => n.buttonStyle !== "simple" && n.clearable && !n.disabled
2129
2129
  ), Me = c(() => {
2130
- const C = ["relative flex group"];
2131
- return m.value ? (C.push("hover:shadow rounded-md"), C.push("text-danger-darker focus:border-danger focus:ring-danger"), n.buttonStyle !== "simple" && C.push("outline outline-2 outline-danger")) : n.buttonStyle !== "simple" && (C.push("hover:shadow rounded-md"), C.push("outline outline-2 outline-primary-muted")), n.fixedHeight && C.push("h-8"), C.join(" ");
2130
+ const $ = ["relative flex group"];
2131
+ return m.value ? ($.push("hover:shadow rounded-md"), $.push("text-danger-darker focus:border-danger focus:ring-danger"), n.buttonStyle !== "simple" && $.push("outline outline-2 outline-danger")) : n.buttonStyle !== "simple" && ($.push("hover:shadow rounded-md"), $.push("outline outline-2 outline-primary-muted")), n.fixedHeight && $.push("h-8"), $.join(" ");
2132
2132
  }), re = c(() => {
2133
- const C = [];
2134
- return n.buttonStyle !== "simple" && C.push(
2133
+ const $ = [];
2134
+ return n.buttonStyle !== "simple" && $.push(
2135
2135
  fe.value ? "bg-foundation-disabled text-foreground-disabled" : ""
2136
- ), fe.value && C.push("cursor-not-allowed"), C.join(" ");
2136
+ ), fe.value && $.push("cursor-not-allowed"), $.join(" ");
2137
2137
  }), Ae = c(() => {
2138
- const C = [
2138
+ const $ = [
2139
2139
  "relative z-[1]",
2140
2140
  "flex items-center justify-center text-center shrink-0",
2141
2141
  "rounded-r-md overflow-hidden transition-all",
2142
2142
  "text-foreground",
2143
2143
  he.value ? `w-6 ${re.value}` : "w-0"
2144
2144
  ];
2145
- return fe.value || (C.push(
2145
+ return fe.value || ($.push(
2146
2146
  "hover:bg-primary hover:text-foreground-on-primary dark:text-foreground-on-primary"
2147
- ), n.buttonStyle === "tinted" ? C.push("bg-outline-3") : C.push("bg-primary-muted")), C.join(" ");
2147
+ ), n.buttonStyle === "tinted" ? $.push("bg-outline-3") : $.push("bg-primary-muted")), $.join(" ");
2148
2148
  }), Pe = c(() => {
2149
- const C = [
2149
+ const $ = [
2150
2150
  "relative z-[2]",
2151
2151
  "normal rounded-md cursor-pointer transition truncate flex-1",
2152
2152
  "flex items-center",
2153
2153
  re.value
2154
2154
  ];
2155
- return n.buttonStyle !== "simple" && (C.push("py-2 px-3"), fe.value || (n.buttonStyle === "tinted" ? C.push("bg-foundation-page text-foreground") : C.push("bg-foundation text-foreground"))), U.value && he.value && C.push("rounded-r-none"), C.join(" ");
2155
+ return n.buttonStyle !== "simple" && ($.push("py-2 px-3"), fe.value || (n.buttonStyle === "tinted" ? $.push("bg-foundation-page text-foreground") : $.push("bg-foundation text-foreground"))), U.value && he.value && $.push("rounded-r-none"), $.join(" ");
2156
2156
  }), me = c(
2157
2157
  () => !!(n.search && (n.filterPredicate || n.getSearchResults))
2158
2158
  ), ee = c(() => me.value && n.getSearchResults), fe = c(
2159
2159
  () => n.disabled || !n.items.length && !ee.value
2160
2160
  ), X = c({
2161
2161
  get: () => {
2162
- const C = h.value;
2163
- return n.multiple ? N(C) ? C : [] : N(C) ? void 0 : C;
2162
+ const $ = h.value;
2163
+ return n.multiple ? N($) ? $ : [] : N($) ? void 0 : $;
2164
2164
  },
2165
- set: (C) => {
2166
- if (n.multiple && !N(C)) {
2165
+ set: ($) => {
2166
+ if (n.multiple && !N($)) {
2167
2167
  console.warn("Attempting to set non-array value in selector w/ multiple=true");
2168
2168
  return;
2169
- } else if (!n.multiple && N(C)) {
2169
+ } else if (!n.multiple && N($)) {
2170
2170
  console.warn("Attempting to set array value in selector w/ multiple=false");
2171
2171
  return;
2172
2172
  }
2173
2173
  let K;
2174
2174
  if (n.multiple)
2175
- K = C || [];
2175
+ K = $ || [];
2176
2176
  else {
2177
2177
  const q = h.value;
2178
- K = n.allowUnset && q && C && T(q) === T(C) ? void 0 : C;
2178
+ K = n.allowUnset && q && $ && T(q) === T($) ? void 0 : $;
2179
2179
  }
2180
2180
  n.fullyControlValue ? o("update:modelValue", K) : h.value = K, B.value += 1;
2181
2181
  }
2182
2182
  }), he = c(() => n.multiple && N(X.value) ? X.value.length !== 0 : !!X.value), je = () => {
2183
2183
  n.multiple ? X.value = [] : X.value = void 0;
2184
2184
  }, Te = c(() => {
2185
- const C = y.value;
2186
- return !me.value || !(C != null && C.length) ? x.value : n.filterPredicate ? x.value.filter(
2185
+ const $ = y.value;
2186
+ return !me.value || !($ != null && $.length) ? x.value : n.filterPredicate ? x.value.filter(
2187
2187
  (K) => {
2188
2188
  var q;
2189
- return ((q = n.filterPredicate) == null ? void 0 : q.call(n, K, C)) || !1;
2189
+ return ((q = n.filterPredicate) == null ? void 0 : q.call(n, K, $)) || !1;
2190
2190
  }
2191
2191
  ) : x.value;
2192
2192
  }), ke = c(() => {
2193
- const C = [
2193
+ const $ = [
2194
2194
  "rounded-md bg-foundation-2 py-1 label label--light outline outline-2 outline-primary-muted focus:outline-none shadow mt-1 "
2195
2195
  ];
2196
- return n.mountMenuOnBody ? C.push("fixed z-50") : C.push("absolute top-[100%] w-full z-10"), C.join(" ");
2196
+ return n.mountMenuOnBody ? $.push("fixed z-50") : $.push("absolute top-[100%] w-full z-10"), $.join(" ");
2197
2197
  }), j = c(() => {
2198
- const C = {};
2198
+ const $ = {};
2199
2199
  if (n.mountMenuOnBody) {
2200
- const K = $.top.value, q = $.left.value, J = $.width.value, se = $.height.value;
2201
- C.top = `${K + se}px`, C.left = `${q}px`, C.width = `${J}px`;
2200
+ const K = C.top.value, q = C.left.value, J = C.width.value, se = C.height.value;
2201
+ $.top = `${K + se}px`, $.left = `${q}px`, $.width = `${J}px`;
2202
2202
  }
2203
- return C;
2204
- }), F = (C) => JSON.stringify(C), T = (C) => s(C) ? C[n.by || "id"] : C, Z = async () => {
2203
+ return $;
2204
+ }), F = ($) => JSON.stringify($), T = ($) => s($) ? $[n.by || "id"] : $, Z = async () => {
2205
2205
  if (!(!ee.value || !n.getSearchResults)) {
2206
2206
  d.value = !0;
2207
2207
  try {
@@ -2210,8 +2210,8 @@ const Je = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
2210
2210
  d.value = !1;
2211
2211
  }
2212
2212
  }
2213
- }, te = Ge(Z, 1e3), we = (C) => {
2214
- const { active: K, disabled: q } = C || {}, { hideCheckmarks: J } = n, se = [
2213
+ }, te = Ge(Z, 1e3), we = ($) => {
2214
+ const { active: K, disabled: q } = $ || {}, { hideCheckmarks: J } = n, se = [
2215
2215
  "relative transition cursor-pointer select-none py-1.5 pl-3",
2216
2216
  J ? "" : "pr-9"
2217
2217
  ];
@@ -2219,15 +2219,15 @@ const Je = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
2219
2219
  };
2220
2220
  return ce(
2221
2221
  () => n.items,
2222
- (C) => {
2223
- x.value = C.slice();
2222
+ ($) => {
2223
+ x.value = $.slice();
2224
2224
  },
2225
2225
  { immediate: !0 }
2226
2226
  ), ce(y, () => {
2227
2227
  ee.value && te();
2228
2228
  }), ae(() => {
2229
2229
  ee.value && !n.items.length && Z();
2230
- }), t({ triggerSearch: Z }), (C, K) => (a(), f("div", null, [
2230
+ }), t({ triggerSearch: Z }), ($, K) => (a(), f("div", null, [
2231
2231
  (a(), O(l(ws), {
2232
2232
  key: B.value,
2233
2233
  modelValue: X.value,
@@ -2258,9 +2258,9 @@ const Je = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
2258
2258
  default: M(({ open: q }) => [
2259
2259
  p("div", Ol, [
2260
2260
  p("div", Ml, [
2261
- !X.value || l(N)(X.value) && !X.value.length ? R(C.$slots, "nothing-selected", { key: 0 }, () => [
2261
+ !X.value || l(N)(X.value) && !X.value.length ? R($.$slots, "nothing-selected", { key: 0 }, () => [
2262
2262
  D(z(e.placeholder ? e.placeholder : e.label), 1)
2263
- ]) : R(C.$slots, "something-selected", {
2263
+ ]) : R($.$slots, "something-selected", {
2264
2264
  key: 1,
2265
2265
  value: X.value
2266
2266
  }, () => [
@@ -2293,7 +2293,7 @@ const Je = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
2293
2293
  disabled: e.disabled,
2294
2294
  onClick: K[0] || (K[0] = (q) => je())
2295
2295
  }, [
2296
- V(l(Xe), { class: "w-3 h-3" })
2296
+ V(l(Ze), { class: "w-3 h-3" })
2297
2297
  ], 10, jl)), [
2298
2298
  [l(gt), "Clear"]
2299
2299
  ]) : I("", !0),
@@ -2343,9 +2343,9 @@ const Je = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
2343
2343
  class: b(["overflow-auto simple-scrollbar", [me.value ? "max-h-52" : "max-h-40"]])
2344
2344
  }, [
2345
2345
  ee.value && d.value ? (a(), f("div", El, [
2346
- V(Je, { loading: !0 })
2346
+ V(Ye, { loading: !0 })
2347
2347
  ])) : ee.value && !x.value.length ? (a(), f("div", Ul, [
2348
- R(C.$slots, "nothing-found", {}, () => [
2348
+ R($.$slots, "nothing-found", {}, () => [
2349
2349
  Wl
2350
2350
  ])
2351
2351
  ])) : I("", !0),
@@ -2358,29 +2358,29 @@ const Je = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
2358
2358
  }, {
2359
2359
  default: M(({
2360
2360
  active: se,
2361
- selected: et
2361
+ selected: tt
2362
2362
  }) => {
2363
- var tt, st;
2363
+ var st, nt;
2364
2364
  return [
2365
2365
  p("li", {
2366
2366
  class: b(
2367
2367
  we({
2368
2368
  active: se,
2369
- disabled: ((tt = e.disabledItemPredicate) == null ? void 0 : tt.call(e, q)) || !1
2369
+ disabled: ((st = e.disabledItemPredicate) == null ? void 0 : st.call(e, q)) || !1
2370
2370
  })
2371
2371
  )
2372
2372
  }, [
2373
2373
  p("span", ql, [
2374
- R(C.$slots, "option", {
2374
+ R($.$slots, "option", {
2375
2375
  item: q,
2376
2376
  active: se,
2377
- selected: et,
2378
- disabled: ((st = e.disabledItemPredicate) == null ? void 0 : st.call(e, q)) || !1
2377
+ selected: tt,
2378
+ disabled: ((nt = e.disabledItemPredicate) == null ? void 0 : nt.call(e, q)) || !1
2379
2379
  }, () => [
2380
2380
  D(z(F(q)), 1)
2381
2381
  ])
2382
2382
  ]),
2383
- !e.hideCheckmarks && et ? (a(), f("span", {
2383
+ !e.hideCheckmarks && tt ? (a(), f("span", {
2384
2384
  key: 0,
2385
2385
  class: b([
2386
2386
  se ? "text-primary" : "text-foreground",
@@ -2423,7 +2423,7 @@ const Je = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
2423
2423
  sourceApp: null
2424
2424
  },
2425
2425
  setup(e) {
2426
- return (t, i) => (a(), O(Ze, {
2426
+ return (t, i) => (a(), O(Ne, {
2427
2427
  "color-classes": "text-foreground-on-primary",
2428
2428
  rounded: "",
2429
2429
  style: Y({ backgroundColor: e.sourceApp.bgColor })
@@ -2607,10 +2607,10 @@ const Je = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
2607
2607
  (a(!0), f(H, null, G(l(n)(r) ? r : [r], (v) => (a(), f("li", {
2608
2608
  key: v[e.by]
2609
2609
  }, [
2610
- V(Ze, {
2610
+ V(Ne, {
2611
2611
  size: "lg",
2612
2612
  "clickable-icon": !0,
2613
- "icon-left": l(Xe),
2613
+ "icon-left": l(Ze),
2614
2614
  onClickIcon: pe((g) => h(v), ["stop"])
2615
2615
  }, {
2616
2616
  default: M(() => [
@@ -2636,7 +2636,7 @@ const Je = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
2636
2636
  }),
2637
2637
  emits: ["update:modelValue"],
2638
2638
  setup(e) {
2639
- const t = it(e, "modelValue");
2639
+ const t = ut(e, "modelValue");
2640
2640
  return (i, s) => (a(), f("div", Yl, [
2641
2641
  V(l(Ss), {
2642
2642
  modelValue: t.value,
@@ -2648,7 +2648,7 @@ const Je = /* @__PURE__ */ Oe(Ll, [["__scopeId", "data-v-89e77cae"]]), Ol = { cl
2648
2648
  V(l(pt), {
2649
2649
  class: b(["h-5 w-5 drop-shadow-md", e.icons ? "opacity-100" : "opacity-0"])
2650
2650
  }, null, 8, ["class"]),
2651
- V(l(Xe), {
2651
+ V(l(Ze), {
2652
2652
  class: b(["h-5 w-5 drop-shadow-md", e.icons ? "opacity-100" : "opacity-0"])
2653
2653
  }, null, 8, ["class"])
2654
2654
  ]),
@@ -2784,9 +2784,9 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
2784
2784
  return g.value >= 1 && B.push("md:max-w-2xl"), g.value >= 2 && B.push("lg:max-w-4xl"), g.value >= 3 && B.push("xl:max-w-6xl"), g.value >= 4 && B.push("2xl:max-w-7xl"), B.join(" ");
2785
2785
  }), x = () => {
2786
2786
  s.preventCloseOnClickOutside || (v.value = !1);
2787
- }, d = ut((B) => {
2788
- const k = B.target, { scrollTop: $, offsetHeight: S, scrollHeight: _ } = k;
2789
- n.value = $ > 0, h.value = $ + S >= _;
2787
+ }, d = ct((B) => {
2788
+ const k = B.target, { scrollTop: C, offsetHeight: S, scrollHeight: _ } = k;
2789
+ n.value = C > 0, h.value = C + S >= _;
2790
2790
  }, 60);
2791
2791
  return (B, k) => (a(), O(l(vt), {
2792
2792
  as: "template",
@@ -2799,7 +2799,7 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
2799
2799
  onClose: x
2800
2800
  }, {
2801
2801
  default: M(() => [
2802
- V(l(at), {
2802
+ V(l(ot), {
2803
2803
  as: "template",
2804
2804
  enter: "ease-out duration-300",
2805
2805
  "enter-from": "opacity-0",
@@ -2815,7 +2815,7 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
2815
2815
  }),
2816
2816
  p("div", aa, [
2817
2817
  p("div", oa, [
2818
- V(l(at), {
2818
+ V(l(ot), {
2819
2819
  as: "template",
2820
2820
  enter: "ease-out duration-300",
2821
2821
  "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -2823,7 +2823,7 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
2823
2823
  leave: "ease-in duration-200",
2824
2824
  "leave-from": "opacity-100 translate-y-0 sm:scale-100",
2825
2825
  "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
2826
- onAfterLeave: k[2] || (k[2] = ($) => B.$emit("fully-closed"))
2826
+ onAfterLeave: k[3] || (k[3] = (C) => B.$emit("fully-closed"))
2827
2827
  }, {
2828
2828
  default: M(() => [
2829
2829
  V(l(Vs), {
@@ -2832,7 +2832,7 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
2832
2832
  y.value
2833
2833
  ]),
2834
2834
  as: m.value ? "form" : "div",
2835
- onSubmit: pe(e.onSubmit, ["prevent"])
2835
+ onSubmit: k[2] || (k[2] = pe((C) => e.onSubmit || l(Xe), ["prevent"]))
2836
2836
  }, {
2837
2837
  default: M(() => [
2838
2838
  p("div", {
@@ -2848,14 +2848,14 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
2848
2848
  e.hideCloser ? I("", !0) : (a(), f("button", {
2849
2849
  key: 0,
2850
2850
  class: b(["absolute z-20 bg-foundation rounded-full p-1", r.value ? "top-2 right-3 sm:top-4" : "right-4 top-3"]),
2851
- onClick: k[0] || (k[0] = ($) => v.value = !1)
2851
+ onClick: k[0] || (k[0] = (C) => v.value = !1)
2852
2852
  }, [
2853
2853
  V(l(es), { class: "h-5 sm:h-6 w-5 sm:w-6" })
2854
2854
  ], 2)),
2855
2855
  p("div", {
2856
2856
  class: b(["flex-1 simple-scrollbar overflow-y-auto", r.value ? "p-3 sm:py-6 sm:px-8" : "p-6 pt-10 sm:p-10"]),
2857
2857
  onScroll: k[1] || (k[1] = //@ts-ignore
2858
- (...$) => l(d) && l(d)(...$))
2858
+ (...C) => l(d) && l(d)(...C))
2859
2859
  }, [
2860
2860
  R(B.$slots, "default", {}, () => [
2861
2861
  D("Put your content here!")
@@ -2865,20 +2865,20 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
2865
2865
  key: 1,
2866
2866
  class: b(["relative z-50 flex px-4 py-2 sm:py-4 sm:px-6 gap-2 shrink-0 bg-foundation", !h.value && "shadow-t"])
2867
2867
  }, [
2868
- e.buttons ? (a(!0), f(H, { key: 0 }, G(e.buttons, ($, S) => (a(), O(l(oe), ie({ key: S }, $.props, {
2869
- disabled: $.disabled,
2870
- type: $.submit && "submit",
2871
- onClick: $.onClick
2868
+ e.buttons ? (a(!0), f(H, { key: 0 }, G(e.buttons, (C, S) => (a(), O(l(oe), ie({ key: S }, C.props, {
2869
+ disabled: C.disabled,
2870
+ type: C.submit && "submit",
2871
+ onClick: C.onClick
2872
2872
  }), {
2873
2873
  default: M(() => [
2874
- D(z($.text), 1)
2874
+ D(z(C.text), 1)
2875
2875
  ]),
2876
2876
  _: 2
2877
2877
  }, 1040, ["disabled", "type", "onClick"]))), 128)) : R(B.$slots, "buttons", { key: 1 })
2878
2878
  ], 2)) : I("", !0)
2879
2879
  ]),
2880
2880
  _: 3
2881
- }, 8, ["class", "as", "onSubmit"])
2881
+ }, 8, ["class", "as"])
2882
2882
  ]),
2883
2883
  _: 3
2884
2884
  })
@@ -2944,7 +2944,7 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
2944
2944
  p("div", ie({
2945
2945
  class: ["flex justify-between items-center gap-4 sm:gap-8 py-3 sm:py-4 px-2", n.value],
2946
2946
  tabindex: "0"
2947
- }, nt(
2947
+ }, lt(
2948
2948
  !e.button && !e.alwaysOpen ? {
2949
2949
  click: m,
2950
2950
  keypress: l(bt)(m)
@@ -2971,7 +2971,7 @@ const la = /* @__PURE__ */ p("div", { class: "fixed inset-0 bg-neutral-100/70 da
2971
2971
  color: e.button.expandContent && o.value ? "invert" : e.button.color,
2972
2972
  "icon-right": e.button.expandContent && o.value ? void 0 : e.button.iconRight,
2973
2973
  onClick: (v = e.button) == null ? void 0 : v.onClick
2974
- }, nt((g = e.button) != null && g.expandContent ? { click: m } : {})), {
2974
+ }, lt((g = e.button) != null && g.expandContent ? { click: m } : {})), {
2975
2975
  default: M(() => [
2976
2976
  D(z(e.button.expandContent && o.value ? "Cancel" : e.button.text), 1)
2977
2977
  ]),
@@ -3159,7 +3159,7 @@ function ba(e, t) {
3159
3159
  wait: i = 100,
3160
3160
  throttleOrDebounce: s = 0
3161
3161
  /* Throttle */
3162
- } = t || {}, o = i ? s === 0 ? ut(e, i) : Ge(e, i) : e;
3162
+ } = t || {}, o = i ? s === 0 ? ct(e, i) : Ge(e, i) : e;
3163
3163
  ae(() => window.addEventListener("resize", o)), qe(() => window.removeEventListener("resize", o));
3164
3164
  }
3165
3165
  function Go(e) {
@@ -3217,10 +3217,10 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
3217
3217
  get: () => s.open || !1,
3218
3218
  set: (x) => i("update:open", x)
3219
3219
  }), r = (x) => {
3220
- const { active: d, disabled: B, color: k } = x, $ = [
3220
+ const { active: d, disabled: B, color: k } = x, C = [
3221
3221
  "group flex gap-3 w-full items-center rounded-md px-2 py-1.5 text-sm"
3222
3222
  ];
3223
- return d && !k ? $.push("bg-foundation-focus text-foreground") : B ? $.push("text-foreground-disabled") : k === "danger" && d ? $.push("text-foreground-on-primary bg-danger") : k === "danger" && !d ? $.push("text-danger") : k === "info" && d ? $.push("text-foreground-on-primary bg-info") : k === "info" && !d ? $.push("text-info") : $.push("text-foreground"), $.join(" ");
3223
+ return d && !k ? C.push("bg-foundation-focus text-foreground") : B ? C.push("text-foreground-disabled") : k === "danger" && d ? C.push("text-foreground-on-primary bg-danger") : k === "danger" && !d ? C.push("text-danger") : k === "info" && d ? C.push("text-foreground-on-primary bg-info") : k === "info" && !d ? C.push("text-info") : C.push("text-foreground"), C.join(" ");
3224
3224
  }, v = (x, d) => {
3225
3225
  i("chosen", { item: x, event: d });
3226
3226
  }, g = () => {
@@ -3274,8 +3274,8 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
3274
3274
  ])
3275
3275
  }, {
3276
3276
  default: M(() => [
3277
- (a(!0), f(H, null, G(e.items, (k, $) => (a(), f("div", {
3278
- key: $,
3277
+ (a(!0), f(H, null, G(e.items, (k, C) => (a(), f("div", {
3278
+ key: C,
3279
3279
  class: "p-1"
3280
3280
  }, [
3281
3281
  (a(!0), f(H, null, G(k, (S) => (a(), O(l(Ts), {
@@ -3519,7 +3519,7 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
3519
3519
  class: b(v.class),
3520
3520
  "text-color": v.textColor,
3521
3521
  to: l(ye)(v.action) ? v.action : void 0,
3522
- onClick: pe((g) => l(ye)(v.action) ? l(ct) : v.action(r), ["stop"])
3522
+ onClick: pe((g) => l(ye)(v.action) ? l(Xe) : v.action(r), ["stop"])
3523
3523
  }, null, 8, ["icon-left", "class", "text-color", "to", "onClick"])
3524
3524
  ]))), 128))
3525
3525
  ])
@@ -3550,7 +3550,7 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
3550
3550
  onInfinite: o[0] || (o[0] = (n) => s.$emit("infinite", n))
3551
3551
  }), {
3552
3552
  spinner: M(() => [
3553
- V(Je, {
3553
+ V(Ye, {
3554
3554
  loading: !0,
3555
3555
  class: "my-2"
3556
3556
  })
@@ -3867,13 +3867,13 @@ const xa = ["disabled", "onClick"], Xo = /* @__PURE__ */ P({
3867
3867
  p("div", {
3868
3868
  class: b(r.value)
3869
3869
  }, [
3870
- (a(!0), f(H, null, G(e.actions || [], (k, $) => (a(), O(oe, {
3871
- key: $,
3870
+ (a(!0), f(H, null, G(e.actions || [], (k, C) => (a(), O(oe, {
3871
+ key: C,
3872
3872
  color: e.color,
3873
3873
  size: x.value,
3874
3874
  to: k.url,
3875
3875
  external: k.externalUrl || !1,
3876
- onClick: (S) => k.onClick || l(ct)
3876
+ onClick: (S) => k.onClick || l(Xe)
3877
3877
  }, {
3878
3878
  default: M(() => [
3879
3879
  D(z(k.title), 1)
@@ -3976,10 +3976,10 @@ const sr = () => {
3976
3976
  helpTipId: d,
3977
3977
  hideHelpTip: B,
3978
3978
  helpTipClasses: k,
3979
- errorMessage: $,
3979
+ errorMessage: C,
3980
3980
  clear: S,
3981
3981
  value: _
3982
- } = Ne({
3982
+ } = Qe({
3983
3983
  props: le(n),
3984
3984
  emit: o,
3985
3985
  inputEl: h
@@ -4008,7 +4008,7 @@ const sr = () => {
4008
4008
  v.value,
4009
4009
  n.disabled ? "cursor-not-allowed !bg-foundation-disabled !text-disabled-muted" : ""
4010
4010
  ];
4011
- return re.value && ($.value || n.showRequired) ? j.push("pr-14") : (re.value || $.value || n.showRequired) && j.push("pr-8"), $.value ? (j.push("border-2 border-danger text-danger-darker"), m.value && j.push("ring-1 ring-danger")) : (j.push("border-2 border-transparent"), m.value && j.push("ring-2 ring-outline-2")), j.join(" ");
4011
+ return re.value && (C.value || n.showRequired) ? j.push("pr-14") : (re.value || C.value || n.showRequired) && j.push("pr-8"), C.value ? (j.push("border-2 border-danger text-danger-darker"), m.value && j.push("ring-1 ring-danger")) : (j.push("border-2 border-transparent"), m.value && j.push("ring-2 ring-outline-2")), j.join(" ");
4012
4012
  }), Pe = (j) => {
4013
4013
  if (n.disabled)
4014
4014
  return;
@@ -4044,8 +4044,8 @@ const sr = () => {
4044
4044
  if ((Z = u.value) != null && Z.isOpen() && A.value.length && !F)
4045
4045
  (te = u.value) == null || te.selectActive(), we = !0;
4046
4046
  else {
4047
- const C = W.value.trim().substring(0, W.value.length - (s(j) ? 1 : 0)), K = U.value.includes(C);
4048
- C.length > 0 && !K && (U.value = [...U.value, C], we = !0);
4047
+ const $ = W.value.trim().substring(0, W.value.length - (s(j) ? 1 : 0)), K = U.value.includes($);
4048
+ $.length > 0 && !K && (U.value = [...U.value, $], we = !0);
4049
4049
  }
4050
4050
  we && (W.value = "", E.value = !1);
4051
4051
  } else
@@ -4081,7 +4081,7 @@ const sr = () => {
4081
4081
  p("div", {
4082
4082
  class: b(["relative flex flex-wrap items-center space-x-1 px-2 py-1", Ae.value])
4083
4083
  }, [
4084
- (a(!0), f(H, null, G(U.value, (T) => (a(), O(Ze, {
4084
+ (a(!0), f(H, null, G(U.value, (T) => (a(), O(Ne, {
4085
4085
  key: T,
4086
4086
  "icon-left": e.disabled ? void 0 : l(xe),
4087
4087
  "clickable-icon": "",
@@ -4129,7 +4129,7 @@ const sr = () => {
4129
4129
  "aria-hidden": "true"
4130
4130
  })
4131
4131
  ], 32)) : I("", !0),
4132
- l($) ? (a(), f("div", {
4132
+ l(C) ? (a(), f("div", {
4133
4133
  key: 1,
4134
4134
  class: b([
4135
4135
  "pointer-events-none absolute top-[10px] right-0 flex items-center",
@@ -4141,7 +4141,7 @@ const sr = () => {
4141
4141
  "aria-hidden": "true"
4142
4142
  })
4143
4143
  ], 2)) : I("", !0),
4144
- e.showRequired && !l($) ? (a(), f("div", {
4144
+ e.showRequired && !l(C) ? (a(), f("div", {
4145
4145
  key: 2,
4146
4146
  class: b(["pointer-events-none absolute top-[2px] text-4xl right-0 flex items-center text-danger opacity-50", re.value ? "pr-8" : "pr-2"])
4147
4147
  }, " * ", 2)) : I("", !0)
@@ -4159,7 +4159,7 @@ const sr = () => {
4159
4159
  key: 0,
4160
4160
  class: b(["px-1", A.value.length ? "mb-1" : ""])
4161
4161
  }, [
4162
- V(Je, { loading: !0 })
4162
+ V(Ye, { loading: !0 })
4163
4163
  ], 2)) : I("", !0),
4164
4164
  !A.value.length && !w.value ? (a(), f("div", qa, Ka)) : I("", !0),
4165
4165
  A.value.length ? (a(!0), f(H, { key: 2 }, G(A.value, (T) => (a(), O(l(Rs), {
@@ -4441,7 +4441,7 @@ const Xa = {
4441
4441
  validateOnMount: n.validateOnMount,
4442
4442
  validateOnValueUpdate: n.validateOnValueUpdate,
4443
4443
  initialValue: n.modelValue || void 0
4444
- }), u = it(e, "editMode", { local: !0 }), r = c(
4444
+ }), u = ut(e, "editMode", { local: !0 }), r = c(
4445
4445
  () => ({
4446
4446
  avatar: h.value,
4447
4447
  name: n.placeholder
@@ -4500,10 +4500,10 @@ ne(no, "defaultMessage", "getCurrentInstance() returned null. Method must be cal
4500
4500
  class lo extends de {
4501
4501
  }
4502
4502
  ne(lo, "defaultMessage", "Operation not supported in current (server or client) environment");
4503
- var Ye = /* @__PURE__ */ ((e) => (e.AnyAudio = "audio/*", e.AnyVideo = "video/*", e.AnyImage = "image/*", e))(Ye || {});
4503
+ var et = /* @__PURE__ */ ((e) => (e.AnyAudio = "audio/*", e.AnyVideo = "video/*", e.AnyImage = "image/*", e))(et || {});
4504
4504
  function ao(e, t) {
4505
4505
  const i = Dt(
4506
- Object.values(Ye),
4506
+ Object.values(et),
4507
4507
  t
4508
4508
  );
4509
4509
  for (const n of i)
@@ -4534,9 +4534,9 @@ function oo(e) {
4534
4534
  return t ? `.${t}` : null;
4535
4535
  }
4536
4536
  function ro(e) {
4537
- return e.startsWith(".") || Object.values(Ye).includes(e);
4537
+ return e.startsWith(".") || Object.values(et).includes(e);
4538
4538
  }
4539
- function rt(e) {
4539
+ function it(e) {
4540
4540
  const t = (n) => parseFloat(n.toFixed(2)).toString();
4541
4541
  if (e < 1024)
4542
4542
  return `${e}bytes`;
@@ -4595,9 +4595,9 @@ function fo(e) {
4595
4595
  file: g,
4596
4596
  id: y,
4597
4597
  error: new St(
4598
- `The selected file's size (${rt(
4598
+ `The selected file's size (${it(
4599
4599
  g.size
4600
- )}) is too big (over ${rt(l(o))})`
4600
+ )}) is too big (over ${it(l(o))})`
4601
4601
  )
4602
4602
  });
4603
4603
  continue;
@@ -4683,8 +4683,8 @@ export {
4683
4683
  uo as BlobUploadStatus,
4684
4684
  er as CommonAlert,
4685
4685
  Lo as CommonAnimationInstructional,
4686
- Ze as CommonBadge,
4687
- Je as CommonLoadingBar,
4686
+ Ne as CommonBadge,
4687
+ Ye as CommonLoadingBar,
4688
4688
  Na as CommonLoadingIcon,
4689
4689
  Vo as CommonStepsBullet,
4690
4690
  zo as CommonStepsNumber,
@@ -4723,7 +4723,7 @@ export {
4723
4723
  ga as ThrottleOrDebounce,
4724
4724
  Ce as ToastNotificationType,
4725
4725
  so as UninitializedResourceAccessError,
4726
- Ye as UniqueFileTypeSpecifier,
4726
+ et as UniqueFileTypeSpecifier,
4727
4727
  lo as UnsupportedEnvironmentError,
4728
4728
  Ue as UserAvatar,
4729
4729
  ar as UserAvatarEditable,
@@ -4734,7 +4734,7 @@ export {
4734
4734
  Do as getKeyboardShortcutTitle,
4735
4735
  bt as keyboardClick,
4736
4736
  Eo as onKeyboardShortcut,
4737
- rt as prettyFileSize,
4737
+ it as prettyFileSize,
4738
4738
  Uo as useFormCheckboxModel,
4739
4739
  wt as useFormSelectChildInternals,
4740
4740
  Go as useOnBeforeWindowUnload,