@devslab/site-kit 0.6.0 → 0.8.0

package/dist/solid.server.js

@@ -364,14 +364,14 @@ var _tmpl$3$3 = [
 	">",
 	"</option>"
 ];
-var _tmpl$4$2 = [
+var _tmpl$4$3 = [
 	"<details",
 	" class=\"site-locale-flag\"><summary class=\"site-locale-flag__trigger\"",
 	">",
 	"</summary><ul class=\"site-locale-flag__list\" role=\"list\">",
 	"</ul></details>"
 ];
-var _tmpl$5$2 = [
+var _tmpl$5$3 = [
 	"<li",
 	"><a class=\"site-locale-flag__option\"",
 	"><!--$-->",
@@ -410,7 +410,7 @@ function FlagLocaleMenu(props) {
 		const name = current()?.nativeName;
 		return name ? `${props.messages.localeLabel}: ${name}` : props.messages.localeLabel;
 	};
-	return ssr(_tmpl$4$2, ssrHydrationKey(), ssrAttribute("aria-label", escape(triggerLabel(), true), false) + ssrAttribute("title", escape(props.messages.localeLabel, true), false), escape(createComponent(Flag, {
+	return ssr(_tmpl$4$3, ssrHydrationKey(), ssrAttribute("aria-label", escape(triggerLabel(), true), false) + ssrAttribute("title", escape(props.messages.localeLabel, true), false), escape(createComponent(Flag, {
 		get locale() {
 			return props.state.locale;
 		},
@@ -422,7 +422,7 @@ function FlagLocaleMenu(props) {
 		get each() {
 			return registry().LOCALES;
 		},
-		children: (entry) => ssr(_tmpl$5$2, ssrHydrationKey(), ssrAttribute("href", escape(props.state.hrefForLocale(entry.code), true), false) + ssrAttribute("lang", escape(entry.code, true), false) + ssrAttribute("hreflang", escape(entry.code, true), false) + ssrAttribute("dir", escape(entry.dir, true), false) + ssrAttribute("aria-current", entry.code === props.state.locale ? "true" : escape(void 0, true), false), escape(createComponent(Flag, {
+		children: (entry) => ssr(_tmpl$5$3, ssrHydrationKey(), ssrAttribute("href", escape(props.state.hrefForLocale(entry.code), true), false) + ssrAttribute("lang", escape(entry.code, true), false) + ssrAttribute("hreflang", escape(entry.code, true), false) + ssrAttribute("dir", escape(entry.dir, true), false) + ssrAttribute("aria-current", entry.code === props.state.locale ? "true" : escape(void 0, true), false), escape(createComponent(Flag, {
 			get locale() {
 				return entry.code;
 			},
@@ -462,10 +462,35 @@ var _tmpl$2$2 = [
 var _tmpl$3$2 = [
 	"<footer",
 	" class=\"site-footer\"",
-	"><div class=\"site-footer__inner\"><strong>",
-	"</strong><ul class=\"site-footer__links\">",
-	"</ul><small>",
-	"</small></div></footer>"
+	"><div class=\"site-footer__inner\"><!--$-->",
+	"<!--/--><div class=\"site-footer__row\"><p class=\"site-footer__brand\"><!--$-->",
+	"<!--/--><strong>",
+	"</strong><!--$-->",
+	"<!--/--></p><ul class=\"site-footer__links\"><!--$-->",
+	"<!--/--><li>",
+	"</li></ul></div></div></footer>"
+];
+var _tmpl$4$2 = [
+	"<nav",
+	" class=\"site-footer__langs\"",
+	">",
+	"</nav>"
+];
+var _tmpl$5$2 = [
+	"<a",
+	">",
+	"</a>"
+];
+var _tmpl$6$2 = ["<span", " aria-hidden=\"true\">·</span>"];
+var _tmpl$7$2 = [
+	"<bdi",
+	">",
+	"</bdi>"
+];
+var _tmpl$8$1 = [
+	"<a",
+	"><bdi>",
+	"</bdi></a>"
 ];
 function ThemeToggle(props) {
 	const order = [
@@ -547,13 +572,50 @@ function SiteHeader(props) {
 		return props.messages;
 	} }))), escape(props.actions));
 }
+/**
+* The family footer: a language row, then the brand beside its family links,
+* then the page's links and the copyright.
+*
+* Every product wrote this by hand. VisionLinq, BookLinq and TraceLinq each
+* carried their own copy with a comment saying the kit's footer "takes only a
+* flat link list; extending it is a dds release this page would then wait on" —
+* three copies and three notes naming the same missing release. Their CSS had
+* already converged byte-for-byte. This is that release.
+*
+* Additive: a caller that passes only brand/links/copyright/messages gets the
+* same single row it got before, plus its brand mark if it set one.
+*/
 function SiteFooter(props) {
-	return ssr(_tmpl$3$2, ssrHydrationKey(), ssrAttribute("aria-label", escape(props.messages.footerLabel, true), false), escape(props.brand.name), escape(createComponent(For, {
+	const registry = () => props.localeRegistry ?? FAMILY_LOCALES;
+	return ssr(_tmpl$3$2, ssrHydrationKey(), ssrAttribute("aria-label", escape(props.messages.footerLabel, true), false), escape(createComponent(Show, {
+		get when() {
+			return props.locale;
+		},
+		children: (locale) => ssr(_tmpl$4$2, ssrHydrationKey(), ssrAttribute("aria-label", escape(props.messages.localeLabel, true), false), escape(createComponent(For, {
+			get each() {
+				return registry().LOCALES;
+			},
+			children: (entry) => ssr(_tmpl$5$2, ssrHydrationKey() + ssrAttribute("href", escape(locale().hrefForLocale(entry.code), true), false) + ssrAttribute("hreflang", escape(entry.code, true), false) + ssrAttribute("lang", escape(entry.code, true), false) + ssrAttribute("dir", escape(entry.dir, true), false) + ssrAttribute("aria-current", entry.code === locale().locale ? "page" : escape(void 0, true), false), escape(entry.nativeName))
+		})))
+	})), escape(props.brand.logo), escape(props.brand.name), escape(createComponent(For, {
+		get each() {
+			return props.family ?? [];
+		},
+		children: (item) => [ssr(_tmpl$6$2, ssrHydrationKey()), ssr(_tmpl$5$2, ssrHydrationKey() + ssrAttribute("href", escape(item.href, true), false), escape(item.label))]
+	})), escape(createComponent(For, {
 		get each() {
 			return props.links;
 		},
 		children: (item) => ssr(_tmpl$2$2, ssrHydrationKey(), ssrAttribute("href", escape(item.href, true), false), escape(item.label))
-	})), escape(props.copyright));
+	})), escape(createComponent(Show, {
+		get when() {
+			return props.copyrightHref;
+		},
+		get fallback() {
+			return ssr(_tmpl$7$2, ssrHydrationKey(), escape(props.copyright));
+		},
+		children: (href) => ssr(_tmpl$8$1, ssrHydrationKey() + ssrAttribute("href", escape(href(), true), false), escape(props.copyright))
+	})));
 }
 //#endregion
 //#region src/solid/layouts.tsx