@asante-org/atlascopco-vt-litesitegenerator 3.6.19 → 3.7.0

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useMemo, useEffect, useId, useCallback, 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) {
@@ -140,37 +140,6 @@ var LsgBanner = function (_a) {
   })))));
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-var __assign = function () {
-  __assign = Object.assign || function __assign(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 function isSafeUrl$1(url) {
   if (!url) return false;
   var lower = url.toLowerCase().trim();
@@ -2136,240 +2105,8 @@ function EmblaCarousel(root, userOptions, userPlugins) {
 }
 EmblaCarousel.globalOptions = undefined;
 
-function clampNumber(number, min, max) {
-  return Math.min(Math.max(number, min), max);
-}
-function isNumber(value) {
-  return typeof value === 'number' && !isNaN(value);
-}
-function Fade(userOptions = {}) {
-  const fullOpacity = 1;
-  const noOpacity = 0;
-  const fadeFriction = 0.68;
-  let emblaApi;
-  let opacities = [];
-  let fadeToNextDistance;
-  let distanceFromPointerDown = 0;
-  let fadeVelocity = 0;
-  let progress = 0;
-  let shouldFadePair = false;
-  let defaultSettledBehaviour;
-  let defaultProgressBehaviour;
-  function init(emblaApiInstance) {
-    emblaApi = emblaApiInstance;
-    const selectedSnap = emblaApi.selectedScrollSnap();
-    const {
-      scrollBody,
-      containerRect,
-      axis
-    } = emblaApi.internalEngine();
-    const containerSize = axis.measureSize(containerRect);
-    fadeToNextDistance = clampNumber(containerSize * 0.75, 200, 500);
-    shouldFadePair = false;
-    opacities = emblaApi.scrollSnapList().map((_, index) => index === selectedSnap ? fullOpacity : noOpacity);
-    defaultSettledBehaviour = scrollBody.settled;
-    defaultProgressBehaviour = emblaApi.scrollProgress;
-    scrollBody.settled = settled;
-    emblaApi.scrollProgress = scrollProgress;
-    emblaApi.on('select', select).on('slideFocus', fadeToSelectedSnapInstantly).on('pointerDown', pointerDown).on('pointerUp', pointerUp);
-    disableScroll();
-    fadeToSelectedSnapInstantly();
-  }
-  function destroy() {
-    const {
-      scrollBody
-    } = emblaApi.internalEngine();
-    scrollBody.settled = defaultSettledBehaviour;
-    emblaApi.scrollProgress = defaultProgressBehaviour;
-    emblaApi.off('select', select).off('slideFocus', fadeToSelectedSnapInstantly).off('pointerDown', pointerDown).off('pointerUp', pointerUp);
-    emblaApi.slideNodes().forEach(slideNode => {
-      const slideStyle = slideNode.style;
-      slideStyle.opacity = '';
-      slideStyle.transform = '';
-      slideStyle.pointerEvents = '';
-      if (!slideNode.getAttribute('style')) slideNode.removeAttribute('style');
-    });
-  }
-  function fadeToSelectedSnapInstantly() {
-    const selectedSnap = emblaApi.selectedScrollSnap();
-    setOpacities(selectedSnap, fullOpacity);
-  }
-  function pointerUp() {
-    shouldFadePair = false;
-  }
-  function pointerDown() {
-    shouldFadePair = false;
-    distanceFromPointerDown = 0;
-    fadeVelocity = 0;
-  }
-  function select() {
-    const duration = emblaApi.internalEngine().scrollBody.duration();
-    fadeVelocity = duration ? 0 : fullOpacity;
-    shouldFadePair = true;
-    if (!duration) fadeToSelectedSnapInstantly();
-  }
-  function getSlideTransform(position) {
-    const {
-      axis
-    } = emblaApi.internalEngine();
-    const translateAxis = axis.scroll.toUpperCase();
-    return `translate${translateAxis}(${axis.direction(position)}px)`;
-  }
-  function disableScroll() {
-    const {
-      translate,
-      slideLooper
-    } = emblaApi.internalEngine();
-    translate.clear();
-    translate.toggleActive(false);
-    slideLooper.loopPoints.forEach(({
-      translate
-    }) => {
-      translate.clear();
-      translate.toggleActive(false);
-    });
-  }
-  function lockExcessiveScroll(fadeIndex) {
-    const {
-      scrollSnaps,
-      location,
-      target
-    } = emblaApi.internalEngine();
-    if (!isNumber(fadeIndex) || opacities[fadeIndex] < 0.5) return;
-    location.set(scrollSnaps[fadeIndex]);
-    target.set(location);
-  }
-  function setOpacities(fadeIndex, velocity) {
-    const scrollSnaps = emblaApi.scrollSnapList();
-    scrollSnaps.forEach((_, indexA) => {
-      const absVelocity = Math.abs(velocity);
-      const currentOpacity = opacities[indexA];
-      const isFadeIndex = indexA === fadeIndex;
-      const nextOpacity = isFadeIndex ? currentOpacity + absVelocity : currentOpacity - absVelocity;
-      const clampedOpacity = clampNumber(nextOpacity, noOpacity, fullOpacity);
-      opacities[indexA] = clampedOpacity;
-      const fadePair = isFadeIndex && shouldFadePair;
-      const indexB = emblaApi.previousScrollSnap();
-      if (fadePair) opacities[indexB] = 1 - clampedOpacity;
-      if (isFadeIndex) setProgress(fadeIndex, clampedOpacity);
-      setOpacity(indexA);
-    });
-  }
-  function setOpacity(index) {
-    const slidesInSnap = emblaApi.internalEngine().slideRegistry[index];
-    const {
-      scrollSnaps,
-      containerRect
-    } = emblaApi.internalEngine();
-    const opacity = opacities[index];
-    slidesInSnap.forEach(slideIndex => {
-      const slideStyle = emblaApi.slideNodes()[slideIndex].style;
-      const roundedOpacity = parseFloat(opacity.toFixed(2));
-      const hasOpacity = roundedOpacity > noOpacity;
-      const position = hasOpacity ? scrollSnaps[index] : containerRect.width + 2;
-      const transform = getSlideTransform(position);
-      if (hasOpacity) slideStyle.transform = transform;
-      slideStyle.opacity = roundedOpacity.toString();
-      slideStyle.pointerEvents = opacity > 0.5 ? 'auto' : 'none';
-      if (!hasOpacity) slideStyle.transform = transform;
-    });
-  }
-  function setProgress(fadeIndex, opacity) {
-    const {
-      index,
-      dragHandler,
-      scrollSnaps
-    } = emblaApi.internalEngine();
-    const pointerDown = dragHandler.pointerDown();
-    const snapFraction = 1 / (scrollSnaps.length - 1);
-    let indexA = fadeIndex;
-    let indexB = pointerDown ? emblaApi.selectedScrollSnap() : emblaApi.previousScrollSnap();
-    if (pointerDown && indexA === indexB) {
-      const reverseSign = Math.sign(distanceFromPointerDown) * -1;
-      indexA = indexB;
-      indexB = index.clone().set(indexB).add(reverseSign).get();
-    }
-    const currentPosition = indexB * snapFraction;
-    const diffPosition = (indexA - indexB) * snapFraction;
-    progress = currentPosition + diffPosition * opacity;
-  }
-  function getFadeIndex() {
-    const {
-      dragHandler,
-      index,
-      scrollBody
-    } = emblaApi.internalEngine();
-    const selectedSnap = emblaApi.selectedScrollSnap();
-    if (!dragHandler.pointerDown()) return selectedSnap;
-    const directionSign = Math.sign(scrollBody.velocity());
-    const distanceSign = Math.sign(distanceFromPointerDown);
-    const nextSnap = index.clone().set(selectedSnap).add(directionSign * -1).get();
-    if (!directionSign || !distanceSign) return null;
-    return distanceSign === directionSign ? nextSnap : selectedSnap;
-  }
-  function fade(emblaApi) {
-    const {
-      dragHandler,
-      scrollBody
-    } = emblaApi.internalEngine();
-    const pointerDown = dragHandler.pointerDown();
-    const velocity = scrollBody.velocity();
-    const duration = scrollBody.duration();
-    const fadeIndex = getFadeIndex();
-    const noFadeIndex = !isNumber(fadeIndex);
-    if (pointerDown) {
-      if (!velocity) return;
-      distanceFromPointerDown += velocity;
-      fadeVelocity = Math.abs(velocity / fadeToNextDistance);
-      lockExcessiveScroll(fadeIndex);
-    }
-    if (!pointerDown) {
-      if (!duration || noFadeIndex) return;
-      fadeVelocity += (fullOpacity - opacities[fadeIndex]) / duration;
-      fadeVelocity *= fadeFriction;
-    }
-    if (noFadeIndex) return;
-    setOpacities(fadeIndex, fadeVelocity);
-  }
-  function settled() {
-    const {
-      target,
-      location
-    } = emblaApi.internalEngine();
-    const diffToTarget = target.get() - location.get();
-    const notReachedTarget = Math.abs(diffToTarget) >= 1;
-    const fadeIndex = getFadeIndex();
-    const noFadeIndex = !isNumber(fadeIndex);
-    fade(emblaApi);
-    if (noFadeIndex || notReachedTarget) return false;
-    return opacities[fadeIndex] > 0.999;
-  }
-  function scrollProgress() {
-    return progress;
-  }
-  const self = {
-    name: 'fade',
-    options: userOptions,
-    init,
-    destroy
-  };
-  return self;
-}
-Fade.globalOptions = undefined;
-
-var MOBILE_MEDIA_QUERY$1 = "(max-width: 767px)";
-/** Media track slides. Also the dot/aria-label source of truth. */
-var MEDIA_ITEM_SELECTOR = "[data-lsg-carousel-item]";
-/** Text track slides, one per media slide. */
-var CONTENT_ITEM_SELECTOR = "[data-lsg-carousel-content-item]";
-var directChildren = function (container, selector) {
-  return container ? Array.from(container.children).filter(function (el) {
-    return el instanceof HTMLElement && el.matches(selector);
-  }) : [];
-};
 var LsgCarouselController = /** @class */function () {
   function LsgCarouselController(viewport, elements, options) {
-    var _a;
     if (elements === void 0) {
       elements = {};
     }
@@ -2377,10 +2114,8 @@ var LsgCarouselController = /** @class */function () {
       options = {};
     }
     var _this = this;
-    var _b, _c, _d, _e, _f, _g, _h;
-    this.media = null;
-    this.content = null;
-    this.syncing = false;
+    var _a, _b, _c, _d;
+    this.embla = null;
     /**
      * Embla automatically falls back to non-looping mode when there is not enough
      * slide content to create a safe loop (most noticeable with two-up layouts and
@@ -2388,228 +2123,82 @@ var LsgCarouselController = /** @class */function () {
      * when there is no native previous snap, jump to the final authored snap.
      */
     this.scrollPrev = function () {
-      if (!_this.media) return;
-      if (_this.media.canScrollPrev()) {
-        _this.media.scrollPrev();
+      if (!_this.embla) return;
+      if (_this.embla.canScrollPrev()) {
+        _this.embla.scrollPrev();
         return;
       }
-      var lastSnap = _this.media.scrollSnapList().length - 1;
-      if (lastSnap >= 0) _this.media.scrollTo(lastSnap);
+      var lastSnap = _this.embla.scrollSnapList().length - 1;
+      if (lastSnap >= 0) _this.embla.scrollTo(lastSnap);
     };
     /** See `scrollPrev` for why the explicit wrap fallback is required. */
     this.scrollNext = function () {
-      if (!_this.media) return;
-      if (_this.media.canScrollNext()) {
-        _this.media.scrollNext();
+      if (!_this.embla) return;
+      if (_this.embla.canScrollNext()) {
+        _this.embla.scrollNext();
         return;
       }
-      if (_this.media.scrollSnapList().length > 0) _this.media.scrollTo(0);
-    };
-    /**
-     * The text track never initiates navigation, but it owns its own resize and
-     * mutation observers. If one instance re-measures without the other, this pulls
-     * the media track back onto the text track's index rather than letting them drift.
-     */
-    this.handleContentSelect = function () {
-      if (!_this.media || !_this.content || _this.syncing) return;
-      var target = _this.content.selectedScrollSnap();
-      if (_this.media.selectedScrollSnap() === target) return;
-      _this.syncing = true;
-      try {
-        _this.media.scrollTo(target, true);
-      } finally {
-        _this.syncing = false;
-      }
-    };
-    /** Reader-initiated navigation: repaint state, then crossfade the text. */
-    this.handleMediaSelect = function () {
-      _this.syncSelectedState();
-      _this.pushToContent();
-    };
-    /**
-     * Re-measure events (breakpoint flip, resize, authored items added/removed).
-     * The text is realigned with a hard cut because nothing moved for the reader.
-     */
-    this.handleResync = function () {
-      _this.syncSelectedState();
-      _this.pushToContent(true);
+      if (_this.embla.scrollSnapList().length > 0) _this.embla.scrollTo(0);
     };
-    /** Repaints dot/arrow/a11y state from the media index. Never navigates. */
     this.syncSelectedState = function () {
-      var _a, _b, _c, _d, _e, _f;
-      var selected = (_b = (_a = _this.media) === null || _a === void 0 ? void 0 : _a.selectedScrollSnap()) !== null && _b !== void 0 ? _b : 0;
-      var snapCount = (_d = (_c = _this.media) === null || _c === void 0 ? void 0 : _c.scrollSnapList().length) !== null && _d !== void 0 ? _d : 0;
+      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");
       });
-      // Cosmetic only. Looping plus the cyclic wrap above mean both arrows always
-      // act, so `disabled`/`aria-disabled` would misreport them to assistive tech.
-      // Themes use these classes to mute the leading/trailing half of the pill.
-      (_e = _this.els.prevBtn) === null || _e === void 0 ? void 0 : _e.classList.toggle("lsg-carousel__arrow--at-start", selected === 0);
-      (_f = _this.els.nextBtn) === null || _f === void 0 ? void 0 : _f.classList.toggle("lsg-carousel__arrow--at-end", snapCount > 0 && selected === snapCount - 1);
-      // The fade plugin only sets opacity and pointer-events, so without this every
-      // faded-out text block keeps its heading in the accessibility tree and its CTA
-      // in the tab order - N copies of the same landmark for a sighted-equivalent
-      // view of one.
-      _this.contentSlides.forEach(function (slide, index) {
-        var active = index === selected;
-        slide.toggleAttribute("inert", !active);
-        if (active) slide.removeAttribute("aria-hidden");else slide.setAttribute("aria-hidden", "true");
-      });
     };
     this.els = elements;
-    this.mediaViewport = viewport;
     this.paginationBtns = elements.paginationBtns ? Array.from(elements.paginationBtns) : [];
-    var mediaTrack = viewport.firstElementChild;
-    var mediaSlides = directChildren(mediaTrack, MEDIA_ITEM_SELECTOR);
-    // Embla resolves `container` as `root.children[0]` and `slides` as its
-    // element children. Passing both explicitly instead makes the instance
-    // immune to AEM injecting its own nodes (e.g. the edit-mode
-    // `div.new.section.aem-Grid-newComponent` drop target) into the track.
-    this.media = EmblaCarousel(viewport, {
+    this.embla = EmblaCarousel(viewport, {
       align: "start",
       // Every authored media item owns a pagination dot. `trimSnaps` can remove
       // the final snap when two-up/peek layouts do not have enough overflow,
       // leaving the last authored item only partially reachable. Keep all snaps
       // so dot/item indexes stay 1:1 for 2, 3, 4, ... media items.
-      //
-      // This is ALSO load-bearing for the text/media sync: `containSnaps` is
-      // `!loop && !!containScroll`, so with this `false` the snap list is
-      // always `snapsAligned` - one snap per slide, whatever the slide's
-      // flex-basis. That is the only reason a 380px peek track and a 100%-wide
-      // crossfade track can share one index. Reverting this to `trimSnaps`
-      // drops trailing snaps on the media track alone and desyncs the tail.
       containScroll: false,
-      direction: (_b = options.direction) !== null && _b !== void 0 ? _b : "ltr",
-      loop: (_c = options.loop) !== null && _c !== void 0 ? _c : true,
+      direction: (_a = options.direction) !== null && _a !== void 0 ? _a : "ltr",
+      loop: (_b = options.loop) !== null && _b !== void 0 ? _b : true,
       skipSnaps: false,
-      slidesToScroll: 1,
-      container: mediaTrack !== null && mediaTrack !== void 0 ? mediaTrack : undefined,
-      slides: mediaSlides.length ? mediaSlides : undefined,
-      // All layouts collapse to the same mobile stack, which is never
-      // mirrored. Embla restores the selected index when a breakpoint
-      // re-activates, so the flip is not visible to the reader.
-      breakpoints: (_a = {}, _a[MOBILE_MEDIA_QUERY$1] = {
-        direction: "ltr"
-      }, _a)
+      slidesToScroll: 1
     });
-    var contentViewport = (_d = elements.contentViewport) !== null && _d !== void 0 ? _d : null;
-    var contentTrack = contentViewport === null || contentViewport === void 0 ? void 0 : contentViewport.firstElementChild;
-    this.contentSlides = directChildren(contentTrack, CONTENT_ITEM_SELECTOR);
-    // Unequal counts are the one remaining way the two tracks can desync, and a
-    // text block silently paired with the wrong image is worse than no text
-    // animation at all. Degrade to media-only rather than risk it.
-    var countsMatch = mediaSlides.length > 0 && this.contentSlides.length === mediaSlides.length;
-    if (contentViewport && contentTrack && countsMatch) {
-      this.content = EmblaCarousel(contentViewport, {
-        align: "start",
-        // Must match the media track's snap arithmetic - see above.
-        containScroll: false,
-        // The text crossfades in place, so there is nothing to mirror.
-        direction: "ltr",
-        // Inert on a fade instance: the plugin calls `disableScroll()`, which
-        // deactivates the translate and every loop point. Set for config
-        // symmetry with the media track, not for behaviour.
-        loop: (_e = options.loop) !== null && _e !== void 0 ? _e : true,
-        skipSnaps: false,
-        slidesToScroll: 1,
-        // The reader drags the media, never the text. Without this the text
-        // track would fight the media track for the same pointer.
-        watchDrag: false,
-        container: contentTrack,
-        slides: this.contentSlides
-      }, [Fade()]);
-    }
     this.paginationHandlers = this.paginationBtns.map(function (_, index) {
       return function () {
         var _a;
-        (_a = _this.media) === null || _a === void 0 ? void 0 : _a.scrollTo(index);
+        (_a = _this.embla) === null || _a === void 0 ? void 0 : _a.scrollTo(index);
       };
     });
-    (_f = this.els.prevBtn) === null || _f === void 0 ? void 0 : _f.addEventListener("click", this.scrollPrev);
-    (_g = this.els.nextBtn) === null || _g === void 0 ? void 0 : _g.addEventListener("click", this.scrollNext);
+    (_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.media.on("select", this.handleMediaSelect);
-    this.media.on("reInit", this.handleResync);
-    this.media.on("slidesChanged", this.handleResync);
-    (_h = this.content) === null || _h === void 0 ? void 0 : _h.on("select", this.handleContentSelect);
-    // Initial alignment is a hard cut - there is nothing to crossfade from.
-    this.handleResync();
-  }
-  /**
-   * Drive the text track from the media index.
-   *
-   * `jump` skips the crossfade (Embla sets duration 0, and the fade plugin then
-   * snaps opacity instantly). Use it only for re-measure events, never for
-   * reader-initiated navigation, or the text hard-cuts instead of fading.
-   */
-  LsgCarouselController.prototype.pushToContent = function (jump) {
-    if (jump === void 0) {
-      jump = false;
-    }
-    if (!this.media || !this.content || this.syncing) return;
-    var target = this.media.selectedScrollSnap();
-    if (this.content.selectedScrollSnap() === target) return;
-    this.syncing = true;
-    try {
-      this.content.scrollTo(target, jump);
-    } finally {
-      this.syncing = false;
-    }
-  };
+    this.embla.on("select", this.syncSelectedState);
+    this.embla.on("reInit", this.syncSelectedState);
+    this.syncSelectedState();
+  }
   Object.defineProperty(LsgCarouselController.prototype, "emblaApi", {
     get: function () {
-      return this.media;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(LsgCarouselController.prototype, "contentApi", {
-    /** Text track handle. Exposed for the index-parity checks in the test plan. */
-    get: function () {
-      return this.content;
+      return this.embla;
     },
     enumerable: false,
     configurable: true
   });
   LsgCarouselController.prototype.destroy = function () {
     var _this = this;
-    var _a, _b, _c, _d;
+    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]);
     });
-    // Content first: its plugin restores the inline opacity/transform it wrote,
-    // and it reads `internalEngine()` while doing so.
-    if (this.content) {
-      this.content.off("select", this.handleContentSelect);
-      this.content.destroy();
-      this.content = null;
-    }
-    if (this.media) {
-      this.media.off("select", this.handleMediaSelect);
-      this.media.off("reInit", this.handleResync);
-      this.media.off("slidesChanged", this.handleResync);
-      this.media.destroy();
-      this.media = null;
+    if (this.embla) {
+      this.embla.off("select", this.syncSelectedState);
+      this.embla.off("reInit", this.syncSelectedState);
+      this.embla.destroy();
+      this.embla = null;
     }
-    // Embla restores what Embla wrote. Everything below is ours, and leaving it
-    // behind would make server-rendered markup re-initialise into a stale state.
-    this.paginationBtns.forEach(function (button) {
-      button.classList.remove("lsg-carousel__dot--active");
-      button.removeAttribute("aria-current");
-    });
-    (_c = this.els.prevBtn) === null || _c === void 0 ? void 0 : _c.classList.remove("lsg-carousel__arrow--at-start");
-    (_d = this.els.nextBtn) === null || _d === void 0 ? void 0 : _d.classList.remove("lsg-carousel__arrow--at-end");
-    this.contentSlides.forEach(function (slide) {
-      slide.removeAttribute("inert");
-      slide.removeAttribute("aria-hidden");
-    });
   };
   return LsgCarouselController;
 }();
@@ -2621,27 +2210,24 @@ var mediaTypeFor = function (item) {
 var directionForLayout = function (layout) {
   return layout === "media-left" ? "rtl" : "ltr";
 };
-var hasText = function (item) {
-  return Boolean(item.preTitle || item.heading || item.body || item.cta);
-};
 var LsgCarousel = function (_a) {
-  var _b = _a.items,
-    items = _b === void 0 ? [] : _b,
-    _c = _a.layout,
-    layout = _c === void 0 ? "media-right" : _c,
-    background = _a.background,
-    _d = _a.headingTag,
-    headingTag = _d === void 0 ? "h2" : _d,
-    _e = _a.ariaLabel,
-    ariaLabel = _e === void 0 ? "Media carousel" : _e,
-    _f = _a.className,
-    className = _f === void 0 ? "" : _f,
-    heading = _a.heading,
+  var _b;
+  var heading = _a.heading,
     preTitle = _a.preTitle,
     body = _a.body,
-    cta = _a.cta;
+    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 contentViewportRef = useRef(null);
   var prevBtnRef = useRef(null);
   var nextBtnRef = useRef(null);
   var dotsRef = useRef(null);
@@ -2649,29 +2235,13 @@ var LsgCarousel = function (_a) {
   var HeadingTag = headingTag;
   var isCarousel = items.length > 1;
   var carouselDirection = directionForLayout(layout);
-  // Legacy single-content-block callers passed the text alongside `items`. Fold
-  // it onto the first item so their carousel still renders its copy.
-  var resolvedItems = useMemo(function () {
-    var legacy = {
-      preTitle: preTitle,
-      heading: heading,
-      body: body,
-      cta: cta
-    };
-    var hasLegacy = Boolean(legacy.preTitle || legacy.heading || legacy.body || legacy.cta);
-    if (!hasLegacy || !items.length || hasText(items[0])) return items;
-    return items.map(function (item, index) {
-      return index === 0 ? __assign(__assign({}, legacy), item) : item;
-    });
-  }, [items, preTitle, heading, body, cta]);
   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 : [],
-      contentViewport: contentViewportRef.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
@@ -2681,72 +2251,55 @@ var LsgCarousel = function (_a) {
       (_a = controllerRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
       controllerRef.current = null;
     };
-  }, [carouselDirection, isCarousel, resolvedItems.length]);
-  var rootClasses = ["lsg-carousel", "lsg-carousel--".concat(layout),
-  // In AEM this class arrives on the decoration div instead; the SCSS only
-  // sets inherited custom properties, so either position works.
-  background ? "lsg-carousel--bg-".concat(background) : "", className].filter(Boolean).join(" ");
-  var keyFor = function (item, index) {
-    var _a, _b, _c;
-    return (_a = item.id) !== null && _a !== void 0 ? _a : "".concat(mediaTypeFor(item), "-").concat((_c = (_b = item.imageUrl) !== null && _b !== void 0 ? _b : item.videoUrl) !== null && _c !== void 0 ? _c : index, "-").concat(index);
-  };
+  }, [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": resolvedItems.length,
+    "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",
-    ref: contentViewportRef,
-    "data-lsg-carousel-content-viewport": true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "lsg-carousel__content-track"
-  }, resolvedItems.map(function (item, index) {
-    var _a;
-    return /*#__PURE__*/React.createElement("div", {
-      key: keyFor(item, index),
-      className: "lsg-carousel__content-slide",
-      "data-lsg-carousel-content-item": true
-    }, item.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, item.preTitle)), item.heading && /*#__PURE__*/React.createElement(HeadingTag, {
-      className: "lsg-carousel__heading"
-    }, item.heading), item.body && /*#__PURE__*/React.createElement("p", {
-      className: "lsg-carousel__body"
-    }, item.body), item.cta && /*#__PURE__*/React.createElement("div", {
-      className: "lsg-carousel__actions"
-    }, /*#__PURE__*/React.createElement(LsgButton, {
-      className: "lsg-carousel__cta",
-      href: item.cta.href,
-      external: item.cta.external,
-      variant: (_a = item.cta.variant) !== null && _a !== void 0 ? _a : "primary",
-      onClick: item.cta.onClick
-    }, item.cta.label)));
-  }))), /*#__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,
-    "data-lsg-carousel-media-viewport": true
+    dir: carouselDirection
   }, /*#__PURE__*/React.createElement("div", {
     className: "lsg-carousel__track",
     role: "list"
-  }, resolvedItems.map(function (item, index) {
-    var _a, _b, _c, _d;
+  }, 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: keyFor(item, index),
+      key: key,
       className: "lsg-carousel__slide",
       role: "listitem",
-      "aria-label": "Slide ".concat(index + 1, " of ").concat(resolvedItems.length),
+      "aria-label": "Slide ".concat(index + 1, " of ").concat(items.length),
       "data-lsg-carousel-item": true
     }, /*#__PURE__*/React.createElement("div", {
       className: "lsg-carousel__media"
@@ -2754,10 +2307,10 @@ var LsgCarousel = function (_a) {
       videoUrl: item.videoUrl,
       imageUrl: item.videoPoster,
       imageAlt: item.imageAlt,
-      controls: (_a = item.videoControls) !== null && _a !== void 0 ? _a : true,
-      autoplay: (_b = item.videoAutoPlay) !== null && _b !== void 0 ? _b : false,
-      muted: (_c = item.videoMuted) !== null && _c !== void 0 ? _c : true,
-      loop: (_d = item.videoLoop) !== null && _d !== void 0 ? _d : false,
+      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"
@@ -2772,10 +2325,8 @@ var LsgCarousel = function (_a) {
       className: "lsg-carousel__media-label"
     }, item.label)));
   }))), isCarousel && /*#__PURE__*/React.createElement("div", {
-    className: "lsg-carousel__controls",
+    className: "lsg-carousel__navigation",
     "aria-label": "Carousel navigation"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "lsg-carousel__nav"
   }, /*#__PURE__*/React.createElement("button", {
     ref: prevBtnRef,
     className: "lsg-carousel__arrow lsg-carousel__arrow--prev",
@@ -2785,19 +2336,10 @@ var LsgCarousel = function (_a) {
   }, /*#__PURE__*/React.createElement("span", {
     className: "lsg-carousel__arrow-icon",
     "aria-hidden": "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"
-  }))), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "lsg-carousel__pagination",
     ref: dotsRef
-  }, resolvedItems.map(function (item, index) {
+  }, items.map(function (item, index) {
     var _a;
     return /*#__PURE__*/React.createElement("button", {
       key: (_a = item.id) !== null && _a !== void 0 ? _a : "dot-".concat(index),
@@ -2807,6 +2349,15 @@ var LsgCarousel = function (_a) {
       "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"
   }))))));
 };
 
@@ -3830,12 +3381,12 @@ var PhoneIcon = function () {
   return /*#__PURE__*/React.createElement("svg", {
     width: "20",
     height: "20",
-    viewBox: "0 0 20 20",
+    viewBox: "0 0 640 640",
     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",
+    d: "M252.6 259L304.4 208L208.4 48L64.4 128L64.4 144C64.4 382.6 257.8 576 496.4 576L512.4 576L592.4 432L432.4 336L381.4 387.8C322.2 365 275.4 318.2 252.6 259zM440.1 396.6L527.9 449.3L484.3 527.8C281.9 521.5 118.9 358.6 112.6 156.1L191.1 112.5L243.8 200.3C226.8 217.1 211 232.6 196.5 246.9L207.8 276.3C235.5 348.2 292.3 404.9 364.1 432.6L393.5 443.9C407.8 429.4 423.3 413.6 440.1 396.6z",
     fill: "currentColor"
   }));
 };
@@ -3856,12 +3407,12 @@ var MailIcon = function () {
   return /*#__PURE__*/React.createElement("svg", {
     width: "24",
     height: "20",
-    viewBox: "0 0 24 20",
+    viewBox: "0 0 640 640",
     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",
+    d: "M88 128L64 128L64 512L576 512L576 128L88 128zM528 192L528 196.1L320 353.9L112 196.1L112 176L528 176L528 192zM528 256.3L528 464L112 464L112 256.3L305.5 403.1L320 414.1L334.5 403.1L528 256.3z",
     fill: "currentColor"
   }));
 };
@@ -3907,12 +3458,12 @@ var SocialIcon = function (_a) {
     facebook: /*#__PURE__*/React.createElement("svg", {
       width: "20",
       height: "20",
-      viewBox: "0 0 24 24",
+      viewBox: "0 0 640 640",
       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"
+      d: "M240 363.3L240 576L356 576L356 363.3L442.5 363.3L460.5 265.5L356 265.5L356 230.9C356 179.2 376.3 159.4 428.7 159.4C445 159.4 458.1 159.8 465.7 160.6L465.7 71.9C451.4 68 416.4 64 396.2 64C289.3 64 240 114.5 240 223.4L240 265.5L174 265.5L174 363.3L240 363.3z"
     })),
     twitter: /*#__PURE__*/React.createElement("svg", {
       width: "20",
@@ -3927,52 +3478,32 @@ var SocialIcon = function (_a) {
     linkedin: /*#__PURE__*/React.createElement("svg", {
       width: "20",
       height: "20",
-      viewBox: "0 0 24 24",
+      viewBox: "0 0 640 640",
       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"
+      d: "M196.3 512L103.4 512L103.4 212.9L196.3 212.9L196.3 512zM149.8 172.1C120.1 172.1 96 147.5 96 117.8C96 103.5 101.7 89.9 111.8 79.8C121.9 69.7 135.6 64 149.8 64C164 64 177.7 69.7 187.8 79.8C197.9 89.9 203.6 103.6 203.6 117.8C203.6 147.5 179.5 172.1 149.8 172.1zM543.9 512L451.2 512L451.2 366.4C451.2 331.7 450.5 287.2 402.9 287.2C354.6 287.2 347.2 324.9 347.2 363.9L347.2 512L254.4 512L254.4 212.9L343.5 212.9L343.5 253.7L344.8 253.7C357.2 230.2 387.5 205.4 432.7 205.4C526.7 205.4 544 267.3 544 347.7L544 512L543.9 512z"
     })),
     youtube: /*#__PURE__*/React.createElement("svg", {
       width: "20",
       height: "20",
-      viewBox: "0 0 24 24",
+      viewBox: "0 0 640 640",
       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"
+      d: "M581.7 188.1C575.5 164.4 556.9 145.8 533.4 139.5C490.9 128 320.1 128 320.1 128C320.1 128 149.3 128 106.7 139.5C83.2 145.8 64.7 164.4 58.4 188.1C47 231 47 320.4 47 320.4C47 320.4 47 409.8 58.4 452.7C64.7 476.3 83.2 494.2 106.7 500.5C149.3 512 320.1 512 320.1 512C320.1 512 490.9 512 533.5 500.5C557 494.2 575.5 476.3 581.8 452.7C593.2 409.8 593.2 320.4 593.2 320.4C593.2 320.4 593.2 231 581.8 188.1zM264.2 401.6L264.2 239.2L406.9 320.4L264.2 401.6z"
     })),
     instagram: /*#__PURE__*/React.createElement("svg", {
       width: "20",
       height: "20",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
+      viewBox: "0 0 640 640",
+      fill: "currentColor",
       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"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M320.3 205C256.8 204.8 205.2 256.2 205 319.7C204.8 383.2 256.2 434.8 319.7 435C383.2 435.2 434.8 383.8 435 320.3C435.2 256.8 383.8 205.2 320.3 205zM319.7 245.4C360.9 245.2 394.4 278.5 394.6 319.7C394.8 360.9 361.5 394.4 320.3 394.6C279.1 394.8 245.6 361.5 245.4 320.3C245.2 279.1 278.5 245.6 319.7 245.4zM413.1 200.3C413.1 185.5 425.1 173.5 439.9 173.5C454.7 173.5 466.7 185.5 466.7 200.3C466.7 215.1 454.7 227.1 439.9 227.1C425.1 227.1 413.1 215.1 413.1 200.3zM542.8 227.5C541.1 191.6 532.9 159.8 506.6 133.6C480.4 107.4 448.6 99.2 412.7 97.4C375.7 95.3 264.8 95.3 227.8 97.4C192 99.1 160.2 107.3 133.9 133.5C107.6 159.7 99.5 191.5 97.7 227.4C95.6 264.4 95.6 375.3 97.7 412.3C99.4 448.2 107.6 480 133.9 506.2C160.2 532.4 191.9 540.6 227.8 542.4C264.8 544.5 375.7 544.5 412.7 542.4C448.6 540.7 480.4 532.5 506.6 506.2C532.8 480 541 448.2 542.8 412.3C544.9 375.3 544.9 264.5 542.8 227.5zM495 452C487.2 471.6 472.1 486.7 452.4 494.6C422.9 506.3 352.9 503.6 320.3 503.6C287.7 503.6 217.6 506.2 188.2 494.6C168.6 486.8 153.5 471.7 145.6 452C133.9 422.5 136.6 352.5 136.6 319.9C136.6 287.3 134 217.2 145.6 187.8C153.4 168.2 168.5 153.1 188.2 145.2C217.7 133.5 287.7 136.2 320.3 136.2C352.9 136.2 423 133.6 452.4 145.2C472 153 487.1 168.1 495 187.8C506.7 217.3 504 287.3 504 319.9C504 352.5 506.7 422.6 495 452z"
     }))
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, (_b = icons[platform]) !== null && _b !== void 0 ? _b : null);
@@ -4032,9 +3563,9 @@ var LsgFooter = function (_a) {
         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", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "lsg-footer__brand-line"
-      }, brandLine), navItems.length > 0 && /*#__PURE__*/React.createElement("nav", {
+      }, /*#__PURE__*/React.createElement("span", null, brandLine)), navItems.length > 0 && /*#__PURE__*/React.createElement("nav", {
         className: "lsg-footer__simple-nav",
         "aria-label": "Footer navigation"
       }, navItems.map(function (item, i) {
@@ -4051,12 +3582,13 @@ var LsgFooter = function (_a) {
         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", {
+      }, /*#__PURE__*/React.createElement("p", {
         className: "lsg-footer__copyright"
-      }, copyrightText)), showAiBadge && /*#__PURE__*/React.createElement(AiBadge, null)));
+      }, copyrightText),
+      // This renders a One Trust cookie settings button in AEM. The class "lsg-footer__cookie-button" is used for styling and is unrelated to the functionality of the button itself.
+      cookieSetting && /*#__PURE__*/React.createElement("button", {
+        className: "lsg-footer__cookie-button"
+      }, cookieSetting)), showAiBadge && /*#__PURE__*/React.createElement(AiBadge, null)));
     }
     return /*#__PURE__*/React.createElement("footer", {
       className: "lsg-footer lsg-footer--simple".concat(className ? " ".concat(className) : "")
@@ -4064,7 +3596,9 @@ var LsgFooter = function (_a) {
       className: "lsg-footer__simple-inner"
     }, /*#__PURE__*/React.createElement("p", {
       className: "lsg-footer__copyright"
-    }, copyrightText), navItems.length > 0 && /*#__PURE__*/React.createElement("nav", {
+    }, copyrightText), /*#__PURE__*/React.createElement("div", {
+      className: "lsg-footer__brand-line"
+    }, /*#__PURE__*/React.createElement("span", null, brandLine)), navItems.length > 0 && /*#__PURE__*/React.createElement("nav", {
       className: "lsg-footer__simple-nav",
       "aria-label": "Footer navigation"
     }, navItems.map(function (item, i) {
@@ -4080,7 +3614,11 @@ var LsgFooter = function (_a) {
         href: item.href,
         className: "lsg-footer__simple-nav-item"
       }, item.label));
-    }))));
+    })),
+    // This renders a One Trust cookie settings button in AEM. The class "lsg-footer__cookie-button" is used for styling and is unrelated to the functionality of the button itself.
+    cookieSetting && /*#__PURE__*/React.createElement("button", {
+      className: "lsg-footer__cookie-button"
+    }, cookieSetting)));
   }
   // ── Complex footer ─────────────────────────────────────────────────────────
   var is3col = complexColumns === "3col";
@@ -4090,18 +3628,28 @@ var LsgFooter = function (_a) {
     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"
   };
+  var bottomTopBar = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__bottom-top"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__brand-line"
+  }, /*#__PURE__*/React.createElement("span", null, "Discover how the Atlas Copco Group enables technology that transforms the future.")), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__body-social"
+  }, socialPosition === "body" && socialLinks && socialLinks.length > 0 && /*#__PURE__*/React.createElement(SocialIconsRow, {
+    links: socialLinks
+  }))));
   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", {
+  }, /*#__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, {
+  }, copyrightText),
+  // This renders a One Trust cookie settings button in AEM. The class "lsg-footer__cookie-button" is used for styling and is unrelated to the functionality of the button itself.
+  cookieSetting && /*#__PURE__*/React.createElement("button", {
+    className: "lsg-footer__cookie-button"
+  }, cookieSetting), 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) {
@@ -4152,11 +3700,7 @@ var LsgFooter = function (_a) {
       }, 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);
+    }))))), bottomTopBar, bottomBar);
   }
   return /*#__PURE__*/React.createElement("footer", {
     className: "lsg-footer lsg-footer--complex".concat(className ? " ".concat(className) : "")
@@ -4203,13 +3747,230 @@ var LsgFooter = function (_a) {
     }, 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);
+  }))))), bottomTopBar, bottomBar);
 };
 
+function clampNumber(number, min, max) {
+  return Math.min(Math.max(number, min), max);
+}
+function isNumber(value) {
+  return typeof value === 'number' && !isNaN(value);
+}
+function Fade(userOptions = {}) {
+  const fullOpacity = 1;
+  const noOpacity = 0;
+  const fadeFriction = 0.68;
+  let emblaApi;
+  let opacities = [];
+  let fadeToNextDistance;
+  let distanceFromPointerDown = 0;
+  let fadeVelocity = 0;
+  let progress = 0;
+  let shouldFadePair = false;
+  let defaultSettledBehaviour;
+  let defaultProgressBehaviour;
+  function init(emblaApiInstance) {
+    emblaApi = emblaApiInstance;
+    const selectedSnap = emblaApi.selectedScrollSnap();
+    const {
+      scrollBody,
+      containerRect,
+      axis
+    } = emblaApi.internalEngine();
+    const containerSize = axis.measureSize(containerRect);
+    fadeToNextDistance = clampNumber(containerSize * 0.75, 200, 500);
+    shouldFadePair = false;
+    opacities = emblaApi.scrollSnapList().map((_, index) => index === selectedSnap ? fullOpacity : noOpacity);
+    defaultSettledBehaviour = scrollBody.settled;
+    defaultProgressBehaviour = emblaApi.scrollProgress;
+    scrollBody.settled = settled;
+    emblaApi.scrollProgress = scrollProgress;
+    emblaApi.on('select', select).on('slideFocus', fadeToSelectedSnapInstantly).on('pointerDown', pointerDown).on('pointerUp', pointerUp);
+    disableScroll();
+    fadeToSelectedSnapInstantly();
+  }
+  function destroy() {
+    const {
+      scrollBody
+    } = emblaApi.internalEngine();
+    scrollBody.settled = defaultSettledBehaviour;
+    emblaApi.scrollProgress = defaultProgressBehaviour;
+    emblaApi.off('select', select).off('slideFocus', fadeToSelectedSnapInstantly).off('pointerDown', pointerDown).off('pointerUp', pointerUp);
+    emblaApi.slideNodes().forEach(slideNode => {
+      const slideStyle = slideNode.style;
+      slideStyle.opacity = '';
+      slideStyle.transform = '';
+      slideStyle.pointerEvents = '';
+      if (!slideNode.getAttribute('style')) slideNode.removeAttribute('style');
+    });
+  }
+  function fadeToSelectedSnapInstantly() {
+    const selectedSnap = emblaApi.selectedScrollSnap();
+    setOpacities(selectedSnap, fullOpacity);
+  }
+  function pointerUp() {
+    shouldFadePair = false;
+  }
+  function pointerDown() {
+    shouldFadePair = false;
+    distanceFromPointerDown = 0;
+    fadeVelocity = 0;
+  }
+  function select() {
+    const duration = emblaApi.internalEngine().scrollBody.duration();
+    fadeVelocity = duration ? 0 : fullOpacity;
+    shouldFadePair = true;
+    if (!duration) fadeToSelectedSnapInstantly();
+  }
+  function getSlideTransform(position) {
+    const {
+      axis
+    } = emblaApi.internalEngine();
+    const translateAxis = axis.scroll.toUpperCase();
+    return `translate${translateAxis}(${axis.direction(position)}px)`;
+  }
+  function disableScroll() {
+    const {
+      translate,
+      slideLooper
+    } = emblaApi.internalEngine();
+    translate.clear();
+    translate.toggleActive(false);
+    slideLooper.loopPoints.forEach(({
+      translate
+    }) => {
+      translate.clear();
+      translate.toggleActive(false);
+    });
+  }
+  function lockExcessiveScroll(fadeIndex) {
+    const {
+      scrollSnaps,
+      location,
+      target
+    } = emblaApi.internalEngine();
+    if (!isNumber(fadeIndex) || opacities[fadeIndex] < 0.5) return;
+    location.set(scrollSnaps[fadeIndex]);
+    target.set(location);
+  }
+  function setOpacities(fadeIndex, velocity) {
+    const scrollSnaps = emblaApi.scrollSnapList();
+    scrollSnaps.forEach((_, indexA) => {
+      const absVelocity = Math.abs(velocity);
+      const currentOpacity = opacities[indexA];
+      const isFadeIndex = indexA === fadeIndex;
+      const nextOpacity = isFadeIndex ? currentOpacity + absVelocity : currentOpacity - absVelocity;
+      const clampedOpacity = clampNumber(nextOpacity, noOpacity, fullOpacity);
+      opacities[indexA] = clampedOpacity;
+      const fadePair = isFadeIndex && shouldFadePair;
+      const indexB = emblaApi.previousScrollSnap();
+      if (fadePair) opacities[indexB] = 1 - clampedOpacity;
+      if (isFadeIndex) setProgress(fadeIndex, clampedOpacity);
+      setOpacity(indexA);
+    });
+  }
+  function setOpacity(index) {
+    const slidesInSnap = emblaApi.internalEngine().slideRegistry[index];
+    const {
+      scrollSnaps,
+      containerRect
+    } = emblaApi.internalEngine();
+    const opacity = opacities[index];
+    slidesInSnap.forEach(slideIndex => {
+      const slideStyle = emblaApi.slideNodes()[slideIndex].style;
+      const roundedOpacity = parseFloat(opacity.toFixed(2));
+      const hasOpacity = roundedOpacity > noOpacity;
+      const position = hasOpacity ? scrollSnaps[index] : containerRect.width + 2;
+      const transform = getSlideTransform(position);
+      if (hasOpacity) slideStyle.transform = transform;
+      slideStyle.opacity = roundedOpacity.toString();
+      slideStyle.pointerEvents = opacity > 0.5 ? 'auto' : 'none';
+      if (!hasOpacity) slideStyle.transform = transform;
+    });
+  }
+  function setProgress(fadeIndex, opacity) {
+    const {
+      index,
+      dragHandler,
+      scrollSnaps
+    } = emblaApi.internalEngine();
+    const pointerDown = dragHandler.pointerDown();
+    const snapFraction = 1 / (scrollSnaps.length - 1);
+    let indexA = fadeIndex;
+    let indexB = pointerDown ? emblaApi.selectedScrollSnap() : emblaApi.previousScrollSnap();
+    if (pointerDown && indexA === indexB) {
+      const reverseSign = Math.sign(distanceFromPointerDown) * -1;
+      indexA = indexB;
+      indexB = index.clone().set(indexB).add(reverseSign).get();
+    }
+    const currentPosition = indexB * snapFraction;
+    const diffPosition = (indexA - indexB) * snapFraction;
+    progress = currentPosition + diffPosition * opacity;
+  }
+  function getFadeIndex() {
+    const {
+      dragHandler,
+      index,
+      scrollBody
+    } = emblaApi.internalEngine();
+    const selectedSnap = emblaApi.selectedScrollSnap();
+    if (!dragHandler.pointerDown()) return selectedSnap;
+    const directionSign = Math.sign(scrollBody.velocity());
+    const distanceSign = Math.sign(distanceFromPointerDown);
+    const nextSnap = index.clone().set(selectedSnap).add(directionSign * -1).get();
+    if (!directionSign || !distanceSign) return null;
+    return distanceSign === directionSign ? nextSnap : selectedSnap;
+  }
+  function fade(emblaApi) {
+    const {
+      dragHandler,
+      scrollBody
+    } = emblaApi.internalEngine();
+    const pointerDown = dragHandler.pointerDown();
+    const velocity = scrollBody.velocity();
+    const duration = scrollBody.duration();
+    const fadeIndex = getFadeIndex();
+    const noFadeIndex = !isNumber(fadeIndex);
+    if (pointerDown) {
+      if (!velocity) return;
+      distanceFromPointerDown += velocity;
+      fadeVelocity = Math.abs(velocity / fadeToNextDistance);
+      lockExcessiveScroll(fadeIndex);
+    }
+    if (!pointerDown) {
+      if (!duration || noFadeIndex) return;
+      fadeVelocity += (fullOpacity - opacities[fadeIndex]) / duration;
+      fadeVelocity *= fadeFriction;
+    }
+    if (noFadeIndex) return;
+    setOpacities(fadeIndex, fadeVelocity);
+  }
+  function settled() {
+    const {
+      target,
+      location
+    } = emblaApi.internalEngine();
+    const diffToTarget = target.get() - location.get();
+    const notReachedTarget = Math.abs(diffToTarget) >= 1;
+    const fadeIndex = getFadeIndex();
+    const noFadeIndex = !isNumber(fadeIndex);
+    fade(emblaApi);
+    if (noFadeIndex || notReachedTarget) return false;
+    return opacities[fadeIndex] > 0.999;
+  }
+  function scrollProgress() {
+    return progress;
+  }
+  const self = {
+    name: 'fade',
+    options: userOptions,
+    init,
+    destroy
+  };
+  return self;
+}
+Fade.globalOptions = undefined;
+
 var LsgHeroController = /** @class */function () {
   function LsgHeroController(viewport, elements, options) {
     if (elements === void 0) {
@@ -4772,6 +4533,43 @@ var LsgTabs = function (_a) {
   }));
 };
 
+/**
+ * Storybook representation of the AEM LSG table markup.
+ * It deliberately emits the same Style System class contract as AEM.
+ */
+var LsgTable = function (_a) {
+  var headers = _a.headers,
+    rows = _a.rows,
+    _b = _a.headerBackground,
+    headerBackground = _b === void 0 ? "primary" : _b,
+    _c = _a.accentColors,
+    accentColors = _c === void 0 ? "black" : _c,
+    _d = _a.noAlternatingRows,
+    noAlternatingRows = _d === void 0 ? false : _d,
+    caption = _a.caption,
+    id = _a.id,
+    className = _a.className;
+  var wrapperClassName = ["table-focus", "background-color-".concat(headerBackground), "accent-color-".concat(accentColors), "no-alternating-rows-".concat(noAlternatingRows), className].filter(Boolean).join(" ");
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    id: id,
+    className: wrapperClassName
+  }, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, headers.map(function (cell, index) {
+    return /*#__PURE__*/React.createElement("td", {
+      key: "header-".concat(index)
+    }, cell);
+  })), rows.map(function (row, rowIndex) {
+    return /*#__PURE__*/React.createElement("tr", {
+      key: "row-".concat(rowIndex)
+    }, row.map(function (cell, cellIndex) {
+      return /*#__PURE__*/React.createElement("td", {
+        key: "cell-".concat(rowIndex, "-").concat(cellIndex)
+      }, cell);
+    }));
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "table-caption"
+  }, caption));
+};
+
 var LsgFormFieldText = function (_a) {
   var _b = _a.id,
     id = _b === void 0 ? "field-text" : _b,
@@ -5532,6 +5330,7 @@ var BASE_COMPONENTS = {
   LsgFooter: LsgFooter,
   LsgHero: LsgHero,
   LsgTabs: LsgTabs,
+  LsgTable: LsgTable,
   LsgFormContainer: LsgFormContainer,
   LsgFormFieldText: LsgFormFieldText,
   LsgFormFieldEmail: LsgFormFieldEmail,
@@ -5580,7 +5379,8 @@ function createThemeComponents(themeName) {
     LsgFormFieldConsent: createThemeComponent(themeName, "form-field-consent", BASE_COMPONENTS.LsgFormFieldConsent),
     LsgFormPolicyNotice: createThemeComponent(themeName, "form-policy-notice", BASE_COMPONENTS.LsgFormPolicyNotice),
     LsgFormStep: createThemeComponent(themeName, "form-step", BASE_COMPONENTS.LsgFormStep),
-    LsgTabs: createThemeComponent(themeName, "tabs", BASE_COMPONENTS.LsgTabs)
+    LsgTabs: createThemeComponent(themeName, "tabs", BASE_COMPONENTS.LsgTabs),
+    LsgTable: createThemeComponent(themeName, "table", BASE_COMPONENTS.LsgTable)
   };
 }
 
@@ -5602,6 +5402,7 @@ var Theme1LsgButton = theme1Components.LsgButton,
   Theme1LsgFooter = theme1Components.LsgFooter,
   Theme1LsgHero = theme1Components.LsgHero;
   theme1Components.LsgTabs;
+  var Theme1LsgTable = theme1Components.LsgTable;
   // Form components
   theme1Components.LsgFormContainer;
   theme1Components.LsgFormFieldText;
@@ -5630,7 +5431,8 @@ var Theme2LsgButton = theme2Components.LsgButton,
   Theme2LsgQuickLinks = theme2Components.LsgQuickLinks,
   Theme2LsgSocialMediaIcons = theme2Components.LsgSocialMediaIcons,
   Theme2LsgFooter = theme2Components.LsgFooter,
-  Theme2LsgHero = theme2Components.LsgHero;
+  Theme2LsgHero = theme2Components.LsgHero,
+  Theme2LsgTable = theme2Components.LsgTable;
   // Form components
   theme2Components.LsgFormContainer;
   theme2Components.LsgFormFieldText;
@@ -5658,7 +5460,8 @@ var Theme3LsgButton = theme3Components.LsgButton,
   Theme3LsgQuickLinks = theme3Components.LsgQuickLinks,
   Theme3LsgSocialMediaIcons = theme3Components.LsgSocialMediaIcons,
   Theme3LsgFooter = theme3Components.LsgFooter,
-  Theme3LsgHero = theme3Components.LsgHero;
+  Theme3LsgHero = theme3Components.LsgHero,
+  Theme3LsgTable = theme3Components.LsgTable;
   // Form components
   theme3Components.LsgFormContainer;
   theme3Components.LsgFormFieldText;
@@ -5670,5 +5473,5 @@ var Theme3LsgButton = theme3Components.LsgButton,
   theme3Components.LsgFormFieldConsent;
   theme3Components.LsgFormStep;
 
-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 };
+export { LsgBanner, LsgBreadcrumb, LsgButton, LsgCard, LsgCards, LsgCarousel, LsgCarouselController, LsgFooter, LsgHeader, LsgHero, LsgHeroCard, LsgHeroController, LsgLanguageSwitcher, LsgLogo, LsgNavigation, LsgQuickLinks, LsgSearchOverlay, LsgSearchTrigger, LsgSocialMediaIcons, LsgTable, Theme1LsgBanner, Theme1LsgBreadcrumb, Theme1LsgButton, Theme1LsgCard, Theme1LsgCards, Theme1LsgCarousel, Theme1LsgFooter, Theme1LsgHeader, Theme1LsgHero, Theme1LsgLanguageSwitcher, Theme1LsgLogo, Theme1LsgNavigation, Theme1LsgQuickLinks, Theme1LsgSearchOverlay, Theme1LsgSearchTrigger, Theme1LsgSocialMediaIcons, Theme1LsgTable, Theme2LsgBanner, Theme2LsgBreadcrumb, Theme2LsgButton, Theme2LsgCard, Theme2LsgCards, Theme2LsgCarousel, Theme2LsgFooter, Theme2LsgHeader, Theme2LsgHero, Theme2LsgLanguageSwitcher, Theme2LsgLogo, Theme2LsgNavigation, Theme2LsgQuickLinks, Theme2LsgSearchOverlay, Theme2LsgSearchTrigger, Theme2LsgSocialMediaIcons, Theme2LsgTable, Theme3LsgBanner, Theme3LsgBreadcrumb, Theme3LsgButton, Theme3LsgCard, Theme3LsgCards, Theme3LsgCarousel, Theme3LsgFooter, Theme3LsgHeader, Theme3LsgHero, Theme3LsgLanguageSwitcher, Theme3LsgLogo, Theme3LsgNavigation, Theme3LsgQuickLinks, Theme3LsgSearchOverlay, Theme3LsgSearchTrigger, Theme3LsgSocialMediaIcons, Theme3LsgTable, getTelValue, initTelPickers, theme1Components, theme2Components, theme3Components };
 //# sourceMappingURL=index.esm.js.map