accumulation-ui/esm2015/lib/button/button.component.js

Super fast and modern framework for web application development

import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../icon/icon.component";
import * as i2 from "@angular/common";
export class ButtonComponent {
    constructor() {
        this.color = 'light';
    }
    get getClass() {
        return this.color;
    }
    ngOnInit() { }
}
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: ButtonComponent, selector: "button[acc-button]", inputs: { color: "color", icon: "icon" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<span class=\"image\" *ngIf=\"icon\">\n  <acc-icon [icon]=\"icon\"></acc-icon>\n</span>\n\n<span class=\"text\">\n  <ng-content></ng-content>\n</span>\n", styles: [":host{height:48px;width:100%;padding:0 12px;font-size:1rem;font-weight:500;line-height:1.5;display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;border:1px solid;border-radius:5px;transition-property:background-color,border-color,color,box-shadow;transition-duration:.15s;transition-timing-function:ease}:host:disabled{cursor:default}:host>.image{height:20px;width:20px;margin-right:8px}:host>.text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host{color:var(--button-color);border-color:var(--button-border);background-color:var(--button-background)}:host:hover,:host:focus{color:var(--button-color-hover);border-color:var(--button-border-hover);background-color:var(--button-background-hover)}:host:active,:host:focus{box-shadow:0 0 0 1.5px var(--body-background),0 0 0 3px var(--button-border-hover)}:host:disabled{box-shadow:none;color:var(--button-color-disabled);border-color:var(--button-border-disabled);background-color:var(--button-background-disabled)}:host.light{--button-color: #666666;--button-border: #ced6e0;--button-background: #ffffff;--button-color-hover: #666666;--button-border-hover: #ced6e0;--button-background-hover: #f5f7f9}:host.pink{--button-color: #ffffff;--button-border: #6b4fbb;--button-background: #6b4fbb;--button-color-hover: #ffffff;--button-border-hover: #8367d3;--button-background-hover: #8367d3}:host.dark{--button-color: #ffffff;--button-border: #24292e;--button-background: #24292e;--button-color-hover: #ffffff;--button-border-hover: #555555;--button-background-hover: #555555}:host.blue{--button-color: #ffffff;--button-border: #4687fc;--button-background: #4687fc;--button-color-hover: #ffffff;--button-border-hover: #3f73e6;--button-background-hover: #3f73e6}:host.primary{--button-color: #ffffff;--button-border: #3880ff;--button-background: #3880ff;--button-color-hover: #ffffff;--button-border-hover: #4d8dfd;--button-background-hover: #4d8dfd}:host.secondary{--button-color: red;--button-border: red;--button-background: red}\n"], components: [{ type: i1.IconComponent, selector: "acc-icon", inputs: ["icon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: ButtonComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'button[acc-button]',
                    templateUrl: './button.component.html',
                    styleUrls: ['./button.component.scss'],
                    changeDetection: ChangeDetectionStrategy.OnPush
                }]
        }], ctorParameters: function () { return []; }, propDecorators: { color: [{
                type: Input
            }], icon: [{
                type: Input
            }], getClass: [{
                type: HostBinding,
                args: ['class']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvc3JjL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvc3JjL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQVUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVUvRixNQUFNLE9BQU8sZUFBZTtJQVExQjtRQVBTLFVBQUssR0FBVSxPQUFPLENBQUM7SUFPakIsQ0FBQztJQUpoQixJQUEwQixRQUFRO1FBQ2hDLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBSUQsUUFBUSxLQUFVLENBQUM7OzRHQVZSLGVBQWU7Z0dBQWYsZUFBZSx3SkNWNUIsMEpBT0E7MkZER2EsZUFBZTtrQkFOM0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixXQUFXLEVBQUUseUJBQXlCO29CQUN0QyxTQUFTLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztvQkFDdEMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzBFQUVVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRW9CLFFBQVE7c0JBQWpDLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIE9uSW5pdCwgSW5wdXQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb2xvciB9IGZyb20gJy4vYnV0dG9uLmludGVyZmFjZSc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi4vaWNvbi9pY29uLmludGVyZmFjZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2J1dHRvblthY2MtYnV0dG9uXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgY29sb3I6IENvbG9yID0gJ2xpZ2h0JztcbiAgQElucHV0KCkgaWNvbiE6IEljb247XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBnZXRDbGFzcygpIHtcbiAgICByZXR1cm4gdGhpcy5jb2xvcjtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG59XG4iLCI8c3BhbiBjbGFzcz1cImltYWdlXCIgKm5nSWY9XCJpY29uXCI+XG4gIDxhY2MtaWNvbiBbaWNvbl09XCJpY29uXCI+PC9hY2MtaWNvbj5cbjwvc3Bhbj5cblxuPHNwYW4gY2xhc3M9XCJ0ZXh0XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc3Bhbj5cbiJdfQ==