[{"__symbolic":"module","version":3,"metadata":{"SkySectionedModalFormDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-sectioned-modal-form-demo","template":"<sky-modal>\n  <sky-modal-header>\n      Sectioned form — Index: {{ activeIndexDisplay }}\n  </sky-modal-header>\n  <sky-modal-content>\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]=\"activeTab\">\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  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      type=\"button\"\n      *ngIf=\"tabsHidden()\"\n      class=\"sky-btn sky-btn-secondary\"\n      (click)=\"showTabs()\"\n    >\n      Show sections\n    </button>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-primary\"\n      (click)=\"instance.save('Something cool')\"\n    >\n      Save\n    </button>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"instance.cancel('Nevermind')\"\n    >\n      Cancel\n    </button>\n  </sky-modal-footer>\n  </sky-modal>\n  "}]}],"members":{"sectionedFormComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../../core","name":"SkySectionedFormComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../core","name":"SkyModalInstance"}]}],"ngAfterContentChecked":[{"__symbolic":"method"}],"updateIndex":[{"__symbolic":"method"}],"tabsHidden":[{"__symbolic":"method"}],"showTabs":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkySectionedModalFormDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-sectioned-modal-form-demo","template":"<sky-modal>\n  <sky-modal-header>\n      Sectioned form — Index: {{ activeIndexDisplay }}\n  </sky-modal-header>\n  <sky-modal-content>\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]=\"activeTab\">\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  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      type=\"button\"\n      *ngIf=\"tabsHidden()\"\n      class=\"sky-btn sky-btn-secondary\"\n      (click)=\"showTabs()\"\n    >\n      Show sections\n    </button>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-primary\"\n      (click)=\"instance.save('Something cool')\"\n    >\n      Save\n    </button>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"instance.cancel('Nevermind')\"\n    >\n      Cancel\n    </button>\n  </sky-modal-footer>\n  </sky-modal>\n  "}]}],"members":{"sectionedFormComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../../core","name":"SkySectionedFormComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../core","name":"SkyModalInstance"}]}],"ngAfterContentChecked":[{"__symbolic":"method"}],"updateIndex":[{"__symbolic":"method"}],"tabsHidden":[{"__symbolic":"method"}],"showTabs":[{"__symbolic":"method"}]}}}}]