@qwanyx/carousel 0.1.4 → 0.1.6

package/dist/index.js

@@ -749,11 +749,21 @@ function Thumbnails({
 // src/components/Carousel.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function extractSlideUrl(slide) {
-  const layer = slide.layers?.[0];
-  if (!layer) return void 0;
-  const imageObj = layer.objects?.find((obj) => obj.type === "image");
-  if (imageObj && "src" in imageObj) {
-    return imageObj.src;
+  for (const layer of slide.layers || []) {
+    for (const obj of layer.objects || []) {
+      if ("src" in obj && typeof obj.src === "string") {
+        return obj.src;
+      }
+      if ("url" in obj && typeof obj.url === "string") {
+        return obj.url;
+      }
+    }
+  }
+  if (slide.url) {
+    return slide.url;
+  }
+  if (slide.src) {
+    return slide.src;
   }
   return void 0;
 }
@@ -893,6 +903,9 @@ var Carousel = (0, import_react4.forwardRef)(
     (0, import_react4.useEffect)(() => {
       if (!nav.keyboard) return;
       const handleKeyDown = (e) => {
+        const target = e.target;
+        const isFormElement = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.tagName === "SELECT" || target.isContentEditable;
+        if (isFormElement) return;
         switch (e.key) {
           case "ArrowRight":
           case "ArrowDown":

package/dist/index.mjs

@@ -714,11 +714,21 @@ function Thumbnails({
 // src/components/Carousel.tsx
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function extractSlideUrl(slide) {
-  const layer = slide.layers?.[0];
-  if (!layer) return void 0;
-  const imageObj = layer.objects?.find((obj) => obj.type === "image");
-  if (imageObj && "src" in imageObj) {
-    return imageObj.src;
+  for (const layer of slide.layers || []) {
+    for (const obj of layer.objects || []) {
+      if ("src" in obj && typeof obj.src === "string") {
+        return obj.src;
+      }
+      if ("url" in obj && typeof obj.url === "string") {
+        return obj.url;
+      }
+    }
+  }
+  if (slide.url) {
+    return slide.url;
+  }
+  if (slide.src) {
+    return slide.src;
   }
   return void 0;
 }
@@ -858,6 +868,9 @@ var Carousel = forwardRef(
     useEffect3(() => {
       if (!nav.keyboard) return;
       const handleKeyDown = (e) => {
+        const target = e.target;
+        const isFormElement = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.tagName === "SELECT" || target.isContentEditable;
+        if (isFormElement) return;
         switch (e.key) {
           case "ArrowRight":
           case "ArrowDown":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwanyx/carousel",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "private": false,
   "publishConfig": {
     "access": "public"