@maltjoy/core-vue 3.17.2 → 3.19.0

package/dist/components/JoyTag/VJoyTag.vue.d.ts

@@ -20,7 +20,6 @@ declare const _default: import("vue").DefineComponent<{
     /** Mandatory, especially if you deal with tags list and v-model */
     value: {
         type: StringConstructor;
-        required: true;
         default: string;
     };
     draggable: {
@@ -61,7 +60,6 @@ declare const _default: import("vue").DefineComponent<{
     /** Mandatory, especially if you deal with tags list and v-model */
     value: {
         type: StringConstructor;
-        required: true;
         default: string;
     };
     draggable: {

package/dist/components/JoyTagsList/VJoyTagsList.vue.d.ts

@@ -8,16 +8,26 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<TJoyTagsListModel>;
     };
+    /** Tags list. Array of objects containing at least a label. "value" is mandatory if dealing with removable or selectable tags */
     tags: {
         type: PropType<TJoyTagsList>;
         default(): never[];
-        required: true;
     };
     /** You can either pass this property to make all generated tags removable, or pass the `removable: true` to each tag in "tags" prop. */
     removable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Make all VJoyTag selectable. Can be overriden by setting selectable: false in specific tags property entry. */
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Apply variant for all VJoyTag. Can be overriden by setting a variant property in specific tags entry. */
+    variant: {
+        type: PropType<"primary" | "secondary" | "important" | "inactive" | "pending" | "pricing">;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (tags: TJoyTagsListModel) => void;
     removeTag: (tagValue: string) => void;
@@ -29,22 +39,34 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<TJoyTagsListModel>;
     };
+    /** Tags list. Array of objects containing at least a label. "value" is mandatory if dealing with removable or selectable tags */
     tags: {
         type: PropType<TJoyTagsList>;
         default(): never[];
-        required: true;
     };
     /** You can either pass this property to make all generated tags removable, or pass the `removable: true` to each tag in "tags" prop. */
     removable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Make all VJoyTag selectable. Can be overriden by setting selectable: false in specific tags property entry. */
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Apply variant for all VJoyTag. Can be overriden by setting a variant property in specific tags entry. */
+    variant: {
+        type: PropType<"primary" | "secondary" | "important" | "inactive" | "pending" | "pricing">;
+        default: string;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((tags: TJoyTagsListModel) => any) | undefined;
     onRemoveTag?: ((tagValue: string) => any) | undefined;
 }, {
-    align: "left" | "right" | "center";
+    variant: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing";
+    selectable: boolean;
     removable: boolean;
+    align: "left" | "right" | "center";
     tags: TJoyTagsList;
 }, {}>;
 export default _default;

package/dist/components/JoyTextarea/VJoyTextarea.vue.d.ts

@@ -109,9 +109,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     required: boolean;
     disabled: boolean;
     invalid: boolean;
+    modelValue: string;
     labelSize: "small" | "large" | "medium";
     requiredMark: boolean;
-    modelValue: string;
     modelModifiers: {
         lazy: boolean;
     };

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

@@ -80,10 +80,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
+    wrap: "nowrap" | "wrap";
+    justify: "center" | "space-between" | "flex-start" | "flex-end";
     align: "center" | "flex-start" | "flex-end" | "stretch";
     direction: "row" | "column";
-    justify: "center" | "space-between" | "flex-start" | "flex-end";
-    wrap: "nowrap" | "wrap";
     itemStretch: boolean;
     noMargin: boolean;
     columnGap: "0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11";

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

@@ -2,8 +2,11 @@ export * from './JoyAvailability/JoyAvailability.types';
 export * from './JoyAvatar/JoyAvatar.types';
 export * from './JoyBadge/JoyBadge.types';
 export * from './JoyBadgeLevel/JoyBadgeLevel.types';
+export * from './JoyBottomSheet/JoyBottomSheet.types';
 export * from './JoyButton/JoyButton.types';
 export * from './JoyCompanyAvatar/JoyCompanyAvatar.types';
+export * from './JoyDialog/JoyDialog.types';
+export * from './JoyDrawer/JoyDrawer.types';
 export * from './JoyDropdown/JoyDropdown.types';
 export * from './JoyDropdownList/JoyDropdownList.types';
 export * from './JoyFunnel/JoyFunnel.types';
@@ -23,6 +26,7 @@ export * from './JoyRadioGroup/JoyRadioGroup.types';
 export * from './JoyScreenLoader/VJoyScreenLoader.types';
 export * from './JoySelect/JoySelect.types';
 export * from './JoySeparator/JoySeparator.types';
+export * from './JoySnackbar/JoySnackbar.types';
 export * from './JoySpinner/JoySpinner.types';
 export * from './JoyTag/JoyTag.types';
 export * from './JoyTagsList/JoyTagsList.types';

package/dist/components/index.d.ts

@@ -3,11 +3,19 @@ import VJoyAvatar from '@/components/JoyAvatar/VJoyAvatar.vue';
 import VJoyAvatarsList from '@/components/JoyAvatarsList/VJoyAvatarsList.vue';
 import VJoyBadge from '@/components/JoyBadge/VJoyBadge.vue';
 import VJoyBadgeLevel from '@/components/JoyBadgeLevel/VJoyBadgeLevel.vue';
+import VJoyBottomSheet from '@/components/JoyBottomSheet/VJoyBottomSheet.vue';
+import VJoyBottomSheetTrigger from '@/components/JoyBottomSheetTrigger/VJoyBottomSheetTrigger.vue';
 import VJoyButton from '@/components/JoyButton/VJoyButton.vue';
 import VJoyCheckbox from '@/components/JoyCheckbox/VJoyCheckbox.vue';
+import VJoyCollapse from '@/components/JoyCollapse/VJoyCollapse.vue';
+import VJoyCollapseItem from '@/components/JoyCollapseItem/VJoyCollapseItem.vue';
 import VJoyCompanyAvatar from '@/components/JoyCompanyAvatar/VJoyCompanyAvatar.vue';
 import VJoyCounter from '@/components/JoyCounter/VJoyCounter.vue';
+import VJoyDialog from '@/components/JoyDialog/VJoyDialog.vue';
+import VJoyDialogTrigger from '@/components/JoyDialogTrigger/VJoyDialogTrigger.vue';
 import VJoyDividerCta from '@/components/JoyDividerCta/VJoyDividerCta.vue';
+import VJoyDrawer from '@/components/JoyDrawer/VJoyDrawer.vue';
+import VJoyDrawerTrigger from '@/components/JoyDrawerTrigger/VJoyDrawerTrigger.vue';
 import VJoyDropdown from '@/components/JoyDropdown/VJoyDropdown.vue';
 import VJoyDropdownList from '@/components/JoyDropdownList/VJoyDropdownList.vue';
 import VJoyFilterBar from '@/components/JoyFilterBar/VJoyFilterBar.vue';
@@ -38,6 +46,7 @@ import VJoySelect from '@/components/JoySelect/VJoySelect.vue';
 import VJoySelectableItem from '@/components/JoySelectableItem/VJoySelectableItem.vue';
 import VJoySelectableItemGroup from '@/components/JoySelectableItemGroup/VJoySelectableItemGroup.vue';
 import VJoySeparator from '@/components/JoySeparator/VJoySeparator.vue';
+import VJoySnackbar from '@/components/JoySnackbar/VJoySnackbar.vue';
 import VJoySpinner from '@/components/JoySpinner/VJoySpinner.vue';
 import VJoyStep from '@/components/JoyStep/VJoyStep.vue';
 import VJoyStepper from '@/components/JoyStepper/VJoyStepper.vue';
@@ -53,4 +62,4 @@ 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, 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, };
+export { VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyBottomSheet, VJoyBottomSheetTrigger, VJoyButton, VJoyCheckbox, VJoyCollapse, VJoyCollapseItem, VJoyCompanyAvatar, VJoyCounter, VJoyDialog, VJoyDialogTrigger, VJoyDividerCta, VJoyDrawer, VJoyDrawerTrigger, 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, VJoySnackbar, VJoySpinner, VJoyStep, VJoyStepper, VJoyTab, VJoyTabs, VJoyTag, VJoyTagsList, VJoyTemplate, VJoyTemplateShape, VJoyText, VJoyTextarea, VJoyToggle, VJoyTooltip, VJoyUserCard, VJoyWrapper, };

package/dist/components/main.d.ts

@@ -1,6 +1,9 @@
 import type { App } from 'vue';
 import '../style.scss';
-export * from './';
 export declare const JoyVuePlugin: {
-    install: (app: App) => void;
+    install: (app: App, options?: {
+        env: 'client' | 'server';
+    }) => void;
 };
+export * from './';
+export * from './JoySnackbar';

package/dist/events/bus.d.ts

@@ -0,0 +1,3 @@
+import { Emitter } from 'mitt';
+declare function createEventBus<T extends Record<string, unknown>>(): Emitter<T>;
+export { createEventBus };

package/dist/events/index.d.ts

@@ -0,0 +1 @@
+export * from './bus';

package/dist/helpers/index.d.ts

@@ -1,6 +1,15 @@
 import { TJoyIconsNames } from '@/components/JoyIcon/JoyIcon.types';
 import { Ref } from 'vue';
 import { LEVELS } from '../types';
+/**
+ * Check if you are working on dev environment. Based on `getMode` util that returns import.meta.env.MODE,
+ */
+export declare const isDevMode: boolean;
 export declare function iconLevel(level: (typeof LEVELS)[number]): TJoyIconsNames;
 export declare function focusOnFirstFocusableFormField(root: Ref): any;
 export declare const generateRandomId: (length?: number) => string;
+/**
+ * @param {Boolean} prevent - If you want to prevent scrolling or enable it again. Used by dialog component
+ * @return {void}
+ */
+export declare function preventBodyScroll(prevent: boolean): void;