Como Utilizar sem o PO UI

Se você não tem o PO UI instalado e deseja usar este projeto, siga estas etapas:

O THF-COMPONENTS entrega todos os recursos do PO-UI para um novo projeto, onde o desenvolvedor poderá desfrutrar dos componentes do THF-COMPONENTS e do PO-UI realizando apenas uma instalação:

1. Adicione o THF-COMPONENTS no projeto

npm install @totvs/thf-components

1. Navega até o arquivo app.module.ts do seu projeto
2. Adicione as seguintes linhas no começo do arquivo

import { PoModule } from '@po-ui/ng-components';
import { PoTemplatesModule } from '@po-ui/ng-templates';

1. Adicione as seguintes declarações na propriedade imports do arquivo app.module.ts

 imports: [
   ...,
    PoModule,
    PoTemplatesModule
  ]

1. Adicione as seguintes referências na sessão style do arquivo angular.json do seu projeto:

  "styles": [
    "node_modules/@totvs/po-theme/css/po-theme-default-variables.min.css",
    "node_modules/@totvs/po-theme/css/po-theme-default.min.css",
    "node_modules/@po-ui/style/css/po-theme-core.min.css",
    "node_modules/@progress/kendo-theme-default/dist/all.css",
    "node_modules/@totvs/thf-components/styles/index.css",
    "src/styles.css"
  ]

Agora seu projeto está pronto para iniciar o desenvolvimento!