chunk-MPMQZ7AT.js

import{e as w,f as _,g as x,i as D}from"./chunk-W2ITQ2AK.js";import"./chunk-IK75PPQG.js";import"./chunk-KUIU3T4D.js";import{$ as S,Db as i,Eb as l,Fb as m,Jb as z,Lb as E,Ra as s,Tb as c,Ub as b,Wb as t,Ya as h,Yb as A,Za as o,db as C,ha as d,hb as f,ia as u,ja as g,lc as B,ub as r,w as y,xb as v}from"./chunk-GR3MIE2K.js";import"./chunk-UPEGBOOY.js";import"./chunk-4CLCTAJ7.js";var T=["mySplitA"],V=["mySplitB"],F=["mySplitC"],N=(()=>{class p extends D{constructor(){super(...arguments),this.z=S(B),this.mySplitAEl=o("mySplitA"),this.mySplitBEl=o("mySplitB"),this.mySplitCEl=o("mySplitC"),this.class="split-example-page",this.sizes=h([25,75])}ngAfterViewInit(){this.sub=y(this.mySplitAEl().dragProgress$,this.mySplitBEl().dragProgress$,this.mySplitCEl().dragProgress$).subscribe(a=>{this.sizes.set(a.sizes)})}test(){}ngOnDestroy(){this.sub&&this.sub.unsubscribe()}static{this.\u0275fac=(()=>{let a;return function(e){return(a||(a=g(p)))(e||p)}})()}static{this.\u0275cmp=C({type:p,selectors:[["sp-ex-sync"]],viewQuery:function(n,e){n&1&&(c(e.mySplitAEl,T,5),c(e.mySplitBEl,V,5),c(e.mySplitCEl,F,5)),n&2&&b(3)},hostVars:2,hostBindings:function(n,e){n&2&&v(e.class)},features:[f],decls:31,vars:8,consts:[["mySplitA",""],["mySplitB",""],["mySplitC",""],[1,"container"],[3,"type"],[1,"split-example"],["direction","vertical"],["size","20"],["direction","horizontal"],[3,"size"],["size","60"],[1,"btn","btn-warning",3,"click"]],template:function(n,e){if(n&1){let Q=z();t(0),i(1,"div",3),m(2,"sp-example-title",4),i(3,"div",5)(4,"as-split",6)(5,"as-split-area",7)(6,"as-split",8,0)(8,"as-split-area",9),t(9,"A 1"),l(),i(10,"as-split-area",9),t(11,"A 2"),l()()(),i(12,"as-split-area",7)(13,"as-split",8,1)(15,"as-split-area",9),t(16,"B 1"),l(),i(17,"as-split-area",9),t(18,"B 2"),l()()(),i(19,"as-split-area",10)(20,"as-split",8,2)(22,"as-split-area",9),t(23,"C 1"),l(),i(24,"as-split-area",9),t(25," C 2"),m(26,"br"),t(27," Open devTools to view console.log() statements."),m(28,"br"),i(29,"button",11),E("click",function(){return d(Q),u(e.test())}),t(30,"Trigger change detection"),l()()()()()()()}n&2&&(A(" ",e.testChangeDetectorRun()," "),s(2),r("type",e.exampleEnum.SYNC),s(6),r("size",e.sizes()[0]),s(2),r("size",e.sizes()[1]),s(5),r("size",e.sizes()[0]),s(2),r("size",e.sizes()[1]),s(5),r("size",e.sizes()[0]),s(2),r("size",e.sizes()[1]))},dependencies:[x,w,_],encapsulation:2,changeDetection:0})}}return p})();export{N as SyncSplitComponent};