{"__symbolic":"module","version":4,"metadata":{"GhTileModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12}],"exports":[{"__symbolic":"reference","name":"GhTile"},{"__symbolic":"reference","name":"GhTileTitle"},{"__symbolic":"reference","name":"GhTileSubtitle"},{"__symbolic":"reference","name":"GhTileIcon"}],"declarations":[{"__symbolic":"reference","name":"GhTile"},{"__symbolic":"reference","name":"GhTileTitle"},{"__symbolic":"reference","name":"GhTileSubtitle"},{"__symbolic":"reference","name":"GhTileIcon"}]}]}],"members":{}},"GhTileTitle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":20,"character":1},"arguments":[{"selector":"gh-tile-title, [gh-tile-title], [ghTileTitle]","host":{"class":"gh-tile-title"}}]}],"members":{}},"GhTileIcon":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":29,"character":1},"arguments":[{"selector":"gh-tile-icon, [gh-tile-icon], [ghTileIcon]","host":{"class":"gh-tile-icon","[class.gh-tile-icon-end]":"align === \"end\""}}]}],"members":{"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}]}},"GhTileSubtitle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":41,"character":1},"arguments":[{"selector":"gh-tile-subtitle, [gh-tile-subtitle], [ghTileSubtitle]","host":{"class":"gh-tile-subtitle"}}]}],"members":{}},"GhTileBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":51,"character":34}]}]}},"_GhTileMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/core","name":"mixinTabIndex","line":53,"character":32},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/core","name":"mixinDisabled","line":53,"character":46},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/core","name":"mixinColor","line":53,"character":60},"arguments":[{"__symbolic":"reference","name":"GhTileBase"}]}]}]},"GhTile":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_GhTileMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":55,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"gh-tile","exportAs":"ghTile","inputs":["disabled","tabIndex","color"],"host":{"role":"button","[attr.tabindex]":"tabIndex","[attr.aria-disabled]":"disabled.toString()","class":"gh-tile","[class.gh-tile-small]":"!_subTitle","[class.gh-tile-disabled]":"disabled","(click)":"_haltDisabledEvents($event)"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":71,"character":17},"member":"None"},"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":73,"character":19},"member":"OnPush"},"template":"<div class=\"gh-tile-header\"><ng-content select=\"\n    gh-tile-icon:not([align='end']),\n    [gh-tile-icon]:not([align='end']),\n    [ghTileIcon]:not([align='end'])\"></ng-content><div class=\"gh-tile-heading\"><ng-content select=\"gh-tile-title, [gh-tile-title], [ghTileTitle]\"></ng-content><ng-content select=\"gh-tile-subtitle, [gh-tile-subtitle], [ghTileSubtitle]\"></ng-content></div><ng-content select=\"\n    gh-tile-icon[align='end'],\n    [gh-tile-icon][align='end'],\n    [ghTileIcon][align='end']\"></ng-content></div><div class=\"gh-tile-content\"><ng-content></ng-content></div>","styles":[".gh-tile {\n  display: block;\n  font-family: \"BerninaSans\", \"Open Sans\", sans-serif;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  position: relative;\n  box-sizing: border-box;\n  text-decoration: none;\n  border-radius: 3px;\n  cursor: pointer;\n  line-height: -moz-block-height;\n  border: 1px solid #e6e6e6;\n  white-space: nowrap;\n  overflow: hidden;\n  width: 100%;\n  padding: 0;\n  text-align: left; }\n  .gh-tile:hover:not(.gh-tile-disabled) {\n    border-color: #454646; }\n  .gh-tile.gh-tile-disabled {\n    pointer-events: none;\n    border-color: #ccc;\n    cursor: default;\n    box-shadow: none; }\n  .gh-tile:focus:not(.gh-tile-disabled) {\n    outline: none;\n    box-shadow: 0 0 0 2px #ccc; }\n\n.gh-tile-header {\n  display: flex;\n  background-color: #f8f8f8;\n  height: 52px;\n  border-bottom: none;\n  width: 100%; }\n  .gh-tile-small .gh-tile-header {\n    height: 36px; }\n\n.gh-tile-icon {\n  width: 52px;\n  height: 52px;\n  background-color: #454646;\n  display: flex;\n  align-items: center;\n  justify-content: center; }\n  .gh-tile-icon svg {\n    fill: #fff; }\n  .gh-tile-small .gh-tile-icon {\n    width: 36px;\n    height: 36px; }\n\n.gh-tile-disabled .gh-tile-icon {\n  background-color: #ccc; }\n\n.gh-tile-heading {\n  padding: 8px 11px 0;\n  flex: 1 0 8px; }\n\n.gh-tile-title {\n  display: block;\n  margin-top: 0;\n  font-size: 16px;\n  font-weight: 400;\n  color: #454646;\n  line-height: 1.2; }\n\n.gh-tile-subtitle {\n  display: block;\n  margin-top: 0;\n  font-size: 12px;\n  font-weight: 400;\n  color: #898989;\n  position: relative;\n  line-height: 1.2; }\n\n.gh-tile-disabled .gh-tile-title,\n.gh-tile-disabled .gh-tile-subtitle {\n  color: #ccc; }\n\n.gh-tile-content {\n  display: block;\n  font-size: 14px;\n  color: #454646;\n  margin: 0;\n  padding: 11px;\n  border: 1px solid transparent;\n  border-radius: 0 0 3px 3px;\n  border-top: none;\n  background-color: #fff; }\n\n.gh-tile-disabled .gh-tile-content {\n  color: #ccc; }\n"]}]}],"members":{"_subTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":78,"character":3},"arguments":[{"__symbolic":"reference","name":"GhTileSubtitle"}]}]}],"_icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":79,"character":3},"arguments":[{"__symbolic":"reference","name":"GhTileIcon"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":51,"character":34}]}],"_haltDisabledEvents":[{"__symbolic":"method"}]}}},"origins":{"GhTileModule":"./tile-module","GhTileTitle":"./tile","GhTileIcon":"./tile","GhTileSubtitle":"./tile","GhTileBase":"./tile","_GhTileMixinBase":"./tile","GhTile":"./tile"},"importAs":"@dynatrace/ngx-groundhog/tile"}