@almadar/std 16.150.0 → 16.152.0

package/behaviors/lolo/ui/game/atoms/ui-draw-group.lolo

@@ -0,0 +1,54 @@
+app ui-draw-group "1.0.0"
+"DrawGroup — UI factory (1:1 with the @almadar/ui draw-group pattern)."
+orbital DrawGroupOrbital {
+  type DrawGroupPosition = {
+    x : number!
+    y : number!
+    z : number
+  }
+
+  entity DrawGroupItem [runtime] {
+    id : string!
+  }
+
+  trait DrawGroupRender -> @rebindable DrawGroupItem [interaction, instance] {
+    initial: idle
+
+    state idle {
+      INIT -> idle
+        (render-ui main {
+          position: @config.position
+          scale: @config.scale
+          rotate: @config.rotate
+          opacity: @config.opacity
+          items: @config.items
+          type: draw-group
+        })
+    }
+
+    config {
+      position : DrawGroupPosition = { x: 1, y: 1, z: 1 }
+        @label "Position"
+        @description "Logical scene position; the projector maps it to pixels / world."
+        @tier "presentation"
+      scale : number
+        @label "Scale"
+        @description "Uniform scale applied to the whole group."
+        @tier "presentation"
+      rotate : number
+        @label "Rotate"
+        @description "Rotation in radians (painter units)."
+        @tier "presentation"
+      opacity : number
+        @label "Opacity"
+        @description "0..1 opacity."
+        @tier "presentation"
+      items : [json] = []
+        @label "Items"
+        @description "The grouped drawables, painted through the normal dispatch."
+        @tier "presentation"
+    }
+  }
+
+  page "/draw-group" as DrawGroupPage -> DrawGroupRender
+}

package/behaviors/lolo/ui/game/atoms/ui-draw-shape.lolo

@@ -27,6 +27,7 @@ orbital DrawShapeOrbital {
           offsetX: @config.offsetX
           offsetY: @config.offsetY
           points: @config.points
+          d: @config.d
           fill: @config.fill
           stroke: @config.stroke
           strokeWidth: @config.strokeWidth
@@ -36,7 +37,7 @@ orbital DrawShapeOrbital {
     }
 
     config {
-      shape : "cell" | "rect" | "ellipse" | "poly" = cell
+      shape : "cell" | "rect" | "ellipse" | "poly" | "path" = cell
         @label "Shape"
         @description "shape prop"
         @tier "presentation"
@@ -76,6 +77,10 @@ orbital DrawShapeOrbital {
         @label "Points"
         @description "Poly vertices as world-unit offsets relative to the cell's projected top-left."
         @tier "presentation"
+      d : string
+        @label "D"
+        @description "SVG path data in world units relative to the cell's projected top-left — same coordinate convention as `points`."
+        @tier "presentation"
       fill : string
         @label "Fill"
         @description "fill prop"

package/behaviors/lolo/ui/game/atoms/ui-svg-draw-group.lolo

@@ -0,0 +1,58 @@
+app ui-svg-draw-group "1.0.0"
+"SvgDrawGroup — UI factory (1:1 with the @almadar/ui svg-draw-group pattern)."
+orbital SvgDrawGroupOrbital {
+  entity SvgDrawGroupItem [runtime] {
+    id : string!
+  }
+
+  trait SvgDrawGroupRender -> @rebindable SvgDrawGroupItem [interaction, instance] {
+    initial: idle
+
+    state idle {
+      INIT -> idle
+        (render-ui main {
+          x: @config.x
+          y: @config.y
+          scale: @config.scale
+          rotate: @config.rotate
+          opacity: @config.opacity
+          className: @config.className
+          children: @config.children
+          type: svg-draw-group
+        })
+    }
+
+    config {
+      x : number = 0
+        @label "X"
+        @description "Grid-cell x of the group's origin."
+        @tier "presentation"
+      y : number = 0
+        @label "Y"
+        @description "Grid-cell y of the group's origin."
+        @tier "presentation"
+      scale : number
+        @label "Scale"
+        @description "Uniform scale applied after the translate."
+        @tier "presentation"
+      rotate : number
+        @label "Rotate"
+        @description "Rotation in degrees applied after the translate."
+        @tier "presentation"
+      opacity : number
+        @label "Opacity"
+        @description "0..1 opacity."
+        @tier "presentation"
+      className : string
+        @label "Class Name"
+        @description "Additional CSS classes"
+        @tier "presentation"
+      children : node
+        @label "Children"
+        @description "children prop"
+        @tier "presentation"
+    }
+  }
+
+  page "/svg-draw-group" as SvgDrawGroupPage -> SvgDrawGroupRender
+}

package/behaviors/lolo/ui/game/atoms/ui-svg-draw-shape.lolo

@@ -0,0 +1,103 @@
+app ui-svg-draw-shape "1.0.0"
+"SvgDrawShape — UI factory (1:1 with the @almadar/ui svg-draw-shape pattern)."
+orbital SvgDrawShapeOrbital {
+  entity SvgDrawShapeItem [runtime] {
+    id : string!
+  }
+
+  trait SvgDrawShapeRender -> @rebindable SvgDrawShapeItem [interaction, instance] {
+    initial: idle
+
+    state idle {
+      INIT -> idle
+        (render-ui main {
+          shape: @config.shape
+          x: @config.x
+          y: @config.y
+          width: @config.width
+          height: @config.height
+          radius: @config.radius
+          radiusY: @config.radiusY
+          points: @config.points
+          d: @config.d
+          x2: @config.x2
+          y2: @config.y2
+          fill: @config.fill
+          stroke: @config.stroke
+          strokeWidth: @config.strokeWidth
+          opacity: @config.opacity
+          className: @config.className
+          type: svg-draw-shape
+        })
+    }
+
+    config {
+      shape : "rect" | "circle" | "ellipse" | "polygon" | "polyline" | "path" | "line" = rect
+        @label "Shape"
+        @description "shape prop"
+        @tier "presentation"
+      x : number = 1
+        @label "X"
+        @description "Grid-cell x of the element's translated origin."
+        @tier "presentation"
+      y : number = 1
+        @label "Y"
+        @description "Grid-cell y of the element's translated origin."
+        @tier "presentation"
+      width : number
+        @label "Width"
+        @description "Rect width in cell units."
+        @tier "presentation"
+      height : number
+        @label "Height"
+        @description "Rect height in cell units."
+        @tier "presentation"
+      radius : number
+        @label "Radius"
+        @description "Circle radius / ellipse horizontal radius in cell units."
+        @tier "presentation"
+      radiusY : number
+        @label "Radius Y"
+        @description "Ellipse vertical radius in cell units; omitted → `radius` (a circle)."
+        @tier "presentation"
+      points : string
+        @label "Points"
+        @description "Polygon/polyline points, viewBox units relative to the translated origin."
+        @tier "presentation"
+      d : string
+        @label "D"
+        @description "Path data, viewBox units relative to the translated origin."
+        @tier "presentation"
+      x2 : number
+        @label "X2"
+        @description "Line end x in cell units."
+        @tier "presentation"
+      y2 : number
+        @label "Y2"
+        @description "Line end y in cell units."
+        @tier "presentation"
+      fill : string
+        @label "Fill"
+        @description "fill prop"
+        @tier "presentation"
+      stroke : string
+        @label "Stroke"
+        @description "stroke prop"
+        @tier "presentation"
+      strokeWidth : number
+        @label "Stroke Width"
+        @description "strokeWidth prop"
+        @tier "presentation"
+      opacity : number
+        @label "Opacity"
+        @description "0..1 opacity."
+        @tier "presentation"
+      className : string
+        @label "Class Name"
+        @description "Additional CSS classes"
+        @tier "presentation"
+    }
+  }
+
+  page "/svg-draw-shape" as SvgDrawShapePage -> SvgDrawShapeRender
+}

package/behaviors/lolo/ui/game/atoms/ui-svg-draw-text.lolo

@@ -0,0 +1,58 @@
+app ui-svg-draw-text "1.0.0"
+"SvgDrawText — UI factory (1:1 with the @almadar/ui svg-draw-text pattern)."
+orbital SvgDrawTextOrbital {
+  entity SvgDrawTextItem [runtime] {
+    id : string!
+  }
+
+  trait SvgDrawTextRender -> @rebindable SvgDrawTextItem [interaction, instance] {
+    initial: idle
+
+    state idle {
+      INIT -> idle
+        (render-ui main {
+          x: @config.x
+          y: @config.y
+          text: @config.text
+          size: @config.size
+          fill: @config.fill
+          anchor: @config.anchor
+          className: @config.className
+          type: svg-draw-text
+        })
+    }
+
+    config {
+      x : number = 1
+        @label "X"
+        @description "Grid-cell x of the text anchor."
+        @tier "presentation"
+      y : number = 1
+        @label "Y"
+        @description "Grid-cell y of the text anchor."
+        @tier "presentation"
+      text : string = ""
+        @label "Text"
+        @description "The text content."
+        @tier "presentation"
+      size : number = 12
+        @label "Size"
+        @description "Font size in viewBox units (default 12)."
+        @tier "presentation"
+      fill : string = "var(--color-foreground)"
+        @label "Fill"
+        @description "fill prop"
+        @tier "presentation"
+      anchor : "start" | "middle" | "end" = middle
+        @label "Anchor"
+        @description "Text anchor (default 'middle')."
+        @tier "presentation"
+      className : string
+        @label "Class Name"
+        @description "Additional CSS classes"
+        @tier "presentation"
+    }
+  }
+
+  page "/svg-draw-text" as SvgDrawTextPage -> SvgDrawTextRender
+}

package/behaviors/lolo/ui/game/molecules/ui-draw-shape-layer.lolo

@@ -3,7 +3,7 @@ app ui-draw-shape-layer "1.0.0"
 orbital DrawShapeLayerOrbital {
   type DrawShapeLayerItemsItem = {
     type : json!
-    shape : "cell" | "rect" | "ellipse" | "poly"!
+    shape : "cell" | "rect" | "ellipse" | "poly" | "path"!
     position : DrawShapeLayerItemsItemPosition!
     anchor : json
     width : number
@@ -13,6 +13,7 @@ orbital DrawShapeLayerOrbital {
     offsetX : number
     offsetY : number
     points : [json]
+    d : string
     fill : string
     stroke : string
     strokeWidth : number
@@ -40,7 +41,7 @@ orbital DrawShapeLayerOrbital {
     }
 
     config {
-      items : [DrawShapeLayerItemsItem] = [{ type: "Type", shape: cell, position: { x: 1, y: 1, z: 1 }, width: 1, height: 1, radiusX: 1, radiusY: 1, offsetX: 1, offsetY: 1, points: [], fill: "Fill", stroke: "Stroke", strokeWidth: 1, opacity: 1 }, { type: "Type 2", shape: rect, position: { x: 2, y: 2, z: 2 }, width: 2, height: 2, radiusX: 2, radiusY: 2, offsetX: 2, offsetY: 2, points: [], fill: "Fill 2", stroke: "Stroke 2", strokeWidth: 2, opacity: 2 }]
+      items : [DrawShapeLayerItemsItem] = [{ type: "Type", shape: cell, position: { x: 1, y: 1, z: 1 }, width: 1, height: 1, radiusX: 1, radiusY: 1, offsetX: 1, offsetY: 1, points: [], d: "D", fill: "Fill", stroke: "Stroke", strokeWidth: 1, opacity: 1 }, { type: "Type 2", shape: rect, position: { x: 2, y: 2, z: 2 }, width: 2, height: 2, radiusX: 2, radiusY: 2, offsetX: 2, offsetY: 2, points: [], d: "D 2", fill: "Fill 2", stroke: "Stroke 2", strokeWidth: 2, opacity: 2 }]
         @label "Items"
         @description "items prop"
         @tier "presentation"

package/behaviors/lolo/ui/game/molecules/ui-svg-draw-shape-layer.lolo

@@ -0,0 +1,52 @@
+app ui-svg-draw-shape-layer "1.0.0"
+"SvgDrawShapeLayer — UI factory (1:1 with the @almadar/ui svg-draw-shape-layer pattern)."
+orbital SvgDrawShapeLayerOrbital {
+  type SvgDrawShapeLayerItemsItem = {
+    id : string!
+  }
+
+  entity SvgDrawShapeLayerItem [runtime] {
+    id : string!
+  }
+
+  trait SvgDrawShapeLayerRender -> @rebindable SvgDrawShapeLayerItem [interaction, instance] {
+    initial: idle
+
+    state idle {
+      INIT -> idle
+        (render-ui main {
+          items: @config.items
+          fill: @config.fill
+          stroke: @config.stroke
+          strokeWidth: @config.strokeWidth
+          opacity: @config.opacity
+          type: svg-draw-shape-layer
+        })
+    }
+
+    config {
+      items : [SvgDrawShapeLayerItemsItem] = [{ id: "Id" }, { id: "Id 2" }]
+        @label "Items"
+        @description "items prop"
+        @tier "presentation"
+      fill : string
+        @label "Fill"
+        @description "Default fill for items that don't set one."
+        @tier "presentation"
+      stroke : string
+        @label "Stroke"
+        @description "Default stroke for items that don't set one."
+        @tier "presentation"
+      strokeWidth : number
+        @label "Stroke Width"
+        @description "Default strokeWidth for items that don't set one."
+        @tier "presentation"
+      opacity : number
+        @label "Opacity"
+        @description "Default 0..1 opacity for items that don't set one."
+        @tier "presentation"
+    }
+  }
+
+  page "/svg-draw-shape-layer" as SvgDrawShapeLayerPage -> SvgDrawShapeLayerRender
+}

package/behaviors/lolo/ui/game/molecules/ui-svg-stage.lolo

@@ -0,0 +1,98 @@
+app ui-svg-stage "1.0.0"
+"SvgStage — UI factory (1:1 with the @almadar/ui svg-stage pattern)."
+orbital SvgStageOrbital {
+  entity SvgStageItem [runtime] {
+    id : string!
+  }
+
+  trait SvgStageRender -> @rebindable SvgStageItem [interaction, instance] {
+    initial: idle
+
+    state idle {
+      INIT -> idle
+        (render-ui main {
+          cols: @config.cols
+          rows: @config.rows
+          tileSize: @config.tileSize
+          background: @config.background
+          tileClickEvent: @config.tileClickEvent
+          tileHoverEvent: @config.tileHoverEvent
+          tileLeaveEvent: @config.tileLeaveEvent
+          keyMap: @config.keyMap
+          keyUpMap: @config.keyUpMap
+          className: @config.className
+          children: @config.children
+          type: svg-stage
+        })
+    }
+
+    emits {
+      @config.tileClickEvent -> external {
+        x : number!
+        y : number!
+      }
+        @description "Emitted as `UI:<event>` with `{ x, y }` cell coords on pointer up (<5px drag)."
+        @tier "essential"
+      @config.tileHoverEvent -> external {
+        x : number!
+        y : number!
+      }
+        @description "Emitted as `UI:<event>` with `{ x, y }` cell coords on pointer move."
+        @tier "essential"
+      @config.tileLeaveEvent -> external {
+        id : string
+      }
+        @description "Emitted as `UI:<event>` with `{}` when the pointer leaves the stage."
+        @tier "essential"
+    }
+
+    config {
+      cols : number = 1
+        @label "Cols"
+        @description "Grid width in cells."
+        @tier "presentation"
+      rows : number = 1
+        @label "Rows"
+        @description "Grid height in cells."
+        @tier "presentation"
+      tileSize : number = 32
+        @label "Tile Size"
+        @description "ViewBox units per cell (default 32); viewBox is `0 0 cols*tileSize rows*tileSize`."
+        @tier "presentation"
+      background : string = "var(--color-background)"
+        @label "Background"
+        @description "Background rect fill (default `var(--color-background)`)."
+        @tier "presentation"
+      tileClickEvent : string = "TILE_CLICK"
+        @label "Tile Click Event"
+        @description "Emitted as `UI:<event>` with `{ x, y }` cell coords on pointer up (<5px drag)."
+        @tier "presentation"
+      tileHoverEvent : string = "TILE_HOVER"
+        @label "Tile Hover Event"
+        @description "Emitted as `UI:<event>` with `{ x, y }` cell coords on pointer move."
+        @tier "presentation"
+      tileLeaveEvent : string = "TILE_LEAVE"
+        @label "Tile Leave Event"
+        @description "Emitted as `UI:<event>` with `{}` when the pointer leaves the stage."
+        @tier "presentation"
+      keyMap : Map string string = { item: "Item" }
+        @label "Key Map"
+        @description "Keyboard → semantic events: `e.code` → event name, emitted as `UI:<event>` with `{}`."
+        @tier "presentation"
+      keyUpMap : Map string string = { item: "Item" }
+        @label "Key Up Map"
+        @description "Keyup counterpart of `keyMap`."
+        @tier "presentation"
+      className : string
+        @label "Class Name"
+        @description "Additional CSS classes"
+        @tier "presentation"
+      children : node
+        @label "Children"
+        @description "children prop"
+        @tier "presentation"
+    }
+  }
+
+  page "/svg-stage" as SvgStagePage -> SvgStageRender
+}

package/behaviors/lolo/ui/learning/atoms/std-branching-logic.lolo

@@ -48,34 +48,6 @@ orbital BranchingLogicOrbital {
             direction: horizontal
             gap: sm
             type: stack
-          }, {
-            children: [{
-              icon: git-branch
-              label: "Total rules"
-              look: @config.statLook
-              type: stat-display
-              value: ?data.length
-            }, {
-              icon: clipboard-list
-              label: "Active surveys"
-              look: @config.statLook
-              type: stat-display
-              value: "8"
-            }, {
-              icon: skip-forward
-              label: "Skip jumps"
-              look: @config.statLook
-              type: stat-display
-              value: "42"
-            }, {
-              icon: trending-up
-              label: "Priority avg"
-              look: @config.statLook
-              type: stat-display
-              value: "3"
-            }]
-            cols: 4
-            type: simple-grid
           }, { type: divider }, {
             cols: 1
             entity: ?data