[{"__symbolic":"module","version":3,"metadata":{"SkyContribListViewRepeaterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../list/list-view.component","name":"ListViewComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-contrib-list-view-repeater","template":"<div *ngIf=\"(active | async)\">\n  <div *ngIf=\"!(loading | async)\">\n    <div class=\"sky-repeater-item\" *ngFor=\"let item of (items | async); let i = index; trackBy: trackByItemId\">\n      <sky-contrib-list-view-repeater-renderer\n        class=\"sky-contrib-list-view-repeater-left\"\n        [template]=\"leftTemplate\"\n        [item]=\"item\"\n        [index]=\"i\"\n      ></sky-contrib-list-view-repeater-renderer>\n      <div class=\"sky-contrib-list-view-repeater-title-area\">\n        <sky-contrib-list-view-repeater-renderer\n          class=\"sky-contrib-list-view-repeater-title\"\n          [template]=\"titleTemplate\"\n          [item]=\"item\"\n          [index]=\"i\"\n        ></sky-contrib-list-view-repeater-renderer>\n        <sky-contrib-list-view-repeater-renderer\n          class=\"sky-contrib-list-view-repeater-description\"\n          [template]=\"descriptionTemplate\"\n          [item]=\"item\"\n          [index]=\"i\"\n        ></sky-contrib-list-view-repeater-renderer>\n      </div>\n      <sky-chevron\n        *ngIf=\"displayContent\"\n        [direction]=\"(showContent(item) | async) ? 'up' : 'down'\"\n        (directionChange)=\"toggleContent(item)\"\n      ></sky-chevron>\n      <sky-contrib-list-view-repeater-renderer\n        class=\"sky-contrib-list-view-repeater-right\"\n        [template]=\"rightTemplate\"\n        [item]=\"item\"\n        [index]=\"i\"\n      ></sky-contrib-list-view-repeater-renderer>\n      <sky-contrib-list-view-repeater-renderer\n        class=\"sky-contrib-list-view-repeater-content\"\n        [template]=\"contentTemplate\"\n        [item]=\"item\"\n        [index]=\"i\"\n        *ngIf=\"(showContent(item) | async)\"\n      ></sky-contrib-list-view-repeater-renderer>\n    </div>\n  </div>\n  <div class=\"loading\" *ngIf=\"(loading | async)\"><sky-wait [isWaiting]=\"true\"></sky-wait></div>\n  <ng-content></ng-content>\n</div>\n","styles":[":host .loading{height:200px;position:relative}:host .sky-repeater-item{border-bottom:1px solid #eeeeef;display:flex;flex-flow:row wrap;padding:10px}:host .sky-repeater-item .sky-contrib-list-view-repeater-title-area{flex-grow:1;flex-basis:80%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .sky-repeater-item sky-contrib-list-view-repeater-renderer.sky-contrib-list-view-repeater-left{flex-grow:0;margin:0 10px 0 0}:host .sky-repeater-item sky-contrib-list-view-repeater-renderer.sky-contrib-list-view-repeater-title{font-family:\"Blackbaud Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#282b31;font-weight:600;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .sky-repeater-item sky-contrib-list-view-repeater-renderer.sky-contrib-list-view-repeater-title *{min-width:0}:host .sky-repeater-item sky-contrib-list-view-repeater-renderer.sky-contrib-list-view-repeater-right{flex-grow:0;margin:0 0 0 10px}:host .sky-repeater-item sky-contrib-list-view-repeater-renderer.sky-contrib-list-view-repeater-content{display:block;flex-basis:100%;display:flex;flex-wrap:wrap;margin:10px}:host .sky-repeater-item sky-contrib-list-view-repeater-renderer.sky-contrib-list-view-repeater-editor{display:block;flex-basis:100%}:host .sky-repeater-item /deep/ p{margin:0}:host .sky-repeater-item /deep/ .sky-chevron{cursor:pointer}\n"],"providers":[{"provide":{"__symbolic":"reference","module":"../list/list-view.component","name":"ListViewComponent"},"useExisting":{"__symbolic":"reference","name":"SkyContribListViewRepeaterComponent"}},{"__symbolic":"reference","module":"./state","name":"RepeaterState"},{"__symbolic":"reference","module":"./state","name":"RepeaterStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"RepeaterStateModel"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"searchFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["search"]}]}],"leftComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./list-view-repeater-left.component","name":"SkyContribListViewRepeaterLeftComponent"}]}]}],"rightComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./list-view-repeater-right.component","name":"SkyContribListViewRepeaterRightComponent"}]}]}],"titleComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./list-view-repeater-title.component","name":"SkyContribListViewRepeaterTitleComponent"}]}]}],"descriptionComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./list-view-repeater-description.component","name":"SkyContribListViewRepeaterDescriptionComponent"}]}]}],"contentComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./list-view-repeater-content.component","name":"SkyContribListViewRepeaterContentComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../list/state","name":"ListState"},{"__symbolic":"reference","module":"../list/state","name":"ListStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"RepeaterState"},{"__symbolic":"reference","module":"./state","name":"RepeaterStateDispatcher"}]}],"onViewActive":[{"__symbolic":"method"}],"toggleContent":[{"__symbolic":"method"}],"showContent":[{"__symbolic":"method"}],"trackByItemId":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyContribListViewRepeaterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../list/list-view.component","name":"ListViewComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-contrib-list-view-repeater","template":"<div *ngIf=\"(active | async)\">\n  <div *ngIf=\"!(loading | async)\">\n    <div class=\"sky-repeater-item\" *ngFor=\"let item of (items | async); let i = index; trackBy: trackByItemId\">\n      <sky-contrib-list-view-repeater-renderer\n        class=\"sky-contrib-list-view-repeater-left\"\n        [template]=\"leftTemplate\"\n        [item]=\"item\"\n        [index]=\"i\"\n      ></sky-contrib-list-view-repeater-renderer>\n      <div class=\"sky-contrib-list-view-repeater-title-area\">\n        <sky-contrib-list-view-repeater-renderer\n          class=\"sky-contrib-list-view-repeater-title\"\n          [template]=\"titleTemplate\"\n          [item]=\"item\"\n          [index]=\"i\"\n        ></sky-contrib-list-view-repeater-renderer>\n        <sky-contrib-list-view-repeater-renderer\n          class=\"sky-contrib-list-view-repeater-description\"\n          [template]=\"descriptionTemplate\"\n          [item]=\"item\"\n          [index]=\"i\"\n        ></sky-contrib-list-view-repeater-renderer>\n      </div>\n      <sky-chevron\n        *ngIf=\"displayContent\"\n        [direction]=\"(showContent(item) | async) ? 'up' : 'down'\"\n        (directionChange)=\"toggleContent(item)\"\n      ></sky-chevron>\n      <sky-contrib-list-view-repeater-renderer\n        class=\"sky-contrib-list-view-repeater-right\"\n        [template]=\"rightTemplate\"\n        [item]=\"item\"\n        [index]=\"i\"\n      ></sky-contrib-list-view-repeater-renderer>\n      <sky-contrib-list-view-repeater-renderer\n        class=\"sky-contrib-list-view-repeater-content\"\n        [template]=\"contentTemplate\"\n        [item]=\"item\"\n        [index]=\"i\"\n        *ngIf=\"(showContent(item) | async)\"\n      ></sky-contrib-list-view-repeater-renderer>\n    </div>\n  </div>\n  <div class=\"loading\" *ngIf=\"(loading | async)\"><sky-wait [isWaiting]=\"true\"></sky-wait></div>\n  <ng-content></ng-content>\n</div>\n","styles":[":host .loading{height:200px;position:relative}:host .sky-repeater-item{border-bottom:1px solid #eeeeef;display:flex;flex-flow:row wrap;padding:10px}:host .sky-repeater-item .sky-contrib-list-view-repeater-title-area{flex-grow:1;flex-basis:80%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .sky-repeater-item sky-contrib-list-view-repeater-renderer.sky-contrib-list-view-repeater-left{flex-grow:0;margin:0 10px 0 0}:host .sky-repeater-item sky-contrib-list-view-repeater-renderer.sky-contrib-list-view-repeater-title{font-family:\"Blackbaud Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#282b31;font-weight:600;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .sky-repeater-item sky-contrib-list-view-repeater-renderer.sky-contrib-list-view-repeater-title *{min-width:0}:host .sky-repeater-item sky-contrib-list-view-repeater-renderer.sky-contrib-list-view-repeater-right{flex-grow:0;margin:0 0 0 10px}:host .sky-repeater-item sky-contrib-list-view-repeater-renderer.sky-contrib-list-view-repeater-content{display:block;flex-basis:100%;display:flex;flex-wrap:wrap;margin:10px}:host .sky-repeater-item sky-contrib-list-view-repeater-renderer.sky-contrib-list-view-repeater-editor{display:block;flex-basis:100%}:host .sky-repeater-item /deep/ p{margin:0}:host .sky-repeater-item /deep/ .sky-chevron{cursor:pointer}\n"],"providers":[{"provide":{"__symbolic":"reference","module":"../list/list-view.component","name":"ListViewComponent"},"useExisting":{"__symbolic":"reference","name":"SkyContribListViewRepeaterComponent"}},{"__symbolic":"reference","module":"./state","name":"RepeaterState"},{"__symbolic":"reference","module":"./state","name":"RepeaterStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"RepeaterStateModel"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"searchFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["search"]}]}],"leftComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./list-view-repeater-left.component","name":"SkyContribListViewRepeaterLeftComponent"}]}]}],"rightComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./list-view-repeater-right.component","name":"SkyContribListViewRepeaterRightComponent"}]}]}],"titleComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./list-view-repeater-title.component","name":"SkyContribListViewRepeaterTitleComponent"}]}]}],"descriptionComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./list-view-repeater-description.component","name":"SkyContribListViewRepeaterDescriptionComponent"}]}]}],"contentComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./list-view-repeater-content.component","name":"SkyContribListViewRepeaterContentComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../list/state","name":"ListState"},{"__symbolic":"reference","module":"../list/state","name":"ListStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"RepeaterState"},{"__symbolic":"reference","module":"./state","name":"RepeaterStateDispatcher"}]}],"onViewActive":[{"__symbolic":"method"}],"toggleContent":[{"__symbolic":"method"}],"showContent":[{"__symbolic":"method"}],"trackByItemId":[{"__symbolic":"method"}]}}}}]