-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path4358.de9f0a7e84a09fe9.js
1 lines (1 loc) · 6.43 KB
/
4358.de9f0a7e84a09fe9.js
1
"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[4358],{4358:(p,o,Z)=>{Z.r(o),Z.d(o,{NpFrameworkCssDemoModule:()=>g});var l=Z(6895),d=Z(8379),t=Z(4650),u=Z(5499);class e{constructor(){this.frameworkSCSS='@import "np-ui-lib/styles/theme.scss";\n@include framework-style;'}ngOnInit(){}static#t=this.\u0275fac=function(i){return new(i||e)};static#i=this.\u0275cmp=t.Xpm({type:e,selectors:[["app-np-framework-css-demo"]],decls:213,vars:1,consts:[[1,"page-header"],[3,"innerHTML"],[1,"np-container"],[1,"np-row"],[1,"np-col-md-3","np-col-sm-6","mb-2"],[1,"np-widget-overview-box","np-widget-overview-bg-1"],[1,"np-widget-overview-icon"],[1,"fa","fa-user"],[1,"np-widget-overview-text"],[1,"np-widget-overview-status"],[1,"np-widget-overview-box","np-widget-overview-bg-2"],[1,"np-widget-overview-box","np-widget-overview-bg-3"],[1,"np-widget-overview-box","np-widget-overview-bg-4"],[1,"np-col-md-4","np-col-sm-12"],[1,"np-price-table"],[1,"np-price-table-header"],[1,"np-price-table-sub-header"],[1,"np-price-table-footer"],[1,"np-btn","np-btn-primary"],[1,"np-col-md-6","np-col-sm-12"],[1,"np-list-group"],[1,"np-list-group-item"],[1,"np-list-group","np-list-group-striped","np-list-group-hoverable"],[1,"d-flex"],["src","../../assets/images/img_avatar.png",1,"np-avatar"],["src","../../assets/images/img_avatar.png",1,"np-avatar-small"],[1,"np-table"],[1,"np-table","np-table-striped","np-table-hoverable"]],template:function(i,r){1&i&&(t.TgZ(0,"h2",0),t._uU(1,"Framework CSS"),t.qZA(),t.TgZ(2,"np-card")(3,"np-card-body")(4,"h3"),t._uU(5,"How to add framework style sheet to application?"),t.qZA(),t.TgZ(6,"p"),t._uU(7,"Framework CSS is optional. Add below code after importing default-theme.scss/theme.scss"),t.qZA(),t.TgZ(8,"pre"),t._UZ(9,"code",1),t.qZA(),t.TgZ(10,"b"),t._uU(11,"Below are the examples of CSS components:"),t.qZA(),t.TgZ(12,"p"),t._uU(13,"1. Overview boxes"),t.qZA(),t.TgZ(14,"div",2)(15,"div",3)(16,"div",4)(17,"div",5)(18,"div",6),t._UZ(19,"i",7),t.qZA(),t.TgZ(20,"div",8),t._uU(21,"Active"),t.qZA(),t.TgZ(22,"div",9),t._uU(23,"78%"),t.qZA()()(),t.TgZ(24,"div",4)(25,"div",10)(26,"div",6),t._UZ(27,"i",7),t.qZA(),t.TgZ(28,"div",8),t._uU(29,"In Active"),t.qZA(),t.TgZ(30,"div",9),t._uU(31,"8%"),t.qZA()()(),t.TgZ(32,"div",4)(33,"div",11)(34,"div",6),t._UZ(35,"i",7),t.qZA(),t.TgZ(36,"div",8),t._uU(37,"Pending"),t.qZA(),t.TgZ(38,"div",9),t._uU(39,"10%"),t.qZA()()(),t.TgZ(40,"div",4)(41,"div",12)(42,"div",6),t._UZ(43,"i",7),t.qZA(),t.TgZ(44,"div",8),t._uU(45,"Approved"),t.qZA(),t.TgZ(46,"div",9),t._uU(47,"80%"),t.qZA()()()()(),t.TgZ(48,"p"),t._uU(49,"2. Price table"),t.qZA(),t.TgZ(50,"div",2)(51,"div",3)(52,"div",13)(53,"ul",14)(54,"li",15),t._uU(55,"Plan 4"),t.qZA(),t.TgZ(56,"li",16),t._uU(57,"$400/mo"),t.qZA(),t.TgZ(58,"li"),t._uU(59,"40GB Storage"),t.qZA(),t.TgZ(60,"li"),t._uU(61,"40 Emails"),t.qZA(),t.TgZ(62,"li"),t._uU(63,"4 Domains"),t.qZA(),t.TgZ(64,"li"),t._uU(65,"4GB Bandwidth"),t.qZA(),t.TgZ(66,"li",17)(67,"button",18),t._uU(68,"SELECT"),t.qZA()()()(),t.TgZ(69,"div",13)(70,"ul",14)(71,"li",15),t._uU(72,"Plan 4"),t.qZA(),t.TgZ(73,"li",16),t._uU(74,"$400/mo"),t.qZA(),t.TgZ(75,"li"),t._uU(76,"40GB Storage"),t.qZA(),t.TgZ(77,"li"),t._uU(78,"40 Emails"),t.qZA(),t.TgZ(79,"li"),t._uU(80,"4 Domains"),t.qZA(),t.TgZ(81,"li"),t._uU(82,"4GB Bandwidth"),t.qZA(),t.TgZ(83,"li",17)(84,"button",18),t._uU(85,"SELECT"),t.qZA()()()(),t.TgZ(86,"div",13)(87,"ul",14)(88,"li",15),t._uU(89,"Plan 4"),t.qZA(),t.TgZ(90,"li",16),t._uU(91,"$400/mo"),t.qZA(),t.TgZ(92,"li"),t._uU(93,"40GB Storage"),t.qZA(),t.TgZ(94,"li"),t._uU(95,"40 Emails"),t.qZA(),t.TgZ(96,"li"),t._uU(97,"4 Domains"),t.qZA(),t.TgZ(98,"li"),t._uU(99,"4GB Bandwidth"),t.qZA(),t.TgZ(100,"li",17)(101,"button",18),t._uU(102,"SELECT"),t.qZA()()()()()(),t.TgZ(103,"p"),t._uU(104,"3. List"),t.qZA(),t.TgZ(105,"div",2)(106,"div",3)(107,"div",19)(108,"ul",20)(109,"li",21),t._uU(110,"Apple"),t.qZA(),t.TgZ(111,"li",21),t._uU(112,"Ball"),t.qZA(),t.TgZ(113,"li",21),t._uU(114,"Cat"),t.qZA(),t.TgZ(115,"li",21),t._uU(116,"Doll"),t.qZA(),t.TgZ(117,"li",21),t._uU(118,"Elephant"),t.qZA()()(),t.TgZ(119,"div",19)(120,"ul",22)(121,"li",21),t._uU(122,"Apple"),t.qZA(),t.TgZ(123,"li",21),t._uU(124,"Ball"),t.qZA(),t.TgZ(125,"li",21),t._uU(126,"Cat"),t.qZA(),t.TgZ(127,"li",21),t._uU(128,"Doll"),t.qZA(),t.TgZ(129,"li",21),t._uU(130,"Elephant"),t.qZA()()()()(),t.TgZ(131,"p"),t._uU(132,"4. Avatar"),t.qZA(),t.TgZ(133,"div",2)(134,"div",23),t._UZ(135,"img",24)(136,"img",25),t.qZA()(),t.TgZ(137,"p"),t._uU(138,"5. Table"),t.qZA(),t.TgZ(139,"div",2)(140,"table",26)(141,"tr")(142,"th"),t._uU(143,"Product Name"),t.qZA(),t.TgZ(144,"th"),t._uU(145,"Unit Price"),t.qZA(),t.TgZ(146,"th"),t._uU(147,"Units In Stock"),t.qZA()(),t.TgZ(148,"tr")(149,"td"),t._uU(150," Chai "),t.qZA(),t.TgZ(151,"td"),t._uU(152," 18 "),t.qZA(),t.TgZ(153,"td"),t._uU(154," 39 "),t.qZA()(),t.TgZ(155,"tr")(156,"td"),t._uU(157," Chang "),t.qZA(),t.TgZ(158,"td"),t._uU(159," 19 "),t.qZA(),t.TgZ(160,"td"),t._uU(161," 17 "),t.qZA()(),t.TgZ(162,"tr")(163,"td"),t._uU(164," Aniseed Syrup "),t.qZA(),t.TgZ(165,"td"),t._uU(166," 10 "),t.qZA(),t.TgZ(167,"td"),t._uU(168," 13 "),t.qZA()(),t.TgZ(169,"tr")(170,"td"),t._uU(171," Chef Anton's Cajun Seasoning "),t.qZA(),t.TgZ(172,"td"),t._uU(173," 22 "),t.qZA(),t.TgZ(174,"td"),t._uU(175," 53 "),t.qZA()()(),t._UZ(176,"br"),t.TgZ(177,"table",27)(178,"tr")(179,"th"),t._uU(180,"Product Name"),t.qZA(),t.TgZ(181,"th"),t._uU(182,"Unit Price"),t.qZA(),t.TgZ(183,"th"),t._uU(184,"Units In Stock"),t.qZA()(),t.TgZ(185,"tr")(186,"td"),t._uU(187," Chai "),t.qZA(),t.TgZ(188,"td"),t._uU(189," 18 "),t.qZA(),t.TgZ(190,"td"),t._uU(191," 39 "),t.qZA()(),t.TgZ(192,"tr")(193,"td"),t._uU(194," Chang "),t.qZA(),t.TgZ(195,"td"),t._uU(196," 19 "),t.qZA(),t.TgZ(197,"td"),t._uU(198," 17 "),t.qZA()(),t.TgZ(199,"tr")(200,"td"),t._uU(201," Aniseed Syrup "),t.qZA(),t.TgZ(202,"td"),t._uU(203," 10 "),t.qZA(),t.TgZ(204,"td"),t._uU(205," 13 "),t.qZA()(),t.TgZ(206,"tr")(207,"td"),t._uU(208," Chef Anton's Cajun Seasoning "),t.qZA(),t.TgZ(209,"td"),t._uU(210," 22 "),t.qZA(),t.TgZ(211,"td"),t._uU(212," 53 "),t.qZA()()()()()()),2&i&&(t.xp6(9),t.Q6J("innerHTML",r.frameworkSCSS,t.oJD))},dependencies:[u.c0,u.El],encapsulation:2})}const s=[{path:"",component:e}];class n{static#t=this.\u0275fac=function(i){return new(i||n)};static#i=this.\u0275mod=t.oAB({type:n});static#Z=this.\u0275inj=t.cJS({imports:[d.Bz.forChild(s),d.Bz]})}class g{static#t=this.\u0275fac=function(i){return new(i||g)};static#i=this.\u0275mod=t.oAB({type:g});static#Z=this.\u0275inj=t.cJS({imports:[l.ez,n,u.Tk]})}}}]);