@pantograph/vue 0.33.12 → 0.33.13

package/dist/components/CoachMark/CoachMark.d.ts

@@ -0,0 +1,221 @@
+import { ClassValue } from 'clsx';
+import { ButtonProps } from '../Button';
+import { CoachMarkTrigger } from './CoachMark.model';
+import { HoverCardEmits, HoverCardProps, HoverCardSlots } from '../HoverCard';
+import { FloatButtonProps } from '../FloatButton';
+import { PopoverProps } from '../Popover';
+import { PaginationProps } from '../Pagination';
+/**
+ * Default props for the Next button in CoachMark
+ */
+export declare const COACH_MARK_NEXT_DEFAULT_PROPS: {
+    readonly text: "Next";
+};
+/**
+ * Default props for the Previous button in CoachMark
+ */
+export declare const COACH_MARK_PREV_DEFAULT_PROPS: {
+    readonly text: "Previous";
+    readonly type: "ghost";
+    readonly color: "neutral";
+};
+/**
+ * Default props for the step indicator (Pagination) in CoachMark
+ */
+export declare const COACH_MARK_STEP_DEFAULT_PROPS: {
+    simple: boolean;
+    hidePerv: boolean;
+    hideNext: boolean;
+    hideSize: boolean;
+    hideTotal: boolean;
+    sizes: number[];
+    pageText: string;
+    justify: "between";
+    pervText: "Previous";
+    nextText: "Next";
+    total: 0;
+    disabled: undefined;
+};
+/**
+ * Default props for the CoachMark component
+ */
+export declare const COACH_MARK_DEFAULT_PROPS: {
+    readonly trigger: "click";
+    readonly footer: true;
+    readonly width: 312;
+    readonly stepProps: () => {
+        simple: boolean;
+        hidePerv: boolean;
+        hideNext: boolean;
+        hideSize: boolean;
+        hideTotal: boolean;
+        sizes: number[];
+        pageText: string;
+        justify: "between";
+        pervText: "Previous";
+        nextText: "Next";
+        total: 0;
+        disabled: undefined;
+    };
+    readonly nextProps: () => {
+        readonly text: "Next";
+    };
+    readonly prevProps: () => {
+        readonly text: "Previous";
+        readonly type: "ghost";
+        readonly color: "neutral";
+    };
+    readonly open: undefined;
+    readonly size: "md";
+    readonly sticky: "always";
+    readonly prioritizePosition: true;
+    readonly avoidCollisions: true;
+    readonly placement: "bottom";
+    readonly zIndex: 1000;
+    readonly updatePositionStrategy: "optimized";
+    readonly renderPopupsInContent: true;
+};
+/**
+ * Props for the CoachMark component
+ */
+export interface CoachMarkProps extends PopoverProps, HoverCardProps {
+    /** Step indicator configuration using Pagination component */
+    stepProps?: PaginationProps & {
+        hide?: boolean;
+    };
+    /** Width of the coach mark content in pixels */
+    width?: number;
+    /** Trigger type (click | hover) */
+    trigger?: CoachMarkTrigger;
+    /** Title text */
+    title?: string;
+    /** Description text */
+    description?: string;
+    /** Show footer with navigation buttons */
+    footer?: boolean;
+    /** Root classes */
+    class?: ClassValue;
+    /** Body classes */
+    bodyCls?: ClassValue;
+    /** Content classes */
+    contentCls?: ClassValue;
+    /** Wrapper classes (contains leading and body) */
+    wrapperCls?: ClassValue;
+    /** Title classes */
+    titleCls?: ClassValue;
+    /** Description classes */
+    descriptionCls?: ClassValue;
+    /** Footer classes */
+    footerCls?: ClassValue;
+    /** Leading/Media classes */
+    leadingCls?: ClassValue;
+    /** Close button classes */
+    closeCls?: ClassValue;
+    /** Next button configuration */
+    nextProps?: ButtonProps & {
+        text: string;
+        hide?: boolean;
+    };
+    /** Previous button configuration */
+    prevProps?: ButtonProps & {
+        text: string;
+        hide?: boolean;
+    };
+    /** Close button (FloatButton) configuration */
+    closeActionProps?: FloatButtonProps & {
+        showOnHover?: boolean;
+        show?: boolean;
+    };
+}
+/**
+ * Slots for the CoachMark component
+ */
+export interface CoachMarkSlots extends HoverCardSlots {
+    /** Custom leading/media content */
+    leading: (data?: object) => never;
+    /** Custom title */
+    title: (data?: object) => never;
+    /** Custom description */
+    description: (data?: object) => never;
+    /** Custom body (including title, description, and extra) */
+    body: (data?: object) => never;
+    /** Custom content (including leading and body) */
+    content: (data?: object) => never;
+    /** Custom extra content (after body) */
+    extra: (data?: object) => never;
+    /** Custom footer */
+    footer: (data?: object) => never;
+    /** Custom close button */
+    closeButton: (data?: object) => never;
+    /** Custom steps indicator (overrides Pagination component) */
+    steps: (data?: object) => never;
+    /** Custom Next button content */
+    next?: (data?: object) => never;
+    /** Custom Next button pre-icon */
+    nextPreIcon?: (data?: object) => never;
+    /** Custom Next button post-icon */
+    nextPostIcon?: (data?: object) => never;
+    /** Custom Previous button content */
+    prev?: (data?: object) => never;
+    /** Custom Previous button pre-icon */
+    prevPreIcon?: (data?: object) => never;
+    /** Custom Previous button post-icon */
+    prevPostIcon?: (data?: object) => never;
+}
+/**
+ * Emits for the CoachMark component
+ */
+export interface CoachMarkEmits extends HoverCardEmits {
+    next: [e: PointerEvent];
+    prev: [e: PointerEvent];
+    close: [e: PointerEvent];
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CoachMarkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (e: PointerEvent) => any;
+    "update:open": (value: boolean) => any;
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
+    focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
+    interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
+    next: (e: PointerEvent) => any;
+    prev: (e: PointerEvent) => any;
+}, string, import('vue').PublicProps, Readonly<CoachMarkProps> & Readonly<{
+    onClose?: ((e: PointerEvent) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onNext?: ((e: PointerEvent) => any) | undefined;
+    onPrev?: ((e: PointerEvent) => any) | undefined;
+}>, {
+    footer: boolean;
+    size: "sm" | "md" | "none" | "lg";
+    width: number;
+    open: boolean;
+    prioritizePosition: boolean;
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
+    sticky: "partial" | "always";
+    avoidCollisions: boolean;
+    updatePositionStrategy: "always" | "optimized";
+    zIndex: string | number;
+    renderPopupsInContent: boolean;
+    trigger: "click" | "hover";
+    nextProps: Partial<Omit<import('../..').BaseButtonProps, "flipOnDir" | "icon" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir">> & {
+        text: string;
+        hide?: boolean | undefined;
+    };
+    prevProps: Partial<Omit<import('../..').BaseButtonProps, "flipOnDir" | "icon" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir">> & {
+        text: string;
+        hide?: boolean | undefined;
+    };
+    stepProps: PaginationProps & {
+        hide?: boolean | undefined;
+    };
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<CoachMarkSlots> & CoachMarkSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CoachMark/CoachMark.model.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Array of available trigger types for CoachMark component
+ */
+export declare const CoachMarkTriggers: readonly ["click", "hover"];
+/**
+ * Type representing available trigger types for CoachMark component
+ */
+export type CoachMarkTrigger = (typeof CoachMarkTriggers)[number];

package/dist/components/CoachMark/_index.d.ts

@@ -0,0 +1,9 @@
+import { default as CoachMark, CoachMarkProps, CoachMarkEmits, CoachMarkSlots, COACH_MARK_DEFAULT_PROPS, COACH_MARK_STEP_DEFAULT_PROPS, COACH_MARK_NEXT_DEFAULT_PROPS, COACH_MARK_PREV_DEFAULT_PROPS } from './CoachMark';
+import { DefineComponent } from '@pantograph/utils-vue';
+export { CoachMark, type CoachMarkProps, type CoachMarkEmits, type CoachMarkSlots, COACH_MARK_DEFAULT_PROPS, COACH_MARK_STEP_DEFAULT_PROPS, COACH_MARK_NEXT_DEFAULT_PROPS, COACH_MARK_PREV_DEFAULT_PROPS, };
+declare module 'vue' {
+    interface GlobalComponents {
+        CoachMark: DefineComponent<CoachMarkProps, CoachMarkSlots, CoachMarkEmits>;
+    }
+}
+export * from './CoachMark.model';

package/dist/components/HoverCard/HoverCard.d.ts

@@ -26,8 +26,8 @@ export declare const HOVER_CARD_DEFAULT_PROPS: {
     readonly prioritizePosition: true;
     readonly avoidCollisions: true;
     readonly placement: "bottom";
-    readonly updatePositionStrategy: "optimized";
     readonly zIndex: 1000;
+    readonly updatePositionStrategy: "optimized";
     readonly renderPopupsInContent: true;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<HoverCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

package/dist/components/Popover/type.d.ts

@@ -24,7 +24,7 @@ export interface PopoverSlots {
     /**
      * The content slot for the Popover
      */
-    content?: () => never;
+    content?: (data?: object) => never;
 }
 /**
  * The base props for the Popover component