@maltjoy/core-vue 3.29.2 → 3.30.0

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

@@ -1 +1,2 @@
-export type TJoyBadgeVariants = 'info' | 'gray' | 'green' | 'orange' | 'red' | 'teal' | 'pink' | 'dark-blue' | 'yellow';
+import { TJoyDotVariants } from '../JoyDot/VJoyDot.types';
+export type TJoyBadgeVariants = TJoyDotVariants;

package/dist/components/JoyBadge/VJoyBadge.vue.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import { TJoyBadgeVariants } from './JoyBadge.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
      * Display the colored bulletpoint on the left
@@ -17,11 +16,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /**
      * Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed.
+     *
+     * You can use the `TJoyBadgeVariants` type.
      */
     variant: {
-        type: PropType<TJoyBadgeVariants>;
+        type: PropType<import("../JoyDot/VJoyDot.types").TJoyDotVariants>;
         default: string;
     };
+    number: NumberConstructor;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Display the colored bulletpoint on the left
@@ -39,15 +41,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /**
      * Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed.
+     *
+     * You can use the `TJoyBadgeVariants` type.
      */
     variant: {
-        type: PropType<TJoyBadgeVariants>;
+        type: PropType<import("../JoyDot/VJoyDot.types").TJoyDotVariants>;
         default: string;
     };
+    number: NumberConstructor;
 }>>, {
     label: string;
+    variant: import("../JoyDot/VJoyDot.types").TJoyDotVariants;
     bulletpoint: boolean;
-    variant: TJoyBadgeVariants;
 }, {}>, Readonly<{
     /** Use the slot as an alternative to "label" property. */
     default(): any;

package/dist/components/JoyDot/VJoyDot.types.d.ts

@@ -0,0 +1 @@
+export type TJoyDotVariants = 'info' | 'gray' | 'green' | 'orange' | 'red' | 'teal' | 'pink' | 'dark-blue' | 'yellow';

package/dist/components/JoyDot/VJoyDot.vue.d.ts

@@ -0,0 +1,18 @@
+import { PropType } from 'vue';
+import { TJoyDotVariants } from './VJoyDot.types';
+declare const _default: import("vue").DefineComponent<{
+    number: NumberConstructor;
+    variant: {
+        type: PropType<TJoyDotVariants>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    number: NumberConstructor;
+    variant: {
+        type: PropType<TJoyDotVariants>;
+        default: string;
+    };
+}>>, {
+    variant: TJoyDotVariants;
+}, {}>;
+export default _default;

package/dist/components/JoyDropzone/VJoyDropzone.vue.d.ts

@@ -0,0 +1,120 @@
+declare const _default: <T extends {
+    name: string;
+}>(__VLS_props: {
+    name: string;
+    multiple?: boolean | undefined;
+    modelValue: (File | T)[];
+    accept?: string[] | undefined;
+    deleteLabel?: string | undefined;
+    updateLabel?: string | undefined;
+    maxSize?: number | undefined;
+    errorTextFormat?: string | undefined;
+    errorTextMaxSize?: string | undefined;
+    errorTextFormatAndMaxSize?: string | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    slots: Readonly<{
+        /** Legend displayed at the bottom of the dropzone */
+        'dropzone-legend'?: (() => any) | undefined;
+        /** Block description of the dropzone */
+        'dropzone-description'?: (() => any) | undefined;
+        /** Add information under the file name */
+        'file-information'?: (() => any) | undefined;
+        /** Add file actions next to the update button */
+        'file-actions'?: (() => any) | undefined;
+    }> & {
+        /** Legend displayed at the bottom of the dropzone */
+        'dropzone-legend'?: (() => any) | undefined;
+        /** Block description of the dropzone */
+        'dropzone-description'?: (() => any) | undefined;
+        /** Add information under the file name */
+        'file-information'?: (() => any) | undefined;
+        /** Add file actions next to the update button */
+        'file-actions'?: (() => any) | undefined;
+    };
+    emit: any;
+} | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{
+    invalid: import("vue").ComputedRef<boolean>;
+}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        name: string;
+        multiple?: boolean | undefined;
+        modelValue: (File | T)[];
+        accept?: string[] | undefined;
+        deleteLabel?: string | undefined;
+        updateLabel?: string | undefined;
+        maxSize?: number | undefined;
+        errorTextFormat?: string | undefined;
+        errorTextMaxSize?: string | undefined;
+        errorTextFormatAndMaxSize?: string | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        invalid: import("vue").ComputedRef<boolean>;
+    }>): void;
+    attrs: any;
+    slots: Readonly<{
+        /** Legend displayed at the bottom of the dropzone */
+        'dropzone-legend'?: (() => any) | undefined;
+        /** Block description of the dropzone */
+        'dropzone-description'?: (() => any) | undefined;
+        /** Add information under the file name */
+        'file-information'?: (() => any) | undefined;
+        /** Add file actions next to the update button */
+        'file-actions'?: (() => any) | undefined;
+    }> & {
+        /** Legend displayed at the bottom of the dropzone */
+        'dropzone-legend'?: (() => any) | undefined;
+        /** Block description of the dropzone */
+        'dropzone-description'?: (() => any) | undefined;
+        /** Add information under the file name */
+        'file-information'?: (() => any) | undefined;
+        /** Add file actions next to the update button */
+        'file-actions'?: (() => any) | undefined;
+    };
+    emit: any;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            name: string;
+            multiple?: boolean | undefined;
+            modelValue: (File | T)[];
+            accept?: string[] | undefined;
+            deleteLabel?: string | undefined;
+            updateLabel?: string | undefined;
+            maxSize?: number | undefined;
+            errorTextFormat?: string | undefined;
+            errorTextMaxSize?: string | undefined;
+            errorTextFormatAndMaxSize?: string | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import("vue").ShallowUnwrapRef<{
+            invalid: import("vue").ComputedRef<boolean>;
+        }>): void;
+        attrs: any;
+        slots: Readonly<{
+            /** Legend displayed at the bottom of the dropzone */
+            'dropzone-legend'?: (() => any) | undefined;
+            /** Block description of the dropzone */
+            'dropzone-description'?: (() => any) | undefined;
+            /** Add information under the file name */
+            'file-information'?: (() => any) | undefined;
+            /** Add file actions next to the update button */
+            'file-actions'?: (() => any) | undefined;
+        }> & {
+            /** Legend displayed at the bottom of the dropzone */
+            'dropzone-legend'?: (() => any) | undefined;
+            /** Block description of the dropzone */
+            'dropzone-description'?: (() => any) | undefined;
+            /** Add information under the file name */
+            'file-information'?: (() => any) | undefined;
+            /** Add file actions next to the update button */
+            'file-actions'?: (() => any) | undefined;
+        };
+        emit: any;
+    } | undefined;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/JoyDropzone/VJoyDropzoneFileItem.vue.d.ts

@@ -0,0 +1,75 @@
+declare const _default: <T extends {
+    name: string;
+}>(__VLS_props: {
+    error?: string | undefined;
+    file: T | File;
+    onDelete?: ((...args: any[]) => any) | undefined;
+    onUpdate?: ((...args: any[]) => any) | undefined;
+    deleteLabel: string;
+    updateLabel: string;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    slots: Readonly<{
+        /** Information under the file name */
+        information?: (() => any) | undefined;
+        /** Extra file actions */
+        actions?: (() => any) | undefined;
+    }> & {
+        /** Information under the file name */
+        information?: (() => any) | undefined;
+        /** Extra file actions */
+        actions?: (() => any) | undefined;
+    };
+    emit: (event: "delete" | "update", ...args: any[]) => void;
+} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        error?: string | undefined;
+        file: T | File;
+        onDelete?: ((...args: any[]) => any) | undefined;
+        onUpdate?: ((...args: any[]) => any) | undefined;
+        deleteLabel: string;
+        updateLabel: string;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<{
+        /** Information under the file name */
+        information?: (() => any) | undefined;
+        /** Extra file actions */
+        actions?: (() => any) | undefined;
+    }> & {
+        /** Information under the file name */
+        information?: (() => any) | undefined;
+        /** Extra file actions */
+        actions?: (() => any) | undefined;
+    };
+    emit: (event: "delete" | "update", ...args: any[]) => void;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            error?: string | undefined;
+            file: T | File;
+            onDelete?: ((...args: any[]) => any) | undefined;
+            onUpdate?: ((...args: any[]) => any) | undefined;
+            deleteLabel: string;
+            updateLabel: string;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: Readonly<{
+            /** Information under the file name */
+            information?: (() => any) | undefined;
+            /** Extra file actions */
+            actions?: (() => any) | undefined;
+        }> & {
+            /** Information under the file name */
+            information?: (() => any) | undefined;
+            /** Extra file actions */
+            actions?: (() => any) | undefined;
+        };
+        emit: (event: "delete" | "update", ...args: any[]) => void;
+    } | undefined;
+};
+export default _default;

package/dist/components/JoyDropzone/VJoyDropzoneIcon.vue.d.ts

@@ -0,0 +1,13 @@
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    name: {
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/components/JoyTab/TabButton.vue.d.ts

@@ -27,9 +27,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         required: false;
     };
-    notification: {
-        type: BooleanConstructor;
-        required: false;
+    notifications: {
+        type: NumberConstructor;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     changeTab: () => void;
@@ -62,15 +61,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         required: false;
     };
-    notification: {
-        type: BooleanConstructor;
-        required: false;
+    notifications: {
+        type: NumberConstructor;
     };
 }>> & {
     onChangeTab?: (() => any) | undefined;
 }, {
     selected: boolean;
-    notification: boolean;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/components/index.d.ts

@@ -15,10 +15,12 @@ import { default as VJoyCounter } from './JoyCounter/VJoyCounter.vue';
 import { default as VJoyDialog } from './JoyDialog/VJoyDialog.vue';
 import { default as VJoyDialogTrigger } from './JoyDialogTrigger/VJoyDialogTrigger.vue';
 import { default as VJoyDividerCta } from './JoyDividerCta/VJoyDividerCta.vue';
+import { default as VJoyDot } from './JoyDot/VJoyDot.vue';
 import { default as VJoyDrawer } from './JoyDrawer/VJoyDrawer.vue';
 import { default as VJoyDrawerTrigger } from './JoyDrawerTrigger/VJoyDrawerTrigger.vue';
 import { default as VJoyDropdown } from './JoyDropdown/VJoyDropdown.vue';
 import { default as VJoyDropdownList } from './JoyDropdownList/VJoyDropdownList.vue';
+import { default as VJoyDropzone } from './JoyDropzone/VJoyDropzone.vue';
 import { default as VJoyFilterBar } from './JoyFilterBar/VJoyFilterBar.vue';
 import { default as VJoyFilterBarButton } from './JoyFilterBarButton/VJoyFilterBarButton.vue';
 import { default as VJoyFooter } from './JoyFooter/VJoyFooter.vue';
@@ -66,4 +68,4 @@ import { default as VJoyToggle } from './JoyToggle/VJoyToggle.vue';
 import { default as VJoyTooltip } from './JoyTooltip/VJoyTooltip.vue';
 import { default as VJoyUserCard } from './JoyUserCard/VJoyUserCard.vue';
 import { default as VJoyWrapper } from './JoyWrapper/VJoyWrapper.vue';
-export { VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyBlockSkeleton, VJoyBottomSheet, VJoyBottomSheetTrigger, VJoyButton, VJoyCheckbox, VJoyCollapse, VJoyCollapseItem, VJoyCompanyAvatar, VJoyCounter, VJoyDialog, VJoyDialogTrigger, VJoyDividerCta, VJoyDrawer, VJoyDrawerTrigger, VJoyDropdown, VJoyDropdownList, VJoyFilterBar, VJoyFilterBarButton, VJoyFooter, VJoyFormError, VJoyFormFieldSkeleton, VJoyFunnel, VJoyHeader, VJoyHighlight, VJoyIcon, VJoyIndicator, VJoyIndicators, VJoyInput, VJoyLabel, VJoyLink, VJoyMenu, VJoyMultiCheckbox, VJoyPagination, VJoyPanel, VJoyPanelSection, VJoyProductTour, VJoyProductTourTrigger, VJoyProgressBar, VJoyRadio, VJoyRadioGroup, VJoyRatingStars, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySeparator, VJoySnackbar, VJoySpinner, VJoyStep, VJoyStepper, VJoyTab, VJoyTabs, VJoyTag, VJoyTagsInput, VJoyTagsList, VJoyTemplate, VJoyTemplateShape, VJoyText, VJoyTextarea, VJoyToggle, VJoyTooltip, VJoyUserCard, VJoyWrapper, };
+export { VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyBlockSkeleton, VJoyBottomSheet, VJoyBottomSheetTrigger, VJoyButton, VJoyCheckbox, VJoyCollapse, VJoyCollapseItem, VJoyCompanyAvatar, VJoyCounter, VJoyDialog, VJoyDialogTrigger, VJoyDividerCta, VJoyDot, VJoyDrawer, VJoyDrawerTrigger, VJoyDropdown, VJoyDropdownList, VJoyDropzone, VJoyFilterBar, VJoyFilterBarButton, VJoyFooter, VJoyFormError, VJoyFormFieldSkeleton, VJoyFunnel, VJoyHeader, VJoyHighlight, VJoyIcon, VJoyIndicator, VJoyIndicators, VJoyInput, VJoyLabel, VJoyLink, VJoyMenu, VJoyMultiCheckbox, VJoyPagination, VJoyPanel, VJoyPanelSection, VJoyProductTour, VJoyProductTourTrigger, VJoyProgressBar, VJoyRadio, VJoyRadioGroup, VJoyRatingStars, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySeparator, VJoySnackbar, VJoySpinner, VJoyStep, VJoyStepper, VJoyTab, VJoyTabs, VJoyTag, VJoyTagsInput, VJoyTagsList, VJoyTemplate, VJoyTemplateShape, VJoyText, VJoyTextarea, VJoyToggle, VJoyTooltip, VJoyUserCard, VJoyWrapper, };

package/dist/components/main.d.ts

@@ -1,9 +1,11 @@
 import type { App } from 'vue';
 import '../style.scss';
+interface JoyVuePluginOptions {
+    env: 'client' | 'server';
+    autoRegisterComponents: boolean;
+}
 export declare const JoyVuePlugin: {
-    install: (app: App, options?: {
-        env: 'client' | 'server';
-    }) => void;
+    install: (app: App, options?: JoyVuePluginOptions) => void;
 };
 export * from './';
 export { createAllSnackbarsContainer, pushVJoySnackbar, resetCount } from './JoySnackbar';