vlite3 1.1.9 → 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/AppShell/AppShellLayoutClassic.vue.d.ts

@@ -0,0 +1,64 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {
+            isOpen: boolean;
+            toggle: () => boolean;
+            sidebarVisible: boolean;
+            toggleSidebar: () => void;
+            breadcrumbItems: any[];
+            pageTitle: string;
+        }): any;
+        'mobile-trigger'?(_: {
+            isOpen: boolean;
+            toggle: () => boolean;
+        }): any;
+        'mobile-trigger'?(_: {
+            isOpen: boolean;
+            toggle: () => boolean;
+        }): any;
+        left?(_: {}): any;
+        left?(_: {}): any;
+        left?(_: {}): any;
+        left?(_: {}): any;
+        left?(_: {}): any;
+        center?(_: {}): any;
+        center?(_: {}): any;
+        center?(_: {}): any;
+        center?(_: {}): any;
+        center?(_: {}): any;
+        right?(_: {}): any;
+        sidebar?(_: {}): any;
+        sidebar?(_: {}): any;
+        'sidebar-footer'?(_: {}): any;
+        'sidebar-footer'?(_: {}): any;
+        main?(_: {}): any;
+        'mobile-menu'?(_: {}): any;
+        'mobile-menu'?(_: {}): any;
+        'mobile-sidebar-header'?(_: {}): any;
+        'sidebar-header'?(_: {}): any;
+        'mobile-sidebar'?(_: {}): any;
+        'mobile-sidebar-footer'?(_: {}): any;
+    };
+    refs: {
+        mobileTriggerRef: HTMLButtonElement;
+        layoutMainRef: HTMLElement;
+        mainScrollRef: HTMLDivElement;
+        mobileMenuRef: 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, {
+    mobileTriggerRef: HTMLButtonElement;
+    layoutMainRef: HTMLElement;
+    mainScrollRef: HTMLDivElement;
+    mobileMenuRef: 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/AppShellLayoutDashboard.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/AppShellLayoutDock.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/AppShellLayoutHeaderShell.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/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;