@dev-tcloud/tcloud-ui 6.25.0-beta.1 → 6.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/dev-tcloud-tcloud-ui.mjs +32 -419
- package/fesm2022/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/lib/tcloud-ui.module.d.ts +53 -54
- package/package.json +1 -1
- package/public-api.d.ts +0 -1
- package/scss/components/custom/table.scss +44 -55
- package/scss/tcloud/custom/forms.scss +0 -1
- package/scss/tcloud/themes/_dark.scss +68 -0
- package/scss/tcloud/themes/themes.scss +3 -0
- package/scss/tcloud-ui/styles/_claus-form.scss +16 -0
- package/docs/tcloud-ui-carousel.md +0 -159
- package/lib/_modules/tcloud-ui-carousel/tcloud-ui-carousel.component.d.ts +0 -134
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export type TCloudUiCarouselEffect = 'slide' | 'fade';
|
|
4
|
-
export declare class TCloudUiCarouselComponent implements AfterViewInit, OnDestroy {
|
|
5
|
-
private readonly changeDetectorRef;
|
|
6
|
-
private readonly ngZone;
|
|
7
|
-
carouselTrack: ElementRef<HTMLDivElement>;
|
|
8
|
-
/**
|
|
9
|
-
* Texto acessível usado para identificar a região do carrossel.
|
|
10
|
-
* Esperado: string curta e descritiva para leitores de tela.
|
|
11
|
-
*/
|
|
12
|
-
ariaLabel: string;
|
|
13
|
-
/**
|
|
14
|
-
* Define a posição dos botões de navegação.
|
|
15
|
-
* Esperado: 'inside' para botões sobre o conteúdo ou 'outside' para uso futuro fora da área visual.
|
|
16
|
-
*/
|
|
17
|
-
controlsPosition: 'inside' | 'outside';
|
|
18
|
-
/**
|
|
19
|
-
* Espaçamento horizontal entre os slides.
|
|
20
|
-
* Esperado: qualquer valor CSS válido, como '0', '8px' ou 'var(--size-16)'.
|
|
21
|
-
*/
|
|
22
|
-
gap: string;
|
|
23
|
-
/**
|
|
24
|
-
* Ocultar Scrollbar horizontal do carrossel.
|
|
25
|
-
* Esperado: true para esconder a barra de rolagem ou false para exibi-la.
|
|
26
|
-
*/
|
|
27
|
-
hideScrollbar: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* Quantidade de deslocamento usada ao avançar ou voltar no efeito slide.
|
|
30
|
-
* Esperado: 'page' para mover uma largura completa do carrossel ou um número em pixels.
|
|
31
|
-
*/
|
|
32
|
-
/**
|
|
33
|
-
* Comportamento nativo do scroll quando o carrossel navega entre slides.
|
|
34
|
-
* Esperado: 'smooth', 'auto' ou 'instant', conforme suporte do navegador.
|
|
35
|
-
*/
|
|
36
|
-
scrollBehavior: ScrollBehavior;
|
|
37
|
-
/**
|
|
38
|
-
* Encaixar o scroll no início de cada slide.
|
|
39
|
-
* Esperado: true para evitar parar entre dois slides ou false para permitir rolagem livre.
|
|
40
|
-
*/
|
|
41
|
-
snap: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* Tempo de espera entre uma troca automática de slide e outra.
|
|
44
|
-
* Esperado: número em milissegundos; use 0 para desativar autoplay.
|
|
45
|
-
* Exemplo: autoplay-delay="8000".
|
|
46
|
-
*/
|
|
47
|
-
autoplayDelay: number;
|
|
48
|
-
/**
|
|
49
|
-
* Define se o autoplay deve parar quando o usuário interagir com o carrossel.
|
|
50
|
-
* Esperado: true para parar ao clicar/navegar ou false para continuar após interação.
|
|
51
|
-
* Exemplo: autoplay-disable-on-interaction="false".
|
|
52
|
-
*/
|
|
53
|
-
autoplayDisableOnInteraction: boolean;
|
|
54
|
-
/**
|
|
55
|
-
* Tipo de transição visual entre os slides.
|
|
56
|
-
* Esperado: 'slide' para rolagem horizontal ou 'fade' para transição por opacidade.
|
|
57
|
-
*/
|
|
58
|
-
effect: TCloudUiCarouselEffect;
|
|
59
|
-
/**
|
|
60
|
-
* Permitir navegação circular entre os slides.
|
|
61
|
-
* Esperado: true para voltar do último slide ao primeiro ou false para travar nas extremidades.
|
|
62
|
-
*/
|
|
63
|
-
loop: boolean;
|
|
64
|
-
/**
|
|
65
|
-
* Exibir indicadores de paginação sobre a imagem.
|
|
66
|
-
* Esperado: true para mostrar os dots ou false para ocultá-los.
|
|
67
|
-
*/
|
|
68
|
-
pagination: boolean;
|
|
69
|
-
/**
|
|
70
|
-
* Permitir clique nos indicadores de paginação.
|
|
71
|
-
* Esperado: true para navegar ao clicar nos dots ou false para deixá-los apenas informativos.
|
|
72
|
-
* Exemplo: pagination-clickable="true".
|
|
73
|
-
*/
|
|
74
|
-
paginationClickable: boolean;
|
|
75
|
-
/**
|
|
76
|
-
* Exibir botões de navegação anterior e próximo sobre a imagem.
|
|
77
|
-
* Esperado: true para mostrar as setas ou false para ocultá-las.
|
|
78
|
-
*/
|
|
79
|
-
navigation: boolean;
|
|
80
|
-
/**
|
|
81
|
-
* Duração da animação de troca de slide.
|
|
82
|
-
* Esperado: número em milissegundos.
|
|
83
|
-
* Exemplo: speed="1000".
|
|
84
|
-
*/
|
|
85
|
-
speed: number;
|
|
86
|
-
activeIndexChange: EventEmitter<number>;
|
|
87
|
-
get carouselSpeed(): string;
|
|
88
|
-
get carouselGap(): string;
|
|
89
|
-
get hideCarouselScrollbar(): boolean;
|
|
90
|
-
get useCarouselSnap(): boolean;
|
|
91
|
-
get useFadeEffect(): boolean;
|
|
92
|
-
get useSlideEffect(): boolean;
|
|
93
|
-
activeIndex: number;
|
|
94
|
-
canScrollNext: boolean;
|
|
95
|
-
canScrollPrev: boolean;
|
|
96
|
-
isOverflowed: boolean;
|
|
97
|
-
pages: number[];
|
|
98
|
-
private resizeObserver?;
|
|
99
|
-
private autoplayTimeout;
|
|
100
|
-
private scrollAnimationRaf;
|
|
101
|
-
private scrollRaf;
|
|
102
|
-
private stateRaf;
|
|
103
|
-
get currentEffect(): TCloudUiCarouselEffect;
|
|
104
|
-
get showCarouselControls(): boolean;
|
|
105
|
-
get showCarouselIndicators(): boolean;
|
|
106
|
-
constructor(changeDetectorRef: ChangeDetectorRef, ngZone: NgZone);
|
|
107
|
-
ngAfterViewInit(): void;
|
|
108
|
-
ngOnDestroy(): void;
|
|
109
|
-
next(): void;
|
|
110
|
-
previous(): void;
|
|
111
|
-
scrollToIndex(index: number): void;
|
|
112
|
-
private goToIndex;
|
|
113
|
-
private handleScroll;
|
|
114
|
-
private handleInteraction;
|
|
115
|
-
private scheduleStateUpdate;
|
|
116
|
-
private scheduleAutoplay;
|
|
117
|
-
private clearAutoplay;
|
|
118
|
-
private updateState;
|
|
119
|
-
private setActiveIndex;
|
|
120
|
-
private normalizeIndex;
|
|
121
|
-
private getSlides;
|
|
122
|
-
private getClosestSlideIndex;
|
|
123
|
-
private updateSlidesState;
|
|
124
|
-
private animateScrollTo;
|
|
125
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TCloudUiCarouselComponent, never>;
|
|
126
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiCarouselComponent, "tcloud-ui-carousel", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "controlsPosition": { "alias": "controlsPosition"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "hideScrollbar": { "alias": "hideScrollbar"; "required": false; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; }; "snap": { "alias": "snap"; "required": false; }; "autoplayDelay": { "alias": "autoplay-delay"; "required": false; }; "autoplayDisableOnInteraction": { "alias": "autoplay-disable-on-interaction"; "required": false; }; "effect": { "alias": "effect"; "required": false; }; "loop": { "alias": "loop"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "paginationClickable": { "alias": "pagination-clickable"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; "speed": { "alias": "speed"; "required": false; }; }, { "activeIndexChange": "activeIndexChange"; }, never, ["*"], true, never>;
|
|
127
|
-
static ngAcceptInputType_autoplayDelay: unknown;
|
|
128
|
-
static ngAcceptInputType_autoplayDisableOnInteraction: unknown;
|
|
129
|
-
static ngAcceptInputType_loop: unknown;
|
|
130
|
-
static ngAcceptInputType_pagination: unknown;
|
|
131
|
-
static ngAcceptInputType_paginationClickable: unknown;
|
|
132
|
-
static ngAcceptInputType_navigation: unknown;
|
|
133
|
-
static ngAcceptInputType_speed: unknown;
|
|
134
|
-
}
|