chunk-VNR2UK7W.js

import{a as O,c as A}from"./chunk-Y54HNU3H.js";import{a as h,b as N}from"./chunk-3WDABMJL.js";import"./chunk-FFGJMO62.js";import"./chunk-XRBZUWDJ.js";import{o as v,q as F,r as _,t as E}from"./chunk-LJRBPGSW.js";import"./chunk-JYBRZQRP.js";import{Da as n,Ea as i,Fa as f,I as s,Ka as S,Qb as C,Ua as l,Va as x,Wa as D,ca as r,la as c,ma as p,ra as d,rb as u,va as a,za as M,zb as y}from"./chunk-UJIEDWPF.js";function U(e,b){if(e&1&&(n(0,"p",2),l(1),i()),e&2){let t=b.$implicit;r(),D(" ",t.value," ")}}var j=(()=>{class e{constructor(){this.list=[]}ngOnInit(){for(let t=1;t<21;t++)this.list.push({value:t})}static{this.\u0275fac=function(o){return new(o||e)}}static{this.\u0275cmp=c({type:e,selectors:[["nel-demo-scrollbar-basic"]],standalone:!1,decls:2,vars:2,consts:[[3,"nelHeight"],["class","item","v-for","item in 20",4,"ngFor","ngForOf"],["v-for","item in 20",1,"item"]],template:function(o,m){o&1&&(n(0,"nel-scrollbar",0),d(1,U,2,1,"p",1),i()),o&2&&(a("nelHeight","400px"),r(),a("ngForOf",m.list))},dependencies:[u,h],styles:["[_nghost-%COMP%]     .item{display:flex;align-items:center;justify-content:center;height:50px;margin:10px;text-align:center;border-radius:4px;background:#ecf5ff;color:#409eff}"]})}}return e})();function $(e,b){if(e&1&&(n(0,"p",2),l(1),i()),e&2){let t=b.$implicit;r(),x(t.value)}}var k=(()=>{class e{constructor(){this.list=[]}ngOnInit(){for(let t=1;t<51;t++)this.list.push({value:t})}static{this.\u0275fac=function(o){return new(o||e)}}static{this.\u0275cmp=c({type:e,selectors:[["nel-demo-scrollbar-horizontal"]],standalone:!1,decls:3,vars:1,consts:[[1,"flex-content"],["class","item",4,"ngFor","ngForOf"],[1,"item"]],template:function(o,m){o&1&&(n(0,"nel-scrollbar")(1,"div",0),d(2,$,2,1,"p",1),i()()),o&2&&(r(2),a("ngForOf",m.list))},dependencies:[u,h],styles:[".flex-content[_ngcontent-%COMP%]{display:flex}.flex-content[_ngcontent-%COMP%]   .item[_ngcontent-%COMP%]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:100px;height:50px;margin:10px;text-align:center;border-radius:4px;background:#fef0f0;color:#f56c6c}"]})}}return e})();function q(e,b){if(e&1&&(n(0,"p",3),l(1),i()),e&2){let t=b.index;r(),x(t+1)}}var I=(()=>{class e{constructor(){this.count=3,this.list=[]}ngOnInit(){for(let t=1;t<4;t++)this.list.push(t)}add(){this.count++,this.list.push(this.count)}delete(){this.list.length>0&&this.list.pop()}static{this.\u0275fac=function(o){return new(o||e)}}static{this.\u0275cmp=c({type:e,selectors:[["nel-demo-scrollbar-maxheight"]],standalone:!1,decls:6,vars:2,consts:[["nel-button","",3,"click"],[3,"nelMaxHeight"],["class","item",4,"ngFor","ngForOf"],[1,"item"]],template:function(o,m){o&1&&(n(0,"button",0),S("click",function(){return m.add()}),l(1,"\u6DFB\u52A0\u5143\u7D20"),i(),n(2,"button",0),S("click",function(){return m.delete()}),l(3,"\u5220\u9664\u5143\u7D20"),i(),n(4,"nel-scrollbar",1),d(5,q,2,1,"p",2),i()),o&2&&(r(4),a("nelMaxHeight","400px"),r(),a("ngForOf",m.list))},dependencies:[u,h,O],styles:[".el-button[_ngcontent-%COMP%]{margin-bottom:20px}[_nghost-%COMP%]     .item{display:flex;align-items:center;justify-content:center;height:50px;margin:10px;text-align:center;border-radius:4px;background:#ecf5ff;color:#409eff}"]})}}return e})();var T=(()=>{class e{static{this.\u0275fac=function(o){return new(o||e)}}static{this.\u0275mod=p({type:e})}static{this.\u0275inj=s({imports:[y,N,A]})}}return e})();var w=(()=>{class e{static{this.\u0275fac=function(o){return new(o||e)}}static{this.\u0275cmp=c({type:e,selectors:[["app-scrollbar"]],hostVars:2,hostBindings:function(o,m){o&2&&M("article")},standalone:!1,decls:18,vars:4,consts:[["code","import { NelScrollbarModule } from 'ng-element-ui/scrollbar';"],[3,"codeUrl"],["demo",""],[3,"docUrl"]],template:function(o,m){o&1&&(n(0,"h2"),l(1,"Scrollbar \u6EDA\u52A8\u6761"),i(),n(2,"p"),l(3,"\u7528\u4E8E\u66FF\u6362\u6D4F\u89C8\u5668\u539F\u751F\u6EDA\u52A8\u6761\u3002"),i(),f(4,"app-code",0),n(5,"h3"),l(6,"\u57FA\u7840\u7528\u6CD5"),i(),n(7,"app-demo",1),f(8,"nel-demo-scrollbar-basic",2),i(),n(9,"h3"),l(10,"\u6A2A\u5411\u6EDA\u52A8"),i(),n(11,"app-demo",1),f(12,"nel-demo-scrollbar-horizontal",2),i(),n(13,"h3"),l(14,"\u6A2A\u5411\u6EDA\u52A8"),i(),n(15,"app-demo",1),f(16,"nel-demo-scrollbar-maxheight",2),i(),f(17,"app-doc",3)),o&2&&(r(7),a("codeUrl","components-scrollbar-demo-basic.component"),r(4),a("codeUrl","components-scrollbar-demo-horizontal.component"),r(4),a("codeUrl","components-scrollbar-demo-maxheight.component"),r(2),a("docUrl","components-scrollbar"))},dependencies:[j,k,I,v,F,_],encapsulation:2})}}return e})();var J=[{path:"",component:w}],z=(()=>{class e{static{this.\u0275fac=function(o){return new(o||e)}}static{this.\u0275mod=p({type:e})}static{this.\u0275inj=s({imports:[C.forChild(J),C]})}}return e})();var ge=(()=>{class e{static{this.\u0275fac=function(o){return new(o||e)}}static{this.\u0275mod=p({type:e})}static{this.\u0275inj=s({imports:[T,E,z]})}}return e})();export{ge as ScrollbarModule};