{"__symbolic":"module","version":4,"metadata":{"GhSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"GhSelect"},{"__symbolic":"reference","name":"GhOption"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":14,"character":4}],"declarations":[{"__symbolic":"reference","name":"GhSelect"},{"__symbolic":"reference","name":"GhOption"}],"providers":[{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/core","name":"ErrorStateMatcher","line":20,"character":14}]}]}],"members":{}},"SELECT_ITEM_HEIGHT":32,"SELECT_MAX_ITEMS_VISIBLE":7.5,"GhSelectChange":{"__symbolic":"interface"},"GhSelectBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":92,"character":24},{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/core","name":"ErrorStateMatcher","line":93,"character":38},{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":94,"character":24},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":95,"character":29},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":96,"character":22}]}]}},"_GhSelectMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/core","name":"mixinTabIndex","line":98,"character":34},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/core","name":"mixinDisabled","line":98,"character":48},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/core","name":"mixinErrorState","line":98,"character":62},"arguments":[{"__symbolic":"reference","name":"GhSelectBase"}]}]}]},"GhSelect":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_GhSelectMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":100,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"gh-select","exportAs":"ghSelect","inputs":["disabled","tabIndex"],"host":{"role":"listbox","[attr.id]":"id","[attr.tabindex]":"tabIndex","[attr.aria-label]":"_ariaLabel","[attr.aria-labelledby]":"ariaLabelledby","[attr.aria-required]":"required.toString()","[attr.aria-disabled]":"disabled.toString()","[attr.aria-invalid]":"errorState","[attr.aria-owns]":"panelOpen ? _optionIds : null","aria-multiselectable":"false","[attr.aria-describedby]":"_ariaDescribedby || null","[attr.aria-activedescendant]":"_getAriaActiveDescendant()","[class.gh-select-disabled]":"disabled","[class.gh-select-invalid]":"errorState","[class.gh-select-required]":"required","[class.gh-select-open]":"panelOpen","class":"gh-select","(focus)":"_onFocus()","(blur)":"_onBlur()","(keydown)":"_handleKeydown($event)"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":129,"character":17},"member":"None"},"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":131,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":133,"character":4},"arguments":["transformPanel",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":134,"character":6},"arguments":["showing",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":134,"character":23},"arguments":[{"opacity":1,"transform":"scaleY(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":139,"character":6},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":140,"character":8},"arguments":[{"opacity":0,"transform":"scaleY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":144,"character":8},"arguments":["150ms cubic-bezier(0.25, 0.8, 0.25, 1)"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":147,"character":6},"arguments":["* => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":148,"character":8},"arguments":["150ms 100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":148,"character":38},"arguments":[{"opacity":0,"transform":"scaleY(0)"}]}]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":154,"character":4},"arguments":["fadeInContent",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":155,"character":6},"arguments":["showing",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":155,"character":23},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":156,"character":6},"arguments":["void => showing",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":157,"character":8},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":158,"character":8},"arguments":["150ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)"]}]]}]]}],"providers":[{"provide":{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/form-field","name":"GhFormFieldControl","line":163,"character":14},"useExisting":{"__symbolic":"reference","name":"GhSelect"}}],"template":"<div #trigger class=\"gh-select-trigger\" aria-hidden=\"true\" cdk-overlay-origin #origin=\"cdkOverlayOrigin\" (click)=\"toggle()\"><div [ngSwitch]=\"empty\"><span *ngSwitchCase=\"true\">{{placeholder || ''}}</span> <span *ngSwitchCase=\"false\">{{triggerValue}}</span></div><div class=\"gh-select-arrow\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M403.078 142.412L256 289.49 108.922 142.412l-45.255 45.255L256 380l192.333-192.333z\"/></svg></div></div><ng-template cdk-connected-overlay backdropClass=\"cdk-overlay-transparent-backdrop\" hasBackdrop cdkConnectedOverlayLockPosition (backdropClick)=\"close()\" (attach)=\"_onAttached()\" (detach)=\"close()\" [scrollStrategy]=\"_scrollStrategy\" [origin]=\"origin\" [open]=\"panelOpen\" [positions]=\"_positions\" [minWidth]=\"_triggerRect?.width\"><div #panel class=\"gh-select-panel\" (@transformPanel.done)=\"_onPanelDone()\" [@transformPanel]=\"'showing'\" [ngClass]=\"panelClass\" [class.gh-select-panel-done-animating]=\"_panelDoneAnimating\" [style.max-height.px]=\"_maxPanelHeight\"><div class=\"gh-select-body\" [@fadeInContent]=\"'showing'\" (@fadeInContent.done)=\"_onFadeInDone()\"><ng-content></ng-content></div></div></ng-template>","styles":[".gh-select {\n  appearance: none;\n  position: relative;\n  display: inline-block;\n  box-sizing: border-box;\n  height: 32px;\n  border: 1px solid #ccc;\n  border-radius: 3px;\n  font-family: \"BerninaSans\", \"Open Sans\", sans-serif;\n  font-size: 14px;\n  line-height: 30px;\n  line-height: -moz-block-height;\n  white-space: nowrap;\n  text-align: left;\n  overflow: hidden;\n  background-color: #fff;\n  outline: 0;\n  cursor: default; }\n  .gh-select:hover:not(.gh-select-disabled) {\n    border-color: #898989;\n    cursor: pointer; }\n  .gh-select[disabled], .gh-select.gh-select-disabled {\n    background-color: #f8f8f8;\n    color: #ccc; }\n  .gh-select:focus:not(.gh-select-disabled) {\n    outline: none;\n    box-shadow: 0 0 0 2px #ccc; }\n\n.gh-select-trigger {\n  display: block;\n  height: 32px;\n  line-height: 32px;\n  padding: 0;\n  padding-left: 11px;\n  padding-right: 36px; }\n\n.gh-select-arrow {\n  display: block;\n  width: 20px;\n  height: 20px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n  transition: transform 150ms ease-out; }\n  .gh-select-open .gh-select-arrow {\n    transform: rotate(180deg); }\n\n.gh-select-panel {\n  box-sizing: border-box;\n  border: 1px solid #ccc;\n  background-color: #fff;\n  border-radius: 0 0 3px 3px;\n  margin-top: -2px;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  transform-origin: left top;\n  overflow: auto;\n  -webkit-overflow-scrolling: touch;\n  width: 100%;\n  min-width: 112px; }\n  .gh-select-panel.gh-select-panel-top {\n    transform-origin: left bottom; }\n  .gh-select-panel.gh-select-panel-top {\n    border-radius: 3px 3px 0 0;\n    margin-top: 0; }\n"]}]}],"members":{"panelClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":249,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":252,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":260,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":271,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":279,"character":3}}]}],"compareWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":291,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":305,"character":3},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":308,"character":3},"arguments":["aria-labelledby"]}]}],"errorStateMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":311,"character":3}}]}],"openedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":314,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":317,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":324,"character":3}}]}],"_getAriaActiveDescendant":[{"__symbolic":"method"}],"panel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":363,"character":3},"arguments":["panel"]}]}],"overlayDir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":366,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"CdkConnectedOverlay","line":366,"character":13}]}]}],"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":369,"character":3},"arguments":["trigger"]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":372,"character":3},"arguments":[{"__symbolic":"reference","name":"GhOption"},{"descendants":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":395,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":396,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":397,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":397,"character":13}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":398,"character":5},"arguments":["tabindex"]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":391,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":392,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":92,"character":24},{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/core","name":"ErrorStateMatcher","line":93,"character":38},{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":94,"character":24},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":95,"character":29},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":96,"character":22},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":399,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"setDescribedByIds":[{"__symbolic":"method"}],"onContainerClick":[{"__symbolic":"method"}],"_resetOptions":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_handleClosedKeydown":[{"__symbolic":"method"}],"_handleOpenKeydown":[{"__symbolic":"method"}],"_onFocus":[{"__symbolic":"method"}],"_onBlur":[{"__symbolic":"method"}],"_onAttached":[{"__symbolic":"method"}],"_onPanelDone":[{"__symbolic":"method"}],"_onFadeInDone":[{"__symbolic":"method"}],"_initializeSelection":[{"__symbolic":"method"}],"_highlightCorrectOption":[{"__symbolic":"method"}],"_getOptionIndex":[{"__symbolic":"method"}],"_calculateOverlayScroll":[{"__symbolic":"method"}],"_scrollActiveOptionIntoView":[{"__symbolic":"method"}],"_onSelect":[{"__symbolic":"method"}],"_clearSelection":[{"__symbolic":"method"}],"_setSelectionByValue":[{"__symbolic":"method"}],"_selectValue":[{"__symbolic":"method"}],"_initKeyManager":[{"__symbolic":"method"}],"_propagateChanges":[{"__symbolic":"method"}],"_setOptionIds":[{"__symbolic":"method"}],"_updatePanelMaxHeight":[{"__symbolic":"method"}]}},"GhOptionSelectionChange":{"__symbolic":"interface"},"GhOptionBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"_GhOptionMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/core","name":"mixinDisabled","line":32,"character":34},"arguments":[{"__symbolic":"reference","name":"GhOptionBase"}]},"GhOption":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_GhOptionMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"gh-option","moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"exportAs":"ghOption","inputs":["disabled"],"host":{"role":"option","[id]":"id","[attr.tabindex]":"_getTabIndex()","[attr.aria-selected]":"selected.toString()","[attr.aria-disabled]":"disabled.toString()","[class.gh-option-disabled]":"disabled","[class.gh-active]":"active","(click)":"_toggleViaInteraction()","(keydown)":"_handleKeydown($event)","class":"gh-option"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":53,"character":17},"member":"None"},"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":55,"character":19},"member":"OnPush"},"template":"<span class=\"gh-option__text\"><ng-content></ng-content></span>","styles":[".gh-option {\n  display: block;\n  padding: 2px 11px 0;\n  font-family: \"BerninaSans\", \"Open Sans\", sans-serif;\n  font-size: 14px;\n  line-height: 30px; }\n  .gh-option.gh-active, .gh-option:hover:not(.gh-option-disabled) {\n    background-color: #e1f7f9;\n    cursor: pointer; }\n  .gh-option[aria-selected='true'] {\n    font-weight: 700;\n    background-color: transparent; }\n  .gh-option:focus {\n    outline: 0; }\n\n.gh-option-disabled {\n  color: #ccc; }\n"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"onSelectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":88,"character":43},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":89,"character":36}]}],"select":[{"__symbolic":"method"}],"deselect":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"setActiveStyles":[{"__symbolic":"method"}],"setInactiveStyles":[{"__symbolic":"method"}],"getLabel":[{"__symbolic":"method"}],"_toggleViaInteraction":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_getTabIndex":[{"__symbolic":"method"}],"_emitSelectionChangeEvent":[{"__symbolic":"method"}]}}},"origins":{"GhSelectModule":"./select-module","SELECT_ITEM_HEIGHT":"./select","SELECT_MAX_ITEMS_VISIBLE":"./select","GhSelectChange":"./select","GhSelectBase":"./select","_GhSelectMixinBase":"./select","GhSelect":"./select","GhOptionSelectionChange":"./option","GhOptionBase":"./option","_GhOptionMixinBase":"./option","GhOption":"./option"},"importAs":"@dynatrace/ngx-groundhog/select"}