36900.4fb5f30030434fd5.js

(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[36900],{36900:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var i,a=t(97270),s=t(16727),o=t(75407),r=t(19908),c=t(56366),l=t(97370);function p(e,n){if(1&e&&(o.nrm(0,"div",2),o.nI1(1,"async")),2&e){const e=o.XpG();o.Y8G("@tuiWidthCollapse",e.getAnimation(o.bMT(1,1,e.speed)||0))}}class u{constructor(){this.speed=(0,o.WQX)(l.o),this.isOpen=!0}getAnimation(e){return{value:"",params:{duration:e}}}}(i=u).ɵfac=function(e){return new(e||i)},i.ɵcmp=o.VBU({type:i,selectors:[["ng-component"]],standalone:!0,exportAs:"Example2",features:[o.aNF],decls:3,vars:2,consts:[["appearance","outline","size","xs","tuiButton","","type","button",1,"switch",3,"click"],["class","plasma",4,"ngIf"],[1,"plasma"]],template:function(e,n){1&e&&(o.j41(0,"button",0),o.bIt("click",(function(){return n.isOpen=!n.isOpen})),o.EFF(1),o.k0s(),o.DNE(2,p,2,3,"div",1)),2&e&&(o.R7$(1),o.SpI(" ",n.isOpen?"ON":"OFF","\n"),o.R7$(1),o.Y8G("ngIf",n.isOpen))},dependencies:[s.Jj,s.bT,c.paf],styles:["[_nghost-%COMP%]{display:flex;align-items:center}.switch[_ngcontent-%COMP%]{block-size:1rem;inline-size:20%;border-radius:1rem 0 0 1rem}.plasma[_ngcontent-%COMP%]{inline-size:80%;block-size:.5rem;border-radius:0 .75rem .75rem 0;background:linear-gradient(to bottom,var(--tui-chart-categorical-03) 0%,#fff 50%,#fff 70%,var(--tui-chart-categorical-03) 100%);filter:blur(1px)}"],data:{animation:[c.Q5B]},changeDetection:0}),(0,a.Cg)([r.PEb],u.prototype,"getAnimation",null);const m=u}}]);