nd-gui
Version:
UI components for NetDocuments
3 lines (2 loc) • 2.64 kB
JavaScript
!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("nd-gui/button",["exports","@angular/core","@angular/common"],o):o((t["nd-gui"]=t["nd-gui"]||{},t["nd-gui"].button={}),t.ng.core,t.ng.common)}(this,function(t,o,n){"use strict";var e=function(){function t(){this.type="primary",this.label="OK",this.disabled=!1,this.buttonClickEvent=new o.EventEmitter}return t.prototype.ngOnInit=function(){"primary"!==this.type&&"secondary"!==this.type&&"multi"!==this.type&&(this.type="primary")},t.prototype.clickEvent=function(t){this.disabled||this.buttonClickEvent.emit(t)},t}();e.decorators=[{type:o.Component,args:[{selector:"nd-button",template:'<input type="button"\n [attr.id]="Id"\n class="nd-button {{type}}"\n [ngClass]="classList"\n [class.disabled]="disabled"\n (click)="clickEvent($event)"\n [value]="label"/>\n <ng-content></ng-content>\n',styles:[":host{margin:8px 20px 8px 8px;display:inline-block;position:relative}.nd-button{width:110px;height:38px;border-radius:1px;padding-left:15px;padding-right:15px;border:none;color:#fff;text-align:center;text-decoration:none;text-overflow:ellipsis;overflow:hidden;display:inline-block;font-size:12px;font-weight:600;cursor:pointer;outline:0}.nd-button:active,.nd-button:focus{outline:0}.nd-button.disabled{cursor:default}.nd-button.primary{background-color:#225582}.nd-button.primary:hover{background-color:#39668e}.nd-button.primary:active{background-color:#1e4c74}.nd-button.primary.disabled{background-color:#6488a7;color:#225582}.nd-button.secondary{background-color:#979797}.nd-button.secondary:hover{background-color:#a1a1a1}.nd-button.secondary:active{background-color:#878787}.nd-button.secondary.disabled{background-color:#b6b6b6;color:#979797}.nd-button.multi{background-color:#fff;color:#e66e25;border:1px solid #e66e25}.nd-button.multi:hover{background-color:#e66e25;color:#fff}.nd-button.multi:active{background-color:#d86722}.nd-button.multi.disabled{background-color:#ed9966;color:#e66e25;border-color:#ed9966}"],changeDetection:o.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[]},e.propDecorators={type:[{type:o.Input}],label:[{type:o.Input}],disabled:[{type:o.Input}],classList:[{type:o.Input}],Id:[{type:o.Input}],buttonClickEvent:[{type:o.Output,args:["onClick"]}]};var r=function(){};r.decorators=[{type:o.NgModule,args:[{imports:[n.CommonModule],declarations:[e],exports:[e]}]}],t.ndButttonModule=r,t.ButtonComponent=e,Object.defineProperty(t,"__esModule",{value:!0})});
//# sourceMappingURL=nd-gui-button.umd.min.js.map