@oim-media/spec 0.0.0-stage → 1.27.9

package/vectors/image-fill.expected.json

@@ -0,0 +1,54 @@
+{
+  "description": "Image fill (contract 1.17.0): a circle and a star filled with an embedded photo, one of them with `fillImageCrop`.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "marco-circulo",
+      "type": "geo",
+      "position": [
+        10,
+        25
+      ],
+      "name": "Marco circulo",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "35.0cqw",
+        "height": "35.0cqw",
+        "fillColor": "#d4d4d8",
+        "fillImage": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR4nGN4nh8IRwzEcQC5Ehpxr683xgAAAABJRU5ErkJggg==",
+        "fillType": "image"
+      }
+    },
+    {
+      "id": "marco-estrella",
+      "type": "geo",
+      "position": [
+        55,
+        25
+      ],
+      "name": "Marco estrella",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "35.0cqw",
+        "height": "35.0cqw",
+        "fillColor": "#d4d4d8",
+        "fillImage": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR4nGN4nh8IRwzEcQC5Ehpxr683xgAAAABJRU5ErkJggg==",
+        "fillImageCrop": {
+          "x": 20,
+          "y": 70,
+          "zoom": 2
+        },
+        "fillType": "image"
+      }
+    }
+  ]
+}

package/vectors/interactive-chained-actions.expected.json

@@ -0,0 +1,77 @@
+{
+  "description": "Several interactive actions chained when a layer is activated.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "alerta",
+      "type": "geo",
+      "position": [
+        12.5,
+        8.3333
+      ],
+      "name": "Alerta",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "25.0cqw",
+        "height": "7.5cqw",
+        "fillColor": "#f59e0b"
+      }
+    },
+    {
+      "id": "panel",
+      "type": "geo",
+      "position": [
+        12.5,
+        21.6667
+      ],
+      "name": "Panel Ocultable",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "37.5cqw",
+        "height": "22.5cqw",
+        "fillColor": "#6b7280"
+      }
+    },
+    {
+      "id": "interruptor",
+      "type": "text",
+      "position": [
+        12.5,
+        56.6667
+      ],
+      "name": "Interruptor",
+      "content": {
+        "es": "Alternar"
+      },
+      "style": {
+        "width": "22.5cqw",
+        "height": "6.25cqw",
+        "fontSize": "2.5cqw",
+        "isInteractive": true,
+        "states": {
+          "active": {
+            "actions": [
+              {
+                "target": "panel",
+                "type": "toggle"
+              },
+              {
+                "target": "alerta",
+                "type": "hide"
+              }
+            ]
+          }
+        }
+      }
+    }
+  ]
+}

package/vectors/interactive-hover.expected.json

@@ -0,0 +1,36 @@
+{
+  "description": "Pointer interactivity: scale and rotation on hover.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "tarjeta_hover",
+      "type": "geo",
+      "position": [
+        12.5,
+        16.6667
+      ],
+      "name": "Tarjeta Hover",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "30.0cqw",
+        "height": "17.5cqw",
+        "fillColor": "#4f46e5",
+        "isInteractive": true,
+        "states": {
+          "hover": {
+            "opacity": 95,
+            "rotation": 3,
+            "scale": 108
+          }
+        }
+      }
+    }
+  ]
+}

package/vectors/interactive.expected.json

@@ -0,0 +1,121 @@
+{
+  "description": "A button with a click action, per-side corners and two languages. Exported from the editor, not generated here.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "languages": [
+    "es",
+    "en"
+  ],
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "esquinas",
+      "type": "geo",
+      "position": [
+        7.5,
+        10
+      ],
+      "name": "Esquinas asimetricas",
+      "content": {
+        "en": "",
+        "es": ""
+      },
+      "style": {
+        "width": "32.5cqw",
+        "height": "18.75cqw",
+        "fontSize": "1.75cqw",
+        "borderRadius": "0.0cqw 0.0cqw 0.0cqw 6.0cqw",
+        "fillColor": "#2563EB",
+        "isInteractive": false,
+        "fontFamily": "Inter",
+        "shadowEnabled": false,
+        "shadowColor": "#000000",
+        "shadowBlur": 8,
+        "shadowOffsetX": 0,
+        "shadowOffsetY": 4,
+        "shadowOpacity": 30,
+        "blendMode": "normal",
+        "strokeStyle": "solid",
+        "layerBlur": 0,
+        "geoShape": "rectangle"
+      }
+    },
+    {
+      "id": "ficha",
+      "type": "text",
+      "position": [
+        47.5,
+        10
+      ],
+      "name": "Ficha",
+      "content": {
+        "en": "SOY LA FICHA",
+        "es": "SOY LA FICHA"
+      },
+      "style": {
+        "width": "42.5cqw",
+        "height": "18.75cqw",
+        "fontSize": "3.5cqw",
+        "borderRadius": "0.0cqw",
+        "fillColor": "#0f766e",
+        "isInteractive": false,
+        "fontFamily": "Inter",
+        "shadowEnabled": false,
+        "shadowColor": "#000000",
+        "shadowBlur": 8,
+        "shadowOffsetX": 0,
+        "shadowOffsetY": 4,
+        "shadowOpacity": 30,
+        "blendMode": "normal",
+        "strokeStyle": "solid",
+        "layerBlur": 0,
+        "geoShape": "rectangle"
+      }
+    },
+    {
+      "id": "boton",
+      "type": "text",
+      "position": [
+        7.5,
+        53.3333
+      ],
+      "name": "Boton",
+      "content": {
+        "en": "PULSAME",
+        "es": "PULSAME"
+      },
+      "style": {
+        "width": "32.5cqw",
+        "height": "8.75cqw",
+        "fontSize": "2.75cqw",
+        "borderRadius": "0.0cqw",
+        "fillColor": "#b91c1c",
+        "isInteractive": true,
+        "states": {
+          "active": {
+            "actions": [
+              {
+                "target": "ficha",
+                "type": "toggle"
+              }
+            ]
+          }
+        },
+        "fontFamily": "Inter",
+        "shadowEnabled": false,
+        "shadowColor": "#000000",
+        "shadowBlur": 8,
+        "shadowOffsetX": 0,
+        "shadowOffsetY": 4,
+        "shadowOpacity": 30,
+        "blendMode": "normal",
+        "strokeStyle": "solid",
+        "layerBlur": 0,
+        "geoShape": "rectangle"
+      }
+    }
+  ]
+}

package/vectors/layer-blur.expected.json

@@ -0,0 +1,48 @@
+{
+  "description": "Layer blur: `layerBlur` on the style of a text and of a shape.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "titulo",
+      "type": "text",
+      "position": [
+        10,
+        10
+      ],
+      "name": "Titulo",
+      "content": {
+        "en": "Blurred",
+        "es": "Borroso"
+      },
+      "style": {
+        "width": "50.0cqw",
+        "height": "11.25cqw",
+        "fontSize": "5.0cqw",
+        "layerBlur": 4
+      }
+    },
+    {
+      "id": "fondo",
+      "type": "geo",
+      "position": [
+        50,
+        33.3333
+      ],
+      "name": "Fondo",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "37.5cqw",
+        "height": "37.5cqw",
+        "fillColor": "#3366cc",
+        "layerBlur": 12
+      }
+    }
+  ]
+}

package/vectors/layer-grain.expected.json

@@ -0,0 +1,52 @@
+{
+  "description": "Per-layer grain (contract 1.10.0): intensity, size and blend on the style of a text and of a shape.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "titulo",
+      "type": "text",
+      "position": [
+        10,
+        10
+      ],
+      "name": "Titulo",
+      "content": {
+        "en": "Grain",
+        "es": "Grano"
+      },
+      "style": {
+        "width": "50.0cqw",
+        "height": "11.25cqw",
+        "fontSize": "5.0cqw",
+        "grain": true,
+        "grainIntensity": 30,
+        "grainSize": 70,
+        "grainBlend": "soft-light"
+      }
+    },
+    {
+      "id": "circulo",
+      "type": "geo",
+      "position": [
+        65,
+        33.3333
+      ],
+      "name": "Circulo",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "25.0cqw",
+        "height": "25.0cqw",
+        "fillColor": "#3366cc",
+        "grain": true,
+        "grainIntensity": 20
+      }
+    }
+  ]
+}

package/vectors/layer-ordering-zindex.expected.json

@@ -0,0 +1,62 @@
+{
+  "description": "A stack of layers overlapping at identical coordinates, to check the paint order.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "capa_fondo",
+      "type": "geo",
+      "position": [
+        12.5,
+        16.6667
+      ],
+      "name": "Capa Fondo (1)",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "25.0cqw",
+        "height": "25.0cqw",
+        "fillColor": "#1e3a8a"
+      }
+    },
+    {
+      "id": "capa_medio",
+      "type": "geo",
+      "position": [
+        15,
+        20
+      ],
+      "name": "Capa Medio (2)",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "25.0cqw",
+        "height": "25.0cqw",
+        "fillColor": "#3b82f6"
+      }
+    },
+    {
+      "id": "capa_frente",
+      "type": "geo",
+      "position": [
+        17.5,
+        23.3333
+      ],
+      "name": "Capa Frente (3)",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "25.0cqw",
+        "height": "25.0cqw",
+        "fillColor": "#93c5fd"
+      }
+    }
+  ]
+}

package/vectors/legacy-text-chunk.expected.json

@@ -0,0 +1,29 @@
+{
+  "description": "The same document as basic-text in the old container: a tEXt chunk with base64 of raw deflate. A conforming reader keeps reading it.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "titulo",
+      "type": "text",
+      "position": [
+        10,
+        10
+      ],
+      "name": "Titulo",
+      "content": {
+        "en": "Hello",
+        "es": "Hola"
+      },
+      "style": {
+        "width": "50.0cqw",
+        "height": "11.25cqw",
+        "fontSize": "5.0cqw"
+      }
+    }
+  ]
+}

package/vectors/media-filters.expected.json

@@ -0,0 +1,50 @@
+{
+  "description": "Media filters (contract 1.18.0): a black-and-white photo and a circular frame with blur and stroke; the filter touches only the photo.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "foto-bn",
+      "type": "image",
+      "position": [
+        10,
+        25
+      ],
+      "name": "Foto en blanco y negro",
+      "content": {
+        "*": "https://cdn.oim.media/demos/crop.png"
+      },
+      "style": {
+        "width": "37.5cqw",
+        "height": "25.0cqw",
+        "filterPreset": "grayscale"
+      }
+    },
+    {
+      "id": "marco-blur",
+      "type": "geo",
+      "position": [
+        55,
+        25
+      ],
+      "name": "Marco con desenfoque",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "35.0cqw",
+        "height": "35.0cqw",
+        "fillColor": "#d4d4d8",
+        "borderWidth": 4,
+        "borderColor": "#111111",
+        "filterBlur": 6,
+        "fillImage": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR4nGN4nh8IRwzEcQC5Ehpxr683xgAAAABJRU5ErkJggg==",
+        "fillType": "image"
+      }
+    }
+  ]
+}

package/vectors/multi-container-layout.expected.json

@@ -0,0 +1,45 @@
+{
+  "description": "Layout with container-type slots organising the canvas space.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "sidebar",
+      "type": "container",
+      "position": [
+        0,
+        0
+      ],
+      "name": "Sidebar",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "30.0cqw",
+        "height": "75.0cqw",
+        "fillColor": "#1e293b"
+      }
+    },
+    {
+      "id": "contenido_principal",
+      "type": "container",
+      "position": [
+        31.25,
+        3.3333
+      ],
+      "name": "Área Principal",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "66.25cqw",
+        "height": "70.0cqw",
+        "fillColor": "#f8fafc"
+      }
+    }
+  ]
+}

package/vectors/multilang-cjk-rtl.expected.json

@@ -0,0 +1,30 @@
+{
+  "description": "CJK and RTL multilingual support with Spanish, Japanese and Arabic.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "texto_internacional",
+      "type": "text",
+      "position": [
+        6.25,
+        8.3333
+      ],
+      "name": "Texto Multilingüe",
+      "content": {
+        "ar": "مرحبا بالعالم",
+        "es": "Hola mundo",
+        "ja": "こんにちは世界"
+      },
+      "style": {
+        "width": "50.0cqw",
+        "height": "12.5cqw",
+        "fontSize": "4.0cqw"
+      }
+    }
+  ]
+}