pptx-vanilla-viewer 2.1.0 → 2.1.2

package/dist/styles.css

@@ -170,9 +170,17 @@
 .pptxv-titlebar-dot { color: var(--pptx-muted-foreground); }
 .pptxv-titlebar-status.is-error { color: #dc2626; }
 .pptxv-titlebar-status.is-saving { color: #ca8a04; }
-.pptxv-titlebar-search { position: absolute; left: 50%; width: min(320px, 30vw); transform: translateX(-50%); }
-.pptxv-titlebar-spacer { flex: 1; min-width: 20px; }
-.pptxv-cmdsearch { position: relative; width: 100%; }
+/*
+ * Flex-based centering (not position:absolute + left:50%): an absolutely
+ * positioned box centers on the FULL bar width regardless of how much room
+ * the file name / status text on the left actually uses, so a longer status
+ * message (e.g. "Saved to this PC") gets visually covered by the search box
+ * instead of the two ever sharing space. flex:1 here reserves the real
+ * remaining width between the file group and the bar's end, and centers the
+ * search box within that.
+ */
+.pptxv-titlebar-search { flex: 1 1 auto; display: flex; justify-content: center; min-width: 20px; }
+.pptxv-cmdsearch { position: relative; width: min(320px, 30vw); }
 .pptxv-cmdsearch-box { display: flex; align-items: center; gap: 5px; height: 24px; padding: 0 8px; border: 1px solid var(--pptx-border); border-radius: 4px; background: var(--pptx-muted); color: var(--pptx-muted-foreground); }
 .pptxv-cmdsearch-box svg { width: 13px; height: 13px; flex: none; }
 .pptxv-cmdsearch-input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--pptx-foreground); font: inherit; }
@@ -181,7 +189,47 @@
 .pptxv-cmdsearch-item { cursor: pointer; }
 .pptxv-cmdsearch-item:hover { background: var(--pptx-accent); color: var(--pptx-accent-foreground); }
 .pptxv-cmdsearch-empty { color: var(--pptx-muted-foreground); }
-@media (max-width: 767px), (max-width: 1023px) and (max-height: 520px) { .pptxv-titlebar { display: none; } }
+@media (max-width: 767px), (max-width: 1023px) and (max-height: 520px) { .pptxv-titlebar, .pptxv-qat-row { display: none; } }
+
+/* Quick Access Toolbar docked below the Ribbon (Options > Quick Access
+   Toolbar > position); hidden and empty until the strip is moved in. */
+.pptxv-qat-row {
+	display: flex;
+	align-items: center;
+	gap: 4px;
+	min-height: 36px;
+	padding: 0 8px;
+	border-bottom: 1px solid var(--pptx-border);
+	background: var(--pptx-card);
+}
+.pptxv-qat-row .pptxv-qat { display: flex; align-items: center; gap: 4px; }
+
+/* Trust Center > Protected View banner: PowerPoint's persistent "this file
+   is read-only until you Enable Editing" bar under the Ribbon. */
+.pptxv-protected-view {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	padding: 6px 8px;
+	background: #fef3c7;
+	color: #78350f;
+	border-bottom: 1px solid #fcd34d;
+	font-size: 11px;
+}
+.pptxv-protected-view svg { width: 16px; height: 16px; flex: none; }
+.pptxv-protected-view-text { flex: 1 1 auto; }
+.pptxv-protected-view-enable {
+	flex: none;
+	padding: 3px 10px;
+	border: 1px solid #b45309;
+	border-radius: 4px;
+	background: #fff;
+	color: #78350f;
+	font: inherit;
+	font-weight: 600;
+	cursor: pointer;
+}
+.pptxv-protected-view-enable:hover { background: #fde68a; }
 
 /* ── Body: thumbnail rail + viewport ─────────────────────────────────── */
 .pptxv-body { display: flex; flex: 1; min-height: 0; }
@@ -714,9 +762,34 @@
 .pptxv-error-message { color: var(--pptx-destructive); padding: 0 24px; text-align: center; }
 .pptxv-empty { color: var(--pptx-muted-foreground); }
 
+/* ── In-content loading (e.g. a 3D chart scene probing/mounting three.js) ── */
+.pptxv-chart3d-loading {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	gap: 8px;
+	color: var(--pptx-muted-foreground);
+	font-size: 12px;
+}
+.pptxv-spinner {
+	width: 1.25rem;
+	height: 1.25rem;
+	border: 3px solid var(--pptx-border);
+	border-top-color: var(--pptx-primary);
+	border-radius: 50%;
+	animation: pptxv-spin 0.8s linear infinite;
+}
+@keyframes pptxv-spin {
+	to { transform: rotate(360deg); }
+}
+
 /* ── Presentation (fullscreen) mode ──────────────────────────────────── */
 .pptxv.pptxv-presenting .pptxv-ribbon,
 .pptxv.pptxv-presenting .pptxv-thumbs,
+.pptxv.pptxv-presenting .pptxv-qat-row,
+.pptxv.pptxv-presenting .pptxv-protected-view,
 .pptxv.pptxv-presenting .pptxv-titlebar { display: none; }
 /* A show letterboxes the slide in the middle of the black, so the editing
    canvas's top alignment is overridden back to centred here. */
@@ -1292,7 +1365,7 @@
 .pptxv-ribbon-tab-content {
 	display: flex;
 	flex-wrap: nowrap;
-	align-items: stretch;
+	align-items: center;
 	gap: 0;
 	min-height: 82px;
 	padding: 2px 4px;
@@ -3028,6 +3101,10 @@ label.pptxv-options-row { cursor: pointer; }
 .pptxv.pptxv-no-show-popup .pptxv-presentation-touch-prev,
 .pptxv.pptxv-no-show-popup .pptxv-presentation-touch-next,
 .pptxv.pptxv-no-show-popup .pptxv-presentation-touch-counter { display: none !important; }
+/* The desktop hover toolbar (createPresentationToolbar) sets its own inline
+   opacity/pointer-events on mousemove; !important here is required to win
+   over that inline style regardless of the JS auto-show timer. */
+.pptxv.pptxv-no-show-popup .pptxv-present-toolbar-wrap { opacity: 0 !important; pointer-events: none !important; }
 @media (max-width: 767px) { .pptxv-options-body { flex-direction: column; } .pptxv-options-nav { flex-direction: row; width: 100%; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--pptx-border); } }
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pptx-vanilla-viewer",
-	"version": "2.1.0",
+	"version": "2.1.2",
 	"description": "Zero-framework PowerPoint viewer and editor: render, edit, present, and export PPTX slides with plain DOM, no React/Vue/Angular required.",
 	"keywords": [
 		"javascript",

package/dist/ai-panel-VZF4DIIT.cjs

@@ -1 +0,0 @@
-'use strict';var chunkI2DIATNM_cjs=require('./chunk-I2DIATNM.cjs');require('./chunk-4VDLQK6F.cjs');function K(o){let{doc:t,t:n,controller:i}=o,a=chunkI2DIATNM_cjs.fl(t,"div","pptxv-ai-focus"),h=(p,m,l)=>{let s=chunkI2DIATNM_cjs.fl(t,"button","pptxv-ai-focus-btn");return s.type="button",s.title=m,s.setAttribute("aria-label",m),s.appendChild(chunkI2DIATNM_cjs.ql(t,p)),s.addEventListener("click",l),s},x=()=>{a.replaceChildren();let p=i.getEffectiveTargets(),m=i.hasPicks(),l=i.isPinned(),s=i.isPicking(),g=chunkI2DIATNM_cjs.fl(t,"div","pptxv-ai-focus-row"),f=chunkI2DIATNM_cjs.fl(t,"span","pptxv-ai-focus-label");f.textContent=n("pptx.ai.focusScope"),g.appendChild(f);for(let r of chunkI2DIATNM_cjs.al(p,o.getSlides())){let b=chunkI2DIATNM_cjs.fl(t,"span","pptxv-ai-focus-chip");(m||l)&&b.classList.add("is-strong"),b.title=r.title,b.textContent=r.label,g.appendChild(b);}if(l){let r=chunkI2DIATNM_cjs.fl(t,"span","pptxv-ai-focus-pinned");r.textContent=n("pptx.ai.pinnedFocus"),g.appendChild(r);}let C=chunkI2DIATNM_cjs.fl(t,"div","pptxv-ai-focus-actions"),d=chunkI2DIATNM_cjs.bl(p,o.getSlides());if(d){let r=chunkI2DIATNM_cjs.fl(t,"button","pptxv-ai-focus-merge");r.type="button",r.append(chunkI2DIATNM_cjs.ql(t,"git-merge"),t.createTextNode(n("pptx.ai.mergeSelectedTables"))),r.addEventListener("click",()=>o.onSendDirective(chunkI2DIATNM_cjs.cl(d.slideIndex,d.elementIdA,d.elementIdB))),C.appendChild(r);}let y=h("crosshair",n("pptx.ai.pickElement"),()=>s?i.stopPicking():i.startPicking());if(y.setAttribute("aria-pressed",String(s)),y.classList.toggle("is-active",s),C.appendChild(y),m?C.appendChild(h("close",n("pptx.ai.pickClear"),()=>i.clearPicks())):l?C.appendChild(h("pin-off",n("pptx.ai.clearFocus"),()=>i.clearPinnedFocus())):C.appendChild(h("pin",n("pptx.ai.pinFocus"),()=>i.pinFocus())),g.appendChild(C),a.appendChild(g),s){let r=chunkI2DIATNM_cjs.fl(t,"div","pptxv-ai-focus-pick"),b=chunkI2DIATNM_cjs.ql(t,"crosshair");b.classList.add("pptxv-ai-focus-pick-icon");let k=chunkI2DIATNM_cjs.fl(t,"span","pptxv-ai-focus-pick-hint");k.textContent=n("pptx.ai.pickElementHint");let T=chunkI2DIATNM_cjs.fl(t,"button","pptxv-ai-focus-pick-done");T.type="button",T.textContent=n("pptx.ai.pickDone"),T.addEventListener("click",()=>i.stopPicking()),r.append(b,k,T),a.appendChild(r);}},c=i.subscribe(x);return x(),{el:a,destroy(){c(),a.remove();}}}function O(o){let{doc:t,t:n}=o,i=chunkI2DIATNM_cjs.fl(t,"button","pptxv-ai-chats");i.type="button",i.append(chunkI2DIATNM_cjs.ql(t,"history"),t.createTextNode(n("pptx.ai.chats")));let a=chunkI2DIATNM_cjs.fl(t,"div","pptxv-ai-history");a.hidden=true;let h=chunkI2DIATNM_cjs.fl(t,"div","pptxv-ai-history-head"),x=chunkI2DIATNM_cjs.fl(t,"span","pptxv-ai-history-title");x.textContent=n("pptx.ai.historyTitle");let c=chunkI2DIATNM_cjs.fl(t,"button","pptxv-ai-history-new");c.type="button",c.append(chunkI2DIATNM_cjs.ql(t,"plus"),t.createTextNode(n("pptx.ai.newChat"))),h.append(x,c);let p=chunkI2DIATNM_cjs.fl(t,"div","pptxv-ai-history-body"),m=chunkI2DIATNM_cjs.fl(t,"p","pptxv-ai-history-hint");m.textContent=n("pptx.ai.historyHint"),a.append(h,p,m);let l=chunkI2DIATNM_cjs.wl({deckId:o.deckId,store:o.store,getMessages:o.getMessages,setMessages:o.setMessages,untitledLabel:n("pptx.ai.untitledChat"),onChatsChanged:()=>s()});function s(){p.replaceChildren();let f=l.chats();if(f.length===0){let d=chunkI2DIATNM_cjs.fl(t,"p","pptxv-ai-history-empty");d.textContent=n("pptx.ai.historyEmpty"),p.appendChild(d);return}let C=chunkI2DIATNM_cjs.fl(t,"ul","pptxv-ai-history-list");for(let d of f){let y=chunkI2DIATNM_cjs.fl(t,"li","pptxv-ai-history-row"),r=chunkI2DIATNM_cjs.fl(t,"button","pptxv-ai-history-resume");r.type="button",r.classList.toggle("is-active",d.id===l.activeChatId());let b=chunkI2DIATNM_cjs.fl(t,"span","pptxv-ai-history-text"),k=chunkI2DIATNM_cjs.fl(t,"span","pptxv-ai-history-name");k.textContent=d.title||n("pptx.ai.untitledChat");let T=chunkI2DIATNM_cjs.fl(t,"span","pptxv-ai-history-meta");T.textContent=n("pptx.ai.messageCount",{count:d.messageCount}),b.append(k,T),r.append(chunkI2DIATNM_cjs.ql(t,"comment"),b),r.addEventListener("click",()=>{l.resumeChat(d.id),a.hidden=true;});let P=chunkI2DIATNM_cjs.fl(t,"button","pptxv-ai-history-delete");P.type="button",P.title=n("pptx.ai.deleteChat"),P.setAttribute("aria-label",n("pptx.ai.deleteChat")),P.appendChild(chunkI2DIATNM_cjs.ql(t,"trash")),P.addEventListener("click",()=>{l.deleteChat(d.id);}),y.append(r,P),C.appendChild(y);}p.appendChild(C);}s(),i.addEventListener("click",()=>{a.hidden=!a.hidden;}),c.addEventListener("click",()=>{l.newChat(),a.hidden=true;});let g=f=>{a.hidden||!(f.target instanceof Node)||!a.contains(f.target)&&!i.contains(f.target)&&(a.hidden=true);};return t.addEventListener("mousedown",g),{button:i,el:a,notifyMessagesChanged:()=>l.notifyMessagesChanged(),destroy(){t.removeEventListener("mousedown",g),l.dispose(),i.remove(),a.remove();}}}var _={view:"eye",text:"text-box",shape:"shapes",theme:"font-color",table:"table",slide:"layout",chart:"chart",move:"move-right",delete:"trash",search:"search",nav:"move-right",animation:"play",notes:"sticky-note",tool:"wrench"};function W(o,t,n){let i=t.state==="output-error",a=t.state==="output-available",h=!i&&!a,x=chunkI2DIATNM_cjs.Bl(t.toolName,t.input,h?"present":"past"),c=chunkI2DIATNM_cjs.fl(o,"div","pptxv-ai-tool"),p=chunkI2DIATNM_cjs.fl(o,"div","pptxv-ai-tool-head"),m=chunkI2DIATNM_cjs.ql(o,_[x.icon]??"wrench");m.classList.add("pptxv-ai-tool-icon");let l=chunkI2DIATNM_cjs.fl(o,"span","pptxv-ai-tool-name");l.textContent=x.label;let s=chunkI2DIATNM_cjs.fl(o,"span","pptxv-ai-tool-state");if(i?(s.classList.add("is-error"),s.append(chunkI2DIATNM_cjs.ql(o,"alert"),o.createTextNode(n("pptx.ai.toolFailed")))):a?(s.classList.add("is-done"),s.append(chunkI2DIATNM_cjs.ql(o,"check"),o.createTextNode(n("pptx.ai.toolDone")))):(s.classList.add("is-running"),s.textContent=n("pptx.ai.toolRunning")),p.append(m,l,s),c.appendChild(p),i&&t.errorText){let f=chunkI2DIATNM_cjs.fl(o,"div","pptxv-ai-tool-error");f.textContent=t.errorText,c.appendChild(f);}let g=chunkI2DIATNM_cjs.Al(t.input);if(g){let f=chunkI2DIATNM_cjs.fl(o,"details","pptxv-ai-tool-details"),C=chunkI2DIATNM_cjs.fl(o,"summary");C.textContent=n("pptx.ai.toolDetails");let d=chunkI2DIATNM_cjs.fl(o,"div","pptxv-ai-tool-raw");d.textContent=`${chunkI2DIATNM_cjs.zl(t.toolName)}: ${g}`,f.append(C,d),c.appendChild(f);}return c}function q(o,t,n,i){t.replaceChildren();for(let a of n){if(a.role==="system")continue;let h=a.role==="user",x=chunkI2DIATNM_cjs.yl(a);if(x.length===0&&!h)continue;let c=chunkI2DIATNM_cjs.fl(o,"div",`pptxv-ai-msg pptxv-ai-msg-${a.role}`),p=chunkI2DIATNM_cjs.fl(o,"div","pptxv-ai-msg-avatar");p.setAttribute("aria-label",i(h?"pptx.ai.you":"pptx.ai.assistant")),p.appendChild(chunkI2DIATNM_cjs.ql(o,h?"comment":"sparkles"));let m=chunkI2DIATNM_cjs.fl(o,"div","pptxv-ai-msg-body");for(let l of x)if(l.kind==="text"){let s=chunkI2DIATNM_cjs.fl(o,"div","pptxv-ai-msg-text");s.textContent=l.text,m.appendChild(s);}else m.appendChild(W(o,l,i));c.append(p,m),t.appendChild(c);}}function G(o,t,n,i,a){if(t.replaceChildren(),t.hidden=n.length===0,n.length===0)return;let h=chunkI2DIATNM_cjs.fl(o,"div","pptxv-ai-proposals-header"),x=chunkI2DIATNM_cjs.fl(o,"span","pptxv-ai-proposals-title");if(x.textContent=i("pptx.ai.pendingChanges",{count:n.length}),h.appendChild(x),n.length>1){let c=chunkI2DIATNM_cjs.fl(o,"button","pptxv-ai-proposal-btn is-accept-all");c.type="button",c.textContent=i("pptx.ai.acceptAll"),c.addEventListener("click",()=>a.acceptAll()),h.appendChild(c);}t.appendChild(h);for(let c of n)t.appendChild(tt(o,c,i,a));}function tt(o,t,n,i){let a=chunkI2DIATNM_cjs.fl(o,"div","pptxv-ai-proposal");a.dataset.proposalId=t.id;let h=chunkI2DIATNM_cjs.fl(o,"div","pptxv-ai-proposal-eyebrow");h.textContent=n("pptx.ai.proposedChange"),a.appendChild(h);let x=chunkI2DIATNM_cjs.fl(o,"div","pptxv-ai-proposal-label");if(x.textContent=t.label,a.appendChild(x),t.summary.length>0){let l=chunkI2DIATNM_cjs.fl(o,"ul","pptxv-ai-proposal-summary");for(let s of t.summary){let g=chunkI2DIATNM_cjs.fl(o,"li");g.textContent=chunkI2DIATNM_cjs.sl(s),l.appendChild(g);}a.appendChild(l);}let c=chunkI2DIATNM_cjs.fl(o,"div","pptxv-ai-proposal-actions"),p=chunkI2DIATNM_cjs.fl(o,"button","pptxv-ai-proposal-btn is-accept");p.type="button",p.append(chunkI2DIATNM_cjs.ql(o,"check"),o.createTextNode(n("pptx.ai.accept"))),p.addEventListener("click",()=>i.accept(t.id));let m=chunkI2DIATNM_cjs.fl(o,"button","pptxv-ai-proposal-btn is-reject");return m.type="button",m.append(chunkI2DIATNM_cjs.ql(o,"close"),o.createTextNode(n("pptx.ai.reject"))),m.addEventListener("click",()=>i.reject(t.id)),c.append(p,m),a.appendChild(c),a}async function wt(o){let{doc:t,host:n,t:i}=o;n.replaceChildren();let a=chunkI2DIATNM_cjs.fl(t,"div","pptxv-ai-header"),h=chunkI2DIATNM_cjs.fl(t,"span","pptxv-ai-title");h.textContent=i("pptx.ai.title");let x=chunkI2DIATNM_cjs.fl(t,"button","pptxv-ai-close");x.type="button",x.title=i("pptx.ai.close"),x.setAttribute("aria-label",i("pptx.ai.close")),x.appendChild(chunkI2DIATNM_cjs.ql(t,"close")),x.addEventListener("click",()=>o.onClose?.()),a.append(chunkI2DIATNM_cjs.ql(t,"sparkles"),h,x);let c,p=o.controller,m=p?K({doc:t,t:i,controller:p,getSlides:()=>o.bridge.getSlides(),onSendDirective:u=>{c?.sendMessage(u);}}):null,l=chunkI2DIATNM_cjs.fl(t,"div","pptxv-ai-messages");l.setAttribute("role","log"),l.setAttribute("aria-live","polite");let s=chunkI2DIATNM_cjs.fl(t,"div","pptxv-ai-empty");s.textContent=i("pptx.ai.emptyHint"),l.appendChild(s);let g=chunkI2DIATNM_cjs.fl(t,"div","pptxv-ai-proposals");g.hidden=true;let f=chunkI2DIATNM_cjs.fl(t,"div","pptxv-ai-error");f.setAttribute("role","alert"),f.hidden=true;let C=chunkI2DIATNM_cjs.fl(t,"form","pptxv-ai-composer"),d=chunkI2DIATNM_cjs.fl(t,"textarea","pptxv-ai-input");d.rows=2,d.placeholder=i("pptx.ai.placeholder"),d.setAttribute("aria-label",i("pptx.ai.placeholder"));let y=chunkI2DIATNM_cjs.fl(t,"button","pptxv-ai-send");y.type="submit",y.setAttribute("aria-label",i("pptx.ai.send")),y.appendChild(chunkI2DIATNM_cjs.ql(t,"send")),C.append(d,y),n.append(a,...m?[m.el]:[],l,g,f,C);try{c=await(o.createChat??chunkI2DIATNM_cjs.xl)({bridge:o.bridge,config:o.config});}catch{return s.textContent=i("pptx.ai.unavailableTitle"),d.disabled=true,y.disabled=true,m?.destroy(),{destroy:()=>n.replaceChildren()}}let r=c,b=O({doc:t,t:i,deckId:chunkI2DIATNM_cjs.vl(o.bridge),store:o.historyStore,getMessages:()=>r.getSnapshot().messages,setMessages:u=>r.setMessages(u)});a.insertBefore(b.button,x),n.appendChild(b.el);let k=r.subscribe(()=>b.notifyMessagesChanged()),T=new Set,P=u=>{if(!p)return;let A=u.messages.flatMap(Y=>chunkI2DIATNM_cjs.yl(Y).filter(Z=>Z.kind==="tool")).at(-1);if(!A||A.kind!=="tool"||A.state==="input-streaming"||T.has(A.toolCallId))return;T.add(A.toolCallId);let L=chunkI2DIATNM_cjs.Cl(A.toolName,A.input);L&&L.slideIndex!==void 0&&o.goToSlide?.(L.slideIndex),p.flashToolTarget(L);},M=u=>{q(t,l,u.messages,i),s.hidden=u.messages.length>0,u.messages.length===0&&l.appendChild(s),G(t,g,r.proposals.list(),i,{accept:A=>{p?.flashToolTarget(null),r.proposals.apply(A),M(r.getSnapshot());},reject:A=>{r.proposals.revert(A),M(r.getSnapshot());},acceptAll:()=>{p?.flashToolTarget(null),r.proposals.acceptAll(),M(r.getSnapshot());}});let w=u.status==="submitted"||u.status==="streaming";n.classList.toggle("is-busy",w),y.setAttribute("aria-label",i(w?"pptx.ai.stop":"pptx.ai.send")),f.hidden=!u.error,f.textContent=u.error?i("pptx.ai.errorPrefix"):"",l.scrollTop=l.scrollHeight,P(u);},S=()=>{if(n.classList.contains("is-busy")){r.stop();return}let u=d.value.trim();u&&(d.value="",r.sendMessage(u));};C.addEventListener("submit",u=>{u.preventDefault(),S();}),d.addEventListener("keydown",u=>{u.key==="Enter"&&!u.shiftKey&&(u.preventDefault(),S());});let I=p?.getPrefill().nonce??0,J=()=>{if(!p)return;let u=p.getPrefill();u.nonce!==I&&(I=u.nonce,d.value=u.text,d.focus());},Q=p?.subscribe(J),X=r.subscribe(M);return M(r.getSnapshot()),{changeAnimator:r.changeAnimator,destroy(){X(),k(),b.destroy(),Q?.(),m?.destroy(),n.replaceChildren();}}}exports.createAiPanel=wt;