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

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

@@ -0,0 +1,338 @@
+// 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/index.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_getNavItems = require("@mindful-web/marko-web-theme-monorail/components/site-navbar/utils/get-nav-items"),
+    getNavItems = module_getNavItems.default || module_getNavItems,
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    getAsObject = module_objectPath_module.getAsObject,
+    module_utils_module = require("@mindful-web/utils"),
+    utils_module = module_utils_module.default || module_utils_module,
+    asObject = module_utils_module.asObject,
+    theme_site_navbar_logo_template = require("../site-navbar/logo.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_site_navbar_logo_tag = marko_loadTag(theme_site_navbar_logo_template),
+    theme_site_navbar_brand_template = require("../site-navbar/brand.marko"),
+    theme_site_navbar_brand_tag = marko_loadTag(theme_site_navbar_brand_template),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_web_element_template = require("@mindful-web/marko-web/components/element/index.marko"),
+    marko_web_element_tag = marko_loadTag(marko_web_element_template),
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    identity_x_newsletter_form_footer_template = require("../identity-x/newsletter-footer.marko"),
+    identity_x_newsletter_form_footer_tag = marko_loadTag(identity_x_newsletter_form_footer_template),
+    theme_newsletter_signup_banner_external_block_template = require("../blocks/newsletter-signup-banner-external.marko"),
+    theme_newsletter_signup_banner_external_block_tag = marko_loadTag(theme_newsletter_signup_banner_external_block_template),
+    theme_social_follow_template = require("../social-follow.marko"),
+    theme_social_follow_tag = marko_loadTag(theme_social_follow_template),
+    theme_site_menu_section_template = require("../site-menu/section.marko"),
+    theme_site_menu_section_tag = marko_loadTag(theme_site_menu_section_template),
+    marko_web_block_template = require("@mindful-web/marko-web/components/element/block.marko"),
+    marko_web_block_tag = marko_loadTag(marko_web_block_template),
+    theme_site_footer_container_template = require("./container.marko"),
+    theme_site_footer_container_tag = marko_loadTag(theme_site_footer_container_template),
+    marko_web_img_template = require("@mindful-web/marko-web/components/element/img.marko"),
+    marko_web_img_tag = marko_loadTag(marko_web_img_template),
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    marko_str = require("marko/dist/runtime/helpers/to-string"),
+    marko_web_link_template = require("@mindful-web/marko-web/components/element/link.marko"),
+    marko_web_link_tag = marko_loadTag(marko_web_link_template),
+    marko_loadNestedTag = require("marko/dist/runtime/helpers/load-nested-tag"),
+    theme_breadcrumbs_item_nested_tag = marko_loadNestedTag("items", 1),
+    marko_mergeNestedTagsHelper = require("marko/dist/runtime/helpers/merge-nested-tags"),
+    theme_breadcrumbs_template = require("../breadcrumbs/index.marko"),
+    theme_breadcrumbs_tag = marko_loadTag(theme_breadcrumbs_template),
+    theme_site_footer_copyright_template = require("./copyright.marko"),
+    theme_site_footer_copyright_tag = marko_loadTag(theme_site_footer_copyright_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  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_tag({
+      name: blockName,
+      tag: input.tag || "footer",
+      class: input.class,
+      modifiers: input.modifiers,
+      attrs: input.attrs,
+      renderBody: function(out) {
+        theme_site_footer_container_tag({
+            blockName: blockName,
+            modifiers: [
+                "secondary"
+              ],
+            attrs: {
+                "aria-label": "Footer Secondary Navigation"
+              },
+            renderBody: function(out) {
+              marko_web_element_tag({
+                  name: "inner-container",
+                  tag: "div",
+                  blockName: blockName,
+                  renderBody: function(out) {
+                    theme_site_navbar_brand_tag({
+                        blockName: blockName,
+                        title: config.website("name") + " Homepage",
+                        renderBody: function(out) {
+                          theme_site_navbar_logo_tag({
+                              blockName: 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
+                            }, out, __component, "4");
+                        }
+                      }, out, __component, "3");
+
+                    if (tagline) {
+                      marko_web_element_tag({
+                          name: "tagline",
+                          tag: "div",
+                          blockName: blockName,
+                          modifiers: "tagline",
+                          renderBody: function(out) {
+                            out.w(marko_escapeXml(tagline));
+                          }
+                        }, out, __component, "5");
+                    }
+
+                    out.w("<div class=\"row\">");
+
+                    marko_web_element_tag({
+                        name: "section",
+                        tag: "div",
+                        blockName: blockName,
+                        attrs: {
+                            "aria-label": "Newsletter Sign-Up Form Footer"
+                          },
+                        renderBody: function(out) {
+                          if ((!newsletterConfig.disabled) && useIdxNewsletterSignup) {
+                            identity_x_newsletter_form_footer_tag(marko_assign({
+                                configName: newsletterSignupConfigName
+                              }, newsletterBlockProps), out, __component, "8");
+                          } else if ((!newsletterConfig.disabled) && newsletterConfig.action) {
+                            theme_newsletter_signup_banner_external_block_tag(marko_assign({
+                                blockName: "site-footer-newsletter",
+                                configName: newsletterSignupConfigName
+                              }, input.newsletterBlockProps), out, __component, "9");
+                          }
+                        }
+                      }, out, __component, "7");
+
+                    marko_web_element_tag({
+                        name: "section",
+                        tag: "div",
+                        blockName: blockName,
+                        attrs: {
+                            "aria-label": "Social Media Links"
+                          },
+                        renderBody: function(out) {
+                          theme_social_follow_tag({
+                              dark: false,
+                              modifiers: [
+                                  "site-footer"
+                                ]
+                            }, out, __component, "11");
+                        }
+                      }, out, __component, "10");
+
+                    marko_web_element_tag({
+                        name: "section",
+                        tag: "div",
+                        blockName: blockName,
+                        attrs: {
+                            "aria-label": "Footer Site Section Navigation"
+                          },
+                        renderBody: function(out) {
+                          out.w("<div class=\"row\">");
+
+                          const navBlockName = "site-footer-nav";
+
+                          marko_web_block_tag({
+                              name: navBlockName,
+                              tag: "div",
+                              class: "col-6",
+                              renderBody: function(out) {
+                                const topics = site.getAsArray("navigation.footer.topics");
+
+                                if (topics.length) {
+                                  theme_site_menu_section_tag({
+                                      tag: "nav",
+                                      blockName: navBlockName,
+                                      label: "" + i18n("Topics"),
+                                      items: topics,
+                                      regEnabled: false,
+                                      hasUser: false,
+                                      attrs: {
+                                          "aria-label": "Site Footer Navigation Topics Section"
+                                        }
+                                    }, out, __component, "15");
+                                }
+                              }
+                            }, out, __component, "14");
+
+                          marko_web_block_tag({
+                              name: navBlockName,
+                              tag: "div",
+                              class: "col-6",
+                              renderBody: function(out) {
+                                const more = site.getAsArray("navigation.footer.more");
+
+                                if (more.length) {
+                                  theme_site_menu_section_tag({
+                                      tag: "nav",
+                                      blockName: navBlockName,
+                                      label: "" + i18n("More"),
+                                      items: more,
+                                      regEnabled: false,
+                                      hasUser: false,
+                                      attrs: {
+                                          "aria-label": "Site Footer Navigation More Section"
+                                        }
+                                    }, out, __component, "17");
+                                }
+                              }
+                            }, out, __component, "16");
+
+                          out.w("</div>");
+                        }
+                      }, out, __component, "12");
+
+                    out.w("</div>");
+                  }
+                }, out, __component, "2");
+            }
+          }, out, __component, "1");
+
+        theme_site_footer_container_tag({
+            blockName: blockName,
+            modifiers: [
+                "primary"
+              ],
+            attrs: {
+                "aria-label": "Footer Primary Navigation"
+              },
+            renderBody: function(out) {
+              marko_web_element_tag({
+                  name: "inner-container",
+                  tag: "div",
+                  blockName: blockName,
+                  renderBody: function(out) {
+                    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_tag({
+                          lazyload: true,
+                          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")
+                            }
+                        }, out, __component, "20");
+                    }
+
+                    const footerItems = site.getAsArray("navigation.footer.items");
+
+                    theme_breadcrumbs_tag(marko_mergeNestedTagsHelper({
+                        modifiers: [
+                            "site-footer"
+                          ],
+                        ariaLabel: "Site Footer Breadcrumbs",
+                        renderBody: function(out, $nestedTagtheme_breadcrumbs$0) {
+                          var $for$0 = 0;
+
+                          marko_forOf(getNavItems({
+                              items: footerItems,
+                              hasUser: input.hasUser,
+                              regEnabled: input.regEnabled
+                            }), function(item) {
+                            var $keyScope$0 = "[" + (($for$0++) + "]");
+
+                            theme_breadcrumbs_item_nested_tag({
+                                renderBody: function(out) {
+                                  const obj = asObject(item);
+
+                                  marko_web_link_tag({
+                                      class: obj.class,
+                                      href: obj.href,
+                                      title: obj.title,
+                                      target: obj.target,
+                                      renderBody: function(out) {
+                                        out.w(marko_str(obj.label));
+                                      }
+                                    }, out, __component, "23" + $keyScope$0);
+                                }
+                              }, $nestedTagtheme_breadcrumbs$0);
+                          });
+                        }
+                      }), out, __component, "21");
+
+                    theme_site_footer_copyright_tag({
+                        company: site.get("company"),
+                        notice: site.get("copyrightNotice")
+                      }, out, __component, "24");
+                  }
+                }, out, __component, "19");
+            }
+          }, out, __component, "18");
+      }
+    }, 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/index.marko",
+    tags: [
+      "../site-navbar/logo.marko",
+      "../site-navbar/brand.marko",
+      "@mindful-web/marko-web/components/element/index.marko",
+      "../identity-x/newsletter-footer.marko",
+      "../blocks/newsletter-signup-banner-external.marko",
+      "../social-follow.marko",
+      "../site-menu/section.marko",
+      "@mindful-web/marko-web/components/element/block.marko",
+      "./container.marko",
+      "@mindful-web/marko-web/components/element/img.marko",
+      "@mindful-web/marko-web/components/element/link.marko",
+      "../breadcrumbs/index.marko",
+      "./copyright.marko"
+    ]
+  };

package/components/site-footer/marko.json

@@ -0,0 +1,14 @@
+{
+  "<theme-site-footer>": {
+    "template": "./index.marko"
+  },
+  "<theme-site-footer-container>": {
+    "template": "./container.marko"
+  },
+  "<theme-site-footer-copyright>": {
+    "template": "./copyright.marko"
+  },
+  "<theme-site-footer-social-icons>": {
+    "template": "./social-icons.marko"
+  }
+}

package/components/site-footer/social-icons.marko

@@ -0,0 +1,24 @@
+import { getAsArray } from "@mindful-web/object-path";
+import { asObject } from "@mindful-web/utils";
+
+$ const blockName = input.blockName || "site-footer";
+$ const items = getAsArray(input, "items");
+
+<if(items.length)>
+  <marko-web-element
+    block-name=blockName
+    name="social-icons"
+    tag=input.tag
+    modifiers=input.modifiers
+  >
+    <for|item| of=items>
+      $ const link = asObject(item);
+      <theme-social-icon-link
+        provider=link.provider
+        href=link.href
+        modifiers=input.iconModifiers
+        target=link.target
+      />
+    </for>
+  </marko-web-element>
+</if>

package/components/site-footer/social-icons.marko.js

@@ -0,0 +1,64 @@
+// 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/social-icons.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,
+    getAsArray = module_objectPath_module.getAsArray,
+    module_utils_module = require("@mindful-web/utils"),
+    utils_module = module_utils_module.default || module_utils_module,
+    asObject = module_utils_module.asObject,
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    theme_social_icon_link_template = require("../social/icon-link.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_social_icon_link_tag = marko_loadTag(theme_social_icon_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);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = input.blockName || "site-footer";
+
+  const items = getAsArray(input, "items");
+
+  if (items.length) {
+    marko_web_element_tag({
+        name: "social-icons",
+        tag: input.tag,
+        blockName: blockName,
+        modifiers: input.modifiers,
+        renderBody: function(out) {
+          var $for$0 = 0;
+
+          marko_forOf(items, function(item) {
+            const link = asObject(item);
+
+            var $keyScope$0 = "[" + (($for$0++) + "]");
+
+            theme_social_icon_link_tag({
+                provider: link.provider,
+                href: link.href,
+                modifiers: input.iconModifiers,
+                target: link.target
+              }, out, __component, "1" + $keyScope$0);
+          });
+        }
+      }, 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/social-icons.marko",
+    tags: [
+      "../social/icon-link.marko",
+      "@mindful-web/marko-web/components/element/index.marko"
+    ]
+  };

package/components/site-header.marko

@@ -0,0 +1,104 @@
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import { getAsObject } from "@mindful-web/object-path";
+
+$ const { config, site } = out.global;
+
+$ const newsletterConfig = site.getAsObject('newsletter.pushdown');
+$ const newsletterMenuBlockProps = getAsObject(input, "newsletterMenuBlockProps");
+$ const blockName = input.blockName || "site-header";
+
+// Newsletter Signup block display logic
+$ const useIdxNewsletterSignup = defaultValue(input.useIdxNewsletterSignup, true);
+$ const enableIdxNewsletterSignup = !newsletterConfig.disabled && useIdxNewsletterSignup;
+$ const showIdxNewsletterSignup = enableIdxNewsletterSignup;
+$ const idxNesletterSignupIcon = (input.hasUser) ? 'person' : 'mail';
+$ const showNewsletterSignup = !newsletterConfig.disabled && !enableIdxNewsletterSignup;
+$ const showSearchIcon = defaultValue(input.showSearchIcon, false);
+$ const { initiallyExpanded } = getAsObject(out.global, "newsletterState");
+$ const menuBtnPosition = defaultValue(input.menuBtnPosition, 'left');
+
+$ const navigation = {
+  primary: site.getAsArray("navigation.primary.items"),
+  secondary: site.getAsArray("navigation.secondary.items"),
+  tertiary: site.getAsArray("navigation.tertiary.items"),
+};
+
+<marko-web-block
+  name=blockName
+  tag=(input.tag || "header")
+  class=input.class
+  modifiers=input.modifiers
+  attrs=input.attrs
+>
+  <${input.aboveNav} />
+  <theme-site-navbar modifiers=["secondary"] attrs={ "aria-label": "Secondary Navigation" }>
+    <if(menuBtnPosition === 'left')>
+      <theme-menu-toggle-button
+        class="site-navbar__toggler"
+        targets=[".site-menu", "body"]
+        toggle-class="site-menu--open"
+        icon-modifiers=["lg"]
+        icon-name="three-bars"
+      />
+    </if>
+
+    <theme-site-navbar-brand title=`${config.website("name")} Homepage`>
+      <theme-site-navbar-logo
+        alt=config.website("name")
+        src=site.get("logos.navbar.src")
+        srcset=site.getAsArray("logos.navbar.srcset").join(", ")
+        width=site.get("logos.navbar.width")
+        height=site.get("logos.navbar.height")
+      />
+    </theme-site-navbar-brand>
+
+    <theme-site-navbar-items
+      items=navigation.secondary
+      modifiers=["secondary"]
+      reg-enabled=input.regEnabled
+      has-user=input.hasUser
+    />
+    <marko-web-element block-name="site-navbar" name="icon-wrapper">
+      <!-- Newsletter Menue Toggler -->
+      <if(showIdxNewsletterSignup)>
+        <marko-web-browser-component name="IdentityXNewsletterToggleButton" props={ iconName: idxNesletterSignupIcon, initiallyExpanded } ssr=true />
+      </if>
+      <else-if(showNewsletterSignup)>
+        <marko-web-browser-component name="ThemeNewsletterToggleButton" props={ initiallyExpanded } ssr=true />
+      </else-if>
+
+      <!-- Site Navbar Search Icon -->
+      <if(showSearchIcon)>
+        <theme-site-navbar-search-icon />
+      </if>
+
+      <!-- Site Menu Toggle(when positioned right) -->
+      <if(menuBtnPosition === 'right')>
+        <theme-menu-toggle-button
+          class="site-navbar__toggler"
+          targets=[".site-menu", "body"]
+          toggle-class="site-menu--open"
+          icon-modifiers=["lg"]
+          icon-name="three-bars"
+        />
+      </if>
+    </marko-web-element>
+  </theme-site-navbar>
+
+  <theme-site-navbar modifiers=["primary"] attrs={ "aria-label": "Primary Navigation" }>
+    <theme-site-navbar-items
+      items=navigation.primary
+      modifiers=["primary"]
+      reg-enabled=input.regEnabled
+      has-user=input.hasUser
+    />
+  </theme-site-navbar>
+  <${input.belowNav} />
+</marko-web-block>
+
+<if(showIdxNewsletterSignup)>
+  <identity-x-newsletter-form-pushdown ...newsletterMenuBlockProps />
+</if>
+<else-if(showNewsletterSignup)>
+  <theme-site-newsletter-menu ...newsletterMenuBlockProps />
+</else-if>