@dev-tcloud/tcloud-ui 6.26.0 → 6.26.2

package/docs/tcloud-ui-carousel.md

@@ -0,0 +1,159 @@
+# TCloudUiCarousel
+
+O componente `tcloud-ui-carousel` exibe conteúdos em formato de carrossel horizontal, com suporte a imagens ou qualquer conteúdo projetado via `ng-content`. Ele foi pensado para banners, cards e blocos visuais simples, mantendo navegação, paginação, autoplay e efeitos configuráveis por atributos.
+
+## Características
+
+- Projeção de conteúdo via `ng-content`
+- Cada item projetado ocupa 100% da largura disponível do carrossel
+- Navegação por setas sobre a imagem
+- Paginação por indicadores sobre a imagem
+- Autoplay configurável
+- Suporte a efeito `slide` e `fade`
+- Loop opcional
+- Scroll snap opcional
+- Componente standalone
+
+## Instalação
+
+Importe o componente diretamente em componentes standalone:
+
+```typescript
+import { TCloudUiCarouselComponent } from 'tcloud-ui';
+
+@Component({
+  standalone: true,
+  imports: [TCloudUiCarouselComponent],
+  template: `...`
+})
+export class ExemploCarouselComponent {}
+```
+
+Ou utilize pelo `TCloudUiModule`, quando a aplicação já importar o módulo completo da biblioteca.
+
+## Uso Básico
+
+```html
+<tcloud-ui-carousel>
+  <img src="assets/banner-1.png" alt="Banner 1">
+  <img src="assets/banner-2.png" alt="Banner 2">
+  <img src="assets/banner-3.png" alt="Banner 3">
+</tcloud-ui-carousel>
+```
+
+## Uso com Configurações
+
+```html
+<tcloud-ui-carousel
+  autoplay-delay="8000"
+  autoplay-disable-on-interaction="false"
+  effect="fade"
+  loop="true"
+  pagination="true"
+  pagination-clickable="true"
+  navigation="true"
+  speed="1000">
+  <img src="assets/banner-1.png" alt="Banner 1">
+  <img src="assets/banner-2.png" alt="Banner 2">
+</tcloud-ui-carousel>
+```
+
+## Controlando a Largura Externamente
+
+O carrossel ocupa `100%` da largura do container pai. Para exibir em tamanho menor, controle o wrapper externo:
+
+```html
+<div class="carousel-wrapper">
+  <tcloud-ui-carousel pagination="true" navigation="true">
+    <img src="assets/banner-1.png" alt="Banner 1">
+    <img src="assets/banner-2.png" alt="Banner 2">
+  </tcloud-ui-carousel>
+</div>
+```
+
+```scss
+.carousel-wrapper {
+  width: 80%;
+  max-width: 900px;
+  margin: 0 auto;
+}
+```
+
+## Propriedades
+
+### Inputs
+
+| Propriedade | Tipo | Padrão | Descrição |
+|-------------|------|--------|-----------|
+| `ariaLabel` | `string` | `'Carrossel'` | Texto acessível usado para identificar a região do carrossel para leitores de tela. |
+| `controlsPosition` | `'inside' \| 'outside'` | `'inside'` | Define a posição dos botões. Atualmente o uso principal é `inside`, com setas sobre o conteúdo. |
+| `gap` | `string` | `'0'` | Espaçamento horizontal entre slides. Aceita qualquer valor CSS válido, como `'0'`, `'8px'` ou `'var(--size-16)'`. |
+| `hideScrollbar` | `boolean` | `true` | Oculta a scrollbar horizontal do carrossel. |
+| `scrollBehavior` | `ScrollBehavior` | `'smooth'` | Comportamento nativo do scroll. Aceita `'smooth'`, `'auto'` ou `'instant'`, conforme suporte do navegador. |
+| `snap` | `boolean` | `true` | Faz o scroll encaixar no início de cada slide. Evita que o carrossel pare entre dois slides no efeito `slide`. |
+| `autoplay-delay` | `number` | `0` | Tempo em milissegundos entre as trocas automáticas de slide. Use `0` para desativar autoplay. |
+| `autoplay-disable-on-interaction` | `boolean` | `true` | Define se o autoplay deve parar quando o usuário interagir com setas ou paginação. |
+| `effect` | `'slide' \| 'fade'` | `'slide'` | Tipo de transição visual entre slides. |
+| `loop` | `boolean` | `false` | Permite navegação circular entre os slides. Ao avançar no último, volta para o primeiro. |
+| `pagination` | `boolean` | `false` | Exibe os indicadores de paginação sobre a imagem. |
+| `pagination-clickable` | `boolean` | `true` | Permite clicar nos indicadores para navegar diretamente para um slide. |
+| `navigation` | `boolean` | `true` | Exibe os botões de navegação anterior e próximo sobre a imagem. |
+| `speed` | `number` | `300` | Duração da animação em milissegundos. Afeta a animação customizada de slide e a transição de opacidade no `fade`. |
+
+### Outputs
+
+| Output | Tipo | Descrição |
+|--------|------|-----------|
+| `activeIndexChange` | `EventEmitter<number>` | Emitido quando o slide ativo muda. Retorna o índice do slide, começando em `0`. |
+
+## Exemplos
+
+### Com Slide, Paginação e Setas
+
+```html
+<tcloud-ui-carousel
+  effect="slide"
+  pagination="true"
+  navigation="true"
+  loop="true">
+  <img src="assets/banner-1.png" alt="Banner 1">
+  <img src="assets/banner-2.png" alt="Banner 2">
+</tcloud-ui-carousel>
+```
+
+### Com Fade e Autoplay
+
+```html
+<tcloud-ui-carousel
+  effect="fade"
+  autoplay-delay="5000"
+  autoplay-disable-on-interaction="false"
+  speed="1000"
+  pagination="true">
+  <img src="assets/banner-1.png" alt="Banner 1">
+  <img src="assets/banner-2.png" alt="Banner 2">
+</tcloud-ui-carousel>
+```
+
+### Com Cards
+
+```html
+<tcloud-ui-carousel pagination="true" navigation="true">
+  <article class="card">
+    <h3>Plano Basic</h3>
+    <p>Conteúdo do primeiro slide.</p>
+  </article>
+
+  <article class="card">
+    <h3>Plano Prime</h3>
+    <p>Conteúdo do segundo slide.</p>
+  </article>
+</tcloud-ui-carousel>
+```
+
+## Observações
+
+- Para imagens externas, prefira URLs públicas e estáveis. URLs assinadas com expiração podem fazer o carrossel parecer vazio quando vencerem.
+- Para reduzir a largura visual, use um container externo em vez de alterar estilos internos do componente.
+- No modo `fade`, os slides são sobrepostos e alternados por opacidade.
+- No modo `slide`, o carrossel usa scroll horizontal com suporte a snap.

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, EventEmitter, Input, Output, InjectionToken, Optional, Inject, inject, signal, Pipe, forwardRef, ViewChild, input, effect, Directive, ViewEncapsulation, SkipSelf, ChangeDetectionStrategy, HostListener, ChangeDetectorRef, computed, ApplicationRef, output, model, ContentChildren, viewChild, EnvironmentInjector, createComponent, ViewContainerRef, NgModule, makeEnvironmentProviders } from '@angular/core';
+import { Injectable, Component, EventEmitter, Input, Output, InjectionToken, Optional, Inject, inject, signal, Pipe, forwardRef, ViewChild, input, effect, Directive, ViewEncapsulation, SkipSelf, ChangeDetectionStrategy, HostListener, ChangeDetectorRef, computed, ApplicationRef, output, model, numberAttribute, booleanAttribute, HostBinding, ContentChildren, viewChild, EnvironmentInjector, createComponent, ViewContainerRef, NgModule, makeEnvironmentProviders } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DatePipe, DOCUMENT } from '@angular/common';
 import { Subject, Subscription, BehaviorSubject, debounceTime, distinctUntilChanged, map } from 'rxjs';
@@ -8504,6 +8504,389 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }] } });
 
+class TCloudUiCarouselComponent {
+    get carouselSpeed() {
+        return `${this.speed}ms`;
+    }
+    get carouselGap() {
+        return this.gap;
+    }
+    get hideCarouselScrollbar() {
+        return this.hideScrollbar;
+    }
+    get useCarouselSnap() {
+        return this.snap && this.currentEffect === 'slide';
+    }
+    get useFadeEffect() {
+        return this.currentEffect === 'fade';
+    }
+    get useSlideEffect() {
+        return this.currentEffect === 'slide';
+    }
+    get currentEffect() {
+        return this.effect === 'fade' ? 'fade' : 'slide';
+    }
+    get showCarouselControls() {
+        //return this.showControls && this.navigation;
+        return this.navigation;
+    }
+    get showCarouselIndicators() {
+        //return this.showIndicators || this.pagination;
+        return this.pagination;
+    }
+    constructor(changeDetectorRef, ngZone) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.ngZone = ngZone;
+        /**
+         * Texto acessível usado para identificar a região do carrossel.
+         * Esperado: string curta e descritiva para leitores de tela.
+         */
+        this.ariaLabel = 'Carrossel';
+        /**
+         * Define a posição dos botões de navegação.
+         * Esperado: 'inside' para botões sobre o conteúdo ou 'outside' para uso futuro fora da área visual.
+         */
+        this.controlsPosition = 'inside';
+        /**
+         * Espaçamento horizontal entre os slides.
+         * Esperado: qualquer valor CSS válido, como '0', '8px' ou 'var(--size-16)'.
+         */
+        this.gap = '0';
+        /**
+         * Ocultar Scrollbar horizontal do carrossel.
+         * Esperado: true para esconder a barra de rolagem ou false para exibi-la.
+         */
+        this.hideScrollbar = true;
+        /**
+         * Quantidade de deslocamento usada ao avançar ou voltar no efeito slide.
+         * Esperado: 'page' para mover uma largura completa do carrossel ou um número em pixels.
+         */
+        //@Input() scrollAmount: 'page' | number = 'page';
+        /**
+         * Comportamento nativo do scroll quando o carrossel navega entre slides.
+         * Esperado: 'smooth', 'auto' ou 'instant', conforme suporte do navegador.
+         */
+        this.scrollBehavior = 'smooth';
+        //  @Input() showControls: boolean = true;
+        //  @Input() showIndicators: boolean = true;
+        /**
+         * Encaixar o scroll no início de cada slide.
+         * Esperado: true para evitar parar entre dois slides ou false para permitir rolagem livre.
+         */
+        this.snap = true;
+        /**
+         * Tempo de espera entre uma troca automática de slide e outra.
+         * Esperado: número em milissegundos; use 0 para desativar autoplay.
+         * Exemplo: autoplay-delay="8000".
+         */
+        this.autoplayDelay = 0;
+        /**
+         * Define se o autoplay deve parar quando o usuário interagir com o carrossel.
+         * Esperado: true para parar ao clicar/navegar ou false para continuar após interação.
+         * Exemplo: autoplay-disable-on-interaction="false".
+         */
+        this.autoplayDisableOnInteraction = true;
+        /**
+         * Tipo de transição visual entre os slides.
+         * Esperado: 'slide' para rolagem horizontal ou 'fade' para transição por opacidade.
+         */
+        this.effect = 'slide';
+        /**
+         * Permitir navegação circular entre os slides.
+         * Esperado: true para voltar do último slide ao primeiro ou false para travar nas extremidades.
+         */
+        this.loop = false;
+        /**
+         * Exibir indicadores de paginação sobre a imagem.
+         * Esperado: true para mostrar os dots ou false para ocultá-los.
+         */
+        this.pagination = false;
+        /**
+         * Permitir clique nos indicadores de paginação.
+         * Esperado: true para navegar ao clicar nos dots ou false para deixá-los apenas informativos.
+         * Exemplo: pagination-clickable="true".
+         */
+        this.paginationClickable = true;
+        /**
+         * Exibir botões de navegação anterior e próximo sobre a imagem.
+         * Esperado: true para mostrar as setas ou false para ocultá-las.
+         */
+        this.navigation = true;
+        /**
+         * Duração da animação de troca de slide.
+         * Esperado: número em milissegundos.
+         * Exemplo: speed="1000".
+         */
+        this.speed = 300;
+        this.activeIndexChange = new EventEmitter();
+        this.activeIndex = 0;
+        this.canScrollNext = false;
+        this.canScrollPrev = false;
+        this.isOverflowed = false;
+        this.pages = [0];
+        this.autoplayTimeout = null;
+        this.scrollAnimationRaf = null;
+        this.scrollRaf = null;
+        this.stateRaf = null;
+        this.handleScroll = () => {
+            if (this.scrollRaf !== null) {
+                return;
+            }
+            this.scrollRaf = requestAnimationFrame(() => {
+                this.scrollRaf = null;
+                this.updateState();
+            });
+        };
+    }
+    ngAfterViewInit() {
+        this.ngZone.runOutsideAngular(() => {
+            const el = this.carouselTrack.nativeElement;
+            el.addEventListener('scroll', this.handleScroll, { passive: true });
+            if (typeof ResizeObserver !== 'undefined') {
+                this.resizeObserver = new ResizeObserver(() => this.scheduleStateUpdate());
+                this.resizeObserver.observe(el);
+            }
+            this.scheduleStateUpdate();
+            this.scheduleAutoplay();
+        });
+    }
+    ngOnDestroy() {
+        const el = this.carouselTrack?.nativeElement;
+        el?.removeEventListener('scroll', this.handleScroll);
+        this.resizeObserver?.disconnect();
+        if (this.scrollRaf !== null) {
+            cancelAnimationFrame(this.scrollRaf);
+        }
+        if (this.stateRaf !== null) {
+            cancelAnimationFrame(this.stateRaf);
+        }
+        if (this.scrollAnimationRaf !== null) {
+            cancelAnimationFrame(this.scrollAnimationRaf);
+        }
+        this.clearAutoplay();
+    }
+    next() {
+        this.handleInteraction();
+        this.goToIndex(this.activeIndex + 1);
+    }
+    previous() {
+        this.handleInteraction();
+        this.goToIndex(this.activeIndex - 1);
+    }
+    scrollToIndex(index) {
+        if (!this.paginationClickable)
+            return;
+        this.handleInteraction();
+        this.goToIndex(index);
+    }
+    goToIndex(index, isAutoplay = false) {
+        const el = this.carouselTrack?.nativeElement;
+        if (!el)
+            return;
+        const targetIndex = this.normalizeIndex(index);
+        const slides = this.getSlides();
+        if (this.currentEffect === 'fade') {
+            this.setActiveIndex(targetIndex);
+            if (isAutoplay) {
+                this.scheduleAutoplay();
+            }
+            return;
+        }
+        const targetSlide = slides[targetIndex];
+        const targetLeft = targetSlide ? targetSlide.offsetLeft : targetIndex * el.clientWidth;
+        this.animateScrollTo(targetLeft);
+        if (isAutoplay) {
+            this.scheduleAutoplay();
+        }
+    }
+    handleInteraction() {
+        if (this.autoplayDisableOnInteraction) {
+            this.clearAutoplay();
+            return;
+        }
+        this.scheduleAutoplay();
+    }
+    scheduleStateUpdate() {
+        if (this.stateRaf !== null) {
+            return;
+        }
+        this.stateRaf = requestAnimationFrame(() => {
+            this.stateRaf = null;
+            this.updateState();
+        });
+    }
+    scheduleAutoplay() {
+        this.clearAutoplay();
+        if (!this.autoplayDelay || this.autoplayDelay <= 0) {
+            return;
+        }
+        this.autoplayTimeout = setTimeout(() => {
+            this.ngZone.runOutsideAngular(() => {
+                this.goToIndex(this.activeIndex + 1, true);
+            });
+        }, this.autoplayDelay);
+    }
+    clearAutoplay() {
+        if (this.autoplayTimeout === null) {
+            return;
+        }
+        clearTimeout(this.autoplayTimeout);
+        this.autoplayTimeout = null;
+    }
+    updateState() {
+        const el = this.carouselTrack?.nativeElement;
+        if (!el)
+            return;
+        const slides = this.getSlides();
+        const pagesLength = Math.max(1, slides.length);
+        const maxScrollLeft = Math.max(0, el.scrollWidth - el.clientWidth);
+        const activeIndex = this.currentEffect === 'fade'
+            ? this.activeIndex
+            : this.getClosestSlideIndex(slides, el.scrollLeft);
+        this.ngZone.run(() => {
+            this.activeIndex = Math.min(activeIndex, Math.max(0, pagesLength - 1));
+            this.canScrollPrev = this.loop || this.activeIndex > 0 || el.scrollLeft > 1;
+            this.canScrollNext = this.loop || this.activeIndex < pagesLength - 1 || el.scrollLeft < maxScrollLeft - 1;
+            this.isOverflowed = pagesLength > 1 || maxScrollLeft > 1;
+            this.pages = Array.from({ length: pagesLength }, (_, index) => index);
+            this.updateSlidesState();
+            this.changeDetectorRef.markForCheck();
+        });
+    }
+    setActiveIndex(index) {
+        const previousActiveIndex = this.activeIndex;
+        this.activeIndex = this.normalizeIndex(index);
+        this.canScrollPrev = this.loop || this.activeIndex > 0;
+        this.canScrollNext = this.loop || this.activeIndex < this.pages.length - 1;
+        this.updateSlidesState();
+        if (previousActiveIndex !== this.activeIndex) {
+            this.activeIndexChange.emit(this.activeIndex);
+        }
+        this.changeDetectorRef.markForCheck();
+    }
+    normalizeIndex(index) {
+        const slidesLength = this.getSlides().length;
+        if (slidesLength === 0)
+            return 0;
+        if (this.loop) {
+            return (index + slidesLength) % slidesLength;
+        }
+        return Math.min(Math.max(index, 0), slidesLength - 1);
+    }
+    getSlides() {
+        const el = this.carouselTrack?.nativeElement;
+        if (!el)
+            return [];
+        return Array.from(el.children);
+    }
+    getClosestSlideIndex(slides, scrollLeft) {
+        if (!slides.length)
+            return 0;
+        return slides.reduce((closestIndex, slide, index) => {
+            const currentDistance = Math.abs(slide.offsetLeft - scrollLeft);
+            const closestDistance = Math.abs(slides[closestIndex].offsetLeft - scrollLeft);
+            return currentDistance < closestDistance ? index : closestIndex;
+        }, 0);
+    }
+    updateSlidesState() {
+        this.getSlides().forEach((slide, index) => {
+            slide.classList.toggle('tc-carousel-item-active', index === this.activeIndex);
+            slide.classList.toggle('tc-carousel-item-hidden', index !== this.activeIndex);
+        });
+    }
+    animateScrollTo(left) {
+        const el = this.carouselTrack?.nativeElement;
+        if (!el)
+            return;
+        if (this.scrollAnimationRaf !== null) {
+            cancelAnimationFrame(this.scrollAnimationRaf);
+        }
+        if (this.scrollBehavior !== 'smooth' || this.speed <= 0) {
+            el.scrollTo({ left, behavior: this.scrollBehavior });
+            return;
+        }
+        const startLeft = el.scrollLeft;
+        const distance = left - startLeft;
+        const startTime = performance.now();
+        const animate = (currentTime) => {
+            const progress = Math.min((currentTime - startTime) / this.speed, 1);
+            const easeProgress = 1 - Math.pow(1 - progress, 3);
+            el.scrollLeft = startLeft + distance * easeProgress;
+            if (progress < 1) {
+                this.scrollAnimationRaf = requestAnimationFrame(animate);
+                return;
+            }
+            this.scrollAnimationRaf = null;
+            this.updateState();
+        };
+        this.scrollAnimationRaf = requestAnimationFrame(animate);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TCloudUiCarouselComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: TCloudUiCarouselComponent, isStandalone: true, selector: "tcloud-ui-carousel", inputs: { ariaLabel: "ariaLabel", controlsPosition: "controlsPosition", gap: "gap", hideScrollbar: "hideScrollbar", scrollBehavior: "scrollBehavior", snap: "snap", autoplayDelay: ["autoplay-delay", "autoplayDelay", numberAttribute], autoplayDisableOnInteraction: ["autoplay-disable-on-interaction", "autoplayDisableOnInteraction", booleanAttribute], effect: "effect", loop: ["loop", "loop", booleanAttribute], pagination: ["pagination", "pagination", booleanAttribute], paginationClickable: ["pagination-clickable", "paginationClickable", booleanAttribute], navigation: ["navigation", "navigation", booleanAttribute], speed: ["speed", "speed", numberAttribute] }, outputs: { activeIndexChange: "activeIndexChange" }, host: { properties: { "style.--tc-carousel-speed": "this.carouselSpeed", "style.--tc-carousel-gap": "this.carouselGap", "class.tc-carousel-hide-scrollbar": "this.hideCarouselScrollbar", "class.tc-carousel-snap": "this.useCarouselSnap", "class.tc-carousel-fade": "this.useFadeEffect", "class.tc-carousel-slide": "this.useSlideEffect" } }, viewQueries: [{ propertyName: "carouselTrack", first: true, predicate: ["carouselTrack"], descendants: true }], ngImport: i0, template: "<div\n  class=\"tcloud-ui-carousel\"\n  [class.controls-outside]=\"controlsPosition === 'outside'\"\n  [class.overflowed]=\"showCarouselControls && isOverflowed\">\n   <button\n    *ngIf=\"showCarouselControls && isOverflowed\"\n    class=\"tcloud-ui-carousel-control previous\"\n    type=\"button\"\n    [disabled]=\"!canScrollPrev\"\n    (click)=\"previous()\"\n    aria-label=\"Anterior\">\n    <i class=\"fa-solid fa-angle-left\"></i>\n  </button>\n  <div\n    #carouselTrack\n    class=\"tcloud-ui-carousel-track\"\n    tabindex=\"0\"\n    role=\"region\"\n    [attr.aria-label]=\"ariaLabel\">\n    <ng-content></ng-content>\n  </div>\n\n  <button\n    *ngIf=\"showCarouselControls && isOverflowed\"\n    class=\"tcloud-ui-carousel-control next\"\n    type=\"button\"\n    [disabled]=\"!canScrollNext\"\n    (click)=\"next()\"\n    aria-label=\"Pr\u00F3ximo\">\n    <i class=\"fa-solid fa-angle-right\"></i>\n  </button>\n\n\n  <div\n  *ngIf=\"showCarouselIndicators && pages.length > 1\"\n  class=\"tcloud-ui-carousel-indicators\">\n  <button\n    *ngFor=\"let page of pages; let index = index\"\n    class=\"tcloud-ui-carousel-indicator\"\n    type=\"button\"\n    [disabled]=\"!paginationClickable\"\n    [attr.aria-label]=\"'Ir para item ' + (index + 1)\"\n    [class.active]=\"index === activeIndex\"\n    (click)=\"scrollToIndex(page)\">\n  </button>\n</div>\n</div>\n\n<!-- <div\n  *ngIf=\"showCarouselIndicators && pages.length > 1\"\n  class=\"tcloud-ui-carousel-indicators\">\n  <button\n    *ngFor=\"let page of pages; let index = index\"\n    class=\"tcloud-ui-carousel-indicator\"\n    type=\"button\"\n    [disabled]=\"!paginationClickable\"\n    [attr.aria-label]=\"'Ir para item ' + (index + 1)\"\n    [class.active]=\"index === activeIndex\"\n    (click)=\"scrollToIndex(page)\">\n  </button>\n</div> -->\n", styles: ["tcloud-ui-carousel{display:block;width:100%}tcloud-ui-carousel .tcloud-ui-carousel{align-items:center;display:block;gap:var(--size-8);overflow:hidden;position:relative;width:100%}tcloud-ui-carousel .tcloud-ui-carousel.overflowed{display:block}tcloud-ui-carousel .tcloud-ui-carousel .tcloud-ui-carousel-control{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background-color:transparent;border:none;font-size:xx-large;color:var(--tc-primary)}tcloud-ui-carousel .tcloud-ui-carousel .tcloud-ui-carousel-control.previous{left:var(--size-4)}tcloud-ui-carousel .tcloud-ui-carousel .tcloud-ui-carousel-control.next{right:var(--size-4)}tcloud-ui-carousel .tcloud-ui-carousel-track{display:flex;gap:var(--tc-carousel-gap);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-gutter:stable;width:100%}tcloud-ui-carousel .tcloud-ui-carousel-track:focus{outline:none}tcloud-ui-carousel .tcloud-ui-carousel-track:focus-visible{outline:var(--bor-size-2) solid var(--c-primary-500);outline-offset:var(--size-2)}tcloud-ui-carousel .tcloud-ui-carousel-track>*{box-sizing:border-box;display:block;flex:0 0 100%;max-width:100%;min-width:100%;width:100%}tcloud-ui-carousel .tcloud-ui-carousel-track>img{height:auto;object-fit:cover}tcloud-ui-carousel.tc-carousel-fade .tcloud-ui-carousel-track{display:block;overflow:hidden;position:relative}tcloud-ui-carousel.tc-carousel-fade .tcloud-ui-carousel-track>*{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--tc-carousel-speed) ease;z-index:0}tcloud-ui-carousel.tc-carousel-fade .tcloud-ui-carousel-track>*.tc-carousel-item-active{opacity:1;pointer-events:auto;position:relative;z-index:1}tcloud-ui-carousel.tc-carousel-fade .tcloud-ui-carousel-track>*:first-child{opacity:1;pointer-events:auto;position:relative;z-index:1}tcloud-ui-carousel.tc-carousel-fade .tcloud-ui-carousel-track>*:first-child:not(.tc-carousel-item-active):has(~.tc-carousel-item-active){opacity:0;pointer-events:none;position:absolute;z-index:0}tcloud-ui-carousel.tc-carousel-snap .tcloud-ui-carousel-track{scroll-snap-type:x proximity}tcloud-ui-carousel.tc-carousel-snap .tcloud-ui-carousel-track>*{scroll-snap-align:start}tcloud-ui-carousel.tc-carousel-hide-scrollbar .tcloud-ui-carousel-track{-ms-overflow-style:none;scrollbar-width:none}tcloud-ui-carousel.tc-carousel-hide-scrollbar .tcloud-ui-carousel-track::-webkit-scrollbar{display:none}tcloud-ui-carousel .tcloud-ui-carousel-control{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:flex;font-size:var(--f-size-14);height:var(--size-40);justify-content:center;padding:0;transition:all .2s ease;width:var(--size-40)}tcloud-ui-carousel .tcloud-ui-carousel-control:hover:not(:disabled){background-color:var(--c-neutral-200);border-color:var(--c-neutral-200);color:var(--c-primary-500)}tcloud-ui-carousel .tcloud-ui-carousel-control:focus{outline:none}tcloud-ui-carousel .tcloud-ui-carousel-control:focus-visible:not(:disabled){outline:var(--bor-size-2) solid var(--c-primary-500);outline-offset:var(--size-2)}tcloud-ui-carousel .tcloud-ui-carousel-control:disabled{border-color:var(--c-neutral-200);color:var(--c-neutral-400);cursor:not-allowed}tcloud-ui-carousel .tcloud-ui-carousel-indicators{align-items:center;bottom:var(--size-12);display:flex;gap:var(--size-8);justify-content:center;left:50%;position:absolute;transform:translate(-50%);z-index:2}tcloud-ui-carousel .tcloud-ui-carousel-indicator{background-color:var(--c-neutral-300);border:0;border-radius:var(--bor-radius-16);cursor:pointer;height:var(--size-14);padding:0;transition:all .2s ease;width:var(--size-14)}tcloud-ui-carousel .tcloud-ui-carousel-indicator.active{background-color:var(--c-primary-500)}tcloud-ui-carousel .tcloud-ui-carousel-indicator:disabled{cursor:default}@media (max-width: 480px){tcloud-ui-carousel .tcloud-ui-carousel{display:block}tcloud-ui-carousel .tcloud-ui-carousel.overflowed{display:block}tcloud-ui-carousel .tcloud-ui-carousel-control{height:var(--size-32);width:var(--size-32)}tcloud-ui-carousel .tcloud-ui-carousel-control.previous{left:var(--size-8)}tcloud-ui-carousel .tcloud-ui-carousel-control.next{right:var(--size-8)}tcloud-ui-carousel .tcloud-ui-carousel-track{width:100%}tcloud-ui-carousel .tcloud-ui-carousel-indicators{bottom:var(--size-8)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TCloudUiCarouselComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-carousel', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"tcloud-ui-carousel\"\n  [class.controls-outside]=\"controlsPosition === 'outside'\"\n  [class.overflowed]=\"showCarouselControls && isOverflowed\">\n   <button\n    *ngIf=\"showCarouselControls && isOverflowed\"\n    class=\"tcloud-ui-carousel-control previous\"\n    type=\"button\"\n    [disabled]=\"!canScrollPrev\"\n    (click)=\"previous()\"\n    aria-label=\"Anterior\">\n    <i class=\"fa-solid fa-angle-left\"></i>\n  </button>\n  <div\n    #carouselTrack\n    class=\"tcloud-ui-carousel-track\"\n    tabindex=\"0\"\n    role=\"region\"\n    [attr.aria-label]=\"ariaLabel\">\n    <ng-content></ng-content>\n  </div>\n\n  <button\n    *ngIf=\"showCarouselControls && isOverflowed\"\n    class=\"tcloud-ui-carousel-control next\"\n    type=\"button\"\n    [disabled]=\"!canScrollNext\"\n    (click)=\"next()\"\n    aria-label=\"Pr\u00F3ximo\">\n    <i class=\"fa-solid fa-angle-right\"></i>\n  </button>\n\n\n  <div\n  *ngIf=\"showCarouselIndicators && pages.length > 1\"\n  class=\"tcloud-ui-carousel-indicators\">\n  <button\n    *ngFor=\"let page of pages; let index = index\"\n    class=\"tcloud-ui-carousel-indicator\"\n    type=\"button\"\n    [disabled]=\"!paginationClickable\"\n    [attr.aria-label]=\"'Ir para item ' + (index + 1)\"\n    [class.active]=\"index === activeIndex\"\n    (click)=\"scrollToIndex(page)\">\n  </button>\n</div>\n</div>\n\n<!-- <div\n  *ngIf=\"showCarouselIndicators && pages.length > 1\"\n  class=\"tcloud-ui-carousel-indicators\">\n  <button\n    *ngFor=\"let page of pages; let index = index\"\n    class=\"tcloud-ui-carousel-indicator\"\n    type=\"button\"\n    [disabled]=\"!paginationClickable\"\n    [attr.aria-label]=\"'Ir para item ' + (index + 1)\"\n    [class.active]=\"index === activeIndex\"\n    (click)=\"scrollToIndex(page)\">\n  </button>\n</div> -->\n", styles: ["tcloud-ui-carousel{display:block;width:100%}tcloud-ui-carousel .tcloud-ui-carousel{align-items:center;display:block;gap:var(--size-8);overflow:hidden;position:relative;width:100%}tcloud-ui-carousel .tcloud-ui-carousel.overflowed{display:block}tcloud-ui-carousel .tcloud-ui-carousel .tcloud-ui-carousel-control{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background-color:transparent;border:none;font-size:xx-large;color:var(--tc-primary)}tcloud-ui-carousel .tcloud-ui-carousel .tcloud-ui-carousel-control.previous{left:var(--size-4)}tcloud-ui-carousel .tcloud-ui-carousel .tcloud-ui-carousel-control.next{right:var(--size-4)}tcloud-ui-carousel .tcloud-ui-carousel-track{display:flex;gap:var(--tc-carousel-gap);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-gutter:stable;width:100%}tcloud-ui-carousel .tcloud-ui-carousel-track:focus{outline:none}tcloud-ui-carousel .tcloud-ui-carousel-track:focus-visible{outline:var(--bor-size-2) solid var(--c-primary-500);outline-offset:var(--size-2)}tcloud-ui-carousel .tcloud-ui-carousel-track>*{box-sizing:border-box;display:block;flex:0 0 100%;max-width:100%;min-width:100%;width:100%}tcloud-ui-carousel .tcloud-ui-carousel-track>img{height:auto;object-fit:cover}tcloud-ui-carousel.tc-carousel-fade .tcloud-ui-carousel-track{display:block;overflow:hidden;position:relative}tcloud-ui-carousel.tc-carousel-fade .tcloud-ui-carousel-track>*{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--tc-carousel-speed) ease;z-index:0}tcloud-ui-carousel.tc-carousel-fade .tcloud-ui-carousel-track>*.tc-carousel-item-active{opacity:1;pointer-events:auto;position:relative;z-index:1}tcloud-ui-carousel.tc-carousel-fade .tcloud-ui-carousel-track>*:first-child{opacity:1;pointer-events:auto;position:relative;z-index:1}tcloud-ui-carousel.tc-carousel-fade .tcloud-ui-carousel-track>*:first-child:not(.tc-carousel-item-active):has(~.tc-carousel-item-active){opacity:0;pointer-events:none;position:absolute;z-index:0}tcloud-ui-carousel.tc-carousel-snap .tcloud-ui-carousel-track{scroll-snap-type:x proximity}tcloud-ui-carousel.tc-carousel-snap .tcloud-ui-carousel-track>*{scroll-snap-align:start}tcloud-ui-carousel.tc-carousel-hide-scrollbar .tcloud-ui-carousel-track{-ms-overflow-style:none;scrollbar-width:none}tcloud-ui-carousel.tc-carousel-hide-scrollbar .tcloud-ui-carousel-track::-webkit-scrollbar{display:none}tcloud-ui-carousel .tcloud-ui-carousel-control{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:flex;font-size:var(--f-size-14);height:var(--size-40);justify-content:center;padding:0;transition:all .2s ease;width:var(--size-40)}tcloud-ui-carousel .tcloud-ui-carousel-control:hover:not(:disabled){background-color:var(--c-neutral-200);border-color:var(--c-neutral-200);color:var(--c-primary-500)}tcloud-ui-carousel .tcloud-ui-carousel-control:focus{outline:none}tcloud-ui-carousel .tcloud-ui-carousel-control:focus-visible:not(:disabled){outline:var(--bor-size-2) solid var(--c-primary-500);outline-offset:var(--size-2)}tcloud-ui-carousel .tcloud-ui-carousel-control:disabled{border-color:var(--c-neutral-200);color:var(--c-neutral-400);cursor:not-allowed}tcloud-ui-carousel .tcloud-ui-carousel-indicators{align-items:center;bottom:var(--size-12);display:flex;gap:var(--size-8);justify-content:center;left:50%;position:absolute;transform:translate(-50%);z-index:2}tcloud-ui-carousel .tcloud-ui-carousel-indicator{background-color:var(--c-neutral-300);border:0;border-radius:var(--bor-radius-16);cursor:pointer;height:var(--size-14);padding:0;transition:all .2s ease;width:var(--size-14)}tcloud-ui-carousel .tcloud-ui-carousel-indicator.active{background-color:var(--c-primary-500)}tcloud-ui-carousel .tcloud-ui-carousel-indicator:disabled{cursor:default}@media (max-width: 480px){tcloud-ui-carousel .tcloud-ui-carousel{display:block}tcloud-ui-carousel .tcloud-ui-carousel.overflowed{display:block}tcloud-ui-carousel .tcloud-ui-carousel-control{height:var(--size-32);width:var(--size-32)}tcloud-ui-carousel .tcloud-ui-carousel-control.previous{left:var(--size-8)}tcloud-ui-carousel .tcloud-ui-carousel-control.next{right:var(--size-8)}tcloud-ui-carousel .tcloud-ui-carousel-track{width:100%}tcloud-ui-carousel .tcloud-ui-carousel-indicators{bottom:var(--size-8)}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { carouselTrack: [{
+                type: ViewChild,
+                args: ['carouselTrack']
+            }], ariaLabel: [{
+                type: Input
+            }], controlsPosition: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }], hideScrollbar: [{
+                type: Input
+            }], scrollBehavior: [{
+                type: Input
+            }], snap: [{
+                type: Input
+            }], autoplayDelay: [{
+                type: Input,
+                args: [{ alias: 'autoplay-delay', transform: numberAttribute }]
+            }], autoplayDisableOnInteraction: [{
+                type: Input,
+                args: [{ alias: 'autoplay-disable-on-interaction', transform: booleanAttribute }]
+            }], effect: [{
+                type: Input
+            }], loop: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], pagination: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], paginationClickable: [{
+                type: Input,
+                args: [{ alias: 'pagination-clickable', transform: booleanAttribute }]
+            }], navigation: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], speed: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], activeIndexChange: [{
+                type: Output
+            }], carouselSpeed: [{
+                type: HostBinding,
+                args: ['style.--tc-carousel-speed']
+            }], carouselGap: [{
+                type: HostBinding,
+                args: ['style.--tc-carousel-gap']
+            }], hideCarouselScrollbar: [{
+                type: HostBinding,
+                args: ['class.tc-carousel-hide-scrollbar']
+            }], useCarouselSnap: [{
+                type: HostBinding,
+                args: ['class.tc-carousel-snap']
+            }], useFadeEffect: [{
+                type: HostBinding,
+                args: ['class.tc-carousel-fade']
+            }], useSlideEffect: [{
+                type: HostBinding,
+                args: ['class.tc-carousel-slide']
+            }] } });
+
 /**
  * Verifica se um elemento de texto está elipsado (texto cortado com ...)
  * @param element - O elemento HTML que contém o texto
@@ -9910,6 +10293,7 @@ const COMPONENTS = [
     TCloudUiCardTitleComponent,
     TCloudUiCardAccordionComponent,
     TCloudUiCalendarComponent,
+    TCloudUiCarouselComponent,
     TCloudUiDropdownComponent,
     TCloudUiDropdownMultiComponent,
     TCloudUiDialogComponent,
@@ -10045,6 +10429,7 @@ class TCloudUiModule {
             TCloudUiCardTitleComponent,
             TCloudUiCardAccordionComponent,
             TCloudUiCalendarComponent,
+            TCloudUiCarouselComponent,
             TCloudUiDropdownComponent,
             TCloudUiDropdownMultiComponent,
             TCloudUiDialogComponent,
@@ -10142,6 +10527,7 @@ class TCloudUiModule {
             TCloudUiCardTitleComponent,
             TCloudUiCardAccordionComponent,
             TCloudUiCalendarComponent,
+            TCloudUiCarouselComponent,
             TCloudUiDropdownComponent,
             TCloudUiDropdownMultiComponent,
             TCloudUiDialogComponent,
@@ -10240,6 +10626,7 @@ class TCloudUiModule {
             TCloudUiCardComponent,
             TCloudUiCardAccordionComponent,
             TCloudUiCalendarComponent,
+            TCloudUiCarouselComponent,
             TCloudUiDropdownComponent,
             TCloudUiDropdownMultiComponent,
             TCloudUiDialogComponent,
@@ -12285,5 +12672,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AcceptedFileType, BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$2 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, DropdownGroupedSize, DropdownMultiSize$1 as DropdownMultiSize, DropdownSize$1 as DropdownSize, MonthNamePipe, MultiLevelDropdownSize$1 as MultiLevelDropdownSize, ProductActionPipe, ProgressStatusBarGradientStatus$1 as ProgressStatusBarGradientStatus, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCLOUD_UI_CONFIG, TCLOUD_UI_LAYOUT_SERVICE, TCLOUD_UI_LOCALE_SERVICE, TCLOUD_UI_USER_SERVICE, TCLOUD_UI_VIEWPORT_SERVICE, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionTitleComponent, TCloudUiAlertBannerComponent, TCloudUiAlignDirective, TCloudUiBreadcrumbComponent, TCloudUiBreadcrumbService, TCloudUiButtonDirective, TCloudUiCalendarComponent, TCloudUiCardAccordionComponent, TCloudUiCardComponent, TCloudUiCardTitleComponent, TCloudUiCheckAccessDirective, TCloudUiCheckAccessService, TCloudUiCheckboxDirective, TCloudUiChoiceIssuesComponent, TCloudUiContainerColComponent, TCloudUiContainerComponent, TCloudUiContainerContentComponent, TCloudUiCubesComponent, TCloudUiCurrencyDirective, TCloudUiDataListComponent, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerTimeComponent, TCloudUiDialogComponent, TCloudUiDialogEventsEnum, TCloudUiDialogHostComponent, TCloudUiDialogModel, TCloudUiDialogService, TCloudUiDialogStatusEnum, TCloudUiDialogTextConfirmationEnum, TCloudUiDigitOnlyDirective, TCloudUiDropdownComponent, TCloudUiDropdownMultiComponent, TCloudUiDropdownMultiLevelComponent, TCloudUiEditorComponent, TCloudUiEditorDiffComponent, TCloudUiElCopyDirective, TCloudUiEmptyContentComponent, TCloudUiFaqComponent, TCloudUiFilterBarComponent, TCloudUiFiltersComponent, TCloudUiFormDirective, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiIconButtonDirective, TCloudUiInputContainerComponent, TCloudUiInputDirective, TCloudUiInputPasswordComponent, TCloudUiInputSearchComponent, TCloudUiIpMaskDirective, TCloudUiLabelTokenComponent, TCloudUiLegendComponent, TCloudUiLineStepCircleComponent, TCloudUiLineStepTitleComponent, TCloudUiLinhaLogoComponent, TCloudUiLoadingComponent, TCloudUiLoadingTransitionsService, TCloudUiMarkReadmeComponent, TCloudUiMessageComponent, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiSelectComponent, TCloudUiMultiplesValuesComponent, TCloudUiNgCheckAccessDirective, TCloudUiNgFeatureFlagsDirective, TCloudUiNotFoundComponent, TCloudUiNumberStepComponent, TCloudUiPaginationComponent, TCloudUiPaginationPipe, TCloudUiProgressBarComponent, TCloudUiProgressStatusBarComponent, TCloudUiRadioDirective, TCloudUiRangeDateComponent, TCloudUiReorderItemsComponent, TCloudUiScrollBoxComponent, TCloudUiSearchBarComponent, TCloudUiSearchInObjectService, TCloudUiSearchInputComponent, TCloudUiSkeletonLoadingComponent, TCloudUiSkeletonLoadingComponentStyle, TCloudUiSlideToggleDirective, TCloudUiSubNavbarComponent, TCloudUiSubNavbarGroupComponent, TCloudUiSubNavbarItemComponent, TCloudUiTabContentComponent, TCloudUiTabGroupComponent, TCloudUiTabHeadComponent, TCloudUiTabItemComponent, TCloudUiTabMenuComponent, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTagComponent, TCloudUiToastComponent, TCloudUiTooltipDirective, TCloudUiUploadAreaComponent, TCloudUiWelcomeComponent, TCloudUiWizardStepsComponent, TagColorsEnum, TcRevButtonDirective, TcRevCalendarComponent, TcRevCardAccordionComponent, TcRevCardComponent, TcRevCardTitleComponent, TcRevCheckboxDirective, TcRevComponentsLibModule, TcRevDropdownComponent, TcRevDropdownGroupedComponent, TcRevDropdownMultiComponent, TcRevDropdownMultiLevelComponent, TcRevEmptyContentComponent, TcRevFaqComponent, TcRevIconButtonDirective, TcRevInputContainerComponent, TcRevInputDirective, TcRevLoadingComponent, TcRevMessageComponent, TcRevMultiInputComponent, TcRevPaginationComponent, TcRevProgressStatusBarComponent, TcRevRadioDirective, TcRevSearchInputComponent, TcRevSideDrawerComponent, TcRevSkeletonLoadingComponent, TcRevSkeletonLoadingComponentStyle, TcRevSlideToggleDirective, TcRevSmallLoadingComponent, TcRevSmallLoadingComponentStyle, TcRevSubNavbarComponent, TcRevSubNavbarItemComponent, TcRevTabGroupComponent, TcRevTabItemComponent, TcRevTagComponent, TcRevToastComponent, TcRevTooltipDirective, TcRevWizardStepsComponent, ToTextPipe, TopologyEnvironmentPipe, TopologyProductPipe, TopologyRegionPipe, TopologyStatusPipe, echartBarConfig, isTextEllipsed, provideTCloudUi };
+export { AcceptedFileType, BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$2 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, DropdownGroupedSize, DropdownMultiSize$1 as DropdownMultiSize, DropdownSize$1 as DropdownSize, MonthNamePipe, MultiLevelDropdownSize$1 as MultiLevelDropdownSize, ProductActionPipe, ProgressStatusBarGradientStatus$1 as ProgressStatusBarGradientStatus, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCLOUD_UI_CONFIG, TCLOUD_UI_LAYOUT_SERVICE, TCLOUD_UI_LOCALE_SERVICE, TCLOUD_UI_USER_SERVICE, TCLOUD_UI_VIEWPORT_SERVICE, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionTitleComponent, TCloudUiAlertBannerComponent, TCloudUiAlignDirective, TCloudUiBreadcrumbComponent, TCloudUiBreadcrumbService, TCloudUiButtonDirective, TCloudUiCalendarComponent, TCloudUiCardAccordionComponent, TCloudUiCardComponent, TCloudUiCardTitleComponent, TCloudUiCarouselComponent, TCloudUiCheckAccessDirective, TCloudUiCheckAccessService, TCloudUiCheckboxDirective, TCloudUiChoiceIssuesComponent, TCloudUiContainerColComponent, TCloudUiContainerComponent, TCloudUiContainerContentComponent, TCloudUiCubesComponent, TCloudUiCurrencyDirective, TCloudUiDataListComponent, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerTimeComponent, TCloudUiDialogComponent, TCloudUiDialogEventsEnum, TCloudUiDialogHostComponent, TCloudUiDialogModel, TCloudUiDialogService, TCloudUiDialogStatusEnum, TCloudUiDialogTextConfirmationEnum, TCloudUiDigitOnlyDirective, TCloudUiDropdownComponent, TCloudUiDropdownMultiComponent, TCloudUiDropdownMultiLevelComponent, TCloudUiEditorComponent, TCloudUiEditorDiffComponent, TCloudUiElCopyDirective, TCloudUiEmptyContentComponent, TCloudUiFaqComponent, TCloudUiFilterBarComponent, TCloudUiFiltersComponent, TCloudUiFormDirective, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiIconButtonDirective, TCloudUiInputContainerComponent, TCloudUiInputDirective, TCloudUiInputPasswordComponent, TCloudUiInputSearchComponent, TCloudUiIpMaskDirective, TCloudUiLabelTokenComponent, TCloudUiLegendComponent, TCloudUiLineStepCircleComponent, TCloudUiLineStepTitleComponent, TCloudUiLinhaLogoComponent, TCloudUiLoadingComponent, TCloudUiLoadingTransitionsService, TCloudUiMarkReadmeComponent, TCloudUiMessageComponent, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiSelectComponent, TCloudUiMultiplesValuesComponent, TCloudUiNgCheckAccessDirective, TCloudUiNgFeatureFlagsDirective, TCloudUiNotFoundComponent, TCloudUiNumberStepComponent, TCloudUiPaginationComponent, TCloudUiPaginationPipe, 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