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

package/components/load-more/index.marko.js

@@ -0,0 +1,119 @@
+// 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.11.0/components/load-more/index.marko",
+    marko_component = require("./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,
+    getAsArray = module_baseCmsObjectPath_module.getAsArray,
+    marko_web_browser_component_template = require("../browser-component.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_browser_component_tag = marko_loadTag(marko_web_browser_component_template),
+    marko_str = require("marko/src/runtime/helpers/to-string"),
+    marko_assign = require("marko/src/runtime/helpers/assign"),
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
+    marko_web_load_more_trigger_template = require("./trigger.marko"),
+    marko_web_load_more_trigger_tag = marko_loadTag(marko_web_load_more_trigger_template),
+    marko_web_page_container_template = require("../page/container.marko"),
+    marko_web_page_container_tag = marko_loadTag(marko_web_page_container_template),
+    marko_web_query_template = require("@parameter1/base-cms-marko-core/components/queries/index.marko"),
+    marko_web_query_tag = marko_loadTag(marko_web_query_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { components, fragments } = out.global;
+
+  const Component = components.get(input.componentName);
+
+  const pageNumber = input.pageNumber || 1;
+
+  const queryParams = {
+  ...getAsObject(input, "queryParams"),
+  queryName: "LoadMore",
+  queryFragment: fragments.get(input.fragmentName),
+};
+
+  if (Component) {
+    marko_web_query_tag({
+        collapsible: true,
+        name: input.queryName,
+        params: queryParams,
+        renderBody: function(out, { nodes, pageInfo }) {
+          if (nodes.length) {
+            marko_web_page_container_tag(marko_assign({
+                tag: "section"
+              }, input.pageInput, {
+                modifiers: ["load-more", `page-${pageNumber}`, ...getAsArray(input, "pageInput.modifiers")],
+                attrs: input.attrs,
+                renderBody: function(out) {
+                  marko_web_browser_component_tag({
+                      name: "TriggerInViewEvent",
+                      props: {
+                          eventName: "load-more-in-view",
+                          data: {
+                              page_number: pageNumber + 1
+                            }
+                        }
+                    }, out, __component, "2");
+
+                  if ((pageNumber === 1) && input.header) {
+                    out.w("<div class=\"load-more-header\">" +
+                      marko_str(input.header) +
+                      "</div>");
+                  }
+
+                  marko_dynamicTag(out, Component, function() {
+                    return marko_assign({}, input.componentInput, {
+                        nodes: nodes,
+                        "page-info": pageInfo,
+                        "page-number": pageNumber
+                      });
+                  }, null, null, null, __component, "4");
+
+                  const { endCursor, hasNextPage } = pageInfo;
+
+                  delete queryParams.skip;
+
+                  delete queryParams.queryFragment;
+
+                  delete queryParams.renderBody;
+
+                  const provide = {
+          ...input,
+          queryParams: { ...queryParams, after: endCursor },
+        };
+
+                  marko_web_load_more_trigger_tag(marko_assign({}, input.triggerInput, {
+                      appendTo: input.appendTo,
+                      maxPages: input.maxPages,
+                      expand: input.expand,
+                      pageNumber: pageNumber,
+                      provide: provide,
+                      show: hasNextPage
+                    }), out, __component, "5");
+                }
+              }), out, __component, "1");
+          }
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___type: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/load-more/index.marko",
+    component: "./",
+    tags: [
+      "../browser-component.marko",
+      "./trigger.marko",
+      "../page/container.marko",
+      "@parameter1/base-cms-marko-core/components/queries/index.marko"
+    ]
+  };

package/components/load-more/trigger.marko.js

@@ -0,0 +1,40 @@
+// 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.11.0/components/load-more/trigger.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    marko_web_browser_component_template = require("../browser-component.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_browser_component_tag = marko_loadTag(marko_web_browser_component_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { config } = out.global;
+
+  const props = {
+  ...input,
+  mountPoint: config.loadMoreMountPoint(),
+  appendTo: input.appendTo || ".document-container",
+};
+
+  if (input.show) {
+    marko_web_browser_component_tag({
+        name: "LoadMoreTrigger",
+        props: props
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/load-more/trigger.marko",
+    tags: [
+      "../browser-component.marko"
+    ]
+  };

package/components/node/body.marko.js

@@ -0,0 +1,112 @@
+// 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.11.0/components/node/body.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,
+    get = module_baseCmsObjectPath_module.get,
+    module_showElement = require("../element/show-element"),
+    showElement = module_showElement.default || module_showElement,
+    marko_assign = require("marko/src/runtime/helpers/assign"),
+    marko_web_node_header_template = require("./header.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_node_header_tag = marko_loadTag(marko_web_node_header_template),
+    marko_web_node_element_template = require("./element.marko"),
+    marko_web_node_element_tag = marko_loadTag(marko_web_node_element_template),
+    marko_forOf = require("marko/src/runtime/helpers/for-of"),
+    marko_web_node_footer_template = require("./footer.marko"),
+    marko_web_node_footer_tag = marko_loadTag(marko_web_node_footer_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const showHeader = showElement(get(input.header, "left")) || showElement(get(input.header, "right"));
+
+  const showTitle = showElement(input.title);
+
+  const showText = getAsArray(input.text).some(t => showElement(t));
+
+  const showFooter = showElement(get(input.footer, "left")) || showElement(get(input.footer, "right"));
+
+  const showBody = showHeader || showTitle || showText || showFooter;
+
+  if (showBody) {
+    marko_web_node_element_tag({
+        show: true,
+        tag: input.tag,
+        blockName: input.blockName,
+        name: "body",
+        modifiers: input.modifiers,
+        attrs: input.attrs,
+        renderBody: function(out) {
+          if (showHeader) {
+            marko_web_node_header_tag(marko_assign({}, input.header, {
+                modifiers: ["body", ...getAsArray(input, "header.modifiers")]
+              }), out, __component, "1");
+          }
+
+          if (showTitle || showText) {
+            marko_web_node_element_tag({
+                show: true,
+                tag: "div",
+                blockName: "node",
+                name: "contents",
+                modifiers: [
+                    "body"
+                  ],
+                renderBody: function(out) {
+                  if (showTitle) {
+                    marko_web_node_element_tag(marko_assign({
+                        show: true,
+                        tag: "div",
+                        blockName: "node",
+                        name: "title"
+                      }, input.title), out, __component, "3");
+                  }
+
+                  if (showText) {
+                    var $for$0 = 0;
+
+                    marko_forOf(input.text, function(text) {
+                      var $keyScope$0 = "[" + (($for$0++) + "]");
+
+                      if (showElement(text)) {
+                        marko_web_node_element_tag(marko_assign({
+                            show: true,
+                            tag: "div",
+                            blockName: "node",
+                            name: "text"
+                          }, text), out, __component, "4" + $keyScope$0);
+                      }
+                    });
+                  }
+                }
+              }, out, __component, "2");
+          }
+
+          if (showFooter) {
+            marko_web_node_footer_tag(marko_assign({}, input.footer, {
+                modifiers: ["body", ...getAsArray(input, "footer.modifiers")]
+              }), out, __component, "5");
+          }
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/node/body.marko",
+    tags: [
+      "./header.marko",
+      "./element.marko",
+      "./footer.marko"
+    ]
+  };

package/components/node/element.marko.js

@@ -0,0 +1,39 @@
+// 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.11.0/components/node/element.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    marko_assign = require("marko/src/runtime/helpers/assign"),
+    marko_web_element_template = require("../element"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_element_tag = marko_loadTag(marko_web_element_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const block = input.blockName || "node";
+
+  const show = input.show != null ? input.show : true;
+
+  if (show) {
+    marko_web_element_tag(marko_assign({
+        name: "default",
+        tag: "div"
+      }, input, {
+        blockName: block
+      }), out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/node/element.marko",
+    tags: [
+      "../element"
+    ]
+  };

package/components/node/footer.marko.js

@@ -0,0 +1,63 @@
+// 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.11.0/components/node/footer.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_assign = require("marko/src/runtime/helpers/assign"),
+    marko_web_node_element_template = require("./element.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_node_element_tag = marko_loadTag(marko_web_node_element_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const left = getAsObject(input, "left");
+
+  const right = getAsObject(input, "right");
+
+  marko_web_node_element_tag({
+      show: true,
+      tag: input.tag,
+      blockName: input.blockName,
+      name: "footer",
+      modifiers: input.modifiers,
+      attrs: input.attrs,
+      renderBody: function(out) {
+        if (left.renderBody) {
+          marko_web_node_element_tag(marko_assign({
+              show: true,
+              tag: "div",
+              blockName: "node"
+            }, left, {
+              name: "footer-left"
+            }), out, __component, "1");
+        }
+
+        if (right.renderBody) {
+          marko_web_node_element_tag(marko_assign({
+              show: true,
+              tag: "div",
+              blockName: "node"
+            }, right, {
+              name: "footer-right"
+            }), out, __component, "2");
+        }
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/node/footer.marko",
+    tags: [
+      "./element.marko"
+    ]
+  };

package/components/node/header.marko.js

@@ -0,0 +1,63 @@
+// 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.11.0/components/node/header.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_assign = require("marko/src/runtime/helpers/assign"),
+    marko_web_node_element_template = require("./element.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_node_element_tag = marko_loadTag(marko_web_node_element_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const left = getAsObject(input, "left");
+
+  const right = getAsObject(input, "right");
+
+  marko_web_node_element_tag({
+      show: true,
+      tag: input.tag,
+      blockName: input.blockName,
+      name: "header",
+      modifiers: input.modifiers,
+      attrs: input.attrs,
+      renderBody: function(out) {
+        if (left.renderBody) {
+          marko_web_node_element_tag(marko_assign({
+              show: true,
+              tag: "div",
+              blockName: "node"
+            }, left, {
+              name: "header-left"
+            }), out, __component, "1");
+        }
+
+        if (right.renderBody) {
+          marko_web_node_element_tag(marko_assign({
+              show: true,
+              tag: "div",
+              blockName: "node"
+            }, right, {
+              name: "header-right"
+            }), out, __component, "2");
+        }
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/node/header.marko",
+    tags: [
+      "./element.marko"
+    ]
+  };

package/components/node/image-inner-wrapper.marko.js

@@ -0,0 +1,116 @@
+// 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.11.0/components/node/image-inner-wrapper.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,
+    get = module_baseCmsObjectPath_module.get,
+    getAsObject = module_baseCmsObjectPath_module.getAsObject,
+    module_imageValues = require("./utils/image-values"),
+    imageValues = module_imageValues.default || module_imageValues,
+    module_imageHeight = require("./utils/image-height"),
+    imageHeight = module_imageHeight.default || module_imageHeight,
+    marko_assign = require("marko/src/runtime/helpers/assign"),
+    marko_web_node_image_template = require("./image.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_node_image_tag = marko_loadTag(marko_web_node_image_template),
+    marko_web_link_template = require("../element/link.marko"),
+    marko_web_link_tag = marko_loadTag(marko_web_link_template),
+    marko_mergeAttrs = require("marko/src/runtime/html/helpers/merge-attrs");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = input.blockName || "node";
+
+  const element = `${blockName}__image-inner-wrapper`;
+
+  const {
+  src,
+  alt,
+  isLogo,
+  lazyload,
+  imageAttrs,
+} = input;
+
+  const usePlaceholder = input.usePlaceholder == null ? true : input.usePlaceholder;
+
+  const hasImage = Boolean(src);
+
+  const hasLink = Boolean(get(input, "link.href"));
+
+  const isPlaceholder = !hasImage && usePlaceholder;
+
+  const { width, height, modifier } = imageValues(input);
+
+  const modifiers = [];
+
+  if (modifier) modifiers.push(modifier);
+
+  if (input.gradient) modifiers.push("gradient");
+
+  if (isPlaceholder) modifiers.push("placeholder");
+
+  const classNames = [element, ...modifiers.map(mod => `${element}--${mod}`), input.class];
+
+  const options = {
+  ...input.options,
+  w: input.width,
+  h: input.ar ? imageHeight(input.width, input.ar) : undefined,
+};
+
+  const imageInput = {
+  src,
+  alt,
+  width,
+  height,
+  options,
+  isLogo,
+  usePlaceholder,
+  lazyload,
+  attrs: imageAttrs,
+};
+
+  if (hasImage || usePlaceholder) {
+    if (hasLink) {
+      const linkAttrs = { ...input.attrs, ...getAsObject(input, "link.attrs") };
+
+      marko_web_link_tag(marko_assign({}, input.link, {
+          attrs: linkAttrs,
+          class: classNames,
+          renderBody: function(out) {
+            marko_web_node_image_tag(marko_assign({
+                lazyload: true
+              }, imageInput), out, __component, "1");
+          }
+        }), out, __component, "0");
+    } else {
+      out.w("<div" +
+        marko_mergeAttrs(input.attrs, {
+          class: classNames
+        }) +
+        ">");
+
+      marko_web_node_image_tag(marko_assign({
+          lazyload: true
+        }, imageInput), out, __component, "3");
+
+      out.w("</div>");
+    }
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/node/image-inner-wrapper.marko",
+    tags: [
+      "./image.marko",
+      "../element/link.marko"
+    ]
+  };

package/components/node/image-wrapper.marko.js

@@ -0,0 +1,98 @@
+// 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.11.0/components/node/image-wrapper.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,
+    module_imageValues = require("./utils/image-values"),
+    imageValues = module_imageValues.default || module_imageValues,
+    marko_assign = require("marko/src/runtime/helpers/assign"),
+    marko_web_node_image_inner_wrapper_template = require("./image-inner-wrapper.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_node_image_inner_wrapper_tag = marko_loadTag(marko_web_node_image_inner_wrapper_template),
+    marko_web_node_header_template = require("./header.marko"),
+    marko_web_node_header_tag = marko_loadTag(marko_web_node_header_template),
+    marko_web_node_body_template = require("./body.marko"),
+    marko_web_node_body_tag = marko_loadTag(marko_web_node_body_template),
+    marko_web_node_element_template = require("./element.marko"),
+    marko_web_node_element_tag = marko_loadTag(marko_web_node_element_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const usePlaceholder = input.usePlaceholder == null ? true : input.usePlaceholder;
+
+  const hasImage = Boolean(input.src);
+
+  const { width, height } = imageValues(input);
+
+  const style = [];
+
+  if (width) {
+  style.push(`width: ${input.width}px;`);
+  // Add min-width for IE11
+  style.push(`min-width: ${input.width}px;`);
+}
+
+  if (height) style.push(`height: ${height}px;`);
+
+  const { header, body, align } = input;
+
+  delete input.header;
+
+  delete input.body;
+
+  delete input.align;
+
+  const modifiers = [];
+
+  if (align) modifiers.push(`align-${align}`);
+
+  if (hasImage || usePlaceholder) {
+    marko_web_node_element_tag({
+        show: true,
+        tag: "div",
+        blockName: input.blockName,
+        name: "image-wrapper",
+        attrs: {
+            style: style
+          },
+        modifiers: modifiers,
+        renderBody: function(out) {
+          marko_web_node_image_inner_wrapper_tag(marko_assign({
+              lazyload: true
+            }, input), out, __component, "1");
+
+          if (header) {
+            marko_web_node_header_tag(marko_assign({}, header, {
+                modifiers: ["overlay", ...getAsArray(header, "modifiers")]
+              }), out, __component, "2");
+          }
+
+          if (body) {
+            marko_web_node_body_tag(marko_assign({}, body, {
+                modifiers: ["overlay", ...getAsArray(header, "modifiers")]
+              }), out, __component, "3");
+          }
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/node/image-wrapper.marko",
+    tags: [
+      "./image-inner-wrapper.marko",
+      "./header.marko",
+      "./body.marko",
+      "./element.marko"
+    ]
+  };