{"__symbolic":"module","version":4,"metadata":{"GhFormFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"PlatformModule","line":8,"character":4}],"exports":[{"__symbolic":"reference","name":"GhFormField"},{"__symbolic":"reference","name":"GhLabel"},{"__symbolic":"reference","name":"GhHint"},{"__symbolic":"reference","name":"GhError"}],"declarations":[{"__symbolic":"reference","name":"GhFormField"},{"__symbolic":"reference","name":"GhLabel"},{"__symbolic":"reference","name":"GhHint"},{"__symbolic":"reference","name":"GhError"}]}]}],"members":{}},"GhHint":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":25,"character":1},"arguments":[{"selector":"gh-hint","host":{"class":"gh-hint","[class.gh-hint-right]":"align == \"end\"","[attr.id]":"id","[attr.align]":"null"}}]}],"members":{"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}]}},"GhLabel":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":44,"character":1},"arguments":[{"selector":"gh-label"}]}],"members":{}},"GhError":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":50,"character":1},"arguments":[{"selector":"gh-error","host":{"class":"gh-error","role":"alert","[attr.id]":"id"}}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}]}},"GhFormField":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":63,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"gh-form-field","exportAs":"ghFormField","host":{"class":"gh-form-field","[class.gh-form-field-invalid]":"_control.errorState","[class.gh-form-field-disabled]":"_control.disabled","[class.gh-focused]":"_control.focused","[class.ng-untouched]":"_shouldForward(\"untouched\")","[class.ng-touched]":"_shouldForward(\"touched\")","[class.ng-pristine]":"_shouldForward(\"pristine\")","[class.ng-dirty]":"_shouldForward(\"dirty\")","[class.ng-valid]":"_shouldForward(\"valid\")","[class.ng-invalid]":"_shouldForward(\"invalid\")","[class.ng-pending]":"_shouldForward(\"pending\")"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":87,"character":4},"arguments":["transitionErrors",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":88,"character":6},"arguments":["enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":88,"character":21},"arguments":[{"opacity":1,"transform":"scaleY(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":89,"character":6},"arguments":["void => enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":90,"character":8},"arguments":[{"opacity":0,"transform":"scaleY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":91,"character":8},"arguments":["150ms cubic-bezier(0.55, 0, 0.55, 0.2)"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":93,"character":6},"arguments":["void => enter-delayed",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":94,"character":8},"arguments":[{"opacity":0,"transform":"scaleY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":95,"character":8},"arguments":["250ms 150ms cubic-bezier(0.55, 0, 0.55, 0.2)"]}]]}]]}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":99,"character":17},"member":"None"},"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":101,"character":19},"member":"OnPush"},"template":"<div class=\"gh-form-field-wrapper\"><div class=\"gh-form-field-container\" (click)=\"_control.onContainerClick && _control.onContainerClick($event)\"><label class=\"gh-form-field-label\" *ngIf=\"!!this._labelChild\" [attr.for]=\"_control.id\" [attr.aria-owns]=\"_control.id\" [class.gh-empty]=\"_control.empty\"><ng-content select=\"gh-label\"></ng-content></label><div class=\"gh-form-field-control\"><ng-content></ng-content></div></div><div class=\"gh-form-field-subscript-wrapper\"><div class=\"gh-form-field-error\" *ngIf=\"_getDisplayedError()\" [@transitionErrors]=\"_errorAnimationState\"><ng-content select=\"gh-error\"></ng-content></div><div class=\"gh-form-field-hint-wrapper\"><gh-hint *ngIf=\"hintLabel\" [id]=\"_hintLabelId\">{{hintLabel}}</gh-hint><ng-content select=\"gh-hint:not([align='end'])\"></ng-content><span class=\"gh-form-field-hint-spacer\"></span><ng-content select=\"gh-hint[align='end']\"></ng-content></div></div></div>","styles":[".gh-form-field {\n  display: inline-block;\n  position: relative;\n  text-align: left; }\n\n.gh-form-field-control {\n  display: block;\n  position: relative;\n  flex: auto;\n  width: 100%;\n  min-width: 180px; }\n\n.gh-form-field-control.gh-form-field-control > * {\n  display: block;\n  width: 100%; }\n\n.gh-form-field-label {\n  position: relative;\n  font-size: 12px;\n  font-weight: 400;\n  display: block;\n  padding-bottom: 6px; }\n\n.gh-form-field-subscript-wrapper {\n  position: relative; }\n\n.gh-form-field-error {\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  border: 1px solid #ccc;\n  background-color: #f8f8f8;\n  padding: 8px 12px 7px;\n  border-bottom-left-radius: 3px;\n  border-bottom-right-radius: 3px;\n  transform-origin: top left; }\n  .gh-form-field-error::before {\n    content: '';\n    display: block;\n    position: absolute;\n    top: -2px;\n    left: -1px;\n    right: -1px;\n    height: 2px;\n    background-color: #dc172a; }\n\n.gh-form-field-invalid .gh-input {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0; }\n\n.gh-form-field-hint-wrapper {\n  display: flex;\n  padding-top: 6px; }\n\n.gh-form-field-hint-spacer {\n  flex: 1 0 8px; }\n\n.gh-hint,\n.gh-error {\n  font-family: \"BerninaSans\", \"Open Sans\", sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  text-decoration: none;\n  appearance: none;\n  display: block;\n  box-sizing: border-box;\n  white-space: normal; }\n\n.gh-hint {\n  color: #898989; }\n\n.gh-error {\n  color: #dc172a; }\n",".gh-input {\n  font-family: \"BerninaSans\", \"Open Sans\", sans-serif;\n  appearance: none;\n  position: relative;\n  display: inline-block;\n  box-sizing: border-box;\n  text-decoration: none;\n  border: 1px solid #ccc;\n  border-radius: 3px;\n  padding-top: 0;\n  padding-bottom: 0;\n  padding-left: 11px;\n  padding-right: 11px;\n  font-size: 14px;\n  line-height: 32px;\n  line-height: -moz-block-height;\n  vertical-align: middle;\n  white-space: nowrap;\n  text-align: left;\n  overflow: hidden;\n  width: 100%;\n  color: #454646; }\n  .gh-input:hover:not([disabled]) {\n    border-color: #898989; }\n  .gh-input[disabled] {\n    background-color: #f8f8f8;\n    color: #ccc; }\n  .gh-input:focus:not([disabled]) {\n    outline: none;\n    box-shadow: 0 0 0 2px #ccc; }\n\ninput.gh-input {\n  height: 32px;\n  line-height: 32px; }\n\ntextarea.gh-input {\n  line-height: 1.5;\n  resize: none;\n  padding-top: 6px;\n  padding-bottom: 6px;\n  white-space: pre-wrap; }\n"]}]}],"members":{"hintLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"_labelChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":119,"character":3},"arguments":[{"__symbolic":"reference","name":"GhLabel"}]}]}],"_hintChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":120,"character":3},"arguments":[{"__symbolic":"reference","name":"GhHint"}]}]}],"_errorChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":121,"character":3},"arguments":[{"__symbolic":"reference","name":"GhError"}]}]}],"_control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":122,"character":3},"arguments":[{"__symbolic":"reference","name":"GhFormFieldControl"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":128,"character":42}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"_shouldForward":[{"__symbolic":"method"}],"_getDisplayedError":[{"__symbolic":"method"}],"_validateControlChild":[{"__symbolic":"method"}],"_processHints":[{"__symbolic":"method"}],"_validateHints":[{"__symbolic":"method"}],"_syncDescribedByIds":[{"__symbolic":"method"}],"_updateAnimationState":[{"__symbolic":"method"}]}},"GhFormFieldControl":{"__symbolic":"class","arity":1,"members":{"setDescribedByIds":[{"__symbolic":"method"}],"onContainerClick":[{"__symbolic":"method"}]}},"getFormFieldDuplicatedHintError":{"__symbolic":"function","parameters":["align"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Error"},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"A hint was already declared for 'align=\"","right":{"__symbolic":"reference","name":"align"}},"right":"\"'."}]}},"getFormFieldMissingControlError":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Error"},"arguments":["gh-form-field must contain a GhFormFieldControl."]}}},"origins":{"GhFormFieldModule":"./form-field-module","GhHint":"./form-field","GhLabel":"./form-field","GhError":"./form-field","GhFormField":"./form-field","GhFormFieldControl":"./form-field-control","getFormFieldDuplicatedHintError":"./form-field-errors","getFormFieldMissingControlError":"./form-field-errors"},"importAs":"@dynatrace/ngx-groundhog/form-field"}