@dev-tcloud/tcloud-ui 6.28.3 → 6.29.0

package/docs/tcloud-ui-popover.md

@@ -0,0 +1,54 @@
+# Popover
+
+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.
+
+## Uso básico
+
+```html
+<tcloud-ui-popover>
+  <button type="button" popover-trigger>Open popover</button>
+
+  <div popover-content>
+    Conteúdo do popover
+  </div>
+</tcloud-ui-popover>
+```
+
+## Inputs
+
+| Nome | Tipo | Descrição | Default |
+|------|------|-----------|---------|
+| `position` | `'top' \| 'right' \| 'bottom' \| 'left'` | Define o lado em que o popover será aberto. | `'bottom'` |
+| `align` | `'start' \| 'center' \| 'end'` | Define o alinhamento do painel em relação ao trigger. | `'start'` |
+| `maxWidth` | `number \| string` | Define a largura máxima do painel. Números são tratados como pixels. | `320` |
+| `disabled` | `boolean` | Desabilita a abertura do popover. | `false` |
+| `showCloseIcon` | `boolean` | Exibe um botão `X` para fechar o popover. | `false` |
+| `open` | `boolean` | Permite controlar a abertura via binding externo. | `false` |
+
+## Outputs
+
+| Nome | Tipo | Descrição |
+|------|------|-----------|
+| `openChange` | `boolean` | Emitido quando o estado aberto/fechado muda. |
+
+## Fechamento
+
+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.
+
+## Alinhamento e largura
+
+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.
+
+```html
+<tcloud-ui-popover position="bottom" align="end" maxWidth="420px">
+  <button type="button" popover-trigger>Open</button>
+
+  <div popover-content>
+    Conteúdo alinhado à direita do trigger.
+  </div>
+</tcloud-ui-popover>
+```
+
+## Dark mode
+
+O componente usa tokens CSS `--c-*`, então acompanha o dark mode aplicado pela classe `.tc-dark` do projeto.

package/fesm2022/dev-tcloud-tcloud-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, EventEmitter, Input, Output, InjectionToken, Optional, Inject, inject, signal, Pipe, forwardRef, ViewChild, input, effect, Directive, ViewEncapsulation, SkipSelf, ChangeDetectionStrategy, HostListener, ChangeDetectorRef, computed, ApplicationRef, output, model, numberAttribute, booleanAttribute, HostBinding, ContentChildren, viewChild, EnvironmentInjector, createComponent, ViewContainerRef, NgModule, makeEnvironmentProviders } from '@angular/core';
+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';
 import * as i1 from '@angular/common';
 import { CommonModule, DatePipe, DOCUMENT } from '@angular/common';
 import { Subject, Subscription, BehaviorSubject, debounceTime, distinctUntilChanged, map } from 'rxjs';
@@ -4004,6 +4004,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 args: ['_formulario']
             }] } });
 
+class TCloudUiPopoverComponent {
+    set open(open) {
+        this._open = open;
+    }
+    get open() {
+        return this._open;
+    }
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.position = 'bottom';
+        this.align = 'start';
+        this.maxWidth = 320;
+        this.disabled = false;
+        this.showCloseIcon = false;
+        this._open = false;
+        this.openChange = new EventEmitter();
+    }
+    get maxWidthValue() {
+        return typeof this.maxWidth === 'number' ? `${this.maxWidth}px` : this.maxWidth;
+    }
+    toToggle(event) {
+        event.stopPropagation();
+        if (this.disabled) {
+            return;
+        }
+        this.setOpen(!this.open);
+    }
+    toClose(event) {
+        event?.stopPropagation();
+        this.setOpen(false);
+    }
+    setOpen(open) {
+        if (this._open === open) {
+            return;
+        }
+        this._open = open;
+        this.openChange.emit(open);
+    }
+    onDocumentClick(event) {
+        if (!this.open) {
+            return;
+        }
+        const target = event.target;
+        if (target && !this.elementRef.nativeElement.contains(target)) {
+            this.toClose();
+        }
+    }
+    onEscape() {
+        if (this.open) {
+            this.toClose();
+        }
+    }
+    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 }); }
+    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.max-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;padding:12px;position:absolute;width:max-content;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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TCloudUiPopoverComponent, decorators: [{
+            type: Component,
+            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.max-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;padding:12px;position:absolute;width:max-content;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"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { position: [{
+                type: Input
+            }], align: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], showCloseIcon: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], openChange: [{
+                type: Output
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }], onEscape: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
+
 const CUSTOM_INPUT_VALIDATORS$2 = {
     provide: NG_VALIDATORS,
     useExisting: forwardRef(() => TCloudUiMultiInputComponent),
@@ -10269,6 +10349,7 @@ const COMPONENTS = [
     TCloudUiModalBodyComponent,
     TCloudUiModalHeaderComponent,
     TCloudUiModalFooterComponent,
+    TCloudUiPopoverComponent,
     TCloudUiMultiInputComponent,
     TCloudUiMultiSelectComponent,
     TCloudUiNotFoundComponent,
@@ -10405,6 +10486,7 @@ class TCloudUiModule {
             TCloudUiModalBodyComponent,
             TCloudUiModalHeaderComponent,
             TCloudUiModalFooterComponent,
+            TCloudUiPopoverComponent,
             TCloudUiMultiInputComponent,
             TCloudUiMultiSelectComponent,
             TCloudUiNotFoundComponent,
@@ -10503,6 +10585,7 @@ class TCloudUiModule {
             TCloudUiModalBodyComponent,
             TCloudUiModalHeaderComponent,
             TCloudUiModalFooterComponent,
+            TCloudUiPopoverComponent,
             TCloudUiMultiInputComponent,
             TCloudUiMultiSelectComponent,
             TCloudUiNotFoundComponent,
@@ -10607,6 +10690,7 @@ class TCloudUiModule {
             TCloudUiModalBodyComponent,
             TCloudUiModalHeaderComponent,
             TCloudUiModalFooterComponent,
+            TCloudUiPopoverComponent,
             TCloudUiMultiInputComponent,
             TCloudUiMultiSelectComponent,
             TCloudUiNotFoundComponent,
@@ -12678,5 +12762,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-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 };
+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 };
 //# sourceMappingURL=dev-tcloud-tcloud-ui.mjs.map