@mindful-web/marko-web-theme-monorail 1.80.2 → 1.81.0

package/I18N_GUIDE.md

@@ -0,0 +1,354 @@
+# Internationalization (i18n) Guide
+
+## Overview
+
+`marko-web-theme-monorail` supports internationalization through an `i18n` function that must be provided by consuming sites. This guide explains how the theme handles translations and how to contribute components that respect multilingual requirements.
+
+## Core Principle
+
+**Any hardcoded user-facing text in theme components MUST be wrapped with the i18n function.** This ensures sites can translate UI text without modifying the theme package itself.
+
+---
+
+## How It Works
+
+### For Sites (Consuming Projects)
+
+Sites provide an i18n function that maps English strings to their translated equivalents:
+
+**Example: `sites/mundopmmi.com/config/i18n.js`**
+```javascript
+module.exports = {
+  "We hope you've enjoyed your articles.": "Esperamos haya disfrutado sus artículos.",
+  "Create a free account": "Cree una cuenta gratuita",
+  "account to continue reading": "cuenta gratuita para continuar leyendo",
+  // ... hundreds more translations
+};
+```
+
+Then in the site's start-server call:
+```javascript
+// sites/mundopmmi.com/index.js
+const i18n = require('./config/i18n');
+
+module.exports = startServer({
+  // ... config ...
+  i18n: (v) => i18n[`${v}`.toLowerCase()] || v,
+});
+```
+
+This makes `out.global.i18n` available to all theme components.
+
+### For Theme Components
+
+#### Marko Components (Server-side)
+
+1. **Destructure i18n with a fallback:**
+   ```marko
+   $ const { i18n } = out.global;
+   $ const i18nFunc = typeof i18n === 'function' ? i18n : (v) => v;
+   ```
+
+2. **Wrap user-facing strings:**
+   ```marko
+   $ const title = i18nFunc("We hope you've enjoyed your articles.");
+   $ const buttonLabel = i18nFunc("Create a free account");
+   ```
+
+3. **Handle dynamic content carefully:**
+   ```marko
+   // For singular/plural variants:
+   $ const remaining = viewLimit - views;
+   $ let message;
+   $ if (remaining === 1) {
+   $   message = i18nFunc("You have 1 article view remaining.");
+   $ } else {
+   $   // Use placeholder for numbers
+   $   message = i18nFunc("You have {count} article views remaining.");
+   $   message = message.replace('{count}', remaining);
+   $ }
+   ```
+
+#### Vue/Browser Components (Client-side)
+
+For client-side Vue components, translations must be passed as props from the Marko template:
+
+**In Marko template:**
+```marko
+$ const { i18n } = out.global;
+$ const i18nFunc = typeof i18n === 'function' ? i18n : (v) => v;
+
+$ const locale = {
+  "Sign up": i18nFunc("Sign up"),
+  "Email address": i18nFunc("Email address"),
+  "Subscribe": i18nFunc("Subscribe"),
+};
+
+<marko-web-browser-component
+  name="InlineNewsletterForm"
+  props={ locale, defaultNewsletter, ... }
+/>
+```
+
+**In Vue component:**
+```vue
+<template>
+  <form @submit="onSubmit">
+    <label>{{ locale['Email address'] || 'Email address' }}</label>
+    <input type="email" placeholder="user@example.com" />
+    <button type="submit">{{ locale['Subscribe'] || 'Subscribe' }}</button>
+  </form>
+</template>
+
+<script>
+export default {
+  props: {
+    locale: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  methods: {
+    onSubmit() {
+      // ...
+    },
+  },
+}
+</script>
+```
+
+---
+
+## Best Practices
+
+### 1. Use Simple, Descriptive English Strings
+
+✅ **Good:**
+```marko
+$ const label = i18nFunc("Create a free account");
+```
+
+❌ **Bad:**
+```marko
+$ const label = i18nFunc("Create Account"); // Too vague, hard to translate consistently
+```
+
+### 2. Avoid Inline Interpolation with Numbers
+
+✅ **Good:**
+```marko
+$ const template = i18nFunc("You have {count} article views remaining.");
+$ const message = template.replace('{count}', remaining);
+```
+
+❌ **Bad:**
+```marko
+$ const message = i18nFunc(`You have ${remaining} article views remaining.`);
+// Translators can't translate this—the number is embedded
+```
+
+### 3. Keep Related Strings Together
+
+✅ **Good:**
+```marko
+$ const createLabel = i18nFunc("Create a free");
+$ const accountLabel = i18nFunc("account to continue reading");
+$ const message = `${createLabel} <strong>${siteName}</strong> ${accountLabel}`;
+```
+
+This allows translators to reorder the sentence structure if needed.
+
+❌ **Bad:**
+```marko
+$ const message = i18nFunc(`Create a free ${siteName} account to continue reading`);
+```
+
+### 4. Always Provide a Fallback
+
+Always check if i18n exists and fall back to English:
+
+```marko
+$ const i18nFunc = typeof i18n === 'function' ? i18n : (v) => v;
+$ const label = i18nFunc("Your label");
+// If i18n doesn't exist, label will be "Your label" (English)
+```
+
+This ensures backward compatibility with sites that don't have an i18n config.
+
+### 5. Document Required Translation Strings
+
+When adding new user-facing text, document it in the component or in a comment:
+
+```marko
+<!--
+Required translation strings for this component:
+- "We hope you've enjoyed your articles."
+- "You have 1 article view remaining."
+- "You have {count} article views remaining."
+- "This is your last free article."
+- "Enjoy this free article."
+- "Create a free account"
+- "Create a free"
+- "account to continue reading"
+-->
+```
+
+Or add a comment in your PR describing what strings need to be added to site i18n configs.
+
+---
+
+## Example: Adding i18n to a Component
+
+### Before (No i18n)
+```marko
+$ const title = "View All Products";
+$ const emptyMessage = "No products found.";
+
+<div class="products">
+  <h2>${title}</h2>
+  <if(!products.length)>
+    <p>${emptyMessage}</p>
+  </if>
+</div>
+```
+
+### After (With i18n)
+```marko
+$ const { i18n } = out.global;
+$ const i18nFunc = typeof i18n === 'function' ? i18n : (v) => v;
+
+$ const title = i18nFunc("View All Products");
+$ const emptyMessage = i18nFunc("No products found.");
+
+<div class="products">
+  <h2>${title}</h2>
+  <if(!products.length)>
+    <p>${emptyMessage}</p>
+  </if>
+</div>
+```
+
+### Site Implementation
+Sites using the component add translations to their i18n config:
+
+```javascript
+// sites/example-spanish/config/i18n.js
+module.exports = {
+  "View All Products": "Ver Todos los Productos",
+  "No products found.": "No se encontraron productos.",
+};
+```
+
+---
+
+## Handling Missing Translations
+
+If a site doesn't have a translation in its i18n config, the fallback behavior is:
+
+```javascript
+// sites/example-spanish/config/i18n.js
+i18n: (v) => i18n[`${v}`.toLowerCase()] || v
+//                                           ^ returns English if not found
+```
+
+This means:
+- ✅ Sites will display in English if a translation is missing
+- ✅ No runtime errors
+- ✅ Graceful degradation
+- ⚠️ Encourages sites to keep their i18n configs up-to-date with new theme versions
+
+---
+
+## Release Notes Template
+
+When releasing a new version with i18n changes, include:
+
+```markdown
+## vX.Y.Z
+
+### New Features
+- Added internationalization support to `content-meter` block component
+
+### i18n Changes (⚠️ Action Required for Multilingual Sites)
+The following new translation strings are required:
+
+**content-meter.marko:**
+- `We hope you've enjoyed your articles.`
+- `You have 1 article view remaining.`
+- `You have {count} article views remaining.`
+- `This is your last free article.`
+- `Enjoy this free article.`
+- `Create a free account`
+- `Create a free`
+- `account to continue reading`
+
+**Action:** Add these strings to your site's `config/i18n.js` file and provide translations.
+
+See [I18N_GUIDE.md](./I18N_GUIDE.md) for details.
+```
+
+---
+
+## Common Questions
+
+### Q: What if my site doesn't have multilingual requirements?
+A: You don't need to do anything. The i18n function is optional, and the theme will fall back to English text automatically.
+
+### Q: Can I override a translation string in my site?
+A: Yes. Your site's i18n config is the source of truth. Add (or modify) a translation string and it will be used instead of the theme's default English.
+
+### Q: Should all text go through i18n, or just user-facing labels?
+A: Only **user-facing text** should be translated. Technical strings (class names, data attributes, IDs, etc.) should not.
+
+✅ Translate:
+- Button labels
+- Form placeholders
+- Error messages
+- Section titles
+- Empty state messages
+
+❌ Don't translate:
+- CSS class names
+- Data attributes
+- HTML IDs
+- Variable names
+- Code comments
+
+### Q: What about accessibility strings (aria-labels)?
+A: Yes, translate these too. They're user-facing for screen readers.
+
+```marko
+$ const ariaLabel = i18nFunc("Content Meter");
+<div role="region" aria-label=ariaLabel>...</div>
+```
+
+### Q: How do I handle pluralization in other languages?
+A: Use placeholder strings and handle pluralization at the template level:
+
+```marko
+$ const count = items.length;
+$ let message;
+$ if (count === 0) {
+$   message = i18nFunc("No items");
+$ } else if (count === 1) {
+$   message = i18nFunc("1 item");
+$ } else {
+$   message = i18nFunc("{count} items").replace('{count}', count);
+$ }
+```
+
+Then sites provide translations for each variant:
+```javascript
+{
+  "No items": "Sin artículos",
+  "1 item": "1 artículo",
+  "{count} items": "{count} artículos",
+}
+```
+
+---
+
+## References
+
+- [marko-web-theme-monorail Repository](https://github.com/parameter1/mindful-web/tree/main/packages/marko-web-theme-monorail)
+- [Consuming Site Example: mundopmmi](https://github.com/parameter1/pmmi-media-group-websites/tree/main/sites/mundopmmi.com)

package/README.md

@@ -101,3 +101,11 @@ $ let body = content.body;
   $ // ...
 
 ```
+
+## Internationalization (i18n)
+
+This theme supports internationalization for components. See [I18N_GUIDE.md](./I18N_GUIDE.md) for:
+- How to add i18n support to new components
+- Best practices for translatable strings
+- Examples for both Marko and Vue components
+- Common questions and answers

package/components/ads/fixed-ad-bottom.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.80.2/components/ads/fixed-ad-bottom.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.81.0/components/ads/fixed-ad-bottom.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_assign = require("marko/dist/runtime/helpers/assign"),
     marko_web_gam_fixed_ad_bottom_template = require("@mindful-web/marko-web-gam/components/fixed-ad-bottom.marko"),
@@ -29,7 +29,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail$1.80.2/components/ads/fixed-ad-bottom.marko",
+    id: "/@mindful-web/marko-web-theme-monorail$1.81.0/components/ads/fixed-ad-bottom.marko",
     tags: [
       "@mindful-web/marko-web-gam/components/fixed-ad-bottom.marko"
     ]

package/components/ads/reveal-ad-handler.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.80.2/components/ads/reveal-ad-handler.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.81.0/components/ads/reveal-ad-handler.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_web_browser_component_template = require("@mindful-web/marko-web/components/browser-component.marko"),
     marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
@@ -31,7 +31,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail$1.80.2/components/ads/reveal-ad-handler.marko",
+    id: "/@mindful-web/marko-web-theme-monorail$1.81.0/components/ads/reveal-ad-handler.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko"
     ]

package/components/blocks/author-bios.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.80.2/components/blocks/author-bios.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.81.0/components/blocks/author-bios.marko",
     marko_component = require("./author-bios.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
@@ -67,7 +67,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail$1.80.2/components/blocks/author-bios.marko",
+    id: "/@mindful-web/marko-web-theme-monorail$1.81.0/components/blocks/author-bios.marko",
     component: "./author-bios.marko",
     tags: [
       "../nodes/author-bio.marko",

package/components/blocks/callout-cards.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.80.2/components/blocks/callout-cards.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.81.0/components/blocks/callout-cards.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,
@@ -66,7 +66,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail$1.80.2/components/blocks/callout-cards.marko",
+    id: "/@mindful-web/marko-web-theme-monorail$1.81.0/components/blocks/callout-cards.marko",
     tags: [
       "@mindful-web/marko-web/components/element/index.marko",
       "@mindful-web/marko-web/components/element/block.marko"

package/components/blocks/company-inquiry-form.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.80.2/components/blocks/company-inquiry-form.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.81.0/components/blocks/company-inquiry-form.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,
@@ -83,7 +83,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail$1.80.2/components/blocks/company-inquiry-form.marko",
+    id: "/@mindful-web/marko-web-theme-monorail$1.81.0/components/blocks/company-inquiry-form.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko",
       "@mindful-web/marko-web-p1-events/components/track-inquiry-submission.marko",

package/components/blocks/company-search.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.80.2/components/blocks/company-search.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.81.0/components/blocks/company-search.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_web_browser_component_template = require("@mindful-web/marko-web/components/browser-component.marko"),
     marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
@@ -22,7 +22,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail$1.80.2/components/blocks/company-search.marko",
+    id: "/@mindful-web/marko-web-theme-monorail$1.81.0/components/blocks/company-search.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko"
     ]

package/components/blocks/content-card-deck.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.80.2/components/blocks/content-card-deck.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.81.0/components/blocks/content-card-deck.marko",
     marko_component = require("./content-card-deck.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_utils_module = require("@mindful-web/marko-web/utils"),
@@ -317,7 +317,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail$1.80.2/components/blocks/content-card-deck.marko",
+    id: "/@mindful-web/marko-web-theme-monorail$1.81.0/components/blocks/content-card-deck.marko",
     component: "./content-card-deck.marko",
     tags: [
       "@mindful-web/marko-web/components/element/link.marko",

package/components/blocks/content-meter.marko

@@ -1,7 +1,7 @@
 import defaultValue from "@mindful-web/marko-core/utils/default-value";
 import baseContentEntity from "@mindful-web/marko-web-p1-events/utils/base-content-entity";
 
-$ const { config, site, contentMeterState, req } = out.global;
+$ const { config, site, contentMeterState, req, i18n } = out.global;
 $ const { content } = input;
 $ const {
   displayGate,
@@ -24,20 +24,38 @@ $ const additionalEventData = {
   ...(contentEntity && { ent: contentEntity }),
 };
 
-
+// Fallback to identity function if i18n is not available (backward compatibility)
+$ const i18nFunc = typeof i18n === ‘function’ ? i18n : (v) => v;
 
 $ const setTextVariables = () => {
   // Set title based on views remaining
-  let dynamicTitle = defaultValue(input.dynamicTitle, "We hope you’ve enjoyed your articles.");
-  if (views < viewLimit) dynamicTitle = `You have ${viewLimit - views} article views remaining.`;
-  if (viewLimit - views === 1) dynamicTitle = `You have 1 article view remaining.`;
-  if (viewLimit === views && !displayOverlay) dynamicTitle = `This is your last free article.`;
-  if (viewLimit === 1 && !displayOverlay) dynamicTitle = 'Enjoy this free article.';
+  let dynamicTitle = defaultValue(
+    input.dynamicTitle,
+    i18nFunc("We hope you’ve enjoyed your articles.")
+  );
+
+  if (views < viewLimit) {
+    const remaining = viewLimit - views;
+    if (remaining === 1) {
+      dynamicTitle = i18nFunc("You have 1 article view remaining.");
+    } else {
+      const template = i18nFunc("You have {count} article views remaining.");
+      dynamicTitle = template.replace(‘{count}’, remaining);
+    }
+  }
+
+  if (viewLimit === views && !displayOverlay) {
+    dynamicTitle = i18nFunc("This is your last free article.");
+  }
+
+  if (viewLimit === 1 && !displayOverlay) {
+    dynamicTitle = i18nFunc("Enjoy this free article.");
+  }
 
   return {
     title: dynamicTitle,
-    collapsedTitle: "Create a free account",
-    callToAction: `Create a free <span class="content-meter__call-to-action--site-name">${config.siteName()}</span> account to continue reading`,
+    collapsedTitle: i18nFunc("Create a free account"),
+    callToAction: `${i18nFunc("Create a free")} <span class="content-meter__call-to-action--site-name">${config.siteName()}</span> ${i18nFunc("account to continue reading")}`,
   };
 }
 $ const textVariables = setTextVariables();

package/components/blocks/content-meter.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.80.2/components/blocks/content-meter.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.81.0/components/blocks/content-meter.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,
@@ -21,7 +21,7 @@ var marko_template = module.exports = require("marko/dist/html").t(__filename),
 function render(input, out, __component, component, state) {
   var data = input;
 
-  const { config, site, contentMeterState, req } = out.global;
+  const { config, site, contentMeterState, req, i18n } = out.global;
 
   const { content } = input;
 
@@ -46,18 +46,37 @@ function render(input, out, __component, component, state) {
   ...(contentEntity && { ent: contentEntity }),
 };
 
+  const i18nFunc = typeof i18n === ‘function’ ? i18n : (v) => v;
+
   const setTextVariables = () => {
   // Set title based on views remaining
-  let dynamicTitle = defaultValue(input.dynamicTitle, "We hope you’ve enjoyed your articles.");
-  if (views < viewLimit) dynamicTitle = `You have ${viewLimit - views} article views remaining.`;
-  if (viewLimit - views === 1) dynamicTitle = `You have 1 article view remaining.`;
-  if (viewLimit === views && !displayOverlay) dynamicTitle = `This is your last free article.`;
-  if (viewLimit === 1 && !displayOverlay) dynamicTitle = 'Enjoy this free article.';
+  let dynamicTitle = defaultValue(
+    input.dynamicTitle,
+    i18nFunc("We hope you’ve enjoyed your articles.")
+  );
+
+  if (views < viewLimit) {
+    const remaining = viewLimit - views;
+    if (remaining === 1) {
+      dynamicTitle = i18nFunc("You have 1 article view remaining.");
+    } else {
+      const template = i18nFunc("You have {count} article views remaining.");
+      dynamicTitle = template.replace(‘{count}’, remaining);
+    }
+  }
+
+  if (viewLimit === views && !displayOverlay) {
+    dynamicTitle = i18nFunc("This is your last free article.");
+  }
+
+  if (viewLimit === 1 && !displayOverlay) {
+    dynamicTitle = i18nFunc("Enjoy this free article.");
+  }
 
   return {
     title: dynamicTitle,
-    collapsedTitle: "Create a free account",
-    callToAction: `Create a free <span class="content-meter__call-to-action--site-name">${config.siteName()}</span> account to continue reading`,
+    collapsedTitle: i18nFunc("Create a free account"),
+    callToAction: `${i18nFunc("Create a free")} <span class="content-meter__call-to-action--site-name">${config.siteName()}</span> ${i18nFunc("account to continue reading")}`,
   };
 }
 
@@ -135,7 +154,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail$1.80.2/components/blocks/content-meter.marko",
+    id: "/@mindful-web/marko-web-theme-monorail$1.81.0/components/blocks/content-meter.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko",
       "../menu-toggle-button.marko",

package/components/blocks/full-width-native-ad.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.80.2/components/blocks/full-width-native-ad.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.81.0/components/blocks/full-width-native-ad.marko",
     marko_component = require("./full-width-native-ad.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -52,7 +52,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail$1.80.2/components/blocks/full-width-native-ad.marko",
+    id: "/@mindful-web/marko-web-theme-monorail$1.81.0/components/blocks/full-width-native-ad.marko",
     component: "./full-width-native-ad.marko",
     tags: [
       "../nodes/section-feed-content.marko",

package/components/blocks/geo-summary.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.80.2/components/blocks/geo-summary.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.81.0/components/blocks/geo-summary.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,
@@ -150,7 +150,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail$1.80.2/components/blocks/geo-summary.marko",
+    id: "/@mindful-web/marko-web-theme-monorail$1.81.0/components/blocks/geo-summary.marko",
     tags: [
       "../menu-toggle-button.marko",
       "@mindful-web/marko-web/components/element/index.marko",