ngx-right-click-menu/ngx-right-click-menu.metadata.json

ngx-right-click-menu is right click context menu for Angular 2+.

{"__symbolic":"module","version":4,"metadata":{"NgxRightClickMenuService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"NgxRightClickMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ngx-right-click-menu","styles":[".overlay-backdrop {\n      position: fixed;\n      top: 0px;\n      bottom: 0px;\n      right: 0px;\n      left: 0px;\n      z-index: 1000;\n    }\n    ",".ngx-context-menu {\n      position: relative;\n      z-index: 9999;\n      cursor: pointer;\n      background: #fff;\n      padding: 16px 0px 0px;\n      user-select: none;\n    }",".mat-card-title {\n      margin-bottom: 0px !important;\n    }",".mat-list-item {\n      height: 36px !important;\n    }",".mat-list-item.disable {\n      cursor: not-allowed;\n      background: rgba(0, 0, 0, 0.06);\n    }",".mat-list-item h5 {\n      padding-left: 4px;\n      margin: 8px 0px;\n      font-weight: 500;\n  }\n    }",".mat-list-icon {\n      color: rgba(0, 0, 0, 0.54);\n    }",".menu-list {\n      padding: 0px;\n    }"],"template":"\n  <mat-card class=\"ngx-context-menu\" #ngxContextRef [@fadeInOut]>\n    <mat-card-header>\n      <mat-card-title>{{ title }}</mat-card-title>\n    </mat-card-header>\n    <mat-card-content>\n      <mat-nav-list role=\"list\" class='menu-list'>\n        <mat-list-item role=\"listitem\" *ngFor=\"let item of items; let i = index\"\n                       (click)=\"itemClick($event,i)\"\n                       [disableRipple]='item.disable'\n                       [class.disable]='item.disable'>\n          <mat-icon *ngIf='item.icon' mat-list-icon>{{ item.icon }}</mat-icon>\n          <h5>{{ item.label }}</h5>\n        </mat-list-item>\n      </mat-nav-list>\n    </mat-card-content>\n  </mat-card>\n","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":66,"character":4},"arguments":["fadeInOut",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":67,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":67,"character":20},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":70,"character":6},"arguments":["void <=> *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":70,"character":31},"arguments":[500]}]}]]}]}]}],"members":{"itemClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":84,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"closeMenu":[{"__symbolic":"method"}],"itemClick":[{"__symbolic":"method"}]}},"NgxRightClickMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxRightClickMenuComponent"},{"__symbolic":"reference","name":"NgxRightClickMenuDirective"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatListModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatCardModule","line":21,"character":4}],"exports":[{"__symbolic":"reference","name":"NgxRightClickMenuComponent"},{"__symbolic":"reference","name":"NgxRightClickMenuDirective"}],"entryComponents":[{"__symbolic":"reference","name":"NgxRightClickMenuComponent"},{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"NgxRightClickMenuDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"[ngxContextMenu]"}]}],"members":{"ngxContextMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"menuContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":18,"character":3},"arguments":["contextmenu",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":26,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":27,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":27,"character":31}]}],"openMenu":[{"__symbolic":"method"}]}},"MenuItem":{"__symbolic":"interface"},"Menu":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":1,"character":1},"arguments":[{"selector":"ngx-right-click-menu-backdrop","styles":[".overlay-backdrop {\n      position: fixed;\n      top: 0px;\n      bottom: 0px;\n      right: 0px;\n      left: 0px;\n      z-index: 1000;\n    }"],"template":"\n    <div class='overlay-backdrop' (contextmenu)='closeMenu($event)' (click)='closeMenu($event)'></div>\n  "}]}],"members":{"backDropClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":31}]}],"closeMenu":[{"__symbolic":"method"}]}}},"origins":{"NgxRightClickMenuService":"./lib/ngx-right-click-menu.service","NgxRightClickMenuComponent":"./lib/ngx-right-click-menu.component","NgxRightClickMenuModule":"./lib/ngx-right-click-menu.module","NgxRightClickMenuDirective":"./lib/ngx-right-click-menu.directive","MenuItem":"./lib/ngx-right-click-menu.model","Menu":"./lib/ngx-right-click-menu.model","ɵa":"./lib/ngx-right-click-menu-backdrop.component"},"importAs":"ngx-right-click-menu"}