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":20,"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":33,"character":12},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":33,"character":26},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":33,"character":41},{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzAddOnModule","line":33,"character":54},{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzNoAnimationModule","line":33,"character":69}]}]}],"members":{}},"AutocompleteDataSourceItem":{"__symbolic":"interface"},"AutocompleteDataSource":{"__symbolic":"interface"},"NzAutocompleteComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":43,"character":1},"arguments":[{"selector":"nz-autocomplete","exportAs":"nzAutocomplete","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":47,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":48,"character":17},"member":"None"},"animations":[{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"slideMotion","line":50,"character":15}],"styles":["\n      .ant-select-dropdown {\n        top: 100%;\n        left: 0;\n        position: relative;\n        width: 100%;\n        margin-top: 4px;\n        margin-bottom: 4px;\n      }\n    "],"template":"<ng-template>\n  <div class=\"ant-select-dropdown ant-select-dropdown--single ant-select-dropdown-placement-bottomLeft\"\n    #panel\n    [@.disabled]=\"noAnimation?.nzNoAnimation\"\n    [nzNoAnimation]=\"noAnimation?.nzNoAnimation\"\n    [@slideMotion]=\"dropDownPosition\"\n    [class.ant-select-dropdown-hidden]=\"!showPanel\"\n    [ngClass]=\"nzOverlayClassName\"\n    [ngStyle]=\"nzOverlayStyle\">\n    <div style=\"overflow: auto;\">\n      <ul class=\"ant-select-dropdown-menu  ant-select-dropdown-menu-root ant-select-dropdown-menu-vertical\"\n        role=\"menu\"\n        aria-activedescendant>\n        <ng-template *ngTemplateOutlet=\"nzDataSource ? optionsTemplate : contentTemplate\"></ng-template>\n      </ul>\n    </div>\n  </div>\n  <ng-template #contentTemplate>\n    <ng-content></ng-content>\n  </ng-template>\n  <ng-template #optionsTemplate>\n    <nz-auto-option *ngFor=\"let option of nzDataSource\" [nzValue]=\"option\">{{option}}</nz-auto-option>\n  </ng-template>\n</ng-template>"}]}],"members":{"nzWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"nzOverlayClassName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"nzOverlayStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"nzDefaultActiveFirstOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputBoolean","line":68,"character":12}}]}],"nzBackfill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputBoolean","line":69,"character":12}}]}],"compareWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"nzDataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":72,"character":3}}]}],"fromContentOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":94,"character":3},"arguments":[{"__symbolic":"reference","name":"NzAutocompleteOptionComponent"},{"descendants":true}]}]}],"fromDataSourceOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":98,"character":3},"arguments":[{"__symbolic":"reference","name":"NzAutocompleteOptionComponent"}]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":101,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":101,"character":13},{"static":false}]}]}],"panel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":102,"character":3},"arguments":["panel",{"static":false}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":103,"character":3},"arguments":["content",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":122,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":122,"character":13}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":120,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":121,"character":20},{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzNoAnimationDirective","line":122,"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"}],"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":42,"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":55,"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":70,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__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","name":"any"}]}],"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":25,"character":1},"arguments":[{"selector":"nz-auto-option","exportAs":"nzAutoOption","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":29,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":30,"character":17},"member":"None"},"host":{"role":"menuitem","class":"ant-select-dropdown-menu-item","[class.ant-select-dropdown-menu-item-selected]":"selected","[class.ant-select-dropdown-menu-item-active]":"active","[class.ant-select-dropdown-menu-item-disabled]":"nzDisabled","[attr.aria-selected]":"selected.toString()","[attr.aria-disabled]":"nzDisabled.toString()","(click)":"selectViaInteraction()","(mousedown)":"$event.preventDefault()","$quoted$":["[class.ant-select-dropdown-menu-item-selected]","[class.ant-select-dropdown-menu-item-active]","[class.ant-select-dropdown-menu-item-disabled]","[attr.aria-selected]","[attr.aria-disabled]","(click)","(mousedown)"]},"template":"<ng-content></ng-content>"}]}],"members":{"nzValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"nzLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"nzDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputBoolean","line":48,"character":12}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":54,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":54,"character":77}]}],"select":[{"__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"},"host":{"role":"group","class":"ant-select-dropdown-menu-item-group"},"template":"<div class=\"ant-select-dropdown-menu-item-group-title\">\n  <ng-container *nzStringTemplateOutlet=\"nzLabel\">{{nzLabel}}</ng-container>\n</div>\n<ul class=\"ant-select-dropdown-menu-item-group-list\">\n  <ng-content select=\"nz-auto-option\"></ng-content>\n</ul>\n"}]}],"members":{"nzLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}}},"origins":{"NzAutocompleteModule":"./nz-autocomplete.module","AutocompleteDataSourceItem":"./nz-autocomplete.component","AutocompleteDataSource":"./nz-autocomplete.component","NzAutocompleteComponent":"./nz-autocomplete.component","NZ_AUTOCOMPLETE_VALUE_ACCESSOR":"./nz-autocomplete-trigger.directive","getNzAutocompleteMissingPanelError":"./nz-autocomplete-trigger.directive","NzAutocompleteTriggerDirective":"./nz-autocomplete-trigger.directive","NzOptionSelectionChange":"./nz-autocomplete-option.component","NzAutocompleteOptionComponent":"./nz-autocomplete-option.component","NzAutocompleteOptgroupComponent":"./nz-autocomplete-optgroup.component"},"importAs":"ng-zorro-antd/auto-complete"}