@brftech/filex 0.19.0 → 0.20.1

package/dist/{PsdViewer-DaJMoH88.js.map → PsdViewer-B3yfsc6X.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PsdViewer-DaJMoH88.js","sources":["../../core/src/viewers/PsdViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * PsdViewer — Photoshop document preview via `ag-psd`.\n *\n * Lazy-imports `ag-psd` (~150 KB). Renders the flattened composite to\n * a canvas via `psd.canvas`. A simple layer panel toggles the rendered\n * preview (V1: just lists names + visibility; full composite swap on\n * toggle requires re-rendering with `applyOpacity`/`composite` logic\n * — left as TODO for V2 since `ag-psd` doesn't ship a composite\n * pipeline of its own).\n */\nimport { onBeforeUnmount, onMounted, ref, watch } from 'vue';\nimport { fetchViewerArrayBuffer } from '../composables/useViewerFetch';\n\nconst props = defineProps<{\n  url: string;\n  mime?: string;\n  ext: string;\n  t?: (key: string) => string;\n  authHeaders?: () => Record<string, string> | Promise<Record<string, string>>;\n  authCredentials?: RequestCredentials;\n}>();\n\ninterface FlatLayer {\n  index: number;\n  name: string;\n  hidden: boolean;\n}\n\nconst canvasEl = ref<HTMLCanvasElement | null>(null);\nconst layers = ref<FlatLayer[]>([]);\nconst error = ref<string | null>(null);\nconst loading = ref(true);\nconst showLayerPanel = ref(false);\nconst dims = ref<{ width: number; height: number }>({ width: 0, height: 0 });\nconst scale = ref(1);\n\nlet renderToken = 0;\n\nlet agPsd: any = null;\nasync function ensureAgPsd(): Promise<any | null> {\n  if (agPsd) return agPsd;\n  try {\n    const mod = await import(/* @vite-ignore */ 'ag-psd');\n    agPsd = mod;\n    return agPsd;\n  } catch {\n    return null;\n  }\n}\n\nfunction flattenLayers(node: any, list: FlatLayer[]): void {\n  if (!node) return;\n  if (Array.isArray(node.children)) {\n    for (const child of node.children) {\n      list.push({\n        index: list.length,\n        name: child.name ?? '(unnamed)',\n        hidden: !!child.hidden,\n      });\n      if (child.children) flattenLayers(child, list);\n    }\n  }\n}\n\nasync function load(): Promise<void> {\n  loading.value = true;\n  error.value = null;\n  layers.value = [];\n  const myToken = ++renderToken;\n\n  const lib = await ensureAgPsd();\n  if (myToken !== renderToken) return;\n  if (!lib) {\n    error.value = props.t\n      ? props.t('viewer.peer_not_installed')\n      : 'PSD viewer requires `ag-psd` — install or use download.';\n    loading.value = false;\n    return;\n  }\n\n  try {\n    const buf = await fetchViewerArrayBuffer({\n      url: props.url,\n      headers: (await props.authHeaders?.()) ?? {},\n      credentials: props.authCredentials,\n    });\n    if (myToken !== renderToken) return;\n    const psd = lib.readPsd(buf, {\n      skipLayerImageData: false,\n      skipCompositeImageData: false,\n      skipThumbnail: true,\n    });\n    dims.value = { width: psd.width, height: psd.height };\n\n    const composite = psd.canvas;\n    if (composite && canvasEl.value) {\n      const target = canvasEl.value;\n      target.width = psd.width;\n      target.height = psd.height;\n      const ctx = target.getContext('2d');\n      ctx?.drawImage(composite, 0, 0);\n    } else {\n      throw new Error('PSD has no composite image (skipCompositeImageData?)');\n    }\n\n    const flat: FlatLayer[] = [];\n    flattenLayers(psd, flat);\n    layers.value = flat;\n  } catch (err) {\n    error.value = err instanceof Error ? err.message : 'PSD decode failed';\n  } finally {\n    loading.value = false;\n  }\n}\n\nfunction zoomIn(): void {\n  scale.value = Math.min(8, scale.value * 1.25);\n}\nfunction zoomOut(): void {\n  scale.value = Math.max(0.1, scale.value / 1.25);\n}\nfunction reset(): void {\n  scale.value = 1;\n}\n\nonMounted(load);\nonBeforeUnmount(() => {\n  renderToken++;\n});\nwatch(() => props.url, load);\n\nfunction tt(key: string, fallback: string): string {\n  return props.t ? props.t(key) : fallback;\n}\n</script>\n\n<template>\n  <div class=\"filex-viewer-psd\">\n    <div class=\"filex-viewer-psd__pane\">\n      <div v-if=\"error\" class=\"filex-viewer-fallback\">\n        <span class=\"filex-viewer-fallback__icon\">🎨</span>\n        <p>{{ error }}</p>\n      </div>\n      <div v-else-if=\"loading\" class=\"filex-viewer-fallback\">\n        <span class=\"filex-viewer-fallback__icon\">⏳</span>\n        <p>{{ tt('viewer.loading', 'Loading…') }}</p>\n      </div>\n      <canvas\n        v-show=\"!loading && !error\"\n        ref=\"canvasEl\"\n      />\n    </div>\n  </div>\n</template>\n\n<style>\n/* ⚠ NOT `scoped`, deliberately. Vue's scoped styles compile to\n   `.cls[data-v-HASH]`, and in the web-component build the hash baked into\n   this CSS does not match the one Vue stamps onto the DOM — so every rule\n   here silently stopped applying. Measured in the desktop app: the share\n   dialog had `position: static`, no background and no radius, i.e. raw\n   unstyled HTML, in EVERY embedded surface.\n   Safe to drop: every selector below is prefixed (fx-/fe-/filex-), so\n   there is nothing here that can leak into a host page. */\n.filex-viewer-psd {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 70vh;\n  background: var(--fe-bg, #fff);\n}\n.filex-viewer-psd__bar {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 12px;\n  background: var(--fe-bg-elev, #f7f8fa);\n  border-bottom: 1px solid var(--fe-border, #e2e6ed);\n  font-size: 13px;\n}\n.filex-viewer-spacer { flex: 1; }\n.filex-viewer-psd__dim {\n  font-size: 12px;\n  color: var(--fe-text-muted, #5a6475);\n}\n.filex-viewer-psd__zoom {\n  min-width: 50px;\n  text-align: center;\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n}\n.filex-viewer-psd__main {\n  flex: 1;\n  display: flex;\n  min-height: 0;\n}\n.filex-viewer-psd__layers {\n  width: 240px;\n  border-right: 1px solid var(--fe-border, #e2e6ed);\n  overflow-y: auto;\n  padding: 8px 0;\n  background: var(--fe-bg-elev, #f7f8fa);\n}\n.filex-viewer-psd__layers ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.filex-viewer-psd__layers li {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 12px;\n  font-size: 12px;\n}\n.filex-viewer-psd__layer-vis {\n  width: 14px;\n  text-align: center;\n  color: var(--fe-text-muted, #5a6475);\n}\n.filex-viewer-psd__layer-vis[data-hidden=\"1\"] { color: var(--fe-border-strong, #c7ced9); }\n.filex-viewer-psd__layer-name {\n  flex: 1;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.filex-viewer-psd__pane {\n  flex: 1;\n  overflow: auto;\n  padding: 16px;\n  background: #2a2d33;\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.filex-viewer-psd__pane canvas {\n  background: #fff\n    repeating-conic-gradient(#e0e0e0 0% 25%, transparent 0% 50%) 50% / 16px 16px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);\n}\n.filex-viewer-fallback {\n  text-align: center;\n  padding: 32px;\n  color: #c8cdd6;\n  margin: auto;\n}\n.filex-viewer-fallback__icon {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 12px;\n}\n.filex-viewer-btn {\n  border: 1px solid var(--fe-border, #e2e6ed);\n  background: var(--fe-bg, #fff);\n  color: var(--fe-text, #1a1e27);\n  padding: 4px 10px;\n  border-radius: 4px;\n  cursor: pointer;\n  font: inherit;\n  font-size: 12px;\n}\n.filex-viewer-btn:hover:not(:disabled) {\n  background: var(--fe-bg-hover, #edf0f5);\n}\n.filex-viewer-btn.is-active {\n  background: var(--fe-bg-selected, #dfe8ff);\n  border-color: var(--fe-primary, #3b82f6);\n}\n</style>\n"],"names":["props","__props","canvasEl","ref","layers","error","loading","dims","renderToken","agPsd","ensureAgPsd","flattenLayers","node","list","child","load","myToken","lib","buf","fetchViewerArrayBuffer","_a","psd","composite","target","ctx","flat","err","onMounted","onBeforeUnmount","watch","tt","key","fallback","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_hoisted_4","_vShow"],"mappings":"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"}
+{"version":3,"file":"PsdViewer-B3yfsc6X.js","sources":["../../core/src/viewers/PsdViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * PsdViewer — Photoshop document preview via `ag-psd`.\n *\n * Lazy-imports `ag-psd` (~150 KB). Renders the flattened composite to\n * a canvas via `psd.canvas`. A simple layer panel toggles the rendered\n * preview (V1: just lists names + visibility; full composite swap on\n * toggle requires re-rendering with `applyOpacity`/`composite` logic\n * — left as TODO for V2 since `ag-psd` doesn't ship a composite\n * pipeline of its own).\n */\nimport { onBeforeUnmount, onMounted, ref, watch } from 'vue';\nimport { fetchViewerArrayBuffer } from '../composables/useViewerFetch';\n\nconst props = defineProps<{\n  url: string;\n  mime?: string;\n  ext: string;\n  t?: (key: string) => string;\n  authHeaders?: () => Record<string, string> | Promise<Record<string, string>>;\n  authCredentials?: RequestCredentials;\n}>();\n\ninterface FlatLayer {\n  index: number;\n  name: string;\n  hidden: boolean;\n}\n\nconst canvasEl = ref<HTMLCanvasElement | null>(null);\nconst layers = ref<FlatLayer[]>([]);\nconst error = ref<string | null>(null);\nconst loading = ref(true);\nconst showLayerPanel = ref(false);\nconst dims = ref<{ width: number; height: number }>({ width: 0, height: 0 });\nconst scale = ref(1);\n\nlet renderToken = 0;\n\nlet agPsd: any = null;\nasync function ensureAgPsd(): Promise<any | null> {\n  if (agPsd) return agPsd;\n  try {\n    const mod = await import(/* @vite-ignore */ 'ag-psd');\n    agPsd = mod;\n    return agPsd;\n  } catch {\n    return null;\n  }\n}\n\nfunction flattenLayers(node: any, list: FlatLayer[]): void {\n  if (!node) return;\n  if (Array.isArray(node.children)) {\n    for (const child of node.children) {\n      list.push({\n        index: list.length,\n        name: child.name ?? '(unnamed)',\n        hidden: !!child.hidden,\n      });\n      if (child.children) flattenLayers(child, list);\n    }\n  }\n}\n\nasync function load(): Promise<void> {\n  loading.value = true;\n  error.value = null;\n  layers.value = [];\n  const myToken = ++renderToken;\n\n  const lib = await ensureAgPsd();\n  if (myToken !== renderToken) return;\n  if (!lib) {\n    error.value = props.t\n      ? props.t('viewer.peer_not_installed')\n      : 'PSD viewer requires `ag-psd` — install or use download.';\n    loading.value = false;\n    return;\n  }\n\n  try {\n    const buf = await fetchViewerArrayBuffer({\n      url: props.url,\n      headers: (await props.authHeaders?.()) ?? {},\n      credentials: props.authCredentials,\n    });\n    if (myToken !== renderToken) return;\n    const psd = lib.readPsd(buf, {\n      skipLayerImageData: false,\n      skipCompositeImageData: false,\n      skipThumbnail: true,\n    });\n    dims.value = { width: psd.width, height: psd.height };\n\n    const composite = psd.canvas;\n    if (composite && canvasEl.value) {\n      const target = canvasEl.value;\n      target.width = psd.width;\n      target.height = psd.height;\n      const ctx = target.getContext('2d');\n      ctx?.drawImage(composite, 0, 0);\n    } else {\n      throw new Error('PSD has no composite image (skipCompositeImageData?)');\n    }\n\n    const flat: FlatLayer[] = [];\n    flattenLayers(psd, flat);\n    layers.value = flat;\n  } catch (err) {\n    error.value = err instanceof Error ? err.message : 'PSD decode failed';\n  } finally {\n    loading.value = false;\n  }\n}\n\nfunction zoomIn(): void {\n  scale.value = Math.min(8, scale.value * 1.25);\n}\nfunction zoomOut(): void {\n  scale.value = Math.max(0.1, scale.value / 1.25);\n}\nfunction reset(): void {\n  scale.value = 1;\n}\n\nonMounted(load);\nonBeforeUnmount(() => {\n  renderToken++;\n});\nwatch(() => props.url, load);\n\nfunction tt(key: string, fallback: string): string {\n  return props.t ? props.t(key) : fallback;\n}\n</script>\n\n<template>\n  <div class=\"filex-viewer-psd\">\n    <div class=\"filex-viewer-psd__pane\">\n      <div v-if=\"error\" class=\"filex-viewer-fallback\">\n        <span class=\"filex-viewer-fallback__icon\">🎨</span>\n        <p>{{ error }}</p>\n      </div>\n      <div v-else-if=\"loading\" class=\"filex-viewer-fallback\">\n        <span class=\"filex-viewer-fallback__icon\">⏳</span>\n        <p>{{ tt('viewer.loading', 'Loading…') }}</p>\n      </div>\n      <canvas\n        v-show=\"!loading && !error\"\n        ref=\"canvasEl\"\n      />\n    </div>\n  </div>\n</template>\n\n<style>\n/* ⚠ NOT `scoped`, deliberately. Vue's scoped styles compile to\n   `.cls[data-v-HASH]`, and in the web-component build the hash baked into\n   this CSS does not match the one Vue stamps onto the DOM — so every rule\n   here silently stopped applying. Measured in the desktop app: the share\n   dialog had `position: static`, no background and no radius, i.e. raw\n   unstyled HTML, in EVERY embedded surface.\n   Safe to drop: every selector below is prefixed (fx-/fe-/filex-), so\n   there is nothing here that can leak into a host page. */\n.filex-viewer-psd {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 70vh;\n  background: var(--fe-bg, #fff);\n}\n.filex-viewer-psd__bar {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 12px;\n  background: var(--fe-bg-elev, #f7f8fa);\n  border-bottom: 1px solid var(--fe-border, #e2e6ed);\n  font-size: 13px;\n}\n.filex-viewer-spacer { flex: 1; }\n.filex-viewer-psd__dim {\n  font-size: 12px;\n  color: var(--fe-text-muted, #5a6475);\n}\n.filex-viewer-psd__zoom {\n  min-width: 50px;\n  text-align: center;\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n}\n.filex-viewer-psd__main {\n  flex: 1;\n  display: flex;\n  min-height: 0;\n}\n.filex-viewer-psd__layers {\n  width: 240px;\n  border-right: 1px solid var(--fe-border, #e2e6ed);\n  overflow-y: auto;\n  padding: 8px 0;\n  background: var(--fe-bg-elev, #f7f8fa);\n}\n.filex-viewer-psd__layers ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.filex-viewer-psd__layers li {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 12px;\n  font-size: 12px;\n}\n.filex-viewer-psd__layer-vis {\n  width: 14px;\n  text-align: center;\n  color: var(--fe-text-muted, #5a6475);\n}\n.filex-viewer-psd__layer-vis[data-hidden=\"1\"] { color: var(--fe-border-strong, #c7ced9); }\n.filex-viewer-psd__layer-name {\n  flex: 1;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.filex-viewer-psd__pane {\n  flex: 1;\n  overflow: auto;\n  padding: 16px;\n  background: #2a2d33;\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.filex-viewer-psd__pane canvas {\n  background: #fff\n    repeating-conic-gradient(#e0e0e0 0% 25%, transparent 0% 50%) 50% / 16px 16px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);\n}\n.filex-viewer-fallback {\n  text-align: center;\n  padding: 32px;\n  color: #c8cdd6;\n  margin: auto;\n}\n.filex-viewer-fallback__icon {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 12px;\n}\n.filex-viewer-btn {\n  border: 1px solid var(--fe-border, #e2e6ed);\n  background: var(--fe-bg, #fff);\n  color: var(--fe-text, #1a1e27);\n  padding: 4px 10px;\n  border-radius: 4px;\n  cursor: pointer;\n  font: inherit;\n  font-size: 12px;\n}\n.filex-viewer-btn:hover:not(:disabled) {\n  background: var(--fe-bg-hover, #edf0f5);\n}\n.filex-viewer-btn.is-active {\n  background: var(--fe-bg-selected, #dfe8ff);\n  border-color: var(--fe-primary, #3b82f6);\n}\n</style>\n"],"names":["props","__props","canvasEl","ref","layers","error","loading","dims","renderToken","agPsd","ensureAgPsd","flattenLayers","node","list","child","load","myToken","lib","buf","fetchViewerArrayBuffer","_a","psd","composite","target","ctx","flat","err","onMounted","onBeforeUnmount","watch","tt","key","fallback","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_hoisted_4","_vShow"],"mappings":"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"}

package/dist/{TiffViewer-Ca1XW_4_.js → TiffViewer-CGfxjKvt.js}

@@ -1,4 +1,4 @@
-import { d as U, o as V, h as M, w as N, a as h, c as p, e as i, t as b, i as C, j as A, v as H, f as d, g as L } from "./index-DrhlhNEd.js";
+import { d as U, o as V, h as M, w as N, a as h, c as p, e as i, t as b, i as C, j as A, v as H, f as d, g as L } from "./index-BUM9bNvd.js";
 import { a as R } from "./useViewerFetch-czqbd2Lj.js";
 const j = { class: "filex-viewer-tiff" }, q = { class: "filex-viewer-tiff__pane" }, G = {
   key: 0,
@@ -127,4 +127,4 @@ const j = { class: "filex-viewer-tiff" }, q = { class: "filex-viewer-tiff__pane"
 export {
   X as default
 };
-//# sourceMappingURL=TiffViewer-Ca1XW_4_.js.map
+//# sourceMappingURL=TiffViewer-CGfxjKvt.js.map

package/dist/{TiffViewer-Ca1XW_4_.js.map → TiffViewer-CGfxjKvt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TiffViewer-Ca1XW_4_.js","sources":["../../core/src/viewers/TiffViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * TiffViewer — multi-page TIFF preview via `utif`.\n *\n * Lazy-imports `utif` (~50 KB). Decodes IFDs once, paints the active\n * page to a `<canvas>` via `UTIF.toRGBA8`. Page navigation (1/N) +\n * zoom in/out controls. Browser <img> can't render TIFF natively, so\n * the canvas pipeline is the only option short of server-side\n * conversion.\n */\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\nimport { fetchViewerArrayBuffer } from '../composables/useViewerFetch';\n\nconst props = defineProps<{\n  url: string;\n  mime?: string;\n  ext: string;\n  t?: (key: string) => string;\n  authHeaders?: () => Record<string, string> | Promise<Record<string, string>>;\n  authCredentials?: RequestCredentials;\n}>();\n\nconst canvasEl = ref<HTMLCanvasElement | null>(null);\nconst error = ref<string | null>(null);\nconst loading = ref(true);\nconst scale = ref(1);\nconst pageIndex = ref(0);\nconst pageCount = ref(0);\nconst pageDims = ref<{ width: number; height: number }>({ width: 0, height: 0 });\n\nlet UTIF: any = null;\nlet ifds: any[] | null = null;\nlet renderToken = 0;\n\nasync function ensureUtif(): Promise<any | null> {\n  if (UTIF) return UTIF;\n  try {\n    const mod = await import(/* @vite-ignore */ 'utif');\n    UTIF = mod.default ?? mod;\n    return UTIF;\n  } catch {\n    return null;\n  }\n}\n\nasync function load(): Promise<void> {\n  loading.value = true;\n  error.value = null;\n  ifds = null;\n  pageIndex.value = 0;\n  pageCount.value = 0;\n  const myToken = ++renderToken;\n\n  const lib = await ensureUtif();\n  if (myToken !== renderToken) return;\n  if (!lib) {\n    error.value = props.t\n      ? props.t('viewer.peer_not_installed')\n      : 'TIFF viewer requires `utif` — install or use download.';\n    loading.value = false;\n    return;\n  }\n\n  try {\n    const buf = await fetchViewerArrayBuffer({\n      url: props.url,\n      headers: (await props.authHeaders?.()) ?? {},\n      credentials: props.authCredentials,\n    });\n    if (myToken !== renderToken) return;\n    ifds = lib.decode(buf);\n    pageCount.value = ifds?.length ?? 0;\n    if (pageCount.value === 0) {\n      throw new Error('No pages decoded');\n    }\n    paint();\n  } catch (err) {\n    error.value = err instanceof Error ? err.message : 'TIFF decode failed';\n  } finally {\n    loading.value = false;\n  }\n}\n\nfunction paint(): void {\n  if (!UTIF || !ifds || !canvasEl.value) return;\n  const idx = Math.max(0, Math.min(pageIndex.value, ifds.length - 1));\n  const ifd = ifds[idx];\n  try {\n    UTIF.decodeImage(undefined, ifd);\n  } catch {\n    // some images already decoded — UTIF.decodeImage is idempotent on\n    // older versions.\n  }\n  const rgba = UTIF.toRGBA8(ifd);\n  const w = ifd.width;\n  const h = ifd.height;\n  pageDims.value = { width: w, height: h };\n  const canvas = canvasEl.value;\n  canvas.width = w;\n  canvas.height = h;\n  const ctx = canvas.getContext('2d');\n  if (!ctx) return;\n  const imageData = ctx.createImageData(w, h);\n  imageData.data.set(rgba);\n  ctx.putImageData(imageData, 0, 0);\n}\n\nfunction next(): void {\n  if (pageIndex.value < pageCount.value - 1) {\n    pageIndex.value++;\n    paint();\n  }\n}\nfunction prev(): void {\n  if (pageIndex.value > 0) {\n    pageIndex.value--;\n    paint();\n  }\n}\nfunction zoomIn(): void {\n  scale.value = Math.min(8, scale.value * 1.25);\n}\nfunction zoomOut(): void {\n  scale.value = Math.max(0.1, scale.value / 1.25);\n}\nfunction reset(): void {\n  scale.value = 1;\n}\n\nonMounted(load);\nonBeforeUnmount(() => {\n  renderToken++;\n  ifds = null;\n});\n\nwatch(() => props.url, load);\n\nconst pageLabel = computed(() => {\n  const m = (props.t && props.t('viewer.page_n_of_m')) || 'Page {n} of {m}';\n  return m.replace('{n}', String(pageIndex.value + 1)).replace('{m}', String(pageCount.value));\n});\n\nfunction tt(key: string, fallback: string): string {\n  return props.t ? props.t(key) : fallback;\n}\n</script>\n\n<template>\n  <div class=\"filex-viewer-tiff\">\n    <div class=\"filex-viewer-tiff__pane\">\n      <div v-if=\"error\" class=\"filex-viewer-fallback\">\n        <span class=\"filex-viewer-fallback__icon\">🖼️</span>\n        <p>{{ error }}</p>\n      </div>\n      <div v-else-if=\"loading\" class=\"filex-viewer-fallback\">\n        <span class=\"filex-viewer-fallback__icon\">⏳</span>\n        <p>{{ tt('viewer.loading', 'Loading…') }}</p>\n      </div>\n      <canvas\n        v-show=\"!loading && !error\"\n        ref=\"canvasEl\"\n        :style=\"{ imageRendering: 'pixelated' }\"\n      />\n      <div v-if=\"!loading && !error && pageCount > 1\" class=\"filex-viewer-tiff__pager\">\n        <button\n          type=\"button\"\n          class=\"filex-viewer-btn\"\n          :disabled=\"pageIndex === 0\"\n          @click=\"prev\"\n        >‹</button>\n        <span class=\"filex-viewer-tiff__pages\">{{ pageLabel }}</span>\n        <button\n          type=\"button\"\n          class=\"filex-viewer-btn\"\n          :disabled=\"pageIndex >= pageCount - 1\"\n          @click=\"next\"\n        >›</button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n/* ⚠ NOT `scoped`, deliberately. Vue's scoped styles compile to\n   `.cls[data-v-HASH]`, and in the web-component build the hash baked into\n   this CSS does not match the one Vue stamps onto the DOM — so every rule\n   here silently stopped applying. Measured in the desktop app: the share\n   dialog had `position: static`, no background and no radius, i.e. raw\n   unstyled HTML, in EVERY embedded surface.\n   Safe to drop: every selector below is prefixed (fx-/fe-/filex-), so\n   there is nothing here that can leak into a host page. */\n.filex-viewer-tiff__pager {\n  position: absolute;\n  bottom: 12px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 8px;\n  background: var(--fe-bg-elev, rgba(255, 255, 255, 0.9));\n  border: 1px solid var(--fe-border, #e2e6ed);\n  border-radius: 6px;\n  backdrop-filter: blur(4px);\n}\n.filex-viewer-tiff__pages {\n  font-size: 12px;\n  font-variant-numeric: tabular-nums;\n}\n.filex-viewer-tiff {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 70vh;\n  background: var(--fe-bg, #fff);\n}\n.filex-viewer-tiff__bar {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 12px;\n  background: var(--fe-bg-elev, #f7f8fa);\n  border-bottom: 1px solid var(--fe-border, #e2e6ed);\n  font-size: 13px;\n}\n.filex-viewer-tiff__pages {\n  min-width: 110px;\n  text-align: center;\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n}\n.filex-viewer-tiff__zoom {\n  min-width: 50px;\n  text-align: center;\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n}\n.filex-viewer-spacer { flex: 1; }\n.filex-viewer-tiff__pane {\n  flex: 1;\n  overflow: auto;\n  padding: 16px;\n  background: #2a2d33;\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.filex-viewer-tiff__pane canvas {\n  background: #fff;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);\n}\n.filex-viewer-fallback {\n  text-align: center;\n  padding: 32px;\n  color: #c8cdd6;\n  margin: auto;\n}\n.filex-viewer-fallback__icon {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 12px;\n}\n.filex-viewer-btn {\n  border: 1px solid var(--fe-border, #e2e6ed);\n  background: var(--fe-bg, #fff);\n  color: var(--fe-text, #1a1e27);\n  padding: 4px 10px;\n  border-radius: 4px;\n  cursor: pointer;\n  font: inherit;\n  font-size: 12px;\n}\n.filex-viewer-btn:hover:not(:disabled) {\n  background: var(--fe-bg-hover, #edf0f5);\n}\n.filex-viewer-btn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n</style>\n"],"names":["props","__props","canvasEl","ref","error","loading","pageIndex","pageCount","pageDims","UTIF","ifds","renderToken","ensureUtif","mod","n","load","myToken","lib","buf","fetchViewerArrayBuffer","_a","paint","err","idx","ifd","rgba","w","h","canvas","ctx","imageData","next","prev","onMounted","onBeforeUnmount","watch","pageLabel","computed","tt","key","fallback","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_hoisted_4","_vShow","_hoisted_5","_hoisted_6","_hoisted_7","_toDisplayString","_hoisted_8"],"mappings":"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"}
+{"version":3,"file":"TiffViewer-CGfxjKvt.js","sources":["../../core/src/viewers/TiffViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * TiffViewer — multi-page TIFF preview via `utif`.\n *\n * Lazy-imports `utif` (~50 KB). Decodes IFDs once, paints the active\n * page to a `<canvas>` via `UTIF.toRGBA8`. Page navigation (1/N) +\n * zoom in/out controls. Browser <img> can't render TIFF natively, so\n * the canvas pipeline is the only option short of server-side\n * conversion.\n */\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\nimport { fetchViewerArrayBuffer } from '../composables/useViewerFetch';\n\nconst props = defineProps<{\n  url: string;\n  mime?: string;\n  ext: string;\n  t?: (key: string) => string;\n  authHeaders?: () => Record<string, string> | Promise<Record<string, string>>;\n  authCredentials?: RequestCredentials;\n}>();\n\nconst canvasEl = ref<HTMLCanvasElement | null>(null);\nconst error = ref<string | null>(null);\nconst loading = ref(true);\nconst scale = ref(1);\nconst pageIndex = ref(0);\nconst pageCount = ref(0);\nconst pageDims = ref<{ width: number; height: number }>({ width: 0, height: 0 });\n\nlet UTIF: any = null;\nlet ifds: any[] | null = null;\nlet renderToken = 0;\n\nasync function ensureUtif(): Promise<any | null> {\n  if (UTIF) return UTIF;\n  try {\n    const mod = await import(/* @vite-ignore */ 'utif');\n    UTIF = mod.default ?? mod;\n    return UTIF;\n  } catch {\n    return null;\n  }\n}\n\nasync function load(): Promise<void> {\n  loading.value = true;\n  error.value = null;\n  ifds = null;\n  pageIndex.value = 0;\n  pageCount.value = 0;\n  const myToken = ++renderToken;\n\n  const lib = await ensureUtif();\n  if (myToken !== renderToken) return;\n  if (!lib) {\n    error.value = props.t\n      ? props.t('viewer.peer_not_installed')\n      : 'TIFF viewer requires `utif` — install or use download.';\n    loading.value = false;\n    return;\n  }\n\n  try {\n    const buf = await fetchViewerArrayBuffer({\n      url: props.url,\n      headers: (await props.authHeaders?.()) ?? {},\n      credentials: props.authCredentials,\n    });\n    if (myToken !== renderToken) return;\n    ifds = lib.decode(buf);\n    pageCount.value = ifds?.length ?? 0;\n    if (pageCount.value === 0) {\n      throw new Error('No pages decoded');\n    }\n    paint();\n  } catch (err) {\n    error.value = err instanceof Error ? err.message : 'TIFF decode failed';\n  } finally {\n    loading.value = false;\n  }\n}\n\nfunction paint(): void {\n  if (!UTIF || !ifds || !canvasEl.value) return;\n  const idx = Math.max(0, Math.min(pageIndex.value, ifds.length - 1));\n  const ifd = ifds[idx];\n  try {\n    UTIF.decodeImage(undefined, ifd);\n  } catch {\n    // some images already decoded — UTIF.decodeImage is idempotent on\n    // older versions.\n  }\n  const rgba = UTIF.toRGBA8(ifd);\n  const w = ifd.width;\n  const h = ifd.height;\n  pageDims.value = { width: w, height: h };\n  const canvas = canvasEl.value;\n  canvas.width = w;\n  canvas.height = h;\n  const ctx = canvas.getContext('2d');\n  if (!ctx) return;\n  const imageData = ctx.createImageData(w, h);\n  imageData.data.set(rgba);\n  ctx.putImageData(imageData, 0, 0);\n}\n\nfunction next(): void {\n  if (pageIndex.value < pageCount.value - 1) {\n    pageIndex.value++;\n    paint();\n  }\n}\nfunction prev(): void {\n  if (pageIndex.value > 0) {\n    pageIndex.value--;\n    paint();\n  }\n}\nfunction zoomIn(): void {\n  scale.value = Math.min(8, scale.value * 1.25);\n}\nfunction zoomOut(): void {\n  scale.value = Math.max(0.1, scale.value / 1.25);\n}\nfunction reset(): void {\n  scale.value = 1;\n}\n\nonMounted(load);\nonBeforeUnmount(() => {\n  renderToken++;\n  ifds = null;\n});\n\nwatch(() => props.url, load);\n\nconst pageLabel = computed(() => {\n  const m = (props.t && props.t('viewer.page_n_of_m')) || 'Page {n} of {m}';\n  return m.replace('{n}', String(pageIndex.value + 1)).replace('{m}', String(pageCount.value));\n});\n\nfunction tt(key: string, fallback: string): string {\n  return props.t ? props.t(key) : fallback;\n}\n</script>\n\n<template>\n  <div class=\"filex-viewer-tiff\">\n    <div class=\"filex-viewer-tiff__pane\">\n      <div v-if=\"error\" class=\"filex-viewer-fallback\">\n        <span class=\"filex-viewer-fallback__icon\">🖼️</span>\n        <p>{{ error }}</p>\n      </div>\n      <div v-else-if=\"loading\" class=\"filex-viewer-fallback\">\n        <span class=\"filex-viewer-fallback__icon\">⏳</span>\n        <p>{{ tt('viewer.loading', 'Loading…') }}</p>\n      </div>\n      <canvas\n        v-show=\"!loading && !error\"\n        ref=\"canvasEl\"\n        :style=\"{ imageRendering: 'pixelated' }\"\n      />\n      <div v-if=\"!loading && !error && pageCount > 1\" class=\"filex-viewer-tiff__pager\">\n        <button\n          type=\"button\"\n          class=\"filex-viewer-btn\"\n          :disabled=\"pageIndex === 0\"\n          @click=\"prev\"\n        >‹</button>\n        <span class=\"filex-viewer-tiff__pages\">{{ pageLabel }}</span>\n        <button\n          type=\"button\"\n          class=\"filex-viewer-btn\"\n          :disabled=\"pageIndex >= pageCount - 1\"\n          @click=\"next\"\n        >›</button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n/* ⚠ NOT `scoped`, deliberately. Vue's scoped styles compile to\n   `.cls[data-v-HASH]`, and in the web-component build the hash baked into\n   this CSS does not match the one Vue stamps onto the DOM — so every rule\n   here silently stopped applying. Measured in the desktop app: the share\n   dialog had `position: static`, no background and no radius, i.e. raw\n   unstyled HTML, in EVERY embedded surface.\n   Safe to drop: every selector below is prefixed (fx-/fe-/filex-), so\n   there is nothing here that can leak into a host page. */\n.filex-viewer-tiff__pager {\n  position: absolute;\n  bottom: 12px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 8px;\n  background: var(--fe-bg-elev, rgba(255, 255, 255, 0.9));\n  border: 1px solid var(--fe-border, #e2e6ed);\n  border-radius: 6px;\n  backdrop-filter: blur(4px);\n}\n.filex-viewer-tiff__pages {\n  font-size: 12px;\n  font-variant-numeric: tabular-nums;\n}\n.filex-viewer-tiff {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 70vh;\n  background: var(--fe-bg, #fff);\n}\n.filex-viewer-tiff__bar {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 12px;\n  background: var(--fe-bg-elev, #f7f8fa);\n  border-bottom: 1px solid var(--fe-border, #e2e6ed);\n  font-size: 13px;\n}\n.filex-viewer-tiff__pages {\n  min-width: 110px;\n  text-align: center;\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n}\n.filex-viewer-tiff__zoom {\n  min-width: 50px;\n  text-align: center;\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n}\n.filex-viewer-spacer { flex: 1; }\n.filex-viewer-tiff__pane {\n  flex: 1;\n  overflow: auto;\n  padding: 16px;\n  background: #2a2d33;\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.filex-viewer-tiff__pane canvas {\n  background: #fff;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);\n}\n.filex-viewer-fallback {\n  text-align: center;\n  padding: 32px;\n  color: #c8cdd6;\n  margin: auto;\n}\n.filex-viewer-fallback__icon {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 12px;\n}\n.filex-viewer-btn {\n  border: 1px solid var(--fe-border, #e2e6ed);\n  background: var(--fe-bg, #fff);\n  color: var(--fe-text, #1a1e27);\n  padding: 4px 10px;\n  border-radius: 4px;\n  cursor: pointer;\n  font: inherit;\n  font-size: 12px;\n}\n.filex-viewer-btn:hover:not(:disabled) {\n  background: var(--fe-bg-hover, #edf0f5);\n}\n.filex-viewer-btn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n</style>\n"],"names":["props","__props","canvasEl","ref","error","loading","pageIndex","pageCount","pageDims","UTIF","ifds","renderToken","ensureUtif","mod","n","load","myToken","lib","buf","fetchViewerArrayBuffer","_a","paint","err","idx","ifd","rgba","w","h","canvas","ctx","imageData","next","prev","onMounted","onBeforeUnmount","watch","pageLabel","computed","tt","key","fallback","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_hoisted_4","_vShow","_hoisted_5","_hoisted_6","_hoisted_7","_toDisplayString","_hoisted_8"],"mappings":"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"}

package/dist/{Viewer3D-CDVUhuAU.js → Viewer3D-aTags5xs.js}

@@ -1,4 +1,4 @@
-import { d as p, o as f, w as m, r as x, a as o, c as r, b as y, e as s, t as c, f as u, g as _ } from "./index-DrhlhNEd.js";
+import { d as p, o as f, w as m, r as x, a as o, c as r, b as y, e as s, t as c, f as u, g as _ } from "./index-BUM9bNvd.js";
 const k = { class: "filex-viewer-3d" }, g = {
   key: 1,
   class: "filex-viewer-fallback"
@@ -57,4 +57,4 @@ const k = { class: "filex-viewer-3d" }, g = {
 export {
   S as default
 };
-//# sourceMappingURL=Viewer3D-CDVUhuAU.js.map
+//# sourceMappingURL=Viewer3D-aTags5xs.js.map

package/dist/{Viewer3D-CDVUhuAU.js.map → Viewer3D-aTags5xs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Viewer3D-CDVUhuAU.js","sources":["../../core/src/viewers/Viewer3D.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Viewer3D — 3D model preview via `@google/model-viewer`.\n *\n * Lazy-imports the `@google/model-viewer` web component (~80 KB).\n *\n * Format support: model-viewer **only** understands glTF (`.gltf`,\n * `.glb`) and USDZ (iOS). For unsupported formats (`.stl`, `.obj`,\n * `.fbx`, `.3ds`) we deliberately render a download fallback instead\n * of feeding them to model-viewer — earlier code did the latter,\n * which surfaced as `JSON.parse(<ascii STL>)` SyntaxError because\n * model-viewer parses the response body as glTF JSON. (sweep-2026-05-09\n * bugs 19-20.)\n *\n * GLB rendering size: model-viewer mounts its canvas inside a\n * shadow root that doesn't always inherit `height: 100%` from\n * flexbox parents — we pin explicit sizing on the host element\n * to avoid the \"Framebuffer is incomplete: zero size\" warning.\n * (sweep-2026-05-09 bug 21.)\n */\nimport { computed, onMounted, ref, watch } from 'vue';\n\nconst props = defineProps<{\n  url: string;\n  mime?: string;\n  ext: string;\n  /** Locale-aware error/loading messages. */\n  t?: (key: string) => string;\n}>();\n\nconst SUPPORTED_EXTS = new Set(['glb', 'gltf', 'usdz']);\n\nconst isSupported = computed(() => SUPPORTED_EXTS.has((props.ext || '').toLowerCase()));\n\nconst error = ref<string | null>(null);\nconst ready = ref(false);\n\nasync function load(): Promise<void> {\n  ready.value = false;\n  error.value = null;\n  // Bail out early for formats model-viewer can't parse — feeding\n  // them to <model-viewer> triggers JSON.parse SyntaxError because\n  // it expects glTF JSON.\n  if (!isSupported.value) {\n    error.value = props.t\n      ? props.t('viewer.format_unsupported_3d')\n      : `3D format \".${props.ext}\" not supported in browser preview — please download.`;\n    return;\n  }\n  try {\n    await import(/* @vite-ignore */ '@google/model-viewer');\n    ready.value = true;\n  } catch {\n    error.value = props.t\n      ? props.t('viewer.peer_not_installed')\n      : '3D viewer requires `@google/model-viewer` — install or use download.';\n  }\n}\n\nonMounted(load);\n\nwatch(() => props.url, () => {\n  // Re-evaluate on URL change (different file may need different\n  // fallback message).\n  load();\n});\n</script>\n\n<template>\n  <div class=\"filex-viewer-3d\">\n    <model-viewer\n      v-if=\"ready && !error\"\n      :src=\"url\"\n      auto-rotate\n      camera-controls\n      touch-action=\"pan-y\"\n      shadow-intensity=\"1\"\n      :alt=\"ext + ' model'\"\n      style=\"width: 100%; height: 100%; min-height: 480px; display: block\"\n    />\n    <div v-else-if=\"error\" class=\"filex-viewer-fallback\">\n      <span class=\"filex-viewer-fallback__icon\">📦</span>\n      <p>{{ error }}</p>\n    </div>\n    <div v-else class=\"filex-viewer-fallback\">\n      <span class=\"filex-viewer-fallback__icon\">⏳</span>\n      <p>{{ t ? t('viewer.loading') : 'Loading…' }}</p>\n    </div>\n  </div>\n</template>\n\n<style>\n/* ⚠ NOT `scoped`, deliberately. Vue's scoped styles compile to\n   `.cls[data-v-HASH]`, and in the web-component build the hash baked into\n   this CSS does not match the one Vue stamps onto the DOM — so every rule\n   here silently stopped applying. Measured in the desktop app: the share\n   dialog had `position: static`, no background and no radius, i.e. raw\n   unstyled HTML, in EVERY embedded surface.\n   Safe to drop: every selector below is prefixed (fx-/fe-/filex-), so\n   there is nothing here that can leak into a host page. */\n.filex-viewer-3d {\n  width: 100%;\n  height: 100%;\n  min-height: 480px;\n  background: #1a1a1a;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.filex-viewer-3d model-viewer {\n  width: 100%;\n  height: 100%;\n  min-height: 480px;\n  background: #1a1a1a;\n  display: block;\n}\n.filex-viewer-fallback {\n  text-align: center;\n  color: #c8cdd6;\n  padding: 32px;\n  max-width: 480px;\n}\n.filex-viewer-fallback__icon {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 12px;\n}\n</style>\n"],"names":["props","__props","SUPPORTED_EXTS","isSupported","computed","error","ref","ready","load","onMounted","watch","_openBlock","_createElementBlock","_hoisted_1","_createBlock","_component_model_viewer","_hoisted_2","_cache","_createElementVNode","_hoisted_3","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;AAsBA,UAAMA,IAAQC,GAQRC,IAAiB,oBAAI,IAAI,CAAC,OAAO,QAAQ,MAAM,CAAC,GAEhDC,IAAcC,EAAS,MAAMF,EAAe,KAAKF,EAAM,OAAO,IAAI,YAAA,CAAa,CAAC,GAEhFK,IAAQC,EAAmB,IAAI,GAC/BC,IAAQD,EAAI,EAAK;AAEvB,mBAAeE,IAAsB;AAMnC,UALAD,EAAM,QAAQ,IACdF,EAAM,QAAQ,MAIV,CAACF,EAAY,OAAO;AACtB,QAAAE,EAAM,QAAQL,EAAM,IAChBA,EAAM,EAAE,8BAA8B,IACtC,eAAeA,EAAM,GAAG;AAC5B;AAAA,MACF;AACA,UAAI;AACF,cAAM;AAAA;AAAA,UAA0B;AAAA,QAAA,GAChCO,EAAM,QAAQ;AAAA,MAChB,QAAQ;AACN,QAAAF,EAAM,QAAQL,EAAM,IAChBA,EAAM,EAAE,2BAA2B,IACnC;AAAA,MACN;AAAA,IACF;AAEA,WAAAS,EAAUD,CAAI,GAEdE,EAAM,MAAMV,EAAM,KAAK,MAAM;AAG3B,MAAAQ,EAAA;AAAA,IACF,CAAC;;AAIC,aAAAG,EAAA,GAAAC,EAmBM,OAnBNC,GAmBM;AAAA,QAjBIN,EAAA,UAAUF,EAAA,cADlBS,EASEC,GAAA;AAAA;UAPC,KAAKd,EAAA;AAAA,UACN,eAAA;AAAA,UACA,mBAAA;AAAA,UACA,gBAAa;AAAA,UACb,oBAAiB;AAAA,UAChB,KAAKA,EAAA,MAAG;AAAA,UACT,OAAA,EAAA,OAAA,QAAA,QAAA,QAAA,cAAA,SAAA,SAAA,QAAA;AAAA,QAAA,+BAEcI,EAAA,SAAhBM,EAAA,GAAAC,EAGM,OAHNI,GAGM;AAAA,UAFJC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAmD,QAAA,EAA7C,OAAM,8BAAA,GAA8B,MAAE,EAAA;AAAA,UAC5CA,EAAkB,aAAZb,EAAA,KAAK,GAAA,CAAA;AAAA,QAAA,OAEbM,EAAA,GAAAC,EAGM,OAHNO,GAGM;AAAA,UAFJF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAkD,QAAA,EAA5C,OAAM,8BAAA,GAA8B,KAAC,EAAA;AAAA,UAC3CA,EAAiD,KAAA,MAAAE,EAA3CnB,EAAA,IAAIA,EAAA,EAAC,gBAAA,IAAA,UAAA,GAAA,CAAA;AAAA,QAAA;;;;;"}
+{"version":3,"file":"Viewer3D-aTags5xs.js","sources":["../../core/src/viewers/Viewer3D.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Viewer3D — 3D model preview via `@google/model-viewer`.\n *\n * Lazy-imports the `@google/model-viewer` web component (~80 KB).\n *\n * Format support: model-viewer **only** understands glTF (`.gltf`,\n * `.glb`) and USDZ (iOS). For unsupported formats (`.stl`, `.obj`,\n * `.fbx`, `.3ds`) we deliberately render a download fallback instead\n * of feeding them to model-viewer — earlier code did the latter,\n * which surfaced as `JSON.parse(<ascii STL>)` SyntaxError because\n * model-viewer parses the response body as glTF JSON. (sweep-2026-05-09\n * bugs 19-20.)\n *\n * GLB rendering size: model-viewer mounts its canvas inside a\n * shadow root that doesn't always inherit `height: 100%` from\n * flexbox parents — we pin explicit sizing on the host element\n * to avoid the \"Framebuffer is incomplete: zero size\" warning.\n * (sweep-2026-05-09 bug 21.)\n */\nimport { computed, onMounted, ref, watch } from 'vue';\n\nconst props = defineProps<{\n  url: string;\n  mime?: string;\n  ext: string;\n  /** Locale-aware error/loading messages. */\n  t?: (key: string) => string;\n}>();\n\nconst SUPPORTED_EXTS = new Set(['glb', 'gltf', 'usdz']);\n\nconst isSupported = computed(() => SUPPORTED_EXTS.has((props.ext || '').toLowerCase()));\n\nconst error = ref<string | null>(null);\nconst ready = ref(false);\n\nasync function load(): Promise<void> {\n  ready.value = false;\n  error.value = null;\n  // Bail out early for formats model-viewer can't parse — feeding\n  // them to <model-viewer> triggers JSON.parse SyntaxError because\n  // it expects glTF JSON.\n  if (!isSupported.value) {\n    error.value = props.t\n      ? props.t('viewer.format_unsupported_3d')\n      : `3D format \".${props.ext}\" not supported in browser preview — please download.`;\n    return;\n  }\n  try {\n    await import(/* @vite-ignore */ '@google/model-viewer');\n    ready.value = true;\n  } catch {\n    error.value = props.t\n      ? props.t('viewer.peer_not_installed')\n      : '3D viewer requires `@google/model-viewer` — install or use download.';\n  }\n}\n\nonMounted(load);\n\nwatch(() => props.url, () => {\n  // Re-evaluate on URL change (different file may need different\n  // fallback message).\n  load();\n});\n</script>\n\n<template>\n  <div class=\"filex-viewer-3d\">\n    <model-viewer\n      v-if=\"ready && !error\"\n      :src=\"url\"\n      auto-rotate\n      camera-controls\n      touch-action=\"pan-y\"\n      shadow-intensity=\"1\"\n      :alt=\"ext + ' model'\"\n      style=\"width: 100%; height: 100%; min-height: 480px; display: block\"\n    />\n    <div v-else-if=\"error\" class=\"filex-viewer-fallback\">\n      <span class=\"filex-viewer-fallback__icon\">📦</span>\n      <p>{{ error }}</p>\n    </div>\n    <div v-else class=\"filex-viewer-fallback\">\n      <span class=\"filex-viewer-fallback__icon\">⏳</span>\n      <p>{{ t ? t('viewer.loading') : 'Loading…' }}</p>\n    </div>\n  </div>\n</template>\n\n<style>\n/* ⚠ NOT `scoped`, deliberately. Vue's scoped styles compile to\n   `.cls[data-v-HASH]`, and in the web-component build the hash baked into\n   this CSS does not match the one Vue stamps onto the DOM — so every rule\n   here silently stopped applying. Measured in the desktop app: the share\n   dialog had `position: static`, no background and no radius, i.e. raw\n   unstyled HTML, in EVERY embedded surface.\n   Safe to drop: every selector below is prefixed (fx-/fe-/filex-), so\n   there is nothing here that can leak into a host page. */\n.filex-viewer-3d {\n  width: 100%;\n  height: 100%;\n  min-height: 480px;\n  background: #1a1a1a;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.filex-viewer-3d model-viewer {\n  width: 100%;\n  height: 100%;\n  min-height: 480px;\n  background: #1a1a1a;\n  display: block;\n}\n.filex-viewer-fallback {\n  text-align: center;\n  color: #c8cdd6;\n  padding: 32px;\n  max-width: 480px;\n}\n.filex-viewer-fallback__icon {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 12px;\n}\n</style>\n"],"names":["props","__props","SUPPORTED_EXTS","isSupported","computed","error","ref","ready","load","onMounted","watch","_openBlock","_createElementBlock","_hoisted_1","_createBlock","_component_model_viewer","_hoisted_2","_cache","_createElementVNode","_hoisted_3","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;AAsBA,UAAMA,IAAQC,GAQRC,IAAiB,oBAAI,IAAI,CAAC,OAAO,QAAQ,MAAM,CAAC,GAEhDC,IAAcC,EAAS,MAAMF,EAAe,KAAKF,EAAM,OAAO,IAAI,YAAA,CAAa,CAAC,GAEhFK,IAAQC,EAAmB,IAAI,GAC/BC,IAAQD,EAAI,EAAK;AAEvB,mBAAeE,IAAsB;AAMnC,UALAD,EAAM,QAAQ,IACdF,EAAM,QAAQ,MAIV,CAACF,EAAY,OAAO;AACtB,QAAAE,EAAM,QAAQL,EAAM,IAChBA,EAAM,EAAE,8BAA8B,IACtC,eAAeA,EAAM,GAAG;AAC5B;AAAA,MACF;AACA,UAAI;AACF,cAAM;AAAA;AAAA,UAA0B;AAAA,QAAA,GAChCO,EAAM,QAAQ;AAAA,MAChB,QAAQ;AACN,QAAAF,EAAM,QAAQL,EAAM,IAChBA,EAAM,EAAE,2BAA2B,IACnC;AAAA,MACN;AAAA,IACF;AAEA,WAAAS,EAAUD,CAAI,GAEdE,EAAM,MAAMV,EAAM,KAAK,MAAM;AAG3B,MAAAQ,EAAA;AAAA,IACF,CAAC;;AAIC,aAAAG,EAAA,GAAAC,EAmBM,OAnBNC,GAmBM;AAAA,QAjBIN,EAAA,UAAUF,EAAA,cADlBS,EASEC,GAAA;AAAA;UAPC,KAAKd,EAAA;AAAA,UACN,eAAA;AAAA,UACA,mBAAA;AAAA,UACA,gBAAa;AAAA,UACb,oBAAiB;AAAA,UAChB,KAAKA,EAAA,MAAG;AAAA,UACT,OAAA,EAAA,OAAA,QAAA,QAAA,QAAA,cAAA,SAAA,SAAA,QAAA;AAAA,QAAA,+BAEcI,EAAA,SAAhBM,EAAA,GAAAC,EAGM,OAHNI,GAGM;AAAA,UAFJC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAmD,QAAA,EAA7C,OAAM,8BAAA,GAA8B,MAAE,EAAA;AAAA,UAC5CA,EAAkB,aAAZb,EAAA,KAAK,GAAA,CAAA;AAAA,QAAA,OAEbM,EAAA,GAAAC,EAGM,OAHNO,GAGM;AAAA,UAFJF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAkD,QAAA,EAA5C,OAAM,8BAAA,GAA8B,KAAC,EAAA;AAAA,UAC3CA,EAAiD,KAAA,MAAAE,EAA3CnB,EAAA,IAAIA,EAAA,EAAC,gBAAA,IAAA,UAAA,GAAA,CAAA;AAAA,QAAA;;;;;"}

package/dist/filex.js

@@ -1,5 +1,6 @@
-import { p as m } from "./index-DrhlhNEd.js";
+import { p as l, q as o } from "./index-BUM9bNvd.js";
 export {
-  m as FilexElement
+  l as FilexConnectionsElement,
+  o as FilexElement
 };
 //# sourceMappingURL=filex.js.map