@topjoao/top-design-system 0.2.12 → 0.2.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.
@@ -18,11 +18,11 @@ import K from "primevue/tabpanels";
18
18
  import ae from "primevue/tabs";
19
19
  import q from "primevue/accordion";
20
20
  import J from "primevue/accordioncontent";
21
- import oe from "primevue/accordionheader";
22
- import se from "primevue/accordionpanel";
23
- import Y from "primevue/toast";
21
+ import Y from "primevue/accordionheader";
22
+ import oe from "primevue/accordionpanel";
23
+ import X from "primevue/toast";
24
24
  //#region src/components/TopButton.vue?vue&type=script&setup=true&lang.ts
25
- var ce = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px] bg-transparent" }, le = /* @__PURE__ */ u({
25
+ var se = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px] bg-transparent" }, ce = /* @__PURE__ */ u({
26
26
  __name: "TopButton",
27
27
  props: {
28
28
  tooltip: { default: "" },
@@ -59,7 +59,7 @@ var ce = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
59
59
  let e = c.unstyled ? "" : u.value === "secondary" ? "rounded-[10px] border px-3 py-2 font-bold dark:!border-zinc-500 dark:!bg-zinc-700 dark:!text-zinc-100 dark:hover:!bg-zinc-600" : c.outlined ? u.value === "primary" ? "shrink-0 rounded-[10px] border-primary-800 px-3 py-2 text-primary-800 hover:bg-primary-50 dark:border-primary-200 dark:bg-transparent dark:text-primary-100 dark:hover:bg-primary-900" : "shrink-0 rounded-[10px] border px-3 py-2 font-bold" : u.value === "primary" ? "rounded-[10px] !border-primary-900 bg-primary-900 px-3 py-2 font-bold text-white hover:!border-primary-800 hover:bg-primary-800 dark:!text-white" : "rounded-[10px] border px-3 py-2 font-bold";
60
60
  return I("top-button__control text-xs", e, c.class);
61
61
  });
62
- return (t, n) => (b(), a("span", ce, [M((b(), r(O(P), {
62
+ return (t, n) => (b(), a("span", se, [M((b(), r(O(P), {
63
63
  type: e.type,
64
64
  label: e.label,
65
65
  disabled: e.disabled || e.loading,
@@ -94,7 +94,7 @@ var ce = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
94
94
  { top: !0 }
95
95
  ]])]));
96
96
  }
97
- }), X = {
97
+ }), le = {
98
98
  primary: {
99
99
  50: "#EEF9FF",
100
100
  100: "#DFF4FF",
@@ -192,8 +192,8 @@ var ce = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
192
192
  !e && i.loading || a("update:modelValue", e);
193
193
  }
194
194
  }), u = n(() => ({
195
- "--top-confirm-dialog-accent": i.severity === "danger" ? X.danger[600] : X.primary[800],
196
- "--top-confirm-dialog-accent-hover": i.severity === "danger" ? X.danger[700] : X.primary[700]
195
+ "--top-confirm-dialog-accent": i.severity === "danger" ? le.danger[600] : le.primary[800],
196
+ "--top-confirm-dialog-accent-hover": i.severity === "danger" ? le.danger[700] : le.primary[700]
197
197
  })), d = n(() => ["px-3 py-2 text-sm", i.severity === "danger" ? "!border-red-600 !bg-red-600 hover:!border-red-700 hover:!bg-red-700" : ""].filter(Boolean).join(" "));
198
198
  function f() {
199
199
  i.loading || a("confirm");
@@ -244,13 +244,13 @@ var ce = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
244
244
  "aria-hidden": "true"
245
245
  }, null, 2), o("p", fe, D(e.title), 1)]),
246
246
  o("div", Z, [w(t.$slots, "message", {}, () => [w(t.$slots, "default", {}, () => [c(D(e.message), 1)])])]),
247
- o("div", pe, [l(le, {
247
+ o("div", pe, [l(ce, {
248
248
  label: e.cancelText,
249
249
  secondary: "",
250
250
  disabled: e.loading,
251
251
  class: "px-3 py-2 text-sm",
252
252
  onClick: p
253
- }, null, 8, ["label", "disabled"]), l(le, {
253
+ }, null, 8, ["label", "disabled"]), l(ce, {
254
254
  label: e.loading ? e.loadingText : e.confirmText,
255
255
  loading: e.loading,
256
256
  class: h(d.value),
@@ -774,7 +774,7 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
774
774
  class: "pi pi-times",
775
775
  "aria-hidden": "true"
776
776
  }, null, -1)]], 8, Be)
777
- ]))), 128)), t.multiple && (!t.maxFiles || _.value.length < t.maxFiles) ? (b(), r(le, {
777
+ ]))), 128)), t.multiple && (!t.maxFiles || _.value.length < t.maxFiles) ? (b(), r(ce, {
778
778
  key: 0,
779
779
  label: t.selectLabel,
780
780
  icon: "pi pi-plus-circle",
@@ -799,7 +799,7 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
799
799
  class: "text-primary-800 dark:text-primary-300"
800
800
  }, null, 8, ["icon"]))]),
801
801
  o("p", Ne, D(t.placeholder), 1),
802
- l(le, {
802
+ l(ce, {
803
803
  label: t.selectLabel,
804
804
  icon: "pi pi-plus-circle",
805
805
  disabled: t.disabled,
@@ -1576,12 +1576,12 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
1576
1576
  "user-click"
1577
1577
  ],
1578
1578
  setup(s, { expose: u, emit: d }) {
1579
- let f = s, p = d, g = te(), x = S(null), T = S(null), E = S(null), ee = S(null), k = S(null), M = S(null), P = S(f.mobileOpen ?? !1), F = S(!1), I = S(null), L = S([]), R = S(null), z = S([]), B = S(!1), V = S(!1), ne = S(!1), ie = S(null), U = S(!1), W = S(!1), G = S(!1), K = S(!0), ae = S(!1), q = S(f.searchValue ?? ""), J = S(!1), oe = S(!1), se = S(!1), Y = S({
1579
+ let f = s, p = d, g = te(), x = S(null), T = S(null), E = S(null), ee = S(null), k = S(null), M = S(null), P = S(f.mobileOpen ?? !1), F = S(!1), I = S(null), L = S([]), R = S(null), z = S([]), B = S(!1), V = S(!1), ne = S(!1), ie = S(null), U = S(!1), W = S(!1), G = S(!1), K = S(!0), ae = S(!1), q = S(f.searchValue ?? ""), J = S(!1), Y = S(!1), oe = S(!1), X = S({
1580
1580
  collapseActions: !1,
1581
1581
  searchIconOnly: !1,
1582
1582
  hideUserName: !1,
1583
1583
  hideContextDetails: !1
1584
- }), ce, le, X, ue, de = 0;
1584
+ }), se, ce, le, ue, de = 0;
1585
1585
  function fe(e) {
1586
1586
  return (e.children ?? []).filter(Boolean).map((e) => {
1587
1587
  let t = fe(e);
@@ -1828,11 +1828,11 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
1828
1828
  P.value = !0, await m(), M.value?.focus();
1829
1829
  return;
1830
1830
  }
1831
- oe.value = !0, J.value = !0, await m(), k.value?.focus(), cr();
1831
+ Y.value = !0, J.value = !0, await m(), k.value?.focus(), cr();
1832
1832
  }
1833
1833
  function ar() {
1834
1834
  window.setTimeout(() => {
1835
- J.value = !1, Y.value.searchIconOnly && !q.value.trim() && (oe.value = !1, cr());
1835
+ J.value = !1, X.value.searchIconOnly && !q.value.trim() && (Y.value = !1, cr());
1836
1836
  }, 150);
1837
1837
  }
1838
1838
  function or() {
@@ -1841,7 +1841,7 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
1841
1841
  async function sr() {
1842
1842
  if (typeof window > "u" || !T.value) return;
1843
1843
  let e = ++de, t = or();
1844
- se.value = t < 1024;
1844
+ oe.value = t < 1024;
1845
1845
  let n = {
1846
1846
  collapseActions: !1,
1847
1847
  searchIconOnly: !1,
@@ -1849,10 +1849,10 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
1849
1849
  hideContextDetails: !1
1850
1850
  };
1851
1851
  if (t < 1024) {
1852
- Y.value = n, oe.value = !1;
1852
+ X.value = n, Y.value = !1;
1853
1853
  return;
1854
1854
  }
1855
- if (Y.value = {
1855
+ if (X.value = {
1856
1856
  collapseActions: t < 1440,
1857
1857
  searchIconOnly: t < 1320,
1858
1858
  hideUserName: t < 1180,
@@ -1865,15 +1865,15 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
1865
1865
  ]) {
1866
1866
  let n = T.value;
1867
1867
  if (!n || n.scrollWidth <= n.clientWidth + 1) break;
1868
- if (Y.value = {
1869
- ...Y.value,
1868
+ if (X.value = {
1869
+ ...X.value,
1870
1870
  [t]: !0
1871
1871
  }, await m(), e !== de) return;
1872
1872
  }
1873
1873
  }
1874
1874
  function cr() {
1875
- typeof window > "u" || (X !== void 0 && window.cancelAnimationFrame(X), X = window.requestAnimationFrame(() => {
1876
- X = void 0, sr();
1875
+ typeof window > "u" || (le !== void 0 && window.cancelAnimationFrame(le), le = window.requestAnimationFrame(() => {
1876
+ le = void 0, sr();
1877
1877
  }));
1878
1878
  }
1879
1879
  function lr(e) {
@@ -1896,7 +1896,7 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
1896
1896
  ie.value?.hide();
1897
1897
  return;
1898
1898
  }
1899
- P.value &&= !1, rr(), Y.value.searchIconOnly && !q.value.trim() && (oe.value = !1);
1899
+ P.value &&= !1, rr(), X.value.searchIconOnly && !q.value.trim() && (Y.value = !1);
1900
1900
  }
1901
1901
  }
1902
1902
  function dr() {
@@ -1926,11 +1926,11 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
1926
1926
  () => f.user,
1927
1927
  Ae
1928
1928
  ], () => m(cr), { deep: !0 }), A(Fe, () => m(We), { deep: !0 }), y(() => {
1929
- document.addEventListener("keydown", ur), document.addEventListener("pointerdown", lr), window.addEventListener("resize", cr), window.visualViewport?.addEventListener("resize", cr), window.addEventListener("resize", We), window.addEventListener("scroll", Ue, { passive: !0 }), typeof ResizeObserver < "u" && (ce = new ResizeObserver(cr), T.value && ce.observe(T.value), le = new ResizeObserver(We), E.value && le.observe(E.value)), cr(), m(() => {
1929
+ document.addEventListener("keydown", ur), document.addEventListener("pointerdown", lr), window.addEventListener("resize", cr), window.visualViewport?.addEventListener("resize", cr), window.addEventListener("resize", We), window.addEventListener("scroll", Ue, { passive: !0 }), typeof ResizeObserver < "u" && (se = new ResizeObserver(cr), T.value && se.observe(T.value), ce = new ResizeObserver(We), E.value && ce.observe(E.value)), cr(), m(() => {
1930
1930
  We(), Ue(), Ge();
1931
1931
  });
1932
1932
  }), v(() => {
1933
- document.removeEventListener("keydown", ur), document.removeEventListener("pointerdown", lr), window.removeEventListener("resize", cr), window.visualViewport?.removeEventListener("resize", cr), window.removeEventListener("resize", We), window.removeEventListener("scroll", Ue), ce?.disconnect(), le?.disconnect(), X !== void 0 && window.cancelAnimationFrame(X), ue !== void 0 && window.cancelAnimationFrame(ue);
1933
+ document.removeEventListener("keydown", ur), document.removeEventListener("pointerdown", lr), window.removeEventListener("resize", cr), window.visualViewport?.removeEventListener("resize", cr), window.removeEventListener("resize", We), window.removeEventListener("scroll", Ue), se?.disconnect(), ce?.disconnect(), le !== void 0 && window.cancelAnimationFrame(le), ue !== void 0 && window.cancelAnimationFrame(ue);
1934
1934
  }), u({
1935
1935
  close: rr,
1936
1936
  closeDrawer: () => {
@@ -1950,7 +1950,7 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
1950
1950
  o("header", {
1951
1951
  ref_key: "headerRef",
1952
1952
  ref: T,
1953
- class: h(["top-nav-bar__header", { "top-nav-bar__header--context-compact": Y.value.hideContextDetails }])
1953
+ class: h(["top-nav-bar__header", { "top-nav-bar__header--context-compact": X.value.hideContextDetails }])
1954
1954
  }, [
1955
1955
  Re.value ? (b(), a("button", {
1956
1956
  key: 0,
@@ -1963,32 +1963,32 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
1963
1963
  class: "pi pi-bars",
1964
1964
  "aria-hidden": "true"
1965
1965
  }, null, -1)]], 8, ct)) : i("", !0),
1966
- o("div", lt, [w(n.$slots, "brand", { compact: Y.value.hideContextDetails })]),
1966
+ o("div", lt, [w(n.$slots, "brand", { compact: X.value.hideContextDetails })]),
1967
1967
  Pe.value ? (b(), a("div", ut)) : i("", !0),
1968
- Pe.value ? (b(), a("div", dt, [Y.value.hideContextDetails && n.$slots["context-compact"] ? w(n.$slots, "context-compact", {
1968
+ Pe.value ? (b(), a("div", dt, [X.value.hideContextDetails && n.$slots["context-compact"] ? w(n.$slots, "context-compact", {
1969
1969
  client: s.client,
1970
1970
  compact: !0
1971
1971
  }, void 0, void 0, 0) : n.$slots.context ? w(n.$slots, "context", {
1972
1972
  client: s.client,
1973
- compact: Y.value.hideContextDetails
1973
+ compact: X.value.hideContextDetails
1974
1974
  }, void 0, void 0, 1) : n.$slots.scope ? w(n.$slots, "scope", {
1975
1975
  client: s.client,
1976
- compact: Y.value.hideContextDetails
1976
+ compact: X.value.hideContextDetails
1977
1977
  }, void 0, void 0, 2) : w(n.$slots, "client", {
1978
1978
  client: s.client,
1979
- compact: Y.value.hideContextDetails
1979
+ compact: X.value.hideContextDetails
1980
1980
  }, () => [s.client ? (b(), a("div", ft, [s.client.logoUrl ? (b(), a("img", {
1981
1981
  key: 0,
1982
1982
  src: s.client.logoUrl,
1983
1983
  alt: "",
1984
1984
  class: "top-nav-bar__client-logo"
1985
- }, null, 8, pt)) : (b(), a("span", mt, D(He.value), 1)), Y.value.hideContextDetails ? i("", !0) : (b(), a("span", ht, [o("span", gt, D(s.client.name), 1), s.client.subtitle ? (b(), a("span", _t, D(s.client.subtitle), 1)) : i("", !0)]))])) : i("", !0)], void 0, 3)])) : i("", !0),
1985
+ }, null, 8, pt)) : (b(), a("span", mt, D(He.value), 1)), X.value.hideContextDetails ? i("", !0) : (b(), a("span", ht, [o("span", gt, D(s.client.name), 1), s.client.subtitle ? (b(), a("span", _t, D(s.client.subtitle), 1)) : i("", !0)]))])) : i("", !0)], void 0, 3)])) : i("", !0),
1986
1986
  u[24] ||= o("div", {
1987
1987
  class: "top-nav-bar__spacer",
1988
1988
  "aria-hidden": "true"
1989
1989
  }, null, -1),
1990
1990
  o("div", vt, [
1991
- s.searchable ? (b(), a("div", yt, [Y.value.searchIconOnly && !oe.value ? (b(), a("button", {
1991
+ s.searchable ? (b(), a("div", yt, [X.value.searchIconOnly && !Y.value ? (b(), a("button", {
1992
1992
  key: 0,
1993
1993
  class: "top-nav-bar__square-button",
1994
1994
  type: "button",
@@ -2000,7 +2000,7 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
2000
2000
  "aria-hidden": "true"
2001
2001
  }, null, -1)]])) : (b(), a("div", {
2002
2002
  key: 1,
2003
- class: h(["top-nav-bar__search", { "top-nav-bar__search--expanded": oe.value }])
2003
+ class: h(["top-nav-bar__search", { "top-nav-bar__search--expanded": Y.value }])
2004
2004
  }, [
2005
2005
  u[22] ||= o("i", {
2006
2006
  class: "pi pi-search",
@@ -2018,13 +2018,13 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
2018
2018
  onBlur: ar,
2019
2019
  onInput: u[2] ||= (e) => Ye(e.target.value)
2020
2020
  }, null, 40, bt),
2021
- q.value || Y.value.searchIconOnly && oe.value ? (b(), a("button", {
2021
+ q.value || X.value.searchIconOnly && Y.value ? (b(), a("button", {
2022
2022
  key: 0,
2023
2023
  class: "top-nav-bar__search-clear",
2024
2024
  type: "button",
2025
2025
  "aria-label": q.value ? "Limpar pesquisa" : "Fechar pesquisa",
2026
2026
  onMousedown: u[3] ||= N(() => {}, ["prevent"]),
2027
- onClick: u[4] ||= (e) => q.value ? Xe() : oe.value = !1
2027
+ onClick: u[4] ||= (e) => q.value ? Xe() : Y.value = !1
2028
2028
  }, [...u[21] ||= [o("i", {
2029
2029
  class: "pi pi-times",
2030
2030
  "aria-hidden": "true"
@@ -2046,7 +2046,7 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
2046
2046
  "aria-hidden": "true"
2047
2047
  }, null, 2)) : i("", !0), o("span", null, D(e.label), 1)], 40, wt))), 128)), ge.value.length ? i("", !0) : (b(), a("span", Tt, "Nenhum item encontrado."))])])])) : i("", !0)
2048
2048
  ], 2))])) : i("", !0),
2049
- Ae.value.length ? (b(), a("div", Et, [Y.value.collapseActions ? (b(), a(e, { key: 1 }, [o("button", {
2049
+ Ae.value.length ? (b(), a("div", Et, [X.value.collapseActions ? (b(), a(e, { key: 1 }, [o("button", {
2050
2050
  class: "top-nav-bar__square-button",
2051
2051
  type: "button",
2052
2052
  "aria-label": "Mais ações",
@@ -2086,7 +2086,7 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
2086
2086
  "aria-hidden": "true"
2087
2087
  }, null, 2))], 10, Dt))), 128))])) : i("", !0),
2088
2088
  n.$slots.actions ? (b(), a("div", Mt, [w(n.$slots, "actions", {
2089
- compact: Y.value.collapseActions,
2089
+ compact: X.value.collapseActions,
2090
2090
  close: rr
2091
2091
  })])) : i("", !0),
2092
2092
  Ne.value ? (b(), a("div", {
@@ -2103,13 +2103,13 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
2103
2103
  onClick: dr
2104
2104
  }, [w(n.$slots, "user", {
2105
2105
  user: s.user,
2106
- compact: Y.value.hideUserName
2106
+ compact: X.value.hideUserName
2107
2107
  }, () => [s.user?.avatarUrl ? (b(), a("img", {
2108
2108
  key: 0,
2109
2109
  src: s.user.avatarUrl,
2110
2110
  alt: "",
2111
2111
  class: "top-nav-bar__user-avatar"
2112
- }, null, 8, Pt)) : (b(), a("span", Ft, D(ze.value), 1)), s.user && !Y.value.hideUserName ? (b(), a("span", It, [o("span", Lt, D(s.user.name), 1), s.user.subtitle ? (b(), a("span", Rt, D(s.user.subtitle), 1)) : i("", !0)])) : i("", !0)]), Me.value ? (b(), a("i", zt)) : i("", !0)], 8, Nt), Me.value && V.value ? (b(), a("div", Bt, [o("div", Vt, [w(n.$slots, "user-menu", {
2112
+ }, null, 8, Pt)) : (b(), a("span", Ft, D(ze.value), 1)), s.user && !X.value.hideUserName ? (b(), a("span", It, [o("span", Lt, D(s.user.name), 1), s.user.subtitle ? (b(), a("span", Rt, D(s.user.subtitle), 1)) : i("", !0)])) : i("", !0)]), Me.value ? (b(), a("i", zt)) : i("", !0)], 8, Nt), Me.value && V.value ? (b(), a("div", Bt, [o("div", Vt, [w(n.$slots, "user-menu", {
2113
2113
  items: je.value,
2114
2114
  select: qe
2115
2115
  }, () => [(b(!0), a(e, null, C(je.value, (t) => (b(), a(e, { key: t.id }, [t.separator ? (b(), a("div", Ht)) : (b(), a("button", {
@@ -2206,9 +2206,9 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
2206
2206
  key: 0,
2207
2207
  class: "top-nav-bar__dropdown top-nav-bar__breadcrumb-dropdown",
2208
2208
  "data-top-nav-breadcrumb": "",
2209
- onMouseenter: (e) => !se.value && at(t.id),
2210
- onMouseleave: u[10] ||= (e) => !se.value && ot()
2211
- }, [se.value ? (b(), a("span", on, D(t.label), 1)) : (b(), a("button", {
2209
+ onMouseenter: (e) => !oe.value && at(t.id),
2210
+ onMouseleave: u[10] ||= (e) => !oe.value && ot()
2211
+ }, [oe.value ? (b(), a("span", on, D(t.label), 1)) : (b(), a("button", {
2212
2212
  key: 1,
2213
2213
  class: "top-nav-bar__crumb",
2214
2214
  type: "button",
@@ -2218,7 +2218,7 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
2218
2218
  }, [o("span", null, D(t.label), 1), u[27] ||= o("i", {
2219
2219
  class: "pi pi-chevron-down top-nav-bar__chevron",
2220
2220
  "aria-hidden": "true"
2221
- }, null, -1)], 8, sn)), !se.value && R.value === t.id ? (b(), a("div", cn, [o("div", ln, [(b(!0), a(e, null, C(De(we(t)?.children ?? [], z.value), (n, r) => (b(), a("div", {
2221
+ }, null, -1)], 8, sn)), !oe.value && R.value === t.id ? (b(), a("div", cn, [o("div", ln, [(b(!0), a(e, null, C(De(we(t)?.children ?? [], z.value), (n, r) => (b(), a("div", {
2222
2222
  key: `breadcrumb-${t.id}-${r}`,
2223
2223
  class: h(["top-nav-bar__cascade-level", { "top-nav-bar__breadcrumb-main-items": r === 0 }])
2224
2224
  }, [(b(!0), a(e, null, C(ke(n), (n, s) => (b(), a("div", {
@@ -2345,6 +2345,7 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
2345
2345
  "onUpdate:visible": u[16] ||= (e) => P.value = e,
2346
2346
  position: "left",
2347
2347
  class: "top-nav-bar__mobile-drawer",
2348
+ "block-scroll": "",
2348
2349
  style: _([Ve.value, { width: "var(--top-nav-drawer-width, min(22rem, calc(100vw - 1.5rem)))" }])
2349
2350
  }, {
2350
2351
  container: j(({ closeCallback: d }) => [o("div", kn, [
@@ -2634,6 +2635,10 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
2634
2635
  });
2635
2636
  }
2636
2637
  function J(e) {
2638
+ let t = e.target, n = t.scrollHeight - t.scrollTop - t.clientHeight;
2639
+ t.scrollTop > 0 && n <= 168 && !f.loading && _("loadMore", e);
2640
+ }
2641
+ function Y(e) {
2637
2642
  e.detail?.instanceId !== L && K();
2638
2643
  }
2639
2644
  function oe() {
@@ -2643,13 +2648,13 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
2643
2648
  }
2644
2649
  N.value = !0, ae();
2645
2650
  }
2646
- function se() {
2651
+ function X() {
2647
2652
  f.closeOnSelect && (N.value = !1, K(), m(K), R && clearTimeout(R), R = setTimeout(() => {
2648
2653
  K(), R = null;
2649
2654
  }, 200));
2650
2655
  }
2651
- return r({ hideDropdown: K }), y(() => window.addEventListener("top-select:close-others", J)), v(() => {
2652
- window.removeEventListener("top-select:close-others", J), R && clearTimeout(R);
2656
+ return r({ hideDropdown: K }), y(() => window.addEventListener("top-select:close-others", Y)), v(() => {
2657
+ window.removeEventListener("top-select:close-others", Y), R && clearTimeout(R);
2653
2658
  }), A(() => f.disabled, (e) => {
2654
2659
  e && (N.value = !1, K());
2655
2660
  }), A(() => f.options, () => {
@@ -2682,8 +2687,7 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
2682
2687
  "force-selection": t.forceSelection,
2683
2688
  "input-class": "text-xs",
2684
2689
  "virtual-scroller-options": {
2685
- lazy: !0,
2686
- onLazyLoad: (e) => _("loadMore", e),
2690
+ onScroll: J,
2687
2691
  itemSize: 84,
2688
2692
  showLoader: !0,
2689
2693
  scrollHeight: t.scrollHeight
@@ -2714,7 +2718,7 @@ var Ee = /* @__PURE__ */ Ce(Se, [["render", Te], ["__file", "/Users/mahmudulhasa
2714
2718
  k.value = "", _("clear");
2715
2719
  },
2716
2720
  onItemSelect: r[2] ||= (e) => {
2717
- k.value = "", _("select", e), se();
2721
+ k.value = "", _("select", e), X();
2718
2722
  },
2719
2723
  onComplete: r[3] ||= (e) => {
2720
2724
  if (t.disabled) {
@@ -2998,12 +3002,12 @@ var Cr = Symbol("top-accordion-context"), wr = /* @__PURE__ */ u({
2998
3002
  return (t, n) => (b(), a("div", {
2999
3003
  id: y.value,
3000
3004
  class: "top-accordion-panel-anchor"
3001
- }, [l(O(se), p(t.$attrs, {
3005
+ }, [l(O(oe), p(t.$attrs, {
3002
3006
  value: e.value,
3003
3007
  disabled: m.value,
3004
3008
  class: "top-accordion-panel"
3005
3009
  }), {
3006
- default: j(() => [l(O(oe), {
3010
+ default: j(() => [l(O(Y), {
3007
3011
  class: h(["top-accordion-panel__header", e.headerClass]),
3008
3012
  style: _(e.headerStyle)
3009
3013
  }, {
@@ -3164,7 +3168,7 @@ var Cr = Symbol("top-accordion-context"), wr = /* @__PURE__ */ u({
3164
3168
  function d(e, t) {
3165
3169
  return `top-toast__${t}--${e.severity ?? "info"}`;
3166
3170
  }
3167
- return (f, p) => (b(), r(O(Y), {
3171
+ return (f, p) => (b(), r(O(X), {
3168
3172
  position: "top-right",
3169
3173
  "base-z-index": e.baseZIndex
3170
3174
  }, {
@@ -3195,6 +3199,6 @@ var Cr = Symbol("top-accordion-context"), wr = /* @__PURE__ */ u({
3195
3199
  }
3196
3200
  });
3197
3201
  //#endregion
3198
- export { wr as a, nr as c, $ as d, He as f, le as g, X as h, Dr as i, rt as l, me as m, Hr as n, xr as o, ye as p, Fr as r, br as s, qr as t, Qe as u };
3202
+ export { wr as a, nr as c, $ as d, He as f, ce as g, le as h, Dr as i, rt as l, me as m, Hr as n, xr as o, ye as p, Fr as r, br as s, qr as t, Qe as u };
3199
3203
 
3200
- //# sourceMappingURL=TopToast-LduM5Y6j.js.map
3204
+ //# sourceMappingURL=TopToast-C6B7YGDo.js.map