@asante-org/atlascopco-vt-litesitegenerator 3.6.14 → 3.6.16

package/dist/index.esm.js

@@ -148,37 +148,80 @@ var LsgImage = function (_a) {
   var imageUrl = _a.imageUrl,
     _b = _a.imageAlt,
     imageAlt = _b === void 0 ? "" : _b,
-    _c = _a.tags,
-    tags = _c === void 0 ? [] : _c,
+    srcset = _a.srcset,
+    _c = _a.sources,
+    sources = _c === void 0 ? [] : _c,
+    width = _a.width,
+    height = _a.height,
+    srcUriTemplate = _a.srcUriTemplate,
+    _d = _a.lazyEnabled,
+    lazyEnabled = _d === void 0 ? true : _d,
+    _e = _a.displayPopupTitle,
+    displayPopupTitle = _e === void 0 ? false : _e,
+    id = _a.id,
+    dataLayer = _a.dataLayer,
+    assetId = _a.assetId,
+    dmImage = _a.dmImage,
+    _f = _a.tags,
+    tags = _f === void 0 ? [] : _f,
     title = _a.title,
     description = _a.description,
     caption = _a.caption,
     href = _a.href,
-    _d = _a.className,
-    className = _d === void 0 ? "" : _d;
+    _g = _a.className,
+    className = _g === void 0 ? "" : _g;
+  // Core Image v3 renders nothing without a src; the AEM LSG model gates on the
+  // same condition via `model.ready`.
+  if (!imageUrl) {
+    return null;
+  }
   var text = description !== null && description !== void 0 ? description : caption;
   var visibleTags = Array.isArray(tags) ? tags.filter(function (tag) {
     return Boolean(tag) && typeof tag.label === "string" && tag.label.trim().length > 0;
   }).slice(0, 3) : [];
-  var rootClass = ["lsg-image", className].filter(Boolean).join(" ");
+  var visibleSources = Array.isArray(sources) ? sources.filter(function (source) {
+    return Boolean(source) && typeof source.srcset === "string" && source.srcset.trim().length > 0;
+  }) : [];
+  var rootClass = ["lsg-image", "cmp-image", className].filter(Boolean).join(" ");
   var safeHref = href && isSafeUrl$1(href) ? href : undefined;
   var linkLabel = title ? "View ".concat(title) : "View image";
-  var showCaption = Boolean(title) || Boolean(text);
+  var showTitle = Boolean(title) && !displayPopupTitle;
+  var showCaption = showTitle || Boolean(text);
   return /*#__PURE__*/React.createElement("div", {
-    className: rootClass
+    className: rootClass,
+    id: id,
+    "data-cmp-data-layer": dataLayer,
+    "data-asset-id": assetId,
+    "data-cmp-dmimage": dmImage ? String(dmImage) : undefined,
+    itemScope: true,
+    itemType: "http://schema.org/ImageObject"
   }, /*#__PURE__*/React.createElement("div", {
     className: "lsg-image__media"
   }, /*#__PURE__*/React.createElement("div", {
     className: "lsg-image__picture"
-  }, imageUrl && /*#__PURE__*/React.createElement("img", {
-    className: "lsg-image__img",
+  }, /*#__PURE__*/React.createElement("picture", null, visibleSources.map(function (source, index) {
+    var _a;
+    return /*#__PURE__*/React.createElement("source", {
+      key: "".concat((_a = source.media) !== null && _a !== void 0 ? _a : "default", "-").concat(index),
+      media: source.media,
+      srcSet: source.srcset
+    });
+  }), /*#__PURE__*/React.createElement("img", {
+    className: "lsg-image__img cmp-image__image",
     src: imageUrl,
+    srcSet: visibleSources.length > 0 ? undefined : srcset,
     alt: imageAlt,
-    loading: "lazy"
-  })), safeHref && /*#__PURE__*/React.createElement("a", {
-    className: "lsg-image__link",
+    title: displayPopupTitle ? title : undefined,
+    width: width,
+    height: height,
+    "data-cmp-src": srcUriTemplate,
+    itemProp: "contentUrl",
+    loading: lazyEnabled ? "lazy" : undefined
+  }))), safeHref && /*#__PURE__*/React.createElement("a", {
+    className: "lsg-image__link cmp-image__link",
     href: safeHref,
-    "aria-label": linkLabel
+    "aria-label": linkLabel,
+    "data-cmp-clickable": dataLayer ? true : undefined
   }), visibleTags.length > 0 && /*#__PURE__*/React.createElement("div", {
     className: "lsg-image__tags"
   }, visibleTags.map(function (tag, index) {
@@ -188,11 +231,15 @@ var LsgImage = function (_a) {
     }, tag.label);
   }))), showCaption && /*#__PURE__*/React.createElement("div", {
     className: "lsg-image__caption"
-  }, title && /*#__PURE__*/React.createElement("p", {
-    className: "lsg-image__title"
+  }, showTitle && /*#__PURE__*/React.createElement("p", {
+    className: "lsg-image__title cmp-image__title",
+    itemProp: "caption"
   }, title), text && /*#__PURE__*/React.createElement("p", {
     className: "lsg-image__text"
-  }, text)));
+  }, text)), title && displayPopupTitle && /*#__PURE__*/React.createElement("meta", {
+    itemProp: "caption",
+    content: title
+  }));
 };
 
 function buildUrl(base, params) {
@@ -3003,6 +3050,7 @@ var LsgHeader = function (_a) {
     searchPlaceholder = _f === void 0 ? "Search products, documents..." : _f,
     _g = _a.variant,
     variant = _g === void 0 ? "simple" : _g,
+    size = _a.size,
     _h = _a.menuOpen,
     menuOpen = _h === void 0 ? false : _h,
     _j = _a.mobileLevel,
@@ -3194,7 +3242,7 @@ var LsgHeader = function (_a) {
     placeholder: searchPlaceholder
   }), /*#__PURE__*/React.createElement("header", {
     ref: headerRef,
-    className: ["lsg-header", "lsg-header--".concat(variant), menuOpen ? "lsg-header--menu-open" : "", "lsg-header--mobile-level-".concat(mobileLevel)].filter(Boolean).join(" ")
+    className: ["lsg-header", "lsg-header--".concat(variant), size ? "lsg-header--size-".concat(size) : "", menuOpen ? "lsg-header--menu-open" : "", "lsg-header--mobile-level-".concat(mobileLevel)].filter(Boolean).join(" ")
   }, /*#__PURE__*/React.createElement("div", {
     className: "lsg-header__inner"
   }, /*#__PURE__*/React.createElement("div", {