7963.fe343f5f0cb25c4f.js

"use strict";(self.webpackChunkmaterial_angular_io=self.webpackChunkmaterial_angular_io||[]).push([[7963],{1894:(L,E,h)=>{h.d(E,{C2:()=>b,HI:()=>_,Hs:()=>g,Ud:()=>w,VY:()=>c,XJ:()=>S,Xx:()=>R,_0:()=>x,cu:()=>i,nZ:()=>Z,rO:()=>p});var n=h(8337),v=h(5363),u=h(2079),m=h(5125),T=h(9193),y=h(1418),O=h(7734),D=h(9352),o=h(5879),f=h(2495),P=h(9388);class N{constructor(){this.expansionModel=new n.Ov(!0)}toggle(t){this.expansionModel.toggle(this._trackByValue(t))}expand(t){this.expansionModel.select(this._trackByValue(t))}collapse(t){this.expansionModel.deselect(this._trackByValue(t))}isExpanded(t){return this.expansionModel.isSelected(this._trackByValue(t))}toggleDescendants(t){this.expansionModel.isSelected(this._trackByValue(t))?this.collapseDescendants(t):this.expandDescendants(t)}collapseAll(){this.expansionModel.clear()}expandDescendants(t){let e=[t];e.push(...this.getDescendants(t)),this.expansionModel.select(...e.map(s=>this._trackByValue(s)))}collapseDescendants(t){let e=[t];e.push(...this.getDescendants(t)),this.expansionModel.deselect(...e.map(s=>this._trackByValue(s)))}_trackByValue(t){return this.trackBy?this.trackBy(t):t}}class b extends N{constructor(t,e,s){super(),this.getLevel=t,this.isExpandable=e,this.options=s,this.options&&(this.trackBy=this.options.trackBy)}getDescendants(t){const s=[];for(let d=this.dataNodes.indexOf(t)+1;d<this.dataNodes.length&&this.getLevel(t)<this.getLevel(this.dataNodes[d]);d++)s.push(this.dataNodes[d]);return s}expandAll(){this.expansionModel.select(...this.dataNodes.map(t=>this._trackByValue(t)))}}class c extends N{constructor(t,e){super(),this.getChildren=t,this.options=e,this.options&&(this.trackBy=this.options.trackBy)}expandAll(){this.expansionModel.clear();const t=this.dataNodes.reduce((e,s)=>[...e,...this.getDescendants(s),s],[]);this.expansionModel.select(...t.map(e=>this._trackByValue(e)))}getDescendants(t){const e=[];return this._getDescendants(e,t),e.splice(1)}_getDescendants(t,e){t.push(e);const s=this.getChildren(e);Array.isArray(s)?s.forEach(d=>this._getDescendants(t,d)):(0,v.b)(s)&&s.pipe((0,y.q)(1),(0,O.h)(Boolean)).subscribe(d=>{for(const l of d)this._getDescendants(t,l)})}}const _=new o.OlP("CDK_TREE_NODE_OUTLET_NODE");let i=(()=>{class r{constructor(e,s){this.viewContainer=e,this._node=s}}return r.\u0275fac=function(e){return new(e||r)(o.Y36(o.s_b),o.Y36(_,8))},r.\u0275dir=o.lG2({type:r,selectors:[["","cdkTreeNodeOutlet",""]]}),r})();class a{constructor(t){this.$implicit=t}}let p=(()=>{class r{constructor(e){this.template=e}}return r.\u0275fac=function(e){return new(e||r)(o.Y36(o.Rgc))},r.\u0275dir=o.lG2({type:r,selectors:[["","cdkTreeNodeDef",""]],inputs:{when:["cdkTreeNodeDefWhen","when"]}}),r})(),x=(()=>{class r{get dataSource(){return this._dataSource}set dataSource(e){this._dataSource!==e&&this._switchDataSource(e)}constructor(e,s){this._differs=e,this._changeDetectorRef=s,this._onDestroy=new u.xQ,this._levels=new Map,this.viewChange=new m.X({start:0,end:Number.MAX_VALUE})}ngOnInit(){this._dataDiffer=this._differs.find([]).create(this.trackBy)}ngOnDestroy(){this._nodeOutlet.viewContainer.clear(),this.viewChange.complete(),this._onDestroy.next(),this._onDestroy.complete(),this._dataSource&&"function"==typeof this._dataSource.disconnect&&this.dataSource.disconnect(this),this._dataSubscription&&(this._dataSubscription.unsubscribe(),this._dataSubscription=null)}ngAfterContentChecked(){const e=this._nodeDefs.filter(s=>!s.when);this._defaultNodeDef=e[0],this.dataSource&&this._nodeDefs&&!this._dataSubscription&&this._observeRenderChanges()}_switchDataSource(e){this._dataSource&&"function"==typeof this._dataSource.disconnect&&this.dataSource.disconnect(this),this._dataSubscription&&(this._dataSubscription.unsubscribe(),this._dataSubscription=null),e||this._nodeOutlet.viewContainer.clear(),this._dataSource=e,this._nodeDefs&&this._observeRenderChanges()}_observeRenderChanges(){let e;(0,n.Z9)(this._dataSource)?e=this._dataSource.connect(this):(0,v.b)(this._dataSource)?e=this._dataSource:Array.isArray(this._dataSource)&&(e=(0,T.of)(this._dataSource)),e&&(this._dataSubscription=e.pipe((0,D.R)(this._onDestroy)).subscribe(s=>this.renderNodeChanges(s)))}renderNodeChanges(e,s=this._dataDiffer,d=this._nodeOutlet.viewContainer,l){const k=s.diff(e);k&&(k.forEachOperation((C,B,M)=>{if(null==C.previousIndex)this.insertNode(e[M],M,d,l);else if(null==M)d.remove(B),this._levels.delete(C.item);else{const Y=d.get(B);d.move(Y,M)}}),this._changeDetectorRef.detectChanges())}_getNodeDef(e,s){return 1===this._nodeDefs.length?this._nodeDefs.first:this._nodeDefs.find(l=>l.when&&l.when(s,e))||this._defaultNodeDef}insertNode(e,s,d,l){const k=this._getNodeDef(e,s),C=new a(e);C.level=this.treeControl.getLevel?this.treeControl.getLevel(e):typeof l<"u"&&this._levels.has(l)?this._levels.get(l)+1:0,this._levels.set(e,C.level),(d||this._nodeOutlet.viewContainer).createEmbeddedView(k.template,C,s),g.mostRecentTreeNode&&(g.mostRecentTreeNode.data=e)}}return r.\u0275fac=function(e){return new(e||r)(o.Y36(o.ZZ4),o.Y36(o.sBO))},r.\u0275cmp=o.Xpm({type:r,selectors:[["cdk-tree"]],contentQueries:function(e,s,d){if(1&e&&o.Suo(d,p,5),2&e){let l;o.iGM(l=o.CRH())&&(s._nodeDefs=l)}},viewQuery:function(e,s){if(1&e&&o.Gf(i,7),2&e){let d;o.iGM(d=o.CRH())&&(s._nodeOutlet=d.first)}},hostAttrs:["role","tree",1,"cdk-tree"],inputs:{dataSource:"dataSource",treeControl:"treeControl",trackBy:"trackBy"},exportAs:["cdkTree"],decls:1,vars:0,consts:[["cdkTreeNodeOutlet",""]],template:function(e,s){1&e&&o.GkF(0,0)},dependencies:[i],encapsulation:2}),r})(),g=(()=>{class r{get role(){return"treeitem"}set role(e){this._elementRef.nativeElement.setAttribute("role",e)}get data(){return this._data}set data(e){e!==this._data&&(this._data=e,this._setRoleFromData(),this._dataChanges.next())}get isExpanded(){return this._tree.treeControl.isExpanded(this._data)}get level(){return this._tree.treeControl.getLevel?this._tree.treeControl.getLevel(this._data):this._parentNodeAriaLevel}constructor(e,s){this._elementRef=e,this._tree=s,this._destroyed=new u.xQ,this._dataChanges=new u.xQ,r.mostRecentTreeNode=this,this.role="treeitem"}ngOnInit(){this._parentNodeAriaLevel=function I(r){let t=r.parentElement;for(;t&&!U(t);)t=t.parentElement;return t?t.classList.contains("cdk-nested-tree-node")?(0,f.su)(t.getAttribute("aria-level")):0:-1}(this._elementRef.nativeElement),this._elementRef.nativeElement.setAttribute("aria-level",`${this.level+1}`)}ngOnDestroy(){r.mostRecentTreeNode===this&&(r.mostRecentTreeNode=null),this._dataChanges.complete(),this._destroyed.next(),this._destroyed.complete()}focus(){this._elementRef.nativeElement.focus()}_setRoleFromData(){this.role="treeitem"}}return r.mostRecentTreeNode=null,r.\u0275fac=function(e){return new(e||r)(o.Y36(o.SBq),o.Y36(x))},r.\u0275dir=o.lG2({type:r,selectors:[["cdk-tree-node"]],hostAttrs:[1,"cdk-tree-node"],hostVars:1,hostBindings:function(e,s){2&e&&o.uIk("aria-expanded",s.isExpanded)},inputs:{role:"role"},exportAs:["cdkTreeNode"]}),r})();function U(r){const t=r.classList;return!(!t?.contains("cdk-nested-tree-node")&&!t?.contains("cdk-tree"))}let R=(()=>{class r extends g{constructor(e,s,d){super(e,s),this._differs=d}ngAfterContentInit(){this._dataDiffer=this._differs.find([]).create(this._tree.trackBy);const e=this._tree.treeControl.getChildren(this.data);Array.isArray(e)?this.updateChildrenNodes(e):(0,v.b)(e)&&e.pipe((0,D.R)(this._destroyed)).subscribe(s=>this.updateChildrenNodes(s)),this.nodeOutlet.changes.pipe((0,D.R)(this._destroyed)).subscribe(()=>this.updateChildrenNodes())}ngOnInit(){super.ngOnInit()}ngOnDestroy(){this._clear(),super.ngOnDestroy()}updateChildrenNodes(e){const s=this._getNodeOutlet();e&&(this._children=e),s&&this._children?this._tree.renderNodeChanges(this._children,this._dataDiffer,s.viewContainer,this._data):this._dataDiffer.diff([])}_clear(){const e=this._getNodeOutlet();e&&(e.viewContainer.clear(),this._dataDiffer.diff([]))}_getNodeOutlet(){const e=this.nodeOutlet;return e&&e.find(s=>!s._node||s._node===this)}}return r.\u0275fac=function(e){return new(e||r)(o.Y36(o.SBq),o.Y36(x),o.Y36(o.ZZ4))},r.\u0275dir=o.lG2({type:r,selectors:[["cdk-nested-tree-node"]],contentQueries:function(e,s,d){if(1&e&&o.Suo(d,i,5),2&e){let l;o.iGM(l=o.CRH())&&(s.nodeOutlet=l)}},hostAttrs:[1,"cdk-nested-tree-node"],inputs:{role:"role",disabled:"disabled",tabIndex:"tabIndex"},exportAs:["cdkNestedTreeNode"],features:[o._Bn([{provide:g,useExisting:r},{provide:_,useExisting:r}]),o.qOj]}),r})();const F=/([A-Za-z%]+)$/;let S=(()=>{class r{get level(){return this._level}set level(e){this._setLevelInput(e)}get indent(){return this._indent}set indent(e){this._setIndentInput(e)}constructor(e,s,d,l){this._treeNode=e,this._tree=s,this._element=d,this._dir=l,this._destroyed=new u.xQ,this.indentUnits="px",this._indent=40,this._setPadding(),l&&l.change.pipe((0,D.R)(this._destroyed)).subscribe(()=>this._setPadding(!0)),e._dataChanges.subscribe(()=>this._setPadding())}ngOnDestroy(){this._destroyed.next(),this._destroyed.complete()}_paddingIndent(){const e=this._treeNode.data&&this._tree.treeControl.getLevel?this._tree.treeControl.getLevel(this._treeNode.data):null,s=null==this._level?e:this._level;return"number"==typeof s?`${s*this._indent}${this.indentUnits}`:null}_setPadding(e=!1){const s=this._paddingIndent();if(s!==this._currentPadding||e){const d=this._element.nativeElement,l=this._dir&&"rtl"===this._dir.value?"paddingRight":"paddingLeft",k="paddingLeft"===l?"paddingRight":"paddingLeft";d.style[l]=s||"",d.style[k]="",this._currentPadding=s}}_setLevelInput(e){this._level=(0,f.su)(e,null),this._setPadding()}_setIndentInput(e){let s=e,d="px";if("string"==typeof e){const l=e.split(F);s=l[0],d=l[1]||d}this.indentUnits=d,this._indent=(0,f.su)(s),this._setPadding()}}return r.\u0275fac=function(e){return new(e||r)(o.Y36(g),o.Y36(x),o.Y36(o.SBq),o.Y36(P.Is,8))},r.\u0275dir=o.lG2({type:r,selectors:[["","cdkTreeNodePadding",""]],inputs:{level:["cdkTreeNodePadding","level"],indent:["cdkTreeNodePaddingIndent","indent"]}}),r})(),w=(()=>{class r{get recursive(){return this._recursive}set recursive(e){this._recursive=(0,f.Ig)(e)}constructor(e,s){this._tree=e,this._treeNode=s,this._recursive=!1}_toggle(e){this.recursive?this._tree.treeControl.toggleDescendants(this._treeNode.data):this._tree.treeControl.toggle(this._treeNode.data),e.stopPropagation()}}return r.\u0275fac=function(e){return new(e||r)(o.Y36(x),o.Y36(g))},r.\u0275dir=o.lG2({type:r,selectors:[["","cdkTreeNodeToggle",""]],hostBindings:function(e,s){1&e&&o.NdJ("click",function(l){return s._toggle(l)})},inputs:{recursive:["cdkTreeNodeToggleRecursive","recursive"]}}),r})(),Z=(()=>{class r{}return r.\u0275fac=function(e){return new(e||r)},r.\u0275mod=o.oAB({type:r}),r.\u0275inj=o.cJS({}),r})()},7963:(L,E,h)=>{h.r(E),h.d(E,{CdkTreeFlatExample:()=>P,CdkTreeNestedExample:()=>b});var n=h(5879),v=h(8337),u=h(1894),m=h(617),T=h(2296);function y(c,_){if(1&c&&(n.TgZ(0,"cdk-tree-node",3),n._UZ(1,"button",4),n._uU(2),n.qZA()),2&c){const i=_.$implicit,a=n.oxw();n.Udp("display",a.shouldRender(i)?"flex":"none"),n.xp6(2),n.hij(" ",i.name," ")}}function O(c,_){if(1&c){const i=n.EpF();n.TgZ(0,"cdk-tree-node",3)(1,"button",5),n.NdJ("click",function(){const A=n.CHM(i).$implicit;return n.KtG(A.isExpanded=!A.isExpanded)}),n.TgZ(2,"mat-icon",6),n._uU(3),n.qZA()(),n._uU(4),n.qZA()}if(2&c){const i=_.$implicit,a=n.oxw();n.Udp("display",a.shouldRender(i)?"flex":"none"),n.xp6(1),n.Udp("visibility",i.expandable?"visible":"hidden"),n.uIk("aria-label","Toggle "+i.name),n.xp6(2),n.hij(" ",a.treeControl.isExpanded(i)?"expand_more":"chevron_right"," "),n.xp6(1),n.hij(" ",i.name," ")}}function D(c,_){if(1&c&&(n.TgZ(0,"cdk-nested-tree-node",3),n._UZ(1,"button",4),n._uU(2),n.qZA()),2&c){const i=_.$implicit;n.xp6(2),n.hij(" ",i.name," ")}}function o(c,_){if(1&c&&(n.TgZ(0,"cdk-nested-tree-node",3)(1,"button",5)(2,"mat-icon",6),n._uU(3),n.qZA()(),n._uU(4),n.TgZ(5,"div"),n.GkF(6,7),n.qZA()()),2&c){const i=_.$implicit,a=n.oxw();n.xp6(1),n.uIk("aria-label","Toggle "+i.name),n.xp6(2),n.hij(" ",a.treeControl.isExpanded(i)?"expand_more":"chevron_right"," "),n.xp6(1),n.hij(" ",i.name," "),n.xp6(1),n.ekj("example-tree-invisible",!a.treeControl.isExpanded(i))}}const f=[{name:"Fruit",expandable:!0,level:0},{name:"Apple",expandable:!1,level:1},{name:"Banana",expandable:!1,level:1},{name:"Fruit loops",expandable:!1,level:1},{name:"Vegetables",expandable:!0,level:0},{name:"Green",expandable:!0,level:1},{name:"Broccoli",expandable:!1,level:2},{name:"Brussels sprouts",expandable:!1,level:2},{name:"Orange",expandable:!0,level:1},{name:"Pumpkins",expandable:!1,level:2},{name:"Carrots",expandable:!1,level:2}];let P=(()=>{class c{constructor(){this.treeControl=new u.C2(i=>i.level,i=>i.expandable),this.dataSource=new v.P3(f),this.hasChild=(i,a)=>a.expandable}getParentNode(i){for(let p=f.indexOf(i)-1;p>=0;p--)if(f[p].level===i.level-1)return f[p];return null}shouldRender(i){let a=this.getParentNode(i);for(;a;){if(!a.isExpanded)return!1;a=this.getParentNode(a)}return!0}}return c.\u0275fac=function(i){return new(i||c)},c.\u0275cmp=n.Xpm({type:c,selectors:[["cdk-tree-flat-example"]],standalone:!0,features:[n.jDz],decls:3,vars:3,consts:[[3,"dataSource","treeControl"],["cdkTreeNodePadding","","class","example-tree-node",3,"display",4,"cdkTreeNodeDef"],["cdkTreeNodePadding","","class","example-tree-node",3,"display",4,"cdkTreeNodeDef","cdkTreeNodeDefWhen"],["cdkTreeNodePadding","",1,"example-tree-node"],["mat-icon-button","","disabled",""],["mat-icon-button","","cdkTreeNodeToggle","",3,"click"],[1,"mat-icon-rtl-mirror"]],template:function(i,a){1&i&&(n.TgZ(0,"cdk-tree",0),n.YNc(1,y,3,3,"cdk-tree-node",1),n.YNc(2,O,5,7,"cdk-tree-node",2),n.qZA()),2&i&&(n.Q6J("dataSource",a.dataSource)("treeControl",a.treeControl),n.xp6(2),n.Q6J("cdkTreeNodeDefWhen",a.hasChild))},dependencies:[u.nZ,u.rO,u.XJ,u.Ud,u._0,u.Hs,T.ot,T.RK,m.Ps,m.Hw],styles:[".example-tree-node[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n}"]}),c})();const N=[{name:"Fruit",children:[{name:"Apple"},{name:"Banana"},{name:"Fruit loops"}]},{name:"Vegetables",children:[{name:"Green",children:[{name:"Broccoli"},{name:"Brussels sprouts"}]},{name:"Orange",children:[{name:"Pumpkins"},{name:"Carrots"}]}]}];let b=(()=>{class c{constructor(){this.treeControl=new u.VY(i=>i.children),this.dataSource=new v.P3(N),this.hasChild=(i,a)=>!!a.children&&a.children.length>0}}return c.\u0275fac=function(i){return new(i||c)},c.\u0275cmp=n.Xpm({type:c,selectors:[["cdk-tree-nested-example"]],standalone:!0,features:[n.jDz],decls:3,vars:3,consts:[[3,"dataSource","treeControl"],["class","example-tree-node",4,"cdkTreeNodeDef"],["class","example-tree-node",4,"cdkTreeNodeDef","cdkTreeNodeDefWhen"],[1,"example-tree-node"],["mat-icon-button","","disabled",""],["mat-icon-button","","cdkTreeNodeToggle",""],[1,"mat-icon-rtl-mirror"],["cdkTreeNodeOutlet",""]],template:function(i,a){1&i&&(n.TgZ(0,"cdk-tree",0),n.YNc(1,D,3,1,"cdk-nested-tree-node",1),n.YNc(2,o,7,5,"cdk-nested-tree-node",2),n.qZA()),2&i&&(n.Q6J("dataSource",a.dataSource)("treeControl",a.treeControl),n.xp6(2),n.Q6J("cdkTreeNodeDefWhen",a.hasChild))},dependencies:[u.nZ,u.Xx,u.rO,u.Ud,u._0,u.cu,T.ot,T.RK,m.Ps,m.Hw],styles:[".example-tree-invisible[_ngcontent-%COMP%] {\n  display: none;\n}\n\n.example-tree[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%], .example-tree[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  margin-top: 0;\n  margin-bottom: 0;\n  list-style-type: none;\n}\n.example-tree-node[_ngcontent-%COMP%] {\n  display: block;\n}\n\n.example-tree-node[_ngcontent-%COMP%]   .example-tree-node[_ngcontent-%COMP%] {\n  padding-left: 40px;\n}"]}),c})()}}]);