| 1 | {"version":3,"sources":["ng://primeng/button/button.ts"],"names":["ButtonDirective","el","this","iconPos","cornerStyleClass","prototype","ngAfterViewInit","DomHandler","addMultipleClasses","nativeElement","getStyleClass","icon","iconElement","document","createElement","setAttribute","iconPosClass","className","appendChild","labelElement","label","createTextNode","initialized","styleClass","undefined","Object","defineProperty","_label","val","findSingle","textContent","removeClass","addClass","_icon","ngOnDestroy","hasChildNodes","removeChild","lastChild","ElementRef","__decorate","Input","Directive","selector","Button","onClick","EventEmitter","onFocus","onBlur","Output","Component","template","changeDetection","ChangeDetectionStrategy","Default","ButtonModule","NgModule","imports","CommonModule","exports","declarations"],"mappings":"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","sourcesContent":["import {NgModule,Directive,Component,ElementRef,EventEmitter,AfterViewInit,Output,OnDestroy,Input,ChangeDetectionStrategy} from '@angular/core';\nimport {DomHandler} from 'primeng/dom';\nimport {CommonModule} from '@angular/common';\n\n@Directive({\n selector: '[pButton]'\n})\nexport class ButtonDirective implements AfterViewInit, OnDestroy {\n\n @Input() iconPos: 'left' | 'right' = 'left';\n \n @Input() cornerStyleClass: string = 'ui-corner-all';\n \n public _label: string;\n \n public _icon: string;\n \n public initialized: boolean;\n\n constructor(public el: ElementRef) {}\n \n ngAfterViewInit() {\n DomHandler.addMultipleClasses(this.el.nativeElement, this.getStyleClass());\n if (this.icon) {\n let iconElement = document.createElement(\"span\");\n iconElement.setAttribute(\"aria-hidden\", \"true\");\n let iconPosClass = (this.iconPos == 'right') ? 'ui-button-icon-right': 'ui-button-icon-left';\n iconElement.className = iconPosClass + ' ui-clickable ' + this.icon;\n this.el.nativeElement.appendChild(iconElement);\n }\n \n let labelElement = document.createElement(\"span\");\n if (this.icon && !this.label) {\n labelElement.setAttribute('aria-hidden', 'true');\n }\n labelElement.className = 'ui-button-text ui-clickable';\n labelElement.appendChild(document.createTextNode(this.label||'ui-btn'));\n this.el.nativeElement.appendChild(labelElement);\n this.initialized = true;\n }\n \n getStyleClass(): string {\n let styleClass = 'ui-button ui-widget ui-state-default ' + this.cornerStyleClass;\n if (this.icon) {\n if (this.label != null && this.label != undefined) {\n if (this.iconPos == 'left')\n styleClass = styleClass + ' ui-button-text-icon-left';\n else\n styleClass = styleClass + ' ui-button-text-icon-right';\n }\n else {\n styleClass = styleClass + ' ui-button-icon-only';\n }\n }\n else {\n if (this.label) {\n styleClass = styleClass + ' ui-button-text-only';\n }\n else {\n styleClass = styleClass + ' ui-button-text-empty';\n }\n }\n \n return styleClass;\n }\n \n @Input() get label(): string {\n return this._label;\n }\n\n set label(val: string) {\n this._label = val;\n \n if (this.initialized) {\n DomHandler.findSingle(this.el.nativeElement, '.ui-button-text').textContent = this._label;\n\n if (!this.icon) {\n if (this._label) {\n DomHandler.removeClass(this.el.nativeElement, 'ui-button-text-empty');\n DomHandler.addClass(this.el.nativeElement, 'ui-button-text-only');\n }\n else {\n DomHandler.addClass(this.el.nativeElement, 'ui-button-text-empty');\n DomHandler.removeClass(this.el.nativeElement, 'ui-button-text-only');\n }\n }\n }\n }\n \n @Input() get icon(): string {\n return this._icon;\n }\n\n set icon(val: string) {\n this._icon = val;\n \n if (this.initialized) {\n let iconPosClass = (this.iconPos == 'right') ? 'ui-button-icon-right': 'ui-button-icon-left';\n DomHandler.findSingle(this.el.nativeElement, '.ui-clickable').className =\n iconPosClass + ' ui-clickable ' + this.icon;\n }\n }\n \n ngOnDestroy() {\n while(this.el.nativeElement.hasChildNodes()) {\n this.el.nativeElement.removeChild(this.el.nativeElement.lastChild);\n }\n \n this.initialized = false;\n }\n}\n\n@Component({\n selector: 'p-button',\n template: `\n <button [attr.type]=\"type\" [class]=\"styleClass\" [ngStyle]=\"style\" [disabled]=\"disabled\"\n [ngClass]=\"{'ui-button ui-widget ui-state-default ui-corner-all':true,\n 'ui-button-icon-only': (icon && !label),\n 'ui-button-text-icon-left': (icon && label && iconPos === 'left'),\n 'ui-button-text-icon-right': (icon && label && iconPos === 'right'),\n 'ui-button-text-only': (!icon && label),\n 'ui-button-text-empty': (!icon && !label),\n 'ui-state-disabled': disabled}\"\n (click)=\"onClick.emit($event)\" (focus)=\"onFocus.emit($event)\" (blur)=\"onBlur.emit($event)\">\n <ng-content></ng-content>\n <span [ngClass]=\"{'ui-clickable': true,\n 'ui-button-icon-left': (iconPos === 'left'), \n 'ui-button-icon-right': (iconPos === 'right')}\"\n [class]=\"icon\" *ngIf=\"icon\" [attr.aria-hidden]=\"true\"></span>\n <span class=\"ui-button-text ui-clickable\" [attr.aria-hidden]=\"icon && !label\">{{label||'ui-btn'}}</span>\n </button>\n `,\n changeDetection: ChangeDetectionStrategy.Default\n})\nexport class Button {\n\n @Input() type: string;\n\n @Input() iconPos: string = 'left';\n\n @Input() icon: string;\n\n @Input() label: string;\n\n @Input() disabled: boolean;\n\n @Input() style: any;\n\n @Input() styleClass: string;\n\n @Output() onClick: EventEmitter<any> = new EventEmitter();\n\n @Output() onFocus: EventEmitter<any> = new EventEmitter();\n\n @Output() onBlur: EventEmitter<any> = new EventEmitter();\n}\n\n@NgModule({\n imports: [CommonModule],\n exports: [ButtonDirective,Button],\n declarations: [ButtonDirective,Button]\n})\nexport class ButtonModule { }\n"]} |