pptx-vanilla-viewer 2.0.2 → 2.0.3

package/dist/styles.css

@@ -403,6 +403,17 @@
 	overflow-wrap: break-word;
 	touch-action: none;
 }
+/*
+ * While an element's own inline text editor is open (see
+ * editor-stage-interactions.ts), suppress THIS element's static text render:
+ * the editor surface above it has no opaque background of its own, so the two
+ * rendering simultaneously produced a duplicated, offset "text shadow"
+ * (issue #182).
+ */
+.pptxv-inline-editing-source > .pptxv-text,
+.pptxv-inline-editing-source > .pptxv-wordart {
+	visibility: hidden;
+}
 .pptxv-rotate-stem {
 	position: absolute;
 	left: 50%;
@@ -1500,9 +1511,8 @@
 .pptxv-font-family-dd .pptxv-dropdown-text { max-width: 120px; }
 .pptxv-font-size-dd .pptxv-dropdown-trigger { min-width: 44px; justify-content: space-between; }
 .pptxv-dropdown-menu {
-	position: absolute;
-	top: calc(100% + 4px);
-	left: 0;
+	/* Positioned by attachAnchoredPopup (position: fixed + inline top/left),
+	   which escapes the ribbon row's overflow-x clip (issue #183). */
 	z-index: 30;
 	min-width: 140px;
 	max-height: 240px;
@@ -1551,9 +1561,8 @@
 .pptxv-swatch-trigger { flex-direction: column; height: 28px; padding: 2px 6px; gap: 0; }
 .pptxv-swatch-swab { display: block; width: 16px; height: 3px; border-radius: 1px; margin-top: 1px; }
 .pptxv-swatch-menu {
-	position: absolute;
-	top: calc(100% + 4px);
-	left: 0;
+	/* Positioned by attachAnchoredPopup (position: fixed + inline top/left),
+	   which escapes the ribbon row's overflow-x clip (issue #183). */
 	z-index: 30;
 	padding: 8px;
 	border: 1px solid var(--pptx-border);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pptx-vanilla-viewer",
-	"version": "2.0.2",
+	"version": "2.0.3",
 	"description": "Zero-framework PowerPoint viewer and editor: render, edit, present, and export PPTX slides with plain DOM, no React/Vue/Angular required.",
 	"keywords": [
 		"javascript",
@@ -55,8 +55,8 @@
 		"pack": "bun run build && bun pm pack"
 	},
 	"dependencies": {
-		"dompurify": "^3.4.13",
-		"fast-xml-parser": "^5.10.1",
+		"dompurify": "^3.4.14",
+		"fast-xml-parser": "^5.11.0",
 		"html2canvas-pro": "^2.3.2",
 		"jspdf": "^4.2.1",
 		"jszip": "^3.10.1",

package/dist/ai-panel-BMU7IXKB.cjs

@@ -1 +0,0 @@
-'use strict';var chunkQOZR2M2P_cjs=require('./chunk-QOZR2M2P.cjs');require('./chunk-4VDLQK6F.cjs');function K(o){let{doc:t,t:n,controller:i}=o,a=chunkQOZR2M2P_cjs.Ok(t,"div","pptxv-ai-focus"),h=(p,m,l)=>{let s=chunkQOZR2M2P_cjs.Ok(t,"button","pptxv-ai-focus-btn");return s.type="button",s.title=m,s.setAttribute("aria-label",m),s.appendChild(chunkQOZR2M2P_cjs.Zk(t,p)),s.addEventListener("click",l),s},x=()=>{a.replaceChildren();let p=i.getEffectiveTargets(),m=i.hasPicks(),l=i.isPinned(),s=i.isPicking(),g=chunkQOZR2M2P_cjs.Ok(t,"div","pptxv-ai-focus-row"),f=chunkQOZR2M2P_cjs.Ok(t,"span","pptxv-ai-focus-label");f.textContent=n("pptx.ai.focusScope"),g.appendChild(f);for(let r of chunkQOZR2M2P_cjs.Jk(p,o.getSlides())){let b=chunkQOZR2M2P_cjs.Ok(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=chunkQOZR2M2P_cjs.Ok(t,"span","pptxv-ai-focus-pinned");r.textContent=n("pptx.ai.pinnedFocus"),g.appendChild(r);}let C=chunkQOZR2M2P_cjs.Ok(t,"div","pptxv-ai-focus-actions"),d=chunkQOZR2M2P_cjs.Kk(p,o.getSlides());if(d){let r=chunkQOZR2M2P_cjs.Ok(t,"button","pptxv-ai-focus-merge");r.type="button",r.append(chunkQOZR2M2P_cjs.Zk(t,"git-merge"),t.createTextNode(n("pptx.ai.mergeSelectedTables"))),r.addEventListener("click",()=>o.onSendDirective(chunkQOZR2M2P_cjs.Lk(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=chunkQOZR2M2P_cjs.Ok(t,"div","pptxv-ai-focus-pick"),b=chunkQOZR2M2P_cjs.Zk(t,"crosshair");b.classList.add("pptxv-ai-focus-pick-icon");let k=chunkQOZR2M2P_cjs.Ok(t,"span","pptxv-ai-focus-pick-hint");k.textContent=n("pptx.ai.pickElementHint");let T=chunkQOZR2M2P_cjs.Ok(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=chunkQOZR2M2P_cjs.Ok(t,"button","pptxv-ai-chats");i.type="button",i.append(chunkQOZR2M2P_cjs.Zk(t,"history"),t.createTextNode(n("pptx.ai.chats")));let a=chunkQOZR2M2P_cjs.Ok(t,"div","pptxv-ai-history");a.hidden=true;let h=chunkQOZR2M2P_cjs.Ok(t,"div","pptxv-ai-history-head"),x=chunkQOZR2M2P_cjs.Ok(t,"span","pptxv-ai-history-title");x.textContent=n("pptx.ai.historyTitle");let c=chunkQOZR2M2P_cjs.Ok(t,"button","pptxv-ai-history-new");c.type="button",c.append(chunkQOZR2M2P_cjs.Zk(t,"plus"),t.createTextNode(n("pptx.ai.newChat"))),h.append(x,c);let p=chunkQOZR2M2P_cjs.Ok(t,"div","pptxv-ai-history-body"),m=chunkQOZR2M2P_cjs.Ok(t,"p","pptxv-ai-history-hint");m.textContent=n("pptx.ai.historyHint"),a.append(h,p,m);let l=chunkQOZR2M2P_cjs.dl({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=chunkQOZR2M2P_cjs.Ok(t,"p","pptxv-ai-history-empty");d.textContent=n("pptx.ai.historyEmpty"),p.appendChild(d);return}let C=chunkQOZR2M2P_cjs.Ok(t,"ul","pptxv-ai-history-list");for(let d of f){let y=chunkQOZR2M2P_cjs.Ok(t,"li","pptxv-ai-history-row"),r=chunkQOZR2M2P_cjs.Ok(t,"button","pptxv-ai-history-resume");r.type="button",r.classList.toggle("is-active",d.id===l.activeChatId());let b=chunkQOZR2M2P_cjs.Ok(t,"span","pptxv-ai-history-text"),k=chunkQOZR2M2P_cjs.Ok(t,"span","pptxv-ai-history-name");k.textContent=d.title||n("pptx.ai.untitledChat");let T=chunkQOZR2M2P_cjs.Ok(t,"span","pptxv-ai-history-meta");T.textContent=n("pptx.ai.messageCount",{count:d.messageCount}),b.append(k,T),r.append(chunkQOZR2M2P_cjs.Zk(t,"comment"),b),r.addEventListener("click",()=>{l.resumeChat(d.id),a.hidden=true;});let P=chunkQOZR2M2P_cjs.Ok(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(chunkQOZR2M2P_cjs.Zk(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=chunkQOZR2M2P_cjs.il(t.toolName,t.input,h?"present":"past"),c=chunkQOZR2M2P_cjs.Ok(o,"div","pptxv-ai-tool"),p=chunkQOZR2M2P_cjs.Ok(o,"div","pptxv-ai-tool-head"),m=chunkQOZR2M2P_cjs.Zk(o,_[x.icon]??"wrench");m.classList.add("pptxv-ai-tool-icon");let l=chunkQOZR2M2P_cjs.Ok(o,"span","pptxv-ai-tool-name");l.textContent=x.label;let s=chunkQOZR2M2P_cjs.Ok(o,"span","pptxv-ai-tool-state");if(i?(s.classList.add("is-error"),s.append(chunkQOZR2M2P_cjs.Zk(o,"alert"),o.createTextNode(n("pptx.ai.toolFailed")))):a?(s.classList.add("is-done"),s.append(chunkQOZR2M2P_cjs.Zk(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=chunkQOZR2M2P_cjs.Ok(o,"div","pptxv-ai-tool-error");f.textContent=t.errorText,c.appendChild(f);}let g=chunkQOZR2M2P_cjs.hl(t.input);if(g){let f=chunkQOZR2M2P_cjs.Ok(o,"details","pptxv-ai-tool-details"),C=chunkQOZR2M2P_cjs.Ok(o,"summary");C.textContent=n("pptx.ai.toolDetails");let d=chunkQOZR2M2P_cjs.Ok(o,"div","pptxv-ai-tool-raw");d.textContent=`${chunkQOZR2M2P_cjs.gl(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=chunkQOZR2M2P_cjs.fl(a);if(x.length===0&&!h)continue;let c=chunkQOZR2M2P_cjs.Ok(o,"div",`pptxv-ai-msg pptxv-ai-msg-${a.role}`),p=chunkQOZR2M2P_cjs.Ok(o,"div","pptxv-ai-msg-avatar");p.setAttribute("aria-label",i(h?"pptx.ai.you":"pptx.ai.assistant")),p.appendChild(chunkQOZR2M2P_cjs.Zk(o,h?"comment":"sparkles"));let m=chunkQOZR2M2P_cjs.Ok(o,"div","pptxv-ai-msg-body");for(let l of x)if(l.kind==="text"){let s=chunkQOZR2M2P_cjs.Ok(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=chunkQOZR2M2P_cjs.Ok(o,"div","pptxv-ai-proposals-header"),x=chunkQOZR2M2P_cjs.Ok(o,"span","pptxv-ai-proposals-title");if(x.textContent=i("pptx.ai.pendingChanges",{count:n.length}),h.appendChild(x),n.length>1){let c=chunkQOZR2M2P_cjs.Ok(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=chunkQOZR2M2P_cjs.Ok(o,"div","pptxv-ai-proposal");a.dataset.proposalId=t.id;let h=chunkQOZR2M2P_cjs.Ok(o,"div","pptxv-ai-proposal-eyebrow");h.textContent=n("pptx.ai.proposedChange"),a.appendChild(h);let x=chunkQOZR2M2P_cjs.Ok(o,"div","pptxv-ai-proposal-label");if(x.textContent=t.label,a.appendChild(x),t.summary.length>0){let l=chunkQOZR2M2P_cjs.Ok(o,"ul","pptxv-ai-proposal-summary");for(let s of t.summary){let g=chunkQOZR2M2P_cjs.Ok(o,"li");g.textContent=chunkQOZR2M2P_cjs.$k(s),l.appendChild(g);}a.appendChild(l);}let c=chunkQOZR2M2P_cjs.Ok(o,"div","pptxv-ai-proposal-actions"),p=chunkQOZR2M2P_cjs.Ok(o,"button","pptxv-ai-proposal-btn is-accept");p.type="button",p.append(chunkQOZR2M2P_cjs.Zk(o,"check"),o.createTextNode(n("pptx.ai.accept"))),p.addEventListener("click",()=>i.accept(t.id));let m=chunkQOZR2M2P_cjs.Ok(o,"button","pptxv-ai-proposal-btn is-reject");return m.type="button",m.append(chunkQOZR2M2P_cjs.Zk(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=chunkQOZR2M2P_cjs.Ok(t,"div","pptxv-ai-header"),h=chunkQOZR2M2P_cjs.Ok(t,"span","pptxv-ai-title");h.textContent=i("pptx.ai.title");let x=chunkQOZR2M2P_cjs.Ok(t,"button","pptxv-ai-close");x.type="button",x.title=i("pptx.ai.close"),x.setAttribute("aria-label",i("pptx.ai.close")),x.appendChild(chunkQOZR2M2P_cjs.Zk(t,"close")),x.addEventListener("click",()=>o.onClose?.()),a.append(chunkQOZR2M2P_cjs.Zk(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=chunkQOZR2M2P_cjs.Ok(t,"div","pptxv-ai-messages");l.setAttribute("role","log"),l.setAttribute("aria-live","polite");let s=chunkQOZR2M2P_cjs.Ok(t,"div","pptxv-ai-empty");s.textContent=i("pptx.ai.emptyHint"),l.appendChild(s);let g=chunkQOZR2M2P_cjs.Ok(t,"div","pptxv-ai-proposals");g.hidden=true;let f=chunkQOZR2M2P_cjs.Ok(t,"div","pptxv-ai-error");f.setAttribute("role","alert"),f.hidden=true;let C=chunkQOZR2M2P_cjs.Ok(t,"form","pptxv-ai-composer"),d=chunkQOZR2M2P_cjs.Ok(t,"textarea","pptxv-ai-input");d.rows=2,d.placeholder=i("pptx.ai.placeholder"),d.setAttribute("aria-label",i("pptx.ai.placeholder"));let y=chunkQOZR2M2P_cjs.Ok(t,"button","pptxv-ai-send");y.type="submit",y.setAttribute("aria-label",i("pptx.ai.send")),y.appendChild(chunkQOZR2M2P_cjs.Zk(t,"send")),C.append(d,y),n.append(a,...m?[m.el]:[],l,g,f,C);try{c=await(o.createChat??chunkQOZR2M2P_cjs.el)({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:chunkQOZR2M2P_cjs.cl(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=>chunkQOZR2M2P_cjs.fl(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=chunkQOZR2M2P_cjs.jl(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;