@snagset/server 0.1.18 → 0.1.19

package/static/widget/snag.panels.js

@@ -1,2 +1,2 @@
-var X,y,Te,R,Ee,Ae,Me,le,Q,Y,Pe,_e,ue,de,Z={},ee=[],fn=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,ne=Array.isArray;function L(e,n){for(var t in n)e[t]=n[t];return e}function pe(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function hn(e,n,t){var o,s,r,c={};for(r in n)r=="key"?o=n[r]:r=="ref"?s=n[r]:c[r]=n[r];if(arguments.length>2&&(c.children=arguments.length>3?X.call(arguments,2):t),typeof e=="function"&&e.defaultProps!=null)for(r in e.defaultProps)c[r]===void 0&&(c[r]=e.defaultProps[r]);return te(e,c,o,s,null)}function te(e,n,t,o,s){var r={type:e,props:n,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:s??++Te,__i:-1,__u:0};return s==null&&y.vnode!=null&&y.vnode(r),r}function W(e){return e.children}function oe(e,n){this.props=e,this.context=n}function z(e,n){if(n==null)return e.__?z(e.__,e.__i+1):null;for(var t;n<e.__k.length;n++)if((t=e.__k[n])!=null&&t.__e!=null)return t.__e;return typeof e.type=="function"?z(e):null}function mn(e){if(e.__P&&e.__d){var n=e.__v,t=n.__e,o=[],s=[],r=L({},n);r.__v=n.__v+1,y.vnode&&y.vnode(r),fe(e.__P,r,n,e.__n,e.__P.namespaceURI,32&n.__u?[t]:null,o,t??z(n),!!(32&n.__u),s),r.__v=n.__v,r.__.__k[r.__i]=r,Oe(o,r,s),n.__e=n.__=null,r.__e!=t&&He(r)}}function He(e){if((e=e.__)!=null&&e.__c!=null)return e.__e=e.__c.base=null,e.__k.some(function(n){if(n!=null&&n.__e!=null)return e.__e=e.__c.base=n.__e}),He(e)}function Ie(e){(!e.__d&&(e.__d=!0)&&R.push(e)&&!re.__r++||Ee!=y.debounceRendering)&&((Ee=y.debounceRendering)||Ae)(re)}function re(){try{for(var e,n=1;R.length;)R.length>n&&R.sort(Me),e=R.shift(),n=R.length,mn(e)}finally{R.length=re.__r=0}}function Ne(e,n,t,o,s,r,c,l,p,a,u){var x,i,d,v,T,$,w=o&&o.__k||ee,m=n.length;for(p=gn(t,n,w,p,m),x=0;x<m;x++)(d=t.__k[x])!=null&&(i=d.__i!=-1&&w[d.__i]||Z,d.__i=x,$=fe(e,d,i,s,r,c,l,p,a,u),v=d.__e,d.ref&&i.ref!=d.ref&&(i.ref&&he(i.ref,null,d),u.push(d.ref,d.__c||v,d)),T==null&&v!=null&&(T=v),4&d.__u?(p=Le(d,p,e),i.__e&&(i.__e=null)):typeof d.type=="function"&&$!==void 0?p=$:v&&(p=v.nextSibling),d.__u&=-7);return t.__e=T,p}function gn(e,n,t,o,s){var r,c,l,p,a,u=t.length,x=u,i=0;for(e.__k=new Array(s),r=0;r<s;r++)(c=n[r])!=null&&typeof c!="boolean"&&typeof c!="function"?(typeof c=="string"||typeof c=="number"||typeof c=="bigint"||c.constructor==String?c=e.__k[r]=te(null,c,null,null,null):ne(c)?c=e.__k[r]=te(W,{children:c},null,null,null):c.constructor===void 0&&c.__b>0?c=e.__k[r]=te(c.type,c.props,c.key,c.ref?c.ref:null,c.__v):e.__k[r]=c,p=r+i,c.__=e,c.__b=e.__b+1,l=null,(a=c.__i=vn(c,t,p,x))!=-1&&(x--,(l=t[a])&&(l.__u|=2)),l==null||l.__v==null?(a==-1&&(s>u?i--:s<u&&i++),typeof c.type!="function"&&(c.__u|=4)):a!=p&&(a==p-1?i--:a==p+1?i++:(a>p?i--:i++,c.__u|=4))):e.__k[r]=null;if(x)for(r=0;r<u;r++)(l=t[r])!=null&&(2&l.__u)==0&&(l.__e==o&&(o=z(l)),Fe(l,l));return o}function Le(e,n,t){var o,s;if(typeof e.type=="function"){for(o=e.__k,s=0;o&&s<o.length;s++)o[s]&&(o[s].__=e,n=Le(o[s],n,t));return n}e.__e!=n&&(n&&e.type&&!n.parentNode&&(n=z(e)),n=t.insertBefore(e.__e,n||null));do n=n&&n.nextSibling;while(n!=null&&n.nodeType==8);return n}function vn(e,n,t,o){var s,r,c,l=e.key,p=e.type,a=n[t],u=a!=null&&(2&a.__u)==0;if(a===null&&l==null||u&&l==a.key&&p==a.type)return t;if(o>(u?1:0)){for(s=t-1,r=t+1;s>=0||r<n.length;)if((a=n[c=s>=0?s--:r++])!=null&&(2&a.__u)==0&&l==a.key&&p==a.type)return c}return-1}function Re(e,n,t){n[0]=="-"?e.setProperty(n,t??""):e[n]=t==null?"":typeof t!="number"||fn.test(n)?t:t+"px"}function se(e,n,t,o,s){var r,c;e:if(n=="style")if(typeof t=="string")e.style.cssText=t;else{if(typeof o=="string"&&(e.style.cssText=o=""),o)for(n in o)t&&n in t||Re(e.style,n,"");if(t)for(n in t)o&&t[n]==o[n]||Re(e.style,n,t[n])}else if(n[0]=="o"&&n[1]=="n")r=n!=(n=n.replace(Pe,"$1")),c=n.toLowerCase(),n=c in e||n=="onFocusOut"||n=="onFocusIn"?c.slice(2):n.slice(2),e.l||(e.l={}),e.l[n+r]=t,t?o?t[Y]=o[Y]:(t[Y]=_e,e.addEventListener(n,r?de:ue,r)):e.removeEventListener(n,r?de:ue,r);else{if(s=="http://www.w3.org/2000/svg")n=n.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(n!="width"&&n!="height"&&n!="href"&&n!="list"&&n!="form"&&n!="tabIndex"&&n!="download"&&n!="rowSpan"&&n!="colSpan"&&n!="role"&&n!="popover"&&n in e)try{e[n]=t??"";break e}catch{}typeof t=="function"||(t==null||t===!1&&n[4]!="-"?e.removeAttribute(n):e.setAttribute(n,n=="popover"&&t==1?"":t))}}function De(e){return function(n){if(this.l){var t=this.l[n.type+e];if(n[Q]==null)n[Q]=_e++;else if(n[Q]<t[Y])return;return t(y.event?y.event(n):n)}}}function fe(e,n,t,o,s,r,c,l,p,a){var u,x,i,d,v,T,$,w,m,A,U,I,O,N,F,E,M=n.type;if(n.constructor!==void 0)return null;128&t.__u&&(p=!!(32&t.__u),r=[l=n.__e=t.__e]),(u=y.__b)&&u(n);e:if(typeof M=="function"){x=c.length;try{if(m=n.props,A=M.prototype&&M.prototype.render,U=(u=M.contextType)&&o[u.__c],I=u?U?U.props.value:u.__:o,t.__c?w=(i=n.__c=t.__c).__=i.__E:(A?n.__c=i=new M(m,I):(n.__c=i=new oe(m,I),i.constructor=M,i.render=yn),U&&U.sub(i),i.state||(i.state={}),i.__n=o,d=i.__d=!0,i.__h=[],i._sb=[]),A&&i.__s==null&&(i.__s=i.state),A&&M.getDerivedStateFromProps!=null&&(i.__s==i.state&&(i.__s=L({},i.__s)),L(i.__s,M.getDerivedStateFromProps(m,i.__s))),v=i.props,T=i.state,i.__v=n,d)A&&M.getDerivedStateFromProps==null&&i.componentWillMount!=null&&i.componentWillMount(),A&&i.componentDidMount!=null&&i.__h.push(i.componentDidMount);else{if(A&&M.getDerivedStateFromProps==null&&m!==v&&i.componentWillReceiveProps!=null&&i.componentWillReceiveProps(m,I),n.__v==t.__v||!i.__e&&i.shouldComponentUpdate!=null&&i.shouldComponentUpdate(m,i.__s,I)===!1){n.__v!=t.__v&&(i.props=m,i.state=i.__s,i.__d=!1),n.__e=t.__e,n.__k=t.__k,n.__k.some(function(H){H&&(H.__=n)}),ee.push.apply(i.__h,i._sb),i._sb=[],i.__h.length&&c.push(i),l=z(t);break e}i.componentWillUpdate!=null&&i.componentWillUpdate(m,i.__s,I),A&&i.componentDidUpdate!=null&&i.__h.push(function(){i.componentDidUpdate(v,T,$)})}if(i.context=I,i.props=m,i.__P=e,i.__e=!1,O=y.__r,N=0,A)i.state=i.__s,i.__d=!1,O&&O(n),u=i.render(i.props,i.state,i.context),ee.push.apply(i.__h,i._sb),i._sb=[];else do i.__d=!1,O&&O(n),u=i.render(i.props,i.state,i.context),i.state=i.__s;while(i.__d&&++N<25);i.state=i.__s,i.getChildContext!=null&&(o=L(L({},o),i.getChildContext())),A&&!d&&i.getSnapshotBeforeUpdate!=null&&($=i.getSnapshotBeforeUpdate(v,T)),F=u!=null&&u.type===W&&u.key==null?ze(u.props.children):u,l=Ne(e,ne(F)?F:[F],n,t,o,s,r,c,l,p,a),i.base=n.__e,n.__u&=-161,i.__h.length&&c.push(i),w&&(i.__E=i.__=null)}catch(H){if(c.length=x,n.__v=null,p||r!=null){if(H.then){for(n.__u|=p?160:128;l&&l.nodeType==8&&l.nextSibling;)l=l.nextSibling;r!=null&&(r[r.indexOf(l)]=null),n.__e=l}else if(r!=null)for(E=r.length;E--;)pe(r[E])}else n.__e=t.__e;n.__k==null&&(n.__k=t.__k||[]),H.then||Ue(n),y.__e(H,n,t)}}else r==null&&n.__v==t.__v?(n.__k=t.__k,n.__e=t.__e):l=n.__e=bn(t.__e,n,t,o,s,r,c,p,a);return(u=y.diffed)&&u(n),128&n.__u?void 0:l}function Ue(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(Ue))}function Oe(e,n,t){for(var o=0;o<t.length;o++)he(t[o],t[++o],t[++o]);y.__c&&y.__c(n,e),e.some(function(s){try{e=s.__h,s.__h=[],e.some(function(r){r.call(s)})}catch(r){y.__e(r,s.__v)}})}function ze(e){return typeof e!="object"||e==null||e.__b>0?e:ne(e)?e.map(ze):e.constructor!==void 0?null:L({},e)}function bn(e,n,t,o,s,r,c,l,p){var a,u,x,i,d,v,T,$=t.props||Z,w=n.props,m=n.type;if(m=="svg"?s="http://www.w3.org/2000/svg":m=="math"?s="http://www.w3.org/1998/Math/MathML":s||(s="http://www.w3.org/1999/xhtml"),r!=null){for(a=0;a<r.length;a++)if((d=r[a])&&"setAttribute"in d==!!m&&(m?d.localName==m:d.nodeType==3)){e=d,r[a]=null;break}}if(e==null){if(m==null)return document.createTextNode(w);e=document.createElementNS(s,m,w.is&&w),l&&(y.__m&&y.__m(n,r),l=!1),r=null}if(m==null)$===w||l&&e.data==w||(e.data=w);else{if(r=m=="textarea"&&w.defaultValue!=null?null:r&&X.call(e.childNodes),!l&&r!=null)for($={},a=0;a<e.attributes.length;a++)$[(d=e.attributes[a]).name]=d.value;for(a in $)d=$[a],a=="dangerouslySetInnerHTML"?x=d:a=="children"||a in w||a=="value"&&"defaultValue"in w||a=="checked"&&"defaultChecked"in w||se(e,a,null,d,s);for(a in w)d=w[a],a=="children"?i=d:a=="dangerouslySetInnerHTML"?u=d:a=="value"?v=d:a=="checked"?T=d:l&&typeof d!="function"||$[a]===d||se(e,a,d,$[a],s);if(u)l||x&&(u.__html==x.__html||u.__html==e.innerHTML)||(e.innerHTML=u.__html),n.__k=[];else if(x&&(e.innerHTML=""),Ne(n.type=="template"?e.content:e,ne(i)?i:[i],n,t,o,m=="foreignObject"?"http://www.w3.org/1999/xhtml":s,r,c,r?r[0]:t.__k&&z(t,0),l,p),r!=null)for(a=r.length;a--;)pe(r[a]);l&&m!="textarea"||(a="value",m=="progress"&&v==null?e.removeAttribute("value"):v!=null&&(v!==e[a]||m=="progress"&&!v||m=="option"&&v!=$[a])&&se(e,a,v,$[a],s),a="checked",T!=null&&T!=e[a]&&se(e,a,T,$[a],s))}return e}function he(e,n,t){try{if(typeof e=="function"){var o=typeof e.__u=="function";o&&e.__u(),o&&n==null||(e.__u=e(n))}else e.current=n}catch(s){y.__e(s,t)}}function Fe(e,n,t){var o,s;if(y.unmount&&y.unmount(e),(o=e.ref)&&(o.current&&o.current!=e.__e||he(o,null,n)),(o=e.__c)!=null){if(o.componentWillUnmount)try{o.componentWillUnmount()}catch(r){y.__e(r,n)}o.base=o.__P=o.__n=null}if(o=e.__k)for(s=0;s<o.length;s++)o[s]&&Fe(o[s],n,t||typeof e.type!="function");t||pe(e.__e),e.__c=e.__=e.__e=void 0}function yn(e,n,t){return this.constructor(e,t)}function We(e,n,t){var o,s,r,c;n==document&&(n=document.documentElement),y.__&&y.__(e,n),s=(o=!1)?null:n.__k,r=[],c=[],fe(n,e=n.__k=hn(W,null,[e]),s||Z,Z,n.namespaceURI,s?null:n.firstChild?X.call(n.childNodes):null,r,s?s.__e:n.firstChild,o,c),Oe(r,e,c),e.props.children=null}X=ee.slice,y={__e:function(e,n,t,o){for(var s,r,c;n=n.__;)if((s=n.__c)&&!s.__)try{if((r=s.constructor)&&r.getDerivedStateFromError!=null&&(s.setState(r.getDerivedStateFromError(e)),c=s.__d),s.componentDidCatch!=null&&(s.componentDidCatch(e,o||{}),c=s.__d),c)return s.__E=s}catch(l){e=l}throw e}},Te=0,oe.prototype.setState=function(e,n){var t;t=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=L({},this.state),typeof e=="function"&&(e=e(L({},t),this.props)),e&&L(t,e),e!=null&&this.__v&&(n&&this._sb.push(n),Ie(this))},oe.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),Ie(this))},oe.prototype.render=W,R=[],Ae=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,Me=function(e,n){return e.__v.__b-n.__v.__b},re.__r=0,le=Math.random().toString(8),Q="__d"+le,Y="__a"+le,Pe=/(PointerCapture)$|Capture$/i,_e=0,ue=De(!1),de=De(!0);var xn=0;function g(e,n,t,o,s,r){n||(n={});var c,l,p=n;if("ref"in p)for(l in p={},n)l=="ref"?c=n[l]:p[l]=n[l];var a={type:e,props:p,key:t,ref:c,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--xn,__i:-1,__u:0,__source:s,__self:r};if(typeof e=="function"&&(c=e.defaultProps))for(l in c)p[l]===void 0&&(p[l]=c[l]);return y.vnode&&y.vnode(a),a}var K,k,me,je,ie=0,qe=[],S=y,Be=S.__b,Ye=S.__r,Ke=S.diffed,Ge=S.__c,Ve=S.unmount,Je=S.__;function ge(e,n){S.__h&&S.__h(k,e,ie||n),ie=0;var t=k.__H||(k.__H={__:[],__h:[]});return e>=t.__.length&&t.__.push({}),t.__[e]}function D(e){return ie=1,$n(Ze,e)}function $n(e,n,t){var o=ge(K++,2);if(o.t=e,!o.__c&&(o.__=[Ze(void 0,n),function(l){var p=o.__N?o.__N[0]:o.__[0],a=o.t(p,l);p!==a&&(o.__N=[a,o.__[1]],o.__c.setState({}))}],o.__c=k,!k.__f)){var s=function(l,p,a){if(!o.__c.__H)return!0;var u=!1,x=o.__c.props!==l;if(o.__c.__H.__.some(function(d){if(d.__N){u=!0;var v=d.__[0];d.__=d.__N,d.__N=void 0,v!==d.__[0]&&(x=!0)}}),r){var i=r.call(this,l,p,a);return u?i||x:i}return!u||x};k.__f=!0;var r=k.shouldComponentUpdate,c=k.componentWillUpdate;k.componentWillUpdate=function(l,p,a){if(this.__e){var u=r;r=void 0,s(l,p,a),r=u}c&&c.call(this,l,p,a)},k.shouldComponentUpdate=s}return o.__N||o.__}function ve(e,n){var t=ge(K++,3);!S.__s&&Qe(t.__H,n)&&(t.__=e,t.u=n,k.__H.__h.push(t))}function G(e){return ie=5,kn(function(){return{current:e}},[])}function kn(e,n){var t=ge(K++,7);return Qe(t.__H,n)&&(t.__=e(),t.__H=n,t.__h=e),t.__}function wn(){for(var e;e=qe.shift();){var n=e.__H;if(e.__P&&n)try{n.__h.some(ae),n.__h.some(be),n.__h=[]}catch(t){n.__h=[],S.__e(t,e.__v)}}}S.__b=function(e){k=null,Be&&Be(e)},S.__=function(e,n){e&&n.__k&&n.__k.__m&&(e.__m=n.__k.__m),Je&&Je(e,n)},S.__r=function(e){Ye&&Ye(e),K=0;var n=(k=e.__c).__H;n&&(me===k?(n.__h=[],k.__h=[],n.__.some(function(t){t.__N&&(t.__=t.__N),t.u=t.__N=void 0})):(n.__h.some(ae),n.__h.some(be),n.__h=[],K=0)),me=k},S.diffed=function(e){Ke&&Ke(e);var n=e.__c;n&&n.__H&&(n.__H.__h.length&&(qe.push(n)!==1&&je===S.requestAnimationFrame||((je=S.requestAnimationFrame)||Sn)(wn)),n.__H.__.some(function(t){t.u&&(t.__H=t.u,t.u=void 0)})),me=k=null},S.__c=function(e,n){n.some(function(t){try{t.__h.some(ae),t.__h=t.__h.filter(function(o){return!o.__||be(o)})}catch(o){n.some(function(s){s.__h&&(s.__h=[])}),n=[],S.__e(o,t.__v)}}),Ge&&Ge(e,n)},S.unmount=function(e){Ve&&Ve(e);var n,t=e.__c;t&&t.__H&&(t.__H.__.some(function(o){try{ae(o)}catch(s){n=s}}),t.__H=void 0,n&&S.__e(n,t.__v))};var Xe=typeof requestAnimationFrame=="function";function Sn(e){var n,t=function(){clearTimeout(o),Xe&&cancelAnimationFrame(n),setTimeout(e)},o=setTimeout(t,35);Xe&&(n=requestAnimationFrame(t))}function ae(e){var n=k,t=e.__c;typeof t=="function"&&(e.__c=void 0,t()),k=n}function be(e){var n=k;e.__c=e.__(),k=n}function Qe(e,n){return!e||e.length!==n.length||n.some(function(t,o){return t!==e[o]})}function Ze(e,n){return typeof n=="function"?n(e):n}const Cn="Snagset",Tn="snagset",En="snagset:",An="Snagset",Mn="Snag",Pn="Snags",Hn={anchor:"data-snag-anchor",ignore:"data-snag-ignore",mask:"data-snag-mask",nomask:"data-snag-nomask",src:"data-snag-src",component:"data-snag-component"},In=e=>Hn[e],f={font:"--snag-font",accent:"--snag-accent",onAccent:"--snag-onAccent",bg:"--snag-bg",fg:"--snag-fg",muted:"--snag-muted",border:"--snag-border",radius:"--snag-radius",shadow:"--snag-shadow",z:"--snag-z",motion:"--snag-motion",surface:"--snag-surface",sunken:"--snag-sunken",hover:"--snag-hover",focus:"--snag-focus",disabled:"--snag-disabled",statusOpen:"--snag-status-open",statusProgress:"--snag-status-progress",statusReview:"--snag-status-review",statusResolved:"--snag-status-resolved",anchorOrphan:"--snag-anchor-orphan",tbH:"--snag-tb-h",dockW:"--snag-dock-w",kb:"--snag-kb",thumbX:"--snag-thumb-x",thumbW:"--snag-thumb-w"},Nn=e=>`var(${f[e]})`,en="snag:disclosure:v1",nn="snag:identity",Ln="data-snag-theme";function tn(){let e=null;try{e=localStorage.getItem(nn)}catch{return{}}if(!e)return{};if(e[0]!=="{")return{name:e};try{const n=JSON.parse(e);return n&&typeof n=="object"?n:{}}catch{return{}}}function Rn(e){try{localStorage.setItem(nn,JSON.stringify(e))}catch{}}function Dn(){const e=tn();return{name:typeof e.name=="string"?e.name:"",...e.email?{email:e.email}:{}}}function Un(e){const n=tn();Rn({...n,name:e.name,...e.email?{email:e.email}:{}})}function On(e){const n=window.visualViewport;if(!n)return;let t=0,o=0;const s=()=>{t=0;const l=Math.max(0,Math.round(window.innerHeight-n.height-n.offsetTop));e.style.setProperty(f.kb,`${l}px`)},r=()=>{t||(t=requestAnimationFrame(s))},c=()=>{clearTimeout(o),o=window.setTimeout(s,300)};return s(),n.addEventListener("resize",r),n.addEventListener("scroll",r),window.addEventListener("orientationchange",r),e.addEventListener("focusout",c),()=>{t&&cancelAnimationFrame(t),clearTimeout(o),n.removeEventListener("resize",r),n.removeEventListener("scroll",r),window.removeEventListener("orientationchange",r),e.removeEventListener("focusout",c)}}const zn={product:Cn,set:An,item:Mn,items:Pn};function Fn(e){return(n,t)=>(e[n]??"").replace(/\{(\w+)\}/g,(o,s)=>{const r=t?.[s]??zn[s];return r===void 0?o:String(r)})}const Wn=e=>new Intl.NumberFormat().format(e),jn={"where.anchored":"{label}","where.approximate":"position approximate \u2014 the page changed","where.orphaned":"moved \u2014 the element is gone","status.open":"Active","status.progress":"In progress","status.review":"In review","status.resolved":"Resolved","author.unknown":"Someone","label.image":"an image","label.link":"a link","label.button":"a button","label.tag":"the {tag}"},qn={open:{colour:"#4f6ef7"},progress:{colour:"#f59e0b"},review:{colour:"#8b5cf6"},resolved:{colour:"#10b981"}},_=Object.fromEntries(Object.keys(f).map(e=>[e,Nn(e)])),Bn=Object.entries(qn).map(([e,n])=>`  ${f[`status${e[0].toUpperCase()}${e.slice(1)}`]}:${n.colour};`).join(`
-`);`${_.font}${_.fg}${f.font}${f.accent}${f.bg}${f.fg}${f.muted}${f.border}${f.radius}${f.shadow}${f.z}${f.motion}${f.surface}${_.fg}${_.bg}${f.sunken}${_.fg}${_.bg}${f.hover}${_.fg}${_.bg}${f.onAccent}${f.focus}${_.accent}${_.fg}${f.disabled}${_.muted}${_.bg}${Bn}${f.anchorOrphan}${Ln}${f.accent}${f.onAccent}${f.bg}${f.fg}${f.muted}${f.border}${f.shadow}${f.motion}${f.bg}${f.fg}${f.muted}${f.border}${f.accent}${f.onAccent}${f.surface}${f.sunken}${f.hover}${f.focus}${f.disabled}${f.shadow}${f.anchorOrphan}`;const Yn={composer:8},on=new WeakMap;function rn(e,n,t){let o=on.get(e);if(o||on.set(e,o=new Set),o.has(n))return;o.add(n);try{const c=new CSSStyleSheet;c.replaceSync(t),e.adoptedStyleSheets=[...e.adoptedStyleSheets,c];return}catch{}const r=(e.ownerDocument??document).createElement("style");r.setAttribute(`data-snag-${n}`,""),r.textContent=t,e.appendChild(r)}const Kn=` .snag-input,.snag-text{width:100%;box-sizing:border-box;background:${_.surface};color:inherit;border:1px solid ${_.border};border-radius:${_.radius};padding:8px;font:inherit;resize:vertical}@media (pointer:coarse){.snag-input,.snag-text{font-size:16px}}.snag-input:focus,.snag-text:focus{outline:2px solid ${_.focus};outline-offset:1px;border-color:transparent}.snag-input--bad{border-color:${_.anchorOrphan}}.snag-note{margin:-2px 0 0;color:${_.anchorOrphan};font-size:11px;line-height:1.35}.snag-note.snag-dim{color:${_.muted}}.snag-actions{display:flex;justify-content:flex-end;gap:6px}.snag-actions button{appearance:none;border:0;border-radius:calc(${_.radius} - 1px);padding:7px 13px;font:inherit;cursor:pointer;min-height:32px;transition:background ${_.motion}}.snag-cancel{background:transparent;color:${_.muted}}.snag-armed{color:${_.anchorOrphan};font-weight:600}.snag-cancel:hover{background:${_.hover};color:inherit}.snag-send{background:${_.accent};color:${_.onAccent};font-weight:600}.snag-send:disabled{opacity:.45;cursor:not-allowed}.snag-actions button:focus-visible{outline:2px solid ${_.focus};outline-offset:2px}`;function Gn(e,n,t){const[o,s]=D(!1);return ve(()=>{if(!o)return;const r=setTimeout(()=>s(!1),3e3);return()=>clearTimeout(r)},[o]),{armed:o,press(){if(o||n&&!n()){s(!1),e();return}s(!0),t?.()}}}const Vn={"detail.details":"Anchor details","detail.hidden":"This element isn't visible right now \u2014 it may be inside a closed menu, tab, or accordion.","detail.orphaned":"The element this was pinned to has moved or gone \u2014 it was {label}.","detail.approximate":"The page changed since this was written, so the pin is close rather than exact \u2014 it points at {label}.","detail.unavailable":"Some of the matching steps couldn't load, so this was judged with the basic ones only.","detail.filedat":"Filed at {query}.","detail.openquery":"Open with original query","capture.agent":"{browser} \xB7 {os}","capture.agent.noos":"{browser}","capture.device":"{device} \xB7 {w}\xD7{h} @{dpr}x","capture.device.at1x":"{device} \xB7 {w}\xD7{h}"},Jn={"disclosure.title":"Before your first comment","disclosure.always":"Each comment carries the page address, viewport size and browser make.","disclosure.crumbs.on":"Recent console messages and network results ride along, recognisable secrets redacted first.","disclosure.crumbs.off":"Console and network capture is off here.","disclosure.screenshot.off":"Screenshots are off for this project.","disclosure.screenshot.on":"{product} never reads what you type. Screenshots are pictures of the page, so anything visible on screen is in the picture \u2014 mark sensitive regions with {maskAttr} and they are blurred before the screenshot leaves your browser.","disclosure.retention":"Everything stays in this browser until someone exports it \u2014 the privacy notes list what can still leak.","disclosure.retention.server":"Your comment, the page address and the details above are sent to {host} when you post \u2014 the privacy notes list what can still leak.","disclosure.ack":"Got it","composer.aria":"New comment","composer.parent":"Pin the parent","composer.child":"Pin the first child","composer.shot":"Add a screenshot","composer.name":"Your name","composer.email":"Email, so we can reply","composer.email.bad":"Check the address \u2014 or leave it blank.","composer.signin":"Studio member? Sign in","composer.signin.blocked":"Allow pop-ups for this page to sign in.","composer.member":"Commenting as {name}","composer.signout":"Not you? Sign out","composer.chars":"{n} characters left","composer.body":"Comment","composer.body.placeholder":"What's the {item}?","action.cancel":"Cancel","action.post":"Post comment","composer.discard.sure":"Sure? Discard this comment","action.discard":"Discard?"},Xn={...jn,...Vn,...Jn},b=Fn(Xn),Qn=`${En}session`;function Zn(e,n,t){if(e.origin!==n||!t||e.source!==t)return!1;const o=e.data;return!!o&&o.type===Qn&&typeof o.session?.sessionToken=="string"&&typeof o.session.reviewer?.name=="string"}function et(e,n,t,o){const s=new URLSearchParams({project:n,origin:t});return o&&s.set("env",o),`${new URL(e).origin}/widget-signin?${s}`}function nt(e,n,t){const o=new URL(e).origin,s=window.open(et(e,n,location.origin,t),`${Tn}-signin`,"popup,width=480,height=600");return s?new Promise(r=>{let c=0;const l=u=>{removeEventListener("message",p),clearInterval(a),r(u)},p=u=>{Zn(u,o,s)&&l(u.data.session)};addEventListener("message",p);const a=setInterval(()=>{s.closed&&++c>1&&l(null)},400)}):Promise.resolve("blocked")}const ye=1e4,tt=9e3,ot=e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.trim());let sn=!1;function rt(){if(sn)return!0;try{return localStorage.getItem(en)==="1"}catch{return!1}}function st({at:e,label:n,onSend:t,onCancel:o,onRetarget:s,onShotOptIn:r,onDraft:c,initialBody:l,initialName:p,initialEmail:a,crumbsOn:u,quote:x,shotsOn:i,serverHost:d,studio:v}){const T=Dn(),[$,w]=D(T.name||(p??"")),[m,A]=D(v?.member??null),[U,I]=D(!1),O=()=>{v&&(I(!1),nt(v.host,v.uid,v.env).then(h=>{if(h==="blocked")return I(!0);h&&(v.adopt(h),A(h.reviewer.name),H.current?.focus())}))},[N,F]=D(T.email??a??""),[E,M]=D(l??""),H=G(null),xe=G(null),ce=G(null),[$e]=D(!T.name),[P,an]=D(rt),ke=G(null),cn=()=>{sn=!0;try{localStorage.setItem(en,"1")}catch{}an(!0)},j=window.matchMedia?.("(pointer: coarse)").matches??!1,ln=G(performance.now()).current;ve(()=>{if(j)return;const h=ce.current,C=h?.getBoundingClientRect();if(h&&C&&(C.bottom>innerHeight-8&&(h.style.top=`${Math.max(8,innerHeight-C.height-8)}px`),C.right>innerWidth-8&&(h.style.left=`${Math.max(8,innerWidth-C.width-8)}px`)),!P){ke.current?.focus();return}($e&&!m?xe:H).current?.focus()},[P]),ve(()=>{const h=ce.current;if(h)return On(h)},[]);const q=N.trim().length>0&&!ot(N),we=E.trim().length>0&&(!!m||$.trim().length>0&&!q);function Se(){if(!we)return;if(m)return t(E.trim(),m);const h={name:$.trim(),...N.trim()?{email:N.trim()}:{}};Un(h),t(E.trim(),h.name,h.email)}const{armed:V,press:J}=Gn(o,()=>E.trim().length>0,()=>H.current?.focus()),_n=h=>{M(h),c?.(h,$,N)},Ce=300,un=Math.min(Math.max(8,e.x+14),innerWidth-Ce-8),dn=Math.min(Math.max(8,e.y+14),innerHeight-198);return g(W,{children:[j&&g("div",{class:"snag-scrim","aria-hidden":"true",onClick:()=>{performance.now()-ln>400&&J()}}),g("div",{ref:ce,class:"snag-composer",role:"dialog","aria-label":b("composer.aria"),style:{left:`${un}px`,top:`${dn}px`,width:`${Ce}px`},onKeyDown:h=>{h.key==="Escape"&&(h.stopPropagation(),J()),h.key==="Enter"&&(h.metaKey||h.ctrlKey)&&(h.preventDefault(),Se())},children:[j&&g("div",{class:"snag-grab","aria-hidden":"true",onPointerDown:h=>{const C=h.clientY,B=h.currentTarget;try{B.setPointerCapture(h.pointerId)}catch{}B.onpointermove=pn=>{pn.clientY-C>56&&(B.onpointermove=null,J())},B.onpointerup=()=>B.onpointermove=null}}),g("div",{class:"snag-head",children:[j&&s&&P&&g("span",{class:"snag-step",children:[g("button",{type:"button","aria-label":b("composer.parent"),onClick:()=>s("up"),children:"\u25B2"}),g("button",{type:"button","aria-label":b("composer.child"),onClick:()=>s("down"),children:"\u25BC"})]}),g("p",{class:"snag-target",title:n,children:n}),g("button",{type:"button",class:`snag-dismiss${V?" snag-armed":""}`,"aria-label":b(V?"composer.discard.sure":"action.cancel"),title:b(V?"composer.discard.sure":"action.cancel"),onClick:J,children:V?b("action.discard"):"\u2715"})]}),!P&&g("div",{class:"snag-disclose",children:[g("p",{class:"snag-disclose-title",children:b("disclosure.title")}),g("p",{children:b("disclosure.always")}),g("p",{children:b(u?"disclosure.crumbs.on":"disclosure.crumbs.off")}),g("p",{children:i?b("disclosure.screenshot.on",{maskAttr:In("mask")}):b("disclosure.screenshot.off")}),g("p",{children:d?b("disclosure.retention.server",{host:d}):b("disclosure.retention")}),g("div",{class:"snag-actions",children:g("button",{type:"button",ref:ke,class:"snag-send snag-primary",onClick:cn,children:b("disclosure.ack")})})]}),P&&m&&g("p",{class:"snag-member",children:[b("composer.member",{name:m})," ",g("button",{type:"button",class:"snag-link",onClick:()=>{v?.signOut(),A(null)},children:b("composer.signout")})]}),P&&$e&&!m&&g(W,{children:[g("input",{ref:xe,class:"snag-input",type:"text",placeholder:b("composer.name"),"aria-label":b("composer.name"),value:$,onInput:h=>{const C=h.target.value;w(C),E.trim()&&c?.(E,C,N)}}),g("input",{class:`snag-input${q?" snag-input--bad":""}`,type:"email",inputMode:"email",autocomplete:"email",placeholder:b("composer.email"),"aria-label":b("composer.email"),"aria-invalid":q?"true":void 0,"aria-describedby":q?"snag-email-note":void 0,value:N,onInput:h=>{const C=h.target.value;F(C),E.trim()&&c?.(E,$,C)}}),q&&g("p",{class:"snag-note",id:"snag-email-note",children:b("composer.email.bad")})]}),P&&v&&!m&&g("p",{class:"snag-member",children:[g("button",{type:"button",class:"snag-link",onClick:O,children:b("composer.signin")}),U&&g("span",{role:"status",children:[" ",b("composer.signin.blocked")]})]}),P&&x&&g("blockquote",{class:"snag-quote",children:x}),P&&g("textarea",{ref:H,class:"snag-text",placeholder:b("composer.body.placeholder"),"aria-label":b("composer.body"),maxLength:ye,rows:3,enterkeyhint:"enter",value:E,onInput:h=>{const C=h.target;C.style.height="auto",C.style.height=`${Math.min(C.scrollHeight,128)}px`,_n(C.value)}}),P&&E.length>=tt&&g("p",{class:`snag-note${E.length>=ye?"":" snag-dim"}`,"aria-live":"polite",children:b("composer.chars",{n:Wn(ye-E.length)})}),P&&j&&r&&g("label",{class:"snag-shotopt",children:[g("input",{type:"checkbox",onChange:h=>r(h.currentTarget.checked)})," ",b("composer.shot")]}),P&&g("div",{class:"snag-actions",children:g("button",{type:"button",class:"snag-send snag-primary",disabled:!we,onClick:Se,children:b("action.post")})})]})]})}const it=` .snag-composer{position:fixed;box-sizing:border-box;z-index:${Yn.composer};background:${_.bg};color:${_.fg};border:1px solid ${_.border};border-radius:calc(${_.radius} + 4px);padding:12px;box-shadow:${_.shadow};pointer-events:auto;font:400 13px/1.45 ${_.font};display:flex;flex-direction:column;gap:8px}.snag-head{display:flex;align-items:center;gap:8px}.snag-target{margin:0;flex:1 1 auto;min-width:0;color:${_.muted};font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snag-dismiss{flex:0 0 auto;appearance:none;border:0;background:transparent;color:${_.muted};font:inherit;font-size:12px;line-height:1;padding:6px;margin:-6px -4px -6px 0;border-radius:calc(${_.radius} - 2px);cursor:pointer}.snag-dismiss:hover{color:${_.fg};background:${_.hover}}.snag-dismiss:focus-visible{outline:2px solid ${_.focus};outline-offset:1px}.snag-dismiss.snag-armed{color:${_.anchorOrphan};font-weight:600;font-size:11px}.snag-disclose{display:flex;flex-direction:column;gap:6px}.snag-disclose p{margin:0;font-size:12px;line-height:1.5;color:${_.fg}}.snag-disclose .snag-disclose-title{font-weight:600;font-size:12px}.snag-disclose p:not(.snag-disclose-title){color:${_.muted}}.snag-member{margin:0;font-size:11px;color:${_.muted}}.snag-link{appearance:none;border:0;background:none;padding:0;font:inherit;color:${_.fg};text-decoration:underline;text-underline-offset:2px;cursor:pointer}.snag-link:focus-visible{outline:2px solid ${_.focus};outline-offset:1px}.snag-quote{margin:0;padding:6px 10px;border-inline-start:3px solid ${_.accent};background:${_.surface};font-size:12px;color:${_.muted}}.snag-actions .snag-primary{flex:1 1 auto;justify-content:center;padding-block:10px;font-weight:600}@media (pointer:coarse){.snag-composer{left:0!important;right:0;top:auto!important;width:auto!important;inset-block-end:max(var(${f.tbH},68px),var(${f.kb},0px));border-radius:14px 14px 0 0;border-inline:0;border-block-end:0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));gap:10px;box-shadow:0 -8px 32px rgb(0 0 0 / 28%)}.snag-composer .snag-primary{min-height:48px;font-size:15px}.snag-composer .snag-dismiss{padding:10px;margin:-10px -6px -10px 0;font-size:14px}.snag-composer .snag-text{min-height:88px}.snag-composer{overscroll-behavior:contain;padding-inline:calc(16px + env(safe-area-inset-left)) calc(16px + env(safe-area-inset-right))}.snag-scrim{position:fixed;inset:0;background:#0005;touch-action:none;pointer-events:auto}.snag-grab{margin:-14px 0 -8px;padding:12px 0;touch-action:none;pointer-events:auto;background:linear-gradient(${_.border} 0 0) 50%/36px 4px no-repeat}.snag-step{display:flex;gap:2px}.snag-step button{min-width:44px;min-height:44px;background:none;border:1px solid ${_.border};border-radius:8px;color:${_.fg}}.snag-shotopt{display:flex;align-items:center;gap:8px;min-height:44px}}@keyframes snag-pulse{50%{transform:scale(1.04)}}.snag-pulse{animation:snag-pulse 500ms ease-in-out}@media (prefers-reduced-motion:reduce){.snag-pulse{animation:none;outline:2px solid ${_.focus};outline-offset:3px}}`;function at(e,n,t){const o=e.ownerDocument??document;rn(e,"form",Kn),rn(e,"composer",it);const s=o.createElement("div");(t??e).appendChild(s);const r=()=>{We(null,s),s.remove()},c=()=>s.querySelector(".snag-text"),l=()=>(c()?.value??"").trim().length>0,p=()=>{const a=s.firstElementChild;a&&(a.classList.remove("snag-pulse"),a.offsetWidth,a.classList.add("snag-pulse"),setTimeout(()=>a.classList.remove("snag-pulse"),600))};return We(g(st,{...n,onSend:(a,u,x)=>{n.onSend(a,u,x),r()},onCancel:()=>{n.onCancel(),r()}}),s),{close:r,hasText:l,pulse:p,setLabel(a){const u=s.querySelector(".snag-target");u&&(u.textContent=a,u.title=a)}}}export{at as openComposer};
+var Q,b,Ee,D,Ae,Me,Pe,_e,Z,B,He,ue,de,pe,ee={},ne=[],hn=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,te=Array.isArray;function I(e,n){for(var t in n)e[t]=n[t];return e}function fe(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function mn(e,n,t){var o,s,r,c={};for(r in n)r=="key"?o=n[r]:r=="ref"?s=n[r]:c[r]=n[r];if(arguments.length>2&&(c.children=arguments.length>3?Q.call(arguments,2):t),typeof e=="function"&&e.defaultProps!=null)for(r in e.defaultProps)c[r]===void 0&&(c[r]=e.defaultProps[r]);return oe(e,c,o,s,null)}function oe(e,n,t,o,s){var r={type:e,props:n,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:s??++Ee,__i:-1,__u:0};return s==null&&b.vnode!=null&&b.vnode(r),r}function z(e){return e.children}function re(e,n){this.props=e,this.context=n}function O(e,n){if(n==null)return e.__?O(e.__,e.__i+1):null;for(var t;n<e.__k.length;n++)if((t=e.__k[n])!=null&&t.__e!=null)return t.__e;return typeof e.type=="function"?O(e):null}function gn(e){if(e.__P&&e.__d){var n=e.__v,t=n.__e,o=[],s=[],r=I({},n);r.__v=n.__v+1,b.vnode&&b.vnode(r),he(e.__P,r,n,e.__n,e.__P.namespaceURI,32&n.__u?[t]:null,o,t??O(n),!!(32&n.__u),s),r.__v=n.__v,r.__.__k[r.__i]=r,ze(o,r,s),n.__e=n.__=null,r.__e!=t&&Ie(r)}}function Ie(e){if((e=e.__)!=null&&e.__c!=null)return e.__e=e.__c.base=null,e.__k.some(function(n){if(n!=null&&n.__e!=null)return e.__e=e.__c.base=n.__e}),Ie(e)}function Ne(e){(!e.__d&&(e.__d=!0)&&D.push(e)&&!se.__r++||Ae!=b.debounceRendering)&&((Ae=b.debounceRendering)||Me)(se)}function se(){try{for(var e,n=1;D.length;)D.length>n&&D.sort(Pe),e=D.shift(),n=D.length,gn(e)}finally{D.length=se.__r=0}}function Le(e,n,t,o,s,r,c,l,d,a,u){var y,i,p,x,w,S,$=o&&o.__k||ne,v=n.length;for(d=vn(t,n,$,d,v),y=0;y<v;y++)(p=t.__k[y])!=null&&(i=p.__i!=-1&&$[p.__i]||ee,p.__i=y,S=he(e,p,i,s,r,c,l,d,a,u),x=p.__e,p.ref&&i.ref!=p.ref&&(i.ref&&me(i.ref,null,p),u.push(p.ref,p.__c||x,p)),w==null&&x!=null&&(w=x),4&p.__u?(d=Re(p,d,e),i.__e&&(i.__e=null)):typeof p.type=="function"&&S!==void 0?d=S:x&&(d=x.nextSibling),p.__u&=-7);return t.__e=w,d}function vn(e,n,t,o,s){var r,c,l,d,a,u=t.length,y=u,i=0;for(e.__k=new Array(s),r=0;r<s;r++)(c=n[r])!=null&&typeof c!="boolean"&&typeof c!="function"?(typeof c=="string"||typeof c=="number"||typeof c=="bigint"||c.constructor==String?c=e.__k[r]=oe(null,c,null,null,null):te(c)?c=e.__k[r]=oe(z,{children:c},null,null,null):c.constructor===void 0&&c.__b>0?c=e.__k[r]=oe(c.type,c.props,c.key,c.ref?c.ref:null,c.__v):e.__k[r]=c,d=r+i,c.__=e,c.__b=e.__b+1,l=null,(a=c.__i=bn(c,t,d,y))!=-1&&(y--,(l=t[a])&&(l.__u|=2)),l==null||l.__v==null?(a==-1&&(s>u?i--:s<u&&i++),typeof c.type!="function"&&(c.__u|=4)):a!=d&&(a==d-1?i--:a==d+1?i++:(a>d?i--:i++,c.__u|=4))):e.__k[r]=null;if(y)for(r=0;r<u;r++)(l=t[r])!=null&&(2&l.__u)==0&&(l.__e==o&&(o=O(l)),We(l,l));return o}function Re(e,n,t){var o,s;if(typeof e.type=="function"){for(o=e.__k,s=0;o&&s<o.length;s++)o[s]&&(o[s].__=e,n=Re(o[s],n,t));return n}e.__e!=n&&(n&&e.type&&!n.parentNode&&(n=O(e)),n=t.insertBefore(e.__e,n||null));do n=n&&n.nextSibling;while(n!=null&&n.nodeType==8);return n}function bn(e,n,t,o){var s,r,c,l=e.key,d=e.type,a=n[t],u=a!=null&&(2&a.__u)==0;if(a===null&&l==null||u&&l==a.key&&d==a.type)return t;if(o>(u?1:0)){for(s=t-1,r=t+1;s>=0||r<n.length;)if((a=n[c=s>=0?s--:r++])!=null&&(2&a.__u)==0&&l==a.key&&d==a.type)return c}return-1}function De(e,n,t){n[0]=="-"?e.setProperty(n,t??""):e[n]=t==null?"":typeof t!="number"||hn.test(n)?t:t+"px"}function ie(e,n,t,o,s){var r,c;e:if(n=="style")if(typeof t=="string")e.style.cssText=t;else{if(typeof o=="string"&&(e.style.cssText=o=""),o)for(n in o)t&&n in t||De(e.style,n,"");if(t)for(n in t)o&&t[n]==o[n]||De(e.style,n,t[n])}else if(n[0]=="o"&&n[1]=="n")r=n!=(n=n.replace(He,"$1")),c=n.toLowerCase(),n=c in e||n=="onFocusOut"||n=="onFocusIn"?c.slice(2):n.slice(2),e.l||(e.l={}),e.l[n+r]=t,t?o?t[B]=o[B]:(t[B]=ue,e.addEventListener(n,r?pe:de,r)):e.removeEventListener(n,r?pe:de,r);else{if(s=="http://www.w3.org/2000/svg")n=n.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(n!="width"&&n!="height"&&n!="href"&&n!="list"&&n!="form"&&n!="tabIndex"&&n!="download"&&n!="rowSpan"&&n!="colSpan"&&n!="role"&&n!="popover"&&n in e)try{e[n]=t??"";break e}catch{}typeof t=="function"||(t==null||t===!1&&n[4]!="-"?e.removeAttribute(n):e.setAttribute(n,n=="popover"&&t==1?"":t))}}function Ue(e){return function(n){if(this.l){var t=this.l[n.type+e];if(n[Z]==null)n[Z]=ue++;else if(n[Z]<t[B])return;return t(b.event?b.event(n):n)}}}function he(e,n,t,o,s,r,c,l,d,a){var u,y,i,p,x,w,S,$,v,E,N,H,L,G,P,F,k=n.type;if(n.constructor!==void 0)return null;128&t.__u&&(d=!!(32&t.__u),r=[l=n.__e=t.__e]),(u=b.__b)&&u(n);e:if(typeof k=="function"){y=c.length;try{if(v=n.props,E=k.prototype&&k.prototype.render,N=(u=k.contextType)&&o[u.__c],H=u?N?N.props.value:u.__:o,t.__c?$=(i=n.__c=t.__c).__=i.__E:(E?n.__c=i=new k(v,H):(n.__c=i=new re(v,H),i.constructor=k,i.render=xn),N&&N.sub(i),i.state||(i.state={}),i.__n=o,p=i.__d=!0,i.__h=[],i._sb=[]),E&&i.__s==null&&(i.__s=i.state),E&&k.getDerivedStateFromProps!=null&&(i.__s==i.state&&(i.__s=I({},i.__s)),I(i.__s,k.getDerivedStateFromProps(v,i.__s))),x=i.props,w=i.state,i.__v=n,p)E&&k.getDerivedStateFromProps==null&&i.componentWillMount!=null&&i.componentWillMount(),E&&i.componentDidMount!=null&&i.__h.push(i.componentDidMount);else{if(E&&k.getDerivedStateFromProps==null&&v!==x&&i.componentWillReceiveProps!=null&&i.componentWillReceiveProps(v,H),n.__v==t.__v||!i.__e&&i.shouldComponentUpdate!=null&&i.shouldComponentUpdate(v,i.__s,H)===!1){n.__v!=t.__v&&(i.props=v,i.state=i.__s,i.__d=!1),n.__e=t.__e,n.__k=t.__k,n.__k.some(function(R){R&&(R.__=n)}),ne.push.apply(i.__h,i._sb),i._sb=[],i.__h.length&&c.push(i),l=O(t);break e}i.componentWillUpdate!=null&&i.componentWillUpdate(v,i.__s,H),E&&i.componentDidUpdate!=null&&i.__h.push(function(){i.componentDidUpdate(x,w,S)})}if(i.context=H,i.props=v,i.__P=e,i.__e=!1,L=b.__r,G=0,E)i.state=i.__s,i.__d=!1,L&&L(n),u=i.render(i.props,i.state,i.context),ne.push.apply(i.__h,i._sb),i._sb=[];else do i.__d=!1,L&&L(n),u=i.render(i.props,i.state,i.context),i.state=i.__s;while(i.__d&&++G<25);i.state=i.__s,i.getChildContext!=null&&(o=I(I({},o),i.getChildContext())),E&&!p&&i.getSnapshotBeforeUpdate!=null&&(S=i.getSnapshotBeforeUpdate(x,w)),P=u!=null&&u.type===z&&u.key==null?Fe(u.props.children):u,l=Le(e,te(P)?P:[P],n,t,o,s,r,c,l,d,a),i.base=n.__e,n.__u&=-161,i.__h.length&&c.push(i),$&&(i.__E=i.__=null)}catch(R){if(c.length=y,n.__v=null,d||r!=null){if(R.then){for(n.__u|=d?160:128;l&&l.nodeType==8&&l.nextSibling;)l=l.nextSibling;r!=null&&(r[r.indexOf(l)]=null),n.__e=l}else if(r!=null)for(F=r.length;F--;)fe(r[F])}else n.__e=t.__e;n.__k==null&&(n.__k=t.__k||[]),R.then||Oe(n),b.__e(R,n,t)}}else r==null&&n.__v==t.__v?(n.__k=t.__k,n.__e=t.__e):l=n.__e=yn(t.__e,n,t,o,s,r,c,d,a);return(u=b.diffed)&&u(n),128&n.__u?void 0:l}function Oe(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(Oe))}function ze(e,n,t){for(var o=0;o<t.length;o++)me(t[o],t[++o],t[++o]);b.__c&&b.__c(n,e),e.some(function(s){try{e=s.__h,s.__h=[],e.some(function(r){r.call(s)})}catch(r){b.__e(r,s.__v)}})}function Fe(e){return typeof e!="object"||e==null||e.__b>0?e:te(e)?e.map(Fe):e.constructor!==void 0?null:I({},e)}function yn(e,n,t,o,s,r,c,l,d){var a,u,y,i,p,x,w,S=t.props||ee,$=n.props,v=n.type;if(v=="svg"?s="http://www.w3.org/2000/svg":v=="math"?s="http://www.w3.org/1998/Math/MathML":s||(s="http://www.w3.org/1999/xhtml"),r!=null){for(a=0;a<r.length;a++)if((p=r[a])&&"setAttribute"in p==!!v&&(v?p.localName==v:p.nodeType==3)){e=p,r[a]=null;break}}if(e==null){if(v==null)return document.createTextNode($);e=document.createElementNS(s,v,$.is&&$),l&&(b.__m&&b.__m(n,r),l=!1),r=null}if(v==null)S===$||l&&e.data==$||(e.data=$);else{if(r=v=="textarea"&&$.defaultValue!=null?null:r&&Q.call(e.childNodes),!l&&r!=null)for(S={},a=0;a<e.attributes.length;a++)S[(p=e.attributes[a]).name]=p.value;for(a in S)p=S[a],a=="dangerouslySetInnerHTML"?y=p:a=="children"||a in $||a=="value"&&"defaultValue"in $||a=="checked"&&"defaultChecked"in $||ie(e,a,null,p,s);for(a in $)p=$[a],a=="children"?i=p:a=="dangerouslySetInnerHTML"?u=p:a=="value"?x=p:a=="checked"?w=p:l&&typeof p!="function"||S[a]===p||ie(e,a,p,S[a],s);if(u)l||y&&(u.__html==y.__html||u.__html==e.innerHTML)||(e.innerHTML=u.__html),n.__k=[];else if(y&&(e.innerHTML=""),Le(n.type=="template"?e.content:e,te(i)?i:[i],n,t,o,v=="foreignObject"?"http://www.w3.org/1999/xhtml":s,r,c,r?r[0]:t.__k&&O(t,0),l,d),r!=null)for(a=r.length;a--;)fe(r[a]);l&&v!="textarea"||(a="value",v=="progress"&&x==null?e.removeAttribute("value"):x!=null&&(x!==e[a]||v=="progress"&&!x||v=="option"&&x!=S[a])&&ie(e,a,x,S[a],s),a="checked",w!=null&&w!=e[a]&&ie(e,a,w,S[a],s))}return e}function me(e,n,t){try{if(typeof e=="function"){var o=typeof e.__u=="function";o&&e.__u(),o&&n==null||(e.__u=e(n))}else e.current=n}catch(s){b.__e(s,t)}}function We(e,n,t){var o,s;if(b.unmount&&b.unmount(e),(o=e.ref)&&(o.current&&o.current!=e.__e||me(o,null,n)),(o=e.__c)!=null){if(o.componentWillUnmount)try{o.componentWillUnmount()}catch(r){b.__e(r,n)}o.base=o.__P=o.__n=null}if(o=e.__k)for(s=0;s<o.length;s++)o[s]&&We(o[s],n,t||typeof e.type!="function");t||fe(e.__e),e.__c=e.__=e.__e=void 0}function xn(e,n,t){return this.constructor(e,t)}function je(e,n,t){var o,s,r,c;n==document&&(n=document.documentElement),b.__&&b.__(e,n),s=(o=!1)?null:n.__k,r=[],c=[],he(n,e=n.__k=mn(z,null,[e]),s||ee,ee,n.namespaceURI,s?null:n.firstChild?Q.call(n.childNodes):null,r,s?s.__e:n.firstChild,o,c),ze(r,e,c),e.props.children=null}Q=ne.slice,b={__e:function(e,n,t,o){for(var s,r,c;n=n.__;)if((s=n.__c)&&!s.__)try{if((r=s.constructor)&&r.getDerivedStateFromError!=null&&(s.setState(r.getDerivedStateFromError(e)),c=s.__d),s.componentDidCatch!=null&&(s.componentDidCatch(e,o||{}),c=s.__d),c)return s.__E=s}catch(l){e=l}throw e}},Ee=0,re.prototype.setState=function(e,n){var t;t=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=I({},this.state),typeof e=="function"&&(e=e(I({},t),this.props)),e&&I(t,e),e!=null&&this.__v&&(n&&this._sb.push(n),Ne(this))},re.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),Ne(this))},re.prototype.render=z,D=[],Me=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,Pe=function(e,n){return e.__v.__b-n.__v.__b},se.__r=0,_e=Math.random().toString(8),Z="__d"+_e,B="__a"+_e,He=/(PointerCapture)$|Capture$/i,ue=0,de=Ue(!1),pe=Ue(!0);var $n=0;function m(e,n,t,o,s,r){n||(n={});var c,l,d=n;if("ref"in d)for(l in d={},n)l=="ref"?c=n[l]:d[l]=n[l];var a={type:e,props:d,key:t,ref:c,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--$n,__i:-1,__u:0,__source:s,__self:r};if(typeof e=="function"&&(c=e.defaultProps))for(l in c)d[l]===void 0&&(d[l]=c[l]);return b.vnode&&b.vnode(a),a}var Y,C,ge,qe,ae=0,Be=[],T=b,Ye=T.__b,Ke=T.__r,Ge=T.diffed,Ve=T.__c,Je=T.unmount,Xe=T.__;function ve(e,n){T.__h&&T.__h(C,e,ae||n),ae=0;var t=C.__H||(C.__H={__:[],__h:[]});return e>=t.__.length&&t.__.push({}),t.__[e]}function U(e){return ae=1,kn(en,e)}function kn(e,n,t){var o=ve(Y++,2);if(o.t=e,!o.__c&&(o.__=[en(void 0,n),function(l){var d=o.__N?o.__N[0]:o.__[0],a=o.t(d,l);d!==a&&(o.__N=[a,o.__[1]],o.__c.setState({}))}],o.__c=C,!C.__f)){var s=function(l,d,a){if(!o.__c.__H)return!0;var u=!1,y=o.__c.props!==l;if(o.__c.__H.__.some(function(p){if(p.__N){u=!0;var x=p.__[0];p.__=p.__N,p.__N=void 0,x!==p.__[0]&&(y=!0)}}),r){var i=r.call(this,l,d,a);return u?i||y:i}return!u||y};C.__f=!0;var r=C.shouldComponentUpdate,c=C.componentWillUpdate;C.componentWillUpdate=function(l,d,a){if(this.__e){var u=r;r=void 0,s(l,d,a),r=u}c&&c.call(this,l,d,a)},C.shouldComponentUpdate=s}return o.__N||o.__}function be(e,n){var t=ve(Y++,3);!T.__s&&Ze(t.__H,n)&&(t.__=e,t.u=n,C.__H.__h.push(t))}function K(e){return ae=5,wn(function(){return{current:e}},[])}function wn(e,n){var t=ve(Y++,7);return Ze(t.__H,n)&&(t.__=e(),t.__H=n,t.__h=e),t.__}function Sn(){for(var e;e=Be.shift();){var n=e.__H;if(e.__P&&n)try{n.__h.some(ce),n.__h.some(ye),n.__h=[]}catch(t){n.__h=[],T.__e(t,e.__v)}}}T.__b=function(e){C=null,Ye&&Ye(e)},T.__=function(e,n){e&&n.__k&&n.__k.__m&&(e.__m=n.__k.__m),Xe&&Xe(e,n)},T.__r=function(e){Ke&&Ke(e),Y=0;var n=(C=e.__c).__H;n&&(ge===C?(n.__h=[],C.__h=[],n.__.some(function(t){t.__N&&(t.__=t.__N),t.u=t.__N=void 0})):(n.__h.some(ce),n.__h.some(ye),n.__h=[],Y=0)),ge=C},T.diffed=function(e){Ge&&Ge(e);var n=e.__c;n&&n.__H&&(n.__H.__h.length&&(Be.push(n)!==1&&qe===T.requestAnimationFrame||((qe=T.requestAnimationFrame)||Cn)(Sn)),n.__H.__.some(function(t){t.u&&(t.__H=t.u,t.u=void 0)})),ge=C=null},T.__c=function(e,n){n.some(function(t){try{t.__h.some(ce),t.__h=t.__h.filter(function(o){return!o.__||ye(o)})}catch(o){n.some(function(s){s.__h&&(s.__h=[])}),n=[],T.__e(o,t.__v)}}),Ve&&Ve(e,n)},T.unmount=function(e){Je&&Je(e);var n,t=e.__c;t&&t.__H&&(t.__H.__.some(function(o){try{ce(o)}catch(s){n=s}}),t.__H=void 0,n&&T.__e(n,t.__v))};var Qe=typeof requestAnimationFrame=="function";function Cn(e){var n,t=function(){clearTimeout(o),Qe&&cancelAnimationFrame(n),setTimeout(e)},o=setTimeout(t,35);Qe&&(n=requestAnimationFrame(t))}function ce(e){var n=C,t=e.__c;typeof t=="function"&&(e.__c=void 0,t()),C=n}function ye(e){var n=C;e.__c=e.__(),C=n}function Ze(e,n){return!e||e.length!==n.length||n.some(function(t,o){return t!==e[o]})}function en(e,n){return typeof n=="function"?n(e):n}const Tn="Snagset",En="snagset",An="snagset:",Mn="Snagset",Pn="Snag",Hn="Snags",In={anchor:"data-snag-anchor",ignore:"data-snag-ignore",mask:"data-snag-mask",nomask:"data-snag-nomask",src:"data-snag-src",component:"data-snag-component"},Nn=e=>In[e],f={font:"--snag-font",accent:"--snag-accent",onAccent:"--snag-onAccent",bg:"--snag-bg",fg:"--snag-fg",muted:"--snag-muted",border:"--snag-border",radius:"--snag-radius",shadow:"--snag-shadow",z:"--snag-z",motion:"--snag-motion",surface:"--snag-surface",sunken:"--snag-sunken",hover:"--snag-hover",focus:"--snag-focus",disabled:"--snag-disabled",statusOpen:"--snag-status-open",statusProgress:"--snag-status-progress",statusReview:"--snag-status-review",statusResolved:"--snag-status-resolved",anchorOrphan:"--snag-anchor-orphan",tbH:"--snag-tb-h",dockW:"--snag-dock-w",kb:"--snag-kb",thumbX:"--snag-thumb-x",thumbW:"--snag-thumb-w"},Ln=e=>`var(${f[e]})`,nn="snag:disclosure:v1",tn="snag:identity",Rn="data-snag-theme";function on(){let e=null;try{e=localStorage.getItem(tn)}catch{return{}}if(!e)return{};if(e[0]!=="{")return{name:e};try{const n=JSON.parse(e);return n&&typeof n=="object"?n:{}}catch{return{}}}function Dn(e){try{localStorage.setItem(tn,JSON.stringify(e))}catch{}}function Un(){const e=on();return{name:typeof e.name=="string"?e.name:"",...e.email?{email:e.email}:{}}}function On(e){const n=on();Dn({...n,name:e.name,...e.email?{email:e.email}:{}})}function zn(e){const n=window.visualViewport;if(!n)return;let t=0,o=0;const s=()=>{t=0;const l=Math.max(0,Math.round(window.innerHeight-n.height-n.offsetTop));e.style.setProperty(f.kb,`${l}px`)},r=()=>{t||(t=requestAnimationFrame(s))},c=()=>{clearTimeout(o),o=window.setTimeout(s,300)};return s(),n.addEventListener("resize",r),n.addEventListener("scroll",r),window.addEventListener("orientationchange",r),e.addEventListener("focusout",c),()=>{t&&cancelAnimationFrame(t),clearTimeout(o),n.removeEventListener("resize",r),n.removeEventListener("scroll",r),window.removeEventListener("orientationchange",r),e.removeEventListener("focusout",c)}}const Fn={product:Tn,set:Mn,item:Pn,items:Hn};function Wn(e){return(n,t)=>(e[n]??"").replace(/\{(\w+)\}/g,(o,s)=>{const r=t?.[s]??Fn[s];return r===void 0?o:String(r)})}const jn=e=>new Intl.NumberFormat().format(e),qn={"where.anchored":"{label}","where.approximate":"position approximate \u2014 the page changed","where.orphaned":"moved \u2014 the element is gone","status.open":"Active","status.progress":"In progress","status.review":"In review","status.resolved":"Resolved","author.unknown":"Someone","label.image":"an image","label.link":"a link","label.button":"a button","label.tag":"the {tag}"},Bn={open:{colour:"#4f6ef7"},progress:{colour:"#f59e0b"},review:{colour:"#8b5cf6"},resolved:{colour:"#10b981"}},_=Object.fromEntries(Object.keys(f).map(e=>[e,Ln(e)])),Yn=Object.entries(Bn).map(([e,n])=>`  ${f[`status${e[0].toUpperCase()}${e.slice(1)}`]}:${n.colour};`).join(`
+`);`${_.font}${_.fg}${f.font}${f.accent}${f.bg}${f.fg}${f.muted}${f.border}${f.radius}${f.shadow}${f.z}${f.motion}${f.surface}${_.fg}${_.bg}${f.sunken}${_.fg}${_.bg}${f.hover}${_.fg}${_.bg}${f.onAccent}${f.focus}${_.accent}${_.fg}${f.disabled}${_.muted}${_.bg}${Yn}${f.anchorOrphan}${Rn}${f.accent}${f.onAccent}${f.bg}${f.fg}${f.muted}${f.border}${f.shadow}${f.motion}${f.bg}${f.fg}${f.muted}${f.border}${f.accent}${f.onAccent}${f.surface}${f.sunken}${f.hover}${f.focus}${f.disabled}${f.shadow}${f.anchorOrphan}`;const Kn={composer:8},rn=new WeakMap;function sn(e,n,t){let o=rn.get(e);if(o||rn.set(e,o=new Set),o.has(n))return;o.add(n);try{const c=new CSSStyleSheet;c.replaceSync(t),e.adoptedStyleSheets=[...e.adoptedStyleSheets,c];return}catch{}const r=(e.ownerDocument??document).createElement("style");r.setAttribute(`data-snag-${n}`,""),r.textContent=t,e.appendChild(r)}const Gn=` .snag-input,.snag-text{width:100%;box-sizing:border-box;background:${_.surface};color:inherit;border:1px solid ${_.border};border-radius:${_.radius};padding:8px;font:inherit;resize:vertical}@media (pointer:coarse){.snag-input,.snag-text{font-size:16px}}.snag-input:focus,.snag-text:focus{outline:2px solid ${_.focus};outline-offset:1px;border-color:transparent}.snag-input--bad{border-color:${_.anchorOrphan}}.snag-note{margin:-2px 0 0;color:${_.anchorOrphan};font-size:11px;line-height:1.35}.snag-note.snag-dim{color:${_.muted}}.snag-actions{display:flex;justify-content:flex-end;gap:6px}.snag-actions button{appearance:none;border:0;border-radius:calc(${_.radius} - 1px);padding:7px 13px;font:inherit;cursor:pointer;min-height:32px;transition:background ${_.motion}}.snag-cancel{background:transparent;color:${_.muted}}.snag-armed{color:${_.anchorOrphan};font-weight:600}.snag-cancel:hover{background:${_.hover};color:inherit}.snag-send{background:${_.accent};color:${_.onAccent};font-weight:600}.snag-send:disabled{opacity:.45;cursor:not-allowed}.snag-actions button:focus-visible{outline:2px solid ${_.focus};outline-offset:2px}`;function Vn(e,n,t){const[o,s]=U(!1);return be(()=>{if(!o)return;const r=setTimeout(()=>s(!1),3e3);return()=>clearTimeout(r)},[o]),{armed:o,press(){if(o||n&&!n()){s(!1),e();return}s(!0),t?.()}}}const Jn={"detail.details":"Anchor details","detail.hidden":"This element isn't visible right now \u2014 it may be inside a closed menu, tab, or accordion.","detail.orphaned":"The element this was pinned to has moved or gone \u2014 it was {label}.","detail.approximate":"The page changed since this was written, so the pin is close rather than exact \u2014 it points at {label}.","detail.unavailable":"Some of the matching steps couldn't load, so this was judged with the basic ones only.","detail.filedat":"Filed at {query}.","detail.openquery":"Open with original query","capture.agent":"{browser} \xB7 {os}","capture.agent.noos":"{browser}","capture.device":"{device} \xB7 {w}\xD7{h} @{dpr}x","capture.device.at1x":"{device} \xB7 {w}\xD7{h}"},Xn={"disclosure.title":"Before your first comment","disclosure.always":"Each comment carries the page address, viewport size and browser make.","disclosure.crumbs.on":"Recent console messages and network results ride along, recognisable secrets redacted first.","disclosure.crumbs.off":"Console and network capture is off here.","disclosure.screenshot.off":"Screenshots are off for this project.","disclosure.screenshot.on":"{product} never reads what you type. Screenshots are pictures of the page, so anything visible on screen is in the picture \u2014 mark sensitive regions with {maskAttr} and they are blurred before the screenshot leaves your browser.","disclosure.retention":"Everything stays in this browser until someone exports it \u2014 the privacy notes list what can still leak.","disclosure.retention.server":"Your comment, the page address and the details above are sent to {host} when you post \u2014 the privacy notes list what can still leak.","disclosure.ack":"Got it","composer.aria":"New comment","composer.parent":"Pin the parent","composer.child":"Pin the first child","composer.shot":"Add a screenshot","composer.name":"Your name","composer.email":"Email, so we can reply","composer.email.bad":"Check the address \u2014 or leave it blank.","composer.signin":"Studio member? Sign in","composer.signin.blocked":"Allow pop-ups for this page to sign in.","composer.member":"Commenting as {name}","composer.signout":"Not you? Sign out","composer.round.closed":"This round is closed \u2014 your comment goes to {round}.","composer.chars":"{n} characters left","composer.body":"Comment","composer.body.placeholder":"What's the {item}?","action.cancel":"Cancel","action.post":"Post comment","composer.discard.sure":"Sure? Discard this comment","action.discard":"Discard?"},Qn={...qn,...Jn,...Xn},g=Wn(Qn),Zn=`${An}session`;function et(e,n,t){if(e.origin!==n||!t||e.source!==t)return!1;const o=e.data;return!!o&&o.type===Zn&&typeof o.session?.sessionToken=="string"&&typeof o.session.reviewer?.name=="string"}function nt(e,n,t,o){const s=new URLSearchParams({project:n,origin:t});return o&&s.set("env",o),`${new URL(e).origin}/widget-signin?${s}`}function tt(e,n,t){const o=new URL(e).origin,s=window.open(nt(e,n,location.origin,t),`${En}-signin`,"popup,width=480,height=600");return s?new Promise(r=>{let c=0;const l=u=>{removeEventListener("message",d),clearInterval(a),r(u)},d=u=>{et(u,o,s)&&l(u.data.session)};addEventListener("message",d);const a=setInterval(()=>{s.closed&&++c>1&&l(null)},400)}):Promise.resolve("blocked")}const xe=1e4,ot=9e3,rt=e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.trim());let an=!1;function st(){if(an)return!0;try{return localStorage.getItem(nn)==="1"}catch{return!1}}function it({at:e,label:n,onSend:t,onCancel:o,onRetarget:s,onShotOptIn:r,onDraft:c,initialBody:l,initialName:d,initialEmail:a,crumbsOn:u,quote:y,roundNote:i,shotsOn:p,serverHost:x,studio:w}){const S=Un(),[$,v]=U(S.name||(d??"")),[E,N]=U(w?.member??null),[H,L]=U(!1),G=()=>{w&&(L(!1),tt(w.host,w.uid,w.env).then(h=>{if(h==="blocked")return L(!0);h&&(w.adopt(h),N(h.reviewer.name),V.current?.focus())}))},[P,F]=U(S.email??a??""),[k,R]=U(l??""),V=K(null),$e=K(null),le=K(null),[ke]=U(!S.name),[M,cn]=U(st),we=K(null),ln=()=>{an=!0;try{localStorage.setItem(nn,"1")}catch{}cn(!0)},W=window.matchMedia?.("(pointer: coarse)").matches??!1,_n=K(performance.now()).current;be(()=>{if(W)return;const h=le.current,A=h?.getBoundingClientRect();if(h&&A&&(A.bottom>innerHeight-8&&(h.style.top=`${Math.max(8,innerHeight-A.height-8)}px`),A.right>innerWidth-8&&(h.style.left=`${Math.max(8,innerWidth-A.width-8)}px`)),!M){we.current?.focus();return}(ke&&!E?$e:V).current?.focus()},[M]),be(()=>{const h=le.current;if(h)return zn(h)},[]);const j=P.trim().length>0&&!rt(P),Se=k.trim().length>0&&(!!E||$.trim().length>0&&!j);function Ce(){if(!Se)return;if(E)return t(k.trim(),E);const h={name:$.trim(),...P.trim()?{email:P.trim()}:{}};On(h),t(k.trim(),h.name,h.email)}const{armed:J,press:X}=Vn(o,()=>k.trim().length>0,()=>V.current?.focus()),un=h=>{R(h),c?.(h,$,P)},Te=300,dn=Math.min(Math.max(8,e.x+14),innerWidth-Te-8),pn=Math.min(Math.max(8,e.y+14),innerHeight-198);return m(z,{children:[W&&m("div",{class:"snag-scrim","aria-hidden":"true",onClick:()=>{performance.now()-_n>400&&X()}}),m("div",{ref:le,class:"snag-composer",role:"dialog","aria-label":g("composer.aria"),style:{left:`${dn}px`,top:`${pn}px`,width:`${Te}px`},onKeyDown:h=>{h.key==="Escape"&&(h.stopPropagation(),X()),h.key==="Enter"&&(h.metaKey||h.ctrlKey)&&(h.preventDefault(),Ce())},children:[W&&m("div",{class:"snag-grab","aria-hidden":"true",onPointerDown:h=>{const A=h.clientY,q=h.currentTarget;try{q.setPointerCapture(h.pointerId)}catch{}q.onpointermove=fn=>{fn.clientY-A>56&&(q.onpointermove=null,X())},q.onpointerup=()=>q.onpointermove=null}}),m("div",{class:"snag-head",children:[W&&s&&M&&m("span",{class:"snag-step",children:[m("button",{type:"button","aria-label":g("composer.parent"),onClick:()=>s("up"),children:"\u25B2"}),m("button",{type:"button","aria-label":g("composer.child"),onClick:()=>s("down"),children:"\u25BC"})]}),m("p",{class:"snag-target",title:n,children:n}),m("button",{type:"button",class:`snag-dismiss${J?" snag-armed":""}`,"aria-label":g(J?"composer.discard.sure":"action.cancel"),title:g(J?"composer.discard.sure":"action.cancel"),onClick:X,children:J?g("action.discard"):"\u2715"})]}),!M&&m("div",{class:"snag-disclose",children:[m("p",{class:"snag-disclose-title",children:g("disclosure.title")}),m("p",{children:g("disclosure.always")}),m("p",{children:g(u?"disclosure.crumbs.on":"disclosure.crumbs.off")}),m("p",{children:p?g("disclosure.screenshot.on",{maskAttr:Nn("mask")}):g("disclosure.screenshot.off")}),m("p",{children:x?g("disclosure.retention.server",{host:x}):g("disclosure.retention")}),m("div",{class:"snag-actions",children:m("button",{type:"button",ref:we,class:"snag-send snag-primary",onClick:ln,children:g("disclosure.ack")})})]}),M&&E&&m("p",{class:"snag-member",children:[g("composer.member",{name:E})," ",m("button",{type:"button",class:"snag-link",onClick:()=>{w?.signOut(),N(null)},children:g("composer.signout")})]}),M&&ke&&!E&&m(z,{children:[m("input",{ref:$e,class:"snag-input",type:"text",placeholder:g("composer.name"),"aria-label":g("composer.name"),value:$,onInput:h=>{const A=h.target.value;v(A),k.trim()&&c?.(k,A,P)}}),m("input",{class:`snag-input${j?" snag-input--bad":""}`,type:"email",inputMode:"email",autocomplete:"email",placeholder:g("composer.email"),"aria-label":g("composer.email"),"aria-invalid":j?"true":void 0,"aria-describedby":j?"snag-email-note":void 0,value:P,onInput:h=>{const A=h.target.value;F(A),k.trim()&&c?.(k,$,A)}}),j&&m("p",{class:"snag-note",id:"snag-email-note",children:g("composer.email.bad")})]}),M&&w&&!E&&m("p",{class:"snag-member",children:[m("button",{type:"button",class:"snag-link",onClick:G,children:g("composer.signin")}),H&&m("span",{role:"status",children:[" ",g("composer.signin.blocked")]})]}),M&&y&&m("blockquote",{class:"snag-quote",children:y}),M&&i&&m("p",{class:"snag-member",children:g("composer.round.closed",{round:i})}),M&&m("textarea",{ref:V,class:"snag-text",placeholder:g("composer.body.placeholder"),"aria-label":g("composer.body"),maxLength:xe,rows:3,enterkeyhint:"enter",value:k,onInput:h=>{const A=h.target;A.style.height="auto",A.style.height=`${Math.min(A.scrollHeight,128)}px`,un(A.value)}}),M&&k.length>=ot&&m("p",{class:`snag-note${k.length>=xe?"":" snag-dim"}`,"aria-live":"polite",children:g("composer.chars",{n:jn(xe-k.length)})}),M&&W&&r&&m("label",{class:"snag-shotopt",children:[m("input",{type:"checkbox",onChange:h=>r(h.currentTarget.checked)})," ",g("composer.shot")]}),M&&m("div",{class:"snag-actions",children:m("button",{type:"button",class:"snag-send snag-primary",disabled:!Se,onClick:Ce,children:g("action.post")})})]})]})}const at=` .snag-composer{position:fixed;box-sizing:border-box;z-index:${Kn.composer};background:${_.bg};color:${_.fg};border:1px solid ${_.border};border-radius:calc(${_.radius} + 4px);padding:12px;box-shadow:${_.shadow};pointer-events:auto;font:400 13px/1.45 ${_.font};display:flex;flex-direction:column;gap:8px}.snag-head{display:flex;align-items:center;gap:8px}.snag-target{margin:0;flex:1 1 auto;min-width:0;color:${_.muted};font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snag-dismiss{flex:0 0 auto;appearance:none;border:0;background:transparent;color:${_.muted};font:inherit;font-size:12px;line-height:1;padding:6px;margin:-6px -4px -6px 0;border-radius:calc(${_.radius} - 2px);cursor:pointer}.snag-dismiss:hover{color:${_.fg};background:${_.hover}}.snag-dismiss:focus-visible{outline:2px solid ${_.focus};outline-offset:1px}.snag-dismiss.snag-armed{color:${_.anchorOrphan};font-weight:600;font-size:11px}.snag-disclose{display:flex;flex-direction:column;gap:6px}.snag-disclose p{margin:0;font-size:12px;line-height:1.5;color:${_.fg}}.snag-disclose .snag-disclose-title{font-weight:600;font-size:12px}.snag-disclose p:not(.snag-disclose-title){color:${_.muted}}.snag-member{margin:0;font-size:11px;color:${_.muted}}.snag-link{appearance:none;border:0;background:none;padding:0;font:inherit;color:${_.fg};text-decoration:underline;text-underline-offset:2px;cursor:pointer}.snag-link:focus-visible{outline:2px solid ${_.focus};outline-offset:1px}.snag-quote{margin:0;padding:6px 10px;border-inline-start:3px solid ${_.accent};background:${_.surface};font-size:12px;color:${_.muted}}.snag-actions .snag-primary{flex:1 1 auto;justify-content:center;padding-block:10px;font-weight:600}@media (pointer:coarse){.snag-composer{left:0!important;right:0;top:auto!important;width:auto!important;inset-block-end:max(var(${f.tbH},68px),var(${f.kb},0px));border-radius:14px 14px 0 0;border-inline:0;border-block-end:0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));gap:10px;box-shadow:0 -8px 32px rgb(0 0 0 / 28%)}.snag-composer .snag-primary{min-height:48px;font-size:15px}.snag-composer .snag-dismiss{padding:10px;margin:-10px -6px -10px 0;font-size:14px}.snag-composer .snag-text{min-height:88px}.snag-composer{overscroll-behavior:contain;padding-inline:calc(16px + env(safe-area-inset-left)) calc(16px + env(safe-area-inset-right))}.snag-scrim{position:fixed;inset:0;background:#0005;touch-action:none;pointer-events:auto}.snag-grab{margin:-14px 0 -8px;padding:12px 0;touch-action:none;pointer-events:auto;background:linear-gradient(${_.border} 0 0) 50%/36px 4px no-repeat}.snag-step{display:flex;gap:2px}.snag-step button{min-width:44px;min-height:44px;background:none;border:1px solid ${_.border};border-radius:8px;color:${_.fg}}.snag-shotopt{display:flex;align-items:center;gap:8px;min-height:44px}}@keyframes snag-pulse{50%{transform:scale(1.04)}}.snag-pulse{animation:snag-pulse 500ms ease-in-out}@media (prefers-reduced-motion:reduce){.snag-pulse{animation:none;outline:2px solid ${_.focus};outline-offset:3px}}`;function ct(e,n,t){const o=e.ownerDocument??document;sn(e,"form",Gn),sn(e,"composer",at);const s=o.createElement("div");(t??e).appendChild(s);const r=()=>{je(null,s),s.remove()},c=()=>s.querySelector(".snag-text"),l=()=>(c()?.value??"").trim().length>0,d=()=>{const a=s.firstElementChild;a&&(a.classList.remove("snag-pulse"),a.offsetWidth,a.classList.add("snag-pulse"),setTimeout(()=>a.classList.remove("snag-pulse"),600))};return je(m(it,{...n,onSend:(a,u,y)=>{n.onSend(a,u,y),r()},onCancel:()=>{n.onCancel(),r()}}),s),{close:r,hasText:l,pulse:d,setLabel(a){const u=s.querySelector(".snag-target");u&&(u.textContent=a,u.title=a)}}}export{ct as openComposer};