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

package/components/content-attribution/components/company.marko.js

@@ -0,0 +1,43 @@
+// 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/content-attribution/components/company.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_web_content_name_template = require("@mindful-web/marko-web/components/element/content/name.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_content_name_tag = marko_loadTag(marko_web_content_name_template),
+    marko_classAttr = require("marko/dist/runtime/html/helpers/class-attr");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { company } = input;
+
+  if (company && company.name) {
+    out.w("<div" +
+      marko_classAttr(input.blockName + "__content-company-name") +
+      ">");
+
+    marko_web_content_name_tag({
+        tag: "span",
+        blockName: input.blockName,
+        obj: company,
+        link: true
+      }, out, __component, "1");
+
+    out.w("</div>");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/content-attribution/components/company.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/content/name.marko"
+    ]
+  };

package/components/content-attribution/components/contributors.marko

@@ -0,0 +1,3 @@
+<marko-web-content-contributors|{ node }| block-name=input.blockName obj=input.content>
+  <marko-web-content-name tag="span" block-name=input.blockName obj=node link=true />
+</marko-web-content-contributors>

package/components/content-attribution/components/contributors.marko.js

@@ -0,0 +1,42 @@
+// 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/content-attribution/components/contributors.marko",
+    marko_component = require("./contributors.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_web_content_name_template = require("@mindful-web/marko-web/components/element/content/name.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_content_name_tag = marko_loadTag(marko_web_content_name_template),
+    marko_web_content_contributors_template = require("@mindful-web/marko-web/components/element/content/contributors.marko"),
+    marko_web_content_contributors_tag = marko_loadTag(marko_web_content_contributors_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_content_contributors_tag({
+      blockName: input.blockName,
+      obj: input.content,
+      renderBody: function(out, { node }) {
+        marko_web_content_name_tag({
+            tag: "span",
+            blockName: input.blockName,
+            obj: node,
+            link: true
+          }, out, __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/content-attribution/components/contributors.marko",
+    component: "./contributors.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/content/name.marko",
+      "@mindful-web/marko-web/components/element/content/contributors.marko"
+    ]
+  };

package/components/content-attribution/components/photographers.marko

@@ -0,0 +1,3 @@
+<marko-web-content-photographers|{ node }| block-name=input.blockName obj=input.content>
+  <marko-web-content-name tag="span" block-name=input.blockName obj=node link=true />
+</marko-web-content-photographers>

package/components/content-attribution/components/photographers.marko.js

@@ -0,0 +1,42 @@
+// 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/content-attribution/components/photographers.marko",
+    marko_component = require("./photographers.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_web_content_name_template = require("@mindful-web/marko-web/components/element/content/name.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_content_name_tag = marko_loadTag(marko_web_content_name_template),
+    marko_web_content_photographers_template = require("@mindful-web/marko-web/components/element/content/photographers.marko"),
+    marko_web_content_photographers_tag = marko_loadTag(marko_web_content_photographers_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_content_photographers_tag({
+      blockName: input.blockName,
+      obj: input.content,
+      renderBody: function(out, { node }) {
+        marko_web_content_name_tag({
+            tag: "span",
+            blockName: input.blockName,
+            obj: node,
+            link: true
+          }, out, __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/content-attribution/components/photographers.marko",
+    component: "./photographers.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/content/name.marko",
+      "@mindful-web/marko-web/components/element/content/photographers.marko"
+    ]
+  };

package/components/content-attribution/components/source.marko

@@ -0,0 +1 @@
+<marko-web-content-source block-name=input.blockName obj=input.content />

package/components/content-attribution/components/source.marko.js

@@ -0,0 +1,30 @@
+// 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/content-attribution/components/source.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_web_content_source_template = require("@mindful-web/marko-web/components/element/content/source.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_content_source_tag = marko_loadTag(marko_web_content_source_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_content_source_tag({
+      blockName: input.blockName,
+      obj: input.content
+    }, 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/content-attribution/components/source.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/content/source.marko"
+    ]
+  };

package/components/content-attribution/components/sponsors.marko

@@ -0,0 +1,3 @@
+<marko-web-content-sponsors|{ node }| block-name=input.blockName obj=input.content>
+  <marko-web-content-name tag="span" block-name=input.blockName obj=node link=true />
+</marko-web-content-sponsors>

package/components/content-attribution/components/sponsors.marko.js

@@ -0,0 +1,42 @@
+// 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/content-attribution/components/sponsors.marko",
+    marko_component = require("./sponsors.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_web_content_name_template = require("@mindful-web/marko-web/components/element/content/name.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_content_name_tag = marko_loadTag(marko_web_content_name_template),
+    marko_web_content_sponsors_template = require("@mindful-web/marko-web/components/element/content/sponsors.marko"),
+    marko_web_content_sponsors_tag = marko_loadTag(marko_web_content_sponsors_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_content_sponsors_tag({
+      blockName: input.blockName,
+      obj: input.content,
+      renderBody: function(out, { node }) {
+        marko_web_content_name_tag({
+            tag: "span",
+            blockName: input.blockName,
+            obj: node,
+            link: true
+          }, out, __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/content-attribution/components/sponsors.marko",
+    component: "./sponsors.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/content/name.marko",
+      "@mindful-web/marko-web/components/element/content/sponsors.marko"
+    ]
+  };

package/components/content-attribution/index.marko

@@ -0,0 +1,34 @@
+import { getAsObject } from "@mindful-web/object-path";
+import authors from "./components/authors";
+import byline from "./components/byline";
+import company from "./components/company";
+import contributors from "./components/contributors";
+import photographers from "./components/photographers";
+import source from "./components/source";
+import sponsors from "./components/sponsors";
+
+$ const content = getAsObject(input, "obj");
+$ const elements = Array.isArray(input.elements) ? input.elements : ["byline", "authors", "contributors", "photographers", "source", "company", "sponsors"];
+
+<theme-page-attribution|{ blockName }|
+  tag=input.tag
+  class=input.class
+  modifiers=input.modifiers
+  attrs=input.attrs
+>
+  $ const elementMap = {
+    authors: { component: authors, input: { blockName, content } },
+    byline: { component: byline, input: { blockName, content } },
+    company: { component: company, input: { blockName, company: getAsObject(content, "company") } },
+    contributors: { component: contributors, input: { blockName, content } },
+    photographers: { component: photographers, input: { blockName, content } },
+    source: { component: source, input: { blockName, content } },
+    sponsors: { component: sponsors, input: { blockName, content } },
+  };
+  <for|elementName| of=elements>
+    $ const element = elementMap[elementName];
+    <if(element)>
+      <${element.component} ...element.input />
+    </if>
+  </for>
+</theme-page-attribution>

package/components/content-attribution/index.marko.js

@@ -0,0 +1,81 @@
+// 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/content-attribution/index.marko",
+    marko_component = require("./index.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,
+    module_authors = require("./components/authors"),
+    authors = module_authors.default || module_authors,
+    module_byline = require("./components/byline"),
+    byline = module_byline.default || module_byline,
+    module_company = require("./components/company"),
+    company = module_company.default || module_company,
+    module_contributors = require("./components/contributors"),
+    contributors = module_contributors.default || module_contributors,
+    module_photographers = require("./components/photographers"),
+    photographers = module_photographers.default || module_photographers,
+    module_source = require("./components/source"),
+    source = module_source.default || module_source,
+    module_sponsors = require("./components/sponsors"),
+    sponsors = module_sponsors.default || module_sponsors,
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    theme_page_attribution_template = require("../page/attribution.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_page_attribution_tag = marko_loadTag(theme_page_attribution_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const content = getAsObject(input, "obj");
+
+  const elements = Array.isArray(input.elements) ? input.elements : ["byline", "authors", "contributors", "photographers", "source", "company", "sponsors"];
+
+  theme_page_attribution_tag({
+      tag: input.tag,
+      class: input.class,
+      modifiers: input.modifiers,
+      attrs: input.attrs,
+      renderBody: function(out, { blockName }) {
+        const elementMap = {
+    authors: { component: authors, input: { blockName, content } },
+    byline: { component: byline, input: { blockName, content } },
+    company: { component: company, input: { blockName, company: getAsObject(content, "company") } },
+    contributors: { component: contributors, input: { blockName, content } },
+    photographers: { component: photographers, input: { blockName, content } },
+    source: { component: source, input: { blockName, content } },
+    sponsors: { component: sponsors, input: { blockName, content } },
+  };
+
+        var $for$0 = 0;
+
+        marko_forOf(elements, function(elementName) {
+          var $keyScope$0 = "[" + (($for$0++) + "]");
+
+          const element = elementMap[elementName];
+
+          if (element) {
+            marko_dynamicTag(out, element.component, function() {
+              return element.input;
+            }, null, null, null, __component, "1" + $keyScope$0);
+          }
+        });
+      }
+    }, 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/content-attribution/index.marko",
+    component: "./index.marko",
+    tags: [
+      "../page/attribution.marko"
+    ]
+  };

package/components/content-attribution/marko.json

@@ -0,0 +1,27 @@
+{
+  "<theme-content-attribution>": {
+    "template": "./index.marko",
+    "@obj": "object",
+    "@elements": {
+      "type": "array",
+      "default-value": ["byline", "authors", "contributors", "photographers", "source", "company", "sponsors"]
+    },
+    "@tag": {
+      "type": "string",
+      "default-value": "div"
+    },
+    "@class": "string",
+    "@modifiers": "@array",
+    "@attrs": "object"
+  },
+  "<theme-page-attribution>": {
+    "template": "./attribution.marko",
+    "@tag": {
+      "type": "string",
+      "default-value": "div"
+    },
+    "@class": "string",
+    "@modifiers": "@array",
+    "@attrs": "object"
+  }
+}

package/components/directory-facets/facet-container/facet-container.marko

@@ -0,0 +1,32 @@
+$ const {
+  facets,
+  title,
+  description,
+  aliases,
+  initiallyExpanded,
+  contentTypes,
+  searchQuery,
+} = input;
+
+<if(facets.length)>
+  <div class='directory-facets'>
+    <if(title)>
+      <h3 class="directory-facets__title">
+        ${title}
+      </h3>
+    </if>
+    <if(description)>
+      <div class="directory-facets__description">
+        $!{description}
+      </div>
+    </if>
+    <theme-directory-facet-list
+      facets=facets
+      aliases=aliases
+      active-id=input.activeId
+      search-query=searchQuery
+      content-types=contentTypes
+      initially-expanded=initiallyExpanded
+    />
+  </div>
+</if>

package/components/directory-facets/facet-container/facet-container.marko.js

@@ -0,0 +1,65 @@
+// 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/directory-facets/facet-container/facet-container.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_str = require("marko/dist/runtime/helpers/to-string"),
+    theme_directory_facet_list_template = require("../facet-list/facet-list.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_directory_facet_list_tag = marko_loadTag(theme_directory_facet_list_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const {
+  facets,
+  title,
+  description,
+  aliases,
+  initiallyExpanded,
+  contentTypes,
+  searchQuery,
+} = input;
+
+  if (facets.length) {
+    out.w("<div class=\"directory-facets\">");
+
+    if (title) {
+      out.w("<h3 class=\"directory-facets__title\">" +
+        marko_escapeXml(title) +
+        "</h3>");
+    }
+
+    if (description) {
+      out.w("<div class=\"directory-facets__description\">" +
+        marko_str(description) +
+        "</div>");
+    }
+
+    theme_directory_facet_list_tag({
+        initiallyExpanded: initiallyExpanded,
+        facets: facets,
+        aliases: aliases,
+        activeId: input.activeId,
+        searchQuery: searchQuery,
+        contentTypes: contentTypes
+      }, out, __component, "3");
+
+    out.w("</div>");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/directory-facets/facet-container/facet-container.marko",
+    tags: [
+      "../facet-list/facet-list.marko"
+    ]
+  };

package/components/directory-facets/facet-container/marko.json

@@ -0,0 +1,26 @@
+{
+  "<theme-directory-facet-container>": {
+    "template": "./facet-container.marko",
+    "@facets": {
+      "type": "array",
+      "required": true
+    },
+    "@title": "string",
+    "@description": "string",
+    "@content-type": "string",
+    "@content-types": "string",
+    "@search-query": "string",
+    "@initially-expanded": {
+      "type": "boolean",
+      "default-value": false
+    },
+    "@active-id": {
+      "type": "string",
+      "required": true
+    },
+    "@aliases": {
+      "type": "array",
+      "required": true
+    }
+  }
+}

package/components/directory-facets/facet-list/facet-list.marko

@@ -0,0 +1,66 @@
+import { getAsArray } from "@mindful-web/object-path";
+
+$ const block = "directory-facets";
+
+$ const {
+  facets,
+  activeId,
+  aliases,
+  initiallyExpanded,
+  searchQuery,
+  contentTypes
+} = input;
+
+$ const isActiveId = ({id}) => (activeId && (`${activeId}` === `${id}`));
+$ facets.sort((a, b) => a.name.localeCompare(b.name));
+<if(facets && facets.length)>
+  $ const expandedClass = (initiallyExpanded) ? `${block}__list ${block}__list--open` : `${block}__list`;
+  <div class=expandedClass>
+    <for|facet| of=facets>
+      $ const children = getAsArray(facet, "children.edges").map(({ node }) => node);
+      $ const isOpen = aliases.includes(facet.alias);
+      $ const isActive = isActiveId(facet);
+
+      $ const classNames = [`${block}__item`, `${block}__item--${facet.id}`];
+      $ const linkClasses = [`${block}__link`]
+      $ if (isOpen) classNames.push(`${block}__item--open`);
+      $ if (isActive) linkClasses.push(`${block}__link--active`);
+      <div class=classNames>
+        $ const querySringParams = [];
+        $ if (searchQuery) querySringParams.push(`searchQuery=${searchQuery}`)
+        $ if (contentTypes) querySringParams.push(`contentTypes=${contentTypes}`)
+        $ const facetLink = querySringParams ? `/${facet.alias}?${querySringParams.join('&')}` : `/${facet.alias}`;
+        <a class=linkClasses href=facetLink>
+          ${facet.name}
+        </a>
+        <if(children.length)>
+          <theme-menu-toggle-button
+            class-name=`${block}__toggle`
+            targets=[`.${block}__item--${facet.id}`]
+            toggle-class=`${block}__item--open`
+            initially-expanded=isOpen
+            icon-modifiers=["sm"]
+            icon-name="plus"
+            expanded-icon-name="dash"
+          />
+        </if>
+        <if(isActive)>
+          <marko-web-browser-component
+            name="GlobalAutoScroll"
+            props={
+              containerTarget: `.${block} > .${block}__list`,
+              elementTarget: `.${block}__link--active`,
+              offset: -12,
+            }
+          />
+        </if>
+        <theme-directory-facet-list
+          facets=children
+          active-id=activeId
+          aliases=aliases
+          search-query=searchQuery
+        />
+      </div>
+    </for>
+  </div>
+</if>