ngx-chips.fixed/bundles/ngx-chips.umd.min.js

Tag Input component for Angular

!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/forms"),require("rxjs/operators"),require("ng2-material-dropdown"),require("@angular/animations"),require("@angular/common")):"function"==typeof define&&define.amd?define("ngx-chips.fixed",["exports","@angular/core","@angular/forms","rxjs/operators","ng2-material-dropdown","@angular/animations","@angular/common"],e):e(t["ngx-chips.fixed"]={},t.ng.core,t.ng.forms,t.Rx.Observable.prototype,t.ng2MaterialDropdown,t.ng.animations,t.ng.common)}(this,function(t,i,e,c,n,o,r){"use strict";var a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};function s(e,a,s,p){return new(s||(s=Promise))(function(t,n){function o(t){try{r(p.next(t))}catch(e){n(e)}}function i(t){try{r(p["throw"](t))}catch(e){n(e)}}function r(e){e.done?t(e.value):new s(function(t){t(e.value)}).then(o,i)}r((p=p.apply(e,a||[])).next())})}function l(n,o){var i,r,a,t,s={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return t={next:e(0),"throw":e(1),"return":e(2)},"function"==typeof Symbol&&(t[Symbol.iterator]=function(){return this}),t;function e(e){return function(t){return function(t){if(i)throw new TypeError("Generator is already executing.");for(;s;)try{if(i=1,r&&(a=r[2&t[0]?"return":t[0]?"throw":"next"])&&!(a=a.call(r,t[1])).done)return a;switch(r=0,a&&(t=[0,a.value]),t[0]){case 0:case 1:a=t;break;case 4:return s.label++,{value:t[1],done:!1};case 5:s.label++,r=t[1],t=[0];continue;case 7:t=s.ops.pop(),s.trys.pop();continue;default:if(!(a=0<(a=s.trys).length&&a[a.length-1])&&(6===t[0]||2===t[0])){s=0;continue}if(3===t[0]&&(!a||t[1]>a[0]&&t[1]<a[3])){s.label=t[1];break}if(6===t[0]&&s.label<a[1]){s.label=a[1],a=t;break}if(a&&s.label<a[2]){s.label=a[2],s.ops.push(t);break}a[2]&&s.ops.pop(),s.trys.pop();continue}t=o.call(n,s)}catch(e){t=[6,e],r=0}finally{i=a=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([e,t])}}}function d(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var o,i,r=n.call(t),a=[];try{for(;(void 0===e||0<e--)&&!(o=r.next()).done;)a.push(o.value)}catch(s){i={error:s}}finally{try{o&&!o.done&&(n=r["return"])&&n.call(r)}finally{if(i)throw i.error}}return a}var p=function(){function t(){}return t.prototype.transform=function(t,e){if(!e.trim())return t;try{var n=new RegExp("("+e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")+")","i");return t.replace(n,"<b>$1</b>")}catch(o){return t}},t}();p.decorators=[{type:i.Pipe,args:[{name:"highlight"}]}];var u="keydown",g="keyup",f="DELETE",m="SWITCH_PREV",b="SWITCH_NEXT",h="TAB",y={8:f,37:m,39:b,9:h},x="Text",w="NEXT",v="PREV",k=function(){function t(){this.state={dragging:!1,dropping:!1,index:undefined}}return t.prototype.setDraggedItem=function(t,e){t.dataTransfer.setData(x,JSON.stringify(e))},t.prototype.getDraggedItem=function(t){var e=t.dataTransfer.getData(x);try{return JSON.parse(e)}catch(n){return}},t.prototype.setSender=function(t){this.sender=t},t.prototype.setReceiver=function(t){this.receiver=t},t.prototype.onTagDropped=function(t,e,n){this.onDragEnd(),this.sender.onRemoveRequested(t,e),this.receiver.onAddingRequested(!1,t,n)},t.prototype.setState=function(t){this.state=Object.assign({},this.state,t)},t.prototype.getState=function(t){return t?this.state[t]:this.state},t.prototype.onDragEnd=function(){this.setState({dragging:!1,dropping:!1,index:undefined})},t}();k.decorators=[{type:i.Injectable}];var I={tagInput:{separatorKeys:[],separatorKeyCodes:[],maxItems:Infinity,placeholder:"+ Tag",secondaryPlaceholder:"Enter a new tag",validators:[],asyncValidators:[],onlyFromAutocomplete:!1,errorMessages:{},theme:"",onTextChangeDebounce:250,inputId:null,inputClass:"",clearOnBlur:!1,hideForm:!1,addOnBlur:!1,addOnPaste:!1,pasteSplitPattern:",",blinkIfDupe:!0,removable:!0,editable:!1,allowDupes:!1,modelAsStrings:!1,trimTags:!0,ripple:!0,tabIndex:"",disable:!1,dragZone:"",onRemoving:undefined,onAdding:undefined,displayBy:"display",identifyBy:"value",animationDuration:{enter:"250ms",leave:"150ms"}},dropdown:{displayBy:"display",identifyBy:"value",appendToBody:!0,offset:"50 0",focusFirstElement:!1,showDropdownIfEmpty:!1,minimumTextLength:1,limitItemsTo:Infinity,keepOpen:!0,dynamicUpdate:!0,zIndex:1e3,matchingFn:function(t,e){var n=e[this.displayBy].toString();return n&&0<=n.toLowerCase().indexOf(t.toLowerCase())}}};var T=function(){function e(){}return e.prototype.setOptions=function(t){e.defaults.tagInput=Object.assign({},I.tagInput,t.tagInput),e.defaults.dropdown=Object.assign({},I.dropdown,t.dropdown)},e}();function E(t){return t===Object(t)}T.defaults=I;var O=function(){function t(){this._items=[],this.displayBy=T.defaults.tagInput.displayBy,this.identifyBy=T.defaults.tagInput.identifyBy}return Object.defineProperty(t.prototype,"items",{get:function(){return this._items},set:function(t){this._items=t,this._onChangeCallback(this._items)},enumerable:!0,configurable:!0}),t.prototype.onTouched=function(){this._onTouchedCallback()},t.prototype.writeValue=function(t){this._items=t||[]},t.prototype.registerOnChange=function(t){this._onChangeCallback=t},t.prototype.registerOnTouched=function(t){this._onTouchedCallback=t},t.prototype.getItemValue=function(t,e){void 0===e&&(e=!1);var n=e&&this.dropdown?this.dropdown.identifyBy:this.identifyBy;return E(t)?t[n]:t},t.prototype.getItemDisplay=function(t,e){void 0===e&&(e=!1);var n=e&&this.dropdown?this.dropdown.displayBy:this.displayBy;return E(t)?t[n]:t},t.prototype.getItemsWithout=function(n){return this.items.filter(function(t,e){return e!==n})},t}();function C(t,e,n){if(void 0===n&&(n=!0),!this.listeners.hasOwnProperty(t))throw new Error("The event entered may be wrong");n&&this.listeners[t].push(e)}O.propDecorators={displayBy:[{type:i.Input}],identifyBy:[{type:i.Input}]};var B=function(){function t(){this.onSubmit=new i.EventEmitter,this.onBlur=new i.EventEmitter,this.onFocus=new i.EventEmitter,this.onKeyup=new i.EventEmitter,this.onKeydown=new i.EventEmitter,this.inputTextChange=new i.EventEmitter,this.validators=[],this.asyncValidators=[],this.tabindex="",this.disabled=!1,this.item=new e.FormControl({value:"",disabled:this.disabled})}return Object.defineProperty(t.prototype,"inputText",{get:function(){return this.item.value},set:function(t){this.item.setValue(t),this.inputTextChange.emit(t)},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){this.item.setValidators(this.validators),this.item.setAsyncValidators(this.asyncValidators),this.form=new e.FormGroup({item:this.item})},t.prototype.ngOnChanges=function(t){t.disabled&&!t.disabled.firstChange&&(t.disabled.currentValue?this.form.controls.item.disable():this.form.controls.item.enable())},Object.defineProperty(t.prototype,"value",{get:function(){return this.form.get("item")},enumerable:!0,configurable:!0}),t.prototype.isInputFocused=function(){var t="undefined"!=typeof document?document:undefined;return!!t&&t.activeElement===this.input.nativeElement},t.prototype.getErrorMessages=function(e){var n=this;return Object.keys(e).filter(function(t){return n.value.hasError(t)}).map(function(t){return e[t]})},t.prototype.hasErrors=function(){var t=this.form,e=t.dirty,n=t.value,o=t.valid;return e&&n.item&&!o},t.prototype.focus=function(){this.input.nativeElement.focus()},t.prototype.blur=function(){this.input.nativeElement.blur()},t.prototype.getElementPosition=function(){return this.input.nativeElement.getBoundingClientRect()},t.prototype.destroy=function(){var t=this.input.nativeElement;t.parentElement.removeChild(t)},t.prototype.onKeyDown=function(t){return this.inputText=this.value.value,"Enter"===t.key&&(this.submit(t),this.inputText=""),this.onKeydown.emit(t)},t.prototype.onKeyUp=function(t){return this.inputText=this.value.value,this.onKeyup.emit(t)},t.prototype.submit=function(t){t.preventDefault(),this.form.valid&&this.onSubmit.emit(t)},t}();B.decorators=[{type:i.Component,args:[{selector:"tag-input-form",styles:['.dark tag:focus{-webkit-box-shadow:0 0 0 1px #323232;box-shadow:0 0 0 1px #323232}.ng2-tag-input.bootstrap3-info{background-color:#fff;display:inline-block;color:#555;vertical-align:middle;max-width:100%;height:42px;line-height:44px}.ng2-tag-input.bootstrap3-info input{border:none;-webkit-box-shadow:none;box-shadow:none;outline:0;background-color:transparent;padding:0 6px;margin:0;width:auto;max-width:inherit}.ng2-tag-input.bootstrap3-info .form-control input::-moz-placeholder{color:#777;opacity:1}.ng2-tag-input.bootstrap3-info .form-control input:-ms-input-placeholder{color:#777}.ng2-tag-input.bootstrap3-info .form-control input::-webkit-input-placeholder{color:#777}.ng2-tag-input.bootstrap3-info input:focus{border:none;-webkit-box-shadow:none;box-shadow:none}.bootstrap3-info.ng2-tag-input.ng2-tag-input--focused{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border:1px solid #ccc}.bootstrap3-info.ng2-tag-input.ng2-tag-input--invalid{-webkit-box-shadow:inset 0 1px 1px #d9534f;box-shadow:inset 0 1px 1px #d9534f}.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-webkit-transition:all .25s;transition:all .25s;padding:.25rem 0;min-height:32px;cursor:text;border-bottom:2px solid #efefef}.ng2-tag-input:focus{outline:0}.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.ng2-tag-input.ng2-tag-input--focused{border-bottom:2px solid #2196f3}.ng2-tag-input.ng2-tag-input--invalid{border-bottom:2px solid #f44336}.ng2-tag-input.ng2-tag-input--loading{border:none}.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.ng2-tag-input form{margin:.1em 0}.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.minimal.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:1px solid transparent}.minimal.ng2-tag-input:focus{outline:0}.minimal.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.minimal.ng2-tag-input.ng2-tag-input--loading{border:none}.minimal.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.minimal.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.dark.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:2px solid #444}.dark.ng2-tag-input:focus{outline:0}.dark.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.dark.ng2-tag-input.ng2-tag-input--loading{border:none}.dark.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.dark.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.bootstrap.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:2px solid #efefef}.bootstrap.ng2-tag-input:focus{outline:0}.bootstrap.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.bootstrap.ng2-tag-input.ng2-tag-input--focused{border-bottom:2px solid #0275d8}.bootstrap.ng2-tag-input.ng2-tag-input--invalid{border-bottom:2px solid #d9534f}.bootstrap.ng2-tag-input.ng2-tag-input--loading{border:none}.bootstrap.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.bootstrap.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.bootstrap3-info.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:4px;cursor:text;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border-radius:4px}.bootstrap3-info.ng2-tag-input:focus{outline:0}.bootstrap3-info.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.bootstrap3-info.ng2-tag-input.ng2-tag-input--invalid{border-bottom:1px solid #d9534f}.bootstrap3-info.ng2-tag-input.ng2-tag-input--loading{border:none}.bootstrap3-info.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.bootstrap3-info.ng2-tag-input form{margin:.1em 0}.bootstrap3-info.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.error-message{font-size:.8em;color:#f44336;margin:.5em 0 0}.bootstrap .error-message{color:#d9534f}.ng2-tag-input__text-input{display:inline;vertical-align:middle;border:none;padding:0 .5rem;height:38px;font-size:1em;font-family:Roboto,"Helvetica Neue",sans-serif}.ng2-tag-input__text-input:focus{outline:0}.ng2-tag-input__text-input[disabled=true]{opacity:.5;background:#fff}'],template:'\x3c!-- form --\x3e\n<form (ngSubmit)="submit($event)" [formGroup]="form">\n    <input #input\n\n           type="text"\n           class="ng2-tag-input__text-input"\n           autocomplete="off"\n           tabindex="{{ disabled ? -1 : tabindex ? tabindex : 0 }}"\n           minlength="1"\n           formControlName="item"\n\n           [ngClass]="inputClass"\n           [attr.id]="inputId"\n           [attr.placeholder]="placeholder"\n           [attr.aria-label]="placeholder"\n           [attr.tabindex]="tabindex"\n           [attr.disabled]="disabled ? disabled : null"\n\n           (focus)="onFocus.emit($event)"\n           (blur)="onBlur.emit($event)"\n           (keydown)="onKeyDown($event)"\n           (keyup)="onKeyUp($event)"\n    />\n</form>\n'}]}],B.propDecorators={onSubmit:[{type:i.Output}],onBlur:[{type:i.Output}],onFocus:[{type:i.Output}],onKeyup:[{type:i.Output}],onKeydown:[{type:i.Output}],inputTextChange:[{type:i.Output}],placeholder:[{type:i.Input}],validators:[{type:i.Input}],asyncValidators:[{type:i.Input}],inputId:[{type:i.Input}],inputClass:[{type:i.Input}],tabindex:[{type:i.Input}],disabled:[{type:i.Input}],input:[{type:i.ViewChild,args:["input"]}],inputText:[{type:i.Input}]};var D=i.forwardRef(function(){return T.defaults.dropdown}),P=function(){function t(t){var u=this;this.injector=t,this.offset=(new D).offset,this.focusFirstElement=(new D).focusFirstElement,this.showDropdownIfEmpty=(new D).showDropdownIfEmpty,this.minimumTextLength=(new D).minimumTextLength,this.limitItemsTo=(new D).limitItemsTo,this.displayBy=(new D).displayBy,this.identifyBy=(new D).identifyBy,this.matchingFn=(new D).matchingFn,this.appendToBody=(new D).appendToBody,this.keepOpen=(new D).keepOpen,this.dynamicUpdate=(new D).dynamicUpdate,this.zIndex=(new D).zIndex,this.items=[],this.tagInput=this.injector.get(M),this._autocompleteItems=[],this.show=function(){var t=u.tagInput.items.length===u.tagInput.maxItems,e=u.getFormValue(),n=e.trim().length>=u.minimumTextLength,o=u.calculatePosition(),i=u.getMatchingItems(e),r=0<i.length,a=!1===u.isVisible,s=u.showDropdownIfEmpty&&r&&!e,p=u.tagInput.disable,l=a&&(r&&n||s),d=u.isVisible&&!r;return u.autocompleteObservable&&n?u.getItemsFromObservable(e):!u.showDropdownIfEmpty&&!e||t||p?u.dropdown.hide():(u.setItems(i),void(l?u.dropdown.show(o):d&&u.hide()))},this.requestAdding=function(n){return s(u,void 0,void 0,function(){var e;return l(this,function(t){switch(t.label){case 0:return e=this.createTagModel(n),[4,this.tagInput.onAddingRequested(!0,e)["catch"](function(){})];case 1:return t.sent(),[2]}})})},this.resetItems=function(){u.items=[]},this.getItemsFromObservable=function(e){u.setLoadingState(!0);u.autocompleteObservable(e).pipe(c.first()).subscribe(function(t){u.setLoadingState(!1).populateItems(t),u.setItems(u.getMatchingItems(e)),u.items.length?u.dropdown.show(u.calculatePosition()):u.dropdown.hide()},function(){return u.setLoadingState(!1)})}}return Object.defineProperty(t.prototype,"autocompleteItems",{get:function(){var n=this,t=this._autocompleteItems;return t?t.map(function(t){return"string"==typeof t?((e={})[n.displayBy]=t,e[n.identifyBy]=t,e):t;var e}):[]},set:function(t){this._autocompleteItems=t},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){var e=this;this.onItemClicked().subscribe(function(t){e.requestAdding(t)}),this.onHide().subscribe(this.resetItems);var n=this.keepOpen;this.tagInput.onTextChange.asObservable().pipe(c.debounceTime(200),c.filter(function(t){return!1!==n||0<t.length})).subscribe(this.show)},t.prototype.updatePosition=function(){var t=this.tagInput.inputForm.getElementPosition();this.dropdown.menu.updatePosition(t,this.dynamicUpdate)},Object.defineProperty(t.prototype,"isVisible",{get:function(){return this.dropdown.menu.state.menuState.isVisible},enumerable:!0,configurable:!0}),t.prototype.onHide=function(){return this.dropdown.onHide},t.prototype.onItemClicked=function(){return this.dropdown.onItemClicked},Object.defineProperty(t.prototype,"selectedItem",{get:function(){return this.dropdown.menu.state.dropdownState.selectedItem},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"state",{get:function(){return this.dropdown.menu.state},enumerable:!0,configurable:!0}),t.prototype.hide=function(){this.resetItems(),this.dropdown.hide()},t.prototype.scrollListener=function(){this.isVisible&&this.dynamicUpdate&&this.updatePosition()},t.prototype.onWindowBlur=function(){this.dropdown.hide()},t.prototype.getFormValue=function(){var t=this.tagInput.formValue;return t?t.toString().trim():""},t.prototype.calculatePosition=function(){return this.tagInput.inputForm.getElementPosition()},t.prototype.createTagModel=function(t){var e,n="string"==typeof t.value?t.value:t.value[this.displayBy],o="string"==typeof t.value?t.value:t.value[this.identifyBy];return Object.assign({},t.value,((e={})[this.tagInput.displayBy]=n,e[this.tagInput.identifyBy]=o,e))},t.prototype.getMatchingItems=function(e){var o=this;if(!e&&!this.showDropdownIfEmpty)return[];var i=this.tagInput.allowDupes;return this.autocompleteItems.filter(function(n){var t=!i&&o.tagInput.tags.some(function(t){var e=o.tagInput.identifyBy;return("string"==typeof t.model?t.model:t.model[e])===n[o.identifyBy]});return o.matchingFn(e,n)&&!1===t})},t.prototype.setItems=function(t){this.items=t.slice(0,this.limitItemsTo||t.length)},t.prototype.populateItems=function(t){var n=this;return this.autocompleteItems=t.map(function(t){return"string"==typeof t?((e={})[n.displayBy]=t,e[n.identifyBy]=t,e):t;var e}),this},t.prototype.setLoadingState=function(t){return this.tagInput.isLoading=t,this},t}();P.decorators=[{type:i.Component,args:[{selector:"tag-input-dropdown",template:'<ng2-dropdown [dynamicUpdate]="dynamicUpdate">\n    <ng2-dropdown-menu [focusFirstElement]="focusFirstElement"\n                       [zIndex]="zIndex"\n                       [appendToBody]="appendToBody"\n                       [offset]="offset">\n        <ng2-menu-item *ngFor="let item of items; let index = index; let last = last"\n                       [value]="item"\n                       [ngSwitch]="!!templates.length">\n\n            <span *ngSwitchCase="false"\n                  [innerHTML]="item[displayBy] | highlight : tagInput.inputForm.value.value">\n            </span>\n\n            <ng-template *ngSwitchDefault\n                      [ngTemplateOutlet]="templates.first"\n                      [ngTemplateOutletContext]="{ item: item, index: index, last: last }">\n            </ng-template>\n        </ng2-menu-item>\n    </ng2-dropdown-menu>\n</ng2-dropdown>\n'}]}],P.ctorParameters=function(){return[{type:i.Injector}]},P.propDecorators={dropdown:[{type:i.ViewChild,args:[n.Ng2Dropdown]}],templates:[{type:i.ContentChildren,args:[i.TemplateRef]}],offset:[{type:i.Input}],focusFirstElement:[{type:i.Input}],showDropdownIfEmpty:[{type:i.Input}],autocompleteObservable:[{type:i.Input}],minimumTextLength:[{type:i.Input}],limitItemsTo:[{type:i.Input}],displayBy:[{type:i.Input}],identifyBy:[{type:i.Input}],matchingFn:[{type:i.Input}],appendToBody:[{type:i.Input}],keepOpen:[{type:i.Input}],dynamicUpdate:[{type:i.Input}],zIndex:[{type:i.Input}],autocompleteItems:[{type:i.Input}],scrollListener:[{type:i.HostListener,args:["window:scroll"]}],onWindowBlur:[{type:i.HostListener,args:["window:blur"]}]};var V=function(){this.state="none"};V.decorators=[{type:i.Component,args:[{selector:"tag-ripple",styles:["\n        :host {\n            width: 100%;\n            height: 100%;\n            left: 0;\n            overflow: hidden;\n            position: absolute;\n        }\n        \n        .tag-ripple {\n            background: rgba(0, 0, 0, 0.1);\n            top: 50%;\n            left: 50%;\n            height: 100%;\n            transform: translate(-50%, -50%);\n            position: absolute;\n        }\n    "],template:'\n        <div class="tag-ripple" [@ink]="state"></div>\n    ',animations:[o.trigger("ink",[o.state("none",o.style({width:0,opacity:0})),o.transition("none => clicked",[o.animate(300,o.keyframes([o.style({opacity:1,offset:0,width:"30%",borderRadius:"100%"}),o.style({opacity:1,offset:.5,width:"50%"}),o.style({opacity:.5,offset:1,width:"100%",borderRadius:"16px"})]))])])]}]}],V.propDecorators={state:[{type:i.Input}]};var S="undefined"!=typeof window?window.navigator:{userAgent:"Chrome",vendor:"Google Inc"},F=/Chrome/.test(S.userAgent)&&/Google Inc/.test(S.vendor),R=function(){function t(t,e,n){this.element=t,this.renderer=e,this.cdRef=n,this.disabled=!1,this.onSelect=new i.EventEmitter,this.onRemove=new i.EventEmitter,this.onBlur=new i.EventEmitter,this.onKeyDown=new i.EventEmitter,this.onTagEdited=new i.EventEmitter,this.editing=!1,this.rippleState="none"}return Object.defineProperty(t.prototype,"readonly",{get:function(){return"string"!=typeof this.model&&!0===this.model.readonly},enumerable:!0,configurable:!0}),t.prototype.select=function(t){this.readonly||this.disabled||(t&&t.stopPropagation(),this.focus(),this.onSelect.emit(this.model))},t.prototype.remove=function(t){t.stopPropagation(),this.onRemove.emit(this)},t.prototype.focus=function(){this.element.nativeElement.focus()},t.prototype.move=function(){this.moving=!0},t.prototype.keydown=function(t){if(this.editing){if(13===t.keyCode)return this.disableEditMode(t)}else this.onKeyDown.emit({event:t,model:this.model})},t.prototype.blink=function(){var t=this.element.nativeElement.classList;t.add("blink"),setTimeout(function(){return t.remove("blink")},50)},t.prototype.toggleEditMode=function(){if(this.editable)return this.editing?undefined:this.activateEditMode()},t.prototype.onBlurred=function(t){if(this.editable){this.disableEditMode();var e,n=t.target.innerText,o="string"==typeof this.model?n:Object.assign({},this.model,((e={})[this.displayBy]=n,e));this.onBlur.emit(o)}},t.prototype.getDisplayValue=function(t){return"string"==typeof t?t:t[this.displayBy]},Object.defineProperty(t.prototype,"isRippleVisible",{get:function(){return!this.readonly&&!this.editing&&F&&this.hasRipple},enumerable:!0,configurable:!0}),t.prototype.disableEditMode=function(t){var e=this.element.nativeElement.classList,n=this.getContentEditableText();this.editing=!1,e.remove("tag--editing"),n?(this.storeNewValue(n),this.cdRef.detectChanges(),t&&t.preventDefault()):this.setContentEditableText(this.model)},t.prototype.isDeleteIconVisible=function(){return!this.readonly&&!this.disabled&&this.removable&&!this.editing},t.prototype.getContentEditableText=function(){var t=this.getContentEditable();return t?t.innerText.trim():""},t.prototype.setContentEditableText=function(t){var e=this.getContentEditable(),n=this.getDisplayValue(t);e.innerText=n},t.prototype.activateEditMode=function(){this.element.nativeElement.classList.add("tag--editing"),this.editing=!0},t.prototype.storeNewValue=function(t){var e=this;if("string"==typeof(n=this.model)?n!==t:n[e.displayBy]!==t){var n,o,i="string"==typeof this.model?t:((o={index:this.index})[this.identifyBy]=e.model[e.identifyBy]!==e.model[e.displayBy]?this.model[this.identifyBy]:t,o[this.displayBy]=t,o);this.canAddTag(i)?this.onTagEdited.emit({tag:i,index:this.index}):this.setContentEditableText(this.model)}},t.prototype.getContentEditable=function(){return this.element.nativeElement.querySelector("[contenteditable]")},t}();R.decorators=[{type:i.Component,args:[{selector:"tag",template:'<div (click)="select($event)"\n     (dblclick)="toggleEditMode()"\n     (mousedown)="rippleState=\'clicked\'"\n     (mouseup)="rippleState=\'none\'"\n     [ngSwitch]="!!template"\n     [class.disabled]="disabled"\n     [attr.tabindex]="-1"\n     [attr.aria-label]="getDisplayValue(model)">\n\n    <div *ngSwitchCase="true" [attr.contenteditable]="editing">\n        \x3c!-- CUSTOM TEMPLATE --\x3e\n        <ng-template\n            [ngTemplateOutletContext]="{ item: model, index: index }"\n            [ngTemplateOutlet]="template">\n        </ng-template>\n    </div>\n\n    <div *ngSwitchCase="false" class="tag-wrapper">\n        \x3c!-- TAG NAME --\x3e\n        <div [attr.contenteditable]="editing"\n             [attr.title]="getDisplayValue(model)"\n             class="tag__text inline"\n             spellcheck="false"\n             (keydown.enter)="disableEditMode($event)"\n             (keydown.escape)="disableEditMode($event)"\n             (click)="editing ? $event.stopPropagation() : undefined"\n             (blur)="onBlurred($event)">\n            {{ getDisplayValue(model) }}\n        </div>\n\n        \x3c!-- \'X\' BUTTON --\x3e\n        <delete-icon\n            aria-label="Remove tag"\n            role="button"\n            (click)="remove($event)"\n            *ngIf="isDeleteIconVisible()">\n        </delete-icon>\n    </div>\n</div>\n\n<tag-ripple [state]="rippleState"\n            [attr.tabindex]="-1"\n            *ngIf="isRippleVisible">\n</tag-ripple>\n',styles:[":host,:host>div,:host>div:focus{outline:0;overflow:hidden;-webkit-transition:opacity 1s;transition:opacity 1s;z-index:1}:host{max-width:400px}:host.blink{-webkit-animation:.3s ease-in-out forwards blink;animation:.3s ease-in-out forwards blink}@-webkit-keyframes blink{0%{opacity:.3}}@keyframes blink{0%{opacity:.3}}:host .disabled{cursor:not-allowed}:host [contenteditable=true]{outline:0}.tag-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex}.tag__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]}]}],R.ctorParameters=function(){return[{type:i.ElementRef},{type:i.Renderer2},{type:i.ChangeDetectorRef}]},R.propDecorators={model:[{type:i.Input}],removable:[{type:i.Input}],editable:[{type:i.Input}],template:[{type:i.Input}],displayBy:[{type:i.Input}],identifyBy:[{type:i.Input}],index:[{type:i.Input}],hasRipple:[{type:i.Input}],disabled:[{type:i.Input}],canAddTag:[{type:i.Input}],onSelect:[{type:i.Output}],onRemove:[{type:i.Output}],onBlur:[{type:i.Output}],onKeyDown:[{type:i.Output}],onTagEdited:[{type:i.Output}],moving:[{type:i.HostBinding,args:["class.moving"]}],ripple:[{type:i.ViewChild,args:[V]}],keydown:[{type:i.HostListener,args:["keydown",["$event"]]}]};var A=[o.trigger("animation",[o.state("in",o.style({opacity:1})),o.state("out",o.style({opacity:0})),o.transition(":enter",[o.animate("{{ enter }}",o.keyframes([o.style({opacity:0,offset:0,transform:"translate(0px, 20px)"}),o.style({opacity:.3,offset:.3,transform:"translate(0px, -10px)"}),o.style({opacity:.5,offset:.5,transform:"translate(0px, 0px)"}),o.style({opacity:.75,offset:.75,transform:"translate(0px, 5px)"}),o.style({opacity:1,offset:1,transform:"translate(0px, 0px)"})]))]),o.transition(":leave",[o.animate("{{ leave }}",o.keyframes([o.style({opacity:1,transform:"translateX(0)",offset:0}),o.style({opacity:1,transform:"translateX(-15px)",offset:.7}),o.style({opacity:0,transform:"translateX(100%)",offset:1})]))])])],z=(window.DragEvent,{provide:e.NG_VALUE_ACCESSOR,useExisting:i.forwardRef(function(){return M}),multi:!0}),L=i.forwardRef(function(){return T.defaults.tagInput}),M=function(o){function t(t,e){var n,p=o.call(this)||this;return p.renderer=t,p.dragProvider=e,p.separatorKeys=(new L).separatorKeys,p.separatorKeyCodes=(new L).separatorKeyCodes,p.placeholder=(new L).placeholder,p.secondaryPlaceholder=(new L).secondaryPlaceholder,p.maxItems=(new L).maxItems,p.validators=(new L).validators,p.asyncValidators=(new L).asyncValidators,p.onlyFromAutocomplete=(new L).onlyFromAutocomplete,p.errorMessages=(new L).errorMessages,p.theme=(new L).theme,p.onTextChangeDebounce=(new L).onTextChangeDebounce,p.inputId=(new L).inputId,p.inputClass=(new L).inputClass,p.clearOnBlur=(new L).clearOnBlur,p.hideForm=(new L).hideForm,p.addOnBlur=(new L).addOnBlur,p.addOnPaste=(new L).addOnPaste,p.pasteSplitPattern=(new L).pasteSplitPattern,p.blinkIfDupe=(new L).blinkIfDupe,p.removable=(new L).removable,p.editable=(new L).editable,p.allowDupes=(new L).allowDupes,p.modelAsStrings=(new L).modelAsStrings,p.trimTags=(new L).trimTags,p.ripple=(new L).ripple,p.tabindex=(new L).tabIndex,p.disable=(new L).disable,p.dragZone=(new L).dragZone,p.onRemoving=(new L).onRemoving,p.onAdding=(new L).onAdding,p.animationDuration=(new L).animationDuration,p.onAdd=new i.EventEmitter,p.onRemove=new i.EventEmitter,p.onSelect=new i.EventEmitter,p.onFocus=new i.EventEmitter,p.onBlur=new i.EventEmitter,p.onTextChange=new i.EventEmitter,p.onPaste=new i.EventEmitter,p.onValidationError=new i.EventEmitter,p.onTagEdited=new i.EventEmitter,p.isLoading=!1,p.listeners=((n={})[u]=[],n[g]=[],n),p.inputTextChange=new i.EventEmitter,p.inputTextValue="",p.errors=[],p.appendTag=function(t,e){void 0===e&&(e=p.items.length);var n=p.items,o=p.modelAsStrings?t[p.identifyBy]:t;p.items=function(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(d(arguments[e]));return t}(n.slice(0,e),[o],n.slice(e,n.length))},p.createTag=function(t){var e,n=function(t,e){return"string"==typeof t?t.trim():t[e]};return Object.assign({},"string"!=typeof t?t:{},((e={})[p.displayBy]=p.trimTags?n(t,p.displayBy):t,e[p.identifyBy]=p.trimTags?n(t,p.identifyBy):t,e))},p.isTagValid=function(t,e){void 0===e&&(e=!1);var n=p.dropdown?p.dropdown.selectedItem:undefined,o=p.getItemDisplay(t).trim();if(n&&!e||!o)return!1;var i=p.findDupe(t,e);if(!p.allowDupes&&i&&p.blinkIfDupe){var r=p.tags.find(function(t){return p.getItemValue(t.model)===p.getItemValue(i)});r&&r.blink()}var a=e&&p.onlyFromAutocomplete,s=[!i||p.allowDupes,!p.maxItemsReached,a||!p.onlyFromAutocomplete];return s.filter(Boolean).length===s.length},p.onPasteCallback=function(r){return s(p,void 0,void 0,function(){var e,n,o,i=this;return l(this,function(t){return e=function(){var t=Boolean(window.clipboardData),e=t?"Text":"text/plain";return(t?window.clipboardData:r.clipboardData).getData(e)||""}(),n=e.split(this.pasteSplitPattern).map(function(t){var e=i.createTag(t);return i.setInputValue(e[i.displayBy]),i.onAddingRequested(!1,e)}),o=function(){return setTimeout(function(){return i.setInputValue("")},50)},Promise.all(n).then(function(){i.onPaste.emit(e),o()})["catch"](o),[2]})})},p}return function(t,e){function n(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}(t,o),Object.defineProperty(t.prototype,"inputText",{get:function(){return this.inputTextValue},set:function(t){this.inputTextValue=t,this.inputTextChange.emit(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"tabindexAttr",{get:function(){return""!==this.tabindex?"-1":""},enumerable:!0,configurable:!0}),t.prototype.ngAfterViewInit=function(){var e=this;this.setUpKeypressListeners(),this.setupSeparatorKeysListener(),this.setUpInputKeydownListeners(),this.onTextChange.observers.length&&this.setUpTextChangeSubscriber(),(this.clearOnBlur||this.addOnBlur)&&this.setUpOnBlurSubscriber(),this.addOnPaste&&this.setUpOnPasteListener();var t=this.inputForm.form.statusChanges;t.pipe(c.filter(function(t){return"PENDING"!==t})).subscribe(function(){e.errors=e.inputForm.getErrorMessages(e.errorMessages)}),this.isProgressBarVisible$=t.pipe(c.map(function(t){return"PENDING"===t||e.isLoading})),this.hideForm&&this.inputForm.destroy()},t.prototype.ngOnInit=function(){this.maxItems!==undefined&&this.items&&this.items.length>this.maxItems&&(this.maxItems=this.items.length,console.warn("The number of items specified was greater than the property max-items.")),this.editable=!this.onlyFromAutocomplete&&this.editable,this.setAnimationMetadata()},t.prototype.onRemoveRequested=function(n,o){var i=this;return new Promise(function(e){var t=function(t){i.removeItem(t,o),e(n)};i.onRemoving?i.onRemoving(n).pipe(c.first()).subscribe(t):t(n)})},t.prototype.onAddingRequested=function(o,i,r,a){var s=this;return new Promise(function(e,n){var t=function(t){return s.addItem(o,t,r,a).then(e)["catch"](n)};return s.onAdding?s.onAdding(i).pipe(c.first()).subscribe(t,n):t(i)})},t.prototype.selectItem=function(t,e){void 0===e&&(e=!0),t&&"string"!=typeof t&&t.readonly||this.selectedTag===t||(this.selectedTag=t,e&&this.onSelect.emit(t))},t.prototype.fireEvents=function(t,e){var n=this;this.listeners[t].forEach(function(t){return t.call(n,e)})},t.prototype.handleKeydown=function(t){var e=t.event,n=e.keyCode||e.which,o=e.shiftKey||!1;switch(y[n]){case f:if(this.selectedTag&&this.removable){var i=this.items.indexOf(this.selectedTag);this.onRemoveRequested(this.selectedTag,i)}break;case m:this.moveToTag(t.model,v);break;case b:this.moveToTag(t.model,w);break;case h:if(o){if(this.isFirstTag(t.model))return;this.moveToTag(t.model,v)}else{if(this.isLastTag(t.model)&&(this.disable||this.maxItemsReached))return;this.moveToTag(t.model,w)}break;default:return}e.preventDefault()},t.prototype.onFormSubmit=function(){return s(this,void 0,void 0,function(){return l(this,function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),[4,this.onAddingRequested(!1,this.formValue)];case 1:return t.sent(),[3,3];case 2:return t.sent(),[2];case 3:return[2]}})})},t.prototype.setInputValue=function(t,e){void 0===e&&(e=!0),this.getControl().setValue(t,{emitEvent:e})},t.prototype.getControl=function(){return this.inputForm.value},t.prototype.focus=function(t,e){void 0===t&&(t=!1),void 0===e&&(e=!1),this.dragProvider.getState("dragging")||(this.selectItem(undefined,!1),t&&(this.inputForm.focus(),this.onFocus.emit(this.formValue)))},t.prototype.blur=function(){this.onTouched(),this.onBlur.emit(this.formValue)},t.prototype.hasErrors=function(){return this.inputForm&&this.inputForm.hasErrors()},t.prototype.isInputFocused=function(){return this.inputForm&&this.inputForm.isInputFocused()},t.prototype.hasCustomTemplate=function(){var t=this.templates?this.templates.first:undefined,e=this.dropdown&&this.dropdown.templates?this.dropdown.templates.first:undefined;return Boolean(t&&t!==e)},Object.defineProperty(t.prototype,"maxItemsReached",{get:function(){return this.maxItems!==undefined&&this.items.length>=this.maxItems},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"formValue",{get:function(){var t=this.inputForm.value;return t?t.value:""},enumerable:!0,configurable:!0}),t.prototype.onDragStarted=function(t,e,n){t.stopPropagation();var o={zone:this.dragZone,tag:e,index:n};this.dragProvider.setSender(this),this.dragProvider.setDraggedItem(t,o),this.dragProvider.setState({dragging:!0,index:n})},t.prototype.onDragOver=function(t,e){this.dragProvider.setState({dropping:!0}),this.dragProvider.setReceiver(this),t.preventDefault()},t.prototype.onTagDropped=function(t,e){var n=this.dragProvider.getDraggedItem(t);n&&n.zone===this.dragZone&&(this.dragProvider.onTagDropped(n.tag,n.index,e),t.preventDefault(),t.stopPropagation())},t.prototype.isDropping=function(){var t=this.dragProvider.receiver===this,e=this.dragProvider.getState("dropping");return Boolean(t&&e)},t.prototype.onTagBlurred=function(t,e){this.items[e]=t,this.blur()},t.prototype.trackBy=function(t,e){return e[this.identifyBy]},t.prototype.updateEditedTag=function(t){var e=t.tag;t.index;this.onTagEdited.emit(e)},t.prototype.moveToTag=function(t,e){var n=this.isLastTag(t),o=this.isFirstTag(t);if(!(e===w&&n||e===v&&o)){var i=e===w?1:-1,r=this.getTagIndex(t)+i,a=this.getTagAtIndex(r);return a.select.call(a)}this.focus(!0)},t.prototype.isFirstTag=function(t){return this.tags.first.model===t},t.prototype.isLastTag=function(t){return this.tags.last.model===t},t.prototype.getTagIndex=function(e){return this.tags.toArray().findIndex(function(t){return t.model===e})},t.prototype.getTagAtIndex=function(t){return this.tags.toArray()[t]},t.prototype.removeItem=function(t,e){this.items=this.getItemsWithout(e),this.selectedTag===t&&this.selectItem(undefined,!1),this.focus(!0,!1),this.onRemove.emit(t)},t.prototype.addItem=function(s,t,p,l){var d=this;void 0===s&&(s=!1);var u=this.getItemDisplay(t),g=this.createTag(t);return s&&this.setInputValue(this.getItemValue(t,!0)),new Promise(function(e,t){var n=function(){d.setInputValue(""),l?d.focus(!1,!1):d.focus(!0,!1),e(u)},o=function(){d.appendTag(g,p),d.onAdd.emit(g),d.dropdown&&(d.dropdown.hide(),d.dropdown.showDropdownIfEmpty&&d.dropdown.show())},i=d.inputForm.form.status,r=d.isTagValid(g,s),a=function(){return d.onValidationError.emit(g),t()};return"VALID"===i&&r?(o(),n()):"INVALID"!==i&&r?"PENDING"===i?d.inputForm.form.statusChanges.pipe(c.filter(function(t){return"PENDING"!==t}),c.first()).subscribe(function(t){"VALID"===t&&r?(o(),e()):a()}):void 0:(n(),a())})},t.prototype.setupSeparatorKeysListener=function(){var i=this,t=0<this.separatorKeyCodes.length||0<this.separatorKeys.length;C.call(this,u,function(t){var e=0<=i.separatorKeyCodes.indexOf(t.keyCode),n=0<=i.separatorKeys.indexOf(t.key),o=229===t.keyCode;(e||n&&!o)&&(t.preventDefault(),i.onAddingRequested(!1,i.formValue)["catch"](function(){}))},t)},t.prototype.setUpKeypressListeners=function(){var e=this;C.call(this,u,function(t){(37===t.keyCode||8===t.keyCode)&&!e.formValue&&e.items.length&&e.tags.last.select.call(e.tags.last)})},t.prototype.setUpInputKeydownListeners=function(){var e=this;this.inputForm.onKeydown.subscribe(function(t){e.fireEvents("keydown",t),"Backspace"===t.key&&""===e.formValue.trim()&&t.preventDefault()})},t.prototype.setUpOnPasteListener=function(){var e=this,t=this.inputForm.input.nativeElement;this.renderer.listen(t,"paste",function(t){return e.onPasteCallback(t),t.preventDefault(),!0})},t.prototype.setUpTextChangeSubscriber=function(){var e=this;this.inputForm.form.valueChanges.pipe(c.debounceTime(this.onTextChangeDebounce)).subscribe(function(t){e.onTextChange.emit(t.item)})},t.prototype.setUpOnBlurSubscriber=function(){var e=this;this.inputForm.onBlur.pipe(c.debounceTime(100),c.filter(function(){return!(e.dropdown&&e.dropdown.isVisible||!e.formValue)})).subscribe(function(){var t=function(){return e.setInputValue("")};if(e.addOnBlur)return e.onAddingRequested(!1,e.formValue,undefined,!0).then(t)["catch"](t);t()})},t.prototype.findDupe=function(t,e){var n=this,o=t[e?this.dropdown.identifyBy:this.identifyBy];return this.items.find(function(t){return n.getItemValue(t)===o})},t.prototype.setAnimationMetadata=function(){this.animationMetadata={value:"in",params:Object.assign({},this.animationDuration)}},t}(O);M.decorators=[{type:i.Component,args:[{selector:"tag-input",providers:[z],styles:[".dark tag:focus{-webkit-box-shadow:0 0 0 1px #323232;box-shadow:0 0 0 1px #323232}.ng2-tag-input.bootstrap3-info{background-color:#fff;display:inline-block;color:#555;vertical-align:middle;max-width:100%;height:42px;line-height:44px}.ng2-tag-input.bootstrap3-info input{border:none;-webkit-box-shadow:none;box-shadow:none;outline:0;background-color:transparent;padding:0 6px;margin:0;width:auto;max-width:inherit}.ng2-tag-input.bootstrap3-info .form-control input::-moz-placeholder{color:#777;opacity:1}.ng2-tag-input.bootstrap3-info .form-control input:-ms-input-placeholder{color:#777}.ng2-tag-input.bootstrap3-info .form-control input::-webkit-input-placeholder{color:#777}.ng2-tag-input.bootstrap3-info input:focus{border:none;-webkit-box-shadow:none;box-shadow:none}.bootstrap3-info.ng2-tag-input.ng2-tag-input--focused{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border:1px solid #ccc}.bootstrap3-info.ng2-tag-input.ng2-tag-input--invalid{-webkit-box-shadow:inset 0 1px 1px #d9534f;box-shadow:inset 0 1px 1px #d9534f}.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-webkit-transition:all .25s;transition:all .25s;padding:.25rem 0;min-height:32px;cursor:text;border-bottom:2px solid #efefef}.ng2-tag-input:focus{outline:0}.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.ng2-tag-input.ng2-tag-input--focused{border-bottom:2px solid #2196f3}.ng2-tag-input.ng2-tag-input--invalid{border-bottom:2px solid #f44336}.ng2-tag-input.ng2-tag-input--loading{border:none}.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.ng2-tag-input form{margin:.1em 0}.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.minimal.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:1px solid transparent}.minimal.ng2-tag-input:focus{outline:0}.minimal.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.minimal.ng2-tag-input.ng2-tag-input--loading{border:none}.minimal.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.minimal.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.dark.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:2px solid #444}.dark.ng2-tag-input:focus{outline:0}.dark.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.dark.ng2-tag-input.ng2-tag-input--loading{border:none}.dark.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.dark.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.bootstrap.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:2px solid #efefef}.bootstrap.ng2-tag-input:focus{outline:0}.bootstrap.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.bootstrap.ng2-tag-input.ng2-tag-input--focused{border-bottom:2px solid #0275d8}.bootstrap.ng2-tag-input.ng2-tag-input--invalid{border-bottom:2px solid #d9534f}.bootstrap.ng2-tag-input.ng2-tag-input--loading{border:none}.bootstrap.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.bootstrap.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.bootstrap3-info.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:4px;cursor:text;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border-radius:4px}.bootstrap3-info.ng2-tag-input:focus{outline:0}.bootstrap3-info.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.bootstrap3-info.ng2-tag-input.ng2-tag-input--invalid{border-bottom:1px solid #d9534f}.bootstrap3-info.ng2-tag-input.ng2-tag-input--loading{border:none}.bootstrap3-info.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.bootstrap3-info.ng2-tag-input form{margin:.1em 0}.bootstrap3-info.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.error-message{font-size:.8em;color:#f44336;margin:.5em 0 0}.bootstrap .error-message{color:#d9534f}.progress-bar,.progress-bar:before{height:2px;width:100%;margin:0}.progress-bar{background-color:#2196f3;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0}.progress-bar:before{background-color:#82c4f8;content:'';-webkit-animation:2s cubic-bezier(.4,0,.2,1) infinite running-progress;animation:2s cubic-bezier(.4,0,.2,1) infinite running-progress}@-webkit-keyframes running-progress{0%{margin-left:0;margin-right:100%}50%{margin-left:25%;margin-right:0}100%{margin-left:100%;margin-right:0}}@keyframes running-progress{0%{margin-left:0;margin-right:100%}50%{margin-left:25%;margin-right:0}100%{margin-left:100%;margin-right:0}}tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:Roboto,\"Helvetica Neue\",sans-serif;font-weight:400;font-size:1em;letter-spacing:.05rem;color:#444;border-radius:16px;-webkit-transition:all .3s;transition:all .3s;margin:.1rem .3rem .1rem 0;padding:.08rem .45rem;height:32px;line-height:34px;background:#efefef;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;outline:0;cursor:pointer;position:relative}tag:not(.readonly):not(.tag--editing):focus{background:#2196f3;color:#fff;-webkit-box-shadow:0 2px 3px 1px #d4d1d1;box-shadow:0 2px 3px 1px #d4d1d1}tag:not(.readonly):not(.tag--editing):active{background:#0d8aee;color:#fff;-webkit-box-shadow:0 2px 3px 1px #d4d1d1;box-shadow:0 2px 3px 1px #d4d1d1}tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:#e2e2e2;color:initial;-webkit-box-shadow:0 2px 3px 1px #d4d1d1;box-shadow:0 2px 3px 1px #d4d1d1}tag.readonly{cursor:default}tag.readonly:focus,tag:focus{outline:0}tag.tag--editing{background-color:#fff;border:1px solid #ccc;cursor:text}.minimal tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:0;background:#f9f9f9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;outline:0;cursor:pointer;position:relative}.minimal tag:not(.readonly):not(.tag--editing):active,.minimal tag:not(.readonly):not(.tag--editing):focus{background:#d0d0d0;color:initial}.minimal tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:#ececec}.minimal tag.readonly{cursor:default}.minimal tag.readonly:focus,.minimal tag:focus{outline:0}.minimal tag.tag--editing{cursor:text}.dark tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#f9f9f9;border-radius:3px;background:#444;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;outline:0;cursor:pointer;position:relative}.dark tag:not(.readonly):not(.tag--editing):focus{background:#efefef;color:#444}.dark tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:#2b2b2b;color:#f9f9f9}.dark tag.readonly{cursor:default}.dark tag.readonly:focus,.dark tag:focus{outline:0}.dark tag.tag--editing{cursor:text}.bootstrap tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#f9f9f9;border-radius:.25rem;background:#0275d8;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;outline:0;cursor:pointer;position:relative}.bootstrap tag:not(.readonly):not(.tag--editing):active,.bootstrap tag:not(.readonly):not(.tag--editing):focus{background:#025aa5}.bootstrap tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:#0267bf;color:#f9f9f9}.bootstrap tag.readonly{cursor:default}.bootstrap tag.readonly:focus,.bootstrap tag:focus{outline:0}.bootstrap tag.tag--editing{cursor:text}.bootstrap3-info tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:inherit;font-weight:400;font-size:95%;color:#fff;border-radius:.25em;background:#5bc0de;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;outline:0;cursor:pointer;position:relative;padding:.25em .6em;text-align:center;white-space:nowrap}.bootstrap3-info tag:not(.readonly):not(.tag--editing):active,.bootstrap3-info tag:not(.readonly):not(.tag--editing):focus{background:#28a1c5}.bootstrap3-info tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:#46b8da;color:#fff}.bootstrap3-info tag.readonly{cursor:default}.bootstrap3-info tag.readonly:focus,.bootstrap3-info tag:focus{outline:0}.bootstrap3-info tag.tag--editing{cursor:text}:host{display:block}"],template:'\x3c!-- CONTAINER --\x3e\n\n<div ngClass="ng2-tag-input {{ theme || \'\' }}"\n     (click)="focus(true, false)"\n     [attr.tabindex]="-1"\n\n     (drop)="dragZone ? onTagDropped($event, undefined) : undefined"\n     (dragenter)="dragZone ? onDragOver($event) : undefined"\n     (dragover)="dragZone ? onDragOver($event) : undefined"\n     (dragend)="dragZone ? dragProvider.onDragEnd() : undefined"\n\n     [class.ng2-tag-input--dropping]="isDropping()"\n     [class.ng2-tag-input--disabled]="disable"\n     [class.ng2-tag-input--loading]="isLoading"\n     [class.ng2-tag-input--invalid]="hasErrors()"\n     [class.ng2-tag-input--focused]="isInputFocused()">\n\n    \x3c!-- TAGS --\x3e\n