-
Notifications
You must be signed in to change notification settings - Fork 1
/
4978.3052804d5c3b020f.js
1 lines (1 loc) · 75 KB
/
4978.3052804d5c3b020f.js
1
"use strict";(self.webpackChunkmaterial_angular_io=self.webpackChunkmaterial_angular_io||[]).push([[4978],{7716:(Ve,me,g)=>{g.d(me,{Lb:()=>Q,Zb:()=>J,P$:()=>u,Ej:()=>L,gC:()=>p,aq:()=>t,Zf:()=>k,Y5:()=>n,qv:()=>l,br:()=>F,VT:()=>X,I$:()=>P,N2:()=>E});var h=g(4650),y=g(8929),b=g(4843),e=g(6053),v=g(6498),O=g(3753),r=g(6688),pe=g(7043),T=g(4850);function ee(a,f,i){return i?ee(a,f).pipe((0,T.U)(c=>(0,r.k)(c)?i(...c):i(c))):new v.y(c=>{const m=(...D)=>c.next(1===D.length?D[0]:D);let C;try{C=a(m)}catch(D){return void c.error(D)}if((0,pe.m)(f))return()=>f(m,C)})}var te=g(6787),W=g(5778),A=g(1059),Z=g(5154),I=g(2198),we=g(7568),be=g(384),Re=g(13),oe=g(1307),V=g(2986),R=g(7625),H=g(7604),G=g(3489),ie=g(353);const _e={leading:!0,trailing:!1};class ge{constructor(f,i,c,m){this.duration=f,this.scheduler=i,this.leading=c,this.trailing=m}call(f,i){return i.subscribe(new re(f,this.duration,this.scheduler,this.leading,this.trailing))}}class re extends G.L{constructor(f,i,c,m,C){super(f),this.duration=i,this.scheduler=c,this.leading=m,this.trailing=C,this._hasTrailingValue=!1,this._trailingValue=null}_next(f){this.throttled?this.trailing&&(this._trailingValue=f,this._hasTrailingValue=!0):(this.add(this.throttled=this.scheduler.schedule(Ce,this.duration,{subscriber:this})),this.leading?this.destination.next(f):this.trailing&&(this._trailingValue=f,this._hasTrailingValue=!0))}_complete(){this._hasTrailingValue?(this.destination.next(this._trailingValue),this.destination.complete()):this.destination.complete()}clearThrottle(){const f=this.throttled;f&&(this.trailing&&this._hasTrailingValue&&(this.destination.next(this._trailingValue),this._trailingValue=null,this._hasTrailingValue=!1),f.unsubscribe(),this.remove(f),this.throttled=null)}}function Ce(a){const{subscriber:f}=a;f.clearThrottle()}var q=g(2474),ve=g(826),Oe=g(448);class De{constructor(f,i){this.observables=f,this.project=i}call(f,i){return i.subscribe(new xe(f,this.observables,this.project))}}class xe extends ve.L{constructor(f,i,c){super(f),this.observables=i,this.project=c,this.toRespond=[];const m=i.length;this.values=new Array(m);for(let C=0;C<m;C++)this.toRespond.push(C);for(let C=0;C<m;C++)this.add((0,Oe.D)(this,i[C],void 0,C))}notifyNext(f,i,c){this.values[c]=i;const m=this.toRespond;if(m.length>0){const C=m.indexOf(c);-1!==C&&m.splice(C,1)}}notifyComplete(){}_next(f){if(0===this.toRespond.length){const i=[f,...this.values];this.project?this._tryProject(i):this.destination.next(i)}}_tryProject(f){let i;try{i=this.project.apply(this,f)}catch(c){return void this.destination.error(c)}this.destination.next(i)}}var $=g(4006),ae=g(445),j=g(9521),U=g(8184),de=g(4080),S=g(2687),ce=g(7376),ye=g(6895);const P=".cdk-cell, .mat-cell, td",B=".cdk-popover-edit-cell, .mat-popover-edit-cell",x=".cdk-row, .mat-row, tr",ke="table, cdk-table, mat-table",Te="cdk-edit-pane",Se=`.${Te}, .mat-edit-pane`;function E(a,f){if(!(a instanceof Node))return null;let i=a;for(;null!=i&&!(i instanceof Element);)i=i.parentNode;return i?.closest(f)??null}let K=(()=>{class a{constructor(i){this._ngZone=i,this.editing=new y.xQ,this.hovering=new y.xQ,this.focused=new y.xQ,this.allRows=new y.xQ,this.mouseMove=new y.xQ,this.disabledCells=new WeakMap,this._editRef=null,this._distinctUntilChanged=(0,W.x)(),this._startWithNull=(0,A.O)(null),this._distinctShare=(0,b.z)(this._distinctUntilChanged,(0,Z.d)(1)),this._startWithNullDistinct=(0,b.z)(this._startWithNull,this._distinctUntilChanged),this.editingAndEnabled=this.editing.pipe((0,I.h)(c=>null==c||!this.disabledCells.has(c)),(0,Z.d)(1)),this.editingOrFocused=(0,e.aj)([this.editingAndEnabled.pipe((0,T.U)(c=>E(c,x)),this._startWithNull),this.focused.pipe(this._startWithNull)]).pipe((0,T.U)(([c,m])=>m||c),this._distinctUntilChanged,(0,we.e)(0),this._distinctUntilChanged,(0,Z.d)(1)),this._rowsWithHoverContent=new WeakMap,this._currentlyEditing=null,this._hoveredContentStateDistinct=(0,e.aj)([this._getFirstRowWithHoverContent(),this._getLastRowWithHoverContent(),this.editingOrFocused,this.hovering.pipe((0,W.x)(),(0,be.U)(c=>this.mouseMove.pipe((0,I.h)(m=>c===m),this._startWithNull,(0,Re.b)(40))),this._startWithNullDistinct)]).pipe((0,oe.T)(1),(0,T.U)(Pe),(0,W.x)(Ae),this._enterZone(),(0,Z.d)(1)),this._editingAndEnabledDistinct=this.editingAndEnabled.pipe((0,W.x)(),this._enterZone(),(0,Z.d)(1)),this._lastSeenRow=null,this._lastSeenRowHoverOrFocus=null,this._editingAndEnabledDistinct.subscribe(c=>{this._currentlyEditing=c})}get editRef(){return this._editRef}editingCell(i){let c=null;return this._editingAndEnabledDistinct.pipe((0,T.U)(m=>m===(c||(c=E(i,P)))),this._distinctUntilChanged)}doneEditingCell(i){const c=E(i,P);this._currentlyEditing===c&&this.editing.next(null)}setActiveEditRef(i){this._editRef=i}unsetActiveEditRef(i){this._editRef===i&&(this._editRef=null)}registerRowWithHoverContent(i){this._rowsWithHoverContent.set(i,(this._rowsWithHoverContent.get(i)||0)+1)}deregisterRowWithHoverContent(i){const c=this._rowsWithHoverContent.get(i)||0;c<=1?this._rowsWithHoverContent.delete(i):this._rowsWithHoverContent.set(i,c-1)}hoverOrFocusOnRow(i){return i!==this._lastSeenRow&&(this._lastSeenRow=i,this._lastSeenRowHoverOrFocus=this._hoveredContentStateDistinct.pipe((0,T.U)(c=>c.get(i)||0),this._distinctShare)),this._lastSeenRowHoverOrFocus}_enterZone(){return i=>new v.y(c=>i.subscribe({next:m=>this._ngZone.run(()=>c.next(m)),error:m=>c.error(m),complete:()=>c.complete()}))}_getFirstRowWithHoverContent(){return this._mapAllRowsToSingleRow(i=>{for(let m,c=0;m=i[c];c++)if(this._rowsWithHoverContent.has(m))return m;return null})}_getLastRowWithHoverContent(){return this._mapAllRowsToSingleRow(i=>{for(let m,c=i.length-1;m=i[c];c--)if(this._rowsWithHoverContent.has(m))return m;return null})}_mapAllRowsToSingleRow(i){return this.allRows.pipe((0,T.U)(i),this._startWithNullDistinct)}}return a.\u0275fac=function(i){return new(i||a)(h.LFG(h.R0b))},a.\u0275prov=h.Yz7({token:a,factory:a.\u0275fac}),a})();function Pe([a,f,i,c]){const m=new Map;for(const C of[a,f,i&&i.previousElementSibling,i&&i.nextElementSibling])C&&m.set(C,1);for(const C of[i,c])C&&m.set(C,2);return m}function Ae(a,f){if(a.size!==f.size)return!1;for(const i of Array.from(a.keys()))if(f.get(i)!==a.get(i))return!1;return!0}let F=(()=>{class a{constructor(i,c,m){this._form=i,this._editEventDispatcher=c,this._ngZone=m,this._finalValueSubject=new y.xQ,this.finalValue=this._finalValueSubject,this._blurredSubject=new y.xQ,this.blurred=this._blurredSubject,this._editEventDispatcher.setActiveEditRef(this)}init(i){this._ngZone.onStable.pipe((0,V.q)(1)).subscribe(()=>{this.updateRevertValue(),i&&this.reset(i)})}ngOnDestroy(){this._editEventDispatcher.unsetActiveEditRef(this),this._finalValueSubject.next(this._form.value),this._finalValueSubject.complete()}isValid(){return this._form.valid}updateRevertValue(){this._revertFormValue=this._form.value}close(){this._editEventDispatcher.editing.next(null)}blur(){this._blurredSubject.next()}reset(i){this._form.reset(i||this._revertFormValue)}}return a.\u0275fac=function(i){return new(i||a)(h.LFG($.gN,2),h.LFG(K),h.LFG(h.R0b))},a.\u0275prov=h.Yz7({token:a,factory:a.\u0275fac}),a})(),z=(()=>{class a{constructor(i){this.directionality=i,this.keyObserver={next:c=>this.handleKeyboardEvent(c)}}moveFocusHorizontally(i,c){const m=Array.from(E(i,ke).querySelectorAll(B)),D=m.indexOf(i)+c;m[D]&&m[D].focus()}moveFocusVertically(i,c){const m=E(i,x),C=Array.from(E(m,ke).querySelectorAll(x)),D=C.indexOf(m),Y=Array.from(m.querySelectorAll(B)).indexOf(i),w=D+c;if(C[w]){const fe=Array.from(C[w].querySelectorAll(B));fe[Y]&&fe[Y].focus()}}handleKeyboardEvent(i){const c=E(i.target,B);if(c){switch(i.keyCode){case j.LH:this.moveFocusVertically(c,-1);break;case j.JH:this.moveFocusVertically(c,1);break;case j.oh:this.moveFocusHorizontally(c,"ltr"===this.directionality.value?-1:1);break;case j.SV:this.moveFocusHorizontally(c,"ltr"===this.directionality.value?1:-1);break;default:return}i.preventDefault()}}}return a.\u0275fac=function(i){return new(i||a)(h.LFG(ae.Is))},a.\u0275prov=h.Yz7({token:a,factory:a.\u0275fac,providedIn:"root"}),a})();class X{constructor(){this._formValues=new WeakMap}for(f){const i=this._formValues;let c=i.get(f);return c||(c={},i.set(f,c)),c}}let J=(()=>{class a{constructor(i,c){this.elementRef=i,this.editRef=c,this.destroyed=new y.xQ,this.clickOutBehavior="close",this.preservedFormValueChange=new h.vpe,this.ignoreSubmitUnlessValid=!0}ngOnInit(){this.editRef.init(this.preservedFormValue),this.editRef.finalValue.subscribe(this.preservedFormValueChange),this.editRef.blurred.subscribe(()=>this._handleBlur())}ngOnDestroy(){this.destroyed.next(),this.destroyed.complete()}handleFormSubmit(){this.ignoreSubmitUnlessValid&&!this.editRef.isValid()||(this.editRef.updateRevertValue(),this.editRef.close())}close(){this.editRef.close()}handlePossibleClickOut(i){if(!E(i.target,Se))switch(this.clickOutBehavior){case"submit":this._triggerFormSubmit(),this.editRef.close();break;case"close":this.editRef.close()}}_handleKeydown(i){"Escape"===i.key&&!(0,j.Vb)(i)&&(this.close(),i.preventDefault())}_handleBlur(){"submit"===this.clickOutBehavior&&this._triggerFormSubmit()}_triggerFormSubmit(){this.elementRef.nativeElement.dispatchEvent(new Event("submit"))}}return a.\u0275fac=function(i){return new(i||a)(h.Y36(h.SBq),h.Y36(F))},a.\u0275dir=h.lG2({type:a,selectors:[["form","cdkEditControl",""]],hostBindings:function(i,c){1&i&&h.NdJ("ngSubmit",function(){return c.handleFormSubmit()})("click",function(C){return c.handlePossibleClickOut(C)},!1,h.evT)("keydown",function(C){return c._handleKeydown(C)})},inputs:{clickOutBehavior:["cdkEditControlClickOutBehavior","clickOutBehavior"],preservedFormValue:["cdkEditControlPreservedFormValue","preservedFormValue"],ignoreSubmitUnlessValid:["cdkEditControlIgnoreSubmitUnlessValid","ignoreSubmitUnlessValid"]},outputs:{preservedFormValueChange:"cdkEditControlPreservedFormValueChange"},features:[h._Bn([F])]}),a})(),L=(()=>{class a{constructor(i){this.editRef=i,this.type="button"}revertEdit(){this.editRef.reset()}}return a.\u0275fac=function(i){return new(i||a)(h.Y36(F))},a.\u0275dir=h.lG2({type:a,selectors:[["button","cdkEditRevert",""]],hostAttrs:["type","button"],hostBindings:function(i,c){1&i&&h.NdJ("click",function(){return c.revertEdit()})},inputs:{type:"type"}}),a})(),Q=(()=>{class a{constructor(i,c){this.elementRef=i,this.editRef=c;const m=i.nativeElement;"BUTTON"===m.nodeName&&!m.getAttribute("type")&&m.setAttribute("type","button")}closeEdit(){this.editRef.close()}}return a.\u0275fac=function(i){return new(i||a)(h.Y36(h.SBq),h.Y36(F))},a.\u0275dir=h.lG2({type:a,selectors:[["","cdkEditClose",""]],hostBindings:function(i,c){1&i&&h.NdJ("click",function(){return c.closeEdit()})("keydown.enter",function(){return c.closeEdit()})("keydown.space",function(){return c.closeEdit()})}}),a})(),ue=(()=>{class a{}return a.\u0275fac=function(i){return new(i||a)},a.\u0275prov=h.Yz7({token:a,factory:a.\u0275fac}),a})(),Ze=(()=>{class a extends ue{constructor(i,c){super(),this.direction=i,this.overlay=c}positionStrategyForCells(i){return this.overlay.position().flexibleConnectedTo(i[0]).withGrowAfterOpen().withPush().withViewportMargin(16).withPositions([{originX:"start",originY:"top",overlayX:"start",overlayY:"top"}])}sizeConfigForCells(i){if(0===i.length)return{};if(1===i.length)return{width:i[0].getBoundingClientRect().width};let c,m;return"ltr"===this.direction.value?(c=i[0],m=i[i.length-1]):(m=i[0],c=i[i.length-1]),{width:m.getBoundingClientRect().right-c.getBoundingClientRect().left}}}return a.\u0275fac=function(i){return new(i||a)(h.LFG(ae.Is),h.LFG(U.aV))},a.\u0275prov=h.Yz7({token:a,factory:a.\u0275fac}),a})(),N=(()=>{class a{constructor(i,c,m,C,D,Y,w,fe,He){this.directionality=i,this.editEventDispatcher=c,this.focusDispatcher=m,this.focusTrapFactory=C,this.ngZone=D,this.overlay=Y,this.positionFactory=w,this.scrollDispatcher=fe,this.viewportRuler=He}}return a.\u0275fac=function(i){return new(i||a)(h.LFG(ae.Is),h.LFG(K),h.LFG(z),h.LFG(S.qV),h.LFG(h.R0b),h.LFG(U.aV),h.LFG(ue),h.LFG(ce.mF),h.LFG(ce.rL))},a.\u0275prov=h.Yz7({token:a,factory:a.\u0275fac}),a})();class he extends S.iQ{constructor(f,i,c,m){super(f,i,c,m,!0),this._escapeSubject=new y.xQ,this.startAnchorListener=()=>(this._escapeSubject.next(0),!0),this.endAnchorListener=()=>(this._escapeSubject.next(1),!0),this.attachAnchors()}escapes(){return this._escapeSubject}}let Ee=(()=>{class a{constructor(i,c,m){this._checker=i,this._ngZone=c,this._document=m}create(i){return new he(i,this._checker,this._ngZone,this._document)}}return a.\u0275fac=function(i){return new(i||a)(h.LFG(S.ic),h.LFG(h.R0b),h.LFG(ye.K0))},a.\u0275prov=h.Yz7({token:a,factory:a.\u0275fac,providedIn:"root"}),a})(),p=(()=>{class a{constructor(i,c,m,C){this.elementRef=i,this.editEventDispatcher=c,this.focusDispatcher=m,this.ngZone=C,this.destroyed=new y.xQ}ngAfterViewInit(){this._listenForTableEvents()}ngOnDestroy(){this.destroyed.next(),this.destroyed.complete()}_listenForTableEvents(){const i=this.elementRef.nativeElement,c=m=>(0,T.U)(C=>E(C.target,m));this.ngZone.runOutsideAngular(()=>{(0,O.R)(i,"mouseover").pipe(c(x),(0,R.R)(this.destroyed)).subscribe(this.editEventDispatcher.hovering),(0,O.R)(i,"mouseleave").pipe((0,H.h)(null),(0,R.R)(this.destroyed)).subscribe(this.editEventDispatcher.hovering),(0,O.R)(i,"mousemove").pipe(function se(a,f=ie.P,i=_e){return c=>c.lift(new ge(a,f,i.leading,i.trailing))}(10),c(x),(0,R.R)(this.destroyed)).subscribe(this.editEventDispatcher.mouseMove),ee(m=>i.addEventListener("focus",m,!0),m=>i.removeEventListener("focus",m,!0)).pipe(c(x),(0,q.B)(),(0,R.R)(this.destroyed)).subscribe(this.editEventDispatcher.focused),(0,te.T)(ee(m=>i.addEventListener("blur",m,!0),m=>i.removeEventListener("blur",m,!0)),(0,O.R)(i,"keydown").pipe((0,I.h)(m=>"Escape"===m.key))).pipe((0,H.h)(null),(0,q.B)(),(0,R.R)(this.destroyed)).subscribe(this.editEventDispatcher.focused),this.ngZone.onStable.pipe(function le(...a){return f=>{let i;return"function"==typeof a[a.length-1]&&(i=a.pop()),f.lift(new De(a,i))}}(this.editEventDispatcher.editingOrFocused),(0,I.h)(([m,C])=>null==C),(0,T.U)(()=>i.querySelectorAll(x)),(0,q.B)(),(0,R.R)(this.destroyed)).subscribe(this.editEventDispatcher.allRows),(0,O.R)(i,"keydown").pipe((0,I.h)(m=>"Enter"===m.key),c(P),(0,R.R)(this.destroyed)).subscribe(this.editEventDispatcher.editing),(0,O.R)(i,"keydown").pipe((0,R.R)(this.destroyed)).subscribe(this.focusDispatcher.keyObserver)})}}return a.\u0275fac=function(i){return new(i||a)(h.Y36(h.SBq),h.Y36(K),h.Y36(z),h.Y36(h.R0b))},a.\u0275dir=h.lG2({type:a,selectors:[["table","editable",""],["cdk-table","editable",""],["mat-table","editable",""]],features:[h._Bn([K,N])]}),a})(),t=(()=>{class a{constructor(i,c,m){this.services=i,this.elementRef=c,this.viewContainerRef=m,this.template=null,this._colspan={},this._disabled=!1,this.destroyed=new y.xQ}get colspan(){return this._colspan}set colspan(i){this._colspan=i,this.overlayRef&&(this.overlayRef.updatePositionStrategy(this._getPositionStrategy()),this.overlayRef.hasAttached()&&this._updateOverlaySize())}get disabled(){return this._disabled}set disabled(i){this._disabled=i,i?(this.services.editEventDispatcher.doneEditingCell(this.elementRef.nativeElement),this.services.editEventDispatcher.disabledCells.set(this.elementRef.nativeElement,!0)):this.services.editEventDispatcher.disabledCells.delete(this.elementRef.nativeElement)}ngAfterViewInit(){this._startListeningToEditEvents()}ngOnDestroy(){this.destroyed.next(),this.destroyed.complete(),this.focusTrap&&(this.focusTrap.destroy(),this.focusTrap=void 0),this.overlayRef&&this.overlayRef.dispose()}initFocusTrap(){this.focusTrap=this.services.focusTrapFactory.create(this.overlayRef.overlayElement)}closeEditOverlay(){this.services.editEventDispatcher.doneEditingCell(this.elementRef.nativeElement)}panelClass(){return Te}_startListeningToEditEvents(){this.services.editEventDispatcher.editingCell(this.elementRef.nativeElement).pipe((0,R.R)(this.destroyed)).subscribe(i=>{i&&this.template?(this.overlayRef||this._createEditOverlay(),this._showEditOverlay()):this.overlayRef&&(this._maybeReturnFocusToCell(),this.overlayRef.detach())})}_createEditOverlay(){this.overlayRef=this.services.overlay.create({disposeOnNavigation:!0,panelClass:this.panelClass(),positionStrategy:this._getPositionStrategy(),scrollStrategy:this.services.overlay.scrollStrategies.reposition(),direction:this.services.directionality}),this.initFocusTrap(),this.overlayRef.overlayElement.setAttribute("aria-role","dialog"),this.overlayRef.detachments().subscribe(()=>this.closeEditOverlay())}_showEditOverlay(){this.overlayRef.attach(new de.UE(this.template,this.viewContainerRef,{$implicit:this.context})),this.services.ngZone.runOutsideAngular(()=>{setTimeout(()=>{this.focusTrap.focusInitialElement()})}),(0,te.T)(this.services.scrollDispatcher.scrolled(),this.services.viewportRuler.change()).pipe((0,A.O)(null),(0,R.R)((0,te.T)(this.overlayRef.detachments(),this.destroyed))).subscribe(()=>{this._updateOverlaySize()})}_getOverlayCells(){const i=E(this.elementRef.nativeElement,P);if(!this._colspan.before&&!this._colspan.after)return[i];const c=E(this.elementRef.nativeElement,x),m=Array.from(c.querySelectorAll(P)),C=m.indexOf(i);return m.slice(C-(this._colspan.before||0),C+(this._colspan.after||0)+1)}_getPositionStrategy(){return this.services.positionFactory.positionStrategyForCells(this._getOverlayCells())}_updateOverlaySize(){this.overlayRef.updateSize(this.services.positionFactory.sizeConfigForCells(this._getOverlayCells()))}_maybeReturnFocusToCell(){E(document.activeElement,Se)===this.overlayRef.overlayElement&&this.elementRef.nativeElement.focus()}}return a.\u0275fac=function(i){return new(i||a)(h.Y36(N),h.Y36(h.SBq),h.Y36(h.s_b))},a.\u0275dir=h.lG2({type:a,selectors:[["","cdkPopoverEdit","",3,"cdkPopoverEditTabOut",""]],hostAttrs:[1,"cdk-popover-edit-cell"],hostVars:2,hostBindings:function(i,c){2&i&&h.uIk("tabindex",c.disabled?null:0)("aria-haspopup",!c.disabled)},inputs:{template:["cdkPopoverEdit","template"],context:["cdkPopoverEditContext","context"],colspan:["cdkPopoverEditColspan","colspan"],disabled:["cdkPopoverEditDisabled","disabled"]}}),a})(),n=(()=>{class a extends t{constructor(i,c,m,C){super(m,i,c),this.focusEscapeNotifierFactory=C}initFocusTrap(){this.focusTrap=this.focusEscapeNotifierFactory.create(this.overlayRef.overlayElement),this.focusTrap.escapes().pipe((0,R.R)(this.destroyed)).subscribe(i=>{this.services.editEventDispatcher.editRef&&this.services.editEventDispatcher.editRef.blur(),this.services.focusDispatcher.moveFocusHorizontally(E(this.elementRef.nativeElement,P),0===i?-1:1),this.closeEditOverlay()})}}return a.\u0275fac=function(i){return new(i||a)(h.Y36(h.SBq),h.Y36(h.s_b),h.Y36(N),h.Y36(Ee))},a.\u0275dir=h.lG2({type:a,selectors:[["","cdkPopoverEdit","","cdkPopoverEditTabOut",""]],hostAttrs:[1,"cdk-popover-edit-cell"],hostVars:2,hostBindings:function(i,c){2&i&&h.uIk("tabindex",c.disabled?null:0)("aria-haspopup",!c.disabled)},inputs:{template:["cdkPopoverEdit","template"],context:["cdkPopoverEditContext","context"],colspan:["cdkPopoverEditColspan","colspan"],disabled:["cdkPopoverEditDisabled","disabled"]},features:[h.qOj]}),a})(),l=(()=>{class a{constructor(i,c,m,C){this.services=i,this.elementRef=c,this.templateRef=m,this.viewContainerRef=C,this.destroyed=new y.xQ,this.viewRef=null}ngAfterViewInit(){this._row=E(this.elementRef.nativeElement,x),this.services.editEventDispatcher.registerRowWithHoverContent(this._row),this._listenForHoverAndFocusEvents()}ngOnDestroy(){this.destroyed.next(),this.destroyed.complete(),this.viewRef&&this.viewRef.destroy(),this._row&&this.services.editEventDispatcher.deregisterRowWithHoverContent(this._row)}initElement(i){}makeElementHiddenButFocusable(i){i.style.opacity="0"}makeElementVisible(i){i.style.opacity=""}_listenForHoverAndFocusEvents(){this.services.editEventDispatcher.hoverOrFocusOnRow(this._row).pipe((0,R.R)(this.destroyed)).subscribe(i=>{2===i||1===i?(this.viewRef?-1===this.viewContainerRef.indexOf(this.viewRef)&&(this.viewContainerRef.insert(this.viewRef),this.viewRef.markForCheck()):(this.viewRef=this.viewContainerRef.createEmbeddedView(this.templateRef,{}),this.initElement(this.viewRef.rootNodes[0]),this.viewRef.markForCheck()),2===i?this.makeElementVisible(this.viewRef.rootNodes[0]):this.makeElementHiddenButFocusable(this.viewRef.rootNodes[0])):this.viewRef&&this.viewContainerRef.detach(this.viewContainerRef.indexOf(this.viewRef))})}}return a.\u0275fac=function(i){return new(i||a)(h.Y36(N),h.Y36(h.SBq),h.Y36(h.Rgc),h.Y36(h.s_b))},a.\u0275dir=h.lG2({type:a,selectors:[["","cdkRowHoverContent",""]]}),a})(),u=(()=>{class a{constructor(i,c){this.elementRef=i,this.editEventDispatcher=c;const m=i.nativeElement;"BUTTON"===m.nodeName&&!m.getAttribute("type")&&m.setAttribute("type","button")}openEdit(i){this.editEventDispatcher.editing.next(E(this.elementRef.nativeElement,P)),i.stopPropagation()}}return a.\u0275fac=function(i){return new(i||a)(h.Y36(h.SBq),h.Y36(K))},a.\u0275dir=h.lG2({type:a,selectors:[["","cdkEditOpen",""]],hostBindings:function(i,c){1&i&&h.NdJ("click",function(C){return c.openEdit(C)})}}),a})(),k=(()=>{class a{}return a.\u0275fac=function(i){return new(i||a)},a.\u0275mod=h.oAB({type:a}),a.\u0275inj=h.cJS({providers:[{provide:ue,useClass:Ze}],imports:[U.U8]}),a})()},5013:(Ve,me,g)=>{g.d(me,{$E:()=>L,Af:()=>se,D5:()=>G,FT:()=>J,HT:()=>p,Hx:()=>Ee,Kb:()=>S,O_:()=>H,QJ:()=>ge,Sq:()=>de,T$:()=>X,Z4:()=>ie,_J:()=>P,bH:()=>Q,fe:()=>U,fo:()=>M,hD:()=>re,m$:()=>z,nl:()=>q,oF:()=>ve,pF:()=>F,pN:()=>V,qM:()=>ye,r2:()=>B,s$:()=>$,xN:()=>ce,zC:()=>N});var h=g(445),y=g(1281),b=g(5017),e=g(3353),v=g(7376),O=g(6895),r=g(4650),pe=g(8929),T=g(5254),ee=g(591),te=g(4715),W=g(1086),A=g(7625),Z=g(2986);const I=[[["caption"]],[["colgroup"],["col"]]],we=["caption","colgroup, col"];function be(o,s){if(1&o&&(r.TgZ(0,"th",3),r._uU(1),r.qZA()),2&o){const t=r.oxw();r.Udp("text-align",t.justify),r.xp6(1),r.hij(" ",t.headerText," ")}}function Re(o,s){if(1&o&&(r.TgZ(0,"td",4),r._uU(1),r.qZA()),2&o){const t=s.$implicit,n=r.oxw();r.Udp("text-align",n.justify),r.xp6(1),r.hij(" ",n.dataAccessor(t,n.name)," ")}}function oe(o){return class extends o{constructor(...s){super(...s),this._sticky=!1,this._hasStickyChanged=!1}get sticky(){return this._sticky}set sticky(s){const t=this._sticky;this._sticky=(0,y.Ig)(s),this._hasStickyChanged=t!==this._sticky}hasStickyChanged(){const s=this._hasStickyChanged;return this._hasStickyChanged=!1,s}resetStickyChanged(){this._hasStickyChanged=!1}}}const V=new r.OlP("CDK_TABLE"),R=new r.OlP("text-column-options");let H=(()=>{class o{constructor(t){this.template=t}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(r.Rgc))},o.\u0275dir=r.lG2({type:o,selectors:[["","cdkCellDef",""]]}),o})(),G=(()=>{class o{constructor(t){this.template=t}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(r.Rgc))},o.\u0275dir=r.lG2({type:o,selectors:[["","cdkHeaderCellDef",""]]}),o})(),ie=(()=>{class o{constructor(t){this.template=t}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(r.Rgc))},o.\u0275dir=r.lG2({type:o,selectors:[["","cdkFooterCellDef",""]]}),o})();class _e{}const Me=oe(_e);let M=(()=>{class o extends Me{constructor(t){super(),this._table=t,this._stickyEnd=!1}get name(){return this._name}set name(t){this._setNameInput(t)}get stickyEnd(){return this._stickyEnd}set stickyEnd(t){const n=this._stickyEnd;this._stickyEnd=(0,y.Ig)(t),this._hasStickyChanged=n!==this._stickyEnd}_updateColumnCssClassName(){this._columnCssClassName=[`cdk-column-${this.cssClassFriendlyName}`]}_setNameInput(t){t&&(this._name=t,this.cssClassFriendlyName=t.replace(/[^a-z0-9_-]/gi,"-"),this._updateColumnCssClassName())}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(V,8))},o.\u0275dir=r.lG2({type:o,selectors:[["","cdkColumnDef",""]],contentQueries:function(t,n,l){if(1&t&&(r.Suo(l,H,5),r.Suo(l,G,5),r.Suo(l,ie,5)),2&t){let u;r.iGM(u=r.CRH())&&(n.cell=u.first),r.iGM(u=r.CRH())&&(n.headerCell=u.first),r.iGM(u=r.CRH())&&(n.footerCell=u.first)}},inputs:{sticky:"sticky",name:["cdkColumnDef","name"],stickyEnd:"stickyEnd"},features:[r._Bn([{provide:"MAT_SORT_HEADER_COLUMN_DEF",useExisting:o}]),r.qOj]}),o})();class ne{constructor(s,t){t.nativeElement.classList.add(...s._columnCssClassName)}}let se=(()=>{class o extends ne{constructor(t,n){super(t,n)}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(M),r.Y36(r.SBq))},o.\u0275dir=r.lG2({type:o,selectors:[["cdk-header-cell"],["th","cdk-header-cell",""]],hostAttrs:["role","columnheader",1,"cdk-header-cell"],features:[r.qOj]}),o})(),ge=(()=>{class o extends ne{constructor(t,n){if(super(t,n),1===t._table?._elementRef.nativeElement.nodeType){const l=t._table._elementRef.nativeElement.getAttribute("role");n.nativeElement.setAttribute("role","grid"===l||"treegrid"===l?"gridcell":"cell")}}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(M),r.Y36(r.SBq))},o.\u0275dir=r.lG2({type:o,selectors:[["cdk-footer-cell"],["td","cdk-footer-cell",""]],hostAttrs:[1,"cdk-footer-cell"],features:[r.qOj]}),o})(),re=(()=>{class o extends ne{constructor(t,n){if(super(t,n),1===t._table?._elementRef.nativeElement.nodeType){const l=t._table._elementRef.nativeElement.getAttribute("role");n.nativeElement.setAttribute("role","grid"===l||"treegrid"===l?"gridcell":"cell")}}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(M),r.Y36(r.SBq))},o.\u0275dir=r.lG2({type:o,selectors:[["cdk-cell"],["td","cdk-cell",""]],hostAttrs:[1,"cdk-cell"],features:[r.qOj]}),o})();class Ce{constructor(){this.tasks=[],this.endTasks=[]}}const q=new r.OlP("_COALESCED_STYLE_SCHEDULER");let ve=(()=>{class o{constructor(t){this._ngZone=t,this._currentSchedule=null,this._destroyed=new pe.xQ}schedule(t){this._createScheduleIfNeeded(),this._currentSchedule.tasks.push(t)}scheduleEnd(t){this._createScheduleIfNeeded(),this._currentSchedule.endTasks.push(t)}ngOnDestroy(){this._destroyed.next(),this._destroyed.complete()}_createScheduleIfNeeded(){this._currentSchedule||(this._currentSchedule=new Ce,this._getScheduleObservable().pipe((0,A.R)(this._destroyed)).subscribe(()=>{for(;this._currentSchedule.tasks.length||this._currentSchedule.endTasks.length;){const t=this._currentSchedule;this._currentSchedule=new Ce;for(const n of t.tasks)n();for(const n of t.endTasks)n()}this._currentSchedule=null}))}_getScheduleObservable(){return this._ngZone.isStable?(0,T.D)(Promise.resolve(void 0)):this._ngZone.onStable.pipe((0,Z.q)(1))}}return o.\u0275fac=function(t){return new(t||o)(r.LFG(r.R0b))},o.\u0275prov=r.Yz7({token:o,factory:o.\u0275fac}),o})(),le=(()=>{class o{constructor(t,n){this.template=t,this._differs=n}ngOnChanges(t){if(!this._columnsDiffer){const n=t.columns&&t.columns.currentValue||[];this._columnsDiffer=this._differs.find(n).create(),this._columnsDiffer.diff(n)}}getColumnsDiff(){return this._columnsDiffer.diff(this.columns)}extractCellTemplate(t){return this instanceof $?t.headerCell.template:this instanceof U?t.footerCell.template:t.cell.template}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(r.Rgc),r.Y36(r.ZZ4))},o.\u0275dir=r.lG2({type:o,features:[r.TTD]}),o})();class De extends le{}const xe=oe(De);let $=(()=>{class o extends xe{constructor(t,n,l){super(t,n),this._table=l}ngOnChanges(t){super.ngOnChanges(t)}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(r.Rgc),r.Y36(r.ZZ4),r.Y36(V,8))},o.\u0275dir=r.lG2({type:o,selectors:[["","cdkHeaderRowDef",""]],inputs:{columns:["cdkHeaderRowDef","columns"],sticky:["cdkHeaderRowDefSticky","sticky"]},features:[r.qOj,r.TTD]}),o})();class ae extends le{}const j=oe(ae);let U=(()=>{class o extends j{constructor(t,n,l){super(t,n),this._table=l}ngOnChanges(t){super.ngOnChanges(t)}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(r.Rgc),r.Y36(r.ZZ4),r.Y36(V,8))},o.\u0275dir=r.lG2({type:o,selectors:[["","cdkFooterRowDef",""]],inputs:{columns:["cdkFooterRowDef","columns"],sticky:["cdkFooterRowDefSticky","sticky"]},features:[r.qOj,r.TTD]}),o})(),de=(()=>{class o extends le{constructor(t,n,l){super(t,n),this._table=l}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(r.Rgc),r.Y36(r.ZZ4),r.Y36(V,8))},o.\u0275dir=r.lG2({type:o,selectors:[["","cdkRowDef",""]],inputs:{columns:["cdkRowDefColumns","columns"],when:["cdkRowDefWhen","when"]},features:[r.qOj]}),o})(),S=(()=>{class o{constructor(t){this._viewContainer=t,o.mostRecentCellOutlet=this}ngOnDestroy(){o.mostRecentCellOutlet===this&&(o.mostRecentCellOutlet=null)}}return o.mostRecentCellOutlet=null,o.\u0275fac=function(t){return new(t||o)(r.Y36(r.s_b))},o.\u0275dir=r.lG2({type:o,selectors:[["","cdkCellOutlet",""]]}),o})(),ce=(()=>{class o{}return o.\u0275fac=function(t){return new(t||o)},o.\u0275cmp=r.Xpm({type:o,selectors:[["cdk-header-row"],["tr","cdk-header-row",""]],hostAttrs:["role","row",1,"cdk-header-row"],decls:1,vars:0,consts:[["cdkCellOutlet",""]],template:function(t,n){1&t&&r.GkF(0,0)},dependencies:[S],encapsulation:2}),o})(),ye=(()=>{class o{}return o.\u0275fac=function(t){return new(t||o)},o.\u0275cmp=r.Xpm({type:o,selectors:[["cdk-footer-row"],["tr","cdk-footer-row",""]],hostAttrs:["role","row",1,"cdk-footer-row"],decls:1,vars:0,consts:[["cdkCellOutlet",""]],template:function(t,n){1&t&&r.GkF(0,0)},dependencies:[S],encapsulation:2}),o})(),P=(()=>{class o{}return o.\u0275fac=function(t){return new(t||o)},o.\u0275cmp=r.Xpm({type:o,selectors:[["cdk-row"],["tr","cdk-row",""]],hostAttrs:["role","row",1,"cdk-row"],decls:1,vars:0,consts:[["cdkCellOutlet",""]],template:function(t,n){1&t&&r.GkF(0,0)},dependencies:[S],encapsulation:2}),o})(),B=(()=>{class o{constructor(t){this.templateRef=t,this._contentClassName="cdk-no-data-row"}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(r.Rgc))},o.\u0275dir=r.lG2({type:o,selectors:[["ng-template","cdkNoDataRow",""]]}),o})();const x=["top","bottom","left","right"];class ke{constructor(s,t,n,l,u=!0,_=!0,k){this._isNativeHtmlTable=s,this._stickCellCss=t,this.direction=n,this._coalescedStyleScheduler=l,this._isBrowser=u,this._needsPositionStickyOnElement=_,this._positionListener=k,this._cachedCellWidths=[],this._borderCellCss={top:`${t}-border-elem-top`,bottom:`${t}-border-elem-bottom`,left:`${t}-border-elem-left`,right:`${t}-border-elem-right`}}clearStickyPositioning(s,t){const n=[];for(const l of s)if(l.nodeType===l.ELEMENT_NODE){n.push(l);for(let u=0;u<l.children.length;u++)n.push(l.children[u])}this._coalescedStyleScheduler.schedule(()=>{for(const l of n)this._removeStickyStyle(l,t)})}updateStickyColumns(s,t,n,l=!0){if(!s.length||!this._isBrowser||!t.some(m=>m)&&!n.some(m=>m))return void(this._positionListener&&(this._positionListener.stickyColumnsUpdated({sizes:[]}),this._positionListener.stickyEndColumnsUpdated({sizes:[]})));const u=s[0],_=u.children.length,k=this._getCellWidths(u,l),a=this._getStickyStartColumnPositions(k,t),f=this._getStickyEndColumnPositions(k,n),i=t.lastIndexOf(!0),c=n.indexOf(!0);this._coalescedStyleScheduler.schedule(()=>{const m="rtl"===this.direction,C=m?"right":"left",D=m?"left":"right";for(const Y of s)for(let w=0;w<_;w++){const fe=Y.children[w];t[w]&&this._addStickyStyle(fe,C,a[w],w===i),n[w]&&this._addStickyStyle(fe,D,f[w],w===c)}this._positionListener&&(this._positionListener.stickyColumnsUpdated({sizes:-1===i?[]:k.slice(0,i+1).map((Y,w)=>t[w]?Y:null)}),this._positionListener.stickyEndColumnsUpdated({sizes:-1===c?[]:k.slice(c).map((Y,w)=>n[w+c]?Y:null).reverse()}))})}stickRows(s,t,n){if(!this._isBrowser)return;const l="bottom"===n?s.slice().reverse():s,u="bottom"===n?t.slice().reverse():t,_=[],k=[],a=[];for(let i=0,c=0;i<l.length;i++){if(!u[i])continue;_[i]=c;const m=l[i];a[i]=this._isNativeHtmlTable?Array.from(m.children):[m];const C=m.getBoundingClientRect().height;c+=C,k[i]=C}const f=u.lastIndexOf(!0);this._coalescedStyleScheduler.schedule(()=>{for(let i=0;i<l.length;i++){if(!u[i])continue;const c=_[i],m=i===f;for(const C of a[i])this._addStickyStyle(C,n,c,m)}"top"===n?this._positionListener?.stickyHeaderRowsUpdated({sizes:k,offsets:_,elements:a}):this._positionListener?.stickyFooterRowsUpdated({sizes:k,offsets:_,elements:a})})}updateStickyFooterContainer(s,t){if(!this._isNativeHtmlTable)return;const n=s.querySelector("tfoot");this._coalescedStyleScheduler.schedule(()=>{t.some(l=>!l)?this._removeStickyStyle(n,["bottom"]):this._addStickyStyle(n,"bottom",0,!1)})}_removeStickyStyle(s,t){for(const l of t)s.style[l]="",s.classList.remove(this._borderCellCss[l]);x.some(l=>-1===t.indexOf(l)&&s.style[l])?s.style.zIndex=this._getCalculatedZIndex(s):(s.style.zIndex="",this._needsPositionStickyOnElement&&(s.style.position=""),s.classList.remove(this._stickCellCss))}_addStickyStyle(s,t,n,l){s.classList.add(this._stickCellCss),l&&s.classList.add(this._borderCellCss[t]),s.style[t]=`${n}px`,s.style.zIndex=this._getCalculatedZIndex(s),this._needsPositionStickyOnElement&&(s.style.cssText+="position: -webkit-sticky; position: sticky; ")}_getCalculatedZIndex(s){const t={top:100,bottom:10,left:1,right:1};let n=0;for(const l of x)s.style[l]&&(n+=t[l]);return n?`${n}`:""}_getCellWidths(s,t=!0){if(!t&&this._cachedCellWidths.length)return this._cachedCellWidths;const n=[],l=s.children;for(let u=0;u<l.length;u++)n.push(l[u].getBoundingClientRect().width);return this._cachedCellWidths=n,n}_getStickyStartColumnPositions(s,t){const n=[];let l=0;for(let u=0;u<s.length;u++)t[u]&&(n[u]=l,l+=s[u]);return n}_getStickyEndColumnPositions(s,t){const n=[];let l=0;for(let u=s.length;u>0;u--)t[u]&&(n[u]=l,l+=s[u]);return n}}const F=new r.OlP("CDK_SPL");let z=(()=>{class o{}return o.\u0275fac=function(t){return new(t||o)},o.\u0275dir=r.lG2({type:o,selectors:[["cdk-table","recycleRows",""],["table","cdk-table","","recycleRows",""]],features:[r._Bn([{provide:b.k,useClass:b.eX}])]}),o})(),X=(()=>{class o{constructor(t,n){this.viewContainer=t,this.elementRef=n}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(r.s_b),r.Y36(r.SBq))},o.\u0275dir=r.lG2({type:o,selectors:[["","rowOutlet",""]]}),o})(),J=(()=>{class o{constructor(t,n){this.viewContainer=t,this.elementRef=n}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(r.s_b),r.Y36(r.SBq))},o.\u0275dir=r.lG2({type:o,selectors:[["","headerRowOutlet",""]]}),o})(),L=(()=>{class o{constructor(t,n){this.viewContainer=t,this.elementRef=n}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(r.s_b),r.Y36(r.SBq))},o.\u0275dir=r.lG2({type:o,selectors:[["","footerRowOutlet",""]]}),o})(),Q=(()=>{class o{constructor(t,n){this.viewContainer=t,this.elementRef=n}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(r.s_b),r.Y36(r.SBq))},o.\u0275dir=r.lG2({type:o,selectors:[["","noDataRowOutlet",""]]}),o})(),N=(()=>{class o{constructor(t,n,l,u,_,k,a,f,i,c,m,C){this._differs=t,this._changeDetectorRef=n,this._elementRef=l,this._dir=_,this._platform=a,this._viewRepeater=f,this._coalescedStyleScheduler=i,this._viewportRuler=c,this._stickyPositioningListener=m,this._ngZone=C,this._onDestroy=new pe.xQ,this._columnDefsByName=new Map,this._customColumnDefs=new Set,this._customRowDefs=new Set,this._customHeaderRowDefs=new Set,this._customFooterRowDefs=new Set,this._headerRowDefChanged=!0,this._footerRowDefChanged=!0,this._stickyColumnStylesNeedReset=!0,this._forceRecalculateCellWidths=!0,this._cachedRenderRowsMap=new Map,this.stickyCssClass="cdk-table-sticky",this.needsPositionStickyOnElement=!0,this._isShowingNoDataRow=!1,this._multiTemplateDataRows=!1,this._fixedLayout=!1,this.contentChanged=new r.vpe,this.viewChange=new ee.X({start:0,end:Number.MAX_VALUE}),u||this._elementRef.nativeElement.setAttribute("role","table"),this._document=k,this._isNativeHtmlTable="TABLE"===this._elementRef.nativeElement.nodeName}get trackBy(){return this._trackByFn}set trackBy(t){this._trackByFn=t}get dataSource(){return this._dataSource}set dataSource(t){this._dataSource!==t&&this._switchDataSource(t)}get multiTemplateDataRows(){return this._multiTemplateDataRows}set multiTemplateDataRows(t){this._multiTemplateDataRows=(0,y.Ig)(t),this._rowOutlet&&this._rowOutlet.viewContainer.length&&(this._forceRenderDataRows(),this.updateStickyColumnStyles())}get fixedLayout(){return this._fixedLayout}set fixedLayout(t){this._fixedLayout=(0,y.Ig)(t),this._forceRecalculateCellWidths=!0,this._stickyColumnStylesNeedReset=!0}ngOnInit(){this._setupStickyStyler(),this._isNativeHtmlTable&&this._applyNativeTableSections(),this._dataDiffer=this._differs.find([]).create((t,n)=>this.trackBy?this.trackBy(n.dataIndex,n.data):n),this._viewportRuler.change().pipe((0,A.R)(this._onDestroy)).subscribe(()=>{this._forceRecalculateCellWidths=!0})}ngAfterContentChecked(){this._cacheRowDefs(),this._cacheColumnDefs();const n=this._renderUpdatedColumns()||this._headerRowDefChanged||this._footerRowDefChanged;this._stickyColumnStylesNeedReset=this._stickyColumnStylesNeedReset||n,this._forceRecalculateCellWidths=n,this._headerRowDefChanged&&(this._forceRenderHeaderRows(),this._headerRowDefChanged=!1),this._footerRowDefChanged&&(this._forceRenderFooterRows(),this._footerRowDefChanged=!1),this.dataSource&&this._rowDefs.length>0&&!this._renderChangeSubscription?this._observeRenderChanges():this._stickyColumnStylesNeedReset&&this.updateStickyColumnStyles(),this._checkStickyStates()}ngOnDestroy(){[this._rowOutlet.viewContainer,this._headerRowOutlet.viewContainer,this._footerRowOutlet.viewContainer,this._cachedRenderRowsMap,this._customColumnDefs,this._customRowDefs,this._customHeaderRowDefs,this._customFooterRowDefs,this._columnDefsByName].forEach(t=>{t.clear()}),this._headerRowDefs=[],this._footerRowDefs=[],this._defaultRowDef=null,this._onDestroy.next(),this._onDestroy.complete(),(0,b.Z9)(this.dataSource)&&this.dataSource.disconnect(this)}renderRows(){this._renderRows=this._getAllRenderRows();const t=this._dataDiffer.diff(this._renderRows);if(!t)return this._updateNoDataRow(),void this.contentChanged.next();const n=this._rowOutlet.viewContainer;this._viewRepeater.applyChanges(t,n,(l,u,_)=>this._getEmbeddedViewArgs(l.item,_),l=>l.item.data,l=>{1===l.operation&&l.context&&this._renderCellTemplateForItem(l.record.item.rowDef,l.context)}),this._updateRowIndexContext(),t.forEachIdentityChange(l=>{n.get(l.currentIndex).context.$implicit=l.item.data}),this._updateNoDataRow(),this._ngZone&&r.R0b.isInAngularZone()?this._ngZone.onStable.pipe((0,Z.q)(1),(0,A.R)(this._onDestroy)).subscribe(()=>{this.updateStickyColumnStyles()}):this.updateStickyColumnStyles(),this.contentChanged.next()}addColumnDef(t){this._customColumnDefs.add(t)}removeColumnDef(t){this._customColumnDefs.delete(t)}addRowDef(t){this._customRowDefs.add(t)}removeRowDef(t){this._customRowDefs.delete(t)}addHeaderRowDef(t){this._customHeaderRowDefs.add(t),this._headerRowDefChanged=!0}removeHeaderRowDef(t){this._customHeaderRowDefs.delete(t),this._headerRowDefChanged=!0}addFooterRowDef(t){this._customFooterRowDefs.add(t),this._footerRowDefChanged=!0}removeFooterRowDef(t){this._customFooterRowDefs.delete(t),this._footerRowDefChanged=!0}setNoDataRow(t){this._customNoDataRow=t}updateStickyHeaderRowStyles(){const t=this._getRenderedRows(this._headerRowOutlet),l=this._elementRef.nativeElement.querySelector("thead");l&&(l.style.display=t.length?"":"none");const u=this._headerRowDefs.map(_=>_.sticky);this._stickyStyler.clearStickyPositioning(t,["top"]),this._stickyStyler.stickRows(t,u,"top"),this._headerRowDefs.forEach(_=>_.resetStickyChanged())}updateStickyFooterRowStyles(){const t=this._getRenderedRows(this._footerRowOutlet),l=this._elementRef.nativeElement.querySelector("tfoot");l&&(l.style.display=t.length?"":"none");const u=this._footerRowDefs.map(_=>_.sticky);this._stickyStyler.clearStickyPositioning(t,["bottom"]),this._stickyStyler.stickRows(t,u,"bottom"),this._stickyStyler.updateStickyFooterContainer(this._elementRef.nativeElement,u),this._footerRowDefs.forEach(_=>_.resetStickyChanged())}updateStickyColumnStyles(){const t=this._getRenderedRows(this._headerRowOutlet),n=this._getRenderedRows(this._rowOutlet),l=this._getRenderedRows(this._footerRowOutlet);(this._isNativeHtmlTable&&!this._fixedLayout||this._stickyColumnStylesNeedReset)&&(this._stickyStyler.clearStickyPositioning([...t,...n,...l],["left","right"]),this._stickyColumnStylesNeedReset=!1),t.forEach((u,_)=>{this._addStickyColumnStyles([u],this._headerRowDefs[_])}),this._rowDefs.forEach(u=>{const _=[];for(let k=0;k<n.length;k++)this._renderRows[k].rowDef===u&&_.push(n[k]);this._addStickyColumnStyles(_,u)}),l.forEach((u,_)=>{this._addStickyColumnStyles([u],this._footerRowDefs[_])}),Array.from(this._columnDefsByName.values()).forEach(u=>u.resetStickyChanged())}_getAllRenderRows(){const t=[],n=this._cachedRenderRowsMap;this._cachedRenderRowsMap=new Map;for(let l=0;l<this._data.length;l++){let u=this._data[l];const _=this._getRenderRowsForData(u,l,n.get(u));this._cachedRenderRowsMap.has(u)||this._cachedRenderRowsMap.set(u,new WeakMap);for(let k=0;k<_.length;k++){let a=_[k];const f=this._cachedRenderRowsMap.get(a.data);f.has(a.rowDef)?f.get(a.rowDef).push(a):f.set(a.rowDef,[a]),t.push(a)}}return t}_getRenderRowsForData(t,n,l){return this._getRowDefs(t,n).map(_=>{const k=l&&l.has(_)?l.get(_):[];if(k.length){const a=k.shift();return a.dataIndex=n,a}return{data:t,rowDef:_,dataIndex:n}})}_cacheColumnDefs(){this._columnDefsByName.clear(),he(this._getOwnDefs(this._contentColumnDefs),this._customColumnDefs).forEach(n=>{this._columnDefsByName.has(n.name),this._columnDefsByName.set(n.name,n)})}_cacheRowDefs(){this._headerRowDefs=he(this._getOwnDefs(this._contentHeaderRowDefs),this._customHeaderRowDefs),this._footerRowDefs=he(this._getOwnDefs(this._contentFooterRowDefs),this._customFooterRowDefs),this._rowDefs=he(this._getOwnDefs(this._contentRowDefs),this._customRowDefs);const t=this._rowDefs.filter(n=>!n.when);this._defaultRowDef=t[0]}_renderUpdatedColumns(){const t=(_,k)=>_||!!k.getColumnsDiff(),n=this._rowDefs.reduce(t,!1);n&&this._forceRenderDataRows();const l=this._headerRowDefs.reduce(t,!1);l&&this._forceRenderHeaderRows();const u=this._footerRowDefs.reduce(t,!1);return u&&this._forceRenderFooterRows(),n||l||u}_switchDataSource(t){this._data=[],(0,b.Z9)(this.dataSource)&&this.dataSource.disconnect(this),this._renderChangeSubscription&&(this._renderChangeSubscription.unsubscribe(),this._renderChangeSubscription=null),t||(this._dataDiffer&&this._dataDiffer.diff([]),this._rowOutlet.viewContainer.clear()),this._dataSource=t}_observeRenderChanges(){if(!this.dataSource)return;let t;(0,b.Z9)(this.dataSource)?t=this.dataSource.connect(this):(0,te.b)(this.dataSource)?t=this.dataSource:Array.isArray(this.dataSource)&&(t=(0,W.of)(this.dataSource)),this._renderChangeSubscription=t.pipe((0,A.R)(this._onDestroy)).subscribe(n=>{this._data=n||[],this.renderRows()})}_forceRenderHeaderRows(){this._headerRowOutlet.viewContainer.length>0&&this._headerRowOutlet.viewContainer.clear(),this._headerRowDefs.forEach((t,n)=>this._renderRow(this._headerRowOutlet,t,n)),this.updateStickyHeaderRowStyles()}_forceRenderFooterRows(){this._footerRowOutlet.viewContainer.length>0&&this._footerRowOutlet.viewContainer.clear(),this._footerRowDefs.forEach((t,n)=>this._renderRow(this._footerRowOutlet,t,n)),this.updateStickyFooterRowStyles()}_addStickyColumnStyles(t,n){const l=Array.from(n.columns||[]).map(k=>this._columnDefsByName.get(k)),u=l.map(k=>k.sticky),_=l.map(k=>k.stickyEnd);this._stickyStyler.updateStickyColumns(t,u,_,!this._fixedLayout||this._forceRecalculateCellWidths)}_getRenderedRows(t){const n=[];for(let l=0;l<t.viewContainer.length;l++){const u=t.viewContainer.get(l);n.push(u.rootNodes[0])}return n}_getRowDefs(t,n){if(1==this._rowDefs.length)return[this._rowDefs[0]];let l=[];if(this.multiTemplateDataRows)l=this._rowDefs.filter(u=>!u.when||u.when(n,t));else{let u=this._rowDefs.find(_=>_.when&&_.when(n,t))||this._defaultRowDef;u&&l.push(u)}return l}_getEmbeddedViewArgs(t,n){return{templateRef:t.rowDef.template,context:{$implicit:t.data},index:n}}_renderRow(t,n,l,u={}){const _=t.viewContainer.createEmbeddedView(n.template,u,l);return this._renderCellTemplateForItem(n,u),_}_renderCellTemplateForItem(t,n){for(let l of this._getCellTemplates(t))S.mostRecentCellOutlet&&S.mostRecentCellOutlet._viewContainer.createEmbeddedView(l,n);this._changeDetectorRef.markForCheck()}_updateRowIndexContext(){const t=this._rowOutlet.viewContainer;for(let n=0,l=t.length;n<l;n++){const _=t.get(n).context;_.count=l,_.first=0===n,_.last=n===l-1,_.even=n%2==0,_.odd=!_.even,this.multiTemplateDataRows?(_.dataIndex=this._renderRows[n].dataIndex,_.renderIndex=n):_.index=this._renderRows[n].dataIndex}}_getCellTemplates(t){return t&&t.columns?Array.from(t.columns,n=>{const l=this._columnDefsByName.get(n);return t.extractCellTemplate(l)}):[]}_applyNativeTableSections(){const t=this._document.createDocumentFragment(),n=[{tag:"thead",outlets:[this._headerRowOutlet]},{tag:"tbody",outlets:[this._rowOutlet,this._noDataRowOutlet]},{tag:"tfoot",outlets:[this._footerRowOutlet]}];for(const l of n){const u=this._document.createElement(l.tag);u.setAttribute("role","rowgroup");for(const _ of l.outlets)u.appendChild(_.elementRef.nativeElement);t.appendChild(u)}this._elementRef.nativeElement.appendChild(t)}_forceRenderDataRows(){this._dataDiffer.diff([]),this._rowOutlet.viewContainer.clear(),this.renderRows()}_checkStickyStates(){const t=(n,l)=>n||l.hasStickyChanged();this._headerRowDefs.reduce(t,!1)&&this.updateStickyHeaderRowStyles(),this._footerRowDefs.reduce(t,!1)&&this.updateStickyFooterRowStyles(),Array.from(this._columnDefsByName.values()).reduce(t,!1)&&(this._stickyColumnStylesNeedReset=!0,this.updateStickyColumnStyles())}_setupStickyStyler(){this._stickyStyler=new ke(this._isNativeHtmlTable,this.stickyCssClass,this._dir?this._dir.value:"ltr",this._coalescedStyleScheduler,this._platform.isBrowser,this.needsPositionStickyOnElement,this._stickyPositioningListener),(this._dir?this._dir.change:(0,W.of)()).pipe((0,A.R)(this._onDestroy)).subscribe(n=>{this._stickyStyler.direction=n,this.updateStickyColumnStyles()})}_getOwnDefs(t){return t.filter(n=>!n._table||n._table===this)}_updateNoDataRow(){const t=this._customNoDataRow||this._noDataRow;if(!t)return;const n=0===this._rowOutlet.viewContainer.length;if(n===this._isShowingNoDataRow)return;const l=this._noDataRowOutlet.viewContainer;if(n){const u=l.createEmbeddedView(t.templateRef),_=u.rootNodes[0];1===u.rootNodes.length&&_?.nodeType===this._document.ELEMENT_NODE&&(_.setAttribute("role","row"),_.classList.add(t._contentClassName))}else l.clear();this._isShowingNoDataRow=n}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(r.ZZ4),r.Y36(r.sBO),r.Y36(r.SBq),r.$8M("role"),r.Y36(h.Is,8),r.Y36(O.K0),r.Y36(e.t4),r.Y36(b.k),r.Y36(q),r.Y36(v.rL),r.Y36(F,12),r.Y36(r.R0b,8))},o.\u0275cmp=r.Xpm({type:o,selectors:[["cdk-table"],["table","cdk-table",""]],contentQueries:function(t,n,l){if(1&t&&(r.Suo(l,B,5),r.Suo(l,M,5),r.Suo(l,de,5),r.Suo(l,$,5),r.Suo(l,U,5)),2&t){let u;r.iGM(u=r.CRH())&&(n._noDataRow=u.first),r.iGM(u=r.CRH())&&(n._contentColumnDefs=u),r.iGM(u=r.CRH())&&(n._contentRowDefs=u),r.iGM(u=r.CRH())&&(n._contentHeaderRowDefs=u),r.iGM(u=r.CRH())&&(n._contentFooterRowDefs=u)}},viewQuery:function(t,n){if(1&t&&(r.Gf(X,7),r.Gf(J,7),r.Gf(L,7),r.Gf(Q,7)),2&t){let l;r.iGM(l=r.CRH())&&(n._rowOutlet=l.first),r.iGM(l=r.CRH())&&(n._headerRowOutlet=l.first),r.iGM(l=r.CRH())&&(n._footerRowOutlet=l.first),r.iGM(l=r.CRH())&&(n._noDataRowOutlet=l.first)}},hostAttrs:[1,"cdk-table"],hostVars:2,hostBindings:function(t,n){2&t&&r.ekj("cdk-table-fixed-layout",n.fixedLayout)},inputs:{trackBy:"trackBy",dataSource:"dataSource",multiTemplateDataRows:"multiTemplateDataRows",fixedLayout:"fixedLayout"},outputs:{contentChanged:"contentChanged"},exportAs:["cdkTable"],features:[r._Bn([{provide:V,useExisting:o},{provide:b.k,useClass:b.yy},{provide:q,useClass:ve},{provide:F,useValue:null}])],ngContentSelectors:we,decls:6,vars:0,consts:[["headerRowOutlet",""],["rowOutlet",""],["noDataRowOutlet",""],["footerRowOutlet",""]],template:function(t,n){1&t&&(r.F$t(I),r.Hsn(0),r.Hsn(1,1),r.GkF(2,0)(3,1)(4,2)(5,3))},dependencies:[X,J,L,Q],styles:[".cdk-table-fixed-layout{table-layout:fixed}"],encapsulation:2}),o})();function he(o,s){return o.concat(Array.from(s))}let Ee=(()=>{class o{constructor(t,n){this._table=t,this._options=n,this.justify="start",this._options=n||{}}get name(){return this._name}set name(t){this._name=t,this._syncColumnDefName()}ngOnInit(){this._syncColumnDefName(),void 0===this.headerText&&(this.headerText=this._createDefaultHeaderText()),this.dataAccessor||(this.dataAccessor=this._options.defaultDataAccessor||((t,n)=>t[n])),this._table&&(this.columnDef.cell=this.cell,this.columnDef.headerCell=this.headerCell,this._table.addColumnDef(this.columnDef))}ngOnDestroy(){this._table&&this._table.removeColumnDef(this.columnDef)}_createDefaultHeaderText(){const t=this.name;return this._options&&this._options.defaultHeaderTextTransform?this._options.defaultHeaderTextTransform(t):t[0].toUpperCase()+t.slice(1)}_syncColumnDefName(){this.columnDef&&(this.columnDef.name=this.name)}}return o.\u0275fac=function(t){return new(t||o)(r.Y36(N,8),r.Y36(R,8))},o.\u0275cmp=r.Xpm({type:o,selectors:[["cdk-text-column"]],viewQuery:function(t,n){if(1&t&&(r.Gf(M,7),r.Gf(H,7),r.Gf(G,7)),2&t){let l;r.iGM(l=r.CRH())&&(n.columnDef=l.first),r.iGM(l=r.CRH())&&(n.cell=l.first),r.iGM(l=r.CRH())&&(n.headerCell=l.first)}},inputs:{name:"name",headerText:"headerText",dataAccessor:"dataAccessor",justify:"justify"},decls:3,vars:0,consts:[["cdkColumnDef",""],["cdk-header-cell","",3,"text-align",4,"cdkHeaderCellDef"],["cdk-cell","",3,"text-align",4,"cdkCellDef"],["cdk-header-cell",""],["cdk-cell",""]],template:function(t,n){1&t&&(r.ynx(0,0),r.YNc(1,be,2,3,"th",1),r.YNc(2,Re,2,3,"td",2),r.BQk())},dependencies:[H,G,M,re,se],encapsulation:2}),o})(),p=(()=>{class o{}return o.\u0275fac=function(t){return new(t||o)},o.\u0275mod=r.oAB({type:o}),o.\u0275inj=r.cJS({imports:[v.Cl]}),o})()},4978:(Ve,me,g)=>{g.r(me),g.d(me,{CdkPopoverEditCdkTableExample:()=>z,CdkPopoverEditCdkTableFlexExample:()=>Pe,CdkPopoverEditCellSpanVanillaTableExample:()=>L,CdkPopoverEditExamplesModule:()=>Ee,CdkPopoverEditTabOutVanillaTableExample:()=>ue,CdkPopoverEditVanillaTableExample:()=>N});var h=g(7716),y=g(5013),b=g(6895),e=g(4650),v=g(4006),O=g(5017),r=g(591);function pe(d,p){if(1&d){const o=e.EpF();e.TgZ(0,"div",12)(1,"form",13,14),e.NdJ("ngSubmit",function(){const n=e.CHM(o).$implicit,l=e.MAs(2),u=e.oxw();return e.KtG(u.onSubmitWeight(n,l))})("cdkEditControlPreservedFormValueChange",function(t){const l=e.CHM(o).$implicit,u=e.oxw();return e.KtG(u.preservedWeightValues.set(l,t))}),e._uU(3," Edit b: "),e._UZ(4,"input",15)(5,"br"),e.TgZ(6,"button",16),e._uU(7,"Confirm"),e.qZA(),e.TgZ(8,"button",17),e._uU(9,"Revert"),e.qZA(),e.TgZ(10,"button",18),e._uU(11,"Close"),e.qZA()()()}if(2&d){const o=p.$implicit,s=e.oxw();e.xp6(1),e.Q6J("cdkEditControlPreservedFormValue",s.preservedWeightValues.get(o)),e.xp6(3),e.Q6J("ngModel",o.weight)}}function T(d,p){1&d&&(e.TgZ(0,"cdk-header-cell"),e._uU(1," No. "),e.qZA())}function ee(d,p){if(1&d&&(e.TgZ(0,"cdk-cell"),e._uU(1),e.qZA()),2&d){const o=p.$implicit;e.xp6(1),e.hij(" ",o.position," ")}}function te(d,p){1&d&&(e.TgZ(0,"cdk-header-cell"),e._uU(1," Name "),e.qZA())}function W(d,p){if(1&d){const o=e.EpF();e.TgZ(0,"div",12)(1,"form",13,14),e.NdJ("ngSubmit",function(){e.CHM(o);const t=e.MAs(2),n=e.oxw().$implicit,l=e.oxw();return e.KtG(l.onSubmitName(n,t))})("cdkEditControlPreservedFormValueChange",function(t){e.CHM(o);const n=e.oxw().$implicit,l=e.oxw();return e.KtG(l.preservedNameValues.set(n,t))}),e._uU(3," Edit a: "),e._UZ(4,"input",22)(5,"br"),e.TgZ(6,"button",16),e._uU(7,"Confirm"),e.qZA(),e.TgZ(8,"button",17),e._uU(9,"Revert"),e.qZA(),e.TgZ(10,"button",18),e._uU(11,"Close"),e.qZA()()()}if(2&d){const o=e.oxw().$implicit,s=e.oxw();e.xp6(1),e.Q6J("cdkEditControlPreservedFormValue",s.preservedNameValues.get(o)),e.xp6(3),e.Q6J("ngModel",o.name)}}function A(d,p){1&d&&(e.TgZ(0,"span")(1,"button",23),e._uU(2,"Edit"),e.qZA()())}function Z(d,p){if(1&d&&(e.TgZ(0,"cdk-cell",19),e._uU(1),e.YNc(2,W,12,2,"ng-template",null,20,e.W1O),e.YNc(4,A,3,0,"span",21),e.qZA()),2&d){const o=p.$implicit,s=e.MAs(3);e.Q6J("cdkPopoverEdit",s),e.xp6(1),e.hij(" ",o.name," ")}}function I(d,p){1&d&&(e.TgZ(0,"cdk-header-cell"),e._uU(1," Weight "),e.qZA())}function we(d,p){1&d&&(e.TgZ(0,"span")(1,"button",23),e._uU(2,"Edit"),e.qZA()())}function be(d,p){if(1&d&&(e.TgZ(0,"cdk-cell",24),e._uU(1),e.YNc(2,we,3,0,"span",21),e.qZA()),2&d){const o=p.$implicit;e.oxw();const s=e.MAs(2);e.Q6J("cdkPopoverEdit",s)("cdkPopoverEditContext",o),e.xp6(1),e.hij(" ",o.weight," ")}}function Re(d,p){1&d&&(e.TgZ(0,"cdk-header-cell"),e._uU(1," Symbol "),e.qZA())}function oe(d,p){if(1&d&&(e.TgZ(0,"cdk-cell"),e._uU(1),e.qZA()),2&d){const o=p.$implicit;e.xp6(1),e.hij(" ",o.symbol," ")}}function V(d,p){1&d&&e._UZ(0,"cdk-header-row")}function R(d,p){1&d&&e._UZ(0,"cdk-row")}function H(d,p){if(1&d){const o=e.EpF();e.TgZ(0,"div",12)(1,"form",13,14),e.NdJ("ngSubmit",function(){const n=e.CHM(o).$implicit,l=e.MAs(2),u=e.oxw();return e.KtG(u.onSubmitWeight(n,l))})("cdkEditControlPreservedFormValueChange",function(t){const l=e.CHM(o).$implicit,u=e.oxw();return e.KtG(u.preservedWeightValues.set(l,t))}),e._uU(3," Edit b: "),e._UZ(4,"input",15)(5,"br"),e.TgZ(6,"button",16),e._uU(7,"Confirm"),e.qZA(),e.TgZ(8,"button",17),e._uU(9,"Revert and close"),e.qZA()()()}if(2&d){const o=p.$implicit,s=e.oxw();e.xp6(1),e.Q6J("cdkEditControlPreservedFormValue",s.preservedWeightValues.get(o)),e.xp6(3),e.Q6J("ngModel",o.weight)}}function G(d,p){1&d&&(e.TgZ(0,"th",18),e._uU(1," No. "),e.qZA())}function ie(d,p){if(1&d&&(e.TgZ(0,"td",19),e._uU(1),e.qZA()),2&d){const o=p.$implicit;e.xp6(1),e.hij(" ",o.position," ")}}function _e(d,p){1&d&&(e.TgZ(0,"th",18),e._uU(1," Name "),e.qZA())}function Me(d,p){if(1&d){const o=e.EpF();e.TgZ(0,"div",12)(1,"form",13,14),e.NdJ("ngSubmit",function(){e.CHM(o);const t=e.MAs(2),n=e.oxw().$implicit,l=e.oxw();return e.KtG(l.onSubmitName(n,t))})("cdkEditControlPreservedFormValueChange",function(t){e.CHM(o);const n=e.oxw().$implicit,l=e.oxw();return e.KtG(l.preservedNameValues.set(n,t))}),e._uU(3," Edit a: "),e._UZ(4,"input",23)(5,"br"),e.TgZ(6,"button",16),e._uU(7,"Confirm"),e.qZA(),e.TgZ(8,"button",24),e._uU(9,"Revert"),e.qZA(),e.TgZ(10,"button",25),e._uU(11,"Close"),e.qZA()()()}if(2&d){const o=e.oxw().$implicit,s=e.oxw();e.xp6(1),e.Q6J("cdkEditControlPreservedFormValue",s.preservedNameValues.get(o)),e.xp6(3),e.Q6J("ngModel",o.name)}}function M(d,p){1&d&&(e.TgZ(0,"span")(1,"button",26),e._uU(2,"Edit"),e.qZA()())}function ne(d,p){if(1&d&&(e.TgZ(0,"td",20),e._uU(1),e.YNc(2,Me,12,2,"ng-template",null,21,e.W1O),e.YNc(4,M,3,0,"span",22),e.qZA()),2&d){const o=p.$implicit,s=e.MAs(3);e.Q6J("cdkPopoverEdit",s),e.xp6(1),e.hij(" ",o.name," ")}}function se(d,p){1&d&&(e.TgZ(0,"th",18),e._uU(1," Weight "),e.qZA())}function ge(d,p){1&d&&(e.TgZ(0,"span")(1,"button",26),e._uU(2,"Edit"),e.qZA()())}function re(d,p){if(1&d&&(e.TgZ(0,"td",27),e._uU(1),e.YNc(2,ge,3,0,"span",22),e.qZA()),2&d){const o=p.$implicit;e.oxw();const s=e.MAs(2);e.Q6J("cdkPopoverEdit",s)("cdkPopoverEditContext",o),e.xp6(1),e.hij(" ",o.weight," ")}}function Ce(d,p){1&d&&(e.TgZ(0,"th",18),e._uU(1," Symbol "),e.qZA())}function q(d,p){if(1&d&&(e.TgZ(0,"td",19),e._uU(1),e.qZA()),2&d){const o=p.$implicit;e.xp6(1),e.hij(" ",o.symbol," ")}}function ve(d,p){1&d&&e._UZ(0,"tr",28)}function Oe(d,p){1&d&&e._UZ(0,"tr",29)}function le(d,p){if(1&d){const o=e.EpF();e.TgZ(0,"div",3)(1,"form",4,5),e.NdJ("ngSubmit",function(){const n=e.CHM(o).$implicit,l=e.MAs(2),u=e.oxw();return e.KtG(u.onSubmit(n.person,l))})("cdkEditControlPreservedFormValueChange",function(t){const l=e.CHM(o).$implicit,u=e.oxw();return e.KtG(u.preservedValues.set(l.person,t))}),e.TgZ(3,"div",6),e._UZ(4,"input",7)(5,"input",8)(6,"input",9),e.qZA(),e._UZ(7,"br")(8,"br"),e.TgZ(9,"button",10),e._uU(10,"Confirm"),e.qZA(),e.TgZ(11,"button",11),e._uU(12,"Revert"),e.qZA(),e.TgZ(13,"button",12),e._uU(14,"Close"),e.qZA()()()}if(2&d){const o=p.$implicit,s=e.oxw();e.xp6(1),e.Q6J("cdkEditControlPreservedFormValue",s.preservedValues.get(o.person)),e.xp6(3),e.Q6J("ngModel",o.person.firstName),e.uIk("cdkFocusInitial","firstName"===o.focus||null),e.xp6(1),e.Q6J("ngModel",o.person.middleName),e.uIk("cdkFocusInitial","middleName"===o.focus||null),e.xp6(1),e.Q6J("ngModel",o.person.lastName),e.uIk("cdkFocusInitial","lastName"===o.focus||null)}}function De(d,p){1&d&&(e.TgZ(0,"span")(1,"button",15),e._uU(2,"Edit"),e.qZA()())}function xe(d,p){1&d&&(e.TgZ(0,"span")(1,"button",15),e._uU(2,"Edit"),e.qZA()())}function $(d,p){1&d&&(e.TgZ(0,"span")(1,"button",15),e._uU(2,"Edit"),e.qZA()())}const ae=function(d){return{person:d,focus:"firstName"}},j=function(){return{after:2}},U=function(d){return{person:d,focus:"middleName"}},de=function(){return{before:1,after:1}},S=function(d){return{person:d,focus:"lastName"}},ce=function(){return{before:2}};function ye(d,p){if(1&d&&(e.TgZ(0,"tr")(1,"td"),e._uU(2),e.qZA(),e.TgZ(3,"td",13),e._uU(4),e.YNc(5,De,3,0,"span",14),e.qZA(),e.TgZ(6,"td",13),e._uU(7),e.YNc(8,xe,3,0,"span",14),e.qZA(),e.TgZ(9,"td",13),e._uU(10),e.YNc(11,$,3,0,"span",14),e.qZA()()),2&d){const o=p.$implicit;e.oxw();const s=e.MAs(2);e.xp6(2),e.hij(" ",o.id," "),e.xp6(1),e.Q6J("cdkPopoverEdit",s)("cdkPopoverEditContext",e.VKq(13,ae,o))("cdkPopoverEditColspan",e.DdM(15,j)),e.xp6(1),e.hij(" ",o.firstName," "),e.xp6(2),e.Q6J("cdkPopoverEdit",s)("cdkPopoverEditContext",e.VKq(16,U,o))("cdkPopoverEditColspan",e.DdM(18,de)),e.xp6(1),e.hij(" ",o.middleName," "),e.xp6(2),e.Q6J("cdkPopoverEdit",s)("cdkPopoverEditContext",e.VKq(19,S,o))("cdkPopoverEditColspan",e.DdM(21,ce)),e.xp6(1),e.hij(" ",o.lastName," ")}}function P(d,p){if(1&d){const o=e.EpF();e.TgZ(0,"div",3)(1,"form",4,5),e.NdJ("ngSubmit",function(){const n=e.CHM(o).$implicit,l=e.MAs(2),u=e.oxw();return e.KtG(u.onSubmitWeight(n,l))})("cdkEditControlPreservedFormValueChange",function(t){const l=e.CHM(o).$implicit,u=e.oxw();return e.KtG(u.preservedWeightValues.set(l,t))}),e._UZ(3,"input",6),e.qZA()()}if(2&d){const o=p.$implicit,s=e.oxw();e.xp6(1),e.Q6J("cdkEditControlPreservedFormValue",s.preservedWeightValues.get(o)),e.xp6(2),e.Q6J("ngModel",o.weight)}}function B(d,p){if(1&d){const o=e.EpF();e.TgZ(0,"div",3)(1,"form",4,5),e.NdJ("ngSubmit",function(){e.CHM(o);const t=e.MAs(2),n=e.oxw().$implicit,l=e.oxw();return e.KtG(l.onSubmitName(n,t))})("cdkEditControlPreservedFormValueChange",function(t){e.CHM(o);const n=e.oxw().$implicit,l=e.oxw();return e.KtG(l.preservedNameValues.set(n,t))}),e._UZ(3,"input",10)(4,"br"),e.TgZ(5,"button",11),e._uU(6,"Confirm"),e.qZA()()()}if(2&d){const o=e.oxw().$implicit,s=e.oxw();e.xp6(1),e.Q6J("cdkEditControlPreservedFormValue",s.preservedNameValues.get(o)),e.xp6(2),e.Q6J("ngModel",o.name)}}function x(d,p){if(1&d&&(e.TgZ(0,"tr")(1,"td"),e._uU(2),e.qZA(),e.TgZ(3,"td",7),e._uU(4),e.YNc(5,B,7,2,"ng-template",null,8,e.W1O),e.qZA(),e.TgZ(7,"td",9),e._uU(8),e.qZA(),e.TgZ(9,"td"),e._uU(10),e.qZA()()),2&d){const o=p.$implicit,s=e.MAs(6);e.oxw();const t=e.MAs(2);e.xp6(2),e.hij(" ",o.position," "),e.xp6(1),e.Q6J("cdkPopoverEdit",s),e.xp6(1),e.hij(" ",o.name," "),e.xp6(3),e.Q6J("cdkPopoverEdit",t)("cdkPopoverEditContext",o),e.xp6(1),e.hij(" ",o.weight," "),e.xp6(2),e.hij(" ",o.symbol," ")}}function ke(d,p){if(1&d){const o=e.EpF();e.TgZ(0,"div",3)(1,"form",4,5),e.NdJ("ngSubmit",function(){const n=e.CHM(o).$implicit,l=e.MAs(2),u=e.oxw();return e.KtG(u.onSubmitWeight(n,l))})("cdkEditControlPreservedFormValueChange",function(t){const l=e.CHM(o).$implicit,u=e.oxw();return e.KtG(u.preservedWeightValues.set(l,t))}),e._uU(3," Edit b: "),e._UZ(4,"input",6)(5,"br"),e.TgZ(6,"button",7),e._uU(7,"Confirm"),e.qZA(),e.TgZ(8,"button",8),e._uU(9,"Revert"),e.qZA(),e.TgZ(10,"button",9),e._uU(11,"Close"),e.qZA()()()}if(2&d){const o=p.$implicit,s=e.oxw();e.xp6(1),e.Q6J("cdkEditControlPreservedFormValue",s.preservedWeightValues.get(o)),e.xp6(3),e.Q6J("ngModel",o.weight)}}function Te(d,p){if(1&d){const o=e.EpF();e.TgZ(0,"div",3)(1,"form",4,5),e.NdJ("ngSubmit",function(){e.CHM(o);const t=e.MAs(2),n=e.oxw().$implicit,l=e.oxw();return e.KtG(l.onSubmitName(n,t))})("cdkEditControlPreservedFormValueChange",function(t){e.CHM(o);const n=e.oxw().$implicit,l=e.oxw();return e.KtG(l.preservedNameValues.set(n,t))}),e._uU(3," Edit a: "),e._UZ(4,"input",14)(5,"br"),e.TgZ(6,"button",7),e._uU(7,"Confirm"),e.qZA(),e.TgZ(8,"button",8),e._uU(9,"Revert"),e.qZA(),e.TgZ(10,"button",9),e._uU(11,"Close"),e.qZA()()()}if(2&d){const o=e.oxw().$implicit,s=e.oxw();e.xp6(1),e.Q6J("cdkEditControlPreservedFormValue",s.preservedNameValues.get(o)),e.xp6(3),e.Q6J("ngModel",o.name)}}function Se(d,p){1&d&&(e.TgZ(0,"span")(1,"button",15),e._uU(2,"Edit"),e.qZA()())}function E(d,p){1&d&&(e.TgZ(0,"span")(1,"button",15),e._uU(2,"Edit"),e.qZA()())}function Fe(d,p){if(1&d&&(e.TgZ(0,"tr")(1,"td"),e._uU(2),e.qZA(),e.TgZ(3,"td",10),e._uU(4),e.YNc(5,Te,12,2,"ng-template",null,11,e.W1O),e.YNc(7,Se,3,0,"span",12),e.qZA(),e.TgZ(8,"td",13),e._uU(9),e.YNc(10,E,3,0,"span",12),e.qZA(),e.TgZ(11,"td"),e._uU(12),e.qZA()()),2&d){const o=p.$implicit,s=e.MAs(6);e.oxw();const t=e.MAs(2);e.xp6(2),e.hij(" ",o.position," "),e.xp6(1),e.Q6J("cdkPopoverEdit",s),e.xp6(1),e.hij(" ",o.name," "),e.xp6(4),e.Q6J("cdkPopoverEdit",t)("cdkPopoverEditContext",o),e.xp6(1),e.hij(" ",o.weight," "),e.xp6(3),e.hij(" ",o.symbol," ")}}const K=[{position:1,name:"Hydrogen",weight:1.0079,symbol:"H"},{position:2,name:"Helium",weight:4.0026,symbol:"He"},{position:3,name:"Lithium",weight:6.941,symbol:"Li"},{position:4,name:"Beryllium",weight:9.0122,symbol:"Be"},{position:5,name:"Boron",weight:10.811,symbol:"B"},{position:6,name:"Carbon",weight:12.0107,symbol:"C"},{position:7,name:"Nitrogen",weight:14.0067,symbol:"N"},{position:8,name:"Oxygen",weight:15.9994,symbol:"O"},{position:9,name:"Fluorine",weight:18.9984,symbol:"F"},{position:10,name:"Neon",weight:20.1797,symbol:"Ne"},{position:11,name:"Sodium",weight:22.9897,symbol:"Na"},{position:12,name:"Magnesium",weight:24.305,symbol:"Mg"},{position:13,name:"Aluminum",weight:26.9815,symbol:"Al"},{position:14,name:"Silicon",weight:28.0855,symbol:"Si"},{position:15,name:"Phosphorus",weight:30.9738,symbol:"P"},{position:16,name:"Sulfur",weight:32.065,symbol:"S"},{position:17,name:"Chlorine",weight:35.453,symbol:"Cl"},{position:18,name:"Argon",weight:39.948,symbol:"Ar"},{position:19,name:"Potassium",weight:39.0983,symbol:"K"},{position:20,name:"Calcium",weight:40.078,symbol:"Ca"}];let Pe=(()=>{class d{constructor(){this.displayedColumns=["position","name","weight","symbol"],this.dataSource=new Ae,this.preservedNameValues=new WeakMap,this.preservedWeightValues=new WeakMap}onSubmitName(o,s){!s.valid||(o.name=s.value.name)}onSubmitWeight(o,s){!s.valid||(o.weight=s.value.weight)}}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=e.Xpm({type:d,selectors:[["cdk-popover-edit-cdk-table-flex-example"]],decls:17,vars:3,consts:[["editable","",1,"example-table",3,"dataSource"],["weightEdit",""],["cdkColumnDef","position"],[4,"cdkHeaderCellDef"],[4,"cdkCellDef"],["cdkColumnDef","name"],[3,"cdkPopoverEdit",4,"cdkCellDef"],["cdkColumnDef","weight"],[3,"cdkPopoverEdit","cdkPopoverEditContext",4,"cdkCellDef"],["cdkColumnDef","symbol"],[4,"cdkHeaderRowDef"],[4,"cdkRowDef","cdkRowDefColumns"],[2,"background-color","white"],["cdkEditControl","",3,"cdkEditControlPreservedFormValue","ngSubmit","cdkEditControlPreservedFormValueChange"],["f","ngForm"],["type","number","name","weight","required","",3,"ngModel"],["type","submit"],["cdkEditRevert",""],["cdkEditClose",""],[3,"cdkPopoverEdit"],["nameEdit",""],[4,"cdkRowHoverContent"],["name","name","required","",3,"ngModel"],["cdkEditOpen",""],[3,"cdkPopoverEdit","cdkPopoverEditContext"]],template:function(o,s){1&o&&(e.TgZ(0,"cdk-table",0),e.YNc(1,pe,12,2,"ng-template",null,1,e.W1O),e.ynx(3,2),e.YNc(4,T,2,0,"cdk-header-cell",3),e.YNc(5,ee,2,1,"cdk-cell",4),e.BQk(),e.ynx(6,5),e.YNc(7,te,2,0,"cdk-header-cell",3),e.YNc(8,Z,5,2,"cdk-cell",6),e.BQk(),e.ynx(9,7),e.YNc(10,I,2,0,"cdk-header-cell",3),e.YNc(11,be,3,3,"cdk-cell",8),e.BQk(),e.ynx(12,9),e.YNc(13,Re,2,0,"cdk-header-cell",3),e.YNc(14,oe,2,1,"cdk-cell",4),e.BQk(),e.YNc(15,V,1,0,"cdk-header-row",10),e.YNc(16,R,1,0,"cdk-row",11),e.qZA()),2&o&&(e.Q6J("dataSource",s.dataSource),e.xp6(15),e.Q6J("cdkHeaderRowDef",s.displayedColumns),e.xp6(1),e.Q6J("cdkRowDefColumns",s.displayedColumns))},dependencies:[h.aq,h.qv,h.Zb,h.Ej,h.Lb,h.gC,h.P$,y.zC,y.Sq,y.O_,y.D5,y.fo,y.hD,y._J,y.Af,y.xN,y.s$,v._Y,v.Fj,v.wV,v.JJ,v.JL,v.Q7,v.On,v.F],styles:[".example-table[_ngcontent-%COMP%] cdk-row[_ngcontent-%COMP%], cdk-header-row[_ngcontent-%COMP%], cdk-footer-row[_ngcontent-%COMP%] {\n display: flex;\n}\n\n.example-table[_ngcontent-%COMP%] cdk-cell[_ngcontent-%COMP%], cdk-header-cell[_ngcontent-%COMP%], cdk-footer-cell[_ngcontent-%COMP%] {\n flex: 1;\n}"]}),d})();class Ae extends O.o2{constructor(){super(...arguments),this.data=new r.X(K)}connect(){return this.data}disconnect(){}}const F=[{position:1,name:"Hydrogen",weight:1.0079,symbol:"H"},{position:2,name:"Helium",weight:4.0026,symbol:"He"},{position:3,name:"Lithium",weight:6.941,symbol:"Li"},{position:4,name:"Beryllium",weight:9.0122,symbol:"Be"},{position:5,name:"Boron",weight:10.811,symbol:"B"},{position:6,name:"Carbon",weight:12.0107,symbol:"C"},{position:7,name:"Nitrogen",weight:14.0067,symbol:"N"},{position:8,name:"Oxygen",weight:15.9994,symbol:"O"},{position:9,name:"Fluorine",weight:18.9984,symbol:"F"},{position:10,name:"Neon",weight:20.1797,symbol:"Ne"},{position:11,name:"Sodium",weight:22.9897,symbol:"Na"},{position:12,name:"Magnesium",weight:24.305,symbol:"Mg"},{position:13,name:"Aluminum",weight:26.9815,symbol:"Al"},{position:14,name:"Silicon",weight:28.0855,symbol:"Si"},{position:15,name:"Phosphorus",weight:30.9738,symbol:"P"},{position:16,name:"Sulfur",weight:32.065,symbol:"S"},{position:17,name:"Chlorine",weight:35.453,symbol:"Cl"},{position:18,name:"Argon",weight:39.948,symbol:"Ar"},{position:19,name:"Potassium",weight:39.0983,symbol:"K"},{position:20,name:"Calcium",weight:40.078,symbol:"Ca"}];let z=(()=>{class d{constructor(){this.displayedColumns=["position","name","weight","symbol"],this.dataSource=new X,this.preservedNameValues=new WeakMap,this.preservedWeightValues=new WeakMap}onSubmitName(o,s){!s.valid||(o.name=s.value.name)}onSubmitWeight(o,s){!s.valid||(o.weight=s.value.weight)}}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=e.Xpm({type:d,selectors:[["cdk-popover-edit-cdk-table-example"]],decls:17,vars:3,consts:[["cdk-table","","editable","",1,"example-table",3,"dataSource"],["weightEdit",""],["cdkColumnDef","position"],["cdk-header-cell","",4,"cdkHeaderCellDef"],["cdk-cell","",4,"cdkCellDef"],["cdkColumnDef","name"],["cdk-cell","",3,"cdkPopoverEdit",4,"cdkCellDef"],["cdkColumnDef","weight"],["cdk-cell","",3,"cdkPopoverEdit","cdkPopoverEditContext",4,"cdkCellDef"],["cdkColumnDef","symbol"],["cdk-header-row","",4,"cdkHeaderRowDef"],["cdk-row","",4,"cdkRowDef","cdkRowDefColumns"],[2,"background-color","white"],["cdkEditControl","",3,"cdkEditControlPreservedFormValue","ngSubmit","cdkEditControlPreservedFormValueChange"],["f","ngForm"],["type","number","name","weight","required","",3,"ngModel"],["type","submit"],["cdkEditRevert","","cdkEditClose",""],["cdk-header-cell",""],["cdk-cell",""],["cdk-cell","",3,"cdkPopoverEdit"],["nameEdit",""],[4,"cdkRowHoverContent"],["name","name","required","",3,"ngModel"],["cdkEditRevert",""],["cdkEditClose",""],["cdkEditOpen",""],["cdk-cell","",3,"cdkPopoverEdit","cdkPopoverEditContext"],["cdk-header-row",""],["cdk-row",""]],template:function(o,s){1&o&&(e.TgZ(0,"table",0),e.YNc(1,H,10,2,"ng-template",null,1,e.W1O),e.ynx(3,2),e.YNc(4,G,2,0,"th",3),e.YNc(5,ie,2,1,"td",4),e.BQk(),e.ynx(6,5),e.YNc(7,_e,2,0,"th",3),e.YNc(8,ne,5,2,"td",6),e.BQk(),e.ynx(9,7),e.YNc(10,se,2,0,"th",3),e.YNc(11,re,3,3,"td",8),e.BQk(),e.ynx(12,9),e.YNc(13,Ce,2,0,"th",3),e.YNc(14,q,2,1,"td",4),e.BQk(),e.YNc(15,ve,1,0,"tr",10),e.YNc(16,Oe,1,0,"tr",11),e.qZA()),2&o&&(e.Q6J("dataSource",s.dataSource),e.xp6(15),e.Q6J("cdkHeaderRowDef",s.displayedColumns),e.xp6(1),e.Q6J("cdkRowDefColumns",s.displayedColumns))},dependencies:[h.aq,h.qv,h.Zb,h.Ej,h.Lb,h.gC,h.P$,y.zC,y.Sq,y.O_,y.D5,y.fo,y.hD,y._J,y.Af,y.xN,y.s$,v._Y,v.Fj,v.wV,v.JJ,v.JL,v.Q7,v.On,v.F],styles:[".example-table[_ngcontent-%COMP%] {\n width: 100%;\n}\n\n.example-table[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\n text-align: left;\n}\n\n.example-table[_ngcontent-%COMP%] td[_ngcontent-%COMP%], .example-table[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\n width: 25%;\n}"]}),d})();class X extends O.o2{constructor(){super(...arguments),this.data=new r.X(F)}connect(){return this.data}disconnect(){}}const J=[{id:1,firstName:"Terra",middleName:"Maduin",lastName:"Branford"},{id:2,firstName:"Locke",middleName:"",lastName:"Cole"},{id:3,firstName:"Celes",middleName:"Gestahl",lastName:"Chere"},{id:4,firstName:"Edgar",middleName:"Roni",lastName:"Figaro"},{id:5,firstName:"Sabin",middleName:"Rene",lastName:"Figaro"},{id:6,firstName:"Clyde",middleName:'"Shadow"',lastName:"Arrowny"},{id:7,firstName:"Setzer",middleName:"",lastName:"Gabbiani"},{id:8,firstName:"Cid",middleName:"Del Norte",lastName:"Marquez"},{id:9,firstName:"Mog",middleName:"",lastName:"McMoogle"}];let L=(()=>{class d{constructor(){this.preservedValues=new WeakMap,this.persons=J}onSubmit(o,s){!s.valid||(o.firstName=s.value.firstName,o.middleName=s.value.middleName,o.lastName=s.value.lastName)}}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=e.Xpm({type:d,selectors:[["cdk-popover-edit-cell-span-vanilla-table-example"]],decls:13,vars:1,consts:[["editable","",1,"example-table"],["nameEdit",""],[4,"ngFor","ngForOf"],[2,"background-color","#ddd","width","100%"],["cdkEditControl","",3,"cdkEditControlPreservedFormValue","ngSubmit","cdkEditControlPreservedFormValueChange"],["f","ngForm"],[1,"example-input-container"],["name","firstName","required","",3,"ngModel"],["name","middleName",3,"ngModel"],["name","lastName","required","",3,"ngModel"],["type","submit"],["cdkEditRevert",""],["cdkEditClose",""],[3,"cdkPopoverEdit","cdkPopoverEditContext","cdkPopoverEditColspan"],[4,"cdkRowHoverContent"],["cdkEditOpen",""]],template:function(o,s){1&o&&(e.TgZ(0,"table",0),e.YNc(1,le,15,7,"ng-template",null,1,e.W1O),e.TgZ(3,"tr")(4,"th"),e._uU(5," No. "),e.qZA(),e.TgZ(6,"th"),e._uU(7," First name "),e.qZA(),e.TgZ(8,"th"),e._uU(9," Middle name "),e.qZA(),e.TgZ(10,"th"),e._uU(11," Last name "),e.qZA()(),e.YNc(12,ye,12,22,"tr",2),e.qZA()),2&o&&(e.xp6(12),e.Q6J("ngForOf",s.persons))},dependencies:[h.aq,h.qv,h.Zb,h.Ej,h.Lb,h.gC,h.P$,v._Y,v.Fj,v.JJ,v.JL,v.Q7,v.On,v.F,b.sg],styles:[".example-table[_ngcontent-%COMP%] {\n width: 100%;\n}\n\n.example-table[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\n text-align: left;\n}\n\n.example-table[_ngcontent-%COMP%] td[_ngcontent-%COMP%], .example-table[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\n min-width: 300px;\n width: 25%;\n}\n\n.example-input-container[_ngcontent-%COMP%] {\n display: flex;\n justify-content: stretch;\n}\n\n.example-input-container[_ngcontent-%COMP%] input[_ngcontent-%COMP%] {\n flex: 1;\n font-size: 14px;\n}"]}),d})();const Q=[{position:1,name:"Hydrogen",weight:1.0079,symbol:"H"},{position:2,name:"Helium",weight:4.0026,symbol:"He"},{position:3,name:"Lithium",weight:6.941,symbol:"Li"},{position:4,name:"Beryllium",weight:9.0122,symbol:"Be"},{position:5,name:"Boron",weight:10.811,symbol:"B"},{position:6,name:"Carbon",weight:12.0107,symbol:"C"},{position:7,name:"Nitrogen",weight:14.0067,symbol:"N"},{position:8,name:"Oxygen",weight:15.9994,symbol:"O"},{position:9,name:"Fluorine",weight:18.9984,symbol:"F"},{position:10,name:"Neon",weight:20.1797,symbol:"Ne"},{position:11,name:"Sodium",weight:22.9897,symbol:"Na"},{position:12,name:"Magnesium",weight:24.305,symbol:"Mg"},{position:13,name:"Aluminum",weight:26.9815,symbol:"Al"},{position:14,name:"Silicon",weight:28.0855,symbol:"Si"},{position:15,name:"Phosphorus",weight:30.9738,symbol:"P"},{position:16,name:"Sulfur",weight:32.065,symbol:"S"},{position:17,name:"Chlorine",weight:35.453,symbol:"Cl"},{position:18,name:"Argon",weight:39.948,symbol:"Ar"},{position:19,name:"Potassium",weight:39.0983,symbol:"K"},{position:20,name:"Calcium",weight:40.078,symbol:"Ca"}];let ue=(()=>{class d{constructor(){this.preservedNameValues=new WeakMap,this.preservedWeightValues=new WeakMap,this.elements=Q}onSubmitName(o,s){!s.valid||(o.name=s.value.name)}onSubmitWeight(o,s){!s.valid||(o.weight=s.value.weight)}}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=e.Xpm({type:d,selectors:[["cdk-popover-edit-tab-out-vanilla-table-example"]],decls:13,vars:1,consts:[["editable","",1,"example-table"],["weightEdit",""],[4,"ngFor","ngForOf"],[2,"background-color","white","width","100%"],["cdkEditControl","","cdkEditControlClickOutBehavior","submit",3,"cdkEditControlPreservedFormValue","ngSubmit","cdkEditControlPreservedFormValueChange"],["f","ngForm"],["type","number","name","weight","required","",3,"ngModel"],["cdkPopoverEditTabOut","","cdkEditOpen","",3,"cdkPopoverEdit"],["nameEdit",""],["cdkPopoverEditTabOut","","cdkEditOpen","",3,"cdkPopoverEdit","cdkPopoverEditContext"],["name","name","required","",3,"ngModel"],["type","submit"]],template:function(o,s){1&o&&(e.TgZ(0,"table",0),e.YNc(1,P,4,2,"ng-template",null,1,e.W1O),e.TgZ(3,"tr")(4,"th"),e._uU(5," No. "),e.qZA(),e.TgZ(6,"th"),e._uU(7," Name "),e.qZA(),e.TgZ(8,"th"),e._uU(9," Weight "),e.qZA(),e.TgZ(10,"th"),e._uU(11," Symbol "),e.qZA()(),e.YNc(12,x,11,7,"tr",2),e.qZA()),2&o&&(e.xp6(12),e.Q6J("ngForOf",s.elements))},dependencies:[h.Y5,h.Zb,h.gC,h.P$,v._Y,v.Fj,v.wV,v.JJ,v.JL,v.Q7,v.On,v.F,b.sg],styles:[".example-table[_ngcontent-%COMP%] {\n width: 100%;\n}\n\n.example-table[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\n text-align: left;\n}\n\n.example-table[_ngcontent-%COMP%] td[_ngcontent-%COMP%], .example-table[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\n min-width: 300px;\n width: 25%;\n}"]}),d})();const Ze=[{position:1,name:"Hydrogen",weight:1.0079,symbol:"H"},{position:2,name:"Helium",weight:4.0026,symbol:"He"},{position:3,name:"Lithium",weight:6.941,symbol:"Li"},{position:4,name:"Beryllium",weight:9.0122,symbol:"Be"},{position:5,name:"Boron",weight:10.811,symbol:"B"},{position:6,name:"Carbon",weight:12.0107,symbol:"C"},{position:7,name:"Nitrogen",weight:14.0067,symbol:"N"},{position:8,name:"Oxygen",weight:15.9994,symbol:"O"},{position:9,name:"Fluorine",weight:18.9984,symbol:"F"},{position:10,name:"Neon",weight:20.1797,symbol:"Ne"},{position:11,name:"Sodium",weight:22.9897,symbol:"Na"},{position:12,name:"Magnesium",weight:24.305,symbol:"Mg"},{position:13,name:"Aluminum",weight:26.9815,symbol:"Al"},{position:14,name:"Silicon",weight:28.0855,symbol:"Si"},{position:15,name:"Phosphorus",weight:30.9738,symbol:"P"},{position:16,name:"Sulfur",weight:32.065,symbol:"S"},{position:17,name:"Chlorine",weight:35.453,symbol:"Cl"},{position:18,name:"Argon",weight:39.948,symbol:"Ar"},{position:19,name:"Potassium",weight:39.0983,symbol:"K"},{position:20,name:"Calcium",weight:40.078,symbol:"Ca"}];let N=(()=>{class d{constructor(){this.preservedNameValues=new WeakMap,this.preservedWeightValues=new WeakMap,this.elements=Ze}onSubmitName(o,s){!s.valid||(o.name=s.value.name)}onSubmitWeight(o,s){!s.valid||(o.weight=s.value.weight)}}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=e.Xpm({type:d,selectors:[["cdk-popover-edit-vanilla-table-example"]],decls:13,vars:1,consts:[["editable","",1,"example-table"],["weightEdit",""],[4,"ngFor","ngForOf"],[2,"background-color","white","width","100%"],["cdkEditControl","",3,"cdkEditControlPreservedFormValue","ngSubmit","cdkEditControlPreservedFormValueChange"],["f","ngForm"],["type","number","name","weight","required","",3,"ngModel"],["type","submit"],["cdkEditRevert",""],["cdkEditClose",""],[3,"cdkPopoverEdit"],["nameEdit",""],[4,"cdkRowHoverContent"],[3,"cdkPopoverEdit","cdkPopoverEditContext"],["name","name","required","",3,"ngModel"],["cdkEditOpen",""]],template:function(o,s){1&o&&(e.TgZ(0,"table",0),e.YNc(1,ke,12,2,"ng-template",null,1,e.W1O),e.TgZ(3,"tr")(4,"th"),e._uU(5," No. "),e.qZA(),e.TgZ(6,"th"),e._uU(7," Name "),e.qZA(),e.TgZ(8,"th"),e._uU(9," Weight "),e.qZA(),e.TgZ(10,"th"),e._uU(11," Symbol "),e.qZA()(),e.YNc(12,Fe,13,7,"tr",2),e.qZA()),2&o&&(e.xp6(12),e.Q6J("ngForOf",s.elements))},dependencies:[h.aq,h.qv,h.Zb,h.Ej,h.Lb,h.gC,h.P$,v._Y,v.Fj,v.wV,v.JJ,v.JL,v.Q7,v.On,v.F,b.sg],styles:[".example-table[_ngcontent-%COMP%] {\n width: 100%;\n}\n\n.example-table[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\n text-align: left;\n}\n\n.example-table[_ngcontent-%COMP%] td[_ngcontent-%COMP%], .example-table[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\n min-width: 300px;\n width: 25%;\n}"]}),d})(),Ee=(()=>{class d{}return d.\u0275fac=function(o){return new(o||d)},d.\u0275mod=e.oAB({type:d}),d.\u0275inj=e.cJS({imports:[h.Zf,y.HT,v.u5,b.ez]}),d})()}}]);