ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
1 lines • 9.61 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"NzMentionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":19,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":20,"character":26},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":20,"character":39},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":20,"character":54}],"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":66,"character":1},"arguments":[{"selector":"nz-mention","exportAs":"nzMention","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":71,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","name":"NzMentionService"}],"styles":["\n .ant-mention-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-content></ng-content>\n<ng-template #suggestions>\n <ul class=\"ant-mention-dropdown\">\n <li 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 <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\"\n *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"}]}],"members":{"nzValueWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"nzPrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"nzLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputBoolean","line":89,"character":12}}]}],"nzNotFoundContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"nzPlacement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"nzSuggestions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"nzOnSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"nzOnSearchChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":94,"character":3}}]}],"suggestionsTemp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":97,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":97,"character":13},{"static":false}]}]}],"suggestionChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":99,"character":3},"arguments":[{"__symbolic":"reference","name":"NzMentionSuggestionDirective"},{"static":false,"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":99,"character":69}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":126,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":126,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":126,"character":24}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":127,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":128,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":129,"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"}],"canOpen":[{"__symbolic":"method"}],"resetCursorMention":[{"__symbolic":"method"}],"updatePositions":[{"__symbolic":"method"}],"subscribeOverlayBackdropClick":[{"__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":23,"character":11},"useExisting":{"__symbolic":"reference","name":"NzMentionTriggerDirective"},"multi":true},"NzMentionTriggerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":28,"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":52,"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":10,"character":1},"arguments":[{"selector":"[nzMentionSuggestion]","exportAs":"nzMentionSuggestion"}]}],"members":{}},"NzMentionService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1}}],"members":{"triggerChanged":[{"__symbolic":"method"}],"registerTrigger":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"NzMentionModule":"./nz-mention.module","MentionOnSearchTypes":"./nz-mention.component","Mention":"./nz-mention.component","MentionPlacement":"./nz-mention.component","NzMentionComponent":"./nz-mention.component","NZ_MENTION_TRIGGER_ACCESSOR":"./nz-mention-trigger","NzMentionTriggerDirective":"./nz-mention-trigger","NzMentionSuggestionDirective":"./nz-mention-suggestions","NzMentionService":"./nz-mention.service"},"importAs":"ng-zorro-antd/mention"}