-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path109.25a26e684e2880d0.js
1 lines (1 loc) · 6.65 KB
/
109.25a26e684e2880d0.js
1
"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[109],{109:(c,s,e)=>{e.r(s),e.d(s,{HowToAddModule:()=>r});var d=e(6895),p=e(8379),t=e(4650),i=e(5499);const l=function(){return["/np-input-text-demo"]};class a{constructor(){}ngOnInit(){}static#t=this.\u0275fac=function(n){return new(n||a)};static#n=this.\u0275cmp=t.Xpm({type:a,selectors:[["app-how-to-add"]],decls:162,vars:2,consts:[[1,"np-container"],[1,"np-row",2,"padding","20px"],[1,"np-col","np-col-12"],[2,"width","100%","text-align","center","padding","20px 0px"],["width","250","height","250","viewBox","0 0 250 250","fill","none","xmlns","http://www.w3.org/2000/svg"],["opacity","0.85","d","M125 0L0 41.5L19.0655 195.375L125 250L230.934 195.375L250 41.5L125 0Z",1,"logo-background"],["d","M125 0V27.75V27.625V154.25V250L230.934 195.375L250 41.5L125 0Z",1,"logo-background"],["d","M118.812 175H105.242L53.7031 96.1094V175H40.1328V72.625H53.7031L105.383 151.867V72.625H118.812V175ZM156.289 134.922V175H142.789V72.625H180.547C191.75 72.625 200.516 75.4844 206.844 81.2031C213.219 86.9219 216.406 94.4922 216.406 103.914C216.406 113.852 213.289 121.516 207.055 126.906C200.867 132.25 191.984 134.922 180.406 134.922H156.289ZM156.289 123.883H180.547C187.766 123.883 193.297 122.195 197.141 118.82C200.984 115.398 202.906 110.477 202.906 104.055C202.906 97.9609 200.984 93.0859 197.141 89.4297C193.297 85.7734 188.023 83.875 181.32 83.7344H156.289V123.883Z","fill","white",1,"logo-text"],[2,"width","100%","text-align","center"],[1,"np-btn-group","justify-content-center"],["href","http://npmjs.com/np-ui-lib","target","_blank",1,"np-btn","np-btn-danger",2,"width","150px","font-size","large"],["href","https://github.com/np-ui-lib/np-ui-lib","target","_blank",1,"np-btn",2,"width","150px","font-size","large"],[1,"np-btn","np-btn-primary",2,"min-width","150px","font-size","large",3,"routerLink"],[1,"np-row"],[1,"np-col","np-col-sm-12","np-col-md-12","np-col-lg-6"],[1,"no-margin"],[1,"list"],[1,"np-table"],["href","https://np-ui-lib.github.io/v14","target","_blank"],["href","https://github.com/np-ui-lib/np-ui-lib/tree/master/projects/np-ui-lib/CHANGELOG.md","target","_blank"],["href","https://github.com/np-ui-lib/np-ui-lib/blob/master/LICENSE","target","_blank"]],template:function(n,g){1&n&&(t.TgZ(0,"div",0)(1,"div",1)(2,"div",2)(3,"div",3),t.O4$(),t.TgZ(4,"svg",4),t._UZ(5,"path",5)(6,"path",6)(7,"path",7),t.qZA()()(),t.kcU(),t.TgZ(8,"div",2)(9,"div",8)(10,"h1"),t._uU(11,"NP-UI-LIB"),t.qZA(),t.TgZ(12,"h2"),t._uU(13,"Native Angular UI Components and Design Framework"),t.qZA(),t.TgZ(14,"p"),t._uU(15,"Current Version: 15.0.1, Angular Version: 15.0.0+"),t.qZA()()(),t.TgZ(16,"div",2)(17,"div",9)(18,"a",10),t._uU(19,"NPM"),t.qZA(),t.TgZ(20,"a",11),t._uU(21,"Github"),t.qZA(),t.TgZ(22,"a",12),t._uU(23,"Documentation"),t.qZA()()()(),t.TgZ(24,"div",13)(25,"div",14)(26,"np-card")(27,"np-card-header")(28,"h4",15),t._uU(29,"Why np-ui-lib?"),t.qZA()(),t.TgZ(30,"np-card-body")(31,"ul",16)(32,"li"),t._uU(33,"An enterprise level UI design"),t.qZA(),t.TgZ(34,"li"),t._uU(35,"50+ components"),t.qZA(),t.TgZ(36,"li"),t._uU(37,"Free and open source"),t.qZA(),t.TgZ(38,"li"),t._uU(39,"Fast and easy to integrate"),t.qZA(),t.TgZ(40,"li"),t._uU(41,"Theming and i18N support"),t.qZA(),t.TgZ(42,"li"),t._uU(43,"No 3rd party dependencies"),t.qZA()()()()(),t.TgZ(44,"div",14)(45,"np-card")(46,"np-card-header")(47,"h4",15),t._uU(48,"Best Practices"),t.qZA()(),t.TgZ(49,"np-card-body")(50,"ul",16)(51,"li"),t._uU(52,"Followed best coding practices"),t.qZA(),t.TgZ(53,"li"),t._uU(54,"Responsive UI design"),t.qZA(),t.TgZ(55,"li"),t._uU(56,"Good documentation"),t.qZA(),t.TgZ(57,"li"),t._uU(58,"Flexible to customization"),t.qZA(),t.TgZ(59,"li"),t._uU(60,"WAI-ARIA included"),t.qZA(),t.TgZ(61,"li"),t._uU(62,"Support modern browsers"),t.qZA()()()()(),t.TgZ(63,"div",2)(64,"np-card")(65,"np-card-header")(66,"h4",15),t._uU(67," How to add np-ui-lib package to angular application? "),t.qZA()(),t.TgZ(68,"np-card-body")(69,"div")(70,"h6"),t._uU(71,"Step 1: Install node package using below command"),t.qZA(),t.TgZ(72,"pre")(73,"code"),t._uU(74,"$ npm install np-ui-lib"),t.qZA()()(),t.TgZ(75,"div")(76,"h6"),t._uU(77," Step 2: Import below style sheets to application's styles.scss file, or add in styles section in angular.json "),t.qZA(),t.TgZ(78,"pre")(79,"code"),t._uU(80,'@import "~@angular/cdk/overlay-prebuilt.css";'),t._UZ(81,"br"),t._uU(82,'@import "np-ui-lib/styles/default-theme.scss";'),t.qZA()()()()()(),t.TgZ(83,"div",2)(84,"np-card")(85,"np-card-header")(86,"h4",15),t._uU(87," Below packages already needs to be pre-installed "),t.qZA()(),t.TgZ(88,"np-card-body")(89,"div"),t._uU(90,"np-ui-lib has dependency on below packages."),t.qZA(),t.TgZ(91,"pre")(92,"code"),t._uU(93,'"@angular/common": "^15.0.0",'),t._UZ(94,"br"),t._uU(95,'"@angular/core": "^15.0.0",'),t._UZ(96,"br"),t._uU(97,'"@angular/cdk": "^15.0.0",'),t._UZ(98,"br"),t._uU(99,'"@angular/forms": "^15.0.0",'),t._UZ(100,"br"),t._uU(101,'"@angular/router": "^15.0.0",'),t._UZ(102,"br"),t._uU(103,'"rxjs": "~7.5.0"'),t._UZ(104,"br"),t.qZA()()()()(),t.TgZ(105,"div",2)(106,"np-card")(107,"np-card-header")(108,"h4",15),t._uU(109,"Browser Support"),t.qZA()(),t.TgZ(110,"np-card-body")(111,"table",17)(112,"tr")(113,"th"),t._uU(114,"Chrome"),t.qZA(),t.TgZ(115,"th"),t._uU(116,"Firefox"),t.qZA(),t.TgZ(117,"th"),t._uU(118,"Safari"),t.qZA(),t.TgZ(119,"th"),t._uU(120,"Edge"),t.qZA(),t.TgZ(121,"th"),t._uU(122,"Mobile Chrome"),t.qZA(),t.TgZ(123,"th"),t._uU(124,"Mobile Safari"),t.qZA(),t.TgZ(125,"th"),t._uU(126,"IE11"),t.qZA()(),t.TgZ(127,"tr")(128,"td"),t._uU(129,"Yes"),t.qZA(),t.TgZ(130,"td"),t._uU(131,"Yes"),t.qZA(),t.TgZ(132,"td"),t._uU(133,"Yes"),t.qZA(),t.TgZ(134,"td"),t._uU(135,"Yes"),t.qZA(),t.TgZ(136,"td"),t._uU(137,"Yes"),t.qZA(),t.TgZ(138,"td"),t._uU(139,"Yes"),t.qZA(),t.TgZ(140,"td"),t._uU(141,"Partial"),t.qZA()()()()()(),t.TgZ(142,"div",2)(143,"h3"),t._uU(144,"Older Versions"),t.qZA(),t.TgZ(145,"p")(146,"a",18),t._uU(147,"v14.0.0"),t.qZA()()(),t.TgZ(148,"div",2)(149,"h3"),t._uU(150,"Links"),t.qZA(),t.TgZ(151,"p")(152,"a",19),t._uU(153,"Release Notes"),t.qZA()()(),t.TgZ(154,"div",2)(155,"h3"),t._uU(156,"License"),t.qZA(),t.TgZ(157,"p"),t._uU(158," This project is licensed under the "),t.TgZ(159,"a",20),t._uU(160,"MIT License"),t.qZA(),t._uU(161,". "),t.qZA()()()()),2&n&&(t.xp6(22),t.Q6J("routerLink",t.DdM(1,l)))},dependencies:[p.rH,i.c0,i.DB,i.El],encapsulation:2})}const Z=[{path:"",component:a}];class o{static#t=this.\u0275fac=function(n){return new(n||o)};static#n=this.\u0275mod=t.oAB({type:o});static#e=this.\u0275inj=t.cJS({imports:[p.Bz.forChild(Z),p.Bz]})}class r{static#t=this.\u0275fac=function(n){return new(n||r)};static#n=this.\u0275mod=t.oAB({type:r});static#e=this.\u0275inj=t.cJS({imports:[d.ez,o,i.Tk]})}}}]);