[{"__symbolic":"module","version":3,"metadata":{"SkyDemoInformationFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-demo-information-form","template":"<div style=\"display: flex;\">\n  <div style=\"margin-right: 10px; flex: 1;\">\n    <label \n      for=\"inputName\" \n      class=\"sky-control-label\"\n      [ngClass]=\"{'sky-control-label-required': nameRequired}\"\n    >\n      Name\n    </label>\n    <input \n      class=\"sky-form-control\"\n      [(ngModel)]=\"name\"\n      id=\"inputName\" \n      type=\"text\"\n      [required]=\"nameRequired\"\n    />\n  </div>\n  <div style=\"margin-right: 10px; flex: 1;\">\n    <label \n      for=\"inputId\" \n      class=\"sky-control-label\"\n    >\n      ID\n    </label>\n    <input \n      class=\"sky-form-control\"\n      [(ngModel)]=\"id\"\n      id=\"inputId\" \n      type=\"text\"\n    />\n  </div>\n</div>\n\n<div style=\"margin-top: 10px;\">\n  <sky-checkbox [(ngModel)]=\"nameRequired\">\n    <sky-checkbox-label>\n      Make 'Name' required\n    </sky-checkbox-label>\n  </sky-checkbox>\n</div>\n  \n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../core","name":"SkySectionedFormService"}]}],"idValid":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyDemoInformationFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-demo-information-form","template":"<div style=\"display: flex;\">\n  <div style=\"margin-right: 10px; flex: 1;\">\n    <label \n      for=\"inputName\" \n      class=\"sky-control-label\"\n      [ngClass]=\"{'sky-control-label-required': nameRequired}\"\n    >\n      Name\n    </label>\n    <input \n      class=\"sky-form-control\"\n      [(ngModel)]=\"name\"\n      id=\"inputName\" \n      type=\"text\"\n      [required]=\"nameRequired\"\n    />\n  </div>\n  <div style=\"margin-right: 10px; flex: 1;\">\n    <label \n      for=\"inputId\" \n      class=\"sky-control-label\"\n    >\n      ID\n    </label>\n    <input \n      class=\"sky-form-control\"\n      [(ngModel)]=\"id\"\n      id=\"inputId\" \n      type=\"text\"\n    />\n  </div>\n</div>\n\n<div style=\"margin-top: 10px;\">\n  <sky-checkbox [(ngModel)]=\"nameRequired\">\n    <sky-checkbox-label>\n      Make 'Name' required\n    </sky-checkbox-label>\n  </sky-checkbox>\n</div>\n  \n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../core","name":"SkySectionedFormService"}]}],"idValid":[{"__symbolic":"method"}]}}}}]