@dev-tcloud/tcloud-ui 6.19.2 → 6.20.0

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

@@ -1,11 +1,11 @@
 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, ContentChildren, viewChild, NgModule, makeEnvironmentProviders } 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, ContentChildren, viewChild, ComponentFactoryResolver, 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';
 import { trigger, state, style, transition, animate, AnimationBuilder } from '@angular/animations';
 import * as i2 from '@angular/forms';
-import { NG_VALUE_ACCESSOR, FormsModule, FormControl, ReactiveFormsModule, NG_VALIDATORS, FormGroup, Validators } from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule, FormControl, ReactiveFormsModule, NG_VALIDATORS, Validators, FormGroup } from '@angular/forms';
 import * as i1$1 from '@angular/router';
 import { Router, RouterModule } from '@angular/router';
 
@@ -282,6 +282,15 @@ var modal$1 = {
 	to_confirm: "to confirm",
 	textByConfirm: "confirm"
 };
+var dialogConfirmation$1 = {
+	default_title: "Attention",
+	default_message: "Do you really want to execute this action?",
+	cancel: "Cancel",
+	"continue": "Continue",
+	remove: "Remove",
+	confirm: "Confirm",
+	input_confirmation_error: "Type the word \"{{word}}\"."
+};
 var enUS = {
 	choiceIssues: choiceIssues$1,
 	inputPassword: inputPassword$1,
@@ -290,7 +299,8 @@ var enUS = {
 	notFound: notFound$1,
 	searchInObject: searchInObject$1,
 	uploadArea: uploadArea$1,
-	modal: modal$1
+	modal: modal$1,
+	dialogConfirmation: dialogConfirmation$1
 };
 
 var choiceIssues = {
@@ -327,6 +337,15 @@ var modal = {
 	to_confirm: "para confirmar",
 	textByConfirm: "confirmo"
 };
+var dialogConfirmation = {
+	default_title: "Atención",
+	default_message: "¿Desea realmente ejecutar esta acción?",
+	cancel: "Cancelar",
+	"continue": "Continuar",
+	remove: "Eliminar",
+	confirm: "Confirmar",
+	input_confirmation_error: "Escribe la palabra \"{{word}}\"."
+};
 var esES = {
 	choiceIssues: choiceIssues,
 	inputPassword: inputPassword,
@@ -335,7 +354,8 @@ var esES = {
 	notFound: notFound,
 	searchInObject: searchInObject,
 	uploadArea: uploadArea,
-	modal: modal
+	modal: modal,
+	dialogConfirmation: dialogConfirmation
 };
 
 const LOCALE_MESSAGES = {
@@ -5631,6 +5651,69 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                 type: Input
             }] } });
 
+var ProgressStatusBarGradientStatus$1;
+(function (ProgressStatusBarGradientStatus) {
+    ProgressStatusBarGradientStatus["info"] = "info";
+    ProgressStatusBarGradientStatus["danger"] = "danger";
+    ProgressStatusBarGradientStatus["success"] = "success";
+    ProgressStatusBarGradientStatus["alert"] = "alert";
+})(ProgressStatusBarGradientStatus$1 || (ProgressStatusBarGradientStatus$1 = {}));
+var ProgressStatusBarRangeColor$1;
+(function (ProgressStatusBarRangeColor) {
+    ProgressStatusBarRangeColor["dangerStart"] = "#F48E85";
+    ProgressStatusBarRangeColor["dangerEnd"] = "#DC3545";
+    ProgressStatusBarRangeColor["alertStart"] = "#FECD6E";
+    ProgressStatusBarRangeColor["alertEnd"] = "#FEAC0E";
+    ProgressStatusBarRangeColor["infoStart"] = "#6BC1F2";
+    ProgressStatusBarRangeColor["infoEnd"] = "#0897E9";
+    ProgressStatusBarRangeColor["successStart"] = "#A3E78C";
+    ProgressStatusBarRangeColor["successEnd"] = "#47B13D";
+})(ProgressStatusBarRangeColor$1 || (ProgressStatusBarRangeColor$1 = {}));
+class TCloudUiProgressStatusBarComponent {
+    constructor() {
+        this.currentValue = input.required();
+        this.progressStatusConfig = input.required();
+        this.backgroundStyle = '';
+        effect(() => {
+            this.backgroundStyle = this.getBackgroundStyle();
+        });
+    }
+    getBackgroundStyle() {
+        if (!this.currentValue())
+            return '';
+        let currentStatusConfig = this.progressStatusConfig().find((x) => (this.currentValue() >= x.start && this.currentValue() <= x.end));
+        const lastStatusConfig = this.progressStatusConfig()[this.progressStatusConfig()?.length - 1];
+        if (!currentStatusConfig && this.currentValue() < lastStatusConfig.end)
+            return '';
+        if (!currentStatusConfig && this.currentValue() > lastStatusConfig.end) {
+            currentStatusConfig = { start: 0, end: 100, gradientStatus: lastStatusConfig.gradientStatus };
+        }
+        const startStatus = this.getProgressStatusBarRangeColor(currentStatusConfig.gradientStatus, 'start');
+        const endStatus = this.getProgressStatusBarRangeColor(currentStatusConfig.gradientStatus, 'end');
+        let style = `width:${this.currentValue()}%;backgroundImage:linear-gradient(90deg`;
+        style += `,${startStatus} 0%,${endStatus} 100%);`;
+        return style;
+    }
+    getProgressStatusBarRangeColor(_gradientStatus, position) {
+        switch (_gradientStatus) {
+            case ProgressStatusBarGradientStatus$1.alert:
+                return position === 'start' ? ProgressStatusBarRangeColor$1.alertStart : ProgressStatusBarRangeColor$1.alertEnd;
+            case ProgressStatusBarGradientStatus$1.danger:
+                return position === 'start' ? ProgressStatusBarRangeColor$1.dangerStart : ProgressStatusBarRangeColor$1.dangerEnd;
+            case ProgressStatusBarGradientStatus$1.success:
+                return position === 'start' ? ProgressStatusBarRangeColor$1.successStart : ProgressStatusBarRangeColor$1.successEnd;
+            default:
+                return position === 'start' ? ProgressStatusBarRangeColor$1.infoStart : ProgressStatusBarRangeColor$1.infoEnd;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TCloudUiProgressStatusBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.21", type: TCloudUiProgressStatusBarComponent, isStandalone: true, selector: "tcloud-ui-progress-status-bar", inputs: { currentValue: { classPropertyName: "currentValue", publicName: "currentValue", isSignal: true, isRequired: true, transformFunction: null }, progressStatusConfig: { classPropertyName: "progressStatusConfig", publicName: "progressStatusConfig", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"progress-status-bar-container\">\n  <div\n    class=\"progress-status-bar\"\n    [style]=\"this.backgroundStyle\">\n  </div>\n</div>\n", styles: [":host{display:block}.progress-status-bar-container{background-color:var(--c-neutral-200);border-radius:var(--bor-radius-pill);display:block;height:var(--size-12);position:relative}.progress-status-bar-container .progress-status-bar{border-radius:var(--bor-radius-pill);display:block;height:var(--size-12);left:0;max-width:100%;position:absolute;top:0;transition:width .2s linear;width:0}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TCloudUiProgressStatusBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-progress-status-bar', imports: [], template: "<div class=\"progress-status-bar-container\">\n  <div\n    class=\"progress-status-bar\"\n    [style]=\"this.backgroundStyle\">\n  </div>\n</div>\n", styles: [":host{display:block}.progress-status-bar-container{background-color:var(--c-neutral-200);border-radius:var(--bor-radius-pill);display:block;height:var(--size-12);position:relative}.progress-status-bar-container .progress-status-bar{border-radius:var(--bor-radius-pill);display:block;height:var(--size-12);left:0;max-width:100%;position:absolute;top:0;transition:width .2s linear;width:0}\n"] }]
+        }], ctorParameters: () => [] });
+
 class TCloudUiReorderItemsComponent {
     constructor() {
         this.sort_items = [];
@@ -8982,6 +9065,267 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
+var TCloudUiDialogEventsEnum;
+(function (TCloudUiDialogEventsEnum) {
+    TCloudUiDialogEventsEnum[TCloudUiDialogEventsEnum["open"] = 0] = "open";
+    TCloudUiDialogEventsEnum[TCloudUiDialogEventsEnum["close"] = 1] = "close";
+})(TCloudUiDialogEventsEnum || (TCloudUiDialogEventsEnum = {}));
+
+class TcRevSmallLoadingComponent {
+    constructor() {
+        /** Width of the loading spinner accepts string with CSS units (px, rem, em) */
+        this.width = input('1.25rem');
+        /** Margin top in pixels */
+        this.marginTop = input(0);
+        /** Margin bottom in pixels */
+        this.marginBottom = input(0);
+        /** Margin right in pixels */
+        this.marginRight = input(0);
+        /** Margin left in pixels */
+        this.marginLeft = input(0);
+        this.style = new TcRevSmallLoadingComponentStyle();
+    }
+    ngOnInit() {
+        this.style.marginTop = `${this.marginTop()}px`;
+        this.style.marginRight = `${this.marginRight()}px`;
+        this.style.marginLeft = `${this.marginLeft()}px`;
+        this.style.marginBottom = `${this.marginBottom()}px`;
+        this.style.width = this.width();
+        this.style.height = this.width();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TcRevSmallLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.21", type: TcRevSmallLoadingComponent, isStandalone: true, selector: "tc-rev-small-loading", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tc-rev-small-loading\">\n  <span\n    class=\"tc-rev-small-loading__spinner\"\n    [ngStyle]=\"this.style\">\n  </span>\n</div>\n", styles: ["@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tc-rev-small-loading{display:flex;align-items:center;justify-content:center}.tc-rev-small-loading__spinner{animation:rotation 1s linear infinite;border:3px solid var(--c-neutral-200);border-bottom-color:var(--c-neutral-500);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--size-20);width:var(--size-20)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TcRevSmallLoadingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tc-rev-small-loading', imports: [CommonModule], template: "<div class=\"tc-rev-small-loading\">\n  <span\n    class=\"tc-rev-small-loading__spinner\"\n    [ngStyle]=\"this.style\">\n  </span>\n</div>\n", styles: ["@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tc-rev-small-loading{display:flex;align-items:center;justify-content:center}.tc-rev-small-loading__spinner{animation:rotation 1s linear infinite;border:3px solid var(--c-neutral-200);border-bottom-color:var(--c-neutral-500);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--size-20);width:var(--size-20)}\n"] }]
+        }] });
+class TcRevSmallLoadingComponentStyle {
+}
+
+class TCloudUiDialogComponent {
+    constructor() {
+        this.animation = 'visible';
+        this.inputConfirmationControl = new FormControl('', [Validators.required]);
+        this.events = new BehaviorSubject(TCloudUiDialogEventsEnum.open);
+        this.isClosing = false;
+        // * [Injects]
+        this.i18n = inject(I18nService);
+    }
+    onKeydownHandler(event) {
+        if (this.data?.disable || this.data?.loading)
+            return;
+        event.preventDefault();
+        this.close(true);
+    }
+    ngDoCheck() {
+        this.syncInputConfirmationDisabledState();
+    }
+    /**
+     * `FormControl` ignora `[disabled]` no template; `data.loading` / `data.disable`
+     * podem mudar por mutação no modelo após abrir o dialog.
+     */
+    syncInputConfirmationDisabledState() {
+        if (!this.data?.inputConfirmationText)
+            return;
+        const shouldDisable = !!(this.data.disable || this.data.loading);
+        if (shouldDisable && this.inputConfirmationControl.enabled) {
+            this.inputConfirmationControl.disable({ emitEvent: false });
+        }
+        else if (!shouldDisable && this.inputConfirmationControl.disabled) {
+            this.inputConfirmationControl.enable({ emitEvent: false });
+        }
+    }
+    /**
+     * Método para validar o valor do input! A confirmação deve ser igual a 'DELTE'
+     */
+    checkInputConfirmation() {
+        const inputValue = this.inputConfirmationControl.value ?? '';
+        return inputValue.toUpperCase() === this.textConfirmation.toUpperCase();
+    }
+    /** Fecha com `onCancel` quando `data.disableClickOutside` está habilitado e o dialog não está bloqueado. */
+    onBackdropClick() {
+        if (!this.data?.disableClickOutside || this.data.disable)
+            return;
+        this.close(true);
+    }
+    /** Substitui `{{word}}` na mensagem vinda de `dialogConfirmation.input_confirmation_error`. */
+    inputConfirmationErrorMessage() {
+        const word = (this.textConfirmation ?? '').toLowerCase();
+        const template = this.i18n.i18nTranslate('dialogConfirmation.input_confirmation_error', 'Digite corretamente a palavra "{{word}}".');
+        return template.replace(/\{\{\s*word\s*\}\}/gi, word);
+    }
+    /**
+     * Fecha o dialog após a animação.
+     * @param emitCancel `true` (padrão): dispara `onCancel` — uso do X, Esc, botão Cancelar.
+     * `false`: só remove o modal — ex.: após fluxo concluído em `onConfirm` (`dialog.close(false)`).
+     */
+    close(emitCancel = true) {
+        if (this.isClosing)
+            return;
+        this.isClosing = true;
+        if (this.data) {
+            this.data.loading = false;
+            this.data.disable = false;
+        }
+        if (this.inputConfirmationControl.disabled) {
+            this.inputConfirmationControl.enable({ emitEvent: false });
+        }
+        this.animation = 'hide';
+        setTimeout(() => {
+            if (emitCancel) {
+                this.cancelFunction?.(this);
+            }
+            this.events.next(TCloudUiDialogEventsEnum.close);
+            this.events.complete();
+        }, 300);
+    }
+    /**
+     * Método usado no .html para solicitar o click no botão de confirmação
+     */
+    confirm() {
+        if (!this.data.loading) {
+            if (this.data.inputConfirmationText) {
+                if (this.checkInputConfirmation()) {
+                    this.confirmFunction(this);
+                }
+                else {
+                    this.inputConfirmationControl.markAsTouched({ onlySelf: true });
+                    this.inputConfirmationControl.setErrors({ incorrect: true });
+                }
+            }
+            else {
+                this.confirmFunction(this);
+            }
+        }
+    }
+    /**
+     * Méotodo usuário nos components pai, para receber o momento de fechamento do modal
+     * @param fn Obj component
+     */
+    onCancel(fn) {
+        this.cancelFunction = fn;
+        return this;
+    }
+    /**
+     * Méotodo usuário nos components pai, para receber o momento de confirmação do modal
+     * @param fn Obj component
+     */
+    onConfirm(fn) {
+        this.confirmFunction = fn;
+        return this;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TCloudUiDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: TCloudUiDialogComponent, isStandalone: true, selector: "tcloud-ui-dialog", host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)" } }, ngImport: i0, template: "<div class=\"background-modal\" (click)=\"onBackdropClick()\"></div>\n\n@let disabled = data.disable || data.loading;\n<div class=\"container-dialog\" [@fade]=\"animation\">\n\n    <!-- Header -->\n    <div class=\"container-header\">\n\n        <!-- Title -->\n        <h4 class=\"tc-title tcloud-ui-modal-header tc-modal-header\">{{ data.title }}</h4>\n\n        <!-- Close button -->\n        <div class=\"container-close-button\" (click)=\" disabled ? null : close()\">\n            <i class=\"fas fa-times\"></i>\n        </div>\n    </div>\n\n    <!-- Message -->\n    <div [innerHTML]=\"data.message\"></div>\n\n    <!-- Input confirmation -->\n    @if (data?.inputConfirmationText)\n    {\n        <div class=\"container-input-confirmation\">\n            <input\n                tcloudForm\n                class=\"tc-form-confirm tc-form-control\"\n                [formControl]=\"inputConfirmationControl\"\n                [placeholder]=\"inputConfirmationErrorMessage()\"\n                (keyup.enter)=\"confirm()\"\n            />\n\n            @if (inputConfirmationControl.touched && inputConfirmationControl.invalid)\n            {\n                <p class=\"text-danger\">{{ inputConfirmationErrorMessage() }}</p>\n            }\n        </div>\n    }\n\n    <!-- Loading -->\n    @if (data.loading)\n    {\n        <tc-rev-small-loading />\n    }\n\n    <!-- Footer -->\n    <div class=\"container-footer\">\n\n        <!-- Cancelar -->\n        <button\n            class=\"tc-btn tc-btn-outline-primary\"\n            [disabled]=\"disabled\"\n            (click)=\"close()\">{{ data.buttonCancelText || ('dialogConfirmation.cancel' | i18nTranslate: 'Cancelar') }}\n        </button>\n\n        <!-- Confirmar -->\n        <button\n            class=\"tc-btn tc-btn-primary\"\n            [disabled]=\"disabled\"\n            (click)=\"confirm()\">{{ textConfirmation | titlecase }}\n        </button>\n    </div>\n</div>\n", styles: [".background-modal{position:fixed;z-index:2000;width:100%;height:100%;background-color:#00000080;top:0;left:0}.container-dialog{position:fixed;top:15%;left:calc(50% - 300px);width:500px;z-index:20001;border-radius:8px;padding:24px;box-sizing:border-box;display:grid;gap:24px;background-color:var(--white)}.container-dialog .container-header{display:flex;justify-content:space-between;align-items:center}.container-dialog .container-header .tc-title{font-size:18px;font-weight:700}.container-dialog .container-header .container-close-button{width:40px;height:40px;border-radius:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--tc-gray-600);border:1px solid var(--tc-gray-500)}.container-dialog .container-input-confirmation{display:grid;gap:8px}.container-dialog .container-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.container-dialog .container-footer button{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: I18nTranslatePipe, name: "i18nTranslate" }, { kind: "component", type: TcRevSmallLoadingComponent, selector: "tc-rev-small-loading", inputs: ["width", "marginTop", "marginBottom", "marginRight", "marginLeft"] }], animations: [
+            trigger('fade', [
+                state('visible', style({ opacity: 1 })),
+                state('hide', style({ opacity: 0, top: '-38%' })),
+                transition('void => visible', [
+                    style({ opacity: 0, top: '-38%' }),
+                    animate('0.3s ease-out')
+                ]),
+                transition('visible => hide', animate('0.3s ease-out'))
+            ])
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TCloudUiDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-dialog', animations: [
+                        trigger('fade', [
+                            state('visible', style({ opacity: 1 })),
+                            state('hide', style({ opacity: 0, top: '-38%' })),
+                            transition('void => visible', [
+                                style({ opacity: 0, top: '-38%' }),
+                                animate('0.3s ease-out')
+                            ]),
+                            transition('visible => hide', animate('0.3s ease-out'))
+                        ])
+                    ], standalone: true, imports: [CommonModule, ReactiveFormsModule, I18nTranslatePipe, TCloudUiLoadingComponent, TcRevSmallLoadingComponent], template: "<div class=\"background-modal\" (click)=\"onBackdropClick()\"></div>\n\n@let disabled = data.disable || data.loading;\n<div class=\"container-dialog\" [@fade]=\"animation\">\n\n    <!-- Header -->\n    <div class=\"container-header\">\n\n        <!-- Title -->\n        <h4 class=\"tc-title tcloud-ui-modal-header tc-modal-header\">{{ data.title }}</h4>\n\n        <!-- Close button -->\n        <div class=\"container-close-button\" (click)=\" disabled ? null : close()\">\n            <i class=\"fas fa-times\"></i>\n        </div>\n    </div>\n\n    <!-- Message -->\n    <div [innerHTML]=\"data.message\"></div>\n\n    <!-- Input confirmation -->\n    @if (data?.inputConfirmationText)\n    {\n        <div class=\"container-input-confirmation\">\n            <input\n                tcloudForm\n                class=\"tc-form-confirm tc-form-control\"\n                [formControl]=\"inputConfirmationControl\"\n                [placeholder]=\"inputConfirmationErrorMessage()\"\n                (keyup.enter)=\"confirm()\"\n            />\n\n            @if (inputConfirmationControl.touched && inputConfirmationControl.invalid)\n            {\n                <p class=\"text-danger\">{{ inputConfirmationErrorMessage() }}</p>\n            }\n        </div>\n    }\n\n    <!-- Loading -->\n    @if (data.loading)\n    {\n        <tc-rev-small-loading />\n    }\n\n    <!-- Footer -->\n    <div class=\"container-footer\">\n\n        <!-- Cancelar -->\n        <button\n            class=\"tc-btn tc-btn-outline-primary\"\n            [disabled]=\"disabled\"\n            (click)=\"close()\">{{ data.buttonCancelText || ('dialogConfirmation.cancel' | i18nTranslate: 'Cancelar') }}\n        </button>\n\n        <!-- Confirmar -->\n        <button\n            class=\"tc-btn tc-btn-primary\"\n            [disabled]=\"disabled\"\n            (click)=\"confirm()\">{{ textConfirmation | titlecase }}\n        </button>\n    </div>\n</div>\n", styles: [".background-modal{position:fixed;z-index:2000;width:100%;height:100%;background-color:#00000080;top:0;left:0}.container-dialog{position:fixed;top:15%;left:calc(50% - 300px);width:500px;z-index:20001;border-radius:8px;padding:24px;box-sizing:border-box;display:grid;gap:24px;background-color:var(--white)}.container-dialog .container-header{display:flex;justify-content:space-between;align-items:center}.container-dialog .container-header .tc-title{font-size:18px;font-weight:700}.container-dialog .container-header .container-close-button{width:40px;height:40px;border-radius:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--tc-gray-600);border:1px solid var(--tc-gray-500)}.container-dialog .container-input-confirmation{display:grid;gap:8px}.container-dialog .container-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.container-dialog .container-footer button{width:100%}\n"] }]
+        }], propDecorators: { onKeydownHandler: [{
+                type: HostListener,
+                args: ['document:keydown.escape', ['$event']]
+            }] } });
+
+var TCloudUiDialogTextConfirmationEnum;
+(function (TCloudUiDialogTextConfirmationEnum) {
+    TCloudUiDialogTextConfirmationEnum["continue"] = "continue";
+    TCloudUiDialogTextConfirmationEnum["remove"] = "remove";
+    TCloudUiDialogTextConfirmationEnum["confirm"] = "confirm";
+})(TCloudUiDialogTextConfirmationEnum || (TCloudUiDialogTextConfirmationEnum = {}));
+
+class TCloudUiDialogModel {
+    constructor(_title, _description, _loading = false, _disable = false, _disableClickOutside = false, _inputConfirmationText, _buttonConfirmText, _buttonCancelText) {
+        this.title = _title;
+        this.message = _description;
+        this.loading = _loading;
+        this.disable = _disable;
+        this.disableClickOutside = _disableClickOutside;
+        this.inputConfirmationText = _inputConfirmationText;
+        this.buttonConfirmText = _buttonConfirmText;
+        this.buttonCancelText = _buttonCancelText;
+    }
+}
+
+class TCloudUiDialogService {
+    constructor() {
+        // * [Injects]
+        this.i18n = inject(I18nService);
+        this.factoryResolver = inject(ComponentFactoryResolver);
+    }
+    /**
+     * Método usado para realizar a configuração de 'ViewContainerRef'
+     * @param viewContainerRef Obj
+     */
+    setRootViewContainerRef(viewContainerRef) {
+        if (!this.rootViewContainer)
+            this.rootViewContainer = viewContainerRef;
+    }
+    /**
+     * Método usado para abrir o modal de dialog
+     * @param _data Info do dialog
+     */
+    open(_data = {}) {
+        const factory = this.factoryResolver.resolveComponentFactory(TCloudUiDialogComponent);
+        const component = factory.create(this.rootViewContainer.parentInjector);
+        this.rootViewContainer.insert(component.hostView);
+        component.instance.data = new TCloudUiDialogModel(_data.title || this.i18n.i18nTranslate('dialogConfirmation.default_title', 'Atenção'), _data.message || this.i18n.i18nTranslate('dialogConfirmation.default_message', 'Deseja realmente executar esta ação?'), _data.loading, _data.disable, _data.disableClickOutside, _data.inputConfirmationText || TCloudUiDialogTextConfirmationEnum.confirm, _data.buttonConfirmText, _data.buttonCancelText);
+        // * Configura o texto do input de confirmação
+        if (component.instance.data.inputConfirmationText)
+            this.setTextConfirmation(component.instance);
+        component.instance.events.subscribe(event => {
+            // * Fecha o dialogo
+            if (event === TCloudUiDialogEventsEnum.close)
+                component.destroy();
+        });
+        return component.instance;
+    }
+    /**
+     * Método usado para configurar o texto do input de confirmação
+     * @param component Componente do dialogo
+     */
+    setTextConfirmation(component) {
+        switch (component.data.inputConfirmationText) {
+            case TCloudUiDialogTextConfirmationEnum.continue:
+                component.textConfirmation = this.i18n.i18nTranslate('dialogConfirmation.continue', 'continuar');
+                break;
+            case TCloudUiDialogTextConfirmationEnum.remove:
+                component.textConfirmation = this.i18n.i18nTranslate('dialogConfirmation.remove', 'remover');
+                break;
+            case TCloudUiDialogTextConfirmationEnum.confirm:
+                component.textConfirmation = this.i18n.i18nTranslate('dialogConfirmation.confirm', 'confirmar');
+                break;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TCloudUiDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TCloudUiDialogService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TCloudUiDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 const COMPONENTS = [
     TCloudUiAccordionComponent,
     TCloudUiAccordionBodyComponent,
@@ -9020,6 +9364,7 @@ const COMPONENTS = [
     TCloudUiCubesComponent,
     TCloudUiMultiplesValuesComponent,
     TCloudUiProgressBarComponent,
+    TCloudUiProgressStatusBarComponent,
     TCloudUiReorderItemsComponent,
     TCloudUiWelcomeComponent,
     TCloudUiContainerComponent,
@@ -9032,6 +9377,7 @@ const COMPONENTS = [
     TCloudUiCalendarComponent,
     TCloudUiDropdownComponent,
     TCloudUiDropdownMultiComponent,
+    TCloudUiDialogComponent,
     TCloudUiEmptyContentComponent,
     TCloudUiFaqComponent,
     TCloudUiMessageComponent,
@@ -9082,6 +9428,9 @@ const PIPES = [
     StatusInfoPipe,
     TCloudUiPaginationPipe
 ];
+const SERVICES = [
+    TCloudUiDialogService,
+];
 class TCloudUiModule {
     static forRoot(config) {
         const providers = [
@@ -9146,6 +9495,7 @@ class TCloudUiModule {
             TCloudUiCubesComponent,
             TCloudUiMultiplesValuesComponent,
             TCloudUiProgressBarComponent,
+            TCloudUiProgressStatusBarComponent,
             TCloudUiReorderItemsComponent,
             TCloudUiWelcomeComponent,
             TCloudUiContainerComponent,
@@ -9158,6 +9508,7 @@ class TCloudUiModule {
             TCloudUiCalendarComponent,
             TCloudUiDropdownComponent,
             TCloudUiDropdownMultiComponent,
+            TCloudUiDialogComponent,
             TCloudUiEmptyContentComponent,
             TCloudUiFaqComponent,
             TCloudUiMessageComponent,
@@ -9237,6 +9588,7 @@ class TCloudUiModule {
             TCloudUiCubesComponent,
             TCloudUiMultiplesValuesComponent,
             TCloudUiProgressBarComponent,
+            TCloudUiProgressStatusBarComponent,
             TCloudUiReorderItemsComponent,
             TCloudUiWelcomeComponent,
             TCloudUiContainerComponent,
@@ -9249,6 +9601,7 @@ class TCloudUiModule {
             TCloudUiCalendarComponent,
             TCloudUiDropdownComponent,
             TCloudUiDropdownMultiComponent,
+            TCloudUiDialogComponent,
             TCloudUiEmptyContentComponent,
             TCloudUiFaqComponent,
             TCloudUiMessageComponent,
@@ -9295,7 +9648,8 @@ class TCloudUiModule {
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TCloudUiModule, providers: [
             DatePipe,
             StatusInfoPipe,
-            TCloudUiPaginationService
+            TCloudUiPaginationService,
+            ...SERVICES
         ], imports: [TCloudUiAccordionComponent,
             TCloudUiAccordionBodyComponent,
             TCloudUiAccordionTitleComponent,
@@ -9341,6 +9695,7 @@ class TCloudUiModule {
             TCloudUiCalendarComponent,
             TCloudUiDropdownComponent,
             TCloudUiDropdownMultiComponent,
+            TCloudUiDialogComponent,
             TCloudUiFaqComponent,
             TCloudUiMessageComponent,
             TCloudUiSkeletonLoadingComponent,
@@ -9375,7 +9730,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                     providers: [
                         DatePipe,
                         StatusInfoPipe,
-                        TCloudUiPaginationService
+                        TCloudUiPaginationService,
+                        ...SERVICES
                     ]
                 }]
         }] });
@@ -9430,6 +9786,14 @@ function provideTCloudUi(config) {
     return makeEnvironmentProviders(providers);
 }
 
+var TCloudUiDialogStatusEnum;
+(function (TCloudUiDialogStatusEnum) {
+    TCloudUiDialogStatusEnum["success"] = "success";
+    TCloudUiDialogStatusEnum["error"] = "error";
+    TCloudUiDialogStatusEnum["info"] = "info";
+    TCloudUiDialogStatusEnum["warning"] = "warning";
+})(TCloudUiDialogStatusEnum || (TCloudUiDialogStatusEnum = {}));
+
 class TCloudUiLoadingTransitionsService {
     constructor() {
         this.ID = 'tcloud-ui-loading-transitions';
@@ -10804,38 +11168,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                 }]
         }] });
 
-class TcRevSmallLoadingComponent {
-    constructor() {
-        /** Width of the loading spinner accepts string with CSS units (px, rem, em) */
-        this.width = input('1.25rem');
-        /** Margin top in pixels */
-        this.marginTop = input(0);
-        /** Margin bottom in pixels */
-        this.marginBottom = input(0);
-        /** Margin right in pixels */
-        this.marginRight = input(0);
-        /** Margin left in pixels */
-        this.marginLeft = input(0);
-        this.style = new TcRevSmallLoadingComponentStyle();
-    }
-    ngOnInit() {
-        this.style.marginTop = `${this.marginTop()}px`;
-        this.style.marginRight = `${this.marginRight()}px`;
-        this.style.marginLeft = `${this.marginLeft()}px`;
-        this.style.marginBottom = `${this.marginBottom()}px`;
-        this.style.width = this.width();
-        this.style.height = this.width();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TcRevSmallLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.21", type: TcRevSmallLoadingComponent, isStandalone: true, selector: "tc-rev-small-loading", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tc-rev-small-loading\">\n  <span\n    class=\"tc-rev-small-loading__spinner\"\n    [ngStyle]=\"this.style\">\n  </span>\n</div>\n", styles: ["@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tc-rev-small-loading{display:flex;align-items:center;justify-content:center}.tc-rev-small-loading__spinner{animation:rotation 1s linear infinite;border:3px solid var(--c-neutral-200);border-bottom-color:var(--c-neutral-500);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--size-20);width:var(--size-20)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TcRevSmallLoadingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-small-loading', imports: [CommonModule], template: "<div class=\"tc-rev-small-loading\">\n  <span\n    class=\"tc-rev-small-loading__spinner\"\n    [ngStyle]=\"this.style\">\n  </span>\n</div>\n", styles: ["@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tc-rev-small-loading{display:flex;align-items:center;justify-content:center}.tc-rev-small-loading__spinner{animation:rotation 1s linear infinite;border:3px solid var(--c-neutral-200);border-bottom-color:var(--c-neutral-500);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--size-20);width:var(--size-20)}\n"] }]
-        }] });
-class TcRevSmallLoadingComponentStyle {
-}
-
 class TcRevTabGroupComponent {
     constructor() {
         this.isCarouselOverflowed = false;
@@ -11309,5 +11641,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", 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, ProductActionPipe, 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, TCloudUiCheckAccessDirective, TCloudUiCheckAccessService, TCloudUiCheckboxDirective, TCloudUiChoiceIssuesComponent, TCloudUiContainerColComponent, TCloudUiContainerComponent, TCloudUiContainerContentComponent, TCloudUiCubesComponent, TCloudUiCurrencyDirective, TCloudUiDataListComponent, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerTimeComponent, TCloudUiDigitOnlyDirective, TCloudUiDropdownComponent, TCloudUiDropdownMultiComponent, TCloudUiElCopyDirective, TCloudUiEmptyContentComponent, TCloudUiFaqComponent, TCloudUiFilterBarComponent, TCloudUiFiltersComponent, TCloudUiFormDirective, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiIconButtonDirective, TCloudUiInputContainerComponent, TCloudUiInputDirective, TCloudUiInputPasswordComponent, TCloudUiInputSearchComponent, TCloudUiIpMaskDirective, TCloudUiLabelTokenComponent, TCloudUiLegendComponent, TCloudUiLineStepCircleComponent, TCloudUiLineStepTitleComponent, TCloudUiLinhaLogoComponent, TCloudUiLoadingComponent, TCloudUiLoadingTransitionsService, TCloudUiMessageComponent, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiSelectComponent, TCloudUiMultiplesValuesComponent, TCloudUiNgCheckAccessDirective, TCloudUiNgFeatureFlagsDirective, TCloudUiNotFoundComponent, TCloudUiNumberStepComponent, TCloudUiPaginationComponent, TCloudUiPaginationPipe, TCloudUiProgressBarComponent, 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, 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, TCloudUiCheckAccessDirective, TCloudUiCheckAccessService, TCloudUiCheckboxDirective, TCloudUiChoiceIssuesComponent, TCloudUiContainerColComponent, TCloudUiContainerComponent, TCloudUiContainerContentComponent, TCloudUiCubesComponent, TCloudUiCurrencyDirective, TCloudUiDataListComponent, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerTimeComponent, TCloudUiDialogComponent, TCloudUiDialogEventsEnum, TCloudUiDialogModel, TCloudUiDialogService, TCloudUiDialogStatusEnum, TCloudUiDialogTextConfirmationEnum, TCloudUiDigitOnlyDirective, TCloudUiDropdownComponent, TCloudUiDropdownMultiComponent, TCloudUiElCopyDirective, TCloudUiEmptyContentComponent, TCloudUiFaqComponent, TCloudUiFilterBarComponent, TCloudUiFiltersComponent, TCloudUiFormDirective, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiIconButtonDirective, TCloudUiInputContainerComponent, TCloudUiInputDirective, TCloudUiInputPasswordComponent, TCloudUiInputSearchComponent, TCloudUiIpMaskDirective, TCloudUiLabelTokenComponent, TCloudUiLegendComponent, TCloudUiLineStepCircleComponent, TCloudUiLineStepTitleComponent, TCloudUiLinhaLogoComponent, TCloudUiLoadingComponent, TCloudUiLoadingTransitionsService, 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 };
 //# sourceMappingURL=dev-tcloud-tcloud-ui.mjs.map