[{"__symbolic":"module","version":3,"metadata":{"SkyTabsDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-tabs-demo","template":"<sky-tabset\n  (newTab)=\"newTabClick()\"\n  (openTab)=\"openTabClick()\"\n  [active]=\"activeTabIndex\"\n  (activeChange)=\"tabChanged($event)\">\n  <sky-tab\n    *ngFor=\"let tab of tabs; let i = index\"\n    [tabHeading]=\"tab.heading\"\n    (close)=\"closeClick(i)\">\n    {{tab.content}}\n  </sky-tab>\n  <sky-tab\n    tabHeading=\"Permanent tab\"\n    tabIndex=\"permanent\">\n    This tab cannot be closed.\n  </sky-tab>\n</sky-tabset>\n\n<h3>\n  Tabs example with counter\n</h3>\n\n<sky-tabset\n  [active]=\"0\">\n  <sky-tab\n    *ngFor=\"let tab of tabsWithCounts\"\n    [tabHeading]=\"tab.heading\"\n    [tabHeaderCount]=\"tab.headerCount\">\n    {{tab.content}}\n  </sky-tab>\n</sky-tabset>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"closeClick":[{"__symbolic":"method"}],"newTabClick":[{"__symbolic":"method"}],"openTabClick":[{"__symbolic":"method"}],"tabChanged":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyTabsDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-tabs-demo","template":"<sky-tabset\n  (newTab)=\"newTabClick()\"\n  (openTab)=\"openTabClick()\"\n  [active]=\"activeTabIndex\"\n  (activeChange)=\"tabChanged($event)\">\n  <sky-tab\n    *ngFor=\"let tab of tabs; let i = index\"\n    [tabHeading]=\"tab.heading\"\n    (close)=\"closeClick(i)\">\n    {{tab.content}}\n  </sky-tab>\n  <sky-tab\n    tabHeading=\"Permanent tab\"\n    tabIndex=\"permanent\">\n    This tab cannot be closed.\n  </sky-tab>\n</sky-tabset>\n\n<h3>\n  Tabs example with counter\n</h3>\n\n<sky-tabset\n  [active]=\"0\">\n  <sky-tab\n    *ngFor=\"let tab of tabsWithCounts\"\n    [tabHeading]=\"tab.heading\"\n    [tabHeaderCount]=\"tab.headerCount\">\n    {{tab.content}}\n  </sky-tab>\n</sky-tabset>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"closeClick":[{"__symbolic":"method"}],"newTabClick":[{"__symbolic":"method"}],"openTabClick":[{"__symbolic":"method"}],"tabChanged":[{"__symbolic":"method"}]}}}}]