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