pipeup 0.4.0-beta.0 → 0.4.0-beta.2
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.
- package/README.md +15 -7
- package/dist/pipeup.core.js +6 -6
- package/dist/pipeup.esm.js +7 -7
- package/dist/pipeup.min.js +7 -7
- package/dist/types/anchor/locate.d.ts +2 -0
- package/dist/types/core.d.ts +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/ui/context.d.ts +12 -1
- package/dist/types/ui/here.d.ts +62 -0
- package/dist/types/ui/highlights.d.ts +2 -1
- package/dist/types/ui/mount.d.ts +3 -0
- package/dist/types/ui/pick.d.ts +3 -1
- package/dist/types/ui/styles.d.ts +1 -1
- package/dist/types/ui/thread-view.d.ts +4 -1
- 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: ${
|
|
3
|
-
`),
|
|
4
|
-
`)}function
|
|
1
|
+
"use strict";var Pipeup=(()=>{var zt=Object.defineProperty;var Oo=Object.getOwnPropertyDescriptor;var Ro=Object.getOwnPropertyNames;var Io=Object.prototype.hasOwnProperty;var No=(e,t)=>{for(var n in t)zt(e,n,{get:t[n],enumerable:!0})},$o=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Ro(t))!Io.call(e,r)&&r!==n&&zt(e,r,{get:()=>t[r],enumerable:!(o=Oo(t,r))||o.enumerable});return e};var Do=e=>$o(zt({},"__esModule",{value:!0}),e);var Qr={};No(Qr,{ANIMALS:()=>Me,COLOURS:()=>At,DEFAULT_PROFILE_NAME:()=>Xt,IndexedDbStore:()=>Be,MemoryStore:()=>Fe,PipeupDocument:()=>He,UnsavedChangeError:()=>de,VERSION:()=>Zr,animalName:()=>pe,copyAll:()=>Ct,copyThread:()=>Mt,createIdentity:()=>vt,describeElement:()=>Ze,describeRange:()=>Tt,formatAgo:()=>Ce,labelOf:()=>Le,loadOrCreateProfile:()=>Ve,locate:()=>xt,mount:()=>hn,nameOf:()=>re,newDocumentAttribute:()=>vn,onReveal:()=>ho,parseDocumentAttribute:()=>gt,resolveAnchor:()=>et,setViewState:()=>fo});function ce(e){let t="";for(let n of e)t+=String.fromCharCode(n);return btoa(t).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")}function xe(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 gn(e=16){return ce(crypto.getRandomValues(new Uint8Array(e)))}function he(e){return new TextEncoder().encode(e)}function Te(e){if(e===null||typeof e!="object")return JSON.stringify(e);if(Array.isArray(e))return"["+e.map(Te).join(",")+"]";let t=e;return"{"+Object.keys(t).filter(n=>t[n]!==void 0).sort().map(n=>JSON.stringify(n)+":"+Te(t[n])).join(",")+"}"}function Ee(e){return e.replace(/\s+/g," ").trim()}function ke(e){let t=Ee(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 vn(){return`${gn(12)}:${ce(crypto.getRandomValues(new Uint8Array(32)))}`}async function gt(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",xe(o),{name:"AES-GCM"},!1,["encrypt","decrypt"]);return{id:n,key:r}}async function wn(e,t,n){let o=crypto.getRandomValues(new Uint8Array(12)),r=await crypto.subtle.encrypt({name:"AES-GCM",iv:o,additionalData:he(n)},e,he(t));return{iv:ce(o),data:ce(new Uint8Array(r))}}async function yn(e,t,n){try{let o=await crypto.subtle.decrypt({name:"AES-GCM",iv:xe(t.iv),additionalData:he(n)},e,xe(t.data));return new TextDecoder().decode(o)}catch{throw new Error("pipeup: this feedback could not be opened with this document")}}var Bo=/^[A-Za-z0-9_-]{43}$/,Fo=512,Ae=new Map;async function vt(){let e=await crypto.subtle.generateKey({name:"Ed25519"},!1,["sign","verify"]),t=new Uint8Array(await crypto.subtle.exportKey("raw",e.publicKey));return{publicKey:ce(t),privateKey:e.privateKey}}async function bn(e,t){let n=await crypto.subtle.sign({name:"Ed25519"},e.privateKey,t);return ce(new Uint8Array(n))}async function xn(e,t,n){if(!Bo.test(e))return!1;try{if(ce(xe(e))!==e)return!1;let o=Ae.get(e);if(!o){Ae.size>=Fo&&Ae.delete(Ae.keys().next().value),o=crypto.subtle.importKey("raw",xe(e),{name:"Ed25519"},!0,["verify"]),Ae.set(e,o);let r=o;r.catch(()=>{Ae.get(e)===r&&Ae.delete(e)})}return await crypto.subtle.verify({name:"Ed25519"},await o,xe(n),t)}catch{return!1}}var wt=1e4,Wt=2**40,yt=2**47,G={doc:64,path:2e3,snapshot:500,anchorId:200,quote:1e4,context:64,viewEntries:16,viewKey:64,viewValue:200},Vo=/^[0-9a-f]{8}$/,Kt=/^[A-Za-z0-9_-]{43}$/,_o=/^[A-Za-z0-9_-]{43}$/,qo=new Set(["create","reply","edit","delete","resolve","reopen"]);async function kn(e,t){if(e.author!==t.publicKey)throw new Error("pipeup: an op must be signed by its author");return{body:e,sig:await bn(t,he(Te(e)))}}var ge=(e,t)=>typeof e=="string"&&e.length<=t,En=e=>typeof e=="number"&&Number.isFinite(e)&&e>=0&&e<=1;function jt(e){if(!e||typeof e!="object")return!1;let{id:t,path:n,fingerprint:o,snapshot:r,quote:i,point:a,view:s}=e;if(!ge(n,G.path)||!ge(r,G.snapshot)||typeof o!="string"||!Vo.test(o)||t!==void 0&&(!ge(t,G.anchorId)||t===""))return!1;if(i!==void 0){if(!i||typeof i!="object")return!1;let d=i;if(!ge(d.exact,G.quote)||d.exact===""||!ge(d.prefix,G.context)||!ge(d.suffix,G.context))return!1}if(a!==void 0){if(!a||typeof a!="object")return!1;let d=a;if(!En(d.x)||!En(d.y))return!1}if(s!==void 0){if(!s||typeof s!="object"||Array.isArray(s))return!1;let d=Object.entries(s);if(d.length>G.viewEntries||!d.every(([c,p])=>c.length<=G.viewKey&&ge(p,G.viewValue)))return!1}return!0}function Sn(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"||!Kt.test(o.id)||typeof o.kind!="string"||!qo.has(o.kind)||!ge(o.doc,G.doc)||o.doc===""||typeof o.thread!="string"||!Kt.test(o.thread)||typeof o.author!="string"||!_o.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>Wt||typeof o.at!="number"||!Number.isSafeInteger(o.at)||o.at<0||o.at>yt||o.text!==void 0&&(!ge(o.text,wt)||o.text!==o.text.trim())||o.target!==void 0&&(typeof o.target!="string"||!Kt.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||!jt(o.anchor)))}function Tn(e){return xn(e.body.author,he(Te(e.body)),e.sig)}function An(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 Mn(e){let t=new Map,n=new Map,o=new Map;for(let{body:r}of[...e].sort(An)){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 s=Ln(r.id,r.author,r.name,r.text,r.at);t.set(r.id,{id:r.id,anchor:r.anchor,root:s,resolved:!1}),n.set(r.id,{comment:s,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 a=r.target?n.get(r.target):void 0;if(!(!a||a.thread!==r.thread)){if(r.kind==="reply"){if(n.has(r.id)||r.text===void 0)continue;let s=Ln(r.id,r.author,r.name,r.text,r.at);i.root.replies.push(s),n.set(r.id,{comment:s,thread:r.thread});continue}r.author!==a.comment.author||a.comment.deleted||(r.kind==="edit"&&r.text!==void 0&&(a.comment.text=r.text,a.comment.edited=!0),r.kind==="delete"&&(a.comment.text="",a.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 Ln(e,t,n,o,r){return{id:e,author:t,name:n,text:o,at:r,edited:!1,deleted:!1,replies:[]}}async function Yt(e){let t={...e,id:void 0,thread:e.kind==="create"?void 0:e.thread},n=await crypto.subtle.digest("SHA-256",he(Te(t)));return ce(new Uint8Array(n))}var bt=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 Mn(this.ops.values())}async add(t){let n=[];for(let o of t)!Sn(o)||o.body.doc!==this.doc||this.ops.has(o.body.id)||o.body.id!==await Yt(o.body)||!await Tn(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,Wt),at:Math.min(Math.max(Date.now(),o.kind==="create"?(this.createAt.get(t.publicKey)??0)+1:(this.threadAt.get(o.thread)??0)+1),yt)};for(let s=0;;s++){if(s===1e3)throw new Error("pipeup: could not record this change");if(r.id=await Yt(r),!this.ops.has(r.id)||r.at>=yt)break;r.at+=1}let i=this.ops.get(r.id);if(i)return i;r.kind==="create"&&(r.thread=r.id);let[a]=await this.add([await kn(r,t)]);if(!a)throw new Error("pipeup: could not record this change");return a}};var Uo=5e6,Cn=e=>`pipeup-file:${e}`;async function Pn(e,t,n){let o=n?{pipeup:1,doc:e,sealed:!0,...await wn(n,JSON.stringify(t),Cn(e))}:{pipeup:1,doc:e,sealed:!1,ops:t};return JSON.stringify(o,null,2)}async function On(e,t,n){if(e.length>Uo)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 yn(n,{iv:o.iv,data:o.data},Cn(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 Rn=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"}},He=class e{constructor(t,n){this.log=t;this.options=n;this.displayName=n.name.trim()?In(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>G.doc)throw new Error(`pipeup: the document id must be 1 to ${G.doc} characters`);let n=new bt(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=In(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:Gt(n)}))}reply(t,n){return this.enqueue(()=>this.write({kind:"reply",thread:this.find(t).thread,target:t,text:Gt(n)}))}edit(t,n){return this.enqueue(async()=>{let{thread:o}=this.mine(t);await this.write({kind:"edit",thread:o,target:t,text:Gt(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 Pn(this.options.doc,this.log.all(),this.options.key)}importFile(t){return this.enqueue(async()=>{let n=await this.log.add(await On(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 Gt(e){let t=e.trim();if(!t)throw new Error("pipeup: a comment needs some words");if(t.length>wt)throw new Error(`pipeup: comments are limited to ${wt} characters`);return t}function In(e){let t=e.replace(/\s+/g," ").trim();if(!t||t.length>Rn)throw new Error(`pipeup: choose a name of 1 to ${Rn} characters`);return t}var Be=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=zo(o);try{for(let a of n)r.put({doc:t,id:a.body.id,op:a})}catch(a){throw o.abort(),i.catch(()=>{}),a}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"),a=t;r.oncomplete=()=>n(a),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 s=i.get("profile");s.onsuccess=()=>{s.result?a=s.result:i.put(t,"profile")}})}request(t,n,o){return new Promise((r,i)=>{let a=o(this.db.transaction(t,n).objectStore(t));a.onsuccess=()=>r(a.result),a.onerror=()=>i(a.error??new Error("pipeup: local storage request failed"))})}};function zo(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 Fe=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}},Xt="",Ko="Reviewer";async function Ve(e,t=Xt){let n=await e.loadProfile();if(n)return n.name===Ko?{...n,name:""}:n;let o={identity:await vt(),name:t};return e.saveProfileIfAbsent(o)}var Wo={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"},jo=40;function Le(e){let t=e.getAttribute("data-pipeup-label");if(t)return t;let n=Wo[e.tagName.toUpperCase()]??"Block",o=Ee(e.getAttribute("aria-label")??e.getAttribute("alt")??e.innerText??e.textContent??"");return o?`${n} \xB7 ${Jt(o,jo)}`:n}function xt(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,a=t.element;if(t.state==="orphaned"||!a)return{where:`No longer on the page (it read: "${e.snapshot}")`,element:null,id:o,quote:r,pin:i};let s=[],d=e.view?.slide;if(d){let p=a.closest("[data-pipeup-slide]")?.querySelector("h1,h2,h3")?.textContent;s.push(`Slide ${d}`+(p?` "${Jt(Ee(p))}"`:""))}else{let p=Et(e.view);p&&s.push(p);let x=Yo(a,n);x&&s.push(`Section "${Jt(Ee(x.textContent??""))}"`)}let c=Le(a);return s.push(c),{where:s.join(" \u203A "),element:c,id:o,quote:r,pin:i}}function Et(e){return e?e.label||Object.entries(e).filter(([t,n])=>n&&t!=="slide").map(([,t])=>t).join(" \xB7 "):""}function Yo(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 Jt(e,t=60){return e.length>t?e.slice(0,t-1)+"\u2026":e}function Je(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 Zt(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=Nn(e,t,!1),r=Nn(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 Nn(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 $n=32,Hn=200,Go="p,li,h1,h2,h3,h4,h5,h6,td,th,blockquote,pre,figcaption,dt,dd,summary,caption";function Bn(e){return e.nodeType===Node.ELEMENT_NODE?e:e.parentElement}function Fn(e,t){for(let n=Bn(e)?.closest("[data-pipeup-id]")??null;n;){if(!t.contains(n))return null;let o=n.getAttribute("data-pipeup-id")??"";if(o!==""&&o.length<=G.anchorId)return n;n=n.parentElement?.closest("[data-pipeup-id]")??null}return null}function Xo(e){let t=e;return/[\uD800-\uDBFF]$/.test(t)&&(t=t.slice(0,-1)),/^[\uDC00-\uDFFF]/.test(t)&&(t=t.slice(1)),t}function kt(e,t,n){return Xo(e.slice(t,n))}function Jo(e,t){let n=Zo(e,t);if(n.length>G.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 Vn(e){if(!jt(e))throw new Error("pipeup: could not describe this place on the page");return e}function St(e,t){let n=Bn(e),o=n?.closest(Go)??null;return o&&t.contains(o)?o:n&&t.contains(n)?n:t}function Zo(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 Tt(e,t,n){if(!t.contains(e.commonAncestorContainer))throw new Error("pipeup: the selection is outside the commentable area");let o=Fn(e.commonAncestorContainer,t),r=o??t,{text:i}=Je(r),a=Zt(r,e.startContainer,e.startOffset),s=Zt(r,e.endContainer,e.endOffset),d=i.slice(a,s);if(d==="")throw new Error("pipeup: select some text to comment on");if(d.length>G.quote)throw new Error(`pipeup: selections are limited to ${G.quote} characters`);let c=kt(i,Math.max(0,a-$n),a),p=kt(i,s,s+$n);return Vn({...o?{id:o.getAttribute("data-pipeup-id")??""}:{},path:"",quote:{exact:d,prefix:c,suffix:p},...n?{view:n}:{},fingerprint:ke(St(e.startContainer,t).textContent??""),snapshot:kt(Ee(c+d+p),0,Hn)})}function Ze(e,t,n,o){let r=Fn(e,t);return Vn({...r?{id:r.getAttribute("data-pipeup-id")??""}:{},path:Jo(r??t,e),...n?{point:{x:Dn(n.x),y:Dn(n.y)}}:{},...o?{view:o}:{},fingerprint:ke(e.textContent??""),snapshot:kt(Ee(e.textContent??""),0,Hn)})}function Dn(e){return Number.isFinite(e)?Math.min(1,Math.max(0,e)):0}function Qo(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 a=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)+a)}[n,o]=[o,n]}return n[t.length]??0}function _n(e,t,n){let o=t.length;if(o===0)return null;let r=Array.from({length:o+1},(p,x)=>x),i=new Array(o+1).fill(0),a=-1,s=1/0;for(let p=1;p<=e.length;p++){i[0]=0;let x=e.charCodeAt(p-1);for(let f=1;f<=o;f++){let S=t.charCodeAt(f-1)===x?0:1;i[f]=Math.min((r[f]??0)+1,(i[f-1]??0)+1,(r[f-1]??0)+S)}let T=i[o]??1/0;T<s&&(s=T,a=p),[r,i]=[i,r]}if(s>n)return null;let d=Math.max(0,a-o),c=1/0;for(let p=Math.max(0,a-o-n);p<=Math.min(a,a-o+n);p++){let x=Qo(e.slice(p,a),t);x<c&&(c=x,d=p)}return{start:d,end:a,distance:c}}var Qe={state:"orphaned",element:null,range:null},er=5e4,tr=300,nr=12,or=":scope > ";function rr(e,t){for(let n of e.querySelectorAll("[data-pipeup-id]"))if(n.getAttribute("data-pipeup-id")===t)return n;return null}function et(e,t,n={}){let o=e.id?rr(t,e.id):t;return e.quote?sr(e,e.quote,o,t,n.fuzzy!==!1):ir(e,o)}function ir(e,t){if(!t)return Qe;let n=t;if(e.path){if(!e.path.startsWith(or))return Qe;try{n=t.querySelector(e.path)}catch{return Qe}}return n?{state:ke(n.textContent??"")===e.fingerprint?"attached":"moved",element:n,range:null}:Qe}function sr(e,t,n,o,r){let i=n??o,a=Je(i),s=ar(a.text,t);if(s>=0){let d=Qt(a,s,s+t.exact.length);if(d){let c=St(d.startContainer,o);return{state:n!==null&&ke(c.textContent??"")===e.fingerprint?"attached":"moved",element:c,range:d}}}if(r){let d=i===o?a:Je(o);if(d.text.length<=er&&t.exact.length>=nr&&t.exact.length<=tr){let c=_n(d.text,t.exact,Math.floor(t.exact.length/4)),p=c?Qt(d,c.start,c.end):null;if(p)return{state:"moved",element:St(p.startContainer,o),range:p}}}return Qe}function ar(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),a=e.slice(r+t.exact.length,r+t.exact.length+t.suffix.length),s=cr(i,t.prefix)+lr(a,t.suffix);s>o&&(n=r,o=s)}return n}function lr(e,t){let n=0;for(;n<e.length&&n<t.length&&e[n]===t[n];)n++;return n}function cr(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 Me=["Otter","Fox","Owl","Bear","Rabbit"],At=["Red","Orange","Yellow","Green","Teal","Blue","Purple","Pink","Brown","Grey"];function qn(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 en=e=>qn(e)%Me.length,tn=e=>Math.floor(qn(e)/Me.length)%At.length,pe=e=>`${At[tn(e)]} ${Me[en(e)]}`,re=e=>e.name||pe(e.author);var dr="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 Ce(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 Mt(e,t,n,o){return t==="ai"?Un(e,"## Comment thread",o,n):zn(e)}function Ct(e,t,n){let o=e.filter(s=>!s.thread.resolved);if(t==="text")return o.map(zn).join(`
|
|
2
|
+
`);let r=e.length-o.length,i=[`# Review comments: ${te(n.title)}`,"",`- **Page:** ${te(n.url)}`,`- **Exported:** ${n.exportedAt.toISOString()}`,`- **Open threads:** ${o.length}${r?` (${r} resolved, not included)`:""}`,"",dr,"",""].join(`
|
|
3
|
+
`),a=n.exportedAt.getTime();return i+o.map((s,d)=>Un(s,`## Thread ${d+1}`,a)).join(`
|
|
4
|
+
`)}function te(e){return e.replace(/\s+/g," ").trim()}function Un(e,t,n,o){let{thread:r,location:i}=e,a=r.root.replies.length,s=[`${t} \xB7 ${r.resolved?"resolved":"open"}`];if(s.push(`- **Thread:** ${r.id}`),o&&s.push(`- **Page:** ${te(o)}`),s.push(`- **Where:** ${te(i.where)}`),i.id){let d=te(i.id.replace(/`/g,""));s.push(`- **Element:** \`[data-pipeup-id="${d}"]\`${i.element?` (${te(i.element)})`:""}`)}i.quote&&s.push(`- **Quoted text:** "${te(i.quote)}"`),i.pin&&s.push(`- **Pin:** ${te(i.pin)}`),s.push(`- **Started by:** ${te(re(r.root))}, ${Ce(r.root.at,n)}${a?` \xB7 ${a} ${a===1?"reply":"replies"}`:""}`,"",`**${te(re(r.root))}** (${Ce(r.root.at,n)}): ${Lt(r.root," ")}`);for(let d of r.root.replies)s.push(`- **${te(re(d))}** (${Ce(d.at,n)}): ${Lt(d," ")} <!-- comment:${d.id} -->`);return s.join(`
|
|
5
5
|
`)+`
|
|
6
|
-
`}function
|
|
6
|
+
`}function zn(e){let{thread:t,location:n}=e,o=[te(n.where)+(n.quote?`, on the text "${te(n.quote)}"`:""),`${te(re(t.root))}: ${Lt(t.root," ")}`];for(let r of t.root.replies)o.push(` ${te(re(r))}: ${Lt(r," ")}`);return o.join(`
|
|
7
7
|
`)+`
|
|
8
|
-
`}function
|
|
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);})();
|
|
8
|
+
`}function Lt(e,t){return e.deleted?"(deleted)":e.text.replace(/\r\n|\r|\n/g,`
|
|
9
|
+
`+t)+(e.edited?" (edited)":"")}function h(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 ne(e,t){let n=e.getRootNode().activeElement;t&&n instanceof HTMLElement&&e.contains(n)&&n.blur(),e.inert=t}function ve(e,t){return e.length>t?e.slice(0,t-1)+"\u2026":e}function _e(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 pr=/\bhttps?:\/\/[^\s<>"'`]+/gi,ur=`.,;:!?'"]}`,mr=2048,fr=/[\u202A-\u202E\u2066-\u2069]/;function hr(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(!ur.includes(r))break;o--}return e.slice(0,o)}function Pt(e){let t=[],n=0;for(let o of e.matchAll(pr)){if(o[0].length>mr||fr.test(o[0]))continue;let r=hr(o[0]),i=o.index??0,a;try{let d=new URL(r);if(d.protocol!=="http:"&&d.protocol!=="https:")continue;a=d.href}catch{continue}i>n&&t.push(e.slice(n,i));let s=h("a",{href:a,target:"_blank",rel:"noopener noreferrer"},r);s.addEventListener("click",d=>d.stopPropagation()),t.push(s),n=i+r.length}return n<e.length&&t.push(e.slice(n)),t}var we={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"}},Kn=typeof navigator<"u"&&/Mac|iP(hone|ad|od)/.test(navigator.platform),tt=(Kn?we.mac:we.other).label,nn=(Kn?we.mac:we.other).aria;function Wn(e){return e.code===we.code&&e.shiftKey===we.mods.shift&&e.altKey===we.mods.alt&&e.metaKey===we.mods.meta&&e.ctrlKey===we.mods.ctrl&&!e.repeat&&!e.getModifierState("AltGraph")}var jn="http://www.w3.org/2000/svg",gr={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 Q(e,t=15,n){let o=on(gr[e],t);return n&&o.setAttribute("stroke-width",String(n)),o}function on(e,t){let n=document.createElementNS(jn,"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(jn,"path");i.setAttribute("d",r),n.append(i)}return n}var Ot=(e,t,n)=>`M${e} ${t}a${n} ${n} 0 1 0 ${2*n} 0a${n} ${n} 0 1 0 -${2*n} 0`,vr={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${Ot(7.4,11.5,1.9)}${Ot(12.8,11.5,1.9)}M11.3 14.6l.7 1 .7-1`,Bear:`${Ot(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:`${Ot(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 Yn(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 nt=(e,t)=>Yn(t)||pe(e);function Pe(e,t){return h("span",{class:`av c${tn(e)}`,"aria-hidden":"true","data-animal":pe(e)},Yn(t)||on([vr[Me[en(e)]]],24))}var wr=320;function Rt(e,t){setTimeout(()=>{e.remove(),t?.()},wr)}function It(e){return requestAnimationFrame(()=>{e.offsetWidth,e.classList.add("in")}),e}function Nt(e){let t=h("textarea",{class:"input",rows:"1","aria-label":e.label}),n=h("button",{class:"send",type:"button","aria-label":"Send",title:"Send"},Q("send")),o=h("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`},a=async()=>{let s=t.value.trim();if(!(!s||r)){r=!0;try{await e.M(s),t.value="",i()}catch{}finally{r=!1}}};return o.addEventListener("mousedown",s=>{s.target===t||n.contains(s.target)||(s.preventDefault(),t.focus({preventScroll:!0}),t.setSelectionRange(t.value.length,t.value.length))}),t.addEventListener("input",i),t.addEventListener("keydown",s=>{s.stopPropagation(),s.key==="Enter"&&!s.shiftKey&&!s.isComposing?(s.preventDefault(),a()):s.key==="Escape"&&(s.preventDefault(),t.value="",i(),t.blur(),e.C?.())}),n.addEventListener("click",s=>{s.stopPropagation(),a()}),{element:o,input:t,focus:()=>t.focus({preventScroll:!0}),clear:()=>{t.value="",i()}}}function yr(e){let t=h("button",{class:"me",type:"button",tabindex:"-1","aria-hidden":"true"});t.addEventListener("mousedown",y=>y.preventDefault());let n=Nt({label:"Comment",before:t,M:e.M,C:e.C}),o=h("div",{class:"say"}),r=h("input",{class:"input",type:"text",maxlength:"80","aria-label":"Your name"}),i=h("div",{class:"nf"},r),a=h("div",{class:"you"},o,i),s="",d=!1,c=()=>{let y=e.name(),w=y?"change":"add your name";if(t.title=y?"Change your name":"Add your name",!t.lastChild||s!==y){let b=Pe(e.me,y),v=t.lastChild;v?(It(b),Rt(v)):b.classList.add("in"),t.append(b),s=y}let A=h("button",{type:"button"},w);A.addEventListener("click",x),o.replaceChildren(h("span",{class:"nm"},y||`You're ${pe(e.me)}`)," \xB7 ",A)},p=y=>{a.classList.toggle("naming",y),ne(o,y),ne(i,!y)};function x(y){y.stopPropagation(),r.value=e.name(),p(!0),r.focus({preventScroll:!0}),r.select()}let T=()=>{p(!1),n.focus()};t.addEventListener("click",x),r.addEventListener("keydown",y=>{if(y.stopPropagation(),y.key==="Escape")y.preventDefault(),T();else if(y.key==="Enter"){y.preventDefault();let w=r.value.trim();if(!w||w===e.name())return T();if(d)return;d=!0,e.rename(w).finally(()=>{d=!1,c(),T()})}}),c(),p(!1);let f=h("div",{class:"ctx"},e.label);return{element:h("div",{class:"draft"},f,n.element,a),G:()=>{let{selectionStart:y,selectionEnd:w}=n.input;return()=>{n.focus(),n.input.setSelectionRange(y,w)}},O:y=>{f.hidden=y},D:y=>{f.textContent=y},focus:()=>n.focus(),X:()=>n.input.value.trim()===""}}function $t(e,t){let n=yr({label:t.label,me:e.doc.me,name:()=>e.l.name(),rename:o=>e.l.rename(o),M:o=>e.J(o),C:()=>e.Z()});return e.L(n),n}function Dt(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 ot(e){return e.range?[...e.range.getClientRects()]:[]}function rn(e,t){let n=ot(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 rt(e,t){let n=ot(t).at(-1);if(n)return{x:n.left,y:n.bottom,below:!0};let o=Dt(e,t);return o?{...o,below:!1}:null}function Gn(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 Xn(e,t,n=10){let o=[...e].sort((s,d)=>s.u-d.u),r=new Array(o.length).fill(0),i=o.findIndex(s=>s.id===t),a=s=>o[s];if(i<0)o.forEach((s,d)=>{r[d]=d===0?s.u:Math.max(s.u,(r[d-1]??0)+a(d-1).height+n)});else{r[i]=a(i).u;for(let s=i+1;s<o.length;s++)r[s]=Math.max(a(s).u,(r[s-1]??0)+a(s-1).height+n);for(let s=i-1;s>=0;s--)r[s]=Math.min(a(s).u,(r[s+1]??0)-a(s).height-n)}return new Map(o.map((s,d)=>[s.id,r[d]??0]))}var it=320,Oe=300,br=480,Re=()=>window.innerWidth<=br;function Ht(e){let t=window.innerWidth;return{width:e&&!Re()?t-it:t,height:window.innerHeight}}function Bt(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 Jn(e,t,n,o=12,r=44){let i=e.top-r>=8,a=e.top+e.height+8+(i?0:r),s=e.top-8-(i?r:0)-t.height,d=a+t.height<=n.height-o||s<o,c=d?a:s;return{above:!d,left:Math.max(o,Math.min(e.left,n.width-t.width-o)),top:Math.max(o,c)}}function Ft(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 Zn=e=>`${e} ${e===1?"reply":"replies"}`;function qe(e,t,n){let o={...n},r=e.id,i=h("div",{class:"rbox always"},h("div",{},Nt({label:"Reply",M:w=>t.reply(r,w),C:t.close}).element)),a=h("div",{}),s=h("div",{}),d=null,c=h("div",{},s,h("div",{class:"more"},a)),p=new Map,x=new Map,T=new Map,f=w=>{let A=nt(w.author,w.name),b=p.get(w.id),v=b?.el;if((!v||b.key!==A)&&(v=It(Pe(w.author,w.name)),b)){let I=b.el;T.set(w.id,I),Rt(I,()=>T.get(w.id)===I&&T.delete(w.id))}v.title=re(w),x.set(w.id,{key:A,el:v});let L=T.get(w.id);return L?[L,v]:[v]},S=(w,A,b)=>{let v=h("button",{class:"ib",type:"button","aria-label":A,title:A},Q(w));return v.addEventListener("click",L=>{L.stopPropagation(),b()}),v};function y(w,A={}){Object.assign(o,A),r=w.id;let b=(o.now??Date.now)(),v=w.root.replies.length,L=j=>h("span",{class:"who"},`${re(j)} \xB7 ${Ce(j.at,b)}`),I=j=>h("div",{class:j.deleted?"tx del":"tx"},...j.deleted?["Deleted"]:[...Pt(j.text),j.edited?" (edited)":""]),z=w.resolved?"Resolved"+(v?` \xB7 ${Zn(v)}`:""):v?Zn(v):"",W=h("div",{class:o.R==="column"&&z?"ft has-rest":"ft"},o.R==="column"&&z?h("span",{class:"rest"},z):null,h("span",{class:"hover"},L(w.root),h("span",{class:"acts"},S("copy","Copy thread",()=>t.copy(w.id)),w.resolved?S("reopen","Reopen",()=>void t.reopen(w.id)):S("resolve","Resolve",()=>void t.resolve(w.id))))),K=o.lost?h("div",{class:"ctx"},`${o.place||"No longer on the page"} \u2014 it read \u201C${ve(o.lost,120)}\u201D`):o.quote?h("div",{class:"ctx"},`\u201C${ve(o.quote,80)}\u201D`):null;x=new Map;let H=h("div",{class:"root"},...f(w.root),K,I(w.root),W);s.replaceWith(H),s=H,d?.remove(),d=v?h("div",{class:"rps"},...w.root.replies.map(j=>h("div",{class:"it"},...f(j),I(j),h("div",{class:"rft"},L(j))))):null,d&&a.prepend(d),p=x,w.resolved?i.remove():i.parentNode!==a&&a.append(i),c.className=w.resolved?"thread resolved":"thread",c.setAttribute("data-thread",w.id)}return y(e),{element:c,update:y}}var xr="a,button,input,select,textarea,label,summary,[role=button],[contenteditable]",Er=400;function sn(e,t){let n=new Map,o=h("div",{class:"tip",role:"tooltip"}),r=h("div",{class:"mark"}),i=h("div",{class:"pop",role:"dialog","aria-label":"Comment thread"});o.inert=i.inert=!0,e.n.append(r,o,i);let a=h("div",{class:"bub pin ghost","aria-hidden":"true"}),s=[],d=null,c=null,p=null,x=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,T=0,f=null,S=null,y=null,w=0,A=g=>s.find(M=>M.id===g)??null,b=()=>t.H||e.state.o,v=!1,L=g=>{let M=e.resolved.get(g.id);return M?rt(g.anchor,M):null};function I(g,M,R){let{left:B,top:Y}=Bt(M,{width:g.offsetWidth||R,height:g.offsetHeight},Ht(e.state.o));g.style.left=`${B}px`,g.style.top=`${Y}px`}function z(g){let M=g&&b()&&e.state.t!==g?A(g):null,R=M?L(M):null;if(!M||!R){y=null,o.classList.remove("show"),ne(o,!0);return}if(y!==M.id){let B=M.root.replies.length;o.replaceChildren(h("div",{class:"tx clamp"},...M.root.deleted?["Deleted"]:Pt(M.root.text)),h("div",{class:"who"},`${re(M.root)}${B?` \xB7 ${B} ${B===1?"reply":"replies"}`:""}`)),y=M.id}I(o,R,260),o.classList.contains("show")||o.offsetWidth,o.classList.add("show"),o.inert=!1}function W(g){f=g,z(g),e.m(g)}function K(g){if(window.clearTimeout(w),g!==null){W(g);return}w=window.setTimeout(()=>W(null),b()?Er:0)}o.addEventListener("mouseenter",()=>window.clearTimeout(w)),o.addEventListener("mouseleave",()=>K(null)),o.addEventListener("click",g=>{g.stopPropagation();let M=y;M&&(window.clearTimeout(w),W(null),e.open(M))});function H(g){let M=n.get(g.id);if(M)return M;let R=h("button",{class:"bub",type:"button","aria-label":`Comment: ${ve(g.root.text,60)}`});return R.addEventListener("mouseenter",()=>K(g.id)),R.addEventListener("mouseleave",()=>K(null)),R.addEventListener("click",B=>{B.stopPropagation(),z(null),e.open(g.id)}),e.n.insertBefore(R,r),n.set(g.id,R),R}let j=!1;function X(){let g=e.state.e,M=p&&g&&!g.anchor.quote&&!g.anchor.point?g.resolved.element:null;if(M){let{left:B,top:Y,above:F}=Jn(M.getBoundingClientRect(),{width:i.offsetWidth||Oe,height:i.offsetHeight},{width:window.innerWidth,height:window.innerHeight}),J=p?.above!==null&&p?.above!==F;if(p&&(p.above=F),J&&ue())return;i.style.left=`${B}px`,i.style.top=`${Y}px`;return}let R=p&&g?rt(g.anchor,g.resolved):d?L(d):null;R&&I(i,R,Oe)}let ie=g=>e.state.s&&!g.anchor.quote&&!g.anchor.point;function ue(){return window.clearTimeout(T),x?(i.classList.remove("show"),T=window.setTimeout(()=>{X(),i.classList.add("show")},220),!0):(i.classList.add("glide"),T=window.setTimeout(()=>i.classList.remove("glide"),450),!1)}function me(g){if(window.clearTimeout(T),x){i.classList.remove("show"),T=window.setTimeout(()=>{p?.i.D(g),X(),i.classList.add("show")},220);return}p?.i.D(g),i.classList.add("glide"),T=window.setTimeout(()=>i.classList.remove("glide"),450)}function ye(){if(!b())return null;let g=e.state.e;return g?g.anchor.quote||g.anchor.point||e.state.s?null:g.resolved.element:!d||d.anchor.quote||d.anchor.point?null:e.resolved.get(d.id)?.element??null}function se(g){s=g;let M=new Set;for(let F of g){if(!e.I(F)||F.anchor.quote)continue;let J=e.resolved.get(F.id);if(!J||J.state==="orphaned")continue;M.add(F.id);let oe=H(F);oe.classList.toggle("done",F.resolved),oe.classList.toggle("on",e.state.t===F.id),oe.classList.toggle("pin",F.anchor.point!==void 0)}for(let[F,J]of n)M.has(F)||(J.classList.remove("in"),n.delete(F),window.setTimeout(()=>J.remove(),300));z(f),v!==e.state.o&&i.classList.contains("show")&&!x&&(window.clearTimeout(T),i.classList.add("glide"),T=window.setTimeout(()=>i.classList.remove("glide"),450)),v=e.state.o;let R=t.H?e.state.e:null;if(R){p?.of!==R?(window.clearTimeout(T),i.classList.remove("glide"),p={i:$t(e,R),of:R,at:R.resolved.element,above:null},p.i.O(ie(R)),i.replaceChildren(p.i.element),i.inert=!1,p.i.focus(),d=null,c=null,X(),i.classList.add("show")):p&&(p.at!==R.resolved.element&&(p.at=R.resolved.element,p.above=null,me(R.label)),p.i.O(ie(R)));let F=!e.c.f(R.anchor.view);F!==j&&(j=F,i.classList.toggle("show",!F),i.inert=F,F||X());return}p&&(window.clearTimeout(T),i.classList.remove("glide"),p=null,j=!1,e.L(null));let B=b()&&e.state.t?A(e.state.t):null;if(!B||!e.I(B)){d=null,c=null,i.classList.remove("show"),ne(i,!0);return}let Y=B.anchor.quote?.exact??null;!d||!c||d.id!==B.id?(c=qe(B,e.N,{R:"popover",quote:Y}),i.replaceChildren(c.element),d=B,X(),i.classList.add("show"),i.inert=!1):d!==B&&(c.update(B,{quote:Y}),d=B)}function u(){for(let[B,Y]of n){let F=A(B),J=e.resolved.get(B),oe=F&&J?Dt(F.anchor,J):null;if(!oe||oe.y<-40||oe.y>window.innerHeight+40){Y.style.visibility="hidden";continue}Y.style.visibility="",Y.style.left=`${oe.x}px`,Y.style.top=`${oe.y}px`,Y.classList.contains("in")||(Y.offsetWidth,Y.classList.add("in"))}let g=e.state.e,M=g?.anchor.point&&e.c.f(g.anchor.view)?Dt(g.anchor,g.resolved):null;M?(a.style.left=`${M.x}px`,a.style.top=`${M.y}px`,a.classList.contains("in")||(e.n.insertBefore(a,r),a.offsetWidth,a.classList.add("in"))):a.classList.contains("in")&&(a.classList.remove("in"),window.setTimeout(()=>a.classList.contains("in")||a.remove(),300)),i.classList.contains("show")&&X();let R=ye();r.classList.toggle("show",R!==null),R&&_e(r,R.getBoundingClientRect(),4)}let V=g=>{if(e.w(g)){let R=g.composedPath()[0];S!==null&&!(R instanceof Element&&R.closest(".tip,.bub"))&&K(null),S=null;return}let M=e.B(g.clientX,g.clientY)?.id??null;M!==S&&(S=M,K(M))},U=g=>{if(e.w(g))return;let M=window.getSelection();if(M&&!M.isCollapsed||(e.state.s?g.altKey:g.target instanceof Element&&g.target.closest(xr)))return;let R=e.B(g.clientX,g.clientY);R&&(e.U(g),z(null),e.open(R.id))};return window.addEventListener("pointermove",V,{capture:!0,passive:!0}),window.addEventListener("click",U,!0),{d:se,k:u,destroy(){window.clearTimeout(w),window.clearTimeout(T),window.removeEventListener("pointermove",V,!0),window.removeEventListener("click",U,!0),e.L(null);for(let g of n.values())g.remove();a.remove(),o.remove(),r.remove(),i.remove()}}}var kr="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}]`),Sr=["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",...kr].join(","),Tr="a,button,label,summary,[role=button],[role=link],[role=tab],[role=option],[role=menuitem]",Ar=.6,Vt=2,Qn=(e,t)=>Math.abs(e.left-t.left)<=Vt&&Math.abs(e.top-t.top)<=Vt&&Math.abs(e.width-t.width)<=Vt&&Math.abs(e.height-t.height)<=Vt;function st(e,t,n){if(e===t||!t.contains(e)||e.closest("[data-pipeup-ignore]"))return null;let o=n.F(),r=Ar*o.width*o.height,i=null;for(let s=e;s&&s!==t;s=s.parentElement){let d=n.i(s);if(!(d.width<2||d.height<2)){if(s.hasAttribute("data-pipeup-id")){i=s;break}if(!(d.width*d.height>r)&&(s.matches(Sr)||n.Q(s)||s.childElementCount>1&&!s.parentElement?.closest(Tr)&&n.ee(s))){i=s;break}}}if(!i||i.hasAttribute("data-pipeup-id"))return i;let a=n.i(i);for(let s=i.parentElement;s&&s!==t&&Qn(n.i(s),a);s=s.parentElement)if(s.hasAttribute("data-pipeup-id"))return s;return i}function an(e,t,n){let o=n.i(e);for(let r=e.parentElement;r&&r!==t;){let i=st(r,t,n);if(!i)return null;if(!Qn(n.i(i),o))return i;r=i.parentElement}return null}function eo(e=window){return{i:t=>t.getBoundingClientRect(),Q: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"},ee:t=>/^(inline-)?(flex|grid)$/.test(e.getComputedStyle(t).display),F:()=>({width:e.innerWidth,height:e.innerHeight})}}var oo="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]",Lr=`${oo},input,select,textarea,[contenteditable]:not([contenteditable=false]),[tabindex]:not([tabindex="-1"])`,to=["click","dblclick","auxclick","submit","contextmenu","dragstart"],no=[...["over","out","enter","leave","down","up"].flatMap(e=>[`pointer${e}`,`mouse${e}`]),"mousemove","touchstart","touchmove","touchend","touchcancel"],Mr=400;function ro(e,t=eo()){let n=h("div",{class:"pick"});e.n.append(n);let o=h("span",{class:"lbl"}),r=h("button",{class:"nb",type:"button","aria-label":"Select the block around it",title:"Select the block around it"},Q("expand",16)),i=h("div",{class:"namebar",role:"toolbar","aria-label":"Chosen block"},o,r);i.inert=!0,e.n.append(i),i.addEventListener("mousedown",u=>u.preventDefault()),r.addEventListener("click",u=>{u.stopPropagation();let V=d&&an(d,e.root,t);V&&K(V)});let a=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,s=null,d=null,c=null,p=null,x=0,T=()=>{},f=null,S=()=>{},y=u=>!e.w(u)&&!(u.target instanceof Element&&u.target.closest("[data-pipeup-ignore]"));function w(){p&&(n.classList.toggle("glide",performance.now()<x),_e(n,p.getBoundingClientRect(),4))}function A(){if(!f)return;i.classList.toggle("glide",performance.now()<x&&i.classList.contains("show"));let u=f.getBoundingClientRect(),{left:V,top:U}=Ft({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=`${V}px`,i.style.top=`${U}px`}function b(u,V){p=u,x=V?performance.now()+Mr:0,w(),n.classList.add("show")}function v(u,V){let U=getComputedStyle(u);if(U.opacity==="0")return V(),()=>{};let g=0,M=()=>{window.clearTimeout(g),u.removeEventListener("transitionend",B)},R=()=>{M(),V()},B=F=>{F.target===u&&F.propertyName==="opacity"&&R()},Y=Math.max(...U.transitionDuration.split(",").map(F=>parseFloat(F)*1e3||0));return g=window.setTimeout(R,Y+100),u.addEventListener("transitionend",B),M}function L(u){if(u!==s){if(s=u,T(),!u){n.classList.remove("show");return}getComputedStyle(n).opacity==="0"?b(u,!1):a?(n.classList.remove("show"),T=v(n,()=>b(u,!1))):b(u,!0)}}function I(u){d=u,n.classList.toggle("on",u!==null),L(u),S(),i.inert=!u,u?a?(i.classList.remove("show"),S=v(i,()=>z(u))):z(u):(i.classList.remove("show"),f=null)}function z(u){o.textContent=o.title=Le(u);let V=an(u,e.root,t)===null;r.hidden=V;let U=i.classList.contains("show");f=u,A(),U||(i.offsetWidth,i.classList.add("show"))}function W(u){let V;try{V=Ze(u,e.root,void 0,e.c.view(u))}catch(M){e.V(M);return}let U={anchor:V,label:Le(u),ranges:[],resolved:{state:"attached",element:u,range:null}},g=e.state.e;I(u),c=g??{...U,ranges:[]},g?e.te({...U,ranges:[]}):e._(c)}function K(u){e.ne(()=>W(u))}function H(u){let V=(u.target instanceof Element?st(u.target,e.root,t):null)??e.root,U=V.getBoundingClientRect();if(!U.width||!U.height)return;let g={x:(u.clientX-U.left)/U.width,y:(u.clientY-U.top)/U.height},M;try{M=Ze(V,e.root,g,e.c.view(V))}catch(B){e.V(B);return}let R=Le(V).replace(/^[A-Z](?=[a-z])/,B=>B.toLowerCase());I(null),L(null),e._({anchor:M,label:`Pin on ${R}`,ranges:[],resolved:{state:"attached",element:V,range:null}})}function j(u){let V=window.getSelection();if(V&&!V.isCollapsed)return;if(e.state.e&&(u.altKey||!e.S())){e.$();return}if(!u.altKey&&e.B(u.clientX,u.clientY))return;if(e.state.t&&e.open(null),u.altKey){H(u);return}let U=u.target instanceof Element?st(u.target,e.root,t):null;U?W(U):(e.$(),I(null))}let X=u=>{if(!e.w(u)){if(!y(u)){d||L(null);return}u.stopPropagation(),!(d||e.state.e)&&L(!ie()&&u.target instanceof Element?st(u.target,e.root,t):null)}},ie=()=>{let u=window.getSelection();return!!u&&!u.isCollapsed&&u.toString().trim()!==""},ue=()=>{!d&&ie()&&L(null)},me=u=>{y(u)&&(u.stopPropagation(),(u.type==="pointerdown"||u.type==="mousedown")&&u.target instanceof Element&&u.target.closest(Lr)&&u.preventDefault())},ye=u=>{y(u)&&(u.preventDefault(),u.stopPropagation(),u.type==="click"&&!e.state.l&&!e.oe(u)&&j(u))},se=u=>{(u.key==="Enter"||u.key===" ")&&y(u)&&u.target instanceof Element&&u.target.closest(oo)&&(u.preventDefault(),u.stopPropagation())};window.addEventListener("pointermove",X,!0),document.addEventListener("selectionchange",ue);for(let u of no)window.addEventListener(u,me,!0);for(let u of to)window.addEventListener(u,ye,!0);return window.addEventListener("keydown",se,!0),{back(){return d?(I(null),!0):!1},d(){let u=e.state.e;c&&u!==c?(c=null,I(null)):u&&!c&&(s||d)&&I(null)},k(){w(),A()},destroy(){T(),S(),window.removeEventListener("pointermove",X,!0),document.removeEventListener("selectionchange",ue);for(let u of no)window.removeEventListener(u,me,!0);for(let u of to)window.removeEventListener(u,ye,!0);window.removeEventListener("keydown",se,!0),n.classList.remove("show"),i.classList.remove("show"),ne(i,!0),v(n,()=>n.remove()),v(i,()=>i.remove())}}}var Cr=300,Pr=32,ln=220,at=320,Or=24,io=24;function cn(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 s=n.clientWidth,c=getComputedStyle(r).maxWidth,p;return c.endsWith("px")?p=parseFloat(c):c.endsWith("%")?p=parseFloat(c)/100*s:p=r.getBoundingClientRect().width,o!=="column"&&s<p+at-(t?Or:0)?null:{x:s-at+io,width:at-2*io}}let i=r.getBoundingClientRect().right;if(window.innerWidth-i<Cr&&o!=="column")return null;let a=i+Pr;return{x:a,width:Math.max(220,Math.min(300,window.innerWidth-a-16))}}function dn(e,t){let n=e.resolved.get(t.id);return!n||n.state==="orphaned"&&!e.z.has(t.id)}function so(e){let t=h("div",{class:"col"});e.n.append(t);let n=new Map,o=null,r=new ResizeObserver(()=>s()),i=f=>dn(e,f);function a(f){let S=e.resolved.get(f.id),y=S?rn(f.anchor,S):null;return y===null?Number.POSITIVE_INFINITY:y+window.scrollY-4}function s(){let f=[],S=[];for(let[v,L]of n){let I=a(L.thread);if(Number.isFinite(I))L.placed=I;else if(e.z.has(v)){if(L.placed===null){L.el.classList.add("wait");continue}I=L.placed}Number.isFinite(I)?f.push({id:v,u:I,height:L.el.offsetHeight}):S.push({id:v,height:L.el.offsetHeight})}let y=e.state.e,w=y?rn(y.anchor,y.resolved):null;o&&w!==null&&f.push({id:"draft",u:w+window.scrollY-4,height:o.el.offsetHeight});let A=Xn(f,o?"draft":e.state.t),b=Math.max(0,...f.map(v=>(A.get(v.id)??0)+v.height))+24;for(let v of S)A.set(v.id,b),b+=v.height+10;for(let[v,L]of n){if(L.el.classList.contains("wait")){if(!A.has(v))continue;L.el.style.transition="none",L.el.style.transform=`translateY(${Math.round(A.get(v))}px)`,L.el.offsetWidth,L.el.style.transition="",L.el.classList.remove("wait");continue}L.el.style.transform=`translateY(${Math.round(A.get(v)??0)}px)`}o&&(o.el.style.transform=`translateY(${Math.round(A.get("draft")??0)}px)`)}function d(f,S){f.thread=S,f.lost=i(S),f.view.update(S,{lost:f.lost?S.anchor.snapshot:null})}function c(f){let S=i(f),y=qe(f,e.N,{R:"column",lost:S?f.anchor.snapshot:null}),w=h("div",{class:"th","data-thread":f.id},y.element);return w.style.transition="none",w.addEventListener("mouseenter",()=>e.m(f.id)),w.addEventListener("mouseleave",()=>e.m(null)),w.addEventListener("click",()=>e.open(f.id)),t.append(w),r.observe(w),{el:w,thread:f,lost:S,placed:null,view:y}}function p(){let f=e.state.e;if(o&&f&&o.of!==f){let S=o.el;r.unobserve(S),S.classList.add("out"),window.setTimeout(()=>S.remove(),ln),o=null}if(f&&o&&(o.i.D(f.label),o.i.O(e.state.s&&!f.anchor.quote&&!f.anchor.point)),f&&!o){let S=$t(e,f),y=h("div",{class:"th on"},S.element);y.style.transition="none",t.append(y),r.observe(y),o={el:y,i:S,of:f},S.O(e.state.s&&!f.anchor.quote&&!f.anchor.point),S.focus()}else if(!f&&o){let S=o.el;r.unobserve(S),S.classList.add("out"),window.setTimeout(()=>S.remove(),ln),o=null,e.L(null)}}function x(f){ne(t,e.state.o);let S=new Set,y=[],w=e.state.t!==null||e.state.e!==null;for(let A of f){if(!e.I(A))continue;S.add(A.id);let b=n.get(A.id);b?(b.thread!==A||b.lost!==i(A))&&d(b,A):(b=c(A),n.set(A.id,b),y.push(b.el));let v=b.el;v.classList.toggle("on",e.state.t===A.id);let L=v.querySelector(".more");L&&ne(L,e.state.t!==A.id),v.classList.toggle("dim",w&&e.state.t!==A.id),v.classList.toggle("hot",e.state.m===A.id&&e.state.t!==A.id),v.classList.toggle("resolved",A.resolved),v.classList.toggle("lost",b.lost)}for(let[A,b]of n)S.has(A)||(n.delete(A),r.unobserve(b.el),b.el.classList.add("out"),window.setTimeout(()=>b.el.remove(),ln));p(),s(),o&&y.push(o.el);for(let A of y)A.offsetWidth,A.style.transition=""}function T(){let f=cn(e.root,!0);f&&(t.style.width=`${f.width}px`,t.style.transform=`translate(${f.x}px, ${-window.scrollY}px)`)}return{d:x,k:T,destroy(){r.disconnect(),e.L(null),t.remove()}}}var Rr="[data-pipeup-ignore],input,textarea,select,[contenteditable]:not([contenteditable=false])";function ao(e){let t=h("button",{type:"button","aria-label":"Comment",title:"Comment"},Q("comment",17)),n=h("div",{class:"selbar"},t);n.inert=!0,e.n.append(n);let o=null,r=p=>{let x=p&&(p.nodeType===Node.ELEMENT_NODE?p:p.parentElement);return!!x&&e.root.contains(x)&&!x.closest(Rr)};function i(){if(!o)return;let p=o.getBoundingClientRect(),{left:x,top:T}=Ft({left:p.left,top:p.top,width:p.width,height:p.height},{width:n.offsetWidth||36,height:n.offsetHeight||34},{width:window.innerWidth,height:window.innerHeight});n.style.left=`${x}px`,n.style.top=`${T}px`}function a(){o=null,n.inert=!0,n.classList.remove("show")}function s(){let p=window.getSelection();if(!e.state.s||!p||p.isCollapsed||p.rangeCount===0||!p.toString().trim()||!r(p.anchorNode)||!r(p.focusNode)){a();return}o=p.getRangeAt(0).cloneRange(),i(),n.inert=!1,n.classList.add("show")}t.addEventListener("mousedown",p=>p.preventDefault()),t.addEventListener("click",p=>{if(p.stopPropagation(),e.state.e&&!e.S())return e.$();let x=o;if(!x)return;let T;try{T=Tt(x,e.root,e.c.view(x.commonAncestorContainer))}catch(S){e.V(S),a();return}let f=ve(x.toString().replace(/\s+/g," ").trim(),60);window.getSelection()?.removeAllRanges(),a(),e._({anchor:T,label:`\u201C${f}\u201D`,ranges:[x],resolved:{state:"attached",element:null,range:x}})});let d=()=>{if(!o)return;let p=window.getSelection();(!p||p.isCollapsed||!p.toString().trim())&&a()};document.addEventListener("selectionchange",d);let c=p=>{e.w(p)||window.setTimeout(s,0)};return window.addEventListener("mouseup",c,!0),window.addEventListener("keyup",c,!0),{d(){!e.state.s&&o&&a()},k(){o&&i()},destroy(){window.removeEventListener("mouseup",c,!0),window.removeEventListener("keyup",c,!0),document.removeEventListener("selectionchange",d),n.remove()}}}async function pn(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 Ir=3e3,lo="Hidden on the page";function co(e){let t=[h("span",{class:"n"}),h("span",{class:"n"})],n=Q("comment",20,1.4);n.lastElementChild.setAttribute("stroke-width","1.6");let o=h("button",{class:"mode",type:"button","aria-label":"Comment","aria-keyshortcuts":nn,"aria-haspopup":"menu","aria-expanded":"false"},h("span",{class:"plus"},n),h("span",{class:"cnt"},Q("bubble",34,1.4),...t),h("span",{class:"dot"})),r=document.createTextNode("Comment"),i=h("span",{class:"ttip","aria-hidden":"true"},r,h("small",{},tt)),a=h("div",{class:"launch"},o,i),s=h("div",{class:"menu",role:"menu","aria-label":"Comments"}),d=h("div",{class:"list",role:"menu","aria-label":"All comments"}),c=h("span",{class:"pn"}),p=h("button",{class:"ib",type:"button","aria-label":"Close"},Q("close")),x=h("button",{class:"hs",type:"button",role:"switch","aria-checked":"false"},"Show resolved",h("span",{class:"sw","aria-hidden":"true"}));x.addEventListener("click",m=>{m.stopPropagation(),e.l.re()});let T=h("div",{class:"all",role:"dialog","aria-label":"All comments"},h("div",{class:"hd"},h("span",{},"All comments"),c,x,p),d),f=h("div",{class:"pop side",role:"dialog","aria-label":"Comment thread"});s.inert=T.inert=f.inert=!0,e.n.append(s,a,T);let S=!1,y=null,w=0,A=[],b=0,v=null,L=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,I=m=>{S=e.state.l=m,window.clearTimeout(w),w=0,m||y?.(!0),s.classList.toggle("show",m),ne(s,!m),o.setAttribute("aria-expanded",String(m))},z=(m,E=!1)=>{e.state.o!==m&&(e.state.o=m,e.d(),m?(W(d)[0]??p).focus({preventScroll:!0}):E&&o.focus({preventScroll:!0}))},W=(m=s)=>[...m.querySelectorAll(".mi")],K=()=>s.getRootNode().activeElement,H=()=>{I(!1),o.focus({preventScroll:!0})},j=m=>{let E=W(m.currentTarget);if(E.length===0)return;let O=K(),C=E.indexOf(O),D=N=>{m.preventDefault(),E[(N+E.length)%E.length]?.focus({preventScroll:!0})};m.key==="ArrowDown"?D(C+1):m.key==="ArrowUp"?D(C<0?E.length-1:C-1):m.key==="Home"?D(0):m.key==="End"&&D(E.length-1)};s.addEventListener("keydown",j),d.addEventListener("keydown",j),p.addEventListener("click",m=>{m.stopPropagation(),z(!1,!0)});let X=m=>dn(e,m),ie=()=>A.filter(m=>!m.resolved&&!e.T(m)).length,ue=()=>A.filter(m=>!m.resolved&&e.T(m)).length,me=()=>A.filter(m=>!m.resolved).length,ye=m=>{let E=m.anchor.view?.slide,O=e.c.f(m.anchor.view)?"":Et(m.anchor.view);return E&&e.c.slide()!==null?`On slide ${E}`:O?`In ${O}`:lo},se=(m,E,O="")=>h("div",{role:"group","aria-label":O?`${m} \xB7 ${O}`:m},h("div",{class:"sec","aria-hidden":"true"},m,O&&h("b",{},O)),...E);function u(m,E){let O=e.c.slide(),C=new Map;for(let D of m){let N=D.thread,q=O!==null?N.anchor.view?.slide??O:e.T(N)?e.c.f(N.anchor.view)?"":Et(N.anchor.view):null;C.set(q,[...C.get(q)??[],D])}if(O===null){let D=C.get(null)??[];return C.delete(null),[...D.map(E),...[...C].map(([N,q])=>se(N||lo,q.map(E)))]}return[...C].sort(([D],[N])=>Number(D)-Number(N)||0).map(([D,N])=>se(`Slide ${D} \xB7 ${N.filter(q=>!q.thread.resolved).length} open`,N.map(E),D===O?"This slide":""))}function V(){let m=K()?.dataset.thread,E=e.l.all().filter(N=>!N.thread.resolved||e.state.p),O=N=>{let q=N.thread,le=Pe(q.root.author,q.root.name);le.classList.add("in");let Xe=h("button",{class:q.resolved?"mi done":"mi",type:"button",role:"menuitem","data-thread":q.id},le,h("span",{},h("span",{class:"clamp"},q.root.deleted?"Deleted":q.root.text),h("small",{},X(q)?`\u201C${ve(q.anchor.snapshot,80)}\u201D`:N.location.where)));return Xe.addEventListener("click",l=>{l.stopPropagation(),U(q.id,Xe.getBoundingClientRect().top)}),Xe},C=E.filter(N=>X(N.thread));c.textContent=String(me()),x.setAttribute("aria-checked",String(e.state.p)),d.replaceChildren(E.length?"":h("div",{class:"sec",role:"presentation"},"No open comments"),...u(E.filter(N=>!X(N.thread)),O),C.length?se("No longer on the page",C.map(O)):"");let D=W(d);m&&D.find(N=>N.dataset.thread===m)?.focus({preventScroll:!0})}function U(m,E){Re()&&(e.state.E=!0,z(!1)),M(m,E)}let g="";function M(m,E){let O=A.find(C=>C.id===m);if(O){if(g=m,!e.T(O))return R(O,E);if(e.state.e&&!e.S())return e.$();e.c.K(O.anchor.view??{}).then(()=>{e.ie();let C=A.find(D=>D.id===m);C&&g===m&&(e.state.o||e.state.E)&&R(C,E)})}}function R(m,E){let O=m.id,C=e.resolved.get(O),D=C&&!X(m)&&!e.T(m)?C.element??C.range?.startContainer.parentElement??null:null;if(D?.scrollIntoView({block:"center",inline:"nearest",behavior:L?"auto":"smooth"}),D&&C&&rt(m.anchor,C)&&D.checkVisibility?.({visibilityProperty:!0})!==!1){Y(),e.open(O);return}e.open(null),Re()&&(e.state.E=!0,e.d()),B(m,E)}function B(m,E){let O=!X(m)&&e.T(m),C={quote:m.anchor.quote?.exact??null,lost:X(m)||O?m.anchor.snapshot:null,place:O?ye(m):null};if(v?.id===m.id?v.view.update(m,C):(v={id:m.id,view:qe(m,e.N,{R:"popover",...C})},f.replaceChildren(v.view.element)),E===void 0)return;f.isConnected||(e.n.insertBefore(f,T),f.offsetWidth);let D=Ht(e.state.o),{left:N,top:q}=Bt({x:D.width,y:E,below:!1},{width:Oe,height:f.offsetHeight},D);f.style.left=`${N}px`,f.style.top=`${q}px`,f.classList.add("show"),f.inert=!1,e.se(m.id)}function Y(m=!1){v&&(v=null,f.classList.remove("show"),ne(f,!0),m&&e.state.E&&(e.state.E=!1,e.d()))}function F(m,E,O,C=!1,...D){let N=h("button",{class:"mi",type:"button",role:C?"menuitemcheckbox":"menuitem"},m,h("span",{class:"lb"},E),...D,C&&h("span",{class:"sw","aria-hidden":"true"}),h("span",{class:"tt","aria-hidden":"true"}));return N.addEventListener("click",q=>{q.stopPropagation(),O()}),N}let J=(m,E,O,C)=>{let D=m.querySelector(".lb");D.textContent!==E&&(D.textContent=E),m.querySelector(".tt").textContent=O,m.setAttribute("aria-description",O),C!==void 0&&m.setAttribute("aria-checked",String(C))},oe=()=>h("div",{class:"sep",role:"separator"}),Z=h("span",{class:"ma"}),Se=h("span",{class:"kc"}),pt="",ae=F(Z,"",je,!1,Se);ae.dataset.item="name";let Ue=F(Q("copy"),"Copy as Markdown",()=>{H(),e.l.copyAll("ai")}),$e=F(Q("lines"),"Copy as Text",()=>{H(),e.l.copyAll("text")}),ze=h("span",{class:"kc"}),fe=F(Q("list"),"All comments",()=>{I(!1),z(!0)},!1,ze),De=F(Q("comment"),"Start commenting",()=>e.ae(!e.state.s),!0,h("span",{class:"kc","aria-hidden":"true"},tt));De.dataset.item="comment",De.setAttribute("aria-keyshortcuts",nn);let ut=[ae,oe(),Ue,$e,fe,oe(),De];function Ke(){let m=me(),E=e.l.name(),O=E||pe(e.doc.me);if(J(ae,O,E?"The name on your comments":"Add a name to show on your comments"),ae.setAttribute("aria-label",`${O}, ${E?"edit":"add"} your name`),Se.replaceChildren(E?Q("edit",13):"Add name"),nt(e.doc.me,E)!==pt){pt=nt(e.doc.me,E);let C=Pe(e.doc.me,E);C.classList.add("in"),Z.replaceChildren(C)}J(Ue,"Copy as Markdown","Markdown, with where each thread is"),J($e,"Copy as Text","Just the words"),J(fe,"All comments","Every thread, and where it is"),ze.textContent=m?String(m):"",J(De,"Start commenting",e.state.s?"Turn off to hide the comments again":"Shows the comments; choose any part of the page to comment on it",e.state.s)}function We(){Ke(),s.firstChild!==ae&&s.replaceChildren(...ut)}function je(){let m=h("input",{class:"input",type:"text",maxlength:"80","aria-label":"Your name"});m.value=e.l.name();let E=h("div",{class:"ed"},Z.cloneNode(!0),m),O=(C,D=!1)=>{if(y!==O)return;y=null;let N=m.value.trim();C&&N&&N!==e.l.name()&&e.l.rename(N).then(Ke),E.replaceWith(ae),D&&ae.focus({preventScroll:!0})};y=O,m.addEventListener("keydown",C=>{C.stopPropagation(),(C.key==="Enter"||C.key==="Escape")&&(C.preventDefault(),O(C.key==="Enter",!0))}),m.addEventListener("blur",()=>O(!0)),ae.replaceWith(E),m.focus({preventScroll:!0})}o.addEventListener("click",m=>{if(m.stopPropagation(),S){I(!1);return}We(),I(!0),m.detail===0&&W().at(-1)?.focus({preventScroll:!0})});let Ye=!1,mt=()=>{Ye=T.contains(K())},ft=m=>{let E=m.composedPath();S&&!E.includes(s)&&!E.includes(o)&&(I(!1),e.state.s&&!e.w(m)&&(e.U(m),m.preventDefault(),m.stopPropagation())),e.state.o&&!e.w(m)&&z(!1,Ye&&(!document.activeElement||document.activeElement===document.body)),!E.includes(f)&&!E.includes(T)&&Y(!0)},be=m=>{if(!S||m.pointerType==="touch"||m.type==="pointerout"&&m.relatedTarget)return;let E=m.composedPath();m.type==="pointerover"&&(E.includes(s)||E.includes(o))?(window.clearTimeout(w),w=0):w||(w=window.setTimeout(()=>{w=0,y||I(!1)},Ir))};window.addEventListener("pointerdown",mt,!0),window.addEventListener("click",ft,!0),window.addEventListener("pointerover",be,!0),window.addEventListener("pointerout",be,!0);let Ge=m=>{if(m.key!=="Escape"||y)return;let E=m.composedPath()[0];if(S)H();else if(e.state.o&&!(E instanceof HTMLTextAreaElement&&!T.contains(E)))z(!1,!0);else if(v)Y(!0),e.N.close();else return;m.stopPropagation()};return window.addEventListener("keydown",Ge,!0),{d(m){A=m;let E=ie();if(E!==b){if(E){let[q,le]=t[0].classList.contains("on")?t:[t[1],t[0]];le.textContent=E>99?"99+":String(E),le.classList.toggle("s",E>99),q.classList.remove("on"),le.classList.add("on")}o.classList.toggle("has",E>0),b=E}let O=ue(),C=O?`${E} here \xB7 ${O} ${e.c.slide()!==null?"on other slides":"in other views"}`:"";o.classList.toggle("else",O>0);let D=C?`Comment, ${C}`:E?`Comment, ${E} open`:"Comment";o.getAttribute("aria-label")!==D&&o.setAttribute("aria-label",D),r.data!==(C||"Comment")&&(r.data=C||"Comment"),o.classList.toggle("on",e.state.s),S&&Ke();let N=e.state.o;if(T.classList.toggle("full",Re()),T.classList.contains("show")!==N&&(T.classList.toggle("show",N),ne(T,!N)),N&&V(),v){let q=m.find(le=>le.id===v?.id);!q||e.state.t||q.resolved&&!e.state.p?Y():B(q)}},k(){},destroy(){window.removeEventListener("pointerdown",mt,!0),window.removeEventListener("click",ft,!0),window.removeEventListener("pointerover",be,!0),window.removeEventListener("pointerout",be,!0),window.clearTimeout(w),window.removeEventListener("keydown",Ge,!0),s.remove(),T.remove(),f.remove(),a.remove()}}}var lt="[data-pipeup-slide]",po=1e3,uo=["scroll","resize","keyup","click","transitionend","slidechanged"],un=null,dt=null,_t=new Set,mn=new Set,ct=e=>{try{e()}catch(t){globalThis.reportError?.(t)}};function fo(e){let t=null;if(e){t={};let n=0;for(let[o,r]of Object.entries(e))if(!(typeof r!="string"||o==="slide"||o.length>G.viewKey||r.length>G.viewValue)){if(++n>=G.viewEntries)break;t[o]=r}}un=t;for(let n of mn)n()}function ho(e){return _t.add(e),()=>void _t.delete(e)}function qt(e){dt=typeof e?.current=="function"&&typeof e.go=="function"?e:null}function Nr(e,t,n){let o=t.F(),r=null,i=0,a=0;for(let s of e){if(!t.shown(s))continue;let d=t.i(s),c=Math.min(d.left+d.width,o.width)-Math.max(d.left,0),p=Math.min(d.top+d.height,o.height)-Math.max(d.top,0);if(c<=0||p<=0)continue;let x=Math.round(c*p),T=t.opacity(s);(x>i||x===i&&(T>a||T===a&&s===n))&&(r=s,i=x,a=T)}return r}function $r(e,t,n){return t!==null?e?.slide===void 0||e.slide===t:!e||!n?!0:Object.entries(e).every(([o,r])=>o==="label"||o==="slide"||n[o]===r)}function Dr(){return{i:e=>e.getBoundingClientRect(),shown:e=>e.checkVisibility?.({opacityProperty:!0,visibilityProperty:!0})!==!1,opacity:e=>parseFloat(getComputedStyle(e).opacity)||0,F:()=>({width:window.innerWidth,height:window.innerHeight})}}var mo=()=>{let e=window.Reveal;return typeof e?.getIndices=="function"&&typeof e.slide=="function"?e:null};function go(e,t,n=Dr()){let o=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,r=null,i=null,a=0,s=!1,d=()=>[...e.querySelectorAll(lt)],c=()=>[...e.querySelectorAll(".slides > section")],p=b=>typeof b=="string"&&b.length>0&&b.length<=G.viewValue?b:null,x=b=>p(b?.getAttribute("data-pipeup-slide"));function T(){if(dt){let v=null;if(ct(()=>{let L=dt.current();Number.isInteger(L)&&L>0&&(v=String(L))}),v!==null)return v}let b=mo();if(b){let v=null;if(ct(()=>{let L=b.getIndices().h,I=c()[L];v=x(I?.matches(lt)?I:I?.querySelector(lt))??p(String(L+1))}),v!==null)return v}return r&&!r.isConnected&&(r=null),r=Nr(d(),n,r)??r,x(r)}function f(){a=0,i=T(),t()}let S=()=>{!a&&!s&&(a=requestAnimationFrame(f))},y=b=>$r(b,i,un);function w(b){if(y(b))return Promise.resolve(!0);let v=b.slide,L=mo(),I=d().find(K=>x(K)===v),z=/^[1-9]\d{0,5}$/.test(v??"");if(z&&dt)ct(()=>dt.go(Number(v)));else if(z&&L){let K=I?c().findIndex(H=>H===I||H.contains(I)):-1;ct(()=>L.slide(K>=0?K:Number(v)-1))}else if(_t.size)for(let K of _t)ct(()=>K({...b}));else if(I)I.scrollIntoView({block:"start",behavior:o?"auto":"smooth"});else return Promise.resolve(!1);let W=performance.now();return new Promise(K=>{let H=ie=>{clearTimeout(j),K(ie)},j=setTimeout(()=>H(!1),po),X=()=>{if(s)return H(!1);if(i=T(),y(b))return H(!0);if(performance.now()-W>=po)return H(!1);requestAnimationFrame(X)};requestAnimationFrame(X)})}let A=new MutationObserver(b=>{b.some(v=>v.target instanceof Element&&v.target.matches(lt))&&S()});A.observe(e,{subtree:!0,attributes:!0,attributeFilter:["class","style","hidden"]});for(let b of uo)window.addEventListener(b,S,{capture:!0,passive:!0});return mn.add(S),i=T(),{slide:()=>i,view(b){let v=b instanceof Element?b:b?.parentElement,L=x(v?.closest(lt))??i,I={...L!==null?{slide:L}:{},...un};return Object.keys(I).length?I:void 0},f:y,K:w,destroy(){s=!0,cancelAnimationFrame(a),A.disconnect();for(let b of uo)window.removeEventListener(b,S,!0);mn.delete(S)}}}var wo=["pipeup-quote","pipeup-on","pipeup-done"],Hr={"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]]},Br=(e,t)=>wo.map(n=>{let[o,r,i,a]=Hr[n][e?1:0];return`::highlight(${n}){background-color:rgba(${o},${r},${i},${+(a*t).toFixed(3)})}`}).join("");function yo(){return typeof CSS<"u"&&"highlights"in CSS&&typeof Highlight<"u"}var Fr="<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>",Vr=`:not([data-pipeup-ignore],[data-pipeup-ignore] *){cursor:url("data:image/svg+xml,${encodeURIComponent(Fr)}") 3 2,crosshair!important}`;function bo(e=document,t=!1){let n=e.defaultView?.CSSStyleSheet;if(!n||!("replaceSync"in n.prototype)||!("adoptedStyleSheets"in e))return{W(){},j(){},q(){},Y(){},remove:()=>vo()};let o=new n,r=null,i=!1,a=1,s=0,d="",c=0,p=()=>o.replaceSync(Br(t,a)+(r===null?"":`:root{--pipeup-gutter:${r}px}`)+(i?Vr:"")+(s||d?`html{--pipeup-panel:${s}px;${s?`margin-right:${s}px!important;`:""}${d}}`:""));return p(),e.adoptedStyleSheets=[...e.adoptedStyleSheets,o],{W(x){x!==r&&(r=x,p())},j(x){x!==i&&(i=x,p())},q(x){a=x,p()},Y(x,T){x!==s&&(s=x,d=T?"":"transition:margin-right .34s cubic-bezier(.4,0,.2,1)!important",clearTimeout(c),!x&&d&&(c=window.setTimeout(()=>{d="",p()},400)),p())},remove(){clearTimeout(c),e.adoptedStyleSheets=e.adoptedStyleSheets.filter(x=>x!==o),vo()}}}function xo(e){yo()&&(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 vo(){if(yo())for(let e of wo)CSS.highlights.delete(e)}var fn=':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(--k);--k:#2C2C2A;--mu:#5F5E5A;--fa:#888780;--ln:#E5E3DA;--ru:#ECEAE2;--so:#FAFAF7;--su:#FFFFFF;--ho:#F1EFE8;--as:color-mix(in srgb,var(--pu-accent,#534AB7) 12%,transparent);--sh:0 8px 28px rgba(44,44,42,.1);--in:.26s;--mv:.34s;--out:.2s;--pl:1.2s;--eo:cubic-bezier(.22,.61,.36,1);--eio:cubic-bezier(.4,0,.2,1);--ei:cubic-bezier(.4,0,1,1)}.layer.dark{--k:#ECEBE6;--mu:#B4B2A9;--fa:#8D8B84;--ln:#3A3936;--ru:#34332F;--so:#22221F;--su:#1B1B19;--ho:#2C2C29;--sh: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(--k);white-space:pre-wrap;overflow-wrap:anywhere}.tx.del,.who,.rest,.ctx{color:var(--fa)}.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(--in) var(--eo),opacity var(--in) var(--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(--in) var(--eo)}.ft .rest{transition:opacity var(--in) var(--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(--mu);transition:background-color .2s var(--eo),color .2s var(--eo)}.ib:hover,.ib:focus-visible{background:var(--ho);color:var(--k);outline:none}.rps,.rbox{padding-left:14px}.rps .it{padding-top:6px}.more{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--mv) var(--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(--ln);outline:none;resize:none;overflow:hidden;font:inherit;font-size:14px;line-height:1.5;padding:3px 0;color:var(--k);background:transparent;transition:border-color var(--in) var(--eo)}.row:hover .input,.input:hover{border-bottom-color:var(--mu)}.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(--in) var(--eo),transform var(--in) var(--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(--fa)}.you>*{grid-area:1/1;display:flex;align-items:center;min-width:0;transition:opacity var(--in) var(--eo),transform var(--in) var(--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(--mu);text-decoration:underline;text-decoration-color:var(--ln);text-underline-offset:2px;transition:color .2s var(--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(--in) var(--eo),background-color .2s var(--eo)}.send.show{opacity:1;pointer-events:auto}.send:hover{background:var(--as)}.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(--su);box-shadow:0 1px 4px #0003;pointer-events:auto;opacity:0;transform:translateY(-6px) scale(.9);transform-origin:2px 20px;transition:opacity var(--out) var(--ei),transform var(--out) var(--ei)}.bub.in{opacity:1;transform:none;transition:opacity var(--in) var(--eo),transform var(--in) var(--eo)}.bub.in:hover,.bub.on{transform:scale(1.18)}.bub.done{background:var(--fa)}.bub.ghost{pointer-events:none}.tip,.pop,.menu,.all,.toast,.selbar{background:var(--su);border:1px solid var(--ln);box-shadow:var(--sh)}.tip{position:fixed;max-width:260px;border-radius:10px;padding:7px 10px;opacity:0;transform:translateY(3px);transition:opacity .22s var(--eo),transform .26s var(--eo)}.tip.show{opacity:1;transform:none;pointer-events:auto;cursor:pointer;transition:opacity .22s var(--eo),transform .26s var(--eo),left var(--mv) var(--eio),top var(--mv) var(--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(--out) var(--ei),transform var(--out) var(--ei)}.pop.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--in) var(--eo),transform var(--mv) var(--eo)}.pop.show.glide{transition:opacity var(--in) var(--eo),transform var(--mv) var(--eo),left var(--mv) var(--eio),top var(--mv) var(--eio)}.mark{position:fixed;border:2px solid color-mix(in srgb,var(--pu-accent) 50%,transparent);background:var(--as);border-radius:8px;opacity:0;transition:opacity .3s var(--eo)}.mark.show{opacity:1}.pulse{position:fixed;border:2px solid var(--pu-accent);border-radius:8px;background:var(--as);animation:pu-pulse var(--pl) var(--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(--in) var(--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(--mv) var(--eio),box-shadow var(--in) var(--eo),opacity var(--in) var(--eo)}.th.hot{box-shadow:inset 2px 0 0 var(--ln)}.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(--out) var(--ei)}.selbar{position:fixed;display:flex;border-radius:10px;padding:2px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity var(--in) var(--eo),transform .3s var(--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(--eo)}.selbar button:hover,.selbar button:focus-visible{background:var(--as);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(--out) var(--ei),border-color var(--out) var(--ei)}.pick.show{opacity:1;transition-duration:var(--in);transition-timing-function:var(--eo)}.pick.show.glide{transition-property:all;transition-duration:var(--mv);transition-timing-function:var(--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(--mu);white-space:nowrap;background:var(--su);border:1px solid var(--ln);box-shadow:var(--sh);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity var(--out) var(--ei),transform var(--out) var(--ei)}.namebar.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--in) var(--eo),transform .3s var(--eo)}.namebar.show.glide{transition-property:all;transition-duration:var(--mv);transition-timing-function:var(--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(--eo),color .2s var(--eo)}.namebar .nb:hover,.namebar .nb:focus-visible{background:var(--ho);color:var(--k);outline:none}.namebar .nb[hidden]{display:none}.launch{position:fixed;right:20px;bottom:20px;pointer-events:auto}.launch .mode{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--su);border:1px solid var(--ln);box-shadow:var(--sh);transition:background-color .3s var(--eo),color .3s var(--eo)}.mode>*,.cnt>*{grid-area:1/1}.mode>*{display:grid;place-items:center;transition:opacity var(--in) var(--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(--in) var(--eo)}.n.s{font-size:9.5px;letter-spacing:-.04em}.n.on{opacity:1}.launch .mode:hover,.launch .mode[aria-expanded=true]{background:var(--ho)}.launch .mode.on{background:var(--pu-accent);color:#fff}.mode>.dot{position:absolute;top:3px;right:3px;width:9px;height:9px;border-radius:50%;background:var(--pu-accent);border:2px solid var(--su);opacity:0}.mode.else>.dot{opacity:1}.ttip{position:absolute;right:0;bottom:54px;white-space:nowrap;border-radius:8px;padding:4px 9px;font-size:12px;background:var(--su);border:1px solid var(--ln);box-shadow:var(--sh);pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity var(--out) var(--ei),transform var(--out) var(--ei)}.ttip small{margin-left:8px}.ttip small,.mi .kc{font-size:12px;color:var(--fa)}.mode:hover+.ttip,.mode:focus-visible+.ttip{opacity:1;transform:none;transition:opacity var(--in) var(--eo) .5s,transform var(--in) var(--eo) .5s}.launch .mode[aria-expanded=true]+.ttip{opacity:0;transition:opacity var(--out) var(--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(--out) var(--ei),transform var(--out) var(--ei)}.menu.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--in) var(--eo),transform var(--mv) var(--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(--eo)}.mi:hover,.mi:focus-visible{background:var(--so);outline:none}.mi svg{color:var(--mu);flex:none}.mi small{display:block;color:var(--fa);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(--ru)}.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(--mu);background:var(--su);border:1px solid var(--ln);box-shadow:var(--sh);pointer-events:none;opacity:0;transform:translate(3px);transition:opacity var(--out) var(--ei),transform var(--out) var(--ei)}.mi:hover>.tt,.mi:focus-visible>.tt{opacity:1;transform:none;transition:opacity var(--in) var(--eo) .5s,transform var(--in) var(--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(--ln);transition:background-color var(--mv) var(--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(--mv) var(--eio),opacity var(--mv) var(--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(--out) var(--ei),opacity var(--out) var(--ei)}.all.show{opacity:1;transform:none;pointer-events:auto;transition:transform var(--mv) var(--eo),opacity var(--in) var(--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(--fa)}.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(--mu);transition:background-color .2s var(--eo)}.hs:hover,.hs:focus-visible{background:var(--ho);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(--out) var(--ei)}.sec{padding:8px 10px 2px;font-size:12px;color:var(--fa)}.sec b{margin-left:6px;font-weight:500;color:var(--pu-accent)}.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(--eo),transform .36s var(--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",_r="rgb(0, 0, 238)";function ko(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 qr(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 So(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(),a=e.querySelector("a[href]"),s=a?n.getComputedStyle(a).color:"",d=i||(s&&s!==_r?s:Eo),c=ko(n.getComputedStyle(t.body).backgroundColor);(!c||c.a===0)&&(c=ko(n.getComputedStyle(o).backgroundColor));let p=c&&c.a>0?qr(c)<.2:n.matchMedia?.("(prefers-color-scheme: dark)").matches===!0&&/dark/.test(n.getComputedStyle(o).colorScheme||"");return{font:r,accent:d,dark:!!p}}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 Ao(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 a=new r;a.replaceSync(fn),o.adoptedStyleSheets=[a]}else{let a=t.createElement("style");a.textContent=fn,o.append(a)}let i=t.createElement("div");return i.className="layer",i.style.setProperty("--pu-panel",`${it}px`),i.style.setProperty("--pu-pop",`${Oe}px`),To(i,e),o.append(i),t.documentElement.append(n),{element:n,shadow:o,n:i,destroy:()=>n.remove()}}var Ur=40,zr=250,Kr=120,Wr=2400,Lo=4e3;function Mo(e,t=!1){return cn(e,t)?"column":"bubbles"}function jr(e){return[...e.state.mode==="column"?[so(e),sn(e,{H:!1})]:[sn(e,{H:!0})],ao(e),co(e)]}var Yr=1e3,Ut="Shown here, but not saved yet \u2014 it will be saved with your next change",Ie=e=>e instanceof Error?e.message.replace(/^pipeup: /,""):"Something went wrong";function Co(e){let t=So(e.root),n=Ao(t),o=bo(document,t.dark);o.q(0);let r=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,i=document.documentElement.hasAttribute("data-pipeup-reserve"),a=new Map,s=new Set,d=new WeakSet,c={t:null,m:null,p:!1,hidden:!0,mode:Mo(e.root),e:null,s:!1,o:!1,E:!1,l:!1},p=h("div",{class:"toast",role:"status","aria-live":"polite"});n.n.append(p);let x=null,T=[],f=null,S=!1,y=0,w=0,A=0,b=0,v=0,L=new Set,I="",z=new Map,W=go(e.root,()=>{!S&&U()&&Z()}),K=!1;function H(l,k=Wr){S||(K=k===Lo,p.textContent=l,p.classList.add("show"),window.clearTimeout(y),y=window.setTimeout(()=>p.classList.remove("show"),k))}function j(){K&&(K=!1,window.clearTimeout(y),p.classList.remove("show"))}function X(l){H(Ie(l))}function ie(l){throw X(l),l}let ue=l=>({thread:l,location:xt(l.anchor,a.get(l.id)??et(l.anchor,e.root),e.root)}),me={reply:async(l,k)=>{try{await e.doc.reply(l,k)}catch(P){P instanceof de?H(Ut):ie(P)}},resolve:async l=>{try{await e.doc.resolve(l),c.t===l&&!c.p&&(c.t=null),H("Resolved \xB7 Show resolved brings it back")}catch(k){k instanceof de?(c.t===l&&!c.p&&(c.t=null),H(`Resolved \xB7 ${Ut}`)):H(Ie(k))}},reopen:async l=>{try{await e.doc.reopen(l),H("Reopened")}catch(k){H(k instanceof de?`Reopened \xB7 ${Ut}`:Ie(k))}},close:()=>{fe(null),Se&&pt(Se)?.focus({preventScroll:!0}),Se=""},copy:l=>{try{let k=e.doc.threads().find($=>$.id===l);if(!k)return;let P=Mt(ue(k),"ai",location.href,Date.now());pn(P,n.n).then(()=>H("Thread copied as Markdown for AI"),$=>H(Ie($)))}catch(k){H(Ie(k))}}};function ye(l){let k=P=>a.get(P.id)?.element??null;return[...l].sort((P,$)=>{let _=k(P),ee=k($);return!_||!ee?_?-1:ee?1:0:_===ee?0:_.compareDocumentPosition(ee)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1})}let se={copyAll:async l=>{let k=se.all(),P=Ct(k,l,{title:document.title,url:location.href,exportedAt:new Date});try{await pn(P,n.n);let $=k.filter(_=>!_.thread.resolved).length;H(`Copied ${$} thread${$===1?"":"s"}${l==="ai"?" as Markdown for AI":""}`)}catch($){H(Ie($))}},re:()=>{c.p=!c.p,Z()},rename:async l=>{let k=l.replace(/\s+/g," ").trim();try{await mt(k)?H(`New comments will say ${k}, but this browser couldn't remember it`):H(`New comments will say ${k}`)}catch(P){H(Ie(P))}},name:()=>e.doc.name,all:()=>ye(e.doc.threads()).map(ue)},u={doc:e.doc,root:e.root,n:n.n,host:n.element,state:c,resolved:a,z:s,N:me,l:se,c:W,T:l=>L.has(l.id),ie:()=>{U()&&Z()},I:l=>!c.hidden&&(!l.resolved||c.p)&&!L.has(l.id),le:(l,k)=>{for(let P of e.doc.threads()){let $=a.get(P.id);if(P.anchor.quote&&u.I(P)&&$?.range&&Gn(l,k,ot($)))return P}return null},B:(l,k)=>u.S()?u.le(l,k):null,w:l=>l.composedPath().includes(n.element),U:l=>void d.add(l),oe:l=>d.has(l),open:fe,se:l=>$e(l),m:De,_:ut,te:Ke,S:()=>!x||x.X(),ne:l=>{let k=x?.G();l(),k?.()},J:ft,Z:We,ae:je,$:Ye,L:l=>{x=l},ce:H,V:X,de:be,d:Z};function V(l){let k=performance.now(),P=e.doc.threads();for(let $ of P){if(l&&!l.has($.id))continue;let _=performance.now()-k<Ur,ee=et($.anchor,e.root,{fuzzy:_});a.set($.id,ee),!_&&ee.state==="orphaned"?s.add($.id):s.delete($.id)}for(let $ of[...a.keys()])P.some(_=>_.id===$)||a.delete($);s.size===0?(window.clearTimeout(b),b=0):b===0&&(b=window.setTimeout(()=>{b=0,!S&&(V(new Set(s)),Z())},zr))}function U(){let l=new Set,k=W.slide()!==null,P=new Set;for(let _ of e.doc.threads()){P.add(_.id);let ee=a.get(_.id)?.element;(!W.f(_.anchor.view)||!k&&ee?.checkVisibility?.({visibilityProperty:!0})===!1)&&l.add(_.id)}L=l;for(let _ of z.keys())P.has(_)||z.delete(_);let $=`${W.slide()}|${[...l].join()}`;return $===I?!1:(I=$,!0)}function g(l){let k=[],P=[],$=[];for(let _ of l){let ee=a.get(_.id);_.resolved&&!c.p||!ee?.range||L.has(_.id)||(_.id===c.t||_.id===c.m?P.push(ee.range):_.resolved?$.push(ee.range):k.push(ee.range))}c.e&&W.f(c.e.anchor.view)&&P.push(...c.e.ranges),xo({quote:k,on:P,done:$})}let M=0,R=0,B=0;function Y(l){if(l===R)return;R=l,cancelAnimationFrame(B);let k=M,P=performance.now(),$=l?260:200,_=ee=>{let ht=Math.min(1,(ee-P)/$);M=k+(l-k)*(l?1-(1-ht)**3:ht*ht),o.q(M),ht<1&&(B=requestAnimationFrame(_))};B=requestAnimationFrame(_)}let F=0,J=0;function oe(l){l!==F&&(F=l,o.Y(l,r),window.clearTimeout(J),J=window.setTimeout(()=>{V(),Z()},r?0:400))}function Z(){if(S)return;let l=e.doc.threads();if(U(),c.t&&L.has(c.t)){let P=n.n.querySelector(`[data-thread="${c.t}"] .rbox textarea`)?.value;P&&z.set(c.t,P),c.t=null}c.hidden=!c.s&&!c.o&&!c.E&&!c.e,c.hidden&&(c.t=null),Y(c.hidden?0:1),n.n.classList.toggle("hidden",c.hidden),n.n.classList.toggle("listing",c.o);let k=c.o&&!Re();oe(k?it:0),o.W(i?c.mode==="column"&&!c.hidden&&!k?at:0:null),g(l);for(let P of T)P.d(l);f?.d(l)}let Se="",pt=l=>n.n.querySelector(`.all .mi[data-thread="${l}"]`),ae="input,textarea,select,[contenteditable]:not([contenteditable=false])",Ue=()=>{let l=n.n.getRootNode().activeElement;return l instanceof HTMLTextAreaElement&&l.value!==""||!!document.activeElement?.matches(ae)};function $e(l,k=Ue()){let P=[...n.n.querySelectorAll(`[data-thread="${l}"] .rbox textarea`)].find($=>!$.closest("[inert]"));k||!P||(Se=n.n.getRootNode().activeElement?.getAttribute("data-thread")??"",P.focus({preventScroll:!0}))}function ze(){let l=c.e;return!l||u.S()?!1:(W.f(l.anchor.view)||W.K(l.anchor.view??{}),!0)}function fe(l){if(l&&ze())return;if(c.t===l&&!c.e)return l?$e(l):void 0;let k=Ue();if(l||(c.E=!1),c.t=l,l&&(c.e=null,be(l)),Z(),l){let P=z.get(l),$=P&&n.n.querySelector(`[data-thread="${l}"] .rbox textarea`);$&&!$.value&&($.value=P,$.dispatchEvent(new Event("input",{bubbles:!0}))),z.delete(l),$e(l,k)}}function De(l){c.m!==l&&(c.m=l,l&&l!==c.t&&be(l),Z())}function ut(l){j(),c.o=!1,c.e=l,c.t=null,Z()}function Ke(l){if(!c.e)return ut(l);Object.assign(c.e,l),Z()}function We(){c.e&&(c.e=null,Z())}function je(l){c.s!==l&&(c.s=l,o.j(l),l?(c.t=null,c.o=!1,H(`Click anything to comment \xB7 Option-click (Alt-click) to pin \xB7 ${tt} or Esc to finish`,Lo),f=ro(u)):(j(),f?.destroy(),f=null),Z())}function Ye(){if(c.e){ze()||We();return}c.t&&fe(null)}async function mt(l){try{return await e.onName(l),!1}catch(k){if(e.doc.name!==l)throw k;return!0}}async function ft(l){let k=c.e;if(k)try{let P=await e.doc.comment(k.anchor,l);c.e=null,V(new Set([P])),fe(P)}catch(P){if(P instanceof de){c.e=null,V(new Set([P.id])),fe(P.id),H(Ut);return}ie(P)}}function be(l){let k=a.get(l);if(!k||k.state==="orphaned")return;let P=k.range?ot(k):k.element?[k.element.getBoundingClientRect()]:[];for(let $ of P.slice(0,6)){let _=h("div",{class:"pulse"});_e(_,$,4),n.n.prepend(_),window.setTimeout(()=>_.remove(),1300)}}function Ge(){for(let l of T)l.destroy();T=jr(u),Z()}let m=()=>{if(!S){for(let l of T)l.k();f?.k(),v=requestAnimationFrame(m)}},E=l=>{let k=l.composedPath()[0];return k instanceof Element&&k.closest(ae)!==null},O=l=>{if(l.key==="Escape"){c.e&&(W.f(c.e.anchor.view)||u.S())?We():c.t?fe(null):f&&!f.back()&&je(!1);return}Wn(l)&&!l.isComposing&&!l.defaultPrevented&&!E(l)&&(l.preventDefault(),je(!c.s))},C=l=>{if(u.w(l)||d.has(l))return;let k=window.getSelection();k&&!k.isCollapsed||Ye()},D=()=>{let l=Mo(e.root,c.mode==="column");l!==c.mode?(c.mode=l,Ge()):Z()};function N(){let l=performance.now();w===0&&(A=l),window.clearTimeout(w);let k=Math.min(Kr,Math.max(0,A+Yr-l));w=window.setTimeout(()=>{w=0,V(),Z()},k)}let q=new MutationObserver(l=>{l.every(k=>n.element.contains(k.target))||N()});window.addEventListener("keydown",O),window.addEventListener("click",C),window.addEventListener("resize",D),q.observe(e.root,{subtree:!0,childList:!0,characterData:!0});let le=typeof ResizeObserver>"u"?null:new ResizeObserver(N);le?.observe(e.root);let Xe=e.doc.onChange(()=>{V(),Z()});return V(),Ge(),v=requestAnimationFrame(m),{ctx:u,destroy(){S=!0,cancelAnimationFrame(v),cancelAnimationFrame(B),W.destroy(),window.clearTimeout(J),window.clearTimeout(y),window.clearTimeout(w),window.clearTimeout(b),q.disconnect(),le?.disconnect(),Xe(),window.removeEventListener("keydown",O),window.removeEventListener("click",C),window.removeEventListener("resize",D),f?.destroy();for(let l of T)l.destroy();o.remove(),n.destroy()}}}var Ne=null,Gr=4e3;function hn(e={}){if(Ne)return Ne;let t=Jr(e,()=>t).catch(n=>{throw Ne===t&&(Ne=null),n});return Ne=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 Jr(e,t){let n=document.documentElement.getAttribute("data-pipeup-doc"),{id:o,key:r}=n?await gt(n):{id:`page-${ke(location.origin+location.pathname)}`,key:null},i,a=!1,s;if(e.store)i=e.store,s=await Ve(i);else try{let f=Be.open();i=await Xr(f,Gr).catch(S=>{throw f.then(y=>y.close(),()=>{}),S}),s=await Ve(i)}catch{i=new Fe,a=!0,s=await Ve(i)}let d=e.name?.trim();d&&d!==s.name&&(s={...s,name:d},await i.saveProfile(s));let c=await He.open({doc:o,key:r,store:i,identity:s.identity,name:s.name});qt(e.slides??null);let p;try{p=Co({doc:c,root:e.root??document.body,onName:async f=>{c.name=f,s={...s,name:f},await i.saveProfile(s)}})}catch(f){throw qt(null),f}a&&p.ctx.ce("This browser can't keep comments for this page \u2014 copy the comments (Copy as Markdown) to keep them");let x=()=>void c.flush().catch(f=>globalThis.reportError?.(f)),T=!1;return window.addEventListener("pagehide",x),{document:c,flush:()=>c.flush(),unmount:()=>{T||(T=!0,window.removeEventListener("pagehide",x),p.destroy(),qt(null),Ne===t()&&(Ne=null))}}}function Po(){let e=document.documentElement;if(!e.hasAttribute("data-pipeup-doc")||e.getAttribute("data-pipeup-auto")==="off")return;let t=()=>void hn().catch(n=>console.error(n));document.readyState==="loading"?document.addEventListener("DOMContentLoaded",t,{once:!0}):t()}var Zr="0.4.0-beta.2";typeof document<"u"&&Po();return Do(Qr);})();
|
|
@@ -11,3 +11,5 @@ export interface Location {
|
|
|
11
11
|
/** innerText, where there is layout, keeps separate blocks apart ("Offline first Everything…"). */
|
|
12
12
|
export declare function labelOf(el: Element): string;
|
|
13
13
|
export declare function locate(anchor: Anchor, resolved: Resolved, root: Element): Location;
|
|
14
|
+
/** A view's readable name: its label, else its values joined with " · " (the slide left out); "" for none. */
|
|
15
|
+
export declare function viewName(view: Record<string, string> | undefined): string;
|
package/dist/types/core.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const VERSION = "0.4.0-beta.
|
|
1
|
+
export declare const VERSION = "0.4.0-beta.2";
|
|
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/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import type { PipeupDocument } from "../document";
|
|
|
3
3
|
import type { CopyAs, ExportItem } from "../export/format";
|
|
4
4
|
import type { Anchor, Thread } from "../model/types";
|
|
5
5
|
import type { DraftBox } from "./draft-view";
|
|
6
|
+
import type { Here } from "./here";
|
|
6
7
|
import type { ThreadActions } from "./thread-view";
|
|
7
8
|
/** A comment being written: what it's on, and where that is now. */
|
|
8
9
|
export interface Draft {
|
|
@@ -27,6 +28,8 @@ export interface UiState {
|
|
|
27
28
|
listing: boolean;
|
|
28
29
|
/** A thread chosen from All comments on a narrow screen is open: comments show until it closes. */
|
|
29
30
|
reading: boolean;
|
|
31
|
+
/** The comment control's menu is open: in comment mode a click outside it only closes it. */
|
|
32
|
+
menu: boolean;
|
|
30
33
|
}
|
|
31
34
|
/** Something that draws: rebuilt on render, repositioned every frame. */
|
|
32
35
|
export interface View {
|
|
@@ -55,6 +58,12 @@ export interface Ctx {
|
|
|
55
58
|
readonly pending: ReadonlySet<string>;
|
|
56
59
|
readonly actions: ThreadActions;
|
|
57
60
|
readonly menu: MenuActions;
|
|
61
|
+
/** Where the reviewer is: the slide, or the page's own view. */
|
|
62
|
+
readonly here: Here;
|
|
63
|
+
/** The thread lives on another slide or view, or the page hides its content: nothing of it shows. */
|
|
64
|
+
elsewhere(t: Thread): boolean;
|
|
65
|
+
/** Sorts threads into here and elsewhere again now, re-rendering if that changed anything. */
|
|
66
|
+
recheck(): void;
|
|
58
67
|
visible(t: Thread): boolean;
|
|
59
68
|
/** The shown text comment whose highlight is at (x, y), if any. */
|
|
60
69
|
quoteAt(x: number, y: number): Thread | null;
|
|
@@ -67,6 +76,8 @@ export interface Ctx {
|
|
|
67
76
|
owns(e: Event): boolean;
|
|
68
77
|
/** A view handled this page event; the app won't treat it as a click elsewhere. */
|
|
69
78
|
claim(e: Event): void;
|
|
79
|
+
/** A view already handled this event. */
|
|
80
|
+
claimed(e: Event): boolean;
|
|
70
81
|
open(id: string | null): void;
|
|
71
82
|
/** Puts the cursor in thread `id`'s reply line, unless the reader is typing elsewhere. */
|
|
72
83
|
focusReply(id: string): void;
|
|
@@ -82,7 +93,7 @@ export interface Ctx {
|
|
|
82
93
|
cancelDraft(): void;
|
|
83
94
|
/** Turns comment mode on or off; comments show while it is on. */
|
|
84
95
|
setCommenting(on: boolean): void;
|
|
85
|
-
/** What a click on the page does: cancels an empty draft, else closes the open thread. */
|
|
96
|
+
/** What a click on the page does: cancels an empty draft (back to one with words), else closes the open thread. */
|
|
86
97
|
dismiss(): void;
|
|
87
98
|
registerDraft(box: DraftBox | null): void;
|
|
88
99
|
toast(message: string): void;
|