@almadar/std 6.5.2 → 7.2.0

package/dist/behaviors/registry/atoms/std-gallery.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-gallery",
   "version": "1.0.0",
-  "description": "Image gallery atom with carousel browsing and lightbox viewing. Absorbs: carousel, lightbox.",
+  "description": "std-gallery as a Function",
   "orbitals": [
     {
       "name": "GalleryItemOrbital",
@@ -40,87 +40,57 @@
             "type": "string",
             "default": "https://picsum.photos/seed/gallery/800/600"
           }
-        ],
-        "instances": [
-          {
-            "id": "img-1",
-            "name": "Mountain Peak",
-            "description": "Gallery image 1",
-            "status": "active",
-            "createdAt": "2026-01-15",
-            "imageUrl": "https://picsum.photos/seed/gallery1/800/600"
-          },
-          {
-            "id": "img-2",
-            "name": "Ocean Sunset",
-            "description": "Gallery image 2",
-            "status": "active",
-            "createdAt": "2026-01-15",
-            "imageUrl": "https://picsum.photos/seed/gallery2/800/600"
-          },
-          {
-            "id": "img-3",
-            "name": "Forest Trail",
-            "description": "Gallery image 3",
-            "status": "active",
-            "createdAt": "2026-01-15",
-            "imageUrl": "https://picsum.photos/seed/gallery3/800/600"
-          },
-          {
-            "id": "img-4",
-            "name": "City Skyline",
-            "description": "Gallery image 4",
-            "status": "pending",
-            "createdAt": "2026-01-15",
-            "imageUrl": "https://picsum.photos/seed/gallery4/800/600"
-          },
-          {
-            "id": "img-5",
-            "name": "Desert Dunes",
-            "description": "Gallery image 5",
-            "status": "active",
-            "createdAt": "2026-01-15",
-            "imageUrl": "https://picsum.photos/seed/gallery5/800/600"
-          },
-          {
-            "id": "img-6",
-            "name": "Northern Lights",
-            "description": "Gallery image 6",
-            "status": "active",
-            "createdAt": "2026-01-15",
-            "imageUrl": "https://picsum.photos/seed/gallery6/800/600"
-          },
-          {
-            "id": "img-7",
-            "name": "Coral Reef",
-            "description": "Gallery image 7",
-            "status": "inactive",
-            "createdAt": "2026-01-15",
-            "imageUrl": "https://picsum.photos/seed/gallery7/800/600"
-          },
-          {
-            "id": "img-8",
-            "name": "Autumn Leaves",
-            "description": "Gallery image 8",
-            "status": "active",
-            "createdAt": "2026-01-15",
-            "imageUrl": "https://picsum.photos/seed/gallery8/800/600"
-          },
-          {
-            "id": "img-9",
-            "name": "Snowy Valley",
-            "description": "Gallery image 9",
-            "status": "active",
-            "createdAt": "2026-01-15",
-            "imageUrl": "https://picsum.photos/seed/gallery9/800/600"
-          }
         ]
       },
       "traits": [
         {
           "name": "GalleryItemGallery",
-          "linkedEntity": "GalleryItem",
           "category": "interaction",
+          "linkedEntity": "GalleryItem",
+          "emits": [
+            {
+              "event": "GalleryItemLoaded",
+              "description": "Fired when GalleryItem finishes loading",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "id",
+                  "type": "string"
+                },
+                {
+                  "name": "name",
+                  "type": "string"
+                },
+                {
+                  "name": "description",
+                  "type": "string"
+                },
+                {
+                  "name": "status",
+                  "type": "string"
+                },
+                {
+                  "name": "createdAt",
+                  "type": "string"
+                },
+                {
+                  "name": "imageUrl",
+                  "type": "string"
+                }
+              ]
+            },
+            {
+              "event": "GalleryItemLoadFailed",
+              "description": "Fired when GalleryItem fails to load",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "message",
+                  "type": "string"
+                }
+              ]
+            }
+          ],
           "stateMachine": {
             "states": [
               {
@@ -150,6 +120,20 @@
               {
                 "key": "CLOSE",
                 "name": "Close"
+              },
+              {
+                "key": "GalleryItemLoaded",
+                "name": "GalleryItem loaded"
+              },
+              {
+                "key": "GalleryItemLoadFailed",
+                "name": "GalleryItem load failed",
+                "payload": [
+                  {
+                    "name": "message",
+                    "type": "string"
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -160,40 +144,43 @@
                 "effects": [
                   [
                     "fetch",
-                    "GalleryItem"
+                    "GalleryItem",
+                    {
+                      "emit": {
+                        "success": "GalleryItemLoaded",
+                        "failure": "GalleryItemLoadFailed"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
                       "children": [
                         {
+                          "justify": "space-between",
+                          "gap": "md",
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "md",
-                          "justify": "space-between",
                           "align": "center",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
                               "align": "center",
+                              "gap": "sm",
+                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "type": "icon",
                                   "name": "image",
-                                  "size": "lg"
+                                  "size": "lg",
+                                  "type": "icon"
                                 },
                                 {
-                                  "type": "typography",
                                   "content": "GalleryItems Gallery",
-                                  "variant": "h2"
+                                  "variant": "h2",
+                                  "type": "typography"
                                 }
-                              ]
+                              ],
+                              "type": "stack"
                             },
                             {
                               "type": "typography",
@@ -207,20 +194,7 @@
                           "type": "divider"
                         },
                         {
-                          "type": "carousel",
-                          "entity": "GalleryItem",
-                          "imageField": "imageUrl",
-                          "event": "SELECT"
-                        },
-                        {
-                          "type": "data-grid",
-                          "entity": "GalleryItem",
-                          "cols": 3,
-                          "gap": "md",
-                          "imageField": "imageUrl",
-                          "emptyIcon": "image",
-                          "emptyTitle": "No images yet",
-                          "emptyDescription": "Add images to your gallery.",
+                          "cols": 3.0,
                           "itemActions": [
                             {
                               "label": "View",
@@ -228,20 +202,30 @@
                               "icon": "maximize"
                             }
                           ],
+                          "emptyDescription": "Add images to your gallery.",
+                          "type": "data-grid",
+                          "imageField": "imageUrl",
+                          "emptyTitle": "No images yet",
+                          "entity": "GalleryItem",
+                          "emptyIcon": "image",
                           "columns": [
                             {
                               "name": "name",
-                              "label": "Title",
-                              "variant": "h4"
+                              "variant": "h4",
+                              "label": "Title"
                             },
                             {
+                              "variant": "badge",
                               "name": "status",
-                              "label": "Status",
-                              "variant": "badge"
+                              "label": "Status"
                             }
-                          ]
+                          ],
+                          "gap": "md"
                         }
-                      ]
+                      ],
+                      "type": "stack",
+                      "gap": "lg",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -256,8 +240,6 @@
                     "modal",
                     {
                       "type": "lightbox",
-                      "isOpen": true,
-                      "closeAction": "CLOSE",
                       "images": [
                         {
                           "src": "https://picsum.photos/seed/gallery1/800/600",
@@ -270,13 +252,15 @@
                           "caption": "Ocean sunset"
                         },
                         {
+                          "caption": "Forest trail",
                           "src": "https://picsum.photos/seed/gallery3/800/600",
-                          "alt": "Forest trail",
-                          "caption": "Forest trail"
+                          "alt": "Forest trail"
                         }
                       ],
-                      "currentIndex": 0,
-                      "showCounter": true
+                      "currentIndex": 0.0,
+                      "isOpen": true,
+                      "showCounter": true,
+                      "closeAction": "CLOSE"
                     }
                   ]
                 ]
@@ -295,88 +279,83 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
                           "justify": "space-between",
-                          "align": "center",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "align": "center",
                               "children": [
                                 {
-                                  "type": "icon",
+                                  "size": "lg",
                                   "name": "image",
-                                  "size": "lg"
+                                  "type": "icon"
                                 },
                                 {
                                   "type": "typography",
                                   "content": "GalleryItems Gallery",
                                   "variant": "h2"
                                 }
-                              ]
+                              ],
+                              "align": "center",
+                              "gap": "sm",
+                              "direction": "horizontal",
+                              "type": "stack"
                             },
                             {
-                              "type": "typography",
+                              "content": "Click any image to view full size",
                               "variant": "caption",
                               "color": "muted",
-                              "content": "Click any image to view full size"
+                              "type": "typography"
                             }
-                          ]
+                          ],
+                          "align": "center",
+                          "direction": "horizontal",
+                          "type": "stack",
+                          "gap": "md"
                         },
                         {
                           "type": "divider"
                         },
-                        {
-                          "type": "carousel",
-                          "entity": "GalleryItem",
-                          "imageField": "imageUrl",
-                          "event": "SELECT"
-                        },
                         {
                           "type": "data-grid",
+                          "emptyIcon": "image",
                           "entity": "GalleryItem",
-                          "cols": 3,
-                          "gap": "md",
                           "imageField": "imageUrl",
-                          "emptyIcon": "image",
                           "emptyTitle": "No images yet",
+                          "cols": 3.0,
                           "emptyDescription": "Add images to your gallery.",
+                          "gap": "md",
                           "itemActions": [
                             {
                               "label": "View",
-                              "event": "VIEW",
-                              "icon": "maximize"
+                              "icon": "maximize",
+                              "event": "VIEW"
                             }
                           ],
                           "columns": [
                             {
-                              "name": "name",
                               "label": "Title",
-                              "variant": "h4"
+                              "variant": "h4",
+                              "name": "name"
                             },
                             {
                               "name": "status",
-                              "label": "Status",
-                              "variant": "badge"
+                              "variant": "badge",
+                              "label": "Status"
                             }
                           ]
                         }
-                      ]
+                      ],
+                      "type": "stack",
+                      "gap": "lg",
+                      "direction": "vertical"
                     }
                   ]
                 ]
               }
             ]
-          }
+          },
+          "scope": "collection"
         }
       ],
       "pages": [
@@ -392,4 +371,4 @@
       ]
     }
   ]
-}
+}