@leavepulse/ui 0.82.0 → 0.83.1

package/dist/components/LpWindow.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpWindow-RVcP436Z.js";
+import { _ as _sfc_main } from "../chunks/LpWindow-YnF_knSj.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpWorkspaceSwitcher.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpWorkspaceSwitcher-D0WOz1Fg.js";
+import { _ as _sfc_main } from "../chunks/LpWorkspaceSwitcher-B-5UU6o4.js";
 export {
   _sfc_main as default
 };

package/dist/components/MenuTitle.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/MenuTitle-D8Umab23.js";
+import { _ as _sfc_main } from "../chunks/MenuTitle-BnZbFSwq.js";
 export {
   _sfc_main as default
 };

package/dist/components/OptionContent.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/OptionContent-DCnX_KRK.js";
+import { _ as _sfc_main } from "../chunks/OptionContent-D5e_eklA.js";
 export {
   _sfc_main as default
 };

package/dist/components/PickerField.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/PickerField-ChjY27bm.js";
+import { _ as _sfc_main } from "../chunks/PickerField-KpHiowNI.js";
 export {
   _sfc_main as default
 };

package/dist/components/RevealToggle.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/RevealToggle-MaL7PEjr.js";
+import { _ as _sfc_main } from "../chunks/RevealToggle-CE1hAIJB.js";
 export {
   _sfc_main as default
 };

package/dist/components/SteadyText.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    text: string;
+    widest: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/SteadyText.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/SteadyText-CwH-kduj.js";
+export {
+  _sfc_main as default
+};

package/dist/components/TourCard.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/TourCard-oXZSpHKb.js";
+import { _ as _sfc_main } from "../chunks/TourCard-t2csiTDS.js";
 export {
   _sfc_main as default
 };

package/dist/components/VideoFlash.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    /** What happened, and a count that changes on every press so the same icon twice still plays twice. */
+    flash: {
+        icon: string;
+        n: number;
+    } | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/VideoFlash.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, normalizeClass, createCommentVNode } from "vue";
+import { _ as _sfc_main$1 } from "../chunks/LpIcon-CoOLz1oJ.js";
+import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
+import '../assets/VideoFlash-VuPkC7QV.css';const _hoisted_1 = {
+  class: "pointer-events-none absolute inset-0 flex items-center justify-center motion-reduce:hidden",
+  "aria-hidden": "true"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VideoFlash",
+  props: {
+    flash: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.flash ? (openBlock(), createElementBlock("span", {
+          key: __props.flash.n,
+          class: "lp-video-flash flex size-16 items-center justify-center rounded-full bg-black/50 text-white opacity-0"
+        }, [
+          createVNode(_sfc_main$1, {
+            name: __props.flash.icon,
+            size: 28,
+            class: normalizeClass(__props.flash.icon === "lucide:play" ? "translate-x-0.5" : "")
+          }, null, 8, ["name", "class"])
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const VideoFlash = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5cab097a"]]);
+export {
+  VideoFlash as default
+};

package/dist/components/VideoThumb.vue.d.ts

@@ -0,0 +1,12 @@
+import type { LightboxItem } from "./lightbox";
+type __VLS_Props = {
+    item: LightboxItem;
+    /** Classes for the picture itself (the gallery's blur and dimming ride on it). */
+    mediaClass?: string | (string | false | undefined)[];
+    /** A small thumbnail: the badge shrinks and the length is left out. */
+    compact?: boolean;
+    alt?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/VideoThumb.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/VideoThumb-Csf9bUz3.js";
+export {
+  _sfc_main as default
+};

package/dist/components/VideoVolume.vue.d.ts

@@ -0,0 +1,15 @@
+import type { VideoMedia } from "../composables/useVideoMedia";
+type __VLS_Props = {
+    media: VideoMedia;
+    labels: {
+        mute: string;
+        unmute: string;
+        volume: string;
+    };
+    disabled?: boolean;
+    /** Over the picture (white on the video) rather than on the page. */
+    overlay?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/VideoVolume.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/VideoVolume-B4_DNmNi.js";
+export {
+  _sfc_main as default
+};

package/dist/components/lightbox.d.ts

@@ -19,6 +19,19 @@ export interface LightboxItem {
      * a marked picture sitting beside plain ones.
      */
     spoiler?: boolean;
+    /**
+     * A video rather than a picture: shown in LpVideoPlayer, with a play badge
+     * on its tile and its strip thumbnail. Left out, an address ending in a
+     * video extension (.mp4, .webm, .mov…) counts as one; set it for an address
+     * that does not say (an API route, a blob: URL).
+     */
+    kind?: "image" | "video";
+    /** A still for a video's tile and thumbnail; the video's first frame when absent. */
+    poster?: string;
+    /** A video's length in seconds, for the badge on its tile, when known up front. */
+    duration?: number;
 }
+/** Whether the item is a video: said outright by `kind`, else told by its address's extension. */
+export declare function isVideoItem(item: Pick<LightboxItem, "src" | "kind">): boolean;
 /** Last path segment of a URL, or a fallback — used to name a download. */
 export declare function fileNameOf(item: LightboxItem, fallback?: string): string;

package/dist/components/lightbox.js

@@ -1,3 +1,12 @@
+const VIDEO_EXTENSION = /\.(mp4|m4v|webm|mov|ogv|ogg|mkv)$/i;
+function isVideoItem(item) {
+  if (item.kind) return item.kind === "video";
+  try {
+    return VIDEO_EXTENSION.test(new URL(item.src, "http://x").pathname);
+  } catch {
+    return false;
+  }
+}
 function fileNameOf(item, fallback = "image") {
   if (item.filename) return item.filename;
   try {
@@ -9,5 +18,6 @@ function fileNameOf(item, fallback = "image") {
   return fallback;
 }
 export {
-  fileNameOf
+  fileNameOf,
+  isVideoItem
 };

package/dist/components/menuWhen.js

@@ -1,5 +1,5 @@
 import { defineComponent, h } from "vue";
-import { _ as _sfc_main } from "../chunks/LpContextMenu-DcHPdW-t.js";
+import { _ as _sfc_main } from "../chunks/LpContextMenu-DIYhlap8.js";
 const MenuWhen = defineComponent({
   name: "MenuWhen",
   inheritAttrs: false,

package/dist/components/videoBackdrop.d.ts

@@ -33,5 +33,18 @@ export declare function seamReached(plan: LoopPlan, time: number): boolean;
 export declare function seamProgress(plan: LoopPlan, incomingTime: number): number;
 /** Whether the whole clip loops with nothing cut and no overlap, which the media element does natively. */
 export declare function isNativeLoop(plan: LoopPlan, duration: number): boolean;
-/** "1:05", "0:07.5": a position on a clip as a range slider labels it. */
-export declare function formatClipTime(seconds: number, precise?: boolean): string;
+/**
+ * "1:05", "0:07.5": a position on a clip as a range slider labels it.
+ * `precise` adds tenths when there are any; "fixed" always writes them, for a
+ * time that changes while it is read, so it keeps one length ("0:05.0", not
+ * "0:05" between "0:04.9" and "0:05.1").
+ */
+export declare function formatClipTime(seconds: number, precise?: boolean | "fixed"): string;
+/** The widest a clip time up to `seconds` gets, its digits as zeros: what SteadyText reserves. */
+export declare function widestClipTime(seconds: number): string;
+/**
+ * The slowest rate a pause eases down to before the element is paused, and a
+ * start eases up from. Chromium refuses a rate below a sixteenth; past that
+ * point the picture is all but still anyway.
+ */
+export declare const SLOWEST_RATE: number;

package/dist/components/videoBackdrop.js

@@ -29,12 +29,18 @@ function formatClipTime(seconds, precise = false) {
   const minutes = (t.days * 24 + t.hours) * 60 + t.minutes;
   const secs = String(t.seconds).padStart(2, "0");
   const tenth = Math.floor(t.ms / 100);
-  return precise && tenth ? `${minutes}:${secs}.${tenth}` : `${minutes}:${secs}`;
+  return precise === "fixed" || precise && tenth ? `${minutes}:${secs}.${tenth}` : `${minutes}:${secs}`;
 }
+function widestClipTime(seconds) {
+  return formatClipTime(seconds, "fixed").replace(/\d/g, "0");
+}
+const SLOWEST_RATE = 1 / 16;
 export {
+  SLOWEST_RATE,
   formatClipTime,
   isNativeLoop,
   planLoop,
   seamProgress,
-  seamReached
+  seamReached,
+  widestClipTime
 };

package/dist/components/videoMotion.d.ts

@@ -0,0 +1,28 @@
+export declare const FADE: {
+    readonly enterActiveClass: "transition-opacity duration-(--duration-medium) ease-(--ease-emphasized) motion-reduce:transition-none";
+    readonly leaveActiveClass: "transition-opacity duration-(--duration-fast) ease-(--ease-emphasized) motion-reduce:transition-none";
+    readonly enterFromClass: "opacity-0";
+    readonly leaveToClass: "opacity-0";
+};
+/** A fade with a small settle in scale: for a button or a box, which reads as arriving rather than blinking on. */
+export declare const FADE_SCALE: {
+    readonly enterActiveClass: "transition-[opacity,scale] duration-(--duration-medium) ease-(--ease-emphasized) motion-reduce:transition-none";
+    readonly leaveActiveClass: "transition-[opacity,scale] duration-(--duration-fast) ease-(--ease-emphasized) motion-reduce:transition-none";
+    readonly enterFromClass: "scale-90 opacity-0";
+    readonly leaveToClass: "scale-90 opacity-0";
+};
+/** One icon handing over to another in the same spot (play and pause, sound on and off). */
+export declare const ICON_SWAP: {
+    readonly mode: "out-in";
+    readonly enterActiveClass: "transition-[opacity,scale] duration-(--duration-fast) ease-(--ease-emphasized) motion-reduce:transition-none";
+    readonly leaveActiveClass: "transition-[opacity,scale] duration-(--duration-fast) ease-(--ease-emphasized) motion-reduce:transition-none";
+    readonly enterFromClass: "scale-75 opacity-0";
+    readonly leaveToClass: "scale-75 opacity-0";
+};
+/**
+ * A ghost button over the picture: white on the video in every theme, as the
+ * lightbox's are. The players' own buttons use it, and their `#actions` and
+ * `#controls` slots hand it out as `buttonClass`, so an app's button there
+ * (a bin that takes the video back out of a dropzone) looks like theirs.
+ */
+export declare const OVERLAY_BUTTON = "text-white/85 hover:bg-white/15 hover:text-white";

package/dist/components/videoMotion.js

@@ -0,0 +1,26 @@
+const FADE = {
+  enterActiveClass: "transition-opacity duration-(--duration-medium) ease-(--ease-emphasized) motion-reduce:transition-none",
+  leaveActiveClass: "transition-opacity duration-(--duration-fast) ease-(--ease-emphasized) motion-reduce:transition-none",
+  enterFromClass: "opacity-0",
+  leaveToClass: "opacity-0"
+};
+const FADE_SCALE = {
+  enterActiveClass: "transition-[opacity,scale] duration-(--duration-medium) ease-(--ease-emphasized) motion-reduce:transition-none",
+  leaveActiveClass: "transition-[opacity,scale] duration-(--duration-fast) ease-(--ease-emphasized) motion-reduce:transition-none",
+  enterFromClass: "scale-90 opacity-0",
+  leaveToClass: "scale-90 opacity-0"
+};
+const ICON_SWAP = {
+  mode: "out-in",
+  enterActiveClass: "transition-[opacity,scale] duration-(--duration-fast) ease-(--ease-emphasized) motion-reduce:transition-none",
+  leaveActiveClass: "transition-[opacity,scale] duration-(--duration-fast) ease-(--ease-emphasized) motion-reduce:transition-none",
+  enterFromClass: "scale-75 opacity-0",
+  leaveToClass: "scale-75 opacity-0"
+};
+const OVERLAY_BUTTON = "text-white/85 hover:bg-white/15 hover:text-white";
+export {
+  FADE,
+  FADE_SCALE,
+  ICON_SWAP,
+  OVERLAY_BUTTON
+};

package/dist/components/videoTrim.d.ts

@@ -64,12 +64,5 @@ export declare function regionBetween(ax: number, ay: number, bx: number, by: nu
 export type RegionHandle = "move" | "nw" | "ne" | "sw" | "se";
 /** The region after one of its handles moved by (dx, dy), fractions of the frame. */
 export declare function adjustRegion(r: FrameRegion, handle: RegionHandle, dx: number, dy: number, minSize?: number): FrameRegion;
-/**
- * Why the editor has no video to show, as its `error` event reports it:
- * - "load": the address did not answer (network, 404, an expired session);
- * - "decode": the file arrived but is damaged;
- * - "unsupported": a format or codec this browser cannot play (H.265 in
- *   Chromium without hardware support, ProRes anywhere).
- */
-export type VideoTrimErrorCause = "load" | "decode" | "unsupported";
-export declare function mediaErrorCause(error: MediaError | null): VideoTrimErrorCause;
+/** Why the editor has no video to show; see `VideoErrorCause`. */
+export type { VideoErrorCause as VideoTrimErrorCause } from "../composables/useVideoMedia";

package/dist/components/videoTrim.js

@@ -104,17 +104,11 @@ function adjustRegion(r, handle, dx, dy, minSize = 0.02) {
   else y1 = clamp(y1 + dy, y0 + minSize, 1);
   return { x: fix(x0), y: fix(y0), w: fix(x1 - x0), h: fix(y1 - y0) };
 }
-function mediaErrorCause(error) {
-  if (error?.code === 3) return "decode";
-  if (error?.code === 4) return "unsupported";
-  return "load";
-}
 export {
   adjustRegion,
   clampRegion,
   containRect,
   dragEnd,
-  mediaErrorCause,
   normalizeRange,
   parseClipTime,
   regionBetween,

package/dist/composables/useVideoMedia.d.ts

@@ -0,0 +1,74 @@
+import { type Ref } from "vue";
+/**
+ * Why there is no video to show:
+ * - "load": the address did not answer (network, 404, an expired session);
+ * - "decode": the file arrived but is damaged;
+ * - "unsupported": a format or codec this browser cannot play (H.265 in
+ *   Chromium without hardware support, ProRes anywhere).
+ */
+export type VideoErrorCause = "load" | "decode" | "unsupported";
+export declare function mediaErrorCause(error: MediaError | null): VideoErrorCause;
+export interface UseVideoMediaOptions {
+    src: () => string;
+    /** Every frame while playing, after `time` is updated. */
+    onFrame?: () => void;
+    onError?: (cause: VideoErrorCause) => void;
+    /** Ease starts and stops (true by default); false cuts in and out at once. */
+    ease?: () => boolean;
+    /**
+     * Keep volume, mute and speed between videos on this device, shared by every
+     * player and editor of the kit: someone who turned the sound down turned it
+     * down, whichever component the next video is in. False forgets.
+     */
+    remember?: () => boolean;
+}
+export declare function useVideoMedia(el: Ref<HTMLVideoElement | null>, options: UseVideoMediaOptions): {
+    duration: Ref<number, number>;
+    time: Ref<number, number>;
+    playing: Ref<boolean, boolean>;
+    wantsPlay: Ref<boolean, boolean>;
+    waiting: Ref<boolean, boolean>;
+    ended: Ref<boolean, boolean>;
+    muted: Ref<boolean, boolean>;
+    volume: Ref<number, number>;
+    rate: Ref<number, number>;
+    buffered: Ref<[number, number][], [number, number][]>;
+    failure: Ref<VideoErrorCause | null, VideoErrorCause | null>;
+    size: Ref<{
+        width: number;
+        height: number;
+    }, {
+        width: number;
+        height: number;
+    } | {
+        width: number;
+        height: number;
+    }>;
+    listeners: {
+        loadedmetadata(): void;
+        durationchange(): void;
+        seeked(): void;
+        play(): void;
+        pause(): void;
+        ended(): void;
+        waiting(): void;
+        playing(): void;
+        canplay(): void;
+        timeupdate(): void;
+        progress(): void;
+        volumechange(): void;
+        ratechange(): void;
+        error(): Promise<void>;
+    };
+    seek: (t: number) => void;
+    play: () => void;
+    pause: (options?: {
+        instant?: boolean;
+    }) => void;
+    toggle: () => void;
+    setMuted: (value: boolean) => void;
+    setVolume: (value: number) => void;
+    setRate: (value: number) => void;
+    captureFrame: () => Promise<Blob | null>;
+};
+export type VideoMedia = ReturnType<typeof useVideoMedia>;