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

package/components/nodes/content.marko.js

@@ -0,0 +1,327 @@
+// 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/nodes/content.marko",
+    marko_component = require("./content.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,
+    getAsObject = module_objectPath_module.getAsObject,
+    getAsArray = module_objectPath_module.getAsArray,
+    get = module_objectPath_module.get,
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    section_sponsor_template = require("./components/section-sponsor.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    section_sponsor_tag = marko_loadTag(section_sponsor_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_web_content_short_name_template = require("@mindful-web/marko-web/components/element/content/short-name.marko"),
+    marko_web_content_short_name_tag = marko_loadTag(marko_web_content_short_name_template),
+    marko_web_content_start_date_template = require("@mindful-web/marko-web/components/element/content/start-date.marko"),
+    marko_web_content_start_date_tag = marko_loadTag(marko_web_content_start_date_template),
+    marko_web_content_end_date_template = require("@mindful-web/marko-web/components/element/content/end-date.marko"),
+    marko_web_content_end_date_tag = marko_loadTag(marko_web_content_end_date_template),
+    marko_classAttr = require("marko/dist/runtime/html/helpers/class-attr"),
+    marko_web_link_template = require("@mindful-web/marko-web/components/element/link.marko"),
+    marko_web_link_tag = marko_loadTag(marko_web_link_template),
+    marko_web_content_teaser_template = require("@mindful-web/marko-web/components/element/content/teaser.marko"),
+    marko_web_content_teaser_tag = marko_loadTag(marko_web_content_teaser_template),
+    marko_web_content_body_template = require("@mindful-web/marko-web/components/element/content/body.marko"),
+    marko_web_content_body_tag = marko_loadTag(marko_web_content_body_template),
+    attribution_template = require("./components/attribution.marko"),
+    attribution_tag = marko_loadTag(attribution_template),
+    marko_web_content_published_template = require("@mindful-web/marko-web/components/element/content/published.marko"),
+    marko_web_content_published_tag = marko_loadTag(marko_web_content_published_template),
+    marko_web_node_template = require("@mindful-web/marko-web/components/node/index.marko"),
+    marko_web_node_tag = marko_loadTag(marko_web_node_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { site } = out.global;
+
+  const content = getAsObject(input, "node");
+
+  const primaryImage = getAsObject(content, "primaryImage");
+
+  const primarySection = getAsObject(content, "primarySection");
+
+  const contentType = defaultValue(content.type, 'article');
+
+  const imageOnly = defaultValue(input.imageOnly, false);
+
+  const withTeaser = defaultValue(input.withTeaser, true);
+
+  const withBody = defaultValue(input.withBody, false);
+
+  const withSection = defaultValue(input.withSection, true);
+
+  const withAttribution = defaultValue(input.withAttribution, false);
+
+  const withDates = defaultValue(input.withDates, true);
+
+  const withPrimarySectionModifier = defaultValue(input.withPrimarySectionModifier, true);
+
+  const displayButton = defaultValue(input.displayButton, false);
+
+  const callToAction = defaultValue(input.callToAction, "View Profile");
+
+  const dateFormat = defaultValue(input.dateFormat, "MMMM D, YYYY");
+
+  const isWebinar = content.type === "webinar";
+
+  const isPromotion = content.type === "promotion";
+
+  const isEvent = ["event", "webinar"].includes(content.type);
+
+  const isUpcoming = content.startDate > Date.now();
+
+  const aspectRatio = get(input, "image.ar", "3:2");
+
+  const { linkAttrs } = input;
+
+  const headerAttributes = {};
+
+  const modifiers = getAsArray(input, "modifiers");
+
+  const { alias } = primarySection;
+
+  if (withSection && alias && withPrimarySectionModifier) {
+  headerAttributes['data-section-alias'] = alias;
+  modifiers.push(`section-${primarySection.alias}`);
+}
+
+  const withSponsored = primarySection && primarySection.name === 'Sponsored' && input.withSponsored;
+
+  const linkOffsite = getAsObject(site, "config.linkOffsite");
+
+  const linkField = get(linkOffsite, contentType) ? "externalContentUrl" : null;
+
+  const externalLink = linkField ? get(content, linkField) : null;
+
+  const linkTarget = externalLink ? defaultValue(get(linkOffsite, "target"), "") : "";
+
+  const href = externalLink ? externalLink : get(content, "siteContext.path");
+
+  const imageLink = primaryImage.src ? { href, attrs: linkAttrs, target: linkTarget } : false;
+
+  marko_web_node_tag({
+      type: content.type + "-content",
+      imagePosition: defaultValue(input.imagePosition, "left"),
+      card: defaultValue(input.card, false),
+      flush: defaultValue(input.flush, true),
+      fullHeight: defaultValue(input.fullHeight, false),
+      attrs: input.attrs,
+      modifiers: modifiers,
+      image: defaultValue(input.displayImage, true) && marko_assign({
+          width: 250,
+          align: "top",
+          usePlaceholder: false,
+          fluid: false
+        }, input.image, {
+          ar: aspectRatio,
+          src: primaryImage.src,
+          alt: primaryImage.alt,
+          isLogo: primaryImage.isLogo,
+          link: imageLink
+        }),
+      body: (!imageOnly) && {
+          header: ((withSection || isEvent) || withSponsored) && {
+              attrs: headerAttributes,
+              left: {
+                  renderBody: function(out, { blockName }) {
+                    if (withSection || withSponsored) {
+                      section_sponsor_tag({
+                          blockName: blockName,
+                          section: primarySection,
+                          labels: content.labels
+                        }, out, __component, "5");
+                    } else if (isEvent) {
+                      marko_web_element_tag({
+                          name: "upcoming-archived",
+                          tag: "span",
+                          blockName: blockName,
+                          renderBody: function(out) {
+                            if (isUpcoming) {
+                              out.w("Upcoming " +
+                                marko_escapeXml(content.type));
+                            } else {
+                              out.w("Archived " +
+                                marko_escapeXml(content.type));
+                            }
+                          }
+                        }, out, __component, "6");
+                    }
+                  }
+                }
+            },
+          title: marko_assign({
+              tag: "h5"
+            }, input.title, {
+              renderBody: function(out) {
+                marko_web_content_short_name_tag({
+                    tag: null,
+                    obj: content,
+                    link: {
+                        field: linkField,
+                        target: linkTarget,
+                        attrs: linkAttrs
+                      }
+                  }, out, __component, "8");
+              }
+            }),
+          text: [
+              {
+                  modifiers: [
+                      "event-details"
+                    ],
+                  show: Boolean(isEvent && ((content.startDate || content.endDate) || content.linkUrl)),
+                  renderBody: function(out, { blockName }) {
+                    if (content.startDate || content.endDate) {
+                      out.w("<div" +
+                        marko_classAttr(blockName + "__content-event-dates") +
+                        ">");
+
+                      marko_web_content_start_date_tag({
+                          tag: "span",
+                          blockName: blockName,
+                          obj: content,
+                          format: dateFormat
+                        }, out, __component, "11");
+
+                      marko_web_content_end_date_tag({
+                          tag: "span",
+                          blockName: blockName,
+                          obj: content,
+                          format: dateFormat
+                        }, out, __component, "12");
+
+                      out.w("</div>");
+                    }
+
+                    if (isWebinar && content.linkUrl) {
+                      marko_web_link_tag({
+                          class: blockName + "__content-link-url",
+                          href: content.linkUrl,
+                          title: "View / Register",
+                          target: "_blank",
+                          renderBody: function(out) {
+                            if (isUpcoming) {
+                              out.w("Register");
+                            } else {
+                              out.w("View");
+                            }
+                          }
+                        }, out, __component, "13");
+                    }
+                  }
+                },
+              {
+                  modifiers: ["teaser", ...getAsArray(input, "teaser.modifiers").map(mod => `teaser-${mod}`)],
+                  show: Boolean(withTeaser && content.teaser),
+                  renderBody: function(out) {
+                    marko_web_content_teaser_tag({
+                        tag: null,
+                        obj: content,
+                        link: {
+                            field: linkField,
+                            target: linkTarget,
+                            attrs: linkAttrs
+                          }
+                      }, out, __component, "15");
+                  }
+                },
+              {
+                  modifiers: [
+                      "body"
+                    ],
+                  show: Boolean(withBody && content.body),
+                  renderBody: function(out) {
+                    marko_web_content_body_tag({
+                        tag: null,
+                        obj: content
+                      }, out, __component, "17");
+                  }
+                },
+              {
+                  modifiers: [
+                      "promotion-link-button"
+                    ],
+                  show: Boolean((isPromotion && content.linkUrl) && content.linkText),
+                  renderBody: function(out) {
+                    marko_web_link_tag({
+                        class: "btn btn-primary btn-block",
+                        href: content.linkUrl,
+                        title: content.linkText,
+                        target: "_blank",
+                        renderBody: function(out) {
+                          out.w(marko_escapeXml(content.linkText));
+                        }
+                      }, out, __component, "19");
+                  }
+                },
+              {
+                  modifiers: [
+                      "attribution"
+                    ],
+                  show: Boolean(withAttribution),
+                  renderBody: function(out) {
+                    attribution_tag(marko_assign({}, input.attribution, {
+                        content: content
+                      }), out, __component, "21");
+                  }
+                },
+              {
+                  show: Boolean(withDates && (!isEvent)),
+                  renderBody: function(out, { blockName }) {
+                    marko_web_content_published_tag({
+                        blockName: blockName,
+                        obj: content,
+                        format: dateFormat
+                      }, out, __component, "23");
+                  }
+                },
+              {
+                  show: displayButton,
+                  renderBody: function(out) {
+                    marko_web_link_tag({
+                        class: "btn btn-primary btn-block",
+                        href: content.siteContext.path,
+                        title: content.shortName,
+                        renderBody: function(out) {
+                          out.w(marko_escapeXml(callToAction));
+                        }
+                      }, out, __component, "25");
+                  }
+                }
+            ]
+        }
+    }, 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/nodes/content.marko",
+    component: "./content.marko",
+    tags: [
+      "./components/section-sponsor.marko",
+      "@mindful-web/marko-web/components/element/index.marko",
+      "@mindful-web/marko-web/components/element/content/short-name.marko",
+      "@mindful-web/marko-web/components/element/content/start-date.marko",
+      "@mindful-web/marko-web/components/element/content/end-date.marko",
+      "@mindful-web/marko-web/components/element/link.marko",
+      "@mindful-web/marko-web/components/element/content/teaser.marko",
+      "@mindful-web/marko-web/components/element/content/body.marko",
+      "./components/attribution.marko",
+      "@mindful-web/marko-web/components/element/content/published.marko",
+      "@mindful-web/marko-web/components/node/index.marko"
+    ]
+  };

package/components/nodes/directory-section-feed-content.marko

@@ -0,0 +1,161 @@
+import { getAsObject, getAsArray, get } from "@mindful-web/object-path";
+import { buildImgixUrl } from "@mindful-web/image";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+
+$ const { i18n, site } = out.global;
+
+$ const content = getAsObject(input, "node");
+$ const { company } = content;
+$ const contentType = defaultValue(content.type, 'article');
+$ const modifiers = [...getAsArray(input, "modifiers"), `${contentType}-content-type`]
+$ const withCompany = (company) ? defaultValue(input.withCompany, true) : false;
+$ const primaryImage = getAsObject(content, "primaryImage");
+$ const primarySection = getAsObject(content, "primarySection");
+$ const containerAttrs = getAsObject(input, "containerAttrs");
+$ const linkAttrs = getAsObject(input, "linkAttrs");
+
+$ const withSection = defaultValue(input.withSection, false);
+$ const withTeaser = defaultValue(input.withTeaser, false);
+$ const displayImage = defaultValue(input.displayImage, true);
+$ const isFeatured = defaultValue(input.isFeatured, false);
+$ const displayFeaturedTeaser = defaultValue(input.displayFeaturedTeaser, true);
+$ const requestQuote = defaultValue(input.requestQuote, true);
+$ const displayFeaturedSocialLinks = defaultValue(input.displayFeaturedSocialLinks, false);
+$ const socialLinks = getAsArray(content, "socialLinks");
+$ const showSocial = socialLinks.length;
+$ const withCountry = defaultValue(input.withCountry, false);
+// linkOffsite is an object like the following:
+/**
+  {
+    webinar: 'linkUrl',
+    event: 'website'
+  }
+  Keys are content types (all lowercase), values are the field to use when available on that type.
+**/
+$ const linkOffsite = getAsObject(site, "config.linkOffsite");
+$ const linkField = get(linkOffsite, contentType);
+$ const linkTarget = linkField && get(content, linkField) ? defaultValue(get(linkOffsite, "target"), "") : "";
+
+$ const imageOptions = {
+  w: 250,
+  h: 167,
+  fit: "fill",
+};
+
+$ const blockName = "section-feed-content-node";
+
+<marko-web-block name=blockName modifiers=modifiers attrs=containerAttrs>
+  <marko-web-element block-name=blockName name="contents">
+    <marko-web-element block-name=blockName name="body">
+      <if(input.sponsoredBy)>
+        <marko-web-element block-name=blockName name="sponsored-by">
+          ${i18n("Sponsored By")} ${input.sponsoredBy}
+        </marko-web-element>
+      </if>
+      <else-if(withSection)>
+        <section-sponsor block-name=blockName section=primarySection labels=content.labels />
+      </else-if>
+      <marko-web-content-short-name
+        tag="h5"
+        block-name=blockName
+        obj=content
+        link={ attrs: linkAttrs }
+      />
+      <if(isFeatured)>
+        <marko-web-block name=blockName modifiers=["listing-details"] >
+          <if(displayFeaturedTeaser)>
+            <marko-web-content-teaser
+              block-name=blockName
+              obj=content
+              link={ attrs: linkAttrs }
+            />
+          </if>
+          <marko-web-block name=blockName modifiers=["contact-info"] >
+            <marko-web-content-address1 block-name=blockName obj=content />
+            <marko-web-content-address2 block-name=blockName obj=content />
+            <marko-web-content-city-state-zip block-name=blockName obj=content />
+            <if(withCountry)>
+              <marko-web-content-country block-name=blockName obj=content />
+            </if>
+            <marko-web-content-tollfree block-name=blockName obj=content />
+            <if(requestQuote)>
+              <marko-web-link
+                href=content.siteContext.path
+                attrs=linkAttrs
+              >
+                ${i18n("Request Quote")} &raquo;
+              </marko-web-link>
+            </if>
+            <marko-web-content-website
+              block-name=blockName
+              obj=content
+              link=true
+              attrs={ target: "_blank" }
+            >
+              ${i18n("Website")} &raquo;
+            </marko-web-content-website>
+            <if(displayFeaturedSocialLinks && showSocial)>
+              <theme-content-contact-details-section block-name=blockName modifiers=["social-links"]>
+                <for|item| of=socialLinks>
+                  <theme-social-icon-link
+                    label=item.label
+                    provider=item.provider
+                    href=item.url
+                    modifiers=["dark", "lg"]
+                  />
+                </for>
+              </theme-content-contact-details-section>
+            </if>
+          </marko-web-block>
+        </marko-web-block>
+      </if>
+      <else>
+        <if(contentType === "company")>
+          <marko-web-block name=blockName modifiers=["contact-info"] >
+            <marko-web-content-address1 block-name=blockName obj=content />
+            <marko-web-content-address2 block-name=blockName obj=content />
+            <marko-web-content-city-state-zip block-name=blockName obj=content />
+            <if(withCountry)>
+              <marko-web-content-country block-name=blockName obj=content />
+            </if>
+          </marko-web-block>
+        </if>
+        <else>
+          <if(withCompany)>
+            <marko-web-content-name class=`${blockName}__content-company` obj=content.company link=true />
+          </if>
+          <if(withTeaser)>
+            <marko-web-content-teaser
+              block-name=blockName
+              obj=content
+              link={ field: linkField, target: linkTarget, attrs: linkAttrs }
+            />
+            <if(input.teaserCTA)>
+              <marko-web-link
+                class="teaser-link"
+                href=content.siteContext.path
+                title=content.shortName
+              >
+                ${input.teaserCTA}
+              </marko-web-link>
+            </if>
+          </if>
+        </else>
+      </else>
+    </marko-web-element>
+  </marko-web-element>
+  <if(displayImage && primaryImage.src)>
+    <marko-web-element block-name=blockName name="image-wrapper">
+      $ const src = buildImgixUrl(primaryImage.src, imageOptions);
+      $ const srcset = [`${buildImgixUrl(src, { dpr: 2 })} 2x`];
+      <marko-web-link href=get(content, "siteContext.path") attrs=linkAttrs>
+        <marko-web-img
+          src=src
+          srcset=srcset
+          alt=primaryImage.alt
+          class=[`${blockName}__image`]
+        />
+      </marko-web-link>
+    </marko-web-element>
+  </if>
+</marko-web-block>