@mindful-web/marko-web-theme-monorail 1.0.0

package/components/page/website-section.marko

@@ -0,0 +1,30 @@
+import { get, getAsObject } from "@mindful-web/object-path";
+
+$ const {
+  id,
+  alias,
+  name,
+  withRss = true,
+  head,
+  abovePage,
+  belowPage,
+  page,
+  ...rest
+} = input;
+$ const { document } = out.global;
+
+<${document} ...rest>
+  <@head>
+    <marko-web-website-section-page-metadata alias=alias />
+    <if(withRss)>
+      <marko-web-website-section-rss query-name="website-scheduled-content" query-params={ sectionAlias: alias } name=name />
+    </if>
+    <${head} />
+  </@head>
+  <!-- Note: camelcased vars due to nest input of dynamic document. perhaps a marko bug -->
+  <@container abovePage=abovePage belowPage=belowPage>
+    <@page for="website-section" id=id>
+      <${page} />
+    </@page>
+  </@container>
+</>

package/components/page/website-section.marko.js

@@ -0,0 +1,83 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.0.0/components/page/website-section.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    get = module_objectPath_module.get,
+    getAsObject = module_objectPath_module.getAsObject,
+    marko_web_website_section_page_metadata_template = require("@mindful-web/marko-web/components/page/metadata/website-section.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_website_section_page_metadata_tag = marko_loadTag(marko_web_website_section_page_metadata_template),
+    marko_web_website_section_rss_template = require("@mindful-web/marko-web/components/rss/website-section.marko"),
+    marko_web_website_section_rss_tag = marko_loadTag(marko_web_website_section_rss_template),
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_assign = require("marko/dist/runtime/helpers/assign");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const {
+  id,
+  alias,
+  name,
+  withRss = true,
+  head,
+  abovePage,
+  belowPage,
+  page,
+  ...rest
+} = input;
+
+  const { document } = out.global;
+
+  marko_dynamicTag(out, document, function() {
+    return marko_assign({}, rest, {
+        head: {
+            renderBody: function(out) {
+              marko_web_website_section_page_metadata_tag({
+                  alias: alias
+                }, out, __component, "2");
+
+              if (withRss) {
+                marko_web_website_section_rss_tag({
+                    queryName: "website-scheduled-content",
+                    queryParams: {
+                        sectionAlias: alias
+                      },
+                    name: name
+                  }, out, __component, "3");
+              }
+
+              marko_dynamicTag(out, head, null, null, null, null, __component, "4");
+            }
+          },
+        container: {
+            abovePage: abovePage,
+            belowPage: belowPage,
+            page: {
+                for: "website-section",
+                id: id,
+                renderBody: function(out) {
+                  marko_dynamicTag(out, page, null, null, null, null, __component, "7");
+                }
+              }
+          }
+      });
+  }, null, null, null, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/page/website-section.marko",
+    tags: [
+      "@mindful-web/marko-web/components/page/metadata/website-section.marko",
+      "@mindful-web/marko-web/components/rss/website-section.marko"
+    ]
+  };

package/components/pagination-controls.marko

@@ -0,0 +1,53 @@
+import { URLSearchParams } from "url";
+import { cleanPath } from "@mindful-web/utils";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+
+$ const { perPage, totalCount, path } = input;
+$ const asRels = defaultValue(input.asRels, false);
+$ const { pagination: p, i18n } = out.global;
+
+$ const totalPages = p.totalPages({ perPage, totalCount });
+$ const nextPage = p.nextPage({ perPage, totalCount });
+$ const prevPage = p.prevPage();
+
+$ const nextQuery = new URLSearchParams({ ...input.query, page: nextPage });
+$ const prevQuery = new URLSearchParams({ ...input.query, page: prevPage });
+
+$ const nextHref = `/${cleanPath(path)}?${nextQuery}`;
+$ const prevHref = `/${cleanPath(path)}?${prevQuery}`;
+
+$ const blockName = "pagination-controls";
+
+<if(totalCount)>
+  <if(asRels)>
+    <if(prevPage)>
+      <link rel="prev" href=prevHref />
+    </if>
+    <if(nextPage)>
+      <link rel="next" href=nextHref />
+    </if>
+  </if>
+  <else>
+    <marko-web-block name=blockName class=input.class>
+      <if(prevPage)>
+        <marko-web-link
+          class=`btn btn-primary ${blockName}__prev`
+          href=prevHref
+        >
+          ${i18n("Previous Page")}
+        </marko-web-link>
+      </if>
+      <marko-web-element block-name=blockName name="pages">
+        ${i18n("Page")} ${p.page} ${i18n("of")} ${totalPages}
+      </marko-web-element>
+      <if(nextPage)>
+        <marko-web-link
+          class=`btn btn-primary ${blockName}__next`
+          href=nextHref
+        >
+          ${i18n("Next Page")}
+        </marko-web-link>
+      </if>
+    </marko-web-block>
+  </else>
+</if>

package/components/pagination-controls.marko.js

@@ -0,0 +1,122 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.0.0/components/pagination-controls.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_url_module = require("url"),
+    url_module = module_url_module.default || module_url_module,
+    URLSearchParams = module_url_module.URLSearchParams,
+    module_utils_module = require("@mindful-web/utils"),
+    utils_module = module_utils_module.default || module_utils_module,
+    cleanPath = module_utils_module.cleanPath,
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    marko_attr = require("marko/dist/runtime/html/helpers/attr"),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_web_link_template = require("@mindful-web/marko-web/components/element/link.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_link_tag = marko_loadTag(marko_web_link_template),
+    marko_web_element_template = require("@mindful-web/marko-web/components/element/index.marko"),
+    marko_web_element_tag = marko_loadTag(marko_web_element_template),
+    marko_web_block_template = require("@mindful-web/marko-web/components/element/block.marko"),
+    marko_web_block_tag = marko_loadTag(marko_web_block_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { perPage, totalCount, path } = input;
+
+  const asRels = defaultValue(input.asRels, false);
+
+  const { pagination: p, i18n } = out.global;
+
+  const totalPages = p.totalPages({ perPage, totalCount });
+
+  const nextPage = p.nextPage({ perPage, totalCount });
+
+  const prevPage = p.prevPage();
+
+  const nextQuery = new URLSearchParams({ ...input.query, page: nextPage });
+
+  const prevQuery = new URLSearchParams({ ...input.query, page: prevPage });
+
+  const nextHref = `/${cleanPath(path)}?${nextQuery}`;
+
+  const prevHref = `/${cleanPath(path)}?${prevQuery}`;
+
+  const blockName = "pagination-controls";
+
+  if (totalCount) {
+    if (asRels) {
+      if (prevPage) {
+        out.w("<link rel=\"prev\"" +
+          marko_attr("href", prevHref) +
+          ">");
+      }
+
+      if (nextPage) {
+        out.w("<link rel=\"next\"" +
+          marko_attr("href", nextHref) +
+          ">");
+      }
+    } else {
+      marko_web_block_tag({
+          name: blockName,
+          tag: "div",
+          class: input.class,
+          renderBody: function(out) {
+            if (prevPage) {
+              marko_web_link_tag({
+                  class: ("btn btn-primary " + blockName) + "__prev",
+                  href: prevHref,
+                  renderBody: function(out) {
+                    out.w(marko_escapeXml(i18n("Previous Page")));
+                  }
+                }, out, __component, "3");
+            }
+
+            marko_web_element_tag({
+                name: "pages",
+                tag: "div",
+                blockName: blockName,
+                renderBody: function(out) {
+                  out.w(marko_escapeXml(i18n("Page")) +
+                    " " +
+                    marko_escapeXml(p.page) +
+                    " " +
+                    marko_escapeXml(i18n("of")) +
+                    " " +
+                    marko_escapeXml(totalPages));
+                }
+              }, out, __component, "4");
+
+            if (nextPage) {
+              marko_web_link_tag({
+                  class: ("btn btn-primary " + blockName) + "__next",
+                  href: nextHref,
+                  renderBody: function(out) {
+                    out.w(marko_escapeXml(i18n("Next Page")));
+                  }
+                }, out, __component, "5");
+            }
+          }
+        }, out, __component, "2");
+    }
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/pagination-controls.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/link.marko",
+      "@mindful-web/marko-web/components/element/index.marko",
+      "@mindful-web/marko-web/components/element/block.marko"
+    ]
+  };

package/components/query-total-count.marko

@@ -0,0 +1,8 @@
+import queryTotalCount from "../utils/query-total-count";
+
+$ const { apollo } = out.global;
+<marko-web-resolve|{ resolved: totalCount }|
+  promise=queryTotalCount(apollo, { name: input.name, params: input.params })
+>
+  <${input.renderBody} total-count=totalCount />
+</marko-web-resolve>

package/components/query-total-count.marko.js

@@ -0,0 +1,45 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.0.0/components/query-total-count.marko",
+    marko_component = require("./query-total-count.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_queryTotalCount = require("../utils/query-total-count"),
+    queryTotalCount = module_queryTotalCount.default || module_queryTotalCount,
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_web_resolve_template = require("@mindful-web/marko-core/components/resolve.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_resolve_tag = marko_loadTag(marko_web_resolve_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { apollo } = out.global;
+
+  marko_web_resolve_tag({
+      promise: queryTotalCount(apollo, {
+          name: input.name,
+          params: input.params
+        }),
+      renderBody: function(out, { resolved: totalCount }) {
+        marko_dynamicTag(out, input.renderBody, function() {
+          return {
+              "total-count": totalCount
+            };
+        }, null, null, null, __component, "1");
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/query-total-count.marko",
+    component: "./query-total-count.marko",
+    tags: [
+      "@mindful-web/marko-core/components/resolve.marko"
+    ]
+  };

package/components/reveal-ad-handler.marko

@@ -0,0 +1,9 @@
+$ const props = {
+  id: input.id,
+  path: input.path,
+  target: input.target,
+  defaults: input.defaults,
+  selectAllTargets: input.selectAllTargets,
+};
+
+<marko-web-browser-component name="RevealAdHandler" props=props />

package/components/reveal-ad-handler.marko.js

@@ -0,0 +1,38 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.0.0/components/reveal-ad-handler.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_web_browser_component_template = require("@mindful-web/marko-web/components/browser-component.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_browser_component_tag = marko_loadTag(marko_web_browser_component_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const props = {
+  id: input.id,
+  path: input.path,
+  target: input.target,
+  defaults: input.defaults,
+  selectAllTargets: input.selectAllTargets,
+};
+
+  marko_web_browser_component_tag({
+      name: "RevealAdHandler",
+      props: props
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/reveal-ad-handler.marko",
+    tags: [
+      "@mindful-web/marko-web/components/browser-component.marko"
+    ]
+  };

package/components/site-footer/container.marko

@@ -0,0 +1,11 @@
+$ const blockName = input.blockName || "site-footer";
+
+<marko-web-element
+  block-name=blockName
+  name="container"
+  tag=input.tag
+  modifiers=input.modifiers
+  attrs=input.attrs
+>
+  <${input.renderBody} />
+</marko-web-element>

package/components/site-footer/container.marko.js

@@ -0,0 +1,39 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.0.0/components/site-footer/container.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_web_element_template = require("@mindful-web/marko-web/components/element/index.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_element_tag = marko_loadTag(marko_web_element_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = input.blockName || "site-footer";
+
+  marko_web_element_tag({
+      name: "container",
+      tag: input.tag,
+      blockName: blockName,
+      modifiers: input.modifiers,
+      attrs: input.attrs,
+      renderBody: function(out) {
+        marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "1");
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/site-footer/container.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/index.marko"
+    ]
+  };

package/components/site-footer/copyright.marko

@@ -0,0 +1,21 @@
+$ const blockName = input.blockName || "site-footer";
+$ const year = input.year || (new Date().getFullYear());
+$ const notice = input.notice || "All rights reserved.";
+$ const company = input.company ? `${input.company}.` : "";
+
+<marko-web-element
+  block-name=blockName
+  name="copyright"
+  tag=input.tag
+  modifiers=input.modifiers
+>
+  <if(input.renderBody)>
+    <${input.renderBody} />
+  </if>
+  <else-if(input.href)>
+    <a href=input.href target="_blank">&copy; ${year} ${company} ${notice}</a>
+  </else-if>
+  <else>
+    &copy; ${year} ${company} ${notice}
+  </else>
+</marko-web-element>

package/components/site-footer/copyright.marko.js

@@ -0,0 +1,66 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.0.0/components/site-footer/copyright.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_attr = require("marko/dist/runtime/html/helpers/attr"),
+    marko_web_element_template = require("@mindful-web/marko-web/components/element/index.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_element_tag = marko_loadTag(marko_web_element_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = input.blockName || "site-footer";
+
+  const year = input.year || (new Date().getFullYear());
+
+  const notice = input.notice || "All rights reserved.";
+
+  const company = input.company ? `${input.company}.` : "";
+
+  marko_web_element_tag({
+      name: "copyright",
+      tag: input.tag,
+      blockName: blockName,
+      modifiers: input.modifiers,
+      renderBody: function(out) {
+        if (input.renderBody) {
+          marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "1");
+        } else if (input.href) {
+          out.w("<a" +
+            marko_attr("href", input.href) +
+            " target=\"_blank\">&copy; " +
+            marko_escapeXml(year) +
+            " " +
+            marko_escapeXml(company) +
+            " " +
+            marko_escapeXml(notice) +
+            "</a>");
+        } else {
+          out.w("&copy; " +
+            marko_escapeXml(year) +
+            " " +
+            marko_escapeXml(company) +
+            " " +
+            marko_escapeXml(notice));
+        }
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/site-footer/copyright.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/index.marko"
+    ]
+  };

package/components/site-footer/index.marko

@@ -0,0 +1,130 @@
+import getNavItems from "@mindful-web/marko-web-theme-monorail/components/site-navbar/utils/get-nav-items";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import { getAsObject } from "@mindful-web/object-path";
+import { asObject } from "@mindful-web/utils";
+
+$ const { config, site, i18n } = out.global;
+$ const newsletterSignupConfigName = defaultValue(input.newsletterSignupConfigName, "signupFooter");
+$ const newsletterBlockProps = getAsObject(input, "newsletterBlockProps");
+$ const newsletterConfig = site.getAsObject(`newsletter.${newsletterSignupConfigName}`);
+$ const blockName = input.blockName || "site-footer";
+$ const tagline = site.get("tagline");
+$ const useIdxNewsletterSignup = defaultValue(input.useIdxNewsletterSignup, true);
+
+<marko-web-block
+  name=blockName
+  tag=(input.tag || "footer")
+  class=input.class
+  modifiers=input.modifiers
+  attrs=input.attrs
+>
+  <theme-site-footer-container block-name=blockName modifiers=["secondary"] attrs={ "aria-label": "Footer Secondary Navigation" }>
+    <marko-web-element block-name=blockName name="inner-container">
+
+      <theme-site-navbar-brand block-name=blockName title=`${config.website("name")} Homepage`>
+        <theme-site-navbar-logo
+          block-name=blockName
+          alt=config.website("name")
+          src=site.get("logos.footer.src")
+          srcset=site.getAsArray("logos.footer.srcset").join(", ")
+          width=site.get("logos.footer.width")
+          height=site.get("logos.footer.height")
+          lazyload=true
+        />
+      </theme-site-navbar-brand>
+
+      <if(tagline)>
+        <marko-web-element block-name=blockName name="tagline" modifiers="tagline">${tagline}</marko-web-element>
+      </if>
+
+      <div class="row">
+        <marko-web-element block-name=blockName name="section" attrs={ "aria-label": "Newsletter Sign-Up Form Footer"}>
+          <if(!newsletterConfig.disabled && useIdxNewsletterSignup)>
+            <identity-x-newsletter-form-footer config-name=newsletterSignupConfigName ...newsletterBlockProps />
+          </if>
+          <else-if(!newsletterConfig.disabled && newsletterConfig.action)>
+            <theme-newsletter-signup-banner-external-block
+              block-name="site-footer-newsletter"
+              config-name=newsletterSignupConfigName
+              ...input.newsletterBlockProps
+            />
+          </else-if>
+        </marko-web-element>
+        <marko-web-element block-name=blockName name="section" attrs={ "aria-label": "Social Media Links" }>
+          <theme-social-follow dark=false modifiers=["site-footer"] />
+        </marko-web-element>
+        <marko-web-element block-name=blockName name="section" attrs={ "aria-label": "Footer Site Section Navigation"}>
+
+          <div class="row">
+            $ const navBlockName = "site-footer-nav";
+            <marko-web-block name=navBlockName class="col-6">
+              $ const topics = site.getAsArray("navigation.footer.topics");
+              <if(topics.length)>
+                <theme-site-menu-section
+                  tag="nav"
+                  block-name=navBlockName
+                  label=`${i18n("Topics")}`
+                  items=topics
+                  reg-enabled=false
+                  has-user=false
+                  attrs={ "aria-label": "Site Footer Navigation Topics Section" }
+                />
+              </if>
+            </marko-web-block>
+            <marko-web-block name=navBlockName class="col-6">
+              $ const more = site.getAsArray("navigation.footer.more");
+              <if(more.length)>
+                <theme-site-menu-section
+                  tag="nav"
+                  block-name=navBlockName
+                  label=`${i18n("More")}`
+                  items=more
+                  reg-enabled=false
+                  has-user=false
+                  attrs={ "aria-label": "Site Footer Navigation More Section" }
+                />
+              </if>
+            </marko-web-block>
+          </div>
+
+        </marko-web-element>
+      </div>
+
+    </marko-web-element>
+  </theme-site-footer-container>
+  <theme-site-footer-container block-name=blockName modifiers=["primary"] attrs={ "aria-label": "Footer Primary Navigation" }>
+    <marko-web-element block-name=blockName name="inner-container">
+      $ const corporateSrc = site.get("logos.corporate.src");
+      $ const corporateSrcset = site.getAsArray("logos.corporate.srcset");
+      $ const corporateHref = site.get("logos.corporate.href");
+      $ const corporateAlt = site.get("logos.corporate.alt") || site.get("company");
+      <if(corporateSrc)>
+        <marko-web-img
+          alt=corporateAlt
+          src=corporateSrc
+          srcset=corporateSrcset
+          link={ href: corporateHref, class: `${blockName}__corporate-link`, target: '_blank' }
+          class=`${blockName}__corporate-logo lazyload`
+          attrs={ width: site.get("logos.corporate.width"), height: site.get("logos.corporate.height") }
+        />
+      </if>
+
+      $ const footerItems = site.getAsArray("navigation.footer.items");
+      <theme-breadcrumbs modifiers=["site-footer"] aria-label="Site Footer Breadcrumbs">
+        <for|item| of=getNavItems({ items: footerItems, hasUser: input.hasUser, regEnabled: input.regEnabled })>
+          <@item>
+            $ const obj = asObject(item);
+            <marko-web-link class=obj.class href=obj.href title=obj.title target=obj.target>
+              $!{obj.label}
+            </marko-web-link>
+          </@item>
+        </for>
+      </theme-breadcrumbs>
+
+      <theme-site-footer-copyright
+        company=site.get("company")
+        notice=site.get("copyrightNotice")
+      />
+    </marko-web-element>
+  </theme-site-footer-container>
+</marko-web-block>