@maltjoy/core-vue 3.9.3 → 3.10.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;
+    };
+}>>, {
+    size: TagSizes;
+    link: boolean;
+    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,33 @@
+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;
+    };
+}, {}, 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;
+    };
+}>>, {
+    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<"large" | "medium" | "small">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -70,7 +70,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"large" | "medium" | "small">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -96,12 +96,12 @@ 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: "large" | "medium" | "small";
     requiredMark: boolean;
+    modelValue: string;
     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/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 */
@@ -32,17 +32,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {}, 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 */
@@ -61,9 +61,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     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;
 }, {}>, {

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,5 @@
+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 +23,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 { 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<"large" | "medium" | "small">;
         default: string;
     };
     optionalLabel: StringConstructor;