@maltjoy/core-vue 1.0.0-beta.4 → 1.0.0-beta.6

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

@@ -1,4 +1,4 @@
-import { GENERIC_VARIANTS, SIZES } from '@/types';
+import { GENERIC_VARIANTS, SIZES, POSITIONS } from '@/types';
 /** BUTTON VARIANTS/COLORS */
 declare const BUTTONS_SPECIFIC_VARIANTS: readonly ["main", "admin", "ghost"];
 export declare const BUTTON_VARIANTS: ((typeof GENERIC_VARIANTS)[number] | (typeof BUTTONS_SPECIFIC_VARIANTS)[number])[];
@@ -6,4 +6,5 @@ export type ButtonVariants = (typeof BUTTON_VARIANTS)[number];
 /** BUTTON SIZES */
 export type ButtonSizes = Exclude<(typeof SIZES)[number], 'xlarge'>;
 export declare const BUTTON_SIZES: ButtonSizes[];
+export type ButtonIconPositions = (typeof POSITIONS)[number];
 export {};

package/dist/components/JoyButton/VJoyButton.vue.d.ts

@@ -11,6 +11,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Name of the icon, placed before the text */
     icon: StringConstructor;
+    /** Left to the text or right */
+    iconPosition: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
     /** Change the component's state and display a JoySpinner. */
     loading: {
         type: BooleanConstructor;
@@ -39,6 +44,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Name of the icon, placed before the text */
     icon: StringConstructor;
+    /** Left to the text or right */
+    iconPosition: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
     /** Change the component's state and display a JoySpinner. */
     loading: {
         type: BooleanConstructor;
@@ -59,6 +69,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>>, {
     circle: boolean;
     variant: "main" | "ghost" | "secondary" | "primary" | "admin";
+    iconPosition: "left" | "right";
     loading: boolean;
     size: ButtonSizes;
 }>, {

package/dist/components/JoyCheckbox/VJoyCheckbox.vue.d.ts

@@ -97,11 +97,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onBlur?: (() => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }, {
+    value: string;
     checked: boolean;
     disabled: boolean;
     indeterminate: boolean;
     displayFocus: boolean;
-    value: string;
     required: boolean;
 }>, {
     default: (_: {}) => any;

package/dist/components/JoyDropdown/VJoyDropdown.vue.d.ts

@@ -13,6 +13,7 @@ export interface Option {
      * @default false
      */
     checked?: boolean;
+    [k: string]: any;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -34,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Dropdown vertical position according to the trigger */
     direction: {
-        type: PropType<"up" | "down">;
+        type: PropType<"down" | "up">;
         default: string;
     };
     /** Dropdown horizontal justify according to the trigger */
@@ -85,7 +86,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     showDropdownList: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
+    "update:modelValue": (value: string | undefined) => void;
+} & {
+    "dropdown:open": () => void;
+} & {
+    "dropdown:hide": () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /** DOM valid selector to give to Vue3 Teleport "to" property */
     appendTo: {
@@ -106,7 +111,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Dropdown vertical position according to the trigger */
     direction: {
-        type: PropType<"up" | "down">;
+        type: PropType<"down" | "up">;
         default: string;
     };
     /** Dropdown horizontal justify according to the trigger */
@@ -155,7 +160,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    "onDropdown:open"?: (() => any) | undefined;
+    "onDropdown:hide"?: (() => any) | undefined;
 }, {
     size: DropdownListSizes;
     options: Option[];
@@ -165,7 +172,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     appendTo: string | import("vue").RendererElement | null | undefined;
     disableTeleport: boolean;
     closeOnSelect: boolean;
-    direction: "up" | "down";
+    direction: "down" | "up";
     justify: "left" | "right";
     dropdownGap: string;
 }>, {

package/dist/components/JoyDropdownList/VJoyDropdownList.vue.d.ts

@@ -13,8 +13,12 @@ export interface Option {
      * @default false
      */
     checked?: boolean;
+    [k: string]: any;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * In order to make it work with v-model, you need to pass for each option, a value or an ID.
+     */
     options: {
         type: PropType<Option[]>;
         validator(value: Array<Option>): boolean;
@@ -39,10 +43,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     isSelected: import("vue").ComputedRef<(option: Option) => boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
+    "update:modelValue": (value: string | undefined) => void;
 } & {
     "close:dropdownList": () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * In order to make it work with v-model, you need to pass for each option, a value or an ID.
+     */
     options: {
         type: PropType<Option[]>;
         validator(value: Array<Option>): boolean;
@@ -65,7 +72,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
     "onClose:dropdownList"?: (() => any) | undefined;
 }, {
     size: DropdownListSizes;

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

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