[{"__symbolic":"module","version":3,"metadata":{"SkySectionedFormDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-sectioned-form-demo","template":"<h3>Sectioned form — Index: {{ activeIndexDisplay }}</h3>\n<div style=\"height: 150px;\">\n  <sky-sectioned-form (indexChanged)=\"updateIndex($event)\" >\n    <sky-sectioned-form-section heading=\"Basic information\">\n      <sky-demo-information-form>\n      </sky-demo-information-form>\n    </sky-sectioned-form-section>\n    <sky-sectioned-form-section heading=\"Addresses\" itemCount=\"2\" active=\"true\">\n      <sky-demo-address-form></sky-demo-address-form>\n    </sky-sectioned-form-section>\n    <sky-sectioned-form-section heading=\"Phone numbers\" itemCount=\"3\">\n      <sky-demo-phone-form></sky-demo-phone-form>\n    </sky-sectioned-form-section>\n  </sky-sectioned-form>\n</div>\n\n<h3>With a modal</h3>\n<button type=\"button\" class=\"sky-btn sky-btn-default\" (click)=\"openModal()\">\n  Open sectioned form\n</button>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../core","name":"SkyModalService"}]}],"openModal":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"updateIndex":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkySectionedFormDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-sectioned-form-demo","template":"<h3>Sectioned form — Index: {{ activeIndexDisplay }}</h3>\n<div style=\"height: 150px;\">\n  <sky-sectioned-form (indexChanged)=\"updateIndex($event)\" >\n    <sky-sectioned-form-section heading=\"Basic information\">\n      <sky-demo-information-form>\n      </sky-demo-information-form>\n    </sky-sectioned-form-section>\n    <sky-sectioned-form-section heading=\"Addresses\" itemCount=\"2\" active=\"true\">\n      <sky-demo-address-form></sky-demo-address-form>\n    </sky-sectioned-form-section>\n    <sky-sectioned-form-section heading=\"Phone numbers\" itemCount=\"3\">\n      <sky-demo-phone-form></sky-demo-phone-form>\n    </sky-sectioned-form-section>\n  </sky-sectioned-form>\n</div>\n\n<h3>With a modal</h3>\n<button type=\"button\" class=\"sky-btn sky-btn-default\" (click)=\"openModal()\">\n  Open sectioned form\n</button>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../core","name":"SkyModalService"}]}],"openModal":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"updateIndex":[{"__symbolic":"method"}]}}}}]