chunk-HVKQ7GRK.js

import{a as u,c as T}from"./chunk-Y54HNU3H.js";import"./chunk-FFGJMO62.js";import"./chunk-XRBZUWDJ.js";import{q as _,t as A}from"./chunk-LJRBPGSW.js";import{h as b,i as y,j as N,k as D,l as F}from"./chunk-JYBRZQRP.js";import{Da as o,Ea as n,Fa as g,I as d,Ka as c,Qb as M,Ua as i,ca as r,la as l,ma as s,ra as x,sb as h,va as m,zb as E}from"./chunk-UJIEDWPF.js";function U(e,C){e&1&&(o(0,"div",3),i(1,"fadeMotion"),n()),e&2&&m("@fadeMotion",void 0)}var S=(()=>{class e{constructor(){this.show=!0}static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=l({type:e,selectors:[["nel-demo-animation-fade"]],standalone:!1,decls:5,vars:1,consts:[["nel-button","",3,"click"],[2,"display","flex","margin-top","20px","height","100px"],["class","transition-box",4,"ngIf"],[1,"transition-box"]],template:function(t,a){t&1&&(o(0,"div")(1,"button",0),c("click",function(){return a.show=!a.show}),i(2,"Click Me"),n(),o(3,"div",1),x(4,U,2,1,"div",2),n()()),t&2&&(r(4),m("ngIf",a.show))},dependencies:[h,u],styles:[".transition-box[_ngcontent-%COMP%]{margin-bottom:10px;width:200px;height:100px;border-radius:4px;background-color:#409eff;text-align:center;color:#fff;padding:40px 20px;margin-right:20px;box-sizing:border-box}"],data:{animation:[b]}})}}return e})();function P(e,C){e&1&&(o(0,"div",3),i(1,"zoomMotion"),n()),e&2&&m("@zoomMotion",void 0)}function R(e,C){e&1&&(o(0,"div",3),i(1,"zoomTopMotion"),n()),e&2&&m("@zoomTopMotion",void 0)}function q(e,C){e&1&&(o(0,"div",3),i(1,"zoomBottomMotion"),n()),e&2&&m("@zoomBottomMotion",void 0)}var k=(()=>{class e{constructor(){this.show=!0}static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=l({type:e,selectors:[["nel-demo-animation-zoom"]],standalone:!1,decls:7,vars:3,consts:[["nel-button","",3,"click"],[2,"display","flex","margin-top","20px","height","100px"],["class","transition-box",4,"ngIf"],[1,"transition-box"]],template:function(t,a){t&1&&(o(0,"div")(1,"button",0),c("click",function(){return a.show=!a.show}),i(2,"Click Me"),n(),o(3,"div",1),x(4,P,2,1,"div",2)(5,R,2,1,"div",2)(6,q,2,1,"div",2),n()()),t&2&&(r(4),m("ngIf",a.show),r(),m("ngIf",a.show),r(),m("ngIf",a.show))},dependencies:[h,u],styles:[".transition-box[_ngcontent-%COMP%]{margin-bottom:10px;width:200px;height:100px;border-radius:4px;background-color:#409eff;text-align:center;color:#fff;padding:40px 20px;margin-right:20px;box-sizing:border-box}"],data:{animation:[N,D,F]}})}}return e})();var z=(()=>{class e{constructor(){this.expanded=!0}static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=l({type:e,selectors:[["nel-demo-animation-collapse"]],standalone:!1,decls:6,vars:1,consts:[["nel-button","",3,"click"],[2,"display","flex","margin-top","20px","height","100px"],[1,"transition-box"]],template:function(t,a){t&1&&(o(0,"div")(1,"button",0),c("click",function(){return a.expanded=!a.expanded}),i(2,"Click Me"),n(),o(3,"div",1)(4,"div",2),i(5,"collapseMotion"),n()()()),t&2&&(r(4),m("@collapseMotion",a.expanded?"expanded":"collapsed"))},dependencies:[u],styles:[".transition-box[_ngcontent-%COMP%]{margin-bottom:10px;width:200px;border-radius:4px;background-color:#409eff;text-align:center;color:#fff;margin-right:20px;box-sizing:border-box}"],data:{animation:[y]}})}}return e})();var B=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275mod=s({type:e})}static{this.\u0275inj=d({imports:[E,T]})}}return e})();var I=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=l({type:e,selectors:[["app-transition"]],standalone:!1,decls:19,vars:3,consts:[["target","_blank","href","https://angular.cn/guide/animations"],[3,"codeUrl"],["demo",""]],template:function(t,a){t&1&&(o(0,"h2"),i(1,"\u5185\u7F6E\u8FC7\u6E21\u52A8\u753B"),n(),o(2,"p"),i(3,"Ng Element \u5185\u5E94\u7528\u5728\u90E8\u5206\u7EC4\u4EF6\u7684\u8FC7\u6E21\u52A8\u753B\uFF0C\u4F60\u4E5F\u53EF\u4EE5\u76F4\u63A5\u4F7F\u7528\u3002\u5728\u4F7F\u7528\u4E4B\u524D\u8BF7\u9605\u8BFB "),o(4,"a",0),i(5,"transition \u7EC4\u4EF6\u6587\u6863"),n(),i(6," \u3002"),n(),o(7,"h3"),i(8,"fade \u6DE1\u5165\u6DE1\u51FA"),n(),o(9,"app-demo",1),g(10,"nel-demo-animation-fade",2),n(),o(11,"h3"),i(12,"zoom \u7F29\u653E"),n(),o(13,"app-demo",1),g(14,"nel-demo-animation-zoom",2),n(),o(15,"h3"),i(16,"collapse \u5C55\u5F00\u6298\u53E0"),n(),o(17,"app-demo",1),g(18,"nel-demo-animation-collapse",2),n()),t&2&&(r(9),m("codeUrl","components-animation-demo-fade.component"),r(4),m("codeUrl","components-animation-demo-zoom.component"),r(4),m("codeUrl","components-animation-demo-collapse.component"))},dependencies:[S,k,z,_],encapsulation:2})}}return e})();var J=[{path:"",component:I}],Z=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275mod=s({type:e})}static{this.\u0275inj=d({imports:[M.forChild(J),M]})}}return e})();var fe=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275mod=s({type:e})}static{this.\u0275inj=d({imports:[B,A,Z]})}}return e})();export{fe as TransitionModule};