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

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

@@ -0,0 +1,387 @@
+// 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/directory-section-feed-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_image_module = require("@mindful-web/image"),
+    image_module = module_image_module.default || module_image_module,
+    buildImgixUrl = module_image_module.buildImgixUrl,
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    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_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_element_tag = marko_loadTag(marko_web_element_template),
+    section_sponsor_template = require("./components/section-sponsor.marko"),
+    section_sponsor_tag = marko_loadTag(section_sponsor_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_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_address1_template = require("@mindful-web/marko-web/components/element/content/address1.marko"),
+    marko_web_content_address1_tag = marko_loadTag(marko_web_content_address1_template),
+    marko_web_content_address2_template = require("@mindful-web/marko-web/components/element/content/address2.marko"),
+    marko_web_content_address2_tag = marko_loadTag(marko_web_content_address2_template),
+    marko_web_content_city_state_zip_template = require("@mindful-web/marko-web/components/element/content/city-state-zip.marko"),
+    marko_web_content_city_state_zip_tag = marko_loadTag(marko_web_content_city_state_zip_template),
+    marko_web_content_country_template = require("@mindful-web/marko-web/components/element/content/country.marko"),
+    marko_web_content_country_tag = marko_loadTag(marko_web_content_country_template),
+    marko_web_content_tollfree_template = require("@mindful-web/marko-web/components/element/content/tollfree.marko"),
+    marko_web_content_tollfree_tag = marko_loadTag(marko_web_content_tollfree_template),
+    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_website_template = require("@mindful-web/marko-web/components/element/content/website.marko"),
+    marko_web_content_website_tag = marko_loadTag(marko_web_content_website_template),
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    theme_social_icon_link_template = require("../social/icon-link.marko"),
+    theme_social_icon_link_tag = marko_loadTag(theme_social_icon_link_template),
+    theme_content_contact_details_section_template = require("../content/contact-details/section.marko"),
+    theme_content_contact_details_section_tag = marko_loadTag(theme_content_contact_details_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),
+    marko_web_content_name_template = require("@mindful-web/marko-web/components/element/content/name.marko"),
+    marko_web_content_name_tag = marko_loadTag(marko_web_content_name_template),
+    marko_web_img_template = require("@mindful-web/marko-web/components/element/img.marko"),
+    marko_web_img_tag = marko_loadTag(marko_web_img_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  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);
+
+  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_tag({
+      name: blockName,
+      tag: "div",
+      modifiers: modifiers,
+      attrs: containerAttrs,
+      renderBody: function(out) {
+        marko_web_element_tag({
+            name: "contents",
+            tag: "div",
+            blockName: blockName,
+            renderBody: function(out) {
+              marko_web_element_tag({
+                  name: "body",
+                  tag: "div",
+                  blockName: blockName,
+                  renderBody: function(out) {
+                    if (input.sponsoredBy) {
+                      marko_web_element_tag({
+                          name: "sponsored-by",
+                          tag: "div",
+                          blockName: blockName,
+                          renderBody: function(out) {
+                            out.w(marko_escapeXml(i18n("Sponsored By")) +
+                              " " +
+                              marko_escapeXml(input.sponsoredBy));
+                          }
+                        }, out, __component, "3");
+                    } else if (withSection) {
+                      section_sponsor_tag({
+                          blockName: blockName,
+                          section: primarySection,
+                          labels: content.labels
+                        }, out, __component, "4");
+                    }
+
+                    marko_web_content_short_name_tag({
+                        tag: "h5",
+                        blockName: blockName,
+                        obj: content,
+                        link: {
+                            attrs: linkAttrs
+                          }
+                      }, out, __component, "5");
+
+                    if (isFeatured) {
+                      marko_web_block_tag({
+                          name: blockName,
+                          tag: "div",
+                          modifiers: [
+                              "listing-details"
+                            ],
+                          renderBody: function(out) {
+                            if (displayFeaturedTeaser) {
+                              marko_web_content_teaser_tag({
+                                  blockName: blockName,
+                                  obj: content,
+                                  link: {
+                                      attrs: linkAttrs
+                                    }
+                                }, out, __component, "7");
+                            }
+
+                            marko_web_block_tag({
+                                name: blockName,
+                                tag: "div",
+                                modifiers: [
+                                    "contact-info"
+                                  ],
+                                renderBody: function(out) {
+                                  marko_web_content_address1_tag({
+                                      blockName: blockName,
+                                      obj: content
+                                    }, out, __component, "9");
+
+                                  marko_web_content_address2_tag({
+                                      blockName: blockName,
+                                      obj: content
+                                    }, out, __component, "10");
+
+                                  marko_web_content_city_state_zip_tag({
+                                      blockName: blockName,
+                                      obj: content
+                                    }, out, __component, "11");
+
+                                  if (withCountry) {
+                                    marko_web_content_country_tag({
+                                        blockName: blockName,
+                                        obj: content
+                                      }, out, __component, "12");
+                                  }
+
+                                  marko_web_content_tollfree_tag({
+                                      blockName: blockName,
+                                      obj: content
+                                    }, out, __component, "13");
+
+                                  if (requestQuote) {
+                                    marko_web_link_tag({
+                                        href: content.siteContext.path,
+                                        attrs: linkAttrs,
+                                        renderBody: function(out) {
+                                          out.w(marko_escapeXml(i18n("Request Quote")) +
+                                            " »");
+                                        }
+                                      }, out, __component, "14");
+                                  }
+
+                                  marko_web_content_website_tag({
+                                      blockName: blockName,
+                                      obj: content,
+                                      link: true,
+                                      attrs: {
+                                          target: "_blank"
+                                        },
+                                      renderBody: function(out) {
+                                        out.w(marko_escapeXml(i18n("Website")) +
+                                          " »");
+                                      }
+                                    }, out, __component, "15");
+
+                                  if (displayFeaturedSocialLinks && showSocial) {
+                                    theme_content_contact_details_section_tag({
+                                        blockName: blockName,
+                                        modifiers: [
+                                            "social-links"
+                                          ],
+                                        renderBody: function(out) {
+                                          var $for$0 = 0;
+
+                                          marko_forOf(socialLinks, function(item) {
+                                            var $keyScope$0 = "[" + (($for$0++) + "]");
+
+                                            theme_social_icon_link_tag({
+                                                label: item.label,
+                                                provider: item.provider,
+                                                href: item.url,
+                                                modifiers: [
+                                                    "dark",
+                                                    "lg"
+                                                  ]
+                                              }, out, __component, "17" + $keyScope$0);
+                                          });
+                                        }
+                                      }, out, __component, "16");
+                                  }
+                                }
+                              }, out, __component, "8");
+                          }
+                        }, out, __component, "6");
+                    } else {
+                      if (contentType === "company") {
+                        marko_web_block_tag({
+                            name: blockName,
+                            tag: "div",
+                            modifiers: [
+                                "contact-info"
+                              ],
+                            renderBody: function(out) {
+                              marko_web_content_address1_tag({
+                                  blockName: blockName,
+                                  obj: content
+                                }, out, __component, "19");
+
+                              marko_web_content_address2_tag({
+                                  blockName: blockName,
+                                  obj: content
+                                }, out, __component, "20");
+
+                              marko_web_content_city_state_zip_tag({
+                                  blockName: blockName,
+                                  obj: content
+                                }, out, __component, "21");
+
+                              if (withCountry) {
+                                marko_web_content_country_tag({
+                                    blockName: blockName,
+                                    obj: content
+                                  }, out, __component, "22");
+                              }
+                            }
+                          }, out, __component, "18");
+                      } else {
+                        if (withCompany) {
+                          marko_web_content_name_tag({
+                              class: blockName + "__content-company",
+                              obj: content.company,
+                              link: true
+                            }, out, __component, "23");
+                        }
+
+                        if (withTeaser) {
+                          marko_web_content_teaser_tag({
+                              blockName: blockName,
+                              obj: content,
+                              link: {
+                                  field: linkField,
+                                  target: linkTarget,
+                                  attrs: linkAttrs
+                                }
+                            }, out, __component, "24");
+
+                          if (input.teaserCTA) {
+                            marko_web_link_tag({
+                                class: "teaser-link",
+                                href: content.siteContext.path,
+                                title: content.shortName,
+                                renderBody: function(out) {
+                                  out.w(marko_escapeXml(input.teaserCTA));
+                                }
+                              }, out, __component, "25");
+                          }
+                        }
+                      }
+                    }
+                  }
+                }, out, __component, "2");
+            }
+          }, out, __component, "1");
+
+        if (displayImage && primaryImage.src) {
+          marko_web_element_tag({
+              name: "image-wrapper",
+              tag: "div",
+              blockName: blockName,
+              renderBody: function(out) {
+                const src = buildImgixUrl(primaryImage.src, imageOptions);
+
+                const srcset = [`${buildImgixUrl(src, { dpr: 2 })} 2x`];
+
+                marko_web_link_tag({
+                    href: get(content, "siteContext.path"),
+                    attrs: linkAttrs,
+                    renderBody: function(out) {
+                      marko_web_img_tag({
+                          lazyload: true,
+                          src: src,
+                          srcset: srcset,
+                          alt: primaryImage.alt,
+                          class: [
+                              blockName + "__image"
+                            ]
+                        }, out, __component, "28");
+                    }
+                  }, out, __component, "27");
+              }
+            }, out, __component, "26");
+        }
+      }
+    }, 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/nodes/directory-section-feed-content.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/index.marko",
+      "./components/section-sponsor.marko",
+      "@mindful-web/marko-web/components/element/content/short-name.marko",
+      "@mindful-web/marko-web/components/element/content/teaser.marko",
+      "@mindful-web/marko-web/components/element/content/address1.marko",
+      "@mindful-web/marko-web/components/element/content/address2.marko",
+      "@mindful-web/marko-web/components/element/content/city-state-zip.marko",
+      "@mindful-web/marko-web/components/element/content/country.marko",
+      "@mindful-web/marko-web/components/element/content/tollfree.marko",
+      "@mindful-web/marko-web/components/element/link.marko",
+      "@mindful-web/marko-web/components/element/content/website.marko",
+      "../social/icon-link.marko",
+      "../content/contact-details/section.marko",
+      "@mindful-web/marko-web/components/element/block.marko",
+      "@mindful-web/marko-web/components/element/content/name.marko",
+      "@mindful-web/marko-web/components/element/img.marko"
+    ]
+  };

package/components/nodes/featured-products-card.marko

@@ -0,0 +1,52 @@
+import { getAsArray, getAsObject, get } from "@mindful-web/object-path";
+import eventLinkAttrs from "@mindful-web/marko-web-p1-events/utils/link-attrs";
+import eventEntity from "@mindful-web/marko-web-p1-events/utils/base-content-entity";
+
+$ const content = getAsObject(input, "node");
+$ const primaryImage = getAsObject(content, "primaryImage");
+$ const displayImage = input.displayImage != null ? input.displayImage : true;
+$ const title = get(content, "linkText") || get(content, "shortName");
+$ const withTeaser = input.withTeaser != null ? input.withTeaser : true;
+
+$ const href = get(content, "siteContext.path");
+$ const link = {
+  href,
+  target: "_blank",
+  attrs: {
+    ...input.linkAttrs,
+    ...eventLinkAttrs({
+      category: "Company Profile Page",
+      label: "Promotion Item", // matches the same label as the data card
+      entity: eventEntity(input.companyId, "company"),
+      context: eventEntity(content.id, content.type),
+    }),
+  }
+};
+
+<marko-web-node
+  type=`${content.type}-content`
+  image-position="top"
+  card=true
+  full-height=true
+  attrs=input.attrs
+>
+  <if(displayImage)>
+    <@image
+      src=primaryImage.src
+      alt=primaryImage.alt
+      is-logo=primaryImage.isLogo
+      fluid=true
+      ar="4:3"
+      width=(input.imageWidth || 300)
+      link=link
+    />
+  </if>
+  <@body>
+  <@title tag="h5" modifiers=input.titleModifiers>
+    <marko-core-text value=title link=link />
+  </@title>
+  <@text modifiers=["teaser"] show=(withTeaser && content.teaser)>
+    <marko-web-content-teaser tag=null obj=content link=link />
+  </@text>
+  </@body>
+</marko-web-node>

package/components/nodes/featured-products-card.marko.js

@@ -0,0 +1,110 @@
+// 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/featured-products-card.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,
+    getAsObject = module_objectPath_module.getAsObject,
+    get = module_objectPath_module.get,
+    module_eventLinkAttrs = require("@mindful-web/marko-web-p1-events/utils/link-attrs"),
+    eventLinkAttrs = module_eventLinkAttrs.default || module_eventLinkAttrs,
+    module_eventEntity = require("@mindful-web/marko-web-p1-events/utils/base-content-entity"),
+    eventEntity = module_eventEntity.default || module_eventEntity,
+    marko_core_text_template = require("@mindful-web/marko-core/components/elements/text.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_core_text_tag = marko_loadTag(marko_core_text_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_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 content = getAsObject(input, "node");
+
+  const primaryImage = getAsObject(content, "primaryImage");
+
+  const displayImage = input.displayImage != null ? input.displayImage : true;
+
+  const title = get(content, "linkText") || get(content, "shortName");
+
+  const withTeaser = input.withTeaser != null ? input.withTeaser : true;
+
+  const href = get(content, "siteContext.path");
+
+  const link = {
+  href,
+  target: "_blank",
+  attrs: {
+    ...input.linkAttrs,
+    ...eventLinkAttrs({
+      category: "Company Profile Page",
+      label: "Promotion Item", // matches the same label as the data card
+      entity: eventEntity(input.companyId, "company"),
+      context: eventEntity(content.id, content.type),
+    }),
+  }
+};
+
+  marko_web_node_tag({
+      type: content.type + "-content",
+      imagePosition: "top",
+      card: true,
+      fullHeight: true,
+      attrs: input.attrs,
+      image: displayImage && {
+          src: primaryImage.src,
+          alt: primaryImage.alt,
+          isLogo: primaryImage.isLogo,
+          fluid: true,
+          ar: "4:3",
+          width: input.imageWidth || 300,
+          link: link
+        },
+      body: {
+          title: {
+              tag: "h5",
+              modifiers: input.titleModifiers,
+              renderBody: function(out) {
+                marko_core_text_tag({
+                    value: title,
+                    link: link
+                  }, out, __component, "4");
+              }
+            },
+          text: [
+              {
+                  modifiers: [
+                      "teaser"
+                    ],
+                  show: withTeaser && content.teaser,
+                  renderBody: function(out) {
+                    marko_web_content_teaser_tag({
+                        tag: null,
+                        obj: content,
+                        link: link
+                      }, out, __component, "6");
+                  }
+                }
+            ]
+        }
+    }, 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/nodes/featured-products-card.marko",
+    tags: [
+      "@mindful-web/marko-core/components/elements/text.marko",
+      "@mindful-web/marko-web/components/element/content/teaser.marko",
+      "@mindful-web/marko-web/components/node/index.marko"
+    ]
+  };

package/components/nodes/marko.json

@@ -0,0 +1,83 @@
+{
+  "<theme-author-node>": {
+    "template": "./author.marko"
+  },
+  "<theme-author-bio-node>": {
+    "template": "./author-bio.marko"
+  },
+  "<theme-author-published-node>": {
+    "template": "./author-published.marko"
+  },
+  "<theme-content-node>": {
+    "template": "./content.marko",
+    "<image>": {},
+    "<title>": {},
+    "<teaser>": {
+      "@modifiers": "array"
+    },
+    "<attribution>": {},
+    "@node": "object",
+
+    "@display-image": "boolean",
+    "@image-position": "string",
+    "@card": "boolean",
+    "@flush": "boolean",
+    "@full-height": "boolean",
+
+    "@image-only": "boolean",
+    "@with-teaser": "boolean",
+    "@with-body": "boolean",
+    "@with-section": "boolean",
+    "@with-attribution": "boolean",
+    "@with-dates": "boolean",
+    "@with-primary-section-modifier": "boolean",
+    "@display-button": "boolean",
+    "@call-to-action": "string",
+
+    "@modifiers": "array",
+    "@attrs": "object",
+    "@link-attrs": "object"
+  },
+  "<theme-content-published-node>": {
+    "template": "./content-published.marko"
+  },
+  "<theme-directory-section-feed-content-node>": {
+    "template": "./directory-section-feed-content.marko"
+  },
+  "<theme-product-feed-content-node>": {
+    "template": "./product-feed-content.marko"
+  },
+  "<theme-section-feed-content-node>": {
+    "template": "./section-feed-content.marko"
+  },
+  "<theme-standard-promo-node>": {
+    "template": "./standard-promo.marko"
+  },
+  "<theme-youtube-card-node>": {
+    "template": "./youtube-card.marko",
+    "@image-position": "string",
+    "@modifiers": "array",
+    "@node": "object",
+    "@company-id": "number",
+    "@link-attrs": "object"
+  },
+  "<theme-author-card-node>": {
+    "template": "./author-card.marko",
+    "@node": "object",
+    "@with-email": "boolean"
+  },
+  "<theme-featured-products-card-node>": {
+    "template": "./featured-products-card.marko",
+    "@node": "object",
+    "@company-id": "number",
+    "@image-width": {
+      "type": "number",
+      "default-value": 300
+    },
+    "@with-teaser": {
+      "type": "boolean",
+      "default-value": true
+    },
+    "@link-attrs": "object"
+  }
+}

package/components/nodes/product-feed-content.marko

@@ -0,0 +1,52 @@
+import { get, getAsObject } from "@mindful-web/object-path";
+import { buildImgixUrl } from "@mindful-web/image";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+
+$ const content = getAsObject(input, "node");
+$ const primaryImage = getAsObject(content, "primaryImage");
+$ const primarySection = getAsObject(content, "primarySection");
+$ const withSection = defaultValue(input.withSection, true);
+
+$ const imageOptions = {
+  w: 176,
+  h: 176,
+  fit: "crop",
+};
+
+$ const blockName = "product-feed-content-node";
+
+<marko-web-block name=blockName>
+  <marko-web-element block-name=blockName name="contents">
+    <marko-web-element block-name=blockName name="body">
+      <if(withSection)>
+        <section-sponsor block-name=blockName section=primarySection labels=content.labels />
+      </if>
+      <marko-web-content-short-name
+        tag="h5"
+        block-name=blockName
+        obj=content
+        link=true
+      />
+      <marko-web-content-teaser
+        block-name=blockName
+        obj=content
+        link=true
+      />
+    </marko-web-element>
+  </marko-web-element>
+
+  <marko-web-element block-name=blockName name="image-wrapper">
+    <if(primaryImage.src)>
+      $ const src = buildImgixUrl(primaryImage.src, imageOptions);
+      $ const srcset = [`${buildImgixUrl(src, { dpr: 2 })} 2x`];
+      <marko-web-link href=get(content, "siteContext.path")>
+        <marko-web-img
+          src=src
+          srcset=srcset
+          alt=primaryImage.alt
+          class=[`${blockName}__image`]
+        />
+      </marko-web-link>
+    </if>
+  </marko-web-element>
+</marko-web-block>