-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path4983.619c362cc33b8dfe.js
1 lines (1 loc) · 5.55 KB
/
4983.619c362cc33b8dfe.js
1
"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[4983],{4983:(g,i,c)=>{c.r(i),c.d(i,{NpGridLayoutDemoModule:()=>l});var s=c(6895),t=c(8379),n=c(4650),p=c(5499);class d{constructor(){}ngOnInit(){}static#n=this.\u0275fac=function(o){return new(o||d)};static#o=this.\u0275cmp=n.Xpm({type:d,selectors:[["app-np-grid-layout-demo"]],decls:164,vars:0,consts:[[1,"page-header"],[1,"np-container","np-demo-container"],[1,"np-row"],[1,"np-col","np-col-1"],[1,"np-col","np-col-3"],[1,"np-col","np-col-4"],[1,"np-col","np-col-6"],[1,"np-col","np-col-sm-6","np-col-md-4","np-col-lg-3","np-col-xl-2"],[1,"np-col","np-col-3","np-offset-3"],[1,"np-col","np-col-3","np-hidden-sm"],[1,"np-col","np-col-3","np-hidden-md"],[1,"np-col","np-col-3","np-hidden-lg"],[1,"np-col","np-col-3","np-hidden-xl"]],template:function(o,U){1&o&&(n.TgZ(0,"h2",0),n._uU(1,"Grid Layout"),n.qZA(),n.TgZ(2,"np-card")(3,"np-card-body")(4,"div"),n._uU(5," Use classes "),n.TgZ(6,"b"),n._uU(7,"np-container, np-row, np-col"),n.qZA(),n._uU(8," to set grid layout. "),n.qZA(),n._UZ(9,"br"),n.TgZ(10,"div",1)(11,"div",2)(12,"div",3),n._uU(13,"np-col-1"),n.qZA(),n.TgZ(14,"div",3),n._uU(15,"np-col-1"),n.qZA(),n.TgZ(16,"div",3),n._uU(17,"np-col-1"),n.qZA(),n.TgZ(18,"div",3),n._uU(19,"np-col-1"),n.qZA(),n.TgZ(20,"div",3),n._uU(21,"np-col-1"),n.qZA(),n.TgZ(22,"div",3),n._uU(23,"np-col-1"),n.qZA(),n.TgZ(24,"div",3),n._uU(25,"np-col-1"),n.qZA(),n.TgZ(26,"div",3),n._uU(27,"np-col-1"),n.qZA(),n.TgZ(28,"div",3),n._uU(29,"np-col-1"),n.qZA(),n.TgZ(30,"div",3),n._uU(31,"np-col-1"),n.qZA(),n.TgZ(32,"div",3),n._uU(33,"np-col-1"),n.qZA(),n.TgZ(34,"div",3),n._uU(35,"np-col-1"),n.qZA()(),n.TgZ(36,"div",2)(37,"div",4),n._uU(38,"np-col-3"),n.qZA(),n.TgZ(39,"div",4),n._uU(40,"np-col-3"),n.qZA(),n.TgZ(41,"div",4),n._uU(42,"np-col-3"),n.qZA(),n.TgZ(43,"div",4),n._uU(44,"np-col-3"),n.qZA()(),n.TgZ(45,"div",2)(46,"div",5),n._uU(47,"np-col-4"),n.qZA(),n.TgZ(48,"div",5),n._uU(49,"np-col-4"),n.qZA(),n.TgZ(50,"div",5),n._uU(51,"np-col-4"),n.qZA()(),n.TgZ(52,"div",2)(53,"div",6),n._uU(54,"np-col-6"),n.qZA(),n.TgZ(55,"div",6),n._uU(56,"np-col-6"),n.qZA()()()()(),n.TgZ(57,"np-card")(58,"np-card-body")(59,"h3"),n._uU(60,"For devices"),n.qZA(),n._UZ(61,"br"),n.TgZ(62,"div"),n._uU(63,"Use below classes to set layout based on devices."),n.qZA(),n._UZ(64,"br"),n.TgZ(65,"div")(66,"b"),n._uU(67,"np-sm-col-*"),n.qZA(),n._uU(68," for small devices."),n.qZA(),n.TgZ(69,"div")(70,"b"),n._uU(71,"np-md-col-*"),n.qZA(),n._uU(72," for medium devices."),n.qZA(),n.TgZ(73,"div")(74,"b"),n._uU(75,"np-lg-col-*"),n.qZA(),n._uU(76," for large devices."),n.qZA(),n.TgZ(77,"div")(78,"b"),n._uU(79,"np-xl-col-*"),n.qZA(),n._uU(80," for extra large devices"),n.qZA(),n.TgZ(81,"div"),n._uU(82,"Where * can be number from 1 to 12."),n.qZA(),n._UZ(83,"br"),n.TgZ(84,"div",1)(85,"div",2)(86,"div",7),n._uU(87," np-col-sm-6 np-col-md-4 np-col-lg-3 np-col-xl-2 "),n.qZA(),n.TgZ(88,"div",7),n._uU(89," np-col-sm-6 np-col-md-4 np-col-lg-3 np-col-xl-2 "),n.qZA(),n.TgZ(90,"div",7),n._uU(91," np-col-sm-6 np-col-md-4 np-col-lg-3 np-col-xl-2 "),n.qZA(),n.TgZ(92,"div",7),n._uU(93," np-col-sm-6 np-col-md-4 np-col-lg-3 np-col-xl-2 "),n.qZA(),n.TgZ(94,"div",7),n._uU(95," np-col-sm-6 np-col-md-4 np-col-lg-3 np-col-xl-2 "),n.qZA(),n.TgZ(96,"div",7),n._uU(97," np-col-sm-6 np-col-md-4 np-col-lg-3 np-col-xl-2 "),n.qZA()()()()(),n.TgZ(98,"np-card")(99,"np-card-body")(100,"h3"),n._uU(101,"Offset"),n.qZA(),n._UZ(102,"br"),n.TgZ(103,"div"),n._uU(104," Use classes "),n.TgZ(105,"b"),n._uU(106,"np-offset-*, np-offset-sm-*, np-offset-md-*, np-offset-lg-*, np-offset-xl-*"),n.qZA(),n._uU(107," to set offset. "),n.qZA(),n.TgZ(108,"div"),n._uU(109,"Where * can be number from 1 to 12."),n.qZA(),n._UZ(110,"br"),n.TgZ(111,"div",1)(112,"div",2)(113,"div",8),n._uU(114,"np-col-3 np-offset-3"),n.qZA(),n.TgZ(115,"div",4),n._uU(116,"np-col-3"),n.qZA(),n.TgZ(117,"div",4),n._uU(118,"np-col-3"),n.qZA()()()()(),n.TgZ(119,"np-card")(120,"np-card-body")(121,"h3"),n._uU(122,"Alignment"),n.qZA(),n._UZ(123,"br"),n.TgZ(124,"div"),n._uU(125,"Use below classes to set content alignment."),n.qZA(),n._UZ(126,"br"),n.TgZ(127,"b"),n._uU(128,"align-items-*"),n.qZA(),n.TgZ(129,"div"),n._uU(130,"Where * can be start, end, center, baseline, stretch"),n.qZA(),n.TgZ(131,"b"),n._uU(132,"align-content-*"),n.qZA(),n.TgZ(133,"div"),n._uU(134,"Where * can be start, end, center, baseline, stretch"),n.qZA(),n.TgZ(135,"b"),n._uU(136,"align-self-*"),n.qZA(),n.TgZ(137,"div"),n._uU(138,"Where * can be start, end, center, baseline, stretch"),n.qZA(),n.TgZ(139,"b"),n._uU(140,"justify-content-*"),n.qZA(),n.TgZ(141,"div"),n._uU(142,"Where * can be start, end, center, between, around"),n.qZA()()(),n.TgZ(143,"np-card")(144,"np-card-body")(145,"h3"),n._uU(146,"Hidden"),n.qZA(),n._UZ(147,"br"),n.TgZ(148,"div"),n._uU(149," Use classes "),n.TgZ(150,"b"),n._uU(151,"np-hidden, np-hidden-sm, np-hidden-md, np-hidden-lg, np-hidden-xl"),n.qZA(),n._uU(152," to hide content based on device type. "),n.qZA(),n._UZ(153,"br"),n.TgZ(154,"div",1)(155,"div",2)(156,"div",9),n._uU(157,"np-hidden-sm"),n.qZA(),n.TgZ(158,"div",10),n._uU(159,"np-hidden-md"),n.qZA(),n.TgZ(160,"div",11),n._uU(161,"np-hidden-lg"),n.qZA(),n.TgZ(162,"div",12),n._uU(163,"np-hidden-xl"),n.qZA()()()()())},dependencies:[p.c0,p.El],encapsulation:2})}const u=[{path:"",component:d}];class e{static#n=this.\u0275fac=function(o){return new(o||e)};static#o=this.\u0275mod=n.oAB({type:e});static#c=this.\u0275inj=n.cJS({imports:[t.Bz.forChild(u),t.Bz]})}class l{static#n=this.\u0275fac=function(o){return new(o||l)};static#o=this.\u0275mod=n.oAB({type:l});static#c=this.\u0275inj=n.cJS({imports:[s.ez,e,p.Tk]})}}}]);