apptify 0.2.0 → 0.5.0

package/dist/components/gallery-scrollbar.d.ts

@@ -0,0 +1,46 @@
+import { type PropType } from 'vue';
+export declare const GalleryScrollbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    target: {
+        type: PropType<() => HTMLElement | undefined>;
+        required: true;
+    };
+    controls: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {}, {
+    box: HTMLElement | null;
+    width: number;
+    total: number;
+    left: number;
+    observer: ResizeObserver | null;
+    mutations: MutationObserver | null;
+    drag: {
+        id: number;
+        x: number;
+        left: number;
+        snap: string;
+    } | null;
+}, {
+    maximum(): number;
+    progress(): number;
+}, {
+    observe(): void;
+    measure(): void;
+    scroll(left: number): void;
+    start(event: PointerEvent): void;
+    move(event: PointerEvent): void;
+    end(event?: PointerEvent): void;
+    key(event: KeyboardEvent): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "interaction"[], "interaction", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    target: {
+        type: PropType<() => HTMLElement | undefined>;
+        required: true;
+    };
+    controls: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{
+    onInteraction?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/mobile-image-viewer.d.ts

@@ -0,0 +1,166 @@
+import { type PropType } from 'vue';
+import { type PhotoGeometry, type PhotoPoint, type PhotoSize } from '../core/image-geometry';
+import type { AppleViewerImage } from './overlays';
+type Phase = 'preparing' | 'opening' | 'open' | 'settling' | 'closing';
+interface Gesture {
+    mode: 'pending' | 'pan' | 'pinch' | 'swipe' | 'dismiss' | 'blocked';
+    start: PhotoPoint;
+    pan: PhotoPoint;
+    scale: number;
+    distance: number;
+    anchor: PhotoPoint;
+    multiple: boolean;
+    moved: boolean;
+    lastY: number;
+    lastTime: number;
+    velocity: number;
+    swipe: number;
+    samples: Array<{
+        x: number;
+        time: number;
+    }>;
+}
+interface Mask {
+    image: HTMLImageElement;
+    parent: HTMLElement;
+    opacity: string;
+    background: string;
+}
+interface PhotoLayer {
+    element: HTMLElement;
+    restore: HTMLElement | null;
+    close: () => void;
+    top: (value: boolean, depth: number) => void;
+    modal: boolean;
+    trap: boolean;
+    persistent: () => boolean;
+    arrows?: (event: KeyboardEvent) => void;
+}
+interface Flight {
+    base: PhotoSize;
+    pose: Keyframe;
+}
+export declare function createMobileImageViewer(registerLayer: (layer: PhotoLayer) => () => void): import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: BooleanConstructor;
+    index: {
+        type: NumberConstructor;
+        default: number;
+    };
+    loop: BooleanConstructor;
+    images: {
+        type: PropType<Array<string | AppleViewerImage>>;
+        default: () => never[];
+    };
+    origin: PropType<(index: number, reveal?: boolean) => HTMLImageElement | null>;
+    motion: {
+        type: PropType<import("..").ComponentMotion>;
+        default: string;
+    };
+}>, {}, {
+    present: boolean;
+    current: number;
+    phase: Phase;
+    isTop: boolean;
+    depth: number;
+    viewport: PhotoSize;
+    viewportOrigin: PhotoPoint;
+    sizes: Record<number, PhotoSize>;
+    failures: Record<number, boolean>;
+    scale: number;
+    pan: PhotoPoint;
+    drag: PhotoPoint;
+    swipe: number;
+    paging: {
+        from: number;
+        direction: number;
+    } | null;
+    zooming: boolean;
+    flight: Flight | null;
+    background: number;
+    chrome: number;
+    pointers: import("vue").Raw<Map<number, PhotoPoint>>;
+    gesture: Gesture | null;
+    pendingTap: {
+        point: PhotoPoint;
+        time: number;
+        index: number;
+    } | null;
+    tapTimer: number | null;
+    masked: Mask | null;
+    animations: import("vue").Raw<Animation[]>;
+    epoch: number;
+    suppressClickUntil: number;
+    disposeLayer: (() => void) | null;
+    resizeObserver: ResizeObserver | null;
+    releaseNavigation: (() => void) | null;
+}, {
+    resolvedMotion(): string;
+    pictures(): AppleViewerImage[];
+    loaded(): boolean;
+    fitted(): PhotoSize;
+    dragScale(): number;
+    backdropOpacity(): number;
+}, {
+    clearTap(): void;
+    tap(point: PhotoPoint): void;
+    cancelAnimations(): void;
+    animate(entries: Array<{
+        element: HTMLElement;
+        from: Keyframe;
+        to: Keyframe;
+    }>, duration: number, curve?: string): Promise<boolean>;
+    measure(): void;
+    openViewer(): Promise<void>;
+    inspectImages(): Promise<void>;
+    imageLoaded(index: number, image: HTMLImageElement): void;
+    imageFailed(index: number, event: Event): void;
+    restoreThumbnail(): void;
+    maskThumbnail(reveal?: boolean): HTMLImageElement | null;
+    normalGeometry(): PhotoGeometry;
+    fly(from: PhotoGeometry, to: PhotoGeometry, opening: boolean): Promise<boolean>;
+    enter(): Promise<void>;
+    close(): void;
+    closeViewer(emit: boolean): Promise<void>;
+    select(index: number, velocity?: number): Promise<void>;
+    slideOffset(index: number): number;
+    atPageEdge(offset: number): boolean;
+    pageVelocity(gesture: Gesture): number;
+    point(event: MouseEvent): PhotoPoint;
+    startGesture(multiple?: boolean): void;
+    pointerDown(event: PointerEvent): void;
+    pointerMove(event: PointerEvent): void;
+    pointerUp(event: PointerEvent, cancelled?: boolean): void;
+    settlePose(): Promise<void>;
+    toggleZoom(point: PhotoPoint): Promise<void>;
+    zoom(event: WheelEvent): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "error" | "update:modelValue" | "update:index" | "after-close")[], "change" | "close" | "error" | "update:modelValue" | "update:index" | "after-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: BooleanConstructor;
+    index: {
+        type: NumberConstructor;
+        default: number;
+    };
+    loop: BooleanConstructor;
+    images: {
+        type: PropType<Array<string | AppleViewerImage>>;
+        default: () => never[];
+    };
+    origin: PropType<(index: number, reveal?: boolean) => HTMLImageElement | null>;
+    motion: {
+        type: PropType<import("..").ComponentMotion>;
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:index"?: ((...args: any[]) => any) | undefined;
+    "onAfter-close"?: ((...args: any[]) => any) | undefined;
+}>, {
+    motion: import("..").ComponentMotion;
+    modelValue: boolean;
+    loop: boolean;
+    index: number;
+    images: (string | AppleViewerImage)[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export {};

package/dist/components/navibar.d.ts

@@ -22,6 +22,10 @@ export declare const AppleNavibar: import("vue").DefineComponent<import("vue").E
         type: BooleanConstructor;
         default: boolean;
     };
+    hideOnPreview: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     breakpoint: {
         type: NumberConstructor;
         default: number;
@@ -31,15 +35,21 @@ export declare const AppleNavibar: import("vue").DefineComponent<import("vue").E
         default: string;
     };
 }>, {
+    previewRoot: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    previewActive: import("vue").Ref<boolean, boolean>;
     uid: string;
 }, {
     collapsed: boolean;
     open: boolean;
+    menuHeight: number;
     localValue: AppleValue | undefined;
     observer: ResizeObserver | null;
 }, {
     activeValue(): AppleValue | undefined;
+    previewHidden(): boolean;
 }, {
+    observeSize(): void;
+    measureMenu(): void;
     measure(): void;
     setOpen(value: boolean): void;
     close(restore?: boolean): void;
@@ -69,6 +79,10 @@ export declare const AppleNavibar: import("vue").DefineComponent<import("vue").E
         type: BooleanConstructor;
         default: boolean;
     };
+    hideOnPreview: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     breakpoint: {
         type: NumberConstructor;
         default: number;
@@ -88,8 +102,34 @@ export declare const AppleNavibar: import("vue").DefineComponent<import("vue").E
     items: AppleItem[];
     brand: string;
     brandHref: string;
+    hideOnPreview: boolean;
     breakpoint: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const AppleAside: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    hideOnPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    motion: {
+        type: PropType<import("..").ComponentMotion>;
+        default: string;
+    };
+}>, {
+    previewRoot: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    previewActive: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    hideOnPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    motion: {
+        type: PropType<import("..").ComponentMotion>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    motion: import("..").ComponentMotion;
+    hideOnPreview: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const navigationComponents: {
     AppleNavibar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         items: {
@@ -113,6 +153,10 @@ export declare const navigationComponents: {
             type: BooleanConstructor;
             default: boolean;
         };
+        hideOnPreview: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
         breakpoint: {
             type: NumberConstructor;
             default: number;
@@ -122,15 +166,21 @@ export declare const navigationComponents: {
             default: string;
         };
     }>, {
+        previewRoot: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+        previewActive: import("vue").Ref<boolean, boolean>;
         uid: string;
     }, {
         collapsed: boolean;
         open: boolean;
+        menuHeight: number;
         localValue: AppleValue | undefined;
         observer: ResizeObserver | null;
     }, {
         activeValue(): AppleValue | undefined;
+        previewHidden(): boolean;
     }, {
+        observeSize(): void;
+        measureMenu(): void;
         measure(): void;
         setOpen(value: boolean): void;
         close(restore?: boolean): void;
@@ -160,6 +210,10 @@ export declare const navigationComponents: {
             type: BooleanConstructor;
             default: boolean;
         };
+        hideOnPreview: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
         breakpoint: {
             type: NumberConstructor;
             default: number;
@@ -179,6 +233,32 @@ export declare const navigationComponents: {
         items: AppleItem[];
         brand: string;
         brandHref: string;
+        hideOnPreview: boolean;
         breakpoint: number;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    AppleAside: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        hideOnPreview: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        motion: {
+            type: PropType<import("..").ComponentMotion>;
+            default: string;
+        };
+    }>, {
+        previewRoot: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+        previewActive: import("vue").Ref<boolean, boolean>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        hideOnPreview: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        motion: {
+            type: PropType<import("..").ComponentMotion>;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        motion: import("..").ComponentMotion;
+        hideOnPreview: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 };