@blackbaud/skyux
Version:
SKY UX built on Angular 2
1 lines • 6.43 kB
JSON
[{"__symbolic":"module","version":3,"metadata":{"SkyTextExpandComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-text-expand","template":"<div\n class=\"sky-text-expand-container\"\n (transitionend)=\"animationEnd()\"\n #container>\n <span class=\"sky-text-expand-text\" #text></span>\n <span class=\"sky-text-expand-ellipsis\" *ngIf=\"!isExpanded && expandable\">... </span>\n <button type=\"button\" class=\"sky-btn sky-btn-link-inline sky-text-expand-see-more\" *ngIf=\"expandable\" (click)=\"textExpand()\">{{buttonText}}</button>\n</div>\n","styles":[".sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap;margin-right:3px}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto;transition:max-height 250ms}.sky-text-expand-modal-content{white-space:pre-line}\n"],"providers":[{"__symbolic":"reference","module":"./text-expand-adapter.service","name":"SkyTextExpandAdapterService"},{"__symbolic":"reference","module":"../resources","name":"SkyResourcesService"}]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxExpandedLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxExpandedNewlines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandModalTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"containerEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"textEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["text"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../resources","name":"SkyResourcesService"},{"__symbolic":"reference","module":"../modal","name":"SkyModalService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./text-expand-adapter.service","name":"SkyTextExpandAdapterService"}]}],"textExpand":[{"__symbolic":"method"}],"animationEnd":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"setContainerMaxHeight":[{"__symbolic":"method"}],"setup":[{"__symbolic":"method"}],"getNewlineCount":[{"__symbolic":"method"}],"getTruncatedText":[{"__symbolic":"method"}],"animateText":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyTextExpandComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-text-expand","template":"<div\n class=\"sky-text-expand-container\"\n (transitionend)=\"animationEnd()\"\n #container>\n <span class=\"sky-text-expand-text\" #text></span>\n <span class=\"sky-text-expand-ellipsis\" *ngIf=\"!isExpanded && expandable\">... </span>\n <button type=\"button\" class=\"sky-btn sky-btn-link-inline sky-text-expand-see-more\" *ngIf=\"expandable\" (click)=\"textExpand()\">{{buttonText}}</button>\n</div>\n","styles":[".sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap;margin-right:3px}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto;transition:max-height 250ms}.sky-text-expand-modal-content{white-space:pre-line}\n"],"providers":[{"__symbolic":"reference","module":"./text-expand-adapter.service","name":"SkyTextExpandAdapterService"},{"__symbolic":"reference","module":"../resources","name":"SkyResourcesService"}]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxExpandedLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxExpandedNewlines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandModalTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"containerEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"textEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["text"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../resources","name":"SkyResourcesService"},{"__symbolic":"reference","module":"../modal","name":"SkyModalService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./text-expand-adapter.service","name":"SkyTextExpandAdapterService"}]}],"textExpand":[{"__symbolic":"method"}],"animationEnd":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"setContainerMaxHeight":[{"__symbolic":"method"}],"setup":[{"__symbolic":"method"}],"getNewlineCount":[{"__symbolic":"method"}],"getTruncatedText":[{"__symbolic":"method"}],"animateText":[{"__symbolic":"method"}]}}}}]