@crestapps/ai-chat-ui 2.0.0-preview.215 → 2.0.0-preview.223

package/dist/chat-image-carousel.js

@@ -1,485 +1,309 @@
 /*
-** NOTE: This file is generated by Gulp and should not be edited directly!
-** Any changes made directly to this file will be overwritten next time its asset group is processed by Gulp.
+** NOTE: This file is generated by the assets build (npm run build) and should not be edited directly!
+** Edit its sources under Assets/ and rebuild; see Assets.json for the files it is built from.
 */
-
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-/*
- * Stacks the pictures a single answer shows one after another into one carousel.
- *
- * A tool that previews a document -- slides, sheets, pages -- hands back one figure marker per picture, all on a
- * line of their own, and each one renders at full thumbnail size: eight slides is eight thumbnails running down
- * the conversation. Here a run of two or more pictures with nothing but whitespace between them becomes a stack
- * of cards instead: the current picture in front, its neighbours fanned out behind it, moved through by swiping,
- * clicking a neighbour, the arrows, the dots or the arrow keys. A picture written mid-sentence keeps its place.
- *
- * It works on the sanitized HTML every chat surface already produces, so the surfaces share one implementation
- * without sharing a renderer, and the carousel is written in the same pass as the message -- there is no frame
- * of full-size pictures before they are gathered up. HTML with no such run is handed back exactly as it came.
- *
- * Loaded on its own, like chat-markers.js, and optional: a surface without it renders the pictures as before.
- */
-window.CoreAIChatImageCarousel = window.CoreAIChatImageCarousel || function () {
-  'use strict';
-
-  var imageContainerClass = 'generated-image-container';
-
-  // How far a drag has to travel before it counts as a swipe rather than a click.
-  var swipeThreshold = 40;
-
-  // How far a drag has to travel before the card starts following the pointer.
-  var dragStartThreshold = 8;
-
-  // Cards further than this from the current one are stacked out of sight behind the last visible one.
-  var furthestVisibleOffset = 2;
-
-  // Anything that is content in its own right, so pictures either side of it are not one run.
-  var contentBetweenSelector = 'img, svg, canvas, video, audio, iframe, table, hr, input';
-  var previousIcon = '<svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true" focusable="false"><path d="M10 3 5 8l5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>';
-  var nextIcon = '<svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true" focusable="false"><path d="m6 3 5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>';
-
-  // How large the reader wants previews drawn. It is the reader's taste rather than the answer's, so one choice
-  // applies to every carousel on the page and is kept in the browser for the next visit.
-  var sizes = [{
-    name: 'small',
-    text: 'S',
-    label: 'Small previews'
-  }, {
-    name: 'medium',
-    text: 'M',
-    label: 'Medium previews'
-  }, {
-    name: 'large',
-    text: 'L',
-    label: 'Large previews'
-  }];
-  var defaultSize = 'medium';
-  var sizeStorageKey = 'coreai-image-carousel-size';
-
-  // A streamed answer is re-rendered on every chunk, and every render builds the carousel afresh. The picture
-  // the reader moved to is remembered here so the next render opens on it rather than back on the first.
-  var activeIndexByCarouselKey = new Map();
-  var drag = null;
-  var suppressNextClick = false;
-  function stackAdjacentImages(html) {
-    if (typeof document === 'undefined' || !html) {
-      return html;
-    }
-    var firstContainerIndex = html.indexOf(imageContainerClass);
-    if (firstContainerIndex < 0 || html.indexOf(imageContainerClass, firstContainerIndex + imageContainerClass.length) < 0) {
-      return html;
-    }
-    var template = document.createElement('template');
-    template.innerHTML = html;
-    var runs = findImageRuns(template.content);
-    if (runs.length === 0) {
-      return html;
-    }
-    var _iterator = _createForOfIteratorHelper(runs),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var run = _step.value;
-        buildCarousel(run);
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-    return template.innerHTML;
-  }
-  function findImageRuns(root) {
-    var runs = [];
-    var run = [];
-    var _iterator2 = _createForOfIteratorHelper(root.querySelectorAll('.' + imageContainerClass)),
-      _step2;
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var container = _step2.value;
-        // Only a picture standing in a paragraph is gathered. One in a list, a table cell or a link belongs
-        // to that structure, and lifting it out would change what the answer says.
-        if (!container.parentElement || container.parentElement.tagName !== 'P') {
-          runs.push(run);
-          run = [];
-          continue;
-        }
-        if (run.length > 0 && !isOnlyWhitespaceBetween(run[run.length - 1], container)) {
-          runs.push(run);
-          run = [];
-        }
-        run.push(container);
-      }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
-    }
-    runs.push(run);
-    return runs.filter(function (candidate) {
-      return candidate.length > 1;
-    });
-  }
-
-  // Two pictures belong to one run when nothing a reader would read sits between them: spaces and line breaks
-  // within a paragraph, or the boundary between two paragraphs that hold nothing else.
-  function isOnlyWhitespaceBetween(previous, next) {
-    var range = previous.ownerDocument.createRange();
-    range.setStartAfter(previous);
-    range.setEndBefore(next);
-    var between = range.cloneContents();
-    return between.textContent.trim() === '' && !between.querySelector(contentBetweenSelector);
-  }
-  function buildCarousel(containers) {
-    var ownerDocument = containers[0].ownerDocument;
-    var firstParagraph = containers[0].parentElement;
-    var vacatedParagraphs = new Set();
-
-    // Spans throughout, for the same reason the picture's own wrapper is one: the carousel sits inside the
-    // paragraph the first picture was in, and a block element there would close that paragraph.
-    var carousel = createElement(ownerDocument, 'span', 'ai-image-carousel');
-    carousel.tabIndex = 0;
-    carousel.setAttribute('role', 'region');
-    carousel.setAttribute('aria-roledescription', 'carousel');
-    carousel.setAttribute('aria-label', "".concat(containers.length, " images"));
-    carousel.dataset.carouselKey = getCarouselKey(containers);
-    carousel.dataset.carouselSize = getPreferredSize();
-    var stage = createElement(ownerDocument, 'span', 'ai-image-carousel-stage');
-    var controls = createElement(ownerDocument, 'span', 'ai-image-carousel-controls');
-    var caption = createElement(ownerDocument, 'span', 'ai-image-carousel-caption');
-    var navigation = createElement(ownerDocument, 'span', 'ai-image-carousel-navigation');
-    var dots = createElement(ownerDocument, 'span', 'ai-image-carousel-dots');
-    caption.setAttribute('aria-live', 'polite');
-    containers[0].before(carousel);
-    containers.forEach(function (container, index) {
-      removeSeparatorsBefore(container);
-      if (container.parentElement !== firstParagraph) {
-        vacatedParagraphs.add(container.parentElement);
-      }
-      container.classList.add('ai-image-carousel-item');
-      var image = container.querySelector('img');
-
-      // The browser's own image drag would otherwise take over the pointer the moment a swipe starts.
-      if (image) {
-        image.setAttribute('draggable', 'false');
-      }
-      var dot = createElement(ownerDocument, 'button', 'ai-image-carousel-dot');
-      dot.type = 'button';
-      dot.dataset.carouselTarget = index;
-      dot.setAttribute('aria-label', "Show image ".concat(index + 1));
-      dots.appendChild(dot);
-      stage.appendChild(container);
-    });
-    navigation.append(createStepButton(ownerDocument, -1, 'Previous image', previousIcon), dots, createStepButton(ownerDocument, 1, 'Next image', nextIcon));
-    controls.append(caption, createSizePicker(ownerDocument, carousel.dataset.carouselSize), navigation);
-    carousel.append(stage, controls);
-    var _iterator3 = _createForOfIteratorHelper(vacatedParagraphs),
-      _step3;
-    try {
-      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-        var paragraph = _step3.value;
-        if (paragraph.textContent.trim() === '' && !paragraph.querySelector(contentBetweenSelector)) {
-          paragraph.remove();
-        }
-      }
-    } catch (err) {
-      _iterator3.e(err);
-    } finally {
-      _iterator3.f();
-    }
-    showImage(carousel, activeIndexByCarouselKey.get(carousel.dataset.carouselKey) || 0);
-  }
-
-  // Whatever separated this picture from the one before it -- a space, a line break -- is all that is left once
-  // the pictures have moved into the carousel, and it would otherwise trail the carousel as a blank line.
-  function removeSeparatorsBefore(container) {
-    var sibling = container.previousSibling;
-    while (sibling && (sibling.nodeType === Node.TEXT_NODE && sibling.textContent.trim() === '' || sibling.nodeName === 'BR')) {
-      var previousSibling = sibling.previousSibling;
-      sibling.remove();
-      sibling = previousSibling;
-    }
-  }
-
-  // Cheap rather than exact: a generated image can be a data URI hundreds of kilobytes long, so only the tail
-  // of the first address -- where a served document's identifier sits -- and the number of pictures are used.
-  function getCarouselKey(containers) {
-    var firstImage = containers[0].querySelector('img');
-    var firstSource = firstImage ? firstImage.getAttribute('src') || '' : '';
-    return "".concat(containers.length, ":").concat(firstSource.slice(-120));
-  }
-  function createElement(ownerDocument, tagName, className) {
-    var element = ownerDocument.createElement(tagName);
-    element.className = className;
-    return element;
-  }
-  function createStepButton(ownerDocument, step, label, icon) {
-    var button = createElement(ownerDocument, 'button', 'ai-image-carousel-button');
-    button.type = 'button';
-    button.dataset.carouselStep = step;
-    button.setAttribute('aria-label', label);
-    button.innerHTML = icon;
-    return button;
-  }
-
-  // A segmented S / M / L control.
-  function createSizePicker(ownerDocument, selectedSize) {
-    var picker = createElement(ownerDocument, 'span', 'ai-image-carousel-sizes');
-    picker.setAttribute('role', 'group');
-    picker.setAttribute('aria-label', 'Preview size');
-    var _iterator4 = _createForOfIteratorHelper(sizes),
-      _step4;
-    try {
-      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-        var size = _step4.value;
-        var button = createElement(ownerDocument, 'button', 'ai-image-carousel-size');
-        button.type = 'button';
-        button.title = size.label;
-        button.textContent = size.text;
-        button.dataset.carouselSizeOption = size.name;
-        button.setAttribute('aria-label', size.label);
-        button.setAttribute('aria-pressed', size.name === selectedSize ? 'true' : 'false');
-        picker.appendChild(button);
-      }
-    } catch (err) {
-      _iterator4.e(err);
-    } finally {
-      _iterator4.f();
-    }
-    return picker;
-  }
-
-  // Storage can be missing or refuse access -- a private window, blocked site data -- and the default is a fine
-  // answer then.
-  function getPreferredSize() {
-    try {
-      var storedSize = localStorage.getItem(sizeStorageKey);
-      return sizes.some(function (size) {
-        return size.name === storedSize;
-      }) ? storedSize : defaultSize;
-    } catch (_) {
-      return defaultSize;
-    }
-  }
-  function setPreferredSize(selectedSize) {
-    try {
-      localStorage.setItem(sizeStorageKey, selectedSize);
-    } catch (_) {
-      // Still applied to the page; only remembering it for the next visit is lost.
-    }
-    var _iterator5 = _createForOfIteratorHelper(document.querySelectorAll('.ai-image-carousel')),
-      _step5;
-    try {
-      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-        var carousel = _step5.value;
-        carousel.dataset.carouselSize = selectedSize;
-      }
-    } catch (err) {
-      _iterator5.e(err);
-    } finally {
-      _iterator5.f();
-    }
-    var _iterator6 = _createForOfIteratorHelper(document.querySelectorAll('[data-carousel-size-option]')),
-      _step6;
-    try {
-      for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-        var button = _step6.value;
-        button.setAttribute('aria-pressed', button.dataset.carouselSizeOption === selectedSize ? 'true' : 'false');
-      }
-    } catch (err) {
-      _iterator6.e(err);
-    } finally {
-      _iterator6.f();
-    }
-  }
-  function getItems(carousel) {
-    return carousel.querySelectorAll('.ai-image-carousel-stage > .ai-image-carousel-item');
-  }
-  function getActiveIndex(carousel) {
-    return Number(carousel.dataset.activeIndex) || 0;
-  }
-  function showImage(carousel, requestedIndex) {
-    var items = getItems(carousel);
-    if (items.length === 0) {
-      carousel.remove();
-      return;
-    }
-    var activeIndex = Math.max(0, Math.min(items.length - 1, requestedIndex));
-    var dots = carousel.querySelector('.ai-image-carousel-dots');
-    while (dots.children.length > items.length) {
-      dots.lastElementChild.remove();
-    }
-    items.forEach(function (item, index) {
-      var offset = index - activeIndex;
-      var isActive = offset === 0;
-      var downloadLink = item.querySelector('a');
-      item.dataset.stackOffset = Math.max(-furthestVisibleOffset - 1, Math.min(furthestVisibleOffset + 1, offset));
-      item.classList.toggle('is-active', isActive);
-      item.setAttribute('aria-hidden', isActive ? 'false' : 'true');
-
-      // A card behind the current one is hidden from assistive technology, so nothing in it may take focus.
-      if (downloadLink) {
-        downloadLink.tabIndex = isActive ? 0 : -1;
-      }
-      dots.children[index].classList.toggle('is-active', isActive);
-      dots.children[index].setAttribute('aria-current', isActive ? 'true' : 'false');
-    });
-    var activeImage = items[activeIndex].querySelector('img');
-    var altText = activeImage ? activeImage.getAttribute('alt') : '';
-    carousel.dataset.activeIndex = activeIndex;
-    carousel.dataset.imageCount = items.length;
-    carousel.querySelector('[data-carousel-step="-1"]').disabled = activeIndex === 0;
-    carousel.querySelector('[data-carousel-step="1"]').disabled = activeIndex === items.length - 1;
-    carousel.querySelector('.ai-image-carousel-caption').textContent = altText ? "".concat(activeIndex + 1, " / ").concat(items.length, " \xB7 ").concat(altText) : "".concat(activeIndex + 1, " / ").concat(items.length);
-    activeIndexByCarouselKey.set(carousel.dataset.carouselKey, activeIndex);
-  }
-  function stopEvent(event) {
-    event.preventDefault();
-    event.stopPropagation();
-  }
-
-  // Captured, so it runs before anything bound to the picture itself: a card behind the current one is brought
-  // to the front, and is not zoomed or downloaded on the way.
-  function onClick(event) {
-    var carousel = event.target.closest && event.target.closest('.ai-image-carousel');
-    if (!carousel) {
-      return;
-    }
-
-    // A click raised from the keyboard has no pointer behind it, so a swipe that ended without one -- a touch
-    // swipe, or a drag released outside the carousel -- must not swallow it.
-    if (suppressNextClick && event.detail > 0) {
-      suppressNextClick = false;
-      stopEvent(event);
-      return;
-    }
-    var stepButton = event.target.closest('[data-carousel-step]');
-    if (stepButton) {
-      stopEvent(event);
-      showImage(carousel, getActiveIndex(carousel) + Number(stepButton.dataset.carouselStep));
-      return;
-    }
-    var sizeButton = event.target.closest('[data-carousel-size-option]');
-    if (sizeButton) {
-      stopEvent(event);
-      setPreferredSize(sizeButton.dataset.carouselSizeOption);
-      return;
-    }
-    var dot = event.target.closest('[data-carousel-target]');
-    if (dot) {
-      stopEvent(event);
-      showImage(carousel, Number(dot.dataset.carouselTarget));
-      return;
-    }
-    var item = event.target.closest('.ai-image-carousel-item');
-    if (item && !item.classList.contains('is-active')) {
-      stopEvent(event);
-      showImage(carousel, Array.prototype.indexOf.call(getItems(carousel), item));
-    }
-  }
-
-  // Only while the carousel has focus, so the arrow keys still move the caret in the prompt.
-  function onKeyDown(event) {
-    if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') {
-      return;
-    }
-    var carousel = event.target.closest && event.target.closest('.ai-image-carousel');
-    if (!carousel) {
-      return;
-    }
-    event.preventDefault();
-    showImage(carousel, getActiveIndex(carousel) + (event.key === 'ArrowRight' ? 1 : -1));
-  }
-  function onPointerDown(event) {
-    suppressNextClick = false;
-    var stage = event.button === 0 && event.target.closest && event.target.closest('.ai-image-carousel-stage');
-    if (!stage) {
-      return;
-    }
-    drag = {
-      stage: stage,
-      pointerId: event.pointerId,
-      startX: event.clientX,
-      startY: event.clientY,
-      distance: 0,
-      isSwiping: false
-    };
-  }
-
-  // The pointer is not captured: a captured pointer retargets the click that follows to the stage, and the click
-  // is what brings a card forward or opens the zoom. Listening on the document follows the pointer anyway.
-  function onPointerMove(event) {
-    if (!drag || event.pointerId !== drag.pointerId) {
-      return;
-    }
-    var distance = event.clientX - drag.startX;
-    if (!drag.isSwiping) {
-      if (Math.abs(distance) < dragStartThreshold || Math.abs(distance) < Math.abs(event.clientY - drag.startY)) {
-        return;
-      }
-      drag.isSwiping = true;
-      drag.stage.classList.add('is-dragging');
-    }
-    drag.distance = distance;
-    drag.stage.style.setProperty('--ai-image-carousel-drag', "".concat(distance, "px"));
-  }
-  function onPointerUp(event) {
-    if (!drag || event.pointerId !== drag.pointerId) {
-      return;
-    }
-    var _drag = drag,
-      stage = _drag.stage,
-      distance = _drag.distance,
-      isSwiping = _drag.isSwiping;
-    endDrag();
-    if (!isSwiping) {
-      return;
-    }
-
-    // The click the browser fires at the end of a drag is not a click on whatever the pointer ended over.
-    suppressNextClick = true;
-    if (Math.abs(distance) >= swipeThreshold) {
-      var carousel = stage.closest('.ai-image-carousel');
-      showImage(carousel, getActiveIndex(carousel) + (distance < 0 ? 1 : -1));
-    }
-  }
-  function endDrag() {
-    if (!drag) {
-      return;
-    }
-    drag.stage.classList.remove('is-dragging');
-    drag.stage.style.removeProperty('--ai-image-carousel-drag');
-    drag = null;
-  }
-
-  // A picture the server will not serve is taken out of the stack and put back just after it, where the
-  // surface's own handler hides it and says it could not be loaded, exactly as it does for a lone picture.
-  // Captured on the document because an image's error event does not bubble.
-  function onImageError(event) {
-    var item = event.target.tagName === 'IMG' && event.target.closest('.ai-image-carousel-item');
-    if (!item) {
-      return;
-    }
-    var carousel = item.closest('.ai-image-carousel');
-    item.classList.remove('ai-image-carousel-item', 'is-active');
-    item.removeAttribute('data-stack-offset');
-    item.removeAttribute('aria-hidden');
-    carousel.after(item);
-    showImage(carousel, getActiveIndex(carousel));
-  }
-  if (typeof document !== 'undefined') {
-    document.addEventListener('click', onClick, true);
-    document.addEventListener('keydown', onKeyDown);
-    document.addEventListener('pointerdown', onPointerDown);
-    document.addEventListener('pointermove', onPointerMove);
-    document.addEventListener('pointerup', onPointerUp);
-    document.addEventListener('pointercancel', endDrag);
-    document.addEventListener('error', onImageError, true);
-  }
-  return {
-    stackAdjacentImages: stackAdjacentImages
-  };
-}();
+(function() {
+	//#region src/Resources/CrestApps.AI.Resources/Assets/js/chat-image-carousel.js
+	window.CoreAIChatImageCarousel = window.CoreAIChatImageCarousel || (function() {
+		"use strict";
+		const imageContainerClass = "generated-image-container";
+		const swipeThreshold = 40;
+		const dragStartThreshold = 8;
+		const contentBetweenSelector = "img, svg, canvas, video, audio, iframe, table, hr, input";
+		const previousIcon = "<svg viewBox=\"0 0 16 16\" width=\"12\" height=\"12\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M10 3 5 8l5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>";
+		const nextIcon = "<svg viewBox=\"0 0 16 16\" width=\"12\" height=\"12\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m6 3 5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>";
+		const sizes = [
+			{
+				name: "small",
+				text: "S",
+				label: "Small previews"
+			},
+			{
+				name: "medium",
+				text: "M",
+				label: "Medium previews"
+			},
+			{
+				name: "large",
+				text: "L",
+				label: "Large previews"
+			}
+		];
+		const defaultSize = "medium";
+		const sizeStorageKey = "coreai-image-carousel-size";
+		const activeIndexByCarouselKey = /* @__PURE__ */ new Map();
+		let drag = null;
+		let suppressNextClick = false;
+		function stackAdjacentImages(html) {
+			if (typeof document === "undefined" || !html) return html;
+			const firstContainerIndex = html.indexOf(imageContainerClass);
+			if (firstContainerIndex < 0 || html.indexOf(imageContainerClass, firstContainerIndex + 25) < 0) return html;
+			const template = document.createElement("template");
+			template.innerHTML = html;
+			const runs = findImageRuns(template.content);
+			if (runs.length === 0) return html;
+			for (const run of runs) buildCarousel(run);
+			return template.innerHTML;
+		}
+		function findImageRuns(root) {
+			const runs = [];
+			let run = [];
+			for (const container of root.querySelectorAll("." + imageContainerClass)) {
+				if (!container.parentElement || container.parentElement.tagName !== "P") {
+					runs.push(run);
+					run = [];
+					continue;
+				}
+				if (run.length > 0 && !isOnlyWhitespaceBetween(run[run.length - 1], container)) {
+					runs.push(run);
+					run = [];
+				}
+				run.push(container);
+			}
+			runs.push(run);
+			return runs.filter((candidate) => candidate.length > 1);
+		}
+		function isOnlyWhitespaceBetween(previous, next) {
+			const range = previous.ownerDocument.createRange();
+			range.setStartAfter(previous);
+			range.setEndBefore(next);
+			const between = range.cloneContents();
+			return between.textContent.trim() === "" && !between.querySelector(contentBetweenSelector);
+		}
+		function buildCarousel(containers) {
+			const ownerDocument = containers[0].ownerDocument;
+			const firstParagraph = containers[0].parentElement;
+			const vacatedParagraphs = /* @__PURE__ */ new Set();
+			const carousel = createElement(ownerDocument, "span", "ai-image-carousel");
+			carousel.tabIndex = 0;
+			carousel.setAttribute("role", "region");
+			carousel.setAttribute("aria-roledescription", "carousel");
+			carousel.setAttribute("aria-label", `${containers.length} images`);
+			carousel.dataset.carouselKey = getCarouselKey(containers);
+			carousel.dataset.carouselSize = getPreferredSize();
+			const stage = createElement(ownerDocument, "span", "ai-image-carousel-stage");
+			const controls = createElement(ownerDocument, "span", "ai-image-carousel-controls");
+			const caption = createElement(ownerDocument, "span", "ai-image-carousel-caption");
+			const navigation = createElement(ownerDocument, "span", "ai-image-carousel-navigation");
+			const dots = createElement(ownerDocument, "span", "ai-image-carousel-dots");
+			caption.setAttribute("aria-live", "polite");
+			containers[0].before(carousel);
+			containers.forEach((container, index) => {
+				removeSeparatorsBefore(container);
+				if (container.parentElement !== firstParagraph) vacatedParagraphs.add(container.parentElement);
+				container.classList.add("ai-image-carousel-item");
+				const image = container.querySelector("img");
+				if (image) image.setAttribute("draggable", "false");
+				const dot = createElement(ownerDocument, "button", "ai-image-carousel-dot");
+				dot.type = "button";
+				dot.dataset.carouselTarget = index;
+				dot.setAttribute("aria-label", `Show image ${index + 1}`);
+				dots.appendChild(dot);
+				stage.appendChild(container);
+			});
+			navigation.append(createStepButton(ownerDocument, -1, "Previous image", previousIcon), dots, createStepButton(ownerDocument, 1, "Next image", nextIcon));
+			controls.append(caption, createSizePicker(ownerDocument, carousel.dataset.carouselSize), navigation);
+			carousel.append(stage, controls);
+			for (const paragraph of vacatedParagraphs) if (paragraph.textContent.trim() === "" && !paragraph.querySelector(contentBetweenSelector)) paragraph.remove();
+			showImage(carousel, activeIndexByCarouselKey.get(carousel.dataset.carouselKey) || 0);
+		}
+		function removeSeparatorsBefore(container) {
+			let sibling = container.previousSibling;
+			while (sibling && (sibling.nodeType === Node.TEXT_NODE && sibling.textContent.trim() === "" || sibling.nodeName === "BR")) {
+				const previousSibling = sibling.previousSibling;
+				sibling.remove();
+				sibling = previousSibling;
+			}
+		}
+		function getCarouselKey(containers) {
+			const firstImage = containers[0].querySelector("img");
+			const firstSource = firstImage ? firstImage.getAttribute("src") || "" : "";
+			return `${containers.length}:${firstSource.slice(-120)}`;
+		}
+		function createElement(ownerDocument, tagName, className) {
+			const element = ownerDocument.createElement(tagName);
+			element.className = className;
+			return element;
+		}
+		function createStepButton(ownerDocument, step, label, icon) {
+			const button = createElement(ownerDocument, "button", "ai-image-carousel-button");
+			button.type = "button";
+			button.dataset.carouselStep = step;
+			button.setAttribute("aria-label", label);
+			button.innerHTML = icon;
+			return button;
+		}
+		function createSizePicker(ownerDocument, selectedSize) {
+			const picker = createElement(ownerDocument, "span", "ai-image-carousel-sizes");
+			picker.setAttribute("role", "group");
+			picker.setAttribute("aria-label", "Preview size");
+			for (const size of sizes) {
+				const button = createElement(ownerDocument, "button", "ai-image-carousel-size");
+				button.type = "button";
+				button.title = size.label;
+				button.textContent = size.text;
+				button.dataset.carouselSizeOption = size.name;
+				button.setAttribute("aria-label", size.label);
+				button.setAttribute("aria-pressed", size.name === selectedSize ? "true" : "false");
+				picker.appendChild(button);
+			}
+			return picker;
+		}
+		function getPreferredSize() {
+			try {
+				const storedSize = localStorage.getItem(sizeStorageKey);
+				return sizes.some((size) => size.name === storedSize) ? storedSize : defaultSize;
+			} catch (_) {
+				return defaultSize;
+			}
+		}
+		function setPreferredSize(selectedSize) {
+			try {
+				localStorage.setItem(sizeStorageKey, selectedSize);
+			} catch (_) {}
+			for (const carousel of document.querySelectorAll(".ai-image-carousel")) carousel.dataset.carouselSize = selectedSize;
+			for (const button of document.querySelectorAll("[data-carousel-size-option]")) button.setAttribute("aria-pressed", button.dataset.carouselSizeOption === selectedSize ? "true" : "false");
+		}
+		function getItems(carousel) {
+			return carousel.querySelectorAll(".ai-image-carousel-stage > .ai-image-carousel-item");
+		}
+		function getActiveIndex(carousel) {
+			return Number(carousel.dataset.activeIndex) || 0;
+		}
+		function showImage(carousel, requestedIndex) {
+			const items = getItems(carousel);
+			if (items.length === 0) {
+				carousel.remove();
+				return;
+			}
+			const activeIndex = Math.max(0, Math.min(items.length - 1, requestedIndex));
+			const dots = carousel.querySelector(".ai-image-carousel-dots");
+			while (dots.children.length > items.length) dots.lastElementChild.remove();
+			items.forEach((item, index) => {
+				const offset = index - activeIndex;
+				const isActive = offset === 0;
+				const downloadLink = item.querySelector("a");
+				item.dataset.stackOffset = Math.max(-3, Math.min(3, offset));
+				item.classList.toggle("is-active", isActive);
+				item.setAttribute("aria-hidden", isActive ? "false" : "true");
+				if (downloadLink) downloadLink.tabIndex = isActive ? 0 : -1;
+				dots.children[index].classList.toggle("is-active", isActive);
+				dots.children[index].setAttribute("aria-current", isActive ? "true" : "false");
+			});
+			const activeImage = items[activeIndex].querySelector("img");
+			const altText = activeImage ? activeImage.getAttribute("alt") : "";
+			carousel.dataset.activeIndex = activeIndex;
+			carousel.dataset.imageCount = items.length;
+			carousel.querySelector("[data-carousel-step=\"-1\"]").disabled = activeIndex === 0;
+			carousel.querySelector("[data-carousel-step=\"1\"]").disabled = activeIndex === items.length - 1;
+			carousel.querySelector(".ai-image-carousel-caption").textContent = altText ? `${activeIndex + 1} / ${items.length} · ${altText}` : `${activeIndex + 1} / ${items.length}`;
+			activeIndexByCarouselKey.set(carousel.dataset.carouselKey, activeIndex);
+		}
+		function stopEvent(event) {
+			event.preventDefault();
+			event.stopPropagation();
+		}
+		function onClick(event) {
+			const carousel = event.target.closest && event.target.closest(".ai-image-carousel");
+			if (!carousel) return;
+			if (suppressNextClick && event.detail > 0) {
+				suppressNextClick = false;
+				stopEvent(event);
+				return;
+			}
+			const stepButton = event.target.closest("[data-carousel-step]");
+			if (stepButton) {
+				stopEvent(event);
+				showImage(carousel, getActiveIndex(carousel) + Number(stepButton.dataset.carouselStep));
+				return;
+			}
+			const sizeButton = event.target.closest("[data-carousel-size-option]");
+			if (sizeButton) {
+				stopEvent(event);
+				setPreferredSize(sizeButton.dataset.carouselSizeOption);
+				return;
+			}
+			const dot = event.target.closest("[data-carousel-target]");
+			if (dot) {
+				stopEvent(event);
+				showImage(carousel, Number(dot.dataset.carouselTarget));
+				return;
+			}
+			const item = event.target.closest(".ai-image-carousel-item");
+			if (item && !item.classList.contains("is-active")) {
+				stopEvent(event);
+				showImage(carousel, Array.prototype.indexOf.call(getItems(carousel), item));
+			}
+		}
+		function onKeyDown(event) {
+			if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
+			const carousel = event.target.closest && event.target.closest(".ai-image-carousel");
+			if (!carousel) return;
+			event.preventDefault();
+			showImage(carousel, getActiveIndex(carousel) + (event.key === "ArrowRight" ? 1 : -1));
+		}
+		function onPointerDown(event) {
+			suppressNextClick = false;
+			const stage = event.button === 0 && event.target.closest && event.target.closest(".ai-image-carousel-stage");
+			if (!stage) return;
+			drag = {
+				stage,
+				pointerId: event.pointerId,
+				startX: event.clientX,
+				startY: event.clientY,
+				distance: 0,
+				isSwiping: false
+			};
+		}
+		function onPointerMove(event) {
+			if (!drag || event.pointerId !== drag.pointerId) return;
+			const distance = event.clientX - drag.startX;
+			if (!drag.isSwiping) {
+				if (Math.abs(distance) < dragStartThreshold || Math.abs(distance) < Math.abs(event.clientY - drag.startY)) return;
+				drag.isSwiping = true;
+				drag.stage.classList.add("is-dragging");
+			}
+			drag.distance = distance;
+			drag.stage.style.setProperty("--ai-image-carousel-drag", `${distance}px`);
+		}
+		function onPointerUp(event) {
+			if (!drag || event.pointerId !== drag.pointerId) return;
+			const { stage, distance, isSwiping } = drag;
+			endDrag();
+			if (!isSwiping) return;
+			suppressNextClick = true;
+			if (Math.abs(distance) >= swipeThreshold) {
+				const carousel = stage.closest(".ai-image-carousel");
+				showImage(carousel, getActiveIndex(carousel) + (distance < 0 ? 1 : -1));
+			}
+		}
+		function endDrag() {
+			if (!drag) return;
+			drag.stage.classList.remove("is-dragging");
+			drag.stage.style.removeProperty("--ai-image-carousel-drag");
+			drag = null;
+		}
+		function onImageError(event) {
+			const item = event.target.tagName === "IMG" && event.target.closest(".ai-image-carousel-item");
+			if (!item) return;
+			const carousel = item.closest(".ai-image-carousel");
+			item.classList.remove("ai-image-carousel-item", "is-active");
+			item.removeAttribute("data-stack-offset");
+			item.removeAttribute("aria-hidden");
+			carousel.after(item);
+			showImage(carousel, getActiveIndex(carousel));
+		}
+		if (typeof document !== "undefined") {
+			document.addEventListener("click", onClick, true);
+			document.addEventListener("keydown", onKeyDown);
+			document.addEventListener("pointerdown", onPointerDown);
+			document.addEventListener("pointermove", onPointerMove);
+			document.addEventListener("pointerup", onPointerUp);
+			document.addEventListener("pointercancel", endDrag);
+			document.addEventListener("error", onImageError, true);
+		}
+		return { stackAdjacentImages };
+	})();
+	//#endregion
+})();
 //# sourceMappingURL=chat-image-carousel.js.map