@blackbaud/skyux/dist/modules/repeater/repeater-item.component.metadata.json

SKY UX built on Angular 2

[{"__symbolic":"module","version":3,"metadata":{"SkyRepeaterItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-repeater-item","styles":[".sky-repeater-item{display:flex;padding:10px;border-bottom:1px dotted #cdcfd2}.sky-repeater-item-left{padding-top:7px}.sky-repeater-item-right{flex-grow:1}.sky-repeater-item-header{align-items:center;display:flex}.sky-repeater-item-chevron{margin-left:10px}.sky-repeater-item-context-menu{padding:5px 10px 0 0}.sky-repeater-item-checkbox{padding:0 10px 0 0}.sky-repeater-item-selected{background-color:#f1eef6;transition:background-color 150ms}.sky-repeater-item-title{color:#282b31;font-weight:600;font-size:16px;margin:10px 0;flex-grow:1}.sky-repeater-item-collapsible .sky-repeater-item-header{cursor:pointer}.sky-repeater-item-collapsible .sky-repeater-item-content{padding-right:34px}.sky-repeater-item-collapsed .sky-repeater-item-content{display:none}\n"],"template":"<section\n    class=\"sky-repeater-item\"\n    [ngClass]=\"{'sky-repeater-item-collapsible': isCollapsible, 'sky-repeater-item-selected': isSelected}\"\n>\n\n  <div class=\"sky-repeater-item-left\">\n    <sky-checkbox \n      *ngIf=\"selectable\" \n      class=\"sky-repeater-item-checkbox\"\n      [checked]=\"isSelected\"\n      [label]=\"'repeater_item_checkbox_label' | skyResources\"\n      (change)=\"updateIsSelected($event)\"\n    >\n    </sky-checkbox>\n    <div\n        class=\"sky-repeater-item-context-menu\"\n        [hidden]=\"contextMenuEl.children.length === 0\"\n        #contextMenuEl\n    >\n      <ng-content select=\"sky-repeater-item-context-menu\"></ng-content>\n    </div>\n  </div>\n  <div class=\"sky-repeater-item-right\">\n    <header\n        class=\"sky-repeater-item-header\"\n        [hidden]=\"titleEl.children.length === 0\"\n        (click)=\"headerClick()\"\n    >\n      <h1 class=\"sky-repeater-item-title\" #titleEl>\n        <ng-content select=\"sky-repeater-item-title\"></ng-content>\n      </h1>\n      <div class=\"sky-repeater-item-chevron\" [hidden]=\"!isCollapsible\">\n        <sky-chevron\n            [direction]=\"isExpanded ? 'up' : 'down'\"\n            (directionChange)=\"chevronDirectionChange($event)\"\n        >\n        </sky-chevron>\n      </div>\n    </header>\n    <div class=\"sky-repeater-item-content\" [@slide]=\"slideDirection\">\n      <ng-content select=\"sky-repeater-item-content\"></ng-content>\n    </div>\n  </div>\n</section>\n","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["slide",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["down",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"overflow":"hidden","height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["up",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"overflow":"hidden","height":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["up <=> down",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["150ms ease-in"]}]}]]}]}]}],"members":{"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./repeater.service","name":"SkyRepeaterService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"../log/log.service","name":"SkyLogService"}]}],"headerClick":[{"__symbolic":"method"}],"chevronDirectionChange":[{"__symbolic":"method"}],"updateForExpanded":[{"__symbolic":"method"}],"updateIsSelected":[{"__symbolic":"method"}],"slideForExpanded":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyRepeaterItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-repeater-item","styles":[".sky-repeater-item{display:flex;padding:10px;border-bottom:1px dotted #cdcfd2}.sky-repeater-item-left{padding-top:7px}.sky-repeater-item-right{flex-grow:1}.sky-repeater-item-header{align-items:center;display:flex}.sky-repeater-item-chevron{margin-left:10px}.sky-repeater-item-context-menu{padding:5px 10px 0 0}.sky-repeater-item-checkbox{padding:0 10px 0 0}.sky-repeater-item-selected{background-color:#f1eef6;transition:background-color 150ms}.sky-repeater-item-title{color:#282b31;font-weight:600;font-size:16px;margin:10px 0;flex-grow:1}.sky-repeater-item-collapsible .sky-repeater-item-header{cursor:pointer}.sky-repeater-item-collapsible .sky-repeater-item-content{padding-right:34px}.sky-repeater-item-collapsed .sky-repeater-item-content{display:none}\n"],"template":"<section\n    class=\"sky-repeater-item\"\n    [ngClass]=\"{'sky-repeater-item-collapsible': isCollapsible, 'sky-repeater-item-selected': isSelected}\"\n>\n\n  <div class=\"sky-repeater-item-left\">\n    <sky-checkbox \n      *ngIf=\"selectable\" \n      class=\"sky-repeater-item-checkbox\"\n      [checked]=\"isSelected\"\n      [label]=\"'repeater_item_checkbox_label' | skyResources\"\n      (change)=\"updateIsSelected($event)\"\n    >\n    </sky-checkbox>\n    <div\n        class=\"sky-repeater-item-context-menu\"\n        [hidden]=\"contextMenuEl.children.length === 0\"\n        #contextMenuEl\n    >\n      <ng-content select=\"sky-repeater-item-context-menu\"></ng-content>\n    </div>\n  </div>\n  <div class=\"sky-repeater-item-right\">\n    <header\n        class=\"sky-repeater-item-header\"\n        [hidden]=\"titleEl.children.length === 0\"\n        (click)=\"headerClick()\"\n    >\n      <h1 class=\"sky-repeater-item-title\" #titleEl>\n        <ng-content select=\"sky-repeater-item-title\"></ng-content>\n      </h1>\n      <div class=\"sky-repeater-item-chevron\" [hidden]=\"!isCollapsible\">\n        <sky-chevron\n            [direction]=\"isExpanded ? 'up' : 'down'\"\n            (directionChange)=\"chevronDirectionChange($event)\"\n        >\n        </sky-chevron>\n      </div>\n    </header>\n    <div class=\"sky-repeater-item-content\" [@slide]=\"slideDirection\">\n      <ng-content select=\"sky-repeater-item-content\"></ng-content>\n    </div>\n  </div>\n</section>\n","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["slide",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["down",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"overflow":"hidden","height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["up",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"overflow":"hidden","height":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["up <=> down",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["150ms ease-in"]}]}]]}]}]}],"members":{"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./repeater.service","name":"SkyRepeaterService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"../log/log.service","name":"SkyLogService"}]}],"headerClick":[{"__symbolic":"method"}],"chevronDirectionChange":[{"__symbolic":"method"}],"updateForExpanded":[{"__symbolic":"method"}],"updateIsSelected":[{"__symbolic":"method"}],"slideForExpanded":[{"__symbolic":"method"}]}}}}]