27746.4abfbdf9c93c2bf4.js

(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[27746],{27746:(e,n,t)=>{t.r(n),t.d(n,{default:()=>h});var r=t(16727),l=t(75407),a=t(56366),o=t(48032),i=t(44046),s=t(55514);function c(e,n){1&e&&l.nrm(0,"tui-loader",4)}function d(e,n){if(1&e&&l.EFF(0),2&e){const e=l.XpG().$implicit;l.JRh(e.text)}}function u(e,n){if(1&e&&(l.DNE(0,c,1,0,"tui-loader",2),l.DNE(1,d,1,1,"ng-template",null,3,l.C5r)),2&e){const e=n.$implicit,t=l.sdS(2),r=l.XpG();l.Y8G("ngIf",e===r.loading)("ngIfElse",t)}}let p=(()=>{var e;class n{loadChildren({text:e}){return(0,i.O)(3e3).pipe((0,s.T)((()=>[{text:`${e} 1`,children:Math.random()>.5},{text:`${e} 2`,children:Math.random()>.5},{text:`${e} 3`,children:Math.random()>.5}])))}hasChildren({children:e}){return!!e}}return(e=n).ɵfac=function(n){return new(n||e)},e.ɵprov=l.jDH({token:e,factory:e.ɵfac}),n})();const h=(()=>{var e;class n{constructor(){this.loading=(0,l.WQX)(o.JUP),this.service=(0,l.WQX)(o.ae_),this.map=new Map,this.childrenHandler=e=>this.service.getChildren(e)}onToggled(e){this.service.loadChildren(e)}}return(e=n).ɵfac=function(n){return new(n||e)},e.ɵcmp=l.VBU({type:e,selectors:[["ng-component"]],standalone:!0,exportAs:"Example7",features:[l.Jv_([o.ae_,{provide:o.pke,useValue:{text:"Topmost"}},{provide:o.s5T,useClass:p}]),l.aNF],decls:4,vars:7,consts:[[3,"childrenHandler","content","map","tuiTreeController","value","toggled"],["content",""],["class","loader",4,"ngIf","ngIfElse"],["text",""],[1,"loader"]],template:function(e,n){if(1&e&&(l.j41(0,"tui-tree",0),l.bIt("toggled",(function(e){return n.onToggled(e)})),l.nI1(1,"async"),l.k0s(),l.DNE(2,u,3,2,"ng-template",null,1,l.C5r)),2&e){const e=l.sdS(3);l.Y8G("childrenHandler",n.childrenHandler)("content",e)("map",n.map)("tuiTreeController",!1)("value",l.bMT(1,5,n.service.data$))}},dependencies:[r.Jj,r.bT,a.apU,o.GQu,o.CHz,o.QsZ],styles:[".loader[_ngcontent-%COMP%]{inline-size:2rem;margin:1rem 0}"],changeDetection:0}),n})()}}]);