pipeup 0.4.0-beta.0 → 0.4.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +5 -4
  2. package/dist/pipeup.core.js +1 -1
  3. package/dist/pipeup.esm.js +6 -6
  4. package/dist/pipeup.min.js +6 -6
  5. package/dist/types/core.d.ts +1 -1
  6. package/dist/types/ui/context.d.ts +4 -0
  7. package/dist/types/ui/highlights.d.ts +2 -1
  8. package/dist/types/ui/pick.d.ts +3 -1
  9. package/dist/types/ui/styles.d.ts +1 -1
  10. package/package.json +3 -2
package/dist/pipeup.min.js CHANGED
@@ -1,9 +1,9 @@
1
- "use strict";var Pipeup=(()=>{var Pt=Object.defineProperty;var lo=Object.getOwnPropertyDescriptor;var co=Object.getOwnPropertyNames;var po=Object.prototype.hasOwnProperty;var uo=(e,t)=>{for(var n in t)Pt(e,n,{get:t[n],enumerable:!0})},mo=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of co(t))!po.call(e,r)&&r!==n&&Pt(e,r,{get:()=>t[r],enumerable:!(o=lo(t,r))||o.enumerable});return e};var fo=e=>mo(Pt({},"__esModule",{value:!0}),e);var Tr={};uo(Tr,{ANIMALS:()=>ke,COLOURS:()=>ft,DEFAULT_PROFILE_NAME:()=>Dt,IndexedDbStore:()=>De,MemoryStore:()=>Be,PipeupDocument:()=>$e,UnsavedChangeError:()=>de,VERSION:()=>kr,animalName:()=>ue,copyAll:()=>vt,copyThread:()=>gt,createIdentity:()=>at,describeElement:()=>We,describeRange:()=>mt,formatAgo:()=>Te,labelOf:()=>Ee,loadOrCreateProfile:()=>He,locate:()=>pt,mount:()=>Qt,nameOf:()=>ie,newDocumentAttribute:()=>en,parseDocumentAttribute:()=>it,resolveAnchor:()=>je});function pe(e){let t="";for(let n of e)t+=String.fromCharCode(n);return btoa(t).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")}function ve(e){let t=e.replace(/-/g,"+").replace(/_/g,"/")+"===".slice((e.length+3)%4),n=atob(t),o=new Uint8Array(n.length);for(let r=0;r<n.length;r++)o[r]=n.charCodeAt(r);return o}function Jt(e=16){return pe(crypto.getRandomValues(new Uint8Array(e)))}function me(e){return new TextEncoder().encode(e)}function be(e){if(e===null||typeof e!="object")return JSON.stringify(e);if(Array.isArray(e))return"["+e.map(be).join(",")+"]";let t=e;return"{"+Object.keys(t).filter(n=>t[n]!==void 0).sort().map(n=>JSON.stringify(n)+":"+be(t[n])).join(",")+"}"}function ye(e){return e.replace(/\s+/g," ").trim()}function we(e){let t=ye(e),n=2166136261;for(let o=0;o<t.length;o++)n^=t.charCodeAt(o),n=Math.imul(n,16777619)>>>0;return n.toString(16).padStart(8,"0")}var ho=/^([A-Za-z0-9_-]{16}):([A-Za-z0-9_-]{43})$/;function en(){return`${Jt(12)}:${pe(crypto.getRandomValues(new Uint8Array(32)))}`}async function it(e){let t=ho.exec(e.trim()),n=t?.[1],o=t?.[2];if(!n||!o)throw new Error('pipeup: data-pipeup-doc must look like "<id>:<key>", as made by newDocumentAttribute()');let r=await crypto.subtle.importKey("raw",ve(o),{name:"AES-GCM"},!1,["encrypt","decrypt"]);return{id:n,key:r}}async function tn(e,t,n){let o=crypto.getRandomValues(new Uint8Array(12)),r=await crypto.subtle.encrypt({name:"AES-GCM",iv:o,additionalData:me(n)},e,me(t));return{iv:pe(o),data:pe(new Uint8Array(r))}}async function nn(e,t,n){try{let o=await crypto.subtle.decrypt({name:"AES-GCM",iv:ve(t.iv),additionalData:me(n)},e,ve(t.data));return new TextDecoder().decode(o)}catch{throw new Error("pipeup: this feedback could not be opened with this document")}}var go=/^[A-Za-z0-9_-]{43}$/,vo=512,xe=new Map;async function at(){let e=await crypto.subtle.generateKey({name:"Ed25519"},!1,["sign","verify"]),t=new Uint8Array(await crypto.subtle.exportKey("raw",e.publicKey));return{publicKey:pe(t),privateKey:e.privateKey}}async function on(e,t){let n=await crypto.subtle.sign({name:"Ed25519"},e.privateKey,t);return pe(new Uint8Array(n))}async function rn(e,t,n){if(!go.test(e))return!1;try{if(pe(ve(e))!==e)return!1;let o=xe.get(e);if(!o){xe.size>=vo&&xe.delete(xe.keys().next().value),o=crypto.subtle.importKey("raw",ve(e),{name:"Ed25519"},!0,["verify"]),xe.set(e,o);let r=o;r.catch(()=>{xe.get(e)===r&&xe.delete(e)})}return await crypto.subtle.verify({name:"Ed25519"},await o,ve(n),t)}catch{return!1}}var st=1e4,Rt=2**40,lt=2**47,W={doc:64,path:2e3,snapshot:500,anchorId:200,quote:1e4,context:64,viewEntries:16,viewKey:64,viewValue:200},yo=/^[0-9a-f]{8}$/,Ot=/^[A-Za-z0-9_-]{43}$/,wo=/^[A-Za-z0-9_-]{43}$/,bo=new Set(["create","reply","edit","delete","resolve","reopen"]);async function sn(e,t){if(e.author!==t.publicKey)throw new Error("pipeup: an op must be signed by its author");return{body:e,sig:await on(t,me(be(e)))}}var fe=(e,t)=>typeof e=="string"&&e.length<=t,an=e=>typeof e=="number"&&Number.isFinite(e)&&e>=0&&e<=1;function It(e){if(!e||typeof e!="object")return!1;let{id:t,path:n,fingerprint:o,snapshot:r,quote:i,point:s,view:a}=e;if(!fe(n,W.path)||!fe(r,W.snapshot)||typeof o!="string"||!yo.test(o)||t!==void 0&&(!fe(t,W.anchorId)||t===""))return!1;if(i!==void 0){if(!i||typeof i!="object")return!1;let p=i;if(!fe(p.exact,W.quote)||p.exact===""||!fe(p.prefix,W.context)||!fe(p.suffix,W.context))return!1}if(s!==void 0){if(!s||typeof s!="object")return!1;let p=s;if(!an(p.x)||!an(p.y))return!1}if(a!==void 0){if(!a||typeof a!="object"||Array.isArray(a))return!1;let p=Object.entries(a);if(p.length>W.viewEntries||!p.every(([l,d])=>l.length<=W.viewKey&&fe(d,W.viewValue)))return!1}return!0}function ln(e){if(!e||typeof e!="object")return!1;let{body:t,sig:n}=e;if(typeof n!="string"||!t||typeof t!="object")return!1;let o=t;return!(o.v!==1||typeof o.id!="string"||!Ot.test(o.id)||typeof o.kind!="string"||!bo.has(o.kind)||!fe(o.doc,W.doc)||o.doc===""||typeof o.thread!="string"||!Ot.test(o.thread)||typeof o.author!="string"||!wo.test(o.author)||typeof o.name!="string"||o.name.length>80||o.name!==o.name.trim()||typeof o.clock!="number"||!Number.isSafeInteger(o.clock)||o.clock<1||o.clock>Rt||typeof o.at!="number"||!Number.isSafeInteger(o.at)||o.at<0||o.at>lt||o.text!==void 0&&(!fe(o.text,st)||o.text!==o.text.trim())||o.target!==void 0&&(typeof o.target!="string"||!Ot.test(o.target))||(o.kind==="create"||o.kind==="reply"||o.kind==="edit")&&(typeof o.text!="string"||o.text.trim()==="")||(o.kind==="reply"||o.kind==="edit"||o.kind==="delete")&&!o.target||o.kind==="create"&&(o.id!==o.thread||!It(o.anchor)))}function cn(e){return rn(e.body.author,me(be(e.body)),e.sig)}function pn(e,t){return e.body.clock!==t.body.clock?e.body.clock-t.body.clock:e.body.at!==t.body.at?e.body.at-t.body.at:e.body.author!==t.body.author?e.body.author<t.body.author?-1:1:e.body.id!==t.body.id?e.body.id<t.body.id?-1:1:0}function un(e){let t=new Map,n=new Map,o=new Map;for(let{body:r}of[...e].sort(pn)){if(r.name&&o.set(r.author,r.name),r.kind==="create"){if(t.has(r.id)||!r.anchor||r.text===void 0)continue;let a=dn(r.id,r.author,r.name,r.text,r.at);t.set(r.id,{id:r.id,anchor:r.anchor,root:a,resolved:!1}),n.set(r.id,{comment:a,thread:r.id});continue}let i=t.get(r.thread);if(!i)continue;if(r.kind==="resolve"||r.kind==="reopen"){i.resolved=r.kind==="resolve";continue}let s=r.target?n.get(r.target):void 0;if(!(!s||s.thread!==r.thread)){if(r.kind==="reply"){if(n.has(r.id)||r.text===void 0)continue;let a=dn(r.id,r.author,r.name,r.text,r.at);i.root.replies.push(a),n.set(r.id,{comment:a,thread:r.thread});continue}r.author!==s.comment.author||s.comment.deleted||(r.kind==="edit"&&r.text!==void 0&&(s.comment.text=r.text,s.comment.edited=!0),r.kind==="delete"&&(s.comment.text="",s.comment.deleted=!0))}}for(let{comment:r}of n.values())r.name||(r.unnamed=!0,r.name=o.get(r.author)??"");return[...t.values()]}function dn(e,t,n,o,r){return{id:e,author:t,name:n,text:o,at:r,edited:!1,deleted:!1,replies:[]}}async function Nt(e){let t={...e,id:void 0,thread:e.kind==="create"?void 0:e.thread},n=await crypto.subtle.digest("SHA-256",me(be(t)));return pe(new Uint8Array(n))}var ct=class{constructor(t){this.doc=t}ops=new Map;clock=0;createAt=new Map;threadAt=new Map;get size(){return this.ops.size}all(){return[...this.ops.values()]}threads(){return un(this.ops.values())}async add(t){let n=[];for(let o of t)!ln(o)||o.body.doc!==this.doc||this.ops.has(o.body.id)||o.body.id!==await Nt(o.body)||!await cn(o)||(this.ops.set(o.body.id,o),this.clock=Math.max(this.clock,o.body.clock),o.body.kind==="create"&&this.createAt.set(o.body.author,Math.max(this.createAt.get(o.body.author)??0,o.body.at)),this.threadAt.set(o.body.thread,Math.max(this.threadAt.get(o.body.thread)??0,o.body.at)),n.push(o));return n}async append(t,n,o){let r={v:1,...o,id:"",thread:o.kind==="create"?"":o.thread,doc:this.doc,author:t.publicKey,name:n,clock:Math.min(this.clock+1,Rt),at:Math.min(Math.max(Date.now(),o.kind==="create"?(this.createAt.get(t.publicKey)??0)+1:(this.threadAt.get(o.thread)??0)+1),lt)};for(let a=0;;a++){if(a===1e3)throw new Error("pipeup: could not record this change");if(r.id=await Nt(r),!this.ops.has(r.id)||r.at>=lt)break;r.at+=1}let i=this.ops.get(r.id);if(i)return i;r.kind==="create"&&(r.thread=r.id);let[s]=await this.add([await sn(r,t)]);if(!s)throw new Error("pipeup: could not record this change");return s}};var xo=5e6,mn=e=>`pipeup-file:${e}`;async function fn(e,t,n){let o=n?{pipeup:1,doc:e,sealed:!0,...await tn(n,JSON.stringify(t),mn(e))}:{pipeup:1,doc:e,sealed:!1,ops:t};return JSON.stringify(o,null,2)}async function hn(e,t,n){if(e.length>xo)throw new Error("pipeup: this feedback file is too large");let o;try{o=JSON.parse(e)}catch{throw new Error("pipeup: this is not an Pipeup feedback file")}if(!o||typeof o!="object"||o.pipeup!==1||typeof o.doc!="string")throw new Error("pipeup: this is not an Pipeup feedback file");if(o.doc!==t)throw new Error("pipeup: this feedback is for a different document");if(!o.sealed)return Array.isArray(o.ops)?o.ops:[];if(!n)throw new Error("pipeup: this feedback is sealed, and this page has no document key");if(typeof o.iv!="string"||typeof o.data!="string")throw new Error("pipeup: this is not an Pipeup feedback file");let r;try{r=await nn(n,{iv:o.iv,data:o.data},mn(t))}catch{throw new Error("pipeup: this feedback could not be opened with this document's key")}let i;try{i=JSON.parse(r)}catch{throw new Error("pipeup: this is not an Pipeup feedback file")}return Array.isArray(i)?i:[]}var gn=80,de=class extends Error{constructor(n,o,r=1){super("pipeup: shown here, but not saved yet");this.id=n;this.cause=o;this.count=r;this.name="UnsavedChangeError"}},$e=class e{constructor(t,n){this.log=t;this.options=n;this.displayName=n.name.trim()?vn(n.name):""}listeners=new Set;cache=[];comments=new Map;displayName;queue=Promise.resolve();unsaved=[];static async open(t){if(typeof t.doc!="string"||t.doc===""||t.doc.length>W.doc)throw new Error(`pipeup: the document id must be 1 to ${W.doc} characters`);let n=new ct(t.doc);await n.add(await t.store.load(t.doc));let o=new e(n,t);return o.refresh(!1),o}get id(){return this.options.doc}get me(){return this.options.identity.publicKey}get name(){return this.displayName}set name(t){this.displayName=vn(t),this.refresh(!0)}threads(){return this.cache}onChange(t){return this.listeners.add(t),()=>this.listeners.delete(t)}comment(t,n){return this.enqueue(()=>this.write({kind:"create",anchor:t,text:$t(n)}))}reply(t,n){return this.enqueue(()=>this.write({kind:"reply",thread:this.find(t).thread,target:t,text:$t(n)}))}edit(t,n){return this.enqueue(async()=>{let{thread:o}=this.mine(t);await this.write({kind:"edit",thread:o,target:t,text:$t(n)})})}remove(t){return this.enqueue(async()=>{let{thread:n}=this.mine(t);await this.write({kind:"delete",thread:n,target:t})})}resolve(t){return this.enqueue(async()=>{await this.write({kind:"resolve",thread:this.thread(t)})})}reopen(t){return this.enqueue(async()=>{await this.write({kind:"reopen",thread:this.thread(t)})})}flush(){return this.enqueue(()=>this.persist())}exportFile(){return fn(this.options.doc,this.log.all(),this.options.key)}importFile(t){return this.enqueue(async()=>{let n=await this.log.add(await hn(t,this.options.doc,this.options.key));this.unsaved.push(...n),n.length>0&&this.refresh(!0);try{await this.persist()}catch(o){throw n.length>0?new de(n[0].body.id,o,n.length):o}return n.length})}enqueue(t){let n=this.queue.then(t);return this.queue=n.catch(()=>{}),n}async write(t){let n=await this.log.append(this.options.identity,this.displayName,t);this.unsaved.push(n),this.refresh(!0);try{await this.persist()}catch(o){throw new de(n.body.id,o)}return n.body.id}async persist(){if(this.unsaved.length===0)return;let t=[...this.unsaved];await this.options.store.append(this.options.doc,t),this.unsaved=this.unsaved.filter(n=>!t.includes(n))}refresh(t){this.cache=this.log.threads(),this.comments.clear();let n=(o,r)=>{o.unnamed&&o.author===this.me&&this.displayName&&(o.name=this.displayName),this.comments.set(o.id,{comment:o,thread:r});for(let i of o.replies)n(i,r)};for(let o of this.cache)n(o.root,o.id);if(t)for(let o of this.listeners)try{o(this.cache)}catch(r){globalThis.reportError?.(r)}}find(t){let n=this.comments.get(t);if(!n)throw new Error("pipeup: there is no comment with that id");return n}mine(t){let n=this.find(t);if(n.comment.author!==this.me)throw new Error("pipeup: only the writer can change a comment");return n}thread(t){if(!this.cache.some(n=>n.id===t))throw new Error("pipeup: there is no thread with that id");return t}};function $t(e){let t=e.trim();if(!t)throw new Error("pipeup: a comment needs some words");if(t.length>st)throw new Error(`pipeup: comments are limited to ${st} characters`);return t}function vn(e){let t=e.replace(/\s+/g," ").trim();if(!t||t.length>gn)throw new Error(`pipeup: choose a name of 1 to ${gn} characters`);return t}var De=class e{constructor(t){this.db=t}static open(t="pipeup"){return new Promise((n,o)=>{let r=indexedDB.open(t,1);r.onupgradeneeded=()=>{let i=r.result;i.createObjectStore("ops",{keyPath:["doc","id"]}).createIndex("doc","doc"),i.createObjectStore("meta")},r.onsuccess=()=>{let i=r.result;i.onversionchange=()=>i.close(),n(new e(i))},r.onerror=()=>o(r.error??new Error("pipeup: could not open local storage"))})}close(){this.db.close()}async load(t){return(await this.request("ops","readonly",o=>o.index("doc").getAll(t))).map(o=>o.op)}async append(t,n){if(n.length===0)return;let o=this.db.transaction("ops","readwrite"),r=o.objectStore("ops"),i=Eo(o);try{for(let s of n)r.put({doc:t,id:s.body.id,op:s})}catch(s){throw o.abort(),i.catch(()=>{}),s}await i}async loadProfile(){return await this.request("meta","readonly",t=>t.get("profile"))??null}async saveProfile(t){await this.request("meta","readwrite",n=>n.put(t,"profile"))}async saveProfileIfAbsent(t){return new Promise((n,o)=>{let r=this.db.transaction("meta","readwrite"),i=r.objectStore("meta"),s=t;r.oncomplete=()=>n(s),r.onerror=()=>o(r.error??new Error("pipeup: local storage write failed")),r.onabort=()=>o(r.error??new Error("pipeup: local storage write aborted"));let a=i.get("profile");a.onsuccess=()=>{a.result?s=a.result:i.put(t,"profile")}})}request(t,n,o){return new Promise((r,i)=>{let s=o(this.db.transaction(t,n).objectStore(t));s.onsuccess=()=>r(s.result),s.onerror=()=>i(s.error??new Error("pipeup: local storage request failed"))})}};function Eo(e){return new Promise((t,n)=>{e.oncomplete=()=>t(),e.onerror=()=>n(e.error??new Error("pipeup: local storage write failed")),e.onabort=()=>n(e.error??new Error("pipeup: local storage write aborted"))})}var Be=class{docs=new Map;profile=null;async load(t){return[...this.docs.get(t)?.values()??[]]}async append(t,n){let o=this.docs.get(t);o||this.docs.set(t,o=new Map);for(let r of n)o.set(r.body.id,r)}async loadProfile(){return this.profile}async saveProfile(t){this.profile=t}async saveProfileIfAbsent(t){return this.profile||(this.profile=t),this.profile}},Dt="",ko="Reviewer";async function He(e,t=Dt){let n=await e.loadProfile();if(n)return n.name===ko?{...n,name:""}:n;let o={identity:await at(),name:t};return e.saveProfileIfAbsent(o)}var To={A:"Link",BUTTON:"Button",P:"Paragraph",LI:"List item",IMG:"Image",TABLE:"Table",TD:"Cell",TH:"Cell",FIGURE:"Figure",SVG:"Graphic",CANVAS:"Graphic",LABEL:"Label",INPUT:"Field",SELECT:"Field",TEXTAREA:"Field",SUMMARY:"Question",BLOCKQUOTE:"Quote",SECTION:"Section",H1:"Heading",H2:"Heading",H3:"Heading",H4:"Heading",H5:"Heading",H6:"Heading"},So=40;function Ee(e){let t=e.getAttribute("data-pipeup-label");if(t)return t;let n=To[e.tagName.toUpperCase()]??"Block",o=ye(e.getAttribute("aria-label")??e.getAttribute("alt")??e.innerText??e.textContent??"");return o?`${n} \xB7 ${Bt(o,So)}`:n}function pt(e,t,n){let o=e.id??null,r=e.quote?.exact??null,i=e.point?`${Math.round(e.point.x*100)}% across, ${Math.round(e.point.y*100)}% down the element`:null,s=t.element;if(t.state==="orphaned"||!s)return{where:`No longer on the page (it read: "${e.snapshot}")`,element:null,id:o,quote:r,pin:i};let a=[],p=e.view?.slide;if(p){let d=s.closest("[data-pipeup-slide]")?.querySelector("h1,h2,h3")?.textContent;a.push(`Slide ${p}`+(d?` "${Bt(ye(d))}"`:""))}else{let d=Ao(s,n);d&&a.push(`Section "${Bt(ye(d.textContent??""))}"`)}let l=Ee(s);return a.push(l),{where:a.join(" \u203A "),element:l,id:o,quote:r,pin:i}}function Ao(e,t){let n=null;for(let o of t.querySelectorAll("h1,h2,h3")){if(o===e||o.contains(e))break;if(o.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING)n=o;else break}return n}function Bt(e,t=60){return e.length>t?e.slice(0,t-1)+"\u2026":e}function Ke(e){let n=(e.ownerDocument??e).createTreeWalker(e,NodeFilter.SHOW_TEXT),o=[],r="";for(let i=n.nextNode();i;i=n.nextNode())o.push({node:i,start:r.length}),r+=i.data;return{text:r,nodes:o}}function Ht(e,t,n){let r=(e.ownerDocument??e).createRange();return r.setStart(e,0),r.setEnd(t,n),r.toString().length}function Ft(e,t,n){let o=yn(e,t,!1),r=yn(e,n,!0);if(!o||!r||n<t)return null;let i=o.node.ownerDocument.createRange();return i.setStart(o.node,o.offset),i.setEnd(r.node,r.offset),i}function yn(e,t,n){for(let r of e.nodes){let i=r.start+r.node.data.length;if(t>=r.start&&(t<i||n&&t===i))return{node:r.node,offset:t-r.start}}let o=e.nodes[e.nodes.length-1];return o&&t===o.start+o.node.data.length?{node:o.node,offset:o.node.data.length}:null}var wn=32,xn=200,Lo="p,li,h1,h2,h3,h4,h5,h6,td,th,blockquote,pre,figcaption,dt,dd,summary,caption";function En(e){return e.nodeType===Node.ELEMENT_NODE?e:e.parentElement}function kn(e,t){for(let n=En(e)?.closest("[data-pipeup-id]")??null;n;){if(!t.contains(n))return null;let o=n.getAttribute("data-pipeup-id")??"";if(o!==""&&o.length<=W.anchorId)return n;n=n.parentElement?.closest("[data-pipeup-id]")??null}return null}function Mo(e){let t=e;return/[\uD800-\uDBFF]$/.test(t)&&(t=t.slice(0,-1)),/^[\uDC00-\uDFFF]/.test(t)&&(t=t.slice(1)),t}function dt(e,t,n){return Mo(e.slice(t,n))}function Co(e,t){let n=Po(e,t);if(n.length>W.path)throw new Error("pipeup: this element is nested too deeply to comment on \u2014 give a nearby container a data-pipeup-id");return n}function Tn(e){if(!It(e))throw new Error("pipeup: could not describe this place on the page");return e}function ut(e,t){let n=En(e),o=n?.closest(Lo)??null;return o&&t.contains(o)?o:n&&t.contains(n)?n:t}function Po(e,t){if(e===t)return"";let n=[];for(let o=t;o&&o!==e;o=o.parentElement){let r=1;for(let i=o.previousElementSibling;i;i=i.previousElementSibling)i.tagName===o.tagName&&r++;n.unshift(`${o.tagName.toLowerCase()}:nth-of-type(${r})`)}return":scope > "+n.join(" > ")}function mt(e,t,n){if(!t.contains(e.commonAncestorContainer))throw new Error("pipeup: the selection is outside the commentable area");let o=kn(e.commonAncestorContainer,t),r=o??t,{text:i}=Ke(r),s=Ht(r,e.startContainer,e.startOffset),a=Ht(r,e.endContainer,e.endOffset),p=i.slice(s,a);if(p==="")throw new Error("pipeup: select some text to comment on");if(p.length>W.quote)throw new Error(`pipeup: selections are limited to ${W.quote} characters`);let l=dt(i,Math.max(0,s-wn),s),d=dt(i,a,a+wn);return Tn({...o?{id:o.getAttribute("data-pipeup-id")??""}:{},path:"",quote:{exact:p,prefix:l,suffix:d},...n?{view:n}:{},fingerprint:we(ut(e.startContainer,t).textContent??""),snapshot:dt(ye(l+p+d),0,xn)})}function We(e,t,n,o){let r=kn(e,t);return Tn({...r?{id:r.getAttribute("data-pipeup-id")??""}:{},path:Co(r??t,e),...n?{point:{x:bn(n.x),y:bn(n.y)}}:{},...o?{view:o}:{},fingerprint:we(e.textContent??""),snapshot:dt(ye(e.textContent??""),0,xn)})}function bn(e){return Number.isFinite(e)?Math.min(1,Math.max(0,e)):0}function Oo(e,t){let n=Array.from({length:t.length+1},(r,i)=>i),o=new Array(t.length+1).fill(0);for(let r=1;r<=e.length;r++){o[0]=r;for(let i=1;i<=t.length;i++){let s=e.charCodeAt(r-1)===t.charCodeAt(i-1)?0:1;o[i]=Math.min((n[i]??0)+1,(o[i-1]??0)+1,(n[i-1]??0)+s)}[n,o]=[o,n]}return n[t.length]??0}function Sn(e,t,n){let o=t.length;if(o===0)return null;let r=Array.from({length:o+1},(d,y)=>y),i=new Array(o+1).fill(0),s=-1,a=1/0;for(let d=1;d<=e.length;d++){i[0]=0;let y=e.charCodeAt(d-1);for(let f=1;f<=o;f++){let x=t.charCodeAt(f-1)===y?0:1;i[f]=Math.min((r[f]??0)+1,(i[f-1]??0)+1,(r[f-1]??0)+x)}let E=i[o]??1/0;E<a&&(a=E,s=d),[r,i]=[i,r]}if(a>n)return null;let p=Math.max(0,s-o),l=1/0;for(let d=Math.max(0,s-o-n);d<=Math.min(s,s-o+n);d++){let y=Oo(e.slice(d,s),t);y<l&&(l=y,p=d)}return{start:p,end:s,distance:l}}var Ye={state:"orphaned",element:null,range:null},Ro=5e4,Io=300,No=12,$o=":scope > ";function Do(e,t){for(let n of e.querySelectorAll("[data-pipeup-id]"))if(n.getAttribute("data-pipeup-id")===t)return n;return null}function je(e,t,n={}){let o=e.id?Do(t,e.id):t;return e.quote?Ho(e,e.quote,o,t,n.fuzzy!==!1):Bo(e,o)}function Bo(e,t){if(!t)return Ye;let n=t;if(e.path){if(!e.path.startsWith($o))return Ye;try{n=t.querySelector(e.path)}catch{return Ye}}return n?{state:we(n.textContent??"")===e.fingerprint?"attached":"moved",element:n,range:null}:Ye}function Ho(e,t,n,o,r){let i=n??o,s=Ke(i),a=Fo(s.text,t);if(a>=0){let p=Ft(s,a,a+t.exact.length);if(p){let l=ut(p.startContainer,o);return{state:n!==null&&we(l.textContent??"")===e.fingerprint?"attached":"moved",element:l,range:p}}}if(r){let p=i===o?s:Ke(o);if(p.text.length<=Ro&&t.exact.length>=No&&t.exact.length<=Io){let l=Sn(p.text,t.exact,Math.floor(t.exact.length/4)),d=l?Ft(p,l.start,l.end):null;if(d)return{state:"moved",element:ut(d.startContainer,o),range:d}}}return Ye}function Fo(e,t){if(!t.exact)return-1;let n=-1,o=-1;for(let r=e.indexOf(t.exact);r!==-1;r=e.indexOf(t.exact,r+1)){let i=e.slice(Math.max(0,r-t.prefix.length),r),s=e.slice(r+t.exact.length,r+t.exact.length+t.suffix.length),a=qo(i,t.prefix)+_o(s,t.suffix);a>o&&(n=r,o=a)}return n}function _o(e,t){let n=0;for(;n<e.length&&n<t.length&&e[n]===t[n];)n++;return n}function qo(e,t){let n=0;for(;n<e.length&&n<t.length&&e[e.length-1-n]===t[t.length-1-n];)n++;return n}var ke=["Otter","Fox","Owl","Bear","Rabbit"],ft=["Red","Orange","Yellow","Green","Teal","Blue","Purple","Pink","Brown","Grey"];function An(e){let t=2166136261;for(let n=0;n<e.length;n++)t=Math.imul(t^e.charCodeAt(n),16777619);return t=Math.imul(t^t>>>16,2246822507),t=Math.imul(t^t>>>13,3266489909),(t^t>>>16)>>>0}var _t=e=>An(e)%ke.length,qt=e=>Math.floor(An(e)/ke.length)%ft.length,ue=e=>`${ft[qt(e)]} ${ke[_t(e)]}`,ie=e=>e.name||ue(e.author);var Vo="Each thread says where it is: the slide or section, the element (its data-pipeup-id attribute in the HTML), and the exact quoted text or pin position. Work through the open threads in order, and for each one say what you changed or why you did not.";function Te(e,t){let n=Math.max(0,Math.round((t-e)/1e3));if(n<60)return"just now";let o=Math.round(n/60);if(o<60)return`${o}m ago`;let r=Math.round(o/60);return r<48?`${r}h ago`:`${Math.round(r/24)}d ago`}function gt(e,t,n,o){return t==="ai"?Ln(e,"## Comment thread",o,n):Mn(e)}function vt(e,t,n){let o=e.filter(a=>!a.thread.resolved);if(t==="text")return o.map(Mn).join(`
2
- `);let r=e.length-o.length,i=[`# Review comments: ${Q(n.title)}`,"",`- **Page:** ${Q(n.url)}`,`- **Exported:** ${n.exportedAt.toISOString()}`,`- **Open threads:** ${o.length}${r?` (${r} resolved, not included)`:""}`,"",Vo,"",""].join(`
3
- `),s=n.exportedAt.getTime();return i+o.map((a,p)=>Ln(a,`## Thread ${p+1}`,s)).join(`
4
- `)}function Q(e){return e.replace(/\s+/g," ").trim()}function Ln(e,t,n,o){let{thread:r,location:i}=e,s=r.root.replies.length,a=[`${t} \xB7 ${r.resolved?"resolved":"open"}`];if(a.push(`- **Thread:** ${r.id}`),o&&a.push(`- **Page:** ${Q(o)}`),a.push(`- **Where:** ${Q(i.where)}`),i.id){let p=Q(i.id.replace(/`/g,""));a.push(`- **Element:** \`[data-pipeup-id="${p}"]\`${i.element?` (${Q(i.element)})`:""}`)}i.quote&&a.push(`- **Quoted text:** "${Q(i.quote)}"`),i.pin&&a.push(`- **Pin:** ${Q(i.pin)}`),a.push(`- **Started by:** ${Q(ie(r.root))}, ${Te(r.root.at,n)}${s?` \xB7 ${s} ${s===1?"reply":"replies"}`:""}`,"",`**${Q(ie(r.root))}** (${Te(r.root.at,n)}): ${ht(r.root," ")}`);for(let p of r.root.replies)a.push(`- **${Q(ie(p))}** (${Te(p.at,n)}): ${ht(p," ")} <!-- comment:${p.id} -->`);return a.join(`
1
+ "use strict";var Pipeup=(()=>{var Rt=Object.defineProperty;var co=Object.getOwnPropertyDescriptor;var po=Object.getOwnPropertyNames;var uo=Object.prototype.hasOwnProperty;var mo=(e,t)=>{for(var n in t)Rt(e,n,{get:t[n],enumerable:!0})},fo=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of po(t))!uo.call(e,r)&&r!==n&&Rt(e,r,{get:()=>t[r],enumerable:!(o=co(t,r))||o.enumerable});return e};var ho=e=>fo(Rt({},"__esModule",{value:!0}),e);var Cr={};mo(Cr,{ANIMALS:()=>Te,COLOURS:()=>ft,DEFAULT_PROFILE_NAME:()=>Ht,IndexedDbStore:()=>De,MemoryStore:()=>Be,PipeupDocument:()=>$e,UnsavedChangeError:()=>le,VERSION:()=>Mr,animalName:()=>ce,copyAll:()=>vt,copyThread:()=>gt,createIdentity:()=>at,describeElement:()=>We,describeRange:()=>mt,formatAgo:()=>Se,labelOf:()=>ke,loadOrCreateProfile:()=>He,locate:()=>pt,mount:()=>en,nameOf:()=>oe,newDocumentAttribute:()=>nn,parseDocumentAttribute:()=>it,resolveAnchor:()=>je});function se(e){let t="";for(let n of e)t+=String.fromCharCode(n);return btoa(t).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")}function we(e){let t=e.replace(/-/g,"+").replace(/_/g,"/")+"===".slice((e.length+3)%4),n=atob(t),o=new Uint8Array(n.length);for(let r=0;r<n.length;r++)o[r]=n.charCodeAt(r);return o}function tn(e=16){return se(crypto.getRandomValues(new Uint8Array(e)))}function ue(e){return new TextEncoder().encode(e)}function xe(e){if(e===null||typeof e!="object")return JSON.stringify(e);if(Array.isArray(e))return"["+e.map(xe).join(",")+"]";let t=e;return"{"+Object.keys(t).filter(n=>t[n]!==void 0).sort().map(n=>JSON.stringify(n)+":"+xe(t[n])).join(",")+"}"}function ye(e){return e.replace(/\s+/g," ").trim()}function be(e){let t=ye(e),n=2166136261;for(let o=0;o<t.length;o++)n^=t.charCodeAt(o),n=Math.imul(n,16777619)>>>0;return n.toString(16).padStart(8,"0")}var go=/^([A-Za-z0-9_-]{16}):([A-Za-z0-9_-]{43})$/;function nn(){return`${tn(12)}:${se(crypto.getRandomValues(new Uint8Array(32)))}`}async function it(e){let t=go.exec(e.trim()),n=t?.[1],o=t?.[2];if(!n||!o)throw new Error('pipeup: data-pipeup-doc must look like "<id>:<key>", as made by newDocumentAttribute()');let r=await crypto.subtle.importKey("raw",we(o),{name:"AES-GCM"},!1,["encrypt","decrypt"]);return{id:n,key:r}}async function on(e,t,n){let o=crypto.getRandomValues(new Uint8Array(12)),r=await crypto.subtle.encrypt({name:"AES-GCM",iv:o,additionalData:ue(n)},e,ue(t));return{iv:se(o),data:se(new Uint8Array(r))}}async function rn(e,t,n){try{let o=await crypto.subtle.decrypt({name:"AES-GCM",iv:we(t.iv),additionalData:ue(n)},e,we(t.data));return new TextDecoder().decode(o)}catch{throw new Error("pipeup: this feedback could not be opened with this document")}}var vo=/^[A-Za-z0-9_-]{43}$/,wo=512,Ee=new Map;async function at(){let e=await crypto.subtle.generateKey({name:"Ed25519"},!1,["sign","verify"]),t=new Uint8Array(await crypto.subtle.exportKey("raw",e.publicKey));return{publicKey:se(t),privateKey:e.privateKey}}async function an(e,t){let n=await crypto.subtle.sign({name:"Ed25519"},e.privateKey,t);return se(new Uint8Array(n))}async function sn(e,t,n){if(!vo.test(e))return!1;try{if(se(we(e))!==e)return!1;let o=Ee.get(e);if(!o){Ee.size>=wo&&Ee.delete(Ee.keys().next().value),o=crypto.subtle.importKey("raw",we(e),{name:"Ed25519"},!0,["verify"]),Ee.set(e,o);let r=o;r.catch(()=>{Ee.get(e)===r&&Ee.delete(e)})}return await crypto.subtle.verify({name:"Ed25519"},await o,we(n),t)}catch{return!1}}var st=1e4,Nt=2**40,lt=2**47,z={doc:64,path:2e3,snapshot:500,anchorId:200,quote:1e4,context:64,viewEntries:16,viewKey:64,viewValue:200},yo=/^[0-9a-f]{8}$/,It=/^[A-Za-z0-9_-]{43}$/,bo=/^[A-Za-z0-9_-]{43}$/,xo=new Set(["create","reply","edit","delete","resolve","reopen"]);async function cn(e,t){if(e.author!==t.publicKey)throw new Error("pipeup: an op must be signed by its author");return{body:e,sig:await an(t,ue(xe(e)))}}var me=(e,t)=>typeof e=="string"&&e.length<=t,ln=e=>typeof e=="number"&&Number.isFinite(e)&&e>=0&&e<=1;function $t(e){if(!e||typeof e!="object")return!1;let{id:t,path:n,fingerprint:o,snapshot:r,quote:i,point:s,view:a}=e;if(!me(n,z.path)||!me(r,z.snapshot)||typeof o!="string"||!yo.test(o)||t!==void 0&&(!me(t,z.anchorId)||t===""))return!1;if(i!==void 0){if(!i||typeof i!="object")return!1;let p=i;if(!me(p.exact,z.quote)||p.exact===""||!me(p.prefix,z.context)||!me(p.suffix,z.context))return!1}if(s!==void 0){if(!s||typeof s!="object")return!1;let p=s;if(!ln(p.x)||!ln(p.y))return!1}if(a!==void 0){if(!a||typeof a!="object"||Array.isArray(a))return!1;let p=Object.entries(a);if(p.length>z.viewEntries||!p.every(([l,d])=>l.length<=z.viewKey&&me(d,z.viewValue)))return!1}return!0}function pn(e){if(!e||typeof e!="object")return!1;let{body:t,sig:n}=e;if(typeof n!="string"||!t||typeof t!="object")return!1;let o=t;return!(o.v!==1||typeof o.id!="string"||!It.test(o.id)||typeof o.kind!="string"||!xo.has(o.kind)||!me(o.doc,z.doc)||o.doc===""||typeof o.thread!="string"||!It.test(o.thread)||typeof o.author!="string"||!bo.test(o.author)||typeof o.name!="string"||o.name.length>80||o.name!==o.name.trim()||typeof o.clock!="number"||!Number.isSafeInteger(o.clock)||o.clock<1||o.clock>Nt||typeof o.at!="number"||!Number.isSafeInteger(o.at)||o.at<0||o.at>lt||o.text!==void 0&&(!me(o.text,st)||o.text!==o.text.trim())||o.target!==void 0&&(typeof o.target!="string"||!It.test(o.target))||(o.kind==="create"||o.kind==="reply"||o.kind==="edit")&&(typeof o.text!="string"||o.text.trim()==="")||(o.kind==="reply"||o.kind==="edit"||o.kind==="delete")&&!o.target||o.kind==="create"&&(o.id!==o.thread||!$t(o.anchor)))}function dn(e){return sn(e.body.author,ue(xe(e.body)),e.sig)}function un(e,t){return e.body.clock!==t.body.clock?e.body.clock-t.body.clock:e.body.at!==t.body.at?e.body.at-t.body.at:e.body.author!==t.body.author?e.body.author<t.body.author?-1:1:e.body.id!==t.body.id?e.body.id<t.body.id?-1:1:0}function fn(e){let t=new Map,n=new Map,o=new Map;for(let{body:r}of[...e].sort(un)){if(r.name&&o.set(r.author,r.name),r.kind==="create"){if(t.has(r.id)||!r.anchor||r.text===void 0)continue;let a=mn(r.id,r.author,r.name,r.text,r.at);t.set(r.id,{id:r.id,anchor:r.anchor,root:a,resolved:!1}),n.set(r.id,{comment:a,thread:r.id});continue}let i=t.get(r.thread);if(!i)continue;if(r.kind==="resolve"||r.kind==="reopen"){i.resolved=r.kind==="resolve";continue}let s=r.target?n.get(r.target):void 0;if(!(!s||s.thread!==r.thread)){if(r.kind==="reply"){if(n.has(r.id)||r.text===void 0)continue;let a=mn(r.id,r.author,r.name,r.text,r.at);i.root.replies.push(a),n.set(r.id,{comment:a,thread:r.thread});continue}r.author!==s.comment.author||s.comment.deleted||(r.kind==="edit"&&r.text!==void 0&&(s.comment.text=r.text,s.comment.edited=!0),r.kind==="delete"&&(s.comment.text="",s.comment.deleted=!0))}}for(let{comment:r}of n.values())r.name||(r.unnamed=!0,r.name=o.get(r.author)??"");return[...t.values()]}function mn(e,t,n,o,r){return{id:e,author:t,name:n,text:o,at:r,edited:!1,deleted:!1,replies:[]}}async function Dt(e){let t={...e,id:void 0,thread:e.kind==="create"?void 0:e.thread},n=await crypto.subtle.digest("SHA-256",ue(xe(t)));return se(new Uint8Array(n))}var ct=class{constructor(t){this.doc=t}ops=new Map;clock=0;createAt=new Map;threadAt=new Map;get size(){return this.ops.size}all(){return[...this.ops.values()]}threads(){return fn(this.ops.values())}async add(t){let n=[];for(let o of t)!pn(o)||o.body.doc!==this.doc||this.ops.has(o.body.id)||o.body.id!==await Dt(o.body)||!await dn(o)||(this.ops.set(o.body.id,o),this.clock=Math.max(this.clock,o.body.clock),o.body.kind==="create"&&this.createAt.set(o.body.author,Math.max(this.createAt.get(o.body.author)??0,o.body.at)),this.threadAt.set(o.body.thread,Math.max(this.threadAt.get(o.body.thread)??0,o.body.at)),n.push(o));return n}async append(t,n,o){let r={v:1,...o,id:"",thread:o.kind==="create"?"":o.thread,doc:this.doc,author:t.publicKey,name:n,clock:Math.min(this.clock+1,Nt),at:Math.min(Math.max(Date.now(),o.kind==="create"?(this.createAt.get(t.publicKey)??0)+1:(this.threadAt.get(o.thread)??0)+1),lt)};for(let a=0;;a++){if(a===1e3)throw new Error("pipeup: could not record this change");if(r.id=await Dt(r),!this.ops.has(r.id)||r.at>=lt)break;r.at+=1}let i=this.ops.get(r.id);if(i)return i;r.kind==="create"&&(r.thread=r.id);let[s]=await this.add([await cn(r,t)]);if(!s)throw new Error("pipeup: could not record this change");return s}};var Eo=5e6,hn=e=>`pipeup-file:${e}`;async function gn(e,t,n){let o=n?{pipeup:1,doc:e,sealed:!0,...await on(n,JSON.stringify(t),hn(e))}:{pipeup:1,doc:e,sealed:!1,ops:t};return JSON.stringify(o,null,2)}async function vn(e,t,n){if(e.length>Eo)throw new Error("pipeup: this feedback file is too large");let o;try{o=JSON.parse(e)}catch{throw new Error("pipeup: this is not an Pipeup feedback file")}if(!o||typeof o!="object"||o.pipeup!==1||typeof o.doc!="string")throw new Error("pipeup: this is not an Pipeup feedback file");if(o.doc!==t)throw new Error("pipeup: this feedback is for a different document");if(!o.sealed)return Array.isArray(o.ops)?o.ops:[];if(!n)throw new Error("pipeup: this feedback is sealed, and this page has no document key");if(typeof o.iv!="string"||typeof o.data!="string")throw new Error("pipeup: this is not an Pipeup feedback file");let r;try{r=await rn(n,{iv:o.iv,data:o.data},hn(t))}catch{throw new Error("pipeup: this feedback could not be opened with this document's key")}let i;try{i=JSON.parse(r)}catch{throw new Error("pipeup: this is not an Pipeup feedback file")}return Array.isArray(i)?i:[]}var wn=80,le=class extends Error{constructor(n,o,r=1){super("pipeup: shown here, but not saved yet");this.id=n;this.cause=o;this.count=r;this.name="UnsavedChangeError"}},$e=class e{constructor(t,n){this.log=t;this.options=n;this.displayName=n.name.trim()?yn(n.name):""}listeners=new Set;cache=[];comments=new Map;displayName;queue=Promise.resolve();unsaved=[];static async open(t){if(typeof t.doc!="string"||t.doc===""||t.doc.length>z.doc)throw new Error(`pipeup: the document id must be 1 to ${z.doc} characters`);let n=new ct(t.doc);await n.add(await t.store.load(t.doc));let o=new e(n,t);return o.refresh(!1),o}get id(){return this.options.doc}get me(){return this.options.identity.publicKey}get name(){return this.displayName}set name(t){this.displayName=yn(t),this.refresh(!0)}threads(){return this.cache}onChange(t){return this.listeners.add(t),()=>this.listeners.delete(t)}comment(t,n){return this.enqueue(()=>this.write({kind:"create",anchor:t,text:Bt(n)}))}reply(t,n){return this.enqueue(()=>this.write({kind:"reply",thread:this.find(t).thread,target:t,text:Bt(n)}))}edit(t,n){return this.enqueue(async()=>{let{thread:o}=this.mine(t);await this.write({kind:"edit",thread:o,target:t,text:Bt(n)})})}remove(t){return this.enqueue(async()=>{let{thread:n}=this.mine(t);await this.write({kind:"delete",thread:n,target:t})})}resolve(t){return this.enqueue(async()=>{await this.write({kind:"resolve",thread:this.thread(t)})})}reopen(t){return this.enqueue(async()=>{await this.write({kind:"reopen",thread:this.thread(t)})})}flush(){return this.enqueue(()=>this.persist())}exportFile(){return gn(this.options.doc,this.log.all(),this.options.key)}importFile(t){return this.enqueue(async()=>{let n=await this.log.add(await vn(t,this.options.doc,this.options.key));this.unsaved.push(...n),n.length>0&&this.refresh(!0);try{await this.persist()}catch(o){throw n.length>0?new le(n[0].body.id,o,n.length):o}return n.length})}enqueue(t){let n=this.queue.then(t);return this.queue=n.catch(()=>{}),n}async write(t){let n=await this.log.append(this.options.identity,this.displayName,t);this.unsaved.push(n),this.refresh(!0);try{await this.persist()}catch(o){throw new le(n.body.id,o)}return n.body.id}async persist(){if(this.unsaved.length===0)return;let t=[...this.unsaved];await this.options.store.append(this.options.doc,t),this.unsaved=this.unsaved.filter(n=>!t.includes(n))}refresh(t){this.cache=this.log.threads(),this.comments.clear();let n=(o,r)=>{o.unnamed&&o.author===this.me&&this.displayName&&(o.name=this.displayName),this.comments.set(o.id,{comment:o,thread:r});for(let i of o.replies)n(i,r)};for(let o of this.cache)n(o.root,o.id);if(t)for(let o of this.listeners)try{o(this.cache)}catch(r){globalThis.reportError?.(r)}}find(t){let n=this.comments.get(t);if(!n)throw new Error("pipeup: there is no comment with that id");return n}mine(t){let n=this.find(t);if(n.comment.author!==this.me)throw new Error("pipeup: only the writer can change a comment");return n}thread(t){if(!this.cache.some(n=>n.id===t))throw new Error("pipeup: there is no thread with that id");return t}};function Bt(e){let t=e.trim();if(!t)throw new Error("pipeup: a comment needs some words");if(t.length>st)throw new Error(`pipeup: comments are limited to ${st} characters`);return t}function yn(e){let t=e.replace(/\s+/g," ").trim();if(!t||t.length>wn)throw new Error(`pipeup: choose a name of 1 to ${wn} characters`);return t}var De=class e{constructor(t){this.db=t}static open(t="pipeup"){return new Promise((n,o)=>{let r=indexedDB.open(t,1);r.onupgradeneeded=()=>{let i=r.result;i.createObjectStore("ops",{keyPath:["doc","id"]}).createIndex("doc","doc"),i.createObjectStore("meta")},r.onsuccess=()=>{let i=r.result;i.onversionchange=()=>i.close(),n(new e(i))},r.onerror=()=>o(r.error??new Error("pipeup: could not open local storage"))})}close(){this.db.close()}async load(t){return(await this.request("ops","readonly",o=>o.index("doc").getAll(t))).map(o=>o.op)}async append(t,n){if(n.length===0)return;let o=this.db.transaction("ops","readwrite"),r=o.objectStore("ops"),i=ko(o);try{for(let s of n)r.put({doc:t,id:s.body.id,op:s})}catch(s){throw o.abort(),i.catch(()=>{}),s}await i}async loadProfile(){return await this.request("meta","readonly",t=>t.get("profile"))??null}async saveProfile(t){await this.request("meta","readwrite",n=>n.put(t,"profile"))}async saveProfileIfAbsent(t){return new Promise((n,o)=>{let r=this.db.transaction("meta","readwrite"),i=r.objectStore("meta"),s=t;r.oncomplete=()=>n(s),r.onerror=()=>o(r.error??new Error("pipeup: local storage write failed")),r.onabort=()=>o(r.error??new Error("pipeup: local storage write aborted"));let a=i.get("profile");a.onsuccess=()=>{a.result?s=a.result:i.put(t,"profile")}})}request(t,n,o){return new Promise((r,i)=>{let s=o(this.db.transaction(t,n).objectStore(t));s.onsuccess=()=>r(s.result),s.onerror=()=>i(s.error??new Error("pipeup: local storage request failed"))})}};function ko(e){return new Promise((t,n)=>{e.oncomplete=()=>t(),e.onerror=()=>n(e.error??new Error("pipeup: local storage write failed")),e.onabort=()=>n(e.error??new Error("pipeup: local storage write aborted"))})}var Be=class{docs=new Map;profile=null;async load(t){return[...this.docs.get(t)?.values()??[]]}async append(t,n){let o=this.docs.get(t);o||this.docs.set(t,o=new Map);for(let r of n)o.set(r.body.id,r)}async loadProfile(){return this.profile}async saveProfile(t){this.profile=t}async saveProfileIfAbsent(t){return this.profile||(this.profile=t),this.profile}},Ht="",To="Reviewer";async function He(e,t=Ht){let n=await e.loadProfile();if(n)return n.name===To?{...n,name:""}:n;let o={identity:await at(),name:t};return e.saveProfileIfAbsent(o)}var So={A:"Link",BUTTON:"Button",P:"Paragraph",LI:"List item",IMG:"Image",TABLE:"Table",TD:"Cell",TH:"Cell",FIGURE:"Figure",SVG:"Graphic",CANVAS:"Graphic",LABEL:"Label",INPUT:"Field",SELECT:"Field",TEXTAREA:"Field",SUMMARY:"Question",BLOCKQUOTE:"Quote",SECTION:"Section",H1:"Heading",H2:"Heading",H3:"Heading",H4:"Heading",H5:"Heading",H6:"Heading"},Ao=40;function ke(e){let t=e.getAttribute("data-pipeup-label");if(t)return t;let n=So[e.tagName.toUpperCase()]??"Block",o=ye(e.getAttribute("aria-label")??e.getAttribute("alt")??e.innerText??e.textContent??"");return o?`${n} \xB7 ${Ft(o,Ao)}`:n}function pt(e,t,n){let o=e.id??null,r=e.quote?.exact??null,i=e.point?`${Math.round(e.point.x*100)}% across, ${Math.round(e.point.y*100)}% down the element`:null,s=t.element;if(t.state==="orphaned"||!s)return{where:`No longer on the page (it read: "${e.snapshot}")`,element:null,id:o,quote:r,pin:i};let a=[],p=e.view?.slide;if(p){let d=s.closest("[data-pipeup-slide]")?.querySelector("h1,h2,h3")?.textContent;a.push(`Slide ${p}`+(d?` "${Ft(ye(d))}"`:""))}else{let d=Lo(s,n);d&&a.push(`Section "${Ft(ye(d.textContent??""))}"`)}let l=ke(s);return a.push(l),{where:a.join(" \u203A "),element:l,id:o,quote:r,pin:i}}function Lo(e,t){let n=null;for(let o of t.querySelectorAll("h1,h2,h3")){if(o===e||o.contains(e))break;if(o.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING)n=o;else break}return n}function Ft(e,t=60){return e.length>t?e.slice(0,t-1)+"\u2026":e}function ze(e){let n=(e.ownerDocument??e).createTreeWalker(e,NodeFilter.SHOW_TEXT),o=[],r="";for(let i=n.nextNode();i;i=n.nextNode())o.push({node:i,start:r.length}),r+=i.data;return{text:r,nodes:o}}function _t(e,t,n){let r=(e.ownerDocument??e).createRange();return r.setStart(e,0),r.setEnd(t,n),r.toString().length}function qt(e,t,n){let o=bn(e,t,!1),r=bn(e,n,!0);if(!o||!r||n<t)return null;let i=o.node.ownerDocument.createRange();return i.setStart(o.node,o.offset),i.setEnd(r.node,r.offset),i}function bn(e,t,n){for(let r of e.nodes){let i=r.start+r.node.data.length;if(t>=r.start&&(t<i||n&&t===i))return{node:r.node,offset:t-r.start}}let o=e.nodes[e.nodes.length-1];return o&&t===o.start+o.node.data.length?{node:o.node,offset:o.node.data.length}:null}var xn=32,kn=200,Mo="p,li,h1,h2,h3,h4,h5,h6,td,th,blockquote,pre,figcaption,dt,dd,summary,caption";function Tn(e){return e.nodeType===Node.ELEMENT_NODE?e:e.parentElement}function Sn(e,t){for(let n=Tn(e)?.closest("[data-pipeup-id]")??null;n;){if(!t.contains(n))return null;let o=n.getAttribute("data-pipeup-id")??"";if(o!==""&&o.length<=z.anchorId)return n;n=n.parentElement?.closest("[data-pipeup-id]")??null}return null}function Co(e){let t=e;return/[\uD800-\uDBFF]$/.test(t)&&(t=t.slice(0,-1)),/^[\uDC00-\uDFFF]/.test(t)&&(t=t.slice(1)),t}function dt(e,t,n){return Co(e.slice(t,n))}function Po(e,t){let n=Oo(e,t);if(n.length>z.path)throw new Error("pipeup: this element is nested too deeply to comment on \u2014 give a nearby container a data-pipeup-id");return n}function An(e){if(!$t(e))throw new Error("pipeup: could not describe this place on the page");return e}function ut(e,t){let n=Tn(e),o=n?.closest(Mo)??null;return o&&t.contains(o)?o:n&&t.contains(n)?n:t}function Oo(e,t){if(e===t)return"";let n=[];for(let o=t;o&&o!==e;o=o.parentElement){let r=1;for(let i=o.previousElementSibling;i;i=i.previousElementSibling)i.tagName===o.tagName&&r++;n.unshift(`${o.tagName.toLowerCase()}:nth-of-type(${r})`)}return":scope > "+n.join(" > ")}function mt(e,t,n){if(!t.contains(e.commonAncestorContainer))throw new Error("pipeup: the selection is outside the commentable area");let o=Sn(e.commonAncestorContainer,t),r=o??t,{text:i}=ze(r),s=_t(r,e.startContainer,e.startOffset),a=_t(r,e.endContainer,e.endOffset),p=i.slice(s,a);if(p==="")throw new Error("pipeup: select some text to comment on");if(p.length>z.quote)throw new Error(`pipeup: selections are limited to ${z.quote} characters`);let l=dt(i,Math.max(0,s-xn),s),d=dt(i,a,a+xn);return An({...o?{id:o.getAttribute("data-pipeup-id")??""}:{},path:"",quote:{exact:p,prefix:l,suffix:d},...n?{view:n}:{},fingerprint:be(ut(e.startContainer,t).textContent??""),snapshot:dt(ye(l+p+d),0,kn)})}function We(e,t,n,o){let r=Sn(e,t);return An({...r?{id:r.getAttribute("data-pipeup-id")??""}:{},path:Po(r??t,e),...n?{point:{x:En(n.x),y:En(n.y)}}:{},...o?{view:o}:{},fingerprint:be(e.textContent??""),snapshot:dt(ye(e.textContent??""),0,kn)})}function En(e){return Number.isFinite(e)?Math.min(1,Math.max(0,e)):0}function Ro(e,t){let n=Array.from({length:t.length+1},(r,i)=>i),o=new Array(t.length+1).fill(0);for(let r=1;r<=e.length;r++){o[0]=r;for(let i=1;i<=t.length;i++){let s=e.charCodeAt(r-1)===t.charCodeAt(i-1)?0:1;o[i]=Math.min((n[i]??0)+1,(o[i-1]??0)+1,(n[i-1]??0)+s)}[n,o]=[o,n]}return n[t.length]??0}function Ln(e,t,n){let o=t.length;if(o===0)return null;let r=Array.from({length:o+1},(d,y)=>y),i=new Array(o+1).fill(0),s=-1,a=1/0;for(let d=1;d<=e.length;d++){i[0]=0;let y=e.charCodeAt(d-1);for(let h=1;h<=o;h++){let x=t.charCodeAt(h-1)===y?0:1;i[h]=Math.min((r[h]??0)+1,(i[h-1]??0)+1,(r[h-1]??0)+x)}let E=i[o]??1/0;E<a&&(a=E,s=d),[r,i]=[i,r]}if(a>n)return null;let p=Math.max(0,s-o),l=1/0;for(let d=Math.max(0,s-o-n);d<=Math.min(s,s-o+n);d++){let y=Ro(e.slice(d,s),t);y<l&&(l=y,p=d)}return{start:p,end:s,distance:l}}var Ye={state:"orphaned",element:null,range:null},Io=5e4,No=300,$o=12,Do=":scope > ";function Bo(e,t){for(let n of e.querySelectorAll("[data-pipeup-id]"))if(n.getAttribute("data-pipeup-id")===t)return n;return null}function je(e,t,n={}){let o=e.id?Bo(t,e.id):t;return e.quote?Fo(e,e.quote,o,t,n.fuzzy!==!1):Ho(e,o)}function Ho(e,t){if(!t)return Ye;let n=t;if(e.path){if(!e.path.startsWith(Do))return Ye;try{n=t.querySelector(e.path)}catch{return Ye}}return n?{state:be(n.textContent??"")===e.fingerprint?"attached":"moved",element:n,range:null}:Ye}function Fo(e,t,n,o,r){let i=n??o,s=ze(i),a=_o(s.text,t);if(a>=0){let p=qt(s,a,a+t.exact.length);if(p){let l=ut(p.startContainer,o);return{state:n!==null&&be(l.textContent??"")===e.fingerprint?"attached":"moved",element:l,range:p}}}if(r){let p=i===o?s:ze(o);if(p.text.length<=Io&&t.exact.length>=$o&&t.exact.length<=No){let l=Ln(p.text,t.exact,Math.floor(t.exact.length/4)),d=l?qt(p,l.start,l.end):null;if(d)return{state:"moved",element:ut(d.startContainer,o),range:d}}}return Ye}function _o(e,t){if(!t.exact)return-1;let n=-1,o=-1;for(let r=e.indexOf(t.exact);r!==-1;r=e.indexOf(t.exact,r+1)){let i=e.slice(Math.max(0,r-t.prefix.length),r),s=e.slice(r+t.exact.length,r+t.exact.length+t.suffix.length),a=Vo(i,t.prefix)+qo(s,t.suffix);a>o&&(n=r,o=a)}return n}function qo(e,t){let n=0;for(;n<e.length&&n<t.length&&e[n]===t[n];)n++;return n}function Vo(e,t){let n=0;for(;n<e.length&&n<t.length&&e[e.length-1-n]===t[t.length-1-n];)n++;return n}var Te=["Otter","Fox","Owl","Bear","Rabbit"],ft=["Red","Orange","Yellow","Green","Teal","Blue","Purple","Pink","Brown","Grey"];function Mn(e){let t=2166136261;for(let n=0;n<e.length;n++)t=Math.imul(t^e.charCodeAt(n),16777619);return t=Math.imul(t^t>>>16,2246822507),t=Math.imul(t^t>>>13,3266489909),(t^t>>>16)>>>0}var Vt=e=>Mn(e)%Te.length,Ut=e=>Math.floor(Mn(e)/Te.length)%ft.length,ce=e=>`${ft[Ut(e)]} ${Te[Vt(e)]}`,oe=e=>e.name||ce(e.author);var Uo="Each thread says where it is: the slide or section, the element (its data-pipeup-id attribute in the HTML), and the exact quoted text or pin position. Work through the open threads in order, and for each one say what you changed or why you did not.";function Se(e,t){let n=Math.max(0,Math.round((t-e)/1e3));if(n<60)return"just now";let o=Math.round(n/60);if(o<60)return`${o}m ago`;let r=Math.round(o/60);return r<48?`${r}h ago`:`${Math.round(r/24)}d ago`}function gt(e,t,n,o){return t==="ai"?Cn(e,"## Comment thread",o,n):Pn(e)}function vt(e,t,n){let o=e.filter(a=>!a.thread.resolved);if(t==="text")return o.map(Pn).join(`
2
+ `);let r=e.length-o.length,i=[`# Review comments: ${Z(n.title)}`,"",`- **Page:** ${Z(n.url)}`,`- **Exported:** ${n.exportedAt.toISOString()}`,`- **Open threads:** ${o.length}${r?` (${r} resolved, not included)`:""}`,"",Uo,"",""].join(`
3
+ `),s=n.exportedAt.getTime();return i+o.map((a,p)=>Cn(a,`## Thread ${p+1}`,s)).join(`
4
+ `)}function Z(e){return e.replace(/\s+/g," ").trim()}function Cn(e,t,n,o){let{thread:r,location:i}=e,s=r.root.replies.length,a=[`${t} \xB7 ${r.resolved?"resolved":"open"}`];if(a.push(`- **Thread:** ${r.id}`),o&&a.push(`- **Page:** ${Z(o)}`),a.push(`- **Where:** ${Z(i.where)}`),i.id){let p=Z(i.id.replace(/`/g,""));a.push(`- **Element:** \`[data-pipeup-id="${p}"]\`${i.element?` (${Z(i.element)})`:""}`)}i.quote&&a.push(`- **Quoted text:** "${Z(i.quote)}"`),i.pin&&a.push(`- **Pin:** ${Z(i.pin)}`),a.push(`- **Started by:** ${Z(oe(r.root))}, ${Se(r.root.at,n)}${s?` \xB7 ${s} ${s===1?"reply":"replies"}`:""}`,"",`**${Z(oe(r.root))}** (${Se(r.root.at,n)}): ${ht(r.root," ")}`);for(let p of r.root.replies)a.push(`- **${Z(oe(p))}** (${Se(p.at,n)}): ${ht(p," ")} <!-- comment:${p.id} -->`);return a.join(`
5
5
  `)+`
6
- `}function Mn(e){let{thread:t,location:n}=e,o=[Q(n.where)+(n.quote?`, on the text "${Q(n.quote)}"`:""),`${Q(ie(t.root))}: ${ht(t.root," ")}`];for(let r of t.root.replies)o.push(` ${Q(ie(r))}: ${ht(r," ")}`);return o.join(`
6
+ `}function Pn(e){let{thread:t,location:n}=e,o=[Z(n.where)+(n.quote?`, on the text "${Z(n.quote)}"`:""),`${Z(oe(t.root))}: ${ht(t.root," ")}`];for(let r of t.root.replies)o.push(` ${Z(oe(r))}: ${ht(r," ")}`);return o.join(`
7
7
  `)+`
8
8
  `}function ht(e,t){return e.deleted?"(deleted)":e.text.replace(/\r\n|\r|\n/g,`
9
- `+t)+(e.edited?" (edited)":"")}function m(e,t={},...n){let o=document.createElement(e);for(let[r,i]of Object.entries(t))i===void 0||i===!1||(r==="class"?o.className=String(i):o.setAttribute(r,i===!0?"":i));for(let r of n)r!=null&&r!==!1&&o.append(r);return o}function J(e,t){let n=e.getRootNode().activeElement;t&&n instanceof HTMLElement&&e.contains(n)&&n.blur(),e.inert=t}function he(e,t){return e.length>t?e.slice(0,t-1)+"\u2026":e}function Fe(e,t,n=4){e.style.left=`${t.left-n}px`,e.style.top=`${t.top-n}px`,e.style.width=`${t.width+n*2}px`,e.style.height=`${t.height+n*2}px`}var Uo=/\bhttps?:\/\/[^\s<>"'`]+/gi,zo=`.,;:!?'"]}`,Ko=2048,Wo=/[\u202A-\u202E\u2066-\u2069]/;function Yo(e){let t=0,n=0;for(let r of e)r==="("?t++:r===")"&&n++;let o=e.length;for(;o>0;){let r=e[o-1];if(r===")"&&n>t)n--;else if(!zo.includes(r))break;o--}return e.slice(0,o)}function yt(e){let t=[],n=0;for(let o of e.matchAll(Uo)){if(o[0].length>Ko||Wo.test(o[0]))continue;let r=Yo(o[0]),i=o.index??0,s;try{let p=new URL(r);if(p.protocol!=="http:"&&p.protocol!=="https:")continue;s=p.href}catch{continue}i>n&&t.push(e.slice(n,i));let a=m("a",{href:s,target:"_blank",rel:"noopener noreferrer"},r);a.addEventListener("click",p=>p.stopPropagation()),t.push(a),n=i+r.length}return n<e.length&&t.push(e.slice(n)),t}var ge={code:"KeyC",mods:{shift:!0,alt:!0,meta:!1,ctrl:!1},mac:{label:"\u21E7\u2325C",aria:"Shift+Alt+C"},other:{label:"Shift+Alt+C",aria:"Shift+Alt+C"}},Cn=typeof navigator<"u"&&/Mac|iP(hone|ad|od)/.test(navigator.platform),Ge=(Cn?ge.mac:ge.other).label,Vt=(Cn?ge.mac:ge.other).aria;function Pn(e){return e.code===ge.code&&e.shiftKey===ge.mods.shift&&e.altKey===ge.mods.alt&&e.metaKey===ge.mods.meta&&e.ctrlKey===ge.mods.ctrl&&!e.repeat&&!e.getModifierState("AltGraph")}var On="http://www.w3.org/2000/svg",jo={comment:["M20.5 11.5a8 8 0 0 1-11.7 7.1L4 19.8l1.2-4.4A8 8 0 1 1 20.5 11.5z","M12.3 8.2v6.6M9 11.5h6.6"],send:["M21 12L3.5 4.5 6.2 12l-2.7 7.5zM6.2 12H13"],copy:["M10 8h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2z","M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2"],resolve:["M5 12.5l4.5 4.5L19 7.5"],reopen:["M3 12a9 9 0 1 0 3-6.7","M3 4v5h5"],lines:["M4 7h16M4 12h10M4 17h7"],list:["M3 6.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M3 12a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M3 17.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M9 6.5h11M9 12h11M9 17.5h7"],expand:["M14 4h6v6M20 4l-6 6M10 20H4v-6M4 20l6-6M20 14v6h-6M20 20l-6-6M4 10V4h6M4 4l6 6"],bubble:["M20.5 11.5a8 8 0 0 1-11.7 7.1L4 19.8l1.2-4.4A8 8 0 1 1 20.5 11.5z"],close:["M6 6l12 12M18 6L6 18"],edit:["M4 20h4L19 9l-4-4L4 16z"]};function Y(e,t=15,n){let o=Ut(jo[e],t);return n&&o.setAttribute("stroke-width",String(n)),o}function Ut(e,t){let n=document.createElementNS(On,"svg"),o={width:String(t),height:String(t),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"};for(let[r,i]of Object.entries(o))n.setAttribute(r,i);for(let r of e){let i=document.createElementNS(On,"path");i.setAttribute("d",r),n.append(i)}return n}var wt=(e,t,n)=>`M${e} ${t}a${n} ${n} 0 1 0 ${2*n} 0a${n} ${n} 0 1 0 -${2*n} 0`,Go={Otter:"M4 13.2C4 9.2 7.6 6.5 12 6.5s8 2.7 8 6.7-3.6 6.3-8 6.3-8-2.3-8-6.3zM5.6 9.6a1.8 1.8 0 1 1 2.7-2.3M18.4 9.6a1.8 1.8 0 1 0-2.7-2.3M9.2 11.6h.01M14.8 11.6h.01M11 14h2l-1 1zM9.8 15.8l-3.2.4M9.9 17l-2.7 1.1M14.2 15.8l3.2.4M14.1 17l2.7 1.1",Fox:"M3.5 4l5 3.5h7l5-3.5-1.5 8.5L12 20l-7-7.5zM9 12h.01M15 12h.01M12 17h.01",Owl:`M5 4.5l3 2.5h8l3-2.5V14a7 7 0 0 1-14 0z${wt(7.4,11.5,1.9)}${wt(12.8,11.5,1.9)}M11.3 14.6l.7 1 .7-1`,Bear:`${wt(5,13.5,7)}M8.9 7.22A2.8 2.8 0 1 0 5.89 10.09M18.11 10.09A2.8 2.8 0 1 0 15.1 7.22M9.4 12.6h.01M14.6 12.6h.01M10.3 16.4c0-1 .8-1.6 1.7-1.6s1.7.6 1.7 1.6-.8 1.6-1.7 1.6-1.7-.6-1.7-1.6z`,Rabbit:`${wt(6.5,15.5,5.5)}M9.6 10.5C8.2 6.5 8.4 2.5 9.8 2.5s2.4 3.5 1.6 7.5M14.4 10.5c1.4-4 1.2-8-.2-8s-2.4 3.5-1.6 7.5M10 15h.01M14 15h.01M11.3 17.3l.7.5.7-.5`};function Rn(e){let t=/[\p{L}\p{N}]/u.exec(e);if(!t)return"";let n=t[0].toUpperCase();return[...n].length===1?n:t[0]}var Xe=(e,t)=>Rn(t)||ue(e);function Se(e,t){return m("span",{class:`av c${qt(e)}`,"aria-hidden":"true","data-animal":ue(e)},Rn(t)||Ut([Go[ke[_t(e)]]],24))}var Xo=320;function bt(e,t){setTimeout(()=>{e.remove(),t?.()},Xo)}function xt(e){return requestAnimationFrame(()=>{e.offsetWidth,e.classList.add("in")}),e}function Et(e){let t=m("textarea",{class:"input",rows:"1","aria-label":e.label}),n=m("button",{class:"send",type:"button","aria-label":"Send",title:"Send"},Y("send")),o=m("div",{class:"row"},e.before,t,n),r=!1,i=()=>{n.classList.toggle("show",t.value.trim()!==""),t.style.height="auto",t.style.height=`${Math.max(27,t.scrollHeight)}px`},s=async()=>{let a=t.value.trim();if(!(!a||r)){r=!0;try{await e.onSend(a),t.value="",i()}catch{}finally{r=!1}}};return o.addEventListener("mousedown",a=>{a.target===t||n.contains(a.target)||(a.preventDefault(),t.focus({preventScroll:!0}),t.setSelectionRange(t.value.length,t.value.length))}),t.addEventListener("input",i),t.addEventListener("keydown",a=>{a.stopPropagation(),a.key==="Enter"&&!a.shiftKey&&!a.isComposing?(a.preventDefault(),s()):a.key==="Escape"&&(a.preventDefault(),t.value="",i(),t.blur(),e.onCancel?.())}),n.addEventListener("click",a=>{a.stopPropagation(),s()}),{element:o,input:t,focus:()=>t.focus({preventScroll:!0}),clear:()=>{t.value="",i()}}}function Zo(e){let t=m("button",{class:"me",type:"button",tabindex:"-1","aria-hidden":"true"});t.addEventListener("mousedown",w=>w.preventDefault());let n=Et({label:"Comment",before:t,onSend:e.onSend,onCancel:e.onCancel}),o=m("div",{class:"say"}),r=m("input",{class:"input",type:"text",maxlength:"80","aria-label":"Your name"}),i=m("div",{class:"nf"},r),s=m("div",{class:"you"},o,i),a="",p=!1,l=()=>{let w=e.name(),v=w?"change":"add your name";if(t.title=w?"Change your name":"Add your name",!t.lastChild||a!==w){let T=Se(e.me,w),S=t.lastChild;S?(xt(T),bt(S)):T.classList.add("in"),t.append(T),a=w}let A=m("button",{type:"button"},v);A.addEventListener("click",y),o.replaceChildren(m("span",{class:"nm"},w||`You're ${ue(e.me)}`)," \xB7 ",A)},d=w=>{s.classList.toggle("naming",w),J(o,w),J(i,!w)};function y(w){w.stopPropagation(),r.value=e.name(),d(!0),r.focus({preventScroll:!0}),r.select()}let E=()=>{d(!1),n.focus()};t.addEventListener("click",y),r.addEventListener("keydown",w=>{if(w.stopPropagation(),w.key==="Escape")w.preventDefault(),E();else if(w.key==="Enter"){w.preventDefault();let v=r.value.trim();if(!v||v===e.name())return E();if(p)return;p=!0,e.rename(v).finally(()=>{p=!1,l(),E()})}}),l(),d(!1);let f=m("div",{class:"ctx"},e.label);return{element:m("div",{class:"draft"},f,n.element,s),caret:()=>{let{selectionStart:w,selectionEnd:v}=n.input;return()=>{n.focus(),n.input.setSelectionRange(w,v)}},hideLabel:w=>{f.hidden=w},setLabel:w=>{f.textContent=w},focus:()=>n.focus(),isEmpty:()=>n.input.value.trim()===""}}function kt(e,t){let n=Zo({label:t.label,me:e.doc.me,name:()=>e.menu.name(),rename:o=>e.menu.rename(o),onSend:o=>e.postDraft(o),onCancel:()=>e.cancelDraft()});return e.registerDraft(n),n}function Tt(e,t){if(t.state==="orphaned"||!t.element||e.quote)return null;let n=t.element.getBoundingClientRect();if(!n.width&&!n.height)return null;if(e.point)return{x:n.left+e.point.x*n.width,y:n.top+e.point.y*n.height};let o=t.element.ownerDocument.createRange();o.selectNodeContents(t.element);let r=o.getBoundingClientRect();return{x:r.width?Math.min(n.right-8,r.right+6):n.right-8,y:(r.height?r.top:n.top)+8}}function Ze(e){return e.range?[...e.range.getClientRects()]:[]}function zt(e,t){let n=Ze(t)[0];if(n)return n.top;if(t.state==="orphaned"||!t.element)return null;let o=t.element.getBoundingClientRect();return e.point?o.top+e.point.y*o.height:o.top}function Qe(e,t){let n=Ze(t).at(-1);if(n)return{x:n.left,y:n.bottom,below:!0};let o=Tt(e,t);return o?{...o,below:!1}:null}function In(e,t,n){for(let o of n)if(e>=o.left&&e<=o.right&&t>=o.top&&t<=o.bottom)return!0;return!1}function Nn(e,t,n=10){let o=[...e].sort((a,p)=>a.want-p.want),r=new Array(o.length).fill(0),i=o.findIndex(a=>a.id===t),s=a=>o[a];if(i<0)o.forEach((a,p)=>{r[p]=p===0?a.want:Math.max(a.want,(r[p-1]??0)+s(p-1).height+n)});else{r[i]=s(i).want;for(let a=i+1;a<o.length;a++)r[a]=Math.max(s(a).want,(r[a-1]??0)+s(a-1).height+n);for(let a=i-1;a>=0;a--)r[a]=Math.min(s(a).want,(r[a+1]??0)-s(a).height-n)}return new Map(o.map((a,p)=>[a.id,r[p]??0]))}var Je=320,Ae=300,Qo=480,Le=()=>window.innerWidth<=Qo;function St(e){let t=window.innerWidth;return{width:e&&!Le()?t-Je:t,height:window.innerHeight}}function At(e,t,n,o=12){let r,i;return e.below?(r=Math.min(e.x,n.width-t.width-o),i=e.y+8,i+t.height>n.height-o&&(i=e.y-t.height-40)):(r=e.x+14,r+t.width>n.width-o&&(r=e.x-t.width-28),i=Math.min(e.y-12,n.height-t.height-o)),{left:Math.max(o,r),top:Math.max(o,i)}}function $n(e,t,n,o=12,r=44){let i=e.top-r>=8,s=e.top+e.height+8+(i?0:r),a=e.top-8-(i?r:0)-t.height,p=s+t.height<=n.height-o||a<o,l=p?s:a;return{above:!p,left:Math.max(o,Math.min(e.left,n.width-t.width-o)),top:Math.max(o,l)}}function Lt(e,t,n){let o=e.top-t.height-10;return o<8&&(o=e.top+e.height+10),{left:Math.max(8,Math.min(e.left+e.width/2-t.width/2,n.width-t.width-8)),top:o}}var Dn=e=>`${e} ${e===1?"reply":"replies"}`;function _e(e,t,n){let o={...n},r=e.id,i=m("div",{class:"rbox always"},m("div",{},Et({label:"Reply",onSend:v=>t.reply(r,v),onCancel:t.close}).element)),s=m("div",{}),a=m("div",{}),p=null,l=m("div",{},a,m("div",{class:"more"},s)),d=new Map,y=new Map,E=new Map,f=v=>{let A=Xe(v.author,v.name),T=d.get(v.id),S=T?.el;if((!S||T.key!==A)&&(S=xt(Se(v.author,v.name)),T)){let C=T.el;E.set(v.id,C),bt(C,()=>E.get(v.id)===C&&E.delete(v.id))}S.title=ie(v),y.set(v.id,{key:A,el:S});let P=E.get(v.id);return P?[P,S]:[S]},x=(v,A,T)=>{let S=m("button",{class:"ib",type:"button","aria-label":A,title:A},Y(v));return S.addEventListener("click",P=>{P.stopPropagation(),T()}),S};function w(v,A={}){Object.assign(o,A),r=v.id;let T=(o.now??Date.now)(),S=v.root.replies.length,P=q=>m("span",{class:"who"},`${ie(q)} \xB7 ${Te(q.at,T)}`),C=q=>m("div",{class:q.deleted?"tx del":"tx"},...q.deleted?["Deleted"]:[...yt(q.text),q.edited?" (edited)":""]),z=v.resolved?"Resolved"+(S?` \xB7 ${Dn(S)}`:""):S?Dn(S):"",G=m("div",{class:o.variant==="column"&&z?"ft has-rest":"ft"},o.variant==="column"&&z?m("span",{class:"rest"},z):null,m("span",{class:"hover"},P(v.root),m("span",{class:"acts"},x("copy","Copy thread",()=>t.copy(v.id)),v.resolved?x("reopen","Reopen",()=>void t.reopen(v.id)):x("resolve","Resolve",()=>void t.resolve(v.id))))),K=o.lost?m("div",{class:"ctx"},`No longer on the page \u2014 it read \u201C${he(o.lost,120)}\u201D`):o.quote?m("div",{class:"ctx"},`\u201C${he(o.quote,80)}\u201D`):null;y=new Map;let ae=m("div",{class:"root"},...f(v.root),K,C(v.root),G);a.replaceWith(ae),a=ae,p?.remove(),p=S?m("div",{class:"rps"},...v.root.replies.map(q=>m("div",{class:"it"},...f(q),C(q),m("div",{class:"rft"},P(q))))):null,p&&s.prepend(p),d=y,v.resolved?i.remove():i.parentNode!==s&&s.append(i),l.className=v.resolved?"thread resolved":"thread",l.setAttribute("data-thread",v.id)}return w(e),{element:l,update:w}}var Jo="a,button,input,select,textarea,label,summary,[role=button],[contenteditable]",er=400;function Kt(e,t){let n=new Map,o=m("div",{class:"tip",role:"tooltip"}),r=m("div",{class:"mark"}),i=m("div",{class:"pop",role:"dialog","aria-label":"Comment thread"});o.inert=i.inert=!0,e.layer.append(r,o,i);let s=m("div",{class:"bub pin ghost","aria-hidden":"true"}),a=[],p=null,l=null,d=null,y=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,E=0,f=null,x=null,w=null,v=0,A=h=>a.find(L=>L.id===h)??null,T=()=>t.popovers||e.state.listing,S=!1,P=h=>{let L=e.resolved.get(h.id);return L?Qe(h.anchor,L):null};function C(h,L,M){let{left:H,top:R}=At(L,{width:h.offsetWidth||M,height:h.offsetHeight},St(e.state.listing));h.style.left=`${H}px`,h.style.top=`${R}px`}function z(h){let L=h&&T()&&e.state.active!==h?A(h):null,M=L?P(L):null;if(!L||!M){w=null,o.classList.remove("show"),J(o,!0);return}if(w!==L.id){let H=L.root.replies.length;o.replaceChildren(m("div",{class:"tx clamp"},...L.root.deleted?["Deleted"]:yt(L.root.text)),m("div",{class:"who"},`${ie(L.root)}${H?` \xB7 ${H} ${H===1?"reply":"replies"}`:""}`)),w=L.id}C(o,M,260),o.classList.contains("show")||o.offsetWidth,o.classList.add("show"),o.inert=!1}function G(h){f=h,z(h),e.hot(h)}function K(h){if(window.clearTimeout(v),h!==null){G(h);return}v=window.setTimeout(()=>G(null),T()?er:0)}o.addEventListener("mouseenter",()=>window.clearTimeout(v)),o.addEventListener("mouseleave",()=>K(null)),o.addEventListener("click",h=>{h.stopPropagation();let L=w;L&&(window.clearTimeout(v),G(null),e.open(L))});function ae(h){let L=n.get(h.id);if(L)return L;let M=m("button",{class:"bub",type:"button","aria-label":`Comment: ${he(h.root.text,60)}`});return M.addEventListener("mouseenter",()=>K(h.id)),M.addEventListener("mouseleave",()=>K(null)),M.addEventListener("click",H=>{H.stopPropagation(),z(null),e.open(h.id)}),e.layer.insertBefore(M,r),n.set(h.id,M),M}function q(){let h=e.state.draft,L=d&&h&&!h.anchor.quote&&!h.anchor.point?h.resolved.element:null;if(L){let{left:H,top:R,above:F}=$n(L.getBoundingClientRect(),{width:i.offsetWidth||Ae,height:i.offsetHeight},{width:window.innerWidth,height:window.innerHeight}),X=d?.above!==null&&d?.above!==F;if(d&&(d.above=F),X&&le())return;i.style.left=`${H}px`,i.style.top=`${R}px`;return}let M=d&&h?Qe(h.anchor,h.resolved):p?P(p):null;M&&C(i,M,Ae)}let oe=h=>e.state.commenting&&!h.anchor.quote&&!h.anchor.point;function le(){return window.clearTimeout(E),y?(i.classList.remove("show"),E=window.setTimeout(()=>{q(),i.classList.add("show")},220),!0):(i.classList.add("glide"),E=window.setTimeout(()=>i.classList.remove("glide"),450),!1)}function j(h){if(window.clearTimeout(E),y){i.classList.remove("show"),E=window.setTimeout(()=>{d?.box.setLabel(h),q(),i.classList.add("show")},220);return}d?.box.setLabel(h),i.classList.add("glide"),E=window.setTimeout(()=>i.classList.remove("glide"),450)}function ee(){if(!T())return null;let h=e.state.draft;return h?h.anchor.quote||h.anchor.point||e.state.commenting?null:h.resolved.element:!p||p.anchor.quote||p.anchor.point?null:e.resolved.get(p.id)?.element??null}function u(h){a=h;let L=new Set;for(let F of h){if(!e.visible(F)||F.anchor.quote)continue;let X=e.resolved.get(F.id);if(!X||X.state==="orphaned")continue;L.add(F.id);let Z=ae(F);Z.classList.toggle("done",F.resolved),Z.classList.toggle("on",e.state.active===F.id),Z.classList.toggle("pin",F.anchor.point!==void 0)}for(let[F,X]of n)L.has(F)||(X.classList.remove("in"),n.delete(F),window.setTimeout(()=>X.remove(),300));z(f),S!==e.state.listing&&i.classList.contains("show")&&!y&&(window.clearTimeout(E),i.classList.add("glide"),E=window.setTimeout(()=>i.classList.remove("glide"),450)),S=e.state.listing;let M=t.popovers?e.state.draft:null;if(M){d?.of!==M?(window.clearTimeout(E),i.classList.remove("glide"),d={box:kt(e,M),of:M,at:M.resolved.element,above:null},d.box.hideLabel(oe(M)),i.replaceChildren(d.box.element),i.inert=!1,d.box.focus(),p=null,l=null,q(),i.classList.add("show")):d&&(d.at!==M.resolved.element&&(d.at=M.resolved.element,d.above=null,j(M.label)),d.box.hideLabel(oe(M)));return}d&&(window.clearTimeout(E),i.classList.remove("glide"),d=null,e.registerDraft(null));let H=T()&&e.state.active?A(e.state.active):null;if(!H||!e.visible(H)){p=null,l=null,i.classList.remove("show"),J(i,!0);return}let R=H.anchor.quote?.exact??null;!p||!l||p.id!==H.id?(l=_e(H,e.actions,{variant:"popover",quote:R}),i.replaceChildren(l.element),p=H,q(),i.classList.add("show"),i.inert=!1):p!==H&&(l.update(H,{quote:R}),p=H)}function N(){for(let[H,R]of n){let F=A(H),X=e.resolved.get(H),Z=F&&X?Tt(F.anchor,X):null;if(!Z||Z.y<-40||Z.y>window.innerHeight+40){R.style.visibility="hidden";continue}R.style.visibility="",R.style.left=`${Z.x}px`,R.style.top=`${Z.y}px`,R.classList.contains("in")||(R.offsetWidth,R.classList.add("in"))}let h=e.state.draft,L=h?.anchor.point?Tt(h.anchor,h.resolved):null;L?(s.style.left=`${L.x}px`,s.style.top=`${L.y}px`,s.classList.contains("in")||(e.layer.insertBefore(s,r),s.offsetWidth,s.classList.add("in"))):s.classList.contains("in")&&(s.classList.remove("in"),window.setTimeout(()=>s.classList.contains("in")||s.remove(),300)),i.classList.contains("show")&&q();let M=ee();r.classList.toggle("show",M!==null),M&&Fe(r,M.getBoundingClientRect(),4)}let B=h=>{if(e.owns(h)){let M=h.composedPath()[0];x!==null&&!(M instanceof Element&&M.closest(".tip,.bub"))&&K(null),x=null;return}let L=e.readsAt(h.clientX,h.clientY)?.id??null;L!==x&&(x=L,K(L))},U=h=>{if(e.owns(h))return;let L=window.getSelection();if(L&&!L.isCollapsed||(e.state.commenting?h.altKey:h.target instanceof Element&&h.target.closest(Jo)))return;let M=e.readsAt(h.clientX,h.clientY);M&&(e.claim(h),z(null),e.open(M.id))};return window.addEventListener("pointermove",B,{capture:!0,passive:!0}),window.addEventListener("click",U,!0),{render:u,frame:N,destroy(){window.clearTimeout(v),window.clearTimeout(E),window.removeEventListener("pointermove",B,!0),window.removeEventListener("click",U,!0),e.registerDraft(null);for(let h of n.values())h.remove();s.remove(),o.remove(),r.remove(),i.remove()}}}var tr="button,a,input,select,textarea,label,summary,details,img,svg,canvas,video,picture,figure,table,th,td,li,p,h1,h2,h3,h4,h5,h6,blockquote,pre";var Bn=(e,t)=>Math.abs(e.left-t.left)<=2&&Math.abs(e.top-t.top)<=2&&Math.abs(e.width-t.width)<=2&&Math.abs(e.height-t.height)<=2;function et(e,t,n){if(e===t||!t.contains(e)||e.closest("[data-pipeup-ignore]"))return null;let o=n.viewport(),r=.6*o.width*o.height,i=null;for(let a=e;a&&a!==t;a=a.parentElement){let p=n.box(a);if(!(p.width<2||p.height<2)){if(a.hasAttribute("data-pipeup-id")){i=a;break}if(!(p.width*p.height>r)&&(a.matches(tr)||n.drawn(a))){i=a;break}}}if(!i||i.hasAttribute("data-pipeup-id"))return i;let s=n.box(i);for(let a=i.parentElement;a&&a!==t&&Bn(n.box(a),s);a=a.parentElement)if(a.hasAttribute("data-pipeup-id"))return a;return i}function Wt(e,t,n){let o=n.box(e);for(let r=e.parentElement;r&&r!==t;){let i=et(r,t,n);if(!i)return null;if(!Bn(n.box(i),o))return i;r=i.parentElement}return null}function Hn(e=window){return{box:t=>t.getBoundingClientRect(),drawn:t=>{let n=e.getComputedStyle(t),o=n.backgroundColor!=="transparent"&&!/,\s*0\)$/.test(n.backgroundColor),r=["top","right","bottom","left"].some(i=>parseFloat(n.getPropertyValue(`border-${i}-width`))>0);return o||r||n.backgroundImage!=="none"||n.boxShadow!=="none"},viewport:()=>({width:e.innerWidth,height:e.innerHeight})}}var qn="a,button,summary,[role=button],[role=link],[role=switch],[role=tab],[role=checkbox],input[type=checkbox],input[type=radio],input[type=submit],input[type=button],input[type=reset]",nr=`${qn},input,select,textarea,[contenteditable]:not([contenteditable=false]),[tabindex]:not([tabindex="-1"])`,Fn=["click","dblclick","auxclick","submit","contextmenu","dragstart"],_n=[...["over","out","enter","leave","down","up"].flatMap(e=>[`pointer${e}`,`mouse${e}`]),"mousemove","touchstart","touchmove","touchend","touchcancel"],or=400;function Vn(e,t=Hn()){let n=m("div",{class:"pick"});e.layer.append(n);let o=m("span",{class:"lbl"}),r=m("button",{class:"nb",type:"button","aria-label":"Select the block around it",title:"Select the block around it"},Y("expand",16)),i=m("div",{class:"namebar",role:"toolbar","aria-label":"Chosen block"},o,r);i.inert=!0,e.layer.append(i),i.addEventListener("mousedown",u=>u.preventDefault()),r.addEventListener("click",u=>{u.stopPropagation();let N=p&&Wt(p,e.root,t);N&&K(N)});let s=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,a=null,p=null,l=null,d=null,y=0,E=()=>{},f=null,x=()=>{},w=u=>!e.owns(u)&&!(u.target instanceof Element&&u.target.closest("[data-pipeup-ignore]"));function v(){d&&(n.classList.toggle("glide",performance.now()<y),Fe(n,d.getBoundingClientRect(),4))}function A(){if(!f)return;i.classList.toggle("glide",performance.now()<y&&i.classList.contains("show"));let u=f.getBoundingClientRect(),{left:N,top:B}=Lt({left:u.left,top:u.top,width:u.width,height:u.height},{width:i.offsetWidth||200,height:i.offsetHeight||34},{width:window.innerWidth,height:window.innerHeight});i.style.left=`${N}px`,i.style.top=`${B}px`}function T(u,N){d=u,y=N?performance.now()+or:0,v(),n.classList.add("show")}function S(u,N){let B=getComputedStyle(u);if(B.opacity==="0")return N(),()=>{};let U=0,h=()=>{window.clearTimeout(U),u.removeEventListener("transitionend",M)},L=()=>{h(),N()},M=R=>{R.target===u&&R.propertyName==="opacity"&&L()},H=Math.max(...B.transitionDuration.split(",").map(R=>parseFloat(R)*1e3||0));return U=window.setTimeout(L,H+100),u.addEventListener("transitionend",M),h}function P(u){if(u!==a){if(a=u,E(),!u){n.classList.remove("show");return}getComputedStyle(n).opacity==="0"?T(u,!1):s?(n.classList.remove("show"),E=S(n,()=>T(u,!1))):T(u,!0)}}function C(u){p=u,n.classList.toggle("on",u!==null),P(u),x(),i.inert=!u,u?s?(i.classList.remove("show"),x=S(i,()=>z(u))):z(u):(i.classList.remove("show"),f=null)}function z(u){o.textContent=o.title=Ee(u);let N=Wt(u,e.root,t)===null;r.hidden=N;let B=i.classList.contains("show");f=u,A(),B||(i.offsetWidth,i.classList.add("show"))}function G(u){let N;try{N=We(u,e.root)}catch(h){e.report(h);return}let B={anchor:N,label:Ee(u),ranges:[],resolved:{state:"attached",element:u,range:null}},U=e.state.draft;C(u),l=U??{...B,ranges:[]},U?e.moveDraft({...B,ranges:[]}):e.startDraft(l)}function K(u){e.keepCaret(()=>G(u))}function ae(u){let N=(u.target instanceof Element?et(u.target,e.root,t):null)??e.root,B=N.getBoundingClientRect();if(!B.width||!B.height)return;let U={x:(u.clientX-B.left)/B.width,y:(u.clientY-B.top)/B.height},h;try{h=We(N,e.root,U)}catch(M){e.report(M);return}let L=Ee(N).replace(/^[A-Z](?=[a-z])/,M=>M.toLowerCase());C(null),P(null),e.startDraft({anchor:h,label:`Pin on ${L}`,ranges:[],resolved:{state:"attached",element:N,range:null}})}function q(u){let N=window.getSelection();if(N&&!N.isCollapsed)return;if(e.state.draft&&(u.altKey||!e.draftEmpty())){e.dismiss();return}if(!u.altKey&&e.readsAt(u.clientX,u.clientY))return;if(e.state.active&&e.open(null),u.altKey){ae(u);return}let B=u.target instanceof Element?et(u.target,e.root,t):null;B?G(B):(e.dismiss(),C(null))}let oe=u=>{if(!e.owns(u)){if(!w(u)){p||P(null);return}u.stopPropagation(),!(p||e.state.draft)&&P(u.target instanceof Element?et(u.target,e.root,t):null)}},le=u=>{w(u)&&(u.stopPropagation(),(u.type==="pointerdown"||u.type==="mousedown")&&u.target instanceof Element&&u.target.closest(nr)&&u.preventDefault())},j=u=>{w(u)&&(u.preventDefault(),u.stopPropagation(),u.type==="click"&&q(u))},ee=u=>{(u.key==="Enter"||u.key===" ")&&w(u)&&u.target instanceof Element&&u.target.closest(qn)&&(u.preventDefault(),u.stopPropagation())};window.addEventListener("pointermove",oe,!0);for(let u of _n)window.addEventListener(u,le,!0);for(let u of Fn)window.addEventListener(u,j,!0);return window.addEventListener("keydown",ee,!0),{back(){return p?(C(null),!0):!1},render(){let u=e.state.draft;l&&u!==l?(l=null,C(null)):u&&!l&&(a||p)&&C(null)},frame(){v(),A()},destroy(){E(),x(),window.removeEventListener("pointermove",oe,!0);for(let u of _n)window.removeEventListener(u,le,!0);for(let u of Fn)window.removeEventListener(u,j,!0);window.removeEventListener("keydown",ee,!0),n.classList.remove("show"),i.classList.remove("show"),J(i,!0),S(n,()=>n.remove()),S(i,()=>i.remove())}}}var rr=300,ir=32,Yt=220,tt=320,ar=24,Un=24;function jt(e,t=!1){let n=e.ownerDocument.documentElement,o=n.getAttribute("data-pipeup-layout");if(o==="bubbles"||e.querySelector("[data-pipeup-slide]"))return null;let r=e.querySelector("article, main, [role=main]")??(o==="column"?e:null);if(!r)return null;if(n.hasAttribute("data-pipeup-reserve")){let a=n.clientWidth,l=getComputedStyle(r).maxWidth,d;return l.endsWith("px")?d=parseFloat(l):l.endsWith("%")?d=parseFloat(l)/100*a:d=r.getBoundingClientRect().width,o!=="column"&&a<d+tt-(t?ar:0)?null:{x:a-tt+Un,width:tt-2*Un}}let i=r.getBoundingClientRect().right;if(window.innerWidth-i<rr&&o!=="column")return null;let s=i+ir;return{x:s,width:Math.max(220,Math.min(300,window.innerWidth-s-16))}}function Gt(e,t){let n=e.resolved.get(t.id);return!n||n.state==="orphaned"&&!e.pending.has(t.id)}function zn(e){let t=m("div",{class:"col"});e.layer.append(t);let n=new Map,o=null,r=new ResizeObserver(()=>a()),i=f=>Gt(e,f);function s(f){let x=e.resolved.get(f.id),w=x?zt(f.anchor,x):null;return w===null?Number.POSITIVE_INFINITY:w+window.scrollY-4}function a(){let f=[],x=[];for(let[S,P]of n){let C=s(P.thread);if(Number.isFinite(C))P.placed=C;else if(e.pending.has(S)){if(P.placed===null){P.el.classList.add("wait");continue}C=P.placed}Number.isFinite(C)?f.push({id:S,want:C,height:P.el.offsetHeight}):x.push({id:S,height:P.el.offsetHeight})}let w=e.state.draft,v=w?zt(w.anchor,w.resolved):null;o&&v!==null&&f.push({id:"draft",want:v+window.scrollY-4,height:o.el.offsetHeight});let A=Nn(f,o?"draft":e.state.active),T=Math.max(0,...f.map(S=>(A.get(S.id)??0)+S.height))+24;for(let S of x)A.set(S.id,T),T+=S.height+10;for(let[S,P]of n){if(P.el.classList.contains("wait")){if(!A.has(S))continue;P.el.style.transition="none",P.el.style.transform=`translateY(${Math.round(A.get(S))}px)`,P.el.offsetWidth,P.el.style.transition="",P.el.classList.remove("wait");continue}P.el.style.transform=`translateY(${Math.round(A.get(S)??0)}px)`}o&&(o.el.style.transform=`translateY(${Math.round(A.get("draft")??0)}px)`)}function p(f,x){f.thread=x,f.lost=i(x),f.view.update(x,{lost:f.lost?x.anchor.snapshot:null})}function l(f){let x=i(f),w=_e(f,e.actions,{variant:"column",lost:x?f.anchor.snapshot:null}),v=m("div",{class:"th","data-thread":f.id},w.element);return v.style.transition="none",v.addEventListener("mouseenter",()=>e.hot(f.id)),v.addEventListener("mouseleave",()=>e.hot(null)),v.addEventListener("click",()=>e.open(f.id)),t.append(v),r.observe(v),{el:v,thread:f,lost:x,placed:null,view:w}}function d(){let f=e.state.draft;if(o&&f&&o.of!==f){let x=o.el;r.unobserve(x),x.classList.add("out"),window.setTimeout(()=>x.remove(),Yt),o=null}if(f&&o&&(o.box.setLabel(f.label),o.box.hideLabel(e.state.commenting&&!f.anchor.quote&&!f.anchor.point)),f&&!o){let x=kt(e,f),w=m("div",{class:"th on"},x.element);w.style.transition="none",t.append(w),r.observe(w),o={el:w,box:x,of:f},x.hideLabel(e.state.commenting&&!f.anchor.quote&&!f.anchor.point),x.focus()}else if(!f&&o){let x=o.el;r.unobserve(x),x.classList.add("out"),window.setTimeout(()=>x.remove(),Yt),o=null,e.registerDraft(null)}}function y(f){J(t,e.state.listing);let x=new Set,w=[],v=e.state.active!==null||e.state.draft!==null;for(let A of f){if(!e.visible(A))continue;x.add(A.id);let T=n.get(A.id);T?(T.thread!==A||T.lost!==i(A))&&p(T,A):(T=l(A),n.set(A.id,T),w.push(T.el));let S=T.el;S.classList.toggle("on",e.state.active===A.id);let P=S.querySelector(".more");P&&J(P,e.state.active!==A.id),S.classList.toggle("dim",v&&e.state.active!==A.id),S.classList.toggle("hot",e.state.hot===A.id&&e.state.active!==A.id),S.classList.toggle("resolved",A.resolved),S.classList.toggle("lost",T.lost)}for(let[A,T]of n)x.has(A)||(n.delete(A),r.unobserve(T.el),T.el.classList.add("out"),window.setTimeout(()=>T.el.remove(),Yt));d(),a(),o&&w.push(o.el);for(let A of w)A.offsetWidth,A.style.transition=""}function E(){let f=jt(e.root,!0);f&&(t.style.width=`${f.width}px`,t.style.transform=`translate(${f.x}px, ${-window.scrollY}px)`)}return{render:y,frame:E,destroy(){r.disconnect(),e.registerDraft(null),t.remove()}}}var sr="[data-pipeup-ignore],input,textarea,select,[contenteditable]:not([contenteditable=false])";function Kn(e){let t=m("button",{type:"button","aria-label":"Comment",title:"Comment"},Y("comment",17)),n=m("div",{class:"selbar"},t);n.inert=!0,e.layer.append(n);let o=null,r=d=>{let y=d&&(d.nodeType===Node.ELEMENT_NODE?d:d.parentElement);return!!y&&e.root.contains(y)&&!y.closest(sr)};function i(){if(!o)return;let d=o.getBoundingClientRect(),{left:y,top:E}=Lt({left:d.left,top:d.top,width:d.width,height:d.height},{width:n.offsetWidth||36,height:n.offsetHeight||34},{width:window.innerWidth,height:window.innerHeight});n.style.left=`${y}px`,n.style.top=`${E}px`}function s(){o=null,n.inert=!0,n.classList.remove("show")}function a(){let d=window.getSelection();if(!e.state.commenting||!d||d.isCollapsed||d.rangeCount===0||!d.toString().trim()||!r(d.anchorNode)||!r(d.focusNode)){s();return}o=d.getRangeAt(0).cloneRange(),i(),n.inert=!1,n.classList.add("show")}t.addEventListener("mousedown",d=>d.preventDefault()),t.addEventListener("click",d=>{d.stopPropagation();let y=o;if(!y)return;let E;try{E=mt(y,e.root)}catch(x){e.report(x),s();return}let f=he(y.toString().replace(/\s+/g," ").trim(),60);window.getSelection()?.removeAllRanges(),s(),e.startDraft({anchor:E,label:`\u201C${f}\u201D`,ranges:[y],resolved:{state:"attached",element:null,range:y}})});let p=()=>{if(!o)return;let d=window.getSelection();(!d||d.isCollapsed||!d.toString().trim())&&s()};document.addEventListener("selectionchange",p);let l=d=>{e.owns(d)||window.setTimeout(a,0)};return window.addEventListener("mouseup",l,!0),window.addEventListener("keyup",l,!0),{render(){!e.state.commenting&&o&&s()},frame(){o&&i()},destroy(){window.removeEventListener("mouseup",l,!0),window.removeEventListener("keyup",l,!0),document.removeEventListener("selectionchange",p),n.remove()}}}async function Xt(e,t){try{await navigator.clipboard.writeText(e);return}catch{}let n=document.createElement("textarea");n.value=e,n.setAttribute("readonly",""),n.style.cssText="position:fixed;opacity:0;pointer-events:none",t.append(n),n.select();let o=document.execCommand("copy");if(n.remove(),!o)throw new Error("pipeup: your browser blocked copying")}function Wn(e){let t=[m("span",{class:"n"}),m("span",{class:"n"})],n=Y("comment",20,1.4);n.lastElementChild.setAttribute("stroke-width","1.6");let o=m("button",{class:"mode",type:"button","aria-label":"Comment","aria-keyshortcuts":Vt,"aria-haspopup":"menu","aria-expanded":"false"},m("span",{class:"plus"},n),m("span",{class:"cnt"},Y("bubble",34,1.4),...t)),r=m("span",{class:"ttip","aria-hidden":"true"},"Comment",m("small",{},Ge)),i=m("div",{class:"launch"},o,r),s=m("div",{class:"menu",role:"menu","aria-label":"Comments"}),a=m("div",{class:"list",role:"menu","aria-label":"All comments"}),p=m("span",{class:"pn"}),l=m("button",{class:"ib",type:"button","aria-label":"Close"},Y("close")),d=m("button",{class:"hs",type:"button",role:"switch","aria-checked":"false"},"Show resolved",m("span",{class:"sw","aria-hidden":"true"}));d.addEventListener("click",g=>{g.stopPropagation(),e.menu.toggleResolved()});let y=m("div",{class:"all",role:"dialog","aria-label":"All comments"},m("div",{class:"hd"},m("span",{},"All comments"),p,d,l),a),E=m("div",{class:"pop side",role:"dialog","aria-label":"Comment thread"});s.inert=y.inert=E.inert=!0,e.layer.append(s,i,y);let f=!1,x=!1,w=[],v=!1,A=0,T=null,S=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,P=g=>{f=g,g||x&&(x=!1,Oe()),s.classList.toggle("show",g),J(s,!g),o.setAttribute("aria-expanded",String(g))},C=(g,k=!1)=>{e.state.listing!==g&&(e.state.listing=g,e.render(),g?(z(a)[0]??l).focus({preventScroll:!0}):k&&o.focus({preventScroll:!0}))},z=(g=s)=>[...g.querySelectorAll(".mi")],G=()=>s.getRootNode().activeElement,K=()=>{P(!1),o.focus({preventScroll:!0})},ae=()=>{x=!1,Oe(),F.focus({preventScroll:!0})},q=g=>{let k=z(g.currentTarget);if(k.length===0)return;let $=G(),I=k.indexOf($),_=te=>{g.preventDefault(),k[(te+k.length)%k.length]?.focus({preventScroll:!0})};g.key==="ArrowDown"?_(I+1):g.key==="ArrowUp"?_(I<0?k.length-1:I-1):g.key==="Home"?_(0):g.key==="End"&&_(k.length-1)};s.addEventListener("keydown",q),a.addEventListener("keydown",q),l.addEventListener("click",g=>{g.stopPropagation(),C(!1,!0)});let oe=g=>Gt(e,g),le=()=>w.filter(g=>!g.resolved).length;function j(){let g=z(a).indexOf(G()),k=e.menu.all().filter(re=>!re.thread.resolved||e.state.showResolved),$=re=>{let se=re.thread,ze=Se(se.root.author,se.root.name);ze.classList.add("in");let Ne=m("button",{class:se.resolved?"mi done":"mi",type:"button",role:"menuitem","data-thread":se.id},ze,m("span",{},m("span",{class:"clamp"},se.root.deleted?"Deleted":se.root.text),m("small",{},oe(se)?`\u201C${he(se.anchor.snapshot,80)}\u201D`:re.location.where)));return Ne.addEventListener("click",ot=>{ot.stopPropagation(),ee(se.id,Ne.getBoundingClientRect().top)}),Ne},I=k.filter(re=>oe(re.thread)),_="No longer on the page";p.textContent=String(le()),d.setAttribute("aria-checked",String(e.state.showResolved)),a.replaceChildren(k.length?"":m("div",{class:"sec",role:"presentation"},"No open comments"),...k.filter(re=>!oe(re.thread)).map($),I.length?m("div",{role:"group","aria-label":_},m("div",{class:"sec","aria-hidden":"true"},_),...I.map($)):"");let te=z(a);g>=0&&te[Math.min(g,te.length-1)]?.focus({preventScroll:!0})}function ee(g,k){Le()&&(e.state.reading=!0,C(!1)),u(g,k)}function u(g,k){let $=w.find(te=>te.id===g),I=e.resolved.get(g);if(!$)return;let _=I&&!oe($)?I.element??I.range?.startContainer.parentElement??null:null;if(_?.scrollIntoView({block:"center",inline:"nearest",behavior:S?"auto":"smooth"}),_&&I&&Qe($.anchor,I)&&_.checkVisibility?.({visibilityProperty:!0})!==!1){B(),e.open(g);return}e.open(null),Le()&&(e.state.reading=!0,e.render()),N($,k)}function N(g,k){let $={quote:g.anchor.quote?.exact??null,lost:oe(g)?g.anchor.snapshot:null};if(T?.id===g.id?T.view.update(g,$):(T={id:g.id,view:_e(g,e.actions,{variant:"popover",...$})},E.replaceChildren(T.view.element)),k===void 0)return;E.isConnected||(e.layer.insertBefore(E,y),E.offsetWidth);let I=St(e.state.listing),{left:_,top:te}=At({x:I.width,y:k,below:!1},{width:Ae,height:E.offsetHeight},I);E.style.left=`${_}px`,E.style.top=`${te}px`,E.classList.add("show"),E.inert=!1,e.focusReply(g.id)}function B(g=!1){T&&(T=null,E.classList.remove("show"),J(E,!0),g&&e.state.reading&&(e.state.reading=!1,e.render()))}function U(g,k,$,I=!1,..._){let te=m("button",{class:"mi",type:"button",role:I?"menuitemcheckbox":"menuitem"},g,m("span",{class:"lb"},k),..._,I&&m("span",{class:"sw","aria-hidden":"true"}),m("span",{class:"tt","aria-hidden":"true"}));return te.addEventListener("click",re=>{re.stopPropagation(),$()}),te}let h=(g,k,$,I)=>{let _=g.querySelector(".lb");_.textContent!==k&&(_.textContent=k),g.querySelector(".tt").textContent=$,g.setAttribute("aria-description",$),I!==void 0&&g.setAttribute("aria-checked",String(I))},L=()=>m("div",{class:"sep",role:"separator"}),M=m("span",{class:"ma"}),H=m("span",{class:"kc"}),R="",F=U(M,"",()=>{x=!0,Oe()},!1,H);F.dataset.item="name";let X=U(Y("copy"),"Copy all",()=>{K(),e.menu.copyAll("ai")}),Z=U(Y("lines"),"Copy all as text",()=>{K(),e.menu.copyAll("text")}),qe=m("span",{class:"kc"}),Pe=U(Y("list"),"All comments",()=>{P(!1),C(!0)},!1,qe),ce=U(Y("comment"),"Start commenting",()=>{K(),e.setCommenting(!e.state.commenting)},!0,m("span",{class:"kc","aria-hidden":"true"},Ge));ce.dataset.item="comment",ce.setAttribute("aria-keyshortcuts",Vt);let Ct=[F,L(),X,Z,Pe,L(),ce];function Ve(){let g=le(),k=e.menu.name(),$=k||ue(e.doc.me);if(h(F,$,k?"The name on your comments":"Add a name to show on your comments"),F.setAttribute("aria-label",`${$}, ${k?"edit":"add"} your name`),H.replaceChildren(k?Y("edit",13):"Add name"),Xe(e.doc.me,k)!==R){R=Xe(e.doc.me,k);let I=Se(e.doc.me,k);I.classList.add("in"),M.replaceChildren(I)}h(X,"Copy all","Markdown, with where each thread is"),h(Z,"Copy all as text","Just the words"),h(Pe,"All comments","Every thread, and where it is"),qe.textContent=g?String(g):"",h(ce,"Start commenting",e.state.commenting?"Turn off to hide the comments again":"Shows the comments; choose any part of the page to comment on it",e.state.commenting)}function Oe(){if(x){let g=m("textarea",{class:"input",rows:"1","aria-label":"Your name"});g.value=e.menu.name(),g.addEventListener("keydown",k=>{if(k.stopPropagation(),k.key==="Enter"){k.preventDefault();let $=g.value.trim();$&&e.menu.rename($).then(ae)}else k.key==="Escape"&&ae()}),s.replaceChildren(m("label",{class:"name"},"Your name",g)),g.focus({preventScroll:!0});return}Ve(),s.firstChild!==F&&s.replaceChildren(...Ct)}o.addEventListener("click",g=>{if(g.stopPropagation(),f){P(!1);return}Oe(),P(!0),g.detail===0&&z().at(-1)?.focus({preventScroll:!0})});let Re=!1,Ie=()=>{Re=y.contains(G())},Ue=g=>{let k=g.composedPath();f&&!k.includes(s)&&!k.includes(o)&&P(!1),e.state.listing&&!e.owns(g)&&C(!1,Re&&(!document.activeElement||document.activeElement===document.body)),!k.includes(E)&&!k.includes(y)&&B(!0)};window.addEventListener("pointerdown",Ie,!0),window.addEventListener("click",Ue,!0);let nt=g=>{if(g.key!=="Escape"||x)return;let k=g.composedPath()[0];if(f)K();else if(e.state.listing&&!(k instanceof HTMLTextAreaElement&&!y.contains(k)))C(!1,!0);else if(T)B(!0),e.actions.close();else return;g.stopPropagation()};return window.addEventListener("keydown",nt,!0),{render(g){w=g;let k=le();if(k!==A){if(k){let[I,_]=t[0].classList.contains("on")?t:[t[1],t[0]];_.textContent=k>99?"99+":String(k),_.classList.toggle("s",k>99),I.classList.remove("on"),_.classList.add("on")}o.classList.toggle("has",k>0),o.setAttribute("aria-label",k?`Comment, ${k} open`:"Comment"),A=k}e.state.commenting&&!v&&f&&K(),v=e.state.commenting,o.classList.toggle("on",v),f&&!x&&Ve();let $=e.state.listing;if(y.classList.toggle("full",Le()),y.classList.contains("show")!==$&&(y.classList.toggle("show",$),J(y,!$)),$&&j(),T){let I=g.find(_=>_.id===T?.id);!I||e.state.active||I.resolved&&!e.state.showResolved?B():N(I)}},frame(){},destroy(){window.removeEventListener("pointerdown",Ie,!0),window.removeEventListener("click",Ue,!0),window.removeEventListener("keydown",nt,!0),s.remove(),y.remove(),E.remove(),i.remove()}}}var jn=["pipeup-quote","pipeup-on","pipeup-done"],lr={"pipeup-quote":[[250,227,188,.75],[250,200,100,.28]],"pipeup-on":[[247,212,154,.95],[250,200,100,.42]],"pipeup-done":[[180,178,169,.22],[180,178,169,.2]]},cr=(e,t)=>jn.map(n=>{let[o,r,i,s]=lr[n][e?1:0];return`::highlight(${n}){background-color:rgba(${o},${r},${i},${+(s*t).toFixed(3)})}`}).join("");function Gn(){return typeof CSS<"u"&&"highlights"in CSS&&typeof Highlight<"u"}var pr="<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><rect x='7' y='7' width='23' height='23' rx='4' fill='none' stroke='#534AB7' stroke-width='2' stroke-dasharray='4 3'/><path d='M3 2v15l4-3.5 3 6.5 2.5-1.2-3-6.3H15z' fill='#fff' stroke='#2C2C2A' stroke-width='1.2' stroke-linejoin='round'/></svg>",dr=`:not([data-pipeup-ignore],[data-pipeup-ignore] *){cursor:url("data:image/svg+xml,${encodeURIComponent(pr)}") 3 2,crosshair!important}`;function Xn(e=document,t=!1){let n=e.defaultView?.CSSStyleSheet;if(!n||!("replaceSync"in n.prototype)||!("adoptedStyleSheets"in e))return{gutter(){},picking(){},fade(){},room(){},remove:()=>Yn()};let o=new n,r=null,i=!1,s=1,a=0,p="",l=0,d=()=>o.replaceSync(cr(t,s)+(r===null?"":`:root{--pipeup-gutter:${r}px}`)+(i?dr:"")+(a||p?`html{${a?`margin-right:${a}px!important;`:""}${p}}`:""));return d(),e.adoptedStyleSheets=[...e.adoptedStyleSheets,o],{gutter(y){y!==r&&(r=y,d())},picking(y){y!==i&&(i=y,d())},fade(y){s=y,d()},room(y,E){y!==a&&(a=y,p=E?"":"transition:margin-right .34s cubic-bezier(.4,0,.2,1)!important",clearTimeout(l),!y&&p&&(l=window.setTimeout(()=>{p="",d()},400)),d())},remove(){clearTimeout(l),e.adoptedStyleSheets=e.adoptedStyleSheets.filter(y=>y!==o),Yn()}}}function Zn(e){Gn()&&(CSS.highlights.set("pipeup-quote",new Highlight(...e.quote)),CSS.highlights.set("pipeup-on",new Highlight(...e.on)),CSS.highlights.set("pipeup-done",new Highlight(...e.done)))}function Yn(){if(Gn())for(let e of jn)CSS.highlights.delete(e)}var Zt=':host{all:initial}*{box-sizing:border-box}button{-webkit-appearance:none;appearance:none;font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}svg{display:block}.layer{all:initial;display:block;position:fixed;inset:0;pointer-events:none;font:13px/1.5 var(--pu-font,system-ui,sans-serif);color:var(--pu-ink);--pu-ink:#2C2C2A;--pu-muted:#5F5E5A;--pu-faint:#888780;--pu-line:#E5E3DA;--pu-rule:#ECEAE2;--pu-soft:#FAFAF7;--pu-surface:#FFFFFF;--pu-hover:#F1EFE8;--pu-accent-soft:color-mix(in srgb,var(--pu-accent,#534AB7) 12%,transparent);--pu-shadow:0 8px 28px rgba(44,44,42,.1);--pu-enter:.26s;--pu-move:.34s;--pu-exit:.2s;--pu-pulse:1.2s;--pu-eo:cubic-bezier(.22,.61,.36,1);--pu-eio:cubic-bezier(.4,0,.2,1);--pu-ei:cubic-bezier(.4,0,1,1)}.layer.dark{--pu-ink:#ECEBE6;--pu-muted:#B4B2A9;--pu-faint:#8D8B84;--pu-line:#3A3936;--pu-rule:#34332F;--pu-soft:#22221F;--pu-surface:#1B1B19;--pu-hover:#2C2C29;--pu-shadow:0 8px 28px rgba(0,0,0,.45)}.layer.hidden .bub,.layer.hidden .col,.layer.hidden .pop,.layer.hidden .tip,.layer.hidden .mark,.layer.hidden .selbar{opacity:0!important;pointer-events:none!important}.tx{font-size:14px;line-height:1.5;color:var(--pu-ink);white-space:pre-wrap;overflow-wrap:anywhere}.tx.del,.who,.rest,.ctx{color:var(--pu-faint)}.who,.rest{font-size:12px}.who{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rft>.who{display:block}.ctx[hidden]{display:none}.ctx{font-size:12px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tx a{color:var(--pu-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.ft,.rft{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--pu-enter) var(--pu-eo),opacity var(--pu-enter) var(--pu-eo)}.ft>*,.rft>*{overflow:hidden;min-height:0;display:flex;align-items:center}.root:hover>.ft,.root:focus-within>.ft,.it:hover>.rft,.it:focus-within>.rft{grid-template-rows:1fr;opacity:1}.ft.has-rest{grid-template-rows:1fr;opacity:1}.ft.has-rest>*{grid-area:1/1}.ft .hover{opacity:0;transition:opacity var(--pu-enter) var(--pu-eo)}.ft .rest{transition:opacity var(--pu-enter) var(--pu-eo)}.root:hover>.ft .hover,.root:focus-within>.ft .hover,.ft:not(.has-rest) .hover{opacity:1}.root:hover>.ft .rest,.root:focus-within>.ft .rest{opacity:0}.acts{margin-left:6px;display:flex;flex:none}.ib{width:24px;height:22px;display:grid;place-items:center;border-radius:6px;color:var(--pu-muted);transition:background-color .2s var(--pu-eo),color .2s var(--pu-eo)}.ib:hover,.ib:focus-visible{background:var(--pu-hover);color:var(--pu-ink);outline:none}.rps,.rbox{padding-left:14px}.rps .it{padding-top:6px}.more{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--pu-move) var(--pu-eio)}.more>div{overflow:hidden;min-height:0}.th:not(.on) .more{grid-template-rows:0fr}.row{display:flex;align-items:center;gap:8px;padding:8px 0 2px;cursor:text}.input{flex:1;min-width:0;height:27px;display:block;border:0;border-bottom:1px solid var(--pu-line);outline:none;resize:none;overflow:hidden;font:inherit;font-size:14px;line-height:1.5;padding:3px 0;color:var(--pu-ink);background:transparent;transition:border-color var(--pu-enter) var(--pu-eo)}.row:hover .input,.input:hover{border-bottom-color:var(--pu-muted)}.input:focus{border-bottom-color:var(--pu-accent)}.name{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--pu-faint);padding-top:6px}.name .input{font-size:13px;height:24px}.root,.it{position:relative;padding-right:30px}.av{display:grid;place-items:center;width:22px;height:22px;border-radius:32%;font-size:12px;font-weight:600;line-height:1;opacity:0;transform:scale(.85);transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-enter) var(--pu-eo)}.av.in{opacity:1;transform:none}.av svg{width:80%;height:80%}.root>.av,.it>.av{position:absolute;top:0;right:0}.it>.av{top:6px}.av{--av-l:92%;--av-d:30%;--s:60%;background:hsl(var(--h) var(--s) var(--av-l));color:hsl(var(--h) var(--s) var(--av-d))}.dark .av{--av-l:20%;--av-d:78%}.c0{--h:0}.c1{--h:25}.c2{--h:50}.c3{--h:130}.c4{--h:175}.c5{--h:215}.c6{--h:270}.c7{--h:330}.c8{--h:28;--s:35%}.c9{--h:220;--s:8%}.me{flex:none;display:grid}.me>.av{grid-area:1/1;width:26px;height:26px;font-size:13px}.you{display:grid;padding:0 34px;min-height:24px;font-size:12px;color:var(--pu-faint)}.you>*{grid-area:1/1;display:flex;align-items:center;min-width:0;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-enter) var(--pu-eo)}.say{white-space:pre;overflow:hidden}.nm{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.say button{flex:none}.say button{color:var(--pu-muted);text-decoration:underline;text-decoration-color:var(--pu-line);text-underline-offset:2px;transition:color .2s var(--pu-eo)}.say button:hover,.say button:focus-visible{color:var(--pu-accent);outline:none}.nf{opacity:0;transform:translateY(-4px);pointer-events:none}.nf .input{font-size:13px;height:24px}.you.naming .nf{opacity:1;transform:none;pointer-events:auto}.you.naming .say{opacity:0;pointer-events:none}.send{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--pu-accent);flex:none;opacity:0;pointer-events:none;transition:opacity var(--pu-enter) var(--pu-eo),background-color .2s var(--pu-eo)}.send.show{opacity:1;pointer-events:auto}.send:hover{background:var(--pu-accent-soft)}.bub{position:fixed;left:0;top:0;width:20px;height:20px;margin:-20px 0 0 -2px;border-radius:50% 50% 50% 0;background:var(--pu-accent);border:2px solid var(--pu-surface);box-shadow:0 1px 4px #0003;pointer-events:auto;opacity:0;transform:translateY(-6px) scale(.9);transform-origin:2px 20px;transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.bub.in{opacity:1;transform:none;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-enter) var(--pu-eo)}.bub.in:hover,.bub.on{transform:scale(1.18)}.bub.done{background:var(--pu-faint)}.bub.ghost{pointer-events:none}.tip,.pop,.menu,.all,.toast,.selbar{background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow)}.tip{position:fixed;max-width:260px;border-radius:10px;padding:7px 10px;opacity:0;transform:translateY(3px);transition:opacity .22s var(--pu-eo),transform .26s var(--pu-eo)}.tip.show{opacity:1;transform:none;pointer-events:auto;cursor:pointer;transition:opacity .22s var(--pu-eo),transform .26s var(--pu-eo),left var(--pu-move) var(--pu-eio),top var(--pu-move) var(--pu-eio)}.pop{position:fixed;width:var(--pu-pop);border-radius:12px;padding:10px 12px 8px;pointer-events:none;opacity:0;transform:translateY(6px) scale(.98);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.pop.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-move) var(--pu-eo)}.pop.show.glide{transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-move) var(--pu-eo),left var(--pu-move) var(--pu-eio),top var(--pu-move) var(--pu-eio)}.mark{position:fixed;border:2px solid color-mix(in srgb,var(--pu-accent) 50%,transparent);background:var(--pu-accent-soft);border-radius:8px;opacity:0;transition:opacity .3s var(--pu-eo)}.mark.show{opacity:1}.pulse{position:fixed;border:2px solid var(--pu-accent);border-radius:8px;background:var(--pu-accent-soft);animation:pu-pulse var(--pu-pulse) var(--pu-eio) forwards}@keyframes pu-pulse{0%{opacity:0;transform:scale(.985)}35%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.col{position:fixed;left:0;top:0;pointer-events:none;transition:opacity var(--pu-enter) var(--pu-eo)}.th{position:absolute;left:0;right:0;top:0;padding:4px 4px 4px 12px;pointer-events:auto;cursor:pointer;box-shadow:inset 2px 0 0 transparent;transition:transform var(--pu-move) var(--pu-eio),box-shadow var(--pu-enter) var(--pu-eo),opacity var(--pu-enter) var(--pu-eo)}.th.hot{box-shadow:inset 2px 0 0 var(--pu-line)}.th.on{box-shadow:inset 2px 0 0 var(--pu-accent);cursor:default}.th.dim{opacity:.45}.th.resolved:not(.on):not(.hot){opacity:.6}.th.lost .ctx{white-space:normal}.th.wait{opacity:0!important;pointer-events:none}.th.out{opacity:0!important;pointer-events:none;transition:opacity var(--pu-exit) var(--pu-ei)}.selbar{position:fixed;display:flex;border-radius:10px;padding:2px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity var(--pu-enter) var(--pu-eo),transform .3s var(--pu-eo)}.selbar.show{opacity:1;transform:none;pointer-events:auto}.selbar button{width:32px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--pu-accent);transition:background-color .2s var(--pu-eo)}.selbar button:hover,.selbar button:focus-visible{background:var(--pu-accent-soft);outline:none}.pick{position:fixed;left:0;top:0;border:2px solid color-mix(in srgb,var(--pu-accent) 70%,transparent);background:color-mix(in srgb,var(--pu-accent) 6%,transparent);border-radius:8px;pointer-events:none;opacity:0;transition:opacity var(--pu-exit) var(--pu-ei),border-color var(--pu-exit) var(--pu-ei)}.pick.show{opacity:1;transition-duration:var(--pu-enter);transition-timing-function:var(--pu-eo)}.pick.show.glide{transition-property:all;transition-duration:var(--pu-move);transition-timing-function:var(--pu-eio)}.pick.on{border-color:var(--pu-accent)}.namebar{position:fixed;left:0;top:0;display:flex;align-items:center;gap:2px;padding:2px 2px 2px 10px;border-radius:10px;font-size:12px;color:var(--pu-muted);white-space:nowrap;background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.namebar.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--pu-enter) var(--pu-eo),transform .3s var(--pu-eo)}.namebar.show.glide{transition-property:all;transition-duration:var(--pu-move);transition-timing-function:var(--pu-eio)}.namebar .lbl{margin-right:6px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.namebar .nb{padding:4px;display:grid;place-items:center;border-radius:7px;transition:background-color .2s var(--pu-eo),color .2s var(--pu-eo)}.namebar .nb:hover,.namebar .nb:focus-visible{background:var(--pu-hover);color:var(--pu-ink);outline:none}.namebar .nb[hidden]{display:none}.launch{position:fixed;right:20px;bottom:20px;pointer-events:auto}.launch .mode{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);transition:background-color .3s var(--pu-eo),color .3s var(--pu-eo)}.mode>*,.cnt>*{grid-area:1/1}.mode>*{display:grid;place-items:center;transition:opacity var(--pu-enter) var(--pu-eo)}.cnt,.has>.plus{opacity:0}.has>.cnt{opacity:1}.n{font-size:12px;font-weight:500;line-height:1;margin:-1.4px 0 0 1.4px;font-variant-numeric:tabular-nums;opacity:0;transition:opacity var(--pu-enter) var(--pu-eo)}.n.s{font-size:9.5px;letter-spacing:-.04em}.n.on{opacity:1}.launch .mode:hover,.launch .mode[aria-expanded=true]{background:var(--pu-hover)}.launch .mode.on{background:var(--pu-accent);color:#fff}.ttip{position:absolute;right:0;bottom:54px;white-space:nowrap;border-radius:8px;padding:4px 9px;font-size:12px;background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.ttip small{margin-left:8px}.ttip small,.mi .kc{font-size:12px;color:var(--pu-faint)}.mode:hover+.ttip,.mode:focus-visible+.ttip{opacity:1;transform:none;transition:opacity var(--pu-enter) var(--pu-eo) .5s,transform var(--pu-enter) var(--pu-eo) .5s}.launch .mode[aria-expanded=true]+.ttip{opacity:0;transition:opacity var(--pu-exit) var(--pu-ei)}@media(hover:none){.ttip,.tt{display:none}}.menu{position:fixed;right:20px;bottom:76px;width:290px;border-radius:12px;padding:4px;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.menu.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-move) var(--pu-eo)}.mi{position:relative;display:flex;gap:10px;align-items:center;width:100%;min-height:34px;text-align:left;padding:6px 10px;border-radius:8px;transition:background-color .2s var(--pu-eo)}.mi:hover,.mi:focus-visible{background:var(--pu-soft);outline:none}.mi svg{color:var(--pu-muted);flex:none}.mi small{display:block;color:var(--pu-faint);font-size:12px}.lb{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ma{flex:none;display:grid;margin:-2px 0}.ma .av{width:20px;height:20px;font-size:11px}.mi .av svg{color:inherit}.sep{height:1px;margin:4px 10px;background:var(--pu-rule)}.tt{position:absolute;right:calc(100% + 14px);top:50%;translate:0 -50%;width:max-content;max-width:220px;padding:4px 9px;border-radius:8px;font-size:12px;line-height:1.4;color:var(--pu-muted);background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);pointer-events:none;opacity:0;transform:translate(3px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.mi:hover>.tt,.mi:focus-visible>.tt{opacity:1;transform:none;transition:opacity var(--pu-enter) var(--pu-eo) .5s,transform var(--pu-enter) var(--pu-eo) .5s}@media(max-width:600px){.tt{right:8px;top:auto;bottom:100%;translate:none;transform:translateY(3px)}}.sw{position:relative;flex:none;width:26px;height:16px;border-radius:8px;background:var(--pu-line);transition:background-color var(--pu-move) var(--pu-eio)}.sw:before,.sw:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform var(--pu-move) var(--pu-eio),opacity var(--pu-move) var(--pu-eio)}.sw:before{opacity:0;transform:translate(10px)}[aria-checked=true]>.sw{background:var(--pu-accent)}[aria-checked=true]>.sw:after{transform:translate(10px)}.all{position:fixed;top:0;right:0;bottom:0;width:var(--pu-panel);display:flex;flex-direction:column;border-width:0 0 0 1px;opacity:0;transform:translate(100%);transition:transform var(--pu-exit) var(--pu-ei),opacity var(--pu-exit) var(--pu-ei)}.all.show{opacity:1;transform:none;pointer-events:auto;transition:transform var(--pu-move) var(--pu-eo),opacity var(--pu-enter) var(--pu-eo)}.all.full{width:100%}.hd{display:flex;align-items:center;gap:8px;padding:12px 10px 8px 16px;font-weight:600}.pn{font-weight:400;color:var(--pu-faint)}.hs{margin-left:auto;display:flex;align-items:center;gap:6px;padding:3px 4px 3px 6px;border-radius:6px;font-size:12px;font-weight:400;color:var(--pu-muted);transition:background-color .2s var(--pu-eo)}.hs:hover,.hs:focus-visible{background:var(--pu-hover);outline:none}.list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px}.all .mi{align-items:flex-start}.all .mi>.av{flex:none}.all .mi>span:last-child{flex:1;min-width:0}.all .mi small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all .mi .av svg{margin:0}.all .mi.done{opacity:.6}.layer.listing .col{opacity:0;transition:opacity var(--pu-exit) var(--pu-ei)}.sec{padding:8px 10px 2px;font-size:12px;color:var(--pu-faint)}.toast{position:fixed;left:50%;bottom:28px;border-radius:10px;padding:8px 14px;font-size:13px;opacity:0;transform:translate(-50%,6px);transition:opacity .3s var(--pu-eo),transform .36s var(--pu-eo)}.toast.show{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.bub,.bub.in,.bub.in:hover,.bub.on,.tip,.pop,.selbar,.menu,.all,.ttip,.tt,.toast{transform:none!important}.sw:after{transform:none!important;transition-property:opacity}[aria-checked=true]>.sw:after{opacity:0}[aria-checked=true]>.sw:before{opacity:1}.th{transition-property:opacity,box-shadow}.tip.show{transition-property:opacity}.pick,.pick.show{transition:opacity .16s ease-in-out}.all,.all.show{transition-property:opacity}.namebar,.namebar.show{transform:none!important;transition:opacity .16s ease-in-out}.av,.nf{transform:none!important}@keyframes pu-pulse{0%{opacity:0}35%{opacity:.85}to{opacity:0}}}';var Qn="#534AB7",ur="rgb(0, 0, 238)";function Jn(e){let t=/rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[,/]\s*([\d.]+%?))?\s*\)/.exec(e);if(!t||t[1]===void 0||t[2]===void 0||t[3]===void 0)return null;let n=t[4]===void 0?1:t[4].endsWith("%")?parseFloat(t[4])/100:parseFloat(t[4]);return{r:Number(t[1]),g:Number(t[2]),b:Number(t[3]),a:n}}function mr(e){let t=n=>{let o=n/255;return o<=.03928?o/12.92:((o+.055)/1.055)**2.4};return .2126*t(e.r)+.7152*t(e.g)+.0722*t(e.b)}function eo(e){let t=e.ownerDocument,n=t.defaultView;if(!n)return{font:"system-ui, sans-serif",accent:Qn,dark:!1};let o=t.documentElement,r=n.getComputedStyle(e).fontFamily||"system-ui, sans-serif",i=(n.getComputedStyle(o).getPropertyValue("--pipeup-accent")||o.style.getPropertyValue("--pipeup-accent")).trim(),s=e.querySelector("a[href]"),a=s?n.getComputedStyle(s).color:"",p=i||(a&&a!==ur?a:Qn),l=Jn(n.getComputedStyle(t.body).backgroundColor);(!l||l.a===0)&&(l=Jn(n.getComputedStyle(o).backgroundColor));let d=l&&l.a>0?mr(l)<.2:n.matchMedia?.("(prefers-color-scheme: dark)").matches===!0&&/dark/.test(n.getComputedStyle(o).colorScheme||"");return{font:r,accent:p,dark:!!d}}function to(e,t){e.style.setProperty("--pu-font",t.font),e.style.setProperty("--pu-accent",t.accent),e.classList.toggle("dark",t.dark)}function no(e,t=document){let n=t.createElement("pipeup-root");n.setAttribute("data-pipeup-ignore",""),n.style.cssText="position:fixed!important;inset:0!important;pointer-events:none!important;z-index:2147483000!important;display:block!important;margin:0!important;visibility:visible!important;opacity:1!important;transform:none!important;filter:none!important;";let o=n.attachShadow({mode:"open"}),r=t.defaultView?.CSSStyleSheet;if(r&&"replaceSync"in r.prototype&&"adoptedStyleSheets"in o){let s=new r;s.replaceSync(Zt),o.adoptedStyleSheets=[s]}else{let s=t.createElement("style");s.textContent=Zt,o.append(s)}let i=t.createElement("div");return i.className="layer",i.style.setProperty("--pu-panel",`${Je}px`),i.style.setProperty("--pu-pop",`${Ae}px`),to(i,e),o.append(i),t.documentElement.append(n),{element:n,shadow:o,layer:i,destroy:()=>n.remove()}}var fr=40,hr=250,gr=120,vr=2400,oo=4e3;function ro(e,t=!1){return jt(e,t)?"column":"bubbles"}function yr(e){return[...e.state.mode==="column"?[zn(e),Kt(e,{popovers:!1})]:[Kt(e,{popovers:!0})],Kn(e),Wn(e)]}var wr=1e3,Mt="Shown here, but not saved yet \u2014 it will be saved with your next change",Me=e=>e instanceof Error?e.message.replace(/^pipeup: /,""):"Something went wrong";function io(e){let t=eo(e.root),n=no(t),o=Xn(document,t.dark);o.fade(0);let r=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,i=document.documentElement.hasAttribute("data-pipeup-reserve"),s=new Map,a=new Set,p=new WeakSet,l={active:null,hot:null,showResolved:!1,hidden:!0,mode:ro(e.root),draft:null,commenting:!1,listing:!1,reading:!1},d=m("div",{class:"toast",role:"status","aria-live":"polite"});n.layer.append(d);let y=null,E=[],f=null,x=!1,w=0,v=0,A=0,T=0,S=0,P=!1;function C(c,b=vr){x||(P=b===oo,d.textContent=c,d.classList.add("show"),window.clearTimeout(w),w=window.setTimeout(()=>d.classList.remove("show"),b))}function z(){P&&(P=!1,window.clearTimeout(w),d.classList.remove("show"))}function G(c){C(Me(c))}function K(c){throw G(c),c}let ae=c=>({thread:c,location:pt(c.anchor,s.get(c.id)??je(c.anchor,e.root),e.root)}),q={reply:async(c,b)=>{try{await e.doc.reply(c,b)}catch(O){O instanceof de?C(Mt):K(O)}},resolve:async c=>{try{await e.doc.resolve(c),l.active===c&&!l.showResolved&&(l.active=null),C("Resolved \xB7 Show resolved brings it back")}catch(b){b instanceof de?(l.active===c&&!l.showResolved&&(l.active=null),C(`Resolved \xB7 ${Mt}`)):C(Me(b))}},reopen:async c=>{try{await e.doc.reopen(c),C("Reopened")}catch(b){C(b instanceof de?`Reopened \xB7 ${Mt}`:Me(b))}},close:()=>{ce(null),F&&X(F)?.focus({preventScroll:!0}),F=""},copy:c=>{try{let b=e.doc.threads().find(D=>D.id===c);if(!b)return;let O=gt(ae(b),"ai",location.href,Date.now());Xt(O,n.layer).then(()=>C("Thread copied as Markdown for AI"),D=>C(Me(D)))}catch(b){C(Me(b))}}};function oe(c){let b=O=>s.get(O.id)?.element??null;return[...c].sort((O,D)=>{let V=b(O),ne=b(D);return!V||!ne?V?-1:ne?1:0:V===ne?0:V.compareDocumentPosition(ne)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1})}let le={copyAll:async c=>{let b=le.all(),O=vt(b,c,{title:document.title,url:location.href,exportedAt:new Date});try{await Xt(O,n.layer);let D=b.filter(V=>!V.thread.resolved).length;C(`Copied ${D} thread${D===1?"":"s"}${c==="ai"?" as Markdown for AI":""}`)}catch(D){C(Me(D))}},toggleResolved:()=>{l.showResolved=!l.showResolved,R()},rename:async c=>{let b=c.replace(/\s+/g," ").trim();try{await nt(b)?C(`New comments will say ${b}, but this browser couldn't remember it`):C(`New comments will say ${b}`)}catch(O){C(Me(O))}},name:()=>e.doc.name,all:()=>oe(e.doc.threads()).map(ae)},j={doc:e.doc,root:e.root,layer:n.layer,host:n.element,state:l,resolved:s,pending:a,actions:q,menu:le,visible:c=>!l.hidden&&(!c.resolved||l.showResolved),quoteAt:(c,b)=>{for(let O of e.doc.threads()){let D=s.get(O.id);if(O.anchor.quote&&j.visible(O)&&D?.range&&In(c,b,Ze(D)))return O}return null},readsAt:(c,b)=>j.draftEmpty()?j.quoteAt(c,b):null,owns:c=>c.composedPath().includes(n.element),claim:c=>void p.add(c),open:ce,focusReply:c=>Pe(c),hot:Ct,startDraft:Ve,moveDraft:Oe,draftEmpty:()=>!y||y.isEmpty(),keepCaret:c=>{let b=y?.caret();c(),b?.()},postDraft:g,cancelDraft:Re,setCommenting:Ie,dismiss:Ue,registerDraft:c=>{y=c},toast:C,report:G,pulse:k,render:R};function ee(c){let b=performance.now(),O=e.doc.threads();for(let D of O){if(c&&!c.has(D.id))continue;let V=performance.now()-b<fr,ne=je(D.anchor,e.root,{fuzzy:V});s.set(D.id,ne),!V&&ne.state==="orphaned"?a.add(D.id):a.delete(D.id)}for(let D of[...s.keys()])O.some(V=>V.id===D)||s.delete(D);a.size===0?(window.clearTimeout(T),T=0):T===0&&(T=window.setTimeout(()=>{T=0,!x&&(ee(new Set(a)),R())},hr))}function u(c){let b=[],O=[],D=[];for(let V of c){let ne=s.get(V.id);V.resolved&&!l.showResolved||!ne?.range||(V.id===l.active||V.id===l.hot?O.push(ne.range):V.resolved?D.push(ne.range):b.push(ne.range))}l.draft&&O.push(...l.draft.ranges),Zn({quote:b,on:O,done:D})}let N=0,B=0,U=0;function h(c){if(c===B)return;B=c,cancelAnimationFrame(U);let b=N,O=performance.now(),D=c?260:200,V=ne=>{let rt=Math.min(1,(ne-O)/D);N=b+(c-b)*(c?1-(1-rt)**3:rt*rt),o.fade(N),rt<1&&(U=requestAnimationFrame(V))};U=requestAnimationFrame(V)}let L=0,M=0;function H(c){c!==L&&(L=c,o.room(c,r),window.clearTimeout(M),M=window.setTimeout(()=>{ee(),R()},r?0:400))}function R(){if(x)return;let c=e.doc.threads();l.hidden=!l.commenting&&!l.listing&&!l.reading&&!l.draft,l.hidden&&(l.active=null),h(l.hidden?0:1),n.layer.classList.toggle("hidden",l.hidden),n.layer.classList.toggle("listing",l.listing);let b=l.listing&&!Le();H(b?Je:0),o.gutter(i?l.mode==="column"&&!l.hidden&&!b?tt:0:null),u(c);for(let O of E)O.render(c);f?.render(c)}let F="",X=c=>n.layer.querySelector(`.all .mi[data-thread="${c}"]`),Z="input,textarea,select,[contenteditable]:not([contenteditable=false])",qe=()=>{let c=n.layer.getRootNode().activeElement;return c instanceof HTMLTextAreaElement&&c.value!==""||!!document.activeElement?.matches(Z)};function Pe(c,b=qe()){let O=[...n.layer.querySelectorAll(`[data-thread="${c}"] .rbox textarea`)].find(D=>!D.closest("[inert]"));b||!O||(F=n.layer.getRootNode().activeElement?.getAttribute("data-thread")??"",O.focus({preventScroll:!0}))}function ce(c){if(c&&l.draft&&!j.draftEmpty())return;if(l.active===c&&!l.draft)return c?Pe(c):void 0;let b=qe();c||(l.reading=!1),l.active=c,c&&(l.draft=null,k(c)),R(),c&&Pe(c,b)}function Ct(c){l.hot!==c&&(l.hot=c,c&&c!==l.active&&k(c),R())}function Ve(c){z(),l.listing=!1,l.draft=c,l.active=null,R()}function Oe(c){if(!l.draft)return Ve(c);Object.assign(l.draft,c),R()}function Re(){l.draft&&(l.draft=null,R())}function Ie(c){l.commenting!==c&&(l.commenting=c,o.picking(c),c?(l.active=null,l.listing=!1,C(`Click anything to comment \xB7 Option-click (Alt-click) to pin \xB7 ${Ge} or Esc to finish`,oo),f=Vn(j)):(z(),f?.destroy(),f=null),R())}function Ue(){if(l.draft){j.draftEmpty()&&Re();return}l.active&&ce(null)}async function nt(c){try{return await e.onName(c),!1}catch(b){if(e.doc.name!==c)throw b;return!0}}async function g(c){let b=l.draft;if(b)try{let O=await e.doc.comment(b.anchor,c);l.draft=null,ee(new Set([O])),ce(O)}catch(O){if(O instanceof de){l.draft=null,ee(new Set([O.id])),ce(O.id),C(Mt);return}K(O)}}function k(c){let b=s.get(c);if(!b||b.state==="orphaned")return;let O=b.range?Ze(b):b.element?[b.element.getBoundingClientRect()]:[];for(let D of O.slice(0,6)){let V=m("div",{class:"pulse"});Fe(V,D,4),n.layer.prepend(V),window.setTimeout(()=>V.remove(),1300)}}function $(){for(let c of E)c.destroy();E=yr(j),R()}let I=()=>{if(!x){for(let c of E)c.frame();f?.frame(),S=requestAnimationFrame(I)}},_=c=>{let b=c.composedPath()[0];return b instanceof Element&&b.closest(Z)!==null},te=c=>{if(c.key==="Escape"){l.draft?Re():l.active?ce(null):f&&!f.back()&&Ie(!1);return}Pn(c)&&!c.isComposing&&!c.defaultPrevented&&!_(c)&&(c.preventDefault(),Ie(!l.commenting))},re=c=>{if(j.owns(c)||p.has(c))return;let b=window.getSelection();b&&!b.isCollapsed||Ue()},se=()=>{let c=ro(e.root,l.mode==="column");c!==l.mode?(l.mode=c,$()):R()};function ze(){let c=performance.now();v===0&&(A=c),window.clearTimeout(v);let b=Math.min(gr,Math.max(0,A+wr-c));v=window.setTimeout(()=>{v=0,ee(),R()},b)}let Ne=new MutationObserver(c=>{c.every(b=>n.element.contains(b.target))||ze()});window.addEventListener("keydown",te),window.addEventListener("click",re),window.addEventListener("resize",se),Ne.observe(e.root,{subtree:!0,childList:!0,characterData:!0});let ot=typeof ResizeObserver>"u"?null:new ResizeObserver(ze);ot?.observe(e.root);let so=e.doc.onChange(()=>{ee(),R()});return ee(),$(),S=requestAnimationFrame(I),{ctx:j,destroy(){x=!0,cancelAnimationFrame(S),cancelAnimationFrame(U),window.clearTimeout(M),window.clearTimeout(w),window.clearTimeout(v),window.clearTimeout(T),Ne.disconnect(),ot?.disconnect(),so(),window.removeEventListener("keydown",te),window.removeEventListener("click",re),window.removeEventListener("resize",se),f?.destroy();for(let c of E)c.destroy();o.remove(),n.destroy()}}}var Ce=null,br=4e3;function Qt(e={}){if(Ce)return Ce;let t=Er(e,()=>t).catch(n=>{throw Ce===t&&(Ce=null),n});return Ce=t,t}function xr(e,t){return new Promise((n,o)=>{let r=setTimeout(()=>o(new Error("timed out")),t);e.then(n,o).finally(()=>clearTimeout(r))})}async function Er(e,t){let n=document.documentElement.getAttribute("data-pipeup-doc"),{id:o,key:r}=n?await it(n):{id:`page-${we(location.origin+location.pathname)}`,key:null},i,s=!1,a;if(e.store)i=e.store,a=await He(i);else try{let f=De.open();i=await xr(f,br).catch(x=>{throw f.then(w=>w.close(),()=>{}),x}),a=await He(i)}catch{i=new Be,s=!0,a=await He(i)}let p=e.name?.trim();p&&p!==a.name&&(a={...a,name:p},await i.saveProfile(a));let l=await $e.open({doc:o,key:r,store:i,identity:a.identity,name:a.name}),d=io({doc:l,root:e.root??document.body,onName:async f=>{l.name=f,a={...a,name:f},await i.saveProfile(a)}});s&&d.ctx.toast("This browser can't keep comments for this page \u2014 copy the comments (Copy all) to keep them");let y=()=>void l.flush().catch(f=>globalThis.reportError?.(f)),E=!1;return window.addEventListener("pagehide",y),{document:l,flush:()=>l.flush(),unmount:()=>{E||(E=!0,window.removeEventListener("pagehide",y),d.destroy(),Ce===t()&&(Ce=null))}}}function ao(){let e=document.documentElement;if(!e.hasAttribute("data-pipeup-doc")||e.getAttribute("data-pipeup-auto")==="off")return;let t=()=>void Qt().catch(n=>console.error(n));document.readyState==="loading"?document.addEventListener("DOMContentLoaded",t,{once:!0}):t()}var kr="0.4.0-beta.0";typeof document<"u"&&ao();return fo(Tr);})();
9
+ `+t)+(e.edited?" (edited)":"")}function m(e,t={},...n){let o=document.createElement(e);for(let[r,i]of Object.entries(t))i===void 0||i===!1||(r==="class"?o.className=String(i):o.setAttribute(r,i===!0?"":i));for(let r of n)r!=null&&r!==!1&&o.append(r);return o}function Q(e,t){let n=e.getRootNode().activeElement;t&&n instanceof HTMLElement&&e.contains(n)&&n.blur(),e.inert=t}function fe(e,t){return e.length>t?e.slice(0,t-1)+"\u2026":e}function Fe(e,t,n=4){e.style.left=`${t.left-n}px`,e.style.top=`${t.top-n}px`,e.style.width=`${t.width+n*2}px`,e.style.height=`${t.height+n*2}px`}var Ko=/\bhttps?:\/\/[^\s<>"'`]+/gi,zo=`.,;:!?'"]}`,Wo=2048,Yo=/[\u202A-\u202E\u2066-\u2069]/;function jo(e){let t=0,n=0;for(let r of e)r==="("?t++:r===")"&&n++;let o=e.length;for(;o>0;){let r=e[o-1];if(r===")"&&n>t)n--;else if(!zo.includes(r))break;o--}return e.slice(0,o)}function wt(e){let t=[],n=0;for(let o of e.matchAll(Ko)){if(o[0].length>Wo||Yo.test(o[0]))continue;let r=jo(o[0]),i=o.index??0,s;try{let p=new URL(r);if(p.protocol!=="http:"&&p.protocol!=="https:")continue;s=p.href}catch{continue}i>n&&t.push(e.slice(n,i));let a=m("a",{href:s,target:"_blank",rel:"noopener noreferrer"},r);a.addEventListener("click",p=>p.stopPropagation()),t.push(a),n=i+r.length}return n<e.length&&t.push(e.slice(n)),t}var he={code:"KeyC",mods:{shift:!0,alt:!0,meta:!1,ctrl:!1},mac:{label:"\u21E7\u2325C",aria:"Shift+Alt+C"},other:{label:"Shift+Alt+C",aria:"Shift+Alt+C"}},On=typeof navigator<"u"&&/Mac|iP(hone|ad|od)/.test(navigator.platform),Ge=(On?he.mac:he.other).label,Kt=(On?he.mac:he.other).aria;function Rn(e){return e.code===he.code&&e.shiftKey===he.mods.shift&&e.altKey===he.mods.alt&&e.metaKey===he.mods.meta&&e.ctrlKey===he.mods.ctrl&&!e.repeat&&!e.getModifierState("AltGraph")}var In="http://www.w3.org/2000/svg",Go={comment:["M20.5 11.5a8 8 0 0 1-11.7 7.1L4 19.8l1.2-4.4A8 8 0 1 1 20.5 11.5z","M12.3 8.2v6.6M9 11.5h6.6"],send:["M21 12L3.5 4.5 6.2 12l-2.7 7.5zM6.2 12H13"],copy:["M10 8h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2z","M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2"],resolve:["M5 12.5l4.5 4.5L19 7.5"],reopen:["M3 12a9 9 0 1 0 3-6.7","M3 4v5h5"],lines:["M4 7h16M4 12h10M4 17h7"],list:["M3 6.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M3 12a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M3 17.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M9 6.5h11M9 12h11M9 17.5h7"],expand:["M14 4h6v6M20 4l-6 6M10 20H4v-6M4 20l6-6M20 14v6h-6M20 20l-6-6M4 10V4h6M4 4l6 6"],bubble:["M20.5 11.5a8 8 0 0 1-11.7 7.1L4 19.8l1.2-4.4A8 8 0 1 1 20.5 11.5z"],close:["M6 6l12 12M18 6L6 18"],edit:["M4 20h4L19 9l-4-4L4 16z"]};function W(e,t=15,n){let o=zt(Go[e],t);return n&&o.setAttribute("stroke-width",String(n)),o}function zt(e,t){let n=document.createElementNS(In,"svg"),o={width:String(t),height:String(t),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"};for(let[r,i]of Object.entries(o))n.setAttribute(r,i);for(let r of e){let i=document.createElementNS(In,"path");i.setAttribute("d",r),n.append(i)}return n}var yt=(e,t,n)=>`M${e} ${t}a${n} ${n} 0 1 0 ${2*n} 0a${n} ${n} 0 1 0 -${2*n} 0`,Xo={Otter:"M4 13.2C4 9.2 7.6 6.5 12 6.5s8 2.7 8 6.7-3.6 6.3-8 6.3-8-2.3-8-6.3zM5.6 9.6a1.8 1.8 0 1 1 2.7-2.3M18.4 9.6a1.8 1.8 0 1 0-2.7-2.3M9.2 11.6h.01M14.8 11.6h.01M11 14h2l-1 1zM9.8 15.8l-3.2.4M9.9 17l-2.7 1.1M14.2 15.8l3.2.4M14.1 17l2.7 1.1",Fox:"M3.5 4l5 3.5h7l5-3.5-1.5 8.5L12 20l-7-7.5zM9 12h.01M15 12h.01M12 17h.01",Owl:`M5 4.5l3 2.5h8l3-2.5V14a7 7 0 0 1-14 0z${yt(7.4,11.5,1.9)}${yt(12.8,11.5,1.9)}M11.3 14.6l.7 1 .7-1`,Bear:`${yt(5,13.5,7)}M8.9 7.22A2.8 2.8 0 1 0 5.89 10.09M18.11 10.09A2.8 2.8 0 1 0 15.1 7.22M9.4 12.6h.01M14.6 12.6h.01M10.3 16.4c0-1 .8-1.6 1.7-1.6s1.7.6 1.7 1.6-.8 1.6-1.7 1.6-1.7-.6-1.7-1.6z`,Rabbit:`${yt(6.5,15.5,5.5)}M9.6 10.5C8.2 6.5 8.4 2.5 9.8 2.5s2.4 3.5 1.6 7.5M14.4 10.5c1.4-4 1.2-8-.2-8s-2.4 3.5-1.6 7.5M10 15h.01M14 15h.01M11.3 17.3l.7.5.7-.5`};function Nn(e){let t=/[\p{L}\p{N}]/u.exec(e);if(!t)return"";let n=t[0].toUpperCase();return[...n].length===1?n:t[0]}var Xe=(e,t)=>Nn(t)||ce(e);function Ae(e,t){return m("span",{class:`av c${Ut(e)}`,"aria-hidden":"true","data-animal":ce(e)},Nn(t)||zt([Xo[Te[Vt(e)]]],24))}var Zo=320;function bt(e,t){setTimeout(()=>{e.remove(),t?.()},Zo)}function xt(e){return requestAnimationFrame(()=>{e.offsetWidth,e.classList.add("in")}),e}function Et(e){let t=m("textarea",{class:"input",rows:"1","aria-label":e.label}),n=m("button",{class:"send",type:"button","aria-label":"Send",title:"Send"},W("send")),o=m("div",{class:"row"},e.before,t,n),r=!1,i=()=>{n.classList.toggle("show",t.value.trim()!==""),t.style.height="auto",t.style.height=`${Math.max(27,t.scrollHeight)}px`},s=async()=>{let a=t.value.trim();if(!(!a||r)){r=!0;try{await e.onSend(a),t.value="",i()}catch{}finally{r=!1}}};return o.addEventListener("mousedown",a=>{a.target===t||n.contains(a.target)||(a.preventDefault(),t.focus({preventScroll:!0}),t.setSelectionRange(t.value.length,t.value.length))}),t.addEventListener("input",i),t.addEventListener("keydown",a=>{a.stopPropagation(),a.key==="Enter"&&!a.shiftKey&&!a.isComposing?(a.preventDefault(),s()):a.key==="Escape"&&(a.preventDefault(),t.value="",i(),t.blur(),e.onCancel?.())}),n.addEventListener("click",a=>{a.stopPropagation(),s()}),{element:o,input:t,focus:()=>t.focus({preventScroll:!0}),clear:()=>{t.value="",i()}}}function Qo(e){let t=m("button",{class:"me",type:"button",tabindex:"-1","aria-hidden":"true"});t.addEventListener("mousedown",v=>v.preventDefault());let n=Et({label:"Comment",before:t,onSend:e.onSend,onCancel:e.onCancel}),o=m("div",{class:"say"}),r=m("input",{class:"input",type:"text",maxlength:"80","aria-label":"Your name"}),i=m("div",{class:"nf"},r),s=m("div",{class:"you"},o,i),a="",p=!1,l=()=>{let v=e.name(),w=v?"change":"add your name";if(t.title=v?"Change your name":"Add your name",!t.lastChild||a!==v){let T=Ae(e.me,v),A=t.lastChild;A?(xt(T),bt(A)):T.classList.add("in"),t.append(T),a=v}let L=m("button",{type:"button"},w);L.addEventListener("click",y),o.replaceChildren(m("span",{class:"nm"},v||`You're ${ce(e.me)}`)," \xB7 ",L)},d=v=>{s.classList.toggle("naming",v),Q(o,v),Q(i,!v)};function y(v){v.stopPropagation(),r.value=e.name(),d(!0),r.focus({preventScroll:!0}),r.select()}let E=()=>{d(!1),n.focus()};t.addEventListener("click",y),r.addEventListener("keydown",v=>{if(v.stopPropagation(),v.key==="Escape")v.preventDefault(),E();else if(v.key==="Enter"){v.preventDefault();let w=r.value.trim();if(!w||w===e.name())return E();if(p)return;p=!0,e.rename(w).finally(()=>{p=!1,l(),E()})}}),l(),d(!1);let h=m("div",{class:"ctx"},e.label);return{element:m("div",{class:"draft"},h,n.element,s),caret:()=>{let{selectionStart:v,selectionEnd:w}=n.input;return()=>{n.focus(),n.input.setSelectionRange(v,w)}},hideLabel:v=>{h.hidden=v},setLabel:v=>{h.textContent=v},focus:()=>n.focus(),isEmpty:()=>n.input.value.trim()===""}}function kt(e,t){let n=Qo({label:t.label,me:e.doc.me,name:()=>e.menu.name(),rename:o=>e.menu.rename(o),onSend:o=>e.postDraft(o),onCancel:()=>e.cancelDraft()});return e.registerDraft(n),n}function Tt(e,t){if(t.state==="orphaned"||!t.element||e.quote)return null;let n=t.element.getBoundingClientRect();if(!n.width&&!n.height)return null;if(e.point)return{x:n.left+e.point.x*n.width,y:n.top+e.point.y*n.height};let o=t.element.ownerDocument.createRange();o.selectNodeContents(t.element);let r=o.getBoundingClientRect();return{x:r.width?Math.min(n.right-8,r.right+6):n.right-8,y:(r.height?r.top:n.top)+8}}function Ze(e){return e.range?[...e.range.getClientRects()]:[]}function Wt(e,t){let n=Ze(t)[0];if(n)return n.top;if(t.state==="orphaned"||!t.element)return null;let o=t.element.getBoundingClientRect();return e.point?o.top+e.point.y*o.height:o.top}function Qe(e,t){let n=Ze(t).at(-1);if(n)return{x:n.left,y:n.bottom,below:!0};let o=Tt(e,t);return o?{...o,below:!1}:null}function $n(e,t,n){for(let o of n)if(e>=o.left&&e<=o.right&&t>=o.top&&t<=o.bottom)return!0;return!1}function Dn(e,t,n=10){let o=[...e].sort((a,p)=>a.want-p.want),r=new Array(o.length).fill(0),i=o.findIndex(a=>a.id===t),s=a=>o[a];if(i<0)o.forEach((a,p)=>{r[p]=p===0?a.want:Math.max(a.want,(r[p-1]??0)+s(p-1).height+n)});else{r[i]=s(i).want;for(let a=i+1;a<o.length;a++)r[a]=Math.max(s(a).want,(r[a-1]??0)+s(a-1).height+n);for(let a=i-1;a>=0;a--)r[a]=Math.min(s(a).want,(r[a+1]??0)-s(a).height-n)}return new Map(o.map((a,p)=>[a.id,r[p]??0]))}var Je=320,Le=300,Jo=480,Me=()=>window.innerWidth<=Jo;function St(e){let t=window.innerWidth;return{width:e&&!Me()?t-Je:t,height:window.innerHeight}}function At(e,t,n,o=12){let r,i;return e.below?(r=Math.min(e.x,n.width-t.width-o),i=e.y+8,i+t.height>n.height-o&&(i=e.y-t.height-40)):(r=e.x+14,r+t.width>n.width-o&&(r=e.x-t.width-28),i=Math.min(e.y-12,n.height-t.height-o)),{left:Math.max(o,r),top:Math.max(o,i)}}function Bn(e,t,n,o=12,r=44){let i=e.top-r>=8,s=e.top+e.height+8+(i?0:r),a=e.top-8-(i?r:0)-t.height,p=s+t.height<=n.height-o||a<o,l=p?s:a;return{above:!p,left:Math.max(o,Math.min(e.left,n.width-t.width-o)),top:Math.max(o,l)}}function Lt(e,t,n){let o=e.top-t.height-10;return o<8&&(o=e.top+e.height+10),{left:Math.max(8,Math.min(e.left+e.width/2-t.width/2,n.width-t.width-8)),top:o}}var Hn=e=>`${e} ${e===1?"reply":"replies"}`;function _e(e,t,n){let o={...n},r=e.id,i=m("div",{class:"rbox always"},m("div",{},Et({label:"Reply",onSend:w=>t.reply(r,w),onCancel:t.close}).element)),s=m("div",{}),a=m("div",{}),p=null,l=m("div",{},a,m("div",{class:"more"},s)),d=new Map,y=new Map,E=new Map,h=w=>{let L=Xe(w.author,w.name),T=d.get(w.id),A=T?.el;if((!A||T.key!==L)&&(A=xt(Ae(w.author,w.name)),T)){let C=T.el;E.set(w.id,C),bt(C,()=>E.get(w.id)===C&&E.delete(w.id))}A.title=oe(w),y.set(w.id,{key:L,el:A});let P=E.get(w.id);return P?[P,A]:[A]},x=(w,L,T)=>{let A=m("button",{class:"ib",type:"button","aria-label":L,title:L},W(w));return A.addEventListener("click",P=>{P.stopPropagation(),T()}),A};function v(w,L={}){Object.assign(o,L),r=w.id;let T=(o.now??Date.now)(),A=w.root.replies.length,P=F=>m("span",{class:"who"},`${oe(F)} \xB7 ${Se(F.at,T)}`),C=F=>m("div",{class:F.deleted?"tx del":"tx"},...F.deleted?["Deleted"]:[...wt(F.text),F.edited?" (edited)":""]),V=w.resolved?"Resolved"+(A?` \xB7 ${Hn(A)}`:""):A?Hn(A):"",G=m("div",{class:o.variant==="column"&&V?"ft has-rest":"ft"},o.variant==="column"&&V?m("span",{class:"rest"},V):null,m("span",{class:"hover"},P(w.root),m("span",{class:"acts"},x("copy","Copy thread",()=>t.copy(w.id)),w.resolved?x("reopen","Reopen",()=>void t.reopen(w.id)):x("resolve","Resolve",()=>void t.resolve(w.id))))),Y=o.lost?m("div",{class:"ctx"},`No longer on the page \u2014 it read \u201C${fe(o.lost,120)}\u201D`):o.quote?m("div",{class:"ctx"},`\u201C${fe(o.quote,80)}\u201D`):null;y=new Map;let re=m("div",{class:"root"},...h(w.root),Y,C(w.root),G);a.replaceWith(re),a=re,p?.remove(),p=A?m("div",{class:"rps"},...w.root.replies.map(F=>m("div",{class:"it"},...h(F),C(F),m("div",{class:"rft"},P(F))))):null,p&&s.prepend(p),d=y,w.resolved?i.remove():i.parentNode!==s&&s.append(i),l.className=w.resolved?"thread resolved":"thread",l.setAttribute("data-thread",w.id)}return v(e),{element:l,update:v}}var er="a,button,input,select,textarea,label,summary,[role=button],[contenteditable]",tr=400;function Yt(e,t){let n=new Map,o=m("div",{class:"tip",role:"tooltip"}),r=m("div",{class:"mark"}),i=m("div",{class:"pop",role:"dialog","aria-label":"Comment thread"});o.inert=i.inert=!0,e.layer.append(r,o,i);let s=m("div",{class:"bub pin ghost","aria-hidden":"true"}),a=[],p=null,l=null,d=null,y=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,E=0,h=null,x=null,v=null,w=0,L=f=>a.find(S=>S.id===f)??null,T=()=>t.popovers||e.state.listing,A=!1,P=f=>{let S=e.resolved.get(f.id);return S?Qe(f.anchor,S):null};function C(f,S,M){let{left:D,top:O}=At(S,{width:f.offsetWidth||M,height:f.offsetHeight},St(e.state.listing));f.style.left=`${D}px`,f.style.top=`${O}px`}function V(f){let S=f&&T()&&e.state.active!==f?L(f):null,M=S?P(S):null;if(!S||!M){v=null,o.classList.remove("show"),Q(o,!0);return}if(v!==S.id){let D=S.root.replies.length;o.replaceChildren(m("div",{class:"tx clamp"},...S.root.deleted?["Deleted"]:wt(S.root.text)),m("div",{class:"who"},`${oe(S.root)}${D?` \xB7 ${D} ${D===1?"reply":"replies"}`:""}`)),v=S.id}C(o,M,260),o.classList.contains("show")||o.offsetWidth,o.classList.add("show"),o.inert=!1}function G(f){h=f,V(f),e.hot(f)}function Y(f){if(window.clearTimeout(w),f!==null){G(f);return}w=window.setTimeout(()=>G(null),T()?tr:0)}o.addEventListener("mouseenter",()=>window.clearTimeout(w)),o.addEventListener("mouseleave",()=>Y(null)),o.addEventListener("click",f=>{f.stopPropagation();let S=v;S&&(window.clearTimeout(w),G(null),e.open(S))});function re(f){let S=n.get(f.id);if(S)return S;let M=m("button",{class:"bub",type:"button","aria-label":`Comment: ${fe(f.root.text,60)}`});return M.addEventListener("mouseenter",()=>Y(f.id)),M.addEventListener("mouseleave",()=>Y(null)),M.addEventListener("click",D=>{D.stopPropagation(),V(null),e.open(f.id)}),e.layer.insertBefore(M,r),n.set(f.id,M),M}function F(){let f=e.state.draft,S=d&&f&&!f.anchor.quote&&!f.anchor.point?f.resolved.element:null;if(S){let{left:D,top:O,above:_}=Bn(S.getBoundingClientRect(),{width:i.offsetWidth||Le,height:i.offsetHeight},{width:window.innerWidth,height:window.innerHeight}),U=d?.above!==null&&d?.above!==_;if(d&&(d.above=_),U&&pe())return;i.style.left=`${D}px`,i.style.top=`${O}px`;return}let M=d&&f?Qe(f.anchor,f.resolved):p?P(p):null;M&&C(i,M,Le)}let ae=f=>e.state.commenting&&!f.anchor.quote&&!f.anchor.point;function pe(){return window.clearTimeout(E),y?(i.classList.remove("show"),E=window.setTimeout(()=>{F(),i.classList.add("show")},220),!0):(i.classList.add("glide"),E=window.setTimeout(()=>i.classList.remove("glide"),450),!1)}function j(f){if(window.clearTimeout(E),y){i.classList.remove("show"),E=window.setTimeout(()=>{d?.box.setLabel(f),F(),i.classList.add("show")},220);return}d?.box.setLabel(f),i.classList.add("glide"),E=window.setTimeout(()=>i.classList.remove("glide"),450)}function J(){if(!T())return null;let f=e.state.draft;return f?f.anchor.quote||f.anchor.point||e.state.commenting?null:f.resolved.element:!p||p.anchor.quote||p.anchor.point?null:e.resolved.get(p.id)?.element??null}function de(f){a=f;let S=new Set;for(let _ of f){if(!e.visible(_)||_.anchor.quote)continue;let U=e.resolved.get(_.id);if(!U||U.state==="orphaned")continue;S.add(_.id);let X=re(_);X.classList.toggle("done",_.resolved),X.classList.toggle("on",e.state.active===_.id),X.classList.toggle("pin",_.anchor.point!==void 0)}for(let[_,U]of n)S.has(_)||(U.classList.remove("in"),n.delete(_),window.setTimeout(()=>U.remove(),300));V(h),A!==e.state.listing&&i.classList.contains("show")&&!y&&(window.clearTimeout(E),i.classList.add("glide"),E=window.setTimeout(()=>i.classList.remove("glide"),450)),A=e.state.listing;let M=t.popovers?e.state.draft:null;if(M){d?.of!==M?(window.clearTimeout(E),i.classList.remove("glide"),d={box:kt(e,M),of:M,at:M.resolved.element,above:null},d.box.hideLabel(ae(M)),i.replaceChildren(d.box.element),i.inert=!1,d.box.focus(),p=null,l=null,F(),i.classList.add("show")):d&&(d.at!==M.resolved.element&&(d.at=M.resolved.element,d.above=null,j(M.label)),d.box.hideLabel(ae(M)));return}d&&(window.clearTimeout(E),i.classList.remove("glide"),d=null,e.registerDraft(null));let D=T()&&e.state.active?L(e.state.active):null;if(!D||!e.visible(D)){p=null,l=null,i.classList.remove("show"),Q(i,!0);return}let O=D.anchor.quote?.exact??null;!p||!l||p.id!==D.id?(l=_e(D,e.actions,{variant:"popover",quote:O}),i.replaceChildren(l.element),p=D,F(),i.classList.add("show"),i.inert=!1):p!==D&&(l.update(D,{quote:O}),p=D)}function te(){for(let[D,O]of n){let _=L(D),U=e.resolved.get(D),X=_&&U?Tt(_.anchor,U):null;if(!X||X.y<-40||X.y>window.innerHeight+40){O.style.visibility="hidden";continue}O.style.visibility="",O.style.left=`${X.x}px`,O.style.top=`${X.y}px`,O.classList.contains("in")||(O.offsetWidth,O.classList.add("in"))}let f=e.state.draft,S=f?.anchor.point?Tt(f.anchor,f.resolved):null;S?(s.style.left=`${S.x}px`,s.style.top=`${S.y}px`,s.classList.contains("in")||(e.layer.insertBefore(s,r),s.offsetWidth,s.classList.add("in"))):s.classList.contains("in")&&(s.classList.remove("in"),window.setTimeout(()=>s.classList.contains("in")||s.remove(),300)),i.classList.contains("show")&&F();let M=J();r.classList.toggle("show",M!==null),M&&Fe(r,M.getBoundingClientRect(),4)}let u=f=>{if(e.owns(f)){let M=f.composedPath()[0];x!==null&&!(M instanceof Element&&M.closest(".tip,.bub"))&&Y(null),x=null;return}let S=e.readsAt(f.clientX,f.clientY)?.id??null;S!==x&&(x=S,Y(S))},N=f=>{if(e.owns(f))return;let S=window.getSelection();if(S&&!S.isCollapsed||(e.state.commenting?f.altKey:f.target instanceof Element&&f.target.closest(er)))return;let M=e.readsAt(f.clientX,f.clientY);M&&(e.claim(f),V(null),e.open(M.id))};return window.addEventListener("pointermove",u,{capture:!0,passive:!0}),window.addEventListener("click",N,!0),{render:de,frame:te,destroy(){window.clearTimeout(w),window.clearTimeout(E),window.removeEventListener("pointermove",u,!0),window.removeEventListener("click",N,!0),e.registerDraft(null);for(let f of n.values())f.remove();s.remove(),o.remove(),r.remove(),i.remove()}}}var nr="button link img figure region list listitem tab tabpanel article navigation complementary banner contentinfo form search group dialog menu menuitem checkbox switch radio slider textbox combobox option row cell heading table".split(" ").map(e=>`[role=${e}]`),or=["button,a,input,select,textarea,label,summary,details,img,svg,canvas,video,picture,figure,figcaption,table,th,td","li,ul,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,blockquote,pre","section,article,aside,nav,header,footer,main,form,fieldset",...nr].join(","),rr="a,button,label,summary,[role=button],[role=link],[role=tab],[role=option],[role=menuitem]",ir=.6,Mt=2,Fn=(e,t)=>Math.abs(e.left-t.left)<=Mt&&Math.abs(e.top-t.top)<=Mt&&Math.abs(e.width-t.width)<=Mt&&Math.abs(e.height-t.height)<=Mt;function et(e,t,n){if(e===t||!t.contains(e)||e.closest("[data-pipeup-ignore]"))return null;let o=n.viewport(),r=ir*o.width*o.height,i=null;for(let a=e;a&&a!==t;a=a.parentElement){let p=n.box(a);if(!(p.width<2||p.height<2)){if(a.hasAttribute("data-pipeup-id")){i=a;break}if(!(p.width*p.height>r)&&(a.matches(or)||n.drawn(a)||a.childElementCount>1&&!a.parentElement?.closest(rr)&&n.grouped(a))){i=a;break}}}if(!i||i.hasAttribute("data-pipeup-id"))return i;let s=n.box(i);for(let a=i.parentElement;a&&a!==t&&Fn(n.box(a),s);a=a.parentElement)if(a.hasAttribute("data-pipeup-id"))return a;return i}function jt(e,t,n){let o=n.box(e);for(let r=e.parentElement;r&&r!==t;){let i=et(r,t,n);if(!i)return null;if(!Fn(n.box(i),o))return i;r=i.parentElement}return null}function _n(e=window){return{box:t=>t.getBoundingClientRect(),drawn:t=>{let n=e.getComputedStyle(t),o=n.backgroundColor!=="transparent"&&!/,\s*0\)$/.test(n.backgroundColor),r=["top","right","bottom","left"].some(i=>parseFloat(n.getPropertyValue(`border-${i}-width`))>0);return o||r||n.backgroundImage!=="none"||n.boxShadow!=="none"},grouped:t=>/^(inline-)?(flex|grid)$/.test(e.getComputedStyle(t).display),viewport:()=>({width:e.innerWidth,height:e.innerHeight})}}var Un="a,button,summary,[role=button],[role=link],[role=switch],[role=tab],[role=checkbox],input[type=checkbox],input[type=radio],input[type=submit],input[type=button],input[type=reset]",ar=`${Un},input,select,textarea,[contenteditable]:not([contenteditable=false]),[tabindex]:not([tabindex="-1"])`,qn=["click","dblclick","auxclick","submit","contextmenu","dragstart"],Vn=[...["over","out","enter","leave","down","up"].flatMap(e=>[`pointer${e}`,`mouse${e}`]),"mousemove","touchstart","touchmove","touchend","touchcancel"],sr=400;function Kn(e,t=_n()){let n=m("div",{class:"pick"});e.layer.append(n);let o=m("span",{class:"lbl"}),r=m("button",{class:"nb",type:"button","aria-label":"Select the block around it",title:"Select the block around it"},W("expand",16)),i=m("div",{class:"namebar",role:"toolbar","aria-label":"Chosen block"},o,r);i.inert=!0,e.layer.append(i),i.addEventListener("mousedown",u=>u.preventDefault()),r.addEventListener("click",u=>{u.stopPropagation();let N=p&&jt(p,e.root,t);N&&Y(N)});let s=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,a=null,p=null,l=null,d=null,y=0,E=()=>{},h=null,x=()=>{},v=u=>!e.owns(u)&&!(u.target instanceof Element&&u.target.closest("[data-pipeup-ignore]"));function w(){d&&(n.classList.toggle("glide",performance.now()<y),Fe(n,d.getBoundingClientRect(),4))}function L(){if(!h)return;i.classList.toggle("glide",performance.now()<y&&i.classList.contains("show"));let u=h.getBoundingClientRect(),{left:N,top:f}=Lt({left:u.left,top:u.top,width:u.width,height:u.height},{width:i.offsetWidth||200,height:i.offsetHeight||34},{width:window.innerWidth,height:window.innerHeight});i.style.left=`${N}px`,i.style.top=`${f}px`}function T(u,N){d=u,y=N?performance.now()+sr:0,w(),n.classList.add("show")}function A(u,N){let f=getComputedStyle(u);if(f.opacity==="0")return N(),()=>{};let S=0,M=()=>{window.clearTimeout(S),u.removeEventListener("transitionend",O)},D=()=>{M(),N()},O=U=>{U.target===u&&U.propertyName==="opacity"&&D()},_=Math.max(...f.transitionDuration.split(",").map(U=>parseFloat(U)*1e3||0));return S=window.setTimeout(D,_+100),u.addEventListener("transitionend",O),M}function P(u){if(u!==a){if(a=u,E(),!u){n.classList.remove("show");return}getComputedStyle(n).opacity==="0"?T(u,!1):s?(n.classList.remove("show"),E=A(n,()=>T(u,!1))):T(u,!0)}}function C(u){p=u,n.classList.toggle("on",u!==null),P(u),x(),i.inert=!u,u?s?(i.classList.remove("show"),x=A(i,()=>V(u))):V(u):(i.classList.remove("show"),h=null)}function V(u){o.textContent=o.title=ke(u);let N=jt(u,e.root,t)===null;r.hidden=N;let f=i.classList.contains("show");h=u,L(),f||(i.offsetWidth,i.classList.add("show"))}function G(u){let N;try{N=We(u,e.root)}catch(M){e.report(M);return}let f={anchor:N,label:ke(u),ranges:[],resolved:{state:"attached",element:u,range:null}},S=e.state.draft;C(u),l=S??{...f,ranges:[]},S?e.moveDraft({...f,ranges:[]}):e.startDraft(l)}function Y(u){e.keepCaret(()=>G(u))}function re(u){let N=(u.target instanceof Element?et(u.target,e.root,t):null)??e.root,f=N.getBoundingClientRect();if(!f.width||!f.height)return;let S={x:(u.clientX-f.left)/f.width,y:(u.clientY-f.top)/f.height},M;try{M=We(N,e.root,S)}catch(O){e.report(O);return}let D=ke(N).replace(/^[A-Z](?=[a-z])/,O=>O.toLowerCase());C(null),P(null),e.startDraft({anchor:M,label:`Pin on ${D}`,ranges:[],resolved:{state:"attached",element:N,range:null}})}function F(u){let N=window.getSelection();if(N&&!N.isCollapsed)return;if(e.state.draft&&(u.altKey||!e.draftEmpty())){e.dismiss();return}if(!u.altKey&&e.readsAt(u.clientX,u.clientY))return;if(e.state.active&&e.open(null),u.altKey){re(u);return}let f=u.target instanceof Element?et(u.target,e.root,t):null;f?G(f):(e.dismiss(),C(null))}let ae=u=>{if(!e.owns(u)){if(!v(u)){p||P(null);return}u.stopPropagation(),!(p||e.state.draft)&&P(!pe()&&u.target instanceof Element?et(u.target,e.root,t):null)}},pe=()=>{let u=window.getSelection();return!!u&&!u.isCollapsed&&u.toString().trim()!==""},j=()=>{!p&&pe()&&P(null)},J=u=>{v(u)&&(u.stopPropagation(),(u.type==="pointerdown"||u.type==="mousedown")&&u.target instanceof Element&&u.target.closest(ar)&&u.preventDefault())},de=u=>{v(u)&&(u.preventDefault(),u.stopPropagation(),u.type==="click"&&!e.state.menu&&!e.claimed(u)&&F(u))},te=u=>{(u.key==="Enter"||u.key===" ")&&v(u)&&u.target instanceof Element&&u.target.closest(Un)&&(u.preventDefault(),u.stopPropagation())};window.addEventListener("pointermove",ae,!0),document.addEventListener("selectionchange",j);for(let u of Vn)window.addEventListener(u,J,!0);for(let u of qn)window.addEventListener(u,de,!0);return window.addEventListener("keydown",te,!0),{back(){return p?(C(null),!0):!1},render(){let u=e.state.draft;l&&u!==l?(l=null,C(null)):u&&!l&&(a||p)&&C(null)},frame(){w(),L()},destroy(){E(),x(),window.removeEventListener("pointermove",ae,!0),document.removeEventListener("selectionchange",j);for(let u of Vn)window.removeEventListener(u,J,!0);for(let u of qn)window.removeEventListener(u,de,!0);window.removeEventListener("keydown",te,!0),n.classList.remove("show"),i.classList.remove("show"),Q(i,!0),A(n,()=>n.remove()),A(i,()=>i.remove())}}}var lr=300,cr=32,Gt=220,tt=320,pr=24,zn=24;function Xt(e,t=!1){let n=e.ownerDocument.documentElement,o=n.getAttribute("data-pipeup-layout");if(o==="bubbles"||e.querySelector("[data-pipeup-slide]"))return null;let r=e.querySelector("article, main, [role=main]")??(o==="column"?e:null);if(!r)return null;if(n.hasAttribute("data-pipeup-reserve")){let a=n.clientWidth,l=getComputedStyle(r).maxWidth,d;return l.endsWith("px")?d=parseFloat(l):l.endsWith("%")?d=parseFloat(l)/100*a:d=r.getBoundingClientRect().width,o!=="column"&&a<d+tt-(t?pr:0)?null:{x:a-tt+zn,width:tt-2*zn}}let i=r.getBoundingClientRect().right;if(window.innerWidth-i<lr&&o!=="column")return null;let s=i+cr;return{x:s,width:Math.max(220,Math.min(300,window.innerWidth-s-16))}}function Zt(e,t){let n=e.resolved.get(t.id);return!n||n.state==="orphaned"&&!e.pending.has(t.id)}function Wn(e){let t=m("div",{class:"col"});e.layer.append(t);let n=new Map,o=null,r=new ResizeObserver(()=>a()),i=h=>Zt(e,h);function s(h){let x=e.resolved.get(h.id),v=x?Wt(h.anchor,x):null;return v===null?Number.POSITIVE_INFINITY:v+window.scrollY-4}function a(){let h=[],x=[];for(let[A,P]of n){let C=s(P.thread);if(Number.isFinite(C))P.placed=C;else if(e.pending.has(A)){if(P.placed===null){P.el.classList.add("wait");continue}C=P.placed}Number.isFinite(C)?h.push({id:A,want:C,height:P.el.offsetHeight}):x.push({id:A,height:P.el.offsetHeight})}let v=e.state.draft,w=v?Wt(v.anchor,v.resolved):null;o&&w!==null&&h.push({id:"draft",want:w+window.scrollY-4,height:o.el.offsetHeight});let L=Dn(h,o?"draft":e.state.active),T=Math.max(0,...h.map(A=>(L.get(A.id)??0)+A.height))+24;for(let A of x)L.set(A.id,T),T+=A.height+10;for(let[A,P]of n){if(P.el.classList.contains("wait")){if(!L.has(A))continue;P.el.style.transition="none",P.el.style.transform=`translateY(${Math.round(L.get(A))}px)`,P.el.offsetWidth,P.el.style.transition="",P.el.classList.remove("wait");continue}P.el.style.transform=`translateY(${Math.round(L.get(A)??0)}px)`}o&&(o.el.style.transform=`translateY(${Math.round(L.get("draft")??0)}px)`)}function p(h,x){h.thread=x,h.lost=i(x),h.view.update(x,{lost:h.lost?x.anchor.snapshot:null})}function l(h){let x=i(h),v=_e(h,e.actions,{variant:"column",lost:x?h.anchor.snapshot:null}),w=m("div",{class:"th","data-thread":h.id},v.element);return w.style.transition="none",w.addEventListener("mouseenter",()=>e.hot(h.id)),w.addEventListener("mouseleave",()=>e.hot(null)),w.addEventListener("click",()=>e.open(h.id)),t.append(w),r.observe(w),{el:w,thread:h,lost:x,placed:null,view:v}}function d(){let h=e.state.draft;if(o&&h&&o.of!==h){let x=o.el;r.unobserve(x),x.classList.add("out"),window.setTimeout(()=>x.remove(),Gt),o=null}if(h&&o&&(o.box.setLabel(h.label),o.box.hideLabel(e.state.commenting&&!h.anchor.quote&&!h.anchor.point)),h&&!o){let x=kt(e,h),v=m("div",{class:"th on"},x.element);v.style.transition="none",t.append(v),r.observe(v),o={el:v,box:x,of:h},x.hideLabel(e.state.commenting&&!h.anchor.quote&&!h.anchor.point),x.focus()}else if(!h&&o){let x=o.el;r.unobserve(x),x.classList.add("out"),window.setTimeout(()=>x.remove(),Gt),o=null,e.registerDraft(null)}}function y(h){Q(t,e.state.listing);let x=new Set,v=[],w=e.state.active!==null||e.state.draft!==null;for(let L of h){if(!e.visible(L))continue;x.add(L.id);let T=n.get(L.id);T?(T.thread!==L||T.lost!==i(L))&&p(T,L):(T=l(L),n.set(L.id,T),v.push(T.el));let A=T.el;A.classList.toggle("on",e.state.active===L.id);let P=A.querySelector(".more");P&&Q(P,e.state.active!==L.id),A.classList.toggle("dim",w&&e.state.active!==L.id),A.classList.toggle("hot",e.state.hot===L.id&&e.state.active!==L.id),A.classList.toggle("resolved",L.resolved),A.classList.toggle("lost",T.lost)}for(let[L,T]of n)x.has(L)||(n.delete(L),r.unobserve(T.el),T.el.classList.add("out"),window.setTimeout(()=>T.el.remove(),Gt));d(),a(),o&&v.push(o.el);for(let L of v)L.offsetWidth,L.style.transition=""}function E(){let h=Xt(e.root,!0);h&&(t.style.width=`${h.width}px`,t.style.transform=`translate(${h.x}px, ${-window.scrollY}px)`)}return{render:y,frame:E,destroy(){r.disconnect(),e.registerDraft(null),t.remove()}}}var dr="[data-pipeup-ignore],input,textarea,select,[contenteditable]:not([contenteditable=false])";function Yn(e){let t=m("button",{type:"button","aria-label":"Comment",title:"Comment"},W("comment",17)),n=m("div",{class:"selbar"},t);n.inert=!0,e.layer.append(n);let o=null,r=d=>{let y=d&&(d.nodeType===Node.ELEMENT_NODE?d:d.parentElement);return!!y&&e.root.contains(y)&&!y.closest(dr)};function i(){if(!o)return;let d=o.getBoundingClientRect(),{left:y,top:E}=Lt({left:d.left,top:d.top,width:d.width,height:d.height},{width:n.offsetWidth||36,height:n.offsetHeight||34},{width:window.innerWidth,height:window.innerHeight});n.style.left=`${y}px`,n.style.top=`${E}px`}function s(){o=null,n.inert=!0,n.classList.remove("show")}function a(){let d=window.getSelection();if(!e.state.commenting||!d||d.isCollapsed||d.rangeCount===0||!d.toString().trim()||!r(d.anchorNode)||!r(d.focusNode)){s();return}o=d.getRangeAt(0).cloneRange(),i(),n.inert=!1,n.classList.add("show")}t.addEventListener("mousedown",d=>d.preventDefault()),t.addEventListener("click",d=>{d.stopPropagation();let y=o;if(!y)return;let E;try{E=mt(y,e.root)}catch(x){e.report(x),s();return}let h=fe(y.toString().replace(/\s+/g," ").trim(),60);window.getSelection()?.removeAllRanges(),s(),e.startDraft({anchor:E,label:`\u201C${h}\u201D`,ranges:[y],resolved:{state:"attached",element:null,range:y}})});let p=()=>{if(!o)return;let d=window.getSelection();(!d||d.isCollapsed||!d.toString().trim())&&s()};document.addEventListener("selectionchange",p);let l=d=>{e.owns(d)||window.setTimeout(a,0)};return window.addEventListener("mouseup",l,!0),window.addEventListener("keyup",l,!0),{render(){!e.state.commenting&&o&&s()},frame(){o&&i()},destroy(){window.removeEventListener("mouseup",l,!0),window.removeEventListener("keyup",l,!0),document.removeEventListener("selectionchange",p),n.remove()}}}async function Qt(e,t){try{await navigator.clipboard.writeText(e);return}catch{}let n=document.createElement("textarea");n.value=e,n.setAttribute("readonly",""),n.style.cssText="position:fixed;opacity:0;pointer-events:none",t.append(n),n.select();let o=document.execCommand("copy");if(n.remove(),!o)throw new Error("pipeup: your browser blocked copying")}var ur=3e3;function jn(e){let t=[m("span",{class:"n"}),m("span",{class:"n"})],n=W("comment",20,1.4);n.lastElementChild.setAttribute("stroke-width","1.6");let o=m("button",{class:"mode",type:"button","aria-label":"Comment","aria-keyshortcuts":Kt,"aria-haspopup":"menu","aria-expanded":"false"},m("span",{class:"plus"},n),m("span",{class:"cnt"},W("bubble",34,1.4),...t)),r=m("span",{class:"ttip","aria-hidden":"true"},"Comment",m("small",{},Ge)),i=m("div",{class:"launch"},o,r),s=m("div",{class:"menu",role:"menu","aria-label":"Comments"}),a=m("div",{class:"list",role:"menu","aria-label":"All comments"}),p=m("span",{class:"pn"}),l=m("button",{class:"ib",type:"button","aria-label":"Close"},W("close")),d=m("button",{class:"hs",type:"button",role:"switch","aria-checked":"false"},"Show resolved",m("span",{class:"sw","aria-hidden":"true"}));d.addEventListener("click",g=>{g.stopPropagation(),e.menu.toggleResolved()});let y=m("div",{class:"all",role:"dialog","aria-label":"All comments"},m("div",{class:"hd"},m("span",{},"All comments"),p,d,l),a),E=m("div",{class:"pop side",role:"dialog","aria-label":"Comment thread"});s.inert=y.inert=E.inert=!0,e.layer.append(s,i,y);let h=!1,x=null,v=0,w=[],L=0,T=null,A=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,P=g=>{h=e.state.menu=g,window.clearTimeout(v),v=0,g||x?.(!0),s.classList.toggle("show",g),Q(s,!g),o.setAttribute("aria-expanded",String(g))},C=(g,k=!1)=>{e.state.listing!==g&&(e.state.listing=g,e.render(),g?(V(a)[0]??l).focus({preventScroll:!0}):k&&o.focus({preventScroll:!0}))},V=(g=s)=>[...g.querySelectorAll(".mi")],G=()=>s.getRootNode().activeElement,Y=()=>{P(!1),o.focus({preventScroll:!0})},re=g=>{let k=V(g.currentTarget);if(k.length===0)return;let $=G(),I=k.indexOf($),H=K=>{g.preventDefault(),k[(K+k.length)%k.length]?.focus({preventScroll:!0})};g.key==="ArrowDown"?H(I+1):g.key==="ArrowUp"?H(I<0?k.length-1:I-1):g.key==="Home"?H(0):g.key==="End"&&H(k.length-1)};s.addEventListener("keydown",re),a.addEventListener("keydown",re),l.addEventListener("click",g=>{g.stopPropagation(),C(!1,!0)});let F=g=>Zt(e,g),ae=()=>w.filter(g=>!g.resolved).length;function pe(){let g=V(a).indexOf(G()),k=e.menu.all().filter(ne=>!ne.thread.resolved||e.state.showResolved),$=ne=>{let ie=ne.thread,Ke=Ae(ie.root.author,ie.root.name);Ke.classList.add("in");let Ne=m("button",{class:ie.resolved?"mi done":"mi",type:"button",role:"menuitem","data-thread":ie.id},Ke,m("span",{},m("span",{class:"clamp"},ie.root.deleted?"Deleted":ie.root.text),m("small",{},F(ie)?`\u201C${fe(ie.anchor.snapshot,80)}\u201D`:ne.location.where)));return Ne.addEventListener("click",Ot=>{Ot.stopPropagation(),j(ie.id,Ne.getBoundingClientRect().top)}),Ne},I=k.filter(ne=>F(ne.thread)),H="No longer on the page";p.textContent=String(ae()),d.setAttribute("aria-checked",String(e.state.showResolved)),a.replaceChildren(k.length?"":m("div",{class:"sec",role:"presentation"},"No open comments"),...k.filter(ne=>!F(ne.thread)).map($),I.length?m("div",{role:"group","aria-label":H},m("div",{class:"sec","aria-hidden":"true"},H),...I.map($)):"");let K=V(a);g>=0&&K[Math.min(g,K.length-1)]?.focus({preventScroll:!0})}function j(g,k){Me()&&(e.state.reading=!0,C(!1)),J(g,k)}function J(g,k){let $=w.find(K=>K.id===g),I=e.resolved.get(g);if(!$)return;let H=I&&!F($)?I.element??I.range?.startContainer.parentElement??null:null;if(H?.scrollIntoView({block:"center",inline:"nearest",behavior:A?"auto":"smooth"}),H&&I&&Qe($.anchor,I)&&H.checkVisibility?.({visibilityProperty:!0})!==!1){te(),e.open(g);return}e.open(null),Me()&&(e.state.reading=!0,e.render()),de($,k)}function de(g,k){let $={quote:g.anchor.quote?.exact??null,lost:F(g)?g.anchor.snapshot:null};if(T?.id===g.id?T.view.update(g,$):(T={id:g.id,view:_e(g,e.actions,{variant:"popover",...$})},E.replaceChildren(T.view.element)),k===void 0)return;E.isConnected||(e.layer.insertBefore(E,y),E.offsetWidth);let I=St(e.state.listing),{left:H,top:K}=At({x:I.width,y:k,below:!1},{width:Le,height:E.offsetHeight},I);E.style.left=`${H}px`,E.style.top=`${K}px`,E.classList.add("show"),E.inert=!1,e.focusReply(g.id)}function te(g=!1){T&&(T=null,E.classList.remove("show"),Q(E,!0),g&&e.state.reading&&(e.state.reading=!1,e.render()))}function u(g,k,$,I=!1,...H){let K=m("button",{class:"mi",type:"button",role:I?"menuitemcheckbox":"menuitem"},g,m("span",{class:"lb"},k),...H,I&&m("span",{class:"sw","aria-hidden":"true"}),m("span",{class:"tt","aria-hidden":"true"}));return K.addEventListener("click",ne=>{ne.stopPropagation(),$()}),K}let N=(g,k,$,I)=>{let H=g.querySelector(".lb");H.textContent!==k&&(H.textContent=k),g.querySelector(".tt").textContent=$,g.setAttribute("aria-description",$),I!==void 0&&g.setAttribute("aria-checked",String(I))},f=()=>m("div",{class:"sep",role:"separator"}),S=m("span",{class:"ma"}),M=m("span",{class:"kc"}),D="",O=u(S,"",Pt,!1,M);O.dataset.item="name";let _=u(W("copy"),"Copy as Markdown",()=>{Y(),e.menu.copyAll("ai")}),U=u(W("lines"),"Copy as Text",()=>{Y(),e.menu.copyAll("text")}),X=m("span",{class:"kc"}),qe=u(W("list"),"All comments",()=>{P(!1),C(!0)},!1,X),ge=u(W("comment"),"Start commenting",()=>e.setCommenting(!e.state.commenting),!0,m("span",{class:"kc","aria-hidden":"true"},Ge));ge.dataset.item="comment",ge.setAttribute("aria-keyshortcuts",Kt);let ve=[O,f(),_,U,qe,f(),ge];function Ve(){let g=ae(),k=e.menu.name(),$=k||ce(e.doc.me);if(N(O,$,k?"The name on your comments":"Add a name to show on your comments"),O.setAttribute("aria-label",`${$}, ${k?"edit":"add"} your name`),M.replaceChildren(k?W("edit",13):"Add name"),Xe(e.doc.me,k)!==D){D=Xe(e.doc.me,k);let I=Ae(e.doc.me,k);I.classList.add("in"),S.replaceChildren(I)}N(_,"Copy as Markdown","Markdown, with where each thread is"),N(U,"Copy as Text","Just the words"),N(qe,"All comments","Every thread, and where it is"),X.textContent=g?String(g):"",N(ge,"Start commenting",e.state.commenting?"Turn off to hide the comments again":"Shows the comments; choose any part of the page to comment on it",e.state.commenting)}function nt(){Ve(),s.firstChild!==O&&s.replaceChildren(...ve)}function Pt(){let g=m("input",{class:"input",type:"text",maxlength:"80","aria-label":"Your name"});g.value=e.menu.name();let k=m("div",{class:"ed"},S.cloneNode(!0),g),$=(I,H=!1)=>{if(x!==$)return;x=null;let K=g.value.trim();I&&K&&K!==e.menu.name()&&e.menu.rename(K).then(Ve),k.replaceWith(O),H&&O.focus({preventScroll:!0})};x=$,g.addEventListener("keydown",I=>{I.stopPropagation(),(I.key==="Enter"||I.key==="Escape")&&(I.preventDefault(),$(I.key==="Enter",!0))}),g.addEventListener("blur",()=>$(!0)),O.replaceWith(k),g.focus({preventScroll:!0})}o.addEventListener("click",g=>{if(g.stopPropagation(),h){P(!1);return}nt(),P(!0),g.detail===0&&V().at(-1)?.focus({preventScroll:!0})});let Oe=!1,Re=()=>{Oe=y.contains(G())},Ue=g=>{let k=g.composedPath();h&&!k.includes(s)&&!k.includes(o)&&(P(!1),e.state.commenting&&!e.owns(g)&&(e.claim(g),g.preventDefault(),g.stopPropagation())),e.state.listing&&!e.owns(g)&&C(!1,Oe&&(!document.activeElement||document.activeElement===document.body)),!k.includes(E)&&!k.includes(y)&&te(!0)},Ie=g=>{if(!h||g.pointerType==="touch"||g.type==="pointerout"&&g.relatedTarget)return;let k=g.composedPath();g.type==="pointerover"&&(k.includes(s)||k.includes(o))?(window.clearTimeout(v),v=0):v||(v=window.setTimeout(()=>{v=0,x||P(!1)},ur))};window.addEventListener("pointerdown",Re,!0),window.addEventListener("click",Ue,!0),window.addEventListener("pointerover",Ie,!0),window.addEventListener("pointerout",Ie,!0);let ot=g=>{if(g.key!=="Escape"||x)return;let k=g.composedPath()[0];if(h)Y();else if(e.state.listing&&!(k instanceof HTMLTextAreaElement&&!y.contains(k)))C(!1,!0);else if(T)te(!0),e.actions.close();else return;g.stopPropagation()};return window.addEventListener("keydown",ot,!0),{render(g){w=g;let k=ae();if(k!==L){if(k){let[I,H]=t[0].classList.contains("on")?t:[t[1],t[0]];H.textContent=k>99?"99+":String(k),H.classList.toggle("s",k>99),I.classList.remove("on"),H.classList.add("on")}o.classList.toggle("has",k>0),o.setAttribute("aria-label",k?`Comment, ${k} open`:"Comment"),L=k}o.classList.toggle("on",e.state.commenting),h&&Ve();let $=e.state.listing;if(y.classList.toggle("full",Me()),y.classList.contains("show")!==$&&(y.classList.toggle("show",$),Q(y,!$)),$&&pe(),T){let I=g.find(H=>H.id===T?.id);!I||e.state.active||I.resolved&&!e.state.showResolved?te():de(I)}},frame(){},destroy(){window.removeEventListener("pointerdown",Re,!0),window.removeEventListener("click",Ue,!0),window.removeEventListener("pointerover",Ie,!0),window.removeEventListener("pointerout",Ie,!0),window.clearTimeout(v),window.removeEventListener("keydown",ot,!0),s.remove(),y.remove(),E.remove(),i.remove()}}}var Xn=["pipeup-quote","pipeup-on","pipeup-done"],mr={"pipeup-quote":[[250,227,188,.75],[250,200,100,.28]],"pipeup-on":[[247,212,154,.95],[250,200,100,.42]],"pipeup-done":[[180,178,169,.22],[180,178,169,.2]]},fr=(e,t)=>Xn.map(n=>{let[o,r,i,s]=mr[n][e?1:0];return`::highlight(${n}){background-color:rgba(${o},${r},${i},${+(s*t).toFixed(3)})}`}).join("");function Zn(){return typeof CSS<"u"&&"highlights"in CSS&&typeof Highlight<"u"}var hr="<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><rect x='7' y='7' width='23' height='23' rx='4' fill='none' stroke='#534AB7' stroke-width='2' stroke-dasharray='4 3'/><path d='M3 2v15l4-3.5 3 6.5 2.5-1.2-3-6.3H15z' fill='#fff' stroke='#2C2C2A' stroke-width='1.2' stroke-linejoin='round'/></svg>",gr=`:not([data-pipeup-ignore],[data-pipeup-ignore] *){cursor:url("data:image/svg+xml,${encodeURIComponent(hr)}") 3 2,crosshair!important}`;function Qn(e=document,t=!1){let n=e.defaultView?.CSSStyleSheet;if(!n||!("replaceSync"in n.prototype)||!("adoptedStyleSheets"in e))return{gutter(){},picking(){},fade(){},room(){},remove:()=>Gn()};let o=new n,r=null,i=!1,s=1,a=0,p="",l=0,d=()=>o.replaceSync(fr(t,s)+(r===null?"":`:root{--pipeup-gutter:${r}px}`)+(i?gr:"")+(a||p?`html{--pipeup-panel:${a}px;${a?`margin-right:${a}px!important;`:""}${p}}`:""));return d(),e.adoptedStyleSheets=[...e.adoptedStyleSheets,o],{gutter(y){y!==r&&(r=y,d())},picking(y){y!==i&&(i=y,d())},fade(y){s=y,d()},room(y,E){y!==a&&(a=y,p=E?"":"transition:margin-right .34s cubic-bezier(.4,0,.2,1)!important",clearTimeout(l),!y&&p&&(l=window.setTimeout(()=>{p="",d()},400)),d())},remove(){clearTimeout(l),e.adoptedStyleSheets=e.adoptedStyleSheets.filter(y=>y!==o),Gn()}}}function Jn(e){Zn()&&(CSS.highlights.set("pipeup-quote",new Highlight(...e.quote)),CSS.highlights.set("pipeup-on",new Highlight(...e.on)),CSS.highlights.set("pipeup-done",new Highlight(...e.done)))}function Gn(){if(Zn())for(let e of Xn)CSS.highlights.delete(e)}var Jt=':host{all:initial}*{box-sizing:border-box}button{-webkit-appearance:none;appearance:none;font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}svg{display:block}.layer{all:initial;display:block;position:fixed;inset:0;pointer-events:none;font:13px/1.5 var(--pu-font,system-ui,sans-serif);color:var(--pu-ink);--pu-ink:#2C2C2A;--pu-muted:#5F5E5A;--pu-faint:#888780;--pu-line:#E5E3DA;--pu-rule:#ECEAE2;--pu-soft:#FAFAF7;--pu-surface:#FFFFFF;--pu-hover:#F1EFE8;--pu-accent-soft:color-mix(in srgb,var(--pu-accent,#534AB7) 12%,transparent);--pu-shadow:0 8px 28px rgba(44,44,42,.1);--pu-enter:.26s;--pu-move:.34s;--pu-exit:.2s;--pu-pulse:1.2s;--pu-eo:cubic-bezier(.22,.61,.36,1);--pu-eio:cubic-bezier(.4,0,.2,1);--pu-ei:cubic-bezier(.4,0,1,1)}.layer.dark{--pu-ink:#ECEBE6;--pu-muted:#B4B2A9;--pu-faint:#8D8B84;--pu-line:#3A3936;--pu-rule:#34332F;--pu-soft:#22221F;--pu-surface:#1B1B19;--pu-hover:#2C2C29;--pu-shadow:0 8px 28px rgba(0,0,0,.45)}.layer.hidden .bub,.layer.hidden .col,.layer.hidden .pop,.layer.hidden .tip,.layer.hidden .mark,.layer.hidden .selbar{opacity:0!important;pointer-events:none!important}.tx{font-size:14px;line-height:1.5;color:var(--pu-ink);white-space:pre-wrap;overflow-wrap:anywhere}.tx.del,.who,.rest,.ctx{color:var(--pu-faint)}.who,.rest{font-size:12px}.who{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rft>.who{display:block}.ctx[hidden]{display:none}.ctx{font-size:12px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tx a{color:var(--pu-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.ft,.rft{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--pu-enter) var(--pu-eo),opacity var(--pu-enter) var(--pu-eo)}.ft>*,.rft>*{overflow:hidden;min-height:0;display:flex;align-items:center}.root:hover>.ft,.root:focus-within>.ft,.it:hover>.rft,.it:focus-within>.rft{grid-template-rows:1fr;opacity:1}.ft.has-rest{grid-template-rows:1fr;opacity:1}.ft.has-rest>*{grid-area:1/1}.ft .hover{opacity:0;transition:opacity var(--pu-enter) var(--pu-eo)}.ft .rest{transition:opacity var(--pu-enter) var(--pu-eo)}.root:hover>.ft .hover,.root:focus-within>.ft .hover,.ft:not(.has-rest) .hover{opacity:1}.root:hover>.ft .rest,.root:focus-within>.ft .rest{opacity:0}.acts{margin-left:6px;display:flex;flex:none}.ib{width:24px;height:22px;display:grid;place-items:center;border-radius:6px;color:var(--pu-muted);transition:background-color .2s var(--pu-eo),color .2s var(--pu-eo)}.ib:hover,.ib:focus-visible{background:var(--pu-hover);color:var(--pu-ink);outline:none}.rps,.rbox{padding-left:14px}.rps .it{padding-top:6px}.more{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--pu-move) var(--pu-eio)}.more>div{overflow:hidden;min-height:0}.th:not(.on) .more{grid-template-rows:0fr}.row{display:flex;align-items:center;gap:8px;padding:8px 0 2px;cursor:text}.input{flex:1;min-width:0;height:27px;display:block;border:0;border-bottom:1px solid var(--pu-line);outline:none;resize:none;overflow:hidden;font:inherit;font-size:14px;line-height:1.5;padding:3px 0;color:var(--pu-ink);background:transparent;transition:border-color var(--pu-enter) var(--pu-eo)}.row:hover .input,.input:hover{border-bottom-color:var(--pu-muted)}.input:focus{border-bottom-color:var(--pu-accent)}.ed{display:flex;gap:10px;align-items:center;min-height:34px;padding:6px 10px}.ed .input{font-size:13px;height:22px}.root,.it{position:relative;padding-right:30px}.av{display:grid;place-items:center;width:22px;height:22px;border-radius:32%;font-size:12px;font-weight:600;line-height:1;opacity:0;transform:scale(.85);transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-enter) var(--pu-eo)}.av.in{opacity:1;transform:none}.av svg{width:80%;height:80%}.root>.av,.it>.av{position:absolute;top:0;right:0}.it>.av{top:6px}.av{--av-l:92%;--av-d:30%;--s:60%;background:hsl(var(--h) var(--s) var(--av-l));color:hsl(var(--h) var(--s) var(--av-d))}.dark .av{--av-l:20%;--av-d:78%}.c0{--h:0}.c1{--h:25}.c2{--h:50}.c3{--h:130}.c4{--h:175}.c5{--h:215}.c6{--h:270}.c7{--h:330}.c8{--h:28;--s:35%}.c9{--h:220;--s:8%}.me{flex:none;display:grid}.me>.av{grid-area:1/1;width:26px;height:26px;font-size:13px}.you{display:grid;padding:0 34px;min-height:24px;font-size:12px;color:var(--pu-faint)}.you>*{grid-area:1/1;display:flex;align-items:center;min-width:0;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-enter) var(--pu-eo)}.say{white-space:pre;overflow:hidden}.nm{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.say button{flex:none}.say button{color:var(--pu-muted);text-decoration:underline;text-decoration-color:var(--pu-line);text-underline-offset:2px;transition:color .2s var(--pu-eo)}.say button:hover,.say button:focus-visible{color:var(--pu-accent);outline:none}.nf{opacity:0;transform:translateY(-4px);pointer-events:none}.nf .input{font-size:13px;height:24px}.you.naming .nf{opacity:1;transform:none;pointer-events:auto}.you.naming .say{opacity:0;pointer-events:none}.send{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--pu-accent);flex:none;opacity:0;pointer-events:none;transition:opacity var(--pu-enter) var(--pu-eo),background-color .2s var(--pu-eo)}.send.show{opacity:1;pointer-events:auto}.send:hover{background:var(--pu-accent-soft)}.bub{position:fixed;left:0;top:0;width:20px;height:20px;margin:-20px 0 0 -2px;border-radius:50% 50% 50% 0;background:var(--pu-accent);border:2px solid var(--pu-surface);box-shadow:0 1px 4px #0003;pointer-events:auto;opacity:0;transform:translateY(-6px) scale(.9);transform-origin:2px 20px;transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.bub.in{opacity:1;transform:none;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-enter) var(--pu-eo)}.bub.in:hover,.bub.on{transform:scale(1.18)}.bub.done{background:var(--pu-faint)}.bub.ghost{pointer-events:none}.tip,.pop,.menu,.all,.toast,.selbar{background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow)}.tip{position:fixed;max-width:260px;border-radius:10px;padding:7px 10px;opacity:0;transform:translateY(3px);transition:opacity .22s var(--pu-eo),transform .26s var(--pu-eo)}.tip.show{opacity:1;transform:none;pointer-events:auto;cursor:pointer;transition:opacity .22s var(--pu-eo),transform .26s var(--pu-eo),left var(--pu-move) var(--pu-eio),top var(--pu-move) var(--pu-eio)}.pop{position:fixed;width:var(--pu-pop);border-radius:12px;padding:10px 12px 8px;pointer-events:none;opacity:0;transform:translateY(6px) scale(.98);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.pop.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-move) var(--pu-eo)}.pop.show.glide{transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-move) var(--pu-eo),left var(--pu-move) var(--pu-eio),top var(--pu-move) var(--pu-eio)}.mark{position:fixed;border:2px solid color-mix(in srgb,var(--pu-accent) 50%,transparent);background:var(--pu-accent-soft);border-radius:8px;opacity:0;transition:opacity .3s var(--pu-eo)}.mark.show{opacity:1}.pulse{position:fixed;border:2px solid var(--pu-accent);border-radius:8px;background:var(--pu-accent-soft);animation:pu-pulse var(--pu-pulse) var(--pu-eio) forwards}@keyframes pu-pulse{0%{opacity:0;transform:scale(.985)}35%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.col{position:fixed;left:0;top:0;pointer-events:none;transition:opacity var(--pu-enter) var(--pu-eo)}.th{position:absolute;left:0;right:0;top:0;padding:4px 4px 4px 12px;pointer-events:auto;cursor:pointer;box-shadow:inset 2px 0 0 transparent;transition:transform var(--pu-move) var(--pu-eio),box-shadow var(--pu-enter) var(--pu-eo),opacity var(--pu-enter) var(--pu-eo)}.th.hot{box-shadow:inset 2px 0 0 var(--pu-line)}.th.on{box-shadow:inset 2px 0 0 var(--pu-accent);cursor:default}.th.dim{opacity:.45}.th.resolved:not(.on):not(.hot){opacity:.6}.th.lost .ctx{white-space:normal}.th.wait{opacity:0!important;pointer-events:none}.th.out{opacity:0!important;pointer-events:none;transition:opacity var(--pu-exit) var(--pu-ei)}.selbar{position:fixed;display:flex;border-radius:10px;padding:2px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity var(--pu-enter) var(--pu-eo),transform .3s var(--pu-eo)}.selbar.show{opacity:1;transform:none;pointer-events:auto}.selbar button{width:32px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--pu-accent);transition:background-color .2s var(--pu-eo)}.selbar button:hover,.selbar button:focus-visible{background:var(--pu-accent-soft);outline:none}.pick{position:fixed;left:0;top:0;border:2px solid color-mix(in srgb,var(--pu-accent) 70%,transparent);background:color-mix(in srgb,var(--pu-accent) 6%,transparent);border-radius:8px;pointer-events:none;opacity:0;transition:opacity var(--pu-exit) var(--pu-ei),border-color var(--pu-exit) var(--pu-ei)}.pick.show{opacity:1;transition-duration:var(--pu-enter);transition-timing-function:var(--pu-eo)}.pick.show.glide{transition-property:all;transition-duration:var(--pu-move);transition-timing-function:var(--pu-eio)}.pick.on{border-color:var(--pu-accent)}.namebar{position:fixed;left:0;top:0;display:flex;align-items:center;gap:2px;padding:2px 2px 2px 10px;border-radius:10px;font-size:12px;color:var(--pu-muted);white-space:nowrap;background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.namebar.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--pu-enter) var(--pu-eo),transform .3s var(--pu-eo)}.namebar.show.glide{transition-property:all;transition-duration:var(--pu-move);transition-timing-function:var(--pu-eio)}.namebar .lbl{margin-right:6px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.namebar .nb{padding:4px;display:grid;place-items:center;border-radius:7px;transition:background-color .2s var(--pu-eo),color .2s var(--pu-eo)}.namebar .nb:hover,.namebar .nb:focus-visible{background:var(--pu-hover);color:var(--pu-ink);outline:none}.namebar .nb[hidden]{display:none}.launch{position:fixed;right:20px;bottom:20px;pointer-events:auto}.launch .mode{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);transition:background-color .3s var(--pu-eo),color .3s var(--pu-eo)}.mode>*,.cnt>*{grid-area:1/1}.mode>*{display:grid;place-items:center;transition:opacity var(--pu-enter) var(--pu-eo)}.cnt,.has>.plus{opacity:0}.has>.cnt{opacity:1}.n{font-size:12px;font-weight:500;line-height:1;margin:-1.4px 0 0 1.4px;font-variant-numeric:tabular-nums;opacity:0;transition:opacity var(--pu-enter) var(--pu-eo)}.n.s{font-size:9.5px;letter-spacing:-.04em}.n.on{opacity:1}.launch .mode:hover,.launch .mode[aria-expanded=true]{background:var(--pu-hover)}.launch .mode.on{background:var(--pu-accent);color:#fff}.ttip{position:absolute;right:0;bottom:54px;white-space:nowrap;border-radius:8px;padding:4px 9px;font-size:12px;background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.ttip small{margin-left:8px}.ttip small,.mi .kc{font-size:12px;color:var(--pu-faint)}.mode:hover+.ttip,.mode:focus-visible+.ttip{opacity:1;transform:none;transition:opacity var(--pu-enter) var(--pu-eo) .5s,transform var(--pu-enter) var(--pu-eo) .5s}.launch .mode[aria-expanded=true]+.ttip{opacity:0;transition:opacity var(--pu-exit) var(--pu-ei)}@media(hover:none){.ttip,.tt{display:none}}.menu{position:fixed;right:20px;bottom:76px;width:290px;border-radius:12px;padding:4px;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.menu.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-move) var(--pu-eo)}.mi{position:relative;display:flex;gap:10px;align-items:center;width:100%;min-height:34px;text-align:left;padding:6px 10px;border-radius:8px;transition:background-color .2s var(--pu-eo)}.mi:hover,.mi:focus-visible{background:var(--pu-soft);outline:none}.mi svg{color:var(--pu-muted);flex:none}.mi small{display:block;color:var(--pu-faint);font-size:12px}.lb{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ma{flex:none;display:grid;margin:-2px 0}.ma .av{width:20px;height:20px;font-size:11px}.mi .av svg{color:inherit}.sep{height:1px;margin:4px 10px;background:var(--pu-rule)}.tt{position:absolute;right:calc(100% + 14px);top:50%;translate:0 -50%;width:max-content;max-width:220px;padding:4px 9px;border-radius:8px;font-size:12px;line-height:1.4;color:var(--pu-muted);background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);pointer-events:none;opacity:0;transform:translate(3px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.mi:hover>.tt,.mi:focus-visible>.tt{opacity:1;transform:none;transition:opacity var(--pu-enter) var(--pu-eo) .5s,transform var(--pu-enter) var(--pu-eo) .5s}@media(max-width:600px){.tt{right:8px;top:auto;bottom:100%;translate:none;transform:translateY(3px)}}.sw{position:relative;flex:none;width:26px;height:16px;border-radius:8px;background:var(--pu-line);transition:background-color var(--pu-move) var(--pu-eio)}.sw:before,.sw:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform var(--pu-move) var(--pu-eio),opacity var(--pu-move) var(--pu-eio)}.sw:before{opacity:0;transform:translate(10px)}[aria-checked=true]>.sw{background:var(--pu-accent)}[aria-checked=true]>.sw:after{transform:translate(10px)}.all{position:fixed;top:0;right:0;bottom:0;width:var(--pu-panel);display:flex;flex-direction:column;border-width:0 0 0 1px;opacity:0;transform:translate(100%);transition:transform var(--pu-exit) var(--pu-ei),opacity var(--pu-exit) var(--pu-ei)}.all.show{opacity:1;transform:none;pointer-events:auto;transition:transform var(--pu-move) var(--pu-eo),opacity var(--pu-enter) var(--pu-eo)}.all.full{width:100%}.hd{display:flex;align-items:center;gap:8px;padding:12px 10px 8px 16px;font-weight:600}.pn{font-weight:400;color:var(--pu-faint)}.hs{margin-left:auto;display:flex;align-items:center;gap:6px;padding:3px 4px 3px 6px;border-radius:6px;font-size:12px;font-weight:400;color:var(--pu-muted);transition:background-color .2s var(--pu-eo)}.hs:hover,.hs:focus-visible{background:var(--pu-hover);outline:none}.list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px}.all .mi{align-items:flex-start}.all .mi>.av{flex:none}.all .mi>span:last-child{flex:1;min-width:0}.all .mi small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all .mi .av svg{margin:0}.all .mi.done{opacity:.6}.layer.listing .col{opacity:0;transition:opacity var(--pu-exit) var(--pu-ei)}.sec{padding:8px 10px 2px;font-size:12px;color:var(--pu-faint)}.toast{position:fixed;left:50%;bottom:28px;border-radius:10px;padding:8px 14px;font-size:13px;opacity:0;transform:translate(-50%,6px);transition:opacity .3s var(--pu-eo),transform .36s var(--pu-eo)}.toast.show{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.bub,.bub.in,.bub.in:hover,.bub.on,.tip,.pop,.selbar,.menu,.all,.ttip,.tt,.toast{transform:none!important}.sw:after{transform:none!important;transition-property:opacity}[aria-checked=true]>.sw:after{opacity:0}[aria-checked=true]>.sw:before{opacity:1}.th{transition-property:opacity,box-shadow}.tip.show{transition-property:opacity}.pick,.pick.show{transition:opacity .16s ease-in-out}.all,.all.show{transition-property:opacity}.namebar,.namebar.show{transform:none!important;transition:opacity .16s ease-in-out}.av,.nf{transform:none!important}@keyframes pu-pulse{0%{opacity:0}35%{opacity:.85}to{opacity:0}}}';var eo="#534AB7",vr="rgb(0, 0, 238)";function to(e){let t=/rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[,/]\s*([\d.]+%?))?\s*\)/.exec(e);if(!t||t[1]===void 0||t[2]===void 0||t[3]===void 0)return null;let n=t[4]===void 0?1:t[4].endsWith("%")?parseFloat(t[4])/100:parseFloat(t[4]);return{r:Number(t[1]),g:Number(t[2]),b:Number(t[3]),a:n}}function wr(e){let t=n=>{let o=n/255;return o<=.03928?o/12.92:((o+.055)/1.055)**2.4};return .2126*t(e.r)+.7152*t(e.g)+.0722*t(e.b)}function no(e){let t=e.ownerDocument,n=t.defaultView;if(!n)return{font:"system-ui, sans-serif",accent:eo,dark:!1};let o=t.documentElement,r=n.getComputedStyle(e).fontFamily||"system-ui, sans-serif",i=(n.getComputedStyle(o).getPropertyValue("--pipeup-accent")||o.style.getPropertyValue("--pipeup-accent")).trim(),s=e.querySelector("a[href]"),a=s?n.getComputedStyle(s).color:"",p=i||(a&&a!==vr?a:eo),l=to(n.getComputedStyle(t.body).backgroundColor);(!l||l.a===0)&&(l=to(n.getComputedStyle(o).backgroundColor));let d=l&&l.a>0?wr(l)<.2:n.matchMedia?.("(prefers-color-scheme: dark)").matches===!0&&/dark/.test(n.getComputedStyle(o).colorScheme||"");return{font:r,accent:p,dark:!!d}}function oo(e,t){e.style.setProperty("--pu-font",t.font),e.style.setProperty("--pu-accent",t.accent),e.classList.toggle("dark",t.dark)}function ro(e,t=document){let n=t.createElement("pipeup-root");n.setAttribute("data-pipeup-ignore",""),n.style.cssText="position:fixed!important;inset:0!important;pointer-events:none!important;z-index:2147483000!important;display:block!important;margin:0!important;visibility:visible!important;opacity:1!important;transform:none!important;filter:none!important;";let o=n.attachShadow({mode:"open"}),r=t.defaultView?.CSSStyleSheet;if(r&&"replaceSync"in r.prototype&&"adoptedStyleSheets"in o){let s=new r;s.replaceSync(Jt),o.adoptedStyleSheets=[s]}else{let s=t.createElement("style");s.textContent=Jt,o.append(s)}let i=t.createElement("div");return i.className="layer",i.style.setProperty("--pu-panel",`${Je}px`),i.style.setProperty("--pu-pop",`${Le}px`),oo(i,e),o.append(i),t.documentElement.append(n),{element:n,shadow:o,layer:i,destroy:()=>n.remove()}}var yr=40,br=250,xr=120,Er=2400,io=4e3;function ao(e,t=!1){return Xt(e,t)?"column":"bubbles"}function kr(e){return[...e.state.mode==="column"?[Wn(e),Yt(e,{popovers:!1})]:[Yt(e,{popovers:!0})],Yn(e),jn(e)]}var Tr=1e3,Ct="Shown here, but not saved yet \u2014 it will be saved with your next change",Ce=e=>e instanceof Error?e.message.replace(/^pipeup: /,""):"Something went wrong";function so(e){let t=no(e.root),n=ro(t),o=Qn(document,t.dark);o.fade(0);let r=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,i=document.documentElement.hasAttribute("data-pipeup-reserve"),s=new Map,a=new Set,p=new WeakSet,l={active:null,hot:null,showResolved:!1,hidden:!0,mode:ao(e.root),draft:null,commenting:!1,listing:!1,reading:!1,menu:!1},d=m("div",{class:"toast",role:"status","aria-live":"polite"});n.layer.append(d);let y=null,E=[],h=null,x=!1,v=0,w=0,L=0,T=0,A=0,P=!1;function C(c,b=Er){x||(P=b===io,d.textContent=c,d.classList.add("show"),window.clearTimeout(v),v=window.setTimeout(()=>d.classList.remove("show"),b))}function V(){P&&(P=!1,window.clearTimeout(v),d.classList.remove("show"))}function G(c){C(Ce(c))}function Y(c){throw G(c),c}let re=c=>({thread:c,location:pt(c.anchor,s.get(c.id)??je(c.anchor,e.root),e.root)}),F={reply:async(c,b)=>{try{await e.doc.reply(c,b)}catch(R){R instanceof le?C(Ct):Y(R)}},resolve:async c=>{try{await e.doc.resolve(c),l.active===c&&!l.showResolved&&(l.active=null),C("Resolved \xB7 Show resolved brings it back")}catch(b){b instanceof le?(l.active===c&&!l.showResolved&&(l.active=null),C(`Resolved \xB7 ${Ct}`)):C(Ce(b))}},reopen:async c=>{try{await e.doc.reopen(c),C("Reopened")}catch(b){C(b instanceof le?`Reopened \xB7 ${Ct}`:Ce(b))}},close:()=>{ve(null),_&&U(_)?.focus({preventScroll:!0}),_=""},copy:c=>{try{let b=e.doc.threads().find(B=>B.id===c);if(!b)return;let R=gt(re(b),"ai",location.href,Date.now());Qt(R,n.layer).then(()=>C("Thread copied as Markdown for AI"),B=>C(Ce(B)))}catch(b){C(Ce(b))}}};function ae(c){let b=R=>s.get(R.id)?.element??null;return[...c].sort((R,B)=>{let q=b(R),ee=b(B);return!q||!ee?q?-1:ee?1:0:q===ee?0:q.compareDocumentPosition(ee)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1})}let pe={copyAll:async c=>{let b=pe.all(),R=vt(b,c,{title:document.title,url:location.href,exportedAt:new Date});try{await Qt(R,n.layer);let B=b.filter(q=>!q.thread.resolved).length;C(`Copied ${B} thread${B===1?"":"s"}${c==="ai"?" as Markdown for AI":""}`)}catch(B){C(Ce(B))}},toggleResolved:()=>{l.showResolved=!l.showResolved,O()},rename:async c=>{let b=c.replace(/\s+/g," ").trim();try{await Ie(b)?C(`New comments will say ${b}, but this browser couldn't remember it`):C(`New comments will say ${b}`)}catch(R){C(Ce(R))}},name:()=>e.doc.name,all:()=>ae(e.doc.threads()).map(re)},j={doc:e.doc,root:e.root,layer:n.layer,host:n.element,state:l,resolved:s,pending:a,actions:F,menu:pe,visible:c=>!l.hidden&&(!c.resolved||l.showResolved),quoteAt:(c,b)=>{for(let R of e.doc.threads()){let B=s.get(R.id);if(R.anchor.quote&&j.visible(R)&&B?.range&&$n(c,b,Ze(B)))return R}return null},readsAt:(c,b)=>j.draftEmpty()?j.quoteAt(c,b):null,owns:c=>c.composedPath().includes(n.element),claim:c=>void p.add(c),claimed:c=>p.has(c),open:ve,focusReply:c=>ge(c),hot:Ve,startDraft:nt,moveDraft:Pt,draftEmpty:()=>!y||y.isEmpty(),keepCaret:c=>{let b=y?.caret();c(),b?.()},postDraft:ot,cancelDraft:Oe,setCommenting:Re,dismiss:Ue,registerDraft:c=>{y=c},toast:C,report:G,pulse:g,render:O};function J(c){let b=performance.now(),R=e.doc.threads();for(let B of R){if(c&&!c.has(B.id))continue;let q=performance.now()-b<yr,ee=je(B.anchor,e.root,{fuzzy:q});s.set(B.id,ee),!q&&ee.state==="orphaned"?a.add(B.id):a.delete(B.id)}for(let B of[...s.keys()])R.some(q=>q.id===B)||s.delete(B);a.size===0?(window.clearTimeout(T),T=0):T===0&&(T=window.setTimeout(()=>{T=0,!x&&(J(new Set(a)),O())},br))}function de(c){let b=[],R=[],B=[];for(let q of c){let ee=s.get(q.id);q.resolved&&!l.showResolved||!ee?.range||(q.id===l.active||q.id===l.hot?R.push(ee.range):q.resolved?B.push(ee.range):b.push(ee.range))}l.draft&&R.push(...l.draft.ranges),Jn({quote:b,on:R,done:B})}let te=0,u=0,N=0;function f(c){if(c===u)return;u=c,cancelAnimationFrame(N);let b=te,R=performance.now(),B=c?260:200,q=ee=>{let rt=Math.min(1,(ee-R)/B);te=b+(c-b)*(c?1-(1-rt)**3:rt*rt),o.fade(te),rt<1&&(N=requestAnimationFrame(q))};N=requestAnimationFrame(q)}let S=0,M=0;function D(c){c!==S&&(S=c,o.room(c,r),window.clearTimeout(M),M=window.setTimeout(()=>{J(),O()},r?0:400))}function O(){if(x)return;let c=e.doc.threads();l.hidden=!l.commenting&&!l.listing&&!l.reading&&!l.draft,l.hidden&&(l.active=null),f(l.hidden?0:1),n.layer.classList.toggle("hidden",l.hidden),n.layer.classList.toggle("listing",l.listing);let b=l.listing&&!Me();D(b?Je:0),o.gutter(i?l.mode==="column"&&!l.hidden&&!b?tt:0:null),de(c);for(let R of E)R.render(c);h?.render(c)}let _="",U=c=>n.layer.querySelector(`.all .mi[data-thread="${c}"]`),X="input,textarea,select,[contenteditable]:not([contenteditable=false])",qe=()=>{let c=n.layer.getRootNode().activeElement;return c instanceof HTMLTextAreaElement&&c.value!==""||!!document.activeElement?.matches(X)};function ge(c,b=qe()){let R=[...n.layer.querySelectorAll(`[data-thread="${c}"] .rbox textarea`)].find(B=>!B.closest("[inert]"));b||!R||(_=n.layer.getRootNode().activeElement?.getAttribute("data-thread")??"",R.focus({preventScroll:!0}))}function ve(c){if(c&&l.draft&&!j.draftEmpty())return;if(l.active===c&&!l.draft)return c?ge(c):void 0;let b=qe();c||(l.reading=!1),l.active=c,c&&(l.draft=null,g(c)),O(),c&&ge(c,b)}function Ve(c){l.hot!==c&&(l.hot=c,c&&c!==l.active&&g(c),O())}function nt(c){V(),l.listing=!1,l.draft=c,l.active=null,O()}function Pt(c){if(!l.draft)return nt(c);Object.assign(l.draft,c),O()}function Oe(){l.draft&&(l.draft=null,O())}function Re(c){l.commenting!==c&&(l.commenting=c,o.picking(c),c?(l.active=null,l.listing=!1,C(`Click anything to comment \xB7 Option-click (Alt-click) to pin \xB7 ${Ge} or Esc to finish`,io),h=Kn(j)):(V(),h?.destroy(),h=null),O())}function Ue(){if(l.draft){j.draftEmpty()&&Oe();return}l.active&&ve(null)}async function Ie(c){try{return await e.onName(c),!1}catch(b){if(e.doc.name!==c)throw b;return!0}}async function ot(c){let b=l.draft;if(b)try{let R=await e.doc.comment(b.anchor,c);l.draft=null,J(new Set([R])),ve(R)}catch(R){if(R instanceof le){l.draft=null,J(new Set([R.id])),ve(R.id),C(Ct);return}Y(R)}}function g(c){let b=s.get(c);if(!b||b.state==="orphaned")return;let R=b.range?Ze(b):b.element?[b.element.getBoundingClientRect()]:[];for(let B of R.slice(0,6)){let q=m("div",{class:"pulse"});Fe(q,B,4),n.layer.prepend(q),window.setTimeout(()=>q.remove(),1300)}}function k(){for(let c of E)c.destroy();E=kr(j),O()}let $=()=>{if(!x){for(let c of E)c.frame();h?.frame(),A=requestAnimationFrame($)}},I=c=>{let b=c.composedPath()[0];return b instanceof Element&&b.closest(X)!==null},H=c=>{if(c.key==="Escape"){l.draft?Oe():l.active?ve(null):h&&!h.back()&&Re(!1);return}Rn(c)&&!c.isComposing&&!c.defaultPrevented&&!I(c)&&(c.preventDefault(),Re(!l.commenting))},K=c=>{if(j.owns(c)||p.has(c))return;let b=window.getSelection();b&&!b.isCollapsed||Ue()},ne=()=>{let c=ao(e.root,l.mode==="column");c!==l.mode?(l.mode=c,k()):O()};function ie(){let c=performance.now();w===0&&(L=c),window.clearTimeout(w);let b=Math.min(xr,Math.max(0,L+Tr-c));w=window.setTimeout(()=>{w=0,J(),O()},b)}let Ke=new MutationObserver(c=>{c.every(b=>n.element.contains(b.target))||ie()});window.addEventListener("keydown",H),window.addEventListener("click",K),window.addEventListener("resize",ne),Ke.observe(e.root,{subtree:!0,childList:!0,characterData:!0});let Ne=typeof ResizeObserver>"u"?null:new ResizeObserver(ie);Ne?.observe(e.root);let Ot=e.doc.onChange(()=>{J(),O()});return J(),k(),A=requestAnimationFrame($),{ctx:j,destroy(){x=!0,cancelAnimationFrame(A),cancelAnimationFrame(N),window.clearTimeout(M),window.clearTimeout(v),window.clearTimeout(w),window.clearTimeout(T),Ke.disconnect(),Ne?.disconnect(),Ot(),window.removeEventListener("keydown",H),window.removeEventListener("click",K),window.removeEventListener("resize",ne),h?.destroy();for(let c of E)c.destroy();o.remove(),n.destroy()}}}var Pe=null,Sr=4e3;function en(e={}){if(Pe)return Pe;let t=Lr(e,()=>t).catch(n=>{throw Pe===t&&(Pe=null),n});return Pe=t,t}function Ar(e,t){return new Promise((n,o)=>{let r=setTimeout(()=>o(new Error("timed out")),t);e.then(n,o).finally(()=>clearTimeout(r))})}async function Lr(e,t){let n=document.documentElement.getAttribute("data-pipeup-doc"),{id:o,key:r}=n?await it(n):{id:`page-${be(location.origin+location.pathname)}`,key:null},i,s=!1,a;if(e.store)i=e.store,a=await He(i);else try{let h=De.open();i=await Ar(h,Sr).catch(x=>{throw h.then(v=>v.close(),()=>{}),x}),a=await He(i)}catch{i=new Be,s=!0,a=await He(i)}let p=e.name?.trim();p&&p!==a.name&&(a={...a,name:p},await i.saveProfile(a));let l=await $e.open({doc:o,key:r,store:i,identity:a.identity,name:a.name}),d=so({doc:l,root:e.root??document.body,onName:async h=>{l.name=h,a={...a,name:h},await i.saveProfile(a)}});s&&d.ctx.toast("This browser can't keep comments for this page \u2014 copy the comments (Copy as Markdown) to keep them");let y=()=>void l.flush().catch(h=>globalThis.reportError?.(h)),E=!1;return window.addEventListener("pagehide",y),{document:l,flush:()=>l.flush(),unmount:()=>{E||(E=!0,window.removeEventListener("pagehide",y),d.destroy(),Pe===t()&&(Pe=null))}}}function lo(){let e=document.documentElement;if(!e.hasAttribute("data-pipeup-doc")||e.getAttribute("data-pipeup-auto")==="off")return;let t=()=>void en().catch(n=>console.error(n));document.readyState==="loading"?document.addEventListener("DOMContentLoaded",t,{once:!0}):t()}var Mr="0.4.0-beta.1";typeof document<"u"&&lo();return ho(Cr);})();
package/dist/types/core.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const VERSION = "0.4.0-beta.0";
1
+ export declare const VERSION = "0.4.0-beta.1";
2
2
  export { PipeupDocument, UnsavedChangeError, type Listener, type OpenOptions } from "./document";
3
3
  export { DEFAULT_PROFILE_NAME, MemoryStore, loadOrCreateProfile, type OpStore, type Profile, } from "./storage/store";
4
4
  export { IndexedDbStore } from "./storage/indexeddb";
package/dist/types/ui/context.d.ts CHANGED
@@ -27,6 +27,8 @@ export interface UiState {
27
27
  listing: boolean;
28
28
  /** A thread chosen from All comments on a narrow screen is open: comments show until it closes. */
29
29
  reading: boolean;
30
+ /** The comment control's menu is open: in comment mode a click outside it only closes it. */
31
+ menu: boolean;
30
32
  }
31
33
  /** Something that draws: rebuilt on render, repositioned every frame. */
32
34
  export interface View {
@@ -67,6 +69,8 @@ export interface Ctx {
67
69
  owns(e: Event): boolean;
68
70
  /** A view handled this page event; the app won't treat it as a click elsewhere. */
69
71
  claim(e: Event): void;
72
+ /** A view already handled this event. */
73
+ claimed(e: Event): boolean;
70
74
  open(id: string | null): void;
71
75
  /** Puts the cursor in thread `id`'s reply line, unless the reader is typing elsewhere. */
72
76
  focusReply(id: string): void;
package/dist/types/ui/highlights.d.ts CHANGED
@@ -8,7 +8,8 @@ export interface PageSheet {
8
8
  fade(k: number): void;
9
9
  /**
10
10
  * Makes room for the All comments panel: a right margin of `px` on the page, easing in and out unless
11
- * `still`; 0 takes it away (the page eases back, then the rule goes).
11
+ * `still`; 0 takes it away (the page eases back, then the rule goes). The width is also published as
12
+ * --pipeup-panel, so a page's fixed elements can move clear of the panel too.
12
13
  */
13
14
  room(px: number, still: boolean): void;
14
15
  remove(): void;
package/dist/types/ui/pick.d.ts CHANGED
@@ -8,6 +8,8 @@ export interface Look {
8
8
  };
9
9
  /** The element draws something of its own — a background, border or shadow — so it reads as a block. */
10
10
  drawn(el: Element): boolean;
11
+ /** The element lays out its children as flex or grid, so with several children it visibly groups them. */
12
+ grouped(el: Element): boolean;
11
13
  viewport(): {
12
14
  width: number;
13
15
  height: number;
@@ -17,5 +19,5 @@ export interface Look {
17
19
  export declare function pickBlock(from: Element, root: Element, look: Look): Element | null;
18
20
  /** The next block out from `el` with a different box (wrappers the same size are skipped). */
19
21
  export declare function parentBlock(el: Element, root: Element, look: Look): Element | null;
20
- /** The real page: boxes from layout, "drawn" from computed backgrounds, borders and shadows. */
22
+ /** The real page: boxes from layout, "drawn" and "grouped" from computed styles. */
21
23
  export declare function pageLook(win?: Window): Look;