apptify 0.2.0 → 0.5.0

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

@@ -0,0 +1,28 @@
+export interface PhotoSize {
+    width: number;
+    height: number;
+}
+export interface PhotoPoint {
+    x: number;
+    y: number;
+}
+export interface PhotoGeometry {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    image: {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
+    radius: number;
+    inset: [number, number, number, number];
+}
+export declare const touchImageQuery = "(any-pointer: coarse)";
+export declare const isTouchImageDevice: () => boolean;
+export declare const clamp: (value: number, min: number, max: number) => number;
+export declare function fitPhoto(photo: PhotoSize, viewport: PhotoSize): PhotoSize;
+export declare function boundPhoto(point: PhotoPoint, photo: PhotoSize, viewport: PhotoSize, scale: number, elastic?: boolean): PhotoPoint;
+export declare function thumbnailGeometry(image: HTMLImageElement, panel: DOMRect): PhotoGeometry | null;

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

@@ -0,0 +1,18 @@
+import { type PhotoGeometry, type PhotoSize } from './image-geometry';
+export declare const photoMotion: {
+    readonly open: 360;
+    readonly close: 300;
+    readonly zoom: 300;
+    readonly settle: 320;
+    readonly page: 360;
+};
+export declare function photoSpring(duration: number, velocity?: number): string;
+export declare const photoEasing: string;
+export declare const photoPageEasing = "cubic-bezier(.38,0,.05,1)";
+export declare function photoPageTiming(distance: number, velocity: number, _width: number): {
+    duration: number;
+    easing: string;
+};
+export declare function photoFlightSize(from: PhotoGeometry, to: PhotoGeometry): PhotoSize;
+export declare function photoFlightFrame(rect: PhotoGeometry, base: PhotoSize): Keyframe;
+export declare function readPhotoGeometry(frame: HTMLElement, photo: HTMLElement, panel: DOMRect): PhotoGeometry;

package/dist/core/layers.d.ts

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

package/dist/core/motion.d.ts

@@ -1,7 +1,9 @@
 import { type ObjectDirective, type VNode } from 'vue';
+import '../styles/ripple.css';
 export declare function motionDuration(element: HTMLElement, fallback?: number): number;
 export declare const AppleRipple: ObjectDirective<HTMLElement, boolean>;
 export declare function ripple(node: VNode, enabled?: boolean): VNode;
+export declare function animateEntrance(element: HTMLElement, axis?: 'x' | 'y'): Animation | undefined;
 export declare const AppleEntrance: ObjectDirective<HTMLElement, unknown>;
 type SelectionValue = unknown | {
     selector: string;

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

@@ -0,0 +1,12 @@
+import { type VNode, type VNodeChild } from 'vue';
+export declare function freezePopup(element: Element): number | undefined;
+export declare function finishPopup(element: HTMLElement): void;
+export declare function resetPopup(element: Element): void;
+export declare function preparePopup(element: Element, reveal: boolean, interrupted?: number): void;
+/** One scalar controls visibility. Reproject it when placement changes so an
+ * in-flight reveal/reversal never keeps the opening side's clip or translation. */
+export declare function animatePopup(element: Element, opened: boolean, done: () => void, reveal?: boolean): void;
+/** Shared field transition keeps the full panel layout stable during clipping. */
+export declare function popupTransition(content: VNodeChild, name?: string, persisted?: boolean, gap?: number): VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;

package/dist/core/popup-placement.d.ts

@@ -0,0 +1,31 @@
+import type { ObjectDirective } from 'vue';
+export type PopupSide = 'top' | 'bottom' | 'left' | 'right';
+export declare function choosePopupSide(preferred: PopupSide, anchor: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'right'>, size: {
+    width: number;
+    height: number;
+}, viewport: {
+    width: number;
+    height: number;
+}, gap?: number): PopupSide;
+export declare function applyPopupSide(element: HTMLElement, side: PopupSide, gap?: number): void;
+export interface PopupPositioner {
+    update(): void;
+    destroy(): void;
+}
+interface PopupPositionOptions {
+    anchor: HTMLElement;
+    placement?: () => PopupSide;
+    align?: () => 'start' | 'center' | 'end';
+    fixed?: boolean;
+    gap?: number;
+}
+/** Keep the DOM node, not a component ref: Vue clears refs before leave finishes. */
+export declare function createPopupPositioner(panel: HTMLElement, options: PopupPositionOptions): PopupPositioner;
+/** Inline field popups stay attached to their anchor; placement is live through leave. */
+export declare function updateFieldPopup(element: HTMLElement): void;
+export declare function unmountFieldPopup(element: HTMLElement): void;
+export declare function mountFieldPopup(element: HTMLElement, gap?: number): void;
+export declare const FieldPopupPlacement: ObjectDirective<HTMLElement, {
+    gap?: number;
+} | undefined>;
+export {};

package/dist/core/preview-navigation.d.ts

@@ -0,0 +1,5 @@
+export declare function holdPreviewNavigation(source: Element): () => void;
+export declare function usePreviewNavigation(): {
+    previewRoot: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    previewActive: import("vue").Ref<boolean, boolean>;
+};