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/cdk/bidi","name":"BidiModule","line":23,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":24},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":23,"character":38},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":23,"character":53},{"__symbolic":"reference","module":"ng-zorro-antd/core/outlet","name":"NzOutletModule","line":23,"character":66},{"__symbolic":"reference","module":"ng-zorro-antd/core/no-animation","name":"NzNoAnimationModule","line":23,"character":82},{"__symbolic":"reference","module":"ng-zorro-antd/input","name":"NzInputModule","line":23,"character":103}]}]}],"members":{}},"AutocompleteDataSourceItem":{"__symbolic":"interface"},"AutocompleteDataSource":{"__symbolic":"interface"},"NzAutocompleteComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":44,"character":1},"arguments":[{"selector":"nz-autocomplete","exportAs":"nzAutocomplete","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":48,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":49,"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        [class.ant-select-dropdown-rtl]=\"dir === 'rtl'\"\n        [ngClass]=\"nzOverlayClassName\"\n        [ngStyle]=\"nzOverlayStyle\"\n        [nzNoAnimation]=\"noAnimation?.nzNoAnimation\"\n        [@slideMotion]=\"'enter'\"\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 && $any(option).label ? $any(option).label : $any(option)\"\n        >\n          {{ option && $any(option).label ? $any(option).label : $any(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":118,"character":3},"arguments":[{"__symbolic":"reference","name":"NzAutocompleteOptionComponent"},{"descendants":true}]}]}],"fromDataSourceOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":121,"character":3},"arguments":[{"__symbolic":"reference","name":"NzAutocompleteOptionComponent"}]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":124,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":124,"character":13},{"static":false}]}]}],"panel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":125,"character":3},"arguments":["panel",{"static":false}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":126,"character":3},"arguments":["content",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":155,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":156,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":156,"character":13}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":153,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":154,"character":20},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":155,"character":40},{"__symbolic":"reference","module":"ng-zorro-antd/core/no-animation","name":"NzNoAnimationDirective","line":156,"character":45}]}],"ngOnInit":[{"__symbolic":"method"}],"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"}],"optionsInit":[{"__symbolic":"method"}],"clearSelectedOptions":[{"__symbolic":"method"}],"subscribeOptionChanges":[{"__symbolic":"method"}]}},"NZ_AUTOCOMPLETE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":28,"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":41,"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":56,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":82,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":83,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":83,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":83,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":79,"character":24},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":80,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":81,"character":30},{"__symbolic":"reference","module":"ng-zorro-antd/input","name":"NzInputGroupWhitSuffixOrPrefixDirective","line":82,"character":65},{"__symbolic":"reference","module":"ng-zorro-antd/core/types","name":"NzSafeAny","line":83,"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"}],"subscribeOverlayOutsideClick":[{"__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"},"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":53,"character":3}}]}],"nzLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"nzDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":55,"character":12}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":56,"character":3}}]}],"mouseEntered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":65,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":63,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":64,"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":7,"character":1},"arguments":[{"selector":"nz-auto-optgroup","exportAs":"nzAutoOptgroup","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"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":21,"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"}