ng-devui
Version:
DevUI components based on Angular
96 lines • 33.7 kB
JavaScript
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, HostListener, Input, Output, TemplateRef, ViewChild } from '@angular/core';
import { AnimationNumberDuration } from 'ng-devui/utils';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "ng-devui/loading";
import * as i3 from "ng-devui/common";
export class ButtonComponent {
handleDisabled($event) {
if (this.disabled) {
$event.preventDefault();
$event.stopImmediatePropagation();
}
}
constructor(cd) {
this.cd = cd;
this.type = 'button';
this.bsStyle = 'primary';
this.bsSize = 'md';
/**
* @deprecated
* 原左右按钮用按钮组实现
*/
this.bsPosition = 'default';
this.disabled = false;
this.showLoading = false;
this.autofocus = false;
this.btnClick = new EventEmitter();
this.waveLeft = 0;
this.waveTop = 0;
this.showWave = false;
this.isMouseDown = false;
}
// 新增click事件，解决直接在host上使用click，在disabled状态下还能触发事件
onClick(event) {
if (!this.showLoading) {
this.btnClick.emit(event);
}
this.showClickWave(event);
}
showClickWave(event) {
this.waveLeft = event.offsetX;
this.waveTop = event.offsetY;
this.showWave = true;
setTimeout(() => {
this.showWave = false;
this.cd.detectChanges();
}, AnimationNumberDuration.SLOW);
}
ngAfterContentChecked() {
this.cd.detectChanges();
}
hasContent() {
return !!this.buttonContent && this.buttonContent.nativeElement && this.buttonContent.nativeElement.innerHTML.trim();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonComponent, selector: "d-button", inputs: { id: "id", type: "type", bsStyle: "bsStyle", shape: "shape", bsSize: "bsSize", bsPosition: "bsPosition", bordered: "bordered", icon: "icon", disabled: "disabled", showLoading: "showLoading", width: "width", autofocus: "autofocus", loadingTemplateRef: "loadingTemplateRef" }, outputs: { btnClick: "btnClick" }, host: { listeners: { "click": "handleDisabled($event)" } }, viewQueries: [{ propertyName: "buttonContent", first: true, predicate: ["buttonContent"], descendants: true, static: true }], ngImport: i0, template: "<button\n [attr.id]=\"id\"\n class=\"devui-btn devui-btn-{{ bsStyle }} devui-btn-{{ bsSize }} devui-btn-{{ bsPosition }}\"\n [class.devui-btn-circle]=\"shape === 'circle'\"\n [type]=\"type\"\n [disabled]=\"disabled\"\n [class.bordered]=\"bordered\"\n [class.mouseDown]=\"isMouseDown\"\n [backdrop]=\"true\"\n dLoading\n [showLoading]=\"showLoading\"\n [loadingTemplateRef]=\"loadingTemplateRef\"\n [ngStyle]=\"{ width: width }\"\n [dAutoFocus]=\"autofocus\"\n (click)=\"onClick($event)\"\n [ngClass]=\"{ 'd-btn-icon': !!icon && !hasContent(), 'd-btn-icon-wrap': !!icon }\"\n (mousedown)=\"isMouseDown = true\"\n (mouseup)=\"isMouseDown = false\"\n>\n <span *ngIf=\"!!icon\" class=\"devui-icon-fix icon {{ icon }}\" [ngClass]=\"{ 'clear-right-8': hasContent() }\"></span>\n <!--\n --><span class=\"button-content\" [class.devui-btn-more-text-omits]=\"width !== undefined\" #buttonContent><ng-content></ng-content></span>\n <div class=\"devui-button-water-wave\" *ngIf=\"showWave\" [ngStyle]=\"{ top: waveTop + 'px', left: waveLeft + 'px' }\"></div>\n</button>\n", styles: [".devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:var(--devui-font-content-weight, normal);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-btn{padding:var(--devui-btn-padding, 0 20px);font-size:var(--devui-font-size-md, 12px);height:28px;line-height:var(--devui-line-height-base, 1.5);border-radius:var(--devui-btn-border-radius, var(--devui-border-radius, 2px));border-width:1px;border-color:transparent;background-color:transparent;position:relative;overflow:hidden;transform:scale(1)}.devui-btn.devui-btn-common{color:var(--devui-text, #191919);min-width:64px;background-color:var(--devui-btn-common-bg, var(--devui-base-bg, #ffffff));border-color:var(--devui-btn-common-border-color, var(--devui-line, #dbdbdb))}.devui-btn.devui-btn-stress,.devui-btn.devui-btn-primary{color:var(--devui-light-text, #ffffff);min-width:64px;background-color:var(--devui-primary, #0a59f7)}.devui-btn.devui-btn-danger{color:var(--devui-light-text, #ffffff);min-width:64px;background-color:var(--devui-contrast, #c7000b)}.devui-btn.devui-btn-left{border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px)}.devui-btn.devui-btn-right{border-radius:0 var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0}.devui-btn.devui-btn-xs{padding:0 4px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:48px}.devui-btn.devui-btn-sm{padding:var(--devui-btn-sm-padding, 0 16px);height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:56px}.devui-btn.devui-btn-lg{padding:var(--devui-btn-lg-padding, 0 24px);height:32px;font-size:var(--devui-font-size-lg, 14px);min-width:72px}.devui-btn.devui-btn-text,.devui-btn.devui-btn-text-dark{color:var(--devui-brand-active, #0950de);padding:0}.devui-btn.devui-btn-text:hover,.devui-btn.devui-btn-text:active,.devui-btn.devui-btn-text-dark:hover,.devui-btn.devui-btn-text-dark:active{background-color:transparent;color:var(--devui-brand-active-focus, #00196b)}.devui-btn.devui-btn-common:hover{border-color:var(--devui-btn-common-border-color-hover, var(--devui-form-control-line-active, #0a59f7));color:var(--devui-btn-common-color-hover, var(--devui-brand-active, #0950de));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-btn.devui-btn-common:active{border-color:var(--devui-btn-common-border-color-active, var(--devui-form-control-line-active, #0a59f7));color:var(--devui-btn-common-color-active, var(--devui-brand-active, #0950de));background-color:var(--devui-btn-common-bg-active, var(--devui-base-bg, #ffffff))}.devui-btn.devui-btn-stress:hover{background-color:var(--devui-primary-hover, #3979f9)}.devui-btn.devui-btn-stress:active{background-color:var(--devui-primary-active, #00196b)}.devui-btn.devui-btn-primary:hover{background-color:var(--devui-primary-hover, #3979f9)}.devui-btn.devui-btn-primary:active{background-color:var(--devui-primary-active, #00196b)}.devui-btn.devui-btn-danger:hover{background-color:var(--devui-contrast-hover, #cc272a)}.devui-btn.devui-btn-danger:active{background-color:var(--devui-contrast-active, #78080e)}.devui-btn.devui-btn-common:disabled{color:var(--devui-btn-common-text-disabled, var(--devui-disabled-text, #c2c2c2));background:var(--devui-btn-common-bg-disabled, var(--devui-disabled-bg, #f3f3f3));border-color:var(--devui-btn-common-border-disabled, var(--devui-disabled-line, #e6e6e6))}.devui-btn.devui-btn-primary:disabled{color:var(--devui-btn-primary-text-disabled, var(--devui-light-text, #ffffff));background:var(--devui-btn-primary-bg-disabled, var(--devui-primary-disabled, #9dbdfc));border-color:transparent}.devui-btn.devui-btn-danger:disabled{color:var(--devui-light-text, #ffffff);background:#f59297;border:1px solid #f59297}.devui-btn.devui-btn-text-dark:disabled{color:var(--devui-disabled-text, #c2c2c2)}.devui-btn.devui-btn-text:disabled{color:var(--devui-disabled-text, #c2c2c2)}.devui-btn.bordered.devui-btn-common{color:var(--devui-text, #191919);border-color:transparent}.devui-btn.bordered.devui-btn-common:hover,.devui-btn.bordered.devui-btn-common:focus{border-color:var(--devui-primary-hover, #3979f9)}.devui-btn.bordered.devui-btn-common:active{border-color:var(--devui-primary-active, #00196b)}.devui-btn.bordered.devui-btn-stress,.devui-btn.bordered.devui-btn-primary{border-color:var(--devui-brand, #0a59f7);color:var(--devui-brand, #0a59f7);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-success{border-color:var(--devui-success, #058358);color:var(--devui-success, #058358);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-warning{border-color:var(--devui-warning, #fcc800);color:var(--devui-warning, #fcc800);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-danger{border-color:var(--devui-danger, #e02128);color:var(--devui-danger, #e02128);background-color:var(--devui-block, #ffffff)}.devui-btn.d-btn-icon:not(.devui-btn-primary):not(.devui-btn-danger):not(.devui-btn-common):hover,.devui-btn.d-btn-icon:not(.devui-btn-primary):not(.devui-btn-danger):not(.devui-btn-common):focus{border:1px solid var(--devui-list-item-hover-bg, #f2f2f3);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-btn.d-btn-icon:not(.devui-btn-primary):not(.devui-btn-danger):not(.devui-btn-common):disabled{background-color:var(--devui-disabled-bg, #f3f3f3)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap{color:var(--devui-text, #191919)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap .devui-icon-fix,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap .devui-icon-fix{color:var(--devui-icon-fill, #595959)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap:hover,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap:hover{color:var(--devui-icon-fill-hover, #191919)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap:hover .devui-icon-fix,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap:hover .devui-icon-fix{color:var(--devui-icon-fill-hover, #191919)}.devui-btn.mouseDown:not(:disabled){transform:scale(.95)}.devui-loading .devui-loading-default-spinner div{background-color:var(--devui-text, #191919)}:host{display:inline-block}.devui-btn{transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));border-style:solid;white-space:nowrap;display:flex;align-items:center;justify-content:center}.devui-btn:disabled,.devui-btn[disabled]{cursor:not-allowed}.devui-btn.d-btn-icon{padding:8px;line-height:1em;min-width:unset;border:1px solid transparent}.devui-btn.d-btn-icon:not(.devui-btn-common){border:1px solid transparent}.devui-btn.d-btn-icon.devui-btn-xs,.devui-btn.d-btn-icon.devui-btn-sm{padding:4px}.devui-btn.d-btn-icon.devui-btn-xs,.devui-btn.d-btn-icon.devui-btn-sm{min-width:24px}.devui-btn.d-btn-icon.devui-btn-lg{min-width:32px}.devui-btn.d-btn-icon.devui-btn-lg .icon{font-size:var(--devui-font-size-icon, 16px)}.devui-btn:not(.d-btn-icon) .icon-fix{font-size:var(--devui-font-size-icon, 16px)}.devui-icon-fix{position:relative;font-size:var(--devui-font-size, 12px);pointer-events:none}.devui-icon-fix:before{transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-btn.devui-btn-common:not(:disabled) .devui-icon-fix{color:var(--devui-text-weak, #333333)}.devui-btn.devui-btn-common:not(:disabled):hover .devui-icon-fix,.devui-btn.devui-btn-common:not(:disabled):active .devui-icon-fix,.devui-btn.devui-btn-common:not(:disabled):focus .devui-icon-fix{color:var(--devui-icon-fill-active, #191919)}.button-content{display:inline-block;position:relative;pointer-events:none}.clear-right-8{margin-right:8px}.devui-btn-more-text-omits{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.devui-btn-circle{border-radius:100%}.devui-button-water-wave{position:absolute;background-color:var(--devui-base-bg, #ffffff);border-radius:50%;opacity:0;width:20px;height:20px;transform:translate(-50%,-50%);animation:waterWave var(--devui-animation-duration-slow, .3s) var(--devui-animation-linear, cubic-bezier(0, 0, 1, 1))}@keyframes waterWave{0%{opacity:.2;width:30px;height:30px}to{opacity:0;width:200px;height:200px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.LoadingDirective, selector: "[dLoading]", inputs: ["backdrop", "message", "positionType", "showLoading", "view", "zIndex", "loading", "loadingStyle", "loadingTemplateRef"], exportAs: ["dLoading"] }, { kind: "directive", type: i3.AutoFocusDirective, selector: "[dAutoFocus]", inputs: ["dAutoFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
type: Component,
args: [{ selector: 'd-button', changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<button\n [attr.id]=\"id\"\n class=\"devui-btn devui-btn-{{ bsStyle }} devui-btn-{{ bsSize }} devui-btn-{{ bsPosition }}\"\n [class.devui-btn-circle]=\"shape === 'circle'\"\n [type]=\"type\"\n [disabled]=\"disabled\"\n [class.bordered]=\"bordered\"\n [class.mouseDown]=\"isMouseDown\"\n [backdrop]=\"true\"\n dLoading\n [showLoading]=\"showLoading\"\n [loadingTemplateRef]=\"loadingTemplateRef\"\n [ngStyle]=\"{ width: width }\"\n [dAutoFocus]=\"autofocus\"\n (click)=\"onClick($event)\"\n [ngClass]=\"{ 'd-btn-icon': !!icon && !hasContent(), 'd-btn-icon-wrap': !!icon }\"\n (mousedown)=\"isMouseDown = true\"\n (mouseup)=\"isMouseDown = false\"\n>\n <span *ngIf=\"!!icon\" class=\"devui-icon-fix icon {{ icon }}\" [ngClass]=\"{ 'clear-right-8': hasContent() }\"></span>\n <!--\n --><span class=\"button-content\" [class.devui-btn-more-text-omits]=\"width !== undefined\" #buttonContent><ng-content></ng-content></span>\n <div class=\"devui-button-water-wave\" *ngIf=\"showWave\" [ngStyle]=\"{ top: waveTop + 'px', left: waveLeft + 'px' }\"></div>\n</button>\n", styles: [".devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:var(--devui-font-content-weight, normal);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-btn{padding:var(--devui-btn-padding, 0 20px);font-size:var(--devui-font-size-md, 12px);height:28px;line-height:var(--devui-line-height-base, 1.5);border-radius:var(--devui-btn-border-radius, var(--devui-border-radius, 2px));border-width:1px;border-color:transparent;background-color:transparent;position:relative;overflow:hidden;transform:scale(1)}.devui-btn.devui-btn-common{color:var(--devui-text, #191919);min-width:64px;background-color:var(--devui-btn-common-bg, var(--devui-base-bg, #ffffff));border-color:var(--devui-btn-common-border-color, var(--devui-line, #dbdbdb))}.devui-btn.devui-btn-stress,.devui-btn.devui-btn-primary{color:var(--devui-light-text, #ffffff);min-width:64px;background-color:var(--devui-primary, #0a59f7)}.devui-btn.devui-btn-danger{color:var(--devui-light-text, #ffffff);min-width:64px;background-color:var(--devui-contrast, #c7000b)}.devui-btn.devui-btn-left{border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px)}.devui-btn.devui-btn-right{border-radius:0 var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0}.devui-btn.devui-btn-xs{padding:0 4px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:48px}.devui-btn.devui-btn-sm{padding:var(--devui-btn-sm-padding, 0 16px);height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:56px}.devui-btn.devui-btn-lg{padding:var(--devui-btn-lg-padding, 0 24px);height:32px;font-size:var(--devui-font-size-lg, 14px);min-width:72px}.devui-btn.devui-btn-text,.devui-btn.devui-btn-text-dark{color:var(--devui-brand-active, #0950de);padding:0}.devui-btn.devui-btn-text:hover,.devui-btn.devui-btn-text:active,.devui-btn.devui-btn-text-dark:hover,.devui-btn.devui-btn-text-dark:active{background-color:transparent;color:var(--devui-brand-active-focus, #00196b)}.devui-btn.devui-btn-common:hover{border-color:var(--devui-btn-common-border-color-hover, var(--devui-form-control-line-active, #0a59f7));color:var(--devui-btn-common-color-hover, var(--devui-brand-active, #0950de));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-btn.devui-btn-common:active{border-color:var(--devui-btn-common-border-color-active, var(--devui-form-control-line-active, #0a59f7));color:var(--devui-btn-common-color-active, var(--devui-brand-active, #0950de));background-color:var(--devui-btn-common-bg-active, var(--devui-base-bg, #ffffff))}.devui-btn.devui-btn-stress:hover{background-color:var(--devui-primary-hover, #3979f9)}.devui-btn.devui-btn-stress:active{background-color:var(--devui-primary-active, #00196b)}.devui-btn.devui-btn-primary:hover{background-color:var(--devui-primary-hover, #3979f9)}.devui-btn.devui-btn-primary:active{background-color:var(--devui-primary-active, #00196b)}.devui-btn.devui-btn-danger:hover{background-color:var(--devui-contrast-hover, #cc272a)}.devui-btn.devui-btn-danger:active{background-color:var(--devui-contrast-active, #78080e)}.devui-btn.devui-btn-common:disabled{color:var(--devui-btn-common-text-disabled, var(--devui-disabled-text, #c2c2c2));background:var(--devui-btn-common-bg-disabled, var(--devui-disabled-bg, #f3f3f3));border-color:var(--devui-btn-common-border-disabled, var(--devui-disabled-line, #e6e6e6))}.devui-btn.devui-btn-primary:disabled{color:var(--devui-btn-primary-text-disabled, var(--devui-light-text, #ffffff));background:var(--devui-btn-primary-bg-disabled, var(--devui-primary-disabled, #9dbdfc));border-color:transparent}.devui-btn.devui-btn-danger:disabled{color:var(--devui-light-text, #ffffff);background:#f59297;border:1px solid #f59297}.devui-btn.devui-btn-text-dark:disabled{color:var(--devui-disabled-text, #c2c2c2)}.devui-btn.devui-btn-text:disabled{color:var(--devui-disabled-text, #c2c2c2)}.devui-btn.bordered.devui-btn-common{color:var(--devui-text, #191919);border-color:transparent}.devui-btn.bordered.devui-btn-common:hover,.devui-btn.bordered.devui-btn-common:focus{border-color:var(--devui-primary-hover, #3979f9)}.devui-btn.bordered.devui-btn-common:active{border-color:var(--devui-primary-active, #00196b)}.devui-btn.bordered.devui-btn-stress,.devui-btn.bordered.devui-btn-primary{border-color:var(--devui-brand, #0a59f7);color:var(--devui-brand, #0a59f7);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-success{border-color:var(--devui-success, #058358);color:var(--devui-success, #058358);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-warning{border-color:var(--devui-warning, #fcc800);color:var(--devui-warning, #fcc800);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-danger{border-color:var(--devui-danger, #e02128);color:var(--devui-danger, #e02128);background-color:var(--devui-block, #ffffff)}.devui-btn.d-btn-icon:not(.devui-btn-primary):not(.devui-btn-danger):not(.devui-btn-common):hover,.devui-btn.d-btn-icon:not(.devui-btn-primary):not(.devui-btn-danger):not(.devui-btn-common):focus{border:1px solid var(--devui-list-item-hover-bg, #f2f2f3);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-btn.d-btn-icon:not(.devui-btn-primary):not(.devui-btn-danger):not(.devui-btn-common):disabled{background-color:var(--devui-disabled-bg, #f3f3f3)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap{color:var(--devui-text, #191919)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap .devui-icon-fix,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap .devui-icon-fix{color:var(--devui-icon-fill, #595959)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap:hover,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap:hover{color:var(--devui-icon-fill-hover, #191919)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap:hover .devui-icon-fix,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap:hover .devui-icon-fix{color:var(--devui-icon-fill-hover, #191919)}.devui-btn.mouseDown:not(:disabled){transform:scale(.95)}.devui-loading .devui-loading-default-spinner div{background-color:var(--devui-text, #191919)}:host{display:inline-block}.devui-btn{transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));border-style:solid;white-space:nowrap;display:flex;align-items:center;justify-content:center}.devui-btn:disabled,.devui-btn[disabled]{cursor:not-allowed}.devui-btn.d-btn-icon{padding:8px;line-height:1em;min-width:unset;border:1px solid transparent}.devui-btn.d-btn-icon:not(.devui-btn-common){border:1px solid transparent}.devui-btn.d-btn-icon.devui-btn-xs,.devui-btn.d-btn-icon.devui-btn-sm{padding:4px}.devui-btn.d-btn-icon.devui-btn-xs,.devui-btn.d-btn-icon.devui-btn-sm{min-width:24px}.devui-btn.d-btn-icon.devui-btn-lg{min-width:32px}.devui-btn.d-btn-icon.devui-btn-lg .icon{font-size:var(--devui-font-size-icon, 16px)}.devui-btn:not(.d-btn-icon) .icon-fix{font-size:var(--devui-font-size-icon, 16px)}.devui-icon-fix{position:relative;font-size:var(--devui-font-size, 12px);pointer-events:none}.devui-icon-fix:before{transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-btn.devui-btn-common:not(:disabled) .devui-icon-fix{color:var(--devui-text-weak, #333333)}.devui-btn.devui-btn-common:not(:disabled):hover .devui-icon-fix,.devui-btn.devui-btn-common:not(:disabled):active .devui-icon-fix,.devui-btn.devui-btn-common:not(:disabled):focus .devui-icon-fix{color:var(--devui-icon-fill-active, #191919)}.button-content{display:inline-block;position:relative;pointer-events:none}.clear-right-8{margin-right:8px}.devui-btn-more-text-omits{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.devui-btn-circle{border-radius:100%}.devui-button-water-wave{position:absolute;background-color:var(--devui-base-bg, #ffffff);border-radius:50%;opacity:0;width:20px;height:20px;transform:translate(-50%,-50%);animation:waterWave var(--devui-animation-duration-slow, .3s) var(--devui-animation-linear, cubic-bezier(0, 0, 1, 1))}@keyframes waterWave{0%{opacity:.2;width:30px;height:30px}to{opacity:0;width:200px;height:200px}}\n"] }]
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { id: [{
type: Input
}], type: [{
type: Input
}], bsStyle: [{
type: Input
}], shape: [{
type: Input
}], bsSize: [{
type: Input
}], bsPosition: [{
type: Input
}], bordered: [{
type: Input
}], icon: [{
type: Input
}], disabled: [{
type: Input
}], showLoading: [{
type: Input
}], width: [{
type: Input
}], autofocus: [{
type: Input
}], loadingTemplateRef: [{
type: Input
}], btnClick: [{
type: Output
}], buttonContent: [{
type: ViewChild,
args: ['buttonContent', { static: true }]
}], handleDisabled: [{
type: HostListener,
args: ['click', ['$event']]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2RldnVpL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZGV2dWkvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixXQUFXLEVBQ1gsU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7OztBQWdCekQsTUFBTSxPQUFPLGVBQWU7SUFzQjFCLGNBQWMsQ0FBQyxNQUFhO1FBQzFCLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xCLE1BQU0sQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN4QixNQUFNLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztRQUNwQyxDQUFDO0lBQ0gsQ0FBQztJQU9ELFlBQW9CLEVBQXFCO1FBQXJCLE9BQUUsR0FBRixFQUFFLENBQW1CO1FBaENoQyxTQUFJLEdBQWdCLFFBQVEsQ0FBQztRQUM3QixZQUFPLEdBQWlCLFNBQVMsQ0FBQztRQUVsQyxXQUFNLEdBQWdCLElBQUksQ0FBQztRQUNwQzs7O1dBR0c7UUFDTSxlQUFVLEdBQW9CLFNBQVMsQ0FBQztRQUd4QyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBRXBCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFakIsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7UUFXcEQsYUFBUSxHQUFHLENBQUMsQ0FBQztRQUNiLFlBQU8sR0FBRyxDQUFDLENBQUM7UUFDWixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO0lBR3BCLENBQUM7SUFFRCxpREFBaUQ7SUFDakQsT0FBTyxDQUFDLEtBQUs7UUFDWCxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzVCLENBQUM7UUFDRCxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBSztRQUNqQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUM7UUFDOUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQzdCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBRXJCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztZQUN0QixJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzFCLENBQUMsRUFBRSx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQscUJBQXFCO1FBQ25CLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELFVBQVU7UUFDUixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2SCxDQUFDOytHQTlEVSxlQUFlO21HQUFmLGVBQWUseWlCQzdCNUIsMmpDQXdCQTs7NEZES2EsZUFBZTtrQkFQM0IsU0FBUzsrQkFDRSxVQUFVLG1CQUdILHVCQUF1QixDQUFDLE1BQU0sdUJBQzFCLEtBQUs7c0ZBR2pCLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBS0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ3VDLGFBQWE7c0JBQTFELFNBQVM7dUJBQUMsZUFBZSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFHNUMsY0FBYztzQkFEYixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudENoZWNrZWQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdDaGlsZFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFuaW1hdGlvbk51bWJlckR1cmF0aW9uIH0gZnJvbSAnbmctZGV2dWkvdXRpbHMnO1xuZXhwb3J0IHR5cGUgSUJ1dHRvblR5cGUgPSAnYnV0dG9uJyB8ICdzdWJtaXQnIHwgJ3Jlc2V0Jztcbi8qKlxuICog57G75Z6L5LitdGV4dC1kYXJr5Y+C5pWw5bqf5byDXG4gKi9cbmV4cG9ydCB0eXBlIElCdXR0b25TdHlsZSA9ICdjb21tb24nIHwgJ3ByaW1hcnknIHwgJ3RleHQnIHwgJ3RleHQtZGFyaycgfCAnZGFuZ2VyJyB8ICdzdWNjZXNzJyB8ICd3YXJuaW5nJztcbmV4cG9ydCB0eXBlIElCdXR0b25Qb3NpdGlvbiA9ICdsZWZ0JyB8ICdyaWdodCcgfCAnZGVmYXVsdCc7XG5leHBvcnQgdHlwZSBJQnV0dG9uU2l6ZSA9ICdsZycgfCAnbWQnIHwgJ3NtJyB8ICd4cyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2QtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudENoZWNrZWQge1xuICBASW5wdXQoKSBpZDogc3RyaW5nO1xuICBASW5wdXQoKSB0eXBlOiBJQnV0dG9uVHlwZSA9ICdidXR0b24nO1xuICBASW5wdXQoKSBic1N0eWxlOiBJQnV0dG9uU3R5bGUgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHNoYXBlOiAnY2lyY2xlJztcbiAgQElucHV0KCkgYnNTaXplOiBJQnV0dG9uU2l6ZSA9ICdtZCc7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKiDljp/lt6blj7PmjInpkq7nlKjmjInpkq7nu4Tlrp7njrBcbiAgICovXG4gIEBJbnB1dCgpIGJzUG9zaXRpb246IElCdXR0b25Qb3NpdGlvbiA9ICdkZWZhdWx0JztcbiAgQElucHV0KCkgYm9yZGVyZWQ6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgc2hvd0xvYWRpbmcgPSBmYWxzZTtcbiAgQElucHV0KCkgd2lkdGg/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGF1dG9mb2N1cyA9IGZhbHNlO1xuICBASW5wdXQoKSBsb2FkaW5nVGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT47XG4gIEBPdXRwdXQoKSBidG5DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKTtcbiAgQFZpZXdDaGlsZCgnYnV0dG9uQ29udGVudCcsIHsgc3RhdGljOiB0cnVlIH0pIGJ1dHRvbkNvbnRlbnQ6IEVsZW1lbnRSZWY7XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxuICBoYW5kbGVEaXNhYmxlZCgkZXZlbnQ6IEV2ZW50KSB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgJGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpO1xuICAgIH1cbiAgfVxuXG4gIHdhdmVMZWZ0ID0gMDtcbiAgd2F2ZVRvcCA9IDA7XG4gIHNob3dXYXZlID0gZmFsc2U7XG4gIGlzTW91c2VEb3duID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZDogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgfVxuXG4gIC8vIOaWsOWinmNsaWNr5LqL5Lu277yM6Kej5Yaz55u05o6l5ZyoaG9zdOS4iuS9v+eUqGNsaWNr77yM5ZyoZGlzYWJsZWTnirbmgIHkuIvov5jog73op6blj5Hkuovku7ZcbiAgb25DbGljayhldmVudCkge1xuICAgIGlmICghdGhpcy5zaG93TG9hZGluZykge1xuICAgICAgdGhpcy5idG5DbGljay5lbWl0KGV2ZW50KTtcbiAgICB9XG4gICAgdGhpcy5zaG93Q2xpY2tXYXZlKGV2ZW50KTtcbiAgfVxuXG4gIHNob3dDbGlja1dhdmUoZXZlbnQpIHtcbiAgICB0aGlzLndhdmVMZWZ0ID0gZXZlbnQub2Zmc2V0WDtcbiAgICB0aGlzLndhdmVUb3AgPSBldmVudC5vZmZzZXRZO1xuICAgIHRoaXMuc2hvd1dhdmUgPSB0cnVlO1xuXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLnNob3dXYXZlID0gZmFsc2U7XG4gICAgICB0aGlzLmNkLmRldGVjdENoYW5nZXMoKTtcbiAgICB9LCBBbmltYXRpb25OdW1iZXJEdXJhdGlvbi5TTE9XKTtcbiAgfVxuXG4gIG5nQWZ0ZXJDb250ZW50Q2hlY2tlZCgpOiB2b2lkIHtcbiAgICB0aGlzLmNkLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIGhhc0NvbnRlbnQoKSB7XG4gICAgcmV0dXJuICEhdGhpcy5idXR0b25Db250ZW50ICYmIHRoaXMuYnV0dG9uQ29udGVudC5uYXRpdmVFbGVtZW50ICYmIHRoaXMuYnV0dG9uQ29udGVudC5uYXRpdmVFbGVtZW50LmlubmVySFRNTC50cmltKCk7XG4gIH1cbn1cbiIsIjxidXR0b25cbiAgW2F0dHIuaWRdPVwiaWRcIlxuICBjbGFzcz1cImRldnVpLWJ0biBkZXZ1aS1idG4te3sgYnNTdHlsZSB9fSBkZXZ1aS1idG4te3sgYnNTaXplIH19IGRldnVpLWJ0bi17eyBic1Bvc2l0aW9uIH19XCJcbiAgW2NsYXNzLmRldnVpLWJ0bi1jaXJjbGVdPVwic2hhcGUgPT09ICdjaXJjbGUnXCJcbiAgW3R5cGVdPVwidHlwZVwiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIFtjbGFzcy5ib3JkZXJlZF09XCJib3JkZXJlZFwiXG4gIFtjbGFzcy5tb3VzZURvd25dPVwiaXNNb3VzZURvd25cIlxuICBbYmFja2Ryb3BdPVwidHJ1ZVwiXG4gIGRMb2FkaW5nXG4gIFtzaG93TG9hZGluZ109XCJzaG93TG9hZGluZ1wiXG4gIFtsb2FkaW5nVGVtcGxhdGVSZWZdPVwibG9hZGluZ1RlbXBsYXRlUmVmXCJcbiAgW25nU3R5bGVdPVwieyB3aWR0aDogd2lkdGggfVwiXG4gIFtkQXV0b0ZvY3VzXT1cImF1dG9mb2N1c1wiXG4gIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIlxuICBbbmdDbGFzc109XCJ7ICdkLWJ0bi1pY29uJzogISFpY29uICYmICFoYXNDb250ZW50KCksICdkLWJ0bi1pY29uLXdyYXAnOiAhIWljb24gfVwiXG4gIChtb3VzZWRvd24pPVwiaXNNb3VzZURvd24gPSB0cnVlXCJcbiAgKG1vdXNldXApPVwiaXNNb3VzZURvd24gPSBmYWxzZVwiXG4+XG4gIDxzcGFuICpuZ0lmPVwiISFpY29uXCIgY2xhc3M9XCJkZXZ1aS1pY29uLWZpeCBpY29uIHt7IGljb24gfX1cIiBbbmdDbGFzc109XCJ7ICdjbGVhci1yaWdodC04JzogaGFzQ29udGVudCgpIH1cIj48L3NwYW4+XG4gIDwhLS1cbiAgLS0+PHNwYW4gY2xhc3M9XCJidXR0b24tY29udGVudFwiIFtjbGFzcy5kZXZ1aS1idG4tbW9yZS10ZXh0LW9taXRzXT1cIndpZHRoICE9PSB1bmRlZmluZWRcIiAjYnV0dG9uQ29udGVudD48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9zcGFuPlxuICA8ZGl2IGNsYXNzPVwiZGV2dWktYnV0dG9uLXdhdGVyLXdhdmVcIiAqbmdJZj1cInNob3dXYXZlXCIgW25nU3R5bGVdPVwieyB0b3A6IHdhdmVUb3AgKyAncHgnLCBsZWZ0OiB3YXZlTGVmdCArICdweCcgfVwiPjwvZGl2PlxuPC9idXR0b24+XG4iXX0=