ngx-tag-autocomplete
Version:
Tag input component for Angular
70 lines • 10.7 kB
JavaScript
"use strict";
/**
* @fileoverview This file was generated by the Angular template compiler. Do not edit.
*
* @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes}
* tslint:disable
*/
Object.defineProperty(exports, "__esModule", { value: true });
var i0 = require("@angular/core");
var i1 = require("../tag-input-item/tag-input-item.component.ngfactory");
var i2 = require("../tag-input-item/tag-input-item.component");
var i3 = require("../tag-input-autocomplete/tag-input-autocomplete.component.ngfactory");
var i4 = require("../tag-input-autocomplete/tag-input-autocomplete.component");
var i5 = require("@angular/common");
var i6 = require("@angular/forms");
var i7 = require("./tag-input.component");
var styles_TagInputComponent = ["[_nghost-%COMP%] {\n font-family: \"Roboto\", \"Helvetica Neue\", sans-serif;\n font-size: 16px;\n display: block;\n box-shadow: 0 1px #ccc;\n padding: 8px 0 6px 0;\n will-change: box-shadow;\n transition: box-shadow 0.12s ease-out;\n }\n\n [_nghost-%COMP%] .ng2-tag-input-form[_ngcontent-%COMP%] {\n display: inline;\n }\n\n [_nghost-%COMP%] .ng2-tag-input-field[_ngcontent-%COMP%] {\n font-family: \"Roboto\", \"Helvetica Neue\", sans-serif;\n font-size: 16px;\n display: inline-block;\n width: auto;\n box-shadow: none;\n border: 0;\n padding: 8px 0;\n }\n\n [_nghost-%COMP%] .ng2-tag-input-field[_ngcontent-%COMP%]:focus {\n outline: 0;\n }\n\n [_nghost-%COMP%] .ngx-tag-input-autocomplete-container[_ngcontent-%COMP%] {\n position: relative;\n z-index: 10;\n }\n\n .ng2-tag-input-focus[_nghost-%COMP%] {\n box-shadow: 0 2px #0d8bff;\n }"];
var RenderType_TagInputComponent = i0.ɵcrt({ encapsulation: 0, styles: styles_TagInputComponent, data: {} });
exports.RenderType_TagInputComponent = RenderType_TagInputComponent;
function View_TagInputComponent_1(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ngx-tag-input-item", [], [[2, "ng2-tag-input-item-selected", null]], [[null, "tagRemoved"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("tagRemoved" === en)) {
var pd_0 = (_co._removeTag($event) !== false);
ad = (pd_0 && ad);
} return ad; }, i1.View_TagInputItemComponent_0, i1.RenderType_TagInputItemComponent)), i0.ɵdid(1, 49152, null, 0, i2.TagInputItemComponent, [], { selected: [0, "selected"], text: [1, "text"], index: [2, "index"] }, { tagRemoved: "tagRemoved" })], function (_ck, _v) { var _co = _v.component; var currVal_1 = (_co.selectedTag === _v.context.index); var currVal_2 = _v.context.$implicit; var currVal_3 = _v.context.index; _ck(_v, 1, 0, currVal_1, currVal_2, currVal_3); }, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 1).isSelected; _ck(_v, 0, 0, currVal_0); }); }
function View_TagInputComponent_2(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "div", [["class", "ngx-tag-input-autocomplete-container"]], null, null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 1, "ngx-tag-input-autocomplete", [], null, [[null, "itemSelected"], [null, "enterPressed"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("itemSelected" === en)) {
var pd_0 = (_co.onAutocompleteSelect($event) !== false);
ad = (pd_0 && ad);
} if (("enterPressed" === en)) {
var pd_1 = (_co.onAutocompleteEnter($event) !== false);
ad = (pd_1 && ad);
} return ad; }, i3.View_TagInputAutocompleteComponent_0, i3.RenderType_TagInputAutocompleteComponent)), i0.ɵdid(2, 770048, null, 0, i4.TagInputAutocompleteComponent, [i0.ElementRef], { items: [0, "items"], selectFirstItem: [1, "selectFirstItem"] }, { itemSelected: "itemSelected", enterPressed: "enterPressed" })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.autocompleteResults; var currVal_1 = _co.autocompleteSelectFirstItem; _ck(_v, 2, 0, currVal_0, currVal_1); }, null); }
function View_TagInputComponent_0(_l) { return i0.ɵvid(0, [i0.ɵqud(402653184, 1, { tagInputElement: 0 }), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_TagInputComponent_1)), i0.ɵdid(2, 278528, null, 0, i5.NgForOf, [i0.ViewContainerRef, i0.TemplateRef, i0.IterableDiffers], { ngForOf: [0, "ngForOf"] }, null), (_l()(), i0.ɵeld(3, 0, null, null, 12, "form", [["class", "ng2-tag-input-form"], ["novalidate", ""]], [[2, "ng-untouched", null], [2, "ng-touched", null], [2, "ng-pristine", null], [2, "ng-dirty", null], [2, "ng-valid", null], [2, "ng-invalid", null], [2, "ng-pending", null]], [[null, "submit"], [null, "reset"]], function (_v, en, $event) { var ad = true; if (("submit" === en)) {
var pd_0 = (i0.ɵnov(_v, 5).onSubmit($event) !== false);
ad = (pd_0 && ad);
} if (("reset" === en)) {
var pd_1 = (i0.ɵnov(_v, 5).onReset() !== false);
ad = (pd_1 && ad);
} return ad; }, null, null)), i0.ɵdid(4, 16384, null, 0, i6.ɵangular_packages_forms_forms_bg, [], null, null), i0.ɵdid(5, 540672, null, 0, i6.FormGroupDirective, [[8, null], [8, null]], { form: [0, "form"] }, null), i0.ɵprd(2048, null, i6.ControlContainer, null, [i6.FormGroupDirective]), i0.ɵdid(7, 16384, null, 0, i6.NgControlStatusGroup, [[4, i6.ControlContainer]], null, null), (_l()(), i0.ɵeld(8, 0, [[1, 0], ["tagInputElement", 1]], null, 5, "input", [["class", "ng2-tag-input-field"], ["formControlName", "tagInputField"], ["type", "text"]], [[8, "placeholder", 0], [2, "ng-untouched", null], [2, "ng-touched", null], [2, "ng-pristine", null], [2, "ng-dirty", null], [2, "ng-valid", null], [2, "ng-invalid", null], [2, "ng-pending", null]], [[null, "paste"], [null, "keydown"], [null, "blur"], [null, "focus"], [null, "input"], [null, "compositionstart"], [null, "compositionend"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("input" === en)) {
var pd_0 = (i0.ɵnov(_v, 9)._handleInput($event.target.value) !== false);
ad = (pd_0 && ad);
} if (("blur" === en)) {
var pd_1 = (i0.ɵnov(_v, 9).onTouched() !== false);
ad = (pd_1 && ad);
} if (("compositionstart" === en)) {
var pd_2 = (i0.ɵnov(_v, 9)._compositionStart() !== false);
ad = (pd_2 && ad);
} if (("compositionend" === en)) {
var pd_3 = (i0.ɵnov(_v, 9)._compositionEnd($event.target.value) !== false);
ad = (pd_3 && ad);
} if (("paste" === en)) {
var pd_4 = (_co.onInputPaste($event) !== false);
ad = (pd_4 && ad);
} if (("keydown" === en)) {
var pd_5 = (_co.onKeydown($event) !== false);
ad = (pd_5 && ad);
} if (("blur" === en)) {
var pd_6 = (_co.onInputBlurred($event) !== false);
ad = (pd_6 && ad);
} if (("focus" === en)) {
var pd_7 = (_co.onInputFocused() !== false);
ad = (pd_7 && ad);
} return ad; }, null, null)), i0.ɵdid(9, 16384, null, 0, i6.DefaultValueAccessor, [i0.Renderer2, i0.ElementRef, [2, i6.COMPOSITION_BUFFER_MODE]], null, null), i0.ɵprd(1024, null, i6.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i6.DefaultValueAccessor]), i0.ɵdid(11, 671744, null, 0, i6.FormControlName, [[3, i6.ControlContainer], [8, null], [8, null], [6, i6.NG_VALUE_ACCESSOR], [2, i6.ɵangular_packages_forms_forms_j]], { name: [0, "name"] }, null), i0.ɵprd(2048, null, i6.NgControl, null, [i6.FormControlName]), i0.ɵdid(13, 16384, null, 0, i6.NgControlStatus, [[4, i6.NgControl]], null, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_TagInputComponent_2)), i0.ɵdid(15, 16384, null, 0, i5.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.tagsList; _ck(_v, 2, 0, currVal_0); var currVal_8 = _co.tagInputForm; _ck(_v, 5, 0, currVal_8); var currVal_17 = "tagInputField"; _ck(_v, 11, 0, currVal_17); var currVal_18 = _co.showAutocomplete(); _ck(_v, 15, 0, currVal_18); }, function (_ck, _v) { var _co = _v.component; var currVal_1 = i0.ɵnov(_v, 7).ngClassUntouched; var currVal_2 = i0.ɵnov(_v, 7).ngClassTouched; var currVal_3 = i0.ɵnov(_v, 7).ngClassPristine; var currVal_4 = i0.ɵnov(_v, 7).ngClassDirty; var currVal_5 = i0.ɵnov(_v, 7).ngClassValid; var currVal_6 = i0.ɵnov(_v, 7).ngClassInvalid; var currVal_7 = i0.ɵnov(_v, 7).ngClassPending; _ck(_v, 3, 0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); var currVal_9 = _co.placeholder; var currVal_10 = i0.ɵnov(_v, 13).ngClassUntouched; var currVal_11 = i0.ɵnov(_v, 13).ngClassTouched; var currVal_12 = i0.ɵnov(_v, 13).ngClassPristine; var currVal_13 = i0.ɵnov(_v, 13).ngClassDirty; var currVal_14 = i0.ɵnov(_v, 13).ngClassValid; var currVal_15 = i0.ɵnov(_v, 13).ngClassInvalid; var currVal_16 = i0.ɵnov(_v, 13).ngClassPending; _ck(_v, 8, 0, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14, currVal_15, currVal_16); }); }
exports.View_TagInputComponent_0 = View_TagInputComponent_0;
function View_TagInputComponent_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "ngx-tag-input", [], [[2, "ng2-tag-input-focus", null]], [["document", "click"]], function (_v, en, $event) { var ad = true; if (("document:click" === en)) {
var pd_0 = (i0.ɵnov(_v, 2).onDocumentClick($event, $event.target) !== false);
ad = (pd_0 && ad);
} return ad; }, View_TagInputComponent_0, RenderType_TagInputComponent)), i0.ɵprd(5120, null, i6.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i7.TagInputComponent]), i0.ɵdid(2, 245760, null, 0, i7.TagInputComponent, [i6.FormBuilder, i0.ElementRef], null, null)], function (_ck, _v) { _ck(_v, 2, 0); }, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 2).isFocused; _ck(_v, 0, 0, currVal_0); }); }
exports.View_TagInputComponent_Host_0 = View_TagInputComponent_Host_0;
var TagInputComponentNgFactory = i0.ɵccf("ngx-tag-input", i7.TagInputComponent, View_TagInputComponent_Host_0, { addOnBlur: "addOnBlur", addOnComma: "addOnComma", addOnEnter: "addOnEnter", addOnPaste: "addOnPaste", addOnSpace: "addOnSpace", allowDuplicates: "allowDuplicates", allowedTagsPattern: "allowedTagsPattern", autocomplete: "autocomplete", autocompleteItems: "autocompleteItems", autocompleteMustMatch: "autocompleteMustMatch", autocompleteSelectFirstItem: "autocompleteSelectFirstItem", pasteSplitPattern: "pasteSplitPattern", placeholder: "placeholder" }, { addTag: "addTag", removeTag: "removeTag", disallowTag: "disallowTag" }, []);
exports.TagInputComponentNgFactory = TagInputComponentNgFactory;
//# sourceMappingURL=tag-input.component.ngfactory.js.map