@leavepulse/ui 0.85.0 → 0.85.2

package/dist/chunks/{LpLightbox-D7iJqdmH.js → LpLightbox-Bg1LW_ED.js}

@@ -9,7 +9,7 @@ import { isVideoItem, fileNameOf } from "../components/lightbox.js";
 import { _ as _sfc_main$2 } from "./LpCopyButton-BrbvIVMG.js";
 import { _ as _sfc_main$1 } from "./LpIcon-DCGhNsCU.js";
 import { _ as _sfc_main$4 } from "./LpLoader-Bf1yZwaU.js";
-import { _ as _sfc_main$3 } from "./LpVideoPlayer-koYKHKkC.js";
+import { _ as _sfc_main$3 } from "./LpVideoPlayer--87I5Kqu.js";
 import { _ as _sfc_main$5 } from "./VideoThumb-DL_QkAJY.js";
 import { useModalLayer } from "../components/modalDepth.js";
 import { inTextField } from "../composables/textEntry.js";

package/dist/chunks/{LpMediaGallery-D6DyJDvL.js → LpMediaGallery-pX-znMeP.js}

@@ -4,7 +4,7 @@ import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$1 } from "./LpContextMenu-CUFZIQX2.js";
 import { _ as _sfc_main$3 } from "./LpIcon-DCGhNsCU.js";
-import { _ as _sfc_main$4 } from "./LpLightbox-D7iJqdmH.js";
+import { _ as _sfc_main$4 } from "./LpLightbox-Bg1LW_ED.js";
 import { _ as _sfc_main$2 } from "./VideoThumb-DL_QkAJY.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = ["aria-label"];

package/dist/chunks/{LpVideoCompress-DD2nShyT.js → LpVideoCompress-BfulQ8Rs.js}

@@ -1,4 +1,5 @@
 import { defineComponent, useModel, computed, ref, shallowRef, onMounted, watch, onBeforeUnmount, openBlock, createElementBlock, createVNode, createElementVNode, toDisplayString, unref, withCtx, createBlock, createTextVNode, Fragment, createCommentVNode, mergeModels } from "vue";
+import { useLocale } from "../composables/useLocale.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { canTranscodeVideo, estimateTranscodedBytes, clipLength, probeVideo, transcodeVideo } from "../composables/videoTranscode.js";
 import { formatBytes } from "../components/format.js";
@@ -77,12 +78,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       () => props.labels
     );
+    const locale = useLocale();
+    const size = (bytes) => formatBytes(bytes, locale.value);
     const choices = computed(() => props.presets ?? [
       { key: "original", label: text.value.original },
       { key: "p1080", label: text.value.p1080, maxHeight: 1080 },
       { key: "p720", label: text.value.p720, maxHeight: 720 },
       { key: "p480", label: text.value.p480, maxHeight: 480 },
-      { key: "fit", label: text.value.fit.replace("{size}", formatBytes(FIT_BYTES)), maxHeight: 720, targetBytes: FIT_BYTES }
+      { key: "fit", label: text.value.fit.replace("{size}", size(FIT_BYTES)), maxHeight: 720, targetBytes: FIT_BYTES }
     ]);
     const url = ref("");
     const info = shallowRef(null);
@@ -130,7 +133,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const estimateLine = computed(() => {
       if (estimate.value === null) return text.value.probing;
       if (!worthIt.value) return text.value.bigger;
-      return text.value.estimate.replace("{size}", formatBytes(estimate.value)).replace("{original}", formatBytes(props.file.size));
+      return text.value.estimate.replace("{size}", size(estimate.value)).replace("{original}", size(props.file.size));
     });
     const busy = computed(() => progress.value !== null);
     watch(busy, (value) => emit("busy", value));

package/dist/chunks/{LpVideoPlayer-koYKHKkC.js → LpVideoPlayer--87I5Kqu.js}

@@ -460,7 +460,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createElementVNode("div", {
-              class: normalizeClass(["@container", __props.fit && !fullscreen.value ? FRAME : ""]),
+              class: normalizeClass(["@container", fullscreen.value ? "w-full" : __props.fit ? FRAME : ""]),
               style: normalizeStyle(frameStyle.value),
               "data-lp-video-frame": ""
             }, [

package/dist/components/LpLightbox.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLightbox-D7iJqdmH.js";
+import { _ as _sfc_main } from "../chunks/LpLightbox-Bg1LW_ED.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpMediaGallery.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpMediaGallery-D6DyJDvL.js";
+import { _ as _sfc_main } from "../chunks/LpMediaGallery-pX-znMeP.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpVideoCompress.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpVideoCompress-DD2nShyT.js";
+import { _ as _sfc_main } from "../chunks/LpVideoCompress-BfulQ8Rs.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpVideoPlayer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpVideoPlayer-koYKHKkC.js";
+import { _ as _sfc_main } from "../chunks/LpVideoPlayer--87I5Kqu.js";
 export {
   _sfc_main as default
 };

package/dist/index.js

@@ -56,14 +56,14 @@ import { i, b, a, c } from "./chunks/icons-V0k93Puc.js";
 import { default as default10 } from "./components/LpImageEditor.vue.js";
 import { _ as _33 } from "./chunks/LpInfraNode-BsExhdPE.js";
 import { _ as _34 } from "./chunks/LpInput-CKMblRtp.js";
-import { _ as _35 } from "./chunks/LpLightbox-D7iJqdmH.js";
+import { _ as _35 } from "./chunks/LpLightbox-Bg1LW_ED.js";
 import { fileNameOf, isVideoItem } from "./components/lightbox.js";
 import { _ as _36 } from "./chunks/LpLink-Krkjhe_y.js";
 import { _ as _37 } from "./chunks/LpLogViewer-Bki-IdNC.js";
 import { _ as _38 } from "./chunks/LpLogInspector-Yj310k4n.js";
 import { compilePattern, findIds, messageShape, structuredPayload, timeMs } from "./components/logTools.js";
 import { countLevels, matchPositions, matchesTerm, ringWindow, stepMatch } from "./components/logSearch.js";
-import { _ as _39 } from "./chunks/LpMediaGallery-D6DyJDvL.js";
+import { _ as _39 } from "./chunks/LpMediaGallery-pX-znMeP.js";
 import { _ as _40 } from "./chunks/LpModal-B5y9_LgA.js";
 import { _ as _41 } from "./chunks/LpModalNav-BLvDVl2-.js";
 import { _ as _42 } from "./chunks/LpNotificationBell-Bf0u3t5q.js";
@@ -101,9 +101,9 @@ import { _ as _70 } from "./chunks/LpRangeSlider-BaAM7XIs.js";
 import { _ as _71 } from "./chunks/LpVideoBackdrop-57i8RY8g.js";
 import { formatClipTime, isNativeLoop, planLoop, seamProgress, seamReached } from "./components/videoBackdrop.js";
 import { default as default12 } from "./components/LpVideoTrim.vue.js";
-import { _ as _72 } from "./chunks/LpVideoCompress-DD2nShyT.js";
+import { _ as _72 } from "./chunks/LpVideoCompress-BfulQ8Rs.js";
 import { bitrateForHeight, canTranscodeVideo, estimateTranscodedBytes, probeVideo, transcodeVideo, transcodedName } from "./composables/videoTranscode.js";
-import { _ as _73 } from "./chunks/LpVideoPlayer-koYKHKkC.js";
+import { _ as _73 } from "./chunks/LpVideoPlayer--87I5Kqu.js";
 import { useVideoMedia } from "./composables/useVideoMedia.js";
 import { dragEnd, normalizeRange as normalizeRange2, parseClipTime, setEnd } from "./components/videoTrim.js";
 import { _ as _74 } from "./chunks/LpSparkline-CExIRDb3.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.85.0",
+  "version": "0.85.2",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

package/src/components/LpVideoCompress.vue

@@ -15,6 +15,7 @@
  */
 import { computed, onBeforeUnmount, onMounted, ref, shallowRef, watch } from "vue"
 
+import { useLocale } from "../composables/useLocale"
 import { useLabels } from "../composables/useLpConfig"
 import {
   canTranscodeVideo,
@@ -108,13 +109,15 @@ const text = useLabels<VideoCompressLabels>(
 )
 
 const FIT_BYTES = 10 * 1024 * 1024
+const locale = useLocale()
+const size = (bytes: number) => formatBytes(bytes, locale.value)
 
 const choices = computed<VideoCompressPreset[]>(() => props.presets ?? [
   { key: "original", label: text.value.original },
   { key: "p1080", label: text.value.p1080, maxHeight: 1080 },
   { key: "p720", label: text.value.p720, maxHeight: 720 },
   { key: "p480", label: text.value.p480, maxHeight: 480 },
-  { key: "fit", label: text.value.fit.replace("{size}", formatBytes(FIT_BYTES)), maxHeight: 720, targetBytes: FIT_BYTES },
+  { key: "fit", label: text.value.fit.replace("{size}", size(FIT_BYTES)), maxHeight: 720, targetBytes: FIT_BYTES },
 ])
 
 const url = ref("")
@@ -167,7 +170,7 @@ const worthIt = computed(() => estimate.value !== null && (estimate.value < prop
 const estimateLine = computed(() => {
   if (estimate.value === null) return text.value.probing
   if (!worthIt.value) return text.value.bigger
-  return text.value.estimate.replace("{size}", formatBytes(estimate.value)).replace("{original}", formatBytes(props.file.size))
+  return text.value.estimate.replace("{size}", size(estimate.value)).replace("{original}", size(props.file.size))
 })
 
 const busy = computed(() => progress.value !== null)

package/src/components/LpVideoPlayer.vue

@@ -610,7 +610,7 @@ const frameStyle = computed(() => {
     <!-- The menu's trigger is a wrapper of its own: reka's as-child puts its ref on the element it wraps. -->
     <LpContextMenu :items="menu" :title="menuTitle" always>
     <!-- A size container, so the bar gives up what does not fit a narrow player (see the controls below). -->
-    <div class="@container" :class="fit && !fullscreen ? FRAME : ''" :style="frameStyle" data-lp-video-frame>
+    <div class="@container" :class="fullscreen ? 'w-full' : fit ? FRAME : ''" :style="frameStyle" data-lp-video-frame>
     <div class="relative w-full" :class="fullscreen ? 'h-dvh' : ''" :style="fullscreen ? undefined : { aspectRatio: aspect }">
       <video
         ref="videoEl"