@mindful-web/marko-web-digital-edition 1.95.0

package/components/author.marko.js

@@ -0,0 +1,59 @@
+// 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-digital-edition$1.95.0/components/author.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_attr = require("marko/dist/runtime/html/helpers/attr");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { author } = input;
+
+  const { authorNode } = (out.global.digitalEdition || {});
+
+  const path = author && author.siteContext && author.siteContext.path;
+
+  if (author) {
+    if (authorNode) {
+      marko_dynamicTag(out, authorNode, function() {
+        return {
+            author: author
+          };
+      }, null, null, null, __component, "0");
+    } else {
+      out.w("<p class=\"edition-article__byline\">By ");
+
+      if (path) {
+        out.w("<a" +
+          marko_attr("href", path) +
+          ">" +
+          marko_escapeXml(author.name) +
+          "</a>");
+      } else {
+        out.w(marko_escapeXml(author.name));
+      }
+
+      if (author.title) {
+        out.w("<span class=\"edition-article__byline-title\">, " +
+          marko_escapeXml(author.title) +
+          "</span>");
+      }
+
+      out.w("</p>");
+    }
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-digital-edition$1.95.0/components/author.marko"
+  };

package/components/gate.marko

@@ -0,0 +1,158 @@
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+
+$ const { req, site, config, i18n } = out.global;
+$ const siteName = (config && typeof config.siteName === "function" && config.siteName()) || (config && typeof config.website === "function" && config.website("name")) || "";
+$ const { manifest, item } = input;
+$ const context = input.context || {};
+$ const variant = input.variant === "bar" ? "bar" : "inline";
+$ const {
+  canAccess, isLoggedIn, hasRequiredAccessLevel, requiresAccessLevel, requiresUserInput,
+} = context;
+$ const t = typeof i18n === "function" ? i18n : (v) => v;
+$ const redirect = input.redirect || (req && req.originalUrl);
+$ const source = "digitalEdition";
+
+$ // Everything the IdentityX events carry for this gate, so the new source can be
+$ // reported alongside the content meter and article gates.
+$ const additionalEventData = {
+  contentGateType: source,
+  issueId: manifest.issueId,
+  publication: manifest.publication,
+  issueName: manifest.name,
+  ...(item && { articleSlug: item.slug, printPage: item.printPage }),
+  ...defaultValue(input.additionalEventData, {}),
+};
+
+$ const title = defaultValue(input.title, variant === "bar"
+  ? t("Read the full issue")
+  : t("Log in to read the full article"));
+$ const callToAction = defaultValue(input.callToAction,
+  `${t("Create a free")} <span class="edition-gate__site-name">${siteName}</span> ${t("account to keep reading")} ${variant === "bar" ? t("this issue") : t("this article")}.`);
+$ const userInputTitle = defaultValue(input.userInputTitle, t("Complete your profile to keep reading"));
+$ const buttonLabels = defaultValue(input.buttonLabels, {
+  continue: t("Continue"),
+  profile: t("Modify Profile"),
+  logout: t("Logout"),
+});
+$ const lang = defaultValue(site.config && site.config.lang, "en");
+
+<!--
+  The reader's gate: the same IdentityX flow as the content meter bar and the
+  hard-gated article gate (email first; a new user is then asked for the site's
+  required create fields; an existing user gets a login link), with the source
+  `digitalEdition` so the conversion is attributable.
+
+  variant="bar"    fixed bottom bar for the hub / continuous reader, collapsible
+  variant="inline" in the flow of a single gated article page
+-->
+<if(!canAccess)>
+  <div id="edition-gate" class=`edition-gate edition-gate--${variant} edition-gate--open` role="region" aria-label=t("Digital edition sign in") data-edition-issue-id=String(manifest.issueId)>
+    <div class="edition-gate__panel">
+      <if(variant === "bar")>
+        <button
+          type="button"
+          class="edition-gate__toggle"
+          aria-expanded="true"
+          data-edition-gate-toggle
+        >
+          <span class="edition-gate__title edition-gate__title--expanded">${title}</span>
+          <span class="edition-gate__title edition-gate__title--collapsed">${t("Create a free account")}</span>
+          <span class="edition-gate__chevron" aria-hidden="true"></span>
+        </button>
+      </if>
+      <else>
+        <h2 class="edition-gate__title">
+          <if(isLoggedIn && requiresUserInput)>${userInputTitle}</if>
+          <else>${title}</else>
+        </h2>
+      </else>
+
+      <if(isLoggedIn && requiresUserInput)>
+        <div class="edition-gate__body">
+          <div class="edition-gate__form">
+            <marko-web-identity-x-form-profile
+              call-to-action=t("A few details are needed before you can keep reading.")
+              reload-page-on-submit=true
+              additional-event-data=additionalEventData
+              login-source=source
+              lang=lang
+            />
+          </div>
+        </div>
+      </if>
+      <else-if(isLoggedIn && requiresAccessLevel && !hasRequiredAccessLevel)>
+        <p class="edition-gate__call-to-action">
+          ${t("Your account does not include access to this issue.")}
+        </p>
+      </else-if>
+      <else>
+        <p class="edition-gate__call-to-action">$!{callToAction}</p>
+        <div class="edition-gate__body">
+          <div class="edition-gate__form">
+            <marko-web-identity-x-form-login
+              source=source
+              login-email-placeholder="your@email.com"
+              additional-event-data=additionalEventData
+              button-labels=buttonLabels
+              redirect=redirect
+              lang=lang
+            />
+          </div>
+        </div>
+      </else>
+    </div>
+
+    <!--
+      1. Collapse/expand of the bar, without a theme dependency.
+      2. "Continue reading": one delegated listener on the document, because the
+         scroll reader appends later stories as fragments after this runs. A click on
+         a teaser band or its link opens the bar if collapsed, focuses the email field
+         (which scrolls it into view) and records the intent.
+    -->
+    <script>
+      (function () {
+        var gate = document.currentScript && document.currentScript.parentNode;
+        if (!gate) return;
+        var btn = gate.querySelector('[data-edition-gate-toggle]');
+        function setOpen(open) {
+          gate.classList.toggle('edition-gate--open', open);
+          if (btn) btn.setAttribute('aria-expanded', open ? 'true' : 'false');
+        }
+        if (btn) {
+          btn.addEventListener('click', function () {
+            setOpen(!gate.classList.contains('edition-gate--open'));
+          });
+        }
+        if (window.__editionContinueBound) return;
+        window.__editionContinueBound = true;
+        document.addEventListener('click', function (e) {
+          var target = e.target && e.target.closest && e.target.closest('[data-edition-continue]');
+          if (!target) return;
+          e.preventDefault();
+          setOpen(true);
+          var field = gate.querySelector('input[type="email"]') || gate.querySelector('input');
+          if (field) {
+            field.focus({ preventScroll: true });
+            field.scrollIntoView({ block: 'center', behavior: 'smooth' });
+          } else {
+            gate.scrollIntoView({ block: 'center', behavior: 'smooth' });
+          }
+          if (window.p1events) {
+            // Attribute the intent to the story it was clicked on (entity stamped on
+            // the enclosing article by article-body.marko).
+            var art = target.closest('[data-edition-entity]');
+            var entity = null;
+            try { entity = art && JSON.parse(art.getAttribute('data-edition-entity')); } catch (err) { entity = null; }
+            p1events('track', {
+              action: 'Continue Reading',
+              category: 'Digital Edition Article',
+              label: target.getAttribute('data-edition-slug') || '',
+              entity: entity || undefined,
+              props: { issueId: gate.getAttribute('data-edition-issue-id'), slug: target.getAttribute('data-edition-slug') || null, gate: gate.classList.contains('edition-gate--bar') ? 'bar' : 'inline' }
+            });
+          }
+        });
+      })();
+    </script>
+  </div>
+</if>

package/components/gate.marko.js

@@ -0,0 +1,147 @@
+// 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-digital-edition$1.95.0/components/gate.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    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_identity_x_form_profile_template = require("@mindful-web/marko-web-identity-x/components/form-profile.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_identity_x_form_profile_tag = marko_loadTag(marko_web_identity_x_form_profile_template),
+    marko_str = require("marko/dist/runtime/helpers/to-string"),
+    marko_web_identity_x_form_login_template = require("@mindful-web/marko-web-identity-x/components/form-login.marko"),
+    marko_web_identity_x_form_login_tag = marko_loadTag(marko_web_identity_x_form_login_template),
+    marko_classAttr = require("marko/dist/runtime/html/helpers/class-attr"),
+    marko_attr = require("marko/dist/runtime/html/helpers/attr");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { req, site, config, i18n } = out.global;
+
+  const siteName = (config && typeof config.siteName === "function" && config.siteName()) || (config && typeof config.website === "function" && config.website("name")) || "";
+
+  const { manifest, item } = input;
+
+  const context = input.context || {};
+
+  const variant = input.variant === "bar" ? "bar" : "inline";
+
+  const {
+  canAccess, isLoggedIn, hasRequiredAccessLevel, requiresAccessLevel, requiresUserInput,
+} = context;
+
+  const t = typeof i18n === "function" ? i18n : (v) => v;
+
+  const redirect = input.redirect || (req && req.originalUrl);
+
+  const source = "digitalEdition";
+
+  // Everything the IdentityX events carry for this gate, so the new source can be
+
+  // reported alongside the content meter and article gates.
+
+  const additionalEventData = {
+  contentGateType: source,
+  issueId: manifest.issueId,
+  publication: manifest.publication,
+  issueName: manifest.name,
+  ...(item && { articleSlug: item.slug, printPage: item.printPage }),
+  ...defaultValue(input.additionalEventData, {}),
+};
+
+  const title = defaultValue(input.title, variant === "bar"
+  ? t("Read the full issue")
+  : t("Log in to read the full article"));
+
+  const callToAction = defaultValue(input.callToAction,
+  `${t("Create a free")} <span class="edition-gate__site-name">${siteName}</span> ${t("account to keep reading")} ${variant === "bar" ? t("this issue") : t("this article")}.`);
+
+  const userInputTitle = defaultValue(input.userInputTitle, t("Complete your profile to keep reading"));
+
+  const buttonLabels = defaultValue(input.buttonLabels, {
+  continue: t("Continue"),
+  profile: t("Modify Profile"),
+  logout: t("Logout"),
+});
+
+  const lang = defaultValue(site.config && site.config.lang, "en");
+
+  if (!canAccess) {
+    out.w("<div id=\"edition-gate\"" +
+      marko_classAttr(("edition-gate edition-gate--" + variant) + " edition-gate--open") +
+      " role=\"region\"" +
+      marko_attr("aria-label", t("Digital edition sign in")) +
+      marko_attr("data-edition-issue-id", String(manifest.issueId)) +
+      "><div class=\"edition-gate__panel\">");
+
+    if (variant === "bar") {
+      out.w("<button type=\"button\" class=\"edition-gate__toggle\" aria-expanded=\"true\" data-edition-gate-toggle><span class=\"edition-gate__title edition-gate__title--expanded\">" +
+        marko_escapeXml(title) +
+        "</span><span class=\"edition-gate__title edition-gate__title--collapsed\">" +
+        marko_escapeXml(t("Create a free account")) +
+        "</span><span class=\"edition-gate__chevron\" aria-hidden=\"true\"></span></button>");
+    } else {
+      out.w("<h2 class=\"edition-gate__title\">");
+
+      if (isLoggedIn && requiresUserInput) {
+        out.w(marko_escapeXml(userInputTitle));
+      } else {
+        out.w(marko_escapeXml(title));
+      }
+
+      out.w("</h2>");
+    }
+
+    if (isLoggedIn && requiresUserInput) {
+      out.w("<div class=\"edition-gate__body\"><div class=\"edition-gate__form\">");
+
+      marko_web_identity_x_form_profile_tag({
+          loginSource: source,
+          callToAction: t("A few details are needed before you can keep reading."),
+          reloadPageOnSubmit: true,
+          additionalEventData: additionalEventData,
+          lang: lang
+        }, out, __component, "9");
+
+      out.w("</div></div>");
+    } else if ((isLoggedIn && requiresAccessLevel) && (!hasRequiredAccessLevel)) {
+      out.w("<p class=\"edition-gate__call-to-action\">" +
+        marko_escapeXml(t("Your account does not include access to this issue.")) +
+        "</p>");
+    } else {
+      out.w("<p class=\"edition-gate__call-to-action\">" +
+        marko_str(callToAction) +
+        "</p><div class=\"edition-gate__body\"><div class=\"edition-gate__form\">");
+
+      marko_web_identity_x_form_login_tag({
+          source: source,
+          loginEmailPlaceholder: "your@email.com",
+          additionalEventData: additionalEventData,
+          buttonLabels: buttonLabels,
+          redirect: redirect,
+          lang: lang
+        }, out, __component, "14");
+
+      out.w("</div></div>");
+    }
+
+    out.w("</div><script>\n      (function () {\n        var gate = document.currentScript && document.currentScript.parentNode;\n        if (!gate) return;\n        var btn = gate.querySelector('[data-edition-gate-toggle]');\n        function setOpen(open) {\n          gate.classList.toggle('edition-gate--open', open);\n          if (btn) btn.setAttribute('aria-expanded', open ? 'true' : 'false');\n        }\n        if (btn) {\n          btn.addEventListener('click', function () {\n            setOpen(!gate.classList.contains('edition-gate--open'));\n          });\n        }\n        if (window.__editionContinueBound) return;\n        window.__editionContinueBound = true;\n        document.addEventListener('click', function (e) {\n          var target = e.target && e.target.closest && e.target.closest('[data-edition-continue]');\n          if (!target) return;\n          e.preventDefault();\n          setOpen(true);\n          var field = gate.querySelector('input[type=\"email\"]') || gate.querySelector('input');\n          if (field) {\n            field.focus({ preventScroll: true });\n            field.scrollIntoView({ block: 'center', behavior: 'smooth' });\n          } else {\n            gate.scrollIntoView({ block: 'center', behavior: 'smooth' });\n          }\n          if (window.p1events) {\n            // Attribute the intent to the story it was clicked on (entity stamped on\n            // the enclosing article by article-body.marko).\n            var art = target.closest('[data-edition-entity]');\n            var entity = null;\n            try { entity = art && JSON.parse(art.getAttribute('data-edition-entity')); } catch (err) { entity = null; }\n            p1events('track', {\n              action: 'Continue Reading',\n              category: 'Digital Edition Article',\n              label: target.getAttribute('data-edition-slug') || '',\n              entity: entity || undefined,\n              props: { issueId: gate.getAttribute('data-edition-issue-id'), slug: target.getAttribute('data-edition-slug') || null, gate: gate.classList.contains('edition-gate--bar') ? 'bar' : 'inline' }\n            });\n          }\n        });\n      })();\n    </script></div>");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-digital-edition$1.95.0/components/gate.marko",
+    tags: [
+      "@mindful-web/marko-web-identity-x/components/form-profile.marko",
+      "@mindful-web/marko-web-identity-x/components/form-login.marko"
+    ]
+  };

package/components/ld-json.marko

@@ -0,0 +1,5 @@
+import { buildLdJson } from "../lib";
+
+$ const ld = buildLdJson(input);
+
+<script type="application/ld+json">$!{JSON.stringify(ld)}</script>

package/components/ld-json.marko.js

@@ -0,0 +1,29 @@
+// 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-digital-edition$1.95.0/components/ld-json.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_lib_module = require("../lib"),
+    lib_module = module_lib_module.default || module_lib_module,
+    buildLdJson = module_lib_module.buildLdJson,
+    marko_str = require("marko/dist/runtime/helpers/to-string");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const ld = buildLdJson(input);
+
+  out.w("<script type=\"application/ld+json\">" +
+    marko_str(JSON.stringify(ld)) +
+    "</script>");
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-digital-edition$1.95.0/components/ld-json.marko"
+  };

package/components/marko.json

@@ -0,0 +1,78 @@
+{
+  "<marko-web-digital-edition-ad>": {
+    "template": "./ad.marko",
+    "@manifest": "object",
+    "@item": "object",
+    "@eager": "boolean",
+    "@inline": "boolean"
+  },
+  "<marko-web-digital-edition-reflow>": {
+    "template": "./reflow.marko",
+    "@manifest": "object",
+    "@can-access": "boolean"
+  },
+  "<marko-web-digital-edition-replica>": {
+    "template": "./replica.marko",
+    "@manifest": "object",
+    "@page": "number",
+    "@can-access": "boolean",
+    "@preview-pages": "number"
+  },
+  "<marko-web-digital-edition-tracking>": {
+    "template": "./tracking.marko",
+    "@manifest": "object",
+    "@view": "string",
+    "@item": "object"
+  },
+  "<marko-web-digital-edition-ld-json>": {
+    "template": "./ld-json.marko",
+    "@manifest": "object",
+    "@gated": "boolean",
+    "@canonical-url": "string"
+  },
+  "<marko-web-digital-edition-toolbar>": {
+    "template": "./toolbar.marko",
+    "@manifest": "object",
+    "@view": "string",
+    "@show-theme-toggle": "boolean"
+  },
+  "<marko-web-digital-edition-article>": {
+    "template": "./article-body.marko",
+    "@manifest": "object",
+    "@item": "object",
+    "@can-access": "boolean",
+    "@heading-level": "number"
+  },
+  "<marko-web-digital-edition-toc>": {
+    "template": "./toc.marko",
+    "@manifest": "object",
+    "@items": "array",
+    "@current-slug": "string"
+  },
+  "<marko-web-digital-edition-scroll>": {
+    "template": "./scroll.marko",
+    "@manifest": "object"
+  },
+  "<marko-web-digital-edition-theme>": {
+    "template": "./theme.marko",
+    "@view": "string",
+    "@default-theme": "string"
+  },
+  "<marko-web-digital-edition-author>": {
+    "template": "./author.marko",
+    "@author": "object"
+  },
+  "<marko-web-digital-edition-gate>": {
+    "template": "./gate.marko",
+    "@manifest": "object",
+    "@context": "object",
+    "@item": "object",
+    "@variant": "string",
+    "@redirect": "string",
+    "@title": "string",
+    "@call-to-action": "string",
+    "@user-input-title": "string",
+    "@button-labels": "object",
+    "@additional-event-data": "object"
+  }
+}

package/components/reflow.marko

@@ -0,0 +1,67 @@
+import { articles, editionPath } from "../lib";
+
+$ const { manifest, canAccess } = input;
+$ const list = articles(manifest);
+$ const first = list[0] || null;
+$ const rest = list.slice(1);
+
+<!--
+  The hub.
+
+  Its initial HTML deliberately contains only the FIRST article body. Each article
+  also lives at its own URL, so rendering all 17 here would make the hub compete with
+  every article page for the same text. Instead the hub is a cover + contents + the
+  opening story, and the scroll reader fetches the rest as `?partial=1` fragments
+  while pushState-ing to each article's real URL.
+-->
+<div
+  class="edition-reflow"
+  data-edition-issue-id=manifest.issueId
+  data-edition-hub-path=editionPath(manifest.issueId)
+>
+  <header class="edition-reflow__masthead">
+    <if(manifest.coverImage)>
+      <img
+        class="edition-reflow__cover"
+        src=manifest.coverImage
+        alt=`${manifest.publication} — ${manifest.name} cover`
+      />
+    </if>
+    <div class="edition-reflow__meta">
+      <p class="edition-reflow__pub">${manifest.publication}</p>
+      <h1 class="edition-reflow__issue">${manifest.name}</h1>
+      <p class="edition-reflow__count">
+        ${list.length} articles · ${manifest.pdf.pageCount} pages
+      </p>
+    </div>
+  </header>
+
+  <marko-web-digital-edition-toc manifest=manifest items=list />
+
+  <div class="edition-reflow__flow" data-edition-flow>
+    <if(first)>
+      <marko-web-digital-edition-article manifest=manifest item=first can-access=canAccess />
+    </if>
+  </div>
+
+  <!--
+    The remaining articles as plain links. The scroll reader consumes this list and
+    replaces it; without JS it stays visible and every story is still reachable.
+  -->
+  <if(rest.length)>
+    <nav class="edition-reflow__more" data-edition-queue aria-label="More from this issue">
+      <h2 class="edition-reflow__more-title">Continue reading</h2>
+      <ul class="edition-reflow__more-list">
+        <for|item| of=rest>
+          <li>
+            <a
+              class="edition-reflow__more-link"
+              href=editionPath(manifest.issueId, { slug: item.slug })
+              data-edition-queue-slug=item.slug
+            >${item.headline || "Untitled"}</a>
+          </li>
+        </for>
+      </ul>
+    </nav>
+  </if>
+</div>

package/components/reflow.marko.js

@@ -0,0 +1,106 @@
+// 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-digital-edition$1.95.0/components/reflow.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_lib_module = require("../lib"),
+    lib_module = module_lib_module.default || module_lib_module,
+    articles = module_lib_module.articles,
+    editionPath = module_lib_module.editionPath,
+    marko_attr = require("marko/dist/runtime/html/helpers/attr"),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_web_digital_edition_toc_template = require("./toc.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_digital_edition_toc_tag = marko_loadTag(marko_web_digital_edition_toc_template),
+    marko_web_digital_edition_article_template = require("./article-body.marko"),
+    marko_web_digital_edition_article_tag = marko_loadTag(marko_web_digital_edition_article_template),
+    marko_forOf = require("marko/dist/runtime/helpers/for-of");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { manifest, canAccess } = input;
+
+  const list = articles(manifest);
+
+  const first = list[0] || null;
+
+  const rest = list.slice(1);
+
+  out.w("<div class=\"edition-reflow\"" +
+    marko_attr("data-edition-issue-id", manifest.issueId) +
+    marko_attr("data-edition-hub-path", editionPath(manifest.issueId)) +
+    "><header class=\"edition-reflow__masthead\">");
+
+  if (manifest.coverImage) {
+    out.w("<img class=\"edition-reflow__cover\"" +
+      marko_attr("src", manifest.coverImage) +
+      marko_attr("alt", ((manifest.publication + " — ") + manifest.name) + " cover") +
+      ">");
+  }
+
+  out.w("<div class=\"edition-reflow__meta\"><p class=\"edition-reflow__pub\">" +
+    marko_escapeXml(manifest.publication) +
+    "</p><h1 class=\"edition-reflow__issue\">" +
+    marko_escapeXml(manifest.name) +
+    "</h1><p class=\"edition-reflow__count\">" +
+    marko_escapeXml(list.length) +
+    " articles · " +
+    marko_escapeXml(manifest.pdf.pageCount) +
+    " pages</p></div></header>");
+
+  marko_web_digital_edition_toc_tag({
+      manifest: manifest,
+      items: list
+    }, out, __component, "7");
+
+  out.w("<div class=\"edition-reflow__flow\" data-edition-flow>");
+
+  if (first) {
+    marko_web_digital_edition_article_tag({
+        manifest: manifest,
+        item: first,
+        canAccess: canAccess
+      }, out, __component, "9");
+  }
+
+  out.w("</div>");
+
+  if (rest.length) {
+    out.w("<nav class=\"edition-reflow__more\" data-edition-queue aria-label=\"More from this issue\"><h2 class=\"edition-reflow__more-title\">Continue reading</h2><ul class=\"edition-reflow__more-list\">");
+
+    var $for$0 = 0;
+
+    marko_forOf(rest, function(item) {
+      var $keyScope$0 = "[" + (($for$0++) + "]");
+
+      out.w("<li><a class=\"edition-reflow__more-link\"" +
+        marko_attr("href", editionPath(manifest.issueId, {
+          slug: item.slug
+        })) +
+        marko_attr("data-edition-queue-slug", item.slug) +
+        ">" +
+        marko_escapeXml(item.headline || "Untitled") +
+        "</a></li>");
+    });
+
+    out.w("</ul></nav>");
+  }
+
+  out.w("</div>");
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-digital-edition$1.95.0/components/reflow.marko",
+    tags: [
+      "./toc.marko",
+      "./article-body.marko"
+    ]
+  };