https://intranet.municoihueco.cl/chunk-XFQMWDMI.js

1import{y as o}from"./chunk-ZNYIWY6Y.js";import{Zb as i,_b as t,wc as e,xb as l}from"./chunk-2TIG25EB.js";var p=(()=>{class n{static{this.\u0275fac=function(a){return new(a||n)}}static{this.\u0275cmp=l({type:n,selectors:[["app-documentation"]],decls:68,vars:0,consts:[[1,"card"],[1,"font-semibold","text-2xl","mb-4"],[1,"font-semibold","text-xl","mb-4"],[1,"text-lg","mb-4"],[1,"app-code"],[1,"bg-highlight","px-2","py-1","rounded-border","not-italic","text-base"],[1,"leading-normal","list-disc","pl-8","text-lg","mb-4"],[1,"text-primary","font-medium"]],template:function(a,s){a&1&&(i(0,"div",0)(1,"div",1),e(2,"Documentation"),t(),i(3,"div",2),e(4,"Get Started"),t(),i(5,"p",3),e(6,"Sakai is an application template for Angular and is distributed as a CLI project. Current versions is Angular v19 with PrimeNG v19. In case CLI is not installed already, use the command below to set it up."),t(),i(7,"pre",4)(8,"code"),e(9,"npm install -g @angular/cli"),t()(),i(10,"p",3),e(11,' Once CLI is ready in your system, extract the contents of the zip file distribution, cd to the directory, install the libraries from npm and then execute "ng serve" to run the application in your local environment. '),t(),i(12,"pre",4)(13,"code"),e(14,`git clone https://github.com/primefaces/sakai-ng
2npm install
3ng serve`),t()(),i(15,"p",3),e(16,"The application should run at "),i(17,"i",5),e(18,"http://localhost:4200/"),t(),e(19," to view the application in your local environment."),t(),i(20,"div",2),e(21,"Structure"),t(),i(22,"p",3),e(23,"Templates consists of a couple folders, demos and layout have been separated so that you can easily identify what is necessary for your application."),t(),i(24,"ul",6)(25,"li")(26,"span",7),e(27,"src/app/layout"),t(),e(28,": Main layout files, needs to be present."),t(),i(29,"li")(30,"span",7),e(31,"src/app/pages"),t(),e(32,": Demo content like Dashboard."),t(),i(33,"li")(34,"span",7),e(35,"src/assets/demo"),t(),e(36,": Assets used in demos"),t(),i(37,"li")(38,"span",7),e(39,"src/assets/layout"),t(),e(40,": SCSS files of the main layout"),t()(),i(41,"div",2),e(42,"Menu"),t(),i(43,"p",3),e(44," Main menu is defined at "),i(45,"span",5),e(46,"src/app/layout/component/app.menu.ts"),t(),e(47," file. Update the "),i(48,"i",5),e(49,"model"),t(),e(50," property to define your own menu items. "),t(),i(51,"div",2),e(52,"Layout Service"),t(),i(53,"p",3)(54,"span",5),e(55,"src/app/layout/service/layout.service.ts"),t(),e(56," is a service that manages layout state changes, including dark mode, PrimeNG theme, menu modes, and states. "),t(),i(57,"div",2),e(58,"Tailwind CSS"),t(),i(59,"p",3),e(60,"The demo pages are developed with Tailwind CSS however the core application shell uses custom CSS."),t(),i(61,"div",2),e(62,"Variables"),t(),i(63,"p",3),e(64," CSS variables used in the template are derived from the applied PrimeNG theme. Customize them through the CSS variables in "),i(65,"span",5),e(66,"src/assets/layout/variables"),t(),e(67,". "),t()())},dependencies:[o],styles:["@media screen and (max-width: 991px){.video-container[_ngcontent-%COMP%]{position:relative;width:100%;height:0;padding-bottom:56.25%}.video-container[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%}}"]})}}return n})();export{p as a};