ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
1 lines • 10 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"NzMentionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"BidiModule","line":18,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":24},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":18,"character":38},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":18,"character":51},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":18,"character":66}],"declarations":[{"__symbolic":"reference","name":"NzMentionComponent"},{"__symbolic":"reference","name":"NzMentionTriggerDirective"},{"__symbolic":"reference","name":"NzMentionSuggestionDirective"}],"exports":[{"__symbolic":"reference","name":"NzMentionComponent"},{"__symbolic":"reference","name":"NzMentionTriggerDirective"},{"__symbolic":"reference","name":"NzMentionSuggestionDirective"}]}]}],"members":{}},"MentionOnSearchTypes":{"__symbolic":"interface"},"Mention":{"__symbolic":"interface"},"MentionPlacement":{"__symbolic":"interface"},"NzMentionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":60,"character":1},"arguments":[{"selector":"nz-mention","exportAs":"nzMention","template":"\n <ng-content></ng-content>\n <ng-template #suggestions>\n <ul class=\"ant-mention-dropdown\">\n <li\n #items\n class=\"ant-mention-dropdown-item\"\n *ngFor=\"let suggestion of filteredSuggestions; let i = index\"\n [class.focus]=\"i === activeIndex\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"selectSuggestion(suggestion)\"\n >\n <ng-container *ngIf=\"suggestionTemplate; else defaultSuggestion\">\n <ng-container *ngTemplateOutlet=\"suggestionTemplate; context: { $implicit: suggestion }\"></ng-container>\n </ng-container>\n <ng-template #defaultSuggestion>{{ nzValueWith(suggestion) }}</ng-template>\n </li>\n <li class=\"ant-mention-dropdown-notfound ant-mention-dropdown-item\" *ngIf=\"filteredSuggestions.length === 0\">\n <span *ngIf=\"nzLoading\"><i nz-icon nzType=\"loading\"></i></span>\n <span *ngIf=\"!nzLoading\">{{ nzNotFoundContent }}</span>\n </li>\n </ul>\n </ng-template>\n ","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":88,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","name":"NzMentionService"}]}]}],"members":{"nzValueWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"nzPrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"nzLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":96,"character":12}}]}],"nzNotFoundContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3}}]}],"nzPlacement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"nzSuggestions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"nzOnSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":100,"character":3}}]}],"nzOnSearchChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":101,"character":3}}]}],"suggestionsTemp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":104,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":104,"character":13},{"static":false}]}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":105,"character":3},"arguments":["items",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":105,"character":33}}]}]}],"suggestionChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":108,"character":3},"arguments":[{"__symbolic":"reference","name":"NzMentionSuggestionDirective"},{"static":false,"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":108,"character":69}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":142,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":142,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":142,"character":24}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/core/types","name":"NzSafeAny","line":142,"character":54},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":143,"character":17},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":144,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":145,"character":30},{"__symbolic":"reference","name":"NzMentionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"closeDropdown":[{"__symbolic":"method"}],"openDropdown":[{"__symbolic":"method"}],"getMentions":[{"__symbolic":"method"}],"selectSuggestion":[{"__symbolic":"method"}],"handleInput":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method"}],"handleClick":[{"__symbolic":"method"}],"bindTriggerEvents":[{"__symbolic":"method"}],"suggestionsFilter":[{"__symbolic":"method"}],"resetDropdown":[{"__symbolic":"method"}],"setNextItemActive":[{"__symbolic":"method"}],"setPreviousItemActive":[{"__symbolic":"method"}],"scrollToFocusItem":[{"__symbolic":"method"}],"canOpen":[{"__symbolic":"method"}],"resetCursorMention":[{"__symbolic":"method"}],"updatePositions":[{"__symbolic":"method"}],"subscribeOverlayOutsideClick":[{"__symbolic":"method"}],"attachOverlay":[{"__symbolic":"method"}],"getOverlayConfig":[{"__symbolic":"method"}],"getOverlayPosition":[{"__symbolic":"method"}]}},"NZ_MENTION_TRIGGER_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":13,"character":11},"useExisting":{"__symbolic":"reference","name":"NzMentionTriggerDirective"},"multi":true},"NzMentionTriggerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":18,"character":1},"arguments":[{"selector":"input[nzMentionTrigger], textarea[nzMentionTrigger]","exportAs":"nzMentionTrigger","providers":[{"__symbolic":"reference","name":"NZ_MENTION_TRIGGER_ACCESSOR"}],"host":{"autocomplete":"off","(focusin)":"onFocusin.emit()","(blur)":"onBlur.emit()","(input)":"onInput.emit($event)","(keydown)":"onKeydown.emit($event)","(click)":"onClick.emit($event)","$quoted$":["(focusin)","(blur)","(input)","(keydown)","(click)"]}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":42,"character":25},{"__symbolic":"reference","name":"NzMentionService"}]}],"completeEvents":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"insertMention":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"NzMentionSuggestionDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[nzMentionSuggestion]","exportAs":"nzMentionSuggestion"}]}],"members":{}},"NzMentionService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"triggerChanged":[{"__symbolic":"method"}],"registerTrigger":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"NzMentionModule":"./mention.module","MentionOnSearchTypes":"./mention.component","Mention":"./mention.component","MentionPlacement":"./mention.component","NzMentionComponent":"./mention.component","NZ_MENTION_TRIGGER_ACCESSOR":"./mention-trigger","NzMentionTriggerDirective":"./mention-trigger","NzMentionSuggestionDirective":"./mention-suggestions","NzMentionService":"./mention.service"},"importAs":"ng-zorro-antd/mention"}