{"__symbolic":"module","version":4,"metadata":{"TsIconButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":15,"character":4},{"__symbolic":"reference","module":"@terminus/ui/icon","name":"TsIconModule","line":16,"character":4}],"declarations":[{"__symbolic":"reference","name":"TsIconButtonComponent"}],"exports":[{"__symbolic":"reference","name":"TsIconButtonComponent"}]}]}],"members":{}},"TsIconButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"ts-icon-button","host":{"class":"ts-icon-button"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":34,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":35,"character":17},"member":"None"},"exportAs":"tsIconButton","template":"<button\n  class=\"c-icon-button qa-icon-button\"\n  [attr.aria-label]=\"actionName\"\n  [attr.type]=\"buttonType\"\n  [disabled]=\"isDisabled\"\n  tabindex=\"{{ tabIndex }}\"\n  (click)=\"clicked.emit($event)\"\n>\n  <ts-icon aria-hidden=\"true\">\n    <ng-content></ng-content>\n  </ts-icon>\n\n  <div\n    matRipple\n    class=\"mat-button-ripple mat-button-ripple-round\"\n    [matRippleTrigger]=\"hostElement\"\n  ></div>\n</button>\n","styles":[".ts-icon-button{display:inline-block;height:40px;position:relative;vertical-align:bottom;width:40px}.ts-icon-button :not(.mat-form-field-label-wrapper){box-sizing:border-box}.ts-icon-button h1,.ts-icon-button h2,.ts-icon-button h3,.ts-icon-button h4,.ts-icon-button h5,.ts-icon-button p{margin:unset}.ts-icon-button .c-icon-button{background-color:transparent;border:0;cursor:pointer;outline:0;text-align:center;bottom:0;left:0;position:absolute;right:0;top:0;border-radius:50%;color:#302d35;margin-left:1px;transition:color .2s;will-change:color}.ts-icon-button .c-icon-button:focus{outline:0}.ts-icon-button .c-icon-button:focus,.ts-icon-button .c-icon-button:hover{color:#3e3c43}.ts-icon-button .c-icon-button .mat-ripple-element{background-color:rgba(48,45,53,.1)}.ts-icon-button[theme=primary] .c-icon-button{color:#00538a}.ts-icon-button[theme=primary]:focus .c-icon-button,.ts-icon-button[theme=primary]:hover .c-icon-button{color:#1666b1}.ts-icon-button[theme=primary] .mat-ripple-element{background-color:rgba(0,83,138,.1)}.ts-icon-button[theme=accent] .c-icon-button{color:#2f854d}.ts-icon-button[theme=accent]:focus .c-icon-button,.ts-icon-button[theme=accent]:hover .c-icon-button{color:#3b9b5c}.ts-icon-button[theme=accent] .mat-ripple-element{background-color:rgba(47,133,77,.1)}.ts-icon-button[theme=warn] .c-icon-button{color:#c8604d}.ts-icon-button[theme=warn]:focus .c-icon-button,.ts-icon-button[theme=warn]:hover .c-icon-button{color:#d76c59}.ts-icon-button[theme=warn] .mat-ripple-element{background-color:rgba(200,96,77,.1)}.c-file-upload .ts-icon-button[theme] .c-icon-button{color:#999}.c-file-upload .ts-icon-button[theme]:focus .c-icon-button,.c-file-upload .ts-icon-button[theme]:hover .c-icon-button{color:#c8604d}.c-csv-entry .ts-icon-button .c-icon-button{color:#999}.c-csv-entry .ts-icon-button:focus .c-icon-button,.c-csv-entry .ts-icon-button:hover .c-icon-button{color:#c8604d}"]}]}],"members":{"actionName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"buttonType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"clicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":78,"character":24}]}]}}},"origins":{"TsIconButtonModule":"./icon-button.module","TsIconButtonComponent":"./icon-button.component"},"importAs":"@terminus/ui/icon-button"}