| 1 | {"version":3,"sources":["ng://primeng/chips/chips.ts"],"names":["CHIPS_VALUE_ACCESSOR","provide","NG_VALUE_ACCESSOR","useExisting","forwardRef","Chips","multi","el","this","allowDuplicate","onAdd","EventEmitter","onRemove","onFocus","onBlur","onChipClick","onModelChange","onModelTouched","prototype","ngAfterContentInit","_this","templates","forEach","item","getType","itemTemplate","template","onClick","inputViewChild","nativeElement","focus","onInput","updateFilledState","onPaste","event","separator","clipboardData","window","getData","split","val","addItem","value","length","filled","onItemClick","emit","originalEvent","writeValue","updateMaxedOut","registerOnChange","fn","registerOnTouched","setDisabledState","disabled","resolveFieldData","data","field","indexOf","fields","i","len","onInputFocus","onInputBlur","addOnBlur","removeItem","index","removedItem","filter","preventDefault","trim","__spread","onKeydown","which","pop","addOnTab","max","ElementRef","__decorate","Input","Output","ViewChild","ContentChildren","PrimeTemplate","Component","selector","host","[class.ui-inputwrapper-filled]","[class.ui-inputwrapper-focus]","providers","changeDetection","ChangeDetectionStrategy","Default","ChipsModule","NgModule","imports","CommonModule","InputTextModule","SharedModule","exports","declarations"],"mappings":"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","sourcesContent":["import {NgModule,Component,ElementRef,Input,Output,EventEmitter,AfterContentInit,ContentChildren,QueryList,TemplateRef,forwardRef,ViewChild,ChangeDetectionStrategy} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {SharedModule,PrimeTemplate} from 'primeng/api';\nimport {InputTextModule} from 'primeng/inputtext';\nimport {NG_VALUE_ACCESSOR, ControlValueAccessor} from '@angular/forms';\n\nexport const CHIPS_VALUE_ACCESSOR: any = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => Chips),\n multi: true\n};\n\n@Component({\n selector: 'p-chips',\n template: `\n <div [ngClass]=\"'ui-chips ui-widget'\" [ngStyle]=\"style\" [class]=\"styleClass\" (click)=\"onClick()\">\n <ul [ngClass]=\"{'ui-inputtext ui-state-default ui-corner-all':true,'ui-state-focus':focus,'ui-state-disabled':disabled}\">\n <li #token *ngFor=\"let item of value; let i = index;\" class=\"ui-chips-token ui-state-highlight ui-corner-all\" (click)=\"onItemClick($event, item)\">\n <span *ngIf=\"!disabled\" class=\"ui-chips-token-icon pi pi-fw pi-times\" (click)=\"removeItem($event,i)\"></span>\n <span *ngIf=\"!itemTemplate\" class=\"ui-chips-token-label\">{{field ? resolveFieldData(item,field) : item}}</span>\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: {$implicit: item}\"></ng-container>\n </li>\n <li class=\"ui-chips-input-token\">\n <input #inputtext type=\"text\" [attr.id]=\"inputId\" [attr.placeholder]=\"(value && value.length ? null : placeholder)\" [attr.tabindex]=\"tabindex\" (keydown)=\"onKeydown($event)\"\n (input)=\"onInput()\" (paste)=\"onPaste($event)\" [attr.aria-labelledby]=\"ariaLabelledBy\" (focus)=\"onInputFocus($event)\" (blur)=\"onInputBlur($event)\" [disabled]=\"disabled\" [ngStyle]=\"inputStyle\" [class]=\"inputStyleClass\">\n </li>\n </ul>\n </div>\n `,\n host: {\n '[class.ui-inputwrapper-filled]': 'filled',\n '[class.ui-inputwrapper-focus]': 'focus'\n },\n providers: [CHIPS_VALUE_ACCESSOR],\n changeDetection: ChangeDetectionStrategy.Default\n})\nexport class Chips implements AfterContentInit,ControlValueAccessor {\n\n @Input() style: any;\n\n @Input() styleClass: string;\n\n @Input() disabled: boolean;\n\n @Input() field: string;\n\n @Input() placeholder: string;\n\n @Input() max: number;\n\n @Input() ariaLabelledBy: string;\n\n @Input() tabindex: number;\n\n @Input() inputId: string;\n\n @Input() allowDuplicate: boolean = true;\n\n @Input() inputStyle: any;\n\n @Input() inputStyleClass: any;\n\n @Input() addOnTab: boolean;\n\n @Input() addOnBlur: boolean;\n\n @Input() separator: string;\n\n @Output() onAdd: EventEmitter<any> = new EventEmitter();\n\n @Output() onRemove: EventEmitter<any> = new EventEmitter();\n\n @Output() onFocus: EventEmitter<any> = new EventEmitter();\n\n @Output() onBlur: EventEmitter<any> = new EventEmitter();\n\n @Output() onChipClick: EventEmitter<any> = new EventEmitter();\n\n @ViewChild('inputtext') inputViewChild: ElementRef;\n\n @ContentChildren(PrimeTemplate) templates: QueryList<any>;\n\n public itemTemplate: TemplateRef<any>;\n\n value: any;\n\n onModelChange: Function = () => {};\n\n onModelTouched: Function = () => {};\n\n valueChanged: boolean;\n\n focus: boolean;\n\n filled: boolean;\n\n constructor(public el: ElementRef) {}\n\n ngAfterContentInit() {\n this.templates.forEach((item) => {\n switch(item.getType()) {\n case 'item':\n this.itemTemplate = item.template;\n break;\n\n default:\n this.itemTemplate = item.template;\n break;\n }\n });\n }\n\n onClick() {\n this.inputViewChild.nativeElement.focus();\n }\n\n onInput() {\n this.updateFilledState();\n }\n\n onPaste(event) {\n if (this.separator) {\n let pastedData = (event.clipboardData || window['clipboardData']).getData('Text');\n pastedData.split(this.separator).forEach(val => {\n this.addItem(event, val, true);\n });\n this.inputViewChild.nativeElement.value = '';\n }\n this.updateFilledState();\n }\n\n updateFilledState() {\n if (!this.value || this.value.length === 0) {\n this.filled = (this.inputViewChild.nativeElement && this.inputViewChild.nativeElement.value != '');\n }\n else {\n this.filled = true;\n }\n }\n\n onItemClick(event: Event, item: any) {\n this.onChipClick.emit({\n originalEvent: event,\n value: item\n });\n }\n\n writeValue(value: any) : void {\n this.value = value;\n this.updateMaxedOut();\n }\n\n registerOnChange(fn: Function): void {\n this.onModelChange = fn;\n }\n\n registerOnTouched(fn: Function): void {\n this.onModelTouched = fn;\n }\n\n setDisabledState(val: boolean): void {\n this.disabled = val;\n }\n\n resolveFieldData(data: any, field: string): any {\n if (data && field) {\n if (field.indexOf('.') == -1) {\n return data[field];\n }\n else {\n let fields: string[] = field.split('.');\n let value = data;\n for(var i = 0, len = fields.length; i < len; ++i) {\n value = value[fields[i]];\n }\n return value;\n }\n }\n else {\n return null;\n }\n }\n\n onInputFocus(event: FocusEvent) {\n this.focus = true;\n this.onFocus.emit(event);\n }\n\n onInputBlur(event: FocusEvent) {\n this.focus = false;\n if (this.addOnBlur && this.inputViewChild.nativeElement.value) {\n this.addItem(event, this.inputViewChild.nativeElement.value, false);\n }\n this.onModelTouched();\n this.onBlur.emit(event);\n }\n\n removeItem(event: Event, index: number): void {\n if (this.disabled) {\n return;\n }\n\n let removedItem = this.value[index];\n this.value = this.value.filter((val, i) => i!=index);\n this.onModelChange(this.value);\n this.onRemove.emit({\n originalEvent: event,\n value: removedItem\n });\n this.updateFilledState();\n this.updateMaxedOut();\n }\n\n addItem(event: Event, item: string, preventDefault: boolean): void {\n this.value = this.value||[];\n if (item && item.trim().length) {\n if (this.allowDuplicate || this.value.indexOf(item) === -1) {\n this.value = [...this.value, item];\n this.onModelChange(this.value);\n this.onAdd.emit({\n originalEvent: event,\n value: item\n });\n }\n }\n this.updateFilledState();\n this.updateMaxedOut();\n this.inputViewChild.nativeElement.value = '';\n\n if (preventDefault) {\n event.preventDefault();\n }\n }\n\n onKeydown(event: KeyboardEvent): void {\n switch(event.which) {\n //backspace\n case 8:\n if (this.inputViewChild.nativeElement.value.length === 0 && this.value && this.value.length > 0) {\n this.value = [...this.value];\n let removedItem = this.value.pop();\n this.onModelChange(this.value);\n this.onRemove.emit({\n originalEvent: event,\n value: removedItem\n });\n this.updateFilledState();\n }\n break;\n\n //enter\n case 13:\n this.addItem(event, this.inputViewChild.nativeElement.value, true);\n break;\n\n case 9:\n if (this.addOnTab && this.inputViewChild.nativeElement.value !== '') {\n this.addItem(event, this.inputViewChild.nativeElement.value, true);\n }\n break;\n\n default:\n if (this.max && this.value && this.max === this.value.length) {\n event.preventDefault();\n }\n else if (this.separator) {\n if (this.separator === ',' && event.which === 188) {\n this.addItem(event, this.inputViewChild.nativeElement.value, true);\n }\n }\n break;\n }\n }\n\n updateMaxedOut() {\n if (this.inputViewChild && this.inputViewChild.nativeElement) {\n if (this.max && this.value && this.max === this.value.length)\n this.inputViewChild.nativeElement.disabled = true;\n else\n this.inputViewChild.nativeElement.disabled = this.disabled || false;\n }\n }\n}\n\n@NgModule({\n imports: [CommonModule,InputTextModule,SharedModule],\n exports: [Chips,InputTextModule,SharedModule],\n declarations: [Chips]\n})\nexport class ChipsModule { }\n"]} |