filens-preview 0.1.0 → 0.1.2

package/dist/split/filens.js

@@ -1,49 +1,192 @@
 if(typeof document!=="undefined"){const s=document.createElement("style");s.textContent=".archivev-preview{--archivev-summary-height: 44px;box-sizing:border-box;width:100%;height:100%;min-height:320px;overflow:auto;background:#f7f9fc;color:#1f2937;font-family:system-ui,sans-serif}.archivev-summary{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:16px;box-sizing:border-box;height:var(--archivev-summary-height);padding:12px 16px;border-bottom:1px solid #d7dee8;background:#fff;color:#5b6b81;font:700 12px/1 system-ui,sans-serif}.archivev-breadcrumbs{display:flex;flex:1 1 auto;align-items:center;gap:4px;min-width:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}.archivev-breadcrumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;min-width:0;max-width:min(280px,45vw);overflow:hidden;border:0;padding:2px 4px;background:transparent;color:#2563eb;font:700 12px/1.2 system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.archivev-breadcrumb:disabled{color:#5b6b81;cursor:default}.archivev-breadcrumb-separator{flex:0 0 auto;color:#9aa8b8;-webkit-user-select:none;user-select:none}.archivev-breadcrumb-current{flex:0 0 auto;max-width:min(320px,50vw);overflow:hidden;color:#1f2937;text-overflow:ellipsis}.archivev-item-count{flex:0 0 auto;color:#7a8798;white-space:nowrap}.archivev-toolbar{position:sticky;top:var(--archivev-summary-height);z-index:1;display:flex;gap:8px;padding:10px 16px;border-bottom:1px solid #e5ebf2;background:#fff}.archivev-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d7dee8;background:#f8fafc;color:#1f2937;font:600 12px/1 system-ui,sans-serif;padding:7px 10px;cursor:pointer}.archivev-button:disabled{cursor:default;opacity:.6}.archivev-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff}.archivev-table th,.archivev-table td{padding:10px 14px;border-bottom:1px solid #e5ebf2;text-align:left;vertical-align:middle;font-size:13px}.archivev-table th{background:#f1f5f9;color:#5b6b81;font-size:12px;font-weight:700}.archivev-row{cursor:pointer}.archivev-row:focus-visible{outline:2px solid rgba(37,99,235,.35);outline-offset:-2px}.archivev-row:hover td{background:#f8fafc}.archivev-entry-preview{box-sizing:border-box;min-height:320px;height:calc(100% - 96px);overflow:auto;background:#fff}.archivev-entry-image{display:block;max-width:100%;max-height:70vh;margin:24px auto;object-fit:contain}.archivev-entry-frame{display:block;width:100%;height:70vh;border:0}.archivev-entry-media{display:block;width:min(100%,720px);margin:32px auto}.archivev-entry-text{box-sizing:border-box;min-height:320px;margin:0;padding:24px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#1f2937;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.archivev-name{width:52%;overflow-wrap:anywhere;font-weight:600}.archivev-name:before{content:\"\";display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:2px;background:#9db3d1}.archivev-name[data-type=directory]:before{background:#2d8f6f}.archivev-type,.archivev-size,.archivev-modified{width:16%;color:#5b6b81;white-space:nowrap}.pptxv-shell{--pptxv-panel: #ffffff;--pptxv-border: #d7dee8;--pptxv-border-strong: #9db3d1;--pptxv-text: #1f2937;--pptxv-muted: #5b6b81;--pptxv-accent: #2563eb;--pptxv-surface: #f3f6fa;display:flex;flex-direction:column;width:100%;height:var(--pptxv-height, clamp(520px, 78vh, 960px));min-height:480px;max-height:100%;color:var(--pptxv-text);background:var(--pptxv-panel);border:1px solid var(--pptxv-border);border-radius:0;overflow:hidden;font-family:system-ui,sans-serif}.pptxv-password-form{display:grid;gap:12px;width:min(340px,calc(100% - 40px));padding:24px;box-sizing:border-box;background:var(--pptxv-panel);border:1px solid var(--pptxv-border);color:var(--pptxv-text);text-align:left}.pptxv-password-form h2{margin:0;font-size:20px}.pptxv-password-form p{margin:0;font-size:14px}.pptxv-password-form label{font-size:14px}.pptxv-password-form input{min-width:0;padding:10px;border:1px solid var(--pptxv-border-strong);border-radius:4px;font:inherit}.pptxv-password-form input:focus-visible{outline:2px solid var(--pptxv-accent);outline-offset:2px}.pptxv-password-error{color:#b91c1c}.pptxv-password-actions{display:flex;justify-content:flex-end;gap:10px}.pptxv-shell:focus-visible{outline:2px solid rgba(37,99,235,.3);outline-offset:0}.pptxv-toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--pptxv-border);background:#fff}.pptxv-toolbar-group{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0}.pptxv-toolbar-group+.pptxv-toolbar-group{flex:1 1 auto;justify-content:flex-end;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-gutter:stable}.pptxv-pill--hidden{visibility:hidden}.pptxv-layout{display:flex;min-height:0;flex:1;overflow:hidden}.pptxv-model-tools{display:flex;flex:0 0 auto;min-height:0}.pptxv-button.pptxv-model-tools-toggle{position:absolute;top:12px;left:12px;z-index:2;display:grid;place-items:center;width:34px;height:34px;padding:0}.pptxv-model-tools-toggle svg{width:20px;height:20px}.pptxv-sidebar{width:204px;flex:0 0 204px;padding:12px;overflow:auto;scrollbar-gutter:stable;scroll-behavior:smooth;scroll-snap-type:y proximity;border-right:1px solid var(--pptxv-border);background:#f6f8fb}.pptxv-meta-sidebar{width:240px;flex:0 0 240px}.pptxv-tree-sidebar{width:260px;flex:0 0 260px}.pptxv-meta-panel{display:grid;gap:10px}.pptxv-meta-heading{color:var(--pptxv-text);font:700 12px/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em}.pptxv-meta-muted{padding:10px;border:1px dashed var(--pptxv-border);color:var(--pptxv-muted);font:600 12px/1.35 system-ui,sans-serif}.pptxv-meta-list{display:grid;gap:8px;margin:0}.pptxv-material-list{display:grid;gap:8px}.pptxv-material-card{display:grid;gap:8px;padding:10px;border:1px solid var(--pptxv-border);background:#fff}.pptxv-material-card.is-active{border-color:var(--pptxv-accent);background:#eff6ff}.pptxv-material-title-copy{display:grid;gap:2px;min-width:0}.pptxv-material-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.pptxv-material-title strong,.pptxv-material-title span{min-width:0;overflow-wrap:anywhere}.pptxv-material-title strong{color:var(--pptxv-text);font:700 12px/1.35 system-ui,sans-serif}.pptxv-material-title span{color:var(--pptxv-muted);font:700 10px/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em}.pptxv-material-swatches{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pptxv-material-swatch{width:16px;min-width:16px;height:16px;border:1px solid rgba(15,23,42,.16);box-shadow:inset 0 0 0 1px #ffffff59}.pptxv-material-actions{display:flex;justify-content:flex-start}.pptxv-material-action,.pptxv-material-clear{min-width:96px}.pptxv-material-detail-list{display:grid;gap:6px;margin:0}.pptxv-material-detail-row{display:grid;gap:2px}.pptxv-material-detail-row dt{margin:0;color:var(--pptxv-muted);font:700 10px/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em}.pptxv-material-detail-row dd{margin:0;color:var(--pptxv-text);font:600 12px/1.35 system-ui,sans-serif;overflow-wrap:anywhere}.pptxv-meta-row{display:grid;gap:4px;padding:8px 10px;border:1px solid var(--pptxv-border);background:#fff}.pptxv-meta-row dt{margin:0;color:var(--pptxv-muted);font:700 11px/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em}.pptxv-meta-row dd{margin:0;color:var(--pptxv-text);font:600 12px/1.4 system-ui,sans-serif;overflow-wrap:anywhere}.pptxv-tree-reset{flex:1}.pptxv-tree-actions{display:flex;gap:8px}.pptxv-tree-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.pptxv-tree-search-input{width:100%;min-width:0;height:32px;padding:0 10px;border:1px solid var(--pptxv-border);background:#fff;color:var(--pptxv-text);font:600 12px/1 system-ui,sans-serif}.pptxv-tree-search-clear{min-width:64px}.pptxv-tree-search-status{color:var(--pptxv-muted);font:700 11px/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em}.pptxv-tree-explode{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}.pptxv-tree-explode-label{color:var(--pptxv-muted);font:700 11px/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em}.pptxv-tree-explode-slider{width:100%;min-width:0;margin:0}.pptxv-tree-explode-value{min-width:58px;padding-inline:8px}.pptxv-tree-summary{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--pptxv-border);background:#f8fafc;color:var(--pptxv-text);font:600 12px/1.35 system-ui,sans-serif}.pptxv-tree-summary span,.pptxv-tree-summary strong{min-width:0;overflow-wrap:anywhere}.pptxv-tree-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.pptxv-tree-empty{padding:10px;border:1px dashed var(--pptxv-border);color:var(--pptxv-muted);background:#fff;font:600 12px/1.35 system-ui,sans-serif}.pptxv-tree-detail-row{display:grid;gap:4px;padding:8px 10px;border:1px solid var(--pptxv-border);background:#fff}.pptxv-tree-detail-row dt{margin:0;color:var(--pptxv-muted);font:700 11px/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em}.pptxv-tree-detail-row dd{margin:0;color:var(--pptxv-text);font:600 12px/1.35 system-ui,sans-serif;overflow-wrap:anywhere}.pptxv-tree-list{display:grid;gap:6px}.pptxv-tree-row{display:grid;grid-template-columns:20px 16px minmax(0,1fr);gap:6px;align-items:stretch}.pptxv-tree-toggle,.pptxv-tree-spacer{width:20px;min-width:20px;height:100%}.pptxv-tree-toggle{border:1px solid var(--pptxv-border);background:#fff;color:var(--pptxv-muted);font:700 11px/1 system-ui,sans-serif;cursor:pointer}.pptxv-tree-spacer{display:block}.pptxv-tree-visibility{width:16px;height:16px;align-self:center;margin:0}.pptxv-tree-button{display:grid;gap:2px;width:100%;min-width:0;padding:8px 10px;border:1px solid var(--pptxv-border);background:#fff;color:var(--pptxv-text);text-align:left;cursor:pointer}.pptxv-tree-button.is-active{border-color:var(--pptxv-accent);background:#eff6ff}.pptxv-tree-button.is-hidden{opacity:.62}.pptxv-tree-topline{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:center}.pptxv-tree-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border:1px solid var(--pptxv-border);background:#f8fafc;color:var(--pptxv-muted);font:700 10px/1 system-ui,sans-serif}.pptxv-tree-count{color:var(--pptxv-muted);font:700 11px/1 system-ui,sans-serif}.pptxv-tree-kind{color:var(--pptxv-muted);font:700 10px/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em}.pptxv-tree-label{color:var(--pptxv-text);font:600 12px/1.35 system-ui,sans-serif;overflow-wrap:anywhere}.pptxv-meta-heading-split{display:flex;justify-content:space-between;gap:10px;align-items:center}.pptxv-meta-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.pptxv-meta-count{color:var(--pptxv-muted);font:700 11px/1 system-ui,sans-serif}.pptxv-measurement-controls{display:grid;gap:8px}.pptxv-measurement-group{display:grid;gap:6px}.pptxv-measurement-label{color:var(--pptxv-muted);font:700 11px/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em}.pptxv-measurement-buttons{display:flex;gap:6px;flex-wrap:wrap}.pptxv-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.pptxv-section-value{color:var(--pptxv-text);font:700 12px/1 system-ui,sans-serif}.pptxv-section-slider{width:100%}.pptxv-section-range{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--pptxv-muted);font:600 11px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}.pptxv-section-box{display:grid;gap:10px}.pptxv-main{flex:1;min-width:0;min-height:0;padding:0;overflow:hidden;background:var(--pptxv-surface);contain:layout paint}.pptxv-main-stage{position:relative;width:100%;height:100%;overflow:hidden}.pptxv-main-view{width:100%;height:100%;min-height:420px;overflow:hidden}.pptxv-main-view.iworkv-root{overflow:auto}.pptxv-button{flex:0 0 auto;min-height:28px;border:1px solid var(--pptxv-border);border-radius:4px;padding:6px 12px;background:#fff;color:var(--pptxv-text);font:600 12px/1 system-ui,sans-serif;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.pptxv-button.is-active{border-color:var(--pptxv-accent);background:#eff6ff;color:#1d4ed8}.pptxv-button:hover{border-color:var(--pptxv-border-strong);background:#f8fbff}.pptxv-button:disabled{cursor:not-allowed;opacity:.46}.pptxv-status{flex:0 0 96px;max-width:96px;text-align:center;font:600 12px/1 system-ui,sans-serif;color:var(--pptxv-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.pptxv-pill{display:inline-flex;align-items:center;justify-content:center;min-height:26px;flex:0 0 92px;max-width:92px;padding:0 10px;border:1px solid #ead8a2;border-radius:4px;background:#fff9e8;color:#8a5b00;font:600 11px/1 system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.pptxv-layer-menu{position:relative}.pptxv-layer-menu--hidden{visibility:hidden;pointer-events:none}.pptxv-layer-menu[open] .pptxv-layer-summary{border-color:var(--pptxv-accent);background:#f4f8ff}.pptxv-layer-summary{display:inline-flex;align-items:center;justify-content:center;width:132px;min-height:28px;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.pptxv-layer-summary::-webkit-details-marker{display:none}.pptxv-layer-popover{position:absolute;z-index:20;top:calc(100% + 8px);left:0;width:min(260px,72vw);max-height:320px;overflow:auto;padding:8px;border:1px solid var(--pptxv-border);background:#fff;box-shadow:0 12px 28px #1f293724}.pptxv-layer-actions{display:flex;gap:6px;padding:0 0 8px;border-bottom:1px solid var(--pptxv-border);margin-bottom:6px}.pptxv-layer-action{min-height:26px;padding:0 10px;border:1px solid var(--pptxv-border);border-radius:4px;background:#fff;color:var(--pptxv-text);font:600 11px/1 system-ui,sans-serif;cursor:pointer}.pptxv-layer-row{display:grid;grid-template-columns:16px 14px minmax(0,1fr);align-items:center;gap:8px;min-height:30px;padding:3px 4px;color:var(--pptxv-text);font:600 12px/1.25 system-ui,sans-serif}.pptxv-layer-row input{width:14px;height:14px;margin:0}.pptxv-layer-color{width:12px;height:12px;border:1px solid rgba(31,41,55,.2)}.pptxv-layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pptxv-thumb-button{display:flex;flex-direction:column;width:100%;margin-bottom:8px;padding:8px;border:1px solid var(--pptxv-border);border-radius:0;background:#fff;cursor:pointer;scroll-snap-align:start;content-visibility:auto;contain-intrinsic-size:0 220px;transition:border-color .12s ease,background-color .12s ease}.pptxv-thumb-button:hover{border-color:var(--pptxv-border-strong);background:#fbfdff}.pptxv-thumb-button.is-active{border-color:var(--pptxv-accent);box-shadow:inset 0 0 0 1px #2563eb1f}.pptxv-thumb-host{width:100%;border-radius:0}.pptxv-thumb-host.is-placeholder{position:relative;overflow:hidden;background:linear-gradient(90deg,#eef3f8,#fff,#eef3f8);background-size:200% 100%;animation:pptxv-thumb-shimmer 1.6s linear infinite}.pptxv-thumb-stage{overflow:hidden;border-radius:0;box-shadow:none}.pptxv-thumb-label{margin-top:6px;text-align:center;color:var(--pptxv-muted);font:600 12px/1 system-ui,sans-serif}.pptxv-overlay{position:absolute;top:12px;right:12px;bottom:12px;left:12px;display:flex;align-items:center;justify-content:center;padding:18px;border:1px solid var(--pptxv-border);border-radius:0;background:#fffffff5;color:var(--pptxv-text);text-align:center;font:600 14px/1.45 system-ui,sans-serif}.pptxv-overlay.is-error{border-color:#c436362e;background:#fff4f4eb;color:#8a1f1f}.pptxv-tabs{display:flex;gap:8px;padding:10px 16px;border-bottom:1px solid var(--pptxv-border);background:#fbfcfe;overflow:auto}.pptxv-tab{min-height:34px;padding:0 12px;border:1px solid var(--pptxv-border);background:#fff;color:var(--pptxv-text);font:600 12px/1 system-ui,sans-serif;white-space:nowrap;cursor:pointer}.pptxv-tab.is-active{border-color:var(--pptxv-accent);box-shadow:inset 0 0 0 1px #2563eb1f}@keyframes pptxv-thumb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 900px){.pptxv-toolbar{flex-wrap:wrap}.pptxv-layout{flex-direction:column}.pptxv-model-tools{flex-direction:column;flex:0 1 auto;max-height:min(40vh,320px);overflow:auto}.pptxv-model-tools .pptxv-sidebar{box-sizing:border-box}.pptxv-sidebar{width:100%;flex:none;display:flex;gap:12px;overflow:auto;scrollbar-gutter:stable both-edges;scroll-snap-type:x proximity;border-right:0;border-bottom:1px solid var(--pptxv-border)}.pptxv-thumb-button{min-width:176px;margin-bottom:0}}.cadv-preview{box-sizing:border-box;width:100%;height:100%;min-height:320px;overflow:auto;background:linear-gradient(#eef3f8 1px,transparent 1px),linear-gradient(90deg,#eef3f8 1px,transparent 1px),#f8fafc;background-size:24px 24px;color:#223245}.cadv-stage{box-sizing:border-box;height:100%;min-width:100%;min-height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;padding:32px}.cadv-canvas{width:100%;height:100%;max-width:min(100%,1200px);max-height:100%;overflow:visible;transform-origin:center center;filter:drop-shadow(0 8px 22px rgba(34,50,69,.12))}.cadv-canvas text{paint-order:stroke;stroke:#f8fafc;stroke-width:2px}.cadv-empty{padding:24px;border:1px solid #cfd8e3;background:#fff;font-weight:700}.diagramv-preview{box-sizing:border-box;width:100%;height:100%;min-height:0;overflow:auto;background:#f6f8fb;color:#1f2937;font-family:system-ui,sans-serif}.diagramv-summary{position:sticky;top:0;z-index:1;padding:12px 16px;border-bottom:1px solid #d7dee8;background:#fff;color:#5b6b81;font:700 12px/1 system-ui,sans-serif}.diagramv-canvas-wrap{margin:0}.diagramv-canvas{display:block;width:100%;height:100%}.diagramv-edge,.diagramv-node{cursor:pointer;outline:none}.diagramv-edge polyline{fill:none}.diagramv-edge text,.diagramv-node text{font:600 13px/1 system-ui,sans-serif;text-anchor:middle;pointer-events:none}.diagramv-edge text{text-anchor:start}.diagramv-edge:hover polyline,.diagramv-edge:focus-visible polyline{stroke:#2563eb}.diagramv-node:hover rect,.diagramv-node:hover ellipse,.diagramv-node:hover polygon,.diagramv-node:focus-visible rect{stroke:#2563eb}.diagramv-node:focus-visible ellipse,.diagramv-node:focus-visible polygon{stroke:#2563eb}.diagramv-edge.is-selected polyline{stroke:#2d8f6f;stroke-width:3}.diagramv-node.is-selected rect{fill:#ecfdf5;stroke:#2d8f6f;stroke-width:2}.diagramv-node.is-selected ellipse,.diagramv-node.is-selected polygon{fill:#ecfdf5;stroke:#2d8f6f;stroke-width:2}.mindmapv-preview{box-sizing:border-box;width:100%;height:100%;min-height:0;overflow:auto;background:#f6f8fb;color:#1f2937;font-family:system-ui,sans-serif}.mindmapv-summary{position:sticky;top:0;z-index:1;padding:12px 16px;border-bottom:1px solid #d7dee8;background:#fff;color:#5b6b81;font:700 12px/1 system-ui,sans-serif}.mindmapv-canvas-wrap{margin:0}.mindmapv-canvas{display:block;width:100%;height:100%}.mindmapv-links path{fill:none;stroke:#9db3d1;stroke-width:2}.mindmapv-node{cursor:pointer;outline:none}.mindmapv-node rect{fill:#fff;stroke:#9db3d1;stroke-width:1.4}.mindmapv-node text{fill:#1f2937;font:600 13px/1 system-ui,sans-serif;pointer-events:none}.mindmapv-node:hover rect,.mindmapv-node:focus-visible rect{stroke:#2563eb}.mindmapv-node.is-selected rect{fill:#ecfdf5;stroke:#2d8f6f;stroke-width:2}.model3dv-preview{width:100%;height:100%;min-height:420px;position:relative;overflow:hidden;background:#111827}.model3dv-stage{width:100%;height:100%;min-height:inherit;cursor:grab;touch-action:none}.model3dv-stage:active{cursor:grabbing}.model3dv-canvas{display:block;width:100%;height:100%}.model3dv-hint{position:absolute;left:14px;bottom:14px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);background:#111827b8;color:#e5edf8;font:600 12px/1 system-ui,sans-serif;pointer-events:none}.panoramav-preview{position:relative;box-sizing:border-box;width:100%;height:100%;min-height:360px;overflow:hidden;background:#111827;color:#f8fafc;font-family:system-ui,sans-serif}.panoramav-stage{width:100%;height:100%;min-height:inherit;overflow:hidden}.panoramav-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.panoramav-canvas:active{cursor:grabbing}.panoramav-hint{position:absolute;left:14px;bottom:14px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);background:#111827b8;color:#f8fafc;font-size:12px;font-weight:700;pointer-events:none}.panoramav-notice{position:absolute;top:14px;right:14px;left:14px;z-index:2;padding:9px 12px;border:1px solid rgba(251,191,36,.5);background:#451a03e0;color:#fef3c7;font-size:12px;line-height:1.45}.panoramav-video-controls{position:absolute;right:14px;bottom:12px;left:14px;z-index:2;width:calc(100% - 28px);height:42px;border-radius:10px;background:#111827db;object-fit:none}.panoramav-calibrated-controls{position:absolute;right:14px;bottom:12px;left:14px;z-index:2;display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#111827db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panoramav-calibrated-controls button{min-width:58px;border:0;border-radius:6px;padding:6px 10px;background:#f8fafc;color:#111827;font:inherit;font-weight:700;cursor:pointer}.panoramav-calibrated-controls input{width:100%;accent-color:#f59e0b}.panoramav-calibrated-controls output{min-width:82px;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.docxv-preview{box-sizing:border-box;width:100%;height:100%;min-height:360px;overflow:auto;padding:24px;background:#eef2f7}.docxv-document{box-sizing:border-box;min-height:100%}.docxv-document .docx-wrapper{background:transparent;padding:0}.docxv-document .docx{margin:0 auto 16px;box-shadow:0 1px 4px #0f172a2e;content-visibility:auto;contain-intrinsic-size:816px 1056px}.xlsxv-preview{box-sizing:border-box;width:100%;height:100%;min-height:360px;overflow:hidden;background:#f8fafc;color:#172033;font-family:system-ui,sans-serif}.xlsxv-sheet-tabs{display:flex;gap:4px;min-height:36px;padding:6px 8px;overflow-x:auto;border-bottom:1px solid #d8dee8;background:#eef2f7}.xlsxv-sheet-tab{min-width:64px;height:24px;border:1px solid #c9d2df;border-radius:4px;background:#fff;color:#2f3b52;font:600 12px/1 system-ui,sans-serif;cursor:pointer}.xlsxv-sheet-tab.is-active{border-color:#2f6bff;color:#1d4fd7}.xlsxv-grid{height:calc(100% - 36px);overflow:auto}.xlsxv-table{border-collapse:collapse;min-width:100%;background:#fff;table-layout:fixed}.xlsxv-corner,.xlsxv-row-header,.xlsxv-col-header,.xlsxv-cell{box-sizing:border-box;height:26px;border:1px solid #d8dee8;padding:4px 8px;font-size:12px;line-height:1.3}.xlsxv-corner,.xlsxv-row-header,.xlsxv-col-header{position:sticky;z-index:2;background:#eef2f7;color:#526070;font-weight:600;text-align:center}.xlsxv-corner,.xlsxv-row-header{left:0;min-width:48px}.xlsxv-corner,.xlsxv-col-header{top:0}.xlsxv-corner{z-index:3}.xlsxv-cell{min-width:96px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}.iworkv-root{position:relative;width:100%;height:100%;overflow:auto;background:#dde3ea;color:#1f2937}.iworkv-root.is-loading:before,.iworkv-root.is-error:before{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#dde3eab8;z-index:10;font:600 14px/1.4 system-ui,sans-serif;content:attr(data-status)}.iworkv-stage{min-height:100%;padding:16px;box-sizing:border-box}.iworkv-stage.iworkv-numbers-stage{height:100%;padding:0}.iworkv-numbers-tables{display:grid;gap:24px;padding:16px}.iworkv-numbers-table-title{margin:0 0 8px;color:#526070;font:600 12px/1.3 system-ui,sans-serif}.iworkv-numbers-table{content-visibility:auto}.iworkv-cell-image{display:block;width:100%;max-height:180px;margin-bottom:4px;object-fit:contain}.iworkv-numbers-objects{overflow:auto}.iworkv-numbers-objects .iworkv-page-shell{box-shadow:none}.iworkv-pages{display:grid;gap:18px;justify-content:center}.iworkv-page-shell{position:relative;background:#fff;box-shadow:0 10px 40px #0f172a24}.iworkv-sheet-shell{position:relative;background:linear-gradient(180deg,#f7fafc,#edf2f7);border:1px solid #d6dee8}.pdfv-preview{position:relative;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:start;gap:16px;width:100%;height:100%;min-height:360px;background:#fff;overflow:auto}.pdfv-page-slot{justify-self:start;margin-inline:auto}.pdfv-page{box-sizing:border-box;display:block;border:1px solid #d7dee8;background:#fff}.pptxv-viewer{position:relative;display:flex;width:100%;height:100%;min-height:320px;background:#e6e9ef;overflow:hidden}.pptxv-scroll-area{flex:1;overflow:auto;padding:12px;scroll-behavior:smooth;scroll-padding:12px;scroll-snap-type:y proximity}.pptxv-loading{display:flex;align-items:center;justify-content:center;min-height:240px;color:#395170;font:600 15px/1.4 system-ui,sans-serif}.pptxv-loading--error{color:#8a1f1f}.pptxv-slide-shell{position:relative;contain:layout style;margin:0 auto 18px;scroll-snap-align:start}.pptxv-slide-stage{position:relative;border-radius:0;box-shadow:none;overflow:hidden}.pptxv-slide{position:relative;overflow:hidden;font-family:system-ui,sans-serif}.pptxv-slide--thumbnail{box-shadow:none}.pptxv-item{box-sizing:border-box}.pptxv-item--table,.pptxv-item--chart,.pptxv-item--unsupported{overflow:hidden}.pptxv-item--shape,.pptxv-item--media{overflow:visible}.pptxv-shape-svg{display:block;overflow:visible}.pptxv-text-frame{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.pptxv-shape-text{display:block;width:auto;height:auto;box-sizing:border-box}.pptxv-paragraph{margin:0;line-height:1;word-break:normal;overflow-wrap:break-word}.pptxv-run{white-space:pre-wrap}.pptxv-run--tab{display:inline-block;white-space:pre;min-width:4px}.pptxv-run--link{color:inherit;text-decoration-line:underline;text-decoration-color:currentcolor;text-underline-offset:.08em}.pptxv-item-link{cursor:pointer}.pptxv-item-link:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #2f6bffd1,inset 0 0 0 4px #ffffffc2}.pptxv-run--bullet{display:inline-block;min-width:1.2em}.pptxv-run--bullet-auto{min-width:2.4em}.pptxv-image{display:block;-webkit-user-select:none;user-select:none}.pptxv-media-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:transparent}.pptxv-media-poster-frame{position:absolute}.pptxv-media-poster,.pptxv-media-player{display:block}.pptxv-media-poster{-webkit-user-select:none;user-select:none;pointer-events:none}.pptxv-media-player--video{background:transparent}.pptxv-media-player--audio{min-width:220px}.pptxv-table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed;background:transparent}.pptxv-table-cell{border:0 solid transparent;vertical-align:top;padding:0}.pptxv-chart-svg{display:block;width:100%;height:100%;overflow:hidden;font-family:Aptos,Calibri,Segoe UI,sans-serif}.pptxv-chart-title,.pptxv-chart-axis-label,.pptxv-chart-category-label,.pptxv-chart-legend{fill:#595959;font-weight:400}.pptxv-chart-gridline{stroke:#bfbfbf;stroke-width:1}.pptxv-chart-axis{stroke:#000;stroke-width:1.25}.pptxv-item--unsupported{display:flex;align-items:center;justify-content:center;border:1px dashed rgba(57,81,112,.35);background:#ffffffb8;color:#395170;font:600 12px/1.3 system-ui,sans-serif}.pptxv-native-preview{box-sizing:border-box;width:100%;height:100%;min-height:280px;font-family:system-ui,sans-serif}.pptxv-native-preview--image,.pptxv-native-preview--video,.pptxv-native-preview--audio{display:flex;align-items:center;justify-content:center;overflow:auto;padding:16px;background:#151923}.pptxv-native-preview--image{cursor:grab;touch-action:none}.pptxv-native-preview--image.is-panning{cursor:grabbing}.pptxv-native-preview--audio{background:radial-gradient(ellipse at 12% 10%,#e3eadd,transparent 65%),#f2f0eb;flex-direction:column;padding:clamp(16px,4%,48px);justify-content:safe center;container-type:inline-size}.pptxv-native-image{display:block;width:auto;height:auto;transform-origin:center center;-webkit-user-select:none;user-select:none}.pptxv-native-media{display:block;max-width:100%}.pptxv-native-media--video{max-height:100%;background:#000}.pptxv-native-media--audio{width:min(640px,100%)}.pptxv-native-audio-cover{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:inherit}.pptxv-audio-player{--audio-accent: #40634c;box-sizing:border-box;width:min(880px,100%);flex-shrink:0;margin:auto;color:#283c32;background:#fffefa;border:1px solid #d7dbd0;border-radius:22px;box-shadow:0 16px 56px #243b2c0c;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.pptxv-audio-player button,.pptxv-audio-player select{font:inherit;cursor:pointer;color:inherit}.pptxv-audio-player button:focus-visible,.pptxv-audio-player select:focus-visible,.pptxv-audio-lyrics:focus-visible{outline:2px solid var(--audio-accent);outline-offset:3px}.pptxv-audio-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5%,56px);padding:clamp(24px,5%,44px)}.pptxv-audio-album{min-width:0}.pptxv-audio-artwork{position:relative;aspect-ratio:1;width:100%;max-width:280px;margin-bottom:26px;border-radius:14px;background:#45644e;box-shadow:0 10px 24px #223b3026;isolation:isolate}.pptxv-audio-placeholder{display:grid;place-items:center;height:100%;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 25% 15%,#9cab7c,transparent 50%),linear-gradient(145deg,#526c53,#1f3c37)}.pptxv-audio-placeholder span{display:grid;place-items:center;width:66%;aspect-ratio:1;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 15px #ffffff06,0 0 0 30px #ffffff06;color:#e8e8cd;font-size:52px}.pptxv-audio-play{position:absolute;z-index:2;right:14px;bottom:14px;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #ffffffa0;border-radius:50%;color:#293f32!important;background:#fffef4ee;box-shadow:0 4px 16px #0002}.pptxv-audio-play:hover{background:#fff;transform:scale(1.04)}.pptxv-audio-eyebrow{margin:0 0 10px;color:#697c63;font-size:10px;letter-spacing:.16em}.pptxv-audio-eyebrow:before{content:\"\";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#a7b19b}.is-playing .pptxv-audio-eyebrow:before{background:#52835b;box-shadow:0 0 0 4px #52835b18}.pptxv-audio-title{margin:0 0 8px;font-size:clamp(19px,2.4cqw,25px);font-weight:600;line-height:1.4;overflow-wrap:anywhere}.pptxv-audio-details{margin:0 0 18px;color:#6c756b;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.pptxv-audio-import{padding:6px 10px;border:1px solid #dce0d4;border-radius:6px;background:transparent;font-size:11px!important}.pptxv-audio-import:hover{border-color:#95a48c;background:#f3f5ed}.pptxv-audio-lyric-panel{min-width:0;display:flex;flex-direction:column}.pptxv-audio-lyric-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #e8e9e1}.pptxv-audio-lyric-header h3{margin:0;color:#6c756b;font-size:12px;font-weight:500;letter-spacing:.06em}.pptxv-audio-lyrics{position:relative;flex:1 0 auto;height:280px;max-height:340px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd1c3 transparent;margin-top:12px;padding:40px 0;box-sizing:border-box}.pptxv-audio-lyrics.is-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7b8375;gap:12px}.pptxv-audio-empty-icon{font-size:42px;color:#a0ae93}.pptxv-audio-lyrics.is-empty p{margin:0;font-size:14px}.pptxv-audio-lyrics.is-empty small{color:#7b8375;font-size:11px;line-height:1.7}.pptxv-audio-lyric{display:block;width:100%;padding:12px 10px;margin:0;border:0;border-left:2px solid transparent;border-radius:0 6px 6px 0;background:transparent;color:#7c8378!important;text-align:left;font-size:14px!important;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere;transition:color .18s,background .18s}.pptxv-audio-lyric:hover{color:#40634c!important;background:#f4f5ee}.pptxv-audio-lyric.is-active{border-left-color:var(--audio-accent);color:#304e39!important;background:#eff3e9;font-weight:600}.pptxv-audio-timing{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;color:#6c756b;font-size:10px}.pptxv-audio-timing[hidden]{display:none}.pptxv-audio-timing button{padding:4px 7px;border:1px solid #e0e3d8;border-radius:4px;background:transparent}.pptxv-audio-timing output{min-width:38px;text-align:center;font-variant-numeric:tabular-nums}.pptxv-audio-status{margin:10px 0 0;color:#707969;font-size:11px;line-height:1.6}.pptxv-audio-status:empty{display:none}.pptxv-audio-footer{display:flex;align-items:center;gap:14px;padding:16px 24px;background:#f3f5ee;border-top:1px solid #e2e6d9}.pptxv-audio-footer audio{width:100%;min-width:0;height:44px;flex:1}.pptxv-audio-extras{display:flex;align-items:center;gap:10px}.pptxv-audio-repeat{width:30px;height:30px;border:1px solid transparent;border-radius:50%;background:transparent;font-size:22px!important}.pptxv-audio-repeat[aria-pressed=true]{color:#355d3e;border-color:#cad7bf;background:#e1ead7}.pptxv-audio-speed{max-width:68px;padding:4px;border:0;border-radius:4px;background:transparent;font-size:12px!important}@container (max-width: 560px){.pptxv-audio-body{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px}.pptxv-audio-album{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:18px;align-content:center}.pptxv-audio-artwork{width:112px;grid-row:span 4;margin:0}.pptxv-audio-eyebrow{margin-bottom:6px;font-size:9px}.pptxv-audio-title{font-size:18px}.pptxv-audio-details{margin-bottom:10px;font-size:11px}.pptxv-audio-play{width:36px;height:36px;right:8px;bottom:8px}.pptxv-audio-placeholder span{font-size:28px}.pptxv-audio-lyrics{flex:none;height:230px}.pptxv-audio-footer{flex-wrap:wrap;gap:6px;padding:12px}.pptxv-audio-footer audio{flex-basis:100%}.pptxv-audio-extras{margin-left:auto}}@media (prefers-reduced-motion: reduce){.pptxv-audio-player *{transition:none!important}}.pptxv-native-preview--text{overflow:auto;background:#f8fafc}.pptxv-native-preview--html{overflow:hidden;background:#fff}.pptxv-native-html-frame{display:block;width:100%;height:100%;min-height:inherit;border:0;background:#fff}.pptxv-native-text-shell{box-sizing:border-box;min-width:100%;min-height:100%;padding:18px}.pptxv-native-text-body{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;min-width:max-content}.pptxv-native-text-gutter{box-sizing:border-box;position:sticky;left:0;z-index:1;white-space:pre;min-width:3.25rem;padding-right:14px;color:#64748b;background:#f8fafc;border-right:1px solid rgba(100,116,139,.2);font:13px/1.55 Consolas,SFMono-Regular,Liberation Mono,Menlo,monospace;text-align:right;-webkit-user-select:none;user-select:none}.pptxv-native-text{box-sizing:border-box;min-width:100%;margin:0;padding-left:14px;color:#1f2937;font:13px/1.55 Consolas,SFMono-Regular,Liberation Mono,Menlo,monospace;-moz-tab-size:2;tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere}.pptxv-native-text[data-wrap=false]{white-space:pre;overflow-wrap:normal}.pptxv-native-text-shell[data-family=code]{color-scheme:dark;background:#0b1220}.pptxv-native-text-shell[data-family=code] .pptxv-native-text-gutter{color:#607089;background:#0b1220;border-right-color:#94a3b82e}.pptxv-native-text[data-family=code]{color:#d7e0ec}.pptxv-token--comment{color:#6f8f72;font-style:italic}.pptxv-token--keyword{color:#f08fc5}.pptxv-token--literal{color:#79b8ff}.pptxv-token--string{color:#e7a873}.pptxv-token--number{color:#a8d58d}.pptxv-token--property{color:#8bd5ff}.pptxv-token--tag,.pptxv-token--type{color:#67d4c0}.pptxv-token--function{color:#e8d17a}.pptxv-token--operator{color:#b9c5d6}.ebookv-preview{box-sizing:border-box;display:grid;grid-template-columns:220px minmax(0,1fr);width:100%;height:100%;min-height:360px;overflow:hidden;background:#f5f7fb;color:#1f2937;font-family:system-ui,sans-serif}.ebookv-chapters{overflow:auto;border-right:1px solid #d7dee8;background:#fff}.ebookv-chapter-tab{display:block;width:100%;min-height:38px;padding:10px 12px;border:0;border-bottom:1px solid #e5ebf2;background:transparent;color:#39485c;text-align:left;font:600 12px/1.35 system-ui,sans-serif;cursor:pointer}.ebookv-chapter-tab:hover{background:#f6f9fd}.ebookv-chapter-tab.is-active{background:#eaf2ff;color:#1f4f94}.ebookv-stage{min-width:0;min-height:0;overflow:hidden;background:#fff}.ebookv-frame{display:block;width:100%;height:100%;min-height:inherit;border:0;background:#fff}@media (max-width: 760px){.ebookv-preview{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.ebookv-chapters{display:flex;gap:0;overflow-x:auto;border-right:0;border-bottom:1px solid #d7dee8}.ebookv-chapter-tab{width:auto;min-width:160px;border-right:1px solid #e5ebf2}}\n";document.head.append(s);}
-var Ga = Object.defineProperty;
-var Oa = (f, l, u) => l in f ? Ga(f, l, { enumerable: !0, configurable: !0, writable: !0, value: u }) : f[l] = u;
-var R = (f, l, u) => Oa(f, typeof l != "symbol" ? l + "" : l, u);
-import { am as ja, an as Wt, ao as Ua, ap as Ge, aq as Wa, ar as v, as as s, at as b, au as x, av as $, aw as V, ax as w, ay as Oe, az as Ka, aA as Kt, aB as Ha, aC as je, aD as Ya, aE as W, aF as Ht, aG as r, aH as Xa, aI as d, aJ as Ue, aK as qa, aL as Za, aM as Qa } from "./chunks/vendor-DRiz60Cl.js";
-import { D as Ke, n as Ja, p as es, c as qt, P as ts, j as as, q as ss, t as ns, u as os, v as ls } from "./chunks/core-Btd5PUTt.js";
-import { c as is, a as rs } from "./chunks/archive-6Qub9mNw.js";
-import { c as us, a as cs } from "./chunks/cad-EFq1g8br.js";
-import { c as vs, a as ds } from "./chunks/diagram-DF4cLJ7x.js";
-import { c as ps, a as hs } from "./chunks/mindmap-DHsLhGt7.js";
-import { c as fs, a as ms } from "./chunks/model3d-wQkZPAgr.js";
-import { a as bs, b as gs, d as ys, R as xs, e as ws, f as ks } from "./chunks/panorama-D_kQX6f4.js";
-import { c as Ss, a as Cs } from "./chunks/docx-_znXEdDw.js";
-import { c as Ms, a as _s } from "./chunks/iwork-Dfnhl8e6.js";
-import { b as Ds, d as Rs } from "./chunks/xlsx-BzBqnY9p.js";
-import { c as Ps, a as Ts } from "./chunks/ebook-DieqKVSP.js";
+var Wa = Object.defineProperty;
+var ja = (h, o, i) => o in h ? Wa(h, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : h[o] = i;
+var C = (h, o, i) => ja(h, typeof o != "symbol" ? o + "" : o, i);
+import { am as Ha, an as jt, ao as Ka, ap as Ge, aq as Ya, ar as d, as as s, at as g, au as x, av as E, aw as V, ax as w, ay as Oe, az as Xa, aA as Ht, aB as qa, aC as Ue, aD as Za, aE as j, aF as Kt, aG as c, aH as Qa, aI as v, aJ as We, aK as Ja, aL as es, aM as ts } from "./chunks/vendor-Cv2Fxtsf.js";
+import { p as Zt, n as Qt, D as He, c as Jt, P as as, j as ss, q as ns, t as os, u as is, v as ls } from "./chunks/core-BvtuMqS1.js";
+import { c as rs, a as us } from "./chunks/archive-Drem4a-o.js";
+import { c as cs, a as ds } from "./chunks/cad-CsU3TiHK.js";
+import { c as vs, a as ps } from "./chunks/diagram-BxRNHzmO.js";
+import { c as hs, a as fs } from "./chunks/mindmap-vFlOJSIq.js";
+import { c as ms, a as bs } from "./chunks/model3d-BBFXmxkf.js";
+import { a as gs, b as ys, d as xs, e as ws, R as ks, f as Ss, g as Cs } from "./chunks/panorama-Bw_8HQsv.js";
+import { c as Ms, a as _s } from "./chunks/docx-Ch1AvEUX.js";
+import { c as Ds, a as Rs } from "./chunks/iwork-HnghW_EB.js";
+import { b as Ps, d as Ts } from "./chunks/xlsx-ypLtJxeq.js";
+import { c as Ls, a as Es } from "./chunks/ebook-P42eILp5.js";
 function $s() {
   return [
-    us(),
+    cs(),
     vs(),
-    ps(),
-    fs()
+    hs(),
+    ms()
   ];
 }
-function Ls(f = []) {
-  return cs(
-    ds(ms(hs(f)))
+function As(h = []) {
+  return ds(
+    ps(bs(fs(h)))
   );
 }
-const As = /* @__PURE__ */ new Set(["image", "media"]), Es = Ke.filter((f) => As.has(f.driverId));
-function Is(f = {}) {
+const Is = [{
+  extensions: ["heic", "heif"],
+  family: "image",
+  driverId: "heif-image",
+  contentTypes: ["image/heic", "image/heif", "image/heic-sequence", "image/heif-sequence"],
+  group: "image"
+}];
+function Fs(h) {
+  return [{
+    id: "heif-image",
+    family: "image",
+    supports: (o) => ["heic", "heif"].includes(o.replace(/^\./, "").toLowerCase()),
+    createSession: (o, i) => new Yt(o, i ?? {}, h ?? gs(), !0)
+  }, {
+    ...Zt(),
+    createSession: (o, i) => new Yt(o, i ?? {}, h, !1)
+  }];
+}
+class Yt {
+  constructor(o, i, n, p) {
+    C(this, "child");
+    C(this, "controller");
+    C(this, "removeAbort");
+    C(this, "childListeners", []);
+    C(this, "listeners", /* @__PURE__ */ new Map());
+    C(this, "state");
+    this.host = o, this.options = i, this.converter = n, this.image = p, this.state = { family: p ? "image" : "video", loading: !1, error: null, warnings: [], capabilities: {} };
+  }
+  async load(o, i) {
+    var u, r, M, T;
+    this.destroy();
+    const n = this.controller = new AbortController(), p = n.signal, f = () => n.abort();
+    if ((u = i.signal) == null || u.addEventListener("abort", f, { once: !0 }), this.removeAbort = () => {
+      var S;
+      return (S = i.signal) == null ? void 0 : S.removeEventListener("abort", f);
+    }, p.addEventListener("abort", () => {
+      this.controller === n && (this.releaseChild(), this.state = { ...this.state, loading: !1, error: null }, this.emit("statechange", this.state));
+    }, { once: !0 }), this.state = { ...this.state, loading: !0, error: null, title: i.descriptor.name, warnings: [] }, this.emit("loading", this.state), this.emit("statechange", this.state), (r = i.signal) != null && r.aborted && n.abort(), p.aborted) return;
+    const k = { ...i, signal: p };
+    await this.open(
+      o,
+      k,
+      n,
+      this.image || this.converter && ((T = ((M = i.route) == null ? void 0 : M.sourceFormat) ?? i.descriptor.extension) == null ? void 0 : T.toLowerCase()) === "mov" ? () => {
+        this.convert(o, k, n);
+      } : void 0
+    );
+  }
+  async convert(o, i, n) {
+    var p;
+    if (!(n.signal.aborted || this.controller !== n)) {
+      this.releaseChild(), this.state = { ...this.state, loading: !0, error: null }, this.emit("loading", this.state), this.emit("statechange", this.state);
+      try {
+        if (!this.converter) throw new Error("No optional media converter is configured.");
+        const f = await this.converter.convert({
+          source: o,
+          sourceFormat: ((p = i.route) == null ? void 0 : p.sourceFormat) ?? i.descriptor.extension ?? (this.image ? "heic" : "mov"),
+          targetFormat: this.image ? "png" : "mp4",
+          name: i.descriptor.name
+        }, i);
+        if (n.signal.aborted || this.controller !== n) return;
+        await this.open(f.source, {
+          ...i,
+          descriptor: { ...i.descriptor, source: f.source, extension: f.format, contentType: f.contentType },
+          route: { family: this.image ? "image" : "video", driverId: this.image ? "image" : "media", sourceFormat: f.format, targetFormat: f.format }
+        }, n);
+      } catch (f) {
+        this.fail(f, n);
+      }
+    }
+  }
+  async open(o, i, n, p) {
+    if (n.signal.aborted || this.controller !== n) return;
+    const f = (this.image ? Qt() : Zt()).createSession(this.host, this.options);
+    this.child = f;
+    const k = () => this.child === f && this.controller === n && !n.signal.aborted;
+    for (const u of ["loading", "rendered", "statechange", "error", "warnings"])
+      this.childListeners.push(f.on(u, (r) => {
+        var M;
+        if (k()) {
+          if (u === "error" && p) {
+            p();
+            return;
+          }
+          if (u === "rendered" && !this.image && !((M = this.host.querySelector("video")) != null && M.videoWidth)) {
+            p ? p() : (this.releaseChild(), this.fail(new Error("The browser cannot decode this video codec. Use a compatible browser or an optional media converter."), n));
+            return;
+          }
+          u === "loading" || u === "rendered" || u === "statechange" ? (this.state = r, this.emit(u, this.state)) : this.emit(u, r);
+        }
+      }));
+    try {
+      await f.load(o, i);
+    } catch (u) {
+      k() && this.fail(u, n);
+    }
+  }
+  fail(o, i) {
+    if (i.signal.aborted || this.controller !== i) return;
+    const n = o instanceof Error ? o : new Error(String(o));
+    this.state = { ...this.state, loading: !1, error: n.message }, this.emit("error", n), this.emit("statechange", this.state);
+  }
+  getState() {
+    return this.state;
+  }
+  on(o, i) {
+    const n = this.listeners.get(o) ?? /* @__PURE__ */ new Set();
+    return this.listeners.set(o, n), n.add(i), () => n.delete(i);
+  }
+  emit(o, i) {
+    var n;
+    (n = this.listeners.get(o)) == null || n.forEach((p) => p(i));
+  }
+  setScale(o) {
+    var i, n;
+    (n = (i = this.child) == null ? void 0 : i.setScale) == null || n.call(i, o);
+  }
+  fit(o) {
+    var i, n;
+    (n = (i = this.child) == null ? void 0 : i.fit) == null || n.call(i, o);
+  }
+  rotate(o) {
+    var i, n;
+    (n = (i = this.child) == null ? void 0 : i.rotate) == null || n.call(i, o);
+  }
+  pan(o, i) {
+    var n, p;
+    (p = (n = this.child) == null ? void 0 : n.pan) == null || p.call(n, o, i);
+  }
+  async fullscreen() {
+    var o, i;
+    await ((i = (o = this.child) == null ? void 0 : o.fullscreen) == null ? void 0 : i.call(o));
+  }
+  destroy() {
+    var i;
+    const o = this.controller;
+    this.controller = void 0, o == null || o.abort(), (i = this.removeAbort) == null || i.call(this), this.removeAbort = void 0, this.releaseChild(), this.state = { ...this.state, loading: !1 };
+  }
+  releaseChild() {
+    var o;
+    this.childListeners.splice(0).forEach((i) => i()), (o = this.child) == null || o.destroy(), this.child = void 0;
+  }
+}
+const Ns = /* @__PURE__ */ new Set(["image", "media"]), zs = He.filter((h) => Ns.has(h.driverId));
+function Bs(h = {}) {
   return [
-    Ja(),
-    es(),
-    bs({ processor: f.panoramaProcessor }),
-    ...f.converter ? [gs({ processor: f.panoramaProcessor, converter: f.converter })] : []
+    Qt(),
+    ...Fs(h.mediaConverter),
+    ys({ processor: h.panoramaProcessor }),
+    ...h.converter ? [xs({ processor: h.panoramaProcessor, converter: h.converter })] : []
   ];
 }
-function Fs(f = Es, l = {}) {
-  const u = ys(f);
-  return l.rawPreview ? [...xs, ...u.map((n) => ({
+function Vs(h = zs, o = {}) {
+  const i = [...Is, ...ws(h)];
+  return o.rawPreview ? [...ks, ...i.map((n) => ({
     ...n,
-    extensions: n.extensions.filter((m) => m !== "dng")
-  })).filter((n) => n.extensions.length > 0)] : u;
+    extensions: n.extensions.filter((p) => p !== "dng")
+  })).filter((n) => n.extensions.length > 0)] : i;
 }
-const Ns = [
+const Gs = [
   {
     extensions: ["pdf"],
     family: "paged",
@@ -52,43 +195,43 @@ const Ns = [
     contentTypes: ["application/pdf"]
   }
 ];
-class Bs {
-  constructor(l, u = {}) {
-    R(this, "listeners", {
+class Os {
+  constructor(o, i = {}) {
+    C(this, "listeners", {
       loading: /* @__PURE__ */ new Set(),
       rendered: /* @__PURE__ */ new Set(),
       error: /* @__PURE__ */ new Set(),
       statechange: /* @__PURE__ */ new Set(),
       warnings: /* @__PURE__ */ new Set()
     });
-    R(this, "root");
-    R(this, "document", null);
-    R(this, "loadingTask", null);
-    R(this, "pages", []);
-    R(this, "loadGeneration", 0);
-    R(this, "renderGeneration", 0);
-    R(this, "rendering", null);
-    R(this, "renderAgain", !1);
-    R(this, "animationFrame", null);
-    R(this, "resizeObserver");
-    R(this, "removeAbortListener");
-    R(this, "dimensions", "");
-    R(this, "virtual");
-    R(this, "state");
-    R(this, "inspectedFontPages", /* @__PURE__ */ new Set());
-    R(this, "fonts", /* @__PURE__ */ new Map());
-    R(this, "scheduleRender", () => {
+    C(this, "root");
+    C(this, "document", null);
+    C(this, "loadingTask", null);
+    C(this, "pages", []);
+    C(this, "loadGeneration", 0);
+    C(this, "renderGeneration", 0);
+    C(this, "rendering", null);
+    C(this, "renderAgain", !1);
+    C(this, "animationFrame", null);
+    C(this, "resizeObserver");
+    C(this, "removeAbortListener");
+    C(this, "dimensions", "");
+    C(this, "virtual");
+    C(this, "state");
+    C(this, "inspectedFontPages", /* @__PURE__ */ new Set());
+    C(this, "fonts", /* @__PURE__ */ new Map());
+    C(this, "scheduleRender", () => {
       this.animationFrame === null && (this.animationFrame = requestAnimationFrame(() => {
         this.animationFrame = null;
-        const l = this.loadGeneration;
-        this.renderVisiblePages().catch((u) => {
-          if (l !== this.loadGeneration) return;
-          const n = u instanceof Error ? u : new Error(String(u));
+        const o = this.loadGeneration;
+        this.renderVisiblePages().catch((i) => {
+          if (o !== this.loadGeneration) return;
+          const n = i instanceof Error ? i : new Error(String(i));
           this.state.error = n.message, this.emit("error", n), this.emit("statechange", this.getState());
         });
       }));
     });
-    this.host = l, this.root = document.createElement("div"), this.root.className = "pdfv-preview", this.host.replaceChildren(this.root), this.virtual = u.virtual !== !1, this.root.addEventListener("scroll", this.scheduleRender, { passive: !0 }), typeof ResizeObserver < "u" && (this.resizeObserver = new ResizeObserver(() => {
+    this.host = o, this.root = document.createElement("div"), this.root.className = "pdfv-preview", this.host.replaceChildren(this.root), this.virtual = i.virtual !== !1, this.root.addEventListener("scroll", this.scheduleRender, { passive: !0 }), typeof ResizeObserver < "u" && (this.resizeObserver = new ResizeObserver(() => {
       this.document && this.dimensions !== this.rootDimensions() && this.relayout();
     }), this.resizeObserver.observe(this.root)), this.state = {
       loading: !1,
@@ -105,77 +248,77 @@ class Bs {
       },
       pageIndex: 0,
       pageCount: 0,
-      scale: u.initialScale ?? 1,
-      fit: u.fit ?? "contain"
+      scale: i.initialScale ?? 1,
+      fit: i.fit ?? "contain"
     };
   }
-  async load(l, u) {
-    var c;
-    const n = u.signal, m = ++this.loadGeneration;
-    (c = this.removeAbortListener) == null || c.call(this);
-    const y = this.releaseDocument();
+  async load(o, i) {
+    var u;
+    const n = i.signal, p = ++this.loadGeneration;
+    (u = this.removeAbortListener) == null || u.call(this);
+    const f = this.releaseDocument();
     this.state = {
       ...this.state,
       loading: !0,
       error: null,
-      title: u.descriptor.name,
+      title: i.descriptor.name,
       warnings: [],
       pageIndex: 0,
       pageCount: 0
     }, this.emit("loading", this.state), this.emit("statechange", this.state);
     const k = () => {
-      m === this.loadGeneration && (this.loadGeneration++, this.releaseDocument().catch(() => {
+      p === this.loadGeneration && (this.loadGeneration++, this.releaseDocument().catch(() => {
       }), this.state.loading = !1, this.state.pageIndex = this.state.pageCount = 0);
     };
     n == null || n.addEventListener("abort", k, { once: !0 }), this.removeAbortListener = () => n == null ? void 0 : n.removeEventListener("abort", k);
     try {
-      if (await y, n != null && n.aborted) throw We();
-      if (m !== this.loadGeneration) return;
-      const [i, P, { default: L }] = await Promise.all([
-        Os(l),
+      if (await f, n != null && n.aborted) throw je();
+      if (p !== this.loadGeneration) return;
+      const [r, M, { default: T }] = await Promise.all([
+        Hs(o),
         import("./chunks/pdf-CecYOWld.js").then((q) => q.p),
         import("./chunks/pdf-CecYOWld.js").then((q) => q.a)
       ]);
-      if (n != null && n.aborted) throw We();
-      if (m !== this.loadGeneration) return;
-      P.GlobalWorkerOptions.workerSrc = L;
-      const S = P.getDocument({
-        ...typeof i == "string" ? { url: i } : { data: i },
-        password: u.descriptor.password
+      if (n != null && n.aborted) throw je();
+      if (p !== this.loadGeneration) return;
+      M.GlobalWorkerOptions.workerSrc = T;
+      const S = M.getDocument({
+        ...typeof r == "string" ? { url: r } : { data: r },
+        password: i.descriptor.password
       });
       this.loadingTask = S;
-      const D = await S.promise;
-      if (m !== this.loadGeneration) return;
-      this.document = D, this.state.pageCount = D.numPages, this.root.setAttribute("role", "document"), this.root.setAttribute("aria-label", u.descriptor.name ?? "PDF preview"), this.root.replaceChildren();
-      const K = await D.getPage(1);
-      if (m !== this.loadGeneration) return;
-      const _ = K.getViewport({ scale: 1 }), A = document.createDocumentFragment();
-      if (this.pages = Array.from({ length: D.numPages }, (q, G) => {
-        const H = document.createElement("div");
-        return H.className = "pdfv-page-slot", H.dataset.pageIndex = String(G), A.append(H), { element: H, width: _.width, height: _.height, page: G === 0 ? K : void 0 };
-      }), this.root.append(A), this.root.scrollTop = 0, this.layoutPages(), await this.renderVisiblePages(), m !== this.loadGeneration) return;
+      const P = await S.promise;
+      if (p !== this.loadGeneration) return;
+      this.document = P, this.state.pageCount = P.numPages, this.root.setAttribute("role", "document"), this.root.setAttribute("aria-label", i.descriptor.name ?? "PDF preview"), this.root.replaceChildren();
+      const H = await P.getPage(1);
+      if (p !== this.loadGeneration) return;
+      const R = H.getViewport({ scale: 1 }), $ = document.createDocumentFragment();
+      if (this.pages = Array.from({ length: P.numPages }, (q, G) => {
+        const K = document.createElement("div");
+        return K.className = "pdfv-page-slot", K.dataset.pageIndex = String(G), $.append(K), { element: K, width: R.width, height: R.height, page: G === 0 ? H : void 0 };
+      }), this.root.append($), this.root.scrollTop = 0, this.layoutPages(), await this.renderVisiblePages(), p !== this.loadGeneration) return;
       this.state.loading = !1, this.state.error = null, this.emit("rendered", this.state), this.emit("statechange", this.state), this.virtual && this.scheduleRender();
-    } catch (i) {
+    } catch (r) {
       if (n != null && n.aborted)
-        throw k(), We();
-      if (m !== this.loadGeneration) return;
-      const P = (i == null ? void 0 : i.name) === "PasswordException" ? new ts(i.code === 2 ? "password_invalid" : "password_required") : i instanceof Error ? i : new Error(String(i));
-      throw this.state.loading = !1, this.state.error = P.message, this.emit("error", P), this.emit("statechange", this.state), P;
+        throw k(), je();
+      if (p !== this.loadGeneration) return;
+      const M = (r == null ? void 0 : r.name) === "PasswordException" ? new as(r.code === 2 ? "password_invalid" : "password_required") : r instanceof Error ? r : new Error(String(r));
+      throw this.state.loading = !1, this.state.error = M.message, this.emit("error", M), this.emit("statechange", this.state), M;
     }
   }
   destroy() {
-    var l, u;
-    this.loadGeneration += 1, (l = this.removeAbortListener) == null || l.call(this), this.root.removeEventListener("scroll", this.scheduleRender), (u = this.resizeObserver) == null || u.disconnect(), this.releaseDocument().catch(() => {
+    var o, i;
+    this.loadGeneration += 1, (o = this.removeAbortListener) == null || o.call(this), this.root.removeEventListener("scroll", this.scheduleRender), (i = this.resizeObserver) == null || i.disconnect(), this.releaseDocument().catch(() => {
     }), this.root.parentElement === this.host && this.host.replaceChildren();
   }
   getState() {
-    var l;
-    return { ...this.state, fonts: (l = this.state.fonts) == null ? void 0 : l.map((u) => ({ ...u, classification: u.classification ? { ...u.classification } : void 0 })), warnings: this.state.warnings.slice(), capabilities: { ...this.state.capabilities } };
+    var o;
+    return { ...this.state, fonts: (o = this.state.fonts) == null ? void 0 : o.map((i) => ({ ...i, classification: i.classification ? { ...i.classification } : void 0 })), warnings: this.state.warnings.slice(), capabilities: { ...this.state.capabilities } };
   }
-  goToPage(l) {
-    if (!Number.isFinite(l) || !this.pages.length) return;
-    const u = Math.max(0, Math.min(this.pages.length - 1, Math.trunc(l)));
-    this.state.pageIndex = u, this.root.scrollTop = this.pages[u].element.offsetTop, this.emit("statechange", this.getState()), this.scheduleRender();
+  goToPage(o) {
+    if (!Number.isFinite(o) || !this.pages.length) return;
+    const i = Math.max(0, Math.min(this.pages.length - 1, Math.trunc(o)));
+    this.state.pageIndex = i, this.root.scrollTop = this.pages[i].element.offsetTop, this.emit("statechange", this.getState()), this.scheduleRender();
   }
   next() {
     this.goToPage(this.state.pageIndex + 1);
@@ -183,79 +326,79 @@ class Bs {
   prev() {
     this.goToPage(this.state.pageIndex - 1);
   }
-  setScale(l) {
-    !Number.isFinite(l) || l <= 0 || l === this.state.scale || (this.state.scale = l, this.relayout());
+  setScale(o) {
+    !Number.isFinite(o) || o <= 0 || o === this.state.scale || (this.state.scale = o, this.relayout());
   }
-  fit(l = "contain") {
-    this.state.fit = l, this.relayout();
+  fit(o = "contain") {
+    this.state.fit = o, this.relayout();
   }
   fullscreen() {
-    var l, u;
-    return (u = (l = this.host).requestFullscreen) == null ? void 0 : u.call(l);
+    var o, i;
+    return (i = (o = this.host).requestFullscreen) == null ? void 0 : i.call(o);
   }
-  on(l, u) {
-    return this.listeners[l].add(u), () => {
-      this.listeners[l].delete(u);
+  on(o, i) {
+    return this.listeners[o].add(i), () => {
+      this.listeners[o].delete(i);
     };
   }
-  emit(l, u) {
-    for (const n of this.listeners[l])
-      n(u);
+  emit(o, i) {
+    for (const n of this.listeners[o])
+      n(i);
   }
-  pageScale(l, u, n = this.root.clientWidth, m = this.root.clientHeight) {
-    const y = n > 0 ? n / l : 1, k = m > 0 ? m / u : 1;
-    return this.state.fit === "width" ? y * this.state.scale : this.state.fit === "height" ? k * this.state.scale : this.state.fit === "contain" ? Math.min(y, k, 1) * this.state.scale : this.state.scale;
+  pageScale(o, i, n = this.root.clientWidth, p = this.root.clientHeight) {
+    const f = n > 0 ? n / o : 1, k = p > 0 ? p / i : 1;
+    return this.state.fit === "width" ? f * this.state.scale : this.state.fit === "height" ? k * this.state.scale : this.state.fit === "contain" ? Math.min(f, k, 1) * this.state.scale : this.state.scale;
   }
   rootDimensions() {
     return `${this.root.clientWidth}:${this.root.clientHeight}`;
   }
   layoutPages() {
-    const l = this.root.clientWidth, u = this.root.clientHeight;
-    this.dimensions = `${l}:${u}`;
-    for (const n of this.pages) this.sizeSlot(n, l, u);
+    const o = this.root.clientWidth, i = this.root.clientHeight;
+    this.dimensions = `${o}:${i}`;
+    for (const n of this.pages) this.sizeSlot(n, o, i);
   }
-  sizeSlot(l, u, n) {
-    const m = this.pageScale(l.width, l.height, u, n);
-    l.element.style.width = `${l.width * m}px`, l.element.style.height = `${l.height * m}px`;
+  sizeSlot(o, i, n) {
+    const p = this.pageScale(o.width, o.height, i, n);
+    o.element.style.width = `${o.width * p}px`, o.element.style.height = `${o.height * p}px`;
   }
   relayout() {
-    const l = this.pages[this.state.pageIndex], u = l ? this.root.scrollTop - l.element.offsetTop : 0;
+    const o = this.pages[this.state.pageIndex], i = o ? this.root.scrollTop - o.element.offsetTop : 0;
     this.renderGeneration++, this.renderAgain = !0;
     for (const n of this.pages) this.clearCanvas(n);
-    this.layoutPages(), l && (this.root.scrollTop = l.element.offsetTop + u), this.emit("statechange", this.getState()), this.scheduleRender();
+    this.layoutPages(), o && (this.root.scrollTop = o.element.offsetTop + i), this.emit("statechange", this.getState()), this.scheduleRender();
   }
   visiblePages() {
-    if (!this.virtual) return this.pages.map((k, c) => c);
-    const l = this.root.getBoundingClientRect();
+    if (!this.virtual) return this.pages.map((k, u) => u);
+    const o = this.root.getBoundingClientRect();
     if (!this.root.clientHeight) return this.pages.length ? [this.state.pageIndex] : [];
-    const u = this.state.loading ? 0 : this.root.clientHeight / 2, n = [];
-    let m = this.state.pageIndex, y = -1;
-    for (const [k, c] of this.pages.entries()) {
-      const i = c.element.getBoundingClientRect();
-      i.bottom > l.top - u && i.top < l.bottom + u && n.push(k);
-      const P = Math.min(i.bottom, l.bottom) - Math.max(i.top, l.top);
-      P > y && (m = k, y = P);
-    }
-    return m !== this.state.pageIndex && (this.state.pageIndex = m, this.emit("statechange", this.getState())), n;
+    const i = this.state.loading ? 0 : this.root.clientHeight / 2, n = [];
+    let p = this.state.pageIndex, f = -1;
+    for (const [k, u] of this.pages.entries()) {
+      const r = u.element.getBoundingClientRect();
+      r.bottom > o.top - i && r.top < o.bottom + i && n.push(k);
+      const M = Math.min(r.bottom, o.bottom) - Math.max(r.top, o.top);
+      M > f && (p = k, f = M);
+    }
+    return p !== this.state.pageIndex && (this.state.pageIndex = p, this.emit("statechange", this.getState())), n;
   }
   async renderVisiblePages() {
     if (this.renderAgain = !0, this.rendering) {
-      const m = new Set(this.visiblePages());
-      for (const [y, k] of this.pages.entries()) k.task && !m.has(y) && this.clearCanvas(k);
+      const p = new Set(this.visiblePages());
+      for (const [f, k] of this.pages.entries()) k.task && !p.has(f) && this.clearCanvas(k);
       return this.rendering;
     }
-    const l = this.loadGeneration, u = this.document;
-    if (!u) return;
+    const o = this.loadGeneration, i = this.document;
+    if (!i) return;
     const n = (async () => {
       do {
         this.renderAgain = !1;
-        const m = this.renderGeneration, y = new Set(this.visiblePages());
-        for (const [k, c] of this.pages.entries()) y.has(k) || this.clearCanvas(c);
-        for (const k of y) {
-          if (l !== this.loadGeneration || m !== this.renderGeneration || this.renderAgain) break;
-          await this.renderPage(u, k, l, m);
+        const p = this.renderGeneration, f = new Set(this.visiblePages());
+        for (const [k, u] of this.pages.entries()) f.has(k) || this.clearCanvas(u);
+        for (const k of f) {
+          if (o !== this.loadGeneration || p !== this.renderGeneration || this.renderAgain) break;
+          await this.renderPage(i, k, o, p);
         }
-      } while (this.renderAgain && l === this.loadGeneration);
+      } while (this.renderAgain && o === this.loadGeneration);
     })();
     this.rendering = n;
     try {
@@ -264,55 +407,55 @@ class Bs {
       this.rendering === n && (this.rendering = null);
     }
   }
-  async renderPage(l, u, n, m) {
-    var K;
-    const y = this.pages[u];
-    if (y.canvas) return;
-    const k = y.page ?? await l.getPage(u + 1);
-    if (n !== this.loadGeneration || m !== this.renderGeneration) return;
-    y.page = k;
-    const c = k.getViewport({ scale: 1 });
-    if (y.width !== c.width || y.height !== c.height) {
-      const _ = (K = this.pages[this.state.pageIndex]) == null ? void 0 : K.element, A = (_ == null ? void 0 : _.offsetTop) ?? 0;
-      y.width = c.width, y.height = c.height, this.sizeSlot(y), _ && (this.root.scrollTop += _.offsetTop - A);
-    }
-    const i = this.pageScale(c.width, c.height), P = k.getViewport({ scale: i }), L = window.devicePixelRatio || 1, S = document.createElement("canvas");
-    S.className = "pdfv-page", S.dataset.pageIndex = String(u), S.setAttribute("role", "img"), S.setAttribute("aria-label", `Page ${u + 1}`), S.width = Math.ceil(P.width * L), S.height = Math.ceil(P.height * L), S.style.width = `${P.width}px`, S.style.height = `${P.height}px`, y.canvas = S, y.element.append(S);
-    const D = k.render({ canvas: S, viewport: k.getViewport({ scale: i * L }), background: "#ffffff" });
-    y.task = D;
+  async renderPage(o, i, n, p) {
+    var H;
+    const f = this.pages[i];
+    if (f.canvas) return;
+    const k = f.page ?? await o.getPage(i + 1);
+    if (n !== this.loadGeneration || p !== this.renderGeneration) return;
+    f.page = k;
+    const u = k.getViewport({ scale: 1 });
+    if (f.width !== u.width || f.height !== u.height) {
+      const R = (H = this.pages[this.state.pageIndex]) == null ? void 0 : H.element, $ = (R == null ? void 0 : R.offsetTop) ?? 0;
+      f.width = u.width, f.height = u.height, this.sizeSlot(f), R && (this.root.scrollTop += R.offsetTop - $);
+    }
+    const r = this.pageScale(u.width, u.height), M = k.getViewport({ scale: r }), T = window.devicePixelRatio || 1, S = document.createElement("canvas");
+    S.className = "pdfv-page", S.dataset.pageIndex = String(i), S.setAttribute("role", "img"), S.setAttribute("aria-label", `Page ${i + 1}`), S.width = Math.ceil(M.width * T), S.height = Math.ceil(M.height * T), S.style.width = `${M.width}px`, S.style.height = `${M.height}px`, f.canvas = S, f.element.append(S);
+    const P = k.render({ canvas: S, viewport: k.getViewport({ scale: r * T }), background: "#ffffff" });
+    f.task = P;
     try {
-      await D.promise, y.canvas === S && (S.dataset.rendered = "true", this.inspectPageFonts(k, u, n));
-    } catch (_) {
-      if (y.canvas === S && this.clearCanvas(y), n === this.loadGeneration && m === this.renderGeneration && (_ == null ? void 0 : _.name) !== "RenderingCancelledException") throw _;
+      await P.promise, f.canvas === S && (S.dataset.rendered = "true", this.inspectPageFonts(k, i, n));
+    } catch (R) {
+      if (f.canvas === S && this.clearCanvas(f), n === this.loadGeneration && p === this.renderGeneration && (R == null ? void 0 : R.name) !== "RenderingCancelledException") throw R;
     } finally {
-      y.task === D && (y.task = void 0);
+      f.task === P && (f.task = void 0);
     }
   }
-  clearCanvas(l) {
-    var u;
-    (u = l.task) == null || u.cancel(), l.task = void 0, l.canvas && (l.canvas.width = l.canvas.height = 0, l.canvas.remove(), l.canvas = void 0);
+  clearCanvas(o) {
+    var i;
+    (i = o.task) == null || i.cancel(), o.task = void 0, o.canvas && (o.canvas.width = o.canvas.height = 0, o.canvas.remove(), o.canvas = void 0);
   }
-  async inspectPageFonts(l, u, n) {
-    var m;
-    if (!(n !== this.loadGeneration || this.inspectedFontPages.has(u))) {
-      this.inspectedFontPages.add(u);
+  async inspectPageFonts(o, i, n) {
+    var p;
+    if (!(n !== this.loadGeneration || this.inspectedFontPages.has(i))) {
+      this.inspectedFontPages.add(i);
       try {
-        const y = await ((m = l.getTextContent) == null ? void 0 : m.call(l));
-        if (!y || n !== this.loadGeneration) return;
+        const f = await ((p = o.getTextContent) == null ? void 0 : p.call(o));
+        if (!f || n !== this.loadGeneration) return;
         let k = !1;
-        for (const [c, i] of Object.entries(y.styles))
-          this.fonts.has(c) || (this.fonts.set(c, {
-            fontId: c,
-            fontFamily: i.fontFamily,
+        for (const [u, r] of Object.entries(f.styles))
+          this.fonts.has(u) || (this.fonts.set(u, {
+            fontId: u,
+            fontFamily: r.fontFamily,
             status: "unknown",
             source: "unknown",
-            classification: as(i.fontFamily)
+            classification: ss(r.fontFamily)
           }), k = !0);
         k && (this.state.fonts = [...this.fonts.values()], this.emit("statechange", this.getState()));
       } catch {
         if (n !== this.loadGeneration) return;
-        const y = `Font metadata is unavailable for PDF page ${u + 1}.`;
-        this.state.warnings = [.../* @__PURE__ */ new Set([...this.state.warnings, y])], this.emit("warnings", this.state.warnings), this.emit("statechange", this.getState());
+        const f = `Font metadata is unavailable for PDF page ${i + 1}.`;
+        this.state.warnings = [.../* @__PURE__ */ new Set([...this.state.warnings, f])], this.emit("warnings", this.state.warnings), this.emit("statechange", this.getState());
       }
     }
   }
@@ -320,164 +463,164 @@ class Bs {
     this.animationFrame !== null && cancelAnimationFrame(this.animationFrame), this.animationFrame = null, this.renderGeneration++;
     for (const n of this.pages) this.clearCanvas(n);
     this.pages = [], this.inspectedFontPages.clear(), this.fonts.clear(), this.state.fonts = [], this.rendering = null, this.renderAgain = !1, this.root.replaceChildren();
-    const l = this.loadingTask, u = this.document;
-    return this.loadingTask = null, this.document = null, l ? l.destroy() : (u == null ? void 0 : u.destroy()) ?? Promise.resolve();
+    const o = this.loadingTask, i = this.document;
+    return this.loadingTask = null, this.document = null, o ? o.destroy() : (i == null ? void 0 : i.destroy()) ?? Promise.resolve();
   }
 }
-function We() {
+function je() {
   return new DOMException("PDF loading was aborted.", "AbortError");
 }
-function zs() {
+function Us() {
   return {
     id: "pdf",
     family: "paged",
-    supports: (f) => Gs(f) === "pdf",
-    createSession: (f, l) => new Bs(f, l)
+    supports: (h) => js(h) === "pdf",
+    createSession: (h, o) => new Os(h, o)
   };
 }
-function Vs(f = qt()) {
+function Ws(h = Jt()) {
   return [
-    ...Ns,
-    ...f.filter((l) => !l.extensions.includes("pdf"))
+    ...Gs,
+    ...h.filter((o) => !o.extensions.includes("pdf"))
   ];
 }
-function Gs(f) {
-  return f.trim().replace(/^\./, "").toLowerCase();
+function js(h) {
+  return h.trim().replace(/^\./, "").toLowerCase();
 }
-async function Os(f) {
-  if (typeof f == "string") return f;
-  if (f instanceof Blob) return new Uint8Array(await f.arrayBuffer());
-  if (ArrayBuffer.isView(f)) {
-    const l = new Uint8Array(f.buffer, f.byteOffset, f.byteLength), u = new Uint8Array(l.byteLength);
-    return u.set(l), u;
+async function Hs(h) {
+  if (typeof h == "string") return h;
+  if (h instanceof Blob) return new Uint8Array(await h.arrayBuffer());
+  if (ArrayBuffer.isView(h)) {
+    const o = new Uint8Array(h.buffer, h.byteOffset, h.byteLength), i = new Uint8Array(o.byteLength);
+    return i.set(o), i;
   }
-  return new Uint8Array(f.slice(0));
+  return new Uint8Array(h.slice(0));
 }
-const js = /* @__PURE__ */ new Set(["pptx", "pdf", "docx", "xlsx"]), Us = Ke.filter((f) => js.has(f.driverId));
-function Ws() {
+const Ks = /* @__PURE__ */ new Set(["pptx", "pdf", "docx", "xlsx"]), Ys = He.filter((h) => Ks.has(h.driverId));
+function Xs() {
   return [
-    ss(),
-    zs(),
-    Ss(),
-    Ds(),
-    Ms()
+    ns(),
+    Us(),
+    Ms(),
+    Ps(),
+    Ds()
   ];
 }
-function Ks(f = Us) {
-  return _s(
-    Vs(Cs(Rs(f)))
+function qs(h = Ys) {
+  return Rs(
+    Ws(_s(Ts(h)))
   );
 }
-const Hs = /* @__PURE__ */ new Set(["text", "html"]), Ys = Ke.filter((f) => Hs.has(f.driverId));
-function Xs() {
-  return [ns(), os(), Ps()];
+const Zs = /* @__PURE__ */ new Set(["text", "html"]), Qs = He.filter((h) => Zs.has(h.driverId));
+function Js() {
+  return [os(), is(), Ls()];
 }
-function qs(f = Ys) {
-  return Ts(f);
+function en(h = Qs) {
+  return Es(h);
 }
-function Zs(f = {}) {
-  return Ks(
-    is(
-      Ls(
-        qs(Fs(qt(), f))
+function tn(h = {}) {
+  return qs(
+    rs(
+      As(
+        en(Vs(Jt(), h))
       )
     )
   );
 }
-const Qs = ["aria-label"], Js = {
+const an = ["aria-label"], sn = {
   key: 0,
   class: "pptxv-toolbar"
-}, en = { class: "pptxv-toolbar-group" }, tn = ["disabled"], an = ["disabled"], sn = { class: "pptxv-status" }, nn = { class: "pptxv-button pptxv-layer-summary" }, on = { class: "pptxv-layer-popover" }, ln = ["checked", "onChange"], rn = { class: "pptxv-layer-name" }, un = { class: "pptxv-toolbar-group" }, cn = ["disabled"], vn = { class: "pptxv-status" }, dn = ["disabled"], pn = ["disabled"], hn = ["disabled"], fn = ["disabled"], mn = ["disabled"], bn = ["disabled"], gn = ["disabled"], yn = ["disabled"], xn = { class: "pptxv-layout" }, wn = { class: "pptxv-sidebar pptxv-tree-sidebar" }, kn = { class: "pptxv-meta-panel" }, Sn = { class: "pptxv-tree-actions" }, Cn = ["disabled"], Mn = ["disabled"], _n = { class: "pptxv-tree-search" }, Dn = ["disabled"], Rn = { class: "pptxv-tree-search-status" }, Pn = {
+}, nn = { class: "pptxv-toolbar-group" }, on = ["disabled"], ln = ["disabled"], rn = { class: "pptxv-status" }, un = { class: "pptxv-button pptxv-layer-summary" }, cn = { class: "pptxv-layer-popover" }, dn = ["checked", "onChange"], vn = { class: "pptxv-layer-name" }, pn = { class: "pptxv-toolbar-group" }, hn = ["disabled"], fn = { class: "pptxv-status" }, mn = ["disabled"], bn = ["disabled"], gn = ["disabled"], yn = ["disabled"], xn = ["disabled"], wn = ["disabled"], kn = ["disabled"], Sn = ["disabled"], Cn = { class: "pptxv-layout" }, Mn = { class: "pptxv-sidebar pptxv-tree-sidebar" }, _n = { class: "pptxv-meta-panel" }, Dn = { class: "pptxv-tree-actions" }, Rn = ["disabled"], Pn = ["disabled"], Tn = { class: "pptxv-tree-search" }, Ln = ["disabled"], En = { class: "pptxv-tree-search-status" }, $n = {
   key: 0,
   class: "pptxv-tree-explode"
-}, Tn = ["value"], $n = {
+}, An = ["value"], In = {
   key: 1,
   class: "pptxv-tree-summary"
-}, Ln = {
+}, Fn = {
   key: 2,
   class: "pptxv-measurement-controls"
-}, An = { class: "pptxv-measurement-group" }, En = { class: "pptxv-measurement-buttons" }, In = {
+}, Nn = { class: "pptxv-measurement-group" }, zn = { class: "pptxv-measurement-buttons" }, Bn = {
   key: 0,
   class: "pptxv-measurement-group"
-}, Fn = { class: "pptxv-measurement-buttons" }, Nn = {
+}, Vn = { class: "pptxv-measurement-buttons" }, Gn = {
   key: 3,
   class: "pptxv-tree-detail-list"
-}, Bn = { class: "pptxv-tree-list" }, zn = ["aria-label", "onClick"], Vn = {
+}, On = { class: "pptxv-tree-list" }, Un = ["aria-label", "onClick"], Wn = {
   key: 1,
   class: "pptxv-tree-spacer"
-}, Gn = ["checked", "aria-label", "onChange"], On = ["onClick"], jn = { class: "pptxv-tree-topline" }, Un = { class: "pptxv-tree-badge" }, Wn = { class: "pptxv-tree-label" }, Kn = {
+}, jn = ["checked", "aria-label", "onChange"], Hn = ["onClick"], Kn = { class: "pptxv-tree-topline" }, Yn = { class: "pptxv-tree-badge" }, Xn = { class: "pptxv-tree-label" }, qn = {
   key: 0,
   class: "pptxv-tree-count"
-}, Hn = { class: "pptxv-tree-kind" }, Yn = {
+}, Zn = { class: "pptxv-tree-kind" }, Qn = {
   key: 4,
   class: "pptxv-tree-empty"
-}, Xn = { class: "pptxv-meta-muted" }, qn = { class: "pptxv-sidebar pptxv-meta-sidebar" }, Zn = { class: "pptxv-meta-panel" }, Qn = {
+}, Jn = { class: "pptxv-meta-muted" }, eo = { class: "pptxv-sidebar pptxv-meta-sidebar" }, to = { class: "pptxv-meta-panel" }, ao = {
   key: 0,
   class: "pptxv-meta-list"
-}, Jn = {
+}, so = {
   key: 1,
   class: "pptxv-meta-muted"
-}, eo = {
+}, no = {
   key: 2,
   class: "pptxv-meta-heading pptxv-meta-heading-split"
-}, to = { class: "pptxv-meta-heading-actions" }, ao = { class: "pptxv-meta-count" }, so = {
+}, oo = { class: "pptxv-meta-heading-actions" }, io = { class: "pptxv-meta-count" }, lo = {
   key: 3,
   class: "pptxv-material-list"
-}, no = { class: "pptxv-material-title" }, oo = { class: "pptxv-material-title-copy" }, lo = {
+}, ro = { class: "pptxv-material-title" }, uo = { class: "pptxv-material-title-copy" }, co = {
   key: 0,
   class: "pptxv-material-swatches"
-}, io = ["title"], ro = { class: "pptxv-material-actions" }, uo = ["onClick"], co = { class: "pptxv-material-detail-list" }, vo = {
+}, vo = ["title"], po = { class: "pptxv-material-actions" }, ho = ["onClick"], fo = { class: "pptxv-material-detail-list" }, mo = {
   key: 4,
   class: "pptxv-meta-heading"
-}, po = {
+}, bo = {
   key: 5,
   class: "pptxv-meta-heading"
-}, ho = {
+}, go = {
   key: 6,
   class: "pptxv-meta-list"
-}, fo = { class: "pptxv-meta-row" }, mo = { class: "pptxv-meta-row" }, bo = {
+}, yo = { class: "pptxv-meta-row" }, xo = { class: "pptxv-meta-row" }, wo = {
   key: 7,
   class: "pptxv-measurement-controls"
-}, go = { class: "pptxv-measurement-group" }, yo = { class: "pptxv-measurement-buttons" }, xo = {
+}, ko = { class: "pptxv-measurement-group" }, So = { class: "pptxv-measurement-buttons" }, Co = {
   key: 8,
   class: "pptxv-measurement-controls"
-}, wo = { class: "pptxv-measurement-group" }, ko = { class: "pptxv-measurement-buttons" }, So = { class: "pptxv-measurement-group" }, Co = { class: "pptxv-measurement-buttons" }, Mo = {
+}, Mo = { class: "pptxv-measurement-group" }, _o = { class: "pptxv-measurement-buttons" }, Do = { class: "pptxv-measurement-group" }, Ro = { class: "pptxv-measurement-buttons" }, Po = {
   key: 9,
   class: "pptxv-meta-list"
-}, _o = {
+}, To = {
   key: 10,
   class: "pptxv-meta-heading"
-}, Do = {
+}, Lo = {
   key: 11,
   class: "pptxv-measurement-controls"
-}, Ro = { class: "pptxv-measurement-group" }, Po = { class: "pptxv-measurement-buttons" }, To = { class: "pptxv-measurement-group" }, $o = { class: "pptxv-measurement-buttons" }, Lo = {
+}, Eo = { class: "pptxv-measurement-group" }, $o = { class: "pptxv-measurement-buttons" }, Ao = { class: "pptxv-measurement-group" }, Io = { class: "pptxv-measurement-buttons" }, Fo = {
   key: 0,
   class: "pptxv-measurement-group"
-}, Ao = { class: "pptxv-section-header" }, Eo = { class: "pptxv-section-value" }, Io = ["min", "max", "step", "value"], Fo = { class: "pptxv-section-range" }, No = {
+}, No = { class: "pptxv-section-header" }, zo = { class: "pptxv-section-value" }, Bo = ["min", "max", "step", "value"], Vo = { class: "pptxv-section-range" }, Go = {
   key: 1,
   class: "pptxv-section-box"
-}, Bo = { class: "pptxv-section-header" }, zo = { class: "pptxv-measurement-label" }, Vo = { class: "pptxv-section-value" }, Go = ["min", "max", "step", "value", "onInput"], Oo = ["min", "max", "step", "value", "onInput"], jo = { class: "pptxv-section-range" }, Uo = {
+}, Oo = { class: "pptxv-section-header" }, Uo = { class: "pptxv-measurement-label" }, Wo = { class: "pptxv-section-value" }, jo = ["min", "max", "step", "value", "onInput"], Ho = ["min", "max", "step", "value", "onInput"], Ko = { class: "pptxv-section-range" }, Yo = {
   key: 12,
   class: "pptxv-meta-list"
-}, Wo = { class: "pptxv-main" }, Ko = { class: "pptxv-main-stage" }, Ho = ["aria-label", "title", "aria-expanded"], Yo = {
+}, Xo = { class: "pptxv-main" }, qo = { class: "pptxv-main-stage" }, Zo = ["aria-label", "title", "aria-expanded"], Qo = {
   viewBox: "0 0 20 20",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "1.5",
   "aria-hidden": "true"
-}, Xo = ["d"], qo = {
+}, Jo = ["d"], ei = {
   key: 1,
   class: "pptxv-overlay"
-}, Zo = ["aria-labelledby", "onKeydown"], Qo = ["id"], Jo = ["id"], el = ["aria-invalid", "aria-describedby"], tl = { class: "pptxv-password-actions" }, al = ["disabled"], sl = {
+}, ti = ["aria-labelledby", "onKeydown"], ai = ["id"], si = ["id"], ni = ["aria-invalid", "aria-describedby"], oi = { class: "pptxv-password-actions" }, ii = ["disabled"], li = {
   key: 2,
   class: "pptxv-overlay"
-}, nl = {
+}, ri = {
   key: 3,
   class: "pptxv-overlay is-error"
-}, ol = {
+}, ui = {
   key: 0,
   class: "pptxv-password-form"
-}, ll = /* @__PURE__ */ ja({
+}, ci = /* @__PURE__ */ Ha({
   __name: "Preview",
   props: {
     src: {},
@@ -494,6 +637,7 @@ const Qs = ["aria-label"], Js = {
     drivers: { default: void 0 },
     routes: { default: void 0 },
     converter: { default: void 0 },
+    mediaConverter: { default: void 0 },
     fontResolver: { type: Function, default: void 0 },
     fontLoading: { type: [Boolean, Object], default: void 0 },
     resourceResolver: { type: Function, default: void 0 },
@@ -501,74 +645,74 @@ const Qs = ["aria-label"], Js = {
     panoramaProcessor: { default: void 0 }
   },
   emits: ["rendered", "error", "state-change", "warnings", "page-change", "sheet-change", "scale-change"],
-  setup(f, { expose: l, emit: u }) {
-    const n = f, m = u, y = W(null), k = W(null), c = Ht(null), i = W({
+  setup(h, { expose: o, emit: i }) {
+    const n = h, p = i, f = j(null), k = j(null), u = Kt(null), r = j({
       loading: !1,
       error: null,
       family: "unsupported",
       warnings: [],
       capabilities: {}
-    }), P = [], L = W(/* @__PURE__ */ new Set()), S = W(""), D = W(!1), K = `pptxv-model-tools-${Wt()}`, _ = `pptxv-password-${Wt()}`, A = W(""), q = W(null), G = Ht(null), H = W(!1);
-    let T;
-    function Zt(e) {
-      return T == null || T(null), new Promise((t) => {
-        var h, p;
-        const a = (U) => {
-          var B;
-          (B = e.signal) == null || B.removeEventListener("abort", o), T === a && (T = void 0, G.value = null, A.value = ""), t(U);
-        }, o = () => a(null);
-        T = a, A.value = "", G.value = e, (h = e.signal) != null && h.aborted ? o() : ((p = e.signal) == null || p.addEventListener("abort", o, { once: !0 }), Xa(() => {
-          var U;
-          return (U = q.value) == null ? void 0 : U.focus();
+    }), M = [], T = j(/* @__PURE__ */ new Set()), S = j(""), P = j(!1), H = `pptxv-model-tools-${jt()}`, R = `pptxv-password-${jt()}`, $ = j(""), q = j(null), G = Kt(null), K = j(!1);
+    let L;
+    function ea(e) {
+      return L == null || L(null), new Promise((t) => {
+        var b, m;
+        const a = (W) => {
+          var z;
+          (z = e.signal) == null || z.removeEventListener("abort", l), L === a && (L = void 0, G.value = null, $.value = ""), t(W);
+        }, l = () => a(null);
+        L = a, $.value = "", G.value = e, (b = e.signal) != null && b.aborted ? l() : ((m = e.signal) == null || m.addEventListener("abort", l, { once: !0 }), Qa(() => {
+          var W;
+          return (W = q.value) == null ? void 0 : W.focus();
         }));
       });
     }
-    function Qt() {
-      A.value.length && (T == null || T(A.value));
-    }
-    function He() {
-      H.value = !0, T == null || T(null);
-    }
-    const C = r(() => i.value.loading), Ye = r(() => i.value.error), Xe = r(() => i.value.family === "paged"), qe = r(() => i.value.family === "workbook"), Ze = r(() => i.value.family === "ebook"), Se = r(() => Xe.value ? i.value : null), ve = r(() => qe.value ? i.value : null), Ce = r(() => Ze.value ? i.value : null), Jt = r(
-      () => i.value.family === "image" || i.value.family === "panorama" ? i.value : null
-    ), Me = r(() => i.value.family === "cad" ? i.value : null), I = r(() => i.value.family === "model3d" ? i.value : null), ea = r(() => i.value.family === "mindmap" ? i.value : null), de = r(() => i.value.family === "diagram" ? i.value : null), Y = r(() => {
-      var e, t, a, o;
-      return ((e = Se.value) == null ? void 0 : e.pageIndex) ?? ((t = ve.value) == null ? void 0 : t.activeSheetIndex) ?? ((a = Ce.value) == null ? void 0 : a.chapterIndex) ?? ((o = de.value) == null ? void 0 : o.pageIndex) ?? 0;
-    }), oe = r(() => {
-      var e, t, a, o;
-      return ((e = Se.value) == null ? void 0 : e.pageCount) ?? ((t = ve.value) == null ? void 0 : t.sheets.length) ?? ((a = Ce.value) == null ? void 0 : a.chapterCount) ?? ((o = de.value) == null ? void 0 : o.pageCount) ?? 0;
-    }), te = r(() => {
-      var e, t, a, o, h, p;
-      return ((e = Se.value) == null ? void 0 : e.scale) ?? ((t = ve.value) == null ? void 0 : t.scale) ?? ((a = Jt.value) == null ? void 0 : a.scale) ?? ((o = Me.value) == null ? void 0 : o.scale) ?? ((h = ea.value) == null ? void 0 : h.scale) ?? ((p = de.value) == null ? void 0 : p.scale) ?? n.initialScale;
-    }), ta = r(() => `${Math.round(te.value * 100)}%`), Qe = r(() => !!(i.value.capabilities.paged || i.value.capabilities.sheets || i.value.capabilities.chapters)), aa = r(() => !C.value && Qe.value && Y.value > 0), sa = r(
-      () => !C.value && Qe.value && Y.value < oe.value - 1
-    ), na = r(() => !C.value && !!i.value.capabilities.zoom && te.value > n.minScale + 1e-3), oa = r(() => !C.value && !!i.value.capabilities.zoom && te.value < n.maxScale - 1e-3), la = r(() => !C.value && !!i.value.capabilities.rotate), ia = r(() => !C.value && !!i.value.capabilities.fullscreen), pe = r(() => {
+    function ta() {
+      $.value.length && (L == null || L($.value));
+    }
+    function Ke() {
+      K.value = !0, L == null || L(null);
+    }
+    const _ = c(() => r.value.loading), Ye = c(() => r.value.error), Xe = c(() => r.value.family === "paged"), qe = c(() => r.value.family === "workbook"), Ze = c(() => r.value.family === "ebook"), Se = c(() => Xe.value ? r.value : null), de = c(() => qe.value ? r.value : null), Ce = c(() => Ze.value ? r.value : null), aa = c(
+      () => r.value.family === "image" || r.value.family === "panorama" ? r.value : null
+    ), Me = c(() => r.value.family === "cad" ? r.value : null), I = c(() => r.value.family === "model3d" ? r.value : null), sa = c(() => r.value.family === "mindmap" ? r.value : null), ve = c(() => r.value.family === "diagram" ? r.value : null), Y = c(() => {
+      var e, t, a, l;
+      return ((e = Se.value) == null ? void 0 : e.pageIndex) ?? ((t = de.value) == null ? void 0 : t.activeSheetIndex) ?? ((a = Ce.value) == null ? void 0 : a.chapterIndex) ?? ((l = ve.value) == null ? void 0 : l.pageIndex) ?? 0;
+    }), oe = c(() => {
+      var e, t, a, l;
+      return ((e = Se.value) == null ? void 0 : e.pageCount) ?? ((t = de.value) == null ? void 0 : t.sheets.length) ?? ((a = Ce.value) == null ? void 0 : a.chapterCount) ?? ((l = ve.value) == null ? void 0 : l.pageCount) ?? 0;
+    }), te = c(() => {
+      var e, t, a, l, b, m;
+      return ((e = Se.value) == null ? void 0 : e.scale) ?? ((t = de.value) == null ? void 0 : t.scale) ?? ((a = aa.value) == null ? void 0 : a.scale) ?? ((l = Me.value) == null ? void 0 : l.scale) ?? ((b = sa.value) == null ? void 0 : b.scale) ?? ((m = ve.value) == null ? void 0 : m.scale) ?? n.initialScale;
+    }), na = c(() => `${Math.round(te.value * 100)}%`), Qe = c(() => !!(r.value.capabilities.paged || r.value.capabilities.sheets || r.value.capabilities.chapters)), oa = c(() => !_.value && Qe.value && Y.value > 0), ia = c(
+      () => !_.value && Qe.value && Y.value < oe.value - 1
+    ), la = c(() => !_.value && !!r.value.capabilities.zoom && te.value > n.minScale + 1e-3), ra = c(() => !_.value && !!r.value.capabilities.zoom && te.value < n.maxScale - 1e-3), ua = c(() => !_.value && !!r.value.capabilities.rotate), ca = c(() => !_.value && !!r.value.capabilities.fullscreen), pe = c(() => {
       var e;
       return ((e = Me.value) == null ? void 0 : e.layers) ?? [];
-    }), Je = r(() => {
+    }), Je = c(() => {
       var e;
       return new Set(((e = Me.value) == null ? void 0 : e.activeLayerIds) ?? []);
-    }), ra = r(() => !C.value && !!i.value.capabilities.layers && pe.value.length > 0), Z = r(() => {
+    }), da = c(() => !_.value && !!r.value.capabilities.layers && pe.value.length > 0), Z = c(() => {
       var e;
       return ((e = I.value) == null ? void 0 : e.modelTree) ?? [];
-    }), _e = r(() => Gt(S.value)), ae = r(() => _e.value.length > 0), ua = r(() => ae.value ? Nt(Z.value, _e.value) : Z.value), De = r(() => Bt(Z.value)), et = r(() => ae.value ? zt(Z.value, _e.value) : De.value), z = r(() => {
+    }), _e = c(() => Gt(S.value)), ae = c(() => _e.value.length > 0), va = c(() => ae.value ? Nt(Z.value, _e.value) : Z.value), De = c(() => zt(Z.value)), et = c(() => ae.value ? Bt(Z.value, _e.value) : De.value), B = c(() => {
       var e;
       return (e = I.value) == null ? void 0 : e.selectedNodeId;
-    }), tt = r(() => {
-      var a, o, h;
+    }), tt = c(() => {
+      var a, l, b;
       const e = (a = I.value) == null ? void 0 : a.metadata;
       if (!e)
         return [];
       const t = [];
-      return e.format && t.push({ label: "Format", value: e.format.toUpperCase() }), typeof e.objectCount == "number" && t.push({ label: "Objects", value: String(e.objectCount) }), typeof e.meshCount == "number" && t.push({ label: "Meshes", value: String(e.meshCount) }), typeof e.lineCount == "number" && t.push({ label: "Lines", value: String(e.lineCount) }), typeof e.pointCount == "number" && t.push({ label: "Points", value: String(e.pointCount) }), typeof e.materialCount == "number" && t.push({ label: "Materials", value: String(e.materialCount) }), typeof e.animationCount == "number" && e.animationCount > 0 && t.push({ label: "Animations", value: String(e.animationCount) }), typeof e.triangleCount == "number" && t.push({ label: "Triangles", value: String(e.triangleCount) }), typeof e.vertexCount == "number" && t.push({ label: "Vertices", value: String(e.vertexCount) }), (o = e.bounds) != null && o.size && t.push({ label: "Size", value: e.bounds.size.map(M).join(" x ") }), typeof e.hasVertexColors == "boolean" && t.push({ label: "Vertex colors", value: e.hasVertexColors ? "Yes" : "No" }), (h = e.materialNames) != null && h.length && t.push({ label: "Material names", value: e.materialNames.join(", ") }), t;
-    }), Re = r(() => Ft(
-      ua.value,
-      ae.value ? /* @__PURE__ */ new Set() : L.value
-    )), he = r(() => Re.value.find((e) => e.id === z.value)), at = r(() => {
-      var a, o, h, p, U, B, ue, ce, Ot, jt, Ut;
-      if (!z.value)
+      return e.format && t.push({ label: "Format", value: e.format.toUpperCase() }), typeof e.objectCount == "number" && t.push({ label: "Objects", value: String(e.objectCount) }), typeof e.meshCount == "number" && t.push({ label: "Meshes", value: String(e.meshCount) }), typeof e.lineCount == "number" && t.push({ label: "Lines", value: String(e.lineCount) }), typeof e.pointCount == "number" && t.push({ label: "Points", value: String(e.pointCount) }), typeof e.materialCount == "number" && t.push({ label: "Materials", value: String(e.materialCount) }), typeof e.animationCount == "number" && e.animationCount > 0 && t.push({ label: "Animations", value: String(e.animationCount) }), typeof e.triangleCount == "number" && t.push({ label: "Triangles", value: String(e.triangleCount) }), typeof e.vertexCount == "number" && t.push({ label: "Vertices", value: String(e.vertexCount) }), (l = e.bounds) != null && l.size && t.push({ label: "Size", value: e.bounds.size.map(D).join(" x ") }), typeof e.hasVertexColors == "boolean" && t.push({ label: "Vertex colors", value: e.hasVertexColors ? "Yes" : "No" }), (b = e.materialNames) != null && b.length && t.push({ label: "Material names", value: e.materialNames.join(", ") }), t;
+    }), Re = c(() => Ft(
+      va.value,
+      ae.value ? /* @__PURE__ */ new Set() : T.value
+    )), he = c(() => Re.value.find((e) => e.id === B.value)), at = c(() => {
+      var a, l, b, m, W, z, ue, ce, Ot, Ut, Wt;
+      if (!B.value)
         return [];
-      const e = Ve(Z.value, z.value);
+      const e = Ve(Z.value, B.value);
       if (!e)
         return [];
       const t = It(e);
@@ -577,174 +721,174 @@ const Qs = ["aria-label"], Js = {
         { label: "Children", value: String(e.children.length) },
         { label: "Subtree nodes", value: String(t.nodes) },
         { label: "Meshes", value: String(((a = e.metadata) == null ? void 0 : a.meshCount) ?? t.meshes) },
-        { label: "Lines", value: String(((o = e.metadata) == null ? void 0 : o.lineCount) ?? t.lines) },
-        { label: "Points", value: String(((h = e.metadata) == null ? void 0 : h.pointCount) ?? t.points) },
+        { label: "Lines", value: String(((l = e.metadata) == null ? void 0 : l.lineCount) ?? t.lines) },
+        { label: "Points", value: String(((b = e.metadata) == null ? void 0 : b.pointCount) ?? t.points) },
         { label: "Groups", value: String(t.groups) },
-        { label: "Materials", value: String(((p = e.metadata) == null ? void 0 : p.materialCount) ?? 0) },
-        { label: "Triangles", value: String(((U = e.metadata) == null ? void 0 : U.triangleCount) ?? 0) },
-        { label: "Vertices", value: String(((B = e.metadata) == null ? void 0 : B.vertexCount) ?? 0) },
+        { label: "Materials", value: String(((m = e.metadata) == null ? void 0 : m.materialCount) ?? 0) },
+        { label: "Triangles", value: String(((W = e.metadata) == null ? void 0 : W.triangleCount) ?? 0) },
+        { label: "Vertices", value: String(((z = e.metadata) == null ? void 0 : z.vertexCount) ?? 0) },
         { label: "Vertex colors", value: typeof ((ue = e.metadata) == null ? void 0 : ue.hasVertexColors) == "boolean" && e.metadata.hasVertexColors ? "Yes" : "No" },
         { label: "Visible", value: e.visible ? "Yes" : "No" },
-        ...(Ot = (ce = e.metadata) == null ? void 0 : ce.bounds) != null && Ot.size ? [{ label: "Bounds", value: e.metadata.bounds.size.map(M).join(" x ") }] : [],
-        ...(Ut = (jt = e.metadata) == null ? void 0 : jt.materialNames) != null && Ut.length ? [{ label: "Material names", value: e.metadata.materialNames.join(", ") }] : []
+        ...(Ot = (ce = e.metadata) == null ? void 0 : ce.bounds) != null && Ot.size ? [{ label: "Bounds", value: e.metadata.bounds.size.map(D).join(" x ") }] : [],
+        ...(Wt = (Ut = e.metadata) == null ? void 0 : Ut.materialNames) != null && Wt.length ? [{ label: "Material names", value: e.metadata.materialNames.join(", ") }] : []
       ];
-    }), Pe = r(() => {
+    }), Pe = c(() => {
       var e, t;
-      return z.value ? ((t = (e = Ve(Z.value, z.value)) == null ? void 0 : e.metadata) == null ? void 0 : t.materialDetails) ?? [] : [];
-    }), fe = r(
+      return B.value ? ((t = (e = Ve(Z.value, B.value)) == null ? void 0 : e.metadata) == null ? void 0 : t.materialDetails) ?? [] : [];
+    }), fe = c(
       () => {
         var e, t;
         return Pe.value.length ? Pe.value : ((t = (e = I.value) == null ? void 0 : e.metadata) == null ? void 0 : t.materialDetails) ?? [];
       }
-    ), ca = r(
+    ), pa = c(
       () => Pe.value.length ? "Selected materials" : "Model materials"
-    ), va = r(() => String(fe.value.length)), me = r(() => {
+    ), ha = c(() => String(fe.value.length)), me = c(() => {
       var e;
       return (e = I.value) == null ? void 0 : e.isolatedMaterialKey;
-    }), le = r(() => {
+    }), ie = c(() => {
       var e;
       return (e = I.value) == null ? void 0 : e.measurement;
-    }), st = r(() => {
+    }), st = c(() => {
       var e;
-      return !!((e = le.value) != null && e.active);
-    }), se = r(() => !C.value && i.value.family === "model3d" && !!i.value.capabilities.measure), nt = r(() => {
+      return !!((e = ie.value) != null && e.active);
+    }), se = c(() => !_.value && r.value.family === "model3d" && !!r.value.capabilities.measure), nt = c(() => {
       var e;
-      return !!((e = le.value) != null && e.start);
-    }), ot = r(() => {
+      return !!((e = ie.value) != null && e.start);
+    }), ot = c(() => {
       var e;
-      return ((e = le.value) == null ? void 0 : e.snapMode) ?? "surface";
-    }), be = r(() => {
+      return ((e = ie.value) == null ? void 0 : e.snapMode) ?? "surface";
+    }), be = c(() => {
       var e;
-      return ((e = le.value) == null ? void 0 : e.axisLock) ?? "free";
-    }), da = r(() => {
-      const e = le.value;
+      return ((e = ie.value) == null ? void 0 : e.axisLock) ?? "free";
+    }), fa = c(() => {
+      const e = ie.value;
       return e ? [
-        { label: "Status", value: Ea(e) },
-        { label: "Snap", value: Ia(e.snapMode ?? "surface") },
-        { label: "Axis", value: Lt(e.axisLock ?? "free") },
+        { label: "Status", value: Na(e) },
+        { label: "Snap", value: za(e.snapMode ?? "surface") },
+        { label: "Axis", value: Et(e.axisLock ?? "free") },
         ...e.start ? [{ label: "Start", value: re(e.start) }] : [],
         ...e.end ? [{ label: "End", value: re(e.end) }] : [],
         ...!e.end && e.previewPoint ? [{ label: "Preview", value: re(e.previewPoint) }] : [],
         ...e.delta ? [{ label: "Delta", value: re(e.delta) }] : [],
         ...!e.delta && e.previewDelta ? [{ label: "Preview delta", value: re(e.previewDelta) }] : [],
-        ...typeof e.distance == "number" ? [{ label: "Distance", value: M(e.distance) }] : [],
-        ...typeof e.distance != "number" && typeof e.previewDistance == "number" ? [{ label: "Preview distance", value: M(e.previewDistance) }] : []
+        ...typeof e.distance == "number" ? [{ label: "Distance", value: D(e.distance) }] : [],
+        ...typeof e.distance != "number" && typeof e.previewDistance == "number" ? [{ label: "Preview distance", value: D(e.previewDistance) }] : []
       ] : [];
-    }), O = r(() => {
+    }), O = c(() => {
       var e;
       return (e = I.value) == null ? void 0 : e.section;
-    }), ne = r(() => !C.value && i.value.family === "model3d" && !!i.value.capabilities.section), ge = r(() => {
+    }), ne = c(() => !_.value && r.value.family === "model3d" && !!r.value.capabilities.section), ge = c(() => {
       var e;
       return !!((e = O.value) != null && e.active);
-    }), Te = r(() => {
+    }), Te = c(() => {
       var e;
       return ((e = O.value) == null ? void 0 : e.mode) ?? "single";
-    }), $e = r(() => {
+    }), Le = c(() => {
       var e;
       return ((e = O.value) == null ? void 0 : e.axis) ?? "x";
-    }), Le = r(() => {
+    }), Ee = c(() => {
       var e;
       return ((e = O.value) == null ? void 0 : e.min) ?? -1;
-    }), Ae = r(() => {
+    }), $e = c(() => {
       var e;
       return ((e = O.value) == null ? void 0 : e.max) ?? 1;
-    }), Ee = r(() => {
+    }), Ae = c(() => {
       var e;
       return ((e = O.value) == null ? void 0 : e.offset) ?? 0;
-    }), pa = r(() => {
-      const e = Math.abs(Ae.value - Le.value);
+    }), ma = c(() => {
+      const e = Math.abs($e.value - Ee.value);
       return e > 0 ? Math.max(e / 200, 1e-3) : 1e-3;
-    }), F = r(() => {
+    }), F = c(() => {
       var e;
       return ((e = O.value) == null ? void 0 : e.bounds) ?? {
         x: [-1, 1],
         y: [-1, 1],
         z: [-1, 1]
       };
-    }), Q = r(() => {
+    }), Q = c(() => {
       var e;
       return ((e = O.value) == null ? void 0 : e.range) ?? F.value;
-    }), ha = r(() => {
+    }), ba = c(() => {
       const e = O.value;
       return e ? [
         { label: "Status", value: e.active ? "Active" : "Idle" },
         { label: "Mode", value: e.mode === "box" ? "Box" : "Plane" },
-        { label: "Axis", value: Lt(e.axis) },
-        { label: "Offset", value: M(e.offset) },
-        { label: "Plane range", value: `${M(e.min)} .. ${M(e.max)}` },
+        { label: "Axis", value: Et(e.axis) },
+        { label: "Offset", value: D(e.offset) },
+        { label: "Plane range", value: `${D(e.min)} .. ${D(e.max)}` },
         ...e.mode === "box" ? [
           { label: "Box X", value: ke(Q.value.x) },
           { label: "Box Y", value: ke(Q.value.y) },
           { label: "Box Z", value: ke(Q.value.z) }
         ] : []
       ] : [];
-    }), lt = r(() => {
+    }), it = c(() => {
       var e;
       return (e = I.value) == null ? void 0 : e.camera;
-    }), it = r(() => {
+    }), lt = c(() => {
       var e;
-      return ((e = lt.value) == null ? void 0 : e.projection) ?? "perspective";
-    }), J = r(() => {
+      return ((e = it.value) == null ? void 0 : e.projection) ?? "perspective";
+    }), J = c(() => {
       var e;
-      return ((e = lt.value) == null ? void 0 : e.viewPreset) ?? "free";
-    }), j = r(() => {
+      return ((e = it.value) == null ? void 0 : e.viewPreset) ?? "free";
+    }), U = c(() => {
       var e;
       return ((e = I.value) == null ? void 0 : e.displayMode) ?? "solid-edge";
-    }), X = r(() => {
+    }), X = c(() => {
       var e;
       return ((e = I.value) == null ? void 0 : e.snapshotBackground) ?? "scene";
-    }), Ie = r(() => !C.value && i.value.family === "model3d"), N = r(() => !C.value && i.value.family === "model3d" && !!i.value.capabilities.displayMode), ye = r(() => !C.value && i.value.family === "model3d" && !!i.value.capabilities.download), fa = r(() => ae.value ? `${et.value} match${et.value === 1 ? "" : "es"}` : `${De.value} node${De.value === 1 ? "" : "s"}`), rt = r(() => !C.value && i.value.family === "model3d" && Z.value.length > 0), ma = r(() => rt.value && ae.value && Re.value.length === 0), ba = r(() => !C.value && i.value.family === "model3d" && tt.value.length > 0), ut = r(() => !C.value && i.value.family === "model3d" && !!i.value.capabilities.explode), Fe = r(() => {
+    }), Ie = c(() => !_.value && r.value.family === "model3d"), N = c(() => !_.value && r.value.family === "model3d" && !!r.value.capabilities.displayMode), ye = c(() => !_.value && r.value.family === "model3d" && !!r.value.capabilities.download), ga = c(() => ae.value ? `${et.value} match${et.value === 1 ? "" : "es"}` : `${De.value} node${De.value === 1 ? "" : "s"}`), rt = c(() => !_.value && r.value.family === "model3d" && Z.value.length > 0), ya = c(() => rt.value && ae.value && Re.value.length === 0), xa = c(() => !_.value && r.value.family === "model3d" && tt.value.length > 0), ut = c(() => !_.value && r.value.family === "model3d" && !!r.value.capabilities.explode), Fe = c(() => {
       var e;
       return Math.round((((e = I.value) == null ? void 0 : e.explode) ?? 0) * 100);
-    }), ga = r(() => {
+    }), wa = c(() => {
       const e = pe.value.length, t = Je.value.size;
       return e ? `${t} / ${e}` : "Layers";
-    }), ct = r(
-      () => i.value.warnings.length ? `${i.value.warnings.length} warning${i.value.warnings.length > 1 ? "s" : ""}` : ""
-    ), vt = r(() => i.value.family === "unsupported" ? "Preview" : i.value.family), ya = r(() => {
+    }), ct = c(
+      () => r.value.warnings.length ? `${r.value.warnings.length} warning${r.value.warnings.length > 1 ? "s" : ""}` : ""
+    ), dt = c(() => r.value.family === "unsupported" ? "Preview" : r.value.family), ka = c(() => {
       var e, t, a;
-      return Xe.value ? `${Y.value + 1} / ${oe.value || 1}` : qe.value ? `${((t = (e = ve.value) == null ? void 0 : e.sheets[Y.value]) == null ? void 0 : t.name) ?? "Sheet"} ${Y.value + 1} / ${oe.value || 1}` : Ze.value ? `${((a = Ce.value) == null ? void 0 : a.chapterTitle) ?? "Chapter"} ${Y.value + 1} / ${oe.value || 1}` : de.value ? `Page ${Y.value + 1} / ${oe.value || 1}` : vt.value;
+      return Xe.value ? `${Y.value + 1} / ${oe.value || 1}` : qe.value ? `${((t = (e = de.value) == null ? void 0 : e.sheets[Y.value]) == null ? void 0 : t.name) ?? "Sheet"} ${Y.value + 1} / ${oe.value || 1}` : Ze.value ? `${((a = Ce.value) == null ? void 0 : a.chapterTitle) ?? "Chapter"} ${Y.value + 1} / ${oe.value || 1}` : ve.value ? `Page ${Y.value + 1} / ${oe.value || 1}` : dt.value;
     });
-    function g(e) {
-      var h;
-      const t = i.value.family, a = Y.value, o = te.value;
-      if (i.value = xa(e ?? ((h = c.value) == null ? void 0 : h.getState()) ?? i.value), i.value.family === "paged") {
-        const p = i.value;
-        t === "paged" && p.pageIndex !== a && m("page-change", p.pageIndex), p.scale !== o && m("scale-change", p.scale);
+    function y(e) {
+      var b;
+      const t = r.value.family, a = Y.value, l = te.value;
+      if (r.value = Sa(e ?? ((b = u.value) == null ? void 0 : b.getState()) ?? r.value), r.value.family === "paged") {
+        const m = r.value;
+        t === "paged" && m.pageIndex !== a && p("page-change", m.pageIndex), m.scale !== l && p("scale-change", m.scale);
         return;
       }
-      if (i.value.family === "workbook") {
-        const p = i.value;
-        t === "workbook" && p.activeSheetIndex !== a && m("sheet-change", p.activeSheetIndex), typeof p.scale == "number" && p.scale !== o && m("scale-change", p.scale);
+      if (r.value.family === "workbook") {
+        const m = r.value;
+        t === "workbook" && m.activeSheetIndex !== a && p("sheet-change", m.activeSheetIndex), typeof m.scale == "number" && m.scale !== l && p("scale-change", m.scale);
         return;
       }
-      if ((i.value.family === "image" || i.value.family === "panorama") && "scale" in i.value) {
-        const p = i.value;
-        p.scale !== o && m("scale-change", p.scale);
+      if ((r.value.family === "image" || r.value.family === "panorama") && "scale" in r.value) {
+        const m = r.value;
+        m.scale !== l && p("scale-change", m.scale);
         return;
       }
-      if (i.value.family === "cad") {
-        const p = i.value;
-        p.scale !== o && m("scale-change", p.scale);
+      if (r.value.family === "cad") {
+        const m = r.value;
+        m.scale !== l && p("scale-change", m.scale);
         return;
       }
-      if (i.value.family === "mindmap") {
-        const p = i.value;
-        p.scale !== o && m("scale-change", p.scale);
+      if (r.value.family === "mindmap") {
+        const m = r.value;
+        m.scale !== l && p("scale-change", m.scale);
         return;
       }
-      if (i.value.family === "diagram") {
-        const p = i.value;
-        t === "diagram" && p.pageIndex !== a && m("page-change", p.pageIndex ?? 0), p.scale !== o && m("scale-change", p.scale);
+      if (r.value.family === "diagram") {
+        const m = r.value;
+        t === "diagram" && m.pageIndex !== a && p("page-change", m.pageIndex ?? 0), m.scale !== l && p("scale-change", m.scale);
       }
     }
-    function xa(e) {
+    function Sa(e) {
       const t = {
         ...e,
         capabilities: { ...e.capabilities },
         warnings: [...e.warnings]
       };
-      e.fonts && (t.fonts = e.fonts.map((p) => ({ ...p, classification: p.classification ? { ...p.classification } : void 0 })));
+      e.fonts && (t.fonts = e.fonts.map((m) => ({ ...m, classification: m.classification ? { ...m.classification } : void 0 })));
       const a = e.measurement;
       a && (t.measurement = {
         ...a,
@@ -755,248 +899,248 @@ const Qs = ["aria-label"], Js = {
         previewDelta: a.previewDelta ? [...a.previewDelta] : void 0,
         previewDistance: a.previewDistance
       });
-      const o = e.section;
-      o && (t.section = {
-        ...o,
-        bounds: o.bounds ? {
-          x: [...o.bounds.x],
-          y: [...o.bounds.y],
-          z: [...o.bounds.z]
+      const l = e.section;
+      l && (t.section = {
+        ...l,
+        bounds: l.bounds ? {
+          x: [...l.bounds.x],
+          y: [...l.bounds.y],
+          z: [...l.bounds.z]
         } : void 0,
-        range: o.range ? {
-          x: [...o.range.x],
-          y: [...o.range.y],
-          z: [...o.range.z]
+        range: l.range ? {
+          x: [...l.range.x],
+          y: [...l.range.y],
+          z: [...l.range.z]
         } : void 0
       });
-      const h = e.camera;
-      return h && (t.camera = {
-        ...h,
-        position: [...h.position],
-        target: [...h.target]
+      const b = e.camera;
+      return b && (t.camera = {
+        ...b,
+        position: [...b.position],
+        target: [...b.target]
       }), t;
     }
-    async function dt() {
-      var o;
-      if (P.splice(0).forEach((h) => h()), (o = c.value) == null || o.destroy(), c.value = null, !y.value)
+    async function vt() {
+      var l;
+      if (M.splice(0).forEach((b) => b()), (l = u.value) == null || l.destroy(), u.value = null, !f.value)
         return;
-      const e = n.drivers ?? Va(n.panoramaProcessor, n.converter), t = n.routes ?? Zs({ rawPreview: !!(n.panoramaProcessor && n.converter) }), a = (h, p = {}) => ls(h, {
-        fit: p.fit ?? n.fit,
-        initialScale: p.initialScale ?? n.initialScale,
-        minScale: p.minScale ?? n.minScale,
-        maxScale: p.maxScale ?? n.maxScale,
-        fontResolver: p.fontResolver ?? n.fontResolver,
-        fontLoading: p.fontLoading ?? n.fontLoading,
-        resourceResolver: p.resourceResolver ?? n.resourceResolver,
-        audio: p.audio ?? n.audio,
-        requestPassword: p.requestPassword ?? n.requestPassword ?? Zt,
+      const e = n.drivers ?? Ua(n.panoramaProcessor, n.converter, n.mediaConverter), t = n.routes ?? tn({ rawPreview: !!(n.panoramaProcessor && n.converter) }), a = (b, m = {}) => ls(b, {
+        fit: m.fit ?? n.fit,
+        initialScale: m.initialScale ?? n.initialScale,
+        minScale: m.minScale ?? n.minScale,
+        maxScale: m.maxScale ?? n.maxScale,
+        fontResolver: m.fontResolver ?? n.fontResolver,
+        fontLoading: m.fontLoading ?? n.fontLoading,
+        resourceResolver: m.resourceResolver ?? n.resourceResolver,
+        audio: m.audio ?? n.audio,
+        requestPassword: m.requestPassword ?? n.requestPassword ?? ea,
         drivers: e,
         routes: t,
         converter: n.converter,
         previewerFactory: a
       });
-      c.value = a(y.value), P.push(
-        c.value.on("rendered", (h) => {
-          g(h), m("rendered", h);
+      u.value = a(f.value), M.push(
+        u.value.on("rendered", (b) => {
+          y(b), p("rendered", b);
         }),
-        c.value.on("statechange", (h) => {
-          g(h), m("state-change", h);
+        u.value.on("statechange", (b) => {
+          y(b), p("state-change", b);
         }),
-        c.value.on("error", (h) => {
-          g(), m("error", h);
+        u.value.on("error", (b) => {
+          y(), p("error", b);
         }),
-        c.value.on("warnings", (h) => {
-          g(), m("warnings", h);
+        u.value.on("warnings", (b) => {
+          y(), p("warnings", b);
         })
       );
     }
-    async function ie() {
-      if (!c.value || n.src == null)
+    async function le() {
+      if (!u.value || n.src == null)
         return;
-      H.value = !1;
-      const e = c.value.preview(n.src, {
+      K.value = !1;
+      const e = u.value.preview(n.src, {
         name: n.name,
         extension: n.extension,
         contentType: n.contentType,
         ...n.password !== void 0 ? { password: n.password } : {}
       });
-      g(), await e, g();
+      y(), await e, y();
     }
     function pt() {
       var e;
-      (e = c.value) == null || e.setScale(te.value + 0.1), g();
+      (e = u.value) == null || e.setScale(te.value + 0.1), y();
     }
     function ht() {
       var e;
-      (e = c.value) == null || e.setScale(te.value - 0.1), g();
+      (e = u.value) == null || e.setScale(te.value - 0.1), y();
     }
     function ft() {
       var e;
-      (e = c.value) == null || e.fit("contain"), g();
+      (e = u.value) == null || e.fit("contain"), y();
     }
     function mt() {
       var e;
-      (e = c.value) == null || e.fit("width"), g();
+      (e = u.value) == null || e.fit("width"), y();
     }
     function bt() {
       var e;
-      (e = c.value) == null || e.fit("height"), g();
+      (e = u.value) == null || e.fit("height"), y();
     }
     function gt() {
       var e;
-      (e = c.value) == null || e.rotate(90), g();
+      (e = u.value) == null || e.rotate(90), y();
     }
     async function yt() {
       var e;
-      await ((e = c.value) == null ? void 0 : e.fullscreen());
+      await ((e = u.value) == null ? void 0 : e.fullscreen());
     }
     function Ne() {
       var e;
-      (e = c.value) == null || e.prev();
+      (e = u.value) == null || e.prev();
     }
-    function Be() {
+    function ze() {
       var e;
-      (e = c.value) == null || e.next();
+      (e = u.value) == null || e.next();
     }
-    function wa(e) {
+    function Ca(e) {
       var t;
-      (t = c.value) == null || t.goToPage(e), g();
+      (t = u.value) == null || t.goToPage(e), y();
     }
-    function ka(e, t) {
-      var o, h;
-      const a = (o = t.target) == null ? void 0 : o.checked;
-      (h = c.value) == null || h.toggleLayer(e, a), g();
+    function Ma(e, t) {
+      var l, b;
+      const a = (l = t.target) == null ? void 0 : l.checked;
+      (b = u.value) == null || b.toggleLayer(e, a), y();
     }
-    function Sa() {
+    function _a() {
       var e;
-      (e = c.value) == null || e.setActiveLayers(pe.value.map((t) => t.id)), g();
+      (e = u.value) == null || e.setActiveLayers(pe.value.map((t) => t.id)), y();
     }
-    function Ca() {
+    function Da() {
       var e;
-      (e = c.value) == null || e.setActiveLayers([]), g();
+      (e = u.value) == null || e.setActiveLayers([]), y();
     }
     function xt(e) {
       var t;
-      (t = c.value) == null || t.selectNode(e), g();
+      (t = u.value) == null || t.selectNode(e), y();
     }
-    function Ma(e, t) {
-      var o, h, p;
-      const a = (o = t.target) == null ? void 0 : o.checked;
-      typeof a == "boolean" && ((p = (h = c.value) == null ? void 0 : h.setNodeVisibility) == null || p.call(h, e, a), g());
+    function Ra(e, t) {
+      var l, b, m;
+      const a = (l = t.target) == null ? void 0 : l.checked;
+      typeof a == "boolean" && ((m = (b = u.value) == null ? void 0 : b.setNodeVisibility) == null || m.call(b, e, a), y());
     }
-    function _a(e) {
-      var a, o, h;
+    function Pa(e) {
+      var a, l, b;
       const t = Number(((a = e.target) == null ? void 0 : a.value) ?? 0);
-      (h = (o = c.value) == null ? void 0 : o.setExplode) == null || h.call(o, t / 100), g();
+      (b = (l = u.value) == null ? void 0 : l.setExplode) == null || b.call(l, t / 100), y();
     }
     function wt() {
       var e, t;
-      (t = (e = c.value) == null ? void 0 : e.setExplode) == null || t.call(e, Fe.value > 0 ? 0 : 1), g();
+      (t = (e = u.value) == null ? void 0 : e.setExplode) == null || t.call(e, Fe.value > 0 ? 0 : 1), y();
     }
-    function Da() {
+    function Ta() {
       var e;
-      z.value && ((e = c.value) == null || e.selectNode(z.value), g());
+      B.value && ((e = u.value) == null || e.selectNode(B.value), y());
     }
-    function Ra() {
-      var t, a, o, h, p;
-      const e = c.value;
-      (t = c.value) == null || t.selectNode(), (a = c.value) == null || a.fit("contain"), (o = e == null ? void 0 : e.setCameraViewPreset) == null || o.call(e, "isometric"), (h = e == null ? void 0 : e.setCameraProjection) == null || h.call(e, "perspective"), (p = e == null ? void 0 : e.setDisplayMode) == null || p.call(e, "solid-edge"), g();
+    function La() {
+      var t, a, l, b, m;
+      const e = u.value;
+      (t = u.value) == null || t.selectNode(), (a = u.value) == null || a.fit("contain"), (l = e == null ? void 0 : e.setCameraViewPreset) == null || l.call(e, "isometric"), (b = e == null ? void 0 : e.setCameraProjection) == null || b.call(e, "perspective"), (m = e == null ? void 0 : e.setDisplayMode) == null || m.call(e, "solid-edge"), y();
     }
-    function Pa(e) {
-      const t = new Set(L.value);
-      t.has(e) ? t.delete(e) : t.add(e), L.value = t;
+    function Ea(e) {
+      const t = new Set(T.value);
+      t.has(e) ? t.delete(e) : t.add(e), T.value = t;
     }
-    function Ta() {
+    function $a() {
       S.value = "";
     }
     function kt(e) {
       var a;
-      const t = c.value;
-      (a = t == null ? void 0 : t.setActiveMaterial) == null || a.call(t, me.value === e ? void 0 : e), g();
+      const t = u.value;
+      (a = t == null ? void 0 : t.setActiveMaterial) == null || a.call(t, me.value === e ? void 0 : e), y();
     }
     function St() {
       var t;
-      const e = c.value;
-      (t = e == null ? void 0 : e.setMeasurementActive) == null || t.call(e, !st.value), g();
+      const e = u.value;
+      (t = e == null ? void 0 : e.setMeasurementActive) == null || t.call(e, !st.value), y();
     }
     function Ct() {
       var t;
-      const e = c.value;
-      (t = e == null ? void 0 : e.clearMeasurement) == null || t.call(e), g();
+      const e = u.value;
+      (t = e == null ? void 0 : e.clearMeasurement) == null || t.call(e), y();
     }
     function Mt(e) {
       var a;
-      const t = c.value;
-      (a = t == null ? void 0 : t.setMeasurementSnapMode) == null || a.call(t, e), g();
+      const t = u.value;
+      (a = t == null ? void 0 : t.setMeasurementSnapMode) == null || a.call(t, e), y();
     }
     function xe(e) {
       var a;
-      const t = c.value;
-      (a = t == null ? void 0 : t.setMeasurementAxisLock) == null || a.call(t, e), g();
+      const t = u.value;
+      (a = t == null ? void 0 : t.setMeasurementAxisLock) == null || a.call(t, e), y();
     }
     function _t() {
       var t;
-      const e = c.value;
-      (t = e == null ? void 0 : e.setSectionActive) == null || t.call(e, !ge.value), g();
+      const e = u.value;
+      (t = e == null ? void 0 : e.setSectionActive) == null || t.call(e, !ge.value), y();
     }
     function Dt() {
       var t;
-      const e = c.value;
-      (t = e == null ? void 0 : e.clearSection) == null || t.call(e), g();
+      const e = u.value;
+      (t = e == null ? void 0 : e.clearSection) == null || t.call(e), y();
     }
     function Rt(e) {
       var a;
-      const t = c.value;
-      (a = t == null ? void 0 : t.setSectionMode) == null || a.call(t, e), g();
+      const t = u.value;
+      (a = t == null ? void 0 : t.setSectionMode) == null || a.call(t, e), y();
     }
-    function ze(e) {
+    function Be(e) {
       var a;
-      const t = c.value;
-      (a = t == null ? void 0 : t.setSectionAxis) == null || a.call(t, e), g();
+      const t = u.value;
+      (a = t == null ? void 0 : t.setSectionAxis) == null || a.call(t, e), y();
     }
-    function $a(e) {
-      var o, h;
-      const t = Number(((o = e.target) == null ? void 0 : o.value) ?? 0), a = c.value;
-      (h = a == null ? void 0 : a.setSectionOffset) == null || h.call(a, t), g();
+    function Aa(e) {
+      var l, b;
+      const t = Number(((l = e.target) == null ? void 0 : l.value) ?? 0), a = u.value;
+      (b = a == null ? void 0 : a.setSectionOffset) == null || b.call(a, t), y();
     }
     function Pt(e, t, a) {
       var ue, ce;
-      const o = Number(((ue = a.target) == null ? void 0 : ue.value) ?? 0), h = Q.value[e], p = t === "min" ? o : h[0], U = t === "max" ? o : h[1], B = c.value;
-      (ce = B == null ? void 0 : B.setSectionRange) == null || ce.call(B, e, p, U), g();
+      const l = Number(((ue = a.target) == null ? void 0 : ue.value) ?? 0), b = Q.value[e], m = t === "min" ? l : b[0], W = t === "max" ? l : b[1], z = u.value;
+      (ce = z == null ? void 0 : z.setSectionRange) == null || ce.call(z, e, m, W), y();
     }
     function Tt(e) {
       var a;
-      const t = c.value;
-      (a = t == null ? void 0 : t.setCameraProjection) == null || a.call(t, e), g();
+      const t = u.value;
+      (a = t == null ? void 0 : t.setCameraProjection) == null || a.call(t, e), y();
     }
     function ee(e) {
       var a;
-      const t = c.value;
-      (a = t == null ? void 0 : t.setCameraViewPreset) == null || a.call(t, e), g();
+      const t = u.value;
+      (a = t == null ? void 0 : t.setCameraViewPreset) == null || a.call(t, e), y();
     }
-    function E(e) {
+    function A(e) {
       var a;
-      const t = c.value;
-      (a = t == null ? void 0 : t.setDisplayMode) == null || a.call(t, e), g();
+      const t = u.value;
+      (a = t == null ? void 0 : t.setDisplayMode) == null || a.call(t, e), y();
     }
     function we(e) {
       var a;
-      const t = c.value;
-      (a = t == null ? void 0 : t.setSnapshotBackground) == null || a.call(t, e), g();
+      const t = u.value;
+      (a = t == null ? void 0 : t.setSnapshotBackground) == null || a.call(t, e), y();
     }
-    function $t() {
+    function Lt() {
       var t;
-      const e = c.value;
+      const e = u.value;
       (t = e == null ? void 0 : e.downloadSnapshot) == null || t.call(e, void 0, X.value);
     }
-    function La(e) {
-      if (!(e.defaultPrevented || !c.value || Aa(e))) {
+    function Ia(e) {
+      if (!(e.defaultPrevented || !u.value || Fa(e))) {
         if (e.key === "ArrowLeft" || e.key === "PageUp") {
           e.preventDefault(), Ne();
           return;
         }
         if (e.key === "ArrowRight" || e.key === "PageDown") {
-          e.preventDefault(), Be();
+          e.preventDefault(), ze();
           return;
         }
         if ((e.key === "+" || e.key === "=") && !e.ctrlKey && !e.metaKey) {
@@ -1028,7 +1172,7 @@ const Qs = ["aria-label"], Js = {
           return;
         }
         if (e.key.toLowerCase() === "g" && ye.value) {
-          e.preventDefault(), $t();
+          e.preventDefault(), Lt();
           return;
         }
         if (e.key.toLowerCase() === "x" && ut.value) {
@@ -1044,19 +1188,19 @@ const Qs = ["aria-label"], Js = {
           return;
         }
         if (e.key === "1" && N.value) {
-          e.preventDefault(), E("shaded");
+          e.preventDefault(), A("shaded");
           return;
         }
         if (e.key === "2" && N.value) {
-          e.preventDefault(), E("solid-edge");
+          e.preventDefault(), A("solid-edge");
           return;
         }
         if (e.key === "3" && N.value) {
-          e.preventDefault(), E("wireframe");
+          e.preventDefault(), A("wireframe");
           return;
         }
         if (e.key === "4" && N.value) {
-          e.preventDefault(), E("xray");
+          e.preventDefault(), A("xray");
           return;
         }
         if (e.key === "Escape" && nt.value) {
@@ -1066,20 +1210,20 @@ const Qs = ["aria-label"], Js = {
         e.key === "Escape" && ge.value && (e.preventDefault(), Dt());
       }
     }
-    function Aa(e) {
+    function Fa(e) {
       const t = e.target;
       return !!(t != null && t.closest('input, textarea, select, [contenteditable="true"], button'));
     }
-    function M(e) {
+    function D(e) {
       return Number.isInteger(e) ? String(e) : e.toFixed(2).replace(/\.?0+$/, "");
     }
     function re(e) {
-      return e.map(M).join(", ");
+      return e.map(D).join(", ");
     }
     function ke(e) {
-      return `${M(e[0])} .. ${M(e[1])}`;
+      return `${D(e[0])} .. ${D(e[1])}`;
     }
-    function Ea(e) {
+    function Na(e) {
       switch (e.status) {
         case "pick-start":
           return "Pick start";
@@ -1091,10 +1235,10 @@ const Qs = ["aria-label"], Js = {
           return e.active ? "Pick start" : "Idle";
       }
     }
-    function Ia(e) {
+    function za(e) {
       return e === "vertex" ? "Vertex" : "Surface";
     }
-    function Lt(e) {
+    function Et(e) {
       switch (e) {
         case "x":
           return "X";
@@ -1106,7 +1250,7 @@ const Qs = ["aria-label"], Js = {
           return "Free";
       }
     }
-    function Fa(e) {
+    function Ba(e) {
       switch (e) {
         case "shaded":
           return "Shaded";
@@ -1118,7 +1262,7 @@ const Qs = ["aria-label"], Js = {
           return "Solid + edge";
       }
     }
-    function At(e) {
+    function $t(e) {
       switch (e) {
         case "white":
           return "White";
@@ -1128,15 +1272,15 @@ const Qs = ["aria-label"], Js = {
           return "Scene";
       }
     }
-    function Na(e) {
+    function Va(e) {
       var t;
       return [
         ...e.name ? [{ label: "Name", value: e.name }] : [],
         { label: "Type", value: e.type },
         ...e.color ? [{ label: "Color", value: e.color }] : [],
         ...e.emissiveColor ? [{ label: "Emissive", value: e.emissiveColor }] : [],
-        ...typeof e.opacity == "number" ? [{ label: "Opacity", value: M(e.opacity) }] : [],
-        ...typeof e.alphaTest == "number" ? [{ label: "Alpha test", value: M(e.alphaTest) }] : [],
+        ...typeof e.opacity == "number" ? [{ label: "Opacity", value: D(e.opacity) }] : [],
+        ...typeof e.alphaTest == "number" ? [{ label: "Alpha test", value: D(e.alphaTest) }] : [],
         ...typeof e.transparent == "boolean" ? [{ label: "Transparent", value: e.transparent ? "Yes" : "No" }] : [],
         ...typeof e.wireframe == "boolean" ? [{ label: "Wireframe", value: e.wireframe ? "Yes" : "No" }] : [],
         ...typeof e.vertexColors == "boolean" ? [{ label: "Vertex colors", value: e.vertexColors ? "Yes" : "No" }] : [],
@@ -1144,23 +1288,23 @@ const Qs = ["aria-label"], Js = {
         ...typeof e.depthWrite == "boolean" ? [{ label: "Depth write", value: e.depthWrite ? "Yes" : "No" }] : [],
         ...typeof e.depthTest == "boolean" ? [{ label: "Depth test", value: e.depthTest ? "Yes" : "No" }] : [],
         ...e.side ? [{ label: "Side", value: e.side }] : [],
-        ...typeof e.roughness == "number" ? [{ label: "Roughness", value: M(e.roughness) }] : [],
-        ...typeof e.metalness == "number" ? [{ label: "Metalness", value: M(e.metalness) }] : [],
-        ...typeof e.shininess == "number" ? [{ label: "Shininess", value: M(e.shininess) }] : [],
-        ...typeof e.size == "number" ? [{ label: "Size", value: M(e.size) }] : [],
+        ...typeof e.roughness == "number" ? [{ label: "Roughness", value: D(e.roughness) }] : [],
+        ...typeof e.metalness == "number" ? [{ label: "Metalness", value: D(e.metalness) }] : [],
+        ...typeof e.shininess == "number" ? [{ label: "Shininess", value: D(e.shininess) }] : [],
+        ...typeof e.size == "number" ? [{ label: "Size", value: D(e.size) }] : [],
         ...(t = e.mapKinds) != null && t.length ? [{ label: "Maps", value: e.mapKinds.join(", ") }] : []
       ];
     }
-    function Et(e) {
+    function At(e) {
       return [
         ...e.color ? [{ label: "Base", color: e.color }] : [],
         ...e.emissiveColor ? [{ label: "Emissive", color: e.emissiveColor }] : []
       ];
     }
-    function Ba(e) {
+    function Ga(e) {
       return me.value === e.key ? "Clear isolate" : "Isolate";
     }
-    function za(e) {
+    function Oa(e) {
       switch (e) {
         case "mesh":
           return "M";
@@ -1184,9 +1328,9 @@ const Qs = ["aria-label"], Js = {
       for (const a of e) {
         if (a.id === t)
           return a;
-        const o = Ve(a.children, t);
-        if (o)
-          return o;
+        const l = Ve(a.children, t);
+        if (l)
+          return l;
       }
     }
     function It(e) {
@@ -1198,34 +1342,34 @@ const Qs = ["aria-label"], Js = {
         points: e.kind === "points" ? 1 : 0
       };
       for (const a of e.children) {
-        const o = It(a);
-        t.nodes += o.nodes, t.groups += o.groups, t.meshes += o.meshes, t.lines += o.lines, t.points += o.points;
+        const l = It(a);
+        t.nodes += l.nodes, t.groups += l.groups, t.meshes += l.meshes, t.lines += l.lines, t.points += l.points;
       }
       return t;
     }
     function Ft(e, t, a = 0) {
-      return e.flatMap((o) => [
+      return e.flatMap((l) => [
         {
-          ...o,
+          ...l,
           depth: a,
-          collapsed: t.has(o.id)
+          collapsed: t.has(l.id)
         },
-        ...t.has(o.id) ? [] : Ft(o.children, t, a + 1)
+        ...t.has(l.id) ? [] : Ft(l.children, t, a + 1)
       ]);
     }
     function Nt(e, t) {
       return e.flatMap((a) => {
         if (Vt(a).includes(t))
           return [a];
-        const o = Nt(a.children, t);
-        return o.length ? [{ ...a, children: o }] : [];
+        const l = Nt(a.children, t);
+        return l.length ? [{ ...a, children: l }] : [];
       });
     }
-    function Bt(e) {
-      return e.reduce((t, a) => t + 1 + Bt(a.children), 0);
+    function zt(e) {
+      return e.reduce((t, a) => t + 1 + zt(a.children), 0);
     }
-    function zt(e, t) {
-      return e.reduce((a, o) => a + (Vt(o).includes(t) ? 1 : 0) + zt(o.children, t), 0);
+    function Bt(e, t) {
+      return e.reduce((a, l) => a + (Vt(l).includes(t) ? 1 : 0) + Bt(l.children, t), 0);
     }
     function Vt(e) {
       var t;
@@ -1239,29 +1383,29 @@ const Qs = ["aria-label"], Js = {
     function Gt(e) {
       return e.trim().toLowerCase();
     }
-    l({
-      goToIndex: wa,
-      next: Be,
+    o({
+      goToIndex: Ca,
+      next: ze,
       prev: Ne,
       fit: (e) => {
         var t;
-        (t = c.value) == null || t.fit(e), g();
+        (t = u.value) == null || t.fit(e), y();
       },
       setScale: (e) => {
         var t;
-        (t = c.value) == null || t.setScale(e), g();
+        (t = u.value) == null || t.setScale(e), y();
       },
       rotate: (e) => {
         var t;
-        (t = c.value) == null || t.rotate(e), g();
+        (t = u.value) == null || t.rotate(e), y();
       },
-      getState: () => i.value
-    }), Ua(async () => {
-      await dt(), await ie();
+      getState: () => r.value
+    }), Ka(async () => {
+      await vt(), await le();
     }), Ge(
       () => n.src,
       async () => {
-        D.value = !1, L.value = /* @__PURE__ */ new Set(), S.value = "", await ie();
+        P.value = !1, T.value = /* @__PURE__ */ new Set(), S.value = "", await le();
       }
     ), Ge(
       () => [
@@ -1272,6 +1416,7 @@ const Qs = ["aria-label"], Js = {
         n.drivers,
         n.routes,
         n.converter,
+        n.mediaConverter,
         n.fontResolver,
         n.fontLoading,
         n.resourceResolver,
@@ -1280,238 +1425,238 @@ const Qs = ["aria-label"], Js = {
         n.panoramaProcessor
       ],
       async () => {
-        D.value = !1, L.value = /* @__PURE__ */ new Set(), S.value = "", await dt(), await ie();
+        P.value = !1, T.value = /* @__PURE__ */ new Set(), S.value = "", await vt(), await le();
       }
     ), Ge(
       () => [n.name, n.extension, n.contentType, n.password],
       async () => {
-        D.value = !1, L.value = /* @__PURE__ */ new Set(), S.value = "", await ie();
+        P.value = !1, T.value = /* @__PURE__ */ new Set(), S.value = "", await le();
       }
-    ), Wa(() => {
+    ), Ya(() => {
       var e;
-      T == null || T(null), P.forEach((t) => t()), (e = c.value) == null || e.destroy();
+      L == null || L(null), M.forEach((t) => t()), (e = u.value) == null || e.destroy();
     });
-    function Va(e, t) {
+    function Ua(e, t, a) {
       return [
-        ...Ws(),
+        ...Xs(),
         ...$s(),
-        ...Is({ panoramaProcessor: e, converter: t }),
-        rs(),
-        ...Xs()
+        ...Bs({ panoramaProcessor: e, converter: t, mediaConverter: a }),
+        us(),
+        ...Js()
       ];
     }
-    return (e, t) => (d(), v("div", {
+    return (e, t) => (v(), d("div", {
       ref_key: "shellRef",
       ref: k,
       class: "pptxv-shell pptxv-generic-shell",
       tabindex: "0",
       role: "region",
-      "aria-label": `${vt.value} preview`,
-      onKeydown: La
+      "aria-label": `${dt.value} preview`,
+      onKeydown: Ia
     }, [
-      f.toolbar ? (d(), v("div", Js, [
-        s("div", en, [
+      h.toolbar ? (v(), d("div", sn, [
+        s("div", nn, [
           s("button", {
             type: "button",
             class: "pptxv-button",
-            disabled: !aa.value,
+            disabled: !oa.value,
             onClick: Ne
-          }, "Prev", 8, tn),
+          }, "Prev", 8, on),
           s("button", {
             type: "button",
             class: "pptxv-button",
-            disabled: !sa.value,
-            onClick: Be
-          }, "Next", 8, an),
-          s("span", sn, b(ya.value), 1),
+            disabled: !ia.value,
+            onClick: ze
+          }, "Next", 8, ln),
+          s("span", rn, g(ka.value), 1),
           s("span", {
             class: x(["pptxv-pill", { "pptxv-pill--hidden": !ct.value }])
-          }, b(ct.value || "0 warnings"), 3),
+          }, g(ct.value || "0 warnings"), 3),
           s("details", {
-            class: x(["pptxv-layer-menu", { "pptxv-layer-menu--hidden": !ra.value }])
+            class: x(["pptxv-layer-menu", { "pptxv-layer-menu--hidden": !da.value }])
           }, [
-            s("summary", nn, "Layers " + b(ga.value), 1),
-            s("div", on, [
+            s("summary", un, "Layers " + g(wa.value), 1),
+            s("div", cn, [
               s("div", { class: "pptxv-layer-actions" }, [
                 s("button", {
                   type: "button",
                   class: "pptxv-layer-action",
-                  onClick: Sa
+                  onClick: _a
                 }, "All"),
                 s("button", {
                   type: "button",
                   class: "pptxv-layer-action",
-                  onClick: Ca
+                  onClick: Da
                 }, "None")
               ]),
-              (d(!0), v($, null, V(pe.value, (a) => (d(), v("label", {
+              (v(!0), d(E, null, V(pe.value, (a) => (v(), d("label", {
                 key: a.id,
                 class: "pptxv-layer-row"
               }, [
                 s("input", {
                   type: "checkbox",
                   checked: Je.value.has(a.id),
-                  onChange: (o) => ka(a.id, o)
-                }, null, 40, ln),
+                  onChange: (l) => Ma(a.id, l)
+                }, null, 40, dn),
                 s("span", {
                   class: "pptxv-layer-color",
-                  style: Ue({ backgroundColor: a.color ?? "#9aa8b8" })
+                  style: We({ backgroundColor: a.color ?? "#9aa8b8" })
                 }, null, 4),
-                s("span", rn, b(a.name), 1)
+                s("span", vn, g(a.name), 1)
               ]))), 128))
             ])
           ], 2)
         ]),
-        s("div", un, [
+        s("div", pn, [
           s("button", {
             type: "button",
             class: "pptxv-button",
-            disabled: !na.value,
+            disabled: !la.value,
             onClick: ht
-          }, "-", 8, cn),
-          s("span", vn, b(ta.value), 1),
+          }, "-", 8, hn),
+          s("span", fn, g(na.value), 1),
           s("button", {
             type: "button",
             class: "pptxv-button",
-            disabled: !oa.value,
+            disabled: !ra.value,
             onClick: pt
-          }, "+", 8, dn),
+          }, "+", 8, mn),
           s("button", {
             type: "button",
             class: "pptxv-button",
-            disabled: C.value || !i.value.capabilities.fit,
+            disabled: _.value || !r.value.capabilities.fit,
             onClick: ft
-          }, " Fit ", 8, pn),
+          }, " Fit ", 8, bn),
           s("button", {
             type: "button",
             class: "pptxv-button",
-            disabled: C.value || !i.value.capabilities.fit,
+            disabled: _.value || !r.value.capabilities.fit,
             onClick: mt
-          }, " Width ", 8, hn),
+          }, " Width ", 8, gn),
           s("button", {
             type: "button",
             class: "pptxv-button",
-            disabled: C.value || !i.value.capabilities.fit,
+            disabled: _.value || !r.value.capabilities.fit,
             onClick: bt
-          }, " Height ", 8, fn),
+          }, " Height ", 8, yn),
           s("button", {
             type: "button",
             class: "pptxv-button",
-            disabled: !la.value,
+            disabled: !ua.value,
             onClick: gt
-          }, "Rotate", 8, mn),
-          se.value ? (d(), v("button", {
+          }, "Rotate", 8, xn),
+          se.value ? (v(), d("button", {
             key: 0,
             type: "button",
             class: x(["pptxv-button", { "is-active": st.value }]),
             onClick: St
           }, " Measure ", 2)) : w("", !0),
-          se.value ? (d(), v("button", {
+          se.value ? (v(), d("button", {
             key: 1,
             type: "button",
             class: "pptxv-button",
             disabled: !nt.value,
             onClick: Ct
-          }, " Clear ", 8, bn)) : w("", !0),
-          ne.value ? (d(), v("button", {
+          }, " Clear ", 8, wn)) : w("", !0),
+          ne.value ? (v(), d("button", {
             key: 2,
             type: "button",
             class: x(["pptxv-button", { "is-active": ge.value }]),
             onClick: _t
           }, " Section ", 2)) : w("", !0),
-          ne.value ? (d(), v("button", {
+          ne.value ? (v(), d("button", {
             key: 3,
             type: "button",
             class: "pptxv-button",
-            disabled: !ge.value && Math.abs(Ee.value) < 5e-4,
+            disabled: !ge.value && Math.abs(Ae.value) < 5e-4,
             onClick: Dt
-          }, " Reset cut ", 8, gn)) : w("", !0),
-          Ie.value ? (d(), v("button", {
+          }, " Reset cut ", 8, kn)) : w("", !0),
+          Ie.value ? (v(), d("button", {
             key: 4,
             type: "button",
-            class: x(["pptxv-button", { "is-active": it.value === "perspective" }]),
+            class: x(["pptxv-button", { "is-active": lt.value === "perspective" }]),
             onClick: t[0] || (t[0] = (a) => Tt("perspective"))
           }, " Persp ", 2)) : w("", !0),
-          Ie.value ? (d(), v("button", {
+          Ie.value ? (v(), d("button", {
             key: 5,
             type: "button",
-            class: x(["pptxv-button", { "is-active": it.value === "orthographic" }]),
+            class: x(["pptxv-button", { "is-active": lt.value === "orthographic" }]),
             onClick: t[1] || (t[1] = (a) => Tt("orthographic"))
           }, " Ortho ", 2)) : w("", !0),
-          N.value ? (d(), v("button", {
+          N.value ? (v(), d("button", {
             key: 6,
             type: "button",
-            class: x(["pptxv-button", { "is-active": j.value === "shaded" }]),
-            onClick: t[2] || (t[2] = (a) => E("shaded"))
+            class: x(["pptxv-button", { "is-active": U.value === "shaded" }]),
+            onClick: t[2] || (t[2] = (a) => A("shaded"))
           }, " Shade ", 2)) : w("", !0),
-          N.value ? (d(), v("button", {
+          N.value ? (v(), d("button", {
             key: 7,
             type: "button",
-            class: x(["pptxv-button", { "is-active": j.value === "solid-edge" }]),
-            onClick: t[3] || (t[3] = (a) => E("solid-edge"))
+            class: x(["pptxv-button", { "is-active": U.value === "solid-edge" }]),
+            onClick: t[3] || (t[3] = (a) => A("solid-edge"))
           }, " Edge ", 2)) : w("", !0),
-          N.value ? (d(), v("button", {
+          N.value ? (v(), d("button", {
             key: 8,
             type: "button",
-            class: x(["pptxv-button", { "is-active": j.value === "wireframe" }]),
-            onClick: t[4] || (t[4] = (a) => E("wireframe"))
+            class: x(["pptxv-button", { "is-active": U.value === "wireframe" }]),
+            onClick: t[4] || (t[4] = (a) => A("wireframe"))
           }, " Wire ", 2)) : w("", !0),
-          N.value ? (d(), v("button", {
+          N.value ? (v(), d("button", {
             key: 9,
             type: "button",
-            class: x(["pptxv-button", { "is-active": j.value === "xray" }]),
-            onClick: t[5] || (t[5] = (a) => E("xray"))
+            class: x(["pptxv-button", { "is-active": U.value === "xray" }]),
+            onClick: t[5] || (t[5] = (a) => A("xray"))
           }, " X-Ray ", 2)) : w("", !0),
-          ye.value ? (d(), v("button", {
+          ye.value ? (v(), d("button", {
             key: 10,
             type: "button",
             class: "pptxv-button",
-            onClick: $t
+            onClick: Lt
           }, " PNG ")) : w("", !0),
-          ye.value ? (d(), v("button", {
+          ye.value ? (v(), d("button", {
             key: 11,
             type: "button",
             class: "pptxv-button",
             onClick: t[6] || (t[6] = (a) => we(X.value === "scene" ? "white" : X.value === "white" ? "transparent" : "scene"))
-          }, b(At(X.value)), 1)) : w("", !0),
+          }, g($t(X.value)), 1)) : w("", !0),
           s("button", {
             type: "button",
             class: "pptxv-button",
-            disabled: !ia.value,
+            disabled: !ca.value,
             onClick: yt
-          }, "Full", 8, yn)
+          }, "Full", 8, Sn)
         ])
       ])) : w("", !0),
-      s("div", xn, [
-        i.value.family === "model3d" ? Oe((d(), v("div", {
+      s("div", Cn, [
+        r.value.family === "model3d" ? Oe((v(), d("div", {
           key: 0,
-          id: K,
+          id: H,
           class: "pptxv-model-tools"
         }, [
-          s("aside", wn, [
-            s("div", kn, [
-              rt.value ? (d(), v($, { key: 0 }, [
+          s("aside", Mn, [
+            s("div", _n, [
+              rt.value ? (v(), d(E, { key: 0 }, [
                 t[43] || (t[43] = s("div", { class: "pptxv-meta-heading" }, "Model tree", -1)),
-                s("div", Sn, [
+                s("div", Dn, [
                   s("button", {
                     type: "button",
                     class: "pptxv-button pptxv-tree-reset",
-                    disabled: !z.value,
+                    disabled: !B.value,
                     onClick: t[7] || (t[7] = (a) => xt(void 0))
-                  }, " Show all ", 8, Cn),
+                  }, " Show all ", 8, Rn),
                   s("button", {
                     type: "button",
                     class: "pptxv-button pptxv-tree-reset",
-                    disabled: !z.value,
-                    onClick: Da
-                  }, " Refocus ", 8, Mn),
+                    disabled: !B.value,
+                    onClick: Ta
+                  }, " Refocus ", 8, Pn),
                   s("button", {
                     type: "button",
                     class: "pptxv-button pptxv-tree-reset",
-                    onClick: Ra
+                    onClick: La
                   }, " Reset view ")
                 ]),
-                s("div", _n, [
+                s("div", Tn, [
                   Oe(s("input", {
                     "onUpdate:modelValue": t[8] || (t[8] = (a) => S.value = a),
                     type: "search",
@@ -1519,7 +1664,7 @@ const Qs = ["aria-label"], Js = {
                     placeholder: "Search nodes, kinds, materials"
                   }, null, 512), [
                     [
-                      Kt,
+                      Ht,
                       S.value,
                       void 0,
                       { trim: !0 }
@@ -1529,11 +1674,11 @@ const Qs = ["aria-label"], Js = {
                     type: "button",
                     class: "pptxv-button pptxv-tree-search-clear",
                     disabled: !ae.value,
-                    onClick: Ta
-                  }, " Clear ", 8, Dn)
+                    onClick: $a
+                  }, " Clear ", 8, Ln)
                 ]),
-                s("div", Rn, b(fa.value), 1),
-                ut.value ? (d(), v("div", Pn, [
+                s("div", En, g(ga.value), 1),
+                ut.value ? (v(), d("div", $n, [
                   t[40] || (t[40] = s("span", { class: "pptxv-tree-explode-label" }, "Explode", -1)),
                   s("input", {
                     type: "range",
@@ -1542,22 +1687,22 @@ const Qs = ["aria-label"], Js = {
                     step: "1",
                     class: "pptxv-tree-explode-slider",
                     value: Fe.value,
-                    onInput: t[9] || (t[9] = (a) => _a(a))
-                  }, null, 40, Tn),
+                    onInput: t[9] || (t[9] = (a) => Pa(a))
+                  }, null, 40, An),
                   s("button", {
                     type: "button",
                     class: "pptxv-button pptxv-tree-explode-value",
                     onClick: wt
-                  }, b(Fe.value) + "% ", 1)
+                  }, g(Fe.value) + "% ", 1)
                 ])) : w("", !0),
-                he.value ? (d(), v("div", $n, [
-                  s("span", null, b(he.value.label), 1),
-                  s("strong", null, b(he.value.children.length) + " child" + b(he.value.children.length === 1 ? "" : "ren"), 1)
+                he.value ? (v(), d("div", In, [
+                  s("span", null, g(he.value.label), 1),
+                  s("strong", null, g(he.value.children.length) + " child" + g(he.value.children.length === 1 ? "" : "ren"), 1)
                 ])) : w("", !0),
-                Ie.value ? (d(), v("div", Ln, [
-                  s("div", An, [
+                Ie.value ? (v(), d("div", Fn, [
+                  s("div", Nn, [
                     t[41] || (t[41] = s("span", { class: "pptxv-measurement-label" }, "View", -1)),
-                    s("div", En, [
+                    s("div", zn, [
                       s("button", {
                         type: "button",
                         class: x(["pptxv-button", { "is-active": J.value === "isometric" }]),
@@ -1595,161 +1740,161 @@ const Qs = ["aria-label"], Js = {
                       }, "Bottom", 2)
                     ])
                   ]),
-                  N.value ? (d(), v("div", In, [
+                  N.value ? (v(), d("div", Bn, [
                     t[42] || (t[42] = s("span", { class: "pptxv-measurement-label" }, "Display", -1)),
-                    s("div", Fn, [
+                    s("div", Vn, [
                       s("button", {
                         type: "button",
-                        class: x(["pptxv-button", { "is-active": j.value === "shaded" }]),
-                        onClick: t[17] || (t[17] = (a) => E("shaded"))
+                        class: x(["pptxv-button", { "is-active": U.value === "shaded" }]),
+                        onClick: t[17] || (t[17] = (a) => A("shaded"))
                       }, "Shaded", 2),
                       s("button", {
                         type: "button",
-                        class: x(["pptxv-button", { "is-active": j.value === "solid-edge" }]),
-                        onClick: t[18] || (t[18] = (a) => E("solid-edge"))
+                        class: x(["pptxv-button", { "is-active": U.value === "solid-edge" }]),
+                        onClick: t[18] || (t[18] = (a) => A("solid-edge"))
                       }, "Solid+Edge", 2),
                       s("button", {
                         type: "button",
-                        class: x(["pptxv-button", { "is-active": j.value === "wireframe" }]),
-                        onClick: t[19] || (t[19] = (a) => E("wireframe"))
+                        class: x(["pptxv-button", { "is-active": U.value === "wireframe" }]),
+                        onClick: t[19] || (t[19] = (a) => A("wireframe"))
                       }, "Wireframe", 2),
                       s("button", {
                         type: "button",
-                        class: x(["pptxv-button", { "is-active": j.value === "xray" }]),
-                        onClick: t[20] || (t[20] = (a) => E("xray"))
+                        class: x(["pptxv-button", { "is-active": U.value === "xray" }]),
+                        onClick: t[20] || (t[20] = (a) => A("xray"))
                       }, "X-Ray", 2)
                     ])
                   ])) : w("", !0)
                 ])) : w("", !0),
-                at.value.length ? (d(), v("dl", Nn, [
-                  (d(!0), v($, null, V(at.value, (a) => (d(), v("div", {
+                at.value.length ? (v(), d("dl", Gn, [
+                  (v(!0), d(E, null, V(at.value, (a) => (v(), d("div", {
                     key: a.label,
                     class: "pptxv-tree-detail-row"
                   }, [
-                    s("dt", null, b(a.label), 1),
-                    s("dd", null, b(a.value), 1)
+                    s("dt", null, g(a.label), 1),
+                    s("dd", null, g(a.value), 1)
                   ]))), 128))
                 ])) : w("", !0),
-                s("div", Bn, [
-                  (d(!0), v($, null, V(Re.value, (a) => (d(), v("div", {
+                s("div", On, [
+                  (v(!0), d(E, null, V(Re.value, (a) => (v(), d("div", {
                     key: a.id,
                     class: "pptxv-tree-row",
-                    style: Ue({ paddingLeft: `${8 + a.depth * 14}px` })
+                    style: We({ paddingLeft: `${8 + a.depth * 14}px` })
                   }, [
-                    a.children.length ? (d(), v("button", {
+                    a.children.length ? (v(), d("button", {
                       key: 0,
                       type: "button",
                       class: "pptxv-tree-toggle",
                       "aria-label": a.collapsed ? "Expand node" : "Collapse node",
-                      onClick: (o) => Pa(a.id)
-                    }, b(a.collapsed ? "+" : "-"), 9, zn)) : (d(), v("span", Vn)),
+                      onClick: (l) => Ea(a.id)
+                    }, g(a.collapsed ? "+" : "-"), 9, Un)) : (v(), d("span", Wn)),
                     s("input", {
                       type: "checkbox",
                       class: "pptxv-tree-visibility",
                       checked: a.visible,
                       "aria-label": a.visible ? "Hide node" : "Show node",
-                      onClick: t[21] || (t[21] = je(() => {
+                      onClick: t[21] || (t[21] = Ue(() => {
                       }, ["stop"])),
-                      onChange: (o) => Ma(a.id, o)
-                    }, null, 40, Gn),
+                      onChange: (l) => Ra(a.id, l)
+                    }, null, 40, jn),
                     s("button", {
                       type: "button",
-                      class: x(["pptxv-tree-button", { "is-active": z.value === a.id, "is-hidden": !a.visible }]),
-                      onClick: (o) => xt(a.id)
+                      class: x(["pptxv-tree-button", { "is-active": B.value === a.id, "is-hidden": !a.visible }]),
+                      onClick: (l) => xt(a.id)
                     }, [
-                      s("div", jn, [
-                        s("span", Un, b(za(a.kind)), 1),
-                        s("span", Wn, b(a.label), 1),
-                        a.children.length ? (d(), v("span", Kn, b(a.children.length), 1)) : w("", !0)
+                      s("div", Kn, [
+                        s("span", Yn, g(Oa(a.kind)), 1),
+                        s("span", Xn, g(a.label), 1),
+                        a.children.length ? (v(), d("span", qn, g(a.children.length), 1)) : w("", !0)
                       ]),
-                      s("span", Hn, b(a.kind), 1)
-                    ], 10, On)
+                      s("span", Zn, g(a.kind), 1)
+                    ], 10, Hn)
                   ], 4))), 128))
                 ]),
-                ma.value ? (d(), v("div", Yn, " No nodes matched the current filter. ")) : w("", !0)
-              ], 64)) : (d(), v($, { key: 1 }, [
+                ya.value ? (v(), d("div", Qn, " No nodes matched the current filter. ")) : w("", !0)
+              ], 64)) : (v(), d(E, { key: 1 }, [
                 t[44] || (t[44] = s("div", { class: "pptxv-meta-heading" }, "Model tree", -1)),
-                s("div", Xn, b(C.value ? "Loading model..." : "No model tree available."), 1)
+                s("div", Jn, g(_.value ? "Loading model..." : "No model tree available."), 1)
               ], 64))
             ])
           ]),
-          s("aside", qn, [
-            s("div", Zn, [
+          s("aside", eo, [
+            s("div", to, [
               t[53] || (t[53] = s("div", { class: "pptxv-meta-heading" }, "Model info", -1)),
-              ba.value ? (d(), v("dl", Qn, [
-                (d(!0), v($, null, V(tt.value, (a) => (d(), v("div", {
+              xa.value ? (v(), d("dl", ao, [
+                (v(!0), d(E, null, V(tt.value, (a) => (v(), d("div", {
                   key: a.label,
                   class: "pptxv-meta-row"
                 }, [
-                  s("dt", null, b(a.label), 1),
-                  s("dd", null, b(a.value), 1)
+                  s("dt", null, g(a.label), 1),
+                  s("dd", null, g(a.value), 1)
                 ]))), 128))
-              ])) : (d(), v("div", Jn, b(C.value ? "Loading model..." : "No model metadata available."), 1)),
-              fe.value.length ? (d(), v("div", eo, [
-                s("span", null, b(ca.value), 1),
-                s("div", to, [
-                  me.value ? (d(), v("button", {
+              ])) : (v(), d("div", so, g(_.value ? "Loading model..." : "No model metadata available."), 1)),
+              fe.value.length ? (v(), d("div", no, [
+                s("span", null, g(pa.value), 1),
+                s("div", oo, [
+                  me.value ? (v(), d("button", {
                     key: 0,
                     type: "button",
                     class: "pptxv-button pptxv-material-clear",
                     onClick: t[22] || (t[22] = (a) => kt(void 0))
                   }, " Clear isolate ")) : w("", !0),
-                  s("span", ao, b(va.value), 1)
+                  s("span", io, g(ha.value), 1)
                 ])
               ])) : w("", !0),
-              fe.value.length ? (d(), v("div", so, [
-                (d(!0), v($, null, V(fe.value, (a) => (d(), v("section", {
+              fe.value.length ? (v(), d("div", lo, [
+                (v(!0), d(E, null, V(fe.value, (a) => (v(), d("section", {
                   key: a.key,
                   class: x(["pptxv-material-card", { "is-active": me.value === a.key }])
                 }, [
-                  s("div", no, [
-                    s("div", oo, [
-                      s("strong", null, b(a.name || a.type), 1),
-                      s("span", null, b(a.type), 1)
+                  s("div", ro, [
+                    s("div", uo, [
+                      s("strong", null, g(a.name || a.type), 1),
+                      s("span", null, g(a.type), 1)
                     ]),
-                    Et(a).length ? (d(), v("div", lo, [
-                      (d(!0), v($, null, V(Et(a), (o) => (d(), v("span", {
-                        key: o.label,
+                    At(a).length ? (v(), d("div", co, [
+                      (v(!0), d(E, null, V(At(a), (l) => (v(), d("span", {
+                        key: l.label,
                         class: "pptxv-material-swatch",
-                        title: `${o.label}: ${o.color}`,
-                        style: Ue({ backgroundColor: o.color })
-                      }, null, 12, io))), 128))
+                        title: `${l.label}: ${l.color}`,
+                        style: We({ backgroundColor: l.color })
+                      }, null, 12, vo))), 128))
                     ])) : w("", !0)
                   ]),
-                  s("div", ro, [
+                  s("div", po, [
                     s("button", {
                       type: "button",
                       class: "pptxv-button pptxv-material-action",
-                      onClick: (o) => kt(a.key)
-                    }, b(Ba(a)), 9, uo)
+                      onClick: (l) => kt(a.key)
+                    }, g(Ga(a)), 9, ho)
                   ]),
-                  s("dl", co, [
-                    (d(!0), v($, null, V(Na(a), (o) => (d(), v("div", {
-                      key: o.label,
+                  s("dl", fo, [
+                    (v(!0), d(E, null, V(Va(a), (l) => (v(), d("div", {
+                      key: l.label,
                       class: "pptxv-material-detail-row"
                     }, [
-                      s("dt", null, b(o.label), 1),
-                      s("dd", null, b(o.value), 1)
+                      s("dt", null, g(l.label), 1),
+                      s("dd", null, g(l.value), 1)
                     ]))), 128))
                   ])
                 ], 2))), 128))
               ])) : w("", !0),
-              se.value ? (d(), v("div", vo, "Measurement")) : w("", !0),
-              N.value ? (d(), v("div", po, "Display")) : w("", !0),
-              N.value ? (d(), v("dl", ho, [
-                s("div", fo, [
+              se.value ? (v(), d("div", mo, "Measurement")) : w("", !0),
+              N.value ? (v(), d("div", bo, "Display")) : w("", !0),
+              N.value ? (v(), d("dl", go, [
+                s("div", yo, [
                   t[45] || (t[45] = s("dt", null, "Mode", -1)),
-                  s("dd", null, b(Fa(j.value)), 1)
+                  s("dd", null, g(Ba(U.value)), 1)
                 ]),
-                s("div", mo, [
+                s("div", xo, [
                   t[46] || (t[46] = s("dt", null, "Snapshot bg", -1)),
-                  s("dd", null, b(At(X.value)), 1)
+                  s("dd", null, g($t(X.value)), 1)
                 ])
               ])) : w("", !0),
-              ye.value ? (d(), v("div", bo, [
-                s("div", go, [
+              ye.value ? (v(), d("div", wo, [
+                s("div", ko, [
                   t[47] || (t[47] = s("span", { class: "pptxv-measurement-label" }, "Snapshot", -1)),
-                  s("div", yo, [
+                  s("div", So, [
                     s("button", {
                       type: "button",
                       class: x(["pptxv-button", { "is-active": X.value === "scene" }]),
@@ -1768,10 +1913,10 @@ const Qs = ["aria-label"], Js = {
                   ])
                 ])
               ])) : w("", !0),
-              se.value ? (d(), v("div", xo, [
-                s("div", wo, [
+              se.value ? (v(), d("div", Co, [
+                s("div", Mo, [
                   t[48] || (t[48] = s("span", { class: "pptxv-measurement-label" }, "Snap", -1)),
-                  s("div", ko, [
+                  s("div", _o, [
                     s("button", {
                       type: "button",
                       class: x(["pptxv-button", { "is-active": ot.value === "surface" }]),
@@ -1784,9 +1929,9 @@ const Qs = ["aria-label"], Js = {
                     }, " Vertex ", 2)
                   ])
                 ]),
-                s("div", So, [
+                s("div", Do, [
                   t[49] || (t[49] = s("span", { class: "pptxv-measurement-label" }, "Axis", -1)),
-                  s("div", Co, [
+                  s("div", Ro, [
                     s("button", {
                       type: "button",
                       class: x(["pptxv-button", { "is-active": be.value === "free" }]),
@@ -1810,20 +1955,20 @@ const Qs = ["aria-label"], Js = {
                   ])
                 ])
               ])) : w("", !0),
-              se.value ? (d(), v("dl", Mo, [
-                (d(!0), v($, null, V(da.value, (a) => (d(), v("div", {
+              se.value ? (v(), d("dl", Po, [
+                (v(!0), d(E, null, V(fa.value, (a) => (v(), d("div", {
                   key: a.label,
                   class: "pptxv-meta-row"
                 }, [
-                  s("dt", null, b(a.label), 1),
-                  s("dd", null, b(a.value), 1)
+                  s("dt", null, g(a.label), 1),
+                  s("dd", null, g(a.value), 1)
                 ]))), 128))
               ])) : w("", !0),
-              ne.value ? (d(), v("div", _o, "Section")) : w("", !0),
-              ne.value ? (d(), v("div", Do, [
-                s("div", Ro, [
+              ne.value ? (v(), d("div", To, "Section")) : w("", !0),
+              ne.value ? (v(), d("div", Lo, [
+                s("div", Eo, [
                   t[50] || (t[50] = s("span", { class: "pptxv-measurement-label" }, "Mode", -1)),
-                  s("div", Po, [
+                  s("div", $o, [
                     s("button", {
                       type: "button",
                       class: x(["pptxv-button", { "is-active": Te.value === "single" }]),
@@ -1836,52 +1981,52 @@ const Qs = ["aria-label"], Js = {
                     }, " Box ", 2)
                   ])
                 ]),
-                s("div", To, [
+                s("div", Ao, [
                   t[51] || (t[51] = s("span", { class: "pptxv-measurement-label" }, "Axis", -1)),
-                  s("div", $o, [
+                  s("div", Io, [
                     s("button", {
                       type: "button",
-                      class: x(["pptxv-button", { "is-active": $e.value === "x" }]),
-                      onClick: t[34] || (t[34] = (a) => ze("x"))
+                      class: x(["pptxv-button", { "is-active": Le.value === "x" }]),
+                      onClick: t[34] || (t[34] = (a) => Be("x"))
                     }, " X ", 2),
                     s("button", {
                       type: "button",
-                      class: x(["pptxv-button", { "is-active": $e.value === "y" }]),
-                      onClick: t[35] || (t[35] = (a) => ze("y"))
+                      class: x(["pptxv-button", { "is-active": Le.value === "y" }]),
+                      onClick: t[35] || (t[35] = (a) => Be("y"))
                     }, " Y ", 2),
                     s("button", {
                       type: "button",
-                      class: x(["pptxv-button", { "is-active": $e.value === "z" }]),
-                      onClick: t[36] || (t[36] = (a) => ze("z"))
+                      class: x(["pptxv-button", { "is-active": Le.value === "z" }]),
+                      onClick: t[36] || (t[36] = (a) => Be("z"))
                     }, " Z ", 2)
                   ])
                 ]),
-                Te.value === "single" ? (d(), v("div", Lo, [
-                  s("div", Ao, [
+                Te.value === "single" ? (v(), d("div", Fo, [
+                  s("div", No, [
                     t[52] || (t[52] = s("span", { class: "pptxv-measurement-label" }, "Offset", -1)),
-                    s("strong", Eo, b(M(Ee.value)), 1)
+                    s("strong", zo, g(D(Ae.value)), 1)
                   ]),
                   s("input", {
                     type: "range",
                     class: "pptxv-section-slider",
-                    min: Le.value,
-                    max: Ae.value,
-                    step: pa.value,
-                    value: Ee.value,
-                    onInput: t[37] || (t[37] = (a) => $a(a))
-                  }, null, 40, Io),
-                  s("div", Fo, [
-                    s("span", null, b(M(Le.value)), 1),
-                    s("span", null, b(M(Ae.value)), 1)
+                    min: Ee.value,
+                    max: $e.value,
+                    step: ma.value,
+                    value: Ae.value,
+                    onInput: t[37] || (t[37] = (a) => Aa(a))
+                  }, null, 40, Bo),
+                  s("div", Vo, [
+                    s("span", null, g(D(Ee.value)), 1),
+                    s("span", null, g(D($e.value)), 1)
                   ])
-                ])) : (d(), v("div", No, [
-                  (d(), v($, null, V(["x", "y", "z"], (a) => s("div", {
+                ])) : (v(), d("div", Go, [
+                  (v(), d(E, null, V(["x", "y", "z"], (a) => s("div", {
                     key: a,
                     class: "pptxv-measurement-group"
                   }, [
-                    s("div", Bo, [
-                      s("span", zo, "Box " + b(a.toUpperCase()), 1),
-                      s("strong", Vo, b(ke(Q.value[a])), 1)
+                    s("div", Oo, [
+                      s("span", Uo, "Box " + g(a.toUpperCase()), 1),
+                      s("strong", Wo, g(ke(Q.value[a])), 1)
                     ]),
                     s("input", {
                       type: "range",
@@ -1890,8 +2035,8 @@ const Qs = ["aria-label"], Js = {
                       max: F.value[a][1],
                       step: Math.max((F.value[a][1] - F.value[a][0]) / 200, 1e-3),
                       value: Q.value[a][0],
-                      onInput: (o) => Pt(a, "min", o)
-                    }, null, 40, Go),
+                      onInput: (l) => Pt(a, "min", l)
+                    }, null, 40, jo),
                     s("input", {
                       type: "range",
                       class: "pptxv-section-slider",
@@ -1899,47 +2044,47 @@ const Qs = ["aria-label"], Js = {
                       max: F.value[a][1],
                       step: Math.max((F.value[a][1] - F.value[a][0]) / 200, 1e-3),
                       value: Q.value[a][1],
-                      onInput: (o) => Pt(a, "max", o)
-                    }, null, 40, Oo),
-                    s("div", jo, [
-                      s("span", null, b(M(F.value[a][0])), 1),
-                      s("span", null, b(M(F.value[a][1])), 1)
+                      onInput: (l) => Pt(a, "max", l)
+                    }, null, 40, Ho),
+                    s("div", Ko, [
+                      s("span", null, g(D(F.value[a][0])), 1),
+                      s("span", null, g(D(F.value[a][1])), 1)
                     ])
                   ])), 64))
                 ]))
               ])) : w("", !0),
-              ne.value ? (d(), v("dl", Uo, [
-                (d(!0), v($, null, V(ha.value, (a) => (d(), v("div", {
+              ne.value ? (v(), d("dl", Yo, [
+                (v(!0), d(E, null, V(ba.value, (a) => (v(), d("div", {
                   key: a.label,
                   class: "pptxv-meta-row"
                 }, [
-                  s("dt", null, b(a.label), 1),
-                  s("dd", null, b(a.value), 1)
+                  s("dt", null, g(a.label), 1),
+                  s("dd", null, g(a.value), 1)
                 ]))), 128))
               ])) : w("", !0)
             ])
           ])
         ], 512)), [
-          [Ka, D.value]
+          [Xa, P.value]
         ]) : w("", !0),
-        s("div", Wo, [
-          s("div", Ko, [
+        s("div", Xo, [
+          s("div", qo, [
             s("div", {
               ref_key: "viewerHost",
-              ref: y,
+              ref: f,
               class: "pptxv-main-view"
             }, null, 512),
-            i.value.family === "model3d" ? (d(), v("button", {
+            r.value.family === "model3d" ? (v(), d("button", {
               key: 0,
               type: "button",
               class: "pptxv-button pptxv-model-tools-toggle",
-              "aria-label": D.value ? "Hide model tools" : "Show model tools",
-              title: D.value ? "Hide model tools" : "Show model tools",
-              "aria-expanded": D.value,
-              "aria-controls": K,
-              onClick: t[38] || (t[38] = (a) => D.value = !D.value)
+              "aria-label": P.value ? "Hide model tools" : "Show model tools",
+              title: P.value ? "Hide model tools" : "Show model tools",
+              "aria-expanded": P.value,
+              "aria-controls": H,
+              onClick: t[38] || (t[38] = (a) => P.value = !P.value)
             }, [
-              (d(), v("svg", Yo, [
+              (v(), d("svg", Qo, [
                 t[54] || (t[54] = s("rect", {
                   x: "2.5",
                   y: "3.5",
@@ -1949,81 +2094,81 @@ const Qs = ["aria-label"], Js = {
                 }, null, -1)),
                 t[55] || (t[55] = s("path", { d: "M7.5 3.5v13" }, null, -1)),
                 s("path", {
-                  d: D.value ? "m12.5 7-3 3 3 3" : "m10.5 7 3 3-3 3"
-                }, null, 8, Xo)
+                  d: P.value ? "m12.5 7-3 3 3 3" : "m10.5 7 3 3-3 3"
+                }, null, 8, Jo)
               ]))
-            ], 8, Ho)) : w("", !0),
-            G.value ? (d(), v("div", qo, [
+            ], 8, Zo)) : w("", !0),
+            G.value ? (v(), d("div", ei, [
               s("form", {
                 class: "pptxv-password-form",
-                "aria-labelledby": _ + "-title",
-                onSubmit: je(Qt, ["prevent"]),
-                onKeydown: Ha(je(He, ["stop"]), ["esc"])
+                "aria-labelledby": R + "-title",
+                onSubmit: Ue(ta, ["prevent"]),
+                onKeydown: qa(Ue(Ke, ["stop"]), ["esc"])
               }, [
                 s("h2", {
-                  id: _ + "-title"
-                }, "此文档已加密", 8, Qo),
+                  id: R + "-title"
+                }, "此文档已加密", 8, ai),
                 t[56] || (t[56] = s("p", null, "请输入密码以打开文档。", -1)),
-                G.value.reason === "password_invalid" ? (d(), v("p", {
+                G.value.reason === "password_invalid" ? (v(), d("p", {
                   key: 0,
-                  id: _ + "-error",
+                  id: R + "-error",
                   class: "pptxv-password-error",
                   role: "alert"
-                }, "密码不正确，请重试。", 8, Jo)) : w("", !0),
-                s("label", { for: _ }, "文档密码"),
+                }, "密码不正确，请重试。", 8, si)) : w("", !0),
+                s("label", { for: R }, "文档密码"),
                 Oe(s("input", {
-                  id: _,
+                  id: R,
                   ref_key: "passwordField",
                   ref: q,
-                  "onUpdate:modelValue": t[39] || (t[39] = (a) => A.value = a),
+                  "onUpdate:modelValue": t[39] || (t[39] = (a) => $.value = a),
                   type: "password",
                   autocomplete: "off",
                   "aria-invalid": G.value.reason === "password_invalid",
-                  "aria-describedby": G.value.reason === "password_invalid" ? _ + "-error" : void 0
-                }, null, 8, el), [
-                  [Kt, A.value]
+                  "aria-describedby": G.value.reason === "password_invalid" ? R + "-error" : void 0
+                }, null, 8, ni), [
+                  [Ht, $.value]
                 ]),
-                s("div", tl, [
+                s("div", oi, [
                   s("button", {
                     type: "button",
                     class: "pptxv-button",
-                    onClick: He
+                    onClick: Ke
                   }, "取消"),
                   s("button", {
                     type: "submit",
                     class: "pptxv-button",
-                    disabled: !A.value.length
-                  }, "打开文档", 8, al)
+                    disabled: !$.value.length
+                  }, "打开文档", 8, ii)
                 ])
-              ], 40, Zo)
-            ])) : C.value ? (d(), v("div", sl, "Loading preview...")) : Ye.value ? (d(), v("div", nl, [
-              H.value ? (d(), v("div", ol, [
+              ], 40, ti)
+            ])) : _.value ? (v(), d("div", li, "Loading preview...")) : Ye.value ? (v(), d("div", ri, [
+              K.value ? (v(), d("div", ui, [
                 t[57] || (t[57] = s("p", null, "已取消打开文档。", -1)),
                 s("button", {
                   type: "button",
                   class: "pptxv-button",
-                  onClick: ie
+                  onClick: le
                 }, "重新输入密码")
-              ])) : (d(), v($, { key: 1 }, [
-                Ya(b(Ye.value), 1)
+              ])) : (v(), d(E, { key: 1 }, [
+                Za(g(Ye.value), 1)
               ], 64))
             ])) : w("", !0)
           ])
         ])
       ])
-    ], 40, Qs));
+    ], 40, an));
   }
-}), Yt = new URL("converter-core.wasm", import.meta.url).href, Xt = new URL("converter-image.wasm", import.meta.url).href;
-function xl(f, l) {
-  const u = qa({
-    ...l,
-    converter: l.converter ?? ks({ wasm: Yt, imageWasm: Xt }),
-    panoramaProcessor: l.panoramaProcessor ?? ws({ wasm: Yt, imageWasm: Xt })
-  }), n = Za({ render: () => Qa(ll, u) });
-  return n.mount(f), {
+}), Xt = new URL("converter-core.wasm", import.meta.url).href, qt = new URL("converter-image.wasm", import.meta.url).href;
+function Ci(h, o) {
+  const i = Ja({
+    ...o,
+    converter: o.converter ?? Cs({ wasm: Xt, imageWasm: qt }),
+    panoramaProcessor: o.panoramaProcessor ?? Ss({ wasm: Xt, imageWasm: qt })
+  }), n = es({ render: () => ts(ci, i) });
+  return n.mount(h), {
     /** Switch sources using the shared preview lifecycle and cancellation. */
-    update(m) {
-      Object.assign(u, m);
+    update(p) {
+      Object.assign(i, p);
     },
     destroy() {
       n.unmount();
@@ -2031,5 +2176,5 @@ function xl(f, l) {
   };
 }
 export {
-  xl as createPreview
+  Ci as createPreview
 };