@maltjoy/core-vue 3.9.2 → 3.10.0

package/dist/components/JoySelectableItemGroup/VJoySelectableItemGroup.vue.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     id: StringConstructor;
     value: {
-        type: (ArrayConstructor | StringConstructor)[];
+        type: (StringConstructor | ArrayConstructor)[];
         default: null;
     };
     multiple: {
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"large" | "medium" | "small">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     id: StringConstructor;
     value: {
-        type: (ArrayConstructor | StringConstructor)[];
+        type: (StringConstructor | ArrayConstructor)[];
         default: null;
     };
     multiple: {
@@ -74,7 +74,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"large" | "medium" | "small">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -85,11 +85,11 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:value"?: ((value: string | any[]) => any) | undefined;
 }, {
-    value: string | unknown[];
     required: boolean;
-    multiple: boolean;
-    labelSize: "small" | "medium" | "large";
+    value: string | unknown[];
+    labelSize: "large" | "medium" | "small";
     requiredMark: boolean;
+    multiple: boolean;
     fullWidth: boolean;
 }, {}>;
 export default _default;

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

@@ -0,0 +1,13 @@
+import { SIZES } from '@/types';
+import VJoyTag from './VJoyTag.vue';
+export declare const TAG_VARIANTS: readonly ["important", "inactive", "pending", "pricing", "primary", "secondary"];
+export type TagVariants = (typeof TAG_VARIANTS)[number];
+export type TagSizes = Exclude<(typeof SIZES)[number], 'xlarge' | 'xxsmall'>;
+export declare const TAG_SIZES: TagSizes[];
+export type VJoyTagProps = InstanceType<typeof VJoyTag>['$props'];
+export interface IJoyTagSelected {
+    selected: boolean;
+    value: string;
+}
+export interface IJoyTag extends VJoyTagProps {
+}

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 */
@@ -60,10 +60,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    align: "flex-end" | "stretch" | "center" | "flex-start";
-    direction: "column" | "row";
-    justify: "flex-end" | "center" | "space-between" | "flex-start";
     wrap: "nowrap" | "wrap";
+    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

@@ -0,0 +1,24 @@
+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';
+export * from './JoyDropdownList/JoyDropdownList.types';
+export * from './JoyHighlight/JoyHighlight.types';
+export * from './JoyHighlight/JoyHighlight.types';
+export * from './JoyIcon/JoyIcon.types';
+export * from './JoyInput/JoyInput.types';
+export * from './JoyLabel/JoyLabel.types';
+export * from './JoyLink/JoyLink.types';
+export * from './JoyLink/JoyLink.types';
+export * from './JoyPanel/JoyPanel.types';
+export * from './JoyRadio/JoyRadio.types';
+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;