apptify 0.6.2 → 0.7.1

package/dist/components/scrollbar.d.ts

@@ -0,0 +1,88 @@
+import { type PropType } from 'vue';
+import { type ScrollBarAxis } from '../core/scrollbar';
+export declare const AppleScrollBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    target: {
+        type: PropType<string | HTMLElement | (() => HTMLElement | undefined)>;
+        default: string;
+    };
+    axis: {
+        type: PropType<ScrollBarAxis>;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    controls: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "interaction"[], "interaction", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    target: {
+        type: PropType<string | HTMLElement | (() => HTMLElement | undefined)>;
+        default: string;
+    };
+    axis: {
+        type: PropType<ScrollBarAxis>;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    controls: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onInteraction?: ((...args: any[]) => any) | undefined;
+}>, {
+    label: string;
+    target: string | HTMLElement | (() => HTMLElement | undefined);
+    axis: ScrollBarAxis;
+    controls: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const scrollBarComponents: {
+    AppleScrollBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        target: {
+            type: PropType<string | HTMLElement | (() => HTMLElement | undefined)>;
+            default: string;
+        };
+        axis: {
+            type: PropType<ScrollBarAxis>;
+            default: string;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        controls: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "interaction"[], "interaction", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        target: {
+            type: PropType<string | HTMLElement | (() => HTMLElement | undefined)>;
+            default: string;
+        };
+        axis: {
+            type: PropType<ScrollBarAxis>;
+            default: string;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        controls: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        onInteraction?: ((...args: any[]) => any) | undefined;
+    }>, {
+        label: string;
+        target: string | HTMLElement | (() => HTMLElement | undefined);
+        axis: ScrollBarAxis;
+        controls: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};

package/dist/components/speed-dial.d.ts

@@ -0,0 +1,157 @@
+import { type Component, type PropType, type VNodeChild } from 'vue';
+export declare const AppleSpeedDial: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    backTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    target: {
+        type: StringConstructor;
+        default: string;
+    };
+    threshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    backTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    target: {
+        type: StringConstructor;
+        default: string;
+    };
+    threshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    label: string;
+    target: string;
+    threshold: number;
+    backTop: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const AppleSpeedDialItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    icon: PropType<Component>;
+    disabled: BooleanConstructor;
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<"primary" | "secondary" | "outline" | "danger">;
+        default: string;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    icon: PropType<Component>;
+    disabled: BooleanConstructor;
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<"primary" | "secondary" | "outline" | "danger">;
+        default: string;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    variant: "secondary" | "danger" | "primary" | "outline";
+    visible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const speedDialComponents: {
+    AppleSpeedDial: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        backTop: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        target: {
+            type: StringConstructor;
+            default: string;
+        };
+        threshold: {
+            type: NumberConstructor;
+            default: number;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        backTop: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        target: {
+            type: StringConstructor;
+            default: string;
+        };
+        threshold: {
+            type: NumberConstructor;
+            default: number;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        label: string;
+        target: string;
+        threshold: number;
+        backTop: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    AppleSpeedDialItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        icon: PropType<Component>;
+        disabled: BooleanConstructor;
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<"primary" | "secondary" | "outline" | "danger">;
+            default: string;
+        };
+    }>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        icon: PropType<Component>;
+        disabled: BooleanConstructor;
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<"primary" | "secondary" | "outline" | "danger">;
+            default: string;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        disabled: boolean;
+        variant: "secondary" | "danger" | "primary" | "outline";
+        visible: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};

package/dist/core/context.d.ts

@@ -660,7 +660,18 @@ export declare function createApple(options?: AppleOptions): import("vue").Raw<{
         clear(): void;
     };
     portalTarget: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    speedDial: import("vue").Raw<{
+        entries: import("vue").ShallowRef<import("./speed-dial").SpeedDialEntry[], import("./speed-dial").SpeedDialEntry[]>;
+        host: Ref<string | undefined, string | undefined>;
+        hostDepth: Ref<number, number>;
+        mobile: Ref<boolean, boolean>;
+        open: Ref<boolean, boolean>;
+        activeDirectory: Ref<string | undefined, string | undefined>;
+        register(entry: import("./speed-dial").SpeedDialEntry): void;
+        unregister(id: string): void;
+    }>;
     isTouchDevice: Readonly<Ref<boolean, boolean>>;
+    isVerticalScreen: Readonly<Ref<boolean, boolean>>;
     dialog: <T = unknown>(settings: Omit<OverlayOptions, "kind">) => OverlayHandle<T>;
     notify: (message: string, settings?: Omit<OverlayOptions, "kind" | "message">) => OverlayHandle<unknown>;
     sendMessage: <T = unknown>(channel: string, payload?: T) => unknown[];

package/dist/core/device.d.ts

@@ -2,4 +2,6 @@ export declare const touchDeviceQuery = "(any-pointer: coarse)";
 export declare const detectTouchDevice: () => boolean;
 /** Shared across apps, components and teleported overlays. */
 export declare const isTouchDevice: Readonly<import("vue").Ref<boolean, boolean>>;
+export declare const isVerticalScreen: Readonly<import("vue").Ref<boolean, boolean>>;
+export declare function syncVerticalScreen(): void;
 export declare function syncTouchDevice(): void;

package/dist/core/image-gallery-motion.d.ts

@@ -1,2 +1,3 @@
 export declare function stopGalleryScroll(box: HTMLElement): void;
-export declare function scrollGallery(box: HTMLElement, left: number, animated: boolean, complete: () => void, adjacent?: boolean): void;
+export declare function wheelGallery(box: HTMLElement, delta: number, animated: boolean): void;
+export declare function scrollGallery(box: HTMLElement, left: number, animated: boolean, complete: () => void, adjacent?: boolean, snapOverride?: string): void;

package/dist/core/image-motion.d.ts

@@ -14,5 +14,5 @@ export declare function photoPageTiming(distance: number, velocity: number, _wid
     easing: string;
 };
 export declare function photoFlightSize(from: PhotoGeometry, to: PhotoGeometry): PhotoSize;
-export declare function photoFlightFrame(rect: PhotoGeometry, base: PhotoSize): Keyframe;
+export declare function photoFlightFrame(rect: PhotoGeometry, base: PhotoSize, preserveCrop?: boolean): Keyframe;
 export declare function readPhotoGeometry(frame: HTMLElement, photo: HTMLElement, panel: DOMRect): PhotoGeometry;

package/dist/core/layers.d.ts

@@ -1,2 +1,3 @@
 export declare const overlayZIndex: (depth: number) => number;
 export declare const imageReturnZIndex: (depth: number) => number;
+export declare const scrollBarZIndex: (inherited: number) => number;

package/dist/core/motion-driver.d.ts

@@ -0,0 +1,40 @@
+export interface MotionSample {
+    value: number[];
+    velocity: number[];
+    target: number[];
+}
+export declare function sampleSpring(value: number, velocity: number, target: number, seconds: number, frequency: number): {
+    value: number;
+    velocity: number;
+};
+/** Each channel owns its lifetime. Retargeting preserves position and velocity. */
+export declare class MotionDriver {
+    private changed;
+    private springs;
+    private tracks;
+    private owners;
+    private frame;
+    constructor(changed?: () => void);
+    has(key: string): boolean;
+    get active(): boolean;
+    prepare(key: string): () => boolean;
+    velocityX(key: string, element: HTMLElement): number;
+    sample(key: string): MotionSample | undefined;
+    shift(key: string, offset: number[]): void;
+    to(key: string, from: number[], target: number[], update: (value: number[]) => void, options?: {
+        frequency?: number;
+        epsilon?: number[];
+        immediate?: boolean;
+        velocity?: number[];
+        bounds?: Array<[number, number] | null>;
+    }): Promise<boolean>;
+    animate(key: string, entries: Array<{
+        element: HTMLElement;
+        from: Keyframe;
+        to: Keyframe;
+    }>, duration: number, easing: string): Promise<boolean>;
+    cancel(key?: string): void;
+    finish(): void;
+    private advance;
+    private schedule;
+}

package/dist/core/motion.d.ts

@@ -9,4 +9,4 @@ type SelectionValue = unknown | {
     selector: string;
 };
 export declare const AppleSelection: ObjectDirective<HTMLElement, SelectionValue>;
-export {};
+export { scrollToWithMotion, cancelMotionScroll, type MotionScroll } from './scroll-motion';

package/dist/core/ripple.d.ts

@@ -0,0 +1,16 @@
+/*! Ripple animation adapted from Vuetify. Copyright (c) 2016-now Vuetify, LLC. MIT license; see THIRD_PARTY_LICENSES.txt. */
+import type { DirectiveBinding } from 'vue';
+export type RippleElement = HTMLElement & {
+    _ripple?: {
+        enabled: boolean;
+        touched: boolean;
+        showTimer?: number;
+        showTimerCommit: (() => void) | null;
+    };
+};
+export declare const Ripple: {
+    mounted(el: RippleElement, binding: Pick<DirectiveBinding<{
+        keys: string[];
+    }>, "value" | "modifiers">): void;
+    unmounted(el: RippleElement): void;
+};

package/dist/core/scroll-motion.d.ts

@@ -0,0 +1,6 @@
+export interface MotionScroll {
+    finished: Promise<void>;
+    cancel: () => void;
+}
+export declare function cancelMotionScroll(target: HTMLElement | Window): void;
+export declare function scrollToWithMotion(target: HTMLElement | Window, destination: number | (() => number), animated?: boolean): MotionScroll;

package/dist/core/scrollbar.d.ts

@@ -0,0 +1,14 @@
+export type ScrollBarAxis = 'both' | 'horizontal' | 'vertical';
+interface ScrollBarOptions {
+    axis?: ScrollBarAxis;
+    label?: string;
+    controls?: string;
+    host?: HTMLElement;
+    interaction?: () => void;
+}
+export declare function attachScrollBar(target: HTMLElement, options?: ScrollBarOptions): {
+    refresh: () => void;
+    dispose(): void;
+};
+export declare function installScrollBars(host: HTMLElement): () => void;
+export {};

package/dist/core/speed-dial.d.ts

@@ -0,0 +1,21 @@
+export interface SpeedDialEntry {
+    id: string;
+    kind: 'directory' | 'action';
+    label: string;
+    target: HTMLElement;
+}
+export declare function createSpeedDialRegistry(): import("vue").Raw<{
+    entries: import("vue").ShallowRef<SpeedDialEntry[], SpeedDialEntry[]>;
+    host: import("vue").Ref<string | undefined, string | undefined>;
+    hostDepth: import("vue").Ref<number, number>;
+    mobile: import("vue").Ref<boolean, boolean>;
+    open: import("vue").Ref<boolean, boolean>;
+    activeDirectory: import("vue").Ref<string | undefined, string | undefined>;
+    register(entry: SpeedDialEntry): void;
+    unregister(id: string): void;
+}>;
+export declare function useSpeedDialEntry(kind: SpeedDialEntry['kind'], label: () => string, enabled?: () => boolean): {
+    target: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    hosted: import("vue").ComputedRef<boolean>;
+    close: () => void;
+};