32607.c16564f9a35f0505.js

(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[32607],{32607:(e,n,t)=>{t.r(n),t.d(n,{default:()=>u});var o=t(16727),a=t(19908),c=t(1377),r=t(83373),s=t(64204),i=t(55514),l=t(75407);const u=(()=>{var e;class n{constructor(){this.delta$=new c.B,this.scale$=this.delta$.pipe((0,r.S)(((e,n)=>(0,a.wNj)(e+n,.5,3)),1),(0,s.Z)(1)),this.transform$=this.scale$.pipe((0,i.T)((e=>`scale(${e})`)))}onZoom({delta:e}){this.delta$.next(e)}}return(e=n).ɵfac=function(n){return new(n||e)},e.ɵcmp=l.VBU({type:e,selectors:[["ng-component"]],standalone:!0,exportAs:"Example1",features:[l.aNF],decls:7,vars:10,consts:[[1,"t-container",3,"tuiZoom"],[1,"t-zoomable"]],template:function(e,n){1&e&&(l.j41(0,"div",0),l.bIt("tuiZoom",(function(e){return n.onZoom(e)})),l.j41(1,"div",1),l.nI1(2,"async"),l.j41(3,"span"),l.EFF(4),l.nI1(5,"number"),l.nI1(6,"async"),l.k0s()()()),2&e&&(l.R7$(1),l.xc7("transform",l.bMT(2,3,n.transform$)),l.R7$(3),l.JRh(l.i5U(5,5,l.bMT(6,8,n.scale$),"1.0-3")))},dependencies:[o.Jj,o.QX,a.wIP],styles:[".t-container[_ngcontent-%COMP%], .t-zoomable[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center}.t-container[_ngcontent-%COMP%]{inline-size:12rem;block-size:12rem;background-color:var(--tui-background-neutral-1)}.t-zoomable[_ngcontent-%COMP%]{inline-size:3rem;block-size:3rem;background-color:var(--tui-background-accent-1);border-radius:var(--tui-radius-l)}"],changeDetection:0}),n})()}}]);