zabi-components 8.0.0 → 9.0.0

package/dist/components/util/keyboard-inset.d.ts

@@ -0,0 +1,18 @@
+/**
+ * How much of the bottom of the page the on-screen keyboard covers.
+ *
+ * Browsers disagree on what a keyboard does. Some shrink the layout viewport,
+ * and everything pinned to the bottom moves up by itself. Others (iOS Safari,
+ * and Chrome on Android by default) leave the layout alone and only shrink
+ * the *visual* viewport, so a bar pinned to the bottom ends up behind the
+ * keyboard. The difference between the two viewports is the part to lift a
+ * bar by; where the layout has already shrunk, it is 0.
+ */
+/** The covered height in px, or 0 where it cannot be told (the server, an old browser). */
+export declare function readKeyboardInset(): number;
+/**
+ * Calls `onChange` with the inset now, and again whenever it changes. Call it
+ * in the browser; the returned function stops it.
+ */
+export declare function watchKeyboardInset(onChange: (inset: number) => void): () => void;
+//# sourceMappingURL=keyboard-inset.d.ts.map

package/dist/components/util/keyboard-inset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-inset.d.ts","sourceRoot":"","sources":["../../../src/components/util/keyboard-inset.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,2FAA2F;AAC3F,wBAAgB,iBAAiB,IAAI,MAAM,CAU1C;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,IAAI,CAoBhF"}

package/dist/components/util/map-view.d.ts

@@ -0,0 +1,144 @@
+/**
+ * Public types and pure helpers for `MapView`.
+ *
+ * Which markers become one count marker is worked out here, on pixels, so it
+ * can be tested without a browser or the map library. Nothing in this file
+ * imports MapLibre: `mapViewSupported()` can be asked before the library is
+ * loaded, and the library's own types stay out of the package's.
+ */
+export type MapPointKey = string | number;
+/** A place on the map. */
+export interface MapLngLat {
+    lng: number;
+    lat: number;
+}
+/** One marker. */
+export interface MapPoint extends MapLngLat {
+    /** Stable identity. */
+    id: MapPointKey;
+    /** The marker's accessible name, written by the app. */
+    label: string;
+    /** Drawn filled, with a check mark; left out or false, round and outlined. */
+    checked?: boolean;
+}
+/** Room kept clear at the edges of the map, in px: a sheet over its lower part is a `bottom`. */
+export interface MapInset {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}
+/**
+ * Where the map stands:
+ * - `loading`: the library or the first style is on its way;
+ * - `ready`: the map has drawn;
+ * - `library-error`: the map library could not be loaded or started (no WebGL, a failed chunk);
+ * - `tiles-error`: the style could not be fetched, or tiles failed and none has arrived (offline).
+ */
+export type MapViewStatus = "loading" | "ready" | "library-error" | "tiles-error";
+/** Payload of MapView's `onmove`: where the map is after a move has ended. */
+export interface MapViewPosition {
+    center: MapLngLat;
+    zoom: number;
+}
+/** Every built-in string of MapView. Pass a partial object to `strings` to translate. */
+export interface MapViewStrings {
+    /** Accessible name of the map. */
+    label: string;
+    /** Accessible name of a marker that stands for several points. */
+    cluster: (count: number) => string;
+    /** Accessible name of the dot at the viewer's own position. */
+    viewer: string;
+}
+export declare const MAP_VIEW_STRINGS: MapViewStrings;
+/** A marker's tap area, in px. It does not grow with the text size. */
+export declare const MAP_MARKER_TAP = 44;
+/** The closest the opening fit zooms in, so one marker does not fill the screen: street level. */
+export declare const MAP_FIT_MAX_ZOOM = 16;
+/**
+ * Whether this browser can draw the map: it has WebGL. Safe on the server
+ * (false) and cheap: it does not load the map library.
+ */
+export declare function mapViewSupported(): boolean;
+export interface MapPixel {
+    x: number;
+    y: number;
+}
+/** What is drawn: one point, or several under one count marker. */
+export interface MapMarker<T> {
+    /** The key of its first point in the list: the marker keeps its element, and the focus, while others join or leave it. */
+    key: MapPointKey;
+    /** Its points, in the order of the list. */
+    points: T[];
+    /** Place in the list of its first point: the marker's place in the tab order. */
+    order: number;
+    /** Where it is drawn: the middle of its points. */
+    x: number;
+    y: number;
+}
+/**
+ * Groups points whose tap areas overlap into one marker, and goes on until no
+ * two markers overlap: a count marker sits in the middle of its points, which
+ * may bring it over a neighbour. Markers come back in the order of the list,
+ * each at the place of its first point.
+ *
+ * `pixels[i]` is where `points[i]` is on the screen. The result depends only
+ * on how far apart the points are, so a pan changes nothing and a pinch splits
+ * markers as they stop overlapping.
+ */
+export declare function clusterMarkers<T extends {
+    id: MapPointKey;
+}>(points: readonly T[], pixels: readonly MapPixel[], tap?: number): MapMarker<T>[];
+/** The corners of the box around `points`, or null with none. */
+export declare function boundsOf(points: readonly MapLngLat[]): [[number, number], [number, number]] | null;
+/** Changes when a point is added, taken away or moved, and not when only its name or its check does. */
+export declare function pointsSignature(points: readonly MapPoint[]): string;
+/**
+ * How far from the middle of the map the middle of the area inside `inset`
+ * is, in px: where a point is put so that it is in view above a sheet.
+ */
+export declare function insetOffset(inset: MapInset | undefined): MapPixel;
+/** The words of an attribution the style carries as HTML, as plain text. */
+export declare function attributionText(html: string): string;
+/**
+ * The part of MapLibre GL JS that MapView uses, written out here so that the
+ * package's types do not need the library's.
+ */
+export interface MapLibreMapLike {
+    on(type: string, listener: (event: any) => void): unknown;
+    off(type: string, listener: (event: any) => void): unknown;
+    remove(): void;
+    resize(): unknown;
+    jumpTo(options: {
+        center?: [number, number] | MapLngLat;
+        zoom?: number;
+    }): unknown;
+    cameraForBounds(bounds: [[number, number], [number, number]], options?: {
+        padding?: number;
+        maxZoom?: number;
+    }): {
+        center?: unknown;
+        zoom?: number;
+    } | undefined;
+    project(lngLat: [number, number]): MapPixel;
+    unproject(point: [number, number]): MapLngLat;
+    getCenter(): MapLngLat;
+    getZoom(): number;
+    setStyle(style: string | object): unknown;
+    getStyle(): {
+        sources?: Record<string, {
+            attribution?: string;
+        }>;
+    } | undefined;
+    getSource?(id: string): {
+        attribution?: string;
+    } | undefined;
+    getCanvas(): HTMLCanvasElement;
+    touchZoomRotate?: {
+        disableRotation(): void;
+    };
+}
+export interface MapLibreLike {
+    Map: new (options: Record<string, unknown>) => MapLibreMapLike;
+}
+//# sourceMappingURL=map-view.d.ts.map

package/dist/components/util/map-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-view.d.ts","sourceRoot":"","sources":["../../../src/components/util/map-view.ts"],"names":[],"mappings":"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"}

package/dist/components/util/media-grid.d.ts

@@ -0,0 +1,51 @@
+/** Types and pure helpers for `MediaGrid`. Kept out of the component so they can be tested without a DOM. */
+export type MediaGridKey = string | number;
+export type MediaGridItemType = "image" | "video";
+/** Payload of `onselect`. */
+export interface MediaGridSelectDetail<T> {
+    item: T;
+    /** False when the activation cleared the item's selection. */
+    selected: boolean;
+    /** Every selected key after the change: one or none unless `multiple`. */
+    keys: MediaGridKey[];
+}
+/** Every built-in string. Pass a partial object to `strings` to translate. */
+export interface MediaGridStrings {
+    /** Accessible name of an item's delete button. */
+    deleteLabel: (label: string) => string;
+    /** Accessible name of a video item; an image is named by its label alone. */
+    videoLabel: (label: string) => string;
+    /** Announced, and never shown, while `loading` is set. */
+    loading: string;
+    emptyTitle: string;
+    emptyDescription: string;
+    /**
+     * How to get around by keyboard. Read once when focus enters the grid,
+     * and shown below it while it has keyboard focus. Keep it to one short
+     * sentence.
+     */
+    keyboardHint: string;
+}
+export declare const MEDIA_GRID_STRINGS: MediaGridStrings;
+export { isVideoUrl } from "./media.js";
+/**
+ * Columns in the rendered grid, read from the top edge of each tile in DOM
+ * order: the first row ends where the top edge changes. The layout is CSS
+ * `auto-fill`, so only the browser knows the answer.
+ */
+export declare function columnCount(tops: readonly number[]): number;
+export type MediaGridMove = "left" | "right" | "up" | "down" | "rowStart" | "rowEnd" | "first" | "last";
+/**
+ * Index a navigation key lands on. Nothing wraps. Moving down from the row
+ * above a short last row lands on the last item, so the last row can always
+ * be reached from any column.
+ */
+export declare function moveIndex(index: number, move: MediaGridMove, columns: number, total: number): number;
+/**
+ * The move a key asks for in a grid of tiles, or undefined for a key that is
+ * not a navigation key. Left and Right follow what is on screen, which is
+ * mirrored in a right-to-left layout; Ctrl with Home or End goes to the first
+ * or last tile. Shared by `MediaGrid` and `PhotoGrid`.
+ */
+export declare function moveForKey(event: Pick<KeyboardEvent, "key" | "ctrlKey">, rtl: boolean): MediaGridMove | undefined;
+//# sourceMappingURL=media-grid.d.ts.map

package/dist/components/util/media-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-grid.d.ts","sourceRoot":"","sources":["../../../src/components/util/media-grid.ts"],"names":[],"mappings":"AAAA,6GAA6G;AAE7G,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,OAAO,CAAC;AAElD,6BAA6B;AAC7B,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACpC,IAAI,EAAE,CAAC,CAAC;IACR,8DAA8D;IAC9D,QAAQ,EAAE,OAAO,CAAC;IAClB,0EAA0E;IAC1E,IAAI,EAAE,YAAY,EAAE,CAAC;CACxB;AAED,8EAA8E;AAC9E,MAAM,WAAW,gBAAgB;IAC7B,kDAAkD;IAClD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,6EAA6E;IAC7E,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,0DAA0D;IAC1D,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,gBAOhC,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CAK3D;AAED,MAAM,MAAM,aAAa,GACnB,MAAM,GACN,OAAO,GACP,IAAI,GACJ,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,GACP,MAAM,CAAC;AAEb;;;;GAIG;AACH,wBAAgB,SAAS,CACrB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,GACd,MAAM,CAyBR;AASD;;;;;GAKG;AACH,wBAAgB,UAAU,CACtB,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,GAAG,SAAS,CAAC,EAC7C,GAAG,EAAE,OAAO,GACb,aAAa,GAAG,SAAS,CAQ3B"}

package/dist/components/util/media.d.ts

@@ -0,0 +1,6 @@
+/** How the library tells a video from an image by its address. Shared by `ImageUpload` and `MediaGrid`. */
+/** True for a path or file name with a video extension, before any query or hash. */
+export declare function isVideoPath(path: string): boolean;
+/** True for a video data URL, or a URL whose path has a video extension. */
+export declare function isVideoUrl(url: string): boolean;
+//# sourceMappingURL=media.d.ts.map

package/dist/components/util/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../../src/components/util/media.ts"],"names":[],"mappings":"AAAA,2GAA2G;AAI3G,qFAAqF;AACrF,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED,4EAA4E;AAC5E,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAE/C"}

package/dist/components/util/overlay-chrome.d.ts

@@ -0,0 +1,53 @@
+/**
+ * The chrome of an overlay at large text: the header of a BottomSheet, Drawer,
+ * Modal or SlideUp, and the padding of its footer.
+ *
+ * Tailwind's spacing is in rem, so at `html { font-size: 200% }` the gutters,
+ * the gap above the title, the title and the close button all doubled. On a
+ * phone that left a third of a half-height sheet to what the sheet was opened
+ * for. This is navigation chrome, as the app bar is (see AppBar): it says
+ * where you are and how to leave, and it is not what the user enlarged the
+ * text to read. So it is laid out in px, and its title grows to 1.3 times its
+ * size and stops. The content, and whatever the app puts in the footer, scale
+ * in full. docs/ACCESSIBILITY.md has the reasoning against WCAG 1.4.4.
+ */
+/**
+ * On the header box: the spacing scale in px for everything inside it, so
+ * `px-6`, `gap-4`, `size-8` and the 44px of `TOUCH_HIT_AREA` are the sizes
+ * they are at 100% text. Only for a box that holds chrome alone: an app's
+ * Button inside it would stop growing too, which is why a footer spells its
+ * padding out in px instead.
+ */
+export declare const OVERLAY_CHROME = "[--spacing:4px]";
+/**
+ * How a title wraps: onto as many lines as it needs, between words, and a
+ * word wider than the whole line is cut rather than left sticking out.
+ */
+export declare const OVERLAY_TITLE_WRAP = "[overflow-wrap:break-word]";
+/**
+ * On the title while the text is enlarged (`textIsEnlarged`): a word that does
+ * not fit at the end of a line is hyphenated by the rules of the page's
+ * `lang`, where the browser has them, before it is cut.
+ *
+ * Not at the default text size, and not narrowed with `hyphenate-limit-chars`:
+ * `hyphens: auto` hyphenates at the end of every line, not only where a word
+ * is too wide, and what a browser offers as a hyphenation point is the
+ * platform's ("sett-ings", "histor-y" in Chromium on macOS). A title that
+ * wraps between words today would get those. A limit, where it is supported
+ * at all (not in Safari), turns a hyphenated break of a shorter word into a
+ * plain cut.
+ */
+export declare const OVERLAY_TITLE_HYPHENS = "hyphens-auto";
+/**
+ * Whether the reader has enlarged the text: the root font size is above the
+ * 16px every browser starts from. Read when an overlay opens. False on the
+ * server and until then, which is the layout at the default size.
+ */
+export declare function textIsEnlarged(): boolean;
+/** A title of 20px (`text-xl`): up to 26px, on the same 1.4 line. */
+export declare const OVERLAY_TITLE_XL = "text-[length:min(1.25rem,26px)] leading-[1.4]";
+/** A title of 24px (`text-2xl`): up to 31.2px, on the same 4/3 line. */
+export declare const OVERLAY_TITLE_2XL = "text-[length:min(1.5rem,31.2px)] leading-[calc(4/3)]";
+/** The "×" of a close button: a control, so the size it is at 100%. */
+export declare const OVERLAY_CLOSE_GLYPH = "text-[24px] leading-[32px]";
+//# sourceMappingURL=overlay-chrome.d.ts.map

package/dist/components/util/overlay-chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-chrome.d.ts","sourceRoot":"","sources":["../../../src/components/util/overlay-chrome.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,oBAAoB,CAAC;AAEhD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,+BAA+B,CAAC;AAE/D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,qBAAqB,iBAAiB,CAAC;AAEpD;;;;GAIG;AACH,wBAAgB,cAAc,IAAI,OAAO,CAGxC;AAED,qEAAqE;AACrE,eAAO,MAAM,gBAAgB,kDAAkD,CAAC;AAEhF,wEAAwE;AACxE,eAAO,MAAM,iBAAiB,yDAAyD,CAAC;AAExF,uEAAuE;AACvE,eAAO,MAAM,mBAAmB,+BAA+B,CAAC"}

package/dist/components/util/overlay.d.ts

@@ -0,0 +1,72 @@
+/**
+ * What Modal, SlideUp and Drawer share beyond `focus-utils.ts`: the scroll
+ * lock on `<body>` and the Tab cycle inside the panel. One copy, so the
+ * overlays cannot drift apart and keep working when nested in any order.
+ */
+/**
+ * Stops the page behind an overlay from scrolling. Ref-counted on `<body>`
+ * (`data-zabi-scroll-lock`), so nested overlays share one lock and the page
+ * scrolls again only when the last one has released it.
+ *
+ * Call it when the overlay opens, in the browser, and call the returned
+ * function when it closes.
+ */
+export declare function lockBodyScroll(): () => void;
+/**
+ * Keeps Tab inside `container`: call it from the panel's `keydown` handler.
+ * Focusables are re-queried on every Tab, so content added while the overlay
+ * is open stays inside the cycle. A Tab that comes from a dialog nested in the
+ * container is left to that dialog. The toasts on screen are in the cycle too,
+ * after the container's own controls: see `getToastFocusables`.
+ */
+export declare function trapTabKey(container: HTMLElement | undefined, event: KeyboardEvent): void;
+/**
+ * Watches a scrolling box in an overlay and reports whether it has to be a
+ * Tab stop itself: true when its content is taller than it and holds nothing
+ * that can take focus, so the keyboard would otherwise have no way to scroll
+ * it. The answer changes with the viewport and with the content, so it is
+ * reported again whenever either does.
+ *
+ * Call it when the overlay opens, in the browser; the returned function stops it.
+ */
+export declare function watchScrollerNeedsFocus(box: HTMLElement, onChange: (needsFocus: boolean) => void): () => void;
+/**
+ * Keeps an overlay on the part of the screen the on-screen keyboard leaves.
+ *
+ * Where the keyboard covers the page instead of shrinking it (iOS Safari,
+ * Chrome on Android), a panel at the bottom of a `fixed inset-0` root ends up
+ * behind it, footer and all. This moves the root's bottom edge up to the top
+ * of the keyboard (and its top edge down, if the browser has panned the
+ * screen), so everything laid out against the root follows: a sheet's height,
+ * a pinned footer, a drawer's end. `data-keyboard-open` is set on the root
+ * meanwhile. The field that has focus is scrolled back into view once the
+ * root has its new size. Where the page shrinks by itself, nothing is done.
+ *
+ * The root is usually the backdrop as well: while it is moved, its dimming is
+ * carried on past its edges, so the page does not show undimmed where the
+ * keyboard was while that slides away.
+ *
+ * `root` is the overlay's outermost, fixed element. Call it when the overlay
+ * opens, in the browser; the returned function stops it and puts the root back.
+ */
+export declare function followKeyboard(root: HTMLElement): () => void;
+/**
+ * Says that `footer` is pinned to the bottom of an open overlay, so what is
+ * drawn over the overlays (the toast stack) can stay off it. Call it when the
+ * footer is rendered, in the browser; the returned function withdraws it.
+ */
+export declare function registerOverlayFooter(footer: HTMLElement): () => void;
+/**
+ * Says that `header` is the top of an open overlay and holds its close
+ * button, so the toast stack starts below it and never lies over the one
+ * control that always closes the overlay. Call it when the header is
+ * rendered, in the browser; the returned function withdraws it.
+ */
+export declare function registerOverlayHeader(header: HTMLElement): () => void;
+/** The footer of the overlay on top, if it has one. */
+export declare function topOverlayFooter(): HTMLElement | null;
+/** The header of the overlay on top, if it has one. */
+export declare function topOverlayHeader(): HTMLElement | null;
+/** Calls `listener` whenever a registered header or footer appears, goes, moves or changes size. */
+export declare function watchOverlayFooters(listener: () => void): () => void;
+//# sourceMappingURL=overlay.d.ts.map

package/dist/components/util/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/components/util/overlay.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH;;;;;;;GAOG;AACH,wBAAgB,cAAc,IAAI,MAAM,IAAI,CAkB3C;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,SAAS,EAAE,WAAW,GAAG,SAAS,EAAE,KAAK,EAAE,aAAa,GAAG,IAAI,CAMzF;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CACnC,GAAG,EAAE,WAAW,EAChB,QAAQ,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,GACxC,MAAM,IAAI,CAaZ;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM,IAAI,CAuD5D;AAyDD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,IAAI,CAErE;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,IAAI,CAErE;AAWD,uDAAuD;AACvD,wBAAgB,gBAAgB,IAAI,WAAW,GAAG,IAAI,CAGrD;AAED,uDAAuD;AACvD,wBAAgB,gBAAgB,IAAI,WAAW,GAAG,IAAI,CAGrD;AAED,oGAAoG;AACpG,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAKpE"}

package/dist/components/util/photo.d.ts

@@ -0,0 +1,234 @@
+/**
+ * Public types and pure helpers for `PhotoGrid` and `PhotoViewer`.
+ *
+ * Everything a gesture means is worked out here, on numbers: where a pinch
+ * leaves the photo, how far it may be panned, whether a swipe turns the page.
+ * The components only feed pointers in and apply the result, so the
+ * arithmetic can be tested without a browser.
+ */
+import type { Component } from "svelte";
+export type PhotoKey = string | number;
+/** One photo. `PhotoGrid` and `PhotoViewer` take the same array. */
+export interface Photo {
+    /** Stable identity, when the same `src` may appear twice or may change. Without it, `src` is the identity. */
+    id?: PhotoKey;
+    /** The full image, shown in the viewer. */
+    src: string;
+    /** A small version for the grid, and for the viewer while the full image loads. Without it, `src`. */
+    thumbSrc?: string;
+    /** What the photo shows, for those who cannot see it. */
+    alt: string;
+    /** Width of the full image in px. With `height` it reserves the photo's box before it has loaded. */
+    width: number;
+    /** Height of the full image in px. */
+    height: number;
+    /** Shown under the photo in the viewer. */
+    caption?: string;
+    /**
+     * A second, quieter line under the caption in the viewer: who took the
+     * photo, when. It is never folded away with a long caption.
+     */
+    credit?: string;
+    /**
+     * Where a photo that is being added stands, drawn on its tile in the grid:
+     * `uploading` (on its way) or `error` (it did not arrive). Left out: saved.
+     */
+    status?: PhotoStatus;
+    /** How far an `uploading` photo has come, from 0 to 1. Without it the tile shows a spinner. */
+    progress?: number;
+}
+export type PhotoStatus = "uploading" | "error";
+export declare function photoKey(photo: Photo): PhotoKey;
+/** Payload of PhotoGrid's `onselect`. */
+export interface PhotoGridSelectDetail {
+    photo: Photo;
+    index: number;
+    /** False when the press cleared the photo's selection (only in `multiple`). */
+    selected: boolean;
+    /** Every selected key after the change: one or none in `single`. */
+    keys: PhotoKey[];
+}
+/** Every built-in string of PhotoGrid. Pass a partial object to `strings` to translate. */
+export interface PhotoGridStrings {
+    /** Visible label and name of the tile that adds a photo. */
+    addPhoto: string;
+    /** Name of a photo that has no `alt`. */
+    photoName: (position: number, total: number) => string;
+    /** Name of the last tile when it stands for the photos not shown. */
+    morePhotos: (count: number) => string;
+    /** Name of the button that opens a photo, in a grid where a press selects. */
+    openPhoto: (name: string) => string;
+    /** How to get around by keyboard. Read once when focus enters the grid, and shown while it has keyboard focus. */
+    keyboardHint: string;
+    /** Added to the name of a photo whose `status` is `uploading`. */
+    uploading: string;
+    /** Added to the name of a photo whose `status` is `error`. */
+    uploadFailed: string;
+    /** Name of the button on a failed photo that tries again. */
+    retryUpload: (name: string) => string;
+}
+export declare const PHOTO_GRID_STRINGS: PhotoGridStrings;
+/** What the user did to close the viewer. `swipe` is a swipe down on the photo. */
+export type PhotoViewerCloseReason = "escape" | "close-button" | "swipe";
+/** Something to do with the photo that is showing: share it, delete it. */
+export interface PhotoViewerAction {
+    id: string;
+    label: string;
+    /** An icon component, as `@lucide/svelte` icons are. */
+    icon?: Component<{
+        size?: number;
+        class?: string;
+    }>;
+    /** `danger` for a destructive action such as Delete. */
+    tone?: "danger";
+    disabled?: boolean;
+    onclick: (photo: Photo, index: number) => void;
+}
+/** Every built-in string of PhotoViewer. Pass a partial object to `strings` to translate. */
+export interface PhotoViewerStrings {
+    close: string;
+    previous: string;
+    next: string;
+    /** The counter that is shown: "3 / 12". */
+    counter: (position: number, total: number) => string;
+    /** The same for a screen reader, read out after the photo's `alt`: "3 of 12". */
+    position: (position: number, total: number) => string;
+    /** Announced, with a spinner, when a photo takes a while to load. */
+    loading: string;
+    /** Shown when a photo cannot be loaded. */
+    loadError: string;
+    retry: string;
+    /** Name of the menu that holds the actions that do not fit in the bar. */
+    moreActions: string;
+    /** The button that shows all of a long caption, and the one that folds it again. */
+    showMore: string;
+    showLess: string;
+    /** Name of a photo that has no `alt`. */
+    photoName: (position: number, total: number) => string;
+}
+export declare const PHOTO_VIEWER_STRINGS: PhotoViewerStrings;
+/** How many actions the viewer's bar shows before the rest go into a menu. */
+export declare const MAX_BAR_ACTIONS = 3;
+/** The actions shown in the bar, and those that go into the menu. */
+export declare function splitActions<T>(actions: readonly T[], max?: number): {
+    bar: T[];
+    menu: T[];
+};
+/** An index held inside a list of `count` photos; -1 for an empty list. */
+export declare function clampIndex(index: number, count: number): number;
+/** What the grid shows of `total` photos under `max`, and how many the last tile stands for. */
+export declare function visibleCount(total: number, max: number | undefined): {
+    shown: number;
+    hidden: number;
+};
+export interface Size {
+    width: number;
+    height: number;
+}
+export interface Point {
+    x: number;
+    y: number;
+}
+/**
+ * Where the photo is. `scale` 1 is the photo fitted to the screen. `x` and
+ * `y` are how far its centre is from the centre of the screen, in px.
+ */
+export interface PhotoTransform {
+    scale: number;
+    x: number;
+    y: number;
+}
+export declare const REST: PhotoTransform;
+export declare const MIN_SCALE = 1;
+export declare const MAX_SCALE = 4;
+/** What a double tap zooms to. */
+export declare const DOUBLE_TAP_SCALE = 2.5;
+export declare const isZoomed: (transform: PhotoTransform) => boolean;
+/** The largest size a photo of `photo` px takes inside `view` without being cropped. */
+export declare function fitSize(photo: Size, view: Size): Size;
+/**
+ * The transform with its pan held to the photo's edges: an edge of the photo
+ * never comes further in than the edge of the screen, and a side that is
+ * narrower than the screen stays centred. `fit` is the photo's size at scale 1.
+ */
+export declare function clampPan(transform: PhotoTransform, fit: Size, view: Size): PhotoTransform;
+/**
+ * Zooms to `scale` so that the point of the photo under `point` stays under
+ * it. `point` is measured from the centre of the screen.
+ */
+export declare function zoomAbout(transform: PhotoTransform, scale: number, point: Point, fit: Size, view: Size): PhotoTransform;
+/** Two fingers on the glass: the point between them, and how far apart they are. */
+export interface PinchSample {
+    centre: Point;
+    distance: number;
+}
+export declare function pinchSample(first: Point, second: Point): PinchSample;
+/**
+ * Where a pinch has taken the photo: scaled by how much the fingers have
+ * spread, about the point that was between them when it began, and moved with
+ * that point. Points are measured from the centre of the screen.
+ */
+export declare function pinchTransform(start: PhotoTransform, from: PinchSample, now: PinchSample, fit: Size, view: Size): PhotoTransform;
+/** A pinch let go a hair above the fitted size is the fitted size. */
+export declare function settleZoom(transform: PhotoTransform, fit: Size, view: Size): PhotoTransform;
+/** A double tap: in to 2.5 times about the tap from the fitted photo, and back to fitted from any zoom. */
+export declare function doubleTapTransform(transform: PhotoTransform, point: Point, fit: Size, view: Size): PhotoTransform;
+/** The photo moved by `delta` px, held to its edges. */
+export declare function panBy(transform: PhotoTransform, delta: Point, fit: Size, view: Size): PhotoTransform;
+/** One step of the keyboard or the wheel: in or out by half again, about the centre. */
+export declare const ZOOM_STEP = 1.5;
+/** Movement under this many px is a press, not a drag. */
+export declare const TAP_SLOP = 8;
+/** A press shorter than this is a tap, and two taps closer together than this are a double tap. */
+export declare const TAP_MS = 300;
+/** Two taps further apart than this are two taps. */
+export declare const DOUBLE_TAP_RADIUS = 32;
+export declare function isDoubleTap(previous: {
+    time: number;
+    point: Point;
+} | null, now: {
+    time: number;
+    point: Point;
+}): boolean;
+/**
+ * Which way a drag on the fitted photo is going, once it has gone far enough
+ * to tell: `x` turns the page, `down` closes, and null is not yet known. A
+ * drag upwards is neither, and stays null.
+ */
+export declare function dragAxis(delta: Point, slop?: number): "x" | "down" | null;
+/** Part of the screen's width a slow swipe has to cross to turn the page. */
+export declare const TURN_DISTANCE = 0.25;
+/** Part of the screen's height a slow swipe down has to cross to close. */
+export declare const CLOSE_DISTANCE = 0.2;
+/**
+ * What a horizontal swipe does when the finger lifts. A flick decides by its
+ * direction; a slow one by how far it went. Swiping left shows the next
+ * photo, and the previous one in a right-to-left layout. At either end there
+ * is nothing to turn to.
+ */
+export declare function swipeTurn(options: {
+    /** px moved; negative is to the left. */
+    distance: number;
+    /** px per ms at release; negative is to the left. */
+    velocity: number;
+    width: number;
+    index: number;
+    count: number;
+    rtl?: boolean;
+    flick: number;
+}): -1 | 0 | 1;
+/** Whether a swipe down closes the viewer when the finger lifts. */
+export declare function swipeCloses(options: {
+    /** px moved down. */
+    distance: number;
+    /** px per ms at release; positive is down. */
+    velocity: number;
+    height: number;
+    flick: number;
+}): boolean;
+/**
+ * How far a drag past the first or last photo moves it: a third of the
+ * finger's travel, so it gives but does not come away.
+ */
+export declare function resist(distance: number): number;
+//# sourceMappingURL=photo.d.ts.map

package/dist/components/util/photo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"photo.d.ts","sourceRoot":"","sources":["../../../src/components/util/photo.ts"],"names":[],"mappings":"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"}

package/dist/components/util/portal.d.ts

@@ -0,0 +1,23 @@
+import type { Action } from "svelte/action";
+/**
+ * Where to render the node: `true` for `document.body`, an element, or a
+ * selector. `false` leaves the node where the template put it.
+ */
+export type PortalTarget = boolean | HTMLElement | string;
+/**
+ * Moves an overlay out of its ancestors so none of them can trap it: a
+ * `transform`, `filter` or `contain` ancestor becomes the containing block of a
+ * `position: fixed` child, and an `overflow: hidden` one then clips it.
+ *
+ * SSR-safe by construction: actions never run on the server, so the markup is
+ * rendered in place and moved on mount. The node is removed on destroy, and
+ * Svelte's own teardown of a node that has already gone is a no-op.
+ *
+ * Put it on the single root element of an `{#if}` block. The theme is a `.dark`
+ * class on an ancestor, so a node portalled to `body` keeps it only when the
+ * class sits on `<html>` or `<body>`.
+ *
+ * Usage: `<div use:portal>` or `<div use:portal={enabled}>`.
+ */
+export declare const portal: Action<HTMLElement, PortalTarget | undefined>;
+//# sourceMappingURL=portal.d.ts.map

package/dist/components/util/portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../src/components/util/portal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC;AAW1D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,YAAY,GAAG,SAAS,CA8BhE,CAAC"}