@mindful-web/marko-web 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 (367) hide show
  1. package/.eslintignore +3 -0
  2. package/LICENSE +21 -0
  3. package/browser/.eslintrc.js +1 -0
  4. package/browser/components/element-id.js +1 -0
  5. package/browser/components/gated-download/wufoo.vue +97 -0
  6. package/browser/components/image-slide.vue +54 -0
  7. package/browser/components/image-slider.vue +87 -0
  8. package/browser/components/index.js +15 -0
  9. package/browser/components/load-more-trigger.vue +129 -0
  10. package/browser/components/oembed.vue +133 -0
  11. package/browser/components/trigger-in-view-event.vue +41 -0
  12. package/browser/components/trigger-screen-change-event.vue +94 -0
  13. package/browser/event-bus.js +5 -0
  14. package/browser/index.js +83 -0
  15. package/browser/jquery-full.js +3 -0
  16. package/browser/jquery.js +3 -0
  17. package/browser/utils/clean-path.js +4 -0
  18. package/browser/vue.js +3 -0
  19. package/components/browser-component/script.marko +10 -0
  20. package/components/browser-component/script.marko.js +39 -0
  21. package/components/browser-component.marko +25 -0
  22. package/components/browser-component.marko.js +75 -0
  23. package/components/deferred-stylesheet.marko +6 -0
  24. package/components/deferred-stylesheet.marko.js +28 -0
  25. package/components/document/components/body-wrapper.marko +8 -0
  26. package/components/document/components/body-wrapper.marko.js +33 -0
  27. package/components/document/components/error.marko +26 -0
  28. package/components/document/components/error.marko.js +88 -0
  29. package/components/document/components/live-reload.marko +7 -0
  30. package/components/document/components/live-reload.marko.js +30 -0
  31. package/components/document/components/polyfill.marko +8 -0
  32. package/components/document/components/polyfill.marko.js +33 -0
  33. package/components/document/components/styles.marko +20 -0
  34. package/components/document/components/styles.marko.js +61 -0
  35. package/components/document/container.marko +15 -0
  36. package/components/document/container.marko.js +54 -0
  37. package/components/document/index.marko +63 -0
  38. package/components/document/index.marko.js +139 -0
  39. package/components/document/marko.json +46 -0
  40. package/components/element/array.marko +19 -0
  41. package/components/element/array.marko.js +67 -0
  42. package/components/element/audio.marko +5 -0
  43. package/components/element/audio.marko.js +33 -0
  44. package/components/element/block.marko +11 -0
  45. package/components/element/block.marko.js +44 -0
  46. package/components/element/clear.marko +4 -0
  47. package/components/element/clear.marko.js +32 -0
  48. package/components/element/components/image.marko +32 -0
  49. package/components/element/components/image.marko.js +62 -0
  50. package/components/element/components/text.marko +11 -0
  51. package/components/element/components/text.marko.js +37 -0
  52. package/components/element/content/address1.marko +14 -0
  53. package/components/element/content/address1.marko.js +40 -0
  54. package/components/element/content/address2.marko +14 -0
  55. package/components/element/content/address2.marko.js +40 -0
  56. package/components/element/content/audio.marko +13 -0
  57. package/components/element/content/audio.marko.js +39 -0
  58. package/components/element/content/authors.marko +12 -0
  59. package/components/element/content/authors.marko.js +43 -0
  60. package/components/element/content/body.marko +28 -0
  61. package/components/element/content/body.marko.js +66 -0
  62. package/components/element/content/byline.marko +15 -0
  63. package/components/element/content/byline.marko.js +41 -0
  64. package/components/element/content/city-state-zip.marko +14 -0
  65. package/components/element/content/city-state-zip.marko.js +40 -0
  66. package/components/element/content/contributors.marko +12 -0
  67. package/components/element/content/contributors.marko.js +43 -0
  68. package/components/element/content/country.marko +14 -0
  69. package/components/element/content/country.marko.js +40 -0
  70. package/components/element/content/embed-code.marko +15 -0
  71. package/components/element/content/embed-code.marko.js +41 -0
  72. package/components/element/content/end-date.marko +17 -0
  73. package/components/element/content/end-date.marko.js +43 -0
  74. package/components/element/content/ends.marko +14 -0
  75. package/components/element/content/ends.marko.js +40 -0
  76. package/components/element/content/fax.marko +14 -0
  77. package/components/element/content/fax.marko.js +40 -0
  78. package/components/element/content/images.marko +12 -0
  79. package/components/element/content/images.marko.js +43 -0
  80. package/components/element/content/marko.json +328 -0
  81. package/components/element/content/mobile.marko +14 -0
  82. package/components/element/content/mobile.marko.js +40 -0
  83. package/components/element/content/name.marko +15 -0
  84. package/components/element/content/name.marko.js +41 -0
  85. package/components/element/content/phone.marko +14 -0
  86. package/components/element/content/phone.marko.js +40 -0
  87. package/components/element/content/photographers.marko +12 -0
  88. package/components/element/content/photographers.marko.js +43 -0
  89. package/components/element/content/public-email.marko +19 -0
  90. package/components/element/content/public-email.marko.js +47 -0
  91. package/components/element/content/published.marko +17 -0
  92. package/components/element/content/published.marko.js +43 -0
  93. package/components/element/content/short-name.marko +15 -0
  94. package/components/element/content/short-name.marko.js +41 -0
  95. package/components/element/content/sidebar-stubs.marko +24 -0
  96. package/components/element/content/sidebar-stubs.marko.js +63 -0
  97. package/components/element/content/sidebars.marko +27 -0
  98. package/components/element/content/sidebars.marko.js +63 -0
  99. package/components/element/content/source.marko +14 -0
  100. package/components/element/content/source.marko.js +40 -0
  101. package/components/element/content/sponsors.marko +12 -0
  102. package/components/element/content/sponsors.marko.js +43 -0
  103. package/components/element/content/start-date.marko +17 -0
  104. package/components/element/content/start-date.marko.js +43 -0
  105. package/components/element/content/starts.marko +14 -0
  106. package/components/element/content/starts.marko.js +40 -0
  107. package/components/element/content/teaser.marko +15 -0
  108. package/components/element/content/teaser.marko.js +41 -0
  109. package/components/element/content/title.marko +14 -0
  110. package/components/element/content/title.marko.js +40 -0
  111. package/components/element/content/tollfree.marko +14 -0
  112. package/components/element/content/tollfree.marko.js +40 -0
  113. package/components/element/content/transcript.marko +22 -0
  114. package/components/element/content/transcript.marko.js +53 -0
  115. package/components/element/content/website.marko +22 -0
  116. package/components/element/content/website.marko.js +51 -0
  117. package/components/element/date.marko +2 -0
  118. package/components/element/date.marko.js +27 -0
  119. package/components/element/extract-render.js +1 -0
  120. package/components/element/image/caption.marko +15 -0
  121. package/components/element/image/caption.marko.js +41 -0
  122. package/components/element/image/credit.marko +15 -0
  123. package/components/element/image/credit.marko.js +41 -0
  124. package/components/element/image/display-name.marko +14 -0
  125. package/components/element/image/display-name.marko.js +40 -0
  126. package/components/element/image/marko.json +38 -0
  127. package/components/element/image/slider.marko +18 -0
  128. package/components/element/image/slider.marko.js +50 -0
  129. package/components/element/img.marko +12 -0
  130. package/components/element/img.marko.js +43 -0
  131. package/components/element/index.marko +12 -0
  132. package/components/element/index.marko.js +47 -0
  133. package/components/element/link.marko +25 -0
  134. package/components/element/link.marko.js +54 -0
  135. package/components/element/magazine-issue/description.marko +14 -0
  136. package/components/element/magazine-issue/description.marko.js +40 -0
  137. package/components/element/magazine-issue/digital-edition-url.marko +22 -0
  138. package/components/element/magazine-issue/digital-edition-url.marko.js +51 -0
  139. package/components/element/magazine-issue/marko.json +42 -0
  140. package/components/element/magazine-issue/name.marko +14 -0
  141. package/components/element/magazine-issue/name.marko.js +40 -0
  142. package/components/element/magazine-issue/pdf-url.marko +22 -0
  143. package/components/element/magazine-issue/pdf-url.marko.js +51 -0
  144. package/components/element/magazine-publication/cancel-url.marko +22 -0
  145. package/components/element/magazine-publication/cancel-url.marko.js +51 -0
  146. package/components/element/magazine-publication/change-address-url.marko +22 -0
  147. package/components/element/magazine-publication/change-address-url.marko.js +51 -0
  148. package/components/element/magazine-publication/description.marko +14 -0
  149. package/components/element/magazine-publication/description.marko.js +40 -0
  150. package/components/element/magazine-publication/einquiry-url.marko +22 -0
  151. package/components/element/magazine-publication/einquiry-url.marko.js +51 -0
  152. package/components/element/magazine-publication/marko.json +82 -0
  153. package/components/element/magazine-publication/name.marko +14 -0
  154. package/components/element/magazine-publication/name.marko.js +40 -0
  155. package/components/element/magazine-publication/renewal-url.marko +22 -0
  156. package/components/element/magazine-publication/renewal-url.marko.js +51 -0
  157. package/components/element/magazine-publication/reprints-url.marko +22 -0
  158. package/components/element/magazine-publication/reprints-url.marko.js +51 -0
  159. package/components/element/magazine-publication/subscribe-url.marko +22 -0
  160. package/components/element/magazine-publication/subscribe-url.marko.js +51 -0
  161. package/components/element/marko.json +211 -0
  162. package/components/element/obj-array.marko +17 -0
  163. package/components/element/obj-array.marko.js +56 -0
  164. package/components/element/obj-audio.marko +20 -0
  165. package/components/element/obj-audio.marko.js +50 -0
  166. package/components/element/obj-date.marko +25 -0
  167. package/components/element/obj-date.marko.js +55 -0
  168. package/components/element/obj-nodes.marko +20 -0
  169. package/components/element/obj-nodes.marko.js +62 -0
  170. package/components/element/obj-text.marko +23 -0
  171. package/components/element/obj-text.marko.js +53 -0
  172. package/components/element/obj.marko +23 -0
  173. package/components/element/obj.marko.js +61 -0
  174. package/components/element/object-link.js +49 -0
  175. package/components/element/object-type.js +9 -0
  176. package/components/element/picture.marko +38 -0
  177. package/components/element/picture.marko.js +85 -0
  178. package/components/element/show-element.js +8 -0
  179. package/components/element/text.marko +37 -0
  180. package/components/element/text.marko.js +76 -0
  181. package/components/element/website-section/description.marko +16 -0
  182. package/components/element/website-section/description.marko.js +44 -0
  183. package/components/element/website-section/hierarchy.marko +19 -0
  184. package/components/element/website-section/hierarchy.marko.js +60 -0
  185. package/components/element/website-section/marko.json +31 -0
  186. package/components/element/website-section/name.marko +18 -0
  187. package/components/element/website-section/name.marko.js +46 -0
  188. package/components/font/google.marko +6 -0
  189. package/components/font/google.marko.js +41 -0
  190. package/components/font/link.marko +14 -0
  191. package/components/font/link.marko.js +45 -0
  192. package/components/font/marko.json +21 -0
  193. package/components/font/typekit.marko +5 -0
  194. package/components/font/typekit.marko.js +38 -0
  195. package/components/load-more/index.marko +53 -0
  196. package/components/load-more/index.marko.js +119 -0
  197. package/components/load-more/marko.json +30 -0
  198. package/components/load-more/trigger.marko +11 -0
  199. package/components/load-more/trigger.marko.js +40 -0
  200. package/components/marko.json +37 -0
  201. package/components/node/body.marko +40 -0
  202. package/components/node/body.marko.js +112 -0
  203. package/components/node/element.marko +6 -0
  204. package/components/node/element.marko.js +39 -0
  205. package/components/node/footer.marko +19 -0
  206. package/components/node/footer.marko.js +63 -0
  207. package/components/node/header.marko +19 -0
  208. package/components/node/header.marko.js +63 -0
  209. package/components/node/image-inner-wrapper.marko +61 -0
  210. package/components/node/image-inner-wrapper.marko.js +116 -0
  211. package/components/node/image-wrapper.marko +34 -0
  212. package/components/node/image-wrapper.marko.js +98 -0
  213. package/components/node/image.marko +51 -0
  214. package/components/node/image.marko.js +93 -0
  215. package/components/node/index.marko +35 -0
  216. package/components/node/index.marko.js +100 -0
  217. package/components/node/marko.json +189 -0
  218. package/components/node/utils/image-height.js +3 -0
  219. package/components/node/utils/image-values.js +17 -0
  220. package/components/node-list/body.marko +19 -0
  221. package/components/node-list/body.marko.js +50 -0
  222. package/components/node-list/element.marko +3 -0
  223. package/components/node-list/element.marko.js +35 -0
  224. package/components/node-list/footer.marko +19 -0
  225. package/components/node-list/footer.marko.js +50 -0
  226. package/components/node-list/header.marko +19 -0
  227. package/components/node-list/header.marko.js +50 -0
  228. package/components/node-list/index.marko +36 -0
  229. package/components/node-list/index.marko.js +93 -0
  230. package/components/node-list/marko.json +121 -0
  231. package/components/node-list/node.marko +15 -0
  232. package/components/node-list/node.marko.js +49 -0
  233. package/components/node-list/nodes.marko +82 -0
  234. package/components/node-list/nodes.marko.js +126 -0
  235. package/components/page/container.marko +13 -0
  236. package/components/page/container.marko.js +46 -0
  237. package/components/page/description.marko +4 -0
  238. package/components/page/description.marko.js +26 -0
  239. package/components/page/image.marko +50 -0
  240. package/components/page/image.marko.js +122 -0
  241. package/components/page/layouts/content.marko +23 -0
  242. package/components/page/layouts/content.marko.js +63 -0
  243. package/components/page/layouts/default.marko +20 -0
  244. package/components/page/layouts/default.marko.js +61 -0
  245. package/components/page/layouts/dynamic-page.marko +19 -0
  246. package/components/page/layouts/dynamic-page.marko.js +59 -0
  247. package/components/page/layouts/magazine-issue.marko +19 -0
  248. package/components/page/layouts/magazine-issue.marko.js +59 -0
  249. package/components/page/layouts/magazine-publication.marko +19 -0
  250. package/components/page/layouts/magazine-publication.marko.js +59 -0
  251. package/components/page/layouts/marko.json +86 -0
  252. package/components/page/layouts/website-section.marko +25 -0
  253. package/components/page/layouts/website-section.marko.js +78 -0
  254. package/components/page/marko.json +93 -0
  255. package/components/page/metadata/components/common.marko +54 -0
  256. package/components/page/metadata/components/common.marko.js +117 -0
  257. package/components/page/metadata/content.marko +147 -0
  258. package/components/page/metadata/content.marko.js +216 -0
  259. package/components/page/metadata/default.marko +2 -0
  260. package/components/page/metadata/default.marko.js +29 -0
  261. package/components/page/metadata/dynamic-page.marko +40 -0
  262. package/components/page/metadata/dynamic-page.marko.js +84 -0
  263. package/components/page/metadata/google-structured-data/content.js +138 -0
  264. package/components/page/metadata/magazine-issue.marko +39 -0
  265. package/components/page/metadata/magazine-issue.marko.js +83 -0
  266. package/components/page/metadata/magazine-publication.marko +35 -0
  267. package/components/page/metadata/magazine-publication.marko.js +79 -0
  268. package/components/page/metadata/marko.json +32 -0
  269. package/components/page/metadata/website-section.marko +48 -0
  270. package/components/page/metadata/website-section.marko.js +92 -0
  271. package/components/page/rel-canonical.marko +13 -0
  272. package/components/page/rel-canonical.marko.js +42 -0
  273. package/components/page/title.marko +18 -0
  274. package/components/page/title.marko.js +46 -0
  275. package/components/page/wrapper.marko +16 -0
  276. package/components/page/wrapper.marko.js +63 -0
  277. package/components/resolve/marko.json +6 -0
  278. package/components/resolve/page.marko +10 -0
  279. package/components/resolve/page.marko.js +49 -0
  280. package/components/rss/marko.json +10 -0
  281. package/components/rss/website-section.marko +17 -0
  282. package/components/rss/website-section.marko.js +46 -0
  283. package/config/abstract-config.js +42 -0
  284. package/config/core.js +48 -0
  285. package/config/site.js +6 -0
  286. package/express/apollo.js +34 -0
  287. package/express/asset-loader.js +55 -0
  288. package/express/cdn.js +27 -0
  289. package/express/css-loader.js +117 -0
  290. package/express/embedded-media.js +31 -0
  291. package/express/error-handlers.js +113 -0
  292. package/express/find-content-alias.js +30 -0
  293. package/express/get-redirect.js +44 -0
  294. package/express/graphql-proxy.js +17 -0
  295. package/express/index.js +153 -0
  296. package/express/json-error-handler.js +30 -0
  297. package/express/load-document.js +3 -0
  298. package/express/load-more.js +6 -0
  299. package/express/load-object.js +10 -0
  300. package/express/oembed.js +18 -0
  301. package/express/rss.js +19 -0
  302. package/express/sitemaps.js +16 -0
  303. package/express/website-context.js +19 -0
  304. package/index.js +8 -0
  305. package/integration/test-website-boot.js +198 -0
  306. package/marko.json +6 -0
  307. package/middleware/disabled-features.js +15 -0
  308. package/middleware/index.js +15 -0
  309. package/middleware/page-node/index.js +45 -0
  310. package/middleware/page-node/resolved.js +26 -0
  311. package/middleware/with-content.js +54 -0
  312. package/middleware/with-dynamic-page.js +37 -0
  313. package/middleware/with-load-more.js +9 -0
  314. package/middleware/with-magazine-issue.js +24 -0
  315. package/middleware/with-magazine-publication.js +24 -0
  316. package/middleware/with-website-section.js +47 -0
  317. package/package.json +64 -0
  318. package/scss/carousel.scss +42 -0
  319. package/scss/document.scss +55 -0
  320. package/scss/fonts/alata-fallback.scss +7 -0
  321. package/scss/fonts/alegreya-fallback.scss +6 -0
  322. package/scss/fonts/arimo-fallback.scss +7 -0
  323. package/scss/fonts/fira-sans-fallback.scss +7 -0
  324. package/scss/fonts/ibm-plex-sans-fallback.scss +7 -0
  325. package/scss/fonts/informapro-fallback.scss +6 -0
  326. package/scss/fonts/lato-fallback.scss +7 -0
  327. package/scss/fonts/manrope-fallback.scss +6 -0
  328. package/scss/fonts/merriweather-fallback.scss +7 -0
  329. package/scss/fonts/montserrat-fallback.scss +7 -0
  330. package/scss/fonts/open-sans-condensed-fallback.scss +6 -0
  331. package/scss/fonts/open-sans-fallback.scss +7 -0
  332. package/scss/fonts/oswald-fallback.scss +7 -0
  333. package/scss/fonts/poppins-fallback.scss +6 -0
  334. package/scss/fonts/pt-sans-fallback.scss +6 -0
  335. package/scss/fonts/pt-serif-fallback.scss +6 -0
  336. package/scss/fonts/public-sans-fallback.scss +7 -0
  337. package/scss/fonts/raleway-fallback.scss +6 -0
  338. package/scss/fonts/roboto-condensed-fallback.scss +7 -0
  339. package/scss/fonts/roboto-fallback.scss +7 -0
  340. package/scss/fonts/roboto-slab-fallback.scss +7 -0
  341. package/scss/fonts/solitaire-mvb-pro-fallback.scss +6 -0
  342. package/scss/fonts/source-sans-4-fallback.scss +7 -0
  343. package/scss/fonts/source-serif-pro-fallback.scss +7 -0
  344. package/scss/fonts/synthese-fallback.scss +6 -0
  345. package/scss/fonts/zilla-slab-fallback.scss +6 -0
  346. package/scss/load-more.scss +3 -0
  347. package/scss/node-list.scss +144 -0
  348. package/scss/node.scss +371 -0
  349. package/scss/page-image.scss +15 -0
  350. package/start-server.js +169 -0
  351. package/utils/apply-query-params.js +16 -0
  352. package/utils/build-content-input.js +9 -0
  353. package/utils/build-marko-global.js +1 -0
  354. package/utils/default-value.js +1 -0
  355. package/utils/embedded-media/facebook-oembed.js +50 -0
  356. package/utils/embedded-media/image.js +71 -0
  357. package/utils/embedded-media/index.js +8 -0
  358. package/utils/embedded-media/instagram-oembed.js +57 -0
  359. package/utils/embedded-media/oembed.js +18 -0
  360. package/utils/hierarchy-aliases.js +3 -0
  361. package/utils/hierarchy-ids.js +3 -0
  362. package/utils/index.js +11 -0
  363. package/utils/is-dev.js +1 -0
  364. package/utils/published-content/description.js +1 -0
  365. package/utils/render-ssr-component-from-marko.js +18 -0
  366. package/utils/render-ssr-component.js +15 -0
  367. package/utils/should-collapse.js +1 -0
package/components/node/marko.json ADDED
@@ -0,0 +1,189 @@
1
+ {
2
+ "<marko-web-node>": {
3
+ "template": "./index.marko",
4
+ "<header>": {
5
+ "<left>": {},
6
+ "<right>": {}
7
+ },
8
+ "<image>": {
9
+ "<header>": {},
10
+ "<body>": {
11
+ "<header>": {},
12
+ "<footer>": {},
13
+ "<title>": {},
14
+ "@text <text>[]": {}
15
+ }
16
+ },
17
+ "<body>": {
18
+ "<header>": {},
19
+ "<footer>": {},
20
+ "<title>": {},
21
+ "@text <text>[]": {}
22
+ },
23
+ "<footer>": {
24
+ "<left>": {},
25
+ "<right>": {}
26
+ },
27
+ "@type": "string",
28
+ "@block-name": "string",
29
+ "@tag": "string",
30
+ "@image-position": "string",
31
+ "@flush": "boolean",
32
+ "@flush-x": "boolean",
33
+ "@flush-y": "boolean",
34
+ "@image-flush": "boolean",
35
+ "@full-height": "boolean",
36
+ "@card": "boolean",
37
+ "@class": "string",
38
+ "@attrs": "object",
39
+ "@modifiers": "array"
40
+ },
41
+ "<marko-web-node-body>": {
42
+ "template": "./body.marko",
43
+ "<header>": {},
44
+ "<footer>": {},
45
+ "<title>": {
46
+ "@show": "boolean",
47
+ "@tag": "string",
48
+ "@block-name": "string",
49
+ "@modifiers": "array",
50
+ "@attrs": "object"
51
+ },
52
+ "@text <text>[]": {
53
+ "@show": "boolean",
54
+ "@tag": "string",
55
+ "@block-name": "string",
56
+ "@modifiers": "array",
57
+ "@attrs": "object"
58
+ },
59
+ "@block-name": "string",
60
+ "@tag": "string",
61
+ "@modifiers": "array",
62
+ "@attrs": "object"
63
+ },
64
+ "<marko-web-node-element>": {
65
+ "template": "./element.marko",
66
+ "@name": "string",
67
+ "@show": {
68
+ "type": "boolean",
69
+ "default-value": true
70
+ },
71
+ "@tag": {
72
+ "type": "string",
73
+ "default-value": "div"
74
+ },
75
+ "@block-name": {
76
+ "type": "string",
77
+ "default-value": "node"
78
+ },
79
+ "@modifiers": "array",
80
+ "@attrs": "object"
81
+ },
82
+ "<marko-web-node-header>": {
83
+ "template": "./header.marko",
84
+ "<left>": {
85
+ "@tag": "string",
86
+ "@modifiers": "array",
87
+ "@attrs": "object"
88
+ },
89
+ "<right>": {
90
+ "@tag": "string",
91
+ "@modifiers": "array",
92
+ "@attrs": "object"
93
+ },
94
+ "@tag": "string",
95
+ "@block-name": "string",
96
+ "@modifiers": "array",
97
+ "@attrs": "object"
98
+ },
99
+ "<marko-web-node-footer>": {
100
+ "template": "./footer.marko",
101
+ "<left>": {
102
+ "@tag": "string",
103
+ "@modifiers": "array",
104
+ "@attrs": "object"
105
+ },
106
+ "<right>": {
107
+ "@tag": "string",
108
+ "@modifiers": "array",
109
+ "@attrs": "object"
110
+ },
111
+ "@tag": "string",
112
+ "@block-name": "string",
113
+ "@modifiers": "array",
114
+ "@attrs": "object"
115
+ },
116
+ "<marko-web-node-image-wrapper>": {
117
+ "template": "./image-wrapper.marko",
118
+ "<header>": {},
119
+ "<body>": {
120
+ "<header>": {},
121
+ "<title>": {},
122
+ "@text <text>[]": {}
123
+ },
124
+ "@block-name": "string",
125
+ "@src": "string",
126
+ "@alt": "string",
127
+ "@ar": {
128
+ "type": "string",
129
+ "default-value": "1:1"
130
+ },
131
+ "@fluid": "boolean",
132
+ "@width": {
133
+ "type": "number",
134
+ "default-value": 320
135
+ },
136
+ "@link": "object",
137
+ "@use-placeholder": "boolean",
138
+ "@options": "object",
139
+ "@is-logo": "boolean",
140
+ "@lazyload": {
141
+ "type": "boolean",
142
+ "default-value": true
143
+ },
144
+ "@attrs": "object",
145
+ "@image-attrs": "object",
146
+ "@class": "string",
147
+ "@gradient": "boolean",
148
+ "@align": "boolean"
149
+ },
150
+ "<marko-web-node-image-inner-wrapper>": {
151
+ "template": "./image-inner-wrapper.marko",
152
+ "@block-name": "string",
153
+ "@src": "string",
154
+ "@alt": "string",
155
+ "@ar": "string",
156
+ "@fluid": "boolean",
157
+ "@width": "number",
158
+ "@link": "object",
159
+ "@use-placeholder": "boolean",
160
+ "@options": "object",
161
+ "@is-logo": "boolean",
162
+ "@lazyload": {
163
+ "type": "boolean",
164
+ "default-value": true
165
+ },
166
+ "@attrs": "object",
167
+ "@image-attrs": "object",
168
+ "@class": "string",
169
+ "@gradient": "boolean"
170
+ },
171
+ "<marko-web-node-image>": {
172
+ "template": "./image.marko",
173
+ "@src": "string",
174
+ "@alt": "string",
175
+ "@ar": "string",
176
+ "@width": "number",
177
+ "@height": "number",
178
+ "@options": "object",
179
+ "@is-logo": "boolean",
180
+ "@default-options": "object",
181
+ "@use-placeholder": "boolean",
182
+ "@class": "string",
183
+ "@attrs": "object",
184
+ "@lazyload": {
185
+ "type": "boolean",
186
+ "default-value": true
187
+ }
188
+ }
189
+ }
package/components/node/utils/image-height.js ADDED
@@ -0,0 +1,3 @@
1
+ const { getRelativeAspectRatioHeight } = require('@mindful-web/image');
2
+
3
+ module.exports = getRelativeAspectRatioHeight;
package/components/node/utils/image-values.js ADDED
@@ -0,0 +1,17 @@
1
+ const imageHeight = require('./image-height');
2
+
3
+ module.exports = ({
4
+ fluid,
5
+ ar,
6
+ width = 320,
7
+ delimiter = ':',
8
+ }) => {
9
+ if (fluid === true) {
10
+ if (ar) return { modifier: `fluid-${ar.replace(delimiter, 'by')}` };
11
+ return { modifier: 'fluid' };
12
+ }
13
+ if (ar) {
14
+ return { width, height: imageHeight(width, ar, delimiter) };
15
+ }
16
+ return { width };
17
+ };
package/components/node-list/body.marko ADDED
@@ -0,0 +1,19 @@
1
+ import { getAsArray } from "@mindful-web/object-path";
2
+
3
+ $ const blockName = input.blockName || "node-list";
4
+
5
+ $ const modifiers = [...getAsArray(input, "modifiers")];
6
+ $ if (input.flushX) modifiers.push("flush-x");
7
+ $ if (input.flushY) modifiers.push("flush-y");
8
+
9
+ <if(input.renderBody)>
10
+ <marko-web-node-list-element
11
+ block-name=blockName
12
+ name="body"
13
+ tag=input.tag
14
+ modifiers=modifiers
15
+ attrs=input.attrs
16
+ >
17
+ <${input.renderBody} />
18
+ </marko-web-node-list-element>
19
+ </if>
package/components/node-list/body.marko.js ADDED
@@ -0,0 +1,50 @@
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$1.0.0/components/node-list/body.marko",
6
+ marko_renderer = require("marko/dist/runtime/components/renderer"),
7
+ module_objectPath_module = require("@mindful-web/object-path"),
8
+ objectPath_module = module_objectPath_module.default || module_objectPath_module,
9
+ getAsArray = module_objectPath_module.getAsArray,
10
+ marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
11
+ marko_web_node_list_element_template = require("./element.marko"),
12
+ marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
13
+ marko_web_node_list_element_tag = marko_loadTag(marko_web_node_list_element_template);
14
+
15
+ function render(input, out, __component, component, state) {
16
+ var data = input;
17
+
18
+ const blockName = input.blockName || "node-list";
19
+
20
+ const modifiers = [...getAsArray(input, "modifiers")];
21
+
22
+ if (input.flushX) modifiers.push("flush-x");
23
+
24
+ if (input.flushY) modifiers.push("flush-y");
25
+
26
+ if (input.renderBody) {
27
+ marko_web_node_list_element_tag({
28
+ tag: input.tag,
29
+ blockName: blockName,
30
+ name: "body",
31
+ modifiers: modifiers,
32
+ attrs: input.attrs,
33
+ renderBody: function(out) {
34
+ marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "1");
35
+ }
36
+ }, out, __component, "0");
37
+ }
38
+ }
39
+
40
+ marko_template._ = marko_renderer(render, {
41
+ d_: true,
42
+ e_: marko_componentType
43
+ });
44
+
45
+ marko_template.meta = {
46
+ id: "/@mindful-web/marko-web$1.0.0/components/node-list/body.marko",
47
+ tags: [
48
+ "./element.marko"
49
+ ]
50
+ };
package/components/node-list/element.marko ADDED
@@ -0,0 +1,3 @@
1
+ $ const block = input.blockName || "node-list";
2
+
3
+ <marko-web-element ...input block-name=block />
package/components/node-list/element.marko.js ADDED
@@ -0,0 +1,35 @@
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$1.0.0/components/node-list/element.marko",
6
+ marko_renderer = require("marko/dist/runtime/components/renderer"),
7
+ marko_assign = require("marko/dist/runtime/helpers/assign"),
8
+ marko_web_element_template = require("../element/index.marko"),
9
+ marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
10
+ marko_web_element_tag = marko_loadTag(marko_web_element_template);
11
+
12
+ function render(input, out, __component, component, state) {
13
+ var data = input;
14
+
15
+ const block = input.blockName || "node-list";
16
+
17
+ marko_web_element_tag(marko_assign({
18
+ name: "default",
19
+ tag: "div"
20
+ }, input, {
21
+ blockName: block
22
+ }), out, __component, "0");
23
+ }
24
+
25
+ marko_template._ = marko_renderer(render, {
26
+ d_: true,
27
+ e_: marko_componentType
28
+ });
29
+
30
+ marko_template.meta = {
31
+ id: "/@mindful-web/marko-web$1.0.0/components/node-list/element.marko",
32
+ tags: [
33
+ "../element/index.marko"
34
+ ]
35
+ };
package/components/node-list/footer.marko ADDED
@@ -0,0 +1,19 @@
1
+ import { getAsArray } from "@mindful-web/object-path";
2
+
3
+ $ const blockName = input.blockName || "node-list";
4
+
5
+ $ const modifiers = [...getAsArray(input, "modifiers")];
6
+ $ if (input.flushX) modifiers.push("flush-x");
7
+ $ if (input.flushY) modifiers.push("flush-y");
8
+
9
+ <if(input.renderBody)>
10
+ <marko-web-node-list-element
11
+ block-name=blockName
12
+ name="footer"
13
+ tag=input.tag
14
+ modifiers=modifiers
15
+ attrs=input.attrs
16
+ >
17
+ <${input.renderBody} />
18
+ </marko-web-node-list-element>
19
+ </if>
package/components/node-list/footer.marko.js ADDED
@@ -0,0 +1,50 @@
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$1.0.0/components/node-list/footer.marko",
6
+ marko_renderer = require("marko/dist/runtime/components/renderer"),
7
+ module_objectPath_module = require("@mindful-web/object-path"),
8
+ objectPath_module = module_objectPath_module.default || module_objectPath_module,
9
+ getAsArray = module_objectPath_module.getAsArray,
10
+ marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
11
+ marko_web_node_list_element_template = require("./element.marko"),
12
+ marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
13
+ marko_web_node_list_element_tag = marko_loadTag(marko_web_node_list_element_template);
14
+
15
+ function render(input, out, __component, component, state) {
16
+ var data = input;
17
+
18
+ const blockName = input.blockName || "node-list";
19
+
20
+ const modifiers = [...getAsArray(input, "modifiers")];
21
+
22
+ if (input.flushX) modifiers.push("flush-x");
23
+
24
+ if (input.flushY) modifiers.push("flush-y");
25
+
26
+ if (input.renderBody) {
27
+ marko_web_node_list_element_tag({
28
+ tag: input.tag,
29
+ blockName: blockName,
30
+ name: "footer",
31
+ modifiers: modifiers,
32
+ attrs: input.attrs,
33
+ renderBody: function(out) {
34
+ marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "1");
35
+ }
36
+ }, out, __component, "0");
37
+ }
38
+ }
39
+
40
+ marko_template._ = marko_renderer(render, {
41
+ d_: true,
42
+ e_: marko_componentType
43
+ });
44
+
45
+ marko_template.meta = {
46
+ id: "/@mindful-web/marko-web$1.0.0/components/node-list/footer.marko",
47
+ tags: [
48
+ "./element.marko"
49
+ ]
50
+ };
package/components/node-list/header.marko ADDED
@@ -0,0 +1,19 @@
1
+ import { getAsArray } from "@mindful-web/object-path";
2
+
3
+ $ const blockName = input.blockName || "node-list";
4
+
5
+ $ const modifiers = [...getAsArray(input, "modifiers")];
6
+ $ if (input.flushX) modifiers.push("flush-x");
7
+ $ if (input.flushY) modifiers.push("flush-y");
8
+
9
+ <if(input.renderBody)>
10
+ <marko-web-node-list-element
11
+ block-name=blockName
12
+ name="header"
13
+ tag=input.tag
14
+ modifiers=modifiers
15
+ attrs=input.attrs
16
+ >
17
+ <${input.renderBody} />
18
+ </marko-web-node-list-element>
19
+ </if>
package/components/node-list/header.marko.js ADDED
@@ -0,0 +1,50 @@
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$1.0.0/components/node-list/header.marko",
6
+ marko_renderer = require("marko/dist/runtime/components/renderer"),
7
+ module_objectPath_module = require("@mindful-web/object-path"),
8
+ objectPath_module = module_objectPath_module.default || module_objectPath_module,
9
+ getAsArray = module_objectPath_module.getAsArray,
10
+ marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
11
+ marko_web_node_list_element_template = require("./element.marko"),
12
+ marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
13
+ marko_web_node_list_element_tag = marko_loadTag(marko_web_node_list_element_template);
14
+
15
+ function render(input, out, __component, component, state) {
16
+ var data = input;
17
+
18
+ const blockName = input.blockName || "node-list";
19
+
20
+ const modifiers = [...getAsArray(input, "modifiers")];
21
+
22
+ if (input.flushX) modifiers.push("flush-x");
23
+
24
+ if (input.flushY) modifiers.push("flush-y");
25
+
26
+ if (input.renderBody) {
27
+ marko_web_node_list_element_tag({
28
+ tag: input.tag,
29
+ blockName: blockName,
30
+ name: "header",
31
+ modifiers: modifiers,
32
+ attrs: input.attrs,
33
+ renderBody: function(out) {
34
+ marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "1");
35
+ }
36
+ }, out, __component, "0");
37
+ }
38
+ }
39
+
40
+ marko_template._ = marko_renderer(render, {
41
+ d_: true,
42
+ e_: marko_componentType
43
+ });
44
+
45
+ marko_template.meta = {
46
+ id: "/@mindful-web/marko-web$1.0.0/components/node-list/header.marko",
47
+ tags: [
48
+ "./element.marko"
49
+ ]
50
+ };
package/components/node-list/index.marko ADDED
@@ -0,0 +1,36 @@
1
+ import { getAsArray, get } from "@mindful-web/object-path";
2
+ import shouldCollapse from "../../utils/should-collapse";
3
+
4
+ $ const blockName = input.blockName || "node-list";
5
+ $ const tag = input.tag || "div";
6
+ $ const nodes = getAsArray(input, "nodes.nodes");
7
+ $ const justified = get(input, "justified", false);
8
+ $ const innerJustified = get(input, "innerJustified", false);
9
+
10
+ $ const modifiers = [...getAsArray(input.modifiers)];
11
+ $ if (input.flushX) modifiers.push("flush-x");
12
+ $ if (input.flushY) modifiers.push("flush-y");
13
+ $ if (input.fullHeight) modifiers.push("full-height");
14
+ $ if (justified) modifiers.push("justified");
15
+ $ if (innerJustified) modifiers.push("inner-justified");
16
+
17
+ $ const collapsible = shouldCollapse(input.collapsible);
18
+
19
+ $ const classNames = [blockName, ...modifiers.map(mod => `${blockName}--${mod}`), input.class];
20
+
21
+ <if(nodes.length || !collapsible)>
22
+ <div ...input.attrs class=classNames>
23
+ <if(input.header)>
24
+ <marko-web-node-list-header ...input.header />
25
+ </if>
26
+ <if(input.body)>
27
+ <marko-web-node-list-body ...input.body />
28
+ </if>
29
+ <if(input.nodes)>
30
+ <marko-web-node-list-nodes ...input.nodes />
31
+ </if>
32
+ <if(input.footer)>
33
+ <marko-web-node-list-footer ...input.footer />
34
+ </if>
35
+ </div>
36
+ </if>
package/components/node-list/index.marko.js ADDED
@@ -0,0 +1,93 @@
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$1.0.0/components/node-list/index.marko",
6
+ marko_renderer = require("marko/dist/runtime/components/renderer"),
7
+ module_objectPath_module = require("@mindful-web/object-path"),
8
+ objectPath_module = module_objectPath_module.default || module_objectPath_module,
9
+ getAsArray = module_objectPath_module.getAsArray,
10
+ get = module_objectPath_module.get,
11
+ module_shouldCollapse = require("../../utils/should-collapse"),
12
+ shouldCollapse = module_shouldCollapse.default || module_shouldCollapse,
13
+ marko_web_node_list_header_template = require("./header.marko"),
14
+ marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
15
+ marko_web_node_list_header_tag = marko_loadTag(marko_web_node_list_header_template),
16
+ marko_web_node_list_body_template = require("./body.marko"),
17
+ marko_web_node_list_body_tag = marko_loadTag(marko_web_node_list_body_template),
18
+ marko_web_node_list_nodes_template = require("./nodes.marko"),
19
+ marko_web_node_list_nodes_tag = marko_loadTag(marko_web_node_list_nodes_template),
20
+ marko_web_node_list_footer_template = require("./footer.marko"),
21
+ marko_web_node_list_footer_tag = marko_loadTag(marko_web_node_list_footer_template),
22
+ marko_mergeAttrs = require("marko/dist/runtime/html/helpers/merge-attrs");
23
+
24
+ function render(input, out, __component, component, state) {
25
+ var data = input;
26
+
27
+ const blockName = input.blockName || "node-list";
28
+
29
+ const tag = input.tag || "div";
30
+
31
+ const nodes = getAsArray(input, "nodes.nodes");
32
+
33
+ const justified = get(input, "justified", false);
34
+
35
+ const innerJustified = get(input, "innerJustified", false);
36
+
37
+ const modifiers = [...getAsArray(input.modifiers)];
38
+
39
+ if (input.flushX) modifiers.push("flush-x");
40
+
41
+ if (input.flushY) modifiers.push("flush-y");
42
+
43
+ if (input.fullHeight) modifiers.push("full-height");
44
+
45
+ if (justified) modifiers.push("justified");
46
+
47
+ if (innerJustified) modifiers.push("inner-justified");
48
+
49
+ const collapsible = shouldCollapse(input.collapsible);
50
+
51
+ const classNames = [blockName, ...modifiers.map(mod => `${blockName}--${mod}`), input.class];
52
+
53
+ if (nodes.length || (!collapsible)) {
54
+ out.w("<div" +
55
+ marko_mergeAttrs(input.attrs, {
56
+ class: classNames
57
+ }) +
58
+ ">");
59
+
60
+ if (input.header) {
61
+ marko_web_node_list_header_tag(input.header, out, __component, "1");
62
+ }
63
+
64
+ if (input.body) {
65
+ marko_web_node_list_body_tag(input.body, out, __component, "2");
66
+ }
67
+
68
+ if (input.nodes) {
69
+ marko_web_node_list_nodes_tag(input.nodes, out, __component, "3");
70
+ }
71
+
72
+ if (input.footer) {
73
+ marko_web_node_list_footer_tag(input.footer, out, __component, "4");
74
+ }
75
+
76
+ out.w("</div>");
77
+ }
78
+ }
79
+
80
+ marko_template._ = marko_renderer(render, {
81
+ d_: true,
82
+ e_: marko_componentType
83
+ });
84
+
85
+ marko_template.meta = {
86
+ id: "/@mindful-web/marko-web$1.0.0/components/node-list/index.marko",
87
+ tags: [
88
+ "./header.marko",
89
+ "./body.marko",
90
+ "./nodes.marko",
91
+ "./footer.marko"
92
+ ]
93
+ };