Merge pull request #1 from buuhuu/image-carousel

fix: adding Image Carousel

.gitignore

@@ -7,3 +7,4 @@ helix-importer-ui
 .DS_Store
 *.bak
 .idea
+*.iml

blocks/image-carousel/image-carousel.css

@@ -0,0 +1,3 @@
+.block {
+    text-align: center;
+}

blocks/image-carousel/image-carousel.js

@@ -0,0 +1,3 @@
+export default async function decorate(block) {
+  console.log(`I am here ${block}`);
+}

component-definition.json

@@ -35,7 +35,12 @@
             "xwalk": {
               "page": {
                 "resourceType": "core/franklin/components/image/v1/image",
-                "template": {}
+                "template": {
+                  "name": "Image",
+                  "model": "image",
+                  "image": "/content/dam/aem-xwalk-test-harsh/content-at-scale.png",
+                  "imageAlt": "Sample Image"
+                }
               }
             }
           }
@@ -169,6 +174,21 @@
               }
             }
           }
+        },
+        {
+          "title": "Image Carousel",
+          "id": "image-carousel",
+          "plugins": {
+            "xwalk": {
+              "page": {
+                "resourceType": "core/franklin/components/block/v1/block",
+                "template": {
+                  "name": "Image Carousel",
+                  "filter": "image-carousel"
+                }
+              }
+            }
+          }
         }
       ]
     }

component-filters.json

@@ -28,7 +28,8 @@
       "title",
       "hero",
       "cards",
-      "columns"
+      "columns",
+      "image-carousel"
     ]
   },
   {
@@ -45,5 +46,12 @@
       "button",
       "title"
     ]
+  },
+  {
+    "id": "image-carousel",
+    "components": [
+      "image"
+    ]
   }
+
 ]

component-models.json

@@ -50,14 +50,14 @@
       {
         "component": "reference",
         "valueType": "string",
-        "name": "fileReference",
+        "name": "image",
         "label": "Image",
         "multi": false
       },
       {
         "component": "text",
         "valueType": "string",
-        "name": "alt",
+        "name": "imageAlt",
         "value": "Default alt",
         "label": "Alt Text"
       }

package.json

@@ -20,7 +20,7 @@
   "homepage": "https://github.com/adobe/aem-boilerplate#readme",
   "devDependencies": {
     "@babel/eslint-parser": "7.24.1",
-    "eslint": "8.57.0",
+    "eslint": "^8.57.0",
     "eslint-config-airbnb-base": "15.0.0",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-json": "3.1.0",