@maltjoy/core-vue 3.18.0 → 3.19.1

package/dist/components/JoyCollapseItem/VJoyCollapseItem.vue.d.ts

@@ -0,0 +1,59 @@
+import { PropType } from 'vue';
+declare function onToggle(): void;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    header: {
+        type: StringConstructor;
+        required: true;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    summaryIcon: {
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
+    };
+    id: {
+        type: StringConstructor;
+    };
+}, {
+    isOpen: import("vue").Ref<boolean>;
+    onToggle: typeof onToggle;
+    props: {
+        readonly header: string;
+        readonly open: boolean;
+        readonly id?: string | undefined;
+        readonly summaryIcon?: import("@maltjoy/icons").JoyIconsId | undefined;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "collapse-item:open": () => void;
+    "collapse-item:close": () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    header: {
+        type: StringConstructor;
+        required: true;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    summaryIcon: {
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
+    };
+    id: {
+        type: StringConstructor;
+    };
+}>> & {
+    "onCollapse-item:open"?: (() => any) | undefined;
+    "onCollapse-item:close"?: (() => any) | undefined;
+}, {
+    open: boolean;
+}, {}>, Readonly<{
+    default: () => any;
+    'collapse-header-right'?: (() => any) | undefined;
+}>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyCounter/VJoyCounter.vue.d.ts

@@ -66,10 +66,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly required: boolean;
         readonly disabled: boolean;
         readonly invalid: boolean;
+        readonly modelValue: number;
         readonly labelSize: "small" | "large" | "medium";
         readonly requiredMark: boolean;
         readonly min: number;
-        readonly modelValue: number;
         readonly step: number;
         readonly label?: string | undefined;
         readonly name?: string | undefined;
@@ -150,10 +150,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     required: boolean;
     disabled: boolean;
     invalid: boolean;
+    modelValue: number;
     labelSize: "small" | "large" | "medium";
     requiredMark: boolean;
     min: number;
-    modelValue: number;
     step: number;
 }, {}>, {
     default?(_: {}): any;

package/dist/components/JoyDialog/VJoyDialog.vue.d.ts

@@ -1,8 +1,7 @@
 import { PropType } from 'vue';
 import { TJoyButtonSizes } from '../JoyButton/JoyButton.types';
-import { IDialogOpenOption } from './JoyDialog.types';
-declare function hideOverlay(): Promise<void>;
-declare function openOverlay(options?: IDialogOpenOption): Promise<void>;
+declare function hide(): Promise<void>;
+declare function show(): Promise<void>;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /** By default a focus-trap is activated. It means you can loop over all interactive elements within the open dialog. */
     focusTrap: {
@@ -18,6 +17,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * @internal - Mostly for documentation purpose
+     */
+    preventBodyScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** **For accessibility purpose**. Label associated with the top right corner icon.  */
     closeLabel: {
         type: StringConstructor;
@@ -55,9 +61,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: number;
     };
 }, {
-    openOverlay: typeof openOverlay;
+    show: typeof show;
     hasFooterSlots: import("vue").ComputedRef<boolean>;
-    hideOverlay: typeof hideOverlay;
+    hide: typeof hide;
     isOpen: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "dialog:open": () => void;
@@ -79,6 +85,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * @internal - Mostly for documentation purpose
+     */
+    preventBodyScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** **For accessibility purpose**. Label associated with the top right corner icon.  */
     closeLabel: {
         type: StringConstructor;
@@ -121,10 +134,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onDialog:hide"?: (() => any) | undefined;
     "onDialog:after-hide"?: (() => any) | undefined;
 }, {
-    focusTrap: boolean;
-    teleport: string | import("vue").RendererElement | null | undefined;
-    open: boolean;
     closeLabel: string;
+    open: boolean;
+    preventBodyScroll: boolean;
+    teleport: string | import("vue").RendererElement | null | undefined;
+    focusTrap: boolean;
     patternConfirm: boolean;
     buttonSize: TJoyButtonSizes;
     bannerHeight: number;

package/dist/components/JoyDialogTrigger/VJoyDialogTrigger.vue.d.ts

@@ -5,10 +5,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
-                focusTrap?: boolean | undefined;
-                teleport?: string | import("vue").RendererElement | null | undefined;
-                open?: boolean | undefined;
                 closeLabel?: string | undefined;
+                open?: boolean | undefined;
+                preventBodyScroll?: boolean | undefined;
+                teleport?: string | import("vue").RendererElement | null | undefined;
+                focusTrap?: boolean | undefined;
                 patternConfirm?: boolean | undefined;
                 buttonSize?: import("../components.types").TJoyButtonSizes | undefined;
                 bannerHeight?: number | undefined;
@@ -91,6 +92,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                preventBodyScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 closeLabel: {
                     type: StringConstructor;
                     default: string;
@@ -125,9 +130,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 "onDialog:hide"?: (() => any) | undefined;
                 "onDialog:after-hide"?: (() => any) | undefined;
             }, {
-                openOverlay: (options?: import("../components.types").IDialogOpenOption | undefined) => Promise<void>;
+                show: () => Promise<void>;
                 hasFooterSlots: import("vue").ComputedRef<boolean>;
-                hideOverlay: () => Promise<void>;
+                hide: () => Promise<void>;
                 isOpen: import("vue").Ref<boolean>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "dialog:open": () => void;
@@ -135,10 +140,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 "dialog:hide": () => void;
                 "dialog:after-hide": () => void;
             }, string, {
-                focusTrap: boolean;
-                teleport: string | import("vue").RendererElement | null | undefined;
-                open: boolean;
                 closeLabel: string;
+                open: boolean;
+                preventBodyScroll: boolean;
+                teleport: string | import("vue").RendererElement | null | undefined;
+                focusTrap: boolean;
                 patternConfirm: boolean;
                 buttonSize: import("../components.types").TJoyButtonSizes;
                 bannerHeight: number;
@@ -175,6 +181,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
+            preventBodyScroll: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             closeLabel: {
                 type: StringConstructor;
                 default: string;
@@ -209,9 +219,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             "onDialog:hide"?: (() => any) | undefined;
             "onDialog:after-hide"?: (() => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{
-            openOverlay: (options?: import("../components.types").IDialogOpenOption | undefined) => Promise<void>;
+            show: () => Promise<void>;
             hasFooterSlots: import("vue").ComputedRef<boolean>;
-            hideOverlay: () => Promise<void>;
+            hide: () => Promise<void>;
             isOpen: import("vue").Ref<boolean>;
         }> & {} & import("vue").ComponentCustomProperties & {} & {
             $slots: {
@@ -231,10 +241,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
-                focusTrap?: boolean | undefined;
-                teleport?: string | import("vue").RendererElement | null | undefined;
-                open?: boolean | undefined;
                 closeLabel?: string | undefined;
+                open?: boolean | undefined;
+                preventBodyScroll?: boolean | undefined;
+                teleport?: string | import("vue").RendererElement | null | undefined;
+                focusTrap?: boolean | undefined;
                 patternConfirm?: boolean | undefined;
                 buttonSize?: import("../components.types").TJoyButtonSizes | undefined;
                 bannerHeight?: number | undefined;
@@ -317,6 +328,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                preventBodyScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 closeLabel: {
                     type: StringConstructor;
                     default: string;
@@ -351,9 +366,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 "onDialog:hide"?: (() => any) | undefined;
                 "onDialog:after-hide"?: (() => any) | undefined;
             }, {
-                openOverlay: (options?: import("../components.types").IDialogOpenOption | undefined) => Promise<void>;
+                show: () => Promise<void>;
                 hasFooterSlots: import("vue").ComputedRef<boolean>;
-                hideOverlay: () => Promise<void>;
+                hide: () => Promise<void>;
                 isOpen: import("vue").Ref<boolean>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "dialog:open": () => void;
@@ -361,10 +376,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 "dialog:hide": () => void;
                 "dialog:after-hide": () => void;
             }, string, {
-                focusTrap: boolean;
-                teleport: string | import("vue").RendererElement | null | undefined;
-                open: boolean;
                 closeLabel: string;
+                open: boolean;
+                preventBodyScroll: boolean;
+                teleport: string | import("vue").RendererElement | null | undefined;
+                focusTrap: boolean;
                 patternConfirm: boolean;
                 buttonSize: import("../components.types").TJoyButtonSizes;
                 bannerHeight: number;
@@ -401,6 +417,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
+            preventBodyScroll: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             closeLabel: {
                 type: StringConstructor;
                 default: string;
@@ -435,9 +455,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             "onDialog:hide"?: (() => any) | undefined;
             "onDialog:after-hide"?: (() => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{
-            openOverlay: (options?: import("../components.types").IDialogOpenOption | undefined) => Promise<void>;
+            show: () => Promise<void>;
             hasFooterSlots: import("vue").ComputedRef<boolean>;
-            hideOverlay: () => Promise<void>;
+            hide: () => Promise<void>;
             isOpen: import("vue").Ref<boolean>;
         }> & {} & import("vue").ComponentCustomProperties & {} & {
             $slots: {

package/dist/components/JoyDrawer/JoyDrawer.types.d.ts

@@ -0,0 +1,2 @@
+export declare const DRAWER_SIZES: readonly ["default", "large"];
+export type TJoyDrawerSizes = (typeof DRAWER_SIZES)[number];

package/dist/components/JoyDrawer/VJoyDrawer.vue.d.ts

@@ -0,0 +1,144 @@
+import { PropType } from 'vue';
+import { TJoyButtonSizes } from '../JoyButton/JoyButton.types';
+declare function hide(): Promise<void>;
+/**
+ * @param {Object} options -
+ * @param {Boolean} options.preventBodyScroll - By default body has an overflow hidden.
+ * @param {Boolean} options.focusTrap - By default a focus-trap is activated on the drawer, when opened.
+ * @returns {Promise<void>} -
+ */
+declare function show(): Promise<void>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** By default a focus-trap is activated. It means you can loop over all interactive elements within the open drawer. */
+    focusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"default" | "large">;
+        default: string;
+    };
+    /** By default the drawer is teleported to the end of body tag */
+    teleport: {
+        type: PropType<string | import("vue").RendererElement | null | undefined>;
+        default: string;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Removes the overlay and allows interacting with background content */
+    elevated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @internal - Mostly for documentation purpose
+     */
+    preventBodyScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** **For accessibility purpose**. Label associated with the top right corner icon.  */
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Use this property to directly create a cancel CTA (VJoyButton), if you don't need to customize the CTA. */
+    cancelText: {
+        type: StringConstructor;
+    };
+    /** Use this property to directly create a confirm CTA (VJoyButton), if you don't need to customize the CTA. */
+    confirmText: {
+        type: StringConstructor;
+    };
+    buttonSize: {
+        type: PropType<TJoyButtonSizes>;
+        default: string;
+    };
+}, {
+    hasFooterSlots: import("vue").ComputedRef<boolean>;
+    hide: typeof hide;
+    isOpen: import("vue").Ref<boolean>;
+    show: typeof show;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "drawer:open": () => void;
+    "drawer:after-open": () => void;
+    "drawer:hide": () => void;
+    "drawer:after-hide": () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** By default a focus-trap is activated. It means you can loop over all interactive elements within the open drawer. */
+    focusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"default" | "large">;
+        default: string;
+    };
+    /** By default the drawer is teleported to the end of body tag */
+    teleport: {
+        type: PropType<string | import("vue").RendererElement | null | undefined>;
+        default: string;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Removes the overlay and allows interacting with background content */
+    elevated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @internal - Mostly for documentation purpose
+     */
+    preventBodyScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** **For accessibility purpose**. Label associated with the top right corner icon.  */
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Use this property to directly create a cancel CTA (VJoyButton), if you don't need to customize the CTA. */
+    cancelText: {
+        type: StringConstructor;
+    };
+    /** Use this property to directly create a confirm CTA (VJoyButton), if you don't need to customize the CTA. */
+    confirmText: {
+        type: StringConstructor;
+    };
+    buttonSize: {
+        type: PropType<TJoyButtonSizes>;
+        default: string;
+    };
+}>> & {
+    "onDrawer:open"?: (() => any) | undefined;
+    "onDrawer:after-open"?: (() => any) | undefined;
+    "onDrawer:hide"?: (() => any) | undefined;
+    "onDrawer:after-hide"?: (() => any) | undefined;
+}, {
+    size: "default" | "large";
+    closeLabel: string;
+    open: boolean;
+    preventBodyScroll: boolean;
+    teleport: string | import("vue").RendererElement | null | undefined;
+    focusTrap: boolean;
+    buttonSize: TJoyButtonSizes;
+    elevated: boolean;
+}, {}>, {
+    "drawer-header"?(_: {}): any;
+    "drawer-subheader"?(_: {}): any;
+    "drawer-body"?(_: {}): any;
+    "drawer-cancel"?(_: {}): any;
+    "drawer-confirm"?(_: {}): any;
+    "drawer-indicators"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};