@maltjoy/core-vue 3.24.0 → 3.26.0

package/dist/components/JoyButton/VJoyButton.vue.d.ts

@@ -42,7 +42,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         validator(variant: TJoyButtonSizes): boolean;
     };
 }, {
-    randomId: string;
+    randomId: import("vue").Ref<string | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * If you only need a button with an icon. To keep your component accessible, you can give a text as slot, it will be used as title and aria-label.

package/dist/components/JoyButton/useRandomId.d.ts

@@ -0,0 +1,6 @@
+/**
+ * TEMP: maybe we can make it a shared composable. No need for now
+ */
+export declare function useRandomId(): {
+    randomId: import("vue").Ref<string | undefined>;
+};

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

@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<TJoyDialogSizes>;
         default: string;
     };
-    /** By default a focus-trap is activated. It means you can loop over all interactive elements within the open dialog. */
+    /** Allows to set a focus-trap within the dialog. It means you can loop over all interactive elements within the open dialog. */
     focusTrap: {
         type: BooleanConstructor;
         default: boolean;
@@ -46,6 +46,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         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;
@@ -91,7 +98,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<TJoyDialogSizes>;
         default: string;
     };
-    /** By default a focus-trap is activated. It means you can loop over all interactive elements within the open dialog. */
+    /** Allows to set a focus-trap within the dialog. It means you can loop over all interactive elements within the open dialog. */
     focusTrap: {
         type: BooleanConstructor;
         default: boolean;
@@ -124,6 +131,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         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;
@@ -163,9 +177,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     teleport: string | import("vue").RendererElement | null | undefined;
     focusTrap: boolean;
     patternConfirm: boolean;
+    patternBrand: boolean;
     buttonSize: TJoyButtonSizes;
     bannerHeight: number;
 }, {}>, {
+    "dialog-preheader"?(_: {}): any;
     "dialog-header"?(_: {}): any;
     "dialog-subheader"?(_: {}): any;
     "dialog-body"?(_: {}): any;

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

@@ -11,6 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             teleport: string | import("vue").RendererElement | null | undefined;
             focusTrap: boolean;
             patternConfirm: boolean;
+            patternBrand: boolean;
             buttonSize: import("../components.types").TJoyButtonSizes;
             bannerHeight: number;
         }> & Omit<{
@@ -21,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             readonly teleport: string | import("vue").RendererElement | null | undefined;
             readonly focusTrap: boolean;
             readonly patternConfirm: boolean;
+            readonly patternBrand: boolean;
             readonly buttonSize: import("../components.types").TJoyButtonSizes;
             readonly bannerHeight: number;
             readonly id?: string | undefined;
@@ -66,6 +68,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: BooleanConstructor;
                 default: boolean;
             };
+            patternBrand: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             cancelText: {
                 type: StringConstructor;
             };
@@ -93,7 +99,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "onDialog:after-hide"?: (() => any) | undefined;
             "onDialog:before-unmount"?: (() => any) | undefined;
             "onDialog:confirm"?: (() => any) | undefined;
-        }, "size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "patternConfirm" | "buttonSize" | "bannerHeight">;
+        }, "size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "patternConfirm" | "patternBrand" | "buttonSize" | "bannerHeight">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -139,6 +145,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: BooleanConstructor;
                 default: boolean;
             };
+            patternBrand: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             cancelText: {
                 type: StringConstructor;
             };
@@ -189,6 +199,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             teleport: string | import("vue").RendererElement | null | undefined;
             focusTrap: boolean;
             patternConfirm: boolean;
+            patternBrand: boolean;
             buttonSize: import("../components.types").TJoyButtonSizes;
             bannerHeight: number;
         }, {}, string, {}> & {
@@ -243,6 +254,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             type: BooleanConstructor;
             default: boolean;
         };
+        patternBrand: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         cancelText: {
             type: StringConstructor;
         };
@@ -280,6 +295,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         show: () => Promise<void>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
+            "dialog-preheader"?(_: {}): any;
             "dialog-header"?(_: {}): any;
             "dialog-subheader"?(_: {}): any;
             "dialog-body"?(_: {}): any;
@@ -303,6 +319,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             teleport: string | import("vue").RendererElement | null | undefined;
             focusTrap: boolean;
             patternConfirm: boolean;
+            patternBrand: boolean;
             buttonSize: import("../components.types").TJoyButtonSizes;
             bannerHeight: number;
         }> & Omit<{
@@ -313,6 +330,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             readonly teleport: string | import("vue").RendererElement | null | undefined;
             readonly focusTrap: boolean;
             readonly patternConfirm: boolean;
+            readonly patternBrand: boolean;
             readonly buttonSize: import("../components.types").TJoyButtonSizes;
             readonly bannerHeight: number;
             readonly id?: string | undefined;
@@ -358,6 +376,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: BooleanConstructor;
                 default: boolean;
             };
+            patternBrand: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             cancelText: {
                 type: StringConstructor;
             };
@@ -385,7 +407,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "onDialog:after-hide"?: (() => any) | undefined;
             "onDialog:before-unmount"?: (() => any) | undefined;
             "onDialog:confirm"?: (() => any) | undefined;
-        }, "size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "patternConfirm" | "buttonSize" | "bannerHeight">;
+        }, "size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "patternConfirm" | "patternBrand" | "buttonSize" | "bannerHeight">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -431,6 +453,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: BooleanConstructor;
                 default: boolean;
             };
+            patternBrand: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             cancelText: {
                 type: StringConstructor;
             };
@@ -481,6 +507,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             teleport: string | import("vue").RendererElement | null | undefined;
             focusTrap: boolean;
             patternConfirm: boolean;
+            patternBrand: boolean;
             buttonSize: import("../components.types").TJoyButtonSizes;
             bannerHeight: number;
         }, {}, string, {}> & {
@@ -535,6 +562,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             type: BooleanConstructor;
             default: boolean;
         };
+        patternBrand: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         cancelText: {
             type: StringConstructor;
         };
@@ -572,6 +603,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         show: () => Promise<void>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
+            "dialog-preheader"?(_: {}): any;
             "dialog-header"?(_: {}): any;
             "dialog-subheader"?(_: {}): any;
             "dialog-body"?(_: {}): any;

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

@@ -14,7 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     id: {
         type: StringConstructor;
     };
-    /** By default a focus-trap is activated. It means you can loop over all interactive elements within the open drawer. */
+    /** Allows to set a focus-trap within the drawer. It means you can loop over all interactive elements within the open drawer. */
     focusTrap: {
         type: BooleanConstructor;
         default: boolean;
@@ -78,7 +78,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     id: {
         type: StringConstructor;
     };
-    /** By default a focus-trap is activated. It means you can loop over all interactive elements within the open drawer. */
+    /** Allows to set a focus-trap within the drawer. It means you can loop over all interactive elements within the open drawer. */
     focusTrap: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -1,3 +1,5 @@
 import { LEVELS } from '../../types';
 export type TJoyHighlightLevels = (typeof LEVELS)[number];
 export declare const HIGHLIGHT_LEVELS: ("neutral" | "success" | "info" | "warning" | "error")[];
+export type TJoyHighlightVariants = 'ai' | 'default';
+export declare const HIGHLIGHT_VARIANTS: string[];

package/dist/components/JoyHighlight/VJoyHighlight.vue.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { TJoyHighlightVariants } from './JoyHighlight.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     accent: {
         type: BooleanConstructor;
@@ -16,6 +17,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         validator(level: "neutral" | "success" | "info" | "warning" | "error"): boolean;
     };
+    /** Please note that 'default' variant has no effect. This property is meant to completely override "level" prop style */
+    variant: {
+        type: PropType<TJoyHighlightVariants>;
+        default: string;
+    };
 }, {
     getRelevantIcon: import("vue").ComputedRef<import("@maltjoy/icons").JoyIconsId>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -35,11 +41,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         validator(level: "neutral" | "success" | "info" | "warning" | "error"): boolean;
     };
+    /** Please note that 'default' variant has no effect. This property is meant to completely override "level" prop style */
+    variant: {
+        type: PropType<TJoyHighlightVariants>;
+        default: string;
+    };
 }>>, {
+    variant: TJoyHighlightVariants;
     level: "neutral" | "success" | "info" | "warning" | "error";
     accent: boolean;
     displayIcon: boolean;
 }, {}>, {
+    "highlight-decorator"?(_: {}): any;
     "highlight-title"?(_: {}): any;
     default?(_: {}): any;
 }>;

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

@@ -1,6 +1,6 @@
 import { SIZES } from '../../types';
 import VJoyTag from './VJoyTag.vue';
-export declare const TAG_VARIANTS: readonly ["important", "inactive", "pending", "pricing", "special", "primary", "secondary"];
+export declare const TAG_VARIANTS: readonly ["important", "inactive", "pending", "pricing", "special", "primary", "secondary", "ai-primary", "ai-secondary"];
 export type TJoyTagVariants = (typeof TAG_VARIANTS)[number];
 export type TJoyTagSizes = Exclude<(typeof SIZES)[number], 'xlarge' | 'xxsmall'>;
 export declare const TAG_SIZES: TJoyTagSizes[];

package/dist/components/JoyTag/VJoyTag.vue.d.ts

@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     link: boolean;
     size: TJoyTagSizes;
-    variant: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special";
+    variant: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary";
     value: string | number;
     draggable: boolean;
     removable: boolean;

package/dist/components/JoyTagsInput/VJoyTagsInput.vue.d.ts

@@ -4,7 +4,7 @@ import type { TJoyTagSizes } from '../JoyTag/JoyTag.types';
 declare const _default: <T extends string>(__VLS_props: {
     size?: TJoyTagSizes | undefined;
     name?: string | undefined;
-    variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | undefined;
+    variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary" | undefined;
     invalid?: boolean | undefined;
     modelValue?: T[] | undefined;
     "onUpdate:modelValue"?: ((values: T[]) => any) | undefined;
@@ -32,7 +32,7 @@ declare const _default: <T extends string>(__VLS_props: {
     props: {
         size?: TJoyTagSizes | undefined;
         name?: string | undefined;
-        variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | undefined;
+        variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary" | undefined;
         invalid?: boolean | undefined;
         modelValue?: T[] | undefined;
         "onUpdate:modelValue"?: ((values: T[]) => any) | undefined;
@@ -64,7 +64,7 @@ declare const _default: <T extends string>(__VLS_props: {
         props: {
             size?: TJoyTagSizes | undefined;
             name?: string | undefined;
-            variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | undefined;
+            variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary" | undefined;
             invalid?: boolean | undefined;
             modelValue?: T[] | undefined;
             "onUpdate:modelValue"?: ((values: T[]) => any) | undefined;

package/dist/components/JoyTagsList/VJoyTagsList.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Apply variant for all VJoyTag. Can be overriden by setting a variant property in specific tags entry. */
     variant: {
-        type: PropType<"primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special">;
+        type: PropType<"primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary">;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -57,14 +57,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Apply variant for all VJoyTag. Can be overriden by setting a variant property in specific tags entry. */
     variant: {
-        type: PropType<"primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special">;
+        type: PropType<"primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary">;
         default: string;
     };
 }>> & {
     "onUpdate:modelValue"?: ((tags: TJoyTagsListModel) => any) | undefined;
     onRemoveTag?: ((tagValue: string | number | undefined) => any) | undefined;
 }, {
-    variant: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special";
+    variant: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary";
     align: "left" | "right" | "center";
     removable: boolean;
     selectable: boolean;
@@ -76,7 +76,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         removable: boolean;
         link?: boolean | undefined;
         size?: import("../JoyTag/JoyTag.types").TJoyTagSizes | undefined;
-        variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | undefined;
+        variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary" | undefined;
         value?: string | number | undefined;
         draggable?: boolean | undefined;
         key?: string | number | symbol | undefined;

package/dist/components/JoyTextarea/VJoyTextarea.vue.d.ts

@@ -56,6 +56,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     isInvalid: import("vue").Ref<boolean>;
     valueOverMaxlength: import("vue").ComputedRef<boolean>;
     valueUnderMinlength: import("vue").ComputedRef<boolean>;
+    triggerResize: () => void;
+    eventHandlers: {
+        onInput: (e: Event) => void;
+        onChange: (e: Event) => void;
+        onBlur: () => void;
+        onFocus: () => void;
+        /**
+         * Here we store the function in an object to more easily test it with vitest.
+         * There is an issue when we try to use spyOn vm object directly.
+         * */
+        triggerResize: () => void;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -125,8 +137,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         lazy: boolean;
     };
     autogrow: boolean;
-}, {}>, {
-    default?(_: {}): any;
+}, {}>, Readonly<{
+    /** @slot Default slot if you need to render a custom label. */
+    default: () => any;
+}> & {
+    /** @slot Default slot if you need to render a custom label. */
+    default: () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {