{ "id": "ahv-page-awards-and-accolades-mobile", "file": "AHV Page Awards and Accolades Mobile.dc.html", "sourceSha256": "73ae81cf20065fb220a8265b7282fdb92e008cb335b211647b613335f55554ba", "variant": "mobile", "template": "\n\n\n\n\nAwards and Accolades\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\nメインコンテンツへスキップ\n\n
\n
\n \n
受賞歴
\n

受賞・表彰

\n

The Ayurvedic Healing Villageを含む、Kairaliグループ全体の受賞歴と評価です。

\n
\n\"上空から見たヤシの木と田畑。\"\n\n\n\n
\n

受賞と評価

\n

さまざまな年に受けた賞、掲載記事、認定証をまとめています。

\n \n
\n\n
\n

Kairaliグループ

\n \n
\n\n
\n

Kairaliについて

\n \n \n
\n
\n\n\n
\n
\n
{{ counter }}
\n \n
\n \n \"{{\n \n

{{ cur.caption }}

\n
\n \n \n
\n
\n
\n", "logic": "\nclass Component extends DCLogic {\n state = { open: false, i: 0, navH: 96 };\n componentDidMount() {\n // Both governed hreflang tags must be present; the runtime keeps only one from helmet, so ensure the en tag too.\n if (!document.querySelector('link[rel=\"alternate\"][hreflang=\"en\"]')) { const l = document.createElement('link'); l.rel = 'alternate'; l.hreflang = 'en'; l.href = 'https://ayurvedichealingvillage.com/ja/awards-and-accolades/'; document.head.appendChild(l); }\n document.documentElement.lang = 'ja';\n this._measure = () => {\n const nav = document.querySelector('nav[aria-label=\"On this page\"]');\n const h = nav ? Math.round(nav.getBoundingClientRect().height) : 96;\n if (h !== this.state.navH) this.setState({ navH: h });\n };\n this._measure();\n window.addEventListener('resize', this._measure);\n this._t = setTimeout(this._measure, 800);\n }\n componentWillUnmount() { window.removeEventListener('resize', this._measure); clearTimeout(this._t); document.body.style.overflow = ''; }\n openAt(idx) {\n this.setState({ open: true, i: idx });\n document.body.style.overflow = 'hidden';\n setTimeout(() => { const c = document.getElementById('award-close'); if (c) c.focus(); }, 30);\n }\n closeViewer() {\n const idx = this.state.i;\n this.setState({ open: false });\n document.body.style.overflow = '';\n setTimeout(() => { const btn = document.querySelector('button[data-award-index=\"' + idx + '\"]'); if (btn) btn.focus(); }, 30);\n }\n renderVals() {\n const D = window.AHV_AWARDS || { cards: [], groupLinks: [], aboutLinks: [], footerLinks: [] };\n const A = 'https://ayurvedichealingvillage.com';\n const n = D.cards.length, i = this.state.i;\n const cur = D.cards[i] || { image: '', alt: '', caption: '', width: 1000, height: 562 };\n const go = (d) => this.setState(s => ({ i: (s.i + d + n) % n }));\n const abs = (l) => ({ ...l, url: A + l.href });\n return {\n guard: () => {} /* preview-only nav guard neutralised for the published site */,\n anchorMargin: (64 + this.state.navH + 20) + 'px',\n cards: D.cards.map((c, idx) => ({ ...c, i: idx, storyLink: !!c.storyLink, open: () => this.openAt(idx) })),\n groupLinks: D.groupLinks.map(abs), aboutLinks: D.aboutLinks.map(abs), footerLinks: D.footerLinks.map(abs),\n dlgDisplay: this.state.open ? 'flex' : 'none', dlgOpen: this.state.open,\n cur,\n // New closure per render, so React re-attaches and assigns the current source each time cur changes.\n curRef: (el) => { if (el && cur.image) { el.setAttribute('src', cur.image); } },\n counter: n ? (i + 1) + ' / ' + n : '',\n close: () => this.closeViewer(),\n prev: () => go(-1), next: () => go(1),\n dlgKey: (e) => {\n if (e.key === 'Escape') { e.preventDefault(); this.closeViewer(); return; }\n if (e.key === 'ArrowLeft') { e.preventDefault(); go(-1); return; }\n if (e.key === 'ArrowRight') { e.preventDefault(); go(1); return; }\n if (e.key === 'Tab') {\n const f = [...e.currentTarget.querySelectorAll('button')];\n const first = f[0], last = f[f.length - 1];\n if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); }\n else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); }\n }\n }\n };\n }\n}\n", "props": "", "scripts": [ "/ahv/l10n/ja/assets/awards-and-accolades-data.js" ], "locale": "ja" }