ngx-contextual-action-bar/ngx-contextual-action-bar.metadata.json

ngx-contextual-action-bar is an Angular2+ implementation of the [Material Design Contextual Action Bar](https://material.io/components/app-bars-top#contextual-action-bar). The implementation makes it possible to change the action bar properties (i.e. titl

{"__symbolic":"module","version":4,"metadata":{"ContextualActionBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":22,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ContextualActionBarComponent"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":30,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":16,"character":2},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":17,"character":2},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":18,"character":2},{"__symbolic":"reference","module":"@angular/material/divider","name":"MatDividerModule","line":19,"character":2}],"exports":[{"__symbolic":"reference","name":"ContextualActionBarComponent"}],"providers":[{"__symbolic":"reference","name":"ContextualActionBarService"}]}]}],"members":{}},"ContextualActionBarService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":17,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"latest":[{"__symbolic":"method"}],"_removeLayer":[{"__symbolic":"method"}],"_addLayer":[{"__symbolic":"method"}],"applyMissingProperties":[{"__symbolic":"method"}],"validateLayer":[{"__symbolic":"method"}],"register":[{"__symbolic":"method"}],"registerToggle":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ContextualActionBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"ngx-contextual-action-bar","host":{"class":"ngx-contextual-action-bar","$quoted$":["class"]},"animations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"Emulated"},"template":"<ng-template #navbar let-layer=\"layer\">\r\n        <div class=\"button\"\r\n            *ngIf=\"(button$ | async); let button\"\r\n        >\r\n            <button mat-icon-button *ngIf=\"button[1]\" (click)=\"handleButtonClick(layer.id)\" [@buttonAnimation]=\"button\">\r\n            <!-- <button mat-icon-button [@buttonAnimation]=\"button\" (click)=\"handleButtonClick(layer.id)\"> -->\r\n                <div class=\"wrapper\">\r\n                    <mat-icon class=\"old\">{{button[0]}}</mat-icon>\r\n                    <mat-icon class=\"new\">{{button[1]}}</mat-icon>\r\n                </div>\r\n            </button>\r\n        </div>\r\n        <div class=\"title\">\r\n            <div class=\"custom-element\">\r\n                <div cdkPortalOutlet></div> \r\n            </div>\r\n            <h2 *ngIf=\"layer?.title\">{{layer.title}}</h2>\r\n        </div>\r\n\r\n        <div class=\"actions\" *ngIf=\"layer?.actions.length > 0\">\r\n            <ngx-actions-overflow-menu [group]=\"group\"></ngx-actions-overflow-menu>\r\n        </div>\r\n</ng-template>\r\n<div class=\"component\"\r\n    [class]=\"(layer$ | async)?.mode\"\r\n    [class.prominent]=\"(layer$ | async)?.prominent\"\r\n    [@layerSwitch]=\"layerSwitchTrigger$ | async\"\r\n> \r\n    <div class=\"content\" #c cdkScrollable\r\n        [@padding]=\"contentState$ | async\"\r\n    >\r\n    \r\n    \r\n        <nav class=\"navbar\"\r\n            [style.color]=\"(layer$ | async)?.color\"\r\n            [style.background]=\"(layer$ | async)?.background\"\r\n            [@navbar]=\"navbarState$ | async\"\r\n            [class.shadow]=\"(shadow$ | async)\"\r\n        >\r\n            <ng-container *ngTemplateOutlet=\"navbar; context: { layer: layer$ | async }\"></ng-container>\r\n        </nav>\r\n        <mat-divider></mat-divider>\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>","styles":[":host{height:inherit;width:inherit}.component,:host{position:relative}.component{display:flex;flex-direction:column;height:100%;width:100%;z-index:16}.component .content{overflow-x:hidden;overflow-y:auto;position:relative;z-index:0}.navbar{box-sizing:border-box;flex-direction:row;height:56px;left:0;top:0;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition-property:height,box-shadow,padding-bottom,color,background;width:100%;z-index:3}.navbar,.navbar .button{display:flex;position:relative}.navbar .button{flex-direction:column;height:100%;padding:8px}.navbar .button button,.navbar .button button .wrapper{align-items:center;display:flex;height:40px;justify-content:center;position:relative}.navbar .button button .wrapper{width:40px}.navbar .button button .mat-icon{position:absolute}.navbar .button button .mat-icon.old{display:none}.navbar .title{align-items:flex-end;display:flex;flex:2 1 auto;padding-bottom:10px;padding-left:16px;padding-right:64px;position:relative}.navbar .title h2{margin:0}.navbar .title .custom-element{bottom:0;height:56px;left:0;position:absolute;width:100%}.navbar .actions{display:flex;flex:0.5 1 50px;flex-direction:column;height:100%;min-width:0;overflow:hidden;position:relative}.navbar .actions .ngx-actions-overflow-menu{flex:0 0 56px}.navbar.shadow{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.component.prominent>.content>.navbar{height:128px;padding-bottom:8px}.component.transparent .navbar{position:absolute}"]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":3},"arguments":["c",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":29,"character":26},"static":true}]}]}],"outlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortalOutlet","line":30,"character":13}]}]}],"scrollThreshold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ContextualActionBarService"}]}],"handleButtonClick":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"interface"},"ActionBarLayer":{"__symbolic":"interface"},"ActionBarLayerModes":{"fixed":"fixed","follow":"follow","mobile":"mobile"},"ActionBarLayerAction":{"__symbolic":"interface"},"ActionBarLayerRegistration":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ContextualActionBarService"},{"__symbolic":"reference","name":"ɵa"}]}],"setLayer":[{"__symbolic":"method"}],"unregister":[{"__symbolic":"method"}]}},"ActionBarLayerToggleRegistration":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ContextualActionBarService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵa"}]}],"toggleLayer":[{"__symbolic":"method"}],"unregister":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":5,"character":31},"arguments":["navbar",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":6,"character":4},"arguments":["transparent",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":6,"character":25},"arguments":[{"position":"absolute"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":7,"character":4},"arguments":["fixed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":7,"character":22},"arguments":[{"position":"relative"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":8,"character":4},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":8,"character":22},"arguments":[{"position":"sticky"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":9,"character":4},"arguments":["fixed => visible",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":10,"character":8},"arguments":[{"position":"sticky","transform":"translateY(-100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":11,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"reference","name":"ɵc"},"right":" "},"right":{"__symbolic":"reference","name":"ɵf"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":11,"character":66},"arguments":[{"transform":"translateY(0%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":13,"character":4},"arguments":["visible => fixed",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":14,"character":8},"arguments":[{"position":"sticky","transform":"translateY(0%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":15,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"reference","name":"ɵd"},"right":" "},"right":{"__symbolic":"reference","name":"ɵg"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":15,"character":66},"arguments":[{"transform":"translateY(-100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":16,"character":8},"arguments":[{"position":"relative"}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":18,"character":4},"arguments":["* => noanim",[]]}]]},"ɵc":"250ms","ɵd":"200ms","ɵe":"cubic-bezier(0.4, 0.0, 0.2, 1)","ɵf":"cubic-bezier(0.0, 0.0, 0.2, 1)","ɵg":"cubic-bezier(0.4, 0.0, 1, 1)","ɵh":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":7,"character":31},"arguments":["buttonAnimation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":8,"character":4},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":8,"character":15,"module":"./lib/animations/button.animation"},[]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":11,"character":4},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":11,"character":15,"module":"./lib/animations/button.animation"},[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":14,"character":8},"arguments":[{"width":"!","overflow":"hidden","opacity":1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":15,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":"90ms ","right":{"__symbolic":"reference","name":"ɵg"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":15,"character":47},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":16,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":"110ms ","right":{"__symbolic":"reference","name":"ɵe"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":16,"character":45},"arguments":[{"width":0}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":18,"character":4},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":18,"character":15,"module":"./lib/animations/button.animation"},[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":21,"character":8},"arguments":[{"width":0,"overflow":"hidden","opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":22,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":"90ms ","right":{"__symbolic":"reference","name":"ɵg"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":22,"character":47},"arguments":[{"width":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":23,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":"110ms ","right":{"__symbolic":"reference","name":"ɵe"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":23,"character":45},"arguments":[{"opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":32,"character":4},"arguments":["* <=> *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":33,"character":8},"arguments":[".new",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":34,"character":12},"arguments":[{"opacity":0,"transform":"rotate(180deg)"}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":36,"character":8},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":37,"character":12},"arguments":[".old",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":38,"character":16},"arguments":[{"display":"block"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":39,"character":16},"arguments":[{"__symbolic":"binop","operator":"+","left":"150ms ","right":{"__symbolic":"reference","name":"ɵg"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":39,"character":56},"arguments":[{"opacity":0,"transform":"rotate(180deg)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":42,"character":12},"arguments":[".new",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":43,"character":16},"arguments":[{"__symbolic":"binop","operator":"+","left":"150ms ","right":{"__symbolic":"reference","name":"ɵf"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":43,"character":56},"arguments":[{"opacity":1,"transform":"rotate(360deg)"}]}]}]]}]]}]]}]]},"ɵi":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":6,"character":32},"arguments":["padding",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":7,"character":4},"arguments":["* => prominent",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":8,"character":8},"arguments":[{"paddingTop":128}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":9,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"reference","name":"ɵc"},"right":" "},"right":{"__symbolic":"reference","name":"ɵe"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":9,"character":63},"arguments":[{"paddingTop":0}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":11,"character":4},"arguments":["* => regular",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":12,"character":8},"arguments":[{"paddingTop":56}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":13,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"reference","name":"ɵc"},"right":" "},"right":{"__symbolic":"reference","name":"ɵe"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":13,"character":63},"arguments":[{"paddingTop":0}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":15,"character":4},"arguments":["* => none",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":16,"character":8},"arguments":[{"padding":"!"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":17,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"reference","name":"ɵc"},"right":" "},"right":{"__symbolic":"reference","name":"ɵe"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":17,"character":63},"arguments":[{"padding":0}]}]}]]}]]},"ɵj":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":2,"character":36},"arguments":["layerSwitch",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":3,"character":4},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":3,"character":15,"module":"./lib/animations/layer-switch.animation"},[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":6,"character":8},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":6,"character":19},"arguments":[0]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":8,"character":4},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":9,"character":8},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":9,"character":19},"arguments":[0]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":11,"character":4},"arguments":["* => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":12,"character":8},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animateChild","line":12,"character":19}},{"optional":false}]}]]}]]},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[ngxScrollhandler]","exportAs":"scroll"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":31,"character":26,"context":{"typeName":"HTMLElement"},"module":"./lib/ngx-scrollhandler.directive"}]}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ngx-actions-overflow-menu","host":{"class":"ngx-actions-overflow-menu"},"animations":[{"__symbolic":"reference","name":"ɵm"}],"template":"<div #c class=\"component\" >\r\n    <ng-container *ngIf=\"layer$ | async as layer\">\r\n        <!-- visible -->\r\n        <button @action mat-icon-button *ngFor=\"let action of visible$ | async\" (click)=\"handleActionClick(layer.id, action)\">\r\n            <mat-icon>{{action.icon}}</mat-icon>\r\n        </button>\r\n        <!-- menu -->\r\n        <ng-container  *ngIf=\"menu$ | async as menu\">\r\n            <mat-menu #matMenu>\r\n                <button mat-menu-item *ngFor=\"let action of menu\" (click)=\"handleActionClick(layer.id, action)\">\r\n                    <mat-icon>{{action.icon}}</mat-icon>\r\n                    <span>{{action.displayName}}</span>\r\n                </button>\r\n            </mat-menu>\r\n            <button @action class=\"menu-trigger\" [matMenuTriggerFor]=\"matMenu\" mat-icon-button *ngIf=\"menu.length > 0\">\r\n                <mat-icon>more_vert</mat-icon>\r\n            </button>\r\n        </ng-container>\r\n    </ng-container>\r\n</div>","styles":[":host{height:inherit;width:inherit}.component,:host{overflow:hidden;position:relative}.component{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:flex-end;min-width:0;width:100%}.component button{min-width:0;overflow:hidden}"]}]}],"members":{"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"c":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":["c",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":26},"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ContextualActionBarService"}]}],"handleActionClick":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":2,"character":31},"arguments":["action",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":3,"character":4},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":4,"character":8},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":5,"character":8},"arguments":["300ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":5,"character":30},"arguments":[{"opacity":1}]}]}]]}]]}},"origins":{"ContextualActionBarModule":"./lib/ngx-contextual-action-bar.module","ContextualActionBarService":"./lib/ngx-contextual-action-bar.service","ContextualActionBarComponent":"./lib/ngx-contextual-action-bar.component","ɵa":"./lib/model/action-bar-layer.model","ActionBarLayer":"./lib/model/action-bar-layer.model","ActionBarLayerModes":"./lib/model/action-bar-layer.model","ActionBarLayerAction":"./lib/model/action-bar-layer.model","ActionBarLayerRegistration":"./lib/layer-registration","ActionBarLayerToggleRegistration":"./lib/layer-registration","ɵb":"./lib/animations/navbar.animation","ɵc":"./lib/material/timings","ɵd":"./lib/material/timings","ɵe":"./lib/material/easings","ɵf":"./lib/material/easings","ɵg":"./lib/material/easings","ɵh":"./lib/animations/button.animation","ɵi":"./lib/animations/padding.animations","ɵj":"./lib/animations/layer-switch.animation","ɵk":"./lib/ngx-scrollhandler.directive","ɵl":"./lib/actions-overflow-menu/actions-overflow-menu.component","ɵm":"./lib/actions-overflow-menu/animations/action.animation"},"importAs":"ngx-contextual-action-bar"}