1import{d as Wt,e as Gt,f as jt}from"./chunk-RXPEVKEY.js";import{a as Zt,b as Qt,c as qt,d as Xt,e as Ut}from"./chunk-25KSR4I2.js";import"./chunk-UH5RKBHZ.js";import"./chunk-IQXDLY7E.js";import{b as Vt,c as Lt}from"./chunk-VDNNJ3J7.js";import"./chunk-JMYMBND4.js";import"./chunk-4PH4GHWA.js";import{a as ht,c as St}from"./chunk-SP3UZPMN.js";import{a as Ee,f as v,k as y}from"./chunk-AV6FGOOM.js";import{a as Rt,b as Pt,c as Ht}from"./chunk-AI2HZ3GM.js";import{a as Nt,b as bt,d as wt}from"./chunk-WI2WI3WN.js";import{a as Dt}from"./chunk-MJV6CJPB.js";import"./chunk-TZ6B2ZEH.js";import{a as L,g as Me,h as ve,j as ye}from"./chunk-MIF4MP26.js";import"./chunk-MF2V2VKV.js";import"./chunk-U42X5M5H.js";import{Ba as Q,Cc as kt,Da as ft,Ea as xt,Ec as b,Fc as Ot,Gc as X,Hc as U,Kc as Ce,Rb as q,S as ct,Ta as Et,Vb as vt,Wb as yt,aa as gt,dc as xe,gc as It,ha as zt,ia as Se,ib as Ct,jb as Ae,jc as C,lc as _t,mb as Mt,n as ut,nc as M,oc as Ft,rc as D,sc as Tt,vc as At,wc as Bt}from"./chunk-ZNDNIMMX.js";import{$ as We,Aa as G,Ab as Ke,Ac as mt,Ba as j,Bc as H,C as He,Cc as k,Dc as O,Ic as e,Jb as g,Ka as V,Kb as Je,Kc as rt,La as be,Lb as Ie,Lc as he,Ld as pt,Nc as S,Oc as x,P as Ve,Pa as se,Pb as $e,Pc as E,Qb as B,Tc as Fe,Uc as Z,Vc as at,Xb as d,Zb as _e,_ as Le,a as ke,aa as ce,cd as lt,ea as Ge,ec as de,f as Oe,ga as je,gc as Ye,ha as Ze,hc as et,ia as Qe,ic as tt,id as Te,jc as n,kc as t,lc as p,mc as ge,md as st,na as W,nb as Xe,nc as ze,o as Re,oc as nt,pc as fe,s as Pe,sc as z,tb as s,ub as w,uc as T,vc as it,wb as we,wc as ot,xa as qe,xd as dt,ya as u,za as c,zb as Ue}from"./chunk-X4UZFQOI.js";import"./chunk-EQDQRRRY.js";var en=["items"],tn=["*"],nn=m=>({$implicit:m});function on(m,a){m&1&&nt(0)}function mn(m,a){if(m&1&&B(0,on,1,0,"ng-container",8),m&2){let i=T().$implicit,o=T(2);d("ngTemplateOutlet",o.suggestionTemplate)("ngTemplateOutletContext",at(2,nn,i))}}function rn(m,a){if(m&1&&e(0),m&2){let i=T().$implicit,o=T(2);rt(" ",o.nzValueWith(i)," ")}}function an(m,a){if(m&1){let i=fe();n(0,"li",7,1),z("click",function(){let l=G(i).$implicit,r=T(2);return j(r.selectSuggestion(l))}),B(2,mn,1,4,"ng-container")(3,rn,1,1),t()}if(m&2){let i=a.$index,o=T(2);_e("ant-mentions-dropdown-menu-item-active",i===o.activeIndex)("ant-mentions-dropdown-menu-item-selected",i===o.activeIndex),s(2),de(o.suggestionTemplate?2:3)}}function ln(m,a){m&1&&(n(0,"span"),p(1,"nz-icon",9),t())}function sn(m,a){if(m&1&&(n(0,"span"),p(1,"nz-embed-empty",10),t()),m&2){let i=T(3);s(),d("specificContent",i.nzNotFoundContent)}}function dn(m,a){if(m&1&&(n(0,"li",6),B(1,ln,2,0,"span")(2,sn,2,1,"span"),t()),m&2){let i=T(2);s(),de(i.nzLoading?1:2)}}function pn(m,a){if(m&1&&(n(0,"div",3)(1,"ul",4),et(2,an,4,5,"li",5,Ye),B(4,dn,3,1,"li",6),t()()),m&2){let i=T();s(2),tt(i.filteredSuggestions),s(2),de(i.filteredSuggestions.length===0?4:-1)}}function un(m,a){if(m&1&&p(0,"nz-form-item-feedback-icon",2),m&2){let i=T();d("status",i.status)}}var pe=(()=>{class m{static \u0275fac=function(o){return new(o||m)};static \u0275dir=Ie({type:m,selectors:[["","nzMentionSuggestion",""]],exportAs:["nzMentionSuggestion"]})}return m})(),K={split:" "},Be=(()=>{class m{trigger;triggerChange$=new Oe;triggerChanged(){return this.triggerChange$.asObservable()}registerTrigger(i){this.trigger!==i&&(this.trigger=i,this.triggerChange$.next(i))}ngOnDestroy(){this.triggerChange$.complete()}static \u0275fac=function(o){return new(o||m)};static \u0275prov=Ze({token:m,factory:m.\u0275fac})}return m})(),cn={provide:It,useExisting:je(()=>f),multi:!0},f=(()=>{class m{el;ngZone;ref;destroy$;nzMentionService;onChange=()=>{};onTouched=()=>{};onFocusin=new V;onBlur=new V;onInput=new V;onKeydown=new V;onClick=new V;value;constructor(i,o,l,r,I){this.el=i,this.ngZone=o,this.ref=l,this.destroy$=r,this.nzMentionService=I}completeEvents(){this.onFocusin.complete(),this.onBlur.complete(),this.onInput.complete(),this.onKeydown.complete(),this.onClick.complete()}focus(i=null){this.el.nativeElement.focus(),this.el.nativeElement.setSelectionRange(i,i)}insertMention(i){let o=this.el.nativeElement.value,l=`${i.mention}${K.split}`,r=[o.slice(0,i.startPos+1),l,o.slice(i.endPos,o.length)].join("");this.el.nativeElement.value=r,this.focus(i.startPos+l.length+1),this.onChange(r),this.value=r}writeValue(i){this.value=i,typeof i=="string"?this.el.nativeElement.value=i:this.el.nativeElement.value=""}registerOnChange(i){this.onChange=i}registerOnTouched(i){this.onTouched=i}ngAfterViewInit(){this.nzMentionService.registerTrigger(this),this.setupEventListener("blur",this.onBlur),this.setupEventListener("focusin",this.onFocusin),this.setupEventListener("input",this.onInput),this.setupEventListener("click",this.onClick),this.setupEventListener("keydown",this.onKeydown)}ngOnDestroy(){this.completeEvents()}setupEventListener(i,o){Se(this.el.nativeElement,i).pipe(ce(this.destroy$)).subscribe(l=>{o.observers.length&&this.ngZone.run(()=>
1{o.emit(l),this.ref.markForCheck()})})}static \u0275fac=function(o){return new(o||m)(w(se),w(be),w(Te),w(q),w(Be))};static \u0275dir=Ie({type:m,selectors:[["input","nzMentionTrigger",""],["textarea","nzMentionTrigger",""]],hostAttrs:["autocomplete","off"],outputs:{onFocusin:"onFocusin",onBlur:"onBlur",onInput:"onInput",onKeydown:"onKeydown",onClick:"onClick"},exportAs:["nzMentionTrigger"],features:[Fe([q,cn])]})}return m})(),h=(()=>{class m{ngZone;directionality;cdr;overlay;viewContainerRef;elementRef;renderer;nzMentionService;destroy$;nzValueWith=i=>i;nzPrefix="@";nzLoading=!1;nzNotFoundContent="\u65E0\u5339\u914D\u7ED3\u679C\uFF0C\u8F7B\u6572\u7A7A\u683C\u5B8C\u6210\u8F93\u5165";nzPlacement="bottom";nzSuggestions=[];nzStatus="";nzOnSelect=new V;nzOnSearchChange=new V;trigger;suggestionsTemp;items;set suggestionChild(i){i&&(this.suggestionTemplate=i)}isOpen=!1;filteredSuggestions=[];suggestionTemplate=null;activeIndex=-1;dir="ltr";prefixCls="ant-mentions";statusCls={};status="";hasFeedback=!1;previousValue=null;cursorMention=null;cursorMentionStart;cursorMentionEnd;overlayRef=null;portal;positionStrategy;overlayOutsideClickSubscription;document=W(dt);get triggerNativeElement(){return this.trigger.el.nativeElement}get focusItemElement(){let i=this.items?.toArray();return i&&i[this.activeIndex]?i[this.activeIndex].nativeElement:null}nzFormStatusService=W(Rt,{optional:!0});nzFormNoStatusService=W(Pt,{optional:!0});constructor(i,o,l,r,I,ue,le,$t,Yt){this.ngZone=i,this.directionality=o,this.cdr=l,this.overlay=r,this.viewContainerRef=I,this.elementRef=ue,this.renderer=le,this.nzMentionService=$t,this.destroy$=Yt}ngOnInit(){this.nzFormStatusService?.formStatusChanges.pipe(Ve((i,o)=>i.status===o.status&&i.hasFeedback===o.hasFeedback),Ge(this.nzFormNoStatusService?this.nzFormNoStatusService.noFormStatus:Re(!1)),Pe(([{status:i,hasFeedback:o},l])=>({status:l?"":i,hasFeedback:o})),ce(this.destroy$)).subscribe(({status:i,hasFeedback:o})=>{this.setStatusStyles(i,o)}),this.nzMentionService.triggerChanged().subscribe(i=>{this.trigger=i,this.bindTriggerEvents(),this.closeDropdown(),this.overlayRef=null}),this.dir=this.directionality.value,this.directionality.change?.pipe(ce(this.destroy$)).subscribe(i=>{this.dir=i})}ngOnChanges(i){let{nzSuggestions:o,nzStatus:l}=i;o&&this.isOpen&&(this.previousValue=null,this.activeIndex=-1,this.resetDropdown(!1)),l&&this.setStatusStyles(this.nzStatus,this.hasFeedback)}ngAfterViewInit(){this.items.changes.pipe(Le(this.items),We(()=>{let i=this.items.toArray();return He(...i.map(o=>Se(o.nativeElement,"mousedown")))})).subscribe(i=>{i.preventDefault()})}ngOnDestroy(){this.closeDropdown()}closeDropdown(){this.overlayRef&&this.overlayRef.hasAttached()&&(this.overlayRef.detach(),this.overlayOutsideClickSubscription.unsubscribe(),this.isOpen=!1,this.cdr.markForCheck())}openDropdown(){this.attachOverlay(),this.isOpen=!0,this.cdr.markForCheck()}getMentions(){return this.trigger?ct(this.trigger.value,this.nzPrefix):[]}selectSuggestion(i){let o=this.nzValueWith(i);this.trigger.insertMention({mention:o,startPos:this.cursorMentionStart,endPos:this.cursorMentionEnd}),this.nzOnSelect.emit(i),this.closeDropdown(),this.activeIndex=-1}handleInput(i){let o=i.target;this.trigger.onChange(o.value),this.trigger.value=o.value,this.resetDropdown()}handleKeydown(i){let o=i.keyCode;if(this.isOpen&&o===13&&this.activeIndex!==-1&&this.filteredSuggestions.length)this.selectSuggestion(this.filteredSuggestions[this.activeIndex]),i.preventDefault();else if(o===37||o===39)this.resetDropdown(),i.stopPropagation();else{if(this.isOpen&&(o===9||o===27)){this.closeDropdown();return}this.isOpen&&o===38&&(this.setPreviousItemActive(),i.preventDefault(),i.stopPropagation()),this.isOpen&&o===40&&(this.setNextItemActive(),i.preventDefault(),i.stopPropagation())}}handleClick(){this.resetDropdown()}bindTriggerEvents(){this.trigger.onInput.subscribe(i=>this.handleInput(i)),this.trigger.onKeydown.subscribe(i=>this.handleKeydown(i)),this.trigger.onClick.subscribe(()=>this.handleClick())}suggestionsFilter(i,o){let l=i.substring(1);if(this.previousValue===i&&i!==this.cursorMention[0])return;this.previousValue=i,o&&this.nzOnSearchChange.emit({value:this.cursorMention.substring(1),prefix:this.cursorMention[0]});let r=l.toLowerCase();this.filteredSuggestions=this.nzSuggestions.filter(I=>this.nzValueWith(I).toLowerCase().includes(r))}resetDropdown(i=!0){if(this.resetCursorMention(),typeof this.cursorMention!="string"||!this.canOpen()){this.closeDropdown();return}this.suggestionsFilter(this.cursorMention,i);let o=this.filteredSuggestions.indexOf(this.cursorMention.substring(1));this.activeIndex=o>=0?o:0,this.openDropdown()}setNextItemActive(){this.activeIndex=this.activeIndex+1<=this.filteredSuggestions.length-1?this.activeIndex+1:0,this.cdr.markForCheck(),this.scrollToFocusItem()}setPreviousItemActive(){this.activeIndex=this.activeIndex-1<0?this.filteredSuggestions.length-1:this.activeIndex-1,this.cdr.markForCheck(),this.scrollToFocusItem()}scrollToFocusItem(){this.focusItemElement&&this.focusItemElement.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})}canOpen(){let i=this.triggerNativeElement;return!i.readOnly&&!i.disabled}resetCursorMention(){let i=this.triggerNativeElement.value.replace(/[\r\n]/g,K.split)||"",o=this.triggerNativeElement.selectionStart,l=typeof this.nzPrefix=="string"?[this.nzPrefix]:this.nzPrefix,r=l.length;for(;r>=0;){let I=i.lastIndexOf(l[r],o),ue=i.indexOf(K.split,o)>-1?i.indexOf(K.split,o):i.length,le=i.substring(I,ue);if(I>0&&i[I-1]!==K.split||I<0||le.includes(l[r],1)||le.includes(K.split))this.cursorMention=null,this.cursorMentionStart=-1,this.cursorMentionEnd=-1;else{this.cursorMention=le,this.cursorMentionStart=I,this.cursorMentionEnd=ue;return}r--}}updatePositions(){let i=gt(this.triggerNativeElement,this.cursorMentionStart),o=i.top-this.triggerNativeElement.getBoundingClientRect().height-this.triggerNativeElement.scrollTop+(this.nzPlacement==="bottom"?i.height-6:-6),l=i.left-this.triggerNativeElement.scrollLeft;this.positionStrategy.withDefaultOffsetX(l).withDefaultOffsetY(o),this.nzPlacement==="bottom"&&this.positionStrategy.withPositions([...yt]),this.nzPlacement==="top"&&this.positionStrategy.withPositions([...vt]),this.positionStrategy.apply()}subscribeOverlayOutsideClick(){let i=l=>{let r=l.target;return this.isOpen&&r!==this.trigger.el.nativeElement&&!this.overlayRef?.overlayElement.contains(r)},o=new ke;return o.add(this.overlayRef.outsidePointerEvents().subscribe(l=>i(l)&&this.closeDropdown())),o.add(Se(this.document,"touchend").subscribe(l=>i(l)&&this.ngZone.run(()=>this.closeDropdown()))),o}attachOverlay(){this.overlayRef||(this.portal=new Et(this.suggestionsTemp,this.viewContainerRef),this.overlayRef=this.overlay.create(this.getOverlayConfig())),this.overlayRef&&!this.overlayRef.hasAttached()&&(this.overlayRef.attach(this.portal),this.overlayOutsideClickSubscription=this.subscribeOverlayOutsideClick()),this.updatePositions()}getOverlayConfig(){return new Ct({positionStrategy:this.getOverlayPosition(),scrollStrategy:this.overlay.scrollStrategies.reposition(),disposeOnNavigation:!0})}getOverlayPosition(){let i=[new Ae({originX:"start",originY:"bottom"},{overlayX:"start",overlayY:"top"}),new Ae({originX:"start",originY:"top"},{overlayX:"start",overlayY:"bottom"})];return this.positionStrategy=this.overlay.position().flexibleConnectedTo(this.trigger.el).withPositions(i).withFlexibleDimensions(!1).withPush(!1),this.positionStrategy}setStatusStyles(i,o){this.status=i,this.hasFeedback=o,this.cdr.markForCheck(),this.statusCl
1s=zt(this.prefixCls,i,o),Object.keys(this.statusCls).forEach(l=>{this.statusCls[l]?this.renderer.addClass(this.elementRef.nativeElement,l):this.renderer.removeClass(this.elementRef.nativeElement,l)})}static \u0275fac=function(o){return new(o||m)(w(be),w(xt),w(Te),w(Mt),w(Ke),w(se),w(Ue),w(Be),w(q))};static \u0275cmp=g({type:m,selectors:[["nz-mention"]],contentQueries:function(o,l,r){if(o&1&&mt(r,pe,5,we),o&2){let I;k(I=O())&&(l.suggestionChild=I.first)}},viewQuery:function(o,l){if(o&1&&(H(we,5),H(en,5,se)),o&2){let r;k(r=O())&&(l.suggestionsTemp=r.first),k(r=O())&&(l.items=r)}},hostAttrs:[1,"ant-mentions"],hostVars:2,hostBindings:function(o,l){o&2&&_e("ant-mentions-rtl",l.dir==="rtl")},inputs:{nzValueWith:"nzValueWith",nzPrefix:"nzPrefix",nzLoading:[2,"nzLoading","nzLoading",st],nzNotFoundContent:"nzNotFoundContent",nzPlacement:"nzPlacement",nzSuggestions:"nzSuggestions",nzStatus:"nzStatus"},outputs:{nzOnSelect:"nzOnSelect",nzOnSearchChange:"nzOnSearchChange"},exportAs:["nzMention"],features:[Fe([Be,q]),$e,qe],ngContentSelectors:tn,decls:4,vars:1,consts:[["suggestions",""],["items",""],[1,"ant-mentions-suffix",3,"status"],[1,"ant-mentions-dropdown"],["role","menu","tabindex","0",1,"ant-mentions-dropdown-menu"],["role","menuitem","tabindex","-1",1,"ant-mentions-dropdown-menu-item",3,"ant-mentions-dropdown-menu-item-active","ant-mentions-dropdown-menu-item-selected"],[1,"ant-mentions-dropdown-menu-item","ant-mentions-dropdown-menu-item-disabled"],["role","menuitem","tabindex","-1",1,"ant-mentions-dropdown-menu-item",3,"click"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],["nzType","loading"],["nzComponentName","select",3,"specificContent"]],template:function(o,l){o&1&&(it(),ot(0),B(1,pn,5,1,"ng-template",null,0,lt)(3,un,1,1,"nz-form-item-feedback-icon",2)),o&2&&(s(3),de(l.hasFeedback&&l.status?3:-1))},dependencies:[pt,ft,Q,Lt,Vt,Ht],encapsulation:2,changeDetection:0})}return m})();var N=(()=>{class m{static \u0275fac=function(o){return new(o||m)};static \u0275mod=Je({type:m});static \u0275inj=Qe({imports:[h]})}return m})();var J=class m{inputValue;loading=!1;suggestions=[];onSearchChange({value:a}){console.log(`search: ${a}`),this.loading=!0,this.fetchSuggestions(a,i=>{console.log(i),this.suggestions=i,this.loading=!1})}fetchSuggestions(a,i){let o=["afc163","benjycui","yiminghe","jljsj33","dqaria","RaoHai"];setTimeout(()=>i(o.filter(l=>l.indexOf(a)!==-1)),500)}static \u0275fac=function(i){return new(i||m)};static \u0275cmp=g({type:m,selectors:[["nz-demo-mention-async"]],decls:2,vars:3,consts:[[3,"nzOnSearchChange","nzSuggestions","nzLoading"],["rows","1","nzMentionTrigger","","nz-input","",3,"ngModelChange","ngModel"]],template:function(i,o){i&1&&(n(0,"nz-mention",0),z("nzOnSearchChange",function(r){return o.onSearchChange(r)}),n(1,"textarea",1),E("ngModelChange",function(r){return x(o.inputValue,r)||(o.inputValue=r),r}),t()()),i&2&&(d("nzSuggestions",o.suggestions)("nzLoading",o.loading),s(),S("ngModel",o.inputValue))},dependencies:[b,C,M,D,y,v,N,h,f],encapsulation:2})};function gn(m,a){if(m&1&&(ge(0),p(1,"nz-avatar",3),n(2,"span"),e(3),t(),ze()),m&2){let i=a.$implicit;s(),d("nzText",i.name)("nzSrc",i.icon),s(2),he("",i.name," - ",i.type,"")}}var $=class m{inputValue;webFrameworks=[{name:"React",type:"JavaScript",icon:"https://zos.alipayobjects.com/rmsportal/LFIeMPzdLcLnEUe.svg"},{name:"Angular",type:"JavaScript",icon:"https://zos.alipayobjects.com/rmsportal/PJTbxSvzYWjDZnJ.png"},{name:"Dva",type:"JavaScript",icon:"https://zos.alipayobjects.com/rmsportal/EYPwSeEJKxDtVxI.png"},{name:"Flask",type:"Python",icon:"https://zos.alipayobjects.com/rmsportal/xaypBUijfnpAlXE.png"}];valueWith=a=>a.name;onSelect(a){console.log(a)}static \u0275fac=function(i){return new(i||m)};static \u0275cmp=g({type:m,selectors:[["nz-demo-mention-avatar"]],decls:3,vars:3,consts:[[3,"nzOnSelect","nzSuggestions","nzValueWith"],["rows","1","nz-input","","nzMentionTrigger","",3,"ngModelChange","ngModel"],[4,"nzMentionSuggestion"],["nzSize","small",3,"nzText","nzSrc"]],template:function(i,o){i&1&&(n(0,"nz-mention",0),z("nzOnSelect",function(r){return o.onSelect(r)}),n(1,"textarea",1),E("ngModelChange",function(r){return x(o.inputValue,r)||(o.inputValue=r),r}),t(),B(2,gn,4,4,"ng-container",2),t()),i&2&&(d("nzSuggestions",o.webFrameworks)("nzValueWith",o.valueWith),s(),S("ngModel",o.inputValue))},dependencies:[b,C,M,D,St,ht,y,v,N,h,f,pe],styles:[".ant-avatar.ant-avatar-sm[_ngcontent-%COMP%]{width:14px;
1height:14px;margin-right:8px;position:relative}"]})};var Y=class m{inputValue="@afc163";suggestions=["afc163","benjycui","yiminghe","RaoHai","\u4E2D\u6587","\u306B\u307B\u3093\u3054"];onChange(a){console.log(a)}onSelect(a){console.log(`onSelect ${a}`)}static \u0275fac=function(i){return new(i||m)};static \u0275cmp=g({type:m,selectors:[["nz-demo-mention-basic"]],decls:2,vars:2,consts:[[3,"nzOnSelect","nzSuggestions"],["rows","1","placeholder","input here","nzMentionTrigger","","nz-input","",3,"ngModelChange","ngModel"]],template:function(i,o){i&1&&(n(0,"nz-mention",0),z("nzOnSelect",function(r){return o.onSelect(r)}),n(1,"textarea",1),E("ngModelChange",function(r){return x(o.inputValue,r)||(o.inputValue=r),r}),z("ngModelChange",function(r){return o.onChange(r)}),t()()),i&2&&(d("nzSuggestions",o.suggestions),s(),S("ngModel",o.inputValue))},dependencies:[b,C,M,D,y,v,N,h,f],encapsulation:2})};function zn(m,a){if(m&1&&(ge(0),n(1,"span"),e(2),t(),ze()),m&2){let i=a.$implicit;s(2),he("",i.name," - ",i.type,"")}}var ee=class m{inputValue;webFrameworks=[{name:"React",type:"JavaScript"},{name:"Angular",type:"JavaScript"},{name:"Laravel",type:"PHP"},{name:"Flask",type:"Python"},{name:"Django",type:"Python"}];valueWith=a=>a.name;onSelect(a){console.log(a)}static \u0275fac=function(i){return new(i||m)};static \u0275cmp=g({type:m,selectors:[["nz-demo-mention-custom-tag"]],decls:3,vars:3,consts:[[3,"nzOnSelect","nzSuggestions","nzValueWith"],["rows","1","placeholder","@someone","nz-input","","nzMentionTrigger","",3,"ngModelChange","ngModel"],[4,"nzMentionSuggestion"]],template:function(i,o){i&1&&(n(0,"nz-mention",0),z("nzOnSelect",function(r){return o.onSelect(r)}),n(1,"textarea",1),E("ngModelChange",function(r){return x(o.inputValue,r)||(o.inputValue=r),r}),t(),B(2,zn,3,2,"ng-container",2),t()),i&2&&(d("nzSuggestions",o.webFrameworks)("nzValueWith",o.valueWith),s(),S("ngModel",o.inputValue))},dependencies:[b,C,M,D,y,v,N,h,f,pe],encapsulation:2})};var fn=["mentions"],te=class m{suggestions=["afc163","benjycui","yiminghe","RaoHai","\u4E2D\u6587","\u306B\u307B\u3093\u3054","ParsaArvaneh"];mentionChild;mentionValidator=a=>{if(a.value){if(this.mentionChild?.getMentions().length<2)return{confirm:!0,error:!0}}else return{required:!0};return{}};fb=W(kt);validateForm=this.fb.group({mention:["@afc163 ",[_t.required,this.mentionValidator]]});get mention(){return this.validateForm.controls.mention}submitForm(){this.mention.markAsDirty(),this.mention.updateValueAndValidity(),this.mention.valid?(console.log("Submit!!!",this.mention.value),console.log(this.mentionChild.getMentions())):console.log("Errors in form!!!")}resetForm(){this.validateForm.reset({mention:"@afc163 "})}static \u0275fac=function(i){return new(i||m)};static \u0275cmp=g({type:m,selectors:[["nz-demo-mention-form"]],viewQuery:function(i,o){if(i&1&&H(fn,7),i&2){let l;
1k(l=O())&&(o.mentionChild=l.first)}},decls:15,vars:6,consts:[["mentions",""],["nz-form","",3,"ngSubmit","formGroup"],["nzFor","mention",3,"nzSm"],["nzErrorTip","More than one must be selected!",3,"nzSm"],[3,"nzSuggestions"],["rows","1","id","mention","placeholder","input here","formControlName","mention","nzMentionTrigger","","nz-input",""],["nz-row","",2,"margin-bottom","8px"],[3,"nzSpan","nzOffset"],[1,"cta-wrapper"],["type","button","nz-button","","nzType","primary",3,"click"],["type","button","nz-button","",3,"click"]],template:function(i,o){if(i&1){let l=fe();n(0,"form",1),z("ngSubmit",function(){return G(l),j(o.submitForm())}),n(1,"nz-form-item")(2,"nz-form-label",2),e(3,"Top coders"),t(),n(4,"nz-form-control",3)(5,"nz-mention",4,0),p(7,"textarea",5),t()()(),n(8,"nz-form-item",6)(9,"nz-form-control",7)(10,"div",8)(11,"button",9),z("click",function(){return G(l),j(o.submitForm())}),e(12,"Submit"),t(),n(13,"button",10),z("click",function(){return G(l),j(o.resetForm())}),e(14,"Reset"),t()()()()()}i&2&&(d("formGroup",o.validateForm),s(2),d("nzSm",6),s(2),d("nzSm",16),s(),d("nzSuggestions",o.suggestions),s(4),d("nzSpan",14)("nzOffset",6))},dependencies:[Ot,Tt,C,M,Ft,At,Bt,wt,bt,Nt,Dt,Ut,U,X,Qt,Zt,Xt,qt,y,v,N,h,f],styles:[".cta-wrapper[_ngcontent-%COMP%]{display:flex;gap:1rem}"]})};var hn=()=>({minRows:4,maxRows:4}),ne=class m{inputValue;suggestions=["afc163","benjycui","yiminghe","RaoHai","\u4E2D\u6587","\u306B\u307B\u3093\u3054"];static \u0275fac=function(i){return new(i||m)};static \u0275cmp=g({type:m,selectors:[["nz-demo-mention-multilines"]],decls:2,vars:4,consts:[[3,"nzSuggestions"],["nz-input","","nzMentionTrigger","",3,"ngModelChange","nzAutosize","ngModel"]],template:function(i,o){i&1&&(n(0,"nz-mention",0)(1,"textarea",1),E("ngModelChange",function(r){return x(o.inputValue,r)||(o.inputValue=r),r}),t()()),i&2&&(d("nzSuggestions",o.suggestions),s(),d("nzAutosize",Z(3,hn)),S("ngModel",o.inputValue))},dependencies:[b,C,M,D,y,v,Ee,N,h,f],encapsulation:2})};var ie=class m{inputValue;suggestions=["afc163","benjycui","yiminghe","RaoHai","\u4E2D\u6587","\u306B\u307B\u3093\u3054"];onChange(a){console.log(a)}onSelect(a){console.log(`onSelect ${a}`)}static \u0275fac=function(i){return new(i||m)};static \u0275cmp=g({type:m,selectors:[["nz-demo-mention-placement"]],decls:2,vars:2,consts:[["nzPlacement","top",3,"nzOnSelect","nzSuggestions"],["rows","1","nzMentionTrigger","","nz-input","",3,"ngModelChange","ngModel"]],template:function(i,o){i&1&&(n(0,"nz-mention",0),z("nzOnSelect",function(r){return o.onSelect(r)}),n(1,"textarea",1),E("ngModelChange",function(r){return x(o.inputValue,r)||(o.inputValue=r),r}),z("ngModelChange",function(r){return o.onChange(r)}),t()()),i&2&&(d("nzSuggestions",o.suggestions),s(),S("ngModel",o.inputValue))},dependencies:[b,C,M,D,y,v,N,h,f],encapsulation:2})};var Sn=()=>["#","@"],oe=class m{inputValue;suggestions=[];users=["afc163","benjycui","yiminghe","RaoHai","\u4E2D\u6587","\u306B\u307B\u3093\u3054"];tags=["1.0","2.0","3.0"];onSearchChange({value:a,prefix:i}){console.log("nzOnSearchChange",a,i),this.suggestions=i==="@"?this.users:this.tags}static \u0275fac=function(i){return new(i||m)};static \u0275cmp=g({type:m,selectors:[["nz-demo-mention-prefix"]],decls:2,vars:4,consts:[[3,"nzOnSearchChange","nzSuggestions","nzPrefix"],["rows","1","placeholder","input @ to mention people, # to mention tag","nzMentionTrigger","","nz-input","",3,"ngModelChange","ngModel"]],template:function(i,o){i&1&&(n(0,"nz-mention",0),z("nzOnSearchChange",function(r){return o.onSearchChange(r)}),n(1,"textarea",1),E("ngModelChange",function(r){return x(o.inputValue,r)||(o.inputValue=r),r}),t()()),i&2&&(d("nzSuggestions",o.suggestions)("nzPrefix",Z(3,Sn)),s(),S("ngModel",o.inputValue))},dependencies:[b,C,M,D,y,v,N,h,f],encapsulation:2})};var xn=()=>({minRows:4,maxRows:4}),me=class m{constructor(a){this.sanitizer=a;this.renderPreView()}inputValue="Switch tab view preview @NG-ZORRO ";preview;suggestions=["NG-ZORRO","angular","Reactive-Extensions"];getRegExp(a){let i=Array.isArray(a)?a:[a],o=i.join("").replace(/(\$|\^)/g,"\\$1");return i.length>1&&(o=`[${o}]`),new RegExp(`(\\s|^)(${o})[^\\s]*`,"g")}renderPreView(){if(this.inputValue){let a=this.getRegExp("@"),i=this.inputValue.replace(a,o=>`<a target="_blank" href="https://github.com/${o.trim().substring(1)}">${o}</a>`);this.preview=this.sanitizer.bypassSecurityTrustHtml(i)}}static \u0275fac=function(i){return new(i||m)(w(ut))};static \u0275cmp=g({type:m,selectors:[["nz-demo-mention-preview"]],decls:6,vars:5,consts:[["nzTitle","Write"],[3,"nzSuggestions"],["nz-input","","nzMentionTrigger","",3,"ngModelChange","nzAutosize","ngModel"],["nzTitle","Preview"],[3,"innerHTML"]],template:function(i,o){i&1&&(n(0,"nz-tabset")(1,"nz-tab",0)(2,"nz-mention",1)(3,"textarea",2),E("ngModelChange",function(r){return x(o.inputValue,r)||(o.inputValue=r),r}),z("ngModelChange",function(){return o.renderPreView()}),t()()(),n(4,"nz-tab",3),p(5,"pre",4),t()()),i&2&&(s(2),d("nzSuggestions",o.suggestions),s(),d("nzAutosize",Z(4,xn)),S("ngModel",o.inputValue),s(2),d("innerHTML",o.preview,Xe))},dependencies:[b,C,M,D,y,v,Ee,N,h,f,jt,Gt,Wt],encapsulation:2})};var re=class m{inputValue;suggestions=["afc163","benjycui","yiminghe","RaoHai","\u4E2D\u6587","\u306B\u307B\u3093\u3054"];static \u0275fac=function(i){return new(i||m)};static \u0275cmp=g({type:m,selectors:[["nz-demo-mention-readonly"]],decls:4,vars:4,consts:[[2,"margin-bottom","8px",3,"nzSuggestions"],["rows","1","placeholder","this is disabled Mention","nzMentionTrigger","","nz-input","","disabled","",3,"ngModelChange","ngModel"],[3,"nzSuggestions"],["rows","1","placeholder","this is readOnly Mention","nzMentionTrigger","","nz-input","","readOnly","",3,"ngModelChange","ngModel"]],template:function(i,o){i&1&&(n(0,"nz-mention",0)(1,"textarea",1),E("ngModelChange",function(r){return x(o.inputValue,r)||(o.inputValue=r),r}),t()(),n(2,"nz-mention",2)(3,"textarea",3),E("ngModelChange",function(r){return x(o.inputValue,r)||(o.inputValue=r),r}),t()()),i&2&&(d("nzSuggestions",o.suggestions),s(),S("ngModel",o.inputValue),s(),d("nzSuggestions",o.suggestions),s(),S("ngModel",o.inputValue))},dependencies:[b,C,M,D,y,v,N,h,f],encapsulation:2})};var ae=class m{inputValue="@afc163";suggestions=["afc163","benjycui","yiminghe","RaoHai","\u4E2D\u6587","\u306B\u307B\u3093\u3054"];static \u0275fac=function(i){return new(i||m)};static \u0275cmp=g({type:m,selectors:[["nz-demo-mention-status"]],decls:4,vars:4,consts:[["nzStatus","error",2,"margin-bottom","8px",3,"nzSuggestions"],["rows","1","nz-input","","placeholder","input here","nzMentionTrigger","",3,"ngModelChange","ngModel"],["nzStatus","warning",3,"nzSuggestions"]],template:function(i,o){i&1&&(n(0,"nz-mention",0)(1,"textarea",1),E("ngModelChange",function(r){return x(o.inputValue,r)||(o.inputValue=r),r}),t()(),n(2,"nz-mention",2)(3,"textarea",1),E("ngModelChange",function(r){return x(o.inputValue,r)||(o.inputValue=r),r}),t()()),i&2&&(d("nzSuggestions",o.suggestions),s(),S("ngModel",o.inputValue),s(),d("nzSuggestions",o.suggestions),s(),S("ngModel",o.inputValue))},dependencies:[b,C,M,D,y,v,N,h,f],encapsulation:2})};var Ne=class m{expanded=!1;codeBoxes;goLink(a){window&&(window.location.hash=a)}
1expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(a=>a.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||m)};static \u0275cmp=g({type:m,selectors:[["nz-demo-mention"]],viewQuery:function(i,o){if(i&1&&H(L,5),i&2){let l;k(l=O())&&(o.codeBoxes=l)}},decls:607,vars:62,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-mention-demo-basic","nzTitle","\u57FA\u672C\u4F7F\u7528"],["nzHref","#components-mention-demo-async","nzTitle","\u5F02\u6B65\u52A0\u8F7D"],["nzHref","#components-mention-demo-form","nzTitle","\u914D\u5408 Form \u4F7F\u7528"],["nzHref","#components-mention-demo-prefix","nzTitle","\u81EA\u5B9A\u4E49\u89E6\u53D1\u5B57\u7B26"],["nzHref","#components-mention-demo-readonly","nzTitle","\u65E0\u6548\u6216\u53EA\u8BFB"],["nzHref","#components-mention-demo-placement","nzTitle","\u5411\u4E0A\u5C55\u5F00"],["nzHref","#components-mention-demo-avatar","nzTitle","\u5934\u50CF"],["nzHref","#components-mention-demo-custom-tag","nzTitle","\u81EA\u5B9A\u4E49\u5EFA\u8BAE"],["nzHref","#components-mention-demo-multilines","nzTitle","\u591A\u884C"],["nzHref","#components-mention-demo-preview","nzTitle","\u9884\u89C8"],["nzHref","#components-mention-demo-status","nzTitle","\u81EA\u5B9A\u4E49\u72B6\u6001"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","\u57FA\u672C\u4F7F\u7528","nzSelector","nz-demo-mention-basic","nzGenerateCommand","ng g ng-zorro-antd:mention-basic <name>","nzComponentName","NzDemoMentionBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u914D\u5408 Form \u4F7F\u7528","nzSelector","nz-demo-mention-form","nzGenerateCommand","ng g ng-zorro-antd:mention-form <name>","nzComponentName","NzDemoMentionFormComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u65E0\u6548\u6216\u53EA\u8BFB","nzSelector","nz-demo-mention-readonly","nzGenerateCommand","ng g ng-zorro-antd:mention-readonly <name>","nzComponentName","NzDemoMentionReadonlyComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5934\u50CF","nzSelector","nz-demo-mention-avatar","nzGenerateCommand","ng g ng-zorro-antd:mention-avatar <name>","nzComponentName","NzDemoMentionAvatarComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u591A\u884C","nzSelector","nz-demo-mention-multilines","nzGenerateCommand","ng g ng-zorro-antd:mention-multilines <name>","nzComponentName","NzDemoMentionMultilinesComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u72B6\u6001","nzSelector","nz-demo-mention-status","nzGenerateCommand","ng g ng-zorro-antd:mention-status <name>","nzComponentName","NzDemoMentionStatusComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5F02\u6B65\u52A0\u8F7D","nzSelector","nz-demo-mention-async","nzGenerateCommand","ng g ng-zorro-antd:mention-async <name>","nzComponentName","NzDemoMentionAsyncComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u89E6\u53D1\u5B57\u7B26","nzSelector","nz-demo-mention-prefix","nzGenerateCommand","ng g ng-zorro-antd:mention-prefix <name>","nzComponentName","NzDemoMentionPrefixComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5411\u4E0A\u5C55\u5F00","nzSelector","nz-demo-mention-placement","nzGenerateCommand","ng g ng-zorro-antd:mention-placement <name>","nzComponentName","NzDemoMentionPlacementComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u5EFA\u8BAE","nzSelector","nz-demo-mention-custom-tag","nzGenerateCommand","ng g ng-zorro-antd:mention-custom-tag <name>","nzComponentName","NzDemoMentionCustomTagComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u9884\u89C8","nzSelector","nz-demo-mention-preview","nzGenerateCommand","ng g ng-zorro-antd:mention-preview <name>","nzComponentName","NzDemoMentionPreviewComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","punctuation","attr-equals"],["id","nz-mention"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-mention'",1,"anchor"],["id","\u65B9\u6CD5"],["onclick","window.location.hash = '\u65B9\u6CD5'",1,"anchor"],["id","nzmentiontrigger"],["onclick","window.location.hash = 'nzmentiontrigger'",1,"anchor"],["id","nzmentionsuggestion"],["onclick","window.location.hash = 'nzmentionsuggestion'",1,"anchor"],["id","mentiononsearchtypes"],["onclick","window.location.hash = 'mentiononsearchtypes'",1,"anchor"]],template:function(i,o){i&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),z("nzClick",function(r){return o.goLink(r)}
1),p(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11)(13,"nz-link",12)(14,"nz-link",13),t()(),n(15,"section",14)(16,"h1"),e(17,"Mention"),n(18,"span",15),e(19,"\u63D0\u53CA"),t(),p(20,"span",16),n(21,"a",17),p(22,"nz-icon",18),t()(),n(23,"section",14),c(),n(24,"p"),e(25,"\u63D0\u53CA\u7EC4\u4EF6\u3002"),t(),n(26,"h2",19)(27,"span"),e(28,"\u4F55\u65F6\u4F7F\u7528"),t(),n(29,"a",20),e(30,"#"),t()(),n(31,"p"),e(32,"\u7528\u4E8E\u5728\u8F93\u5165\u4E2D\u63D0\u53CA\u67D0\u4EBA\u6216\u67D0\u4E8B\uFF0C\u5E38\u7528\u4E8E\u53D1\u5E03\u3001\u804A\u5929\u6216\u8BC4\u8BBA\u529F\u80FD\u3002"),t(),n(33,"pre")(34,"code",21)(35,"span",22),e(36,"import"),t(),e(37," "),n(38,"span",23),e(39,"{"),t(),e(40," NzMentionModule "),n(41,"span",23),e(42,"}"),t(),e(43," "),n(44,"span",22),e(45,"from"),t(),e(46," "),n(47,"span",24),e(48,"'ng-zorro-antd/mention'"),t(),n(49,"span",23),e(50,";"),t(),e(51,` 2`),t()(),u(),t(),n(52,"h2")(53,"span"),e(54,"\u4EE3\u7801\u6F14\u793A"),t(),n(55,"nz-icon",25),z("click",function(){return o.expandAllCode()}),t()()(),n(56,"div",26)(57,"div",27)(58,"nz-code-box",28),p(59,"nz-demo-mention-basic",29),n(60,"div",30),c(),n(61,"p"),e(62,"\u57FA\u672C\u4F7F\u7528"),t(),u(),t()(),n(63,"nz-code-box",31),p(64,"nz-demo-mention-form",29),n(65,"div",30),c(),n(66,"p"),e(67,"\u53D7\u63A7\u6A21\u5F0F\uFF0C\u4F8B\u5982\u914D\u5408 Form \u4F7F\u7528\u3002"),t(),u(),t()(),n(68,"nz-code-box",32),p(69,"nz-demo-mention-readonly",29),n(70,"div",30),c(),n(71,"p"),e(72,"\u901A\u8FC7 "),n(73,"code"),e(74,"disabled"),t(),e(75," \u5C5E\u6027\u8BBE\u7F6E\u662F\u5426\u751F\u6548\u3002\u901A\u8FC7 "),n(76,"code"),e(77,"readOnly"),t(),e(78," \u5C5E\u6027\u8BBE\u7F6E\u662F\u5426\u53EA\u8BFB\u3002"),t(),u(),t()(),n(79,"nz-code-box",33),p(80,"nz-demo-mention-avatar",29),n(81,"div",30),c(),n(82,"p"),e(83,"\u81EA\u5B9A\u4E49\u5EFA\u8BAE\uFF08\u542B\u5934\u50CF\uFF09"),t(),n(84,"p"),e(85,"\u6CE8\u610F\uFF0C"),n(86,"code"),e(87,"nzSuggestions"),t(),e(88," \u4E0D\u4E3A "),n(89,"code"),e(90,"string[]"),t(),e(91," \u65F6\uFF0C\u9700\u8981\u63D0\u4F9B "),n(92,"code"),e(93,"nzValueWith"),t(),e(94,"\u3002"),t(),u(),t()(),n(95,"nz-code-box",34),p(96,"nz-demo-mention-multilines",29),n(97,"div",30),c(),n(98,"p"),e(99,"\u591A\u884C\u6A21\u5F0F\u3002"),t(),u(),t()(),n(100,"nz-code-box",35),p(101,"nz-demo-mention-status",29),n(102,"div",30),c(),n(103,"p"),e(104,"\u4F7F\u7528 "),n(105,"code"),e(106,"nzStatus"),t(),e(107," \u4E3A Mentions \u6DFB\u52A0\u72B6\u6001\u3002\u53EF\u9009 "),n(108,"code"),e(109,"error"),t(),e(110," \u6216\u8005 "),n(111,"code"),e(112,"warning"),t(),e(113,"\u3002"),t(),u(),t()()(),n(114,"div",27)(115,"nz-code-box",36),p(116,"nz-demo-mention-async",29),n(117,"div",30),c(),n(118,"p"),e(119,"\u5339\u914D\u5185\u5BB9\u5217\u8868\u4E3A\u5F02\u6B65\u8FD4\u56DE\u65F6\u3002"),t(),u(),t()(),n(120,"nz-code-box",37),p(121,"nz-demo-mention-prefix",29),n(122,"div",30),c(),n(123,"p"),e(124,"\u901A\u8FC7 "),n(125,"code"),e(126,"nzPrefix"),t(),e(127," \u5C5E\u6027\u81EA\u5B9A\u4E49\u89E6\u53D1\u5B57\u7B26\u3002\u9ED8\u8BA4\u4E3A "),n(128,"code"),e(129,"@"),t(),e(130,", \u53EF\u4EE5\u5B9A\u4E49\u4E3A\u6570\u7EC4\u3002"),t(),u(),t()(),n(131,"nz-code-box",38),p(132,"nz-demo-mention-placement",29),n(133,"div",30),c(),n(134,"p"),e(135,"\u5411\u4E0A\u5C55\u5F00\u5EFA\u8BAE\u3002"),t(),u(),t()(),n(136,"nz-code-box",39),p(137,"nz-demo-mention-custom-tag",29),n(138,"div",30),c(),n(139,"p"),e(140,"\u81EA\u5B9A\u4E49\u5EFA\u8BAE"),t(),n(141,"p"),e(142,"\u6CE8\u610F\uFF0C"),n(143,"code"),e(144,"nzSuggestions"),t(),e(145," \u4E0D\u4E3A "),n(146,"code"),e(147,"string[]"),t(),e(148," \u65F6\uFF0C\u9700\u8981\u63D0\u4F9B "),n(149,"code"),e(150,"nzValueWith"),t(),e(151,"\u3002"),t(),u(),t()(),n(152,"nz-code-box",40),p(153,"nz-demo-mention-preview",29),n(154,"div",30),c(),n(155,"p"),e(156,"\u6E32\u67D3\u63D0\u53CA"),t(),u(),t()()()(),n(157,"section",41),c(),n(158,"h2",42)(159,"span"),e(160,"API"),t(),n(161,"a",43),e(162,"#"),t()(),n(163,"pre")(164,"code",44)(165,"span",45)(166,"span",45)(167,"span",23),e(168,"<"),t(),e(169,"nz-mention"),t(),e(170," "),n(171,"span",46),e(172,"[nzSuggestions]"),t(),n(173,"span",47)(174,"span",48),e(175,"="),t(),n(176,"span",23),e(177,'"'),t(),e(178,"suggestions"),n(179,"span",23),e(180,'"'),t()(),n(181,"span",23),e(182,">"),t()(),e(183,` 3 `),n(184,"span",45)(185,"span",45)(186,"span",23),e(187,"<"),t(),e(188,"textarea"),t(),e(189," "),n(190,"span",46),e(191,"nz-input"),t(),e(192," "),n(193,"span",46),e(194,"[(ngModel)]"),t(),n(195,"span",47)(196,"span",48),e(197,"="),t(),n(198,"span",23),e(199,'"'),t(),e(200,"value"),n(201,"span",23),e(202,'"'),t()(),e(203," "),n(204,"span",46),e(205,"nzMentionTrigger"),t(),n(206,"span",23),e(207,">"),t()(),e(208," "),n(209,"span",45)(210,"span",45)(211,"span",23),e(212,"</"),t(),e(213,"textarea"),t(),n(214,"span",23),e(215,">"),t()(),e(216,` 4`),n(217,"span",45)(218,"span",45)(219,"span",23),e(220,"</"),t(),e(221,"nz-mention"),t(),n(222,"span",23),e(223,">"),t()(),e(224,` 5`),t()(),n(225,"h3",49)(226,"span"),e(227,"nz-mention"),t(),n(228,"label",50),e(229,"component"),t(),n(230,"a",51),e(231,"#"),t()(),n(232,"table")(233,"thead")(234,"tr")(235,"th"),e(236,"\u53C2\u6570"),t(),n(237,"th"),e(238,"\u8BF4\u660E"),t(),n(239,"th"),e(240,"\u7C7B\u578B"),t(),n(241,"th"),e(242,"\u9ED8\u8BA4\u503C"),t()()(),n(243,"tbody")(244,"tr")(245,"td")(246,"code"),e(247,"[nzMentionTrigger]"),t()(),n(248,"td"),e(249,"\u7528\u4E8E\u6307\u5B9A\u63D0\u53CA\u7684\u89E6\u53D1\u5143\u7D20 "),n(250,"strong"),e(251,"(\u5FC5\u987B)"),t()(),n(252,"td")(253,"code"),e(254,"HTMLTextAreaElement | HTMLInputElement"),t()(),n(255,"td"),e(256,"-"),t()(),n(257,"tr")(258,"td")(259,"code"),e(260,"[nzMentionSuggestion]"),t()(),n(261,"td"),e(262,"\u81EA\u5B9A\u4E49\u5EFA\u8BAE\u6E32\u67D3\u6A21\u677F"),t(),n(263,"td")(264,"code"),e(265,"TemplateRef<any>"),t()(),n(266,"td"),e(267,"-"),t()(),n(268,"tr")(269,"td")(270,"code"),e(271,"[nzLoading]"),t()(),n(272,"td"),e(273,"\u52A0\u8F7D\u4E2D"),t(),n(274,"td")(275,"code"),e(276,"boolean"),t()(),n(277,"td")(278,"code"),e(279,"false"),t()()(),n(280,"tr")(281,"td")(282,"code"),e(283,"[nzNotFoundContent]"),t()(),n(284,"td"),e(285,"\u672A\u627E\u5230\u65F6\u7684\u5185\u5BB9"),t(),n(286,"td")(287,"code"),e(288,"string"),t()(),n(289,"td")(290,"code"),e(291,"'\u
565E0\u5339\u914D\u7ED3\u679C\uFF0C\u8F7B\u6572\u7A7A\u683C\u5B8C\u6210\u8F93\u5165'"),t()()(),n(292,"tr")(293,"td")(294,"code"),e(295,"[nzPlacement]"),t()(),n(296,"td"),e(297,"\u5EFA\u8BAE\u6846\u4F4D\u7F6E"),t(),n(298,"td")(299,"code"),e(300,"'bottom' | 'top'"),t()(),n(301,"td")(302,"code"),e(303,"'bottom'"),t()()(),n(304,"tr")(305,"td")(306,"code"),e(307,"[nzPrefix]"),t()(),n(308,"td"),e(309,"\u89E6\u53D1\u5F39\u51FA\u4E0B\u62C9\u6846\u7684\u5B57\u7B26"),t(),n(310,"td")(311,"code"),e(312,"string | string[]"),t()(),n(313,"td")(314,"code"),e(315,"'@'"),t()()(),n(316,"tr")(317,"td")(318,"code"),e(319,"[nzSuggestions]"),t()(),n(320,"td"),e(321,"\u5EFA\u8BAE\u5185\u5BB9"),t(),n(322,"td")(323,"code"),e(324,"any[]"),t()(),n(325,"td")(326,"code"),e(327,"[]"),t()()(),n(328,"tr")(329,"td")(330,"code"),e(331,"[nzStatus]"),t()(),n(332,"td"),e(333,"\u8BBE\u7F6E\u6821\u9A8C\u72B6\u6001"),t(),n(334,"td")(335,"code"),e(336,"'error' | 'warning'"),t()(),n(337,"td"),e(338,"-"),t()(),n(339,"tr")(340,"td")(341,"code"),e(342,"[nzValueWith]"),t()(),n(343,"td"),e(344,"\u5EFA\u8BAE\u9009\u9879\u7684\u53D6\u503C\u65B9\u6CD5"),t(),n(345,"td")(346,"code"),e(347,"(any) => string | (value: string) => string"),t()(),p(348,"td"),t(),n(349,"tr")(350,"td")(351,"code"),e(352,"(nzOnSelect)"),t()(),n(353,"td"),e(354,"\u4E0B\u62C9\u6846\u9009\u62E9\u5EFA\u8BAE\u65F6\u56DE\u8C03"),t(),n(355,"td")(356,"code"),e(357,"EventEmitter<any>"),t()(),n(358,"td"),e(359,"-"),t()(),n(360,"tr")(361,"td")(362,"code"),e(363,"(nzOnSearchChange)"),t()(),n(364,"td"),e(365,"\u8F93\u5165\u6846\u4E2D @ \u53D8\u5316\u65F6\u56DE\u8C03"),t(),n(366,"td")(367,"code"),e(368,"EventEmitter<MentionOnSearchTypes>"),t()(),n(369,"td"),e(370,"-"),t()()()(),n(371,"h4",52)(372,"span"),e(373,"\u65B9\u6CD5"),t(),n(374,"a",53),e(375,"#"),t()(),n(376,"table")(377,"thead")(378,"tr")(379,"th"),e(380,"\u65B9\u6CD5\u540D"),t(),n(381,"th"),e(382,"\u8BF4\u660E"),t()()(),n(383,"tbody")(384,"tr")(385,"td"),e(386,"getMentions"),t(),n(387,"td"),e(388,"\u83B7\u53D6 "),n(389,"code"),e(390,"input[nzMentionTrigger]"),t(),e(391," \u4E2D\u7684\u63D0\u53CA\u6570\u7EC4"),t()()()(),n(392,"h3",54)(393,"span"),e(394,"nzMentionTrigger"),t(),n(395,"a",55),e(396,"#"),t()(),n(397,"p"),e(398,"\u7528\u4E8E\u6307\u5B9A\u63D0\u53CA\u7684\u89E6\u53D1\u5143\u7D20"),t(),n(399,"pre")(400,"code",44)(401,"span",45)(402,"span",45)(403,"span",23),e(404,"<"),t(),e(405,"nz-mention"),t(),n(406,"span",23),e(407,">"),t()(),e(408,` 6 `),n(409,"span",45)(410,"span",45)(411,"span",23),e(412,"<"),t(),e(413,"textarea"),t(),e(414," "),n(415,"span",46),e(416,"nzMentionTrigger"),t(),n(417,"span",23),e(418,">"),t()(),n(419,"span",45)(420,"span",45)(421,"span",23),e(422,"</"),t(),e(423,"textarea"),t(),n(424,"span",23),e(425,">"),t()(),e(426,` 7`),n(427,"span",45)(428,"span",45)(429,"span",23),e(430,"</"),t(),e(431,"nz-mention"),t(),n(432,"span",23),e(433,">"),t()(),e(434,` 8`),t()(),n(435,"pre")(436,"code",44)(437,"span",45)(438,"span",45)(439,"span",23),e(440,"<"),t(),e(441,"nz-mention"),t(),n(442,"span",23),e(443,">"),t()(),e(444,` 9 `),n(445,"span",45)(446,"span",45)(447,"span",23),e(448,"<"),t(),e(449,"input"),t(),e(450," "),n(451,"span",46),e(452,"nzMentionTrigger"),t(),e(453," "),n(454,"span",23),e(455,"/>"),t()(),e(456,` 10`),n(457,"span",45)(458,"span",45)(459,"span",23),e(460,"</"),t(),e(461,"nz-mention"),t(),n(462,"span",23),e(463,">"),t()(),e(464,` 11`),t()(),n(465,"h3",56)(466,"span"),e(467,"nzMentionSuggestion"),t(),n(468,"a",57),e(469,"#"),t()(),n(470,"p"),e(471,"\u81EA\u5B9A\u4E49\u5EFA\u8BAE\u6E32\u67D3\u6A21\u677F"),t(),n(472,"pre")(473,"code",44)(474,"span",45)(475,"span",45)(476,"span",23),e(477,"<"),t(),e(478,"nz-mention"),t(),e(479," "),n(480,"span",46),e(481,"[nzSuggestions]"),t(),n(482,"span",47)(483,"span",48),e(484,"="),t(),n(485,"span",23),e(486,'"'),t(),e(487,"items"),n(488,"span",23),e(489,'"'),t()(),e(490," "),n(491,"span",46),e(492,"[nzValueWith]"),t(),n(493,"span",47)(494,"span",48),e(495,"="),t(),n(496,"span",23),e(497,'"'),t(),e(498,"valueWith"),n(499,"span",23),e(500,'"'),t()(),n(501,"span",23),e(502,">"),t()(),e(503,` 12 `),n(504,"span",45)(505,"span",45)(506,"span",23),e(507,"<"),t(),e(508,"input"),t(),e(509," "),n(510,"span",46),e(511,"nz-input"),t(),e(512," "),n(513,"span",46),e(514,"nzMentionTrigger"),t(),e(515," "),n(516,"span",23),e(517,"/>"),t()(),e(518,` 13 `),n(519,"span",45)(520,"span",45)(521,"span",23),e(522,"<"),t(),e(523,"ng-container"),t(),e(524," "),n(525,"span",46),e(526,"*nzMentionSuggestion"),t(),n(527,"span",47)(528,"span",48),e(529,"="),t(),n(530,"span",23),e(531,'"'),t(),e(532,"let item"),n(533,"span",23),e(534,'"'),t()(),n(535,"span",23),e(536,">"),t()(),e(537,` 14 `),n(538,"span",45)(539,"span",45)(540,"span",23),e(541,"<"),t(),e(542,"span"),t(),n(543,"span",23),e(544,">"),t()(),e(545,"{{ item.label }} - {{ item.value }}"),n(546,"span",45)(547,"span",45)(548,"span",23),e(549,"</"),t(),e(550,"span"),t(),n(551,"span",23),e(552,">"),t()(),e(553,` 15 `),n(554,"span",45)(555,"span",45)(556,"span",23),e(557,"</"),t(),e(558,"ng-container"),t(),n(559,"span",23),e(560,">"),t()(),e(561,` 16`),n(562,"span",45)(563,"span",45)(564,"span",23),e(565,"</"),t(),e(566,"nz-mention"),t(),n(567,"span",23),e(568,">"),t()(),e(569,` 17`),t()(),n(570,"h3",58)(571,"span"),e(572,"MentionOnSearchTypes"),t(),n(573,"a",59),e(574,"#"),t()(),n(575,"table")(576,"thead")(577,"tr")(578,"th"),e(579,"\u53C2\u6570"),t(),n(580,"th"),e(581,"\u8BF4\u660E"),t(),n(582,"th"),e(583,"\u7C7B\u578B"),t(),n(584,"th"),e(585,"\u9ED8\u8BA4\u503C"),t()()(),n(586,"tbody")(587,"tr")(588,"td"),e(589,"value"),t(),n(590,"td"),e(591,"\u641C\u7D22\u5173\u952E\u8BCD"),t(),n(592,"td")(593,"code"),e(594,"string"),t()(),n(595,"td"),e(596,"-"),t()(),n(597,"tr")(598,"td"),e(599,"prefix"),t(),n(600,"td"),e(601,"\u89E6\u53D1\u524D\u7F00"),t(),n(602,"td")(603,"code"),e(604,"string"),t()(),n(605,"td"),e(606,"-"),t()()()(),u(),t()()),i&2&&(s(),d("nzOffsetTop",16),s(),d("nzAffix",!1),s(54),d("nzGutter",16),s(),d("nzXl",12)("nzSpan",24),s(),d("nzId","components-mention-demo-basic")("nzLink","components-mention-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/basic.md"),s(5),d("nzId","components-mention-demo-form")("nzLink","components-mention-demo-form")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/form.md"),s(5),d("nzId","components-mention-demo-readonly")("nzLink","components-mention-demo-readonly")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/readonly.md"),s(11),d("nzId","components-mention-demo-avatar")("nzLink","components-mention-demo-avatar")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/avatar.md"),s(16),d("nzId","components-mention-demo-multilines")("nzLink","components-mention-demo-multilines")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/multilines.md"),s(5),d("nzId","components-mention-demo-status")("nzLink","components-mention-demo-status")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/status.md"),s(14),d("nzXl",12)("nzSpan",24),s(),d("nzId","components-mention-demo-async")("nzLink","components-mention-demo-async")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/async.md"),s(5),d("nzId","components-mention-demo-prefix")("nzLink","components-mention-demo-prefix")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/prefix.md"),s(11),d("nzId","components-mention-demo-placement")("nzLink","components-mention-demo-placement")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/placement.md"),s(5),d("nzId","components-mention-demo-custom-tag")("nzLink","components-mention-demo-custom-tag")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/custom-tag.md"),s(16),d("nzId","components-mention-demo-preview")("nzLink","components-mention-demo-preview")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/preview.md"))},dependencies:[ye,L,Me,ve,Ce,U,X,xe,Q,J,$,Y,ee,te,ne,ie,oe,me,re,ae],encapsulation:2})};var De=class m{expanded=!1;codeBoxes;goLink(a){window&&(window.location.hash=a)}
17expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(a=>a.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||m)};static \u0275cmp=g({type:m,selectors:[["nz-demo-mention"]],viewQuery:function(i,o){if(i&1&&H(L,5),i&2){let l;k(l=O())&&(o.codeBoxes=l)}},decls:589,vars:62,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-mention-demo-basic","nzTitle","Basic"],["nzHref","#components-mention-demo-async","nzTitle","Asynchronous loading"],["nzHref","#components-mention-demo-form","nzTitle","With Form"],["nzHref","#components-mention-demo-prefix","nzTitle","Customize Trigger Token"],["nzHref","#components-mention-demo-readonly","nzTitle","disabled or readOnly"],["nzHref","#components-mention-demo-placement","nzTitle","Placement"],["nzHref","#components-mention-demo-avatar","nzTitle","Icon Image"],["nzHref","#components-mention-demo-custom-tag","nzTitle","Customize Suggestion"],["nzHref","#components-mention-demo-multilines","nzTitle","Multi-lines Mode"],["nzHref","#components-mention-demo-preview","nzTitle","Preview"],["nzHref","#components-mention-demo-status","nzTitle","Status"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Basic","nzSelector","nz-demo-mention-basic","nzGenerateCommand","ng g ng-zorro-antd:mention-basic <name>","nzComponentName","NzDemoMentionBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","With Form","nzSelector","nz-demo-mention-form","nzGenerateCommand","ng g ng-zorro-antd:mention-form <name>","nzComponentName","NzDemoMentionFormComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","disabled or readOnly","nzSelector","nz-demo-mention-readonly","nzGenerateCommand","ng g ng-zorro-antd:mention-readonly <name>","nzComponentName","NzDemoMentionReadonlyComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Icon Image","nzSelector","nz-demo-mention-avatar","nzGenerateCommand","ng g ng-zorro-antd:mention-avatar <name>","nzComponentName","NzDemoMentionAvatarComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Multi-lines Mode","nzSelector","nz-demo-mention-multilines","nzGenerateCommand","ng g ng-zorro-antd:mention-multilines <name>","nzComponentName","NzDemoMentionMultilinesComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Status","nzSelector","nz-demo-mention-status","nzGenerateCommand","ng g ng-zorro-antd:mention-status <name>","nzComponentName","NzDemoMentionStatusComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Asynchronous loading","nzSelector","nz-demo-mention-async","nzGenerateCommand","ng g ng-zorro-antd:mention-async <name>","nzComponentName","NzDemoMentionAsyncComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Customize Trigger Token","nzSelector","nz-demo-mention-prefix","nzGenerateCommand","ng g ng-zorro-antd:mention-prefix <name>","nzComponentName","NzDemoMentionPrefixComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Placement","nzSelector","nz-demo-mention-placement","nzGenerateCommand","ng g ng-zorro-antd:mention-placement <name>","nzComponentName","NzDemoMentionPlacementComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Customize Suggestion","nzSelector","nz-demo-mention-custom-tag","nzGenerateCommand","ng g ng-zorro-antd:mention-custom-tag <name>","nzComponentName","NzDemoMentionCustomTagComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Preview","nzSelector","nz-demo-mention-preview","nzGenerateCommand","ng g ng-zorro-antd:mention-preview <name>","nzComponentName","NzDemoMentionPreviewComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","punctuation","attr-equals"],["id","nz-mention"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-mention'",1,"anchor"],["id","methods"],["onclick","window.location.hash = 'methods'",1,"anchor"],["id","nzmentiontrigger"],["onclick","window.location.hash = 'nzmentiontrigger'",1,"anchor"],["id","nzmentionsuggestion"],["onclick","window.location.hash = 'nzmentionsuggestion'",1,"anchor"],["id","mentiononsearchtypes"],["onclick","window.location.hash = 'mentiononsearchtypes'",1,"anchor"]],template:function(i,o){i&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),z("nzClick",function(r){return o.goLink(r)}
17),p(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11)(13,"nz-link",12)(14,"nz-link",13),t()(),n(15,"section",14)(16,"h1"),e(17,"Mention"),p(18,"span",15)(19,"span",16),n(20,"a",17),p(21,"nz-icon",18),t()(),n(22,"section",14),c(),n(23,"p"),e(24,"Mention component."),t(),n(25,"h2",19)(26,"span"),e(27,"When To Use"),t(),n(28,"a",20),e(29,"#"),t()(),n(30,"p"),e(31,"When need to mention someone or something."),t(),n(32,"pre")(33,"code",21)(34,"span",22),e(35,"import"),t(),e(36," "),n(37,"span",23),e(38,"{"),t(),e(39," NzMentionModule "),n(40,"span",23),e(41,"}"),t(),e(42," "),n(43,"span",22),e(44,"from"),t(),e(45," "),n(46,"span",24),e(47,"'ng-zorro-antd/mention'"),t(),n(48,"span",23),e(49,";"),t(),e(50,` 18`),t()(),u(),t(),n(51,"h2")(52,"span"),e(53,"Examples"),t(),n(54,"nz-icon",25),z("click",function(){return o.expandAllCode()}),t()()(),n(55,"div",26)(56,"div",27)(57,"nz-code-box",28),p(58,"nz-demo-mention-basic",29),n(59,"div",30),c(),n(60,"p"),e(61,"Basic usage."),t(),u(),t()(),n(62,"nz-code-box",31),p(63,"nz-demo-mention-form",29),n(64,"div",30),c(),n(65,"p"),e(66,"Controlled mode, for example, to work with "),n(67,"code"),e(68,"Form"),t(),e(69,"."),t(),u(),t()(),n(70,"nz-code-box",32),p(71,"nz-demo-mention-readonly",29),n(72,"div",30),c(),n(73,"p"),e(74,"Configurate "),n(75,"code"),e(76,"disabled"),t(),e(77," and "),n(78,"code"),e(79,"readOnly"),t(),e(80,"."),t(),u(),t()(),n(81,"nz-code-box",33),p(82,"nz-demo-mention-avatar",29),n(83,"div",30),c(),n(84,"p"),e(85,"Customize suggestions."),t(),u(),t()(),n(86,"nz-code-box",34),p(87,"nz-demo-mention-multilines",29),n(88,"div",30),c(),n(89,"p"),e(90,"Multi lines mode."),t(),u(),t()(),n(91,"nz-code-box",35),p(92,"nz-demo-mention-status",29),n(93,"div",30),c(),n(94,"p"),e(95,"Add status to Mentions with "),n(96,"code"),e(97,"nzStatus"),t(),e(98,", which could be "),n(99,"code"),e(100,"error"),t(),e(101," or "),n(102,"code"),e(103,"warning"),t(),e(104,"\u3002"),t(),u(),t()()(),n(105,"div",27)(106,"nz-code-box",36),p(107,"nz-demo-mention-async",29),n(108,"div",30),c(),n(109,"p"),e(110,"async"),t(),u(),t()(),n(111,"nz-code-box",37),p(112,"nz-demo-mention-prefix",29),n(113,"div",30),c(),n(114,"p"),e(115,"Customize Trigger Token by "),n(116,"code"),e(117,"nzPrefix"),t(),e(118," props. Default to "),n(119,"code"),e(120,"@"),t(),e(121,", "),n(122,"code"),e(123,"Array<string>"),t(),e(124," also supported."),t(),u(),t()(),n(125,"nz-code-box",38),p(126,"nz-demo-mention-placement",29),n(127,"div",30),c(),n(128,"p"),e(129,"Change the suggestions placement."),t(),u(),t()(),n(130,"nz-code-box",39),p(131,"nz-demo-mention-custom-tag",29),n(132,"div",30),c(),n(133,"p"),e(134,"Customize suggestions."),t(),u(),t()(),n(135,"nz-code-box",40),p(136,"nz-demo-mention-preview",29),n(137,"div",30),c(),n(138,"p"),e(139,"Rendering the mentions."),t(),u(),t()()()(),n(140,"section",41),c(),n(141,"h2",42)(142,"span"),e(143,"API"),t(),n(144,"a",43),e(145,"#"),t()(),n(146,"pre")(147,"code",44)(148,"span",45)(149,"span",45)(150,"span",23),e(151,"<"),t(),e(152,"nz-mention"),t(),e(153," "),n(154,"span",46),e(155,"[nzSuggestions]"),t(),n(156,"span",47)(157,"span",48),e(158,"="),t(),n(159,"span",23),e(160,'"'),t(),e(161,"suggestions"),n(162,"span",23),e(163,'"'),t()(),n(164,"span",23),e(165,">"),t()(),e(166,` 19 `),n(167,"span",45)(168,"span",45)(169,"span",23),e(170,"<"),t(),e(171,"textarea"),t(),e(172," "),n(173,"span",46),e(174,"nz-input"),t(),e(175," "),n(176,"span",46),e(177,"[(ngModel)]"),t(),n(178,"span",47)(179,"span",48),e(180,"="),t(),n(181,"span",23),e(182,'"'),t(),e(183,"value"),n(184,"span",23),e(185,'"'),t()(),e(186," "),n(187,"span",46),e(188,"nzMentionTrigger"),t(),n(189,"span",23),e(190,">"),t()(),e(191," "),n(192,"span",45)(193,"span",45)(194,"span",23),e(195,"</"),t(),e(196,"textarea"),t(),n(197,"span",23),e(198,">"),t()(),e(199,` 20`),n(200,"span",45)(201,"span",45)(202,"span",23),e(203,"</"),t(),e(204,"nz-mention"),t(),n(205,"span",23),e(206,">"),t()(),e(207,` 21`),t()(),n(208,"h3",49)(209,"span"),e(210,"nz-mention"),t(),n(211,"label",50),e(212,"component"),t(),n(213,"a",51),e(214,"#"),t()(),n(215,"table")(216,"thead")(217,"tr")(218,"th"),e(219,"Property"),t(),n(220,"th"),e(221,"Description"),t(),n(222,"th"),e(223,"Type"),t(),n(224,"th"),e(225,"Default"),t()()(),n(226,"tbody")(227,"tr")(228,"td")(229,"code"),e(230,"[nzMentionTrigger]"),t()(),n(231,"td"),e(232,"Trigger element "),n(233,"strong"),e(234,"(required)"),t()(),n(235,"td")(236,"code"),e(237,"HTMLTextAreaElement | HTMLInputElement"),t()(),n(238,"td"),e(239,"-"),t()(),n(240,"tr")(241,"td")(242,"code"),e(243,"[nzMentionSuggestion]"),t()(),n(244,"td"),e(245,"Customize the suggestion template"),t(),n(246,"td")(247,"code"),e(248,"TemplateRef<any>"),t()(),n(249,"td"),e(250,"-"),t()(),n(251,"tr")(252,"td")(253,"code"),e(254,"[nzLoading]"),t()(),n(255,"td"),e(256,"Loading mode"),t(),n(257,"td")(258,"code"),e(259,"boolean"),t()(),n(260,"td")(261,"code"),e(262,"false"),t()()(),n(263,"tr")(264,"td")(265,"code"),e(266,"[nzNotFoundContent]"),t()(),n(267,"td"),e(268,"Suggestion when suggestions empty"),t(),n(269,"td")(270,"code"),e(271,"string"),t()(),n(272,"td")(273,"code"),e(274,"'\u65E0\u5339\u914D\u7ED3\u679C\uFF0C\u8F7B\u6572\u7A7A\u683C\u5B8C\u6210\u8F93\u5165'"),t()()(),n(275,"tr")(276,"td")(277,"code"),e(278,"[nzPlacement]"),t()(),n(279,"td"),e(280,"The position of the suggestion relative to the target, which can be one of top and bottom"),t(),n(281,"td")(282,"code"),e(283,"'button' | 'top'"),t()(),n(284,"td")(285,"code"),e(286,"'bottom'"),t()()(),n(287,"tr")(288,"td")(289,"code"),e(290,"[nzPrefix]"),t()(),n(291,"td"),e(292,"Character which will trigger Mention to show mention list"),t(),n(293,"td")(294,"code"),e(295,"string | string[]"),t()(),n(296,"td")(297,"code"),e(298,"'@'"),t()()(),n(299,"tr")(300,"td")(301,"code"),e(302,"[nzSuggestions]"),t()(),n(303,"td"),e(304,"Suggestion content"),t(),n(305,"td")(306,"code"),e(307,"any[]"),t()(),n(308,"td")(309,"code"),e(310,"[]"),t()()(),n(311,"tr")(312,"td")(313,"code"),e(314,"[nzStatus]"),t()(),n(315,"td"),e(316,"Set validation status"),t(),n(317,"td")(318,"code"),e(319,"'error' | 'warning'"),t()(),n(320,"td"),e(321,"-"),t()(),n(322,"tr")(323,"td")(324,"code"),e(325,"[nzValueWith]"),t()(),n(326,"td"),e(327,"Function that maps an suggestion's value"),t(),n(328,"td")(329,"code"),e(330,"(any) => string | (value: string) => string"),t()(),p(331,"td"),t(),n(332,"tr")(333,"td")(334,"code"),e(335,"(nzOnSelect)"),t()(),n(336,"td"),e(337,"Callback function called when select from suggestions"),t(),n(338,"td")(339,"code"),e(340,"EventEmitter<any>"),t()(),n(341,"td"),e(342,"-"),t()(),n(343,"tr")(344,"td")(345,"code"),e(346,"(nzOnSearchChange)"),t()(),n(347,"td"),e(348,"Callback function called when search content changes"),t(),n(349,"td")(350,"code"),e(351,"EventEmitter<MentionOnSearchTypes>"),t()(),n(352,"td"),e(353,"-"),t()()()(),n(354,"h4",52)(355,"span"),e(356,"Methods"),t(),n(357,"a",53),e(358,"#"),t()(),n(359,"table")(360,"thead")(361,"tr")(362,"th"),e(363,"Name"),t(),n(364,"th"),e(365,"Description"),t()()(),n(366,"tbody")(367,"tr")(368,"td"),e(369,"getMentions"),t(),n(370,"td"),e(371,"Get the mentions array in the "),n(372,"code"),e(373,"input[nzMentionTrigger]"),t()()()()(),n(374,"h3",54)(375,"span"),e(376,"nzMentionTrigger"),t(),n(377,"a",55),e(378,"#"),t()(),n(379,"p"),e(380,"Trigger element"),t(),n(381,"pre")(382,"code",44)(383,"span",45)(384,"span",45)(385,"span",23),e(386,"<"),t(),e(387,"nz-mention"),t(),n(388,"span",23),e(389,">"),t()(),e(390,` 22 `),n(391,"span",45)(392,"span",45)(393,"span",23),e(394,"<"),t(),e(395,"textarea"),t(),e(396," "),n(397,"span",46),e(398,"nzMentionTrigger"),t(),n(399,"span",23),e(400,">"),t()(),n(401,"span",45)(402,"span",45)(403,"span",23),e(404,"</"),t(),e(405,"textarea"),t(),n(406,"span",23),e(407,">"),t()(),e(408,` 23`),n(409,"span",45)(410,"span",45)(411,"span",23),e(412,"</"),t(),e(413,"nz-mention"),t(),n(414,"span",23),e(415,">"),t()(),e(416,` 24`),t()(),n(417,"pre")(418,"code",44)(419,"span",45)(420,"span",45)(421,"span",23),e(422,"<"),t(),e(423,"nz-mention"),t(),n(424,"span",23),e(425,">"),t()(),e(426,` 25 `),n(427,"span",45)(428,"span",45)(429,"span",23),e(430,"<"),t(),e(431,"input"),t(),e(432," "),n(433,"span",46),e(434,"nzMentionTrigger"),t(),e(435," "),n(436,"span",23),e(437,"/>"),t()(),e(438,` 26`),n(439,"span",45)(440,"span",45)(441,"span",23),e(442,"</"),t(),e(443,"nz-mention"),t(),n(444,"span",23),e(445,">"),t()(),e(446,` 27`),t()(),n(447,"h3",56)(448,"span"),e(449,"nzMentionSuggestion"),t(),n(450,"a",57),e(451,"#"),t()(),n(452,"p"),e(453,"Customize the suggestion template"),t(),n(454,"pre")(455,"code",44)(456,"span",45)(457,"span",45)(458,"span",23),e(459,"<"),t(),e(460,"nz-mention"),t(),e(461," "),n(462,"span",46),e(463,"[nzSuggestions]"),t(),n(464,"span",47)(465,"span",48),e(466,"="),t(),n(467,"span",23),e(468,'"'),t(),e(469,"items"),n(470,"span",23),e(471,'"'),t()(),e(472," "),n(473,"span",46),e(474,"[nzValueWith]"),t(),n(475,"span",47)(476,"span",48),e(477,"="),t(),n(478,"span",23),e(479,'"'),t(),e(480,"valueWith"),n(481,"span",23),e(482,'"'),t()(),n(483,"span",23),e(484,">"),t()(),e(485,` 28 `),n(486,"span",45)(487,"span",45)(488,"span",23),e(489,"<"),t(),e(490,"input"),t(),e(491," "),n(492,"span",46),e(493,"nz-input"),t(),e(494," "),n(495,"span",46),e(496,"nzMentionTrigger"),t(),e(497," "),n(498,"span",23),e(499,"/>"),t()(),e(500,` 29 `),n(501,"span",45)(502,"span",45)(503,"span",23),e(504,"<"),t(),e(505,"ng-container"),t(),e(506," "),n(507,"span",46),e(508,"*nzMentionSuggestion"),t(),n(509,"span",47)(510,"span",48),e(511,"="),t(),n(512,"span",23),e(513,'"'),t(),e(514,"let item"),n(515,"span",23),e(516,'"'),t()(),n(517,"span",23),e(518,">"),t()(),e(519,` 30 `),n(520,"span",45)(521,"span",45)(522,"span",23),e(523,"<"),t(),e(524,"span"),t(),n(525,"span",23),e(526,">"),t()(),e(527,"{{ item.label }} - {{ item.value }}"),n(528,"span",45)(529,"span",45)(530,"span",23),e(531,"</"),t(),e(532,"span"),t(),n(533,"span",23),e(534,">"),t()(),e(535,` 31 `),n(536,"span",45)(537,"span",45)(538,"span",23),e(539,"</"),t(),e(540,"ng-container"),t(),n(541,"span",23),e(542,">"),t()(),e(543,` 32`),n(544,"span",45)(545,"span",45)(546,"span",23),e(547,"</"),t(),e(548,"nz-mention"),t(),n(549,"span",23),e(550,">"),t()(),e(551,` 33`),t()(),n(552,"h3",58)(553,"span"),e(554,"MentionOnSearchTypes"),t(),n(555,"a",59),e(556,"#"),t()(),n(557,"table")(558,"thead")(559,"tr")(560,"th"),e(561,"Property"),t(),n(562,"th"),e(563,"Description"),t(),n(564,"th"),e(565,"Type"),t(),n(566,"th"),e(567,"Default"),t()()(),n(568,"tbody")(569,"tr")(570,"td"),e(571,"value"),t(),n(572,"td"),e(573,"Search keyword"),t(),n(574,"td")(575,"code"),e(576,"string"),t()(),n(577,"td"),e(578,"-"),t()(),n(579,"tr")(580,"td"),e(581,"prefix"),t(),n(582,"td"),e(583,"prefix"),t(),n(584,"td")(585,"code"),e(586,"string"),t()(),n(587,"td"),e(588,"-"),t()()()(),u(),t()()),i&2&&(s(),d("nzOffsetTop",16),s(),d("nzAffix",!1),s(53),d("nzGutter",16),s(),d("nzXl",12)("nzSpan",24),s(),d("nzId","components-mention-demo-basic")("nzLink","components-mention-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/basic.md"),s(5),d("nzId","components-mention-demo-form")("nzLink","components-mention-demo-form")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/form.md"),s(8),d("nzId","components-mention-demo-readonly")("nzLink","components-mention-demo-readonly")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/readonly.md"),s(11),d("nzId","components-mention-demo-avatar")("nzLink","components-mention-demo-avatar")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/avatar.md"),s(5),d("nzId","components-mention-demo-multilines")("nzLink","components-mention-demo-multilines")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/multilines.md"),s(5),d("nzId","components-mention-demo-status")("nzLink","components-mention-demo-status")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/status.md"),s(14),d("nzXl",12)("nzSpan",24),s(),d("nzId","components-mention-demo-async")("nzLink","components-mention-demo-async")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/async.md"),s(5),d("nzId","components-mention-demo-prefix")("nzLink","components-mention-demo-prefix")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/prefix.md"),s(14),d("nzId","components-mention-demo-placement")("nzLink","components-mention-demo-placement")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/placement.md"),s(5),d("nzId","components-mention-demo-custom-tag")("nzLink","components-mention-demo-custom-tag")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/custom-tag.md"),s(5),d("nzId","components-mention-demo-preview")("nzLink","components-mention-demo-preview")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/mention/demo/preview.md"))},dependencies:[ye,L,Me,ve,Ce,U,X,xe,Q,J,$,Y,ee,te,ne,ie,oe,me,re,ae],encapsulation:2})};var yn=[{path:"en",component:De},{path:"zh",component:Ne}],qo=yn;export{qo as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.