@maltjoy/core-vue 3.18.0 → 3.19.0

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

@@ -121,10 +121,10 @@ 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;
+    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,10 @@ 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;
+                teleport?: string | import("vue").RendererElement | null | undefined;
+                focusTrap?: boolean | undefined;
                 patternConfirm?: boolean | undefined;
                 buttonSize?: import("../components.types").TJoyButtonSizes | undefined;
                 bannerHeight?: number | undefined;
@@ -135,10 +135,10 @@ 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;
+                teleport: string | import("vue").RendererElement | null | undefined;
+                focusTrap: boolean;
                 patternConfirm: boolean;
                 buttonSize: import("../components.types").TJoyButtonSizes;
                 bannerHeight: number;
@@ -231,10 +231,10 @@ 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;
+                teleport?: string | import("vue").RendererElement | null | undefined;
+                focusTrap?: boolean | undefined;
                 patternConfirm?: boolean | undefined;
                 buttonSize?: import("../components.types").TJoyButtonSizes | undefined;
                 bannerHeight?: number | undefined;
@@ -361,10 +361,10 @@ 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;
+                teleport: string | import("vue").RendererElement | null | undefined;
+                focusTrap: boolean;
                 patternConfirm: boolean;
                 buttonSize: import("../components.types").TJoyButtonSizes;
                 bannerHeight: number;

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

@@ -0,0 +1,7 @@
+export interface IDrawerOpenOption {
+    callback?: (...args: any) => void;
+    preventBodyScroll?: boolean;
+    patternConfirm?: boolean;
+}
+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,124 @@
+import { PropType } from 'vue';
+import { TJoyButtonSizes } from '../JoyButton/JoyButton.types';
+import { IDrawerOpenOption } from './JoyDrawer.types';
+declare function hideOverlay(): Promise<void>;
+declare function openOverlay(options?: IDrawerOpenOption): 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;
+    };
+    /** **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;
+    };
+}, {
+    openOverlay: typeof openOverlay;
+    hasFooterSlots: import("vue").ComputedRef<boolean>;
+    hideOverlay: typeof hideOverlay;
+    isOpen: import("vue").Ref<boolean>;
+}, 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;
+    };
+    /** **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;
+    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;
+    };
+};