17531.5ed0d53709552612.js

(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[17531],{17531:(e,n,t)=>{t.r(n),t.d(n,{default:()=>u});var o=t(16727),s=t(19908),r=t(48032),a=t(75407);function c(e,n){if(1&e){const e=a.RV6();a.j41(0,"span",1),a.bIt("tuiPresentChange",(function(n){a.eBV(e);const t=a.XpG();return a.Njj(t.onIf(n))})),a.EFF(1," I am a component hidden with *ngIf "),a.k0s()}}const u=(()=>{var e;class n{constructor(){this.counterCSS=0,this.counterIf=0,this.hovered=!1}onHovered(e){this.hovered=e}onCSS(e){this.counterCSS+=e?1:-1}onIf(e){this.counterIf+=e?1:-1}}return(e=n).ɵfac=function(n){return new(n||e)},e.ɵcmp=a.VBU({type:e,selectors:[["ng-component"]],standalone:!0,exportAs:"Example1",features:[a.aNF],decls:15,vars:5,consts:[[3,"tuiHoveredChange"],[3,"tuiPresentChange"],[3,"tuiPresentChange",4,"ngIf"]],template:function(e,n){1&e&&(a.j41(0,"p",0),a.bIt("tuiHoveredChange",(function(e){return n.onHovered(e)})),a.EFF(1," Hover "),a.j41(2,"span",1),a.bIt("tuiPresentChange",(function(e){return n.onCSS(e)})),a.EFF(3," I am a component hidden with CSS "),a.k0s(),a.DNE(4,c,2,0,"span",2),a.k0s(),a.j41(5,"p"),a.EFF(6,"Counter of component appearance minus counter of its disappearance:"),a.k0s(),a.j41(7,"p"),a.EFF(8," CSS: "),a.j41(9,"tui-badge"),a.EFF(10),a.k0s()(),a.j41(11,"p"),a.EFF(12," ngIf: "),a.j41(13,"tui-badge"),a.EFF(14),a.k0s()()),2&e&&(a.R7$(2),a.AVh("hidden",!n.hovered),a.R7$(2),a.Y8G("ngIf",n.hovered),a.R7$(6),a.JRh(n.counterCSS),a.R7$(4),a.JRh(n.counterIf))},dependencies:[o.bT,r.aQd,s.YT$,r.s9o],styles:[".hidden[_ngcontent-%COMP%]{display:none}"],changeDetection:0}),n})()}}]);