[{"__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 {\n  display: flex;\n  padding: 10px;\n  border-bottom: 1px dotted #cdcfd2;\n}\n\n.sky-repeater-item-left {\n  padding-top: 7px;\n}\n\n.sky-repeater-item-right {\n  flex-grow: 1;\n}\n\n.sky-repeater-item-header {\n  align-items: center;\n  display: flex;\n}\n\n.sky-repeater-item-chevron {\n  margin-left: 10px;\n}\n\n.sky-repeater-item-context-menu {\n  padding: 5px 10px 0 0;\n}\n\n.sky-repeater-item-checkbox {\n  padding: 0 10px 0 0;\n}\n\n.sky-repeater-item-selected {\n  background-color: #f1eef6;\n  transition: background-color 150ms;\n}\n\n.sky-repeater-item-title {\n  font-family: \"Blackbaud Sans\", \"Helvetica Neue\", Arial, sans-serif;\n  color: #282b31;\n  font-weight: 600;\n  font-size: 16px;\n  margin: 10px 0;\n  flex-grow: 1;\n}\n\n.sky-repeater-item-collapsible .sky-repeater-item-header {\n  cursor: pointer;\n}\n\n.sky-repeater-item-collapsible .sky-repeater-item-content {\n  padding-right: 34px;\n}\n\n.sky-repeater-item-collapsed .sky-repeater-item-content {\n  display: none;\n}\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\" [@skyAnimationSlide]=\"slideDirection\">\n      <ng-content select=\"sky-repeater-item-content\"></ng-content>\n    </div>\n  </div>\n</section>\n","animations":[{"__symbolic":"reference","module":"../animation/slide","name":"skyAnimationSlide"}]}]}],"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":"../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 {\n  display: flex;\n  padding: 10px;\n  border-bottom: 1px dotted #cdcfd2;\n}\n\n.sky-repeater-item-left {\n  padding-top: 7px;\n}\n\n.sky-repeater-item-right {\n  flex-grow: 1;\n}\n\n.sky-repeater-item-header {\n  align-items: center;\n  display: flex;\n}\n\n.sky-repeater-item-chevron {\n  margin-left: 10px;\n}\n\n.sky-repeater-item-context-menu {\n  padding: 5px 10px 0 0;\n}\n\n.sky-repeater-item-checkbox {\n  padding: 0 10px 0 0;\n}\n\n.sky-repeater-item-selected {\n  background-color: #f1eef6;\n  transition: background-color 150ms;\n}\n\n.sky-repeater-item-title {\n  font-family: \"Blackbaud Sans\", \"Helvetica Neue\", Arial, sans-serif;\n  color: #282b31;\n  font-weight: 600;\n  font-size: 16px;\n  margin: 10px 0;\n  flex-grow: 1;\n}\n\n.sky-repeater-item-collapsible .sky-repeater-item-header {\n  cursor: pointer;\n}\n\n.sky-repeater-item-collapsible .sky-repeater-item-content {\n  padding-right: 34px;\n}\n\n.sky-repeater-item-collapsed .sky-repeater-item-content {\n  display: none;\n}\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\" [@skyAnimationSlide]=\"slideDirection\">\n      <ng-content select=\"sky-repeater-item-content\"></ng-content>\n    </div>\n  </div>\n</section>\n","animations":[{"__symbolic":"reference","module":"../animation/slide","name":"skyAnimationSlide"}]}]}],"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":"../log/log.service","name":"SkyLogService"}]}],"headerClick":[{"__symbolic":"method"}],"chevronDirectionChange":[{"__symbolic":"method"}],"updateForExpanded":[{"__symbolic":"method"}],"updateIsSelected":[{"__symbolic":"method"}],"slideForExpanded":[{"__symbolic":"method"}]}}}}]