@rubeusteam/rb-angular-components 0.0.0-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +119 -0
- package/fesm2022/rubeusteam-rb-angular-components.mjs +851 -0
- package/fesm2022/rubeusteam-rb-angular-components.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/components/rb-change-log-dialog/rb-change-log-dialog.component.d.ts +9 -0
- package/lib/components/rb-columns-sort-setting/rb-columns-sort-setting.component.d.ts +31 -0
- package/lib/components/rb-content-box/rb-content-box.component.d.ts +5 -0
- package/lib/components/rb-copy-confirm-dialog/rb-copy-confirm-dialog.component.d.ts +14 -0
- package/lib/components/rb-crud/helpers/resolve-actions.helper.d.ts +6 -0
- package/lib/components/rb-crud/rb-crud.component.d.ts +56 -0
- package/lib/components/rb-crud-tool-bar/rb-crud-tool-bar.component.d.ts +19 -0
- package/lib/components/rb-dialog/rb-dialog.component.d.ts +10 -0
- package/lib/components/rb-filter-dropdown/rb-filter-dropdown.component.d.ts +23 -0
- package/lib/components/rb-filter-panel/rb-filter-panel.component.d.ts +12 -0
- package/lib/directives/rb-dynamic-button/rb-dynamic-button.directive.d.ts +17 -0
- package/lib/i18n/paginator-ptbr-intl/paginator-ptbr-intl.service.d.ts +12 -0
- package/lib/interfaces/button.interface.d.ts +25 -0
- package/lib/interfaces/rb-change-log-dialog.interface.d.ts +5 -0
- package/lib/interfaces/rb-conditional-class.interface.d.ts +9 -0
- package/lib/interfaces/rb-crud.interface.d.ts +19 -0
- package/lib/interfaces/rb-dialog.interface.d.ts +17 -0
- package/lib/interfaces/rb-filter.interface.d.ts +11 -0
- package/lib/pipes/is-array.pipe.d.ts +7 -0
- package/lib/pipes/rb-conditional-class/rb-conditional-class.pipe.d.ts +9 -0
- package/lib/pipes/rb-custom/rb-custom.pipe.d.ts +20 -0
- package/lib/services/filter/client-filter.service.d.ts +10 -0
- package/lib/services/rb-show-index-crud-service/rb-show-index-crud.service.d.ts +8 -0
- package/package.json +53 -0
- package/public-api.d.ts +19 -0
- package/src/lib/styles/README.md +83 -0
- package/src/lib/styles/_crud.scss +34 -0
- package/src/lib/styles/_dialog.scss +59 -0
- package/src/lib/styles/_layout.scss +86 -0
- package/src/lib/styles/_typography.scss +62 -0
- package/src/lib/styles/index.scss +5 -0
package/README.md
ADDED
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
# RbAngularComponents
|
|
2
|
+
|
|
3
|
+
Este projeto foi gerado usando o [Angular CLI](https://github.com/angular/angular-cli) versão 19.1.8.
|
|
4
|
+
|
|
5
|
+
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.1.8.
|
|
6
|
+
|
|
7
|
+
## Visão Geral | Overview
|
|
8
|
+
|
|
9
|
+
RbAngularComponents é uma biblioteca de componentes, diretivas, serviços e pipes Angular criada para acelerar o desenvolvimento de interfaces com consistência e boas práticas.
|
|
10
|
+
|
|
11
|
+
RbAngularComponents is a library of Angular components, directives, services, and pipes designed to accelerate UI development with consistency and best practices.
|
|
12
|
+
|
|
13
|
+
## Requisitos
|
|
14
|
+
|
|
15
|
+
- Angular >= 15 (suporta componentes standalone)
|
|
16
|
+
- Node.js >= 18.x
|
|
17
|
+
- npm >= 9.x
|
|
18
|
+
- Angular Material (alguns componentes são baseados nele)
|
|
19
|
+
|
|
20
|
+
## Requirements
|
|
21
|
+
|
|
22
|
+
- Angular >= 15 (supports standalone components)
|
|
23
|
+
- Node.js >= 18.x
|
|
24
|
+
- npm >= 9.x
|
|
25
|
+
- Angular Material (some components are based on it)
|
|
26
|
+
|
|
27
|
+
## Instalação | Installation
|
|
28
|
+
|
|
29
|
+
Instale a biblioteca via npm:
|
|
30
|
+
|
|
31
|
+
Install the library via npm:
|
|
32
|
+
|
|
33
|
+
```bash
|
|
34
|
+
npm install rb-angular-components
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
## Uso em Componentes Standalone | Usage in Standalone Components
|
|
38
|
+
|
|
39
|
+
Você pode importar qualquer componente, diretiva ou pipe diretamente em seu componente standalone.
|
|
40
|
+
|
|
41
|
+
You can import any component, directive, or pipe directly into your standalone component.
|
|
42
|
+
|
|
43
|
+
```ts
|
|
44
|
+
import { RbCrudComponent } from 'rb-angular-components';
|
|
45
|
+
|
|
46
|
+
@Component({
|
|
47
|
+
standalone: true,
|
|
48
|
+
imports: [RbCrudComponent],
|
|
49
|
+
selector: 'app-demo',
|
|
50
|
+
template: '<rb-crud></rb-crud>'
|
|
51
|
+
})
|
|
52
|
+
export class DemoComponent {}
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
## Uso em Módulos Angular (NgModules) | Usage in Angular Modules (NgModules)
|
|
56
|
+
|
|
57
|
+
Se seu projeto usa NgModules, ainda assim você pode usar os componentes standalone importando-os no array `imports`.
|
|
58
|
+
|
|
59
|
+
If your project uses NgModules, you can still use the standalone components by importing them in the `imports` array.
|
|
60
|
+
|
|
61
|
+
```ts
|
|
62
|
+
import { NgModule } from '@angular/core';
|
|
63
|
+
import { CommonModule } from '@angular/common';
|
|
64
|
+
import { RbCrudComponent } from 'rb-angular-components';
|
|
65
|
+
|
|
66
|
+
@NgModule({
|
|
67
|
+
imports: [
|
|
68
|
+
CommonModule,
|
|
69
|
+
RbCrudComponent // standalone component
|
|
70
|
+
]
|
|
71
|
+
})
|
|
72
|
+
export class MyModule {}
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
> Opcionalmente, você pode criar um módulo compartilhado que agrupe e exporte todos os componentes standalone para conveniência.
|
|
76
|
+
|
|
77
|
+
> Optionally, you can create a shared module that groups and exports all standalone components for convenience.
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
## Recursos Disponíveis
|
|
81
|
+
|
|
82
|
+
- Componentes (ex: `RbCrudComponent`, `RbFilterComponent`)
|
|
83
|
+
- Diretivas (ex: `RbDynamicButtonDirective`)
|
|
84
|
+
- Pipes (ex: `RbCustomPipe`)
|
|
85
|
+
- Serviços (ex: `ClientFilterService`)
|
|
86
|
+
- Traduções (ex: `PaginatorPtbrIntlService`)
|
|
87
|
+
|
|
88
|
+
## Available Resources
|
|
89
|
+
|
|
90
|
+
- Components (e.g., `RbCrudComponent`, `RbFilterComponent`)
|
|
91
|
+
- Directives (e.g., `RbDynamicButtonDirective`)
|
|
92
|
+
- Pipes (e.g., `RbCustomPipe`)
|
|
93
|
+
- Services (e.g., `ClientFilterService`)
|
|
94
|
+
- Translations (e.g., `PaginatorPtbrIntlService`)
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
## Documentação por Recurso | Documentation by Feature
|
|
98
|
+
|
|
99
|
+
Você pode acessar a documentação de cada recurso em sua respectiva pasta:
|
|
100
|
+
|
|
101
|
+
You can access documentation for each feature in its respective folder:
|
|
102
|
+
|
|
103
|
+
- [`components/rb-content-box`](./src/lib/components/rb-content-box/README.md)
|
|
104
|
+
- [`components/rb-crud`](./src/lib/components/rb-crud/README.md)
|
|
105
|
+
- [`components/rb-filter`](./src/lib/components/rb-filter/README.md)
|
|
106
|
+
- [`components/rb-dialog`](./src/lib/components/rb-dialog/README.md)
|
|
107
|
+
- [`directives/rb-dynamic-button`](./src/lib/directives/rb-dynamic-button/README.md)
|
|
108
|
+
- [`pipes/rb-custom`](./src/lib/pipes/rb-custom/README.md)
|
|
109
|
+
- [`services/client-filter`](./src/lib/services/client-filter/README.md)
|
|
110
|
+
- [`i18n/paginator-ptbr-intl`](./src/lib/i18n/paginator-ptbr-intl/README.md)
|
|
111
|
+
|
|
112
|
+
---
|
|
113
|
+
|
|
114
|
+
## Recursos Adicionais | Additional Resources
|
|
115
|
+
|
|
116
|
+
Para uso do Angular CLI e comandos, veja a [Referência do Angular CLI](https://angular.dev/tools/cli).
|
|
117
|
+
|
|
118
|
+
For Angular CLI usage and commands, see the [Angular CLI Reference](https://angular.dev/tools/cli).
|
|
119
|
+
|