ngx-ui-hero/esm2020/lib/input-forms/components/radial-button/radial-button.component.mjs

Simple, fast and reliable utilities for Angular.

import { Component, Input, Output, EventEmitter } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "ngx-bootstrap/tooltip";
export class RadialButtonComponent {
    constructor() {
        this.disabled = false;
        this.labelPlacement = 'bottom';
        this.backgroundColorClass = 'btn-primary';
        this.onClick = new EventEmitter();
    }
    ngOnInit() {
    }
}
RadialButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
RadialButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialButtonComponent, selector: "ui-radial-button", inputs: { disabled: "disabled", label: "label", labelPlacement: "labelPlacement", iconClass: "iconClass", backgroundColorClass: "backgroundColorClass" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button class=\"btn-radial btn\" [ngClass]=\"backgroundColorClass\" type=\"button\"\n  [tooltip]=\"label\" [placement]=\"labelPlacement\" container=\"body\" [disabled]=\"disabled\" (click)=\"onClick.emit($event)\">\n  <i [ngClass]=\"iconClass\"></i>\n</button>\n", styles: [".btn-radial{height:50px;width:50px;border-radius:50%;box-shadow:0 1px 5px #00000047;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transition-delay:.1s}.btn-radial i{margin-top:2px}.btn-radial:not([disabled]):hover{transform:scale(1.1)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialButtonComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ui-radial-button', template: "<button class=\"btn-radial btn\" [ngClass]=\"backgroundColorClass\" type=\"button\"\n  [tooltip]=\"label\" [placement]=\"labelPlacement\" container=\"body\" [disabled]=\"disabled\" (click)=\"onClick.emit($event)\">\n  <i [ngClass]=\"iconClass\"></i>\n</button>\n", styles: [".btn-radial{height:50px;width:50px;border-radius:50%;box-shadow:0 1px 5px #00000047;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transition-delay:.1s}.btn-radial i{margin-top:2px}.btn-radial:not([disabled]):hover{transform:scale(1.1)}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
                type: Input
            }], label: [{
                type: Input
            }], labelPlacement: [{
                type: Input
            }], iconClass: [{
                type: Input
            }], backgroundColorClass: [{
                type: Input
            }], onClick: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaWFsLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdWktaGVyby9zcmMvbGliL2lucHV0LWZvcm1zL2NvbXBvbmVudHMvcmFkaWFsLWJ1dHRvbi9yYWRpYWwtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC11aS1oZXJvL3NyYy9saWIvaW5wdXQtZm9ybXMvY29tcG9uZW50cy9yYWRpYWwtYnV0dG9uL3JhZGlhbC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU8vRSxNQUFNLE9BQU8scUJBQXFCO0lBUWhDO1FBUFMsYUFBUSxHQUFhLEtBQUssQ0FBQztRQUUzQixtQkFBYyxHQUFXLFFBQVEsQ0FBQztRQUVsQyx5QkFBb0IsR0FBWSxhQUFhLENBQUM7UUFDN0MsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFNUIsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7bUhBWFUscUJBQXFCO3VHQUFyQixxQkFBcUIsbVBDUGxDLHdRQUlBOzRGREdhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxrQkFBa0I7MEVBS25CLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktcmFkaWFsLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWRpYWwtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmFkaWFsLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFJhZGlhbEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGRpc2FibGVkPzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSBsYWJlbFBsYWNlbWVudDogc3RyaW5nID0gJ2JvdHRvbSc7XG4gIEBJbnB1dCgpIGljb25DbGFzczogc3RyaW5nO1xuICBASW5wdXQoKSBiYWNrZ3JvdW5kQ29sb3JDbGFzcz86IHN0cmluZyA9ICdidG4tcHJpbWFyeSc7XG4gIEBPdXRwdXQoKSBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG59XG4iLCI8YnV0dG9uIGNsYXNzPVwiYnRuLXJhZGlhbCBidG5cIiBbbmdDbGFzc109XCJiYWNrZ3JvdW5kQ29sb3JDbGFzc1wiIHR5cGU9XCJidXR0b25cIlxuICBbdG9vbHRpcF09XCJsYWJlbFwiIFtwbGFjZW1lbnRdPVwibGFiZWxQbGFjZW1lbnRcIiBjb250YWluZXI9XCJib2R5XCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgKGNsaWNrKT1cIm9uQ2xpY2suZW1pdCgkZXZlbnQpXCI+XG4gIDxpIFtuZ0NsYXNzXT1cImljb25DbGFzc1wiPjwvaT5cbjwvYnV0dG9uPlxuIl19