@parameter1/base-cms-marko-web 3.8.0 → 3.11.0

package/components/browser-component.marko.js

@@ -0,0 +1,86 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.8.0/components/browser-component.marko",
+    marko_component = require("./browser-component.marko"),
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    module_defaultValue = require("@parameter1/base-cms-marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    module_baseCmsUtils_module = require("@parameter1/base-cms-utils"),
+    baseCmsUtils_module = module_baseCmsUtils_module.default || module_baseCmsUtils_module,
+    randomElementId = module_baseCmsUtils_module.randomElementId,
+    module_renderComponent = require("../utils/render-ssr-component"),
+    renderComponent = module_renderComponent.default || module_renderComponent,
+    marko_str = require("marko/src/runtime/helpers/to-string"),
+    marko_web_resolve_template = require("@parameter1/base-cms-marko-core/components/resolve.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_resolve_tag = marko_loadTag(marko_web_resolve_template),
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
+    marko_assign = require("marko/src/runtime/helpers/assign"),
+    marko_attr = require("marko/src/runtime/html/helpers/attr");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const id = randomElementId({ prefix: 'vue' });
+
+  const tag = defaultValue(input.tag, "div");
+
+  const { name } = input;
+
+  const ssr = defaultValue(input.ssr, false);
+
+  const hydrate = ssr ? true : defaultValue(input.hydrate, false);
+
+  const skipWhenExists = defaultValue(input.skipWhenExists, false);
+
+  const props = JSON.stringify(input.props || {});
+
+  const contents = `CMSBrowserComponents.load({ el: '#${id}', name: '${name}', props: ${props}, hydrate: ${hydrate}, skipWhenExists: ${skipWhenExists} });`;
+
+  if (ssr) {
+    const { compiledVueComponents } = out.global;
+
+    const Component = compiledVueComponents[name];
+
+    if (!Component) throw new Error(`No compiled Vue template found for ${name}. Unable to render server-side.`);
+
+    marko_web_resolve_tag({
+        promise: renderComponent(Component, {
+            id: id,
+            props: input.props
+          }),
+        renderBody: function(out, { resolved: html }) {
+          out.w(marko_str(html));
+        }
+      }, out, __component, "0");
+  } else {
+    marko_dynamicTag(out, tag, function() {
+      return marko_assign({}, input.attrs, {
+          id: id,
+          class: input.class
+        });
+    }, function(out) {
+      marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "2");
+    }, null, null, __component, "1");
+  }
+
+  out.w("<script class=\"component\"" +
+    marko_attr("data-name", name) +
+    ">" +
+    marko_str(contents) +
+    "</script>");
+}
+
+marko_template._ = marko_renderer(render, {
+    ___type: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.8.0/components/browser-component.marko",
+    component: "./browser-component.marko",
+    tags: [
+      "@parameter1/base-cms-marko-core/components/resolve.marko"
+    ]
+  };

package/components/document/components/assets.marko.js

@@ -0,0 +1,43 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$2.13.0/components/document/components/assets.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    marko_forOf = require("marko/src/runtime/helpers/for-of"),
+    marko_attr = require("marko/src/runtime/html/helpers/attr");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { config } = out.global;
+
+  const scripts = config.sources();
+
+  const stylesheets = config.styles();
+
+  marko_forOf(scripts, function(src) {
+    out.w("<script" +
+      marko_attr("src", src) +
+      "></script>");
+  });
+
+  var $for$0 = 0;
+
+  marko_forOf(stylesheets, function(href) {
+    var $keyScope$0 = "[" + (($for$0++) + "]");
+
+    out.w("<link rel=\"stylesheet\"" +
+      marko_attr("href", href) +
+      ">");
+  });
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$2.13.0/components/document/components/assets.marko"
+  };

package/components/document/components/body-wrapper.marko.js

@@ -0,0 +1,33 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.8.0/components/document/components/body-wrapper.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
+    marko_attrs = require("marko/src/runtime/html/helpers/attrs");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  if (input.enabled) {
+    out.w("<div" +
+      marko_attrs(input.attrs) +
+      ">");
+
+    marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "1");
+
+    out.w("</div>");
+  } else {
+    marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "2");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.8.0/components/document/components/body-wrapper.marko"
+  };

package/components/document/components/error.marko.js

@@ -0,0 +1,85 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.8.0/components/document/components/error.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    module_isDev = require("../../../utils/is-dev"),
+    isDev = module_isDev.default || module_isDev,
+    marko_web_page_title_template = require("../../page/title.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_page_title_tag = marko_loadTag(marko_web_page_title_template),
+    helpers_escape_xml = require("marko/src/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_web_page_wrapper_template = require("../../page/wrapper.marko"),
+    marko_web_page_wrapper_tag = marko_loadTag(marko_web_page_wrapper_template),
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { document } = out.global;
+
+  const error = input.error || {};
+
+  marko_dynamicTag(out, document, function() {
+    return {
+        head: {
+            renderBody: function(out) {
+              marko_web_page_title_tag({
+                  concatWith: "|",
+                  value: (input.statusCode + " ") + input.statusMessage
+                }, out, __component, "2");
+
+              if (input.statusCode === 404) {
+                out.w("<meta name=\"robots\" content=\"noindex\">");
+              }
+            }
+          },
+        container: {
+            page: {
+                for: "error",
+                renderBody: function(out) {
+                  marko_web_page_wrapper_tag({
+                      blockName: "page-wrapper",
+                      tag: "div",
+                      sections: [
+                          {
+                              tag: "div",
+                              renderBody: function(out) {
+                                out.w("<h3>" +
+                                  marko_escapeXml(input.statusCode) +
+                                  " " +
+                                  marko_escapeXml(input.statusMessage) +
+                                  "</h3><h4>" +
+                                  marko_escapeXml(error.message) +
+                                  "</h4>");
+
+                                if (isDev) {
+                                  out.w("<pre>" +
+                                    marko_escapeXml(error.stack) +
+                                    "</pre>");
+                                }
+                              }
+                            }
+                        ]
+                    }, out, __component, "6");
+                }
+              }
+          }
+      };
+  }, null, null, null, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.8.0/components/document/components/error.marko",
+    tags: [
+      "../../page/title.marko",
+      "../../page/wrapper.marko"
+    ]
+  };

package/components/document/components/live-reload.marko.js

@@ -0,0 +1,30 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.8.0/components/document/components/live-reload.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    module_isDev = require("../../../utils/is-dev"),
+    isDev = module_isDev.default || module_isDev,
+    marko_attr = require("marko/src/runtime/html/helpers/attr");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { LIVERELOAD_PORT, EXPOSED_HOST } = process.env;
+
+  if (isDev && LIVERELOAD_PORT) {
+    out.w("<script" +
+      marko_attr("src", ((("http://" + EXPOSED_HOST) + ":") + LIVERELOAD_PORT) + "/livereload.js") +
+      " async></script>");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.8.0/components/document/components/live-reload.marko"
+  };

package/components/document/components/polyfill.marko.js

@@ -0,0 +1,33 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.8.0/components/document/components/polyfill.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
+    baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
+    getAsArray = module_baseCmsObjectPath_module.getAsArray,
+    marko_attr = require("marko/src/runtime/html/helpers/attr");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const features = getAsArray(input, "features");
+
+  const src = `https://polyfill.io/v3/polyfill.min.js?flags=gated&features=${encodeURIComponent(features.join(','))}`;
+
+  if (features.length) {
+    out.w("<script" +
+      marko_attr("src", src) +
+      "></script>");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.8.0/components/document/components/polyfill.marko"
+  };

package/components/document/container.marko.js

@@ -0,0 +1,54 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.8.0/components/document/container.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
+    baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
+    getAsArray = module_baseCmsObjectPath_module.getAsArray,
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
+    marko_assign = require("marko/src/runtime/helpers/assign"),
+    marko_web_page_container_template = require("../page/container.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_page_container_tag = marko_loadTag(marko_web_page_container_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = input.blockName || "document-container";
+
+  const tag = input.tag || "div";
+
+  const modifiers = [...getAsArray(input.modifiers)];
+
+  const classNames = [blockName, ...modifiers.map(mod => `${blockName}--${mod}`), input.class];
+
+  marko_dynamicTag(out, tag, function() {
+    return marko_assign({}, input.attrs, {
+        class: classNames
+      });
+  }, function(out) {
+    marko_dynamicTag(out, input.abovePage, null, null, null, null, __component, "1");
+
+    if (input.page) {
+      marko_web_page_container_tag(marko_assign({
+          tag: "main"
+        }, input.page), out, __component, "2");
+    }
+
+    marko_dynamicTag(out, input.belowPage, null, null, null, null, __component, "3");
+  }, null, null, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.8.0/components/document/container.marko",
+    tags: [
+      "../page/container.marko"
+    ]
+  };

package/components/document/index.marko.js

@@ -0,0 +1,118 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.8.0/components/document/index.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
+    baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
+    getAsObject = module_baseCmsObjectPath_module.getAsObject,
+    marko_attr = require("marko/src/runtime/html/helpers/attr"),
+    marko_forOf = require("marko/src/runtime/helpers/for-of"),
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
+    marko_assign = require("marko/src/runtime/helpers/assign"),
+    marko_web_document_container_template = require("./container.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_document_container_tag = marko_loadTag(marko_web_document_container_template),
+    live_reload_template = require("./components/live-reload.marko"),
+    live_reload_tag = marko_loadTag(live_reload_template),
+    body_wrapper_template = require("./components/body-wrapper.marko"),
+    body_wrapper_tag = marko_loadTag(body_wrapper_template),
+    init_components_tag = marko_loadTag(require("marko/src/core-tags/components/init-components-tag")),
+    await_reorderer_tag = marko_loadTag(require("marko/src/core-tags/core/await/reorderer-renderer")),
+    _preferred_script_location_tag = marko_loadTag(require("marko/src/core-tags/components/preferred-script-location-tag"));
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { config } = out.global;
+
+  const dir = input.dir || "ltr";
+
+  const lang = input.lang || config.website("language.code", "en-us");
+
+  const viewport = input.viewport || "width=device-width, initial-scale=1, shrink-to-fit=no";
+
+  const wrapper = getAsObject(input, "bodyWrapper");
+
+  out.w("<!doctype html><html" +
+    marko_attr("lang", lang) +
+    marko_attr("dir", dir) +
+    "><head><meta charset=\"utf-8\"><meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"><meta name=\"viewport\"" +
+    marko_attr("content", viewport) +
+    ">");
+
+  var $for$0 = 0;
+
+  marko_forOf(config.styles(), function(href) {
+    var $keyScope$0 = "[" + (($for$0++) + "]");
+
+    out.w("<link rel=\"stylesheet\"" +
+      marko_attr("href", href) +
+      ">");
+  });
+
+  out.w("<script>\n      (function(w) {\n        w.markoCompQueue = w.markoCompQueue || [];\n        var name = 'CMSBrowserComponents', methods = ['load', 'loadComponent'], queue = function(method) { return function() { w.markoCompQueue.push([method, arguments]) } };\n        w[name] = w[name] || {};\n        for (var i = 0; i < methods.length; i++) { var method = methods[i]; w[name][method] = w[name][method] || queue(method); }\n      })(window);\n    </script><script src=\"/dist/js/lazysizes/v5.3.2.js\" async></script><script>\n      document.createElement( \"picture\" );\n    </script><script src=\"https://cdnjs.cloudflare.com/ajax/libs/picturefill/3.0.3/picturefill.min.js\" async></script>");
+
+  marko_dynamicTag(out, input.head, null, null, null, null, __component, "6");
+
+  out.w("</head><body>");
+
+  marko_dynamicTag(out, input.aboveWrapper, null, null, null, null, __component, "8");
+
+  body_wrapper_tag({
+      enabled: wrapper.enabled,
+      attrs: wrapper.attrs,
+      renderBody: function(out) {
+        marko_dynamicTag(out, input.aboveContainer, null, null, null, null, __component, "10");
+
+        if (input.container) {
+          marko_web_document_container_tag(marko_assign({
+              blockName: "document-container",
+              tag: "div"
+            }, input.container), out, __component, "11");
+        }
+
+        marko_dynamicTag(out, input.belowContainer, null, null, null, null, __component, "12");
+
+        live_reload_tag({}, out, __component, "13");
+
+        marko_dynamicTag(out, input.foot, null, null, null, null, __component, "14");
+      }
+    }, out, __component, "9");
+
+  marko_dynamicTag(out, input.belowWrapper, null, null, null, null, __component, "15");
+
+  marko_forOf(config.sources(), function(src) {
+    out.w("<script" +
+      marko_attr("src", src) +
+      "></script>");
+  });
+
+  out.w("<script>CMSBrowserComponents.init();</script>");
+
+  init_components_tag({}, out);
+
+  await_reorderer_tag({}, out, __component, "16");
+
+  _preferred_script_location_tag({}, out);
+
+  out.w("</body></html>");
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.8.0/components/document/index.marko",
+    tags: [
+      "./container.marko",
+      "./components/live-reload.marko",
+      "./components/body-wrapper.marko",
+      "marko/src/core-tags/components/init-components-tag",
+      "marko/src/core-tags/core/await/reorderer-renderer",
+      "marko/src/core-tags/components/preferred-script-location-tag"
+    ]
+  };

package/components/element/array.marko.js

@@ -0,0 +1,67 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.8.0/components/element/array.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
+    baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
+    getAsArray = module_baseCmsObjectPath_module.getAsArray,
+    marko_forOf = require("marko/src/runtime/helpers/for-of"),
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
+    marko_assign = require("marko/src/runtime/helpers/assign");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const tag = input.tag === undefined ? "div" : input.tag;
+
+  const value = getAsArray(input, "value");
+
+  if (value.length) {
+    if (tag) {
+      marko_dynamicTag(out, tag, function() {
+        return marko_assign({}, input.attrs, {
+            class: input.class
+          });
+      }, function(out) {
+        var $for$0 = 0;
+
+        marko_forOf(value, function(v, index) {
+          var $keyScope$0 = "[" + (($for$0++) + "]");
+
+          marko_dynamicTag(out, input.renderBody, function() {
+            return {
+                value: v,
+                index: index,
+                length: value.length
+              };
+          }, null, null, null, __component, "1" + $keyScope$0);
+        });
+      }, null, null, __component, "0");
+    } else {
+      var $for$1 = 0;
+
+      marko_forOf(value, function(v, index) {
+        var $keyScope$1 = "[" + (($for$1++) + "]");
+
+        marko_dynamicTag(out, input.renderBody, function() {
+          return {
+              value: v,
+              index: index,
+              length: value.length
+            };
+        }, null, null, null, __component, "2" + $keyScope$1);
+      });
+    }
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.8.0/components/element/array.marko"
+  };

package/components/element/audio.marko.js

@@ -0,0 +1,33 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.8.0/components/element/audio.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    marko_attr = require("marko/src/runtime/html/helpers/attr"),
+    marko_mergeAttrs = require("marko/src/runtime/html/helpers/merge-attrs");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  if (input.src) {
+    out.w("<audio" +
+      marko_mergeAttrs(input.attrs, {
+        src: input.src,
+        class: input.class,
+        controls: "controls"
+      }) +
+      "><p>Your browser doesn't support HTML5 audio. Here is a <a" +
+      marko_attr("href", input.src) +
+      ">link to the audio</a> instead.</p></audio>");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.8.0/components/element/audio.marko"
+  };

package/components/element/block.marko.js

@@ -0,0 +1,44 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.8.0/components/element/block.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
+    baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
+    getAsArray = module_baseCmsObjectPath_module.getAsArray,
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
+    marko_assign = require("marko/src/runtime/helpers/assign");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const tag = input.tag || "div";
+
+  const blockName = input.name || "block";
+
+  const classNames = [blockName, ...getAsArray(input, "modifiers").map(mod => `${blockName}--${mod}`), input.class];
+
+  if (input.renderBody) {
+    marko_dynamicTag(out, tag, function() {
+      return marko_assign({}, input.attrs, {
+          class: classNames
+        });
+    }, function(out) {
+      marko_dynamicTag(out, input.renderBody, function() {
+        return {
+            "block-name": blockName
+          };
+      }, null, null, null, __component, "1");
+    }, null, null, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.8.0/components/element/block.marko"
+  };

package/components/element/clear.marko.js

@@ -0,0 +1,32 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.8.0/components/element/clear.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    marko_styleAttr = require("marko/src/runtime/html/helpers/style-attr");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { value } = input;
+
+  if ([
+      "left",
+      "right",
+      "both"
+    ].includes(value)) {
+    out.w("<div" +
+      marko_styleAttr(("clear: " + value) + ";") +
+      "></div>");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.8.0/components/element/clear.marko"
+  };