@rathnasgala/theme 2.0.16 → 2.0.17
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rathnasgala/theme",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.17",
|
|
4
4
|
"description": "Managed Gala static-site theme payload",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"url": "git+https://github.com/rathnasgala/site-template.git"
|
|
9
9
|
},
|
|
10
10
|
"gala": {
|
|
11
|
-
"sourceCommit": "
|
|
11
|
+
"sourceCommit": "b1016438e0838f2c17a6884e02f5070a40ebc092"
|
|
12
12
|
},
|
|
13
13
|
"files": [
|
|
14
14
|
"payload"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"schemaVersion": 1,
|
|
3
3
|
"themePackage": {
|
|
4
4
|
"name": "@rathnasgala/theme",
|
|
5
|
-
"version": "2.0.
|
|
5
|
+
"version": "2.0.17",
|
|
6
6
|
"availableDesignThemes": [
|
|
7
7
|
"editorial",
|
|
8
8
|
"modern",
|
|
@@ -53,10 +53,10 @@
|
|
|
53
53
|
"src/assets/engagement-comments.js": "eda0fee471c7e42ee01a25b8aa14ed6ae9690d52b3fbb34027d97534ab62998b",
|
|
54
54
|
"src/assets/engagement-transport.js": "7f69815c4eb4fc0e127a5c09702da4189130d47b73b4598fce4196d7d6f5cbe8",
|
|
55
55
|
"src/assets/favicon.svg": "8615e3d96fe37ae9ed14afb1886e7c0e690eef5b10be66ca91cccfd085a74bb6",
|
|
56
|
-
"src/assets/interactions.js": "
|
|
56
|
+
"src/assets/interactions.js": "5703833592835b898b47618cfc0e926366d40fb45c1d0468b796b2a6c69c083e",
|
|
57
57
|
"src/assets/preferences.js": "789127bee013ed6a1bbf8cefd7b9109291c16220e7a6e09314e3c93c54731d1d",
|
|
58
58
|
"src/assets/prism-session.js": "1fab23725b843006c3f589af7669ef3ad6ad01f3264a3b00564e64b56738d2cd",
|
|
59
|
-
"src/assets/reader.js": "
|
|
59
|
+
"src/assets/reader.js": "6b3ef09e3e1ef00cf3ddfa55872b1c434322ab12a1f0c65908e2623c13d11f1a",
|
|
60
60
|
"src/assets/search.js": "df425f0239277792ad39f2138bc89cb66cc4ecda5ed59042d46abc2f05372088",
|
|
61
61
|
"src/assets/theme-mode.js": "d81af8317b59f6d94dc8154c1dcba9d3e16accb37348bc3fce127712141d6c63",
|
|
62
62
|
"src/assets/theme.css": "7391086efd6f61791c47bbdf3523d7452e17b1cdb1fc91339861fe2f0a2c884b",
|
|
@@ -327,6 +327,7 @@ const sessionFrame = document.querySelector('[data-gala-session-frame]');
|
|
|
327
327
|
const sessionOrigin = sessionFrame ? new URL(sessionFrame.src).origin : null;
|
|
328
328
|
let sessionFrameReady = false;
|
|
329
329
|
let pendingSessionTransferCode = null;
|
|
330
|
+
let sessionFrameToken = null;
|
|
330
331
|
|
|
331
332
|
function deliverSessionTransfer() {
|
|
332
333
|
if (!sessionFrameReady || !sessionFrame || !pendingSessionTransferCode) return;
|
|
@@ -347,6 +348,36 @@ if (sessionFrame) {
|
|
|
347
348
|
requestSessionState();
|
|
348
349
|
}
|
|
349
350
|
|
|
351
|
+
async function fedCmSession(mode) {
|
|
352
|
+
const status = document.querySelector('[data-engagement-status]');
|
|
353
|
+
if (!sessionFrameToken) return false;
|
|
354
|
+
if (!globalThis.IdentityCredential || typeof navigator.credentials?.get !== 'function') {
|
|
355
|
+
if (status) status.textContent = 'FedCM is not available in this browser. Use a current browser to sign in.';
|
|
356
|
+
return false;
|
|
357
|
+
}
|
|
358
|
+
try {
|
|
359
|
+
const siteId = new URL(sessionFrame.src).searchParams.get('siteId') ?? '';
|
|
360
|
+
const provider = {
|
|
361
|
+
configURL: 'https://api.gala67.com/v1/fedcm/config.json',
|
|
362
|
+
clientId: siteId,
|
|
363
|
+
params: { nonce: sessionFrameToken }
|
|
364
|
+
};
|
|
365
|
+
if (mode === 'active') provider.mode = 'active';
|
|
366
|
+
const credential = await navigator.credentials.get({
|
|
367
|
+
identity: { providers: [provider] },
|
|
368
|
+
mediation: mode === 'active' ? 'required' : 'silent'
|
|
369
|
+
});
|
|
370
|
+
if (typeof credential?.token !== 'string') return false;
|
|
371
|
+
pendingSessionTransferCode = credential.token;
|
|
372
|
+
deliverSessionTransfer();
|
|
373
|
+
return true;
|
|
374
|
+
} catch (error) {
|
|
375
|
+
if (error?.name !== 'NotAllowedError') console.error('Gala FedCM sign-in failed.', error);
|
|
376
|
+
if (mode === 'active' && status) status.textContent = 'Sign-in did not finish. Try again.';
|
|
377
|
+
return false;
|
|
378
|
+
}
|
|
379
|
+
}
|
|
380
|
+
|
|
350
381
|
function requestSession(intent) {
|
|
351
382
|
const field = intent.field;
|
|
352
383
|
pendingIntent = {
|
|
@@ -357,20 +388,10 @@ function requestSession(intent) {
|
|
|
357
388
|
draft: field ? field.value : null,
|
|
358
389
|
caret: field ? field.selectionStart : null
|
|
359
390
|
};
|
|
360
|
-
// One window, not three. Asking used to open a modal, containing a frame, containing a
|
|
361
|
-
// button, that opened a popup. The popup is the only part that has to exist, because it is
|
|
362
|
-
// the only one running at the top level on the origin the identity providers accept.
|
|
363
|
-
const frame = document.querySelector('[data-gala-session-frame]');
|
|
364
|
-
const status = document.querySelector('[data-engagement-status]');
|
|
365
|
-
if (!frame) return;
|
|
366
|
-
const source = new URL(frame.getAttribute('src'), window.location.href);
|
|
367
|
-
const signIn = new URL('/v1/widget/session/sign-in', source.origin);
|
|
368
|
-
signIn.searchParams.set('siteId', source.searchParams.get('siteId') ?? '');
|
|
369
391
|
if (field) field.blur();
|
|
370
|
-
|
|
371
|
-
pendingIntent = null;
|
|
372
|
-
|
|
373
|
-
}
|
|
392
|
+
fedCmSession('active').then((started) => {
|
|
393
|
+
if (!started) pendingIntent = null;
|
|
394
|
+
});
|
|
374
395
|
}
|
|
375
396
|
|
|
376
397
|
/** Puts the reader back exactly where the sign-in interrupted them. */
|
|
@@ -398,29 +419,6 @@ function resumeIntent() {
|
|
|
398
419
|
element.click();
|
|
399
420
|
}
|
|
400
421
|
|
|
401
|
-
// Signing in happens in another window, so the moment this one is focused again is the moment
|
|
402
|
-
// the reader is back and the interrupted action can be finished.
|
|
403
|
-
window.addEventListener('focus', () => {
|
|
404
|
-
if (sessionUser && pendingIntent) resumeIntent();
|
|
405
|
-
});
|
|
406
|
-
|
|
407
|
-
/*
|
|
408
|
-
* The sign-in window reports success to this page rather than to the account frame.
|
|
409
|
-
*
|
|
410
|
-
* It cannot reach the frame directly: a frame embedded in a publication has its storage - and its
|
|
411
|
-
* BroadcastChannel - partitioned away from a window running at the top level on the API's origin,
|
|
412
|
-
* so the session it wrote is invisible there. The signal carries only an opaque, one-time transfer
|
|
413
|
-
* code. This page waits for the frame's readiness message before relaying that code; otherwise a
|
|
414
|
-
* fast popup can return before the frame is listening and every later click asks the reader to sign
|
|
415
|
-
* in once more.
|
|
416
|
-
*/
|
|
417
|
-
window.addEventListener('message', (event) => {
|
|
418
|
-
if (!sessionFrame || event.data?.type !== 'gala-session-established') return;
|
|
419
|
-
if (event.origin !== sessionOrigin || typeof event.data.transferCode !== 'string') return;
|
|
420
|
-
pendingSessionTransferCode = event.data.transferCode;
|
|
421
|
-
deliverSessionTransfer();
|
|
422
|
-
});
|
|
423
|
-
|
|
424
422
|
document.querySelectorAll('[data-engagement-url]').forEach((region) => {
|
|
425
423
|
refreshEngagement(region);
|
|
426
424
|
recordView(region);
|
|
@@ -534,6 +532,7 @@ if (sessionFrame) {
|
|
|
534
532
|
}
|
|
535
533
|
if (event.data?.type !== 'gala-session') return;
|
|
536
534
|
sessionFrameReady = true;
|
|
535
|
+
if (typeof event.data.frameToken === 'string') sessionFrameToken = event.data.frameToken;
|
|
537
536
|
if (pendingSessionTransferCode) deliverSessionTransfer();
|
|
538
537
|
sessionUser = event.data.user && typeof event.data.user.id === 'string' ? event.data.user : null;
|
|
539
538
|
const control = document.querySelector('[data-user-control]');
|
|
@@ -565,5 +564,11 @@ if (sessionFrame) {
|
|
|
565
564
|
});
|
|
566
565
|
// Signed in on the back of an interrupted action: finish what they were doing.
|
|
567
566
|
if (sessionUser && pendingIntent) resumeIntent();
|
|
567
|
+
if (!sessionUser && sessionFrameToken) fedCmSession('passive');
|
|
568
568
|
});
|
|
569
569
|
}
|
|
570
|
+
|
|
571
|
+
window.addEventListener('message', (event) => {
|
|
572
|
+
if (event.origin !== sessionOrigin || event.source !== sessionFrame?.contentWindow) return;
|
|
573
|
+
if (event.data?.type === 'gala-fedcm-sign-in') fedCmSession('active');
|
|
574
|
+
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{var I=["system","light","dark"],P="gala-color-mode";function O(){let e=document.documentElement.dataset.mode;return I.includes(e)?e:"system"}function re(){try{let e=localStorage.getItem(P);if(I.includes(e))return e}catch{return O()}return O()}function F(e){document.documentElement.dataset.mode=e;let n=I[(I.indexOf(e)+1)%I.length];document.querySelectorAll("[data-theme-mode-toggle]").forEach(t=>{let a=t.querySelector?.("[data-theme-mode-label]");a?a.textContent=`Theme: ${e}`:t.textContent=`Theme: ${e}`,t.setAttribute("aria-label",`Color mode: ${e}. Activate for ${n}.`)})}document.addEventListener("DOMContentLoaded",()=>{F(re()),document.querySelectorAll("[data-theme-mode-toggle]").forEach(e=>{e.addEventListener("click",()=>{let n=I[(I.indexOf(document.documentElement.dataset.mode)+1)%I.length];try{localStorage.setItem(P,n)}catch{}F(n)})})});var G="gala-language-preference";function oe(){try{return localStorage.getItem(G)}catch{return null}}function H(e,n){return[...e.options].find(t=>t.value===n)}document.addEventListener("DOMContentLoaded",()=>{let e=oe();document.querySelectorAll("[data-language-preference]").forEach(n=>{e!=null&&H(n,e)!=null&&(n.value=e),n.addEventListener("change",()=>{try{localStorage.setItem(G,n.value)}catch{}if(!n.hasAttribute("data-navigate-on-selection"))return;let t=H(n,n.value);t?.dataset.url&&window.location.assign(t.dataset.url)})})});var $="gala.prism.session.v1";document.addEventListener("click",e=>{if(e.target.closest("[data-prism-restore]")){try{sessionStorage.removeItem($)}catch{}return}let t=e.target.closest("[data-prism-select]");if(t)try{sessionStorage.setItem($,JSON.stringify({articleId:t.dataset.prismArticleId,language:t.dataset.prismLanguage,configurationId:t.dataset.prismConfigurationId,sourceRevisionHash:t.dataset.prismSourceHash,selectedAt:new Date().toISOString()}))}catch{}});function L(e){let n=e.closest(".gala-share"),t=n?.querySelector(".gala-share__fallback");t?.classList.add("gala-share__fallback--visible"),t?.focus(),t?.select();let a=n?.querySelector(".gala-share__status");a&&(a.textContent="Select and copy the URL shown.")}var j=document.querySelector("[data-reading-progress]"),x=document.querySelector(".gala-markdown");if(j&&x){let e=null,n=()=>{e=null;let a=x.offsetTop,r=Math.max(1,x.offsetHeight-window.innerHeight),c=Math.min(1,Math.max(0,(window.scrollY-a)/r));j.value=c},t=()=>{e==null&&(e=requestAnimationFrame(n))};addEventListener("scroll",t,{passive:!0}),addEventListener("resize",t,{passive:!0}),t()}var C=document.querySelector(".gala-toc");if(C?.tagName==="DETAILS"){let e=C.querySelector("nav"),n=[...C.querySelectorAll('a[href^="#"]')],t=n.map(m=>document.getElementById(m.hash.slice(1))).filter(Boolean),a=null,r=()=>{if(a=null,C.classList.toggle("gala-toc--floating",C.getBoundingClientRect().top<=96),!t.length)return;let m=window.innerHeight*.42,f=t[0];for(let s of t)if(s.getBoundingClientRect().top<=m)f=s;else break;let E=n.find(s=>s.hash===`#${f.id}`);for(let s of n)s===E?s.setAttribute("aria-current","location"):s.removeAttribute("aria-current");if(e&&n.length){let s=n[0].getBoundingClientRect(),o=n[n.length-1].getBoundingClientRect();C.classList.toggle("gala-toc--overflowing",o.bottom-s.top>e.clientHeight)}if(E&&e&&e.scrollHeight>e.clientHeight){let s=e.getBoundingClientRect(),o=E.getBoundingClientRect(),i=e.scrollTop+o.top-s.top-(e.clientHeight-o.height)/2;e.scrollTo({top:Math.max(0,i),behavior:"auto"})}},c=()=>{a==null&&(a=requestAnimationFrame(r))};addEventListener("scroll",c,{passive:!0}),addEventListener("resize",c,{passive:!0}),c()}var B=document.querySelector(".gala-action-rail"),W=document.querySelector("[data-action-dock]");if(B&&W){let e=n=>{B.classList.toggle("gala-action-rail--integrated",n[0].isIntersecting)};new IntersectionObserver(e,{rootMargin:"0px 0px 18% 0px",threshold:0}).observe(W)}function K(e,n){let t=n?"Unfollow article":"Follow article";e.setAttribute("aria-pressed",String(n)),e.setAttribute("aria-label",t),e.title=t;let a=e.querySelector("[data-follow-label]");a&&(a.textContent=t)}document.addEventListener("click",async e=>{if(e.target instanceof HTMLDialogElement&&e.target.open){let s=e.target.getBoundingClientRect();if(e.clientX<s.left||e.clientX>s.right||e.clientY<s.top||e.clientY>s.bottom){e.target.close();return}}let n=e.target.closest("[data-gala-embed-load]");if(n){let s=n.closest("[data-gala-embed]"),o=n.dataset.galaEmbedSrc,i=n.dataset.galaEmbedLoad;if(!s||!o||!["youtube","codepen"].includes(i))return;let d=document.createElement("iframe");d.src=o,d.title=i==="youtube"?"YouTube video":"CodePen example",d.loading="eager",d.referrerPolicy="strict-origin-when-cross-origin",d.setAttribute("sandbox","allow-forms allow-popups allow-presentation allow-same-origin allow-scripts"),d.setAttribute("allow",i==="youtube"?"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; web-share":"fullscreen"),d.setAttribute("allowfullscreen",""),s.replaceChildren(d);return}let t=e.target.closest("[data-open-dialog]");if(t){let s=document.getElementById(t.dataset.openDialog);s instanceof HTMLDialogElement&&s.showModal();return}let a=e.target.closest("[data-reaction]");if(a){let s=a.closest("[data-engagement-url]");if(!s)return;if(!w)return U({kind:"reaction",region:s,selector:`[data-reaction="${a.dataset.reaction}"]`});let o=a.getAttribute("aria-pressed")!=="true";if(!await Q(s,o?"reaction.add":"reaction.remove",{articleId:s.dataset.articleId,reaction:a.dataset.reaction}))return;a.setAttribute("aria-pressed",String(o));return}let r=e.target.closest("[data-follow-article]");if(r){let s=r.closest("[data-engagement-url]");if(!s)return;if(!w)return U({kind:"follow",region:s,selector:"[data-follow-article]"});let o=r.getAttribute("aria-pressed")!=="true";if(!await Q(s,o?"follow.add":"follow.remove",{targetType:"articles",targetId:s.dataset.articleId}))return;K(r,o);return}let c=e.target.closest("[data-copy-url]");if(c){let s=c.dataset.copyUrl;if(!window.isSecureContext||!navigator.clipboard?.writeText){L(c);return}try{await navigator.clipboard.writeText(s);let o=c.closest(".gala-share")?.querySelector(".gala-share__status");o&&(o.textContent="Link copied.")}catch{L(c)}return}let m=e.target.closest("[data-native-share]");if(m){if(navigator.share)try{await navigator.share({title:document.title,url:m.dataset.nativeShare})}catch(s){s.name!=="AbortError"&&L(m)}else L(m);return}let f=e.target.closest("[data-copy-code]");if(!f)return;let E=f.closest(".gala-code-block")?.querySelector("code");if(!(!E||!navigator.clipboard?.writeText||!window.isSecureContext))try{await navigator.clipboard.writeText(E.textContent),f.textContent="Copied"}catch{f.textContent="Select code to copy"}});var se=new Set([...document.querySelectorAll("pre code")].map(e=>e.closest("pre")).filter(Boolean));se.forEach(e=>{let n=document.createElement("div");n.className="gala-code-block",e.before(n),n.append(e);let t=document.createElement("button");t.type="button",t.dataset.copyCode="",t.textContent="Copy code",t.setAttribute("aria-label","Copy code block"),n.prepend(t)});function ie(e){return[["Reactions",Object.values(e.reactions??{}).reduce((t,a)=>t+(Number.isSafeInteger(a)?a:0),0)],["Comments",Number.isSafeInteger(e.comments?.totalCount)?e.comments.totalCount:0],["Views",Number.isSafeInteger(e.views?.count)?e.views.count:0]]}function ce(e){return e<1e3?"<1K":new Intl.NumberFormat("en",{notation:"compact",maximumFractionDigits:1}).format(e)}function le(e,n){let t=n?.data;if(!t||typeof t!="object")throw new TypeError("Engagement data is invalid");for(let[a,r]of ie(t))e.querySelectorAll(`[data-engagement-stat="${a.toLowerCase()}"]`).forEach(c=>{c.textContent=ce(r),c.closest("div")?.setAttribute("title",`${r} ${a.toLowerCase()}`)});e.querySelector("[data-engagement-snapshot]")?.remove(),e.querySelector(".gala-engagement__placeholder")?.remove()}async function k(e,n="",t=!1,a=!1){let r=e.querySelector("[data-engagement-status]"),c=!!e.querySelector("[data-gala-comments]");try{let m=new URL(e.dataset.engagementUrl);n&&m.searchParams.set("commentsCursor",n);let f=await fetch(m,{headers:{Accept:"application/json"},credentials:"omit",cache:a?"no-store":"default"});if(!f.ok)throw new Error(`Engagement returned HTTP ${f.status}`);let E=await f.json();le(e,E),r&&!c&&(r.textContent=E.errors?.length?"Some engagement data is temporarily unavailable.":"")}catch{r&&!c&&(r.textContent="Engagement is temporarily unavailable.")}}function de(){let e=new URL(window.location.href).searchParams,n={};for(let t of["utm_source","utm_medium","utm_campaign","utm_content","utm_term"]){let a=e.get(t);a&&[...a].length<=128&&(n[t]=a)}return n}function ue(e){let n=new URL(e.dataset.engagementUrl);n.pathname=n.pathname.replace(/\/engagement$/,"/views"),fetch(n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({language:document.documentElement.lang||void 0,referrer:document.referrer||void 0,campaign:de()}),credentials:"omit",keepalive:!0}).catch(()=>{})}document.addEventListener("gala-request-sign-in",e=>{w||S||U({kind:e.detail?.kind??"comment"})});var w=null,Y=null,N=null,q=new Map,S=null,y=document.querySelector("[data-gala-session-frame]"),_=y?new URL(y.src).origin:null,z=!1,v=null;function X(){!z||!y||!v||(y.contentWindow?.postMessage({type:"gala-session-transfer",transferCode:v},_),v=null)}function V(){y?.contentWindow?.postMessage({type:"gala-session-request"},_)}y&&(y.addEventListener("load",V),V());function U(e){let n=e.field;S={kind:e.kind,region:e.region,selector:e.selector,draft:n?n.value:null,caret:n?n.selectionStart:null};let t=document.querySelector("[data-gala-session-frame]"),a=document.querySelector("[data-engagement-status]");if(!t)return;let r=new URL(t.getAttribute("src"),window.location.href),c=new URL("/v1/widget/session/sign-in",r.origin);c.searchParams.set("siteId",r.searchParams.get("siteId")??""),n&&n.blur(),window.open(c,"gala-sign-in","popup,width=520,height=680")||(S=null,a&&(a.textContent="Allow pop-ups for this site to sign in, then try again."))}function J(){let e=S;if(!e||!document.hasFocus())return;let n=e.region?.querySelector(e.selector);if(n){if(S=null,e.kind==="comment"){e.draft!=null&&n.value===""&&(n.value=e.draft),n.focus(),e.caret!=null&&typeof n.setSelectionRange=="function"&&n.setSelectionRange(e.caret,e.caret);return}n.click()}}window.addEventListener("focus",()=>{w&&S&&J()});window.addEventListener("message",e=>{!y||e.data?.type!=="gala-session-established"||e.origin!==_||typeof e.data.transferCode!="string"||(v=e.data.transferCode,X())});document.querySelectorAll("[data-engagement-url]").forEach(e=>{k(e),ue(e)});function Z(e){return e==="AUTHENTICATION_REQUIRED"||e==="INVALID_BEARER_TOKEN"||e==="REAUTHENTICATION_REQUIRED"?"Sign in again to continue.":e==="ENGAGEMENT_RATE_LIMITED"?"You are posting too quickly; try again shortly.":e==="CONTACT_RATE_LIMITED"?"You are sending too quickly; try again later.":e==="RESOURCE_NOT_FOUND"?"That item is no longer available.":e==="INVALID_ENGAGEMENT_WRITE"||e==="INVALID_CONTACT_SUBMISSION"||e==="INVALID_REQUEST"?"Check your entry and try again.":e==="ACCESS_DENIED"?"That action is not available for this account.":e==="IDEMPOTENCY_CONFLICT"||e==="ENGAGEMENT_STATE_CONFLICT"?"The item changed; reload and try again.":"The action could not be completed. Try again."}function ee(e,n){if(!y||!w)return Promise.reject(new Error("AUTHENTICATION_REQUIRED"));let t=crypto.randomUUID();return new Promise((a,r)=>{let c=setTimeout(()=>{q.delete(t),r(new Error("REQUEST_TIMEOUT"))},1e4);q.set(t,{resolve:m=>{clearTimeout(c),a(m)},reject:m=>{clearTimeout(c),r(m)}}),y.contentWindow.postMessage({type:"gala-engagement-write",requestId:t,operation:e,payload:n},new URL(y.src).origin)})}document.addEventListener("submit",async e=>{let n=e.target.closest("[data-contact-form] form");if(!n)return;e.preventDefault();let t=n.closest("[data-contact-form]"),a=t.querySelector("[data-contact-status]");if(!w){a.textContent="Sign in with the account button before sending.";return}let r=new FormData(n);try{a.textContent="Sending\u2026",await ee("contact.submit",{siteId:t.dataset.siteId,subject:r.get("subject"),message:r.get("message"),website:r.get("website")||null,phone:r.get("phone")||null}),n.reset(),a.textContent="Message sent."}catch(c){a.textContent=Z(c.message)}});async function Q(e,n,t){let a=e.querySelector("[data-engagement-status]");try{return a&&(a.textContent="Saving\u2026"),await ee(n,t),a&&(a.textContent="Saved."),await k(e,"",!1,!0),!0}catch(r){return a&&(a.textContent=Z(r.message)),!1}}y&&window.addEventListener("message",e=>{if(e.origin!==_||e.source!==y.contentWindow)return;if(e.data?.type==="gala-engagement-result"){let r=q.get(e.data.requestId);if(!r)return;q.delete(e.data.requestId),e.data.ok===!0?r.resolve(e.data.result):r.reject(new Error(e.data.error?.code||"ENGAGEMENT_WRITE_FAILED"));return}if(e.data?.type==="gala-reader-state-result"){if(e.data.requestId!==N||e.data.ok!==!0)return;N=null;let r=new Set(Array.isArray(e.data.state?.reactions)?e.data.state.reactions:[]);document.querySelectorAll("[data-reaction]").forEach(c=>{c.setAttribute("aria-pressed",String(r.has(c.dataset.reaction)))}),document.querySelectorAll("[data-follow-article]").forEach(c=>{let m=e.data.state?.following===!0;K(c,m)});return}if(e.data?.type==="gala-session-height"){let r=Number(e.data.height);Number.isFinite(r)&&r>0&&r<2e3&&(y.height=String(Math.ceil(r)));return}if(e.data?.type!=="gala-session")return;z=!0,v&&X(),w=e.data.user&&typeof e.data.user.id=="string"?e.data.user:null;let n=document.querySelector("[data-user-control]"),t=w?.displayName;if(n){n.setAttribute("aria-label",t?`Account: ${t}`:"Sign in or view account"),n.title=t?`Account: ${t}`:"Account";let r=n.querySelector("[data-user-label]");r&&(r.textContent=t||"Sign in")}let a=Y!==(w?.id??null);if(Y=w?.id??null,w){let r=document.querySelector("[data-article-id]");r&&(N=crypto.randomUUID(),y.contentWindow.postMessage({type:"gala-reader-state-request",requestId:N,articleId:r.dataset.articleId},_))}document.querySelectorAll("[data-engagement-url]").forEach(r=>{a&&k(r)}),w&&S&&J()});document.querySelectorAll("[data-gala-search]").forEach(e=>{let n=e.querySelector("form"),t=n?.elements.namedItem("q"),a=e.querySelector("[data-search-status]"),r=e.querySelector("[data-search-results]"),c=e.dataset.indexUrl,m,f=i=>String(i??"").normalize("NFKC").toLocaleLowerCase();function E(i,d){r.replaceChildren();for(let u of i){let p=document.createElement("li"),l=document.createElement("article"),h=document.createElement("h2"),b=document.createElement("a");if(b.href=u.url,b.lang=u.language,b.textContent=u.title,h.append(b),l.append(h),u.description){let M=document.createElement("p");M.textContent=u.description,l.append(M)}p.append(l),r.append(p)}a.textContent=`${i.length} result${i.length===1?"":"s"} for \u201C${d}\u201D.`}async function s(i){let d=i.trim();if(d===""){r.replaceChildren(),a.textContent="Enter a search term.";return}a.textContent="Searching\u2026";try{m??=fetch(c,{headers:{Accept:"application/json"}}).then(async l=>{if(!l.ok)throw new Error(`Search index returned HTTP ${l.status}`);let h=await l.json();if(h?.schemaVersion!==1||!Array.isArray(h.entries))throw new TypeError("Search index schema is unsupported");return h.entries});let u=f(d),p=(await m).filter(l=>f([l.title,l.description,l.language,...Array.isArray(l.tags)?l.tags:[],l.body].join(`
|
|
2
|
-
`)).includes(u));E(p,d)}catch{r.replaceChildren(),a.textContent="Search is temporarily unavailable."}}n?.addEventListener("submit",i=>{i.preventDefault();let d=t.value,u=new URL(window.location.href);d.trim()===""?u.searchParams.delete("q"):u.searchParams.set("q",d),window.history.replaceState(null,"",u),s(d)});let o=new URLSearchParams(window.location.search).get("q")??"";t&&(t.value=o),s(o)});var
|
|
1
|
+
(()=>{var I=["system","light","dark"],G="gala-color-mode";function P(){let e=document.documentElement.dataset.mode;return I.includes(e)?e:"system"}function oe(){try{let e=localStorage.getItem(G);if(I.includes(e))return e}catch{return P()}return P()}function H(e){document.documentElement.dataset.mode=e;let n=I[(I.indexOf(e)+1)%I.length];document.querySelectorAll("[data-theme-mode-toggle]").forEach(t=>{let a=t.querySelector?.("[data-theme-mode-label]");a?a.textContent=`Theme: ${e}`:t.textContent=`Theme: ${e}`,t.setAttribute("aria-label",`Color mode: ${e}. Activate for ${n}.`)})}document.addEventListener("DOMContentLoaded",()=>{H(oe()),document.querySelectorAll("[data-theme-mode-toggle]").forEach(e=>{e.addEventListener("click",()=>{let n=I[(I.indexOf(document.documentElement.dataset.mode)+1)%I.length];try{localStorage.setItem(G,n)}catch{}H(n)})})});var j="gala-language-preference";function se(){try{return localStorage.getItem(j)}catch{return null}}function $(e,n){return[...e.options].find(t=>t.value===n)}document.addEventListener("DOMContentLoaded",()=>{let e=se();document.querySelectorAll("[data-language-preference]").forEach(n=>{e!=null&&$(n,e)!=null&&(n.value=e),n.addEventListener("change",()=>{try{localStorage.setItem(j,n.value)}catch{}if(!n.hasAttribute("data-navigate-on-selection"))return;let t=$(n,n.value);t?.dataset.url&&window.location.assign(t.dataset.url)})})});var B="gala.prism.session.v1";document.addEventListener("click",e=>{if(e.target.closest("[data-prism-restore]")){try{sessionStorage.removeItem(B)}catch{}return}let t=e.target.closest("[data-prism-select]");if(t)try{sessionStorage.setItem(B,JSON.stringify({articleId:t.dataset.prismArticleId,language:t.dataset.prismLanguage,configurationId:t.dataset.prismConfigurationId,sourceRevisionHash:t.dataset.prismSourceHash,selectedAt:new Date().toISOString()}))}catch{}});function L(e){let n=e.closest(".gala-share"),t=n?.querySelector(".gala-share__fallback");t?.classList.add("gala-share__fallback--visible"),t?.focus(),t?.select();let a=n?.querySelector(".gala-share__status");a&&(a.textContent="Select and copy the URL shown.")}var W=document.querySelector("[data-reading-progress]"),U=document.querySelector(".gala-markdown");if(W&&U){let e=null,n=()=>{e=null;let a=U.offsetTop,r=Math.max(1,U.offsetHeight-window.innerHeight),l=Math.min(1,Math.max(0,(window.scrollY-a)/r));W.value=l},t=()=>{e==null&&(e=requestAnimationFrame(n))};addEventListener("scroll",t,{passive:!0}),addEventListener("resize",t,{passive:!0}),t()}var T=document.querySelector(".gala-toc");if(T?.tagName==="DETAILS"){let e=T.querySelector("nav"),n=[...T.querySelectorAll('a[href^="#"]')],t=n.map(m=>document.getElementById(m.hash.slice(1))).filter(Boolean),a=null,r=()=>{if(a=null,T.classList.toggle("gala-toc--floating",T.getBoundingClientRect().top<=96),!t.length)return;let m=window.innerHeight*.42,f=t[0];for(let s of t)if(s.getBoundingClientRect().top<=m)f=s;else break;let E=n.find(s=>s.hash===`#${f.id}`);for(let s of n)s===E?s.setAttribute("aria-current","location"):s.removeAttribute("aria-current");if(e&&n.length){let s=n[0].getBoundingClientRect(),o=n[n.length-1].getBoundingClientRect();T.classList.toggle("gala-toc--overflowing",o.bottom-s.top>e.clientHeight)}if(E&&e&&e.scrollHeight>e.clientHeight){let s=e.getBoundingClientRect(),o=E.getBoundingClientRect(),i=e.scrollTop+o.top-s.top-(e.clientHeight-o.height)/2;e.scrollTo({top:Math.max(0,i),behavior:"auto"})}},l=()=>{a==null&&(a=requestAnimationFrame(r))};addEventListener("scroll",l,{passive:!0}),addEventListener("resize",l,{passive:!0}),l()}var Y=document.querySelector(".gala-action-rail"),V=document.querySelector("[data-action-dock]");if(Y&&V){let e=n=>{Y.classList.toggle("gala-action-rail--integrated",n[0].isIntersecting)};new IntersectionObserver(e,{rootMargin:"0px 0px 18% 0px",threshold:0}).observe(V)}function X(e,n){let t=n?"Unfollow article":"Follow article";e.setAttribute("aria-pressed",String(n)),e.setAttribute("aria-label",t),e.title=t;let a=e.querySelector("[data-follow-label]");a&&(a.textContent=t)}document.addEventListener("click",async e=>{if(e.target instanceof HTMLDialogElement&&e.target.open){let s=e.target.getBoundingClientRect();if(e.clientX<s.left||e.clientX>s.right||e.clientY<s.top||e.clientY>s.bottom){e.target.close();return}}let n=e.target.closest("[data-gala-embed-load]");if(n){let s=n.closest("[data-gala-embed]"),o=n.dataset.galaEmbedSrc,i=n.dataset.galaEmbedLoad;if(!s||!o||!["youtube","codepen"].includes(i))return;let d=document.createElement("iframe");d.src=o,d.title=i==="youtube"?"YouTube video":"CodePen example",d.loading="eager",d.referrerPolicy="strict-origin-when-cross-origin",d.setAttribute("sandbox","allow-forms allow-popups allow-presentation allow-same-origin allow-scripts"),d.setAttribute("allow",i==="youtube"?"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; web-share":"fullscreen"),d.setAttribute("allowfullscreen",""),s.replaceChildren(d);return}let t=e.target.closest("[data-open-dialog]");if(t){let s=document.getElementById(t.dataset.openDialog);s instanceof HTMLDialogElement&&s.showModal();return}let a=e.target.closest("[data-reaction]");if(a){let s=a.closest("[data-engagement-url]");if(!s)return;if(!w)return k({kind:"reaction",region:s,selector:`[data-reaction="${a.dataset.reaction}"]`});let o=a.getAttribute("aria-pressed")!=="true";if(!await z(s,o?"reaction.add":"reaction.remove",{articleId:s.dataset.articleId,reaction:a.dataset.reaction}))return;a.setAttribute("aria-pressed",String(o));return}let r=e.target.closest("[data-follow-article]");if(r){let s=r.closest("[data-engagement-url]");if(!s)return;if(!w)return k({kind:"follow",region:s,selector:"[data-follow-article]"});let o=r.getAttribute("aria-pressed")!=="true";if(!await z(s,o?"follow.add":"follow.remove",{targetType:"articles",targetId:s.dataset.articleId}))return;X(r,o);return}let l=e.target.closest("[data-copy-url]");if(l){let s=l.dataset.copyUrl;if(!window.isSecureContext||!navigator.clipboard?.writeText){L(l);return}try{await navigator.clipboard.writeText(s);let o=l.closest(".gala-share")?.querySelector(".gala-share__status");o&&(o.textContent="Link copied.")}catch{L(l)}return}let m=e.target.closest("[data-native-share]");if(m){if(navigator.share)try{await navigator.share({title:document.title,url:m.dataset.nativeShare})}catch(s){s.name!=="AbortError"&&L(m)}else L(m);return}let f=e.target.closest("[data-copy-code]");if(!f)return;let E=f.closest(".gala-code-block")?.querySelector("code");if(!(!E||!navigator.clipboard?.writeText||!window.isSecureContext))try{await navigator.clipboard.writeText(E.textContent),f.textContent="Copied"}catch{f.textContent="Select code to copy"}});var ie=new Set([...document.querySelectorAll("pre code")].map(e=>e.closest("pre")).filter(Boolean));ie.forEach(e=>{let n=document.createElement("div");n.className="gala-code-block",e.before(n),n.append(e);let t=document.createElement("button");t.type="button",t.dataset.copyCode="",t.textContent="Copy code",t.setAttribute("aria-label","Copy code block"),n.prepend(t)});function ce(e){return[["Reactions",Object.values(e.reactions??{}).reduce((t,a)=>t+(Number.isSafeInteger(a)?a:0),0)],["Comments",Number.isSafeInteger(e.comments?.totalCount)?e.comments.totalCount:0],["Views",Number.isSafeInteger(e.views?.count)?e.views.count:0]]}function le(e){return e<1e3?"<1K":new Intl.NumberFormat("en",{notation:"compact",maximumFractionDigits:1}).format(e)}function de(e,n){let t=n?.data;if(!t||typeof t!="object")throw new TypeError("Engagement data is invalid");for(let[a,r]of ce(t))e.querySelectorAll(`[data-engagement-stat="${a.toLowerCase()}"]`).forEach(l=>{l.textContent=le(r),l.closest("div")?.setAttribute("title",`${r} ${a.toLowerCase()}`)});e.querySelector("[data-engagement-snapshot]")?.remove(),e.querySelector(".gala-engagement__placeholder")?.remove()}async function D(e,n="",t=!1,a=!1){let r=e.querySelector("[data-engagement-status]"),l=!!e.querySelector("[data-gala-comments]");try{let m=new URL(e.dataset.engagementUrl);n&&m.searchParams.set("commentsCursor",n);let f=await fetch(m,{headers:{Accept:"application/json"},credentials:"omit",cache:a?"no-store":"default"});if(!f.ok)throw new Error(`Engagement returned HTTP ${f.status}`);let E=await f.json();de(e,E),r&&!l&&(r.textContent=E.errors?.length?"Some engagement data is temporarily unavailable.":"")}catch{r&&!l&&(r.textContent="Engagement is temporarily unavailable.")}}function ue(){let e=new URL(window.location.href).searchParams,n={};for(let t of["utm_source","utm_medium","utm_campaign","utm_content","utm_term"]){let a=e.get(t);a&&[...a].length<=128&&(n[t]=a)}return n}function me(e){let n=new URL(e.dataset.engagementUrl);n.pathname=n.pathname.replace(/\/engagement$/,"/views"),fetch(n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({language:document.documentElement.lang||void 0,referrer:document.referrer||void 0,campaign:ue()}),credentials:"omit",keepalive:!0}).catch(()=>{})}document.addEventListener("gala-request-sign-in",e=>{w||C||k({kind:e.detail?.kind??"comment"})});var w=null,Q=null,N=null,q=new Map,C=null,y=document.querySelector("[data-gala-session-frame]"),_=y?new URL(y.src).origin:null,J=!1,v=null,R=null;function Z(){!J||!y||!v||(y.contentWindow?.postMessage({type:"gala-session-transfer",transferCode:v},_),v=null)}function K(){y?.contentWindow?.postMessage({type:"gala-session-request"},_)}y&&(y.addEventListener("load",K),K());async function M(e){let n=document.querySelector("[data-engagement-status]");if(!R)return!1;if(!globalThis.IdentityCredential||typeof navigator.credentials?.get!="function")return n&&(n.textContent="FedCM is not available in this browser. Use a current browser to sign in."),!1;try{let a={configURL:"https://api.gala67.com/v1/fedcm/config.json",clientId:new URL(y.src).searchParams.get("siteId")??"",params:{nonce:R}};e==="active"&&(a.mode="active");let r=await navigator.credentials.get({identity:{providers:[a]},mediation:e==="active"?"required":"silent"});return typeof r?.token!="string"?!1:(v=r.token,Z(),!0)}catch(t){return t?.name!=="NotAllowedError"&&console.error("Gala FedCM sign-in failed.",t),e==="active"&&n&&(n.textContent="Sign-in did not finish. Try again."),!1}}function k(e){let n=e.field;C={kind:e.kind,region:e.region,selector:e.selector,draft:n?n.value:null,caret:n?n.selectionStart:null},n&&n.blur(),M("active").then(t=>{t||(C=null)})}function ge(){let e=C;if(!e||!document.hasFocus())return;let n=e.region?.querySelector(e.selector);if(n){if(C=null,e.kind==="comment"){e.draft!=null&&n.value===""&&(n.value=e.draft),n.focus(),e.caret!=null&&typeof n.setSelectionRange=="function"&&n.setSelectionRange(e.caret,e.caret);return}n.click()}}document.querySelectorAll("[data-engagement-url]").forEach(e=>{D(e),me(e)});function ee(e){return e==="AUTHENTICATION_REQUIRED"||e==="INVALID_BEARER_TOKEN"||e==="REAUTHENTICATION_REQUIRED"?"Sign in again to continue.":e==="ENGAGEMENT_RATE_LIMITED"?"You are posting too quickly; try again shortly.":e==="CONTACT_RATE_LIMITED"?"You are sending too quickly; try again later.":e==="RESOURCE_NOT_FOUND"?"That item is no longer available.":e==="INVALID_ENGAGEMENT_WRITE"||e==="INVALID_CONTACT_SUBMISSION"||e==="INVALID_REQUEST"?"Check your entry and try again.":e==="ACCESS_DENIED"?"That action is not available for this account.":e==="IDEMPOTENCY_CONFLICT"||e==="ENGAGEMENT_STATE_CONFLICT"?"The item changed; reload and try again.":"The action could not be completed. Try again."}function te(e,n){if(!y||!w)return Promise.reject(new Error("AUTHENTICATION_REQUIRED"));let t=crypto.randomUUID();return new Promise((a,r)=>{let l=setTimeout(()=>{q.delete(t),r(new Error("REQUEST_TIMEOUT"))},1e4);q.set(t,{resolve:m=>{clearTimeout(l),a(m)},reject:m=>{clearTimeout(l),r(m)}}),y.contentWindow.postMessage({type:"gala-engagement-write",requestId:t,operation:e,payload:n},new URL(y.src).origin)})}document.addEventListener("submit",async e=>{let n=e.target.closest("[data-contact-form] form");if(!n)return;e.preventDefault();let t=n.closest("[data-contact-form]"),a=t.querySelector("[data-contact-status]");if(!w){a.textContent="Sign in with the account button before sending.";return}let r=new FormData(n);try{a.textContent="Sending\u2026",await te("contact.submit",{siteId:t.dataset.siteId,subject:r.get("subject"),message:r.get("message"),website:r.get("website")||null,phone:r.get("phone")||null}),n.reset(),a.textContent="Message sent."}catch(l){a.textContent=ee(l.message)}});async function z(e,n,t){let a=e.querySelector("[data-engagement-status]");try{return a&&(a.textContent="Saving\u2026"),await te(n,t),a&&(a.textContent="Saved."),await D(e,"",!1,!0),!0}catch(r){return a&&(a.textContent=ee(r.message)),!1}}y&&window.addEventListener("message",e=>{if(e.origin!==_||e.source!==y.contentWindow)return;if(e.data?.type==="gala-engagement-result"){let r=q.get(e.data.requestId);if(!r)return;q.delete(e.data.requestId),e.data.ok===!0?r.resolve(e.data.result):r.reject(new Error(e.data.error?.code||"ENGAGEMENT_WRITE_FAILED"));return}if(e.data?.type==="gala-reader-state-result"){if(e.data.requestId!==N||e.data.ok!==!0)return;N=null;let r=new Set(Array.isArray(e.data.state?.reactions)?e.data.state.reactions:[]);document.querySelectorAll("[data-reaction]").forEach(l=>{l.setAttribute("aria-pressed",String(r.has(l.dataset.reaction)))}),document.querySelectorAll("[data-follow-article]").forEach(l=>{let m=e.data.state?.following===!0;X(l,m)});return}if(e.data?.type==="gala-session-height"){let r=Number(e.data.height);Number.isFinite(r)&&r>0&&r<2e3&&(y.height=String(Math.ceil(r)));return}if(e.data?.type!=="gala-session")return;J=!0,typeof e.data.frameToken=="string"&&(R=e.data.frameToken),v&&Z(),w=e.data.user&&typeof e.data.user.id=="string"?e.data.user:null;let n=document.querySelector("[data-user-control]"),t=w?.displayName;if(n){n.setAttribute("aria-label",t?`Account: ${t}`:"Sign in or view account"),n.title=t?`Account: ${t}`:"Account";let r=n.querySelector("[data-user-label]");r&&(r.textContent=t||"Sign in")}let a=Q!==(w?.id??null);if(Q=w?.id??null,w){let r=document.querySelector("[data-article-id]");r&&(N=crypto.randomUUID(),y.contentWindow.postMessage({type:"gala-reader-state-request",requestId:N,articleId:r.dataset.articleId},_))}document.querySelectorAll("[data-engagement-url]").forEach(r=>{a&&D(r)}),w&&C&&ge(),!w&&R&&M("passive")});window.addEventListener("message",e=>{e.origin!==_||e.source!==y?.contentWindow||e.data?.type==="gala-fedcm-sign-in"&&M("active")});document.querySelectorAll("[data-gala-search]").forEach(e=>{let n=e.querySelector("form"),t=n?.elements.namedItem("q"),a=e.querySelector("[data-search-status]"),r=e.querySelector("[data-search-results]"),l=e.dataset.indexUrl,m,f=i=>String(i??"").normalize("NFKC").toLocaleLowerCase();function E(i,d){r.replaceChildren();for(let u of i){let p=document.createElement("li"),c=document.createElement("article"),h=document.createElement("h2"),b=document.createElement("a");if(b.href=u.url,b.lang=u.language,b.textContent=u.title,h.append(b),c.append(h),u.description){let F=document.createElement("p");F.textContent=u.description,c.append(F)}p.append(c),r.append(p)}a.textContent=`${i.length} result${i.length===1?"":"s"} for \u201C${d}\u201D.`}async function s(i){let d=i.trim();if(d===""){r.replaceChildren(),a.textContent="Enter a search term.";return}a.textContent="Searching\u2026";try{m??=fetch(l,{headers:{Accept:"application/json"}}).then(async c=>{if(!c.ok)throw new Error(`Search index returned HTTP ${c.status}`);let h=await c.json();if(h?.schemaVersion!==1||!Array.isArray(h.entries))throw new TypeError("Search index schema is unsupported");return h.entries});let u=f(d),p=(await m).filter(c=>f([c.title,c.description,c.language,...Array.isArray(c.tags)?c.tags:[],c.body].join(`
|
|
2
|
+
`)).includes(u));E(p,d)}catch{r.replaceChildren(),a.textContent="Search is temporarily unavailable."}}n?.addEventListener("submit",i=>{i.preventDefault();let d=t.value,u=new URL(window.location.href);d.trim()===""?u.searchParams.delete("q"):u.searchParams.set("q",d),window.history.replaceState(null,"",u),s(d)});let o=new URLSearchParams(window.location.search).get("q")??"";t&&(t.value=o),s(o)});var S={value:null},A=document.querySelector("[data-gala-session-frame]"),ne=A?new URL(A.src).origin:null,x=new Map;function ae(e){return e==="AUTHENTICATION_REQUIRED"||e==="INVALID_BEARER_TOKEN"||e==="REAUTHENTICATION_REQUIRED"?"Sign in again to continue.":e==="ENGAGEMENT_RATE_LIMITED"?"You are posting too quickly; try again shortly.":e==="CONTACT_RATE_LIMITED"?"You are sending too quickly; try again later.":e==="RESOURCE_NOT_FOUND"?"That item is no longer available.":e==="INVALID_ENGAGEMENT_WRITE"||e==="INVALID_CONTACT_SUBMISSION"||e==="INVALID_REQUEST"?"Check your entry and try again.":e==="ACCESS_DENIED"?"That action is not available for this account.":e==="IDEMPOTENCY_CONFLICT"||e==="ENGAGEMENT_STATE_CONFLICT"?"The item changed; reload and try again.":"The action could not be completed. Try again."}function re(e,n){if(!A||!S.value)return Promise.reject(new Error("AUTHENTICATION_REQUIRED"));let t=crypto.randomUUID();return new Promise((a,r)=>{let l=setTimeout(()=>{x.delete(t),r(new Error("REQUEST_TIMEOUT"))},1e4);x.set(t,{resolve:m=>{clearTimeout(l),a(m)},reject:m=>{clearTimeout(l),r(m)}}),A.contentWindow.postMessage({type:"gala-engagement-write",requestId:t,operation:e,payload:n},ne)})}function O(e){document.dispatchEvent(new CustomEvent("gala-request-sign-in",{detail:e}))}A&&window.addEventListener("message",e=>{if(e.origin!==ne||e.source!==A.contentWindow)return;if(e.data?.type==="gala-engagement-result"){let t=x.get(e.data.requestId);if(!t)return;x.delete(e.data.requestId),e.data.ok===!0?t.resolve(e.data.result):t.reject(new Error(e.data.error?.code||"ENGAGEMENT_WRITE_FAILED"));return}if(e.data?.type!=="gala-session")return;let n=e.data.user;S.value=n&&typeof n.id=="string"?n:null,window.dispatchEvent(new CustomEvent("gala-session-change"))});var fe=5,g=(e,n,t)=>{let a=document.createElement(e);return n&&(a.className=n),t!==void 0&&(a.textContent=t),a};function pe(e){let n=new Map;for(let a of e){let r=a.parentCommentId??"";n.has(r)||n.set(r,[]),n.get(r).push(a)}let t=(a,r)=>(n.get(a)??[]).map(l=>({...l,depth:r,replies:t(l.commentId,r+1)}));return t("",0)}function he(e,n){let t={items:[],cursor:null,total:0,busy:!1,status:"",phase:"loading"},a=/\/v1\/articles\/([^/]+)\/engagement/.exec(n)?.[1]??"",r=e.closest(".gala-conversation")?.querySelector("[data-engagement-status]");async function l(o="",{append:i=!1,fresh:d=!1}={}){let u=new URL(n);o&&u.searchParams.set("commentsCursor",o);let p=await fetch(u,{headers:{Accept:"application/json"},credentials:"omit",cache:d?"no-store":"default"});if(!p.ok)throw new Error(`Comments returned HTTP ${p.status}`);let c=(await p.json())?.data?.comments;if(!c||!Array.isArray(c.items))throw new TypeError("Comment page is invalid");t.items=i?[...t.items,...c.items]:c.items,t.cursor=c.nextCursor??null,Number.isSafeInteger(c.totalCount)&&(t.total=c.totalCount)}async function m(o,i){if(!S.value)return O({kind:"comment"}),!1;t.busy=!0,t.status="",s();try{return await re(o,i),await l("",{fresh:!0}),!0}catch(d){return t.status=ae(d.message),!1}finally{t.busy=!1,s()}}function f(o,i,d){let u=g("form","gala-comment__form"),p=g("textarea");p.rows=3,p.value=i,p.placeholder=o,p.setAttribute("aria-label",o);let c=g("button","","Post");return c.type="submit",c.disabled=t.busy,u.append(p,c),u.addEventListener("submit",async h=>{h.preventDefault();let b=p.value.trim();b&&await d(b)&&(p.value="")}),u}function E(o){let i=g("li","gala-comment");i.dataset.commentId=o.commentId,i.dataset.depth=o.depth;let d=g("p","gala-comment__meta");if(d.append(g("strong","",o.author?.displayName??"[deleted]")),o.createdAt){let u=g("time","",new Date(o.createdAt).toLocaleDateString());u.dateTime=o.createdAt,d.append(u)}if(i.append(d,g("p","gala-comment__body",o.deleted?"[deleted]":o.body)),!o.deleted){let u=g("div","gala-comment-actions");if(o.depth<fe){let c=g("button","","Reply");c.type="button",c.dataset.replyComment=o.commentId,c.addEventListener("click",()=>{let h=i.querySelector(":scope > .gala-comment__form");if(h){h.remove();return}u.after(f(`Reply to ${o.author?.displayName??"this comment"}`,"",b=>m("comment.create",{articleId:a,parentCommentId:o.commentId,body:b})))}),u.append(c)}if(S.value&&o.author?.userId===S.value.id){let c=g("button","","Edit");c.type="button",c.dataset.editComment=o.commentId,c.addEventListener("click",()=>u.after(f("Edit your comment",o.body??"",b=>m("comment.edit",{articleId:a,commentId:o.commentId,body:b}))));let h=g("button","","Delete");h.type="button",h.dataset.deleteComment=o.commentId,h.addEventListener("click",()=>m("comment.delete",{articleId:a,commentId:o.commentId})),u.append(c,h)}else{let c=g("button","","Report");c.type="button",c.dataset.reportComment=o.commentId,c.addEventListener("click",()=>m("comment.report",{articleId:a,commentId:o.commentId,reason:"OTHER"})),u.append(c)}i.append(u)}if(o.replies.length){let u=g("ol","gala-comment-replies");u.append(...o.replies.map(E)),i.append(u)}return i}function s(){if(r&&(r.textContent=t.phase==="loading"?"Loading comments\u2026":t.phase==="unavailable"?"Comments are temporarily unavailable.":t.status),t.phase!=="ready"){e.replaceChildren();return}let o=g("section","gala-comments-island");if(o.setAttribute("aria-label","Comments"),o.append(g("p","gala-comments__heading",t.total===1?"1 comment":`${t.total} comments`)),S.value)o.append(f("Add a comment","",i=>m("comment.create",{articleId:a,body:i})));else{let i=g("p","gala-comments__prompt"),d=g("button","","Sign in to join the conversation");d.type="button",d.addEventListener("click",()=>O({kind:"comment"})),i.append(d),o.append(i)}if(!t.items.length)o.append(g("p","gala-comments__empty","No comments yet."));else{let i=g("ol","gala-comments");i.append(...pe(t.items).map(E)),o.append(i)}if(t.cursor){let i=g("button","gala-comments__more","Show more comments");i.type="button",i.disabled=t.busy,i.addEventListener("click",async()=>{t.busy=!0,t.status="Loading more comments\u2026",s();try{await l(t.cursor,{append:!0}),t.status=""}catch{t.status="More comments couldn\u2019t be loaded. Try again."}t.busy=!1,s()}),o.append(i)}e.replaceChildren(o)}window.addEventListener("gala-session-change",s),s(),l().then(()=>{t.phase="ready"}).catch(()=>{t.phase="unavailable"}).finally(s)}document.querySelectorAll("[data-gala-comments]").forEach(e=>{let n=e.closest("[data-engagement-url]")?.dataset.engagementUrl;n&&he(e,n)});})();
|