From e010c9237ff691a1c311abcb787b786fd381c223 Mon Sep 17 00:00:00 2001
From: osa <ogbemu.diatimothy@gmail.com>
Date: Mon, 1 Jun 2026 16:26:51 +0100
Subject: [PATCH 01/12] =?UTF-8?q?Gallery:=20componentize=20grid=20tiles=20?=
 =?UTF-8?q?(4=20desktop=20/=202=20mobile)=20=E2=80=94=20rounded=20chrome?=
 =?UTF-8?q?=20for=20all=20media=20(#473)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat(gallery): componentize grid tiles with rounded media chrome

* feat(gallery): add hover overlay prompting detail view

* give tiles consistent hit areas

* galleryNoMedia i18n

---------

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 components/GalleryView.vue                    |  52 +++----
 components/gallery/GalleryGrid.vue            |   7 +
 components/gallery/GalleryTile.vue            |  70 +++++++++
 components/shared/MediaFile.vue               | 100 ++++++++++--
 i18n/locales/en.json                          |   1 +
 i18n/locales/es.json                          |   1 +
 i18n/locales/nl.json                          |   1 +
 i18n/locales/pt.json                          |   1 +
 i18n/locales/sw.json                          |   1 +
 i18n/locales/th.json                          |   1 +
 tests/unit/components/GalleryView.test.ts     |  39 ++++-
 .../components/gallery/GalleryGrid.test.ts    |  19 +++
 .../components/gallery/GalleryTile.test.ts    | 144 ++++++++++++++++++
 .../gallery/MediaFile.gallery.test.ts         |  82 ++++++++++
 14 files changed, 467 insertions(+), 52 deletions(-)
 create mode 100644 components/gallery/GalleryGrid.vue
 create mode 100644 components/gallery/GalleryTile.vue
 create mode 100644 tests/unit/components/gallery/GalleryGrid.test.ts
 create mode 100644 tests/unit/components/gallery/GalleryTile.test.ts
 create mode 100644 tests/unit/components/gallery/MediaFile.gallery.test.ts

diff --git a/components/GalleryView.vue b/components/GalleryView.vue
index 7872424a..564ae541 100644
--- a/components/GalleryView.vue
+++ b/components/GalleryView.vue
@@ -5,13 +5,12 @@ import {
   normalizeFilterValues,
   useTimestampFilter,
 } from "@/composables/useDateAndCategoryFilter";
-import { prepareCoordinatesForSelectedFeature } from "@/utils/mapGLHelpers";
 import { useRecordCache } from "@/composables/useRecordCache";
-import { transformSurveyEntry } from "@/utils/dataTransformers";
 
 import DataFilter from "@/components/shared/DataFilter.vue";
 import TimestampFilter from "@/components/shared/TimestampFilter.vue";
-import DataFeature from "@/components/shared/DataFeature.vue";
+import GalleryGrid from "@/components/gallery/GalleryGrid.vue";
+import GalleryTile from "@/components/gallery/GalleryTile.vue";
 import EmptyStateIllustration from "@/components/shared/EmptyStateIllustration.vue";
 import { useI18n } from "vue-i18n";
 
@@ -143,15 +142,12 @@ const getFullRecord = (minimalItem: DataEntry): DataEntry => {
   return getCachedRecord(props.table, id) ?? minimalItem;
 };
 
-/** Transform raw record for display and prepare coordinates for selected feature */
-const prepareForDisplay = (feature: DataEntry): DataEntry => {
-  const transformed = transformSurveyEntry(feature);
-  if (transformed.geocoordinates) {
-    transformed.geocoordinates = prepareCoordinatesForSelectedFeature(
-      transformed.geocoordinates,
-    );
-  }
-  return transformed;
+const getRecordFilePaths = (feature: DataEntry): string[] => {
+  return getFilePathsWithExtension(
+    feature,
+    props.allowedFileExtensions,
+    props.mediaColumn,
+  );
 };
 </script>
 
@@ -159,11 +155,11 @@ const prepareForDisplay = (feature: DataEntry): DataEntry => {
   <div
     id="galleryContainer"
     data-testid="gallery-container"
-    class="gallery p-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"
+    class="gallery p-4"
   >
     <div
       v-if="filterColumn || timestampColumn"
-      class="sticky top-10 right-10 z-10 flex flex-col gap-0.5"
+      class="sticky top-10 right-10 z-10 flex flex-col gap-0.5 mb-4"
       data-testid="filter-container"
     >
       <DataFilter
@@ -181,7 +177,7 @@ const prepareForDisplay = (feature: DataEntry): DataEntry => {
     </div>
     <div
       v-if="filteredData.length === 0"
-      class="col-span-full text-center py-12"
+      class="text-center py-12"
       data-testid="gallery-empty-state"
     >
       <EmptyStateIllustration
@@ -191,22 +187,16 @@ const prepareForDisplay = (feature: DataEntry): DataEntry => {
         {{ emptyStateMessage }}
       </p>
     </div>
-    <DataFeature
-      v-for="(feature, index) in paginatedData"
-      v-else
-      :key="feature._id ?? index"
-      :allowed-file-extensions="allowedFileExtensions"
-      :feature="prepareForDisplay(getFullRecord(feature))"
-      :file-paths="
-        getFilePathsWithExtension(
-          getFullRecord(feature),
-          allowedFileExtensions,
-          mediaColumn,
-        )
-      "
-      :media-base-path="mediaBasePath"
-      :data-testid="`gallery-item-${index}`"
-    />
+    <GalleryGrid v-else>
+      <GalleryTile
+        v-for="(feature, index) in paginatedData"
+        :key="feature._id ?? index"
+        :allowed-file-extensions="allowedFileExtensions"
+        :file-paths="getRecordFilePaths(getFullRecord(feature))"
+        :media-base-path="mediaBasePath"
+        :test-id="`gallery-item-${index}`"
+      />
+    </GalleryGrid>
     <!-- Hidden element to track pagination state for testing -->
     <div
       data-testid="pagination-info"
diff --git a/components/gallery/GalleryGrid.vue b/components/gallery/GalleryGrid.vue
new file mode 100644
index 00000000..2adfc85b
--- /dev/null
+++ b/components/gallery/GalleryGrid.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div class="grid grid-cols-2 lg:grid-cols-4 gap-4" data-testid="gallery-grid">
+    <slot></slot>
+  </div>
+</template>
diff --git a/components/gallery/GalleryTile.vue b/components/gallery/GalleryTile.vue
new file mode 100644
index 00000000..2f43fe86
--- /dev/null
+++ b/components/gallery/GalleryTile.vue
@@ -0,0 +1,70 @@
+<script setup lang="ts">
+import MediaFile from "@/components/shared/MediaFile.vue";
+
+import type { AllowedFileExtensions } from "@/types";
+
+const props = defineProps<{
+  allowedFileExtensions: AllowedFileExtensions;
+  filePaths: string[];
+  mediaBasePath: string;
+  testId: string;
+}>();
+
+const previewFilePath = computed(() => props.filePaths[0] ?? null);
+
+const handleTileClick = (event: MouseEvent) => {
+  const target = event.target as HTMLElement;
+  if (target.closest("audio, video, a")) {
+    return;
+  }
+};
+
+const handleTileKeydown = (event: KeyboardEvent) => {
+  if (event.key === "Enter" || event.key === " ") {
+    event.preventDefault();
+  }
+};
+</script>
+
+<template>
+  <div
+    class="group relative rounded-2xl focus:outline-none focus-visible:ring-2 focus-visible:ring-violet-500 focus-visible:ring-offset-2"
+    :data-testid="testId"
+    tabindex="0"
+    role="button"
+    @click="handleTileClick"
+    @keydown="handleTileKeydown"
+  >
+    <div class="relative w-full aspect-square overflow-hidden rounded-2xl">
+      <MediaFile
+        v-if="previewFilePath"
+        class="h-full w-full"
+        :allowed-file-extensions="allowedFileExtensions"
+        :file-path="previewFilePath"
+        :media-base-path="mediaBasePath"
+        variant="gallery"
+      />
+      <div
+        v-else
+        class="aspect-square rounded-2xl bg-violet-50 border border-violet-100 flex items-center justify-center p-4"
+        data-testid="gallery-tile-no-media"
+      >
+        <span class="text-sm text-violet-700 text-center">{{
+          $t("galleryEmpty")
+        }}</span>
+      </div>
+
+      <div
+        v-if="previewFilePath"
+        class="pointer-events-none absolute inset-0 flex items-center justify-center bg-black/40 opacity-70 transition-opacity duration-300 lg:opacity-0 lg:group-hover:opacity-100 lg:group-focus-within:opacity-100"
+        data-testid="gallery-tile-overlay"
+      >
+        <span
+          class="px-3 py-1.5 text-sm font-medium text-white rounded-lg bg-black/30"
+        >
+          {{ $t("galleryClickToViewDetails") }}
+        </span>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/components/shared/MediaFile.vue b/components/shared/MediaFile.vue
index 325d1d7d..89a0198b 100644
--- a/components/shared/MediaFile.vue
+++ b/components/shared/MediaFile.vue
@@ -4,11 +4,19 @@ import type { AllowedFileExtensions } from "@/types";
 import { useIntersectionObserver } from "@/composables/useIntersectionObserver";
 import { useOptimizedImages } from "@/composables/useOptimizedImages";
 
-const props = defineProps<{
-  allowedFileExtensions: AllowedFileExtensions;
-  filePath: string;
-  mediaBasePath: string;
-}>();
+const props = withDefaults(
+  defineProps<{
+    allowedFileExtensions: AllowedFileExtensions;
+    filePath: string;
+    mediaBasePath: string;
+    variant?: "default" | "gallery";
+  }>(),
+  {
+    variant: "default",
+  },
+);
+
+const isGalleryVariant = computed(() => props.variant === "gallery");
 
 /** Conditional rendering based on file extension */
 const isAudio = computed(() =>
@@ -81,15 +89,39 @@ const handleImageLoad = () => {
   imageError.value = false;
   imageLoaded.value = true;
 };
+
+const imageContainerClass = computed(() => {
+  if (isGalleryVariant.value) {
+    return "w-full h-full overflow-hidden rounded-2xl bg-gray-100 dark:bg-gray-800";
+  }
+  return "w-full aspect-video rounded-lg bg-gray-100 dark:bg-gray-800";
+});
+
+const imageClass = computed(() => {
+  if (isGalleryVariant.value) {
+    return "w-full h-full object-cover";
+  }
+  return "w-full h-auto rounded-lg";
+});
 </script>
 
 <template>
-  <div>
-    <div v-if="isImage" ref="imageContainer" class="mb-4">
+  <div :class="{ 'h-full w-full': isGalleryVariant }">
+    <div
+      v-if="isImage"
+      ref="imageContainer"
+      :class="[
+        isGalleryVariant ? 'h-full w-full' : '',
+        isGalleryVariant ? '' : 'mb-4',
+      ]"
+    >
       <!-- Error state: Show red X icon when image fails to load (404) -->
       <div
         v-if="shouldLoadImage && imageError"
-        class="w-full aspect-video rounded-lg bg-gray-100 dark:bg-gray-800 flex items-center justify-center border-2 border-red-500"
+        :class="[
+          imageContainerClass,
+          'flex items-center justify-center border-2 border-red-500',
+        ]"
       >
         <div
           class="flex flex-col items-center justify-center gap-2 text-red-500"
@@ -106,7 +138,7 @@ const handleImageLoad = () => {
         v-else-if="
           !shouldLoadImage || (shouldLoadImage && !imageLoaded && !imageError)
         "
-        class="w-full aspect-video rounded-lg bg-gray-100 dark:bg-gray-800 flex items-center justify-center"
+        :class="[imageContainerClass, 'flex items-center justify-center']"
       >
         <div class="text-gray-400 text-sm">
           {{ $t("loading") || "Loading..." }}
@@ -115,7 +147,7 @@ const handleImageLoad = () => {
 
       <!-- Image container: Load and show image when in viewport -->
       <a
-        v-if="shouldLoadImage && !imageError"
+        v-if="shouldLoadImage && !imageError && !isGalleryVariant"
         :href="rawImageUrl"
         target="_blank"
         :data-lightbox="filePath"
@@ -126,14 +158,27 @@ const handleImageLoad = () => {
         <img
           :src="optimizedImageUrl"
           alt="Image"
-          class="w-full h-auto rounded-lg"
+          :class="imageClass"
           @load="handleImageLoad"
           @error="handleImageError"
         />
       </a>
 
       <div
-        v-if="filePath"
+        v-if="shouldLoadImage && !imageError && isGalleryVariant"
+        :class="[imageContainerClass, { hidden: !imageLoaded }]"
+      >
+        <img
+          :src="optimizedImageUrl"
+          alt="Image"
+          :class="imageClass"
+          @load="handleImageLoad"
+          @error="handleImageError"
+        />
+      </div>
+
+      <div
+        v-if="filePath && !isGalleryVariant"
         class="text-center flex items-center justify-center mt-2"
       >
         <span v-if="filePath.includes('t0.jpg')" class="italic">{{
@@ -144,8 +189,15 @@ const handleImageLoad = () => {
         }}</span>
       </div>
     </div>
-    <div v-if="isAudio" class="mb-4">
-      <audio controls class="w-full" preload="none">
+    <div
+      v-if="isAudio"
+      :class="
+        isGalleryVariant
+          ? 'h-full w-full overflow-hidden rounded-2xl bg-violet-50 border border-violet-100 p-4 flex items-center'
+          : 'mb-4'
+      "
+    >
+      <audio controls class="w-full" preload="none" @click.stop>
         <source
           :src="mediaBasePath + '/' + filePath"
           :type="
@@ -157,8 +209,24 @@ const handleImageLoad = () => {
         {{ $t("browserDoesntSupportAudio") }}.
       </audio>
     </div>
-    <div v-if="isVideo" class="mb-4">
-      <video controls class="w-full h-auto rounded-lg" preload="none">
+    <div
+      v-if="isVideo"
+      :class="
+        isGalleryVariant
+          ? 'h-full w-full overflow-hidden rounded-2xl bg-gray-100'
+          : 'mb-4'
+      "
+    >
+      <video
+        controls
+        :class="
+          isGalleryVariant
+            ? 'w-full h-full object-cover'
+            : 'w-full h-auto rounded-lg'
+        "
+        preload="none"
+        @click.stop
+      >
         <source
           :src="mediaBasePath + '/' + filePath"
           :type="'video/' + getExtension(filePath)"
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 1ead8c37..81c7f80f 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -89,6 +89,7 @@
   "filtering": "Filtering",
   "filterOutValuesFromColumn": "Which values to filter out from the column",
   "gallery": "Gallery",
+  "galleryClickToViewDetails": "Click to view details",
   "galleryEmpty": "There are no items to show in this gallery yet.",
   "galleryNoFilterResults": "No items match the current filters.",
   "galleryNotAvailable": "The gallery view is not yet configured for this dataset",
diff --git a/i18n/locales/es.json b/i18n/locales/es.json
index 79f5ff50..a4543991 100644
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@@ -86,6 +86,7 @@
   "filtering": "Filtrado",
   "filterOutValuesFromColumn": "Qué valores filtrar de la columna",
   "gallery": "Galería",
+  "galleryClickToViewDetails": "Haz clic para ver detalles",
   "galleryEmpty": "Aún no hay elementos que mostrar en esta galería.",
   "galleryNoFilterResults": "Ningún elemento coincide con los filtros actuales.",
   "galleryNotAvailable": "La vista de galería no está configurada para este conjunto de datos",
diff --git a/i18n/locales/nl.json b/i18n/locales/nl.json
index 54bd3bee..66479dc7 100644
--- a/i18n/locales/nl.json
+++ b/i18n/locales/nl.json
@@ -87,6 +87,7 @@
   "filtering": "Filteren",
   "filterOutValuesFromColumn": "Welke waarden uit de kolom filteren",
   "gallery": "Galerij",
+  "galleryClickToViewDetails": "Klik om details te bekijken",
   "galleryEmpty": "Er zijn nog geen items om in deze galerij te tonen.",
   "galleryNoFilterResults": "Geen items komen overeen met de huidige filters.",
   "galleryNotAvailable": "De galerijweergave is niet voor deze dataset geconfigureerd",
diff --git a/i18n/locales/pt.json b/i18n/locales/pt.json
index 30ee3dbb..dc300915 100644
--- a/i18n/locales/pt.json
+++ b/i18n/locales/pt.json
@@ -86,6 +86,7 @@
   "filtering": "Filtragem",
   "filterOutValuesFromColumn": "Quais valores filtrar da coluna",
   "gallery": "Galeria",
+  "galleryClickToViewDetails": "Clique para ver detalhes",
   "galleryEmpty": "Ainda não há itens para mostrar nesta galeria.",
   "galleryNoFilterResults": "Nenhum item corresponde aos filtros atuais.",
   "galleryNotAvailable": "A visualização de galeria não está configurada para este conjunto de dados",
diff --git a/i18n/locales/sw.json b/i18n/locales/sw.json
index b0225ae7..7001f07d 100644
--- a/i18n/locales/sw.json
+++ b/i18n/locales/sw.json
@@ -89,6 +89,7 @@
   "filtering": "Kuchuja",
   "filterOutValuesFromColumn": "Thamani gani za kuchuja kutoka safuni",
   "gallery": "Matunzio",
+  "galleryClickToViewDetails": "Bofya kuona maelezo",
   "galleryEmpty": "Bado hakuna vipengele vya kuonyesha katika matunzio haya.",
   "galleryNoFilterResults": "Hakuna vipengele vinavyolingana na vichujio vya sasa.",
   "galleryNotAvailable": "Mtazamo wa matunzio bado haujasanidiwa kwa seti hii ya data",
diff --git a/i18n/locales/th.json b/i18n/locales/th.json
index 57cc717d..0f1dc5a9 100644
--- a/i18n/locales/th.json
+++ b/i18n/locales/th.json
@@ -89,6 +89,7 @@
   "filtering": "การกรอง",
   "filterOutValuesFromColumn": "ค่าที่ต้องการกรองออกจากคอลัมน์",
   "gallery": "แกลเลอรี",
+  "galleryClickToViewDetails": "คลิกเพื่อดูรายละเอียด",
   "galleryEmpty": "ยังไม่มีรายการให้แสดงในแกลเลอรีนี้",
   "galleryNoFilterResults": "ไม่มีรายการตรงกับตัวกรองปัจจุบัน",
   "galleryNotAvailable": "มุมมองแกลเลอรียังไม่ได้ตั้งค่าสำหรับชุดข้อมูลนี้",
diff --git a/tests/unit/components/GalleryView.test.ts b/tests/unit/components/GalleryView.test.ts
index a67fe6a6..0f07a238 100644
--- a/tests/unit/components/GalleryView.test.ts
+++ b/tests/unit/components/GalleryView.test.ts
@@ -13,8 +13,6 @@ Object.assign(globalThis, {
   onBeforeUnmount,
 });
 
-// TODO: Add more unit tests for GalleryView behavior beyond empty states.
-
 const mockT = (key: string) => key;
 vi.mock("vue-i18n", () => ({
   useI18n: () => ({ t: mockT }),
@@ -28,7 +26,7 @@ vi.mock("@/composables/useRecordCache", () => ({
   }),
 }));
 
-const filterByDateAndCategoryMock = vi.fn();
+const filterByDateAndCategoryMock = vi.fn((data: Dataset) => data);
 vi.mock("@/composables/useDateAndCategoryFilter", () => ({
   filterByDateAndCategory: (...args: unknown[]) =>
     filterByDateAndCategoryMock(...args),
@@ -41,7 +39,7 @@ vi.mock("@/composables/useDateAndCategoryFilter", () => ({
 }));
 
 vi.mock("@/utils", () => ({
-  getFilePathsWithExtension: () => [],
+  getFilePathsWithExtension: () => ["photo.jpg"],
 }));
 
 const globalConfig = {
@@ -52,7 +50,13 @@ const globalConfig = {
       template: `<button data-testid="stub-data-filter" @click="$emit('filter', ['x'])">filter</button>`,
     },
     TimestampFilter: true,
-    DataFeature: true,
+    GalleryGrid: {
+      template: "<div data-testid='stub-gallery-grid'><slot /></div>",
+    },
+    GalleryTile: {
+      props: ["testId"],
+      template: `<div :data-testid="testId">tile</div>`,
+    },
     EmptyStateIllustration: {
       props: ["variant"],
       template:
@@ -78,6 +82,7 @@ describe("GalleryView empty states", () => {
   beforeEach(() => {
     vi.clearAllMocks();
     filterByDateAndCategoryMock.mockReset();
+    filterByDateAndCategoryMock.mockImplementation((data: Dataset) => data);
   });
 
   it("shows galleryEmpty when gallery has no items", () => {
@@ -119,3 +124,27 @@ describe("GalleryView empty states", () => {
     );
   });
 });
+
+describe("GalleryView grid rendering", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    filterByDateAndCategoryMock.mockReset();
+    filterByDateAndCategoryMock.mockImplementation((data: Dataset) => data);
+  });
+
+  it("renders gallery tiles when filtered data is present", () => {
+    const wrapper = mount(GalleryView, {
+      props: {
+        ...baseProps,
+        galleryData: [{ _id: "1" }, { _id: "2" }] as unknown as Dataset,
+      },
+      global: globalConfig,
+    });
+
+    expect(wrapper.find('[data-testid="stub-gallery-grid"]').exists()).toBe(
+      true,
+    );
+    expect(wrapper.find('[data-testid="gallery-item-0"]').exists()).toBe(true);
+    expect(wrapper.find('[data-testid="gallery-item-1"]').exists()).toBe(true);
+  });
+});
diff --git a/tests/unit/components/gallery/GalleryGrid.test.ts b/tests/unit/components/gallery/GalleryGrid.test.ts
new file mode 100644
index 00000000..bb5c815a
--- /dev/null
+++ b/tests/unit/components/gallery/GalleryGrid.test.ts
@@ -0,0 +1,19 @@
+import { describe, it, expect } from "vitest";
+import { mount } from "@vue/test-utils";
+
+import GalleryGrid from "@/components/gallery/GalleryGrid.vue";
+
+describe("GalleryGrid", () => {
+  it("renders a responsive 2-column mobile and 4-column desktop grid", () => {
+    const wrapper = mount(GalleryGrid, {
+      slots: {
+        default: "<div data-testid='slot-item'>tile</div>",
+      },
+    });
+
+    const grid = wrapper.get('[data-testid="gallery-grid"]');
+    expect(grid.classes()).toContain("grid-cols-2");
+    expect(grid.classes()).toContain("lg:grid-cols-4");
+    expect(wrapper.find('[data-testid="slot-item"]').exists()).toBe(true);
+  });
+});
diff --git a/tests/unit/components/gallery/GalleryTile.test.ts b/tests/unit/components/gallery/GalleryTile.test.ts
new file mode 100644
index 00000000..51e06347
--- /dev/null
+++ b/tests/unit/components/gallery/GalleryTile.test.ts
@@ -0,0 +1,144 @@
+import { describe, it, expect, vi } from "vitest";
+import { mount } from "@vue/test-utils";
+import { computed, ref, watchEffect } from "vue";
+
+import GalleryTile from "@/components/gallery/GalleryTile.vue";
+import type { AllowedFileExtensions } from "@/types";
+
+Object.assign(globalThis, {
+  computed,
+  ref,
+  watchEffect,
+});
+
+const mockT = (key: string) => key;
+
+vi.mock("@/composables/useIntersectionObserver", () => ({
+  useIntersectionObserver: () => ({
+    target: ref(null),
+  }),
+}));
+
+vi.mock("@/composables/useOptimizedImages", () => ({
+  useOptimizedImages: () => ({
+    getGalleryImageUrl: (url: string) => url,
+  }),
+}));
+
+vi.mock("@/components/shared/MediaFile.vue", () => ({
+  default: {
+    name: "MediaFile",
+    props: ["filePath", "variant"],
+    template:
+      '<div data-testid="stub-media-file" :data-variant="variant">{{ filePath }}</div>',
+  },
+}));
+
+const allowedFileExtensions: AllowedFileExtensions = {
+  audio: ["mp3", "m4a"],
+  image: ["jpg", "jpeg", "png"],
+  video: ["mp4"],
+};
+
+const globalConfig = {
+  mocks: {
+    $t: mockT,
+  },
+};
+
+describe("GalleryTile", () => {
+  it("renders an image preview inside rounded gallery chrome", () => {
+    const wrapper = mount(GalleryTile, {
+      props: {
+        allowedFileExtensions,
+        filePaths: ["photo.jpg"],
+        mediaBasePath: "/media",
+        testId: "gallery-item-0",
+      },
+      global: globalConfig,
+    });
+
+    expect(wrapper.find('[data-testid="gallery-item-0"]').exists()).toBe(true);
+    expect(wrapper.find('[data-testid="stub-media-file"]').exists()).toBe(true);
+    expect(wrapper.find('[data-testid="stub-media-file"]').text()).toBe(
+      "photo.jpg",
+    );
+    expect(wrapper.find(".rounded-2xl").exists()).toBe(true);
+    expect(wrapper.find(".aspect-square").exists()).toBe(true);
+  });
+
+  it("renders audio preview through MediaFile with gallery variant", () => {
+    const wrapper = mount(GalleryTile, {
+      props: {
+        allowedFileExtensions,
+        filePaths: ["recording.mp3"],
+        mediaBasePath: "/media",
+        testId: "gallery-item-1",
+      },
+      global: globalConfig,
+    });
+
+    expect(wrapper.find('[data-testid="stub-media-file"]').text()).toBe(
+      "recording.mp3",
+    );
+    expect(
+      wrapper
+        .find('[data-testid="stub-media-file"]')
+        .attributes("data-variant"),
+    ).toBe("gallery");
+  });
+
+  it("shows a no-media placeholder when file paths are empty", () => {
+    const wrapper = mount(GalleryTile, {
+      props: {
+        allowedFileExtensions,
+        filePaths: [],
+        mediaBasePath: "/media",
+        testId: "gallery-item-2",
+      },
+      global: globalConfig,
+    });
+
+    expect(wrapper.find('[data-testid="gallery-tile-no-media"]').exists()).toBe(
+      true,
+    );
+    expect(wrapper.text()).toContain("galleryEmpty");
+    expect(wrapper.find('[data-testid="gallery-tile-overlay"]').exists()).toBe(
+      false,
+    );
+  });
+
+  it("includes a hover overlay with click-to-view-details copy", () => {
+    const wrapper = mount(GalleryTile, {
+      props: {
+        allowedFileExtensions,
+        filePaths: ["photo.jpg"],
+        mediaBasePath: "/media",
+        testId: "gallery-item-3",
+      },
+      global: globalConfig,
+    });
+
+    const overlay = wrapper.get('[data-testid="gallery-tile-overlay"]');
+    expect(overlay.classes()).toContain("lg:group-hover:opacity-100");
+    expect(overlay.classes()).toContain("lg:group-focus-within:opacity-100");
+    expect(overlay.classes()).toContain("opacity-70");
+    expect(overlay.classes()).toContain("pointer-events-none");
+    expect(overlay.text()).toContain("galleryClickToViewDetails");
+  });
+
+  it("is keyboard focusable for the overlay affordance", () => {
+    const wrapper = mount(GalleryTile, {
+      props: {
+        allowedFileExtensions,
+        filePaths: ["photo.jpg"],
+        mediaBasePath: "/media",
+        testId: "gallery-item-4",
+      },
+      global: globalConfig,
+    });
+
+    expect(wrapper.attributes("tabindex")).toBe("0");
+    expect(wrapper.attributes("role")).toBe("button");
+  });
+});
diff --git a/tests/unit/components/gallery/MediaFile.gallery.test.ts b/tests/unit/components/gallery/MediaFile.gallery.test.ts
new file mode 100644
index 00000000..bd673aa7
--- /dev/null
+++ b/tests/unit/components/gallery/MediaFile.gallery.test.ts
@@ -0,0 +1,82 @@
+import { describe, it, expect, vi } from "vitest";
+import { mount } from "@vue/test-utils";
+import { computed, ref, watchEffect } from "vue";
+
+import MediaFile from "@/components/shared/MediaFile.vue";
+import type { AllowedFileExtensions } from "@/types";
+
+Object.assign(globalThis, {
+  computed,
+  ref,
+  watchEffect,
+});
+
+const mockT = (key: string) => key;
+
+vi.mock("@/composables/useIntersectionObserver", () => ({
+  useIntersectionObserver: (
+    callback: (entries: IntersectionObserverEntry[]) => void,
+  ) => {
+    const target = ref<HTMLElement | null>(null);
+    watchEffect(() => {
+      if (target.value) {
+        callback([{ isIntersecting: true } as IntersectionObserverEntry]);
+      }
+    });
+    return { target };
+  },
+}));
+
+vi.mock("@/composables/useOptimizedImages", () => ({
+  useOptimizedImages: () => ({
+    getGalleryImageUrl: (url: string) => url,
+  }),
+}));
+
+const allowedFileExtensions: AllowedFileExtensions = {
+  audio: ["mp3", "m4a"],
+  image: ["jpg", "jpeg", "png"],
+  video: ["mp4"],
+};
+
+const globalConfig = {
+  mocks: {
+    $t: mockT,
+  },
+};
+
+describe("MediaFile gallery variant", () => {
+  it("renders gallery images without a lightbox link", async () => {
+    const wrapper = mount(MediaFile, {
+      props: {
+        allowedFileExtensions,
+        filePath: "photo.jpg",
+        mediaBasePath: "/media",
+        variant: "gallery",
+      },
+      global: globalConfig,
+    });
+
+    await wrapper.vm.$nextTick();
+
+    expect(wrapper.find("a[data-lightbox]").exists()).toBe(false);
+    expect(wrapper.find(".h-full").exists()).toBe(true);
+    expect(wrapper.text()).toContain("loading");
+  });
+
+  it("wraps gallery audio in a rounded violet container", () => {
+    const wrapper = mount(MediaFile, {
+      props: {
+        allowedFileExtensions,
+        filePath: "recording.mp3",
+        mediaBasePath: "/media",
+        variant: "gallery",
+      },
+      global: globalConfig,
+    });
+
+    expect(wrapper.find("audio").exists()).toBe(true);
+    expect(wrapper.find(".bg-violet-50").exists()).toBe(true);
+    expect(wrapper.find(".rounded-2xl").exists()).toBe(true);
+  });
+});

From e20baf7e5e871fa9c3ee8f93b11a5fbbcd89c8f2 Mon Sep 17 00:00:00 2001
From: osa <ogbemu.diatimothy@gmail.com>
Date: Tue, 9 Jun 2026 10:43:31 +0100
Subject: [PATCH 02/12] =?UTF-8?q?Gallery:=20Gallery=20detail=20layout=20?=
 =?UTF-8?q?=E2=80=94=20split=20panel=20(desktop)=20/=20stacked=20(mobile)?=
 =?UTF-8?q?=20=20#449=20Open=20Feature=20(#475)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

### Goal

Closes #449. Add split panel gallery detail.

### Screenshots

<img width="1416" height="790" alt="Screenshot 2026-06-01 at 17 18 29"
src="https://github.com/user-attachments/assets/59748805-cc92-4119-8121-d63386e93a15"
/>

<img width="693" height="796" alt="Screenshot 2026-06-01 at 17 27 52"
src="https://github.com/user-attachments/assets/778bd5b1-f1d8-47ea-b3e2-05fd49437f13"
/>

### What I changed and why

- Clicking a tile replaces the gallery grid with an inline detail view:
media on the left, metadata in a violet panel on the right on large
screens, stacked on small
- Detail view is closed via a "← Gallery" back link, the header X
button, or Escape
- Filters and tiles are hidden while detail is open to keep context
clear
- Fixed sticky hover overlay bug by suppressing overlays on all tiles
while detail is open and blurring the tile that triggered it
- Gallery route now uses the `explorer` layout to get the same
`AppHeader` as index, dataset, and config pages

### How I convinced myself this is right

Hiding the grid when detail is open matches the design mock (full
content swap). Reusing `DataFeature` with `hideMedia` and `embedded`
keeps one metadata renderer without duplicating fields. The overlay fix
targets focus/hover state on the opener.`explorer` layout is the same
mechanism other top-level pages use for `AppHeader`; no duplicate header
component.

### What I'm not doing here

- Per-entry media carousel in tiles/detail (#450)
- Purple theming pass beyond existing `bg-violet-50` panel
- Filter modal / media-type filter / Mapbox minimap (later epic items)

### LLM use disclosure

Styling largely by me, commited by cursor
---
 components/GalleryView.vue                    | 127 ++++++++++------
 components/gallery/GalleryDetailPanel.vue     | 113 +++++++++++++++
 components/gallery/GalleryMediaCarousel.vue   | 136 ++++++++++++++++++
 components/gallery/GalleryTile.vue            |  67 +++++++--
 components/shared/DataFeature.vue             |  12 +-
 i18n/locales/en.json                          |   5 +
 i18n/locales/es.json                          |   5 +
 i18n/locales/nl.json                          |   5 +
 i18n/locales/pt.json                          |   5 +
 i18n/locales/sw.json                          |   5 +
 i18n/locales/th.json                          |   5 +
 pages/gallery/[tablename].vue                 |  10 +-
 tests/e2e/02-gallery.spec.ts                  |  76 ++++------
 tests/unit/components/GalleryView.test.ts     |  32 ++++-
 .../gallery/GalleryDetailPanel.test.ts        | 125 ++++++++++++++++
 .../gallery/GalleryMediaCarousel.test.ts      |  97 +++++++++++++
 .../components/gallery/GalleryTile.test.ts    |  64 +++++++--
 17 files changed, 770 insertions(+), 119 deletions(-)
 create mode 100644 components/gallery/GalleryDetailPanel.vue
 create mode 100644 components/gallery/GalleryMediaCarousel.vue
 create mode 100644 tests/unit/components/gallery/GalleryDetailPanel.test.ts
 create mode 100644 tests/unit/components/gallery/GalleryMediaCarousel.test.ts

diff --git a/components/GalleryView.vue b/components/GalleryView.vue
index 564ae541..3aa82521 100644
--- a/components/GalleryView.vue
+++ b/components/GalleryView.vue
@@ -5,10 +5,13 @@ import {
   normalizeFilterValues,
   useTimestampFilter,
 } from "@/composables/useDateAndCategoryFilter";
+import { prepareCoordinatesForSelectedFeature } from "@/utils/mapGLHelpers";
 import { useRecordCache } from "@/composables/useRecordCache";
+import { transformSurveyEntry } from "@/utils/dataTransformers";
 
 import DataFilter from "@/components/shared/DataFilter.vue";
 import TimestampFilter from "@/components/shared/TimestampFilter.vue";
+import GalleryDetailPanel from "@/components/gallery/GalleryDetailPanel.vue";
 import GalleryGrid from "@/components/gallery/GalleryGrid.vue";
 import GalleryTile from "@/components/gallery/GalleryTile.vue";
 import EmptyStateIllustration from "@/components/shared/EmptyStateIllustration.vue";
@@ -55,7 +58,8 @@ const applyAllFilters = () => {
 const selectedFilterValues = ref<FilterValues>([]);
 const filteredData = ref(props.galleryData);
 const loading = ref(false);
-
+const selectedEntry = ref<DataEntry | null>(null);
+const selectedFilePaths = ref<string[]>([]);
 const isFilteredToEmpty = computed(
   () => props.galleryData.length > 0 && filteredData.value.length === 0,
 );
@@ -142,6 +146,17 @@ const getFullRecord = (minimalItem: DataEntry): DataEntry => {
   return getCachedRecord(props.table, id) ?? minimalItem;
 };
 
+/** Transform raw record for display and prepare coordinates for selected feature */
+const prepareForDisplay = (feature: DataEntry): DataEntry => {
+  const transformed = transformSurveyEntry(feature);
+  if (transformed.geocoordinates) {
+    transformed.geocoordinates = prepareCoordinatesForSelectedFeature(
+      transformed.geocoordinates,
+    );
+  }
+  return transformed;
+};
+
 const getRecordFilePaths = (feature: DataEntry): string[] => {
   return getFilePathsWithExtension(
     feature,
@@ -149,6 +164,25 @@ const getRecordFilePaths = (feature: DataEntry): string[] => {
     props.mediaColumn,
   );
 };
+
+const openDetail = (feature: DataEntry, event?: Event) => {
+  const fullRecord = getFullRecord(feature);
+  selectedEntry.value = prepareForDisplay(fullRecord);
+  selectedFilePaths.value = getRecordFilePaths(fullRecord);
+
+  if (event?.currentTarget instanceof HTMLElement) {
+    event.currentTarget.blur();
+  }
+
+  if (typeof window.scrollTo === "function") {
+    window.scrollTo({ top: 0, behavior: "smooth" });
+  }
+};
+
+const closeDetail = () => {
+  selectedEntry.value = null;
+  selectedFilePaths.value = [];
+};
 </script>
 
 <template>
@@ -157,46 +191,57 @@ const getRecordFilePaths = (feature: DataEntry): string[] => {
     data-testid="gallery-container"
     class="gallery p-4"
   >
-    <div
-      v-if="filterColumn || timestampColumn"
-      class="sticky top-10 right-10 z-10 flex flex-col gap-0.5 mb-4"
-      data-testid="filter-container"
-    >
-      <DataFilter
-        v-if="filterColumn"
-        :data="galleryData"
-        :filter-column="filterColumn"
-        @filter="filterValues"
-      />
-      <TimestampFilter
-        v-if="timestampColumn"
-        :data="galleryData"
-        :timestamp-column="timestampColumn"
-        @filter="onTimestampFilter"
-      />
-    </div>
-    <div
-      v-if="filteredData.length === 0"
-      class="text-center py-12"
-      data-testid="gallery-empty-state"
-    >
-      <EmptyStateIllustration
-        :variant="isFilteredToEmpty ? 'noFilterResults' : 'empty'"
-      />
-      <p class="text-gray-500 text-sm sm:text-base">
-        {{ emptyStateMessage }}
-      </p>
-    </div>
-    <GalleryGrid v-else>
-      <GalleryTile
-        v-for="(feature, index) in paginatedData"
-        :key="feature._id ?? index"
-        :allowed-file-extensions="allowedFileExtensions"
-        :file-paths="getRecordFilePaths(getFullRecord(feature))"
-        :media-base-path="mediaBasePath"
-        :test-id="`gallery-item-${index}`"
-      />
-    </GalleryGrid>
+    <GalleryDetailPanel
+      v-if="selectedEntry"
+      :allowed-file-extensions="allowedFileExtensions"
+      :feature="selectedEntry"
+      :file-paths="selectedFilePaths"
+      :media-base-path="mediaBasePath"
+      @close="closeDetail"
+    />
+    <template v-else>
+      <div
+        v-if="filterColumn || timestampColumn"
+        class="sticky top-10 right-10 z-10 mb-4 flex flex-col gap-0.5"
+        data-testid="filter-container"
+      >
+        <DataFilter
+          v-if="filterColumn"
+          :data="galleryData"
+          :filter-column="filterColumn"
+          @filter="filterValues"
+        />
+        <TimestampFilter
+          v-if="timestampColumn"
+          :data="galleryData"
+          :timestamp-column="timestampColumn"
+          @filter="onTimestampFilter"
+        />
+      </div>
+      <div
+        v-if="filteredData.length === 0"
+        class="py-12 text-center"
+        data-testid="gallery-empty-state"
+      >
+        <EmptyStateIllustration
+          :variant="isFilteredToEmpty ? 'noFilterResults' : 'empty'"
+        />
+        <p class="text-sm text-gray-500 sm:text-base">
+          {{ emptyStateMessage }}
+        </p>
+      </div>
+      <GalleryGrid v-else>
+        <GalleryTile
+          v-for="(feature, index) in paginatedData"
+          :key="feature._id ?? index"
+          :allowed-file-extensions="allowedFileExtensions"
+          :file-paths="getRecordFilePaths(getFullRecord(feature))"
+          :media-base-path="mediaBasePath"
+          :test-id="`gallery-item-${index}`"
+          @open="openDetail(feature, $event)"
+        />
+      </GalleryGrid>
+    </template>
     <!-- Hidden element to track pagination state for testing -->
     <div
       data-testid="pagination-info"
diff --git a/components/gallery/GalleryDetailPanel.vue b/components/gallery/GalleryDetailPanel.vue
new file mode 100644
index 00000000..672903f5
--- /dev/null
+++ b/components/gallery/GalleryDetailPanel.vue
@@ -0,0 +1,113 @@
+<script setup lang="ts">
+import { ChevronLeft, X } from "lucide-vue-next";
+import DataFeature from "@/components/shared/DataFeature.vue";
+import GalleryMediaCarousel from "@/components/gallery/GalleryMediaCarousel.vue";
+
+import type { AllowedFileExtensions, DataEntry } from "@/types";
+
+const props = defineProps<{
+  allowedFileExtensions: AllowedFileExtensions;
+  feature: DataEntry;
+  filePaths: string[];
+  mediaBasePath: string;
+}>();
+
+const emit = defineEmits<{
+  close: [];
+}>();
+
+const hasMedia = computed(() => props.filePaths.length > 0);
+
+const handleKeydown = (event: KeyboardEvent) => {
+  if (event.key === "Escape") {
+    emit("close");
+  }
+};
+
+onMounted(() => {
+  document.addEventListener("keydown", handleKeydown);
+});
+
+onBeforeUnmount(() => {
+  document.removeEventListener("keydown", handleKeydown);
+});
+</script>
+
+<template>
+  <div class="w-full" data-testid="gallery-detail-panel">
+    <button
+      type="button"
+      class="mb-4 inline-flex items-center gap-2 text-sm font-medium text-violet-600 transition-colors hover:text-violet-800 focus:outline-none focus-visible:ring-2 focus-visible:ring-violet-500 focus-visible:ring-offset-2 rounded"
+      data-testid="gallery-detail-back"
+      @click="emit('close')"
+    >
+      <ChevronLeft class="h-5 w-5 shrink-0" aria-hidden="true" />
+      {{ $t("gallery") }}
+    </button>
+
+    <section
+      class="overflow-hidden rounded-2xl border border-gray-100 bg-white shadow-sm"
+      aria-labelledby="gallery-detail-title"
+    >
+      <header
+        class="flex items-center justify-between gap-4 border-b border-gray-100 px-4 py-3 sm:px-6 sm:py-4"
+      >
+        <h2
+          id="gallery-detail-title"
+          class="text-lg font-semibold text-gray-900 sm:text-xl"
+        >
+          {{ $t("galleryImageDetails") }}
+        </h2>
+        <button
+          type="button"
+          class="rounded-full p-2 text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-violet-500"
+          data-testid="gallery-detail-close"
+          @click="emit('close')"
+        >
+          <span class="sr-only">{{ $t("incidents.close") }}</span>
+          <X class="h-5 w-5" />
+        </button>
+      </header>
+
+      <div
+        class="flex flex-col gap-4 p-4 sm:gap-6 sm:p-6 lg:flex-row lg:items-stretch"
+      >
+        <div
+          class="min-h-[240px] flex-1 min-w-0 overflow-hidden rounded-2xl bg-gray-50 sm:min-h-[320px] lg:min-h-[min(70vh,640px)]"
+          data-testid="gallery-detail-media"
+        >
+          <GalleryMediaCarousel
+            v-if="hasMedia"
+            class="h-full w-full min-h-[240px] sm:min-h-[320px] lg:min-h-[min(70vh,640px)]"
+            :allowed-file-extensions="allowedFileExtensions"
+            :file-paths="filePaths"
+            :media-base-path="mediaBasePath"
+            variant="gallery"
+          />
+          <div
+            v-else
+            class="flex aspect-square min-h-[240px] items-center justify-center rounded-2xl border border-violet-100 bg-violet-50 sm:min-h-[320px]"
+          >
+            <span class="text-sm text-violet-700">{{
+              $t("galleryEmpty")
+            }}</span>
+          </div>
+        </div>
+
+        <div
+          class="w-full min-h-0 overflow-y-auto rounded-2xl bg-violet-50 p-4 sm:p-6 lg:w-[380px] lg:flex-shrink-0 lg:max-h-[min(70vh,640px)]"
+          data-testid="gallery-detail-metadata"
+        >
+          <DataFeature
+            :allowed-file-extensions="allowedFileExtensions"
+            :feature="feature"
+            :file-paths="filePaths"
+            :media-base-path="mediaBasePath"
+            :embedded="true"
+            :hide-media="true"
+          />
+        </div>
+      </div>
+    </section>
+  </div>
+</template>
diff --git a/components/gallery/GalleryMediaCarousel.vue b/components/gallery/GalleryMediaCarousel.vue
new file mode 100644
index 00000000..593752fc
--- /dev/null
+++ b/components/gallery/GalleryMediaCarousel.vue
@@ -0,0 +1,136 @@
+<script setup lang="ts">
+import { ChevronLeft, ChevronRight } from "lucide-vue-next";
+import MediaFile from "@/components/shared/MediaFile.vue";
+
+import type { AllowedFileExtensions } from "@/types";
+
+const props = defineProps<{
+  allowedFileExtensions: AllowedFileExtensions;
+  filePaths: string[];
+  mediaBasePath: string;
+  variant?: "gallery" | "default";
+}>();
+
+const { t } = useI18n();
+
+const currentIndex = ref(0);
+
+const hasMultiple = computed(() => props.filePaths.length > 1);
+
+const currentFilePath = computed(
+  () => props.filePaths[currentIndex.value] ?? null,
+);
+
+const slideLabel = computed(() =>
+  t("gallerySlideOf", {
+    current: currentIndex.value + 1,
+    total: props.filePaths.length,
+  }),
+);
+
+watch(
+  () => props.filePaths,
+  () => {
+    currentIndex.value = 0;
+  },
+);
+
+const goToPrevious = () => {
+  if (!hasMultiple.value) return;
+  currentIndex.value =
+    (currentIndex.value - 1 + props.filePaths.length) % props.filePaths.length;
+};
+
+const goToNext = () => {
+  if (!hasMultiple.value) return;
+  currentIndex.value = (currentIndex.value + 1) % props.filePaths.length;
+};
+
+const goToIndex = (index: number) => {
+  if (index >= 0 && index < props.filePaths.length) {
+    currentIndex.value = index;
+  }
+};
+
+/** Drop focus after carousel use so tile “view details” overlay does not stick. */
+const blurCarouselControl = (event: Event) => {
+  const control = event.currentTarget;
+  if (control instanceof HTMLElement) {
+    requestAnimationFrame(() => control.blur());
+  }
+};
+</script>
+
+<template>
+  <div class="relative h-full w-full" data-testid="gallery-media-carousel">
+    <MediaFile
+      v-if="currentFilePath"
+      :key="currentFilePath"
+      class="h-full w-full"
+      :allowed-file-extensions="allowedFileExtensions"
+      :file-path="currentFilePath"
+      :media-base-path="mediaBasePath"
+      :variant="variant ?? 'gallery'"
+    />
+
+    <template v-if="hasMultiple">
+      <button
+        type="button"
+        class="absolute left-2 top-1/2 z-10 -translate-y-1/2 rounded-full bg-black/50 p-2 text-white transition-colors hover:bg-black/70 focus:outline-none focus-visible:ring-2 focus-visible:ring-white"
+        data-testid="gallery-carousel-prev"
+        :aria-label="t('galleryPreviousMedia')"
+        @click.stop="
+          goToPrevious();
+          blurCarouselControl($event);
+        "
+      >
+        <ChevronLeft class="h-5 w-5" />
+      </button>
+      <button
+        type="button"
+        class="absolute right-2 top-1/2 z-10 -translate-y-1/2 rounded-full bg-black/50 p-2 text-white transition-colors hover:bg-black/70 focus:outline-none focus-visible:ring-2 focus-visible:ring-white"
+        data-testid="gallery-carousel-next"
+        :aria-label="t('galleryNextMedia')"
+        @click.stop="
+          goToNext();
+          blurCarouselControl($event);
+        "
+      >
+        <ChevronRight class="h-5 w-5" />
+      </button>
+
+      <div
+        class="absolute bottom-2 left-0 right-0 z-10 flex flex-col items-center gap-1"
+        data-testid="gallery-carousel-dots"
+      >
+        <span class="sr-only">{{ slideLabel }}</span>
+        <div class="flex items-center gap-1.5" role="tablist">
+          <button
+            v-for="(_, index) in filePaths"
+            :key="index"
+            type="button"
+            class="h-2 w-2 rounded-full transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-white"
+            :class="
+              index === currentIndex
+                ? 'bg-white'
+                : 'bg-white/50 hover:bg-white/80'
+            "
+            role="tab"
+            :aria-selected="index === currentIndex"
+            :aria-label="
+              t('galleryGoToSlide', {
+                number: index + 1,
+                total: filePaths.length,
+              })
+            "
+            :data-testid="`gallery-carousel-dot-${index}`"
+            @click.stop="
+              goToIndex(index);
+              blurCarouselControl($event);
+            "
+          />
+        </div>
+      </div>
+    </template>
+  </div>
+</template>
diff --git a/components/gallery/GalleryTile.vue b/components/gallery/GalleryTile.vue
index 2f43fe86..3ba8ce39 100644
--- a/components/gallery/GalleryTile.vue
+++ b/components/gallery/GalleryTile.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import MediaFile from "@/components/shared/MediaFile.vue";
+import GalleryMediaCarousel from "@/components/gallery/GalleryMediaCarousel.vue";
 
 import type { AllowedFileExtensions } from "@/types";
 
@@ -7,40 +7,88 @@ const props = defineProps<{
   allowedFileExtensions: AllowedFileExtensions;
   filePaths: string[];
   mediaBasePath: string;
+  suppressOverlay?: boolean;
   testId: string;
 }>();
 
-const previewFilePath = computed(() => props.filePaths[0] ?? null);
+const emit = defineEmits<{
+  open: [event: Event];
+}>();
+
+const hasMedia = computed(() => props.filePaths.length > 0);
+
+const showOverlay = computed(() => hasMedia.value && !props.suppressOverlay);
+
+const tileEl = ref<HTMLElement | null>(null);
+const isHovered = ref(false);
+/** True only when the tile root itself is focused (keyboard), not carousel controls. */
+const isTileRootFocused = ref(false);
+
+const isOverlayVisible = computed(
+  () => showOverlay.value && (isHovered.value || isTileRootFocused.value),
+);
+
+const handleTileFocusIn = (event: FocusEvent) => {
+  if (event.target === tileEl.value) {
+    isTileRootFocused.value = true;
+  }
+};
+
+const handleTileFocusOut = (event: FocusEvent) => {
+  const next = event.relatedTarget as Node | null;
+  if (!next || !tileEl.value?.contains(next)) {
+    isTileRootFocused.value = false;
+  }
+};
+
+const handleTileMouseLeave = () => {
+  isHovered.value = false;
+  const active = document.activeElement;
+  if (active instanceof HTMLElement && tileEl.value?.contains(active)) {
+    active.blur();
+  }
+};
 
 const handleTileClick = (event: MouseEvent) => {
   const target = event.target as HTMLElement;
-  if (target.closest("audio, video, a")) {
+  if (
+    target.closest(
+      "audio, video, a, [data-testid='gallery-carousel-prev'], [data-testid='gallery-carousel-next'], [data-testid^='gallery-carousel-dot-']",
+    )
+  ) {
     return;
   }
+  emit("open", event);
 };
 
 const handleTileKeydown = (event: KeyboardEvent) => {
   if (event.key === "Enter" || event.key === " ") {
     event.preventDefault();
+    emit("open", event);
   }
 };
 </script>
 
 <template>
   <div
-    class="group relative rounded-2xl focus:outline-none focus-visible:ring-2 focus-visible:ring-violet-500 focus-visible:ring-offset-2"
+    ref="tileEl"
+    class="relative rounded-2xl focus:outline-none focus-visible:ring-2 focus-visible:ring-violet-500 focus-visible:ring-offset-2"
     :data-testid="testId"
     tabindex="0"
     role="button"
     @click="handleTileClick"
     @keydown="handleTileKeydown"
+    @focusin="handleTileFocusIn"
+    @focusout="handleTileFocusOut"
+    @mouseenter="isHovered = true"
+    @mouseleave="handleTileMouseLeave"
   >
     <div class="relative w-full aspect-square overflow-hidden rounded-2xl">
-      <MediaFile
-        v-if="previewFilePath"
+      <GalleryMediaCarousel
+        v-if="hasMedia"
         class="h-full w-full"
         :allowed-file-extensions="allowedFileExtensions"
-        :file-path="previewFilePath"
+        :file-paths="filePaths"
         :media-base-path="mediaBasePath"
         variant="gallery"
       />
@@ -55,8 +103,9 @@ const handleTileKeydown = (event: KeyboardEvent) => {
       </div>
 
       <div
-        v-if="previewFilePath"
-        class="pointer-events-none absolute inset-0 flex items-center justify-center bg-black/40 opacity-70 transition-opacity duration-300 lg:opacity-0 lg:group-hover:opacity-100 lg:group-focus-within:opacity-100"
+        v-if="showOverlay"
+        class="pointer-events-none absolute inset-0 flex items-center justify-center bg-black/40 transition-opacity duration-300"
+        :class="isOverlayVisible ? 'opacity-100' : 'opacity-70 lg:opacity-0'"
         data-testid="gallery-tile-overlay"
       >
         <span
diff --git a/components/shared/DataFeature.vue b/components/shared/DataFeature.vue
index 04b6b961..f17c22c9 100644
--- a/components/shared/DataFeature.vue
+++ b/components/shared/DataFeature.vue
@@ -11,8 +11,10 @@ import type { Feature } from "geojson";
 
 const props = defineProps<{
   allowedFileExtensions?: AllowedFileExtensions;
+  embedded?: boolean;
   exportTableName?: string;
   feature: DataEntry;
+  hideMedia?: boolean;
   featureGeojson?: Feature | AlertsData;
   filePaths?: Array<string>;
   isAlert?: boolean;
@@ -73,10 +75,14 @@ const exportRecordId = computed(() =>
 
 <template>
   <div
-    class="rounded-lg border bg-card text-card-foreground shadow-sm"
+    :class="
+      embedded
+        ? 'bg-transparent'
+        : 'rounded-lg border bg-card text-card-foreground shadow-sm'
+    "
     data-testid="data-feature"
   >
-    <div class="p-6 space-y-6">
+    <div :class="embedded ? 'space-y-6' : 'p-6 space-y-6'">
       <div v-for="(value, key) in sortedFeature" :key="key">
         <div v-if="key.toLowerCase().includes('data source')" class="mb-4">
           <h1
@@ -89,7 +95,7 @@ const exportRecordId = computed(() =>
       </div>
 
       <div
-        v-if="allowedFileExtensions && setMediaBasePath()"
+        v-if="!hideMedia && allowedFileExtensions && setMediaBasePath()"
         :class="{ 'grid grid-cols-2 gap-6': isAlert }"
         data-testid="media-files-container"
       >
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 81c7f80f..f575b048 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -91,6 +91,11 @@
   "gallery": "Gallery",
   "galleryClickToViewDetails": "Click to view details",
   "galleryEmpty": "There are no items to show in this gallery yet.",
+  "galleryGoToSlide": "Go to slide {number} of {total}",
+  "galleryImageDetails": "Image details",
+  "galleryNextMedia": "Next media",
+  "galleryPreviousMedia": "Previous media",
+  "gallerySlideOf": "Slide {current} of {total}",
   "galleryNoFilterResults": "No items match the current filters.",
   "galleryNotAvailable": "The gallery view is not yet configured for this dataset",
   "geocoordinates": "Coordinates",
diff --git a/i18n/locales/es.json b/i18n/locales/es.json
index a4543991..9c267896 100644
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@@ -88,6 +88,11 @@
   "gallery": "Galería",
   "galleryClickToViewDetails": "Haz clic para ver detalles",
   "galleryEmpty": "Aún no hay elementos que mostrar en esta galería.",
+  "galleryGoToSlide": "Ir a la diapositiva {number} de {total}",
+  "galleryImageDetails": "Detalles de la imagen",
+  "galleryNextMedia": "Medio siguiente",
+  "galleryPreviousMedia": "Medio anterior",
+  "gallerySlideOf": "Diapositiva {current} de {total}",
   "galleryNoFilterResults": "Ningún elemento coincide con los filtros actuales.",
   "galleryNotAvailable": "La vista de galería no está configurada para este conjunto de datos",
   "geocoordinates": "Coordenadas",
diff --git a/i18n/locales/nl.json b/i18n/locales/nl.json
index 66479dc7..347d06ae 100644
--- a/i18n/locales/nl.json
+++ b/i18n/locales/nl.json
@@ -89,6 +89,11 @@
   "gallery": "Galerij",
   "galleryClickToViewDetails": "Klik om details te bekijken",
   "galleryEmpty": "Er zijn nog geen items om in deze galerij te tonen.",
+  "galleryGoToSlide": "Ga naar dia {number} van {total}",
+  "galleryImageDetails": "Afbeeldingsdetails",
+  "galleryNextMedia": "Volgende media",
+  "galleryPreviousMedia": "Vorige media",
+  "gallerySlideOf": "Dia {current} van {total}",
   "galleryNoFilterResults": "Geen items komen overeen met de huidige filters.",
   "galleryNotAvailable": "De galerijweergave is niet voor deze dataset geconfigureerd",
   "geocoordinates": "Coördinaten",
diff --git a/i18n/locales/pt.json b/i18n/locales/pt.json
index dc300915..b1b0bc30 100644
--- a/i18n/locales/pt.json
+++ b/i18n/locales/pt.json
@@ -88,6 +88,11 @@
   "gallery": "Galeria",
   "galleryClickToViewDetails": "Clique para ver detalhes",
   "galleryEmpty": "Ainda não há itens para mostrar nesta galeria.",
+  "galleryGoToSlide": "Ir para o slide {number} de {total}",
+  "galleryImageDetails": "Detalhes da imagem",
+  "galleryNextMedia": "Mídia seguinte",
+  "galleryPreviousMedia": "Mídia anterior",
+  "gallerySlideOf": "Slide {current} de {total}",
   "galleryNoFilterResults": "Nenhum item corresponde aos filtros atuais.",
   "galleryNotAvailable": "A visualização de galeria não está configurada para este conjunto de dados",
   "geocoordinates": "Coordenadas",
diff --git a/i18n/locales/sw.json b/i18n/locales/sw.json
index 7001f07d..e6806d0e 100644
--- a/i18n/locales/sw.json
+++ b/i18n/locales/sw.json
@@ -91,6 +91,11 @@
   "gallery": "Matunzio",
   "galleryClickToViewDetails": "Bofya kuona maelezo",
   "galleryEmpty": "Bado hakuna vipengele vya kuonyesha katika matunzio haya.",
+  "galleryGoToSlide": "Nenda kwenye slaidi {number} kati ya {total}",
+  "galleryImageDetails": "Maelezo ya picha",
+  "galleryNextMedia": "Vyombo vya habari vinavyofuata",
+  "galleryPreviousMedia": "Vyombo vya habari vilivyotangulia",
+  "gallerySlideOf": "Slaidi {current} kati ya {total}",
   "galleryNoFilterResults": "Hakuna vipengele vinavyolingana na vichujio vya sasa.",
   "galleryNotAvailable": "Mtazamo wa matunzio bado haujasanidiwa kwa seti hii ya data",
   "geocoordinates": "Vituo vya jiografia",
diff --git a/i18n/locales/th.json b/i18n/locales/th.json
index 0f1dc5a9..def35f03 100644
--- a/i18n/locales/th.json
+++ b/i18n/locales/th.json
@@ -91,6 +91,11 @@
   "gallery": "แกลเลอรี",
   "galleryClickToViewDetails": "คลิกเพื่อดูรายละเอียด",
   "galleryEmpty": "ยังไม่มีรายการให้แสดงในแกลเลอรีนี้",
+  "galleryGoToSlide": "ไปที่สไลด์ {number} จาก {total}",
+  "galleryImageDetails": "รายละเอียดรูปภาพ",
+  "galleryNextMedia": "สื่อถัดไป",
+  "galleryPreviousMedia": "สื่อก่อนหน้า",
+  "gallerySlideOf": "สไลด์ {current} จาก {total}",
   "galleryNoFilterResults": "ไม่มีรายการตรงกับตัวกรองปัจจุบัน",
   "galleryNotAvailable": "มุมมองแกลเลอรียังไม่ได้ตั้งค่าสำหรับชุดข้อมูลนี้",
   "geocoordinates": "พิกัด",
diff --git a/pages/gallery/[tablename].vue b/pages/gallery/[tablename].vue
index 58003d16..a5b5660d 100644
--- a/pages/gallery/[tablename].vue
+++ b/pages/gallery/[tablename].vue
@@ -55,10 +55,12 @@ useHead({
       : []),
   ],
 });
+
+definePageMeta({ layout: "explorer" });
 </script>
 
 <template>
-  <div>
+  <main class="mx-auto w-full max-w-7xl p-3 sm:p-6">
     <DataLoadError
       v-if="error"
       :title="$t('dataLoadErrorTitle')"
@@ -78,14 +80,14 @@ useHead({
       />
       <div
         v-if="!mediaBasePath && dataFetched"
-        class="text-center py-12"
+        class="py-12 text-center"
         data-testid="gallery-error-message"
       >
         <EmptyStateIllustration variant="notConfigured" />
-        <p class="text-gray-500 text-sm sm:text-base">
+        <p class="text-sm text-gray-500 sm:text-base">
           {{ $t("galleryNotAvailable") }}.
         </p>
       </div>
     </ClientOnly>
-  </div>
+  </main>
 </template>
diff --git a/tests/e2e/02-gallery.spec.ts b/tests/e2e/02-gallery.spec.ts
index 9ca7c32e..693013ef 100644
--- a/tests/e2e/02-gallery.spec.ts
+++ b/tests/e2e/02-gallery.spec.ts
@@ -52,22 +52,26 @@ test("gallery page - displays gallery with media files", async ({
   await page.waitForURL("**/gallery/**", { timeout: 5000 });
   await page.waitForLoadState("networkidle");
 
-  // 8. Wait for the gallery container to be present
+  // 8. Explorer layout header (logo, community tab, language picker)
+  const logo = page.locator('img[alt="Guardian Connector Explorer"]').first();
+  await expect(logo).toBeVisible({ timeout: 10000 });
+
+  // 9. Wait for the gallery container to be present
   await page
     .getByTestId("gallery-container")
     .waitFor({ state: "attached", timeout: 10000 });
 
-  // 9. Verify gallery container is visible
+  // 10. Verify gallery container is visible
   await expect(page.getByTestId("gallery-container")).toBeVisible();
 
-  // 10. Check for gallery items (DataFeature components)
+  // 11. Check for gallery items
   const galleryItems = page.locator('[data-testid^="gallery-item-"]');
   await galleryItems.first().waitFor({ state: "visible", timeout: 10000 });
   const itemCount = await galleryItems.count();
   expect(itemCount).toBeGreaterThan(0);
 });
 
-test("gallery page - displays images with lightbox functionality", async ({
+test("gallery page - displays gallery tiles with media", async ({
   authenticatedPageAsAdmin: page,
 }) => {
   // 1. Navigate to index page
@@ -123,33 +127,25 @@ test("gallery page - displays images with lightbox functionality", async ({
   // Give images time to load or error out
   await page.waitForTimeout(5000);
 
-  const visibleImageLinks = page.locator("a[data-lightbox]:not(.hidden)");
+  const tileImages = page.locator(
+    '[data-testid^="gallery-item-"] img:not(.hidden)',
+  );
   const imageFallbackCards = page.locator("div.border-red-500");
+  const noMediaTiles = page.locator('[data-testid="gallery-tile-no-media"]');
 
-  // 7. Gallery should show at least one successfully rendered image
-  // or an explicit image-not-found fallback card.
+  // 7. Gallery should show at least one rendered tile image, fallback card, or no-media placeholder.
   await expect
     .poll(
       async () =>
-        (await visibleImageLinks.count()) + (await imageFallbackCards.count()),
+        (await tileImages.count()) +
+        (await imageFallbackCards.count()) +
+        (await noMediaTiles.count()),
       { timeout: 10000 },
     )
     .toBeGreaterThan(0);
-
-  const imageCount = await visibleImageLinks.count();
-  const fallbackCount = await imageFallbackCards.count();
-  expect(imageCount > 0 || fallbackCount > 0).toBe(true);
-
-  // If images are available, verify first image has a valid lightbox link target.
-  if (imageCount > 0) {
-    const firstImage = visibleImageLinks.first();
-    const firstImageHref = await firstImage.getAttribute("href");
-    expect(firstImageHref).toBeTruthy();
-    expect(firstImageHref).toMatch(/^https?:\/\//);
-  }
 });
 
-test("gallery page - lightbox opens on image click (vendor JS loaded)", async ({
+test("gallery page - detail panel opens on tile click and closes", async ({
   authenticatedPageAsAdmin: page,
 }) => {
   await page.goto("/");
@@ -188,37 +184,27 @@ test("gallery page - lightbox opens on image click (vendor JS loaded)", async ({
     .getByTestId("gallery-container")
     .waitFor({ state: "attached", timeout: 10000 });
 
-  // Wait for images to load
-  await page.waitForTimeout(5000);
-
-  const lightboxLinks = page.locator("a[data-lightbox]:not(.hidden)");
-  const linkCount = await lightboxLinks.count();
+  const galleryItems = page.locator('[data-testid^="gallery-item-"]');
+  await galleryItems.first().waitFor({ state: "visible", timeout: 15000 });
 
-  if (linkCount === 0) {
-    console.log("No lightbox images found, skipping lightbox click test");
+  const firstTile = galleryItems.first();
+  const hasMedia = (await firstTile.locator("img, audio, video").count()) > 0;
+  if (!hasMedia) {
+    console.log("First gallery tile has no media, skipping detail panel test");
     test.skip();
     return;
   }
 
-  // Click the first lightbox-enabled image
-  await lightboxLinks.first().click();
+  await firstTile.click();
 
-  // Lightbox overlay should appear — the #lightbox container is injected by
-  // the vendor jQuery script in public/vendor/lightbox/. If the JS failed to
-  // load (e.g. compression corruption), this element won't exist.
-  const lightboxOverlay = page.locator("#lightbox");
-  await expect(lightboxOverlay).toBeVisible({ timeout: 5000 });
+  const detailPanel = page.getByTestId("gallery-detail-panel");
+  await expect(detailPanel).toBeVisible({ timeout: 5000 });
+  await expect(page.getByTestId("gallery-detail-metadata")).toBeVisible();
+  await expect(galleryItems.first()).toBeHidden({ timeout: 3000 });
 
-  // The lightbox image should render
-  const lightboxImage = page.locator("#lightbox .lb-image");
-  await expect(lightboxImage).toBeVisible({ timeout: 5000 });
-
-  // Close the lightbox
-  const closeButton = page.locator("#lightbox .lb-close");
-  if ((await closeButton.count()) > 0) {
-    await closeButton.click();
-    await expect(lightboxOverlay).toBeHidden({ timeout: 3000 });
-  }
+  await page.getByTestId("gallery-detail-back").click();
+  await expect(detailPanel).toBeHidden({ timeout: 3000 });
+  await expect(galleryItems.first()).toBeVisible({ timeout: 5000 });
 });
 
 test("gallery page - audio playback functionality", async ({
diff --git a/tests/unit/components/GalleryView.test.ts b/tests/unit/components/GalleryView.test.ts
index 0f07a238..84706d78 100644
--- a/tests/unit/components/GalleryView.test.ts
+++ b/tests/unit/components/GalleryView.test.ts
@@ -42,6 +42,14 @@ vi.mock("@/utils", () => ({
   getFilePathsWithExtension: () => ["photo.jpg"],
 }));
 
+vi.mock("@/utils/dataTransformers", () => ({
+  transformSurveyEntry: (entry: unknown) => entry,
+}));
+
+vi.mock("@/utils/mapGLHelpers", () => ({
+  prepareCoordinatesForSelectedFeature: (value: unknown) => value,
+}));
+
 const globalConfig = {
   mocks: { $t: mockT },
   stubs: {
@@ -54,8 +62,11 @@ const globalConfig = {
       template: "<div data-testid='stub-gallery-grid'><slot /></div>",
     },
     GalleryTile: {
-      props: ["testId"],
-      template: `<div :data-testid="testId">tile</div>`,
+      props: ["testId", "suppressOverlay"],
+      template: `<button type="button" :data-testid="testId" @click="$emit('open', $event)">tile</button>`,
+    },
+    GalleryDetailPanel: {
+      template: '<div data-testid="gallery-detail-panel"></div>',
     },
     EmptyStateIllustration: {
       props: ["variant"],
@@ -147,4 +158,21 @@ describe("GalleryView grid rendering", () => {
     expect(wrapper.find('[data-testid="gallery-item-0"]').exists()).toBe(true);
     expect(wrapper.find('[data-testid="gallery-item-1"]').exists()).toBe(true);
   });
+
+  it("opens detail panel when a tile emits open", async () => {
+    const wrapper = mount(GalleryView, {
+      props: {
+        ...baseProps,
+        galleryData: [{ _id: "1" }] as unknown as Dataset,
+      },
+      global: globalConfig,
+    });
+
+    await wrapper.get('[data-testid="gallery-item-0"]').trigger("click");
+
+    expect(wrapper.find('[data-testid="gallery-detail-panel"]').exists()).toBe(
+      true,
+    );
+    expect(wrapper.find('[data-testid="gallery-item-0"]').exists()).toBe(false);
+  });
 });
diff --git a/tests/unit/components/gallery/GalleryDetailPanel.test.ts b/tests/unit/components/gallery/GalleryDetailPanel.test.ts
new file mode 100644
index 00000000..cbd846f3
--- /dev/null
+++ b/tests/unit/components/gallery/GalleryDetailPanel.test.ts
@@ -0,0 +1,125 @@
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import { mount } from "@vue/test-utils";
+import { computed, onBeforeUnmount, onMounted, ref } from "vue";
+
+import GalleryDetailPanel from "@/components/gallery/GalleryDetailPanel.vue";
+import type { AllowedFileExtensions, DataEntry } from "@/types";
+
+Object.assign(globalThis, {
+  computed,
+  onBeforeUnmount,
+  onMounted,
+  ref,
+});
+
+const mockT = (key: string) => key;
+
+vi.mock("@/components/gallery/GalleryMediaCarousel.vue", () => ({
+  default: {
+    name: "GalleryMediaCarousel",
+    props: ["filePaths"],
+    template:
+      '<div data-testid="stub-detail-carousel">{{ filePaths.join(",") }}</div>',
+  },
+}));
+
+vi.mock("@/components/shared/DataFeature.vue", () => ({
+  default: {
+    name: "DataFeature",
+    props: ["hideMedia", "embedded"],
+    template: '<div data-testid="data-feature"></div>',
+  },
+}));
+
+const allowedFileExtensions: AllowedFileExtensions = {
+  audio: ["mp3"],
+  image: ["jpg"],
+  video: ["mp4"],
+};
+
+const feature: DataEntry = {
+  _id: "1",
+  abundance: "High",
+};
+
+const globalConfig = {
+  mocks: {
+    $t: mockT,
+  },
+};
+
+describe("GalleryDetailPanel", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it("renders first media file and metadata without duplicating media in DataFeature", () => {
+    const wrapper = mount(GalleryDetailPanel, {
+      props: {
+        allowedFileExtensions,
+        feature,
+        filePaths: ["photo.jpg", "audio.mp3"],
+        mediaBasePath: "/media",
+      },
+      global: globalConfig,
+    });
+
+    expect(wrapper.find('[data-testid="gallery-detail-panel"]').exists()).toBe(
+      true,
+    );
+    expect(wrapper.find('[data-testid="stub-detail-carousel"]').text()).toBe(
+      "photo.jpg,audio.mp3",
+    );
+
+    const dataFeature = wrapper.findComponent({ name: "DataFeature" });
+    expect(dataFeature.props("hideMedia")).toBe(true);
+    expect(dataFeature.props("embedded")).toBe(true);
+  });
+
+  it("emits close when the back-to-gallery control is clicked", async () => {
+    const wrapper = mount(GalleryDetailPanel, {
+      props: {
+        allowedFileExtensions,
+        feature,
+        filePaths: ["photo.jpg"],
+        mediaBasePath: "/media",
+      },
+      global: globalConfig,
+    });
+
+    await wrapper.get('[data-testid="gallery-detail-back"]').trigger("click");
+    expect(wrapper.emitted("close")).toHaveLength(1);
+  });
+
+  it("emits close when the close button is clicked", async () => {
+    const wrapper = mount(GalleryDetailPanel, {
+      props: {
+        allowedFileExtensions,
+        feature,
+        filePaths: ["photo.jpg"],
+        mediaBasePath: "/media",
+      },
+      global: globalConfig,
+    });
+
+    await wrapper.get('[data-testid="gallery-detail-close"]').trigger("click");
+    expect(wrapper.emitted("close")).toHaveLength(1);
+  });
+
+  it("emits close when Escape is pressed", () => {
+    const wrapper = mount(GalleryDetailPanel, {
+      props: {
+        allowedFileExtensions,
+        feature,
+        filePaths: ["photo.jpg"],
+        mediaBasePath: "/media",
+      },
+      global: globalConfig,
+      attachTo: document.body,
+    });
+
+    document.dispatchEvent(new KeyboardEvent("keydown", { key: "Escape" }));
+    expect(wrapper.emitted("close")).toHaveLength(1);
+    wrapper.unmount();
+  });
+});
diff --git a/tests/unit/components/gallery/GalleryMediaCarousel.test.ts b/tests/unit/components/gallery/GalleryMediaCarousel.test.ts
new file mode 100644
index 00000000..4263bede
--- /dev/null
+++ b/tests/unit/components/gallery/GalleryMediaCarousel.test.ts
@@ -0,0 +1,97 @@
+import { describe, it, expect, vi } from "vitest";
+import { mount } from "@vue/test-utils";
+import { computed, ref, watch } from "vue";
+
+import GalleryMediaCarousel from "@/components/gallery/GalleryMediaCarousel.vue";
+import type { AllowedFileExtensions } from "@/types";
+
+Object.assign(globalThis, {
+  computed,
+  ref,
+  watch,
+});
+
+const mockT = (key: string, params?: Record<string, unknown>) => {
+  if (params) return `${key}:${JSON.stringify(params)}`;
+  return key;
+};
+
+vi.mock("vue-i18n", () => ({
+  useI18n: () => ({ t: mockT }),
+}));
+
+Object.assign(globalThis, {
+  useI18n: () => ({ t: mockT }),
+});
+
+vi.mock("@/components/shared/MediaFile.vue", () => ({
+  default: {
+    name: "MediaFile",
+    props: ["filePath"],
+    template:
+      '<div data-testid="stub-carousel-media-file">{{ filePath }}</div>',
+  },
+}));
+
+const allowedFileExtensions: AllowedFileExtensions = {
+  audio: ["mp3"],
+  image: ["jpg"],
+  video: ["mp4"],
+};
+
+describe("GalleryMediaCarousel", () => {
+  it("renders only the current slide media file", () => {
+    const wrapper = mount(GalleryMediaCarousel, {
+      props: {
+        allowedFileExtensions,
+        filePaths: ["a.jpg", "b.jpg"],
+        mediaBasePath: "/media",
+      },
+    });
+
+    expect(
+      wrapper.find('[data-testid="stub-carousel-media-file"]').text(),
+    ).toBe("a.jpg");
+    expect(wrapper.find('[data-testid="gallery-carousel-prev"]').exists()).toBe(
+      true,
+    );
+    expect(wrapper.find('[data-testid="gallery-carousel-next"]').exists()).toBe(
+      true,
+    );
+    expect(
+      wrapper.findAll('[data-testid^="gallery-carousel-dot-"]'),
+    ).toHaveLength(2);
+  });
+
+  it("advances to the next slide when next is clicked", async () => {
+    const wrapper = mount(GalleryMediaCarousel, {
+      props: {
+        allowedFileExtensions,
+        filePaths: ["a.jpg", "b.jpg"],
+        mediaBasePath: "/media",
+      },
+    });
+
+    await wrapper.get('[data-testid="gallery-carousel-next"]').trigger("click");
+    expect(
+      wrapper.find('[data-testid="stub-carousel-media-file"]').text(),
+    ).toBe("b.jpg");
+  });
+
+  it("does not render carousel controls for a single file", () => {
+    const wrapper = mount(GalleryMediaCarousel, {
+      props: {
+        allowedFileExtensions,
+        filePaths: ["a.jpg"],
+        mediaBasePath: "/media",
+      },
+    });
+
+    expect(wrapper.find('[data-testid="gallery-carousel-prev"]').exists()).toBe(
+      false,
+    );
+    expect(wrapper.find('[data-testid="gallery-carousel-dots"]').exists()).toBe(
+      false,
+    );
+  });
+});
diff --git a/tests/unit/components/gallery/GalleryTile.test.ts b/tests/unit/components/gallery/GalleryTile.test.ts
index 51e06347..956d5944 100644
--- a/tests/unit/components/gallery/GalleryTile.test.ts
+++ b/tests/unit/components/gallery/GalleryTile.test.ts
@@ -25,12 +25,12 @@ vi.mock("@/composables/useOptimizedImages", () => ({
   }),
 }));
 
-vi.mock("@/components/shared/MediaFile.vue", () => ({
+vi.mock("@/components/gallery/GalleryMediaCarousel.vue", () => ({
   default: {
-    name: "MediaFile",
-    props: ["filePath", "variant"],
+    name: "GalleryMediaCarousel",
+    props: ["filePaths"],
     template:
-      '<div data-testid="stub-media-file" :data-variant="variant">{{ filePath }}</div>',
+      '<div data-testid="stub-gallery-carousel">{{ filePaths.join(",") }}</div>',
   },
 }));
 
@@ -59,8 +59,10 @@ describe("GalleryTile", () => {
     });
 
     expect(wrapper.find('[data-testid="gallery-item-0"]').exists()).toBe(true);
-    expect(wrapper.find('[data-testid="stub-media-file"]').exists()).toBe(true);
-    expect(wrapper.find('[data-testid="stub-media-file"]').text()).toBe(
+    expect(wrapper.find('[data-testid="stub-gallery-carousel"]').exists()).toBe(
+      true,
+    );
+    expect(wrapper.find('[data-testid="stub-gallery-carousel"]').text()).toBe(
       "photo.jpg",
     );
     expect(wrapper.find(".rounded-2xl").exists()).toBe(true);
@@ -78,14 +80,9 @@ describe("GalleryTile", () => {
       global: globalConfig,
     });
 
-    expect(wrapper.find('[data-testid="stub-media-file"]').text()).toBe(
+    expect(wrapper.find('[data-testid="stub-gallery-carousel"]').text()).toBe(
       "recording.mp3",
     );
-    expect(
-      wrapper
-        .find('[data-testid="stub-media-file"]')
-        .attributes("data-variant"),
-    ).toBe("gallery");
   });
 
   it("shows a no-media placeholder when file paths are empty", () => {
@@ -108,7 +105,7 @@ describe("GalleryTile", () => {
     );
   });
 
-  it("includes a hover overlay with click-to-view-details copy", () => {
+  it("includes a hover overlay with click-to-view-details copy", async () => {
     const wrapper = mount(GalleryTile, {
       props: {
         allowedFileExtensions,
@@ -120,11 +117,48 @@ describe("GalleryTile", () => {
     });
 
     const overlay = wrapper.get('[data-testid="gallery-tile-overlay"]');
-    expect(overlay.classes()).toContain("lg:group-hover:opacity-100");
-    expect(overlay.classes()).toContain("lg:group-focus-within:opacity-100");
     expect(overlay.classes()).toContain("opacity-70");
+    expect(overlay.classes()).toContain("lg:opacity-0");
     expect(overlay.classes()).toContain("pointer-events-none");
     expect(overlay.text()).toContain("galleryClickToViewDetails");
+
+    await wrapper.trigger("mouseenter");
+    expect(overlay.classes()).toContain("opacity-100");
+
+    await wrapper.trigger("mouseleave");
+    expect(overlay.classes()).toContain("lg:opacity-0");
+  });
+
+  it("hides overlay when suppressOverlay is true", () => {
+    const wrapper = mount(GalleryTile, {
+      props: {
+        allowedFileExtensions,
+        filePaths: ["photo.jpg"],
+        mediaBasePath: "/media",
+        suppressOverlay: true,
+        testId: "gallery-item-5",
+      },
+      global: globalConfig,
+    });
+
+    expect(wrapper.find('[data-testid="gallery-tile-overlay"]').exists()).toBe(
+      false,
+    );
+  });
+
+  it("emits open when the tile is clicked", async () => {
+    const wrapper = mount(GalleryTile, {
+      props: {
+        allowedFileExtensions,
+        filePaths: ["photo.jpg"],
+        mediaBasePath: "/media",
+        testId: "gallery-item-6",
+      },
+      global: globalConfig,
+    });
+
+    await wrapper.trigger("click");
+    expect(wrapper.emitted("open")).toHaveLength(1);
   });
 
   it("is keyboard focusable for the overlay affordance", () => {

From e5a69c9b77703efb573be188637d7fb97bb2213f Mon Sep 17 00:00:00 2001
From: osa <ogbemu.diatimothy@gmail.com>
Date: Sun, 12 Jul 2026 20:20:03 +0100
Subject: [PATCH 03/12] Gallery: details panel improvements (#504)

* Add gallery-scoped detail metadata with purple styling

* improve playwright tests

* Add static Mapbox minimap to gallery detail panel

* Remove Kobo attachment download UI; link Filebrowser media instead

* Extract DetailMinimap as a shared component

Move minimap UI/utils out of gallery naming so they can be reused elsewhere.

* Use FileDown icon for gallery file links

Co-authored-by: Cursor <cursoragent@cursor.com>

* Rename DetailMinimap to shared Minimap

    Move util to utils/minimap.ts so it is not gallery-scoped.

* Use FileDown icon for gallery file links

---------

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 components/GalleryView.vue                    |  20 ++
 components/gallery/GalleryDetailMetadata.vue  | 190 ++++++++++++++++++
 components/gallery/GalleryDetailPanel.vue     |  12 +-
 components/shared/Minimap.vue                 |  51 +++++
 i18n/locales/en.json                          |   2 +
 i18n/locales/es.json                          |   2 +
 i18n/locales/nl.json                          |   2 +
 i18n/locales/pt.json                          |   2 +
 i18n/locales/sw.json                          |   2 +
 i18n/locales/th.json                          |   2 +
 pages/gallery/[tablename].vue                 |   6 +
 server/api/[table]/gallery.ts                 |  22 ++
 tests/e2e/02-gallery.spec.ts                  | 112 +++--------
 .../gallery/GalleryDetailMetadata.test.ts     | 133 ++++++++++++
 .../gallery/GalleryDetailPanel.test.ts        |  16 +-
 tests/unit/components/shared/Minimap.test.ts  |  53 +++++
 tests/unit/utils/minimap.test.ts              |  65 ++++++
 utils/minimap.ts                              |  79 ++++++++
 18 files changed, 679 insertions(+), 92 deletions(-)
 create mode 100644 components/gallery/GalleryDetailMetadata.vue
 create mode 100644 components/shared/Minimap.vue
 create mode 100644 tests/unit/components/gallery/GalleryDetailMetadata.test.ts
 create mode 100644 tests/unit/components/shared/Minimap.test.ts
 create mode 100644 tests/unit/utils/minimap.test.ts
 create mode 100644 utils/minimap.ts

diff --git a/components/GalleryView.vue b/components/GalleryView.vue
index 3aa82521..bdf1a26c 100644
--- a/components/GalleryView.vue
+++ b/components/GalleryView.vue
@@ -1,5 +1,9 @@
 <script setup lang="ts">
 import { getFilePathsWithExtension } from "@/utils";
+import {
+  calculateCentroidFromParsedCoords,
+  tryParseDataEntryGeoCoordinates,
+} from "@/utils/geoUtils";
 import {
   filterByDateAndCategory,
   normalizeFilterValues,
@@ -30,6 +34,8 @@ const props = defineProps<{
   allowedFileExtensions: AllowedFileExtensions;
   filterColumn?: string;
   galleryData: Dataset;
+  mapboxAccessToken?: string;
+  mapboxStyle?: string;
   mediaBasePath: string;
   mediaColumn?: string;
   table: string;
@@ -60,6 +66,7 @@ const filteredData = ref(props.galleryData);
 const loading = ref(false);
 const selectedEntry = ref<DataEntry | null>(null);
 const selectedFilePaths = ref<string[]>([]);
+const selectedCentroid = ref<string | undefined>();
 const isFilteredToEmpty = computed(
   () => props.galleryData.length > 0 && filteredData.value.length === 0,
 );
@@ -165,10 +172,19 @@ const getRecordFilePaths = (feature: DataEntry): string[] => {
   );
 };
 
+const getRecordCentroid = (feature: DataEntry): string | undefined => {
+  const parsedCoords = tryParseDataEntryGeoCoordinates(feature);
+  if (!parsedCoords) return undefined;
+
+  const centroid = calculateCentroidFromParsedCoords(parsedCoords);
+  return centroid || undefined;
+};
+
 const openDetail = (feature: DataEntry, event?: Event) => {
   const fullRecord = getFullRecord(feature);
   selectedEntry.value = prepareForDisplay(fullRecord);
   selectedFilePaths.value = getRecordFilePaths(fullRecord);
+  selectedCentroid.value = getRecordCentroid(fullRecord);
 
   if (event?.currentTarget instanceof HTMLElement) {
     event.currentTarget.blur();
@@ -182,6 +198,7 @@ const openDetail = (feature: DataEntry, event?: Event) => {
 const closeDetail = () => {
   selectedEntry.value = null;
   selectedFilePaths.value = [];
+  selectedCentroid.value = undefined;
 };
 </script>
 
@@ -194,8 +211,11 @@ const closeDetail = () => {
     <GalleryDetailPanel
       v-if="selectedEntry"
       :allowed-file-extensions="allowedFileExtensions"
+      :centroid="selectedCentroid"
       :feature="selectedEntry"
       :file-paths="selectedFilePaths"
+      :mapbox-access-token="mapboxAccessToken"
+      :mapbox-style="mapboxStyle"
       :media-base-path="mediaBasePath"
       @close="closeDetail"
     />
diff --git a/components/gallery/GalleryDetailMetadata.vue b/components/gallery/GalleryDetailMetadata.vue
new file mode 100644
index 00000000..e25c0ec9
--- /dev/null
+++ b/components/gallery/GalleryDetailMetadata.vue
@@ -0,0 +1,190 @@
+<script setup lang="ts">
+import { FileAudio, FileDown, FileImage, FileVideo } from "lucide-vue-next";
+
+import Minimap from "@/components/shared/Minimap.vue";
+
+import type { AllowedFileExtensions, DataEntry } from "@/types";
+
+const props = defineProps<{
+  allowedFileExtensions: AllowedFileExtensions;
+  centroid?: string;
+  feature: DataEntry;
+  filePaths: string[];
+  mapboxAccessToken?: string;
+  mapboxStyle?: string;
+  mediaBasePath: string;
+}>();
+
+/**
+ * Detects values that are structured JSON blobs (e.g. raw attachment
+ * metadata), including blobs partially mangled by the survey display
+ * transform. These are hidden from the field list; the same underlying
+ * files surface in the structured Files section instead.
+ */
+const isJsonBlobValue = (value: unknown): boolean => {
+  if (typeof value !== "string") return false;
+  const trimmed = value.trim();
+  if (!trimmed.startsWith("{") && !trimmed.startsWith("[")) return false;
+  try {
+    const parsed = JSON.parse(trimmed);
+    return typeof parsed === "object" && parsed !== null;
+  } catch {
+    // Post-transform blobs are no longer valid JSON but still contain braces
+    return /[{}]/.test(trimmed);
+  }
+};
+
+/** Sorted metadata fields: DataFeature exclusions plus attachment/json-blob hiding. */
+const visibleFields = computed(() =>
+  Object.keys(props.feature)
+    .sort()
+    .filter((key) => {
+      const value = props.feature[key];
+      if (value === null || value === "") return false;
+
+      const lowerKey = key.toLowerCase();
+      if (lowerKey === "uuid") return false;
+      if (lowerKey.includes("photo")) return false;
+      if (lowerKey === "audio") return false;
+      if (lowerKey.includes("data source")) return false;
+      if (lowerKey.includes("attachment")) return false;
+      if (isJsonBlobValue(value)) return false;
+
+      return true;
+    })
+    .map((key) => ({ key, value: String(props.feature[key]) })),
+);
+
+const isCoordinateField = (key: string): boolean =>
+  key === "geocoordinates" || key === "geographicCentroid";
+
+/** Index of the last visible coordinate field, for minimap placement. */
+const lastCoordinateFieldIndex = computed(() => {
+  let lastIndex = -1;
+  visibleFields.value.forEach((field, index) => {
+    if (isCoordinateField(field.key)) {
+      lastIndex = index;
+    }
+  });
+  return lastIndex;
+});
+
+const fileType = (filePath: string): "image" | "audio" | "video" | null => {
+  const extension = (filePath.split(".").pop() || "").toLowerCase();
+  if (props.allowedFileExtensions.image?.includes(extension)) return "image";
+  if (props.allowedFileExtensions.audio?.includes(extension)) return "audio";
+  if (props.allowedFileExtensions.video?.includes(extension)) return "video";
+  return null;
+};
+
+const fileIcon = (filePath: string) => {
+  const type = fileType(filePath);
+  if (type === "audio") return FileAudio;
+  if (type === "video") return FileVideo;
+  return FileImage;
+};
+
+const fileUrl = (filePath: string): string =>
+  `${props.mediaBasePath}/${filePath}`;
+
+const fileName = (filePath: string): string =>
+  filePath.split("/").pop() || filePath;
+</script>
+
+<template>
+  <div class="space-y-6" data-testid="gallery-detail-metadata-fields">
+    <div class="space-y-4">
+      <div
+        v-for="(field, index) in visibleFields"
+        :key="field.key"
+        class="flex flex-col gap-0.5"
+        data-testid="gallery-metadata-field"
+      >
+        <span
+          class="text-xs font-semibold uppercase tracking-wide text-violet-700"
+          data-testid="gallery-metadata-label"
+        >
+          {{
+            field.key === "dataCollectedOn"
+              ? $t(field.key)
+              : field.key.charAt(0).toUpperCase() + field.key.slice(1)
+          }}
+        </span>
+        <span
+          v-if="!isCoordinateField(field.key)"
+          class="break-words text-sm text-gray-900"
+          data-testid="gallery-metadata-value"
+        >
+          {{ field.value }}
+        </span>
+        <span
+          v-else
+          class="flex flex-wrap items-center gap-2 text-sm text-gray-900"
+          data-testid="gallery-metadata-value"
+        >
+          {{ field.value }}
+          <a
+            :href="
+              'https://www.google.com/maps/search/?api=1&query=' + field.value
+            "
+            target="_blank"
+            class="text-violet-600 underline-offset-4 hover:text-violet-800 hover:underline"
+            data-testid="google-maps-link"
+            >({{ $t("viewOnGoogleMaps") }})</a
+          >
+        </span>
+        <Minimap
+          v-if="index === lastCoordinateFieldIndex"
+          class="mt-2"
+          :alt="$t('galleryLocation')"
+          :centroid="centroid"
+          :mapbox-access-token="mapboxAccessToken"
+          :mapbox-style="mapboxStyle"
+        />
+      </div>
+    </div>
+
+    <Minimap
+      v-if="centroid && lastCoordinateFieldIndex < 0"
+      :alt="$t('galleryLocation')"
+      :centroid="centroid"
+      :mapbox-access-token="mapboxAccessToken"
+      :mapbox-style="mapboxStyle"
+    />
+
+    <div
+      v-if="filePaths.length > 0"
+      class="border-t border-violet-100 pt-4"
+      data-testid="gallery-metadata-files"
+    >
+      <h3
+        class="mb-2 text-xs font-semibold uppercase tracking-wide text-violet-700"
+      >
+        {{ $t("galleryFiles") }}
+      </h3>
+      <ul class="space-y-1.5">
+        <li v-for="filePath in filePaths" :key="filePath">
+          <a
+            :href="fileUrl(filePath)"
+            target="_blank"
+            class="group flex items-center gap-2 rounded-lg bg-white/60 px-3 py-2 text-sm text-gray-900 transition-colors hover:bg-white"
+            data-testid="gallery-metadata-file-link"
+          >
+            <component
+              :is="fileIcon(filePath)"
+              class="h-4 w-4 shrink-0 text-violet-500"
+              aria-hidden="true"
+            />
+            <span class="min-w-0 flex-1 break-words">{{
+              fileName(filePath)
+            }}</span>
+            <FileDown
+              class="h-3.5 w-3.5 shrink-0 text-violet-400 opacity-0 transition-opacity group-hover:opacity-100"
+              aria-hidden="true"
+            />
+          </a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
diff --git a/components/gallery/GalleryDetailPanel.vue b/components/gallery/GalleryDetailPanel.vue
index 672903f5..0eaa047a 100644
--- a/components/gallery/GalleryDetailPanel.vue
+++ b/components/gallery/GalleryDetailPanel.vue
@@ -1,14 +1,17 @@
 <script setup lang="ts">
 import { ChevronLeft, X } from "lucide-vue-next";
-import DataFeature from "@/components/shared/DataFeature.vue";
+import GalleryDetailMetadata from "@/components/gallery/GalleryDetailMetadata.vue";
 import GalleryMediaCarousel from "@/components/gallery/GalleryMediaCarousel.vue";
 
 import type { AllowedFileExtensions, DataEntry } from "@/types";
 
 const props = defineProps<{
   allowedFileExtensions: AllowedFileExtensions;
+  centroid?: string;
   feature: DataEntry;
   filePaths: string[];
+  mapboxAccessToken?: string;
+  mapboxStyle?: string;
   mediaBasePath: string;
 }>();
 
@@ -98,13 +101,14 @@ onBeforeUnmount(() => {
           class="w-full min-h-0 overflow-y-auto rounded-2xl bg-violet-50 p-4 sm:p-6 lg:w-[380px] lg:flex-shrink-0 lg:max-h-[min(70vh,640px)]"
           data-testid="gallery-detail-metadata"
         >
-          <DataFeature
+          <GalleryDetailMetadata
             :allowed-file-extensions="allowedFileExtensions"
+            :centroid="centroid"
             :feature="feature"
             :file-paths="filePaths"
+            :mapbox-access-token="mapboxAccessToken"
+            :mapbox-style="mapboxStyle"
             :media-base-path="mediaBasePath"
-            :embedded="true"
-            :hide-media="true"
           />
         </div>
       </div>
diff --git a/components/shared/Minimap.vue b/components/shared/Minimap.vue
new file mode 100644
index 00000000..021894e3
--- /dev/null
+++ b/components/shared/Minimap.vue
@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { buildMinimapUrl } from "@/utils/minimap";
+
+const props = defineProps<{
+  alt?: string;
+  centroid?: string;
+  mapboxAccessToken?: string;
+  mapboxStyle?: string;
+}>();
+
+const imageVisible = ref(true);
+
+const imageUrl = computed(() => {
+  if (!props.mapboxAccessToken || !props.centroid) return null;
+
+  return buildMinimapUrl({
+    accessToken: props.mapboxAccessToken,
+    centroid: props.centroid,
+    mapboxStyle: props.mapboxStyle,
+  });
+});
+
+const showImage = computed(() => imageVisible.value && imageUrl.value !== null);
+
+const handleImageError = () => {
+  imageVisible.value = false;
+};
+
+watch(
+  () => [props.centroid, props.mapboxAccessToken, props.mapboxStyle],
+  () => {
+    imageVisible.value = true;
+  },
+);
+</script>
+
+<template>
+  <div
+    v-if="showImage"
+    class="overflow-hidden rounded-xl border border-violet-100"
+    data-testid="detail-minimap"
+  >
+    <img
+      :src="imageUrl ?? undefined"
+      :alt="alt ?? ''"
+      class="block h-auto w-full"
+      data-testid="detail-minimap-image"
+      @error="handleImageError"
+    />
+  </div>
+</template>
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index c621d001..619dab8a 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -94,8 +94,10 @@
   "gallery": "Gallery",
   "galleryClickToViewDetails": "Click to view details",
   "galleryEmpty": "There are no items to show in this gallery yet.",
+  "galleryFiles": "Files",
   "galleryGoToSlide": "Go to slide {number} of {total}",
   "galleryImageDetails": "Image details",
+  "galleryLocation": "Location",
   "galleryNextMedia": "Next media",
   "galleryPreviousMedia": "Previous media",
   "gallerySlideOf": "Slide {current} of {total}",
diff --git a/i18n/locales/es.json b/i18n/locales/es.json
index aa92f192..e5daaa4a 100644
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@@ -91,8 +91,10 @@
   "gallery": "Galería",
   "galleryClickToViewDetails": "Haz clic para ver detalles",
   "galleryEmpty": "Aún no hay elementos que mostrar en esta galería.",
+  "galleryFiles": "Archivos",
   "galleryGoToSlide": "Ir a la diapositiva {number} de {total}",
   "galleryImageDetails": "Detalles de la imagen",
+  "galleryLocation": "Ubicación",
   "galleryNextMedia": "Medio siguiente",
   "galleryPreviousMedia": "Medio anterior",
   "gallerySlideOf": "Diapositiva {current} de {total}",
diff --git a/i18n/locales/nl.json b/i18n/locales/nl.json
index 570caea7..6a155d4f 100644
--- a/i18n/locales/nl.json
+++ b/i18n/locales/nl.json
@@ -92,8 +92,10 @@
   "gallery": "Galerij",
   "galleryClickToViewDetails": "Klik om details te bekijken",
   "galleryEmpty": "Er zijn nog geen items om in deze galerij te tonen.",
+  "galleryFiles": "Bestanden",
   "galleryGoToSlide": "Ga naar dia {number} van {total}",
   "galleryImageDetails": "Afbeeldingsdetails",
+  "galleryLocation": "Locatie",
   "galleryNextMedia": "Volgende media",
   "galleryPreviousMedia": "Vorige media",
   "gallerySlideOf": "Dia {current} van {total}",
diff --git a/i18n/locales/pt.json b/i18n/locales/pt.json
index a7b33d9f..23545a6f 100644
--- a/i18n/locales/pt.json
+++ b/i18n/locales/pt.json
@@ -91,8 +91,10 @@
   "gallery": "Galeria",
   "galleryClickToViewDetails": "Clique para ver detalhes",
   "galleryEmpty": "Ainda não há itens para mostrar nesta galeria.",
+  "galleryFiles": "Arquivos",
   "galleryGoToSlide": "Ir para o slide {number} de {total}",
   "galleryImageDetails": "Detalhes da imagem",
+  "galleryLocation": "Localização",
   "galleryNextMedia": "Mídia seguinte",
   "galleryPreviousMedia": "Mídia anterior",
   "gallerySlideOf": "Slide {current} de {total}",
diff --git a/i18n/locales/sw.json b/i18n/locales/sw.json
index a33667e7..d6ddded2 100644
--- a/i18n/locales/sw.json
+++ b/i18n/locales/sw.json
@@ -94,8 +94,10 @@
   "gallery": "Matunzio",
   "galleryClickToViewDetails": "Bofya kuona maelezo",
   "galleryEmpty": "Bado hakuna vipengele vya kuonyesha katika matunzio haya.",
+  "galleryFiles": "Faili",
   "galleryGoToSlide": "Nenda kwenye slaidi {number} kati ya {total}",
   "galleryImageDetails": "Maelezo ya picha",
+  "galleryLocation": "Mahali",
   "galleryNextMedia": "Vyombo vya habari vinavyofuata",
   "galleryPreviousMedia": "Vyombo vya habari vilivyotangulia",
   "gallerySlideOf": "Slaidi {current} kati ya {total}",
diff --git a/i18n/locales/th.json b/i18n/locales/th.json
index 54044af7..3911261f 100644
--- a/i18n/locales/th.json
+++ b/i18n/locales/th.json
@@ -94,8 +94,10 @@
   "gallery": "แกลเลอรี",
   "galleryClickToViewDetails": "คลิกเพื่อดูรายละเอียด",
   "galleryEmpty": "ยังไม่มีรายการให้แสดงในแกลเลอรีนี้",
+  "galleryFiles": "ไฟล์",
   "galleryGoToSlide": "ไปที่สไลด์ {number} จาก {total}",
   "galleryImageDetails": "รายละเอียดรูปภาพ",
+  "galleryLocation": "ตำแหน่ง",
   "galleryNextMedia": "สื่อถัดไป",
   "galleryPreviousMedia": "สื่อก่อนหน้า",
   "gallerySlideOf": "สไลด์ {current} จาก {total}",
diff --git a/pages/gallery/[tablename].vue b/pages/gallery/[tablename].vue
index a5b5660d..6ba16522 100644
--- a/pages/gallery/[tablename].vue
+++ b/pages/gallery/[tablename].vue
@@ -20,6 +20,8 @@ const filterColumn = ref();
 const galleryData = ref();
 const mediaBasePath = ref();
 const mediaColumn = ref();
+const mapboxAccessToken = ref<string | undefined>();
+const mapboxStyle = ref<string | undefined>();
 const timestampColumn = ref<string | undefined>();
 
 const { data, error, refresh } = await useFetch(`/api/${table}/gallery`, {
@@ -33,6 +35,8 @@ if (data.value && !error.value) {
   dataFetched.value = true;
   filterColumn.value = data.value.filterColumn;
   galleryData.value = data.value.data;
+  mapboxAccessToken.value = data.value.mapboxAccessToken;
+  mapboxStyle.value = data.value.mapboxStyle;
   mediaBasePath.value = data.value.mediaBasePath;
   mediaColumn.value = data.value.mediaColumn;
   timestampColumn.value = data.value.timestampColumn;
@@ -73,6 +77,8 @@ definePageMeta({ layout: "explorer" });
         :allowed-file-extensions="allowedFileExtensions"
         :gallery-data="galleryData"
         :filter-column="filterColumn"
+        :mapbox-access-token="mapboxAccessToken"
+        :mapbox-style="mapboxStyle"
         :media-base-path="mediaBasePath"
         :media-column="mediaColumn"
         :table="table"
diff --git a/server/api/[table]/gallery.ts b/server/api/[table]/gallery.ts
index 8c64d04b..9d05437b 100644
--- a/server/api/[table]/gallery.ts
+++ b/server/api/[table]/gallery.ts
@@ -9,6 +9,7 @@ import {
   filterOutUnwantedValues,
 } from "@/server/dataProcessing/dataFilters";
 import { parseAndValidateLimit } from "@/server/utils/dbHelpers";
+import { parseBasemaps } from "@/server/utils";
 import { validatePermissions } from "@/utils/accessControls";
 
 import type { H3Event } from "h3";
@@ -78,6 +79,25 @@ export default defineEventHandler(async (event: H3Event) => {
       tableConfig.MEDIA_COLUMN,
     );
 
+    let mapboxAccessToken = tableConfig.MAPBOX_ACCESS_TOKEN;
+    let mapboxStyle =
+      parseBasemaps(tableConfig).defaultMapboxStyle ?? tableConfig.MAPBOX_STYLE;
+
+    try {
+      if (!mapboxAccessToken || !mapboxStyle) {
+        const mapConfig = await fetchTableConfig(table, "map");
+        mapboxAccessToken = mapboxAccessToken ?? mapConfig.MAPBOX_ACCESS_TOKEN;
+        if (!mapboxStyle) {
+          mapboxStyle =
+            parseBasemaps(mapConfig).defaultMapboxStyle ??
+            mapConfig.MAPBOX_STYLE;
+        }
+      }
+    } catch {
+      mapboxAccessToken = undefined;
+      mapboxStyle = undefined;
+    }
+
     // Return minimal records: ID + columns needed for filtering and media display
     const minimalData = dataWithFilesOnly.map((entry) => {
       const minimal: Record<string, unknown> = {};
@@ -98,6 +118,8 @@ export default defineEventHandler(async (event: H3Event) => {
       allowedFileExtensions,
       data: minimalData,
       filterColumn,
+      mapboxAccessToken,
+      mapboxStyle,
       mediaBasePath: tableConfig.MEDIA_BASE_PATH,
       mediaColumn,
       table,
diff --git a/tests/e2e/02-gallery.spec.ts b/tests/e2e/02-gallery.spec.ts
index 693013ef..ef63a93c 100644
--- a/tests/e2e/02-gallery.spec.ts
+++ b/tests/e2e/02-gallery.spec.ts
@@ -200,6 +200,32 @@ test("gallery page - detail panel opens on tile click and closes", async ({
   const detailPanel = page.getByTestId("gallery-detail-panel");
   await expect(detailPanel).toBeVisible({ timeout: 5000 });
   await expect(page.getByTestId("gallery-detail-metadata")).toBeVisible();
+  await expect(
+    page.getByTestId("gallery-detail-metadata-fields"),
+  ).toBeVisible();
+
+  const metadataFields = page.getByTestId("gallery-metadata-field");
+  await expect(metadataFields.first()).toBeVisible({ timeout: 5000 });
+  expect(await metadataFields.count()).toBeGreaterThan(0);
+  await expect(page.getByTestId("data-feature")).toHaveCount(0);
+
+  const filesSection = page.getByTestId("gallery-metadata-files");
+  if (await filesSection.isVisible()) {
+    expect(
+      await page.getByTestId("gallery-metadata-file-link").count(),
+    ).toBeGreaterThan(0);
+  }
+
+  const googleMapsLinks = page.getByTestId("google-maps-link");
+  if ((await googleMapsLinks.count()) > 0) {
+    await expect(googleMapsLinks.first()).toHaveAttribute("target", "_blank");
+
+    const minimap = page.getByTestId("detail-minimap");
+    if (await minimap.isVisible()) {
+      await expect(page.getByTestId("detail-minimap-image")).toBeVisible();
+    }
+  }
+
   await expect(galleryItems.first()).toBeHidden({ timeout: 3000 });
 
   await page.getByTestId("gallery-detail-back").click();
@@ -525,80 +551,6 @@ test("gallery page - pagination and infinite scroll", async ({
   }
 });
 
-test("gallery page - data feature information display", async ({
-  authenticatedPageAsAdmin: page,
-}) => {
-  // 1. Navigate to gallery via proper flow
-  await page.goto("/");
-  await page.waitForLoadState("networkidle");
-
-  await page.waitForSelector("[data-testid='dataset-card']", {
-    timeout: 15000,
-  });
-
-  // Find dataset with gallery view
-  const datasetCards = page.locator("[data-testid='dataset-card']");
-  let galleryCard = null;
-  for (let i = 0; i < (await datasetCards.count()); i++) {
-    const card = datasetCards.nth(i);
-    const galleryTag = card.locator("[data-testid='view-tag-gallery']");
-    if ((await galleryTag.count()) > 0) {
-      galleryCard = card;
-      break;
-    }
-  }
-
-  if (!galleryCard) {
-    test.skip();
-    return;
-  }
-
-  // Navigate to gallery
-  await galleryCard.locator("[data-testid='open-dataset-view-link']").click();
-  await page.waitForLoadState("networkidle");
-
-  const galleryLink = page.locator('a[href^="/gallery/"]').first();
-  await galleryLink.waitFor({ state: "visible", timeout: 10000 });
-  await galleryLink.click();
-  await page.waitForURL("**/gallery/**", { timeout: 5000 });
-  await page.waitForLoadState("networkidle");
-
-  // 2. Wait for gallery container
-  await page
-    .getByTestId("gallery-container")
-    .waitFor({ state: "attached", timeout: 10000 });
-
-  // 3. Get the first gallery item
-  const firstItem = page.getByTestId("gallery-item-0");
-  await expect(firstItem).toBeVisible({ timeout: 10000 });
-
-  // 4. Check for data source heading (optional)
-  const dataSourceHeading = firstItem.getByTestId("data-source-heading");
-  if ((await dataSourceHeading.count()) > 0) {
-    await expect(dataSourceHeading).toBeVisible();
-  }
-
-  // 5. Check for feature information fields
-  const featureFields = firstItem.getByTestId("field-label");
-  await featureFields.first().waitFor({ state: "visible", timeout: 5000 });
-  const fieldCount = await featureFields.count();
-  expect(fieldCount).toBeGreaterThan(0);
-
-  // 6. Check for Google Maps links (if coordinates are present)
-  const googleMapsLinks = firstItem.getByTestId("google-maps-link");
-  const mapsLinkCount = await googleMapsLinks.count();
-
-  if (mapsLinkCount > 0) {
-    await expect(googleMapsLinks.first()).toBeVisible();
-
-    // 7. Verify Google Maps link opens in new tab
-    const targetAttribute = await googleMapsLinks
-      .first()
-      .getAttribute("target");
-    expect(targetAttribute).toBe("_blank");
-  }
-});
-
 test("gallery page - responsive grid layout", async ({
   authenticatedPageAsAdmin: page,
 }) => {
@@ -646,13 +598,13 @@ test("gallery page - responsive grid layout", async ({
   const firstItem = page.getByTestId("gallery-item-0");
   await firstItem.waitFor({ state: "visible", timeout: 10000 });
 
-  // 4. Verify gallery container has responsive grid classes
-  const classAttribute = await galleryContainer.getAttribute("class");
+  // 4. Verify gallery grid has responsive layout classes
+  const galleryGrid = page.getByTestId("gallery-grid");
+  await expect(galleryGrid).toBeVisible();
+  const classAttribute = await galleryGrid.getAttribute("class");
   expect(classAttribute).toContain("grid");
-  expect(classAttribute).toContain("grid-cols-1");
-  expect(classAttribute).toContain("md:grid-cols-2");
-  expect(classAttribute).toContain("lg:grid-cols-3");
-  expect(classAttribute).toContain("xl:grid-cols-4");
+  expect(classAttribute).toContain("grid-cols-2");
+  expect(classAttribute).toContain("lg:grid-cols-4");
 
   // 5. Test responsive behavior by changing viewport
   await page.setViewportSize({ width: 768, height: 1024 }); // tablet
diff --git a/tests/unit/components/gallery/GalleryDetailMetadata.test.ts b/tests/unit/components/gallery/GalleryDetailMetadata.test.ts
new file mode 100644
index 00000000..5a05b36b
--- /dev/null
+++ b/tests/unit/components/gallery/GalleryDetailMetadata.test.ts
@@ -0,0 +1,133 @@
+import { describe, it, expect } from "vitest";
+import { mount } from "@vue/test-utils";
+import { computed, ref, watch } from "vue";
+
+import GalleryDetailMetadata from "@/components/gallery/GalleryDetailMetadata.vue";
+import type { AllowedFileExtensions, DataEntry } from "@/types";
+
+Object.assign(globalThis, {
+  computed,
+  ref,
+  watch,
+});
+
+const mockT = (key: string) => key;
+
+const allowedFileExtensions: AllowedFileExtensions = {
+  audio: ["mp3"],
+  image: ["jpg", "png"],
+  video: ["mp4"],
+};
+
+const globalConfig = {
+  mocks: {
+    $t: mockT,
+  },
+};
+
+describe("GalleryDetailMetadata", () => {
+  it("renders visible fields with violet labels and hides excluded keys", () => {
+    const feature: DataEntry = {
+      _id: "1",
+      abundance: "High",
+      uuid: "hidden-uuid",
+      photo: "hidden.jpg",
+      audio: "hidden.mp3",
+      dataSource: "Test source",
+      attachmentMeta: '{"file":"x.jpg"}',
+    };
+
+    const wrapper = mount(GalleryDetailMetadata, {
+      props: {
+        allowedFileExtensions,
+        feature,
+        filePaths: [],
+        mediaBasePath: "/media",
+      },
+      global: globalConfig,
+    });
+
+    const labels = wrapper
+      .findAll('[data-testid="gallery-metadata-label"]')
+      .map((node) => node.text());
+    const values = wrapper
+      .findAll('[data-testid="gallery-metadata-value"]')
+      .map((node) => node.text());
+
+    expect(labels).toContain("Abundance");
+    expect(values.some((value) => value.includes("High"))).toBe(true);
+    expect(labels).not.toContain("Uuid");
+    expect(labels).not.toContain("Photo");
+    expect(labels).not.toContain("Audio");
+    expect(labels).not.toContain("Data source");
+    expect(labels).not.toContain("Attachment meta");
+  });
+
+  it("renders Google Maps link for coordinate fields", () => {
+    const feature: DataEntry = {
+      _id: "1",
+      geocoordinates: "3.44, -76.54",
+    };
+
+    const wrapper = mount(GalleryDetailMetadata, {
+      props: {
+        allowedFileExtensions,
+        feature,
+        filePaths: [],
+        mediaBasePath: "/media",
+      },
+      global: globalConfig,
+    });
+
+    const link = wrapper.find('[data-testid="google-maps-link"]');
+    expect(link.exists()).toBe(true);
+    expect(link.attributes("href")).toContain("3.44, -76.54");
+    expect(link.text()).toContain("viewOnGoogleMaps");
+  });
+
+  it("renders Filebrowser links for gallery media file paths", () => {
+    const wrapper = mount(GalleryDetailMetadata, {
+      props: {
+        allowedFileExtensions,
+        feature: { _id: "1" },
+        filePaths: ["folder/photo.jpg", "clip.mp4", "note.mp3"],
+        mediaBasePath: "/media",
+      },
+      global: globalConfig,
+    });
+
+    expect(
+      wrapper.find('[data-testid="gallery-metadata-files"]').exists(),
+    ).toBe(true);
+    expect(wrapper.text()).toContain("galleryFiles");
+
+    const links = wrapper.findAll('[data-testid="gallery-metadata-file-link"]');
+    expect(links).toHaveLength(3);
+    expect(links[0].attributes("href")).toBe("/media/folder/photo.jpg");
+    expect(links[0].text()).toContain("photo.jpg");
+    expect(links[1].attributes("href")).toBe("/media/clip.mp4");
+    expect(links[1].text()).toContain("clip.mp4");
+    expect(links[2].attributes("href")).toBe("/media/note.mp3");
+    expect(links[2].text()).toContain("note.mp3");
+  });
+
+  it("renders minimap below coordinate fields when token and centroid are set", () => {
+    const wrapper = mount(GalleryDetailMetadata, {
+      props: {
+        allowedFileExtensions,
+        centroid: "3.44, -76.54",
+        feature: {
+          _id: "1",
+          geocoordinates: "3.44, -76.54",
+        },
+        filePaths: [],
+        mapboxAccessToken: "pk.test",
+        mapboxStyle: "mapbox://styles/mapbox/satellite-streets-v12",
+        mediaBasePath: "/media",
+      },
+      global: globalConfig,
+    });
+
+    expect(wrapper.find('[data-testid="detail-minimap"]').exists()).toBe(true);
+  });
+});
diff --git a/tests/unit/components/gallery/GalleryDetailPanel.test.ts b/tests/unit/components/gallery/GalleryDetailPanel.test.ts
index cbd846f3..7f0d325c 100644
--- a/tests/unit/components/gallery/GalleryDetailPanel.test.ts
+++ b/tests/unit/components/gallery/GalleryDetailPanel.test.ts
@@ -23,11 +23,11 @@ vi.mock("@/components/gallery/GalleryMediaCarousel.vue", () => ({
   },
 }));
 
-vi.mock("@/components/shared/DataFeature.vue", () => ({
+vi.mock("@/components/gallery/GalleryDetailMetadata.vue", () => ({
   default: {
-    name: "DataFeature",
-    props: ["hideMedia", "embedded"],
-    template: '<div data-testid="data-feature"></div>',
+    name: "GalleryDetailMetadata",
+    props: ["feature", "filePaths"],
+    template: '<div data-testid="gallery-detail-metadata-fields"></div>',
   },
 }));
 
@@ -53,7 +53,7 @@ describe("GalleryDetailPanel", () => {
     vi.clearAllMocks();
   });
 
-  it("renders first media file and metadata without duplicating media in DataFeature", () => {
+  it("renders carousel and gallery metadata without duplicating media", () => {
     const wrapper = mount(GalleryDetailPanel, {
       props: {
         allowedFileExtensions,
@@ -71,9 +71,9 @@ describe("GalleryDetailPanel", () => {
       "photo.jpg,audio.mp3",
     );
 
-    const dataFeature = wrapper.findComponent({ name: "DataFeature" });
-    expect(dataFeature.props("hideMedia")).toBe(true);
-    expect(dataFeature.props("embedded")).toBe(true);
+    const metadata = wrapper.findComponent({ name: "GalleryDetailMetadata" });
+    expect(metadata.exists()).toBe(true);
+    expect(metadata.props("filePaths")).toEqual(["photo.jpg", "audio.mp3"]);
   });
 
   it("emits close when the back-to-gallery control is clicked", async () => {
diff --git a/tests/unit/components/shared/Minimap.test.ts b/tests/unit/components/shared/Minimap.test.ts
new file mode 100644
index 00000000..fcf0a119
--- /dev/null
+++ b/tests/unit/components/shared/Minimap.test.ts
@@ -0,0 +1,53 @@
+import { describe, it, expect } from "vitest";
+import { mount } from "@vue/test-utils";
+import { computed, ref, watch } from "vue";
+
+import Minimap from "@/components/shared/Minimap.vue";
+
+Object.assign(globalThis, {
+  computed,
+  ref,
+  watch,
+});
+
+describe("Minimap", () => {
+  it("renders static map image when token and centroid are present", () => {
+    const wrapper = mount(Minimap, {
+      props: {
+        alt: "Location",
+        centroid: "3.447040, -76.539950",
+        mapboxAccessToken: "pk.test",
+        mapboxStyle: "mapbox://styles/mapbox/satellite-streets-v12",
+      },
+    });
+
+    expect(wrapper.find('[data-testid="detail-minimap"]').exists()).toBe(true);
+
+    const image = wrapper.get('[data-testid="detail-minimap-image"]');
+    expect(image.attributes("src")).toContain("api.mapbox.com/styles/v1/");
+    expect(image.attributes("alt")).toBe("Location");
+  });
+
+  it("stays hidden when token or centroid is missing", () => {
+    const wrapper = mount(Minimap, {
+      props: {
+        centroid: "3.447040, -76.539950",
+      },
+    });
+
+    expect(wrapper.find('[data-testid="detail-minimap"]').exists()).toBe(false);
+  });
+
+  it("hides the image after a load error", async () => {
+    const wrapper = mount(Minimap, {
+      props: {
+        centroid: "3.447040, -76.539950",
+        mapboxAccessToken: "pk.test",
+      },
+    });
+
+    await wrapper.get('[data-testid="detail-minimap-image"]').trigger("error");
+
+    expect(wrapper.find('[data-testid="detail-minimap"]').exists()).toBe(false);
+  });
+});
diff --git a/tests/unit/utils/minimap.test.ts b/tests/unit/utils/minimap.test.ts
new file mode 100644
index 00000000..0e34a262
--- /dev/null
+++ b/tests/unit/utils/minimap.test.ts
@@ -0,0 +1,65 @@
+import { describe, it, expect } from "vitest";
+
+import {
+  buildMinimapUrl,
+  mapboxStyleToStaticPath,
+  parseCentroidLatLng,
+} from "@/utils/minimap";
+
+describe("mapboxStyleToStaticPath", () => {
+  it("returns default style when style is missing", () => {
+    expect(mapboxStyleToStaticPath()).toBe("mapbox/satellite-streets-v12");
+  });
+
+  it("strips mapbox://styles/ prefix", () => {
+    expect(mapboxStyleToStaticPath("mapbox://styles/mapbox/streets-v12")).toBe(
+      "mapbox/streets-v12",
+    );
+  });
+});
+
+describe("parseCentroidLatLng", () => {
+  it("parses lat,lng strings", () => {
+    expect(parseCentroidLatLng("3.447040, -76.539950")).toEqual({
+      lat: 3.44704,
+      lng: -76.53995,
+    });
+  });
+
+  it("returns null for invalid centroid strings", () => {
+    expect(parseCentroidLatLng("not-a-coordinate")).toBeNull();
+    expect(parseCentroidLatLng("1,2,3")).toBeNull();
+  });
+});
+
+describe("buildMinimapUrl", () => {
+  it("builds a static image URL with pin overlay", () => {
+    const url = buildMinimapUrl({
+      accessToken: "pk.test",
+      centroid: "3.447040, -76.539950",
+      mapboxStyle: "mapbox://styles/mapbox/satellite-streets-v12",
+    });
+
+    expect(url).toContain(
+      "https://api.mapbox.com/styles/v1/mapbox/satellite-streets-v12/static/",
+    );
+    expect(url).toContain("pin-s+7c3aed(-76.53995,3.44704)");
+    expect(url).toContain("600x300@2x");
+    expect(url).toContain("access_token=pk.test");
+  });
+
+  it("returns null when token or centroid is invalid", () => {
+    expect(
+      buildMinimapUrl({
+        accessToken: "",
+        centroid: "3.447040, -76.539950",
+      }),
+    ).toBeNull();
+    expect(
+      buildMinimapUrl({
+        accessToken: "pk.test",
+        centroid: "invalid",
+      }),
+    ).toBeNull();
+  });
+});
diff --git a/utils/minimap.ts b/utils/minimap.ts
new file mode 100644
index 00000000..dcf82d71
--- /dev/null
+++ b/utils/minimap.ts
@@ -0,0 +1,79 @@
+const DEFAULT_MAPBOX_STYLE = "mapbox/satellite-streets-v12";
+const MINIMAP_PIN_COLOR = "7c3aed";
+
+/**
+ * Converts a Mapbox style URL to the Static Images API style path.
+ *
+ * @param {string | undefined} style - Mapbox style URL or path.
+ * @returns {string} Static API style path.
+ */
+export const mapboxStyleToStaticPath = (style?: string): string => {
+  if (!style) return DEFAULT_MAPBOX_STYLE;
+
+  const stylePrefix = "mapbox://styles/";
+  if (style.startsWith(stylePrefix)) {
+    return style.slice(stylePrefix.length);
+  }
+
+  return style;
+};
+
+/**
+ * Parses a `"lat, lng"` centroid string into numeric coordinates.
+ *
+ * @param {string} centroid - Centroid string from geo utils.
+ * @returns {{ lat: number; lng: number } | null} Parsed coordinates or null.
+ */
+export const parseCentroidLatLng = (
+  centroid: string,
+): { lat: number; lng: number } | null => {
+  const parts = centroid.split(",").map((part) => part.trim());
+  if (parts.length !== 2) return null;
+
+  const lat = parseFloat(parts[0]);
+  const lng = parseFloat(parts[1]);
+  if (!Number.isFinite(lat) || !Number.isFinite(lng)) return null;
+
+  return { lat, lng };
+};
+
+/**
+ * Builds a Mapbox Static Images API URL for a detail minimap.
+ *
+ * @param {object} options - URL builder options.
+ * @param {string} options.accessToken - Mapbox access token.
+ * @param {string} options.centroid - `"lat, lng"` centroid string.
+ * @param {string} [options.mapboxStyle] - Mapbox style URL or path.
+ * @param {number} [options.width] - Image width in pixels.
+ * @param {number} [options.height] - Image height in pixels.
+ * @param {number} [options.zoom] - Map zoom level.
+ * @returns {string | null} Static image URL, or null when inputs are invalid.
+ */
+export const buildMinimapUrl = ({
+  accessToken,
+  centroid,
+  mapboxStyle,
+  width = 600,
+  height = 300,
+  zoom = 14,
+}: {
+  accessToken: string;
+  centroid: string;
+  mapboxStyle?: string;
+  width?: number;
+  height?: number;
+  zoom?: number;
+}): string | null => {
+  if (!accessToken.trim()) return null;
+
+  const coordinates = parseCentroidLatLng(centroid);
+  if (!coordinates) return null;
+
+  const stylePath = mapboxStyleToStaticPath(mapboxStyle);
+  const { lng, lat } = coordinates;
+  const overlay = `pin-s+${MINIMAP_PIN_COLOR}(${lng},${lat})`;
+  const position = `${lng},${lat},${zoom}`;
+  const size = `${width}x${height}@2x`;
+
+  return `https://api.mapbox.com/styles/v1/${stylePath}/static/${overlay}/${position}/${size}?access_token=${encodeURIComponent(accessToken)}`;
+};

From 6f2ec3ea42802efbe50e1d8ee0c3129187ec35bc Mon Sep 17 00:00:00 2001
From: osa <ogbemu.diatimothy@gmail.com>
Date: Wed, 29 Jul 2026 23:26:32 +0100
Subject: [PATCH 04/12] =?UTF-8?q?Gallery:=20integrate=20filters=20?=
 =?UTF-8?q?=E2=80=94=20header=20trigger,=20modal=20or=20collapsible=20pane?=
 =?UTF-8?q?l,=20purple=20accents=20(#556)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add collapsible gallery filters panel
---
 components/GalleryView.vue                    | 102 +++++++++++++++---
 i18n/locales/en.json                          |   2 +
 i18n/locales/es.json                          |   2 +
 i18n/locales/nl.json                          |   2 +
 i18n/locales/pt.json                          |   2 +
 i18n/locales/sw.json                          |   2 +
 i18n/locales/th.json                          |   2 +
 tests/e2e/02-gallery.spec.ts                  |  25 ++---
 .../10-timestamp-and-category-filter.spec.ts  |  12 ++-
 tests/unit/components/GalleryView.test.ts     |  84 ++++++++++++++-
 10 files changed, 206 insertions(+), 29 deletions(-)

diff --git a/components/GalleryView.vue b/components/GalleryView.vue
index bdf1a26c..33aa0618 100644
--- a/components/GalleryView.vue
+++ b/components/GalleryView.vue
@@ -67,6 +67,8 @@ const loading = ref(false);
 const selectedEntry = ref<DataEntry | null>(null);
 const selectedFilePaths = ref<string[]>([]);
 const selectedCentroid = ref<string | undefined>();
+const showFilters = ref(false);
+const filterResetKey = ref(0);
 const isFilteredToEmpty = computed(
   () => props.galleryData.length > 0 && filteredData.value.length === 0,
 );
@@ -136,6 +138,13 @@ const onTimestampFilter = (payload: {
   applyAllFilters();
 };
 
+const clearAllFilters = () => {
+  selectedFilterValues.value = [];
+  setDateRange({ start: null, end: null });
+  filterResetKey.value++;
+  applyAllFilters();
+};
+
 watch([dateMin, dateMax], () => applyAllFilters());
 watch(
   () => props.galleryData.length,
@@ -222,21 +231,54 @@ const closeDetail = () => {
     <template v-else>
       <div
         v-if="filterColumn || timestampColumn"
-        class="sticky top-10 right-10 z-10 mb-4 flex flex-col gap-0.5"
-        data-testid="filter-container"
+        class="mb-4"
+        data-testid="filter-toolbar"
       >
-        <DataFilter
-          v-if="filterColumn"
-          :data="galleryData"
-          :filter-column="filterColumn"
-          @filter="filterValues"
-        />
-        <TimestampFilter
-          v-if="timestampColumn"
-          :data="galleryData"
-          :timestamp-column="timestampColumn"
-          @filter="onTimestampFilter"
-        />
+        <div class="flex justify-end">
+          <button
+            type="button"
+            class="inline-flex min-h-10 items-center justify-center rounded-lg bg-violet-600 px-4 py-2 text-sm font-medium text-white shadow-sm transition-colors hover:bg-violet-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-violet-500 focus-visible:ring-offset-2"
+            data-testid="filter-toggle"
+            aria-controls="gallery-filter-panel"
+            :aria-expanded="showFilters"
+            @click="showFilters = !showFilters"
+          >
+            {{ $t("filters") }}
+          </button>
+        </div>
+        <div
+          v-show="showFilters"
+          id="gallery-filter-panel"
+          class="gallery-filter-panel mt-3 rounded-xl border border-violet-200 bg-violet-50 p-3 shadow-sm"
+          data-testid="filter-container"
+        >
+          <div class="mb-3 flex justify-end">
+            <button
+              type="button"
+              class="inline-flex min-h-10 items-center justify-center rounded-lg border border-violet-300 bg-white px-4 py-2 text-sm font-medium text-violet-700 transition-colors hover:bg-violet-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-violet-500 focus-visible:ring-offset-2"
+              data-testid="clear-all-filters"
+              @click="clearAllFilters"
+            >
+              {{ $t("clearAll") }}
+            </button>
+          </div>
+          <div class="flex flex-col gap-3 lg:flex-row lg:items-start">
+            <DataFilter
+              v-if="filterColumn"
+              :key="`filter-${filterResetKey}`"
+              :data="galleryData"
+              :filter-column="filterColumn"
+              @filter="filterValues"
+            />
+            <TimestampFilter
+              v-if="timestampColumn"
+              :key="`timestamp-${filterResetKey}`"
+              :data="galleryData"
+              :timestamp-column="timestampColumn"
+              @filter="onTimestampFilter"
+            />
+          </div>
+        </div>
       </div>
       <div
         v-if="filteredData.length === 0"
@@ -273,3 +315,35 @@ const closeDetail = () => {
     ></div>
   </div>
 </template>
+
+<style scoped>
+.gallery-filter-panel :deep(.filter-modal),
+.gallery-filter-panel :deep([data-testid="timestamp-filter"]) {
+  min-width: 0;
+  max-width: none;
+  width: 100%;
+  margin-bottom: 0;
+  border: 1px solid #ddd6fe;
+  background: white;
+  box-shadow: none;
+}
+
+.gallery-filter-panel :deep([data-testid="reset-date-button"]) {
+  background-color: #7c3aed;
+}
+
+.gallery-filter-panel :deep([data-testid="reset-date-button"]:hover) {
+  background-color: #6d28d9;
+}
+
+.gallery-filter-panel :deep(.vue-slider-process) {
+  background-color: #7c3aed !important;
+}
+
+@media (min-width: 1024px) {
+  .gallery-filter-panel :deep(.filter-modal),
+  .gallery-filter-panel :deep([data-testid="timestamp-filter"]) {
+    flex: 1 1 0;
+  }
+}
+</style>
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 75716249..cc0e532a 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -28,6 +28,7 @@
   "cancel": "Cancel",
   "category": "Category",
   "changeDetectionAlerts": "Change Detection Alerts",
+  "clearAll": "Clear all",
   "clickOnAlertsForMoreInfo": "Click on alerts for more information",
   "clickOnFeaturesForMoreInfo": "Click on map features for more information",
   "colorColumn": "Color Column",
@@ -92,6 +93,7 @@
   "filterDataByColumn": "Filter data by column",
   "filtering": "Filtering",
   "filterOutValuesFromColumn": "Which values to filter out from the column",
+  "filters": "Filters",
   "gallery": "Gallery",
   "galleryClickToViewDetails": "Click to view details",
   "galleryEmpty": "There are no items to show in this gallery yet.",
diff --git a/i18n/locales/es.json b/i18n/locales/es.json
index cde2afa3..7441e259 100644
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@@ -28,6 +28,7 @@
   "cancel": "Cancelar",
   "category": "Categoría",
   "changeDetectionAlerts": "Alertas de detección de cambios",
+  "clearAll": "Borrar todo",
   "clickOnAlertsForMoreInfo": "Haga clic en las alertas para obtener más información",
   "clickOnFeaturesForMoreInfo": "Haga clic en las características del mapa para obtener más información",
   "colorColumn": "Columna de Color",
@@ -89,6 +90,7 @@
   "filterDataByColumn": "Filtrar datos por columna",
   "filtering": "Filtrado",
   "filterOutValuesFromColumn": "Qué valores filtrar de la columna",
+  "filters": "Filtros",
   "gallery": "Galería",
   "galleryClickToViewDetails": "Haz clic para ver detalles",
   "galleryEmpty": "Aún no hay elementos que mostrar en esta galería.",
diff --git a/i18n/locales/nl.json b/i18n/locales/nl.json
index 4bcde7ad..2bf1e321 100644
--- a/i18n/locales/nl.json
+++ b/i18n/locales/nl.json
@@ -28,6 +28,7 @@
   "cancel": "Annuleren",
   "category": "Categorie",
   "changeDetectionAlerts": "Veranderingsdetectie waarschuwingen",
+  "clearAll": "Alles wissen",
   "clickOnAlertsForMoreInfo": "Klik op alerts voor meer informatie",
   "clickOnFeaturesForMoreInfo": "Klik op kaartkenmerken voor meer informatie",
   "colorColumn": "Kleurkolom",
@@ -90,6 +91,7 @@
   "filterDataByColumn": "Filter data op kolom",
   "filtering": "Filteren",
   "filterOutValuesFromColumn": "Welke waarden uit de kolom filteren",
+  "filters": "Filters",
   "gallery": "Galerij",
   "galleryClickToViewDetails": "Klik om details te bekijken",
   "galleryEmpty": "Er zijn nog geen items om in deze galerij te tonen.",
diff --git a/i18n/locales/pt.json b/i18n/locales/pt.json
index 9dda8b96..eebb8221 100644
--- a/i18n/locales/pt.json
+++ b/i18n/locales/pt.json
@@ -28,6 +28,7 @@
   "cancel": "Cancelar",
   "category": "Categoria",
   "changeDetectionAlerts": "Alertas de detecção de mudança",
+  "clearAll": "Limpar tudo",
   "clickOnAlertsForMoreInfo": "Clique nos alertas para obter mais informações",
   "clickOnFeaturesForMoreInfo": "Clique nos recursos do mapa para obter mais informações",
   "colorColumn": "Coluna de Cor",
@@ -89,6 +90,7 @@
   "filterDataByColumn": "Filtrar dados por coluna",
   "filtering": "Filtragem",
   "filterOutValuesFromColumn": "Quais valores filtrar da coluna",
+  "filters": "Filtros",
   "gallery": "Galeria",
   "galleryClickToViewDetails": "Clique para ver detalhes",
   "galleryEmpty": "Ainda não há itens para mostrar nesta galeria.",
diff --git a/i18n/locales/sw.json b/i18n/locales/sw.json
index d9eb7559..bc4ea2ed 100644
--- a/i18n/locales/sw.json
+++ b/i18n/locales/sw.json
@@ -28,6 +28,7 @@
   "cancel": "Ghairi",
   "category": "Jamii",
   "changeDetectionAlerts": "Tahadhari za Utambuzi wa Mabadiliko",
+  "clearAll": "Futa zote",
   "clickOnAlertsForMoreInfo": "Bonyeza tahadhari kwa maelezo zaidi",
   "clickOnFeaturesForMoreInfo": "Bonyeza vipengele vya ramani kwa maelezo zaidi",
   "colorColumn": "Safu ya Rangi",
@@ -92,6 +93,7 @@
   "filterDataByColumn": "Chuja data kwa safu",
   "filtering": "Kuchuja",
   "filterOutValuesFromColumn": "Thamani gani za kuchuja kutoka safuni",
+  "filters": "Vichujio",
   "gallery": "Matunzio",
   "galleryClickToViewDetails": "Bofya kuona maelezo",
   "galleryEmpty": "Bado hakuna vipengele vya kuonyesha katika matunzio haya.",
diff --git a/i18n/locales/th.json b/i18n/locales/th.json
index 6c9f746e..fe688a90 100644
--- a/i18n/locales/th.json
+++ b/i18n/locales/th.json
@@ -28,6 +28,7 @@
   "cancel": "ยกเลิก",
   "category": "หมวดหมู่",
   "changeDetectionAlerts": "การแจ้งเตือนจากการตรวจจับการเปลี่ยนแปลง",
+  "clearAll": "ล้างทั้งหมด",
   "clickOnAlertsForMoreInfo": "คลิกที่การแจ้งเตือนเพื่อดูข้อมูลเพิ่มเติม",
   "clickOnFeaturesForMoreInfo": "คลิกที่ฟีเจอร์บนแผนที่เพื่อดูข้อมูลเพิ่มเติม",
   "colorColumn": "คอลัมน์สี",
@@ -92,6 +93,7 @@
   "filterDataByColumn": "กรองข้อมูลตามคอลัมน์",
   "filtering": "การกรอง",
   "filterOutValuesFromColumn": "ค่าที่ต้องการกรองออกจากคอลัมน์",
+  "filters": "ตัวกรอง",
   "gallery": "แกลเลอรี",
   "galleryClickToViewDetails": "คลิกเพื่อดูรายละเอียด",
   "galleryEmpty": "ยังไม่มีรายการให้แสดงในแกลเลอรีนี้",
diff --git a/tests/e2e/02-gallery.spec.ts b/tests/e2e/02-gallery.spec.ts
index f4297344..c9866e62 100644
--- a/tests/e2e/02-gallery.spec.ts
+++ b/tests/e2e/02-gallery.spec.ts
@@ -362,6 +362,9 @@ test("gallery page - filter functionality", async ({
   const filterCount = await filterContainer.count();
 
   if (filterCount > 0) {
+    await page.getByTestId("filter-toggle").click();
+    await expect(filterContainer).toBeVisible();
+
     // 4. Click the filter select to open dropdown
     await page.getByTestId("filter-select").click();
 
@@ -396,20 +399,18 @@ test("gallery page - filter functionality", async ({
     // 10. Verify filtering changed the number of items (or at least applied)
     expect(filteredCount).toBeLessThanOrEqual(initialCount);
 
-    // 11. Clear filter by clicking the X button on selected tag
-    const removeFilterButton = page.getByTestId("remove-filter-button");
-    if ((await removeFilterButton.count()) > 0) {
-      await removeFilterButton.click();
+    // 11. Clear all category and date filters
+    await page.getByTestId("clear-all-filters").click();
+    await expect(page.getByTestId("remove-filter-button")).toHaveCount(0);
 
-      // 12. Wait for filter to clear
-      await page.waitForTimeout(1500);
+    // 12. Wait for filters to clear
+    await page.waitForTimeout(1500);
 
-      // 13. Verify clearing category filter did not shrink the list (date filter may still be active)
-      const clearedItems = page.locator('[data-testid^="gallery-item-"]');
-      const clearedCount = await clearedItems.count();
-      expect(clearedCount).toBeGreaterThanOrEqual(filteredCount);
-      expect(clearedCount).toBeGreaterThan(0);
-    }
+    // 13. Verify clearing all filters restores the gallery
+    const clearedItems = page.locator('[data-testid^="gallery-item-"]');
+    const clearedCount = await clearedItems.count();
+    expect(clearedCount).toBeGreaterThanOrEqual(filteredCount);
+    expect(clearedCount).toBeGreaterThan(0);
   } else {
     // If no filter, just verify gallery loaded
     const galleryItems = page.locator('[data-testid^="gallery-item-"]');
diff --git a/tests/e2e/10-timestamp-and-category-filter.spec.ts b/tests/e2e/10-timestamp-and-category-filter.spec.ts
index 94b726f9..64533fca 100644
--- a/tests/e2e/10-timestamp-and-category-filter.spec.ts
+++ b/tests/e2e/10-timestamp-and-category-filter.spec.ts
@@ -37,13 +37,23 @@ test("gallery page - filter container and optional timestamp filter", async ({
     .getByTestId("filter-container")
     .waitFor({ state: "attached", timeout: 10000 });
 
+  const filterToggle = page.getByTestId("filter-toggle");
+  await expect(filterToggle).toHaveAttribute("aria-expanded", "false");
+  await expect(page.getByTestId("filter-container")).toBeHidden();
+  await expect(page.getByTestId("filter-toolbar")).not.toHaveClass(/sticky/);
+
+  await filterToggle.click();
+  await expect(filterToggle).toHaveAttribute("aria-expanded", "true");
+  await expect(page.getByTestId("filter-container")).toBeVisible();
+  await expect(page.getByTestId("clear-all-filters")).toBeVisible();
+
   const timestampFilter = page.getByTestId("timestamp-filter");
   const timestampVisible = await timestampFilter.isVisible().catch(() => false);
 
   if (timestampVisible) {
     await expect(page.getByTestId("reset-date-button")).toBeVisible();
     await expect(page.getByTestId("date-slider")).toBeVisible();
-    await page.getByTestId("reset-date-button").click();
+    await page.getByTestId("clear-all-filters").click();
     await expect(page.getByTestId("date-slider")).toBeVisible();
   }
 
diff --git a/tests/unit/components/GalleryView.test.ts b/tests/unit/components/GalleryView.test.ts
index 84706d78..d0a0a62a 100644
--- a/tests/unit/components/GalleryView.test.ts
+++ b/tests/unit/components/GalleryView.test.ts
@@ -27,6 +27,7 @@ vi.mock("@/composables/useRecordCache", () => ({
 }));
 
 const filterByDateAndCategoryMock = vi.fn((data: Dataset) => data);
+const setDateRangeMock = vi.fn();
 vi.mock("@/composables/useDateAndCategoryFilter", () => ({
   filterByDateAndCategory: (...args: unknown[]) =>
     filterByDateAndCategoryMock(...args),
@@ -34,7 +35,7 @@ vi.mock("@/composables/useDateAndCategoryFilter", () => ({
   useTimestampFilter: () => ({
     dateMin: ref<Date | null>(null),
     dateMax: ref<Date | null>(null),
-    setDateRange: vi.fn(),
+    setDateRange: setDateRangeMock,
   }),
 }));
 
@@ -57,7 +58,10 @@ const globalConfig = {
       props: ["data", "filterColumn"],
       template: `<button data-testid="stub-data-filter" @click="$emit('filter', ['x'])">filter</button>`,
     },
-    TimestampFilter: true,
+    TimestampFilter: {
+      props: ["data", "timestampColumn"],
+      template: `<button data-testid="stub-timestamp-filter" @click="$emit('filter', { start: new Date('2024-01-01'), end: new Date('2024-01-31') })">date</button>`,
+    },
     GalleryGrid: {
       template: "<div data-testid='stub-gallery-grid'><slot /></div>",
     },
@@ -136,6 +140,82 @@ describe("GalleryView empty states", () => {
   });
 });
 
+describe("GalleryView filters", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    filterByDateAndCategoryMock.mockReset();
+    filterByDateAndCategoryMock.mockImplementation((data: Dataset) => data);
+  });
+
+  const mountWithFilters = () =>
+    mount(GalleryView, {
+      props: {
+        ...baseProps,
+        filterColumn: "category",
+        timestampColumn: "created_at",
+        galleryData: [
+          { _id: "1", category: "a", created_at: "2024-01-01" },
+        ] as unknown as Dataset,
+      },
+      global: globalConfig,
+    });
+
+  it("renders an accessible filter panel toggle that is closed by default", async () => {
+    const wrapper = mountWithFilters();
+    const toggle = wrapper.get('[data-testid="filter-toggle"]');
+    const panel = wrapper.get('[data-testid="filter-container"]');
+
+    expect(toggle.attributes("aria-controls")).toBe("gallery-filter-panel");
+    expect(toggle.attributes("aria-expanded")).toBe("false");
+    expect(panel.attributes("style")).toContain("display: none");
+
+    await toggle.trigger("click");
+
+    expect(toggle.attributes("aria-expanded")).toBe("true");
+    expect(panel.attributes("style")).not.toContain("display: none");
+  });
+
+  it("retains active filters when the panel is collapsed", async () => {
+    const wrapper = mountWithFilters();
+    const toggle = wrapper.get('[data-testid="filter-toggle"]');
+
+    await toggle.trigger("click");
+    await wrapper.get('[data-testid="stub-data-filter"]').trigger("click");
+    await toggle.trigger("click");
+    await toggle.trigger("click");
+
+    expect(wrapper.get('[data-testid="stub-data-filter"]').exists()).toBe(true);
+    expect(filterByDateAndCategoryMock).toHaveBeenLastCalledWith(
+      expect.any(Array),
+      expect.objectContaining({ selectedValues: ["x"] }),
+    );
+  });
+
+  it("clears category and date filters and remounts both controls", async () => {
+    const wrapper = mountWithFilters();
+
+    await wrapper.get('[data-testid="filter-toggle"]').trigger("click");
+    const dataFilter = wrapper.get('[data-testid="stub-data-filter"]').element;
+    const timestampFilter = wrapper.get(
+      '[data-testid="stub-timestamp-filter"]',
+    ).element;
+    await wrapper.get('[data-testid="stub-data-filter"]').trigger("click");
+    await wrapper.get('[data-testid="clear-all-filters"]').trigger("click");
+
+    expect(setDateRangeMock).toHaveBeenCalledWith({ start: null, end: null });
+    expect(filterByDateAndCategoryMock).toHaveBeenLastCalledWith(
+      expect.any(Array),
+      expect.objectContaining({ selectedValues: [] }),
+    );
+    expect(wrapper.get('[data-testid="stub-data-filter"]').element).not.toBe(
+      dataFilter,
+    );
+    expect(
+      wrapper.get('[data-testid="stub-timestamp-filter"]').element,
+    ).not.toBe(timestampFilter);
+  });
+});
+
 describe("GalleryView grid rendering", () => {
   beforeEach(() => {
     vi.clearAllMocks();

From 98dacc85c79673dae6fb884db5523fe95c169c62 Mon Sep 17 00:00:00 2001
From: osa <ogbemu.diatimothy@gmail.com>
Date: Fri, 31 Jul 2026 14:20:31 +0100
Subject: [PATCH 05/12] Gallery: Improve how the audio player looks when it is
 in a carousel (#557)

* Improve gallery audio presentation

* Document gallery audio pull request

* restore github template

* Keep gallery carousel arrows fixed across slides

Arrows jumped between centered and top corners when navigating onto an
audio slide. Reserve the arrow strip for the audio player instead so the
controls stay put and can never overlap.
---
 components/gallery/GalleryMediaCarousel.vue   |  6 ++--
 components/shared/MediaFile.vue               | 29 +++++++++++++--
 .../gallery/GalleryMediaCarousel.test.ts      | 28 +++++++++++++++
 .../gallery/MediaFile.gallery.test.ts         | 36 ++++++++++++++++---
 4 files changed, 89 insertions(+), 10 deletions(-)

diff --git a/components/gallery/GalleryMediaCarousel.vue b/components/gallery/GalleryMediaCarousel.vue
index 593752fc..6b7b3668 100644
--- a/components/gallery/GalleryMediaCarousel.vue
+++ b/components/gallery/GalleryMediaCarousel.vue
@@ -76,7 +76,7 @@ const blurCarouselControl = (event: Event) => {
     <template v-if="hasMultiple">
       <button
         type="button"
-        class="absolute left-2 top-1/2 z-10 -translate-y-1/2 rounded-full bg-black/50 p-2 text-white transition-colors hover:bg-black/70 focus:outline-none focus-visible:ring-2 focus-visible:ring-white"
+        class="absolute left-2 top-1/2 z-10 flex h-10 w-10 -translate-y-1/2 items-center justify-center rounded-full bg-black/50 text-white transition-[background-color,transform] duration-150 ease-out hover:bg-black/70 active:scale-[0.96] focus:outline-none focus-visible:ring-2 focus-visible:ring-white"
         data-testid="gallery-carousel-prev"
         :aria-label="t('galleryPreviousMedia')"
         @click.stop="
@@ -88,7 +88,7 @@ const blurCarouselControl = (event: Event) => {
       </button>
       <button
         type="button"
-        class="absolute right-2 top-1/2 z-10 -translate-y-1/2 rounded-full bg-black/50 p-2 text-white transition-colors hover:bg-black/70 focus:outline-none focus-visible:ring-2 focus-visible:ring-white"
+        class="absolute right-2 top-1/2 z-10 flex h-10 w-10 -translate-y-1/2 items-center justify-center rounded-full bg-black/50 text-white transition-[background-color,transform] duration-150 ease-out hover:bg-black/70 active:scale-[0.96] focus:outline-none focus-visible:ring-2 focus-visible:ring-white"
         data-testid="gallery-carousel-next"
         :aria-label="t('galleryNextMedia')"
         @click.stop="
@@ -128,7 +128,7 @@ const blurCarouselControl = (event: Event) => {
               goToIndex(index);
               blurCarouselControl($event);
             "
-          />
+          ></button>
         </div>
       </div>
     </template>
diff --git a/components/shared/MediaFile.vue b/components/shared/MediaFile.vue
index 89a0198b..0d2b4532 100644
--- a/components/shared/MediaFile.vue
+++ b/components/shared/MediaFile.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { XCircle } from "lucide-vue-next";
+import { Music, XCircle } from "lucide-vue-next";
 import type { AllowedFileExtensions } from "@/types";
 import { useIntersectionObserver } from "@/composables/useIntersectionObserver";
 import { useOptimizedImages } from "@/composables/useOptimizedImages";
@@ -28,6 +28,9 @@ const isImage = computed(() =>
 const isVideo = computed(() =>
   checkExtensions(props.allowedFileExtensions.video),
 );
+const fileName = computed(
+  () => props.filePath.split("/").pop() || props.filePath,
+);
 
 const getExtension = (filePath: string) => {
   return (filePath.split(".").pop() || "").toLowerCase();
@@ -193,11 +196,31 @@ const imageClass = computed(() => {
       v-if="isAudio"
       :class="
         isGalleryVariant
-          ? 'h-full w-full overflow-hidden rounded-2xl bg-violet-50 border border-violet-100 p-4 flex items-center'
+          ? 'flex h-full min-h-48 w-full flex-col items-center justify-center gap-4 overflow-hidden rounded-2xl border border-violet-200 bg-violet-50 p-6 text-violet-950'
           : 'mb-4'
       "
+      :data-testid="isGalleryVariant ? 'gallery-audio-card' : undefined"
     >
-      <audio controls class="w-full" preload="none" @click.stop>
+      <template v-if="isGalleryVariant">
+        <Music
+          class="h-10 w-10 shrink-0 text-violet-600"
+          aria-hidden="true"
+          data-testid="gallery-audio-icon"
+        />
+        <p
+          class="max-w-full break-words text-center text-sm font-medium"
+          data-testid="gallery-audio-filename"
+        >
+          {{ fileName }}
+        </p>
+      </template>
+      <!-- Gallery slides inset the player so it never sits under the carousel arrows. -->
+      <audio
+        controls
+        :class="isGalleryVariant ? 'w-[calc(100%_-_4rem)]' : 'w-full'"
+        preload="none"
+        @click.stop
+      >
         <source
           :src="mediaBasePath + '/' + filePath"
           :type="
diff --git a/tests/unit/components/gallery/GalleryMediaCarousel.test.ts b/tests/unit/components/gallery/GalleryMediaCarousel.test.ts
index 4263bede..421ac408 100644
--- a/tests/unit/components/gallery/GalleryMediaCarousel.test.ts
+++ b/tests/unit/components/gallery/GalleryMediaCarousel.test.ts
@@ -58,6 +58,9 @@ describe("GalleryMediaCarousel", () => {
     expect(wrapper.find('[data-testid="gallery-carousel-next"]').exists()).toBe(
       true,
     );
+    expect(
+      wrapper.get('[data-testid="gallery-carousel-prev"]').classes(),
+    ).toEqual(expect.arrayContaining(["top-1/2", "-translate-y-1/2"]));
     expect(
       wrapper.findAll('[data-testid^="gallery-carousel-dot-"]'),
     ).toHaveLength(2);
@@ -78,6 +81,31 @@ describe("GalleryMediaCarousel", () => {
     ).toBe("b.jpg");
   });
 
+  it("keeps 40px carousel controls in place across audio and image slides", async () => {
+    const wrapper = mount(GalleryMediaCarousel, {
+      props: {
+        allowedFileExtensions,
+        filePaths: ["a.jpg", "recording.mp3"],
+        mediaBasePath: "/media",
+      },
+    });
+
+    const controlClasses = () =>
+      ["gallery-carousel-prev", "gallery-carousel-next"].map((testId) =>
+        wrapper.get(`[data-testid="${testId}"]`).classes().sort().join(" "),
+      );
+
+    const imageSlideClasses = controlClasses();
+    await wrapper.get('[data-testid="gallery-carousel-next"]').trigger("click");
+
+    expect(controlClasses()).toEqual(imageSlideClasses);
+    for (const testId of ["gallery-carousel-prev", "gallery-carousel-next"]) {
+      expect(wrapper.get(`[data-testid="${testId}"]`).classes()).toEqual(
+        expect.arrayContaining(["top-1/2", "-translate-y-1/2", "h-10", "w-10"]),
+      );
+    }
+  });
+
   it("does not render carousel controls for a single file", () => {
     const wrapper = mount(GalleryMediaCarousel, {
       props: {
diff --git a/tests/unit/components/gallery/MediaFile.gallery.test.ts b/tests/unit/components/gallery/MediaFile.gallery.test.ts
index bd673aa7..5891bf44 100644
--- a/tests/unit/components/gallery/MediaFile.gallery.test.ts
+++ b/tests/unit/components/gallery/MediaFile.gallery.test.ts
@@ -64,11 +64,11 @@ describe("MediaFile gallery variant", () => {
     expect(wrapper.text()).toContain("loading");
   });
 
-  it("wraps gallery audio in a rounded violet container", () => {
+  it("renders gallery audio as a violet card with icon and filename", () => {
     const wrapper = mount(MediaFile, {
       props: {
         allowedFileExtensions,
-        filePath: "recording.mp3",
+        filePath: "field-audio/recording.mp3",
         mediaBasePath: "/media",
         variant: "gallery",
       },
@@ -76,7 +76,35 @@ describe("MediaFile gallery variant", () => {
     });
 
     expect(wrapper.find("audio").exists()).toBe(true);
-    expect(wrapper.find(".bg-violet-50").exists()).toBe(true);
-    expect(wrapper.find(".rounded-2xl").exists()).toBe(true);
+    expect(
+      wrapper.get('[data-testid="gallery-audio-card"]').classes(),
+    ).toContain("bg-violet-50");
+    expect(wrapper.find('[data-testid="gallery-audio-icon"]').exists()).toBe(
+      true,
+    );
+    expect(wrapper.get('[data-testid="gallery-audio-filename"]').text()).toBe(
+      "recording.mp3",
+    );
+    expect(wrapper.get("audio").classes()).toContain("w-[calc(100%_-_4rem)]");
+  });
+
+  it("leaves default audio rendering unchanged", () => {
+    const wrapper = mount(MediaFile, {
+      props: {
+        allowedFileExtensions,
+        filePath: "recording.mp3",
+        mediaBasePath: "/media",
+      },
+      global: globalConfig,
+    });
+
+    expect(wrapper.find("audio").exists()).toBe(true);
+    expect(wrapper.find('[data-testid="gallery-audio-card"]').exists()).toBe(
+      false,
+    );
+    expect(wrapper.get("audio").classes()).toContain("w-full");
+    expect(
+      wrapper.find('[data-testid="gallery-audio-filename"]').exists(),
+    ).toBe(false);
   });
 });

From 3a8f111ad1cbbbebb1b011c808b2c852ba308f8b Mon Sep 17 00:00:00 2001
From: osa <ogbemu.diatimothy@gmail.com>
Date: Wed, 5 Aug 2026 13:23:27 +0100
Subject: [PATCH 06/12] Gallery: Remove Lightbox Vendor Module (#570)

Remove lightbox vendor and data-lightbox wiring
---
 components/shared/MediaFile.vue               |     3 +-
 nuxt.config.ts                                |     5 +-
 public/vendor/lightbox/images/close.png       |   Bin 280 -> 0 bytes
 public/vendor/lightbox/images/loading.gif     |   Bin 8476 -> 0 bytes
 public/vendor/lightbox/images/next.png        |   Bin 1350 -> 0 bytes
 public/vendor/lightbox/images/prev.png        |   Bin 1360 -> 0 bytes
 .../vendor/lightbox/lightbox-plus-jquery.js   | 11926 ----------------
 public/vendor/lightbox/lightbox.min.css       |   172 -
 .../gallery/MediaFile.gallery.test.ts         |     4 +-
 tests/unit/server/compression.test.ts         |     5 +-
 10 files changed, 5 insertions(+), 12110 deletions(-)
 delete mode 100644 public/vendor/lightbox/images/close.png
 delete mode 100644 public/vendor/lightbox/images/loading.gif
 delete mode 100644 public/vendor/lightbox/images/next.png
 delete mode 100644 public/vendor/lightbox/images/prev.png
 delete mode 100644 public/vendor/lightbox/lightbox-plus-jquery.js
 delete mode 100644 public/vendor/lightbox/lightbox.min.css

diff --git a/components/shared/MediaFile.vue b/components/shared/MediaFile.vue
index 0d2b4532..ed5f9b38 100644
--- a/components/shared/MediaFile.vue
+++ b/components/shared/MediaFile.vue
@@ -153,8 +153,7 @@ const imageClass = computed(() => {
         v-if="shouldLoadImage && !imageError && !isGalleryVariant"
         :href="rawImageUrl"
         target="_blank"
-        :data-lightbox="filePath"
-        :data-title="filePath"
+        rel="noopener noreferrer"
         class="block"
         :class="{ hidden: !imageLoaded }"
       >
diff --git a/nuxt.config.ts b/nuxt.config.ts
index f0733764..a9717c05 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -6,9 +6,6 @@ export default defineNuxtConfig({
     head: {
       charset: "utf-8",
       viewport: "width=device-width, initial-scale=1",
-      script: [
-        { src: "/vendor/lightbox/lightbox-plus-jquery.js", defer: true },
-      ],
       meta: [
         { charset: "utf-8" },
         { name: "viewport", content: "width=device-width, initial-scale=1" },
@@ -90,7 +87,7 @@ export default defineNuxtConfig({
     quality: 80,
   },
 
-  css: ["public/vendor/lightbox/lightbox.min.css", "@/assets/overlay.css"],
+  css: ["@/assets/overlay.css"],
 
   i18n: {
     locales: [
diff --git a/public/vendor/lightbox/images/close.png b/public/vendor/lightbox/images/close.png
deleted file mode 100644
index 20baa1db5fdf9e22655a0f851c4401d36b9e7ef9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 280
zcmeAS@N?(olHy`uVBq!ia0vp^(jd&i3?z4Pv7`ejn*g5>*Z=?j1DSvS{%vY%YG`Nx
zvLV3R+Z)1I1qQoz?eg;S^6>Bg3hv&$d*{xbK#iaC4$A=f!X-g|!3<viR<C9d^Pa}T
zz5l?;sZ&Kyo#brmssTz@c)B=-RK(R@^5kn!5O4{U5)GX5`(L?e=j`)~vRL;_FbJ8k
zt3@yT#pJrkH(UDNY}k5n&(Vn)&N`plx9tp9**SgJq@pivD*cvQANDU;c&<@JsnbJg
zQipZN3k3y^3iE1*BzX>vbDHnnh5Xg#OL;K8su!;fw4MC7hH<+BPou~5EnOggc)I$z
JtaD0e0ssdsYEA$E

diff --git a/public/vendor/lightbox/images/loading.gif b/public/vendor/lightbox/images/loading.gif
deleted file mode 100644
index 5087c2a644223a95984baefdb74f39a287fdfd9a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8476
zcmai(X;@SD*7mdaPWF^(CxkH}*_lX!K*CT(AL|K8(1566s6|hY4TvpP+s4^C)C7Wr
zL1l;vYGn`*XPj}MhDk+1K~T|Jjbp7<i&m|N)8X0n)V}9j*K=KOJ|`dY`>%Dcb>C}3
z!uZ(H86=IQy^NqeeE9IjjT=2ZJ*Q5cI(qcz{{8z8A3l8I#EH(%&c43B!NI}S*490H
z_8dEQtgEZ5uCA`WzP_fW=FXivj~+dG`t<382M?Y<fBx##s~0a`3=a?g`s=T|ckkY}
zZ{NX#2hW^2^UXKk+`M^n$BrE>EiL{1{S6HbmoHzguC6|R{`|#@7q4Eu+TPy&`t|F_
zj~{!z-l3tP#>U2b_wH@lw5hVPa?6%2zyJO_?f>_Y{?42npO$Kjv&2V5=pcalzVx4T
z453BP!ruJ$&EM3+zw0;J%yf*i*^*_PJLVsSSr1?0*w*y98GnCRe89U~uLuhBbEOTg
z@7p~=dTHjkb%XNNFKtcNbOB#1n}fmhJOs}vi~u;Om;-`x4NmfXeFT01{{Df1a{y@m
zlEopxMG<7MR-q;KGd|pD09Y$mvJX%BfFV+!oPxleu&Ql}n2sQ`u&&7xXkZ;jg>BIJ
zgb6l(RsC7S9V;mZ)tDULP;q0ke-VywLqfLm+Hl6gMGc3O&1W5!{B{}_s}4_z%qtwh
z?fW3?p--)>!vzj|uj@z101i2tbj5bOpU+q11w6DSNfYR&QI@&OW$*b&p893>gW~D3
zci+9Y)t+v7zyc9$y7gF7ZBGy*v{!E!Rojt2krp$}8Z_BxQ9Wn~39BLX%z$a9zDQ9@
z?Kz20jwGW#^goG4|C?waMU)2r?x}o3)U;)iqRlH3bv(4pTl%i}{M-(DDIY5Gr_T@n
zcqX>b()UHFdDc%UuaY;$YDdi$T`U{GMN;V(pAihE7{kO6JcERV!dxdT|6~SQzC|dm
zoZ%>E30dmu8KJCQb(Y3tKy=^$vM)u=IK~huk0djXGY)@kLg3)DRUJmSr)Tzg1N{Qr
z(ictdhv`@PkbXMS+XvCv2m)S>7JrAx&>!SKA`paM1%8yhQvJaB1rF2qt{Fs@Gt<Z+
ziz=v)0lgbb^p*sm2=iT(DA5C~cLHO~n78KMX}VlsZ`3(*7%cxN=Zoj9iZlFBWz)hh
zGCGr@%<9+>4`%rI{Km*tiL*;Hc^7EmR+{xT*l@8#)?&5{9eQ|S=eyB^Wxcg|$$n!C
z=)j*CY5#>$Z>KQUm_(<cw%Z~)S)0~K<e7;}Glk!85+j`g!t$wMpa0_XPsb-UIMOm=
zxAha~ziyB0N--%JLZ@_zVh(S`KOzwmp6kq$28VLqFqIa^(-X>suzV&B(}E_kh{2d7
z;?&pU!F!Hi2kOxyd-fko1>oQ|#{5&M7<}%W@=Pjv9zK1+1kvd*T{Vz`T%{v*H;f1y
z`7ZOWfr2QrKcdN=$e=rqm@gq_^D_?gFTd9*qhut=1@1U34zIU<X#;0jtkj!p$Oq|)
z5<=_KNtY+uM2JjYNLLD0l;|9F<K4L4+^B11tY!vAW%rWI4p%f!lX+o_zO^mScg(5;
z3y~JmQ#+yjw;bS3ZffoL(&r1O#<f}Sk@Fticr+L6Ynt8#qTqiwxai;I_(y{);XJUw
zEkgAj*=dnh=iYr+pSP|I7Nlg-TCY{?pN?)67O=qEQ*tvJJ~vF`n|eN5;4vv-5ktgU
zoIY^{_tQ@a%qW2q5>^XgltRg2vR3k<qeKQ0VFbGwh%zGrW2^~*j2!sr4p_C<goZ>3
zOX){DN=}+oh)E2$9|g~x0q6q*p?zoM>;dG%!IPYCzrA{EFH<H%Cg0x+J$<_8amtTO
zrsVlgFPZ4iuUk;syR_%3jyOH?4E@^RZFSIQ;=a1E&n!6xe^L}{ip(Tid7woRP}){&
zAY=)lG{9S%^9CqQnvr9`G%3610uYTchDBGNt(%qsGMN5TvwEu?U(pHE8rgf-(`GO*
zexZ2M@qt@TeERmqO0%PL>dqu>rpG4D{pQf#oVR-UXLn2fqq~)Ut0$`mG%O2QyD;>Z
zFuZupVxMJSNNaL)#;}*-3{HOO{be62P-hHUva2>^%(pYXlyV)SnQ0mXPFOxi$og`g
zoy+5C<*AZ<7tEMMM^$n;hbhuJ9A#RkfrMasB`i~B$%9MEc%sDykiPE}xWtGO&1KMg
z2*U10*0&kK(z3`%Nwi8PJBO%yQ&3(=6l2%*>yY?Xs!(f^L(iV={NcS6kO?uFk6yNk
znQ3AAp>9ba7v(Rj{+QT;a5*B=Y%>Ee0bodqo6nQG*Q8pkNhMbQvr;9+HTll<E~&)4
z!ThYIZK9N)eu*x<{n7d<0vtS4qHEnwXGoS#t?;&e%p}6CVfFUgALZ3doYqXiYoAEt
zH%xDClI6l|m5NrO&zL*ykXCc{{-)O57X$rnTyHu5GW^Dg=tocY_`g-qKU<%qN!}>v
zAFZz>;P%y}A1L%4jSFALEyU9=d~^cK8!78th|ed=-Ve*&|MKe@HF4IY;D8IO7dqOX
zuD+=t7@0G1gzid!r>*#Om6jm5Qi?HzunQ6pF({X-P{t}pS-I0lh9WYglFn4ll*6Um
zW*)<01o!OQr(S3jE1IdNffhkMknCW4%jsi0CwQR;yOfNc?cyOc5)DO}Ox2B)U~iX1
zgFb&Q`5{^E4G9seQL&gqA1rT^8d!mmFlzI9ow)*Nn~0387TZ^YQ5Oo#s%<m@Hr-YS
zMFG@UJEJgLYMr24Q-3I_#tU^<n7kU4b|+-AMH)VC$W6;_yD0S?_rjT+(bgyByGGVq
zZ)@xrzu|b3t@V);3u~OwTyk5Jhowc9^i;>SC*zs#H!b?tK+bj6+&y?;(Z;<qXe)o`
zKieFI{;3O*ZwJ5Vk1<tYGZ(KR5JQcgY~)whE*y@FVGUk5;JG$87NQ{Y6`RxBkNog*
zCwTYvghjD2=<Jte?b-Q;U<xsF(V``@m#>(yN~;yhQvoIf$yOr}2UN;I6fRz?P)Ku(
zB*(pe1G+t44okIlb&O;qhN5maHqR(NNN_u$#uHt8Jtnn+=-_H|F!7Zu%I<h^Unde7
z&bg!FoVp$lcXD}L2@VboHGgN6KmLIyR$^)lD}7ODbLn-UW2KzmhMBYUttczeoK&L+
zjWU(kV2*p%o{#%4@QvZM%3b9&1D>FZYU}djTazrK;|<-oZ+fpg=U|(23?^9YS4pF(
z8U6uIP7Q4!kD6uf2nsT#xPf)2Jwt*yt64#ZrvJLLW^Ve9tc#zliCY|AdSFiOTU`i!
zi!<ntnq6-*r>z%3rLE)`@(s=)Ta3{8_>$#egrHwzE}1Jv|8Cs=cdLzX3=#LzS!MZS
zmmPZ=HBty$GbCaZUA*L@<#R==><ne5cy&H=F$!WDrJ6%$tX(G+<r>4cy4Q0W;+1T>
zP%701CmS`O3IsXgviSziszVAb)5yoLlPBl38nFXf#pzu9{545$yjVLhAPdzg?<?hd
zZWv$%!6g)uaQwv!-J^Ip@s!KukN`+KnYYfI|K*Pyd%C(NJ})QUk6dBV=XBz}A$rAp
znc)<wuv+OlN89OavBc!k&j*>f-()<Y>A*(`ctn`BWJm4HN$;WpYi6^}@tu7WFE+hN
z|H1%oWq)+ml~LPj*-p(g?+&md#~)3zUe<4zQ@VRr&(_O37vtX?NjcKy%YUl^y0=6F
z{~$^gsB`_~qE?44VCncbM2SYYHg|D?Zs~hf-wWLO#=Vn1-S)#1!I-V~r6`|#>Z*I*
z^eX5ELqx|HEaGs)OF|Q-vDsfTN*xSkYB&ah`QidGCf6u24g!~nSVD#~zP18XalnjJ
zCE^eXkHg6e<#Mc5y?cR9#n^FN7;5yzH8r&@od)a}#a+0YFS&{1{R0N^;58|v^9d)P
z0C(;h*i!9Ft%SxO9;Q8um%lQX#6|-8yj<U35;Q|#jtBCQjnArSIt%i-BEM=+>9(Rm
z6MbyJKS^g^c|e$zHd+C675itN%bNB?>GTbZ+MPbn(Xii$%H=1|CdA}k1bAiRz120d
zQ@6#8Qm@hL+X=QME<{&4;KUHqrb{b$juG!qAD16nA#MM`aVV8ITM@_lj7K;8HNpOm
z#@ATH9s0WITgG=b#=waRUQesnql_V{W~Y_$W5-_2+pwGrK<N|oVeVoJco1@2F66M;
zpTogOMk-&46@jXcSA4R{0lR~PVP%RA*HGA&szA9C$K{|bXFY=f=bK20WJ{HtOw~Xe
z_UxfI8+9ZJ01cjnAlxEip++AapC5jJztDs+L_I<gZt$V``u6({#;a}!A2TB(!hD|J
zdzg$oe#`>=A_Twr2p;(cIzBg|Kmh+aQ{ChOaw(~8)<;TLua5VdyR@}WznV2dJ;P%*
zd6<0Fs1+X^%ehxVSCAzYJ8BwMuZzf2*gXp#l%#A9oPU}as#ZG*Qw+Lhe|2^rII+lP
z8}{l4Hu4(BG>1BkR}dcQnO^8IIS+>Hp0S8%eS8h|?&Xx+zS2S4YoPbO!^`B{3|Jt^
z8s0n#C?)@U?|M7LC}XwIk(lEH-nOBMos9#^<YGSPXg~M?>+7`_W2OU|#P`!K_5E7N
z$@j?)qaOk#@u7R}FGD_O)1k~%A3mR=wQRO(E;_@8(CLUKML^+k72&u<QnVbk+h97(
z&NGGiH2LaWzNt8hu;CN1Y=O~F(6*1}v(TVkf07|K`Um*+wF%A`<tKs}*KvdY&6@!M
zmrWpi{d%ZjL}1{En|I@(??epX@z0NkOv>vbkr0f^4v4jUSPK6>a&Cad;(~KcgwE33
z>M^=f=$0EE;I5m88(lBdO2=73YbYs}(e4-d3#a-`8!GE40;389WNUecWAYZmczr-3
z*oIX{u*TY(+@@XYQL%abaP)S2ed>p{@&eM}+`)y<vWD7rT|-&mJyzu1$B<e-vtnpi
z23)F(?ES1|qQQCngkdWmd%N0F3IR~w_0L^QPbq|ZMIz?5R$7RvUa6;1y@rpqcI7_A
z!DRKU>)^_r?}z)>1clM7n|j{?(iHcjQ@-~`zz`BD$?y||`S>j10}@R-xDs9EK%mJ}
zC|VKuh5YL3@CjhK9ce_ICjUK~1qD7C63%vndYE|zirI)wetz?fn5>a91)P&DEgt_4
zlkzBhj_wS)9(3W-6zm*)2h{}`Z``yn@4&&q*6$vC-+w2V!2o}{g#7$7bGT#dixIuF
zYLP&M+sxUzZdaaYq%J#P79E0xiWH}eoH?E&tRjb+TlHocY;X<|nVtlxe8x#MGWym;
zNNYaJ+8<hnOh$?MU)#P&p<&g;!p!R~S{qbHxKffVWLxg8_eXo8ms*X^ed&^u=KX#4
zf_+m@tq$PLk7FJBaCF$W0e2ry<Ne)uWo57RX%|oR-0+`>=@jC(?xDhlLT0_BGke-F
zQDtH7N*Nt80dsrrnd#M2ii_UaaRe+(k?ns;5*QJ%xHVlJruVIE!$qH=q2dos6s$!{
zW=&0;YyUiy$;3@TL9RstAD?B*ajXPoLiLl46@i6*3jlCiJ@qE@8!H!><aGxqhq}Sl
zJVhguwX|&4RkT^K7B-tM?(Rl=>4SL#R!tvO``9<l5c~i}?=Ijx2o6RbS+OU<@H2~&
zF+BY96#2h?8D__|0@WTV8mqq7>#Zh0)=0C+YjbuKo#ODDn;niL%f$wlyV+Z9C$uw)
zcMouZf{hwu<HMi1ZMle!xuWAR+-e`i=6!Z^#W87TEQePH`xZubpo@4(>RH3pwDa?V
z>q6OynV!j?gtQf|w0S={35FQvW|P%dw!BpY4J{0&SO)!R9o&}enxxPsKQ#?xS6Ob~
zPss{aR<Fx+TVl7h6~E5W%sBWBJ<&2e?wz6T!o-aC6p8T(;WqTf=Q9H$!e}}^unePy
zl~^oEo|l?Ceu-pxF$YD(Kv||$!&h$F5-PUaYNz09w=f}a_aVFqYA!ugs|;<15Y>s@
zoMr@(RZ&Z#Om+sr&Rau!+2a0Wkm5>*u34~eVLJQv6eS(L4?i?2A3y)mfIWZwLL+7b
z|APDz!O^hloEaDgVpdl#u|o#uxwg@R`cfb_=b=ScZ7$6P7m7zZz0E*eGY_88C^}YS
zG^r7Isky|{4sr-{;|iY4IbqyXkqq@6_5yTNyYOqTE@wk=P5icTWX-|$2~+V*{rXKm
zb>?ie&gj-fx*z8HBYU3?_u4b*KEhbhYvYKwORS0(hEPb~W-aAIbzNBz0sgbVMpjkt
z$Gq9orYcAx?A%u~c9xHLxb3yM+1Mk1{8lAyOJVLADf`E6d^dw~J9Z#@{D`!P%d_N|
z8U)GgY+nE`Tq9mvl1&y-TNR2`Zu)8~issZN<Mn8$ddCOq2C9J9HBFJAhapJbY!SD#
za6D76c3J3YqY}A@K-~sS@5O%A1%%FK4`LKn_+~!`z6)RKhv26$+OG_TU%)lpG6o~~
zMWcuF3M>9NEDqp+OttQTBiHB@jU9^-;D>G=JTm)+$DZq0rONEqwOVP7bg`dcDNojM
znvJikbm^npayO4kIB7k$UysG8qmt0W1<~JK*dSzutw=FEwA7B0mh^r<A2=(;gG@^c
z%bf#+Y=Z%mdTD1ibGX(V!P{kvvRwb!=TzD<kQKGDs55@<n6H9nUNTgsR}E%<RKI(w
zqABrJV0>m{xfZ1h{nvctKZnvrLE(nY%`MiG{BQtQD*4N&2tJWGG5IprWZzt+90N6_
zQ}~(<8$oi@WRgOx;$XFtmD?$@HM@)?xDO4jJZMyln^5%$qa1BUIc)|F%Islw(Qqa-
z0QKURWmmeCi0tM!Z6I<Fx!A>Iv+s$!H1wgNoo$poenkiFz`y+R#CSxeeArtfad3^I
z3YXn_u>d5n#rlveQ*j_qW(#oC(*X`4AK8m|jKu+gseb7tpEw~pJW}VS@oNEwaa@Tx
z@U~-00;>P;B)UJYA*lpTj7j!bGp1B=$+5(kL)pnN-8KdzWy&-@VMdkH-4IxoE{GwY
zt#=OANMl*O$G2YrHgU~%k=@|8;ce$rD;G$Wsrb*%rv_En>6lH$^SWYW(Hof!3E|`F
z{oX%3?9BXNH#X<Q<MH9{gnE$FMvvGr;vc1lLZ9Ae>{)$SPkxakn8PO}xFcu0&*FSs
z$uAo33%HaRUOpZu!K%VHoA~l75R}xKl<Msuw$q4Hs5#(%gXD;~<yfSo1#LeiX+LvH
zgNAmar!XdTNqh>ubV+3@%)zPf3X;i<Qc*dIeE&TVDU1r?UHAfIBQKF_+z`rkWyxU_
zRgkjvE_6s{T1u`fq(KA}bk+|txt!c6zks849S#mpS~xiMj-#zOFhO9sZS6o2lx0&}
zNChy-#Mj4G^1y-#{#wJ_fO8okJ)B^)F1^+copb*!m-DUF{lJly1hVWy9#uh=VSAK%
zIt@4x`t6Ldt{~atUXa;z9FXeiJx54?#o!UeTM76hEC497e}x5MLBOVM^LGqnRrJ;`
zSX3}QFX%f)?y;zY{d>;e`E*S5#-cofM%(v^|D33KBksBr7*mf5uP*cD^S_+1Oh@fm
zzIpLsE)tM9*O&^Za+a*$AgNR;w;1^vs+8rm2L5(Tt=>rs-wPhzFFC9_ZdAeIJPn7^
z;=|gINFFN>6kk9waYzX7GPYQPUcau9T)xFv%waM^Ls62(9=L_h!l*z7G~l<mT*Zs2
zO4;*go1Lu2)!JKHwVI<IOWyH}lL8}6>esX!N7{tMFj8;5?O=TGszc*SJBkRH*b)#~
zI}L(#Y$Drc)q7-ev%#)!%W_R%3j=IkOSL{}ZE$K>vc<l=t6ZPw7v2km0MN)9dcaWa
z99LCb{^Y}t$SeUvHgW|6cW3u;(9f0uj!arob<}$b-SWTK{$Um96x+Wtg0P^1ph*wT
z&h;ywxcvpz^FhO4`pfyPS@o5=tA^jkyg$=FFLQBb*dxq-`J+sA*cS}T$B#zvbt@<M
z*!kh%x#NBEDX<I?6}1-n0_!9=kD|nr=lbGxN+nTMCC&|Rkna=j;6b?(>?kIuZ><vL
z$|+4&E5%#6-0DSSo2m_$be-h}FH&;`2gyjJpG)leP>G7~qnH6#+*GKi;S}bd&~FUT
zW9jY581x(Sr(QPZaX91nT0?-kRl&%CWWTV}y{$J(1X9-5=H?6t;DSk*P3N^IxPBie
z3f!MD(?tXanrpMFLmV)BGRM+uipw9hF?iJ3y0q$so-IgP<3heQu6J#@dQnq?-2(uA
z_38i*5Zbq6Broh8NY)C1uzFg&PPXeWKM?iC&cYPSe+LBASs*NE-J3d1imIA42~J$E
zeCN{amjyjDvexEUmv>jZzcHp&5S@4Wo^&{;HGO31iY!8M>4`u<EaTZ$21Gc*e4IRN
zr6Hoo$H#XWm!~d?qAWobKbKp<+3cg!@pp=N+qlflzGOIg7}?8ZY$hduL_%`*5`=su
zAMes=!X<x10PsqUTq(cGk3tkw0gAIE*!}ys0oN*SYK5E9Br5QQ8Vffvf4C(S)=yE6
zjg5^PGT|}+KZ){cZ>@%v?iDsW&5>UurhDaOIdSc57FB{akHgMa@=;5q)sw^U4Toc+
za&nEOjQK%2z1M#6Z%{bW*z`K10EB+E`8{kZ|85E|F1S03PXmzpq|L9!l3*i^cux>^
zcA9<!0J57CpFlDo=g|K+mIVNd6No=O)*no%7>-&1-UNk}NlJ?8*{oz<<!E<r<6~=7
zXA-z$>g$3EnfLV6A71Ck3nJ6DNw>&ZFH6H`ejHnRMjllnjGh}57^wYXx$4XK+@cZ0
zvSqUiqDJ_yU%!q^lot30Z1wZgE+Yt6SwKX!K)_I}RWQq<1Yw5{BZ_0%-~&FiQ#2pd
zajjHd;KTRTb^A!Py;>o?fKT$nulYnl(oUgp$|rnW0+3e?xKQd9iZ-W^)N$;U#5X?F
z%VLQb4Ye!GCDslXU#Snkte$UAfk>hnv)^&j0J@L6#Ab?fuz$l{F(kOHg@=jAA+M+Q
zO?0TxBzrR)9GFGK+VmZEJ-{S(XML}?8<aRYw!3n{#}}*O@|NjBm9(7FNm$I%;Z$`F
zeZt`tdXL+FW$QSE)bq%`vGl(!iAeX78Sb~kD&$R}{?+vQ@?Q5+_PVom&l|~};`7;p
zLj|Tx%Z|mdP19%9J(+s@@Hl?v6Y2A%>AczB=XWe#awlcNiQu@q8<FK)#;Rlnl`#>_
zyop*xApx#Q2vTg^D0hbh1#Jn^uB-VnFEH?{pg>`bR;qG0><<jyqZNj_{g0o3q+bhR
zw_iYje+MWPo)aqb`~(6&zX(5ob)JRf`S^tO_JuIdix~UnQ7)KvBg}w{g!dT1b<=%G
zK3}KvePTeL;{u&7VPX+iqPJ)F)wY$===T=stX6%Yl1wQ!*U&O(1g%7^BW<!ym`N|T
zRFm--@aBY&oO2h+Pe?3@nO)rqOyWV*A<WwfBvr~sCc2*Arp1F6?k|F!ZN@&INFR54
zsL~EKCU3{%^;aCpj1P{k(D!<_4^$hws6wqJTs)3nSgg*j#u<yY{dL+>zajkpMwZ*A
zP9vzYjUqQ`sx0oDnNjhzgSTB-@AT-eHRcF38^6j>x>CQaV9vhp`PDXocy_P(g8#j8
z*@{I=S55e%hY2{(tRl2UgnaD;L{X`=Z7?yko0wmjgxUt_m)i`|-BRKDo$9^9L)d<`
z=+L1ZJK^Ij=c*u65OjzoVy_MAR(FF!7NcLeD)4G|P$0k%^)qCv{Qa+9HH6;mhfhum
z2)KK9M0|fR{HiHkAc*jL`lC^d4<4N0nd-)9Ax(qdflw)p4F{1nnxj<Vt1vfOsJjbp
z77!J&&+IM$9bZSK+3g4ePyggzETAY8uu*Duc|G<ij8GyrR!X+I`1m+`wiGz+R7qe<
z%xJF)<Z|eO_bLTW=XQ%e_Tl&aJ1w>2*M(*$OS>umGC4x8AN9i(uI@LxT1p%7k3CAz
zZ2xz9$UtcS$DIb7+)+0_AuUE061d<vizQ1>b)NGLjUBYj?fq)4VQ|7=mRjpulmEe*
zS)v;WmW+sXg7Hfenbg@Jk3b!Xlps0@1z4B}tx>EMmnTT1+BMowH<`e%wrcIQMj6F8
zc!voV9uyWd8AOMKWk;h~2U)Dfqo-IR5!MpTIMaRdD4lVMQQ5-mXDn#}8B|&ZD_ekD
zUYJ=Pl!!i{)4P@i20b!K=<riEa%a|vz~_%1VDs$jJPru*Cb!yJCHiI2dKOvDy-h<T
z6_#pm&h5Nafo1C0r8W=fi(1qu83z{QI%<$xTklR#YG4<UG2ekqMpTw!^)tX!gh!3O
za?+!)<69xi7=k3@Fh;yGtwMKD?kf-Bk*}vMdU(!n`iLf5a)_O_A8o+HOAU_X!-aaa
RnWV*E-bE@bR5tKG{|l0mV6p%J

diff --git a/public/vendor/lightbox/images/next.png b/public/vendor/lightbox/images/next.png
deleted file mode 100644
index 08365ac84d29be71b6b8f4481cdbbcae54a36033..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1350
zcmV-M1-bf(P)<h;3K|Lk000e1NJLTq001%o001or1^@s6?7ukw000FINkl<Zcmd6s
zOH5o<7{|RccZMr4&|(p1a2_pT&|0Teu^ONQ&VW*CYNIW*S{HU<h-s{vxa1W;7rcp)
z1QV9v#)wEk7n+zx!XsgW3PTf3Fzz5gcq3)}Px6s`x$z#-q&cT2`2{kZS^V;S|L>f8
zdBn6d!UpU>C+xsRJkS-7#~%ph#U&iTNk2*E;TO?Z1q_f1j)KRCBftd=+M_*;A{yZU
z$shxGK`uB+1nIM5AcgkYxR7!Y)=H0(L;#%Dbv<er#v9-get#98<&)48R54vFqfR6h
zJPA&RLZR!ElaqILcX#);x3~WtA0MC0&d$Dpznufm05@>4%BUA%!9D_VoK9zCVPRo5
zZdy}QQ-An;zMI%n44!2&PLfeBqLWAl$U`f=zO}Wr8~>k$D$V=-{tvP56%Ya*kj7<H
zS45{N6@*B|=H}*l++s~nPyZPR1U|vuQYOROOj9l5qM#R4S68>JtgNhB$;{2o{p0m|
zKgHfMCL<UCa>JesvcM@2Ei5ej95R-bnVp^e+vD+k%qk-o0P@d~bl?RqfbwWG+P1W`
zv|%MPHa0ek0q_xJ<`i(V%4n)YY#@oImk+!M%FD{i+Lo7>x2$9^0PZ3)x3IT_rkRJ!
zsJd&}O)_UeMQLei=ic7lzLg9{^IfV;lw<@0K#qt;GEQnUKgnDuE-vm^U0q$XlEI-l
zmz9-ui_4e?fIJZ<!zvS?HmfKoC}=^Otqa;L=61W8jA;PK6rsg4bChJxg7X*v?V<sI
z%EYM6N(2Kyj)+BO{8X9OFaX+7nN2I1iHV7M3;?<T2nK*G5n48u86U_8=fmM}>)P7d
zhM>*nQ5oK5+2#QtTZ9h)KAJ0VXtrVitP3g=V*?<>+Kgo6if|d;X8AM#66eguAp_th
z_J+YzAd{Yb>_C$(!e#gXco|%ZL?T}<E-s2P^BXer9<`W{T1;0Z!Uups&+>Vo4BWsp
z`#KhjS)Ma9Gc&&<SMS>G_T!W{C$Om$v9Y}5(3pK6d^RvJ@K;>0`uqDk9S%o;zN=J3
z13LBi<8)4xgAeNJ>VDnX*|ECD?DzEae3O)v6wx&8pdt>X86k;dAQu#YYqhntKZ+{R
z+1WXSeHXzQcBZHZJ5_?RK@x@Fa!pOm_acd|uC7t+yGqhIAOj>x7hw{-66e5`hK7dQ
zB8j%Pwh?6FKq8O6Por1jIl?58nM4>=HZ?Vk2pslXTU&42Y_>}5Euiml2~Fk|g-c|z
zOk8ekY#bFybaZt5fPGa=A`>KY30WfMU<VH}QD0v#Y$r%0GI5QhNy1zS2_hB}Mc^$2
zd+4xWlSCK<StWF-&m%n8Od<@fw6wJRB$7yELf7>wk`7vBLWYPr6G2c6s@mJze?CNF
zR2*!XZ&7$9?myU9#le;<;-p*c3Gfnl6Tu!n<eW%k;%#xT<-ci60UmG$H`I%`c6=+6
z=<DmdqiNc8YQH=tLBUq{?l&Fepw~-qiyaY3^!E1tVi?9dbi(I}Gokq33W5`Rl%`W5
z2nsSGzamT|2$2gGBKx?-j$luvSwj4JR84E0Kt76whldk4+IvjmUUzr*cZu`l{w36e
z-3?B<T&_rSbMqHNLqk)8gM(A}{VNDo&@+0j;KWug!XIC=!P6iFo&(R*&r`q;G6ca^
zDq?=AkVcQOUT~c7(r4+w5KE{Rv9aJAAQhw$DZmi?n?Sk9e}Z2lG@JNbrT_o{07*qo
IM6N<$g3XU*=l}o!

diff --git a/public/vendor/lightbox/images/prev.png b/public/vendor/lightbox/images/prev.png
deleted file mode 100644
index 329fa98602d277fa342e88dd2e00f963e33cf54d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1360
zcmV-W1+V&vP)<h;3K|Lk000e1NJLTq001%o001or1^@s6?7ukw000FSNkl<Zcmd6s
zTTEP46ox%BXNFVCa4Qr6=Yobo6~-H_4Gc3d16rx6jamv?AMAr6rfJp0M{WW1fjcph
zV8SE#Vnhm{51N=p0+8^6I!sM8!T1IN!W}8&Kgrt7WQViI7(JVve1RNRntrVHuXBd;
zP$UxhPxv2>i7*3|Fw-@KcyLa-2$Qe?D}5!IlP{tG6==W)Qo$J_4J6UeScjC8CZYfn
zuz=Gb1K5EZJW1r!wRDh3wMrD(BD{nOlEA|xP^_xzi<+ig0k7iwAg(<PTqJXfjoL{O
zVV$snZ15B)%gxQbF*7qWx3{<V*TKQT;oRKZU603eon#&%X{jQ-gf&K@2>2Zi$Ibcq
z`ClU3SzcZaS*_LpY90frYyrp?VG_w82Y5h*)9Jj0-~PSGF=uyo_W)z|3hD|#I*F*V
zL=<kEm_((^<@#`8Vd1xk&e_@7*@8$lWhf1(vO2;Cn@LpJ?e>qBmX`k1lUQG0->9#z
z??7z{1>Po6gbOxxA}1&3gHR~+hd^Shw6ydS)CNHz$O4J7!mhARkVGM<K(ODRo}Lcr
zNvy7}ZU=+GF4SHG&jUM1k#!$YxN#~1<;cWs1p8M#iM6%0-Kwf8CUFipXj>%!laV5P
zu$e?K+6k;!U5UfP!=uW|%3jn~gY%q(*??y)L9j_8D=X_ZZgxw05*r&En|{B)2ep?-
z!b#&~B?-kq5iZyyk)53#9jCBhoVH3zN;;?$=YWgr1W6bmq7&@$=s2Mh;W)wWM(xYs
zJV~T+nZPkXL?_r42==Yn+1Y!7PV6AqQHhtR6VBr@VT1@D?A(}ON5@H5VsmqI+voFj
zQYVTj*enw!fMc8plVIcIVZlZx!h&E&Z+4w56Kp$i!8S}p0cLOtWP-<m55c|}C)nEv
zb{9z$1E(O^hKZ;&QVvjrOuU0m{G=zbva+%h2n0Su?G<o=1)G;JT7*54r<l#=Jk0ys
zi;Igt>q&&e;Z1C(FHnC2RDl9;254NcrHQ0kEEd=B@NjQLa7IQ(en;)c;9XG8J}8O9
zZQN*CK#HO$c?k&#fq{X6FY&XZ<3#rN_m7&Intnw6d*C7{1ZOE@Do|vKm}Bl8&w$Il
zy}e_i&NMbQev7&~;05_0gJdWp@<b9qI*p1K)b{oDO^IY08XE4P?hQ~%GL#jrGX~#B
z*b2^|0DF;{+ODpyNs&xTOUndmuYxkJGbCf62pxr!$p<ASlc}b&vvcCu%+P6TYnw!E
z4e-UtBr+L8ML3y6kjZ4gwVs}yZ$vV!t*uiuW-K$AoQ$C&d}o-97t}#Un3?A0=82fh
zxWx;=xX&YMOlRCQHg*4C0gR#Ub&}VSF+fC+88`5%s(OtwqkB3!I=-U?;NxUeS+5mD
z3qaVJ?(XjIquBy}lHoFAtcYj<)c%VFz;y-~C?Z+_Z{j`^Zvl*>?ltfNcod`os|*o-
z0Wg^Y;8zso`q0qO-8hdkU*XC6GCls}fYVZ6EAW{inKDh&-WnVn{2|U$^CYsxo|aSO
z{Ownq88;}UZ8k-jIoYojI2o0f0X2APo+O#$L@rS+iOB3oe3`5L{rz9#-@Xsnxj#NW
zeg`@6QsCu}R-7k*d~gB(;p+DG_RmL0N9V`J#^&+;r#71{KyP@n<%d1~0!Rl=Pzas{
z&(T*8cmm{dAB*LR2xK%Go3p?U@(4R!OXmMbAzwuN8bYJ-NhXr$n&rVr(fJ!hydyMn
S-YhKu0000<MNUMnLSTX^M0dpi

diff --git a/public/vendor/lightbox/lightbox-plus-jquery.js b/public/vendor/lightbox/lightbox-plus-jquery.js
deleted file mode 100644
index 3f0f6af2..00000000
--- a/public/vendor/lightbox/lightbox-plus-jquery.js
+++ /dev/null
@@ -1,11926 +0,0 @@
-/*!
- * jQuery JavaScript Library v3.6.3
- * https://jquery.com/
- *
- * Includes Sizzle.js
- * https://sizzlejs.com/
- *
- * Copyright OpenJS Foundation and other contributors
- * Released under the MIT license
- * https://jquery.org/license
- *
- * Date: 2022-12-20T21:28Z
- */
-(function (global, factory) {
-  "use strict";
-
-  if (typeof module === "object" && typeof module.exports === "object") {
-    // For CommonJS and CommonJS-like environments where a proper `window`
-    // is present, execute the factory and get jQuery.
-    // For environments that do not have a `window` with a `document`
-    // (such as Node.js), expose a factory as module.exports.
-    // This accentuates the need for the creation of a real `window`.
-    // e.g. var jQuery = require("jquery")(window);
-    // See ticket trac-14549 for more info.
-    module.exports = global.document
-      ? factory(global, true)
-      : function (w) {
-          if (!w.document) {
-            throw new Error("jQuery requires a window with a document");
-          }
-          return factory(w);
-        };
-  } else {
-    factory(global);
-  }
-
-  // Pass this if window is not defined yet
-})(typeof window !== "undefined" ? window : this, function (window, noGlobal) {
-  // Edge <= 12 - 13+, Firefox <=18 - 45+, IE 10 - 11, Safari 5.1 - 9+, iOS 6 - 9.1
-  // throw exceptions when non-strict code (e.g., ASP.NET 4.5) accesses strict mode
-  // arguments.callee.caller (trac-13335). But as of jQuery 3.0 (2016), strict mode should be common
-  // enough that all such attempts are guarded in a try block.
-  "use strict";
-
-  var arr = [];
-
-  var getProto = Object.getPrototypeOf;
-
-  var slice = arr.slice;
-
-  var flat = arr.flat
-    ? function (array) {
-        return arr.flat.call(array);
-      }
-    : function (array) {
-        return arr.concat.apply([], array);
-      };
-
-  var push = arr.push;
-
-  var indexOf = arr.indexOf;
-
-  var class2type = {};
-
-  var toString = class2type.toString;
-
-  var hasOwn = class2type.hasOwnProperty;
-
-  var fnToString = hasOwn.toString;
-
-  var ObjectFunctionString = fnToString.call(Object);
-
-  var support = {};
-
-  var isFunction = function isFunction(obj) {
-    // Support: Chrome <=57, Firefox <=52
-    // In some browsers, typeof returns "function" for HTML <object> elements
-    // (i.e., `typeof document.createElement( "object" ) === "function"`).
-    // We don't want to classify *any* DOM node as a function.
-    // Support: QtWeb <=3.8.5, WebKit <=534.34, wkhtmltopdf tool <=0.12.5
-    // Plus for old WebKit, typeof returns "function" for HTML collections
-    // (e.g., `typeof document.getElementsByTagName("div") === "function"`). (gh-4756)
-    return (
-      typeof obj === "function" &&
-      typeof obj.nodeType !== "number" &&
-      typeof obj.item !== "function"
-    );
-  };
-
-  var isWindow = function isWindow(obj) {
-    return obj != null && obj === obj.window;
-  };
-
-  var document = window.document;
-
-  var preservedScriptAttributes = {
-    type: true,
-    src: true,
-    nonce: true,
-    noModule: true,
-  };
-
-  function DOMEval(code, node, doc) {
-    doc = doc || document;
-
-    var i,
-      val,
-      script = doc.createElement("script");
-
-    script.text = code;
-    if (node) {
-      for (i in preservedScriptAttributes) {
-        // Support: Firefox 64+, Edge 18+
-        // Some browsers don't support the "nonce" property on scripts.
-        // On the other hand, just using `getAttribute` is not enough as
-        // the `nonce` attribute is reset to an empty string whenever it
-        // becomes browsing-context connected.
-        // See https://github.com/whatwg/html/issues/2369
-        // See https://html.spec.whatwg.org/#nonce-attributes
-        // The `node.getAttribute` check was added for the sake of
-        // `jQuery.globalEval` so that it can fake a nonce-containing node
-        // via an object.
-        val = node[i] || (node.getAttribute && node.getAttribute(i));
-        if (val) {
-          script.setAttribute(i, val);
-        }
-      }
-    }
-    doc.head.appendChild(script).parentNode.removeChild(script);
-  }
-
-  function toType(obj) {
-    if (obj == null) {
-      return obj + "";
-    }
-
-    // Support: Android <=2.3 only (functionish RegExp)
-    return typeof obj === "object" || typeof obj === "function"
-      ? class2type[toString.call(obj)] || "object"
-      : typeof obj;
-  }
-  /* global Symbol */
-  // Defining this global in .eslintrc.json would create a danger of using the global
-  // unguarded in another place, it seems safer to define global only for this module
-
-  var version = "3.6.3",
-    // Define a local copy of jQuery
-    jQuery = function (selector, context) {
-      // The jQuery object is actually just the init constructor 'enhanced'
-      // Need init if jQuery is called (just allow error to be thrown if not included)
-      return new jQuery.fn.init(selector, context);
-    };
-
-  jQuery.fn = jQuery.prototype = {
-    // The current version of jQuery being used
-    jquery: version,
-
-    constructor: jQuery,
-
-    // The default length of a jQuery object is 0
-    length: 0,
-
-    toArray: function () {
-      return slice.call(this);
-    },
-
-    // Get the Nth element in the matched element set OR
-    // Get the whole matched element set as a clean array
-    get: function (num) {
-      // Return all the elements in a clean array
-      if (num == null) {
-        return slice.call(this);
-      }
-
-      // Return just the one element from the set
-      return num < 0 ? this[num + this.length] : this[num];
-    },
-
-    // Take an array of elements and push it onto the stack
-    // (returning the new matched element set)
-    pushStack: function (elems) {
-      // Build a new jQuery matched element set
-      var ret = jQuery.merge(this.constructor(), elems);
-
-      // Add the old object onto the stack (as a reference)
-      ret.prevObject = this;
-
-      // Return the newly-formed element set
-      return ret;
-    },
-
-    // Execute a callback for every element in the matched set.
-    each: function (callback) {
-      return jQuery.each(this, callback);
-    },
-
-    map: function (callback) {
-      return this.pushStack(
-        jQuery.map(this, function (elem, i) {
-          return callback.call(elem, i, elem);
-        }),
-      );
-    },
-
-    slice: function () {
-      return this.pushStack(slice.apply(this, arguments));
-    },
-
-    first: function () {
-      return this.eq(0);
-    },
-
-    last: function () {
-      return this.eq(-1);
-    },
-
-    even: function () {
-      return this.pushStack(
-        jQuery.grep(this, function (_elem, i) {
-          return (i + 1) % 2;
-        }),
-      );
-    },
-
-    odd: function () {
-      return this.pushStack(
-        jQuery.grep(this, function (_elem, i) {
-          return i % 2;
-        }),
-      );
-    },
-
-    eq: function (i) {
-      var len = this.length,
-        j = +i + (i < 0 ? len : 0);
-      return this.pushStack(j >= 0 && j < len ? [this[j]] : []);
-    },
-
-    end: function () {
-      return this.prevObject || this.constructor();
-    },
-
-    // For internal use only.
-    // Behaves like an Array's method, not like a jQuery method.
-    push: push,
-    sort: arr.sort,
-    splice: arr.splice,
-  };
-
-  jQuery.extend = jQuery.fn.extend = function () {
-    var options,
-      name,
-      src,
-      copy,
-      copyIsArray,
-      clone,
-      target = arguments[0] || {},
-      i = 1,
-      length = arguments.length,
-      deep = false;
-
-    // Handle a deep copy situation
-    if (typeof target === "boolean") {
-      deep = target;
-
-      // Skip the boolean and the target
-      target = arguments[i] || {};
-      i++;
-    }
-
-    // Handle case when target is a string or something (possible in deep copy)
-    if (typeof target !== "object" && !isFunction(target)) {
-      target = {};
-    }
-
-    // Extend jQuery itself if only one argument is passed
-    if (i === length) {
-      target = this;
-      i--;
-    }
-
-    for (; i < length; i++) {
-      // Only deal with non-null/undefined values
-      if ((options = arguments[i]) != null) {
-        // Extend the base object
-        for (name in options) {
-          copy = options[name];
-
-          // Prevent Object.prototype pollution
-          // Prevent never-ending loop
-          if (name === "__proto__" || target === copy) {
-            continue;
-          }
-
-          // Recurse if we're merging plain objects or arrays
-          if (
-            deep &&
-            copy &&
-            (jQuery.isPlainObject(copy) || (copyIsArray = Array.isArray(copy)))
-          ) {
-            src = target[name];
-
-            // Ensure proper type for the source value
-            if (copyIsArray && !Array.isArray(src)) {
-              clone = [];
-            } else if (!copyIsArray && !jQuery.isPlainObject(src)) {
-              clone = {};
-            } else {
-              clone = src;
-            }
-            copyIsArray = false;
-
-            // Never move original objects, clone them
-            target[name] = jQuery.extend(deep, clone, copy);
-
-            // Don't bring in undefined values
-          } else if (copy !== undefined) {
-            target[name] = copy;
-          }
-        }
-      }
-    }
-
-    // Return the modified object
-    return target;
-  };
-
-  jQuery.extend({
-    // Unique for each copy of jQuery on the page
-    expando: "jQuery" + (version + Math.random()).replace(/\D/g, ""),
-
-    // Assume jQuery is ready without the ready module
-    isReady: true,
-
-    error: function (msg) {
-      throw new Error(msg);
-    },
-
-    noop: function () {},
-
-    isPlainObject: function (obj) {
-      var proto, Ctor;
-
-      // Detect obvious negatives
-      // Use toString instead of jQuery.type to catch host objects
-      if (!obj || toString.call(obj) !== "[object Object]") {
-        return false;
-      }
-
-      proto = getProto(obj);
-
-      // Objects with no prototype (e.g., `Object.create( null )`) are plain
-      if (!proto) {
-        return true;
-      }
-
-      // Objects with prototype are plain iff they were constructed by a global Object function
-      Ctor = hasOwn.call(proto, "constructor") && proto.constructor;
-      return (
-        typeof Ctor === "function" &&
-        fnToString.call(Ctor) === ObjectFunctionString
-      );
-    },
-
-    isEmptyObject: function (obj) {
-      var name;
-
-      for (name in obj) {
-        return false;
-      }
-      return true;
-    },
-
-    // Evaluates a script in a provided context; falls back to the global one
-    // if not specified.
-    globalEval: function (code, options, doc) {
-      DOMEval(code, { nonce: options && options.nonce }, doc);
-    },
-
-    each: function (obj, callback) {
-      var length,
-        i = 0;
-
-      if (isArrayLike(obj)) {
-        length = obj.length;
-        for (; i < length; i++) {
-          if (callback.call(obj[i], i, obj[i]) === false) {
-            break;
-          }
-        }
-      } else {
-        for (i in obj) {
-          if (callback.call(obj[i], i, obj[i]) === false) {
-            break;
-          }
-        }
-      }
-
-      return obj;
-    },
-
-    // results is for internal usage only
-    makeArray: function (arr, results) {
-      var ret = results || [];
-
-      if (arr != null) {
-        if (isArrayLike(Object(arr))) {
-          jQuery.merge(ret, typeof arr === "string" ? [arr] : arr);
-        } else {
-          push.call(ret, arr);
-        }
-      }
-
-      return ret;
-    },
-
-    inArray: function (elem, arr, i) {
-      return arr == null ? -1 : indexOf.call(arr, elem, i);
-    },
-
-    // Support: Android <=4.0 only, PhantomJS 1 only
-    // push.apply(_, arraylike) throws on ancient WebKit
-    merge: function (first, second) {
-      var len = +second.length,
-        j = 0,
-        i = first.length;
-
-      for (; j < len; j++) {
-        first[i++] = second[j];
-      }
-
-      first.length = i;
-
-      return first;
-    },
-
-    grep: function (elems, callback, invert) {
-      var callbackInverse,
-        matches = [],
-        i = 0,
-        length = elems.length,
-        callbackExpect = !invert;
-
-      // Go through the array, only saving the items
-      // that pass the validator function
-      for (; i < length; i++) {
-        callbackInverse = !callback(elems[i], i);
-        if (callbackInverse !== callbackExpect) {
-          matches.push(elems[i]);
-        }
-      }
-
-      return matches;
-    },
-
-    // arg is for internal usage only
-    map: function (elems, callback, arg) {
-      var length,
-        value,
-        i = 0,
-        ret = [];
-
-      // Go through the array, translating each of the items to their new values
-      if (isArrayLike(elems)) {
-        length = elems.length;
-        for (; i < length; i++) {
-          value = callback(elems[i], i, arg);
-
-          if (value != null) {
-            ret.push(value);
-          }
-        }
-
-        // Go through every key on the object,
-      } else {
-        for (i in elems) {
-          value = callback(elems[i], i, arg);
-
-          if (value != null) {
-            ret.push(value);
-          }
-        }
-      }
-
-      // Flatten any nested arrays
-      return flat(ret);
-    },
-
-    // A global GUID counter for objects
-    guid: 1,
-
-    // jQuery.support is not used in Core but other projects attach their
-    // properties to it so it needs to exist.
-    support: support,
-  });
-
-  if (typeof Symbol === "function") {
-    jQuery.fn[Symbol.iterator] = arr[Symbol.iterator];
-  }
-
-  // Populate the class2type map
-  jQuery.each(
-    "Boolean Number String Function Array Date RegExp Object Error Symbol".split(
-      " ",
-    ),
-    function (_i, name) {
-      class2type["[object " + name + "]"] = name.toLowerCase();
-    },
-  );
-
-  function isArrayLike(obj) {
-    // Support: real iOS 8.2 only (not reproducible in simulator)
-    // `in` check used to prevent JIT error (gh-2145)
-    // hasOwn isn't used here due to false negatives
-    // regarding Nodelist length in IE
-    var length = !!obj && "length" in obj && obj.length,
-      type = toType(obj);
-
-    if (isFunction(obj) || isWindow(obj)) {
-      return false;
-    }
-
-    return (
-      type === "array" ||
-      length === 0 ||
-      (typeof length === "number" && length > 0 && length - 1 in obj)
-    );
-  }
-  var Sizzle =
-    /*!
-     * Sizzle CSS Selector Engine v2.3.9
-     * https://sizzlejs.com/
-     *
-     * Copyright JS Foundation and other contributors
-     * Released under the MIT license
-     * https://js.foundation/
-     *
-     * Date: 2022-12-19
-     */
-    (function (window) {
-      var i,
-        support,
-        Expr,
-        getText,
-        isXML,
-        tokenize,
-        compile,
-        select,
-        outermostContext,
-        sortInput,
-        hasDuplicate,
-        // Local document vars
-        setDocument,
-        document,
-        docElem,
-        documentIsHTML,
-        rbuggyQSA,
-        rbuggyMatches,
-        matches,
-        contains,
-        // Instance-specific data
-        expando = "sizzle" + 1 * new Date(),
-        preferredDoc = window.document,
-        dirruns = 0,
-        done = 0,
-        classCache = createCache(),
-        tokenCache = createCache(),
-        compilerCache = createCache(),
-        nonnativeSelectorCache = createCache(),
-        sortOrder = function (a, b) {
-          if (a === b) {
-            hasDuplicate = true;
-          }
-          return 0;
-        },
-        // Instance methods
-        hasOwn = {}.hasOwnProperty,
-        arr = [],
-        pop = arr.pop,
-        pushNative = arr.push,
-        push = arr.push,
-        slice = arr.slice,
-        // Use a stripped-down indexOf as it's faster than native
-        // https://jsperf.com/thor-indexof-vs-for/5
-        indexOf = function (list, elem) {
-          var i = 0,
-            len = list.length;
-          for (; i < len; i++) {
-            if (list[i] === elem) {
-              return i;
-            }
-          }
-          return -1;
-        },
-        booleans =
-          "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|" +
-          "ismap|loop|multiple|open|readonly|required|scoped",
-        // Regular expressions
-
-        // http://www.w3.org/TR/css3-selectors/#whitespace
-        whitespace = "[\\x20\\t\\r\\n\\f]",
-        // https://www.w3.org/TR/css-syntax-3/#ident-token-diagram
-        identifier =
-          "(?:\\\\[\\da-fA-F]{1,6}" +
-          whitespace +
-          "?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",
-        // Attribute selectors: http://www.w3.org/TR/selectors/#attribute-selectors
-        attributes =
-          "\\[" +
-          whitespace +
-          "*(" +
-          identifier +
-          ")(?:" +
-          whitespace +
-          // Operator (capture 2)
-          "*([*^$|!~]?=)" +
-          whitespace +
-          // "Attribute values must be CSS identifiers [capture 5]
-          // or strings [capture 3 or capture 4]"
-          "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" +
-          identifier +
-          "))|)" +
-          whitespace +
-          "*\\]",
-        pseudos =
-          ":(" +
-          identifier +
-          ")(?:\\((" +
-          // To reduce the number of selectors needing tokenize in the preFilter, prefer arguments:
-          // 1. quoted (capture 3; capture 4 or capture 5)
-          "('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|" +
-          // 2. simple (capture 6)
-          "((?:\\\\.|[^\\\\()[\\]]|" +
-          attributes +
-          ")*)|" +
-          // 3. anything else (capture 2)
-          ".*" +
-          ")\\)|)",
-        // Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter
-        rwhitespace = new RegExp(whitespace + "+", "g"),
-        rtrim = new RegExp(
-          "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$",
-          "g",
-        ),
-        rcomma = new RegExp("^" + whitespace + "*," + whitespace + "*"),
-        rcombinators = new RegExp(
-          "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*",
-        ),
-        rdescend = new RegExp(whitespace + "|>"),
-        rpseudo = new RegExp(pseudos),
-        ridentifier = new RegExp("^" + identifier + "$"),
-        matchExpr = {
-          ID: new RegExp("^#(" + identifier + ")"),
-          CLASS: new RegExp("^\\.(" + identifier + ")"),
-          TAG: new RegExp("^(" + identifier + "|[*])"),
-          ATTR: new RegExp("^" + attributes),
-          PSEUDO: new RegExp("^" + pseudos),
-          CHILD: new RegExp(
-            "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" +
-              whitespace +
-              "*(even|odd|(([+-]|)(\\d*)n|)" +
-              whitespace +
-              "*(?:([+-]|)" +
-              whitespace +
-              "*(\\d+)|))" +
-              whitespace +
-              "*\\)|)",
-            "i",
-          ),
-          bool: new RegExp("^(?:" + booleans + ")$", "i"),
-
-          // For use in libraries implementing .is()
-          // We use this for POS matching in `select`
-          needsContext: new RegExp(
-            "^" +
-              whitespace +
-              "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" +
-              whitespace +
-              "*((?:-\\d)?\\d*)" +
-              whitespace +
-              "*\\)|)(?=[^-]|$)",
-            "i",
-          ),
-        },
-        rhtml = /HTML$/i,
-        rinputs = /^(?:input|select|textarea|button)$/i,
-        rheader = /^h\d$/i,
-        rnative = /^[^{]+\{\s*\[native \w/,
-        // Easily-parseable/retrievable ID or TAG or CLASS selectors
-        rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
-        rsibling = /[+~]/,
-        // CSS escapes
-        // http://www.w3.org/TR/CSS21/syndata.html#escaped-characters
-        runescape = new RegExp(
-          "\\\\[\\da-fA-F]{1,6}" + whitespace + "?|\\\\([^\\r\\n\\f])",
-          "g",
-        ),
-        funescape = function (escape, nonHex) {
-          var high = "0x" + escape.slice(1) - 0x10000;
-
-          return nonHex
-            ? // Strip the backslash prefix from a non-hex escape sequence
-              nonHex
-            : // Replace a hexadecimal escape sequence with the encoded Unicode code point
-              // Support: IE <=11+
-              // For values outside the Basic Multilingual Plane (BMP), manually construct a
-              // surrogate pair
-              high < 0
-              ? String.fromCharCode(high + 0x10000)
-              : String.fromCharCode(
-                  (high >> 10) | 0xd800,
-                  (high & 0x3ff) | 0xdc00,
-                );
-        },
-        // CSS string/identifier serialization
-        // https://drafts.csswg.org/cssom/#common-serializing-idioms
-        rcssescape = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,
-        fcssescape = function (ch, asCodePoint) {
-          if (asCodePoint) {
-            // U+0000 NULL becomes U+FFFD REPLACEMENT CHARACTER
-            if (ch === "\0") {
-              return "\uFFFD";
-            }
-
-            // Control characters and (dependent upon position) numbers get escaped as code points
-            return (
-              ch.slice(0, -1) +
-              "\\" +
-              ch.charCodeAt(ch.length - 1).toString(16) +
-              " "
-            );
-          }
-
-          // Other potentially-special ASCII characters get backslash-escaped
-          return "\\" + ch;
-        },
-        // Used for iframes
-        // See setDocument()
-        // Removing the function wrapper causes a "Permission Denied"
-        // error in IE
-        unloadHandler = function () {
-          setDocument();
-        },
-        inDisabledFieldset = addCombinator(
-          function (elem) {
-            return (
-              elem.disabled === true &&
-              elem.nodeName.toLowerCase() === "fieldset"
-            );
-          },
-          { dir: "parentNode", next: "legend" },
-        );
-
-      // Optimize for push.apply( _, NodeList )
-      try {
-        push.apply(
-          (arr = slice.call(preferredDoc.childNodes)),
-          preferredDoc.childNodes,
-        );
-
-        // Support: Android<4.0
-        // Detect silently failing push.apply
-        // eslint-disable-next-line no-unused-expressions
-        arr[preferredDoc.childNodes.length].nodeType;
-      } catch (e) {
-        push = {
-          apply: arr.length
-            ? // Leverage slice if possible
-              function (target, els) {
-                pushNative.apply(target, slice.call(els));
-              }
-            : // Support: IE<9
-              // Otherwise append directly
-              function (target, els) {
-                var j = target.length,
-                  i = 0;
-
-                // Can't trust NodeList.length
-                while ((target[j++] = els[i++])) {}
-                target.length = j - 1;
-              },
-        };
-      }
-
-      function Sizzle(selector, context, results, seed) {
-        var m,
-          i,
-          elem,
-          nid,
-          match,
-          groups,
-          newSelector,
-          newContext = context && context.ownerDocument,
-          // nodeType defaults to 9, since context defaults to document
-          nodeType = context ? context.nodeType : 9;
-
-        results = results || [];
-
-        // Return early from calls with invalid selector or context
-        if (
-          typeof selector !== "string" ||
-          !selector ||
-          (nodeType !== 1 && nodeType !== 9 && nodeType !== 11)
-        ) {
-          return results;
-        }
-
-        // Try to shortcut find operations (as opposed to filters) in HTML documents
-        if (!seed) {
-          setDocument(context);
-          context = context || document;
-
-          if (documentIsHTML) {
-            // If the selector is sufficiently simple, try using a "get*By*" DOM method
-            // (excepting DocumentFragment context, where the methods don't exist)
-            if (nodeType !== 11 && (match = rquickExpr.exec(selector))) {
-              // ID selector
-              if ((m = match[1])) {
-                // Document context
-                if (nodeType === 9) {
-                  if ((elem = context.getElementById(m))) {
-                    // Support: IE, Opera, Webkit
-                    // TODO: identify versions
-                    // getElementById can match elements by name instead of ID
-                    if (elem.id === m) {
-                      results.push(elem);
-                      return results;
-                    }
-                  } else {
-                    return results;
-                  }
-
-                  // Element context
-                } else {
-                  // Support: IE, Opera, Webkit
-                  // TODO: identify versions
-                  // getElementById can match elements by name instead of ID
-                  if (
-                    newContext &&
-                    (elem = newContext.getElementById(m)) &&
-                    contains(context, elem) &&
-                    elem.id === m
-                  ) {
-                    results.push(elem);
-                    return results;
-                  }
-                }
-
-                // Type selector
-              } else if (match[2]) {
-                push.apply(results, context.getElementsByTagName(selector));
-                return results;
-
-                // Class selector
-              } else if (
-                (m = match[3]) &&
-                support.getElementsByClassName &&
-                context.getElementsByClassName
-              ) {
-                push.apply(results, context.getElementsByClassName(m));
-                return results;
-              }
-            }
-
-            // Take advantage of querySelectorAll
-            if (
-              support.qsa &&
-              !nonnativeSelectorCache[selector + " "] &&
-              (!rbuggyQSA || !rbuggyQSA.test(selector)) &&
-              // Support: IE 8 only
-              // Exclude object elements
-              (nodeType !== 1 || context.nodeName.toLowerCase() !== "object")
-            ) {
-              newSelector = selector;
-              newContext = context;
-
-              // qSA considers elements outside a scoping root when evaluating child or
-              // descendant combinators, which is not what we want.
-              // In such cases, we work around the behavior by prefixing every selector in the
-              // list with an ID selector referencing the scope context.
-              // The technique has to be used as well when a leading combinator is used
-              // as such selectors are not recognized by querySelectorAll.
-              // Thanks to Andrew Dupont for this technique.
-              if (
-                nodeType === 1 &&
-                (rdescend.test(selector) || rcombinators.test(selector))
-              ) {
-                // Expand context for sibling selectors
-                newContext =
-                  (rsibling.test(selector) &&
-                    testContext(context.parentNode)) ||
-                  context;
-
-                // We can use :scope instead of the ID hack if the browser
-                // supports it & if we're not changing the context.
-                if (newContext !== context || !support.scope) {
-                  // Capture the context ID, setting it first if necessary
-                  if ((nid = context.getAttribute("id"))) {
-                    nid = nid.replace(rcssescape, fcssescape);
-                  } else {
-                    context.setAttribute("id", (nid = expando));
-                  }
-                }
-
-                // Prefix every selector in the list
-                groups = tokenize(selector);
-                i = groups.length;
-                while (i--) {
-                  groups[i] =
-                    (nid ? "#" + nid : ":scope") + " " + toSelector(groups[i]);
-                }
-                newSelector = groups.join(",");
-              }
-
-              try {
-                // `qSA` may not throw for unrecognized parts using forgiving parsing:
-                // https://drafts.csswg.org/selectors/#forgiving-selector
-                // like the `:has()` pseudo-class:
-                // https://drafts.csswg.org/selectors/#relational
-                // `CSS.supports` is still expected to return `false` then:
-                // https://drafts.csswg.org/css-conditional-4/#typedef-supports-selector-fn
-                // https://drafts.csswg.org/css-conditional-4/#dfn-support-selector
-                if (
-                  support.cssSupportsSelector &&
-                  // eslint-disable-next-line no-undef
-                  !CSS.supports("selector(:is(" + newSelector + "))")
-                ) {
-                  // Support: IE 11+
-                  // Throw to get to the same code path as an error directly in qSA.
-                  // Note: once we only support browser supporting
-                  // `CSS.supports('selector(...)')`, we can most likely drop
-                  // the `try-catch`. IE doesn't implement the API.
-                  throw new Error();
-                }
-
-                push.apply(results, newContext.querySelectorAll(newSelector));
-                return results;
-              } catch (qsaError) {
-                nonnativeSelectorCache(selector, true);
-              } finally {
-                if (nid === expando) {
-                  context.removeAttribute("id");
-                }
-              }
-            }
-          }
-        }
-
-        // All others
-        return select(selector.replace(rtrim, "$1"), context, results, seed);
-      }
-
-      /**
-       * Create key-value caches of limited size
-       * @returns {function(string, object)} Returns the Object data after storing it on itself with
-       *	property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength)
-       *	deleting the oldest entry
-       */
-      function createCache() {
-        var keys = [];
-
-        function cache(key, value) {
-          // Use (key + " ") to avoid collision with native prototype properties (see Issue #157)
-          if (keys.push(key + " ") > Expr.cacheLength) {
-            // Only keep the most recent entries
-            delete cache[keys.shift()];
-          }
-          return (cache[key + " "] = value);
-        }
-        return cache;
-      }
-
-      /**
-       * Mark a function for special use by Sizzle
-       * @param {Function} fn The function to mark
-       */
-      function markFunction(fn) {
-        fn[expando] = true;
-        return fn;
-      }
-
-      /**
-       * Support testing using an element
-       * @param {Function} fn Passed the created element and returns a boolean result
-       */
-      function assert(fn) {
-        var el = document.createElement("fieldset");
-
-        try {
-          return !!fn(el);
-        } catch (e) {
-          return false;
-        } finally {
-          // Remove from its parent by default
-          if (el.parentNode) {
-            el.parentNode.removeChild(el);
-          }
-
-          // release memory in IE
-          el = null;
-        }
-      }
-
-      /**
-       * Adds the same handler for all of the specified attrs
-       * @param {String} attrs Pipe-separated list of attributes
-       * @param {Function} handler The method that will be applied
-       */
-      function addHandle(attrs, handler) {
-        var arr = attrs.split("|"),
-          i = arr.length;
-
-        while (i--) {
-          Expr.attrHandle[arr[i]] = handler;
-        }
-      }
-
-      /**
-       * Checks document order of two siblings
-       * @param {Element} a
-       * @param {Element} b
-       * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b
-       */
-      function siblingCheck(a, b) {
-        var cur = b && a,
-          diff =
-            cur &&
-            a.nodeType === 1 &&
-            b.nodeType === 1 &&
-            a.sourceIndex - b.sourceIndex;
-
-        // Use IE sourceIndex if available on both nodes
-        if (diff) {
-          return diff;
-        }
-
-        // Check if b follows a
-        if (cur) {
-          while ((cur = cur.nextSibling)) {
-            if (cur === b) {
-              return -1;
-            }
-          }
-        }
-
-        return a ? 1 : -1;
-      }
-
-      /**
-       * Returns a function to use in pseudos for input types
-       * @param {String} type
-       */
-      function createInputPseudo(type) {
-        return function (elem) {
-          var name = elem.nodeName.toLowerCase();
-          return name === "input" && elem.type === type;
-        };
-      }
-
-      /**
-       * Returns a function to use in pseudos for buttons
-       * @param {String} type
-       */
-      function createButtonPseudo(type) {
-        return function (elem) {
-          var name = elem.nodeName.toLowerCase();
-          return (name === "input" || name === "button") && elem.type === type;
-        };
-      }
-
-      /**
-       * Returns a function to use in pseudos for :enabled/:disabled
-       * @param {Boolean} disabled true for :disabled; false for :enabled
-       */
-      function createDisabledPseudo(disabled) {
-        // Known :disabled false positives: fieldset[disabled] > legend:nth-of-type(n+2) :can-disable
-        return function (elem) {
-          // Only certain elements can match :enabled or :disabled
-          // https://html.spec.whatwg.org/multipage/scripting.html#selector-enabled
-          // https://html.spec.whatwg.org/multipage/scripting.html#selector-disabled
-          if ("form" in elem) {
-            // Check for inherited disabledness on relevant non-disabled elements:
-            // * listed form-associated elements in a disabled fieldset
-            //   https://html.spec.whatwg.org/multipage/forms.html#category-listed
-            //   https://html.spec.whatwg.org/multipage/forms.html#concept-fe-disabled
-            // * option elements in a disabled optgroup
-            //   https://html.spec.whatwg.org/multipage/forms.html#concept-option-disabled
-            // All such elements have a "form" property.
-            if (elem.parentNode && elem.disabled === false) {
-              // Option elements defer to a parent optgroup if present
-              if ("label" in elem) {
-                if ("label" in elem.parentNode) {
-                  return elem.parentNode.disabled === disabled;
-                } else {
-                  return elem.disabled === disabled;
-                }
-              }
-
-              // Support: IE 6 - 11
-              // Use the isDisabled shortcut property to check for disabled fieldset ancestors
-              return (
-                elem.isDisabled === disabled ||
-                // Where there is no isDisabled, check manually
-                /* jshint -W018 */
-                (elem.isDisabled !== !disabled &&
-                  inDisabledFieldset(elem) === disabled)
-              );
-            }
-
-            return elem.disabled === disabled;
-
-            // Try to winnow out elements that can't be disabled before trusting the disabled property.
-            // Some victims get caught in our net (label, legend, menu, track), but it shouldn't
-            // even exist on them, let alone have a boolean value.
-          } else if ("label" in elem) {
-            return elem.disabled === disabled;
-          }
-
-          // Remaining elements are neither :enabled nor :disabled
-          return false;
-        };
-      }
-
-      /**
-       * Returns a function to use in pseudos for positionals
-       * @param {Function} fn
-       */
-      function createPositionalPseudo(fn) {
-        return markFunction(function (argument) {
-          argument = +argument;
-          return markFunction(function (seed, matches) {
-            var j,
-              matchIndexes = fn([], seed.length, argument),
-              i = matchIndexes.length;
-
-            // Match elements found at the specified indexes
-            while (i--) {
-              if (seed[(j = matchIndexes[i])]) {
-                seed[j] = !(matches[j] = seed[j]);
-              }
-            }
-          });
-        });
-      }
-
-      /**
-       * Checks a node for validity as a Sizzle context
-       * @param {Element|Object=} context
-       * @returns {Element|Object|Boolean} The input node if acceptable, otherwise a falsy value
-       */
-      function testContext(context) {
-        return (
-          context &&
-          typeof context.getElementsByTagName !== "undefined" &&
-          context
-        );
-      }
-
-      // Expose support vars for convenience
-      support = Sizzle.support = {};
-
-      /**
-       * Detects XML nodes
-       * @param {Element|Object} elem An element or a document
-       * @returns {Boolean} True iff elem is a non-HTML XML node
-       */
-      isXML = Sizzle.isXML = function (elem) {
-        var namespace = elem && elem.namespaceURI,
-          docElem = elem && (elem.ownerDocument || elem).documentElement;
-
-        // Support: IE <=8
-        // Assume HTML when documentElement doesn't yet exist, such as inside loading iframes
-        // https://bugs.jquery.com/ticket/4833
-        return !rhtml.test(
-          namespace || (docElem && docElem.nodeName) || "HTML",
-        );
-      };
-
-      /**
-       * Sets document-related variables once based on the current document
-       * @param {Element|Object} [doc] An element or document object to use to set the document
-       * @returns {Object} Returns the current document
-       */
-      setDocument = Sizzle.setDocument = function (node) {
-        var hasCompare,
-          subWindow,
-          doc = node ? node.ownerDocument || node : preferredDoc;
-
-        // Return early if doc is invalid or already selected
-        // Support: IE 11+, Edge 17 - 18+
-        // IE/Edge sometimes throw a "Permission denied" error when strict-comparing
-        // two documents; shallow comparisons work.
-        // eslint-disable-next-line eqeqeq
-        if (doc == document || doc.nodeType !== 9 || !doc.documentElement) {
-          return document;
-        }
-
-        // Update global variables
-        document = doc;
-        docElem = document.documentElement;
-        documentIsHTML = !isXML(document);
-
-        // Support: IE 9 - 11+, Edge 12 - 18+
-        // Accessing iframe documents after unload throws "permission denied" errors (jQuery #13936)
-        // Support: IE 11+, Edge 17 - 18+
-        // IE/Edge sometimes throw a "Permission denied" error when strict-comparing
-        // two documents; shallow comparisons work.
-        // eslint-disable-next-line eqeqeq
-        if (
-          preferredDoc != document &&
-          (subWindow = document.defaultView) &&
-          subWindow.top !== subWindow
-        ) {
-          // Support: IE 11, Edge
-          if (subWindow.addEventListener) {
-            subWindow.addEventListener("unload", unloadHandler, false);
-
-            // Support: IE 9 - 10 only
-          } else if (subWindow.attachEvent) {
-            subWindow.attachEvent("onunload", unloadHandler);
-          }
-        }
-
-        // Support: IE 8 - 11+, Edge 12 - 18+, Chrome <=16 - 25 only, Firefox <=3.6 - 31 only,
-        // Safari 4 - 5 only, Opera <=11.6 - 12.x only
-        // IE/Edge & older browsers don't support the :scope pseudo-class.
-        // Support: Safari 6.0 only
-        // Safari 6.0 supports :scope but it's an alias of :root there.
-        support.scope = assert(function (el) {
-          docElem.appendChild(el).appendChild(document.createElement("div"));
-          return (
-            typeof el.querySelectorAll !== "undefined" &&
-            !el.querySelectorAll(":scope fieldset div").length
-          );
-        });
-
-        // Support: Chrome 105+, Firefox 104+, Safari 15.4+
-        // Make sure forgiving mode is not used in `CSS.supports( "selector(...)" )`.
-        //
-        // `:is()` uses a forgiving selector list as an argument and is widely
-        // implemented, so it's a good one to test against.
-        support.cssSupportsSelector = assert(function () {
-          /* eslint-disable no-undef */
-
-          return (
-            CSS.supports("selector(*)") &&
-            // Support: Firefox 78-81 only
-            // In old Firefox, `:is()` didn't use forgiving parsing. In that case,
-            // fail this test as there's no selector to test against that.
-            // `CSS.supports` uses unforgiving parsing
-            document.querySelectorAll(":is(:jqfake)") &&
-            // `*` is needed as Safari & newer Chrome implemented something in between
-            // for `:has()` - it throws in `qSA` if it only contains an unsupported
-            // argument but multiple ones, one of which is supported, are fine.
-            // We want to play safe in case `:is()` gets the same treatment.
-            !CSS.supports("selector(:is(*,:jqfake))")
-          );
-
-          /* eslint-enable */
-        });
-
-        /* Attributes
-	---------------------------------------------------------------------- */
-
-        // Support: IE<8
-        // Verify that getAttribute really returns attributes and not properties
-        // (excepting IE8 booleans)
-        support.attributes = assert(function (el) {
-          el.className = "i";
-          return !el.getAttribute("className");
-        });
-
-        /* getElement(s)By*
-	---------------------------------------------------------------------- */
-
-        // Check if getElementsByTagName("*") returns only elements
-        support.getElementsByTagName = assert(function (el) {
-          el.appendChild(document.createComment(""));
-          return !el.getElementsByTagName("*").length;
-        });
-
-        // Support: IE<9
-        support.getElementsByClassName = rnative.test(
-          document.getElementsByClassName,
-        );
-
-        // Support: IE<10
-        // Check if getElementById returns elements by name
-        // The broken getElementById methods don't pick up programmatically-set names,
-        // so use a roundabout getElementsByName test
-        support.getById = assert(function (el) {
-          docElem.appendChild(el).id = expando;
-          return (
-            !document.getElementsByName ||
-            !document.getElementsByName(expando).length
-          );
-        });
-
-        // ID filter and find
-        if (support.getById) {
-          Expr.filter["ID"] = function (id) {
-            var attrId = id.replace(runescape, funescape);
-            return function (elem) {
-              return elem.getAttribute("id") === attrId;
-            };
-          };
-          Expr.find["ID"] = function (id, context) {
-            if (
-              typeof context.getElementById !== "undefined" &&
-              documentIsHTML
-            ) {
-              var elem = context.getElementById(id);
-              return elem ? [elem] : [];
-            }
-          };
-        } else {
-          Expr.filter["ID"] = function (id) {
-            var attrId = id.replace(runescape, funescape);
-            return function (elem) {
-              var node =
-                typeof elem.getAttributeNode !== "undefined" &&
-                elem.getAttributeNode("id");
-              return node && node.value === attrId;
-            };
-          };
-
-          // Support: IE 6 - 7 only
-          // getElementById is not reliable as a find shortcut
-          Expr.find["ID"] = function (id, context) {
-            if (
-              typeof context.getElementById !== "undefined" &&
-              documentIsHTML
-            ) {
-              var node,
-                i,
-                elems,
-                elem = context.getElementById(id);
-
-              if (elem) {
-                // Verify the id attribute
-                node = elem.getAttributeNode("id");
-                if (node && node.value === id) {
-                  return [elem];
-                }
-
-                // Fall back on getElementsByName
-                elems = context.getElementsByName(id);
-                i = 0;
-                while ((elem = elems[i++])) {
-                  node = elem.getAttributeNode("id");
-                  if (node && node.value === id) {
-                    return [elem];
-                  }
-                }
-              }
-
-              return [];
-            }
-          };
-        }
-
-        // Tag
-        Expr.find["TAG"] = support.getElementsByTagName
-          ? function (tag, context) {
-              if (typeof context.getElementsByTagName !== "undefined") {
-                return context.getElementsByTagName(tag);
-
-                // DocumentFragment nodes don't have gEBTN
-              } else if (support.qsa) {
-                return context.querySelectorAll(tag);
-              }
-            }
-          : function (tag, context) {
-              var elem,
-                tmp = [],
-                i = 0,
-                // By happy coincidence, a (broken) gEBTN appears on DocumentFragment nodes too
-                results = context.getElementsByTagName(tag);
-
-              // Filter out possible comments
-              if (tag === "*") {
-                while ((elem = results[i++])) {
-                  if (elem.nodeType === 1) {
-                    tmp.push(elem);
-                  }
-                }
-
-                return tmp;
-              }
-              return results;
-            };
-
-        // Class
-        Expr.find["CLASS"] =
-          support.getElementsByClassName &&
-          function (className, context) {
-            if (
-              typeof context.getElementsByClassName !== "undefined" &&
-              documentIsHTML
-            ) {
-              return context.getElementsByClassName(className);
-            }
-          };
-
-        /* QSA/matchesSelector
-	---------------------------------------------------------------------- */
-
-        // QSA and matchesSelector support
-
-        // matchesSelector(:active) reports false when true (IE9/Opera 11.5)
-        rbuggyMatches = [];
-
-        // qSa(:focus) reports false when true (Chrome 21)
-        // We allow this because of a bug in IE8/9 that throws an error
-        // whenever `document.activeElement` is accessed on an iframe
-        // So, we allow :focus to pass through QSA all the time to avoid the IE error
-        // See https://bugs.jquery.com/ticket/13378
-        rbuggyQSA = [];
-
-        if ((support.qsa = rnative.test(document.querySelectorAll))) {
-          // Build QSA regex
-          // Regex strategy adopted from Diego Perini
-          assert(function (el) {
-            var input;
-
-            // Select is set to empty string on purpose
-            // This is to test IE's treatment of not explicitly
-            // setting a boolean content attribute,
-            // since its presence should be enough
-            // https://bugs.jquery.com/ticket/12359
-            docElem.appendChild(el).innerHTML =
-              "<a id='" +
-              expando +
-              "'></a>" +
-              "<select id='" +
-              expando +
-              "-\r\\' msallowcapture=''>" +
-              "<option selected=''></option></select>";
-
-            // Support: IE8, Opera 11-12.16
-            // Nothing should be selected when empty strings follow ^= or $= or *=
-            // The test attribute must be unknown in Opera but "safe" for WinRT
-            // https://msdn.microsoft.com/en-us/library/ie/hh465388.aspx#attribute_section
-            if (el.querySelectorAll("[msallowcapture^='']").length) {
-              rbuggyQSA.push("[*^$]=" + whitespace + "*(?:''|\"\")");
-            }
-
-            // Support: IE8
-            // Boolean attributes and "value" are not treated correctly
-            if (!el.querySelectorAll("[selected]").length) {
-              rbuggyQSA.push(
-                "\\[" + whitespace + "*(?:value|" + booleans + ")",
-              );
-            }
-
-            // Support: Chrome<29, Android<4.4, Safari<7.0+, iOS<7.0+, PhantomJS<1.9.8+
-            if (!el.querySelectorAll("[id~=" + expando + "-]").length) {
-              rbuggyQSA.push("~=");
-            }
-
-            // Support: IE 11+, Edge 15 - 18+
-            // IE 11/Edge don't find elements on a `[name='']` query in some cases.
-            // Adding a temporary attribute to the document before the selection works
-            // around the issue.
-            // Interestingly, IE 10 & older don't seem to have the issue.
-            input = document.createElement("input");
-            input.setAttribute("name", "");
-            el.appendChild(input);
-            if (!el.querySelectorAll("[name='']").length) {
-              rbuggyQSA.push(
-                "\\[" +
-                  whitespace +
-                  "*name" +
-                  whitespace +
-                  "*=" +
-                  whitespace +
-                  "*(?:''|\"\")",
-              );
-            }
-
-            // Webkit/Opera - :checked should return selected option elements
-            // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
-            // IE8 throws error here and will not see later tests
-            if (!el.querySelectorAll(":checked").length) {
-              rbuggyQSA.push(":checked");
-            }
-
-            // Support: Safari 8+, iOS 8+
-            // https://bugs.webkit.org/show_bug.cgi?id=136851
-            // In-page `selector#id sibling-combinator selector` fails
-            if (!el.querySelectorAll("a#" + expando + "+*").length) {
-              rbuggyQSA.push(".#.+[+~]");
-            }
-
-            // Support: Firefox <=3.6 - 5 only
-            // Old Firefox doesn't throw on a badly-escaped identifier.
-            el.querySelectorAll("\\\f");
-            rbuggyQSA.push("[\\r\\n\\f]");
-          });
-
-          assert(function (el) {
-            el.innerHTML =
-              "<a href='' disabled='disabled'></a>" +
-              "<select disabled='disabled'><option/></select>";
-
-            // Support: Windows 8 Native Apps
-            // The type and name attributes are restricted during .innerHTML assignment
-            var input = document.createElement("input");
-            input.setAttribute("type", "hidden");
-            el.appendChild(input).setAttribute("name", "D");
-
-            // Support: IE8
-            // Enforce case-sensitivity of name attribute
-            if (el.querySelectorAll("[name=d]").length) {
-              rbuggyQSA.push("name" + whitespace + "*[*^$|!~]?=");
-            }
-
-            // FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled)
-            // IE8 throws error here and will not see later tests
-            if (el.querySelectorAll(":enabled").length !== 2) {
-              rbuggyQSA.push(":enabled", ":disabled");
-            }
-
-            // Support: IE9-11+
-            // IE's :disabled selector does not pick up the children of disabled fieldsets
-            docElem.appendChild(el).disabled = true;
-            if (el.querySelectorAll(":disabled").length !== 2) {
-              rbuggyQSA.push(":enabled", ":disabled");
-            }
-
-            // Support: Opera 10 - 11 only
-            // Opera 10-11 does not throw on post-comma invalid pseudos
-            el.querySelectorAll("*,:x");
-            rbuggyQSA.push(",.*:");
-          });
-        }
-
-        if (
-          (support.matchesSelector = rnative.test(
-            (matches =
-              docElem.matches ||
-              docElem.webkitMatchesSelector ||
-              docElem.mozMatchesSelector ||
-              docElem.oMatchesSelector ||
-              docElem.msMatchesSelector),
-          ))
-        ) {
-          assert(function (el) {
-            // Check to see if it's possible to do matchesSelector
-            // on a disconnected node (IE 9)
-            support.disconnectedMatch = matches.call(el, "*");
-
-            // This should fail with an exception
-            // Gecko does not error, returns false instead
-            matches.call(el, "[s!='']:x");
-            rbuggyMatches.push("!=", pseudos);
-          });
-        }
-
-        if (!support.cssSupportsSelector) {
-          // Support: Chrome 105+, Safari 15.4+
-          // `:has()` uses a forgiving selector list as an argument so our regular
-          // `try-catch` mechanism fails to catch `:has()` with arguments not supported
-          // natively like `:has(:contains("Foo"))`. Where supported & spec-compliant,
-          // we now use `CSS.supports("selector(:is(SELECTOR_TO_BE_TESTED))")`, but
-          // outside that we mark `:has` as buggy.
-          rbuggyQSA.push(":has");
-        }
-
-        rbuggyQSA = rbuggyQSA.length && new RegExp(rbuggyQSA.join("|"));
-        rbuggyMatches =
-          rbuggyMatches.length && new RegExp(rbuggyMatches.join("|"));
-
-        /* Contains
-	---------------------------------------------------------------------- */
-        hasCompare = rnative.test(docElem.compareDocumentPosition);
-
-        // Element contains another
-        // Purposefully self-exclusive
-        // As in, an element does not contain itself
-        contains =
-          hasCompare || rnative.test(docElem.contains)
-            ? function (a, b) {
-                // Support: IE <9 only
-                // IE doesn't have `contains` on `document` so we need to check for
-                // `documentElement` presence.
-                // We need to fall back to `a` when `documentElement` is missing
-                // as `ownerDocument` of elements within `<template/>` may have
-                // a null one - a default behavior of all modern browsers.
-                var adown = (a.nodeType === 9 && a.documentElement) || a,
-                  bup = b && b.parentNode;
-                return (
-                  a === bup ||
-                  !!(
-                    bup &&
-                    bup.nodeType === 1 &&
-                    (adown.contains
-                      ? adown.contains(bup)
-                      : a.compareDocumentPosition &&
-                        a.compareDocumentPosition(bup) & 16)
-                  )
-                );
-              }
-            : function (a, b) {
-                if (b) {
-                  while ((b = b.parentNode)) {
-                    if (b === a) {
-                      return true;
-                    }
-                  }
-                }
-                return false;
-              };
-
-        /* Sorting
-	---------------------------------------------------------------------- */
-
-        // Document order sorting
-        sortOrder = hasCompare
-          ? function (a, b) {
-              // Flag for duplicate removal
-              if (a === b) {
-                hasDuplicate = true;
-                return 0;
-              }
-
-              // Sort on method existence if only one input has compareDocumentPosition
-              var compare =
-                !a.compareDocumentPosition - !b.compareDocumentPosition;
-              if (compare) {
-                return compare;
-              }
-
-              // Calculate position if both inputs belong to the same document
-              // Support: IE 11+, Edge 17 - 18+
-              // IE/Edge sometimes throw a "Permission denied" error when strict-comparing
-              // two documents; shallow comparisons work.
-              // eslint-disable-next-line eqeqeq
-              compare =
-                (a.ownerDocument || a) == (b.ownerDocument || b)
-                  ? a.compareDocumentPosition(b)
-                  : // Otherwise we know they are disconnected
-                    1;
-
-              // Disconnected nodes
-              if (
-                compare & 1 ||
-                (!support.sortDetached &&
-                  b.compareDocumentPosition(a) === compare)
-              ) {
-                // Choose the first element that is related to our preferred document
-                // Support: IE 11+, Edge 17 - 18+
-                // IE/Edge sometimes throw a "Permission denied" error when strict-comparing
-                // two documents; shallow comparisons work.
-                // eslint-disable-next-line eqeqeq
-                if (
-                  a == document ||
-                  (a.ownerDocument == preferredDoc && contains(preferredDoc, a))
-                ) {
-                  return -1;
-                }
-
-                // Support: IE 11+, Edge 17 - 18+
-                // IE/Edge sometimes throw a "Permission denied" error when strict-comparing
-                // two documents; shallow comparisons work.
-                // eslint-disable-next-line eqeqeq
-                if (
-                  b == document ||
-                  (b.ownerDocument == preferredDoc && contains(preferredDoc, b))
-                ) {
-                  return 1;
-                }
-
-                // Maintain original order
-                return sortInput
-                  ? indexOf(sortInput, a) - indexOf(sortInput, b)
-                  : 0;
-              }
-
-              return compare & 4 ? -1 : 1;
-            }
-          : function (a, b) {
-              // Exit early if the nodes are identical
-              if (a === b) {
-                hasDuplicate = true;
-                return 0;
-              }
-
-              var cur,
-                i = 0,
-                aup = a.parentNode,
-                bup = b.parentNode,
-                ap = [a],
-                bp = [b];
-
-              // Parentless nodes are either documents or disconnected
-              if (!aup || !bup) {
-                // Support: IE 11+, Edge 17 - 18+
-                // IE/Edge sometimes throw a "Permission denied" error when strict-comparing
-                // two documents; shallow comparisons work.
-                /* eslint-disable eqeqeq */
-                return a == document
-                  ? -1
-                  : b == document
-                    ? 1
-                    : /* eslint-enable eqeqeq */
-                      aup
-                      ? -1
-                      : bup
-                        ? 1
-                        : sortInput
-                          ? indexOf(sortInput, a) - indexOf(sortInput, b)
-                          : 0;
-
-                // If the nodes are siblings, we can do a quick check
-              } else if (aup === bup) {
-                return siblingCheck(a, b);
-              }
-
-              // Otherwise we need full lists of their ancestors for comparison
-              cur = a;
-              while ((cur = cur.parentNode)) {
-                ap.unshift(cur);
-              }
-              cur = b;
-              while ((cur = cur.parentNode)) {
-                bp.unshift(cur);
-              }
-
-              // Walk down the tree looking for a discrepancy
-              while (ap[i] === bp[i]) {
-                i++;
-              }
-
-              return i
-                ? // Do a sibling check if the nodes have a common ancestor
-                  siblingCheck(ap[i], bp[i])
-                : // Otherwise nodes in our document sort first
-                  // Support: IE 11+, Edge 17 - 18+
-                  // IE/Edge sometimes throw a "Permission denied" error when strict-comparing
-                  // two documents; shallow comparisons work.
-                  /* eslint-disable eqeqeq */
-                  ap[i] == preferredDoc
-                  ? -1
-                  : bp[i] == preferredDoc
-                    ? 1
-                    : /* eslint-enable eqeqeq */
-                      0;
-            };
-
-        return document;
-      };
-
-      Sizzle.matches = function (expr, elements) {
-        return Sizzle(expr, null, null, elements);
-      };
-
-      Sizzle.matchesSelector = function (elem, expr) {
-        setDocument(elem);
-
-        if (
-          support.matchesSelector &&
-          documentIsHTML &&
-          !nonnativeSelectorCache[expr + " "] &&
-          (!rbuggyMatches || !rbuggyMatches.test(expr)) &&
-          (!rbuggyQSA || !rbuggyQSA.test(expr))
-        ) {
-          try {
-            var ret = matches.call(elem, expr);
-
-            // IE 9's matchesSelector returns false on disconnected nodes
-            if (
-              ret ||
-              support.disconnectedMatch ||
-              // As well, disconnected nodes are said to be in a document
-              // fragment in IE 9
-              (elem.document && elem.document.nodeType !== 11)
-            ) {
-              return ret;
-            }
-          } catch (e) {
-            nonnativeSelectorCache(expr, true);
-          }
-        }
-
-        return Sizzle(expr, document, null, [elem]).length > 0;
-      };
-
-      Sizzle.contains = function (context, elem) {
-        // Set document vars if needed
-        // Support: IE 11+, Edge 17 - 18+
-        // IE/Edge sometimes throw a "Permission denied" error when strict-comparing
-        // two documents; shallow comparisons work.
-        // eslint-disable-next-line eqeqeq
-        if ((context.ownerDocument || context) != document) {
-          setDocument(context);
-        }
-        return contains(context, elem);
-      };
-
-      Sizzle.attr = function (elem, name) {
-        // Set document vars if needed
-        // Support: IE 11+, Edge 17 - 18+
-        // IE/Edge sometimes throw a "Permission denied" error when strict-comparing
-        // two documents; shallow comparisons work.
-        // eslint-disable-next-line eqeqeq
-        if ((elem.ownerDocument || elem) != document) {
-          setDocument(elem);
-        }
-
-        var fn = Expr.attrHandle[name.toLowerCase()],
-          // Don't get fooled by Object.prototype properties (jQuery #13807)
-          val =
-            fn && hasOwn.call(Expr.attrHandle, name.toLowerCase())
-              ? fn(elem, name, !documentIsHTML)
-              : undefined;
-
-        return val !== undefined
-          ? val
-          : support.attributes || !documentIsHTML
-            ? elem.getAttribute(name)
-            : (val = elem.getAttributeNode(name)) && val.specified
-              ? val.value
-              : null;
-      };
-
-      Sizzle.escape = function (sel) {
-        return (sel + "").replace(rcssescape, fcssescape);
-      };
-
-      Sizzle.error = function (msg) {
-        throw new Error("Syntax error, unrecognized expression: " + msg);
-      };
-
-      /**
-       * Document sorting and removing duplicates
-       * @param {ArrayLike} results
-       */
-      Sizzle.uniqueSort = function (results) {
-        var elem,
-          duplicates = [],
-          j = 0,
-          i = 0;
-
-        // Unless we *know* we can detect duplicates, assume their presence
-        hasDuplicate = !support.detectDuplicates;
-        sortInput = !support.sortStable && results.slice(0);
-        results.sort(sortOrder);
-
-        if (hasDuplicate) {
-          while ((elem = results[i++])) {
-            if (elem === results[i]) {
-              j = duplicates.push(i);
-            }
-          }
-          while (j--) {
-            results.splice(duplicates[j], 1);
-          }
-        }
-
-        // Clear input after sorting to release objects
-        // See https://github.com/jquery/sizzle/pull/225
-        sortInput = null;
-
-        return results;
-      };
-
-      /**
-       * Utility function for retrieving the text value of an array of DOM nodes
-       * @param {Array|Element} elem
-       */
-      getText = Sizzle.getText = function (elem) {
-        var node,
-          ret = "",
-          i = 0,
-          nodeType = elem.nodeType;
-
-        if (!nodeType) {
-          // If no nodeType, this is expected to be an array
-          while ((node = elem[i++])) {
-            // Do not traverse comment nodes
-            ret += getText(node);
-          }
-        } else if (nodeType === 1 || nodeType === 9 || nodeType === 11) {
-          // Use textContent for elements
-          // innerText usage removed for consistency of new lines (jQuery #11153)
-          if (typeof elem.textContent === "string") {
-            return elem.textContent;
-          } else {
-            // Traverse its children
-            for (elem = elem.firstChild; elem; elem = elem.nextSibling) {
-              ret += getText(elem);
-            }
-          }
-        } else if (nodeType === 3 || nodeType === 4) {
-          return elem.nodeValue;
-        }
-
-        // Do not include comment or processing instruction nodes
-
-        return ret;
-      };
-
-      Expr = Sizzle.selectors = {
-        // Can be adjusted by the user
-        cacheLength: 50,
-
-        createPseudo: markFunction,
-
-        match: matchExpr,
-
-        attrHandle: {},
-
-        find: {},
-
-        relative: {
-          ">": { dir: "parentNode", first: true },
-          " ": { dir: "parentNode" },
-          "+": { dir: "previousSibling", first: true },
-          "~": { dir: "previousSibling" },
-        },
-
-        preFilter: {
-          ATTR: function (match) {
-            match[1] = match[1].replace(runescape, funescape);
-
-            // Move the given value to match[3] whether quoted or unquoted
-            match[3] = (match[3] || match[4] || match[5] || "").replace(
-              runescape,
-              funescape,
-            );
-
-            if (match[2] === "~=") {
-              match[3] = " " + match[3] + " ";
-            }
-
-            return match.slice(0, 4);
-          },
-
-          CHILD: function (match) {
-            /* matches from matchExpr["CHILD"]
-				1 type (only|nth|...)
-				2 what (child|of-type)
-				3 argument (even|odd|\d*|\d*n([+-]\d+)?|...)
-				4 xn-component of xn+y argument ([+-]?\d*n|)
-				5 sign of xn-component
-				6 x of xn-component
-				7 sign of y-component
-				8 y of y-component
-			*/
-            match[1] = match[1].toLowerCase();
-
-            if (match[1].slice(0, 3) === "nth") {
-              // nth-* requires argument
-              if (!match[3]) {
-                Sizzle.error(match[0]);
-              }
-
-              // numeric x and y parameters for Expr.filter.CHILD
-              // remember that false/true cast respectively to 0/1
-              match[4] = +(match[4]
-                ? match[5] + (match[6] || 1)
-                : 2 * (match[3] === "even" || match[3] === "odd"));
-              match[5] = +(match[7] + match[8] || match[3] === "odd");
-
-              // other types prohibit arguments
-            } else if (match[3]) {
-              Sizzle.error(match[0]);
-            }
-
-            return match;
-          },
-
-          PSEUDO: function (match) {
-            var excess,
-              unquoted = !match[6] && match[2];
-
-            if (matchExpr["CHILD"].test(match[0])) {
-              return null;
-            }
-
-            // Accept quoted arguments as-is
-            if (match[3]) {
-              match[2] = match[4] || match[5] || "";
-
-              // Strip excess characters from unquoted arguments
-            } else if (
-              unquoted &&
-              rpseudo.test(unquoted) &&
-              // Get excess from tokenize (recursively)
-              (excess = tokenize(unquoted, true)) &&
-              // advance to the next closing parenthesis
-              (excess =
-                unquoted.indexOf(")", unquoted.length - excess) -
-                unquoted.length)
-            ) {
-              // excess is a negative index
-              match[0] = match[0].slice(0, excess);
-              match[2] = unquoted.slice(0, excess);
-            }
-
-            // Return only captures needed by the pseudo filter method (type and argument)
-            return match.slice(0, 3);
-          },
-        },
-
-        filter: {
-          TAG: function (nodeNameSelector) {
-            var nodeName = nodeNameSelector
-              .replace(runescape, funescape)
-              .toLowerCase();
-            return nodeNameSelector === "*"
-              ? function () {
-                  return true;
-                }
-              : function (elem) {
-                  return (
-                    elem.nodeName && elem.nodeName.toLowerCase() === nodeName
-                  );
-                };
-          },
-
-          CLASS: function (className) {
-            var pattern = classCache[className + " "];
-
-            return (
-              pattern ||
-              ((pattern = new RegExp(
-                "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)",
-              )) &&
-                classCache(className, function (elem) {
-                  return pattern.test(
-                    (typeof elem.className === "string" && elem.className) ||
-                      (typeof elem.getAttribute !== "undefined" &&
-                        elem.getAttribute("class")) ||
-                      "",
-                  );
-                }))
-            );
-          },
-
-          ATTR: function (name, operator, check) {
-            return function (elem) {
-              var result = Sizzle.attr(elem, name);
-
-              if (result == null) {
-                return operator === "!=";
-              }
-              if (!operator) {
-                return true;
-              }
-
-              result += "";
-
-              /* eslint-disable max-len */
-
-              return operator === "="
-                ? result === check
-                : operator === "!="
-                  ? result !== check
-                  : operator === "^="
-                    ? check && result.indexOf(check) === 0
-                    : operator === "*="
-                      ? check && result.indexOf(check) > -1
-                      : operator === "$="
-                        ? check && result.slice(-check.length) === check
-                        : operator === "~="
-                          ? (
-                              " " +
-                              result.replace(rwhitespace, " ") +
-                              " "
-                            ).indexOf(check) > -1
-                          : operator === "|="
-                            ? result === check ||
-                              result.slice(0, check.length + 1) === check + "-"
-                            : false;
-              /* eslint-enable max-len */
-            };
-          },
-
-          CHILD: function (type, what, _argument, first, last) {
-            var simple = type.slice(0, 3) !== "nth",
-              forward = type.slice(-4) !== "last",
-              ofType = what === "of-type";
-
-            return first === 1 && last === 0
-              ? // Shortcut for :nth-*(n)
-                function (elem) {
-                  return !!elem.parentNode;
-                }
-              : function (elem, _context, xml) {
-                  var cache,
-                    uniqueCache,
-                    outerCache,
-                    node,
-                    nodeIndex,
-                    start,
-                    dir =
-                      simple !== forward ? "nextSibling" : "previousSibling",
-                    parent = elem.parentNode,
-                    name = ofType && elem.nodeName.toLowerCase(),
-                    useCache = !xml && !ofType,
-                    diff = false;
-
-                  if (parent) {
-                    // :(first|last|only)-(child|of-type)
-                    if (simple) {
-                      while (dir) {
-                        node = elem;
-                        while ((node = node[dir])) {
-                          if (
-                            ofType
-                              ? node.nodeName.toLowerCase() === name
-                              : node.nodeType === 1
-                          ) {
-                            return false;
-                          }
-                        }
-
-                        // Reverse direction for :only-* (if we haven't yet done so)
-                        start = dir =
-                          type === "only" && !start && "nextSibling";
-                      }
-                      return true;
-                    }
-
-                    start = [forward ? parent.firstChild : parent.lastChild];
-
-                    // non-xml :nth-child(...) stores cache data on `parent`
-                    if (forward && useCache) {
-                      // Seek `elem` from a previously-cached index
-
-                      // ...in a gzip-friendly way
-                      node = parent;
-                      outerCache = node[expando] || (node[expando] = {});
-
-                      // Support: IE <9 only
-                      // Defend against cloned attroperties (jQuery gh-1709)
-                      uniqueCache =
-                        outerCache[node.uniqueID] ||
-                        (outerCache[node.uniqueID] = {});
-
-                      cache = uniqueCache[type] || [];
-                      nodeIndex = cache[0] === dirruns && cache[1];
-                      diff = nodeIndex && cache[2];
-                      node = nodeIndex && parent.childNodes[nodeIndex];
-
-                      while (
-                        (node =
-                          (++nodeIndex && node && node[dir]) ||
-                          // Fallback to seeking `elem` from the start
-                          (diff = nodeIndex = 0) ||
-                          start.pop())
-                      ) {
-                        // When found, cache indexes on `parent` and break
-                        if (node.nodeType === 1 && ++diff && node === elem) {
-                          uniqueCache[type] = [dirruns, nodeIndex, diff];
-                          break;
-                        }
-                      }
-                    } else {
-                      // Use previously-cached element index if available
-                      if (useCache) {
-                        // ...in a gzip-friendly way
-                        node = elem;
-                        outerCache = node[expando] || (node[expando] = {});
-
-                        // Support: IE <9 only
-                        // Defend against cloned attroperties (jQuery gh-1709)
-                        uniqueCache =
-                          outerCache[node.uniqueID] ||
-                          (outerCache[node.uniqueID] = {});
-
-                        cache = uniqueCache[type] || [];
-                        nodeIndex = cache[0] === dirruns && cache[1];
-                        diff = nodeIndex;
-                      }
-
-                      // xml :nth-child(...)
-                      // or :nth-last-child(...) or :nth(-last)?-of-type(...)
-                      if (diff === false) {
-                        // Use the same loop as above to seek `elem` from the start
-                        while (
-                          (node =
-                            (++nodeIndex && node && node[dir]) ||
-                            (diff = nodeIndex = 0) ||
-                            start.pop())
-                        ) {
-                          if (
-                            (ofType
-                              ? node.nodeName.toLowerCase() === name
-                              : node.nodeType === 1) &&
-                            ++diff
-                          ) {
-                            // Cache the index of each encountered element
-                            if (useCache) {
-                              outerCache =
-                                node[expando] || (node[expando] = {});
-
-                              // Support: IE <9 only
-                              // Defend against cloned attroperties (jQuery gh-1709)
-                              uniqueCache =
-                                outerCache[node.uniqueID] ||
-                                (outerCache[node.uniqueID] = {});
-
-                              uniqueCache[type] = [dirruns, diff];
-                            }
-
-                            if (node === elem) {
-                              break;
-                            }
-                          }
-                        }
-                      }
-                    }
-
-                    // Incorporate the offset, then check against cycle size
-                    diff -= last;
-                    return (
-                      diff === first ||
-                      (diff % first === 0 && diff / first >= 0)
-                    );
-                  }
-                };
-          },
-
-          PSEUDO: function (pseudo, argument) {
-            // pseudo-class names are case-insensitive
-            // http://www.w3.org/TR/selectors/#pseudo-classes
-            // Prioritize by case sensitivity in case custom pseudos are added with uppercase letters
-            // Remember that setFilters inherits from pseudos
-            var args,
-              fn =
-                Expr.pseudos[pseudo] ||
-                Expr.setFilters[pseudo.toLowerCase()] ||
-                Sizzle.error("unsupported pseudo: " + pseudo);
-
-            // The user may use createPseudo to indicate that
-            // arguments are needed to create the filter function
-            // just as Sizzle does
-            if (fn[expando]) {
-              return fn(argument);
-            }
-
-            // But maintain support for old signatures
-            if (fn.length > 1) {
-              args = [pseudo, pseudo, "", argument];
-              return Expr.setFilters.hasOwnProperty(pseudo.toLowerCase())
-                ? markFunction(function (seed, matches) {
-                    var idx,
-                      matched = fn(seed, argument),
-                      i = matched.length;
-                    while (i--) {
-                      idx = indexOf(seed, matched[i]);
-                      seed[idx] = !(matches[idx] = matched[i]);
-                    }
-                  })
-                : function (elem) {
-                    return fn(elem, 0, args);
-                  };
-            }
-
-            return fn;
-          },
-        },
-
-        pseudos: {
-          // Potentially complex pseudos
-          not: markFunction(function (selector) {
-            // Trim the selector passed to compile
-            // to avoid treating leading and trailing
-            // spaces as combinators
-            var input = [],
-              results = [],
-              matcher = compile(selector.replace(rtrim, "$1"));
-
-            return matcher[expando]
-              ? markFunction(function (seed, matches, _context, xml) {
-                  var elem,
-                    unmatched = matcher(seed, null, xml, []),
-                    i = seed.length;
-
-                  // Match elements unmatched by `matcher`
-                  while (i--) {
-                    if ((elem = unmatched[i])) {
-                      seed[i] = !(matches[i] = elem);
-                    }
-                  }
-                })
-              : function (elem, _context, xml) {
-                  input[0] = elem;
-                  matcher(input, null, xml, results);
-
-                  // Don't keep the element (issue #299)
-                  input[0] = null;
-                  return !results.pop();
-                };
-          }),
-
-          has: markFunction(function (selector) {
-            return function (elem) {
-              return Sizzle(selector, elem).length > 0;
-            };
-          }),
-
-          contains: markFunction(function (text) {
-            text = text.replace(runescape, funescape);
-            return function (elem) {
-              return (elem.textContent || getText(elem)).indexOf(text) > -1;
-            };
-          }),
-
-          // "Whether an element is represented by a :lang() selector
-          // is based solely on the element's language value
-          // being equal to the identifier C,
-          // or beginning with the identifier C immediately followed by "-".
-          // The matching of C against the element's language value is performed case-insensitively.
-          // The identifier C does not have to be a valid language name."
-          // http://www.w3.org/TR/selectors/#lang-pseudo
-          lang: markFunction(function (lang) {
-            // lang value must be a valid identifier
-            if (!ridentifier.test(lang || "")) {
-              Sizzle.error("unsupported lang: " + lang);
-            }
-            lang = lang.replace(runescape, funescape).toLowerCase();
-            return function (elem) {
-              var elemLang;
-              do {
-                if (
-                  (elemLang = documentIsHTML
-                    ? elem.lang
-                    : elem.getAttribute("xml:lang") ||
-                      elem.getAttribute("lang"))
-                ) {
-                  elemLang = elemLang.toLowerCase();
-                  return (
-                    elemLang === lang || elemLang.indexOf(lang + "-") === 0
-                  );
-                }
-              } while ((elem = elem.parentNode) && elem.nodeType === 1);
-              return false;
-            };
-          }),
-
-          // Miscellaneous
-          target: function (elem) {
-            var hash = window.location && window.location.hash;
-            return hash && hash.slice(1) === elem.id;
-          },
-
-          root: function (elem) {
-            return elem === docElem;
-          },
-
-          focus: function (elem) {
-            return (
-              elem === document.activeElement &&
-              (!document.hasFocus || document.hasFocus()) &&
-              !!(elem.type || elem.href || ~elem.tabIndex)
-            );
-          },
-
-          // Boolean properties
-          enabled: createDisabledPseudo(false),
-          disabled: createDisabledPseudo(true),
-
-          checked: function (elem) {
-            // In CSS3, :checked should return both checked and selected elements
-            // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
-            var nodeName = elem.nodeName.toLowerCase();
-            return (
-              (nodeName === "input" && !!elem.checked) ||
-              (nodeName === "option" && !!elem.selected)
-            );
-          },
-
-          selected: function (elem) {
-            // Accessing this property makes selected-by-default
-            // options in Safari work properly
-            if (elem.parentNode) {
-              // eslint-disable-next-line no-unused-expressions
-              elem.parentNode.selectedIndex;
-            }
-
-            return elem.selected === true;
-          },
-
-          // Contents
-          empty: function (elem) {
-            // http://www.w3.org/TR/selectors/#empty-pseudo
-            // :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5),
-            //   but not by others (comment: 8; processing instruction: 7; etc.)
-            // nodeType < 6 works because attributes (2) do not appear as children
-            for (elem = elem.firstChild; elem; elem = elem.nextSibling) {
-              if (elem.nodeType < 6) {
-                return false;
-              }
-            }
-            return true;
-          },
-
-          parent: function (elem) {
-            return !Expr.pseudos["empty"](elem);
-          },
-
-          // Element/input types
-          header: function (elem) {
-            return rheader.test(elem.nodeName);
-          },
-
-          input: function (elem) {
-            return rinputs.test(elem.nodeName);
-          },
-
-          button: function (elem) {
-            var name = elem.nodeName.toLowerCase();
-            return (
-              (name === "input" && elem.type === "button") || name === "button"
-            );
-          },
-
-          text: function (elem) {
-            var attr;
-            return (
-              elem.nodeName.toLowerCase() === "input" &&
-              elem.type === "text" &&
-              // Support: IE <10 only
-              // New HTML5 attribute values (e.g., "search") appear with elem.type === "text"
-              ((attr = elem.getAttribute("type")) == null ||
-                attr.toLowerCase() === "text")
-            );
-          },
-
-          // Position-in-collection
-          first: createPositionalPseudo(function () {
-            return [0];
-          }),
-
-          last: createPositionalPseudo(function (_matchIndexes, length) {
-            return [length - 1];
-          }),
-
-          eq: createPositionalPseudo(
-            function (_matchIndexes, length, argument) {
-              return [argument < 0 ? argument + length : argument];
-            },
-          ),
-
-          even: createPositionalPseudo(function (matchIndexes, length) {
-            var i = 0;
-            for (; i < length; i += 2) {
-              matchIndexes.push(i);
-            }
-            return matchIndexes;
-          }),
-
-          odd: createPositionalPseudo(function (matchIndexes, length) {
-            var i = 1;
-            for (; i < length; i += 2) {
-              matchIndexes.push(i);
-            }
-            return matchIndexes;
-          }),
-
-          lt: createPositionalPseudo(function (matchIndexes, length, argument) {
-            var i =
-              argument < 0
-                ? argument + length
-                : argument > length
-                  ? length
-                  : argument;
-            for (; --i >= 0; ) {
-              matchIndexes.push(i);
-            }
-            return matchIndexes;
-          }),
-
-          gt: createPositionalPseudo(function (matchIndexes, length, argument) {
-            var i = argument < 0 ? argument + length : argument;
-            for (; ++i < length; ) {
-              matchIndexes.push(i);
-            }
-            return matchIndexes;
-          }),
-        },
-      };
-
-      Expr.pseudos["nth"] = Expr.pseudos["eq"];
-
-      // Add button/input type pseudos
-      for (i in {
-        radio: true,
-        checkbox: true,
-        file: true,
-        password: true,
-        image: true,
-      }) {
-        Expr.pseudos[i] = createInputPseudo(i);
-      }
-      for (i in { submit: true, reset: true }) {
-        Expr.pseudos[i] = createButtonPseudo(i);
-      }
-
-      // Easy API for creating new setFilters
-      function setFilters() {}
-      setFilters.prototype = Expr.filters = Expr.pseudos;
-      Expr.setFilters = new setFilters();
-
-      tokenize = Sizzle.tokenize = function (selector, parseOnly) {
-        var matched,
-          match,
-          tokens,
-          type,
-          soFar,
-          groups,
-          preFilters,
-          cached = tokenCache[selector + " "];
-
-        if (cached) {
-          return parseOnly ? 0 : cached.slice(0);
-        }
-
-        soFar = selector;
-        groups = [];
-        preFilters = Expr.preFilter;
-
-        while (soFar) {
-          // Comma and first run
-          if (!matched || (match = rcomma.exec(soFar))) {
-            if (match) {
-              // Don't consume trailing commas as valid
-              soFar = soFar.slice(match[0].length) || soFar;
-            }
-            groups.push((tokens = []));
-          }
-
-          matched = false;
-
-          // Combinators
-          if ((match = rcombinators.exec(soFar))) {
-            matched = match.shift();
-            tokens.push({
-              value: matched,
-
-              // Cast descendant combinators to space
-              type: match[0].replace(rtrim, " "),
-            });
-            soFar = soFar.slice(matched.length);
-          }
-
-          // Filters
-          for (type in Expr.filter) {
-            if (
-              (match = matchExpr[type].exec(soFar)) &&
-              (!preFilters[type] || (match = preFilters[type](match)))
-            ) {
-              matched = match.shift();
-              tokens.push({
-                value: matched,
-                type: type,
-                matches: match,
-              });
-              soFar = soFar.slice(matched.length);
-            }
-          }
-
-          if (!matched) {
-            break;
-          }
-        }
-
-        // Return the length of the invalid excess
-        // if we're just parsing
-        // Otherwise, throw an error or return tokens
-        return parseOnly
-          ? soFar.length
-          : soFar
-            ? Sizzle.error(selector)
-            : // Cache the tokens
-              tokenCache(selector, groups).slice(0);
-      };
-
-      function toSelector(tokens) {
-        var i = 0,
-          len = tokens.length,
-          selector = "";
-        for (; i < len; i++) {
-          selector += tokens[i].value;
-        }
-        return selector;
-      }
-
-      function addCombinator(matcher, combinator, base) {
-        var dir = combinator.dir,
-          skip = combinator.next,
-          key = skip || dir,
-          checkNonElements = base && key === "parentNode",
-          doneName = done++;
-
-        return combinator.first
-          ? // Check against closest ancestor/preceding element
-            function (elem, context, xml) {
-              while ((elem = elem[dir])) {
-                if (elem.nodeType === 1 || checkNonElements) {
-                  return matcher(elem, context, xml);
-                }
-              }
-              return false;
-            }
-          : // Check against all ancestor/preceding elements
-            function (elem, context, xml) {
-              var oldCache,
-                uniqueCache,
-                outerCache,
-                newCache = [dirruns, doneName];
-
-              // We can't set arbitrary data on XML nodes, so they don't benefit from combinator caching
-              if (xml) {
-                while ((elem = elem[dir])) {
-                  if (elem.nodeType === 1 || checkNonElements) {
-                    if (matcher(elem, context, xml)) {
-                      return true;
-                    }
-                  }
-                }
-              } else {
-                while ((elem = elem[dir])) {
-                  if (elem.nodeType === 1 || checkNonElements) {
-                    outerCache = elem[expando] || (elem[expando] = {});
-
-                    // Support: IE <9 only
-                    // Defend against cloned attroperties (jQuery gh-1709)
-                    uniqueCache =
-                      outerCache[elem.uniqueID] ||
-                      (outerCache[elem.uniqueID] = {});
-
-                    if (skip && skip === elem.nodeName.toLowerCase()) {
-                      elem = elem[dir] || elem;
-                    } else if (
-                      (oldCache = uniqueCache[key]) &&
-                      oldCache[0] === dirruns &&
-                      oldCache[1] === doneName
-                    ) {
-                      // Assign to newCache so results back-propagate to previous elements
-                      return (newCache[2] = oldCache[2]);
-                    } else {
-                      // Reuse newcache so results back-propagate to previous elements
-                      uniqueCache[key] = newCache;
-
-                      // A match means we're done; a fail means we have to keep checking
-                      if ((newCache[2] = matcher(elem, context, xml))) {
-                        return true;
-                      }
-                    }
-                  }
-                }
-              }
-              return false;
-            };
-      }
-
-      function elementMatcher(matchers) {
-        return matchers.length > 1
-          ? function (elem, context, xml) {
-              var i = matchers.length;
-              while (i--) {
-                if (!matchers[i](elem, context, xml)) {
-                  return false;
-                }
-              }
-              return true;
-            }
-          : matchers[0];
-      }
-
-      function multipleContexts(selector, contexts, results) {
-        var i = 0,
-          len = contexts.length;
-        for (; i < len; i++) {
-          Sizzle(selector, contexts[i], results);
-        }
-        return results;
-      }
-
-      function condense(unmatched, map, filter, context, xml) {
-        var elem,
-          newUnmatched = [],
-          i = 0,
-          len = unmatched.length,
-          mapped = map != null;
-
-        for (; i < len; i++) {
-          if ((elem = unmatched[i])) {
-            if (!filter || filter(elem, context, xml)) {
-              newUnmatched.push(elem);
-              if (mapped) {
-                map.push(i);
-              }
-            }
-          }
-        }
-
-        return newUnmatched;
-      }
-
-      function setMatcher(
-        preFilter,
-        selector,
-        matcher,
-        postFilter,
-        postFinder,
-        postSelector,
-      ) {
-        if (postFilter && !postFilter[expando]) {
-          postFilter = setMatcher(postFilter);
-        }
-        if (postFinder && !postFinder[expando]) {
-          postFinder = setMatcher(postFinder, postSelector);
-        }
-        return markFunction(function (seed, results, context, xml) {
-          var temp,
-            i,
-            elem,
-            preMap = [],
-            postMap = [],
-            preexisting = results.length,
-            // Get initial elements from seed or context
-            elems =
-              seed ||
-              multipleContexts(
-                selector || "*",
-                context.nodeType ? [context] : context,
-                [],
-              ),
-            // Prefilter to get matcher input, preserving a map for seed-results synchronization
-            matcherIn =
-              preFilter && (seed || !selector)
-                ? condense(elems, preMap, preFilter, context, xml)
-                : elems,
-            matcherOut = matcher
-              ? // If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results,
-                postFinder || (seed ? preFilter : preexisting || postFilter)
-                ? // ...intermediate processing is necessary
-                  []
-                : // ...otherwise use results directly
-                  results
-              : matcherIn;
-
-          // Find primary matches
-          if (matcher) {
-            matcher(matcherIn, matcherOut, context, xml);
-          }
-
-          // Apply postFilter
-          if (postFilter) {
-            temp = condense(matcherOut, postMap);
-            postFilter(temp, [], context, xml);
-
-            // Un-match failing elements by moving them back to matcherIn
-            i = temp.length;
-            while (i--) {
-              if ((elem = temp[i])) {
-                matcherOut[postMap[i]] = !(matcherIn[postMap[i]] = elem);
-              }
-            }
-          }
-
-          if (seed) {
-            if (postFinder || preFilter) {
-              if (postFinder) {
-                // Get the final matcherOut by condensing this intermediate into postFinder contexts
-                temp = [];
-                i = matcherOut.length;
-                while (i--) {
-                  if ((elem = matcherOut[i])) {
-                    // Restore matcherIn since elem is not yet a final match
-                    temp.push((matcherIn[i] = elem));
-                  }
-                }
-                postFinder(null, (matcherOut = []), temp, xml);
-              }
-
-              // Move matched elements from seed to results to keep them synchronized
-              i = matcherOut.length;
-              while (i--) {
-                if (
-                  (elem = matcherOut[i]) &&
-                  (temp = postFinder ? indexOf(seed, elem) : preMap[i]) > -1
-                ) {
-                  seed[temp] = !(results[temp] = elem);
-                }
-              }
-            }
-
-            // Add elements to results, through postFinder if defined
-          } else {
-            matcherOut = condense(
-              matcherOut === results
-                ? matcherOut.splice(preexisting, matcherOut.length)
-                : matcherOut,
-            );
-            if (postFinder) {
-              postFinder(null, results, matcherOut, xml);
-            } else {
-              push.apply(results, matcherOut);
-            }
-          }
-        });
-      }
-
-      function matcherFromTokens(tokens) {
-        var checkContext,
-          matcher,
-          j,
-          len = tokens.length,
-          leadingRelative = Expr.relative[tokens[0].type],
-          implicitRelative = leadingRelative || Expr.relative[" "],
-          i = leadingRelative ? 1 : 0,
-          // The foundational matcher ensures that elements are reachable from top-level context(s)
-          matchContext = addCombinator(
-            function (elem) {
-              return elem === checkContext;
-            },
-            implicitRelative,
-            true,
-          ),
-          matchAnyContext = addCombinator(
-            function (elem) {
-              return indexOf(checkContext, elem) > -1;
-            },
-            implicitRelative,
-            true,
-          ),
-          matchers = [
-            function (elem, context, xml) {
-              var ret =
-                (!leadingRelative && (xml || context !== outermostContext)) ||
-                ((checkContext = context).nodeType
-                  ? matchContext(elem, context, xml)
-                  : matchAnyContext(elem, context, xml));
-
-              // Avoid hanging onto element (issue #299)
-              checkContext = null;
-              return ret;
-            },
-          ];
-
-        for (; i < len; i++) {
-          if ((matcher = Expr.relative[tokens[i].type])) {
-            matchers = [addCombinator(elementMatcher(matchers), matcher)];
-          } else {
-            matcher = Expr.filter[tokens[i].type].apply(
-              null,
-              tokens[i].matches,
-            );
-
-            // Return special upon seeing a positional matcher
-            if (matcher[expando]) {
-              // Find the next relative operator (if any) for proper handling
-              j = ++i;
-              for (; j < len; j++) {
-                if (Expr.relative[tokens[j].type]) {
-                  break;
-                }
-              }
-              return setMatcher(
-                i > 1 && elementMatcher(matchers),
-                i > 1 &&
-                  toSelector(
-                    // If the preceding token was a descendant combinator, insert an implicit any-element `*`
-                    tokens
-                      .slice(0, i - 1)
-                      .concat({ value: tokens[i - 2].type === " " ? "*" : "" }),
-                  ).replace(rtrim, "$1"),
-                matcher,
-                i < j && matcherFromTokens(tokens.slice(i, j)),
-                j < len && matcherFromTokens((tokens = tokens.slice(j))),
-                j < len && toSelector(tokens),
-              );
-            }
-            matchers.push(matcher);
-          }
-        }
-
-        return elementMatcher(matchers);
-      }
-
-      function matcherFromGroupMatchers(elementMatchers, setMatchers) {
-        var bySet = setMatchers.length > 0,
-          byElement = elementMatchers.length > 0,
-          superMatcher = function (seed, context, xml, results, outermost) {
-            var elem,
-              j,
-              matcher,
-              matchedCount = 0,
-              i = "0",
-              unmatched = seed && [],
-              setMatched = [],
-              contextBackup = outermostContext,
-              // We must always have either seed elements or outermost context
-              elems = seed || (byElement && Expr.find["TAG"]("*", outermost)),
-              // Use integer dirruns iff this is the outermost matcher
-              dirrunsUnique = (dirruns +=
-                contextBackup == null ? 1 : Math.random() || 0.1),
-              len = elems.length;
-
-            if (outermost) {
-              // Support: IE 11+, Edge 17 - 18+
-              // IE/Edge sometimes throw a "Permission denied" error when strict-comparing
-              // two documents; shallow comparisons work.
-              // eslint-disable-next-line eqeqeq
-              outermostContext = context == document || context || outermost;
-            }
-
-            // Add elements passing elementMatchers directly to results
-            // Support: IE<9, Safari
-            // Tolerate NodeList properties (IE: "length"; Safari: <number>) matching elements by id
-            for (; i !== len && (elem = elems[i]) != null; i++) {
-              if (byElement && elem) {
-                j = 0;
-
-                // Support: IE 11+, Edge 17 - 18+
-                // IE/Edge sometimes throw a "Permission denied" error when strict-comparing
-                // two documents; shallow comparisons work.
-                // eslint-disable-next-line eqeqeq
-                if (!context && elem.ownerDocument != document) {
-                  setDocument(elem);
-                  xml = !documentIsHTML;
-                }
-                while ((matcher = elementMatchers[j++])) {
-                  if (matcher(elem, context || document, xml)) {
-                    results.push(elem);
-                    break;
-                  }
-                }
-                if (outermost) {
-                  dirruns = dirrunsUnique;
-                }
-              }
-
-              // Track unmatched elements for set filters
-              if (bySet) {
-                // They will have gone through all possible matchers
-                if ((elem = !matcher && elem)) {
-                  matchedCount--;
-                }
-
-                // Lengthen the array for every element, matched or not
-                if (seed) {
-                  unmatched.push(elem);
-                }
-              }
-            }
-
-            // `i` is now the count of elements visited above, and adding it to `matchedCount`
-            // makes the latter nonnegative.
-            matchedCount += i;
-
-            // Apply set filters to unmatched elements
-            // NOTE: This can be skipped if there are no unmatched elements (i.e., `matchedCount`
-            // equals `i`), unless we didn't visit _any_ elements in the above loop because we have
-            // no element matchers and no seed.
-            // Incrementing an initially-string "0" `i` allows `i` to remain a string only in that
-            // case, which will result in a "00" `matchedCount` that differs from `i` but is also
-            // numerically zero.
-            if (bySet && i !== matchedCount) {
-              j = 0;
-              while ((matcher = setMatchers[j++])) {
-                matcher(unmatched, setMatched, context, xml);
-              }
-
-              if (seed) {
-                // Reintegrate element matches to eliminate the need for sorting
-                if (matchedCount > 0) {
-                  while (i--) {
-                    if (!(unmatched[i] || setMatched[i])) {
-                      setMatched[i] = pop.call(results);
-                    }
-                  }
-                }
-
-                // Discard index placeholder values to get only actual matches
-                setMatched = condense(setMatched);
-              }
-
-              // Add matches to results
-              push.apply(results, setMatched);
-
-              // Seedless set matches succeeding multiple successful matchers stipulate sorting
-              if (
-                outermost &&
-                !seed &&
-                setMatched.length > 0 &&
-                matchedCount + setMatchers.length > 1
-              ) {
-                Sizzle.uniqueSort(results);
-              }
-            }
-
-            // Override manipulation of globals by nested matchers
-            if (outermost) {
-              dirruns = dirrunsUnique;
-              outermostContext = contextBackup;
-            }
-
-            return unmatched;
-          };
-
-        return bySet ? markFunction(superMatcher) : superMatcher;
-      }
-
-      compile = Sizzle.compile = function (
-        selector,
-        match /* Internal Use Only */,
-      ) {
-        var i,
-          setMatchers = [],
-          elementMatchers = [],
-          cached = compilerCache[selector + " "];
-
-        if (!cached) {
-          // Generate a function of recursive functions that can be used to check each element
-          if (!match) {
-            match = tokenize(selector);
-          }
-          i = match.length;
-          while (i--) {
-            cached = matcherFromTokens(match[i]);
-            if (cached[expando]) {
-              setMatchers.push(cached);
-            } else {
-              elementMatchers.push(cached);
-            }
-          }
-
-          // Cache the compiled function
-          cached = compilerCache(
-            selector,
-            matcherFromGroupMatchers(elementMatchers, setMatchers),
-          );
-
-          // Save selector and tokenization
-          cached.selector = selector;
-        }
-        return cached;
-      };
-
-      /**
-       * A low-level selection function that works with Sizzle's compiled
-       *  selector functions
-       * @param {String|Function} selector A selector or a pre-compiled
-       *  selector function built with Sizzle.compile
-       * @param {Element} context
-       * @param {Array} [results]
-       * @param {Array} [seed] A set of elements to match against
-       */
-      select = Sizzle.select = function (selector, context, results, seed) {
-        var i,
-          tokens,
-          token,
-          type,
-          find,
-          compiled = typeof selector === "function" && selector,
-          match = !seed && tokenize((selector = compiled.selector || selector));
-
-        results = results || [];
-
-        // Try to minimize operations if there is only one selector in the list and no seed
-        // (the latter of which guarantees us context)
-        if (match.length === 1) {
-          // Reduce context if the leading compound selector is an ID
-          tokens = match[0] = match[0].slice(0);
-          if (
-            tokens.length > 2 &&
-            (token = tokens[0]).type === "ID" &&
-            context.nodeType === 9 &&
-            documentIsHTML &&
-            Expr.relative[tokens[1].type]
-          ) {
-            context = (Expr.find["ID"](
-              token.matches[0].replace(runescape, funescape),
-              context,
-            ) || [])[0];
-            if (!context) {
-              return results;
-
-              // Precompiled matchers will still verify ancestry, so step up a level
-            } else if (compiled) {
-              context = context.parentNode;
-            }
-
-            selector = selector.slice(tokens.shift().value.length);
-          }
-
-          // Fetch a seed set for right-to-left matching
-          i = matchExpr["needsContext"].test(selector) ? 0 : tokens.length;
-          while (i--) {
-            token = tokens[i];
-
-            // Abort if we hit a combinator
-            if (Expr.relative[(type = token.type)]) {
-              break;
-            }
-            if ((find = Expr.find[type])) {
-              // Search, expanding context for leading sibling combinators
-              if (
-                (seed = find(
-                  token.matches[0].replace(runescape, funescape),
-                  (rsibling.test(tokens[0].type) &&
-                    testContext(context.parentNode)) ||
-                    context,
-                ))
-              ) {
-                // If seed is empty or no tokens remain, we can return early
-                tokens.splice(i, 1);
-                selector = seed.length && toSelector(tokens);
-                if (!selector) {
-                  push.apply(results, seed);
-                  return results;
-                }
-
-                break;
-              }
-            }
-          }
-        }
-
-        // Compile and execute a filtering function if one is not provided
-        // Provide `match` to avoid retokenization if we modified the selector above
-        (compiled || compile(selector, match))(
-          seed,
-          context,
-          !documentIsHTML,
-          results,
-          !context ||
-            (rsibling.test(selector) && testContext(context.parentNode)) ||
-            context,
-        );
-        return results;
-      };
-
-      // One-time assignments
-
-      // Sort stability
-      support.sortStable =
-        expando.split("").sort(sortOrder).join("") === expando;
-
-      // Support: Chrome 14-35+
-      // Always assume duplicates if they aren't passed to the comparison function
-      support.detectDuplicates = !!hasDuplicate;
-
-      // Initialize against the default document
-      setDocument();
-
-      // Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27)
-      // Detached nodes confoundingly follow *each other*
-      support.sortDetached = assert(function (el) {
-        // Should return 1, but returns 4 (following)
-        return (
-          el.compareDocumentPosition(document.createElement("fieldset")) & 1
-        );
-      });
-
-      // Support: IE<8
-      // Prevent attribute/property "interpolation"
-      // https://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
-      if (
-        !assert(function (el) {
-          el.innerHTML = "<a href='#'></a>";
-          return el.firstChild.getAttribute("href") === "#";
-        })
-      ) {
-        addHandle("type|href|height|width", function (elem, name, isXML) {
-          if (!isXML) {
-            return elem.getAttribute(
-              name,
-              name.toLowerCase() === "type" ? 1 : 2,
-            );
-          }
-        });
-      }
-
-      // Support: IE<9
-      // Use defaultValue in place of getAttribute("value")
-      if (
-        !support.attributes ||
-        !assert(function (el) {
-          el.innerHTML = "<input/>";
-          el.firstChild.setAttribute("value", "");
-          return el.firstChild.getAttribute("value") === "";
-        })
-      ) {
-        addHandle("value", function (elem, _name, isXML) {
-          if (!isXML && elem.nodeName.toLowerCase() === "input") {
-            return elem.defaultValue;
-          }
-        });
-      }
-
-      // Support: IE<9
-      // Use getAttributeNode to fetch booleans when getAttribute lies
-      if (
-        !assert(function (el) {
-          return el.getAttribute("disabled") == null;
-        })
-      ) {
-        addHandle(booleans, function (elem, name, isXML) {
-          var val;
-          if (!isXML) {
-            return elem[name] === true
-              ? name.toLowerCase()
-              : (val = elem.getAttributeNode(name)) && val.specified
-                ? val.value
-                : null;
-          }
-        });
-      }
-
-      return Sizzle;
-    })(window);
-
-  jQuery.find = Sizzle;
-  jQuery.expr = Sizzle.selectors;
-
-  // Deprecated
-  jQuery.expr[":"] = jQuery.expr.pseudos;
-  jQuery.uniqueSort = jQuery.unique = Sizzle.uniqueSort;
-  jQuery.text = Sizzle.getText;
-  jQuery.isXMLDoc = Sizzle.isXML;
-  jQuery.contains = Sizzle.contains;
-  jQuery.escapeSelector = Sizzle.escape;
-
-  var dir = function (elem, dir, until) {
-    var matched = [],
-      truncate = until !== undefined;
-
-    while ((elem = elem[dir]) && elem.nodeType !== 9) {
-      if (elem.nodeType === 1) {
-        if (truncate && jQuery(elem).is(until)) {
-          break;
-        }
-        matched.push(elem);
-      }
-    }
-    return matched;
-  };
-
-  var siblings = function (n, elem) {
-    var matched = [];
-
-    for (; n; n = n.nextSibling) {
-      if (n.nodeType === 1 && n !== elem) {
-        matched.push(n);
-      }
-    }
-
-    return matched;
-  };
-
-  var rneedsContext = jQuery.expr.match.needsContext;
-
-  function nodeName(elem, name) {
-    return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
-  }
-  var rsingleTag =
-    /^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;
-
-  // Implement the identical functionality for filter and not
-  function winnow(elements, qualifier, not) {
-    if (isFunction(qualifier)) {
-      return jQuery.grep(elements, function (elem, i) {
-        return !!qualifier.call(elem, i, elem) !== not;
-      });
-    }
-
-    // Single element
-    if (qualifier.nodeType) {
-      return jQuery.grep(elements, function (elem) {
-        return (elem === qualifier) !== not;
-      });
-    }
-
-    // Arraylike of elements (jQuery, arguments, Array)
-    if (typeof qualifier !== "string") {
-      return jQuery.grep(elements, function (elem) {
-        return indexOf.call(qualifier, elem) > -1 !== not;
-      });
-    }
-
-    // Filtered directly for both simple and complex selectors
-    return jQuery.filter(qualifier, elements, not);
-  }
-
-  jQuery.filter = function (expr, elems, not) {
-    var elem = elems[0];
-
-    if (not) {
-      expr = ":not(" + expr + ")";
-    }
-
-    if (elems.length === 1 && elem.nodeType === 1) {
-      return jQuery.find.matchesSelector(elem, expr) ? [elem] : [];
-    }
-
-    return jQuery.find.matches(
-      expr,
-      jQuery.grep(elems, function (elem) {
-        return elem.nodeType === 1;
-      }),
-    );
-  };
-
-  jQuery.fn.extend({
-    find: function (selector) {
-      var i,
-        ret,
-        len = this.length,
-        self = this;
-
-      if (typeof selector !== "string") {
-        return this.pushStack(
-          jQuery(selector).filter(function () {
-            for (i = 0; i < len; i++) {
-              if (jQuery.contains(self[i], this)) {
-                return true;
-              }
-            }
-          }),
-        );
-      }
-
-      ret = this.pushStack([]);
-
-      for (i = 0; i < len; i++) {
-        jQuery.find(selector, self[i], ret);
-      }
-
-      return len > 1 ? jQuery.uniqueSort(ret) : ret;
-    },
-    filter: function (selector) {
-      return this.pushStack(winnow(this, selector || [], false));
-    },
-    not: function (selector) {
-      return this.pushStack(winnow(this, selector || [], true));
-    },
-    is: function (selector) {
-      return !!winnow(
-        this,
-
-        // If this is a positional/relative selector, check membership in the returned set
-        // so $("p:first").is("p:last") won't return true for a doc with two "p".
-        typeof selector === "string" && rneedsContext.test(selector)
-          ? jQuery(selector)
-          : selector || [],
-        false,
-      ).length;
-    },
-  });
-
-  // Initialize a jQuery object
-
-  // A central reference to the root jQuery(document)
-  var rootjQuery,
-    // A simple way to check for HTML strings
-    // Prioritize #id over <tag> to avoid XSS via location.hash (trac-9521)
-    // Strict HTML recognition (trac-11290: must start with <)
-    // Shortcut simple #id case for speed
-    rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/,
-    init = (jQuery.fn.init = function (selector, context, root) {
-      var match, elem;
-
-      // HANDLE: $(""), $(null), $(undefined), $(false)
-      if (!selector) {
-        return this;
-      }
-
-      // Method init() accepts an alternate rootjQuery
-      // so migrate can support jQuery.sub (gh-2101)
-      root = root || rootjQuery;
-
-      // Handle HTML strings
-      if (typeof selector === "string") {
-        if (
-          selector[0] === "<" &&
-          selector[selector.length - 1] === ">" &&
-          selector.length >= 3
-        ) {
-          // Assume that strings that start and end with <> are HTML and skip the regex check
-          match = [null, selector, null];
-        } else {
-          match = rquickExpr.exec(selector);
-        }
-
-        // Match html or make sure no context is specified for #id
-        if (match && (match[1] || !context)) {
-          // HANDLE: $(html) -> $(array)
-          if (match[1]) {
-            context = context instanceof jQuery ? context[0] : context;
-
-            // Option to run scripts is true for back-compat
-            // Intentionally let the error be thrown if parseHTML is not present
-            jQuery.merge(
-              this,
-              jQuery.parseHTML(
-                match[1],
-                context && context.nodeType
-                  ? context.ownerDocument || context
-                  : document,
-                true,
-              ),
-            );
-
-            // HANDLE: $(html, props)
-            if (rsingleTag.test(match[1]) && jQuery.isPlainObject(context)) {
-              for (match in context) {
-                // Properties of context are called as methods if possible
-                if (isFunction(this[match])) {
-                  this[match](context[match]);
-
-                  // ...and otherwise set as attributes
-                } else {
-                  this.attr(match, context[match]);
-                }
-              }
-            }
-
-            return this;
-
-            // HANDLE: $(#id)
-          } else {
-            elem = document.getElementById(match[2]);
-
-            if (elem) {
-              // Inject the element directly into the jQuery object
-              this[0] = elem;
-              this.length = 1;
-            }
-            return this;
-          }
-
-          // HANDLE: $(expr, $(...))
-        } else if (!context || context.jquery) {
-          return (context || root).find(selector);
-
-          // HANDLE: $(expr, context)
-          // (which is just equivalent to: $(context).find(expr)
-        } else {
-          return this.constructor(context).find(selector);
-        }
-
-        // HANDLE: $(DOMElement)
-      } else if (selector.nodeType) {
-        this[0] = selector;
-        this.length = 1;
-        return this;
-
-        // HANDLE: $(function)
-        // Shortcut for document ready
-      } else if (isFunction(selector)) {
-        return root.ready !== undefined
-          ? root.ready(selector)
-          : // Execute immediately if ready is not present
-            selector(jQuery);
-      }
-
-      return jQuery.makeArray(selector, this);
-    });
-
-  // Give the init function the jQuery prototype for later instantiation
-  init.prototype = jQuery.fn;
-
-  // Initialize central reference
-  rootjQuery = jQuery(document);
-
-  var rparentsprev = /^(?:parents|prev(?:Until|All))/,
-    // Methods guaranteed to produce a unique set when starting from a unique set
-    guaranteedUnique = {
-      children: true,
-      contents: true,
-      next: true,
-      prev: true,
-    };
-
-  jQuery.fn.extend({
-    has: function (target) {
-      var targets = jQuery(target, this),
-        l = targets.length;
-
-      return this.filter(function () {
-        var i = 0;
-        for (; i < l; i++) {
-          if (jQuery.contains(this, targets[i])) {
-            return true;
-          }
-        }
-      });
-    },
-
-    closest: function (selectors, context) {
-      var cur,
-        i = 0,
-        l = this.length,
-        matched = [],
-        targets = typeof selectors !== "string" && jQuery(selectors);
-
-      // Positional selectors never match, since there's no _selection_ context
-      if (!rneedsContext.test(selectors)) {
-        for (; i < l; i++) {
-          for (cur = this[i]; cur && cur !== context; cur = cur.parentNode) {
-            // Always skip document fragments
-            if (
-              cur.nodeType < 11 &&
-              (targets
-                ? targets.index(cur) > -1
-                : // Don't pass non-elements to Sizzle
-                  cur.nodeType === 1 &&
-                  jQuery.find.matchesSelector(cur, selectors))
-            ) {
-              matched.push(cur);
-              break;
-            }
-          }
-        }
-      }
-
-      return this.pushStack(
-        matched.length > 1 ? jQuery.uniqueSort(matched) : matched,
-      );
-    },
-
-    // Determine the position of an element within the set
-    index: function (elem) {
-      // No argument, return index in parent
-      if (!elem) {
-        return this[0] && this[0].parentNode
-          ? this.first().prevAll().length
-          : -1;
-      }
-
-      // Index in selector
-      if (typeof elem === "string") {
-        return indexOf.call(jQuery(elem), this[0]);
-      }
-
-      // Locate the position of the desired element
-      return indexOf.call(
-        this,
-
-        // If it receives a jQuery object, the first element is used
-        elem.jquery ? elem[0] : elem,
-      );
-    },
-
-    add: function (selector, context) {
-      return this.pushStack(
-        jQuery.uniqueSort(jQuery.merge(this.get(), jQuery(selector, context))),
-      );
-    },
-
-    addBack: function (selector) {
-      return this.add(
-        selector == null ? this.prevObject : this.prevObject.filter(selector),
-      );
-    },
-  });
-
-  function sibling(cur, dir) {
-    while ((cur = cur[dir]) && cur.nodeType !== 1) {}
-    return cur;
-  }
-
-  jQuery.each(
-    {
-      parent: function (elem) {
-        var parent = elem.parentNode;
-        return parent && parent.nodeType !== 11 ? parent : null;
-      },
-      parents: function (elem) {
-        return dir(elem, "parentNode");
-      },
-      parentsUntil: function (elem, _i, until) {
-        return dir(elem, "parentNode", until);
-      },
-      next: function (elem) {
-        return sibling(elem, "nextSibling");
-      },
-      prev: function (elem) {
-        return sibling(elem, "previousSibling");
-      },
-      nextAll: function (elem) {
-        return dir(elem, "nextSibling");
-      },
-      prevAll: function (elem) {
-        return dir(elem, "previousSibling");
-      },
-      nextUntil: function (elem, _i, until) {
-        return dir(elem, "nextSibling", until);
-      },
-      prevUntil: function (elem, _i, until) {
-        return dir(elem, "previousSibling", until);
-      },
-      siblings: function (elem) {
-        return siblings((elem.parentNode || {}).firstChild, elem);
-      },
-      children: function (elem) {
-        return siblings(elem.firstChild);
-      },
-      contents: function (elem) {
-        if (
-          elem.contentDocument != null &&
-          // Support: IE 11+
-          // <object> elements with no `data` attribute has an object
-          // `contentDocument` with a `null` prototype.
-          getProto(elem.contentDocument)
-        ) {
-          return elem.contentDocument;
-        }
-
-        // Support: IE 9 - 11 only, iOS 7 only, Android Browser <=4.3 only
-        // Treat the template element as a regular one in browsers that
-        // don't support it.
-        if (nodeName(elem, "template")) {
-          elem = elem.content || elem;
-        }
-
-        return jQuery.merge([], elem.childNodes);
-      },
-    },
-    function (name, fn) {
-      jQuery.fn[name] = function (until, selector) {
-        var matched = jQuery.map(this, fn, until);
-
-        if (name.slice(-5) !== "Until") {
-          selector = until;
-        }
-
-        if (selector && typeof selector === "string") {
-          matched = jQuery.filter(selector, matched);
-        }
-
-        if (this.length > 1) {
-          // Remove duplicates
-          if (!guaranteedUnique[name]) {
-            jQuery.uniqueSort(matched);
-          }
-
-          // Reverse order for parents* and prev-derivatives
-          if (rparentsprev.test(name)) {
-            matched.reverse();
-          }
-        }
-
-        return this.pushStack(matched);
-      };
-    },
-  );
-  var rnothtmlwhite = /[^\x20\t\r\n\f]+/g;
-
-  // Convert String-formatted options into Object-formatted ones
-  function createOptions(options) {
-    var object = {};
-    jQuery.each(options.match(rnothtmlwhite) || [], function (_, flag) {
-      object[flag] = true;
-    });
-    return object;
-  }
-
-  /*
-   * Create a callback list using the following parameters:
-   *
-   *	options: an optional list of space-separated options that will change how
-   *			the callback list behaves or a more traditional option object
-   *
-   * By default a callback list will act like an event callback list and can be
-   * "fired" multiple times.
-   *
-   * Possible options:
-   *
-   *	once:			will ensure the callback list can only be fired once (like a Deferred)
-   *
-   *	memory:			will keep track of previous values and will call any callback added
-   *					after the list has been fired right away with the latest "memorized"
-   *					values (like a Deferred)
-   *
-   *	unique:			will ensure a callback can only be added once (no duplicate in the list)
-   *
-   *	stopOnFalse:	interrupt callings when a callback returns false
-   *
-   */
-  jQuery.Callbacks = function (options) {
-    // Convert options from String-formatted to Object-formatted if needed
-    // (we check in cache first)
-    options =
-      typeof options === "string"
-        ? createOptions(options)
-        : jQuery.extend({}, options);
-
-    var // Flag to know if list is currently firing
-      firing,
-      // Last fire value for non-forgettable lists
-      memory,
-      // Flag to know if list was already fired
-      fired,
-      // Flag to prevent firing
-      locked,
-      // Actual callback list
-      list = [],
-      // Queue of execution data for repeatable lists
-      queue = [],
-      // Index of currently firing callback (modified by add/remove as needed)
-      firingIndex = -1,
-      // Fire callbacks
-      fire = function () {
-        // Enforce single-firing
-        locked = locked || options.once;
-
-        // Execute callbacks for all pending executions,
-        // respecting firingIndex overrides and runtime changes
-        fired = firing = true;
-        for (; queue.length; firingIndex = -1) {
-          memory = queue.shift();
-          while (++firingIndex < list.length) {
-            // Run callback and check for early termination
-            if (
-              list[firingIndex].apply(memory[0], memory[1]) === false &&
-              options.stopOnFalse
-            ) {
-              // Jump to end and forget the data so .add doesn't re-fire
-              firingIndex = list.length;
-              memory = false;
-            }
-          }
-        }
-
-        // Forget the data if we're done with it
-        if (!options.memory) {
-          memory = false;
-        }
-
-        firing = false;
-
-        // Clean up if we're done firing for good
-        if (locked) {
-          // Keep an empty list if we have data for future add calls
-          if (memory) {
-            list = [];
-
-            // Otherwise, this object is spent
-          } else {
-            list = "";
-          }
-        }
-      },
-      // Actual Callbacks object
-      self = {
-        // Add a callback or a collection of callbacks to the list
-        add: function () {
-          if (list) {
-            // If we have memory from a past run, we should fire after adding
-            if (memory && !firing) {
-              firingIndex = list.length - 1;
-              queue.push(memory);
-            }
-
-            (function add(args) {
-              jQuery.each(args, function (_, arg) {
-                if (isFunction(arg)) {
-                  if (!options.unique || !self.has(arg)) {
-                    list.push(arg);
-                  }
-                } else if (arg && arg.length && toType(arg) !== "string") {
-                  // Inspect recursively
-                  add(arg);
-                }
-              });
-            })(arguments);
-
-            if (memory && !firing) {
-              fire();
-            }
-          }
-          return this;
-        },
-
-        // Remove a callback from the list
-        remove: function () {
-          jQuery.each(arguments, function (_, arg) {
-            var index;
-            while ((index = jQuery.inArray(arg, list, index)) > -1) {
-              list.splice(index, 1);
-
-              // Handle firing indexes
-              if (index <= firingIndex) {
-                firingIndex--;
-              }
-            }
-          });
-          return this;
-        },
-
-        // Check if a given callback is in the list.
-        // If no argument is given, return whether or not list has callbacks attached.
-        has: function (fn) {
-          return fn ? jQuery.inArray(fn, list) > -1 : list.length > 0;
-        },
-
-        // Remove all callbacks from the list
-        empty: function () {
-          if (list) {
-            list = [];
-          }
-          return this;
-        },
-
-        // Disable .fire and .add
-        // Abort any current/pending executions
-        // Clear all callbacks and values
-        disable: function () {
-          locked = queue = [];
-          list = memory = "";
-          return this;
-        },
-        disabled: function () {
-          return !list;
-        },
-
-        // Disable .fire
-        // Also disable .add unless we have memory (since it would have no effect)
-        // Abort any pending executions
-        lock: function () {
-          locked = queue = [];
-          if (!memory && !firing) {
-            list = memory = "";
-          }
-          return this;
-        },
-        locked: function () {
-          return !!locked;
-        },
-
-        // Call all callbacks with the given context and arguments
-        fireWith: function (context, args) {
-          if (!locked) {
-            args = args || [];
-            args = [context, args.slice ? args.slice() : args];
-            queue.push(args);
-            if (!firing) {
-              fire();
-            }
-          }
-          return this;
-        },
-
-        // Call all the callbacks with the given arguments
-        fire: function () {
-          self.fireWith(this, arguments);
-          return this;
-        },
-
-        // To know if the callbacks have already been called at least once
-        fired: function () {
-          return !!fired;
-        },
-      };
-
-    return self;
-  };
-
-  function Identity(v) {
-    return v;
-  }
-  function Thrower(ex) {
-    throw ex;
-  }
-
-  function adoptValue(value, resolve, reject, noValue) {
-    var method;
-
-    try {
-      // Check for promise aspect first to privilege synchronous behavior
-      if (value && isFunction((method = value.promise))) {
-        method.call(value).done(resolve).fail(reject);
-
-        // Other thenables
-      } else if (value && isFunction((method = value.then))) {
-        method.call(value, resolve, reject);
-
-        // Other non-thenables
-      } else {
-        // Control `resolve` arguments by letting Array#slice cast boolean `noValue` to integer:
-        // * false: [ value ].slice( 0 ) => resolve( value )
-        // * true: [ value ].slice( 1 ) => resolve()
-        resolve.apply(undefined, [value].slice(noValue));
-      }
-
-      // For Promises/A+, convert exceptions into rejections
-      // Since jQuery.when doesn't unwrap thenables, we can skip the extra checks appearing in
-      // Deferred#then to conditionally suppress rejection.
-    } catch (value) {
-      // Support: Android 4.0 only
-      // Strict mode functions invoked without .call/.apply get global-object context
-      reject.apply(undefined, [value]);
-    }
-  }
-
-  jQuery.extend({
-    Deferred: function (func) {
-      var tuples = [
-          // action, add listener, callbacks,
-          // ... .then handlers, argument index, [final state]
-          [
-            "notify",
-            "progress",
-            jQuery.Callbacks("memory"),
-            jQuery.Callbacks("memory"),
-            2,
-          ],
-          [
-            "resolve",
-            "done",
-            jQuery.Callbacks("once memory"),
-            jQuery.Callbacks("once memory"),
-            0,
-            "resolved",
-          ],
-          [
-            "reject",
-            "fail",
-            jQuery.Callbacks("once memory"),
-            jQuery.Callbacks("once memory"),
-            1,
-            "rejected",
-          ],
-        ],
-        state = "pending",
-        promise = {
-          state: function () {
-            return state;
-          },
-          always: function () {
-            deferred.done(arguments).fail(arguments);
-            return this;
-          },
-          catch: function (fn) {
-            return promise.then(null, fn);
-          },
-
-          // Keep pipe for back-compat
-          pipe: function (/* fnDone, fnFail, fnProgress */) {
-            var fns = arguments;
-
-            return jQuery
-              .Deferred(function (newDefer) {
-                jQuery.each(tuples, function (_i, tuple) {
-                  // Map tuples (progress, done, fail) to arguments (done, fail, progress)
-                  var fn = isFunction(fns[tuple[4]]) && fns[tuple[4]];
-
-                  // deferred.progress(function() { bind to newDefer or newDefer.notify })
-                  // deferred.done(function() { bind to newDefer or newDefer.resolve })
-                  // deferred.fail(function() { bind to newDefer or newDefer.reject })
-                  deferred[tuple[1]](function () {
-                    var returned = fn && fn.apply(this, arguments);
-                    if (returned && isFunction(returned.promise)) {
-                      returned
-                        .promise()
-                        .progress(newDefer.notify)
-                        .done(newDefer.resolve)
-                        .fail(newDefer.reject);
-                    } else {
-                      newDefer[tuple[0] + "With"](
-                        this,
-                        fn ? [returned] : arguments,
-                      );
-                    }
-                  });
-                });
-                fns = null;
-              })
-              .promise();
-          },
-          then: function (onFulfilled, onRejected, onProgress) {
-            var maxDepth = 0;
-            function resolve(depth, deferred, handler, special) {
-              return function () {
-                var that = this,
-                  args = arguments,
-                  mightThrow = function () {
-                    var returned, then;
-
-                    // Support: Promises/A+ section 2.3.3.3.3
-                    // https://promisesaplus.com/#point-59
-                    // Ignore double-resolution attempts
-                    if (depth < maxDepth) {
-                      return;
-                    }
-
-                    returned = handler.apply(that, args);
-
-                    // Support: Promises/A+ section 2.3.1
-                    // https://promisesaplus.com/#point-48
-                    if (returned === deferred.promise()) {
-                      throw new TypeError("Thenable self-resolution");
-                    }
-
-                    // Support: Promises/A+ sections 2.3.3.1, 3.5
-                    // https://promisesaplus.com/#point-54
-                    // https://promisesaplus.com/#point-75
-                    // Retrieve `then` only once
-                    then =
-                      returned &&
-                      // Support: Promises/A+ section 2.3.4
-                      // https://promisesaplus.com/#point-64
-                      // Only check objects and functions for thenability
-                      (typeof returned === "object" ||
-                        typeof returned === "function") &&
-                      returned.then;
-
-                    // Handle a returned thenable
-                    if (isFunction(then)) {
-                      // Special processors (notify) just wait for resolution
-                      if (special) {
-                        then.call(
-                          returned,
-                          resolve(maxDepth, deferred, Identity, special),
-                          resolve(maxDepth, deferred, Thrower, special),
-                        );
-
-                        // Normal processors (resolve) also hook into progress
-                      } else {
-                        // ...and disregard older resolution values
-                        maxDepth++;
-
-                        then.call(
-                          returned,
-                          resolve(maxDepth, deferred, Identity, special),
-                          resolve(maxDepth, deferred, Thrower, special),
-                          resolve(
-                            maxDepth,
-                            deferred,
-                            Identity,
-                            deferred.notifyWith,
-                          ),
-                        );
-                      }
-
-                      // Handle all other returned values
-                    } else {
-                      // Only substitute handlers pass on context
-                      // and multiple values (non-spec behavior)
-                      if (handler !== Identity) {
-                        that = undefined;
-                        args = [returned];
-                      }
-
-                      // Process the value(s)
-                      // Default process is resolve
-                      (special || deferred.resolveWith)(that, args);
-                    }
-                  },
-                  // Only normal processors (resolve) catch and reject exceptions
-                  process = special
-                    ? mightThrow
-                    : function () {
-                        try {
-                          mightThrow();
-                        } catch (e) {
-                          if (jQuery.Deferred.exceptionHook) {
-                            jQuery.Deferred.exceptionHook(
-                              e,
-                              process.stackTrace,
-                            );
-                          }
-
-                          // Support: Promises/A+ section 2.3.3.3.4.1
-                          // https://promisesaplus.com/#point-61
-                          // Ignore post-resolution exceptions
-                          if (depth + 1 >= maxDepth) {
-                            // Only substitute handlers pass on context
-                            // and multiple values (non-spec behavior)
-                            if (handler !== Thrower) {
-                              that = undefined;
-                              args = [e];
-                            }
-
-                            deferred.rejectWith(that, args);
-                          }
-                        }
-                      };
-
-                // Support: Promises/A+ section 2.3.3.3.1
-                // https://promisesaplus.com/#point-57
-                // Re-resolve promises immediately to dodge false rejection from
-                // subsequent errors
-                if (depth) {
-                  process();
-                } else {
-                  // Call an optional hook to record the stack, in case of exception
-                  // since it's otherwise lost when execution goes async
-                  if (jQuery.Deferred.getStackHook) {
-                    process.stackTrace = jQuery.Deferred.getStackHook();
-                  }
-                  window.setTimeout(process);
-                }
-              };
-            }
-
-            return jQuery
-              .Deferred(function (newDefer) {
-                // progress_handlers.add( ... )
-                tuples[0][3].add(
-                  resolve(
-                    0,
-                    newDefer,
-                    isFunction(onProgress) ? onProgress : Identity,
-                    newDefer.notifyWith,
-                  ),
-                );
-
-                // fulfilled_handlers.add( ... )
-                tuples[1][3].add(
-                  resolve(
-                    0,
-                    newDefer,
-                    isFunction(onFulfilled) ? onFulfilled : Identity,
-                  ),
-                );
-
-                // rejected_handlers.add( ... )
-                tuples[2][3].add(
-                  resolve(
-                    0,
-                    newDefer,
-                    isFunction(onRejected) ? onRejected : Thrower,
-                  ),
-                );
-              })
-              .promise();
-          },
-
-          // Get a promise for this deferred
-          // If obj is provided, the promise aspect is added to the object
-          promise: function (obj) {
-            return obj != null ? jQuery.extend(obj, promise) : promise;
-          },
-        },
-        deferred = {};
-
-      // Add list-specific methods
-      jQuery.each(tuples, function (i, tuple) {
-        var list = tuple[2],
-          stateString = tuple[5];
-
-        // promise.progress = list.add
-        // promise.done = list.add
-        // promise.fail = list.add
-        promise[tuple[1]] = list.add;
-
-        // Handle state
-        if (stateString) {
-          list.add(
-            function () {
-              // state = "resolved" (i.e., fulfilled)
-              // state = "rejected"
-              state = stateString;
-            },
-
-            // rejected_callbacks.disable
-            // fulfilled_callbacks.disable
-            tuples[3 - i][2].disable,
-
-            // rejected_handlers.disable
-            // fulfilled_handlers.disable
-            tuples[3 - i][3].disable,
-
-            // progress_callbacks.lock
-            tuples[0][2].lock,
-
-            // progress_handlers.lock
-            tuples[0][3].lock,
-          );
-        }
-
-        // progress_handlers.fire
-        // fulfilled_handlers.fire
-        // rejected_handlers.fire
-        list.add(tuple[3].fire);
-
-        // deferred.notify = function() { deferred.notifyWith(...) }
-        // deferred.resolve = function() { deferred.resolveWith(...) }
-        // deferred.reject = function() { deferred.rejectWith(...) }
-        deferred[tuple[0]] = function () {
-          deferred[tuple[0] + "With"](
-            this === deferred ? undefined : this,
-            arguments,
-          );
-          return this;
-        };
-
-        // deferred.notifyWith = list.fireWith
-        // deferred.resolveWith = list.fireWith
-        // deferred.rejectWith = list.fireWith
-        deferred[tuple[0] + "With"] = list.fireWith;
-      });
-
-      // Make the deferred a promise
-      promise.promise(deferred);
-
-      // Call given func if any
-      if (func) {
-        func.call(deferred, deferred);
-      }
-
-      // All done!
-      return deferred;
-    },
-
-    // Deferred helper
-    when: function (singleValue) {
-      var // count of uncompleted subordinates
-        remaining = arguments.length,
-        // count of unprocessed arguments
-        i = remaining,
-        // subordinate fulfillment data
-        resolveContexts = Array(i),
-        resolveValues = slice.call(arguments),
-        // the primary Deferred
-        primary = jQuery.Deferred(),
-        // subordinate callback factory
-        updateFunc = function (i) {
-          return function (value) {
-            resolveContexts[i] = this;
-            resolveValues[i] =
-              arguments.length > 1 ? slice.call(arguments) : value;
-            if (!--remaining) {
-              primary.resolveWith(resolveContexts, resolveValues);
-            }
-          };
-        };
-
-      // Single- and empty arguments are adopted like Promise.resolve
-      if (remaining <= 1) {
-        adoptValue(
-          singleValue,
-          primary.done(updateFunc(i)).resolve,
-          primary.reject,
-          !remaining,
-        );
-
-        // Use .then() to unwrap secondary thenables (cf. gh-3000)
-        if (
-          primary.state() === "pending" ||
-          isFunction(resolveValues[i] && resolveValues[i].then)
-        ) {
-          return primary.then();
-        }
-      }
-
-      // Multiple arguments are aggregated like Promise.all array elements
-      while (i--) {
-        adoptValue(resolveValues[i], updateFunc(i), primary.reject);
-      }
-
-      return primary.promise();
-    },
-  });
-
-  // These usually indicate a programmer mistake during development,
-  // warn about them ASAP rather than swallowing them by default.
-  var rerrorNames = /^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;
-
-  jQuery.Deferred.exceptionHook = function (error, stack) {
-    // Support: IE 8 - 9 only
-    // Console exists when dev tools are open, which can happen at any time
-    if (
-      window.console &&
-      window.console.warn &&
-      error &&
-      rerrorNames.test(error.name)
-    ) {
-      window.console.warn(
-        "jQuery.Deferred exception: " + error.message,
-        error.stack,
-        stack,
-      );
-    }
-  };
-
-  jQuery.readyException = function (error) {
-    window.setTimeout(function () {
-      throw error;
-    });
-  };
-
-  // The deferred used on DOM ready
-  var readyList = jQuery.Deferred();
-
-  jQuery.fn.ready = function (fn) {
-    readyList
-      .then(fn)
-
-      // Wrap jQuery.readyException in a function so that the lookup
-      // happens at the time of error handling instead of callback
-      // registration.
-      .catch(function (error) {
-        jQuery.readyException(error);
-      });
-
-    return this;
-  };
-
-  jQuery.extend({
-    // Is the DOM ready to be used? Set to true once it occurs.
-    isReady: false,
-
-    // A counter to track how many items to wait for before
-    // the ready event fires. See trac-6781
-    readyWait: 1,
-
-    // Handle when the DOM is ready
-    ready: function (wait) {
-      // Abort if there are pending holds or we're already ready
-      if (wait === true ? --jQuery.readyWait : jQuery.isReady) {
-        return;
-      }
-
-      // Remember that the DOM is ready
-      jQuery.isReady = true;
-
-      // If a normal DOM Ready event fired, decrement, and wait if need be
-      if (wait !== true && --jQuery.readyWait > 0) {
-        return;
-      }
-
-      // If there are functions bound, to execute
-      readyList.resolveWith(document, [jQuery]);
-    },
-  });
-
-  jQuery.ready.then = readyList.then;
-
-  // The ready event handler and self cleanup method
-  function completed() {
-    document.removeEventListener("DOMContentLoaded", completed);
-    window.removeEventListener("load", completed);
-    jQuery.ready();
-  }
-
-  // Catch cases where $(document).ready() is called
-  // after the browser event has already occurred.
-  // Support: IE <=9 - 10 only
-  // Older IE sometimes signals "interactive" too soon
-  if (
-    document.readyState === "complete" ||
-    (document.readyState !== "loading" && !document.documentElement.doScroll)
-  ) {
-    // Handle it asynchronously to allow scripts the opportunity to delay ready
-    window.setTimeout(jQuery.ready);
-  } else {
-    // Use the handy event callback
-    document.addEventListener("DOMContentLoaded", completed);
-
-    // A fallback to window.onload, that will always work
-    window.addEventListener("load", completed);
-  }
-
-  // Multifunctional method to get and set values of a collection
-  // The value/s can optionally be executed if it's a function
-  var access = function (elems, fn, key, value, chainable, emptyGet, raw) {
-    var i = 0,
-      len = elems.length,
-      bulk = key == null;
-
-    // Sets many values
-    if (toType(key) === "object") {
-      chainable = true;
-      for (i in key) {
-        access(elems, fn, i, key[i], true, emptyGet, raw);
-      }
-
-      // Sets one value
-    } else if (value !== undefined) {
-      chainable = true;
-
-      if (!isFunction(value)) {
-        raw = true;
-      }
-
-      if (bulk) {
-        // Bulk operations run against the entire set
-        if (raw) {
-          fn.call(elems, value);
-          fn = null;
-
-          // ...except when executing function values
-        } else {
-          bulk = fn;
-          fn = function (elem, _key, value) {
-            return bulk.call(jQuery(elem), value);
-          };
-        }
-      }
-
-      if (fn) {
-        for (; i < len; i++) {
-          fn(
-            elems[i],
-            key,
-            raw ? value : value.call(elems[i], i, fn(elems[i], key)),
-          );
-        }
-      }
-    }
-
-    if (chainable) {
-      return elems;
-    }
-
-    // Gets
-    if (bulk) {
-      return fn.call(elems);
-    }
-
-    return len ? fn(elems[0], key) : emptyGet;
-  };
-
-  // Matches dashed string for camelizing
-  var rmsPrefix = /^-ms-/,
-    rdashAlpha = /-([a-z])/g;
-
-  // Used by camelCase as callback to replace()
-  function fcamelCase(_all, letter) {
-    return letter.toUpperCase();
-  }
-
-  // Convert dashed to camelCase; used by the css and data modules
-  // Support: IE <=9 - 11, Edge 12 - 15
-  // Microsoft forgot to hump their vendor prefix (trac-9572)
-  function camelCase(string) {
-    return string.replace(rmsPrefix, "ms-").replace(rdashAlpha, fcamelCase);
-  }
-  var acceptData = function (owner) {
-    // Accepts only:
-    //  - Node
-    //    - Node.ELEMENT_NODE
-    //    - Node.DOCUMENT_NODE
-    //  - Object
-    //    - Any
-    return owner.nodeType === 1 || owner.nodeType === 9 || !+owner.nodeType;
-  };
-
-  function Data() {
-    this.expando = jQuery.expando + Data.uid++;
-  }
-
-  Data.uid = 1;
-
-  Data.prototype = {
-    cache: function (owner) {
-      // Check if the owner object already has a cache
-      var value = owner[this.expando];
-
-      // If not, create one
-      if (!value) {
-        value = {};
-
-        // We can accept data for non-element nodes in modern browsers,
-        // but we should not, see trac-8335.
-        // Always return an empty object.
-        if (acceptData(owner)) {
-          // If it is a node unlikely to be stringify-ed or looped over
-          // use plain assignment
-          if (owner.nodeType) {
-            owner[this.expando] = value;
-
-            // Otherwise secure it in a non-enumerable property
-            // configurable must be true to allow the property to be
-            // deleted when data is removed
-          } else {
-            Object.defineProperty(owner, this.expando, {
-              value: value,
-              configurable: true,
-            });
-          }
-        }
-      }
-
-      return value;
-    },
-    set: function (owner, data, value) {
-      var prop,
-        cache = this.cache(owner);
-
-      // Handle: [ owner, key, value ] args
-      // Always use camelCase key (gh-2257)
-      if (typeof data === "string") {
-        cache[camelCase(data)] = value;
-
-        // Handle: [ owner, { properties } ] args
-      } else {
-        // Copy the properties one-by-one to the cache object
-        for (prop in data) {
-          cache[camelCase(prop)] = data[prop];
-        }
-      }
-      return cache;
-    },
-    get: function (owner, key) {
-      return key === undefined
-        ? this.cache(owner)
-        : // Always use camelCase key (gh-2257)
-          owner[this.expando] && owner[this.expando][camelCase(key)];
-    },
-    access: function (owner, key, value) {
-      // In cases where either:
-      //
-      //   1. No key was specified
-      //   2. A string key was specified, but no value provided
-      //
-      // Take the "read" path and allow the get method to determine
-      // which value to return, respectively either:
-      //
-      //   1. The entire cache object
-      //   2. The data stored at the key
-      //
-      if (
-        key === undefined ||
-        (key && typeof key === "string" && value === undefined)
-      ) {
-        return this.get(owner, key);
-      }
-
-      // When the key is not a string, or both a key and value
-      // are specified, set or extend (existing objects) with either:
-      //
-      //   1. An object of properties
-      //   2. A key and value
-      //
-      this.set(owner, key, value);
-
-      // Since the "set" path can have two possible entry points
-      // return the expected data based on which path was taken[*]
-      return value !== undefined ? value : key;
-    },
-    remove: function (owner, key) {
-      var i,
-        cache = owner[this.expando];
-
-      if (cache === undefined) {
-        return;
-      }
-
-      if (key !== undefined) {
-        // Support array or space separated string of keys
-        if (Array.isArray(key)) {
-          // If key is an array of keys...
-          // We always set camelCase keys, so remove that.
-          key = key.map(camelCase);
-        } else {
-          key = camelCase(key);
-
-          // If a key with the spaces exists, use it.
-          // Otherwise, create an array by matching non-whitespace
-          key = key in cache ? [key] : key.match(rnothtmlwhite) || [];
-        }
-
-        i = key.length;
-
-        while (i--) {
-          delete cache[key[i]];
-        }
-      }
-
-      // Remove the expando if there's no more data
-      if (key === undefined || jQuery.isEmptyObject(cache)) {
-        // Support: Chrome <=35 - 45
-        // Webkit & Blink performance suffers when deleting properties
-        // from DOM nodes, so set to undefined instead
-        // https://bugs.chromium.org/p/chromium/issues/detail?id=378607 (bug restricted)
-        if (owner.nodeType) {
-          owner[this.expando] = undefined;
-        } else {
-          delete owner[this.expando];
-        }
-      }
-    },
-    hasData: function (owner) {
-      var cache = owner[this.expando];
-      return cache !== undefined && !jQuery.isEmptyObject(cache);
-    },
-  };
-  var dataPriv = new Data();
-
-  var dataUser = new Data();
-
-  //	Implementation Summary
-  //
-  //	1. Enforce API surface and semantic compatibility with 1.9.x branch
-  //	2. Improve the module's maintainability by reducing the storage
-  //		paths to a single mechanism.
-  //	3. Use the same single mechanism to support "private" and "user" data.
-  //	4. _Never_ expose "private" data to user code (TODO: Drop _data, _removeData)
-  //	5. Avoid exposing implementation details on user objects (eg. expando properties)
-  //	6. Provide a clear path for implementation upgrade to WeakMap in 2014
-
-  var rbrace = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,
-    rmultiDash = /[A-Z]/g;
-
-  function getData(data) {
-    if (data === "true") {
-      return true;
-    }
-
-    if (data === "false") {
-      return false;
-    }
-
-    if (data === "null") {
-      return null;
-    }
-
-    // Only convert to a number if it doesn't change the string
-    if (data === +data + "") {
-      return +data;
-    }
-
-    if (rbrace.test(data)) {
-      return JSON.parse(data);
-    }
-
-    return data;
-  }
-
-  function dataAttr(elem, key, data) {
-    var name;
-
-    // If nothing was found internally, try to fetch any
-    // data from the HTML5 data-* attribute
-    if (data === undefined && elem.nodeType === 1) {
-      name = "data-" + key.replace(rmultiDash, "-$&").toLowerCase();
-      data = elem.getAttribute(name);
-
-      if (typeof data === "string") {
-        try {
-          data = getData(data);
-        } catch (e) {}
-
-        // Make sure we set the data so it isn't changed later
-        dataUser.set(elem, key, data);
-      } else {
-        data = undefined;
-      }
-    }
-    return data;
-  }
-
-  jQuery.extend({
-    hasData: function (elem) {
-      return dataUser.hasData(elem) || dataPriv.hasData(elem);
-    },
-
-    data: function (elem, name, data) {
-      return dataUser.access(elem, name, data);
-    },
-
-    removeData: function (elem, name) {
-      dataUser.remove(elem, name);
-    },
-
-    // TODO: Now that all calls to _data and _removeData have been replaced
-    // with direct calls to dataPriv methods, these can be deprecated.
-    _data: function (elem, name, data) {
-      return dataPriv.access(elem, name, data);
-    },
-
-    _removeData: function (elem, name) {
-      dataPriv.remove(elem, name);
-    },
-  });
-
-  jQuery.fn.extend({
-    data: function (key, value) {
-      var i,
-        name,
-        data,
-        elem = this[0],
-        attrs = elem && elem.attributes;
-
-      // Gets all values
-      if (key === undefined) {
-        if (this.length) {
-          data = dataUser.get(elem);
-
-          if (elem.nodeType === 1 && !dataPriv.get(elem, "hasDataAttrs")) {
-            i = attrs.length;
-            while (i--) {
-              // Support: IE 11 only
-              // The attrs elements can be null (trac-14894)
-              if (attrs[i]) {
-                name = attrs[i].name;
-                if (name.indexOf("data-") === 0) {
-                  name = camelCase(name.slice(5));
-                  dataAttr(elem, name, data[name]);
-                }
-              }
-            }
-            dataPriv.set(elem, "hasDataAttrs", true);
-          }
-        }
-
-        return data;
-      }
-
-      // Sets multiple values
-      if (typeof key === "object") {
-        return this.each(function () {
-          dataUser.set(this, key);
-        });
-      }
-
-      return access(
-        this,
-        function (value) {
-          var data;
-
-          // The calling jQuery object (element matches) is not empty
-          // (and therefore has an element appears at this[ 0 ]) and the
-          // `value` parameter was not undefined. An empty jQuery object
-          // will result in `undefined` for elem = this[ 0 ] which will
-          // throw an exception if an attempt to read a data cache is made.
-          if (elem && value === undefined) {
-            // Attempt to get data from the cache
-            // The key will always be camelCased in Data
-            data = dataUser.get(elem, key);
-            if (data !== undefined) {
-              return data;
-            }
-
-            // Attempt to "discover" the data in
-            // HTML5 custom data-* attrs
-            data = dataAttr(elem, key);
-            if (data !== undefined) {
-              return data;
-            }
-
-            // We tried really hard, but the data doesn't exist.
-            return;
-          }
-
-          // Set the data...
-          this.each(function () {
-            // We always store the camelCased key
-            dataUser.set(this, key, value);
-          });
-        },
-        null,
-        value,
-        arguments.length > 1,
-        null,
-        true,
-      );
-    },
-
-    removeData: function (key) {
-      return this.each(function () {
-        dataUser.remove(this, key);
-      });
-    },
-  });
-
-  jQuery.extend({
-    queue: function (elem, type, data) {
-      var queue;
-
-      if (elem) {
-        type = (type || "fx") + "queue";
-        queue = dataPriv.get(elem, type);
-
-        // Speed up dequeue by getting out quickly if this is just a lookup
-        if (data) {
-          if (!queue || Array.isArray(data)) {
-            queue = dataPriv.access(elem, type, jQuery.makeArray(data));
-          } else {
-            queue.push(data);
-          }
-        }
-        return queue || [];
-      }
-    },
-
-    dequeue: function (elem, type) {
-      type = type || "fx";
-
-      var queue = jQuery.queue(elem, type),
-        startLength = queue.length,
-        fn = queue.shift(),
-        hooks = jQuery._queueHooks(elem, type),
-        next = function () {
-          jQuery.dequeue(elem, type);
-        };
-
-      // If the fx queue is dequeued, always remove the progress sentinel
-      if (fn === "inprogress") {
-        fn = queue.shift();
-        startLength--;
-      }
-
-      if (fn) {
-        // Add a progress sentinel to prevent the fx queue from being
-        // automatically dequeued
-        if (type === "fx") {
-          queue.unshift("inprogress");
-        }
-
-        // Clear up the last queue stop function
-        delete hooks.stop;
-        fn.call(elem, next, hooks);
-      }
-
-      if (!startLength && hooks) {
-        hooks.empty.fire();
-      }
-    },
-
-    // Not public - generate a queueHooks object, or return the current one
-    _queueHooks: function (elem, type) {
-      var key = type + "queueHooks";
-      return (
-        dataPriv.get(elem, key) ||
-        dataPriv.access(elem, key, {
-          empty: jQuery.Callbacks("once memory").add(function () {
-            dataPriv.remove(elem, [type + "queue", key]);
-          }),
-        })
-      );
-    },
-  });
-
-  jQuery.fn.extend({
-    queue: function (type, data) {
-      var setter = 2;
-
-      if (typeof type !== "string") {
-        data = type;
-        type = "fx";
-        setter--;
-      }
-
-      if (arguments.length < setter) {
-        return jQuery.queue(this[0], type);
-      }
-
-      return data === undefined
-        ? this
-        : this.each(function () {
-            var queue = jQuery.queue(this, type, data);
-
-            // Ensure a hooks for this queue
-            jQuery._queueHooks(this, type);
-
-            if (type === "fx" && queue[0] !== "inprogress") {
-              jQuery.dequeue(this, type);
-            }
-          });
-    },
-    dequeue: function (type) {
-      return this.each(function () {
-        jQuery.dequeue(this, type);
-      });
-    },
-    clearQueue: function (type) {
-      return this.queue(type || "fx", []);
-    },
-
-    // Get a promise resolved when queues of a certain type
-    // are emptied (fx is the type by default)
-    promise: function (type, obj) {
-      var tmp,
-        count = 1,
-        defer = jQuery.Deferred(),
-        elements = this,
-        i = this.length,
-        resolve = function () {
-          if (!--count) {
-            defer.resolveWith(elements, [elements]);
-          }
-        };
-
-      if (typeof type !== "string") {
-        obj = type;
-        type = undefined;
-      }
-      type = type || "fx";
-
-      while (i--) {
-        tmp = dataPriv.get(elements[i], type + "queueHooks");
-        if (tmp && tmp.empty) {
-          count++;
-          tmp.empty.add(resolve);
-        }
-      }
-      resolve();
-      return defer.promise(obj);
-    },
-  });
-  var pnum = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source;
-
-  var rcssNum = new RegExp("^(?:([+-])=|)(" + pnum + ")([a-z%]*)$", "i");
-
-  var cssExpand = ["Top", "Right", "Bottom", "Left"];
-
-  var documentElement = document.documentElement;
-
-  var isAttached = function (elem) {
-      return jQuery.contains(elem.ownerDocument, elem);
-    },
-    composed = { composed: true };
-
-  // Support: IE 9 - 11+, Edge 12 - 18+, iOS 10.0 - 10.2 only
-  // Check attachment across shadow DOM boundaries when possible (gh-3504)
-  // Support: iOS 10.0-10.2 only
-  // Early iOS 10 versions support `attachShadow` but not `getRootNode`,
-  // leading to errors. We need to check for `getRootNode`.
-  if (documentElement.getRootNode) {
-    isAttached = function (elem) {
-      return (
-        jQuery.contains(elem.ownerDocument, elem) ||
-        elem.getRootNode(composed) === elem.ownerDocument
-      );
-    };
-  }
-  var isHiddenWithinTree = function (elem, el) {
-    // isHiddenWithinTree might be called from jQuery#filter function;
-    // in that case, element will be second argument
-    elem = el || elem;
-
-    // Inline style trumps all
-    return (
-      elem.style.display === "none" ||
-      (elem.style.display === "" &&
-        // Otherwise, check computed style
-        // Support: Firefox <=43 - 45
-        // Disconnected elements can have computed display: none, so first confirm that elem is
-        // in the document.
-        isAttached(elem) &&
-        jQuery.css(elem, "display") === "none")
-    );
-  };
-
-  function adjustCSS(elem, prop, valueParts, tween) {
-    var adjusted,
-      scale,
-      maxIterations = 20,
-      currentValue = tween
-        ? function () {
-            return tween.cur();
-          }
-        : function () {
-            return jQuery.css(elem, prop, "");
-          },
-      initial = currentValue(),
-      unit =
-        (valueParts && valueParts[3]) || (jQuery.cssNumber[prop] ? "" : "px"),
-      // Starting value computation is required for potential unit mismatches
-      initialInUnit =
-        elem.nodeType &&
-        (jQuery.cssNumber[prop] || (unit !== "px" && +initial)) &&
-        rcssNum.exec(jQuery.css(elem, prop));
-
-    if (initialInUnit && initialInUnit[3] !== unit) {
-      // Support: Firefox <=54
-      // Halve the iteration target value to prevent interference from CSS upper bounds (gh-2144)
-      initial = initial / 2;
-
-      // Trust units reported by jQuery.css
-      unit = unit || initialInUnit[3];
-
-      // Iteratively approximate from a nonzero starting point
-      initialInUnit = +initial || 1;
-
-      while (maxIterations--) {
-        // Evaluate and update our best guess (doubling guesses that zero out).
-        // Finish if the scale equals or crosses 1 (making the old*new product non-positive).
-        jQuery.style(elem, prop, initialInUnit + unit);
-        if (
-          (1 - scale) * (1 - (scale = currentValue() / initial || 0.5)) <=
-          0
-        ) {
-          maxIterations = 0;
-        }
-        initialInUnit = initialInUnit / scale;
-      }
-
-      initialInUnit = initialInUnit * 2;
-      jQuery.style(elem, prop, initialInUnit + unit);
-
-      // Make sure we update the tween properties later on
-      valueParts = valueParts || [];
-    }
-
-    if (valueParts) {
-      initialInUnit = +initialInUnit || +initial || 0;
-
-      // Apply relative offset (+=/-=) if specified
-      adjusted = valueParts[1]
-        ? initialInUnit + (valueParts[1] + 1) * valueParts[2]
-        : +valueParts[2];
-      if (tween) {
-        tween.unit = unit;
-        tween.start = initialInUnit;
-        tween.end = adjusted;
-      }
-    }
-    return adjusted;
-  }
-
-  var defaultDisplayMap = {};
-
-  function getDefaultDisplay(elem) {
-    var temp,
-      doc = elem.ownerDocument,
-      nodeName = elem.nodeName,
-      display = defaultDisplayMap[nodeName];
-
-    if (display) {
-      return display;
-    }
-
-    temp = doc.body.appendChild(doc.createElement(nodeName));
-    display = jQuery.css(temp, "display");
-
-    temp.parentNode.removeChild(temp);
-
-    if (display === "none") {
-      display = "block";
-    }
-    defaultDisplayMap[nodeName] = display;
-
-    return display;
-  }
-
-  function showHide(elements, show) {
-    var display,
-      elem,
-      values = [],
-      index = 0,
-      length = elements.length;
-
-    // Determine new display value for elements that need to change
-    for (; index < length; index++) {
-      elem = elements[index];
-      if (!elem.style) {
-        continue;
-      }
-
-      display = elem.style.display;
-      if (show) {
-        // Since we force visibility upon cascade-hidden elements, an immediate (and slow)
-        // check is required in this first loop unless we have a nonempty display value (either
-        // inline or about-to-be-restored)
-        if (display === "none") {
-          values[index] = dataPriv.get(elem, "display") || null;
-          if (!values[index]) {
-            elem.style.display = "";
-          }
-        }
-        if (elem.style.display === "" && isHiddenWithinTree(elem)) {
-          values[index] = getDefaultDisplay(elem);
-        }
-      } else {
-        if (display !== "none") {
-          values[index] = "none";
-
-          // Remember what we're overwriting
-          dataPriv.set(elem, "display", display);
-        }
-      }
-    }
-
-    // Set the display of the elements in a second loop to avoid constant reflow
-    for (index = 0; index < length; index++) {
-      if (values[index] != null) {
-        elements[index].style.display = values[index];
-      }
-    }
-
-    return elements;
-  }
-
-  jQuery.fn.extend({
-    show: function () {
-      return showHide(this, true);
-    },
-    hide: function () {
-      return showHide(this);
-    },
-    toggle: function (state) {
-      if (typeof state === "boolean") {
-        return state ? this.show() : this.hide();
-      }
-
-      return this.each(function () {
-        if (isHiddenWithinTree(this)) {
-          jQuery(this).show();
-        } else {
-          jQuery(this).hide();
-        }
-      });
-    },
-  });
-  var rcheckableType = /^(?:checkbox|radio)$/i;
-
-  var rtagName = /<([a-z][^\/\0>\x20\t\r\n\f]*)/i;
-
-  var rscriptType = /^$|^module$|\/(?:java|ecma)script/i;
-
-  (function () {
-    var fragment = document.createDocumentFragment(),
-      div = fragment.appendChild(document.createElement("div")),
-      input = document.createElement("input");
-
-    // Support: Android 4.0 - 4.3 only
-    // Check state lost if the name is set (trac-11217)
-    // Support: Windows Web Apps (WWA)
-    // `name` and `type` must use .setAttribute for WWA (trac-14901)
-    input.setAttribute("type", "radio");
-    input.setAttribute("checked", "checked");
-    input.setAttribute("name", "t");
-
-    div.appendChild(input);
-
-    // Support: Android <=4.1 only
-    // Older WebKit doesn't clone checked state correctly in fragments
-    support.checkClone = div.cloneNode(true).cloneNode(true).lastChild.checked;
-
-    // Support: IE <=11 only
-    // Make sure textarea (and checkbox) defaultValue is properly cloned
-    div.innerHTML = "<textarea>x</textarea>";
-    support.noCloneChecked = !!div.cloneNode(true).lastChild.defaultValue;
-
-    // Support: IE <=9 only
-    // IE <=9 replaces <option> tags with their contents when inserted outside of
-    // the select element.
-    div.innerHTML = "<option></option>";
-    support.option = !!div.lastChild;
-  })();
-
-  // We have to close these tags to support XHTML (trac-13200)
-  var wrapMap = {
-    // XHTML parsers do not magically insert elements in the
-    // same way that tag soup parsers do. So we cannot shorten
-    // this by omitting <tbody> or other required elements.
-    thead: [1, "<table>", "</table>"],
-    col: [2, "<table><colgroup>", "</colgroup></table>"],
-    tr: [2, "<table><tbody>", "</tbody></table>"],
-    td: [3, "<table><tbody><tr>", "</tr></tbody></table>"],
-
-    _default: [0, "", ""],
-  };
-
-  wrapMap.tbody =
-    wrapMap.tfoot =
-    wrapMap.colgroup =
-    wrapMap.caption =
-      wrapMap.thead;
-  wrapMap.th = wrapMap.td;
-
-  // Support: IE <=9 only
-  if (!support.option) {
-    wrapMap.optgroup = wrapMap.option = [
-      1,
-      "<select multiple='multiple'>",
-      "</select>",
-    ];
-  }
-
-  function getAll(context, tag) {
-    // Support: IE <=9 - 11 only
-    // Use typeof to avoid zero-argument method invocation on host objects (trac-15151)
-    var ret;
-
-    if (typeof context.getElementsByTagName !== "undefined") {
-      ret = context.getElementsByTagName(tag || "*");
-    } else if (typeof context.querySelectorAll !== "undefined") {
-      ret = context.querySelectorAll(tag || "*");
-    } else {
-      ret = [];
-    }
-
-    if (tag === undefined || (tag && nodeName(context, tag))) {
-      return jQuery.merge([context], ret);
-    }
-
-    return ret;
-  }
-
-  // Mark scripts as having already been evaluated
-  function setGlobalEval(elems, refElements) {
-    var i = 0,
-      l = elems.length;
-
-    for (; i < l; i++) {
-      dataPriv.set(
-        elems[i],
-        "globalEval",
-        !refElements || dataPriv.get(refElements[i], "globalEval"),
-      );
-    }
-  }
-
-  var rhtml = /<|&#?\w+;/;
-
-  function buildFragment(elems, context, scripts, selection, ignored) {
-    var elem,
-      tmp,
-      tag,
-      wrap,
-      attached,
-      j,
-      fragment = context.createDocumentFragment(),
-      nodes = [],
-      i = 0,
-      l = elems.length;
-
-    for (; i < l; i++) {
-      elem = elems[i];
-
-      if (elem || elem === 0) {
-        // Add nodes directly
-        if (toType(elem) === "object") {
-          // Support: Android <=4.0 only, PhantomJS 1 only
-          // push.apply(_, arraylike) throws on ancient WebKit
-          jQuery.merge(nodes, elem.nodeType ? [elem] : elem);
-
-          // Convert non-html into a text node
-        } else if (!rhtml.test(elem)) {
-          nodes.push(context.createTextNode(elem));
-
-          // Convert html into DOM nodes
-        } else {
-          tmp = tmp || fragment.appendChild(context.createElement("div"));
-
-          // Deserialize a standard representation
-          tag = (rtagName.exec(elem) || ["", ""])[1].toLowerCase();
-          wrap = wrapMap[tag] || wrapMap._default;
-          tmp.innerHTML = wrap[1] + jQuery.htmlPrefilter(elem) + wrap[2];
-
-          // Descend through wrappers to the right content
-          j = wrap[0];
-          while (j--) {
-            tmp = tmp.lastChild;
-          }
-
-          // Support: Android <=4.0 only, PhantomJS 1 only
-          // push.apply(_, arraylike) throws on ancient WebKit
-          jQuery.merge(nodes, tmp.childNodes);
-
-          // Remember the top-level container
-          tmp = fragment.firstChild;
-
-          // Ensure the created nodes are orphaned (trac-12392)
-          tmp.textContent = "";
-        }
-      }
-    }
-
-    // Remove wrapper from fragment
-    fragment.textContent = "";
-
-    i = 0;
-    while ((elem = nodes[i++])) {
-      // Skip elements already in the context collection (trac-4087)
-      if (selection && jQuery.inArray(elem, selection) > -1) {
-        if (ignored) {
-          ignored.push(elem);
-        }
-        continue;
-      }
-
-      attached = isAttached(elem);
-
-      // Append to fragment
-      tmp = getAll(fragment.appendChild(elem), "script");
-
-      // Preserve script evaluation history
-      if (attached) {
-        setGlobalEval(tmp);
-      }
-
-      // Capture executables
-      if (scripts) {
-        j = 0;
-        while ((elem = tmp[j++])) {
-          if (rscriptType.test(elem.type || "")) {
-            scripts.push(elem);
-          }
-        }
-      }
-    }
-
-    return fragment;
-  }
-
-  var rtypenamespace = /^([^.]*)(?:\.(.+)|)/;
-
-  function returnTrue() {
-    return true;
-  }
-
-  function returnFalse() {
-    return false;
-  }
-
-  // Support: IE <=9 - 11+
-  // focus() and blur() are asynchronous, except when they are no-op.
-  // So expect focus to be synchronous when the element is already active,
-  // and blur to be synchronous when the element is not already active.
-  // (focus and blur are always synchronous in other supported browsers,
-  // this just defines when we can count on it).
-  function expectSync(elem, type) {
-    return (elem === safeActiveElement()) === (type === "focus");
-  }
-
-  // Support: IE <=9 only
-  // Accessing document.activeElement can throw unexpectedly
-  // https://bugs.jquery.com/ticket/13393
-  function safeActiveElement() {
-    try {
-      return document.activeElement;
-    } catch (err) {}
-  }
-
-  function on(elem, types, selector, data, fn, one) {
-    var origFn, type;
-
-    // Types can be a map of types/handlers
-    if (typeof types === "object") {
-      // ( types-Object, selector, data )
-      if (typeof selector !== "string") {
-        // ( types-Object, data )
-        data = data || selector;
-        selector = undefined;
-      }
-      for (type in types) {
-        on(elem, type, selector, data, types[type], one);
-      }
-      return elem;
-    }
-
-    if (data == null && fn == null) {
-      // ( types, fn )
-      fn = selector;
-      data = selector = undefined;
-    } else if (fn == null) {
-      if (typeof selector === "string") {
-        // ( types, selector, fn )
-        fn = data;
-        data = undefined;
-      } else {
-        // ( types, data, fn )
-        fn = data;
-        data = selector;
-        selector = undefined;
-      }
-    }
-    if (fn === false) {
-      fn = returnFalse;
-    } else if (!fn) {
-      return elem;
-    }
-
-    if (one === 1) {
-      origFn = fn;
-      fn = function (event) {
-        // Can use an empty set, since event contains the info
-        jQuery().off(event);
-        return origFn.apply(this, arguments);
-      };
-
-      // Use same guid so caller can remove using origFn
-      fn.guid = origFn.guid || (origFn.guid = jQuery.guid++);
-    }
-    return elem.each(function () {
-      jQuery.event.add(this, types, fn, data, selector);
-    });
-  }
-
-  /*
-   * Helper functions for managing events -- not part of the public interface.
-   * Props to Dean Edwards' addEvent library for many of the ideas.
-   */
-  jQuery.event = {
-    global: {},
-
-    add: function (elem, types, handler, data, selector) {
-      var handleObjIn,
-        eventHandle,
-        tmp,
-        events,
-        t,
-        handleObj,
-        special,
-        handlers,
-        type,
-        namespaces,
-        origType,
-        elemData = dataPriv.get(elem);
-
-      // Only attach events to objects that accept data
-      if (!acceptData(elem)) {
-        return;
-      }
-
-      // Caller can pass in an object of custom data in lieu of the handler
-      if (handler.handler) {
-        handleObjIn = handler;
-        handler = handleObjIn.handler;
-        selector = handleObjIn.selector;
-      }
-
-      // Ensure that invalid selectors throw exceptions at attach time
-      // Evaluate against documentElement in case elem is a non-element node (e.g., document)
-      if (selector) {
-        jQuery.find.matchesSelector(documentElement, selector);
-      }
-
-      // Make sure that the handler has a unique ID, used to find/remove it later
-      if (!handler.guid) {
-        handler.guid = jQuery.guid++;
-      }
-
-      // Init the element's event structure and main handler, if this is the first
-      if (!(events = elemData.events)) {
-        events = elemData.events = Object.create(null);
-      }
-      if (!(eventHandle = elemData.handle)) {
-        eventHandle = elemData.handle = function (e) {
-          // Discard the second event of a jQuery.event.trigger() and
-          // when an event is called after a page has unloaded
-          return typeof jQuery !== "undefined" &&
-            jQuery.event.triggered !== e.type
-            ? jQuery.event.dispatch.apply(elem, arguments)
-            : undefined;
-        };
-      }
-
-      // Handle multiple events separated by a space
-      types = (types || "").match(rnothtmlwhite) || [""];
-      t = types.length;
-      while (t--) {
-        tmp = rtypenamespace.exec(types[t]) || [];
-        type = origType = tmp[1];
-        namespaces = (tmp[2] || "").split(".").sort();
-
-        // There *must* be a type, no attaching namespace-only handlers
-        if (!type) {
-          continue;
-        }
-
-        // If event changes its type, use the special event handlers for the changed type
-        special = jQuery.event.special[type] || {};
-
-        // If selector defined, determine special event api type, otherwise given type
-        type = (selector ? special.delegateType : special.bindType) || type;
-
-        // Update special based on newly reset type
-        special = jQuery.event.special[type] || {};
-
-        // handleObj is passed to all event handlers
-        handleObj = jQuery.extend(
-          {
-            type: type,
-            origType: origType,
-            data: data,
-            handler: handler,
-            guid: handler.guid,
-            selector: selector,
-            needsContext:
-              selector && jQuery.expr.match.needsContext.test(selector),
-            namespace: namespaces.join("."),
-          },
-          handleObjIn,
-        );
-
-        // Init the event handler queue if we're the first
-        if (!(handlers = events[type])) {
-          handlers = events[type] = [];
-          handlers.delegateCount = 0;
-
-          // Only use addEventListener if the special events handler returns false
-          if (
-            !special.setup ||
-            special.setup.call(elem, data, namespaces, eventHandle) === false
-          ) {
-            if (elem.addEventListener) {
-              elem.addEventListener(type, eventHandle);
-            }
-          }
-        }
-
-        if (special.add) {
-          special.add.call(elem, handleObj);
-
-          if (!handleObj.handler.guid) {
-            handleObj.handler.guid = handler.guid;
-          }
-        }
-
-        // Add to the element's handler list, delegates in front
-        if (selector) {
-          handlers.splice(handlers.delegateCount++, 0, handleObj);
-        } else {
-          handlers.push(handleObj);
-        }
-
-        // Keep track of which events have ever been used, for event optimization
-        jQuery.event.global[type] = true;
-      }
-    },
-
-    // Detach an event or set of events from an element
-    remove: function (elem, types, handler, selector, mappedTypes) {
-      var j,
-        origCount,
-        tmp,
-        events,
-        t,
-        handleObj,
-        special,
-        handlers,
-        type,
-        namespaces,
-        origType,
-        elemData = dataPriv.hasData(elem) && dataPriv.get(elem);
-
-      if (!elemData || !(events = elemData.events)) {
-        return;
-      }
-
-      // Once for each type.namespace in types; type may be omitted
-      types = (types || "").match(rnothtmlwhite) || [""];
-      t = types.length;
-      while (t--) {
-        tmp = rtypenamespace.exec(types[t]) || [];
-        type = origType = tmp[1];
-        namespaces = (tmp[2] || "").split(".").sort();
-
-        // Unbind all events (on this namespace, if provided) for the element
-        if (!type) {
-          for (type in events) {
-            jQuery.event.remove(elem, type + types[t], handler, selector, true);
-          }
-          continue;
-        }
-
-        special = jQuery.event.special[type] || {};
-        type = (selector ? special.delegateType : special.bindType) || type;
-        handlers = events[type] || [];
-        tmp =
-          tmp[2] &&
-          new RegExp("(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)");
-
-        // Remove matching events
-        origCount = j = handlers.length;
-        while (j--) {
-          handleObj = handlers[j];
-
-          if (
-            (mappedTypes || origType === handleObj.origType) &&
-            (!handler || handler.guid === handleObj.guid) &&
-            (!tmp || tmp.test(handleObj.namespace)) &&
-            (!selector ||
-              selector === handleObj.selector ||
-              (selector === "**" && handleObj.selector))
-          ) {
-            handlers.splice(j, 1);
-
-            if (handleObj.selector) {
-              handlers.delegateCount--;
-            }
-            if (special.remove) {
-              special.remove.call(elem, handleObj);
-            }
-          }
-        }
-
-        // Remove generic event handler if we removed something and no more handlers exist
-        // (avoids potential for endless recursion during removal of special event handlers)
-        if (origCount && !handlers.length) {
-          if (
-            !special.teardown ||
-            special.teardown.call(elem, namespaces, elemData.handle) === false
-          ) {
-            jQuery.removeEvent(elem, type, elemData.handle);
-          }
-
-          delete events[type];
-        }
-      }
-
-      // Remove data and the expando if it's no longer used
-      if (jQuery.isEmptyObject(events)) {
-        dataPriv.remove(elem, "handle events");
-      }
-    },
-
-    dispatch: function (nativeEvent) {
-      var i,
-        j,
-        ret,
-        matched,
-        handleObj,
-        handlerQueue,
-        args = new Array(arguments.length),
-        // Make a writable jQuery.Event from the native event object
-        event = jQuery.event.fix(nativeEvent),
-        handlers =
-          (dataPriv.get(this, "events") || Object.create(null))[event.type] ||
-          [],
-        special = jQuery.event.special[event.type] || {};
-
-      // Use the fix-ed jQuery.Event rather than the (read-only) native event
-      args[0] = event;
-
-      for (i = 1; i < arguments.length; i++) {
-        args[i] = arguments[i];
-      }
-
-      event.delegateTarget = this;
-
-      // Call the preDispatch hook for the mapped type, and let it bail if desired
-      if (
-        special.preDispatch &&
-        special.preDispatch.call(this, event) === false
-      ) {
-        return;
-      }
-
-      // Determine handlers
-      handlerQueue = jQuery.event.handlers.call(this, event, handlers);
-
-      // Run delegates first; they may want to stop propagation beneath us
-      i = 0;
-      while ((matched = handlerQueue[i++]) && !event.isPropagationStopped()) {
-        event.currentTarget = matched.elem;
-
-        j = 0;
-        while (
-          (handleObj = matched.handlers[j++]) &&
-          !event.isImmediatePropagationStopped()
-        ) {
-          // If the event is namespaced, then each handler is only invoked if it is
-          // specially universal or its namespaces are a superset of the event's.
-          if (
-            !event.rnamespace ||
-            handleObj.namespace === false ||
-            event.rnamespace.test(handleObj.namespace)
-          ) {
-            event.handleObj = handleObj;
-            event.data = handleObj.data;
-
-            ret = (
-              (jQuery.event.special[handleObj.origType] || {}).handle ||
-              handleObj.handler
-            ).apply(matched.elem, args);
-
-            if (ret !== undefined) {
-              if ((event.result = ret) === false) {
-                event.preventDefault();
-                event.stopPropagation();
-              }
-            }
-          }
-        }
-      }
-
-      // Call the postDispatch hook for the mapped type
-      if (special.postDispatch) {
-        special.postDispatch.call(this, event);
-      }
-
-      return event.result;
-    },
-
-    handlers: function (event, handlers) {
-      var i,
-        handleObj,
-        sel,
-        matchedHandlers,
-        matchedSelectors,
-        handlerQueue = [],
-        delegateCount = handlers.delegateCount,
-        cur = event.target;
-
-      // Find delegate handlers
-      if (
-        delegateCount &&
-        // Support: IE <=9
-        // Black-hole SVG <use> instance trees (trac-13180)
-        cur.nodeType &&
-        // Support: Firefox <=42
-        // Suppress spec-violating clicks indicating a non-primary pointer button (trac-3861)
-        // https://www.w3.org/TR/DOM-Level-3-Events/#event-type-click
-        // Support: IE 11 only
-        // ...but not arrow key "clicks" of radio inputs, which can have `button` -1 (gh-2343)
-        !(event.type === "click" && event.button >= 1)
-      ) {
-        for (; cur !== this; cur = cur.parentNode || this) {
-          // Don't check non-elements (trac-13208)
-          // Don't process clicks on disabled elements (trac-6911, trac-8165, trac-11382, trac-11764)
-          if (
-            cur.nodeType === 1 &&
-            !(event.type === "click" && cur.disabled === true)
-          ) {
-            matchedHandlers = [];
-            matchedSelectors = {};
-            for (i = 0; i < delegateCount; i++) {
-              handleObj = handlers[i];
-
-              // Don't conflict with Object.prototype properties (trac-13203)
-              sel = handleObj.selector + " ";
-
-              if (matchedSelectors[sel] === undefined) {
-                matchedSelectors[sel] = handleObj.needsContext
-                  ? jQuery(sel, this).index(cur) > -1
-                  : jQuery.find(sel, this, null, [cur]).length;
-              }
-              if (matchedSelectors[sel]) {
-                matchedHandlers.push(handleObj);
-              }
-            }
-            if (matchedHandlers.length) {
-              handlerQueue.push({ elem: cur, handlers: matchedHandlers });
-            }
-          }
-        }
-      }
-
-      // Add the remaining (directly-bound) handlers
-      cur = this;
-      if (delegateCount < handlers.length) {
-        handlerQueue.push({
-          elem: cur,
-          handlers: handlers.slice(delegateCount),
-        });
-      }
-
-      return handlerQueue;
-    },
-
-    addProp: function (name, hook) {
-      Object.defineProperty(jQuery.Event.prototype, name, {
-        enumerable: true,
-        configurable: true,
-
-        get: isFunction(hook)
-          ? function () {
-              if (this.originalEvent) {
-                return hook(this.originalEvent);
-              }
-            }
-          : function () {
-              if (this.originalEvent) {
-                return this.originalEvent[name];
-              }
-            },
-
-        set: function (value) {
-          Object.defineProperty(this, name, {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: value,
-          });
-        },
-      });
-    },
-
-    fix: function (originalEvent) {
-      return originalEvent[jQuery.expando]
-        ? originalEvent
-        : new jQuery.Event(originalEvent);
-    },
-
-    special: {
-      load: {
-        // Prevent triggered image.load events from bubbling to window.load
-        noBubble: true,
-      },
-      click: {
-        // Utilize native event to ensure correct state for checkable inputs
-        setup: function (data) {
-          // For mutual compressibility with _default, replace `this` access with a local var.
-          // `|| data` is dead code meant only to preserve the variable through minification.
-          var el = this || data;
-
-          // Claim the first handler
-          if (
-            rcheckableType.test(el.type) &&
-            el.click &&
-            nodeName(el, "input")
-          ) {
-            // dataPriv.set( el, "click", ... )
-            leverageNative(el, "click", returnTrue);
-          }
-
-          // Return false to allow normal processing in the caller
-          return false;
-        },
-        trigger: function (data) {
-          // For mutual compressibility with _default, replace `this` access with a local var.
-          // `|| data` is dead code meant only to preserve the variable through minification.
-          var el = this || data;
-
-          // Force setup before triggering a click
-          if (
-            rcheckableType.test(el.type) &&
-            el.click &&
-            nodeName(el, "input")
-          ) {
-            leverageNative(el, "click");
-          }
-
-          // Return non-false to allow normal event-path propagation
-          return true;
-        },
-
-        // For cross-browser consistency, suppress native .click() on links
-        // Also prevent it if we're currently inside a leveraged native-event stack
-        _default: function (event) {
-          var target = event.target;
-          return (
-            (rcheckableType.test(target.type) &&
-              target.click &&
-              nodeName(target, "input") &&
-              dataPriv.get(target, "click")) ||
-            nodeName(target, "a")
-          );
-        },
-      },
-
-      beforeunload: {
-        postDispatch: function (event) {
-          // Support: Firefox 20+
-          // Firefox doesn't alert if the returnValue field is not set.
-          if (event.result !== undefined && event.originalEvent) {
-            event.originalEvent.returnValue = event.result;
-          }
-        },
-      },
-    },
-  };
-
-  // Ensure the presence of an event listener that handles manually-triggered
-  // synthetic events by interrupting progress until reinvoked in response to
-  // *native* events that it fires directly, ensuring that state changes have
-  // already occurred before other listeners are invoked.
-  function leverageNative(el, type, expectSync) {
-    // Missing expectSync indicates a trigger call, which must force setup through jQuery.event.add
-    if (!expectSync) {
-      if (dataPriv.get(el, type) === undefined) {
-        jQuery.event.add(el, type, returnTrue);
-      }
-      return;
-    }
-
-    // Register the controller as a special universal handler for all event namespaces
-    dataPriv.set(el, type, false);
-    jQuery.event.add(el, type, {
-      namespace: false,
-      handler: function (event) {
-        var notAsync,
-          result,
-          saved = dataPriv.get(this, type);
-
-        if (event.isTrigger & 1 && this[type]) {
-          // Interrupt processing of the outer synthetic .trigger()ed event
-          // Saved data should be false in such cases, but might be a leftover capture object
-          // from an async native handler (gh-4350)
-          if (!saved.length) {
-            // Store arguments for use when handling the inner native event
-            // There will always be at least one argument (an event object), so this array
-            // will not be confused with a leftover capture object.
-            saved = slice.call(arguments);
-            dataPriv.set(this, type, saved);
-
-            // Trigger the native event and capture its result
-            // Support: IE <=9 - 11+
-            // focus() and blur() are asynchronous
-            notAsync = expectSync(this, type);
-            this[type]();
-            result = dataPriv.get(this, type);
-            if (saved !== result || notAsync) {
-              dataPriv.set(this, type, false);
-            } else {
-              result = {};
-            }
-            if (saved !== result) {
-              // Cancel the outer synthetic event
-              event.stopImmediatePropagation();
-              event.preventDefault();
-
-              // Support: Chrome 86+
-              // In Chrome, if an element having a focusout handler is blurred by
-              // clicking outside of it, it invokes the handler synchronously. If
-              // that handler calls `.remove()` on the element, the data is cleared,
-              // leaving `result` undefined. We need to guard against this.
-              return result && result.value;
-            }
-
-            // If this is an inner synthetic event for an event with a bubbling surrogate
-            // (focus or blur), assume that the surrogate already propagated from triggering the
-            // native event and prevent that from happening again here.
-            // This technically gets the ordering wrong w.r.t. to `.trigger()` (in which the
-            // bubbling surrogate propagates *after* the non-bubbling base), but that seems
-            // less bad than duplication.
-          } else if ((jQuery.event.special[type] || {}).delegateType) {
-            event.stopPropagation();
-          }
-
-          // If this is a native event triggered above, everything is now in order
-          // Fire an inner synthetic event with the original arguments
-        } else if (saved.length) {
-          // ...and capture the result
-          dataPriv.set(this, type, {
-            value: jQuery.event.trigger(
-              // Support: IE <=9 - 11+
-              // Extend with the prototype to reset the above stopImmediatePropagation()
-              jQuery.extend(saved[0], jQuery.Event.prototype),
-              saved.slice(1),
-              this,
-            ),
-          });
-
-          // Abort handling of the native event
-          event.stopImmediatePropagation();
-        }
-      },
-    });
-  }
-
-  jQuery.removeEvent = function (elem, type, handle) {
-    // This "if" is needed for plain objects
-    if (elem.removeEventListener) {
-      elem.removeEventListener(type, handle);
-    }
-  };
-
-  jQuery.Event = function (src, props) {
-    // Allow instantiation without the 'new' keyword
-    if (!(this instanceof jQuery.Event)) {
-      return new jQuery.Event(src, props);
-    }
-
-    // Event object
-    if (src && src.type) {
-      this.originalEvent = src;
-      this.type = src.type;
-
-      // Events bubbling up the document may have been marked as prevented
-      // by a handler lower down the tree; reflect the correct value.
-      this.isDefaultPrevented =
-        src.defaultPrevented ||
-        (src.defaultPrevented === undefined &&
-          // Support: Android <=2.3 only
-          src.returnValue === false)
-          ? returnTrue
-          : returnFalse;
-
-      // Create target properties
-      // Support: Safari <=6 - 7 only
-      // Target should not be a text node (trac-504, trac-13143)
-      this.target =
-        src.target && src.target.nodeType === 3
-          ? src.target.parentNode
-          : src.target;
-
-      this.currentTarget = src.currentTarget;
-      this.relatedTarget = src.relatedTarget;
-
-      // Event type
-    } else {
-      this.type = src;
-    }
-
-    // Put explicitly provided properties onto the event object
-    if (props) {
-      jQuery.extend(this, props);
-    }
-
-    // Create a timestamp if incoming event doesn't have one
-    this.timeStamp = (src && src.timeStamp) || Date.now();
-
-    // Mark it as fixed
-    this[jQuery.expando] = true;
-  };
-
-  // jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
-  // https://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
-  jQuery.Event.prototype = {
-    constructor: jQuery.Event,
-    isDefaultPrevented: returnFalse,
-    isPropagationStopped: returnFalse,
-    isImmediatePropagationStopped: returnFalse,
-    isSimulated: false,
-
-    preventDefault: function () {
-      var e = this.originalEvent;
-
-      this.isDefaultPrevented = returnTrue;
-
-      if (e && !this.isSimulated) {
-        e.preventDefault();
-      }
-    },
-    stopPropagation: function () {
-      var e = this.originalEvent;
-
-      this.isPropagationStopped = returnTrue;
-
-      if (e && !this.isSimulated) {
-        e.stopPropagation();
-      }
-    },
-    stopImmediatePropagation: function () {
-      var e = this.originalEvent;
-
-      this.isImmediatePropagationStopped = returnTrue;
-
-      if (e && !this.isSimulated) {
-        e.stopImmediatePropagation();
-      }
-
-      this.stopPropagation();
-    },
-  };
-
-  // Includes all common event props including KeyEvent and MouseEvent specific props
-  jQuery.each(
-    {
-      altKey: true,
-      bubbles: true,
-      cancelable: true,
-      changedTouches: true,
-      ctrlKey: true,
-      detail: true,
-      eventPhase: true,
-      metaKey: true,
-      pageX: true,
-      pageY: true,
-      shiftKey: true,
-      view: true,
-      char: true,
-      code: true,
-      charCode: true,
-      key: true,
-      keyCode: true,
-      button: true,
-      buttons: true,
-      clientX: true,
-      clientY: true,
-      offsetX: true,
-      offsetY: true,
-      pointerId: true,
-      pointerType: true,
-      screenX: true,
-      screenY: true,
-      targetTouches: true,
-      toElement: true,
-      touches: true,
-      which: true,
-    },
-    jQuery.event.addProp,
-  );
-
-  jQuery.each(
-    { focus: "focusin", blur: "focusout" },
-    function (type, delegateType) {
-      jQuery.event.special[type] = {
-        // Utilize native event if possible so blur/focus sequence is correct
-        setup: function () {
-          // Claim the first handler
-          // dataPriv.set( this, "focus", ... )
-          // dataPriv.set( this, "blur", ... )
-          leverageNative(this, type, expectSync);
-
-          // Return false to allow normal processing in the caller
-          return false;
-        },
-        trigger: function () {
-          // Force setup before trigger
-          leverageNative(this, type);
-
-          // Return non-false to allow normal event-path propagation
-          return true;
-        },
-
-        // Suppress native focus or blur if we're currently inside
-        // a leveraged native-event stack
-        _default: function (event) {
-          return dataPriv.get(event.target, type);
-        },
-
-        delegateType: delegateType,
-      };
-    },
-  );
-
-  // Create mouseenter/leave events using mouseover/out and event-time checks
-  // so that event delegation works in jQuery.
-  // Do the same for pointerenter/pointerleave and pointerover/pointerout
-  //
-  // Support: Safari 7 only
-  // Safari sends mouseenter too often; see:
-  // https://bugs.chromium.org/p/chromium/issues/detail?id=470258
-  // for the description of the bug (it existed in older Chrome versions as well).
-  jQuery.each(
-    {
-      mouseenter: "mouseover",
-      mouseleave: "mouseout",
-      pointerenter: "pointerover",
-      pointerleave: "pointerout",
-    },
-    function (orig, fix) {
-      jQuery.event.special[orig] = {
-        delegateType: fix,
-        bindType: fix,
-
-        handle: function (event) {
-          var ret,
-            target = this,
-            related = event.relatedTarget,
-            handleObj = event.handleObj;
-
-          // For mouseenter/leave call the handler if related is outside the target.
-          // NB: No relatedTarget if the mouse left/entered the browser window
-          if (
-            !related ||
-            (related !== target && !jQuery.contains(target, related))
-          ) {
-            event.type = handleObj.origType;
-            ret = handleObj.handler.apply(this, arguments);
-            event.type = fix;
-          }
-          return ret;
-        },
-      };
-    },
-  );
-
-  jQuery.fn.extend({
-    on: function (types, selector, data, fn) {
-      return on(this, types, selector, data, fn);
-    },
-    one: function (types, selector, data, fn) {
-      return on(this, types, selector, data, fn, 1);
-    },
-    off: function (types, selector, fn) {
-      var handleObj, type;
-      if (types && types.preventDefault && types.handleObj) {
-        // ( event )  dispatched jQuery.Event
-        handleObj = types.handleObj;
-        jQuery(types.delegateTarget).off(
-          handleObj.namespace
-            ? handleObj.origType + "." + handleObj.namespace
-            : handleObj.origType,
-          handleObj.selector,
-          handleObj.handler,
-        );
-        return this;
-      }
-      if (typeof types === "object") {
-        // ( types-object [, selector] )
-        for (type in types) {
-          this.off(type, selector, types[type]);
-        }
-        return this;
-      }
-      if (selector === false || typeof selector === "function") {
-        // ( types [, fn] )
-        fn = selector;
-        selector = undefined;
-      }
-      if (fn === false) {
-        fn = returnFalse;
-      }
-      return this.each(function () {
-        jQuery.event.remove(this, types, fn, selector);
-      });
-    },
-  });
-
-  var // Support: IE <=10 - 11, Edge 12 - 13 only
-    // In IE/Edge using regex groups here causes severe slowdowns.
-    // See https://connect.microsoft.com/IE/feedback/details/1736512/
-    rnoInnerhtml = /<script|<style|<link/i,
-    // checked="checked" or checked
-    rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
-    rcleanScript = /^\s*<!\[CDATA\[|\]\]>\s*$/g;
-
-  // Prefer a tbody over its parent table for containing new rows
-  function manipulationTarget(elem, content) {
-    if (
-      nodeName(elem, "table") &&
-      nodeName(content.nodeType !== 11 ? content : content.firstChild, "tr")
-    ) {
-      return jQuery(elem).children("tbody")[0] || elem;
-    }
-
-    return elem;
-  }
-
-  // Replace/restore the type attribute of script elements for safe DOM manipulation
-  function disableScript(elem) {
-    elem.type = (elem.getAttribute("type") !== null) + "/" + elem.type;
-    return elem;
-  }
-  function restoreScript(elem) {
-    if ((elem.type || "").slice(0, 5) === "true/") {
-      elem.type = elem.type.slice(5);
-    } else {
-      elem.removeAttribute("type");
-    }
-
-    return elem;
-  }
-
-  function cloneCopyEvent(src, dest) {
-    var i, l, type, pdataOld, udataOld, udataCur, events;
-
-    if (dest.nodeType !== 1) {
-      return;
-    }
-
-    // 1. Copy private data: events, handlers, etc.
-    if (dataPriv.hasData(src)) {
-      pdataOld = dataPriv.get(src);
-      events = pdataOld.events;
-
-      if (events) {
-        dataPriv.remove(dest, "handle events");
-
-        for (type in events) {
-          for (i = 0, l = events[type].length; i < l; i++) {
-            jQuery.event.add(dest, type, events[type][i]);
-          }
-        }
-      }
-    }
-
-    // 2. Copy user data
-    if (dataUser.hasData(src)) {
-      udataOld = dataUser.access(src);
-      udataCur = jQuery.extend({}, udataOld);
-
-      dataUser.set(dest, udataCur);
-    }
-  }
-
-  // Fix IE bugs, see support tests
-  function fixInput(src, dest) {
-    var nodeName = dest.nodeName.toLowerCase();
-
-    // Fails to persist the checked state of a cloned checkbox or radio button.
-    if (nodeName === "input" && rcheckableType.test(src.type)) {
-      dest.checked = src.checked;
-
-      // Fails to return the selected option to the default selected state when cloning options
-    } else if (nodeName === "input" || nodeName === "textarea") {
-      dest.defaultValue = src.defaultValue;
-    }
-  }
-
-  function domManip(collection, args, callback, ignored) {
-    // Flatten any nested arrays
-    args = flat(args);
-
-    var fragment,
-      first,
-      scripts,
-      hasScripts,
-      node,
-      doc,
-      i = 0,
-      l = collection.length,
-      iNoClone = l - 1,
-      value = args[0],
-      valueIsFunction = isFunction(value);
-
-    // We can't cloneNode fragments that contain checked, in WebKit
-    if (
-      valueIsFunction ||
-      (l > 1 &&
-        typeof value === "string" &&
-        !support.checkClone &&
-        rchecked.test(value))
-    ) {
-      return collection.each(function (index) {
-        var self = collection.eq(index);
-        if (valueIsFunction) {
-          args[0] = value.call(this, index, self.html());
-        }
-        domManip(self, args, callback, ignored);
-      });
-    }
-
-    if (l) {
-      fragment = buildFragment(
-        args,
-        collection[0].ownerDocument,
-        false,
-        collection,
-        ignored,
-      );
-      first = fragment.firstChild;
-
-      if (fragment.childNodes.length === 1) {
-        fragment = first;
-      }
-
-      // Require either new content or an interest in ignored elements to invoke the callback
-      if (first || ignored) {
-        scripts = jQuery.map(getAll(fragment, "script"), disableScript);
-        hasScripts = scripts.length;
-
-        // Use the original fragment for the last item
-        // instead of the first because it can end up
-        // being emptied incorrectly in certain situations (trac-8070).
-        for (; i < l; i++) {
-          node = fragment;
-
-          if (i !== iNoClone) {
-            node = jQuery.clone(node, true, true);
-
-            // Keep references to cloned scripts for later restoration
-            if (hasScripts) {
-              // Support: Android <=4.0 only, PhantomJS 1 only
-              // push.apply(_, arraylike) throws on ancient WebKit
-              jQuery.merge(scripts, getAll(node, "script"));
-            }
-          }
-
-          callback.call(collection[i], node, i);
-        }
-
-        if (hasScripts) {
-          doc = scripts[scripts.length - 1].ownerDocument;
-
-          // Reenable scripts
-          jQuery.map(scripts, restoreScript);
-
-          // Evaluate executable scripts on first document insertion
-          for (i = 0; i < hasScripts; i++) {
-            node = scripts[i];
-            if (
-              rscriptType.test(node.type || "") &&
-              !dataPriv.access(node, "globalEval") &&
-              jQuery.contains(doc, node)
-            ) {
-              if (node.src && (node.type || "").toLowerCase() !== "module") {
-                // Optional AJAX dependency, but won't run scripts if not present
-                if (jQuery._evalUrl && !node.noModule) {
-                  jQuery._evalUrl(
-                    node.src,
-                    {
-                      nonce: node.nonce || node.getAttribute("nonce"),
-                    },
-                    doc,
-                  );
-                }
-              } else {
-                // Unwrap a CDATA section containing script contents. This shouldn't be
-                // needed as in XML documents they're already not visible when
-                // inspecting element contents and in HTML documents they have no
-                // meaning but we're preserving that logic for backwards compatibility.
-                // This will be removed completely in 4.0. See gh-4904.
-                DOMEval(node.textContent.replace(rcleanScript, ""), node, doc);
-              }
-            }
-          }
-        }
-      }
-    }
-
-    return collection;
-  }
-
-  function remove(elem, selector, keepData) {
-    var node,
-      nodes = selector ? jQuery.filter(selector, elem) : elem,
-      i = 0;
-
-    for (; (node = nodes[i]) != null; i++) {
-      if (!keepData && node.nodeType === 1) {
-        jQuery.cleanData(getAll(node));
-      }
-
-      if (node.parentNode) {
-        if (keepData && isAttached(node)) {
-          setGlobalEval(getAll(node, "script"));
-        }
-        node.parentNode.removeChild(node);
-      }
-    }
-
-    return elem;
-  }
-
-  jQuery.extend({
-    htmlPrefilter: function (html) {
-      return html;
-    },
-
-    clone: function (elem, dataAndEvents, deepDataAndEvents) {
-      var i,
-        l,
-        srcElements,
-        destElements,
-        clone = elem.cloneNode(true),
-        inPage = isAttached(elem);
-
-      // Fix IE cloning issues
-      if (
-        !support.noCloneChecked &&
-        (elem.nodeType === 1 || elem.nodeType === 11) &&
-        !jQuery.isXMLDoc(elem)
-      ) {
-        // We eschew Sizzle here for performance reasons: https://jsperf.com/getall-vs-sizzle/2
-        destElements = getAll(clone);
-        srcElements = getAll(elem);
-
-        for (i = 0, l = srcElements.length; i < l; i++) {
-          fixInput(srcElements[i], destElements[i]);
-        }
-      }
-
-      // Copy the events from the original to the clone
-      if (dataAndEvents) {
-        if (deepDataAndEvents) {
-          srcElements = srcElements || getAll(elem);
-          destElements = destElements || getAll(clone);
-
-          for (i = 0, l = srcElements.length; i < l; i++) {
-            cloneCopyEvent(srcElements[i], destElements[i]);
-          }
-        } else {
-          cloneCopyEvent(elem, clone);
-        }
-      }
-
-      // Preserve script evaluation history
-      destElements = getAll(clone, "script");
-      if (destElements.length > 0) {
-        setGlobalEval(destElements, !inPage && getAll(elem, "script"));
-      }
-
-      // Return the cloned set
-      return clone;
-    },
-
-    cleanData: function (elems) {
-      var data,
-        elem,
-        type,
-        special = jQuery.event.special,
-        i = 0;
-
-      for (; (elem = elems[i]) !== undefined; i++) {
-        if (acceptData(elem)) {
-          if ((data = elem[dataPriv.expando])) {
-            if (data.events) {
-              for (type in data.events) {
-                if (special[type]) {
-                  jQuery.event.remove(elem, type);
-
-                  // This is a shortcut to avoid jQuery.event.remove's overhead
-                } else {
-                  jQuery.removeEvent(elem, type, data.handle);
-                }
-              }
-            }
-
-            // Support: Chrome <=35 - 45+
-            // Assign undefined instead of using delete, see Data#remove
-            elem[dataPriv.expando] = undefined;
-          }
-          if (elem[dataUser.expando]) {
-            // Support: Chrome <=35 - 45+
-            // Assign undefined instead of using delete, see Data#remove
-            elem[dataUser.expando] = undefined;
-          }
-        }
-      }
-    },
-  });
-
-  jQuery.fn.extend({
-    detach: function (selector) {
-      return remove(this, selector, true);
-    },
-
-    remove: function (selector) {
-      return remove(this, selector);
-    },
-
-    text: function (value) {
-      return access(
-        this,
-        function (value) {
-          return value === undefined
-            ? jQuery.text(this)
-            : this.empty().each(function () {
-                if (
-                  this.nodeType === 1 ||
-                  this.nodeType === 11 ||
-                  this.nodeType === 9
-                ) {
-                  this.textContent = value;
-                }
-              });
-        },
-        null,
-        value,
-        arguments.length,
-      );
-    },
-
-    append: function () {
-      return domManip(this, arguments, function (elem) {
-        if (
-          this.nodeType === 1 ||
-          this.nodeType === 11 ||
-          this.nodeType === 9
-        ) {
-          var target = manipulationTarget(this, elem);
-          target.appendChild(elem);
-        }
-      });
-    },
-
-    prepend: function () {
-      return domManip(this, arguments, function (elem) {
-        if (
-          this.nodeType === 1 ||
-          this.nodeType === 11 ||
-          this.nodeType === 9
-        ) {
-          var target = manipulationTarget(this, elem);
-          target.insertBefore(elem, target.firstChild);
-        }
-      });
-    },
-
-    before: function () {
-      return domManip(this, arguments, function (elem) {
-        if (this.parentNode) {
-          this.parentNode.insertBefore(elem, this);
-        }
-      });
-    },
-
-    after: function () {
-      return domManip(this, arguments, function (elem) {
-        if (this.parentNode) {
-          this.parentNode.insertBefore(elem, this.nextSibling);
-        }
-      });
-    },
-
-    empty: function () {
-      var elem,
-        i = 0;
-
-      for (; (elem = this[i]) != null; i++) {
-        if (elem.nodeType === 1) {
-          // Prevent memory leaks
-          jQuery.cleanData(getAll(elem, false));
-
-          // Remove any remaining nodes
-          elem.textContent = "";
-        }
-      }
-
-      return this;
-    },
-
-    clone: function (dataAndEvents, deepDataAndEvents) {
-      dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
-      deepDataAndEvents =
-        deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
-
-      return this.map(function () {
-        return jQuery.clone(this, dataAndEvents, deepDataAndEvents);
-      });
-    },
-
-    html: function (value) {
-      return access(
-        this,
-        function (value) {
-          var elem = this[0] || {},
-            i = 0,
-            l = this.length;
-
-          if (value === undefined && elem.nodeType === 1) {
-            return elem.innerHTML;
-          }
-
-          // See if we can take a shortcut and just use innerHTML
-          if (
-            typeof value === "string" &&
-            !rnoInnerhtml.test(value) &&
-            !wrapMap[(rtagName.exec(value) || ["", ""])[1].toLowerCase()]
-          ) {
-            value = jQuery.htmlPrefilter(value);
-
-            try {
-              for (; i < l; i++) {
-                elem = this[i] || {};
-
-                // Remove element nodes and prevent memory leaks
-                if (elem.nodeType === 1) {
-                  jQuery.cleanData(getAll(elem, false));
-                  elem.innerHTML = value;
-                }
-              }
-
-              elem = 0;
-
-              // If using innerHTML throws an exception, use the fallback method
-            } catch (e) {}
-          }
-
-          if (elem) {
-            this.empty().append(value);
-          }
-        },
-        null,
-        value,
-        arguments.length,
-      );
-    },
-
-    replaceWith: function () {
-      var ignored = [];
-
-      // Make the changes, replacing each non-ignored context element with the new content
-      return domManip(
-        this,
-        arguments,
-        function (elem) {
-          var parent = this.parentNode;
-
-          if (jQuery.inArray(this, ignored) < 0) {
-            jQuery.cleanData(getAll(this));
-            if (parent) {
-              parent.replaceChild(elem, this);
-            }
-          }
-
-          // Force callback invocation
-        },
-        ignored,
-      );
-    },
-  });
-
-  jQuery.each(
-    {
-      appendTo: "append",
-      prependTo: "prepend",
-      insertBefore: "before",
-      insertAfter: "after",
-      replaceAll: "replaceWith",
-    },
-    function (name, original) {
-      jQuery.fn[name] = function (selector) {
-        var elems,
-          ret = [],
-          insert = jQuery(selector),
-          last = insert.length - 1,
-          i = 0;
-
-        for (; i <= last; i++) {
-          elems = i === last ? this : this.clone(true);
-          jQuery(insert[i])[original](elems);
-
-          // Support: Android <=4.0 only, PhantomJS 1 only
-          // .get() because push.apply(_, arraylike) throws on ancient WebKit
-          push.apply(ret, elems.get());
-        }
-
-        return this.pushStack(ret);
-      };
-    },
-  );
-  var rnumnonpx = new RegExp("^(" + pnum + ")(?!px)[a-z%]+$", "i");
-
-  var rcustomProp = /^--/;
-
-  var getStyles = function (elem) {
-    // Support: IE <=11 only, Firefox <=30 (trac-15098, trac-14150)
-    // IE throws on elements created in popups
-    // FF meanwhile throws on frame elements through "defaultView.getComputedStyle"
-    var view = elem.ownerDocument.defaultView;
-
-    if (!view || !view.opener) {
-      view = window;
-    }
-
-    return view.getComputedStyle(elem);
-  };
-
-  var swap = function (elem, options, callback) {
-    var ret,
-      name,
-      old = {};
-
-    // Remember the old values, and insert the new ones
-    for (name in options) {
-      old[name] = elem.style[name];
-      elem.style[name] = options[name];
-    }
-
-    ret = callback.call(elem);
-
-    // Revert the old values
-    for (name in options) {
-      elem.style[name] = old[name];
-    }
-
-    return ret;
-  };
-
-  var rboxStyle = new RegExp(cssExpand.join("|"), "i");
-
-  var whitespace = "[\\x20\\t\\r\\n\\f]";
-
-  var rtrimCSS = new RegExp(
-    "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$",
-    "g",
-  );
-
-  (function () {
-    // Executing both pixelPosition & boxSizingReliable tests require only one layout
-    // so they're executed at the same time to save the second computation.
-    function computeStyleTests() {
-      // This is a singleton, we need to execute it only once
-      if (!div) {
-        return;
-      }
-
-      container.style.cssText =
-        "position:absolute;left:-11111px;width:60px;" +
-        "margin-top:1px;padding:0;border:0";
-      div.style.cssText =
-        "position:relative;display:block;box-sizing:border-box;overflow:scroll;" +
-        "margin:auto;border:1px;padding:1px;" +
-        "width:60%;top:1%";
-      documentElement.appendChild(container).appendChild(div);
-
-      var divStyle = window.getComputedStyle(div);
-      pixelPositionVal = divStyle.top !== "1%";
-
-      // Support: Android 4.0 - 4.3 only, Firefox <=3 - 44
-      reliableMarginLeftVal = roundPixelMeasures(divStyle.marginLeft) === 12;
-
-      // Support: Android 4.0 - 4.3 only, Safari <=9.1 - 10.1, iOS <=7.0 - 9.3
-      // Some styles come back with percentage values, even though they shouldn't
-      div.style.right = "60%";
-      pixelBoxStylesVal = roundPixelMeasures(divStyle.right) === 36;
-
-      // Support: IE 9 - 11 only
-      // Detect misreporting of content dimensions for box-sizing:border-box elements
-      boxSizingReliableVal = roundPixelMeasures(divStyle.width) === 36;
-
-      // Support: IE 9 only
-      // Detect overflow:scroll screwiness (gh-3699)
-      // Support: Chrome <=64
-      // Don't get tricked when zoom affects offsetWidth (gh-4029)
-      div.style.position = "absolute";
-      scrollboxSizeVal = roundPixelMeasures(div.offsetWidth / 3) === 12;
-
-      documentElement.removeChild(container);
-
-      // Nullify the div so it wouldn't be stored in the memory and
-      // it will also be a sign that checks already performed
-      div = null;
-    }
-
-    function roundPixelMeasures(measure) {
-      return Math.round(parseFloat(measure));
-    }
-
-    var pixelPositionVal,
-      boxSizingReliableVal,
-      scrollboxSizeVal,
-      pixelBoxStylesVal,
-      reliableTrDimensionsVal,
-      reliableMarginLeftVal,
-      container = document.createElement("div"),
-      div = document.createElement("div");
-
-    // Finish early in limited (non-browser) environments
-    if (!div.style) {
-      return;
-    }
-
-    // Support: IE <=9 - 11 only
-    // Style of cloned element affects source element cloned (trac-8908)
-    div.style.backgroundClip = "content-box";
-    div.cloneNode(true).style.backgroundClip = "";
-    support.clearCloneStyle = div.style.backgroundClip === "content-box";
-
-    jQuery.extend(support, {
-      boxSizingReliable: function () {
-        computeStyleTests();
-        return boxSizingReliableVal;
-      },
-      pixelBoxStyles: function () {
-        computeStyleTests();
-        return pixelBoxStylesVal;
-      },
-      pixelPosition: function () {
-        computeStyleTests();
-        return pixelPositionVal;
-      },
-      reliableMarginLeft: function () {
-        computeStyleTests();
-        return reliableMarginLeftVal;
-      },
-      scrollboxSize: function () {
-        computeStyleTests();
-        return scrollboxSizeVal;
-      },
-
-      // Support: IE 9 - 11+, Edge 15 - 18+
-      // IE/Edge misreport `getComputedStyle` of table rows with width/height
-      // set in CSS while `offset*` properties report correct values.
-      // Behavior in IE 9 is more subtle than in newer versions & it passes
-      // some versions of this test; make sure not to make it pass there!
-      //
-      // Support: Firefox 70+
-      // Only Firefox includes border widths
-      // in computed dimensions. (gh-4529)
-      reliableTrDimensions: function () {
-        var table, tr, trChild, trStyle;
-        if (reliableTrDimensionsVal == null) {
-          table = document.createElement("table");
-          tr = document.createElement("tr");
-          trChild = document.createElement("div");
-
-          table.style.cssText =
-            "position:absolute;left:-11111px;border-collapse:separate";
-          tr.style.cssText = "border:1px solid";
-
-          // Support: Chrome 86+
-          // Height set through cssText does not get applied.
-          // Computed height then comes back as 0.
-          tr.style.height = "1px";
-          trChild.style.height = "9px";
-
-          // Support: Android 8 Chrome 86+
-          // In our bodyBackground.html iframe,
-          // display for all div elements is set to "inline",
-          // which causes a problem only in Android 8 Chrome 86.
-          // Ensuring the div is display: block
-          // gets around this issue.
-          trChild.style.display = "block";
-
-          documentElement
-            .appendChild(table)
-            .appendChild(tr)
-            .appendChild(trChild);
-
-          trStyle = window.getComputedStyle(tr);
-          reliableTrDimensionsVal =
-            parseInt(trStyle.height, 10) +
-              parseInt(trStyle.borderTopWidth, 10) +
-              parseInt(trStyle.borderBottomWidth, 10) ===
-            tr.offsetHeight;
-
-          documentElement.removeChild(table);
-        }
-        return reliableTrDimensionsVal;
-      },
-    });
-  })();
-
-  function curCSS(elem, name, computed) {
-    var width,
-      minWidth,
-      maxWidth,
-      ret,
-      isCustomProp = rcustomProp.test(name),
-      // Support: Firefox 51+
-      // Retrieving style before computed somehow
-      // fixes an issue with getting wrong values
-      // on detached elements
-      style = elem.style;
-
-    computed = computed || getStyles(elem);
-
-    // getPropertyValue is needed for:
-    //   .css('filter') (IE 9 only, trac-12537)
-    //   .css('--customProperty) (gh-3144)
-    if (computed) {
-      // Support: IE <=9 - 11+
-      // IE only supports `"float"` in `getPropertyValue`; in computed styles
-      // it's only available as `"cssFloat"`. We no longer modify properties
-      // sent to `.css()` apart from camelCasing, so we need to check both.
-      // Normally, this would create difference in behavior: if
-      // `getPropertyValue` returns an empty string, the value returned
-      // by `.css()` would be `undefined`. This is usually the case for
-      // disconnected elements. However, in IE even disconnected elements
-      // with no styles return `"none"` for `getPropertyValue( "float" )`
-      ret = computed.getPropertyValue(name) || computed[name];
-
-      if (isCustomProp && ret) {
-        // Support: Firefox 105+, Chrome <=105+
-        // Spec requires trimming whitespace for custom properties (gh-4926).
-        // Firefox only trims leading whitespace. Chrome just collapses
-        // both leading & trailing whitespace to a single space.
-        //
-        // Fall back to `undefined` if empty string returned.
-        // This collapses a missing definition with property defined
-        // and set to an empty string but there's no standard API
-        // allowing us to differentiate them without a performance penalty
-        // and returning `undefined` aligns with older jQuery.
-        //
-        // rtrimCSS treats U+000D CARRIAGE RETURN and U+000C FORM FEED
-        // as whitespace while CSS does not, but this is not a problem
-        // because CSS preprocessing replaces them with U+000A LINE FEED
-        // (which *is* CSS whitespace)
-        // https://www.w3.org/TR/css-syntax-3/#input-preprocessing
-        ret = ret.replace(rtrimCSS, "$1") || undefined;
-      }
-
-      if (ret === "" && !isAttached(elem)) {
-        ret = jQuery.style(elem, name);
-      }
-
-      // A tribute to the "awesome hack by Dean Edwards"
-      // Android Browser returns percentage for some values,
-      // but width seems to be reliably pixels.
-      // This is against the CSSOM draft spec:
-      // https://drafts.csswg.org/cssom/#resolved-values
-      if (
-        !support.pixelBoxStyles() &&
-        rnumnonpx.test(ret) &&
-        rboxStyle.test(name)
-      ) {
-        // Remember the original values
-        width = style.width;
-        minWidth = style.minWidth;
-        maxWidth = style.maxWidth;
-
-        // Put in the new values to get a computed value out
-        style.minWidth = style.maxWidth = style.width = ret;
-        ret = computed.width;
-
-        // Revert the changed values
-        style.width = width;
-        style.minWidth = minWidth;
-        style.maxWidth = maxWidth;
-      }
-    }
-
-    return ret !== undefined
-      ? // Support: IE <=9 - 11 only
-        // IE returns zIndex value as an integer.
-        ret + ""
-      : ret;
-  }
-
-  function addGetHookIf(conditionFn, hookFn) {
-    // Define the hook, we'll check on the first run if it's really needed.
-    return {
-      get: function () {
-        if (conditionFn()) {
-          // Hook not needed (or it's not possible to use it due
-          // to missing dependency), remove it.
-          delete this.get;
-          return;
-        }
-
-        // Hook needed; redefine it so that the support test is not executed again.
-        return (this.get = hookFn).apply(this, arguments);
-      },
-    };
-  }
-
-  var cssPrefixes = ["Webkit", "Moz", "ms"],
-    emptyStyle = document.createElement("div").style,
-    vendorProps = {};
-
-  // Return a vendor-prefixed property or undefined
-  function vendorPropName(name) {
-    // Check for vendor prefixed names
-    var capName = name[0].toUpperCase() + name.slice(1),
-      i = cssPrefixes.length;
-
-    while (i--) {
-      name = cssPrefixes[i] + capName;
-      if (name in emptyStyle) {
-        return name;
-      }
-    }
-  }
-
-  // Return a potentially-mapped jQuery.cssProps or vendor prefixed property
-  function finalPropName(name) {
-    var final = jQuery.cssProps[name] || vendorProps[name];
-
-    if (final) {
-      return final;
-    }
-    if (name in emptyStyle) {
-      return name;
-    }
-    return (vendorProps[name] = vendorPropName(name) || name);
-  }
-
-  var // Swappable if display is none or starts with table
-    // except "table", "table-cell", or "table-caption"
-    // See here for display values: https://developer.mozilla.org/en-US/docs/CSS/display
-    rdisplayswap = /^(none|table(?!-c[ea]).+)/,
-    cssShow = { position: "absolute", visibility: "hidden", display: "block" },
-    cssNormalTransform = {
-      letterSpacing: "0",
-      fontWeight: "400",
-    };
-
-  function setPositiveNumber(_elem, value, subtract) {
-    // Any relative (+/-) values have already been
-    // normalized at this point
-    var matches = rcssNum.exec(value);
-    return matches
-      ? // Guard against undefined "subtract", e.g., when used as in cssHooks
-        Math.max(0, matches[2] - (subtract || 0)) + (matches[3] || "px")
-      : value;
-  }
-
-  function boxModelAdjustment(
-    elem,
-    dimension,
-    box,
-    isBorderBox,
-    styles,
-    computedVal,
-  ) {
-    var i = dimension === "width" ? 1 : 0,
-      extra = 0,
-      delta = 0;
-
-    // Adjustment may not be necessary
-    if (box === (isBorderBox ? "border" : "content")) {
-      return 0;
-    }
-
-    for (; i < 4; i += 2) {
-      // Both box models exclude margin
-      if (box === "margin") {
-        delta += jQuery.css(elem, box + cssExpand[i], true, styles);
-      }
-
-      // If we get here with a content-box, we're seeking "padding" or "border" or "margin"
-      if (!isBorderBox) {
-        // Add padding
-        delta += jQuery.css(elem, "padding" + cssExpand[i], true, styles);
-
-        // For "border" or "margin", add border
-        if (box !== "padding") {
-          delta += jQuery.css(
-            elem,
-            "border" + cssExpand[i] + "Width",
-            true,
-            styles,
-          );
-
-          // But still keep track of it otherwise
-        } else {
-          extra += jQuery.css(
-            elem,
-            "border" + cssExpand[i] + "Width",
-            true,
-            styles,
-          );
-        }
-
-        // If we get here with a border-box (content + padding + border), we're seeking "content" or
-        // "padding" or "margin"
-      } else {
-        // For "content", subtract padding
-        if (box === "content") {
-          delta -= jQuery.css(elem, "padding" + cssExpand[i], true, styles);
-        }
-
-        // For "content" or "padding", subtract border
-        if (box !== "margin") {
-          delta -= jQuery.css(
-            elem,
-            "border" + cssExpand[i] + "Width",
-            true,
-            styles,
-          );
-        }
-      }
-    }
-
-    // Account for positive content-box scroll gutter when requested by providing computedVal
-    if (!isBorderBox && computedVal >= 0) {
-      // offsetWidth/offsetHeight is a rounded sum of content, padding, scroll gutter, and border
-      // Assuming integer scroll gutter, subtract the rest and round down
-      delta +=
-        Math.max(
-          0,
-          Math.ceil(
-            elem["offset" + dimension[0].toUpperCase() + dimension.slice(1)] -
-              computedVal -
-              delta -
-              extra -
-              0.5,
-
-            // If offsetWidth/offsetHeight is unknown, then we can't determine content-box scroll gutter
-            // Use an explicit zero to avoid NaN (gh-3964)
-          ),
-        ) || 0;
-    }
-
-    return delta;
-  }
-
-  function getWidthOrHeight(elem, dimension, extra) {
-    // Start with computed style
-    var styles = getStyles(elem),
-      // To avoid forcing a reflow, only fetch boxSizing if we need it (gh-4322).
-      // Fake content-box until we know it's needed to know the true value.
-      boxSizingNeeded = !support.boxSizingReliable() || extra,
-      isBorderBox =
-        boxSizingNeeded &&
-        jQuery.css(elem, "boxSizing", false, styles) === "border-box",
-      valueIsBorderBox = isBorderBox,
-      val = curCSS(elem, dimension, styles),
-      offsetProp = "offset" + dimension[0].toUpperCase() + dimension.slice(1);
-
-    // Support: Firefox <=54
-    // Return a confounding non-pixel value or feign ignorance, as appropriate.
-    if (rnumnonpx.test(val)) {
-      if (!extra) {
-        return val;
-      }
-      val = "auto";
-    }
-
-    // Support: IE 9 - 11 only
-    // Use offsetWidth/offsetHeight for when box sizing is unreliable.
-    // In those cases, the computed value can be trusted to be border-box.
-    if (
-      ((!support.boxSizingReliable() && isBorderBox) ||
-        // Support: IE 10 - 11+, Edge 15 - 18+
-        // IE/Edge misreport `getComputedStyle` of table rows with width/height
-        // set in CSS while `offset*` properties report correct values.
-        // Interestingly, in some cases IE 9 doesn't suffer from this issue.
-        (!support.reliableTrDimensions() && nodeName(elem, "tr")) ||
-        // Fall back to offsetWidth/offsetHeight when value is "auto"
-        // This happens for inline elements with no explicit setting (gh-3571)
-        val === "auto" ||
-        // Support: Android <=4.1 - 4.3 only
-        // Also use offsetWidth/offsetHeight for misreported inline dimensions (gh-3602)
-        (!parseFloat(val) &&
-          jQuery.css(elem, "display", false, styles) === "inline")) &&
-      // Make sure the element is visible & connected
-      elem.getClientRects().length
-    ) {
-      isBorderBox =
-        jQuery.css(elem, "boxSizing", false, styles) === "border-box";
-
-      // Where available, offsetWidth/offsetHeight approximate border box dimensions.
-      // Where not available (e.g., SVG), assume unreliable box-sizing and interpret the
-      // retrieved value as a content box dimension.
-      valueIsBorderBox = offsetProp in elem;
-      if (valueIsBorderBox) {
-        val = elem[offsetProp];
-      }
-    }
-
-    // Normalize "" and auto
-    val = parseFloat(val) || 0;
-
-    // Adjust for the element's box model
-    return (
-      val +
-      boxModelAdjustment(
-        elem,
-        dimension,
-        extra || (isBorderBox ? "border" : "content"),
-        valueIsBorderBox,
-        styles,
-
-        // Provide the current computed size to request scroll gutter calculation (gh-3589)
-        val,
-      ) +
-      "px"
-    );
-  }
-
-  jQuery.extend({
-    // Add in style property hooks for overriding the default
-    // behavior of getting and setting a style property
-    cssHooks: {
-      opacity: {
-        get: function (elem, computed) {
-          if (computed) {
-            // We should always get a number back from opacity
-            var ret = curCSS(elem, "opacity");
-            return ret === "" ? "1" : ret;
-          }
-        },
-      },
-    },
-
-    // Don't automatically add "px" to these possibly-unitless properties
-    cssNumber: {
-      animationIterationCount: true,
-      columnCount: true,
-      fillOpacity: true,
-      flexGrow: true,
-      flexShrink: true,
-      fontWeight: true,
-      gridArea: true,
-      gridColumn: true,
-      gridColumnEnd: true,
-      gridColumnStart: true,
-      gridRow: true,
-      gridRowEnd: true,
-      gridRowStart: true,
-      lineHeight: true,
-      opacity: true,
-      order: true,
-      orphans: true,
-      widows: true,
-      zIndex: true,
-      zoom: true,
-    },
-
-    // Add in properties whose names you wish to fix before
-    // setting or getting the value
-    cssProps: {},
-
-    // Get and set the style property on a DOM Node
-    style: function (elem, name, value, extra) {
-      // Don't set styles on text and comment nodes
-      if (!elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style) {
-        return;
-      }
-
-      // Make sure that we're working with the right name
-      var ret,
-        type,
-        hooks,
-        origName = camelCase(name),
-        isCustomProp = rcustomProp.test(name),
-        style = elem.style;
-
-      // Make sure that we're working with the right name. We don't
-      // want to query the value if it is a CSS custom property
-      // since they are user-defined.
-      if (!isCustomProp) {
-        name = finalPropName(origName);
-      }
-
-      // Gets hook for the prefixed version, then unprefixed version
-      hooks = jQuery.cssHooks[name] || jQuery.cssHooks[origName];
-
-      // Check if we're setting a value
-      if (value !== undefined) {
-        type = typeof value;
-
-        // Convert "+=" or "-=" to relative numbers (trac-7345)
-        if (type === "string" && (ret = rcssNum.exec(value)) && ret[1]) {
-          value = adjustCSS(elem, name, ret);
-
-          // Fixes bug trac-9237
-          type = "number";
-        }
-
-        // Make sure that null and NaN values aren't set (trac-7116)
-        if (value == null || value !== value) {
-          return;
-        }
-
-        // If a number was passed in, add the unit (except for certain CSS properties)
-        // The isCustomProp check can be removed in jQuery 4.0 when we only auto-append
-        // "px" to a few hardcoded values.
-        if (type === "number" && !isCustomProp) {
-          value += (ret && ret[3]) || (jQuery.cssNumber[origName] ? "" : "px");
-        }
-
-        // background-* props affect original clone's values
-        if (
-          !support.clearCloneStyle &&
-          value === "" &&
-          name.indexOf("background") === 0
-        ) {
-          style[name] = "inherit";
-        }
-
-        // If a hook was provided, use that value, otherwise just set the specified value
-        if (
-          !hooks ||
-          !("set" in hooks) ||
-          (value = hooks.set(elem, value, extra)) !== undefined
-        ) {
-          if (isCustomProp) {
-            style.setProperty(name, value);
-          } else {
-            style[name] = value;
-          }
-        }
-      } else {
-        // If a hook was provided get the non-computed value from there
-        if (
-          hooks &&
-          "get" in hooks &&
-          (ret = hooks.get(elem, false, extra)) !== undefined
-        ) {
-          return ret;
-        }
-
-        // Otherwise just get the value from the style object
-        return style[name];
-      }
-    },
-
-    css: function (elem, name, extra, styles) {
-      var val,
-        num,
-        hooks,
-        origName = camelCase(name),
-        isCustomProp = rcustomProp.test(name);
-
-      // Make sure that we're working with the right name. We don't
-      // want to modify the value if it is a CSS custom property
-      // since they are user-defined.
-      if (!isCustomProp) {
-        name = finalPropName(origName);
-      }
-
-      // Try prefixed name followed by the unprefixed name
-      hooks = jQuery.cssHooks[name] || jQuery.cssHooks[origName];
-
-      // If a hook was provided get the computed value from there
-      if (hooks && "get" in hooks) {
-        val = hooks.get(elem, true, extra);
-      }
-
-      // Otherwise, if a way to get the computed value exists, use that
-      if (val === undefined) {
-        val = curCSS(elem, name, styles);
-      }
-
-      // Convert "normal" to computed value
-      if (val === "normal" && name in cssNormalTransform) {
-        val = cssNormalTransform[name];
-      }
-
-      // Make numeric if forced or a qualifier was provided and val looks numeric
-      if (extra === "" || extra) {
-        num = parseFloat(val);
-        return extra === true || isFinite(num) ? num || 0 : val;
-      }
-
-      return val;
-    },
-  });
-
-  jQuery.each(["height", "width"], function (_i, dimension) {
-    jQuery.cssHooks[dimension] = {
-      get: function (elem, computed, extra) {
-        if (computed) {
-          // Certain elements can have dimension info if we invisibly show them
-          // but it must have a current display style that would benefit
-          return rdisplayswap.test(jQuery.css(elem, "display")) &&
-            // Support: Safari 8+
-            // Table columns in Safari have non-zero offsetWidth & zero
-            // getBoundingClientRect().width unless display is changed.
-            // Support: IE <=11 only
-            // Running getBoundingClientRect on a disconnected node
-            // in IE throws an error.
-            (!elem.getClientRects().length ||
-              !elem.getBoundingClientRect().width)
-            ? swap(elem, cssShow, function () {
-                return getWidthOrHeight(elem, dimension, extra);
-              })
-            : getWidthOrHeight(elem, dimension, extra);
-        }
-      },
-
-      set: function (elem, value, extra) {
-        var matches,
-          styles = getStyles(elem),
-          // Only read styles.position if the test has a chance to fail
-          // to avoid forcing a reflow.
-          scrollboxSizeBuggy =
-            !support.scrollboxSize() && styles.position === "absolute",
-          // To avoid forcing a reflow, only fetch boxSizing if we need it (gh-3991)
-          boxSizingNeeded = scrollboxSizeBuggy || extra,
-          isBorderBox =
-            boxSizingNeeded &&
-            jQuery.css(elem, "boxSizing", false, styles) === "border-box",
-          subtract = extra
-            ? boxModelAdjustment(elem, dimension, extra, isBorderBox, styles)
-            : 0;
-
-        // Account for unreliable border-box dimensions by comparing offset* to computed and
-        // faking a content-box to get border and padding (gh-3699)
-        if (isBorderBox && scrollboxSizeBuggy) {
-          subtract -= Math.ceil(
-            elem["offset" + dimension[0].toUpperCase() + dimension.slice(1)] -
-              parseFloat(styles[dimension]) -
-              boxModelAdjustment(elem, dimension, "border", false, styles) -
-              0.5,
-          );
-        }
-
-        // Convert to pixels if value adjustment is needed
-        if (
-          subtract &&
-          (matches = rcssNum.exec(value)) &&
-          (matches[3] || "px") !== "px"
-        ) {
-          elem.style[dimension] = value;
-          value = jQuery.css(elem, dimension);
-        }
-
-        return setPositiveNumber(elem, value, subtract);
-      },
-    };
-  });
-
-  jQuery.cssHooks.marginLeft = addGetHookIf(
-    support.reliableMarginLeft,
-    function (elem, computed) {
-      if (computed) {
-        return (
-          (parseFloat(curCSS(elem, "marginLeft")) ||
-            elem.getBoundingClientRect().left -
-              swap(elem, { marginLeft: 0 }, function () {
-                return elem.getBoundingClientRect().left;
-              })) + "px"
-        );
-      }
-    },
-  );
-
-  // These hooks are used by animate to expand properties
-  jQuery.each(
-    {
-      margin: "",
-      padding: "",
-      border: "Width",
-    },
-    function (prefix, suffix) {
-      jQuery.cssHooks[prefix + suffix] = {
-        expand: function (value) {
-          var i = 0,
-            expanded = {},
-            // Assumes a single number if not a string
-            parts = typeof value === "string" ? value.split(" ") : [value];
-
-          for (; i < 4; i++) {
-            expanded[prefix + cssExpand[i] + suffix] =
-              parts[i] || parts[i - 2] || parts[0];
-          }
-
-          return expanded;
-        },
-      };
-
-      if (prefix !== "margin") {
-        jQuery.cssHooks[prefix + suffix].set = setPositiveNumber;
-      }
-    },
-  );
-
-  jQuery.fn.extend({
-    css: function (name, value) {
-      return access(
-        this,
-        function (elem, name, value) {
-          var styles,
-            len,
-            map = {},
-            i = 0;
-
-          if (Array.isArray(name)) {
-            styles = getStyles(elem);
-            len = name.length;
-
-            for (; i < len; i++) {
-              map[name[i]] = jQuery.css(elem, name[i], false, styles);
-            }
-
-            return map;
-          }
-
-          return value !== undefined
-            ? jQuery.style(elem, name, value)
-            : jQuery.css(elem, name);
-        },
-        name,
-        value,
-        arguments.length > 1,
-      );
-    },
-  });
-
-  function Tween(elem, options, prop, end, easing) {
-    return new Tween.prototype.init(elem, options, prop, end, easing);
-  }
-  jQuery.Tween = Tween;
-
-  Tween.prototype = {
-    constructor: Tween,
-    init: function (elem, options, prop, end, easing, unit) {
-      this.elem = elem;
-      this.prop = prop;
-      this.easing = easing || jQuery.easing._default;
-      this.options = options;
-      this.start = this.now = this.cur();
-      this.end = end;
-      this.unit = unit || (jQuery.cssNumber[prop] ? "" : "px");
-    },
-    cur: function () {
-      var hooks = Tween.propHooks[this.prop];
-
-      return hooks && hooks.get
-        ? hooks.get(this)
-        : Tween.propHooks._default.get(this);
-    },
-    run: function (percent) {
-      var eased,
-        hooks = Tween.propHooks[this.prop];
-
-      if (this.options.duration) {
-        this.pos = eased = jQuery.easing[this.easing](
-          percent,
-          this.options.duration * percent,
-          0,
-          1,
-          this.options.duration,
-        );
-      } else {
-        this.pos = eased = percent;
-      }
-      this.now = (this.end - this.start) * eased + this.start;
-
-      if (this.options.step) {
-        this.options.step.call(this.elem, this.now, this);
-      }
-
-      if (hooks && hooks.set) {
-        hooks.set(this);
-      } else {
-        Tween.propHooks._default.set(this);
-      }
-      return this;
-    },
-  };
-
-  Tween.prototype.init.prototype = Tween.prototype;
-
-  Tween.propHooks = {
-    _default: {
-      get: function (tween) {
-        var result;
-
-        // Use a property on the element directly when it is not a DOM element,
-        // or when there is no matching style property that exists.
-        if (
-          tween.elem.nodeType !== 1 ||
-          (tween.elem[tween.prop] != null &&
-            tween.elem.style[tween.prop] == null)
-        ) {
-          return tween.elem[tween.prop];
-        }
-
-        // Passing an empty string as a 3rd parameter to .css will automatically
-        // attempt a parseFloat and fallback to a string if the parse fails.
-        // Simple values such as "10px" are parsed to Float;
-        // complex values such as "rotate(1rad)" are returned as-is.
-        result = jQuery.css(tween.elem, tween.prop, "");
-
-        // Empty strings, null, undefined and "auto" are converted to 0.
-        return !result || result === "auto" ? 0 : result;
-      },
-      set: function (tween) {
-        // Use step hook for back compat.
-        // Use cssHook if its there.
-        // Use .style if available and use plain properties where available.
-        if (jQuery.fx.step[tween.prop]) {
-          jQuery.fx.step[tween.prop](tween);
-        } else if (
-          tween.elem.nodeType === 1 &&
-          (jQuery.cssHooks[tween.prop] ||
-            tween.elem.style[finalPropName(tween.prop)] != null)
-        ) {
-          jQuery.style(tween.elem, tween.prop, tween.now + tween.unit);
-        } else {
-          tween.elem[tween.prop] = tween.now;
-        }
-      },
-    },
-  };
-
-  // Support: IE <=9 only
-  // Panic based approach to setting things on disconnected nodes
-  Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = {
-    set: function (tween) {
-      if (tween.elem.nodeType && tween.elem.parentNode) {
-        tween.elem[tween.prop] = tween.now;
-      }
-    },
-  };
-
-  jQuery.easing = {
-    linear: function (p) {
-      return p;
-    },
-    swing: function (p) {
-      return 0.5 - Math.cos(p * Math.PI) / 2;
-    },
-    _default: "swing",
-  };
-
-  jQuery.fx = Tween.prototype.init;
-
-  // Back compat <1.8 extension point
-  jQuery.fx.step = {};
-
-  var fxNow,
-    inProgress,
-    rfxtypes = /^(?:toggle|show|hide)$/,
-    rrun = /queueHooks$/;
-
-  function schedule() {
-    if (inProgress) {
-      if (document.hidden === false && window.requestAnimationFrame) {
-        window.requestAnimationFrame(schedule);
-      } else {
-        window.setTimeout(schedule, jQuery.fx.interval);
-      }
-
-      jQuery.fx.tick();
-    }
-  }
-
-  // Animations created synchronously will run synchronously
-  function createFxNow() {
-    window.setTimeout(function () {
-      fxNow = undefined;
-    });
-    return (fxNow = Date.now());
-  }
-
-  // Generate parameters to create a standard animation
-  function genFx(type, includeWidth) {
-    var which,
-      i = 0,
-      attrs = { height: type };
-
-    // If we include width, step value is 1 to do all cssExpand values,
-    // otherwise step value is 2 to skip over Left and Right
-    includeWidth = includeWidth ? 1 : 0;
-    for (; i < 4; i += 2 - includeWidth) {
-      which = cssExpand[i];
-      attrs["margin" + which] = attrs["padding" + which] = type;
-    }
-
-    if (includeWidth) {
-      attrs.opacity = attrs.width = type;
-    }
-
-    return attrs;
-  }
-
-  function createTween(value, prop, animation) {
-    var tween,
-      collection = (Animation.tweeners[prop] || []).concat(
-        Animation.tweeners["*"],
-      ),
-      index = 0,
-      length = collection.length;
-    for (; index < length; index++) {
-      if ((tween = collection[index].call(animation, prop, value))) {
-        // We're done with this property
-        return tween;
-      }
-    }
-  }
-
-  function defaultPrefilter(elem, props, opts) {
-    var prop,
-      value,
-      toggle,
-      hooks,
-      oldfire,
-      propTween,
-      restoreDisplay,
-      display,
-      isBox = "width" in props || "height" in props,
-      anim = this,
-      orig = {},
-      style = elem.style,
-      hidden = elem.nodeType && isHiddenWithinTree(elem),
-      dataShow = dataPriv.get(elem, "fxshow");
-
-    // Queue-skipping animations hijack the fx hooks
-    if (!opts.queue) {
-      hooks = jQuery._queueHooks(elem, "fx");
-      if (hooks.unqueued == null) {
-        hooks.unqueued = 0;
-        oldfire = hooks.empty.fire;
-        hooks.empty.fire = function () {
-          if (!hooks.unqueued) {
-            oldfire();
-          }
-        };
-      }
-      hooks.unqueued++;
-
-      anim.always(function () {
-        // Ensure the complete handler is called before this completes
-        anim.always(function () {
-          hooks.unqueued--;
-          if (!jQuery.queue(elem, "fx").length) {
-            hooks.empty.fire();
-          }
-        });
-      });
-    }
-
-    // Detect show/hide animations
-    for (prop in props) {
-      value = props[prop];
-      if (rfxtypes.test(value)) {
-        delete props[prop];
-        toggle = toggle || value === "toggle";
-        if (value === (hidden ? "hide" : "show")) {
-          // Pretend to be hidden if this is a "show" and
-          // there is still data from a stopped show/hide
-          if (value === "show" && dataShow && dataShow[prop] !== undefined) {
-            hidden = true;
-
-            // Ignore all other no-op show/hide data
-          } else {
-            continue;
-          }
-        }
-        orig[prop] = (dataShow && dataShow[prop]) || jQuery.style(elem, prop);
-      }
-    }
-
-    // Bail out if this is a no-op like .hide().hide()
-    propTween = !jQuery.isEmptyObject(props);
-    if (!propTween && jQuery.isEmptyObject(orig)) {
-      return;
-    }
-
-    // Restrict "overflow" and "display" styles during box animations
-    if (isBox && elem.nodeType === 1) {
-      // Support: IE <=9 - 11, Edge 12 - 15
-      // Record all 3 overflow attributes because IE does not infer the shorthand
-      // from identically-valued overflowX and overflowY and Edge just mirrors
-      // the overflowX value there.
-      opts.overflow = [style.overflow, style.overflowX, style.overflowY];
-
-      // Identify a display type, preferring old show/hide data over the CSS cascade
-      restoreDisplay = dataShow && dataShow.display;
-      if (restoreDisplay == null) {
-        restoreDisplay = dataPriv.get(elem, "display");
-      }
-      display = jQuery.css(elem, "display");
-      if (display === "none") {
-        if (restoreDisplay) {
-          display = restoreDisplay;
-        } else {
-          // Get nonempty value(s) by temporarily forcing visibility
-          showHide([elem], true);
-          restoreDisplay = elem.style.display || restoreDisplay;
-          display = jQuery.css(elem, "display");
-          showHide([elem]);
-        }
-      }
-
-      // Animate inline elements as inline-block
-      if (
-        display === "inline" ||
-        (display === "inline-block" && restoreDisplay != null)
-      ) {
-        if (jQuery.css(elem, "float") === "none") {
-          // Restore the original display value at the end of pure show/hide animations
-          if (!propTween) {
-            anim.done(function () {
-              style.display = restoreDisplay;
-            });
-            if (restoreDisplay == null) {
-              display = style.display;
-              restoreDisplay = display === "none" ? "" : display;
-            }
-          }
-          style.display = "inline-block";
-        }
-      }
-    }
-
-    if (opts.overflow) {
-      style.overflow = "hidden";
-      anim.always(function () {
-        style.overflow = opts.overflow[0];
-        style.overflowX = opts.overflow[1];
-        style.overflowY = opts.overflow[2];
-      });
-    }
-
-    // Implement show/hide animations
-    propTween = false;
-    for (prop in orig) {
-      // General show/hide setup for this element animation
-      if (!propTween) {
-        if (dataShow) {
-          if ("hidden" in dataShow) {
-            hidden = dataShow.hidden;
-          }
-        } else {
-          dataShow = dataPriv.access(elem, "fxshow", {
-            display: restoreDisplay,
-          });
-        }
-
-        // Store hidden/visible for toggle so `.stop().toggle()` "reverses"
-        if (toggle) {
-          dataShow.hidden = !hidden;
-        }
-
-        // Show elements before animating them
-        if (hidden) {
-          showHide([elem], true);
-        }
-
-        /* eslint-disable no-loop-func */
-
-        anim.done(function () {
-          /* eslint-enable no-loop-func */
-
-          // The final step of a "hide" animation is actually hiding the element
-          if (!hidden) {
-            showHide([elem]);
-          }
-          dataPriv.remove(elem, "fxshow");
-          for (prop in orig) {
-            jQuery.style(elem, prop, orig[prop]);
-          }
-        });
-      }
-
-      // Per-property setup
-      propTween = createTween(hidden ? dataShow[prop] : 0, prop, anim);
-      if (!(prop in dataShow)) {
-        dataShow[prop] = propTween.start;
-        if (hidden) {
-          propTween.end = propTween.start;
-          propTween.start = 0;
-        }
-      }
-    }
-  }
-
-  function propFilter(props, specialEasing) {
-    var index, name, easing, value, hooks;
-
-    // camelCase, specialEasing and expand cssHook pass
-    for (index in props) {
-      name = camelCase(index);
-      easing = specialEasing[name];
-      value = props[index];
-      if (Array.isArray(value)) {
-        easing = value[1];
-        value = props[index] = value[0];
-      }
-
-      if (index !== name) {
-        props[name] = value;
-        delete props[index];
-      }
-
-      hooks = jQuery.cssHooks[name];
-      if (hooks && "expand" in hooks) {
-        value = hooks.expand(value);
-        delete props[name];
-
-        // Not quite $.extend, this won't overwrite existing keys.
-        // Reusing 'index' because we have the correct "name"
-        for (index in value) {
-          if (!(index in props)) {
-            props[index] = value[index];
-            specialEasing[index] = easing;
-          }
-        }
-      } else {
-        specialEasing[name] = easing;
-      }
-    }
-  }
-
-  function Animation(elem, properties, options) {
-    var result,
-      stopped,
-      index = 0,
-      length = Animation.prefilters.length,
-      deferred = jQuery.Deferred().always(function () {
-        // Don't match elem in the :animated selector
-        delete tick.elem;
-      }),
-      tick = function () {
-        if (stopped) {
-          return false;
-        }
-        var currentTime = fxNow || createFxNow(),
-          remaining = Math.max(
-            0,
-            animation.startTime + animation.duration - currentTime,
-          ),
-          // Support: Android 2.3 only
-          // Archaic crash bug won't allow us to use `1 - ( 0.5 || 0 )` (trac-12497)
-          temp = remaining / animation.duration || 0,
-          percent = 1 - temp,
-          index = 0,
-          length = animation.tweens.length;
-
-        for (; index < length; index++) {
-          animation.tweens[index].run(percent);
-        }
-
-        deferred.notifyWith(elem, [animation, percent, remaining]);
-
-        // If there's more to do, yield
-        if (percent < 1 && length) {
-          return remaining;
-        }
-
-        // If this was an empty animation, synthesize a final progress notification
-        if (!length) {
-          deferred.notifyWith(elem, [animation, 1, 0]);
-        }
-
-        // Resolve the animation and report its conclusion
-        deferred.resolveWith(elem, [animation]);
-        return false;
-      },
-      animation = deferred.promise({
-        elem: elem,
-        props: jQuery.extend({}, properties),
-        opts: jQuery.extend(
-          true,
-          {
-            specialEasing: {},
-            easing: jQuery.easing._default,
-          },
-          options,
-        ),
-        originalProperties: properties,
-        originalOptions: options,
-        startTime: fxNow || createFxNow(),
-        duration: options.duration,
-        tweens: [],
-        createTween: function (prop, end) {
-          var tween = jQuery.Tween(
-            elem,
-            animation.opts,
-            prop,
-            end,
-            animation.opts.specialEasing[prop] || animation.opts.easing,
-          );
-          animation.tweens.push(tween);
-          return tween;
-        },
-        stop: function (gotoEnd) {
-          var index = 0,
-            // If we are going to the end, we want to run all the tweens
-            // otherwise we skip this part
-            length = gotoEnd ? animation.tweens.length : 0;
-          if (stopped) {
-            return this;
-          }
-          stopped = true;
-          for (; index < length; index++) {
-            animation.tweens[index].run(1);
-          }
-
-          // Resolve when we played the last frame; otherwise, reject
-          if (gotoEnd) {
-            deferred.notifyWith(elem, [animation, 1, 0]);
-            deferred.resolveWith(elem, [animation, gotoEnd]);
-          } else {
-            deferred.rejectWith(elem, [animation, gotoEnd]);
-          }
-          return this;
-        },
-      }),
-      props = animation.props;
-
-    propFilter(props, animation.opts.specialEasing);
-
-    for (; index < length; index++) {
-      result = Animation.prefilters[index].call(
-        animation,
-        elem,
-        props,
-        animation.opts,
-      );
-      if (result) {
-        if (isFunction(result.stop)) {
-          jQuery._queueHooks(animation.elem, animation.opts.queue).stop =
-            result.stop.bind(result);
-        }
-        return result;
-      }
-    }
-
-    jQuery.map(props, createTween, animation);
-
-    if (isFunction(animation.opts.start)) {
-      animation.opts.start.call(elem, animation);
-    }
-
-    // Attach callbacks from options
-    animation
-      .progress(animation.opts.progress)
-      .done(animation.opts.done, animation.opts.complete)
-      .fail(animation.opts.fail)
-      .always(animation.opts.always);
-
-    jQuery.fx.timer(
-      jQuery.extend(tick, {
-        elem: elem,
-        anim: animation,
-        queue: animation.opts.queue,
-      }),
-    );
-
-    return animation;
-  }
-
-  jQuery.Animation = jQuery.extend(Animation, {
-    tweeners: {
-      "*": [
-        function (prop, value) {
-          var tween = this.createTween(prop, value);
-          adjustCSS(tween.elem, prop, rcssNum.exec(value), tween);
-          return tween;
-        },
-      ],
-    },
-
-    tweener: function (props, callback) {
-      if (isFunction(props)) {
-        callback = props;
-        props = ["*"];
-      } else {
-        props = props.match(rnothtmlwhite);
-      }
-
-      var prop,
-        index = 0,
-        length = props.length;
-
-      for (; index < length; index++) {
-        prop = props[index];
-        Animation.tweeners[prop] = Animation.tweeners[prop] || [];
-        Animation.tweeners[prop].unshift(callback);
-      }
-    },
-
-    prefilters: [defaultPrefilter],
-
-    prefilter: function (callback, prepend) {
-      if (prepend) {
-        Animation.prefilters.unshift(callback);
-      } else {
-        Animation.prefilters.push(callback);
-      }
-    },
-  });
-
-  jQuery.speed = function (speed, easing, fn) {
-    var opt =
-      speed && typeof speed === "object"
-        ? jQuery.extend({}, speed)
-        : {
-            complete: fn || (!fn && easing) || (isFunction(speed) && speed),
-            duration: speed,
-            easing: (fn && easing) || (easing && !isFunction(easing) && easing),
-          };
-
-    // Go to the end state if fx are off
-    if (jQuery.fx.off) {
-      opt.duration = 0;
-    } else {
-      if (typeof opt.duration !== "number") {
-        if (opt.duration in jQuery.fx.speeds) {
-          opt.duration = jQuery.fx.speeds[opt.duration];
-        } else {
-          opt.duration = jQuery.fx.speeds._default;
-        }
-      }
-    }
-
-    // Normalize opt.queue - true/undefined/null -> "fx"
-    if (opt.queue == null || opt.queue === true) {
-      opt.queue = "fx";
-    }
-
-    // Queueing
-    opt.old = opt.complete;
-
-    opt.complete = function () {
-      if (isFunction(opt.old)) {
-        opt.old.call(this);
-      }
-
-      if (opt.queue) {
-        jQuery.dequeue(this, opt.queue);
-      }
-    };
-
-    return opt;
-  };
-
-  jQuery.fn.extend({
-    fadeTo: function (speed, to, easing, callback) {
-      // Show any hidden elements after setting opacity to 0
-      return (
-        this.filter(isHiddenWithinTree)
-          .css("opacity", 0)
-          .show()
-
-          // Animate to the value specified
-          .end()
-          .animate({ opacity: to }, speed, easing, callback)
-      );
-    },
-    animate: function (prop, speed, easing, callback) {
-      var empty = jQuery.isEmptyObject(prop),
-        optall = jQuery.speed(speed, easing, callback),
-        doAnimation = function () {
-          // Operate on a copy of prop so per-property easing won't be lost
-          var anim = Animation(this, jQuery.extend({}, prop), optall);
-
-          // Empty animations, or finishing resolves immediately
-          if (empty || dataPriv.get(this, "finish")) {
-            anim.stop(true);
-          }
-        };
-
-      doAnimation.finish = doAnimation;
-
-      return empty || optall.queue === false
-        ? this.each(doAnimation)
-        : this.queue(optall.queue, doAnimation);
-    },
-    stop: function (type, clearQueue, gotoEnd) {
-      var stopQueue = function (hooks) {
-        var stop = hooks.stop;
-        delete hooks.stop;
-        stop(gotoEnd);
-      };
-
-      if (typeof type !== "string") {
-        gotoEnd = clearQueue;
-        clearQueue = type;
-        type = undefined;
-      }
-      if (clearQueue) {
-        this.queue(type || "fx", []);
-      }
-
-      return this.each(function () {
-        var dequeue = true,
-          index = type != null && type + "queueHooks",
-          timers = jQuery.timers,
-          data = dataPriv.get(this);
-
-        if (index) {
-          if (data[index] && data[index].stop) {
-            stopQueue(data[index]);
-          }
-        } else {
-          for (index in data) {
-            if (data[index] && data[index].stop && rrun.test(index)) {
-              stopQueue(data[index]);
-            }
-          }
-        }
-
-        for (index = timers.length; index--; ) {
-          if (
-            timers[index].elem === this &&
-            (type == null || timers[index].queue === type)
-          ) {
-            timers[index].anim.stop(gotoEnd);
-            dequeue = false;
-            timers.splice(index, 1);
-          }
-        }
-
-        // Start the next in the queue if the last step wasn't forced.
-        // Timers currently will call their complete callbacks, which
-        // will dequeue but only if they were gotoEnd.
-        if (dequeue || !gotoEnd) {
-          jQuery.dequeue(this, type);
-        }
-      });
-    },
-    finish: function (type) {
-      if (type !== false) {
-        type = type || "fx";
-      }
-      return this.each(function () {
-        var index,
-          data = dataPriv.get(this),
-          queue = data[type + "queue"],
-          hooks = data[type + "queueHooks"],
-          timers = jQuery.timers,
-          length = queue ? queue.length : 0;
-
-        // Enable finishing flag on private data
-        data.finish = true;
-
-        // Empty the queue first
-        jQuery.queue(this, type, []);
-
-        if (hooks && hooks.stop) {
-          hooks.stop.call(this, true);
-        }
-
-        // Look for any active animations, and finish them
-        for (index = timers.length; index--; ) {
-          if (timers[index].elem === this && timers[index].queue === type) {
-            timers[index].anim.stop(true);
-            timers.splice(index, 1);
-          }
-        }
-
-        // Look for any animations in the old queue and finish them
-        for (index = 0; index < length; index++) {
-          if (queue[index] && queue[index].finish) {
-            queue[index].finish.call(this);
-          }
-        }
-
-        // Turn off finishing flag
-        delete data.finish;
-      });
-    },
-  });
-
-  jQuery.each(["toggle", "show", "hide"], function (_i, name) {
-    var cssFn = jQuery.fn[name];
-    jQuery.fn[name] = function (speed, easing, callback) {
-      return speed == null || typeof speed === "boolean"
-        ? cssFn.apply(this, arguments)
-        : this.animate(genFx(name, true), speed, easing, callback);
-    };
-  });
-
-  // Generate shortcuts for custom animations
-  jQuery.each(
-    {
-      slideDown: genFx("show"),
-      slideUp: genFx("hide"),
-      slideToggle: genFx("toggle"),
-      fadeIn: { opacity: "show" },
-      fadeOut: { opacity: "hide" },
-      fadeToggle: { opacity: "toggle" },
-    },
-    function (name, props) {
-      jQuery.fn[name] = function (speed, easing, callback) {
-        return this.animate(props, speed, easing, callback);
-      };
-    },
-  );
-
-  jQuery.timers = [];
-  jQuery.fx.tick = function () {
-    var timer,
-      i = 0,
-      timers = jQuery.timers;
-
-    fxNow = Date.now();
-
-    for (; i < timers.length; i++) {
-      timer = timers[i];
-
-      // Run the timer and safely remove it when done (allowing for external removal)
-      if (!timer() && timers[i] === timer) {
-        timers.splice(i--, 1);
-      }
-    }
-
-    if (!timers.length) {
-      jQuery.fx.stop();
-    }
-    fxNow = undefined;
-  };
-
-  jQuery.fx.timer = function (timer) {
-    jQuery.timers.push(timer);
-    jQuery.fx.start();
-  };
-
-  jQuery.fx.interval = 13;
-  jQuery.fx.start = function () {
-    if (inProgress) {
-      return;
-    }
-
-    inProgress = true;
-    schedule();
-  };
-
-  jQuery.fx.stop = function () {
-    inProgress = null;
-  };
-
-  jQuery.fx.speeds = {
-    slow: 600,
-    fast: 200,
-
-    // Default speed
-    _default: 400,
-  };
-
-  // Based off of the plugin by Clint Helfers, with permission.
-  jQuery.fn.delay = function (time, type) {
-    time = jQuery.fx ? jQuery.fx.speeds[time] || time : time;
-    type = type || "fx";
-
-    return this.queue(type, function (next, hooks) {
-      var timeout = window.setTimeout(next, time);
-      hooks.stop = function () {
-        window.clearTimeout(timeout);
-      };
-    });
-  };
-
-  (function () {
-    var input = document.createElement("input"),
-      select = document.createElement("select"),
-      opt = select.appendChild(document.createElement("option"));
-
-    input.type = "checkbox";
-
-    // Support: Android <=4.3 only
-    // Default value for a checkbox should be "on"
-    support.checkOn = input.value !== "";
-
-    // Support: IE <=11 only
-    // Must access selectedIndex to make default options select
-    support.optSelected = opt.selected;
-
-    // Support: IE <=11 only
-    // An input loses its value after becoming a radio
-    input = document.createElement("input");
-    input.value = "t";
-    input.type = "radio";
-    support.radioValue = input.value === "t";
-  })();
-
-  var boolHook,
-    attrHandle = jQuery.expr.attrHandle;
-
-  jQuery.fn.extend({
-    attr: function (name, value) {
-      return access(this, jQuery.attr, name, value, arguments.length > 1);
-    },
-
-    removeAttr: function (name) {
-      return this.each(function () {
-        jQuery.removeAttr(this, name);
-      });
-    },
-  });
-
-  jQuery.extend({
-    attr: function (elem, name, value) {
-      var ret,
-        hooks,
-        nType = elem.nodeType;
-
-      // Don't get/set attributes on text, comment and attribute nodes
-      if (nType === 3 || nType === 8 || nType === 2) {
-        return;
-      }
-
-      // Fallback to prop when attributes are not supported
-      if (typeof elem.getAttribute === "undefined") {
-        return jQuery.prop(elem, name, value);
-      }
-
-      // Attribute hooks are determined by the lowercase version
-      // Grab necessary hook if one is defined
-      if (nType !== 1 || !jQuery.isXMLDoc(elem)) {
-        hooks =
-          jQuery.attrHooks[name.toLowerCase()] ||
-          (jQuery.expr.match.bool.test(name) ? boolHook : undefined);
-      }
-
-      if (value !== undefined) {
-        if (value === null) {
-          jQuery.removeAttr(elem, name);
-          return;
-        }
-
-        if (
-          hooks &&
-          "set" in hooks &&
-          (ret = hooks.set(elem, value, name)) !== undefined
-        ) {
-          return ret;
-        }
-
-        elem.setAttribute(name, value + "");
-        return value;
-      }
-
-      if (hooks && "get" in hooks && (ret = hooks.get(elem, name)) !== null) {
-        return ret;
-      }
-
-      ret = jQuery.find.attr(elem, name);
-
-      // Non-existent attributes return null, we normalize to undefined
-      return ret == null ? undefined : ret;
-    },
-
-    attrHooks: {
-      type: {
-        set: function (elem, value) {
-          if (
-            !support.radioValue &&
-            value === "radio" &&
-            nodeName(elem, "input")
-          ) {
-            var val = elem.value;
-            elem.setAttribute("type", value);
-            if (val) {
-              elem.value = val;
-            }
-            return value;
-          }
-        },
-      },
-    },
-
-    removeAttr: function (elem, value) {
-      var name,
-        i = 0,
-        // Attribute names can contain non-HTML whitespace characters
-        // https://html.spec.whatwg.org/multipage/syntax.html#attributes-2
-        attrNames = value && value.match(rnothtmlwhite);
-
-      if (attrNames && elem.nodeType === 1) {
-        while ((name = attrNames[i++])) {
-          elem.removeAttribute(name);
-        }
-      }
-    },
-  });
-
-  // Hooks for boolean attributes
-  boolHook = {
-    set: function (elem, value, name) {
-      if (value === false) {
-        // Remove boolean attributes when set to false
-        jQuery.removeAttr(elem, name);
-      } else {
-        elem.setAttribute(name, name);
-      }
-      return name;
-    },
-  };
-
-  jQuery.each(jQuery.expr.match.bool.source.match(/\w+/g), function (_i, name) {
-    var getter = attrHandle[name] || jQuery.find.attr;
-
-    attrHandle[name] = function (elem, name, isXML) {
-      var ret,
-        handle,
-        lowercaseName = name.toLowerCase();
-
-      if (!isXML) {
-        // Avoid an infinite loop by temporarily removing this function from the getter
-        handle = attrHandle[lowercaseName];
-        attrHandle[lowercaseName] = ret;
-        ret = getter(elem, name, isXML) != null ? lowercaseName : null;
-        attrHandle[lowercaseName] = handle;
-      }
-      return ret;
-    };
-  });
-
-  var rfocusable = /^(?:input|select|textarea|button)$/i,
-    rclickable = /^(?:a|area)$/i;
-
-  jQuery.fn.extend({
-    prop: function (name, value) {
-      return access(this, jQuery.prop, name, value, arguments.length > 1);
-    },
-
-    removeProp: function (name) {
-      return this.each(function () {
-        delete this[jQuery.propFix[name] || name];
-      });
-    },
-  });
-
-  jQuery.extend({
-    prop: function (elem, name, value) {
-      var ret,
-        hooks,
-        nType = elem.nodeType;
-
-      // Don't get/set properties on text, comment and attribute nodes
-      if (nType === 3 || nType === 8 || nType === 2) {
-        return;
-      }
-
-      if (nType !== 1 || !jQuery.isXMLDoc(elem)) {
-        // Fix name and attach hooks
-        name = jQuery.propFix[name] || name;
-        hooks = jQuery.propHooks[name];
-      }
-
-      if (value !== undefined) {
-        if (
-          hooks &&
-          "set" in hooks &&
-          (ret = hooks.set(elem, value, name)) !== undefined
-        ) {
-          return ret;
-        }
-
-        return (elem[name] = value);
-      }
-
-      if (hooks && "get" in hooks && (ret = hooks.get(elem, name)) !== null) {
-        return ret;
-      }
-
-      return elem[name];
-    },
-
-    propHooks: {
-      tabIndex: {
-        get: function (elem) {
-          // Support: IE <=9 - 11 only
-          // elem.tabIndex doesn't always return the
-          // correct value when it hasn't been explicitly set
-          // Use proper attribute retrieval (trac-12072)
-          var tabindex = jQuery.find.attr(elem, "tabindex");
-
-          if (tabindex) {
-            return parseInt(tabindex, 10);
-          }
-
-          if (
-            rfocusable.test(elem.nodeName) ||
-            (rclickable.test(elem.nodeName) && elem.href)
-          ) {
-            return 0;
-          }
-
-          return -1;
-        },
-      },
-    },
-
-    propFix: {
-      for: "htmlFor",
-      class: "className",
-    },
-  });
-
-  // Support: IE <=11 only
-  // Accessing the selectedIndex property
-  // forces the browser to respect setting selected
-  // on the option
-  // The getter ensures a default option is selected
-  // when in an optgroup
-  // eslint rule "no-unused-expressions" is disabled for this code
-  // since it considers such accessions noop
-  if (!support.optSelected) {
-    jQuery.propHooks.selected = {
-      get: function (elem) {
-        /* eslint no-unused-expressions: "off" */
-
-        var parent = elem.parentNode;
-        if (parent && parent.parentNode) {
-          parent.parentNode.selectedIndex;
-        }
-        return null;
-      },
-      set: function (elem) {
-        /* eslint no-unused-expressions: "off" */
-
-        var parent = elem.parentNode;
-        if (parent) {
-          parent.selectedIndex;
-
-          if (parent.parentNode) {
-            parent.parentNode.selectedIndex;
-          }
-        }
-      },
-    };
-  }
-
-  jQuery.each(
-    [
-      "tabIndex",
-      "readOnly",
-      "maxLength",
-      "cellSpacing",
-      "cellPadding",
-      "rowSpan",
-      "colSpan",
-      "useMap",
-      "frameBorder",
-      "contentEditable",
-    ],
-    function () {
-      jQuery.propFix[this.toLowerCase()] = this;
-    },
-  );
-
-  // Strip and collapse whitespace according to HTML spec
-  // https://infra.spec.whatwg.org/#strip-and-collapse-ascii-whitespace
-  function stripAndCollapse(value) {
-    var tokens = value.match(rnothtmlwhite) || [];
-    return tokens.join(" ");
-  }
-
-  function getClass(elem) {
-    return (elem.getAttribute && elem.getAttribute("class")) || "";
-  }
-
-  function classesToArray(value) {
-    if (Array.isArray(value)) {
-      return value;
-    }
-    if (typeof value === "string") {
-      return value.match(rnothtmlwhite) || [];
-    }
-    return [];
-  }
-
-  jQuery.fn.extend({
-    addClass: function (value) {
-      var classNames, cur, curValue, className, i, finalValue;
-
-      if (isFunction(value)) {
-        return this.each(function (j) {
-          jQuery(this).addClass(value.call(this, j, getClass(this)));
-        });
-      }
-
-      classNames = classesToArray(value);
-
-      if (classNames.length) {
-        return this.each(function () {
-          curValue = getClass(this);
-          cur = this.nodeType === 1 && " " + stripAndCollapse(curValue) + " ";
-
-          if (cur) {
-            for (i = 0; i < classNames.length; i++) {
-              className = classNames[i];
-              if (cur.indexOf(" " + className + " ") < 0) {
-                cur += className + " ";
-              }
-            }
-
-            // Only assign if different to avoid unneeded rendering.
-            finalValue = stripAndCollapse(cur);
-            if (curValue !== finalValue) {
-              this.setAttribute("class", finalValue);
-            }
-          }
-        });
-      }
-
-      return this;
-    },
-
-    removeClass: function (value) {
-      var classNames, cur, curValue, className, i, finalValue;
-
-      if (isFunction(value)) {
-        return this.each(function (j) {
-          jQuery(this).removeClass(value.call(this, j, getClass(this)));
-        });
-      }
-
-      if (!arguments.length) {
-        return this.attr("class", "");
-      }
-
-      classNames = classesToArray(value);
-
-      if (classNames.length) {
-        return this.each(function () {
-          curValue = getClass(this);
-
-          // This expression is here for better compressibility (see addClass)
-          cur = this.nodeType === 1 && " " + stripAndCollapse(curValue) + " ";
-
-          if (cur) {
-            for (i = 0; i < classNames.length; i++) {
-              className = classNames[i];
-
-              // Remove *all* instances
-              while (cur.indexOf(" " + className + " ") > -1) {
-                cur = cur.replace(" " + className + " ", " ");
-              }
-            }
-
-            // Only assign if different to avoid unneeded rendering.
-            finalValue = stripAndCollapse(cur);
-            if (curValue !== finalValue) {
-              this.setAttribute("class", finalValue);
-            }
-          }
-        });
-      }
-
-      return this;
-    },
-
-    toggleClass: function (value, stateVal) {
-      var classNames,
-        className,
-        i,
-        self,
-        type = typeof value,
-        isValidValue = type === "string" || Array.isArray(value);
-
-      if (isFunction(value)) {
-        return this.each(function (i) {
-          jQuery(this).toggleClass(
-            value.call(this, i, getClass(this), stateVal),
-            stateVal,
-          );
-        });
-      }
-
-      if (typeof stateVal === "boolean" && isValidValue) {
-        return stateVal ? this.addClass(value) : this.removeClass(value);
-      }
-
-      classNames = classesToArray(value);
-
-      return this.each(function () {
-        if (isValidValue) {
-          // Toggle individual class names
-          self = jQuery(this);
-
-          for (i = 0; i < classNames.length; i++) {
-            className = classNames[i];
-
-            // Check each className given, space separated list
-            if (self.hasClass(className)) {
-              self.removeClass(className);
-            } else {
-              self.addClass(className);
-            }
-          }
-
-          // Toggle whole class name
-        } else if (value === undefined || type === "boolean") {
-          className = getClass(this);
-          if (className) {
-            // Store className if set
-            dataPriv.set(this, "__className__", className);
-          }
-
-          // If the element has a class name or if we're passed `false`,
-          // then remove the whole classname (if there was one, the above saved it).
-          // Otherwise bring back whatever was previously saved (if anything),
-          // falling back to the empty string if nothing was stored.
-          if (this.setAttribute) {
-            this.setAttribute(
-              "class",
-              className || value === false
-                ? ""
-                : dataPriv.get(this, "__className__") || "",
-            );
-          }
-        }
-      });
-    },
-
-    hasClass: function (selector) {
-      var className,
-        elem,
-        i = 0;
-
-      className = " " + selector + " ";
-      while ((elem = this[i++])) {
-        if (
-          elem.nodeType === 1 &&
-          (" " + stripAndCollapse(getClass(elem)) + " ").indexOf(className) > -1
-        ) {
-          return true;
-        }
-      }
-
-      return false;
-    },
-  });
-
-  var rreturn = /\r/g;
-
-  jQuery.fn.extend({
-    val: function (value) {
-      var hooks,
-        ret,
-        valueIsFunction,
-        elem = this[0];
-
-      if (!arguments.length) {
-        if (elem) {
-          hooks =
-            jQuery.valHooks[elem.type] ||
-            jQuery.valHooks[elem.nodeName.toLowerCase()];
-
-          if (
-            hooks &&
-            "get" in hooks &&
-            (ret = hooks.get(elem, "value")) !== undefined
-          ) {
-            return ret;
-          }
-
-          ret = elem.value;
-
-          // Handle most common string cases
-          if (typeof ret === "string") {
-            return ret.replace(rreturn, "");
-          }
-
-          // Handle cases where value is null/undef or number
-          return ret == null ? "" : ret;
-        }
-
-        return;
-      }
-
-      valueIsFunction = isFunction(value);
-
-      return this.each(function (i) {
-        var val;
-
-        if (this.nodeType !== 1) {
-          return;
-        }
-
-        if (valueIsFunction) {
-          val = value.call(this, i, jQuery(this).val());
-        } else {
-          val = value;
-        }
-
-        // Treat null/undefined as ""; convert numbers to string
-        if (val == null) {
-          val = "";
-        } else if (typeof val === "number") {
-          val += "";
-        } else if (Array.isArray(val)) {
-          val = jQuery.map(val, function (value) {
-            return value == null ? "" : value + "";
-          });
-        }
-
-        hooks =
-          jQuery.valHooks[this.type] ||
-          jQuery.valHooks[this.nodeName.toLowerCase()];
-
-        // If set returns undefined, fall back to normal setting
-        if (
-          !hooks ||
-          !("set" in hooks) ||
-          hooks.set(this, val, "value") === undefined
-        ) {
-          this.value = val;
-        }
-      });
-    },
-  });
-
-  jQuery.extend({
-    valHooks: {
-      option: {
-        get: function (elem) {
-          var val = jQuery.find.attr(elem, "value");
-          return val != null
-            ? val
-            : // Support: IE <=10 - 11 only
-              // option.text throws exceptions (trac-14686, trac-14858)
-              // Strip and collapse whitespace
-              // https://html.spec.whatwg.org/#strip-and-collapse-whitespace
-              stripAndCollapse(jQuery.text(elem));
-        },
-      },
-      select: {
-        get: function (elem) {
-          var value,
-            option,
-            i,
-            options = elem.options,
-            index = elem.selectedIndex,
-            one = elem.type === "select-one",
-            values = one ? null : [],
-            max = one ? index + 1 : options.length;
-
-          if (index < 0) {
-            i = max;
-          } else {
-            i = one ? index : 0;
-          }
-
-          // Loop through all the selected options
-          for (; i < max; i++) {
-            option = options[i];
-
-            // Support: IE <=9 only
-            // IE8-9 doesn't update selected after form reset (trac-2551)
-            if (
-              (option.selected || i === index) &&
-              // Don't return options that are disabled or in a disabled optgroup
-              !option.disabled &&
-              (!option.parentNode.disabled ||
-                !nodeName(option.parentNode, "optgroup"))
-            ) {
-              // Get the specific value for the option
-              value = jQuery(option).val();
-
-              // We don't need an array for one selects
-              if (one) {
-                return value;
-              }
-
-              // Multi-Selects return an array
-              values.push(value);
-            }
-          }
-
-          return values;
-        },
-
-        set: function (elem, value) {
-          var optionSet,
-            option,
-            options = elem.options,
-            values = jQuery.makeArray(value),
-            i = options.length;
-
-          while (i--) {
-            option = options[i];
-
-            /* eslint-disable no-cond-assign */
-
-            if (
-              (option.selected =
-                jQuery.inArray(jQuery.valHooks.option.get(option), values) > -1)
-            ) {
-              optionSet = true;
-            }
-
-            /* eslint-enable no-cond-assign */
-          }
-
-          // Force browsers to behave consistently when non-matching value is set
-          if (!optionSet) {
-            elem.selectedIndex = -1;
-          }
-          return values;
-        },
-      },
-    },
-  });
-
-  // Radios and checkboxes getter/setter
-  jQuery.each(["radio", "checkbox"], function () {
-    jQuery.valHooks[this] = {
-      set: function (elem, value) {
-        if (Array.isArray(value)) {
-          return (elem.checked =
-            jQuery.inArray(jQuery(elem).val(), value) > -1);
-        }
-      },
-    };
-    if (!support.checkOn) {
-      jQuery.valHooks[this].get = function (elem) {
-        return elem.getAttribute("value") === null ? "on" : elem.value;
-      };
-    }
-  });
-
-  // Return jQuery for attributes-only inclusion
-
-  support.focusin = "onfocusin" in window;
-
-  var rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
-    stopPropagationCallback = function (e) {
-      e.stopPropagation();
-    };
-
-  jQuery.extend(jQuery.event, {
-    trigger: function (event, data, elem, onlyHandlers) {
-      var i,
-        cur,
-        tmp,
-        bubbleType,
-        ontype,
-        handle,
-        special,
-        lastElement,
-        eventPath = [elem || document],
-        type = hasOwn.call(event, "type") ? event.type : event,
-        namespaces = hasOwn.call(event, "namespace")
-          ? event.namespace.split(".")
-          : [];
-
-      cur = lastElement = tmp = elem = elem || document;
-
-      // Don't do events on text and comment nodes
-      if (elem.nodeType === 3 || elem.nodeType === 8) {
-        return;
-      }
-
-      // focus/blur morphs to focusin/out; ensure we're not firing them right now
-      if (rfocusMorph.test(type + jQuery.event.triggered)) {
-        return;
-      }
-
-      if (type.indexOf(".") > -1) {
-        // Namespaced trigger; create a regexp to match event type in handle()
-        namespaces = type.split(".");
-        type = namespaces.shift();
-        namespaces.sort();
-      }
-      ontype = type.indexOf(":") < 0 && "on" + type;
-
-      // Caller can pass in a jQuery.Event object, Object, or just an event type string
-      event = event[jQuery.expando]
-        ? event
-        : new jQuery.Event(type, typeof event === "object" && event);
-
-      // Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true)
-      event.isTrigger = onlyHandlers ? 2 : 3;
-      event.namespace = namespaces.join(".");
-      event.rnamespace = event.namespace
-        ? new RegExp("(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)")
-        : null;
-
-      // Clean up the event in case it is being reused
-      event.result = undefined;
-      if (!event.target) {
-        event.target = elem;
-      }
-
-      // Clone any incoming data and prepend the event, creating the handler arg list
-      data = data == null ? [event] : jQuery.makeArray(data, [event]);
-
-      // Allow special events to draw outside the lines
-      special = jQuery.event.special[type] || {};
-      if (
-        !onlyHandlers &&
-        special.trigger &&
-        special.trigger.apply(elem, data) === false
-      ) {
-        return;
-      }
-
-      // Determine event propagation path in advance, per W3C events spec (trac-9951)
-      // Bubble up to document, then to window; watch for a global ownerDocument var (trac-9724)
-      if (!onlyHandlers && !special.noBubble && !isWindow(elem)) {
-        bubbleType = special.delegateType || type;
-        if (!rfocusMorph.test(bubbleType + type)) {
-          cur = cur.parentNode;
-        }
-        for (; cur; cur = cur.parentNode) {
-          eventPath.push(cur);
-          tmp = cur;
-        }
-
-        // Only add window if we got to document (e.g., not plain obj or detached DOM)
-        if (tmp === (elem.ownerDocument || document)) {
-          eventPath.push(tmp.defaultView || tmp.parentWindow || window);
-        }
-      }
-
-      // Fire handlers on the event path
-      i = 0;
-      while ((cur = eventPath[i++]) && !event.isPropagationStopped()) {
-        lastElement = cur;
-        event.type = i > 1 ? bubbleType : special.bindType || type;
-
-        // jQuery handler
-        handle =
-          (dataPriv.get(cur, "events") || Object.create(null))[event.type] &&
-          dataPriv.get(cur, "handle");
-        if (handle) {
-          handle.apply(cur, data);
-        }
-
-        // Native handler
-        handle = ontype && cur[ontype];
-        if (handle && handle.apply && acceptData(cur)) {
-          event.result = handle.apply(cur, data);
-          if (event.result === false) {
-            event.preventDefault();
-          }
-        }
-      }
-      event.type = type;
-
-      // If nobody prevented the default action, do it now
-      if (!onlyHandlers && !event.isDefaultPrevented()) {
-        if (
-          (!special._default ||
-            special._default.apply(eventPath.pop(), data) === false) &&
-          acceptData(elem)
-        ) {
-          // Call a native DOM method on the target with the same name as the event.
-          // Don't do default actions on window, that's where global variables be (trac-6170)
-          if (ontype && isFunction(elem[type]) && !isWindow(elem)) {
-            // Don't re-trigger an onFOO event when we call its FOO() method
-            tmp = elem[ontype];
-
-            if (tmp) {
-              elem[ontype] = null;
-            }
-
-            // Prevent re-triggering of the same event, since we already bubbled it above
-            jQuery.event.triggered = type;
-
-            if (event.isPropagationStopped()) {
-              lastElement.addEventListener(type, stopPropagationCallback);
-            }
-
-            elem[type]();
-
-            if (event.isPropagationStopped()) {
-              lastElement.removeEventListener(type, stopPropagationCallback);
-            }
-
-            jQuery.event.triggered = undefined;
-
-            if (tmp) {
-              elem[ontype] = tmp;
-            }
-          }
-        }
-      }
-
-      return event.result;
-    },
-
-    // Piggyback on a donor event to simulate a different one
-    // Used only for `focus(in | out)` events
-    simulate: function (type, elem, event) {
-      var e = jQuery.extend(new jQuery.Event(), event, {
-        type: type,
-        isSimulated: true,
-      });
-
-      jQuery.event.trigger(e, null, elem);
-    },
-  });
-
-  jQuery.fn.extend({
-    trigger: function (type, data) {
-      return this.each(function () {
-        jQuery.event.trigger(type, data, this);
-      });
-    },
-    triggerHandler: function (type, data) {
-      var elem = this[0];
-      if (elem) {
-        return jQuery.event.trigger(type, data, elem, true);
-      }
-    },
-  });
-
-  // Support: Firefox <=44
-  // Firefox doesn't have focus(in | out) events
-  // Related ticket - https://bugzilla.mozilla.org/show_bug.cgi?id=687787
-  //
-  // Support: Chrome <=48 - 49, Safari <=9.0 - 9.1
-  // focus(in | out) events fire after focus & blur events,
-  // which is spec violation - http://www.w3.org/TR/DOM-Level-3-Events/#events-focusevent-event-order
-  // Related ticket - https://bugs.chromium.org/p/chromium/issues/detail?id=449857
-  if (!support.focusin) {
-    jQuery.each({ focus: "focusin", blur: "focusout" }, function (orig, fix) {
-      // Attach a single capturing handler on the document while someone wants focusin/focusout
-      var handler = function (event) {
-        jQuery.event.simulate(fix, event.target, jQuery.event.fix(event));
-      };
-
-      jQuery.event.special[fix] = {
-        setup: function () {
-          // Handle: regular nodes (via `this.ownerDocument`), window
-          // (via `this.document`) & document (via `this`).
-          var doc = this.ownerDocument || this.document || this,
-            attaches = dataPriv.access(doc, fix);
-
-          if (!attaches) {
-            doc.addEventListener(orig, handler, true);
-          }
-          dataPriv.access(doc, fix, (attaches || 0) + 1);
-        },
-        teardown: function () {
-          var doc = this.ownerDocument || this.document || this,
-            attaches = dataPriv.access(doc, fix) - 1;
-
-          if (!attaches) {
-            doc.removeEventListener(orig, handler, true);
-            dataPriv.remove(doc, fix);
-          } else {
-            dataPriv.access(doc, fix, attaches);
-          }
-        },
-      };
-    });
-  }
-  var location = window.location;
-
-  var nonce = { guid: Date.now() };
-
-  var rquery = /\?/;
-
-  // Cross-browser xml parsing
-  jQuery.parseXML = function (data) {
-    var xml, parserErrorElem;
-    if (!data || typeof data !== "string") {
-      return null;
-    }
-
-    // Support: IE 9 - 11 only
-    // IE throws on parseFromString with invalid input.
-    try {
-      xml = new window.DOMParser().parseFromString(data, "text/xml");
-    } catch (e) {}
-
-    parserErrorElem = xml && xml.getElementsByTagName("parsererror")[0];
-    if (!xml || parserErrorElem) {
-      jQuery.error(
-        "Invalid XML: " +
-          (parserErrorElem
-            ? jQuery
-                .map(parserErrorElem.childNodes, function (el) {
-                  return el.textContent;
-                })
-                .join("\n")
-            : data),
-      );
-    }
-    return xml;
-  };
-
-  var rbracket = /\[\]$/,
-    rCRLF = /\r?\n/g,
-    rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i,
-    rsubmittable = /^(?:input|select|textarea|keygen)/i;
-
-  function buildParams(prefix, obj, traditional, add) {
-    var name;
-
-    if (Array.isArray(obj)) {
-      // Serialize array item.
-      jQuery.each(obj, function (i, v) {
-        if (traditional || rbracket.test(prefix)) {
-          // Treat each array item as a scalar.
-          add(prefix, v);
-        } else {
-          // Item is non-scalar (array or object), encode its numeric index.
-          buildParams(
-            prefix + "[" + (typeof v === "object" && v != null ? i : "") + "]",
-            v,
-            traditional,
-            add,
-          );
-        }
-      });
-    } else if (!traditional && toType(obj) === "object") {
-      // Serialize object item.
-      for (name in obj) {
-        buildParams(prefix + "[" + name + "]", obj[name], traditional, add);
-      }
-    } else {
-      // Serialize scalar item.
-      add(prefix, obj);
-    }
-  }
-
-  // Serialize an array of form elements or a set of
-  // key/values into a query string
-  jQuery.param = function (a, traditional) {
-    var prefix,
-      s = [],
-      add = function (key, valueOrFunction) {
-        // If value is a function, invoke it and use its return value
-        var value = isFunction(valueOrFunction)
-          ? valueOrFunction()
-          : valueOrFunction;
-
-        s[s.length] =
-          encodeURIComponent(key) +
-          "=" +
-          encodeURIComponent(value == null ? "" : value);
-      };
-
-    if (a == null) {
-      return "";
-    }
-
-    // If an array was passed in, assume that it is an array of form elements.
-    if (Array.isArray(a) || (a.jquery && !jQuery.isPlainObject(a))) {
-      // Serialize the form elements
-      jQuery.each(a, function () {
-        add(this.name, this.value);
-      });
-    } else {
-      // If traditional, encode the "old" way (the way 1.3.2 or older
-      // did it), otherwise encode params recursively.
-      for (prefix in a) {
-        buildParams(prefix, a[prefix], traditional, add);
-      }
-    }
-
-    // Return the resulting serialization
-    return s.join("&");
-  };
-
-  jQuery.fn.extend({
-    serialize: function () {
-      return jQuery.param(this.serializeArray());
-    },
-    serializeArray: function () {
-      return this.map(function () {
-        // Can add propHook for "elements" to filter or add form elements
-        var elements = jQuery.prop(this, "elements");
-        return elements ? jQuery.makeArray(elements) : this;
-      })
-        .filter(function () {
-          var type = this.type;
-
-          // Use .is( ":disabled" ) so that fieldset[disabled] works
-          return (
-            this.name &&
-            !jQuery(this).is(":disabled") &&
-            rsubmittable.test(this.nodeName) &&
-            !rsubmitterTypes.test(type) &&
-            (this.checked || !rcheckableType.test(type))
-          );
-        })
-        .map(function (_i, elem) {
-          var val = jQuery(this).val();
-
-          if (val == null) {
-            return null;
-          }
-
-          if (Array.isArray(val)) {
-            return jQuery.map(val, function (val) {
-              return { name: elem.name, value: val.replace(rCRLF, "\r\n") };
-            });
-          }
-
-          return { name: elem.name, value: val.replace(rCRLF, "\r\n") };
-        })
-        .get();
-    },
-  });
-
-  var r20 = /%20/g,
-    rhash = /#.*$/,
-    rantiCache = /([?&])_=[^&]*/,
-    rheaders = /^(.*?):[ \t]*([^\r\n]*)$/gm,
-    // trac-7653, trac-8125, trac-8152: local protocol detection
-    rlocalProtocol =
-      /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,
-    rnoContent = /^(?:GET|HEAD)$/,
-    rprotocol = /^\/\//,
-    /* Prefilters
-     * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
-     * 2) These are called:
-     *    - BEFORE asking for a transport
-     *    - AFTER param serialization (s.data is a string if s.processData is true)
-     * 3) key is the dataType
-     * 4) the catchall symbol "*" can be used
-     * 5) execution will start with transport dataType and THEN continue down to "*" if needed
-     */
-    prefilters = {},
-    /* Transports bindings
-     * 1) key is the dataType
-     * 2) the catchall symbol "*" can be used
-     * 3) selection will start with transport dataType and THEN go to "*" if needed
-     */
-    transports = {},
-    // Avoid comment-prolog char sequence (trac-10098); must appease lint and evade compression
-    allTypes = "*/".concat("*"),
-    // Anchor tag for parsing the document origin
-    originAnchor = document.createElement("a");
-
-  originAnchor.href = location.href;
-
-  // Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
-  function addToPrefiltersOrTransports(structure) {
-    // dataTypeExpression is optional and defaults to "*"
-    return function (dataTypeExpression, func) {
-      if (typeof dataTypeExpression !== "string") {
-        func = dataTypeExpression;
-        dataTypeExpression = "*";
-      }
-
-      var dataType,
-        i = 0,
-        dataTypes = dataTypeExpression.toLowerCase().match(rnothtmlwhite) || [];
-
-      if (isFunction(func)) {
-        // For each dataType in the dataTypeExpression
-        while ((dataType = dataTypes[i++])) {
-          // Prepend if requested
-          if (dataType[0] === "+") {
-            dataType = dataType.slice(1) || "*";
-            (structure[dataType] = structure[dataType] || []).unshift(func);
-
-            // Otherwise append
-          } else {
-            (structure[dataType] = structure[dataType] || []).push(func);
-          }
-        }
-      }
-    };
-  }
-
-  // Base inspection function for prefilters and transports
-  function inspectPrefiltersOrTransports(
-    structure,
-    options,
-    originalOptions,
-    jqXHR,
-  ) {
-    var inspected = {},
-      seekingTransport = structure === transports;
-
-    function inspect(dataType) {
-      var selected;
-      inspected[dataType] = true;
-      jQuery.each(structure[dataType] || [], function (_, prefilterOrFactory) {
-        var dataTypeOrTransport = prefilterOrFactory(
-          options,
-          originalOptions,
-          jqXHR,
-        );
-        if (
-          typeof dataTypeOrTransport === "string" &&
-          !seekingTransport &&
-          !inspected[dataTypeOrTransport]
-        ) {
-          options.dataTypes.unshift(dataTypeOrTransport);
-          inspect(dataTypeOrTransport);
-          return false;
-        } else if (seekingTransport) {
-          return !(selected = dataTypeOrTransport);
-        }
-      });
-      return selected;
-    }
-
-    return inspect(options.dataTypes[0]) || (!inspected["*"] && inspect("*"));
-  }
-
-  // A special extend for ajax options
-  // that takes "flat" options (not to be deep extended)
-  // Fixes trac-9887
-  function ajaxExtend(target, src) {
-    var key,
-      deep,
-      flatOptions = jQuery.ajaxSettings.flatOptions || {};
-
-    for (key in src) {
-      if (src[key] !== undefined) {
-        (flatOptions[key] ? target : deep || (deep = {}))[key] = src[key];
-      }
-    }
-    if (deep) {
-      jQuery.extend(true, target, deep);
-    }
-
-    return target;
-  }
-
-  /* Handles responses to an ajax request:
-   * - finds the right dataType (mediates between content-type and expected dataType)
-   * - returns the corresponding response
-   */
-  function ajaxHandleResponses(s, jqXHR, responses) {
-    var ct,
-      type,
-      finalDataType,
-      firstDataType,
-      contents = s.contents,
-      dataTypes = s.dataTypes;
-
-    // Remove auto dataType and get content-type in the process
-    while (dataTypes[0] === "*") {
-      dataTypes.shift();
-      if (ct === undefined) {
-        ct = s.mimeType || jqXHR.getResponseHeader("Content-Type");
-      }
-    }
-
-    // Check if we're dealing with a known content-type
-    if (ct) {
-      for (type in contents) {
-        if (contents[type] && contents[type].test(ct)) {
-          dataTypes.unshift(type);
-          break;
-        }
-      }
-    }
-
-    // Check to see if we have a response for the expected dataType
-    if (dataTypes[0] in responses) {
-      finalDataType = dataTypes[0];
-    } else {
-      // Try convertible dataTypes
-      for (type in responses) {
-        if (!dataTypes[0] || s.converters[type + " " + dataTypes[0]]) {
-          finalDataType = type;
-          break;
-        }
-        if (!firstDataType) {
-          firstDataType = type;
-        }
-      }
-
-      // Or just use first one
-      finalDataType = finalDataType || firstDataType;
-    }
-
-    // If we found a dataType
-    // We add the dataType to the list if needed
-    // and return the corresponding response
-    if (finalDataType) {
-      if (finalDataType !== dataTypes[0]) {
-        dataTypes.unshift(finalDataType);
-      }
-      return responses[finalDataType];
-    }
-  }
-
-  /* Chain conversions given the request and the original response
-   * Also sets the responseXXX fields on the jqXHR instance
-   */
-  function ajaxConvert(s, response, jqXHR, isSuccess) {
-    var conv2,
-      current,
-      conv,
-      tmp,
-      prev,
-      converters = {},
-      // Work with a copy of dataTypes in case we need to modify it for conversion
-      dataTypes = s.dataTypes.slice();
-
-    // Create converters map with lowercased keys
-    if (dataTypes[1]) {
-      for (conv in s.converters) {
-        converters[conv.toLowerCase()] = s.converters[conv];
-      }
-    }
-
-    current = dataTypes.shift();
-
-    // Convert to each sequential dataType
-    while (current) {
-      if (s.responseFields[current]) {
-        jqXHR[s.responseFields[current]] = response;
-      }
-
-      // Apply the dataFilter if provided
-      if (!prev && isSuccess && s.dataFilter) {
-        response = s.dataFilter(response, s.dataType);
-      }
-
-      prev = current;
-      current = dataTypes.shift();
-
-      if (current) {
-        // There's only work to do if current dataType is non-auto
-        if (current === "*") {
-          current = prev;
-
-          // Convert response if prev dataType is non-auto and differs from current
-        } else if (prev !== "*" && prev !== current) {
-          // Seek a direct converter
-          conv = converters[prev + " " + current] || converters["* " + current];
-
-          // If none found, seek a pair
-          if (!conv) {
-            for (conv2 in converters) {
-              // If conv2 outputs current
-              tmp = conv2.split(" ");
-              if (tmp[1] === current) {
-                // If prev can be converted to accepted input
-                conv =
-                  converters[prev + " " + tmp[0]] || converters["* " + tmp[0]];
-                if (conv) {
-                  // Condense equivalence converters
-                  if (conv === true) {
-                    conv = converters[conv2];
-
-                    // Otherwise, insert the intermediate dataType
-                  } else if (converters[conv2] !== true) {
-                    current = tmp[0];
-                    dataTypes.unshift(tmp[1]);
-                  }
-                  break;
-                }
-              }
-            }
-          }
-
-          // Apply converter (if not an equivalence)
-          if (conv !== true) {
-            // Unless errors are allowed to bubble, catch and return them
-            if (conv && s.throws) {
-              response = conv(response);
-            } else {
-              try {
-                response = conv(response);
-              } catch (e) {
-                return {
-                  state: "parsererror",
-                  error: conv
-                    ? e
-                    : "No conversion from " + prev + " to " + current,
-                };
-              }
-            }
-          }
-        }
-      }
-    }
-
-    return { state: "success", data: response };
-  }
-
-  jQuery.extend({
-    // Counter for holding the number of active queries
-    active: 0,
-
-    // Last-Modified header cache for next request
-    lastModified: {},
-    etag: {},
-
-    ajaxSettings: {
-      url: location.href,
-      type: "GET",
-      isLocal: rlocalProtocol.test(location.protocol),
-      global: true,
-      processData: true,
-      async: true,
-      contentType: "application/x-www-form-urlencoded; charset=UTF-8",
-
-      /*
-		timeout: 0,
-		data: null,
-		dataType: null,
-		username: null,
-		password: null,
-		cache: null,
-		throws: false,
-		traditional: false,
-		headers: {},
-		*/
-
-      accepts: {
-        "*": allTypes,
-        text: "text/plain",
-        html: "text/html",
-        xml: "application/xml, text/xml",
-        json: "application/json, text/javascript",
-      },
-
-      contents: {
-        xml: /\bxml\b/,
-        html: /\bhtml/,
-        json: /\bjson\b/,
-      },
-
-      responseFields: {
-        xml: "responseXML",
-        text: "responseText",
-        json: "responseJSON",
-      },
-
-      // Data converters
-      // Keys separate source (or catchall "*") and destination types with a single space
-      converters: {
-        // Convert anything to text
-        "* text": String,
-
-        // Text to html (true = no transformation)
-        "text html": true,
-
-        // Evaluate text as a json expression
-        "text json": JSON.parse,
-
-        // Parse text as xml
-        "text xml": jQuery.parseXML,
-      },
-
-      // For options that shouldn't be deep extended:
-      // you can add your own custom options here if
-      // and when you create one that shouldn't be
-      // deep extended (see ajaxExtend)
-      flatOptions: {
-        url: true,
-        context: true,
-      },
-    },
-
-    // Creates a full fledged settings object into target
-    // with both ajaxSettings and settings fields.
-    // If target is omitted, writes into ajaxSettings.
-    ajaxSetup: function (target, settings) {
-      return settings
-        ? // Building a settings object
-          ajaxExtend(ajaxExtend(target, jQuery.ajaxSettings), settings)
-        : // Extending ajaxSettings
-          ajaxExtend(jQuery.ajaxSettings, target);
-    },
-
-    ajaxPrefilter: addToPrefiltersOrTransports(prefilters),
-    ajaxTransport: addToPrefiltersOrTransports(transports),
-
-    // Main method
-    ajax: function (url, options) {
-      // If url is an object, simulate pre-1.5 signature
-      if (typeof url === "object") {
-        options = url;
-        url = undefined;
-      }
-
-      // Force options to be an object
-      options = options || {};
-
-      var transport,
-        // URL without anti-cache param
-        cacheURL,
-        // Response headers
-        responseHeadersString,
-        responseHeaders,
-        // timeout handle
-        timeoutTimer,
-        // Url cleanup var
-        urlAnchor,
-        // Request state (becomes false upon send and true upon completion)
-        completed,
-        // To know if global events are to be dispatched
-        fireGlobals,
-        // Loop variable
-        i,
-        // uncached part of the url
-        uncached,
-        // Create the final options object
-        s = jQuery.ajaxSetup({}, options),
-        // Callbacks context
-        callbackContext = s.context || s,
-        // Context for global events is callbackContext if it is a DOM node or jQuery collection
-        globalEventContext =
-          s.context && (callbackContext.nodeType || callbackContext.jquery)
-            ? jQuery(callbackContext)
-            : jQuery.event,
-        // Deferreds
-        deferred = jQuery.Deferred(),
-        completeDeferred = jQuery.Callbacks("once memory"),
-        // Status-dependent callbacks
-        statusCode = s.statusCode || {},
-        // Headers (they are sent all at once)
-        requestHeaders = {},
-        requestHeadersNames = {},
-        // Default abort message
-        strAbort = "canceled",
-        // Fake xhr
-        jqXHR = {
-          readyState: 0,
-
-          // Builds headers hashtable if needed
-          getResponseHeader: function (key) {
-            var match;
-            if (completed) {
-              if (!responseHeaders) {
-                responseHeaders = {};
-                while ((match = rheaders.exec(responseHeadersString))) {
-                  responseHeaders[match[1].toLowerCase() + " "] = (
-                    responseHeaders[match[1].toLowerCase() + " "] || []
-                  ).concat(match[2]);
-                }
-              }
-              match = responseHeaders[key.toLowerCase() + " "];
-            }
-            return match == null ? null : match.join(", ");
-          },
-
-          // Raw string
-          getAllResponseHeaders: function () {
-            return completed ? responseHeadersString : null;
-          },
-
-          // Caches the header
-          setRequestHeader: function (name, value) {
-            if (completed == null) {
-              name = requestHeadersNames[name.toLowerCase()] =
-                requestHeadersNames[name.toLowerCase()] || name;
-              requestHeaders[name] = value;
-            }
-            return this;
-          },
-
-          // Overrides response content-type header
-          overrideMimeType: function (type) {
-            if (completed == null) {
-              s.mimeType = type;
-            }
-            return this;
-          },
-
-          // Status-dependent callbacks
-          statusCode: function (map) {
-            var code;
-            if (map) {
-              if (completed) {
-                // Execute the appropriate callbacks
-                jqXHR.always(map[jqXHR.status]);
-              } else {
-                // Lazy-add the new callbacks in a way that preserves old ones
-                for (code in map) {
-                  statusCode[code] = [statusCode[code], map[code]];
-                }
-              }
-            }
-            return this;
-          },
-
-          // Cancel the request
-          abort: function (statusText) {
-            var finalText = statusText || strAbort;
-            if (transport) {
-              transport.abort(finalText);
-            }
-            done(0, finalText);
-            return this;
-          },
-        };
-
-      // Attach deferreds
-      deferred.promise(jqXHR);
-
-      // Add protocol if not provided (prefilters might expect it)
-      // Handle falsy url in the settings object (trac-10093: consistency with old signature)
-      // We also use the url parameter if available
-      s.url = ((url || s.url || location.href) + "").replace(
-        rprotocol,
-        location.protocol + "//",
-      );
-
-      // Alias method option to type as per ticket trac-12004
-      s.type = options.method || options.type || s.method || s.type;
-
-      // Extract dataTypes list
-      s.dataTypes = (s.dataType || "*").toLowerCase().match(rnothtmlwhite) || [
-        "",
-      ];
-
-      // A cross-domain request is in order when the origin doesn't match the current origin.
-      if (s.crossDomain == null) {
-        urlAnchor = document.createElement("a");
-
-        // Support: IE <=8 - 11, Edge 12 - 15
-        // IE throws exception on accessing the href property if url is malformed,
-        // e.g. http://example.com:80x/
-        try {
-          urlAnchor.href = s.url;
-
-          // Support: IE <=8 - 11 only
-          // Anchor's host property isn't correctly set when s.url is relative
-          urlAnchor.href = urlAnchor.href;
-          s.crossDomain =
-            originAnchor.protocol + "//" + originAnchor.host !==
-            urlAnchor.protocol + "//" + urlAnchor.host;
-        } catch (e) {
-          // If there is an error parsing the URL, assume it is crossDomain,
-          // it can be rejected by the transport if it is invalid
-          s.crossDomain = true;
-        }
-      }
-
-      // Convert data if not already a string
-      if (s.data && s.processData && typeof s.data !== "string") {
-        s.data = jQuery.param(s.data, s.traditional);
-      }
-
-      // Apply prefilters
-      inspectPrefiltersOrTransports(prefilters, s, options, jqXHR);
-
-      // If request was aborted inside a prefilter, stop there
-      if (completed) {
-        return jqXHR;
-      }
-
-      // We can fire global events as of now if asked to
-      // Don't fire events if jQuery.event is undefined in an AMD-usage scenario (trac-15118)
-      fireGlobals = jQuery.event && s.global;
-
-      // Watch for a new set of requests
-      if (fireGlobals && jQuery.active++ === 0) {
-        jQuery.event.trigger("ajaxStart");
-      }
-
-      // Uppercase the type
-      s.type = s.type.toUpperCase();
-
-      // Determine if request has content
-      s.hasContent = !rnoContent.test(s.type);
-
-      // Save the URL in case we're toying with the If-Modified-Since
-      // and/or If-None-Match header later on
-      // Remove hash to simplify url manipulation
-      cacheURL = s.url.replace(rhash, "");
-
-      // More options handling for requests with no content
-      if (!s.hasContent) {
-        // Remember the hash so we can put it back
-        uncached = s.url.slice(cacheURL.length);
-
-        // If data is available and should be processed, append data to url
-        if (s.data && (s.processData || typeof s.data === "string")) {
-          cacheURL += (rquery.test(cacheURL) ? "&" : "?") + s.data;
-
-          // trac-9682: remove data so that it's not used in an eventual retry
-          delete s.data;
-        }
-
-        // Add or update anti-cache param if needed
-        if (s.cache === false) {
-          cacheURL = cacheURL.replace(rantiCache, "$1");
-          uncached =
-            (rquery.test(cacheURL) ? "&" : "?") +
-            "_=" +
-            nonce.guid++ +
-            uncached;
-        }
-
-        // Put hash and anti-cache on the URL that will be requested (gh-1732)
-        s.url = cacheURL + uncached;
-
-        // Change '%20' to '+' if this is encoded form body content (gh-2658)
-      } else if (
-        s.data &&
-        s.processData &&
-        (s.contentType || "").indexOf("application/x-www-form-urlencoded") === 0
-      ) {
-        s.data = s.data.replace(r20, "+");
-      }
-
-      // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
-      if (s.ifModified) {
-        if (jQuery.lastModified[cacheURL]) {
-          jqXHR.setRequestHeader(
-            "If-Modified-Since",
-            jQuery.lastModified[cacheURL],
-          );
-        }
-        if (jQuery.etag[cacheURL]) {
-          jqXHR.setRequestHeader("If-None-Match", jQuery.etag[cacheURL]);
-        }
-      }
-
-      // Set the correct header, if data is being sent
-      if (
-        (s.data && s.hasContent && s.contentType !== false) ||
-        options.contentType
-      ) {
-        jqXHR.setRequestHeader("Content-Type", s.contentType);
-      }
-
-      // Set the Accepts header for the server, depending on the dataType
-      jqXHR.setRequestHeader(
-        "Accept",
-        s.dataTypes[0] && s.accepts[s.dataTypes[0]]
-          ? s.accepts[s.dataTypes[0]] +
-              (s.dataTypes[0] !== "*" ? ", " + allTypes + "; q=0.01" : "")
-          : s.accepts["*"],
-      );
-
-      // Check for headers option
-      for (i in s.headers) {
-        jqXHR.setRequestHeader(i, s.headers[i]);
-      }
-
-      // Allow custom headers/mimetypes and early abort
-      if (
-        s.beforeSend &&
-        (s.beforeSend.call(callbackContext, jqXHR, s) === false || completed)
-      ) {
-        // Abort if not done already and return
-        return jqXHR.abort();
-      }
-
-      // Aborting is no longer a cancellation
-      strAbort = "abort";
-
-      // Install callbacks on deferreds
-      completeDeferred.add(s.complete);
-      jqXHR.done(s.success);
-      jqXHR.fail(s.error);
-
-      // Get transport
-      transport = inspectPrefiltersOrTransports(transports, s, options, jqXHR);
-
-      // If no transport, we auto-abort
-      if (!transport) {
-        done(-1, "No Transport");
-      } else {
-        jqXHR.readyState = 1;
-
-        // Send global event
-        if (fireGlobals) {
-          globalEventContext.trigger("ajaxSend", [jqXHR, s]);
-        }
-
-        // If request was aborted inside ajaxSend, stop there
-        if (completed) {
-          return jqXHR;
-        }
-
-        // Timeout
-        if (s.async && s.timeout > 0) {
-          timeoutTimer = window.setTimeout(function () {
-            jqXHR.abort("timeout");
-          }, s.timeout);
-        }
-
-        try {
-          completed = false;
-          transport.send(requestHeaders, done);
-        } catch (e) {
-          // Rethrow post-completion exceptions
-          if (completed) {
-            throw e;
-          }
-
-          // Propagate others as results
-          done(-1, e);
-        }
-      }
-
-      // Callback for when everything is done
-      function done(status, nativeStatusText, responses, headers) {
-        var isSuccess,
-          success,
-          error,
-          response,
-          modified,
-          statusText = nativeStatusText;
-
-        // Ignore repeat invocations
-        if (completed) {
-          return;
-        }
-
-        completed = true;
-
-        // Clear timeout if it exists
-        if (timeoutTimer) {
-          window.clearTimeout(timeoutTimer);
-        }
-
-        // Dereference transport for early garbage collection
-        // (no matter how long the jqXHR object will be used)
-        transport = undefined;
-
-        // Cache response headers
-        responseHeadersString = headers || "";
-
-        // Set readyState
-        jqXHR.readyState = status > 0 ? 4 : 0;
-
-        // Determine if successful
-        isSuccess = (status >= 200 && status < 300) || status === 304;
-
-        // Get response data
-        if (responses) {
-          response = ajaxHandleResponses(s, jqXHR, responses);
-        }
-
-        // Use a noop converter for missing script but not if jsonp
-        if (
-          !isSuccess &&
-          jQuery.inArray("script", s.dataTypes) > -1 &&
-          jQuery.inArray("json", s.dataTypes) < 0
-        ) {
-          s.converters["text script"] = function () {};
-        }
-
-        // Convert no matter what (that way responseXXX fields are always set)
-        response = ajaxConvert(s, response, jqXHR, isSuccess);
-
-        // If successful, handle type chaining
-        if (isSuccess) {
-          // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
-          if (s.ifModified) {
-            modified = jqXHR.getResponseHeader("Last-Modified");
-            if (modified) {
-              jQuery.lastModified[cacheURL] = modified;
-            }
-            modified = jqXHR.getResponseHeader("etag");
-            if (modified) {
-              jQuery.etag[cacheURL] = modified;
-            }
-          }
-
-          // if no content
-          if (status === 204 || s.type === "HEAD") {
-            statusText = "nocontent";
-
-            // if not modified
-          } else if (status === 304) {
-            statusText = "notmodified";
-
-            // If we have data, let's convert it
-          } else {
-            statusText = response.state;
-            success = response.data;
-            error = response.error;
-            isSuccess = !error;
-          }
-        } else {
-          // Extract error from statusText and normalize for non-aborts
-          error = statusText;
-          if (status || !statusText) {
-            statusText = "error";
-            if (status < 0) {
-              status = 0;
-            }
-          }
-        }
-
-        // Set data for the fake xhr object
-        jqXHR.status = status;
-        jqXHR.statusText = (nativeStatusText || statusText) + "";
-
-        // Success/Error
-        if (isSuccess) {
-          deferred.resolveWith(callbackContext, [success, statusText, jqXHR]);
-        } else {
-          deferred.rejectWith(callbackContext, [jqXHR, statusText, error]);
-        }
-
-        // Status-dependent callbacks
-        jqXHR.statusCode(statusCode);
-        statusCode = undefined;
-
-        if (fireGlobals) {
-          globalEventContext.trigger(isSuccess ? "ajaxSuccess" : "ajaxError", [
-            jqXHR,
-            s,
-            isSuccess ? success : error,
-          ]);
-        }
-
-        // Complete
-        completeDeferred.fireWith(callbackContext, [jqXHR, statusText]);
-
-        if (fireGlobals) {
-          globalEventContext.trigger("ajaxComplete", [jqXHR, s]);
-
-          // Handle the global AJAX counter
-          if (!--jQuery.active) {
-            jQuery.event.trigger("ajaxStop");
-          }
-        }
-      }
-
-      return jqXHR;
-    },
-
-    getJSON: function (url, data, callback) {
-      return jQuery.get(url, data, callback, "json");
-    },
-
-    getScript: function (url, callback) {
-      return jQuery.get(url, undefined, callback, "script");
-    },
-  });
-
-  jQuery.each(["get", "post"], function (_i, method) {
-    jQuery[method] = function (url, data, callback, type) {
-      // Shift arguments if data argument was omitted
-      if (isFunction(data)) {
-        type = type || callback;
-        callback = data;
-        data = undefined;
-      }
-
-      // The url can be an options object (which then must have .url)
-      return jQuery.ajax(
-        jQuery.extend(
-          {
-            url: url,
-            type: method,
-            dataType: type,
-            data: data,
-            success: callback,
-          },
-          jQuery.isPlainObject(url) && url,
-        ),
-      );
-    };
-  });
-
-  jQuery.ajaxPrefilter(function (s) {
-    var i;
-    for (i in s.headers) {
-      if (i.toLowerCase() === "content-type") {
-        s.contentType = s.headers[i] || "";
-      }
-    }
-  });
-
-  jQuery._evalUrl = function (url, options, doc) {
-    return jQuery.ajax({
-      url: url,
-
-      // Make this explicit, since user can override this through ajaxSetup (trac-11264)
-      type: "GET",
-      dataType: "script",
-      cache: true,
-      async: false,
-      global: false,
-
-      // Only evaluate the response if it is successful (gh-4126)
-      // dataFilter is not invoked for failure responses, so using it instead
-      // of the default converter is kludgy but it works.
-      converters: {
-        "text script": function () {},
-      },
-      dataFilter: function (response) {
-        jQuery.globalEval(response, options, doc);
-      },
-    });
-  };
-
-  jQuery.fn.extend({
-    wrapAll: function (html) {
-      var wrap;
-
-      if (this[0]) {
-        if (isFunction(html)) {
-          html = html.call(this[0]);
-        }
-
-        // The elements to wrap the target around
-        wrap = jQuery(html, this[0].ownerDocument).eq(0).clone(true);
-
-        if (this[0].parentNode) {
-          wrap.insertBefore(this[0]);
-        }
-
-        wrap
-          .map(function () {
-            var elem = this;
-
-            while (elem.firstElementChild) {
-              elem = elem.firstElementChild;
-            }
-
-            return elem;
-          })
-          .append(this);
-      }
-
-      return this;
-    },
-
-    wrapInner: function (html) {
-      if (isFunction(html)) {
-        return this.each(function (i) {
-          jQuery(this).wrapInner(html.call(this, i));
-        });
-      }
-
-      return this.each(function () {
-        var self = jQuery(this),
-          contents = self.contents();
-
-        if (contents.length) {
-          contents.wrapAll(html);
-        } else {
-          self.append(html);
-        }
-      });
-    },
-
-    wrap: function (html) {
-      var htmlIsFunction = isFunction(html);
-
-      return this.each(function (i) {
-        jQuery(this).wrapAll(htmlIsFunction ? html.call(this, i) : html);
-      });
-    },
-
-    unwrap: function (selector) {
-      this.parent(selector)
-        .not("body")
-        .each(function () {
-          jQuery(this).replaceWith(this.childNodes);
-        });
-      return this;
-    },
-  });
-
-  jQuery.expr.pseudos.hidden = function (elem) {
-    return !jQuery.expr.pseudos.visible(elem);
-  };
-  jQuery.expr.pseudos.visible = function (elem) {
-    return !!(
-      elem.offsetWidth ||
-      elem.offsetHeight ||
-      elem.getClientRects().length
-    );
-  };
-
-  jQuery.ajaxSettings.xhr = function () {
-    try {
-      return new window.XMLHttpRequest();
-    } catch (e) {}
-  };
-
-  var xhrSuccessStatus = {
-      // File protocol always yields status code 0, assume 200
-      0: 200,
-
-      // Support: IE <=9 only
-      // trac-1450: sometimes IE returns 1223 when it should be 204
-      1223: 204,
-    },
-    xhrSupported = jQuery.ajaxSettings.xhr();
-
-  support.cors = !!xhrSupported && "withCredentials" in xhrSupported;
-  support.ajax = xhrSupported = !!xhrSupported;
-
-  jQuery.ajaxTransport(function (options) {
-    var callback, errorCallback;
-
-    // Cross domain only allowed if supported through XMLHttpRequest
-    if (support.cors || (xhrSupported && !options.crossDomain)) {
-      return {
-        send: function (headers, complete) {
-          var i,
-            xhr = options.xhr();
-
-          xhr.open(
-            options.type,
-            options.url,
-            options.async,
-            options.username,
-            options.password,
-          );
-
-          // Apply custom fields if provided
-          if (options.xhrFields) {
-            for (i in options.xhrFields) {
-              xhr[i] = options.xhrFields[i];
-            }
-          }
-
-          // Override mime type if needed
-          if (options.mimeType && xhr.overrideMimeType) {
-            xhr.overrideMimeType(options.mimeType);
-          }
-
-          // X-Requested-With header
-          // For cross-domain requests, seeing as conditions for a preflight are
-          // akin to a jigsaw puzzle, we simply never set it to be sure.
-          // (it can always be set on a per-request basis or even using ajaxSetup)
-          // For same-domain requests, won't change header if already provided.
-          if (!options.crossDomain && !headers["X-Requested-With"]) {
-            headers["X-Requested-With"] = "XMLHttpRequest";
-          }
-
-          // Set headers
-          for (i in headers) {
-            xhr.setRequestHeader(i, headers[i]);
-          }
-
-          // Callback
-          callback = function (type) {
-            return function () {
-              if (callback) {
-                callback =
-                  errorCallback =
-                  xhr.onload =
-                  xhr.onerror =
-                  xhr.onabort =
-                  xhr.ontimeout =
-                  xhr.onreadystatechange =
-                    null;
-
-                if (type === "abort") {
-                  xhr.abort();
-                } else if (type === "error") {
-                  // Support: IE <=9 only
-                  // On a manual native abort, IE9 throws
-                  // errors on any property access that is not readyState
-                  if (typeof xhr.status !== "number") {
-                    complete(0, "error");
-                  } else {
-                    complete(
-                      // File: protocol always yields status 0; see trac-8605, trac-14207
-                      xhr.status,
-                      xhr.statusText,
-                    );
-                  }
-                } else {
-                  complete(
-                    xhrSuccessStatus[xhr.status] || xhr.status,
-                    xhr.statusText,
-
-                    // Support: IE <=9 only
-                    // IE9 has no XHR2 but throws on binary (trac-11426)
-                    // For XHR2 non-text, let the caller handle it (gh-2498)
-                    (xhr.responseType || "text") !== "text" ||
-                      typeof xhr.responseText !== "string"
-                      ? { binary: xhr.response }
-                      : { text: xhr.responseText },
-                    xhr.getAllResponseHeaders(),
-                  );
-                }
-              }
-            };
-          };
-
-          // Listen to events
-          xhr.onload = callback();
-          errorCallback = xhr.onerror = xhr.ontimeout = callback("error");
-
-          // Support: IE 9 only
-          // Use onreadystatechange to replace onabort
-          // to handle uncaught aborts
-          if (xhr.onabort !== undefined) {
-            xhr.onabort = errorCallback;
-          } else {
-            xhr.onreadystatechange = function () {
-              // Check readyState before timeout as it changes
-              if (xhr.readyState === 4) {
-                // Allow onerror to be called first,
-                // but that will not handle a native abort
-                // Also, save errorCallback to a variable
-                // as xhr.onerror cannot be accessed
-                window.setTimeout(function () {
-                  if (callback) {
-                    errorCallback();
-                  }
-                });
-              }
-            };
-          }
-
-          // Create the abort callback
-          callback = callback("abort");
-
-          try {
-            // Do send the request (this may raise an exception)
-            xhr.send((options.hasContent && options.data) || null);
-          } catch (e) {
-            // trac-14683: Only rethrow if this hasn't been notified as an error yet
-            if (callback) {
-              throw e;
-            }
-          }
-        },
-
-        abort: function () {
-          if (callback) {
-            callback();
-          }
-        },
-      };
-    }
-  });
-
-  // Prevent auto-execution of scripts when no explicit dataType was provided (See gh-2432)
-  jQuery.ajaxPrefilter(function (s) {
-    if (s.crossDomain) {
-      s.contents.script = false;
-    }
-  });
-
-  // Install script dataType
-  jQuery.ajaxSetup({
-    accepts: {
-      script:
-        "text/javascript, application/javascript, " +
-        "application/ecmascript, application/x-ecmascript",
-    },
-    contents: {
-      script: /\b(?:java|ecma)script\b/,
-    },
-    converters: {
-      "text script": function (text) {
-        jQuery.globalEval(text);
-        return text;
-      },
-    },
-  });
-
-  // Handle cache's special case and crossDomain
-  jQuery.ajaxPrefilter("script", function (s) {
-    if (s.cache === undefined) {
-      s.cache = false;
-    }
-    if (s.crossDomain) {
-      s.type = "GET";
-    }
-  });
-
-  // Bind script tag hack transport
-  jQuery.ajaxTransport("script", function (s) {
-    // This transport only deals with cross domain or forced-by-attrs requests
-    if (s.crossDomain || s.scriptAttrs) {
-      var script, callback;
-      return {
-        send: function (_, complete) {
-          script = jQuery("<script>")
-            .attr(s.scriptAttrs || {})
-            .prop({ charset: s.scriptCharset, src: s.url })
-            .on(
-              "load error",
-              (callback = function (evt) {
-                script.remove();
-                callback = null;
-                if (evt) {
-                  complete(evt.type === "error" ? 404 : 200, evt.type);
-                }
-              }),
-            );
-
-          // Use native DOM manipulation to avoid our domManip AJAX trickery
-          document.head.appendChild(script[0]);
-        },
-        abort: function () {
-          if (callback) {
-            callback();
-          }
-        },
-      };
-    }
-  });
-
-  var oldCallbacks = [],
-    rjsonp = /(=)\?(?=&|$)|\?\?/;
-
-  // Default jsonp settings
-  jQuery.ajaxSetup({
-    jsonp: "callback",
-    jsonpCallback: function () {
-      var callback = oldCallbacks.pop() || jQuery.expando + "_" + nonce.guid++;
-      this[callback] = true;
-      return callback;
-    },
-  });
-
-  // Detect, normalize options and install callbacks for jsonp requests
-  jQuery.ajaxPrefilter("json jsonp", function (s, originalSettings, jqXHR) {
-    var callbackName,
-      overwritten,
-      responseContainer,
-      jsonProp =
-        s.jsonp !== false &&
-        (rjsonp.test(s.url)
-          ? "url"
-          : typeof s.data === "string" &&
-            (s.contentType || "").indexOf(
-              "application/x-www-form-urlencoded",
-            ) === 0 &&
-            rjsonp.test(s.data) &&
-            "data");
-
-    // Handle iff the expected data type is "jsonp" or we have a parameter to set
-    if (jsonProp || s.dataTypes[0] === "jsonp") {
-      // Get callback name, remembering preexisting value associated with it
-      callbackName = s.jsonpCallback = isFunction(s.jsonpCallback)
-        ? s.jsonpCallback()
-        : s.jsonpCallback;
-
-      // Insert callback into url or form data
-      if (jsonProp) {
-        s[jsonProp] = s[jsonProp].replace(rjsonp, "$1" + callbackName);
-      } else if (s.jsonp !== false) {
-        s.url +=
-          (rquery.test(s.url) ? "&" : "?") + s.jsonp + "=" + callbackName;
-      }
-
-      // Use data converter to retrieve json after script execution
-      s.converters["script json"] = function () {
-        if (!responseContainer) {
-          jQuery.error(callbackName + " was not called");
-        }
-        return responseContainer[0];
-      };
-
-      // Force json dataType
-      s.dataTypes[0] = "json";
-
-      // Install callback
-      overwritten = window[callbackName];
-      window[callbackName] = function () {
-        responseContainer = arguments;
-      };
-
-      // Clean-up function (fires after converters)
-      jqXHR.always(function () {
-        // If previous value didn't exist - remove it
-        if (overwritten === undefined) {
-          jQuery(window).removeProp(callbackName);
-
-          // Otherwise restore preexisting value
-        } else {
-          window[callbackName] = overwritten;
-        }
-
-        // Save back as free
-        if (s[callbackName]) {
-          // Make sure that re-using the options doesn't screw things around
-          s.jsonpCallback = originalSettings.jsonpCallback;
-
-          // Save the callback name for future use
-          oldCallbacks.push(callbackName);
-        }
-
-        // Call if it was a function and we have a response
-        if (responseContainer && isFunction(overwritten)) {
-          overwritten(responseContainer[0]);
-        }
-
-        responseContainer = overwritten = undefined;
-      });
-
-      // Delegate to script
-      return "script";
-    }
-  });
-
-  // Support: Safari 8 only
-  // In Safari 8 documents created via document.implementation.createHTMLDocument
-  // collapse sibling forms: the second one becomes a child of the first one.
-  // Because of that, this security measure has to be disabled in Safari 8.
-  // https://bugs.webkit.org/show_bug.cgi?id=137337
-  support.createHTMLDocument = (function () {
-    var body = document.implementation.createHTMLDocument("").body;
-    body.innerHTML = "<form></form><form></form>";
-    return body.childNodes.length === 2;
-  })();
-
-  // Argument "data" should be string of html
-  // context (optional): If specified, the fragment will be created in this context,
-  // defaults to document
-  // keepScripts (optional): If true, will include scripts passed in the html string
-  jQuery.parseHTML = function (data, context, keepScripts) {
-    if (typeof data !== "string") {
-      return [];
-    }
-    if (typeof context === "boolean") {
-      keepScripts = context;
-      context = false;
-    }
-
-    var base, parsed, scripts;
-
-    if (!context) {
-      // Stop scripts or inline event handlers from being executed immediately
-      // by using document.implementation
-      if (support.createHTMLDocument) {
-        context = document.implementation.createHTMLDocument("");
-
-        // Set the base href for the created document
-        // so any parsed elements with URLs
-        // are based on the document's URL (gh-2965)
-        base = context.createElement("base");
-        base.href = document.location.href;
-        context.head.appendChild(base);
-      } else {
-        context = document;
-      }
-    }
-
-    parsed = rsingleTag.exec(data);
-    scripts = !keepScripts && [];
-
-    // Single tag
-    if (parsed) {
-      return [context.createElement(parsed[1])];
-    }
-
-    parsed = buildFragment([data], context, scripts);
-
-    if (scripts && scripts.length) {
-      jQuery(scripts).remove();
-    }
-
-    return jQuery.merge([], parsed.childNodes);
-  };
-
-  /**
-   * Load a url into a page
-   */
-  jQuery.fn.load = function (url, params, callback) {
-    var selector,
-      type,
-      response,
-      self = this,
-      off = url.indexOf(" ");
-
-    if (off > -1) {
-      selector = stripAndCollapse(url.slice(off));
-      url = url.slice(0, off);
-    }
-
-    // If it's a function
-    if (isFunction(params)) {
-      // We assume that it's the callback
-      callback = params;
-      params = undefined;
-
-      // Otherwise, build a param string
-    } else if (params && typeof params === "object") {
-      type = "POST";
-    }
-
-    // If we have elements to modify, make the request
-    if (self.length > 0) {
-      jQuery
-        .ajax({
-          url: url,
-
-          // If "type" variable is undefined, then "GET" method will be used.
-          // Make value of this field explicit since
-          // user can override it through ajaxSetup method
-          type: type || "GET",
-          dataType: "html",
-          data: params,
-        })
-        .done(function (responseText) {
-          // Save response for use in complete callback
-          response = arguments;
-
-          self.html(
-            selector
-              ? // If a selector was specified, locate the right elements in a dummy div
-                // Exclude scripts to avoid IE 'Permission Denied' errors
-                jQuery("<div>")
-                  .append(jQuery.parseHTML(responseText))
-                  .find(selector)
-              : // Otherwise use the full result
-                responseText,
-          );
-
-          // If the request succeeds, this function gets "data", "status", "jqXHR"
-          // but they are ignored because response was set above.
-          // If it fails, this function gets "jqXHR", "status", "error"
-        })
-        .always(
-          callback &&
-            function (jqXHR, status) {
-              self.each(function () {
-                callback.apply(
-                  this,
-                  response || [jqXHR.responseText, status, jqXHR],
-                );
-              });
-            },
-        );
-    }
-
-    return this;
-  };
-
-  jQuery.expr.pseudos.animated = function (elem) {
-    return jQuery.grep(jQuery.timers, function (fn) {
-      return elem === fn.elem;
-    }).length;
-  };
-
-  jQuery.offset = {
-    setOffset: function (elem, options, i) {
-      var curPosition,
-        curLeft,
-        curCSSTop,
-        curTop,
-        curOffset,
-        curCSSLeft,
-        calculatePosition,
-        position = jQuery.css(elem, "position"),
-        curElem = jQuery(elem),
-        props = {};
-
-      // Set position first, in-case top/left are set even on static elem
-      if (position === "static") {
-        elem.style.position = "relative";
-      }
-
-      curOffset = curElem.offset();
-      curCSSTop = jQuery.css(elem, "top");
-      curCSSLeft = jQuery.css(elem, "left");
-      calculatePosition =
-        (position === "absolute" || position === "fixed") &&
-        (curCSSTop + curCSSLeft).indexOf("auto") > -1;
-
-      // Need to be able to calculate position if either
-      // top or left is auto and position is either absolute or fixed
-      if (calculatePosition) {
-        curPosition = curElem.position();
-        curTop = curPosition.top;
-        curLeft = curPosition.left;
-      } else {
-        curTop = parseFloat(curCSSTop) || 0;
-        curLeft = parseFloat(curCSSLeft) || 0;
-      }
-
-      if (isFunction(options)) {
-        // Use jQuery.extend here to allow modification of coordinates argument (gh-1848)
-        options = options.call(elem, i, jQuery.extend({}, curOffset));
-      }
-
-      if (options.top != null) {
-        props.top = options.top - curOffset.top + curTop;
-      }
-      if (options.left != null) {
-        props.left = options.left - curOffset.left + curLeft;
-      }
-
-      if ("using" in options) {
-        options.using.call(elem, props);
-      } else {
-        curElem.css(props);
-      }
-    },
-  };
-
-  jQuery.fn.extend({
-    // offset() relates an element's border box to the document origin
-    offset: function (options) {
-      // Preserve chaining for setter
-      if (arguments.length) {
-        return options === undefined
-          ? this
-          : this.each(function (i) {
-              jQuery.offset.setOffset(this, options, i);
-            });
-      }
-
-      var rect,
-        win,
-        elem = this[0];
-
-      if (!elem) {
-        return;
-      }
-
-      // Return zeros for disconnected and hidden (display: none) elements (gh-2310)
-      // Support: IE <=11 only
-      // Running getBoundingClientRect on a
-      // disconnected node in IE throws an error
-      if (!elem.getClientRects().length) {
-        return { top: 0, left: 0 };
-      }
-
-      // Get document-relative position by adding viewport scroll to viewport-relative gBCR
-      rect = elem.getBoundingClientRect();
-      win = elem.ownerDocument.defaultView;
-      return {
-        top: rect.top + win.pageYOffset,
-        left: rect.left + win.pageXOffset,
-      };
-    },
-
-    // position() relates an element's margin box to its offset parent's padding box
-    // This corresponds to the behavior of CSS absolute positioning
-    position: function () {
-      if (!this[0]) {
-        return;
-      }
-
-      var offsetParent,
-        offset,
-        doc,
-        elem = this[0],
-        parentOffset = { top: 0, left: 0 };
-
-      // position:fixed elements are offset from the viewport, which itself always has zero offset
-      if (jQuery.css(elem, "position") === "fixed") {
-        // Assume position:fixed implies availability of getBoundingClientRect
-        offset = elem.getBoundingClientRect();
-      } else {
-        offset = this.offset();
-
-        // Account for the *real* offset parent, which can be the document or its root element
-        // when a statically positioned element is identified
-        doc = elem.ownerDocument;
-        offsetParent = elem.offsetParent || doc.documentElement;
-        while (
-          offsetParent &&
-          (offsetParent === doc.body || offsetParent === doc.documentElement) &&
-          jQuery.css(offsetParent, "position") === "static"
-        ) {
-          offsetParent = offsetParent.parentNode;
-        }
-        if (
-          offsetParent &&
-          offsetParent !== elem &&
-          offsetParent.nodeType === 1
-        ) {
-          // Incorporate borders into its offset, since they are outside its content origin
-          parentOffset = jQuery(offsetParent).offset();
-          parentOffset.top += jQuery.css(offsetParent, "borderTopWidth", true);
-          parentOffset.left += jQuery.css(
-            offsetParent,
-            "borderLeftWidth",
-            true,
-          );
-        }
-      }
-
-      // Subtract parent offsets and element margins
-      return {
-        top:
-          offset.top - parentOffset.top - jQuery.css(elem, "marginTop", true),
-        left:
-          offset.left -
-          parentOffset.left -
-          jQuery.css(elem, "marginLeft", true),
-      };
-    },
-
-    // This method will return documentElement in the following cases:
-    // 1) For the element inside the iframe without offsetParent, this method will return
-    //    documentElement of the parent window
-    // 2) For the hidden or detached element
-    // 3) For body or html element, i.e. in case of the html node - it will return itself
-    //
-    // but those exceptions were never presented as a real life use-cases
-    // and might be considered as more preferable results.
-    //
-    // This logic, however, is not guaranteed and can change at any point in the future
-    offsetParent: function () {
-      return this.map(function () {
-        var offsetParent = this.offsetParent;
-
-        while (
-          offsetParent &&
-          jQuery.css(offsetParent, "position") === "static"
-        ) {
-          offsetParent = offsetParent.offsetParent;
-        }
-
-        return offsetParent || documentElement;
-      });
-    },
-  });
-
-  // Create scrollLeft and scrollTop methods
-  jQuery.each(
-    { scrollLeft: "pageXOffset", scrollTop: "pageYOffset" },
-    function (method, prop) {
-      var top = "pageYOffset" === prop;
-
-      jQuery.fn[method] = function (val) {
-        return access(
-          this,
-          function (elem, method, val) {
-            // Coalesce documents and windows
-            var win;
-            if (isWindow(elem)) {
-              win = elem;
-            } else if (elem.nodeType === 9) {
-              win = elem.defaultView;
-            }
-
-            if (val === undefined) {
-              return win ? win[prop] : elem[method];
-            }
-
-            if (win) {
-              win.scrollTo(
-                !top ? val : win.pageXOffset,
-                top ? val : win.pageYOffset,
-              );
-            } else {
-              elem[method] = val;
-            }
-          },
-          method,
-          val,
-          arguments.length,
-        );
-      };
-    },
-  );
-
-  // Support: Safari <=7 - 9.1, Chrome <=37 - 49
-  // Add the top/left cssHooks using jQuery.fn.position
-  // Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
-  // Blink bug: https://bugs.chromium.org/p/chromium/issues/detail?id=589347
-  // getComputedStyle returns percent when specified for top/left/bottom/right;
-  // rather than make the css module depend on the offset module, just check for it here
-  jQuery.each(["top", "left"], function (_i, prop) {
-    jQuery.cssHooks[prop] = addGetHookIf(
-      support.pixelPosition,
-      function (elem, computed) {
-        if (computed) {
-          computed = curCSS(elem, prop);
-
-          // If curCSS returns percentage, fallback to offset
-          return rnumnonpx.test(computed)
-            ? jQuery(elem).position()[prop] + "px"
-            : computed;
-        }
-      },
-    );
-  });
-
-  // Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
-  jQuery.each({ Height: "height", Width: "width" }, function (name, type) {
-    jQuery.each(
-      {
-        padding: "inner" + name,
-        content: type,
-        "": "outer" + name,
-      },
-      function (defaultExtra, funcName) {
-        // Margin is only for outerHeight, outerWidth
-        jQuery.fn[funcName] = function (margin, value) {
-          var chainable =
-              arguments.length && (defaultExtra || typeof margin !== "boolean"),
-            extra =
-              defaultExtra ||
-              (margin === true || value === true ? "margin" : "border");
-
-          return access(
-            this,
-            function (elem, type, value) {
-              var doc;
-
-              if (isWindow(elem)) {
-                // $( window ).outerWidth/Height return w/h including scrollbars (gh-1729)
-                return funcName.indexOf("outer") === 0
-                  ? elem["inner" + name]
-                  : elem.document.documentElement["client" + name];
-              }
-
-              // Get document width or height
-              if (elem.nodeType === 9) {
-                doc = elem.documentElement;
-
-                // Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height],
-                // whichever is greatest
-                return Math.max(
-                  elem.body["scroll" + name],
-                  doc["scroll" + name],
-                  elem.body["offset" + name],
-                  doc["offset" + name],
-                  doc["client" + name],
-                );
-              }
-
-              return value === undefined
-                ? // Get width or height on the element, requesting but not forcing parseFloat
-                  jQuery.css(elem, type, extra)
-                : // Set width or height on the element
-                  jQuery.style(elem, type, value, extra);
-            },
-            type,
-            chainable ? margin : undefined,
-            chainable,
-          );
-        };
-      },
-    );
-  });
-
-  jQuery.each(
-    [
-      "ajaxStart",
-      "ajaxStop",
-      "ajaxComplete",
-      "ajaxError",
-      "ajaxSuccess",
-      "ajaxSend",
-    ],
-    function (_i, type) {
-      jQuery.fn[type] = function (fn) {
-        return this.on(type, fn);
-      };
-    },
-  );
-
-  jQuery.fn.extend({
-    bind: function (types, data, fn) {
-      return this.on(types, null, data, fn);
-    },
-    unbind: function (types, fn) {
-      return this.off(types, null, fn);
-    },
-
-    delegate: function (selector, types, data, fn) {
-      return this.on(types, selector, data, fn);
-    },
-    undelegate: function (selector, types, fn) {
-      // ( namespace ) or ( selector, types [, fn] )
-      return arguments.length === 1
-        ? this.off(selector, "**")
-        : this.off(types, selector || "**", fn);
-    },
-
-    hover: function (fnOver, fnOut) {
-      return this.mouseenter(fnOver).mouseleave(fnOut || fnOver);
-    },
-  });
-
-  jQuery.each(
-    (
-      "blur focus focusin focusout resize scroll click dblclick " +
-      "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
-      "change select submit keydown keypress keyup contextmenu"
-    ).split(" "),
-    function (_i, name) {
-      // Handle event binding
-      jQuery.fn[name] = function (data, fn) {
-        return arguments.length > 0
-          ? this.on(name, null, data, fn)
-          : this.trigger(name);
-      };
-    },
-  );
-
-  // Support: Android <=4.0 only
-  // Make sure we trim BOM and NBSP
-  // Require that the "whitespace run" starts from a non-whitespace
-  // to avoid O(N^2) behavior when the engine would try matching "\s+$" at each space position.
-  var rtrim = /^[\s\uFEFF\xA0]+|([^\s\uFEFF\xA0])[\s\uFEFF\xA0]+$/g;
-
-  // Bind a function to a context, optionally partially applying any
-  // arguments.
-  // jQuery.proxy is deprecated to promote standards (specifically Function#bind)
-  // However, it is not slated for removal any time soon
-  jQuery.proxy = function (fn, context) {
-    var tmp, args, proxy;
-
-    if (typeof context === "string") {
-      tmp = fn[context];
-      context = fn;
-      fn = tmp;
-    }
-
-    // Quick check to determine if target is callable, in the spec
-    // this throws a TypeError, but we will just return undefined.
-    if (!isFunction(fn)) {
-      return undefined;
-    }
-
-    // Simulated bind
-    args = slice.call(arguments, 2);
-    proxy = function () {
-      return fn.apply(context || this, args.concat(slice.call(arguments)));
-    };
-
-    // Set the guid of unique handler to the same of original handler, so it can be removed
-    proxy.guid = fn.guid = fn.guid || jQuery.guid++;
-
-    return proxy;
-  };
-
-  jQuery.holdReady = function (hold) {
-    if (hold) {
-      jQuery.readyWait++;
-    } else {
-      jQuery.ready(true);
-    }
-  };
-  jQuery.isArray = Array.isArray;
-  jQuery.parseJSON = JSON.parse;
-  jQuery.nodeName = nodeName;
-  jQuery.isFunction = isFunction;
-  jQuery.isWindow = isWindow;
-  jQuery.camelCase = camelCase;
-  jQuery.type = toType;
-
-  jQuery.now = Date.now;
-
-  jQuery.isNumeric = function (obj) {
-    // As of jQuery 3.0, isNumeric is limited to
-    // strings and numbers (primitives or objects)
-    // that can be coerced to finite numbers (gh-2662)
-    var type = jQuery.type(obj);
-    return (
-      (type === "number" || type === "string") &&
-      // parseFloat NaNs numeric-cast false positives ("")
-      // ...but misinterprets leading-number strings, particularly hex literals ("0x...")
-      // subtraction forces infinities to NaN
-      !isNaN(obj - parseFloat(obj))
-    );
-  };
-
-  jQuery.trim = function (text) {
-    return text == null ? "" : (text + "").replace(rtrim, "$1");
-  };
-
-  // Register as a named AMD module, since jQuery can be concatenated with other
-  // files that may use define, but not via a proper concatenation script that
-  // understands anonymous AMD modules. A named AMD is safest and most robust
-  // way to register. Lowercase jquery is used because AMD module names are
-  // derived from file names, and jQuery is normally delivered in a lowercase
-  // file name. Do this after creating the global so that if an AMD module wants
-  // to call noConflict to hide this version of jQuery, it will work.
-
-  // Note that for maximum portability, libraries that are not jQuery should
-  // declare themselves as anonymous modules, and avoid setting a global if an
-  // AMD loader is present. jQuery is a special case. For more information, see
-  // https://github.com/jrburke/requirejs/wiki/Updating-existing-libraries#wiki-anon
-
-  if (typeof define === "function" && define.amd) {
-    define("jquery", [], function () {
-      return jQuery;
-    });
-  }
-
-  var // Map over jQuery in case of overwrite
-    _jQuery = window.jQuery,
-    // Map over the $ in case of overwrite
-    _$ = window.$;
-
-  jQuery.noConflict = function (deep) {
-    if (window.$ === jQuery) {
-      window.$ = _$;
-    }
-
-    if (deep && window.jQuery === jQuery) {
-      window.jQuery = _jQuery;
-    }
-
-    return jQuery;
-  };
-
-  // Expose jQuery and $ identifiers, even in AMD
-  // (trac-7102#comment:10, https://github.com/jquery/jquery/pull/557)
-  // and CommonJS for browser emulators (trac-13566)
-  if (typeof noGlobal === "undefined") {
-    window.jQuery = window.$ = jQuery;
-  }
-
-  return jQuery;
-});
-
-/*!
- * Lightbox v2.11.4
- * by Lokesh Dhakar
- *
- * More info:
- * http://lokeshdhakar.com/projects/lightbox2/
- *
- * Copyright Lokesh Dhakar
- * Released under the MIT license
- * https://github.com/lokesh/lightbox2/blob/master/LICENSE
- *
- * @preserve
- */
-
-// Uses Node, AMD or browser globals to create a module.
-(function (root, factory) {
-  if (typeof define === "function" && define.amd) {
-    // AMD. Register as an anonymous module.
-    define(["jquery"], factory);
-  } else if (typeof exports === "object") {
-    // Node. Does not work with strict CommonJS, but
-    // only CommonJS-like environments that support module.exports,
-    // like Node.
-    module.exports = factory(require("jquery"));
-  } else {
-    // Browser globals (root is window)
-    root.lightbox = factory(root.jQuery);
-  }
-})(this, function ($) {
-  function Lightbox(options) {
-    this.album = [];
-    this.currentImageIndex = void 0;
-    this.init();
-
-    // options
-    this.options = $.extend({}, this.constructor.defaults);
-    this.option(options);
-  }
-
-  // Descriptions of all options available on the demo site:
-  // http://lokeshdhakar.com/projects/lightbox2/index.html#options
-  Lightbox.defaults = {
-    albumLabel: "Image %1 of %2",
-    alwaysShowNavOnTouchDevices: false,
-    fadeDuration: 600,
-    fitImagesInViewport: true,
-    imageFadeDuration: 600,
-    // maxWidth: 800,
-    // maxHeight: 600,
-    positionFromTop: 50,
-    resizeDuration: 700,
-    showImageNumberLabel: true,
-    wrapAround: false,
-    disableScrolling: false,
-    /*
-    Sanitize Title
-    If the caption data is trusted, for example you are hardcoding it in, then leave this to false.
-    This will free you to add html tags, such as links, in the caption.
-
-    If the caption data is user submitted or from some other untrusted source, then set this to true
-    to prevent xss and other injection attacks.
-     */
-    sanitizeTitle: false,
-  };
-
-  Lightbox.prototype.option = function (options) {
-    $.extend(this.options, options);
-  };
-
-  Lightbox.prototype.imageCountLabel = function (currentImageNum, totalImages) {
-    return this.options.albumLabel
-      .replace(/%1/g, currentImageNum)
-      .replace(/%2/g, totalImages);
-  };
-
-  Lightbox.prototype.init = function () {
-    var self = this;
-    // Both enable and build methods require the body tag to be in the DOM.
-    $(document).ready(function () {
-      self.enable();
-      self.build();
-    });
-  };
-
-  // Loop through anchors and areamaps looking for either data-lightbox attributes or rel attributes
-  // that contain 'lightbox'. When these are clicked, start lightbox.
-  Lightbox.prototype.enable = function () {
-    var self = this;
-    $("body").on(
-      "click",
-      "a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]",
-      function (event) {
-        self.start($(event.currentTarget));
-        return false;
-      },
-    );
-  };
-
-  // Build html for the lightbox and the overlay.
-  // Attach event handlers to the new DOM elements. click click click
-  Lightbox.prototype.build = function () {
-    if ($("#lightbox").length > 0) {
-      return;
-    }
-
-    var self = this;
-
-    // The two root notes generated, #lightboxOverlay and #lightbox are given
-    // tabindex attrs so they are focusable. We attach our keyboard event
-    // listeners to these two elements, and not the document. Clicking anywhere
-    // while Lightbox is opened will keep the focus on or inside one of these
-    // two elements.
-    //
-    // We do this so we can prevent propogation of the Esc keypress when
-    // Lightbox is open. This prevents it from intefering with other components
-    // on the page below.
-    //
-    // Github issue: https://github.com/lokesh/lightbox2/issues/663
-    $(
-      '<div id="lightboxOverlay" tabindex="-1" class="lightboxOverlay"></div><div id="lightbox" tabindex="-1" class="lightbox"><div class="lb-outerContainer"><div class="lb-container"><img class="lb-image" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt=""/><div class="lb-nav"><a class="lb-prev" role="button" tabindex="0" aria-label="Previous image" href="" ></a><a class="lb-next" role="button" tabindex="0" aria-label="Next image" href="" ></a></div><div class="lb-loader"><a class="lb-cancel" role="button" tabindex="0"></a></div></div></div><div class="lb-dataContainer"><div class="lb-data"><div class="lb-details"><span class="lb-caption"></span><span class="lb-number"></span></div><div class="lb-closeContainer"><a class="lb-close" role="button" tabindex="0"></a></div></div></div></div>',
-    ).appendTo($("body"));
-
-    // Cache jQuery objects
-    this.$lightbox = $("#lightbox");
-    this.$overlay = $("#lightboxOverlay");
-    this.$outerContainer = this.$lightbox.find(".lb-outerContainer");
-    this.$container = this.$lightbox.find(".lb-container");
-    this.$image = this.$lightbox.find(".lb-image");
-    this.$nav = this.$lightbox.find(".lb-nav");
-
-    // Store css values for future lookup
-    this.containerPadding = {
-      top: parseInt(this.$container.css("padding-top"), 10),
-      right: parseInt(this.$container.css("padding-right"), 10),
-      bottom: parseInt(this.$container.css("padding-bottom"), 10),
-      left: parseInt(this.$container.css("padding-left"), 10),
-    };
-
-    this.imageBorderWidth = {
-      top: parseInt(this.$image.css("border-top-width"), 10),
-      right: parseInt(this.$image.css("border-right-width"), 10),
-      bottom: parseInt(this.$image.css("border-bottom-width"), 10),
-      left: parseInt(this.$image.css("border-left-width"), 10),
-    };
-
-    // Attach event handlers to the newly minted DOM elements
-    this.$overlay.hide().on("click", function () {
-      self.end();
-      return false;
-    });
-
-    this.$lightbox.hide().on("click", function (event) {
-      if ($(event.target).attr("id") === "lightbox") {
-        self.end();
-      }
-    });
-
-    this.$outerContainer.on("click", function (event) {
-      if ($(event.target).attr("id") === "lightbox") {
-        self.end();
-      }
-      return false;
-    });
-
-    this.$lightbox.find(".lb-prev").on("click", function () {
-      if (self.currentImageIndex === 0) {
-        self.changeImage(self.album.length - 1);
-      } else {
-        self.changeImage(self.currentImageIndex - 1);
-      }
-      return false;
-    });
-
-    this.$lightbox.find(".lb-next").on("click", function () {
-      if (self.currentImageIndex === self.album.length - 1) {
-        self.changeImage(0);
-      } else {
-        self.changeImage(self.currentImageIndex + 1);
-      }
-      return false;
-    });
-
-    /*
-      Show context menu for image on right-click
-
-      There is a div containing the navigation that spans the entire image and lives above of it. If
-      you right-click, you are right clicking this div and not the image. This prevents users from
-      saving the image or using other context menu actions with the image.
-
-      To fix this, when we detect the right mouse button is pressed down, but not yet clicked, we
-      set pointer-events to none on the nav div. This is so that the upcoming right-click event on
-      the next mouseup will bubble down to the image. Once the right-click/contextmenu event occurs
-      we set the pointer events back to auto for the nav div so it can capture hover and left-click
-      events as usual.
-     */
-    this.$nav.on("mousedown", function (event) {
-      if (event.which === 3) {
-        self.$nav.css("pointer-events", "none");
-
-        self.$lightbox.one("contextmenu", function () {
-          setTimeout(
-            function () {
-              this.$nav.css("pointer-events", "auto");
-            }.bind(self),
-            0,
-          );
-        });
-      }
-    });
-
-    this.$lightbox
-      .find(".lb-loader, .lb-close")
-      .on("click keyup", function (e) {
-        // If mouse click OR 'enter' or 'space' keypress, close LB
-        if (
-          e.type === "click" ||
-          (e.type === "keyup" && (e.which === 13 || e.which === 32))
-        ) {
-          self.end();
-          return false;
-        }
-      });
-  };
-
-  // Show overlay and lightbox. If the image is part of a set, add siblings to album array.
-  Lightbox.prototype.start = function ($link) {
-    var self = this;
-    var $window = $(window);
-
-    $window.on("resize", $.proxy(this.sizeOverlay, this));
-
-    this.sizeOverlay();
-
-    this.album = [];
-    var imageNumber = 0;
-
-    function addToAlbum($link) {
-      self.album.push({
-        alt: $link.attr("data-alt"),
-        link: $link.attr("href"),
-        title: $link.attr("data-title") || $link.attr("title"),
-      });
-    }
-
-    // Support both data-lightbox attribute and rel attribute implementations
-    var dataLightboxValue = $link.attr("data-lightbox");
-    var $links;
-
-    if (dataLightboxValue) {
-      $links = $(
-        $link.prop("tagName") + '[data-lightbox="' + dataLightboxValue + '"]',
-      );
-      for (var i = 0; i < $links.length; i = ++i) {
-        addToAlbum($($links[i]));
-        if ($links[i] === $link[0]) {
-          imageNumber = i;
-        }
-      }
-    } else {
-      if ($link.attr("rel") === "lightbox") {
-        // If image is not part of a set
-        addToAlbum($link);
-      } else {
-        // If image is part of a set
-        $links = $($link.prop("tagName") + '[rel="' + $link.attr("rel") + '"]');
-        for (var j = 0; j < $links.length; j = ++j) {
-          addToAlbum($($links[j]));
-          if ($links[j] === $link[0]) {
-            imageNumber = j;
-          }
-        }
-      }
-    }
-
-    // Position Lightbox
-    var top = $window.scrollTop() + this.options.positionFromTop;
-    var left = $window.scrollLeft();
-    this.$lightbox
-      .css({
-        top: top + "px",
-        left: left + "px",
-      })
-      .fadeIn(this.options.fadeDuration);
-
-    // Disable scrolling of the page while open
-    if (this.options.disableScrolling) {
-      $("body").addClass("lb-disable-scrolling");
-    }
-
-    this.changeImage(imageNumber);
-  };
-
-  // Hide most UI elements in preparation for the animated resizing of the lightbox.
-  Lightbox.prototype.changeImage = function (imageNumber) {
-    var self = this;
-    var filename = this.album[imageNumber].link;
-    var filetype = filename.split(".").slice(-1)[0];
-    var $image = this.$lightbox.find(".lb-image");
-
-    // Disable keyboard nav during transitions
-    this.disableKeyboardNav();
-
-    // Show loading state
-    this.$overlay.fadeIn(this.options.fadeDuration);
-    $(".lb-loader").fadeIn("slow");
-    this.$lightbox
-      .find(
-        ".lb-image, .lb-nav, .lb-prev, .lb-next, .lb-dataContainer, .lb-numbers, .lb-caption",
-      )
-      .hide();
-    this.$outerContainer.addClass("animating");
-
-    // When image to show is preloaded, we send the width and height to sizeContainer()
-    var preloader = new Image();
-    preloader.onload = function () {
-      var $preloader;
-      var imageHeight;
-      var imageWidth;
-      var maxImageHeight;
-      var maxImageWidth;
-      var windowHeight;
-      var windowWidth;
-
-      $image.attr({
-        alt: self.album[imageNumber].alt,
-        src: filename,
-      });
-
-      $preloader = $(preloader);
-
-      $image.width(preloader.width);
-      $image.height(preloader.height);
-
-      var aspectRatio = preloader.width / preloader.height;
-
-      windowWidth = $(window).width();
-      windowHeight = $(window).height();
-
-      // Calculate the max image dimensions for the current viewport.
-      // Take into account the border around the image and an additional 10px gutter on each side.
-      maxImageWidth =
-        windowWidth -
-        self.containerPadding.left -
-        self.containerPadding.right -
-        self.imageBorderWidth.left -
-        self.imageBorderWidth.right -
-        20;
-      maxImageHeight =
-        windowHeight -
-        self.containerPadding.top -
-        self.containerPadding.bottom -
-        self.imageBorderWidth.top -
-        self.imageBorderWidth.bottom -
-        self.options.positionFromTop -
-        70;
-
-      /*
-      Since many SVGs have small intrinsic dimensions, but they support scaling
-      up without quality loss because of their vector format, max out their
-      size inside the viewport.
-      */
-      if (filetype === "svg") {
-        if (aspectRatio >= 1) {
-          imageWidth = maxImageWidth;
-          imageHeight = parseInt(maxImageWidth / aspectRatio, 10);
-        } else {
-          imageWidth = parseInt(maxImageHeight / aspectRatio, 10);
-          imageHeight = maxImageHeight;
-        }
-        $image.width(imageWidth);
-        $image.height(imageHeight);
-      } else {
-        // Fit image inside the viewport.
-        if (self.options.fitImagesInViewport) {
-          // Check if image size is larger then maxWidth|maxHeight in settings
-          if (self.options.maxWidth && self.options.maxWidth < maxImageWidth) {
-            maxImageWidth = self.options.maxWidth;
-          }
-          if (
-            self.options.maxHeight &&
-            self.options.maxHeight < maxImageHeight
-          ) {
-            maxImageHeight = self.options.maxHeight;
-          }
-        } else {
-          maxImageWidth =
-            self.options.maxWidth || preloader.width || maxImageWidth;
-          maxImageHeight =
-            self.options.maxHeight || preloader.height || maxImageHeight;
-        }
-
-        // Is the current image's width or height is greater than the maxImageWidth or maxImageHeight
-        // option than we need to size down while maintaining the aspect ratio.
-        if (
-          preloader.width > maxImageWidth ||
-          preloader.height > maxImageHeight
-        ) {
-          if (
-            preloader.width / maxImageWidth >
-            preloader.height / maxImageHeight
-          ) {
-            imageWidth = maxImageWidth;
-            imageHeight = parseInt(
-              preloader.height / (preloader.width / imageWidth),
-              10,
-            );
-            $image.width(imageWidth);
-            $image.height(imageHeight);
-          } else {
-            imageHeight = maxImageHeight;
-            imageWidth = parseInt(
-              preloader.width / (preloader.height / imageHeight),
-              10,
-            );
-            $image.width(imageWidth);
-            $image.height(imageHeight);
-          }
-        }
-      }
-
-      self.sizeContainer($image.width(), $image.height());
-    };
-
-    // Preload image before showing
-    preloader.src = this.album[imageNumber].link;
-    this.currentImageIndex = imageNumber;
-  };
-
-  // Stretch overlay to fit the viewport
-  Lightbox.prototype.sizeOverlay = function () {
-    var self = this;
-    /*
-    We use a setTimeout 0 to pause JS execution and let the rendering catch-up.
-    Why do this? If the `disableScrolling` option is set to true, a class is added to the body
-    tag that disables scrolling and hides the scrollbar. We want to make sure the scrollbar is
-    hidden before we measure the document width, as the presence of the scrollbar will affect the
-    number.
-    */
-    setTimeout(function () {
-      self.$overlay.width($(document).width()).height($(document).height());
-    }, 0);
-  };
-
-  // Animate the size of the lightbox to fit the image we are showing
-  // This method also shows the the image.
-  Lightbox.prototype.sizeContainer = function (imageWidth, imageHeight) {
-    var self = this;
-
-    var oldWidth = this.$outerContainer.outerWidth();
-    var oldHeight = this.$outerContainer.outerHeight();
-    var newWidth =
-      imageWidth +
-      this.containerPadding.left +
-      this.containerPadding.right +
-      this.imageBorderWidth.left +
-      this.imageBorderWidth.right;
-    var newHeight =
-      imageHeight +
-      this.containerPadding.top +
-      this.containerPadding.bottom +
-      this.imageBorderWidth.top +
-      this.imageBorderWidth.bottom;
-
-    function postResize() {
-      self.$lightbox.find(".lb-dataContainer").width(newWidth);
-      self.$lightbox.find(".lb-prevLink").height(newHeight);
-      self.$lightbox.find(".lb-nextLink").height(newHeight);
-
-      // Set focus on one of the two root nodes so keyboard events are captured.
-      self.$overlay.trigger("focus");
-
-      self.showImage();
-    }
-
-    if (oldWidth !== newWidth || oldHeight !== newHeight) {
-      this.$outerContainer.animate(
-        {
-          width: newWidth,
-          height: newHeight,
-        },
-        this.options.resizeDuration,
-        "swing",
-        function () {
-          postResize();
-        },
-      );
-    } else {
-      postResize();
-    }
-  };
-
-  // Display the image and its details and begin preload neighboring images.
-  Lightbox.prototype.showImage = function () {
-    this.$lightbox.find(".lb-loader").stop(true).hide();
-    this.$lightbox.find(".lb-image").fadeIn(this.options.imageFadeDuration);
-
-    this.updateNav();
-    this.updateDetails();
-    this.preloadNeighboringImages();
-    this.enableKeyboardNav();
-  };
-
-  // Display previous and next navigation if appropriate.
-  Lightbox.prototype.updateNav = function () {
-    // Check to see if the browser supports touch events. If so, we take the conservative approach
-    // and assume that mouse hover events are not supported and always show prev/next navigation
-    // arrows in image sets.
-    var alwaysShowNav = false;
-    try {
-      document.createEvent("TouchEvent");
-      alwaysShowNav = this.options.alwaysShowNavOnTouchDevices ? true : false;
-    } catch (e) {}
-
-    this.$lightbox.find(".lb-nav").show();
-
-    if (this.album.length > 1) {
-      if (this.options.wrapAround) {
-        if (alwaysShowNav) {
-          this.$lightbox.find(".lb-prev, .lb-next").css("opacity", "1");
-        }
-        this.$lightbox.find(".lb-prev, .lb-next").show();
-      } else {
-        if (this.currentImageIndex > 0) {
-          this.$lightbox.find(".lb-prev").show();
-          if (alwaysShowNav) {
-            this.$lightbox.find(".lb-prev").css("opacity", "1");
-          }
-        }
-        if (this.currentImageIndex < this.album.length - 1) {
-          this.$lightbox.find(".lb-next").show();
-          if (alwaysShowNav) {
-            this.$lightbox.find(".lb-next").css("opacity", "1");
-          }
-        }
-      }
-    }
-  };
-
-  // Display caption, image number, and closing button.
-  Lightbox.prototype.updateDetails = function () {
-    var self = this;
-
-    // Enable anchor clicks in the injected caption html.
-    // Thanks Nate Wright for the fix. @https://github.com/NateWr
-    if (
-      typeof this.album[this.currentImageIndex].title !== "undefined" &&
-      this.album[this.currentImageIndex].title !== ""
-    ) {
-      var $caption = this.$lightbox.find(".lb-caption");
-      if (this.options.sanitizeTitle) {
-        $caption.text(this.album[this.currentImageIndex].title);
-      } else {
-        $caption.html(this.album[this.currentImageIndex].title);
-      }
-      $caption.fadeIn("fast");
-    }
-
-    if (this.album.length > 1 && this.options.showImageNumberLabel) {
-      var labelText = this.imageCountLabel(
-        this.currentImageIndex + 1,
-        this.album.length,
-      );
-      this.$lightbox.find(".lb-number").text(labelText).fadeIn("fast");
-    } else {
-      this.$lightbox.find(".lb-number").hide();
-    }
-
-    this.$outerContainer.removeClass("animating");
-
-    this.$lightbox
-      .find(".lb-dataContainer")
-      .fadeIn(this.options.resizeDuration, function () {
-        return self.sizeOverlay();
-      });
-  };
-
-  // Preload previous and next images in set.
-  Lightbox.prototype.preloadNeighboringImages = function () {
-    if (this.album.length > this.currentImageIndex + 1) {
-      var preloadNext = new Image();
-      preloadNext.src = this.album[this.currentImageIndex + 1].link;
-    }
-    if (this.currentImageIndex > 0) {
-      var preloadPrev = new Image();
-      preloadPrev.src = this.album[this.currentImageIndex - 1].link;
-    }
-  };
-
-  Lightbox.prototype.enableKeyboardNav = function () {
-    this.$lightbox.on("keyup.keyboard", $.proxy(this.keyboardAction, this));
-    this.$overlay.on("keyup.keyboard", $.proxy(this.keyboardAction, this));
-  };
-
-  Lightbox.prototype.disableKeyboardNav = function () {
-    this.$lightbox.off(".keyboard");
-    this.$overlay.off(".keyboard");
-  };
-
-  Lightbox.prototype.keyboardAction = function (event) {
-    var KEYCODE_ESC = 27;
-    var KEYCODE_LEFTARROW = 37;
-    var KEYCODE_RIGHTARROW = 39;
-
-    var keycode = event.keyCode;
-    if (keycode === KEYCODE_ESC) {
-      // Prevent bubbling so as to not affect other components on the page.
-      event.stopPropagation();
-      this.end();
-    } else if (keycode === KEYCODE_LEFTARROW) {
-      if (this.currentImageIndex !== 0) {
-        this.changeImage(this.currentImageIndex - 1);
-      } else if (this.options.wrapAround && this.album.length > 1) {
-        this.changeImage(this.album.length - 1);
-      }
-    } else if (keycode === KEYCODE_RIGHTARROW) {
-      if (this.currentImageIndex !== this.album.length - 1) {
-        this.changeImage(this.currentImageIndex + 1);
-      } else if (this.options.wrapAround && this.album.length > 1) {
-        this.changeImage(0);
-      }
-    }
-  };
-
-  // Closing time. :-(
-  Lightbox.prototype.end = function () {
-    this.disableKeyboardNav();
-    $(window).off("resize", this.sizeOverlay);
-    this.$lightbox.fadeOut(this.options.fadeDuration);
-    this.$overlay.fadeOut(this.options.fadeDuration);
-
-    if (this.options.disableScrolling) {
-      $("body").removeClass("lb-disable-scrolling");
-    }
-  };
-
-  return new Lightbox();
-});
diff --git a/public/vendor/lightbox/lightbox.min.css b/public/vendor/lightbox/lightbox.min.css
deleted file mode 100644
index 727a2757..00000000
--- a/public/vendor/lightbox/lightbox.min.css
+++ /dev/null
@@ -1,172 +0,0 @@
-.lb-loader,
-.lightbox {
-  text-align: center;
-  line-height: 0;
-  position: absolute;
-  left: 0;
-}
-body.lb-disable-scrolling {
-  overflow: hidden;
-}
-.lightboxOverlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 9999;
-  background-color: #000;
-  filter: alpha(Opacity=80);
-  opacity: 0.8;
-  display: none;
-}
-.lightbox {
-  width: 100%;
-  z-index: 10000;
-  font-weight: 400;
-  outline: 0;
-}
-.lightbox .lb-image {
-  display: block;
-  height: auto;
-  max-width: inherit;
-  max-height: none;
-  border-radius: 3px;
-  border: 4px solid #fff;
-}
-.lightbox a img {
-  border: none;
-}
-.lb-outerContainer {
-  position: relative;
-  width: 250px;
-  height: 250px;
-  margin: 0 auto;
-  border-radius: 4px;
-  background-color: #fff;
-}
-.lb-outerContainer:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-.lb-loader {
-  top: 43%;
-  height: 25%;
-  width: 100%;
-}
-.lb-cancel {
-  display: block;
-  width: 32px;
-  height: 32px;
-  margin: 0 auto;
-  background: url(images/loading.gif) no-repeat;
-}
-.lb-nav {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  z-index: 10;
-}
-.lb-container > .nav {
-  left: 0;
-}
-.lb-nav a {
-  outline: 0;
-  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
-}
-.lb-next,
-.lb-prev {
-  height: 100%;
-  cursor: pointer;
-  display: block;
-}
-.lb-nav a.lb-prev {
-  width: 34%;
-  left: 0;
-  float: left;
-  background: url(images/prev.png) left 48% no-repeat;
-  filter: alpha(Opacity=0);
-  opacity: 0;
-  -webkit-transition: opacity 0.6s;
-  -moz-transition: opacity 0.6s;
-  -o-transition: opacity 0.6s;
-  transition: opacity 0.6s;
-}
-.lb-nav a.lb-prev:hover {
-  filter: alpha(Opacity=100);
-  opacity: 1;
-}
-.lb-nav a.lb-next {
-  width: 64%;
-  right: 0;
-  float: right;
-  background: url(images/next.png) right 48% no-repeat;
-  filter: alpha(Opacity=0);
-  opacity: 0;
-  -webkit-transition: opacity 0.6s;
-  -moz-transition: opacity 0.6s;
-  -o-transition: opacity 0.6s;
-  transition: opacity 0.6s;
-}
-.lb-nav a.lb-next:hover {
-  filter: alpha(Opacity=100);
-  opacity: 1;
-}
-.lb-dataContainer {
-  margin: 0 auto;
-  padding-top: 5px;
-  width: 100%;
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-.lb-dataContainer:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-.lb-data {
-  padding: 0 4px;
-  color: #ccc;
-}
-.lb-data .lb-details {
-  width: 85%;
-  float: left;
-  text-align: left;
-  line-height: 1.1em;
-}
-.lb-data .lb-caption {
-  font-size: 13px;
-  font-weight: 700;
-  line-height: 1em;
-}
-.lb-data .lb-caption a {
-  color: #4ae;
-}
-.lb-data .lb-number {
-  display: block;
-  clear: left;
-  padding-bottom: 1em;
-  font-size: 12px;
-  color: #999;
-}
-.lb-data .lb-close {
-  display: block;
-  float: right;
-  width: 30px;
-  height: 30px;
-  background: url(images/close.png) top right no-repeat;
-  text-align: right;
-  outline: 0;
-  filter: alpha(Opacity=70);
-  opacity: 0.7;
-  -webkit-transition: opacity 0.2s;
-  -moz-transition: opacity 0.2s;
-  -o-transition: opacity 0.2s;
-  transition: opacity 0.2s;
-}
-.lb-data .lb-close:hover {
-  cursor: pointer;
-  filter: alpha(Opacity=100);
-  opacity: 1;
-}
diff --git a/tests/unit/components/gallery/MediaFile.gallery.test.ts b/tests/unit/components/gallery/MediaFile.gallery.test.ts
index 5891bf44..c62c4be0 100644
--- a/tests/unit/components/gallery/MediaFile.gallery.test.ts
+++ b/tests/unit/components/gallery/MediaFile.gallery.test.ts
@@ -46,7 +46,7 @@ const globalConfig = {
 };
 
 describe("MediaFile gallery variant", () => {
-  it("renders gallery images without a lightbox link", async () => {
+  it("renders gallery images without a new-tab image link", async () => {
     const wrapper = mount(MediaFile, {
       props: {
         allowedFileExtensions,
@@ -59,7 +59,7 @@ describe("MediaFile gallery variant", () => {
 
     await wrapper.vm.$nextTick();
 
-    expect(wrapper.find("a[data-lightbox]").exists()).toBe(false);
+    expect(wrapper.find("a[href]").exists()).toBe(false);
     expect(wrapper.find(".h-full").exists()).toBe(true);
     expect(wrapper.text()).toContain("loading");
   });
diff --git a/tests/unit/server/compression.test.ts b/tests/unit/server/compression.test.ts
index e24ef923..e467d98c 100644
--- a/tests/unit/server/compression.test.ts
+++ b/tests/unit/server/compression.test.ts
@@ -170,10 +170,7 @@ describe("compression plugin", () => {
     const jsBytes = new Uint8Array(Buffer.from("console.log('hello');"));
     const response = { body: jsBytes } as { body: unknown };
 
-    await hookCallback(
-      { path: "/vendor/lightbox/lightbox-plus-jquery.js" },
-      response,
-    );
+    await hookCallback({ path: "/static/example.js" }, response);
 
     expect(responseHeaders["content-encoding"]).toBeUndefined();
     expect(response.body).toBe(jsBytes);

From 913174b9b168d5b061dbcfc916d4f3ef0654e82a Mon Sep 17 00:00:00 2001
From: osa <ogbemu.diatimothy@gmail.com>
Date: Wed, 5 Aug 2026 13:25:45 +0100
Subject: [PATCH 07/12] Gallery: add dataset view title and description (#568)

Add gallery view title and description
---
 components/GalleryView.vue                    | 28 ++++++++++++++
 pages/gallery/[tablename].vue                 |  6 +++
 server/api/[table]/gallery.ts                 |  2 +
 tests/unit/components/GalleryView.test.ts     | 38 +++++++++++++++++++
 .../server/galleryEndpointDatasets.test.ts    | 17 +++++++++
 5 files changed, 91 insertions(+)

diff --git a/components/GalleryView.vue b/components/GalleryView.vue
index 33aa0618..c4d5b631 100644
--- a/components/GalleryView.vue
+++ b/components/GalleryView.vue
@@ -40,8 +40,15 @@ const props = defineProps<{
   mediaColumn?: string;
   table: string;
   timestampColumn?: string;
+  viewName?: string;
+  viewDescription?: string;
 }>();
 
+const displayName = computed(
+  () => props.viewName?.trim() || props.table?.trim() || "",
+);
+const fullDescription = computed(() => props.viewDescription?.trim() || "");
+
 const { fetchRecords, getCachedRecord, cacheSize } = useRecordCache();
 
 const { dateMin, dateMax, setDateRange } = useTimestampFilter();
@@ -229,6 +236,27 @@ const closeDetail = () => {
       @close="closeDetail"
     />
     <template v-else>
+      <header
+        v-if="displayName || fullDescription"
+        class="mb-4 space-y-1"
+        data-testid="gallery-view-header"
+      >
+        <h1
+          v-if="displayName"
+          class="text-2xl font-semibold tracking-tight text-gray-900 break-words"
+          style="overflow-wrap: anywhere; word-break: break-word"
+          data-testid="gallery-view-title"
+        >
+          {{ displayName }}
+        </h1>
+        <p
+          v-if="fullDescription"
+          class="text-sm text-gray-600"
+          data-testid="gallery-view-description"
+        >
+          {{ fullDescription }}
+        </p>
+      </header>
       <div
         v-if="filterColumn || timestampColumn"
         class="mb-4"
diff --git a/pages/gallery/[tablename].vue b/pages/gallery/[tablename].vue
index d30fa1f1..8828cacd 100644
--- a/pages/gallery/[tablename].vue
+++ b/pages/gallery/[tablename].vue
@@ -24,6 +24,8 @@ const mapboxAccessToken = ref<string | undefined>();
 const mapboxStyle = ref<string | undefined>();
 const primaryDataset = ref(table);
 const timestampColumn = ref<string | undefined>();
+const viewName = ref<string | undefined>();
+const viewDescription = ref<string | undefined>();
 
 const { data, error, refresh } = await useFetch(`/api/${table}/gallery`, {
   params: { limit: rowLimit },
@@ -42,6 +44,8 @@ if (data.value && !error.value) {
   mediaColumn.value = data.value.mediaColumn;
   primaryDataset.value = data.value.primary_dataset;
   timestampColumn.value = data.value.timestampColumn;
+  viewName.value = data.value.viewName;
+  viewDescription.value = data.value.viewDescription;
 } else {
   console.error("Error fetching data:", error.value);
 }
@@ -85,6 +89,8 @@ definePageMeta({ layout: "explorer" });
         :media-column="mediaColumn"
         :table="primaryDataset"
         :timestamp-column="timestampColumn"
+        :view-name="viewName"
+        :view-description="viewDescription"
       />
       <div
         v-if="!mediaBasePath && dataFetched"
diff --git a/server/api/[table]/gallery.ts b/server/api/[table]/gallery.ts
index 77914802..c4cc8cb0 100644
--- a/server/api/[table]/gallery.ts
+++ b/server/api/[table]/gallery.ts
@@ -127,6 +127,8 @@ export default defineEventHandler(async (event: H3Event) => {
       primary_dataset: primaryTable,
       table: primaryTable,
       timestampColumn: timestampColumn ?? undefined,
+      viewDescription: tableConfig.VIEW_DESCRIPTION || undefined,
+      viewName: tableConfig.DATASET_TABLE?.trim() || undefined,
       rowLimitReached: mainData.length >= limit,
       routeLevelPermission: tableConfig.ROUTE_LEVEL_PERMISSION,
     };
diff --git a/tests/unit/components/GalleryView.test.ts b/tests/unit/components/GalleryView.test.ts
index d0a0a62a..da89a2c4 100644
--- a/tests/unit/components/GalleryView.test.ts
+++ b/tests/unit/components/GalleryView.test.ts
@@ -100,6 +100,44 @@ describe("GalleryView empty states", () => {
     filterByDateAndCategoryMock.mockImplementation((data: Dataset) => data);
   });
 
+  it("shows view title and description above the grid", () => {
+    const wrapper = mount(GalleryView, {
+      props: {
+        ...baseProps,
+        galleryData: [{ _id: "1" }] as unknown as Dataset,
+        viewName: " Community gallery ",
+        viewDescription: "Photos and audio from the field.",
+        table: "bcmform_responses",
+      },
+      global: globalConfig,
+    });
+
+    expect(wrapper.get('[data-testid="gallery-view-title"]').text()).toBe(
+      "Community gallery",
+    );
+    expect(wrapper.get('[data-testid="gallery-view-description"]').text()).toBe(
+      "Photos and audio from the field.",
+    );
+  });
+
+  it("falls back to the table name when view title is missing", () => {
+    const wrapper = mount(GalleryView, {
+      props: {
+        ...baseProps,
+        galleryData: [{ _id: "1" }] as unknown as Dataset,
+        table: "bcmform_responses",
+      },
+      global: globalConfig,
+    });
+
+    expect(wrapper.get('[data-testid="gallery-view-title"]').text()).toBe(
+      "bcmform_responses",
+    );
+    expect(
+      wrapper.find('[data-testid="gallery-view-description"]').exists(),
+    ).toBe(false);
+  });
+
   it("shows galleryEmpty when gallery has no items", () => {
     const wrapper = mount(GalleryView, {
       props: {
diff --git a/tests/unit/server/galleryEndpointDatasets.test.ts b/tests/unit/server/galleryEndpointDatasets.test.ts
index a2c95fee..b70868f2 100644
--- a/tests/unit/server/galleryEndpointDatasets.test.ts
+++ b/tests/unit/server/galleryEndpointDatasets.test.ts
@@ -108,4 +108,21 @@ describe("gallery endpoint datasets", () => {
     expect(response.table).toBe("gallery_dataset");
     expect(response.data).toEqual([{ _id: "record-1", photo: "one.jpg" }]);
   });
+
+  it("returns view title and description from the view config", async () => {
+    hoisted.fetchTableConfig.mockResolvedValue({
+      MEDIA_BASE_PATH: "/media",
+      MEDIA_COLUMN: "photo",
+      ROUTE_LEVEL_PERMISSION: "anyone",
+      DATASET_TABLE: " Community photos ",
+      VIEW_DESCRIPTION: "Field media from the survey.",
+    });
+
+    const response = await handleGalleryRequest({
+      context: { params: { table: "route_gallery" } },
+    });
+
+    expect(response.viewName).toBe("Community photos");
+    expect(response.viewDescription).toBe("Field media from the survey.");
+  });
 });

From b4ccd93081746fe74633faa24b2d1fdcfdff15ab Mon Sep 17 00:00:00 2001
From: osa <ogbemu.diatimothy@gmail.com>
Date: Wed, 5 Aug 2026 13:25:54 +0100
Subject: [PATCH 08/12] Rename gallery Image details to Media details (#569)

* Rename gallery Image details to Media details

* Rename galleryImageDetails key to galleryMediaDetails
---
 components/gallery/GalleryDetailPanel.vue | 2 +-
 i18n/locales/en.json                      | 2 +-
 i18n/locales/es.json                      | 2 +-
 i18n/locales/nl.json                      | 2 +-
 i18n/locales/pt.json                      | 2 +-
 i18n/locales/sw.json                      | 2 +-
 i18n/locales/th.json                      | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/gallery/GalleryDetailPanel.vue b/components/gallery/GalleryDetailPanel.vue
index 0eaa047a..1315f66b 100644
--- a/components/gallery/GalleryDetailPanel.vue
+++ b/components/gallery/GalleryDetailPanel.vue
@@ -59,7 +59,7 @@ onBeforeUnmount(() => {
           id="gallery-detail-title"
           class="text-lg font-semibold text-gray-900 sm:text-xl"
         >
-          {{ $t("galleryImageDetails") }}
+          {{ $t("galleryMediaDetails") }}
         </h2>
         <button
           type="button"
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index cc0e532a..4f72bced 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -99,7 +99,7 @@
   "galleryEmpty": "There are no items to show in this gallery yet.",
   "galleryFiles": "Files",
   "galleryGoToSlide": "Go to slide {number} of {total}",
-  "galleryImageDetails": "Image details",
+  "galleryMediaDetails": "Media details",
   "galleryLocation": "Location",
   "galleryNextMedia": "Next media",
   "galleryPreviousMedia": "Previous media",
diff --git a/i18n/locales/es.json b/i18n/locales/es.json
index 7441e259..a0ffb6a5 100644
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@@ -96,7 +96,7 @@
   "galleryEmpty": "Aún no hay elementos que mostrar en esta galería.",
   "galleryFiles": "Archivos",
   "galleryGoToSlide": "Ir a la diapositiva {number} de {total}",
-  "galleryImageDetails": "Detalles de la imagen",
+  "galleryMediaDetails": "Detalles del medio",
   "galleryLocation": "Ubicación",
   "galleryNextMedia": "Medio siguiente",
   "galleryPreviousMedia": "Medio anterior",
diff --git a/i18n/locales/nl.json b/i18n/locales/nl.json
index 2bf1e321..b790b7db 100644
--- a/i18n/locales/nl.json
+++ b/i18n/locales/nl.json
@@ -97,7 +97,7 @@
   "galleryEmpty": "Er zijn nog geen items om in deze galerij te tonen.",
   "galleryFiles": "Bestanden",
   "galleryGoToSlide": "Ga naar dia {number} van {total}",
-  "galleryImageDetails": "Afbeeldingsdetails",
+  "galleryMediaDetails": "Mediadetails",
   "galleryLocation": "Locatie",
   "galleryNextMedia": "Volgende media",
   "galleryPreviousMedia": "Vorige media",
diff --git a/i18n/locales/pt.json b/i18n/locales/pt.json
index eebb8221..5696f390 100644
--- a/i18n/locales/pt.json
+++ b/i18n/locales/pt.json
@@ -96,7 +96,7 @@
   "galleryEmpty": "Ainda não há itens para mostrar nesta galeria.",
   "galleryFiles": "Arquivos",
   "galleryGoToSlide": "Ir para o slide {number} de {total}",
-  "galleryImageDetails": "Detalhes da imagem",
+  "galleryMediaDetails": "Detalhes da mídia",
   "galleryLocation": "Localização",
   "galleryNextMedia": "Mídia seguinte",
   "galleryPreviousMedia": "Mídia anterior",
diff --git a/i18n/locales/sw.json b/i18n/locales/sw.json
index bc4ea2ed..caa6e394 100644
--- a/i18n/locales/sw.json
+++ b/i18n/locales/sw.json
@@ -99,7 +99,7 @@
   "galleryEmpty": "Bado hakuna vipengele vya kuonyesha katika matunzio haya.",
   "galleryFiles": "Faili",
   "galleryGoToSlide": "Nenda kwenye slaidi {number} kati ya {total}",
-  "galleryImageDetails": "Maelezo ya picha",
+  "galleryMediaDetails": "Maelezo ya midia",
   "galleryLocation": "Mahali",
   "galleryNextMedia": "Vyombo vya habari vinavyofuata",
   "galleryPreviousMedia": "Vyombo vya habari vilivyotangulia",
diff --git a/i18n/locales/th.json b/i18n/locales/th.json
index fe688a90..95401951 100644
--- a/i18n/locales/th.json
+++ b/i18n/locales/th.json
@@ -99,7 +99,7 @@
   "galleryEmpty": "ยังไม่มีรายการให้แสดงในแกลเลอรีนี้",
   "galleryFiles": "ไฟล์",
   "galleryGoToSlide": "ไปที่สไลด์ {number} จาก {total}",
-  "galleryImageDetails": "รายละเอียดรูปภาพ",
+  "galleryMediaDetails": "รายละเอียดสื่อ",
   "galleryLocation": "ตำแหน่ง",
   "galleryNextMedia": "สื่อถัดไป",
   "galleryPreviousMedia": "สื่อก่อนหน้า",

From f59857257f1b64a9e9e657b18057865cf0a543ff Mon Sep 17 00:00:00 2001
From: osa <ogbemu.diatimothy@gmail.com>
Date: Wed, 5 Aug 2026 17:49:23 +0100
Subject: [PATCH 09/12] Gallery: filter entries by media type (photo, audio)
 (#571)

* Add gallery media type filter

* fix filtering

* create shared MediaTypeFilter component

* Move media type filter types and helpers to owned files

Types live in types/; path and filter helpers in mediaHelpers. Tests
reuse a shared allowedFileExtensions fixture from nuxt-aligned lists.
---
 components/GalleryView.vue                    |  75 ++++++++---
 components/shared/MediaTypeFilter.vue         |  84 ++++++++++++
 i18n/locales/en.json                          |   5 +
 i18n/locales/es.json                          |   5 +
 i18n/locales/nl.json                          |   5 +
 i18n/locales/pt.json                          |   5 +
 i18n/locales/sw.json                          |   5 +
 i18n/locales/th.json                          |   5 +
 server/api/[table]/gallery.ts                 |  21 ++-
 server/dataProcessing/dataFilters.ts          |  27 +++-
 tests/unit/components/GalleryView.test.ts     |  54 +++++++-
 .../components/shared/MediaTypeFilter.test.ts |  67 ++++++++++
 tests/unit/fixtures/allowedFileExtensions.ts  |   8 ++
 .../server/galleryEndpointDatasets.test.ts    |  64 +++++++--
 tests/unit/utils/mediaTypeFilter.test.ts      | 121 ++++++++++++++++++
 types/index.ts                                |   4 +
 utils/index.ts                                |  47 ++-----
 utils/mediaHelpers.ts                         | 112 ++++++++++++++++
 18 files changed, 637 insertions(+), 77 deletions(-)
 create mode 100644 components/shared/MediaTypeFilter.vue
 create mode 100644 tests/unit/components/shared/MediaTypeFilter.test.ts
 create mode 100644 tests/unit/fixtures/allowedFileExtensions.ts
 create mode 100644 tests/unit/utils/mediaTypeFilter.test.ts

diff --git a/components/GalleryView.vue b/components/GalleryView.vue
index c4d5b631..895ad14c 100644
--- a/components/GalleryView.vue
+++ b/components/GalleryView.vue
@@ -1,5 +1,9 @@
 <script setup lang="ts">
-import { getFilePathsWithExtension } from "@/utils";
+import {
+  filterByMediaTypes,
+  getFilePathsWithExtension,
+  getMediaTypeFilterOptions,
+} from "@/utils/mediaHelpers";
 import {
   calculateCentroidFromParsedCoords,
   tryParseDataEntryGeoCoordinates,
@@ -14,6 +18,7 @@ import { useRecordCache } from "@/composables/useRecordCache";
 import { transformSurveyEntry } from "@/utils/dataTransformers";
 
 import DataFilter from "@/components/shared/DataFilter.vue";
+import MediaTypeFilter from "@/components/shared/MediaTypeFilter.vue";
 import TimestampFilter from "@/components/shared/TimestampFilter.vue";
 import GalleryDetailPanel from "@/components/gallery/GalleryDetailPanel.vue";
 import GalleryGrid from "@/components/gallery/GalleryGrid.vue";
@@ -26,6 +31,7 @@ import type {
   Dataset,
   DataEntry,
   FilterValues,
+  MediaTypeFilterValue,
 } from "@/types";
 
 const { t } = useI18n();
@@ -53,10 +59,35 @@ const { fetchRecords, getCachedRecord, cacheSize } = useRecordCache();
 
 const { dateMin, dateMax, setDateRange } = useTimestampFilter();
 
-/** Apply date range then category filter (AND). */
+const selectedFilterValues = ref<FilterValues>([]);
+const selectedMediaTypes = ref<MediaTypeFilterValue[]>([]);
+const filteredData = ref(props.galleryData);
+const loading = ref(false);
+const selectedEntry = ref<DataEntry | null>(null);
+const selectedFilePaths = ref<string[]>([]);
+const selectedCentroid = ref<string | undefined>();
+const showFilters = ref(false);
+const filterResetKey = ref(0);
+
+const mediaTypeFilterOptions = computed(() =>
+  getMediaTypeFilterOptions(
+    props.galleryData,
+    props.allowedFileExtensions,
+    props.mediaColumn,
+  ),
+);
+
+const hasFilters = computed(
+  () =>
+    Boolean(props.filterColumn) ||
+    Boolean(props.timestampColumn) ||
+    mediaTypeFilterOptions.value.length > 0,
+);
+
+/** Apply date range then category then media type filters (AND across axes). */
 const applyAllFilters = () => {
   const col = props.timestampColumn;
-  filteredData.value = filterByDateAndCategory(props.galleryData, {
+  let result = filterByDateAndCategory(props.galleryData, {
     timestampColumn: col,
     dateMin: dateMin.value,
     dateMax: dateMax.value,
@@ -66,16 +97,15 @@ const applyAllFilters = () => {
     getCategory: (item) =>
       props.filterColumn != null ? item[props.filterColumn] : undefined,
   });
+  result = filterByMediaTypes(
+    result,
+    selectedMediaTypes.value,
+    props.allowedFileExtensions,
+    props.mediaColumn,
+  );
+  filteredData.value = result;
 };
 
-const selectedFilterValues = ref<FilterValues>([]);
-const filteredData = ref(props.galleryData);
-const loading = ref(false);
-const selectedEntry = ref<DataEntry | null>(null);
-const selectedFilePaths = ref<string[]>([]);
-const selectedCentroid = ref<string | undefined>();
-const showFilters = ref(false);
-const filterResetKey = ref(0);
 const isFilteredToEmpty = computed(
   () => props.galleryData.length > 0 && filteredData.value.length === 0,
 );
@@ -145,8 +175,14 @@ const onTimestampFilter = (payload: {
   applyAllFilters();
 };
 
+const onMediaTypeFilter = (types: MediaTypeFilterValue[]) => {
+  selectedMediaTypes.value = types;
+  applyAllFilters();
+};
+
 const clearAllFilters = () => {
   selectedFilterValues.value = [];
+  selectedMediaTypes.value = [];
   setDateRange({ start: null, end: null });
   filterResetKey.value++;
   applyAllFilters();
@@ -257,11 +293,7 @@ const closeDetail = () => {
           {{ fullDescription }}
         </p>
       </header>
-      <div
-        v-if="filterColumn || timestampColumn"
-        class="mb-4"
-        data-testid="filter-toolbar"
-      >
+      <div v-if="hasFilters" class="mb-4" data-testid="filter-toolbar">
         <div class="flex justify-end">
           <button
             type="button"
@@ -305,6 +337,14 @@ const closeDetail = () => {
               :timestamp-column="timestampColumn"
               @filter="onTimestampFilter"
             />
+            <MediaTypeFilter
+              v-if="mediaTypeFilterOptions.length"
+              :key="`media-${filterResetKey}`"
+              :allowed-file-extensions="allowedFileExtensions"
+              :data="galleryData"
+              :media-column="mediaColumn"
+              @filter="onMediaTypeFilter"
+            />
           </div>
         </div>
       </div>
@@ -370,7 +410,8 @@ const closeDetail = () => {
 
 @media (min-width: 1024px) {
   .gallery-filter-panel :deep(.filter-modal),
-  .gallery-filter-panel :deep([data-testid="timestamp-filter"]) {
+  .gallery-filter-panel :deep([data-testid="timestamp-filter"]),
+  .gallery-filter-panel :deep([data-testid="media-type-filter"]) {
     flex: 1 1 0;
   }
 }
diff --git a/components/shared/MediaTypeFilter.vue b/components/shared/MediaTypeFilter.vue
new file mode 100644
index 00000000..df86791f
--- /dev/null
+++ b/components/shared/MediaTypeFilter.vue
@@ -0,0 +1,84 @@
+<script setup lang="ts">
+import { computed, ref, watch } from "vue";
+
+import { getMediaTypeFilterOptions } from "@/utils/mediaHelpers";
+
+import type { AllowedFileExtensions, MediaTypeFilterValue } from "@/types";
+
+const props = defineProps<{
+  allowedFileExtensions: AllowedFileExtensions;
+  data: Array<{ [key: string]: unknown }>;
+  mediaColumn?: string;
+}>();
+
+const emit = defineEmits<{
+  (e: "filter", selected: MediaTypeFilterValue[]): void;
+}>();
+
+const selectedTypes = ref<MediaTypeFilterValue[]>([]);
+
+const availableOptions = computed(() =>
+  getMediaTypeFilterOptions(
+    props.data,
+    props.allowedFileExtensions,
+    props.mediaColumn,
+  ),
+);
+
+const labelKeyFor = (type: MediaTypeFilterValue) => {
+  if (type === "image") return "mediaTypeImage";
+  if (type === "audio") return "mediaTypeAudio";
+  if (type === "video") return "mediaTypeVideo";
+  return "mediaTypeNone";
+};
+
+const toggleType = (type: MediaTypeFilterValue) => {
+  if (selectedTypes.value.includes(type)) {
+    selectedTypes.value = selectedTypes.value.filter((t) => t !== type);
+  } else {
+    selectedTypes.value = [...selectedTypes.value, type];
+  }
+  emit("filter", [...selectedTypes.value]);
+};
+
+watch(availableOptions, (options) => {
+  const next = selectedTypes.value.filter((t) => options.includes(t));
+  if (next.length !== selectedTypes.value.length) {
+    selectedTypes.value = next;
+    emit("filter", [...next]);
+  }
+});
+</script>
+
+<template>
+  <div
+    v-if="availableOptions.length"
+    class="rounded-xl border border-violet-200 bg-white p-2.5"
+    data-testid="media-type-filter"
+  >
+    <h4
+      class="m-0 mb-2 text-lg text-gray-800"
+      data-testid="media-type-filter-heading"
+    >
+      {{ $t("filterByMediaType") }}
+    </h4>
+    <div class="flex flex-wrap gap-2">
+      <label
+        v-for="type in availableOptions"
+        :key="type"
+        class="inline-flex min-h-10 cursor-pointer items-center gap-2 rounded-lg border border-violet-200 px-3 py-2 text-sm text-violet-900 transition-colors hover:bg-violet-50 has-[:checked]:border-violet-500 has-[:checked]:bg-violet-100"
+        :data-testid="`media-type-option-${type}`"
+      >
+        <input
+          type="checkbox"
+          class="h-4 w-4 accent-violet-600"
+          :value="type"
+          :checked="selectedTypes.includes(type)"
+          :data-testid="`media-type-checkbox-${type}`"
+          @change="toggleType(type)"
+        />
+        {{ $t(labelKeyFor(type)) }}
+      </label>
+    </div>
+  </div>
+</template>
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 4f72bced..1219d8ae 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -93,6 +93,11 @@
   "filterDataByColumn": "Filter data by column",
   "filtering": "Filtering",
   "filterOutValuesFromColumn": "Which values to filter out from the column",
+  "filterByMediaType": "Filter by media type",
+  "mediaTypeAudio": "Audio",
+  "mediaTypeImage": "Photo",
+  "mediaTypeNone": "None",
+  "mediaTypeVideo": "Video",
   "filters": "Filters",
   "gallery": "Gallery",
   "galleryClickToViewDetails": "Click to view details",
diff --git a/i18n/locales/es.json b/i18n/locales/es.json
index a0ffb6a5..637fcc75 100644
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@@ -90,6 +90,11 @@
   "filterDataByColumn": "Filtrar datos por columna",
   "filtering": "Filtrado",
   "filterOutValuesFromColumn": "Qué valores filtrar de la columna",
+  "filterByMediaType": "Filtrar por tipo de media",
+  "mediaTypeAudio": "Audio",
+  "mediaTypeImage": "Foto",
+  "mediaTypeNone": "Ninguno",
+  "mediaTypeVideo": "Vídeo",
   "filters": "Filtros",
   "gallery": "Galería",
   "galleryClickToViewDetails": "Haz clic para ver detalles",
diff --git a/i18n/locales/nl.json b/i18n/locales/nl.json
index b790b7db..deaca070 100644
--- a/i18n/locales/nl.json
+++ b/i18n/locales/nl.json
@@ -91,6 +91,11 @@
   "filterDataByColumn": "Filter data op kolom",
   "filtering": "Filteren",
   "filterOutValuesFromColumn": "Welke waarden uit de kolom filteren",
+  "filterByMediaType": "Filteren op mediatype",
+  "mediaTypeAudio": "Audio",
+  "mediaTypeImage": "Foto",
+  "mediaTypeNone": "Geen",
+  "mediaTypeVideo": "Video",
   "filters": "Filters",
   "gallery": "Galerij",
   "galleryClickToViewDetails": "Klik om details te bekijken",
diff --git a/i18n/locales/pt.json b/i18n/locales/pt.json
index 5696f390..87b8edbd 100644
--- a/i18n/locales/pt.json
+++ b/i18n/locales/pt.json
@@ -90,6 +90,11 @@
   "filterDataByColumn": "Filtrar dados por coluna",
   "filtering": "Filtragem",
   "filterOutValuesFromColumn": "Quais valores filtrar da coluna",
+  "filterByMediaType": "Filtrar por tipo de mídia",
+  "mediaTypeAudio": "Áudio",
+  "mediaTypeImage": "Foto",
+  "mediaTypeNone": "Nenhum",
+  "mediaTypeVideo": "Vídeo",
   "filters": "Filtros",
   "gallery": "Galeria",
   "galleryClickToViewDetails": "Clique para ver detalhes",
diff --git a/i18n/locales/sw.json b/i18n/locales/sw.json
index caa6e394..ded85cc9 100644
--- a/i18n/locales/sw.json
+++ b/i18n/locales/sw.json
@@ -93,6 +93,11 @@
   "filterDataByColumn": "Chuja data kwa safu",
   "filtering": "Kuchuja",
   "filterOutValuesFromColumn": "Thamani gani za kuchuja kutoka safuni",
+  "filterByMediaType": "Chuja kwa aina ya midia",
+  "mediaTypeAudio": "Sauti",
+  "mediaTypeImage": "Picha",
+  "mediaTypeNone": "Hakuna",
+  "mediaTypeVideo": "Video",
   "filters": "Vichujio",
   "gallery": "Matunzio",
   "galleryClickToViewDetails": "Bofya kuona maelezo",
diff --git a/i18n/locales/th.json b/i18n/locales/th.json
index 95401951..de4430d0 100644
--- a/i18n/locales/th.json
+++ b/i18n/locales/th.json
@@ -93,6 +93,11 @@
   "filterDataByColumn": "กรองข้อมูลตามคอลัมน์",
   "filtering": "การกรอง",
   "filterOutValuesFromColumn": "ค่าที่ต้องการกรองออกจากคอลัมน์",
+  "filterByMediaType": "กรองตามประเภทสื่อ",
+  "mediaTypeAudio": "เสียง",
+  "mediaTypeImage": "รูปภาพ",
+  "mediaTypeNone": "ไม่มี",
+  "mediaTypeVideo": "วิดีโอ",
   "filters": "ตัวกรอง",
   "gallery": "แกลเลอรี",
   "galleryClickToViewDetails": "คลิกเพื่อดูรายละเอียด",
diff --git a/server/api/[table]/gallery.ts b/server/api/[table]/gallery.ts
index c4cc8cb0..537efecb 100644
--- a/server/api/[table]/gallery.ts
+++ b/server/api/[table]/gallery.ts
@@ -8,6 +8,7 @@ import {
   filterDataByExtension,
   filterUnwantedKeys,
   filterOutUnwantedValues,
+  valueHasAllowedFileExtension,
 } from "@/server/dataProcessing/dataFilters";
 import { parseAndValidateLimit } from "@/server/utils/dbHelpers";
 import { parseBasemaps } from "@/server/utils";
@@ -100,7 +101,10 @@ export default defineEventHandler(async (event: H3Event) => {
       mapboxStyle = undefined;
     }
 
-    // Return minimal records: ID + columns needed for filtering and media display
+    // Return minimal records: ID + columns needed for filtering and media display.
+    // When MEDIA_COLUMN is unset, keep every string field that carries allowed
+    // media extensions (e.g. separate photo + audio columns). Otherwise the
+    // client media-type filter has nothing to classify and appears broken.
     const minimalData = dataWithFilesOnly.map((entry) => {
       const minimal: Record<string, unknown> = {};
       if (entry._id != null) minimal._id = entry._id;
@@ -110,8 +114,19 @@ export default defineEventHandler(async (event: H3Event) => {
       if (timestampColumn && entry[timestampColumn] != null) {
         minimal[timestampColumn] = entry[timestampColumn];
       }
-      if (mediaColumn && entry[mediaColumn] != null) {
-        minimal[mediaColumn] = entry[mediaColumn];
+      if (mediaColumn) {
+        if (entry[mediaColumn] != null) {
+          minimal[mediaColumn] = entry[mediaColumn];
+        }
+      } else {
+        for (const [key, value] of Object.entries(entry)) {
+          if (
+            typeof value === "string" &&
+            valueHasAllowedFileExtension(value, allowedFileExtensions)
+          ) {
+            minimal[key] = value;
+          }
+        }
       }
       return minimal;
     });
diff --git a/server/dataProcessing/dataFilters.ts b/server/dataProcessing/dataFilters.ts
index eee3f0cb..9e87b165 100644
--- a/server/dataProcessing/dataFilters.ts
+++ b/server/dataProcessing/dataFilters.ts
@@ -196,6 +196,22 @@ export const filterGeoData = (
   return geoData;
 };
 
+/** True if a string value mentions any configured audio/image/video extension. */
+export const valueHasAllowedFileExtension = (
+  value: string,
+  extensions: AllowedFileExtensions,
+): boolean => {
+  const lower = value.toLowerCase();
+  const hasExt = (list: string[] = []) =>
+    list.some((ext) => lower.includes(ext.toLowerCase().replace(/^\./, "")));
+
+  return (
+    hasExt(extensions.audio) ||
+    hasExt(extensions.image) ||
+    hasExt(extensions.video)
+  );
+};
+
 /** Filters out data without any columns storing file extensions. */
 export const filterDataByExtension = (
   data: DataEntry[],
@@ -207,13 +223,10 @@ export const filterDataByExtension = (
       ? [entry[mediaColumn]]
       : Object.values(entry);
 
-    return valuesToCheck.some((value) => {
-      return (
+    return valuesToCheck.some(
+      (value) =>
         typeof value === "string" &&
-        (extensions.audio.some((ext) => value.toLowerCase().includes(ext)) ||
-          extensions.image.some((ext) => value.toLowerCase().includes(ext)) ||
-          extensions.video.some((ext) => value.toLowerCase().includes(ext)))
-      );
-    });
+        valueHasAllowedFileExtension(value, extensions),
+    );
   });
 };
diff --git a/tests/unit/components/GalleryView.test.ts b/tests/unit/components/GalleryView.test.ts
index da89a2c4..eaf0b14f 100644
--- a/tests/unit/components/GalleryView.test.ts
+++ b/tests/unit/components/GalleryView.test.ts
@@ -39,9 +39,9 @@ vi.mock("@/composables/useDateAndCategoryFilter", () => ({
   }),
 }));
 
-vi.mock("@/utils", () => ({
-  getFilePathsWithExtension: () => ["photo.jpg"],
-}));
+vi.mock("@/utils", async (importOriginal) => {
+  return await importOriginal<typeof import("@/utils")>();
+});
 
 vi.mock("@/utils/dataTransformers", () => ({
   transformSurveyEntry: (entry: unknown) => entry,
@@ -82,7 +82,7 @@ const globalConfig = {
 
 const baseProps = {
   allowedFileExtensions: {
-    audio: [],
+    audio: ["mp3"],
     image: ["jpg"],
     video: [],
   } satisfies AllowedFileExtensions,
@@ -252,6 +252,52 @@ describe("GalleryView filters", () => {
       wrapper.get('[data-testid="stub-timestamp-filter"]').element,
     ).not.toBe(timestampFilter);
   });
+
+  it("filters by media type and clears media selection with Clear all", async () => {
+    filterByDateAndCategoryMock.mockImplementation((data: Dataset) => data);
+
+    const wrapper = mount(GalleryView, {
+      props: {
+        ...baseProps,
+        galleryData: [
+          { _id: "1", photo: "a.jpg" },
+          { _id: "2", photo: "b.mp3" },
+        ] as unknown as Dataset,
+      },
+      global: globalConfig,
+    });
+
+    await wrapper.get('[data-testid="filter-toggle"]').trigger("click");
+    expect(wrapper.find('[data-testid="media-type-filter"]').exists()).toBe(
+      true,
+    );
+    expect(
+      wrapper.find('[data-testid="media-type-checkbox-none"]').exists(),
+    ).toBe(false);
+    expect(
+      wrapper
+        .get('[data-testid="pagination-info"]')
+        .attributes("data-total-items"),
+    ).toBe("2");
+
+    await wrapper
+      .get('[data-testid="media-type-checkbox-audio"]')
+      .setValue(true);
+    await wrapper.vm.$nextTick();
+
+    expect(
+      wrapper
+        .get('[data-testid="pagination-info"]')
+        .attributes("data-total-items"),
+    ).toBe("1");
+
+    await wrapper.get('[data-testid="clear-all-filters"]').trigger("click");
+    expect(
+      wrapper
+        .get('[data-testid="pagination-info"]')
+        .attributes("data-total-items"),
+    ).toBe("2");
+  });
 });
 
 describe("GalleryView grid rendering", () => {
diff --git a/tests/unit/components/shared/MediaTypeFilter.test.ts b/tests/unit/components/shared/MediaTypeFilter.test.ts
new file mode 100644
index 00000000..b8763c45
--- /dev/null
+++ b/tests/unit/components/shared/MediaTypeFilter.test.ts
@@ -0,0 +1,67 @@
+import { mount } from "@vue/test-utils";
+import { computed, ref, watch } from "vue";
+import { describe, expect, it } from "vitest";
+
+import MediaTypeFilter from "@/components/shared/MediaTypeFilter.vue";
+import { allowedFileExtensionsFixture as extensions } from "@/tests/unit/fixtures/allowedFileExtensions";
+
+Object.assign(globalThis, { ref, computed, watch });
+
+const globalConfig = {
+  mocks: {
+    $t: (key: string) => key,
+  },
+};
+
+describe("MediaTypeFilter", () => {
+  it("renders configured media kinds and emits selection changes", async () => {
+    const wrapper = mount(MediaTypeFilter, {
+      props: {
+        allowedFileExtensions: extensions,
+        data: [
+          { _id: "1", photo: "a.jpg" },
+          { _id: "2", photo: "b.mp3" },
+        ],
+        mediaColumn: "photo",
+      },
+      global: globalConfig,
+    });
+
+    expect(wrapper.find('[data-testid="media-type-filter"]').exists()).toBe(
+      true,
+    );
+    expect(
+      wrapper.find('[data-testid="media-type-checkbox-none"]').exists(),
+    ).toBe(false);
+
+    await wrapper
+      .get('[data-testid="media-type-checkbox-audio"]')
+      .setValue(true);
+
+    expect(wrapper.emitted("filter")?.at(-1)).toEqual([["audio"]]);
+  });
+
+  it("shows none only when some rows lack classifiable media", async () => {
+    const wrapper = mount(MediaTypeFilter, {
+      props: {
+        allowedFileExtensions: extensions,
+        data: [
+          { _id: "1", photo: "a.jpg" },
+          { _id: "2", notes: "no media" },
+        ],
+        mediaColumn: "photo",
+      },
+      global: globalConfig,
+    });
+
+    expect(
+      wrapper.find('[data-testid="media-type-checkbox-none"]').exists(),
+    ).toBe(true);
+
+    await wrapper
+      .get('[data-testid="media-type-checkbox-none"]')
+      .setValue(true);
+
+    expect(wrapper.emitted("filter")?.at(-1)).toEqual([["none"]]);
+  });
+});
diff --git a/tests/unit/fixtures/allowedFileExtensions.ts b/tests/unit/fixtures/allowedFileExtensions.ts
new file mode 100644
index 00000000..123baeec
--- /dev/null
+++ b/tests/unit/fixtures/allowedFileExtensions.ts
@@ -0,0 +1,8 @@
+import type { AllowedFileExtensions } from "@/types";
+
+/** Same lists as `nuxt.config` `public.allowedFileExtensions`. */
+export const allowedFileExtensionsFixture = {
+  audio: ["mp3", "ogg", "wav", "m4a"],
+  image: ["jpg", "jpeg", "png", "webp"],
+  video: ["mov", "mp4", "avi", "mkv"],
+} as const satisfies AllowedFileExtensions;
diff --git a/tests/unit/server/galleryEndpointDatasets.test.ts b/tests/unit/server/galleryEndpointDatasets.test.ts
index b70868f2..b65f85fe 100644
--- a/tests/unit/server/galleryEndpointDatasets.test.ts
+++ b/tests/unit/server/galleryEndpointDatasets.test.ts
@@ -20,9 +20,9 @@ const hoisted = vi.hoisted(() => {
     useRuntimeConfig: () => ({
       public: {
         allowedFileExtensions: {
-          audio: [],
-          image: ["jpg"],
-          video: [],
+          audio: ["mp3", "m4a"],
+          image: ["jpg", "webp"],
+          video: ["mp4"],
         },
       },
     }),
@@ -48,11 +48,18 @@ vi.mock("@/server/database/dbOperations", () => ({
   fetchViewTables: hoisted.fetchViewTables,
 }));
 
-vi.mock("@/server/dataProcessing/dataFilters", () => ({
-  filterDataByExtension: hoisted.filterDataByExtension,
-  filterOutUnwantedValues: hoisted.filterOutUnwantedValues,
-  filterUnwantedKeys: hoisted.filterUnwantedKeys,
-}));
+vi.mock("@/server/dataProcessing/dataFilters", async (importOriginal) => {
+  const actual =
+    await importOriginal<
+      typeof import("@/server/dataProcessing/dataFilters")
+    >();
+  return {
+    ...actual,
+    filterDataByExtension: hoisted.filterDataByExtension,
+    filterOutUnwantedValues: hoisted.filterOutUnwantedValues,
+    filterUnwantedKeys: hoisted.filterUnwantedKeys,
+  };
+});
 
 vi.mock("@/server/utils/dbHelpers", () => ({
   parseAndValidateLimit: hoisted.parseAndValidateLimit,
@@ -109,6 +116,47 @@ describe("gallery endpoint datasets", () => {
     expect(response.data).toEqual([{ _id: "record-1", photo: "one.jpg" }]);
   });
 
+  it("includes multi-column media fields on list items when MEDIA_COLUMN is unset", async () => {
+    hoisted.fetchTableConfig.mockResolvedValue({
+      MEDIA_BASE_PATH: "/media",
+      ROUTE_LEVEL_PERMISSION: "anyone",
+      FRONT_END_FILTER_COLUMN: "community",
+    });
+    hoisted.fetchTableSqlColumns.mockResolvedValue([
+      "_id",
+      "community",
+      "photo",
+      "audio",
+      "notes",
+    ]);
+    hoisted.fetchData.mockResolvedValue({
+      mainData: [
+        {
+          _id: "record-1",
+          community: "matses",
+          photo: "scene.webp",
+          audio: "clip.m4a",
+          notes: "no media here",
+        },
+      ],
+      columnsData: [],
+      metadata: null,
+    });
+
+    const response = await handleGalleryRequest({
+      context: { params: { table: "route_gallery" } },
+    });
+
+    expect(response.data).toEqual([
+      {
+        _id: "record-1",
+        community: "matses",
+        photo: "scene.webp",
+        audio: "clip.m4a",
+      },
+    ]);
+  });
+
   it("returns view title and description from the view config", async () => {
     hoisted.fetchTableConfig.mockResolvedValue({
       MEDIA_BASE_PATH: "/media",
diff --git a/tests/unit/utils/mediaTypeFilter.test.ts b/tests/unit/utils/mediaTypeFilter.test.ts
new file mode 100644
index 00000000..b1e54cf2
--- /dev/null
+++ b/tests/unit/utils/mediaTypeFilter.test.ts
@@ -0,0 +1,121 @@
+import { describe, expect, it } from "vitest";
+
+import {
+  filterByMediaTypes,
+  getMediaTypeFilterOptions,
+  getMediaTypesForEntry,
+} from "@/utils/mediaHelpers";
+import { allowedFileExtensionsFixture as extensions } from "@/tests/unit/fixtures/allowedFileExtensions";
+
+describe("getMediaTypesForEntry", () => {
+  it("detects image, audio, and video from a media column", () => {
+    expect(
+      getMediaTypesForEntry(
+        { photo: "a.jpg, clip.mp3, reel.mp4" },
+        extensions,
+        "photo",
+      ).sort(),
+    ).toEqual(["audio", "image", "video"]);
+  });
+
+  it("detects types across separate media columns when mediaColumn is unset", () => {
+    expect(
+      getMediaTypesForEntry(
+        {
+          photo: "scene.webp",
+          audio: "note.m4a",
+          video: "clip.MOV",
+        },
+        extensions,
+      ).sort(),
+    ).toEqual(["audio", "image", "video"]);
+  });
+
+  it("matches extensions case-insensitively", () => {
+    expect(
+      getMediaTypesForEntry({ photo: "Portrait.JPG" }, extensions, "photo"),
+    ).toEqual(["image"]);
+  });
+
+  it("returns empty when no matching extensions are present", () => {
+    expect(
+      getMediaTypesForEntry({ photo: "notes.txt" }, extensions, "photo"),
+    ).toEqual([]);
+  });
+});
+
+describe("getMediaTypeFilterOptions", () => {
+  it("includes configured media kinds and none when some rows lack media", () => {
+    expect(
+      getMediaTypeFilterOptions(
+        [{ photo: "a.jpg" }, { photo: "notes.txt" }, { photo: "b.mp3" }],
+        extensions,
+        "photo",
+      ),
+    ).toEqual(["image", "audio", "video", "none"]);
+  });
+
+  it("omits none when every row has classifiable media", () => {
+    expect(
+      getMediaTypeFilterOptions(
+        [{ photo: "a.jpg" }, { photo: "b.mp3" }],
+        extensions,
+        "photo",
+      ),
+    ).toEqual(["image", "audio", "video"]);
+  });
+});
+
+describe("filterByMediaTypes", () => {
+  const items = [
+    { _id: "1", photo: "a.jpg" },
+    { _id: "2", photo: "b.mp3" },
+    { _id: "3", photo: "c.jpg, d.mp3" },
+    { _id: "4", photo: "notes.txt" },
+  ];
+
+  it("returns all items when no media types are selected", () => {
+    expect(filterByMediaTypes(items, [], extensions, "photo")).toEqual(items);
+  });
+
+  it("keeps entries that include any selected type", () => {
+    expect(
+      filterByMediaTypes(items, ["audio"], extensions, "photo").map(
+        (i) => i._id,
+      ),
+    ).toEqual(["2", "3"]);
+    expect(
+      filterByMediaTypes(items, ["image"], extensions, "photo").map(
+        (i) => i._id,
+      ),
+    ).toEqual(["1", "3"]);
+  });
+
+  it("keeps entries without media when none is selected", () => {
+    expect(
+      filterByMediaTypes(items, ["none"], extensions, "photo").map(
+        (i) => i._id,
+      ),
+    ).toEqual(["4"]);
+    expect(
+      filterByMediaTypes(items, ["none", "image"], extensions, "photo").map(
+        (i) => i._id,
+      ),
+    ).toEqual(["1", "3", "4"]);
+  });
+
+  it("filters multi-column entries without a configured media column", () => {
+    const multi = [
+      { _id: "photo-only", photo: "a.jpg" },
+      { _id: "audio-only", audio: "b.m4a" },
+      { _id: "both", photo: "c.webp", audio: "d.mp3" },
+    ];
+
+    expect(
+      filterByMediaTypes(multi, ["audio"], extensions).map((i) => i._id),
+    ).toEqual(["audio-only", "both"]);
+    expect(
+      filterByMediaTypes(multi, ["image"], extensions).map((i) => i._id),
+    ).toEqual(["photo-only", "both"]);
+  });
+});
diff --git a/types/index.ts b/types/index.ts
index bc061165..9070f8d1 100644
--- a/types/index.ts
+++ b/types/index.ts
@@ -149,6 +149,10 @@ export type AllowedFileExtensions = {
   video: string[];
 };
 
+export type GalleryMediaType = "audio" | "image" | "video";
+
+export type MediaTypeFilterValue = GalleryMediaType | "none";
+
 export type ConfigRow = {
   view_id?: number;
   view_name?: string | null;
diff --git a/utils/index.ts b/utils/index.ts
index 36e4fb5c..4846b114 100644
--- a/utils/index.ts
+++ b/utils/index.ts
@@ -1,41 +1,3 @@
-/** Extracts file paths with valid extensions from a feature object. */
-export const getFilePathsWithExtension = (
-  feature: { [key: string]: unknown },
-  allExtensions: { [category: string]: string[] },
-  mediaColumn?: string,
-): string[] => {
-  if (!feature) return [];
-
-  const filePaths: string[] = [];
-  const keysToProcess = mediaColumn ? [mediaColumn] : Object.keys(feature);
-
-  keysToProcess.forEach((key) => {
-    if (typeof feature[key] !== "string") return;
-    if (feature[key].includes("attachment")) return;
-
-    const files = feature[key].split(",");
-    // handle ["\"5bf52de27e1a7b36f2d2cec254b766c8.jpg\""]
-
-    files.forEach((file: string) => {
-      const cleanedFile = file
-        .trim()
-        .replace(/^[\s"'\\[]+|[\s"'\\[\]]+$/g, "") // Remove brackets, quotes, backslashes, and whitespace from edges
-        .replace(/ /g, "_");
-
-      const hasValidExtension = Object.values(allExtensions).some(
-        (extensions) =>
-          extensions.some((ext: string) => cleanedFile.endsWith(ext)),
-      );
-
-      if (hasValidExtension) {
-        filePaths.push(cleanedFile);
-      }
-    });
-  });
-
-  return filePaths;
-};
-
 const CLEAN_PHOTO_TOKEN_EDGES = /^[\s"'\\[]+|[\s"'\\[\]]+$/g;
 
 /**
@@ -101,3 +63,12 @@ export const CONFIG_LIMITS = {
   /** @type {number} Maximum length for view description */
   VIEW_DESCRIPTION: 500,
 } as const;
+
+export {
+  filterByMediaTypes,
+  getFilePathsWithExtension,
+  getMediaTypeFilterOptions,
+  getMediaTypesForEntry,
+} from "./mediaHelpers";
+
+export type { GalleryMediaType, MediaTypeFilterValue } from "@/types";
diff --git a/utils/mediaHelpers.ts b/utils/mediaHelpers.ts
index 423f4c72..520150bb 100644
--- a/utils/mediaHelpers.ts
+++ b/utils/mediaHelpers.ts
@@ -1,3 +1,9 @@
+import type {
+  AllowedFileExtensions,
+  GalleryMediaType,
+  MediaTypeFilterValue,
+} from "@/types";
+
 /**
  * Extracts the share ID from a Filebrowser share URL or returns the input if it's already a hash.
  * @example
@@ -148,3 +154,109 @@ export const getBaseUrlFromInput = (
 
   return defaultBaseUrl;
 };
+
+const normalizeExtension = (ext: string): string =>
+  ext.toLowerCase().replace(/^\./, "");
+
+const fileNameHasExtension = (fileName: string, ext: string): boolean => {
+  const suffix = normalizeExtension(ext);
+  return fileName.toLowerCase().endsWith(`.${suffix}`);
+};
+
+const extensionListIncludes = (list: string[] = [], ext: string): boolean =>
+  list.some((candidate) => normalizeExtension(candidate) === ext);
+
+/** Extracts file paths with valid extensions from a feature object. */
+export const getFilePathsWithExtension = (
+  feature: { [key: string]: unknown },
+  allExtensions: { [category: string]: string[] },
+  mediaColumn?: string,
+): string[] => {
+  if (!feature) return [];
+
+  const filePaths: string[] = [];
+  const keysToProcess = mediaColumn ? [mediaColumn] : Object.keys(feature);
+
+  keysToProcess.forEach((key) => {
+    if (typeof feature[key] !== "string") return;
+    if (feature[key].includes("attachment")) return;
+
+    const files = feature[key].split(",");
+    // handle ["\"5bf52de27e1a7b36f2d2cec254b766c8.jpg\""]
+
+    files.forEach((file: string) => {
+      const cleanedFile = file
+        .trim()
+        .replace(/^[\s"'\\[]+|[\s"'\\[\]]+$/g, "") // Remove brackets, quotes, backslashes, and whitespace from edges
+        .replace(/ /g, "_");
+
+      const hasValidExtension = Object.values(allExtensions).some(
+        (extensions) =>
+          extensions.some((ext: string) =>
+            fileNameHasExtension(cleanedFile, ext),
+          ),
+      );
+
+      if (hasValidExtension) {
+        filePaths.push(cleanedFile);
+      }
+    });
+  });
+
+  return filePaths;
+};
+
+export const getMediaTypesForEntry = (
+  feature: { [key: string]: unknown },
+  allExtensions: AllowedFileExtensions,
+  mediaColumn?: string,
+): GalleryMediaType[] => {
+  const paths = getFilePathsWithExtension(feature, allExtensions, mediaColumn);
+  const types = new Set<GalleryMediaType>();
+
+  for (const path of paths) {
+    const ext = path.split(".").pop()?.toLowerCase() ?? "";
+    if (!ext) continue;
+    if (extensionListIncludes(allExtensions.audio, ext)) types.add("audio");
+    if (extensionListIncludes(allExtensions.image, ext)) types.add("image");
+    if (extensionListIncludes(allExtensions.video, ext)) types.add("video");
+  }
+
+  return Array.from(types);
+};
+
+export const getMediaTypeFilterOptions = <T extends { [key: string]: unknown }>(
+  items: T[],
+  allExtensions: AllowedFileExtensions,
+  mediaColumn?: string,
+): MediaTypeFilterValue[] => {
+  const options: MediaTypeFilterValue[] = [];
+  if (allExtensions.image?.length) options.push("image");
+  if (allExtensions.audio?.length) options.push("audio");
+  if (allExtensions.video?.length) options.push("video");
+
+  const hasNone = items.some(
+    (item) =>
+      getMediaTypesForEntry(item, allExtensions, mediaColumn).length === 0,
+  );
+  if (hasNone) options.push("none");
+
+  return options;
+};
+
+export const filterByMediaTypes = <T extends { [key: string]: unknown }>(
+  items: T[],
+  selectedTypes: MediaTypeFilterValue[],
+  allExtensions: AllowedFileExtensions,
+  mediaColumn?: string,
+): T[] => {
+  if (!selectedTypes.length) return items;
+  return items.filter((item) => {
+    const present = getMediaTypesForEntry(item, allExtensions, mediaColumn);
+    return selectedTypes.some((type) => {
+      if (type === "none") return present.length === 0;
+      return present.includes(type);
+    });
+  });
+};
+

From 874cb7b87ca85bb657d8f8e653650a88d09f387b Mon Sep 17 00:00:00 2001
From: osa <ogbemu.diatimothy@gmail.com>
Date: Wed, 5 Aug 2026 20:41:43 +0100
Subject: [PATCH 10/12] MediaFile: open images in an in-app modal (#573)

* Add in-app image modal for MediaFile

Replace removed vendor lightbox with a shared modal opened on image
click (Map sidebar, Gallery, etc.). Keep audio/video behavior unchanged.

* Only open image modal outside gallery grid tiles

Gallery tiles stay click-through to detail view; modal is enabled for
default/map MediaFile and gallery detail via enableImageModal.

* alphabetic sort
---
 components/gallery/GalleryDetailPanel.vue     |   1 +
 components/gallery/GalleryMediaCarousel.vue   |   2 +
 components/gallery/GalleryTile.vue            |   2 +-
 components/shared/MediaFile.vue               |  64 +++++++---
 components/shared/MediaImageModal.vue         |  91 ++++++++++++++
 i18n/locales/en.json                          |  10 +-
 i18n/locales/es.json                          |  10 +-
 i18n/locales/nl.json                          |  10 +-
 i18n/locales/pt.json                          |  10 +-
 i18n/locales/sw.json                          |  10 +-
 i18n/locales/th.json                          |  10 +-
 .../gallery/MediaFile.gallery.test.ts         | 119 +++++++++++++++++-
 .../components/shared/MediaImageModal.test.ts |  74 +++++++++++
 13 files changed, 372 insertions(+), 41 deletions(-)
 create mode 100644 components/shared/MediaImageModal.vue
 create mode 100644 tests/unit/components/shared/MediaImageModal.test.ts

diff --git a/components/gallery/GalleryDetailPanel.vue b/components/gallery/GalleryDetailPanel.vue
index 1315f66b..e8f643d9 100644
--- a/components/gallery/GalleryDetailPanel.vue
+++ b/components/gallery/GalleryDetailPanel.vue
@@ -86,6 +86,7 @@ onBeforeUnmount(() => {
             :file-paths="filePaths"
             :media-base-path="mediaBasePath"
             variant="gallery"
+            :enable-image-modal="true"
           />
           <div
             v-else
diff --git a/components/gallery/GalleryMediaCarousel.vue b/components/gallery/GalleryMediaCarousel.vue
index 6b7b3668..edd271b5 100644
--- a/components/gallery/GalleryMediaCarousel.vue
+++ b/components/gallery/GalleryMediaCarousel.vue
@@ -9,6 +9,7 @@ const props = defineProps<{
   filePaths: string[];
   mediaBasePath: string;
   variant?: "gallery" | "default";
+  enableImageModal?: boolean;
 }>();
 
 const { t } = useI18n();
@@ -71,6 +72,7 @@ const blurCarouselControl = (event: Event) => {
       :file-path="currentFilePath"
       :media-base-path="mediaBasePath"
       :variant="variant ?? 'gallery'"
+      :enable-image-modal="enableImageModal"
     />
 
     <template v-if="hasMultiple">
diff --git a/components/gallery/GalleryTile.vue b/components/gallery/GalleryTile.vue
index 3ba8ce39..fb19f7e0 100644
--- a/components/gallery/GalleryTile.vue
+++ b/components/gallery/GalleryTile.vue
@@ -53,7 +53,7 @@ const handleTileClick = (event: MouseEvent) => {
   const target = event.target as HTMLElement;
   if (
     target.closest(
-      "audio, video, a, [data-testid='gallery-carousel-prev'], [data-testid='gallery-carousel-next'], [data-testid^='gallery-carousel-dot-']",
+      "audio, video, a, button, [data-testid='gallery-carousel-prev'], [data-testid='gallery-carousel-next'], [data-testid^='gallery-carousel-dot-']",
     )
   ) {
     return;
diff --git a/components/shared/MediaFile.vue b/components/shared/MediaFile.vue
index ed5f9b38..60a7e3ec 100644
--- a/components/shared/MediaFile.vue
+++ b/components/shared/MediaFile.vue
@@ -1,8 +1,10 @@
 <script setup lang="ts">
+import { computed, ref, watchEffect } from "vue";
 import { Music, XCircle } from "lucide-vue-next";
 import type { AllowedFileExtensions } from "@/types";
 import { useIntersectionObserver } from "@/composables/useIntersectionObserver";
 import { useOptimizedImages } from "@/composables/useOptimizedImages";
+import MediaImageModal from "@/components/shared/MediaImageModal.vue";
 
 const props = withDefaults(
   defineProps<{
@@ -10,14 +12,22 @@ const props = withDefaults(
     filePath: string;
     mediaBasePath: string;
     variant?: "default" | "gallery";
+    /** When true, image click opens MediaImageModal. Defaults off for gallery tiles. */
+    enableImageModal?: boolean;
   }>(),
   {
     variant: "default",
+    enableImageModal: undefined,
   },
 );
 
 const isGalleryVariant = computed(() => props.variant === "gallery");
 
+const canOpenImageModal = computed(() => {
+  if (props.enableImageModal !== undefined) return props.enableImageModal;
+  return !isGalleryVariant.value;
+});
+
 /** Conditional rendering based on file extension */
 const isAudio = computed(() =>
   checkExtensions(props.allowedFileExtensions.audio),
@@ -58,6 +68,18 @@ const imageContainer = ref<HTMLElement | null>(null);
 const shouldLoadImage = ref(false);
 const imageError = ref(false);
 const imageLoaded = ref(false);
+const imageModalOpen = ref(false);
+
+const openImageModal = () => {
+  if (!canOpenImageModal.value || !imageLoaded.value || imageError.value) {
+    return;
+  }
+  imageModalOpen.value = true;
+};
+
+const closeImageModal = () => {
+  imageModalOpen.value = false;
+};
 
 // Use Intersection Observer for true lazy loading
 const { target } = useIntersectionObserver(
@@ -148,31 +170,37 @@ const imageClass = computed(() => {
         </div>
       </div>
 
-      <!-- Image container: Load and show image when in viewport -->
-      <a
-        v-if="shouldLoadImage && !imageError && !isGalleryVariant"
-        :href="rawImageUrl"
-        target="_blank"
-        rel="noopener noreferrer"
-        class="block"
-        :class="{ hidden: !imageLoaded }"
+      <!-- Thumbnail: modal only when enabled (e.g. map sidebar / gallery detail). -->
+      <button
+        v-if="shouldLoadImage && !imageError && canOpenImageModal"
+        type="button"
+        data-testid="media-image-open"
+        class="block w-full cursor-zoom-in border-0 bg-transparent p-0 text-left"
+        :class="[
+          isGalleryVariant ? imageContainerClass : '',
+          { hidden: !imageLoaded },
+        ]"
+        :aria-label="$t('mediaImageOpenModal')"
+        @click.stop="openImageModal"
       >
         <img
           :src="optimizedImageUrl"
-          alt="Image"
+          alt=""
           :class="imageClass"
           @load="handleImageLoad"
           @error="handleImageError"
         />
-      </a>
-
+      </button>
       <div
-        v-if="shouldLoadImage && !imageError && isGalleryVariant"
-        :class="[imageContainerClass, { hidden: !imageLoaded }]"
+        v-else-if="shouldLoadImage && !imageError"
+        :class="[
+          isGalleryVariant ? imageContainerClass : '',
+          { hidden: !imageLoaded },
+        ]"
       >
         <img
           :src="optimizedImageUrl"
-          alt="Image"
+          alt=""
           :class="imageClass"
           @load="handleImageLoad"
           @error="handleImageError"
@@ -256,5 +284,13 @@ const imageClass = computed(() => {
         {{ $t("browserDoesntSupportVideo") }}.
       </video>
     </div>
+
+    <MediaImageModal
+      v-if="canOpenImageModal"
+      :open="imageModalOpen"
+      :image-url="rawImageUrl"
+      :file-name="fileName"
+      @close="closeImageModal"
+    />
   </div>
 </template>
diff --git a/components/shared/MediaImageModal.vue b/components/shared/MediaImageModal.vue
new file mode 100644
index 00000000..db1f2981
--- /dev/null
+++ b/components/shared/MediaImageModal.vue
@@ -0,0 +1,91 @@
+<script setup lang="ts">
+import { nextTick, onBeforeUnmount, ref, watch } from "vue";
+import { X } from "lucide-vue-next";
+
+const props = defineProps<{
+  open: boolean;
+  imageUrl: string;
+  fileName: string;
+  alt?: string;
+}>();
+
+const emit = defineEmits<{
+  close: [];
+}>();
+
+const closeButtonRef = ref<HTMLButtonElement | null>(null);
+
+const close = () => emit("close");
+
+const onKeydown = (event: KeyboardEvent) => {
+  if (event.key === "Escape") {
+    event.preventDefault();
+    close();
+  }
+};
+
+watch(
+  () => props.open,
+  (isOpen) => {
+    if (typeof document === "undefined") return;
+    if (isOpen) {
+      document.addEventListener("keydown", onKeydown);
+      document.body.style.overflow = "hidden";
+      nextTick(() => closeButtonRef.value?.focus());
+    } else {
+      document.removeEventListener("keydown", onKeydown);
+      document.body.style.overflow = "";
+    }
+  },
+  { immediate: true },
+);
+
+onBeforeUnmount(() => {
+  if (typeof document === "undefined") return;
+  document.removeEventListener("keydown", onKeydown);
+  document.body.style.overflow = "";
+});
+</script>
+
+<template>
+  <Teleport to="body">
+    <div
+      v-if="open"
+      data-testid="media-image-modal"
+      class="fixed inset-0 z-[1100] flex items-center justify-center bg-black/70 p-3 sm:p-6"
+      role="dialog"
+      aria-modal="true"
+      :aria-label="fileName"
+      @click.self="close"
+    >
+      <div
+        data-testid="media-image-modal-content"
+        class="relative max-h-full max-w-full"
+        @click.stop
+      >
+        <img
+          data-testid="media-image-modal-image"
+          :src="imageUrl"
+          :alt="alt || fileName"
+          class="max-h-[min(90vh,900px)] max-w-[min(96vw,1200px)] rounded-sm border border-white/80 object-contain shadow-2xl"
+        />
+        <p
+          data-testid="media-image-modal-caption"
+          class="absolute bottom-2 left-2 max-w-[min(70vw,24rem)] truncate rounded bg-black/80 px-2 py-1 text-xs text-white sm:text-sm"
+        >
+          {{ fileName }}
+        </p>
+        <button
+          ref="closeButtonRef"
+          type="button"
+          data-testid="media-image-modal-close"
+          class="absolute -bottom-1 -right-1 flex h-10 w-10 items-center justify-center rounded-full bg-white text-gray-900 shadow-lg ring-1 ring-black/10 transition-colors hover:bg-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-violet-500 focus-visible:ring-offset-2 sm:bottom-0 sm:right-0 sm:translate-x-1/3 sm:translate-y-1/3"
+          :aria-label="$t('close')"
+          @click="close"
+        >
+          <X class="h-5 w-5" aria-hidden="true" />
+        </button>
+      </div>
+    </div>
+  </Teleport>
+</template>
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 1219d8ae..669d2e74 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -31,6 +31,7 @@
   "clearAll": "Clear all",
   "clickOnAlertsForMoreInfo": "Click on alerts for more information",
   "clickOnFeaturesForMoreInfo": "Click on map features for more information",
+  "close": "Close",
   "colorColumn": "Color Column",
   "colorColumnDescription": "Optional: Specify a column name (e.g., 'color') that contains color values (e.g., hex codes like #FF0000). When set, map features and filter dots will use these colors instead of the randomly generated colors.",
   "community": {
@@ -104,13 +105,13 @@
   "galleryEmpty": "There are no items to show in this gallery yet.",
   "galleryFiles": "Files",
   "galleryGoToSlide": "Go to slide {number} of {total}",
-  "galleryMediaDetails": "Media details",
   "galleryLocation": "Location",
+  "galleryMediaDetails": "Media details",
   "galleryNextMedia": "Next media",
-  "galleryPreviousMedia": "Previous media",
-  "gallerySlideOf": "Slide {current} of {total}",
   "galleryNoFilterResults": "No items match the current filters.",
   "galleryNotAvailable": "The gallery view is not yet configured for this dataset",
+  "galleryPreviousMedia": "Previous media",
+  "gallerySlideOf": "Slide {current} of {total}",
   "geocoordinates": "Coordinates",
   "geographicCentroid": "Geographic centroid",
   "geotype": "Geotype",
@@ -218,6 +219,7 @@
   "mediaColumnDescription": "Specify the column name containing media file references (e.g., photo, audio). Only values from this column will be rendered as media files. Leave empty to render media from all columns.",
   "mediaFilebrowserDefault": "Filebrowser (Guardian Connector default)",
   "mediaGenericHttpBaseUrl": "Generic HTTP base URL",
+  "mediaImageOpenModal": "View larger image",
   "mediaInvalidFormat": "Invalid format. Please use a Filebrowser share URL or hash.",
   "mediaPasteFilebrowserShareUrlOrHash": "Paste Filebrowser share URL or hash",
   "mediaProvider": "Media Provider",
@@ -248,8 +250,8 @@
   "previewImagerySource": "Preview Imagery Source",
   "previousAlerts": "Previous alerts",
   "primaryDatasetLabel": "Primary dataset",
-  "primaryDatasetRequired": "Primary dataset (required)",
   "primaryDatasetOptional": "Primary dataset (optional)",
+  "primaryDatasetRequired": "Primary dataset (required)",
   "recentAlertsDate": "Date of most recent alerts published",
   "recentAlertsNumber": "Number of most recent alerts",
   "red": "red",
diff --git a/i18n/locales/es.json b/i18n/locales/es.json
index 637fcc75..2fbad568 100644
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@@ -31,6 +31,7 @@
   "clearAll": "Borrar todo",
   "clickOnAlertsForMoreInfo": "Haga clic en las alertas para obtener más información",
   "clickOnFeaturesForMoreInfo": "Haga clic en las características del mapa para obtener más información",
+  "close": "Cerrar",
   "colorColumn": "Columna de Color",
   "colorColumnDescription": "Opcional: Especifique un nombre de columna (por ejemplo, 'color') que contenga valores de color (por ejemplo, códigos hexadecimales como #FF0000). Cuando se establece, las características del mapa y los puntos del filtro utilizarán estos colores en lugar de los colores generados aleatoriamente.",
   "community": {
@@ -101,13 +102,13 @@
   "galleryEmpty": "Aún no hay elementos que mostrar en esta galería.",
   "galleryFiles": "Archivos",
   "galleryGoToSlide": "Ir a la diapositiva {number} de {total}",
-  "galleryMediaDetails": "Detalles del medio",
   "galleryLocation": "Ubicación",
+  "galleryMediaDetails": "Detalles del medio",
   "galleryNextMedia": "Medio siguiente",
-  "galleryPreviousMedia": "Medio anterior",
-  "gallerySlideOf": "Diapositiva {current} de {total}",
   "galleryNoFilterResults": "Ningún elemento coincide con los filtros actuales.",
   "galleryNotAvailable": "La vista de galería no está configurada para este conjunto de datos",
+  "galleryPreviousMedia": "Medio anterior",
+  "gallerySlideOf": "Diapositiva {current} de {total}",
   "geocoordinates": "Coordenadas",
   "geographicCentroid": "Centroide geográfico",
   "geotype": "Tipo de geometria",
@@ -214,6 +215,7 @@
   "mediaColumnDescription": "Especifique el nombre de la columna que contiene referencias de archivos de medios (por ejemplo, foto, audio). Solo los valores de esta columna se representarán como archivos de medios. Dejar vacío para renderizar medios de todas las columnas.",
   "mediaFilebrowserDefault": "Filebrowser (predeterminado de Guardian Connector)",
   "mediaGenericHttpBaseUrl": "URL base HTTP genérica",
+  "mediaImageOpenModal": "Ver imagen ampliada",
   "mediaInvalidFormat": "Formato inválido. Por favor, use una URL de compartir de Filebrowser o hash.",
   "mediaPasteFilebrowserShareUrlOrHash": "Pegar URL de compartir de Filebrowser o hash",
   "mediaProvider": "Proveedor de medios",
@@ -244,8 +246,8 @@
   "previewImagerySource": "Vista previa de las fuentes de imágenes",
   "previousAlerts": "Alertas anteriores",
   "primaryDatasetLabel": "Conjunto de datos primario",
-  "primaryDatasetRequired": "Conjunto de datos principal (obligatorio)",
   "primaryDatasetOptional": "Conjunto de datos principal (opcional)",
+  "primaryDatasetRequired": "Conjunto de datos principal (obligatorio)",
   "recentAlertsDate": "Fecha de las alertas más recientes publicadas",
   "recentAlertsNumber": "Número de alertas más recientes",
   "red": "rojo",
diff --git a/i18n/locales/nl.json b/i18n/locales/nl.json
index deaca070..d6c01023 100644
--- a/i18n/locales/nl.json
+++ b/i18n/locales/nl.json
@@ -31,6 +31,7 @@
   "clearAll": "Alles wissen",
   "clickOnAlertsForMoreInfo": "Klik op alerts voor meer informatie",
   "clickOnFeaturesForMoreInfo": "Klik op kaartkenmerken voor meer informatie",
+  "close": "Sluiten",
   "colorColumn": "Kleurkolom",
   "colorColumnDescription": "Optioneel: Specificeer een kolomnaam (bijv. 'color') die kleurwaarden bevat (bijv. hex-codes zoals #FF0000). Indien ingesteld, zullen kaartkenmerken en filterpunten deze kleuren gebruiken in plaats van willekeurig gegenereerde kleuren.",
   "community": {
@@ -102,13 +103,13 @@
   "galleryEmpty": "Er zijn nog geen items om in deze galerij te tonen.",
   "galleryFiles": "Bestanden",
   "galleryGoToSlide": "Ga naar dia {number} van {total}",
-  "galleryMediaDetails": "Mediadetails",
   "galleryLocation": "Locatie",
+  "galleryMediaDetails": "Mediadetails",
   "galleryNextMedia": "Volgende media",
-  "galleryPreviousMedia": "Vorige media",
-  "gallerySlideOf": "Dia {current} van {total}",
   "galleryNoFilterResults": "Geen items komen overeen met de huidige filters.",
   "galleryNotAvailable": "De galerijweergave is niet voor deze dataset geconfigureerd",
+  "galleryPreviousMedia": "Vorige media",
+  "gallerySlideOf": "Dia {current} van {total}",
   "geocoordinates": "Coördinaten",
   "geographicCentroid": "Geografisch middelpunt",
   "geotype": "Geotype",
@@ -215,6 +216,7 @@
   "mediaColumnDescription": "Specificeer de kolomnaam die verwijzingen naar mediabestanden bevat (bijv. foto, audio). Alleen waarden uit deze kolom worden weergegeven als mediabestanden. Laat leeg om media uit alle kolommen weer te geven.",
   "mediaFilebrowserDefault": "Filebrowser (Guardian Connector standaard)",
   "mediaGenericHttpBaseUrl": "Generieke HTTP basis URL",
+  "mediaImageOpenModal": "Grotere afbeelding tonen",
   "mediaInvalidFormat": "Ongeldig formaat. Gebruik alstublieft een Filebrowser deel-URL of hash.",
   "mediaPasteFilebrowserShareUrlOrHash": "Plak Filebrowser deel-URL of hash",
   "mediaProvider": "Media provider",
@@ -245,8 +247,8 @@
   "previewImagerySource": "Bron van afbeeldingen",
   "previousAlerts": "Vorige alerts",
   "primaryDatasetLabel": "Primaire dataset",
-  "primaryDatasetRequired": "Primaire dataset (verplicht)",
   "primaryDatasetOptional": "Primaire dataset (optioneel)",
+  "primaryDatasetRequired": "Primaire dataset (verplicht)",
   "recentAlertsDate": "Datum van meest recent gepubliceerde alerts",
   "recentAlertsNumber": "Aantal meest recente alerts",
   "red": "rood",
diff --git a/i18n/locales/pt.json b/i18n/locales/pt.json
index 87b8edbd..482495a7 100644
--- a/i18n/locales/pt.json
+++ b/i18n/locales/pt.json
@@ -31,6 +31,7 @@
   "clearAll": "Limpar tudo",
   "clickOnAlertsForMoreInfo": "Clique nos alertas para obter mais informações",
   "clickOnFeaturesForMoreInfo": "Clique nos recursos do mapa para obter mais informações",
+  "close": "Fechar",
   "colorColumn": "Coluna de Cor",
   "colorColumnDescription": "Opcional: Especifique um nome de coluna (por exemplo, 'color') que contenha valores de cor (por exemplo, códigos hexadecimais como #FF0000). Quando definido, os recursos do mapa e os pontos do filtro usarão essas cores em vez das cores geradas aleatoriamente.",
   "community": {
@@ -101,13 +102,13 @@
   "galleryEmpty": "Ainda não há itens para mostrar nesta galeria.",
   "galleryFiles": "Arquivos",
   "galleryGoToSlide": "Ir para o slide {number} de {total}",
-  "galleryMediaDetails": "Detalhes da mídia",
   "galleryLocation": "Localização",
+  "galleryMediaDetails": "Detalhes da mídia",
   "galleryNextMedia": "Mídia seguinte",
-  "galleryPreviousMedia": "Mídia anterior",
-  "gallerySlideOf": "Slide {current} de {total}",
   "galleryNoFilterResults": "Nenhum item corresponde aos filtros atuais.",
   "galleryNotAvailable": "A visualização de galeria não está configurada para este conjunto de dados",
+  "galleryPreviousMedia": "Mídia anterior",
+  "gallerySlideOf": "Slide {current} de {total}",
   "geocoordinates": "Coordenadas",
   "geographicCentroid": "Centróide geográfico",
   "geotype": "Tipo de geometria",
@@ -214,6 +215,7 @@
   "mediaColumnDescription": "Especifique o nome da coluna que contém referências de arquivos de mídia (por exemplo, foto, áudio). Apenas valores desta coluna serão renderizados como arquivos de mídia. Deixe vazio para renderizar mídia de todas as colunas.",
   "mediaFilebrowserDefault": "Filebrowser (padrão do Guardian Connector)",
   "mediaGenericHttpBaseUrl": "URL base HTTP genérica",
+  "mediaImageOpenModal": "Ver imagem ampliada",
   "mediaInvalidFormat": "Formato inválido. Por favor, use uma URL de compartilhamento do Filebrowser ou hash.",
   "mediaPasteFilebrowserShareUrlOrHash": "Colar URL de compartilhamento do Filebrowser ou hash",
   "mediaProvider": "Provedor de mídia",
@@ -244,8 +246,8 @@
   "previewImagerySource": "Visualizar fonte de imagens",
   "previousAlerts": "Alertas anteriores",
   "primaryDatasetLabel": "Conjunto de dados primário",
-  "primaryDatasetRequired": "Conjunto de dados principal (obrigatório)",
   "primaryDatasetOptional": "Conjunto de dados principal (opcional)",
+  "primaryDatasetRequired": "Conjunto de dados principal (obrigatório)",
   "recentAlertsDate": "Data das alertas mais recentes publicadas",
   "recentAlertsNumber": "Número de alertas mais recentes",
   "red": "vermelho",
diff --git a/i18n/locales/sw.json b/i18n/locales/sw.json
index ded85cc9..d5d31edb 100644
--- a/i18n/locales/sw.json
+++ b/i18n/locales/sw.json
@@ -31,6 +31,7 @@
   "clearAll": "Futa zote",
   "clickOnAlertsForMoreInfo": "Bonyeza tahadhari kwa maelezo zaidi",
   "clickOnFeaturesForMoreInfo": "Bonyeza vipengele vya ramani kwa maelezo zaidi",
+  "close": "Funga",
   "colorColumn": "Safu ya Rangi",
   "colorColumnDescription": "Hiari: Eleza jina la safu (k.m., 'color') linalo na thamani za rangi (k.m., misimbo ya hex kama #FF0000). Inapowekwa, vipengele vya ramani na nukta za kichujio zitatumia rangi hizi badala ya zile zilizotengenezwa kwa nasibu.",
   "community": {
@@ -104,13 +105,13 @@
   "galleryEmpty": "Bado hakuna vipengele vya kuonyesha katika matunzio haya.",
   "galleryFiles": "Faili",
   "galleryGoToSlide": "Nenda kwenye slaidi {number} kati ya {total}",
-  "galleryMediaDetails": "Maelezo ya midia",
   "galleryLocation": "Mahali",
+  "galleryMediaDetails": "Maelezo ya midia",
   "galleryNextMedia": "Vyombo vya habari vinavyofuata",
-  "galleryPreviousMedia": "Vyombo vya habari vilivyotangulia",
-  "gallerySlideOf": "Slaidi {current} kati ya {total}",
   "galleryNoFilterResults": "Hakuna vipengele vinavyolingana na vichujio vya sasa.",
   "galleryNotAvailable": "Mtazamo wa matunzio bado haujasanidiwa kwa seti hii ya data",
+  "galleryPreviousMedia": "Vyombo vya habari vilivyotangulia",
+  "gallerySlideOf": "Slaidi {current} kati ya {total}",
   "geocoordinates": "Vituo vya jiografia",
   "geographicCentroid": "Kitovu cha jiografia",
   "geotype": "Aina ya jiografia",
@@ -218,6 +219,7 @@
   "mediaColumnDescription": "Eleza jina la safu linalo marejeleo ya faili za midia (k.m., picha, sauti). Thamani kutoka safu hii pekee zitaonyeshwa kama faili za midia. Acha tupu ili kuonyesha midia kutoka safu zote.",
   "mediaFilebrowserDefault": "Filebrowser (chaguo-msingi la Guardian Connector)",
   "mediaGenericHttpBaseUrl": "URL ya msingi ya HTTP ya jumla",
+  "mediaImageOpenModal": "Angalia picha kubwa",
   "mediaInvalidFormat": "Muundo si sahihi. Tafadhali tumia URL ya kushiriki ya Filebrowser au hash.",
   "mediaPasteFilebrowserShareUrlOrHash": "Bandika URL ya kushiriki ya Filebrowser au hash",
   "mediaProvider": "Mtoa Midia",
@@ -248,8 +250,8 @@
   "previewImagerySource": "Chanzo cha Picha ya Hakiki",
   "previousAlerts": "Tahadhari za awali",
   "primaryDatasetLabel": "Seti kuu ya data",
-  "primaryDatasetRequired": "Seti kuu ya data (inahitajika)",
   "primaryDatasetOptional": "Seti kuu ya data (si lazima)",
+  "primaryDatasetRequired": "Seti kuu ya data (inahitajika)",
   "recentAlertsDate": "Tarehe ya tahadhari za hivi karibuni zilizochapishwa",
   "recentAlertsNumber": "Idadi ya tahadhari za hivi karibuni",
   "red": "nyekundu",
diff --git a/i18n/locales/th.json b/i18n/locales/th.json
index de4430d0..219ee19e 100644
--- a/i18n/locales/th.json
+++ b/i18n/locales/th.json
@@ -31,6 +31,7 @@
   "clearAll": "ล้างทั้งหมด",
   "clickOnAlertsForMoreInfo": "คลิกที่การแจ้งเตือนเพื่อดูข้อมูลเพิ่มเติม",
   "clickOnFeaturesForMoreInfo": "คลิกที่ฟีเจอร์บนแผนที่เพื่อดูข้อมูลเพิ่มเติม",
+  "close": "ปิด",
   "colorColumn": "คอลัมน์สี",
   "colorColumnDescription": "ไม่บังคับ: ระบุชื่อคอลัมน์ (เช่น 'color') ที่มีค่าสี (เช่น รหัสสีแบบ #FF0000) เมื่อตั้งค่าแล้ว ฟีเจอร์บนแผนที่และจุดตัวกรองจะใช้สีเหล่านี้แทนสีที่สุ่ม",
   "community": {
@@ -104,13 +105,13 @@
   "galleryEmpty": "ยังไม่มีรายการให้แสดงในแกลเลอรีนี้",
   "galleryFiles": "ไฟล์",
   "galleryGoToSlide": "ไปที่สไลด์ {number} จาก {total}",
-  "galleryMediaDetails": "รายละเอียดสื่อ",
   "galleryLocation": "ตำแหน่ง",
+  "galleryMediaDetails": "รายละเอียดสื่อ",
   "galleryNextMedia": "สื่อถัดไป",
-  "galleryPreviousMedia": "สื่อก่อนหน้า",
-  "gallerySlideOf": "สไลด์ {current} จาก {total}",
   "galleryNoFilterResults": "ไม่มีรายการตรงกับตัวกรองปัจจุบัน",
   "galleryNotAvailable": "มุมมองแกลเลอรียังไม่ได้ตั้งค่าสำหรับชุดข้อมูลนี้",
+  "galleryPreviousMedia": "สื่อก่อนหน้า",
+  "gallerySlideOf": "สไลด์ {current} จาก {total}",
   "geocoordinates": "พิกัด",
   "geographicCentroid": "จุดศูนย์กลางทางภูมิศาสตร์",
   "geotype": "Geotype",
@@ -218,6 +219,7 @@
   "mediaColumnDescription": "ระบุชื่อคอลัมน์ที่มีการอ้างอิงไฟล์สื่อ (เช่น รูป เสียง) เฉพาะค่าจากคอลัมน์นี้จะแสดงเป็นสื่อ เว้นว่างเพื่อแสดงสื่อจากทุกคอลัมน์",
   "mediaFilebrowserDefault": "Filebrowser (ค่าเริ่มต้น Guardian Connector)",
   "mediaGenericHttpBaseUrl": "HTTP base URL ทั่วไป",
+  "mediaImageOpenModal": "ดูรูปขนาดใหญ่",
   "mediaInvalidFormat": "รูปแบบไม่ถูกต้อง โปรดใช้ URL แชร์ Filebrowser หรือแฮช",
   "mediaPasteFilebrowserShareUrlOrHash": "วาง URL แชร์ Filebrowser หรือแฮช",
   "mediaProvider": "ผู้ให้บริการสื่อ",
@@ -248,8 +250,8 @@
   "previewImagerySource": "แหล่งภาพตัวอย่าง",
   "previousAlerts": "การแจ้งเตือนก่อนหน้า",
   "primaryDatasetLabel": "ชุดข้อมูลหลัก",
-  "primaryDatasetRequired": "ชุดข้อมูลหลัก (จำเป็น)",
   "primaryDatasetOptional": "ชุดข้อมูลหลัก (ไม่บังคับ)",
+  "primaryDatasetRequired": "ชุดข้อมูลหลัก (จำเป็น)",
   "recentAlertsDate": "วันที่เผยแพร่การแจ้งเตือนล่าสุด",
   "recentAlertsNumber": "จำนวนการแจ้งเตือนล่าสุด",
   "red": "แดง",
diff --git a/tests/unit/components/gallery/MediaFile.gallery.test.ts b/tests/unit/components/gallery/MediaFile.gallery.test.ts
index c62c4be0..a43de529 100644
--- a/tests/unit/components/gallery/MediaFile.gallery.test.ts
+++ b/tests/unit/components/gallery/MediaFile.gallery.test.ts
@@ -1,13 +1,23 @@
-import { describe, it, expect, vi } from "vitest";
+import { describe, it, expect, vi, afterEach } from "vitest";
 import { mount } from "@vue/test-utils";
-import { computed, ref, watchEffect } from "vue";
+import {
+  computed,
+  nextTick,
+  onBeforeUnmount,
+  ref,
+  watch,
+  watchEffect,
+} from "vue";
 
 import MediaFile from "@/components/shared/MediaFile.vue";
 import type { AllowedFileExtensions } from "@/types";
 
 Object.assign(globalThis, {
   computed,
+  nextTick,
+  onBeforeUnmount,
   ref,
+  watch,
   watchEffect,
 });
 
@@ -46,6 +56,10 @@ const globalConfig = {
 };
 
 describe("MediaFile gallery variant", () => {
+  afterEach(() => {
+    document.body.innerHTML = "";
+  });
+
   it("renders gallery images without a new-tab image link", async () => {
     const wrapper = mount(MediaFile, {
       props: {
@@ -64,6 +78,107 @@ describe("MediaFile gallery variant", () => {
     expect(wrapper.text()).toContain("loading");
   });
 
+  it("opens an in-app modal when a loaded default image is clicked", async () => {
+    const wrapper = mount(MediaFile, {
+      props: {
+        allowedFileExtensions,
+        filePath: "field/photo.jpg",
+        mediaBasePath: "/media",
+      },
+      global: globalConfig,
+      attachTo: document.body,
+    });
+
+    await nextTick();
+    const openButton = wrapper.get('[data-testid="media-image-open"]');
+    openButton.find("img").element.dispatchEvent(new Event("load"));
+    await nextTick();
+    await openButton.trigger("click");
+    await nextTick();
+
+    expect(
+      document.querySelector('[data-testid="media-image-modal"]'),
+    ).toBeTruthy();
+    expect(
+      document
+        .querySelector('[data-testid="media-image-modal-image"]')
+        ?.getAttribute("src"),
+    ).toBe("/media/field/photo.jpg");
+    expect(
+      document.querySelector('[data-testid="media-image-modal-caption"]')
+        ?.textContent,
+    ).toContain("photo.jpg");
+
+    document
+      .querySelector('[data-testid="media-image-modal-close"]')
+      ?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+    await nextTick();
+    expect(
+      document.querySelector('[data-testid="media-image-modal"]'),
+    ).toBeFalsy();
+
+    wrapper.unmount();
+  });
+
+  it("does not open a modal on gallery tile images so tile click can open details", async () => {
+    const wrapper = mount(MediaFile, {
+      props: {
+        allowedFileExtensions,
+        filePath: "field/photo.jpg",
+        mediaBasePath: "/media",
+        variant: "gallery",
+      },
+      global: globalConfig,
+      attachTo: document.body,
+    });
+
+    await nextTick();
+    expect(wrapper.find('[data-testid="media-image-open"]').exists()).toBe(
+      false,
+    );
+
+    const img = wrapper.find("img");
+    if (img.exists()) {
+      img.element.dispatchEvent(new Event("load"));
+      await nextTick();
+      await img.trigger("click");
+      await nextTick();
+    }
+
+    expect(
+      document.querySelector('[data-testid="media-image-modal"]'),
+    ).toBeFalsy();
+
+    wrapper.unmount();
+  });
+
+  it("opens modal for gallery images when enableImageModal is set", async () => {
+    const wrapper = mount(MediaFile, {
+      props: {
+        allowedFileExtensions,
+        filePath: "field/photo.jpg",
+        mediaBasePath: "/media",
+        variant: "gallery",
+        enableImageModal: true,
+      },
+      global: globalConfig,
+      attachTo: document.body,
+    });
+
+    await nextTick();
+    const openButton = wrapper.get('[data-testid="media-image-open"]');
+    openButton.find("img").element.dispatchEvent(new Event("load"));
+    await nextTick();
+    await openButton.trigger("click");
+    await nextTick();
+
+    expect(
+      document.querySelector('[data-testid="media-image-modal"]'),
+    ).toBeTruthy();
+
+    wrapper.unmount();
+  });
+
   it("renders gallery audio as a violet card with icon and filename", () => {
     const wrapper = mount(MediaFile, {
       props: {
diff --git a/tests/unit/components/shared/MediaImageModal.test.ts b/tests/unit/components/shared/MediaImageModal.test.ts
new file mode 100644
index 00000000..5f5deff4
--- /dev/null
+++ b/tests/unit/components/shared/MediaImageModal.test.ts
@@ -0,0 +1,74 @@
+import { mount } from "@vue/test-utils";
+import { nextTick, onBeforeUnmount, ref, watch } from "vue";
+import { describe, expect, it, afterEach } from "vitest";
+
+import MediaImageModal from "@/components/shared/MediaImageModal.vue";
+
+Object.assign(globalThis, { nextTick, onBeforeUnmount, ref, watch });
+
+const globalConfig = {
+  mocks: {
+    $t: (key: string) => key,
+  },
+};
+
+describe("MediaImageModal", () => {
+  afterEach(() => {
+    document.body.innerHTML = "";
+    document.body.style.overflow = "";
+  });
+
+  it("renders image and caption when open", async () => {
+    mount(MediaImageModal, {
+      props: {
+        open: true,
+        imageUrl: "/media/field/photo.jpg",
+        fileName: "photo.jpg",
+      },
+      global: globalConfig,
+      attachTo: document.body,
+    });
+
+    await nextTick();
+
+    const modal = document.querySelector('[data-testid="media-image-modal"]');
+    expect(modal).toBeTruthy();
+    const img = document.querySelector(
+      '[data-testid="media-image-modal-image"]',
+    ) as HTMLImageElement | null;
+    expect(img?.getAttribute("src")).toBe("/media/field/photo.jpg");
+    expect(
+      document.querySelector('[data-testid="media-image-modal-caption"]')
+        ?.textContent,
+    ).toContain("photo.jpg");
+  });
+
+  it("emits close on backdrop click, close button, and Escape", async () => {
+    const wrapper = mount(MediaImageModal, {
+      props: {
+        open: true,
+        imageUrl: "/media/a.jpg",
+        fileName: "a.jpg",
+      },
+      global: globalConfig,
+      attachTo: document.body,
+    });
+
+    await nextTick();
+
+    document
+      .querySelector('[data-testid="media-image-modal-close"]')
+      ?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+    expect(wrapper.emitted("close")?.length).toBe(1);
+
+    document.dispatchEvent(
+      new KeyboardEvent("keydown", { key: "Escape", bubbles: true }),
+    );
+    expect(wrapper.emitted("close")?.length).toBe(2);
+
+    document
+      .querySelector('[data-testid="media-image-modal"]')
+      ?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+    expect(wrapper.emitted("close")?.length).toBe(3);
+  });
+});

From f1057555145d260e01814c42f180460d6ae21d2a Mon Sep 17 00:00:00 2001
From: conservationtimothy <ogbemu.diatimothy@gmail.com>
Date: Wed, 5 Aug 2026 21:14:03 +0100
Subject: [PATCH 11/12] format

---
 utils/mediaHelpers.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/utils/mediaHelpers.ts b/utils/mediaHelpers.ts
index 520150bb..7665d684 100644
--- a/utils/mediaHelpers.ts
+++ b/utils/mediaHelpers.ts
@@ -259,4 +259,3 @@ export const filterByMediaTypes = <T extends { [key: string]: unknown }>(
     });
   });
 };
-

From 26fa8fa921af75853bfd577e049f30ff218ddbf2 Mon Sep 17 00:00:00 2001
From: osa <ogbemu.diatimothy@gmail.com>
Date: Wed, 5 Aug 2026 13:31:52 +0100
Subject: [PATCH 12/12] Mock parseBasemaps barrel in gallery endpoint unit
 tests

Importing @/server/utils loads dbConnection at module time, which
requires NUXT_DB_* and breaks pure unit runs; match map endpoint mocks.
---
 tests/unit/server/galleryEndpointDatasets.test.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/tests/unit/server/galleryEndpointDatasets.test.ts b/tests/unit/server/galleryEndpointDatasets.test.ts
index b7d91611..c1fb5559 100644
--- a/tests/unit/server/galleryEndpointDatasets.test.ts
+++ b/tests/unit/server/galleryEndpointDatasets.test.ts
@@ -37,6 +37,7 @@ const hoisted = vi.hoisted(() => {
     filterOutUnwantedValues: vi.fn(),
     filterUnwantedKeys: vi.fn(),
     parseAndValidateLimit: vi.fn(),
+    parseBasemaps: vi.fn(),
     validatePermissions: vi.fn(),
   };
 });
@@ -61,6 +62,12 @@ vi.mock("@/server/dataProcessing/dataFilters", async (importOriginal) => {
   };
 });
 
+// Mock the barrel so Vitest never loads `@/server/utils` → `dbConnection`
+// (parseBasemaps lives next to warehouse queries that need NUXT_DB_* at import time).
+vi.mock("@/server/utils", () => ({
+  parseBasemaps: hoisted.parseBasemaps,
+}));
+
 vi.mock("@/server/utils/dbHelpers", () => ({
   parseAndValidateLimit: hoisted.parseAndValidateLimit,
   getTableParam: (event: GalleryRouteEvent) => {
@@ -82,6 +89,7 @@ describe("gallery endpoint datasets", () => {
     vi.clearAllMocks();
 
     hoisted.parseAndValidateLimit.mockReturnValue(25);
+    hoisted.parseBasemaps.mockReturnValue({ basemaps: [] });
     hoisted.fetchTableConfig.mockResolvedValue({
       MEDIA_BASE_PATH: "/media",
       MEDIA_COLUMN: "photo",