{"__symbolic":"module","version":4,"metadata":{"ChipsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":8},{"__symbolic":"reference","module":"@wm/components/basic/search","name":"SearchModule","line":15,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":16,"character":8}],"declarations":[{"__symbolic":"reference","name":"ChipsComponent"}],"exports":[{"__symbolic":"reference","name":"ChipsComponent"}],"entryComponents":[]}]}],"members":{}},"ChipsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/input","name":"DatasetAwareFormComponent","line":25,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"[wmChips]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":21,"character":8},"arguments":[{"__symbolic":"reference","name":"ChipsComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":21,"character":34},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":22,"character":8},"arguments":[{"__symbolic":"reference","name":"ChipsComponent"}]}],"template":"<li class=\"chip-item {{chipclass && !bindChipclass ? chipclass : ''}}\" role=\"option\" *ngFor=\"let item of chipsList; let $index = index;\"\n    [ngClass]=\"{'active': item.active, 'disabled': disabled}\">\n    <a class=\"app-chip\" href=\"javascript:void(0);\" tabindex=\"-1\"\n       (click)=\"handleChipClick($event, item)\"\n       (keydown.delete)=\"onDelete($event, item, $index)\"\n       (keydown.backspace)=\"onBackspace($event, item, $index)\"\n       (keydown.arrowleft)=\"onArrowLeft(item, $index)\"\n       (keydown.arrowright)=\"onArrowRight(item, $index)\"\n       (focus)=\"handleChipFocus($event, item)\"\n       (blur)=\"readonly ? 0 : item.active = false\"\n       [ngClass]=\"{'chip-duplicate bg-danger': item.isDuplicate, 'chip-picture': item.imgSrc}\">\n        <img data-identifier=\"img\" alt=\"Chip Image\" class=\"button-image-icon\" [src]=\"item.imgSrc\" *ngIf=\"item.imgSrc\"/>\n        <span class=\"app-chip-title\" [textContent]=\"item.label\" [title]=\"item.label\"></span>\n        <button type=\"button\" tabindex=\"-1\" arial-label=\"Clear Button\" class=\"btn btn-transparent\" (click)=\"removeItem($event, item, $index);\" *ngIf=\"!readonly\">\n            <i class=\"app-icon wi wi-close\"></i>\n        </button>\n    </a>\n</li>\n<li class=\"app-chip-search\" [ngClass]=\"{'full-width': inputwidth === 'full'}\">\n    <div #search wmSearch class=\"app-chip-input\"\n         name=\"app-chip-search\"\n         submit.event=\"addItem($event, widget)\"\n         beforeservicecall.event=\"invokeOnBeforeServiceCall(inputData)\"\n         disabled.bind=\"disabled || readonly || saturate\"\n         datafield.bind=\"datafield\"\n         allowonlyselect.bind=\"allowonlyselect\"\n         searchkey.bind=\"searchkey\"\n         orderby.bind=\"orderby\"\n         placeholder.bind=\"saturate ? maxSizeReached : placeholder\"\n         showsearchicon.bind=\"showsearchicon\"\n         tabindex.bind=\"tabindex\"\n         minchars.bind=\"minchars\"\n         debouncetime.bind=\"debouncetime\"\n         matchmode.bind=\"matchmode\"\n         groupby.bind=\"groupby\"\n         match.bind=\"match\"\n         dateformat.bind=\"dateformat\"\n         (keydown.enter)=\"stopEvent($event)\"\n         (keydown.delete)=\"onTextDelete($event)\"\n         (keydown.backspace)=\"onInputClear($event)\"\n         (keydown.arrowleft)=\"onArrowLeft()\"\n         (keydown.arrowright)=\"onArrowRight()\">\n    </div>\n</li>\n"}]}],"members":{"searchComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":5},"arguments":[{"__symbolic":"reference","module":"@wm/components/basic/search","name":"SearchComponent","line":41,"character":15},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":64,"character":9},"arguments":["displayfield.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":65,"character":9},"arguments":["displayexpression.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":66,"character":9},"arguments":["displayimagesrc.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":67,"character":9},"arguments":["datafield.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":68,"character":9},"arguments":["dataset.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":69,"character":9},"arguments":["chipclass.bind"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":63,"character":13},null,null,null,null,null,null]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"registerChipItemClass":[{"__symbolic":"method"}],"applyItemClass":[{"__symbolic":"method"}],"removeDuplicates":[{"__symbolic":"method"}],"updateQueryModel":[{"__symbolic":"method"}],"resetSearchModel":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"createCustomDataModel":[{"__symbolic":"method"}],"isDuplicate":[{"__symbolic":"method"}],"updateMaxSize":[{"__symbolic":"method"}],"getDefaultModel":[{"__symbolic":"method"}],"handleChipClick":[{"__symbolic":"method"}],"handleChipFocus":[{"__symbolic":"method"}],"stopEvent":[{"__symbolic":"method"}],"onTextDelete":[{"__symbolic":"method"}],"onInputClear":[{"__symbolic":"method"}],"onBackspace":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}],"onArrowLeft":[{"__symbolic":"method"}],"onArrowRight":[{"__symbolic":"method"}],"focusSearchBox":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"swapElementsInArray":[{"__symbolic":"method"}],"resetReorder":[{"__symbolic":"method"}],"invokeOnBeforeServiceCall":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"configureDnD":[{"__symbolic":"method"}],"onReorderStart":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":47,"character":29,"module":"./chips.props"}},"origins":{"ChipsModule":"./chips.module","ChipsComponent":"./chips.component","ɵa":"./chips.props"},"importAs":"@wm/components/input/chips"}