@dev-tcloud/tcloud-ui 6.28.3 → 6.29.1
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/docs/tcloud-ui-popover.md +117 -0
- package/fesm2022/dev-tcloud-tcloud-ui.mjs +86 -2
- package/fesm2022/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/js/tcloud-ui-app.js +1 -1
- package/lib/_modules/tcloud-ui-popover/tcloud-ui-popover.component.d.ts +24 -0
- package/lib/_modules/tcloud-ui-popover/tcloud-ui-popover.d.ts +3 -0
- package/lib/tcloud-ui.module.d.ts +85 -84
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
# Popover
|
|
2
|
+
|
|
3
|
+
O componente `tcloud-ui-popover` exibe um painel flutuante simples, ancorado ao elemento de origem. Ele aceita HTML livre e componentes Angular dentro do conteúdo projetado.
|
|
4
|
+
|
|
5
|
+
## Instalação
|
|
6
|
+
|
|
7
|
+
Instale a biblioteca no projeto consumidor:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install @dev-tcloud/tcloud-ui
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
Para usar o componente em um componente standalone, importe `TCloudUiPopoverComponent`:
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
import { TCloudUiPopoverComponent } from '@dev-tcloud/tcloud-ui';
|
|
17
|
+
|
|
18
|
+
@Component({
|
|
19
|
+
standalone: true,
|
|
20
|
+
imports: [TCloudUiPopoverComponent]
|
|
21
|
+
})
|
|
22
|
+
export class ExampleComponent {}
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
Em módulos Angular, importe o `TCloudUiModule` uma vez no módulo onde o popover será usado:
|
|
26
|
+
|
|
27
|
+
```ts
|
|
28
|
+
import { TCloudUiModule } from '@dev-tcloud/tcloud-ui';
|
|
29
|
+
|
|
30
|
+
@NgModule({
|
|
31
|
+
imports: [TCloudUiModule]
|
|
32
|
+
})
|
|
33
|
+
export class ExampleModule {}
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
## Uso básico
|
|
37
|
+
|
|
38
|
+
```html
|
|
39
|
+
<tcloud-ui-popover>
|
|
40
|
+
<button type="button" popover-trigger>Open popover</button>
|
|
41
|
+
|
|
42
|
+
<div popover-content>
|
|
43
|
+
Conteúdo do popover
|
|
44
|
+
</div>
|
|
45
|
+
</tcloud-ui-popover>
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
## Inputs
|
|
49
|
+
|
|
50
|
+
| Nome | Tipo | Descrição | Default |
|
|
51
|
+
|------|------|-----------|---------|
|
|
52
|
+
| `position` | `'top' \| 'right' \| 'bottom' \| 'left'` | Define o lado em que o popover será aberto. | `'bottom'` |
|
|
53
|
+
| `align` | `'start' \| 'center' \| 'end'` | Define o alinhamento do painel em relação ao trigger. | `'start'` |
|
|
54
|
+
| `maxWidth` | `number \| string` | Define a largura do painel aberto. Números são tratados como pixels. | `320` |
|
|
55
|
+
| `disabled` | `boolean` | Desabilita a abertura do popover. | `false` |
|
|
56
|
+
| `showCloseIcon` | `boolean` | Exibe um botão `X` para fechar o popover. | `false` |
|
|
57
|
+
| `open` | `boolean` | Permite controlar a abertura via binding externo. | `false` |
|
|
58
|
+
|
|
59
|
+
## Outputs
|
|
60
|
+
|
|
61
|
+
| Nome | Tipo | Descrição |
|
|
62
|
+
|------|------|-----------|
|
|
63
|
+
| `openChange` | `boolean` | Emitido quando o estado aberto/fechado muda. |
|
|
64
|
+
|
|
65
|
+
## Fechamento
|
|
66
|
+
|
|
67
|
+
O popover fecha ao clicar fora do componente ou ao pressionar `ESC`. Quando `showCloseIcon` for `true`, um botão `X` também é exibido dentro do painel.
|
|
68
|
+
|
|
69
|
+
## Alinhamento e largura
|
|
70
|
+
|
|
71
|
+
Use `position` para definir o lado de abertura e `align` para definir a borda de ancoragem. Por exemplo, com `position="bottom"` e `align="end"`, o painel abre abaixo do trigger e cresce para a esquerda, mantendo a borda direita alinhada ao botão.
|
|
72
|
+
|
|
73
|
+
Use `maxWidth` para definir o tamanho do painel aberto. O popover ocupa 100% do valor informado em `maxWidth` e respeita o limite da viewport para evitar estouro horizontal.
|
|
74
|
+
|
|
75
|
+
```html
|
|
76
|
+
<tcloud-ui-popover position="bottom" align="end" maxWidth="420px">
|
|
77
|
+
<button type="button" popover-trigger>Open</button>
|
|
78
|
+
|
|
79
|
+
<div popover-content>
|
|
80
|
+
Conteúdo alinhado à direita do trigger.
|
|
81
|
+
</div>
|
|
82
|
+
</tcloud-ui-popover>
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
## Largura customizada
|
|
86
|
+
|
|
87
|
+
Informe `maxWidth` como numero ou string para definir a largura do popover aberto. Quando o valor for numerico, ele sera convertido para pixels; quando for string, o valor sera aplicado diretamente como CSS.
|
|
88
|
+
|
|
89
|
+
```html
|
|
90
|
+
<tcloud-ui-popover position="right" align="start" [maxWidth]="560">
|
|
91
|
+
<button type="button" popover-trigger>Detalhes</button>
|
|
92
|
+
|
|
93
|
+
<div popover-content>
|
|
94
|
+
Este popover abre com 560px de largura, ocupando 100% do valor informado em maxWidth.
|
|
95
|
+
</div>
|
|
96
|
+
</tcloud-ui-popover>
|
|
97
|
+
|
|
98
|
+
<tcloud-ui-popover position="bottom" align="center" maxWidth="min(640px, 90vw)">
|
|
99
|
+
<button type="button" popover-trigger>Resumo</button>
|
|
100
|
+
|
|
101
|
+
<div popover-content>
|
|
102
|
+
Este popover usa uma largura CSS customizada e continua respeitando o limite da viewport.
|
|
103
|
+
</div>
|
|
104
|
+
</tcloud-ui-popover>
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
## Posicionamento e camada
|
|
108
|
+
|
|
109
|
+
O painel do popover e renderizado dentro do proprio componente. O container usa `position: relative` e o painel usa `position: absolute`, permitindo que as posicoes `top`, `right`, `bottom` e `left` sejam calculadas a partir do trigger.
|
|
110
|
+
|
|
111
|
+
O `z-index` padrao do painel e `4006`. Esse valor posiciona o popover acima de dropdowns comuns da biblioteca e abaixo de camadas globais como tooltips e menus de sistema.
|
|
112
|
+
|
|
113
|
+
## Dark mode
|
|
114
|
+
|
|
115
|
+
O componente usa tokens CSS `--c-*`, então acompanha o dark mode aplicado pela classe `.tc-dark` do projeto.
|
|
116
|
+
|
|
117
|
+
O background default do painel e `var(--c-neutral-50)`. No tema claro, esse token resolve para `#FFFFFF`; em `body.tc-dark`, resolve para `#0F1117`.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Component, EventEmitter, Input, Output, InjectionToken, Optional, Inject, inject, signal, Pipe, forwardRef, ViewChild, input, effect, Directive, ViewEncapsulation, SkipSelf, ChangeDetectionStrategy,
|
|
2
|
+
import { Injectable, Component, EventEmitter, Input, Output, InjectionToken, Optional, Inject, inject, signal, Pipe, forwardRef, ViewChild, input, effect, Directive, ViewEncapsulation, HostListener, SkipSelf, ChangeDetectionStrategy, ChangeDetectorRef, computed, ApplicationRef, output, model, numberAttribute, booleanAttribute, HostBinding, ContentChildren, viewChild, EnvironmentInjector, createComponent, ViewContainerRef, NgModule, makeEnvironmentProviders } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule, DatePipe, DOCUMENT } from '@angular/common';
|
|
5
5
|
import { Subject, Subscription, BehaviorSubject, debounceTime, distinctUntilChanged, map } from 'rxjs';
|
|
@@ -4004,6 +4004,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
4004
4004
|
args: ['_formulario']
|
|
4005
4005
|
}] } });
|
|
4006
4006
|
|
|
4007
|
+
class TCloudUiPopoverComponent {
|
|
4008
|
+
set open(open) {
|
|
4009
|
+
this._open = open;
|
|
4010
|
+
}
|
|
4011
|
+
get open() {
|
|
4012
|
+
return this._open;
|
|
4013
|
+
}
|
|
4014
|
+
constructor(elementRef) {
|
|
4015
|
+
this.elementRef = elementRef;
|
|
4016
|
+
this.position = 'bottom';
|
|
4017
|
+
this.align = 'start';
|
|
4018
|
+
this.maxWidth = 320;
|
|
4019
|
+
this.disabled = false;
|
|
4020
|
+
this.showCloseIcon = false;
|
|
4021
|
+
this._open = false;
|
|
4022
|
+
this.openChange = new EventEmitter();
|
|
4023
|
+
}
|
|
4024
|
+
get maxWidthValue() {
|
|
4025
|
+
return typeof this.maxWidth === 'number' ? `${this.maxWidth}px` : this.maxWidth;
|
|
4026
|
+
}
|
|
4027
|
+
toToggle(event) {
|
|
4028
|
+
event.stopPropagation();
|
|
4029
|
+
if (this.disabled) {
|
|
4030
|
+
return;
|
|
4031
|
+
}
|
|
4032
|
+
this.setOpen(!this.open);
|
|
4033
|
+
}
|
|
4034
|
+
toClose(event) {
|
|
4035
|
+
event?.stopPropagation();
|
|
4036
|
+
this.setOpen(false);
|
|
4037
|
+
}
|
|
4038
|
+
setOpen(open) {
|
|
4039
|
+
if (this._open === open) {
|
|
4040
|
+
return;
|
|
4041
|
+
}
|
|
4042
|
+
this._open = open;
|
|
4043
|
+
this.openChange.emit(open);
|
|
4044
|
+
}
|
|
4045
|
+
onDocumentClick(event) {
|
|
4046
|
+
if (!this.open) {
|
|
4047
|
+
return;
|
|
4048
|
+
}
|
|
4049
|
+
const target = event.target;
|
|
4050
|
+
if (target && !this.elementRef.nativeElement.contains(target)) {
|
|
4051
|
+
this.toClose();
|
|
4052
|
+
}
|
|
4053
|
+
}
|
|
4054
|
+
onEscape() {
|
|
4055
|
+
if (this.open) {
|
|
4056
|
+
this.toClose();
|
|
4057
|
+
}
|
|
4058
|
+
}
|
|
4059
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TCloudUiPopoverComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4060
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: TCloudUiPopoverComponent, isStandalone: true, selector: "tcloud-ui-popover", inputs: { position: "position", align: "align", maxWidth: "maxWidth", disabled: "disabled", showCloseIcon: "showCloseIcon", open: "open" }, outputs: { openChange: "openChange" }, host: { listeners: { "document:click": "onDocumentClick($event)", "document:keydown.escape": "onEscape()" } }, ngImport: i0, template: "<div\n class=\"tcloud-ui-popover\"\n [class.is-open]=\"open\"\n [class.is-disabled]=\"disabled\"\n [ngClass]=\"['position-' + position, 'align-' + align]\">\n <div\n class=\"tcloud-ui-popover-trigger\"\n [attr.aria-expanded]=\"open\"\n [attr.aria-disabled]=\"disabled\"\n (click)=\"toToggle($event)\">\n <ng-content select=\"[popover-trigger]\"></ng-content>\n </div>\n\n <div\n *ngIf=\"open\"\n class=\"tcloud-ui-popover-panel\"\n role=\"dialog\"\n [style.--tcloud-ui-popover-width]=\"maxWidthValue\"\n (click)=\"$event.stopPropagation()\">\n <button\n *ngIf=\"showCloseIcon\"\n type=\"button\"\n class=\"tcloud-ui-popover-close\"\n aria-label=\"Fechar popover\"\n (click)=\"toClose($event)\">\n <i class=\"fas fa-times\"></i>\n </button>\n\n <div class=\"tcloud-ui-popover-content\">\n <ng-content select=\"[popover-content]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [":host{display:inline-block}.tcloud-ui-popover{display:inline-block;position:relative;text-align:left}.tcloud-ui-popover-trigger{display:inline-flex}.tcloud-ui-popover.is-disabled .tcloud-ui-popover-trigger{cursor:not-allowed;opacity:.65}.tcloud-ui-popover-panel{background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-200);border-radius:8px;box-shadow:2px 2px 10px #0003;color:var(--c-neutral-900);min-width:180px;max-width:calc(100vw - 24px);padding:12px;position:absolute;width:var(--tcloud-ui-popover-width, 320px);z-index:4006}.tcloud-ui-popover-content{max-width:100%}.tcloud-ui-popover-close{align-items:center;background-color:transparent;border:0;color:var(--c-neutral-600);cursor:pointer;display:inline-flex;font-size:14px;height:24px;justify-content:center;padding:0;position:absolute;right:6px;top:6px;transition:color .2s ease,background-color .2s ease;width:24px}.tcloud-ui-popover-close:hover,.tcloud-ui-popover-close:focus-visible{background-color:var(--c-neutral-100);border-radius:4px;color:var(--c-neutral-900);outline:none}.tcloud-ui-popover-close+.tcloud-ui-popover-content{padding-right:24px}.position-bottom .tcloud-ui-popover-panel{top:calc(100% + 8px)}.position-top .tcloud-ui-popover-panel{bottom:calc(100% + 8px)}.position-bottom.align-start .tcloud-ui-popover-panel,.position-top.align-start .tcloud-ui-popover-panel{left:0}.position-bottom.align-center .tcloud-ui-popover-panel,.position-top.align-center .tcloud-ui-popover-panel{left:50%;transform:translate(-50%)}.position-bottom.align-end .tcloud-ui-popover-panel,.position-top.align-end .tcloud-ui-popover-panel{right:0}.position-right .tcloud-ui-popover-panel{left:calc(100% + 8px)}.position-left .tcloud-ui-popover-panel{right:calc(100% + 8px)}.position-right.align-start .tcloud-ui-popover-panel,.position-left.align-start .tcloud-ui-popover-panel{top:0}.position-right.align-center .tcloud-ui-popover-panel,.position-left.align-center .tcloud-ui-popover-panel{top:50%;transform:translateY(-50%)}.position-right.align-end .tcloud-ui-popover-panel,.position-left.align-end .tcloud-ui-popover-panel{bottom:0}:host-context(.tc-dark) .tcloud-ui-popover-panel,:host-context(body.tc-dark) .tcloud-ui-popover-panel{box-shadow:2px 2px 10px #00000073}@media (prefers-reduced-motion: reduce){.tcloud-ui-popover-close{transition:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
4061
|
+
}
|
|
4062
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TCloudUiPopoverComponent, decorators: [{
|
|
4063
|
+
type: Component,
|
|
4064
|
+
args: [{ selector: 'tcloud-ui-popover', standalone: true, imports: [CommonModule], template: "<div\n class=\"tcloud-ui-popover\"\n [class.is-open]=\"open\"\n [class.is-disabled]=\"disabled\"\n [ngClass]=\"['position-' + position, 'align-' + align]\">\n <div\n class=\"tcloud-ui-popover-trigger\"\n [attr.aria-expanded]=\"open\"\n [attr.aria-disabled]=\"disabled\"\n (click)=\"toToggle($event)\">\n <ng-content select=\"[popover-trigger]\"></ng-content>\n </div>\n\n <div\n *ngIf=\"open\"\n class=\"tcloud-ui-popover-panel\"\n role=\"dialog\"\n [style.--tcloud-ui-popover-width]=\"maxWidthValue\"\n (click)=\"$event.stopPropagation()\">\n <button\n *ngIf=\"showCloseIcon\"\n type=\"button\"\n class=\"tcloud-ui-popover-close\"\n aria-label=\"Fechar popover\"\n (click)=\"toClose($event)\">\n <i class=\"fas fa-times\"></i>\n </button>\n\n <div class=\"tcloud-ui-popover-content\">\n <ng-content select=\"[popover-content]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [":host{display:inline-block}.tcloud-ui-popover{display:inline-block;position:relative;text-align:left}.tcloud-ui-popover-trigger{display:inline-flex}.tcloud-ui-popover.is-disabled .tcloud-ui-popover-trigger{cursor:not-allowed;opacity:.65}.tcloud-ui-popover-panel{background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-200);border-radius:8px;box-shadow:2px 2px 10px #0003;color:var(--c-neutral-900);min-width:180px;max-width:calc(100vw - 24px);padding:12px;position:absolute;width:var(--tcloud-ui-popover-width, 320px);z-index:4006}.tcloud-ui-popover-content{max-width:100%}.tcloud-ui-popover-close{align-items:center;background-color:transparent;border:0;color:var(--c-neutral-600);cursor:pointer;display:inline-flex;font-size:14px;height:24px;justify-content:center;padding:0;position:absolute;right:6px;top:6px;transition:color .2s ease,background-color .2s ease;width:24px}.tcloud-ui-popover-close:hover,.tcloud-ui-popover-close:focus-visible{background-color:var(--c-neutral-100);border-radius:4px;color:var(--c-neutral-900);outline:none}.tcloud-ui-popover-close+.tcloud-ui-popover-content{padding-right:24px}.position-bottom .tcloud-ui-popover-panel{top:calc(100% + 8px)}.position-top .tcloud-ui-popover-panel{bottom:calc(100% + 8px)}.position-bottom.align-start .tcloud-ui-popover-panel,.position-top.align-start .tcloud-ui-popover-panel{left:0}.position-bottom.align-center .tcloud-ui-popover-panel,.position-top.align-center .tcloud-ui-popover-panel{left:50%;transform:translate(-50%)}.position-bottom.align-end .tcloud-ui-popover-panel,.position-top.align-end .tcloud-ui-popover-panel{right:0}.position-right .tcloud-ui-popover-panel{left:calc(100% + 8px)}.position-left .tcloud-ui-popover-panel{right:calc(100% + 8px)}.position-right.align-start .tcloud-ui-popover-panel,.position-left.align-start .tcloud-ui-popover-panel{top:0}.position-right.align-center .tcloud-ui-popover-panel,.position-left.align-center .tcloud-ui-popover-panel{top:50%;transform:translateY(-50%)}.position-right.align-end .tcloud-ui-popover-panel,.position-left.align-end .tcloud-ui-popover-panel{bottom:0}:host-context(.tc-dark) .tcloud-ui-popover-panel,:host-context(body.tc-dark) .tcloud-ui-popover-panel{box-shadow:2px 2px 10px #00000073}@media (prefers-reduced-motion: reduce){.tcloud-ui-popover-close{transition:none}}\n"] }]
|
|
4065
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { position: [{
|
|
4066
|
+
type: Input
|
|
4067
|
+
}], align: [{
|
|
4068
|
+
type: Input
|
|
4069
|
+
}], maxWidth: [{
|
|
4070
|
+
type: Input
|
|
4071
|
+
}], disabled: [{
|
|
4072
|
+
type: Input
|
|
4073
|
+
}], showCloseIcon: [{
|
|
4074
|
+
type: Input
|
|
4075
|
+
}], open: [{
|
|
4076
|
+
type: Input
|
|
4077
|
+
}], openChange: [{
|
|
4078
|
+
type: Output
|
|
4079
|
+
}], onDocumentClick: [{
|
|
4080
|
+
type: HostListener,
|
|
4081
|
+
args: ['document:click', ['$event']]
|
|
4082
|
+
}], onEscape: [{
|
|
4083
|
+
type: HostListener,
|
|
4084
|
+
args: ['document:keydown.escape']
|
|
4085
|
+
}] } });
|
|
4086
|
+
|
|
4007
4087
|
const CUSTOM_INPUT_VALIDATORS$2 = {
|
|
4008
4088
|
provide: NG_VALIDATORS,
|
|
4009
4089
|
useExisting: forwardRef(() => TCloudUiMultiInputComponent),
|
|
@@ -10269,6 +10349,7 @@ const COMPONENTS = [
|
|
|
10269
10349
|
TCloudUiModalBodyComponent,
|
|
10270
10350
|
TCloudUiModalHeaderComponent,
|
|
10271
10351
|
TCloudUiModalFooterComponent,
|
|
10352
|
+
TCloudUiPopoverComponent,
|
|
10272
10353
|
TCloudUiMultiInputComponent,
|
|
10273
10354
|
TCloudUiMultiSelectComponent,
|
|
10274
10355
|
TCloudUiNotFoundComponent,
|
|
@@ -10405,6 +10486,7 @@ class TCloudUiModule {
|
|
|
10405
10486
|
TCloudUiModalBodyComponent,
|
|
10406
10487
|
TCloudUiModalHeaderComponent,
|
|
10407
10488
|
TCloudUiModalFooterComponent,
|
|
10489
|
+
TCloudUiPopoverComponent,
|
|
10408
10490
|
TCloudUiMultiInputComponent,
|
|
10409
10491
|
TCloudUiMultiSelectComponent,
|
|
10410
10492
|
TCloudUiNotFoundComponent,
|
|
@@ -10503,6 +10585,7 @@ class TCloudUiModule {
|
|
|
10503
10585
|
TCloudUiModalBodyComponent,
|
|
10504
10586
|
TCloudUiModalHeaderComponent,
|
|
10505
10587
|
TCloudUiModalFooterComponent,
|
|
10588
|
+
TCloudUiPopoverComponent,
|
|
10506
10589
|
TCloudUiMultiInputComponent,
|
|
10507
10590
|
TCloudUiMultiSelectComponent,
|
|
10508
10591
|
TCloudUiNotFoundComponent,
|
|
@@ -10607,6 +10690,7 @@ class TCloudUiModule {
|
|
|
10607
10690
|
TCloudUiModalBodyComponent,
|
|
10608
10691
|
TCloudUiModalHeaderComponent,
|
|
10609
10692
|
TCloudUiModalFooterComponent,
|
|
10693
|
+
TCloudUiPopoverComponent,
|
|
10610
10694
|
TCloudUiMultiInputComponent,
|
|
10611
10695
|
TCloudUiMultiSelectComponent,
|
|
10612
10696
|
TCloudUiNotFoundComponent,
|
|
@@ -12678,5 +12762,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
12678
12762
|
* Generated bundle index. Do not edit.
|
|
12679
12763
|
*/
|
|
12680
12764
|
|
|
12681
|
-
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, 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 };
|
|
12765
|
+
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 };
|
|
12682
12766
|
//# sourceMappingURL=dev-tcloud-tcloud-ui.mjs.map
|