@maltjoy/core-vue 3.9.3 → 3.11.0

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

@@ -0,0 +1,80 @@
+import { PropType } from 'vue';
+import { TagSizes } from './JoyTag.types';
+declare const _default: import("vue").DefineComponent<{
+    /** Text injected within the tag */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    size: {
+        type: PropType<TagSizes>;
+        default: string;
+    };
+    variant: {
+        type: PropType<"primary" | "secondary" | "important" | "inactive" | "pending" | "pricing">;
+        default: string;
+    };
+    /** Use v-model:selected */
+    selected: BooleanConstructor;
+    selectable: BooleanConstructor;
+    /** Mandatory, especially if you deal with tags list and v-model */
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    removable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Text injected within the tag */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    size: {
+        type: PropType<TagSizes>;
+        default: string;
+    };
+    variant: {
+        type: PropType<"primary" | "secondary" | "important" | "inactive" | "pending" | "pricing">;
+        default: string;
+    };
+    /** Use v-model:selected */
+    selected: BooleanConstructor;
+    selectable: BooleanConstructor;
+    /** Mandatory, especially if you deal with tags list and v-model */
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    removable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    link: boolean;
+    size: TagSizes;
+    variant: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing";
+    selected: boolean;
+    selectable: boolean;
+    draggable: boolean;
+    removable: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,5 @@
+import { IJoyTag } from '../JoyTag/JoyTag.types';
+export declare const TAGS_LIST_ALIGN: readonly ["center", "left", "right"];
+export type TagsListAlign = (typeof TAGS_LIST_ALIGN)[number];
+export type TJoyTagsList = IJoyTag[];
+export type TJoyTagsListModel = IJoyTag['value'][];

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

@@ -0,0 +1,44 @@
+import { PropType } from 'vue';
+import { TJoyTagsListModel, TJoyTagsList } from './JoyTagsList.types';
+declare const _default: import("vue").DefineComponent<{
+    align: {
+        type: PropType<"left" | "right" | "center">;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<TJoyTagsListModel>;
+    };
+    tags: {
+        type: PropType<TJoyTagsList>;
+        default(): never[];
+        required: true;
+    };
+    /** You can either pass this property to make all generated tags removable, or pass the `removable: true` to each tag in "tags" prop. */
+    removable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    align: {
+        type: PropType<"left" | "right" | "center">;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<TJoyTagsListModel>;
+    };
+    tags: {
+        type: PropType<TJoyTagsList>;
+        default(): never[];
+        required: true;
+    };
+    /** You can either pass this property to make all generated tags removable, or pass the `removable: true` to each tag in "tags" prop. */
+    removable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    removable: boolean;
+    align: "left" | "right" | "center";
+    tags: TJoyTagsList;
+}, {}>;
+export default _default;

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

@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"small" | "large" | "medium">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -32,6 +32,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    modelModifiers: {
+        default: () => {
+            lazy: boolean;
+        };
+    };
     autogrow: {
         type: BooleanConstructor;
         default: boolean;
@@ -70,7 +75,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"small" | "large" | "medium">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -82,6 +87,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    modelModifiers: {
+        default: () => {
+            lazy: boolean;
+        };
+    };
     autogrow: {
         type: BooleanConstructor;
         default: boolean;
@@ -96,12 +106,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     invalid: boolean;
-    modelValue: string;
-    labelSize: "small" | "medium" | "large";
+    labelSize: "small" | "large" | "medium";
     requiredMark: boolean;
+    modelValue: string;
+    modelModifiers: {
+        lazy: boolean;
+    };
     autogrow: boolean;
 }, {}>, {
     default: (_: {}) => any;

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

@@ -57,9 +57,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
-    value: string;
     required: boolean;
+    value: string;
+    disabled: boolean;
     invalid: boolean;
     modelValue: boolean;
 }, {}>, {

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

@@ -6,3 +6,5 @@ export declare const DIRECTION_WRAPPER: readonly ["row", "column"];
 export type DirectionWrapper = (typeof DIRECTION_WRAPPER)[number];
 export declare const WRAP_WRAPPER: readonly ["nowrap", "wrap"];
 export type WrapWrapper = (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 GapWrapper = (typeof GAP_WRAPPER)[number];

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

@@ -2,17 +2,17 @@ import { PropType } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /** Horizontal spread. Refers to CSS flex justify-content. */
     justify: {
-        type: PropType<"flex-end" | "center" | "space-between" | "flex-start">;
+        type: PropType<"center" | "space-between" | "flex-start" | "flex-end">;
         default: string;
     };
     /** Vertical spread. Refers to CSS flex align-items. */
     align: {
-        type: PropType<"flex-end" | "stretch" | "center" | "flex-start">;
+        type: PropType<"center" | "flex-start" | "flex-end" | "stretch">;
         default: string;
     };
     /** Vertical flex, or horizontal. Refers to CSS flex-direction */
     direction: {
-        type: PropType<"column" | "row">;
+        type: PropType<"row" | "column">;
         default: string;
     };
     /** Automatically sets new line if there are not enough horizontal space. Refers to CSS flex-wrap */
@@ -29,20 +29,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Gap between the columns. Refers to CSS column-gap. Value is based on spacing tokens. */
+    columnGap: {
+        type: PropType<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+        default: string;
+    };
+    /** Gap between the rows. Refers to CSS row-gap. Value is based on spacing tokens. */
+    rowGap: {
+        type: PropType<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /** Horizontal spread. Refers to CSS flex justify-content. */
     justify: {
-        type: PropType<"flex-end" | "center" | "space-between" | "flex-start">;
+        type: PropType<"center" | "space-between" | "flex-start" | "flex-end">;
         default: string;
     };
     /** Vertical spread. Refers to CSS flex align-items. */
     align: {
-        type: PropType<"flex-end" | "stretch" | "center" | "flex-start">;
+        type: PropType<"center" | "flex-start" | "flex-end" | "stretch">;
         default: string;
     };
     /** Vertical flex, or horizontal. Refers to CSS flex-direction */
     direction: {
-        type: PropType<"column" | "row">;
+        type: PropType<"row" | "column">;
         default: string;
     };
     /** Automatically sets new line if there are not enough horizontal space. Refers to CSS flex-wrap */
@@ -59,13 +69,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Gap between the columns. Refers to CSS column-gap. Value is based on spacing tokens. */
+    columnGap: {
+        type: PropType<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+        default: string;
+    };
+    /** Gap between the rows. Refers to CSS row-gap. Value is based on spacing tokens. */
+    rowGap: {
+        type: PropType<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+        default: string;
+    };
 }>>, {
     wrap: "nowrap" | "wrap";
-    align: "flex-end" | "stretch" | "center" | "flex-start";
-    direction: "column" | "row";
-    justify: "flex-end" | "center" | "space-between" | "flex-start";
+    align: "center" | "flex-start" | "flex-end" | "stretch";
+    direction: "row" | "column";
+    justify: "center" | "space-between" | "flex-start" | "flex-end";
     itemStretch: boolean;
     noMargin: boolean;
+    columnGap: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+    rowGap: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
 }, {}>, {
     default: (_: {}) => any;
 }>;

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

@@ -1,3 +1,5 @@
+export * from './JoyAvailability/JoyAvailability.types';
+export * from './JoyAvatar/JoyAvatar.types';
 export * from './JoyBadge/JoyBadge.types';
 export * from './JoyButton/JoyButton.types';
 export * from './JoyDropdown/JoyDropdown.types';
@@ -15,6 +17,8 @@ export * from './JoyRadioGroup/JoyRadioGroup.types';
 export * from './JoyScreenLoader/VJoyScreenLoader.types';
 export * from './JoySelect/JoySelect.types';
 export * from './JoySpinner/JoySpinner.types';
+export * from './JoyTag/JoyTag.types';
+export * from './JoyTagsList/JoyTagsList.types';
 export * from './JoyTemplate/JoyTemplate.types';
 export * from './JoyTemplate/JoyTemplate.types';
 export * from './JoyWrapper/JoyWrapper.types';

package/dist/components/index.d.ts

@@ -1,3 +1,6 @@
+import VJoyAvailability from '@/components/JoyAvailability/VJoyAvailability.vue';
+import VJoyAvatar from '@/components/JoyAvatar/VJoyAvatar.vue';
+import VJoyAvatarsList from '@/components/JoyAvatarsList/VJoyAvatarsList.vue';
 import VJoyBadge from '@/components/JoyBadge/VJoyBadge.vue';
 import VJoyButton from '@/components/JoyButton/VJoyButton.vue';
 import VJoyCheckbox from '@/components/JoyCheckbox/VJoyCheckbox.vue';
@@ -21,7 +24,9 @@ import VJoySelectableItem from '@/components/JoySelectableItem/VJoySelectableIte
 import VJoySelectableItemGroup from '@/components/JoySelectableItemGroup/VJoySelectableItemGroup.vue';
 import VJoySpinner from '@/components/JoySpinner/VJoySpinner.vue';
 import VJoyWrapper from '@/components/JoyWrapper/VJoyWrapper.vue';
+import VJoyTag from '@/components/JoyTag/VJoyTag.vue';
+import VJoyTagsList from '@/components/JoyTagsList/VJoyTagsList.vue';
 import VJoyTemplate from '@/components/JoyTemplate/VJoyTemplate.vue';
 import VJoyTextarea from '@/components/JoyTextarea/VJoyTextarea.vue';
 import VJoyToggle from '@/components/JoyToggle/VJoyToggle.vue';
-export { VJoyBadge, VJoyButton, VJoyCheckbox, VJoyCounter, VJoyDropdown, VJoyDropdownList, VJoyFormError, VJoyHighlight, VJoyIcon, VJoyInput, VJoyLabel, VJoyLink, VJoyMultiCheckbox, VJoyPanel, VJoyPanelSection, VJoyRadio, VJoyRadioGroup, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySpinner, VJoyTemplate, VJoyTextarea, VJoyToggle, VJoyWrapper, };
+export { VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyButton, VJoyCheckbox, VJoyCounter, VJoyDropdown, VJoyDropdownList, VJoyFormError, VJoyHighlight, VJoyIcon, VJoyInput, VJoyLabel, VJoyLink, VJoyMultiCheckbox, VJoyPanel, VJoyPanelSection, VJoyRadio, VJoyRadioGroup, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySpinner, VJoyTag, VJoyTagsList, VJoyTemplate, VJoyTextarea, VJoyToggle, VJoyWrapper, };

package/dist/composables/props.d.ts

@@ -61,7 +61,7 @@ export declare const CHECKBOX_BASED_PROPS: {
 export declare const LABEL_BASED_PROPS: {
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"small" | "large" | "medium">;
         default: string;
     };
     optionalLabel: StringConstructor;