@maltjoy/core-vue 5.4.0 → 5.5.0

package/dist/components/JoyAvatar/VJoyAvatar.vue.d.ts

@@ -1,5 +1,5 @@
 import { TJoyAvatarSizes } from './JoyAvatar.types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size?: TJoyAvatarSizes | undefined;
     /** Display the initials based on Firstname and Lastname */
     fullName?: string | undefined;
@@ -56,5 +56,16 @@ declare const _default: import("vue").DefineComponent<{
     square: boolean;
     placeholder: import("@maltjoy/icons").JoyIconsId;
     showLetters: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
+    /** Inject the image here. Use any Nuxt or custom wrapper to better handle performances. */
+    default(): any;
+}> & {
+    /** Inject the image here. Use any Nuxt or custom wrapper to better handle performances. */
+    default(): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,2 +1,32 @@
 import { TSizes } from '../../types';
+import { TJoyIconsNames } from '../JoyIcon/JoyIcon.types';
+import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
 export type TJoyInputSizes = Extract<TSizes, 'small' | 'medium' | 'large'>;
+export interface VJoyInputProps {
+    autofocus?: boolean;
+    modelValue?: string | number | null;
+    disabled?: boolean;
+    id?: string;
+    invalid?: boolean;
+    name: string;
+    required?: boolean;
+    /** Display a label on top of the element. Handy if you only need to pass a string. If you need more, use the VJoyLabel. */
+    label?: string;
+    /** Overrides the default label size. See JoyLabel stories */
+    labelSize?: TJoyLabelSizes;
+    /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
+    optionalLabel?: string;
+    /** Depending on context, we can add a "*" after the label to specify it's mandatory. */
+    requiredMark?: boolean;
+    modelModifiers?: Partial<Record<'number' | 'trim' | 'lazy', boolean>>;
+    /** Display a cross icon on the right that enables to clear the field */
+    clearable?: boolean;
+    /** Add a JoyIcon / joy-icon with given name on left-side. */
+    icon?: TJoyIconsNames;
+    size?: TJoyInputSizes;
+    type?: string;
+    /** Adds a legend like symbol on the right of the component. Made for number based values */
+    unit?: string;
+    /** Activates the readonly mode for the input */
+    readonly?: boolean;
+}

package/dist/components/JoyInput/VJoyInput.vue.d.ts

@@ -1,34 +1,4 @@
-import { TJoyIconsNames } from '../JoyIcon/JoyIcon.types';
-import { TJoyInputSizes } from './JoyInput.types';
-import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
-export interface VJoyInputProps {
-    autofocus?: boolean;
-    modelValue?: string | number | null;
-    disabled?: boolean;
-    id?: string;
-    invalid?: boolean;
-    name: string;
-    required?: boolean;
-    /** Display a label on top of the element. Handy if you only need to pass a string. If you need more, use the VJoyLabel. */
-    label?: string;
-    /** Overrides the default label size. See JoyLabel stories */
-    labelSize?: TJoyLabelSizes;
-    /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
-    optionalLabel?: string;
-    /** Depending on context, we can add a "*" after the label to specify it's mandatory. */
-    requiredMark?: boolean;
-    modelModifiers?: Partial<Record<'number' | 'trim' | 'lazy', boolean>>;
-    /** Display a cross icon on the right that enables to clear the field */
-    clearable?: boolean;
-    /** Add a JoyIcon / joy-icon with given name on left-side. */
-    icon?: TJoyIconsNames;
-    size?: TJoyInputSizes;
-    type?: string;
-    /** Adds a legend like symbol on the right of the component. Made for number based values */
-    unit?: string;
-    /** Activates the readonly mode for the input */
-    readonly?: boolean;
-}
+import { VJoyInputProps } from './JoyInput.types';
 declare function focus(): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJoyInputProps, {
     focus: typeof focus;
@@ -39,11 +9,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJ
 }>, {
     invalid: boolean;
     type: string;
-    size: TJoyInputSizes;
+    size: import("./JoyInput.types").TJoyInputSizes;
     required: boolean;
     disabled: boolean;
     autofocus: boolean;
-    labelSize: TJoyLabelSizes;
+    labelSize: import("../components.types.js").TJoyLabelSizes;
     requiredMark: boolean;
     modelModifiers: Partial<Record<"number" | "trim" | "lazy", boolean>>;
     clearable: boolean;

package/dist/core-vue.js

@@ -452,21 +452,24 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
             color: "neutral-50",
             size: i.value
           }, null, 8, ["name", "size"])) : w("", !0),
-          u.photoUrl ? (c(), v("img", {
-            key: 1,
-            src: u.photoUrl,
-            title: u.fullName,
-            alt: u.fullName || "",
-            loading: u.loading
-          }, null, 8, Qo)) : w("", !0),
-          u.fullName && u.showLetters ? (c(), v(H, { key: 2 }, [
+          _(u.$slots, "default", {}, () => [
+            u.photoUrl ? (c(), v("img", {
+              key: 0,
+              class: "joy-avatar__img",
+              src: u.photoUrl,
+              title: u.fullName,
+              alt: u.fullName || "",
+              loading: u.loading
+            }, null, 8, Qo)) : w("", !0)
+          ], !0),
+          u.fullName && u.showLetters ? (c(), v(H, { key: 1 }, [
             F(J(d.value), 1)
           ], 64)) : w("", !0),
-          u.totalNumber ? (c(), v(H, { key: 3 }, [
+          u.totalNumber ? (c(), v(H, { key: 2 }, [
             F(J("+" + u.totalNumber), 1)
           ], 64)) : w("", !0)
         ]),
-        _: 1
+        _: 3
       }, 16, ["title", "class"])),
       u.profile === "strategy" ? (c(), v("span", en, [
         (c(), v("svg", {
@@ -484,7 +487,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ])) : w("", !0)
     ], 2));
   }
-}), nn = /* @__PURE__ */ x(on, [["__scopeId", "data-v-f4bfc432"]]), ln = /* @__PURE__ */ B({
+}), nn = /* @__PURE__ */ x(on, [["__scopeId", "data-v-d71c0a84"]]), ln = /* @__PURE__ */ B({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
@@ -4696,7 +4699,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       ], 2)
     ], 2));
   }
-}), uu = /* @__PURE__ */ x(er, [["__scopeId", "data-v-d68bafa2"]]), tr = { class: "joy-link__text" }, or = /* @__PURE__ */ B({
+}), uu = /* @__PURE__ */ x(er, [["__scopeId", "data-v-c233e6e6"]]), tr = { class: "joy-link__text" }, or = /* @__PURE__ */ B({
   __name: "VJoyLink",
   props: {
     href: {