@oim-media/spec 1.27.8 → 1.27.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/BINARY_SPEC.md +190 -186
  2. package/CANONICAL_SPEC.md +409 -409
  3. package/LICENSE +55 -55
  4. package/NOTICE +6 -6
  5. package/README.md +458 -444
  6. package/action-cases.json +13 -13
  7. package/artistic-text-cases.json +690 -690
  8. package/canonical-cases.json +6 -0
  9. package/keyframe-cases.json +32 -32
  10. package/keys.json +22 -22
  11. package/marks-cases.json +34 -34
  12. package/package.json +2 -1
  13. package/pattern-cases.json +552 -552
  14. package/schema/oim.schema.json +2920 -2920
  15. package/schema/oim2.schema.json +2763 -0
  16. package/schema/ovm.schema.json +2701 -2701
  17. package/text-effect-cases.json +835 -835
  18. package/tools/parity-core.mjs +122 -122
  19. package/tools/parity.mjs +86 -86
  20. package/vectors/README.md +105 -103
  21. package/vectors/accessibility.expected.json +67 -67
  22. package/vectors/artistic-text.expected.json +84 -84
  23. package/vectors/asymmetric-borders.expected.json +29 -29
  24. package/vectors/background-pattern-order.expected.json +95 -95
  25. package/vectors/basic-text.expected.json +29 -29
  26. package/vectors/color-blending-opacity.expected.json +47 -47
  27. package/vectors/crop.expected.json +32 -32
  28. package/vectors/embedded-font-woff.expected.json +57 -57
  29. package/vectors/extreme-aspect-ratios.expected.json +29 -29
  30. package/vectors/filter-effects.expected.json +33 -33
  31. package/vectors/flip.expected.json +47 -47
  32. package/vectors/frame-shapes.expected.json +73 -73
  33. package/vectors/full-monty-composite.expected.json +96 -96
  34. package/vectors/golden/exceptions.json +3 -3
  35. package/vectors/golden/mask-window.web.png +0 -0
  36. package/vectors/golden/zone-group.web.png +0 -0
  37. package/vectors/groups-and-parallax.expected.json +90 -90
  38. package/vectors/image-fill.expected.json +54 -54
  39. package/vectors/interactive-chained-actions.expected.json +77 -77
  40. package/vectors/interactive-hover.expected.json +36 -36
  41. package/vectors/interactive.expected.json +121 -121
  42. package/vectors/layer-blur.expected.json +48 -48
  43. package/vectors/layer-grain.expected.json +52 -52
  44. package/vectors/layer-ordering-zindex.expected.json +62 -62
  45. package/vectors/legacy-text-chunk.expected.json +29 -29
  46. package/vectors/mask-window.expected.json +45 -0
  47. package/vectors/mask-window.oim.png +0 -0
  48. package/vectors/media-filters.expected.json +50 -50
  49. package/vectors/multi-container-layout.expected.json +45 -45
  50. package/vectors/multilang-cjk-rtl.expected.json +30 -30
  51. package/vectors/nested-groups.expected.json +68 -68
  52. package/vectors/palettes.expected.json +57 -57
  53. package/vectors/parallax-infinite.expected.json +39 -39
  54. package/vectors/pattern-color-roles.expected.json +68 -68
  55. package/vectors/reedit-english.expected.json +45 -45
  56. package/vectors/reveal-and-play.expected.json +107 -107
  57. package/vectors/shadow-effects.expected.json +34 -34
  58. package/vectors/shape-shadows.expected.json +62 -62
  59. package/vectors/strokes-and-borders.expected.json +31 -31
  60. package/vectors/text-runs-precalculated.expected.json +46 -46
  61. package/vectors/transparent-background.expected.json +30 -30
  62. package/vectors/typography-styling.expected.json +34 -34
  63. package/vectors/zone-group.expected.json +46 -0
  64. package/vectors/zone-group.oim.png +0 -0
package/vectors/groups-and-parallax.expected.json CHANGED
@@ -1,90 +1,90 @@
1
- {
2
- "description": "A group with two children and a parallax layer. Covers hierarchy and depth.",
3
- "canvas": {
4
- "natural_height": 600,
5
- "natural_width": 800
6
- },
7
- "signed": true,
8
- "key_version": "v1",
9
- "slots": [
10
- {
11
- "id": "grupo",
12
- "type": "group",
13
- "position": [
14
- 5,
15
- 6.6667
16
- ],
17
- "name": "Grupo",
18
- "content": {
19
- "es": ""
20
- },
21
- "style": {
22
- "width": "37.5cqw",
23
- "height": "25.0cqw",
24
- "childIds": [
25
- "hijo_a",
26
- "hijo_b"
27
- ]
28
- }
29
- },
30
- {
31
- "id": "hijo_a",
32
- "type": "geo",
33
- "position": [
34
- 7.5,
35
- 10
36
- ],
37
- "name": "Hijo A",
38
- "content": {
39
- "es": ""
40
- },
41
- "style": {
42
- "width": "12.5cqw",
43
- "height": "10.0cqw",
44
- "fillColor": "#2563EB",
45
- "groupId": "grupo"
46
- }
47
- },
48
- {
49
- "id": "hijo_b",
50
- "type": "geo",
51
- "position": [
52
- 25,
53
- 10
54
- ],
55
- "name": "Hijo B",
56
- "content": {
57
- "es": ""
58
- },
59
- "style": {
60
- "width": "12.5cqw",
61
- "height": "10.0cqw",
62
- "fillColor": "#0f766e",
63
- "groupId": "grupo"
64
- }
65
- },
66
- {
67
- "id": "fondo",
68
- "type": "geo",
69
- "position": [
70
- 50,
71
- 50
72
- ],
73
- "name": "Fondo con profundidad",
74
- "content": {
75
- "es": ""
76
- },
77
- "style": {
78
- "width": "37.5cqw",
79
- "height": "25.0cqw",
80
- "fillColor": "#b91c1c",
81
- "parallax": {
82
- "axis": "both",
83
- "depth": 0.8,
84
- "enabled": true,
85
- "mode": "mouse"
86
- }
87
- }
88
- }
89
- ]
90
- }
1
+ {
2
+ "description": "A group with two children and a parallax layer. Covers hierarchy and depth.",
3
+ "canvas": {
4
+ "natural_height": 600,
5
+ "natural_width": 800
6
+ },
7
+ "signed": true,
8
+ "key_version": "v1",
9
+ "slots": [
10
+ {
11
+ "id": "grupo",
12
+ "type": "group",
13
+ "position": [
14
+ 5,
15
+ 6.6667
16
+ ],
17
+ "name": "Grupo",
18
+ "content": {
19
+ "es": ""
20
+ },
21
+ "style": {
22
+ "width": "37.5cqw",
23
+ "height": "25.0cqw",
24
+ "childIds": [
25
+ "hijo_a",
26
+ "hijo_b"
27
+ ]
28
+ }
29
+ },
30
+ {
31
+ "id": "hijo_a",
32
+ "type": "geo",
33
+ "position": [
34
+ 7.5,
35
+ 10
36
+ ],
37
+ "name": "Hijo A",
38
+ "content": {
39
+ "es": ""
40
+ },
41
+ "style": {
42
+ "width": "12.5cqw",
43
+ "height": "10.0cqw",
44
+ "fillColor": "#2563EB",
45
+ "groupId": "grupo"
46
+ }
47
+ },
48
+ {
49
+ "id": "hijo_b",
50
+ "type": "geo",
51
+ "position": [
52
+ 25,
53
+ 10
54
+ ],
55
+ "name": "Hijo B",
56
+ "content": {
57
+ "es": ""
58
+ },
59
+ "style": {
60
+ "width": "12.5cqw",
61
+ "height": "10.0cqw",
62
+ "fillColor": "#0f766e",
63
+ "groupId": "grupo"
64
+ }
65
+ },
66
+ {
67
+ "id": "fondo",
68
+ "type": "geo",
69
+ "position": [
70
+ 50,
71
+ 50
72
+ ],
73
+ "name": "Fondo con profundidad",
74
+ "content": {
75
+ "es": ""
76
+ },
77
+ "style": {
78
+ "width": "37.5cqw",
79
+ "height": "25.0cqw",
80
+ "fillColor": "#b91c1c",
81
+ "parallax": {
82
+ "axis": "both",
83
+ "depth": 0.8,
84
+ "enabled": true,
85
+ "mode": "mouse"
86
+ }
87
+ }
88
+ }
89
+ ]
90
+ }
package/vectors/image-fill.expected.json CHANGED
@@ -1,54 +1,54 @@
1
- {
2
- "description": "Image fill (contract 1.17.0): a circle and a star filled with an embedded photo, one of them with `fillImageCrop`.",
3
- "canvas": {
4
- "natural_height": 600,
5
- "natural_width": 800
6
- },
7
- "signed": true,
8
- "key_version": "v1",
9
- "slots": [
10
- {
11
- "id": "marco-circulo",
12
- "type": "geo",
13
- "position": [
14
- 10,
15
- 25
16
- ],
17
- "name": "Marco circulo",
18
- "content": {
19
- "es": ""
20
- },
21
- "style": {
22
- "width": "35.0cqw",
23
- "height": "35.0cqw",
24
- "fillColor": "#d4d4d8",
25
- "fillImage": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR4nGN4nh8IRwzEcQC5Ehpxr683xgAAAABJRU5ErkJggg==",
26
- "fillType": "image"
27
- }
28
- },
29
- {
30
- "id": "marco-estrella",
31
- "type": "geo",
32
- "position": [
33
- 55,
34
- 25
35
- ],
36
- "name": "Marco estrella",
37
- "content": {
38
- "es": ""
39
- },
40
- "style": {
41
- "width": "35.0cqw",
42
- "height": "35.0cqw",
43
- "fillColor": "#d4d4d8",
44
- "fillImage": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR4nGN4nh8IRwzEcQC5Ehpxr683xgAAAABJRU5ErkJggg==",
45
- "fillImageCrop": {
46
- "x": 20,
47
- "y": 70,
48
- "zoom": 2
49
- },
50
- "fillType": "image"
51
- }
52
- }
53
- ]
54
- }
1
+ {
2
+ "description": "Image fill (contract 1.17.0): a circle and a star filled with an embedded photo, one of them with `fillImageCrop`.",
3
+ "canvas": {
4
+ "natural_height": 600,
5
+ "natural_width": 800
6
+ },
7
+ "signed": true,
8
+ "key_version": "v1",
9
+ "slots": [
10
+ {
11
+ "id": "marco-circulo",
12
+ "type": "geo",
13
+ "position": [
14
+ 10,
15
+ 25
16
+ ],
17
+ "name": "Marco circulo",
18
+ "content": {
19
+ "es": ""
20
+ },
21
+ "style": {
22
+ "width": "35.0cqw",
23
+ "height": "35.0cqw",
24
+ "fillColor": "#d4d4d8",
25
+ "fillImage": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR4nGN4nh8IRwzEcQC5Ehpxr683xgAAAABJRU5ErkJggg==",
26
+ "fillType": "image"
27
+ }
28
+ },
29
+ {
30
+ "id": "marco-estrella",
31
+ "type": "geo",
32
+ "position": [
33
+ 55,
34
+ 25
35
+ ],
36
+ "name": "Marco estrella",
37
+ "content": {
38
+ "es": ""
39
+ },
40
+ "style": {
41
+ "width": "35.0cqw",
42
+ "height": "35.0cqw",
43
+ "fillColor": "#d4d4d8",
44
+ "fillImage": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR4nGN4nh8IRwzEcQC5Ehpxr683xgAAAABJRU5ErkJggg==",
45
+ "fillImageCrop": {
46
+ "x": 20,
47
+ "y": 70,
48
+ "zoom": 2
49
+ },
50
+ "fillType": "image"
51
+ }
52
+ }
53
+ ]
54
+ }
package/vectors/interactive-chained-actions.expected.json CHANGED
@@ -1,77 +1,77 @@
1
- {
2
- "description": "Several interactive actions chained when a layer is activated.",
3
- "canvas": {
4
- "natural_height": 600,
5
- "natural_width": 800
6
- },
7
- "signed": true,
8
- "key_version": "v1",
9
- "slots": [
10
- {
11
- "id": "alerta",
12
- "type": "geo",
13
- "position": [
14
- 12.5,
15
- 8.3333
16
- ],
17
- "name": "Alerta",
18
- "content": {
19
- "es": ""
20
- },
21
- "style": {
22
- "width": "25.0cqw",
23
- "height": "7.5cqw",
24
- "fillColor": "#f59e0b"
25
- }
26
- },
27
- {
28
- "id": "panel",
29
- "type": "geo",
30
- "position": [
31
- 12.5,
32
- 21.6667
33
- ],
34
- "name": "Panel Ocultable",
35
- "content": {
36
- "es": ""
37
- },
38
- "style": {
39
- "width": "37.5cqw",
40
- "height": "22.5cqw",
41
- "fillColor": "#6b7280"
42
- }
43
- },
44
- {
45
- "id": "interruptor",
46
- "type": "text",
47
- "position": [
48
- 12.5,
49
- 56.6667
50
- ],
51
- "name": "Interruptor",
52
- "content": {
53
- "es": "Alternar"
54
- },
55
- "style": {
56
- "width": "22.5cqw",
57
- "height": "6.25cqw",
58
- "fontSize": "2.5cqw",
59
- "isInteractive": true,
60
- "states": {
61
- "active": {
62
- "actions": [
63
- {
64
- "target": "panel",
65
- "type": "toggle"
66
- },
67
- {
68
- "target": "alerta",
69
- "type": "hide"
70
- }
71
- ]
72
- }
73
- }
74
- }
75
- }
76
- ]
77
- }
1
+ {
2
+ "description": "Several interactive actions chained when a layer is activated.",
3
+ "canvas": {
4
+ "natural_height": 600,
5
+ "natural_width": 800
6
+ },
7
+ "signed": true,
8
+ "key_version": "v1",
9
+ "slots": [
10
+ {
11
+ "id": "alerta",
12
+ "type": "geo",
13
+ "position": [
14
+ 12.5,
15
+ 8.3333
16
+ ],
17
+ "name": "Alerta",
18
+ "content": {
19
+ "es": ""
20
+ },
21
+ "style": {
22
+ "width": "25.0cqw",
23
+ "height": "7.5cqw",
24
+ "fillColor": "#f59e0b"
25
+ }
26
+ },
27
+ {
28
+ "id": "panel",
29
+ "type": "geo",
30
+ "position": [
31
+ 12.5,
32
+ 21.6667
33
+ ],
34
+ "name": "Panel Ocultable",
35
+ "content": {
36
+ "es": ""
37
+ },
38
+ "style": {
39
+ "width": "37.5cqw",
40
+ "height": "22.5cqw",
41
+ "fillColor": "#6b7280"
42
+ }
43
+ },
44
+ {
45
+ "id": "interruptor",
46
+ "type": "text",
47
+ "position": [
48
+ 12.5,
49
+ 56.6667
50
+ ],
51
+ "name": "Interruptor",
52
+ "content": {
53
+ "es": "Alternar"
54
+ },
55
+ "style": {
56
+ "width": "22.5cqw",
57
+ "height": "6.25cqw",
58
+ "fontSize": "2.5cqw",
59
+ "isInteractive": true,
60
+ "states": {
61
+ "active": {
62
+ "actions": [
63
+ {
64
+ "target": "panel",
65
+ "type": "toggle"
66
+ },
67
+ {
68
+ "target": "alerta",
69
+ "type": "hide"
70
+ }
71
+ ]
72
+ }
73
+ }
74
+ }
75
+ }
76
+ ]
77
+ }
package/vectors/interactive-hover.expected.json CHANGED
@@ -1,36 +1,36 @@
1
- {
2
- "description": "Pointer interactivity: scale and rotation on hover.",
3
- "canvas": {
4
- "natural_height": 600,
5
- "natural_width": 800
6
- },
7
- "signed": true,
8
- "key_version": "v1",
9
- "slots": [
10
- {
11
- "id": "tarjeta_hover",
12
- "type": "geo",
13
- "position": [
14
- 12.5,
15
- 16.6667
16
- ],
17
- "name": "Tarjeta Hover",
18
- "content": {
19
- "es": ""
20
- },
21
- "style": {
22
- "width": "30.0cqw",
23
- "height": "17.5cqw",
24
- "fillColor": "#4f46e5",
25
- "isInteractive": true,
26
- "states": {
27
- "hover": {
28
- "opacity": 95,
29
- "rotation": 3,
30
- "scale": 108
31
- }
32
- }
33
- }
34
- }
35
- ]
36
- }
1
+ {
2
+ "description": "Pointer interactivity: scale and rotation on hover.",
3
+ "canvas": {
4
+ "natural_height": 600,
5
+ "natural_width": 800
6
+ },
7
+ "signed": true,
8
+ "key_version": "v1",
9
+ "slots": [
10
+ {
11
+ "id": "tarjeta_hover",
12
+ "type": "geo",
13
+ "position": [
14
+ 12.5,
15
+ 16.6667
16
+ ],
17
+ "name": "Tarjeta Hover",
18
+ "content": {
19
+ "es": ""
20
+ },
21
+ "style": {
22
+ "width": "30.0cqw",
23
+ "height": "17.5cqw",
24
+ "fillColor": "#4f46e5",
25
+ "isInteractive": true,
26
+ "states": {
27
+ "hover": {
28
+ "opacity": 95,
29
+ "rotation": 3,
30
+ "scale": 108
31
+ }
32
+ }
33
+ }
34
+ }
35
+ ]
36
+ }