@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.
- package/.eslintignore +3 -0
- package/LICENSE +21 -0
- package/browser/.eslintrc.js +1 -0
- package/browser/components/element-id.js +1 -0
- package/browser/components/gated-download/wufoo.vue +97 -0
- package/browser/components/image-slide.vue +54 -0
- package/browser/components/image-slider.vue +87 -0
- package/browser/components/index.js +15 -0
- package/browser/components/load-more-trigger.vue +129 -0
- package/browser/components/oembed.vue +133 -0
- package/browser/components/trigger-in-view-event.vue +41 -0
- package/browser/components/trigger-screen-change-event.vue +94 -0
- package/browser/event-bus.js +5 -0
- package/browser/index.js +83 -0
- package/browser/jquery-full.js +3 -0
- package/browser/jquery.js +3 -0
- package/browser/utils/clean-path.js +4 -0
- package/browser/vue.js +3 -0
- package/components/browser-component/script.marko +10 -0
- package/components/browser-component/script.marko.js +39 -0
- package/components/browser-component.marko +25 -0
- package/components/browser-component.marko.js +75 -0
- package/components/deferred-stylesheet.marko +6 -0
- package/components/deferred-stylesheet.marko.js +28 -0
- package/components/document/components/body-wrapper.marko +8 -0
- package/components/document/components/body-wrapper.marko.js +33 -0
- package/components/document/components/error.marko +26 -0
- package/components/document/components/error.marko.js +88 -0
- package/components/document/components/live-reload.marko +7 -0
- package/components/document/components/live-reload.marko.js +30 -0
- package/components/document/components/polyfill.marko +8 -0
- package/components/document/components/polyfill.marko.js +33 -0
- package/components/document/components/styles.marko +20 -0
- package/components/document/components/styles.marko.js +61 -0
- package/components/document/container.marko +15 -0
- package/components/document/container.marko.js +54 -0
- package/components/document/index.marko +63 -0
- package/components/document/index.marko.js +139 -0
- package/components/document/marko.json +46 -0
- package/components/element/array.marko +19 -0
- package/components/element/array.marko.js +67 -0
- package/components/element/audio.marko +5 -0
- package/components/element/audio.marko.js +33 -0
- package/components/element/block.marko +11 -0
- package/components/element/block.marko.js +44 -0
- package/components/element/clear.marko +4 -0
- package/components/element/clear.marko.js +32 -0
- package/components/element/components/image.marko +32 -0
- package/components/element/components/image.marko.js +62 -0
- package/components/element/components/text.marko +11 -0
- package/components/element/components/text.marko.js +37 -0
- package/components/element/content/address1.marko +14 -0
- package/components/element/content/address1.marko.js +40 -0
- package/components/element/content/address2.marko +14 -0
- package/components/element/content/address2.marko.js +40 -0
- package/components/element/content/audio.marko +13 -0
- package/components/element/content/audio.marko.js +39 -0
- package/components/element/content/authors.marko +12 -0
- package/components/element/content/authors.marko.js +43 -0
- package/components/element/content/body.marko +28 -0
- package/components/element/content/body.marko.js +66 -0
- package/components/element/content/byline.marko +15 -0
- package/components/element/content/byline.marko.js +41 -0
- package/components/element/content/city-state-zip.marko +14 -0
- package/components/element/content/city-state-zip.marko.js +40 -0
- package/components/element/content/contributors.marko +12 -0
- package/components/element/content/contributors.marko.js +43 -0
- package/components/element/content/country.marko +14 -0
- package/components/element/content/country.marko.js +40 -0
- package/components/element/content/embed-code.marko +15 -0
- package/components/element/content/embed-code.marko.js +41 -0
- package/components/element/content/end-date.marko +17 -0
- package/components/element/content/end-date.marko.js +43 -0
- package/components/element/content/ends.marko +14 -0
- package/components/element/content/ends.marko.js +40 -0
- package/components/element/content/fax.marko +14 -0
- package/components/element/content/fax.marko.js +40 -0
- package/components/element/content/images.marko +12 -0
- package/components/element/content/images.marko.js +43 -0
- package/components/element/content/marko.json +328 -0
- package/components/element/content/mobile.marko +14 -0
- package/components/element/content/mobile.marko.js +40 -0
- package/components/element/content/name.marko +15 -0
- package/components/element/content/name.marko.js +41 -0
- package/components/element/content/phone.marko +14 -0
- package/components/element/content/phone.marko.js +40 -0
- package/components/element/content/photographers.marko +12 -0
- package/components/element/content/photographers.marko.js +43 -0
- package/components/element/content/public-email.marko +19 -0
- package/components/element/content/public-email.marko.js +47 -0
- package/components/element/content/published.marko +17 -0
- package/components/element/content/published.marko.js +43 -0
- package/components/element/content/short-name.marko +15 -0
- package/components/element/content/short-name.marko.js +41 -0
- package/components/element/content/sidebar-stubs.marko +24 -0
- package/components/element/content/sidebar-stubs.marko.js +63 -0
- package/components/element/content/sidebars.marko +27 -0
- package/components/element/content/sidebars.marko.js +63 -0
- package/components/element/content/source.marko +14 -0
- package/components/element/content/source.marko.js +40 -0
- package/components/element/content/sponsors.marko +12 -0
- package/components/element/content/sponsors.marko.js +43 -0
- package/components/element/content/start-date.marko +17 -0
- package/components/element/content/start-date.marko.js +43 -0
- package/components/element/content/starts.marko +14 -0
- package/components/element/content/starts.marko.js +40 -0
- package/components/element/content/teaser.marko +15 -0
- package/components/element/content/teaser.marko.js +41 -0
- package/components/element/content/title.marko +14 -0
- package/components/element/content/title.marko.js +40 -0
- package/components/element/content/tollfree.marko +14 -0
- package/components/element/content/tollfree.marko.js +40 -0
- package/components/element/content/transcript.marko +22 -0
- package/components/element/content/transcript.marko.js +53 -0
- package/components/element/content/website.marko +22 -0
- package/components/element/content/website.marko.js +51 -0
- package/components/element/date.marko +2 -0
- package/components/element/date.marko.js +27 -0
- package/components/element/extract-render.js +1 -0
- package/components/element/image/caption.marko +15 -0
- package/components/element/image/caption.marko.js +41 -0
- package/components/element/image/credit.marko +15 -0
- package/components/element/image/credit.marko.js +41 -0
- package/components/element/image/display-name.marko +14 -0
- package/components/element/image/display-name.marko.js +40 -0
- package/components/element/image/marko.json +38 -0
- package/components/element/image/slider.marko +18 -0
- package/components/element/image/slider.marko.js +50 -0
- package/components/element/img.marko +12 -0
- package/components/element/img.marko.js +43 -0
- package/components/element/index.marko +12 -0
- package/components/element/index.marko.js +47 -0
- package/components/element/link.marko +25 -0
- package/components/element/link.marko.js +54 -0
- package/components/element/magazine-issue/description.marko +14 -0
- package/components/element/magazine-issue/description.marko.js +40 -0
- package/components/element/magazine-issue/digital-edition-url.marko +22 -0
- package/components/element/magazine-issue/digital-edition-url.marko.js +51 -0
- package/components/element/magazine-issue/marko.json +42 -0
- package/components/element/magazine-issue/name.marko +14 -0
- package/components/element/magazine-issue/name.marko.js +40 -0
- package/components/element/magazine-issue/pdf-url.marko +22 -0
- package/components/element/magazine-issue/pdf-url.marko.js +51 -0
- package/components/element/magazine-publication/cancel-url.marko +22 -0
- package/components/element/magazine-publication/cancel-url.marko.js +51 -0
- package/components/element/magazine-publication/change-address-url.marko +22 -0
- package/components/element/magazine-publication/change-address-url.marko.js +51 -0
- package/components/element/magazine-publication/description.marko +14 -0
- package/components/element/magazine-publication/description.marko.js +40 -0
- package/components/element/magazine-publication/einquiry-url.marko +22 -0
- package/components/element/magazine-publication/einquiry-url.marko.js +51 -0
- package/components/element/magazine-publication/marko.json +82 -0
- package/components/element/magazine-publication/name.marko +14 -0
- package/components/element/magazine-publication/name.marko.js +40 -0
- package/components/element/magazine-publication/renewal-url.marko +22 -0
- package/components/element/magazine-publication/renewal-url.marko.js +51 -0
- package/components/element/magazine-publication/reprints-url.marko +22 -0
- package/components/element/magazine-publication/reprints-url.marko.js +51 -0
- package/components/element/magazine-publication/subscribe-url.marko +22 -0
- package/components/element/magazine-publication/subscribe-url.marko.js +51 -0
- package/components/element/marko.json +211 -0
- package/components/element/obj-array.marko +17 -0
- package/components/element/obj-array.marko.js +56 -0
- package/components/element/obj-audio.marko +20 -0
- package/components/element/obj-audio.marko.js +50 -0
- package/components/element/obj-date.marko +25 -0
- package/components/element/obj-date.marko.js +55 -0
- package/components/element/obj-nodes.marko +20 -0
- package/components/element/obj-nodes.marko.js +62 -0
- package/components/element/obj-text.marko +23 -0
- package/components/element/obj-text.marko.js +53 -0
- package/components/element/obj.marko +23 -0
- package/components/element/obj.marko.js +61 -0
- package/components/element/object-link.js +49 -0
- package/components/element/object-type.js +9 -0
- package/components/element/picture.marko +38 -0
- package/components/element/picture.marko.js +85 -0
- package/components/element/show-element.js +8 -0
- package/components/element/text.marko +37 -0
- package/components/element/text.marko.js +76 -0
- package/components/element/website-section/description.marko +16 -0
- package/components/element/website-section/description.marko.js +44 -0
- package/components/element/website-section/hierarchy.marko +19 -0
- package/components/element/website-section/hierarchy.marko.js +60 -0
- package/components/element/website-section/marko.json +31 -0
- package/components/element/website-section/name.marko +18 -0
- package/components/element/website-section/name.marko.js +46 -0
- package/components/font/google.marko +6 -0
- package/components/font/google.marko.js +41 -0
- package/components/font/link.marko +14 -0
- package/components/font/link.marko.js +45 -0
- package/components/font/marko.json +21 -0
- package/components/font/typekit.marko +5 -0
- package/components/font/typekit.marko.js +38 -0
- package/components/load-more/index.marko +53 -0
- package/components/load-more/index.marko.js +119 -0
- package/components/load-more/marko.json +30 -0
- package/components/load-more/trigger.marko +11 -0
- package/components/load-more/trigger.marko.js +40 -0
- package/components/marko.json +37 -0
- package/components/node/body.marko +40 -0
- package/components/node/body.marko.js +112 -0
- package/components/node/element.marko +6 -0
- package/components/node/element.marko.js +39 -0
- package/components/node/footer.marko +19 -0
- package/components/node/footer.marko.js +63 -0
- package/components/node/header.marko +19 -0
- package/components/node/header.marko.js +63 -0
- package/components/node/image-inner-wrapper.marko +61 -0
- package/components/node/image-inner-wrapper.marko.js +116 -0
- package/components/node/image-wrapper.marko +34 -0
- package/components/node/image-wrapper.marko.js +98 -0
- package/components/node/image.marko +51 -0
- package/components/node/image.marko.js +93 -0
- package/components/node/index.marko +35 -0
- package/components/node/index.marko.js +100 -0
- package/components/node/marko.json +189 -0
- package/components/node/utils/image-height.js +3 -0
- package/components/node/utils/image-values.js +17 -0
- package/components/node-list/body.marko +19 -0
- package/components/node-list/body.marko.js +50 -0
- package/components/node-list/element.marko +3 -0
- package/components/node-list/element.marko.js +35 -0
- package/components/node-list/footer.marko +19 -0
- package/components/node-list/footer.marko.js +50 -0
- package/components/node-list/header.marko +19 -0
- package/components/node-list/header.marko.js +50 -0
- package/components/node-list/index.marko +36 -0
- package/components/node-list/index.marko.js +93 -0
- package/components/node-list/marko.json +121 -0
- package/components/node-list/node.marko +15 -0
- package/components/node-list/node.marko.js +49 -0
- package/components/node-list/nodes.marko +82 -0
- package/components/node-list/nodes.marko.js +126 -0
- package/components/page/container.marko +13 -0
- package/components/page/container.marko.js +46 -0
- package/components/page/description.marko +4 -0
- package/components/page/description.marko.js +26 -0
- package/components/page/image.marko +50 -0
- package/components/page/image.marko.js +122 -0
- package/components/page/layouts/content.marko +23 -0
- package/components/page/layouts/content.marko.js +63 -0
- package/components/page/layouts/default.marko +20 -0
- package/components/page/layouts/default.marko.js +61 -0
- package/components/page/layouts/dynamic-page.marko +19 -0
- package/components/page/layouts/dynamic-page.marko.js +59 -0
- package/components/page/layouts/magazine-issue.marko +19 -0
- package/components/page/layouts/magazine-issue.marko.js +59 -0
- package/components/page/layouts/magazine-publication.marko +19 -0
- package/components/page/layouts/magazine-publication.marko.js +59 -0
- package/components/page/layouts/marko.json +86 -0
- package/components/page/layouts/website-section.marko +25 -0
- package/components/page/layouts/website-section.marko.js +78 -0
- package/components/page/marko.json +93 -0
- package/components/page/metadata/components/common.marko +54 -0
- package/components/page/metadata/components/common.marko.js +117 -0
- package/components/page/metadata/content.marko +147 -0
- package/components/page/metadata/content.marko.js +216 -0
- package/components/page/metadata/default.marko +2 -0
- package/components/page/metadata/default.marko.js +29 -0
- package/components/page/metadata/dynamic-page.marko +40 -0
- package/components/page/metadata/dynamic-page.marko.js +84 -0
- package/components/page/metadata/google-structured-data/content.js +138 -0
- package/components/page/metadata/magazine-issue.marko +39 -0
- package/components/page/metadata/magazine-issue.marko.js +83 -0
- package/components/page/metadata/magazine-publication.marko +35 -0
- package/components/page/metadata/magazine-publication.marko.js +79 -0
- package/components/page/metadata/marko.json +32 -0
- package/components/page/metadata/website-section.marko +48 -0
- package/components/page/metadata/website-section.marko.js +92 -0
- package/components/page/rel-canonical.marko +13 -0
- package/components/page/rel-canonical.marko.js +42 -0
- package/components/page/title.marko +18 -0
- package/components/page/title.marko.js +46 -0
- package/components/page/wrapper.marko +16 -0
- package/components/page/wrapper.marko.js +63 -0
- package/components/resolve/marko.json +6 -0
- package/components/resolve/page.marko +10 -0
- package/components/resolve/page.marko.js +49 -0
- package/components/rss/marko.json +10 -0
- package/components/rss/website-section.marko +17 -0
- package/components/rss/website-section.marko.js +46 -0
- package/config/abstract-config.js +42 -0
- package/config/core.js +48 -0
- package/config/site.js +6 -0
- package/express/apollo.js +34 -0
- package/express/asset-loader.js +55 -0
- package/express/cdn.js +27 -0
- package/express/css-loader.js +117 -0
- package/express/embedded-media.js +31 -0
- package/express/error-handlers.js +113 -0
- package/express/find-content-alias.js +30 -0
- package/express/get-redirect.js +44 -0
- package/express/graphql-proxy.js +17 -0
- package/express/index.js +153 -0
- package/express/json-error-handler.js +30 -0
- package/express/load-document.js +3 -0
- package/express/load-more.js +6 -0
- package/express/load-object.js +10 -0
- package/express/oembed.js +18 -0
- package/express/rss.js +19 -0
- package/express/sitemaps.js +16 -0
- package/express/website-context.js +19 -0
- package/index.js +8 -0
- package/integration/test-website-boot.js +198 -0
- package/marko.json +6 -0
- package/middleware/disabled-features.js +15 -0
- package/middleware/index.js +15 -0
- package/middleware/page-node/index.js +45 -0
- package/middleware/page-node/resolved.js +26 -0
- package/middleware/with-content.js +54 -0
- package/middleware/with-dynamic-page.js +37 -0
- package/middleware/with-load-more.js +9 -0
- package/middleware/with-magazine-issue.js +24 -0
- package/middleware/with-magazine-publication.js +24 -0
- package/middleware/with-website-section.js +47 -0
- package/package.json +64 -0
- package/scss/carousel.scss +42 -0
- package/scss/document.scss +55 -0
- package/scss/fonts/alata-fallback.scss +7 -0
- package/scss/fonts/alegreya-fallback.scss +6 -0
- package/scss/fonts/arimo-fallback.scss +7 -0
- package/scss/fonts/fira-sans-fallback.scss +7 -0
- package/scss/fonts/ibm-plex-sans-fallback.scss +7 -0
- package/scss/fonts/informapro-fallback.scss +6 -0
- package/scss/fonts/lato-fallback.scss +7 -0
- package/scss/fonts/manrope-fallback.scss +6 -0
- package/scss/fonts/merriweather-fallback.scss +7 -0
- package/scss/fonts/montserrat-fallback.scss +7 -0
- package/scss/fonts/open-sans-condensed-fallback.scss +6 -0
- package/scss/fonts/open-sans-fallback.scss +7 -0
- package/scss/fonts/oswald-fallback.scss +7 -0
- package/scss/fonts/poppins-fallback.scss +6 -0
- package/scss/fonts/pt-sans-fallback.scss +6 -0
- package/scss/fonts/pt-serif-fallback.scss +6 -0
- package/scss/fonts/public-sans-fallback.scss +7 -0
- package/scss/fonts/raleway-fallback.scss +6 -0
- package/scss/fonts/roboto-condensed-fallback.scss +7 -0
- package/scss/fonts/roboto-fallback.scss +7 -0
- package/scss/fonts/roboto-slab-fallback.scss +7 -0
- package/scss/fonts/solitaire-mvb-pro-fallback.scss +6 -0
- package/scss/fonts/source-sans-4-fallback.scss +7 -0
- package/scss/fonts/source-serif-pro-fallback.scss +7 -0
- package/scss/fonts/synthese-fallback.scss +6 -0
- package/scss/fonts/zilla-slab-fallback.scss +6 -0
- package/scss/load-more.scss +3 -0
- package/scss/node-list.scss +144 -0
- package/scss/node.scss +371 -0
- package/scss/page-image.scss +15 -0
- package/start-server.js +169 -0
- package/utils/apply-query-params.js +16 -0
- package/utils/build-content-input.js +9 -0
- package/utils/build-marko-global.js +1 -0
- package/utils/default-value.js +1 -0
- package/utils/embedded-media/facebook-oembed.js +50 -0
- package/utils/embedded-media/image.js +71 -0
- package/utils/embedded-media/index.js +8 -0
- package/utils/embedded-media/instagram-oembed.js +57 -0
- package/utils/embedded-media/oembed.js +18 -0
- package/utils/hierarchy-aliases.js +3 -0
- package/utils/hierarchy-ids.js +3 -0
- package/utils/index.js +11 -0
- package/utils/is-dev.js +1 -0
- package/utils/published-content/description.js +1 -0
- package/utils/render-ssr-component-from-marko.js +18 -0
- package/utils/render-ssr-component.js +15 -0
- package/utils/should-collapse.js +1 -0
|
@@ -0,0 +1,54 @@
|
|
|
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/document/container.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_assign = require("marko/dist/runtime/helpers/assign"),
|
|
12
|
+
marko_web_page_container_template = require("../page/container.marko"),
|
|
13
|
+
marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
|
|
14
|
+
marko_web_page_container_tag = marko_loadTag(marko_web_page_container_template);
|
|
15
|
+
|
|
16
|
+
function render(input, out, __component, component, state) {
|
|
17
|
+
var data = input;
|
|
18
|
+
|
|
19
|
+
const blockName = input.blockName || "document-container";
|
|
20
|
+
|
|
21
|
+
const tag = input.tag || "div";
|
|
22
|
+
|
|
23
|
+
const modifiers = [...getAsArray(input.modifiers)];
|
|
24
|
+
|
|
25
|
+
const classNames = [blockName, ...modifiers.map(mod => `${blockName}--${mod}`), input.class];
|
|
26
|
+
|
|
27
|
+
marko_dynamicTag(out, tag, function() {
|
|
28
|
+
return marko_assign({}, input.attrs, {
|
|
29
|
+
class: classNames
|
|
30
|
+
});
|
|
31
|
+
}, function(out) {
|
|
32
|
+
marko_dynamicTag(out, input.abovePage, null, null, null, null, __component, "1");
|
|
33
|
+
|
|
34
|
+
if (input.page) {
|
|
35
|
+
marko_web_page_container_tag(marko_assign({
|
|
36
|
+
tag: "main"
|
|
37
|
+
}, input.page), out, __component, "2");
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
marko_dynamicTag(out, input.belowPage, null, null, null, null, __component, "3");
|
|
41
|
+
}, null, null, __component, "0");
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
marko_template._ = marko_renderer(render, {
|
|
45
|
+
d_: true,
|
|
46
|
+
e_: marko_componentType
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
marko_template.meta = {
|
|
50
|
+
id: "/@mindful-web/marko-web$1.0.0/components/document/container.marko",
|
|
51
|
+
tags: [
|
|
52
|
+
"../page/container.marko"
|
|
53
|
+
]
|
|
54
|
+
};
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { getAsObject } from "@mindful-web/object-path";
|
|
2
|
+
|
|
3
|
+
$ const { config, req, assets } = out.global;
|
|
4
|
+
|
|
5
|
+
$ const dir = input.dir || "ltr";
|
|
6
|
+
$ const lang = input.lang || config.website("language.code", "en-us");
|
|
7
|
+
$ const viewport = input.viewport || "width=device-width, initial-scale=1, shrink-to-fit=no";
|
|
8
|
+
$ const wrapper = getAsObject(input, "bodyWrapper");
|
|
9
|
+
|
|
10
|
+
<!doctype html>
|
|
11
|
+
<html lang=lang dir=dir>
|
|
12
|
+
<head>
|
|
13
|
+
<meta charset="utf-8">
|
|
14
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
15
|
+
<meta name="viewport" content=viewport>
|
|
16
|
+
|
|
17
|
+
<link rel="preconnect" href="https://cdn.parameter1.com">
|
|
18
|
+
|
|
19
|
+
<!-- load styles -->
|
|
20
|
+
<styles />
|
|
21
|
+
|
|
22
|
+
<marko-web-deferred-script-loader-init />
|
|
23
|
+
|
|
24
|
+
<for|src| of=assets.files.get("js")>
|
|
25
|
+
<marko-web-deferred-script-loader-register
|
|
26
|
+
name="marko-web-core"
|
|
27
|
+
src=src
|
|
28
|
+
esm=true
|
|
29
|
+
on="ready"
|
|
30
|
+
init="var w = window; w.markoCompQueue = w.markoCompQueue || []; var name = 'CMSBrowserComponents', methods = ['load', 'loadComponent'], queue = function(method) { return function() { w.markoCompQueue.push([method, arguments]) } }; w[name] = w[name] || {}; for (var i = 0; i < methods.length; i++) { var method = methods[i]; w[name][method] = w[name][method] || queue(method); }"
|
|
31
|
+
on-script-load="window.markoCompQueue.flush();"
|
|
32
|
+
/>
|
|
33
|
+
</for>
|
|
34
|
+
|
|
35
|
+
<marko-web-deferred-script-loader-register
|
|
36
|
+
name="lazysizes"
|
|
37
|
+
src="https://cdn.parameter1.com/lazysizes/v5.3.2.js"
|
|
38
|
+
on="ready"
|
|
39
|
+
/>
|
|
40
|
+
<!-- add picturefill to old browsers -->
|
|
41
|
+
<script nomodule>
|
|
42
|
+
document.createElement("picture");
|
|
43
|
+
</script>
|
|
44
|
+
<script nomodule src="https://cdnjs.cloudflare.com/ajax/libs/picturefill/3.0.3/picturefill.min.js" async></script>
|
|
45
|
+
|
|
46
|
+
<${input.head} />
|
|
47
|
+
</head>
|
|
48
|
+
<body>
|
|
49
|
+
<${input.aboveWrapper} />
|
|
50
|
+
<body-wrapper enabled=wrapper.enabled attrs=wrapper.attrs>
|
|
51
|
+
<${input.aboveContainer} />
|
|
52
|
+
<if(input.container)>
|
|
53
|
+
<marko-web-document-container ...input.container />
|
|
54
|
+
</if>
|
|
55
|
+
<${input.belowContainer} />
|
|
56
|
+
<!-- load dsl lib -->
|
|
57
|
+
<marko-web-deferred-script-loader-load />
|
|
58
|
+
<live-reload />
|
|
59
|
+
<${input.foot} />
|
|
60
|
+
</body-wrapper>
|
|
61
|
+
<${input.belowWrapper} />
|
|
62
|
+
</body>
|
|
63
|
+
</html>
|
|
@@ -0,0 +1,139 @@
|
|
|
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/document/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
|
+
getAsObject = module_objectPath_module.getAsObject,
|
|
10
|
+
marko_attr = require("marko/dist/runtime/html/helpers/attr"),
|
|
11
|
+
styles_template = require("./components/styles.marko"),
|
|
12
|
+
marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
|
|
13
|
+
styles_tag = marko_loadTag(styles_template),
|
|
14
|
+
marko_web_deferred_script_loader_init_template = require("@mindful-web/marko-web-deferred-script-loader/components/init.marko"),
|
|
15
|
+
marko_web_deferred_script_loader_init_tag = marko_loadTag(marko_web_deferred_script_loader_init_template),
|
|
16
|
+
marko_forOf = require("marko/dist/runtime/helpers/for-of"),
|
|
17
|
+
marko_web_deferred_script_loader_register_template = require("@mindful-web/marko-web-deferred-script-loader/components/register.marko"),
|
|
18
|
+
marko_web_deferred_script_loader_register_tag = marko_loadTag(marko_web_deferred_script_loader_register_template),
|
|
19
|
+
marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
|
|
20
|
+
marko_assign = require("marko/dist/runtime/helpers/assign"),
|
|
21
|
+
marko_web_document_container_template = require("./container.marko"),
|
|
22
|
+
marko_web_document_container_tag = marko_loadTag(marko_web_document_container_template),
|
|
23
|
+
marko_web_deferred_script_loader_load_template = require("@mindful-web/marko-web-deferred-script-loader/components/load.marko"),
|
|
24
|
+
marko_web_deferred_script_loader_load_tag = marko_loadTag(marko_web_deferred_script_loader_load_template),
|
|
25
|
+
live_reload_template = require("./components/live-reload.marko"),
|
|
26
|
+
live_reload_tag = marko_loadTag(live_reload_template),
|
|
27
|
+
body_wrapper_template = require("./components/body-wrapper.marko"),
|
|
28
|
+
body_wrapper_tag = marko_loadTag(body_wrapper_template),
|
|
29
|
+
init_components_tag = marko_loadTag(require("marko/dist/core-tags/components/init-components-tag")),
|
|
30
|
+
await_reorderer_tag = marko_loadTag(require("marko/dist/core-tags/core/await/reorderer-renderer")),
|
|
31
|
+
_preferred_script_location_tag = marko_loadTag(require("marko/dist/core-tags/components/preferred-script-location-tag"));
|
|
32
|
+
|
|
33
|
+
function render(input, out, __component, component, state) {
|
|
34
|
+
var data = input;
|
|
35
|
+
|
|
36
|
+
const { config, req, assets } = out.global;
|
|
37
|
+
|
|
38
|
+
const dir = input.dir || "ltr";
|
|
39
|
+
|
|
40
|
+
const lang = input.lang || config.website("language.code", "en-us");
|
|
41
|
+
|
|
42
|
+
const viewport = input.viewport || "width=device-width, initial-scale=1, shrink-to-fit=no";
|
|
43
|
+
|
|
44
|
+
const wrapper = getAsObject(input, "bodyWrapper");
|
|
45
|
+
|
|
46
|
+
out.w("<!doctype html><html" +
|
|
47
|
+
marko_attr("lang", lang) +
|
|
48
|
+
marko_attr("dir", dir) +
|
|
49
|
+
"><head><meta charset=\"utf-8\"><meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"><meta name=\"viewport\"" +
|
|
50
|
+
marko_attr("content", viewport) +
|
|
51
|
+
"><link rel=\"preconnect\" href=\"https://cdn.parameter1.com\">");
|
|
52
|
+
|
|
53
|
+
styles_tag({}, out, __component, "6");
|
|
54
|
+
|
|
55
|
+
marko_web_deferred_script_loader_init_tag({}, out, __component, "7");
|
|
56
|
+
|
|
57
|
+
var $for$0 = 0;
|
|
58
|
+
|
|
59
|
+
marko_forOf(assets.files.get("js"), function(src) {
|
|
60
|
+
var $keyScope$0 = "[" + (($for$0++) + "]");
|
|
61
|
+
|
|
62
|
+
marko_web_deferred_script_loader_register_tag({
|
|
63
|
+
name: "marko-web-core",
|
|
64
|
+
src: src,
|
|
65
|
+
esm: true,
|
|
66
|
+
on: "ready",
|
|
67
|
+
init: "var w = window; w.markoCompQueue = w.markoCompQueue || []; var name = 'CMSBrowserComponents', methods = ['load', 'loadComponent'], queue = function(method) { return function() { w.markoCompQueue.push([method, arguments]) } }; w[name] = w[name] || {}; for (var i = 0; i < methods.length; i++) { var method = methods[i]; w[name][method] = w[name][method] || queue(method); }",
|
|
68
|
+
onScriptLoad: "window.markoCompQueue.flush();"
|
|
69
|
+
}, out, __component, "8" + $keyScope$0);
|
|
70
|
+
});
|
|
71
|
+
|
|
72
|
+
marko_web_deferred_script_loader_register_tag({
|
|
73
|
+
name: "lazysizes",
|
|
74
|
+
src: "https://cdn.parameter1.com/lazysizes/v5.3.2.js",
|
|
75
|
+
on: "ready"
|
|
76
|
+
}, out, __component, "9");
|
|
77
|
+
|
|
78
|
+
out.w("<script nomodule>\n document.createElement(\"picture\");\n </script><script nomodule src=\"https://cdnjs.cloudflare.com/ajax/libs/picturefill/3.0.3/picturefill.min.js\" async></script>");
|
|
79
|
+
|
|
80
|
+
marko_dynamicTag(out, input.head, null, null, null, null, __component, "10");
|
|
81
|
+
|
|
82
|
+
out.w("</head><body>");
|
|
83
|
+
|
|
84
|
+
marko_dynamicTag(out, input.aboveWrapper, null, null, null, null, __component, "12");
|
|
85
|
+
|
|
86
|
+
body_wrapper_tag({
|
|
87
|
+
enabled: wrapper.enabled,
|
|
88
|
+
attrs: wrapper.attrs,
|
|
89
|
+
renderBody: function(out) {
|
|
90
|
+
marko_dynamicTag(out, input.aboveContainer, null, null, null, null, __component, "14");
|
|
91
|
+
|
|
92
|
+
if (input.container) {
|
|
93
|
+
marko_web_document_container_tag(marko_assign({
|
|
94
|
+
blockName: "document-container",
|
|
95
|
+
tag: "div"
|
|
96
|
+
}, input.container), out, __component, "15");
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
marko_dynamicTag(out, input.belowContainer, null, null, null, null, __component, "16");
|
|
100
|
+
|
|
101
|
+
marko_web_deferred_script_loader_load_tag({}, out, __component, "17");
|
|
102
|
+
|
|
103
|
+
live_reload_tag({}, out, __component, "18");
|
|
104
|
+
|
|
105
|
+
marko_dynamicTag(out, input.foot, null, null, null, null, __component, "19");
|
|
106
|
+
}
|
|
107
|
+
}, out, __component, "13");
|
|
108
|
+
|
|
109
|
+
marko_dynamicTag(out, input.belowWrapper, null, null, null, null, __component, "20");
|
|
110
|
+
|
|
111
|
+
init_components_tag({}, out);
|
|
112
|
+
|
|
113
|
+
await_reorderer_tag({}, out, __component, "21");
|
|
114
|
+
|
|
115
|
+
_preferred_script_location_tag({}, out);
|
|
116
|
+
|
|
117
|
+
out.w("</body></html>");
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
marko_template._ = marko_renderer(render, {
|
|
121
|
+
d_: true,
|
|
122
|
+
e_: marko_componentType
|
|
123
|
+
});
|
|
124
|
+
|
|
125
|
+
marko_template.meta = {
|
|
126
|
+
id: "/@mindful-web/marko-web$1.0.0/components/document/index.marko",
|
|
127
|
+
tags: [
|
|
128
|
+
"./components/styles.marko",
|
|
129
|
+
"@mindful-web/marko-web-deferred-script-loader/components/init.marko",
|
|
130
|
+
"@mindful-web/marko-web-deferred-script-loader/components/register.marko",
|
|
131
|
+
"./container.marko",
|
|
132
|
+
"@mindful-web/marko-web-deferred-script-loader/components/load.marko",
|
|
133
|
+
"./components/live-reload.marko",
|
|
134
|
+
"./components/body-wrapper.marko",
|
|
135
|
+
"marko/dist/core-tags/components/init-components-tag",
|
|
136
|
+
"marko/dist/core-tags/core/await/reorderer-renderer",
|
|
137
|
+
"marko/dist/core-tags/components/preferred-script-location-tag"
|
|
138
|
+
]
|
|
139
|
+
};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
{
|
|
2
|
+
"<marko-web-document>": {
|
|
3
|
+
"template": "./index.marko",
|
|
4
|
+
"<head>": {},
|
|
5
|
+
"<body-wrapper>": {
|
|
6
|
+
"@enabled": "boolean",
|
|
7
|
+
"@attrs": "object"
|
|
8
|
+
},
|
|
9
|
+
"<above-wrapper>": {},
|
|
10
|
+
"<above-container>": {},
|
|
11
|
+
"<container>": {
|
|
12
|
+
"<above-page>": {},
|
|
13
|
+
"<page>": {},
|
|
14
|
+
"<below-page>": {}
|
|
15
|
+
},
|
|
16
|
+
"<below-container>": {},
|
|
17
|
+
"<below-wrapper>": {},
|
|
18
|
+
"<foot>": {},
|
|
19
|
+
"@dir": {
|
|
20
|
+
"type": "string",
|
|
21
|
+
"default-value": "ltr"
|
|
22
|
+
},
|
|
23
|
+
"@lang": "string",
|
|
24
|
+
"@viewport": {
|
|
25
|
+
"type": "string",
|
|
26
|
+
"default-value": "width=device-width, initial-scale=1, shrink-to-fit=no"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
"<marko-web-document-container>": {
|
|
30
|
+
"template": "./container.marko",
|
|
31
|
+
"<above-page>": {},
|
|
32
|
+
"<page>": {},
|
|
33
|
+
"<below-page>": {},
|
|
34
|
+
"@block-name": {
|
|
35
|
+
"type": "string",
|
|
36
|
+
"default-value": "document-container"
|
|
37
|
+
},
|
|
38
|
+
"@tag": {
|
|
39
|
+
"type": "string",
|
|
40
|
+
"default-value": "div"
|
|
41
|
+
},
|
|
42
|
+
"@modifiers": "array",
|
|
43
|
+
"@class": "string",
|
|
44
|
+
"@attrs": "object"
|
|
45
|
+
}
|
|
46
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { getAsArray } from "@mindful-web/object-path";
|
|
2
|
+
|
|
3
|
+
$ const tag = input.tag === undefined ? "div" : input.tag;
|
|
4
|
+
$ const value = getAsArray(input, "value");
|
|
5
|
+
|
|
6
|
+
<if(value.length)>
|
|
7
|
+
<if(tag)>
|
|
8
|
+
<${tag} ...input.attrs class=input.class>
|
|
9
|
+
<for|v, index| of=value>
|
|
10
|
+
<${input.renderBody} value=v index=index length=value.length />
|
|
11
|
+
</for>
|
|
12
|
+
</>
|
|
13
|
+
</if>
|
|
14
|
+
<else>
|
|
15
|
+
<for|v, index| of=value>
|
|
16
|
+
<${input.renderBody} value=v index=index length=value.length />
|
|
17
|
+
</for>
|
|
18
|
+
</else>
|
|
19
|
+
</if>
|
|
@@ -0,0 +1,67 @@
|
|
|
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/element/array.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_forOf = require("marko/dist/runtime/helpers/for-of"),
|
|
11
|
+
marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
|
|
12
|
+
marko_assign = require("marko/dist/runtime/helpers/assign");
|
|
13
|
+
|
|
14
|
+
function render(input, out, __component, component, state) {
|
|
15
|
+
var data = input;
|
|
16
|
+
|
|
17
|
+
const tag = input.tag === undefined ? "div" : input.tag;
|
|
18
|
+
|
|
19
|
+
const value = getAsArray(input, "value");
|
|
20
|
+
|
|
21
|
+
if (value.length) {
|
|
22
|
+
if (tag) {
|
|
23
|
+
marko_dynamicTag(out, tag, function() {
|
|
24
|
+
return marko_assign({}, input.attrs, {
|
|
25
|
+
class: input.class
|
|
26
|
+
});
|
|
27
|
+
}, function(out) {
|
|
28
|
+
var $for$0 = 0;
|
|
29
|
+
|
|
30
|
+
marko_forOf(value, function(v, index) {
|
|
31
|
+
var $keyScope$0 = "[" + (($for$0++) + "]");
|
|
32
|
+
|
|
33
|
+
marko_dynamicTag(out, input.renderBody, function() {
|
|
34
|
+
return {
|
|
35
|
+
value: v,
|
|
36
|
+
index: index,
|
|
37
|
+
length: value.length
|
|
38
|
+
};
|
|
39
|
+
}, null, null, null, __component, "1" + $keyScope$0);
|
|
40
|
+
});
|
|
41
|
+
}, null, null, __component, "0");
|
|
42
|
+
} else {
|
|
43
|
+
var $for$1 = 0;
|
|
44
|
+
|
|
45
|
+
marko_forOf(value, function(v, index) {
|
|
46
|
+
var $keyScope$1 = "[" + (($for$1++) + "]");
|
|
47
|
+
|
|
48
|
+
marko_dynamicTag(out, input.renderBody, function() {
|
|
49
|
+
return {
|
|
50
|
+
value: v,
|
|
51
|
+
index: index,
|
|
52
|
+
length: value.length
|
|
53
|
+
};
|
|
54
|
+
}, null, null, null, __component, "2" + $keyScope$1);
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
marko_template._ = marko_renderer(render, {
|
|
61
|
+
d_: true,
|
|
62
|
+
e_: marko_componentType
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
marko_template.meta = {
|
|
66
|
+
id: "/@mindful-web/marko-web$1.0.0/components/element/array.marko"
|
|
67
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
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/element/audio.marko",
|
|
6
|
+
marko_renderer = require("marko/dist/runtime/components/renderer"),
|
|
7
|
+
marko_attr = require("marko/dist/runtime/html/helpers/attr"),
|
|
8
|
+
marko_mergeAttrs = require("marko/dist/runtime/html/helpers/merge-attrs");
|
|
9
|
+
|
|
10
|
+
function render(input, out, __component, component, state) {
|
|
11
|
+
var data = input;
|
|
12
|
+
|
|
13
|
+
if (input.src) {
|
|
14
|
+
out.w("<audio" +
|
|
15
|
+
marko_mergeAttrs(input.attrs, {
|
|
16
|
+
src: input.src,
|
|
17
|
+
class: input.class,
|
|
18
|
+
controls: "controls"
|
|
19
|
+
}) +
|
|
20
|
+
"><p>Your browser doesn't support HTML5 audio. Here is a <a" +
|
|
21
|
+
marko_attr("href", input.src) +
|
|
22
|
+
">link to the audio</a> instead.</p></audio>");
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
marko_template._ = marko_renderer(render, {
|
|
27
|
+
d_: true,
|
|
28
|
+
e_: marko_componentType
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
marko_template.meta = {
|
|
32
|
+
id: "/@mindful-web/marko-web$1.0.0/components/element/audio.marko"
|
|
33
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { getAsArray } from "@mindful-web/object-path";
|
|
2
|
+
|
|
3
|
+
$ const tag = input.tag || "div";
|
|
4
|
+
$ const blockName = input.name || "block";
|
|
5
|
+
$ const classNames = [blockName, ...getAsArray(input, "modifiers").map(mod => `${blockName}--${mod}`), input.class];
|
|
6
|
+
|
|
7
|
+
<if(input.renderBody)>
|
|
8
|
+
<${tag} ...input.attrs class=classNames>
|
|
9
|
+
<${input.renderBody} block-name=blockName />
|
|
10
|
+
</>
|
|
11
|
+
</if>
|
|
@@ -0,0 +1,44 @@
|
|
|
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/element/block.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_assign = require("marko/dist/runtime/helpers/assign");
|
|
12
|
+
|
|
13
|
+
function render(input, out, __component, component, state) {
|
|
14
|
+
var data = input;
|
|
15
|
+
|
|
16
|
+
const tag = input.tag || "div";
|
|
17
|
+
|
|
18
|
+
const blockName = input.name || "block";
|
|
19
|
+
|
|
20
|
+
const classNames = [blockName, ...getAsArray(input, "modifiers").map(mod => `${blockName}--${mod}`), input.class];
|
|
21
|
+
|
|
22
|
+
if (input.renderBody) {
|
|
23
|
+
marko_dynamicTag(out, tag, function() {
|
|
24
|
+
return marko_assign({}, input.attrs, {
|
|
25
|
+
class: classNames
|
|
26
|
+
});
|
|
27
|
+
}, function(out) {
|
|
28
|
+
marko_dynamicTag(out, input.renderBody, function() {
|
|
29
|
+
return {
|
|
30
|
+
"block-name": blockName
|
|
31
|
+
};
|
|
32
|
+
}, null, null, null, __component, "1");
|
|
33
|
+
}, null, null, __component, "0");
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
marko_template._ = marko_renderer(render, {
|
|
38
|
+
d_: true,
|
|
39
|
+
e_: marko_componentType
|
|
40
|
+
});
|
|
41
|
+
|
|
42
|
+
marko_template.meta = {
|
|
43
|
+
id: "/@mindful-web/marko-web$1.0.0/components/element/block.marko"
|
|
44
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
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/element/clear.marko",
|
|
6
|
+
marko_renderer = require("marko/dist/runtime/components/renderer"),
|
|
7
|
+
marko_styleAttr = require("marko/dist/runtime/html/helpers/style-attr");
|
|
8
|
+
|
|
9
|
+
function render(input, out, __component, component, state) {
|
|
10
|
+
var data = input;
|
|
11
|
+
|
|
12
|
+
const { value } = input;
|
|
13
|
+
|
|
14
|
+
if ([
|
|
15
|
+
"left",
|
|
16
|
+
"right",
|
|
17
|
+
"both"
|
|
18
|
+
].includes(value)) {
|
|
19
|
+
out.w("<div" +
|
|
20
|
+
marko_styleAttr(("clear: " + value) + ";") +
|
|
21
|
+
"></div>");
|
|
22
|
+
}
|
|
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/element/clear.marko"
|
|
32
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { getAsArray, getAsObject } from "@mindful-web/object-path";
|
|
2
|
+
import imageHeight from "../../node/utils/image-height";
|
|
3
|
+
|
|
4
|
+
$ const { config } = out.global;
|
|
5
|
+
$ const { src, alt } = input;
|
|
6
|
+
$ const lazyload = config && config.lazyloadImages() && input.lazyload !== false
|
|
7
|
+
$ const srcset = getAsArray(input.srcset).join(", ") || null;
|
|
8
|
+
|
|
9
|
+
$ const classNames = [input.class];
|
|
10
|
+
$ if (lazyload) classNames.push("lazyload");
|
|
11
|
+
$ const attrs = getAsObject(input.attrs);
|
|
12
|
+
|
|
13
|
+
<if(lazyload)>
|
|
14
|
+
<img
|
|
15
|
+
...attrs
|
|
16
|
+
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
|
|
17
|
+
srcset=null
|
|
18
|
+
data-src=src
|
|
19
|
+
data-srcset=srcset
|
|
20
|
+
class=classNames
|
|
21
|
+
alt=alt
|
|
22
|
+
/>
|
|
23
|
+
</if>
|
|
24
|
+
<else>
|
|
25
|
+
<img
|
|
26
|
+
...attrs
|
|
27
|
+
src=src
|
|
28
|
+
srcset=srcset
|
|
29
|
+
class=classNames
|
|
30
|
+
alt=alt
|
|
31
|
+
/>
|
|
32
|
+
</else>
|
|
@@ -0,0 +1,62 @@
|
|
|
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/element/components/image.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
|
+
getAsObject = module_objectPath_module.getAsObject,
|
|
11
|
+
module_imageHeight = require("../../node/utils/image-height"),
|
|
12
|
+
imageHeight = module_imageHeight.default || module_imageHeight,
|
|
13
|
+
marko_mergeAttrs = require("marko/dist/runtime/html/helpers/merge-attrs");
|
|
14
|
+
|
|
15
|
+
function render(input, out, __component, component, state) {
|
|
16
|
+
var data = input;
|
|
17
|
+
|
|
18
|
+
const { config } = out.global;
|
|
19
|
+
|
|
20
|
+
const { src, alt } = input;
|
|
21
|
+
|
|
22
|
+
const lazyload = config && config.lazyloadImages() && input.lazyload !== false
|
|
23
|
+
|
|
24
|
+
const srcset = getAsArray(input.srcset).join(", ") || null;
|
|
25
|
+
|
|
26
|
+
const classNames = [input.class];
|
|
27
|
+
|
|
28
|
+
if (lazyload) classNames.push("lazyload");
|
|
29
|
+
|
|
30
|
+
const attrs = getAsObject(input.attrs);
|
|
31
|
+
|
|
32
|
+
if (lazyload) {
|
|
33
|
+
out.w("<img" +
|
|
34
|
+
marko_mergeAttrs(attrs, {
|
|
35
|
+
src: "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",
|
|
36
|
+
srcset: null,
|
|
37
|
+
"data-src": src,
|
|
38
|
+
"data-srcset": srcset,
|
|
39
|
+
class: classNames,
|
|
40
|
+
alt: alt
|
|
41
|
+
}) +
|
|
42
|
+
">");
|
|
43
|
+
} else {
|
|
44
|
+
out.w("<img" +
|
|
45
|
+
marko_mergeAttrs(attrs, {
|
|
46
|
+
src: src,
|
|
47
|
+
srcset: srcset,
|
|
48
|
+
class: classNames,
|
|
49
|
+
alt: alt
|
|
50
|
+
}) +
|
|
51
|
+
">");
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
marko_template._ = marko_renderer(render, {
|
|
56
|
+
d_: true,
|
|
57
|
+
e_: marko_componentType
|
|
58
|
+
});
|
|
59
|
+
|
|
60
|
+
marko_template.meta = {
|
|
61
|
+
id: "/@mindful-web/marko-web$1.0.0/components/element/components/image.marko"
|
|
62
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
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/element/components/text.marko",
|
|
6
|
+
marko_renderer = require("marko/dist/runtime/components/renderer"),
|
|
7
|
+
marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
|
|
8
|
+
marko_str = require("marko/dist/runtime/helpers/to-string"),
|
|
9
|
+
helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
|
|
10
|
+
marko_escapeXml = helpers_escape_xml.x;
|
|
11
|
+
|
|
12
|
+
function render(input, out, __component, component, state) {
|
|
13
|
+
var data = input;
|
|
14
|
+
|
|
15
|
+
const { value, renderBody, html } = input;
|
|
16
|
+
|
|
17
|
+
if (renderBody) {
|
|
18
|
+
marko_dynamicTag(out, renderBody, function() {
|
|
19
|
+
return {
|
|
20
|
+
value: value
|
|
21
|
+
};
|
|
22
|
+
}, null, null, null, __component, "0");
|
|
23
|
+
} else if (html) {
|
|
24
|
+
out.w(marko_str(value));
|
|
25
|
+
} else {
|
|
26
|
+
out.w(marko_escapeXml(value));
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
marko_template._ = marko_renderer(render, {
|
|
31
|
+
d_: true,
|
|
32
|
+
e_: marko_componentType
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
marko_template.meta = {
|
|
36
|
+
id: "/@mindful-web/marko-web$1.0.0/components/element/components/text.marko"
|
|
37
|
+
};
|