https://preview-9267-ng-zorro-antd.surge.sh/chunk-2EIQAF2O.js

1import{e as Gt,f as Zt,g as jt}from"./chunk-XSOCPCNZ.js";import{a as Qt,b as qt,c as Ut,d as Xt,e as Kt}from"./chunk-EXIVASKO.js";import"./chunk-2XFZPEIP.js";import"./chunk-2PR7VTUQ.js";import{b as Rt,c as Pt}from"./chunk-X4TKTQ34.js";import{a as xt,c as Et}from"./chunk-PQ64B72B.js";import{a as V,g as Ee,h as Ce,m as Me,n as ve}from"./chunk-ONJGHKD5.js";import"./chunk-HECQD5M5.js";import"./chunk-WRS55NNU.js";import{B as ct,Ba as ft,Bc as C,Cd as Se,D as gt,Dc as bt,Fb as Ct,Fc as M,Gc as _t,Hd as v,Ia as ht,Ja as ze,Jc as b,Kc as wt,Lb as Mt,Mb as Ae,Md as y,Nc as It,Nd as Ht,Oc as Ft,Od as Vt,Pb as vt,Qd as Lt,Rd as Wt,Sd as Q,Td as q,Uc as Tt,Wc as _,Wd as xe,Xa as fe,Xc as At,d as ut,lc as yt,mc as Nt,qb as j,ra as zt,sb as St,sd as Bt,td as kt,ud as Ot,vc as he,yc as Dt}from"./chunk-FE3MHUBC.js";import{$b as pe,Bc as lt,C as Ve,Cb as L,Cc as ge,Eb as H,Ec as S,Fb as we,Fc as x,Gc as E,Ja as Xe,Ma as de,O as Le,Oc as Fe,Pc as Z,Qb as re,Qc as st,Sb as ae,Ub as tt,Vb as nt,Wb as it,Xb as d,Y as We,Yb as n,Z as Ge,Zb as t,Zc as dt,_b as p,a as Oe,ac as ue,bc as ot,ca as Ze,cc as ce,eb as Ke,f as Re,fa as je,ga as Qe,ha as qe,ic as z,kb as s,kc as F,la as D,lc as mt,mb as be,mc as rt,nc as at,o as Pe,ob as Je,oc as P,pb as Ye,pc as B,qa as u,qc as k,qd as Te,ra as c,rb as $e,s as He,sa as W,ta as G,ud as pt,wb as g,wc as Ie,xa as Ue,xb as et,ya as se,yb as _e,zc as e}from"./chunk-OQ4XWHPB.js";import"./chunk-JNGVGNCT.js";var $t=["items"],en=["*"],tn=m=>({$implicit:m});function nn(m,a){m&1&&ot(0)}function on(m,a){if(m&1&&L(0,nn,1,0,"ng-container",8),m&2){let i=F().$implicit,o=F(2);d("ngTemplateOutlet",o.suggestionTemplate)("ngTemplateOutletContext",st(2,tn,i))}}function mn(m,a){if(m&1&&e(0),m&2){let i=F().$implicit,o=F(2);lt(" ",o.nzValueWith(i)," ")}}function rn(m,a){if(m&1){let i=ce();n(0,"li",7,1),z("click",function(){let l=W(i).$implicit,r=F(2);return G(r.selectSuggestion(l))}),re(2,on,1,4,"ng-container")(3,mn,1,1),t()}if(m&2){let i=a.$index,o=F(2);Ie("ant-mentions-dropdown-menu-item-active",i===o.activeIndex)("ant-mentions-dropdown-menu-item-selected",i===o.activeIndex),s(2),ae(o.suggestionTemplate?2:3)}}function an(m,a){m&1&&(n(0,"span"),p(1,"nz-icon",9),t())}function ln(m,a){if(m&1&&(n(0,"span"),p(1,"nz-embed-empty",10),t()),m&2){let i=F(3);s(),d("specificContent",i.nzNotFoundContent)}}function sn(m,a){if(m&1&&(n(0,"li",6),re(1,an,2,0,"span")(2,ln,2,1,"span"),t()),m&2){let i=F(2);s(),ae(i.nzLoading?1:2)}}function dn(m,a){if(m&1&&(n(0,"div",3)(1,"ul",4),nt(2,rn,4,5,"li",5,tt),re(4,sn,3,1,"li",6),t()()),m&2){let i=F();s(2),it(i.filteredSuggestions),s(2),ae(i.filteredSuggestions.length===0?4:-1)}}function pn(m,a){if(m&1&&p(0,"nz-form-item-feedback-icon",2),m&2){let i=F();d("status",i.status)}}var le=(()=>{class m{static \u0275fac=function(o){return new(o||m)};static \u0275dir=_e({type:m,selectors:[["","nzMentionSuggestion",""]],exportAs:["nzMentionSuggestion"]})}return m})(),U={split:" "},Be=(()=>{class m{trigger;triggerChange$=new Re;constructor(){D(se).onDestroy(()=>{this.triggerChange$.complete()})}triggerChanged(){return this.triggerChange$.asObservable()}registerTrigger(i){this.trigger!==i&&(this.trigger=i,this.triggerChange$.next(i))}static \u0275fac=function(o){return new(o||m)};static \u0275prov=Qe({token:m,factory:m.\u0275fac})}return m})(),un={provide:Dt,useExisting:je(()=>f),multi:!0},f=(()=>{class m{elementRef=D(de);ngZone=D(we);cdr=D(Te);destroyRef=D(se);nzMentionService=D(Be);onFocusin=new H;onBlur=new H;onInput=new H;onKeydown=new H;onClick=new H;value;constructor(){this.destroyRef.onDestroy(()=>{this.completeEvents()})}completeEvents(){this.onFocusin.complete(),this.onBlur.complete(),this.onInput.complete(),this.onKeydown.complete(),this.onClick.complete()}focus(i=null){this.elementRef.nativeElement.focus(),this.elementRef.nativeElement.setSelectionRange(i,i)}insertMention(i){let o=this.elementRef.nativeElement.value,l=`${i.mention}${U.split}`,r=[o.slice(0,i.startPos+1),l,o.slice(i.endPos,o.length)].join("");this.elementRef.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.elementRef.nativeElement.value=i:this.elementRef.nativeElement.value=""}onChange=()=>{};onTouched=()=>{};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)}setupEventListener(i,o){ze(this.elementRef.nativeElement,i).pipe(fe(this.destroyRef)).subscribe(l=>{o.observers.length&&this.ngZone.run(()=>

1{o.emit(l),this.cdr.markForCheck()})})}static \u0275fac=function(o){return new(o||m)};static \u0275dir=_e({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([un])]})}return m})(),h=(()=>{class m{ngZone=D(we);directionality=D(gt);cdr=D(Te);overlay=D(vt);viewContainerRef=D($e);elementRef=D(de);renderer=D(Je);nzMentionService=D(Be);destroyRef=D(se);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 H;nzOnSearchChange=new H;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=D(Ue);get triggerNativeElement(){return this.trigger.elementRef.nativeElement}get focusItemElement(){let i=this.items?.toArray();return i&&i[this.activeIndex]?i[this.activeIndex].nativeElement:null}nzFormStatusService=D(Bt,{optional:!0});nzFormNoStatusService=D(kt,{optional:!0});constructor(){this.destroyRef.onDestroy(()=>{this.closeDropdown()})}ngOnInit(){this.nzFormStatusService?.formStatusChanges.pipe(Le((i,o)=>i.status===o.status&&i.hasFeedback===o.hasFeedback),Ze(this.nzFormNoStatusService?this.nzFormNoStatusService.noFormStatus:Pe(!1)),He(([{status:i,hasFeedback:o},l])=>({status:l?"":i,hasFeedback:o})),fe(this.destroyRef)).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(fe(this.destroyRef)).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(We(this.items),Ge(()=>{let i=this.items.toArray();return Ve(...i.map(o=>ze(o.nativeElement,"mousedown")))})).subscribe(i=>{i.preventDefault()})}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?zt(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(A=>this.nzValueWith(A).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,U.split)||"",o=this.triggerNativeElement.selectionStart,l=typeof this.nzPrefix=="string"?[this.nzPrefix]:this.nzPrefix,r=l.length;for(;r>=0;){let A=i.lastIndexOf(l[r],o),ke=i.indexOf(U.split,o)>-1?i.indexOf(U.split,o):i.length,De=i.substring(A,ke);if(A>0&&i[A-1]!==U.split||A<0||De.includes(l[r],1)||De.includes(U.split))this.cursorMention=null,this.cursorMentionStart=-1,this.cursorMentionEnd=-1;else{this.cursorMention=De,this.cursorMentionStart=A,this.cursorMentionEnd=ke;return}r--}}updatePositions(){let i=ft(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([...Nt]),this.nzPlacement==="top"&&this.positionStrategy.withPositions([...yt]),this.positionStrategy.apply()}subscribeOverlayOutsideClick(){let i=l=>{let r=l.target;return this.isOpen&&r!==this.trigger.elementRef.nativeElement&&!this.overlayRef?.overlayElement.contains(r)},o=new Oe;return o.add(this.overlayRef.outsidePointerEvents().subscribe(l=>i(l)&&this.closeDropdown())),o.add(ze(this.document,"touchend").subscribe(l=>i(l)&&this.ngZone.run(()=>this.closeDropdown()))),o}

1attachOverlay(){this.overlayRef||(this.portal=new Ct(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 Mt({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.elementRef).withPositions(i).withFlexibleDimensions(!1).withPush(!1),this.positionStrategy}setStatusStyles(i,o){this.status=i,this.hasFeedback=o,this.cdr.markForCheck(),this.statusCls=ht(this.prefixCls,i,o),Object.keys(this.statusCls).forEach(l=>{this.statusCl

1s[l]?this.renderer.addClass(this.elementRef.nativeElement,l):this.renderer.removeClass(this.elementRef.nativeElement,l)})}static \u0275fac=function(o){return new(o||m)};static \u0275cmp=g({type:m,selectors:[["nz-mention"]],contentQueries:function(o,l,r){if(o&1&&at(r,le,5,be),o&2){let A;B(A=k())&&(l.suggestionChild=A.first)}},viewQuery:function(o,l){if(o&1&&(P(be,5),P($t,5,de)),o&2){let r;B(r=k())&&(l.suggestionsTemp=r.first),B(r=k())&&(l.items=r)}},hostAttrs:[1,"ant-mentions"],hostVars:2,hostBindings:function(o,l){o&2&&Ie("ant-mentions-rtl",l.dir==="rtl")},inputs:{nzValueWith:"nzValueWith",nzPrefix:"nzPrefix",nzLoading:[2,"nzLoading","nzLoading",pt],nzNotFoundContent:"nzNotFoundContent",nzPlacement:"nzPlacement",nzSuggestions:"nzSuggestions",nzStatus:"nzStatus"},outputs:{nzOnSelect:"nzOnSelect",nzOnSearchChange:"nzOnSearchChange"},exportAs:["nzMention"],features:[Fe([Be]),Xe],ngContentSelectors:en,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&&(mt(),rt(0),L(1,dn,5,1,"ng-template",null,0,dt),re(3,pn,1,1,"nz-form-item-feedback-icon",2)),o&2&&(s(3),ae(l.hasFeedback&&l.status?3:-1))},dependencies:[ut,St,j,Pt,Rt,Ot],encapsulation:2,changeDetection:0})}return m})();var N=(()=>{class m{static \u0275fac=function(o){return new(o||m)};static \u0275mod=et({type:m});static \u0275inj=qe({imports:[h]})}return m})();var X=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:[_,C,M,b,y,v,N,h,f],encapsulation:2})};function cn(m,a){if(m&1&&(pe(0),p(1,"nz-avatar",3),n(2,"span"),e(3),t(),ue()),m&2){let i=a.$implicit;s(),d("nzText",i.name)("nzSrc",i.icon),s(2),ge("",i.name," - ",i.type)}}var K=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(),L(2,cn,4,4,"ng-container",2),t()),i&2&&(d("nzSuggestions",o.webFrameworks)("nzValueWith",o.valueWith),s(),S("ngModel",o.inputValue))},dependencies:[_,C,M,b,Et,xt,y,v,N,h,f,le],styles:[".ant-avatar.ant-avatar-sm[_ngcontent-%COMP%]{width:14px;

1height:14px;margin-right:8px;position:relative}"]})};var J=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:[_,C,M,b,y,v,N,h,f],encapsulation:2})};function gn(m,a){if(m&1&&(pe(0),n(1,"span"),e(2),t(),ue()),m&2){let i=a.$implicit;s(2),ge("",i.name," - ",i.type)}}var Y=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(),L(2,gn,3,2,"ng-container",2),t()),i&2&&(d("nzSuggestions",o.webFrameworks)("nzValueWith",o.valueWith),s(),S("ngModel",o.inputValue))},dependencies:[_,C,M,b,y,v,N,h,f,le],encapsulation:2})};var zn=["mentions"],$=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=D(Tt);validateForm=this.fb.group({mention:["@afc163 ",[bt.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&&P(zn,7),i&2){let l;B(l=k())&&(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=ce();n(0,"form",1),z("ngSubmit",function(){return W(l),G(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 W(l),G(o.submitForm())}),e(12,"Submit"),t(),n(13,"button",10),z("click",function(){return W(l),G(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:[At,wt,C,M,_t,It,Ft,Wt,Lt,Ht,Vt,Kt,q,Q,qt,Qt,Xt,Ut,y,v,N,h,f],styles:[".cta-wrapper[_ngcontent-%COMP%]{display:flex;gap:1rem}"]})};var fn=()=>({minRows:4,maxRows:4}),ee=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,fn)),S("ngModel",o.inputValue))},dependencies:[_,C,M,b,y,v,Se,N,h,f],encapsulation:2})};var te=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:[_,C,M,b,y,v,N,h,f],encapsulation:2})};var hn=()=>["#","@"],ne=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,hn)),s(),S("ngModel",o.inputValue))},dependencies:[_,C,M,b,y,v,N,h,f],encapsulation:2})};var Sn=()=>({minRows:4,maxRows:4}),ie=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)(Ye(ct))};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-tabs")(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,Sn)),S("ngModel",o.inputValue),s(2),d("innerHTML",o.preview,Ke))},dependencies:[_,C,M,b,y,v,Se,N,h,f,jt,Zt,Gt],encapsulation:2})};var oe=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:[_,C,M,b,y,v,N,h,f],encapsulation:2})};var me=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:[_,C,M,b,y,v,N,h,f],encapsulation:2})};var ye=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&&P(V,5),i&2){let l;B(l=k())&&(o.codeBoxes=l)}},decls:587,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"],["name","mention","description","\u7528\u4E8E\u5728\u8F93\u5165\u4E2D\u63D0\u53CA\u67D0\u4EBA\u6216\u67D0\u4E8B\u3002","language","zh"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],["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","punctuation"],[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()(),p(23,"component-meta",19),n(24,"section",14),c(),n(25,"h2",20)(26,"span"),e(27,"\u4F55\u65F6\u4F7F\u7528"),t(),n(28,"a",21),e(29,"#"),t()(),n(30,"p"),e(31,"\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(),u(),t(),n(32,"h2")(33,"span"),e(34,"\u4EE3\u7801\u6F14\u793A"),t(),n(35,"nz-icon",22),z("click",function(){return o.expandAllCode()}),t()()(),n(36,"div",23)(37,"div",24)(38,"nz-code-box",25),p(39,"nz-demo-mention-basic",26),n(40,"div",27),c(),n(41,"p"),e(42,"\u57FA\u672C\u4F7F\u7528"),t(),u(),t()(),n(43,"nz-code-box",28),p(44,"nz-demo-mention-form",26),n(45,"div",27),c(),n(46,"p"),e(47,"\u53D7\u63A7\u6A21\u5F0F\uFF0C\u4F8B\u5982\u914D\u5408 Form \u4F7F\u7528\u3002"),t(),u(),t()(),n(48,"nz-code-box",29),p(49,"nz-demo-mention-readonly",26),n(50,"div",27),c(),n(51,"p"),e(52,"\u901A\u8FC7 "),n(53,"code"),e(54,"disabled"),t(),e(55," \u5C5E\u6027\u8BBE\u7F6E\u662F\u5426\u751F\u6548\u3002\u901A\u8FC7 "),n(56,"code"),e(57,"readOnly"),t(),e(58," \u5C5E\u6027\u8BBE\u7F6E\u662F\u5426\u53EA\u8BFB\u3002"),t(),u(),t()(),n(59,"nz-code-box",30),p(60,"nz-demo-mention-avatar",26),n(61,"div",27),c(),n(62,"p"),e(63,"\u81EA\u5B9A\u4E49\u5EFA\u8BAE\uFF08\u542B\u5934\u50CF\uFF09"),t(),n(64,"p"),e(65,"\u6CE8\u610F\uFF0C"),n(66,"code"),e(67,"nzSuggestions"),t(),e(68," \u4E0D\u4E3A "),n(69,"code"),e(70,"string[]"),t(),e(71," \u65F6\uFF0C\u9700\u8981\u63D0\u4F9B "),n(72,"code"),e(73,"nzValueWith"),t(),e(74,"\u3002"),t(),u(),t()(),n(75,"nz-code-box",31),p(76,"nz-demo-mention-multilines",26),n(77,"div",27),c(),n(78,"p"),e(79,"\u591A\u884C\u6A21\u5F0F\u3002"),t(),u(),t()(),n(80,"nz-code-box",32),p(81,"nz-demo-mention-status",26),n(82,"div",27),c(),n(83,"p"),e(84,"\u4F7F\u7528 "),n(85,"code"),e(86,"nzStatus"),t(),e(87," \u4E3A Mentions \u6DFB\u52A0\u72B6\u6001\u3002\u53EF\u9009 "),n(88,"code"),e(89,"error"),t(),e(90," \u6216\u8005 "),n(91,"code"),e(92,"warning"),t(),e(93,"\u3002"),t(),u(),t()()(),n(94,"div",24)(95,"nz-code-box",33),p(96,"nz-demo-mention-async",26),n(97,"div",27),c(),n(98,"p"),e(99,"\u5339\u914D\u5185\u5BB9\u5217\u8868\u4E3A\u5F02\u6B65\u8FD4\u56DE\u65F6\u3002"),t(),u(),t()(),n(100,"nz-code-box",34),p(101,"nz-demo-mention-prefix",26),n(102,"div",27),c(),n(103,"p"),e(104,"\u901A\u8FC7 "),n(105,"code"),e(106,"nzPrefix"),t(),e(107," \u5C5E\u6027\u81EA\u5B9A\u4E49\u89E6\u53D1\u5B57\u7B26\u3002\u9ED8\u8BA4\u4E3A "),n(108,"code"),e(109,"@"),t(),e(110,", \u53EF\u4EE5\u5B9A\u4E49\u4E3A\u6570\u7EC4\u3002"),t(),u(),t()(),n(111,"nz-code-box",35),p(112,"nz-demo-mention-placement",26),n(113,"div",27),c(),n(114,"p"),e(115,"\u5411\u4E0A\u5C55\u5F00\u5EFA\u8BAE\u3002"),t(),u(),t()(),n(116,"nz-code-box",36),p(117,"nz-demo-mention-custom-tag",26),n(118,"div",27),c(),n(119,"p"),e(120,"\u81EA\u5B9A\u4E49\u5EFA\u8BAE"),t(),n(121,"p"),e(122,"\u6CE8\u610F\uFF0C"),n(123,"code"),e(124,"nzSuggestions"),t(),e(125," \u4E0D\u4E3A "),n(126,"code"),e(127,"string[]"),t(),e(128," \u65F6\uFF0C\u9700\u8981\u63D0\u4F9B "),n(129,"code"),e(130,"nzValueWith"),t(),e(131,"\u3002"),t(),u(),t()(),n(132,"nz-code-box",37),p(133,"nz-demo-mention-preview",26),n(134,"div",27),c(),n(135,"p"),e(136,"\u6E32\u67D3\u63D0\u53CA"),t(),u(),t()()()(),n(137,"section",38),c(),n(138,"h2",39)(139,"span"),e(140,"API"),t(),n(141,"a",40),e(142,"#"),t()(),n(143,"pre")(144,"code",41)(145,"span",42)(146,"span",42)(147,"span",43),e(148,"<"),t(),e(149,"nz-mention"),t(),e(150," "),n(151,"span",44),e(152,"[nzSuggestions]"),t(),n(153,"span",45)(154,"span",46),e(155,"="),t(),n(156,"span",43),e(157,'"'),t(),e(158,"suggestions"),n(159,"span",43),e(160,'"'),t()(),n(161,"span",43),e(162,">"),t()(),e(163,`
2  `),n(164,"span",42)(165,"span",42)(166,"span",43),e(167,"<"),t(),e(168,"textarea"),t(),e(169," "),n(170,"span",44),e(171,"nz-input"),t(),e(172," "),n(173,"span",44),e(174,"[(ngModel)]"),t(),n(175,"span",45)(176,"span",46),e(177,"="),t(),n(178,"span",43),e(1

279,'"'),t(),e(180,"value"),n(181,"span",43),e(182,'"'),t()(),e(183," "),n(184,"span",44),e(185,"nzMentionTrigger"),t(),n(186,"span",43),e(187,">"),t()(),e(188," "),n(189,"span",42)(190,"span",42)(191,"span",43),e(192,"</"),t(),e(193,"textarea"),t(),n(194,"span",43),e(195,">"),t()(),e(196,`
3`),n(197,"span",42)(198,"span",42)(199,"span",43),e(200,"</"),t(),e(201,"nz-mention"),t(),n(202,"span",43),e(203,">"),t()(),e(204,`
4`),t()(),n(205,"h3",47)(206,"span"),e(207,"nz-mention"),t(),n(208,"label",48),e(209,"component"),t(),n(210,"a",49),e(211,"#"),t()(),n(212,"table")(213,"thead")(214,"tr")(215,"th"),e(216,"\u53C2\u6570"),t(),n(217,"th"),e(218,"\u8BF4\u660E"),t(),n(219,"th"),e(220,"\u7C7B\u578B"),t(),n(221,"th"),e(222,"\u9ED8\u8BA4\u503C"),t()()(),n(223,"tbody")(224,"tr")(225,"td")(226,"code"),e(227,"[nzMentionTrigger]"),t()(),n(228,"td"),e(229,"\u7528\u4E8E\u6307\u5B9A\u63D0\u53CA\u7684\u89E6\u53D1\u5143\u7D20 "),n(230,"strong"),e(231,"(\u5FC5\u987B)"),t()(),n(232,"td")(233,"code"),e(234,"HTMLTextAreaElement | HTMLInputElement"),t()(),n(235,"td"),e(236,"-"),t()(),n(237,"tr")(238,"td")(239,"code"),e(240,"[nzMentionSuggestion]"),t()(),n(241,"td"),e(242,"\u81EA\u5B9A\u4E49\u5EFA\u8BAE\u6E32\u67D3\u6A21\u677F"),t(),n(243,"td")(244,"code"),e(245,"TemplateRef<any>"),t()(),n(246,"td"),e(247,"-"),t()(),n(248,"tr")(249,"td")(250,"code"),e(251,"[nzLoading]"),t()(),n(252,"td"),e(253,"\u52A0\u8F7D\u4E2D"),t(),n(254,"td")(255,"code"),e(256,"boolean"),t()(),n(257,"td")(258,"code"),e(259,"false"),t()()(),n(260,"tr")(261,"td")(262,"code"),e(263,"[nzNotFoundContent]"),t()(),n(264,"td"),e(265,"\u672A\u627E\u5230\u65F6\u7684\u5185\u5BB9"),t(),n(266,"td")(267,"code"),e(268,"string"),t()(),n(269,"td")(270,"code"),e(271,"'\u65E0\u5339\u914D\u7ED3\u679C\uFF0C\u8F7B\u6572\u7A7A\u683C\u5B8C\u6210\u8F93\u5165'"),t()()(),n(272,"tr")(273,"td")(274,"code"),e(275,"[nzPlacement]"),t()(),n(276,"td"),e(277,"\u5EFA\u8BAE\u6846\u4F4D\u7F6E"),t(),n(278,"td")(279,"code"),e(280,"'bottom' | 'top'"),t()(),n(281,"td")(282,"code"),e(283,"'bottom'"),t()()(),n(284,"tr")(285,"td")(286,"code"),e(287,"[nzPrefix]"),t()(),n(288,"td"),e(289,"\u89E6\u53D1\u5F39\u51FA\u4E0B\u62C9\u6846\u7684\u5B57\u7B26"),t(),n(290,"td")(291,"code"),e(292,"string | string[]"),t()(),n(293,"td")(294,"code"),e(295,"'@'"),t()()(),n(296,"tr")(297,"td")(298,"code"),e(299,"[nzSuggestions]"),t()(),n(300,"td"),e(301,"\u5EFA\u8BAE\u5185\u5BB9"),t(),n(302,"td")(303,"code"),e(304,"any[]"),t()(),n(305,"td")(306,"code"),e(307,"[]"),t()()(),n(308,"tr")(309,"td")(310,"code"),e(311,"[nzStatus]"),t()(),n(312,"td"),e(313,"\u8BBE\u7F6E\u6821\u9A8C\u72B6\u6001"),t(),n(314,"td")(315,"code"),e(316,"'error' | 'warning'"),t()(),n(317,"td"),e(318,"-"),t()(),n(319,"tr")(320,"td")(321,"code"),e(322,"[nzValueWith]"),t()(),n(323,"td"),e(324,"\u5EFA\u8BAE\u9009\u9879\u7684\u53D6\u503C\u65B9\u6CD5"),t(),n(325,"td")(326,"code"),e(327,"(any) => string | (value: string) => string"),t()(),p(328,"td"),t(),n(329,"tr")(330,"td")(331,"code"),e(332,"(nzOnSelect)"),t()(),n(333,"td"),e(334,"\u4E0B\u62C9\u6846\u9009\u62E9\u5EFA\u8BAE\u65F6\u56DE\u8C03"),t(),n(335,"td")(336,"code"),e(337,"EventEmitter<any>"),t()(),n(338,"td"),e(339,"-"),t()(),n(340,"tr")(341,"td")(342,"code"),e(343,"(nzOnSearchChange)"),t()(),n(344,"td"),e(345,"\u8F93\u5165\u6846\u4E2D @ \u53D8\u5316\u65F6\u56DE\u8C03"),t(),n(346,"td")(347,"code"),e(348,"EventEmitter<MentionOnSearchTypes>"),t()(),n(349,"td"),e(350,"-"),t()()()(),n(351,"h4",50)(352,"span"),e(353,"\u65B9\u6CD5"),t(),n(354,"a",51),e(355,"#"),t()(),n(356,"table")(357,"thead")(358,"tr")(359,"th"),e(360,"\u65B9\u6CD5\u540D"),t(),n(361,"th"),e(362,"\u8BF4\u660E"),t()()(),n(363,"tbody")(364,"tr")(365,"td"),e(366,"getMentions"),t(),n(367,"td"),e(368,"\u83B7\u53D6 "),n(369,"code"),e(370,"input[nzMentionTrigger]"),t(),e(371," \u4E2D\u7684\u63D0\u53CA\u6570\u7EC4"),t()()()(),n(372,"h3",52)(373,"span"),e(374,"nzMentionTrigger"),t(),n(375,"a",53),e(376,"#"),t()(),n(377,"p"),e(378,"\u7528\u4E8E\u6307\u5B9A\u63D0\u53CA\u7684\u89E6\u53D1\u5143\u7D20"),t(),n(379,"pre")(380,"code",41)(381,"span",42)(382,"span",42)(383,"span",43),e(384,"<"),t(),e(385,"nz-mention"),t(),n(386,"span",43),e(387,">"),t()(),e(388,`
5  `),n(389,"span",42)(390,"span",42)(391,"span",43),e(392,"<"),t(),e(393,"textarea"),t(),e(394," "),n(395,"span",44),e(396,"nzMentionTrigger"),t(),n(397,"span",43),e(398,">"),t()(),n(399,"span",42)(400,"span",42)(401,"span",43),e(402,"</"),t(),e(403,"textarea"),t(),n(404,"span",43),e(405,">"),t()(),e(406,`
6`),n(407,"span",42)(408,"span",42)(409,"span",43),e(410,"</"),t(),e(411,"nz-mention"),t(),n(412,"span",43),e(413,">"),t()(),e(414,`
7`),t()(),n(415,"pre")(416,"code",41)(417,"span",42)(418,"span",42)(419,"span",43),e(420,"<"),t(),e(421,"nz-mention"),t(),n(422,"span",43),e(423,">"),t()(),e(424,`

8  `),n(425,"span",42)(426,"span",42)(427,"span",43),e(428,"<"),t(),e(429,"input"),t(),e(430," "),n(431,"span",44),e(432,"nzMentionTrigger"),t(),e(433," "),n(434,"span",43),e(435,"/>"),t()(),e(436,`
9`),n(437,"span",42)(438,"span",42)(439,"span",43),e(440,"</"),t(),e(441,"nz-mention"),t(),n(442,"span",43),e(443,">"),t()(),e(444,`
10`),t()(),n(445,"h3",54)(446,"span"),e(447,"nzMentionSuggestion"),t(),n(448,"a",55),e(449,"#"),t()(),n(450,"p"),e(451,"\u81EA\u5B9A\u4E49\u5EFA\u8BAE\u6E32\u67D3\u6A21\u677F"),t(),n(452,"pre")(453,"code",41)(454,"span",42)(455,"span",42)(456,"span",43),e(457,"<"),t(),e(458,"nz-mention"),t(),e(459," "),n(460,"span",44),e(461,"[nzSuggestions]"),t(),n(462,"span",45)(463,"span",46),e(464,"="),t(),n(465,"span",43),e(466,'"'),t(),e(467,"items"),n(468,"span",43),e(469,'"'),t()(),e(470," "),n(471,"span",44),e(472,"[nzValueWith]"),t(),n(473,"span",45)(474,"span",46),e(475,"="),t(),n(476,"span",43),e(477,'"'),t(),e(478,"valueWith"),n(479,"span",43),e(480,'"'),t()(),n(481,"span",43),e(482,">"),t()(),e(483,`
11  `),n(484,"span",42)(485,"span",42)(486,"span",43),e(487,"<"),t(),e(488,"input"),t(),e(489," "),n(490,"span",44),e(491,"nz-input"),t(),e(492," "),n(493,"span",44),e(494,"nzMentionTrigger"),t(),e(495," "),n(496,"span",43),e(497,"/>"),t()(),e(498,`
12  `),n(499,"span",42)(500,"span",42)(501,"span",43),e(502,"<"),t(),e(503,"ng-container"),t(),e(504," "),n(505,"span",44),e(506,"*nzMentionSuggestion"),t(),n(507,"span",45)(508,"span",46),e(509,"="),t(),n(510,"span",43),e(511,'"'),t(),e(512,"let item"),n(513,"span",43),e(514,'"'),t()(),n(515,"span",43),e(516,">"),t()(),e(517,`
13    `),n(518,"span",42)(519,"span",42)(520,"span",43),e(521,"<"),t(),e(522,"span"),t(),n(523,"span",43),e(524,">"),t()(),e(525,"{{ item.label }} - {{ item.value }}"),n(526,"span",42)(527,"span",42)(528,"span",43),e(529,"</"),t(),e(530,"span"),t(),n(531,"span",43),e(532,">"),t()(),e(533,`
14  `),n(534,"span",42)(535,"span",42)(536,"span",43),e(537,"</"),t(),e(538,"ng-container"),t(),n(539,"span",43),e(540,">"),t()(),e(541,`
15`),n(542,"span",42)(543,"span",42)(544,"span",43),e(545,"</"),t(),e(546,"nz-mention"),t(),n(547,"span",43),e(548,">"),t()(),e(549,`
16`),t()(),n(550,"h3",56)(551,"span"),e(552,"MentionOnSearchTypes"),t(),n(553,"a",57),e(554,"#"),t()(),n(555,"table")(556,"thead")(557,"tr")(558,"th"),e(559,"\u53C2\u6570"),t(),n(560,"th"),e(561,"\u8BF4\u660E"),t(),n(562,"th"),e(563,"\u7C7B\u578B"),t(),n(564,"th"),e(565,"\u9ED8\u8BA4\u503C"),t()()(),n(566,"tbody")(567,"tr")(568,"td"),e(569,"value"),t(),n(570,"td"),e(571,"\u641C\u7D22\u5173\u952E\u8BCD"),t(),n(572,"td")(573,"code"),e(574,"string"),t()(),n(575,"td"),e(576,"-"),t()(),n(577,"tr")(578,"td"),e(579,"prefix"),t(),n(580,"td"),e(581,"\u89E6\u53D1\u524D\u7F00"),t(),n(582,"td")(583,"code"),e(584,"string"),t()(),n(585,"td"),e(586,"-"),t()()()(),u(),t()()),i&2&&(s(),d("nzOffsetTop",16),s(),d("nzAffix",!1),s(34),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:[ve,V,Me,Ee,Ce,xe,q,Q,he,j,X,K,J,Y,$,ee,te,ne,ie,oe,me],encapsulation:2})};var Ne=class m{expanded=!1;codeBoxes;goLink(a){window&&(window.location.hash=a)}

16expandAllCode(){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&&P(V,5),i&2){let l;B(l=k())&&(o.codeBoxes=l)}},decls:569,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"],["name","mention","description","Used to mention someone or something in an input.","language","en"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],["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","punctuation"],[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)}

16),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()(),p(22,"component-meta",19),n(23,"section",14),c(),n(24,"h2",20)(25,"span"),e(26,"When To Use"),t(),n(27,"a",21),e(28,"#"),t()(),n(29,"p"),e(30,"When need to mention someone or something."),t(),u(),t(),n(31,"h2")(32,"span"),e(33,"Examples"),t(),n(34,"nz-icon",22),z("click",function(){return o.expandAllCode()}),t()()(),n(35,"div",23)(36,"div",24)(37,"nz-code-box",25),p(38,"nz-demo-mention-basic",26),n(39,"div",27),c(),n(40,"p"),e(41,"Basic usage."),t(),u(),t()(),n(42,"nz-code-box",28),p(43,"nz-demo-mention-form",26),n(44,"div",27),c(),n(45,"p"),e(46,"Controlled mode, for example, to work with "),n(47,"code"),e(48,"Form"),t(),e(49,"."),t(),u(),t()(),n(50,"nz-code-box",29),p(51,"nz-demo-mention-readonly",26),n(52,"div",27),c(),n(53,"p"),e(54,"Configurate "),n(55,"code"),e(56,"disabled"),t(),e(57," and "),n(58,"code"),e(59,"readOnly"),t(),e(60,"."),t(),u(),t()(),n(61,"nz-code-box",30),p(62,"nz-demo-mention-avatar",26),n(63,"div",27),c(),n(64,"p"),e(65,"Customize suggestions."),t(),u(),t()(),n(66,"nz-code-box",31),p(67,"nz-demo-mention-multilines",26),n(68,"div",27),c(),n(69,"p"),e(70,"Multi lines mode."),t(),u(),t()(),n(71,"nz-code-box",32),p(72,"nz-demo-mention-status",26),n(73,"div",27),c(),n(74,"p"),e(75,"Add status to Mentions with "),n(76,"code"),e(77,"nzStatus"),t(),e(78,", which could be "),n(79,"code"),e(80,"error"),t(),e(81," or "),n(82,"code"),e(83,"warning"),t(),e(84,"\u3002"),t(),u(),t()()(),n(85,"div",24)(86,"nz-code-box",33),p(87,"nz-demo-mention-async",26),n(88,"div",27),c(),n(89,"p"),e(90,"async"),t(),u(),t()(),n(91,"nz-code-box",34),p(92,"nz-demo-mention-prefix",26),n(93,"div",27),c(),n(94,"p"),e(95,"Customize Trigger Token by "),n(96,"code"),e(97,"nzPrefix"),t(),e(98," props. Default to "),n(99,"code"),e(100,"@"),t(),e(101,", "),n(102,"code"),e(103,"Array<string>"),t(),e(104," also supported."),t(),u(),t()(),n(105,"nz-code-box",35),p(106,"nz-demo-mention-placement",26),n(107,"div",27),c(),n(108,"p"),e(109,"Change the suggestions placement."),t(),u(),t()(),n(110,"nz-code-box",36),p(111,"nz-demo-mention-custom-tag",26),n(112,"div",27),c(),n(113,"p"),e(114,"Customize suggestions."),t(),u(),t()(),n(115,"nz-code-box",37),p(116,"nz-demo-mention-preview",26),n(117,"div",27),c(),n(118,"p"),e(119,"Rendering the mentions."),t(),u(),t()()()(),n(120,"section",38),c(),n(121,"h2",39)(122,"span"),e(123,"API"),t(),n(124,"a",40),e(125,"#"),t()(),n(126,"pre")(127,"code",41)(128,"span",42)(129,"span",42)(130,"span",43),e(131,"<"),t(),e(132,"nz-mention"),t(),e(133," "),n(134,"span",44),e(135,"[nzSuggestions]"),t(),n(136,"span",45)(137,"span",46),e(138,"="),t(),n(139,"span",43),e(140,'"'),t(),e(141,"suggestions"),n(142,"span",43),e(143,'"'),t()(),n(144,"span",43),e(145,">"),t()(),e(146,`
17  `),n(147,"span",42)(148,"span",42)(149,"span",43),e(150,"<"),t(),e(151,"textarea"),t(),e(152," "),n(153,"span",44),e(154,"nz-input"),t(),e(155," "),n(156,"span",44),e(157,"[(ngModel)]"),t(),n(158,"span",45)(159,"span",46),e(160,"="),t(),n(161,"span",43),e(162,'"'),t(),e(163,"value"),n(164,"span",43),e(165,'"'),t()(),e(166," "),n(167,"span",44),e(168,"nzMentionTrigger"),t(),n(169,"span",43),e(170,">"),t()(),e(171," "),n(172,"span",42)(173,"span",42)(174,"span",43),e(175,"</"),t(),e(176,"textarea"),t(),n(177,"span",43),e(178,">"),t()(),e(179,`
18`),n(180,"span",42)(181,"span",42)(182,"span",43),e(183,"</"),t(),e(184,"nz-mention"),t(),n(185,"span",43),e(186,">"),t()(),e(187,`
19`),t()(),n(188,"h3",47)(189,"span"),e(190,"nz-mention"),t(),n(191,"label",48),e(192,"component"),t(),n(193,"a",49),e(194,"#"),t()(),n(195,"table")(196,"thead")(197,"tr")(198,"th"),e(199,"Property"),t(),n(200,"th"),e(201,"Description"),t(),n(202,"th"),e(203,"Type"),t(),n(204,"th"),e(205,"Default"),t()()(),n(206,"tbody")(207,"tr")(208,"td")(209,"code"),e(210,"[nzMentionTrigger]"),t()(),n(211,"td"),e(212,"Trigger element "),n(213,"strong"),e(214,"(required)"),t()(),n(215,"td")(216,"code"),e(217,"HTMLTextAreaElement | HTMLInputElement"),t()(),n(218,"td"),e(219,"-"),t()(),n(220,"tr")(221,"td")(222,"code"),e(223,"[nzMentionSuggestion]"),t()(),n(224,"td"),e(225,"Customize the suggestion template"),t(),n(226,"td")(227,"code"),e(228,"TemplateRef<any>"),t()(),n(229,"td"),e(230,"-"),t()(),n(231,"tr")(232,"td")(233,"code"),e(234,"[nzLoading]"),t()(),n(235,"td"),e(236,"Loading mode"),t(),n(237,"td")(238,"code"),e(239,"boolean"),t()(),n(240,"td")(241,"code"),e(242,"false"),t()()(),n(243,"tr")(244,"td")(245,"code"),e(246,"[nzNotFoundContent]"),t()(),n(247,"td"),e(248,"Suggestion when suggestions empty"),t(),n(249,"td")(250,"code"),e(251,"string"),t()(),n(252,"td")(253,"code"),e(254,"'\u65E0\u5339\u914D\u7ED3\u679C\uFF0C\u8F7B\u6572\u7A7A\u683C\u5B8C\u6210\u8F93\u5165'"),t()()(),n(255,"tr")(256,"td")(257,"code"),e(258,"[nzPlacement]"),t()(),n(259,"td"),e(260,"The position of the suggestion relative to the target, which can be one of top and bottom"),t(),n(261,"td")(262,"code"),e(263,"'button' | 'top'"),t()(),n(264,"td")(265,"code"),e(266,"'bottom'"),t()()(),n(267,"tr")(268,"td")(269,"code"),e(270,"[nzPrefix]"),t()(),n(271,"td"),e(272,"Character which will trigger Mention to show mention list"),t(),n(273,"td")(274,"code"),e(275,"string | string[]"),t()(),n(276,"td")(277,"code"),e(278,"'@'"),t()()(),n(279,"tr")(280,"td")(281,"code"),e(282,"[nzSuggestions]"),t()(),n(283,"td"),e(284,"Suggestion content"),t(),n(285,"td")(286,"code"),e(287,"any[]"),t()(),n(288,"td")(289,"code"),e(290,"[]"),t()()(),n(291,"tr")(292,"td")(293,"code"),e(294,"[nzStatus]"),t()(),n(295,"td"),e(296,"Set validation status"),t(),n(297,"td")(298,"code"),e(299,"'error' | 'warning'"),t()(),n(300,"td"),e(301,"-"),t()(),n(302,"tr")(303,"td")(304,"code"),e(305,"[nzValueWith]"),t()(),n(306,"td"),e(307,"Function that maps an suggestion's value"),t(),n(308,"td")(309,"code"),e(310,"(any) => string | (value: string) => string"),t()(),p(311,"td"),t(),n(312,"tr")(313,"td")(314,"code"),e(315,"(nzOnSelect)"),t()(),n(316,"td"),e(317,"Callback function called when select from suggestions"),t(),n(318,"td")(319,"code"),e(320,"EventEmitter<any>"),t()(),n(321,"td"),e(322,"-"),t()(),n(323,"tr")(324,"td")(325,"code"),e(326,"(nzOnSearchChange)"),t()(),n(327,"td"),e(328,"Callback function called when search content changes"),t(),n(329,"td")(330,"code"),e(331,"EventEmitter<MentionOnSearchTypes>"),t()(),n(332,"td"),e(333,"-"),t()()()(),n(334,"h4",50)(335,"span"),e(336,"Methods"),t(),n(337,"a",51),e(338,"#"),t()(),n(339,"table")(340,"thead")(341,"tr")(342,"th"),e(343,"Name"),t(),n(344,"th"),e(345,"Description"),t()()(),n(346,"tbody")(347,"tr")(348,"td"),e(349,"getMentions"),t(),n(350,"td"),e(351,"Get the mentions array in the "),n(352,"code"),e(353,"input[nzMentionTrigger]"),t()()()()(),n(354,"h3",52)(355,"span"),e(356,"nzMentionTrigger"),t(),n(357,"a",53),e(358,"#"),t()(),n(359,"p"),e(360,"Trigger element"),t(),n(361,"pre")(362,"code",41)(363,"span",42)(364,"

19span",42)(365,"span",43),e(366,"<"),t(),e(367,"nz-mention"),t(),n(368,"span",43),e(369,">"),t()(),e(370,`
20  `),n(371,"span",42)(372,"span",42)(373,"span",43),e(374,"<"),t(),e(375,"textarea"),t(),e(376," "),n(377,"span",44),e(378,"nzMentionTrigger"),t(),n(379,"span",43),e(380,">"),t()(),n(381,"span",42)(382,"span",42)(383,"span",43),e(384,"</"),t(),e(385,"textarea"),t(),n(386,"span",43),e(387,">"),t()(),e(388,`
21`),n(389,"span",42)(390,"span",42)(391,"span",43),e(392,"</"),t(),e(393,"nz-mention"),t(),n(394,"span",43),e(395,">"),t()(),e(396,`
22`),t()(),n(397,"pre")(398,"code",41)(399,"span",42)(400,"span",42)(401,"span",43),e(402,"<"),t(),e(403,"nz-mention"),t(),n(404,"span",43),e(405,">"),t()(),e(406,`
23  `),n(407,"span",42)(408,"span",42)(409,"span",43),e(410,"<"),t(),e(411,"input"),t(),e(412," "),n(413,"span",44),e(414,"nzMentionTrigger"),t(),e(415," "),n(416,"span",43),e(417,"/>"),t()(),e(418,`
24`),n(419,"span",42)(420,"span",42)(421,"span",43),e(422,"</"),t(),e(423,"nz-mention"),t(),n(424,"span",43),e(425,">"),t()(),e(426,`
25`),t()(),n(427,"h3",54)(428,"span"),e(429,"nzMentionSuggestion"),t(),n(430,"a",55),e(431,"#"),t()(),n(432,"p"),e(433,"Customize the suggestion template"),t(),n(434,"pre")(435,"code",41)(436,"span",42)(437,"span",42)(438,"span",43),e(439,"<"),t(),e(440,"nz-mention"),t(),e(441," "),n(442,"span",44),e(443,"[nzSuggestions]"),t(),n(444,"span",45)(445,"span",46),e(446,"="),t(),n(447,"span",43),e(448,'"'),t(),e(449,"items"),n(450,"span",43),e(451,'"'),t()(),e(452," "),n(453,"span",44),e(454,"[nzValueWith]"),t(),n(455,"span",45)(456,"span",46),e(457,"="),t(),n(458,"span",43),e(459,'"'),t(),e(460,"valueWith"),n(461,"span",43),e(462,'"'),t()(),n(463,"span",43),e(464,">"),t()(),e(465,`
26  `),n(466,"span",42)(467,"span",42)(468,"span",43),e(469,"<"),t(),e(470,"input"),t(),e(471," "),n(472,"span",44),e(473,"nz-input"),t(),e(474," "),n(475,"span",44),e(476,"nzMentionTrigger"),t(),e(477," "),n(478,"span",43),e(479,"/>"),t()(),e(480,`
27  `),n(481,"span",42)(482,"span",42)(483,"span",43),e(484,"<"),t(),e(485,"ng-container"),t(),e(486," "),n(487,"span",44),e(488,"*nzMentionSuggestion"),t(),n(489,"span",45)(490,"span",46),e(491,"="),t(),n(492,"span",43),e(493,'"'),t(),e(494,"let item"),n(495,"span",43),e(496,'"'),t()(),n(497,"span",43),e(498,">"),t()(),e(499,`
28    `),n(500,"span",42)(501,"span",42)(502,"span",43),e(503,"<"),t(),e(504,"span"),t(),n(505,"span",43),e(506,">"),t()(),e(507,"{{ item.label }} - {{ item.value }}"),n(508,"span",42)(509,"span",42)(510,"span",43),e(511,"</"),t(),e(512,"span"),t(),n(513,"span",43),e(514,">"),t()(),e(515,`
29  `),n(516,"span",42)(517,"span",42)(518,"span",43),e(519,"</"),t(),e(520,"ng-container"),t(),n(521,"span",43),e(522,">"),t()(),e(523,`
30`),n(524,"span",42)(525,"span",42)(526,"span",43),e(527,"</"),t(),e(528,"nz-mention"),t(),n(529,"span",43),e(530,">"),t()(),e(531,`
31`),t()(),n(532,"h3",56)(533,"span"),e(534,"MentionOnSearchTypes"),t(),n(535,"a",57),e(536,"#"),t()(),n(537,"table")(538,"thead")(539,"tr")(540,"th"),e(541,"Property"),t(),n(542,"th"),e(543,"Description"),t(),n(544,"th"),e(545,"Type"),t(),n(546,"th"),e(547,"Default"),t()()(),n(548,"tbody")(549,"tr")(550,"td"),e(551,"value"),t(),n(552,"td"),e(553,"Search keyword"),t(),n(554,"td")(555,"code"),e(556,"string"),t()(),n(557,"td"),e(558,"-"),t()(),n(559,"tr")(560,"td"),e(561,"prefix"),t(),n(562,"td"),e(563,"prefix"),t(),n(564,"td")(565,"code"),e(566,"string"),t()(),n(567,"td"),e(568,"-"),t()()()(),u(),t()()),i&2&&(s(),d("nzOffsetTop",16),s(),d("nzAffix",!1),s(33),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:[ve,V,Me,Ee,Ce,xe,q,Q,he,j,X,K,J,Y,$,ee,te,ne,ie,oe,me],encapsulation:2})};var yn=[{path:"en",component:Ne},{path:"zh",component:ye}],jo=yn;export{jo as default};