@asante-org/atlascopco-vt-litesitegenerator 3.0.28 → 3.0.30

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useId, useEffect, useCallback, useMemo, forwardRef, useImperativeHandle } from 'react';
+import React, { useState, useRef, useEffect, useId, useCallback, useMemo, forwardRef, useImperativeHandle } from 'react';
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -136,1706 +136,598 @@ var LsgBanner = function (_a) {
   })))));
 };
 
-function cardVariantClass(variant) {
-  switch (variant) {
-    case "onlyText":
-      return "lsg-card--only-text";
-    case "withIcon":
-      return "lsg-card--with-icon";
-    case "withImage":
-    default:
-      return "lsg-card--with-image";
+function isSafeUrl$1(url) {
+  if (!url) return false;
+  var lower = url.toLowerCase().trim();
+  if (lower.startsWith("javascript:") || lower.startsWith("data:") || lower.startsWith("vbscript:")) {
+    return false;
   }
+  return lower.startsWith("/") || lower.startsWith("http://") || lower.startsWith("https://") || lower.startsWith("mailto:") || lower.startsWith("tel:") || !lower.includes(":");
 }
-var LsgCard = function (_a) {
-  var _b;
-  var title = _a.title,
-    preTitle = _a.preTitle,
-    subtitle = _a.subtitle,
+var LsgImage = function (_a) {
+  var imageUrl = _a.imageUrl,
+    _b = _a.imageAlt,
+    imageAlt = _b === void 0 ? "" : _b,
+    _c = _a.tags,
+    tags = _c === void 0 ? [] : _c,
+    title = _a.title,
     description = _a.description,
-    imageUrl = _a.imageUrl,
-    _c = _a.imageAlt,
-    imageAlt = _c === void 0 ? "" : _c,
-    iconUrl = _a.iconUrl,
-    _d = _a.iconAlt,
-    iconAlt = _d === void 0 ? "" : _d,
+    caption = _a.caption,
     href = _a.href,
-    cta = _a.cta,
-    _e = _a.variant,
-    variant = _e === void 0 ? "withImage" : _e,
-    className = _a.className;
-  var resolvedIconUrl = iconUrl !== null && iconUrl !== void 0 ? iconUrl : imageUrl;
-  var actionLabel = (_b = cta === null || cta === void 0 ? void 0 : cta.label) !== null && _b !== void 0 ? _b : "Read more";
-  var cardClassName = ["lsg-card", cardVariantClass(variant), className].filter(Boolean).join(" ");
-  var content = /*#__PURE__*/React.createElement(React.Fragment, null, variant === "withImage" && imageUrl && /*#__PURE__*/React.createElement("div", {
-    className: "lsg-card__media"
-  }, /*#__PURE__*/React.createElement("img", {
+    _d = _a.className,
+    className = _d === void 0 ? "" : _d;
+  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 safeHref = href && isSafeUrl$1(href) ? href : undefined;
+  var linkLabel = title ? "View ".concat(title) : "View image";
+  var showCaption = Boolean(title) || Boolean(text);
+  return /*#__PURE__*/React.createElement("div", {
+    className: rootClass
+  }, /*#__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",
     src: imageUrl,
     alt: imageAlt,
     loading: "lazy"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "lsg-card__content"
-  }, variant === "withIcon" && resolvedIconUrl && /*#__PURE__*/React.createElement("div", {
-    className: "lsg-card__icon",
-    "aria-hidden": iconAlt ? undefined : true
-  }, /*#__PURE__*/React.createElement("img", {
-    src: resolvedIconUrl,
-    alt: iconAlt,
-    loading: "lazy"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "lsg-card__top"
-  }, preTitle && /*#__PURE__*/React.createElement("span", {
-    className: "lsg-card__pre-title"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "lsg-card__pre-title-dot",
-    "aria-hidden": "true"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "lsg-card__pre-title-text"
-  }, preTitle), /*#__PURE__*/React.createElement("span", {
-    className: "lsg-card__pre-title-arrow",
-    "aria-hidden": "true"
-  }, "\u2192")), /*#__PURE__*/React.createElement("h3", {
-    className: "lsg-card__title"
-  }, title), subtitle && /*#__PURE__*/React.createElement("h4", {
-    className: "lsg-card__subtitle"
-  }, subtitle)), /*#__PURE__*/React.createElement("div", {
-    className: "lsg-card__bottom"
-  }, description && /*#__PURE__*/React.createElement("p", {
-    className: "lsg-card__description"
-  }, description), (href || cta) && (href ? /*#__PURE__*/React.createElement("span", {
-    className: "lsg-card__cta",
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "lsg-card__cta-label"
-  }, actionLabel), /*#__PURE__*/React.createElement("span", {
-    className: "lsg-card__cta-arrow",
-    "aria-hidden": "true"
-  }, "\u2192")) : /*#__PURE__*/React.createElement("a", {
-    className: "lsg-card__cta",
-    href: cta === null || cta === void 0 ? void 0 : cta.href,
-    target: (cta === null || cta === void 0 ? void 0 : cta.external) ? "_blank" : undefined,
-    rel: (cta === null || cta === void 0 ? void 0 : cta.external) ? "noreferrer noopener" : undefined
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "lsg-card__cta-label"
-  }, actionLabel), /*#__PURE__*/React.createElement("span", {
-    className: "lsg-card__cta-arrow",
-    "aria-hidden": "true"
-  }, "\u2192"))))));
-  return /*#__PURE__*/React.createElement("article", {
-    className: cardClassName,
-    "data-lsg-card-variant": variant
-  }, href ? /*#__PURE__*/React.createElement("a", {
-    href: href,
-    className: "lsg-card__link",
-    "aria-label": title
-  }, content) : /*#__PURE__*/React.createElement("div", {
-    className: "lsg-card__link"
-  }, content));
-};
-/** Renders the AEM/Storybook compatible responsive card grid. */
-var LsgCards = function (_a) {
-  var cards = _a.cards,
-    _b = _a.columns,
-    columns = _b === void 0 ? 3 : _b,
-    className = _a.className;
-  var listClassName = ["lsg-cards", "lsg-cards--cols-".concat(columns), className].filter(Boolean).join(" ");
-  return /*#__PURE__*/React.createElement("ul", {
-    className: listClassName,
-    "data-columns": columns
-  }, cards.map(function (card, index) {
-    var _a, _b, _c;
-    return /*#__PURE__*/React.createElement("li", {
-      className: "lsg-cards__item",
-      key: (_c = (_a = card.href) !== null && _a !== void 0 ? _a : (_b = card.cta) === null || _b === void 0 ? void 0 : _b.href) !== null && _c !== void 0 ? _c : "".concat(card.title, "-").concat(index)
-    }, /*#__PURE__*/React.createElement(LsgCard, card));
-  }));
-};
-
-var LSG_ICON_PATHS = {
-  bars: "M96 160C96 142.3 110.3 128 128 128L512 128C529.7 128 544 142.3 544 160C544 177.7 529.7 192 512 192L128 192C110.3 192 96 177.7 96 160zM96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320zM544 480C544 497.7 529.7 512 512 512L128 512C110.3 512 96 497.7 96 480C96 462.3 110.3 448 128 448L512 448C529.7 448 544 462.3 544 480z",
-  chevronLeft: "M169.4 297.4C156.9 309.9 156.9 330.2 169.4 342.7L361.4 534.7C373.9 547.2 394.2 547.2 406.7 534.7C419.2 522.2 419.2 501.9 406.7 489.4L237.3 320L406.6 150.6C419.1 138.1 419.1 117.8 406.6 105.3C394.1 92.8 373.8 92.8 361.3 105.3L169.3 297.3z",
-  chevronRight: "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",
-  close: "M504.6 148.5C515.9 134.9 514.1 114.7 500.5 103.4C486.9 92.1 466.7 93.9 455.4 107.5L320 270L184.6 107.5C173.3 93.9 153.1 92.1 139.5 103.4C125.9 114.7 124.1 134.9 135.4 148.5L278.3 320L135.4 491.5C124.1 505.1 125.9 525.3 139.5 536.6C153.1 547.9 173.3 546.1 184.6 532.5L320 370L455.4 532.5C466.7 546.1 486.9 547.9 500.5 536.6C514.1 525.3 515.9 505.1 504.6 491.5L361.7 320L504.6 148.5z",
-  globe: "M367.2 477C345.7 520.7 325.8 528 320 528C314.2 528 294.3 520.7 272.8 477C255.8 442.5 243.6 395.4 240.7 344L399.3 344C396.3 395.5 384.1 442.6 367.2 477zM399.3 296L240.7 296C243.7 244.5 255.9 197.4 272.8 163C294.3 119.3 314.2 112 320 112C325.8 112 345.7 119.3 367.2 163C384.2 197.5 396.4 244.6 399.3 296zM447.4 344L526.6 344C518 418.6 469.9 481.3 403.8 510.4C427.8 467.6 444.1 408 447.4 344zM526.6 296L447.4 296C444.1 232 427.8 172.4 403.8 129.6C469.9 158.8 518 221.4 526.6 296zM192.6 296L113.4 296C122 221.4 170.1 158.7 236.2 129.6C212.2 172.4 195.9 232 192.6 296zM113.4 344L192.6 344C195.9 408 212.2 467.6 236.2 510.4C170.1 481.2 122 418.6 113.4 344zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576z",
-  home: "M96 320L320 128L544 320H480V528H352V384H288V528H160V320H96z",
-  search: "M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z"
-};
-
-var LsgIcon = function (_a) {
-  var name = _a.name,
-    className = _a.className;
-  return /*#__PURE__*/React.createElement("svg", {
-    className: className,
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 640 640",
-    "aria-hidden": "true",
-    focusable: "false"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: LSG_ICON_PATHS[name]
-  }));
+  })), safeHref && /*#__PURE__*/React.createElement("a", {
+    className: "lsg-image__link",
+    href: safeHref,
+    "aria-label": linkLabel
+  }), visibleTags.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-image__tags"
+  }, visibleTags.map(function (tag, index) {
+    return /*#__PURE__*/React.createElement("span", {
+      key: "".concat(tag.label, "-").concat(index),
+      className: "lsg-image__tag"
+    }, tag.label);
+  }))), showCaption && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-image__caption"
+  }, title && /*#__PURE__*/React.createElement("p", {
+    className: "lsg-image__title"
+  }, title), text && /*#__PURE__*/React.createElement("p", {
+    className: "lsg-image__text"
+  }, text)));
 };
 
-function isSafeHref(href) {
-  if (!href) return false;
-  var value = href.trim().toLowerCase();
-  if (value.startsWith("javascript:") || value.startsWith("data:") || value.startsWith("vbscript:")) {
-    return false;
+function buildUrl(base, params) {
+  try {
+    var url_1 = new URL(base);
+    Object.keys(params).forEach(function (key) {
+      return url_1.searchParams.set(key, params[key]);
+    });
+    return url_1.toString();
+  } catch (_a) {
+    return base;
   }
-  return value.startsWith("/") || value.startsWith("#") || value.startsWith("http://") || value.startsWith("https://") || !value.includes(":");
 }
-var BreadcrumbSeparator = function () {
-  return /*#__PURE__*/React.createElement("li", {
-    className: "lsg-breadcrumb__separator",
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement(LsgIcon, {
-    name: "chevronRight",
-    className: "lsg-breadcrumb__separator-icon"
-  }));
-};
-var LsgBreadcrumb = function (_a) {
-  var _b = _a.items,
-    items = _b === void 0 ? [] : _b,
-    _c = _a.showBreadcrumbs,
-    showBreadcrumbs = _c === void 0 ? true : _c,
-    _d = _a.includeHome,
-    includeHome = _d === void 0 ? true : _d,
-    _e = _a.homeHref,
-    homeHref = _e === void 0 ? "/" : _e,
-    _f = _a.homeLabel,
-    homeLabel = _f === void 0 ? "Home" : _f,
-    _g = _a.className,
-    className = _g === void 0 ? "" : _g;
-  if (!showBreadcrumbs) return null;
-  var visibleItems = Array.isArray(items) ? items.filter(function (item) {
-    return Boolean(item) && typeof item.label === "string" && item.label.trim().length > 0;
-  }) : [];
-  if (!includeHome && visibleItems.length === 0) return null;
-  var rootClassName = ["lsg-breadcrumb", className].filter(Boolean).join(" ");
-  var safeHomeHref = isSafeHref(homeHref) ? homeHref : "/";
-  return /*#__PURE__*/React.createElement("nav", {
-    className: rootClassName,
-    "aria-label": "Breadcrumb"
-  }, /*#__PURE__*/React.createElement("ol", {
-    className: "lsg-breadcrumb__list"
-  }, includeHome && /*#__PURE__*/React.createElement("li", {
-    className: "lsg-breadcrumb__item lsg-breadcrumb__item--home"
-  }, /*#__PURE__*/React.createElement("a", {
-    className: "lsg-breadcrumb__home",
-    href: safeHomeHref,
-    "aria-label": homeLabel
-  }, /*#__PURE__*/React.createElement(LsgIcon, {
-    name: "home",
-    className: "lsg-breadcrumb__home-icon"
-  }))), visibleItems.map(function (item, index) {
-    var isCurrent = index === visibleItems.length - 1;
-    var safeHref = isSafeHref(item.href) ? item.href : undefined;
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: "".concat(item.label, "-").concat(index)
-    }, (includeHome || index > 0) && /*#__PURE__*/React.createElement(BreadcrumbSeparator, null), /*#__PURE__*/React.createElement("li", {
-      className: ["lsg-breadcrumb__item", isCurrent ? "lsg-breadcrumb__item--current" : "lsg-breadcrumb__item--ancestor"].join(" ")
-    }, isCurrent ? /*#__PURE__*/React.createElement("span", {
-      className: "lsg-breadcrumb__current",
-      "aria-current": "page"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "lsg-breadcrumb__current-marker",
-      "aria-hidden": "true"
-    }), /*#__PURE__*/React.createElement("span", {
-      className: "lsg-breadcrumb__label"
-    }, item.label)) : safeHref ? /*#__PURE__*/React.createElement("a", {
-      className: "lsg-breadcrumb__link",
-      href: safeHref
-    }, item.label) : /*#__PURE__*/React.createElement("span", {
-      className: "lsg-breadcrumb__ancestor"
-    }, item.label)));
-  })));
+function getEmbedInfo(videoUrl, opts) {
+  if (!videoUrl || typeof videoUrl !== "string") return null;
+  try {
+    var url = new URL(videoUrl);
+    var host = url.hostname.replace(/^www\./, "");
+    var path = url.pathname;
+    if (host === "youtube.com" || host === "youtube-nocookie.com" || host === "youtu.be") {
+      var id = null;
+      if (host === "youtu.be") {
+        id = path.slice(1);
+      } else if (path.startsWith("/embed/") || path.startsWith("/shorts/")) {
+        id = path.split("/")[2];
+      } else if (path === "/watch") {
+        id = url.searchParams.get("v");
+      }
+      if (id && /^[A-Za-z0-9_-]{11}$/.test(id)) {
+        var params = {
+          autoplay: opts.autoplay ? "1" : "0",
+          mute: opts.muted ? "1" : "0",
+          controls: opts.controls ? "1" : "0",
+          rel: "0"
+        };
+        if (opts.loop) {
+          params.loop = "1";
+          params.playlist = id;
+        }
+        var baseHost = host === "youtube-nocookie.com" ? "youtube-nocookie.com" : "youtube.com";
+        return {
+          provider: "youtube",
+          embedUrl: buildUrl("https://www.".concat(baseHost, "/embed/").concat(id), params)
+        };
+      }
+    }
+    if (host === "vimeo.com" || host === "player.vimeo.com") {
+      var id = null;
+      if (host === "player.vimeo.com" && path.startsWith("/video/")) {
+        id = path.split("/")[2];
+      } else {
+        var match = path.match(/^\/(\d+)$/);
+        if (match) id = match[1];
+      }
+      if (id && /^\d+$/.test(id)) {
+        var params = {
+          autoplay: opts.autoplay ? "1" : "0",
+          muted: opts.muted ? "1" : "0",
+          loop: opts.loop ? "1" : "0",
+          controls: opts.controls ? "1" : "0"
+        };
+        return {
+          provider: "vimeo",
+          embedUrl: buildUrl("https://player.vimeo.com/video/".concat(id), params)
+        };
+      }
+    }
+  } catch (_a) {
+    return null;
+  }
+  return null;
+}
+function isSafeUrl(url) {
+  if (!url) return false;
+  var lower = url.toLowerCase().trim();
+  if (lower.startsWith("javascript:") || lower.startsWith("data:") || lower.startsWith("vbscript:")) return false;
+  return lower.startsWith("/") || lower.startsWith("http://") || lower.startsWith("https://") || lower.startsWith("mailto:") || lower.startsWith("tel:") || !lower.includes(":");
+}
+var PlayIcon = /*#__PURE__*/React.createElement("svg", {
+  className: "lsg-video__play-svg",
+  width: "60",
+  height: "60",
+  viewBox: "0 0 60 60",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true",
+  focusable: "false"
+}, /*#__PURE__*/React.createElement("circle", {
+  cx: "30",
+  cy: "30",
+  r: "30",
+  fill: "currentColor",
+  fillOpacity: "0.15"
+}), /*#__PURE__*/React.createElement("polygon", {
+  points: "24,18 46,30 24,42",
+  fill: "currentColor"
+}));
+var LsgVideo = function (_a) {
+  var imageUrl = _a.imageUrl,
+    _b = _a.imageAlt,
+    imageAlt = _b === void 0 ? "" : _b,
+    _c = _a.tags,
+    tags = _c === void 0 ? [] : _c,
+    title = _a.title,
+    caption = _a.caption,
+    href = _a.href,
+    onPlay = _a.onPlay,
+    videoUrl = _a.videoUrl,
+    _d = _a.autoplay,
+    autoplay = _d === void 0 ? false : _d,
+    _e = _a.loop,
+    loop = _e === void 0 ? false : _e,
+    _f = _a.muted,
+    muted = _f === void 0 ? false : _f,
+    _g = _a.controls,
+    controls = _g === void 0 ? true : _g,
+    _h = _a.displayMode,
+    displayMode = _h === void 0 ? "content" : _h,
+    _j = _a.showTags,
+    showTags = _j === void 0 ? true : _j,
+    _k = _a.className,
+    className = _k === void 0 ? "" : _k;
+  var _l = useState(false),
+    isRevealed = _l[0],
+    setIsRevealed = _l[1];
+  var hasVideoSource = typeof videoUrl === "string" && videoUrl.length > 0;
+  var embedInfo = hasVideoSource ? getEmbedInfo(videoUrl, {
+    autoplay: autoplay,
+    loop: loop,
+    muted: muted,
+    controls: controls
+  }) : null;
+  var isEmbed = embedInfo !== null;
+  var isNativeSource = hasVideoSource && !isEmbed;
+  var showMedia = hasVideoSource && (autoplay || isRevealed);
+  var visibleTags = showTags && Array.isArray(tags) ? tags.filter(function (tag) {
+    return Boolean(tag) && typeof tag.label === "string" && tag.label.trim().length > 0;
+  }).slice(0, 3) : [];
+  var handleActivate = function (e) {
+    if (hasVideoSource) {
+      e.preventDefault();
+      setIsRevealed(true);
+      onPlay === null || onPlay === void 0 ? void 0 : onPlay();
+      return;
+    }
+    if (href && isSafeUrl(href)) return;
+    if (onPlay) {
+      e.preventDefault();
+      onPlay();
+    }
+  };
+  var playLabel = title ? "Play ".concat(title) : "Play video";
+  var rootClass = ["lsg-video", "lsg-video--".concat(displayMode), className].filter(Boolean).join(" ");
+  var showCaption = Boolean(title) || Boolean(caption);
+  var renderPlayControl = function () {
+    if (hasVideoSource) {
+      return /*#__PURE__*/React.createElement("button", {
+        type: "button",
+        className: "lsg-video__play",
+        "aria-label": playLabel,
+        onClick: handleActivate
+      }, PlayIcon);
+    }
+    if (href && isSafeUrl(href)) {
+      return /*#__PURE__*/React.createElement("a", {
+        href: href,
+        className: "lsg-video__play",
+        "aria-label": playLabel,
+        onClick: handleActivate
+      }, PlayIcon);
+    }
+    return /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      className: "lsg-video__play",
+      "aria-label": playLabel,
+      onClick: handleActivate
+    }, PlayIcon);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: rootClass
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-video__media"
+  }, showMedia ? isEmbed ? /*#__PURE__*/React.createElement("div", {
+    className: "lsg-video__embed"
+  }, /*#__PURE__*/React.createElement("iframe", {
+    className: "lsg-video__iframe",
+    src: embedInfo.embedUrl,
+    title: title || "Video",
+    allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+    referrerPolicy: "strict-origin-when-cross-origin",
+    allowFullScreen: true,
+    loading: "lazy"
+  })) : isNativeSource &&
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/media-has-caption
+  React.createElement("video", {
+    className: "lsg-video__native",
+    poster: imageUrl || undefined,
+    controls: controls,
+    autoPlay: true,
+    loop: loop,
+    muted: muted,
+    playsInline: true
+  }, /*#__PURE__*/React.createElement("source", {
+    src: videoUrl
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-video__poster"
+  }, imageUrl && /*#__PURE__*/React.createElement("img", {
+    className: "lsg-video__poster-img",
+    src: imageUrl,
+    alt: imageAlt,
+    loading: "lazy"
+  })), visibleTags.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-video__tags"
+  }, visibleTags.map(function (tag, i) {
+    return /*#__PURE__*/React.createElement("span", {
+      key: "".concat(tag.label, "-").concat(i),
+      className: "lsg-video__tag"
+    }, tag.label);
+  })), renderPlayControl()), showCaption && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-video__caption"
+  }, title && /*#__PURE__*/React.createElement("p", {
+    className: "lsg-video__title"
+  }, title), caption && /*#__PURE__*/React.createElement("p", {
+    className: "lsg-video__text"
+  }, caption))));
 };
 
-var LsgLogo = function (_a) {
-  var src = _a.src,
-    _b = _a.alt,
-    alt = _b === void 0 ? "Logo" : _b,
-    _c = _a.href,
-    href = _c === void 0 ? "/" : _c,
-    width = _a.width,
-    _d = _a.height,
-    height = _d === void 0 ? 40 : _d,
-    _e = _a.text,
-    text = _e === void 0 ? "Atlas Copco" : _e;
-  var content = src ? /*#__PURE__*/React.createElement("img", {
-    src: src,
-    alt: alt,
-    width: width,
-    height: height,
-    className: "lsg-logo__image"
-  }) : /*#__PURE__*/React.createElement("span", {
-    className: "lsg-logo__text"
-  }, text);
-  return /*#__PURE__*/React.createElement("a", {
-    href: href,
-    className: "lsg-logo",
-    "aria-label": src ? alt : undefined
-  }, content);
-};
-
-var LsgNavigation = function (_a) {
-  var items = _a.items,
-    _b = _a.label,
-    label = _b === void 0 ? "Main navigation" : _b,
-    _c = _a.variant,
-    variant = _c === void 0 ? "simple" : _c,
-    onItemClick = _a.onItemClick,
-    onItemHover = _a.onItemHover;
-  var renderItems = function (navItems, level) {
-    if (level === void 0) {
-      level = 0;
-    }
-    return /*#__PURE__*/React.createElement("ul", {
-      className: level === 0 ? "lsg-nav__list" : "lsg-nav__dropdown",
-      role: "list"
-    }, navItems.map(function (item) {
-      var _a;
-      var hasChildren = Boolean((_a = item.children) === null || _a === void 0 ? void 0 : _a.length);
-      return /*#__PURE__*/React.createElement("li", {
-        key: "".concat(item.href, "-").concat(level),
-        className: ["lsg-nav__item", hasChildren ? "lsg-nav__item--has-children" : "", item.open ? "lsg-nav__item--open" : ""].filter(Boolean).join(" "),
-        onMouseEnter: function () {
-          if (onItemHover && hasChildren) {
-            onItemHover(item, level);
-          }
-        }
-      }, /*#__PURE__*/React.createElement("a", {
-        href: item.href,
-        onClick: function (event) {
-          if (onItemClick && hasChildren) {
-            event.preventDefault();
-            onItemClick(item, level);
-          }
-        },
-        className: ["lsg-nav__link", item.current ? "lsg-nav__link--current" : ""].filter(Boolean).join(" "),
-        "aria-current": item.current ? "page" : undefined,
-        "aria-expanded": variant === "dropdown" && hasChildren ? item.open : undefined
-      }, /*#__PURE__*/React.createElement("p", null, item.label), hasChildren && /*#__PURE__*/React.createElement("span", {
-        className: "lsg-nav__chevron",
-        "aria-hidden": "true"
-      }, /*#__PURE__*/React.createElement("svg", {
-        viewBox: "0 0 640 640",
-        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"
-      })))), hasChildren && renderItems(item.children || [], level + 1));
-    }));
+function isNumber$1(subject) {
+  return typeof subject === 'number';
+}
+function isString(subject) {
+  return typeof subject === 'string';
+}
+function isBoolean(subject) {
+  return typeof subject === 'boolean';
+}
+function isObject(subject) {
+  return Object.prototype.toString.call(subject) === '[object Object]';
+}
+function mathAbs(n) {
+  return Math.abs(n);
+}
+function mathSign(n) {
+  return Math.sign(n);
+}
+function deltaAbs(valueB, valueA) {
+  return mathAbs(valueB - valueA);
+}
+function factorAbs(valueB, valueA) {
+  if (valueB === 0 || valueA === 0) return 0;
+  if (mathAbs(valueB) <= mathAbs(valueA)) return 0;
+  const diff = deltaAbs(mathAbs(valueB), mathAbs(valueA));
+  return mathAbs(diff / valueB);
+}
+function roundToTwoDecimals(num) {
+  return Math.round(num * 100) / 100;
+}
+function arrayKeys(array) {
+  return objectKeys(array).map(Number);
+}
+function arrayLast(array) {
+  return array[arrayLastIndex(array)];
+}
+function arrayLastIndex(array) {
+  return Math.max(0, array.length - 1);
+}
+function arrayIsLastIndex(array, index) {
+  return index === arrayLastIndex(array);
+}
+function arrayFromNumber(n, startAt = 0) {
+  return Array.from(Array(n), (_, i) => startAt + i);
+}
+function objectKeys(object) {
+  return Object.keys(object);
+}
+function objectsMergeDeep(objectA, objectB) {
+  return [objectA, objectB].reduce((mergedObjects, currentObject) => {
+    objectKeys(currentObject).forEach(key => {
+      const valueA = mergedObjects[key];
+      const valueB = currentObject[key];
+      const areObjects = isObject(valueA) && isObject(valueB);
+      mergedObjects[key] = areObjects ? objectsMergeDeep(valueA, valueB) : valueB;
+    });
+    return mergedObjects;
+  }, {});
+}
+function isMouseEvent(evt, ownerWindow) {
+  return typeof ownerWindow.MouseEvent !== 'undefined' && evt instanceof ownerWindow.MouseEvent;
+}
+function Alignment(align, viewSize) {
+  const predefined = {
+    start,
+    center,
+    end
   };
-  return /*#__PURE__*/React.createElement("nav", {
-    className: ["lsg-nav", "lsg-nav--".concat(variant)].join(" "),
-    "aria-label": label
-  }, renderItems(items));
-};
-
-var ChevronIcon = function () {
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 12 12",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true",
-    focusable: "false"
-  }, /*#__PURE__*/React.createElement("polyline", {
-    points: "2 4 6 8 10 4"
-  }));
-};
-/**
- * Language Switcher
- *
- * Hydrated: state managed by React (useState).
- * Clientlib-only: driven by lsg-clientlib.js targeting [data-lsg-lang-switcher].
- */
-var LsgLanguageSwitcher = function (_a) {
-  var currentLanguage = _a.currentLanguage,
-    languages = _a.languages,
-    _b = _a.label,
-    label = _b === void 0 ? "Select language" : _b,
-    onLanguageChange = _a.onLanguageChange;
-  var _c = useState(false),
-    isOpen = _c[0],
-    setIsOpen = _c[1];
-  var containerRef = useRef(null);
-  var reactId = useId();
-  var triggerId = "lsg-lang-trigger-".concat(reactId);
-  var dropdownId = "lsg-lang-dropdown-".concat(reactId);
-  // Close on outside click
-  useEffect(function () {
-    if (!isOpen) return;
-    var handleClick = function (e) {
-      if (containerRef.current && !containerRef.current.contains(e.target)) {
-        setIsOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClick);
-    return function () {
-      return document.removeEventListener("mousedown", handleClick);
-    };
-  }, [isOpen]);
-  // Close on Escape
-  useEffect(function () {
-    if (!isOpen) return;
-    var handleKey = function (e) {
-      if (e.key === "Escape") setIsOpen(false);
-    };
-    document.addEventListener("keydown", handleKey);
-    return function () {
-      return document.removeEventListener("keydown", handleKey);
-    };
-  }, [isOpen]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "lsg-lang-switcher",
-    ref: containerRef,
-    "data-lsg-lang-switcher": true
-  }, /*#__PURE__*/React.createElement("button", {
-    id: triggerId,
-    type: "button",
-    className: "lsg-lang-switcher__trigger",
-    "aria-label": label,
-    "aria-haspopup": "listbox",
-    "aria-expanded": isOpen,
-    "aria-controls": dropdownId,
-    onClick: function () {
-      return setIsOpen(function (prev) {
-        return !prev;
-      });
+  function start() {
+    return 0;
+  }
+  function center(n) {
+    return end(n) / 2;
+  }
+  function end(n) {
+    return viewSize - n;
+  }
+  function measure(n, index) {
+    if (isString(align)) return predefined[align](n);
+    return align(viewSize, n, index);
+  }
+  const self = {
+    measure
+  };
+  return self;
+}
+function EventStore() {
+  let listeners = [];
+  function add(node, type, handler, options = {
+    passive: true
+  }) {
+    let removeListener;
+    if ('addEventListener' in node) {
+      node.addEventListener(type, handler, options);
+      removeListener = () => node.removeEventListener(type, handler, options);
+    } else {
+      const legacyMediaQueryList = node;
+      legacyMediaQueryList.addListener(handler);
+      removeListener = () => legacyMediaQueryList.removeListener(handler);
     }
-  }, /*#__PURE__*/React.createElement(LsgIcon, {
-    name: "globe",
-    className: "lsg-lang-switcher__globe"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "lsg-lang-switcher__current"
-  }, currentLanguage), /*#__PURE__*/React.createElement(ChevronIcon, null)), isOpen && /*#__PURE__*/React.createElement("ul", {
-    id: dropdownId,
-    className: "lsg-lang-switcher__dropdown",
-    role: "listbox",
-    "aria-labelledby": triggerId
-  }, languages.map(function (lang) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: lang.code,
-      className: "lsg-lang-switcher__option",
-      role: "option"
-    }, /*#__PURE__*/React.createElement("a", {
-      href: lang.href,
-      className: ["lsg-lang-switcher__option-link", lang.code === currentLanguage ? "lsg-lang-switcher__option-link--active" : ""].filter(Boolean).join(" "),
-      "aria-current": lang.code === currentLanguage ? true : undefined,
-      onClick: function (event) {
-        if (!onLanguageChange) return;
-        event.preventDefault();
-        onLanguageChange(lang);
-        setIsOpen(false);
-      }
-    }, lang.label));
-  })));
-};
-
-var SearchIcon$1 = function () {
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true",
-    focusable: "false"
-  }, /*#__PURE__*/React.createElement("circle", {
-    cx: "11",
-    cy: "11",
-    r: "8"
-  }), /*#__PURE__*/React.createElement("line", {
-    x1: "21",
-    y1: "21",
-    x2: "16.65",
-    y2: "16.65"
-  }));
-};
-var LsgSearchTrigger = function (_a) {
-  var _b = _a.label,
-    label = _b === void 0 ? "Open search" : _b,
-    targetId = _a.targetId,
-    onClick = _a.onClick;
-  return /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: "lsg-search-trigger",
-    "aria-label": label,
-    "aria-haspopup": "dialog",
-    "aria-controls": targetId,
-    onClick: onClick,
-    "data-lsg-search-trigger": true
-  }, /*#__PURE__*/React.createElement(SearchIcon$1, null));
-};
-
-var SearchIcon = function () {
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true",
-    focusable: "false"
-  }, /*#__PURE__*/React.createElement("circle", {
-    cx: "11",
-    cy: "11",
-    r: "8"
-  }), /*#__PURE__*/React.createElement("line", {
-    x1: "21",
-    y1: "21",
-    x2: "16.65",
-    y2: "16.65"
-  }));
-};
-var CloseIcon = function () {
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true",
-    focusable: "false"
-  }, /*#__PURE__*/React.createElement("line", {
-    x1: "18",
-    y1: "6",
-    x2: "6",
-    y2: "18"
-  }), /*#__PURE__*/React.createElement("line", {
-    x1: "6",
-    y1: "6",
-    x2: "18",
-    y2: "18"
-  }));
-};
-/**
- * Search Overlay
- *
- * Hydrated: isOpen/onClose controlled by parent (e.g. LsgHeader).
- * Clientlib-only: driven by lsg-clientlib.js targeting [data-lsg-search-overlay].
- * The CSS class lsg-search-overlay--open drives visibility in both modes.
- */
-var LsgSearchOverlay = function (_a) {
-  var _b = _a.id,
-    id = _b === void 0 ? "lsg-search-overlay" : _b,
-    _c = _a.placeholder,
-    placeholder = _c === void 0 ? "Search…" : _c,
-    _d = _a.label,
-    label = _d === void 0 ? "Search" : _d,
-    _e = _a.isOpen,
-    isOpen = _e === void 0 ? false : _e,
-    onClose = _a.onClose,
-    onSearch = _a.onSearch;
-  var inputRef = useRef(null);
-  var inputId = "".concat(id, "-input");
-  // Focus the input when overlay opens
-  useEffect(function () {
-    var _a;
-    if (isOpen) (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-  }, [isOpen]);
-  // Close on Escape
-  useEffect(function () {
-    if (!isOpen) return;
-    var handleKey = function (e) {
-      if (e.key === "Escape") onClose === null || onClose === void 0 ? void 0 : onClose();
-    };
-    document.addEventListener("keydown", handleKey);
-    return function () {
-      return document.removeEventListener("keydown", handleKey);
-    };
-  }, [isOpen, onClose]);
-  var handleSubmit = function (e) {
-    var _a, _b;
-    e.preventDefault();
-    var query = (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "";
-    if (query.trim()) onSearch === null || onSearch === void 0 ? void 0 : onSearch(query.trim());
+    listeners.push(removeListener);
+    return self;
+  }
+  function clear() {
+    listeners = listeners.filter(remove => remove());
+  }
+  const self = {
+    add,
+    clear
   };
-  var overlayClass = ["lsg-search-overlay", isOpen ? "lsg-search-overlay--open" : ""].filter(Boolean).join(" ");
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: overlayClass,
-    role: "dialog",
-    "aria-modal": "true",
-    "aria-label": label,
-    "data-lsg-search-overlay": true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "lsg-search-overlay__backdrop",
-    "aria-hidden": "true",
-    onClick: onClose,
-    style: {
-      position: "absolute",
-      inset: 0,
-      cursor: "default"
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "lsg-search-overlay__panel"
-  }, /*#__PURE__*/React.createElement("form", {
-    className: "lsg-search-overlay__form",
-    role: "search",
-    onSubmit: handleSubmit
-  }, /*#__PURE__*/React.createElement("label", {
-    htmlFor: inputId,
-    className: "lsg-search-overlay__label"
-  }, /*#__PURE__*/React.createElement(SearchIcon, null), /*#__PURE__*/React.createElement("span", {
-    className: "lsg-visually-hidden"
-  }, label)), /*#__PURE__*/React.createElement("input", {
-    id: inputId,
-    ref: inputRef,
-    type: "search",
-    className: "lsg-search-overlay__input",
-    placeholder: placeholder,
-    autoComplete: "off"
-  }), /*#__PURE__*/React.createElement("button", {
-    type: "submit",
-    className: "lsg-search-overlay__submit",
-    "aria-label": "Submit search"
-  }, /*#__PURE__*/React.createElement(SearchIcon, null)), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: "lsg-search-overlay__close",
-    "aria-label": "Close search",
-    onClick: onClose
-  }, /*#__PURE__*/React.createElement(CloseIcon, null)))));
-};
-
-var SEARCH_OVERLAY_ID = "lsg-header-search-overlay";
-var LsgHeaderIcon = function (_a) {
-  var name = _a.name,
-    className = _a.className;
-  return /*#__PURE__*/React.createElement(LsgIcon, {
-    name: name,
-    className: ["lsg-header__icon", "lsg-header__icon--".concat(name), className || ""].filter(Boolean).join(" ")
-  });
-};
-var getItemByPath = function (items, activePath, depth) {
-  var currentItems = items;
-  var currentItem;
-  var _loop_1 = function (i) {
-    currentItem = currentItems.find(function (item) {
-      return item.label === activePath[i];
+  return self;
+}
+function Animations(ownerDocument, ownerWindow, update, render) {
+  const documentVisibleHandler = EventStore();
+  const fixedTimeStep = 1000 / 60;
+  let lastTimeStamp = null;
+  let accumulatedTime = 0;
+  let animationId = 0;
+  function init() {
+    documentVisibleHandler.add(ownerDocument, 'visibilitychange', () => {
+      if (ownerDocument.hidden) reset();
     });
-    currentItems = (currentItem === null || currentItem === void 0 ? void 0 : currentItem.children) || [];
-  };
-  for (var i = 0; i <= depth; i += 1) {
-    _loop_1(i);
-  }
-  return currentItem;
-};
-var getItemsAtLevel = function (items, activePath, level) {
-  var _a;
-  if (level <= 1) {
-    return items;
   }
-  return ((_a = getItemByPath(items, activePath, level - 2)) === null || _a === void 0 ? void 0 : _a.children) || [];
-};
-var getMegaColumns = function (items, activePath, maxDepth) {
-  if (maxDepth === void 0) {
-    maxDepth = 4;
+  function destroy() {
+    stop();
+    documentVisibleHandler.clear();
   }
-  var columns = [items];
-  var currentItems = items;
-  activePath.slice(0, maxDepth - 1).forEach(function (label) {
-    var _a;
-    var activeItem = currentItems.find(function (item) {
-      return item.label === label;
-    });
-    if ((_a = activeItem === null || activeItem === void 0 ? void 0 : activeItem.children) === null || _a === void 0 ? void 0 : _a.length) {
-      columns.push(activeItem.children);
-      currentItems = activeItem.children;
-    }
-  });
-  return columns.slice(0, maxDepth);
-};
-var isCurrentOrActiveAtLevel = function (item, activePath, level) {
-  return item.current || activePath[level] === item.label;
-};
-var isSelectedAtLevel = function (item, activePath, level) {
-  return activePath[level] === item.label;
-};
-var hasOpenNavItem = function (items) {
-  return items.some(function (item) {
-    return item.open || hasOpenNavItem(item.children || []);
-  });
-};
-var clearMegaMenuBranch = function (scope) {
-  if (scope instanceof HTMLElement) {
-    scope.classList.remove("lsg-header__mega-item--open");
-    scope.classList.remove("lsg-header__mega-column--open");
-  }
-  scope.querySelectorAll(".lsg-header__mega-item--open").forEach(function (item) {
-    item.classList.remove("lsg-header__mega-item--open");
-  });
-  scope.querySelectorAll(".lsg-header__mega-column--open").forEach(function (column) {
-    column.classList.remove("lsg-header__mega-column--open");
-  });
-};
-var activateMegaMenuItem = function (item) {
-  var _a;
-  var parentColumn = item.parentElement;
-  if (parentColumn) {
-    Array.from(parentColumn.children).forEach(function (openItem) {
-      if (openItem !== item) {
-        clearMegaMenuBranch(openItem);
-      }
-    });
-  }
-  item.classList.add("lsg-header__mega-item--open");
-  (_a = item.querySelector(":scope > .lsg-header__mega-column")) === null || _a === void 0 ? void 0 : _a.classList.add("lsg-header__mega-column--open");
-};
-var HeaderActionButton = function (_a) {
-  var label = _a.label,
-    icon = _a.icon,
-    onClick = _a.onClick,
-    controls = _a.controls,
-    className = _a.className;
-  return /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: ["lsg-header__icon-button", className || ""].filter(Boolean).join(" "),
-    "aria-label": label,
-    "aria-controls": controls,
-    onClick: onClick,
-    "data-lsg-search-trigger": icon === "search" ? "" : undefined
-  }, /*#__PURE__*/React.createElement(LsgHeaderIcon, {
-    name: icon
-  }));
-};
-var LsgHeader = function (_a) {
-  var logo = _a.logo,
-    _b = _a.navItems,
-    navItems = _b === void 0 ? [] : _b,
-    _c = _a.languages,
-    languages = _c === void 0 ? [] : _c,
-    _d = _a.currentLanguage,
-    currentLanguage = _d === void 0 ? "EN" : _d,
-    onLanguageChange = _a.onLanguageChange,
-    _e = _a.searchLabel,
-    searchLabel = _e === void 0 ? "Open search" : _e,
-    _f = _a.searchPlaceholder,
-    searchPlaceholder = _f === void 0 ? "Search products, documents..." : _f,
-    _g = _a.variant,
-    variant = _g === void 0 ? "simple" : _g,
-    _h = _a.menuOpen,
-    menuOpen = _h === void 0 ? false : _h,
-    _j = _a.mobileLevel,
-    mobileLevel = _j === void 0 ? 0 : _j,
-    _k = _a.activePath,
-    activePath = _k === void 0 ? [] : _k,
-    mobileSelectedLabel = _a.mobileSelectedLabel,
-    onMenuToggle = _a.onMenuToggle,
-    onNavItemHover = _a.onNavItemHover,
-    onDropdownClose = _a.onDropdownClose,
-    onMegaItemHover = _a.onMegaItemHover,
-    onMobileItemClick = _a.onMobileItemClick,
-    onMobileBreadcrumbClick = _a.onMobileBreadcrumbClick,
-    children = _a.children;
-  var _l = useState(false),
-    searchOpen = _l[0],
-    setSearchOpen = _l[1];
-  var headerRef = useRef(null);
-  var mobileOpen = menuOpen || mobileLevel > 0;
-  var columns = children ? [] : getMegaColumns(navItems, activePath);
-  var mobileItems = getItemsAtLevel(navItems, activePath, mobileLevel || 1);
-  var mobileBackLabel = activePath[activePath.length - 1] || "menu";
-  var dropdownOpen = variant === "dropdown" && hasOpenNavItem(navItems);
-  useEffect(function () {
-    if (!menuOpen && !dropdownOpen) {
-      return undefined;
+  function animate(timeStamp) {
+    if (!animationId) return;
+    if (!lastTimeStamp) {
+      lastTimeStamp = timeStamp;
+      update();
+      update();
     }
-    var closeOnOutsidePointerDown = function (event) {
-      var _a;
-      if ((_a = headerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) {
-        return;
-      }
-      if (menuOpen) {
-        onMenuToggle === null || onMenuToggle === void 0 ? void 0 : onMenuToggle();
-      }
-      if (dropdownOpen) {
-        onDropdownClose === null || onDropdownClose === void 0 ? void 0 : onDropdownClose();
-      }
-    };
-    document.addEventListener("mousedown", closeOnOutsidePointerDown);
-    document.addEventListener("touchstart", closeOnOutsidePointerDown);
-    return function () {
-      document.removeEventListener("mousedown", closeOnOutsidePointerDown);
-      document.removeEventListener("touchstart", closeOnOutsidePointerDown);
-    };
-  }, [dropdownOpen, menuOpen, onDropdownClose, onMenuToggle]);
-  useEffect(function () {
-    if (variant !== "mega" || !children || !menuOpen || !headerRef.current) {
-      return undefined;
+    const timeElapsed = timeStamp - lastTimeStamp;
+    lastTimeStamp = timeStamp;
+    accumulatedTime += timeElapsed;
+    while (accumulatedTime >= fixedTimeStep) {
+      update();
+      accumulatedTime -= fixedTimeStep;
     }
-    var megaItems = Array.from(headerRef.current.querySelectorAll(".lsg-header__mega-item--has-children"));
-    var removeListeners = megaItems.map(function (item) {
-      var onMouseEnter = function () {
-        return activateMegaMenuItem(item);
-      };
-      var onFocusIn = function () {
-        return activateMegaMenuItem(item);
-      };
-      item.addEventListener("mouseenter", onMouseEnter);
-      item.addEventListener("focusin", onFocusIn);
-      return function () {
-        item.removeEventListener("mouseenter", onMouseEnter);
-        item.removeEventListener("focusin", onFocusIn);
-      };
-    });
-    return function () {
-      removeListeners.forEach(function (removeListener) {
-        return removeListener();
-      });
-      if (headerRef.current) {
-        clearMegaMenuBranch(headerRef.current);
-      }
-    };
-  }, [children, menuOpen, variant]);
-  var openSearch = function () {
-    return setSearchOpen(true);
-  };
-  var renderActions = function (showMenu) {
-    if (showMenu === void 0) {
-      showMenu = false;
+    const alpha = accumulatedTime / fixedTimeStep;
+    render(alpha);
+    if (animationId) {
+      animationId = ownerWindow.requestAnimationFrame(animate);
     }
-    return /*#__PURE__*/React.createElement("div", {
-      className: "lsg-header__actions"
-    }, showMenu && variant === "mega" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: "lsg-header__menu-trigger",
-      "aria-label": menuOpen ? "Close menu" : "Open menu",
-      "aria-expanded": menuOpen,
-      onClick: onMenuToggle,
-      "data-lsg-menu-trigger": true
-    }, /*#__PURE__*/React.createElement(LsgHeaderIcon, {
-      name: menuOpen ? "close" : "bars"
-    }), /*#__PURE__*/React.createElement("span", null, menuOpen ? "CLOSE" : "MENU")), /*#__PURE__*/React.createElement("span", {
-      className: "lsg-header__separator",
-      "aria-hidden": "true"
-    }, "|")), /*#__PURE__*/React.createElement(HeaderActionButton, {
-      label: searchLabel,
-      icon: "search",
-      controls: SEARCH_OVERLAY_ID,
-      onClick: openSearch
-    }), languages.length > 0 && /*#__PURE__*/React.createElement(LsgLanguageSwitcher, {
-      currentLanguage: currentLanguage,
-      languages: languages,
-      label: "Current language: ".concat(currentLanguage),
-      onLanguageChange: onLanguageChange
-    }));
-  };
-  var renderMegaPanel = function () {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "lsg-header__mega-panel"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "lsg-header__mega-inner"
-    }, columns.map(function (columnItems, columnIndex) {
-      return /*#__PURE__*/React.createElement("ul", {
-        key: "mega-column-".concat(columnIndex),
-        className: "lsg-header__mega-column",
-        role: "list"
-      }, columnItems.map(function (item) {
-        var _a;
-        var hasChildren = Boolean((_a = item.children) === null || _a === void 0 ? void 0 : _a.length);
-        return /*#__PURE__*/React.createElement("li", {
-          key: "".concat(item.href, "-").concat(columnIndex),
-          className: ["lsg-header__mega-item", hasChildren ? "lsg-header__mega-item--has-children" : "", isSelectedAtLevel(item, activePath, columnIndex) ? "lsg-header__mega-item--active" : ""].filter(Boolean).join(" "),
-          onMouseEnter: function () {
-            if (onMegaItemHover && hasChildren) {
-              onMegaItemHover(item, columnIndex);
-            }
-          }
-        }, /*#__PURE__*/React.createElement("a", {
-          href: item.href,
-          className: "lsg-header__mega-link"
-        }, /*#__PURE__*/React.createElement("span", null, item.label), hasChildren && /*#__PURE__*/React.createElement(LsgHeaderIcon, {
-          name: "chevronRight"
-        })));
-      }));
-    })));
+  }
+  function start() {
+    if (animationId) return;
+    animationId = ownerWindow.requestAnimationFrame(animate);
+  }
+  function stop() {
+    ownerWindow.cancelAnimationFrame(animationId);
+    lastTimeStamp = null;
+    accumulatedTime = 0;
+    animationId = 0;
+  }
+  function reset() {
+    lastTimeStamp = null;
+    accumulatedTime = 0;
+  }
+  const self = {
+    init,
+    destroy,
+    start,
+    stop,
+    update,
+    render
   };
-  var renderMobileMenu = function () {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "lsg-header__mobile-panel"
-    }, variant === "dropdown" ? /*#__PURE__*/React.createElement(LsgNavigation, {
-      items: navItems,
-      variant: "dropdown",
-      onItemClick: function (item, level) {
-        return onMobileItemClick === null || onMobileItemClick === void 0 ? void 0 : onMobileItemClick(item, level + 1);
-      }
-    }) : /*#__PURE__*/React.createElement(React.Fragment, null, variant === "mega" && mobileLevel > 1 && /*#__PURE__*/React.createElement("nav", {
-      className: "lsg-header__mobile-back",
-      "aria-label": "Menu navigation"
-    }, /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: "lsg-header__mobile-back-button",
-      "aria-label": "Back to ".concat(mobileBackLabel),
-      onClick: function () {
-        return onMobileBreadcrumbClick === null || onMobileBreadcrumbClick === void 0 ? void 0 : onMobileBreadcrumbClick(Math.max(1, mobileLevel - 1));
-      }
-    }, /*#__PURE__*/React.createElement(LsgHeaderIcon, {
-      name: "chevronRight"
-    }), /*#__PURE__*/React.createElement("span", null, "Back to ", mobileBackLabel))), /*#__PURE__*/React.createElement("ul", {
-      className: "lsg-header__mobile-list",
-      role: "list"
-    }, mobileItems.map(function (item, index) {
-      var _a;
-      var hasChildren = Boolean((_a = item.children) === null || _a === void 0 ? void 0 : _a.length);
-      var isSelected = mobileSelectedLabel ? item.label === mobileSelectedLabel : isCurrentOrActiveAtLevel(item, activePath, Math.max(0, mobileLevel - 1));
-      return /*#__PURE__*/React.createElement("li", {
-        key: "".concat(item.href, "-mobile-").concat(index),
-        className: ["lsg-header__mobile-item", hasChildren ? "lsg-header__mobile-item--has-children" : "", isSelected ? "lsg-header__mobile-item--active" : ""].filter(Boolean).join(" ")
-      }, /*#__PURE__*/React.createElement("a", {
-        href: item.href,
-        className: "lsg-header__mobile-link",
-        onClick: function (event) {
-          if (onMobileItemClick && hasChildren) {
-            event.preventDefault();
-            onMobileItemClick(item, Math.max(1, mobileLevel || 1));
-          }
-        }
-      }, /*#__PURE__*/React.createElement("span", null, item.label), hasChildren && /*#__PURE__*/React.createElement(LsgHeaderIcon, {
-        name: "chevronRight"
-      })));
-    }))));
+  return self;
+}
+function Axis(axis, contentDirection) {
+  const isRightToLeft = contentDirection === 'rtl';
+  const isVertical = axis === 'y';
+  const scroll = isVertical ? 'y' : 'x';
+  const cross = isVertical ? 'x' : 'y';
+  const sign = !isVertical && isRightToLeft ? -1 : 1;
+  const startEdge = getStartEdge();
+  const endEdge = getEndEdge();
+  function measureSize(nodeRect) {
+    const {
+      height,
+      width
+    } = nodeRect;
+    return isVertical ? height : width;
+  }
+  function getStartEdge() {
+    if (isVertical) return 'top';
+    return isRightToLeft ? 'right' : 'left';
+  }
+  function getEndEdge() {
+    if (isVertical) return 'bottom';
+    return isRightToLeft ? 'left' : 'right';
+  }
+  function direction(n) {
+    return n * sign;
+  }
+  const self = {
+    scroll,
+    cross,
+    startEdge,
+    endEdge,
+    measureSize,
+    direction
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LsgSearchOverlay, {
-    id: SEARCH_OVERLAY_ID,
-    isOpen: searchOpen,
-    onClose: function () {
-      return setSearchOpen(false);
-    },
-    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(" ")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "lsg-header__inner"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "lsg-logo-decorator"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "lsg-logo"
-  }, /*#__PURE__*/React.createElement(LsgLogo, logo))), variant !== "mega" && navItems.length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "lsg-header__nav"
-  }, /*#__PURE__*/React.createElement(LsgNavigation, {
-    items: navItems,
-    variant: variant,
-    onItemHover: onNavItemHover
-  })), variant === "mega" && /*#__PURE__*/React.createElement("div", {
-    className: "lsg-header__desktop-menu"
-  }, renderActions(true)), variant !== "mega" && /*#__PURE__*/React.createElement("div", {
-    className: "lsg-header__desktop-actions"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "lsg-header__separator",
-    "aria-hidden": "true"
-  }, "|"), renderActions(false)), /*#__PURE__*/React.createElement("div", {
-    className: "lsg-header__mobile-actions"
-  }, /*#__PURE__*/React.createElement(HeaderActionButton, {
-    label: searchLabel,
-    icon: "search",
-    controls: SEARCH_OVERLAY_ID,
-    onClick: openSearch
-  }), languages.length > 0 && /*#__PURE__*/React.createElement(LsgLanguageSwitcher, {
-    currentLanguage: currentLanguage,
-    languages: languages,
-    label: "Current language: ".concat(currentLanguage),
-    onLanguageChange: onLanguageChange
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "lsg-header__separator",
-    "aria-hidden": "true"
-  }, "|"), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: "lsg-header__icon-button",
-    "aria-label": mobileOpen ? "Close menu" : "Open menu",
-    "aria-expanded": mobileOpen,
-    onClick: onMenuToggle,
-    "data-lsg-menu-trigger": true
-  }, /*#__PURE__*/React.createElement(LsgHeaderIcon, {
-    name: mobileOpen ? "close" : "bars"
-  })))), variant === "mega" && menuOpen && (children || renderMegaPanel()), mobileOpen && renderMobileMenu()));
-};
-
-var LsgQuickLinks = function (_a) {
-  var heading = _a.heading,
-    links = _a.links;
-  return /*#__PURE__*/React.createElement("nav", {
-    className: "lsg-quick-links",
-    "aria-label": heading !== null && heading !== void 0 ? heading : "Quick links"
-  }, heading && /*#__PURE__*/React.createElement("p", {
-    className: "lsg-quick-links__heading",
-    "aria-hidden": "true"
-  }, heading), /*#__PURE__*/React.createElement("ul", {
-    className: "lsg-quick-links__list",
-    role: "list"
-  }, links.map(function (link) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: link.href,
-      className: "lsg-quick-links__item"
-    }, /*#__PURE__*/React.createElement("a", {
-      href: link.href,
-      className: "lsg-quick-links__link"
-    }, link.label));
-  })));
-};
-
-var platformIcons = {
-  linkedin: /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true",
-    focusable: "false"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M20.45 20.45h-3.56v-5.57c0-1.33-.03-3.04-1.85-3.04-1.86 0-2.14 1.45-2.14 2.95v5.66H9.34V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.45v6.29zM5.34 7.43a2.07 2.07 0 1 1 0-4.14 2.07 2.07 0 0 1 0 4.14zM7.12 20.45H3.55V9h3.57v11.45z"
-  })),
-  twitter: /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true",
-    focusable: "false"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
-  })),
-  facebook: /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true",
-    focusable: "false"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.97h-1.513c-1.491 0-1.956.93-1.956 1.874v2.25h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z"
-  })),
-  instagram: /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true",
-    focusable: "false"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"
-  })),
-  youtube: /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true",
-    focusable: "false"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
-  }))
-};
-var LsgSocialMediaIcons = function (_a) {
-  var items = _a.items;
-  return /*#__PURE__*/React.createElement("ul", {
-    className: "lsg-social-icons",
-    role: "list"
-  }, items.map(function (item) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: item.platform,
-      className: "lsg-social-icons__item"
-    }, /*#__PURE__*/React.createElement("a", {
-      href: item.href,
-      className: "lsg-social-icons__link",
-      "aria-label": item.label,
-      target: "_blank",
-      rel: "noopener noreferrer"
-    }, platformIcons[item.platform]));
-  }));
-};
-
-var PhoneIcon = function () {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "20",
-    height: "20",
-    viewBox: "0 0 20 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M15.833 13.483c-.417-.416-1.25-.833-1.875-1.083-.625-.25-1.042-.167-1.458.208l-.834.833c-.208.209-.5.209-.708.042-.625-.5-1.833-1.583-2.583-2.333-.75-.75-1.75-1.875-2.25-2.583-.167-.208-.125-.5.083-.709l.834-.833c.416-.417.5-.833.25-1.458-.25-.625-.667-1.458-1.084-1.875C8.791 3.25 8.208 3 7.583 3c-.416 0-.833.167-1.125.458L5.625 4.292C4.5 5.417 4.708 7.125 5.333 8.833c.625 1.708 2 3.833 3.625 5.458 1.625 1.625 3.75 3 5.458 3.625 1.709.625 3.417.833 4.542-.292l.833-.833c.292-.292.458-.708.458-1.125 0-.625-.25-1.208-.416-1.583z",
-    fill: "currentColor"
-  }));
-};
-var FaxIcon = function () {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "20",
-    height: "20",
-    viewBox: "0 0 20 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M16 6h-1V2H5v4H4c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h1v2h10v-2h1c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM7 4h6v2H7V4zm6 12H7v-4h6v4zm3-5H4V8h12v3z",
-    fill: "currentColor"
-  }));
-};
-var MailIcon = function () {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "24",
-    height: "20",
-    viewBox: "0 0 24 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M20 0H4C2.9 0 2 .9 2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V2l8 5 8-5v2z",
-    fill: "currentColor"
-  }));
-};
-var LocationIcon = function () {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "18",
-    height: "21",
-    viewBox: "0 0 18 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M9 0C5.13 0 2 3.13 2 7c0 5.25 7 13 7 13s7-7.75 7-13C16 3.13 12.87 0 9 0zm0 9.5C7.62 9.5 6.5 8.38 6.5 7S7.62 4.5 9 4.5 11.5 5.62 11.5 7 10.38 9.5 9 9.5z",
-    fill: "currentColor"
-  }));
-};
-var AiBadge = function () {
-  return /*#__PURE__*/React.createElement("span", {
-    className: "lsg-footer__ai-badge"
-  }, /*#__PURE__*/React.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "10",
-    stroke: "currentColor",
-    strokeWidth: "1.5"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M2 12h20M12 2a15.3 15.3 0 0 1 0 20M12 2a15.3 15.3 0 0 0 0 20",
-    stroke: "currentColor",
-    strokeWidth: "1.5"
-  })), "This Website Is Translated With AI");
-};
-var SocialIcon = function (_a) {
-  var _b;
-  var platform = _a.platform;
-  var icons = {
-    facebook: /*#__PURE__*/React.createElement("svg", {
-      width: "20",
-      height: "20",
-      viewBox: "0 0 24 24",
-      fill: "currentColor",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"
-    })),
-    twitter: /*#__PURE__*/React.createElement("svg", {
-      width: "20",
-      height: "20",
-      viewBox: "0 0 24 24",
-      fill: "currentColor",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
-    })),
-    linkedin: /*#__PURE__*/React.createElement("svg", {
-      width: "20",
-      height: "20",
-      viewBox: "0 0 24 24",
-      fill: "currentColor",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z"
-    }), /*#__PURE__*/React.createElement("circle", {
-      cx: "4",
-      cy: "4",
-      r: "2"
-    })),
-    youtube: /*#__PURE__*/React.createElement("svg", {
-      width: "20",
-      height: "20",
-      viewBox: "0 0 24 24",
-      fill: "currentColor",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M22.54 6.42a2.78 2.78 0 0 0-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46a2.78 2.78 0 0 0-1.95 1.96A29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58A2.78 2.78 0 0 0 3.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.4a2.78 2.78 0 0 0 1.95-1.95A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58zM9.75 15.02V8.98L15.5 12l-5.75 3.02z"
-    })),
-    instagram: /*#__PURE__*/React.createElement("svg", {
-      width: "20",
-      height: "20",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true"
-    }, /*#__PURE__*/React.createElement("rect", {
-      x: "2",
-      y: "2",
-      width: "20",
-      height: "20",
-      rx: "5",
-      ry: "5"
-    }), /*#__PURE__*/React.createElement("circle", {
-      cx: "12",
-      cy: "12",
-      r: "4"
-    }), /*#__PURE__*/React.createElement("circle", {
-      cx: "17.5",
-      cy: "6.5",
-      r: "0.5",
-      fill: "currentColor"
-    }))
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (_b = icons[platform]) !== null && _b !== void 0 ? _b : null);
-};
-var SocialIconsRow = function (_a) {
-  var links = _a.links;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__bottom-social"
-  }, links.map(function (l) {
-    return /*#__PURE__*/React.createElement("a", {
-      key: l.platform,
-      href: l.href,
-      "aria-label": l.platform,
-      style: {
-        color: "inherit",
-        display: "inline-flex",
-        alignItems: "center",
-        opacity: 0.8
-      }
-    }, /*#__PURE__*/React.createElement(SocialIcon, {
-      platform: l.platform
-    }));
-  }));
-};
-var LsgFooter = function (_a) {
-  var _b, _c, _d, _e;
-  var _f = _a.variant,
-    variant = _f === void 0 ? "simple" : _f,
-    _g = _a.simpleTwoRow,
-    simpleTwoRow = _g === void 0 ? false : _g,
-    _h = _a.brandLine,
-    brandLine = _h === void 0 ? "Part of Atlas Copco Group" : _h,
-    _j = _a.complexColumns,
-    complexColumns = _j === void 0 ? "2col" : _j,
-    _k = _a.showAiBadge,
-    showAiBadge = _k === void 0 ? false : _k,
-    cookieSetting = _a.cookieSetting,
-    logo = _a.logo,
-    _l = _a.navItems,
-    navItems = _l === void 0 ? [] : _l,
-    contact = _a.contact,
-    _m = _a.quickLinks,
-    quickLinks = _m === void 0 ? [] : _m,
-    copyright = _a.copyright,
-    colHeadings = _a.colHeadings,
-    socialLinks = _a.socialLinks,
-    _o = _a.socialPosition,
-    socialPosition = _o === void 0 ? "body" : _o,
-    _p = _a.className,
-    className = _p === void 0 ? "" : _p;
-  var year = new Date().getFullYear();
-  var copyrightText = copyright !== null && copyright !== void 0 ? copyright : "\u00A9 ".concat(year, " Brand - Part of Atlas Copco Group");
-  // ── Simple footer ──────────────────────────────────────────────────────────
-  if (variant === "simple") {
-    if (simpleTwoRow) {
-      return /*#__PURE__*/React.createElement("footer", {
-        className: "lsg-footer lsg-footer--simple lsg-footer--simple-tworow".concat(className ? " ".concat(className) : "")
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "lsg-footer__simple-top"
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "lsg-footer__brand-line"
-      }, brandLine), navItems.length > 0 && /*#__PURE__*/React.createElement("nav", {
-        className: "lsg-footer__simple-nav",
-        "aria-label": "Footer navigation"
-      }, navItems.map(function (item, i) {
-        return /*#__PURE__*/React.createElement(React.Fragment, {
-          key: item.href
-        }, i > 0 && /*#__PURE__*/React.createElement("span", {
-          className: "lsg-footer__pipe",
-          "aria-hidden": "true"
-        }, "|"), /*#__PURE__*/React.createElement("a", {
-          href: item.href,
-          className: "lsg-footer__simple-nav-item"
-        }, item.label));
-      }))), /*#__PURE__*/React.createElement("div", {
-        className: "lsg-footer__simple-bottom"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "lsg-footer__simple-bottom-left"
-      }, cookieSetting && /*#__PURE__*/React.createElement("a", {
-        href: "#",
-        className: "lsg-footer__cookie-link"
-      }, cookieSetting), /*#__PURE__*/React.createElement("p", {
-        className: "lsg-footer__copyright"
-      }, copyrightText)), showAiBadge && /*#__PURE__*/React.createElement(AiBadge, null)));
-    }
-    return /*#__PURE__*/React.createElement("footer", {
-      className: "lsg-footer lsg-footer--simple".concat(className ? " ".concat(className) : "")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "lsg-footer__simple-inner"
-    }, /*#__PURE__*/React.createElement("p", {
-      className: "lsg-footer__copyright"
-    }, copyrightText), navItems.length > 0 && /*#__PURE__*/React.createElement("nav", {
-      className: "lsg-footer__simple-nav",
-      "aria-label": "Footer navigation"
-    }, navItems.map(function (item, i) {
-      return /*#__PURE__*/React.createElement(React.Fragment, {
-        key: item.href
-      }, i > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-        className: "lsg-footer__pipe",
-        "aria-hidden": "true"
-      }, "|"), /*#__PURE__*/React.createElement("hr", {
-        className: "lsg-footer__mobile-divider",
-        "aria-hidden": "true"
-      })), /*#__PURE__*/React.createElement("a", {
-        href: item.href,
-        className: "lsg-footer__simple-nav-item"
-      }, item.label));
-    }))));
+  return self;
+}
+function Limit(min = 0, max = 0) {
+  const length = mathAbs(min - max);
+  function reachedMin(n) {
+    return n < min;
   }
-  // ── Complex footer ─────────────────────────────────────────────────────────
-  var is3col = complexColumns === "3col";
-  var headings = {
-    contact: (_b = colHeadings === null || colHeadings === void 0 ? void 0 : colHeadings.contact) !== null && _b !== void 0 ? _b : "CONTACT",
-    quickLinks: (_c = colHeadings === null || colHeadings === void 0 ? void 0 : colHeadings.quickLinks) !== null && _c !== void 0 ? _c : is3col ? "Quicklinks" : "QUICK LINKS",
-    about: (_d = colHeadings === null || colHeadings === void 0 ? void 0 : colHeadings.about) !== null && _d !== void 0 ? _d : "About brand",
-    contactAlt: (_e = colHeadings === null || colHeadings === void 0 ? void 0 : colHeadings.contactAlt) !== null && _e !== void 0 ? _e : "Contact"
+  function reachedMax(n) {
+    return n > max;
+  }
+  function reachedAny(n) {
+    return reachedMin(n) || reachedMax(n);
+  }
+  function constrain(n) {
+    if (!reachedAny(n)) return n;
+    return reachedMin(n) ? min : max;
+  }
+  function removeOffset(n) {
+    if (!length) return n;
+    return n - length * Math.ceil((n - max) / length);
+  }
+  const self = {
+    length,
+    max,
+    min,
+    constrain,
+    reachedAny,
+    reachedMax,
+    reachedMin,
+    removeOffset
   };
-  var bottomBar = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("hr", {
-    className: "lsg-footer__bottom-divider"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__bottom"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__bottom-left"
-  }, cookieSetting && /*#__PURE__*/React.createElement("a", {
-    href: "#",
-    className: "lsg-footer__cookie-link"
-  }, cookieSetting), /*#__PURE__*/React.createElement("p", {
-    className: "lsg-footer__copyright"
-  }, copyrightText), is3col && showAiBadge && /*#__PURE__*/React.createElement(AiBadge, null)), !is3col && showAiBadge && /*#__PURE__*/React.createElement(AiBadge, null), socialPosition === "bottom-bar" && socialLinks && socialLinks.length > 0 && /*#__PURE__*/React.createElement(SocialIconsRow, {
-    links: socialLinks
-  })));
-  if (is3col) {
-    return /*#__PURE__*/React.createElement("footer", {
-      className: "lsg-footer lsg-footer--complex".concat(className ? " ".concat(className) : "")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "lsg-footer__complex-inner"
-    }, logo && /*#__PURE__*/React.createElement("div", {
-      className: "lsg-footer__logo-col"
-    }, /*#__PURE__*/React.createElement(LsgLogo, logo), brandLine && /*#__PURE__*/React.createElement("span", {
-      className: "lsg-footer__brand-line"
-    }, brandLine)), /*#__PURE__*/React.createElement("div", {
-      className: "lsg-footer__content-cols lsg-footer__content-cols--3col"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "lsg-footer__about-col"
-    }, /*#__PURE__*/React.createElement("h3", {
-      className: "lsg-footer__col-heading"
-    }, headings.about), (contact === null || contact === void 0 ? void 0 : contact.address) && /*#__PURE__*/React.createElement("div", {
-      className: "lsg-footer__address"
-    }, /*#__PURE__*/React.createElement(LocationIcon, null), /*#__PURE__*/React.createElement("p", null, contact.address))), /*#__PURE__*/React.createElement("div", {
-      className: "lsg-footer__contact-col"
-    }, /*#__PURE__*/React.createElement("h3", {
-      className: "lsg-footer__col-heading"
-    }, headings.contactAlt), /*#__PURE__*/React.createElement("div", {
-      className: "lsg-footer__contact-items"
-    }, (contact === null || contact === void 0 ? void 0 : contact.phone) && /*#__PURE__*/React.createElement("div", {
-      className: "lsg-footer__contact-item"
-    }, /*#__PURE__*/React.createElement(PhoneIcon, null), /*#__PURE__*/React.createElement("span", null, contact.phone)), (contact === null || contact === void 0 ? void 0 : contact.fax) && /*#__PURE__*/React.createElement("div", {
-      className: "lsg-footer__contact-item"
-    }, /*#__PURE__*/React.createElement(FaxIcon, null), /*#__PURE__*/React.createElement("span", null, contact.fax)), (contact === null || contact === void 0 ? void 0 : contact.email) && /*#__PURE__*/React.createElement("div", {
-      className: "lsg-footer__contact-item"
-    }, /*#__PURE__*/React.createElement(MailIcon, null), /*#__PURE__*/React.createElement("a", {
-      href: "mailto:".concat(contact.email)
-    }, contact.email)))), quickLinks.length > 0 && /*#__PURE__*/React.createElement("div", {
-      className: "lsg-footer__quicklinks-col"
-    }, /*#__PURE__*/React.createElement("h3", {
-      className: "lsg-footer__col-heading"
-    }, headings.quickLinks), /*#__PURE__*/React.createElement("ul", {
-      className: "lsg-footer__quicklinks-list"
-    }, quickLinks.map(function (link, i) {
-      var _a;
-      return /*#__PURE__*/React.createElement("li", {
-        key: (_a = link.href) !== null && _a !== void 0 ? _a : i,
-        className: "lsg-footer__quicklink-item"
-      }, /*#__PURE__*/React.createElement("a", {
-        href: link.href,
-        className: "lsg-footer__quicklink"
-      }, link.label), /*#__PURE__*/React.createElement("hr", {
-        className: "lsg-footer__divider"
-      }));
-    })), socialPosition === "body" && socialLinks && socialLinks.length > 0 && /*#__PURE__*/React.createElement("div", {
-      className: "lsg-footer__body-social"
-    }, /*#__PURE__*/React.createElement(SocialIconsRow, {
-      links: socialLinks
-    }))))), bottomBar);
-  }
-  return /*#__PURE__*/React.createElement("footer", {
-    className: "lsg-footer lsg-footer--complex".concat(className ? " ".concat(className) : "")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__complex-inner"
-  }, logo && /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__logo-col"
-  }, /*#__PURE__*/React.createElement(LsgLogo, logo), brandLine && /*#__PURE__*/React.createElement("span", {
-    className: "lsg-footer__brand-line"
-  }, brandLine)), /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__content-cols"
-  }, contact && /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__contact-col"
-  }, /*#__PURE__*/React.createElement("h3", {
-    className: "lsg-footer__col-heading"
-  }, headings.contact), contact.address && /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__address"
-  }, /*#__PURE__*/React.createElement(LocationIcon, null), /*#__PURE__*/React.createElement("p", null, contact.address)), /*#__PURE__*/React.createElement("hr", {
-    className: "lsg-footer__divider"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__contact-items"
-  }, contact.phone && /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__contact-item"
-  }, /*#__PURE__*/React.createElement(PhoneIcon, null), /*#__PURE__*/React.createElement("span", null, contact.phone)), contact.fax && /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__contact-item"
-  }, /*#__PURE__*/React.createElement(FaxIcon, null), /*#__PURE__*/React.createElement("span", null, contact.fax)), contact.email && /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__contact-item"
-  }, /*#__PURE__*/React.createElement(MailIcon, null), /*#__PURE__*/React.createElement("a", {
-    href: "mailto:".concat(contact.email)
-  }, contact.email)))), quickLinks.length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__quicklinks-col"
-  }, /*#__PURE__*/React.createElement("h3", {
-    className: "lsg-footer__col-heading"
-  }, headings.quickLinks), /*#__PURE__*/React.createElement("ul", {
-    className: "lsg-footer__quicklinks-list"
-  }, quickLinks.map(function (link, i) {
-    var _a;
-    return /*#__PURE__*/React.createElement("li", {
-      key: (_a = link.href) !== null && _a !== void 0 ? _a : i,
-      className: "lsg-footer__quicklink-item"
-    }, /*#__PURE__*/React.createElement("a", {
-      href: link.href,
-      className: "lsg-footer__quicklink"
-    }, link.label), /*#__PURE__*/React.createElement("hr", {
-      className: "lsg-footer__divider"
-    }));
-  })), socialPosition === "body" && socialLinks && socialLinks.length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "lsg-footer__body-social"
-  }, /*#__PURE__*/React.createElement(SocialIconsRow, {
-    links: socialLinks
-  }))))), bottomBar);
-};
-
-function isNumber$1(subject) {
-  return typeof subject === 'number';
-}
-function isString(subject) {
-  return typeof subject === 'string';
-}
-function isBoolean(subject) {
-  return typeof subject === 'boolean';
-}
-function isObject(subject) {
-  return Object.prototype.toString.call(subject) === '[object Object]';
-}
-function mathAbs(n) {
-  return Math.abs(n);
-}
-function mathSign(n) {
-  return Math.sign(n);
-}
-function deltaAbs(valueB, valueA) {
-  return mathAbs(valueB - valueA);
-}
-function factorAbs(valueB, valueA) {
-  if (valueB === 0 || valueA === 0) return 0;
-  if (mathAbs(valueB) <= mathAbs(valueA)) return 0;
-  const diff = deltaAbs(mathAbs(valueB), mathAbs(valueA));
-  return mathAbs(diff / valueB);
-}
-function roundToTwoDecimals(num) {
-  return Math.round(num * 100) / 100;
-}
-function arrayKeys(array) {
-  return objectKeys(array).map(Number);
-}
-function arrayLast(array) {
-  return array[arrayLastIndex(array)];
-}
-function arrayLastIndex(array) {
-  return Math.max(0, array.length - 1);
-}
-function arrayIsLastIndex(array, index) {
-  return index === arrayLastIndex(array);
-}
-function arrayFromNumber(n, startAt = 0) {
-  return Array.from(Array(n), (_, i) => startAt + i);
-}
-function objectKeys(object) {
-  return Object.keys(object);
-}
-function objectsMergeDeep(objectA, objectB) {
-  return [objectA, objectB].reduce((mergedObjects, currentObject) => {
-    objectKeys(currentObject).forEach(key => {
-      const valueA = mergedObjects[key];
-      const valueB = currentObject[key];
-      const areObjects = isObject(valueA) && isObject(valueB);
-      mergedObjects[key] = areObjects ? objectsMergeDeep(valueA, valueB) : valueB;
-    });
-    return mergedObjects;
-  }, {});
-}
-function isMouseEvent(evt, ownerWindow) {
-  return typeof ownerWindow.MouseEvent !== 'undefined' && evt instanceof ownerWindow.MouseEvent;
+  return self;
 }
-function Alignment(align, viewSize) {
-  const predefined = {
-    start,
-    center,
-    end
-  };
-  function start() {
-    return 0;
+function Counter(max, start, loop) {
+  const {
+    constrain
+  } = Limit(0, max);
+  const loopEnd = max + 1;
+  let counter = withinLimit(start);
+  function withinLimit(n) {
+    return !loop ? constrain(n) : mathAbs((loopEnd + n) % loopEnd);
   }
-  function center(n) {
-    return end(n) / 2;
+  function get() {
+    return counter;
   }
-  function end(n) {
-    return viewSize - n;
+  function set(n) {
+    counter = withinLimit(n);
+    return self;
   }
-  function measure(n, index) {
-    if (isString(align)) return predefined[align](n);
-    return align(viewSize, n, index);
+  function add(n) {
+    return clone().set(get() + n);
+  }
+  function clone() {
+    return Counter(max, get(), loop);
   }
   const self = {
-    measure
+    get,
+    set,
+    add,
+    clone
   };
   return self;
 }
-function EventStore() {
-  let listeners = [];
-  function add(node, type, handler, options = {
-    passive: true
-  }) {
-    let removeListener;
-    if ('addEventListener' in node) {
-      node.addEventListener(type, handler, options);
-      removeListener = () => node.removeEventListener(type, handler, options);
-    } else {
-      const legacyMediaQueryList = node;
-      legacyMediaQueryList.addListener(handler);
-      removeListener = () => legacyMediaQueryList.removeListener(handler);
+function DragHandler(axis, rootNode, ownerDocument, ownerWindow, target, dragTracker, location, animation, scrollTo, scrollBody, scrollTarget, index, eventHandler, percentOfView, dragFree, dragThreshold, skipSnaps, baseFriction, watchDrag) {
+  const {
+    cross: crossAxis,
+    direction
+  } = axis;
+  const focusNodes = ['INPUT', 'SELECT', 'TEXTAREA'];
+  const nonPassiveEvent = {
+    passive: false
+  };
+  const initEvents = EventStore();
+  const dragEvents = EventStore();
+  const goToNextThreshold = Limit(50, 225).constrain(percentOfView.measure(20));
+  const snapForceBoost = {
+    mouse: 300,
+    touch: 400
+  };
+  const freeForceBoost = {
+    mouse: 500,
+    touch: 600
+  };
+  const baseSpeed = dragFree ? 43 : 25;
+  let isMoving = false;
+  let startScroll = 0;
+  let startCross = 0;
+  let pointerIsDown = false;
+  let preventScroll = false;
+  let preventClick = false;
+  let isMouse = false;
+  function init(emblaApi) {
+    if (!watchDrag) return;
+    function downIfAllowed(evt) {
+      if (isBoolean(watchDrag) || watchDrag(emblaApi, evt)) down(evt);
     }
-    listeners.push(removeListener);
-    return self;
+    const node = rootNode;
+    initEvents.add(node, 'dragstart', evt => evt.preventDefault(), nonPassiveEvent).add(node, 'touchmove', () => undefined, nonPassiveEvent).add(node, 'touchend', () => undefined).add(node, 'touchstart', downIfAllowed).add(node, 'mousedown', downIfAllowed).add(node, 'touchcancel', up).add(node, 'contextmenu', up).add(node, 'click', click, true);
   }
-  function clear() {
-    listeners = listeners.filter(remove => remove());
-  }
-  const self = {
-    add,
-    clear
-  };
-  return self;
-}
-function Animations(ownerDocument, ownerWindow, update, render) {
-  const documentVisibleHandler = EventStore();
-  const fixedTimeStep = 1000 / 60;
-  let lastTimeStamp = null;
-  let accumulatedTime = 0;
-  let animationId = 0;
-  function init() {
-    documentVisibleHandler.add(ownerDocument, 'visibilitychange', () => {
-      if (ownerDocument.hidden) reset();
-    });
-  }
-  function destroy() {
-    stop();
-    documentVisibleHandler.clear();
-  }
-  function animate(timeStamp) {
-    if (!animationId) return;
-    if (!lastTimeStamp) {
-      lastTimeStamp = timeStamp;
-      update();
-      update();
-    }
-    const timeElapsed = timeStamp - lastTimeStamp;
-    lastTimeStamp = timeStamp;
-    accumulatedTime += timeElapsed;
-    while (accumulatedTime >= fixedTimeStep) {
-      update();
-      accumulatedTime -= fixedTimeStep;
-    }
-    const alpha = accumulatedTime / fixedTimeStep;
-    render(alpha);
-    if (animationId) {
-      animationId = ownerWindow.requestAnimationFrame(animate);
-    }
-  }
-  function start() {
-    if (animationId) return;
-    animationId = ownerWindow.requestAnimationFrame(animate);
-  }
-  function stop() {
-    ownerWindow.cancelAnimationFrame(animationId);
-    lastTimeStamp = null;
-    accumulatedTime = 0;
-    animationId = 0;
-  }
-  function reset() {
-    lastTimeStamp = null;
-    accumulatedTime = 0;
-  }
-  const self = {
-    init,
-    destroy,
-    start,
-    stop,
-    update,
-    render
-  };
-  return self;
-}
-function Axis(axis, contentDirection) {
-  const isRightToLeft = contentDirection === 'rtl';
-  const isVertical = axis === 'y';
-  const scroll = isVertical ? 'y' : 'x';
-  const cross = isVertical ? 'x' : 'y';
-  const sign = !isVertical && isRightToLeft ? -1 : 1;
-  const startEdge = getStartEdge();
-  const endEdge = getEndEdge();
-  function measureSize(nodeRect) {
-    const {
-      height,
-      width
-    } = nodeRect;
-    return isVertical ? height : width;
-  }
-  function getStartEdge() {
-    if (isVertical) return 'top';
-    return isRightToLeft ? 'right' : 'left';
-  }
-  function getEndEdge() {
-    if (isVertical) return 'bottom';
-    return isRightToLeft ? 'left' : 'right';
-  }
-  function direction(n) {
-    return n * sign;
-  }
-  const self = {
-    scroll,
-    cross,
-    startEdge,
-    endEdge,
-    measureSize,
-    direction
-  };
-  return self;
-}
-function Limit(min = 0, max = 0) {
-  const length = mathAbs(min - max);
-  function reachedMin(n) {
-    return n < min;
-  }
-  function reachedMax(n) {
-    return n > max;
-  }
-  function reachedAny(n) {
-    return reachedMin(n) || reachedMax(n);
-  }
-  function constrain(n) {
-    if (!reachedAny(n)) return n;
-    return reachedMin(n) ? min : max;
-  }
-  function removeOffset(n) {
-    if (!length) return n;
-    return n - length * Math.ceil((n - max) / length);
-  }
-  const self = {
-    length,
-    max,
-    min,
-    constrain,
-    reachedAny,
-    reachedMax,
-    reachedMin,
-    removeOffset
-  };
-  return self;
-}
-function Counter(max, start, loop) {
-  const {
-    constrain
-  } = Limit(0, max);
-  const loopEnd = max + 1;
-  let counter = withinLimit(start);
-  function withinLimit(n) {
-    return !loop ? constrain(n) : mathAbs((loopEnd + n) % loopEnd);
-  }
-  function get() {
-    return counter;
-  }
-  function set(n) {
-    counter = withinLimit(n);
-    return self;
-  }
-  function add(n) {
-    return clone().set(get() + n);
-  }
-  function clone() {
-    return Counter(max, get(), loop);
-  }
-  const self = {
-    get,
-    set,
-    add,
-    clone
-  };
-  return self;
-}
-function DragHandler(axis, rootNode, ownerDocument, ownerWindow, target, dragTracker, location, animation, scrollTo, scrollBody, scrollTarget, index, eventHandler, percentOfView, dragFree, dragThreshold, skipSnaps, baseFriction, watchDrag) {
-  const {
-    cross: crossAxis,
-    direction
-  } = axis;
-  const focusNodes = ['INPUT', 'SELECT', 'TEXTAREA'];
-  const nonPassiveEvent = {
-    passive: false
-  };
-  const initEvents = EventStore();
-  const dragEvents = EventStore();
-  const goToNextThreshold = Limit(50, 225).constrain(percentOfView.measure(20));
-  const snapForceBoost = {
-    mouse: 300,
-    touch: 400
-  };
-  const freeForceBoost = {
-    mouse: 500,
-    touch: 600
-  };
-  const baseSpeed = dragFree ? 43 : 25;
-  let isMoving = false;
-  let startScroll = 0;
-  let startCross = 0;
-  let pointerIsDown = false;
-  let preventScroll = false;
-  let preventClick = false;
-  let isMouse = false;
-  function init(emblaApi) {
-    if (!watchDrag) return;
-    function downIfAllowed(evt) {
-      if (isBoolean(watchDrag) || watchDrag(emblaApi, evt)) down(evt);
-    }
-    const node = rootNode;
-    initEvents.add(node, 'dragstart', evt => evt.preventDefault(), nonPassiveEvent).add(node, 'touchmove', () => undefined, nonPassiveEvent).add(node, 'touchend', () => undefined).add(node, 'touchstart', downIfAllowed).add(node, 'mousedown', downIfAllowed).add(node, 'touchcancel', up).add(node, 'contextmenu', up).add(node, 'click', click, true);
-  }
-  function destroy() {
-    initEvents.clear();
-    dragEvents.clear();
+  function destroy() {
+    initEvents.clear();
+    dragEvents.clear();
   }
   function addDragEvents() {
     const node = isMouse ? ownerDocument : rootNode;
@@ -2920,247 +1812,1875 @@ function EventHandler() {
     on,
     clear
   };
-  return self;
-}
-const defaultOptions = {
-  align: 'center',
-  axis: 'x',
-  container: null,
-  slides: null,
-  containScroll: 'trimSnaps',
-  direction: 'ltr',
-  slidesToScroll: 1,
-  inViewThreshold: 0,
-  breakpoints: {},
-  dragFree: false,
-  dragThreshold: 10,
-  loop: false,
-  skipSnaps: false,
-  duration: 25,
-  startIndex: 0,
-  active: true,
-  watchDrag: true,
-  watchResize: true,
-  watchSlides: true,
-  watchFocus: true
+  return self;
+}
+const defaultOptions = {
+  align: 'center',
+  axis: 'x',
+  container: null,
+  slides: null,
+  containScroll: 'trimSnaps',
+  direction: 'ltr',
+  slidesToScroll: 1,
+  inViewThreshold: 0,
+  breakpoints: {},
+  dragFree: false,
+  dragThreshold: 10,
+  loop: false,
+  skipSnaps: false,
+  duration: 25,
+  startIndex: 0,
+  active: true,
+  watchDrag: true,
+  watchResize: true,
+  watchSlides: true,
+  watchFocus: true
+};
+function OptionsHandler(ownerWindow) {
+  function mergeOptions(optionsA, optionsB) {
+    return objectsMergeDeep(optionsA, optionsB || {});
+  }
+  function optionsAtMedia(options) {
+    const optionsAtMedia = options.breakpoints || {};
+    const matchedMediaOptions = objectKeys(optionsAtMedia).filter(media => ownerWindow.matchMedia(media).matches).map(media => optionsAtMedia[media]).reduce((a, mediaOption) => mergeOptions(a, mediaOption), {});
+    return mergeOptions(options, matchedMediaOptions);
+  }
+  function optionsMediaQueries(optionsList) {
+    return optionsList.map(options => objectKeys(options.breakpoints || {})).reduce((acc, mediaQueries) => acc.concat(mediaQueries), []).map(ownerWindow.matchMedia);
+  }
+  const self = {
+    mergeOptions,
+    optionsAtMedia,
+    optionsMediaQueries
+  };
+  return self;
+}
+function PluginsHandler(optionsHandler) {
+  let activePlugins = [];
+  function init(emblaApi, plugins) {
+    activePlugins = plugins.filter(({
+      options
+    }) => optionsHandler.optionsAtMedia(options).active !== false);
+    activePlugins.forEach(plugin => plugin.init(emblaApi, optionsHandler));
+    return plugins.reduce((map, plugin) => Object.assign(map, {
+      [plugin.name]: plugin
+    }), {});
+  }
+  function destroy() {
+    activePlugins = activePlugins.filter(plugin => plugin.destroy());
+  }
+  const self = {
+    init,
+    destroy
+  };
+  return self;
+}
+function EmblaCarousel(root, userOptions, userPlugins) {
+  const ownerDocument = root.ownerDocument;
+  const ownerWindow = ownerDocument.defaultView;
+  const optionsHandler = OptionsHandler(ownerWindow);
+  const pluginsHandler = PluginsHandler(optionsHandler);
+  const mediaHandlers = EventStore();
+  const eventHandler = EventHandler();
+  const {
+    mergeOptions,
+    optionsAtMedia,
+    optionsMediaQueries
+  } = optionsHandler;
+  const {
+    on,
+    off,
+    emit
+  } = eventHandler;
+  const reInit = reActivate;
+  let destroyed = false;
+  let engine;
+  let optionsBase = mergeOptions(defaultOptions, EmblaCarousel.globalOptions);
+  let options = mergeOptions(optionsBase);
+  let pluginList = [];
+  let pluginApis;
+  let container;
+  let slides;
+  function storeElements() {
+    const {
+      container: userContainer,
+      slides: userSlides
+    } = options;
+    const customContainer = isString(userContainer) ? root.querySelector(userContainer) : userContainer;
+    container = customContainer || root.children[0];
+    const customSlides = isString(userSlides) ? container.querySelectorAll(userSlides) : userSlides;
+    slides = [].slice.call(customSlides || container.children);
+  }
+  function createEngine(options) {
+    const engine = Engine(root, container, slides, ownerDocument, ownerWindow, options, eventHandler);
+    if (options.loop && !engine.slideLooper.canLoop()) {
+      const optionsWithoutLoop = Object.assign({}, options, {
+        loop: false
+      });
+      return createEngine(optionsWithoutLoop);
+    }
+    return engine;
+  }
+  function activate(withOptions, withPlugins) {
+    if (destroyed) return;
+    optionsBase = mergeOptions(optionsBase, withOptions);
+    options = optionsAtMedia(optionsBase);
+    pluginList = withPlugins || pluginList;
+    storeElements();
+    engine = createEngine(options);
+    optionsMediaQueries([optionsBase, ...pluginList.map(({
+      options
+    }) => options)]).forEach(query => mediaHandlers.add(query, 'change', reActivate));
+    if (!options.active) return;
+    engine.translate.to(engine.location.get());
+    engine.animation.init();
+    engine.slidesInView.init();
+    engine.slideFocus.init(self);
+    engine.eventHandler.init(self);
+    engine.resizeHandler.init(self);
+    engine.slidesHandler.init(self);
+    if (engine.options.loop) engine.slideLooper.loop();
+    if (container.offsetParent && slides.length) engine.dragHandler.init(self);
+    pluginApis = pluginsHandler.init(self, pluginList);
+  }
+  function reActivate(withOptions, withPlugins) {
+    const startIndex = selectedScrollSnap();
+    deActivate();
+    activate(mergeOptions({
+      startIndex
+    }, withOptions), withPlugins);
+    eventHandler.emit('reInit');
+  }
+  function deActivate() {
+    engine.dragHandler.destroy();
+    engine.eventStore.clear();
+    engine.translate.clear();
+    engine.slideLooper.clear();
+    engine.resizeHandler.destroy();
+    engine.slidesHandler.destroy();
+    engine.slidesInView.destroy();
+    engine.animation.destroy();
+    pluginsHandler.destroy();
+    mediaHandlers.clear();
+  }
+  function destroy() {
+    if (destroyed) return;
+    destroyed = true;
+    mediaHandlers.clear();
+    deActivate();
+    eventHandler.emit('destroy');
+    eventHandler.clear();
+  }
+  function scrollTo(index, jump, direction) {
+    if (!options.active || destroyed) return;
+    engine.scrollBody.useBaseFriction().useDuration(jump === true ? 0 : options.duration);
+    engine.scrollTo.index(index, direction || 0);
+  }
+  function scrollNext(jump) {
+    const next = engine.index.add(1).get();
+    scrollTo(next, jump, -1);
+  }
+  function scrollPrev(jump) {
+    const prev = engine.index.add(-1).get();
+    scrollTo(prev, jump, 1);
+  }
+  function canScrollNext() {
+    const next = engine.index.add(1).get();
+    return next !== selectedScrollSnap();
+  }
+  function canScrollPrev() {
+    const prev = engine.index.add(-1).get();
+    return prev !== selectedScrollSnap();
+  }
+  function scrollSnapList() {
+    return engine.scrollSnapList;
+  }
+  function scrollProgress() {
+    return engine.scrollProgress.get(engine.offsetLocation.get());
+  }
+  function selectedScrollSnap() {
+    return engine.index.get();
+  }
+  function previousScrollSnap() {
+    return engine.indexPrevious.get();
+  }
+  function slidesInView() {
+    return engine.slidesInView.get();
+  }
+  function slidesNotInView() {
+    return engine.slidesInView.get(false);
+  }
+  function plugins() {
+    return pluginApis;
+  }
+  function internalEngine() {
+    return engine;
+  }
+  function rootNode() {
+    return root;
+  }
+  function containerNode() {
+    return container;
+  }
+  function slideNodes() {
+    return slides;
+  }
+  const self = {
+    canScrollNext,
+    canScrollPrev,
+    containerNode,
+    internalEngine,
+    destroy,
+    off,
+    on,
+    emit,
+    plugins,
+    previousScrollSnap,
+    reInit,
+    rootNode,
+    scrollNext,
+    scrollPrev,
+    scrollProgress,
+    scrollSnapList,
+    scrollTo,
+    selectedScrollSnap,
+    slideNodes,
+    slidesInView,
+    slidesNotInView
+  };
+  activate(userOptions, userPlugins);
+  setTimeout(() => eventHandler.emit('init'), 0);
+  return self;
+}
+EmblaCarousel.globalOptions = undefined;
+
+var LsgCarouselController = /** @class */function () {
+  function LsgCarouselController(viewport, elements, options) {
+    if (elements === void 0) {
+      elements = {};
+    }
+    if (options === void 0) {
+      options = {};
+    }
+    var _this = this;
+    var _a, _b, _c, _d;
+    this.embla = null;
+    this.scrollPrev = function () {
+      var _a;
+      (_a = _this.embla) === null || _a === void 0 ? void 0 : _a.scrollPrev();
+    };
+    this.scrollNext = function () {
+      var _a;
+      (_a = _this.embla) === null || _a === void 0 ? void 0 : _a.scrollNext();
+    };
+    this.syncSelectedState = function () {
+      var _a, _b;
+      var selected = (_b = (_a = _this.embla) === null || _a === void 0 ? void 0 : _a.selectedScrollSnap()) !== null && _b !== void 0 ? _b : 0;
+      _this.paginationBtns.forEach(function (button, index) {
+        var active = index === selected;
+        button.classList.toggle("lsg-carousel__dot--active", active);
+        button.setAttribute("aria-current", active ? "true" : "false");
+      });
+    };
+    this.els = elements;
+    this.paginationBtns = elements.paginationBtns ? Array.from(elements.paginationBtns) : [];
+    this.embla = EmblaCarousel(viewport, {
+      align: "start",
+      containScroll: "trimSnaps",
+      direction: (_a = options.direction) !== null && _a !== void 0 ? _a : "ltr",
+      loop: (_b = options.loop) !== null && _b !== void 0 ? _b : true,
+      skipSnaps: false
+    });
+    this.paginationHandlers = this.paginationBtns.map(function (_, index) {
+      return function () {
+        var _a;
+        (_a = _this.embla) === null || _a === void 0 ? void 0 : _a.scrollTo(index);
+      };
+    });
+    (_c = this.els.prevBtn) === null || _c === void 0 ? void 0 : _c.addEventListener("click", this.scrollPrev);
+    (_d = this.els.nextBtn) === null || _d === void 0 ? void 0 : _d.addEventListener("click", this.scrollNext);
+    this.paginationBtns.forEach(function (button, index) {
+      button.addEventListener("click", _this.paginationHandlers[index]);
+    });
+    this.embla.on("select", this.syncSelectedState);
+    this.embla.on("reInit", this.syncSelectedState);
+    this.syncSelectedState();
+  }
+  Object.defineProperty(LsgCarouselController.prototype, "emblaApi", {
+    get: function () {
+      return this.embla;
+    },
+    enumerable: false,
+    configurable: true
+  });
+  LsgCarouselController.prototype.destroy = function () {
+    var _this = this;
+    var _a, _b;
+    (_a = this.els.prevBtn) === null || _a === void 0 ? void 0 : _a.removeEventListener("click", this.scrollPrev);
+    (_b = this.els.nextBtn) === null || _b === void 0 ? void 0 : _b.removeEventListener("click", this.scrollNext);
+    this.paginationBtns.forEach(function (button, index) {
+      button.removeEventListener("click", _this.paginationHandlers[index]);
+    });
+    if (this.embla) {
+      this.embla.off("select", this.syncSelectedState);
+      this.embla.off("reInit", this.syncSelectedState);
+      this.embla.destroy();
+      this.embla = null;
+    }
+  };
+  return LsgCarouselController;
+}();
+
+var mediaTypeFor = function (item) {
+  var _a;
+  return (_a = item.type) !== null && _a !== void 0 ? _a : item.videoUrl ? "video" : "image";
+};
+var directionForLayout = function (layout) {
+  return layout === "media-left" ? "rtl" : "ltr";
+};
+var LsgCarousel = function (_a) {
+  var _b;
+  var heading = _a.heading,
+    preTitle = _a.preTitle,
+    body = _a.body,
+    cta = _a.cta,
+    _c = _a.items,
+    items = _c === void 0 ? [] : _c,
+    _d = _a.layout,
+    layout = _d === void 0 ? "media-right" : _d,
+    _e = _a.headingTag,
+    headingTag = _e === void 0 ? "h2" : _e,
+    _f = _a.ariaLabel,
+    ariaLabel = _f === void 0 ? "Media carousel" : _f,
+    _g = _a.className,
+    className = _g === void 0 ? "" : _g;
+  var rootRef = useRef(null);
+  var viewportRef = useRef(null);
+  var prevBtnRef = useRef(null);
+  var nextBtnRef = useRef(null);
+  var dotsRef = useRef(null);
+  var controllerRef = useRef(null);
+  var HeadingTag = headingTag;
+  var isCarousel = items.length > 1;
+  var carouselDirection = directionForLayout(layout);
+  useEffect(function () {
+    var _a, _b;
+    if (!viewportRef.current || !isCarousel) return;
+    controllerRef.current = new LsgCarouselController(viewportRef.current, {
+      prevBtn: prevBtnRef.current,
+      nextBtn: nextBtnRef.current,
+      paginationBtns: (_b = (_a = dotsRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[data-lsg-carousel-dot]")) !== null && _b !== void 0 ? _b : []
+    }, {
+      loop: true,
+      direction: carouselDirection
+    });
+    return function () {
+      var _a;
+      (_a = controllerRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
+      controllerRef.current = null;
+    };
+  }, [carouselDirection, isCarousel, items.length]);
+  var rootClasses = ["lsg-carousel", "lsg-carousel--".concat(layout), className].filter(Boolean).join(" ");
+  return /*#__PURE__*/React.createElement("section", {
+    ref: rootRef,
+    className: rootClasses,
+    "data-lsg-is": "carousel",
+    "data-lsg-carousel-layout": layout,
+    "data-lsg-carousel-direction": carouselDirection,
+    "data-lsg-carousel-count": items.length,
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-carousel__shell"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-carousel__content"
+  }, preTitle && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-carousel__pre-title"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "lsg-carousel__pre-title-marker",
+    "aria-hidden": "true"
+  }), /*#__PURE__*/React.createElement("span", null, preTitle)), /*#__PURE__*/React.createElement(HeadingTag, {
+    className: "lsg-carousel__heading"
+  }, heading), body && /*#__PURE__*/React.createElement("p", {
+    className: "lsg-carousel__body"
+  }, body), cta && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-carousel__actions"
+  }, /*#__PURE__*/React.createElement(LsgButton, {
+    className: "lsg-carousel__cta",
+    href: cta.href,
+    external: cta.external,
+    variant: (_b = cta.variant) !== null && _b !== void 0 ? _b : "primary",
+    onClick: cta.onClick
+  }, cta.label))), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-carousel__media-column"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-carousel__viewport",
+    ref: viewportRef,
+    dir: carouselDirection
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-carousel__track",
+    role: "list"
+  }, items.map(function (item, index) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    var type = mediaTypeFor(item);
+    var key = (_a = item.id) !== null && _a !== void 0 ? _a : "".concat(type, "-").concat((_c = (_b = item.imageUrl) !== null && _b !== void 0 ? _b : item.videoUrl) !== null && _c !== void 0 ? _c : index, "-").concat(index);
+    return /*#__PURE__*/React.createElement("article", {
+      key: key,
+      className: "lsg-carousel__slide",
+      role: "listitem",
+      "aria-label": "Slide ".concat(index + 1, " of ").concat(items.length),
+      "data-lsg-carousel-item": true
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "lsg-carousel__media"
+    }, type === "video" && item.videoUrl ? /*#__PURE__*/React.createElement(LsgVideo, {
+      videoUrl: item.videoUrl,
+      imageUrl: item.videoPoster,
+      imageAlt: item.imageAlt,
+      controls: (_d = item.videoControls) !== null && _d !== void 0 ? _d : true,
+      autoplay: (_e = item.videoAutoPlay) !== null && _e !== void 0 ? _e : false,
+      muted: (_f = item.videoMuted) !== null && _f !== void 0 ? _f : true,
+      loop: (_g = item.videoLoop) !== null && _g !== void 0 ? _g : false,
+      displayMode: "content",
+      showTags: false,
+      className: "lsg-carousel__video-component"
+    }) : item.imageUrl ? /*#__PURE__*/React.createElement(LsgImage, {
+      imageUrl: item.imageUrl,
+      imageAlt: item.imageAlt,
+      className: "lsg-carousel__image-component"
+    }) : /*#__PURE__*/React.createElement("div", {
+      className: "lsg-carousel__media-placeholder",
+      "aria-hidden": "true"
+    }), item.label && /*#__PURE__*/React.createElement("span", {
+      className: "lsg-carousel__media-label"
+    }, item.label)));
+  }))), isCarousel && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-carousel__navigation",
+    "aria-label": "Carousel navigation"
+  }, /*#__PURE__*/React.createElement("button", {
+    ref: prevBtnRef,
+    className: "lsg-carousel__arrow lsg-carousel__arrow--prev",
+    type: "button",
+    "aria-label": "Previous slide",
+    "data-lsg-carousel-prev": true
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "lsg-carousel__arrow-icon",
+    "aria-hidden": "true"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-carousel__pagination",
+    ref: dotsRef
+  }, items.map(function (item, index) {
+    var _a;
+    return /*#__PURE__*/React.createElement("button", {
+      key: (_a = item.id) !== null && _a !== void 0 ? _a : "dot-".concat(index),
+      className: "lsg-carousel__dot".concat(index === 0 ? " lsg-carousel__dot--active" : ""),
+      type: "button",
+      "aria-label": "Go to slide ".concat(index + 1),
+      "aria-current": index === 0 ? "true" : "false",
+      "data-lsg-carousel-dot": true
+    });
+  })), /*#__PURE__*/React.createElement("button", {
+    ref: nextBtnRef,
+    className: "lsg-carousel__arrow lsg-carousel__arrow--next",
+    type: "button",
+    "aria-label": "Next slide",
+    "data-lsg-carousel-next": true
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "lsg-carousel__arrow-icon",
+    "aria-hidden": "true"
+  }))))));
+};
+
+function cardVariantClass(variant) {
+  switch (variant) {
+    case "onlyText":
+      return "lsg-card--only-text";
+    case "withIcon":
+      return "lsg-card--with-icon";
+    case "withImage":
+    default:
+      return "lsg-card--with-image";
+  }
+}
+var LsgCard = function (_a) {
+  var _b;
+  var title = _a.title,
+    preTitle = _a.preTitle,
+    subtitle = _a.subtitle,
+    description = _a.description,
+    imageUrl = _a.imageUrl,
+    _c = _a.imageAlt,
+    imageAlt = _c === void 0 ? "" : _c,
+    iconUrl = _a.iconUrl,
+    _d = _a.iconAlt,
+    iconAlt = _d === void 0 ? "" : _d,
+    href = _a.href,
+    cta = _a.cta,
+    _e = _a.variant,
+    variant = _e === void 0 ? "withImage" : _e,
+    className = _a.className;
+  var resolvedIconUrl = iconUrl !== null && iconUrl !== void 0 ? iconUrl : imageUrl;
+  var actionLabel = (_b = cta === null || cta === void 0 ? void 0 : cta.label) !== null && _b !== void 0 ? _b : "Read more";
+  var cardClassName = ["lsg-card", cardVariantClass(variant), className].filter(Boolean).join(" ");
+  var content = /*#__PURE__*/React.createElement(React.Fragment, null, variant === "withImage" && imageUrl && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-card__media"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: imageUrl,
+    alt: imageAlt,
+    loading: "lazy"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-card__content"
+  }, variant === "withIcon" && resolvedIconUrl && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-card__icon",
+    "aria-hidden": iconAlt ? undefined : true
+  }, /*#__PURE__*/React.createElement("img", {
+    src: resolvedIconUrl,
+    alt: iconAlt,
+    loading: "lazy"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-card__top"
+  }, preTitle && /*#__PURE__*/React.createElement("span", {
+    className: "lsg-card__pre-title"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "lsg-card__pre-title-dot",
+    "aria-hidden": "true"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "lsg-card__pre-title-text"
+  }, preTitle), /*#__PURE__*/React.createElement("span", {
+    className: "lsg-card__pre-title-arrow",
+    "aria-hidden": "true"
+  }, "\u2192")), /*#__PURE__*/React.createElement("h3", {
+    className: "lsg-card__title"
+  }, title), subtitle && /*#__PURE__*/React.createElement("h4", {
+    className: "lsg-card__subtitle"
+  }, subtitle)), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-card__bottom"
+  }, description && /*#__PURE__*/React.createElement("p", {
+    className: "lsg-card__description"
+  }, description), (href || cta) && (href ? /*#__PURE__*/React.createElement("span", {
+    className: "lsg-card__cta",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "lsg-card__cta-label"
+  }, actionLabel), /*#__PURE__*/React.createElement("span", {
+    className: "lsg-card__cta-arrow",
+    "aria-hidden": "true"
+  }, "\u2192")) : /*#__PURE__*/React.createElement("a", {
+    className: "lsg-card__cta",
+    href: cta === null || cta === void 0 ? void 0 : cta.href,
+    target: (cta === null || cta === void 0 ? void 0 : cta.external) ? "_blank" : undefined,
+    rel: (cta === null || cta === void 0 ? void 0 : cta.external) ? "noreferrer noopener" : undefined
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "lsg-card__cta-label"
+  }, actionLabel), /*#__PURE__*/React.createElement("span", {
+    className: "lsg-card__cta-arrow",
+    "aria-hidden": "true"
+  }, "\u2192"))))));
+  return /*#__PURE__*/React.createElement("article", {
+    className: cardClassName,
+    "data-lsg-card-variant": variant
+  }, href ? /*#__PURE__*/React.createElement("a", {
+    href: href,
+    className: "lsg-card__link",
+    "aria-label": title
+  }, content) : /*#__PURE__*/React.createElement("div", {
+    className: "lsg-card__link"
+  }, content));
+};
+/** Renders the AEM/Storybook compatible responsive card grid. */
+var LsgCards = function (_a) {
+  var cards = _a.cards,
+    _b = _a.columns,
+    columns = _b === void 0 ? 3 : _b,
+    className = _a.className;
+  var listClassName = ["lsg-cards", "lsg-cards--cols-".concat(columns), className].filter(Boolean).join(" ");
+  return /*#__PURE__*/React.createElement("ul", {
+    className: listClassName,
+    "data-columns": columns
+  }, cards.map(function (card, index) {
+    var _a, _b, _c;
+    return /*#__PURE__*/React.createElement("li", {
+      className: "lsg-cards__item",
+      key: (_c = (_a = card.href) !== null && _a !== void 0 ? _a : (_b = card.cta) === null || _b === void 0 ? void 0 : _b.href) !== null && _c !== void 0 ? _c : "".concat(card.title, "-").concat(index)
+    }, /*#__PURE__*/React.createElement(LsgCard, card));
+  }));
+};
+
+var LSG_ICON_PATHS = {
+  bars: "M96 160C96 142.3 110.3 128 128 128L512 128C529.7 128 544 142.3 544 160C544 177.7 529.7 192 512 192L128 192C110.3 192 96 177.7 96 160zM96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320zM544 480C544 497.7 529.7 512 512 512L128 512C110.3 512 96 497.7 96 480C96 462.3 110.3 448 128 448L512 448C529.7 448 544 462.3 544 480z",
+  chevronLeft: "M169.4 297.4C156.9 309.9 156.9 330.2 169.4 342.7L361.4 534.7C373.9 547.2 394.2 547.2 406.7 534.7C419.2 522.2 419.2 501.9 406.7 489.4L237.3 320L406.6 150.6C419.1 138.1 419.1 117.8 406.6 105.3C394.1 92.8 373.8 92.8 361.3 105.3L169.3 297.3z",
+  chevronRight: "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",
+  close: "M504.6 148.5C515.9 134.9 514.1 114.7 500.5 103.4C486.9 92.1 466.7 93.9 455.4 107.5L320 270L184.6 107.5C173.3 93.9 153.1 92.1 139.5 103.4C125.9 114.7 124.1 134.9 135.4 148.5L278.3 320L135.4 491.5C124.1 505.1 125.9 525.3 139.5 536.6C153.1 547.9 173.3 546.1 184.6 532.5L320 370L455.4 532.5C466.7 546.1 486.9 547.9 500.5 536.6C514.1 525.3 515.9 505.1 504.6 491.5L361.7 320L504.6 148.5z",
+  globe: "M367.2 477C345.7 520.7 325.8 528 320 528C314.2 528 294.3 520.7 272.8 477C255.8 442.5 243.6 395.4 240.7 344L399.3 344C396.3 395.5 384.1 442.6 367.2 477zM399.3 296L240.7 296C243.7 244.5 255.9 197.4 272.8 163C294.3 119.3 314.2 112 320 112C325.8 112 345.7 119.3 367.2 163C384.2 197.5 396.4 244.6 399.3 296zM447.4 344L526.6 344C518 418.6 469.9 481.3 403.8 510.4C427.8 467.6 444.1 408 447.4 344zM526.6 296L447.4 296C444.1 232 427.8 172.4 403.8 129.6C469.9 158.8 518 221.4 526.6 296zM192.6 296L113.4 296C122 221.4 170.1 158.7 236.2 129.6C212.2 172.4 195.9 232 192.6 296zM113.4 344L192.6 344C195.9 408 212.2 467.6 236.2 510.4C170.1 481.2 122 418.6 113.4 344zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576z",
+  home: "M96 320L320 128L544 320H480V528H352V384H288V528H160V320H96z",
+  search: "M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z"
+};
+
+var LsgIcon = function (_a) {
+  var name = _a.name,
+    className = _a.className;
+  return /*#__PURE__*/React.createElement("svg", {
+    className: className,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 640 640",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: LSG_ICON_PATHS[name]
+  }));
+};
+
+function isSafeHref(href) {
+  if (!href) return false;
+  var value = href.trim().toLowerCase();
+  if (value.startsWith("javascript:") || value.startsWith("data:") || value.startsWith("vbscript:")) {
+    return false;
+  }
+  return value.startsWith("/") || value.startsWith("#") || value.startsWith("http://") || value.startsWith("https://") || !value.includes(":");
+}
+var BreadcrumbSeparator = function () {
+  return /*#__PURE__*/React.createElement("li", {
+    className: "lsg-breadcrumb__separator",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement(LsgIcon, {
+    name: "chevronRight",
+    className: "lsg-breadcrumb__separator-icon"
+  }));
+};
+var LsgBreadcrumb = function (_a) {
+  var _b = _a.items,
+    items = _b === void 0 ? [] : _b,
+    _c = _a.showBreadcrumbs,
+    showBreadcrumbs = _c === void 0 ? true : _c,
+    _d = _a.includeHome,
+    includeHome = _d === void 0 ? true : _d,
+    _e = _a.homeHref,
+    homeHref = _e === void 0 ? "/" : _e,
+    _f = _a.homeLabel,
+    homeLabel = _f === void 0 ? "Home" : _f,
+    _g = _a.className,
+    className = _g === void 0 ? "" : _g;
+  if (!showBreadcrumbs) return null;
+  var visibleItems = Array.isArray(items) ? items.filter(function (item) {
+    return Boolean(item) && typeof item.label === "string" && item.label.trim().length > 0;
+  }) : [];
+  if (!includeHome && visibleItems.length === 0) return null;
+  var rootClassName = ["lsg-breadcrumb", className].filter(Boolean).join(" ");
+  var safeHomeHref = isSafeHref(homeHref) ? homeHref : "/";
+  return /*#__PURE__*/React.createElement("nav", {
+    className: rootClassName,
+    "aria-label": "Breadcrumb"
+  }, /*#__PURE__*/React.createElement("ol", {
+    className: "lsg-breadcrumb__list"
+  }, includeHome && /*#__PURE__*/React.createElement("li", {
+    className: "lsg-breadcrumb__item lsg-breadcrumb__item--home"
+  }, /*#__PURE__*/React.createElement("a", {
+    className: "lsg-breadcrumb__home",
+    href: safeHomeHref,
+    "aria-label": homeLabel
+  }, /*#__PURE__*/React.createElement(LsgIcon, {
+    name: "home",
+    className: "lsg-breadcrumb__home-icon"
+  }))), visibleItems.map(function (item, index) {
+    var isCurrent = index === visibleItems.length - 1;
+    var safeHref = isSafeHref(item.href) ? item.href : undefined;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: "".concat(item.label, "-").concat(index)
+    }, (includeHome || index > 0) && /*#__PURE__*/React.createElement(BreadcrumbSeparator, null), /*#__PURE__*/React.createElement("li", {
+      className: ["lsg-breadcrumb__item", isCurrent ? "lsg-breadcrumb__item--current" : "lsg-breadcrumb__item--ancestor"].join(" ")
+    }, isCurrent ? /*#__PURE__*/React.createElement("span", {
+      className: "lsg-breadcrumb__current",
+      "aria-current": "page"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "lsg-breadcrumb__current-marker",
+      "aria-hidden": "true"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "lsg-breadcrumb__label"
+    }, item.label)) : safeHref ? /*#__PURE__*/React.createElement("a", {
+      className: "lsg-breadcrumb__link",
+      href: safeHref
+    }, item.label) : /*#__PURE__*/React.createElement("span", {
+      className: "lsg-breadcrumb__ancestor"
+    }, item.label)));
+  })));
+};
+
+var LsgLogo = function (_a) {
+  var src = _a.src,
+    _b = _a.alt,
+    alt = _b === void 0 ? "Logo" : _b,
+    _c = _a.href,
+    href = _c === void 0 ? "/" : _c,
+    width = _a.width,
+    _d = _a.height,
+    height = _d === void 0 ? 40 : _d,
+    _e = _a.text,
+    text = _e === void 0 ? "Atlas Copco" : _e;
+  var content = src ? /*#__PURE__*/React.createElement("img", {
+    src: src,
+    alt: alt,
+    width: width,
+    height: height,
+    className: "lsg-logo__image"
+  }) : /*#__PURE__*/React.createElement("span", {
+    className: "lsg-logo__text"
+  }, text);
+  return /*#__PURE__*/React.createElement("a", {
+    href: href,
+    className: "lsg-logo",
+    "aria-label": src ? alt : undefined
+  }, content);
+};
+
+var LsgNavigation = function (_a) {
+  var items = _a.items,
+    _b = _a.label,
+    label = _b === void 0 ? "Main navigation" : _b,
+    _c = _a.variant,
+    variant = _c === void 0 ? "simple" : _c,
+    onItemClick = _a.onItemClick,
+    onItemHover = _a.onItemHover;
+  var renderItems = function (navItems, level) {
+    if (level === void 0) {
+      level = 0;
+    }
+    return /*#__PURE__*/React.createElement("ul", {
+      className: level === 0 ? "lsg-nav__list" : "lsg-nav__dropdown",
+      role: "list"
+    }, navItems.map(function (item) {
+      var _a;
+      var hasChildren = Boolean((_a = item.children) === null || _a === void 0 ? void 0 : _a.length);
+      return /*#__PURE__*/React.createElement("li", {
+        key: "".concat(item.href, "-").concat(level),
+        className: ["lsg-nav__item", hasChildren ? "lsg-nav__item--has-children" : "", item.open ? "lsg-nav__item--open" : ""].filter(Boolean).join(" "),
+        onMouseEnter: function () {
+          if (onItemHover && hasChildren) {
+            onItemHover(item, level);
+          }
+        }
+      }, /*#__PURE__*/React.createElement("a", {
+        href: item.href,
+        onClick: function (event) {
+          if (onItemClick && hasChildren) {
+            event.preventDefault();
+            onItemClick(item, level);
+          }
+        },
+        className: ["lsg-nav__link", item.current ? "lsg-nav__link--current" : ""].filter(Boolean).join(" "),
+        "aria-current": item.current ? "page" : undefined,
+        "aria-expanded": variant === "dropdown" && hasChildren ? item.open : undefined
+      }, /*#__PURE__*/React.createElement("p", null, item.label), hasChildren && /*#__PURE__*/React.createElement("span", {
+        className: "lsg-nav__chevron",
+        "aria-hidden": "true"
+      }, /*#__PURE__*/React.createElement("svg", {
+        viewBox: "0 0 640 640",
+        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"
+      })))), hasChildren && renderItems(item.children || [], level + 1));
+    }));
+  };
+  return /*#__PURE__*/React.createElement("nav", {
+    className: ["lsg-nav", "lsg-nav--".concat(variant)].join(" "),
+    "aria-label": label
+  }, renderItems(items));
+};
+
+var ChevronIcon = function () {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("polyline", {
+    points: "2 4 6 8 10 4"
+  }));
+};
+/**
+ * Language Switcher
+ *
+ * Hydrated: state managed by React (useState).
+ * Clientlib-only: driven by lsg-clientlib.js targeting [data-lsg-lang-switcher].
+ */
+var LsgLanguageSwitcher = function (_a) {
+  var currentLanguage = _a.currentLanguage,
+    languages = _a.languages,
+    _b = _a.label,
+    label = _b === void 0 ? "Select language" : _b,
+    onLanguageChange = _a.onLanguageChange;
+  var _c = useState(false),
+    isOpen = _c[0],
+    setIsOpen = _c[1];
+  var containerRef = useRef(null);
+  var reactId = useId();
+  var triggerId = "lsg-lang-trigger-".concat(reactId);
+  var dropdownId = "lsg-lang-dropdown-".concat(reactId);
+  // Close on outside click
+  useEffect(function () {
+    if (!isOpen) return;
+    var handleClick = function (e) {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClick);
+    return function () {
+      return document.removeEventListener("mousedown", handleClick);
+    };
+  }, [isOpen]);
+  // Close on Escape
+  useEffect(function () {
+    if (!isOpen) return;
+    var handleKey = function (e) {
+      if (e.key === "Escape") setIsOpen(false);
+    };
+    document.addEventListener("keydown", handleKey);
+    return function () {
+      return document.removeEventListener("keydown", handleKey);
+    };
+  }, [isOpen]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "lsg-lang-switcher",
+    ref: containerRef,
+    "data-lsg-lang-switcher": true
+  }, /*#__PURE__*/React.createElement("button", {
+    id: triggerId,
+    type: "button",
+    className: "lsg-lang-switcher__trigger",
+    "aria-label": label,
+    "aria-haspopup": "listbox",
+    "aria-expanded": isOpen,
+    "aria-controls": dropdownId,
+    onClick: function () {
+      return setIsOpen(function (prev) {
+        return !prev;
+      });
+    }
+  }, /*#__PURE__*/React.createElement(LsgIcon, {
+    name: "globe",
+    className: "lsg-lang-switcher__globe"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "lsg-lang-switcher__current"
+  }, currentLanguage), /*#__PURE__*/React.createElement(ChevronIcon, null)), isOpen && /*#__PURE__*/React.createElement("ul", {
+    id: dropdownId,
+    className: "lsg-lang-switcher__dropdown",
+    role: "listbox",
+    "aria-labelledby": triggerId
+  }, languages.map(function (lang) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: lang.code,
+      className: "lsg-lang-switcher__option",
+      role: "option"
+    }, /*#__PURE__*/React.createElement("a", {
+      href: lang.href,
+      className: ["lsg-lang-switcher__option-link", lang.code === currentLanguage ? "lsg-lang-switcher__option-link--active" : ""].filter(Boolean).join(" "),
+      "aria-current": lang.code === currentLanguage ? true : undefined,
+      onClick: function (event) {
+        if (!onLanguageChange) return;
+        event.preventDefault();
+        onLanguageChange(lang);
+        setIsOpen(false);
+      }
+    }, lang.label));
+  })));
+};
+
+var SearchIcon$1 = function () {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: "11",
+    cy: "11",
+    r: "8"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "21",
+    y1: "21",
+    x2: "16.65",
+    y2: "16.65"
+  }));
+};
+var LsgSearchTrigger = function (_a) {
+  var _b = _a.label,
+    label = _b === void 0 ? "Open search" : _b,
+    targetId = _a.targetId,
+    onClick = _a.onClick;
+  return /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "lsg-search-trigger",
+    "aria-label": label,
+    "aria-haspopup": "dialog",
+    "aria-controls": targetId,
+    onClick: onClick,
+    "data-lsg-search-trigger": true
+  }, /*#__PURE__*/React.createElement(SearchIcon$1, null));
+};
+
+var SearchIcon = function () {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: "11",
+    cy: "11",
+    r: "8"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "21",
+    y1: "21",
+    x2: "16.65",
+    y2: "16.65"
+  }));
+};
+var CloseIcon = function () {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("line", {
+    x1: "18",
+    y1: "6",
+    x2: "6",
+    y2: "18"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "6",
+    y1: "6",
+    x2: "18",
+    y2: "18"
+  }));
+};
+/**
+ * Search Overlay
+ *
+ * Hydrated: isOpen/onClose controlled by parent (e.g. LsgHeader).
+ * Clientlib-only: driven by lsg-clientlib.js targeting [data-lsg-search-overlay].
+ * The CSS class lsg-search-overlay--open drives visibility in both modes.
+ */
+var LsgSearchOverlay = function (_a) {
+  var _b = _a.id,
+    id = _b === void 0 ? "lsg-search-overlay" : _b,
+    _c = _a.placeholder,
+    placeholder = _c === void 0 ? "Search…" : _c,
+    _d = _a.label,
+    label = _d === void 0 ? "Search" : _d,
+    _e = _a.isOpen,
+    isOpen = _e === void 0 ? false : _e,
+    onClose = _a.onClose,
+    onSearch = _a.onSearch;
+  var inputRef = useRef(null);
+  var inputId = "".concat(id, "-input");
+  // Focus the input when overlay opens
+  useEffect(function () {
+    var _a;
+    if (isOpen) (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+  }, [isOpen]);
+  // Close on Escape
+  useEffect(function () {
+    if (!isOpen) return;
+    var handleKey = function (e) {
+      if (e.key === "Escape") onClose === null || onClose === void 0 ? void 0 : onClose();
+    };
+    document.addEventListener("keydown", handleKey);
+    return function () {
+      return document.removeEventListener("keydown", handleKey);
+    };
+  }, [isOpen, onClose]);
+  var handleSubmit = function (e) {
+    var _a, _b;
+    e.preventDefault();
+    var query = (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "";
+    if (query.trim()) onSearch === null || onSearch === void 0 ? void 0 : onSearch(query.trim());
+  };
+  var overlayClass = ["lsg-search-overlay", isOpen ? "lsg-search-overlay--open" : ""].filter(Boolean).join(" ");
+  return /*#__PURE__*/React.createElement("div", {
+    id: id,
+    className: overlayClass,
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-label": label,
+    "data-lsg-search-overlay": true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-search-overlay__backdrop",
+    "aria-hidden": "true",
+    onClick: onClose,
+    style: {
+      position: "absolute",
+      inset: 0,
+      cursor: "default"
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-search-overlay__panel"
+  }, /*#__PURE__*/React.createElement("form", {
+    className: "lsg-search-overlay__form",
+    role: "search",
+    onSubmit: handleSubmit
+  }, /*#__PURE__*/React.createElement("label", {
+    htmlFor: inputId,
+    className: "lsg-search-overlay__label"
+  }, /*#__PURE__*/React.createElement(SearchIcon, null), /*#__PURE__*/React.createElement("span", {
+    className: "lsg-visually-hidden"
+  }, label)), /*#__PURE__*/React.createElement("input", {
+    id: inputId,
+    ref: inputRef,
+    type: "search",
+    className: "lsg-search-overlay__input",
+    placeholder: placeholder,
+    autoComplete: "off"
+  }), /*#__PURE__*/React.createElement("button", {
+    type: "submit",
+    className: "lsg-search-overlay__submit",
+    "aria-label": "Submit search"
+  }, /*#__PURE__*/React.createElement(SearchIcon, null)), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "lsg-search-overlay__close",
+    "aria-label": "Close search",
+    onClick: onClose
+  }, /*#__PURE__*/React.createElement(CloseIcon, null)))));
+};
+
+var SEARCH_OVERLAY_ID = "lsg-header-search-overlay";
+var LsgHeaderIcon = function (_a) {
+  var name = _a.name,
+    className = _a.className;
+  return /*#__PURE__*/React.createElement(LsgIcon, {
+    name: name,
+    className: ["lsg-header__icon", "lsg-header__icon--".concat(name), className || ""].filter(Boolean).join(" ")
+  });
+};
+var getItemByPath = function (items, activePath, depth) {
+  var currentItems = items;
+  var currentItem;
+  var _loop_1 = function (i) {
+    currentItem = currentItems.find(function (item) {
+      return item.label === activePath[i];
+    });
+    currentItems = (currentItem === null || currentItem === void 0 ? void 0 : currentItem.children) || [];
+  };
+  for (var i = 0; i <= depth; i += 1) {
+    _loop_1(i);
+  }
+  return currentItem;
+};
+var getItemsAtLevel = function (items, activePath, level) {
+  var _a;
+  if (level <= 1) {
+    return items;
+  }
+  return ((_a = getItemByPath(items, activePath, level - 2)) === null || _a === void 0 ? void 0 : _a.children) || [];
+};
+var getMegaColumns = function (items, activePath, maxDepth) {
+  if (maxDepth === void 0) {
+    maxDepth = 4;
+  }
+  var columns = [items];
+  var currentItems = items;
+  activePath.slice(0, maxDepth - 1).forEach(function (label) {
+    var _a;
+    var activeItem = currentItems.find(function (item) {
+      return item.label === label;
+    });
+    if ((_a = activeItem === null || activeItem === void 0 ? void 0 : activeItem.children) === null || _a === void 0 ? void 0 : _a.length) {
+      columns.push(activeItem.children);
+      currentItems = activeItem.children;
+    }
+  });
+  return columns.slice(0, maxDepth);
+};
+var isCurrentOrActiveAtLevel = function (item, activePath, level) {
+  return item.current || activePath[level] === item.label;
+};
+var isSelectedAtLevel = function (item, activePath, level) {
+  return activePath[level] === item.label;
+};
+var hasOpenNavItem = function (items) {
+  return items.some(function (item) {
+    return item.open || hasOpenNavItem(item.children || []);
+  });
+};
+var clearMegaMenuBranch = function (scope) {
+  if (scope instanceof HTMLElement) {
+    scope.classList.remove("lsg-header__mega-item--open");
+    scope.classList.remove("lsg-header__mega-column--open");
+  }
+  scope.querySelectorAll(".lsg-header__mega-item--open").forEach(function (item) {
+    item.classList.remove("lsg-header__mega-item--open");
+  });
+  scope.querySelectorAll(".lsg-header__mega-column--open").forEach(function (column) {
+    column.classList.remove("lsg-header__mega-column--open");
+  });
+};
+var activateMegaMenuItem = function (item) {
+  var _a;
+  var parentColumn = item.parentElement;
+  if (parentColumn) {
+    Array.from(parentColumn.children).forEach(function (openItem) {
+      if (openItem !== item) {
+        clearMegaMenuBranch(openItem);
+      }
+    });
+  }
+  item.classList.add("lsg-header__mega-item--open");
+  (_a = item.querySelector(":scope > .lsg-header__mega-column")) === null || _a === void 0 ? void 0 : _a.classList.add("lsg-header__mega-column--open");
+};
+var HeaderActionButton = function (_a) {
+  var label = _a.label,
+    icon = _a.icon,
+    onClick = _a.onClick,
+    controls = _a.controls,
+    className = _a.className;
+  return /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: ["lsg-header__icon-button", className || ""].filter(Boolean).join(" "),
+    "aria-label": label,
+    "aria-controls": controls,
+    onClick: onClick,
+    "data-lsg-search-trigger": icon === "search" ? "" : undefined
+  }, /*#__PURE__*/React.createElement(LsgHeaderIcon, {
+    name: icon
+  }));
+};
+var LsgHeader = function (_a) {
+  var logo = _a.logo,
+    _b = _a.navItems,
+    navItems = _b === void 0 ? [] : _b,
+    _c = _a.languages,
+    languages = _c === void 0 ? [] : _c,
+    _d = _a.currentLanguage,
+    currentLanguage = _d === void 0 ? "EN" : _d,
+    onLanguageChange = _a.onLanguageChange,
+    _e = _a.searchLabel,
+    searchLabel = _e === void 0 ? "Open search" : _e,
+    _f = _a.searchPlaceholder,
+    searchPlaceholder = _f === void 0 ? "Search products, documents..." : _f,
+    _g = _a.variant,
+    variant = _g === void 0 ? "simple" : _g,
+    _h = _a.menuOpen,
+    menuOpen = _h === void 0 ? false : _h,
+    _j = _a.mobileLevel,
+    mobileLevel = _j === void 0 ? 0 : _j,
+    _k = _a.activePath,
+    activePath = _k === void 0 ? [] : _k,
+    mobileSelectedLabel = _a.mobileSelectedLabel,
+    onMenuToggle = _a.onMenuToggle,
+    onNavItemHover = _a.onNavItemHover,
+    onDropdownClose = _a.onDropdownClose,
+    onMegaItemHover = _a.onMegaItemHover,
+    onMobileItemClick = _a.onMobileItemClick,
+    onMobileBreadcrumbClick = _a.onMobileBreadcrumbClick,
+    children = _a.children;
+  var _l = useState(false),
+    searchOpen = _l[0],
+    setSearchOpen = _l[1];
+  var headerRef = useRef(null);
+  var mobileOpen = menuOpen || mobileLevel > 0;
+  var columns = children ? [] : getMegaColumns(navItems, activePath);
+  var mobileItems = getItemsAtLevel(navItems, activePath, mobileLevel || 1);
+  var mobileBackLabel = activePath[activePath.length - 1] || "menu";
+  var dropdownOpen = variant === "dropdown" && hasOpenNavItem(navItems);
+  useEffect(function () {
+    if (!menuOpen && !dropdownOpen) {
+      return undefined;
+    }
+    var closeOnOutsidePointerDown = function (event) {
+      var _a;
+      if ((_a = headerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) {
+        return;
+      }
+      if (menuOpen) {
+        onMenuToggle === null || onMenuToggle === void 0 ? void 0 : onMenuToggle();
+      }
+      if (dropdownOpen) {
+        onDropdownClose === null || onDropdownClose === void 0 ? void 0 : onDropdownClose();
+      }
+    };
+    document.addEventListener("mousedown", closeOnOutsidePointerDown);
+    document.addEventListener("touchstart", closeOnOutsidePointerDown);
+    return function () {
+      document.removeEventListener("mousedown", closeOnOutsidePointerDown);
+      document.removeEventListener("touchstart", closeOnOutsidePointerDown);
+    };
+  }, [dropdownOpen, menuOpen, onDropdownClose, onMenuToggle]);
+  useEffect(function () {
+    if (variant !== "mega" || !children || !menuOpen || !headerRef.current) {
+      return undefined;
+    }
+    var megaItems = Array.from(headerRef.current.querySelectorAll(".lsg-header__mega-item--has-children"));
+    var removeListeners = megaItems.map(function (item) {
+      var onMouseEnter = function () {
+        return activateMegaMenuItem(item);
+      };
+      var onFocusIn = function () {
+        return activateMegaMenuItem(item);
+      };
+      item.addEventListener("mouseenter", onMouseEnter);
+      item.addEventListener("focusin", onFocusIn);
+      return function () {
+        item.removeEventListener("mouseenter", onMouseEnter);
+        item.removeEventListener("focusin", onFocusIn);
+      };
+    });
+    return function () {
+      removeListeners.forEach(function (removeListener) {
+        return removeListener();
+      });
+      if (headerRef.current) {
+        clearMegaMenuBranch(headerRef.current);
+      }
+    };
+  }, [children, menuOpen, variant]);
+  var openSearch = function () {
+    return setSearchOpen(true);
+  };
+  var renderActions = function (showMenu) {
+    if (showMenu === void 0) {
+      showMenu = false;
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "lsg-header__actions"
+    }, showMenu && variant === "mega" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      className: "lsg-header__menu-trigger",
+      "aria-label": menuOpen ? "Close menu" : "Open menu",
+      "aria-expanded": menuOpen,
+      onClick: onMenuToggle,
+      "data-lsg-menu-trigger": true
+    }, /*#__PURE__*/React.createElement(LsgHeaderIcon, {
+      name: menuOpen ? "close" : "bars"
+    }), /*#__PURE__*/React.createElement("span", null, menuOpen ? "CLOSE" : "MENU")), /*#__PURE__*/React.createElement("span", {
+      className: "lsg-header__separator",
+      "aria-hidden": "true"
+    }, "|")), /*#__PURE__*/React.createElement(HeaderActionButton, {
+      label: searchLabel,
+      icon: "search",
+      controls: SEARCH_OVERLAY_ID,
+      onClick: openSearch
+    }), languages.length > 0 && /*#__PURE__*/React.createElement(LsgLanguageSwitcher, {
+      currentLanguage: currentLanguage,
+      languages: languages,
+      label: "Current language: ".concat(currentLanguage),
+      onLanguageChange: onLanguageChange
+    }));
+  };
+  var renderMegaPanel = function () {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "lsg-header__mega-panel"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "lsg-header__mega-inner"
+    }, columns.map(function (columnItems, columnIndex) {
+      return /*#__PURE__*/React.createElement("ul", {
+        key: "mega-column-".concat(columnIndex),
+        className: "lsg-header__mega-column",
+        role: "list"
+      }, columnItems.map(function (item) {
+        var _a;
+        var hasChildren = Boolean((_a = item.children) === null || _a === void 0 ? void 0 : _a.length);
+        return /*#__PURE__*/React.createElement("li", {
+          key: "".concat(item.href, "-").concat(columnIndex),
+          className: ["lsg-header__mega-item", hasChildren ? "lsg-header__mega-item--has-children" : "", isSelectedAtLevel(item, activePath, columnIndex) ? "lsg-header__mega-item--active" : ""].filter(Boolean).join(" "),
+          onMouseEnter: function () {
+            if (onMegaItemHover && hasChildren) {
+              onMegaItemHover(item, columnIndex);
+            }
+          }
+        }, /*#__PURE__*/React.createElement("a", {
+          href: item.href,
+          className: "lsg-header__mega-link"
+        }, /*#__PURE__*/React.createElement("span", null, item.label), hasChildren && /*#__PURE__*/React.createElement(LsgHeaderIcon, {
+          name: "chevronRight"
+        })));
+      }));
+    })));
+  };
+  var renderMobileMenu = function () {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "lsg-header__mobile-panel"
+    }, variant === "dropdown" ? /*#__PURE__*/React.createElement(LsgNavigation, {
+      items: navItems,
+      variant: "dropdown",
+      onItemClick: function (item, level) {
+        return onMobileItemClick === null || onMobileItemClick === void 0 ? void 0 : onMobileItemClick(item, level + 1);
+      }
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null, variant === "mega" && mobileLevel > 1 && /*#__PURE__*/React.createElement("nav", {
+      className: "lsg-header__mobile-back",
+      "aria-label": "Menu navigation"
+    }, /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      className: "lsg-header__mobile-back-button",
+      "aria-label": "Back to ".concat(mobileBackLabel),
+      onClick: function () {
+        return onMobileBreadcrumbClick === null || onMobileBreadcrumbClick === void 0 ? void 0 : onMobileBreadcrumbClick(Math.max(1, mobileLevel - 1));
+      }
+    }, /*#__PURE__*/React.createElement(LsgHeaderIcon, {
+      name: "chevronRight"
+    }), /*#__PURE__*/React.createElement("span", null, "Back to ", mobileBackLabel))), /*#__PURE__*/React.createElement("ul", {
+      className: "lsg-header__mobile-list",
+      role: "list"
+    }, mobileItems.map(function (item, index) {
+      var _a;
+      var hasChildren = Boolean((_a = item.children) === null || _a === void 0 ? void 0 : _a.length);
+      var isSelected = mobileSelectedLabel ? item.label === mobileSelectedLabel : isCurrentOrActiveAtLevel(item, activePath, Math.max(0, mobileLevel - 1));
+      return /*#__PURE__*/React.createElement("li", {
+        key: "".concat(item.href, "-mobile-").concat(index),
+        className: ["lsg-header__mobile-item", hasChildren ? "lsg-header__mobile-item--has-children" : "", isSelected ? "lsg-header__mobile-item--active" : ""].filter(Boolean).join(" ")
+      }, /*#__PURE__*/React.createElement("a", {
+        href: item.href,
+        className: "lsg-header__mobile-link",
+        onClick: function (event) {
+          if (onMobileItemClick && hasChildren) {
+            event.preventDefault();
+            onMobileItemClick(item, Math.max(1, mobileLevel || 1));
+          }
+        }
+      }, /*#__PURE__*/React.createElement("span", null, item.label), hasChildren && /*#__PURE__*/React.createElement(LsgHeaderIcon, {
+        name: "chevronRight"
+      })));
+    }))));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LsgSearchOverlay, {
+    id: SEARCH_OVERLAY_ID,
+    isOpen: searchOpen,
+    onClose: function () {
+      return setSearchOpen(false);
+    },
+    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(" ")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-header__inner"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-logo-decorator"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-logo"
+  }, /*#__PURE__*/React.createElement(LsgLogo, logo))), variant !== "mega" && navItems.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-header__nav"
+  }, /*#__PURE__*/React.createElement(LsgNavigation, {
+    items: navItems,
+    variant: variant,
+    onItemHover: onNavItemHover
+  })), variant === "mega" && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-header__desktop-menu"
+  }, renderActions(true)), variant !== "mega" && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-header__desktop-actions"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "lsg-header__separator",
+    "aria-hidden": "true"
+  }, "|"), renderActions(false)), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-header__mobile-actions"
+  }, /*#__PURE__*/React.createElement(HeaderActionButton, {
+    label: searchLabel,
+    icon: "search",
+    controls: SEARCH_OVERLAY_ID,
+    onClick: openSearch
+  }), languages.length > 0 && /*#__PURE__*/React.createElement(LsgLanguageSwitcher, {
+    currentLanguage: currentLanguage,
+    languages: languages,
+    label: "Current language: ".concat(currentLanguage),
+    onLanguageChange: onLanguageChange
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "lsg-header__separator",
+    "aria-hidden": "true"
+  }, "|"), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "lsg-header__icon-button",
+    "aria-label": mobileOpen ? "Close menu" : "Open menu",
+    "aria-expanded": mobileOpen,
+    onClick: onMenuToggle,
+    "data-lsg-menu-trigger": true
+  }, /*#__PURE__*/React.createElement(LsgHeaderIcon, {
+    name: mobileOpen ? "close" : "bars"
+  })))), variant === "mega" && menuOpen && (children || renderMegaPanel()), mobileOpen && renderMobileMenu()));
+};
+
+var LsgQuickLinks = function (_a) {
+  var heading = _a.heading,
+    links = _a.links;
+  return /*#__PURE__*/React.createElement("nav", {
+    className: "lsg-quick-links",
+    "aria-label": heading !== null && heading !== void 0 ? heading : "Quick links"
+  }, heading && /*#__PURE__*/React.createElement("p", {
+    className: "lsg-quick-links__heading",
+    "aria-hidden": "true"
+  }, heading), /*#__PURE__*/React.createElement("ul", {
+    className: "lsg-quick-links__list",
+    role: "list"
+  }, links.map(function (link) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: link.href,
+      className: "lsg-quick-links__item"
+    }, /*#__PURE__*/React.createElement("a", {
+      href: link.href,
+      className: "lsg-quick-links__link"
+    }, link.label));
+  })));
+};
+
+var platformIcons = {
+  linkedin: /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M20.45 20.45h-3.56v-5.57c0-1.33-.03-3.04-1.85-3.04-1.86 0-2.14 1.45-2.14 2.95v5.66H9.34V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.45v6.29zM5.34 7.43a2.07 2.07 0 1 1 0-4.14 2.07 2.07 0 0 1 0 4.14zM7.12 20.45H3.55V9h3.57v11.45z"
+  })),
+  twitter: /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
+  })),
+  facebook: /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.97h-1.513c-1.491 0-1.956.93-1.956 1.874v2.25h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z"
+  })),
+  instagram: /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"
+  })),
+  youtube: /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
+  }))
+};
+var LsgSocialMediaIcons = function (_a) {
+  var items = _a.items;
+  return /*#__PURE__*/React.createElement("ul", {
+    className: "lsg-social-icons",
+    role: "list"
+  }, items.map(function (item) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: item.platform,
+      className: "lsg-social-icons__item"
+    }, /*#__PURE__*/React.createElement("a", {
+      href: item.href,
+      className: "lsg-social-icons__link",
+      "aria-label": item.label,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }, platformIcons[item.platform]));
+  }));
+};
+
+var PhoneIcon = function () {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M15.833 13.483c-.417-.416-1.25-.833-1.875-1.083-.625-.25-1.042-.167-1.458.208l-.834.833c-.208.209-.5.209-.708.042-.625-.5-1.833-1.583-2.583-2.333-.75-.75-1.75-1.875-2.25-2.583-.167-.208-.125-.5.083-.709l.834-.833c.416-.417.5-.833.25-1.458-.25-.625-.667-1.458-1.084-1.875C8.791 3.25 8.208 3 7.583 3c-.416 0-.833.167-1.125.458L5.625 4.292C4.5 5.417 4.708 7.125 5.333 8.833c.625 1.708 2 3.833 3.625 5.458 1.625 1.625 3.75 3 5.458 3.625 1.709.625 3.417.833 4.542-.292l.833-.833c.292-.292.458-.708.458-1.125 0-.625-.25-1.208-.416-1.583z",
+    fill: "currentColor"
+  }));
+};
+var FaxIcon = function () {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M16 6h-1V2H5v4H4c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h1v2h10v-2h1c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM7 4h6v2H7V4zm6 12H7v-4h6v4zm3-5H4V8h12v3z",
+    fill: "currentColor"
+  }));
+};
+var MailIcon = function () {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "20",
+    viewBox: "0 0 24 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M20 0H4C2.9 0 2 .9 2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V2l8 5 8-5v2z",
+    fill: "currentColor"
+  }));
+};
+var LocationIcon = function () {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "18",
+    height: "21",
+    viewBox: "0 0 18 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M9 0C5.13 0 2 3.13 2 7c0 5.25 7 13 7 13s7-7.75 7-13C16 3.13 12.87 0 9 0zm0 9.5C7.62 9.5 6.5 8.38 6.5 7S7.62 4.5 9 4.5 11.5 5.62 11.5 7 10.38 9.5 9 9.5z",
+    fill: "currentColor"
+  }));
+};
+var AiBadge = function () {
+  return /*#__PURE__*/React.createElement("span", {
+    className: "lsg-footer__ai-badge"
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "10",
+    stroke: "currentColor",
+    strokeWidth: "1.5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M2 12h20M12 2a15.3 15.3 0 0 1 0 20M12 2a15.3 15.3 0 0 0 0 20",
+    stroke: "currentColor",
+    strokeWidth: "1.5"
+  })), "This Website Is Translated With AI");
+};
+var SocialIcon = function (_a) {
+  var _b;
+  var platform = _a.platform;
+  var icons = {
+    facebook: /*#__PURE__*/React.createElement("svg", {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"
+    })),
+    twitter: /*#__PURE__*/React.createElement("svg", {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
+    })),
+    linkedin: /*#__PURE__*/React.createElement("svg", {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z"
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: "4",
+      cy: "4",
+      r: "2"
+    })),
+    youtube: /*#__PURE__*/React.createElement("svg", {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M22.54 6.42a2.78 2.78 0 0 0-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46a2.78 2.78 0 0 0-1.95 1.96A29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58A2.78 2.78 0 0 0 3.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.4a2.78 2.78 0 0 0 1.95-1.95A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58zM9.75 15.02V8.98L15.5 12l-5.75 3.02z"
+    })),
+    instagram: /*#__PURE__*/React.createElement("svg", {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true"
+    }, /*#__PURE__*/React.createElement("rect", {
+      x: "2",
+      y: "2",
+      width: "20",
+      height: "20",
+      rx: "5",
+      ry: "5"
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: "12",
+      cy: "12",
+      r: "4"
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: "17.5",
+      cy: "6.5",
+      r: "0.5",
+      fill: "currentColor"
+    }))
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (_b = icons[platform]) !== null && _b !== void 0 ? _b : null);
 };
-function OptionsHandler(ownerWindow) {
-  function mergeOptions(optionsA, optionsB) {
-    return objectsMergeDeep(optionsA, optionsB || {});
-  }
-  function optionsAtMedia(options) {
-    const optionsAtMedia = options.breakpoints || {};
-    const matchedMediaOptions = objectKeys(optionsAtMedia).filter(media => ownerWindow.matchMedia(media).matches).map(media => optionsAtMedia[media]).reduce((a, mediaOption) => mergeOptions(a, mediaOption), {});
-    return mergeOptions(options, matchedMediaOptions);
-  }
-  function optionsMediaQueries(optionsList) {
-    return optionsList.map(options => objectKeys(options.breakpoints || {})).reduce((acc, mediaQueries) => acc.concat(mediaQueries), []).map(ownerWindow.matchMedia);
-  }
-  const self = {
-    mergeOptions,
-    optionsAtMedia,
-    optionsMediaQueries
-  };
-  return self;
-}
-function PluginsHandler(optionsHandler) {
-  let activePlugins = [];
-  function init(emblaApi, plugins) {
-    activePlugins = plugins.filter(({
-      options
-    }) => optionsHandler.optionsAtMedia(options).active !== false);
-    activePlugins.forEach(plugin => plugin.init(emblaApi, optionsHandler));
-    return plugins.reduce((map, plugin) => Object.assign(map, {
-      [plugin.name]: plugin
-    }), {});
-  }
-  function destroy() {
-    activePlugins = activePlugins.filter(plugin => plugin.destroy());
-  }
-  const self = {
-    init,
-    destroy
-  };
-  return self;
-}
-function EmblaCarousel(root, userOptions, userPlugins) {
-  const ownerDocument = root.ownerDocument;
-  const ownerWindow = ownerDocument.defaultView;
-  const optionsHandler = OptionsHandler(ownerWindow);
-  const pluginsHandler = PluginsHandler(optionsHandler);
-  const mediaHandlers = EventStore();
-  const eventHandler = EventHandler();
-  const {
-    mergeOptions,
-    optionsAtMedia,
-    optionsMediaQueries
-  } = optionsHandler;
-  const {
-    on,
-    off,
-    emit
-  } = eventHandler;
-  const reInit = reActivate;
-  let destroyed = false;
-  let engine;
-  let optionsBase = mergeOptions(defaultOptions, EmblaCarousel.globalOptions);
-  let options = mergeOptions(optionsBase);
-  let pluginList = [];
-  let pluginApis;
-  let container;
-  let slides;
-  function storeElements() {
-    const {
-      container: userContainer,
-      slides: userSlides
-    } = options;
-    const customContainer = isString(userContainer) ? root.querySelector(userContainer) : userContainer;
-    container = customContainer || root.children[0];
-    const customSlides = isString(userSlides) ? container.querySelectorAll(userSlides) : userSlides;
-    slides = [].slice.call(customSlides || container.children);
-  }
-  function createEngine(options) {
-    const engine = Engine(root, container, slides, ownerDocument, ownerWindow, options, eventHandler);
-    if (options.loop && !engine.slideLooper.canLoop()) {
-      const optionsWithoutLoop = Object.assign({}, options, {
-        loop: false
-      });
-      return createEngine(optionsWithoutLoop);
-    }
-    return engine;
-  }
-  function activate(withOptions, withPlugins) {
-    if (destroyed) return;
-    optionsBase = mergeOptions(optionsBase, withOptions);
-    options = optionsAtMedia(optionsBase);
-    pluginList = withPlugins || pluginList;
-    storeElements();
-    engine = createEngine(options);
-    optionsMediaQueries([optionsBase, ...pluginList.map(({
-      options
-    }) => options)]).forEach(query => mediaHandlers.add(query, 'change', reActivate));
-    if (!options.active) return;
-    engine.translate.to(engine.location.get());
-    engine.animation.init();
-    engine.slidesInView.init();
-    engine.slideFocus.init(self);
-    engine.eventHandler.init(self);
-    engine.resizeHandler.init(self);
-    engine.slidesHandler.init(self);
-    if (engine.options.loop) engine.slideLooper.loop();
-    if (container.offsetParent && slides.length) engine.dragHandler.init(self);
-    pluginApis = pluginsHandler.init(self, pluginList);
-  }
-  function reActivate(withOptions, withPlugins) {
-    const startIndex = selectedScrollSnap();
-    deActivate();
-    activate(mergeOptions({
-      startIndex
-    }, withOptions), withPlugins);
-    eventHandler.emit('reInit');
-  }
-  function deActivate() {
-    engine.dragHandler.destroy();
-    engine.eventStore.clear();
-    engine.translate.clear();
-    engine.slideLooper.clear();
-    engine.resizeHandler.destroy();
-    engine.slidesHandler.destroy();
-    engine.slidesInView.destroy();
-    engine.animation.destroy();
-    pluginsHandler.destroy();
-    mediaHandlers.clear();
-  }
-  function destroy() {
-    if (destroyed) return;
-    destroyed = true;
-    mediaHandlers.clear();
-    deActivate();
-    eventHandler.emit('destroy');
-    eventHandler.clear();
-  }
-  function scrollTo(index, jump, direction) {
-    if (!options.active || destroyed) return;
-    engine.scrollBody.useBaseFriction().useDuration(jump === true ? 0 : options.duration);
-    engine.scrollTo.index(index, direction || 0);
-  }
-  function scrollNext(jump) {
-    const next = engine.index.add(1).get();
-    scrollTo(next, jump, -1);
-  }
-  function scrollPrev(jump) {
-    const prev = engine.index.add(-1).get();
-    scrollTo(prev, jump, 1);
-  }
-  function canScrollNext() {
-    const next = engine.index.add(1).get();
-    return next !== selectedScrollSnap();
-  }
-  function canScrollPrev() {
-    const prev = engine.index.add(-1).get();
-    return prev !== selectedScrollSnap();
-  }
-  function scrollSnapList() {
-    return engine.scrollSnapList;
-  }
-  function scrollProgress() {
-    return engine.scrollProgress.get(engine.offsetLocation.get());
-  }
-  function selectedScrollSnap() {
-    return engine.index.get();
-  }
-  function previousScrollSnap() {
-    return engine.indexPrevious.get();
-  }
-  function slidesInView() {
-    return engine.slidesInView.get();
-  }
-  function slidesNotInView() {
-    return engine.slidesInView.get(false);
-  }
-  function plugins() {
-    return pluginApis;
-  }
-  function internalEngine() {
-    return engine;
-  }
-  function rootNode() {
-    return root;
-  }
-  function containerNode() {
-    return container;
-  }
-  function slideNodes() {
-    return slides;
+var SocialIconsRow = function (_a) {
+  var links = _a.links;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__bottom-social"
+  }, links.map(function (l) {
+    return /*#__PURE__*/React.createElement("a", {
+      key: l.platform,
+      href: l.href,
+      "aria-label": l.platform,
+      style: {
+        color: "inherit",
+        display: "inline-flex",
+        alignItems: "center",
+        opacity: 0.8
+      }
+    }, /*#__PURE__*/React.createElement(SocialIcon, {
+      platform: l.platform
+    }));
+  }));
+};
+var LsgFooter = function (_a) {
+  var _b, _c, _d, _e;
+  var _f = _a.variant,
+    variant = _f === void 0 ? "simple" : _f,
+    _g = _a.simpleTwoRow,
+    simpleTwoRow = _g === void 0 ? false : _g,
+    _h = _a.brandLine,
+    brandLine = _h === void 0 ? "Part of Atlas Copco Group" : _h,
+    _j = _a.complexColumns,
+    complexColumns = _j === void 0 ? "2col" : _j,
+    _k = _a.showAiBadge,
+    showAiBadge = _k === void 0 ? false : _k,
+    cookieSetting = _a.cookieSetting,
+    logo = _a.logo,
+    _l = _a.navItems,
+    navItems = _l === void 0 ? [] : _l,
+    contact = _a.contact,
+    _m = _a.quickLinks,
+    quickLinks = _m === void 0 ? [] : _m,
+    copyright = _a.copyright,
+    colHeadings = _a.colHeadings,
+    socialLinks = _a.socialLinks,
+    _o = _a.socialPosition,
+    socialPosition = _o === void 0 ? "body" : _o,
+    _p = _a.className,
+    className = _p === void 0 ? "" : _p;
+  var year = new Date().getFullYear();
+  var copyrightText = copyright !== null && copyright !== void 0 ? copyright : "\u00A9 ".concat(year, " Brand - Part of Atlas Copco Group");
+  // ── Simple footer ──────────────────────────────────────────────────────────
+  if (variant === "simple") {
+    if (simpleTwoRow) {
+      return /*#__PURE__*/React.createElement("footer", {
+        className: "lsg-footer lsg-footer--simple lsg-footer--simple-tworow".concat(className ? " ".concat(className) : "")
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "lsg-footer__simple-top"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "lsg-footer__brand-line"
+      }, brandLine), navItems.length > 0 && /*#__PURE__*/React.createElement("nav", {
+        className: "lsg-footer__simple-nav",
+        "aria-label": "Footer navigation"
+      }, navItems.map(function (item, i) {
+        return /*#__PURE__*/React.createElement(React.Fragment, {
+          key: item.href
+        }, i > 0 && /*#__PURE__*/React.createElement("span", {
+          className: "lsg-footer__pipe",
+          "aria-hidden": "true"
+        }, "|"), /*#__PURE__*/React.createElement("a", {
+          href: item.href,
+          className: "lsg-footer__simple-nav-item"
+        }, item.label));
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: "lsg-footer__simple-bottom"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "lsg-footer__simple-bottom-left"
+      }, cookieSetting && /*#__PURE__*/React.createElement("a", {
+        href: "#",
+        className: "lsg-footer__cookie-link"
+      }, cookieSetting), /*#__PURE__*/React.createElement("p", {
+        className: "lsg-footer__copyright"
+      }, copyrightText)), showAiBadge && /*#__PURE__*/React.createElement(AiBadge, null)));
+    }
+    return /*#__PURE__*/React.createElement("footer", {
+      className: "lsg-footer lsg-footer--simple".concat(className ? " ".concat(className) : "")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "lsg-footer__simple-inner"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: "lsg-footer__copyright"
+    }, copyrightText), navItems.length > 0 && /*#__PURE__*/React.createElement("nav", {
+      className: "lsg-footer__simple-nav",
+      "aria-label": "Footer navigation"
+    }, navItems.map(function (item, i) {
+      return /*#__PURE__*/React.createElement(React.Fragment, {
+        key: item.href
+      }, i > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+        className: "lsg-footer__pipe",
+        "aria-hidden": "true"
+      }, "|"), /*#__PURE__*/React.createElement("hr", {
+        className: "lsg-footer__mobile-divider",
+        "aria-hidden": "true"
+      })), /*#__PURE__*/React.createElement("a", {
+        href: item.href,
+        className: "lsg-footer__simple-nav-item"
+      }, item.label));
+    }))));
   }
-  const self = {
-    canScrollNext,
-    canScrollPrev,
-    containerNode,
-    internalEngine,
-    destroy,
-    off,
-    on,
-    emit,
-    plugins,
-    previousScrollSnap,
-    reInit,
-    rootNode,
-    scrollNext,
-    scrollPrev,
-    scrollProgress,
-    scrollSnapList,
-    scrollTo,
-    selectedScrollSnap,
-    slideNodes,
-    slidesInView,
-    slidesNotInView
+  // ── Complex footer ─────────────────────────────────────────────────────────
+  var is3col = complexColumns === "3col";
+  var headings = {
+    contact: (_b = colHeadings === null || colHeadings === void 0 ? void 0 : colHeadings.contact) !== null && _b !== void 0 ? _b : "CONTACT",
+    quickLinks: (_c = colHeadings === null || colHeadings === void 0 ? void 0 : colHeadings.quickLinks) !== null && _c !== void 0 ? _c : is3col ? "Quicklinks" : "QUICK LINKS",
+    about: (_d = colHeadings === null || colHeadings === void 0 ? void 0 : colHeadings.about) !== null && _d !== void 0 ? _d : "About brand",
+    contactAlt: (_e = colHeadings === null || colHeadings === void 0 ? void 0 : colHeadings.contactAlt) !== null && _e !== void 0 ? _e : "Contact"
   };
-  activate(userOptions, userPlugins);
-  setTimeout(() => eventHandler.emit('init'), 0);
-  return self;
-}
-EmblaCarousel.globalOptions = undefined;
+  var bottomBar = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("hr", {
+    className: "lsg-footer__bottom-divider"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__bottom"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__bottom-left"
+  }, cookieSetting && /*#__PURE__*/React.createElement("a", {
+    href: "#",
+    className: "lsg-footer__cookie-link"
+  }, cookieSetting), /*#__PURE__*/React.createElement("p", {
+    className: "lsg-footer__copyright"
+  }, copyrightText), is3col && showAiBadge && /*#__PURE__*/React.createElement(AiBadge, null)), !is3col && showAiBadge && /*#__PURE__*/React.createElement(AiBadge, null), socialPosition === "bottom-bar" && socialLinks && socialLinks.length > 0 && /*#__PURE__*/React.createElement(SocialIconsRow, {
+    links: socialLinks
+  })));
+  if (is3col) {
+    return /*#__PURE__*/React.createElement("footer", {
+      className: "lsg-footer lsg-footer--complex".concat(className ? " ".concat(className) : "")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "lsg-footer__complex-inner"
+    }, logo && /*#__PURE__*/React.createElement("div", {
+      className: "lsg-footer__logo-col"
+    }, /*#__PURE__*/React.createElement(LsgLogo, logo), brandLine && /*#__PURE__*/React.createElement("span", {
+      className: "lsg-footer__brand-line"
+    }, brandLine)), /*#__PURE__*/React.createElement("div", {
+      className: "lsg-footer__content-cols lsg-footer__content-cols--3col"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "lsg-footer__about-col"
+    }, /*#__PURE__*/React.createElement("h3", {
+      className: "lsg-footer__col-heading"
+    }, headings.about), (contact === null || contact === void 0 ? void 0 : contact.address) && /*#__PURE__*/React.createElement("div", {
+      className: "lsg-footer__address"
+    }, /*#__PURE__*/React.createElement(LocationIcon, null), /*#__PURE__*/React.createElement("p", null, contact.address))), /*#__PURE__*/React.createElement("div", {
+      className: "lsg-footer__contact-col"
+    }, /*#__PURE__*/React.createElement("h3", {
+      className: "lsg-footer__col-heading"
+    }, headings.contactAlt), /*#__PURE__*/React.createElement("div", {
+      className: "lsg-footer__contact-items"
+    }, (contact === null || contact === void 0 ? void 0 : contact.phone) && /*#__PURE__*/React.createElement("div", {
+      className: "lsg-footer__contact-item"
+    }, /*#__PURE__*/React.createElement(PhoneIcon, null), /*#__PURE__*/React.createElement("span", null, contact.phone)), (contact === null || contact === void 0 ? void 0 : contact.fax) && /*#__PURE__*/React.createElement("div", {
+      className: "lsg-footer__contact-item"
+    }, /*#__PURE__*/React.createElement(FaxIcon, null), /*#__PURE__*/React.createElement("span", null, contact.fax)), (contact === null || contact === void 0 ? void 0 : contact.email) && /*#__PURE__*/React.createElement("div", {
+      className: "lsg-footer__contact-item"
+    }, /*#__PURE__*/React.createElement(MailIcon, null), /*#__PURE__*/React.createElement("a", {
+      href: "mailto:".concat(contact.email)
+    }, contact.email)))), quickLinks.length > 0 && /*#__PURE__*/React.createElement("div", {
+      className: "lsg-footer__quicklinks-col"
+    }, /*#__PURE__*/React.createElement("h3", {
+      className: "lsg-footer__col-heading"
+    }, headings.quickLinks), /*#__PURE__*/React.createElement("ul", {
+      className: "lsg-footer__quicklinks-list"
+    }, quickLinks.map(function (link, i) {
+      var _a;
+      return /*#__PURE__*/React.createElement("li", {
+        key: (_a = link.href) !== null && _a !== void 0 ? _a : i,
+        className: "lsg-footer__quicklink-item"
+      }, /*#__PURE__*/React.createElement("a", {
+        href: link.href,
+        className: "lsg-footer__quicklink"
+      }, link.label), /*#__PURE__*/React.createElement("hr", {
+        className: "lsg-footer__divider"
+      }));
+    })), socialPosition === "body" && socialLinks && socialLinks.length > 0 && /*#__PURE__*/React.createElement("div", {
+      className: "lsg-footer__body-social"
+    }, /*#__PURE__*/React.createElement(SocialIconsRow, {
+      links: socialLinks
+    }))))), bottomBar);
+  }
+  return /*#__PURE__*/React.createElement("footer", {
+    className: "lsg-footer lsg-footer--complex".concat(className ? " ".concat(className) : "")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__complex-inner"
+  }, logo && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__logo-col"
+  }, /*#__PURE__*/React.createElement(LsgLogo, logo), brandLine && /*#__PURE__*/React.createElement("span", {
+    className: "lsg-footer__brand-line"
+  }, brandLine)), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__content-cols"
+  }, contact && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__contact-col"
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: "lsg-footer__col-heading"
+  }, headings.contact), contact.address && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__address"
+  }, /*#__PURE__*/React.createElement(LocationIcon, null), /*#__PURE__*/React.createElement("p", null, contact.address)), /*#__PURE__*/React.createElement("hr", {
+    className: "lsg-footer__divider"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__contact-items"
+  }, contact.phone && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__contact-item"
+  }, /*#__PURE__*/React.createElement(PhoneIcon, null), /*#__PURE__*/React.createElement("span", null, contact.phone)), contact.fax && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__contact-item"
+  }, /*#__PURE__*/React.createElement(FaxIcon, null), /*#__PURE__*/React.createElement("span", null, contact.fax)), contact.email && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__contact-item"
+  }, /*#__PURE__*/React.createElement(MailIcon, null), /*#__PURE__*/React.createElement("a", {
+    href: "mailto:".concat(contact.email)
+  }, contact.email)))), quickLinks.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__quicklinks-col"
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: "lsg-footer__col-heading"
+  }, headings.quickLinks), /*#__PURE__*/React.createElement("ul", {
+    className: "lsg-footer__quicklinks-list"
+  }, quickLinks.map(function (link, i) {
+    var _a;
+    return /*#__PURE__*/React.createElement("li", {
+      key: (_a = link.href) !== null && _a !== void 0 ? _a : i,
+      className: "lsg-footer__quicklink-item"
+    }, /*#__PURE__*/React.createElement("a", {
+      href: link.href,
+      className: "lsg-footer__quicklink"
+    }, link.label), /*#__PURE__*/React.createElement("hr", {
+      className: "lsg-footer__divider"
+    }));
+  })), socialPosition === "body" && socialLinks && socialLinks.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__body-social"
+  }, /*#__PURE__*/React.createElement(SocialIconsRow, {
+    links: socialLinks
+  }))))), bottomBar);
+};
 
 function clampNumber(number, min, max) {
   return Math.min(Math.max(number, min), max);
@@ -4651,6 +5171,7 @@ var LsgFormContainer = function (_a) {
 var BASE_COMPONENTS = {
   LsgButton: LsgButton,
   LsgBanner: LsgBanner,
+  LsgCarousel: LsgCarousel,
   LsgCard: LsgCard,
   LsgCards: LsgCards,
   LsgBreadcrumb: LsgBreadcrumb,
@@ -4688,6 +5209,7 @@ function createThemeComponents(themeName) {
   return {
     LsgButton: createThemeComponent(themeName, "button", BASE_COMPONENTS.LsgButton),
     LsgBanner: createThemeComponent(themeName, "banner", BASE_COMPONENTS.LsgBanner),
+    LsgCarousel: createThemeComponent(themeName, "carousel", BASE_COMPONENTS.LsgCarousel),
     LsgCard: createThemeComponent(themeName, "card", BASE_COMPONENTS.LsgCard),
     LsgCards: createThemeComponent(themeName, "cards", BASE_COMPONENTS.LsgCards),
     LsgBreadcrumb: createThemeComponent(themeName, "breadcrumb", BASE_COMPONENTS.LsgBreadcrumb),
@@ -4717,6 +5239,7 @@ function createThemeComponents(themeName) {
 var theme1Components = createThemeComponents("theme-1");
 var Theme1LsgButton = theme1Components.LsgButton,
   Theme1LsgBanner = theme1Components.LsgBanner,
+  Theme1LsgCarousel = theme1Components.LsgCarousel,
   Theme1LsgCard = theme1Components.LsgCard,
   Theme1LsgCards = theme1Components.LsgCards,
   Theme1LsgBreadcrumb = theme1Components.LsgBreadcrumb,
@@ -4745,6 +5268,7 @@ var Theme1LsgButton = theme1Components.LsgButton,
 var theme2Components = createThemeComponents("theme-2");
 var Theme2LsgButton = theme2Components.LsgButton,
   Theme2LsgBanner = theme2Components.LsgBanner,
+  Theme2LsgCarousel = theme2Components.LsgCarousel,
   Theme2LsgCard = theme2Components.LsgCard,
   Theme2LsgCards = theme2Components.LsgCards,
   Theme2LsgBreadcrumb = theme2Components.LsgBreadcrumb,
@@ -4772,6 +5296,7 @@ var Theme2LsgButton = theme2Components.LsgButton,
 var theme3Components = createThemeComponents("theme-3");
 var Theme3LsgButton = theme3Components.LsgButton,
   Theme3LsgBanner = theme3Components.LsgBanner,
+  Theme3LsgCarousel = theme3Components.LsgCarousel,
   Theme3LsgCard = theme3Components.LsgCard,
   Theme3LsgCards = theme3Components.LsgCards,
   Theme3LsgBreadcrumb = theme3Components.LsgBreadcrumb,
@@ -4796,5 +5321,5 @@ var Theme3LsgButton = theme3Components.LsgButton,
   theme3Components.LsgFormFieldConsent;
   theme3Components.LsgFormStep;
 
-export { LsgBanner, LsgBreadcrumb, LsgButton, LsgCard, LsgCards, LsgFooter, LsgHeader, LsgHero, LsgHeroCard, LsgHeroController, LsgLanguageSwitcher, LsgLogo, LsgNavigation, LsgQuickLinks, LsgSearchOverlay, LsgSearchTrigger, LsgSocialMediaIcons, Theme1LsgBanner, Theme1LsgBreadcrumb, Theme1LsgButton, Theme1LsgCard, Theme1LsgCards, Theme1LsgFooter, Theme1LsgHeader, Theme1LsgHero, Theme1LsgLanguageSwitcher, Theme1LsgLogo, Theme1LsgNavigation, Theme1LsgQuickLinks, Theme1LsgSearchOverlay, Theme1LsgSearchTrigger, Theme1LsgSocialMediaIcons, Theme2LsgBanner, Theme2LsgBreadcrumb, Theme2LsgButton, Theme2LsgCard, Theme2LsgCards, Theme2LsgFooter, Theme2LsgHeader, Theme2LsgHero, Theme2LsgLanguageSwitcher, Theme2LsgLogo, Theme2LsgNavigation, Theme2LsgQuickLinks, Theme2LsgSearchOverlay, Theme2LsgSearchTrigger, Theme2LsgSocialMediaIcons, Theme3LsgBanner, Theme3LsgBreadcrumb, Theme3LsgButton, Theme3LsgCard, Theme3LsgCards, Theme3LsgFooter, Theme3LsgHeader, Theme3LsgHero, Theme3LsgLanguageSwitcher, Theme3LsgLogo, Theme3LsgNavigation, Theme3LsgQuickLinks, Theme3LsgSearchOverlay, Theme3LsgSearchTrigger, Theme3LsgSocialMediaIcons, getTelValue, initTelPickers, theme1Components, theme2Components, theme3Components };
+export { LsgBanner, LsgBreadcrumb, LsgButton, LsgCard, LsgCards, LsgCarousel, LsgCarouselController, LsgFooter, LsgHeader, LsgHero, LsgHeroCard, LsgHeroController, LsgLanguageSwitcher, LsgLogo, LsgNavigation, LsgQuickLinks, LsgSearchOverlay, LsgSearchTrigger, LsgSocialMediaIcons, Theme1LsgBanner, Theme1LsgBreadcrumb, Theme1LsgButton, Theme1LsgCard, Theme1LsgCards, Theme1LsgCarousel, Theme1LsgFooter, Theme1LsgHeader, Theme1LsgHero, Theme1LsgLanguageSwitcher, Theme1LsgLogo, Theme1LsgNavigation, Theme1LsgQuickLinks, Theme1LsgSearchOverlay, Theme1LsgSearchTrigger, Theme1LsgSocialMediaIcons, Theme2LsgBanner, Theme2LsgBreadcrumb, Theme2LsgButton, Theme2LsgCard, Theme2LsgCards, Theme2LsgCarousel, Theme2LsgFooter, Theme2LsgHeader, Theme2LsgHero, Theme2LsgLanguageSwitcher, Theme2LsgLogo, Theme2LsgNavigation, Theme2LsgQuickLinks, Theme2LsgSearchOverlay, Theme2LsgSearchTrigger, Theme2LsgSocialMediaIcons, Theme3LsgBanner, Theme3LsgBreadcrumb, Theme3LsgButton, Theme3LsgCard, Theme3LsgCards, Theme3LsgCarousel, Theme3LsgFooter, Theme3LsgHeader, Theme3LsgHero, Theme3LsgLanguageSwitcher, Theme3LsgLogo, Theme3LsgNavigation, Theme3LsgQuickLinks, Theme3LsgSearchOverlay, Theme3LsgSearchTrigger, Theme3LsgSocialMediaIcons, getTelValue, initTelPickers, theme1Components, theme2Components, theme3Components };
 //# sourceMappingURL=index.esm.js.map