json-strict/src/test2.js

Json Specification & Validation & Document Generation

(function ($) {
    return function(bind, specs, style) {
      $('head').append("<style>" + style + "</style>");
      $('.typespec-hook').each(function(i, elm) {
        return $(elm).append(specs[$(elm).attr('it')]);
      });
      return bind($('.typespec'));
    };
  })(jQuery)((function ($) {
    return function(rootSelection) {
      rootSelection.find('.unfold').each(function(i, elm) {
        return $(elm).closest('li,.spec').addClass('unfolded').removeClass('folded');
      });
      rootSelection.find('.type-name, .choose').each(function(i, elm) {
        return $(elm).closest('li').addClass('folded').removeClass('unfolded');
      });
      return rootSelection.find('.type-name, .folded-detail, .fold>.field-name, .unfold>.field-name, .fold>.meta-field, .unfold>.meta-field').each(function(i, elm) {
        var e;
        if ((e = $(elm).closest('li,.spec')).length > 0) {
          return $(elm).css({
            cursor: 'pointer'
          }).click(function() {
            return e.toggleClass('folded').toggleClass('unfolded');
          });
        }
      });
    };
  })(jQuery), {"a":"<div class='typespec'><div class='name'>\n<span class='meta-field'>name</span>: <span class='type-name'>FooSpec</span>\n</div><div class='desc'>\n<span class='meta-field'>desc</span>: <span class='text'>hello</span>\n</div><div class='spec'><div class='fold'><span class='meta-field'>spec</span>: <span class='type-maker unwrapped'><span class='type-maker'>Number</span> -> <span class='type-maker unwrapped'><span class='type-maker'>{<span class='folded-detail'>...</span>}</span> -> <span class='type-maker unwrapped'>Promise <span class='type-maker'>{<span class='folded-detail'>...</span>}</span></span></span></span></div><div class='unfold'><span class='meta-field'>spec</span>: <span class='type-maker'>Function (</span><ul class='function'><li><div class='inline'><span class='meta-field'>input</span>: <span class='type-maker'>Number</span></div></li><li><div class='fold'><span class='meta-field'>output</span>: <span class='type-maker unwrapped'><span class='type-maker'>{<span class='folded-detail'>...</span>}</span> -> <span class='type-maker unwrapped'>Promise <span class='type-maker'>{<span class='folded-detail'>...</span>}</span></span></span></div><div class='unfold'><span class='meta-field'>output</span>: <span class='type-maker'>Function (</span><ul class='function'><li><div class='fold'><span class='meta-field'>input</span>: <span class='type-maker'>{<span class='folded-detail'>...</span>}</span></div><div class='unfold'><span class='meta-field'>input</span>: <span class='type-maker'>{</span><ul class='object'><li><div class='inline'><span class='field-name'>x</span>: <span class='type-maker'>Number</span></div></li><li><div class='inline'><span class='field-name'>y</span>: <span class='type-maker'>Number</span></div></li></ul><span class='type-maker'>}</span></div></li><li><div class='fold'><span class='meta-field'>output</span>: <span class='type-maker unwrapped'>Promise <span class='type-maker'>{<span class='folded-detail'>...</span>}</span></span></div><div class='unfold'><span class='meta-field'>output</span>: <span class='type-maker'>Promise <span class='type-maker'>{</span></span><ul class='object'><li><div class='inline'><span class='field-name'>x</span>: <span class='type-maker'>String</span></div></li><li><div class='fold'><span class='field-name'>y</span>: <span class='type-maker unwrapped'><span class='type-maker'>Nat</span> | <span class='type-maker'>String</span> | <span class='type-maker unwrapped'>Value \"unavailable\"</span></span></div><div class='unfold'><span class='field-name'>y</span>: <span class='type-maker'>Choose [</span><ul class='choose'><li><div class='inline'><span class='meta-field'>0</span>: <span class='type-maker'>Nat</span></div></li><li><div class='inline'><span class='meta-field'>1</span>: <span class='type-maker'>String</span></div></li><li><div class='inline'><span class='meta-field'>2</span>: <span class='type-maker unwrapped'>Value \"unavailable\"</span></div></li></ul><span class='type-maker'>]</span></div></li></ul><span class='type-maker'>}</span></div></li></ul><span class='type-maker'>)</span></div></li></ul><span class='type-maker'>)</span></div></div><div class='sample'>\n<span class='meta-field'>sample</span>: <pre class='code'>{\n    \"[input]\": 3.14,\n    \"[output]\": {\n        \"[input]\": {\n            \"x\": 3.14,\n            \"y\": 3.14\n        },\n        \"[output]\": {\n            \"x\": \"abc\",\n            \"y\": 42\n        }\n    }\n}</pre>\n</div><div class='check'>\n<span class='meta-field'>constraint</span>: <pre class='code'>function (x) {\n        return x > 1;\n      }</pre>\n</div></div>","b":"<div class='typespec'><div class='spec'><div class='fold'><span class='meta-field'>spec</span>: <span class='type-maker'>[<span class='type-maker'>{<span class='folded-detail'>...</span>}</span>]</span></div><div class='unfold'><span class='meta-field'>spec</span>: <span class='type-maker'>[<span class='type-maker'>{</span></span><ul class='object'><li><div class='fold'><span class='field-name'>tableName</span>: <span class='type-name'>TableName</span></div><div class='unfold'><span class='field-name'>tableName</span>: <span><span class='type-name'>TableName</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></div></li><li><div class='fold'><span class='field-name'>join</span>: <span class='type-maker'>{<span class='folded-detail'>...</span>}</span></div><div class='unfold'><span class='field-name'>join</span>: <span class='type-maker'>{</span><ul class='object'><li><div class='fold'><span class='field-name'>leftTableName</span>: <span class='type-name'>TableName</span></div><div class='unfold'><span class='field-name'>leftTableName</span>: <span><span class='type-name'>TableName</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></div></li><li><div class='fold'><span class='field-name'>left</span>: <span class='type-name'>FieldName</span></div><div class='unfold'><span class='field-name'>left</span>: <span><span class='type-name'>FieldName</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></div></li><li><div class='inline'><span class='field-name'>op</span>: <span class='type-maker unwrapped'>Enum [\"=\",\"<\",\"<=\",\">=\",\">\"]</span></div></li><li><div class='fold'><span class='field-name'>right</span>: <span class='type-name'>FieldName</span></div><div class='unfold'><span class='field-name'>right</span>: <span><span class='type-name'>FieldName</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></div></li></ul><span class='type-maker'>}</span></div></li></ul><span class='type-maker'><span class='type-maker'>}</span>]</span></div></div><div class='sample'>\n<span class='meta-field'>sample</span>: <pre class='code'>[\n    {\n        \"tableName\": \"table1\",\n        \"join\": {\n            \"leftTableName\": \"table1\",\n            \"left\": \"product_id\",\n            \"op\": \"=\",\n            \"right\": \"product_id\"\n        }\n    }\n]</pre>\n</div></div>","c":"<div class='typespec'><div class='spec'><div class='fold'><span class='meta-field'>spec</span>: <span class='type-maker'>{<span class='folded-detail'>...</span>}</span></div><div class='unfold'><span class='meta-field'>spec</span>: <span class='type-maker'>{</span><ul class='object'><li><div class='fold'><span class='field-name'>filter</span>: <span class='type-maker'>{<span class='folded-detail'>...</span>}</span></div><div class='unfold'><span class='field-name'>filter</span>: <span class='type-maker'>{</span><ul class='strict'><li><div class='fold'><span class='field-name'>dimensions</span>: <span class='type-maker unwrapped'>Map <span class='type-name'>DimensionName</span> <span class='type-name'>DimensionFilter</span></span></div><div class='unfold'><span class='field-name'>dimensions</span>: <span class='type-maker'>Map (</span><ul class='map'><li><div class='fold'><span class='meta-field'>key</span>: <span class='type-name'>DimensionName</span></div><div class='unfold'><span class='meta-field'>key</span>: <span><span class='type-name'>DimensionName</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></div></li><li><div class='fold'><span class='meta-field'>value</span>: <span class='type-name'>DimensionFilter</span></div><div class='unfold'><span class='meta-field'>value</span>: <span><span class='type-name'>DimensionFilter</span><span class='spliter'>spec:</span><span class='type-maker'>{</span></span><ul class='strict'><li><div class='fold'><span class='field-name'>select</span>: <span class='type-maker'>[<span class='type-name'>MemberName</span>]</span></div><div class='unfold'><span class='field-name'>select</span>: <span class='type-maker'>[<span><span class='type-name'>MemberName</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></span><span class='type-maker'>]</span></div></li><li><div class='fold'><span class='field-name'>match</span>: <span class='type-maker unwrapped'>Select {<span class='folded-detail'>...</span>}</span></div><div class='unfold'><span class='field-name'>match</span>: <span class='type-maker'>Select {</span><ul class='select'><li><div class='inline'><span class='field-name'>contains</span>: <span class='type-maker'>String</span></div></li><li><div class='inline'><span class='field-name'>startWith</span>: <span class='type-maker'>String</span></div></li><li><div class='inline'><span class='field-name'>endWith</span>: <span class='type-maker'>String</span></div></li></ul><span class='type-maker'>}</span></div></li><li><div class='fold'><span class='field-name'>condition</span>: <span class='type-maker unwrapped'>Select {<span class='folded-detail'>...</span>}</span></div><div class='unfold'><span class='field-name'>condition</span>: <span class='type-maker'>Select {</span><ul class='select'><li><div class='fold'><span class='field-name'>limit</span>: <span class='type-maker'>{<span class='folded-detail'>...</span>}</span></div><div class='unfold'><span class='field-name'>limit</span>: <span class='type-maker'>{</span><ul class='strict'><li><div class='fold'><span class='field-name'>measure</span>: <span class='type-name'>Measure</span></div><div class='unfold'><span class='field-name'>measure</span>: <span><span class='type-name'>Measure</span><span class='spliter'>spec:</span><span class='type-maker'>{</span></span><ul class='strict'><li><div class='fold'><span class='field-name'>name</span>: <span class='type-name'>MeasureName</span></div><div class='unfold'><span class='field-name'>name</span>: <span><span class='type-name'>MeasureName</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></div></li><li><div class='inline'><span class='field-name'>aggregator</span>: <span class='type-maker unwrapped'>Enum [\"sum\",\"avg\",\"max\",\"min\"]</span></div></li></ul><span class='type-maker'>}</span></div></li><li><div class='inline'><span class='field-name'>comparator</span>: <span class='type-maker unwrapped'>Enum [\"=\",\"<\",\"<=\",\">=\",\">\"]</span></div></li><li><div class='inline'><span class='field-name'>value</span>: <span class='type-maker'>Number</span></div></li></ul><span class='type-maker'>}</span></div></li><li><div class='fold'><span class='field-name'>expr</span>: <span class='type-name'>ConditionExpr</span></div><div class='unfold'><span class='field-name'>expr</span>: <span><span class='type-name'>ConditionExpr</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></div></li></ul><span class='type-maker'>}</span></div></li><li><div class='fold'><span class='field-name'>top</span>: <span class='type-maker'>{<span class='folded-detail'>...</span>}</span></div><div class='unfold'><span class='field-name'>top</span>: <span class='type-maker'>{</span><ul class='strict'><li><div class='inline'><span class='field-name'>count</span>: <span class='type-maker'>Number</span></div></li><li><div class='fold'><span class='field-name'>by</span>: <span class='type-maker unwrapped'>Select {<span class='folded-detail'>...</span>}</span></div><div class='unfold'><span class='field-name'>by</span>: <span class='type-maker'>Select {</span><ul class='select'><li><div class='fold'><span class='field-name'>measure</span>: <span class='type-name'>Measure</span></div><div class='unfold'><span class='field-name'>measure</span>: <span><span class='type-name'>Measure</span><span class='spliter'>spec:</span><span class='type-maker'>{</span></span><ul class='strict'><li><div class='fold'><span class='field-name'>name</span>: <span class='type-name'>MeasureName</span></div><div class='unfold'><span class='field-name'>name</span>: <span><span class='type-name'>MeasureName</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></div></li><li><div class='inline'><span class='field-name'>aggregator</span>: <span class='type-maker unwrapped'>Enum [\"sum\",\"avg\",\"max\",\"min\"]</span></div></li></ul><span class='type-maker'>}</span></div></li><li><div class='fold'><span class='field-name'>expr</span>: <span class='type-name'>ValueExpr</span></div><div class='unfold'><span class='field-name'>expr</span>: <span><span class='type-name'>ValueExpr</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></div></li></ul><span class='type-maker'>}</span></div></li></ul><span class='type-maker'>}</span></div></li></ul><span class='type-maker'>}</span></div></li></ul><span class='type-maker'>)</span></div></li><li><div class='fold'><span class='field-name'>measures</span>: <span class='type-maker'>[<span class='type-maker'>{<span class='folded-detail'>...</span>}</span>]</span></div><div class='unfold'><span class='field-name'>measures</span>: <span class='type-maker'>[<span class='type-maker'>{</span></span><ul class='strict'><li><div class='fold'><span class='field-name'>measure</span>: <span class='type-name'>Measure</span></div><div class='unfold'><span class='field-name'>measure</span>: <span><span class='type-name'>Measure</span><span class='spliter'>spec:</span><span class='type-maker'>{</span></span><ul class='strict'><li><div class='fold'><span class='field-name'>name</span>: <span class='type-name'>MeasureName</span></div><div class='unfold'><span class='field-name'>name</span>: <span><span class='type-name'>MeasureName</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></div></li><li><div class='inline'><span class='field-name'>aggregator</span>: <span class='type-maker unwrapped'>Enum [\"sum\",\"avg\",\"max\",\"min\"]</span></div></li></ul><span class='type-maker'>}</span></div></li><li><div class='fold'><span class='field-name'>limit</span>: <span class='type-maker'>{<span class='folded-detail'>...</span>}</span></div><div class='unfold'><span class='field-name'>limit</span>: <span class='type-maker'>{</span><ul class='object'><li><div class='inline'><span class='field-name'>minBound</span>: <span class='type-maker unwrapped'>Optional <span class='type-maker'>Number</span></span></div></li><li><div class='inline'><span class='field-name'>maxBound</span>: <span class='type-maker unwrapped'>Optional <span class='type-maker'>Number</span></span></div></li></ul><span class='type-maker'>}</span></div></li></ul><span class='type-maker'><span class='type-maker'>}</span>]</span></div></li><li><div class='fold'><span class='field-name'>inclusions</span>: <span class='type-maker'>[<span class='type-name'>InclusionCondition</span>]</span></div><div class='unfold'><span class='field-name'>inclusions</span>: <span class='type-maker'>[<span><span class='type-name'>InclusionCondition</span><span class='spliter'>spec:</span><span class='type-maker'>{</span></span></span><ul class='strict'><li><div class='fold'><span class='field-name'>via</span>: <span class='type-maker'>[<span class='type-name'>DimensionName</span>]</span></div><div class='unfold'><span class='field-name'>via</span>: <span class='type-maker'>[<span><span class='type-name'>DimensionName</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></span><span class='type-maker'>]</span></div></li><li><div class='fold'><span class='field-name'>positions</span>: <span class='type-maker'>[<span class='type-maker'>[<span class='type-name'>MemberName</span>]</span>]</span></div><div class='unfold'><span class='field-name'>positions</span>: <span class='type-maker'>[<span class='type-maker'>[<span><span class='type-name'>MemberName</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></span></span><span class='type-maker'><span class='type-maker'>]</span>]</span></div></li></ul><span class='type-maker'><span class='type-maker'>}</span>]</span></div></li><li><div class='fold'><span class='field-name'>exclusions</span>: <span class='type-maker'>[<span class='type-name'>ExclusionCondition</span>]</span></div><div class='unfold'><span class='field-name'>exclusions</span>: <span class='type-maker'>[<span><span class='type-name'>ExclusionCondition</span><span class='spliter'>spec:</span><span class='type-maker'>{</span></span></span><ul class='strict'><li><div class='fold'><span class='field-name'>via</span>: <span class='type-maker'>[<span class='type-name'>DimensionName</span>]</span></div><div class='unfold'><span class='field-name'>via</span>: <span class='type-maker'>[<span><span class='type-name'>DimensionName</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></span><span class='type-maker'>]</span></div></li><li><div class='fold'><span class='field-name'>positions</span>: <span class='type-maker'>[<span class='type-maker'>[<span class='type-name'>MemberName</span>]</span>]</span></div><div class='unfold'><span class='field-name'>positions</span>: <span class='type-maker'>[<span class='type-maker'>[<span><span class='type-name'>MemberName</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></span></span><span class='type-maker'><span class='type-maker'>]</span>]</span></div></li></ul><span class='type-maker'><span class='type-maker'>}</span>]</span></div></li></ul><span class='type-maker'>}</span></div></li><li><div class='fold'><span class='field-name'>sort</span>: <span class='type-maker unwrapped'>Map <span class='type-name'>DimensionName</span> <span class='type-name'>SortCondition</span></span></div><div class='unfold'><span class='field-name'>sort</span>: <span class='type-maker'>Map (</span><ul class='map'><li><div class='fold'><span class='meta-field'>key</span>: <span class='type-name'>DimensionName</span></div><div class='unfold'><span class='meta-field'>key</span>: <span><span class='type-name'>DimensionName</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></div></li><li><div class='fold'><span class='meta-field'>value</span>: <span class='type-name'>SortCondition</span></div><div class='unfold'><span class='meta-field'>value</span>: <span><span class='type-name'>SortCondition</span><span class='spliter'>spec:</span><span class='type-maker'>{</span></span><ul class='strict'><li><div class='inline'><span class='field-name'>asc</span>: <span class='type-maker'>Boolean</span></div></li><li><div class='fold'><span class='field-name'>by</span>: <span class='type-maker unwrapped'>Select {<span class='folded-detail'>...</span>}</span></div><div class='unfold'><span class='field-name'>by</span>: <span class='type-maker'>Select {</span><ul class='select'><li><div class='fold'><span class='field-name'>measure</span>: <span class='type-name'>Measure</span></div><div class='unfold'><span class='field-name'>measure</span>: <span><span class='type-name'>Measure</span><span class='spliter'>spec:</span><span class='type-maker'>{</span></span><ul class='strict'><li><div class='fold'><span class='field-name'>name</span>: <span class='type-name'>MeasureName</span></div><div class='unfold'><span class='field-name'>name</span>: <span><span class='type-name'>MeasureName</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></div></li><li><div class='inline'><span class='field-name'>aggregator</span>: <span class='type-maker unwrapped'>Enum [\"sum\",\"avg\",\"max\",\"min\"]</span></div></li></ul><span class='type-maker'>}</span></div></li><li><div class='fold'><span class='field-name'>expr</span>: <span class='type-name'>ValueExpr</span></div><div class='unfold'><span class='field-name'>expr</span>: <span><span class='type-name'>ValueExpr</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></div></li></ul><span class='type-maker'>}</span></div></li><li><div class='fold'><span class='field-name'>where</span>: <span class='type-maker unwrapped'>Optional <span class='type-name'>ConditionExpr</span></span></div><div class='unfold'><span class='field-name'>where</span>: <span class='type-maker'>Optional <span><span class='type-name'>ConditionExpr</span><span class='spliter'>spec:</span><span class='type-maker'>String</span></span></span></div></li></ul><span class='type-maker'>}</span></div></li></ul><span class='type-maker'>)</span></div></li></ul><span class='type-maker'>}</span></div></div><div class='sample'>\n<span class='meta-field'>sample</span>: <pre class='code'>{\n    \"filter\": {\n        \"dimensions\": {\n            \"date\": {\n                \"select\": [\n                    \"2013\"\n                ],\n                \"match\": {\n                    \"contains\": \"abc\"\n                },\n                \"condition\": {\n                    \"limit\": {\n                        \"measure\": {\n                            \"name\": \"sale\",\n                            \"aggregator\": \"sum\"\n                        },\n                        \"comparator\": \"=\",\n                        \"value\": 3.14\n                    }\n                },\n                \"top\": {\n                    \"count\": 3.14,\n                    \"by\": {\n                        \"measure\": {\n                            \"name\": \"sale\",\n                            \"aggregator\": \"sum\"\n                        }\n                    }\n                }\n            },\n            \"product_type\": {\n                \"select\": [\n                    \"2013\"\n                ],\n                \"match\": {\n                    \"contains\": \"abc\"\n                },\n                \"condition\": {\n                    \"limit\": {\n                        \"measure\": {\n                            \"name\": \"sale\",\n                            \"aggregator\": \"sum\"\n                        },\n                        \"comparator\": \"=\",\n                        \"value\": 3.14\n                    }\n                },\n                \"top\": {\n                    \"count\": 3.14,\n                    \"by\": {\n                        \"measure\": {\n                            \"name\": \"sale\",\n                            \"aggregator\": \"sum\"\n                        }\n                    }\n                }\n            }\n        },\n        \"measures\": [\n            {\n                \"measure\": {\n                    \"name\": \"sale\",\n                    \"aggregator\": \"sum\"\n                },\n                \"limit\": {\n                    \"minBound\": 3.14,\n                    \"maxBound\": 3.14\n                }\n            }\n        ],\n        \"inclusions\": [\n            {\n                \"via\": [\n                    \"date\"\n                ],\n                \"positions\": [\n                    [\n                        \"2013\"\n                    ]\n                ]\n            }\n        ],\n        \"exclusions\": [\n            {\n                \"via\": [\n                    \"date\"\n                ],\n                \"positions\": [\n                    [\n                        \"2013\"\n                    ]\n                ]\n            }\n        ]\n    },\n    \"sort\": {\n        \"date\": {\n            \"asc\": true,\n            \"by\": {\n                \"measure\": {\n                    \"name\": \"sale\",\n                    \"aggregator\": \"sum\"\n                }\n            },\n            \"where\": \"sum(sale) > 100\"\n        },\n        \"product_type\": {\n            \"asc\": true,\n            \"by\": {\n                \"measure\": {\n                    \"name\": \"sale\",\n                    \"aggregator\": \"sum\"\n                }\n            },\n            \"where\": \"sum(sale) > 100\"\n        }\n    }\n}</pre>\n</div></div>","d":"<div class='typespec'><div class='name'>\n<span class='meta-field'>name</span>: <span class='type-name'>FieldName</span>\n</div><div class='spec'><div class='inline'><span class='meta-field'>spec</span>: <span class='type-maker'>String</span></div></div><div class='sample'>\n<span class='meta-field'>sample</span>: <span class='code'>\"product_id\"</span>\n</div></div>","e":"<div class='typespec'><div class='spec'><div class='fold'><span class='meta-field'>spec</span>: <span class='type-maker unwrapped'>Select {<span class='folded-detail'>...</span>}</span></div><div class='unfold'><span class='meta-field'>spec</span>: <span class='type-maker'>Select {</span><ul class='select'><li><div class='inline'><span class='field-name'>x</span>: <span class='type-maker'>Number</span></div></li><li><div class='inline'><span class='field-name'>y</span>: <span class='type-maker'>String</span></div></li></ul><span class='type-maker'>}</span></div></div><div class='sample'>\n<span class='meta-field'>sample</span>: <pre class='code'>{\n    \"x\": 3.14\n}</pre>\n</div></div>","f":"<div class='typespec'><div class='spec'><div class='fold'><span class='meta-field'>spec</span>: <span class='type-maker unwrapped'><span class='type-maker unwrapped'>Tree <span class='type-maker'>Int</span></span> -> <span class='type-maker unwrapped'>Loose {<span class='folded-detail'>...</span>}</span></span></div><div class='unfold'><span class='meta-field'>spec</span>: <span class='type-maker'>Function (</span><ul class='function'><li><div class='inline'><span class='meta-field'>input</span>: <span class='type-maker unwrapped'>Tree <span class='type-maker'>Int</span></span></div></li><li><div class='fold'><span class='meta-field'>output</span>: <span class='type-maker unwrapped'>Loose {<span class='folded-detail'>...</span>}</span></div><div class='unfold'><span class='meta-field'>output</span>: <span class='type-maker'>Loose {</span><ul class='loose'><li><div class='inline'><span class='field-name'>x</span>: <span class='type-maker'>Number</span></div></li><li><div class='inline'><span class='field-name'>y</span>: <span class='type-maker'>Number</span></div></li></ul><span class='type-maker'>}</span></div></li></ul><span class='type-maker'>)</span></div></div><div class='sample'>\n<span class='meta-field'>sample</span>: <pre class='code'>{\n    \"[input]\": {\n        \"rootLabel\": 42,\n        \"subForest\": []\n    },\n    \"[output]\": {\n        \"x\": 3.14,\n        \"y\": 3.14\n    }\n}</pre>\n</div></div>"}, ".typespec {\n\tfont-family: monospace;\n\tfont-size: 16px;\n\tborder-width: 4px;\n\tborder-color: rgba(165, 230, 229, 0.24);\n\tborder-style: ridge;\n}\n.typespec>div, .typespec>pre {\n\tmargin: 0.6em\n}\n.typespec .unfolded>.fold, .typespec .folded>.unfold {\n\tdisplay: none\n}\n.typespec ul {\n\tlist-style-type: none;\n\tpadding: 0px;\n\tmargin: 0px 0px 0px 2em;\n}\n.typespec .meta-field {\n\tcolor: gray;\n}\n.typespec .field-name {\n\tfont-weight: bold;\n\tcolor: #87BFB8\n}\n.typespec .type-name {\n\tcolor: blue;\n}\n.typespec .spec .type-name {\n\tcursor: pointer\n}\n.typespec .type-maker {\n\tcolor: #223497\n}\n.typespec .type-maker.unwrapped>.unwrapped:before {\n\tcontent: '('\n}\n.typespec .type-maker.unwrapped>.unwrapped:after {\n\tcontent: ')'\n}\n.typespec .spliter {\n\tcolor: gray;\n\tpadding: 0 0.5em\n}\n.typespec .sample pre {\n\tmargin: 0;\n\tcolor: green;\n\tmax-height: 20em;\n\toverflow: auto;\n}\n.typespec .spec {\n\tcursor: default\n}\n.typespec .spec li:hover {\n\ttransition: 1s;\n\tbackground-color: rgba(140, 150, 255, 0.12)\n}\n.typespec .spec .type-name:hover, .typespec .spec .folded-detail:hover, .typespec .fold>.field-name:hover, .typespec .unfold>.field-name:hover, .typespec .fold>.meta-field:hover, .typespec .unfold>.meta-field:hover {\n\topacity: 0.6\n}")