@angular-mdl/fab-menu
Version:
Angular Material Design Lite - Fab menu Component
18 lines • 4.02 kB
JavaScript
import { Component, Input } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular-mdl/core";
import * as i2 from "@angular-mdl/popover";
export class MdlFabMenuComponent {
constructor() {
this.alwaysShowTooltips = false;
}
}
MdlFabMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MdlFabMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
MdlFabMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: MdlFabMenuComponent, selector: "mdl-fab-menu", inputs: { alwaysShowTooltips: "alwaysShowTooltips" }, ngImport: i0, template: "<button (click)=\"fabPopover.toggle($event)\"\n (touchstart)=\"alwaysShowTooltips = true\"\n mdl-button\n mdl-button-type=\"fab\"\n mdl-colored=\"primary\"\n>\n <mdl-icon>add</mdl-icon>\n</button>\n<mdl-popover #fabPopover [class.direction-up]=\"true\" [hide-on-click]=\"true\">\n <ng-content></ng-content>\n</mdl-popover>\n", styles: [":host{position:fixed;right:.5rem;bottom:.5rem;z-index:1000}:host .mdl-popover{background:none;right:8px}:host .mdl-popover.direction-up{bottom:56px}\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.MdlIconComponent, selector: "mdl-icon" }, { kind: "component", type: i2.MdlPopoverComponent, selector: "mdl-popover", inputs: ["hide-on-click", "mdl-popover-position"], outputs: ["onShow", "onHide"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MdlFabMenuComponent, decorators: [{
type: Component,
args: [{ selector: "mdl-fab-menu", template: "<button (click)=\"fabPopover.toggle($event)\"\n (touchstart)=\"alwaysShowTooltips = true\"\n mdl-button\n mdl-button-type=\"fab\"\n mdl-colored=\"primary\"\n>\n <mdl-icon>add</mdl-icon>\n</button>\n<mdl-popover #fabPopover [class.direction-up]=\"true\" [hide-on-click]=\"true\">\n <ng-content></ng-content>\n</mdl-popover>\n", styles: [":host{position:fixed;right:.5rem;bottom:.5rem;z-index:1000}:host .mdl-popover{background:none;right:8px}:host .mdl-popover.direction-up{bottom:56px}\n"] }]
}], propDecorators: { alwaysShowTooltips: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFiLW1lbnUvc3JjL2xpYi9mYWItbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mYWItbWVudS9zcmMvbGliL2ZhYi1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2pELE1BQU0sT0FBTyxtQkFBbUI7SUFMaEM7UUFPRSx1QkFBa0IsR0FBRyxLQUFLLENBQUM7S0FDNUI7O2dIQUhZLG1CQUFtQjtvR0FBbkIsbUJBQW1CLDBHQ1BoQyxvV0FXQTsyRkRKYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsY0FBYzs4QkFNeEIsa0JBQWtCO3NCQURqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtZGwtZmFiLW1lbnVcIixcbiAgdGVtcGxhdGVVcmw6IFwiZmFiLW1lbnUuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCJmYWItbWVudS5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgTWRsRmFiTWVudUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIGFsd2F5c1Nob3dUb29sdGlwcyA9IGZhbHNlO1xufVxuIiwiPGJ1dHRvbiAoY2xpY2spPVwiZmFiUG9wb3Zlci50b2dnbGUoJGV2ZW50KVwiXG4gICAgICAgICh0b3VjaHN0YXJ0KT1cImFsd2F5c1Nob3dUb29sdGlwcyA9IHRydWVcIlxuICAgICAgICBtZGwtYnV0dG9uXG4gICAgICAgIG1kbC1idXR0b24tdHlwZT1cImZhYlwiXG4gICAgICAgIG1kbC1jb2xvcmVkPVwicHJpbWFyeVwiXG4+XG4gIDxtZGwtaWNvbj5hZGQ8L21kbC1pY29uPlxuPC9idXR0b24+XG48bWRsLXBvcG92ZXIgI2ZhYlBvcG92ZXIgW2NsYXNzLmRpcmVjdGlvbi11cF09XCJ0cnVlXCIgW2hpZGUtb24tY2xpY2tdPVwidHJ1ZVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L21kbC1wb3BvdmVyPlxuIl19