kuinetic 0.2.0 → 0.2.1

package/dist/kuinetic.css

@@ -2523,7 +2523,7 @@
     padding-block: var(--kui-mask-bleed, 0px);
     margin-block: calc(-1 * var(--kui-mask-bleed, 0px));
   }
-  [data-kui-state=finished] [data-kui-split-fx] .kui-split-line {
+  [data-kui-state=finished] > [data-kui-split-fx] .kui-split-line {
     animation-name: none;
     opacity: 1;
     clip-path: none;

package/dist/kuinetic.js

@@ -14663,7 +14663,8 @@ var kuinetic = (() => {
     duration: { type: "time", default: "280ms", cssProperty: "--kui-lightbox-duration" },
     ease: { type: "easing", default: "cubic-bezier(0.22, 1, 0.36, 1)", cssProperty: "--kui-lightbox-ease" },
     loop: { type: "keyword", default: "true", cssProperty: "--kui-lightbox-loop", keywords: ["true", "false"] },
-    aspect: { type: "keyword", default: "", cssProperty: "--kui-lightbox-aspect", keywords: ["wide", "tall", "square"] }
+    aspect: { type: "keyword", default: "", cssProperty: "--kui-lightbox-aspect", keywords: ["wide", "tall", "square"] },
+    caption: { type: "keyword", default: "figcaption", cssProperty: "--kui-lightbox-caption", keywords: ["figcaption", "alt", "title", "none"] }
   };
   function defaultTargets(el, media) {
     if (el.matches("a[href]") || media === "image" && el.matches("img")) return [el];
@@ -14681,25 +14682,30 @@ var kuinetic = (() => {
   function imageIn(trigger) {
     return trigger instanceof HTMLImageElement ? trigger : trigger.querySelector("img");
   }
-  function imageItem(trigger) {
+  function captionFor(trigger, image, source) {
+    if (source === "none") return "";
+    if (source === "alt") return image.alt;
+    if (source === "title") return (trigger.getAttribute("title") || image.title).trim();
+    return trigger.closest("figure")?.querySelector("figcaption")?.textContent?.trim() || image.alt;
+  }
+  function imageItem(trigger, captionSource) {
     const image = imageIn(trigger);
     if (!image) return null;
     const link = trigger instanceof HTMLAnchorElement ? trigger : null;
-    const caption = trigger.closest("figure")?.querySelector("figcaption")?.textContent?.trim();
     return {
       trigger,
       image,
       src: link?.href ?? (image.currentSrc || image.src),
-      caption: caption || image.alt
+      caption: captionFor(trigger, image, captionSource)
     };
   }
-  function imageItems(targets2) {
+  function imageItems(targets2, captionSource) {
     const seen = /* @__PURE__ */ new Set();
     const items = [];
     for (const target of targets2) {
       const trigger = imageTrigger(target);
       if (seen.has(trigger)) continue;
-      const item = imageItem(trigger);
+      const item = imageItem(trigger, captionSource);
       if (!item) continue;
       seen.add(trigger);
       items.push(item);
@@ -14803,7 +14809,7 @@ var kuinetic = (() => {
     const frame = doc.createElement("div");
     frame.className = `kui-lightbox-frame kui-lightbox-frame--${aspect}`;
     const poster = link.querySelector("img");
-    const title = link.title || poster?.getAttribute("alt") || link.textContent?.trim() || "Video";
+    const title = link.title || poster?.getAttribute("alt") || link.getAttribute("aria-label")?.trim() || link.textContent?.trim() || "Video";
     if (source.kind === "file") {
       const video = doc.createElement("video");
       video.src = source.embedUrl;
@@ -14879,7 +14885,7 @@ var kuinetic = (() => {
     if (media === "video") {
       wireVideos(found, wiring, params.text("aspect"), ctx);
     } else {
-      const items = imageItems(found);
+      const items = imageItems(found, params.text("caption", "figcaption"));
       restore = wireImages(items, wiring, params.is("loop"));
     }
     return continuousSetup(() => {