@maltjoy/core-vue 3.13.0 → 3.14.1

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

@@ -41,7 +41,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         validator(variant: ButtonSizes): boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    randomId: string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * If you only need a button with an icon. To keep your component accessible, you can give a text as slot, it will be used as title and aria-label.
      * This property takes effect only if icon property is set

package/dist/components/JoyFormFieldSkeleton/VJoyFormFieldSkeleton.vue.d.ts

@@ -0,0 +1,41 @@
+import { PropType } from 'vue';
+import { FormSizes } from '@/types';
+declare const _default: import("vue").DefineComponent<{
+    /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
+    size: {
+        type: PropType<FormSizes>;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+    };
+    /** The component is aimed to be used with a VJoyWrapper to quickly create skeleton layouts.
+     * Use flex property to spread your items horizontally, by default they will all have the same width.
+     */
+    flex: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    flexStyle: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
+    size: {
+        type: PropType<FormSizes>;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+    };
+    /** The component is aimed to be used with a VJoyWrapper to quickly create skeleton layouts.
+     * Use flex property to spread your items horizontally, by default they will all have the same width.
+     */
+    flex: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    size: FormSizes;
+    flex: string;
+}, {}>;
+export default _default;

package/dist/components/JoyPagination/PaginationIcon.vue.d.ts

@@ -0,0 +1,31 @@
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+    next: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        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<{
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+    next: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    next: boolean;
+}, {}>;
+export default _default;

package/dist/components/JoyPagination/VJoyPagination.vue.d.ts

@@ -0,0 +1,69 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Current page number */
+    currentPage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Total number of pages in order to construct the pagination */
+    totalPages: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Can be used as aria-label attribute for the full component */
+    labelPagination: {
+        type: StringConstructor;
+        required: false;
+    };
+    /** Can be used as title and aria-label attributes for the previous CTA */
+    labelPrev: {
+        type: StringConstructor;
+        required: false;
+    };
+    /** Can be used as title and aria-label attributes for the next CTA */
+    labelNext: {
+        type: StringConstructor;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:current-page": (value: number) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Current page number */
+    currentPage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Total number of pages in order to construct the pagination */
+    totalPages: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Can be used as aria-label attribute for the full component */
+    labelPagination: {
+        type: StringConstructor;
+        required: false;
+    };
+    /** Can be used as title and aria-label attributes for the previous CTA */
+    labelPrev: {
+        type: StringConstructor;
+        required: false;
+    };
+    /** Can be used as title and aria-label attributes for the next CTA */
+    labelNext: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & {
+    "onUpdate:current-page"?: ((value: number) => any) | undefined;
+}, {
+    currentPage: number;
+    totalPages: number;
+}, {}>, {
+    'pagination-prev': (_: {}) => any;
+    'pagination-next': (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,3 @@
+import { GENERIC_VARIANTS } from '@/types';
+export type ProgressBarColors = (typeof GENERIC_VARIANTS)[number];
+export declare const PROGRESSBAR_VARIANT: string[];

package/dist/components/JoyProgressBar/VJoyProgressBar.vue.d.ts

@@ -0,0 +1,54 @@
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    color: {
+        type: PropType<"primary" | "secondary">;
+        default: string;
+    };
+    /**
+     * Total number of steps.
+     */
+    steps: {
+        type: NumberConstructor;
+    };
+    /**
+     * Current step number.
+     */
+    currentStep: {
+        type: NumberConstructor;
+    };
+    /**
+     * Progress bar percentage, percentage usage will override steps & currentStep definition.
+     */
+    percentage: {
+        type: NumberConstructor;
+    };
+}, {
+    computeInnerWidth: import("vue").ComputedRef<string>;
+    computedPercentage: import("vue").Ref<number>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: PropType<"primary" | "secondary">;
+        default: string;
+    };
+    /**
+     * Total number of steps.
+     */
+    steps: {
+        type: NumberConstructor;
+    };
+    /**
+     * Current step number.
+     */
+    currentStep: {
+        type: NumberConstructor;
+    };
+    /**
+     * Progress bar percentage, percentage usage will override steps & currentStep definition.
+     */
+    percentage: {
+        type: NumberConstructor;
+    };
+}>>, {
+    color: "primary" | "secondary";
+}, {}>;
+export default _default;

package/dist/components/JoyTab/TabButton.vue.d.ts

@@ -0,0 +1,73 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * Boolean to change style if tabButton is selected
+     */
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Id of the tab, used for aria prop
+     */
+    tab: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Href props to send to a link. If filled, it replaces the default comportment
+     */
+    href: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * Label of the button. If filled, it replaces the default slot
+     */
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    changeTab: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Boolean to change style if tabButton is selected
+     */
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Id of the tab, used for aria prop
+     */
+    tab: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Href props to send to a link. If filled, it replaces the default comportment
+     */
+    href: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * Label of the button. If filled, it replaces the default slot
+     */
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & {
+    onChangeTab?: (() => any) | undefined;
+}, {
+    selected: boolean;
+}, {}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyTab/VJoyTab.vue.d.ts

@@ -0,0 +1,55 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * A tab id or name must be provided for each `joy-tab`. It's used internally to reference
+     * the selected tab
+     */
+    tab: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * The title given to the button
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Allow to have a link on the button. When clicking on the button, you will be redirected to the target of the URL.
+     */
+    href: {
+        type: StringConstructor;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * A tab id or name must be provided for each `joy-tab`. It's used internally to reference
+     * the selected tab
+     */
+    tab: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * The title given to the button
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Allow to have a link on the button. When clicking on the button, you will be redirected to the target of the URL.
+     */
+    href: {
+        type: StringConstructor;
+        required: false;
+    };
+}>>, {}, {}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyTabs/VJoyTabs.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Use this prop to activate a specific tab by default by giving its name */
+    selectedTab: {
+        type: StringConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selected-tab": (value: string) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Use this prop to activate a specific tab by default by giving its name */
+    selectedTab: {
+        type: StringConstructor;
+    };
+}>> & {
+    "onUpdate:selected-tab"?: ((value: string) => any) | undefined;
+}, {}, {}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -14,6 +14,7 @@ export * from './JoyLabel/JoyLabel.types';
 export * from './JoyLink/JoyLink.types';
 export * from './JoyLink/JoyLink.types';
 export * from './JoyPanel/JoyPanel.types';
+export * from './JoyProgressBar/JoyProgressBar.types';
 export * from './JoyRadio/JoyRadio.types';
 export * from './JoyRadioGroup/JoyRadioGroup.types';
 export * from './JoyScreenLoader/VJoyScreenLoader.types';

package/dist/components/index.d.ts

@@ -13,14 +13,17 @@ import VJoyDropdownList from '@/components/JoyDropdownList/VJoyDropdownList.vue'
 import VJoyFilterBar from '@/components/JoyFilterBar/VJoyFilterBar.vue';
 import VJoyFilterBarButton from '@/components/JoyFilterBarButton/VJoyFilterBarButton.vue';
 import VJoyFormError from '@/components/JoyFormError/VJoyFormError.vue';
+import VJoyFormFieldSkeleton from '@/components/JoyFormFieldSkeleton/VJoyFormFieldSkeleton.vue';
 import VJoyHighlight from '@/components/JoyHighlight/VJoyHighlight.vue';
 import VJoyIcon from '@/components/JoyIcon/VJoyIcon.vue';
 import VJoyInput from '@/components/JoyInput/VJoyInput.vue';
 import VJoyLabel from '@/components/JoyLabel/VJoyLabel.vue';
 import VJoyLink from '@/components/JoyLink/VJoyLink.vue';
 import VJoyMultiCheckbox from '@/components/JoyMultiCheckbox/VJoyMultiCheckbox.vue';
+import VJoyPagination from '@/components/JoyPagination/VJoyPagination.vue';
 import VJoyPanel from '@/components/JoyPanel/VJoyPanel.vue';
 import VJoyPanelSection from '@/components/JoyPanelSection/VJoyPanelSection.vue';
+import VJoyProgressBar from '@/components/JoyProgressBar/VJoyProgressBar.vue';
 import VJoyRadio from '@/components/JoyRadio/VJoyRadio.vue';
 import VJoyRadioGroup from '@/components/JoyRadioGroup/VJoyRadioGroup.vue';
 import VJoyRatingStars from '@/components/JoyRatingStars/VJoyRatingStars.vue';
@@ -31,10 +34,12 @@ import VJoySelectableItemGroup from '@/components/JoySelectableItemGroup/VJoySel
 import VJoySeparator from '@/components/JoySeparator/VJoySeparator.vue';
 import VJoySpinner from '@/components/JoySpinner/VJoySpinner.vue';
 import VJoyWrapper from '@/components/JoyWrapper/VJoyWrapper.vue';
+import VJoyTabs from '@/components/JoyTabs/VJoyTabs.vue';
+import VJoyTab from '@/components/JoyTab/VJoyTab.vue';
 import VJoyTag from '@/components/JoyTag/VJoyTag.vue';
 import VJoyTagsList from '@/components/JoyTagsList/VJoyTagsList.vue';
 import VJoyTemplate from '@/components/JoyTemplate/VJoyTemplate.vue';
 import VJoyTemplateShape from '@/components/JoyTemplateShape/VJoyTemplateShape.vue';
 import VJoyTextarea from '@/components/JoyTextarea/VJoyTextarea.vue';
 import VJoyToggle from '@/components/JoyToggle/VJoyToggle.vue';
-export { VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyButton, VJoyCheckbox, VJoyCompanyAvatar, VJoyCounter, VJoyDividerCta, VJoyDropdown, VJoyDropdownList, VJoyFilterBar, VJoyFilterBarButton, VJoyFormError, VJoyHighlight, VJoyIcon, VJoyInput, VJoyLabel, VJoyLink, VJoyMultiCheckbox, VJoyPanel, VJoyPanelSection, VJoyRadio, VJoyRadioGroup, VJoyRatingStars, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySeparator, VJoySpinner, VJoyTag, VJoyTagsList, VJoyTemplate, VJoyTemplateShape, VJoyTextarea, VJoyToggle, VJoyWrapper, };
+export { VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyButton, VJoyCheckbox, VJoyCompanyAvatar, VJoyCounter, VJoyDividerCta, VJoyDropdown, VJoyDropdownList, VJoyFilterBar, VJoyFilterBarButton, VJoyFormError, VJoyFormFieldSkeleton, VJoyHighlight, VJoyIcon, VJoyInput, VJoyLabel, VJoyLink, VJoyMultiCheckbox, VJoyPagination, VJoyPanel, VJoyPanelSection, VJoyProgressBar, VJoyRadio, VJoyRadioGroup, VJoyRatingStars, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySeparator, VJoySpinner, VJoyTabs, VJoyTab, VJoyTag, VJoyTagsList, VJoyTemplate, VJoyTemplateShape, VJoyTextarea, VJoyToggle, VJoyWrapper, };

package/dist/helpers/index.d.ts

@@ -3,3 +3,4 @@ import { Ref } from 'vue';
 import { LEVELS } from '../types';
 export declare function iconLevel(level: (typeof LEVELS)[number]): JoyIconsNames;
 export declare function focusOnFirstFocusableFormField(root: Ref): any;
+export declare const generateRandomId: (length?: number) => string;