{"__symbolic":"module","version":4,"metadata":{"GhContextMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/button","name":"GhButtonModule","line":13,"character":4},{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/icon","name":"GhIconModule","line":14,"character":4},{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/theming","name":"GhThemingModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"GhContextMenu"},{"__symbolic":"reference","name":"GhContextMenuItem"}],"declarations":[{"__symbolic":"reference","name":"GhContextMenu"},{"__symbolic":"reference","name":"GhContextMenuItem"}]}]}],"members":{}},"GhContextMenuBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":46,"character":34}]}]}},"_GhContextMenuBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/core","name":"mixinTabIndex","line":49,"character":2},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/core","name":"mixinDisabled","line":49,"character":16},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/core","name":"mixinColor","line":49,"character":30},"arguments":[{"__symbolic":"reference","name":"GhContextMenuBase"}]}]}]},"GhContextMenu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_GhContextMenuBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":51,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"gh-context-menu","inputs":["disabled","tabIndex","color"],"host":{"class":"gh-context-menu","attr.aria-hidden":"true","[attr.aria-disabled]":"disabled.toString()","tabindex":"-1"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":63,"character":17},"member":"None"},"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":65,"character":19},"member":"OnPush"},"template":"<button gh-icon-button [color]=\"color\" variant=\"secondary\" #trigger cdk-overlay-origin #origin=\"cdkOverlayOrigin\" (click)=\"open()\" [attr.tabindex]=\"tabIndex\" [disabled]=\"disabled\" [attr.aria-label]=\"_ariaLabel\" class=\"gh-context-menu-open-trigger\"><gh-icon><svg viewBox=\"0 0 512 512\"><circle cx=\"404\" cy=\"256\" r=\"44\"/><circle cx=\"256\" cy=\"256\" r=\"44\"/><circle cx=\"108\" cy=\"256\" r=\"44\"/></svg></gh-icon></button><ng-template cdk-connected-overlay backdropClass=\"cdk-overlay-transparent-backdrop\" hasBackdrop (backdropClick)=\"close()\" (attach)=\"_onAttached()\" (detach)=\"close()\" [origin]=\"origin\" [open]=\"panelOpen\" [positions]=\"_positions\"><div class=\"gh-context-menu-panel\" [attr.aria-labelledby]=\"_ariaLabel\" #panel role=\"dialog\" ghTheme=\":dark\"><div class=\"gh-context-menu-content\"><ng-content></ng-content></div><button gh-icon-button [color]=\"color\" variant=\"secondary\" class=\"gh-context-menu-close-trigger\" (click)=\"close()\" aria-label=\"close\"><gh-icon><svg viewBox=\"0 0 512 512\"><path d=\"M434.191 134.378l-56.568-56.569L256 199.432 134.377 77.809l-56.568 56.569L199.432 256 77.809 377.623l56.568 56.568L256 312.568l121.623 121.623 56.568-56.568L312.568 256z\"/></svg></gh-icon></button></div></ng-template>","styles":[".gh-context-menu-panel {\n  background-color: #454646;\n  padding: 32px 8px 8px 8px;\n  display: inline-block;\n  border-radius: 3px;\n  position: relative;\n  transform-origin: top right; }\n\n.gh-context-menu-close-trigger {\n  border: none;\n  position: absolute;\n  top: 0;\n  right: 0; }\n  .gh-context-menu-close-trigger:hover {\n    background-color: #454646; }\n\n.gh-context-menu-panel-bottom {\n  transform-origin: bottom right;\n  padding: 8px 8px 32px 8px; }\n\n.gh-context-menu-panel-bottom .gh-context-menu-close-trigger {\n  top: auto;\n  bottom: 0; }\n\n/**\n* ITEM\n*/\n.gh-context-menu-btn {\n  display: block;\n  width: 100%;\n  margin-bottom: 8px; }\n\n.gh-context-menu-item:last-child .gh-context-menu-btn {\n  margin-bottom: 0; }\n"]}]}],"members":{"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3},"arguments":["aria-label"]}]}],"openedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":95,"character":3}}]}],"overlayDir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":110,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"CdkConnectedOverlay","line":110,"character":13}]}]}],"panel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":113,"character":3},"arguments":["panel"]}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":116,"character":3},"arguments":[{"__symbolic":"reference","module":"@dynatrace/ngx-groundhog/button","name":"GhButton","line":116,"character":19}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":127,"character":5},"arguments":["tabindex"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":128,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":128,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":128,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":46,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":125,"character":32},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusTrapFactory","line":126,"character":31},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"any"}]}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_trapFocus":[{"__symbolic":"method"}],"_restoreFocus":[{"__symbolic":"method"}],"_savePreviouslyFocusedElement":[{"__symbolic":"method"}],"_onAttached":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"GhContextMenuItem":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_GhContextMenuBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":228,"character":1},"arguments":[{"selector":"gh-context-menu-item","inputs":["disabled","tabIndex","color"],"host":{"class":"gh-context-menu-item","[attr.aria-disabled]":"disabled.toString()"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":236,"character":17},"member":"None"},"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":238,"character":19},"member":"OnPush"},"template":"<button gh-button variant=\"secondary\" [color]=\"color\" class=\"gh-context-menu-btn\" [disabled]=\"disabled\" (click)=\"_actionClicked($event)\"><ng-content></ng-content></button>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":244,"character":5},"arguments":["tabindex"]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":46,"character":34},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":125,"character":32}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":253,"character":3}}]}],"_actionClicked":[{"__symbolic":"method"}]}}},"origins":{"GhContextMenuModule":"./context-menu-module","GhContextMenuBase":"./context-menu","_GhContextMenuBase":"./context-menu","GhContextMenu":"./context-menu","GhContextMenuItem":"./context-menu"},"importAs":"@dynatrace/ngx-groundhog/context-menu"}