@dev-tcloud/tcloud-ui 6.8.3 → 6.9.0

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

@@ -6391,6 +6391,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['paste', ['$event']]
             }] } });
 
+class TCloudUiSlideToggleDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiSlideToggleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TCloudUiSlideToggleDirective, isStandalone: true, selector: "input[type=\"checkbox\"][tcloudUiSlideToggle]", host: { classAttribute: "tcloud-ui-slide-toggle" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiSlideToggleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[type="checkbox"][tcloudUiSlideToggle]',
+                    host: {
+                        class: 'tcloud-ui-slide-toggle'
+                    }
+                }]
+        }] });
+
 [];
 class TCloudUiPaginationService {
     constructor() {
@@ -6801,6 +6815,139 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             args: [{ selector: 'tcloud-ui-card-accordion', imports: [CommonModule, TcRevCardTitleComponent, TcRevButtonDirective], template: "<div class=\"tcloud-ui-card-accordion tcloud-ui-card bg-c-neutral-50  bor-xs bor-rad-16\"\n[ngClass]=\"accordionExtraClasses\"\n>\n  <tc-rev-card-title [title]=\"title()\" [class]=\"isOpen() ? 'pad-b-16' : '' \">\n    <i [class]=\"iconClass()\" icon></i>\n\n    <div\n      *ngIf=\"badge()\"\n      class=\"f-size-12 f-weight-600 pad-x-4 pad-y-2 bor-xs bor-rad-xs\"\n      [ngClass]=\"badge()?.class\"\n      [class.mar-l-8]=\"isDesktop()\"\n      >\n      {{ badge()?.text }}\n    </div>\n\n    @if(isDesktop()){\n      <button tcRevButton=\"outline\" color=\"dark\" size=\"sm\" class=\"mar-l-a\" (click)=\"toggleAccordion()\">\n        {{ isOpen() ? showLessText() : showMoreText() }}\n        <i class=\"fa-light\" [ngClass]=\"isOpen() ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n      </button>\n    }\n\n    @if(!isDesktop()){\n      <button tcRevButton=\"link\" color=\"dark\" size=\"md\" (click)=\"toggleAccordion()\" class=\"tcloud-ui-card-accordion__arrow-mobile mar-l-a\">\n        <i class=\"fa-light\" [ngClass]=\"isOpen() ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n      </button>\n    }\n\n  </tc-rev-card-title>\n  <ng-content *ngIf=\"isOpen()\"></ng-content>\n</div>\n", styles: [":host{display:block}.tcloud-ui-card-accordion{border-color:var(--c-neutral-400)}@media(max-width:480px){.tcloud-ui-card-accordion__arrow-mobile{font-size:var(--f-size-16);padding:0 var(--size-6)}}\n"] }]
         }] });
 
+class TCloudUiCalendarComponent {
+    constructor() {
+        this.appointments = []; // Updated to use the new type
+        /** Active date format
+         * @format YYYY-MM-DD
+         * @example 2023-10-01
+         */
+        this.activeDate = input();
+        this.innerActiveDate = computed(() => {
+            if (!this.activeDate())
+                return '';
+            const date = new Date(`${this.activeDate()} 00:00:00`);
+            return date;
+        });
+        this.onSelectDate = output();
+        this.currentDate = new Date();
+        this.viewMode = 'days';
+        this.yearOffset = 0; // Offset for year navigation
+        // Fixed properties
+        this.month = '';
+        this.year = 0;
+        this.daysOfWeek = [];
+        this.calendarDays = [];
+        this.calendarMonths = [];
+        this.calendarYears = [];
+    }
+    ngOnInit() {
+        this.updateMonth();
+        this.updateYear();
+        this.updateDaysOfWeek();
+        this.updateCalendarDays();
+        this.updateCalendarMonths();
+        this.updateCalendarYears();
+    }
+    // Methods to update fixed properties
+    updateMonth() {
+        this.month = this.currentDate.toLocaleString('default', { month: 'long' });
+    }
+    updateYear() {
+        this.year = this.currentDate.getFullYear();
+    }
+    updateDaysOfWeek() {
+        this.daysOfWeek = ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'];
+    }
+    updateCalendarDays() {
+        const year = this.currentDate.getFullYear();
+        const month = this.currentDate.getMonth();
+        const firstDayOfMonth = new Date(year, month, 1);
+        const lastDayOfMonth = new Date(year, month + 1, 0);
+        const daysInLastMonth = firstDayOfMonth.getDay();
+        const daysInCurrentMonth = lastDayOfMonth.getDate();
+        const calendarDays = [];
+        // Add last days of the previous month
+        for (let i = daysInLastMonth - 1; i >= 0; i--) {
+            const date = new Date(year, month, -i);
+            calendarDays.push({ date, isCurrentMonth: false });
+        }
+        // Add all days of the current month
+        for (let i = 1; i <= daysInCurrentMonth; i++) {
+            const date = new Date(year, month, i);
+            calendarDays.push({ date, isCurrentMonth: true });
+        }
+        // Add first days of the next month
+        const remainingDays = 35 - calendarDays.length;
+        for (let i = 1; i <= remainingDays; i++) {
+            const date = new Date(year, month + 1, i);
+            calendarDays.push({ date, isCurrentMonth: false });
+        }
+        this.calendarDays = calendarDays;
+        console.log('calendarDays', this.calendarDays[16].date);
+    }
+    updateCalendarMonths() {
+        this.calendarMonths = Array.from({ length: 12 }, (_, i) => new Date(this.year, i).toLocaleString('default', { month: 'long' }));
+    }
+    updateCalendarYears() {
+        const startYear = this.year - 5 + this.yearOffset * 12;
+        this.calendarYears = Array.from({ length: 12 }, (_, i) => startYear + i);
+    }
+    // Existing methods updated to call the update methods
+    changeMonth(offset) {
+        this.currentDate = new Date(this.currentDate.getFullYear(), this.currentDate.getMonth() + offset, 1);
+        this.updateMonth();
+        this.updateYear();
+        this.updateCalendarDays();
+    }
+    selectMonth(monthIndex) {
+        this.currentDate = new Date(this.year, monthIndex, 1);
+        this.viewMode = 'days';
+        this.updateMonth();
+        this.updateCalendarDays();
+    }
+    changeYearOffset(offset) {
+        if (this.viewMode === 'months') {
+            // Adjust the current date by adding or subtracting a year
+            this.currentDate = new Date(this.currentDate.getFullYear() + offset, this.currentDate.getMonth(), 1);
+            this.updateYear();
+            this.updateCalendarMonths();
+        }
+        else if (this.viewMode === 'years') {
+            // Adjust the year offset for the year view
+            this.yearOffset += offset;
+            this.updateCalendarYears();
+        }
+    }
+    selectYear(year) {
+        this.currentDate = new Date(year, this.currentDate.getMonth(), 1);
+        this.viewMode = 'months';
+        this.updateYear();
+        this.updateCalendarMonths();
+    }
+    toggleViewMode(mode) {
+        this.viewMode = mode;
+        if (mode === 'years') {
+            this.yearOffset = 0; // Reset year offset when entering year view
+            this.updateCalendarYears();
+        }
+    }
+    isAppointment(date) {
+        const dateString = date.toISOString().split('T')[0];
+        return this.appointments.find(appointment => appointment.appointmentDate === dateString);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TCloudUiCalendarComponent, isStandalone: true, selector: "tcloud-ui-calendar", inputs: { appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: false, isRequired: false, transformFunction: null }, activeDate: { classPropertyName: "activeDate", publicName: "activeDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectDate: "onSelectDate" }, ngImport: i0, template: "<div class=\"tcloud-ui-calendar\">\n  <div class=\"calendar-header\">\n    <button class=\"prev-btn mar-r-a\" (click)=\"changeMonth(-1)\" *ngIf=\"viewMode === 'days'\"><i class=\"fa-light fa-chevron-left\"></i></button>\n    <button class=\"prev-btn mar-r-a\" (click)=\"changeYearOffset(-1)\" *ngIf=\"viewMode === 'months' || viewMode === 'years'\"><i class=\"fa-light fa-chevron-left\"></i></button>\n    @if (viewMode === 'days')\n    {\n      <span class=\"calendar-title date\" (click)=\"toggleViewMode('months')\">{{ month }}&nbsp;-&nbsp;</span>\n      <span class=\"calendar-title date\" (click)=\"toggleViewMode('years')\">{{ year }}</span>\n    }\n    @else if (viewMode === 'months')\n    {\n      <span class=\"calendar-title\">Selecione o m\u00EAs</span>\n    }\n    @else if (viewMode === 'years')\n    {\n      <span class=\"calendar-title\">Selecione o ano</span>\n    }    \n    <button class=\"next-btn mar-l-a\" (click)=\"changeYearOffset(1)\" *ngIf=\"viewMode === 'months' || viewMode === 'years'\"><i class=\"fa-light fa-chevron-right\"></i></button>\n    <button class=\"next-btn mar-l-a\" (click)=\"changeMonth(1)\" *ngIf=\"viewMode === 'days'\"><i class=\"fa-light fa-chevron-right\"></i></button>\n  </div>\n\n  <div class=\"calendar-grid\" *ngIf=\"viewMode === 'days'\">\n    <div class=\"day-header\" *ngFor=\"let day of daysOfWeek\">{{ day }}</div>\n    <button\n      *ngFor=\"let day of calendarDays\"\n      class=\"day\"\n      [class.selected]=\"day.date.valueOf() === innerActiveDate().valueOf()\"\n      [class.current-month]=\"day.isCurrentMonth\"\n      [title]=\"isAppointment(day.date)?.description ? isAppointment(day.date)?.description : ''\"\n      (click)=\"onSelectDate.emit(day.date)\"\n    >\n      <span\n        *ngIf=\"isAppointment(day.date)\"\n        class=\"appointment-dot\"\n        [ngClass]=\"'appointment-'+ isAppointment(day.date)?.type\"\n      ></span>\n      {{ day.date.getDate() }}\n    </button>\n  </div>\n\n  <div class=\"calendar-grid months\" *ngIf=\"viewMode === 'months'\">\n    <div\n      class=\"month\"\n      *ngFor=\"let month of calendarMonths; let i = index\"\n      (click)=\"selectMonth(i)\"\n    >\n      {{ month }}\n    </div>\n  </div>\n\n  <div class=\"calendar-grid years\" *ngIf=\"viewMode === 'years'\">\n    <div\n      class=\"year\"\n      *ngFor=\"let year of calendarYears\"\n      (click)=\"selectYear(year)\"\n    >\n      {{ year }}\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.tcloud-ui-calendar{background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-16);color:var(--c-neutral-700);font-family:var(--f-family);min-height:274px;min-width:16.125rem;padding:var(--size-16)}.tcloud-ui-calendar .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--size-16)}.tcloud-ui-calendar .calendar-header .prev-btn,.tcloud-ui-calendar .calendar-header .next-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-500);border-radius:var(--bor-radius-rounded);cursor:pointer;display:flex;justify-content:center;font-size:var(--f-size-14);height:var(--size-32);width:var(--size-32)}.tcloud-ui-calendar .calendar-header .calendar-title{cursor:default;font-size:var(--f-size-14);line-height:var(--l-height-20)}.tcloud-ui-calendar .calendar-header .calendar-title.date{cursor:pointer;text-transform:capitalize}.tcloud-ui-calendar .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);justify-items:center}.tcloud-ui-calendar .calendar-grid.months{grid-template-columns:repeat(3,1fr);row-gap:10px}.tcloud-ui-calendar .calendar-grid.years{grid-template-columns:repeat(4,1fr);row-gap:10px}.tcloud-ui-calendar .day-header{cursor:default;font-size:var(--f-size-12);font-weight:var(--f-weight-700);line-height:var(--l-height-16);text-align:center;align-content:center;height:var(--size-32);width:var(--size-32)}.tcloud-ui-calendar .day{align-content:center;border-radius:var(--bor-radius-rounded);background:transparent;border:none;padding:0;cursor:default;font-size:var(--f-size-12);line-height:var(--l-height-16);position:relative;height:var(--size-32);text-align:center;transition:.1s ease;width:var(--size-32)}.tcloud-ui-calendar .day:hover,.tcloud-ui-calendar .day:focus{background-color:var(--c-neutral-100);color:var(--c-primary-500)}.tcloud-ui-calendar .day:active,.tcloud-ui-calendar .day.selected{background-color:var(--c-primary-300);color:var(--c-primary-500)}.tcloud-ui-calendar .day .appointment-dot{width:6px;height:6px;border-radius:50%;position:absolute;top:5px;right:5px}.tcloud-ui-calendar .day .appointment-dot.appointment-info{background-color:var(--c-info-500)}.tcloud-ui-calendar .day .appointment-dot.appointment-alert{background-color:var(--c-alert-500)}.tcloud-ui-calendar .day .appointment-dot.appointment-danger{background-color:var(--c-danger-500)}.tcloud-ui-calendar .day .appointment-dot.appointment-success{background-color:var(--c-success-500)}.tcloud-ui-calendar .month,.tcloud-ui-calendar .year{align-content:center;border:none;border-radius:var(--bor-radius-4);cursor:pointer;height:var(--size-32);text-align:center;text-transform:capitalize;transition:.1s ease;width:100%}.tcloud-ui-calendar .month:hover,.tcloud-ui-calendar .month:focus,.tcloud-ui-calendar .year:hover,.tcloud-ui-calendar .year:focus{background-color:var(--c-neutral-100);color:var(--c-primary-500)}.tcloud-ui-calendar .month:active,.tcloud-ui-calendar .year:active{background-color:var(--c-primary-300);color:var(--c-primary-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiCalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-calendar', imports: [
+                        CommonModule,
+                    ], template: "<div class=\"tcloud-ui-calendar\">\n  <div class=\"calendar-header\">\n    <button class=\"prev-btn mar-r-a\" (click)=\"changeMonth(-1)\" *ngIf=\"viewMode === 'days'\"><i class=\"fa-light fa-chevron-left\"></i></button>\n    <button class=\"prev-btn mar-r-a\" (click)=\"changeYearOffset(-1)\" *ngIf=\"viewMode === 'months' || viewMode === 'years'\"><i class=\"fa-light fa-chevron-left\"></i></button>\n    @if (viewMode === 'days')\n    {\n      <span class=\"calendar-title date\" (click)=\"toggleViewMode('months')\">{{ month }}&nbsp;-&nbsp;</span>\n      <span class=\"calendar-title date\" (click)=\"toggleViewMode('years')\">{{ year }}</span>\n    }\n    @else if (viewMode === 'months')\n    {\n      <span class=\"calendar-title\">Selecione o m\u00EAs</span>\n    }\n    @else if (viewMode === 'years')\n    {\n      <span class=\"calendar-title\">Selecione o ano</span>\n    }    \n    <button class=\"next-btn mar-l-a\" (click)=\"changeYearOffset(1)\" *ngIf=\"viewMode === 'months' || viewMode === 'years'\"><i class=\"fa-light fa-chevron-right\"></i></button>\n    <button class=\"next-btn mar-l-a\" (click)=\"changeMonth(1)\" *ngIf=\"viewMode === 'days'\"><i class=\"fa-light fa-chevron-right\"></i></button>\n  </div>\n\n  <div class=\"calendar-grid\" *ngIf=\"viewMode === 'days'\">\n    <div class=\"day-header\" *ngFor=\"let day of daysOfWeek\">{{ day }}</div>\n    <button\n      *ngFor=\"let day of calendarDays\"\n      class=\"day\"\n      [class.selected]=\"day.date.valueOf() === innerActiveDate().valueOf()\"\n      [class.current-month]=\"day.isCurrentMonth\"\n      [title]=\"isAppointment(day.date)?.description ? isAppointment(day.date)?.description : ''\"\n      (click)=\"onSelectDate.emit(day.date)\"\n    >\n      <span\n        *ngIf=\"isAppointment(day.date)\"\n        class=\"appointment-dot\"\n        [ngClass]=\"'appointment-'+ isAppointment(day.date)?.type\"\n      ></span>\n      {{ day.date.getDate() }}\n    </button>\n  </div>\n\n  <div class=\"calendar-grid months\" *ngIf=\"viewMode === 'months'\">\n    <div\n      class=\"month\"\n      *ngFor=\"let month of calendarMonths; let i = index\"\n      (click)=\"selectMonth(i)\"\n    >\n      {{ month }}\n    </div>\n  </div>\n\n  <div class=\"calendar-grid years\" *ngIf=\"viewMode === 'years'\">\n    <div\n      class=\"year\"\n      *ngFor=\"let year of calendarYears\"\n      (click)=\"selectYear(year)\"\n    >\n      {{ year }}\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.tcloud-ui-calendar{background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-16);color:var(--c-neutral-700);font-family:var(--f-family);min-height:274px;min-width:16.125rem;padding:var(--size-16)}.tcloud-ui-calendar .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--size-16)}.tcloud-ui-calendar .calendar-header .prev-btn,.tcloud-ui-calendar .calendar-header .next-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-500);border-radius:var(--bor-radius-rounded);cursor:pointer;display:flex;justify-content:center;font-size:var(--f-size-14);height:var(--size-32);width:var(--size-32)}.tcloud-ui-calendar .calendar-header .calendar-title{cursor:default;font-size:var(--f-size-14);line-height:var(--l-height-20)}.tcloud-ui-calendar .calendar-header .calendar-title.date{cursor:pointer;text-transform:capitalize}.tcloud-ui-calendar .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);justify-items:center}.tcloud-ui-calendar .calendar-grid.months{grid-template-columns:repeat(3,1fr);row-gap:10px}.tcloud-ui-calendar .calendar-grid.years{grid-template-columns:repeat(4,1fr);row-gap:10px}.tcloud-ui-calendar .day-header{cursor:default;font-size:var(--f-size-12);font-weight:var(--f-weight-700);line-height:var(--l-height-16);text-align:center;align-content:center;height:var(--size-32);width:var(--size-32)}.tcloud-ui-calendar .day{align-content:center;border-radius:var(--bor-radius-rounded);background:transparent;border:none;padding:0;cursor:default;font-size:var(--f-size-12);line-height:var(--l-height-16);position:relative;height:var(--size-32);text-align:center;transition:.1s ease;width:var(--size-32)}.tcloud-ui-calendar .day:hover,.tcloud-ui-calendar .day:focus{background-color:var(--c-neutral-100);color:var(--c-primary-500)}.tcloud-ui-calendar .day:active,.tcloud-ui-calendar .day.selected{background-color:var(--c-primary-300);color:var(--c-primary-500)}.tcloud-ui-calendar .day .appointment-dot{width:6px;height:6px;border-radius:50%;position:absolute;top:5px;right:5px}.tcloud-ui-calendar .day .appointment-dot.appointment-info{background-color:var(--c-info-500)}.tcloud-ui-calendar .day .appointment-dot.appointment-alert{background-color:var(--c-alert-500)}.tcloud-ui-calendar .day .appointment-dot.appointment-danger{background-color:var(--c-danger-500)}.tcloud-ui-calendar .day .appointment-dot.appointment-success{background-color:var(--c-success-500)}.tcloud-ui-calendar .month,.tcloud-ui-calendar .year{align-content:center;border:none;border-radius:var(--bor-radius-4);cursor:pointer;height:var(--size-32);text-align:center;text-transform:capitalize;transition:.1s ease;width:100%}.tcloud-ui-calendar .month:hover,.tcloud-ui-calendar .month:focus,.tcloud-ui-calendar .year:hover,.tcloud-ui-calendar .year:focus{background-color:var(--c-neutral-100);color:var(--c-primary-500)}.tcloud-ui-calendar .month:active,.tcloud-ui-calendar .year:active{background-color:var(--c-primary-300);color:var(--c-primary-500)}\n"] }]
+        }], propDecorators: { appointments: [{
+                type: Input
+            }] } });
+
 /**
  * Verifica se um elemento de texto está elipsado (texto cortado com ...)
  * @param element - O elemento HTML que contém o texto
@@ -7540,6 +7687,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     ], template: "<a\n  *ngIf=\"this.url()\"\n  class=\"tcloud-ui-tab-item\"\n  [class.disabled]=\"this.disabled()\"\n  [class.full-width]=\"this.fullWidth()\"\n  [routerLinkActive]=\"'active'\"\n  [routerLink]=\"[this.url()]\"\n  (click)=\"this.onClick.emit($event)\">\n  <ng-container *ngTemplateOutlet=\"content\" />\n</a>\n\n\n<button\n  *ngIf=\"!this.url()\"\n  class=\"tcloud-ui-tab-item\"\n  [class.active]=\"this.active()\"\n  [class.full-width]=\"this.fullWidth()\"\n  [disabled]=\"this.disabled()\"\n  (click)=\"this.onClick.emit($event)\">\n  <ng-container *ngTemplateOutlet=\"content\" />\n</button>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n\n", styles: [":host{display:block}.tcloud-ui-tab-item,.tcloud-ui-tab-item:link{align-items:center;background-color:var(--c-neutral-50);border:var(--bor-size-1) solid var(--c-neutral-400);border-radius:var(--bor-radius-8);color:var(--c-neutral-700);cursor:pointer;display:inline-flex;font-family:var(--f-family);font-size:var(--f-size-14);font-weight:600;gap:var(--size-8);height:var(--size-40);line-height:var(--l-height-20);justify-content:center;padding:0 var(--size-16);text-decoration:none;text-wrap:nowrap;transition:all .2s ease}.tcloud-ui-tab-item.full-width,.tcloud-ui-tab-item:link.full-width{width:100%}.tcloud-ui-tab-item:hover,.tcloud-ui-tab-item:focus,.tcloud-ui-tab-item:link:hover,.tcloud-ui-tab-item:link:focus{background-color:var(--c-neutral-200);border-color:var(--c-neutral-200);color:var(--c-primary-500);font-weight:600}.tcloud-ui-tab-item:active,.tcloud-ui-tab-item.selected,.tcloud-ui-tab-item.active,.tcloud-ui-tab-item:link:active,.tcloud-ui-tab-item:link.selected,.tcloud-ui-tab-item:link.active{background-color:var(--c-primary-300);border-color:var(--c-primary-500);color:var(--c-primary-500);font-weight:600}.tcloud-ui-tab-item:disabled,.tcloud-ui-tab-item.disabled,.tcloud-ui-tab-item:link:disabled,.tcloud-ui-tab-item:link.disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-50);color:var(--c-neutral-400);cursor:not-allowed;font-weight:var(--f-weight-400);pointer-events:none}@media(max-width:480px){:host{display:contents}:host .tcloud-ui-tab-item{width:100%}}\n"] }]
         }] });
 
+class TCloudUiWizardStepsComponent {
+    constructor() {
+        this.onStepClick = output();
+        this.direction = input('horizontal');
+        this.currentStep = input(0);
+        this.stepClickable = input(false);
+        this.steps = input.required();
+    }
+    handleStepClick(step, isNext, index) {
+        if (this.stepClickable() && !isNext) {
+            this.onStepClick.emit({ step, index });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiWizardStepsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TCloudUiWizardStepsComponent, isStandalone: true, selector: "tcloud-ui-wizard-steps", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, currentStep: { classPropertyName: "currentStep", publicName: "currentStep", isSignal: true, isRequired: false, transformFunction: null }, stepClickable: { classPropertyName: "stepClickable", publicName: "stepClickable", isSignal: true, isRequired: false, transformFunction: null }, steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onStepClick: "onStepClick" }, ngImport: i0, template: "<div [class]=\"'tcloud-ui-wizard-steps' + ` tcloud-ui-wizard-steps--${this.direction()}`\">\n  @for (step of this.steps(); let i = $index; track step.title + i) {\n    @let isCompleted = step.completed || i + 1 < this.currentStep();\n    @let isNext = i + 1 > this.currentStep();\n    <div\n      class=\"tcloud-ui-wizard-step\"\n      [class.tcloud-ui-wizard-step--current]=\"i + 1 === this.currentStep()\"\n      [class.tcloud-ui-wizard-step--completed]=\"isCompleted\"\n      [class.tcloud-ui-wizard-step--next]=\"isNext\">\n\n      <span\n        class=\"tcloud-ui-wizard-step__counter f-h3\"\n        [class.cursor-default]=\"!this.stepClickable()\"\n        [class.cursor-pointer]=\"this.stepClickable() && !isNext\"\n        (click)=\"this.handleStepClick(step, isNext, i)\">\n        @if (isCompleted) {\n          <i class=\"fas fa-check\"></i>\n        }\n        @else {\n          {{ i + 1 }}\n        }\n      </span>\n\n      <div class=\"tcloud-ui-wizard-step__info\">\n        <p class=\"tcloud-ui-wizard-step__title f-lg mar-none cursor-default\">\n          {{ step.title }}\n        </p>\n\n        @if (step.description) {\n          <p class=\"tcloud-ui-wizard-step__description f-sm mar-none cursor-default\">\n            {{ step.description }}\n          </p>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<!-- VERS\u00C3O COM DIVISOR -->\n<!-- <div [class]=\"'tcloud-ui-wizard-steps' + ` tcloud-ui-wizard-steps--${this.direction()}`\">\n  @for (step of this.steps(); let i = $index; let last = $last; track step.title + i) {\n    @let isCompleted = step.completed || i + 1 < this.currentStep();\n\n    <div\n      class=\"tcloud-ui-wizard-step\"\n      [class.tcloud-ui-wizard-step--current]=\"i + 1 === this.currentStep()\"\n      [class.tcloud-ui-wizard-step--completed]=\"isCompleted\"\n      [class.tcloud-ui-wizard-step--next]=\"i + 1 > this.currentStep()\"\n      [ngClass]=\"this.direction()\">\n\n      <span class=\"tcloud-ui-wizard-step__counter f-h3 cursor-default\">\n        {{ i + 1 }}\n      </span>\n\n      <div class=\"tcloud-ui-wizard-step__info\">\n        <p class=\"tcloud-ui-wizard-step__title f-lg mar-none cursor-default\">\n          {{ step.title }}\n        </p>\n\n        @if (step.description) {\n          <p class=\"tcloud-ui-wizard-step__description f-sm mar-none cursor-default\">\n            {{ step.description }}\n          </p>\n        }\n      </div>\n    </div>\n\n    @if (this.steps().length > i && !last) {\n      <div\n        class=\"tcloud-ui-wizard-step-divider\"\n        [class.completed]=\"isCompleted\"\n        [ngClass]=\"this.direction()\">\n      </div>\n    }\n  }\n</div> -->\n", styles: [":host{display:block}.tcloud-ui-wizard-steps{display:inline-flex;font-family:var(--f-family);gap:var(--size-32)}.tcloud-ui-wizard-steps--horizontal{flex-direction:row}.tcloud-ui-wizard-steps--vertical{flex-direction:column}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step{display:flex;gap:var(--size-8)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step__info{max-width:13.25rem}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step__counter{align-items:center;border:1px solid;border-radius:var(--bor-radius-rounded);display:flex;height:var(--size-40);justify-content:center;width:var(--size-40);transition:all .3s ease;min-height:var(--size-40);min-width:var(--size-40)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--completed .tcloud-ui-wizard-step__counter{border-color:1px solid var(--c-primary-600);color:var(--c-neutral-600)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--completed .tcloud-ui-wizard-step__title{color:var(--c-neutral-600);font-weight:var(--f-weight-400)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--completed .tcloud-ui-wizard-step__description{color:var(--c-neutral-600)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--current .tcloud-ui-wizard-step__counter{background-color:var(--c-primary-500);border-color:var(--c-primary-500);color:var(--c-neutral-50)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--current .tcloud-ui-wizard-step__title{color:var(--c-neutral-700);font-weight:var(--f-weight-600)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--current .tcloud-ui-wizard-step__description{color:var(--c-neutral-700);font-weight:var(--f-weight-400)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--next .tcloud-ui-wizard-step__counter{border-color:var(--c-neutral-400);color:var(--c-neutral-400)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--next .tcloud-ui-wizard-step__title{color:var(--c-neutral-400);font-weight:var(--f-weight-400)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--next .tcloud-ui-wizard-step__description{color:var(--c-neutral-400)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], animations: [
+            trigger('progressBarEntering', [
+                state('in', style({ width: '*' })),
+                transition('void => *', [
+                    style({ width: 0 }),
+                    animate('1.5s 0s ease')
+                ])
+            ])
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiWizardStepsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-wizard-steps', imports: [CommonModule], animations: [
+                        trigger('progressBarEntering', [
+                            state('in', style({ width: '*' })),
+                            transition('void => *', [
+                                style({ width: 0 }),
+                                animate('1.5s 0s ease')
+                            ])
+                        ])
+                    ], template: "<div [class]=\"'tcloud-ui-wizard-steps' + ` tcloud-ui-wizard-steps--${this.direction()}`\">\n  @for (step of this.steps(); let i = $index; track step.title + i) {\n    @let isCompleted = step.completed || i + 1 < this.currentStep();\n    @let isNext = i + 1 > this.currentStep();\n    <div\n      class=\"tcloud-ui-wizard-step\"\n      [class.tcloud-ui-wizard-step--current]=\"i + 1 === this.currentStep()\"\n      [class.tcloud-ui-wizard-step--completed]=\"isCompleted\"\n      [class.tcloud-ui-wizard-step--next]=\"isNext\">\n\n      <span\n        class=\"tcloud-ui-wizard-step__counter f-h3\"\n        [class.cursor-default]=\"!this.stepClickable()\"\n        [class.cursor-pointer]=\"this.stepClickable() && !isNext\"\n        (click)=\"this.handleStepClick(step, isNext, i)\">\n        @if (isCompleted) {\n          <i class=\"fas fa-check\"></i>\n        }\n        @else {\n          {{ i + 1 }}\n        }\n      </span>\n\n      <div class=\"tcloud-ui-wizard-step__info\">\n        <p class=\"tcloud-ui-wizard-step__title f-lg mar-none cursor-default\">\n          {{ step.title }}\n        </p>\n\n        @if (step.description) {\n          <p class=\"tcloud-ui-wizard-step__description f-sm mar-none cursor-default\">\n            {{ step.description }}\n          </p>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<!-- VERS\u00C3O COM DIVISOR -->\n<!-- <div [class]=\"'tcloud-ui-wizard-steps' + ` tcloud-ui-wizard-steps--${this.direction()}`\">\n  @for (step of this.steps(); let i = $index; let last = $last; track step.title + i) {\n    @let isCompleted = step.completed || i + 1 < this.currentStep();\n\n    <div\n      class=\"tcloud-ui-wizard-step\"\n      [class.tcloud-ui-wizard-step--current]=\"i + 1 === this.currentStep()\"\n      [class.tcloud-ui-wizard-step--completed]=\"isCompleted\"\n      [class.tcloud-ui-wizard-step--next]=\"i + 1 > this.currentStep()\"\n      [ngClass]=\"this.direction()\">\n\n      <span class=\"tcloud-ui-wizard-step__counter f-h3 cursor-default\">\n        {{ i + 1 }}\n      </span>\n\n      <div class=\"tcloud-ui-wizard-step__info\">\n        <p class=\"tcloud-ui-wizard-step__title f-lg mar-none cursor-default\">\n          {{ step.title }}\n        </p>\n\n        @if (step.description) {\n          <p class=\"tcloud-ui-wizard-step__description f-sm mar-none cursor-default\">\n            {{ step.description }}\n          </p>\n        }\n      </div>\n    </div>\n\n    @if (this.steps().length > i && !last) {\n      <div\n        class=\"tcloud-ui-wizard-step-divider\"\n        [class.completed]=\"isCompleted\"\n        [ngClass]=\"this.direction()\">\n      </div>\n    }\n  }\n</div> -->\n", styles: [":host{display:block}.tcloud-ui-wizard-steps{display:inline-flex;font-family:var(--f-family);gap:var(--size-32)}.tcloud-ui-wizard-steps--horizontal{flex-direction:row}.tcloud-ui-wizard-steps--vertical{flex-direction:column}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step{display:flex;gap:var(--size-8)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step__info{max-width:13.25rem}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step__counter{align-items:center;border:1px solid;border-radius:var(--bor-radius-rounded);display:flex;height:var(--size-40);justify-content:center;width:var(--size-40);transition:all .3s ease;min-height:var(--size-40);min-width:var(--size-40)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--completed .tcloud-ui-wizard-step__counter{border-color:1px solid var(--c-primary-600);color:var(--c-neutral-600)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--completed .tcloud-ui-wizard-step__title{color:var(--c-neutral-600);font-weight:var(--f-weight-400)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--completed .tcloud-ui-wizard-step__description{color:var(--c-neutral-600)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--current .tcloud-ui-wizard-step__counter{background-color:var(--c-primary-500);border-color:var(--c-primary-500);color:var(--c-neutral-50)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--current .tcloud-ui-wizard-step__title{color:var(--c-neutral-700);font-weight:var(--f-weight-600)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--current .tcloud-ui-wizard-step__description{color:var(--c-neutral-700);font-weight:var(--f-weight-400)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--next .tcloud-ui-wizard-step__counter{border-color:var(--c-neutral-400);color:var(--c-neutral-400)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--next .tcloud-ui-wizard-step__title{color:var(--c-neutral-400);font-weight:var(--f-weight-400)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--next .tcloud-ui-wizard-step__description{color:var(--c-neutral-400)}\n"] }]
+        }] });
+
 const COMPONENTS = [
     TCloudUiAccordionComponent,
     TCloudUiAccordionBodyComponent,
@@ -7587,6 +7771,7 @@ const COMPONENTS = [
     TCloudUiCardComponent,
     TCloudUiCardTitleComponent,
     TCloudUiCardAccordionComponent,
+    TCloudUiCalendarComponent,
     TCloudUiDropdownComponent,
     TCloudUiDropdownMultiComponent,
     TCloudUiEmptyContentComponent,
@@ -7597,7 +7782,8 @@ const COMPONENTS = [
     TCloudUiSubNavbarComponent,
     TCloudUiSubNavbarItemComponent,
     TCloudUiTabGroupComponent,
-    TCloudUiTabItemComponent
+    TCloudUiTabItemComponent,
+    TCloudUiWizardStepsComponent
 ];
 const DIRECTIVES = [
     TCloudUiAlignDirective,
@@ -7613,7 +7799,8 @@ const DIRECTIVES = [
     TCloudUiHighLightDirective,
     TCloudUiIpMaskDirective,
     TCloudUiButtonDirective,
-    TCloudUiFormDirective
+    TCloudUiFormDirective,
+    TCloudUiSlideToggleDirective
 ];
 const PIPES = [
     ToTextPipe,
@@ -7696,6 +7883,7 @@ class TCloudUiModule {
             TCloudUiCardComponent,
             TCloudUiCardTitleComponent,
             TCloudUiCardAccordionComponent,
+            TCloudUiCalendarComponent,
             TCloudUiDropdownComponent,
             TCloudUiDropdownMultiComponent,
             TCloudUiEmptyContentComponent,
@@ -7706,7 +7894,8 @@ class TCloudUiModule {
             TCloudUiSubNavbarComponent,
             TCloudUiSubNavbarItemComponent,
             TCloudUiTabGroupComponent,
-            TCloudUiTabItemComponent, TCloudUiAlignDirective,
+            TCloudUiTabItemComponent,
+            TCloudUiWizardStepsComponent, TCloudUiAlignDirective,
             TCloudUiCheckboxDirective,
             TCloudUiCurrencyDirective,
             TCloudUiElCopyDirective,
@@ -7719,7 +7908,8 @@ class TCloudUiModule {
             TCloudUiHighLightDirective,
             TCloudUiIpMaskDirective,
             TCloudUiButtonDirective,
-            TCloudUiFormDirective, ToTextPipe,
+            TCloudUiFormDirective,
+            TCloudUiSlideToggleDirective, ToTextPipe,
             BytesPipe,
             CNPJPipe,
             CPFPipe,
@@ -7773,6 +7963,7 @@ class TCloudUiModule {
             TCloudUiCardComponent,
             TCloudUiCardTitleComponent,
             TCloudUiCardAccordionComponent,
+            TCloudUiCalendarComponent,
             TCloudUiDropdownComponent,
             TCloudUiDropdownMultiComponent,
             TCloudUiEmptyContentComponent,
@@ -7783,7 +7974,8 @@ class TCloudUiModule {
             TCloudUiSubNavbarComponent,
             TCloudUiSubNavbarItemComponent,
             TCloudUiTabGroupComponent,
-            TCloudUiTabItemComponent, TCloudUiAlignDirective,
+            TCloudUiTabItemComponent,
+            TCloudUiWizardStepsComponent, TCloudUiAlignDirective,
             TCloudUiCheckboxDirective,
             TCloudUiCurrencyDirective,
             TCloudUiElCopyDirective,
@@ -7796,7 +7988,8 @@ class TCloudUiModule {
             TCloudUiHighLightDirective,
             TCloudUiIpMaskDirective,
             TCloudUiButtonDirective,
-            TCloudUiFormDirective, ToTextPipe,
+            TCloudUiFormDirective,
+            TCloudUiSlideToggleDirective, ToTextPipe,
             BytesPipe,
             CNPJPipe,
             CPFPipe,
@@ -7851,6 +8044,7 @@ class TCloudUiModule {
             TCloudUiPaginationComponent,
             TCloudUiCardComponent,
             TCloudUiCardAccordionComponent,
+            TCloudUiCalendarComponent,
             TCloudUiDropdownComponent,
             TCloudUiDropdownMultiComponent,
             TCloudUiFaqComponent,
@@ -7860,7 +8054,8 @@ class TCloudUiModule {
             TCloudUiSubNavbarComponent,
             TCloudUiSubNavbarItemComponent,
             TCloudUiTabGroupComponent,
-            TCloudUiTabItemComponent] }); }
+            TCloudUiTabItemComponent,
+            TCloudUiWizardStepsComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiModule, decorators: [{
             type: NgModule,
@@ -9871,5 +10066,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$1 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, DropdownGroupedSize, DropdownMultiSize$1 as DropdownMultiSize, DropdownSize$1 as DropdownSize, MonthNamePipe, MultiLevelDropdownSize, ProgressStatusBarGradientStatus, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCLOUD_UI_CONFIG, TCLOUD_UI_LAYOUT_SERVICE, TCLOUD_UI_USER_SERVICE, TCLOUD_UI_VIEWPORT_SERVICE, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionTitleComponent, TCloudUiAlignDirective, TCloudUiBreadcrumbComponent, TCloudUiBreadcrumbService, TCloudUiButtonDirective, TCloudUiCardAccordionComponent, TCloudUiCardComponent, TCloudUiCardTitleComponent, TCloudUiCheckAccessDirective, TCloudUiCheckAccessService, TCloudUiCheckboxDirective, TCloudUiChoiceIssuesComponent, TCloudUiContainerColComponent, TCloudUiContainerComponent, TCloudUiContainerContentComponent, TCloudUiCubesComponent, TCloudUiCurrencyDirective, TCloudUiDataListComponent, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerTimeComponent, TCloudUiDigitOnlyDirective, TCloudUiDropdownComponent, TCloudUiDropdownMultiComponent, TCloudUiElCopyDirective, TCloudUiEmptyContentComponent, TCloudUiFaqComponent, TCloudUiFiltersComponent, TCloudUiFormDirective, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiInputContainerComponent, TCloudUiInputPasswordComponent, TCloudUiInputSearchComponent, TCloudUiIpMaskDirective, TCloudUiLabelTokenComponent, TCloudUiLineStepCircleComponent, TCloudUiLineStepTitleComponent, TCloudUiLinhaLogoComponent, TCloudUiLoadingComponent, TCloudUiLoadingTransitionsService, TCloudUiMessageComponent, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiSelectComponent, TCloudUiMultiplesValuesComponent, TCloudUiNgCheckAccessDirective, TCloudUiNgFeatureFlagsDirective, TCloudUiNotFoundComponent, TCloudUiNumberStepComponent, TCloudUiPaginationComponent, TCloudUiPaginationPipe, TCloudUiProgressBarComponent, TCloudUiRangeDateComponent, TCloudUiReorderItemsComponent, TCloudUiScrollBoxComponent, TCloudUiSearchInObjectService, TCloudUiSkeletonLoadingComponent, TCloudUiSkeletonLoadingComponentStyle, TCloudUiSubNavbarComponent, TCloudUiSubNavbarItemComponent, TCloudUiTabContentComponent, TCloudUiTabGroupComponent, TCloudUiTabHeadComponent, TCloudUiTabItemComponent, TCloudUiTabMenuComponent, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTagComponent, TCloudUiToastComponent, TCloudUiTooltipDirective, TCloudUiWelcomeComponent, 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, echartBarConfig, isTextEllipsed, provideTCloudUi };
+export { BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$1 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, DropdownGroupedSize, DropdownMultiSize$1 as DropdownMultiSize, DropdownSize$1 as DropdownSize, MonthNamePipe, MultiLevelDropdownSize, ProgressStatusBarGradientStatus, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCLOUD_UI_CONFIG, TCLOUD_UI_LAYOUT_SERVICE, TCLOUD_UI_USER_SERVICE, TCLOUD_UI_VIEWPORT_SERVICE, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionTitleComponent, 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, TCloudUiFiltersComponent, TCloudUiFormDirective, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiInputContainerComponent, TCloudUiInputPasswordComponent, TCloudUiInputSearchComponent, TCloudUiIpMaskDirective, TCloudUiLabelTokenComponent, TCloudUiLineStepCircleComponent, TCloudUiLineStepTitleComponent, TCloudUiLinhaLogoComponent, TCloudUiLoadingComponent, TCloudUiLoadingTransitionsService, TCloudUiMessageComponent, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiSelectComponent, TCloudUiMultiplesValuesComponent, TCloudUiNgCheckAccessDirective, TCloudUiNgFeatureFlagsDirective, TCloudUiNotFoundComponent, TCloudUiNumberStepComponent, TCloudUiPaginationComponent, TCloudUiPaginationPipe, TCloudUiProgressBarComponent, TCloudUiRangeDateComponent, TCloudUiReorderItemsComponent, TCloudUiScrollBoxComponent, TCloudUiSearchInObjectService, TCloudUiSkeletonLoadingComponent, TCloudUiSkeletonLoadingComponentStyle, TCloudUiSlideToggleDirective, TCloudUiSubNavbarComponent, TCloudUiSubNavbarItemComponent, TCloudUiTabContentComponent, TCloudUiTabGroupComponent, TCloudUiTabHeadComponent, TCloudUiTabItemComponent, TCloudUiTabMenuComponent, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTagComponent, TCloudUiToastComponent, TCloudUiTooltipDirective, 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, echartBarConfig, isTextEllipsed, provideTCloudUi };
 //# sourceMappingURL=dev-tcloud-tcloud-ui.mjs.map