1(self.webpackChunkangular_project=self.webpackChunkangular_project||[]).push([[422],{7422:(e,n,i)=>{"use strict";i.r(n),i.d(n,{DeveloperModule:()=>se});var t=i(1841),Z=i(3679),o=i(7111),a=i(6884),l=i(6299),d=i(125),u=i(9345),g=i(5779),s=i(2567),r=i(635),c=i(3623),T=i(4195),A=i(2079),q=i(3385),p=i(4401),m=i(5887),b=i(8058),v=i(8542),h=i(8453),_=i(6440),f=i(7850),U=i(3080),z=i(8864),x=i(5428),k=i(8909),M=i(4542),w=i(7716),y=i(7511);let S=(()=>{class e{constructor(){}ngOnInit(){}}return e.\u0275fac=function(n){return new(n||e)},e.\u0275cmp=w.Xpm({type:e,selectors:[["app-developer-page"]],decls:16,vars:4,consts:[[1,"main-nav-placeholder","bg-black-6"],[1,"mb-3"],[1,"mr-3",3,"routerLink"],[1,"bg-accent-2","rounded-2xl","px-4","py-2","inline-block","font-semibold","text-xs"],[3,"routerLink"]],template:function(e,n){1&e&&(w._UZ(0,"div",0),w.TgZ(1,"ui-page"),w.TgZ(2,"div",1),w.TgZ(3,"a",2),w.TgZ(4,"button",3),w._uU(5," Style Guide "),w.qZA(),w.qZA(),w.TgZ(6,"a",2),w.TgZ(7,"button",3),w._uU(8," Basic Components "),w.qZA(),w.qZA(),w.TgZ(9,"a",2),w.TgZ(10,"button",3),w._uU(11," UI Components "),w.qZA(),w.qZA(),w.TgZ(12,"a",4),w.TgZ(13,"button",3),w._uU(14," UI Testing "),w.qZA(),w.qZA(),w.qZA(),w._UZ(15,"router-outlet"),w.qZA()),2&e&&(w.xp6(3),w.Q6J("routerLink","/dev/style-guide"),w.xp6(3),w.Q6J("routerLink","/dev/basic-components"),w.xp6(3),w.Q6J("routerLink","/dev/ui-components"),w.xp6(3),w.Q6J("routerLink","/dev/ui-testing"))},directives:[y.N,k.yS,k.lC],styles:[""]}),e})();var C=i(4453),J=i(9374),O=i(4514),N=i(6704),D=i(7674),V=i(8583),I=i(3730),Q=i(4438);function P(e,n){1&e&&(w.TgZ(0,"span",67),w._uU(1," search "),w.qZA())}function F(e,n){1&e&&(w.TgZ(0,"span",68),w._uU(1," cancel "),w.qZA())}function L(e,n){if(1&e&&(w.TgZ(0,"tr"),w.TgZ(1,"td",69),w._uU(2),w.qZA(),w.TgZ(3,"td",41),w._uU(4),w.qZA(),w.TgZ(5,"td",44),w._uU(6),w.qZA(),w.TgZ(7,"td",41),w.TgZ(8,"a"),w._uU(9,"Delete"),w.qZA(),w.qZA(),w.qZA()),2&e){const e=n.$implicit;w.xp6(2),w.Oqu(e.name),w.xp6(2),w.Oqu(e.age),w.xp6(2),w.Oqu(e.address)}}function H(e,n){1&e&&(w.ynx(0),w.TgZ(1,"p",70),w._uU(2,"Default"),w.qZA(),w.BQk())}function Y(e,n){1&e&&(w.ynx(0),w.TgZ(1,"div",2),w._UZ(2,"img",71),w.TgZ(3,"div",7),w.TgZ(4,"div",72),w._uU(5," Improve your feed "),w.qZA(),w.TgZ(6,"div",73),w._uU(7," Follow more video series to explore your interest with us. "),w.qZA(),w.TgZ(8,"button",6),w._uU(9,"Create Now"),w.qZA(),w.qZA(),w.qZA(),w.BQk())}function B(e,n){if(1&e){const e=w.EpF();w.ynx(0),w.TgZ(1,"div",41),w._UZ(2,"img",74),w.TgZ(3,"div",72),w._uU(4," You're all set! "),w.qZA(),w.TgZ(5,"div",73),w._uU(6," You can now proceed to browse and watch videos on various financial topics. "),w.qZA(),w.TgZ(7,"button",75),w.NdJ("click",function(){return w.CHM(e),w.oxw().handleSuccessOk()}),w._uU(8,"Done"),w.qZA(),w.qZA(),w.BQk()}}function W(e,n){1&e&&(w.TgZ(0,"div",76),w._uU(1,"Want to stay notify when we broadcast this video?"),w.qZA(),w.TgZ(2,"div",77),w._uU(3,"Sign in to get our latest update."),w.qZA())}function $(e,n){if(1&e){const e=w.EpF();w.TgZ(0,"div",78),w.TgZ(1,"div",79),w._uU(2," We use "),w._UZ(3,"img",80),w._uU(4,' on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking "Accept", you consent to the use of ALL the cookies. '),w.qZA(),w.TgZ(5,"button",81),w.NdJ("click",function(){return w.CHM(e).$implicit.close()}),w._uU(6,"Accept"),w.qZA(),w.qZA()}}const E=function(){return["/dev/basic-components"]};let G=(()=>{class e{constructor(e,n){this.nzMessageService=e,this.notification=n,this.checkOptionsStyle=[{label:"Default",value:"Apple"},{label:"Selected",value:"Pear",checked:!0},{label:"Disabled",value:"Orange",disabled:!0},{label:"Active Disabled",value:"Orange",disabled:!0,checked:!0}],this.switchActiveValue=!0,this.switchDefaultValue=!1,this.switchIsDisabled=!0,this.inputModel="",this.listOfData=[{key:"1",name:"09:00",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"09:30",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"10:30",age:32,address:"Sidney No. 1 Lake Park"},{key:"3",name:"11:00",age:32,address:"Sidney No. 1 Lake Park"},{key:"3",name:"12:00",age:32,address:"Sidney No. 1 Lake Park"}],this.isDefaultModalVisible=!1,this.isVisible=!1,this.isSuccessModalVisible=!1}ngOnInit(){}showDefaultModal(){this.isDefaultModalVisible=!0}handleDefaultOk(){this.isDefaultModalVisible=!1}handleDefaultCancel(){this.isDefaultModalVisible=!1}showModal(){this.isVisible=!0}handleOk(){this.isVisible=!1}handleCancel(){this.isVisible=!1}showSuccessModal(){this.isSuccessModalVisible=!0}handleSuccessOk(){this.isSuccessModalVisible=!1}handleSuccessCancel(){this.isSuccessModalVisible=!1}cancel(){this.nzMessageService.info("click cancel")}confirm(){this.nzMessageService.info("click confirm")}callInfoMsg(){this.nzMessageService.remove(),this.nzMessageService.info("One line text str
1ing")}callSuccessMsg(){this.nzMessageService.remove(),this.nzMessageService.success("One line text string")}callWarningMsg(){this.nzMessageService.remove(),this.nzMessageService.warning("One line text string")}callErrorMsg(){this.nzMessageService.remove(),this.nzMessageService.error("One line text string")}createNotification(e){this.notification.template(e,{nzPlacement:"bottomLeft",nzDuration:0,nzClass:"mx-w-sm",nzCloseIcon:"none"})}createNotificationStatus(e){this.notification.create(e,"Notification Title","This is a message that will not close automatically.",{nzPlacement:"bottomLeft",nzDuration:0,nzClass:"mx-w-sm"})}}return e.\u0275fac=function(n){return new(n||e)(w.Y36(b.dD),w.Y36(U.zb))},e.\u0275cmp=w.Xpm({type:e,selectors:[["app-basic-components"]],decls:268,vars:32,consts:[[1,"text-2xl","mb-5","text-white"],[1,"text-xl","text-white"],[1,"flex"],[1,"mr-5"],["nz-button","","nzType","primary"],[1,"text-sm","mt-2"],["nz-button","",1,"btn-outline"],[1,""],["nz-button",""],[1,"my-10"],[1,"text-white","font-normal"],[1,"flex","mb-12"],["nz-button","","nzType","primary","nzSize","large"],["nz-button","","nzSize","large",1,"btn-outline"],["nz-button","","nzSize","large"],[1,"text-white","font-normal","mb-5"],["nz-button","","nzType","primary","nzSize","small"],["nz-button","","nzSize","small",1,"btn-outline"],["nz-button","","nzSize","small"],[1,"grid","grid-cols-24"],[1,"col-span-8"],["nz-button","","nzGhost",""],[1,"mb-20"],[1,"link",3,"routerLink"],[3,"ngModel","ngModelChange"],[1,"ml-3"],[3,"ngModel","nzDisabled","ngModelChange"],[1,"opacity-30","ml-3"],["nz-form",""],[1,"mb-10"],["nz-input","","name","inputModel","placeholder","Search title or series of your choice\u2026",3,"ngModel"],["nzValidateStatus","error","nzErrorTip","Should be combination of numbers & alphabets","nzHasFeedback",""],["nz-input","","name","errorValid",3,"ngModel"],["nzValidateStatus","warning","nzWarningTip","Should be combination of numbers & alphabets","nzHasFeedback",""],["nz-input","","name","warningValid",3,"ngModel"],[3,"nzSuffix","nzPrefix"],["name","searchForm","nz-input","","placeholder","Search title or series of your choice\u2026"],["prefixTemplate",""],["suffixTemplate",""],["nzShowPagination","false",3,"nzData"],["basicTable",""],[1,"text-center"],[1,"text-base"],[1,"text-sm","font-bold"],[1,"text-center","table-highlight"],[4,"ngFor","ngForOf"],["nz-button","",3,"nzType","click"],[3,"nzVisible","nzFooter","nzVisibleChange","nzOnCancel","nzOnOk"],[4,"nzModalContent"],["nzClosable","false",3,"nzVisible","nzFooter","nzVisibleChange","nzOnCancel","nzOnOk"],["nz-dropdown","","nzTrigger","click",3,"nzDropdownMenu"],["nz-icon","","nzType","down"],["menu","nzDropdownMenu"],["nz-menu",""],["nz-menu-item",""],["nz-menu-divider",""],["nz-menu-item","","nzDisabled",""],["nz-submenu","","nzTitle","sub menu"],["nz-submenu","","nzDisabled","","nzTitle","disabled sub menu"],["nz-popconfirm","","nzPopconfirmPlacement","topLeft","nz-button","",3,"nzPopconfirmTitle","nzCancelText","nzOnConfirm","nzOnCancel"],["popconfirmTemplate",""],["nz-button","","nzType","primary",3,"click"],["notificationTemplate",""],[1,"hidden","md:block","mt-6"],[3,"total","pageSize"],[1,"flex","items-center","justify-center"],["nzSimple","",1,"block","md:hidden","mt-6",3,"total","pageSize"],[1,"material-icons-outlined","text-primary-200"],[1,"material-icons-outlined","text-black-3"],[1,"text-center","bg-black-7","text-base"],[1,"mb-0"],["src","assets/images/dev/upcoming-img.jpg","alt","video-img",1,"rounded-lg","max-h-40","mr-4"],[1,"text-md","font-bold","mb-2"],[1,"mb-5"],["src","assets/images/success.png","alt","Success",1,"inline-block","-mt-24"],["nz-button","","nzType","primary",1,"mb-5",3,"click"],[1,"font-bold","mb-3"],[1,"text-sm"],[1,"flex","items-center"],[1,"mr-4"],["src","assets/images/cookies.png","alt","cookies","width","15",1,"inline-block"],["nz-button","","nzType","primary","nzSize","small",3,"click"]],template:function(e,n){if(1&e){const e=w.EpF();w.TgZ(0,"h1",0),w._uU(1,"Basic Components"),w.qZA(),w.TgZ(2,"h2",1),w._uU(3,"Buttons"),w.qZA(),w.TgZ(4,"div",2),w.TgZ(5,"div",3),w.TgZ(6,"button",4),w._uU(7,"Primary"),w.qZA(),w.TgZ(8,"div",5),w._uU(9," Primary "),w.qZA(),w.qZA(),w.TgZ(10,"div",3),w.TgZ(11,"button",6),w._uU(12,"Outline"),w.qZA(),w.TgZ(13,"div",5),w._uU(14," Outline "),w.qZA(),w.qZA(),w.TgZ(15,"div",7),w.TgZ(16,"button",8),w._uU(17,"Default"),w.qZA(),w.TgZ(18,"div",5),w._uU(19," Default "),w.qZA(),w.qZA(),w.qZA(),w._UZ(20,"hr",9),w.TgZ(21,"h3",10),w._uU(22,"Button Large"),w.qZA(),w.TgZ(23,"div",11),w.TgZ(24,"div",3),w.TgZ(25,"button",12),w._uU(26,"Primary"),w.qZA(),w.TgZ(27,"div",5),w._uU(28," Primary "),w.qZA(),w.qZA(),w.TgZ(29,"div",3),w.TgZ(30,"button",13),w._uU(31,"Outline"),w.qZA(),w.TgZ(32,"div",5),w._uU(33," Outline "),w.qZA(),w.qZA(),w.TgZ(34,"div",7),w.TgZ(35,"button",14),w._uU(36,"Default"),w.qZA(),w.TgZ(37,"div",5),w._uU(38," Default "),w.qZA(),w.qZA(),w.qZA(),w._UZ(39,"hr",9),w.TgZ(40,"h3",15),w._uU(41,"Button Small"),w.qZA(),w.TgZ(42,"div",2),w.TgZ(43,"div",3),w.TgZ(44,"button",16),w._uU(45,"Primary"),w.qZA(),w.TgZ(46,"div",5),w._uU(47," Primary "),w.qZA(),w.qZA(),w.TgZ(48,"div",3),w.TgZ(49,"button",17),w._uU(50,"Outline"),w.qZA(),w.TgZ(51,"div",5),w._uU(52," Outline "),w.qZA(),w.qZA(),w.TgZ(53,"div",7),w.TgZ(54,"button",18),w._uU(55,"Default"),w.qZA(),w.TgZ(56,"div",5),w._uU(57," Default "),w.qZA(),w.qZA(),w.qZA(),w._UZ(58,"hr",9),w.TgZ(59,"div",19),w.TgZ(60,"div",20),w.TgZ(61,"h3",15),w._uU(62,"Button Small"),w.qZA(),w.TgZ(63,"button",21),w._uU(64,"Ghost"),w.qZA(),w.TgZ(65,"div",5),w._uU(66," Ghost "),w.qZA(),w.qZA(),w.qZA(),w._UZ(67,"hr",9),w.TgZ(68,"div",22),w.TgZ(69,"h2",1),w._uU(70,"Link"),w.qZA(),w.TgZ(71,"a",23),w._uU(72,"Primary"),w.qZA(),w.qZA(),w.TgZ(73,"div",22),w.TgZ(74,"h2",1),w._uU(75,"Checkbox"),w.qZA(),w.TgZ(76,"nz-checkbox-group",24),w.NdJ("ngModelChange",function(e){return n.checkOptionsStyle=e}),w.qZA(),w.qZA(),w.TgZ(77,"div",22),w.TgZ(78,"h2",1),w._uU(79,"Switch"),w.qZA(),w.TgZ(80,"div",2),w.TgZ(81,"div",3),w.TgZ(82,"nz-switch",24),w.NdJ("ngModelChange",function(e){return n.switchActiveValue=e}),w.qZA(),w.TgZ(83,"span",25),w._uU(84,"Active"),w.qZA(),w.qZA(),w.TgZ(85,"div",3),w.TgZ(86,"nz-switch",26),w.NdJ("ngModelChange",function(e){return n.switchActiveValue=e}),w.qZA(),w.TgZ(87,"span",27),w._uU(88,"Disabled"),w.qZA(),w.qZA(),w.TgZ(89,"div",3),w.TgZ(90,"nz-switch",24),w.NdJ("ngModelChange",function(e){return n.switchDefaultValue=e}),w.qZA(),w.TgZ(91,"span",25),w._uU(92,"Default"),w.qZA(),w.qZA(),w.TgZ(93,"div",3),w.TgZ(94,"nz-switch",26),w.NdJ("ngModelChange",function(e){return n.switchDefaultValue=e}),w.qZA(),w.TgZ(95,"span",27),w._uU(96,"Disabled"),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.TgZ(97,"div",22),w.TgZ(98,"h2",1),w._uU(99,"Text Fields"),w.qZA(),w.TgZ(100,"div",19),w.TgZ(101,"div",20),w.TgZ(102,"form",28),w.TgZ(103,"div",29),w.TgZ(104,"label"),w._uU(105,"Default Text Field"),w.qZA(),w.TgZ(106,"nz-form-item"),w.TgZ(107,"nz-form-control"),w._UZ(108,"input",30),w.qZA(),w.qZA(),w.qZA(),w.TgZ(109,"div",29),w.TgZ(110,"label"),w._uU(111,"Error Text Field"),w.qZA(),w.TgZ(112,"
1nz-form-item"),w.TgZ(113,"nz-form-control",31),w._UZ(114,"input",32),w.qZA(),w.qZA(),w.qZA(),w.TgZ(115,"div",29),w.TgZ(116,"label"),w._uU(117,"Warning Text Field"),w.qZA(),w.TgZ(118,"nz-form-item"),w.TgZ(119,"nz-form-control",33),w._UZ(120,"input",34),w.qZA(),w.qZA(),w.qZA(),w.TgZ(121,"div",29),w.TgZ(122,"label"),w._uU(123,"Search Text Field"),w.qZA(),w.TgZ(124,"nz-form-control"),w.TgZ(125,"nz-input-group",35),w._UZ(126,"input",36),w.qZA(),w.YNc(127,P,2,0,"ng-template",null,37,w.W1O),w.YNc(129,F,2,0,"ng-template",null,38,w.W1O),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.TgZ(131,"div",22),w.TgZ(132,"h2",1),w._uU(133,"Table"),w.qZA(),w.TgZ(134,"nz-table",39,40),w.TgZ(136,"thead"),w.TgZ(137,"tr"),w._UZ(138,"th"),w.TgZ(139,"th",41),w.TgZ(140,"span",42),w._uU(141,"Tuesday"),w.qZA(),w._UZ(142,"br"),w.TgZ(143,"span",43),w._uU(144,"22 Jun"),w.qZA(),w.qZA(),w.TgZ(145,"th",44),w.TgZ(146,"span",42),w._uU(147,"Wednesday"),w.qZA(),w._UZ(148,"br"),w.TgZ(149,"span",43),w._uU(150,"23 Jun"),w.qZA(),w.qZA(),w.TgZ(151,"th",41),w.TgZ(152,"span",42),w._uU(153,"Thursday"),w.qZA(),w._UZ(154,"br"),w.TgZ(155,"span",43),w._uU(156,"24 Jun"),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.TgZ(157,"tbody"),w.YNc(158,L,10,3,"tr",45),w.qZA(),w.qZA(),w.qZA(),w.TgZ(159,"div",22),w.TgZ(160,"h2",1),w._uU(161,"Modal"),w.qZA(),w.TgZ(162,"div",19),w.TgZ(163,"div",20),w.TgZ(164,"h3",10),w._uU(165,"Default"),w.qZA(),w.TgZ(166,"button",46),w.NdJ("click",function(){return n.showDefaultModal()}),w.TgZ(167,"span"),w._uU(168,"Show Modal"),w.qZA(),w.qZA(),w.TgZ(169,"nz-modal",47),w.NdJ("nzVisibleChange",function(e){return n.isDefaultModalVisible=e})("nzOnCancel",function(){return n.handleDefaultCancel()})("nzOnOk",function(){return n.handleDefaultOk()}),w.YNc(170,H,3,0,"ng-container",48),w.qZA(),w.qZA(),w.TgZ(171,"div",20),w.TgZ(172,"h3",10),w._uU(173,"Sample Modal"),w.qZA(),w.TgZ(174,"button",46),w.NdJ("click",function(){return n.showModal()}),w.TgZ(175,"span"),w._uU(176,"Show Modal"),w.qZA(),w.qZA(),w.TgZ(177,"nz-modal",47),w.NdJ("nzVisibleChange",function(e){return n.isVisible=e})("nzOnCancel",function(){return n.handleCancel()})("nzOnOk",function(){return n.handleOk()}),w.YNc(178,Y,10,0,"ng-container",48),w.qZA(),w.qZA(),w.TgZ(179,"div",20),w.TgZ(180,"h3",10),w._uU(181,"Success Modal"),w.qZA(),w.TgZ(182,"button",46),w.NdJ("click",function(){return n.showSuccessModal()}),w.TgZ(183,"span"),w._uU(184,"Show Modal"),w.qZA(),w.qZA(),w.TgZ(185,"nz-modal",49),w.NdJ("nzVisibleChange",function(e){return n.isSuccessModalVisible=e})("nzOnCancel",function(){return n.handleSuccessCancel()})("nzOnOk",function(){return n.handleSuccessOk()}),w.YNc(186,B,9,0,"ng-container",48),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.TgZ(187,"div",22),w.TgZ(188,"h2",1),w._uU(189,"Dropdown"),w.qZA(),w.TgZ(190,"a",50),w._uU(191," Click me "),w._UZ(192,"i",51),w.qZA(),w.TgZ(193,"nz-dropdown-menu",null,52),w.TgZ(195,"ul",53),w.TgZ(196,"li",54),w._uU(197,"1st menu item"),w.qZA(),w.TgZ(198,"li",54),w._uU(199,"2nd menu item"),w.qZA(),w._UZ(200,"li",55),w.TgZ(201,"li",56),w._uU(202,"disabled menu item"),w.qZA(),w.TgZ(203,"li",57),w.TgZ(204,"ul"),w.TgZ(205,"li",54),w._uU(206,"3rd menu item"),w.qZA(),w.TgZ(207,"li",54),w._uU(208,"4th menu item"),w.qZA(),w.qZA(),w.qZA(),w.TgZ(209,"li",58),w.TgZ(210,"ul"),w.TgZ(211,"li",54),w._uU(212,"3rd menu item"),w.qZA(),w.TgZ(213,"li",54),w._uU(214,"4th menu item"),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.TgZ(215,"div",22),w.TgZ(216,"h2",1),w._uU(217,"Popconfirm"),w.qZA(),w.TgZ(218,"button",59),w.NdJ("nzOnConfirm",function(){return n.confirm()})("nzOnCancel",function(){return n.cancel()}),w._uU(219,"Popconfirm "),w.qZA(),w.YNc(220,W,4,0,"ng-template",null,60,w.W1O),w.qZA(),w.TgZ(222,"div",22),w.TgZ(223,"h2",1),w._uU(224,"Message"),w.qZA(),w.TgZ(225,"div",2),w.TgZ(226,"div",3),w.TgZ(227,"button",61),w.NdJ("click",function(){return n.callInfoMsg()}),w._uU(228,"Info"),w.qZA(),w.qZA(),w.TgZ(229,"div",3),w.TgZ(230,"button",61),w.NdJ("click",function(){return n.callSuccessMsg()}),w._uU(231,"Success"),w.qZA(),w.qZA(),w.TgZ(232,"div",3),w.TgZ(233,"button",61),w.NdJ("click",function(){return n.callWarningMsg()}),w._uU(234,"Warning"),w.qZA(),w.qZA(),w.TgZ(235,"div"),w.TgZ(236,"button",61),w.NdJ("
1click",function(){return n.callErrorMsg()}),w._uU(237,"Error"),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.TgZ(238,"div",22),w.TgZ(239,"h2",1),w._uU(240,"Notification"),w.qZA(),w.TgZ(241,"div",2),w.TgZ(242,"div",3),w.TgZ(243,"button",61),w.NdJ("click",function(){w.CHM(e);const i=w.MAs(260);return n.createNotification(i)}),w._uU(244,"Open Notification"),w.qZA(),w.qZA(),w.qZA(),w._UZ(245,"hr",9),w.TgZ(246,"div",2),w.TgZ(247,"div",3),w.TgZ(248,"button",61),w.NdJ("click",function(){return n.createNotificationStatus("info")}),w._uU(249,"Info"),w.qZA(),w.qZA(),w.TgZ(250,"div",3),w.TgZ(251,"button",61),w.NdJ("click",function(){return n.createNotificationStatus("success")}),w._uU(252,"Success"),w.qZA(),w.qZA(),w.TgZ(253,"div",3),w.TgZ(254,"button",61),w.NdJ("click",function(){return n.createNotificationStatus("warning")}),w._uU(255,"Warning"),w.qZA(),w.qZA(),w.TgZ(256,"div"),w.TgZ(257,"button",61),w.NdJ("click",function(){return n.createNotificationStatus("error")}),w._uU(258,"Error"),w.qZA(),w.qZA(),w.qZA(),w.YNc(259,$,7,0,"ng-template",null,62,w.W1O),w.qZA(),w.TgZ(261,"div",22),w.TgZ(262,"h2",1),w._uU(263,"Pagination"),w.qZA(),w.TgZ(264,"div",63),w._UZ(265,"ui-pagination",64),w.qZA(),w.TgZ(266,"div",65),w._UZ(267,"ui-pagination",66),w.qZA(),w.qZA()}if(2&e){const e=w.MAs(128),i=w.MAs(130),t=w.MAs(135),Z=w.MAs(194),o=w.MAs(221);w.xp6(71),w.Q6J("routerLink",w.DdM(31,E)),w.xp6(5),w.Q6J("ngModel",n.checkOptionsStyle),w.xp6(6),w.Q6J("ngModel",n.switchActiveValue),w.xp6(4),w.Q6J("ngModel",n.switchActiveValue)("nzDisabled",n.switchIsDisabled),w.xp6(4),w.Q6J("ngModel",n.switchDefaultValue),w.xp6(4),w.Q6J("ngModel",n.switchDefaultValue)("nzDisabled",n.switchIsDisabled),w.xp6(14),w.Q6J("ngModel",n.inputModel),w.xp6(6),w.Q6J("ngModel","unavailable choice"),w.xp6(6),w.Q6J("ngModel","Warning"),w.xp6(5),w.Q6J("nzSuffix",i)("nzPrefix",e),w.xp6(9),w.Q6J("nzData",n.listOfData),w.xp6(24),w.Q6J("ngForOf",t.data),w.xp6(8),w.Q6J("nzType","primary"),w.xp6(3),w.Q6J("nzVisible",n.isDefaultModalVisible)("nzFooter",null),w.xp6(5),w.Q6J("nzType","primary"),w.xp6(3),w.Q6J("nzVisible",n.isVisible)("nzFooter",null),w.xp6(5),w.Q6J("nzType","primary"),w.xp6(3),w.Q6J("nzVisible",n.isSuccessModalVisible)("nzFooter",null),w.xp6(5),w.Q6J("nzDropdownMenu",Z),w.xp6(28),w.Q6J("nzPopconfirmTitle",o)("nzCancelText","Remind Me Later"),w.xp6(47),w.Q6J("total",50)("pageSize",10),w.xp6(2),w.Q6J("total",50)("pageSize",10)}},directives:[C.ix,J.dQ,O.w,k.yS,A.ub,Z.JJ,Z.On,h.i,Z._Y,Z.JL,Z.F,m.Lr,N.SK,m.Nx,N.t3,m.Fd,D.Zp,Z.Fj,D.gB,D.ke,_.N8,_.Om,_.$Z,_.Uo,_._C,_.p0,V.sg,v.du,v.Hf,p.Ws,p.cm,p.RR,I.wO,I.r9,I.YV,I.rY,f.JW,Q.D],styles:[""]}),e})(),j=(()=>{class e{constructor(){}ngOnInit(){}}return e.\u0275fac=function(n){return new(n||e)},e.\u0275cmp=w.Xpm({type:e,selectors:[["app-style-guide"]],decls:209,vars:0,consts:[[1,"text-2xl","mb-0","text-white"],[1,"text-md","mb-12"],[1,"text-xl","text-white"],[1,"flex","mb-12"],[1,"bg-theme","color-box","color-box-border","rounded-2xl","mb-2","mr-5"],[1,"text-sm"],[1,"bg-primary","color-box","rounded-2xl","mb-2","mr-5"],[1,"bg-primary-200","color-box","rounded-2xl","mb-2","mr-16"],[1,"bg-info","color-box","rounded-2xl","mb-2","mr-5"],[1,"bg-accent-1","color-box","rounded-2xl","mb-2","mr-5"],[1,"bg-accent-2","color-box","rounded-2xl","mb-2","mr-5"],[1,"bg-warning","color-box","rounded-2xl","mb-2","mr-5"],[1,"bg-profit","color-box","rounded-2xl","mb-2","mr-5"],[1,"bg-loss","color-box","rounded-2xl","mb-2"],[1,"grid","grid-cols-24","gap-4","mb-12"],[1,"col-span-12"],[1,"flex"],[1,"bg-black-7","color-box","rounded-2xl","mb-2","mr-5"],[1,"bg-black-6","color-box","rounded-2xl","mb-2","mr-5"],[1,"bg-black-5","color-box","rounded-2xl","mb-2","mr-5"],[1,"bg-black-4","color-box","rounded-2xl","mb-2"],[1,"bg-black-3","color-box","rounded-2xl","mb-2","mr-5"],[1,"bg-black-2","color-box","rounded-2xl","mb-2","mr-5"],[1,"bg-black-1","color-box","rounded-2xl","mb-2"],[1,"grid","grid-cols-24","gap-4","mb-20"],[1,"bg-gradient","gradient-box","rounded-md","mb-2"],[1,"bg-black","color-box","rounded-2xl","mb-2","mr-5"],[1,"bg-white","color-box","rounded-2xl","mb-2","mr-5"],[1,"color-box","color-box-input","rounded-2xl","mb-2"],[1,"mb-20"],[1,"grid","grid-cols-24","gap-4","justify-center","items-center"],[1,"col-span-2"],[1,"col-span-20"],[1,"text-3xl"],[1,"my-5"],[1,"text-2xl"],[1,"text-xl"],[1,"text-lg"],[1,"text-md"],[1,"text-base"],[1,"text-xs"],[1,"text-table"],[1,"text-info","mb-2"],[1,"text-info"]],template:function(e,n){1&e&&(w.TgZ(0,"h1",0),w._uU(1,"Web UI Style Guide"),w.qZA(),w.TgZ(2,"p",1),w._uU(3,"UI style guide is a style guideline to be used in website, it includes elements and their states (active, hover, disabled etc)"),w.qZA(),w.TgZ(4,"h2",2),w._uU(5,"Primary Brand Color"),w.qZA(),w.TgZ(6,"div",3),w.TgZ(7,"div"),w._UZ(8,"div",4),w.TgZ(9,"div",5),w._uU(10,"$brand-theme"),w.qZA(),w.qZA(),w.TgZ(11,"div"),w._UZ(12,"div",6),w.TgZ(13,"div",5),w._uU(14,"$brand-primary"),w.qZA(),w.qZA(),w.TgZ(15,"div"),w._UZ(16,"div",7),w.TgZ(17,"div",5),w._uU(18,"$brand-primary-200"),w.qZA(),w.qZA(),w.TgZ(19,"div"),w._UZ(20,"div",8),w.TgZ(21,"div",5),w._uU(22,"$brand-info"),w.qZA(),w.qZA(),w.TgZ(23,"div"),w._UZ(24,"div",9),w.TgZ(25,"div",5),w._uU(26,"$brand-accent-1"),w.qZA(),w.qZA(),w.TgZ(27,"div"),w._UZ(28,"div",10),w.TgZ(29,"div",5),w._uU(30,"$brand-accent-2"),w.qZA(),w.qZA(),w.TgZ(31,"div"),w._UZ(32,"div",11),w.TgZ(33,"div",5),w._uU(34,"$brand-warning"),w.qZA(),w.qZA(),w.TgZ(35,"div"),w._UZ(36,"div",12),w.TgZ(37,"div",5),w._uU(38,"$brand-profit"),w.qZA(),w.qZA(),w.TgZ(39,"div"),w._UZ(40,"div",13),w.TgZ(41,"div",5),w._uU(42,"$brand-loss"),w.qZA(),w.qZA(),w.qZA(),w.TgZ(43,"div",14),w.TgZ(44,"div",15),w.TgZ(45,"h2",2),w._uU(46,"Black & Grey Color"),w.qZA(),w.TgZ(47,"div",16),w.TgZ(48,"div"),w._UZ(49,"div",17),w.TgZ(50,"div",5),w._uU(51,"$black-7"),w.qZA(),w.qZA(),w.TgZ(52,"div"),w._UZ(53,"div",18),w.TgZ(54,"div",5),w._uU(55,"$black-6"),w.qZA(),w.qZA(),w.TgZ(56,"div"),w._UZ(57,"div",19),w.TgZ(58,"div",5),w._uU(59,"$black-5"),w.qZA(),w.qZA(),w.TgZ(60,"div"),w._UZ(61,"div",20),w.TgZ(62,"div",5),w._uU(63,"$black-4"),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.TgZ(64,"div",15),w.TgZ(65,"h2",2),w._uU(66,"Typography"),w.qZA(),w.TgZ(67,"div",16),w.TgZ(68,"div"),w._UZ(69,"div",21),w.TgZ(70,"div",5),w._uU(71,"$black-3"),w.qZA(),w.qZA(),w.TgZ(72,"div"),w._UZ(73,"div",22),w.TgZ(74,"div",5),w._uU(75,"$black-2"),w.qZA(),w.qZA(),w.TgZ(76,"div"),w._UZ(77,"div",23),w.TgZ(78,"div",5),w._uU(79,"$black-1"),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.TgZ(80,"div",24),w.TgZ(81,"div",15),w.TgZ(82,"h2",2),w._uU(83,"Gradient"),w.qZA(),w.TgZ(84,"div"),w._UZ(85,"div",25),w.TgZ(86,"div",5),w._uU(87,"$brand-gradient"),w.qZA(),w.qZA(),w.qZA(),w.TgZ(88,"div",15),w.TgZ(89,"h2",2),w._uU(90,"Others"),w.qZA(),w.TgZ(91,"div",16),w.TgZ(92,"div"),w._UZ(93,"div",26),w.TgZ(94,"div",5),w._uU(95,"black"),w.qZA(),w.qZA(),w.TgZ(96,"div"),w._UZ(97,"div",27),w.TgZ(98,"div",5),w._uU(99,"white"),w.qZA(),w.qZA(),w.TgZ(100,"div"),w._UZ(101,"div",28),w.TgZ(102,"div",5),w._uU(103,"bg-input (CSS Variable only)"),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.TgZ(104,"h2",2),w._uU(105,"Font Size"),w.qZA(),w.TgZ(106,"div",29),w.TgZ(107,"div",30),w.TgZ(108,"div",31),w.TgZ(109,"div"),w._uU(110," xxxl "),w.qZA(),w.qZA(),w.TgZ(111,"div",31),w.TgZ(112,"div"),w._uU(113," 60px "),w.qZA(),w.qZA(),w.TgZ(114,"div",32),w.TgZ(115,"div",33),w._uU(116," The face of the moon was "),w.qZA(),w.qZA(),w.qZA(),w._UZ(117,"hr",34),w.TgZ(118,"div",30),w.TgZ(119,"div",31),w.TgZ(120,"div"),w._uU(121," xxl "),w.qZA(),w.qZA(),w.TgZ(122,"div",31),w.TgZ(123,"div"),w._uU(124," 44px "),w.qZA(),w.qZA(),w.TgZ(125,"div",32),w.TgZ(126,"div",35),w._uU(127," The face of the moon was in shadow. "),w.qZA(),w.qZA(),w.qZA(),w._UZ(128,"hr",34),w.TgZ(129,"div",30),w.TgZ(130,"div",31),w.TgZ(131,"div"),w._uU(132," xl "),w.qZA(),w.qZA(),w.TgZ(133,"div",31),w.TgZ(134,"div"),w._uU(135," 34px "),w.qZA(),w.qZA(),w.TgZ(136,"div",32),w.TgZ(137,"div",36),w._uU(138," The face of the moon was in shadow. "),w.qZA(),w.qZA(),w.qZA(),w._UZ(139,"hr",34),w.TgZ(140,"div",30),w.TgZ(141,"div",31),w.TgZ(142,"div"),w._uU(143," lg "),w.qZA(),w.qZA(),w.TgZ(144,"div",31),w.TgZ(145,"div"),w._uU(146," 24px "),w.qZA(),w.qZA(),w.TgZ(147,"div",32),w.TgZ(148,"div",37),w._uU(149," The face of the moon was in shadow. "),w.qZA(),w.qZA(),w.qZA(),w._UZ(150,"hr",34),w.TgZ(151,"div",30),w.TgZ(152,"div",31),w.TgZ(153,"div"),w._uU(154," md "),w.qZA(),w.qZA(),w.TgZ(155,"div",31),w.TgZ(156,"div"),w._uU(157," 19px "),w.qZA(),w.qZA(),w.TgZ(158,"div",32),w.TgZ(159,"div",38),w._uU(160," The face of the moon was in shadow. "),w.qZA(),w.qZA(),w.qZA(),w._UZ(161,"hr",34),w.TgZ(162,"div",30),w.TgZ(163,"div",31),w.TgZ(164,"div"),w._uU(165," base "),w.qZA(),w.qZA(),w.TgZ(166,"div",31),w.TgZ(167,"div"),w._uU(168," 16px "),w.qZA(),w.qZA(),w.TgZ(169,"div",32),w.TgZ(170,"div",39),w._uU(171," The face of the moon was in shadow. "),w.qZA(),w.qZA(),w.qZA(),w._UZ(172,"hr",34),w.TgZ(173,"div",30),w.TgZ(174,"div",31),w.TgZ(175,"div"),w._uU(176," sm "),w.qZA(),w.qZA(),w.TgZ(177,"div",31),w.TgZ(178,"div"),w._uU(179," 14px "),w.qZA(),w.qZA(),w.TgZ(180,"div",32),w.TgZ(181,"div",5),w._uU(182," The face of the moon was in shadow. "),w.qZA(),w.qZA(),w.qZA(),w._UZ(183,"hr",34),w.TgZ(184,"div",30),w.TgZ(185,"div",31),w.TgZ(186,"div"),w._uU(187," xs "),w.qZA(),w.qZA(),w.TgZ(188,"div",31),w.TgZ(189,"div"),w._uU(190," 12px "),w.qZA(),w.qZA(),w.TgZ(191,"div",32),w.TgZ(192,"div",40),w._uU(193," The face of the moon was in shadow. "),w.qZA(),w.qZA(),w.qZA(),w._UZ(194,"hr",34),w.TgZ(195,"div",30),w.TgZ(196,"div",31),w.TgZ(197,"div"),w._uU(198," table "),w.qZA(),w.qZA(),w.TgZ(199,"div",31),w.TgZ(200,"div"),w._uU(201," 13px "),w.qZA(),w.qZA(),w.TgZ(202,"div",32),w.TgZ(203,"div",41),w._uU(204," The face of the moon was in shadow. "),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.TgZ(205,"p",42),w._uU(206,"Using 400 (Regular), 600 (Semibold), 700 (Bold)"),w.qZA(),w.TgZ(207,"p",43),w._uU(208,"Reference: https://fonts.google.com/specimen/Poppins?query=pop"),w.qZA())},styles:[".color-box[_ngcontent-%COMP%]{width:110px;height:110px}.color-box-border[_ngcontent-%COMP%]{border:1px solid #666}.gradient-box[_ngcontent-%COMP%]{width:475px;height:46px}.color-box-input[_ngcontent-%COMP%]{background-color:var(--bg-input)}"]}),e})();var R=i(8917),X=i(4716),K=i(7027),ee=i(3109),ne=i(5388),ie=i(7919),te=i(2600);function Ze(e,n){if(1&e){const e=w.EpF();
1w.TgZ(0,"span",36),w.NdJ("click",function(){return w.CHM(e),w.oxw(2).clearInputModel()}),w._uU(1," cancel "),w.qZA()}}function oe(e,n){if(1&e&&w.YNc(0,Ze,2,0,"span",35),2&e){const e=w.oxw();w.Q6J("ngIf",e.uiInputModelwithCancel)}}function ae(e,n){1&e&&(w.TgZ(0,"span",37),w._uU(1," email "),w.qZA())}function le(e,n){if(1&e){const e=w.EpF();w.TgZ(0,"span",38),w.NdJ("click",function(){return w.CHM(e),w.oxw().changePasswordVisibility()}),w._uU(1),w.qZA()}if(2&e){const e=w.oxw();w.xp6(1),w.hij(" ",e.passwordIcon," ")}}function de(e,n){if(1&e&&(w.TgZ(0,"tr"),w.TgZ(1,"td"),w._uU(2),w.qZA(),w.TgZ(3,"td"),w._uU(4),w.qZA(),w.TgZ(5,"td"),w._uU(6),w.qZA(),w.TgZ(7,"td"),w.TgZ(8,"a"),w._uU(9),w.qZA(),w._uU(10," | "),w.TgZ(11,"a"),w._uU(12,"Delete"),w.qZA(),w.qZA(),w.qZA()),2&e){const e=n.$implicit;w.xp6(2),w.Oqu(e.name),w.xp6(2),w.Oqu(e.age),w.xp6(2),w.Oqu(e.address),w.xp6(3),w.hij("Action \u4e00 ",e.name,"")}}const ue=[{path:"",component:S,children:[{path:M.o.STYLE_GUIDE,component:j,data:{title:"Style Guide"}},{path:M.o.BASIC_COMPONENTS,component:G,data:{title:"Basic Components"}},{path:M.o.UI_COMPONENTS,component:(()=>{class e{constructor(e){this.nzNotificationService=e,this.uiInputModel="",this.uiInputModelwithCancel="",this.emailModel="",this.passwordModel="",this.passwordIcon="visibility_off",this.passwordVisible=!1,this.uiInfoModalVisible=!1,this.uiInputModelFeedback=new Z.NI(""),this.teatareaModel="",this.teatareaModelFeedback=new Z.NI(""),this.uiSelectModel="",this.uiSelectModelFeedback=new Z.NI(""),this.nzOptions=[{label:"Collaboration",value:"collaboration"},{label:"Suggestion",value:"suggestion"},{label:"Others",value:"others"}]}ngOnInit(){}changePasswordVisibility(){this.passwordVisible=!this.passwordVisible,this.passwordIcon=this.passwordVisible?"visibility":"visibility_off"}clearInputModel(){this.uiInputModelwithCancel=null}showInfoCardModal(){this.uiInfoModalVisible=!0}}return e.\u0275fac=function(n){return new(n||e)(w.Y36(U.zb))},e.\u0275cmp=w.Xpm({type:e,selectors:[["app-ui-components"]],decls:125,vars:25,consts:[[1,"text-2xl","mb-5","text-white"],[1,"mb-20"],[1,"text-xl","text-white"],[1,"text-md","text-white","font-semibold"],[1,"grid","grid-cols-24"],[1,"col-span-8"],[1,"mb-10"],["nzPlaceHolder","Default Input",3,"nzModel"],[1,"text-sm","mt-2"],["nzPlaceHolder","Default Input",3,"nzSuffix","ngModel","ngModelChange"],["cancelTemplate",""],["nzPlaceHolder","Email Address",3,"nzSuffix","nzModel"],["suffixTemplate",""],["nzPlaceHolder","Password",3,"nzSuffix","nzModel","nzType"],["suffixTemplatePassword",""],["nz-form",""],["nzValidateStatus","error","nzErrorTip","This is an error message",3,"nzHasFeedback"],["nzPlaceHolder","Default Input",3,"formControl"],["nzValidateStatus","warning","nzWarningTip","This is an warning message",3,"nzHasFeedback"],["nzValidateStatus","success",3,"nzHasFeedback"],["nzPlaceHolder","Default Textarea",3,"ngModel","ngModelChange"],["nzValidateStatus","error","nzErrorTip","This is an error message"],["nzValidateStatus","warning","nzWarningTip","This is an warning message"],["nzPlaceHolder","Select a Category","nzClass","mb-2",3,"nzOptions","ngModel","ngModelChange"],["nzPlaceHolder","Default Input",3,"nzOptions","formControl"],[1,""],[1,"text-md","font-semibold"],["nz-button","",3,"nzType","click"],[3,"nzVisible","nzVisibleChange"],["nzType","now-showing"],["nzType","live"],["nzType","interval","nzCount","03:00"],["nzType","live","nzSize","large"],["nzType","view","nzSize","large","nzTitle","869"],["nzType","upcoming","nzSize","large"],["class","material-icons-outlined text-black-3 cursor-pointer",3,"click",4,"ngIf"],[1,"material-icons-outlined","text-black-3","cursor-pointer",3,"click"],[1,"material-icons-outlined","text-black-2"],[1,"material-icons-outlined","text-black-2","cursor-pointer",3,"click"]],template:function(e,n){if(1&e&&(w.TgZ(0,"h1",0),w._uU(1,"UI Components"),w.qZA(),w.TgZ(2,"div",1),w.TgZ(3,"h2",2),w._uU(4,"Text Fields"),w.qZA(),w.TgZ(5,"p",3),w._uU(6,"ui-input"),w.qZA(),w.TgZ(7,"div",4),w.TgZ(8,"div",5),w.TgZ(9,"div",6),w._UZ(10,"ui-input",7),w.TgZ(11,"div",8),w._uU(12," Default "),w.qZA(),w.qZA(),w.TgZ(13,"div",6),w.TgZ(14,"ui-input",9),w.NdJ("ngModelChange",function(e){return n.uiInputModelwithCancel=e}),w.qZA(),w.YNc(15,oe,1,1,"ng-template",null,10,w.W1O),w.TgZ(17,"div",8),w._uU(18," Default with Cancel "),w.qZA(),w.qZA(),w.TgZ(19,"div",6),w._UZ(20,"ui-input",11),w.YNc(21,ae,2,0,"ng-template",null,12,w.W1O),w.TgZ(23,"div",8),w._uU(24," Email Input "),w.qZA(),w.qZA(),w.TgZ(25,"div",6),w._UZ(26,"ui-input",13),w.YNc(27,le,2,1,"ng-template",null,14,w.W1O),w.TgZ(29,"div",8),w._uU(30," Password Input "),w.qZA(),w.qZA(),w.TgZ(31,"div"),w.TgZ(32,"form",15),w.TgZ(33,"nz-form-item",6),w.TgZ(34,"nz-form-control",16),w._UZ(35,"ui-input",17),w.qZA(),w.qZA(),w.TgZ(36,"nz-form-item",6),w.TgZ(37,"nz-form-control",18),w._UZ(38,"ui-input",17),w.qZA(),w.qZA(),w.TgZ(39,"nz-form-item"),w.TgZ(40,"nz-form-control",19),w._UZ(41,"ui-input",17),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.TgZ(42,"div",1),w.TgZ(43,"h2",2),w._uU(44,"Textarea"),w.qZA(),w.TgZ(45,"p",3),w._uU(46,"ui-textarea"),w.qZA(),w.TgZ(47,"div",4),w.TgZ(48,"div",5),w.TgZ(49,"div",6),w.TgZ(50,"ui-textarea",20),w.NdJ("ngModelChange",function(e){return n.teatareaModel=e}),w.qZA(),w.TgZ(51,"div",8),w._uU(52," Default "),w.qZA(),w.qZA(),w.TgZ(53,"div"),w.TgZ(54,"form",15),w.TgZ(55,"nz-form-item",6),w.TgZ(56,"nz-form-control",21),w._UZ(57,"ui-textarea",17),w.qZA(),w.qZA(),w.TgZ(58,"nz-form-item",6),w.TgZ(59,"nz-form-control",22),w._UZ(60,"ui-textarea",17),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.TgZ(61,"div",1),w.TgZ(62,"h2",2),w._uU(63,"Select"),w.qZA(),w.TgZ(64,"p",3),w._uU(65,"ui-select"),w.qZA(),w.TgZ(66,"div",4),w.TgZ(67,"div",5),w.TgZ(68,"div",6),w.TgZ(69,"ui-select",23),w.NdJ("ngModelChange",function(e){return n.uiSelectModel=e}),w.qZA(),w.TgZ(70,"div",8),w._uU(71," Default "),w.qZA(),w.qZA(),w.TgZ(72,"div"),w.TgZ(73,"form",15),w.TgZ(74,"
1nz-form-item",6),w.TgZ(75,"nz-form-control",21),w._UZ(76,"ui-select",24),w.qZA(),w.qZA(),w.TgZ(77,"nz-form-item",6),w.TgZ(78,"nz-form-control",22),w._UZ(79,"ui-select",24),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.TgZ(80,"div",1),w.TgZ(81,"h2",2),w._uU(82,"Chips"),w.qZA(),w.TgZ(83,"div",4),w.TgZ(84,"div",5),w.TgZ(85,"div",25),w.TgZ(86,"p",3),w._uU(87,"ui-chipbar"),w.qZA(),w._UZ(88,"ui-chipbar"),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.TgZ(89,"div",1),w.TgZ(90,"h2",2),w._uU(91,"Lists"),w.qZA(),w.TgZ(92,"div",4),w.TgZ(93,"div",5),w.TgZ(94,"div",25),w.TgZ(95,"p",3),w._uU(96,"ui-info-list"),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.TgZ(97,"div",1),w.TgZ(98,"h2",2),w._uU(99,"Cards"),w.qZA(),w.TgZ(100,"div",4),w.TgZ(101,"div",5),w.TgZ(102,"div",6),w.TgZ(103,"p",3),w._uU(104,"ui-info-card"),w.qZA(),w._UZ(105,"ui-info-card"),w.qZA(),w.TgZ(106,"div",6),w.TgZ(107,"p",26),w._uU(108,"ui-info-card-modal"),w.qZA(),w.TgZ(109,"button",27),w.NdJ("click",function(){return n.showInfoCardModal()}),w.TgZ(110,"span"),w._uU(111,"Show Modal"),w.qZA(),w.qZA(),w.TgZ(112,"ui-info-card-modal",28),w.NdJ("nzVisibleChange",function(e){return n.uiInfoModalVisible=e}),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.qZA(),w.TgZ(113,"div",1),w.TgZ(114,"h2",2),w._uU(115,"Category Tags"),w.qZA(),w.TgZ(116,"p",3),w._uU(117,"ui-tag"),w.qZA(),w.TgZ(118,"div"),w._UZ(119,"ui-tag",29),w._UZ(120,"ui-tag",30),w._UZ(121,"ui-tag",31),w._UZ(122,"ui-tag",32),w._UZ(123,"ui-tag",33),w._UZ(124,"ui-tag",34),w.qZA(),w.qZA()),2&e){const e=w.MAs(16),i=w.MAs(22),t=w.MAs(28);w.xp6(10),w.Q6J("nzModel",n.uiInputModel),w.xp6(4),w.Q6J("nzSuffix",e)("ngModel",n.uiInputModelwithCancel),w.xp6(6),w.Q6J("nzSuffix",i)("nzModel",n.emailModel),w.xp6(6),w.Q6J("nzSuffix",t)("nzModel",n.passwordModel)("nzType",n.passwordVisible?"text":"password"),w.xp6(8),w.Q6J("nzHasFeedback",!0),w.xp6(1),w.Q6J("formControl",n.uiInputModelFeedback),w.xp6(2),w.Q6J("nzHasFeedback",!0),w.xp6(1),w.Q6J("formControl",n.uiInputModelFeedback),w.xp6(2),w.Q6J("nzHasFeedback",!0),w.xp6(1),w.Q6J("formControl",n.uiInputModelFeedback),w.xp6(9),w.Q6J("ngModel",n.teatareaModel),w.xp6(7),w.Q6J("formControl",n.teatareaModelFeedback),w.xp6(3),w.Q6J("formControl",n.teatareaModelFeedback),w.xp6(9),w.Q6J("nzOptions",n.nzOptions)("ngModel",n.uiSelectModel),w.xp6(7),w.Q6J("nzOptions",n.nzOptions)("formControl",n.uiSelectModelFeedback),w.xp6(3),w.Q6J("nzOptions",n.nzOptions)("formControl",n.uiSelectModelFeedback),w.xp6(30),w.Q6J("nzType","primary"),w.xp6(3),w.Q6J("nzVisible",n.uiInfoModalVisible)}},directives:[R.M,Z.JJ,Z.On,Z._Y,Z.JL,Z.F,m.Lr,N.SK,m.Nx,N.t3,m.Fd,Z.oH,X.q,K.c,ee.G,ne.B,C.ix,J.dQ,O.w,ie.J,te.v,V.O5],styles:[""]}),e})(),data:{title:"UI Components"}},{path:M.o.UI_TESTING,component:(()=>{class e{constructor(){this.listOfData=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park"}]}ngOnInit(){}}return e.\u0275fac=function(n){return new(n||e)},e.\u0275cmp=w.Xpm({type:e,selectors:[["app-ui-testing"]],decls:66,vars:2,consts:[[1,"text-2xl","mb-12","text-white"],[1,"mb-12"],[1,"text-xl","text-white"],[3,"nzData"],["basicTable",""],[4,"ngFor","ngForOf"],[1,"hidden"],[1,"hidden","sm:block"],[1,"hidden","md:block"],[1,"hidden","lg:block"],[1,"hidden","xl:block"],[1,"hidden","2xl:block"],[1,"py-10"],[1,"animate__animated","animate__bounce","animate__infinite"],["href","https://animate.style/","target","_blank",1,"link"]],template:function(e,n){if(1&e&&(w.TgZ(0,"h1",0),w._uU(1,"UI Testing Page"),w.qZA(),w.TgZ(2,"div",1),w.TgZ(3,"h2",2),w._uU(4,"Table"),w.qZA(),w.TgZ(5,"nz-table",3,4),w.TgZ(7,"thead"),w.TgZ(8,"tr"),w.TgZ(9,"th"),w._uU(10,"Name"),w.qZA(),w.TgZ(11,"th"),w._uU(12,"Age"),w.qZA(),w.TgZ(13,"th"),w._uU(14,"Address"),w.qZA(),w.TgZ(15,"th"),w._uU(16,"Action"),w.qZA(),w.qZA(),w.qZA(),w.TgZ(17,"tbody"),w.YNc(18,de,13,4,"tr",5),w.qZA(),w.qZA(),w.qZA(),w.TgZ(19,"div",1),w.TgZ(20,"h2",2),w._uU(21,"Breakpoints"),w.qZA(),w.TgZ(22,"p"),w._uU(23,"Pass Conditions: "),w.TgZ(24,"strong"),w._uU(25,"Showed on specific screen size"),w.qZA(),w.qZA(),w.TgZ(26,"p",6),w._uU(27,"Hidden"),w.qZA(),w.TgZ(28,"p",7),w._uU(29,"sm and above"),w.qZA(),w.TgZ(30,"p",8),w._uU(31,"md and above"),w.qZA(),w.TgZ(32,"p",9),w._uU(33,"lg and above"),w.qZA(),w.TgZ(34,"p",10),w._uU(35,"xl and above"),w.qZA(),w.TgZ(36,"p",11),w._uU(37,"xxl and above"),w.qZA(),w.qZA(),w.TgZ(38,"div",1),w.TgZ(39,"h2",2),w._uU(40,"Heading Testing"),w.qZA(),w.TgZ(41,"p"),w._uU(42,"Pass Conditions: "),w.TgZ(43,"strong"),w._uU(44,"all styles are same"),w.qZA(),w.qZA(),w.TgZ(45,"h1"),w._uU(46,"H1"),w.qZA(),w.TgZ(47,"h2"),w._uU(48,"H2"),w.qZA(),w.TgZ(49,"h3"),w._uU(50,"H3"),w.qZA(),w.TgZ(51,"h4"),w._uU(52,"H4"),w.qZA(),w.TgZ(53,"h5"),w._uU(54,"H5"),w.qZA(),w.TgZ(55,"h6"),w._uU(56,"H6"),w.qZA(),w.qZA(),w.TgZ(57,"h2",2),w._uU(58,"Animation Testing"),w.qZA(),w.TgZ(59,"div",12),w.TgZ(60,"div",13),w._uU(61," Animate.css"),w._UZ(62,"br"),w._uU(63," Just-add-water CSS animations "),w.qZA(),w.qZA(),w.TgZ(64,"a",14),w._uU(65,"Animate.css Documentation"),w.qZA()),2&e){const e=w.MAs(6);w.xp6(5),w.Q6J("nzData",n.listOfData),w.xp6(13),w.Q6J("ngForOf",e.data)}},directives:[_.N8,_.Om,_.$Z,_.Uo,_._C,_.p0,V.sg],styles:[""]}),e})(),data:{title:"UI Testing"}}]}];let ge=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275mod=w.oAB({type:e}),e.\u0275inj=w.cJS({imports:[[k.Bz.forChild(ue)],k.Bz]}),e})(),se=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275mod=w.oAB({type:e}),e.\u0275inj=w.cJS({imports:[[z.m,ge,t.JF,Z.UX,q.S,_.HQ,A.Wr,m.U5,h.m,v.Qp,p.b1,b.gR,f._p,U.L8,x.uK,d.u,u.z,g.p,c.U,T.P,a.K,l.L,r.W,o.e,s.u]]}),e})()}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.