-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path8909.f62450780a69777e.js
1 lines (1 loc) · 9.77 KB
/
8909.f62450780a69777e.js
1
"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[8909],{8909:(D,Z,i)=>{i.r(Z),i.d(Z,{NpPopoverDemoModule:()=>l});var d=i(6895),u=i(8379),t=i(4650),a=i(5499);const _=["myPopover1"],m=["myPopover2"],g=["myPopover3"];function T(n,p){1&n&&(t.TgZ(0,"div",21)(1,"div",22)(2,"b"),t._uU(3,"Mail Subject"),t.qZA(),t._UZ(4,"br"),t.TgZ(5,"i"),t._uU(6,"From: [email protected]"),t.qZA()(),t.TgZ(7,"div",22)(8,"b"),t._uU(9,"Mail Subject"),t.qZA(),t._UZ(10,"br"),t.TgZ(11,"i"),t._uU(12,"From: [email protected]"),t.qZA()(),t.TgZ(13,"div",22)(14,"b"),t._uU(15,"Mail Subject"),t.qZA(),t._UZ(16,"br"),t.TgZ(17,"i"),t._uU(18,"From: [email protected]"),t.qZA()(),t.TgZ(19,"div",22)(20,"b"),t._uU(21,"Mail Subject"),t.qZA(),t._UZ(22,"br"),t.TgZ(23,"i"),t._uU(24,"From: [email protected]"),t.qZA()(),t.TgZ(25,"div",22)(26,"b"),t._uU(27,"Mail Subject"),t.qZA(),t._UZ(28,"br"),t.TgZ(29,"i"),t._uU(30,"From: [email protected]"),t.qZA()()())}function A(n,p){1&n&&t._uU(0),2&n&&t.hij(" Others, Count pass in context is ",p.count,". ")}function U(n,p){1&n&&t._uU(0),2&n&&t.hij(" Set width of popover and add extra class to popover element, Count pass in context is ",p.count,". ")}function b(n,p){if(1&n){const e=t.EpF();t._uU(0," Description of Step Click on Next button to start tour. "),t.TgZ(1,"button",23),t.NdJ("click",function(){t.CHM(e);const o=t.oxw();return t.KtG(o.openStep2Popover())}),t._uU(2," Next "),t.qZA()}}function q(n,p){if(1&n){const e=t.EpF();t._uU(0," Description of Step 2. Read and Wait for Next button. "),t.TgZ(1,"button",23),t.NdJ("click",function(){t.CHM(e);const o=t.oxw();return t.KtG(o.openStep3Popover())}),t._uU(2," Next "),t.qZA()}}function v(n,p){if(1&n){const e=t.EpF();t._uU(0," Description of Step 3. Click on Close button to end tour. "),t.TgZ(1,"button",23),t.NdJ("click",function(){t.CHM(e);const o=t.oxw();return t.KtG(o.closeStep3Popover())}),t._uU(2," Close "),t.qZA()}}const h=function(){return{count:5}};class c{constructor(){this.importText="import { NpPopoverModule } from 'np-ui-lib';",this.htmlText="<a npPopover [header]=\"'Link header'\" [body]=\"'Link Description.'\">Link</a>",this.contextText='<a npPopover [header]="headerTemp" [body]="bodyTemp" [context]="{count: 5}">\n Context Sample\n</a>\n<ng-template #headerTemp let-count="count">\n Count pass in context is {{count}}.\n</ng-template>\n<ng-template #bodyTemp let-count="count">\n Count pass in context is {{count}}.\n</ng-template>'}ngOnInit(){}openStep2Popover(){this.myPopover1.close(),this.myPopover2.open()}openStep3Popover(){this.myPopover2.close(),this.myPopover3.open()}closeStep3Popover(){this.myPopover3.close()}onOpen(){console.log("Open popover")}onClose(){console.log("Close popover")}static#t=this.\u0275fac=function(e){return new(e||c)};static#e=this.\u0275cmp=t.Xpm({type:c,selectors:[["app-np-popover-demo"]],viewQuery:function(e,r){if(1&e&&(t.Gf(_,5),t.Gf(m,5),t.Gf(g,5)),2&e){let o;t.iGM(o=t.CRH())&&(r.myPopover1=o.first),t.iGM(o=t.CRH())&&(r.myPopover2=o.first),t.iGM(o=t.CRH())&&(r.myPopover3=o.first)}},decls:208,vars:33,consts:[[1,"page-header"],["title","Documentation"],[3,"innerText"],[1,"np-table"],["title","Examples"],["npPopover","",3,"header","body","placement","onOpen","onClose"],[1,"fa","fa-info-circle"],["npPopover","",1,"np-btn","np-btn-primary",3,"body","placement","openOnClick","hasBackDrop","styleClass"],[1,"fa","fa-envelope"],[1,"np-badge"],["mailTemp",""],["npPopover","",3,"header","body","context","openOnClick","width","styleClass"],["headerTemp",""],["bodyTemp",""],["npPopover","",3,"header","body","openOnClick","backDropClass","closeOnClickOutside"],["myPopover1","NpPopoverDirective"],["myPopover1Body",""],["myPopover2","NpPopoverDirective"],["myPopover2Body",""],["myPopover3","NpPopoverDirective"],["myPopover3Body",""],[1,"np-list"],[1,"np-list-item"],["type","button",1,"np-btn",3,"click"]],template:function(e,r){if(1&e&&(t.TgZ(0,"h2",0),t._uU(1,"Popover"),t.qZA(),t.TgZ(2,"np-tabs")(3,"np-tab",1)(4,"np-card")(5,"np-card-body")(6,"b"),t._uU(7,"Module to import"),t.qZA(),t.TgZ(8,"div")(9,"pre"),t._UZ(10,"code",2),t.qZA()()()(),t.TgZ(11,"np-card")(12,"np-card-body")(13,"b"),t._uU(14,"HTML"),t.qZA(),t.TgZ(15,"div")(16,"pre"),t._UZ(17,"code",2),t.qZA()()()(),t.TgZ(18,"np-card")(19,"np-card-body")(20,"table",3)(21,"tr")(22,"th"),t._uU(23,"Property"),t.qZA(),t.TgZ(24,"th"),t._uU(25,"Description"),t.qZA(),t.TgZ(26,"th"),t._uU(27,"Type"),t.qZA(),t.TgZ(28,"th"),t._uU(29,"Default"),t.qZA()(),t.TgZ(30,"tr")(31,"td"),t._uU(32,"header"),t.qZA(),t.TgZ(33,"td"),t._uU(34,"Header text or template"),t.qZA(),t.TgZ(35,"td"),t._uU(36,"string | TemplateRef <any>"),t.qZA(),t._UZ(37,"td"),t.qZA(),t.TgZ(38,"tr")(39,"td"),t._uU(40,"body"),t.qZA(),t.TgZ(41,"td"),t._uU(42,"Body text or template"),t.qZA(),t.TgZ(43,"td"),t._uU(44,"string | TemplateRef <any>"),t.qZA(),t._UZ(45,"td"),t.qZA(),t.TgZ(46,"tr")(47,"td"),t._uU(48,"context"),t.qZA(),t.TgZ(49,"td"),t._uU(50," Pass data to template. Context will be available in both header and body templates. "),t.TgZ(51,"pre")(52,"code"),t._uU(53),t.qZA()()(),t.TgZ(54,"td"),t._uU(55,"any"),t.qZA(),t._UZ(56,"td"),t.qZA(),t.TgZ(57,"tr")(58,"td"),t._uU(59,"placement"),t.qZA(),t.TgZ(60,"td"),t._uU(61," Set popover position from 'left' | 'right' | 'top' | 'bottom' "),t.qZA(),t.TgZ(62,"td"),t._uU(63,"string"),t.qZA(),t.TgZ(64,"td"),t._uU(65,"bottom"),t.qZA()(),t.TgZ(66,"tr")(67,"td"),t._uU(68,"openOnClick"),t.qZA(),t.TgZ(69,"td"),t._uU(70,"Open popover on click of target"),t.qZA(),t.TgZ(71,"td"),t._uU(72,"boolean"),t.qZA(),t.TgZ(73,"td"),t._uU(74,"false"),t.qZA()(),t.TgZ(75,"tr")(76,"td"),t._uU(77,"width"),t.qZA(),t.TgZ(78,"td"),t._uU(79," Set width. Values should be like '100%', '100px', 200. If pass as number then it will considered as px. "),t.qZA(),t.TgZ(80,"td"),t._uU(81,"number"),t.qZA(),t._UZ(82,"td"),t.qZA(),t.TgZ(83,"tr")(84,"td"),t._uU(85,"hasBackDrop"),t.qZA(),t.TgZ(86,"td"),t._uU(87,"Show backdrop or not"),t.qZA(),t.TgZ(88,"td"),t._uU(89,"boolean"),t.qZA(),t.TgZ(90,"td"),t._uU(91,"true"),t.qZA()(),t.TgZ(92,"tr")(93,"td"),t._uU(94,"closeOnClickOutside"),t.qZA(),t.TgZ(95,"td"),t._uU(96,"Close on outside click or not"),t.qZA(),t.TgZ(97,"td"),t._uU(98,"boolean"),t.qZA(),t.TgZ(99,"td"),t._uU(100,"true"),t.qZA()(),t.TgZ(101,"tr")(102,"td"),t._uU(103,"backDropClass"),t.qZA(),t.TgZ(104,"td"),t._uU(105,"Set backdrop class"),t.qZA(),t.TgZ(106,"td"),t._uU(107,"string"),t.qZA(),t.TgZ(108,"td"),t._uU(109,"np-popover-backdrop"),t.qZA()(),t.TgZ(110,"tr")(111,"td"),t._uU(112,"styleClass"),t.qZA(),t.TgZ(113,"td"),t._uU(114,"Set extra class on component"),t.qZA(),t.TgZ(115,"td"),t._uU(116,"string"),t.qZA(),t._UZ(117,"td"),t.qZA(),t.TgZ(118,"tr")(119,"td"),t._uU(120,"inputId"),t.qZA(),t.TgZ(121,"td"),t._uU(122,"Set id attribute"),t.qZA(),t.TgZ(123,"td"),t._uU(124,"string"),t.qZA(),t._UZ(125,"td"),t.qZA()()()(),t.TgZ(126,"np-card")(127,"np-card-body")(128,"table",3)(129,"tr")(130,"th"),t._uU(131,"Method"),t.qZA(),t.TgZ(132,"th"),t._uU(133,"Description"),t.qZA(),t.TgZ(134,"th"),t._uU(135,"Parameters"),t.qZA()(),t.TgZ(136,"tr")(137,"td"),t._uU(138,"onOpen()"),t.qZA(),t.TgZ(139,"td"),t._uU(140,"Callback on open"),t.qZA(),t._UZ(141,"td"),t.qZA(),t.TgZ(142,"tr")(143,"td"),t._uU(144,"onClose()"),t.qZA(),t.TgZ(145,"td"),t._uU(146,"Callback on close"),t.qZA(),t._UZ(147,"td"),t.qZA()()()(),t.TgZ(148,"np-card")(149,"np-card-body")(150,"table",3)(151,"tr")(152,"th"),t._uU(153,"Api"),t.qZA(),t.TgZ(154,"th"),t._uU(155,"Description"),t.qZA(),t.TgZ(156,"th"),t._uU(157,"Parameters"),t.qZA()(),t.TgZ(158,"tr")(159,"td"),t._uU(160,"open()"),t.qZA(),t.TgZ(161,"td"),t._uU(162,"Open popover"),t.qZA(),t._UZ(163,"td"),t.qZA(),t.TgZ(164,"tr")(165,"td"),t._uU(166,"close()"),t.qZA(),t.TgZ(167,"td"),t._uU(168,"Close popover"),t.qZA(),t._UZ(169,"td"),t.qZA()()()()(),t.TgZ(170,"np-tab",4)(171,"fieldset")(172,"a",5),t.NdJ("onOpen",function(){return r.onOpen()})("onClose",function(){return r.onClose()}),t._UZ(173,"i",6),t.qZA()(),t.TgZ(174,"fieldset")(175,"button",7),t._UZ(176,"i",8),t.TgZ(177,"span",9),t._uU(178,"5"),t.qZA()(),t.YNc(179,T,31,0,"ng-template",null,10,t.W1O),t.qZA(),t.TgZ(181,"fieldset")(182,"a",11),t._uU(183,"With [width] and [styleClass] attribute"),t.qZA(),t.YNc(184,A,1,1,"ng-template",null,12,t.W1O),t.YNc(186,U,1,1,"ng-template",null,13,t.W1O),t.qZA(),t.TgZ(188,"fieldset")(189,"legend"),t._uU(190,"backDropClass and Api example"),t.qZA(),t.TgZ(191,"a",14,15),t._uU(193,"Step 1"),t.qZA(),t.YNc(194,b,3,0,"ng-template",null,16,t.W1O),t._UZ(196,"br"),t.TgZ(197,"a",14,17),t._uU(199,"Step 2"),t.qZA(),t.YNc(200,q,3,0,"ng-template",null,18,t.W1O),t._UZ(202,"br"),t.TgZ(203,"a",14,19),t._uU(205,"Step 3"),t.qZA(),t.YNc(206,v,3,0,"ng-template",null,20,t.W1O),t.qZA()()()),2&e){const o=t.MAs(180),y=t.MAs(185),f=t.MAs(187),P=t.MAs(195),k=t.MAs(201),x=t.MAs(207);t.xp6(10),t.Q6J("innerText",r.importText),t.xp6(7),t.Q6J("innerText",r.htmlText),t.xp6(36),t.Oqu(r.contextText),t.xp6(119),t.Q6J("header","Header content")("body","Body content")("placement","right"),t.xp6(3),t.Q6J("body",o)("placement","bottom")("openOnClick",!0)("hasBackDrop",!1)("styleClass","popover-no-border"),t.xp6(7),t.Q6J("header",y)("body",f)("context",t.DdM(32,h))("openOnClick",!0)("width",250)("styleClass","myClass"),t.xp6(9),t.Q6J("header","Step 1")("body",P)("openOnClick",!0)("backDropClass","myBackDrop")("closeOnClickOutside",!1),t.xp6(6),t.Q6J("header","Step 2")("body",k)("openOnClick",!0)("backDropClass","myBackDrop")("closeOnClickOutside",!1),t.xp6(6),t.Q6J("header","Step 3")("body",x)("openOnClick",!0)("backDropClass","myBackDrop")("closeOnClickOutside",!1)}},dependencies:[a.cQ,a.c0,a.El,a.KA,a.Qk],encapsulation:2})}const C=[{path:"",component:c}];class s{static#t=this.\u0275fac=function(e){return new(e||s)};static#e=this.\u0275mod=t.oAB({type:s});static#o=this.\u0275inj=t.cJS({imports:[u.Bz.forChild(C),u.Bz]})}class l{static#t=this.\u0275fac=function(e){return new(e||l)};static#e=this.\u0275mod=t.oAB({type:l});static#o=this.\u0275inj=t.cJS({imports:[d.ez,s,a.bn,a.Tk,a.i7]})}}}]);