@maltjoy/core-vue 3.16.2 → 3.17.0

package/dist/components/JoyText/VJoyText.vue.d.ts

@@ -0,0 +1,36 @@
+import { PropType } from 'vue';
+import { TJoyTextFontPreset } from './JoyText.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
+    tagName: {
+        type: PropType<number | typeof Symbol.iterator | "length" | "concat" | "slice" | "indexOf" | "lastIndexOf" | "includes" | "at" | "toString" | "link" | "small" | "sub" | "sup" | "search" | "anchor" | "charAt" | "charCodeAt" | "localeCompare" | "match" | "replace" | "split" | "substring" | "toLowerCase" | "toLocaleLowerCase" | "toUpperCase" | "toLocaleUpperCase" | "trim" | "substr" | "codePointAt" | "endsWith" | "normalize" | "repeat" | "startsWith" | "big" | "blink" | "bold" | "fixed" | "fontcolor" | "fontsize" | "italics" | "strike" | "padStart" | "padEnd" | "trimEnd" | "trimStart" | "trimLeft" | "trimRight" | "matchAll" | "replaceAll" | "valueOf">;
+        default: string;
+    };
+    /** Choose a pre-configured set of CSS rules : font-family, font-size, line-height, font-weight.  */
+    preset: {
+        type: PropType<TJoyTextFontPreset>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
+    tagName: {
+        type: PropType<number | typeof Symbol.iterator | "length" | "concat" | "slice" | "indexOf" | "lastIndexOf" | "includes" | "at" | "toString" | "link" | "small" | "sub" | "sup" | "search" | "anchor" | "charAt" | "charCodeAt" | "localeCompare" | "match" | "replace" | "split" | "substring" | "toLowerCase" | "toLocaleLowerCase" | "toUpperCase" | "toLocaleUpperCase" | "trim" | "substr" | "codePointAt" | "endsWith" | "normalize" | "repeat" | "startsWith" | "big" | "blink" | "bold" | "fixed" | "fontcolor" | "fontsize" | "italics" | "strike" | "padStart" | "padEnd" | "trimEnd" | "trimStart" | "trimLeft" | "trimRight" | "matchAll" | "replaceAll" | "valueOf">;
+        default: string;
+    };
+    /** Choose a pre-configured set of CSS rules : font-family, font-size, line-height, font-weight.  */
+    preset: {
+        type: PropType<TJoyTextFontPreset>;
+        default: string;
+    };
+}>>, {
+    tagName: number | typeof Symbol.iterator | "length" | "concat" | "slice" | "indexOf" | "lastIndexOf" | "includes" | "at" | "toString" | "link" | "small" | "sub" | "sup" | "search" | "anchor" | "charAt" | "charCodeAt" | "localeCompare" | "match" | "replace" | "split" | "substring" | "toLowerCase" | "toLocaleLowerCase" | "toUpperCase" | "toLocaleUpperCase" | "trim" | "substr" | "codePointAt" | "endsWith" | "normalize" | "repeat" | "startsWith" | "big" | "blink" | "bold" | "fixed" | "fontcolor" | "fontsize" | "italics" | "strike" | "padStart" | "padEnd" | "trimEnd" | "trimStart" | "trimLeft" | "trimRight" | "matchAll" | "replaceAll" | "valueOf";
+    preset: TJoyTextFontPreset;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,3 @@
+import { ProductColors } from '../../types';
+export type TJoyTooltipVariants = Extract<ProductColors, 'primary' | 'secondary'>;
+export declare const JOY_TOOLTIP_VARIANTS: TJoyTooltipVariants[];

package/dist/components/JoyTooltip/VJoyTooltip.vue.d.ts

@@ -0,0 +1,91 @@
+import { PropType } from 'vue';
+import { Placement } from '@floating-ui/vue';
+import { TJoyTooltipVariants } from './JoyTooltip.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this  */
+    text: {
+        type: StringConstructor;
+    };
+    variant: {
+        type: PropType<TJoyTooltipVariants>;
+        default: string;
+    };
+    /** It will automatically switch to another placement if there is not enough space. Please see https://floating-ui.com/docs/tutorial#placements for available values */
+    placement: {
+        type: PropType<import("@floating-ui/vue").MaybeReadonlyRef<Placement | undefined>>;
+        default: string;
+    };
+    /** Mouseenter (default) or click */
+    event: {
+        type: PropType<"click" | "mouseenter">;
+        default: string;
+    };
+    /** By default the tooltip is shown after a certain delay to make the experience smoother. You can change the value (in ms) */
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Mostly for visual testing purpose */
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Maw-width for the generated tooltip. */
+    tooltipWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    tooltipVisible: import("vue").Ref<boolean>;
+    tooltip: import("vue").Ref<HTMLElement | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this  */
+    text: {
+        type: StringConstructor;
+    };
+    variant: {
+        type: PropType<TJoyTooltipVariants>;
+        default: string;
+    };
+    /** It will automatically switch to another placement if there is not enough space. Please see https://floating-ui.com/docs/tutorial#placements for available values */
+    placement: {
+        type: PropType<import("@floating-ui/vue").MaybeReadonlyRef<Placement | undefined>>;
+        default: string;
+    };
+    /** Mouseenter (default) or click */
+    event: {
+        type: PropType<"click" | "mouseenter">;
+        default: string;
+    };
+    /** By default the tooltip is shown after a certain delay to make the experience smoother. You can change the value (in ms) */
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Mostly for visual testing purpose */
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Maw-width for the generated tooltip. */
+    tooltipWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    variant: TJoyTooltipVariants;
+    placement: import("@floating-ui/vue").MaybeReadonlyRef<Placement | undefined>;
+    event: "click" | "mouseenter";
+    delay: number;
+    show: boolean;
+    tooltipWidth: number;
+}, {}>, Readonly<{
+    default: () => void;
+    'tooltip-content': () => void;
+}>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyUserCard/VJoyUserCard.vue.d.ts

@@ -0,0 +1,57 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * Giving a link will make the whole component wrapped by an hyperlink
+     */
+    link: {
+        type: StringConstructor;
+    };
+    /**
+     * Use this prop if you don't want to use the user-card-avatar slot.
+     */
+    photoUrl: {
+        type: StringConstructor;
+    };
+    fullName: {
+        type: StringConstructor;
+    };
+    subTitle: {
+        type: StringConstructor;
+    };
+    ratingValue: {
+        type: NumberConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Giving a link will make the whole component wrapped by an hyperlink
+     */
+    link: {
+        type: StringConstructor;
+    };
+    /**
+     * Use this prop if you don't want to use the user-card-avatar slot.
+     */
+    photoUrl: {
+        type: StringConstructor;
+    };
+    fullName: {
+        type: StringConstructor;
+    };
+    subTitle: {
+        type: StringConstructor;
+    };
+    ratingValue: {
+        type: NumberConstructor;
+    };
+}>>, {}, {}>, {
+    "user-card-avatar"?(_: {}): any;
+    "user-card-title"?(_: {}): any;
+    "user-card-subtitle"?(_: {}): any;
+    "user-card-rating-stars"?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -10,6 +10,7 @@ export * from './JoyFunnel/JoyFunnel.types';
 export * from './JoyHighlight/JoyHighlight.types';
 export * from './JoyHighlight/JoyHighlight.types';
 export * from './JoyIcon/JoyIcon.types';
+export * from './JoyIndicators/JoyIndicators.types';
 export * from './JoyInput/JoyInput.types';
 export * from './JoyLabel/JoyLabel.types';
 export * from './JoyLink/JoyLink.types';
@@ -26,5 +27,6 @@ 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 './JoyText/JoyText.types';
+export * from './JoyTooltip/JoyTooltip.types';
 export * from './JoyWrapper/JoyWrapper.types';

package/dist/components/index.d.ts

@@ -12,13 +12,15 @@ import VJoyDropdown from '@/components/JoyDropdown/VJoyDropdown.vue';
 import VJoyDropdownList from '@/components/JoyDropdownList/VJoyDropdownList.vue';
 import VJoyFilterBar from '@/components/JoyFilterBar/VJoyFilterBar.vue';
 import VJoyFilterBarButton from '@/components/JoyFilterBarButton/VJoyFilterBarButton.vue';
+import VJoyFooter from '@/components/JoyFooter/VJoyFooter.vue';
 import VJoyFormError from '@/components/JoyFormError/VJoyFormError.vue';
 import VJoyFormFieldSkeleton from '@/components/JoyFormFieldSkeleton/VJoyFormFieldSkeleton.vue';
-import VJoyFooter from '@/components/JoyFooter/VJoyFooter.vue';
 import VJoyFunnel from '@/components/JoyFunnel/VJoyFunnel.vue';
 import VJoyHeader from '@/components/JoyHeader/VJoyHeader.vue';
 import VJoyHighlight from '@/components/JoyHighlight/VJoyHighlight.vue';
 import VJoyIcon from '@/components/JoyIcon/VJoyIcon.vue';
+import VJoyIndicator from '@/components/JoyIndicator/VJoyIndicator.vue';
+import VJoyIndicators from '@/components/JoyIndicators/VJoyIndicators.vue';
 import VJoyInput from '@/components/JoyInput/VJoyInput.vue';
 import VJoyLabel from '@/components/JoyLabel/VJoyLabel.vue';
 import VJoyLink from '@/components/JoyLink/VJoyLink.vue';
@@ -37,13 +39,18 @@ import VJoySelectableItem from '@/components/JoySelectableItem/VJoySelectableIte
 import VJoySelectableItemGroup from '@/components/JoySelectableItemGroup/VJoySelectableItemGroup.vue';
 import VJoySeparator from '@/components/JoySeparator/VJoySeparator.vue';
 import VJoySpinner from '@/components/JoySpinner/VJoySpinner.vue';
-import VJoyTabs from '@/components/JoyTabs/VJoyTabs.vue';
+import VJoyStep from '@/components/JoyStep/VJoyStep.vue';
+import VJoyStepper from '@/components/JoyStepper/VJoyStepper.vue';
 import VJoyTab from '@/components/JoyTab/VJoyTab.vue';
+import VJoyTabs from '@/components/JoyTabs/VJoyTabs.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 VJoyText from '@/components/JoyText/VJoyText.vue';
 import VJoyTextarea from '@/components/JoyTextarea/VJoyTextarea.vue';
 import VJoyToggle from '@/components/JoyToggle/VJoyToggle.vue';
+import VJoyTooltip from '@/components/JoyTooltip/VJoyTooltip.vue';
+import VJoyUserCard from '@/components/JoyUserCard/VJoyUserCard.vue';
 import VJoyWrapper from '@/components/JoyWrapper/VJoyWrapper.vue';
-export { VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyButton, VJoyCheckbox, VJoyCompanyAvatar, VJoyCounter, VJoyDividerCta, VJoyDropdown, VJoyDropdownList, VJoyFilterBar, VJoyFilterBarButton, VJoyFooter, VJoyFormError, VJoyFormFieldSkeleton, VJoyFunnel, VJoyHeader, VJoyHighlight, VJoyIcon, VJoyInput, VJoyLabel, VJoyLink, VJoyMenu, VJoyMultiCheckbox, VJoyPagination, VJoyPanel, VJoyPanelSection, VJoyProgressBar, VJoyRadio, VJoyRadioGroup, VJoyRatingStars, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySeparator, VJoySpinner, VJoyTabs, VJoyTab, VJoyTag, VJoyTagsList, VJoyTemplate, VJoyTemplateShape, VJoyTextarea, VJoyToggle, VJoyWrapper, };
+export { VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyButton, VJoyCheckbox, VJoyCompanyAvatar, VJoyCounter, VJoyDividerCta, VJoyDropdown, VJoyDropdownList, VJoyFilterBar, VJoyFilterBarButton, VJoyFooter, VJoyFormError, VJoyFormFieldSkeleton, VJoyFunnel, VJoyHeader, VJoyHighlight, VJoyIcon, VJoyIndicator, VJoyIndicators, VJoyInput, VJoyLabel, VJoyLink, VJoyMenu, VJoyMultiCheckbox, VJoyPagination, VJoyPanel, VJoyPanelSection, VJoyProgressBar, VJoyRadio, VJoyRadioGroup, VJoyRatingStars, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySeparator, VJoySpinner, VJoyStep, VJoyStepper, VJoyTab, VJoyTabs, VJoyTag, VJoyTagsList, VJoyTemplate, VJoyTemplateShape, VJoyText, VJoyTextarea, VJoyToggle, VJoyTooltip, VJoyUserCard, VJoyWrapper, };