ng-devui
Version:
DevUI components based on Angular
16 lines • 29.7 kB
JavaScript
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
export class ButtonGroupComponent {
constructor() {
this.size = 'md';
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonGroupComponent, selector: "d-button-group", inputs: { size: "size" }, ngImport: i0, template: "<div class=\"devui-btn-group {{ size ? 'devui-btn-group-' + size : '' }}\">\n <ng-content></ng-content>\n</div>\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,:host ::ng-deep .devui-btn-group-xs .devui-btn{padding:0 4px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:48px}.devui-btn.devui-btn-sm,:host ::ng-deep .devui-btn-group-sm .devui-btn{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,:host ::ng-deep .devui-btn-group-lg .devui-btn{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,:host ::ng-deep .devui-btn-group-xs .devui-btn.d-btn-icon,.devui-btn.d-btn-icon.devui-btn-sm,:host ::ng-deep .devui-btn-group-sm .devui-btn.d-btn-icon{padding:4px}.devui-btn.d-btn-icon.devui-btn-xs,:host ::ng-deep .devui-btn-group-xs .devui-btn.d-btn-icon{min-width:24px}.devui-btn.d-btn-icon.devui-btn-sm,:host ::ng-deep .devui-btn-group-sm .devui-btn.d-btn-icon{min-width:24px}.devui-btn.d-btn-icon.devui-btn-lg,:host ::ng-deep .devui-btn-group-lg .devui-btn.d-btn-icon{min-width:32px}.devui-btn.d-btn-icon.devui-btn-lg .icon,:host ::ng-deep .devui-btn-group-lg .devui-btn.d-btn-icon .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}}:host ::ng-deep .devui-btn-group{display:flex}:host ::ng-deep .devui-btn-group>*{position:relative}:host ::ng-deep .devui-btn-group>*:not(:first-child) .devui-dropdown-toggle:not(d-button),:host ::ng-deep .devui-btn-group>*:not(:first-child) .devui-btn{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}:host ::ng-deep .devui-btn-group>*:not(:first-child) .devui-dropdown-toggle:not(d-button).devui-btn-primary,:host ::ng-deep .devui-btn-group>*:not(:first-child) .devui-btn.devui-btn-primary{margin-left:0}:host ::ng-deep .devui-btn-group>*:not(:first-child) .devui-dropdown-menu{left:-1px}:host ::ng-deep .devui-btn-group>*:not(:last-child) .devui-dropdown-toggle,:host ::ng-deep .devui-btn-group>*:not(:last-child) .devui-btn{border-top-right-radius:0;border-bottom-right-radius:0}:host ::ng-deep .devui-btn-group>* .devui-dropdown-origin{z-index:0}:host ::ng-deep .devui-btn-group>*:hover,:host ::ng-deep .devui-btn-group>*:active{z-index:1}:host ::ng-deep .devui-btn-group>*:focus-within{z-index:1}:host ::ng-deep d-button+d-button .devui-btn-primary:not(:disabled):before,:host ::ng-deep d-button+d-button .devui-btn-common:not(:disabled):before,:host ::ng-deep d-button+d-button .devui-btn-danger:not(:disabled):before{content:\"\";position:absolute;top:1px;bottom:1px;left:0;width:1px}:host ::ng-deep d-button+d-button .devui-btn-primary:not(:disabled):before{background-color:#fff3}:host ::ng-deep d-button+d-button .devui-btn-common:not(:disabled):before{background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}:host ::ng-deep d-button+d-button .devui-btn:disabled{border-left-style:none;margin-left:0}:host ::ng-deep d-button:active+d-button .devui-btn-primary:not(:disabled):before,:host ::ng-deep d-button+d-button:active .devui-btn-primary:not(:disabled):before{background-color:var(--devui-primary-active, #00196b)}:host ::ng-deep d-button:active+d-button .devui-btn-common:not(:disabled):before,:host ::ng-deep d-button+d-button:active .devui-btn-common:not(:disabled):before{background-color:var(--devui-btn-common-bg-active, var(--devui-base-bg, #ffffff))}:host ::ng-deep d-button:active+d-button .devui-btn-danger:not(:disabled):before,:host ::ng-deep d-button+d-button:active .devui-btn-danger:not(:disabled):before{background-color:var(--devui-contrast-active, #78080e)}:host ::ng-deep d-button:focus-within+d-button .devui-btn-primary:not(:disabled):before,:host ::ng-deep d-button+d-button:focus-within .devui-btn-primary:not(:disabled):before,:host ::ng-deep d-button:hover+d-button .devui-btn-primary:not(:disabled):before,:host ::ng-deep d-button+d-button:hover .devui-btn-primary:not(:disabled):before{background-color:var(--devui-primary-hover, #3979f9)}:host ::ng-deep d-button:focus-within+d-button .devui-btn-common:not(:disabled):before,:host ::ng-deep d-button+d-button:focus-within .devui-btn-common:not(:disabled):before,:host ::ng-deep d-button:hover+d-button .devui-btn-common:not(:disabled):before,:host ::ng-deep d-button+d-button:hover .devui-btn-common:not(:disabled):before{background-color:var(--devui-btn-common-border-color-hover, var(--devui-form-control-line-active, #0a59f7))}:host ::ng-deep d-button:focus-within+d-button .devui-btn-danger:not(:disabled):before,:host ::ng-deep d-button+d-button:focus-within .devui-btn-danger:not(:disabled):before,:host ::ng-deep d-button:hover+d-button .devui-btn-danger:not(:disabled):before,:host ::ng-deep d-button+d-button:hover .devui-btn-danger:not(:disabled):before{background-color:var(--devui-contrast-hover, #cc272a)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonGroupComponent, decorators: [{
type: Component,
args: [{ selector: 'd-button-group', changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div class=\"devui-btn-group {{ size ? 'devui-btn-group-' + size : '' }}\">\n <ng-content></ng-content>\n</div>\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,:host ::ng-deep .devui-btn-group-xs .devui-btn{padding:0 4px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:48px}.devui-btn.devui-btn-sm,:host ::ng-deep .devui-btn-group-sm .devui-btn{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,:host ::ng-deep .devui-btn-group-lg .devui-btn{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,:host ::ng-deep .devui-btn-group-xs .devui-btn.d-btn-icon,.devui-btn.d-btn-icon.devui-btn-sm,:host ::ng-deep .devui-btn-group-sm .devui-btn.d-btn-icon{padding:4px}.devui-btn.d-btn-icon.devui-btn-xs,:host ::ng-deep .devui-btn-group-xs .devui-btn.d-btn-icon{min-width:24px}.devui-btn.d-btn-icon.devui-btn-sm,:host ::ng-deep .devui-btn-group-sm .devui-btn.d-btn-icon{min-width:24px}.devui-btn.d-btn-icon.devui-btn-lg,:host ::ng-deep .devui-btn-group-lg .devui-btn.d-btn-icon{min-width:32px}.devui-btn.d-btn-icon.devui-btn-lg .icon,:host ::ng-deep .devui-btn-group-lg .devui-btn.d-btn-icon .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}}:host ::ng-deep .devui-btn-group{display:flex}:host ::ng-deep .devui-btn-group>*{position:relative}:host ::ng-deep .devui-btn-group>*:not(:first-child) .devui-dropdown-toggle:not(d-button),:host ::ng-deep .devui-btn-group>*:not(:first-child) .devui-btn{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}:host ::ng-deep .devui-btn-group>*:not(:first-child) .devui-dropdown-toggle:not(d-button).devui-btn-primary,:host ::ng-deep .devui-btn-group>*:not(:first-child) .devui-btn.devui-btn-primary{margin-left:0}:host ::ng-deep .devui-btn-group>*:not(:first-child) .devui-dropdown-menu{left:-1px}:host ::ng-deep .devui-btn-group>*:not(:last-child) .devui-dropdown-toggle,:host ::ng-deep .devui-btn-group>*:not(:last-child) .devui-btn{border-top-right-radius:0;border-bottom-right-radius:0}:host ::ng-deep .devui-btn-group>* .devui-dropdown-origin{z-index:0}:host ::ng-deep .devui-btn-group>*:hover,:host ::ng-deep .devui-btn-group>*:active{z-index:1}:host ::ng-deep .devui-btn-group>*:focus-within{z-index:1}:host ::ng-deep d-button+d-button .devui-btn-primary:not(:disabled):before,:host ::ng-deep d-button+d-button .devui-btn-common:not(:disabled):before,:host ::ng-deep d-button+d-button .devui-btn-danger:not(:disabled):before{content:\"\";position:absolute;top:1px;bottom:1px;left:0;width:1px}:host ::ng-deep d-button+d-button .devui-btn-primary:not(:disabled):before{background-color:#fff3}:host ::ng-deep d-button+d-button .devui-btn-common:not(:disabled):before{background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}:host ::ng-deep d-button+d-button .devui-btn:disabled{border-left-style:none;margin-left:0}:host ::ng-deep d-button:active+d-button .devui-btn-primary:not(:disabled):before,:host ::ng-deep d-button+d-button:active .devui-btn-primary:not(:disabled):before{background-color:var(--devui-primary-active, #00196b)}:host ::ng-deep d-button:active+d-button .devui-btn-common:not(:disabled):before,:host ::ng-deep d-button+d-button:active .devui-btn-common:not(:disabled):before{background-color:var(--devui-btn-common-bg-active, var(--devui-base-bg, #ffffff))}:host ::ng-deep d-button:active+d-button .devui-btn-danger:not(:disabled):before,:host ::ng-deep d-button+d-button:active .devui-btn-danger:not(:disabled):before{background-color:var(--devui-contrast-active, #78080e)}:host ::ng-deep d-button:focus-within+d-button .devui-btn-primary:not(:disabled):before,:host ::ng-deep d-button+d-button:focus-within .devui-btn-primary:not(:disabled):before,:host ::ng-deep d-button:hover+d-button .devui-btn-primary:not(:disabled):before,:host ::ng-deep d-button+d-button:hover .devui-btn-primary:not(:disabled):before{background-color:var(--devui-primary-hover, #3979f9)}:host ::ng-deep d-button:focus-within+d-button .devui-btn-common:not(:disabled):before,:host ::ng-deep d-button+d-button:focus-within .devui-btn-common:not(:disabled):before,:host ::ng-deep d-button:hover+d-button .devui-btn-common:not(:disabled):before,:host ::ng-deep d-button+d-button:hover .devui-btn-common:not(:disabled):before{background-color:var(--devui-btn-common-border-color-hover, var(--devui-form-control-line-active, #0a59f7))}:host ::ng-deep d-button:focus-within+d-button .devui-btn-danger:not(:disabled):before,:host ::ng-deep d-button+d-button:focus-within .devui-btn-danger:not(:disabled):before,:host ::ng-deep d-button:hover+d-button .devui-btn-danger:not(:disabled):before,:host ::ng-deep d-button+d-button:hover .devui-btn-danger:not(:disabled):before{background-color:var(--devui-contrast-hover, #cc272a)}\n"] }]
}], ctorParameters: () => [], propDecorators: { size: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2RldnVpL2J1dHRvbi9idXR0b24tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZGV2dWkvYnV0dG9uL2J1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFXekUsTUFBTSxPQUFPLG9CQUFvQjtJQUUvQjtRQURTLFNBQUksR0FBcUIsSUFBSSxDQUFDO0lBRXZDLENBQUM7K0dBSFUsb0JBQW9CO21HQUFwQixvQkFBb0IsZ0ZDWGpDLG9IQUdBOzs0RkRRYSxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsZ0JBQWdCLG1CQUdULHVCQUF1QixDQUFDLE1BQU0sdUJBQzFCLEtBQUs7d0RBR2pCLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgSUJ1dHRvbkdyb3VwU2l6ZSA9ICdsZycgfCAnbWQnIHwgJ3NtJyB8ICd4cyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2QtYnV0dG9uLWdyb3VwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi1ncm91cC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkdyb3VwQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc2l6ZTogSUJ1dHRvbkdyb3VwU2l6ZSA9ICdtZCc7XG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJkZXZ1aS1idG4tZ3JvdXAge3sgc2l6ZSA/ICdkZXZ1aS1idG4tZ3JvdXAtJyArIHNpemUgOiAnJyB9fVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==