@teammodlr/ui-kit 3.0.0-beta.17 → 3.0.0-beta.19

package/lib/components/dialog/Dialog.vue.d.ts

@@ -72,6 +72,7 @@ declare const _default: import("vue").DefineComponent<{
     handleOpenAutoFocus: (event: Event) => void;
     handleFocusOutside: (event: Event) => void;
     isOpen: ComputedRef<boolean>;
+    activeFocusTrap: ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "update:open" | "close" | "onClose" | "onOpen")[], "open" | "update:open" | "close" | "onClose" | "onOpen", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: PropType<string | Ref<string>>;

package/lib/components/dialogprovider/types.d.ts

@@ -18,6 +18,7 @@ export interface DialogReactive {
     options: DialogOptions;
     open: () => void;
     close: () => void;
+    setFocusTrap: (enabled: boolean) => void;
 }
 export interface DialogApiInjection {
     create: (key: string, options?: DialogOptions) => DialogReactive;
@@ -25,4 +26,5 @@ export interface DialogApiInjection {
     hasOpenDialog: () => boolean;
     openDialogCount: () => number;
     openDialogKeys: () => string[];
+    setFocusTrap: (key: string, enabled: boolean) => void;
 }

package/lib/components/drawer/Drawer.vue.d.ts

@@ -0,0 +1,142 @@
+import type { CSSProperties, PropType } from 'vue';
+import * as style from './style';
+type Placement = 'left' | 'right' | 'top' | 'bottom';
+declare const _default: import("vue").DefineComponent<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outsideClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    focusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+}, {
+    style: typeof style;
+    fade: {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    };
+    isOpen: import("vue").WritableComputedRef<boolean>;
+    zIndex: import("vue").Ref<number>;
+    hasFooter: import("vue").ComputedRef<boolean>;
+    hasTitle: import("vue").ComputedRef<boolean>;
+    hasTrigger: import("vue").ComputedRef<boolean>;
+    bodyRef: import("vue").Ref<HTMLElement | null>;
+    contentStyle: import("vue").ComputedRef<CSSProperties>;
+    currentTransition: import("vue").ComputedRef<{
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    } | {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    } | {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    } | {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    }>;
+    open: () => void;
+    close: (e: MouseEvent | KeyboardEvent | undefined) => void;
+    handleOpenAutoFocus: (e: Event) => void;
+    handleOpenChange: (value: boolean) => void;
+    onEscapeKeyDown: (e: KeyboardEvent) => void;
+    onPointerDownOutside: (e: Event) => void;
+    onInteractOutside: (e: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "update:open" | "close")[], "open" | "update:open" | "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outsideClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    focusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+}>> & {
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+}, {
+    height: string | number;
+    width: string | number;
+    open: boolean;
+    title: string;
+    placement: Placement;
+    outsideClose: boolean;
+    showClose: boolean;
+    focusTrap: boolean;
+    showMask: boolean;
+}, {}>;
+export default _default;

package/lib/components/drawer/style/Drawer.css.d.ts

@@ -0,0 +1,33 @@
+export declare const mask: string;
+export declare const placement: Record<"bottom" | "left" | "right" | "top", string>;
+export declare const slideTransition: {
+    left: {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    };
+    right: {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    };
+    top: {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    };
+    bottom: {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    };
+};
+export declare const header: string;
+export declare const title: string;
+export declare const close: string;
+export declare const body: string;
+export declare const footer: string;

package/lib/components/drawer/style/index.d.ts

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

package/lib/components/index.d.ts

@@ -52,5 +52,6 @@ export { default as MConfirm } from './confirm/Confirm.vue';
 export { default as MConfirmProvider } from './confirm/ConfirmProvider.vue';
 export { default as MDialog } from './dialog/Dialog.vue';
 export { default as MDialogProvider } from './dialogprovider/DialogProvider.vue';
+export { default as MDrawer } from './drawer/Drawer.vue';
 export { default as MTree } from './tree/Tree.vue';
 export { default as MPopover } from './popover/Popover.vue';