diff --git a/package.json b/package.json
index 6920d87b9..8d9d4b837 100644
--- a/package.json
+++ b/package.json
@@ -342,7 +342,7 @@
     "fix:sri": "node internal/fix-sri.mjs",
     "gallery": "node internal/generate-gallery.mjs",
     "gates:post": "node internal/run-parallel.mjs --label=post -- check:capability-derived check:drop check:parse verify check:sri check:public-hygiene check:label-joins check:facet-cascade check:facet-one-field check:heartbeat check:kpi-unit check:composite-reg check:descriptions check:no-abs-paths check:no-codename check:dep-names check:composite-srcs check:embed-targets check:nested-token check:i18n-parity check:tabs-localized check:packets-all check:packet-strings-parity check:zone-census check:zoning-declared check:share-policy check:library-index check:csv-shape check:capability-citations check:catalog-identity check:no-orphan-gates check:quoted-scripts check:done-evidence check:script-flags check:backlog-status check:capability-exemplars check:packet-fixture check:packet-browser check:provider-switch check:locale-reachable check:url-resolver check:manifest-covers check:one-palette check:pin-dim-slider check:legend-source check:backlog-refs check:clustering-modes check:composite-embed-knobs check:composite-locale-leaks check:linked-vocabulary check:wp-embed check:dashboard-geocoder-provider check:leaf-engine-per-provider check:auto-engine check:engine-contract check:map-props-unit check:composites-mount check:composite-interop check:no-free-identifiers check:map-fly-reduced-motion check:mst-clustering check:list-prop-unit check:profiles-mount check:cdn-pins check:no-eval check:popup-escaping check:i18n-treeshake check:pinned-umd check:one-palette:self-test check:no-cross-plugin-imports check:no-cross-plugin-imports:self-test check:map-attribution check:studio-rail check:approx-pin-note check:embedder-keys check:provider-for check:legend-logical-insets check:legend-logical-insets:self-test check:optional-t-equivalence check:text-highlight check:religion-label-not-value check:i18n-stopped-scope check:no-silent-engine check:no-silent-engine:self-test check:regions-uses-library check:shadow-css-parses check:square-map-controls check:preset-config-merge check:instance-config-keys check:frozen-labels check:plural-forms check:region-fill-repaint check:region-paint-single-source check:poster-print-fallback check:posters-exportable check:country-names check:reduced-motion check:no-dead-library check:universal-props check:readme-size check:tree-relative check:leaf-hints check:snippet-engine check:snippet-engine:self-test check:embed-base check:link-coverage check:no-public-binds check:shared-reached check:tree-weight",
-    "gates:pre": "node internal/run-parallel.mjs --label=pre -- check:template-literal check:mjs-parse check:sfc-parse check:tab-radius check:synced-css check:doc-scripts check:setup-order check:package-json-unique-keys check:no-repo-pb-hooks check:no-credentials-omit check:no-credentials-omit:self-test check:shadow-reduced-motion check:poster-action-print check:targets check:targets:self-test check:browser-gates-guarded check:pin-selection check:facet-shape check:hardcoded-english:self-test check:list-selection check:selector-fields check:upg-zone-joins check:gospel-set-charts check:gospel-set-fit check:describe-group check:one-scroll-container check:packet-charts check:composite-token-url check:language-tree-layout check:i18n-keys-exist check:i18n-never-translated check:packet-variants check:profile-table check:element-bootstrap check:embed-url-absolute check:frame-target check:language-tree-model check:map-menu-anchor check:selection-kinds check:tiered-points check:whiteboard-projection check:mercator-slice check:ring-vocabulary check:map-props-unit check:mobile-gating check:provide-shadowing check:legend-top-offset check:cdn-cache check:plural-forms check:select-zone-race check:script-registry check:map-control-overlap check:poster-attribution check:board-map-options check:gospel-whiteboard check:packet-map-missing-loud check:poster-layout-optin check:ported-globals-identical check:ring-bands check:packet-a1-structure check:zone-title-tier-a check:evangelical-share check:map-labels check:packet-offline check:help-reachable check:gated-not-in-tree check:window-globals-released check:legend-data-contract check:no-new-driver-references check:poster-fetch-guard check:people-group-records check:sentence-slots check:popup-href-escaped check:popup-pan-controls check:country-map-refetch check:pane-config-reforward check:viewport-meta check:viewport-meta:self-test check:label-key-coverage check:poster-browser-equiv check:poster-render-pinned check:host-locale-fetch check:print-frame-reclaim check:click-sheet check:coverage-consistent:chained check:coverage-consistent:poison check:dashboard-filter-a11y check:filter-multivalue check:hover-channel check:kit-options-reachable check:layout-key-namespaced check:legend-mirrors check:map-unmount-race check:no-conflict-markers check:series-isolation check:snapshot-guard check:stale-sweep-claim check:surfaces-read-the-tier check:translator-contacts check:dxlife check:wall-wysiwyg check:wall-print-watch check:wall-no-bg-photos check:template-i18n check:list-pattern-doc check:shadow-style-labels-unique check:grid-image-loading check:retry-fetch",
+    "gates:pre": "node internal/run-parallel.mjs --label=pre -- check:template-literal check:mjs-parse check:sfc-parse check:tab-radius check:synced-css check:doc-scripts check:setup-order check:package-json-unique-keys check:no-repo-pb-hooks check:no-credentials-omit check:no-credentials-omit:self-test check:shadow-reduced-motion check:poster-action-print check:targets check:targets:self-test check:browser-gates-guarded check:pin-selection check:facet-shape check:hardcoded-english:self-test check:list-selection check:selector-fields check:upg-zone-joins check:gospel-set-charts check:gospel-set-fit check:describe-group check:one-scroll-container check:packet-charts check:composite-token-url check:language-tree-layout check:i18n-keys-exist check:i18n-never-translated check:packet-variants check:profile-table check:element-bootstrap check:embed-url-absolute check:frame-target check:language-tree-model check:map-menu-anchor check:selection-kinds check:tiered-points check:whiteboard-projection check:mercator-slice check:ring-vocabulary check:map-props-unit check:mobile-gating check:provide-shadowing check:legend-top-offset check:cdn-cache check:plural-forms check:select-zone-race check:script-registry check:map-control-overlap check:poster-attribution check:board-map-options check:gospel-whiteboard check:packet-map-missing-loud check:poster-layout-optin check:ported-globals-identical check:ring-bands check:packet-a1-structure check:zone-title-tier-a check:evangelical-share check:map-labels check:packet-offline check:help-reachable check:gated-not-in-tree check:window-globals-released check:legend-data-contract check:no-new-driver-references check:poster-fetch-guard check:people-group-records check:sentence-slots check:popup-href-escaped check:popup-pan-controls check:country-map-refetch check:pane-config-reforward check:viewport-meta check:viewport-meta:self-test check:label-key-coverage check:poster-browser-equiv check:poster-render-pinned check:host-locale-fetch check:print-frame-reclaim check:click-sheet check:coverage-consistent:chained check:coverage-consistent:poison check:dashboard-filter-a11y check:filter-multivalue check:hover-channel check:kit-options-reachable check:layout-key-namespaced check:legend-mirrors check:map-unmount-race check:no-conflict-markers check:series-isolation check:snapshot-guard check:stale-sweep-claim check:surfaces-read-the-tier check:translator-contacts check:dxlife check:wall-wysiwyg check:wall-print-watch check:wall-no-bg-photos check:wall-pan check:template-i18n check:list-pattern-doc check:shadow-style-labels-unique check:grid-image-loading check:retry-fetch",
     "gen:iso3-to-alpha2": "node library/scripts/generate-iso3-to-alpha2.mjs",
     "internet:adm1": "node plugin-designs/cities-internet/scripts/build-adm1-internet.mjs",
     "library-index": "node internal/generate-library-index.mjs",
@@ -396,6 +396,7 @@
     "check:wall-wysiwyg": "node plugin-designs/wall-of-people-groups/scripts/check-wall-wysiwyg.mjs",
     "check:wall-print-watch": "node plugin-designs/wall-of-people-groups/scripts/check-wall-print-watch.mjs",
     "check:wall-no-bg-photos": "node plugin-designs/wall-of-people-groups/scripts/check-wall-no-bg-photos.mjs",
+    "check:wall-pan": "node plugin-designs/wall-of-people-groups/scripts/check-wall-pan.mjs",
     "check:template-i18n": "node plugin-designs/template-bundle/scripts/check-template-i18n.mjs",
     "check:snippets-draw": "node internal/check-snippets-draw.mjs",
     "check:snippets-draw:mapbox": "node internal/check-snippets-draw.mjs --mapbox",
@@ -418,6 +419,7 @@
     "check:wall-wysiwyg": "the Wall's screen IS its poster: the Bless view's on-screen poster and its print come from one layout, so for every preset (3x4ft, 2x3ft, 5x8ft) the sheets, the 2,107 card rects, the card text, the verse reference and the chrome agree. Two-sided on planted layout defects. Headless.",
     "check:wall-print-watch": "the Wall's HD poster print never prints silently incomplete: with fake timers and a fake frame, the watch counts photos as they load, counts the ones that could not, and reports both. Two-sided on planted printWatch copies. Headless.",
     "check:wall-no-bg-photos": "the Wall's store downloads no photos on its own (it used to test all 932, 132 MB, on every visit): the REAL store runs through Vite against the committed fixtures/pray-list-sample.json with fetch stubbed and every Image request counted. Two-sided with the old background test planted. Headless, no network.",
+    "check:wall-pan": "the Wall pans and zooms with the pointer 1:1: the REAL WallCanvas methods (through Vite) with d3-zoom's transform arithmetic, over 12 fits and zooms: a pan moves every card exactly as far as the pointer, a zoom keeps the point under the pointer, toWorld inverts toScreen, and a fling never loses the wall. Two-sided: the old transform-inside-the-fit formulas are planted and caught. Headless.",
     "check:template-i18n": "the starter template every new plugin copies renders its text from the catalogue: profile B, server-rendered with the REAL template.json in en, ar and zh, takes its heading, note and sentence from the page's language. Two-sided with the English catalogue served as Arabic. Headless (SSR).",
     "check:coverage-consistent:chained": "every clause of check:coverage-consistent EXCEPT the link-verification age (VERIFY_MAX_AGE_DAYS set out of reach): the chains run what depends on the code and data, and leave what depends on the calendar to the on-demand run, so the gates cannot turn red on a date with no change.",
     "check:viewport-meta": "every generated page declares <meta name=\"viewport\"> with width=device-width. Without it a browser lays the page out at the 980px desktop fallback even when the viewport is set to 390, so a mobile probe silently measures a viewport no phone has and still passes (measured: innerWidth 980 without the tag, 390 with it). width=device-width is required specifically, because a meta carrying only initial-scale still lays out at 980. Checked on the BUILT tree, not the generator template. Fixed-size print sheets are exempt by their stated shape (a .stage with a three-digit px width), and a page that must render at a fixed desktop width carries a viewport-meta-ok: reason. 8 self-tests. Source-only, headless.",
diff --git a/plugin-designs/wall-of-people-groups/scripts/check-wall-pan.mjs b/plugin-designs/wall-of-people-groups/scripts/check-wall-pan.mjs
new file mode 100644
index 000000000..ece33edb3
--- /dev/null
+++ b/plugin-designs/wall-of-people-groups/scripts/check-wall-pan.mjs
@@ -0,0 +1,103 @@
+#!/usr/bin/env node
+/**
+ * check-wall-pan — the Wall pans and zooms with the pointer, 1 : 1. Headless.
+ *
+ * d3-zoom on a <canvas> reports its transform in the canvas's own CSS px, and wallCanvas.js applies it AFTER
+ * the "meet" fit of the world into the canvas. It used to apply it inside the fit, so every pan moved the wall
+ * by only the fit scale k0 of the pointer (measured on development 6e1a33534: a 200 px mouse drag panned 34 px
+ * at 1440; a 120 × 200 px finger drag 14 × 23 px on a phone) and a wheel zoom drifted off the pointer.
+ * This runs the REAL WallCanvas methods (through Vite, so @map resolves) with d3's own transform arithmetic
+ * and asserts, over several fits and zooms:
+ *   - a pan of d px in d3's space moves every card d px on screen;
+ *   - a zoom about a pointer keeps the world point under that pointer;
+ *   - toWorld inverts toScreen;
+ *   - constrain() keeps the wall over the centre of the view after a fling, and leaves a resting view alone.
+ * Two-sided: the old formulas (transform inside the fit) are planted and must fail the pan and zoom arms.
+ * EXIT 0 pass · 1 fail
+ */
+import { resolve, dirname, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { createServer } from 'vite'
+
+const ROOT = resolve(dirname(fileURLToPath(import.meta.url)), '../../..')
+const server = await createServer({ root: ROOT, configFile: join(ROOT, 'vite.config.js'), server: { middlewareMode: true, hmr: false, ws: false }, appType: 'custom', logLevel: 'error', optimizeDeps: { noDiscovery: true, include: [] } })
+
+// d3-zoom's ZoomTransform arithmetic (d3-zoom/src/transform.js): translate() works in pre-scale units.
+class T {
+  constructor(k, x, y) { this.k = k; this.x = x; this.y = y }
+  translate(x, y) { return new T(this.k, this.x + this.k * x, this.y + this.k * y) }
+  invert(p) { return [(p[0] - this.x) / this.k, (p[1] - this.y) / this.k] }
+}
+// d3's zoom about a pointer p: the point under p (in d3's space) stays under p.
+const zoomAbout = (t, k, p) => { const q = t.invert(p); return new T(k, p[0] - q[0] * k, p[1] - q[1] * k) }
+
+/** A WallCanvas with no DOM: the prototype's own methods, over a fitted world. */
+function wall(W, cssW, cssH, worldW, worldH) {
+  const w = Object.create(W.prototype)
+  w.mode = 'social'; w.sp = null; w.o = { worldW, worldH }; w.cssW = cssW; w.cssH = cssH
+  w.k0 = Math.min(cssW / worldW, cssH / worldH); w.ox = (cssW - worldW * w.k0) / 2; w.oy = (cssH - worldH * w.k0) / 2
+  w.t = new T(1, 0, 0)
+  return w
+}
+
+function run(W, plant = false) {
+  const errs = []
+  if (plant) {   // the formulas before the fix: d3's transform applied inside the fit
+    Object.defineProperty(W.prototype, 'tx', { configurable: true, get() { return this.ox + this.t.x * this.k0 } })
+    Object.defineProperty(W.prototype, 'ty', { configurable: true, get() { return this.oy + this.t.y * this.k0 } })
+  }
+  const cases = [[1440, 793, 3456, 4608], [390, 696, 5760, 9216], [1184, 791, 4000, 3000], [390, 696, 3000, 4000]]
+  let checked = 0
+  for (const [cssW, cssH, worldW, worldH] of cases) {
+    for (const k of [1, 2.5, 9]) {
+      const w = wall(W, cssW, cssH, worldW, worldH)
+      w.t = zoomAbout(w.t, k, [cssW * 0.3, cssH * 0.6])
+      const pt = [worldW * 0.37, worldH * 0.61], s0 = w.toScreen(...pt)
+      // pan: a drag of (120, -200) px is t.translate(120 / k, -200 / k) in d3
+      w.t = w.t.translate(120 / k, -200 / k)
+      const s1 = w.toScreen(...pt)
+      const ratio = [(s1[0] - s0[0]) / 120, (s1[1] - s0[1]) / -200]
+      if (Math.abs(ratio[0] - 1) > 1e-9 || Math.abs(ratio[1] - 1) > 1e-9) errs.push(`pan ${cssW}×${cssH} world ${worldW}×${worldH} zoom ${k}: the wall moved ${ratio.map((r) => r.toFixed(3)).join(' × ')} of the pointer, not 1`)
+      // zoom about a pointer: the world point under it stays
+      const p = [cssW * 0.71, cssH * 0.23], before = w.toWorld(...p)
+      w.t = zoomAbout(w.t, k * 1.4, p)
+      const after = w.toScreen(...before)
+      if (Math.hypot(after[0] - p[0], after[1] - p[1]) > 1e-6) errs.push(`zoom ${cssW}×${cssH} zoom ${k}: the point under the pointer drifted ${Math.hypot(after[0] - p[0], after[1] - p[1]).toFixed(1)} px`)
+      const back = w.toScreen(...w.toWorld(...p))
+      if (Math.hypot(back[0] - p[0], back[1] - p[1]) > 1e-6) errs.push('toWorld does not invert toScreen')
+      // constrain: a fling five views away still leaves the wall over the centre; a resting view is untouched
+      const rest = w.t
+      if (w.constrain(rest) !== rest) errs.push(`constrain moved a view that already covers the centre (${cssW}×${cssH}, zoom ${k})`)
+      for (const [fx, fy] of [[5, 0], [-5, 0], [0, 5], [0, -5]]) {
+        w.t = w.constrain(rest.translate(fx * cssW / rest.k, fy * cssH / rest.k))
+        const [x0, y0] = w.toScreen(0, 0), [x1, y1] = w.toScreen(worldW, worldH)
+        if (!(x0 <= cssW / 2 + 1e-6 && x1 >= cssW / 2 - 1e-6 && y0 <= cssH / 2 + 1e-6 && y1 >= cssH / 2 - 1e-6)) errs.push(`a fling (${fx}, ${fy}) views away lost the wall (${cssW}×${cssH}, zoom ${k})`)
+      }
+      checked++
+    }
+  }
+  if (plant) { delete W.prototype.tx; delete W.prototype.ty }
+  return { errs, checked }
+}
+
+const fails = []
+let real = null
+try {
+  const { WallCanvas } = await server.ssrLoadModule('/plugin-designs/wall-of-people-groups/src/wallCanvas.js')
+  const own = { tx: Object.getOwnPropertyDescriptor(WallCanvas.prototype, 'tx'), ty: Object.getOwnPropertyDescriptor(WallCanvas.prototype, 'ty') }
+  if (!own.tx || !own.ty) fails.push('WallCanvas has no tx/ty getters: this check reads the wrong file or the renderer changed shape')
+  else {
+    real = run(WallCanvas)
+    fails.push(...real.errs)
+    if (real.checked < 12) fails.push(`only ${real.checked} of 12 cases ran`)
+    const planted = run(WallCanvas, true)
+    Object.defineProperty(WallCanvas.prototype, 'tx', own.tx); Object.defineProperty(WallCanvas.prototype, 'ty', own.ty)
+    if (!planted.errs.some((e) => /^pan /.test(e))) fails.push('SELF-TEST: the old in-fit transform was not caught by the pan arm')
+    if (!planted.errs.some((e) => /^zoom /.test(e))) fails.push('SELF-TEST: the old in-fit transform was not caught by the zoom arm')
+  }
+} catch (e) { fails.push('could not run WallCanvas: ' + e.message) }
+await server.close()
+
+if (fails.length) { console.log('WALL-PAN: FAIL'); for (const f of fails) console.log('  - ' + f); process.exit(1) }
+console.log(`WALL-PAN: PASS — ${real.checked} fits × zooms: a pan moves the wall 1:1 with the pointer, a zoom keeps the point under the pointer, toWorld inverts toScreen, and a fling never loses the wall; the old in-fit transform is caught.`)
+process.exit(0)
diff --git a/plugin-designs/wall-of-people-groups/src/wallCanvas.js b/plugin-designs/wall-of-people-groups/src/wallCanvas.js
index 61cca3588..c51473a58 100644
--- a/plugin-designs/wall-of-people-groups/src/wallCanvas.js
+++ b/plugin-designs/wall-of-people-groups/src/wallCanvas.js
@@ -75,7 +75,20 @@ export class WallCanvas {
     this.ctx = this.canvas.getContext('2d')
     this.icons = Object.fromEntries(Object.entries(ICON).map(([k, d]) => [k, new Path2D(d)]))
     const d3 = wallD3()
-    this.zoom = d3.zoom().scaleExtent([0.1, 20]).filter((e) => !e.ctrlKey && !e.button)
+    // d3's transform lives in the canvas's own CSS px (d3.pointer on a <canvas> is element px, unlike the old
+    // SVG, whose viewBox made it world units), so it is applied AFTER the "meet" fit: screen = t(fit(world)).
+    // Multiplying it by the fit scale instead moved the wall by only k0 of the pointer (measured on
+    // development 6e1a33534: a 200 px drag panned 34 px at 1440, a 120 × 200 px finger drag 14 × 23 px on a
+    // phone), so the wall could barely be panned.
+    // A ctrl-wheel is a trackpad pinch (or ctrl + mouse wheel): it zooms the wall. Filtering it out let the
+    // browser zoom the whole page instead. Its step is capped, so one mouse notch is at most ~1.4×.
+    this.zoom = d3.zoom().scaleExtent([0.1, 20])
+      .filter((e) => (!e.ctrlKey || e.type === 'wheel') && !e.button)
+      .wheelDelta((e) => {
+        const d = -e.deltaY * (e.deltaMode === 1 ? 0.05 : e.deltaMode ? 1 : 0.002)
+        return e.ctrlKey ? Math.max(-0.5, Math.min(0.5, d * 5)) : d
+      })
+      .constrain((t) => this.constrain(t))
       .on('zoom', (e) => { this.t = e.transform; this.request() })
     this.sel = d3.select(this.canvas).call(this.zoom).on('dblclick.zoom', null)
     this._click = (e) => this.onClick(e)
@@ -140,17 +153,31 @@ export class WallCanvas {
     this.request()
   }
 
-  /** Screen px of one world unit, and world → screen. */
+  /** Screen px of one world unit, and world → screen: the "meet" fit first, then d3's transform (CSS px). */
   get scale() { return this.k0 * this.t.k }
-  toScreen(x, y) { return [this.ox + (x * this.t.k + this.t.x) * this.k0, this.oy + (y * this.t.k + this.t.y) * this.k0] }
-  toWorld(px, py) { return [((px - this.ox) / this.k0 - this.t.x) / this.t.k, ((py - this.oy) / this.k0 - this.t.y) / this.t.k] }
+  get tx() { return this.t.x + this.t.k * this.ox }
+  get ty() { return this.t.y + this.t.k * this.oy }
+  toScreen(x, y) { return [this.tx + x * this.scale, this.ty + y * this.scale] }
+  toWorld(px, py) { return [(px - this.tx) / this.scale, (py - this.ty) / this.scale] }
 
-  /** Open at a zoom where one card is `cardPx` wide (the old wall opened at ~96 px). */
+  /**
+   * Keep the wall findable: however far it is panned, it still covers the middle of the view (a zoomed-out
+   * wall smaller than the view may move, but never off it). Without this a fast fling left an empty grey table.
+   */
+  constrain(t) {
+    const W = this.worldW * this.k0, H = this.worldH * this.k0, cx = this.cssW / 2, cy = this.cssH / 2
+    const x0 = t.x + t.k * this.ox, y0 = t.y + t.k * this.oy
+    const dx = x0 > cx ? cx - x0 : x0 + t.k * W < cx ? cx - x0 - t.k * W : 0
+    const dy = y0 > cy ? cy - y0 : y0 + t.k * H < cy ? cy - y0 - t.k * H : 0
+    return dx || dy ? t.translate(dx / t.k, dy / t.k) : t   // d3's translate() is in pre-scale units
+  }
+
+  /** Open at a zoom where one card is `cardPx` wide (the old wall opened at ~96 px), world top-left in place. */
   startView(cardPx = 96) {
     if (this.posterOn) return this.fitAll()   // the poster opens whole: what you see is what prints
     if (!this.grid) return
     const k = Math.max(1, Math.min(20, cardPx / (this.grid.cw * this.k0)))
-    this.sel.call(this.zoom.transform, wallD3().zoomIdentity.scale(k))
+    this.sel.call(this.zoom.transform, wallD3().zoomIdentity.translate(this.ox * (1 - k), this.oy * (1 - k)).scale(k))
   }
   resetZoom() { this.sel.transition().duration(750).call(this.zoom.transform, wallD3().zoomIdentity) }
 
@@ -177,7 +204,7 @@ export class WallCanvas {
     ctx.setTransform(1, 0, 0, 1, 0, 0)
     ctx.clearRect(0, 0, this.canvas.width, this.canvas.height)
     if (!this.grid) return
-    const s = this.scale, tx = this.ox + this.t.x * this.k0, ty = this.oy + this.t.y * this.k0
+    const s = this.scale, tx = this.tx, ty = this.ty
     ctx.setTransform(this.dpr * s, 0, 0, this.dpr * s, this.dpr * tx, this.dpr * ty)
     if (this.posterOn) return this.drawPoster(ctx, s, tx, ty)
     const cardPx = this.grid.cw * s
diff --git a/public/dx-maps/doxa-maps-spa/manifest.json b/public/dx-maps/doxa-maps-spa/manifest.json
index f01ff4003..cb1bdc3c3 100644
--- a/public/dx-maps/doxa-maps-spa/manifest.json
+++ b/public/dx-maps/doxa-maps-spa/manifest.json
@@ -1420,7 +1420,7 @@
       "bundle": "wall-of-people-groups",
       "scriptUrl": "./wall-of-people-groups/wall-of-people-groups.js",
       "output": "dx-maps/wall-of-people-groups/wall-of-people-groups.js",
-      "integrity": "sha384-jXcu2Fpvms5zKTuyxRQ1oZG7jciYNwC1+KOpUYXMlm5u59l3SGJOLxN3vbXvt5c1",
+      "integrity": "sha384-S2g83dVn7Vb2ynBlin0ySD8rO/cFEdA60yPYJ+04ObqzXmiojWOZ5ufGPj4URG9t",
       "elements": [
         "wall-of-people-groups"
       ],
@@ -1439,7 +1439,7 @@
           "scriptUrl": "./wall-of-people-groups/wall-of-people-groups.js",
           "embed": {
             "iframe": "<iframe src=\"./wall-of-people-groups/wall-of-people-groups/index.html?utm_source=YOUR_SOURCE\" width=\"100%\" height=\"600\" style=\"border:none;border-radius:12px;\" allowfullscreen></iframe>",
-            "script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./wall-of-people-groups/wall-of-people-groups.js\" integrity=\"sha384-jXcu2Fpvms5zKTuyxRQ1oZG7jciYNwC1+KOpUYXMlm5u59l3SGJOLxN3vbXvt5c1\" crossorigin=\"anonymous\"></script>\n<!-- provider: \"maplibre\" is the default; change it to \"mapbox\" and fill tk to use Mapbox. -->\n<wall-of-people-groups profile-config='{\"profile\":\"wall-of-people-groups\",\"provider\":\"maplibre\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></wall-of-people-groups>"
+            "script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./wall-of-people-groups/wall-of-people-groups.js\" integrity=\"sha384-S2g83dVn7Vb2ynBlin0ySD8rO/cFEdA60yPYJ+04ObqzXmiojWOZ5ufGPj4URG9t\" crossorigin=\"anonymous\"></script>\n<!-- provider: \"maplibre\" is the default; change it to \"mapbox\" and fill tk to use Mapbox. -->\n<wall-of-people-groups profile-config='{\"profile\":\"wall-of-people-groups\",\"provider\":\"maplibre\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></wall-of-people-groups>"
           },
           "bundle": "wall-of-people-groups"
         }
diff --git a/public/dx-maps/manifest.json b/public/dx-maps/manifest.json
index f01ff4003..cb1bdc3c3 100644
--- a/public/dx-maps/manifest.json
+++ b/public/dx-maps/manifest.json
@@ -1420,7 +1420,7 @@
       "bundle": "wall-of-people-groups",
       "scriptUrl": "./wall-of-people-groups/wall-of-people-groups.js",
       "output": "dx-maps/wall-of-people-groups/wall-of-people-groups.js",
-      "integrity": "sha384-jXcu2Fpvms5zKTuyxRQ1oZG7jciYNwC1+KOpUYXMlm5u59l3SGJOLxN3vbXvt5c1",
+      "integrity": "sha384-S2g83dVn7Vb2ynBlin0ySD8rO/cFEdA60yPYJ+04ObqzXmiojWOZ5ufGPj4URG9t",
       "elements": [
         "wall-of-people-groups"
       ],
@@ -1439,7 +1439,7 @@
           "scriptUrl": "./wall-of-people-groups/wall-of-people-groups.js",
           "embed": {
             "iframe": "<iframe src=\"./wall-of-people-groups/wall-of-people-groups/index.html?utm_source=YOUR_SOURCE\" width=\"100%\" height=\"600\" style=\"border:none;border-radius:12px;\" allowfullscreen></iframe>",
-            "script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./wall-of-people-groups/wall-of-people-groups.js\" integrity=\"sha384-jXcu2Fpvms5zKTuyxRQ1oZG7jciYNwC1+KOpUYXMlm5u59l3SGJOLxN3vbXvt5c1\" crossorigin=\"anonymous\"></script>\n<!-- provider: \"maplibre\" is the default; change it to \"mapbox\" and fill tk to use Mapbox. -->\n<wall-of-people-groups profile-config='{\"profile\":\"wall-of-people-groups\",\"provider\":\"maplibre\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></wall-of-people-groups>"
+            "script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./wall-of-people-groups/wall-of-people-groups.js\" integrity=\"sha384-S2g83dVn7Vb2ynBlin0ySD8rO/cFEdA60yPYJ+04ObqzXmiojWOZ5ufGPj4URG9t\" crossorigin=\"anonymous\"></script>\n<!-- provider: \"maplibre\" is the default; change it to \"mapbox\" and fill tk to use Mapbox. -->\n<wall-of-people-groups profile-config='{\"profile\":\"wall-of-people-groups\",\"provider\":\"maplibre\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></wall-of-people-groups>"
           },
           "bundle": "wall-of-people-groups"
         }
diff --git a/public/dx-maps/wall-of-people-groups/wall-of-people-groups.js b/public/dx-maps/wall-of-people-groups/wall-of-people-groups.js
index 01547027b..f3d63ebd3 100644
--- a/public/dx-maps/wall-of-people-groups/wall-of-people-groups.js
+++ b/public/dx-maps/wall-of-people-groups/wall-of-people-groups.js
@@ -124,6 +124,6 @@ body,.poster{font-family:Georgia,'Times New Roman',serif;color:#1c1c1c;-webkit-p
 .card .rf{font-size:${O.toFixed(1)}pt;color:#777;margin-top:1pt}
 .glue{position:absolute;left:0;width:100%;border-bottom:.02in dashed #b00;display:flex;align-items:center;justify-content:center;font:700 ${_(Math.min(.5,a*.08))} sans-serif;color:#b00;background:rgba(176,0,0,.035);letter-spacing:.05em;text-transform:uppercase}
 .trim{position:absolute;left:0;bottom:0;width:100%;border-bottom:.02in solid #999}
-.tag{position:absolute;right:${_(Math.max(.15,a*.1))};top:${_(Math.max(.1,a*.08))};font:600 ${_(Math.max(.12,a*.035))} sans-serif;color:#aaa}`;return{plan:r,css:C,pages:S,banner:i}}const lm=/^[^A-Za-z\u00C0-\u024F\u0370-\u052F\u0590-\u08FF\uFB1D-\uFDFF\uFE70-\uFEFF]*[\u0590-\u08FF\uFB1D-\uFDFF\uFE70-\uFEFF]/,bo=e=>lm.test(String(e||""))?"rtl":"ltr",cm={heart:"M12 20.5s-7.2-4.4-9.2-8.8C1.3 8.3 3.2 4.6 6.7 4.6c2 0 3.5 1.1 4.3 2.4.8-1.3 2.3-2.4 4.3-2.4 3.5 0 5.4 3.7 3.9 7.1-2 4.4-9.2 8.8-9.2 8.8z",comment:"M4 4.5h16v11.5H9.5L4 20.5z",plane:"M21 3.5 3 10.8l7 2.7 2.7 7 8.3-17z"};function Os(e){if(e&&e.slug)return`https://pray.doxa.life/${encodeURIComponent(e.slug)}?source=doxalife`;const t=e&&(e.peopleID3||e.PeopleID3);return t&&String(t).trim()?`https://joshuaproject.net/people_groups/${String(t).trim()}`:""}const Fo=40,qc=48,Kc=12,Yc=400,um=12,Xc=320,dm=150,Ro=e=>e.naturalWidth||e.width,Do=e=>e.naturalHeight||e.height;class pm{constructor(t,o){var r;this.host=t,this.o=o,this.groups=[],this.mode="bless",this.k0=1,this.ox=0,this.oy=0,this.t={k:1,x:0,y:0},this.images=new Map,this.stats={loaded:0,thumbs:0,thumbsFallback:0,measured:0,cardPx:0},this.loading=0,this.queue=[],this.canvas=document.createElement("canvas"),this.canvas.className="wall-canvas-el",this.canvas.style.cssText="display:block;width:100%;height:100%;touch-action:none",this.canvas.tabIndex=0,o.label&&this.canvas.setAttribute("aria-label",o.label),this.canvas.setAttribute("role","img"),t.appendChild(this.canvas),this.ctx=this.canvas.getContext("2d"),this.icons=Object.fromEntries(Object.entries(cm).map(([s,a])=>[s,new Path2D(a)]));const n=As();this.zoom=n.zoom().scaleExtent([.1,20]).filter(s=>!s.ctrlKey&&!s.button).on("zoom",s=>{this.t=s.transform,this.request()}),this.sel=n.select(this.canvas).call(this.zoom).on("dblclick.zoom",null),this._click=s=>this.onClick(s),this._move=s=>this.onMove(s),this.canvas.addEventListener("click",this._click),this.canvas.addEventListener("mousemove",this._move),this.ro=typeof ResizeObserver<"u"?new ResizeObserver(()=>this.resize()):null,(r=this.ro)==null||r.observe(t),this.resize()}setWorld(t,o){this.o.worldW=t,this.o.worldH=o,this.layout(),this.resize()}setGroups(t){this.groups=t||[],this.layout(),this.request()}setMode(t){this.mode=t,this.showPoster(),this.resize(),this.startView(96)}setPoster(t){this.sp=t,this.textCache=new Map,this.estCache=new Map,this.ov||(this.ov=document.createElement("div"),this.ov.style.cssText="position:absolute;inset:0;overflow:hidden;pointer-events:none",getComputedStyle(this.host).position==="static"&&(this.host.style.position="relative"),this.host.appendChild(this.ov),this.ovRoot=this.ov.attachShadow?this.ov.attachShadow({mode:"open"}):this.ov),this.ovRoot.innerHTML=`<style>${t.css}
-.ovw{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}.ovw a{pointer-events:auto}.ovw .sheet{content-visibility:auto}</style><div class="ovw poster" style="width:${t.worldW}px;height:${t.worldH}px;transform:scale(0)">${t.chromeHtml}</div>`,this.ovw=this.ovRoot.querySelector(".ovw"),this.showPoster(),this.resize()}get posterOn(){return this.mode==="bless"&&!!this.sp}showPoster(){this.ov&&(this.ov.style.display=this.posterOn?"":"none")}get worldW(){return this.posterOn?this.sp.worldW:this.o.worldW}get worldH(){return this.posterOn?this.sp.worldH:this.o.worldH}fitAll(){this.sel.call(this.zoom.transform,As().zoomIdentity)}layout(){const t=this.groups.length;this.grid=t?Qg(t,this.o.worldW,this.o.worldH,this.o.spacing,this.o.vSpacing):null}resize(){const t=this.host.getBoundingClientRect(),o=Math.min(2,window.devicePixelRatio||1);this.cssW=Math.max(1,t.width),this.cssH=Math.max(1,t.height),this.canvas.width=Math.round(this.cssW*o),this.canvas.height=Math.round(this.cssH*o),this.dpr=o,this.k0=Math.min(this.cssW/this.worldW,this.cssH/this.worldH),this.ox=(this.cssW-this.worldW*this.k0)/2,this.oy=(this.cssH-this.worldH*this.k0)/2,this.request()}get scale(){return this.k0*this.t.k}toScreen(t,o){return[this.ox+(t*this.t.k+this.t.x)*this.k0,this.oy+(o*this.t.k+this.t.y)*this.k0]}toWorld(t,o){return[((t-this.ox)/this.k0-this.t.x)/this.t.k,((o-this.oy)/this.k0-this.t.y)/this.t.k]}startView(t=96){if(this.posterOn)return this.fitAll();if(!this.grid)return;const o=Math.max(1,Math.min(20,t/(this.grid.cw*this.k0)));this.sel.call(this.zoom.transform,As().zoomIdentity.scale(o))}resetZoom(){this.sel.transition().duration(750).call(this.zoom.transform,As().zoomIdentity)}request(){this.raf||(this.raf=requestAnimationFrame(()=>{this.raf=0,this.draw()}))}cardRect(t){const o=this.grid,n=t%o.cols,r=Math.floor(t/o.cols);return{x:n*(o.cw+o.spacing)+o.spacing,y:r*(o.ch+o.vSpacing)+o.vSpacing,w:o.cw,h:o.ch}}visibleRange(){const t=this.grid,[o,n]=this.toWorld(0,0),[r,s]=this.toWorld(this.cssW,this.cssH),a=t.cw+t.spacing,i=t.ch+t.vSpacing,l=Math.ceil(t.n/t.cols);return{c0:Math.max(0,Math.floor(o/a)-1),c1:Math.min(t.cols-1,Math.floor(r/a)+1),r0:Math.max(0,Math.floor(n/i)-1),r1:Math.min(l-1,Math.floor(s/i)+1)}}draw(){const t=this.ctx;if(t.setTransform(1,0,0,1,0,0),t.clearRect(0,0,this.canvas.width,this.canvas.height),!this.grid)return;const o=this.scale,n=this.ox+this.t.x*this.k0,r=this.oy+this.t.y*this.k0;if(t.setTransform(this.dpr*o,0,0,this.dpr*o,this.dpr*n,this.dpr*r),this.posterOn)return this.drawPoster(t,o,n,r);const s=this.grid.cw*o;this.stats.cardPx=Math.round(s);const{c0:a,c1:i,r0:l,r1:c}=this.visibleRange(),u=[];for(let f=l;f<=c;f++)for(let h=a;h<=i;h++){const m=f*this.grid.cols+h;if(m>=this.groups.length)break;const _=this.cardRect(m);if(s<Kc){t.fillStyle="#e6e6e6",t.fillRect(_.x,_.y,_.w,_.h);continue}this.drawCard(t,m,_,s,u)}u.length&&this.load(u)}drawPoster(t,o,n,r){var h;const s=this.sp;this.ovw&&(this.ovw.style.transform=`translate(${n}px,${r}px) scale(${o})`),t.save(),t.setTransform(1,0,0,1,0,0),t.fillStyle="#d4d4d4",t.fillRect(0,0,this.canvas.width,this.canvas.height),t.restore(),t.fillStyle="rgba(0,0,0,.16)";for(const m of s.sheets)t.fillRect(m.x+3/o,m.y+3/o,m.w,m.h);t.fillStyle="#fff";for(const m of s.sheets)t.fillRect(m.x,m.y,m.w,m.h);const[a,i]=this.toWorld(0,0),[l,c]=this.toWorld(this.cssW,this.cssH),u=(((h=s.cards[0])==null?void 0:h.w)||0)*o,f=[];this.stats.cardPx=Math.round(u),this.measureBudget=dm,this.measureMore=!1;for(const m of s.cards)if(!(m.x+m.w<a||m.x>l||m.y+m.h<i||m.y>c)&&!(m.i>=this.groups.length)){if(u<Kc){t.fillStyle="#e6e6e6",t.fillRect(m.x+m.w*.04,m.y+m.h*.04,m.w*.92,m.h*.92);continue}this.drawPrintCard(t,m,u,f)}f.length&&this.load(f),this.measureMore&&this.request()}drawPrintCard(t,o,n,r){const s=this.groups[o.i],a=this.sp,i=a.pxPerIn,l=i/72,c=s.name||s.post_title||"";let u=this.textCache.get(o.i);const f=u?u.ct:ta(a.plan,c),h=f.padIn*i,m=o.w-2*h,_=o.x+h,y=o.x+o.w/2,E=f.name.pt*l,F=f.versePt*l,O=f.refPt*l;if(!u&&(n<Fo||this.measureBudget<=0)){if(n>=Fo&&(this.measureMore=!0),u=this.estCache.get(o.i),!u){const D=(X,q)=>Math.max(1,Math.ceil(String(X).length*.5*q/Math.max(1,m)));u={ct:f,estimate:!0,nameLines:Array(f.name.wrap?f.name.lines:1).fill(""),verse:f.readable?{lines:Array(D(yn(o.i).text,F)).fill(""),ref:""}:null},this.estCache.set(o.i,u)}}else if(!u){this.measureBudget--,this.stats.measured++,t.font=`700 ${E}px -apple-system, "Segoe UI", Arial, sans-serif`;const D=f.name.wrap?this.breakLines(t,c,m,f.name.lines):[c];let X=null;if(f.readable){const q=yn(o.i);t.font=`italic ${F}px Georgia, "Times New Roman", serif`,X={lines:this.breakLines(t,q.text,m,99),ref:q.ref}}u={ct:f,nameLines:D,verse:X},this.textCache.set(o.i,u)}const v=u.nameLines.length*E*f.nameLine,$=u.verse?u.verse.lines.length*F*f.verseLine+f.refGapPt*l+O*1.2:0,P=f.imgMarginIn*i,T=o.y+h+v+P,A=Math.max(0,o.h-2*h-v-$-2*P),S=s.imageUrl,C=S&&this.images.get(S);if(C&&C.ok){C.used=performance.now();const D=C.img,X=Ro(D)/Do(D)||1,q=m/(A||1);let z=0,ee=0,ue=Ro(D),te=Do(D);X>q?(ue=te*q,z=(Ro(D)-ue)/2):(te=ue/q,ee=(Do(D)-te)/2),t.drawImage(D,z,ee,ue,te,_,T,m,A)}else t.fillStyle="#eee",t.fillRect(_,T,m,A),S&&n>=qc&&r.push(S);if(!(n<Fo||u.estimate)){if(t.textAlign="center",t.textBaseline="top",t.font=`700 ${E}px -apple-system, "Segoe UI", Arial, sans-serif`,t.fillStyle="#1c1c1c",t.direction=bo(c),u.nameLines.forEach((D,X)=>t.fillText(D,y,o.y+h+X*E*f.nameLine,m)),u.verse){let D=T+A+P;t.font=`italic ${F}px Georgia, "Times New Roman", serif`,t.fillStyle="#1c1c1c",t.direction=bo(u.verse.lines[0]);for(const X of u.verse.lines)t.fillText(X,y,D,m),D+=F*f.verseLine;t.font=`${O}px Georgia, "Times New Roman", serif`,t.fillStyle="#777",t.direction=bo(u.verse.ref),t.fillText(u.verse.ref,y,D+f.refGapPt*l,m)}t.textBaseline="alphabetic",t.direction="inherit"}}breakLines(t,o,n,r){const s=[];let a="";for(const i of String(o).split(/\s+/)){const l=a?a+" "+i:i;if(t.measureText(l).width<=n){a=l;continue}for(a&&s.push(a),a=i;t.measureText(a).width>n&&a.length>1;){let c=a.length-1;for(;c>1&&t.measureText(a.slice(0,c)).width>n;)c--;s.push(a.slice(0,c)),a=a.slice(c)}}return a&&s.push(a),s.slice(0,r)}drawCard(t,o,n,r,s){const a=this.groups[o],i=n.w,l=n.h,c=n.x,u=n.y;t.fillStyle="#fff",t.fillRect(c,u,i,l),t.lineWidth=.5,t.strokeStyle="#dbdbdb",t.strokeRect(c,u,i,l);const f=u+l*.18,h=l*.5,m=a.imageUrl,_=m&&this.images.get(m);if(_&&_.ok){_.used=performance.now();const $=_.img,P=Ro($)/Do($)||1,T=i/h;let A=0,S=0,C=Ro($),D=Do($);P>T?(C=D*T,A=(Ro($)-C)/2):(D=C/T,S=(Do($)-D)/2),t.drawImage($,A,S,C,D,c,f,i,h)}else t.fillStyle="#f2f2f2",t.fillRect(c,f,i,h),m&&r>=qc&&s.push(m);if(r<Fo)return;const y=Math.max(3.5,i*.07);t.textAlign="center",t.textBaseline="alphabetic",t.font=`700 ${y}px -apple-system, "Segoe UI", Arial, sans-serif`,t.fillStyle=Os(a)?"#0095f6":"#262626";const E=a.name||a.post_title||this.o.labels("wall.unknownGroup"),F=t.measureText(E).width>i*.95?jc(E,Math.max(6,Math.floor(E.length/2)+2),2):[E];if(t.direction=bo(E),F.forEach(($,P)=>t.fillText($,c+i/2,u+l*.06+P*y*1.1,i*.96)),this.mode==="bless"){const $=Math.max(3,i*.052),P=Math.max(10,Math.floor(i/($*.5))),T=yn(o),A=jc(T.text,P,4),S=f+h+$*1.5;t.font=`italic ${$}px Georgia, "Times New Roman", serif`,t.fillStyle="#262626",t.direction=bo(T.text),A.forEach((C,D)=>t.fillText(C,c+i/2,S+D*$*1.25,i*.96)),t.font=`${$*.82}px -apple-system, "Segoe UI", Arial, sans-serif`,t.fillStyle="#8e8e8e",t.direction=bo(T.ref),t.fillText(T.ref,c+i/2,S+A.length*$*1.25+$*.4,i*.96);return}t.font=`${Math.max(3,i*.055)}px -apple-system, "Segoe UI", Arial, sans-serif`,t.fillStyle="#8e8e8e",a.status&&(t.direction=bo(a.status),t.fillText(a.status,c+i/2,u+l*.14,i*.96)),t.direction="inherit";const O=this.socialLayout(n),v=this.o.prayCount(a);t.lineWidth=1.8,t.lineJoin="round",t.lineCap="round";for(const[$,P]of[["heart",O.hx],["comment",O.cx],["plane",O.px]]){t.save(),t.translate(P,O.by),t.scale(O.bs/24,O.bs/24);const T=$==="heart"&&v>0;t.strokeStyle=T?"#ed4956":"#262626",T&&(t.fillStyle="#ed4956",t.fill(this.icons[$])),t.stroke(this.icons[$]),t.restore()}t.textAlign="left",t.font=`600 ${O.pf}px -apple-system, "Segoe UI", Arial, sans-serif`,t.fillStyle="#262626",t.fillText(this.o.labels("wall.prayedCount",{n:v},v),O.hx,O.by+O.bs+O.pf+2,i*.9),t.font=`${O.pf}px -apple-system, "Segoe UI", Arial, sans-serif`,t.fillStyle="#8e8e8e",t.fillText(this.o.labels("wall.viewPrayers"),O.hx,O.by+O.bs+O.pf*2+4,i*.9)}socialLayout(t){const o=t.w,n=Math.max(8,o*.12),r=n*.7,s=r*1.6,a=t.x+(o-(r*3+s*2))/2,i=t.y+t.h*.72;return{bs:r,hx:a,cx:a+s,px:a+s*2,by:i,pf:Math.max(3.5,o*.065)}}hit(t,o){if(this.posterOn){const[u,f]=this.toWorld(t,o),h=this.sp.cards.find(y=>u>=y.x&&u<=y.x+y.w&&f>=y.y&&f<=y.y+y.h);if(!h||h.w*this.scale<Fo||h.i>=this.groups.length)return null;const m=this.textCache.get(h.i),_=h.y+(m?m.ct.padIn*this.sp.pxPerIn+m.nameLines.length*m.ct.name.pt*(this.sp.pxPerIn/72)*m.ct.nameLine:h.h*.12);return{i:h.i,region:f<=_?"name":"card"}}if(!this.grid||this.grid.cw*this.scale<Fo)return null;const[n,r]=this.toWorld(t,o),s=this.grid,a=Math.floor((n-s.spacing)/(s.cw+s.spacing)),i=Math.floor((r-s.vSpacing)/(s.ch+s.vSpacing));if(a<0||a>=s.cols||i<0)return null;const l=i*s.cols+a;if(l>=this.groups.length)return null;const c=this.cardRect(l);if(n<c.x||n>c.x+c.w||r<c.y||r>c.y+c.h)return null;if(r<c.y+c.h*.12)return{i:l,region:"name"};if(this.mode==="social"){const u=this.socialLayout(c);if(r>=u.by&&r<=u.by+u.bs){if(n>=u.hx&&n<=u.hx+u.bs)return{i:l,region:"heart"};if(n>=u.cx&&n<=u.cx+u.bs)return{i:l,region:"comment"};if(n>=u.px&&n<=u.px+u.bs)return{i:l,region:"share"}}if(r>u.by+u.bs+u.pf&&r<u.by+u.bs+u.pf*2+6)return{i:l,region:"view"}}return{i:l,region:"card"}}onMove(t){const o=this.hit(t.offsetX,t.offsetY),n=o&&this.groups[o.i],r=o&&o.region==="name"&&Os(n);this.canvas.style.cursor=o&&(r||["heart","comment","share","view"].includes(o.region))?"pointer":""}onClick(t){if(t.defaultPrevented)return;const o=this.hit(t.offsetX,t.offsetY);if(!o)return;const n=this.groups[o.i];if(o.region==="name"){const r=Os(n);r&&window.open(r,"_blank","noopener,noreferrer")}else o.region==="heart"?this.o.onPray(n):o.region==="comment"||o.region==="view"?this.o.onComments(n):o.region==="share"&&this.o.onShare(n)}load(t){var o,n;for(const r of t)!this.images.has(r)&&!this.queue.includes(r)&&this.queue.push(r);for(;this.loading<um&&this.queue.length;){const r=this.queue.shift(),s=new Image,a={img:s,ok:!1,used:performance.now()};this.images.set(r,a),this.loading++,s.decoding="async",s.onload=()=>{this.stats.loaded++,this.thumbnail(s).then(i=>{i&&(a.img=i),a.ok=!0,this.loading--,this.request(),this.load([])})},s.onerror=()=>{this.loading--,this.load([])},s.src=r}if(this.images.size>Yc){const r=[...this.images.entries()].filter(([,s])=>s.ok).sort((s,a)=>s[1].used-a[1].used);for(const[s,a]of r.slice(0,this.images.size-Yc))(n=(o=a.img)==null?void 0:o.close)==null||n.call(o),this.images.delete(s)}}async thumbnail(t){var i;const o=t.naturalWidth,n=t.naturalHeight;if(!o||!n||Math.max(o,n)<=Xc)return null;const r=Xc/Math.max(o,n),s=Math.max(1,Math.round(o*r)),a=Math.max(1,Math.round(n*r));if(typeof createImageBitmap=="function")try{const l=await createImageBitmap(t,{resizeWidth:s,resizeHeight:a,resizeQuality:"medium"});if(l.width===s&&l.height===a)return this.stats.thumbs++,l;(i=l.close)==null||i.call(l)}catch{}try{const l=document.createElement("canvas");return l.width=s,l.height=a,l.getContext("2d").drawImage(t,0,0,s,a),this.stats.thumbs++,this.stats.thumbsFallback++,l}catch{return null}}destroy(){var t,o,n,r,s,a;this.raf&&cancelAnimationFrame(this.raf),(t=this.ro)==null||t.disconnect(),this.sel.on(".zoom",null),this.canvas.removeEventListener("click",this._click),this.canvas.removeEventListener("mousemove",this._move);for(const i of this.images.values())i.img&&(i.img.onload=i.img.onerror=null,"src"in i.img&&(i.img.src=""),(n=(o=i.img).close)==null||n.call(o));this.images.clear(),this.queue=[],this.canvas.remove(),(r=this.ov)==null||r.remove(),this.ov=this.ovRoot=this.ovw=this.sp=null,(s=this.textCache)==null||s.clear(),(a=this.estCache)==null||a.clear()}}function Jc(e,{autoprint:t=!1}={}){const o=document.createElement("iframe");o.setAttribute("aria-hidden","true"),o.style.cssText="position:fixed;right:0;bottom:0;width:1px;height:1px;opacity:0;border:0",document.body.appendChild(o);const n=o.contentDocument;if(!n)return o.remove(),null;n.open(),n.write(e),t&&n.write('<script>window.addEventListener("load",function(){setTimeout(function(){window.focus();window.print()},150)})<\/script>'),n.close();let r=null;const s=()=>{clearTimeout(r),o.parentNode&&o.remove()};r=setTimeout(s,tu);try{const a=o.contentWindow;a.addEventListener("afterprint",()=>setTimeout(s,0)),a.addEventListener("load",()=>setTimeout(s,eu),{once:!0})}catch{setTimeout(s,eu)}return o.contentWindow}async function fm(e,{onNeedsTap:t=null,imageWaitMs:o=2e4,labels:n=null}={}){if(!Zc())return Jc(e,{autoprint:!0})?"frame":"blocked";const r=gm(e);if(!r)return"blocked";await r.imagesLoaded(o);const s=typeof navigator<"u"?navigator.userActivation:null;if(s&&s.isActive===!1){const a=()=>{r.live()&&window.print()};return typeof t=="function"?t(a,r.drop):hm(a,r.drop,n||{}),"needs-tap"}return window.print(),"page"}function Zc(){if(typeof navigator>"u")return!1;const e=navigator.userAgent||"";return/Android|iPhone|iPad|iPod/i.test(e)||/Macintosh/.test(e)&&(navigator.maxTouchPoints||0)>1}const Qc="dxm-print-tap";function hm(e,t,o={}){if(typeof document>"u"||!document.body){e();return}const n=document.getElementById(Qc);n&&n.remove();const r=document.createElement("div");r.id=Qc,r.setAttribute("role","dialog"),r.setAttribute("aria-live","polite"),r.style.cssText="position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:2147483647;display:flex;gap:8px;align-items:center;padding:8px;border-radius:14px;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.25);font:16px/1.2 system-ui,sans-serif";const s=document.createElement("button");s.type="button",s.textContent=o.print||"Print",s.style.cssText="min-height:44px;min-width:96px;padding:0 18px;border:0;border-radius:10px;background:#3b463d;color:#fff;font:inherit;font-weight:600";const a=document.createElement("button");a.type="button",a.textContent="×",a.setAttribute("aria-label",o.close||"Close"),a.style.cssText="min-height:44px;min-width:44px;border:0;border-radius:10px;background:#eef0ec;color:#3b463d;font:inherit;font-size:22px",s.addEventListener("click",()=>{r.remove(),e()}),a.addEventListener("click",()=>{r.remove(),t()}),r.append(s,a),document.body.appendChild(r)}const oa="dxm-print-root";let No=null;function gm(e){if(typeof document>"u"||!document.body||typeof DOMParser>"u")return null;No&&No.drop();for(const u of document.querySelectorAll("#"+oa+", style[data-dxm-print]"))u.remove();const t=new DOMParser().parseFromString(String(e),"text/html"),o="#"+oa,n=[...t.querySelectorAll("style")].map(u=>u.textContent).join(`
+.tag{position:absolute;right:${_(Math.max(.15,a*.1))};top:${_(Math.max(.1,a*.08))};font:600 ${_(Math.max(.12,a*.035))} sans-serif;color:#aaa}`;return{plan:r,css:C,pages:S,banner:i}}const lm=/^[^A-Za-z\u00C0-\u024F\u0370-\u052F\u0590-\u08FF\uFB1D-\uFDFF\uFE70-\uFEFF]*[\u0590-\u08FF\uFB1D-\uFDFF\uFE70-\uFEFF]/,bo=e=>lm.test(String(e||""))?"rtl":"ltr",cm={heart:"M12 20.5s-7.2-4.4-9.2-8.8C1.3 8.3 3.2 4.6 6.7 4.6c2 0 3.5 1.1 4.3 2.4.8-1.3 2.3-2.4 4.3-2.4 3.5 0 5.4 3.7 3.9 7.1-2 4.4-9.2 8.8-9.2 8.8z",comment:"M4 4.5h16v11.5H9.5L4 20.5z",plane:"M21 3.5 3 10.8l7 2.7 2.7 7 8.3-17z"};function Os(e){if(e&&e.slug)return`https://pray.doxa.life/${encodeURIComponent(e.slug)}?source=doxalife`;const t=e&&(e.peopleID3||e.PeopleID3);return t&&String(t).trim()?`https://joshuaproject.net/people_groups/${String(t).trim()}`:""}const Fo=40,qc=48,Kc=12,Yc=400,um=12,Xc=320,dm=150,Ro=e=>e.naturalWidth||e.width,Do=e=>e.naturalHeight||e.height;class pm{constructor(t,o){var r;this.host=t,this.o=o,this.groups=[],this.mode="bless",this.k0=1,this.ox=0,this.oy=0,this.t={k:1,x:0,y:0},this.images=new Map,this.stats={loaded:0,thumbs:0,thumbsFallback:0,measured:0,cardPx:0},this.loading=0,this.queue=[],this.canvas=document.createElement("canvas"),this.canvas.className="wall-canvas-el",this.canvas.style.cssText="display:block;width:100%;height:100%;touch-action:none",this.canvas.tabIndex=0,o.label&&this.canvas.setAttribute("aria-label",o.label),this.canvas.setAttribute("role","img"),t.appendChild(this.canvas),this.ctx=this.canvas.getContext("2d"),this.icons=Object.fromEntries(Object.entries(cm).map(([s,a])=>[s,new Path2D(a)]));const n=As();this.zoom=n.zoom().scaleExtent([.1,20]).filter(s=>(!s.ctrlKey||s.type==="wheel")&&!s.button).wheelDelta(s=>{const a=-s.deltaY*(s.deltaMode===1?.05:s.deltaMode?1:.002);return s.ctrlKey?Math.max(-.5,Math.min(.5,a*5)):a}).constrain(s=>this.constrain(s)).on("zoom",s=>{this.t=s.transform,this.request()}),this.sel=n.select(this.canvas).call(this.zoom).on("dblclick.zoom",null),this._click=s=>this.onClick(s),this._move=s=>this.onMove(s),this.canvas.addEventListener("click",this._click),this.canvas.addEventListener("mousemove",this._move),this.ro=typeof ResizeObserver<"u"?new ResizeObserver(()=>this.resize()):null,(r=this.ro)==null||r.observe(t),this.resize()}setWorld(t,o){this.o.worldW=t,this.o.worldH=o,this.layout(),this.resize()}setGroups(t){this.groups=t||[],this.layout(),this.request()}setMode(t){this.mode=t,this.showPoster(),this.resize(),this.startView(96)}setPoster(t){this.sp=t,this.textCache=new Map,this.estCache=new Map,this.ov||(this.ov=document.createElement("div"),this.ov.style.cssText="position:absolute;inset:0;overflow:hidden;pointer-events:none",getComputedStyle(this.host).position==="static"&&(this.host.style.position="relative"),this.host.appendChild(this.ov),this.ovRoot=this.ov.attachShadow?this.ov.attachShadow({mode:"open"}):this.ov),this.ovRoot.innerHTML=`<style>${t.css}
+.ovw{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}.ovw a{pointer-events:auto}.ovw .sheet{content-visibility:auto}</style><div class="ovw poster" style="width:${t.worldW}px;height:${t.worldH}px;transform:scale(0)">${t.chromeHtml}</div>`,this.ovw=this.ovRoot.querySelector(".ovw"),this.showPoster(),this.resize()}get posterOn(){return this.mode==="bless"&&!!this.sp}showPoster(){this.ov&&(this.ov.style.display=this.posterOn?"":"none")}get worldW(){return this.posterOn?this.sp.worldW:this.o.worldW}get worldH(){return this.posterOn?this.sp.worldH:this.o.worldH}fitAll(){this.sel.call(this.zoom.transform,As().zoomIdentity)}layout(){const t=this.groups.length;this.grid=t?Qg(t,this.o.worldW,this.o.worldH,this.o.spacing,this.o.vSpacing):null}resize(){const t=this.host.getBoundingClientRect(),o=Math.min(2,window.devicePixelRatio||1);this.cssW=Math.max(1,t.width),this.cssH=Math.max(1,t.height),this.canvas.width=Math.round(this.cssW*o),this.canvas.height=Math.round(this.cssH*o),this.dpr=o,this.k0=Math.min(this.cssW/this.worldW,this.cssH/this.worldH),this.ox=(this.cssW-this.worldW*this.k0)/2,this.oy=(this.cssH-this.worldH*this.k0)/2,this.request()}get scale(){return this.k0*this.t.k}get tx(){return this.t.x+this.t.k*this.ox}get ty(){return this.t.y+this.t.k*this.oy}toScreen(t,o){return[this.tx+t*this.scale,this.ty+o*this.scale]}toWorld(t,o){return[(t-this.tx)/this.scale,(o-this.ty)/this.scale]}constrain(t){const o=this.worldW*this.k0,n=this.worldH*this.k0,r=this.cssW/2,s=this.cssH/2,a=t.x+t.k*this.ox,i=t.y+t.k*this.oy,l=a>r?r-a:a+t.k*o<r?r-a-t.k*o:0,c=i>s?s-i:i+t.k*n<s?s-i-t.k*n:0;return l||c?t.translate(l/t.k,c/t.k):t}startView(t=96){if(this.posterOn)return this.fitAll();if(!this.grid)return;const o=Math.max(1,Math.min(20,t/(this.grid.cw*this.k0)));this.sel.call(this.zoom.transform,As().zoomIdentity.translate(this.ox*(1-o),this.oy*(1-o)).scale(o))}resetZoom(){this.sel.transition().duration(750).call(this.zoom.transform,As().zoomIdentity)}request(){this.raf||(this.raf=requestAnimationFrame(()=>{this.raf=0,this.draw()}))}cardRect(t){const o=this.grid,n=t%o.cols,r=Math.floor(t/o.cols);return{x:n*(o.cw+o.spacing)+o.spacing,y:r*(o.ch+o.vSpacing)+o.vSpacing,w:o.cw,h:o.ch}}visibleRange(){const t=this.grid,[o,n]=this.toWorld(0,0),[r,s]=this.toWorld(this.cssW,this.cssH),a=t.cw+t.spacing,i=t.ch+t.vSpacing,l=Math.ceil(t.n/t.cols);return{c0:Math.max(0,Math.floor(o/a)-1),c1:Math.min(t.cols-1,Math.floor(r/a)+1),r0:Math.max(0,Math.floor(n/i)-1),r1:Math.min(l-1,Math.floor(s/i)+1)}}draw(){const t=this.ctx;if(t.setTransform(1,0,0,1,0,0),t.clearRect(0,0,this.canvas.width,this.canvas.height),!this.grid)return;const o=this.scale,n=this.tx,r=this.ty;if(t.setTransform(this.dpr*o,0,0,this.dpr*o,this.dpr*n,this.dpr*r),this.posterOn)return this.drawPoster(t,o,n,r);const s=this.grid.cw*o;this.stats.cardPx=Math.round(s);const{c0:a,c1:i,r0:l,r1:c}=this.visibleRange(),u=[];for(let f=l;f<=c;f++)for(let h=a;h<=i;h++){const m=f*this.grid.cols+h;if(m>=this.groups.length)break;const _=this.cardRect(m);if(s<Kc){t.fillStyle="#e6e6e6",t.fillRect(_.x,_.y,_.w,_.h);continue}this.drawCard(t,m,_,s,u)}u.length&&this.load(u)}drawPoster(t,o,n,r){var h;const s=this.sp;this.ovw&&(this.ovw.style.transform=`translate(${n}px,${r}px) scale(${o})`),t.save(),t.setTransform(1,0,0,1,0,0),t.fillStyle="#d4d4d4",t.fillRect(0,0,this.canvas.width,this.canvas.height),t.restore(),t.fillStyle="rgba(0,0,0,.16)";for(const m of s.sheets)t.fillRect(m.x+3/o,m.y+3/o,m.w,m.h);t.fillStyle="#fff";for(const m of s.sheets)t.fillRect(m.x,m.y,m.w,m.h);const[a,i]=this.toWorld(0,0),[l,c]=this.toWorld(this.cssW,this.cssH),u=(((h=s.cards[0])==null?void 0:h.w)||0)*o,f=[];this.stats.cardPx=Math.round(u),this.measureBudget=dm,this.measureMore=!1;for(const m of s.cards)if(!(m.x+m.w<a||m.x>l||m.y+m.h<i||m.y>c)&&!(m.i>=this.groups.length)){if(u<Kc){t.fillStyle="#e6e6e6",t.fillRect(m.x+m.w*.04,m.y+m.h*.04,m.w*.92,m.h*.92);continue}this.drawPrintCard(t,m,u,f)}f.length&&this.load(f),this.measureMore&&this.request()}drawPrintCard(t,o,n,r){const s=this.groups[o.i],a=this.sp,i=a.pxPerIn,l=i/72,c=s.name||s.post_title||"";let u=this.textCache.get(o.i);const f=u?u.ct:ta(a.plan,c),h=f.padIn*i,m=o.w-2*h,_=o.x+h,y=o.x+o.w/2,E=f.name.pt*l,F=f.versePt*l,O=f.refPt*l;if(!u&&(n<Fo||this.measureBudget<=0)){if(n>=Fo&&(this.measureMore=!0),u=this.estCache.get(o.i),!u){const D=(X,q)=>Math.max(1,Math.ceil(String(X).length*.5*q/Math.max(1,m)));u={ct:f,estimate:!0,nameLines:Array(f.name.wrap?f.name.lines:1).fill(""),verse:f.readable?{lines:Array(D(yn(o.i).text,F)).fill(""),ref:""}:null},this.estCache.set(o.i,u)}}else if(!u){this.measureBudget--,this.stats.measured++,t.font=`700 ${E}px -apple-system, "Segoe UI", Arial, sans-serif`;const D=f.name.wrap?this.breakLines(t,c,m,f.name.lines):[c];let X=null;if(f.readable){const q=yn(o.i);t.font=`italic ${F}px Georgia, "Times New Roman", serif`,X={lines:this.breakLines(t,q.text,m,99),ref:q.ref}}u={ct:f,nameLines:D,verse:X},this.textCache.set(o.i,u)}const v=u.nameLines.length*E*f.nameLine,$=u.verse?u.verse.lines.length*F*f.verseLine+f.refGapPt*l+O*1.2:0,P=f.imgMarginIn*i,T=o.y+h+v+P,A=Math.max(0,o.h-2*h-v-$-2*P),S=s.imageUrl,C=S&&this.images.get(S);if(C&&C.ok){C.used=performance.now();const D=C.img,X=Ro(D)/Do(D)||1,q=m/(A||1);let z=0,ee=0,ue=Ro(D),te=Do(D);X>q?(ue=te*q,z=(Ro(D)-ue)/2):(te=ue/q,ee=(Do(D)-te)/2),t.drawImage(D,z,ee,ue,te,_,T,m,A)}else t.fillStyle="#eee",t.fillRect(_,T,m,A),S&&n>=qc&&r.push(S);if(!(n<Fo||u.estimate)){if(t.textAlign="center",t.textBaseline="top",t.font=`700 ${E}px -apple-system, "Segoe UI", Arial, sans-serif`,t.fillStyle="#1c1c1c",t.direction=bo(c),u.nameLines.forEach((D,X)=>t.fillText(D,y,o.y+h+X*E*f.nameLine,m)),u.verse){let D=T+A+P;t.font=`italic ${F}px Georgia, "Times New Roman", serif`,t.fillStyle="#1c1c1c",t.direction=bo(u.verse.lines[0]);for(const X of u.verse.lines)t.fillText(X,y,D,m),D+=F*f.verseLine;t.font=`${O}px Georgia, "Times New Roman", serif`,t.fillStyle="#777",t.direction=bo(u.verse.ref),t.fillText(u.verse.ref,y,D+f.refGapPt*l,m)}t.textBaseline="alphabetic",t.direction="inherit"}}breakLines(t,o,n,r){const s=[];let a="";for(const i of String(o).split(/\s+/)){const l=a?a+" "+i:i;if(t.measureText(l).width<=n){a=l;continue}for(a&&s.push(a),a=i;t.measureText(a).width>n&&a.length>1;){let c=a.length-1;for(;c>1&&t.measureText(a.slice(0,c)).width>n;)c--;s.push(a.slice(0,c)),a=a.slice(c)}}return a&&s.push(a),s.slice(0,r)}drawCard(t,o,n,r,s){const a=this.groups[o],i=n.w,l=n.h,c=n.x,u=n.y;t.fillStyle="#fff",t.fillRect(c,u,i,l),t.lineWidth=.5,t.strokeStyle="#dbdbdb",t.strokeRect(c,u,i,l);const f=u+l*.18,h=l*.5,m=a.imageUrl,_=m&&this.images.get(m);if(_&&_.ok){_.used=performance.now();const $=_.img,P=Ro($)/Do($)||1,T=i/h;let A=0,S=0,C=Ro($),D=Do($);P>T?(C=D*T,A=(Ro($)-C)/2):(D=C/T,S=(Do($)-D)/2),t.drawImage($,A,S,C,D,c,f,i,h)}else t.fillStyle="#f2f2f2",t.fillRect(c,f,i,h),m&&r>=qc&&s.push(m);if(r<Fo)return;const y=Math.max(3.5,i*.07);t.textAlign="center",t.textBaseline="alphabetic",t.font=`700 ${y}px -apple-system, "Segoe UI", Arial, sans-serif`,t.fillStyle=Os(a)?"#0095f6":"#262626";const E=a.name||a.post_title||this.o.labels("wall.unknownGroup"),F=t.measureText(E).width>i*.95?jc(E,Math.max(6,Math.floor(E.length/2)+2),2):[E];if(t.direction=bo(E),F.forEach(($,P)=>t.fillText($,c+i/2,u+l*.06+P*y*1.1,i*.96)),this.mode==="bless"){const $=Math.max(3,i*.052),P=Math.max(10,Math.floor(i/($*.5))),T=yn(o),A=jc(T.text,P,4),S=f+h+$*1.5;t.font=`italic ${$}px Georgia, "Times New Roman", serif`,t.fillStyle="#262626",t.direction=bo(T.text),A.forEach((C,D)=>t.fillText(C,c+i/2,S+D*$*1.25,i*.96)),t.font=`${$*.82}px -apple-system, "Segoe UI", Arial, sans-serif`,t.fillStyle="#8e8e8e",t.direction=bo(T.ref),t.fillText(T.ref,c+i/2,S+A.length*$*1.25+$*.4,i*.96);return}t.font=`${Math.max(3,i*.055)}px -apple-system, "Segoe UI", Arial, sans-serif`,t.fillStyle="#8e8e8e",a.status&&(t.direction=bo(a.status),t.fillText(a.status,c+i/2,u+l*.14,i*.96)),t.direction="inherit";const O=this.socialLayout(n),v=this.o.prayCount(a);t.lineWidth=1.8,t.lineJoin="round",t.lineCap="round";for(const[$,P]of[["heart",O.hx],["comment",O.cx],["plane",O.px]]){t.save(),t.translate(P,O.by),t.scale(O.bs/24,O.bs/24);const T=$==="heart"&&v>0;t.strokeStyle=T?"#ed4956":"#262626",T&&(t.fillStyle="#ed4956",t.fill(this.icons[$])),t.stroke(this.icons[$]),t.restore()}t.textAlign="left",t.font=`600 ${O.pf}px -apple-system, "Segoe UI", Arial, sans-serif`,t.fillStyle="#262626",t.fillText(this.o.labels("wall.prayedCount",{n:v},v),O.hx,O.by+O.bs+O.pf+2,i*.9),t.font=`${O.pf}px -apple-system, "Segoe UI", Arial, sans-serif`,t.fillStyle="#8e8e8e",t.fillText(this.o.labels("wall.viewPrayers"),O.hx,O.by+O.bs+O.pf*2+4,i*.9)}socialLayout(t){const o=t.w,n=Math.max(8,o*.12),r=n*.7,s=r*1.6,a=t.x+(o-(r*3+s*2))/2,i=t.y+t.h*.72;return{bs:r,hx:a,cx:a+s,px:a+s*2,by:i,pf:Math.max(3.5,o*.065)}}hit(t,o){if(this.posterOn){const[u,f]=this.toWorld(t,o),h=this.sp.cards.find(y=>u>=y.x&&u<=y.x+y.w&&f>=y.y&&f<=y.y+y.h);if(!h||h.w*this.scale<Fo||h.i>=this.groups.length)return null;const m=this.textCache.get(h.i),_=h.y+(m?m.ct.padIn*this.sp.pxPerIn+m.nameLines.length*m.ct.name.pt*(this.sp.pxPerIn/72)*m.ct.nameLine:h.h*.12);return{i:h.i,region:f<=_?"name":"card"}}if(!this.grid||this.grid.cw*this.scale<Fo)return null;const[n,r]=this.toWorld(t,o),s=this.grid,a=Math.floor((n-s.spacing)/(s.cw+s.spacing)),i=Math.floor((r-s.vSpacing)/(s.ch+s.vSpacing));if(a<0||a>=s.cols||i<0)return null;const l=i*s.cols+a;if(l>=this.groups.length)return null;const c=this.cardRect(l);if(n<c.x||n>c.x+c.w||r<c.y||r>c.y+c.h)return null;if(r<c.y+c.h*.12)return{i:l,region:"name"};if(this.mode==="social"){const u=this.socialLayout(c);if(r>=u.by&&r<=u.by+u.bs){if(n>=u.hx&&n<=u.hx+u.bs)return{i:l,region:"heart"};if(n>=u.cx&&n<=u.cx+u.bs)return{i:l,region:"comment"};if(n>=u.px&&n<=u.px+u.bs)return{i:l,region:"share"}}if(r>u.by+u.bs+u.pf&&r<u.by+u.bs+u.pf*2+6)return{i:l,region:"view"}}return{i:l,region:"card"}}onMove(t){const o=this.hit(t.offsetX,t.offsetY),n=o&&this.groups[o.i],r=o&&o.region==="name"&&Os(n);this.canvas.style.cursor=o&&(r||["heart","comment","share","view"].includes(o.region))?"pointer":""}onClick(t){if(t.defaultPrevented)return;const o=this.hit(t.offsetX,t.offsetY);if(!o)return;const n=this.groups[o.i];if(o.region==="name"){const r=Os(n);r&&window.open(r,"_blank","noopener,noreferrer")}else o.region==="heart"?this.o.onPray(n):o.region==="comment"||o.region==="view"?this.o.onComments(n):o.region==="share"&&this.o.onShare(n)}load(t){var o,n;for(const r of t)!this.images.has(r)&&!this.queue.includes(r)&&this.queue.push(r);for(;this.loading<um&&this.queue.length;){const r=this.queue.shift(),s=new Image,a={img:s,ok:!1,used:performance.now()};this.images.set(r,a),this.loading++,s.decoding="async",s.onload=()=>{this.stats.loaded++,this.thumbnail(s).then(i=>{i&&(a.img=i),a.ok=!0,this.loading--,this.request(),this.load([])})},s.onerror=()=>{this.loading--,this.load([])},s.src=r}if(this.images.size>Yc){const r=[...this.images.entries()].filter(([,s])=>s.ok).sort((s,a)=>s[1].used-a[1].used);for(const[s,a]of r.slice(0,this.images.size-Yc))(n=(o=a.img)==null?void 0:o.close)==null||n.call(o),this.images.delete(s)}}async thumbnail(t){var i;const o=t.naturalWidth,n=t.naturalHeight;if(!o||!n||Math.max(o,n)<=Xc)return null;const r=Xc/Math.max(o,n),s=Math.max(1,Math.round(o*r)),a=Math.max(1,Math.round(n*r));if(typeof createImageBitmap=="function")try{const l=await createImageBitmap(t,{resizeWidth:s,resizeHeight:a,resizeQuality:"medium"});if(l.width===s&&l.height===a)return this.stats.thumbs++,l;(i=l.close)==null||i.call(l)}catch{}try{const l=document.createElement("canvas");return l.width=s,l.height=a,l.getContext("2d").drawImage(t,0,0,s,a),this.stats.thumbs++,this.stats.thumbsFallback++,l}catch{return null}}destroy(){var t,o,n,r,s,a;this.raf&&cancelAnimationFrame(this.raf),(t=this.ro)==null||t.disconnect(),this.sel.on(".zoom",null),this.canvas.removeEventListener("click",this._click),this.canvas.removeEventListener("mousemove",this._move);for(const i of this.images.values())i.img&&(i.img.onload=i.img.onerror=null,"src"in i.img&&(i.img.src=""),(n=(o=i.img).close)==null||n.call(o));this.images.clear(),this.queue=[],this.canvas.remove(),(r=this.ov)==null||r.remove(),this.ov=this.ovRoot=this.ovw=this.sp=null,(s=this.textCache)==null||s.clear(),(a=this.estCache)==null||a.clear()}}function Jc(e,{autoprint:t=!1}={}){const o=document.createElement("iframe");o.setAttribute("aria-hidden","true"),o.style.cssText="position:fixed;right:0;bottom:0;width:1px;height:1px;opacity:0;border:0",document.body.appendChild(o);const n=o.contentDocument;if(!n)return o.remove(),null;n.open(),n.write(e),t&&n.write('<script>window.addEventListener("load",function(){setTimeout(function(){window.focus();window.print()},150)})<\/script>'),n.close();let r=null;const s=()=>{clearTimeout(r),o.parentNode&&o.remove()};r=setTimeout(s,tu);try{const a=o.contentWindow;a.addEventListener("afterprint",()=>setTimeout(s,0)),a.addEventListener("load",()=>setTimeout(s,eu),{once:!0})}catch{setTimeout(s,eu)}return o.contentWindow}async function fm(e,{onNeedsTap:t=null,imageWaitMs:o=2e4,labels:n=null}={}){if(!Zc())return Jc(e,{autoprint:!0})?"frame":"blocked";const r=gm(e);if(!r)return"blocked";await r.imagesLoaded(o);const s=typeof navigator<"u"?navigator.userActivation:null;if(s&&s.isActive===!1){const a=()=>{r.live()&&window.print()};return typeof t=="function"?t(a,r.drop):hm(a,r.drop,n||{}),"needs-tap"}return window.print(),"page"}function Zc(){if(typeof navigator>"u")return!1;const e=navigator.userAgent||"";return/Android|iPhone|iPad|iPod/i.test(e)||/Macintosh/.test(e)&&(navigator.maxTouchPoints||0)>1}const Qc="dxm-print-tap";function hm(e,t,o={}){if(typeof document>"u"||!document.body){e();return}const n=document.getElementById(Qc);n&&n.remove();const r=document.createElement("div");r.id=Qc,r.setAttribute("role","dialog"),r.setAttribute("aria-live","polite"),r.style.cssText="position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:2147483647;display:flex;gap:8px;align-items:center;padding:8px;border-radius:14px;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.25);font:16px/1.2 system-ui,sans-serif";const s=document.createElement("button");s.type="button",s.textContent=o.print||"Print",s.style.cssText="min-height:44px;min-width:96px;padding:0 18px;border:0;border-radius:10px;background:#3b463d;color:#fff;font:inherit;font-weight:600";const a=document.createElement("button");a.type="button",a.textContent="×",a.setAttribute("aria-label",o.close||"Close"),a.style.cssText="min-height:44px;min-width:44px;border:0;border-radius:10px;background:#eef0ec;color:#3b463d;font:inherit;font-size:22px",s.addEventListener("click",()=>{r.remove(),e()}),a.addEventListener("click",()=>{r.remove(),t()}),r.append(s,a),document.body.appendChild(r)}const oa="dxm-print-root";let No=null;function gm(e){if(typeof document>"u"||!document.body||typeof DOMParser>"u")return null;No&&No.drop();for(const u of document.querySelectorAll("#"+oa+", style[data-dxm-print]"))u.remove();const t=new DOMParser().parseFromString(String(e),"text/html"),o="#"+oa,n=[...t.querySelectorAll("style")].map(u=>u.textContent).join(`
 `),r=document.createElement("style");r.setAttribute("data-dxm-print",""),r.textContent=`@media screen{${o}{display:none!important}}@media print{html,body{margin:0;padding:0;background:#fff}html:root,html:root body{overflow:visible!important;max-height:none!important}html:root body>*:not(${o}){display:none!important}${o}{display:block!important}}@media print{${n}}`;const s=document.createElement("div");s.id=oa;for(const u of["lang","dir"]){const f=t.documentElement.getAttribute(u);f&&s.setAttribute(u,f)}for(const u of[...t.body.childNodes])s.appendChild(document.importNode(u,!0));for(const u of s.querySelectorAll("img"))u.loading="eager";document.head.appendChild(r),document.body.appendChild(s);let a=null;const i=()=>setTimeout(c,0),l={live:()=>No===l,drop:c,imagesLoaded:u=>{const f=[...s.querySelectorAll("img")].filter(m=>!m.complete);if(!f.length)return Promise.resolve();const h=f.map(m=>new Promise(_=>{m.addEventListener("load",_,{once:!0}),m.addEventListener("error",_,{once:!0})}));return Promise.race([Promise.all(h),new Promise(m=>setTimeout(m,u))])}};function c(){clearTimeout(a),window.removeEventListener("afterprint",i),s.remove(),r.remove(),No===l&&(No=null)}return window.addEventListener("afterprint",i),a=setTimeout(c,tu),No=l,l}const eu=6e4,tu=6e5;function na(e){let t=null;try{t=e.document.images}catch{return null}if(!t)return null;let o=0,n=0;for(const r of t)r.complete&&(o++,r.naturalWidth||n++);return{n:o,total:t.length,failed:n}}function mm(e,{onProgress:t=()=>{},onDone:o=()=>{},every:n=500,ceilingMs:r=6e5}={}){let s=null,a=null,i=!1;const l=u=>{i||(i=!0,clearInterval(s),clearTimeout(a),o(u))},c=()=>{if(e.closed)return l(null);const u=na(e);u&&u.total&&t(u)};if(c(),i)return()=>{};s=setInterval(c,n),a=setTimeout(()=>l(na(e)),r);try{e.addEventListener("load",()=>l(na(e)),{once:!0})}catch{l(null)}return()=>l(null)}function $m(e){for(let t=e;t;t=t.parentNode||t.host)if(t.nodeType===1&&t.hasAttribute("data-doxa-help"))return!0;return!1}function bm(e){e&&e.dispatchEvent&&e.dispatchEvent(new CustomEvent("doxa:help",{bubbles:!0,composed:!0}))}function _m(){const e=gt(),t=Ee(!1);return Qo(()=>{t.value=$m(e&&e.proxy&&e.proxy.$el)}),{hosted:t,askForHelp:o=>bm(o||e&&e.proxy&&e.proxy.$el)}}const ym={name:"PeopleGroupsWall",inject:{profileConfig:{default:null}},setup(){const{hosted:e,askForHelp:t}=_m();return{helpHosted:e,askForHelp:t}},data(){return{mode:"bless",posterPreset:wn,posterPresets:Object.entries(Is).map(([e,t])=>({id:e,label:"⁦"+t.label+(t.sheets>1?" · "+t.sheets+"×":"")+"⁩"})),printing:!1,printProgress:null,toast:"",cardWidth:50,cardHeight:70,cardSpacing:8,cardVerticalSpacing:8,canvasWidth:0,canvasHeight:0,isLandscape:!0,lodState:{mode:"placeholder",loaded:0,total:0,cardPx:0}}},computed:{loading(){var e;return((e=this.$store)==null?void 0:e.loading)||!1},totalGroups(){var e;return((e=this.$store)==null?void 0:e.totalGroups)||0},peopleGroups(){var e;return((e=this.$store)==null?void 0:e.peopleGroups)||[]},loadError(){var e;return((e=this.$store)==null?void 0:e.error)||null},printLabel(){const e=this.printing&&this.printProgress;return e?this.$t("wall.printPreparing",{n:e.n.toLocaleString("en-US"),total:e.total.toLocaleString("en-US")}):this.$t("wall.printPoster")}},mounted(){var e,t,o;try{const n=(o=(t=(e=this.$el)==null?void 0:e.getRootNode)==null?void 0:t.call(e))==null?void 0:o.host;n&&(n.__wallLod=()=>({...this.lodState,cardPx:this._wc?this._wc.stats.cardPx:this.lodState.cardPx,stats:this._wc?{...this._wc.stats}:null}))}catch{}this.initializeCanvas(),this.fetchData(),this.$watch(()=>{var n;return(n=this.$store)==null?void 0:n.prayers},()=>{var n;return(n=this._wc)==null?void 0:n.request()},{deep:!0}),this.$watch(()=>{var n;return(n=this.$i18n)==null?void 0:n.locale},()=>{var n;this.showPoster(),(n=this._wc)==null||n.request()}),this.$watch(()=>this.posterPreset,()=>this.showPoster())},beforeUnmount(){var e,t,o,n;(e=this._wc)==null||e.destroy(),this._wc=null;try{const r=(n=(o=(t=this.$el)==null?void 0:t.getRootNode)==null?void 0:o.call(t))==null?void 0:n.host;r&&delete r.__wallLod}catch{}},methods:{async fetchData(){this.$store?(this.$store.profileConfig=this.profileConfig,await this.$store.fetchPeopleGroups(),this.renderCards()):console.error("❌ Store not available!")},initializeCanvas(){if(this.canvasWidth=this.isLandscape?4e3:3e3,this.canvasHeight=this.isLandscape?3e3:4e3,this._wc){this._wc.setWorld(this.canvasWidth,this.canvasHeight);return}this._wc=new pm(this.$refs.canvas,{worldW:this.canvasWidth,worldH:this.canvasHeight,label:this.$t("wall.title"),spacing:this.cardSpacing,vSpacing:this.cardVerticalSpacing,labels:(e,t,o)=>o===void 0?this.$t(e,t):this.$t(e,t,o),prayCount:e=>{var t,o;return Number(e.peoplePraying||0)+(((o=(t=this.$store)==null?void 0:t.prayers)==null?void 0:o[e.ID])||0)},onPray:e=>this.openPrayerDialog(e),onComments:e=>this.openComments(e),onShare:e=>this.shareGroup(e)}),this._wc.setMode(this.mode)},renderCards(){!this._wc||!this.peopleGroups||this.peopleGroups.length===0||(this._wc.setGroups(this.peopleGroups),this.showPoster(),this.$nextTick(()=>{var e;return(e=this._wc)==null?void 0:e.startView(96)}),this.lodState={mode:"canvas",loaded:0,total:this.peopleGroups.length,cardPx:0})},onPrint(){return this.printBlessPoster()},printBlessPoster(){if(this.printing)return;const e=(this.peopleGroups||[]).map(r=>({name:r.name||r.post_title||"",imageUrl:r.imageUrl||""}));if(!e.length)return;this.printing=!0;const t=this.posterTexts(e.length);if(Zc()){fm(Uc(e,this.posterPreset,t),{labels:{print:this.$t("wall.printPoster"),close:this.$t("buttons.close")}}).finally(()=>setTimeout(()=>{this.printing=!1,this.printProgress=null},300));return}const o=Jc(Uc(e,this.posterPreset,t),{autoprint:!0}),n=()=>{this.printing=!1,this.printProgress=null};if(!o){n();return}mm(o,{onProgress:r=>{this.printProgress=r},onDone:r=>{r&&r.failed&&this.flash(this.$t("wall.printMissing",{n:r.failed.toLocaleString("en-US")}),1e4),setTimeout(n,300)}})},showPoster(){const e=(this.peopleGroups||[]).length;if(!this._wc||!e)return;const t=this.peopleGroups.map(o=>({name:o.name||o.post_title||""}));this._wc.setPoster(im(t,this.posterPreset,this.posterTexts(e))),this.mode==="bless"&&this._wc.fitAll()},posterTexts(e){var t,o;return{banner:this.$t("wall.blessBanner"),subtitle:this.$t("wall.posterSubtitle",{n:e.toLocaleString("en-US")}),glueHere:this.$t("wall.glueHere"),labels:{themesLabel:this.$t("wall.themesLabel"),oldTestament:this.$t("wall.oldTestament"),newTestament:this.$t("wall.newTestament"),theme_treasure:this.$t("wall.themeTreasure"),theme_mountain:this.$t("wall.themeMountain"),theme_sea:this.$t("wall.themeSea"),closing:this.$t("wall.posterClosing"),journey_called:this.$t("wall.journeyCalled"),journey_promised:this.$t("wall.journeyPromised"),journey_redeemed:this.$t("wall.journeyRedeemed"),journey_cornerstone:this.$t("wall.journeyCornerstone"),journey_children:this.$t("wall.journeyChildren"),journey_priesthood:this.$t("wall.journeyPriesthood"),journey_sent:this.$t("wall.journeySent")},lang:String(((t=this.$i18n)==null?void 0:t.locale)||"en"),dir:/^(ar|he|fa|ur)/.test(String(((o=this.$i18n)==null?void 0:o.locale)||""))?"rtl":"ltr"}},async shareGroup(e){const t=Os(e);if(!t)return;const o=e.name||e.post_title||"";if(typeof navigator<"u"&&navigator.share)try{await navigator.share({title:o,url:t});return}catch(n){if(n&&n.name==="AbortError")return}try{await navigator.clipboard.writeText(t),this.flash(this.$t("messages.copied"))}catch{window.open(t,"_blank","noopener,noreferrer")}},flash(e,t=2e3){const o={};this._toastToken=o,this.toast=e,setTimeout(()=>{this._toastToken===o&&(this.toast="")},t)},setMode(e){var t;this.mode!==e&&(this.mode=e,(t=this._wc)==null||t.setMode(e))},handlePrayer(e){this.openPrayerDialog(e)},openPrayerDialog(e){this.$emit("open-prayer",e)},openComments(e){this.$emit("open-comments",e)},truncateText(e,t){return e?e.length>t?e.substring(0,t)+"...":e:""},resetZoom(){var e;(e=this._wc)==null||e.resetZoom()},toggleOrientation(){this.isLandscape=!this.isLandscape,this.initializeCanvas(),this.renderCards()}}},wm={class:"wall-container"},vm={class:"wall-header"},Pm={class:"wall-controls"},Tm={class:"btn-label"},km={class:"current-mode"},Lm=["disabled","aria-busy"],Cm={key:1,class:"poster-size"},Sm=["value"],xm=["aria-label"],Mm=["aria-pressed"],Am=["aria-pressed"],Em=["aria-label","title"],Im={class:"group-count"},Om={ref:"canvas",class:"wall-canvas"},Fm={key:0,class:"wall-toast",role:"status"},Rm={key:1,class:"loading-overlay"},Dm={key:2,class:"wall-offline",role:"status"},Nm={class:"wall-offline-title"};function zm(e,t,o,n,r,s){return de(),$e("div",wm,[j("div",vm,[j("h1",null,oe(r.mode==="bless"?e.$t("wall.blessBanner"):e.$t("wall.title")),1),j("div",Pm,[r.mode==="social"?(de(),$e("button",{key:0,onClick:t[0]||(t[0]=(...a)=>s.toggleOrientation&&s.toggleOrientation(...a)),class:"control-btn orientation-btn"},[j("span",Tm,oe(r.isLandscape?e.$t("wall.toPortrait"):e.$t("wall.toLandscape")),1),j("span",km,oe(r.isLandscape?e.$t("wall.currentLandscape"):e.$t("wall.currentPortrait")),1)])):Ke("",!0),j("button",{onClick:t[1]||(t[1]=(...a)=>s.onPrint&&s.onPrint(...a)),class:At(["control-btn",{busy:r.printing}]),disabled:r.printing,"aria-busy":r.printing?"true":"false"},oe(s.printLabel),11,Lm),j("button",{onClick:t[2]||(t[2]=(...a)=>s.resetZoom&&s.resetZoom(...a)),class:"control-btn"},oe(e.$t("wall.resetZoom")),1),r.mode==="bless"?(de(),$e("label",Cm,[j("span",null,oe(e.$t("wall.posterSize")),1),Un(j("select",{"onUpdate:modelValue":t[3]||(t[3]=a=>r.posterPreset=a),class:"control-btn"},[(de(!0),$e(Ve,null,ar(r.posterPresets,a=>(de(),$e("option",{key:a.id,value:a.id},oe(a.label),9,Sm))),128))],512),[[xp,r.posterPreset]])])):Ke("",!0),j("div",{class:"mode-toggle",role:"group","aria-label":e.$t("wall.modeLabel")},[j("button",{type:"button",class:At(["control-btn",{on:r.mode==="bless"}]),"aria-pressed":r.mode==="bless"?"true":"false",onClick:t[4]||(t[4]=a=>s.setMode("bless"))},oe(e.$t("wall.modeBless")),11,Mm),j("button",{type:"button",class:At(["control-btn",{on:r.mode==="social"}]),"aria-pressed":r.mode==="social"?"true":"false",onClick:t[5]||(t[5]=a=>s.setMode("social"))},oe(e.$t("wall.modeSocial")),11,Am)],8,xm),n.helpHosted?(de(),$e("button",{key:2,type:"button",class:"control-btn wall-help","aria-label":e.$t("buttons.aboutThisMap"),title:e.$t("buttons.aboutThisMap"),onClick:t[6]||(t[6]=a=>n.askForHelp(a.currentTarget))},"?",8,Em)):Ke("",!0),j("span",Im,oe(e.$t("wall.groupsLoaded",{n:s.totalGroups})),1)])]),j("div",Om,null,512),r.toast?(de(),$e("div",Fm,oe(r.toast),1)):Ke("",!0),s.loading?(de(),$e("div",Rm,[t[8]||(t[8]=j("div",{class:"spinner"},null,-1)),j("p",null,oe(e.$t("wall.loading")),1)])):s.loadError&&s.totalGroups===0?(de(),$e("div",Dm,[j("p",Nm,oe(e.$t("wall.offlineTitle")),1),j("p",null,oe(e.$t("wall.offlineBody")),1),j("button",{type:"button",class:"control-btn",onClick:t[7]||(t[7]=(...a)=>s.fetchData&&s.fetchData(...a))},oe(e.$t("wall.tryAgain")),1)])):Ke("",!0)])}const Hm=Oo(ym,[["render",zm]]),jm='button:not([disabled]),[href],input:not([disabled]),textarea:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';function ou(e,t){if(!e)return()=>{};const o=e.getRootNode?e.getRootNode():document;let n=o.activeElement||document.activeElement;(!n||n===document.body)&&(n=o.querySelector&&o.querySelector("canvas.wall-canvas-el")||n);const r=()=>[...e.querySelectorAll(jm)],s=a=>{if(a.key==="Escape"){a.preventDefault(),a.stopPropagation(),t();return}if(a.key!=="Tab")return;const i=r();if(!i.length){a.preventDefault();return}const l=o.activeElement;a.shiftKey&&l===i[0]?(a.preventDefault(),i[i.length-1].focus()):!a.shiftKey&&l===i[i.length-1]&&(a.preventDefault(),i[0].focus())};return e.addEventListener("keydown",s),(r()[0]||e).focus(),()=>{e.removeEventListener("keydown",s);try{n&&n.focus&&n.focus()}catch{}}}const sa="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Crect width='100%25' height='100%25' fill='%23f3f3f1'/%3E%3Ctext x='50%25' y='50%25' fill='%236d766e' font-family='sans-serif' font-size='22' text-anchor='middle' dominant-baseline='middle'%3ENo image available%3C/text%3E%3C/svg%3E",Wm={name:"CommentsDialog",props:{group:{type:Object,default:null},visible:{type:Boolean,default:!1}},data(){return{newComment:"",justPrayed:!1,imageError:!1}},computed:{prayerCount(){var e;return!this.group||!this.$store?0:((e=this.$store.prayers)==null?void 0:e[this.group.ID])||0},comments(){var e;return!this.group||!this.$store?[]:((e=this.$store.comments)==null?void 0:e[this.group.ID])||[]}},beforeUnmount(){var e;(e=this._releaseTrap)==null||e.call(this),this._releaseTrap=null},methods:{closeDialog(){this.$emit("close"),this.newComment="",this.justPrayed=!1},addPrayer(){this.group&&this.$store&&(this.$store.addPrayer(this.group.ID),this.justPrayed=!0,setTimeout(()=>{this.justPrayed=!1},2e3))},submitComment(){this.newComment.trim()&&this.group&&this.$store&&(this.$store.addComment(this.group.ID,this.newComment.trim()),this.newComment="")},formatDate(e){var c;const t=new Date(e),n=new Date-t,r=Math.floor(n/6e4),s=Math.floor(n/36e5),a=Math.floor(n/864e5),i=String(((c=this.$i18n)==null?void 0:c.locale)||"en");let l=null;try{l=new Intl.RelativeTimeFormat(i,{numeric:"auto"})}catch{}if(l){if(r<1)return l.format(0,"second");if(r<60)return l.format(-r,"minute");if(s<24)return l.format(-s,"hour");if(a<7)return l.format(-a,"day")}return t.toLocaleDateString(i)},getImageUrl(){var e;return this.imageError?sa:((e=this.group)==null?void 0:e.imageUrl)||sa},handleImageError(e){this.imageError=!0,e.target.src=sa}},watch:{visible(e){var t;e?this.$nextTick(()=>{var o;(o=this._releaseTrap)==null||o.call(this),this._releaseTrap=ou(this.$refs.dialogBox,()=>this.closeDialog())}):((t=this._releaseTrap)==null||t.call(this),this._releaseTrap=null),e&&(this.justPrayed=!1)}}},Bm=["aria-label"],Um={class:"dialog-header"},Gm=["aria-label"],Vm={class:"group-image-container"},qm=["src","alt"],Km={class:"group-name-dialog"},Ym={class:"dialog-content"},Xm={class:"group-info"},Jm={class:"info-row"},Zm={class:"info-row"},Qm={key:0,class:"info-row"},e$={class:"info-row prayer-stat"},t$={class:"prayer-action"},o$={class:"comments-section"},n$={class:"comments-list"},s$={key:0,class:"no-comments"},r$={class:"comment-header"},a$={class:"comment-date"},i$={class:"comment-text"},l$={class:"add-comment"},c$=["placeholder"],u$={class:"comment-actions"},d$={class:"char-count"},p$=["disabled"];function f$(e,t,o,n,r,s){var a,i,l,c,u,f;return o.visible?(de(),$e("div",{key:0,class:"dialog-overlay",onClick:t[6]||(t[6]=(...h)=>s.closeDialog&&s.closeDialog(...h))},[j("div",{class:"dialog-container",onClick:t[5]||(t[5]=el(()=>{},["stop"])),ref:"dialogBox",role:"dialog","aria-modal":"true","aria-label":e.$t("wall.chatsTitle"),tabindex:"-1"},[j("div",Um,[j("h2",null,oe(e.$t("wall.chatsTitle")),1),j("button",{class:"close-btn","aria-label":e.$t("wall.close"),onClick:t[0]||(t[0]=(...h)=>s.closeDialog&&s.closeDialog(...h))},"✕",8,Gm)]),j("div",Vm,[j("img",{src:s.getImageUrl(),alt:((a=o.group)==null?void 0:a.name)||e.$t("wall.peopleGroup"),class:"group-image",onError:t[1]||(t[1]=(...h)=>s.handleImageError&&s.handleImageError(...h))},null,40,qm)]),j("div",Km,oe(((i=o.group)==null?void 0:i.name)||e.$t("wall.unknownGroup")),1),j("div",Ym,[j("div",Xm,[j("div",Jm,[j("strong",null,oe(e.$t("wall.status")),1),qe(" "+oe(((l=o.group)==null?void 0:l.status)||e.$t("wall.unknown")),1)]),j("div",Zm,[j("strong",null,oe(e.$t("wall.id")),1),qe(" "+oe(((c=o.group)==null?void 0:c.ID)||e.$t("wall.na")),1)]),(u=o.group)!=null&&u.lat&&((f=o.group)!=null&&f.lng)?(de(),$e("div",Qm,[j("strong",null,oe(e.$t("wall.location")),1),qe(" "+oe(o.group.lat)+", "+oe(o.group.lng),1)])):Ke("",!0),j("div",e$,[t[7]||(t[7]=j("span",{class:"heart-icon"},"❤️",-1)),qe(" "+oe(e.$t("wall.havePrayed",{n:s.prayerCount},s.prayerCount)),1)])]),j("div",t$,[j("button",{class:At(["prayer-btn",{active:r.justPrayed}]),onClick:t[2]||(t[2]=(...h)=>s.addPrayer&&s.addPrayer(...h))},oe(r.justPrayed?e.$t("wall.youPrayed"):e.$t("wall.prayForGroup")),3)]),j("div",o$,[j("h3",null,oe(e.$t("wall.prayersComments")),1),j("div",n$,[s.comments.length===0?(de(),$e("div",s$,oe(e.$t("wall.noComments")),1)):Ke("",!0),(de(!0),$e(Ve,null,ar(s.comments,h=>(de(),$e("div",{key:h.id,class:"comment-item"},[j("div",r$,[t[8]||(t[8]=j("span",{class:"comment-icon"},"💭",-1)),j("span",a$,oe(s.formatDate(h.timestamp)),1)]),j("div",i$,oe(h.text),1)]))),128))]),j("div",l$,[Un(j("textarea",{"onUpdate:modelValue":t[3]||(t[3]=h=>r.newComment=h),placeholder:e.$t("wall.commentPlaceholder"),rows:"3",maxlength:"500"},null,8,c$),[[Zi,r.newComment]]),j("div",u$,[j("span",d$,oe(r.newComment.length)+"/500",1),j("button",{onClick:t[4]||(t[4]=(...h)=>s.submitComment&&s.submitComment(...h)),disabled:!r.newComment.trim(),class:"submit-btn"},oe(e.$t("wall.postComment")),9,p$)])])])])],8,Bm)])):Ke("",!0)}const h$=Oo(Wm,[["render",f$]]),ra="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Crect width='100%25' height='100%25' fill='%23f3f3f1'/%3E%3Ctext x='50%25' y='50%25' fill='%236d766e' font-family='sans-serif' font-size='22' text-anchor='middle' dominant-baseline='middle'%3ENo image available%3C/text%3E%3C/svg%3E",g$={name:"PrayerDialog",props:{isOpen:{type:Boolean,default:!1},group:{type:Object,default:null}},data(){return{hasPrayed:!1,prayerText:"",imageError:!1}},watch:{isOpen(e){var t,o,n,r;if(e?this.$nextTick(()=>{var s;(s=this._releaseTrap)==null||s.call(this),this._releaseTrap=ou(this.$refs.dialogBox,()=>this.closeDialog())}):((t=this._releaseTrap)==null||t.call(this),this._releaseTrap=null),e){const s=((r=(o=this.$store)==null?void 0:o.prayers)==null?void 0:r[(n=this.group)==null?void 0:n.ID])||0;this.hasPrayed=s>0,this.prayerText="",this.imageError=!1}}},beforeUnmount(){var e;(e=this._releaseTrap)==null||e.call(this),this._releaseTrap=null},methods:{closeDialog(){this.$emit("close")},confirmPrayer(){var e;(e=this.group)!=null&&e.ID&&(this.$store.addPrayer(this.group.ID),this.hasPrayed=!0,this.$emit("prayer-confirmed",this.group.ID))},sendPrayer(){var e;if(this.prayerText.trim()&&((e=this.group)!=null&&e.ID)){const o=`🙏 ${this.generatePseudonym()} prayed: ${this.prayerText.trim()}`;this.$store.addComment(this.group.ID,o),this.prayerText="",setTimeout(()=>{this.closeDialog()},500)}},generatePseudonym(){const e=["Faithful","Devoted","Humble","Earnest","Hopeful","Grateful","Compassionate"],t=["Servant","Believer","Intercessor","Warrior","Witness","Disciple","Friend"],o=e[Math.floor(Math.random()*e.length)],n=t[Math.floor(Math.random()*t.length)],r=Math.floor(Math.random()*999)+1;return`${o} ${n} ${r}`},getImageUrl(){var e;return this.imageError?ra:((e=this.group)==null?void 0:e.imageUrl)||ra},handleImageError(e){this.imageError=!0,e.target.src=ra}}},m$=["aria-label"],$$={class:"dialog-header"},b$=["aria-label"],_$={class:"group-image-container"},y$=["src","alt"],w$={class:"group-name-dialog"},v$={class:"dialog-content"},P$={class:"group-info"},T$={class:"info-row"},k$={key:0,class:"prayer-prompt"},L$={key:1,class:"prayer-confirmed"},C$={class:"confirmed-message"},S$={class:"prayer-input-section"},x$=["placeholder"],M$=["disabled"];function A$(e,t,o,n,r,s){var a,i,l;return o.isOpen?(de(),$e("div",{key:0,class:"dialog-overlay",onClick:t[5]||(t[5]=el((...c)=>s.closeDialog&&s.closeDialog(...c),["self"]))},[j("div",{class:"dialog-container prayer-dialog",ref:"dialogBox",role:"dialog","aria-modal":"true","aria-label":e.$t("wall.prayerTools"),tabindex:"-1"},[j("div",$$,[j("h2",null,oe(e.$t("wall.prayerTools")),1),j("button",{onClick:t[0]||(t[0]=(...c)=>s.closeDialog&&s.closeDialog(...c)),class:"close-btn","aria-label":e.$t("wall.close")},"×",8,b$)]),j("div",_$,[j("img",{src:s.getImageUrl(),alt:((a=o.group)==null?void 0:a.name)||e.$t("wall.peopleGroup"),onError:t[1]||(t[1]=(...c)=>s.handleImageError&&s.handleImageError(...c))},null,40,y$)]),j("div",w$,oe(((i=o.group)==null?void 0:i.name)||e.$t("wall.unknown")),1),j("div",v$,[j("div",P$,[j("div",T$,[j("strong",null,oe(e.$t("wall.status")),1),qe(" "+oe(((l=o.group)==null?void 0:l.status)||e.$t("wall.unengaged")),1)])]),r.hasPrayed?(de(),$e("div",L$,[j("div",C$,[t[7]||(t[7]=j("svg",{class:"heart-icon",width:"1em",height:"1em",viewBox:"0 0 24 24","aria-hidden":"true"},[j("path",{d:"M12 20.5s-7.2-4.4-9.2-8.8C1.3 8.3 3.2 4.6 6.7 4.6c2 0 3.5 1.1 4.3 2.4.8-1.3 2.3-2.4 4.3-2.4 3.5 0 5.4 3.7 3.9 7.1-2 4.4-9.2 8.8-9.2 8.8z",fill:"#ed4956",stroke:"#ed4956","stroke-width":"1.8","stroke-linejoin":"round"})],-1)),j("span",null,oe(e.$t("wall.thankYou")),1)]),j("div",S$,[j("h4",null,oe(e.$t("wall.sharePrayer")),1),Un(j("textarea",{"onUpdate:modelValue":t[3]||(t[3]=c=>r.prayerText=c),placeholder:e.$t("wall.prayerPlaceholder"),rows:"4"},null,8,x$),[[Zi,r.prayerText]]),j("button",{onClick:t[4]||(t[4]=(...c)=>s.sendPrayer&&s.sendPrayer(...c)),disabled:!r.prayerText.trim(),class:"send-prayer-btn"},oe(e.$t("wall.sendPrayer")),9,M$)])])):(de(),$e("div",k$,[j("h3",null,oe(e.$t("wall.prayingNow")),1),j("button",{onClick:t[2]||(t[2]=(...c)=>s.confirmPrayer&&s.confirmPrayer(...c)),class:"prayer-confirm-btn"},[t[6]||(t[6]=j("svg",{class:"heart-icon",width:"1em",height:"1em",viewBox:"0 0 24 24","aria-hidden":"true"},[j("path",{d:"M12 20.5s-7.2-4.4-9.2-8.8C1.3 8.3 3.2 4.6 6.7 4.6c2 0 3.5 1.1 4.3 2.4.8-1.3 2.3-2.4 4.3-2.4 3.5 0 5.4 3.7 3.9 7.1-2 4.4-9.2 8.8-9.2 8.8z",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linejoin":"round"})],-1)),qe(" "+oe(e.$t("wall.yesPraying")),1)])]))])],8,m$)])):Ke("",!0)}const E$=Oo(g$,[["render",A$]]),I$='*{margin:0;padding:0;box-sizing:border-box}:root,:host{--primary-color: #2c3e50;--secondary-color: #3498db;--background: #fafafa;--text-color: #333333;--border-color: #e0e0e0;--heart-color: #ed4956;--instagram-blue: #0095f6}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background);overflow-x:hidden}#app{width:100%;min-height:100vh}.app-container{width:100%;height:100vh;display:flex;flex-direction:column;background-color:var(--background)}.wall-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.wall-header{background:#fff;border-bottom:1px solid var(--border-color);padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000000d}.wall-header h1{font-size:28px;font-weight:600;color:var(--text-color);margin:0}.wall-controls{display:flex;align-items:center;gap:15px}.control-btn{padding:10px 20px;background:var(--instagram-blue);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.control-btn.busy{opacity:.7;cursor:progress}.control-btn.busy:after{content:"";display:inline-block;width:.8em;height:.8em;margin-inline-start:.5em;vertical-align:-.1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:wall-spin .8s linear infinite}@keyframes wall-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.control-btn.busy:after{animation:none}}.poster-size{display:inline-flex;align-items:center;gap:6px;font-size:13px}.poster-size select{padding-inline-end:8px}.mode-toggle{display:inline-flex;gap:0}.mode-toggle .control-btn{border-radius:0}.mode-toggle .control-btn:first-child{border-start-start-radius:6px;border-end-start-radius:6px}.mode-toggle .control-btn:last-child{border-start-end-radius:6px;border-end-end-radius:6px}.wall-help{font-family:Georgia,serif;font-weight:700;min-width:32px}.mode-toggle .control-btn.on{background:#262626;color:#fff}.control-btn:hover{background:#0081d6;transform:translateY(-1px)}.orientation-btn{display:flex;flex-direction:column;align-items:center;gap:4px}.orientation-btn .btn-label{font-size:14px}.orientation-btn .current-mode{font-size:10px;opacity:.8;font-weight:400}.group-count{font-size:14px;color:#666;font-weight:500}@media (max-width: 640px){.wall-header{flex-direction:column;align-items:stretch;gap:10px;padding:10px 12px}.wall-header h1{font-size:18px;line-height:1.25}.wall-controls{flex-wrap:wrap;gap:8px}.wall-controls .control-btn{padding:8px 12px;font-size:13px;min-height:32px}.poster-size,.group-count{font-size:12px}}.wall-canvas{flex:1;width:100%;height:100%;background:var(--background);overflow:hidden}.wall-container{position:relative}.wall-offline{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(440px,calc(100% - 32px));padding:20px 24px;background:#fff;border:1px solid #dbdbdb;border-radius:12px;box-shadow:0 4px 16px #00000014;color:var(--text-color);font-size:14px;line-height:1.5;text-align:center}.wall-offline-title{font-weight:600;font-size:16px;margin-bottom:6px}.wall-offline p{margin:0 0 12px}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--instagram-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wall-toast{position:absolute;left:50%;bottom:24px;transform:translate(-50%);background:#262626eb;color:#fff;padding:8px 16px;border-radius:999px;font-size:14px;z-index:30;pointer-events:none}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog-container{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dialog-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:#fff}.group-image-container{width:100%;background-color:#fafafa;overflow:hidden}.group-image-container img{width:100%;height:auto;display:block;object-fit:cover;max-height:400px}.group-name-dialog{font-weight:600;font-size:18px;padding:16px 20px;border-bottom:1px solid #efefef;color:#262626;background:#fff}.dialog-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-color)}.close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background:#f5f5f5;color:#333}.dialog-content{padding:20px;max-height:calc(90vh - 80px);overflow-y:auto}.group-info{background:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:20px}.info-row{margin-bottom:8px;font-size:14px}.info-row:last-child{margin-bottom:0}.prayer-stat{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0;font-size:15px}.heart-icon{font-size:20px}.prayer-action{margin-bottom:25px}.prayer-btn{width:100%;padding:14px;background:var(--instagram-blue);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.prayer-btn:hover{background:#0081d6}.prayer-btn.active{background:#10b981}.comments-section{margin-top:20px}.comments-section h3{font-size:18px;margin-bottom:15px;font-weight:600}.comments-list{max-height:300px;overflow-y:auto;margin-bottom:20px;padding:10px;background:#f9f9f9;border-radius:8px}.no-comments{text-align:center;padding:40px 20px;color:#999;font-size:14px}.comment-item{background:#fff;padding:12px;border-radius:8px;margin-bottom:10px;border:1px solid #e0e0e0}.comment-item:last-child{margin-bottom:0}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.comment-icon{font-size:16px}.comment-date{font-size:12px;color:#999}.comment-text{font-size:14px;color:#333;line-height:1.5}.add-comment textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:14px;resize:vertical;min-height:80px}.add-comment textarea:focus{outline:none;border-color:var(--instagram-blue)}.comment-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.char-count{font-size:12px;color:#999}.submit-btn{padding:10px 24px;background:var(--instagram-blue);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){background:#0081d6}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.prayer-dialog .dialog-content{padding:20px}.prayer-prompt{text-align:center;padding:30px 20px}.prayer-prompt h3{font-size:20px;margin-bottom:25px;color:var(--text-color);font-weight:600}.prayer-confirm-btn{padding:14px 28px;background:var(--heart-color);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:10px}.prayer-confirm-btn:hover{background:#c13584;transform:translateY(-2px);box-shadow:0 4px 12px #ed49564d}.prayer-confirmed{padding:20px}.confirmed-message{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;background:#f0fdf4;border-radius:8px;margin-bottom:25px;font-size:16px;font-weight:600;color:#16a34a}.confirmed-message i{font-size:24px}.prayer-input-section h4{font-size:16px;margin-bottom:12px;color:var(--text-color)}.prayer-input-section textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:12px}.prayer-input-section textarea:focus{outline:none;border-color:var(--instagram-blue);box-shadow:0 0 0 3px #0095f61a}.send-prayer-btn{width:100%;padding:12px;background:var(--instagram-blue);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.send-prayer-btn:hover:not(:disabled){background:#0081d6}.send-prayer-btn:disabled{background:#b8b8b8;cursor:not-allowed;opacity:.6}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}@media print{@page{size:36in 48in;margin:0}body{margin:0;padding:0}.wall-header,.dialog-overlay{display:none!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}svg a{cursor:pointer}svg a text{transition:fill .2s}svg a:hover text{fill:#0081d6!important}.nav-links{padding:8px 16px;text-align:right}.dev-panel-link{color:#0095f6;text-decoration:none;font-size:14px;padding:6px 12px;border:1px solid #0095f6;border-radius:6px;transition:all .2s}.dev-panel-link:hover{background:#0095f6;color:#fff}.dev-panel{max-width:1200px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a1a}.dev-panel-header{margin-bottom:24px}.dev-panel-header h1{font-size:28px;margin:0 0 8px}.dev-panel-header .subtitle{color:#666;margin:0 0 12px}.dev-panel-header .back-link{color:#0095f6;text-decoration:none;font-size:14px}.dev-panel-header .back-link:hover{text-decoration:underline}.stats-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:24px;flex-wrap:wrap}.stat-badge{font-size:13px;font-weight:600;padding:4px 10px;border-radius:20px}.stat-badge.tested{background:#e3f2fd;color:#1565c0}.stat-badge.ok{background:#e8f5e9;color:#2e7d32}.stat-badge.fail{background:#fce4ec;color:#c62828}.endpoint-group{margin-bottom:32px}.group-title{display:flex;align-items:center;gap:8px;font-size:20px;margin:0 0 6px}.group-icon{font-size:24px}.group-badge{font-size:12px;font-weight:500;background:#e3f2fd;color:#1565c0;padding:2px 8px;border-radius:12px}.group-desc{color:#666;font-size:14px;margin:0 0 16px}.endpoint-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:12px;transition:border-color .2s}.endpoint-card.status-ok{border-left:4px solid #4caf50}.endpoint-card.status-fail{border-left:4px solid #f44336}.endpoint-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.method-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.method-badge.get{background:#e8f5e9;color:#2e7d32}.method-badge.post{background:#fff3e0;color:#e65100}.endpoint-url{font-size:13px;background:#f5f5f5;padding:4px 8px;border-radius:4px;cursor:pointer;word-break:break-all;flex:1}.endpoint-url:hover{background:#e3f2fd}.btn-copy{background:none;border:none;cursor:pointer;color:#999;font-size:14px;padding:4px}.btn-copy:hover{color:#333}.endpoint-desc{font-size:14px;color:#444;margin:4px 0 8px}.endpoint-fields{margin-bottom:8px;font-size:13px}.field-chip{display:inline-block;background:#f0f0f0;color:#555;padding:2px 6px;border-radius:4px;font-size:11px;font-family:monospace;margin:2px 4px 2px 0}.endpoint-actions{display:flex;gap:8px;margin-top:8px}.btn-sm{font-size:13px;padding:6px 14px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .15s}.btn-sm:disabled{opacity:.6;cursor:not-allowed}.btn-test{background:#0095f6;color:#fff}.btn-test:hover:not(:disabled){background:#0081d6}.btn-primary{background:#0095f6;color:#fff}.btn-primary:hover:not(:disabled){background:#0081d6}.btn-toggle{background:#f0f0f0;color:#333}.btn-toggle:hover{background:#e0e0e0}.test-result{margin-top:12px;border-radius:6px;overflow:hidden}.result-summary{display:flex;align-items:center;gap:12px;padding:8px 12px;font-size:13px;flex-wrap:wrap}.result-ok .result-summary{background:#e8f5e9}.result-fail .result-summary{background:#fce4ec}.status-code{font-weight:600}.result-time{color:#666}.record-count{background:#e3f2fd;color:#1565c0;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.content-type{color:#999;font-size:12px;font-family:monospace}.result-body{padding:12px;background:#fafafa;border-top:1px solid #eee}.sample-fields h4,.sample-images h4,.loaded-images h4,.failed-images h4{font-size:14px;margin:0 0 8px}.field-grid{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.field-item{display:flex;align-items:baseline;gap:8px;font-size:12px;padding:4px 0;border-bottom:1px solid #f0f0f0}.field-item code{font-weight:600;min-width:180px;color:#1565c0}.field-type{color:#999;font-size:11px;min-width:50px}.field-sample{color:#666;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.image-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.image-thumb{width:120px;text-align:center}.image-thumb img{width:120px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #e0e0e0}.image-thumb.failed .img-placeholder{width:120px;height:80px;display:flex;align-items:center;justify-content:center;background:#fce4ec;border-radius:6px;color:#c62828;font-size:24px}.img-label{display:block;font-size:11px;color:#666;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-url{display:block;font-size:9px;color:#999;word-break:break-all}.raw-json{margin-top:12px}.raw-json summary{cursor:pointer;font-size:13px;color:#666;padding:4px 0}.raw-json pre{background:#1e1e1e;color:#d4d4d4;padding:12px;border-radius:6px;font-size:12px;overflow-x:auto;max-height:300px;white-space:pre-wrap;word-break:break-word}.image-tester{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.image-tester-controls{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.image-test-progress{font-size:13px;color:#666;font-weight:500}',O$=":host{display:block;position:relative;min-height:600px}.app-container{position:relative;width:100%;height:100%}.wall-error{padding:24px;color:#3b463d;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}",F$={name:"WallOfPeopleGroups",components:{PeopleGroupsWall:Hm,CommentsDialog:h$,PrayerDialog:E$},data(){return{ready:!1,error:null,commentsDialogVisible:!1,prayerDialogVisible:!1,selectedGroup:null}},mounted(){Zg().then(()=>{this.ready=!0},e=>{this.error=e.message})},methods:{openCommentsDialog(e){this.selectedGroup=e,this.commentsDialogVisible=!0},closeCommentsDialog(){this.commentsDialogVisible=!1,setTimeout(()=>{this.selectedGroup=null},300)},openPrayerDialog(e){this.selectedGroup=e,this.prayerDialogVisible=!0},closePrayerDialog(){this.prayerDialogVisible=!1,setTimeout(()=>{this.commentsDialogVisible||(this.selectedGroup=null)},300)},handlePrayerConfirmed(){}}},R$={class:"app-container"},D$={key:1,class:"wall-error"};function N$(e,t,o,n,r,s){const a=rr("people-groups-wall"),i=rr("comments-dialog"),l=rr("prayer-dialog");return de(),$e("div",R$,[r.ready?(de(),uo(a,{key:0,onOpenComments:s.openCommentsDialog,onOpenPrayer:s.openPrayerDialog},null,8,["onOpenComments","onOpenPrayer"])):r.error?(de(),$e("div",D$,oe(e.$t("wall.drawLibError"))+" "+oe(r.error),1)):Ke("",!0),Ie(i,{visible:r.commentsDialogVisible,group:r.selectedGroup,onClose:s.closeCommentsDialog},null,8,["visible","group","onClose"]),Ie(l,{"is-open":r.prayerDialogVisible,group:r.selectedGroup,onClose:s.closePrayerDialog,onPrayerConfirmed:s.handlePrayerConfirmed},null,8,["is-open","group","onClose","onPrayerConfirmed"])])}const z$=Object.freeze(Object.defineProperty({__proto__:null,default:Oo(F$,[["render",N$],["styles",[I$,O$]]])},Symbol.toStringTag,{value:"Module"}))})();
diff --git a/public/dx-maps/wall-of-people-groups/wall-of-people-groups/index.html b/public/dx-maps/wall-of-people-groups/wall-of-people-groups/index.html
index c41f163a9..e9b51f8df 100644
--- a/public/dx-maps/wall-of-people-groups/wall-of-people-groups/index.html
+++ b/public/dx-maps/wall-of-people-groups/wall-of-people-groups/index.html
@@ -67,7 +67,7 @@
 
   <script>window.MAP_APP_API_URL = "https://pray.doxa.life";</script>
   <!-- Bundle IIFE — registers the <wall-of-people-groups> custom element. -->
-  <script src="../wall-of-people-groups.js" integrity="sha384-jXcu2Fpvms5zKTuyxRQ1oZG7jciYNwC1+KOpUYXMlm5u59l3SGJOLxN3vbXvt5c1" crossorigin="anonymous"></script>
+  <script src="../wall-of-people-groups.js" integrity="sha384-S2g83dVn7Vb2ynBlin0ySD8rO/cFEdA60yPYJ+04ObqzXmiojWOZ5ufGPj4URG9t" crossorigin="anonymous"></script>
 
   <script>
     // Mapbox token resolution — the A3 ladder, in precedence order: