@firestitch/autocomplete-chips - npm Package Compare versions

Comparing version 0.1.3 to 0.1.4

components/fs-autocomplete-chips/fs-autocomplete-chips.component.d.ts

@@ -5,2 +5,3 @@ import { EventEmitter, ElementRef, OnInit, OnChanges, OnDestroy } from '@angular/core';
 import { FsAutocompleteChipDirective, FsAutocompleteDirective } from './../../directives';
+import { AutocompleteGroup } from './../../interfaces';
 export declare class FsAutocompleteChipsComponent implements OnInit, OnChanges, OnDestroy {
@@ -16,2 +17,3 @@ private dragula;
     indexField: string;
+    groups: boolean;
     selected: EventEmitter<any>;
@@ -22,3 +24,3 @@ remove: EventEmitter<any>;
     keyword: string;
-    autocompleteData: object[];
+    autocompleteData: object[] | AutocompleteGroup[];
     separatorKeysCodes: number[];
@@ -25,0 +27,0 @@ private _model;

components/fs-autocomplete-chips/fs-autocomplete-chips.component.js

@@ -29,2 +29,3 @@ "use strict";
         this.indexField = 'id';
+        this.groups = false;
         this.selected = new core_1.EventEmitter();
@@ -127,3 +128,12 @@ this.remove = new core_1.EventEmitter();
             var selected = array_1.list(_this.model, _this.indexField);
-            _this.autocompleteData = array_1.filter(response, function (item) { return selected.indexOf(item[_this.indexField]) === -1; });
+            if (_this.groups) {
+                for (var _i = 0, response_1 = response; _i < response_1.length; _i++) {
+                    var group = response_1[_i];
+                    group['data'] = array_1.filter(group.data || [], function (item) { return selected.indexOf(item[_this.indexField]) === -1; });
+                }
+                _this.autocompleteData = response;
+            }
+            else {
+                _this.autocompleteData = array_1.filter(response, function (item) { return selected.indexOf(item[_this.indexField]) === -1; });
+            }
         });
@@ -197,2 +207,6 @@ };
     __decorate([
+        core_1.Input(),
+        __metadata("design:type", Object)
+    ], FsAutocompleteChipsComponent.prototype, "groups", void 0);
+    __decorate([
         core_1.Output(),
@@ -199,0 +213,0 @@ __metadata("design:type", Object)

components/fs-autocomplete-chips/fs-autocomplete-chips.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"FsAutocompleteChipsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"fs-autocomplete-chips","templateUrl":"./fs-autocomplete-chips.component.html","styleUrls":["./fs-autocomplete-chips.component.css"],"providers":[{"__symbolic":"reference","module":"./../../value-accessors","name":"FS_AUTOCOMPLETE_CHIPS_ACCESSOR","line":17,"character":14}]}]}],"members":{"fetch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"removable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"addOnBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"indexField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"drop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"chipTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":51,"character":3},"arguments":[{"__symbolic":"reference","module":"./../../directives","name":"FsAutocompleteChipDirective","line":51,"character":16},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":51,"character":53}}]}]}],"autocompleteTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":52,"character":3},"arguments":[{"__symbolic":"reference","module":"./../../directives","name":"FsAutocompleteDirective","line":52,"character":16},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":52,"character":49}}]}]}],"keywordInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":3},"arguments":["keywordInput"]}]}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng2-dragula","name":"DragulaService","line":63,"character":31}]}],"onDrop":[{"__symbolic":"method"}],"getElementIndex":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"dragInit":[{"__symbolic":"method"}],"dragRemove":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"keywordChange":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"onSelected":[{"__symbolic":"method"}],"onRemove":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"hash":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"FsAutocompleteChipsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"fs-autocomplete-chips","templateUrl":"./fs-autocomplete-chips.component.html","styleUrls":["./fs-autocomplete-chips.component.css"],"providers":[{"__symbolic":"reference","module":"./../../value-accessors","name":"FS_AUTOCOMPLETE_CHIPS_ACCESSOR","line":18,"character":14}]}]}],"members":{"fetch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"removable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"addOnBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"indexField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"groups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"drop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"chipTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":54,"character":3},"arguments":[{"__symbolic":"reference","module":"./../../directives","name":"FsAutocompleteChipDirective","line":54,"character":16},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":54,"character":53}}]}]}],"autocompleteTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":55,"character":3},"arguments":[{"__symbolic":"reference","module":"./../../directives","name":"FsAutocompleteDirective","line":55,"character":16},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":55,"character":49}}]}]}],"keywordInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":57,"character":3},"arguments":["keywordInput"]}]}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng2-dragula","name":"DragulaService","line":66,"character":31}]}],"onDrop":[{"__symbolic":"method"}],"getElementIndex":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"dragInit":[{"__symbolic":"method"}],"dragRemove":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"keywordChange":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"onSelected":[{"__symbolic":"method"}],"onRemove":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"hash":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]

index.js

@@ -194,3 +194,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 
-module.exports = "<mat-form-field>\n  <mat-chip-list #chipList [disabled]=\"disabled\" class=\"mat-chip-list {{ uniqueId }}\">\n    <mat-chip\n      *ngFor=\"let item of model\"\n      [selectable]=\"selectable\"\n      [removable]=\"removable\"\n      [attr.data-id]=\"item[indexField]\"\n      (removed)=\"onRemove(item)\">\n\n      <mat-icon *ngIf=\"draggable && !disabled\" class=\"mat-chip-drag\">drag_handle</mat-icon>\n      <ng-template\n        [ngTemplateOutlet]=\"chipTemplate\"\n        [ngTemplateOutletContext]=\"{ item: item }\"\n      ></ng-template>\n\n      <mat-icon matChipRemove *ngIf=\"removable && !disabled\">cancel</mat-icon>\n    </mat-chip>\n    <input\n      placeholder=\"{{ placeholder }}\"\n      #keywordInput\n      name=\"input-keyword\"\n      [(ngModel)]=\"keyword\"\n      [disabled]=\"disabled\"\n      [matAutocomplete]=\"autocomplete\"\n      [matChipInputFor]=\"chipList\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n      [matChipInputAddOnBlur]=\"addOnBlur\"\n      (matChipInputTokenEnd)=\"add($event)\"\n      (ngModelChange)=\"keywordChange()\"\n      (click)=\"onClick($event)\"\n    />\n  </mat-chip-list>\n  <mat-autocomplete #autocomplete=\"matAutocomplete\" (optionSelected)=\"onSelected($event)\">\n    <mat-option *ngFor=\"let item of autocompleteData\" [value]=\"item\">\n      <ng-template\n        [ngTemplateOutlet]=\"autocompleteTemplate || chipTemplate\"\n        [ngTemplateOutletContext]=\"{ item: item }\"\n      ></ng-template>\n    </mat-option>\n  </mat-autocomplete>\n</mat-form-field>\n"
+module.exports = "<mat-form-field>\n  <mat-chip-list #chipList [disabled]=\"disabled\" class=\"mat-chip-list {{ uniqueId }}\">\n    <mat-chip\n      *ngFor=\"let item of model\"\n      [selectable]=\"selectable\"\n      [removable]=\"removable\"\n      [attr.data-id]=\"item[indexField]\"\n      (removed)=\"onRemove(item)\">\n\n      <mat-icon *ngIf=\"draggable && !disabled\" class=\"mat-chip-drag\">drag_handle</mat-icon>\n      <ng-template\n        [ngTemplateOutlet]=\"chipTemplate\"\n        [ngTemplateOutletContext]=\"{ item: item }\"\n      ></ng-template>\n\n      <mat-icon matChipRemove *ngIf=\"removable && !disabled\">cancel</mat-icon>\n    </mat-chip>\n    <input\n      placeholder=\"{{ placeholder }}\"\n      #keywordInput\n      name=\"input-keyword\"\n      [(ngModel)]=\"keyword\"\n      [disabled]=\"disabled\"\n      [matAutocomplete]=\"autocomplete\"\n      [matChipInputFor]=\"chipList\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n      [matChipInputAddOnBlur]=\"addOnBlur\"\n      (matChipInputTokenEnd)=\"add($event)\"\n      (ngModelChange)=\"keywordChange()\"\n      (click)=\"onClick($event)\"\n    />\n  </mat-chip-list>\n  <mat-autocomplete #autocomplete=\"matAutocomplete\" (optionSelected)=\"onSelected($event)\">\n    <ng-container *ngIf=\"groups\">\n      <ng-container *ngFor=\"let group of autocompleteData\">\n        <mat-option class=\"autocomplete-group-label\" disabled=\"true\">{{ group.name }}</mat-option>\n        <mat-option *ngFor=\"let item of group.data\" [value]=\"item\">\n          <ng-template\n            [ngTemplateOutlet]=\"autocompleteTemplate || chipTemplate\"\n            [ngTemplateOutletContext]=\"{ item: item }\"\n          ></ng-template>\n        </mat-option>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"!groups\">\n      <mat-option *ngFor=\"let item of autocompleteData\" [value]=\"item\">\n        <ng-template\n          [ngTemplateOutlet]=\"autocompleteTemplate || chipTemplate\"\n          [ngTemplateOutletContext]=\"{ item: item }\"\n        ></ng-template>\n      </mat-option>\n    </ng-container>\n  </mat-autocomplete>\n</mat-form-field>\n"
 
@@ -246,2 +246,3 @@ /***/ }),
         this.indexField = 'id';
+        this.groups = false;
         this.selected = new core_1.EventEmitter();
@@ -344,3 +345,12 @@ this.remove = new core_1.EventEmitter();
             var selected = array_1.list(_this.model, _this.indexField);
-            _this.autocompleteData = array_1.filter(response, function (item) { return selected.indexOf(item[_this.indexField]) === -1; });
+            if (_this.groups) {
+                for (var _i = 0, response_1 = response; _i < response_1.length; _i++) {
+                    var group = response_1[_i];
+                    group['data'] = array_1.filter(group.data || [], function (item) { return selected.indexOf(item[_this.indexField]) === -1; });
+                }
+                _this.autocompleteData = response;
+            }
+            else {
+                _this.autocompleteData = array_1.filter(response, function (item) { return selected.indexOf(item[_this.indexField]) === -1; });
+            }
         });
@@ -414,2 +424,6 @@ };
     __decorate([
+        core_1.Input(),
+        __metadata("design:type", Object)
+    ], FsAutocompleteChipsComponent.prototype, "groups", void 0);
+    __decorate([
         core_1.Output(),
@@ -416,0 +430,0 @@ __metadata("design:type", Object)

index.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("@firestitch/autocomplete-chips",[],t):"object"==typeof exports?exports["@firestitch/autocomplete-chips"]=t():e["@firestitch/autocomplete-chips"]=t()}("undefined"!=typeof self?self:this,function(){return function(e){function t(n){if(o[n])return o[n].exports;var i=o[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var o={};return t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s="./index.ts")}({"../node_modules/css-loader/index.js??ref--3-1!../node_modules/dragula/dist/dragula.css":function(e,t,o){t=e.exports=o("../node_modules/css-loader/lib/css-base.js")(!0),t.push([e.i,'.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";\n  filter: alpha(opacity=80);\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";\n  filter: alpha(opacity=20);\n}\n',"",{version:3,sources:["/Users/mendor/work/fs-autocomplete-chips/node_modules/dragula/dist/dragula.css"],names:[],mappings:"AAAA;EACE,2BAA2B;EAC3B,qBAAqB;EACrB,yBAAyB;EACzB,aAAa;EACb,kEAAkE;EAClE,0BAA0B;CAC3B;AACD;EACE,yBAAyB;CAC1B;AACD;EACE,qCAAqC;EACrC,kCAAkC;EAClC,iCAAiC;EACjC,6BAA6B;CAC9B;AACD;EACE,aAAa;EACb,kEAAkE;EAClE,0BAA0B;CAC3B",file:"dragula.css",sourcesContent:['.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";\n  filter: alpha(opacity=80);\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";\n  filter: alpha(opacity=20);\n}\n'],sourceRoot:""}])},"../node_modules/css-loader/index.js??ref--3-1!../node_modules/postcss-loader/lib/index.js??ref--3-2!../node_modules/resolve-url-loader/index.js??ref--3-3!../node_modules/sass-loader/lib/loader.js??ref--3-4!./components/fs-autocomplete-chips/fs-autocomplete-chips.component.scss":function(e,t,o){t=e.exports=o("../node_modules/css-loader/lib/css-base.js")(!0),t.i(o("../node_modules/css-loader/index.js??ref--3-1!../node_modules/dragula/dist/dragula.css"),""),t.push([e.i,"mat-form-field {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1 1;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n}\n\nmat-form-field /deep/ .mat-input-wrapper {\n  width: 100%;\n}\n\n/deep/ mat-chip mat-icon.mat-chip-drag {\n  color: rgba(0, 0, 0, .87);\n  opacity: 0.54;\n  margin-right: 6px;\n  width: 1em;\n  height: 1em;\n  font-size: 21px;\n  cursor: pointer;\n}\n\n","",{version:3,sources:["/Users/mendor/work/fs-autocomplete-chips/src/components/fs-autocomplete-chips/src/components/fs-autocomplete-chips/fs-autocomplete-chips.component.scss","/Users/mendor/work/fs-autocomplete-chips/src/components/fs-autocomplete-chips/fs-autocomplete-chips.component.scss"],names:[],mappings:"AAEA;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,oBAAA;MAAA,YAAA;UAAA,UAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,wBAAA;UAAA,oBAAA;CCCD;;ADJD;EAKI,YAAA;CCGH;;ADCD;EAEI,0BAAA;EACA,cAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,gBAAA;CCCH",file:"fs-autocomplete-chips.component.scss",sourcesContent:['@import "~dragula/dist/dragula.css";\n\nmat-form-field {\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n  /deep/ .mat-input-wrapper {\n    width: 100%;\n  }\n}\n\n/deep/ mat-chip {\n  mat-icon.mat-chip-drag {\n    color: rgba(0, 0, 0, .87);\n    opacity: 0.54;\n    margin-right: 6px;\n    width: 1em;\n    height: 1em;\n    font-size: 21px;\n    cursor: pointer;\n  }\n}\n',"@import url(~dragula/dist/dragula.css);\n\nmat-form-field {\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n}\n\nmat-form-field /deep/ .mat-input-wrapper {\n  width: 100%;\n}\n\n/deep/ mat-chip mat-icon.mat-chip-drag {\n  color: rgba(0, 0, 0, 0.87);\n  opacity: 0.54;\n  margin-right: 6px;\n  width: 1em;\n  height: 1em;\n  font-size: 21px;\n  cursor: pointer;\n}\n\n"],sourceRoot:""}])},"../node_modules/css-loader/lib/css-base.js":function(e,t){function o(e,t){var o=e[1]||"",i=e[3];if(!i)return o;if(t&&"function"==typeof btoa){var r=n(i);return[o].concat(i.sources.map(function(e){return"/*# sourceURL="+i.sourceRoot+e+" */"})).concat([r]).join("\n")}return[o].join("\n")}function n(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=o(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,o){"string"==typeof e&&(e=[[null,e,""]]);for(var n={},i=0;i<this.length;i++){var r=this[i][0];"number"==typeof r&&(n[r]=!0)}for(i=0;i<e.length;i++){var s=e[i];"number"==typeof s[0]&&n[s[0]]||(o&&!s[2]?s[2]=o:o&&(s[2]="("+s[2]+") and ("+o+")"),t.push(s))}},t}},"./components/fs-autocomplete-chips/fs-autocomplete-chips.component.html":function(e,t){e.exports='<mat-form-field>\n  <mat-chip-list #chipList [disabled]="disabled" class="mat-chip-list {{ uniqueId }}">\n    <mat-chip\n      *ngFor="let item of model"\n      [selectable]="selectable"\n      [removable]="removable"\n      [attr.data-id]="item[indexField]"\n      (removed)="onRemove(item)">\n\n      <mat-icon *ngIf="draggable && !disabled" class="mat-chip-drag">drag_handle</mat-icon>\n      <ng-template\n        [ngTemplateOutlet]="chipTemplate"\n        [ngTemplateOutletContext]="{ item: item }"\n      ></ng-template>\n\n      <mat-icon matChipRemove *ngIf="removable && !disabled">cancel</mat-icon>\n    </mat-chip>\n    <input\n      placeholder="{{ placeholder }}"\n      #keywordInput\n      name="input-keyword"\n      [(ngModel)]="keyword"\n      [disabled]="disabled"\n      [matAutocomplete]="autocomplete"\n      [matChipInputFor]="chipList"\n      [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\n      [matChipInputAddOnBlur]="addOnBlur"\n      (matChipInputTokenEnd)="add($event)"\n      (ngModelChange)="keywordChange()"\n      (click)="onClick($event)"\n    />\n  </mat-chip-list>\n  <mat-autocomplete #autocomplete="matAutocomplete" (optionSelected)="onSelected($event)">\n    <mat-option *ngFor="let item of autocompleteData" [value]="item">\n      <ng-template\n        [ngTemplateOutlet]="autocompleteTemplate || chipTemplate"\n        [ngTemplateOutletContext]="{ item: item }"\n      ></ng-template>\n    </mat-option>\n  </mat-autocomplete>\n</mat-form-field>\n'},"./components/fs-autocomplete-chips/fs-autocomplete-chips.component.scss":function(e,t,o){var n=o("../node_modules/css-loader/index.js??ref--3-1!../node_modules/postcss-loader/lib/index.js??ref--3-2!../node_modules/resolve-url-loader/index.js??ref--3-3!../node_modules/sass-loader/lib/loader.js??ref--3-4!./components/fs-autocomplete-chips/fs-autocomplete-chips.component.scss");e.exports="string"==typeof n?n:n.toString()},"./components/fs-autocomplete-chips/fs-autocomplete-chips.component.ts":function(e,t,o){"use strict";var n=this&&this.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var r=o("@angular/core"),s=o("@angular/cdk/keycodes"),a=o("ng2-dragula"),c=o("@firestitch/common/array"),p=o("./directives/index.ts"),l=o("./value-accessors/index.ts"),u=function(){function e(e){this.dragula=e,this.fetch=null,this.placeholder="",this.removable=!1,this.addOnBlur=!1,this.selectable=!0,this.draggable=!1,this.disabled=!1,this.indexField="id",this.selected=new r.EventEmitter,this.remove=new r.EventEmitter,this.drop=new r.EventEmitter,this.uniqueId=null,this.keyword="",this.autocompleteData=null,this.separatorKeysCodes=[s.ENTER,s.COMMA],this._model=[],this.bagName="bag-chips",this.$drop=null,this.chipTemplate=null,this.autocompleteTemplate=null,this.keywordInput=null,this._onTouched=function(){},this._onChange=function(e){},this.onFocused=function(e){}}return Object.defineProperty(e.prototype,"model",{get:function(){return this._model},enumerable:!0,configurable:!0}),e.prototype.registerOnChange=function(e){this._onChange=e},e.prototype.registerOnTouched=function(e){this._onTouched=e},e.prototype.onDrop=function(e){for(var t=[],o=(e[0],e[1]),n=0;n<o.childNodes.length;n++)if("MAT-CHIP"===o.childNodes[n].tagName){var i=c.filter(this.model,(r={},r[this.indexField]=o.childNodes[n].getAttribute("data-id"),r))[0];t.push(i)}this.writeValue(t,!0),this.drop.emit(t);var r},e.prototype.getElementIndex=function(e){return[].slice.call(e.parentElement.children).indexOf(e)},e.prototype.ngOnInit=function(){this.uniqueId="mat-chip-list"+this.hash()},e.prototype.ngOnChanges=function(e){e&&(e.draggable||e.disabled)&&(this.draggable&&!this.disabled?this.dragInit():this.dragRemove())},e.prototype.dragInit=function(){var e=this;this.dragula.setOptions(this.bagName,{isContainer:function(t){return!(!t.parentElement||!t.parentElement.classList)&&!(!t.classList.contains("mat-chip-list-wrapper")||!t.parentElement.classList.contains(e.uniqueId))},direction:"horizontal"}),this.$drop=this.dragula.drop.subscribe(function(t){e.onDrop(t.slice(1))})},e.prototype.dragRemove=function(){this.$drop&&(this.dragula.destroy(this.bagName),this.$drop.unsubscribe())},e.prototype.writeValue=function(e,t){void 0===t&&(t=!1),e=Array.isArray(e)?e:[],(t||e.length)&&(this._model=e,this._onChange(this._model))},e.prototype.keywordChange=function(){var e=this;if(!this.fetch)return void(this.autocompleteData=[]);this.fetch(this.keyword).subscribe(function(t){var o=c.list(e.model,e.indexField);e.autocompleteData=c.filter(t,function(t){return-1===o.indexOf(t[e.indexField])})})},e.prototype.add=function(e){},e.prototype.onSelected=function(e){this.writeValue(this._model.concat([e.option.value]),!0),this.keyword="",this.keywordInput.nativeElement.value="",this.selected.emit(e.option.value)},e.prototype.onRemove=function(e){var t=this,o=this.model.slice(),n=c.indexOf(o,function(o){return o[t.indexField]===e[t.indexField]});-1!==n&&(o.splice(n,1),this.writeValue(o,!0),this.remove.emit(e))},e.prototype.onClick=function(e){this.keywordChange(),this.keywordInput.nativeElement.blur(),this.keywordInput.nativeElement.focus()},e.prototype.hash=function(){return"_"+Math.random().toString(36).substr(2,9)},e.prototype.ngOnDestroy=function(){this.dragRemove()},n([r.Input(),i("design:type",Object)],e.prototype,"fetch",void 0),n([r.Input(),i("design:type",Object)],e.prototype,"placeholder",void 0),n([r.Input(),i("design:type",Object)],e.prototype,"removable",void 0),n([r.Input(),i("design:type",Object)],e.prototype,"addOnBlur",void 0),n([r.Input(),i("design:type",Object)],e.prototype,"selectable",void 0),n([r.Input(),i("design:type",Object)],e.prototype,"draggable",void 0),n([r.Input(),i("design:type",Object)],e.prototype,"disabled",void 0),n([r.Input(),i("design:type",Object)],e.prototype,"indexField",void 0),n([r.Output(),i("design:type",Object)],e.prototype,"selected",void 0),n([r.Output(),i("design:type",Object)],e.prototype,"remove",void 0),n([r.Output(),i("design:type",Object)],e.prototype,"drop",void 0),n([r.ContentChild(p.FsAutocompleteChipDirective,{read:r.TemplateRef}),i("design:type",p.FsAutocompleteChipDirective)],e.prototype,"chipTemplate",void 0),n([r.ContentChild(p.FsAutocompleteDirective,{read:r.TemplateRef}),i("design:type",p.FsAutocompleteDirective)],e.prototype,"autocompleteTemplate",void 0),n([r.ViewChild("keywordInput"),i("design:type",r.ElementRef)],e.prototype,"keywordInput",void 0),e=n([r.Component({selector:"fs-autocomplete-chips",template:o("./components/fs-autocomplete-chips/fs-autocomplete-chips.component.html"),styles:[o("./components/fs-autocomplete-chips/fs-autocomplete-chips.component.scss")],providers:[l.FS_AUTOCOMPLETE_CHIPS_ACCESSOR]}),i("design:paramtypes",[a.DragulaService])],e)}();t.FsAutocompleteChipsComponent=u},"./components/fs-autocomplete-chips/index.ts":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){for(var o in e)t.hasOwnProperty(o)||(t[o]=e[o])}(o("./components/fs-autocomplete-chips/fs-autocomplete-chips.component.ts"))},"./components/index.ts":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){for(var o in e)t.hasOwnProperty(o)||(t[o]=e[o])}(o("./components/fs-autocomplete-chips/index.ts"))},"./directives/fs-autocomplete-chip/fs-autocomplete-chip.directive.ts":function(e,t,o){"use strict";var n=this&&this.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};Object.defineProperty(t,"__esModule",{value:!0});var i=o("@angular/core"),r=function(){function e(){}return e=n([i.Directive({selector:"[fs-autocomplete-chip]"})],e)}();t.FsAutocompleteChipDirective=r},"./directives/fs-autocomplete-chip/index.ts":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){for(var o in e)t.hasOwnProperty(o)||(t[o]=e[o])}(o("./directives/fs-autocomplete-chip/fs-autocomplete-chip.directive.ts"))},"./directives/fs-autocomplete/fs-autocomplete.directive.ts":function(e,t,o){"use strict";var n=this&&this.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};Object.defineProperty(t,"__esModule",{value:!0});var i=o("@angular/core"),r=function(){function e(){}return e=n([i.Directive({selector:"[fs-autocomplete]"})],e)}();t.FsAutocompleteDirective=r},"./directives/fs-autocomplete/index.ts":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){for(var o in e)t.hasOwnProperty(o)||(t[o]=e[o])}(o("./directives/fs-autocomplete/fs-autocomplete.directive.ts"))},"./directives/index.ts":function(e,t,o){"use strict";function n(e){for(var o in e)t.hasOwnProperty(o)||(t[o]=e[o])}Object.defineProperty(t,"__esModule",{value:!0}),n(o("./directives/fs-autocomplete-chip/index.ts")),n(o("./directives/fs-autocomplete/index.ts"))},"./fs-autocomplete-chips.module.ts":function(e,t,o){"use strict";var n=this&&this.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};Object.defineProperty(t,"__esModule",{value:!0});var i=o("@angular/core"),r=o("@angular/common"),s=o("@angular/forms"),a=o("ng2-dragula"),c=o("@angular/material"),p=o("./components/index.ts"),l=o("./directives/index.ts"),u=function(){function e(){}return t=e,e.forRoot=function(){return{ngModule:t}},e=t=n([i.NgModule({imports:[r.CommonModule,s.FormsModule,a.DragulaModule,c.MatAutocompleteModule,c.MatChipsModule,c.MatInputModule,c.MatIconModule],exports:[p.FsAutocompleteChipsComponent,l.FsAutocompleteChipDirective,l.FsAutocompleteDirective],entryComponents:[],declarations:[p.FsAutocompleteChipsComponent,l.FsAutocompleteChipDirective,l.FsAutocompleteDirective],providers:[]})],e);var t}();t.FsAutocompleteChipsModule=u},"./index.ts":function(e,t,o){"use strict";function n(e){for(var o in e)t.hasOwnProperty(o)||(t[o]=e[o])}Object.defineProperty(t,"__esModule",{value:!0}),n(o("./fs-autocomplete-chips.module.ts")),n(o("./components/index.ts")),n(o("./directives/index.ts"))},"./value-accessors/fs-autocomplete-chips.value-accessor.ts":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o("./components/index.ts"),i=o("@angular/core"),r=o("@angular/forms");t.FS_AUTOCOMPLETE_CHIPS_ACCESSOR={provide:r.NG_VALUE_ACCESSOR,useExisting:i.forwardRef(function(){return n.FsAutocompleteChipsComponent}),multi:!0}},"./value-accessors/index.ts":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){for(var o in e)t.hasOwnProperty(o)||(t[o]=e[o])}(o("./value-accessors/fs-autocomplete-chips.value-accessor.ts"))},"@angular/cdk/keycodes":function(e,t){e.exports=require("@angular/cdk/keycodes")},"@angular/common":function(e,t){e.exports=require("@angular/common")},"@angular/core":function(e,t){e.exports=require("@angular/core")},"@angular/forms":function(e,t){e.exports=require("@angular/forms")},"@angular/material":function(e,t){e.exports=require("@angular/material")},"@firestitch/common/array":function(e,t){e.exports=require("@firestitch/common/array")},"ng2-dragula":function(e,t){e.exports=require("ng2-dragula")}})});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("@firestitch/autocomplete-chips",[],t):"object"==typeof exports?exports["@firestitch/autocomplete-chips"]=t():e["@firestitch/autocomplete-chips"]=t()}("undefined"!=typeof self?self:this,function(){return function(e){function t(n){if(o[n])return o[n].exports;var i=o[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var o={};return t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s="./index.ts")}({"../node_modules/css-loader/index.js??ref--3-1!../node_modules/dragula/dist/dragula.css":function(e,t,o){t=e.exports=o("../node_modules/css-loader/lib/css-base.js")(!0),t.push([e.i,'.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";\n  filter: alpha(opacity=80);\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";\n  filter: alpha(opacity=20);\n}\n',"",{version:3,sources:["/Users/mendor/work/fs-autocomplete-chips/node_modules/dragula/dist/dragula.css"],names:[],mappings:"AAAA;EACE,2BAA2B;EAC3B,qBAAqB;EACrB,yBAAyB;EACzB,aAAa;EACb,kEAAkE;EAClE,0BAA0B;CAC3B;AACD;EACE,yBAAyB;CAC1B;AACD;EACE,qCAAqC;EACrC,kCAAkC;EAClC,iCAAiC;EACjC,6BAA6B;CAC9B;AACD;EACE,aAAa;EACb,kEAAkE;EAClE,0BAA0B;CAC3B",file:"dragula.css",sourcesContent:['.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";\n  filter: alpha(opacity=80);\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";\n  filter: alpha(opacity=20);\n}\n'],sourceRoot:""}])},"../node_modules/css-loader/index.js??ref--3-1!../node_modules/postcss-loader/lib/index.js??ref--3-2!../node_modules/resolve-url-loader/index.js??ref--3-3!../node_modules/sass-loader/lib/loader.js??ref--3-4!./components/fs-autocomplete-chips/fs-autocomplete-chips.component.scss":function(e,t,o){t=e.exports=o("../node_modules/css-loader/lib/css-base.js")(!0),t.i(o("../node_modules/css-loader/index.js??ref--3-1!../node_modules/dragula/dist/dragula.css"),""),t.push([e.i,"mat-form-field {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1 1;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n}\n\nmat-form-field /deep/ .mat-input-wrapper {\n  width: 100%;\n}\n\n/deep/ mat-chip mat-icon.mat-chip-drag {\n  color: rgba(0, 0, 0, .87);\n  opacity: 0.54;\n  margin-right: 6px;\n  width: 1em;\n  height: 1em;\n  font-size: 21px;\n  cursor: pointer;\n}\n\n","",{version:3,sources:["/Users/mendor/work/fs-autocomplete-chips/src/components/fs-autocomplete-chips/src/components/fs-autocomplete-chips/fs-autocomplete-chips.component.scss","/Users/mendor/work/fs-autocomplete-chips/src/components/fs-autocomplete-chips/fs-autocomplete-chips.component.scss"],names:[],mappings:"AAEA;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,oBAAA;MAAA,YAAA;UAAA,UAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,wBAAA;UAAA,oBAAA;CCCD;;ADJD;EAKI,YAAA;CCGH;;ADCD;EAEI,0BAAA;EACA,cAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,gBAAA;CCCH",file:"fs-autocomplete-chips.component.scss",sourcesContent:['@import "~dragula/dist/dragula.css";\n\nmat-form-field {\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n  /deep/ .mat-input-wrapper {\n    width: 100%;\n  }\n}\n\n/deep/ mat-chip {\n  mat-icon.mat-chip-drag {\n    color: rgba(0, 0, 0, .87);\n    opacity: 0.54;\n    margin-right: 6px;\n    width: 1em;\n    height: 1em;\n    font-size: 21px;\n    cursor: pointer;\n  }\n}\n',"@import url(~dragula/dist/dragula.css);\n\nmat-form-field {\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n}\n\nmat-form-field /deep/ .mat-input-wrapper {\n  width: 100%;\n}\n\n/deep/ mat-chip mat-icon.mat-chip-drag {\n  color: rgba(0, 0, 0, 0.87);\n  opacity: 0.54;\n  margin-right: 6px;\n  width: 1em;\n  height: 1em;\n  font-size: 21px;\n  cursor: pointer;\n}\n\n"],sourceRoot:""}])},"../node_modules/css-loader/lib/css-base.js":function(e,t){function o(e,t){var o=e[1]||"",i=e[3];if(!i)return o;if(t&&"function"==typeof btoa){var r=n(i);return[o].concat(i.sources.map(function(e){return"/*# sourceURL="+i.sourceRoot+e+" */"})).concat([r]).join("\n")}return[o].join("\n")}function n(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=o(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,o){"string"==typeof e&&(e=[[null,e,""]]);for(var n={},i=0;i<this.length;i++){var r=this[i][0];"number"==typeof r&&(n[r]=!0)}for(i=0;i<e.length;i++){var s=e[i];"number"==typeof s[0]&&n[s[0]]||(o&&!s[2]?s[2]=o:o&&(s[2]="("+s[2]+") and ("+o+")"),t.push(s))}},t}},"./components/fs-autocomplete-chips/fs-autocomplete-chips.component.html":function(e,t){e.exports='<mat-form-field>\n  <mat-chip-list #chipList [disabled]="disabled" class="mat-chip-list {{ uniqueId }}">\n    <mat-chip\n      *ngFor="let item of model"\n      [selectable]="selectable"\n      [removable]="removable"\n      [attr.data-id]="item[indexField]"\n      (removed)="onRemove(item)">\n\n      <mat-icon *ngIf="draggable && !disabled" class="mat-chip-drag">drag_handle</mat-icon>\n      <ng-template\n        [ngTemplateOutlet]="chipTemplate"\n        [ngTemplateOutletContext]="{ item: item }"\n      ></ng-template>\n\n      <mat-icon matChipRemove *ngIf="removable && !disabled">cancel</mat-icon>\n    </mat-chip>\n    <input\n      placeholder="{{ placeholder }}"\n      #keywordInput\n      name="input-keyword"\n      [(ngModel)]="keyword"\n      [disabled]="disabled"\n      [matAutocomplete]="autocomplete"\n      [matChipInputFor]="chipList"\n      [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\n      [matChipInputAddOnBlur]="addOnBlur"\n      (matChipInputTokenEnd)="add($event)"\n      (ngModelChange)="keywordChange()"\n      (click)="onClick($event)"\n    />\n  </mat-chip-list>\n  <mat-autocomplete #autocomplete="matAutocomplete" (optionSelected)="onSelected($event)">\n    <ng-container *ngIf="groups">\n      <ng-container *ngFor="let group of autocompleteData">\n        <mat-option class="autocomplete-group-label" disabled="true">{{ group.name }}</mat-option>\n        <mat-option *ngFor="let item of group.data" [value]="item">\n          <ng-template\n            [ngTemplateOutlet]="autocompleteTemplate || chipTemplate"\n            [ngTemplateOutletContext]="{ item: item }"\n          ></ng-template>\n        </mat-option>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf="!groups">\n      <mat-option *ngFor="let item of autocompleteData" [value]="item">\n        <ng-template\n          [ngTemplateOutlet]="autocompleteTemplate || chipTemplate"\n          [ngTemplateOutletContext]="{ item: item }"\n        ></ng-template>\n      </mat-option>\n    </ng-container>\n  </mat-autocomplete>\n</mat-form-field>\n'},"./components/fs-autocomplete-chips/fs-autocomplete-chips.component.scss":function(e,t,o){var n=o("../node_modules/css-loader/index.js??ref--3-1!../node_modules/postcss-loader/lib/index.js??ref--3-2!../node_modules/resolve-url-loader/index.js??ref--3-3!../node_modules/sass-loader/lib/loader.js??ref--3-4!./components/fs-autocomplete-chips/fs-autocomplete-chips.component.scss");e.exports="string"==typeof n?n:n.toString()},"./components/fs-autocomplete-chips/fs-autocomplete-chips.component.ts":function(e,t,o){"use strict";var n=this&&this.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var r=o("@angular/core"),s=o("@angular/cdk/keycodes"),a=o("ng2-dragula"),c=o("@firestitch/common/array"),p=o("./directives/index.ts"),l=o("./value-accessors/index.ts"),u=function(){function e(e){this.dragula=e,this.fetch=null,this.placeholder="",this.removable=!1,this.addOnBlur=!1,this.selectable=!0,this.draggable=!1,this.disabled=!1,this.indexField="id",this.groups=!1,this.selected=new r.EventEmitter,this.remove=new r.EventEmitter,this.drop=new r.EventEmitter,this.uniqueId=null,this.keyword="",this.autocompleteData=null,this.separatorKeysCodes=[s.ENTER,s.COMMA],this._model=[],this.bagName="bag-chips",this.$drop=null,this.chipTemplate=null,this.autocompleteTemplate=null,this.keywordInput=null,this._onTouched=function(){},this._onChange=function(e){},this.onFocused=function(e){}}return Object.defineProperty(e.prototype,"model",{get:function(){return this._model},enumerable:!0,configurable:!0}),e.prototype.registerOnChange=function(e){this._onChange=e},e.prototype.registerOnTouched=function(e){this._onTouched=e},e.prototype.onDrop=function(e){for(var t=[],o=(e[0],e[1]),n=0;n<o.childNodes.length;n++)if("MAT-CHIP"===o.childNodes[n].tagName){var i=c.filter(this.model,(r={},r[this.indexField]=o.childNodes[n].getAttribute("data-id"),r))[0];t.push(i)}this.writeValue(t,!0),this.drop.emit(t);var r},e.prototype.getElementIndex=function(e){return[].slice.call(e.parentElement.children).indexOf(e)},e.prototype.ngOnInit=function(){this.uniqueId="mat-chip-list"+this.hash()},e.prototype.ngOnChanges=function(e){e&&(e.draggable||e.disabled)&&(this.draggable&&!this.disabled?this.dragInit():this.dragRemove())},e.prototype.dragInit=function(){var e=this;this.dragula.setOptions(this.bagName,{isContainer:function(t){return!(!t.parentElement||!t.parentElement.classList)&&!(!t.classList.contains("mat-chip-list-wrapper")||!t.parentElement.classList.contains(e.uniqueId))},direction:"horizontal"}),this.$drop=this.dragula.drop.subscribe(function(t){e.onDrop(t.slice(1))})},e.prototype.dragRemove=function(){this.$drop&&(this.dragula.destroy(this.bagName),this.$drop.unsubscribe())},e.prototype.writeValue=function(e,t){void 0===t&&(t=!1),e=Array.isArray(e)?e:[],(t||e.length)&&(this._model=e,this._onChange(this._model))},e.prototype.keywordChange=function(){var e=this;if(!this.fetch)return void(this.autocompleteData=[]);this.fetch(this.keyword).subscribe(function(t){var o=c.list(e.model,e.indexField);if(e.groups){for(var n=0,i=t;n<i.length;n++){var r=i[n];r.data=c.filter(r.data||[],function(t){return-1===o.indexOf(t[e.indexField])})}e.autocompleteData=t}else e.autocompleteData=c.filter(t,function(t){return-1===o.indexOf(t[e.indexField])})})},e.prototype.add=function(e){},e.prototype.onSelected=function(e){this.writeValue(this._model.concat([e.option.value]),!0),this.keyword="",this.keywordInput.nativeElement.value="",this.selected.emit(e.option.value)},e.prototype.onRemove=function(e){var t=this,o=this.model.slice(),n=c.indexOf(o,function(o){return o[t.indexField]===e[t.indexField]});-1!==n&&(o.splice(n,1),this.writeValue(o,!0),this.remove.emit(e))},e.prototype.onClick=function(e){this.keywordChange(),this.keywordInput.nativeElement.blur(),this.keywordInput.nativeElement.focus()},e.prototype.hash=function(){return"_"+Math.random().toString(36).substr(2,9)},e.prototype.ngOnDestroy=function(){this.dragRemove()},n([r.Input(),i("design:type",Object)],e.prototype,"fetch",void 0),n([r.Input(),i("design:type",Object)],e.prototype,"placeholder",void 0),n([r.Input(),i("design:type",Object)],e.prototype,"removable",void 0),n([r.Input(),i("design:type",Object)],e.prototype,"addOnBlur",void 0),n([r.Input(),i("design:type",Object)],e.prototype,"selectable",void 0),n([r.Input(),i("design:type",Object)],e.prototype,"draggable",void 0),n([r.Input(),i("design:type",Object)],e.prototype,"disabled",void 0),n([r.Input(),i("design:type",Object)],e.prototype,"indexField",void 0),n([r.Input(),i("design:type",Object)],e.prototype,"groups",void 0),n([r.Output(),i("design:type",Object)],e.prototype,"selected",void 0),n([r.Output(),i("design:type",Object)],e.prototype,"remove",void 0),n([r.Output(),i("design:type",Object)],e.prototype,"drop",void 0),n([r.ContentChild(p.FsAutocompleteChipDirective,{read:r.TemplateRef}),i("design:type",p.FsAutocompleteChipDirective)],e.prototype,"chipTemplate",void 0),n([r.ContentChild(p.FsAutocompleteDirective,{read:r.TemplateRef}),i("design:type",p.FsAutocompleteDirective)],e.prototype,"autocompleteTemplate",void 0),n([r.ViewChild("keywordInput"),i("design:type",r.ElementRef)],e.prototype,"keywordInput",void 0),e=n([r.Component({selector:"fs-autocomplete-chips",template:o("./components/fs-autocomplete-chips/fs-autocomplete-chips.component.html"),styles:[o("./components/fs-autocomplete-chips/fs-autocomplete-chips.component.scss")],providers:[l.FS_AUTOCOMPLETE_CHIPS_ACCESSOR]}),i("design:paramtypes",[a.DragulaService])],e)}();t.FsAutocompleteChipsComponent=u},"./components/fs-autocomplete-chips/index.ts":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){for(var o in e)t.hasOwnProperty(o)||(t[o]=e[o])}(o("./components/fs-autocomplete-chips/fs-autocomplete-chips.component.ts"))},"./components/index.ts":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){for(var o in e)t.hasOwnProperty(o)||(t[o]=e[o])}(o("./components/fs-autocomplete-chips/index.ts"))},"./directives/fs-autocomplete-chip/fs-autocomplete-chip.directive.ts":function(e,t,o){"use strict";var n=this&&this.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};Object.defineProperty(t,"__esModule",{value:!0});var i=o("@angular/core"),r=function(){function e(){}return e=n([i.Directive({selector:"[fs-autocomplete-chip]"})],e)}();t.FsAutocompleteChipDirective=r},"./directives/fs-autocomplete-chip/index.ts":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){for(var o in e)t.hasOwnProperty(o)||(t[o]=e[o])}(o("./directives/fs-autocomplete-chip/fs-autocomplete-chip.directive.ts"))},"./directives/fs-autocomplete/fs-autocomplete.directive.ts":function(e,t,o){"use strict";var n=this&&this.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};Object.defineProperty(t,"__esModule",{value:!0});var i=o("@angular/core"),r=function(){function e(){}return e=n([i.Directive({selector:"[fs-autocomplete]"})],e)}();t.FsAutocompleteDirective=r},"./directives/fs-autocomplete/index.ts":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){for(var o in e)t.hasOwnProperty(o)||(t[o]=e[o])}(o("./directives/fs-autocomplete/fs-autocomplete.directive.ts"))},"./directives/index.ts":function(e,t,o){"use strict";function n(e){for(var o in e)t.hasOwnProperty(o)||(t[o]=e[o])}Object.defineProperty(t,"__esModule",{value:!0}),n(o("./directives/fs-autocomplete-chip/index.ts")),n(o("./directives/fs-autocomplete/index.ts"))},"./fs-autocomplete-chips.module.ts":function(e,t,o){"use strict";var n=this&&this.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};Object.defineProperty(t,"__esModule",{value:!0});var i=o("@angular/core"),r=o("@angular/common"),s=o("@angular/forms"),a=o("ng2-dragula"),c=o("@angular/material"),p=o("./components/index.ts"),l=o("./directives/index.ts"),u=function(){function e(){}return t=e,e.forRoot=function(){return{ngModule:t}},e=t=n([i.NgModule({imports:[r.CommonModule,s.FormsModule,a.DragulaModule,c.MatAutocompleteModule,c.MatChipsModule,c.MatInputModule,c.MatIconModule],exports:[p.FsAutocompleteChipsComponent,l.FsAutocompleteChipDirective,l.FsAutocompleteDirective],entryComponents:[],declarations:[p.FsAutocompleteChipsComponent,l.FsAutocompleteChipDirective,l.FsAutocompleteDirective],providers:[]})],e);var t}();t.FsAutocompleteChipsModule=u},"./index.ts":function(e,t,o){"use strict";function n(e){for(var o in e)t.hasOwnProperty(o)||(t[o]=e[o])}Object.defineProperty(t,"__esModule",{value:!0}),n(o("./fs-autocomplete-chips.module.ts")),n(o("./components/index.ts")),n(o("./directives/index.ts"))},"./value-accessors/fs-autocomplete-chips.value-accessor.ts":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o("./components/index.ts"),i=o("@angular/core"),r=o("@angular/forms");t.FS_AUTOCOMPLETE_CHIPS_ACCESSOR={provide:r.NG_VALUE_ACCESSOR,useExisting:i.forwardRef(function(){return n.FsAutocompleteChipsComponent}),multi:!0}},"./value-accessors/index.ts":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){for(var o in e)t.hasOwnProperty(o)||(t[o]=e[o])}(o("./value-accessors/fs-autocomplete-chips.value-accessor.ts"))},"@angular/cdk/keycodes":function(e,t){e.exports=require("@angular/cdk/keycodes")},"@angular/common":function(e,t){e.exports=require("@angular/common")},"@angular/core":function(e,t){e.exports=require("@angular/core")},"@angular/forms":function(e,t){e.exports=require("@angular/forms")},"@angular/material":function(e,t){e.exports=require("@angular/material")},"@firestitch/common/array":function(e,t){e.exports=require("@firestitch/common/array")},"ng2-dragula":function(e,t){e.exports=require("ng2-dragula")}})});

package.json

 {
   "name": "@firestitch/autocomplete-chips",
   "description": "@firestitch/autocomplete-chips",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "repository": {
@@ -6,0 +6,0 @@ "type": "git",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

131391

increased by4.99%

Number of package files

62

increased by14.81%

Lines of code

1132

increased by3.76%

No dependency changes