From a063d227d38305956796eeef929ca31534cf70d7 Mon Sep 17 00:00:00 2001
From: madrilene <hola@lenesaile.com>
Date: Mon, 27 Jan 2025 07:26:05 +0100
Subject: [PATCH] rename gallery.js to dialog.js, keep close string in meta.js

---
 src/_data/meta.js                                   | 3 +++
 src/_includes/partials/gallery.njk                  | 4 ++--
 src/assets/scripts/bundle/{gallery.js => dialog.js} | 2 ++
 3 files changed, 7 insertions(+), 2 deletions(-)
 rename src/assets/scripts/bundle/{gallery.js => dialog.js} (84%)

diff --git a/src/_data/meta.js b/src/_data/meta.js
index 152afc8..6c11b5c 100644
--- a/src/_data/meta.js
+++ b/src/_data/meta.js
@@ -58,6 +58,9 @@ export const details = {
   expand: 'expand all',
   collapse: 'collapse all'
 };
+export const dialog = {
+  close: 'Close'
+};
 export const navigation = {
   navLabel: 'Menu',
   ariaTop: 'Main',
diff --git a/src/_includes/partials/gallery.njk b/src/_includes/partials/gallery.njk
index 4a78c9a..19a62b0 100644
--- a/src/_includes/partials/gallery.njk
+++ b/src/_includes/partials/gallery.njk
@@ -2,7 +2,7 @@
   <div class="gallery | grid mt-l-xl" role="list">
     {%- for item in gallery -%}
       <dialog class="flow modal{{ loop.index }}">
-        <button class="button" autofocus>Close</button>
+        <button class="button" autofocus>{{ meta.dialog.close }}</button>
         {%- image item.image, item.alt, item.caption -%}
       </dialog>
       <button data-index="{{ loop.index }}">{%- image item.image, item.alt -%}</button>
@@ -14,6 +14,6 @@
   {% endcss %}
 
   {% js "defer" %}
-    {% include "scripts/gallery.js" %}
+    {% include "scripts/dialog.js" %}
   {% endjs %}
 </is-land>
diff --git a/src/assets/scripts/bundle/gallery.js b/src/assets/scripts/bundle/dialog.js
similarity index 84%
rename from src/assets/scripts/bundle/gallery.js
rename to src/assets/scripts/bundle/dialog.js
index fcef741..80819b6 100644
--- a/src/assets/scripts/bundle/gallery.js
+++ b/src/assets/scripts/bundle/dialog.js
@@ -1,3 +1,5 @@
+// manages the behavior of modal several dialogs on a page: open / close buttons and light dismiss.
+
 const buttons = document.querySelectorAll('button[data-index]');
 const modals = document.querySelectorAll('dialog');
 const closeButtons = document.querySelectorAll('dialog button');