[{"__symbolic":"module","version":3,"metadata":{"SkyVerticalTabsDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-vertical-tabs-demo","template":"<div style=\"height: 40vh\">\n  <sky-vertical-tabset\n    showTabsText=\"Tab list\"\n    (activeChange)=\"tabChanged($event)\">\n\n    <sky-vertical-tabset-group\n      *ngFor=\"let group of groups\"\n      [groupHeading]=\"group.heading\"\n      [open]=\"group.isOpen\"\n      [disabled]=\"group.isDisabled\">\n\n      <sky-vertical-tab\n        *ngFor=\"let tab of group.subTabs\"\n        [active]=\"tab.active\"\n        [tabHeading]=\"tab.tabHeading\"\n        [tabHeaderCount]=\"tab.tabHeaderCount\"\n        [disabled]=\"tab.disabled\">\n        {{ tab.content }}\n      </sky-vertical-tab>\n    </sky-vertical-tabset-group>\n  </sky-vertical-tabset>\n</div>\n\n<h3>\n  Without groups\n</h3>\n\n<sky-vertical-tabset (activeChange)=\"tabChanged($event)\">\n  <sky-vertical-tab tabHeading=\"tab 1\">\n    Tab 1 content\n  </sky-vertical-tab>\n  <sky-vertical-tab tabHeading=\"tab 2\" active=\"true\">\n    Tab 2 content\n  </sky-vertical-tab>\n  <sky-vertical-tab tabHeading=\"tab 3\">\n    Tab 3 content\n  </sky-vertical-tab>\n</sky-vertical-tabset>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"tabChanged":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyVerticalTabsDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-vertical-tabs-demo","template":"<div style=\"height: 40vh\">\n  <sky-vertical-tabset\n    showTabsText=\"Tab list\"\n    (activeChange)=\"tabChanged($event)\">\n\n    <sky-vertical-tabset-group\n      *ngFor=\"let group of groups\"\n      [groupHeading]=\"group.heading\"\n      [open]=\"group.isOpen\"\n      [disabled]=\"group.isDisabled\">\n\n      <sky-vertical-tab\n        *ngFor=\"let tab of group.subTabs\"\n        [active]=\"tab.active\"\n        [tabHeading]=\"tab.tabHeading\"\n        [tabHeaderCount]=\"tab.tabHeaderCount\"\n        [disabled]=\"tab.disabled\">\n        {{ tab.content }}\n      </sky-vertical-tab>\n    </sky-vertical-tabset-group>\n  </sky-vertical-tabset>\n</div>\n\n<h3>\n  Without groups\n</h3>\n\n<sky-vertical-tabset (activeChange)=\"tabChanged($event)\">\n  <sky-vertical-tab tabHeading=\"tab 1\">\n    Tab 1 content\n  </sky-vertical-tab>\n  <sky-vertical-tab tabHeading=\"tab 2\" active=\"true\">\n    Tab 2 content\n  </sky-vertical-tab>\n  <sky-vertical-tab tabHeading=\"tab 3\">\n    Tab 3 content\n  </sky-vertical-tab>\n</sky-vertical-tabset>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"tabChanged":[{"__symbolic":"method"}]}}}}]