@dev-tcloud/tcloud-ui 7.0.9 → 7.2.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.
|
@@ -2,37 +2,40 @@
|
|
|
2
2
|
|
|
3
3
|
## Características
|
|
4
4
|
|
|
5
|
-
O componente `tcloud-ui-dropdown-multi-level`
|
|
5
|
+
O componente `tcloud-ui-dropdown-multi-level` apresenta opções organizadas em um menu hierárquico. Os itens com filhos abrem um submenu e os itens selecionáveis emitem a opção escolhida com o contexto do item pai.
|
|
6
|
+
|
|
7
|
+
- Permite posicionar os submenus à direita ou à esquerda.
|
|
8
|
+
- Oferece os tamanhos `sm`, `md` e `lg`.
|
|
9
|
+
- Permite desabilitar o componente completo.
|
|
10
|
+
- Aceita conteúdo projetado para definir o texto do botão.
|
|
11
|
+
- Fecha o menu quando ocorre um clique fora do componente.
|
|
6
12
|
|
|
7
13
|
## Instalação
|
|
8
14
|
|
|
9
|
-
|
|
15
|
+
Importe o componente standalone e os tipos utilizados a partir do pacote da biblioteca:
|
|
10
16
|
|
|
11
17
|
```typescript
|
|
12
|
-
import { TCloudUiModule } from '@tcloud-ui/lib';
|
|
13
18
|
import { Component } from '@angular/core';
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
imports: [TCloudUiModule],
|
|
19
|
-
template: `<tcloud-ui-dropdown-multi-level [menu]="menuOptions">Opções</tcloud-ui-dropdown-multi-level>`
|
|
20
|
-
})
|
|
21
|
-
export class ExampleComponent {}
|
|
22
|
-
```
|
|
23
|
-
|
|
24
|
-
Ou importe diretamente o componente e as interfaces de dados:
|
|
25
|
-
|
|
26
|
-
```typescript
|
|
27
|
-
import { TCloudUiDropdownMultiLevelComponent, MultiLevelDropdownOption, MultiLevelDropdownSize } from '@tcloud-ui/lib';
|
|
19
|
+
import {
|
|
20
|
+
MultiLevelDropdownOption,
|
|
21
|
+
TCloudUiDropdownMultiLevelComponent
|
|
22
|
+
} from '@dev-tcloud/tcloud-ui';
|
|
28
23
|
|
|
29
24
|
@Component({
|
|
30
25
|
selector: 'app-example',
|
|
31
26
|
standalone: true,
|
|
32
27
|
imports: [TCloudUiDropdownMultiLevelComponent],
|
|
33
|
-
template:
|
|
28
|
+
template: `
|
|
29
|
+
<tcloud-ui-dropdown-multi-level [menu]="menuOptions">
|
|
30
|
+
Opções
|
|
31
|
+
</tcloud-ui-dropdown-multi-level>
|
|
32
|
+
`
|
|
34
33
|
})
|
|
35
|
-
export class ExampleComponent {
|
|
34
|
+
export class ExampleComponent {
|
|
35
|
+
menuOptions: MultiLevelDropdownOption[] = [
|
|
36
|
+
{ value: 'details', displayValue: 'Detalhes' }
|
|
37
|
+
];
|
|
38
|
+
}
|
|
36
39
|
```
|
|
37
40
|
|
|
38
41
|
## Propriedades (API)
|
|
@@ -41,17 +44,17 @@ export class ExampleComponent {}
|
|
|
41
44
|
|
|
42
45
|
| Nome | Tipo | Descrição | Valor Default |
|
|
43
46
|
|------|------|-----------|---------------|
|
|
44
|
-
| `menu` | `MultiLevelDropdownOption[]` | **Obrigatório**.
|
|
45
|
-
| `subMenuPosition` | `'right' \| 'left'` |
|
|
46
|
-
| `disabled` | `boolean` | Desabilita
|
|
47
|
-
| `size` | `MultiLevelDropdownSize` |
|
|
48
|
-
| `initialValue` | `MultiLevelDropdownOption \| null` |
|
|
47
|
+
| `menu` | `MultiLevelDropdownOption[]` | **Obrigatório**. Opções exibidas no menu e em seus submenus. | - |
|
|
48
|
+
| `subMenuPosition` | `'right' \| 'left'` | Lado em que os submenus são abertos. | `'right'` |
|
|
49
|
+
| `disabled` | `boolean` | Desabilita o botão que abre o menu. | `false` |
|
|
50
|
+
| `size` | `MultiLevelDropdownSize` | Define o tamanho do botão como `sm`, `md` ou `lg`. | `MultiLevelDropdownSize.sm` |
|
|
51
|
+
| `initialValue` | `MultiLevelDropdownOption \| null` | Entrada reservada para uma opção inicial. A implementação atual não aplica uma pré-seleção visual. | `null` |
|
|
49
52
|
|
|
50
53
|
### Outputs
|
|
51
54
|
|
|
52
55
|
| Nome | Tipo de Evento | Descrição |
|
|
53
56
|
|------|----------------|-----------|
|
|
54
|
-
| `optionSelected` | `{ option: MultiLevelDropdownOption
|
|
57
|
+
| `optionSelected` | `{ option: MultiLevelDropdownOption; parentOption: MultiLevelDropdownOption }` | Emitido ao selecionar uma opção. `option` contém o item escolhido e `parentOption`, seu item pai no menu. |
|
|
55
58
|
|
|
56
59
|
### Interfaces e Enums Exportados
|
|
57
60
|
|
|
@@ -71,13 +74,13 @@ export enum MultiLevelDropdownSize {
|
|
|
71
74
|
}
|
|
72
75
|
```
|
|
73
76
|
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
77
|
+
| Campo | Descrição |
|
|
78
|
+
|-------|-----------|
|
|
79
|
+
| `id` | Identificador opcional da opção. |
|
|
80
|
+
| `value` | Valor associado à opção. |
|
|
81
|
+
| `displayValue` | Texto apresentado no menu. |
|
|
82
|
+
| `disabled` | Indica que a opção está desabilitada no modelo de dados. |
|
|
83
|
+
| `children` | Lista opcional de opções exibidas em um submenu. |
|
|
81
84
|
|
|
82
85
|
## Exemplos de Uso
|
|
83
86
|
|
|
@@ -85,102 +88,104 @@ export enum MultiLevelDropdownSize {
|
|
|
85
88
|
|
|
86
89
|
```typescript
|
|
87
90
|
import { Component } from '@angular/core';
|
|
88
|
-
import {
|
|
89
|
-
|
|
91
|
+
import {
|
|
92
|
+
MultiLevelDropdownOption,
|
|
93
|
+
TCloudUiDropdownMultiLevelComponent
|
|
94
|
+
} from '@dev-tcloud/tcloud-ui';
|
|
90
95
|
|
|
91
96
|
@Component({
|
|
92
|
-
selector: 'app-
|
|
97
|
+
selector: 'app-dropdown-example',
|
|
93
98
|
standalone: true,
|
|
94
|
-
imports: [
|
|
99
|
+
imports: [TCloudUiDropdownMultiLevelComponent],
|
|
95
100
|
template: `
|
|
96
|
-
<tcloud-ui-dropdown-multi-level
|
|
101
|
+
<tcloud-ui-dropdown-multi-level
|
|
97
102
|
[menu]="menuOptions"
|
|
98
|
-
(optionSelected)="
|
|
99
|
-
Ações do
|
|
103
|
+
(optionSelected)="handleOptionSelected($event)">
|
|
104
|
+
Ações do usuário
|
|
100
105
|
</tcloud-ui-dropdown-multi-level>
|
|
106
|
+
|
|
107
|
+
@if (selectedOption) {
|
|
108
|
+
<p>Última opção selecionada: {{ selectedOption.displayValue }}</p>
|
|
109
|
+
}
|
|
101
110
|
`
|
|
102
111
|
})
|
|
103
|
-
export class
|
|
112
|
+
export class DropdownExampleComponent {
|
|
104
113
|
menuOptions: MultiLevelDropdownOption[] = [
|
|
105
114
|
{ value: 'home', displayValue: 'Início' },
|
|
106
|
-
{
|
|
107
|
-
|
|
108
|
-
value: 'profile',
|
|
115
|
+
{
|
|
116
|
+
value: 'profile',
|
|
109
117
|
displayValue: 'Perfil',
|
|
110
118
|
children: [
|
|
111
|
-
{ value: 'view-profile', displayValue: 'Visualizar
|
|
112
|
-
{ value: 'edit-profile', displayValue: 'Editar
|
|
119
|
+
{ value: 'view-profile', displayValue: 'Visualizar perfil' },
|
|
120
|
+
{ value: 'edit-profile', displayValue: 'Editar perfil' }
|
|
113
121
|
]
|
|
114
122
|
}
|
|
115
123
|
];
|
|
116
124
|
|
|
117
|
-
|
|
118
|
-
|
|
125
|
+
selectedOption: MultiLevelDropdownOption | null = null;
|
|
126
|
+
|
|
127
|
+
handleOptionSelected(event: {
|
|
128
|
+
option: MultiLevelDropdownOption;
|
|
129
|
+
parentOption: MultiLevelDropdownOption;
|
|
130
|
+
}): void {
|
|
131
|
+
this.selectedOption = event.option;
|
|
119
132
|
}
|
|
120
133
|
}
|
|
121
134
|
```
|
|
122
135
|
|
|
123
|
-
###
|
|
136
|
+
### Posicionamento do Submenu
|
|
124
137
|
|
|
125
|
-
|
|
126
|
-
import { Component } from '@angular/core';
|
|
127
|
-
import { TCloudUiModule, MultiLevelDropdownOption } from '@tcloud-ui/lib';
|
|
138
|
+
Use `subMenuPosition="left"` quando o submenu precisar abrir à esquerda do item pai:
|
|
128
139
|
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
subMenuPosition="left">
|
|
137
|
-
Menu à Esquerda
|
|
138
|
-
</tcloud-ui-dropdown-multi-level>
|
|
139
|
-
`
|
|
140
|
-
})
|
|
141
|
-
export class LeftMultiLevelDropdownComponent {
|
|
142
|
-
menuOptions: MultiLevelDropdownOption[] = [
|
|
143
|
-
{
|
|
144
|
-
value: 'export',
|
|
145
|
-
displayValue: 'Exportar Dados',
|
|
146
|
-
children: [
|
|
147
|
-
{ value: 'pdf', displayValue: 'Exportar como PDF' },
|
|
148
|
-
{ value: 'csv', displayValue: 'Exportar como CSV' }
|
|
149
|
-
]
|
|
150
|
-
}
|
|
151
|
-
];
|
|
152
|
-
}
|
|
140
|
+
```html
|
|
141
|
+
<tcloud-ui-dropdown-multi-level
|
|
142
|
+
[menu]="menuOptions"
|
|
143
|
+
subMenuPosition="left"
|
|
144
|
+
(optionSelected)="handleOptionSelected($event)">
|
|
145
|
+
Menu à esquerda
|
|
146
|
+
</tcloud-ui-dropdown-multi-level>
|
|
153
147
|
```
|
|
154
148
|
|
|
155
|
-
### Tamanhos
|
|
149
|
+
### Tamanhos
|
|
156
150
|
|
|
157
151
|
```typescript
|
|
158
152
|
import { Component } from '@angular/core';
|
|
159
|
-
import {
|
|
153
|
+
import {
|
|
154
|
+
MultiLevelDropdownOption,
|
|
155
|
+
MultiLevelDropdownSize,
|
|
156
|
+
TCloudUiDropdownMultiLevelComponent
|
|
157
|
+
} from '@dev-tcloud/tcloud-ui';
|
|
160
158
|
|
|
161
159
|
@Component({
|
|
162
|
-
selector: 'app-
|
|
160
|
+
selector: 'app-dropdown-sizes',
|
|
163
161
|
standalone: true,
|
|
164
|
-
imports: [
|
|
162
|
+
imports: [TCloudUiDropdownMultiLevelComponent],
|
|
165
163
|
template: `
|
|
166
|
-
<tcloud-ui-dropdown-multi-level [menu]="menuOptions" [size]="sizes.sm">
|
|
167
|
-
|
|
168
|
-
|
|
164
|
+
<tcloud-ui-dropdown-multi-level [menu]="menuOptions" [size]="sizes.sm">
|
|
165
|
+
Pequeno
|
|
166
|
+
</tcloud-ui-dropdown-multi-level>
|
|
167
|
+
<tcloud-ui-dropdown-multi-level [menu]="menuOptions" [size]="sizes.md">
|
|
168
|
+
Médio
|
|
169
|
+
</tcloud-ui-dropdown-multi-level>
|
|
170
|
+
<tcloud-ui-dropdown-multi-level [menu]="menuOptions" [size]="sizes.lg">
|
|
171
|
+
Grande
|
|
172
|
+
</tcloud-ui-dropdown-multi-level>
|
|
169
173
|
`
|
|
170
174
|
})
|
|
171
|
-
export class
|
|
172
|
-
sizes = MultiLevelDropdownSize;
|
|
173
|
-
menuOptions: MultiLevelDropdownOption[] = [
|
|
174
|
-
{ value: '
|
|
175
|
+
export class DropdownSizesComponent {
|
|
176
|
+
readonly sizes = MultiLevelDropdownSize;
|
|
177
|
+
readonly menuOptions: MultiLevelDropdownOption[] = [
|
|
178
|
+
{ value: 'option', displayValue: 'Opção' }
|
|
175
179
|
];
|
|
176
180
|
}
|
|
177
181
|
```
|
|
178
182
|
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
- O componente escuta eventos de clique no documento (`document:click`) para fechar o menu automaticamente caso o clique ocorra fora de seus limites (click-outside).
|
|
183
|
+
### Estado Desabilitado
|
|
182
184
|
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
185
|
+
```html
|
|
186
|
+
<tcloud-ui-dropdown-multi-level
|
|
187
|
+
[menu]="menuOptions"
|
|
188
|
+
[disabled]="true">
|
|
189
|
+
Desabilitado
|
|
190
|
+
</tcloud-ui-dropdown-multi-level>
|
|
191
|
+
```
|
|
@@ -9781,6 +9781,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
9781
9781
|
type: Input
|
|
9782
9782
|
}], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], onClick: [{ type: i0.Output, args: ["onClick"] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], routerLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerLink", required: false }] }], queryParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryParams", required: false }] }] } });
|
|
9783
9783
|
|
|
9784
|
+
class TCloudUiNavbarItemComponent {
|
|
9785
|
+
constructor() {
|
|
9786
|
+
/** Menu expandido (labels visíveis) x minimizado (só ícones). */
|
|
9787
|
+
this.isMenuExpanded = true;
|
|
9788
|
+
/** Nível de aninhamento — usado para indentação dos submenus. */
|
|
9789
|
+
this.level = 0;
|
|
9790
|
+
/** Emitido ao clicar num item folha (sem submenu). */
|
|
9791
|
+
this.onItemClick = output();
|
|
9792
|
+
}
|
|
9793
|
+
get hasSubmenu() {
|
|
9794
|
+
return !!this.item?.submenu && this.item.submenu.length > 0;
|
|
9795
|
+
}
|
|
9796
|
+
handleClick(ev) {
|
|
9797
|
+
if (this.item.href) {
|
|
9798
|
+
ev.preventDefault();
|
|
9799
|
+
window.open(this.item.href, '_blank');
|
|
9800
|
+
return;
|
|
9801
|
+
}
|
|
9802
|
+
if (this.hasSubmenu) {
|
|
9803
|
+
ev.preventDefault();
|
|
9804
|
+
this.item.open = !this.item.open;
|
|
9805
|
+
return;
|
|
9806
|
+
}
|
|
9807
|
+
this.onItemClick.emit(this.item);
|
|
9808
|
+
}
|
|
9809
|
+
/** Propaga o clique de um item filho para cima na recursão. */
|
|
9810
|
+
bubbleClick(item) {
|
|
9811
|
+
this.onItemClick.emit(item);
|
|
9812
|
+
}
|
|
9813
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TCloudUiNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9814
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TCloudUiNavbarItemComponent, isStandalone: true, selector: "tcloud-ui-navbar-item", inputs: { item: "item", isMenuExpanded: "isMenuExpanded", level: "level" }, outputs: { onItemClick: "onItemClick" }, ngImport: i0, template: "<li\n class=\"tcloud-ui-navbar-item\"\n [class.tcloud-ui-navbar-expanded]=\"isMenuExpanded\"\n [class.has-submenu]=\"hasSubmenu\"\n [class.open]=\"item.open\">\n\n <a\n class=\"tcloud-ui-navbar-item-link\"\n [class.selected]=\"item.active\"\n [routerLink]=\"hasSubmenu ? null : (item.link ?? null)\"\n routerLinkActive=\"active\"\n [queryParams]=\"item.queryParams ?? null\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n [title]=\"item.label\"\n (click)=\"handleClick($event)\">\n\n <div class=\"navbar-item-icon-container\">\n @if (item.icon) {\n <i [class]=\"item.icon\"></i>\n }\n </div>\n\n @if (isMenuExpanded) {\n <div class=\"navbar-item-label\">\n <span class=\"navbar-item-text\">{{ item.label }}</span>\n @if (hasSubmenu) {\n <i class=\"navbar-item-chevron fas\"\n [class.fa-chevron-down]=\"item.open\"\n [class.fa-chevron-right]=\"!item.open\"></i>\n }\n </div>\n }\n </a>\n\n @if (hasSubmenu && isMenuExpanded) {\n <ul class=\"tcloud-ui-navbar-submenu\" [class.open]=\"item.open\">\n @for (child of item.submenu; track $index) {\n @if (child.enable !== false) {\n <tcloud-ui-navbar-item\n [item]=\"child\"\n [isMenuExpanded]=\"isMenuExpanded\"\n [level]=\"level + 1\"\n (onItemClick)=\"bubbleClick($event)\">\n </tcloud-ui-navbar-item>\n }\n }\n </ul>\n }\n</li>\n", styles: [":host{display:block}.tcloud-ui-navbar-item{list-style:none;margin:0;padding:0}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link{align-items:center;border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;font-family:var(--f-family);display:flex;transition:all .2s ease;text-decoration:none}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link .navbar-item-icon-container{text-align:center;align-content:center;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);font-size:var(--f-size-20);height:var(--size-36);width:var(--size-36);transition:all .2s ease;min-height:var(--size-36);min-width:var(--size-36);max-height:var(--size-36);max-width:var(--size-36)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link .navbar-item-label{align-items:center;display:flex;justify-content:space-between;width:100%;color:var(--c-neutral-700);font-size:var(--f-size-14);height:var(--size-36);padding-left:var(--size-8);transition:all .2s ease;min-height:var(--size-36);max-height:var(--size-36)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link .navbar-item-label .navbar-item-chevron{font-size:var(--f-size-12);padding-right:var(--size-8);transition:transform .2s ease}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:hover,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:focus{color:var(--c-primary-500)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:hover .navbar-item-icon-container,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:focus .navbar-item-icon-container{background-color:var(--c-neutral-200);color:var(--c-primary-500)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link.active .navbar-item-icon-container,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link.selected .navbar-item-icon-container,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:active .navbar-item-icon-container{background-color:var(--c-primary-300);color:var(--c-primary-500)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link.active .navbar-item-label,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link.selected .navbar-item-label,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:active .navbar-item-label{color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tcloud-ui-navbar-item .tcloud-ui-navbar-submenu{display:none;flex-direction:column;gap:var(--size-4);list-style:none;margin:var(--size-4) 0 0 0;padding:0 0 0 var(--size-8)}.tcloud-ui-navbar-item .tcloud-ui-navbar-submenu.open{display:flex}\n"], dependencies: [{ kind: "component", type: TCloudUiNavbarItemComponent, selector: "tcloud-ui-navbar-item", inputs: ["item", "isMenuExpanded", "level"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] }); }
|
|
9815
|
+
}
|
|
9816
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TCloudUiNavbarItemComponent, decorators: [{
|
|
9817
|
+
type: Component,
|
|
9818
|
+
args: [{ selector: 'tcloud-ui-navbar-item', standalone: true, imports: [CommonModule, RouterModule], template: "<li\n class=\"tcloud-ui-navbar-item\"\n [class.tcloud-ui-navbar-expanded]=\"isMenuExpanded\"\n [class.has-submenu]=\"hasSubmenu\"\n [class.open]=\"item.open\">\n\n <a\n class=\"tcloud-ui-navbar-item-link\"\n [class.selected]=\"item.active\"\n [routerLink]=\"hasSubmenu ? null : (item.link ?? null)\"\n routerLinkActive=\"active\"\n [queryParams]=\"item.queryParams ?? null\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n [title]=\"item.label\"\n (click)=\"handleClick($event)\">\n\n <div class=\"navbar-item-icon-container\">\n @if (item.icon) {\n <i [class]=\"item.icon\"></i>\n }\n </div>\n\n @if (isMenuExpanded) {\n <div class=\"navbar-item-label\">\n <span class=\"navbar-item-text\">{{ item.label }}</span>\n @if (hasSubmenu) {\n <i class=\"navbar-item-chevron fas\"\n [class.fa-chevron-down]=\"item.open\"\n [class.fa-chevron-right]=\"!item.open\"></i>\n }\n </div>\n }\n </a>\n\n @if (hasSubmenu && isMenuExpanded) {\n <ul class=\"tcloud-ui-navbar-submenu\" [class.open]=\"item.open\">\n @for (child of item.submenu; track $index) {\n @if (child.enable !== false) {\n <tcloud-ui-navbar-item\n [item]=\"child\"\n [isMenuExpanded]=\"isMenuExpanded\"\n [level]=\"level + 1\"\n (onItemClick)=\"bubbleClick($event)\">\n </tcloud-ui-navbar-item>\n }\n }\n </ul>\n }\n</li>\n", styles: [":host{display:block}.tcloud-ui-navbar-item{list-style:none;margin:0;padding:0}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link{align-items:center;border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;font-family:var(--f-family);display:flex;transition:all .2s ease;text-decoration:none}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link .navbar-item-icon-container{text-align:center;align-content:center;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);font-size:var(--f-size-20);height:var(--size-36);width:var(--size-36);transition:all .2s ease;min-height:var(--size-36);min-width:var(--size-36);max-height:var(--size-36);max-width:var(--size-36)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link .navbar-item-label{align-items:center;display:flex;justify-content:space-between;width:100%;color:var(--c-neutral-700);font-size:var(--f-size-14);height:var(--size-36);padding-left:var(--size-8);transition:all .2s ease;min-height:var(--size-36);max-height:var(--size-36)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link .navbar-item-label .navbar-item-chevron{font-size:var(--f-size-12);padding-right:var(--size-8);transition:transform .2s ease}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:hover,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:focus{color:var(--c-primary-500)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:hover .navbar-item-icon-container,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:focus .navbar-item-icon-container{background-color:var(--c-neutral-200);color:var(--c-primary-500)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link.active .navbar-item-icon-container,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link.selected .navbar-item-icon-container,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:active .navbar-item-icon-container{background-color:var(--c-primary-300);color:var(--c-primary-500)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link.active .navbar-item-label,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link.selected .navbar-item-label,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:active .navbar-item-label{color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tcloud-ui-navbar-item .tcloud-ui-navbar-submenu{display:none;flex-direction:column;gap:var(--size-4);list-style:none;margin:var(--size-4) 0 0 0;padding:0 0 0 var(--size-8)}.tcloud-ui-navbar-item .tcloud-ui-navbar-submenu.open{display:flex}\n"] }]
|
|
9819
|
+
}], propDecorators: { item: [{
|
|
9820
|
+
type: Input
|
|
9821
|
+
}], isMenuExpanded: [{
|
|
9822
|
+
type: Input
|
|
9823
|
+
}], level: [{
|
|
9824
|
+
type: Input
|
|
9825
|
+
}], onItemClick: [{ type: i0.Output, args: ["onItemClick"] }] } });
|
|
9826
|
+
|
|
9827
|
+
class TCloudUiNavbarComponent {
|
|
9828
|
+
constructor() {
|
|
9829
|
+
/** Itens do menu (data-driven). Submenu é renderizado recursivamente. */
|
|
9830
|
+
this.menuItems = [];
|
|
9831
|
+
/** Menu expandido (labels visíveis) x minimizado (só ícones). */
|
|
9832
|
+
this.isMenuExpanded = true;
|
|
9833
|
+
/** Exibe o botão interno de minimizar/expandir. */
|
|
9834
|
+
this.showToggle = true;
|
|
9835
|
+
/** Emitido quando o menu é expandido/minimizado. */
|
|
9836
|
+
this.onExpandChange = output();
|
|
9837
|
+
/** Emitido ao clicar num item folha (sem submenu). */
|
|
9838
|
+
this.onItemClick = output();
|
|
9839
|
+
}
|
|
9840
|
+
handleExpand() {
|
|
9841
|
+
this.isMenuExpanded = !this.isMenuExpanded;
|
|
9842
|
+
this.onExpandChange.emit(this.isMenuExpanded);
|
|
9843
|
+
}
|
|
9844
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TCloudUiNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9845
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TCloudUiNavbarComponent, isStandalone: true, selector: "tcloud-ui-navbar", inputs: { menuItems: "menuItems", isMenuExpanded: "isMenuExpanded", showToggle: "showToggle" }, outputs: { onExpandChange: "onExpandChange", onItemClick: "onItemClick" }, ngImport: i0, template: "<nav class=\"tcloud-ui-navbar\">\n <ul class=\"tcloud-ui-navbar-list\" [class.tcloud-ui-navbar-expanded]=\"isMenuExpanded\">\n\n @if (showToggle) {\n <li class=\"tcloud-ui-navbar-item tcloud-ui-navbar-toggle\">\n <a class=\"tcloud-ui-navbar-item-link\"\n (click)=\"handleExpand()\"\n [title]=\"isMenuExpanded ? 'Minimizar' : 'Expandir'\">\n <div class=\"navbar-item-icon-container\">\n <i class=\"fa-light\"\n [class.fa-arrow-left-to-line]=\"isMenuExpanded\"\n [class.fa-arrow-right-to-line]=\"!isMenuExpanded\"></i>\n </div>\n @if (isMenuExpanded) {\n <div class=\"navbar-item-label\">Minimizar</div>\n }\n </a>\n </li>\n }\n\n @for (item of menuItems; track $index) {\n @if (item.enable !== false) {\n <tcloud-ui-navbar-item\n [item]=\"item\"\n [isMenuExpanded]=\"isMenuExpanded\"\n (onItemClick)=\"onItemClick.emit($event)\">\n </tcloud-ui-navbar-item>\n }\n }\n </ul>\n</nav>\n", styles: [":host{display:block;height:100%}.tcloud-ui-navbar{display:block;height:100%;margin:var(--size-0);padding:var(--size-0)}.tcloud-ui-navbar .tcloud-ui-navbar-list{color:var(--c-neutral-700);display:flex;flex-direction:column;gap:var(--size-8);height:100%;list-style:none;margin:var(--size-0);overflow:hidden auto;padding:var(--size-8);width:var(--size-52)}.tcloud-ui-navbar .tcloud-ui-navbar-list::-webkit-scrollbar{display:none}.tcloud-ui-navbar .tcloud-ui-navbar-list.tcloud-ui-navbar-expanded{width:14.5rem}.tcloud-ui-navbar .tcloud-ui-navbar-toggle{list-style:none;margin:0;padding:0 0 var(--size-8) 0;border-bottom:1px solid var(--c-neutral-200)}.tcloud-ui-navbar .tcloud-ui-navbar-toggle .tcloud-ui-navbar-item-link{align-items:center;border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;display:flex;font-family:var(--f-family);text-decoration:none;transition:all .2s ease}.tcloud-ui-navbar .tcloud-ui-navbar-toggle .tcloud-ui-navbar-item-link .navbar-item-icon-container{align-content:center;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);font-size:var(--f-size-20);height:var(--size-36);width:var(--size-36);text-align:center;transition:all .2s ease;min-height:var(--size-36);min-width:var(--size-36);max-height:var(--size-36);max-width:var(--size-36)}.tcloud-ui-navbar .tcloud-ui-navbar-toggle .tcloud-ui-navbar-item-link .navbar-item-label{align-items:center;display:flex;color:var(--c-neutral-700);font-size:var(--f-size-14);height:var(--size-36);padding-left:var(--size-8);min-height:var(--size-36);max-height:var(--size-36)}.tcloud-ui-navbar .tcloud-ui-navbar-toggle .tcloud-ui-navbar-item-link:hover,.tcloud-ui-navbar .tcloud-ui-navbar-toggle .tcloud-ui-navbar-item-link:focus{color:var(--c-primary-500)}.tcloud-ui-navbar .tcloud-ui-navbar-toggle .tcloud-ui-navbar-item-link:hover .navbar-item-icon-container,.tcloud-ui-navbar .tcloud-ui-navbar-toggle .tcloud-ui-navbar-item-link:focus .navbar-item-icon-container{background-color:var(--c-neutral-200);color:var(--c-primary-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TCloudUiNavbarItemComponent, selector: "tcloud-ui-navbar-item", inputs: ["item", "isMenuExpanded", "level"], outputs: ["onItemClick"] }] }); }
|
|
9846
|
+
}
|
|
9847
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TCloudUiNavbarComponent, decorators: [{
|
|
9848
|
+
type: Component,
|
|
9849
|
+
args: [{ selector: 'tcloud-ui-navbar', standalone: true, imports: [CommonModule, TCloudUiNavbarItemComponent], template: "<nav class=\"tcloud-ui-navbar\">\n <ul class=\"tcloud-ui-navbar-list\" [class.tcloud-ui-navbar-expanded]=\"isMenuExpanded\">\n\n @if (showToggle) {\n <li class=\"tcloud-ui-navbar-item tcloud-ui-navbar-toggle\">\n <a class=\"tcloud-ui-navbar-item-link\"\n (click)=\"handleExpand()\"\n [title]=\"isMenuExpanded ? 'Minimizar' : 'Expandir'\">\n <div class=\"navbar-item-icon-container\">\n <i class=\"fa-light\"\n [class.fa-arrow-left-to-line]=\"isMenuExpanded\"\n [class.fa-arrow-right-to-line]=\"!isMenuExpanded\"></i>\n </div>\n @if (isMenuExpanded) {\n <div class=\"navbar-item-label\">Minimizar</div>\n }\n </a>\n </li>\n }\n\n @for (item of menuItems; track $index) {\n @if (item.enable !== false) {\n <tcloud-ui-navbar-item\n [item]=\"item\"\n [isMenuExpanded]=\"isMenuExpanded\"\n (onItemClick)=\"onItemClick.emit($event)\">\n </tcloud-ui-navbar-item>\n }\n }\n </ul>\n</nav>\n", styles: [":host{display:block;height:100%}.tcloud-ui-navbar{display:block;height:100%;margin:var(--size-0);padding:var(--size-0)}.tcloud-ui-navbar .tcloud-ui-navbar-list{color:var(--c-neutral-700);display:flex;flex-direction:column;gap:var(--size-8);height:100%;list-style:none;margin:var(--size-0);overflow:hidden auto;padding:var(--size-8);width:var(--size-52)}.tcloud-ui-navbar .tcloud-ui-navbar-list::-webkit-scrollbar{display:none}.tcloud-ui-navbar .tcloud-ui-navbar-list.tcloud-ui-navbar-expanded{width:14.5rem}.tcloud-ui-navbar .tcloud-ui-navbar-toggle{list-style:none;margin:0;padding:0 0 var(--size-8) 0;border-bottom:1px solid var(--c-neutral-200)}.tcloud-ui-navbar .tcloud-ui-navbar-toggle .tcloud-ui-navbar-item-link{align-items:center;border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;display:flex;font-family:var(--f-family);text-decoration:none;transition:all .2s ease}.tcloud-ui-navbar .tcloud-ui-navbar-toggle .tcloud-ui-navbar-item-link .navbar-item-icon-container{align-content:center;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);font-size:var(--f-size-20);height:var(--size-36);width:var(--size-36);text-align:center;transition:all .2s ease;min-height:var(--size-36);min-width:var(--size-36);max-height:var(--size-36);max-width:var(--size-36)}.tcloud-ui-navbar .tcloud-ui-navbar-toggle .tcloud-ui-navbar-item-link .navbar-item-label{align-items:center;display:flex;color:var(--c-neutral-700);font-size:var(--f-size-14);height:var(--size-36);padding-left:var(--size-8);min-height:var(--size-36);max-height:var(--size-36)}.tcloud-ui-navbar .tcloud-ui-navbar-toggle .tcloud-ui-navbar-item-link:hover,.tcloud-ui-navbar .tcloud-ui-navbar-toggle .tcloud-ui-navbar-item-link:focus{color:var(--c-primary-500)}.tcloud-ui-navbar .tcloud-ui-navbar-toggle .tcloud-ui-navbar-item-link:hover .navbar-item-icon-container,.tcloud-ui-navbar .tcloud-ui-navbar-toggle .tcloud-ui-navbar-item-link:focus .navbar-item-icon-container{background-color:var(--c-neutral-200);color:var(--c-primary-500)}\n"] }]
|
|
9850
|
+
}], propDecorators: { menuItems: [{
|
|
9851
|
+
type: Input
|
|
9852
|
+
}], isMenuExpanded: [{
|
|
9853
|
+
type: Input
|
|
9854
|
+
}], showToggle: [{
|
|
9855
|
+
type: Input
|
|
9856
|
+
}], onExpandChange: [{ type: i0.Output, args: ["onExpandChange"] }], onItemClick: [{ type: i0.Output, args: ["onItemClick"] }] } });
|
|
9857
|
+
|
|
9784
9858
|
class TCloudUiTabGroupComponent {
|
|
9785
9859
|
constructor() {
|
|
9786
9860
|
this.isCarouselOverflowed = false;
|
|
@@ -10416,6 +10490,8 @@ const COMPONENTS = [
|
|
|
10416
10490
|
TCloudUiSubNavbarComponent,
|
|
10417
10491
|
TCloudUiSubNavbarGroupComponent,
|
|
10418
10492
|
TCloudUiSubNavbarItemComponent,
|
|
10493
|
+
TCloudUiNavbarComponent,
|
|
10494
|
+
TCloudUiNavbarItemComponent,
|
|
10419
10495
|
TCloudUiTabGroupComponent,
|
|
10420
10496
|
TCloudUiTabItemComponent,
|
|
10421
10497
|
TCloudUiWizardStepsComponent,
|
|
@@ -10553,6 +10629,8 @@ class TCloudUiModule {
|
|
|
10553
10629
|
TCloudUiSubNavbarComponent,
|
|
10554
10630
|
TCloudUiSubNavbarGroupComponent,
|
|
10555
10631
|
TCloudUiSubNavbarItemComponent,
|
|
10632
|
+
TCloudUiNavbarComponent,
|
|
10633
|
+
TCloudUiNavbarItemComponent,
|
|
10556
10634
|
TCloudUiTabGroupComponent,
|
|
10557
10635
|
TCloudUiTabItemComponent,
|
|
10558
10636
|
TCloudUiWizardStepsComponent,
|
|
@@ -10652,6 +10730,8 @@ class TCloudUiModule {
|
|
|
10652
10730
|
TCloudUiSubNavbarComponent,
|
|
10653
10731
|
TCloudUiSubNavbarGroupComponent,
|
|
10654
10732
|
TCloudUiSubNavbarItemComponent,
|
|
10733
|
+
TCloudUiNavbarComponent,
|
|
10734
|
+
TCloudUiNavbarItemComponent,
|
|
10655
10735
|
TCloudUiTabGroupComponent,
|
|
10656
10736
|
TCloudUiTabItemComponent,
|
|
10657
10737
|
TCloudUiWizardStepsComponent,
|
|
@@ -10725,6 +10805,8 @@ class TCloudUiModule {
|
|
|
10725
10805
|
TCloudUiSubNavbarComponent,
|
|
10726
10806
|
TCloudUiSubNavbarGroupComponent,
|
|
10727
10807
|
TCloudUiSubNavbarItemComponent,
|
|
10808
|
+
TCloudUiNavbarComponent,
|
|
10809
|
+
TCloudUiNavbarItemComponent,
|
|
10728
10810
|
TCloudUiTabItemComponent,
|
|
10729
10811
|
TCloudUiBreadcrumbComponent,
|
|
10730
10812
|
TCloudUiSearchInputComponent,
|
|
@@ -12740,5 +12822,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
12740
12822
|
* Generated bundle index. Do not edit.
|
|
12741
12823
|
*/
|
|
12742
12824
|
|
|
12743
|
-
export { AcceptedFileType, BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$2 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, DropdownGroupedSize, DropdownMultiSize$1 as DropdownMultiSize, DropdownSize$1 as DropdownSize, MonthNamePipe, MultiLevelDropdownSize$1 as MultiLevelDropdownSize, ProductActionPipe, ProgressStatusBarGradientStatus$1 as ProgressStatusBarGradientStatus, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCLOUD_UI_CONFIG, TCLOUD_UI_LAYOUT_SERVICE, TCLOUD_UI_LOCALE_SERVICE, TCLOUD_UI_USER_SERVICE, TCLOUD_UI_VIEWPORT_SERVICE, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionTitleComponent, TCloudUiAlertBannerComponent, TCloudUiAlignDirective, TCloudUiBreadcrumbComponent, TCloudUiBreadcrumbService, TCloudUiButtonDirective, TCloudUiCalendarComponent, TCloudUiCardAccordionComponent, TCloudUiCardComponent, TCloudUiCardTitleComponent, TCloudUiCarouselComponent, TCloudUiCheckAccessDirective, TCloudUiCheckAccessService, TCloudUiCheckboxDirective, TCloudUiChoiceIssuesComponent, TCloudUiContainerColComponent, TCloudUiContainerComponent, TCloudUiContainerContentComponent, TCloudUiCubesComponent, TCloudUiCurrencyDirective, TCloudUiDataListComponent, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerTimeComponent, TCloudUiDialogComponent, TCloudUiDialogEventsEnum, TCloudUiDialogHostComponent, TCloudUiDialogModel, TCloudUiDialogService, TCloudUiDialogStatusEnum, TCloudUiDialogTextConfirmationEnum, TCloudUiDigitOnlyDirective, TCloudUiDropdownComponent, TCloudUiDropdownMultiComponent, TCloudUiDropdownMultiLevelComponent, TCloudUiEditorComponent, TCloudUiEditorDiffComponent, TCloudUiElCopyDirective, TCloudUiEmptyContentComponent, TCloudUiFaqComponent, TCloudUiFilterBarComponent, TCloudUiFiltersComponent, TCloudUiFormDirective, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiIconButtonDirective, TCloudUiInputContainerComponent, TCloudUiInputDirective, TCloudUiInputPasswordComponent, TCloudUiInputSearchComponent, TCloudUiIpMaskDirective, TCloudUiLabelTokenComponent, TCloudUiLegendComponent, TCloudUiLineStepCircleComponent, TCloudUiLineStepTitleComponent, TCloudUiLinhaLogoComponent, TCloudUiLoadingComponent, TCloudUiLoadingTransitionsService, TCloudUiMarkReadmeComponent, TCloudUiMessageComponent, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiSelectComponent, TCloudUiMultiplesValuesComponent, TCloudUiNgCheckAccessDirective, TCloudUiNgFeatureFlagsDirective, TCloudUiNotFoundComponent, TCloudUiNumberStepComponent, TCloudUiPaginationComponent, TCloudUiPaginationPipe, TCloudUiPopoverComponent, TCloudUiProgressBarComponent, TCloudUiProgressStatusBarComponent, TCloudUiRadioDirective, TCloudUiRangeDateComponent, TCloudUiReorderItemsComponent, TCloudUiScrollBoxComponent, TCloudUiSearchBarComponent, TCloudUiSearchInObjectService, TCloudUiSearchInputComponent, TCloudUiSkeletonLoadingComponent, TCloudUiSkeletonLoadingComponentStyle, TCloudUiSlideToggleDirective, TCloudUiSubNavbarComponent, TCloudUiSubNavbarGroupComponent, TCloudUiSubNavbarItemComponent, TCloudUiTabContentComponent, TCloudUiTabGroupComponent, TCloudUiTabHeadComponent, TCloudUiTabItemComponent, TCloudUiTabMenuComponent, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTagComponent, TCloudUiToastComponent, TCloudUiTooltipDirective, TCloudUiUploadAreaComponent, TCloudUiWelcomeComponent, TCloudUiWizardStepsComponent, TagColorsEnum, TcRevButtonDirective, TcRevCalendarComponent, TcRevCardAccordionComponent, TcRevCardComponent, TcRevCardTitleComponent, TcRevCheckboxDirective, TcRevComponentsLibModule, TcRevDropdownComponent, TcRevDropdownGroupedComponent, TcRevDropdownMultiComponent, TcRevDropdownMultiLevelComponent, TcRevEmptyContentComponent, TcRevFaqComponent, TcRevIconButtonDirective, TcRevInputContainerComponent, TcRevInputDirective, TcRevLoadingComponent, TcRevMessageComponent, TcRevMultiInputComponent, TcRevPaginationComponent, TcRevProgressStatusBarComponent, TcRevRadioDirective, TcRevSearchInputComponent, TcRevSideDrawerComponent, TcRevSkeletonLoadingComponent, TcRevSkeletonLoadingComponentStyle, TcRevSlideToggleDirective, TcRevSmallLoadingComponent, TcRevSmallLoadingComponentStyle, TcRevSubNavbarComponent, TcRevSubNavbarItemComponent, TcRevTabGroupComponent, TcRevTabItemComponent, TcRevTagComponent, TcRevToastComponent, TcRevTooltipDirective, TcRevWizardStepsComponent, ToTextPipe, TopologyEnvironmentPipe, TopologyProductPipe, TopologyRegionPipe, TopologyStatusPipe, echartBarConfig, isTextEllipsed, provideTCloudUi };
|
|
12825
|
+
export { AcceptedFileType, BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$2 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, DropdownGroupedSize, DropdownMultiSize$1 as DropdownMultiSize, DropdownSize$1 as DropdownSize, MonthNamePipe, MultiLevelDropdownSize$1 as MultiLevelDropdownSize, ProductActionPipe, ProgressStatusBarGradientStatus$1 as ProgressStatusBarGradientStatus, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCLOUD_UI_CONFIG, TCLOUD_UI_LAYOUT_SERVICE, TCLOUD_UI_LOCALE_SERVICE, TCLOUD_UI_USER_SERVICE, TCLOUD_UI_VIEWPORT_SERVICE, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionTitleComponent, TCloudUiAlertBannerComponent, TCloudUiAlignDirective, TCloudUiBreadcrumbComponent, TCloudUiBreadcrumbService, TCloudUiButtonDirective, TCloudUiCalendarComponent, TCloudUiCardAccordionComponent, TCloudUiCardComponent, TCloudUiCardTitleComponent, TCloudUiCarouselComponent, TCloudUiCheckAccessDirective, TCloudUiCheckAccessService, TCloudUiCheckboxDirective, TCloudUiChoiceIssuesComponent, TCloudUiContainerColComponent, TCloudUiContainerComponent, TCloudUiContainerContentComponent, TCloudUiCubesComponent, TCloudUiCurrencyDirective, TCloudUiDataListComponent, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerTimeComponent, TCloudUiDialogComponent, TCloudUiDialogEventsEnum, TCloudUiDialogHostComponent, TCloudUiDialogModel, TCloudUiDialogService, TCloudUiDialogStatusEnum, TCloudUiDialogTextConfirmationEnum, TCloudUiDigitOnlyDirective, TCloudUiDropdownComponent, TCloudUiDropdownMultiComponent, TCloudUiDropdownMultiLevelComponent, TCloudUiEditorComponent, TCloudUiEditorDiffComponent, TCloudUiElCopyDirective, TCloudUiEmptyContentComponent, TCloudUiFaqComponent, TCloudUiFilterBarComponent, TCloudUiFiltersComponent, TCloudUiFormDirective, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiIconButtonDirective, TCloudUiInputContainerComponent, TCloudUiInputDirective, TCloudUiInputPasswordComponent, TCloudUiInputSearchComponent, TCloudUiIpMaskDirective, TCloudUiLabelTokenComponent, TCloudUiLegendComponent, TCloudUiLineStepCircleComponent, TCloudUiLineStepTitleComponent, TCloudUiLinhaLogoComponent, TCloudUiLoadingComponent, TCloudUiLoadingTransitionsService, TCloudUiMarkReadmeComponent, TCloudUiMessageComponent, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiSelectComponent, TCloudUiMultiplesValuesComponent, TCloudUiNavbarComponent, TCloudUiNavbarItemComponent, TCloudUiNgCheckAccessDirective, TCloudUiNgFeatureFlagsDirective, TCloudUiNotFoundComponent, TCloudUiNumberStepComponent, TCloudUiPaginationComponent, TCloudUiPaginationPipe, TCloudUiPopoverComponent, TCloudUiProgressBarComponent, TCloudUiProgressStatusBarComponent, TCloudUiRadioDirective, TCloudUiRangeDateComponent, TCloudUiReorderItemsComponent, TCloudUiScrollBoxComponent, TCloudUiSearchBarComponent, TCloudUiSearchInObjectService, TCloudUiSearchInputComponent, TCloudUiSkeletonLoadingComponent, TCloudUiSkeletonLoadingComponentStyle, TCloudUiSlideToggleDirective, TCloudUiSubNavbarComponent, TCloudUiSubNavbarGroupComponent, TCloudUiSubNavbarItemComponent, TCloudUiTabContentComponent, TCloudUiTabGroupComponent, TCloudUiTabHeadComponent, TCloudUiTabItemComponent, TCloudUiTabMenuComponent, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTagComponent, TCloudUiToastComponent, TCloudUiTooltipDirective, TCloudUiUploadAreaComponent, TCloudUiWelcomeComponent, TCloudUiWizardStepsComponent, TagColorsEnum, TcRevButtonDirective, TcRevCalendarComponent, TcRevCardAccordionComponent, TcRevCardComponent, TcRevCardTitleComponent, TcRevCheckboxDirective, TcRevComponentsLibModule, TcRevDropdownComponent, TcRevDropdownGroupedComponent, TcRevDropdownMultiComponent, TcRevDropdownMultiLevelComponent, TcRevEmptyContentComponent, TcRevFaqComponent, TcRevIconButtonDirective, TcRevInputContainerComponent, TcRevInputDirective, TcRevLoadingComponent, TcRevMessageComponent, TcRevMultiInputComponent, TcRevPaginationComponent, TcRevProgressStatusBarComponent, TcRevRadioDirective, TcRevSearchInputComponent, TcRevSideDrawerComponent, TcRevSkeletonLoadingComponent, TcRevSkeletonLoadingComponentStyle, TcRevSlideToggleDirective, TcRevSmallLoadingComponent, TcRevSmallLoadingComponentStyle, TcRevSubNavbarComponent, TcRevSubNavbarItemComponent, TcRevTabGroupComponent, TcRevTabItemComponent, TcRevTagComponent, TcRevToastComponent, TcRevTooltipDirective, TcRevWizardStepsComponent, ToTextPipe, TopologyEnvironmentPipe, TopologyProductPipe, TopologyRegionPipe, TopologyStatusPipe, echartBarConfig, isTextEllipsed, provideTCloudUi };
|
|
12744
12826
|
//# sourceMappingURL=dev-tcloud-tcloud-ui.mjs.map
|