@quoreadmin/ui 1.7.20 → 1.8.1

package/dist/index9.js

@@ -1,6 +1,6 @@
-import r from "./index75.js";
+import r from "./index76.js";
 import { resolveComponent as l, createElementBlock as p, openBlock as n, createVNode as d, withCtx as c, createElementVNode as i, createBlock as m, createCommentVNode as u, toDisplayString as b } from "vue";
-import f from "./index62.js";
+import f from "./index63.js";
 const B = { class: "button-group flex justify-content-center" }, _ = { class: "flex align-items-center" }, y = { class: "option-label" };
 function V(e, t, k, D, $, g) {
   const s = l("q-icon"), a = l("SelectButton");

package/dist/{index89.js → index90.js}

@@ -1,11 +1,11 @@
 import { defineComponent as de, ref as o, computed as r, watch as H, nextTick as j, onMounted as fe, onUnmounted as ve } from "vue";
-import { useScroll as G, useWindowScroll as me, useElementBounding as he } from "./index163.js";
+import { useScroll as G, useWindowScroll as me, useElementBounding as he } from "./index165.js";
 import ye from "./index18.js";
 import ge from "./index19.js";
-import be from "./index49.js";
-import we from "./index175.js";
-import Se from "./index54.js";
-import xe from "./index55.js";
+import be from "./index50.js";
+import we from "./index177.js";
+import Se from "./index55.js";
+import xe from "./index56.js";
 const Pe = de({
   name: "QDataTable",
   components: {

package/dist/{index95.js → index96.js}

@@ -1,11 +1,11 @@
 import { defineComponent as g, ref as l, computed as n, watch as f, nextTick as w, onUnmounted as v } from "vue";
-import D from "./index176.js";
+import D from "./index178.js";
 /* empty css         */
-import "./index178.js";
-import "./index179.js";
 import "./index180.js";
 import "./index181.js";
 import "./index182.js";
+import "./index183.js";
+import "./index184.js";
 const A = g({
   name: "QDatePicker",
   components: {

package/dist/index98.js

@@ -1,34 +1,29 @@
-import { defineComponent as r, computed as l } from "vue";
-import a from "./index54.js";
-import g from "./index34.js";
-const s = r({
-  name: "QErrorModal",
-  components: {
-    QModal: g
-  },
+import { defineComponent as e, computed as o } from "vue";
+const a = e({
+  name: "QDivider",
   props: {
-    // Model value to hide show modal.
-    toggle: {
-      type: Boolean,
-      default: !1,
-      required: !0
+    /** Border style */
+    borderStyle: {
+      type: String,
+      default: "solid"
+    },
+    /** Border color */
+    borderColor: {
+      type: String,
+      default: "gray-20"
+    },
+    textClass: {
+      type: String,
+      default: ""
     }
   },
-  emits: ["update:toggle"],
-  setup(o, { emit: e }) {
+  emits: ["update:modelValue"],
+  setup(r, { slots: t }) {
     return {
-      // Computed
-      toggleModal: l({
-        get: () => o.toggle,
-        set: (t) => {
-          e("update:toggle", t);
-        }
-      }),
-      // Composables
-      mq: a
+      hasSlotContent: o(() => !!t.default)
     };
   }
 });
 export {
-  s as default
+  a as default
 };

package/dist/index99.js

@@ -0,0 +1,34 @@
+import { defineComponent as r, computed as l } from "vue";
+import a from "./index55.js";
+import g from "./index34.js";
+const s = r({
+  name: "QErrorModal",
+  components: {
+    QModal: g
+  },
+  props: {
+    // Model value to hide show modal.
+    toggle: {
+      type: Boolean,
+      default: !1,
+      required: !0
+    }
+  },
+  emits: ["update:toggle"],
+  setup(o, { emit: e }) {
+    return {
+      // Computed
+      toggleModal: l({
+        get: () => o.toggle,
+        set: (t) => {
+          e("update:toggle", t);
+        }
+      }),
+      // Composables
+      mq: a
+    };
+  }
+});
+export {
+  s as default
+};

package/dist/src/components/footer-actions/footer-actions.stories.d.ts

@@ -6,7 +6,39 @@ export declare const Primary: {
     name: string;
     render: (args: Args) => {
         components: {
-            QFooterActions: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            QFooterActions: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./footer-actions.vue').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                    backgroundColor: string;
+                    containerBackgroundColor: string;
+                    isFloating: boolean;
+                    leftColumnClasses: string;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('./footer-actions.vue').Props> & Readonly<{}>, {}, {}, {}, {}, {
+                    backgroundColor: string;
+                    containerBackgroundColor: string;
+                    isFloating: boolean;
+                    leftColumnClasses: string;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<import('./footer-actions.vue').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                backgroundColor: string;
+                containerBackgroundColor: string;
+                isFloating: boolean;
+                leftColumnClasses: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {}): any;
+                    default?(_: {}): any;
+                };
+            });
         };
         setup(this: void): {
             args: Args;

package/dist/src/components/footer-actions/footer-actions.vue.d.ts

@@ -1,2 +1,29 @@
-export * from './footer-actions.js';
-export { default } from './footer-actions.js';
+export interface Props {
+    backgroundColor?: string;
+    containerBackgroundColor?: string;
+    isFloating?: boolean;
+    leftColumnClasses?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    backgroundColor: string;
+    containerBackgroundColor: string;
+    isFloating: boolean;
+    leftColumnClasses: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/dist/src/components/page-header/page-header.stories.d.ts

@@ -0,0 +1,394 @@
+import { Args, Meta } from '@storybook/vue3';
+declare const meta: Meta<any>;
+export default meta;
+export declare const Primary: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QPageHeader: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                    color: string;
+                    backgroundColor: string;
+                    top: number;
+                    isFixed: boolean;
+                    hideOnScroll: boolean;
+                    hideScrollThreshold: number;
+                    classes: string;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    pageHeaderContainer: HTMLDivElement;
+                    pageHeader: HTMLDivElement;
+                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, {
+                    color: string;
+                    backgroundColor: string;
+                    top: number;
+                    isFixed: boolean;
+                    hideOnScroll: boolean;
+                    hideScrollThreshold: number;
+                    classes: string;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                color: string;
+                backgroundColor: string;
+                top: number;
+                isFixed: boolean;
+                hideOnScroll: boolean;
+                hideScrollThreshold: number;
+                classes: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    beforeTitle?(_: {}): any;
+                    default?(_: {}): any;
+                    actions?(_: {}): any;
+                };
+            });
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        backgroundColor: string;
+        color: string;
+        hideOnScroll: boolean;
+        hideScrollThreshold: number;
+        isFixed: boolean;
+        top: number;
+    };
+};
+export declare const WithActions: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QPageHeader: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                    color: string;
+                    backgroundColor: string;
+                    top: number;
+                    isFixed: boolean;
+                    hideOnScroll: boolean;
+                    hideScrollThreshold: number;
+                    classes: string;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    pageHeaderContainer: HTMLDivElement;
+                    pageHeader: HTMLDivElement;
+                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, {
+                    color: string;
+                    backgroundColor: string;
+                    top: number;
+                    isFixed: boolean;
+                    hideOnScroll: boolean;
+                    hideScrollThreshold: number;
+                    classes: string;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                color: string;
+                backgroundColor: string;
+                top: number;
+                isFixed: boolean;
+                hideOnScroll: boolean;
+                hideScrollThreshold: number;
+                classes: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    beforeTitle?(_: {}): any;
+                    default?(_: {}): any;
+                    actions?(_: {}): any;
+                };
+            });
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        backgroundColor: string;
+        color: string;
+        hideOnScroll: boolean;
+        hideScrollThreshold: number;
+        isFixed: boolean;
+        top: number;
+    };
+};
+export declare const WithBeforeTitle: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QPageHeader: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                    color: string;
+                    backgroundColor: string;
+                    top: number;
+                    isFixed: boolean;
+                    hideOnScroll: boolean;
+                    hideScrollThreshold: number;
+                    classes: string;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    pageHeaderContainer: HTMLDivElement;
+                    pageHeader: HTMLDivElement;
+                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, {
+                    color: string;
+                    backgroundColor: string;
+                    top: number;
+                    isFixed: boolean;
+                    hideOnScroll: boolean;
+                    hideScrollThreshold: number;
+                    classes: string;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                color: string;
+                backgroundColor: string;
+                top: number;
+                isFixed: boolean;
+                hideOnScroll: boolean;
+                hideScrollThreshold: number;
+                classes: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    beforeTitle?(_: {}): any;
+                    default?(_: {}): any;
+                    actions?(_: {}): any;
+                };
+            });
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        backgroundColor: string;
+        color: string;
+        hideOnScroll: boolean;
+        hideScrollThreshold: number;
+        isFixed: boolean;
+        top: number;
+    };
+};
+export declare const Fixed: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QPageHeader: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                    color: string;
+                    backgroundColor: string;
+                    top: number;
+                    isFixed: boolean;
+                    hideOnScroll: boolean;
+                    hideScrollThreshold: number;
+                    classes: string;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    pageHeaderContainer: HTMLDivElement;
+                    pageHeader: HTMLDivElement;
+                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, {
+                    color: string;
+                    backgroundColor: string;
+                    top: number;
+                    isFixed: boolean;
+                    hideOnScroll: boolean;
+                    hideScrollThreshold: number;
+                    classes: string;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                color: string;
+                backgroundColor: string;
+                top: number;
+                isFixed: boolean;
+                hideOnScroll: boolean;
+                hideScrollThreshold: number;
+                classes: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    beforeTitle?(_: {}): any;
+                    default?(_: {}): any;
+                    actions?(_: {}): any;
+                };
+            });
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        containerBackgroundColor: string;
+        isFixed: boolean;
+        top: number;
+        backgroundColor: string;
+        color: string;
+        hideOnScroll: boolean;
+        hideScrollThreshold: number;
+    };
+};
+export declare const DifferentBackground: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QPageHeader: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                    color: string;
+                    backgroundColor: string;
+                    top: number;
+                    isFixed: boolean;
+                    hideOnScroll: boolean;
+                    hideScrollThreshold: number;
+                    classes: string;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    pageHeaderContainer: HTMLDivElement;
+                    pageHeader: HTMLDivElement;
+                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, {
+                    color: string;
+                    backgroundColor: string;
+                    top: number;
+                    isFixed: boolean;
+                    hideOnScroll: boolean;
+                    hideScrollThreshold: number;
+                    classes: string;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                color: string;
+                backgroundColor: string;
+                top: number;
+                isFixed: boolean;
+                hideOnScroll: boolean;
+                hideScrollThreshold: number;
+                classes: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    beforeTitle?(_: {}): any;
+                    default?(_: {}): any;
+                    actions?(_: {}): any;
+                };
+            });
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        backgroundColor: string;
+        color: string;
+        hideOnScroll: boolean;
+        hideScrollThreshold: number;
+        isFixed: boolean;
+        top: number;
+    };
+};
+export declare const Complete: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QPageHeader: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                    color: string;
+                    backgroundColor: string;
+                    top: number;
+                    isFixed: boolean;
+                    hideOnScroll: boolean;
+                    hideScrollThreshold: number;
+                    classes: string;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    pageHeaderContainer: HTMLDivElement;
+                    pageHeader: HTMLDivElement;
+                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, {
+                    color: string;
+                    backgroundColor: string;
+                    top: number;
+                    isFixed: boolean;
+                    hideOnScroll: boolean;
+                    hideScrollThreshold: number;
+                    classes: string;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<import('./page-header.vue').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                color: string;
+                backgroundColor: string;
+                top: number;
+                isFixed: boolean;
+                hideOnScroll: boolean;
+                hideScrollThreshold: number;
+                classes: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    beforeTitle?(_: {}): any;
+                    default?(_: {}): any;
+                    actions?(_: {}): any;
+                };
+            });
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        backgroundColor: string;
+        color: string;
+        hideOnScroll: boolean;
+        hideScrollThreshold: number;
+        isFixed: boolean;
+        top: number;
+    };
+};

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

@@ -0,0 +1,43 @@
+export interface Props {
+    backgroundColor?: string;
+    classes?: string;
+    color?: string;
+    containerBackgroundColor?: string;
+    hideOnScroll?: boolean;
+    hideScrollThreshold?: number;
+    isFixed?: boolean;
+    top?: number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        beforeTitle?(_: {}): any;
+        default?(_: {}): any;
+        actions?(_: {}): any;
+    };
+    refs: {
+        pageHeaderContainer: HTMLDivElement;
+        pageHeader: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    color: string;
+    backgroundColor: string;
+    top: number;
+    isFixed: boolean;
+    hideOnScroll: boolean;
+    hideScrollThreshold: number;
+    classes: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    pageHeaderContainer: HTMLDivElement;
+    pageHeader: 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/dist/src/index.d.ts

@@ -33,6 +33,7 @@ export { default as QMenu } from './components/menu/menu.vue';
 export { default as QModal } from './components/modal/modal.vue';
 export { default as QModalContent } from './components/modal-content/modal-content.vue';
 export { default as QPageHeading } from './components/page-heading/page-heading.vue';
+export { default as QPageHeader } from './components/page-header/page-header.vue';
 export { default as QPageNavigation } from './components/page-navigation/page-navigation.vue';
 export { default as QPdfViewer } from './components/pdf-viewer/pdf-viewer.vue';
 export { default as QPopover } from './components/popover/popover.vue';

package/package.json

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

package/src/assets/illustrations/app-icon-news.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><defs><style>.cls-1{fill:#dadada;}.cls-2{fill:#f4f4f4;}.cls-3{fill:#f33;}.cls-4{fill:#dfdfdf;}.cls-5{fill:#4a4a4a;}</style></defs><title>app_icon_news</title><g id="design"><g id="News"><rect id="Background" class="cls-1" width="120" height="120" rx="33.72"/><g id="Newspaper"><path id="Paper" class="cls-2" d="M109.09,35.17,102.87,29l-6.13,6.13L90.62,29l-6.13,6.13L78.36,29l-6.13,6.13L66.1,29,60,35.08,53.85,29l-6.13,6.13L41.59,29l-6.13,6.13L29.34,29l-6.13,6.13L17.08,29l-6.19,6.19L5,29.53a31.57,31.57,0,0,0-.6,6.11V84.36a31.34,31.34,0,0,0,31.25,31.25H84.36a31.34,31.34,0,0,0,31.25-31.25V35.64a30.81,30.81,0,0,0-.61-6.11Z"/><path id="Headline" class="cls-3" d="M99.13,52.3H20.87a3,3,0,0,1,0-6H99.13a3,3,0,0,1,0,6Z"/><g id="Lines"><path class="cls-4" d="M58,87.3A1.59,1.59,0,0,1,56.51,89h-37A1.59,1.59,0,0,1,18,87.3v-.64A1.6,1.6,0,0,1,19.49,85h37A1.6,1.6,0,0,1,58,86.66Z"/><path class="cls-4" d="M58,95.8a1.59,1.59,0,0,1-1.49,1.68h-37A1.59,1.59,0,0,1,18,95.8v-.64a1.6,1.6,0,0,1,1.49-1.68h37A1.6,1.6,0,0,1,58,95.16Z"/><path class="cls-4" d="M58,78.8a1.59,1.59,0,0,1-1.49,1.68h-37A1.59,1.59,0,0,1,18,78.8v-.64a1.6,1.6,0,0,1,1.49-1.68h37A1.6,1.6,0,0,1,58,78.16Z"/><path class="cls-4" d="M58,70.3A1.59,1.59,0,0,1,56.51,72h-37A1.59,1.59,0,0,1,18,70.3v-.64A1.6,1.6,0,0,1,19.49,68h37A1.6,1.6,0,0,1,58,69.66Z"/><path class="cls-4" d="M58,61.8a1.59,1.59,0,0,1-1.49,1.68h-37A1.59,1.59,0,0,1,18,61.8v-.64a1.6,1.6,0,0,1,1.49-1.68h37A1.6,1.6,0,0,1,58,61.16Z"/></g><rect id="Block" class="cls-5" x="63.68" y="59.48" width="38" height="38" rx="3.08"/></g></g></g></svg>