@maltjoy/core-vue 5.14.0-alpha.0 → 5.15.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 maltcommunity / apps
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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

@@ -2,5 +2,5 @@ import { TGenericVariants, TPositions, TSizes } from '../../types';
 export type TJoyDefaultButtonVariants = TGenericVariants | 'main' | 'admin' | 'ghost';
 export type TJoyAIButtonVariants = `${TJoyDefaultButtonVariants}-ai`;
 export type TJoyButtonVariants = TJoyDefaultButtonVariants | Exclude<TJoyAIButtonVariants, 'admin-ai'>;
-export type TJoyButtonSizes = Exclude<TSizes, 'xlarge'>;
+export type TJoyButtonSizes = Extract<TSizes, 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large'>;
 export type TJoyButtonIconPositions = TPositions;

package/dist/components/JoyFormGroup/VJoyFormGroup.vue.d.ts

@@ -0,0 +1,13 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+    /** Use it to render the content of the form group. Most of the time JoyLabel, any form component, and JoyFormError. */
+    default?: (() => any) | undefined;
+}> & {
+    /** Use it to render the content of the form group. Most of the time JoyLabel, any form component, and JoyFormError. */
+    default?: (() => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,5 +1,5 @@
 import type { JoyIconsId } from '@maltjoy/icons';
 import { TSizes, TLevels } from '../../types';
 export type TJoyIconsColors = TLevels | 'neutral-50' | 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'brand-primary' | 'brand-secondary' | 'white';
-export type TJoyIconSizes = TSizes;
+export type TJoyIconSizes = Extract<TSizes, 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'>;
 export type TJoyIconsNames = JoyIconsId;

package/dist/components/JoyIcon/VJoyIcon.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { TJoyIconsColors } from './JoyIcon.types';
+import { TJoyIconsColors, TJoyIconSizes } from './JoyIcon.types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     /** Use `TJoyIconSizes` */
     size: {
-        type: PropType<import("../../types").TSizes>;
+        type: PropType<TJoyIconSizes>;
         default: string;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -51,12 +51,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     /** Use `TJoyIconSizes` */
     size: {
-        type: PropType<import("../../types").TSizes>;
+        type: PropType<TJoyIconSizes>;
         default: string;
     };
 }>> & Readonly<{}>, {
     color: TJoyIconsColors;
     tabIndex: number;
-    size: import("../../types").TSizes;
+    size: TJoyIconSizes;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -24,6 +24,10 @@ export interface VJoyInputProps {
     /** Add a JoyIcon / joy-icon with given name on left-side. */
     icon?: TJoyIconsNames;
     size?: TJoyInputSizes;
+    /**
+     * @deprecated Password mode is deprecated on VJoyInput.
+     * Use VJoyInputPassword for password fields and toggle behavior.
+     */
     type?: string;
     /** Adds a legend like symbol on the right of the component. Made for number based values */
     unit?: string;

package/dist/components/JoyInput/VJoyInput.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJ
     required: boolean;
     disabled: boolean;
     autofocus: boolean;
-    labelSize: import("../components.types.js").TJoyLabelSizes;
+    labelSize: import("../JoyLabel/JoyLabel.types").TJoyLabelSizes;
     requiredMark: boolean;
     modelModifiers: Partial<Record<"number" | "trim" | "lazy", boolean>>;
     clearable: boolean;
@@ -22,9 +22,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJ
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
     /** DEPRECATED. Default slot to display a label on top of the element. You can use label property as well  */
     default?: (() => any) | undefined;
+    /** Slot used to inject a custom action on the right side of the input wrapper. */
+    'right-action'?: (() => any) | undefined;
 }> & {
     /** DEPRECATED. Default slot to display a label on top of the element. You can use label property as well  */
     default?: (() => any) | undefined;
+    /** Slot used to inject a custom action on the right side of the input wrapper. */
+    'right-action'?: (() => any) | undefined;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/JoyInputPassword/VJoyInputPassword.vue.d.ts

@@ -0,0 +1,31 @@
+import type { VJoyInputProps } from '../JoyInput/JoyInput.types';
+type VJoyInputPasswordProps = Omit<VJoyInputProps, 'type' | 'clearable' | 'clearAriaLabel' | 'readonly'>;
+declare function focus(): void;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJoyInputPasswordProps, {
+    focus: typeof focus;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<VJoyInputPasswordProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    invalid: boolean;
+    name: string;
+    required: boolean;
+    disabled: boolean;
+    autofocus: boolean;
+    labelSize: import("../components.types.js").TJoyLabelSizes;
+    requiredMark: boolean;
+    modelModifiers: Partial<Record<"number" | "trim" | "lazy", boolean>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
+    /** Slot used to inject password requirements. Use VJoyPasswordRequirement component to display the requirements. */
+    'password-requirements'?: (() => any) | undefined;
+}> & {
+    /** Slot used to inject password requirements. Use VJoyPasswordRequirement component to display the requirements. */
+    'password-requirements'?: (() => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,2 +1,3 @@
 import { TSizes } from '@/types';
 export type TJoyLabelSizes = Extract<TSizes, 'small' | 'medium' | 'large'>;
+export declare const JoyFormElementContext = "JoyFormElementContext";

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

@@ -0,0 +1,7 @@
+import type { TLevels } from '../../types';
+/**
+ * - neutral : The password field is focused but not this rule is not valid
+ * - valid : This rule is valid
+ * - invalid : This field is not focused and this rule is invalid
+ */
+export type TVJoyPasswordRequirementStatus = Extract<TLevels, 'success' | 'error' | 'neutral'>;

package/dist/components/JoyPasswordRequirement/VJoyPasswordRequirement.vue.d.ts

@@ -0,0 +1,13 @@
+import type { TVJoyPasswordRequirementStatus } from './JoyPasswordRequirement.types';
+declare const _default: import("vue").DefineComponent<{
+    /** Label of the password strength rule */
+    label: string;
+    /** Status of the password requirement */
+    status?: TVJoyPasswordRequirementStatus | undefined;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** Label of the password strength rule */
+    label: string;
+    /** Status of the password requirement */
+    status?: TVJoyPasswordRequirementStatus | undefined;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -21,6 +21,7 @@ export * from './JoyLink/JoyLink.types';
 export * from './JoyMenu/JoyMenu.types';
 export * from './JoyMenuItem/JoyMenuItem.types';
 export * from './JoyPanel/JoyPanel.types';
+export * from './JoyPasswordRequirement/JoyPasswordRequirement.types';
 export * from './JoyProgressBar/JoyProgressBar.types';
 export * from './JoyProductTour/JoyProductTour.types';
 export * from './JoyRadio/JoyRadio.types';

package/dist/components/index.d.ts

@@ -24,6 +24,7 @@ import { default as VJoyFilterBar } from './JoyFilterBar/VJoyFilterBar.vue';
 import { default as VJoyFilterBarButton } from './JoyFilterBarButton/VJoyFilterBarButton.vue';
 import { default as VJoyFormError } from './JoyFormError/VJoyFormError.vue';
 import { default as VJoyFormFieldSkeleton } from './JoyFormFieldSkeleton/VJoyFormFieldSkeleton.vue';
+import { default as VJoyFormGroup } from './JoyFormGroup/VJoyFormGroup.vue';
 import { default as VJoyFunnel } from './JoyFunnel/VJoyFunnel.vue';
 import { default as VJoyFunnelFooter } from './JoyFunnelFooter/VJoyFunnelFooter.vue';
 import { default as VJoyFunnelHeader } from './JoyFunnelHeader/VJoyFunnelHeader.vue';
@@ -33,6 +34,7 @@ import { default as VJoyIndicator } from './JoyIndicator/VJoyIndicator.vue';
 import { default as VJoyIndicators } from './JoyIndicators/VJoyIndicators.vue';
 import { default as VJoyInput } from './JoyInput/VJoyInput.vue';
 import { default as VJoyInputDigit } from './JoyInputDigit/VJoyInputDigit.vue';
+import { default as VJoyInputPassword } from './JoyInputPassword/VJoyInputPassword.vue';
 import { default as VJoyLabel } from './JoyLabel/VJoyLabel.vue';
 import { default as VJoyLink } from './JoyLink/VJoyLink.vue';
 import { default as VJoyListItem } from './JoyListItem/VJoyListItem.vue';
@@ -42,6 +44,7 @@ import { default as VJoyMultiCheckbox } from './JoyMultiCheckbox/VJoyMultiCheckb
 import { default as VJoyPagination } from './JoyPagination/VJoyPagination.vue';
 import { default as VJoyPanel } from './JoyPanel/VJoyPanel.vue';
 import { default as VJoyPanelSection } from './JoyPanelSection/VJoyPanelSection.vue';
+import { default as VJoyPasswordRequirement } from './JoyPasswordRequirement/VJoyPasswordRequirement.vue';
 import { default as VJoyProductTour } from './JoyProductTour/VJoyProductTour.vue';
 import { default as VJoyProductTourTrigger } from './JoyProductTourTrigger/VJoyProductTourTrigger.vue';
 import { default as VJoyProgressBar } from './JoyProgressBar/VJoyProgressBar.vue';
@@ -73,4 +76,4 @@ import { default as VJoyUserCard } from './JoyUserCard/VJoyUserCard.vue';
 import { default as VJoyWalkthrough } from './JoyWalkthrough/VJoyWalkthrough.vue';
 import { default as VJoyWalkthroughTrigger } from './JoyWalkthroughTrigger/VJoyWalkthroughTrigger.vue';
 import { default as VJoyWrapper } from './JoyWrapper/VJoyWrapper.vue';
-export { VJoyAdminBanner, VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyBlockSkeleton, VJoyBottomSheet, VJoyBottomSheetTrigger, VJoyButton, VJoyCheckbox, VJoyCollapse, VJoyCollapseItem, VJoyCompanyAvatar, VJoyDialog, VJoyDialogTrigger, VJoyDot, VJoyDrawer, VJoyDrawerTrigger, VJoyDropdown, VJoyDropdownList, VJoyDropzone, VJoyFilterBar, VJoyFilterBarButton, VJoyFormError, VJoyFormFieldSkeleton, VJoyFunnel, VJoyFunnelFooter, VJoyFunnelHeader, VJoyHighlight, VJoyIcon, VJoyIndicator, VJoyIndicators, VJoyInput, VJoyInputDigit, VJoyLabel, VJoyLink, VJoyListItem, VJoyMenu, VJoyMenuItem, VJoyMultiCheckbox, VJoyPagination, VJoyPanel, VJoyPanelSection, VJoyProductTour, VJoyProductTourTrigger, VJoyProgressBar, VJoyRadio, VJoyRadioGroup, VJoyRatingStars, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySeparator, VJoySnackbar, VJoySpinner, VJoyStep, VJoyStepper, VJoyTab, VJoyTabs, VJoyTag, VJoyTagsInput, VJoyTagsList, VJoyTemplate, VJoyTemplateShape, VJoyText, VJoyTextarea, VJoyTitleBrand, VJoyToggle, VJoyTooltip, VJoyUserCard, VJoyWalkthrough, VJoyWalkthroughTrigger, VJoyWrapper, };
+export { VJoyAdminBanner, VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyBlockSkeleton, VJoyBottomSheet, VJoyBottomSheetTrigger, VJoyButton, VJoyCheckbox, VJoyCollapse, VJoyCollapseItem, VJoyCompanyAvatar, VJoyDialog, VJoyDialogTrigger, VJoyDot, VJoyDrawer, VJoyDrawerTrigger, VJoyDropdown, VJoyDropdownList, VJoyDropzone, VJoyFilterBar, VJoyFilterBarButton, VJoyFormError, VJoyFormFieldSkeleton, VJoyFormGroup, VJoyFunnel, VJoyFunnelFooter, VJoyFunnelHeader, VJoyHighlight, VJoyIcon, VJoyIndicator, VJoyIndicators, VJoyInput, VJoyInputDigit, VJoyInputPassword, VJoyLabel, VJoyLink, VJoyListItem, VJoyMenu, VJoyMenuItem, VJoyMultiCheckbox, VJoyPagination, VJoyPanel, VJoyPanelSection, VJoyPasswordRequirement, VJoyProductTour, VJoyProductTourTrigger, VJoyProgressBar, VJoyRadio, VJoyRadioGroup, VJoyRatingStars, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySeparator, VJoySnackbar, VJoySpinner, VJoyStep, VJoyStepper, VJoyTab, VJoyTabs, VJoyTag, VJoyTagsInput, VJoyTagsList, VJoyTemplate, VJoyTemplateShape, VJoyText, VJoyTextarea, VJoyTitleBrand, VJoyToggle, VJoyTooltip, VJoyUserCard, VJoyWalkthrough, VJoyWalkthroughTrigger, VJoyWrapper, };