[{"__symbolic":"module","version":3,"metadata":{"SkySortDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-sort-demo","template":"<sky-toolbar>\n  <sky-toolbar-item>\n    <sky-sort>\n      <sky-sort-item\n        *ngFor=\"let item of sortOptions\"\n        [active]=\"initialState === item.id\"\n        (itemSelect)=\"sortItems(item)\">\n        {{item.label}}\n      </sky-sort-item>\n    </sky-sort>\n  </sky-toolbar-item>\n</sky-toolbar>\n<div>\n  <sky-repeater expandMode=\"none\">\n    <sky-repeater-item *ngFor=\"let item of sortedItems\">\n      <sky-repeater-item-title>\n          {{item.title}}\n      </sky-repeater-item-title>\n      <sky-repeater-item-content>\n          <div style=\"display: flex; justify-content: space-between\">\n            <div>\n              Assigned to {{item.assignee}}\n            </div>\n            <div>\n              Created {{item.date | date}}\n            </div>\n          </div>\n          <div>\n            {{item.note}}\n          </div>\n      </sky-repeater-item-content>\n    </sky-repeater-item>\n  </sky-repeater>\n</div>\n"}]}],"members":{"sortItems":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkySortDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-sort-demo","template":"<sky-toolbar>\n  <sky-toolbar-item>\n    <sky-sort>\n      <sky-sort-item\n        *ngFor=\"let item of sortOptions\"\n        [active]=\"initialState === item.id\"\n        (itemSelect)=\"sortItems(item)\">\n        {{item.label}}\n      </sky-sort-item>\n    </sky-sort>\n  </sky-toolbar-item>\n</sky-toolbar>\n<div>\n  <sky-repeater expandMode=\"none\">\n    <sky-repeater-item *ngFor=\"let item of sortedItems\">\n      <sky-repeater-item-title>\n          {{item.title}}\n      </sky-repeater-item-title>\n      <sky-repeater-item-content>\n          <div style=\"display: flex; justify-content: space-between\">\n            <div>\n              Assigned to {{item.assignee}}\n            </div>\n            <div>\n              Created {{item.date | date}}\n            </div>\n          </div>\n          <div>\n            {{item.note}}\n          </div>\n      </sky-repeater-item-content>\n    </sky-repeater-item>\n  </sky-repeater>\n</div>\n"}]}],"members":{"sortItems":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]