@leavepulse/ui 0.85.0 → 0.85.1

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/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/index.js

@@ -101,7 +101,7 @@ 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 { useVideoMedia } from "./composables/useVideoMedia.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.85.0",
+  "version": "0.85.1",
   "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)