@mobileaction/action-kit 1.38.2 → 1.38.4

package/dist/close-CFWde4ah.js

@@ -0,0 +1,17 @@
+import { openBlock as l, createElementBlock as o, createElementVNode as t } from "vue";
+const r = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function n(c, e) {
+  return l(), o("svg", r, e[0] || (e[0] = [
+    t("path", { d: "M15.712 16.773 7.227 8.288a.755.755 0 0 1 0-1.061c.29-.29.77-.29 1.06 0l8.486 8.485c.29.29.29.771 0 1.06-.29.29-.77.29-1.06 0Z" }, null, -1),
+    t("path", { d: "M7.227 16.773a.755.755 0 0 1 0-1.06l8.485-8.486a.756.756 0 0 1 1.061 0c.29.29.29.77 0 1.06l-8.485 8.486a.754.754 0 0 1-1.06 0Z" }, null, -1)
+  ]));
+}
+const s = { render: n };
+export {
+  s as default,
+  n as render
+};

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

@@ -1,2 +1,2 @@
-export declare const Animations: readonly ["rocket", "success-confetti", "rounded-loading", "fly-waiting", "no-data-found", "sad-not-found", "404-page", "maintenance"];
+export declare const Animations: readonly ["rocket", "success-confetti", "rounded-loading", "fly-waiting", "no-data-found", "sad-not-found", "404-page", "maintenance", "rocket-loading"];
 export type AnimationName = (typeof Animations)[number];

package/dist/src/components/drawer/drawer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/drawer/index.vue.d.ts

@@ -1,26 +1,145 @@
+export type MaDrawerPlacement = 'left' | 'right';
+export type MaDrawerMarginSize = 'small' | 'medium' | 'none';
 export interface MaDrawerProps {
-    placement?: string;
-    visible?: boolean;
-    header?: string;
-    content?: string;
-    footer?: string;
-    title?: string;
-    description?: string;
+    /**
+     * Controls the visibility of the drawer.
+     * @default false
+     */
+    visible: boolean;
+    /**
+     * Sets the width of the drawer container.
+     */
+    width?: string;
+    /**
+     * Specifies the z-index of the drawer overlay.
+     * @default 10
+     */
+    zIndex?: number;
+    /**
+     * Determines the placement of the drawer on the screen.
+     * @default right
+     */
+    placement?: MaDrawerPlacement;
+    /**
+     * Determines whether the drawer should close when the close button is clicked.
+     * @default true
+     */
     closable?: boolean;
+    /**
+     * Determines whether the drawer should close when the overlay is clicked.
+     * @default true
+     */
+    maskClosable?: boolean;
+    /**
+     * Specifies the height of an external header (e.g., dashboard header) to account for when the drawer is fixed.
+     * This allows the drawer to adjust its position or size accordingly.
+     */
+    headerHeight?: string;
+    /**
+     * Makes the drawer header sticky (fixed) when scrolling.
+     * @default false
+     */
+    headerSticky?: boolean;
+    /**
+     * Makes the drawer footer sticky (fixed) when scrolling.
+     * @default false
+     */
+    footerSticky?: boolean;
+    /**
+     * Sets the margin size of the drawer container.
+     * @default small
+     */
+    marginSize?: MaDrawerMarginSize;
+    /**
+     * Sets the drawer's title.
+     */
+    title?: string;
+    /**
+     * Sets the drawer's subtitle.
+     */
+    hintText?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<MaDrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:visible": (...args: any[]) => void;
+export interface MaDrawerEvents {
+    /**
+     * Emitted when the drawer's visibility changes.
+     * @param open - Indicates whether the drawer is now open (`true`) or closed (`false`).
+     */
+    (e: 'update:visible', open: boolean): void;
+    /**
+     * Emitted after the drawer has fully opened and the opening animation is complete.
+     */
+    (e: 'opened'): void;
+    /**
+     * Emitted after the drawer has fully closed and the closing animation is complete.
+     */
+    (e: 'closed'): void;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Slot for the drawer's header content.
+         * Typically used to display the title or controls.
+         */
+        header(): unknown;
+        /**
+         * Slot for the drawer's tab menu.
+         */
+        tabs(): unknown;
+        /**
+         * Default slot for the main content of the drawer.
+         * Used to display the primary information or interactive elements.
+         */
+        default(): unknown;
+        /**
+         * Slot for the drawer's footer content.
+         * Commonly used for action buttons or supplementary information.
+         */
+        footer(): unknown;
+    }> & {
+        /**
+         * Slot for the drawer's header content.
+         * Typically used to display the title or controls.
+         */
+        header(): unknown;
+        /**
+         * Slot for the drawer's tab menu.
+         */
+        tabs(): unknown;
+        /**
+         * Default slot for the main content of the drawer.
+         * Used to display the primary information or interactive elements.
+         */
+        default(): unknown;
+        /**
+         * Slot for the drawer's footer content.
+         * Commonly used for action buttons or supplementary information.
+         */
+        footer(): unknown;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<MaDrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:visible": (open: boolean) => any;
+    opened: () => any;
+    closed: () => any;
 }, string, import("vue").PublicProps, Readonly<MaDrawerProps> & Readonly<{
-    "onUpdate:visible"?: (...args: any[]) => any;
+    "onUpdate:visible"?: (open: boolean) => any;
+    onOpened?: () => any;
+    onClosed?: () => any;
 }>, {
-    placement: string;
+    placement: MaDrawerPlacement;
     closable: boolean;
     visible: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, {
-    header?(_: {}): any;
-    content?(_: {}): any;
-    footer?(_: {}): any;
-}>;
+    maskClosable: boolean;
+    zIndex: number;
+    headerSticky: boolean;
+    footerSticky: boolean;
+    marginSize: MaDrawerMarginSize;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/src/components/drawer/stories/drawer.stories.d.ts

@@ -0,0 +1,19 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import MaDrawer from '@/components/drawer/index.vue';
+declare const meta: Meta<typeof MaDrawer>;
+export default meta;
+type Story = StoryObj<typeof MaDrawer>;
+export declare const Default: Story;
+export declare const WithNoTitle: Story;
+export declare const WithoutHeaderAndFooter: Story;
+export declare const WithHintText: Story;
+export declare const WithCustomWidth: Story;
+export declare const WithCustomHeader: Story;
+export declare const WithHeaderAndTabs: Story;
+export declare const WithScrollContent: Story;
+export declare const WithTopOffset: Story;
+export declare const WithStickyHeader: Story;
+export declare const WithStickyFooter: Story;
+export declare const WithStickyHeaderAndFooter: Story;
+export declare const WithAdvancedHeader: Story;
+export declare const WithBodyOverflow: Story;

package/dist/src/components/popover-2/index.vue.d.ts

@@ -1,15 +1,15 @@
 import { Popover2TriggerType, Popover2Placement } from './types';
 export interface MaPopover2Props {
-    visible: boolean | undefined;
+    visible?: boolean | undefined;
     trigger?: Popover2TriggerType[];
     autoHide?: boolean;
     placement?: Popover2Placement;
     disabled?: boolean;
     isMobile?: boolean;
-    className?: string;
+    overlayClassName?: string;
     showArrow?: boolean;
     noPadding?: boolean;
-    popUpContainer?: HTMLElement | null | string;
+    popupContainer?: HTMLElement | null | string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -31,14 +31,14 @@ declare const __VLS_component: import("vue").DefineComponent<MaPopover2Props, {}
     disabled: boolean;
     placement: Popover2Placement;
     trigger: Popover2TriggerType[];
+    overlayClassName: string;
     visible: boolean | undefined;
     showArrow: boolean;
-    className: string;
     noPadding: boolean;
     autoHide: boolean;
     isMobile: boolean;
-    popUpContainer: HTMLElement | null | string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    popupContainer: HTMLElement | null | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/src/components/popover-2/stories/constants.d.ts

@@ -12,14 +12,14 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
             disabled: boolean;
             placement: import("../types").Popover2Placement;
             trigger: import("../types").Popover2TriggerType[];
+            overlayClassName: string;
             visible: boolean | undefined;
             showArrow: boolean;
-            className: string;
             noPadding: boolean;
             autoHide: boolean;
             isMobile: boolean;
-            popUpContainer: HTMLElement | null | string;
-        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            popupContainer: HTMLElement | null | string;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -33,13 +33,13 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
             disabled: boolean;
             placement: import("../types").Popover2Placement;
             trigger: import("../types").Popover2TriggerType[];
+            overlayClassName: string;
             visible: boolean | undefined;
             showArrow: boolean;
-            className: string;
             noPadding: boolean;
             autoHide: boolean;
             isMobile: boolean;
-            popUpContainer: HTMLElement | null | string;
+            popupContainer: HTMLElement | null | string;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -54,13 +54,13 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
         disabled: boolean;
         placement: import("../types").Popover2Placement;
         trigger: import("../types").Popover2TriggerType[];
+        overlayClassName: string;
         visible: boolean | undefined;
         showArrow: boolean;
-        className: string;
         noPadding: boolean;
         autoHide: boolean;
         isMobile: boolean;
-        popUpContainer: HTMLElement | null | string;
+        popupContainer: HTMLElement | null | string;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;

package/dist/src/components/popover-2/stories/default.stories.d.ts

@@ -4,6 +4,7 @@ declare const meta: Meta<typeof MaPopover2>;
 export default meta;
 type Story = StoryObj<typeof MaPopover2>;
 export declare const Default: Story;
+export declare const WithArrow: Story;
 export declare const Placements: Story;
 export declare const Mobile: Story;
 export declare const FooterExample: Story;