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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (507) hide show
  1. package/.eslintignore +1 -0
  2. package/LICENSE +21 -0
  3. package/README.md +103 -0
  4. package/browser/.eslintrc.js +1 -0
  5. package/browser/block-loader.vue +64 -0
  6. package/browser/comment-toggle-button.vue +89 -0
  7. package/browser/company-search.vue +78 -0
  8. package/browser/content-meter-track.vue +90 -0
  9. package/browser/i18n-vue.js +11 -0
  10. package/browser/idx-newsletter-form/index.js +61 -0
  11. package/browser/idx-newsletter-form/inline.vue +243 -0
  12. package/browser/idx-newsletter-form/pushdown.vue +249 -0
  13. package/browser/idx-newsletter-form/toggle-button.vue +65 -0
  14. package/browser/index.js +170 -0
  15. package/browser/inline-newsletter-form/step1.vue +159 -0
  16. package/browser/inline-newsletter-form.vue +129 -0
  17. package/browser/menu-toggle-button.vue +150 -0
  18. package/browser/newsletter-close-button.vue +44 -0
  19. package/browser/newsletter-signup-form/check-icon.vue +13 -0
  20. package/browser/newsletter-signup-form/form-group.vue +50 -0
  21. package/browser/newsletter-signup-form/input-form-group.vue +57 -0
  22. package/browser/newsletter-signup-form/newsletter-checkbox.vue +63 -0
  23. package/browser/newsletter-signup-form/privacy-policy.vue +38 -0
  24. package/browser/newsletter-signup-form/select-form-group.vue +59 -0
  25. package/browser/newsletter-signup-form/sign-up-button.vue +49 -0
  26. package/browser/newsletter-signup-form/step2.vue +284 -0
  27. package/browser/newsletter-signup-modal-listener.vue +59 -0
  28. package/browser/newsletter-toggle-button.vue +42 -0
  29. package/browser/reveal-ad-handler.vue +195 -0
  30. package/browser/section-search.vue +89 -0
  31. package/browser/site-newsletter-menu/step1.vue +189 -0
  32. package/browser/site-newsletter-menu.vue +176 -0
  33. package/browser/ssr.js +15 -0
  34. package/browser/top-stories-menu.vue +58 -0
  35. package/browser/translations-vue.js +50 -0
  36. package/browser/wufoo-form.vue +62 -0
  37. package/components/ads/fixed-ad-bottom.marko +7 -0
  38. package/components/ads/fixed-ad-bottom.marko.js +36 -0
  39. package/components/ads/marko.json +20 -0
  40. package/components/ads/reveal-ad-handler.marko +9 -0
  41. package/components/ads/reveal-ad-handler.marko.js +38 -0
  42. package/components/blocks/author-bios.marko +28 -0
  43. package/components/blocks/author-bios.marko.js +76 -0
  44. package/components/blocks/callout-cards.marko +15 -0
  45. package/components/blocks/callout-cards.marko.js +74 -0
  46. package/components/blocks/company-inquiry-form.marko +30 -0
  47. package/components/blocks/company-inquiry-form.marko.js +93 -0
  48. package/components/blocks/company-search.marko +1 -0
  49. package/components/blocks/company-search.marko.js +29 -0
  50. package/components/blocks/content-card-deck.marko +142 -0
  51. package/components/blocks/content-card-deck.marko.js +325 -0
  52. package/components/blocks/content-meter.marko +85 -0
  53. package/components/blocks/content-meter.marko.js +132 -0
  54. package/components/blocks/full-width-native-ad.marko +21 -0
  55. package/components/blocks/full-width-native-ad.marko.js +62 -0
  56. package/components/blocks/hero-card.marko +91 -0
  57. package/components/blocks/hero-card.marko.js +207 -0
  58. package/components/blocks/latest-content-list.marko +89 -0
  59. package/components/blocks/latest-content-list.marko.js +146 -0
  60. package/components/blocks/latest-podcast.marko +64 -0
  61. package/components/blocks/latest-podcast.marko.js +172 -0
  62. package/components/blocks/latest-products-feed.marko +58 -0
  63. package/components/blocks/latest-products-feed.marko.js +166 -0
  64. package/components/blocks/marko.json +204 -0
  65. package/components/blocks/more-products.marko +49 -0
  66. package/components/blocks/more-products.marko.js +135 -0
  67. package/components/blocks/most-popular-list.marko +75 -0
  68. package/components/blocks/most-popular-list.marko.js +146 -0
  69. package/components/blocks/most-popular.marko +97 -0
  70. package/components/blocks/most-popular.marko.js +190 -0
  71. package/components/blocks/native-x-card-deck.marko +85 -0
  72. package/components/blocks/native-x-card-deck.marko.js +221 -0
  73. package/components/blocks/native-x-promo-card.marko +55 -0
  74. package/components/blocks/native-x-promo-card.marko.js +135 -0
  75. package/components/blocks/newsletter-signup-banner-external.marko +33 -0
  76. package/components/blocks/newsletter-signup-banner-external.marko.js +103 -0
  77. package/components/blocks/newsletter-signup-banner-large.marko +36 -0
  78. package/components/blocks/newsletter-signup-banner-large.marko.js +93 -0
  79. package/components/blocks/newsletter-signup-banner.marko +39 -0
  80. package/components/blocks/newsletter-signup-banner.marko.js +69 -0
  81. package/components/blocks/opinion.marko +34 -0
  82. package/components/blocks/opinion.marko.js +95 -0
  83. package/components/blocks/primary-image.marko +125 -0
  84. package/components/blocks/primary-image.marko.js +228 -0
  85. package/components/blocks/products.marko +57 -0
  86. package/components/blocks/products.marko.js +157 -0
  87. package/components/blocks/read-next.marko +42 -0
  88. package/components/blocks/read-next.marko.js +113 -0
  89. package/components/blocks/related-stories.marko +74 -0
  90. package/components/blocks/related-stories.marko.js +165 -0
  91. package/components/blocks/resource-library.marko +77 -0
  92. package/components/blocks/resource-library.marko.js +194 -0
  93. package/components/blocks/section-body-feed.marko +39 -0
  94. package/components/blocks/section-body-feed.marko.js +99 -0
  95. package/components/blocks/section-card-deck-featured.marko +37 -0
  96. package/components/blocks/section-card-deck-featured.marko.js +105 -0
  97. package/components/blocks/section-card-deck.marko +13 -0
  98. package/components/blocks/section-card-deck.marko.js +44 -0
  99. package/components/blocks/section-card-list.marko +102 -0
  100. package/components/blocks/section-card-list.marko.js +236 -0
  101. package/components/blocks/section-feed.marko +46 -0
  102. package/components/blocks/section-feed.marko.js +94 -0
  103. package/components/blocks/section-forbes.marko +102 -0
  104. package/components/blocks/section-forbes.marko.js +221 -0
  105. package/components/blocks/section-list-deck.marko +38 -0
  106. package/components/blocks/section-list-deck.marko.js +109 -0
  107. package/components/blocks/section-list.marko +89 -0
  108. package/components/blocks/section-list.marko.js +179 -0
  109. package/components/blocks/section-search.marko +14 -0
  110. package/components/blocks/section-search.marko.js +57 -0
  111. package/components/blocks/section-title-feed.marko +40 -0
  112. package/components/blocks/section-title-feed.marko.js +100 -0
  113. package/components/blocks/top-stories-menu.marko +40 -0
  114. package/components/blocks/top-stories-menu.marko.js +98 -0
  115. package/components/blocks/top-stories.marko +76 -0
  116. package/components/blocks/top-stories.marko.js +186 -0
  117. package/components/blocks/white-papers.marko +80 -0
  118. package/components/blocks/white-papers.marko.js +205 -0
  119. package/components/breadcrumbs/content-page.marko +7 -0
  120. package/components/breadcrumbs/content-page.marko.js +35 -0
  121. package/components/breadcrumbs/index.marko +21 -0
  122. package/components/breadcrumbs/index.marko.js +59 -0
  123. package/components/breadcrumbs/marko.json +32 -0
  124. package/components/breadcrumbs/scss/_breadcrumbs.scss +35 -0
  125. package/components/breadcrumbs/website-section.marko +31 -0
  126. package/components/breadcrumbs/website-section.marko.js +107 -0
  127. package/components/breadcrumbs/with-home.marko +13 -0
  128. package/components/breadcrumbs/with-home.marko.js +65 -0
  129. package/components/client-side-block-loader.marko +6 -0
  130. package/components/client-side-block-loader.marko.js +36 -0
  131. package/components/client-side-blocks/marko.json +8 -0
  132. package/components/client-side-blocks/most-popular-list.marko +1 -0
  133. package/components/client-side-blocks/most-popular-list.marko.js +31 -0
  134. package/components/client-side-blocks/most-popular.marko +1 -0
  135. package/components/client-side-blocks/most-popular.marko.js +31 -0
  136. package/components/content/body-with-injection.marko +116 -0
  137. package/components/content/body-with-injection.marko.js +190 -0
  138. package/components/content/contact-details/index.marko +95 -0
  139. package/components/content/contact-details/index.marko.js +274 -0
  140. package/components/content/contact-details/marko.json +27 -0
  141. package/components/content/contact-details/section.marko +9 -0
  142. package/components/content/contact-details/section.marko.js +37 -0
  143. package/components/content/download/form-dot-com.marko +23 -0
  144. package/components/content/download/form-dot-com.marko.js +59 -0
  145. package/components/content/download/identity-x.marko +73 -0
  146. package/components/content/download/identity-x.marko.js +149 -0
  147. package/components/content/download/index.marko +43 -0
  148. package/components/content/download/index.marko.js +113 -0
  149. package/components/content/download/link.marko +12 -0
  150. package/components/content/download/link.marko.js +45 -0
  151. package/components/content/download/marko.json +26 -0
  152. package/components/content/download/wufoo.marko +23 -0
  153. package/components/content/download/wufoo.marko.js +59 -0
  154. package/components/content/link-url/index.marko +16 -0
  155. package/components/content/link-url/index.marko.js +48 -0
  156. package/components/content/link-url/marko.json +9 -0
  157. package/components/content/marko.json +18 -0
  158. package/components/content/sections-listed-in.marko +26 -0
  159. package/components/content/sections-listed-in.marko.js +89 -0
  160. package/components/content-attribution/attribution.marko +1 -0
  161. package/components/content-attribution/attribution.marko.js +33 -0
  162. package/components/content-attribution/components/authors.marko +3 -0
  163. package/components/content-attribution/components/authors.marko.js +42 -0
  164. package/components/content-attribution/components/byline.marko +1 -0
  165. package/components/content-attribution/components/byline.marko.js +30 -0
  166. package/components/content-attribution/components/company.marko +7 -0
  167. package/components/content-attribution/components/company.marko.js +43 -0
  168. package/components/content-attribution/components/contributors.marko +3 -0
  169. package/components/content-attribution/components/contributors.marko.js +42 -0
  170. package/components/content-attribution/components/photographers.marko +3 -0
  171. package/components/content-attribution/components/photographers.marko.js +42 -0
  172. package/components/content-attribution/components/source.marko +1 -0
  173. package/components/content-attribution/components/source.marko.js +30 -0
  174. package/components/content-attribution/components/sponsors.marko +3 -0
  175. package/components/content-attribution/components/sponsors.marko.js +42 -0
  176. package/components/content-attribution/index.marko +34 -0
  177. package/components/content-attribution/index.marko.js +81 -0
  178. package/components/content-attribution/marko.json +27 -0
  179. package/components/directory-facets/facet-container/facet-container.marko +32 -0
  180. package/components/directory-facets/facet-container/facet-container.marko.js +65 -0
  181. package/components/directory-facets/facet-container/marko.json +26 -0
  182. package/components/directory-facets/facet-list/facet-list.marko +66 -0
  183. package/components/directory-facets/facet-list/facet-list.marko.js +140 -0
  184. package/components/directory-facets/facet-list/marko.json +23 -0
  185. package/components/directory-facets/facet.marko +15 -0
  186. package/components/directory-facets/facet.marko.js +44 -0
  187. package/components/directory-facets/find-active-facet.js +22 -0
  188. package/components/directory-facets/index.marko +29 -0
  189. package/components/directory-facets/index.marko.js +77 -0
  190. package/components/directory-facets/marko.json +40 -0
  191. package/components/facebook-connect.marko +52 -0
  192. package/components/facebook-connect.marko.js +59 -0
  193. package/components/flows/card-deck.marko +63 -0
  194. package/components/flows/card-deck.marko.js +159 -0
  195. package/components/flows/content/card-deck-col.marko +49 -0
  196. package/components/flows/content/card-deck-col.marko.js +98 -0
  197. package/components/flows/content/directory-section.marko +41 -0
  198. package/components/flows/content/directory-section.marko.js +107 -0
  199. package/components/flows/content/list.marko +51 -0
  200. package/components/flows/content/list.marko.js +98 -0
  201. package/components/flows/content/marko.json +39 -0
  202. package/components/flows/marko.json +42 -0
  203. package/components/flows/section-feed.marko +66 -0
  204. package/components/flows/section-feed.marko.js +118 -0
  205. package/components/gam/components/define-display-ad.marko +106 -0
  206. package/components/gam/components/define-display-ad.marko.js +171 -0
  207. package/components/gam/define-display-ad.marko +27 -0
  208. package/components/gam/define-display-ad.marko.js +60 -0
  209. package/components/gam/inject-ads.marko +28 -0
  210. package/components/gam/inject-ads.marko.js +56 -0
  211. package/components/gam/marko.json +17 -0
  212. package/components/gam/utils/increment-pos.js +13 -0
  213. package/components/gam/wallpaper-ad.marko +18 -0
  214. package/components/gam/wallpaper-ad.marko.js +75 -0
  215. package/components/identity-x/comment-stream.marko +33 -0
  216. package/components/identity-x/comment-stream.marko.js +71 -0
  217. package/components/identity-x/content-page-gate.marko +85 -0
  218. package/components/identity-x/content-page-gate.marko.js +171 -0
  219. package/components/identity-x/marko.json +38 -0
  220. package/components/identity-x/newsletter-footer.marko +56 -0
  221. package/components/identity-x/newsletter-footer.marko.js +100 -0
  222. package/components/identity-x/newsletter-inline.marko +22 -0
  223. package/components/identity-x/newsletter-inline.marko.js +55 -0
  224. package/components/identity-x/newsletter-modal.marko +42 -0
  225. package/components/identity-x/newsletter-modal.marko.js +88 -0
  226. package/components/identity-x/newsletter-pushdown.marko +66 -0
  227. package/components/identity-x/newsletter-pushdown.marko.js +113 -0
  228. package/components/layouts/ad-preview.marko +84 -0
  229. package/components/layouts/ad-preview.marko.js +166 -0
  230. package/components/layouts/marko.json +15 -0
  231. package/components/marko.json +58 -0
  232. package/components/menu-toggle-button.marko +19 -0
  233. package/components/menu-toggle-button.marko.js +45 -0
  234. package/components/native-x/marko.json +5 -0
  235. package/components/native-x/render.marko +13 -0
  236. package/components/native-x/render.marko.js +45 -0
  237. package/components/nodes/author-bio.marko +39 -0
  238. package/components/nodes/author-bio.marko.js +121 -0
  239. package/components/nodes/author-card.marko +42 -0
  240. package/components/nodes/author-card.marko.js +115 -0
  241. package/components/nodes/author-published.marko +41 -0
  242. package/components/nodes/author-published.marko.js +105 -0
  243. package/components/nodes/author.marko +28 -0
  244. package/components/nodes/author.marko.js +92 -0
  245. package/components/nodes/components/attribution.marko +13 -0
  246. package/components/nodes/components/attribution.marko.js +49 -0
  247. package/components/nodes/components/authors.marko +7 -0
  248. package/components/nodes/components/authors.marko.js +43 -0
  249. package/components/nodes/components/company-name.marko +1 -0
  250. package/components/nodes/components/company-name.marko.js +33 -0
  251. package/components/nodes/components/dates.marko +11 -0
  252. package/components/nodes/components/dates.marko.js +58 -0
  253. package/components/nodes/components/section-sponsor.marko +14 -0
  254. package/components/nodes/components/section-sponsor.marko.js +56 -0
  255. package/components/nodes/content-published.marko +46 -0
  256. package/components/nodes/content-published.marko.js +89 -0
  257. package/components/nodes/content.marko +175 -0
  258. package/components/nodes/content.marko.js +327 -0
  259. package/components/nodes/directory-section-feed-content.marko +161 -0
  260. package/components/nodes/directory-section-feed-content.marko.js +387 -0
  261. package/components/nodes/featured-products-card.marko +52 -0
  262. package/components/nodes/featured-products-card.marko.js +110 -0
  263. package/components/nodes/marko.json +83 -0
  264. package/components/nodes/product-feed-content.marko +52 -0
  265. package/components/nodes/product-feed-content.marko.js +137 -0
  266. package/components/nodes/section-feed-content.marko +256 -0
  267. package/components/nodes/section-feed-content.marko.js +624 -0
  268. package/components/nodes/standard-promo.marko +39 -0
  269. package/components/nodes/standard-promo.marko.js +111 -0
  270. package/components/nodes/youtube-card.marko +53 -0
  271. package/components/nodes/youtube-card.marko.js +120 -0
  272. package/components/page/attribution.marko +1 -0
  273. package/components/page/attribution.marko.js +33 -0
  274. package/components/page/contact-details.marko +1 -0
  275. package/components/page/contact-details.marko.js +33 -0
  276. package/components/page/content.marko +27 -0
  277. package/components/page/content.marko.js +68 -0
  278. package/components/page/contents.marko +1 -0
  279. package/components/page/contents.marko.js +33 -0
  280. package/components/page/dates.marko +1 -0
  281. package/components/page/dates.marko.js +33 -0
  282. package/components/page/default.marko +25 -0
  283. package/components/page/default.marko.js +67 -0
  284. package/components/page/marko.json +51 -0
  285. package/components/page/website-section.marko +30 -0
  286. package/components/page/website-section.marko.js +83 -0
  287. package/components/pagination-controls.marko +53 -0
  288. package/components/pagination-controls.marko.js +122 -0
  289. package/components/query-total-count.marko +8 -0
  290. package/components/query-total-count.marko.js +45 -0
  291. package/components/reveal-ad-handler.marko +9 -0
  292. package/components/reveal-ad-handler.marko.js +38 -0
  293. package/components/site-footer/container.marko +11 -0
  294. package/components/site-footer/container.marko.js +39 -0
  295. package/components/site-footer/copyright.marko +21 -0
  296. package/components/site-footer/copyright.marko.js +66 -0
  297. package/components/site-footer/index.marko +130 -0
  298. package/components/site-footer/index.marko.js +338 -0
  299. package/components/site-footer/marko.json +14 -0
  300. package/components/site-footer/social-icons.marko +24 -0
  301. package/components/site-footer/social-icons.marko.js +64 -0
  302. package/components/site-header.marko +104 -0
  303. package/components/site-header.marko.js +221 -0
  304. package/components/site-menu/components/search.marko +27 -0
  305. package/components/site-menu/components/search.marko.js +80 -0
  306. package/components/site-menu/components/social-icons.marko +1 -0
  307. package/components/site-menu/components/social-icons.marko.js +32 -0
  308. package/components/site-menu/header.marko +10 -0
  309. package/components/site-menu/header.marko.js +38 -0
  310. package/components/site-menu/index.marko +117 -0
  311. package/components/site-menu/index.marko.js +201 -0
  312. package/components/site-menu/marko.json +11 -0
  313. package/components/site-menu/section.marko +26 -0
  314. package/components/site-menu/section.marko.js +67 -0
  315. package/components/site-navbar/brand.marko +8 -0
  316. package/components/site-navbar/brand.marko.js +43 -0
  317. package/components/site-navbar/index.marko +13 -0
  318. package/components/site-navbar/index.marko.js +49 -0
  319. package/components/site-navbar/item.marko +96 -0
  320. package/components/site-navbar/item.marko.js +182 -0
  321. package/components/site-navbar/items.marko +27 -0
  322. package/components/site-navbar/items.marko.js +80 -0
  323. package/components/site-navbar/logo.marko +15 -0
  324. package/components/site-navbar/logo.marko.js +41 -0
  325. package/components/site-navbar/marko.json +20 -0
  326. package/components/site-navbar/search.marko +20 -0
  327. package/components/site-navbar/search.marko.js +73 -0
  328. package/components/site-navbar/utils/get-nav-items.js +21 -0
  329. package/components/site-navbar/utils/is-active-link.js +1 -0
  330. package/components/site-newsletter-menu.marko +11 -0
  331. package/components/site-newsletter-menu.marko.js +37 -0
  332. package/components/social/get-provider.js +5 -0
  333. package/components/social/icon-link.marko +22 -0
  334. package/components/social/icon-link.marko.js +63 -0
  335. package/components/social/icons.marko +22 -0
  336. package/components/social/icons.marko.js +62 -0
  337. package/components/social/marko.json +15 -0
  338. package/components/social-follow.marko +32 -0
  339. package/components/social-follow.marko.js +95 -0
  340. package/components/ssr-html-inject.marko +102 -0
  341. package/components/ssr-html-inject.marko.js +133 -0
  342. package/graphql/fragments/category-sections.js +25 -0
  343. package/graphql/fragments/company-search.js +13 -0
  344. package/graphql/fragments/content-card-deck-block.js +27 -0
  345. package/graphql/fragments/content-list.js +45 -0
  346. package/graphql/fragments/content-meter.js +20 -0
  347. package/graphql/fragments/content-page.js +192 -0
  348. package/graphql/fragments/dynamic-page.js +15 -0
  349. package/graphql/fragments/featured-companies.js +16 -0
  350. package/graphql/fragments/latest-podcast-block.js +14 -0
  351. package/graphql/fragments/latest-products-feed-block.js +28 -0
  352. package/graphql/fragments/mindful-advertising-post-by-id.js +55 -0
  353. package/graphql/fragments/most-popular-block.js +21 -0
  354. package/graphql/fragments/native-x-image.js +12 -0
  355. package/graphql/fragments/native-x-story.js +28 -0
  356. package/graphql/fragments/opinion-block.js +41 -0
  357. package/graphql/fragments/products-block.js +27 -0
  358. package/graphql/fragments/read-next-block.js +28 -0
  359. package/graphql/fragments/related-stories-block.js +27 -0
  360. package/graphql/fragments/resource-library-block.js +20 -0
  361. package/graphql/fragments/section-body-feed-block.js +30 -0
  362. package/graphql/fragments/section-card-deck-featured-block.js +21 -0
  363. package/graphql/fragments/section-card-list-block.js +22 -0
  364. package/graphql/fragments/section-feed-block.js +86 -0
  365. package/graphql/fragments/section-info.js +13 -0
  366. package/graphql/fragments/section-list-block.js +21 -0
  367. package/graphql/fragments/section-list-card-block.js +27 -0
  368. package/graphql/fragments/sections-search.js +46 -0
  369. package/graphql/fragments/top-stories-block.js +34 -0
  370. package/graphql/fragments/top-stories-menu-block.js +21 -0
  371. package/graphql/fragments/website-section-page.js +16 -0
  372. package/graphql/fragments/white-papers-block.js +27 -0
  373. package/i18n.js +11 -0
  374. package/marko.json +5 -0
  375. package/middleware/content-gating.js +13 -0
  376. package/middleware/content-metering.js +156 -0
  377. package/middleware/i18n.js +12 -0
  378. package/middleware/newsletter-modal-state.js +11 -0
  379. package/middleware/newsletter-state.js +22 -0
  380. package/middleware/pagination.js +24 -0
  381. package/package.json +56 -0
  382. package/routes/ad-preview.js +11 -0
  383. package/routes/advertising-post.js +25 -0
  384. package/routes/company-search.js +27 -0
  385. package/routes/native-x.js +9 -0
  386. package/routes/print.js +11 -0
  387. package/routes/render-block.js +32 -0
  388. package/routes/search.js +28 -0
  389. package/routes/taxonomy.js +29 -0
  390. package/scss/_functions.scss +164 -0
  391. package/scss/_mixins.scss +503 -0
  392. package/scss/_variables.scss +328 -0
  393. package/scss/components/_ad-container.scss +237 -0
  394. package/scss/components/_author-bio-node.scss +47 -0
  395. package/scss/components/_author-node.scss +23 -0
  396. package/scss/components/_author-published-node.scss +43 -0
  397. package/scss/components/_bootstrap.scss +19 -0
  398. package/scss/components/_breadcrumbs.scss +1 -0
  399. package/scss/components/_comments.scss +275 -0
  400. package/scss/components/_content-meter.scss +147 -0
  401. package/scss/components/_content-page-gate.scss +37 -0
  402. package/scss/components/_content-page.scss +351 -0
  403. package/scss/components/_default-theme.scss +1 -0
  404. package/scss/components/_embedded-media.scss +100 -0
  405. package/scss/components/_identity-x.scss +71 -0
  406. package/scss/components/_lazyload.scss +15 -0
  407. package/scss/components/_load-more.scss +65 -0
  408. package/scss/components/_magazine-publication-buttons.scss +65 -0
  409. package/scss/components/_newsletter-signup-modal.scss +133 -0
  410. package/scss/components/_node-list.scss +26 -0
  411. package/scss/components/_node.scss +173 -0
  412. package/scss/components/_page-attribution.scss +102 -0
  413. package/scss/components/_page-contact-details.scss +23 -0
  414. package/scss/components/_page-dates.scss +24 -0
  415. package/scss/components/_page-image.scss +92 -0
  416. package/scss/components/_page-rail.scss +7 -0
  417. package/scss/components/_page-wrapper.scss +146 -0
  418. package/scss/components/_page.scss +3 -0
  419. package/scss/components/_pagination-controls.scss +38 -0
  420. package/scss/components/_reveal-ad.scss +28 -0
  421. package/scss/components/_search-page.scss +188 -0
  422. package/scss/components/_site-footer.scss +247 -0
  423. package/scss/components/_site-header.scss +9 -0
  424. package/scss/components/_site-menu.scss +327 -0
  425. package/scss/components/_site-navbar-b.scss +128 -0
  426. package/scss/components/_site-navbar.scss +107 -0
  427. package/scss/components/_site-newsletter-menu.scss +561 -0
  428. package/scss/components/_social-icons.scss +12 -0
  429. package/scss/components/_spec-guide.scss +79 -0
  430. package/scss/components/_sponsor-logo.scss +31 -0
  431. package/scss/components/_sticky-top.scss +8 -0
  432. package/scss/components/_wallpaper-ad.scss +36 -0
  433. package/scss/components/blocks/_callout-cards.scss +19 -0
  434. package/scss/components/blocks/_company-inquiry-form.scss +41 -0
  435. package/scss/components/blocks/_company-search.scss +57 -0
  436. package/scss/components/blocks/_content-card-deck.scss +143 -0
  437. package/scss/components/blocks/_directory-facets.scss +112 -0
  438. package/scss/components/blocks/_hero-card.scss +59 -0
  439. package/scss/components/blocks/_latest-content-list.scss +13 -0
  440. package/scss/components/blocks/_latest-podcast.scss +69 -0
  441. package/scss/components/blocks/_latest-products-feed.scss +97 -0
  442. package/scss/components/blocks/_magazine-publication-card.scss +30 -0
  443. package/scss/components/blocks/_more-products.scss +35 -0
  444. package/scss/components/blocks/_most-popular.scss +70 -0
  445. package/scss/components/blocks/_newsletter-signup-banner-large.scss +51 -0
  446. package/scss/components/blocks/_newsletter-signup-banner.scss +99 -0
  447. package/scss/components/blocks/_newsletter-signup-site-footer.scss +11 -0
  448. package/scss/components/blocks/_node-author.scss +27 -0
  449. package/scss/components/blocks/_opinion.scss +76 -0
  450. package/scss/components/blocks/_primary-image.scss +98 -0
  451. package/scss/components/blocks/_products.scss +71 -0
  452. package/scss/components/blocks/_promo-card.scss +67 -0
  453. package/scss/components/blocks/_read-next.scss +53 -0
  454. package/scss/components/blocks/_related-native-x-stories.scss +14 -0
  455. package/scss/components/blocks/_related-stories.scss +102 -0
  456. package/scss/components/blocks/_resource-library.scss +79 -0
  457. package/scss/components/blocks/_section-card-deck-featured.scss +22 -0
  458. package/scss/components/blocks/_section-card-list.scss +81 -0
  459. package/scss/components/blocks/_section-feed.scss +253 -0
  460. package/scss/components/blocks/_section-forbes.scss +32 -0
  461. package/scss/components/blocks/_section-list.scss +80 -0
  462. package/scss/components/blocks/_section-search.scss +40 -0
  463. package/scss/components/blocks/_social-follow.scss +28 -0
  464. package/scss/components/blocks/_top-stories-menu.scss +38 -0
  465. package/scss/components/blocks/_top-stories.scss +179 -0
  466. package/scss/components/blocks/_white-papers.scss +60 -0
  467. package/scss/components/default-theme/site-navbar.scss +187 -0
  468. package/scss/components/flows/_card-deck.scss +47 -0
  469. package/scss/components/flows/_column-list.scss +28 -0
  470. package/scss/components/flows/_featured.scss +29 -0
  471. package/scss/components/flows/_hero.scss +44 -0
  472. package/scss/components/flows/_incremented-nodes.scss +21 -0
  473. package/scss/core.scss +125 -0
  474. package/scss/critical/_bootstrap.scss +15 -0
  475. package/scss/critical/_core.scss +27 -0
  476. package/scss/critical/_theme.scss +23 -0
  477. package/scss/variables/_buttons.scss +66 -0
  478. package/scss/variables/_default-theme.scss +715 -0
  479. package/scss/variables/_inputs.scss +24 -0
  480. package/scss/variables/_typography.scss +525 -0
  481. package/templates/ad-preview.marko +79 -0
  482. package/templates/ad-preview.marko.js +151 -0
  483. package/templates/content/components/presented-by.marko +22 -0
  484. package/templates/content/components/presented-by.marko.js +72 -0
  485. package/templates/content/native-x-story.marko +82 -0
  486. package/templates/content/native-x-story.marko.js +248 -0
  487. package/templates/content/print.marko +188 -0
  488. package/templates/content/print.marko.js +434 -0
  489. package/templates/search.marko +136 -0
  490. package/templates/search.marko.js +335 -0
  491. package/templates/taxonomy.marko +71 -0
  492. package/templates/taxonomy.marko.js +194 -0
  493. package/translations.js +14 -0
  494. package/utils/content-iframe.js +34 -0
  495. package/utils/content-meter-helpers.js +58 -0
  496. package/utils/convert-mindful-ad-preview.js +34 -0
  497. package/utils/get-child-sections-by-id.js +11 -0
  498. package/utils/get-content-preview.js +7 -0
  499. package/utils/get-sections-from-schedules.js +10 -0
  500. package/utils/has-omeda-id.js +11 -0
  501. package/utils/query-total-count.js +90 -0
  502. package/utils/render-site-idx-newsletter-menu.js +26 -0
  503. package/utils/render-site-newsletter-menu.js +16 -0
  504. package/utils/set-section-name-from-label.js +14 -0
  505. package/utils/shuffle-array.js +9 -0
  506. package/utils/site-idx-newsletter-menu-props.js +61 -0
  507. package/utils/site-newsletter-menu-props.js +41 -0
@@ -0,0 +1,188 @@
1
+ import { get, getAsObject, getAsArray } from "@mindful-web/object-path";
2
+ import { buildImgixUrl } from "@mindful-web/image";
3
+ import imageHeight from "@mindful-web/marko-web/components/node/utils/image-height";
4
+ import getContentPreview from "@mindful-web/marko-web-theme-monorail/utils/get-content-preview";
5
+ import defaultValue from "@mindful-web/marko-core/utils/default-value";
6
+
7
+ $ const { id, type, pageNode } = data;
8
+ $ const { site, config, req } = out.global;
9
+ $ const contentGatingHandler = defaultValue(out.global.contentGatingHandler, () => false);
10
+ $ const cardBlock = "content-page-card";
11
+ $ const displayPublishedDate = ["event", "webinar", "contact", "company"].includes(type) ? false : true;
12
+
13
+ <marko-web-document>
14
+ <@head>
15
+ <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
16
+ <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
17
+ <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
18
+ <link rel="manifest" href="/site.webmanifest">
19
+ <marko-web-content-page-metadata id=id />
20
+
21
+ <marko-web-gtm-init container-id=site.get("gtm.containerId") />
22
+ <marko-web-gtm-content-context|{ context }| id=id>
23
+ <!-- Override canonical path to print path -->
24
+ $ const ctx = { ...context, canonical_path: req.path };
25
+ <marko-web-gtm-push data=ctx />
26
+ </marko-web-gtm-content-context>
27
+ <marko-web-gtm-start />
28
+ </@head>
29
+ <@above-container>
30
+ <div class="container p-5 bg-white">
31
+ <div class="row mb-block">
32
+ <div class="col">
33
+ $ const src = site.get("logos.printContent.src") ? site.get("logos.printContent.src") : site.get("logos.navbar.src");
34
+ $ const logoSrc = buildImgixUrl(src, { h: 100 });
35
+ <if(logoSrc)>
36
+ <marko-web-img
37
+ link={ href: "/" }
38
+ src=logoSrc
39
+ srcset=[`${buildImgixUrl(logoSrc, { dpr: 2 })} 2x`]
40
+ lazyload=false
41
+ alt=config.website("name")
42
+ attrs={ style: "max-width: 40%;" }
43
+ />
44
+ </if>
45
+ </div>
46
+ </div>
47
+
48
+ <marko-web-resolve-page|{ data: content, resolved }| node=pageNode>
49
+ $ const requiresRegistration = contentGatingHandler({ content, req });
50
+ $ const accessLevels = getAsArray(content, "userRegistration.accessLevels");
51
+ $ const primarySection = getAsObject(content, "primarySection");
52
+
53
+ $ const primaryImage = getAsObject(content, "primaryImage");
54
+ $ const hasImage = Boolean(primaryImage.src);
55
+ $ const imgWidth = 768;
56
+ $ const imgHeight = imageHeight(imgWidth, "16:9");
57
+
58
+ $ const displayPrimaryImage = hasImage && !primaryImage.isLogo;
59
+
60
+ $ const src = buildImgixUrl(primaryImage.src, { w: imgWidth, h: imgHeight, fit: "crop" });
61
+ $ const srcset = [`${buildImgixUrl(src, { dpr: 2 })} 2x`];
62
+
63
+ $ const isSponsored = getAsArray(content, "labels").includes("Sponsored");
64
+
65
+ <theme-page-contents|{ blockName: contentsBlock }|>
66
+ <if(displayPrimaryImage)>
67
+ <div class="mb-block">
68
+ <marko-web-node-element name="header" block-name=cardBlock>
69
+ <marko-web-node-element name="header-image-wrapper" block-name=cardBlock>
70
+ <marko-web-node-element
71
+ name="image-inner-wrapper"
72
+ block-name=cardBlock
73
+ modifiers=["16by9"]
74
+ >
75
+ <marko-web-img
76
+ src=src
77
+ srcset=srcset
78
+ alt=primaryImage.alt
79
+ class=`${cardBlock}__image mb-block`
80
+ lazyload=false
81
+ />
82
+ <marko-web-image-credit block-name=cardBlock obj=primaryImage />
83
+ </marko-web-node-element>
84
+ </marko-web-node-element>
85
+ </marko-web-node-element>
86
+ </div>
87
+ </if>
88
+
89
+ <if(isSponsored)>
90
+ <div class=`${cardBlock}__sponsored-content`>Sponsored Content</div>
91
+ </if>
92
+ <theme-website-section-breadcrumbs
93
+ section=primarySection
94
+ display-home=false
95
+ modifiers=[cardBlock]
96
+ />
97
+ <marko-web-content-name
98
+ tag="h1"
99
+ block-name=cardBlock
100
+ obj=content
101
+ />
102
+ <marko-web-content-teaser
103
+ tag="p"
104
+ block-name=cardBlock
105
+ obj=content
106
+ />
107
+ <marko-web-identity-x-access|context|
108
+ enabled=requiresRegistration
109
+ required-access-level-ids=accessLevels
110
+ >
111
+ <if(!context.canAccess || context.requiresUserInput)>
112
+ $ const body = getContentPreview({ body: content.body, selector: "p:lt(3)" });
113
+ <marko-web-content-body block-name=contentsBlock obj={ body } />
114
+
115
+ <div class="content-page-preview-overlay" />
116
+ <theme-content-page-gate
117
+ can-access=context.canAccess
118
+ is-logged-in=context.isLoggedIn
119
+ has-required-access-level=context.hasRequiredAccessLevel
120
+ requires-access-level=context.requiresAccessLevel
121
+ requires-user-input=context.requiresUserInput
122
+ title="Login to print the full article."
123
+ user-input-title="Complete your profile to print the full article"
124
+ content-gate-type="printPreview"
125
+ />
126
+ </if>
127
+ <else>
128
+ <if(primaryImage.isLogo)>
129
+ <marko-web-page-image
130
+ obj=primaryImage
131
+ fluid=false
132
+ width=250
133
+ />
134
+ </if>
135
+
136
+ <if(type !== "contact")>
137
+ <theme-content-attribution obj=content />
138
+ <theme-page-dates|{ blockName }|>
139
+ <if(type === "event")>
140
+ <marko-web-content-start-date block-name=blockName obj=content />
141
+ <marko-web-content-end-date block-name=blockName obj=content />
142
+ </if>
143
+ <if(type === "webinar")>
144
+ <marko-web-content-start-date block-name=blockName obj=content />
145
+ </if>
146
+ <if(displayPublishedDate)>
147
+ <marko-web-content-published block-name=blockName obj=content />
148
+ </if>
149
+ </theme-page-dates>
150
+ </if>
151
+
152
+ <hr>
153
+
154
+ <theme-content-contact-details obj=content />
155
+ <marko-web-content-body block-name=contentsBlock obj=content>
156
+ <@embed-options lazyload-images=false />
157
+ </marko-web-content-body>
158
+ <marko-web-content-sidebars block-name=contentsBlock obj=content />
159
+
160
+ <hr>
161
+ <div>
162
+ <strong>Source URL:</strong> ${content.siteContext.canonicalUrl}
163
+ </div>
164
+ </else>
165
+ </marko-web-identity-x-access>
166
+ </theme-page-contents>
167
+ </marko-web-resolve-page>
168
+ </div>
169
+ </@above-container>
170
+ <@below-container>
171
+ <marko-web-resolve-page|{ data: content, resolved }| node=pageNode>
172
+ $ const requiresRegistration = contentGatingHandler({ content, req });
173
+ $ const accessLevels = getAsArray(content, "userRegistration.accessLevels");
174
+ <marko-web-identity-x-access|context|
175
+ enabled=requiresRegistration
176
+ required-access-level-ids=accessLevels
177
+ >
178
+ <if(context.canAccess)>
179
+ <script>
180
+ (function() {
181
+ window.print();
182
+ })(window);
183
+ </script>
184
+ </if>
185
+ </marko-web-identity-x-access>
186
+ </marko-web-resolve-page>
187
+ </@below-container>
188
+ </marko-web-document>
@@ -0,0 +1,434 @@
1
+ // Compiled using marko@4.20.2 - DO NOT EDIT
2
+ "use strict";
3
+
4
+ var marko_template = module.exports = require("marko/dist/html").t(__filename),
5
+ marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.0.0/templates/content/print.marko",
6
+ marko_component = require("./print.marko"),
7
+ marko_renderer = require("marko/dist/runtime/components/renderer"),
8
+ module_objectPath_module = require("@mindful-web/object-path"),
9
+ objectPath_module = module_objectPath_module.default || module_objectPath_module,
10
+ get = module_objectPath_module.get,
11
+ getAsObject = module_objectPath_module.getAsObject,
12
+ getAsArray = module_objectPath_module.getAsArray,
13
+ module_image_module = require("@mindful-web/image"),
14
+ image_module = module_image_module.default || module_image_module,
15
+ buildImgixUrl = module_image_module.buildImgixUrl,
16
+ module_imageHeight = require("@mindful-web/marko-web/components/node/utils/image-height"),
17
+ imageHeight = module_imageHeight.default || module_imageHeight,
18
+ module_getContentPreview = require("@mindful-web/marko-web-theme-monorail/utils/get-content-preview"),
19
+ getContentPreview = module_getContentPreview.default || module_getContentPreview,
20
+ module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
21
+ defaultValue = module_defaultValue.default || module_defaultValue,
22
+ marko_web_content_page_metadata_template = require("@mindful-web/marko-web/components/page/metadata/content.marko"),
23
+ marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
24
+ marko_web_content_page_metadata_tag = marko_loadTag(marko_web_content_page_metadata_template),
25
+ marko_web_gtm_init_template = require("@mindful-web/marko-web-gtm/components/init.marko"),
26
+ marko_web_gtm_init_tag = marko_loadTag(marko_web_gtm_init_template),
27
+ marko_web_gtm_push_template = require("@mindful-web/marko-web-gtm/components/push.marko"),
28
+ marko_web_gtm_push_tag = marko_loadTag(marko_web_gtm_push_template),
29
+ marko_web_gtm_content_context_template = require("@mindful-web/marko-web-gtm/components/context/content.marko"),
30
+ marko_web_gtm_content_context_tag = marko_loadTag(marko_web_gtm_content_context_template),
31
+ marko_web_gtm_start_template = require("@mindful-web/marko-web-gtm/components/start.marko"),
32
+ marko_web_gtm_start_tag = marko_loadTag(marko_web_gtm_start_template),
33
+ marko_web_img_template = require("@mindful-web/marko-web/components/element/img.marko"),
34
+ marko_web_img_tag = marko_loadTag(marko_web_img_template),
35
+ marko_web_image_credit_template = require("@mindful-web/marko-web/components/element/image/credit.marko"),
36
+ marko_web_image_credit_tag = marko_loadTag(marko_web_image_credit_template),
37
+ marko_web_node_element_template = require("@mindful-web/marko-web/components/node/element.marko"),
38
+ marko_web_node_element_tag = marko_loadTag(marko_web_node_element_template),
39
+ marko_classAttr = require("marko/dist/runtime/html/helpers/class-attr"),
40
+ theme_website_section_breadcrumbs_template = require("../../components/breadcrumbs/website-section.marko"),
41
+ theme_website_section_breadcrumbs_tag = marko_loadTag(theme_website_section_breadcrumbs_template),
42
+ marko_web_content_name_template = require("@mindful-web/marko-web/components/element/content/name.marko"),
43
+ marko_web_content_name_tag = marko_loadTag(marko_web_content_name_template),
44
+ marko_web_content_teaser_template = require("@mindful-web/marko-web/components/element/content/teaser.marko"),
45
+ marko_web_content_teaser_tag = marko_loadTag(marko_web_content_teaser_template),
46
+ marko_web_content_body_template = require("@mindful-web/marko-web/components/element/content/body.marko"),
47
+ marko_web_content_body_tag = marko_loadTag(marko_web_content_body_template),
48
+ theme_content_page_gate_template = require("../../components/identity-x/content-page-gate.marko"),
49
+ theme_content_page_gate_tag = marko_loadTag(theme_content_page_gate_template),
50
+ marko_web_page_image_template = require("@mindful-web/marko-web/components/page/image.marko"),
51
+ marko_web_page_image_tag = marko_loadTag(marko_web_page_image_template),
52
+ theme_content_attribution_template = require("../../components/content-attribution/index.marko"),
53
+ theme_content_attribution_tag = marko_loadTag(theme_content_attribution_template),
54
+ marko_web_content_start_date_template = require("@mindful-web/marko-web/components/element/content/start-date.marko"),
55
+ marko_web_content_start_date_tag = marko_loadTag(marko_web_content_start_date_template),
56
+ marko_web_content_end_date_template = require("@mindful-web/marko-web/components/element/content/end-date.marko"),
57
+ marko_web_content_end_date_tag = marko_loadTag(marko_web_content_end_date_template),
58
+ marko_web_content_published_template = require("@mindful-web/marko-web/components/element/content/published.marko"),
59
+ marko_web_content_published_tag = marko_loadTag(marko_web_content_published_template),
60
+ theme_page_dates_template = require("../../components/page/dates.marko"),
61
+ theme_page_dates_tag = marko_loadTag(theme_page_dates_template),
62
+ theme_content_contact_details_template = require("../../components/content/contact-details/index.marko"),
63
+ theme_content_contact_details_tag = marko_loadTag(theme_content_contact_details_template),
64
+ marko_web_content_sidebars_template = require("@mindful-web/marko-web/components/element/content/sidebars.marko"),
65
+ marko_web_content_sidebars_tag = marko_loadTag(marko_web_content_sidebars_template),
66
+ helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
67
+ marko_escapeXml = helpers_escape_xml.x,
68
+ marko_web_identity_x_access_template = require("@mindful-web/marko-web-identity-x/components/access.marko"),
69
+ marko_web_identity_x_access_tag = marko_loadTag(marko_web_identity_x_access_template),
70
+ theme_page_contents_template = require("../../components/page/contents.marko"),
71
+ theme_page_contents_tag = marko_loadTag(theme_page_contents_template),
72
+ marko_web_resolve_page_template = require("@mindful-web/marko-web/components/resolve/page.marko"),
73
+ marko_web_resolve_page_tag = marko_loadTag(marko_web_resolve_page_template),
74
+ marko_web_document_template = require("@mindful-web/marko-web/components/document/index.marko"),
75
+ marko_web_document_tag = marko_loadTag(marko_web_document_template);
76
+
77
+ function render(input, out, __component, component, state) {
78
+ var data = input;
79
+
80
+ const { id, type, pageNode } = data;
81
+
82
+ const { site, config, req } = out.global;
83
+
84
+ const contentGatingHandler = defaultValue(out.global.contentGatingHandler, () => false);
85
+
86
+ const cardBlock = "content-page-card";
87
+
88
+ const displayPublishedDate = ["event", "webinar", "contact", "company"].includes(type) ? false : true;
89
+
90
+ marko_web_document_tag({
91
+ dir: "ltr",
92
+ viewport: "width=device-width, initial-scale=1, shrink-to-fit=no",
93
+ head: {
94
+ renderBody: function(out) {
95
+ out.w("<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"/apple-touch-icon.png\"><link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/favicon-32x32.png\"><link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/favicon-16x16.png\"><link rel=\"manifest\" href=\"/site.webmanifest\">");
96
+
97
+ marko_web_content_page_metadata_tag({
98
+ id: id
99
+ }, out, __component, "6");
100
+
101
+ marko_web_gtm_init_tag({
102
+ name: "dataLayer",
103
+ start: false,
104
+ containerId: site.get("gtm.containerId")
105
+ }, out, __component, "7");
106
+
107
+ marko_web_gtm_content_context_tag({
108
+ id: id,
109
+ renderBody: function(out, { context }) {
110
+ const ctx = { ...context, canonical_path: req.path };
111
+
112
+ marko_web_gtm_push_tag({
113
+ name: "dataLayer",
114
+ data: ctx
115
+ }, out, __component, "9");
116
+ }
117
+ }, out, __component, "8");
118
+
119
+ marko_web_gtm_start_tag({
120
+ name: "dataLayer"
121
+ }, out, __component, "10");
122
+ }
123
+ },
124
+ aboveContainer: {
125
+ renderBody: function(out) {
126
+ out.w("<div class=\"container p-5 bg-white\"><div class=\"row mb-block\"><div class=\"col\">");
127
+
128
+ const src = site.get("logos.printContent.src") ? site.get("logos.printContent.src") : site.get("logos.navbar.src");
129
+
130
+ const logoSrc = buildImgixUrl(src, { h: 100 });
131
+
132
+ if (logoSrc) {
133
+ marko_web_img_tag({
134
+ lazyload: false,
135
+ link: {
136
+ href: "/"
137
+ },
138
+ src: logoSrc,
139
+ srcset: [
140
+ buildImgixUrl(logoSrc, {
141
+ dpr: 2
142
+ }) + " 2x"
143
+ ],
144
+ alt: config.website("name"),
145
+ attrs: {
146
+ style: "max-width: 40%;"
147
+ }
148
+ }, out, __component, "15");
149
+ }
150
+
151
+ out.w("</div></div>");
152
+
153
+ marko_web_resolve_page_tag({
154
+ node: pageNode,
155
+ renderBody: function(out, { data: content, resolved }) {
156
+ const requiresRegistration = contentGatingHandler({ content, req });
157
+
158
+ const accessLevels = getAsArray(content, "userRegistration.accessLevels");
159
+
160
+ const primarySection = getAsObject(content, "primarySection");
161
+
162
+ const primaryImage = getAsObject(content, "primaryImage");
163
+
164
+ const hasImage = Boolean(primaryImage.src);
165
+
166
+ const imgWidth = 768;
167
+
168
+ const imgHeight = imageHeight(imgWidth, "16:9");
169
+
170
+ const displayPrimaryImage = hasImage && !primaryImage.isLogo;
171
+
172
+ const src = buildImgixUrl(primaryImage.src, { w: imgWidth, h: imgHeight, fit: "crop" });
173
+
174
+ const srcset = [`${buildImgixUrl(src, { dpr: 2 })} 2x`];
175
+
176
+ const isSponsored = getAsArray(content, "labels").includes("Sponsored");
177
+
178
+ theme_page_contents_tag({
179
+ tag: "div",
180
+ renderBody: function(out, { blockName: contentsBlock }) {
181
+ if (displayPrimaryImage) {
182
+ out.w("<div class=\"mb-block\">");
183
+
184
+ marko_web_node_element_tag({
185
+ show: true,
186
+ tag: "div",
187
+ blockName: cardBlock,
188
+ name: "header",
189
+ renderBody: function(out) {
190
+ marko_web_node_element_tag({
191
+ show: true,
192
+ tag: "div",
193
+ blockName: cardBlock,
194
+ name: "header-image-wrapper",
195
+ renderBody: function(out) {
196
+ marko_web_node_element_tag({
197
+ show: true,
198
+ tag: "div",
199
+ blockName: cardBlock,
200
+ name: "image-inner-wrapper",
201
+ modifiers: [
202
+ "16by9"
203
+ ],
204
+ renderBody: function(out) {
205
+ marko_web_img_tag({
206
+ lazyload: false,
207
+ src: src,
208
+ srcset: srcset,
209
+ alt: primaryImage.alt,
210
+ class: cardBlock + "__image mb-block"
211
+ }, out, __component, "22");
212
+
213
+ marko_web_image_credit_tag({
214
+ blockName: cardBlock,
215
+ obj: primaryImage
216
+ }, out, __component, "23");
217
+ }
218
+ }, out, __component, "21");
219
+ }
220
+ }, out, __component, "20");
221
+ }
222
+ }, out, __component, "19");
223
+
224
+ out.w("</div>");
225
+ }
226
+
227
+ if (isSponsored) {
228
+ out.w("<div" +
229
+ marko_classAttr(cardBlock + "__sponsored-content") +
230
+ ">Sponsored Content</div>");
231
+ }
232
+
233
+ theme_website_section_breadcrumbs_tag({
234
+ section: primarySection,
235
+ displayHome: false,
236
+ modifiers: [
237
+ cardBlock
238
+ ]
239
+ }, out, __component, "25");
240
+
241
+ marko_web_content_name_tag({
242
+ tag: "h1",
243
+ blockName: cardBlock,
244
+ obj: content
245
+ }, out, __component, "26");
246
+
247
+ marko_web_content_teaser_tag({
248
+ tag: "p",
249
+ blockName: cardBlock,
250
+ obj: content
251
+ }, out, __component, "27");
252
+
253
+ marko_web_identity_x_access_tag({
254
+ enabled: requiresRegistration,
255
+ requiredAccessLevelIds: accessLevels,
256
+ renderBody: function(out, context) {
257
+ if ((!context.canAccess) || context.requiresUserInput) {
258
+ const body = getContentPreview({ body: content.body, selector: "p:lt(3)" });
259
+
260
+ marko_web_content_body_tag({
261
+ blockName: contentsBlock,
262
+ obj: {
263
+ body: body
264
+ }
265
+ }, out, __component, "29");
266
+
267
+ out.w("<div class=\"content-page-preview-overlay\"></div>");
268
+
269
+ theme_content_page_gate_tag({
270
+ canAccess: context.canAccess,
271
+ isLoggedIn: context.isLoggedIn,
272
+ hasRequiredAccessLevel: context.hasRequiredAccessLevel,
273
+ requiresAccessLevel: context.requiresAccessLevel,
274
+ requiresUserInput: context.requiresUserInput,
275
+ title: "Login to print the full article.",
276
+ userInputTitle: "Complete your profile to print the full article",
277
+ contentGateType: "printPreview"
278
+ }, out, __component, "31");
279
+ } else {
280
+ if (primaryImage.isLogo) {
281
+ marko_web_page_image_tag({
282
+ width: 250,
283
+ blockName: "page-image",
284
+ lazyload: true,
285
+ fluid: false,
286
+ withCaption: true,
287
+ withCredit: true,
288
+ withDisplayName: false,
289
+ obj: primaryImage
290
+ }, out, __component, "32");
291
+ }
292
+
293
+ if (type !== "contact") {
294
+ theme_content_attribution_tag({
295
+ elements: [
296
+ "byline",
297
+ "authors",
298
+ "contributors",
299
+ "photographers",
300
+ "source",
301
+ "company",
302
+ "sponsors"
303
+ ],
304
+ tag: "div",
305
+ obj: content
306
+ }, out, __component, "33");
307
+
308
+ theme_page_dates_tag({
309
+ tag: "div",
310
+ renderBody: function(out, { blockName }) {
311
+ if (type === "event") {
312
+ marko_web_content_start_date_tag({
313
+ blockName: blockName,
314
+ obj: content
315
+ }, out, __component, "35");
316
+
317
+ marko_web_content_end_date_tag({
318
+ blockName: blockName,
319
+ obj: content
320
+ }, out, __component, "36");
321
+ }
322
+
323
+ if (type === "webinar") {
324
+ marko_web_content_start_date_tag({
325
+ blockName: blockName,
326
+ obj: content
327
+ }, out, __component, "37");
328
+ }
329
+
330
+ if (displayPublishedDate) {
331
+ marko_web_content_published_tag({
332
+ blockName: blockName,
333
+ obj: content
334
+ }, out, __component, "38");
335
+ }
336
+ }
337
+ }, out, __component, "34");
338
+ }
339
+
340
+ out.w("<hr>");
341
+
342
+ theme_content_contact_details_tag({
343
+ showEmail: true,
344
+ tag: "div",
345
+ obj: content
346
+ }, out, __component, "40");
347
+
348
+ marko_web_content_body_tag({
349
+ blockName: contentsBlock,
350
+ obj: content,
351
+ embedOptions: {
352
+ lazyloadImages: false
353
+ }
354
+ }, out, __component, "41");
355
+
356
+ marko_web_content_sidebars_tag({
357
+ blockName: contentsBlock,
358
+ obj: content
359
+ }, out, __component, "43");
360
+
361
+ out.w("<hr><div><strong>Source URL:</strong> " +
362
+ marko_escapeXml(content.siteContext.canonicalUrl) +
363
+ "</div>");
364
+ }
365
+ }
366
+ }, out, __component, "28");
367
+ }
368
+ }, out, __component, "17");
369
+ }
370
+ }, out, __component, "16");
371
+
372
+ out.w("</div>");
373
+ }
374
+ },
375
+ belowContainer: {
376
+ renderBody: function(out) {
377
+ marko_web_resolve_page_tag({
378
+ node: pageNode,
379
+ renderBody: function(out, { data: content, resolved }) {
380
+ const requiresRegistration = contentGatingHandler({ content, req });
381
+
382
+ const accessLevels = getAsArray(content, "userRegistration.accessLevels");
383
+
384
+ marko_web_identity_x_access_tag({
385
+ enabled: requiresRegistration,
386
+ requiredAccessLevelIds: accessLevels,
387
+ renderBody: function(out, context) {
388
+ if (context.canAccess) {
389
+ out.w("<script>\n (function() {\n window.print();\n })(window);\n </script>");
390
+ }
391
+ }
392
+ }, out, __component, "49");
393
+ }
394
+ }, out, __component, "48");
395
+ }
396
+ }
397
+ }, out, __component, "0");
398
+ }
399
+
400
+ marko_template._ = marko_renderer(render, {
401
+ e_: marko_componentType
402
+ }, marko_component);
403
+
404
+ marko_template.meta = {
405
+ id: "/@mindful-web/marko-web-theme-monorail$1.0.0/templates/content/print.marko",
406
+ component: "./print.marko",
407
+ tags: [
408
+ "@mindful-web/marko-web/components/page/metadata/content.marko",
409
+ "@mindful-web/marko-web-gtm/components/init.marko",
410
+ "@mindful-web/marko-web-gtm/components/push.marko",
411
+ "@mindful-web/marko-web-gtm/components/context/content.marko",
412
+ "@mindful-web/marko-web-gtm/components/start.marko",
413
+ "@mindful-web/marko-web/components/element/img.marko",
414
+ "@mindful-web/marko-web/components/element/image/credit.marko",
415
+ "@mindful-web/marko-web/components/node/element.marko",
416
+ "../../components/breadcrumbs/website-section.marko",
417
+ "@mindful-web/marko-web/components/element/content/name.marko",
418
+ "@mindful-web/marko-web/components/element/content/teaser.marko",
419
+ "@mindful-web/marko-web/components/element/content/body.marko",
420
+ "../../components/identity-x/content-page-gate.marko",
421
+ "@mindful-web/marko-web/components/page/image.marko",
422
+ "../../components/content-attribution/index.marko",
423
+ "@mindful-web/marko-web/components/element/content/start-date.marko",
424
+ "@mindful-web/marko-web/components/element/content/end-date.marko",
425
+ "@mindful-web/marko-web/components/element/content/published.marko",
426
+ "../../components/page/dates.marko",
427
+ "../../components/content/contact-details/index.marko",
428
+ "@mindful-web/marko-web/components/element/content/sidebars.marko",
429
+ "@mindful-web/marko-web-identity-x/components/access.marko",
430
+ "../../components/page/contents.marko",
431
+ "@mindful-web/marko-web/components/resolve/page.marko",
432
+ "@mindful-web/marko-web/components/document/index.marko"
433
+ ]
434
+ };