48-es2015.d5ae6757017e84c42948.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[48],{"1khm":function(t,e,c){"use strict";c.r(e),c.d(e,"CdkPortalExamplesModule",function(){return s}),c.d(e,"CdkPortalOverviewExample",function(){return p}),c.d(e,"ComponentPortalExample",function(){return b});var n=c("+rOU"),o=c("fXoL");const l=["templatePortalContent"],r=["domPortalContent"];function a(t,e){}function i(t,e){1&t&&Object(o.Sc)(0,"Hello, this is a template portal")}let p=(()=>{class t{constructor(t){this._viewContainerRef=t}ngAfterViewInit(){this.componentPortal=new n.d(b),this.templatePortal=new n.i(this.templatePortalContent,this._viewContainerRef),this.domPortal=new n.e(this.domPortalContent)}}return t.\u0275fac=function(e){return new(e||t)(Object(o.Yb)(o.ab))},t.\u0275cmp=Object(o.Sb)({type:t,selectors:[["cdk-portal-overview-example"]],viewQuery:function(t,e){if(1&t&&(Object(o.Wc)(l,!0),Object(o.Wc)(r,!0)),2&t){let t;Object(o.Bc)(t=Object(o.mc)())&&(e.templatePortalContent=t.first),Object(o.Bc)(t=Object(o.mc)())&&(e.domPortalContent=t.first)}},decls:15,vars:1,consts:[[1,"example-portal-outlet"],[3,"cdkPortalOutlet"],["templatePortalContent",""],[3,"click"],["domPortalContent",""]],template:function(t,e){1&t&&(Object(o.ec)(0,"h2"),Object(o.Sc)(1,"The portal outlet is below:"),Object(o.dc)(),Object(o.ec)(2,"div",0),Object(o.Qc)(3,a,0,0,"ng-template",1),Object(o.dc)(),Object(o.Qc)(4,i,1,0,"ng-template",null,2,o.Rc),Object(o.ec)(6,"button",3),Object(o.lc)("click",function(){return e.selectedPortal=e.componentPortal}),Object(o.Sc)(7,"Render component portal"),Object(o.dc)(),Object(o.ec)(8,"button",3),Object(o.lc)("click",function(){return e.selectedPortal=e.templatePortal}),Object(o.Sc)(9,"Render template portal"),Object(o.dc)(),Object(o.ec)(10,"button",3),Object(o.lc)("click",function(){return e.selectedPortal=e.domPortal}),Object(o.Sc)(11,"Render DOM portal"),Object(o.dc)(),Object(o.ec)(12,"div",null,4),Object(o.Sc)(14,"Hello, this is a DOM portal"),Object(o.dc)()),2&t&&(Object(o.Mb)(3),Object(o.vc)("cdkPortalOutlet",e.selectedPortal))},directives:[n.c],styles:[".example-portal-outlet[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n  padding: 10px;\n  border: 1px dashed black;\n  width: 250px;\n  height: 250px;\n}"]}),t})(),b=(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275cmp=Object(o.Sb)({type:t,selectors:[["component-portal-example"]],decls:1,vars:0,template:function(t,e){1&t&&Object(o.Sc)(0,"Hello, this is a component portal")},encapsulation:2}),t})(),s=(()=>{class t{}return t.\u0275mod=Object(o.Wb)({type:t}),t.\u0275inj=Object(o.Vb)({factory:function(e){return new(e||t)},imports:[[n.h]]}),t})()}}]);