@asante-org/atlascopco-vt-litesitegenerator 3.6.13 → 3.6.15

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) {
@@ -2592,10 +2639,16 @@ var LsgNavigation = function (_a) {
         className: "lsg-nav__chevron",
         "aria-hidden": "true"
       }, /*#__PURE__*/React.createElement("svg", {
-        viewBox: "0 0 640 640",
+        viewBox: "0 0 10 5",
+        preserveAspectRatio: "xMidYMid meet",
         focusable: "false"
       }, /*#__PURE__*/React.createElement("path", {
-        d: "M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z"
+        d: "M1 0.5L5 4.5L9 0.5",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
       })))), hasChildren && renderItems(item.children || [], level + 1));
     }));
   };