chunk-NVD2WXSU.js

import{e as v,f as _,g as u,i as C}from"./chunk-W2ITQ2AK.js";import"./chunk-IK75PPQG.js";import"./chunk-KUIU3T4D.js";import{Db as t,Eb as i,Fb as n,Lb as p,Ra as o,Wb as e,Yb as c,db as M,hb as S,ja as g,ub as s,xb as z}from"./chunk-GR3MIE2K.js";import"./chunk-UPEGBOOY.js";import"./chunk-4CLCTAJ7.js";var h=(()=>{class m extends C{constructor(){super(...arguments),this.class="split-example-page",this.restrictMove=!1}log(r){console.log("dragEnd ",r.sizes," total > ",r.sizes.reduce((l,a)=>l+a,0))}static{this.\u0275fac=(()=>{let r;return function(a){return(r||(r=g(m)))(a||m)}})()}static{this.\u0275cmp=M({type:m,selectors:[["ng-component"]],hostVars:2,hostBindings:function(l,a){l&2&&z(a.class)},features:[S],decls:108,vars:5,consts:[[1,"container"],[3,"type"],[1,"split-example","ex-percent"],["unit","percent","gutterSize","30",3,"dragEnd","restrictMove"],["size","30","minSize","20","maxSize","30"],[1,"txt-min"],[1,"txt-max"],["size","40","minSize","30","maxSize","50"],["size","30","minSize","20","maxSize","50"],[1,"split-example","ex-pixel"],["unit","pixel","gutterSize","30",3,"dragEnd","restrictMove"],["size","200","minSize","100","maxSize","200"],["size","*"],["size","150","lockSize","true"],[1,"txt-minmax"],["size","250","minSize","250","maxSize","400"],[1,"btns"],[1,"btn","btn-warning",3,"click"]],template:function(l,a){l&1&&(e(0),t(1,"div",0),n(2,"sp-example-title",1),t(3,"h5"),e(4,"Percent mode:"),i(),t(5,"div",2)(6,"as-split",3),p("dragEnd",function(x){return a.log(x)}),t(7,"as-split-area",4)(8,"p"),e(9,'size="30"'),n(10,"br"),e(11,'minSize="20"'),n(12,"br"),e(13,'maxSize="30"'),i(),t(14,"div",5)(15,"p"),e(16,"MIN"),i()(),t(17,"div",6)(18,"p"),e(19,"MAX"),i()()(),t(20,"as-split-area",7)(21,"p"),e(22,'size="40"'),n(23,"br"),e(24,'minSize="30"'),n(25,"br"),e(26,'maxSize="50"'),i(),t(27,"div",5)(28,"p"),e(29,"MIN"),i()(),t(30,"div",6)(31,"p"),e(32,"MAX"),i()()(),t(33,"as-split-area",8)(34,"p"),e(35,'size="30"'),n(36,"br"),e(37,'minSize="20"'),n(38,"br"),e(39,'maxSize="50"'),i(),t(40,"div",5)(41,"p"),e(42,"MIN"),i()(),t(43,"div",6)(44,"p"),e(45,"MAX"),i()()()()(),t(46,"h5"),e(47,"Pixel mode:"),i(),t(48,"div",9)(49,"as-split",10),p("dragEnd",function(x){return a.log(x)}),t(50,"as-split-area",11)(51,"p"),e(52,'size="200"'),n(53,"br"),e(54,'minSize="100"'),n(55,"br"),e(56,'maxSize="200"'),i(),t(57,"div",5)(58,"p"),e(59,"MIN"),i()(),t(60,"div",6)(61,"p"),e(62,"MAX"),i()()(),t(63,"as-split-area",12)(64,"p"),e(65,'size="*"'),i(),t(66,"div",5)(67,"p"),e(68,"MIN"),i()(),t(69,"div",6)(70,"p"),e(71,"MAX"),i()()(),t(72,"as-split-area",13)(73,"p"),e(74,'size="150"'),n(75,"br"),e(76,'lockSize="true"'),n(77,"br")(78,"br"),e(79,"Same as"),n(80,"br"),e(81,'minSize="150"'),n(82,"br"),e(83,'maxSize="150"'),i(),t(84,"div",14)(85,"p"),e(86,"MIN"),n(87,"br"),e(88,"&"),n(89,"br"),e(90,"MAX"),i()()(),t(91,"as-split-area",15)(92,"p"),e(93,'size="250"'),n(94,"br"),e(95,'minSize="250"'),n(96,"br"),e(97,'maxSize="400"'),i(),t(98,"div",5)(99,"p"),e(100,"MIN"),i()(),t(101,"div",6)(102,"p"),e(103,"MAX"),i()()()()(),n(104,"br"),t(105,"div",16)(106,"button",17),p("click",function(){return a.restrictMove=!a.restrictMove}),e(107),i()()()),l&2&&(c(" ",a.testChangeDetectorRun()," "),o(2),s("type",a.exampleEnum.MINMAX),o(4),s("restrictMove",a.restrictMove),o(43),s("restrictMove",a.restrictMove),o(58),c(" ",'Restrict move: "'+a.restrictMove+'"'," "))},dependencies:[_,v,u],styles:[".btns[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.txt-min[_ngcontent-%COMP%], .txt-max[_ngcontent-%COMP%], .txt-minmax[_ngcontent-%COMP%]{pointer-events:none;position:absolute;opacity:0;transition:opacity .2s;display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}.txt-min[_ngcontent-%COMP%] > p[_ngcontent-%COMP%], .txt-max[_ngcontent-%COMP%] > p[_ngcontent-%COMP%], .txt-minmax[_ngcontent-%COMP%] > p[_ngcontent-%COMP%]{font-size:30px;font-weight:700;color:#ccc;text-align:center}as-split-area[_ngcontent-%COMP%]{background:#add8e6;transition:background .2s;position:relative;overflow:hidden!important}as-split-area[_ngcontent-%COMP%] > p[_ngcontent-%COMP%]{position:absolute;font-size:12px;font-weight:700;padding:5px;line-height:12px}as-split-area.as-min[_ngcontent-%COMP%]{background:green}as-split-area.as-min[_ngcontent-%COMP%]   .txt-min[_ngcontent-%COMP%]{opacity:1}as-split-area.as-max[_ngcontent-%COMP%]{background:red}as-split-area.as-max[_ngcontent-%COMP%]   .txt-max[_ngcontent-%COMP%]{opacity:1}as-split-area.as-min.as-max[_ngcontent-%COMP%]{background:#ff77e7}as-split-area.as-min.as-max[_ngcontent-%COMP%]   .txt-minmax[_ngcontent-%COMP%]{opacity:1}"],changeDetection:0})}}return m})();export{h as MinMaxSplitComponent};