@seniorsistemas/angular-components 19.9.4 → 19.9.5-develop-17c73b08
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/accordion/package.json +3 -0
- package/alert/package.json +3 -0
- package/autocomplete/README.md +4 -0
- package/autocomplete/lib/autocomplete/autocomplete.component.d.ts +7 -1
- package/autocomplete/lib/autocomplete/components/autocomplete-chip/autocomplete-chip.component.d.ts +3 -1
- package/autocomplete/package.json +3 -0
- package/badge/package.json +3 -0
- package/bignumber-input/package.json +3 -0
- package/breadcrumb/package.json +3 -0
- package/button/package.json +3 -0
- package/calendar-mask/package.json +3 -0
- package/card/package.json +3 -0
- package/chat/package.json +3 -0
- package/checkbox/package.json +3 -0
- package/checkbox-list/package.json +3 -0
- package/chips/package.json +3 -0
- package/code-editor/package.json +3 -0
- package/collapse-link/package.json +3 -0
- package/common/deprecated-selector/package.json +3 -0
- package/common/package.json +3 -0
- package/confirm-dialog/package.json +3 -0
- package/content-generator/package.json +3 -0
- package/control-errors/package.json +3 -0
- package/country-phone-picker/package.json +3 -0
- package/currency/package.json +3 -0
- package/custom-fields/package.json +3 -0
- package/datepicker/package.json +3 -0
- package/dialog/package.json +3 -0
- package/drawer/package.json +3 -0
- package/dynamic-form/package.json +3 -0
- package/editable-overlay/package.json +3 -0
- package/editor/package.json +3 -0
- package/empty-state/package.json +3 -0
- package/esm2022/alert/lib/alert/alert.component.mjs +3 -3
- package/esm2022/autocomplete/lib/autocomplete/autocomplete.component.mjs +10 -4
- package/esm2022/autocomplete/lib/autocomplete/components/autocomplete-chip/autocomplete-chip.component.mjs +5 -3
- package/esm2022/dynamic-form/dynamic-form/form-field/fields/select/select-field.component.mjs +2 -2
- package/esm2022/editor/lib/editor/editor.component.mjs +3 -3
- package/esm2022/insights/lib/insights/components/insights-card/insights-card.component.mjs +21 -3
- package/esm2022/insights/lib/insights/components/insights-sidebar/insights-sidebar.component.mjs +14 -3
- package/esm2022/insights/lib/insights/insights.component.mjs +15 -4
- package/esm2022/paginator/lib/paginator/paginator.component.mjs +2 -2
- package/esm2022/rating-scale/lib/rating-scale/models/rating-scale-node.mjs +1 -1
- package/esm2022/rating-scale/lib/rating-scale/rating-scale.component.mjs +23 -3
- package/esm2022/select/lib/select/components/select-option/select-option.component.mjs +5 -3
- package/esm2022/select/lib/select/select.component.mjs +6 -4
- package/esm2022/speech-recognition/lib/speech-recognition/speech-recognition/speech-recognition.component.mjs +7 -3
- package/esm2022/split-button/lib/split-button/split-button.component.mjs +11 -3
- package/esm2022/table/lib/table/table-column/table-columns.component.mjs +1 -1
- package/esm2022/text-area/lib/text-area/text-area.component.mjs +1 -1
- package/esm2022/token-list/lib/token-list/token-list.component.mjs +7 -3
- package/fesm2022/seniorsistemas-angular-components-alert.mjs +2 -2
- package/fesm2022/seniorsistemas-angular-components-alert.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-autocomplete.mjs +13 -5
- package/fesm2022/seniorsistemas-angular-components-autocomplete.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-dynamic-form.mjs +1 -1
- package/fesm2022/seniorsistemas-angular-components-dynamic-form.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-editor.mjs +2 -2
- package/fesm2022/seniorsistemas-angular-components-editor.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-insights.mjs +47 -7
- package/fesm2022/seniorsistemas-angular-components-insights.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-paginator.mjs +1 -1
- package/fesm2022/seniorsistemas-angular-components-paginator.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-rating-scale.mjs +22 -2
- package/fesm2022/seniorsistemas-angular-components-rating-scale.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-select.mjs +9 -5
- package/fesm2022/seniorsistemas-angular-components-select.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-speech-recognition.mjs +6 -2
- package/fesm2022/seniorsistemas-angular-components-speech-recognition.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-split-button.mjs +10 -2
- package/fesm2022/seniorsistemas-angular-components-split-button.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-table.mjs +1 -1
- package/fesm2022/seniorsistemas-angular-components-table.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-text-area.mjs +1 -1
- package/fesm2022/seniorsistemas-angular-components-text-area.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-token-list.mjs +6 -2
- package/fesm2022/seniorsistemas-angular-components-token-list.mjs.map +1 -1
- package/fieldset/package.json +3 -0
- package/file-picker/package.json +3 -0
- package/file-upload/package.json +3 -0
- package/gantt/package.json +3 -0
- package/global-search/package.json +3 -0
- package/grid-menu/package.json +3 -0
- package/help-popover/package.json +3 -0
- package/ia-insight/package.json +3 -0
- package/image-cropper/package.json +3 -0
- package/infinite-scroll/package.json +3 -0
- package/info-sign/package.json +3 -0
- package/inline-edit/package.json +3 -0
- package/input-mask/package.json +3 -0
- package/input-text/package.json +3 -0
- package/insights/README.md +12 -0
- package/insights/lib/insights/components/insights-card/insights-card.component.d.ts +22 -1
- package/insights/lib/insights/components/insights-sidebar/insights-sidebar.component.d.ts +9 -1
- package/insights/lib/insights/insights.component.d.ts +9 -1
- package/insights/package.json +3 -0
- package/interactive-content/package.json +3 -0
- package/kanban/package.json +3 -0
- package/label-value/package.json +3 -0
- package/loading-state/package.json +3 -0
- package/locale/package.json +3 -0
- package/localized-number-input/package.json +3 -0
- package/mask/package.json +3 -0
- package/mouse-events/package.json +3 -0
- package/navigation-button/package.json +3 -0
- package/number-input/package.json +3 -0
- package/numeric/package.json +3 -0
- package/numeric-mask/package.json +3 -0
- package/object-card/package.json +3 -0
- package/optional-fields/editor/package.json +3 -0
- package/package.json +395 -395
- package/paginator/package.json +3 -0
- package/panel/package.json +3 -0
- package/password-strength/package.json +3 -0
- package/picklist/package.json +3 -0
- package/pin-code-field/package.json +3 -0
- package/product-header/package.json +3 -0
- package/profile-picture-picker/package.json +3 -0
- package/progressbar/package.json +3 -0
- package/radio-button/package.json +3 -0
- package/rating-scale/README.md +38 -13
- package/rating-scale/lib/rating-scale/models/rating-scale-node.d.ts +8 -0
- package/rating-scale/lib/rating-scale/rating-scale.component.d.ts +4 -1
- package/rating-scale/package.json +3 -0
- package/select/README.md +2 -0
- package/select/lib/select/components/select-option/select-option.component.d.ts +3 -1
- package/select/lib/select/select.component.d.ts +3 -1
- package/select/package.json +3 -0
- package/select-button/package.json +3 -0
- package/shared/package.json +3 -0
- package/side-sheet/package.json +3 -0
- package/sidebar/package.json +3 -0
- package/slide-in-bar/package.json +3 -0
- package/slider/package.json +3 -0
- package/speech-recognition/README.md +1 -0
- package/speech-recognition/lib/speech-recognition/speech-recognition/speech-recognition.component.d.ts +3 -1
- package/speech-recognition/package.json +3 -0
- package/split-button/README.md +2 -0
- package/split-button/lib/split-button/split-button.component.d.ts +5 -1
- package/split-button/package.json +3 -0
- package/spotlight/package.json +3 -0
- package/star-rating/package.json +3 -0
- package/stats-card/package.json +3 -0
- package/stepper/package.json +3 -0
- package/structure/package.json +3 -0
- package/switch/package.json +3 -0
- package/table/package.json +3 -0
- package/table-header/package.json +3 -0
- package/tabs/package.json +3 -0
- package/template/package.json +3 -0
- package/text-area/package.json +3 -0
- package/text-area-ia/package.json +3 -0
- package/thumbnail/package.json +3 -0
- package/thumbnails/package.json +3 -0
- package/tiered-menu/package.json +3 -0
- package/tile/package.json +3 -0
- package/timeline/package.json +3 -0
- package/toast/package.json +3 -0
- package/token-list/lib/token-list/token-list.component.d.ts +3 -1
- package/token-list/package.json +3 -0
- package/tooltip/package.json +3 -0
- package/topbar/package.json +3 -0
- package/tree/package.json +3 -0
- package/utils/package.json +3 -0
- package/workspace-switch/package.json +3 -0
package/rating-scale/README.md
CHANGED
|
@@ -52,25 +52,30 @@ export class MeuModulo {}
|
|
|
52
52
|
|
|
53
53
|
```typescript
|
|
54
54
|
interface RatingScaleNode {
|
|
55
|
-
id: string;
|
|
56
|
-
title?: string;
|
|
57
|
-
|
|
55
|
+
id: string; // Identificador único do nó (obrigatório)
|
|
56
|
+
title?: string; // Texto exibido abaixo do ícone
|
|
57
|
+
/** @deprecated Use `selectedIcon` e `unselectedIcon`. */
|
|
58
|
+
icon?: string; // Classe do ícone Font Awesome sem o glifo (ex: 'fa-smile') — sempre exibido com o glifo fixo `fas`
|
|
59
|
+
selectedIcon?: string; // Classe completa (glifo + ícone, ex: 'fas fa-smile') exibida quando o nó está selecionado
|
|
60
|
+
unselectedIcon?: string; // Classe completa (glifo + ícone, ex: 'far fa-smile') exibida quando o nó não está selecionado
|
|
58
61
|
}
|
|
59
62
|
```
|
|
60
63
|
|
|
61
64
|
> O `FormControl` deve ser do tipo `RatingScaleNode`. O componente emite o objeto `RatingScaleNode` completo quando um nó é selecionado.
|
|
62
65
|
|
|
66
|
+
> **`selectedIcon`/`unselectedIcon` devem ser informados juntos.** Se apenas um dos dois for informado, o componente emite um aviso no console e não exibe nenhum ícone para aquele nó. Se os dois forem informados, eles têm prioridade sobre `icon` (que é ignorado nesse caso).
|
|
67
|
+
|
|
63
68
|
## Exemplos
|
|
64
69
|
|
|
65
70
|
### Escala de humor com ícones
|
|
66
71
|
|
|
67
72
|
```typescript
|
|
68
73
|
const nosHumor: RatingScaleNode[] = [
|
|
69
|
-
{ id: 'very-happy', title: 'Muito feliz',
|
|
70
|
-
{ id: 'happy', title: 'Feliz',
|
|
71
|
-
{ id: 'normal', title: 'Normal',
|
|
72
|
-
{ id: 'sad', title: 'Triste',
|
|
73
|
-
{ id: 'very-sad', title: 'Muito triste',
|
|
74
|
+
{ id: 'very-happy', title: 'Muito feliz', selectedIcon: 'fas fa-laugh-wink', unselectedIcon: 'far fa-laugh-wink' },
|
|
75
|
+
{ id: 'happy', title: 'Feliz', selectedIcon: 'fas fa-smile', unselectedIcon: 'far fa-smile' },
|
|
76
|
+
{ id: 'normal', title: 'Normal', selectedIcon: 'fas fa-meh', unselectedIcon: 'far fa-meh' },
|
|
77
|
+
{ id: 'sad', title: 'Triste', selectedIcon: 'fas fa-sad-tear', unselectedIcon: 'far fa-sad-tear' },
|
|
78
|
+
{ id: 'very-sad', title: 'Muito triste', selectedIcon: 'fas fa-sad-cry', unselectedIcon: 'far fa-sad-cry' },
|
|
74
79
|
];
|
|
75
80
|
```
|
|
76
81
|
|
|
@@ -128,11 +133,11 @@ this.form = new FormGroup({
|
|
|
128
133
|
```html
|
|
129
134
|
<s-rating-scale
|
|
130
135
|
[nodes]="[
|
|
131
|
-
{ id: 'very-happy',
|
|
132
|
-
{ id: 'happy',
|
|
133
|
-
{ id: 'normal',
|
|
134
|
-
{ id: 'sad',
|
|
135
|
-
{ id: 'very-sad',
|
|
136
|
+
{ id: 'very-happy', selectedIcon: 'fas fa-laugh-wink', unselectedIcon: 'far fa-laugh-wink' },
|
|
137
|
+
{ id: 'happy', selectedIcon: 'fas fa-smile', unselectedIcon: 'far fa-smile' },
|
|
138
|
+
{ id: 'normal', selectedIcon: 'fas fa-meh', unselectedIcon: 'far fa-meh' },
|
|
139
|
+
{ id: 'sad', selectedIcon: 'fas fa-sad-tear', unselectedIcon: 'far fa-sad-tear' },
|
|
140
|
+
{ id: 'very-sad', selectedIcon: 'fas fa-sad-cry', unselectedIcon: 'far fa-sad-cry' }
|
|
136
141
|
]"
|
|
137
142
|
startLabel="Triste"
|
|
138
143
|
endLabel="Feliz"
|
|
@@ -148,6 +153,26 @@ this.form = new FormGroup({
|
|
|
148
153
|
- `startLabel` e `endLabel` contextualizam os extremos da escala para todos os usuários
|
|
149
154
|
- Em modo `disabled`, nenhum nó aceita interação e o estilo visual indica o estado inativo
|
|
150
155
|
|
|
156
|
+
## Migração
|
|
157
|
+
|
|
158
|
+
### `icon` para `selectedIcon`/`unselectedIcon`
|
|
159
|
+
|
|
160
|
+
O campo `icon` de `RatingScaleNode` está depreciado. Ele sempre exibia o ícone com o glifo `fas` fixo, independente do nó estar selecionado ou não. Os novos campos `selectedIcon`/`unselectedIcon` recebem a classe completa (glifo + ícone) pra cada estado, permitindo escolher livremente qualquer combinação — inclusive estilos diferentes (`fas`/`far`/etc.) por nó:
|
|
161
|
+
|
|
162
|
+
```typescript
|
|
163
|
+
// Antes
|
|
164
|
+
const nos: RatingScaleNode[] = [
|
|
165
|
+
{ id: 'happy', title: 'Feliz', icon: 'fa-smile' },
|
|
166
|
+
];
|
|
167
|
+
|
|
168
|
+
// Depois
|
|
169
|
+
const nos: RatingScaleNode[] = [
|
|
170
|
+
{ id: 'happy', title: 'Feliz', selectedIcon: 'fas fa-smile', unselectedIcon: 'far fa-smile' },
|
|
171
|
+
];
|
|
172
|
+
```
|
|
173
|
+
|
|
174
|
+
`selectedIcon` e `unselectedIcon` devem ser informados sempre em conjunto — informar só um dos dois gera um aviso no console e nenhum ícone é exibido para o nó.
|
|
175
|
+
|
|
151
176
|
## Componentes relacionados
|
|
152
177
|
|
|
153
178
|
- [`StarRating`](../star-rating/README.md) — avaliação por estrelas com escala numérica fixa
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
export interface RatingScaleNode {
|
|
2
2
|
id: string;
|
|
3
3
|
title?: string;
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated Use `selectedIcon` e `unselectedIcon` para controlar o glifo (`fas`/`far`/etc.)
|
|
6
|
+
* junto com o ícone. Será removido na próxima versão major.
|
|
7
|
+
*/
|
|
4
8
|
icon?: string;
|
|
9
|
+
/** @description Classe completa (glifo + ícone, ex: `'fas fa-smile'`) exibida quando o nó está selecionado. Deve ser informado junto com `unselectedIcon`. */
|
|
10
|
+
selectedIcon?: string;
|
|
11
|
+
/** @description Classe completa (glifo + ícone, ex: `'far fa-smile'`) exibida quando o nó não está selecionado. Deve ser informado junto com `selectedIcon`. */
|
|
12
|
+
unselectedIcon?: string;
|
|
5
13
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { OnChanges, SimpleChanges } from '@angular/core';
|
|
1
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
2
3
|
import { RatingScaleNode } from './models/rating-scale-node';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
@@ -18,7 +19,7 @@ import * as i0 from "@angular/core";
|
|
|
18
19
|
*
|
|
19
20
|
* @category Feedback
|
|
20
21
|
*/
|
|
21
|
-
export declare class RatingScaleComponent implements ControlValueAccessor {
|
|
22
|
+
export declare class RatingScaleComponent implements ControlValueAccessor, OnChanges {
|
|
22
23
|
/**
|
|
23
24
|
* @description Lista de nós que compõem a escala de avaliação. Campo obrigatório.
|
|
24
25
|
* Cada `RatingScaleNode` define o valor, rótulo e cor do item na escala.
|
|
@@ -37,6 +38,8 @@ export declare class RatingScaleComponent implements ControlValueAccessor {
|
|
|
37
38
|
value?: RatingScaleNode;
|
|
38
39
|
private _onChange?;
|
|
39
40
|
private _onTouched?;
|
|
41
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
42
|
+
getNodeIconClass(node: RatingScaleNode): string | undefined;
|
|
40
43
|
writeValue(value: RatingScaleNode): void;
|
|
41
44
|
registerOnChange(onChange: (value: RatingScaleNode) => void): void;
|
|
42
45
|
registerOnTouched(onTouched: (value: RatingScaleNode) => void): void;
|
package/select/README.md
CHANGED
|
@@ -62,6 +62,8 @@ export class MeuComponent {}
|
|
|
62
62
|
| `ariaLabel` | `string` | `''` | Não | Label de acessibilidade do componente |
|
|
63
63
|
| `ariaLabelledBy` | `string` | `''` | Não | ID do elemento externo que descreve o componente |
|
|
64
64
|
|
|
65
|
+
> **Nota:** o ícone exibido por `checkmark` usa por padrão a classe `far fa-check` (Font Awesome Free), definida internamente pelo `SelectOptionComponent` (sub-componente interno que renderiza cada opção do dropdown) através do input `checkIconClass`. Esse input não é público — não é exposto nem repassado pelo `SelectComponent`.
|
|
66
|
+
|
|
65
67
|
### Tipos
|
|
66
68
|
|
|
67
69
|
```typescript
|
|
@@ -7,8 +7,10 @@ export declare class SelectOptionComponent {
|
|
|
7
7
|
isGrouper: import("@angular/core").InputSignal<boolean>;
|
|
8
8
|
isFocused: import("@angular/core").InputSignal<boolean>;
|
|
9
9
|
isSelected: import("@angular/core").ModelSignal<boolean>;
|
|
10
|
+
/** @description Classe do ícone de checkmark exibido quando a opção está selecionada. @default 'far fa-check' */
|
|
11
|
+
checkIconClass: import("@angular/core").InputSignal<string>;
|
|
10
12
|
selected: import("@angular/core").OutputEmitterRef<void>;
|
|
11
13
|
onClick(): void;
|
|
12
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionComponent, never>;
|
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionComponent, "s-select-option", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": true; "isSignal": true; }; "checkmark": { "alias": "checkmark"; "required": true; "isSignal": true; }; "isGrouper": { "alias": "isGrouper"; "required": true; "isSignal": true; }; "isFocused": { "alias": "isFocused"; "required": true; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": true; "isSignal": true; }; }, { "isSelected": "isSelectedChange"; "selected": "selected"; }, never, never, true, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionComponent, "s-select-option", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": true; "isSignal": true; }; "checkmark": { "alias": "checkmark"; "required": true; "isSignal": true; }; "isGrouper": { "alias": "isGrouper"; "required": true; "isSignal": true; }; "isFocused": { "alias": "isFocused"; "required": true; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": true; "isSignal": true; }; "checkIconClass": { "alias": "checkIconClass"; "required": false; "isSignal": true; }; }, { "isSelected": "isSelectedChange"; "selected": "selected"; }, never, never, true, never>;
|
|
14
16
|
}
|
|
@@ -43,6 +43,8 @@ export declare class SelectComponent<T> implements ControlValueAccessor, OnInit,
|
|
|
43
43
|
filter: import("@angular/core").InputSignal<boolean>;
|
|
44
44
|
/** @description Exibe um ícone de checkmark ao lado da opção selecionada. @default false */
|
|
45
45
|
checkmark: import("@angular/core").InputSignal<boolean>;
|
|
46
|
+
/** @description Classe do ícone de checkmark exibido quando `checkmark` está ativo. @default 'far fa-check' */
|
|
47
|
+
checkIconClass: import("@angular/core").InputSignal<string>;
|
|
46
48
|
/** @description Chave(s) do objeto usada(s) para filtragem textual. Quando não informado, usa `optionLabel`. */
|
|
47
49
|
filterBy: import("@angular/core").InputSignal<keyof T | (keyof T)[] | undefined>;
|
|
48
50
|
/** @description Habilita agrupamento de opções. As opções devem conter itens filhos conforme a estrutura de grupo suportada. @default false */
|
|
@@ -369,6 +371,6 @@ export declare class SelectComponent<T> implements ControlValueAccessor, OnInit,
|
|
|
369
371
|
*/
|
|
370
372
|
private _focusSelectedOption;
|
|
371
373
|
static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
|
|
372
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "s-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "checkmark": { "alias": "checkmark"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showOptions": { "alias": "showOptions"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "showOptions": "showOptionsChange"; }, never, never, true, never>;
|
|
374
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "s-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "checkmark": { "alias": "checkmark"; "required": false; "isSignal": true; }; "checkIconClass": { "alias": "checkIconClass"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showOptions": { "alias": "showOptions"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "showOptions": "showOptionsChange"; }, never, never, true, never>;
|
|
373
375
|
}
|
|
374
376
|
export {};
|
|
@@ -47,6 +47,7 @@ export class MeuModule {}
|
|
|
47
47
|
| `textAreaElement` | `HTMLTextAreaElement` | — | Sim | Referência ao elemento `<textarea>` nativo que receberá o texto transcrito |
|
|
48
48
|
| `keepContext` | `boolean` | `false` | Não | Quando `true`, o texto reconhecido é adicionado ao texto existente em vez de substituí-lo |
|
|
49
49
|
| `speechRecognitionPlaceholder` | `string` | `''` | Não | Placeholder exibido no textarea durante o reconhecimento de voz |
|
|
50
|
+
| `moreOptionsIconClass` | `string` | `'far fa-ellipsis-h'` | Não | Classe do ícone do botão de mais opções |
|
|
50
51
|
|
|
51
52
|
### Outputs
|
|
52
53
|
|
|
@@ -25,6 +25,8 @@ export declare class SpeechRecognitionComponent implements OnInit, OnDestroy {
|
|
|
25
25
|
keepContext: boolean;
|
|
26
26
|
/** @description Placeholder exibido no textarea durante o reconhecimento de voz. @default '' */
|
|
27
27
|
speechRecognitionPlaceholder: string;
|
|
28
|
+
/** @description Classe do ícone do botão de mais opções. @default 'far fa-ellipsis-h' */
|
|
29
|
+
moreOptionsIconClass: string;
|
|
28
30
|
private _recognizedText;
|
|
29
31
|
private originalTextAreaElementText;
|
|
30
32
|
private isDoneTextToSpeech;
|
|
@@ -65,5 +67,5 @@ export declare class SpeechRecognitionComponent implements OnInit, OnDestroy {
|
|
|
65
67
|
private speak;
|
|
66
68
|
private get textToSpeech();
|
|
67
69
|
static ɵfac: i0.ɵɵFactoryDeclaration<SpeechRecognitionComponent, never>;
|
|
68
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SpeechRecognitionComponent, "s-speech-recognition", never, { "textAreaElement": { "alias": "textAreaElement"; "required": true; }; "keepContext": { "alias": "keepContext"; "required": false; }; "speechRecognitionPlaceholder": { "alias": "speechRecognitionPlaceholder"; "required": false; }; "disabledSpeechRecognition": { "alias": "disabledSpeechRecognition"; "required": false; "isSignal": true; }; }, { "recognizedText": "recognizedText"; }, never, never, true, never>;
|
|
70
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SpeechRecognitionComponent, "s-speech-recognition", never, { "textAreaElement": { "alias": "textAreaElement"; "required": true; }; "keepContext": { "alias": "keepContext"; "required": false; }; "speechRecognitionPlaceholder": { "alias": "speechRecognitionPlaceholder"; "required": false; }; "moreOptionsIconClass": { "alias": "moreOptionsIconClass"; "required": false; }; "disabledSpeechRecognition": { "alias": "disabledSpeechRecognition"; "required": false; "isSignal": true; }; }, { "recognizedText": "recognizedText"; }, never, never, true, never>;
|
|
69
71
|
}
|
package/split-button/README.md
CHANGED
|
@@ -47,6 +47,8 @@ export class MeuModule {}
|
|
|
47
47
|
| `options` | `SplitButtonOption[]` | — | Sim | Lista de opções exibidas no dropdown |
|
|
48
48
|
| `type` | `SplitButtonType` | `'primary'` | Não | Estilo visual do botão: `'primary'`, `'secondary'` ou `'default'` |
|
|
49
49
|
| `disabled` | `boolean` | `false` | Não | Desabilita o botão principal e o dropdown |
|
|
50
|
+
| `openIcon` | `string` | `'far fa-chevron-down'` | Não | Classe do ícone exibido no dropdown quando está fechado |
|
|
51
|
+
| `closeIcon` | `string` | `'far fa-chevron-up'` | Não | Classe do ícone exibido no dropdown quando está aberto |
|
|
50
52
|
|
|
51
53
|
### Outputs
|
|
52
54
|
|
|
@@ -30,6 +30,10 @@ export declare class SplitButtonComponent {
|
|
|
30
30
|
type: SplitButtonType;
|
|
31
31
|
/** @description Lista de opções exibidas no dropdown. Campo obrigatório. */
|
|
32
32
|
options: SplitButtonOption[];
|
|
33
|
+
/** @description Classe do ícone exibido quando o dropdown está fechado. @default 'far fa-chevron-down' */
|
|
34
|
+
openIcon: string;
|
|
35
|
+
/** @description Classe do ícone exibido quando o dropdown está aberto. @default 'far fa-chevron-up' */
|
|
36
|
+
closeIcon: string;
|
|
33
37
|
/** @description Emitido quando o usuário clica no botão principal (não no dropdown). */
|
|
34
38
|
buttonClicked: EventEmitter<any>;
|
|
35
39
|
open: boolean;
|
|
@@ -39,5 +43,5 @@ export declare class SplitButtonComponent {
|
|
|
39
43
|
onOptionClick(option: SplitButtonOption): void;
|
|
40
44
|
private _closeDropdown;
|
|
41
45
|
static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
|
|
42
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "s-split-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": true; }; "label": { "alias": "label"; "required": true; }; "type": { "alias": "type"; "required": false; }; "options": { "alias": "options"; "required": true; }; }, { "buttonClicked": "buttonClicked"; }, never, never, true, never>;
|
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "s-split-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": true; }; "label": { "alias": "label"; "required": true; }; "type": { "alias": "type"; "required": false; }; "options": { "alias": "options"; "required": true; }; "openIcon": { "alias": "openIcon"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, never, true, never>;
|
|
43
47
|
}
|
|
@@ -26,6 +26,8 @@ export declare class TokenListComponent {
|
|
|
26
26
|
removableTokens: boolean;
|
|
27
27
|
/** @description Quando `true`, remove os eventos de ponteiro (hover/clique) dos tokens. @default false */
|
|
28
28
|
hidePointerEvents: boolean;
|
|
29
|
+
/** @description Classe do ícone do botão de remover token. @default 'far fa-times' */
|
|
30
|
+
removeIconClass: string;
|
|
29
31
|
/** @description Emitido quando o usuário clica em um token não desabilitado. */
|
|
30
32
|
tokenSelected: EventEmitter<IToken>;
|
|
31
33
|
/** @description Emitido quando o usuário remove um token não desabilitado. */
|
|
@@ -33,5 +35,5 @@ export declare class TokenListComponent {
|
|
|
33
35
|
onTokenSelected(token: IToken): void;
|
|
34
36
|
onTokenRemoved(token: IToken): void;
|
|
35
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<TokenListComponent, never>;
|
|
36
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TokenListComponent, "s-token-list", never, { "id": { "alias": "id"; "required": false; }; "tokens": { "alias": "tokens"; "required": true; }; "removableTokens": { "alias": "removableTokens"; "required": false; }; "hidePointerEvents": { "alias": "hidePointerEvents"; "required": false; }; }, { "tokenSelected": "tokenSelected"; "tokenRemoved": "tokenRemoved"; }, never, never, true, never>;
|
|
38
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TokenListComponent, "s-token-list", never, { "id": { "alias": "id"; "required": false; }; "tokens": { "alias": "tokens"; "required": true; }; "removableTokens": { "alias": "removableTokens"; "required": false; }; "hidePointerEvents": { "alias": "hidePointerEvents"; "required": false; }; "removeIconClass": { "alias": "removeIconClass"; "required": false; }; }, { "tokenSelected": "tokenSelected"; "tokenRemoved": "tokenRemoved"; }, never, never, true, never>;
|
|
37
39
|
}
|