photosuite 0.1.1 → 0.1.3

package/README.md

@@ -1,244 +1,282 @@
-![Sample Image](public/Wild-squirrel-feeding-interaction-with-hand-in-natural-forest.png)
-
-# Photosuite
-
-[Official Website](https://photosuite.lhasa.icu) • [Latest Release](https://github.com/achuanya/photosuite/releases) • [Changelog](https://github.com/achuanya/photosuite/main/Changelog.md) • [简体中文](./README.zh-CN.md)
-
-Photosuite is a simple yet feature-rich image integration tailored for independent blogs. It modularly integrates lightbox, EXIF data, path resolution, and more into a single, zero-config package. Out of the box, no tedious configuration required—give your blog images a fresh look with just one line of code!
-
-## Features
-
-*   **Lightbox**: Customized and integrated GLightbox for a more minimalist and practical experience.
-*   **EXIF**: Integrated `exiftool-vendored.js` for fast execution and broad coverage.
-*   **Path Resolution**: Simply insert the filename, and it automatically resolves the absolute path.
-*   **Captions**: Automatically extracts the image's `alt` attribute to display as a caption.
-*   **Performance**: Purely static, modular features, loaded on demand.
-*   **Zero-Config Start**: Default settings satisfy most needs, while offering rich options for deep customization.
-
-## Installation
-
-```bash
-pnpm add photosuite
-# or
-npm install photosuite
-# or
-yarn add photosuite
-```
-
-## Quick Start
-
-Integrating Photosuite with Astro is very simple, just add the following configuration to `astro.config.js`:
-
-```javascript
-import { defineConfig } from 'astro/config';
-import photosuite from 'photosuite';
-import "photosuite/dist/photosuite.css";
-
-export default defineConfig({
-  integrations: [
-    photosuite({
-      // [Required] Specify the CSS selector for the scope
-      // Recommended: Your content container to avoid affecting other parts of the site. Supports multiple selectors separated by commas.
-      scope: '#main', 
-    })
-  ]
-});
-```
-
-Once configured, Photosuite will automatically process all images in your Markdown/MDX files.
-
-## Features & Configuration
-
-### 1. Path Resolution
-
-Managing image paths in blog posts can be tedious. Photosuite offers flexible resolution strategies that you can configure according to your needs.
-
-**Scenario A: All images in a single domain/directory**
-
-```javascript
-photosuite({
-  scope: '#main',
-  imageBase: 'https://cdn.example.com/images/',
-})
-```
-
-**Markdown Usage:**
-```markdown
-![My Photo](photo.jpg) 
-<!-- Resolves to: https://cdn.example.com/images/photo.jpg -->
-```
-
-**Scenario B: Separate image directory per post (Default)**
-
-You can specify the directory name in the Frontmatter:
-
-```yaml
----
-title: My First GitHub PR
-imageDir: "2025-11-26-my-first-github-pr"
----
-
-![My Photo](photo.jpg) 
-<!-- Resolves to: https://cdn.example.com/images/2025-11-26-my-first-github-pr/photo.jpg -->
-```
-
-**Scenario C: Use filename as directory**
-
-```javascript
-photosuite({
-  scope: '#main',
-  imageBase: 'https://cdn.example.com/',
-  fileDir: true, // Enable this option
-})
-```
-
-If your post filename is `2025-11-26-my-first-github-pr.md`, the image path automatically resolves to:
-
-`https://cdn.example.com/images/2025-11-26-my-first-github-pr/photo.jpg`
-
-### 2. EXIF Data Display
-
-Photosuite uses `exiftool-vendored.js` to extract information at build time.
-
-**Default Configuration:**
-Default display: Camera Model, Lens Model, Focal Length, Aperture, Shutter Speed, ISO, Date Original.
-
-> NIKON Z 30 · NIKKOR Z DX 16-50mm f/3.5-6.3 VR · 20.5 mm · ƒ/3.8 · 1/15 · ISO 1000 · 2025/12/9
-
-**Custom Configuration:**
-
-```javascript
-photosuite({
-  // ...
-  exif: {
-    enabled: true,
-    // Custom fields: Focal Length, Aperture, Shutter Speed, ISO
-    fields: ['FocalLength', 'FNumber', 'ExposureTime', 'ISO'], 
-    // Custom separator
-    separator: ' · ' 
-  }
-})
-```
-
-### 3. Lightbox & Captions
-
-GLightbox has been customized to differ slightly from the official version.
-
-Supports native configuration, refer to: [GLightbox](https://github.com/achuanya/glightbox)
-
-```javascript
-photosuite({
-  // ...
-  // Disable lightbox
-  glightbox: false, 
-  
-  // Disable captions
-  imageAlts: false,
-
-  // Pass native GLightbox options
-  glightboxOptions: {
-    loop: true,
-    zoomable: true,
-  }
-})
-```
-
-## Complete Configuration Reference
-
-### Parameter List
-
-| Parameter | Type | Required | Default | Description |
-| :--- | :--- | :---: | :--- | :--- |
-| `scope` | `string` | ✅ | - | **Scope**. CSS selector, only processes images within this container. Supports multiple selectors separated by commas. |
-| `selector` | `string` | ❌ | `"a.glightbox"` | **Image Selector**. Specifies which images need lightbox effect. |
-| `imageBase` | `string` | ❌ | - | **Base Image URL**. Prefix used for splicing relative paths. |
-| `imageDir` | `string` | ❌ | `"imageDir"` | **Directory Field Name**. Field name in Markdown Frontmatter to specify image subdirectory. |
-| `fileDir` | `boolean` | ❌ | `false` | **Filename Archiving**. Whether to automatically use Markdown filename as image subdirectory. |
-| `glightbox` | `boolean` | ❌ | `true` | **Enable Lightbox**. Whether to load GLightbox module. |
-| `imageAlts` | `boolean` | ❌ | `true` | **Enable Captions**. Whether to display `alt` attribute as image caption. |
-| `exif` | `boolean` \| `object` | ❌ | `true` | **Enable EXIF**. `false` to disable, `true` for default config, or pass object to customize via fields:[]. |
-| `glightboxOptions` | `object` | ❌ | - | **Native Lightbox Config**. Configuration items passed through to GLightbox. |
-
-### Full Configuration Code Example
-
-```javascript
-import photosuite from 'photosuite';
-import "photosuite/dist/photosuite.css";
-
-photosuite({
-  // ----------------
-  // Required
-  // ----------------
-  scope: '#main', // Your content container class name
-  
-  // ----------------
-  // Optional (Values below are defaults)
-  // ----------------
-  
-  // Basic Settings
-  selector: 'a.glightbox',
-  
-  // Path Resolution
-  imageBase: '', 
-  imageDir: 'imageDir',
-  fileDir: false,
-
-  // Feature Toggles
-  glightbox: true,
-  imageAlts: true,
-  
-  // EXIF Detailed Configuration
-  exif: {
-    enabled: true,
-    fields: [
-      'Model',            // Camera Model
-      'LensModel',        // Lens Model
-      'FocalLength',      // Focal Length
-      'FNumber',          // Aperture
-      'ExposureTime',     // Shutter Speed
-      'ISO',              // ISO
-      'DateTimeOriginal'  // Date Original
-    ],
-    separator: ' · '      // Separator
-  },
-
-  // Native GLightbox Configuration
-  glightboxOptions: {
-    loop: true,
-    touchNavigation: true,
-    closeOnOutsideClick: true
-  }
-})
-```
-
-## FAQ
-
-**Q: Why isn't EXIF data showing?**
-A: Please check the following:
-1. Does the image contain EXIF data? (Some compression tools strip EXIF)
-2. EXIF data is only displayed when at least the exposure triangle (Focal Length, Aperture, Shutter Speed) is present.
-
-**Q: I only want to use Photosuite on certain images, what should I do?**
-A: You can precisely control the scope via CSS selectors (comma-separated for multiple selectors). For example, only take effect inside elements with ID `#main`:
-
-```javascript
-photosuite({
-  scope: '#main',
-  // ... other configurations
-})
-```
-
-## Contributors
-
-One line of code, one plugin, for independent blogs, it is insignificant, like dust.
-
-But we insist on taking root in this soil, letting thought be free, and letting the soul rest!
-
-[![](https://contrib.rocks/image?repo=achuanya/photosuite)](https://github.com/achuanya/photosuite/graphs/contributors)
-
-## Supporters
-[![Stargazers repo roster for @achuanya/photosuite](https://reporoster.com/stars/achuanya/photosuite)](https://github.com/achuanya/photosuite/stargazers)
-
-## License
-
-[GPL-3.0](./LICENSE)
+![Sample Image](public/Wild-squirrel-feeding-interaction-with-hand-in-natural-forest.png)
+
+# Photosuite
+
+[Official Website](https://photosuite.lhasa.icu) • [Latest Release](https://github.com/achuanya/photosuite/releases) • [Changelog](https://github.com/achuanya/photosuite/main/Changelog.md) • [简体中文](./README.zh-CN.md)
+
+Photosuite is a simple yet feature-rich image integration tailored for independent blogs. It modularly integrates lightbox, EXIF data, path resolution, and more into a single, zero-config package. Out of the box, no tedious configuration required—give your blog images a fresh look with just one line of code!
+
+## Features
+
+*   **Lightbox**: Customized and integrated GLightbox for a more minimalist and practical experience.
+*   **EXIF**: Integrated `exiftool-vendored.js` for fast execution and broad coverage.
+*   **Path Resolution**: Simply insert the filename, and it automatically resolves the absolute path.
+*   **Captions**: Automatically extracts the image's `alt` attribute to display as a caption.
+*   **Image Grid**: Automatically combines consecutive images (2-3) into a grid layout, each independently clickable.
+*   **Performance**: Purely static, modular features, loaded on demand.
+*   **Zero-Config Start**: Default settings satisfy most needs, while offering rich options for deep customization.
+
+## Installation
+
+```bash
+pnpm add photosuite
+# or
+npm install photosuite
+# or
+yarn add photosuite
+```
+
+## Quick Start
+
+Integrating Photosuite with Astro is very simple, just add the following configuration to `astro.config.js`:
+
+```javascript
+import { defineConfig } from 'astro/config';
+import photosuite from 'photosuite';
+import "photosuite/dist/photosuite.css";
+
+export default defineConfig({
+  integrations: [
+    photosuite({
+      // [Required] Specify the CSS selector for the scope
+      // Recommended: Your content container to avoid affecting other parts of the site. Supports multiple selectors separated by commas.
+      scope: '#main', 
+    })
+  ]
+});
+```
+
+Once configured, Photosuite will automatically process all images in your Markdown/MDX files.
+
+## Features & Configuration
+
+### 1. Path Resolution
+
+Managing image paths in blog posts can be tedious. Photosuite offers flexible resolution strategies that you can configure according to your needs.
+
+**Scenario A: All images in a single domain/directory**
+
+```javascript
+photosuite({
+  scope: '#main',
+  imageBase: 'https://cdn.example.com/images/',
+})
+```
+
+**Markdown Usage:**
+```markdown
+![My Photo](photo.jpg) 
+<!-- Resolves to: https://cdn.example.com/images/photo.jpg -->
+```
+
+**Scenario B: Separate image directory per post (Default)**
+
+You can specify the directory name in the Frontmatter:
+
+```yaml
+---
+title: My First GitHub PR
+imageDir: "2025-11-26-my-first-github-pr"
+---
+
+![My Photo](photo.jpg) 
+<!-- Resolves to: https://cdn.example.com/images/2025-11-26-my-first-github-pr/photo.jpg -->
+```
+
+**Scenario C: Use filename as directory**
+
+```javascript
+photosuite({
+  scope: '#main',
+  imageBase: 'https://cdn.example.com/',
+  fileDir: true, // Enable this option
+})
+```
+
+If your post filename is `2025-11-26-my-first-github-pr.md`, the image path automatically resolves to:
+
+`https://cdn.example.com/images/2025-11-26-my-first-github-pr/photo.jpg`
+
+### 2. EXIF Data Display
+
+Photosuite uses `exiftool-vendored.js` to extract information at build time.
+
+**Default Configuration:**
+Default display: Camera Model, Lens Model, Focal Length, Aperture, Shutter Speed, ISO, Date Original.
+
+> NIKON Z 30 · NIKKOR Z DX 16-50mm f/3.5-6.3 VR · 20.5 mm · ƒ/3.8 · 1/15 · ISO 1000 · 2025/12/9
+
+**Custom Configuration:**
+
+```javascript
+photosuite({
+  // ...
+  exif: {
+    enabled: true,
+    // Custom fields: Focal Length, Aperture, Shutter Speed, ISO
+    fields: ['FocalLength', 'FNumber', 'ExposureTime', 'ISO'], 
+    // Custom separator
+    separator: ' · ' 
+  }
+})
+```
+
+### 3. Lightbox & Captions
+
+GLightbox has been customized to differ slightly from the official version.
+
+Supports native configuration, refer to: [GLightbox](https://github.com/achuanya/glightbox)
+
+```javascript
+photosuite({
+  // ...
+  // Disable lightbox
+  glightbox: false, 
+  
+  // Disable captions
+  imageAlts: false,
+
+  // Pass native GLightbox options
+  glightboxOptions: {
+    loop: true,
+    zoomable: true,
+  }
+})
+```
+
+### 4. Image Grid
+
+Photosuite supports automatically combining consecutive images into a grid layout. When 2-3 images are placed adjacently in Markdown, they will be automatically combined into a grid, and each image remains independently clickable.
+
+**Markdown Usage:**
+
+Two-image grid:
+```markdown
+![Image 1](photo1.jpg)
+![Image 2](photo2.jpg)
+```
+
+Three-image grid:
+```markdown
+![Image 1](photo1.jpg)
+![Image 2](photo2.jpg)
+![Image 3](photo3.jpg)
+```
+
+**Features:**
+- Automatically detects consecutive images (2-3 images)
+- Each image has consistent width, evenly dividing the container
+- Each image is independently clickable with lightbox support
+- Interactive experience: Image zooms in slightly on hover
+- Responsive design: automatically switches to single-column layout on mobile devices
+
+**Configuration:**
+```javascript
+photosuite({
+  // ...
+  // Disable image grid
+  imageGrid: false,
+})
+```
+
+## Complete Configuration Reference
+
+### Parameter List
+
+| Parameter | Type | Required | Default | Description |
+| :--- | :--- | :---: | :--- | :--- |
+| `scope` | `string` | ✅ | - | **Scope**. CSS selector, only processes images within this container. Supports multiple selectors separated by commas. |
+| `selector` | `string` | ❌ | `"a.glightbox"` | **Image Selector**. Specifies which images need lightbox effect. |
+| `imageBase` | `string` | ❌ | - | **Base Image URL**. Prefix used for splicing relative paths. |
+| `imageDir` | `string` | ❌ | `"imageDir"` | **Directory Field Name**. Field name in Markdown Frontmatter to specify image subdirectory. |
+| `fileDir` | `boolean` | ❌ | `false` | **Filename Archiving**. Whether to automatically use Markdown filename as image subdirectory. |
+| `glightbox` | `boolean` | ❌ | `true` | **Enable Lightbox**. Whether to load GLightbox module. |
+| `imageAlts` | `boolean` | ❌ | `true` | **Enable Captions**. Whether to display `alt` attribute as image caption. |
+| `imageGrid` | `boolean` | ❌ | `true` | **Enable Image Grid**. Whether to combine consecutive images (2-3) into a grid layout. |
+| `exif` | `boolean` \| `object` | ❌ | `true` | **Enable EXIF**. `false` to disable, `true` for default config, or pass object to customize via fields:[]. |
+| `glightboxOptions` | `object` | ❌ | - | **Native Lightbox Config**. Configuration items passed through to GLightbox. |
+
+### Full Configuration Code Example
+
+```javascript
+import photosuite from 'photosuite';
+import "photosuite/dist/photosuite.css";
+
+photosuite({
+  // ----------------
+  // Required
+  // ----------------
+  scope: '#main', // Your content container class name
+  
+  // ----------------
+  // Optional (Values below are defaults)
+  // ----------------
+  
+  // Basic Settings
+  selector: 'a.glightbox',
+  
+  // Path Resolution
+  imageBase: '', 
+  imageDir: 'imageDir',
+  fileDir: false,
+
+  // Feature Toggles
+  glightbox: true,
+  imageAlts: true,
+  imageGrid: true,
+  
+  // EXIF Detailed Configuration
+  exif: {
+    enabled: true,
+    fields: [
+      'Model',            // Camera Model
+      'LensModel',        // Lens Model
+      'FocalLength',      // Focal Length
+      'FNumber',          // Aperture
+      'ExposureTime',     // Shutter Speed
+      'ISO',              // ISO
+      'DateTimeOriginal'  // Date Original
+    ],
+    separator: ' · '      // Separator
+  },
+
+  // Native GLightbox Configuration
+  glightboxOptions: {
+    loop: true,
+    touchNavigation: true,
+    closeOnOutsideClick: true
+  }
+})
+```
+
+## FAQ
+
+**Q: Why isn't EXIF data showing?**
+A: Please check the following:
+1. Does the image contain EXIF data? (Some compression tools strip EXIF)
+2. EXIF data is only displayed when at least the exposure triangle (Focal Length, Aperture, Shutter Speed) is present.
+
+**Q: I only want to use Photosuite on certain images, what should I do?**
+A: You can precisely control the scope via CSS selectors (comma-separated for multiple selectors). For example, only take effect inside elements with ID `#main`:
+
+```javascript
+photosuite({
+  scope: '#main',
+  // ... other configurations
+})
+```
+
+## Contributors
+
+One line of code, one plugin, for independent blogs, it is insignificant, like dust.
+
+But we insist on taking root in this soil, letting thought be free, and letting the soul rest!
+
+[![](https://contrib.rocks/image?repo=achuanya/photosuite)](https://github.com/achuanya/photosuite/graphs/contributors)
+
+## Supporters
+[![Stargazers repo roster for @achuanya/photosuite](https://reporoster.com/stars/achuanya/photosuite)](https://github.com/achuanya/photosuite/stargazers)
+
+## License
+
+[GPL-3.0](./LICENSE)

package/README.zh-CN.md

@@ -12,6 +12,7 @@ Photosuite 是一款简单易用但功能丰富的图像插件，它将灯箱、
 *   **EXIF**：集成 exiftool-vendored.js 执行快、覆盖广
 *   **路径**：只需要插入文件名，自动补全绝对路径
 *   **标题**：自动获取图片alt进行标题展示
+*   **拼图**：连续的图片（2-3张）自动组合成拼图布局，每张图片独立可点击
 *   **性能**：纯静态，功能模块化，按需加载
 *   **零配置启动**：默认配置即可满足绝大多数需求，同时也提供丰富的选项供深度定制
 
@@ -143,6 +144,41 @@ photosuite({
 })
 ```
 
+### 4. 图片拼图
+
+Photosuite 支持自动将连续的图片组合成拼图布局。当 Markdown 中有 2-3 张图片紧挨着时，它们会自动组合成拼图，且每张图片都独立可点击。
+
+**Markdown 写法：**
+
+两张图片拼图：
+```markdown
+![图片1](photo1.jpg)
+![图片2](photo2.jpg)
+```
+
+三张图片拼图：
+```markdown
+![图片1](photo1.jpg)
+![图片2](photo2.jpg)
+![图片3](photo3.jpg)
+```
+
+**特性：**
+- 自动检测连续的图片（2-3张）
+- 每张图片宽度一致，均分容器宽度
+- 每张图片独立可点击，都支持灯箱功能
+- 交互体验：鼠标悬停时图片自动轻微放大
+- 响应式设计：移动端自动切换为单列布局
+
+**配置：**
+```javascript
+photosuite({
+  // ...
+  // 关闭拼图功能
+  imageGrid: false,
+})
+```
+
 ## 完整配置参考
 
 ### 参数列表
@@ -156,6 +192,7 @@ photosuite({
 | `fileDir` | `boolean` | ❌ | `false` | **文件名归档**。是否自动使用 Markdown 文件名作为图片子目录 |
 | `glightbox` | `boolean` | ❌ | `true` | **启用灯箱**。是否加载 GLightbox 模块 |
 | `imageAlts` | `boolean` | ❌ | `true` | **启用标题**。是否将 `alt` 属性显示为图片标题 |
+| `imageGrid` | `boolean` | ❌ | `true` | **启用拼图**。是否将连续的图片（2-3张）组合成拼图布局 |
 | `exif` | `boolean` \| `object` | ❌ | `true` | **启用 EXIF**。可通过 fields:[] 配置显示选项 |
 | `glightboxOptions` | `object` | ❌ | - | **灯箱原生配置**。透传给 GLightbox 的配置项 |
 
@@ -186,6 +223,7 @@ photosuite({
   // 功能开关
   glightbox: true,
   imageAlts: true,
+  imageGrid: true,
   
   // EXIF 详细配置
   exif: {

package/dist/dom-BS5TFy09.cjs

@@ -0,0 +1 @@
+function e(e){let t=e.parentElement;if(!t)return e;let n=e;e.tagName.toLowerCase()===`img`&&t&&t.tagName.toLowerCase()===`a`&&t.classList.contains(`glightbox`)&&(n=t);let r=n.parentElement;if(r&&r.classList.contains(`photosuite-item`))return r;let i=document.createElement(`div`);i.className=`photosuite-item`;let a=n.parentElement;return a?(a.replaceChild(i,n),i.appendChild(n),i):i}function t(t,n,r){let i=new Set,a=t=>{let n=e(t);i.has(n)||n.querySelector(`img`)&&(r(n),i.add(n))};document.querySelectorAll(t).forEach(e=>{e.querySelectorAll(n).forEach(a),e.querySelectorAll(`img`).forEach(a)})}function n(e){if(e.classList.contains(`photosuite-grid-member`)||e.querySelector(`.photosuite-caption`))return;let t=e.querySelector(`img`);if(!t)return;let n=String(t.getAttribute(`alt`)||``).trim();if(!n)return;let r=document.createElement(`div`);r.className=`photosuite-caption`,r.textContent=n,e.appendChild(r)}function r(e){if(e.classList.contains(`photosuite-grid-member`))return;let t=e.querySelector(`.photosuite-exif`);if(t){t.textContent?.trim()||t.remove();return}}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/dist/{dom-CLdyQVUy.js → dom-D3_J5MTS.js}

@@ -20,7 +20,7 @@ function processMedia(t, n, r) {
 	});
 }
 function ensureCaption(e) {
-	if (e.querySelector(".photosuite-caption")) return;
+	if (e.classList.contains("photosuite-grid-member") || e.querySelector(".photosuite-caption")) return;
 	let t = e.querySelector("img");
 	if (!t) return;
 	let n = String(t.getAttribute("alt") || "").trim();
@@ -29,10 +29,11 @@ function ensureCaption(e) {
 	r.className = "photosuite-caption", r.textContent = n, e.appendChild(r);
 }
 function ensureExif(e) {
+	if (e.classList.contains("photosuite-grid-member")) return;
 	let t = e.querySelector(".photosuite-exif");
 	if (t) {
 		t.textContent?.trim() || t.remove();
 		return;
 	}
 }
-export { ensureExif as n, processMedia as r, ensureCaption as t };
+export { processMedia as i, ensureExif as n, ensurePhotosuiteContainer as r, ensureCaption as t };

package/dist/exif-CRbS4dxa.cjs

@@ -0,0 +1 @@
+const e=require(`./dom-BS5TFy09.cjs`);async function t(t,n){await Promise.resolve().then(()=>require(`./exif-BUTZJSZv.cjs`)),e.i(t,n,t=>{e.n(t)})}exports.enableExif=t;

package/dist/exif-U9_d4dEU.js

@@ -0,0 +1,7 @@
+import { i as processMedia, n as ensureExif } from "./dom-D3_J5MTS.js";
+async function enableExif(n, r) {
+	await Promise.resolve({         }), processMedia(n, r, (e) => {
+		ensureExif(e);
+	});
+}
+export { enableExif };

package/dist/{imageAlts-PnRBw8zl.js → imageAlts-BWXlk0vF.js}

@@ -1,4 +1,4 @@
-import { r as processMedia, t as ensureCaption } from "./dom-CLdyQVUy.js";
+import { i as processMedia, t as ensureCaption } from "./dom-D3_J5MTS.js";
 async function enableImageAlts(n, r) {
 	await Promise.resolve({               }), processMedia(n, r, (e) => {
 		ensureCaption(e);

package/dist/imageAlts-KvcsJ_Wk.cjs

@@ -0,0 +1 @@
+const e=require(`./dom-BS5TFy09.cjs`);async function t(t,n){await Promise.resolve().then(()=>require(`./image-alts-DeER7mge.cjs`)),e.i(t,n,t=>{e.t(t)})}exports.enableImageAlts=t;

package/dist/imageGrid-C5UZIJdc.cjs

@@ -0,0 +1 @@
+const e=require(`./dom-BS5TFy09.cjs`);async function t(e,t){await Promise.resolve().then(()=>require(`./image-grid-QuSPvblz.cjs`)),document.querySelectorAll(e).forEach(e=>{n(e)})}function n(t){let n=Array.from(t.querySelectorAll(`img`)),a=new Set;for(let t=0;t<n.length;t++){let o=n[t];if(a.has(o))continue;let s=[o];a.add(o);for(let i=t+1;i<n.length&&s.length<3;i++){let t=n[i];if(r(e.r(s[s.length-1]),e.r(t)))s.push(t),a.add(t);else break}s.length>=2&&i(s)}}function r(e,t){let n=e.parentElement;if(n!==t.parentElement||!n)return!1;let r=Array.from(n.children),i=r.indexOf(e);if(r.indexOf(t)!==i+1){let n=!1,r=e.nextSibling;for(;r&&r!==t;){if(r.nodeType===Node.ELEMENT_NODE){n=!0;break}if(r.nodeType===Node.TEXT_NODE&&r.textContent?.trim()){n=!0;break}r=r.nextSibling}return!n&&r===t}return!0}function i(t){if(t.length<2)return;let n=e.r(t[0]),r=n.parentElement;if(!r)return;let i=document.createElement(`div`);i.className=`photosuite-grid`,i.setAttribute(`data-grid-count`,String(t.length)),r.insertBefore(i,n);let o=[];t.forEach(t=>{let n=e.r(t);n.classList.add(`photosuite-grid-member`);let r=n.querySelector(`.photosuite-caption`),a=n.querySelector(`.photosuite-exif`);r&&r.remove(),a&&a.remove();let s=document.createElement(`div`);s.className=`photosuite-grid-item`,n.parentElement&&n.parentElement.removeChild(n),s.appendChild(n),i.appendChild(s),o.push(s)}),a(t,o)}async function a(e,t){let n=[];for(let t of e){let e=await o(t);n.push(e)}let r=n.reduce((e,t)=>e+t,0),i=t.length-1;t.forEach((e,t)=>{if(r>0){let a=n[t],o=`calc(${a/r*100}% - (${i} * var(--photosuite-grid-gap, 4px)) * ${a/r})`;e.style.flex=`0 0 ${o}`,e.style.maxWidth=o}})}function o(e){let t=parseFloat(e.getAttribute(`width`)||``),n=parseFloat(e.getAttribute(`height`)||``);return t&&n?t/n:e.complete&&e.naturalHeight?e.naturalWidth/e.naturalHeight:new Promise(t=>{if(e.complete){t(e.naturalHeight?e.naturalWidth/e.naturalHeight:1);return}let n=()=>{i(),t(e.naturalHeight?e.naturalWidth/e.naturalHeight:1)},r=()=>{i(),t(1)},i=()=>{e.removeEventListener(`load`,n),e.removeEventListener(`error`,r)};e.addEventListener(`load`,n),e.addEventListener(`error`,r)})}exports.enableImageGrid=t;