ng-zorro-antd/auto-complete/ng-zorro-antd-auto-complete.metadata.json

An enterprise-class UI components based on Ant Design and Angular

{"__symbolic":"module","version":4,"metadata":{"NzAutocompleteModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":22,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NzAutocompleteComponent"},{"__symbolic":"reference","name":"NzAutocompleteOptionComponent"},{"__symbolic":"reference","name":"NzAutocompleteTriggerDirective"},{"__symbolic":"reference","name":"NzAutocompleteOptgroupComponent"}],"exports":[{"__symbolic":"reference","name":"NzAutocompleteComponent"},{"__symbolic":"reference","name":"NzAutocompleteOptionComponent"},{"__symbolic":"reference","name":"NzAutocompleteTriggerDirective"},{"__symbolic":"reference","name":"NzAutocompleteOptgroupComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":12},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":25,"character":26},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":25,"character":41},{"__symbolic":"reference","module":"ng-zorro-antd/core/outlet","name":"NzOutletModule","line":25,"character":54},{"__symbolic":"reference","module":"ng-zorro-antd/core/no-animation","name":"NzNoAnimationModule","line":25,"character":70},{"__symbolic":"reference","module":"ng-zorro-antd/input","name":"NzInputModule","line":25,"character":91}]}]}],"members":{}},"AutocompleteDataSourceItem":{"__symbolic":"interface"},"AutocompleteDataSource":{"__symbolic":"interface"},"NzAutocompleteComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":45,"character":1},"arguments":[{"selector":"nz-autocomplete","exportAs":"nzAutocomplete","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":49,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":50,"character":17},"member":"None"},"template":"\n    <ng-template>\n      <div\n        #panel\n        class=\"ant-select-dropdown ant-select-dropdown-placement-bottomLeft\"\n        [class.ant-select-dropdown-hidden]=\"!showPanel\"\n        [ngClass]=\"nzOverlayClassName\"\n        [ngStyle]=\"nzOverlayStyle\"\n        [nzNoAnimation]=\"noAnimation?.nzNoAnimation\"\n        [@slideMotion]=\"dropDownPosition\"\n        [@.disabled]=\"noAnimation?.nzNoAnimation\"\n      >\n        <div style=\"max-height: 256px; overflow-y: auto; overflow-anchor: none;\">\n          <div style=\"display: flex; flex-direction: column;\">\n            <ng-template *ngTemplateOutlet=\"nzDataSource ? optionsTemplate : contentTemplate\"></ng-template>\n          </div>\n        </div>\n      </div>\n      <ng-template #contentTemplate>\n        <ng-content></ng-content>\n      </ng-template>\n      <ng-template #optionsTemplate>\n        <nz-auto-option\n          *ngFor=\"let option of nzDataSource\"\n          [nzValue]=\"option\"\n          [nzLabel]=\"option && option.label ? option.label : $any(option)\"\n        >\n          {{ option && option.label ? option.label : option }}\n        </nz-auto-option>\n      </ng-template>\n    </ng-template>\n  ","animations":[{"__symbolic":"reference","module":"ng-zorro-antd/core/animation","name":"slideMotion","line":83,"character":15}]}]}],"members":{"nzWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"nzOverlayClassName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"nzOverlayStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"nzDefaultActiveFirstOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":92,"character":12}}]}],"nzBackfill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":93,"character":12}}]}],"compareWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"nzDataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":96,"character":3}}]}],"fromContentOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":117,"character":3},"arguments":[{"__symbolic":"reference","name":"NzAutocompleteOptionComponent"},{"descendants":true}]}]}],"fromDataSourceOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":120,"character":3},"arguments":[{"__symbolic":"reference","name":"NzAutocompleteOptionComponent"}]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":123,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":123,"character":13},{"static":false}]}]}],"panel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":124,"character":3},"arguments":["panel",{"static":false}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":125,"character":3},"arguments":["content",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":154,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":154,"character":13}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":152,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":153,"character":20},{"__symbolic":"reference","module":"ng-zorro-antd/core/no-animation","name":"NzNoAnimationDirective","line":154,"character":45}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setVisibility":[{"__symbolic":"method"}],"setActiveItem":[{"__symbolic":"method"}],"setNextItemActive":[{"__symbolic":"method"}],"setPreviousItemActive":[{"__symbolic":"method"}],"getOptionIndex":[{"__symbolic":"method"}],"getOption":[{"__symbolic":"method"}],"updatePosition":[{"__symbolic":"method"}],"optionsInit":[{"__symbolic":"method"}],"clearSelectedOptions":[{"__symbolic":"method"}],"subscribeOptionChanges":[{"__symbolic":"method"}]}},"NZ_AUTOCOMPLETE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":44,"character":11},"useExisting":{"__symbolic":"reference","name":"NzAutocompleteTriggerDirective"},"multi":true},"getNzAutocompleteMissingPanelError":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Error"},"arguments":["Attempting to open an undefined instance of `nz-autocomplete`. Make sure that the id passed to the `nzAutocomplete` is correct and that you're attempting to open it after the ngAfterContentInit hook."]}},"NzAutocompleteTriggerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":57,"character":1},"arguments":[{"selector":"input[nzAutocomplete], textarea[nzAutocomplete]","exportAs":"nzAutocompleteTrigger","providers":[{"__symbolic":"reference","name":"NZ_AUTOCOMPLETE_VALUE_ACCESSOR"}],"host":{"autocomplete":"off","aria-autocomplete":"list","(focusin)":"handleFocus()","(blur)":"handleBlur()","(input)":"handleInput($event)","(keydown)":"handleKeydown($event)","$quoted$":["aria-autocomplete","(focusin)","(blur)","(input)","(keydown)"]}}]}],"members":{"nzAutocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":98,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":99,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":99,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":99,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":94,"character":24},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":95,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":96,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":97,"character":20},{"__symbolic":"reference","module":"ng-zorro-antd/input","name":"NzInputGroupWhitSuffixOrPrefixDirective","line":98,"character":65},{"__symbolic":"reference","module":"ng-zorro-antd/core/types","name":"NzSafeAny","line":99,"character":52}]}],"ngOnDestroy":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"openPanel":[{"__symbolic":"method"}],"closePanel":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method"}],"handleInput":[{"__symbolic":"method"}],"handleFocus":[{"__symbolic":"method"}],"handleBlur":[{"__symbolic":"method"}],"subscribeOptionsChange":[{"__symbolic":"method"}],"subscribeSelectionChange":[{"__symbolic":"method"}],"subscribeOverlayBackdropClick":[{"__symbolic":"method"}],"subscribeOverlayPositionChange":[{"__symbolic":"method"}],"attachOverlay":[{"__symbolic":"method"}],"updateStatus":[{"__symbolic":"method"}],"destroyPanel":[{"__symbolic":"method"}],"getOverlayConfig":[{"__symbolic":"method"}],"getConnectedElement":[{"__symbolic":"method"}],"getHostWidth":[{"__symbolic":"method"}],"getOverlayPosition":[{"__symbolic":"method"}],"resetActiveItem":[{"__symbolic":"method"}],"setValueAndClose":[{"__symbolic":"method"}],"setTriggerValue":[{"__symbolic":"method"}],"doBackfill":[{"__symbolic":"method"}],"canOpen":[{"__symbolic":"method"}]}},"NzOptionSelectionChange":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NzAutocompleteOptionComponent"},{"__symbolic":"reference","name":"boolean"}]}]}},"NzAutocompleteOptionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"nz-auto-option","exportAs":"nzAutoOption","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":32,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":33,"character":17},"member":"None"},"template":"\n    <div class=\"ant-select-item-option-content\">\n      <ng-content></ng-content>\n    </div>\n  ","host":{"role":"menuitem","class":"ant-select-item ant-select-item-option","[class.ant-select-item-option-grouped]":"nzAutocompleteOptgroupComponent","[class.ant-select-item-option-selected]":"selected","[class.ant-select-item-option-active]":"active","[class.ant-select-item-option-disabled]":"nzDisabled","[attr.aria-selected]":"selected.toString()","[attr.aria-disabled]":"nzDisabled.toString()","(click)":"selectViaInteraction()","(mouseenter)":"onMouseEnter()","(mousedown)":"$event.preventDefault()","$quoted$":["[class.ant-select-item-option-grouped]","[class.ant-select-item-option-selected]","[class.ant-select-item-option-active]","[class.ant-select-item-option-disabled]","[attr.aria-selected]","[attr.aria-disabled]","(click)","(mouseenter)","(mousedown)"]}}]}],"members":{"nzValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"nzLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"nzDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":58,"character":12}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"mouseEntered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":60,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":68,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":66,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":67,"character":21},{"__symbolic":"reference","name":"NzAutocompleteOptgroupComponent"}]}],"select":[{"__symbolic":"method"}],"onMouseEnter":[{"__symbolic":"method"}],"deselect":[{"__symbolic":"method"}],"getLabel":[{"__symbolic":"method"}],"setActiveStyles":[{"__symbolic":"method"}],"setInactiveStyles":[{"__symbolic":"method"}],"scrollIntoViewIfNeeded":[{"__symbolic":"method"}],"selectViaInteraction":[{"__symbolic":"method"}],"emitSelectionChangeEvent":[{"__symbolic":"method"}]}},"NzAutocompleteOptgroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"nz-auto-optgroup","exportAs":"nzAutoOptgroup","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":15,"character":17},"member":"None"},"template":"\n    <div class=\"ant-select-item ant-select-item-group\">\n      <ng-container *nzStringTemplateOutlet=\"nzLabel\">{{ nzLabel }}</ng-container>\n    </div>\n    <ng-content select=\"nz-auto-option\"></ng-content>\n  "}]}],"members":{"nzLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}}},"origins":{"NzAutocompleteModule":"./autocomplete.module","AutocompleteDataSourceItem":"./autocomplete.component","AutocompleteDataSource":"./autocomplete.component","NzAutocompleteComponent":"./autocomplete.component","NZ_AUTOCOMPLETE_VALUE_ACCESSOR":"./autocomplete-trigger.directive","getNzAutocompleteMissingPanelError":"./autocomplete-trigger.directive","NzAutocompleteTriggerDirective":"./autocomplete-trigger.directive","NzOptionSelectionChange":"./autocomplete-option.component","NzAutocompleteOptionComponent":"./autocomplete-option.component","NzAutocompleteOptgroupComponent":"./autocomplete-optgroup.component"},"importAs":"ng-zorro-antd/auto-complete"}