@maltjoy/core-vue 3.26.0 → 3.27.1

package/dist/components/JoyTemplate/VJoyTemplate.vue.d.ts

@@ -1,11 +1,14 @@
-import { PropType } from 'vue';
+import { PropType, VNode } from 'vue';
+import { TJoyScreenLoaderColors } from '../JoyScreenLoader/VJoyScreenLoader.types';
+import { TJoyTemplateSidebarSide } from './JoyTemplate.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Takes 100% of free space */
     full: {
         type: BooleanConstructor;
         default: boolean;
     };
     sidebar: {
-        type: PropType<"left" | "right">;
+        type: PropType<TJoyTemplateSidebarSide>;
         default: string;
     };
     loading: {
@@ -13,20 +16,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     loadingColor: {
-        type: PropType<"light" | "dark">;
+        type: PropType<TJoyScreenLoaderColors>;
         default: string;
     };
+    /** Decorative purpose, on bottom right corner */
     shapes: {
         type: BooleanConstructor;
         default: boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Takes 100% of free space */
     full: {
         type: BooleanConstructor;
         default: boolean;
     };
     sidebar: {
-        type: PropType<"left" | "right">;
+        type: PropType<TJoyTemplateSidebarSide>;
         default: string;
     };
     loading: {
@@ -34,27 +39,74 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     loadingColor: {
-        type: PropType<"light" | "dark">;
+        type: PropType<TJoyScreenLoaderColors>;
         default: string;
     };
+    /** Decorative purpose, on bottom right corner */
     shapes: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>>, {
     loading: boolean;
-    loadingColor: "light" | "dark";
+    loadingColor: TJoyScreenLoaderColors;
     full: boolean;
-    sidebar: "left" | "right";
+    sidebar: TJoyTemplateSidebarSide;
     shapes: boolean;
-}, {}>, {
-    "template-back"?(_: {}): any;
-    "template-title"?(_: {}): any;
-    "template-subtitle"?(_: {}): any;
-    "template-actions"?(_: {}): any;
-    "template-main"?(_: {}): any;
-    "template-sidebar"?(_: {}): any;
-    "template-loader-content"?(_: {}): any;
+}, {}>, Readonly<{
+    /** Slot to inject a "back" button left to the title */
+    'template-back': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Main title of the template */
+    'template-title': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Not mandatory, subtitle of the component */
+    'template-subtitle': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Top right corner, free slot (mostly for CTA) */
+    'template-actions': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Main content section */
+    'template-main': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Aside content section */
+    'template-sidebar': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Customize the loading state content */
+    'template-loader-content': () => any;
+}> & {
+    /** Slot to inject a "back" button left to the title */
+    'template-back': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Main title of the template */
+    'template-title': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Not mandatory, subtitle of the component */
+    'template-subtitle': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Top right corner, free slot (mostly for CTA) */
+    'template-actions': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Main content section */
+    'template-main': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Aside content section */
+    'template-sidebar': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Customize the loading state content */
+    'template-loader-content': () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/JoyText/VJoyText.vue.d.ts

@@ -25,8 +25,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>>, {
     tagName: number | typeof Symbol.iterator | "length" | "concat" | "slice" | "indexOf" | "lastIndexOf" | "includes" | "at" | "toString" | "anchor" | "link" | "small" | "sub" | "sup" | "search" | "charAt" | "charCodeAt" | "localeCompare" | "match" | "replace" | "split" | "substring" | "toLowerCase" | "toLocaleLowerCase" | "toUpperCase" | "toLocaleUpperCase" | "trim" | "substr" | "codePointAt" | "endsWith" | "normalize" | "repeat" | "startsWith" | "big" | "blink" | "bold" | "fixed" | "fontcolor" | "fontsize" | "italics" | "strike" | "padStart" | "padEnd" | "trimEnd" | "trimStart" | "trimLeft" | "trimRight" | "matchAll" | "replaceAll" | "valueOf";
     preset: TJoyTextFontPreset;
-}, {}>, {
-    default?(_: {}): any;
+}, {}>, Readonly<{
+    /** Main content */
+    default(): any;
+}> & {
+    /** Main content */
+    default(): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     autofocus: {
         type: BooleanConstructor;
@@ -24,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<TJoyLabelSizes>;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -95,7 +96,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<TJoyLabelSizes>;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -131,17 +132,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     invalid: boolean;
     modelValue: string;
     autofocus: boolean;
-    labelSize: "small" | "large" | "medium";
+    labelSize: TJoyLabelSizes;
     requiredMark: boolean;
     modelModifiers: {
         lazy: boolean;
     };
     autogrow: boolean;
 }, {}>, Readonly<{
-    /** @slot Default slot if you need to render a custom label. */
+    /** Default slot if you need to render a custom label. */
     default: () => any;
 }> & {
-    /** @slot Default slot if you need to render a custom label. */
+    /** Default slot if you need to render a custom label. */
     default: () => any;
 }>;
 export default _default;

package/dist/components/JoyToggle/VJoyToggle.vue.d.ts

@@ -64,8 +64,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     invalid: boolean;
     value: string;
     modelValue: boolean;
-}, {}>, {
-    default?(_: {}): any;
+}, {}>, Readonly<{
+    /** Default slot if you need to render a custom label. */
+    default: () => any;
+}> & {
+    /** Default slot if you need to render a custom label. */
+    default: () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,3 +1,2 @@
 import { ProductColors } from '../../types';
 export type TJoyTooltipVariants = Extract<ProductColors, 'primary' | 'secondary'>;
-export declare const JOY_TOOLTIP_VARIANTS: TJoyTooltipVariants[];

package/dist/components/JoyUserCard/VJoyUserCard.vue.d.ts

@@ -17,6 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     subTitle: {
         type: StringConstructor;
     };
+    /** Introduce a VJoyRatingStars component with given rating */
     ratingValue: {
         type: NumberConstructor;
     };
@@ -39,15 +40,28 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     subTitle: {
         type: StringConstructor;
     };
+    /** Introduce a VJoyRatingStars component with given rating */
     ratingValue: {
         type: NumberConstructor;
     };
-}>>, {}, {}>, {
-    "user-card-avatar"?(_: {}): any;
-    "user-card-title"?(_: {}): any;
-    "user-card-subtitle"?(_: {}): any;
-    "user-card-rating-stars"?(_: {}): any;
-    default?(_: {}): any;
+}>>, {}, {}>, Readonly<{
+    default(): any;
+    /** Customize the VJoyAvatar component by using this slot */
+    'user-card-avatar': () => any;
+    /** User name, basically */
+    'user-card-title': () => any;
+    'user-card-subtitle': () => any;
+    /** Use your own customized VJoyRatingStars here, if needed */
+    'user-card-rating-stars': () => any;
+}> & {
+    default(): any;
+    /** Customize the VJoyAvatar component by using this slot */
+    'user-card-avatar': () => any;
+    /** User name, basically */
+    'user-card-title': () => any;
+    'user-card-subtitle': () => any;
+    /** Use your own customized VJoyRatingStars here, if needed */
+    'user-card-rating-stars': () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,10 +1,5 @@
-export declare const JUSTIFY_WRAPPER: readonly ["center", "space-between", "flex-start", "flex-end"];
-export type TJoyWrapperJustify = (typeof JUSTIFY_WRAPPER)[number];
-export declare const ALIGN_WRAPPER: readonly ["center", "flex-start", "flex-end", "stretch"];
-export type TJoyWrapperAlign = (typeof ALIGN_WRAPPER)[number];
-export declare const DIRECTION_WRAPPER: readonly ["row", "column"];
-export type TJoyWrapperDirection = (typeof DIRECTION_WRAPPER)[number];
-export declare const WRAP_WRAPPER: readonly ["nowrap", "wrap"];
-export type TJoyWrapperWrap = (typeof WRAP_WRAPPER)[number];
-export declare const GAP_WRAPPER: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
-export type TJoyWrapperGap = (typeof GAP_WRAPPER)[number];
+export type TJoyWrapperJustify = 'center' | 'space-between' | 'flex-start' | 'flex-end';
+export type TJoyWrapperAlign = 'center' | 'flex-start' | 'flex-end' | 'stretch';
+export type TJoyWrapperDirection = 'row' | 'column';
+export type TJoyWrapperWrap = 'nowrap' | 'wrap';
+export type TJoyWrapperGap = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';

package/dist/components/JoyWrapper/VJoyWrapper.vue.d.ts

@@ -1,23 +1,24 @@
 import { PropType } from 'vue';
+import { TJoyWrapperAlign, TJoyWrapperDirection, TJoyWrapperGap, TJoyWrapperJustify, TJoyWrapperWrap } from './JoyWrapper.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /** Horizontal spread. Refers to CSS flex justify-content. */
     justify: {
-        type: PropType<"center" | "space-between" | "flex-start" | "flex-end">;
+        type: PropType<TJoyWrapperJustify>;
         default: string;
     };
     /** Vertical spread. Refers to CSS flex align-items. */
     align: {
-        type: PropType<"center" | "flex-start" | "flex-end" | "stretch">;
+        type: PropType<TJoyWrapperAlign>;
         default: string;
     };
     /** Vertical flex, or horizontal. Refers to CSS flex-direction */
     direction: {
-        type: PropType<"row" | "column">;
+        type: PropType<TJoyWrapperDirection>;
         default: string;
     };
     /** Automatically sets new line if there are not enough horizontal space. Refers to CSS flex-wrap */
     wrap: {
-        type: PropType<"nowrap" | "wrap">;
+        type: PropType<TJoyWrapperWrap>;
         default: string;
     };
     /** Applies a flex-grow to children in order to stretch them all along horizontal space */
@@ -31,33 +32,33 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Gap between the columns. Refers to CSS column-gap. Value is based on spacing tokens. */
     columnGap: {
-        type: PropType<"0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11">;
+        type: PropType<TJoyWrapperGap>;
         default: string;
     };
     /** Gap between the rows. Refers to CSS row-gap. Value is based on spacing tokens. */
     rowGap: {
-        type: PropType<"0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11">;
+        type: PropType<TJoyWrapperGap>;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** Horizontal spread. Refers to CSS flex justify-content. */
     justify: {
-        type: PropType<"center" | "space-between" | "flex-start" | "flex-end">;
+        type: PropType<TJoyWrapperJustify>;
         default: string;
     };
     /** Vertical spread. Refers to CSS flex align-items. */
     align: {
-        type: PropType<"center" | "flex-start" | "flex-end" | "stretch">;
+        type: PropType<TJoyWrapperAlign>;
         default: string;
     };
     /** Vertical flex, or horizontal. Refers to CSS flex-direction */
     direction: {
-        type: PropType<"row" | "column">;
+        type: PropType<TJoyWrapperDirection>;
         default: string;
     };
     /** Automatically sets new line if there are not enough horizontal space. Refers to CSS flex-wrap */
     wrap: {
-        type: PropType<"nowrap" | "wrap">;
+        type: PropType<TJoyWrapperWrap>;
         default: string;
     };
     /** Applies a flex-grow to children in order to stretch them all along horizontal space */
@@ -71,23 +72,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Gap between the columns. Refers to CSS column-gap. Value is based on spacing tokens. */
     columnGap: {
-        type: PropType<"0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11">;
+        type: PropType<TJoyWrapperGap>;
         default: string;
     };
     /** Gap between the rows. Refers to CSS row-gap. Value is based on spacing tokens. */
     rowGap: {
-        type: PropType<"0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11">;
+        type: PropType<TJoyWrapperGap>;
         default: string;
     };
 }>>, {
-    wrap: "nowrap" | "wrap";
-    justify: "center" | "space-between" | "flex-start" | "flex-end";
-    align: "center" | "flex-start" | "flex-end" | "stretch";
-    direction: "row" | "column";
+    wrap: TJoyWrapperWrap;
+    justify: TJoyWrapperJustify;
+    align: TJoyWrapperAlign;
+    direction: TJoyWrapperDirection;
     itemStretch: boolean;
     noMargin: boolean;
-    columnGap: "0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11";
-    rowGap: "0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11";
+    columnGap: TJoyWrapperGap;
+    rowGap: TJoyWrapperGap;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/components/main.d.ts

@@ -6,4 +6,4 @@ export declare const JoyVuePlugin: {
     }) => void;
 };
 export * from './';
-export * from './JoySnackbar';
+export { createAllSnackbarsContainer, pushVJoySnackbar, resetCount } from './JoySnackbar';

package/dist/helpers/index.d.ts

@@ -1,11 +1,11 @@
 import { TJoyIconsNames } from '@/components/JoyIcon/JoyIcon.types';
 import { Ref } from 'vue';
-import { LEVELS } from '../types';
+import { TLevels } from '../types';
 /**
  * Check if you are working on dev environment. Based on `getMode` util that returns import.meta.env.MODE,
  */
 export declare const isDevMode: boolean;
-export declare function iconLevel(level: (typeof LEVELS)[number]): TJoyIconsNames;
+export declare function iconLevel(level: TLevels): TJoyIconsNames;
 export declare function focusOnFirstFocusableFormField(root: Ref): any;
 export declare const generateRandomId: (length?: number) => string;
 /**