vlite3 1.1.10 → 1.1.11

package/components/AppShell/AppShell.vue.d.ts

@@ -0,0 +1,39 @@
+import { AppShellProps } from '../../types/appshell.type';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AppShellProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "toggle-mobile": () => any;
+}, string, import('vue').PublicProps, Readonly<AppShellProps> & Readonly<{
+    "onToggle-mobile"?: () => any;
+}>, {
+    class: string;
+    height: string;
+    border: boolean;
+    variant: import('../../types/appshell.type').AppShellVariant;
+    floating: boolean;
+    compact: boolean;
+    position: import('../../types/appshell.type').AppShellPosition;
+    contentClass: string;
+    centerPosition: import('../../types/appshell.type').AppShellCenterPosition;
+    glass: boolean;
+    mobileBreakpoint: "sm" | "md" | "lg" | "xl";
+    menuClass: string;
+    rightClass: string;
+    mobileTriggerClass: string;
+    mobileMenuVariant: "sidepanel" | "dropdown";
+    breadcrumb: boolean;
+    renderNestedTabs: boolean;
+    logoClass: string;
+    sidebarToggle: boolean;
+    breadcrumbVariant: import('../Breadcrumb').BreadcrumbVariant;
+    breadcrumbSeparator: import('../Breadcrumb').BreadcrumbSeparator;
+    breadcrumbSize: import('../Breadcrumb').BreadcrumbSize;
+    breadcrumbHomeIcon: string;
+    breadcrumbPosition: "header" | "main";
+    breadcrumbClass: string;
+    layoutMode: import('../../types/appshell.type').AppShellLayoutMode;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Partial<Record<number, (_: any) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/{Navbar/NavbarLayoutClassic.vue.d.ts → AppShell/AppShellLayoutClassic.vue.d.ts}

@@ -28,14 +28,17 @@ declare function __VLS_template(): {
         center?(_: {}): any;
         center?(_: {}): any;
         right?(_: {}): any;
-        right?(_: {}): any;
-        right?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
+        sidebar?(_: {}): any;
+        sidebar?(_: {}): any;
+        'sidebar-footer'?(_: {}): any;
+        'sidebar-footer'?(_: {}): any;
         main?(_: {}): any;
         'mobile-menu'?(_: {}): any;
         'mobile-menu'?(_: {}): any;
-        logo?(_: {}): any;
+        'mobile-sidebar-header'?(_: {}): any;
+        'sidebar-header'?(_: {}): any;
+        'mobile-sidebar'?(_: {}): any;
+        'mobile-sidebar-footer'?(_: {}): any;
     };
     refs: {
         mobileTriggerRef: HTMLButtonElement;

package/components/{Navbar/NavbarLayoutDock.vue.d.ts → AppShell/AppShellLayoutDashboard.vue.d.ts}

@@ -1,12 +1,12 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        logo?(_: {}): any;
-        logo?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
-        right?(_: {}): any;
-        right?(_: {}): any;
+        'sidebar-header'?(_: {}): any;
+        'sidebar-header'?(_: {}): any;
+        sidebar?(_: {}): any;
+        sidebar?(_: {}): any;
+        'sidebar-footer'?(_: {}): any;
+        'sidebar-footer'?(_: {}): any;
         header?(_: {
             isOpen: boolean;
             toggle: () => boolean;
@@ -16,6 +16,9 @@ declare function __VLS_template(): {
             pageTitle: string;
         }): any;
         main?(_: {}): any;
+        'mobile-sidebar-header'?(_: {}): any;
+        'mobile-sidebar'?(_: {}): any;
+        'mobile-sidebar-footer'?(_: {}): any;
     };
     refs: {
         layoutMainRef: HTMLElement;

package/components/{Navbar/NavbarLayoutSidebarFirst.vue.d.ts → AppShell/AppShellLayoutDock.vue.d.ts}

@@ -1,10 +1,12 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {}): any;
-        default?(_: {}): any;
-        right?(_: {}): any;
-        right?(_: {}): any;
+        'sidebar-header'?(_: {}): any;
+        'sidebar-header'?(_: {}): any;
+        sidebar?(_: {}): any;
+        sidebar?(_: {}): any;
+        'sidebar-footer'?(_: {}): any;
+        'sidebar-footer'?(_: {}): any;
         header?(_: {
             isOpen: boolean;
             toggle: () => boolean;
@@ -14,7 +16,9 @@ declare function __VLS_template(): {
             pageTitle: string;
         }): any;
         main?(_: {}): any;
-        logo?(_: {}): any;
+        'mobile-sidebar-header'?(_: {}): any;
+        'mobile-sidebar'?(_: {}): any;
+        'mobile-sidebar-footer'?(_: {}): any;
     };
     refs: {
         layoutMainRef: HTMLElement;

package/components/{Navbar/NavbarLayoutDashboard.vue.d.ts → AppShell/AppShellLayoutHeaderShell.vue.d.ts}

@@ -1,12 +1,12 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        logo?(_: {}): any;
-        logo?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
-        right?(_: {}): any;
-        right?(_: {}): any;
+        'sidebar-header'?(_: {}): any;
+        'sidebar-header'?(_: {}): any;
+        sidebar?(_: {}): any;
+        sidebar?(_: {}): any;
+        'sidebar-footer'?(_: {}): any;
+        'sidebar-footer'?(_: {}): any;
         header?(_: {
             isOpen: boolean;
             toggle: () => boolean;
@@ -16,6 +16,9 @@ declare function __VLS_template(): {
             pageTitle: string;
         }): any;
         main?(_: {}): any;
+        'mobile-sidebar-header'?(_: {}): any;
+        'mobile-sidebar'?(_: {}): any;
+        'mobile-sidebar-footer'?(_: {}): any;
     };
     refs: {
         layoutMainRef: HTMLElement;

package/components/AppShell/AppShellLayoutSidebarFirst.vue.d.ts

@@ -0,0 +1,40 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'sidebar-header'?(_: {}): any;
+        'sidebar-header'?(_: {}): any;
+        sidebar?(_: {}): any;
+        sidebar?(_: {}): any;
+        'sidebar-footer'?(_: {}): any;
+        'sidebar-footer'?(_: {}): any;
+        header?(_: {
+            isOpen: boolean;
+            toggle: () => boolean;
+            sidebarVisible: boolean;
+            toggleSidebar: () => void;
+            breadcrumbItems: any[];
+            pageTitle: string;
+        }): any;
+        main?(_: {}): any;
+        'mobile-sidebar-header'?(_: {}): any;
+        'mobile-sidebar'?(_: {}): any;
+        'mobile-sidebar-footer'?(_: {}): any;
+    };
+    refs: {
+        layoutMainRef: HTMLElement;
+        mainScrollRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    layoutMainRef: HTMLElement;
+    mainScrollRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/AppShell/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AppShell } from './AppShell.vue';
+export type { AppShellProps, AppShellLayoutMode } from '../../types/appshell.type';

package/components/AppShell/useAppShell.d.ts

@@ -0,0 +1,37 @@
+import { Ref, ComputedRef, ShallowRef, InjectionKey } from 'vue';
+import { NavbarTabItem } from '../../types/navbar.type';
+import { AppShellProps } from '../../types/appshell.type';
+export interface AppShellLayoutContext {
+    /** Original reactive props object */
+    props: AppShellProps;
+    /** Whether layout mode is active (header/main slots provided) */
+    isLayoutMode: boolean;
+    isMobileMenuOpen: Ref<boolean>;
+    isSidebarVisible: Ref<boolean>;
+    sidebarHidden: ComputedRef<boolean>;
+    pageTitle: ComputedRef<string>;
+    isScrolled: Ref<boolean>;
+    mainScrollRef: Ref<HTMLElement | null>;
+    layoutMainRef: Ref<HTMLElement | null>;
+    toggleSidebar: () => void;
+    handleNestedTabClick: (val: string | number) => void;
+    breakpointClasses: ComputedRef<{
+        mobileTrigger: string;
+        desktopContent: string;
+        sidebarLayout: string;
+        mobileHeader: string;
+        desktopSidebar: string;
+        desktopOnly: string;
+    }>;
+    /** Container classes — used by classic / standalone layouts */
+    containerClasses: ComputedRef<string>;
+    /** Center slot alignment classes */
+    centerClasses: ComputedRef<string | undefined>;
+    breadcrumbData: {
+        items: ComputedRef<any[]>;
+    };
+    nestedTabsItems: ShallowRef<NavbarTabItem[]>;
+    activeNestedTab: Ref<string | number>;
+}
+export declare const APPSHELL_LAYOUT_KEY: InjectionKey<AppShellLayoutContext>;
+export declare function useAppShell(props: AppShellProps, isLayoutMode: boolean): AppShellLayoutContext;

package/components/Chart/BarChart.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as se, ref as G, computed as f, onMounted as ie, watch as ce, onUnmounted as ve, openBlock as n, createElementBlock as u, Fragment as d, renderList as h, createElementVNode as w, normalizeStyle as _, createTextVNode as de, toDisplayString as p, createCommentVNode as m, unref as k, withDirectives as he, vShow as fe, createBlock as me, Teleport as ye } from "vue";
+import { defineComponent as se, ref as A, computed as f, onMounted as ie, watch as ce, onUnmounted as ve, openBlock as n, createElementBlock as u, Fragment as d, renderList as h, createElementVNode as w, normalizeStyle as U, createTextVNode as de, toDisplayString as p, createCommentVNode as m, unref as k, withDirectives as he, vShow as fe, createBlock as me, Teleport as ye } from "vue";
 import { CHART_COLORS as xe, getColor as J, formatNumber as R, niceYTicks as ge, animateProgress as $e } from "./utils.js";
 const be = {
   key: 0,
   class: "flex flex-wrap gap-x-4 gap-y-1 mb-3 pl-14"
-}, pe = ["width", "height"], ke = ["id"], we = ["stop-color"], Le = ["stop-color"], Me = ["id"], Ve = ["stop-color"], Ce = ["stop-color"], Be = ["transform"], Ye = ["y1", "x2", "y2", "stroke-opacity"], Re = ["y"], Xe = ["d", "fill", "opacity"], Oe = ["x", "y"], ze = ["x", "y", "text-anchor", "transform"], Se = ["y1", "x2", "y2", "stroke-opacity"], Ae = ["y2", "stroke-opacity"], Ge = ["transform"], Te = ["x1", "x2", "y2", "stroke-opacity"], We = ["x"], Pe = ["y"], He = ["d", "fill", "opacity"], Ne = ["x", "y"], Qe = ["y2", "stroke-opacity"], Ze = ["y1", "x2", "y2", "stroke-opacity"], De = { class: "font-medium text-xs mb-1.5" }, Ee = {
+}, pe = ["width", "height"], ke = ["id"], we = ["stop-color"], Le = ["stop-color"], Me = ["id"], Ve = ["stop-color"], Ce = ["stop-color"], Be = ["transform"], Ye = ["y1", "x2", "y2", "stroke-opacity"], Re = ["y"], Xe = ["d", "fill"], Oe = ["x", "y"], ze = ["x", "y", "text-anchor", "transform"], Se = ["y1", "x2", "y2", "stroke-opacity"], Ae = ["y2", "stroke-opacity"], Ge = ["transform"], Te = ["x1", "x2", "y2", "stroke-opacity"], We = ["x"], Pe = ["y"], He = ["d", "fill"], Ne = ["x", "y"], Qe = ["y2", "stroke-opacity"], Ze = ["y1", "x2", "y2", "stroke-opacity"], De = { class: "font-medium text-xs mb-1.5" }, Ee = {
   key: 0,
   class: "text-muted-foreground"
 }, Fe = { class: "font-semibold" }, _e = /* @__PURE__ */ se({
@@ -30,7 +30,7 @@ const be = {
     axisOpacity: { default: 0.1 }
   },
   setup(i) {
-    const s = i, T = G(), z = G(600), g = f(() => s.datasets?.length ? s.datasets.map((l, e) => ({
+    const s = i, G = A(), O = A(600), g = f(() => s.datasets?.length ? s.datasets.map((l, e) => ({
       label: l.label,
       color: l.color ?? J(s.colors, e),
       values: l.data
@@ -41,9 +41,9 @@ const be = {
         // will use per-bar color from data
         values: (s.data ?? []).map((l) => l.value)
       }
-    ]), $ = f(() => g.value.length > 1 || !!s.datasets?.length), v = f(() => s.labels?.length ? s.labels : s.datasets?.length ? g.value[0]?.values.map((t, l) => String(l + 1)) ?? [] : (s.data ?? []).map((t) => t.label)), S = f(() => {
+    ]), $ = f(() => g.value.length > 1 || !!s.datasets?.length), v = f(() => s.labels?.length ? s.labels : s.datasets?.length ? g.value[0]?.values.map((t, l) => String(l + 1)) ?? [] : (s.data ?? []).map((t) => t.label)), z = f(() => {
       if (s.orientation !== "vertical" || !s.showXLabels || v.value.length === 0) return !1;
-      const t = Math.max(2, Math.floor(z.value / 65));
+      const t = Math.max(2, Math.floor(O.value / 65));
       return v.value.length > t;
     }), b = f(() => {
       const t = (o) => String(o).length;
@@ -64,48 +64,48 @@ const be = {
       }
       const l = s.showYLabels ? Math.max(2, ...B.value.map((o) => t(s.formatValue ? s.formatValue(o) : R(o)))) * 6.5 : 0, e = s.showYLabels ? Math.max(24, l + 12) : 8;
       let a = s.showXLabels ? 24 : 6;
-      return s.showXLabels && S.value && (a = Math.max(2, ...v.value.map((r) => String(r).length)) * 6.5 * 0.7 + 16), {
+      return s.showXLabels && z.value && (a = Math.max(2, ...v.value.map((r) => String(r).length)) * 6.5 * 0.7 + 16), {
         top: 24,
         right: 0,
         bottom: a,
         left: e
       };
-    }), x = f(() => Math.max(0, z.value - b.value.left - b.value.right)), c = f(() => Math.max(0, s.height - b.value.top - b.value.bottom)), Z = f(() => {
+    }), x = f(() => Math.max(0, O.value - b.value.left - b.value.right)), c = f(() => Math.max(0, s.height - b.value.top - b.value.bottom)), Q = f(() => {
       if (s.orientation !== "vertical") return 1;
-      const t = S.value ? 25 : 65, l = Math.max(2, Math.floor(x.value / t));
+      const t = z.value ? 25 : 65, l = Math.max(2, Math.floor(x.value / t));
       return Math.ceil(v.value.length / l);
     }), K = (t) => {
       if (s.orientation !== "vertical") return !0;
       const l = v.value.length;
-      return Z.value <= 1 || t === 0 || t === l - 1 ? !0 : l - 1 - t < Z.value * 0.7 ? !1 : t % Z.value === 0;
-    }, W = f(
+      return Q.value <= 1 || t === 0 || t === l - 1 ? !0 : l - 1 - t < Q.value * 0.7 ? !1 : t % Q.value === 0;
+    }, T = f(
       () => (s.data ?? []).map((t, l) => t.color ?? J(s.colors, l))
-    ), ee = f(() => g.value.flatMap((t) => t.values)), j = f(() => Math.max(...ee.value) || 1), B = f(() => ge(0, j.value, 5)), L = f(() => B.value[B.value.length - 1] || j.value), P = G(s.animate ? 0 : 1);
-    let D = null;
-    function q() {
-      D?.(), P.value = 0, D = $e(800, (t) => P.value = t);
+    ), ee = f(() => g.value.flatMap((t) => t.values)), _ = f(() => Math.max(...ee.value) || 1), B = f(() => ge(0, _.value, 5)), L = f(() => B.value[B.value.length - 1] || _.value), W = A(s.animate ? 0 : 1);
+    let Z = null;
+    function j() {
+      Z?.(), W.value = 0, Z = $e(800, (t) => W.value = t);
     }
     ie(() => {
-      te(), s.animate && q();
+      te(), s.animate && j();
     }), ce(() => [s.data, s.datasets], () => {
-      s.animate && q();
+      s.animate && j();
     }, { deep: !0 }), ve(() => {
-      D?.(), E?.disconnect();
+      Z?.(), D?.disconnect();
     });
-    let E = null;
+    let D = null;
     function te() {
-      T.value && (E = new ResizeObserver((t) => {
-        z.value = t[0].contentRect.width || 600;
-      }), E.observe(T.value), z.value = T.value.clientWidth || 600);
+      G.value && (D = new ResizeObserver((t) => {
+        O.value = t[0].contentRect.width || 600;
+      }), D.observe(G.value), O.value = G.value.clientWidth || 600);
     }
     const le = f(() => {
       const t = v.value.length;
       if (t === 0) return [];
       const l = x.value / t, e = g.value.length, a = l * 0.2, o = l - a * 2, r = $.value ? o / e : o;
       return v.value.map((M, y) => {
-        const V = y * l + a, C = g.value.map((H, N) => {
-          const Q = H.values[y] ?? 0, A = Q / L.value * c.value * P.value, F = V + N * r, I = c.value - A, U = $.value ? H.color : W.value[y];
-          return { val: Q, bh: A, x: F, y: I, w: r - ($.value ? 2 : 0), color: U };
+        const V = y * l + a, C = g.value.map((P, H) => {
+          const N = P.values[y] ?? 0, S = N / L.value * c.value * W.value, E = V + H * r, F = c.value - S, I = $.value ? P.color : T.value[y];
+          return { val: N, bh: S, x: E, y: F, w: r - ($.value ? 2 : 0), color: I };
         });
         return { label: M, bars: C };
       });
@@ -114,21 +114,21 @@ const be = {
       if (t === 0) return [];
       const l = c.value / t, e = g.value.length, a = l * 0.2, o = l - a * 2, r = $.value ? o / e : o, M = L.value;
       return v.value.map((y, V) => {
-        const C = V * l + a, H = g.value.map((N, Q) => {
-          const A = N.values[V] ?? 0, F = A / M * x.value * P.value, I = C + Q * r, U = $.value ? N.color : W.value[V];
-          return { val: A, bw: F, x: 0, y: I, h: r - ($.value ? 2 : 0), color: U };
+        const C = V * l + a, P = g.value.map((H, N) => {
+          const S = H.values[V] ?? 0, E = S / M * x.value * W.value, F = C + N * r, I = $.value ? H.color : T.value[V];
+          return { val: S, bw: E, x: 0, y: F, h: r - ($.value ? 2 : 0), color: I };
         });
-        return { label: y, bars: H };
+        return { label: y, bars: P };
       });
-    }), Y = G(null), X = G(null);
+    }), Y = A(null), q = A(null);
     function oe(t) {
       if (!s.showTooltip) return;
       const l = t.currentTarget.getBoundingClientRect(), e = t.clientX - l.left - b.value.left, a = t.clientY - l.top - b.value.top, o = v.value.length;
       if (o === 0) return;
       let r;
-      s.orientation === "vertical" ? r = Math.floor(e / x.value * o) : r = Math.floor(a / c.value * o), r = Math.max(0, Math.min(o - 1, r)), X.value = r;
+      s.orientation === "vertical" ? r = Math.floor(e / x.value * o) : r = Math.floor(a / c.value * o), r = Math.max(0, Math.min(o - 1, r)), q.value = r;
       const M = g.value.map((y, V) => ({
-        color: $.value ? y.color : W.value[r],
+        color: $.value ? y.color : T.value[r],
         label: y.label,
         value: s.formatValue ? s.formatValue(y.values[r]) : R(y.values[r])
       }));
@@ -140,7 +140,7 @@ const be = {
       };
     }
     function ne() {
-      Y.value = null, X.value = null;
+      Y.value = null, q.value = null;
     }
     function ue(t, l, e, a, o) {
       const r = Math.min(o, e / 2, a / 2);
@@ -150,10 +150,10 @@ const be = {
       const r = Math.min(o, e / 2, a / 2);
       return r <= 0 || e <= 0 ? `M${t},${l} L${t + e},${l} L${t + e},${l + a} L${t},${l + a} Z` : `M${t},${l} L${t + e - r},${l} Q${t + e},${l} ${t + e},${l + r} L${t + e},${l + a - r} Q${t + e},${l + a} ${t + e - r},${l + a} L${t},${l + a} Z`;
     }
-    const O = Math.random().toString(36).slice(2, 7);
+    const X = Math.random().toString(36).slice(2, 7);
     return (t, l) => (n(), u("div", {
       ref_key: "containerRef",
-      ref: T,
+      ref: G,
       class: "vlite-bar-chart w-full select-none"
     }, [
       i.showLegend && $.value ? (n(), u("div", be, [
@@ -163,13 +163,13 @@ const be = {
         }, [
           w("span", {
             class: "w-2.5 h-2.5 rounded-sm inline-block",
-            style: _({ backgroundColor: e.color })
+            style: U({ backgroundColor: e.color })
           }, null, 4),
           de(" " + p(e.label), 1)
         ]))), 128))
       ])) : m("", !0),
       (n(), u("svg", {
-        width: z.value,
+        width: O.value,
         height: i.height,
         role: "img",
         "aria-label": "Bar chart",
@@ -180,7 +180,7 @@ const be = {
         w("defs", null, [
           (n(!0), u(d, null, h(g.value, (e, a) => (n(), u("linearGradient", {
             key: a,
-            id: `bgrad-${k(O)}-${a}`,
+            id: `bgrad-${k(X)}-${a}`,
             x1: "0",
             y1: "0",
             x2: "0",
@@ -197,9 +197,9 @@ const be = {
               "stop-opacity": "0.7"
             }, null, 8, Le)
           ], 8, ke))), 128)),
-          (n(!0), u(d, null, h(W.value, (e, a) => (n(), u("linearGradient", {
+          (n(!0), u(d, null, h(T.value, (e, a) => (n(), u("linearGradient", {
             key: `sc-${a}`,
-            id: `bgrad-single-${k(O)}-${a}`,
+            id: `bgrad-single-${k(X)}-${a}`,
             x1: "0",
             y1: "0",
             x2: "0",
@@ -244,8 +244,7 @@ const be = {
             (n(!0), u(d, null, h(e.bars, (o, r) => (n(), u("path", {
               key: r,
               d: ue(o.x, o.y, o.w, o.bh, i.barRadius),
-              fill: $.value ? `url(#bgrad-${k(O)}-${r})` : `url(#bgrad-single-${k(O)}-${a})`,
-              opacity: X.value !== null && X.value !== a ? 0.5 : 1,
+              fill: $.value ? `url(#bgrad-${k(X)}-${r})` : `url(#bgrad-single-${k(X)}-${a})`,
               class: "transition-opacity duration-150"
             }, null, 8, Xe))), 128)),
             i.showValues ? (n(!0), u(d, { key: 0 }, h(e.bars, (o, r) => (n(), u("text", {
@@ -261,9 +260,9 @@ const be = {
           i.showXLabels ? (n(!0), u(d, { key: 2 }, h(v.value, (e, a) => he((n(), u("text", {
             key: `xl-${a}`,
             x: (a + 0.5) * (x.value / v.value.length),
-            y: c.value + (S.value ? 12 : 16),
-            "text-anchor": S.value ? "end" : "middle",
-            transform: S.value ? `rotate(-45, ${(a + 0.5) * (x.value / v.value.length)}, ${c.value + 12})` : void 0,
+            y: c.value + (z.value ? 12 : 16),
+            "text-anchor": z.value ? "end" : "middle",
+            transform: z.value ? `rotate(-45, ${(a + 0.5) * (x.value / v.value.length)}, ${c.value + 12})` : void 0,
             "font-size": "11",
             class: "fill-muted-foreground"
           }, p(e), 9, ze)), [
@@ -322,8 +321,7 @@ const be = {
             (n(!0), u(d, null, h(e.bars, (o, r) => (n(), u("path", {
               key: r,
               d: re(o.x, o.y, o.bw, o.h, i.barRadius),
-              fill: $.value ? `url(#bgrad-${k(O)}-${r})` : `url(#bgrad-single-${k(O)}-${a})`,
-              opacity: X.value !== null && X.value !== a ? 0.5 : 1,
+              fill: $.value ? `url(#bgrad-${k(X)}-${r})` : `url(#bgrad-single-${k(X)}-${a})`,
               class: "transition-opacity duration-150"
             }, null, 8, He))), 128)),
             i.showValues ? (n(!0), u(d, { key: 0 }, h(e.bars, (o, r) => (n(), u("text", {
@@ -360,7 +358,7 @@ const be = {
         Y.value ? (n(), u("div", {
           key: 0,
           class: "vlite-chart-tooltip",
-          style: _({ left: `${Y.value.x + 12}px`, top: `${Y.value.y - 10}px` })
+          style: U({ left: `${Y.value.x + 12}px`, top: `${Y.value.y - 10}px` })
         }, [
           w("div", De, p(Y.value.label), 1),
           (n(!0), u(d, null, h(Y.value.items, (e) => (n(), u("div", {
@@ -369,7 +367,7 @@ const be = {
           }, [
             w("span", {
               class: "w-2 h-2 rounded-sm shrink-0",
-              style: _({ backgroundColor: e.color })
+              style: U({ backgroundColor: e.color })
             }, null, 4),
             e.label ? (n(), u("span", Ee, p(e.label) + ":", 1)) : m("", !0),
             w("span", Fe, p(e.value), 1)