@joystyk/catalog 0.0.0 → 0.2.0

package/dist/components/views.js

@@ -0,0 +1,1410 @@
+import { MODE_LABELS, STATUS_LABELS, playersLabel, playersRange, rankLabel } from "../labels.js";
+import { ADVERTISE_PATH, categoryPath, gamePath } from "../routes.js";
+import { pageTitleOf } from "../seo.js";
+import { advertiseView, policyView, sentView } from "./advertise.js";
+import { leavingView } from "./leaving.js";
+import { compiled } from "@gyral/core/compiled";
+import { each, nothing } from "@gyral/core";
+import "@joystyk/launcher";
+import "@joystyk/ui/ad-slot";
+//#region src/components/views.ts
+var _gyral$t0 = {
+	"id": "1tqm5iftaot",
+	"html": "<ad-slot></ad-slot>",
+	"parts": [
+		[
+			3,
+			[0],
+			"slot-id"
+		],
+		[
+			3,
+			[0],
+			"page"
+		],
+		[
+			3,
+			[0],
+			"game-id"
+		],
+		[
+			3,
+			[0],
+			"category"
+		]
+	],
+	"segments": [
+		{
+			"k": "open",
+			"tag": "ad-slot",
+			"html": "<ad-slot",
+			"attrs": []
+		},
+		{
+			"k": "attr",
+			"name": "slot-id"
+		},
+		{
+			"k": "attr",
+			"name": "page"
+		},
+		{
+			"k": "attr",
+			"name": "game-id"
+		},
+		{
+			"k": "attr",
+			"name": "category"
+		},
+		{ "k": "openEnd" },
+		{
+			"k": "close",
+			"tag": "ad-slot"
+		}
+	]
+};
+var _gyral$t1 = {
+	"id": "2crefdy4szm",
+	"html": "<li></li>",
+	"parts": [[1, [0]]],
+	"segments": [
+		"<li>",
+		{
+			"k": "child",
+			"in": "li"
+		},
+		"</li>"
+	]
+};
+var _gyral$t2 = {
+	"id": "s5ipxmbpc0",
+	"html": "<ul class=\"badges\" aria-label=\"At a glance\"><li class=\"badge-status\"></li><li></li></ul>",
+	"parts": [
+		[
+			3,
+			[0, 0],
+			"data-status"
+		],
+		[1, [0, 0]],
+		[1, [0, 1]],
+		[0, [0]]
+	],
+	"segments": [
+		"<ul class=\"badges\" aria-label=\"At a glance\"><li class=\"badge-status\"",
+		{
+			"k": "attr",
+			"name": "data-status"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "li"
+		},
+		"</li><li>",
+		{
+			"k": "child",
+			"in": "li"
+		},
+		"</li>",
+		{
+			"k": "child",
+			"in": "ul"
+		},
+		"</ul>"
+	]
+};
+var _gyral$t3 = {
+	"id": "bqstfqqt5i",
+	"html": "<p class=\"card-summary\"></p><!----> <jy-offline-availability hidden></jy-offline-availability>",
+	"parts": [
+		[1, [0]],
+		[
+			2,
+			[],
+			1
+		],
+		[
+			3,
+			[3],
+			"game-id"
+		]
+	],
+	"segments": [
+		"<p class=\"card-summary\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>",
+		{ "k": "child" },
+		"<!----> ",
+		{
+			"k": "open",
+			"tag": "jy-offline-availability",
+			"html": "<jy-offline-availability hidden",
+			"attrs": [["hidden", ""]]
+		},
+		{
+			"k": "attr",
+			"name": "game-id"
+		},
+		{ "k": "openEnd" },
+		{
+			"k": "close",
+			"tag": "jy-offline-availability"
+		}
+	]
+};
+var _gyral$t4 = {
+	"id": "p76w4i0a2x",
+	"html": "<li><article class=\"game-card\"><h3><a></a></h3></article></li>",
+	"parts": [
+		[
+			3,
+			[0, 0],
+			"data-category"
+		],
+		[
+			3,
+			[
+				0,
+				0,
+				0,
+				0
+			],
+			"href"
+		],
+		[1, [
+			0,
+			0,
+			0,
+			0
+		]],
+		[0, [0, 0]]
+	],
+	"segments": [
+		"<li><article class=\"game-card\"",
+		{
+			"k": "attr",
+			"name": "data-category"
+		},
+		"><h3><a",
+		{
+			"k": "attr",
+			"name": "href"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "a"
+		},
+		"</a></h3>",
+		{
+			"k": "child",
+			"in": "article"
+		},
+		"</article></li>"
+	]
+};
+var _gyral$t5 = {
+	"id": "u1l6iemt31",
+	"html": "<li><article class=\"game-card\"><h2><a></a></h2></article></li>",
+	"parts": [
+		[
+			3,
+			[0, 0],
+			"data-category"
+		],
+		[
+			3,
+			[
+				0,
+				0,
+				0,
+				0
+			],
+			"href"
+		],
+		[1, [
+			0,
+			0,
+			0,
+			0
+		]],
+		[0, [0, 0]]
+	],
+	"segments": [
+		"<li><article class=\"game-card\"",
+		{
+			"k": "attr",
+			"name": "data-category"
+		},
+		"><h2><a",
+		{
+			"k": "attr",
+			"name": "href"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "a"
+		},
+		"</a></h2>",
+		{
+			"k": "child",
+			"in": "article"
+		},
+		"</article></li>"
+	]
+};
+var _gyral$t6 = {
+	"id": "1juk2b7here",
+	"html": "<ul class=\"game-grid\" role=\"list\"></ul>",
+	"parts": [[1, [0]]],
+	"segments": [
+		"<ul class=\"game-grid\" role=\"list\">",
+		{
+			"k": "child",
+			"in": "ul"
+		},
+		"</ul>"
+	]
+};
+var _gyral$t7 = {
+	"id": "p4ocrg8ov9",
+	"html": "<p class=\"loading\"></p>",
+	"parts": [[
+		3,
+		[0],
+		"aria-busy"
+	], [1, [0]]],
+	"segments": [
+		"<p class=\"loading\"",
+		{
+			"k": "attr",
+			"name": "aria-busy"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>"
+	]
+};
+var _gyral$t8 = {
+	"id": "27e3mzjsfgn",
+	"html": "<li><a></a></li>",
+	"parts": [
+		[
+			3,
+			[0, 0],
+			"href"
+		],
+		[
+			3,
+			[0, 0],
+			"aria-current"
+		],
+		[1, [0, 0]]
+	],
+	"segments": [
+		"<li><a",
+		{
+			"k": "attr",
+			"name": "href"
+		},
+		{
+			"k": "attr",
+			"name": "aria-current"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "a"
+		},
+		"</a></li>"
+	]
+};
+var _gyral$t9 = {
+	"id": "2awpedwjhzz",
+	"html": "<nav class=\"crumbs\" aria-label=\"Breadcrumb\"><ol></ol></nav>",
+	"parts": [[1, [0, 0]]],
+	"segments": [
+		"<nav class=\"crumbs\" aria-label=\"Breadcrumb\"><ol>",
+		{
+			"k": "child",
+			"in": "ol"
+		},
+		"</ol></nav>"
+	]
+};
+var _gyral$t10 = {
+	"id": "i60qnd1rff",
+	"html": "<section class=\"category-section\"><header class=\"section-head\"><h2><a></a></h2><p></p></header></section>",
+	"parts": [
+		[
+			3,
+			[0],
+			"data-category"
+		],
+		[
+			4,
+			[0],
+			"aria-labelledby",
+			["category-", ""]
+		],
+		[
+			4,
+			[
+				0,
+				0,
+				0
+			],
+			"id",
+			["category-", ""]
+		],
+		[
+			3,
+			[
+				0,
+				0,
+				0,
+				0
+			],
+			"href"
+		],
+		[1, [
+			0,
+			0,
+			0,
+			0
+		]],
+		[1, [
+			0,
+			0,
+			1
+		]],
+		[0, [0]]
+	],
+	"segments": [
+		"<section class=\"category-section\"",
+		{
+			"k": "attr",
+			"name": "data-category"
+		},
+		{
+			"k": "attr",
+			"name": "aria-labelledby",
+			"strings": ["category-", ""]
+		},
+		"><header class=\"section-head\"><h2",
+		{
+			"k": "attr",
+			"name": "id",
+			"strings": ["category-", ""]
+		},
+		"><a",
+		{
+			"k": "attr",
+			"name": "href"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "a"
+		},
+		"</a></h2><p>",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p></header>",
+		{
+			"k": "child",
+			"in": "section"
+		},
+		"</section>"
+	]
+};
+var _gyral$t11 = {
+	"id": "in1qar3kru",
+	"html": "<tr><td class=\"rank\"></td><th scope=\"row\"><a></a><jy-offline-availability hidden></jy-offline-availability></th><td></td><td class=\"num\"></td><td></td></tr>",
+	"parts": [
+		[1, [0, 0]],
+		[
+			3,
+			[
+				0,
+				1,
+				0
+			],
+			"href"
+		],
+		[1, [
+			0,
+			1,
+			0
+		]],
+		[
+			3,
+			[
+				0,
+				1,
+				1
+			],
+			"game-id"
+		],
+		[1, [0, 2]],
+		[1, [0, 3]],
+		[1, [0, 4]]
+	],
+	"segments": [
+		"<tr><td class=\"rank\">",
+		{
+			"k": "child",
+			"in": "td"
+		},
+		"</td><th scope=\"row\"><a",
+		{
+			"k": "attr",
+			"name": "href"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "a"
+		},
+		"</a>",
+		{
+			"k": "open",
+			"tag": "jy-offline-availability",
+			"html": "<jy-offline-availability hidden",
+			"attrs": [["hidden", ""]]
+		},
+		{
+			"k": "attr",
+			"name": "game-id"
+		},
+		{ "k": "openEnd" },
+		{
+			"k": "close",
+			"tag": "jy-offline-availability"
+		},
+		"</th><td>",
+		{
+			"k": "child",
+			"in": "td"
+		},
+		"</td><td class=\"num\">",
+		{
+			"k": "child",
+			"in": "td"
+		},
+		"</td><td>",
+		{
+			"k": "child",
+			"in": "td"
+		},
+		"</td></tr>"
+	]
+};
+var _gyral$t12 = {
+	"id": "1hs1bvxfx6u",
+	"html": "<section class=\"lineup\" aria-labelledby=\"lineup-heading\"><h2 id=\"lineup-heading\">The lineup</h2><div class=\"score-screen\" role=\"region\" aria-labelledby=\"lineup-caption\" tabindex=\"0\"><table class=\"score-table\"><caption id=\"lineup-caption\">Every game on Joystyk, high-score style</caption><thead><tr><th scope=\"col\">No.</th><th scope=\"col\">Game</th><th scope=\"col\">Category</th><th scope=\"col\" class=\"num\">Players</th><th scope=\"col\">Status</th></tr></thead><tbody></tbody></table></div></section>",
+	"parts": [[1, [
+		0,
+		1,
+		0,
+		2
+	]]],
+	"segments": [
+		"<section class=\"lineup\" aria-labelledby=\"lineup-heading\"><h2 id=\"lineup-heading\">The lineup</h2><div class=\"score-screen\" role=\"region\" aria-labelledby=\"lineup-caption\" tabindex=\"0\"><table class=\"score-table\"><caption id=\"lineup-caption\">Every game on Joystyk, high-score style</caption><thead><tr><th scope=\"col\">No.</th><th scope=\"col\">Game</th><th scope=\"col\">Category</th><th scope=\"col\" class=\"num\">Players</th><th scope=\"col\">Status</th></tr></thead><tbody>",
+		{
+			"k": "child",
+			"in": "tbody"
+		},
+		"</tbody></table></div></section>"
+	]
+};
+var _gyral$t13 = {
+	"id": "pg9ygzu1f7",
+	"html": "<aside class=\"rail\" aria-label=\"Sponsor\"></aside>",
+	"parts": [[1, [0]]],
+	"segments": [
+		"<aside class=\"rail\" aria-label=\"Sponsor\">",
+		{
+			"k": "child",
+			"in": "aside"
+		},
+		"</aside>"
+	]
+};
+var _gyral$t14 = {
+	"id": "2d468glq65o",
+	"html": "<div class=\"home\"><section class=\"hero\" aria-labelledby=\"hero-heading\"><div class=\"screen\"><p class=\"kicker\"><span class=\"blink\">Press start</span></p><h1 id=\"hero-heading\" tabindex=\"-1\">Free games for your browser. No quarters needed.</h1><p class=\"lede\">Arcade, card and dice games that start in one click: no sign-up, no download, safe for every age. Play alone, against the computer, or with friends.</p><p class=\"hero-actions\"><a class=\"cta\" href=\"#categories\" aria-label=\"Insert coin: browse the games\">Insert coin</a></p></div></section><div class=\"with-rail\"><div class=\"column\"></div></div></div>",
+	"parts": [[1, [
+		0,
+		1,
+		0
+	]], [0, [0, 1]]],
+	"segments": [
+		"<div class=\"home\"><section class=\"hero\" aria-labelledby=\"hero-heading\"><div class=\"screen\"><p class=\"kicker\"><span class=\"blink\">Press start</span></p><h1 id=\"hero-heading\" tabindex=\"-1\">Free games for your browser. No quarters needed.</h1><p class=\"lede\">Arcade, card and dice games that start in one click: no sign-up, no download, safe for every age. Play alone, against the computer, or with friends.</p><p class=\"hero-actions\"><a class=\"cta\" href=\"#categories\" aria-label=\"Insert coin: browse the games\">Insert coin</a></p></div></section><div class=\"with-rail\"><div class=\"column\">",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"</div>",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"</div></div>"
+	]
+};
+var _gyral$t15 = {
+	"id": "1tq16ctykv1",
+	"html": "<section class=\"featured\" aria-labelledby=\"featured-heading\"><h2 id=\"featured-heading\">Featured</h2></section><div id=\"categories\" class=\"categories\"><!----> <!----> </div>",
+	"parts": [
+		[0, [0]],
+		[
+			2,
+			[],
+			1
+		],
+		[
+			2,
+			[1],
+			0
+		],
+		[
+			2,
+			[1],
+			2
+		],
+		[0, [1]],
+		[0, []]
+	],
+	"segments": [
+		"<section class=\"featured\" aria-labelledby=\"featured-heading\"><h2 id=\"featured-heading\">Featured</h2>",
+		{
+			"k": "child",
+			"in": "section"
+		},
+		"</section>",
+		{ "k": "child" },
+		"<div id=\"categories\" class=\"categories\">",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"</div>",
+		{ "k": "child" }
+	]
+};
+var _gyral$t16 = {
+	"id": "7p87uv9ai6",
+	"html": "<li><a></a> <span class=\"count\">(<!---->)</span></li>",
+	"parts": [
+		[
+			3,
+			[0, 0],
+			"href"
+		],
+		[1, [0, 0]],
+		[
+			2,
+			[0, 2],
+			1
+		]
+	],
+	"segments": [
+		"<li><a",
+		{
+			"k": "attr",
+			"name": "href"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "a"
+		},
+		"</a> <span class=\"count\">(",
+		{
+			"k": "child",
+			"in": "span"
+		},
+		"<!---->)</span></li>"
+	]
+};
+var _gyral$t17 = {
+	"id": "v08z5w709t",
+	"html": "<div class=\"category-page\"><header class=\"page-head\"><p class=\"kicker\">Category</p><h1 tabindex=\"-1\"><!----> games</h1><p class=\"lede\"></p></header><div class=\"with-rail\"><div class=\"column\"><nav class=\"more\" aria-labelledby=\"other-categories\"><h2 id=\"other-categories\">Other categories</h2><ul></ul></nav></div></div></div>",
+	"parts": [
+		[
+			3,
+			[0],
+			"data-category"
+		],
+		[
+			2,
+			[0],
+			0
+		],
+		[
+			2,
+			[
+				0,
+				0,
+				1
+			],
+			0
+		],
+		[1, [
+			0,
+			0,
+			2
+		]],
+		[
+			2,
+			[
+				0,
+				1,
+				0
+			],
+			0
+		],
+		[1, [
+			0,
+			1,
+			0,
+			0,
+			1
+		]],
+		[0, [0, 1]]
+	],
+	"segments": [
+		"<div class=\"category-page\"",
+		{
+			"k": "attr",
+			"name": "data-category"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<header class=\"page-head\"><p class=\"kicker\">Category</p><h1 tabindex=\"-1\">",
+		{
+			"k": "child",
+			"in": "h1"
+		},
+		"<!----> games</h1><p class=\"lede\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p></header><div class=\"with-rail\"><div class=\"column\">",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<nav class=\"more\" aria-labelledby=\"other-categories\"><h2 id=\"other-categories\">Other categories</h2><ul>",
+		{
+			"k": "child",
+			"in": "ul"
+		},
+		"</ul></nav></div>",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"</div></div>"
+	]
+};
+var _gyral$t18 = {
+	"id": "wxfmp98um9",
+	"html": "<jy-offline-toggle></jy-offline-toggle>",
+	"parts": [
+		[
+			3,
+			[0],
+			"game-id"
+		],
+		[
+			3,
+			[0],
+			"game-name"
+		],
+		[
+			3,
+			[0],
+			"assets"
+		]
+	],
+	"segments": [
+		{
+			"k": "open",
+			"tag": "jy-offline-toggle",
+			"html": "<jy-offline-toggle",
+			"attrs": []
+		},
+		{
+			"k": "attr",
+			"name": "game-id"
+		},
+		{
+			"k": "attr",
+			"name": "game-name"
+		},
+		{
+			"k": "attr",
+			"name": "assets"
+		},
+		{ "k": "openEnd" },
+		{
+			"k": "close",
+			"tag": "jy-offline-toggle"
+		}
+	]
+};
+var _gyral$t19 = {
+	"id": "1yty3t8zjth",
+	"html": "<li><a></a>: <!----> <jy-offline-availability hidden></jy-offline-availability></li>",
+	"parts": [
+		[
+			3,
+			[0, 0],
+			"href"
+		],
+		[1, [0, 0]],
+		[
+			2,
+			[0],
+			2
+		],
+		[
+			3,
+			[0, 4],
+			"game-id"
+		]
+	],
+	"segments": [
+		"<li><a",
+		{
+			"k": "attr",
+			"name": "href"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "a"
+		},
+		"</a>: ",
+		{
+			"k": "child",
+			"in": "li"
+		},
+		"<!----> ",
+		{
+			"k": "open",
+			"tag": "jy-offline-availability",
+			"html": "<jy-offline-availability hidden",
+			"attrs": [["hidden", ""]]
+		},
+		{
+			"k": "attr",
+			"name": "game-id"
+		},
+		{ "k": "openEnd" },
+		{
+			"k": "close",
+			"tag": "jy-offline-availability"
+		},
+		"</li>"
+	]
+};
+var _gyral$t20 = {
+	"id": "71ckvupvyc",
+	"html": "<article class=\"game-page\" aria-labelledby=\"game-title\"><header class=\"page-head\"><p class=\"kicker\"></p><h1 id=\"game-title\" tabindex=\"-1\"></h1><p class=\"lede\"></p><dl class=\"facts\"><div><dt>Status</dt><dd></dd></div><div><dt>Players</dt><dd></dd></div><div><dt>Modes</dt><dd></dd></div></dl></header><section class=\"cabinet\" aria-labelledby=\"play-heading\"><h2 id=\"play-heading\">Play </h2><jy-launcher></jy-launcher> </section><section aria-labelledby=\"about-heading\"><h2 id=\"about-heading\">About </h2><p></p></section><section aria-labelledby=\"rules-heading\"><h2 id=\"rules-heading\">How to play </h2><ol class=\"rules\"></ol></section></article>",
+	"parts": [
+		[
+			3,
+			[0],
+			"data-category"
+		],
+		[
+			2,
+			[0],
+			0
+		],
+		[1, [
+			0,
+			0,
+			0
+		]],
+		[1, [
+			0,
+			0,
+			1
+		]],
+		[1, [
+			0,
+			0,
+			2
+		]],
+		[1, [
+			0,
+			0,
+			3,
+			0,
+			1
+		]],
+		[1, [
+			0,
+			0,
+			3,
+			1,
+			1
+		]],
+		[1, [
+			0,
+			0,
+			3,
+			2,
+			1
+		]],
+		[0, [
+			0,
+			0,
+			3
+		]],
+		[
+			2,
+			[0],
+			1
+		],
+		[0, [
+			0,
+			1,
+			0
+		]],
+		[
+			6,
+			[
+				0,
+				1,
+				1
+			],
+			"game"
+		],
+		[0, [0, 1]],
+		[
+			2,
+			[0],
+			2
+		],
+		[0, [
+			0,
+			2,
+			0
+		]],
+		[1, [
+			0,
+			2,
+			1
+		]],
+		[0, [0, 2]],
+		[0, [
+			0,
+			3,
+			0
+		]],
+		[
+			2,
+			[0, 3],
+			1
+		],
+		[1, [
+			0,
+			3,
+			1
+		]],
+		[0, [0]]
+	],
+	"segments": [
+		"<article class=\"game-page\" aria-labelledby=\"game-title\"",
+		{
+			"k": "attr",
+			"name": "data-category"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "article"
+		},
+		"<header class=\"page-head\"><p class=\"kicker\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p><h1 id=\"game-title\" tabindex=\"-1\">",
+		{
+			"k": "child",
+			"in": "h1"
+		},
+		"</h1><p class=\"lede\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p><dl class=\"facts\"><div><dt>Status</dt><dd>",
+		{
+			"k": "child",
+			"in": "dd"
+		},
+		"</dd></div><div><dt>Players</dt><dd>",
+		{
+			"k": "child",
+			"in": "dd"
+		},
+		"</dd></div><div><dt>Modes</dt><dd>",
+		{
+			"k": "child",
+			"in": "dd"
+		},
+		"</dd></div>",
+		{
+			"k": "child",
+			"in": "dl"
+		},
+		"</dl></header>",
+		{
+			"k": "child",
+			"in": "article"
+		},
+		"<section class=\"cabinet\" aria-labelledby=\"play-heading\"><h2 id=\"play-heading\">Play ",
+		{
+			"k": "child",
+			"in": "h2"
+		},
+		"</h2>",
+		{
+			"k": "open",
+			"tag": "jy-launcher",
+			"html": "<jy-launcher",
+			"attrs": []
+		},
+		{
+			"k": "prop",
+			"name": "game"
+		},
+		{ "k": "openEnd" },
+		{
+			"k": "close",
+			"tag": "jy-launcher"
+		},
+		" ",
+		{
+			"k": "child",
+			"in": "section"
+		},
+		"</section>",
+		{
+			"k": "child",
+			"in": "article"
+		},
+		"<section aria-labelledby=\"about-heading\"><h2 id=\"about-heading\">About ",
+		{
+			"k": "child",
+			"in": "h2"
+		},
+		"</h2><p>",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>",
+		{
+			"k": "child",
+			"in": "section"
+		},
+		"</section><section aria-labelledby=\"rules-heading\"><h2 id=\"rules-heading\">How to play ",
+		{
+			"k": "child",
+			"in": "h2"
+		},
+		"</h2>",
+		{
+			"k": "child",
+			"in": "section"
+		},
+		"<ol class=\"rules\">",
+		{
+			"k": "child",
+			"in": "ol"
+		},
+		"</ol></section>",
+		{
+			"k": "child",
+			"in": "article"
+		},
+		"</article>"
+	]
+};
+var _gyral$t21 = {
+	"id": "11tj6eol0s3",
+	"html": "<div><dt>Computer players</dt><dd>Yes</dd></div>",
+	"parts": [],
+	"segments": ["<div><dt>Computer players</dt><dd>Yes</dd></div>"]
+};
+var _gyral$t22 = {
+	"id": "himijul9us",
+	"html": "<p class=\"credit\"><a target=\"_blank\" rel=\"noopener noreferrer external\"></a></p>",
+	"parts": [[
+		3,
+		[0, 0],
+		"href"
+	], [1, [0, 0]]],
+	"segments": [
+		"<p class=\"credit\"><a target=\"_blank\" rel=\"noopener noreferrer external\"",
+		{
+			"k": "attr",
+			"name": "href"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "a"
+		},
+		"</a></p>"
+	]
+};
+var _gyral$t23 = {
+	"id": "19j5uihbo9d",
+	"html": "<p class=\"note\">A short summary for now. The full rules arrive with the game.</p>",
+	"parts": [],
+	"segments": ["<p class=\"note\">A short summary for now. The full rules arrive with the game.</p>"]
+};
+var _gyral$t24 = {
+	"id": "7bwovwuh28",
+	"html": "<nav class=\"more\" aria-labelledby=\"more-heading\"><h2 id=\"more-heading\">More games</h2><ul></ul></nav>",
+	"parts": [[1, [0, 1]]],
+	"segments": [
+		"<nav class=\"more\" aria-labelledby=\"more-heading\"><h2 id=\"more-heading\">More games</h2><ul>",
+		{
+			"k": "child",
+			"in": "ul"
+		},
+		"</ul></nav>"
+	]
+};
+var _gyral$t25 = {
+	"id": "7qz3cg3sbn",
+	"html": "<section class=\"not-found\" aria-labelledby=\"nf-heading\"><p class=\"kicker\">Game over</p><h1 id=\"nf-heading\" tabindex=\"-1\">Page not found</h1><p class=\"lede\">There is no page at this address. It may have moved, or the link may have a typo.</p><p class=\"continue\">Continue? <a href=\"/\">See all games</a></p></section>",
+	"parts": [],
+	"segments": ["<section class=\"not-found\" aria-labelledby=\"nf-heading\"><p class=\"kicker\">Game over</p><h1 id=\"nf-heading\" tabindex=\"-1\">Page not found</h1><p class=\"lede\">There is no page at this address. It may have moved, or the link may have a typo.</p><p class=\"continue\">Continue? <a href=\"/\">See all games</a></p></section>"]
+};
+var _gyral$t26 = {
+	"id": "19gs1vkok05",
+	"html": "<article class=\"policy\" aria-labelledby=\"licenses-title\"><h1 id=\"licenses-title\" tabindex=\"-1\">Source licenses and credits</h1><section><h2>Map data</h2><p>Made with Natural Earth. Map Guess uses Natural Earth vector data v5.1.2, with source checksums and a mechanical combination of default, ISO and national border views. The data is in the public domain.</p><p><a href=\"https://www.naturalearthdata.com/about/terms-of-use/\" target=\"_blank\" rel=\"noopener noreferrer\">Natural Earth terms of use</a> · <a href=\"https://www.naturalearthdata.com/about/disputed-boundaries-policy/\" target=\"_blank\" rel=\"noopener noreferrer\">Disputed boundaries policy</a></p></section><section><h2>Word lists</h2><p>Several games use derived SCOWL 2020.12.07 word lists. Copyright 2000–2018 Kevin Atkinson, with portions copyright by the source contributors. SCOWL combines word-list sources under permissive licenses; the full copyright notices are retained with each derived list in our repository.</p><p><a href=\"https://github.com/en-wl/wordlist/blob/5ef55f9/scowl/Copyright\" target=\"_blank\" rel=\"noopener noreferrer\">SCOWL license notices</a></p></section><section><h2>Fonts</h2><p>Letter Drop and Shift 23 use Zilla Slab, copyright 2017 The Mozilla Foundation, under the SIL Open Font License 1.1. The bundled font and full license are retained with each game.</p><p><a href=\"https://github.com/mozilla/zilla-slab\" target=\"_blank\" rel=\"noopener noreferrer\">Zilla Slab source and license</a></p></section><section><h2>All-ages word filters</h2><p>The curated filters draw on the English LDNOOBW list, copyright Shutterstock, Inc. and the LDNOOBW contributors, under Creative Commons Attribution 4.0 International. Our filters select entries, add inflected forms and stems, and include local additions.</p><p><a href=\"https://github.com/LDNOOBW/List-of-Dirty-Naughty-Obscene-and-Otherwise-Bad-Words\" target=\"_blank\" rel=\"noopener noreferrer\">Source list</a> · <a href=\"https://creativecommons.org/licenses/by/4.0/\" target=\"_blank\" rel=\"noopener noreferrer\">CC BY 4.0</a></p></section></article>",
+	"parts": [],
+	"segments": ["<article class=\"policy\" aria-labelledby=\"licenses-title\"><h1 id=\"licenses-title\" tabindex=\"-1\">Source licenses and credits</h1><section><h2>Map data</h2><p>Made with Natural Earth. Map Guess uses Natural Earth vector data v5.1.2, with source checksums and a mechanical combination of default, ISO and national border views. The data is in the public domain.</p><p><a href=\"https://www.naturalearthdata.com/about/terms-of-use/\" target=\"_blank\" rel=\"noopener noreferrer\">Natural Earth terms of use</a> · <a href=\"https://www.naturalearthdata.com/about/disputed-boundaries-policy/\" target=\"_blank\" rel=\"noopener noreferrer\">Disputed boundaries policy</a></p></section><section><h2>Word lists</h2><p>Several games use derived SCOWL 2020.12.07 word lists. Copyright 2000–2018 Kevin Atkinson, with portions copyright by the source contributors. SCOWL combines word-list sources under permissive licenses; the full copyright notices are retained with each derived list in our repository.</p><p><a href=\"https://github.com/en-wl/wordlist/blob/5ef55f9/scowl/Copyright\" target=\"_blank\" rel=\"noopener noreferrer\">SCOWL license notices</a></p></section><section><h2>Fonts</h2><p>Letter Drop and Shift 23 use Zilla Slab, copyright 2017 The Mozilla Foundation, under the SIL Open Font License 1.1. The bundled font and full license are retained with each game.</p><p><a href=\"https://github.com/mozilla/zilla-slab\" target=\"_blank\" rel=\"noopener noreferrer\">Zilla Slab source and license</a></p></section><section><h2>All-ages word filters</h2><p>The curated filters draw on the English LDNOOBW list, copyright Shutterstock, Inc. and the LDNOOBW contributors, under Creative Commons Attribution 4.0 International. Our filters select entries, add inflected forms and stems, and include local additions.</p><p><a href=\"https://github.com/LDNOOBW/List-of-Dirty-Naughty-Obscene-and-Otherwise-Bad-Words\" target=\"_blank\" rel=\"noopener noreferrer\">Source list</a> · <a href=\"https://creativecommons.org/licenses/by/4.0/\" target=\"_blank\" rel=\"noopener noreferrer\">CC BY 4.0</a></p></section></article>"]
+};
+var _gyral$t27 = {
+	"id": "2g6buycd07h",
+	"html": "<a class=\"skip-link\" href=\"#main\">Skip to content</a><header class=\"masthead\"><a class=\"brand\" href=\"/\"> <svg class=\"logo\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"4\" y=\"22\" width=\"24\" height=\"6\" rx=\"1.5\" class=\"logo-base\"/><rect x=\"14.5\" y=\"8\" width=\"3\" height=\"15\" class=\"logo-stick\"/><circle cx=\"16\" cy=\"8\" r=\"5\" class=\"logo-ball\"/><circle cx=\"24\" cy=\"24.5\" r=\"1.6\" class=\"logo-button\"/></svg> <span class=\"wordmark\">Joystyk</span> </a><nav class=\"main-nav\" aria-label=\"Main\"><ul><li><a href=\"/\">All games</a></li></ul></nav></header>",
+	"parts": [[
+		3,
+		[
+			1,
+			1,
+			0,
+			0,
+			0
+		],
+		"aria-current"
+	], [0, [
+		1,
+		1,
+		0
+	]]],
+	"segments": [
+		"<a class=\"skip-link\" href=\"#main\">Skip to content</a><header class=\"masthead\"><a class=\"brand\" href=\"/\"> <svg class=\"logo\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"4\" y=\"22\" width=\"24\" height=\"6\" rx=\"1.5\" class=\"logo-base\"/><rect x=\"14.5\" y=\"8\" width=\"3\" height=\"15\" class=\"logo-stick\"/><circle cx=\"16\" cy=\"8\" r=\"5\" class=\"logo-ball\"/><circle cx=\"24\" cy=\"24.5\" r=\"1.6\" class=\"logo-button\"/></svg> <span class=\"wordmark\">Joystyk</span> </a><nav class=\"main-nav\" aria-label=\"Main\"><ul><li><a href=\"/\"",
+		{
+			"k": "attr",
+			"name": "aria-current"
+		},
+		">All games</a></li>",
+		{
+			"k": "child",
+			"in": "ul"
+		},
+		"</ul></nav></header>"
+	]
+};
+var _gyral$t28 = {
+	"id": "19mbu252kjh",
+	"html": "<footer class=\"site-footer\"><p><span class=\"wordmark small\">Joystyk</span> Free games for every age. No sign-up, no download.</p><nav class=\"footer-nav\" aria-label=\"Footer\"><ul><li><a>Advertise with us</a></li><li><a href=\"/licenses\">Source licenses</a></li></ul></nav><p><small>Game listings marked “Coming soon” are previews while the platform is built.</small></p></footer>",
+	"parts": [[
+		3,
+		[
+			0,
+			1,
+			0,
+			0,
+			0
+		],
+		"href"
+	]],
+	"segments": [
+		"<footer class=\"site-footer\"><p><span class=\"wordmark small\">Joystyk</span> Free games for every age. No sign-up, no download.</p><nav class=\"footer-nav\" aria-label=\"Footer\"><ul><li><a",
+		{
+			"k": "attr",
+			"name": "href"
+		},
+		">Advertise with us</a></li><li><a href=\"/licenses\">Source licenses</a></li></ul></nav><p><small>Game listings marked “Coming soon” are previews while the platform is built.</small></p></footer>"
+	]
+};
+/** A billboard slot; `<ad-slot>` reserves its box from the slot registry and fills it lazily. */
+var adSlot = (id, c) => compiled(_gyral$t0, [
+	id,
+	c.page,
+	c.game,
+	c.category
+]);
+/** What the launcher needs from a game page's data. */
+var launcherGameOf = (g) => ({
+	id: g.id,
+	name: g.name,
+	modes: g.modes,
+	players: g.players,
+	aiLevels: g.aiLevels,
+	status: g.status,
+	aiContent: g.aiContent,
+	...g.options === void 0 ? {} : { options: g.options }
+});
+var Badge = (text) => compiled(_gyral$t1, [text]);
+var badges = (g) => compiled(_gyral$t2, [
+	g.status,
+	STATUS_LABELS[g.status],
+	playersLabel(g.players),
+	each(g.modes, (m) => m, (m) => Badge(MODE_LABELS[m]))
+]);
+var cardBody = (g) => compiled(_gyral$t3, [
+	g.summary,
+	badges(g),
+	g.id
+]);
+/** A game card under an h2 section heading. */
+var CardH3 = (g) => compiled(_gyral$t4, [
+	g.category,
+	gamePath(g.id),
+	g.name,
+	cardBody(g)
+]);
+/** A game card directly under the page's h1. */
+var CardH2 = (g) => compiled(_gyral$t5, [
+	g.category,
+	gamePath(g.id),
+	g.name,
+	cardBody(g)
+]);
+var grid = (games, card) => compiled(_gyral$t6, [each(games, (g) => g.id, card)]);
+var loading = (failed, what) => compiled(_gyral$t7, [failed ? "false" : "true", failed ? `The ${what} could not load. Reload the page to try again.` : `Loading ${what}…`]);
+var CrumbItem = (c, current) => compiled(_gyral$t8, [
+	c.href,
+	current ? "page" : null,
+	c.name
+]);
+var breadcrumbs = (crumbs) => {
+	const last = crumbs.at(-1)?.href;
+	return compiled(_gyral$t9, [each(crumbs, (c) => c.href, CrumbItem, (c) => c.href === last)]);
+};
+var categoryOf = (c, id) => c.categories.find((k) => k.id === id);
+var CategorySection = (k, games) => compiled(_gyral$t10, [
+	k.id,
+	k.id,
+	k.id,
+	categoryPath(k.id),
+	k.name,
+	k.description,
+	grid(games, CardH3)
+]);
+var LineupItem = (r) => compiled(_gyral$t11, [
+	rankLabel(r.rank),
+	gamePath(r.game.id),
+	r.game.name,
+	r.game.id,
+	r.category,
+	playersRange(r.game.players),
+	STATUS_LABELS[r.game.status]
+]);
+var lineup = (rows) => compiled(_gyral$t12, [each(rows, (r) => r.game.id, LineupItem)]);
+var rail = (c) => compiled(_gyral$t13, [adSlot("category-rail", c)]);
+var HOME = { page: "home" };
+function homeView(c) {
+	const games = c.summaries;
+	const featured = games?.filter((g) => g.featured) ?? [];
+	const [first, ...rest] = c.categories;
+	const section = (k) => CategorySection(k, games?.filter((g) => g.category === k.id) ?? []);
+	return compiled(_gyral$t14, [games === null ? loading(c.summariesLoad === "failed", "games") : compiled(_gyral$t15, [
+		grid(featured, CardH3),
+		adSlot("index-hero", HOME),
+		first === void 0 ? nothing : section(first),
+		rest.length > 0 ? adSlot("index-inline", HOME) : nothing,
+		rest.map(section),
+		lineup(games.map((game, n) => ({
+			rank: n + 1,
+			game,
+			category: categoryOf(c, game.category)?.name ?? game.category
+		})))
+	]), rail(HOME)]);
+}
+var OtherCategory = (k) => compiled(_gyral$t16, [
+	categoryPath(k.id),
+	k.name,
+	k.games
+]);
+function categoryView(k, c) {
+	const games = c.summaries?.filter((g) => g.category === k.id);
+	return compiled(_gyral$t17, [
+		k.id,
+		breadcrumbs([{
+			name: "Games",
+			href: "/"
+		}, {
+			name: k.name,
+			href: categoryPath(k.id)
+		}]),
+		k.name,
+		k.description,
+		games === void 0 ? loading(c.summariesLoad === "failed", "games") : grid(games, CardH2),
+		each(c.categories.filter((o) => o.id !== k.id), (o) => o.id, OtherCategory),
+		rail({
+			page: "category",
+			category: k.id
+		})
+	]);
+}
+/**
+* The PWA's "Make available offline" control (@joystyk/pwa defines the element in the
+* browser). Server-rendered as an empty box; it fills in once a service worker is active.
+*/
+var offlineToggle = (g) => compiled(_gyral$t18, [
+	g.id,
+	g.name,
+	g.assets
+]);
+var Rule = (rule) => compiled(_gyral$t1, [rule]);
+var OtherGame = (g) => compiled(_gyral$t19, [
+	gamePath(g.id),
+	g.name,
+	g.summary,
+	g.id
+]);
+function gameView(g, c) {
+	const k = categoryOf(c, g.category);
+	const others = c.summaries?.filter((o) => o.id !== g.id) ?? [];
+	return compiled(_gyral$t20, [
+		g.category,
+		breadcrumbs([
+			{
+				name: "Games",
+				href: "/"
+			},
+			...k === void 0 ? [] : [{
+				name: k.name,
+				href: categoryPath(k.id)
+			}],
+			{
+				name: g.name,
+				href: gamePath(g.id)
+			}
+		]),
+		k === void 0 ? "Game" : `${k.name} game`,
+		pageTitleOf(g),
+		g.summary,
+		STATUS_LABELS[g.status],
+		playersLabel(g.players),
+		g.modes.map((m) => MODE_LABELS[m]).join(", "),
+		g.aiLevels.length === 0 ? nothing : compiled(_gyral$t21, []),
+		g.modes.includes("daily") ? adSlot("daily-presenting", {
+			page: "daily",
+			game: g.id,
+			category: g.category
+		}) : nothing,
+		g.name,
+		launcherGameOf(g),
+		g.status === "available" ? offlineToggle(g) : nothing,
+		adSlot("game-page", {
+			page: "game",
+			game: g.id,
+			category: g.category
+		}),
+		g.name,
+		g.description,
+		g.attribution === void 0 ? nothing : compiled(_gyral$t22, [g.attribution.href, g.attribution.text]),
+		g.name,
+		g.placeholder ? compiled(_gyral$t23, []) : nothing,
+		each(g.rules, (r) => r, Rule),
+		others.length === 0 ? nothing : compiled(_gyral$t24, [each(others, (o) => o.id, OtherGame)])
+	]);
+}
+var notFoundView = () => compiled(_gyral$t25, []);
+/** True when the page's content (and so its h1) is on screen, rather than a loading line. */
+function isReady(page, c) {
+	switch (page._tag) {
+		case "Home": return c.summaries !== null;
+		case "Category": return c.summaries !== null || !c.categories.some((k) => k.id === page.id);
+		case "Game": return page.id in c.games || c.missing.includes(page.id);
+		case "Advertise":
+		case "Licenses":
+		case "AdvertisePolicy":
+		case "AdvertiseSent":
+		case "LeavingSite":
+		case "NotFound": return true;
+	}
+}
+function mainView(page, c) {
+	switch (page._tag) {
+		case "Home": return homeView(c);
+		case "NotFound": return notFoundView();
+		case "Licenses": return compiled(_gyral$t26, []);
+		case "Advertise": return advertiseView(c);
+		case "AdvertisePolicy": return policyView();
+		case "AdvertiseSent": return sentView();
+		case "LeavingSite": return c.leaving?.id === page.id ? leavingView(c.leaving) : notFoundView();
+		case "Category": {
+			const k = categoryOf(c, page.id);
+			return k === void 0 ? notFoundView() : categoryView(k, c);
+		}
+		case "Game": {
+			const g = c.games[page.id];
+			if (g !== void 0) return gameView(g, c);
+			if (c.missing.includes(page.id)) return notFoundView();
+			return loading(c.gameLoads[page.id] === "failed", "game");
+		}
+	}
+}
+var NavItem = (k, current) => compiled(_gyral$t8, [
+	categoryPath(k.id),
+	current ? "page" : null,
+	k.name
+]);
+var masthead = (page, c) => compiled(_gyral$t27, [page._tag === "Home" ? "page" : null, each(c.categories, (k) => k.id, NavItem, (k) => page._tag === "Category" && page.id === k.id)]);
+var footer = () => compiled(_gyral$t28, [ADVERTISE_PATH]);
+//#endregion
+export { footer, isReady, launcherGameOf, mainView, masthead };
+
+//# sourceMappingURL=views.js.map