@angular-mdl/fab-menu
Version:
Angular Material Design Lite - Fab menu Component
29 lines • 5.09 kB
JavaScript
import { Component, EventEmitter, Input, Output } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular-mdl/core";
export class MdlFabMenuItemComponent {
constructor() {
// eslint-disable-next-line
this.menuClick = new EventEmitter();
this.isHoovering = false;
}
ngOnInit() {
this.isHoovering = false;
}
}
MdlFabMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MdlFabMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
MdlFabMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: MdlFabMenuItemComponent, selector: "mdl-fab-menu-item", inputs: { label: "label", icon: "icon", fabMenu: "fabMenu" }, outputs: { menuClick: "menu-clicked" }, ngImport: i0, template: "<button\n mdl-button\n mdl-button-type=\"mini-fab\"\n (mouseover)=\"isHoovering = true\"\n (mouseleave)=\"isHoovering = false\"\n (click)=\"menuClick.emit()\"\n>\n <mdl-icon>{{icon}}</mdl-icon>\n</button>\n<mdl-chip\n [mdl-label]=\"label\"\n [hidden]=\"!(fabMenu?.alwaysShowTooltips || isHoovering)\"\n></mdl-chip>\n", styles: [":host{display:flex;flex-direction:row-reverse;margin-bottom:1rem}:host .mdl-chip{display:inline-block}:host .mdl-button{margin:0 0 0 2rem;background:white}\n"], dependencies: [{ kind: "component", type: i1.MdlButtonComponent, selector: "mdl-button, button[mdl-button], a[mdl-button]", inputs: ["mdl-button-type", "mdl-colored", "disabled"], exportAs: ["mdlButton"] }, { kind: "component", type: i1.MdlChipComponent, selector: "mdl-chip", inputs: ["mdl-label", "mdl-action-icon"], outputs: ["action-click"] }, { kind: "component", type: i1.MdlIconComponent, selector: "mdl-icon" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MdlFabMenuItemComponent, decorators: [{
type: Component,
args: [{ selector: "mdl-fab-menu-item", template: "<button\n mdl-button\n mdl-button-type=\"mini-fab\"\n (mouseover)=\"isHoovering = true\"\n (mouseleave)=\"isHoovering = false\"\n (click)=\"menuClick.emit()\"\n>\n <mdl-icon>{{icon}}</mdl-icon>\n</button>\n<mdl-chip\n [mdl-label]=\"label\"\n [hidden]=\"!(fabMenu?.alwaysShowTooltips || isHoovering)\"\n></mdl-chip>\n", styles: [":host{display:flex;flex-direction:row-reverse;margin-bottom:1rem}:host .mdl-chip{display:inline-block}:host .mdl-button{margin:0 0 0 2rem;background:white}\n"] }]
}], propDecorators: { label: [{
type: Input
}], icon: [{
type: Input
}], fabMenu: [{
type: Input
}], menuClick: [{
type: Output,
args: ["menu-clicked"]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLW1lbnUtaXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhYi1tZW51L3NyYy9saWIvZmFiLW1lbnUtaXRlbS50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhYi1tZW51L3NyYy9saWIvZmFiLW1lbnUtaXRlbS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVEvRSxNQUFNLE9BQU8sdUJBQXVCO0lBTHBDO1FBYUUsMkJBQTJCO1FBRTNCLGNBQVMsR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVuRCxnQkFBVyxHQUFHLEtBQUssQ0FBQztLQUtyQjtJQUhDLFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUMzQixDQUFDOztvSEFoQlUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsK0pDUnBDLHNVQWFBOzJGRExhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxtQkFBbUI7OEJBTTdCLEtBQUs7c0JBREosS0FBSztnQkFHTixJQUFJO3NCQURILEtBQUs7Z0JBR04sT0FBTztzQkFETixLQUFLO2dCQUtOLFNBQVM7c0JBRFIsTUFBTTt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBNZGxGYWJNZW51Q29tcG9uZW50IH0gZnJvbSBcIi4vZmFiLW1lbnUuY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtZGwtZmFiLW1lbnUtaXRlbVwiLFxuICB0ZW1wbGF0ZVVybDogXCJmYWItbWVudS1pdGVtLmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCJmYWItbWVudS1pdGVtLnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIE1kbEZhYk1lbnVJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgbGFiZWw6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgQElucHV0KClcbiAgaWNvbjogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICBASW5wdXQoKVxuICBmYWJNZW51OiBNZGxGYWJNZW51Q29tcG9uZW50IHwgdW5kZWZpbmVkO1xuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZVxuICBAT3V0cHV0KFwibWVudS1jbGlja2VkXCIpXG4gIG1lbnVDbGljazogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGlzSG9vdmVyaW5nID0gZmFsc2U7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pc0hvb3ZlcmluZyA9IGZhbHNlO1xuICB9XG59XG4iLCI8YnV0dG9uXG4gIG1kbC1idXR0b25cbiAgbWRsLWJ1dHRvbi10eXBlPVwibWluaS1mYWJcIlxuICAobW91c2VvdmVyKT1cImlzSG9vdmVyaW5nID0gdHJ1ZVwiXG4gIChtb3VzZWxlYXZlKT1cImlzSG9vdmVyaW5nID0gZmFsc2VcIlxuICAoY2xpY2spPVwibWVudUNsaWNrLmVtaXQoKVwiXG4+XG4gIDxtZGwtaWNvbj57e2ljb259fTwvbWRsLWljb24+XG48L2J1dHRvbj5cbjxtZGwtY2hpcFxuICBbbWRsLWxhYmVsXT1cImxhYmVsXCJcbiAgW2hpZGRlbl09XCIhKGZhYk1lbnU/LmFsd2F5c1Nob3dUb29sdGlwcyB8fCBpc0hvb3ZlcmluZylcIlxuPjwvbWRsLWNoaXA+XG4iXX0=