@maltjoy/core-vue 1.0.0-beta.1 → 1.0.0-beta.10

package/dist/components/JoyMultiCheckbox/VJoyMultiCheckbox.vue.d.ts

@@ -14,7 +14,7 @@ export interface Option {
      */
     required?: boolean;
 }
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     options: {
         type: PropType<Option[]>;
         required: true;
@@ -25,17 +25,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<any[]>;
         default(): never[];
     };
-    fullWidth: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     required: {
         type: BooleanConstructor;
         default: boolean;
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -56,17 +52,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<any[]>;
         default(): never[];
     };
-    fullWidth: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     required: {
         type: BooleanConstructor;
         default: boolean;
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -79,8 +71,14 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     value: any[];
     required: boolean;
-    labelSize: "small" | "large" | "medium";
+    labelSize: "small" | "medium" | "large";
     requiredMark: boolean;
-    fullWidth: boolean;
+}>, {
+    checkbox: (_: Option) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyPanel/VJoyPanel.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     padding: {
         type: PropType<PanelSizes>;
-        defaut: string;
+        default: string;
         validator(size: PanelSizes): boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -23,11 +23,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     padding: {
         type: PropType<PanelSizes>;
-        defaut: string;
+        default: string;
         validator(size: PanelSizes): boolean;
     };
 }>>, {
     noMargin: boolean;
+    padding: PanelSizes;
 }>, {
     'panel-title': (_: {}) => any;
     'panel-title-action': (_: {}) => any;

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

@@ -0,0 +1,2 @@
+export declare const RADIO_GROUP_DIRECTION: readonly ["vertical", "horizontal"];
+export type RadioGroupDirection = (typeof RADIO_GROUP_DIRECTION)[number];

package/dist/components/JoySelect/VJoySelect.vue.d.ts

@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -55,7 +55,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -72,12 +72,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     disabled: boolean;
     required: boolean;
+    modelValue: string;
     invalid: boolean;
-    labelSize: "small" | "large" | "medium";
+    labelSize: "small" | "medium" | "large";
     requiredMark: boolean;
-    modelValue: string;
 }>, {
-    label: (_: {}) => any;
+    'select-label': (_: {}) => any;
     default: (_: {}) => any;
 }>;
 export default _default;

package/dist/components/JoySelectableItem/VJoySelectableItem.vue.d.ts

@@ -67,11 +67,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:checked"?: ((value: string | boolean) => any) | undefined;
 }, {
-    disabled: boolean;
     checked: boolean;
+    disabled: boolean;
     required: boolean;
-    invalid: boolean;
     multiple: boolean;
+    invalid: boolean;
 }>, {
     default: (_: {}) => any;
     'selectable-item-sublabel': (_: {}) => any;

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

@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -74,7 +74,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -87,9 +87,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     value: string | unknown[];
     required: boolean;
-    labelSize: "small" | "large" | "medium";
+    multiple: boolean;
+    labelSize: "small" | "medium" | "large";
     requiredMark: boolean;
     fullWidth: boolean;
-    multiple: boolean;
 }>;
 export default _default;

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

@@ -24,6 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     'template-back': (_: {}) => any;
     'template-title': (_: {}) => any;
     'template-subtitle': (_: {}) => any;
+    'template-actions': (_: {}) => any;
     'template-main': (_: {}) => any;
     'template-sidebar': (_: {}) => any;
 }>;

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" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -70,7 +70,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -98,10 +98,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     disabled: boolean;
     required: boolean;
+    modelValue: string;
     invalid: boolean;
-    labelSize: "small" | "large" | "medium";
+    labelSize: "small" | "medium" | "large";
     requiredMark: boolean;
-    modelValue: string;
     autogrow: boolean;
 }>, {
     default: (_: {}) => any;

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

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

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

@@ -16,6 +16,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<"nowrap" | "wrap">;
         default: string;
     };
+    /** Apply a flex-grow to children in order to stretch them all along horizontal space */
+    itemStretch: {
+        type: BooleanConstructor;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     justify: {
         type: PropType<"flex-end" | "center" | "space-between" | "flex-start">;
@@ -33,11 +37,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<"nowrap" | "wrap">;
         default: string;
     };
+    /** Apply a flex-grow to children in order to stretch them all along horizontal space */
+    itemStretch: {
+        type: BooleanConstructor;
+    };
 }>>, {
+    align: "flex-end" | "stretch" | "center" | "flex-start";
     direction: "column" | "row";
-    wrap: "nowrap" | "wrap";
     justify: "flex-end" | "center" | "space-between" | "flex-start";
-    align: "flex-end" | "stretch" | "center" | "flex-start";
+    wrap: "nowrap" | "wrap";
+    itemStretch: boolean;
 }>, {
     default: (_: {}) => any;
 }>;

package/dist/components/index.d.ts

@@ -1,6 +1,9 @@
+import VJoyBadge from '@/components/JoyBadge/VJoyBadge.vue';
 import VJoyButton from '@/components/JoyButton/VJoyButton.vue';
 import VJoyCheckbox from '@/components/JoyCheckbox/VJoyCheckbox.vue';
 import VJoyCounter from '@/components/JoyCounter/VJoyCounter.vue';
+import VJoyDropdown from '@/components/JoyDropdown/VJoyDropdown.vue';
+import VJoyDropdownList from '@/components/JoyDropdownList/VJoyDropdownList.vue';
 import VJoyFormError from '@/components/JoyFormError/VJoyFormError.vue';
 import VJoyHighlight from '@/components/JoyHighlight/VJoyHighlight.vue';
 import VJoyInput from '@/components/JoyInput/VJoyInput.vue';
@@ -19,4 +22,4 @@ import VJoyWrapper from '@/components/JoyWrapper/VJoyWrapper.vue';
 import VJoyTemplate from '@/components/JoyTemplate/VJoyTemplate.vue';
 import VJoyTextarea from '@/components/JoyTextarea/VJoyTextarea.vue';
 import VJoyToggle from '@/components/JoyToggle/VJoyToggle.vue';
-export { VJoyButton, VJoyCheckbox, VJoyCounter, VJoyFormError, VJoyHighlight, VJoyInput, VJoyLabel, VJoyLink, VJoyMultiCheckbox, VJoyPanel, VJoyPanelSection, VJoyRadio, VJoyRadioGroup, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySpinner, VJoyTemplate, VJoyTextarea, VJoyToggle, VJoyWrapper, };
+export { VJoyBadge, VJoyButton, VJoyCheckbox, VJoyCounter, VJoyDropdown, VJoyDropdownList, VJoyFormError, VJoyHighlight, VJoyInput, VJoyLabel, VJoyLink, VJoyMultiCheckbox, VJoyPanel, VJoyPanelSection, VJoyRadio, VJoyRadioGroup, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySpinner, VJoyTemplate, VJoyTextarea, VJoyToggle, VJoyWrapper, };

package/dist/composables/events.d.ts

@@ -0,0 +1,5 @@
+import { Ref } from 'vue';
+export declare function useDetectOutsideClick<T>(component: Ref, callback: () => T | void): {
+    listener: (event: Event) => void;
+} | undefined;
+export declare function useDetectWindowResize<T>(callback: () => T | void): void;

package/dist/composables/index.d.ts

@@ -1 +1,2 @@
 export * from './props';
+export * from './events';

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" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;