@quoreadmin/ui 1.10.24 → 1.10.25

package/dist/index402.js

@@ -1,4 +1,4 @@
-import n from "./index301.js";
+import n from "./index300.js";
 import d from "./index371.js";
 const p = d.hasStandardBrowserEnv ? (
   // Standard browser envs support document.cookie

package/dist/src/components/avatar/avatar.stories.d.ts

@@ -95,3 +95,4 @@ export declare const PhotoAvatar: Story;
 export declare const InvalidPhoto: Story;
 export declare const WithOuterBorder: Story;
 export declare const StaffOnDuty: Story;
+export declare const XXXL: Story;

package/dist/src/components/page-layout/page-layout.stories.d.ts

@@ -0,0 +1,319 @@
+import { Args, Meta } from '@storybook/vue3';
+declare const meta: Meta<any>;
+export default meta;
+export declare const Primary: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QPageLayout: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./page-layout.vue').Props> & Readonly<{
+                    "onUpdate:sidebarCollapsed"?: ((value: boolean) => any) | undefined;
+                }>, {
+                    scrolledToTop: import('vue').Ref<boolean, boolean>;
+                    scrolledToBottom: import('vue').Ref<boolean, boolean>;
+                    headerHidden: import('vue').Ref<boolean, boolean>;
+                    keyboardOffset: import('vue').Ref<number, number>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:sidebarCollapsed": (value: boolean) => any;
+                }, import('vue').PublicProps, {
+                    contentClass: string;
+                    containerBackgroundColor: string;
+                    headerBackgroundColor: string;
+                    headerColor: string;
+                    headerFixed: boolean;
+                    headerHideOnScroll: boolean;
+                    headerHideScrollThreshold: number;
+                    headerTop: number;
+                    headerShowShadow: boolean;
+                    headerBarClass: string;
+                    sidebarCollapsible: boolean;
+                    sidebarCollapsed: boolean;
+                    sidebarWidth: string;
+                    sidebarCollapsedWidth: string;
+                    sidebarClass: string;
+                    mainClass: string;
+                    maxContentWidth: string;
+                    footerBackgroundColor: string;
+                    footerBarClass: string;
+                    footerVisible: boolean;
+                    adjustForKeyboard: boolean;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    rootRef: HTMLDivElement;
+                    contentRef: HTMLDivElement;
+                    sidebarRef: HTMLDivElement;
+                    sidebarInnerRef: HTMLDivElement;
+                    sidebarContentRef: HTMLDivElement;
+                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('./page-layout.vue').Props> & Readonly<{
+                    "onUpdate:sidebarCollapsed"?: ((value: boolean) => any) | undefined;
+                }>, {
+                    scrolledToTop: import('vue').Ref<boolean, boolean>;
+                    scrolledToBottom: import('vue').Ref<boolean, boolean>;
+                    headerHidden: import('vue').Ref<boolean, boolean>;
+                    keyboardOffset: import('vue').Ref<number, number>;
+                }, {}, {}, {}, {
+                    contentClass: string;
+                    containerBackgroundColor: string;
+                    headerBackgroundColor: string;
+                    headerColor: string;
+                    headerFixed: boolean;
+                    headerHideOnScroll: boolean;
+                    headerHideScrollThreshold: number;
+                    headerTop: number;
+                    headerShowShadow: boolean;
+                    headerBarClass: string;
+                    sidebarCollapsible: boolean;
+                    sidebarCollapsed: boolean;
+                    sidebarWidth: string;
+                    sidebarCollapsedWidth: string;
+                    sidebarClass: string;
+                    mainClass: string;
+                    maxContentWidth: string;
+                    footerBackgroundColor: string;
+                    footerBarClass: string;
+                    footerVisible: boolean;
+                    adjustForKeyboard: boolean;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<import('./page-layout.vue').Props> & Readonly<{
+                "onUpdate:sidebarCollapsed"?: ((value: boolean) => any) | undefined;
+            }>, {
+                scrolledToTop: import('vue').Ref<boolean, boolean>;
+                scrolledToBottom: import('vue').Ref<boolean, boolean>;
+                headerHidden: import('vue').Ref<boolean, boolean>;
+                keyboardOffset: import('vue').Ref<number, number>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:sidebarCollapsed": (value: boolean) => any;
+            }, string, {
+                contentClass: string;
+                containerBackgroundColor: string;
+                headerBackgroundColor: string;
+                headerColor: string;
+                headerFixed: boolean;
+                headerHideOnScroll: boolean;
+                headerHideScrollThreshold: number;
+                headerTop: number;
+                headerShowShadow: boolean;
+                headerBarClass: string;
+                sidebarCollapsible: boolean;
+                sidebarCollapsed: boolean;
+                sidebarWidth: string;
+                sidebarCollapsedWidth: string;
+                sidebarClass: string;
+                mainClass: string;
+                maxContentWidth: string;
+                footerBackgroundColor: string;
+                footerBarClass: string;
+                footerVisible: boolean;
+                adjustForKeyboard: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    header?(_: {
+                        scrolledToTop: boolean;
+                        scrolledToBottom: boolean;
+                    }): any;
+                    'header-actions'?(_: {}): any;
+                    sidebar?(_: {}): any;
+                    'sidebar-toggle'?(_: {
+                        collapsed: boolean;
+                    }): any;
+                    default?(_: {
+                        sidebarCollapsed: boolean;
+                        scrolledToTop: boolean;
+                        scrolledToBottom: boolean;
+                    }): any;
+                    overlay?(_: {}): any;
+                    footer?(_: {
+                        scrolledToBottom: boolean;
+                    }): any;
+                    footer?(_: {
+                        scrolledToBottom: boolean;
+                    }): any;
+                };
+            });
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        headerFixed: boolean;
+        containerBackgroundColor: string;
+    };
+};
+export declare const TwoColumnWithIndependentScroll: {
+    name: string;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+        viewport: {
+            defaultViewport: string;
+        };
+    };
+    render: (args: Args) => {
+        components: {
+            QPageLayout: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./page-layout.vue').Props> & Readonly<{
+                    "onUpdate:sidebarCollapsed"?: ((value: boolean) => any) | undefined;
+                }>, {
+                    scrolledToTop: import('vue').Ref<boolean, boolean>;
+                    scrolledToBottom: import('vue').Ref<boolean, boolean>;
+                    headerHidden: import('vue').Ref<boolean, boolean>;
+                    keyboardOffset: import('vue').Ref<number, number>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:sidebarCollapsed": (value: boolean) => any;
+                }, import('vue').PublicProps, {
+                    contentClass: string;
+                    containerBackgroundColor: string;
+                    headerBackgroundColor: string;
+                    headerColor: string;
+                    headerFixed: boolean;
+                    headerHideOnScroll: boolean;
+                    headerHideScrollThreshold: number;
+                    headerTop: number;
+                    headerShowShadow: boolean;
+                    headerBarClass: string;
+                    sidebarCollapsible: boolean;
+                    sidebarCollapsed: boolean;
+                    sidebarWidth: string;
+                    sidebarCollapsedWidth: string;
+                    sidebarClass: string;
+                    mainClass: string;
+                    maxContentWidth: string;
+                    footerBackgroundColor: string;
+                    footerBarClass: string;
+                    footerVisible: boolean;
+                    adjustForKeyboard: boolean;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    rootRef: HTMLDivElement;
+                    contentRef: HTMLDivElement;
+                    sidebarRef: HTMLDivElement;
+                    sidebarInnerRef: HTMLDivElement;
+                    sidebarContentRef: HTMLDivElement;
+                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('./page-layout.vue').Props> & Readonly<{
+                    "onUpdate:sidebarCollapsed"?: ((value: boolean) => any) | undefined;
+                }>, {
+                    scrolledToTop: import('vue').Ref<boolean, boolean>;
+                    scrolledToBottom: import('vue').Ref<boolean, boolean>;
+                    headerHidden: import('vue').Ref<boolean, boolean>;
+                    keyboardOffset: import('vue').Ref<number, number>;
+                }, {}, {}, {}, {
+                    contentClass: string;
+                    containerBackgroundColor: string;
+                    headerBackgroundColor: string;
+                    headerColor: string;
+                    headerFixed: boolean;
+                    headerHideOnScroll: boolean;
+                    headerHideScrollThreshold: number;
+                    headerTop: number;
+                    headerShowShadow: boolean;
+                    headerBarClass: string;
+                    sidebarCollapsible: boolean;
+                    sidebarCollapsed: boolean;
+                    sidebarWidth: string;
+                    sidebarCollapsedWidth: string;
+                    sidebarClass: string;
+                    mainClass: string;
+                    maxContentWidth: string;
+                    footerBackgroundColor: string;
+                    footerBarClass: string;
+                    footerVisible: boolean;
+                    adjustForKeyboard: boolean;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<import('./page-layout.vue').Props> & Readonly<{
+                "onUpdate:sidebarCollapsed"?: ((value: boolean) => any) | undefined;
+            }>, {
+                scrolledToTop: import('vue').Ref<boolean, boolean>;
+                scrolledToBottom: import('vue').Ref<boolean, boolean>;
+                headerHidden: import('vue').Ref<boolean, boolean>;
+                keyboardOffset: import('vue').Ref<number, number>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:sidebarCollapsed": (value: boolean) => any;
+            }, string, {
+                contentClass: string;
+                containerBackgroundColor: string;
+                headerBackgroundColor: string;
+                headerColor: string;
+                headerFixed: boolean;
+                headerHideOnScroll: boolean;
+                headerHideScrollThreshold: number;
+                headerTop: number;
+                headerShowShadow: boolean;
+                headerBarClass: string;
+                sidebarCollapsible: boolean;
+                sidebarCollapsed: boolean;
+                sidebarWidth: string;
+                sidebarCollapsedWidth: string;
+                sidebarClass: string;
+                mainClass: string;
+                maxContentWidth: string;
+                footerBackgroundColor: string;
+                footerBarClass: string;
+                footerVisible: boolean;
+                adjustForKeyboard: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    header?(_: {
+                        scrolledToTop: boolean;
+                        scrolledToBottom: boolean;
+                    }): any;
+                    'header-actions'?(_: {}): any;
+                    sidebar?(_: {}): any;
+                    'sidebar-toggle'?(_: {
+                        collapsed: boolean;
+                    }): any;
+                    default?(_: {
+                        sidebarCollapsed: boolean;
+                        scrolledToTop: boolean;
+                        scrolledToBottom: boolean;
+                    }): any;
+                    overlay?(_: {}): any;
+                    footer?(_: {
+                        scrolledToBottom: boolean;
+                    }): any;
+                    footer?(_: {
+                        scrolledToBottom: boolean;
+                    }): any;
+                };
+            });
+        };
+        setup(this: void): {
+            args: Args;
+            sidebarItems: number[];
+            mainBlocks: number[];
+            sidebarCollapsed: import('vue').Ref<any, any>;
+        };
+        template: string;
+    };
+    args: {
+        sidebarCollapsible: boolean;
+        sidebarCollapsed: boolean;
+        headerFixed: boolean;
+        headerHideOnScroll: boolean;
+        headerHideScrollThreshold: number;
+        headerShowShadow: boolean;
+        containerBackgroundColor: string;
+    };
+};

package/dist/src/components/page-layout/page-layout.vue.d.ts

@@ -50,6 +50,7 @@ declare function __VLS_template(): {
         rootRef: HTMLDivElement;
         contentRef: HTMLDivElement;
         sidebarRef: HTMLDivElement;
+        sidebarInnerRef: HTMLDivElement;
         sidebarContentRef: HTMLDivElement;
     };
     rootEl: HTMLDivElement;
@@ -90,6 +91,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     rootRef: HTMLDivElement;
     contentRef: HTMLDivElement;
     sidebarRef: HTMLDivElement;
+    sidebarInnerRef: HTMLDivElement;
     sidebarContentRef: HTMLDivElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quoreadmin/ui",
   "private": false,
-  "version": "1.10.24",
+  "version": "1.10.25",
   "type": "module",
   "sideEffects": [
     "**/*.css",