chunk-ARNAIIKN.js

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