{"__symbolic":"module","version":4,"metadata":{"MultiAutoCompleteComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"d-multi-auto-complete","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":24,"character":13},"useExisting":{"__symbolic":"reference","name":"MultiAutoCompleteComponent"},"multi":true}],"template":"<div class=\"form-group multi-auto-complete\">\r\n  <label\r\n    for=\"multiple-label-auto-complete-{{ id }}\"\r\n    class=\"multiple-label-auto-complete multiple-label-auto-complete-{{ multipleLabelClassNameSuffix }}\"\r\n    [ngClass]=\"{ 'multiple-label-auto-complete-disabled': disabled }\"\r\n  >\r\n    <ul *ngIf=\"overview !== 'single'\">\r\n      <li *ngFor=\"let item of multiItems\">\r\n        <ng-template\r\n          [ngTemplateOutlet]=\"disabled || (overview === 'none' && !inputEdit) ? transparentTemplate : defaultTemplate\"\r\n          [ngTemplateOutletContext]=\"{\r\n            item: item,\r\n            formatter: formatter,\r\n            parent: multiItems\r\n          }\"\r\n        ></ng-template>\r\n      </li>\r\n      <li *ngIf=\"!disabled\">\r\n        <input\r\n          #multiAutoCompleteInput\r\n          id=\"multiple-label-auto-complete-{{ id }}\"\r\n          type=\"text\"\r\n          name=\"autoCompleteControl\"\r\n          class=\"auto-complete-control\"\r\n          [placeholder]=\"placeholderView\"\r\n          [tipsText]=\"tipsText\"\r\n          [latestSource]=\"latestSource\"\r\n          (selectValue)=\"onMultipleSearch($event)\"\r\n          (transInputFocusEmit)=\"getInputFocusFlag($event)\"\r\n          (keydown.backspace)=\"onBackspaceKeyUp($event, inputValue)\"\r\n          [formatter]=\"formatter\"\r\n          [valueParser]=\"valueParser\"\r\n          [itemTemplate]=\"itemTemplate\"\r\n          [noResultItemTemplate]=\"noResultItemTemplate\"\r\n          [cssClass]=\"cssClass\"\r\n          [overview]=\"overview\"\r\n          [disabled]=\"disabled\"\r\n          [(ngModel)]=\"inputValue\"\r\n          [delay]=\"delay\"\r\n          dAutoComplete\r\n          [searchFn]=\"searchFn\"\r\n        />\r\n      </li>\r\n    </ul>\r\n\r\n    <!--单选模板-->\r\n    <ul *ngIf=\"overview === 'single'\" title=\"{{ formatter(multiItems[0]) }}\" (click)=\"singleClick($event)\">\r\n      <li *ngFor=\"let item of multiItems\">\r\n        <ng-template\r\n          [ngTemplateOutlet]=\"transparentTemplate\"\r\n          [ngTemplateOutletContext]=\"{\r\n            item: item,\r\n            formatter: formatter,\r\n            parent: multiItems\r\n          }\"\r\n        ></ng-template>\r\n      </li>\r\n      <li *ngIf=\"!disabled && inputEdit\">\r\n        <input\r\n          #multiAutoCompleteInput\r\n          id=\"multiple-label-auto-complete-{{ id }}\"\r\n          type=\"text\"\r\n          name=\"autoCompleteControl\"\r\n          class=\"auto-complete-control\"\r\n          [placeholder]=\"placeholder\"\r\n          [tipsText]=\"tipsText\"\r\n          [latestSource]=\"latestSource\"\r\n          (selectValue)=\"onMultipleSearch($event)\"\r\n          (transInputFocusEmit)=\"getInputFocusFlag($event)\"\r\n          (keydown.backspace)=\"onBackspaceKeyUp($event, inputValue)\"\r\n          [formatter]=\"formatter\"\r\n          [valueParser]=\"valueParser\"\r\n          [itemTemplate]=\"itemTemplate\"\r\n          [noResultItemTemplate]=\"noResultItemTemplate\"\r\n          [cssClass]=\"cssClass\"\r\n          [overview]=\"overview\"\r\n          [disabled]=\"disabled\"\r\n          [(ngModel)]=\"inputValue\"\r\n          [delay]=\"delay\"\r\n          dAutoComplete\r\n          [searchFn]=\"searchFn\"\r\n        />\r\n      </li>\r\n    </ul>\r\n  </label>\r\n</div>\r\n\r\n<!--黄底模板-->\r\n<ng-template #defaultTemplate let-item=\"item\" let-formatter=\"formatter\">\r\n  <span class=\"label-item\">\r\n    <span class=\"label label-text\">{{ formatter(item) }}</span\r\n    ><span class=\"label label-close\" (click)=\"removeLabel(item)\">&times;</span></span\r\n  >\r\n</ng-template>\r\n\r\n<!--无底色模板-->\r\n<ng-template #transparentTemplate let-item=\"item\" let-formatter=\"formatter\" let-parent=\"parent\">\r\n  <span class=\"label label-text\">{{ formatter(item) }}{{ parent.length > 1 ? ';' : '' }}</span>\r\n</ng-template>\r\n","styles":[".form-group label{cursor:pointer;font-size:14px;margin-bottom:0;width:100%}.multiple-label-auto-complete{padding:0;font-weight:400}.multiple-label-auto-complete ul{display:block;list-style:none;background-color:#fff;border-radius:1px;padding:5px 5px 0}.multiple-label-auto-complete-border ul,.multiple-label-auto-complete-multiline ul,.multiple-label-auto-complete-single ul,.multiple-label-auto-complete-single-focus ul{border:1px solid #adb0b8}.multiple-label-auto-complete-border ul:active,.multiple-label-auto-complete-border ul:hover,.multiple-label-auto-complete-multiline ul:active,.multiple-label-auto-complete-multiline ul:hover,.multiple-label-auto-complete-single ul:active,.multiple-label-auto-complete-single ul:hover,.multiple-label-auto-complete-single-focus ul:active,.multiple-label-auto-complete-single-focus ul:hover{border-color:#344899}.multiple-label-auto-complete-single ul,.multiple-label-auto-complete-single-focus ul{overflow:hidden}.multiple-label-auto-complete-multiline ul{height:60px;overflow:auto}.multiple-label-auto-complete-none ul{border:1px solid transparent}.multiple-label-auto-complete-none ul:active,.multiple-label-auto-complete-none ul:hover{border-color:transparent}.multiple-label-auto-complete-disabled ul{cursor:default}.multiple-label-auto-complete-disabled ul:active,.multiple-label-auto-complete-disabled ul:hover{border-color:#adb0b8}.multiple-label-auto-complete ul::-ms-expand{border:0;background-color:transparent}::-ms-clear,::-ms-reveal{display:none}.multiple-label-auto-complete ul li{display:inline-block;position:relative;margin-right:5px;margin-bottom:5px}.multiple-label-auto-complete-none ul li{margin-right:0}.multiple-label-auto-complete-multiline ul li,.multiple-label-auto-complete-single ul li,.multiple-label-auto-complete-single-focus ul li{position:static}.multiple-label-auto-complete-single ul li,.multiple-label-auto-complete-single-focus ul li{float:left;width:100%}.multiple-label-auto-complete-single-focus ul li:first-child{max-width:calc(100% - 5px);margin-right:0;width:auto}.multiple-label-auto-complete-single-focus ul li:last-child{width:5px;margin-right:0;margin-left:0}.multiple-label-auto-complete ul li .label-close,.multiple-label-auto-complete ul li .label-text{border-radius:0;font-size:14px;padding:1px 2px;color:#252b3a;font-weight:400;background-color:#eef0f5}.multiple-label-auto-complete ul li .label-close{cursor:pointer}.multiple-label-auto-complete-disabled ul li .label-text,.multiple-label-auto-complete-none ul li .label-text,.multiple-label-auto-complete-single ul li .label-text,.multiple-label-auto-complete-single-focus ul li .label-text{background-color:transparent}.multiple-label-auto-complete-single ul li .label-text{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:20px;line-height:20px}.multiple-label-auto-complete-single-focus ul li .label-text{width:100%;direction:rtl;text-align:left;display:block;height:20px;line-height:20px}.multiple-label-auto-complete .auto-complete-control{height:20px;border:none;outline:0;background:#fff;color:#252b3a;position:relative}.multiple-label-auto-complete .auto-complete-control:focus,.multiple-label-auto-complete .auto-complete-control:hover{border:none;outline:0}.multiple-label-auto-complete-none .auto-complete-control{width:0}:host label{color:inherit}:host ::ng-deep .multiple-label-auto-complete-border ul li .dropdown-menu{margin-top:6px}:host ::ng-deep .multiple-label-auto-complete-multiline ul li .dropdown-menu{margin-top:0;width:170px}:host-context(d-data-table) .multiple-label-auto-complete-single ul,:host-context(d-data-table) .multiple-label-auto-complete-single ul li .auto-complete-control{border-color:transparent;background-color:transparent}:host-context(d-data-table) .multiple-label-auto-complete-single ul{padding-left:0}"]}]}],"members":{"cssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"overview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"tipsText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"source":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"latestSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"term":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"noResultItemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"dropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"minLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"delay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"searchFn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"formatter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"valueParser":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"autoSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"multiAutoCompleteInputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":53,"character":3},"arguments":["multiAutoCompleteInput",{"static":false}]}]}],"autoCompleteDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":3},"arguments":[{"__symbolic":"reference","module":"ng-devui/auto-complete","name":"AutoCompleteDirective","line":54,"character":13},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":95,"character":31}]}],"writeValue":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"singleClick":[{"__symbolic":"method"}],"onMultipleSearch":[{"__symbolic":"method"}],"removeLabel":[{"__symbolic":"method"}],"getInputFocusFlag":[{"__symbolic":"method"}],"onBackspaceKeyUp":[{"__symbolic":"method"}],"setSinglePlaceholder":[{"__symbolic":"method"}]},"statics":{"ID_SEED":0}},"MultiAutoCompleteModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"ng-devui/auto-complete","name":"AutoCompleteModule","line":8,"character":26},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":46}],"exports":[{"__symbolic":"reference","name":"MultiAutoCompleteComponent"}],"declarations":[{"__symbolic":"reference","name":"MultiAutoCompleteComponent"}],"providers":[],"entryComponents":[]}]}],"members":{}}},"origins":{"MultiAutoCompleteComponent":"./multi-auto-complete.component","MultiAutoCompleteModule":"./multi-auto-complete.module"},"importAs":"ng-devui/multi-auto-complete"}