{"version":3,"sources":["../../src/app/components/chip/chip.ts"],"names":["Chip","this","removeIcon","onRemove","EventEmitter","visible","prototype","containerClass","p-chip p-component","p-chip-image","image","close","event","emit","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","encapsulation","ViewEncapsulation","None","Input","Output","NgModule","imports","CommonModule","exports","declarations"],"mappings":"8ZAGA,SAAAA,IA6BaC,KAAAC,WAAqB,qBAEpBD,KAAAE,SAA8B,IAAIC,EAAAA,aAE5CH,KAAAI,SAAmB,SAEnBL,EAAAM,UAAAC,eAAA,WACI,MAAO,CACHC,sBAAsB,EACtBC,eAA8B,MAAdR,KAAKS,QAI7BV,EAAAM,UAAAK,MAAA,SAAMC,GACFX,KAAKI,SAAU,EACfJ,KAAKE,SAASU,KAAKD,6BA5C1BE,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,SACVC,SAAU,+kBASVC,gBAAiBC,EAAAA,wBAAwBC,OACzCC,cAAeC,EAAAA,kBAAkBC,kOAKhCC,EAAAA,oBAEAA,EAAAA,qBAEAA,EAAAA,qBAEAA,EAAAA,0BAEAA,EAAAA,yBAEAA,EAAAA,0BAEAA,EAAAA,wBAEAC,EAAAA,gBAsBL,iCALCC,EAAAA,SAAQX,KAAA,CAAC,CACNY,QAAS,CAACC,EAAAA,cACVC,QAAS,CAAC7B,GACV8B,aAAc,CAAC9B","sourcesContent":["import { NgModule, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n    selector: 'p-chip',\n    template: `\n        <div [ngClass]=\"containerClass()\" [class]=\"styleClass\" [ngStyle]=\"style\" *ngIf=\"visible\">\n            <ng-content></ng-content>\n            <img [src]=\"image\" *ngIf=\"image;else iconTemplate\">\n            <ng-template #iconTemplate><span *ngIf=\"icon\" [class]=\"icon\" [ngClass]=\"'p-chip-icon'\"></span></ng-template>\n            <div class=\"p-chip-text\" *ngIf=\"label\">{{label}}</div>\n            <span *ngIf=\"removable\" tabindex=\"0\" [class]=\"removeIcon\" [ngClass]=\"'pi-chip-remove-icon'\" (click)=\"close($event)\" (keydown.enter)=\"close($event)\"></span>\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./chip.css']\n})\nexport class Chip {\n\n    @Input() label: string;\n\n    @Input() icon: string;\n\n    @Input() image: string;\n\n    @Input() style: any;\n\n    @Input() styleClass: string;\n\n    @Input() removable: boolean;\n\n    @Input() removeIcon: string = \"pi pi-times-circle\";\n\n    @Output() onRemove: EventEmitter<any> = new EventEmitter();\n\n    visible: boolean = true;\n\n    containerClass() {\n        return {\n            'p-chip p-component': true,\n            'p-chip-image': this.image != null\n        };\n    }\n\n    close(event) {\n        this.visible = false;\n        this.onRemove.emit(event)\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [Chip],\n    declarations: [Chip]\n})\nexport class ChipModule { }\n"]}