@maltjoy/core-vue 6.4.0 → 6.5.0-beta.1

package/dist/components/JoyCheckboxGroup/VJoyCheckboxGroup.vue.d.ts

@@ -1,67 +0,0 @@
-import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
-export interface Option {
-    id: string;
-    name?: string;
-    value: string;
-    label: string;
-    subLabel?: string;
-    /**
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * @default false
-     */
-    required?: boolean;
-}
-export type CheckboxGroupDirection = 'vertical' | 'horizontal';
-export interface CheckboxGroupProps {
-    options?: Option[];
-    id?: string;
-    /** TODO: better typings */
-    value?: any[];
-    /** Switch checkboxes layout direction. */
-    direction?: CheckboxGroupDirection;
-    required?: boolean;
-    /** Use VJoyLabel if you need to customize the label HTML. */
-    label?: string;
-    labelSize?: TJoyLabelSizes;
-    optionalLabel?: string;
-    requiredMark?: boolean;
-}
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<CheckboxGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:value": (value: any[]) => any;
-}, string, import("vue").PublicProps, Readonly<CheckboxGroupProps> & Readonly<{
-    "onUpdate:value"?: ((value: any[]) => any) | undefined;
-}>, {
-    required: boolean;
-    value: any[];
-    direction: CheckboxGroupDirection;
-    options: Option[];
-    labelSize: TJoyLabelSizes;
-    requiredMark: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
-    /**
-     * Allows explicit declaration of VJoyCheckbox / VJoyCheckboxCard children in the group.
-     *
-     * **Important**: v-model has to be handled by consumer.
-     */
-    default?: (() => any) | undefined;
-    /** Customize the inner content of each checkboxes */
-    checkbox?: ((option: Option) => any) | undefined;
-}> & {
-    /**
-     * Allows explicit declaration of VJoyCheckbox / VJoyCheckboxCard children in the group.
-     *
-     * **Important**: v-model has to be handled by consumer.
-     */
-    default?: (() => any) | undefined;
-    /** Customize the inner content of each checkboxes */
-    checkbox?: ((option: Option) => any) | undefined;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/JoyCollapse/VJoyCollapse.vue.d.ts

@@ -1,215 +0,0 @@
-import { PropType } from 'vue';
-import VJoyCollapseItem from '../JoyCollapseItem/VJoyCollapseItem.vue';
-declare function isItem(child: any): boolean;
-declare function isOpen(item: typeof VJoyCollapseItem): any;
-declare function getValForModel(item: typeof VJoyCollapseItem): any;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /** Open one item at a time. Works with modelValue */
-    accordion: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Use v-model to handle   */
-    modelValue: {
-        type: PropType<string[]>;
-        default(): never[];
-    };
-    /**
-     * Experimental: outline mode may be the default one in near future
-     */
-    mode: {
-        type: PropType<"default" | "outline">;
-        default: string;
-    };
-}>, {
-    getValForModel: typeof getValForModel;
-    isItem: typeof isItem;
-    isOpen: typeof isOpen;
-    items: import("vue").ComputedRef<({
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            header: {
-                type: StringConstructor;
-                required: true;
-            };
-            subheader: {
-                type: StringConstructor;
-            };
-            open: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            summaryIcon: {
-                type: PropType<import("@maltjoy/icons").JoyIconsId>;
-            };
-            id: {
-                type: StringConstructor;
-            };
-            mode: {
-                type: PropType<"default" | "outline">;
-                default: string;
-            };
-        }>> & Readonly<{
-            "onCollapse-item:open"?: (() => any) | undefined;
-            "onCollapse-item:close"?: (() => any) | undefined;
-        }>, {
-            isOpen: import("vue").Ref<boolean, boolean>;
-            onToggle: () => void;
-            props: {
-                readonly header: string;
-                readonly open: boolean;
-                readonly mode: "default" | "outline";
-                readonly id?: string | undefined;
-                readonly subheader?: string | undefined;
-                readonly summaryIcon?: import("@maltjoy/icons").JoyIconsId | undefined;
-            };
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-            "collapse-item:open": () => any;
-            "collapse-item:close": () => any;
-        }, import("vue").PublicProps, {
-            open: boolean;
-            mode: "default" | "outline";
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            header: {
-                type: StringConstructor;
-                required: true;
-            };
-            subheader: {
-                type: StringConstructor;
-            };
-            open: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            summaryIcon: {
-                type: PropType<import("@maltjoy/icons").JoyIconsId>;
-            };
-            id: {
-                type: StringConstructor;
-            };
-            mode: {
-                type: PropType<"default" | "outline">;
-                default: string;
-            };
-        }>> & Readonly<{
-            "onCollapse-item:open"?: (() => any) | undefined;
-            "onCollapse-item:close"?: (() => any) | undefined;
-        }>, {
-            isOpen: import("vue").Ref<boolean, boolean>;
-            onToggle: () => void;
-            props: {
-                readonly header: string;
-                readonly open: boolean;
-                readonly mode: "default" | "outline";
-                readonly id?: string | undefined;
-                readonly subheader?: string | undefined;
-                readonly summaryIcon?: import("@maltjoy/icons").JoyIconsId | undefined;
-            };
-        }, {}, {}, {}, {
-            open: boolean;
-            mode: "default" | "outline";
-        }>;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        header: {
-            type: StringConstructor;
-            required: true;
-        };
-        subheader: {
-            type: StringConstructor;
-        };
-        open: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        summaryIcon: {
-            type: PropType<import("@maltjoy/icons").JoyIconsId>;
-        };
-        id: {
-            type: StringConstructor;
-        };
-        mode: {
-            type: PropType<"default" | "outline">;
-            default: string;
-        };
-    }>> & Readonly<{
-        "onCollapse-item:open"?: (() => any) | undefined;
-        "onCollapse-item:close"?: (() => any) | undefined;
-    }>, {
-        isOpen: import("vue").Ref<boolean, boolean>;
-        onToggle: () => void;
-        props: {
-            readonly header: string;
-            readonly open: boolean;
-            readonly mode: "default" | "outline";
-            readonly id?: string | undefined;
-            readonly subheader?: string | undefined;
-            readonly summaryIcon?: import("@maltjoy/icons").JoyIconsId | undefined;
-        };
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        "collapse-item:open": () => any;
-        "collapse-item:close": () => any;
-    }, string, {
-        open: boolean;
-        mode: "default" | "outline";
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: Readonly<{
-            default(): any;
-            'collapse-header-right'?: (() => any) | undefined;
-            'collapse-subheader'?: (() => any) | undefined;
-            'collapse-preview'?: (() => any) | undefined;
-        }> & {
-            default(): any;
-            'collapse-header-right'?: (() => any) | undefined;
-            'collapse-subheader'?: (() => any) | undefined;
-            'collapse-preview'?: (() => any) | undefined;
-        };
-    }))[]>;
-    openedCollapseItem: import("vue").Ref<string[], string[]>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (model: string[]) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** Open one item at a time. Works with modelValue */
-    accordion: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Use v-model to handle   */
-    modelValue: {
-        type: PropType<string[]>;
-        default(): never[];
-    };
-    /**
-     * Experimental: outline mode may be the default one in near future
-     */
-    mode: {
-        type: PropType<"default" | "outline">;
-        default: string;
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: ((model: string[]) => any) | undefined;
-}>, {
-    mode: "default" | "outline";
-    accordion: boolean;
-    modelValue: string[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
-    /** Inject your VJoyCollapseItem here */
-    default: () => any;
-}> & {
-    /** Inject your VJoyCollapseItem here */
-    default: () => any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,5 +0,0 @@
-import VJoyCollapseItem from './VJoyCollapseItem.vue';
-export type TJoyCollapseItemProps = InstanceType<typeof VJoyCollapseItem>['$props'];
-export type TJoyCollapseItems = TJoyCollapseItemProps[];
-export declare const COLLAPSE_ITEM_MODES: readonly ["outline", "default"];
-export type TJoyCollapseItemModes = (typeof COLLAPSE_ITEM_MODES)[number];

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

@@ -1,101 +0,0 @@
-import { PropType } from 'vue';
-declare function onToggle(): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /** Title of the collapse item */
-    header: {
-        type: StringConstructor;
-        required: true;
-    };
-    subheader: {
-        type: StringConstructor;
-    };
-    open: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Pick the icon you want to display in front of the header/title */
-    summaryIcon: {
-        type: PropType<import("@maltjoy/icons").JoyIconsId>;
-    };
-    id: {
-        type: StringConstructor;
-    };
-    /**
-     * Experimental: outline mode may be the default one in near future
-     */
-    mode: {
-        type: PropType<"default" | "outline">;
-        default: string;
-    };
-}>, {
-    isOpen: import("vue").Ref<boolean, boolean>;
-    onToggle: typeof onToggle;
-    props: {
-        readonly header: string;
-        readonly open: boolean;
-        readonly mode: "default" | "outline";
-        readonly id?: string | undefined;
-        readonly subheader?: string | undefined;
-        readonly summaryIcon?: import("@maltjoy/icons").JoyIconsId | undefined;
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "collapse-item:open": () => any;
-    "collapse-item:close": () => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** Title of the collapse item */
-    header: {
-        type: StringConstructor;
-        required: true;
-    };
-    subheader: {
-        type: StringConstructor;
-    };
-    open: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Pick the icon you want to display in front of the header/title */
-    summaryIcon: {
-        type: PropType<import("@maltjoy/icons").JoyIconsId>;
-    };
-    id: {
-        type: StringConstructor;
-    };
-    /**
-     * Experimental: outline mode may be the default one in near future
-     */
-    mode: {
-        type: PropType<"default" | "outline">;
-        default: string;
-    };
-}>> & Readonly<{
-    "onCollapse-item:open"?: (() => any) | undefined;
-    "onCollapse-item:close"?: (() => any) | undefined;
-}>, {
-    open: boolean;
-    mode: "default" | "outline";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
-    /** Main content, hidden by default */
-    default(): any;
-    /** Inject the content you need on the right side, between the header/title and the arrow */
-    'collapse-header-right'?: (() => any) | undefined;
-    /** Not mandatory */
-    'collapse-subheader'?: (() => any) | undefined;
-    /** If you need to inject a small snippet of what includes the collapse, you can use this slot */
-    'collapse-preview'?: (() => any) | undefined;
-}> & {
-    /** Main content, hidden by default */
-    default(): any;
-    /** Inject the content you need on the right side, between the header/title and the arrow */
-    'collapse-header-right'?: (() => any) | undefined;
-    /** Not mandatory */
-    'collapse-subheader'?: (() => any) | undefined;
-    /** If you need to inject a small snippet of what includes the collapse, you can use this slot */
-    'collapse-preview'?: (() => any) | undefined;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,2 +0,0 @@
-import { TSizes } from '../../types';
-export type TJoyCompanyAvatarSizes = Extract<TSizes, 'large' | 'medium' | 'small'>;

package/dist/components/JoyCompanyAvatar/VJoyCompanyAvatar.vue.d.ts

@@ -1,39 +0,0 @@
-import { PropType } from 'vue';
-import { TJoyCompanyAvatarSizes } from './JoyCompanyAvatar.types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /** Inject the URL of your image. Fallback will be the icon */
-    imgSrc: StringConstructor;
-    /** Mostly for accessibility, use this to add an alternative text. */
-    imgAlt: StringConstructor;
-    /** Used as "title" attribute for the img. */
-    companyName: StringConstructor;
-    size: {
-        type: PropType<TJoyCompanyAvatarSizes>;
-        default: string;
-    };
-    /** Only applied if you set a imgSrc */
-    loading: {
-        type: PropType<"lazy" | "eager">;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** Inject the URL of your image. Fallback will be the icon */
-    imgSrc: StringConstructor;
-    /** Mostly for accessibility, use this to add an alternative text. */
-    imgAlt: StringConstructor;
-    /** Used as "title" attribute for the img. */
-    companyName: StringConstructor;
-    size: {
-        type: PropType<TJoyCompanyAvatarSizes>;
-        default: string;
-    };
-    /** Only applied if you set a imgSrc */
-    loading: {
-        type: PropType<"lazy" | "eager">;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    size: TJoyCompanyAvatarSizes;
-    loading: "lazy" | "eager";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,2 +0,0 @@
-import { TSizes } from '../../types';
-export type TJoyDialogSizes = Extract<TSizes, 'large'> | 'default';

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

@@ -1,227 +0,0 @@
-import { PropType } from 'vue';
-import { TJoyButtonSizes } from '../JoyButton/JoyButton.types';
-import { TJoyDialogSizes } from './JoyDialog.types';
-declare function hide(options?: {
-    fireHideEvent?: boolean;
-}): Promise<void>;
-declare function show(): Promise<void>;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-    };
-    size: {
-        type: PropType<TJoyDialogSizes>;
-        default: string;
-    };
-    /** By default the dialog is teleported to the end of body tag */
-    teleport: {
-        type: PropType<string | import("vue").RendererElement | null | undefined>;
-        default: string;
-    };
-    open: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Mostly for documentation purpose
-     */
-    preventBodyScroll: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disableTeleport: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Mostly for documentation purpose, it prevents the component from being hidden */
-    demoMode: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** **For accessibility purpose**. Label associated with the top right corner icon.  */
-    closeLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** Display the dialog without the top right icon to close it.
-     * Click on backdrop is disabled and pressing Escape does not trigger anything.
-     */
-    patternConfirm: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * EXPERIMENTAL: activates a new centered layout and display decorative colored shapes. Shapes can't be disabled.
-     */
-    patternBrand: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** 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;
-    };
-    /** Link to inject an image on top of the dialog */
-    bannerSrc: {
-        type: StringConstructor;
-    };
-    /** Based on CSS propetty background-position. https://developer.mozilla.org/en-US/docs/Web/CSS/background-position */
-    bannerPosition: {
-        type: StringConstructor;
-    };
-    bannerHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>, {
-    hasFooterSlots: import("vue").ComputedRef<boolean>;
-    hide: typeof hide;
-    isOpen: import("vue").Ref<boolean, boolean>;
-    show: typeof show;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "dialog:open": () => any;
-    "dialog:after-open": () => any;
-    "dialog:hide": () => any;
-    "dialog:after-hide": () => any;
-    "dialog:before-unmount": () => any;
-    "dialog:confirm": () => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-    };
-    size: {
-        type: PropType<TJoyDialogSizes>;
-        default: string;
-    };
-    /** By default the dialog is teleported to the end of body tag */
-    teleport: {
-        type: PropType<string | import("vue").RendererElement | null | undefined>;
-        default: string;
-    };
-    open: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Mostly for documentation purpose
-     */
-    preventBodyScroll: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disableTeleport: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Mostly for documentation purpose, it prevents the component from being hidden */
-    demoMode: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** **For accessibility purpose**. Label associated with the top right corner icon.  */
-    closeLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** Display the dialog without the top right icon to close it.
-     * Click on backdrop is disabled and pressing Escape does not trigger anything.
-     */
-    patternConfirm: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * EXPERIMENTAL: activates a new centered layout and display decorative colored shapes. Shapes can't be disabled.
-     */
-    patternBrand: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** 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;
-    };
-    /** Link to inject an image on top of the dialog */
-    bannerSrc: {
-        type: StringConstructor;
-    };
-    /** Based on CSS propetty background-position. https://developer.mozilla.org/en-US/docs/Web/CSS/background-position */
-    bannerPosition: {
-        type: StringConstructor;
-    };
-    bannerHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{
-    "onDialog:open"?: (() => any) | undefined;
-    "onDialog:after-open"?: (() => any) | undefined;
-    "onDialog:hide"?: (() => any) | undefined;
-    "onDialog:after-hide"?: (() => any) | undefined;
-    "onDialog:before-unmount"?: (() => any) | undefined;
-    "onDialog:confirm"?: (() => any) | undefined;
-}>, {
-    size: TJoyDialogSizes;
-    closeLabel: string;
-    open: boolean;
-    preventBodyScroll: boolean;
-    teleport: string | import("vue").RendererElement | null | undefined;
-    disableTeleport: boolean;
-    demoMode: boolean;
-    patternConfirm: boolean;
-    patternBrand: boolean;
-    buttonSize: TJoyButtonSizes;
-    bannerHeight: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
-    /** Made for short informations */
-    'dialog-preheader': () => any;
-    /** Header to inject your title */
-    'dialog-header': () => any;
-    /** Subheader to inject additionnal informtion */
-    'dialog-subheader': () => any;
-    /** Body content to inject whatever you need */
-    'dialog-body': () => any;
-    /** Used to render the cancel CTA */
-    'dialog-cancel': () => any;
-    /** Used to render the confirm CTA */
-    'dialog-confirm': () => any;
-    /** When navigating with multiple dialogs */
-    'dialog-indicators': () => any;
-}> & {
-    /** Made for short informations */
-    'dialog-preheader': () => any;
-    /** Header to inject your title */
-    'dialog-header': () => any;
-    /** Subheader to inject additionnal informtion */
-    'dialog-subheader': () => any;
-    /** Body content to inject whatever you need */
-    'dialog-body': () => any;
-    /** Used to render the cancel CTA */
-    'dialog-cancel': () => any;
-    /** Used to render the confirm CTA */
-    'dialog-confirm': () => any;
-    /** When navigating with multiple dialogs */
-    'dialog-indicators': () => any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};