@ngx-smz/ui-kit 0.0.0-stage → 21.9.0-next.3
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/ngx-smz-ui-kit.mjs +7999 -0
- package/fesm2022/ngx-smz-ui-kit.mjs.map +1 -0
- package/package.json +33 -3
- package/tailwind.content.js +12 -0
- package/tailwind.preset.js +83 -0
- package/themes/default.css +86 -0
- package/types/ngx-smz-ui-kit.d.ts +2130 -0
- package/README.md +0 -3
|
@@ -0,0 +1,2130 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { TemplateRef, OnDestroy, AfterContentChecked, InjectionToken, Type, ViewContainerRef, ElementRef } from '@angular/core';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
import { Observable, Subject } from 'rxjs';
|
|
5
|
+
import { Overlay } from '@angular/cdk/overlay';
|
|
6
|
+
import * as _ngx_smz_ui_kit from '@ngx-smz/ui-kit';
|
|
7
|
+
import { CdkDragDrop } from '@angular/cdk/drag-drop';
|
|
8
|
+
|
|
9
|
+
type SmzClassValue = string | false | null | undefined;
|
|
10
|
+
type VariantGroups = Record<string, Record<string, string>>;
|
|
11
|
+
type SmzVariantProps<V extends VariantGroups> = {
|
|
12
|
+
[K in keyof V]?: keyof V[K] & string;
|
|
13
|
+
};
|
|
14
|
+
interface SmzVariantsConfig<V extends VariantGroups> {
|
|
15
|
+
/** Classes aplicadas sempre. */
|
|
16
|
+
base: string;
|
|
17
|
+
/** Grupos de variantes mutuamente exclusivos (ex.: size, severity). */
|
|
18
|
+
variants: V;
|
|
19
|
+
/** Valor usado quando a prop nao e informada. */
|
|
20
|
+
defaults?: SmzVariantProps<V>;
|
|
21
|
+
/** Classes que dependem da combinacao de duas ou mais variantes. */
|
|
22
|
+
compound?: Array<{
|
|
23
|
+
when: SmzVariantProps<V>;
|
|
24
|
+
class: string;
|
|
25
|
+
}>;
|
|
26
|
+
}
|
|
27
|
+
declare function smzCx(...parts: SmzClassValue[]): string;
|
|
28
|
+
/**
|
|
29
|
+
* Combina classes por variante. As strings de classe devem ser literais completas
|
|
30
|
+
* (nunca montadas por concatenacao), senao o Tailwind nao as encontra no scan.
|
|
31
|
+
* Nao resolve conflitos entre utilitarios: mantenha as variantes mutuamente exclusivas.
|
|
32
|
+
*/
|
|
33
|
+
declare function smzVariants<V extends VariantGroups>(config: SmzVariantsConfig<V>): (props?: SmzVariantProps<V>) => string;
|
|
34
|
+
|
|
35
|
+
type SmzSeverity = 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
|
|
36
|
+
/** Severidades do vocabulario antigo (PrimeNG), aceitas por compatibilidade. */
|
|
37
|
+
type SmzLegacySeverity = 'info' | 'warn' | 'error' | 'help' | 'contrast';
|
|
38
|
+
declare function smzNormalizeSeverity(value: string | null | undefined, fallback?: SmzSeverity): SmzSeverity;
|
|
39
|
+
/** Fundo solido por severidade (badge, tag). Strings literais para o Tailwind encontrar no scan. */
|
|
40
|
+
declare const SMZ_SOLID_TONE: Record<SmzSeverity, string>;
|
|
41
|
+
/** Fundo suave com borda por severidade (message). */
|
|
42
|
+
declare const SMZ_SOFT_TONE: Record<SmzSeverity, string>;
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* Base de ControlValueAccessor para os controles de formulario do ui-kit.
|
|
46
|
+
* O componente concreto deve registrar NG_VALUE_ACCESSOR em `providers`.
|
|
47
|
+
* Fornece a entrada `disabled` e o estado combinado `isDisabled` (entrada ou desabilitado pelo formulario).
|
|
48
|
+
*/
|
|
49
|
+
declare abstract class SmzValueAccessor<T> implements ControlValueAccessor {
|
|
50
|
+
readonly current: _angular_core.WritableSignal<T>;
|
|
51
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
52
|
+
protected readonly formDisabled: _angular_core.WritableSignal<boolean>;
|
|
53
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
54
|
+
private onChange;
|
|
55
|
+
private onTouched;
|
|
56
|
+
writeValue(value: T | null): void;
|
|
57
|
+
registerOnChange(fn: (value: T | null) => void): void;
|
|
58
|
+
registerOnTouched(fn: () => void): void;
|
|
59
|
+
setDisabledState(isDisabled: boolean): void;
|
|
60
|
+
protected commit(value: T | null): void;
|
|
61
|
+
protected touch(): void;
|
|
62
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzValueAccessor<any>, never>;
|
|
63
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SmzValueAccessor<any>, never, never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* Substitui o `pTemplate` do PrimeNG: marca um `ng-template` com um nome para o componente
|
|
68
|
+
* hospedeiro localizar via `contentChildren(SmzTemplateDirective)`.
|
|
69
|
+
*
|
|
70
|
+
* <ng-template smzTemplate="header">...</ng-template>
|
|
71
|
+
*/
|
|
72
|
+
declare class SmzTemplateDirective {
|
|
73
|
+
readonly template: TemplateRef<unknown>;
|
|
74
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
75
|
+
/** Compatibilidade com `PrimeTemplate.getType()`. */
|
|
76
|
+
getType(): string;
|
|
77
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzTemplateDirective, never>;
|
|
78
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SmzTemplateDirective, "ng-template[smzTemplate]", never, { "name": { "alias": "smzTemplate"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
79
|
+
}
|
|
80
|
+
declare function smzFindTemplate(templates: readonly SmzTemplateDirective[], name: string): TemplateRef<unknown> | undefined;
|
|
81
|
+
|
|
82
|
+
interface SmzUiMenuItemCommandEvent {
|
|
83
|
+
originalEvent?: Event;
|
|
84
|
+
item?: SmzUiMenuItem;
|
|
85
|
+
index?: number;
|
|
86
|
+
}
|
|
87
|
+
/** Item de menu do ui-kit. Substitui o `MenuItem` do PrimeNG na API publica. */
|
|
88
|
+
interface SmzUiMenuItem {
|
|
89
|
+
id?: string;
|
|
90
|
+
label?: string;
|
|
91
|
+
icon?: string;
|
|
92
|
+
command?: (event: SmzUiMenuItemCommandEvent) => void;
|
|
93
|
+
url?: string;
|
|
94
|
+
target?: string;
|
|
95
|
+
routerLink?: any;
|
|
96
|
+
queryParams?: any;
|
|
97
|
+
fragment?: string;
|
|
98
|
+
routerLinkActiveOptions?: any;
|
|
99
|
+
queryParamsHandling?: 'merge' | 'preserve' | '';
|
|
100
|
+
preserveFragment?: boolean;
|
|
101
|
+
relativeTo?: unknown;
|
|
102
|
+
replaceUrl?: boolean;
|
|
103
|
+
skipLocationChange?: boolean;
|
|
104
|
+
items?: SmzUiMenuItem[];
|
|
105
|
+
separator?: boolean;
|
|
106
|
+
disabled?: boolean;
|
|
107
|
+
visible?: boolean;
|
|
108
|
+
expanded?: boolean;
|
|
109
|
+
badge?: string;
|
|
110
|
+
badgeStyleClass?: string;
|
|
111
|
+
tooltip?: string;
|
|
112
|
+
tooltipOptions?: unknown;
|
|
113
|
+
title?: string;
|
|
114
|
+
/** Quando `false`, o label e interpretado como HTML. */
|
|
115
|
+
escape?: boolean;
|
|
116
|
+
automationId?: unknown;
|
|
117
|
+
styleClass?: string;
|
|
118
|
+
iconClass?: string;
|
|
119
|
+
labelStyleClass?: string;
|
|
120
|
+
state?: Record<string, unknown>;
|
|
121
|
+
/** Dados livres do consumidor. */
|
|
122
|
+
data?: unknown;
|
|
123
|
+
[extra: string]: any;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
/** No de arvore do ui-kit. Substitui o `TreeNode` do PrimeNG na API publica. */
|
|
127
|
+
interface SmzUiTreeNode<T = any> {
|
|
128
|
+
key?: string;
|
|
129
|
+
label?: string;
|
|
130
|
+
data?: T;
|
|
131
|
+
icon?: string;
|
|
132
|
+
expandedIcon?: string;
|
|
133
|
+
collapsedIcon?: string;
|
|
134
|
+
type?: string;
|
|
135
|
+
children?: SmzUiTreeNode<T>[];
|
|
136
|
+
parent?: SmzUiTreeNode<T>;
|
|
137
|
+
expanded?: boolean;
|
|
138
|
+
leaf?: boolean;
|
|
139
|
+
selectable?: boolean;
|
|
140
|
+
draggable?: boolean;
|
|
141
|
+
droppable?: boolean;
|
|
142
|
+
partialSelected?: boolean;
|
|
143
|
+
styleClass?: string;
|
|
144
|
+
checked?: boolean;
|
|
145
|
+
loading?: boolean;
|
|
146
|
+
/** Campos extras usados pelo consumidor (ex.: `tooltip`). */
|
|
147
|
+
[extra: string]: any;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
/** Substitui o `FilterMatchMode` do PrimeNG. Os valores sao os mesmos para facilitar a migracao. */
|
|
151
|
+
declare const SmzFilterMatchMode: {
|
|
152
|
+
readonly STARTS_WITH: "startsWith";
|
|
153
|
+
readonly CONTAINS: "contains";
|
|
154
|
+
readonly NOT_CONTAINS: "notContains";
|
|
155
|
+
readonly ENDS_WITH: "endsWith";
|
|
156
|
+
readonly EQUALS: "equals";
|
|
157
|
+
readonly NOT_EQUALS: "notEquals";
|
|
158
|
+
readonly IN: "in";
|
|
159
|
+
readonly LESS_THAN: "lt";
|
|
160
|
+
readonly LESS_THAN_OR_EQUAL_TO: "lte";
|
|
161
|
+
readonly GREATER_THAN: "gt";
|
|
162
|
+
readonly GREATER_THAN_OR_EQUAL_TO: "gte";
|
|
163
|
+
readonly BETWEEN: "between";
|
|
164
|
+
readonly IS: "is";
|
|
165
|
+
readonly IS_NOT: "isNot";
|
|
166
|
+
readonly BEFORE: "before";
|
|
167
|
+
readonly AFTER: "after";
|
|
168
|
+
readonly DATE_IS: "dateIs";
|
|
169
|
+
readonly DATE_IS_NOT: "dateIsNot";
|
|
170
|
+
readonly DATE_BEFORE: "dateBefore";
|
|
171
|
+
readonly DATE_AFTER: "dateAfter";
|
|
172
|
+
};
|
|
173
|
+
type SmzFilterMatchModeValue = (typeof SmzFilterMatchMode)[keyof typeof SmzFilterMatchMode];
|
|
174
|
+
/** Substitui o `FilterOperator` do PrimeNG. */
|
|
175
|
+
declare const SmzFilterOperator: {
|
|
176
|
+
readonly AND: "and";
|
|
177
|
+
readonly OR: "or";
|
|
178
|
+
};
|
|
179
|
+
type SmzFilterOperatorValue = (typeof SmzFilterOperator)[keyof typeof SmzFilterOperator];
|
|
180
|
+
/** Substitui o `FilterMetadata` do PrimeNG. */
|
|
181
|
+
interface SmzFilterMetadata {
|
|
182
|
+
value?: any;
|
|
183
|
+
matchMode?: SmzFilterMatchModeValue | string;
|
|
184
|
+
operator?: SmzFilterOperatorValue | string;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
type SmzButtonSeverity = 'primary' | 'secondary' | 'danger' | 'success' | 'warning';
|
|
188
|
+
type SmzButtonVariant = 'solid' | 'outlined' | 'text';
|
|
189
|
+
type SmzButtonSize = 'sm' | 'md' | 'lg';
|
|
190
|
+
type SmzButtonIconPosition = 'left' | 'right';
|
|
191
|
+
/** Severidades aceitas por compatibilidade com o vocabulario antigo (PrimeNG). */
|
|
192
|
+
type SmzButtonLegacySeverity = 'info' | 'warn' | 'help' | 'error' | 'contrast' | 'plain' | 'ghost';
|
|
193
|
+
interface ParsedStyleClass {
|
|
194
|
+
severity?: SmzButtonSeverity;
|
|
195
|
+
variant?: SmzButtonVariant;
|
|
196
|
+
size?: SmzButtonSize;
|
|
197
|
+
rounded?: boolean;
|
|
198
|
+
extra: string;
|
|
199
|
+
}
|
|
200
|
+
/**
|
|
201
|
+
* Interpreta strings de classe no vocabulario antigo (`p-button-outlined p-button-sm px-3`).
|
|
202
|
+
* Tokens `p-button-*` viram props; os demais seguem como classes extras.
|
|
203
|
+
*/
|
|
204
|
+
type SmzStyleClass = string | SmzStyleClass[] | Record<string, unknown> | null | undefined;
|
|
205
|
+
declare function smzNormalizeStyleClass(value: SmzStyleClass): string;
|
|
206
|
+
declare function smzParseButtonStyleClass(styleClass: SmzStyleClass): ParsedStyleClass;
|
|
207
|
+
/**
|
|
208
|
+
* Botao do ui-kit. Substitui o `pButton` / `p-button` do PrimeNG.
|
|
209
|
+
*
|
|
210
|
+
* <button smzButton label="Excluir" icon="fa-solid fa-trash" severity="danger" variant="outlined"></button>
|
|
211
|
+
*
|
|
212
|
+
* `styleClass` aceita o vocabulario antigo (`p-button-outlined p-button-sm`) alem de classes livres.
|
|
213
|
+
*/
|
|
214
|
+
declare class SmzButtonComponent {
|
|
215
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
216
|
+
readonly icon: _angular_core.InputSignal<string>;
|
|
217
|
+
readonly iconPosition: _angular_core.InputSignal<SmzButtonIconPosition>;
|
|
218
|
+
readonly severity: _angular_core.InputSignal<SmzButtonSeverity | SmzButtonLegacySeverity>;
|
|
219
|
+
readonly variant: _angular_core.InputSignal<SmzButtonVariant>;
|
|
220
|
+
readonly size: _angular_core.InputSignal<SmzButtonSize>;
|
|
221
|
+
/** Atalhos do vocabulario antigo: equivalem a `variant="text"` e `variant="outlined"`. */
|
|
222
|
+
readonly text: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
223
|
+
readonly outlined: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
224
|
+
readonly rounded: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
225
|
+
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
226
|
+
readonly styleClass: _angular_core.InputSignal<SmzStyleClass>;
|
|
227
|
+
private readonly staticClass;
|
|
228
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
229
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzButtonComponent, never>;
|
|
230
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzButtonComponent, "button[smzButton], a[smzButton]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
type SmzTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
234
|
+
type SmzTooltipEvent = 'hover' | 'focus' | 'both';
|
|
235
|
+
interface SmzTooltipOptions {
|
|
236
|
+
tooltipPosition?: SmzTooltipPosition;
|
|
237
|
+
showDelay?: number;
|
|
238
|
+
hideDelay?: number;
|
|
239
|
+
tooltipEvent?: SmzTooltipEvent;
|
|
240
|
+
escape?: boolean;
|
|
241
|
+
tooltipStyleClass?: string;
|
|
242
|
+
tooltipZIndex?: string | number;
|
|
243
|
+
tooltipDisabled?: boolean;
|
|
244
|
+
}
|
|
245
|
+
declare class SmzTooltipComponent {
|
|
246
|
+
readonly text: _angular_core.InputSignal<string>;
|
|
247
|
+
readonly escape: _angular_core.InputSignal<boolean>;
|
|
248
|
+
protected readonly classes = "max-w-xs rounded-control bg-ui-fg px-2 py-1 font-ui text-ui-xs text-ui-surface-1 shadow-overlay";
|
|
249
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzTooltipComponent, never>;
|
|
250
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzTooltipComponent, "ui-tooltip", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "escape": { "alias": "escape"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
251
|
+
}
|
|
252
|
+
/**
|
|
253
|
+
* Tooltip do ui-kit. Substitui o `pTooltip` do PrimeNG.
|
|
254
|
+
* Requer o CSS do CDK Overlay no app (`@angular/cdk/overlay-prebuilt.css`).
|
|
255
|
+
*
|
|
256
|
+
* <button smzButton smzTooltip="Salvar" tooltipPosition="bottom">...</button>
|
|
257
|
+
*/
|
|
258
|
+
declare class SmzTooltipDirective implements OnDestroy {
|
|
259
|
+
readonly text: _angular_core.InputSignal<string>;
|
|
260
|
+
readonly tooltipPosition: _angular_core.InputSignal<SmzTooltipPosition>;
|
|
261
|
+
readonly showDelay: _angular_core.InputSignal<number>;
|
|
262
|
+
readonly hideDelay: _angular_core.InputSignal<number>;
|
|
263
|
+
readonly tooltipEvent: _angular_core.InputSignal<SmzTooltipEvent>;
|
|
264
|
+
readonly escape: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
265
|
+
readonly tooltipStyleClass: _angular_core.InputSignal<string>;
|
|
266
|
+
readonly tooltipZIndex: _angular_core.InputSignal<string | number>;
|
|
267
|
+
readonly tooltipDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
268
|
+
/** Opcoes agrupadas (compatibilidade com `tooltipOptions` do PrimeNG). Sobrescrevem os inputs individuais. */
|
|
269
|
+
readonly tooltipOptions: _angular_core.InputSignal<SmzTooltipOptions>;
|
|
270
|
+
/** Aceito por compatibilidade; o overlay do CDK ja e anexado ao body. */
|
|
271
|
+
readonly appendTo: _angular_core.InputSignal<unknown>;
|
|
272
|
+
private readonly overrides;
|
|
273
|
+
private readonly overlay;
|
|
274
|
+
private readonly host;
|
|
275
|
+
private overlayRef?;
|
|
276
|
+
private showTimer?;
|
|
277
|
+
private hideTimer?;
|
|
278
|
+
/** Ajuste programatico de opcoes (usado por diretivas que envolvem o tooltip). */
|
|
279
|
+
configure(options: SmzTooltipOptions): void;
|
|
280
|
+
onEnter(source: 'hover' | 'focus'): void;
|
|
281
|
+
onLeave(source: 'hover' | 'focus'): void;
|
|
282
|
+
show(): void;
|
|
283
|
+
hide(): void;
|
|
284
|
+
ngOnDestroy(): void;
|
|
285
|
+
private accepts;
|
|
286
|
+
private option;
|
|
287
|
+
private open;
|
|
288
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzTooltipDirective, never>;
|
|
289
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SmzTooltipDirective, "[smzTooltip]", never, { "text": { "alias": "smzTooltip"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "showDelay": { "alias": "showDelay"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "hideDelay"; "required": false; "isSignal": true; }; "tooltipEvent": { "alias": "tooltipEvent"; "required": false; "isSignal": true; }; "escape": { "alias": "escape"; "required": false; "isSignal": true; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; "isSignal": true; }; "tooltipZIndex": { "alias": "tooltipZIndex"; "required": false; "isSignal": true; }; "tooltipDisabled": { "alias": "tooltipDisabled"; "required": false; "isSignal": true; }; "tooltipOptions": { "alias": "tooltipOptions"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
/**
|
|
293
|
+
* Efeito ripple. Substitui o `pRipple` do PrimeNG.
|
|
294
|
+
* Usa a Web Animations API, entao nao depende de CSS/keyframes.
|
|
295
|
+
*/
|
|
296
|
+
declare class SmzRippleDirective {
|
|
297
|
+
private readonly host;
|
|
298
|
+
protected ripple(event: PointerEvent): void;
|
|
299
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzRippleDirective, never>;
|
|
300
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SmzRippleDirective, "[smzRipple]", never, {}, {}, never, never, true, never>;
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
type SmzInputSize = 'sm' | 'md' | 'lg';
|
|
304
|
+
/** Campo de texto. Substitui o `pInputText` do PrimeNG. */
|
|
305
|
+
declare class SmzInputTextDirective {
|
|
306
|
+
readonly size: _angular_core.InputSignal<SmzInputSize>;
|
|
307
|
+
readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
308
|
+
private readonly staticClass;
|
|
309
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
310
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzInputTextDirective, never>;
|
|
311
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SmzInputTextDirective, "input[smzInputText]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
312
|
+
}
|
|
313
|
+
/** Area de texto. Substitui o `pTextarea` / `pInputTextarea` do PrimeNG. */
|
|
314
|
+
declare class SmzTextareaDirective {
|
|
315
|
+
readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
316
|
+
private readonly staticClass;
|
|
317
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
318
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzTextareaDirective, never>;
|
|
319
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SmzTextareaDirective, "textarea[smzTextarea]", never, { "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
/**
|
|
323
|
+
* Checkbox do ui-kit. Substitui o `p-checkbox` do PrimeNG.
|
|
324
|
+
*
|
|
325
|
+
* - Booleano: `<ui-checkbox formControlName="ativo" label="Ativo" />`
|
|
326
|
+
* - Grupo (modelo e um array): `<ui-checkbox formControlName="itens" value="a" label="A" />`
|
|
327
|
+
*/
|
|
328
|
+
declare class SmzCheckboxComponent extends SmzValueAccessor<unknown> {
|
|
329
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
330
|
+
/** Valor deste item quando o modelo e um array (modo grupo). */
|
|
331
|
+
readonly value: _angular_core.InputSignal<unknown>;
|
|
332
|
+
/** Forca o modo booleano mesmo com `value` informado. Mantido por compatibilidade com o Prime. */
|
|
333
|
+
readonly binary: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
334
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
335
|
+
readonly changed: _angular_core.OutputEmitterRef<{
|
|
336
|
+
checked: boolean;
|
|
337
|
+
value: unknown;
|
|
338
|
+
}>;
|
|
339
|
+
private readonly groupMode;
|
|
340
|
+
protected readonly checked: _angular_core.Signal<boolean>;
|
|
341
|
+
protected readonly boxClasses: _angular_core.Signal<"border-ui-primary bg-ui-primary text-ui-on-primary" | "border-ui-line-strong bg-ui-surface-1 text-transparent">;
|
|
342
|
+
protected toggle(): void;
|
|
343
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzCheckboxComponent, never>;
|
|
344
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzCheckboxComponent, "ui-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "binary": { "alias": "binary"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, ["*"], true, never>;
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
/**
|
|
348
|
+
* Radio do ui-kit. Substitui o `p-radiobutton` do PrimeNG.
|
|
349
|
+
* Cada radio do grupo usa o mesmo controle de formulario e o mesmo `name`.
|
|
350
|
+
*
|
|
351
|
+
* <ui-radio-button formControlName="tipo" name="tipo" value="a" label="A" />
|
|
352
|
+
*/
|
|
353
|
+
declare class SmzRadioButtonComponent extends SmzValueAccessor<unknown> {
|
|
354
|
+
private readonly injector;
|
|
355
|
+
private readonly destroyRef;
|
|
356
|
+
readonly value: _angular_core.InputSignal<unknown>;
|
|
357
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
358
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
359
|
+
readonly clicked: _angular_core.OutputEmitterRef<{
|
|
360
|
+
value: unknown;
|
|
361
|
+
}>;
|
|
362
|
+
/**
|
|
363
|
+
* Os radios do grupo compartilham o mesmo controle, mas `commit` so atualiza o radio clicado.
|
|
364
|
+
* Acompanhar o valor do controle mantem os demais radios sincronizados (desmarcam visualmente).
|
|
365
|
+
*/
|
|
366
|
+
constructor();
|
|
367
|
+
protected readonly checked: _angular_core.Signal<boolean>;
|
|
368
|
+
protected select(): void;
|
|
369
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzRadioButtonComponent, never>;
|
|
370
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzRadioButtonComponent, "ui-radio-button", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
/**
|
|
374
|
+
* Interruptor. Substitui o `p-toggleswitch` do PrimeNG.
|
|
375
|
+
*
|
|
376
|
+
* <ui-toggle-switch formControlName="ativo" />
|
|
377
|
+
*/
|
|
378
|
+
declare class SmzToggleSwitchComponent extends SmzValueAccessor<boolean> {
|
|
379
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
380
|
+
readonly changed: _angular_core.OutputEmitterRef<{
|
|
381
|
+
checked: boolean;
|
|
382
|
+
}>;
|
|
383
|
+
protected toggle(): void;
|
|
384
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzToggleSwitchComponent, never>;
|
|
385
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzToggleSwitchComponent, "ui-toggle-switch", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, never, true, never>;
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
/** Contador/etiqueta pequena. Substitui o `p-badge` do PrimeNG. */
|
|
389
|
+
declare class SmzBadgeComponent {
|
|
390
|
+
readonly value: _angular_core.InputSignal<string | number>;
|
|
391
|
+
readonly severity: _angular_core.InputSignal<SmzSeverity | SmzLegacySeverity>;
|
|
392
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
393
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzBadgeComponent, never>;
|
|
394
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzBadgeComponent, "ui-badge", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
/** Etiqueta de status. Substitui o `p-tag` do PrimeNG. */
|
|
398
|
+
declare class SmzTagComponent {
|
|
399
|
+
readonly value: _angular_core.InputSignal<string | number>;
|
|
400
|
+
readonly severity: _angular_core.InputSignal<SmzSeverity | SmzLegacySeverity>;
|
|
401
|
+
readonly icon: _angular_core.InputSignal<string>;
|
|
402
|
+
readonly rounded: _angular_core.InputSignal<boolean>;
|
|
403
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
404
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzTagComponent, never>;
|
|
405
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzTagComponent, "ui-tag", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
type SmzDividerLayout = 'horizontal' | 'vertical';
|
|
409
|
+
/** Linha separadora. Substitui o `p-divider` do PrimeNG (sem conteudo central). */
|
|
410
|
+
declare class SmzDividerComponent {
|
|
411
|
+
readonly layout: _angular_core.InputSignal<SmzDividerLayout>;
|
|
412
|
+
protected readonly classes: _angular_core.Signal<"mx-3 block w-px self-stretch bg-ui-line" | "my-4 block h-px w-full bg-ui-line">;
|
|
413
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzDividerComponent, never>;
|
|
414
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzDividerComponent, "ui-divider", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
415
|
+
}
|
|
416
|
+
|
|
417
|
+
type SmzSkeletonShape = 'rectangle' | 'circle';
|
|
418
|
+
/** Placeholder de carregamento. Substitui o `p-skeleton` do PrimeNG. */
|
|
419
|
+
declare class SmzSkeletonComponent {
|
|
420
|
+
readonly shape: _angular_core.InputSignal<SmzSkeletonShape>;
|
|
421
|
+
readonly width: _angular_core.InputSignal<string>;
|
|
422
|
+
readonly height: _angular_core.InputSignal<string>;
|
|
423
|
+
protected readonly classes: _angular_core.Signal<"block animate-pulse rounded-full bg-ui-surface-3" | "block animate-pulse rounded-control bg-ui-surface-3">;
|
|
424
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzSkeletonComponent, never>;
|
|
425
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzSkeletonComponent, "ui-skeleton", never, { "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
type SmzProgressBarMode = 'determinate' | 'indeterminate';
|
|
429
|
+
/** Barra de progresso. Substitui o `p-progressbar` do PrimeNG. */
|
|
430
|
+
declare class SmzProgressBarComponent {
|
|
431
|
+
readonly value: _angular_core.InputSignal<number>;
|
|
432
|
+
readonly mode: _angular_core.InputSignal<SmzProgressBarMode>;
|
|
433
|
+
readonly showValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
434
|
+
protected readonly percent: _angular_core.Signal<number>;
|
|
435
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzProgressBarComponent, never>;
|
|
436
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzProgressBarComponent, "ui-progress-bar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
437
|
+
}
|
|
438
|
+
|
|
439
|
+
type SmzMessageSeverity = 'info' | 'success' | 'warn' | 'error' | 'secondary';
|
|
440
|
+
/** Mensagem inline. Substitui o `p-message` do PrimeNG. */
|
|
441
|
+
declare class SmzMessageComponent {
|
|
442
|
+
readonly severity: _angular_core.InputSignal<string>;
|
|
443
|
+
readonly text: _angular_core.InputSignal<string>;
|
|
444
|
+
readonly icon: _angular_core.InputSignal<string>;
|
|
445
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
446
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzMessageComponent, never>;
|
|
447
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzMessageComponent, "ui-message", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
448
|
+
}
|
|
449
|
+
|
|
450
|
+
/**
|
|
451
|
+
* Icone baseado em classes de fonte de icones (ex.: "fa-solid fa-check", "fa-solid fa-check").
|
|
452
|
+
* A origem dos glifos e do app; o componente so padroniza a marcacao.
|
|
453
|
+
*/
|
|
454
|
+
declare class SmzIconComponent {
|
|
455
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
456
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzIconComponent, never>;
|
|
457
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzIconComponent, "ui-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
458
|
+
}
|
|
459
|
+
|
|
460
|
+
declare function smzMergeClasses(base: string, overrides: string | null | undefined): string;
|
|
461
|
+
/** Le a classe estatica do elemento hospedeiro (`class="..."`), para mescla-la com as classes do componente. */
|
|
462
|
+
declare function smzStaticHostClass(): string;
|
|
463
|
+
|
|
464
|
+
/**
|
|
465
|
+
* Badge sobreposto a um elemento (canto superior direito). Substitui o `pBadge` do PrimeNG.
|
|
466
|
+
*
|
|
467
|
+
* <i class="fa-solid fa-bell" smzBadge [value]="count"></i>
|
|
468
|
+
*/
|
|
469
|
+
declare class SmzBadgeDirective implements OnDestroy {
|
|
470
|
+
readonly value: _angular_core.InputSignal<string | number>;
|
|
471
|
+
readonly severity: _angular_core.InputSignal<SmzSeverity | SmzLegacySeverity>;
|
|
472
|
+
private readonly host;
|
|
473
|
+
private readonly renderer;
|
|
474
|
+
private badge?;
|
|
475
|
+
constructor();
|
|
476
|
+
ngOnDestroy(): void;
|
|
477
|
+
private removeBadge;
|
|
478
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzBadgeDirective, never>;
|
|
479
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SmzBadgeDirective, "[smzBadge]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
480
|
+
}
|
|
481
|
+
|
|
482
|
+
/**
|
|
483
|
+
* Utilitarios de objeto usados pelos componentes de dados (tabela, arvore, selects).
|
|
484
|
+
* Substitui o `ObjectUtils` do PrimeNG, com a mesma semantica dos metodos usados.
|
|
485
|
+
*/
|
|
486
|
+
declare class SmzObjectUtils {
|
|
487
|
+
static isEmpty(value: any): boolean;
|
|
488
|
+
static isNotEmpty(value: any): boolean;
|
|
489
|
+
static isFunction(value: any): boolean;
|
|
490
|
+
/** Le um campo de um objeto; aceita caminho com ponto (`a.b.c`) ou funcao. */
|
|
491
|
+
static resolveFieldData(data: any, field: any): any;
|
|
492
|
+
static equals(first: any, second: any, field?: string): boolean;
|
|
493
|
+
static deepEquals(first: any, second: any): boolean;
|
|
494
|
+
/** Move um item de `from` para `to` (muta o array). */
|
|
495
|
+
static reorderArray(value: any[], from: number, to: number): void;
|
|
496
|
+
static removeAccents(text: string): string;
|
|
497
|
+
/**
|
|
498
|
+
* Compara dois valores respeitando valores vazios (vazio vai para o fim na ordem ascendente).
|
|
499
|
+
* `locale` define o collator usado para strings (com ordenacao numerica).
|
|
500
|
+
*/
|
|
501
|
+
static compare(first: any, second: any, locale?: string, order?: number): number;
|
|
502
|
+
static sort(first: any, second: any, order?: number, locale?: string, nullSortOrder?: number): number;
|
|
503
|
+
}
|
|
504
|
+
/** Gera ids unicos para elementos (`smz_id_1`, `smz_id_2`...). Substitui o `UniqueComponentId` do PrimeNG. */
|
|
505
|
+
declare function smzUniqueId(prefix?: string): string;
|
|
506
|
+
|
|
507
|
+
declare function read(element: HTMLElement | null | undefined): number;
|
|
508
|
+
/**
|
|
509
|
+
* Gerencia a pilha de z-index de overlays (dialogs, menus, popovers).
|
|
510
|
+
* Substitui o `ZIndexUtils` do PrimeNG.
|
|
511
|
+
*/
|
|
512
|
+
declare const SmzZIndex: {
|
|
513
|
+
get: typeof read;
|
|
514
|
+
getCurrent: (key?: string) => number;
|
|
515
|
+
set: (key: string, element: HTMLElement | null | undefined, baseZIndex?: number) => void;
|
|
516
|
+
clear: (element: HTMLElement | null | undefined) => void;
|
|
517
|
+
};
|
|
518
|
+
|
|
519
|
+
/**
|
|
520
|
+
* Utilitarios de DOM usados pelos componentes que manipulam elementos diretamente (tabela, dialog, menu).
|
|
521
|
+
* Substitui o `DomHandler` do PrimeNG, com os mesmos nomes e semantica dos metodos usados.
|
|
522
|
+
*/
|
|
523
|
+
declare class SmzDomHandler {
|
|
524
|
+
private static classes;
|
|
525
|
+
static hasClass(element: any, className: string): boolean;
|
|
526
|
+
static addClass(element: any, className: string): void;
|
|
527
|
+
static removeClass(element: any, className: string): void;
|
|
528
|
+
static invokeElementMethod(element: any, methodName: string, args?: any[]): void;
|
|
529
|
+
static find(element: any, selector: string): any;
|
|
530
|
+
static findSingle(element: any, selector: string): any;
|
|
531
|
+
static matches(element: any, selector: string): boolean;
|
|
532
|
+
static index(element: any): number;
|
|
533
|
+
static indexWithinGroup(element: any, attributeName: string): number;
|
|
534
|
+
static appendChild(element: any, target: any): void;
|
|
535
|
+
static isElement(obj: any): boolean;
|
|
536
|
+
static getOuterWidth(element: any, margin?: boolean): number;
|
|
537
|
+
static getOuterHeight(element: any, margin?: boolean): number;
|
|
538
|
+
static getOffset(element: any): {
|
|
539
|
+
top: any;
|
|
540
|
+
left: any;
|
|
541
|
+
};
|
|
542
|
+
static getWindowScrollTop(): number;
|
|
543
|
+
static getWindowScrollLeft(): number;
|
|
544
|
+
static getViewport(): {
|
|
545
|
+
width: number;
|
|
546
|
+
height: number;
|
|
547
|
+
};
|
|
548
|
+
static getHiddenElementDimensions(element: any): {
|
|
549
|
+
width: number;
|
|
550
|
+
height: number;
|
|
551
|
+
};
|
|
552
|
+
static getHiddenElementOuterWidth(element: any): number;
|
|
553
|
+
static getHiddenElementOuterHeight(element: any): number;
|
|
554
|
+
static isVisible(element: any): boolean;
|
|
555
|
+
static isTouchDevice(): boolean;
|
|
556
|
+
static clearSelection(): void;
|
|
557
|
+
static getFocusableElements(element: any, selector?: string): any[];
|
|
558
|
+
/** Posiciona `element` (position: absolute no body) abaixo de `target`, invertendo se nao couber. */
|
|
559
|
+
static absolutePosition(element: any, target: any, gutter?: boolean): void;
|
|
560
|
+
/** Posiciona `element` relativo ao seu offsetParent, abaixo de `target`. */
|
|
561
|
+
static relativePosition(element: any, target: any, gutter?: boolean): void;
|
|
562
|
+
}
|
|
563
|
+
/**
|
|
564
|
+
* Dispara `listener` quando qualquer ancestral rolavel de `element` rola (usado para fechar overlays conectados).
|
|
565
|
+
* Substitui o `ConnectedOverlayScrollHandler` do PrimeNG.
|
|
566
|
+
*/
|
|
567
|
+
declare class SmzConnectedOverlayScrollHandler {
|
|
568
|
+
private element;
|
|
569
|
+
private listener;
|
|
570
|
+
private parents;
|
|
571
|
+
constructor(element: any, listener?: () => void);
|
|
572
|
+
bindScrollListener(): void;
|
|
573
|
+
unbindScrollListener(): void;
|
|
574
|
+
destroy(): void;
|
|
575
|
+
}
|
|
576
|
+
|
|
577
|
+
/**
|
|
578
|
+
* Foca o primeiro elemento focavel (ou o proprio hospedeiro) apos a renderizacao.
|
|
579
|
+
* Substitui o `pAutoFocus` do PrimeNG.
|
|
580
|
+
*
|
|
581
|
+
* <input smzAutoFocus /> <div [smzAutoFocus]="true"> ... </div>
|
|
582
|
+
*/
|
|
583
|
+
declare class SmzAutoFocusDirective implements AfterContentChecked {
|
|
584
|
+
readonly autofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
585
|
+
private readonly host;
|
|
586
|
+
private focused;
|
|
587
|
+
ngAfterContentChecked(): void;
|
|
588
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzAutoFocusDirective, never>;
|
|
589
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SmzAutoFocusDirective, "[smzAutoFocus]", never, { "autofocus": { "alias": "smzAutoFocus"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
/** Configuracao de um dialog aberto por `SmzDialogService`. Tambem e o token de DI para o componente do conteudo. */
|
|
593
|
+
declare class SmzDialogConfig<TData = any> {
|
|
594
|
+
data?: TData;
|
|
595
|
+
header?: string;
|
|
596
|
+
width?: string;
|
|
597
|
+
height?: string;
|
|
598
|
+
showHeader?: boolean;
|
|
599
|
+
modal?: boolean;
|
|
600
|
+
closable?: boolean;
|
|
601
|
+
closeOnEscape?: boolean;
|
|
602
|
+
dismissableMask?: boolean;
|
|
603
|
+
baseZIndex?: number;
|
|
604
|
+
style?: Record<string, string>;
|
|
605
|
+
contentStyle?: Record<string, string>;
|
|
606
|
+
styleClass?: string;
|
|
607
|
+
}
|
|
608
|
+
/** Referencia ao dialog aberto. Injetavel no componente do conteudo para fechar com um resultado. */
|
|
609
|
+
declare class SmzDialogRef<TResult = unknown> {
|
|
610
|
+
private readonly closeSubject;
|
|
611
|
+
private closeHandler;
|
|
612
|
+
/** Emite o resultado quando o dialog fecha. */
|
|
613
|
+
readonly onClose: Observable<TResult | undefined>;
|
|
614
|
+
close(result?: TResult): void;
|
|
615
|
+
/** @internal registrado pelo servico para destruir o overlay. */
|
|
616
|
+
bind(closeHandler: () => void): void;
|
|
617
|
+
}
|
|
618
|
+
|
|
619
|
+
/** Componente que sera criado dentro do dialog. */
|
|
620
|
+
declare const SMZ_DIALOG_CONTENT: InjectionToken<Type<unknown>>;
|
|
621
|
+
/** Moldura do dialog: cabecalho com titulo e botao fechar, mais a area do conteudo. */
|
|
622
|
+
declare class SmzDialogFrameComponent {
|
|
623
|
+
protected readonly config: SmzDialogConfig<any>;
|
|
624
|
+
protected readonly ref: SmzDialogRef<any>;
|
|
625
|
+
private readonly injector;
|
|
626
|
+
private readonly contentType;
|
|
627
|
+
private readonly host;
|
|
628
|
+
constructor();
|
|
629
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzDialogFrameComponent, never>;
|
|
630
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzDialogFrameComponent, "ui-dialog-frame", never, {}, {}, never, never, true, never>;
|
|
631
|
+
}
|
|
632
|
+
|
|
633
|
+
/**
|
|
634
|
+
* Abre um componente dentro de um dialog modal (CDK Overlay). Substitui o `DialogService` do PrimeNG.
|
|
635
|
+
* Requer o CSS do CDK Overlay no app (`@angular/cdk/overlay-prebuilt.css`).
|
|
636
|
+
*
|
|
637
|
+
* const ref = dialogs.open(MeuComponente, { header: 'Titulo', width: '50%', data: { ... } });
|
|
638
|
+
* ref.onClose.subscribe((resultado) => ...);
|
|
639
|
+
*/
|
|
640
|
+
declare class SmzDialogService {
|
|
641
|
+
private readonly overlay;
|
|
642
|
+
private readonly injector;
|
|
643
|
+
open<TResult = unknown>(content: Type<unknown>, config?: Partial<SmzDialogConfig>): SmzDialogRef<TResult>;
|
|
644
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzDialogService, never>;
|
|
645
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<SmzDialogService>;
|
|
646
|
+
}
|
|
647
|
+
|
|
648
|
+
/**
|
|
649
|
+
* Dialog declarativo. Substitui o `p-dialog` do PrimeNG.
|
|
650
|
+
*
|
|
651
|
+
* <ui-dialog header="Titulo" [(visible)]="aberto" [style]="{ width: '450px' }">
|
|
652
|
+
* conteudo
|
|
653
|
+
* <ng-template smzTemplate="footer"><button smzButton label="Salvar"></button></ng-template>
|
|
654
|
+
* </ui-dialog>
|
|
655
|
+
*/
|
|
656
|
+
declare class SmzDialogComponent implements OnDestroy {
|
|
657
|
+
readonly visible: _angular_core.ModelSignal<boolean>;
|
|
658
|
+
readonly header: _angular_core.InputSignal<string>;
|
|
659
|
+
readonly modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
660
|
+
readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
661
|
+
readonly dismissableMask: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
662
|
+
readonly closeOnEscape: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
663
|
+
readonly style: _angular_core.InputSignal<Record<string, string | number>>;
|
|
664
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
665
|
+
readonly baseZIndex: _angular_core.InputSignal<number>;
|
|
666
|
+
readonly shown: _angular_core.OutputEmitterRef<void>;
|
|
667
|
+
readonly hidden: _angular_core.OutputEmitterRef<void>;
|
|
668
|
+
private readonly panel;
|
|
669
|
+
private readonly templates;
|
|
670
|
+
protected readonly headerTemplate: _angular_core.Signal<TemplateRef<unknown>>;
|
|
671
|
+
protected readonly footerTemplate: _angular_core.Signal<TemplateRef<unknown>>;
|
|
672
|
+
private readonly overlay;
|
|
673
|
+
private readonly viewContainer;
|
|
674
|
+
private readonly host;
|
|
675
|
+
private overlayRef?;
|
|
676
|
+
constructor();
|
|
677
|
+
close(): void;
|
|
678
|
+
ngOnDestroy(): void;
|
|
679
|
+
private open;
|
|
680
|
+
private dispose;
|
|
681
|
+
/** O `data-testid` posto no hospedeiro vai para o painel renderizado no overlay (usado nos testes e2e). */
|
|
682
|
+
private forwardTestId;
|
|
683
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzDialogComponent, never>;
|
|
684
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzDialogComponent, "ui-dialog", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "dismissableMask": { "alias": "dismissableMask"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "shown": "shown"; "hidden": "hidden"; }, ["templates"], ["*"], true, never>;
|
|
685
|
+
}
|
|
686
|
+
|
|
687
|
+
/** Elemento real ou ancora virtual que apenas informa o retangulo. */
|
|
688
|
+
type SmzPopoverTarget = Element | {
|
|
689
|
+
getBoundingClientRect(): {
|
|
690
|
+
left: number;
|
|
691
|
+
top: number;
|
|
692
|
+
width: number;
|
|
693
|
+
height: number;
|
|
694
|
+
};
|
|
695
|
+
};
|
|
696
|
+
/**
|
|
697
|
+
* Painel flutuante ancorado a um elemento. Substitui o `p-popover` do PrimeNG.
|
|
698
|
+
*
|
|
699
|
+
* <button smzButton (click)="op.toggle($event)"></button>
|
|
700
|
+
* <ui-popover #op>conteudo</ui-popover>
|
|
701
|
+
*/
|
|
702
|
+
declare class SmzPopoverComponent implements OnDestroy {
|
|
703
|
+
readonly style: _angular_core.InputSignal<Record<string, string | number>>;
|
|
704
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
705
|
+
readonly dismissable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
706
|
+
readonly autoZIndex: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
707
|
+
/** Aceito por compatibilidade; o overlay do CDK ja e anexado ao body. */
|
|
708
|
+
readonly appendTo: _angular_core.InputSignal<unknown>;
|
|
709
|
+
readonly shown: _angular_core.OutputEmitterRef<void>;
|
|
710
|
+
readonly hidden: _angular_core.OutputEmitterRef<void>;
|
|
711
|
+
private readonly panel;
|
|
712
|
+
private readonly overlay;
|
|
713
|
+
private readonly viewContainer;
|
|
714
|
+
private readonly host;
|
|
715
|
+
private overlayRef?;
|
|
716
|
+
private origin?;
|
|
717
|
+
get overlayVisible(): boolean;
|
|
718
|
+
toggle(event: Event | null, target?: SmzPopoverTarget): void;
|
|
719
|
+
show(event: Event | null, target?: SmzPopoverTarget): void;
|
|
720
|
+
hide(): void;
|
|
721
|
+
ngOnDestroy(): void;
|
|
722
|
+
/** Ancora virtual (objeto com `getBoundingClientRect`) vira um ponto para o CDK. */
|
|
723
|
+
private toPoint;
|
|
724
|
+
/** O `data-testid` posto no hospedeiro vai para o painel renderizado no overlay (usado nos testes e2e). */
|
|
725
|
+
private forwardTestId;
|
|
726
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzPopoverComponent, never>;
|
|
727
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzPopoverComponent, "ui-popover", never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "dismissable": { "alias": "dismissable"; "required": false; "isSignal": true; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "shown": "shown"; "hidden": "hidden"; }, never, ["*"], true, never>;
|
|
728
|
+
}
|
|
729
|
+
|
|
730
|
+
type SmzDrawerPosition = 'left' | 'right' | 'top' | 'bottom' | 'full';
|
|
731
|
+
/**
|
|
732
|
+
* Painel lateral deslizante. Substitui o `p-drawer` do PrimeNG.
|
|
733
|
+
*
|
|
734
|
+
* <ui-drawer [(visible)]="aberto" position="right" header="Filtros">conteudo</ui-drawer>
|
|
735
|
+
*/
|
|
736
|
+
declare class SmzDrawerComponent implements OnDestroy {
|
|
737
|
+
readonly visible: _angular_core.ModelSignal<boolean>;
|
|
738
|
+
readonly position: _angular_core.InputSignal<SmzDrawerPosition>;
|
|
739
|
+
readonly fullScreen: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
740
|
+
readonly header: _angular_core.InputSignal<string>;
|
|
741
|
+
readonly modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
742
|
+
readonly dismissible: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
743
|
+
readonly closeOnEscape: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
744
|
+
readonly showCloseIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
745
|
+
readonly style: _angular_core.InputSignal<Record<string, string | number>>;
|
|
746
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
747
|
+
/** Aceitos por compatibilidade com o `p-drawer`; sem efeito neste componente. */
|
|
748
|
+
readonly blockScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
749
|
+
readonly ariaCloseLabel: _angular_core.InputSignal<string>;
|
|
750
|
+
readonly appendTo: _angular_core.InputSignal<unknown>;
|
|
751
|
+
readonly shown: _angular_core.OutputEmitterRef<void>;
|
|
752
|
+
readonly hidden: _angular_core.OutputEmitterRef<void>;
|
|
753
|
+
private readonly panel;
|
|
754
|
+
private readonly templates;
|
|
755
|
+
protected readonly headerTemplate: _angular_core.Signal<TemplateRef<unknown>>;
|
|
756
|
+
protected readonly footerTemplate: _angular_core.Signal<TemplateRef<unknown>>;
|
|
757
|
+
protected readonly effectivePosition: _angular_core.Signal<SmzDrawerPosition>;
|
|
758
|
+
protected readonly panelClasses: _angular_core.Signal<string>;
|
|
759
|
+
private readonly overlay;
|
|
760
|
+
private readonly viewContainer;
|
|
761
|
+
private readonly host;
|
|
762
|
+
private overlayRef?;
|
|
763
|
+
constructor();
|
|
764
|
+
close(): void;
|
|
765
|
+
ngOnDestroy(): void;
|
|
766
|
+
private open;
|
|
767
|
+
private dispose;
|
|
768
|
+
/** O `data-testid` posto no hospedeiro vai para o painel renderizado no overlay (usado nos testes e2e). */
|
|
769
|
+
private forwardTestId;
|
|
770
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzDrawerComponent, never>;
|
|
771
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzDrawerComponent, "ui-drawer", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "fullScreen": { "alias": "fullScreen"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "showCloseIcon": { "alias": "showCloseIcon"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "blockScroll": { "alias": "blockScroll"; "required": false; "isSignal": true; }; "ariaCloseLabel": { "alias": "ariaCloseLabel"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "shown": "shown"; "hidden": "hidden"; }, ["templates"], ["*"], true, never>;
|
|
772
|
+
}
|
|
773
|
+
|
|
774
|
+
interface SmzToastMessage {
|
|
775
|
+
/** success | info | warn | error | secondary | contrast (vocabulario antigo) */
|
|
776
|
+
severity?: string;
|
|
777
|
+
summary?: string;
|
|
778
|
+
detail?: string;
|
|
779
|
+
id?: unknown;
|
|
780
|
+
/** Permite ter varios containers `ui-toast`, cada um escutando uma chave. */
|
|
781
|
+
key?: string;
|
|
782
|
+
/** Tempo de vida em ms (padrao do container se omitido). */
|
|
783
|
+
life?: number;
|
|
784
|
+
sticky?: boolean;
|
|
785
|
+
closable?: boolean;
|
|
786
|
+
data?: unknown;
|
|
787
|
+
icon?: string;
|
|
788
|
+
contentStyleClass?: string;
|
|
789
|
+
styleClass?: string;
|
|
790
|
+
closeIcon?: string;
|
|
791
|
+
[extra: string]: unknown;
|
|
792
|
+
}
|
|
793
|
+
/** Barramento de mensagens do toast. Substitui o `MessageService` do PrimeNG. */
|
|
794
|
+
declare class SmzMessageService {
|
|
795
|
+
private readonly state;
|
|
796
|
+
/** Mensagens atualmente na fila (todas as chaves). */
|
|
797
|
+
readonly messages: _angular_core.Signal<readonly SmzToastMessage[]>;
|
|
798
|
+
add(message: SmzToastMessage): void;
|
|
799
|
+
addAll(messages: SmzToastMessage[]): void;
|
|
800
|
+
remove(message: SmzToastMessage): void;
|
|
801
|
+
/** Remove todas as mensagens, ou so as da chave informada. */
|
|
802
|
+
clear(key?: string): void;
|
|
803
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzMessageService, never>;
|
|
804
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<SmzMessageService>;
|
|
805
|
+
}
|
|
806
|
+
|
|
807
|
+
type SmzToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'center';
|
|
808
|
+
/**
|
|
809
|
+
* Container de toasts: exibe as mensagens do `SmzMessageService`. Substitui o `p-toast` do PrimeNG.
|
|
810
|
+
*
|
|
811
|
+
* <ui-toast position="bottom-right" />
|
|
812
|
+
*/
|
|
813
|
+
declare class SmzToastContainerComponent {
|
|
814
|
+
readonly position: _angular_core.InputSignal<SmzToastPosition>;
|
|
815
|
+
readonly key: _angular_core.InputSignal<string>;
|
|
816
|
+
readonly life: _angular_core.InputSignal<number>;
|
|
817
|
+
readonly style: _angular_core.InputSignal<Record<string, string | number>>;
|
|
818
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
819
|
+
private readonly service;
|
|
820
|
+
private readonly timers;
|
|
821
|
+
protected readonly positionClasses: _angular_core.Signal<string>;
|
|
822
|
+
protected readonly visibleMessages: _angular_core.Signal<SmzToastMessage[]>;
|
|
823
|
+
constructor();
|
|
824
|
+
protected toneClasses(message: SmzToastMessage): string;
|
|
825
|
+
protected close(message: SmzToastMessage): void;
|
|
826
|
+
protected pause(message: SmzToastMessage): void;
|
|
827
|
+
protected resume(message: SmzToastMessage): void;
|
|
828
|
+
private schedule;
|
|
829
|
+
private arm;
|
|
830
|
+
private clearTimer;
|
|
831
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzToastContainerComponent, never>;
|
|
832
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzToastContainerComponent, "ui-toast", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "key": { "alias": "key"; "required": false; "isSignal": true; }; "life": { "alias": "life"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
833
|
+
}
|
|
834
|
+
|
|
835
|
+
/**
|
|
836
|
+
* Menu de itens, inline ou em popup ancorado. Substitui o `p-menu` do PrimeNG.
|
|
837
|
+
*
|
|
838
|
+
* <button smzButton (click)="menu.toggle($event)"></button>
|
|
839
|
+
* <ui-menu #menu [model]="itens" [popup]="true" />
|
|
840
|
+
*/
|
|
841
|
+
declare class SmzMenuListComponent implements OnDestroy {
|
|
842
|
+
readonly model: _angular_core.InputSignal<SmzUiMenuItem[]>;
|
|
843
|
+
readonly popup: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
844
|
+
readonly style: _angular_core.InputSignal<Record<string, string | number>>;
|
|
845
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
846
|
+
readonly autoZIndex: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
847
|
+
/** Aceitos por compatibilidade com o `p-menu`; sem efeito neste componente. */
|
|
848
|
+
readonly appendTo: _angular_core.InputSignal<unknown>;
|
|
849
|
+
readonly baseZIndex: _angular_core.InputSignal<number>;
|
|
850
|
+
readonly shown: _angular_core.OutputEmitterRef<void>;
|
|
851
|
+
readonly hidden: _angular_core.OutputEmitterRef<void>;
|
|
852
|
+
private readonly list;
|
|
853
|
+
private readonly overlay;
|
|
854
|
+
private readonly viewContainer;
|
|
855
|
+
private readonly host;
|
|
856
|
+
private overlayRef?;
|
|
857
|
+
private origin?;
|
|
858
|
+
get visible(): boolean;
|
|
859
|
+
toggle(event: Event | null): void;
|
|
860
|
+
/** Abre o popup ancorado ao elemento do evento. */
|
|
861
|
+
show(event: Event | null, target?: Element): void;
|
|
862
|
+
/** Abre o popup nas coordenadas da tela (uso tipico: menu de contexto). */
|
|
863
|
+
showAt(x: number, y: number): void;
|
|
864
|
+
hide(): void;
|
|
865
|
+
ngOnDestroy(): void;
|
|
866
|
+
protected activate(item: SmzUiMenuItem, event: Event): void;
|
|
867
|
+
private open;
|
|
868
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzMenuListComponent, never>;
|
|
869
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzMenuListComponent, "ui-menu", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "popup": { "alias": "popup"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; "isSignal": true; }; }, { "shown": "shown"; "hidden": "hidden"; }, never, never, true, never>;
|
|
870
|
+
}
|
|
871
|
+
|
|
872
|
+
/** Alvo que sabe qual elemento deve ser bloqueado (equivale ao `BlockableUI` do PrimeNG). */
|
|
873
|
+
interface SmzBlockableUi {
|
|
874
|
+
getBlockableElement(): HTMLElement;
|
|
875
|
+
}
|
|
876
|
+
type SmzBlockTarget = HTMLElement | SmzBlockableUi | null | undefined;
|
|
877
|
+
/**
|
|
878
|
+
* Bloqueia a interacao com um elemento exibindo uma mascara por cima dele. Substitui o `p-blockUI` do PrimeNG.
|
|
879
|
+
* Sem `target`, bloqueia o proprio pai do componente.
|
|
880
|
+
*
|
|
881
|
+
* <ui-block-ui [target]="elemento" [blocked]="carregando"><i class="fa-solid fa-lock"></i></ui-block-ui>
|
|
882
|
+
*/
|
|
883
|
+
declare class SmzBlockUiComponent implements OnDestroy {
|
|
884
|
+
readonly target: _angular_core.InputSignal<unknown>;
|
|
885
|
+
readonly blocked: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
886
|
+
private readonly mask;
|
|
887
|
+
private readonly host;
|
|
888
|
+
private attachedTo;
|
|
889
|
+
private previousPosition;
|
|
890
|
+
constructor();
|
|
891
|
+
ngOnDestroy(): void;
|
|
892
|
+
private block;
|
|
893
|
+
private unblock;
|
|
894
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzBlockUiComponent, never>;
|
|
895
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzBlockUiComponent, "ui-block-ui", never, { "target": { "alias": "target"; "required": false; "isSignal": true; }; "blocked": { "alias": "blocked"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
896
|
+
}
|
|
897
|
+
|
|
898
|
+
/** Barra de ferramentas simples (conteudo projetado). Substitui o `p-toolbar` do PrimeNG. */
|
|
899
|
+
declare class SmzToolbarComponent {
|
|
900
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzToolbarComponent, never>;
|
|
901
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzToolbarComponent, "ui-toolbar", never, {}, {}, never, ["*"], true, never>;
|
|
902
|
+
}
|
|
903
|
+
|
|
904
|
+
interface SmzAnchoredPanelOptions {
|
|
905
|
+
/** O painel tem pelo menos a largura da ancora. */
|
|
906
|
+
matchWidth?: boolean;
|
|
907
|
+
/** Fecha ao clicar fora (padrao: true). */
|
|
908
|
+
closeOnOutsideClick?: boolean;
|
|
909
|
+
/** Chamado quando o painel e fechado por clique fora ou Escape. */
|
|
910
|
+
onDismiss?: () => void;
|
|
911
|
+
}
|
|
912
|
+
/**
|
|
913
|
+
* Painel suspenso ancorado a um elemento (CDK Overlay): base dos selects, datepicker, autocomplete etc.
|
|
914
|
+
* Fecha com Escape ou clique fora (exceto na propria ancora).
|
|
915
|
+
*/
|
|
916
|
+
declare class SmzAnchoredPanel {
|
|
917
|
+
private readonly overlay;
|
|
918
|
+
private readonly viewContainer;
|
|
919
|
+
private overlayRef?;
|
|
920
|
+
private subscription?;
|
|
921
|
+
constructor(overlay: Overlay, viewContainer: ViewContainerRef);
|
|
922
|
+
get isOpen(): boolean;
|
|
923
|
+
/** Elemento raiz do painel renderizado (para foco e medidas). */
|
|
924
|
+
get element(): HTMLElement | null;
|
|
925
|
+
open(anchor: HTMLElement, template: TemplateRef<unknown>, options?: SmzAnchoredPanelOptions): void;
|
|
926
|
+
close(): void;
|
|
927
|
+
updatePosition(): void;
|
|
928
|
+
}
|
|
929
|
+
|
|
930
|
+
type SmzFilterMode = 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notContains' | 'notEquals' | string;
|
|
931
|
+
/** Configuracao de como ler label/valor de uma opcao (usada por select, multiselect, listbox, selectbutton, autocomplete). */
|
|
932
|
+
interface SmzOptionConfig {
|
|
933
|
+
optionLabel?: string | null;
|
|
934
|
+
optionValue?: string | null;
|
|
935
|
+
optionDisabled?: string | null;
|
|
936
|
+
dataKey?: string | null;
|
|
937
|
+
}
|
|
938
|
+
declare function optionLabel(option: any, config: SmzOptionConfig): string;
|
|
939
|
+
declare function optionValue(option: any, config: SmzOptionConfig): any;
|
|
940
|
+
declare function optionDisabled(option: any, config: SmzOptionConfig): boolean;
|
|
941
|
+
/** Igualdade de valores: por `dataKey` quando ha, senao comparacao profunda. */
|
|
942
|
+
declare function sameValue(first: any, second: any, dataKey?: string | null): boolean;
|
|
943
|
+
/** Filtra `options` por texto digitado, no modo informado (padrao: contains), ignorando acentos e caixa. */
|
|
944
|
+
declare function filterOptions<T>(options: readonly T[], text: string, config: SmzOptionConfig & {
|
|
945
|
+
filterBy?: string | null;
|
|
946
|
+
mode?: SmzFilterMode;
|
|
947
|
+
}): T[];
|
|
948
|
+
|
|
949
|
+
interface SmzSelectChangeEvent {
|
|
950
|
+
originalEvent?: Event;
|
|
951
|
+
value: any;
|
|
952
|
+
}
|
|
953
|
+
/**
|
|
954
|
+
* Lista suspensa de selecao unica. Substitui o `p-select` do PrimeNG.
|
|
955
|
+
*
|
|
956
|
+
* <ui-select [options]="paises" optionLabel="name" dataKey="id" [formControl]="pais" [filter]="true" />
|
|
957
|
+
*
|
|
958
|
+
* Sem `optionValue` o valor do controle e o proprio objeto da opcao.
|
|
959
|
+
*/
|
|
960
|
+
declare class SmzSelectComponent extends SmzValueAccessor<any> implements OnDestroy {
|
|
961
|
+
readonly options: _angular_core.InputSignal<readonly any[]>;
|
|
962
|
+
readonly optionLabel: _angular_core.InputSignal<string>;
|
|
963
|
+
readonly optionValue: _angular_core.InputSignal<string>;
|
|
964
|
+
readonly optionDisabled: _angular_core.InputSignal<string>;
|
|
965
|
+
readonly dataKey: _angular_core.InputSignal<string>;
|
|
966
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
967
|
+
readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
968
|
+
readonly filterBy: _angular_core.InputSignal<string>;
|
|
969
|
+
readonly filterMatchMode: _angular_core.InputSignal<string>;
|
|
970
|
+
readonly filterPlaceholder: _angular_core.InputSignal<string>;
|
|
971
|
+
readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
972
|
+
readonly emptyMessage: _angular_core.InputSignal<string>;
|
|
973
|
+
readonly emptyFilterMessage: _angular_core.InputSignal<string>;
|
|
974
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
975
|
+
readonly inputId: _angular_core.InputSignal<string>;
|
|
976
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
977
|
+
/** Aceito por compatibilidade com o `p-select`; o painel sempre e anexado ao body pelo CDK. */
|
|
978
|
+
readonly appendTo: _angular_core.InputSignal<unknown>;
|
|
979
|
+
readonly changed: _angular_core.OutputEmitterRef<SmzSelectChangeEvent>;
|
|
980
|
+
readonly showed: _angular_core.OutputEmitterRef<void>;
|
|
981
|
+
readonly hidden: _angular_core.OutputEmitterRef<void>;
|
|
982
|
+
protected readonly listId: string;
|
|
983
|
+
protected readonly open: _angular_core.WritableSignal<boolean>;
|
|
984
|
+
protected readonly filterText: _angular_core.WritableSignal<string>;
|
|
985
|
+
protected readonly activeIndex: _angular_core.WritableSignal<number>;
|
|
986
|
+
protected readonly config: _angular_core.Signal<SmzOptionConfig>;
|
|
987
|
+
protected readonly visibleOptions: _angular_core.Signal<any[]>;
|
|
988
|
+
protected readonly hasValue: _angular_core.Signal<boolean>;
|
|
989
|
+
protected readonly selectedOption: _angular_core.Signal<any>;
|
|
990
|
+
protected readonly displayLabel: _angular_core.Signal<string>;
|
|
991
|
+
private readonly overlay;
|
|
992
|
+
private readonly viewContainer;
|
|
993
|
+
private readonly trigger;
|
|
994
|
+
private readonly panel;
|
|
995
|
+
private readonly filterInput;
|
|
996
|
+
private readonly anchored;
|
|
997
|
+
ngOnDestroy(): void;
|
|
998
|
+
protected labelOf(option: any): string;
|
|
999
|
+
protected isOptionDisabled(option: any): boolean;
|
|
1000
|
+
protected isSelected(option: any): boolean;
|
|
1001
|
+
protected optionClasses(option: any, index: number): string;
|
|
1002
|
+
protected toggle(): void;
|
|
1003
|
+
protected onBlur(): void;
|
|
1004
|
+
protected select(option: any, event?: Event): void;
|
|
1005
|
+
protected clear(event: Event): void;
|
|
1006
|
+
protected onFilter(event: Event): void;
|
|
1007
|
+
protected onKeydown(event: KeyboardEvent): void;
|
|
1008
|
+
private openPanel;
|
|
1009
|
+
private close;
|
|
1010
|
+
private afterClose;
|
|
1011
|
+
private nextEnabled;
|
|
1012
|
+
private jumpToLetter;
|
|
1013
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzSelectComponent, never>;
|
|
1014
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzSelectComponent, "ui-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "changed": "changed"; "showed": "showed"; "hidden": "hidden"; }, never, never, true, never>;
|
|
1015
|
+
}
|
|
1016
|
+
|
|
1017
|
+
interface SmzMultiSelectChangeEvent {
|
|
1018
|
+
originalEvent?: Event;
|
|
1019
|
+
value: any[];
|
|
1020
|
+
itemValue?: any;
|
|
1021
|
+
}
|
|
1022
|
+
/**
|
|
1023
|
+
* Lista suspensa de selecao multipla. Substitui o `p-multiselect` do PrimeNG.
|
|
1024
|
+
*
|
|
1025
|
+
* <ui-multi-select [options]="itens" optionLabel="name" dataKey="id" [formControl]="selecionados" />
|
|
1026
|
+
*/
|
|
1027
|
+
declare class SmzMultiSelectComponent extends SmzValueAccessor<any[]> implements OnDestroy {
|
|
1028
|
+
readonly options: _angular_core.InputSignal<readonly any[]>;
|
|
1029
|
+
readonly optionLabel: _angular_core.InputSignal<string>;
|
|
1030
|
+
readonly optionValue: _angular_core.InputSignal<string>;
|
|
1031
|
+
readonly optionDisabled: _angular_core.InputSignal<string>;
|
|
1032
|
+
readonly dataKey: _angular_core.InputSignal<string>;
|
|
1033
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
1034
|
+
readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1035
|
+
readonly filterBy: _angular_core.InputSignal<string>;
|
|
1036
|
+
readonly filterMatchMode: _angular_core.InputSignal<string>;
|
|
1037
|
+
readonly filterPlaceholder: _angular_core.InputSignal<string>;
|
|
1038
|
+
readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1039
|
+
readonly showToggleAll: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1040
|
+
readonly emptyMessage: _angular_core.InputSignal<string>;
|
|
1041
|
+
readonly emptyFilterMessage: _angular_core.InputSignal<string>;
|
|
1042
|
+
readonly maxSelectedLabels: _angular_core.InputSignal<number>;
|
|
1043
|
+
/** Texto quando ha mais itens que `maxSelectedLabels`; `{0}` vira a quantidade. */
|
|
1044
|
+
readonly selectedItemsLabel: _angular_core.InputSignal<string>;
|
|
1045
|
+
readonly panelStyle: _angular_core.InputSignal<Record<string, string | number>>;
|
|
1046
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
1047
|
+
readonly inputId: _angular_core.InputSignal<string>;
|
|
1048
|
+
readonly autofocusFilter: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1049
|
+
/** Aceitos por compatibilidade com o `p-multiselect`; sem efeito. */
|
|
1050
|
+
readonly appendTo: _angular_core.InputSignal<unknown>;
|
|
1051
|
+
readonly display: _angular_core.InputSignal<string>;
|
|
1052
|
+
readonly changed: _angular_core.OutputEmitterRef<SmzMultiSelectChangeEvent>;
|
|
1053
|
+
readonly panelHide: _angular_core.OutputEmitterRef<void>;
|
|
1054
|
+
readonly panelShow: _angular_core.OutputEmitterRef<void>;
|
|
1055
|
+
protected readonly listId: string;
|
|
1056
|
+
protected readonly open: _angular_core.WritableSignal<boolean>;
|
|
1057
|
+
protected readonly filterText: _angular_core.WritableSignal<string>;
|
|
1058
|
+
protected readonly activeIndex: _angular_core.WritableSignal<number>;
|
|
1059
|
+
protected readonly config: _angular_core.Signal<SmzOptionConfig>;
|
|
1060
|
+
protected readonly visibleOptions: _angular_core.Signal<any[]>;
|
|
1061
|
+
protected readonly selectedValues: _angular_core.Signal<any[]>;
|
|
1062
|
+
protected readonly selectedOptions: _angular_core.Signal<any[]>;
|
|
1063
|
+
protected readonly allSelected: _angular_core.Signal<boolean>;
|
|
1064
|
+
protected readonly displayLabel: _angular_core.Signal<string>;
|
|
1065
|
+
private readonly overlay;
|
|
1066
|
+
private readonly viewContainer;
|
|
1067
|
+
private readonly trigger;
|
|
1068
|
+
private readonly panel;
|
|
1069
|
+
private readonly filterInput;
|
|
1070
|
+
private readonly anchored;
|
|
1071
|
+
ngOnDestroy(): void;
|
|
1072
|
+
protected labelOf(option: any): string;
|
|
1073
|
+
protected isSelected(option: any): boolean;
|
|
1074
|
+
protected optionRowClass(option: any, index: number): string;
|
|
1075
|
+
protected toggle(): void;
|
|
1076
|
+
protected onBlur(): void;
|
|
1077
|
+
protected toggleOption(option: any, event: Event): void;
|
|
1078
|
+
protected toggleAll(event: Event): void;
|
|
1079
|
+
protected clear(event: Event): void;
|
|
1080
|
+
protected onFilter(event: Event): void;
|
|
1081
|
+
protected onKeydown(event: KeyboardEvent): void;
|
|
1082
|
+
private openPanel;
|
|
1083
|
+
private close;
|
|
1084
|
+
private afterClose;
|
|
1085
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzMultiSelectComponent, never>;
|
|
1086
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzMultiSelectComponent, "ui-multi-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; "isSignal": true; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; "isSignal": true; }; "panelStyle": { "alias": "panelStyle"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; }, { "changed": "changed"; "panelHide": "panelHide"; "panelShow": "panelShow"; }, never, never, true, never>;
|
|
1087
|
+
}
|
|
1088
|
+
|
|
1089
|
+
interface SmzSelectButtonChangeEvent {
|
|
1090
|
+
originalEvent?: Event;
|
|
1091
|
+
value: any;
|
|
1092
|
+
}
|
|
1093
|
+
/**
|
|
1094
|
+
* Grupo de botoes de selecao unica ou multipla. Substitui o `p-selectbutton` do PrimeNG.
|
|
1095
|
+
*
|
|
1096
|
+
* <ui-select-button [options]="tipos" optionLabel="label" optionValue="value" [(ngModel)]="tipo" />
|
|
1097
|
+
*/
|
|
1098
|
+
declare class SmzSelectButtonComponent extends SmzValueAccessor<any> {
|
|
1099
|
+
readonly options: _angular_core.InputSignal<readonly any[]>;
|
|
1100
|
+
readonly optionLabel: _angular_core.InputSignal<string>;
|
|
1101
|
+
readonly optionValue: _angular_core.InputSignal<string>;
|
|
1102
|
+
readonly optionDisabled: _angular_core.InputSignal<string>;
|
|
1103
|
+
readonly dataKey: _angular_core.InputSignal<string>;
|
|
1104
|
+
readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1105
|
+
readonly allowEmpty: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1106
|
+
readonly size: _angular_core.InputSignal<"small" | "large">;
|
|
1107
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
1108
|
+
/** Aceito por compatibilidade com o `p-selectbutton`; sem efeito. */
|
|
1109
|
+
readonly appendTo: _angular_core.InputSignal<unknown>;
|
|
1110
|
+
readonly changed: _angular_core.OutputEmitterRef<SmzSelectButtonChangeEvent>;
|
|
1111
|
+
protected readonly config: _angular_core.Signal<SmzOptionConfig>;
|
|
1112
|
+
protected labelOf(option: any): string;
|
|
1113
|
+
protected iconOf(option: any): string | null;
|
|
1114
|
+
protected isOptionDisabled(option: any): boolean;
|
|
1115
|
+
protected isSelected(option: any): boolean;
|
|
1116
|
+
protected buttonClasses(option: any): string;
|
|
1117
|
+
protected toggle(option: any, event: Event): void;
|
|
1118
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzSelectButtonComponent, never>;
|
|
1119
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzSelectButtonComponent, "ui-select-button", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, never, true, never>;
|
|
1120
|
+
}
|
|
1121
|
+
|
|
1122
|
+
interface SmzListboxClickEvent {
|
|
1123
|
+
originalEvent: Event;
|
|
1124
|
+
option: any;
|
|
1125
|
+
value: any;
|
|
1126
|
+
}
|
|
1127
|
+
interface SmzListboxChangeEvent {
|
|
1128
|
+
originalEvent?: Event;
|
|
1129
|
+
value: any;
|
|
1130
|
+
}
|
|
1131
|
+
/**
|
|
1132
|
+
* Lista de selecao (unica ou multipla) sempre visivel. Substitui o `p-listbox` do PrimeNG.
|
|
1133
|
+
* Aceita os templates `header`, `item`, `footer` e `empty` via `smzTemplate`.
|
|
1134
|
+
*
|
|
1135
|
+
* <ui-listbox [options]="itens" optionLabel="name" dataKey="id" [(ngModel)]="selecionado">
|
|
1136
|
+
* <ng-template smzTemplate="item" let-item>{{ item.name }}</ng-template>
|
|
1137
|
+
* </ui-listbox>
|
|
1138
|
+
*/
|
|
1139
|
+
declare class SmzListboxComponent extends SmzValueAccessor<any> {
|
|
1140
|
+
readonly options: _angular_core.InputSignal<readonly any[]>;
|
|
1141
|
+
readonly optionLabel: _angular_core.InputSignal<string>;
|
|
1142
|
+
readonly optionValue: _angular_core.InputSignal<string>;
|
|
1143
|
+
readonly optionDisabled: _angular_core.InputSignal<string>;
|
|
1144
|
+
readonly dataKey: _angular_core.InputSignal<string>;
|
|
1145
|
+
readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1146
|
+
readonly checkbox: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1147
|
+
readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1148
|
+
readonly filterBy: _angular_core.InputSignal<string>;
|
|
1149
|
+
readonly filterMatchMode: _angular_core.InputSignal<string>;
|
|
1150
|
+
/** Aceito por compatibilidade com o `p-listbox`; selecao multipla sempre alterna por clique. */
|
|
1151
|
+
readonly metaKeySelection: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1152
|
+
readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1153
|
+
readonly emptyMessage: _angular_core.InputSignal<string>;
|
|
1154
|
+
readonly emptyFilterMessage: _angular_core.InputSignal<string>;
|
|
1155
|
+
readonly listStyle: _angular_core.InputSignal<Record<string, string | number>>;
|
|
1156
|
+
readonly style: _angular_core.InputSignal<Record<string, string | number>>;
|
|
1157
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
1158
|
+
readonly changed: _angular_core.OutputEmitterRef<SmzListboxChangeEvent>;
|
|
1159
|
+
readonly clicked: _angular_core.OutputEmitterRef<SmzListboxClickEvent>;
|
|
1160
|
+
/** Elemento hospedeiro (compatibilidade com `Listbox.el` do PrimeNG). */
|
|
1161
|
+
readonly el: ElementRef<HTMLElement>;
|
|
1162
|
+
protected readonly filterText: _angular_core.WritableSignal<string>;
|
|
1163
|
+
private readonly templates;
|
|
1164
|
+
protected readonly headerTemplate: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
|
|
1165
|
+
protected readonly itemTemplate: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
|
|
1166
|
+
protected readonly footerTemplate: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
|
|
1167
|
+
protected readonly emptyTemplate: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
|
|
1168
|
+
protected readonly config: _angular_core.Signal<SmzOptionConfig>;
|
|
1169
|
+
protected readonly visibleOptions: _angular_core.Signal<any[]>;
|
|
1170
|
+
protected labelOf(option: any): string;
|
|
1171
|
+
protected isSelected(option: any): boolean;
|
|
1172
|
+
protected rowClass(option: any): string;
|
|
1173
|
+
protected onFilter(event: Event): void;
|
|
1174
|
+
protected onItemClick(option: any, event: Event): void;
|
|
1175
|
+
protected focusSibling(event: Event, step: 1 | -1): void;
|
|
1176
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzListboxComponent, never>;
|
|
1177
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzListboxComponent, "ui-listbox", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "checkbox": { "alias": "checkbox"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; "isSignal": true; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "listStyle": { "alias": "listStyle"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, { "changed": "changed"; "clicked": "clicked"; }, ["templates"], never, true, never>;
|
|
1178
|
+
}
|
|
1179
|
+
|
|
1180
|
+
/** Campo com icone sobreposto ao input. Substitui o `p-iconfield` do PrimeNG. */
|
|
1181
|
+
declare class SmzIconFieldComponent {
|
|
1182
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzIconFieldComponent, never>;
|
|
1183
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzIconFieldComponent, "ui-icon-field", never, {}, {}, never, ["*"], true, never>;
|
|
1184
|
+
}
|
|
1185
|
+
/** Icone dentro de um `ui-icon-field`. Substitui o `p-inputicon` do PrimeNG. */
|
|
1186
|
+
declare class SmzInputIconComponent {
|
|
1187
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
1188
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzInputIconComponent, never>;
|
|
1189
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzInputIconComponent, "ui-input-icon", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1190
|
+
}
|
|
1191
|
+
/** Agrupa input e complementos lado a lado. Substitui o `p-inputgroup` do PrimeNG. */
|
|
1192
|
+
declare class SmzInputGroupComponent {
|
|
1193
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzInputGroupComponent, never>;
|
|
1194
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzInputGroupComponent, "ui-input-group", never, {}, {}, never, ["*"], true, never>;
|
|
1195
|
+
}
|
|
1196
|
+
/** Complemento de um `ui-input-group`. Substitui o `p-inputgroupaddon` do PrimeNG. */
|
|
1197
|
+
declare class SmzInputGroupAddonComponent {
|
|
1198
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzInputGroupAddonComponent, never>;
|
|
1199
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzInputGroupAddonComponent, "ui-input-group-addon", never, {}, {}, never, ["*"], true, never>;
|
|
1200
|
+
}
|
|
1201
|
+
|
|
1202
|
+
/** Textos e calendario localizados usados pelos componentes do kit. Mesmas chaves do `Translation` do PrimeNG. */
|
|
1203
|
+
interface SmzTranslation {
|
|
1204
|
+
startsWith?: string;
|
|
1205
|
+
contains?: string;
|
|
1206
|
+
notContains?: string;
|
|
1207
|
+
endsWith?: string;
|
|
1208
|
+
equals?: string;
|
|
1209
|
+
notEquals?: string;
|
|
1210
|
+
noFilter?: string;
|
|
1211
|
+
lt?: string;
|
|
1212
|
+
lte?: string;
|
|
1213
|
+
gt?: string;
|
|
1214
|
+
gte?: string;
|
|
1215
|
+
is?: string;
|
|
1216
|
+
isNot?: string;
|
|
1217
|
+
before?: string;
|
|
1218
|
+
after?: string;
|
|
1219
|
+
dateIs?: string;
|
|
1220
|
+
dateIsNot?: string;
|
|
1221
|
+
dateBefore?: string;
|
|
1222
|
+
dateAfter?: string;
|
|
1223
|
+
clear?: string;
|
|
1224
|
+
apply?: string;
|
|
1225
|
+
matchAll?: string;
|
|
1226
|
+
matchAny?: string;
|
|
1227
|
+
addRule?: string;
|
|
1228
|
+
removeRule?: string;
|
|
1229
|
+
accept?: string;
|
|
1230
|
+
reject?: string;
|
|
1231
|
+
choose?: string;
|
|
1232
|
+
upload?: string;
|
|
1233
|
+
cancel?: string;
|
|
1234
|
+
close?: string;
|
|
1235
|
+
pending?: string;
|
|
1236
|
+
dayNames?: string[];
|
|
1237
|
+
dayNamesShort?: string[];
|
|
1238
|
+
dayNamesMin?: string[];
|
|
1239
|
+
monthNames?: string[];
|
|
1240
|
+
monthNamesShort?: string[];
|
|
1241
|
+
chooseYear?: string;
|
|
1242
|
+
chooseMonth?: string;
|
|
1243
|
+
chooseDate?: string;
|
|
1244
|
+
prevDecade?: string;
|
|
1245
|
+
nextDecade?: string;
|
|
1246
|
+
prevYear?: string;
|
|
1247
|
+
nextYear?: string;
|
|
1248
|
+
prevMonth?: string;
|
|
1249
|
+
nextMonth?: string;
|
|
1250
|
+
am?: string;
|
|
1251
|
+
pm?: string;
|
|
1252
|
+
today?: string;
|
|
1253
|
+
weekHeader?: string;
|
|
1254
|
+
firstDayOfWeek?: number;
|
|
1255
|
+
showMonthAfterYear?: boolean;
|
|
1256
|
+
dateFormat?: string;
|
|
1257
|
+
weak?: string;
|
|
1258
|
+
medium?: string;
|
|
1259
|
+
strong?: string;
|
|
1260
|
+
passwordPrompt?: string;
|
|
1261
|
+
emptyMessage?: string;
|
|
1262
|
+
emptyFilterMessage?: string;
|
|
1263
|
+
[key: string]: any;
|
|
1264
|
+
}
|
|
1265
|
+
/** Chaves de traducao usadas pelos componentes (mesmos valores do `TranslationKeys` do PrimeNG). */
|
|
1266
|
+
declare const SmzTranslationKeys: {
|
|
1267
|
+
readonly STARTS_WITH: "startsWith";
|
|
1268
|
+
readonly CONTAINS: "contains";
|
|
1269
|
+
readonly NOT_CONTAINS: "notContains";
|
|
1270
|
+
readonly ENDS_WITH: "endsWith";
|
|
1271
|
+
readonly EQUALS: "equals";
|
|
1272
|
+
readonly NOT_EQUALS: "notEquals";
|
|
1273
|
+
readonly NO_FILTER: "noFilter";
|
|
1274
|
+
readonly LT: "lt";
|
|
1275
|
+
readonly LTE: "lte";
|
|
1276
|
+
readonly GT: "gt";
|
|
1277
|
+
readonly GTE: "gte";
|
|
1278
|
+
readonly IS: "is";
|
|
1279
|
+
readonly IS_NOT: "isNot";
|
|
1280
|
+
readonly BEFORE: "before";
|
|
1281
|
+
readonly AFTER: "after";
|
|
1282
|
+
readonly CLEAR: "clear";
|
|
1283
|
+
readonly APPLY: "apply";
|
|
1284
|
+
readonly MATCH_ALL: "matchAll";
|
|
1285
|
+
readonly MATCH_ANY: "matchAny";
|
|
1286
|
+
readonly ADD_RULE: "addRule";
|
|
1287
|
+
readonly REMOVE_RULE: "removeRule";
|
|
1288
|
+
readonly ACCEPT: "accept";
|
|
1289
|
+
readonly REJECT: "reject";
|
|
1290
|
+
readonly CHOOSE: "choose";
|
|
1291
|
+
readonly UPLOAD: "upload";
|
|
1292
|
+
readonly CANCEL: "cancel";
|
|
1293
|
+
readonly PENDING: "pending";
|
|
1294
|
+
readonly EMPTY_MESSAGE: "emptyMessage";
|
|
1295
|
+
readonly EMPTY_FILTER_MESSAGE: "emptyFilterMessage";
|
|
1296
|
+
};
|
|
1297
|
+
/**
|
|
1298
|
+
* Textos e nomes de calendario dos componentes do kit. O app (ou a core) chama `setTranslation` com o locale ativo.
|
|
1299
|
+
* Substitui `PrimeNG.setTranslation` / `getTranslation`.
|
|
1300
|
+
*/
|
|
1301
|
+
declare class SmzLocaleService {
|
|
1302
|
+
private readonly state;
|
|
1303
|
+
/** Traducao atual (signal: componentes reagem a mudancas de idioma). */
|
|
1304
|
+
readonly translation: _angular_core.Signal<SmzTranslation>;
|
|
1305
|
+
/** Emite quando a traducao muda (para componentes que guardam rotulos em cache). */
|
|
1306
|
+
readonly translationObserver: Subject<SmzTranslation>;
|
|
1307
|
+
/** Modos de filtro oferecidos por tipo de coluna (`text`, `numeric`, `date`). */
|
|
1308
|
+
filterMatchModeOptions: Record<string, string[]>;
|
|
1309
|
+
setTranslation(translation: SmzTranslation | null | undefined): void;
|
|
1310
|
+
getTranslation<T = string>(key: string): T;
|
|
1311
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzLocaleService, never>;
|
|
1312
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<SmzLocaleService>;
|
|
1313
|
+
}
|
|
1314
|
+
|
|
1315
|
+
interface SmzInputNumberInputEvent {
|
|
1316
|
+
originalEvent: Event;
|
|
1317
|
+
value: number | null;
|
|
1318
|
+
formattedValue: string;
|
|
1319
|
+
}
|
|
1320
|
+
/**
|
|
1321
|
+
* Campo numerico com formatacao por locale (decimal ou moeda). Substitui o `p-inputnumber` do PrimeNG.
|
|
1322
|
+
*
|
|
1323
|
+
* <ui-input-number [formControl]="preco" mode="currency" currency="BRL" locale="pt-BR" />
|
|
1324
|
+
*
|
|
1325
|
+
* O texto e reformatado ao sair do campo; enquanto digita, o valor numerico ja e propagado ao formulario.
|
|
1326
|
+
*/
|
|
1327
|
+
declare class SmzInputNumberComponent extends SmzValueAccessor<number> {
|
|
1328
|
+
readonly mode: _angular_core.InputSignal<string>;
|
|
1329
|
+
readonly locale: _angular_core.InputSignal<string>;
|
|
1330
|
+
readonly localeMatcher: _angular_core.InputSignal<string>;
|
|
1331
|
+
readonly currency: _angular_core.InputSignal<string>;
|
|
1332
|
+
readonly currencyDisplay: _angular_core.InputSignal<string>;
|
|
1333
|
+
readonly useGrouping: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1334
|
+
readonly minFractionDigits: _angular_core.InputSignal<number>;
|
|
1335
|
+
readonly maxFractionDigits: _angular_core.InputSignal<number>;
|
|
1336
|
+
readonly min: _angular_core.InputSignal<number>;
|
|
1337
|
+
readonly max: _angular_core.InputSignal<number>;
|
|
1338
|
+
readonly step: _angular_core.InputSignal<number>;
|
|
1339
|
+
readonly prefix: _angular_core.InputSignal<string>;
|
|
1340
|
+
readonly suffix: _angular_core.InputSignal<string>;
|
|
1341
|
+
readonly showButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1342
|
+
readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1343
|
+
readonly allowEmpty: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1344
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
1345
|
+
readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1346
|
+
readonly inputId: _angular_core.InputSignal<string>;
|
|
1347
|
+
readonly inputed: _angular_core.OutputEmitterRef<SmzInputNumberInputEvent>;
|
|
1348
|
+
readonly keyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
|
|
1349
|
+
readonly blurred: _angular_core.OutputEmitterRef<Event>;
|
|
1350
|
+
readonly focused: _angular_core.OutputEmitterRef<void>;
|
|
1351
|
+
private readonly field;
|
|
1352
|
+
private readonly editing;
|
|
1353
|
+
private readonly typed;
|
|
1354
|
+
private readonly formatter;
|
|
1355
|
+
private readonly decimalSeparator;
|
|
1356
|
+
protected readonly text: _angular_core.Signal<string>;
|
|
1357
|
+
writeValue(value: number | null): void;
|
|
1358
|
+
protected onFocus(): void;
|
|
1359
|
+
protected onInput(event: Event): void;
|
|
1360
|
+
protected onBlur(event: Event): void;
|
|
1361
|
+
protected onKeydown(event: KeyboardEvent): void;
|
|
1362
|
+
protected spin(direction: 1 | -1): void;
|
|
1363
|
+
protected clear(): void;
|
|
1364
|
+
private format;
|
|
1365
|
+
/** Texto editavel: numero sem prefixo/sufixo/agrupamento, com o separador decimal do locale. */
|
|
1366
|
+
private rawText;
|
|
1367
|
+
private sanitize;
|
|
1368
|
+
private parse;
|
|
1369
|
+
private round;
|
|
1370
|
+
private clamp;
|
|
1371
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzInputNumberComponent, never>;
|
|
1372
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzInputNumberComponent, "ui-input-number", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; "isSignal": true; }; "useGrouping": { "alias": "useGrouping"; "required": false; "isSignal": true; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; "isSignal": true; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "showButtons": { "alias": "showButtons"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; }, { "inputed": "inputed"; "keyDown": "keyDown"; "blurred": "blurred"; "focused": "focused"; }, never, never, true, never>;
|
|
1373
|
+
}
|
|
1374
|
+
|
|
1375
|
+
/** Formata uma data (so a parte de data) no formato estilo jQuery UI: d, dd, o, oo, D, DD, m, mm, M, MM, y, yy, @, !. */
|
|
1376
|
+
declare function smzFormatDate(date: Date, format: string, translation: SmzTranslation): string;
|
|
1377
|
+
/** Interpreta um texto de data no formato dado; retorna `null` quando nao bate ou a data nao existe. */
|
|
1378
|
+
declare function smzParseDate(text: string, format: string, translation: SmzTranslation): Date | null;
|
|
1379
|
+
declare const smzSameDay: (first: Date | null | undefined, second: Date | null | undefined) => boolean;
|
|
1380
|
+
declare const smzStartOfDay: (date: Date) => Date;
|
|
1381
|
+
declare const smzTwoDigits: (value: number, length?: number) => string;
|
|
1382
|
+
/** Primeiro dia exibido na grade do mes: volta ate o `firstDayOfWeek`. */
|
|
1383
|
+
declare function smzCalendarStart(year: number, month: number, firstDayOfWeek: number): Date;
|
|
1384
|
+
|
|
1385
|
+
type SmzDatePickerValue = Date | Date[] | null;
|
|
1386
|
+
type SmzDateSelectionMode = 'single' | 'multiple' | 'range';
|
|
1387
|
+
type View = 'date' | 'month' | 'year';
|
|
1388
|
+
interface DayCell {
|
|
1389
|
+
date: Date;
|
|
1390
|
+
label: number;
|
|
1391
|
+
inMonth: boolean;
|
|
1392
|
+
today: boolean;
|
|
1393
|
+
disabled: boolean;
|
|
1394
|
+
}
|
|
1395
|
+
/**
|
|
1396
|
+
* Seletor de data (e hora). Substitui o `p-datepicker` do PrimeNG.
|
|
1397
|
+
*
|
|
1398
|
+
* <ui-date-picker [formControl]="data" dateFormat="dd/mm/yy" [showTime]="true" />
|
|
1399
|
+
*
|
|
1400
|
+
* Formato de texto no estilo jQuery UI (`dd/mm/yy`, `MM d, yy`...). Os nomes de mes e dia vem do `SmzLocaleService`.
|
|
1401
|
+
*/
|
|
1402
|
+
declare class SmzDatePickerComponent extends SmzValueAccessor<SmzDatePickerValue> implements OnDestroy {
|
|
1403
|
+
readonly selectionMode: _angular_core.InputSignal<SmzDateSelectionMode>;
|
|
1404
|
+
readonly dateFormat: _angular_core.InputSignal<string>;
|
|
1405
|
+
readonly showTime: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1406
|
+
readonly timeOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1407
|
+
readonly showSeconds: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1408
|
+
readonly hourFormat: _angular_core.InputSignal<"12" | "24">;
|
|
1409
|
+
readonly minDate: _angular_core.InputSignal<Date>;
|
|
1410
|
+
readonly maxDate: _angular_core.InputSignal<Date>;
|
|
1411
|
+
readonly showButtonBar: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1412
|
+
readonly showIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1413
|
+
readonly showOnFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1414
|
+
readonly keepInvalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1415
|
+
readonly readonlyInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1416
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
1417
|
+
readonly inputId: _angular_core.InputSignal<string>;
|
|
1418
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
1419
|
+
/** Aceitos por compatibilidade com o `p-datepicker`; sem efeito. */
|
|
1420
|
+
readonly appendTo: _angular_core.InputSignal<unknown>;
|
|
1421
|
+
readonly touchUI: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1422
|
+
readonly focusTrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1423
|
+
readonly selected: _angular_core.OutputEmitterRef<Date>;
|
|
1424
|
+
readonly cleared: _angular_core.OutputEmitterRef<void>;
|
|
1425
|
+
readonly opened: _angular_core.OutputEmitterRef<void>;
|
|
1426
|
+
readonly closed: _angular_core.OutputEmitterRef<void>;
|
|
1427
|
+
readonly blurred: _angular_core.OutputEmitterRef<Event>;
|
|
1428
|
+
private readonly locale;
|
|
1429
|
+
protected readonly translation: _angular_core.Signal<_ngx_smz_ui_kit.SmzTranslation>;
|
|
1430
|
+
protected readonly open: _angular_core.WritableSignal<boolean>;
|
|
1431
|
+
protected readonly view: _angular_core.WritableSignal<View>;
|
|
1432
|
+
private readonly viewDate;
|
|
1433
|
+
private readonly typed;
|
|
1434
|
+
protected readonly hour: _angular_core.WritableSignal<number>;
|
|
1435
|
+
protected readonly minute: _angular_core.WritableSignal<number>;
|
|
1436
|
+
protected readonly second: _angular_core.WritableSignal<number>;
|
|
1437
|
+
protected readonly viewYear: _angular_core.Signal<number>;
|
|
1438
|
+
protected readonly viewMonth: _angular_core.Signal<number>;
|
|
1439
|
+
protected readonly decadeStart: _angular_core.Signal<number>;
|
|
1440
|
+
protected readonly decadeYears: _angular_core.Signal<number[]>;
|
|
1441
|
+
protected readonly monthName: _angular_core.Signal<string>;
|
|
1442
|
+
protected readonly monthNamesShort: _angular_core.Signal<string[]>;
|
|
1443
|
+
protected readonly effectiveFormat: _angular_core.Signal<string>;
|
|
1444
|
+
protected readonly weekdayNames: _angular_core.Signal<string[]>;
|
|
1445
|
+
protected readonly cells: _angular_core.Signal<DayCell[]>;
|
|
1446
|
+
protected readonly displayHour: _angular_core.Signal<string>;
|
|
1447
|
+
protected readonly text: _angular_core.Signal<string>;
|
|
1448
|
+
private readonly overlay;
|
|
1449
|
+
private readonly viewContainer;
|
|
1450
|
+
private readonly anchorRef;
|
|
1451
|
+
private readonly fieldRef;
|
|
1452
|
+
private readonly panel;
|
|
1453
|
+
private readonly anchored;
|
|
1454
|
+
writeValue(value: SmzDatePickerValue): void;
|
|
1455
|
+
ngOnDestroy(): void;
|
|
1456
|
+
protected twoDigits(value: number): string;
|
|
1457
|
+
protected toggle(): void;
|
|
1458
|
+
protected onFocus(): void;
|
|
1459
|
+
protected onFieldClick(): void;
|
|
1460
|
+
protected onKeydown(event: KeyboardEvent): void;
|
|
1461
|
+
protected onTyping(event: Event): void;
|
|
1462
|
+
protected onBlur(event: Event): void;
|
|
1463
|
+
protected shift(direction: -1 | 1): void;
|
|
1464
|
+
protected pickMonth(month: number): void;
|
|
1465
|
+
protected pickYear(year: number): void;
|
|
1466
|
+
protected isSelected(date: Date): boolean;
|
|
1467
|
+
protected isInRange(date: Date): boolean;
|
|
1468
|
+
protected dayClasses(cell: DayCell): string;
|
|
1469
|
+
protected pickDay(cell: DayCell): void;
|
|
1470
|
+
protected goToday(): void;
|
|
1471
|
+
protected clearValue(): void;
|
|
1472
|
+
protected stepTime(unit: 'h' | 'm' | 's', delta: number): void;
|
|
1473
|
+
private openPanel;
|
|
1474
|
+
private close;
|
|
1475
|
+
private afterClose;
|
|
1476
|
+
private syncViewTo;
|
|
1477
|
+
private withTime;
|
|
1478
|
+
private isOutOfRange;
|
|
1479
|
+
private formatSingle;
|
|
1480
|
+
private formatValue;
|
|
1481
|
+
private parseSingle;
|
|
1482
|
+
/** Interpreta o texto digitado; se invalido, descarta (ou mantem, com `keepInvalid`). */
|
|
1483
|
+
private commitTyped;
|
|
1484
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzDatePickerComponent, never>;
|
|
1485
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzDatePickerComponent, "ui-date-picker", never, { "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "timeOnly": { "alias": "timeOnly"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "showOnFocus": { "alias": "showOnFocus"; "required": false; "isSignal": true; }; "keepInvalid": { "alias": "keepInvalid"; "required": false; "isSignal": true; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "touchUI": { "alias": "touchUI"; "required": false; "isSignal": true; }; "focusTrap": { "alias": "focusTrap"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "cleared": "cleared"; "opened": "opened"; "closed": "closed"; "blurred": "blurred"; }, never, never, true, never>;
|
|
1486
|
+
}
|
|
1487
|
+
|
|
1488
|
+
interface SmzAutoCompleteCompleteEvent {
|
|
1489
|
+
originalEvent?: Event;
|
|
1490
|
+
query: string;
|
|
1491
|
+
}
|
|
1492
|
+
interface SmzAutoCompleteSelectEvent {
|
|
1493
|
+
originalEvent?: Event;
|
|
1494
|
+
value: any;
|
|
1495
|
+
}
|
|
1496
|
+
/**
|
|
1497
|
+
* Campo de texto com sugestoes. Substitui o `p-autocomplete` do PrimeNG.
|
|
1498
|
+
* O componente nao busca: ao digitar emite `completeMethod` e o consumidor atualiza `suggestions`.
|
|
1499
|
+
*
|
|
1500
|
+
* <ui-auto-complete [(ngModel)]="texto" [suggestions]="sugestoes" (completeMethod)="buscar($event)" [dropdown]="true" />
|
|
1501
|
+
*/
|
|
1502
|
+
declare class SmzAutoCompleteComponent extends SmzValueAccessor<any> implements OnDestroy {
|
|
1503
|
+
readonly suggestions: _angular_core.InputSignal<readonly any[]>;
|
|
1504
|
+
readonly field: _angular_core.InputSignal<string>;
|
|
1505
|
+
readonly dropdown: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1506
|
+
readonly emptyMessage: _angular_core.InputSignal<string>;
|
|
1507
|
+
readonly minLength: _angular_core.InputSignal<number>;
|
|
1508
|
+
readonly delay: _angular_core.InputSignal<number>;
|
|
1509
|
+
readonly forceSelection: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1510
|
+
readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1511
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
1512
|
+
readonly inputId: _angular_core.InputSignal<string>;
|
|
1513
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
1514
|
+
/** Aceito por compatibilidade com o `p-autocomplete`; sem efeito. */
|
|
1515
|
+
readonly appendTo: _angular_core.InputSignal<unknown>;
|
|
1516
|
+
readonly completeMethod: _angular_core.OutputEmitterRef<SmzAutoCompleteCompleteEvent>;
|
|
1517
|
+
readonly selectedItem: _angular_core.OutputEmitterRef<SmzAutoCompleteSelectEvent>;
|
|
1518
|
+
readonly cleared: _angular_core.OutputEmitterRef<void>;
|
|
1519
|
+
readonly blurred: _angular_core.OutputEmitterRef<Event>;
|
|
1520
|
+
readonly focused: _angular_core.OutputEmitterRef<void>;
|
|
1521
|
+
protected readonly open: _angular_core.WritableSignal<boolean>;
|
|
1522
|
+
protected readonly activeIndex: _angular_core.WritableSignal<number>;
|
|
1523
|
+
private readonly typed;
|
|
1524
|
+
private searching;
|
|
1525
|
+
private timer?;
|
|
1526
|
+
private readonly templates;
|
|
1527
|
+
protected readonly headerTemplate: _angular_core.Signal<TemplateRef<unknown>>;
|
|
1528
|
+
protected readonly itemTemplate: _angular_core.Signal<TemplateRef<unknown>>;
|
|
1529
|
+
protected readonly text: _angular_core.Signal<string>;
|
|
1530
|
+
private readonly overlay;
|
|
1531
|
+
private readonly viewContainer;
|
|
1532
|
+
private readonly anchorRef;
|
|
1533
|
+
private readonly fieldRef;
|
|
1534
|
+
private readonly panel;
|
|
1535
|
+
private readonly anchored;
|
|
1536
|
+
constructor();
|
|
1537
|
+
writeValue(value: any): void;
|
|
1538
|
+
ngOnDestroy(): void;
|
|
1539
|
+
protected labelOf(item: any): string;
|
|
1540
|
+
protected onInput(event: Event): void;
|
|
1541
|
+
protected onBlur(event: Event): void;
|
|
1542
|
+
protected onKeydown(event: KeyboardEvent): void;
|
|
1543
|
+
protected select(item: any, event: Event): void;
|
|
1544
|
+
protected clear(): void;
|
|
1545
|
+
protected toggleDropdown(): void;
|
|
1546
|
+
private scheduleSearch;
|
|
1547
|
+
private triggerSearch;
|
|
1548
|
+
private openPanel;
|
|
1549
|
+
private closePanel;
|
|
1550
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzAutoCompleteComponent, never>;
|
|
1551
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzAutoCompleteComponent, "ui-auto-complete", never, { "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "field": { "alias": "field"; "required": false; "isSignal": true; }; "dropdown": { "alias": "dropdown"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "forceSelection": { "alias": "forceSelection"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "completeMethod": "completeMethod"; "selectedItem": "selectedItem"; "cleared": "cleared"; "blurred": "blurred"; "focused": "focused"; }, ["templates"], never, true, never>;
|
|
1552
|
+
}
|
|
1553
|
+
|
|
1554
|
+
interface MaskSlot {
|
|
1555
|
+
/** Posicao do caractere dentro do texto formatado. */
|
|
1556
|
+
position: number;
|
|
1557
|
+
test: RegExp;
|
|
1558
|
+
}
|
|
1559
|
+
interface ParsedMask {
|
|
1560
|
+
/** Caractere literal por posicao (`null` onde ha slot). */
|
|
1561
|
+
literals: Array<string | null>;
|
|
1562
|
+
slots: MaskSlot[];
|
|
1563
|
+
/** Quantidade de slots obrigatorios (os demais, depois de `?`, sao opcionais). */
|
|
1564
|
+
required: number;
|
|
1565
|
+
}
|
|
1566
|
+
/**
|
|
1567
|
+
* Campo com mascara de entrada. Substitui o `p-inputmask` do PrimeNG.
|
|
1568
|
+
* Na mascara: `9` = digito, `a` = letra (ou `characterPattern`), `*` = letra ou digito; demais caracteres sao literais.
|
|
1569
|
+
*
|
|
1570
|
+
* <ui-input-mask mask="(99) 99999-9999" [formControl]="telefone" [unmask]="true" />
|
|
1571
|
+
*/
|
|
1572
|
+
declare class SmzInputMaskComponent extends SmzValueAccessor<string> {
|
|
1573
|
+
readonly mask: _angular_core.InputSignal<string>;
|
|
1574
|
+
readonly slotChar: _angular_core.InputSignal<string>;
|
|
1575
|
+
readonly characterPattern: _angular_core.InputSignal<string>;
|
|
1576
|
+
readonly unmask: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1577
|
+
readonly autoClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1578
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
1579
|
+
readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1580
|
+
readonly inputId: _angular_core.InputSignal<string>;
|
|
1581
|
+
readonly inputed: _angular_core.OutputEmitterRef<Event>;
|
|
1582
|
+
readonly blurred: _angular_core.OutputEmitterRef<Event>;
|
|
1583
|
+
readonly completed: _angular_core.OutputEmitterRef<void>;
|
|
1584
|
+
private readonly field;
|
|
1585
|
+
/** Caracteres dos slots preenchidos, em ordem. */
|
|
1586
|
+
private readonly entered;
|
|
1587
|
+
private readonly focusedState;
|
|
1588
|
+
protected readonly parsed: _angular_core.Signal<ParsedMask>;
|
|
1589
|
+
protected readonly display: _angular_core.Signal<string>;
|
|
1590
|
+
writeValue(value: string | null): void;
|
|
1591
|
+
protected onFocus(): void;
|
|
1592
|
+
protected onKeydown(event: KeyboardEvent): void;
|
|
1593
|
+
protected onInput(event: Event): void;
|
|
1594
|
+
protected onBlur(event: Event): void;
|
|
1595
|
+
/** Redistribui os caracteres de `text` nos slots, descartando o que nao cabe ou nao combina. */
|
|
1596
|
+
private fitToSlots;
|
|
1597
|
+
private apply;
|
|
1598
|
+
private moveCaret;
|
|
1599
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzInputMaskComponent, never>;
|
|
1600
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzInputMaskComponent, "ui-input-mask", never, { "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "slotChar": { "alias": "slotChar"; "required": false; "isSignal": true; }; "characterPattern": { "alias": "characterPattern"; "required": false; "isSignal": true; }; "unmask": { "alias": "unmask"; "required": false; "isSignal": true; }; "autoClear": { "alias": "autoClear"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; }, { "inputed": "inputed"; "blurred": "blurred"; "completed": "completed"; }, never, never, true, never>;
|
|
1601
|
+
}
|
|
1602
|
+
|
|
1603
|
+
/**
|
|
1604
|
+
* Campo de senha com alternancia de visibilidade e medidor de forca. Substitui o `p-password` do PrimeNG.
|
|
1605
|
+
*
|
|
1606
|
+
* <ui-password [formControl]="senha" [toggleMask]="true" [feedback]="true" />
|
|
1607
|
+
*/
|
|
1608
|
+
declare class SmzPasswordComponent extends SmzValueAccessor<string> {
|
|
1609
|
+
readonly toggleMask: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1610
|
+
readonly feedback: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1611
|
+
readonly promptLabel: _angular_core.InputSignal<string>;
|
|
1612
|
+
readonly weakLabel: _angular_core.InputSignal<string>;
|
|
1613
|
+
readonly mediumLabel: _angular_core.InputSignal<string>;
|
|
1614
|
+
readonly strongLabel: _angular_core.InputSignal<string>;
|
|
1615
|
+
readonly mediumRegex: _angular_core.InputSignal<string>;
|
|
1616
|
+
readonly strongRegex: _angular_core.InputSignal<string>;
|
|
1617
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
1618
|
+
readonly inputId: _angular_core.InputSignal<string>;
|
|
1619
|
+
private readonly locale;
|
|
1620
|
+
protected readonly visible: _angular_core.WritableSignal<boolean>;
|
|
1621
|
+
private readonly strength;
|
|
1622
|
+
protected readonly meterWidth: _angular_core.Signal<number>;
|
|
1623
|
+
protected readonly meterClass: _angular_core.Signal<string>;
|
|
1624
|
+
protected readonly meterLabel: _angular_core.Signal<string>;
|
|
1625
|
+
protected onInput(event: Event): void;
|
|
1626
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzPasswordComponent, never>;
|
|
1627
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzPasswordComponent, "ui-password", never, { "toggleMask": { "alias": "toggleMask"; "required": false; "isSignal": true; }; "feedback": { "alias": "feedback"; "required": false; "isSignal": true; }; "promptLabel": { "alias": "promptLabel"; "required": false; "isSignal": true; }; "weakLabel": { "alias": "weakLabel"; "required": false; "isSignal": true; }; "mediumLabel": { "alias": "mediumLabel"; "required": false; "isSignal": true; }; "strongLabel": { "alias": "strongLabel"; "required": false; "isSignal": true; }; "mediumRegex": { "alias": "mediumRegex"; "required": false; "isSignal": true; }; "strongRegex": { "alias": "strongRegex"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1628
|
+
}
|
|
1629
|
+
|
|
1630
|
+
/**
|
|
1631
|
+
* Seletor de cor (amostra com o seletor nativo do navegador). Substitui o `p-colorpicker` do PrimeNG.
|
|
1632
|
+
* O valor e a cor em hexadecimal **sem** o `#` (mesmo formato do PrimeNG), por exemplo `ff0000`.
|
|
1633
|
+
*
|
|
1634
|
+
* <ui-color-picker [formControl]="cor" />
|
|
1635
|
+
*/
|
|
1636
|
+
declare class SmzColorPickerComponent extends SmzValueAccessor<string> {
|
|
1637
|
+
readonly inputId: _angular_core.InputSignal<string>;
|
|
1638
|
+
/** Aceito por compatibilidade com o `p-colorpicker`; sem efeito. */
|
|
1639
|
+
readonly appendTo: _angular_core.InputSignal<unknown>;
|
|
1640
|
+
protected readonly hex: _angular_core.Signal<string>;
|
|
1641
|
+
protected onInput(event: Event): void;
|
|
1642
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzColorPickerComponent, never>;
|
|
1643
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzColorPickerComponent, "ui-color-picker", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1644
|
+
}
|
|
1645
|
+
|
|
1646
|
+
/** Item simples de selecao (`label` + `value`). Substitui o `SelectItem` do PrimeNG. */
|
|
1647
|
+
interface SmzSelectItem<T = any> {
|
|
1648
|
+
label?: string;
|
|
1649
|
+
value: T;
|
|
1650
|
+
title?: string;
|
|
1651
|
+
icon?: string;
|
|
1652
|
+
disabled?: boolean;
|
|
1653
|
+
}
|
|
1654
|
+
/** Criterio de ordenacao por campo. Substitui o `SortMeta` do PrimeNG. */
|
|
1655
|
+
interface SmzSortMeta {
|
|
1656
|
+
field: string;
|
|
1657
|
+
order: number;
|
|
1658
|
+
}
|
|
1659
|
+
|
|
1660
|
+
type SmzTabValue = string | number;
|
|
1661
|
+
/**
|
|
1662
|
+
* Abas. Substituem o `p-tabs` / `p-tablist` / `p-tab` / `p-tabpanels` / `p-tabpanel` do PrimeNG.
|
|
1663
|
+
*
|
|
1664
|
+
* <ui-tabs [(value)]="aba">
|
|
1665
|
+
* <ui-tab-list><ui-tab [value]="0">Um</ui-tab><ui-tab [value]="1">Dois</ui-tab></ui-tab-list>
|
|
1666
|
+
* <ui-tab-panels><ui-tab-panel [value]="0">...</ui-tab-panel><ui-tab-panel [value]="1">...</ui-tab-panel></ui-tab-panels>
|
|
1667
|
+
* </ui-tabs>
|
|
1668
|
+
*
|
|
1669
|
+
* Com `lazy`, o conteudo so e criado quando o painel e aberto pela primeira vez (use `<ng-template smzTemplate="content">`).
|
|
1670
|
+
*/
|
|
1671
|
+
declare class SmzTabsComponent {
|
|
1672
|
+
readonly value: _angular_core.ModelSignal<SmzTabValue>;
|
|
1673
|
+
readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1674
|
+
/** Aceito por compatibilidade com o `p-tabs`; sem efeito. */
|
|
1675
|
+
readonly scrollable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1676
|
+
select(value: SmzTabValue): void;
|
|
1677
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzTabsComponent, never>;
|
|
1678
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzTabsComponent, "ui-tabs", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
|
|
1679
|
+
}
|
|
1680
|
+
declare class SmzTabListComponent {
|
|
1681
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzTabListComponent, never>;
|
|
1682
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzTabListComponent, "ui-tab-list", never, {}, {}, never, ["*"], true, never>;
|
|
1683
|
+
}
|
|
1684
|
+
declare class SmzTabComponent {
|
|
1685
|
+
readonly value: _angular_core.InputSignal<SmzTabValue>;
|
|
1686
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1687
|
+
private readonly tabs;
|
|
1688
|
+
protected readonly active: _angular_core.Signal<boolean>;
|
|
1689
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
1690
|
+
protected activate(event?: Event): void;
|
|
1691
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzTabComponent, never>;
|
|
1692
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzTabComponent, "ui-tab", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1693
|
+
}
|
|
1694
|
+
declare class SmzTabPanelsComponent {
|
|
1695
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzTabPanelsComponent, never>;
|
|
1696
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzTabPanelsComponent, "ui-tab-panels", never, {}, {}, never, ["*"], true, never>;
|
|
1697
|
+
}
|
|
1698
|
+
declare class SmzTabPanelComponent {
|
|
1699
|
+
readonly value: _angular_core.InputSignal<SmzTabValue>;
|
|
1700
|
+
protected readonly tabs: SmzTabsComponent;
|
|
1701
|
+
protected readonly active: _angular_core.Signal<boolean>;
|
|
1702
|
+
protected readonly visited: _angular_core.WritableSignal<boolean>;
|
|
1703
|
+
private readonly templates;
|
|
1704
|
+
protected readonly contentTemplate: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
|
|
1705
|
+
constructor();
|
|
1706
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzTabPanelComponent, never>;
|
|
1707
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzTabPanelComponent, "ui-tab-panel", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, ["templates"], ["*"], true, never>;
|
|
1708
|
+
}
|
|
1709
|
+
|
|
1710
|
+
type SmzAccordionValue = string | number;
|
|
1711
|
+
/**
|
|
1712
|
+
* Acordeao. Substitui o `p-accordion` / `p-accordion-panel` / `p-accordion-header` / `p-accordion-content` do PrimeNG.
|
|
1713
|
+
*
|
|
1714
|
+
* <ui-accordion [multiple]="true">
|
|
1715
|
+
* <ui-accordion-panel [value]="1"><ui-accordion-header>Titulo</ui-accordion-header><ui-accordion-content>...</ui-accordion-content></ui-accordion-panel>
|
|
1716
|
+
* </ui-accordion>
|
|
1717
|
+
*/
|
|
1718
|
+
declare class SmzAccordionComponent {
|
|
1719
|
+
readonly value: _angular_core.ModelSignal<SmzAccordionValue | SmzAccordionValue[]>;
|
|
1720
|
+
readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1721
|
+
isOpen(value: SmzAccordionValue): boolean;
|
|
1722
|
+
toggle(value: SmzAccordionValue): void;
|
|
1723
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzAccordionComponent, never>;
|
|
1724
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzAccordionComponent, "ui-accordion", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
|
|
1725
|
+
}
|
|
1726
|
+
declare class SmzAccordionPanelComponent {
|
|
1727
|
+
readonly value: _angular_core.InputSignal<SmzAccordionValue>;
|
|
1728
|
+
private readonly accordion;
|
|
1729
|
+
readonly open: _angular_core.Signal<boolean>;
|
|
1730
|
+
toggle(): void;
|
|
1731
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzAccordionPanelComponent, never>;
|
|
1732
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzAccordionPanelComponent, "ui-accordion-panel", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1733
|
+
}
|
|
1734
|
+
declare class SmzAccordionHeaderComponent {
|
|
1735
|
+
protected readonly panel: SmzAccordionPanelComponent;
|
|
1736
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzAccordionHeaderComponent, never>;
|
|
1737
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzAccordionHeaderComponent, "ui-accordion-header", never, {}, {}, never, ["*"], true, never>;
|
|
1738
|
+
}
|
|
1739
|
+
declare class SmzAccordionContentComponent {
|
|
1740
|
+
protected readonly panel: SmzAccordionPanelComponent;
|
|
1741
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzAccordionContentComponent, never>;
|
|
1742
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzAccordionContentComponent, "ui-accordion-content", never, {}, {}, never, ["*"], true, never>;
|
|
1743
|
+
}
|
|
1744
|
+
|
|
1745
|
+
type SmzTimelineAlign = 'left' | 'right' | 'alternate' | 'top' | 'bottom';
|
|
1746
|
+
/**
|
|
1747
|
+
* Linha do tempo. Substitui o `p-timeline` do PrimeNG.
|
|
1748
|
+
* Templates (via `smzTemplate`): `marker`, `content` e `opposite`, todos com o evento como `$implicit`.
|
|
1749
|
+
*
|
|
1750
|
+
* <ui-timeline [value]="eventos" align="alternate">
|
|
1751
|
+
* <ng-template smzTemplate="content" let-event>{{ event.titulo }}</ng-template>
|
|
1752
|
+
* </ui-timeline>
|
|
1753
|
+
*/
|
|
1754
|
+
declare class SmzUiTimelineComponent {
|
|
1755
|
+
readonly value: _angular_core.InputSignal<readonly any[]>;
|
|
1756
|
+
readonly align: _angular_core.InputSignal<string>;
|
|
1757
|
+
readonly layout: _angular_core.InputSignal<"horizontal" | "vertical">;
|
|
1758
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
1759
|
+
private readonly templates;
|
|
1760
|
+
protected readonly markerTemplate: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
|
|
1761
|
+
protected readonly contentTemplate: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
|
|
1762
|
+
protected readonly oppositeTemplate: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
|
|
1763
|
+
protected readonly horizontal: _angular_core.Signal<boolean>;
|
|
1764
|
+
protected rowReverse(index: number): boolean;
|
|
1765
|
+
protected oppositeClass(index: number): string;
|
|
1766
|
+
protected contentClass(index: number): string;
|
|
1767
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzUiTimelineComponent, never>;
|
|
1768
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzUiTimelineComponent, "ui-timeline", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, ["templates"], never, true, never>;
|
|
1769
|
+
}
|
|
1770
|
+
|
|
1771
|
+
/**
|
|
1772
|
+
* Alterna classes de um elemento alvo ao clicar no hospedeiro (menus e paineis). Substitui o `pStyleClass` do PrimeNG.
|
|
1773
|
+
* O alvo vem de `smzStyleClass`: `@next`, `@prev`, `@parent`, `@grandparent` ou um seletor CSS.
|
|
1774
|
+
*
|
|
1775
|
+
* <button smzStyleClass="@next" enterFromClass="hidden" enterActiveClass="animate-scalein" leaveToClass="hidden" leaveActiveClass="animate-fadeout" [hideOnOutsideClick]="true"></button>
|
|
1776
|
+
*
|
|
1777
|
+
* As classes `*ActiveClass` sao removidas ao fim da animacao (evento `animationend`).
|
|
1778
|
+
*/
|
|
1779
|
+
declare class SmzStyleClassDirective implements OnDestroy {
|
|
1780
|
+
readonly selector: _angular_core.InputSignal<string>;
|
|
1781
|
+
readonly enterFromClass: _angular_core.InputSignal<string>;
|
|
1782
|
+
readonly enterActiveClass: _angular_core.InputSignal<string>;
|
|
1783
|
+
readonly enterToClass: _angular_core.InputSignal<string>;
|
|
1784
|
+
readonly leaveFromClass: _angular_core.InputSignal<string>;
|
|
1785
|
+
readonly leaveActiveClass: _angular_core.InputSignal<string>;
|
|
1786
|
+
readonly leaveToClass: _angular_core.InputSignal<string>;
|
|
1787
|
+
readonly hideOnOutsideClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1788
|
+
readonly toggleClass: _angular_core.InputSignal<string>;
|
|
1789
|
+
private readonly host;
|
|
1790
|
+
private documentListener?;
|
|
1791
|
+
ngOnDestroy(): void;
|
|
1792
|
+
protected onClick(event: Event): void;
|
|
1793
|
+
private resolveTarget;
|
|
1794
|
+
private classes;
|
|
1795
|
+
private apply;
|
|
1796
|
+
private enter;
|
|
1797
|
+
private leave;
|
|
1798
|
+
private afterAnimation;
|
|
1799
|
+
private bindOutsideClick;
|
|
1800
|
+
private unbindOutsideClick;
|
|
1801
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzStyleClassDirective, never>;
|
|
1802
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SmzStyleClassDirective, "[smzStyleClass]", never, { "selector": { "alias": "smzStyleClass"; "required": false; "isSignal": true; }; "enterFromClass": { "alias": "enterFromClass"; "required": false; "isSignal": true; }; "enterActiveClass": { "alias": "enterActiveClass"; "required": false; "isSignal": true; }; "enterToClass": { "alias": "enterToClass"; "required": false; "isSignal": true; }; "leaveFromClass": { "alias": "leaveFromClass"; "required": false; "isSignal": true; }; "leaveActiveClass": { "alias": "leaveActiveClass"; "required": false; "isSignal": true; }; "leaveToClass": { "alias": "leaveToClass"; "required": false; "isSignal": true; }; "hideOnOutsideClick": { "alias": "hideOnOutsideClick"; "required": false; "isSignal": true; }; "toggleClass": { "alias": "toggleClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1803
|
+
}
|
|
1804
|
+
|
|
1805
|
+
interface SmzPageEvent {
|
|
1806
|
+
first: number;
|
|
1807
|
+
rows: number;
|
|
1808
|
+
page: number;
|
|
1809
|
+
pageCount: number;
|
|
1810
|
+
}
|
|
1811
|
+
/**
|
|
1812
|
+
* Paginador. Substitui o `p-paginator` do PrimeNG.
|
|
1813
|
+
* O template do relatorio aceita `{currentPage}`, `{totalPages}`, `{rows}`, `{first}`, `{last}` e `{totalRecords}`.
|
|
1814
|
+
*
|
|
1815
|
+
* <ui-paginator [first]="primeiro" [rows]="10" [totalRecords]="120" (pageChanged)="mudou($event)" />
|
|
1816
|
+
*/
|
|
1817
|
+
declare class SmzPaginatorComponent {
|
|
1818
|
+
readonly first: _angular_core.ModelSignal<number>;
|
|
1819
|
+
readonly rows: _angular_core.ModelSignal<number>;
|
|
1820
|
+
readonly totalRecords: _angular_core.InputSignal<number>;
|
|
1821
|
+
readonly pageLinkSize: _angular_core.InputSignal<number>;
|
|
1822
|
+
readonly rowsPerPageOptions: _angular_core.InputSignal<number[]>;
|
|
1823
|
+
readonly showCurrentPageReport: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1824
|
+
readonly currentPageReportTemplate: _angular_core.InputSignal<string>;
|
|
1825
|
+
readonly alwaysShow: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1826
|
+
readonly showPageLinks: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1827
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
1828
|
+
/** Aceitos por compatibilidade com o `p-paginator`; sem efeito. */
|
|
1829
|
+
readonly dropdownAppendTo: _angular_core.InputSignal<unknown>;
|
|
1830
|
+
readonly showFirstLastIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1831
|
+
readonly pageChanged: _angular_core.OutputEmitterRef<SmzPageEvent>;
|
|
1832
|
+
protected readonly pageCount: _angular_core.Signal<number>;
|
|
1833
|
+
protected readonly page: _angular_core.Signal<number>;
|
|
1834
|
+
protected readonly isFirst: _angular_core.Signal<boolean>;
|
|
1835
|
+
protected readonly isLast: _angular_core.Signal<boolean>;
|
|
1836
|
+
protected readonly visible: _angular_core.Signal<boolean>;
|
|
1837
|
+
protected readonly links: _angular_core.Signal<number[]>;
|
|
1838
|
+
protected readonly report: _angular_core.Signal<string>;
|
|
1839
|
+
/** Vai para a pagina (base 0) e emite `pageChanged`. */
|
|
1840
|
+
goTo(page: number): void;
|
|
1841
|
+
protected changeRows(rows: number): void;
|
|
1842
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzPaginatorComponent, never>;
|
|
1843
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzPaginatorComponent, "ui-paginator", never, { "first": { "alias": "first"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "pageLinkSize": { "alias": "pageLinkSize"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; "isSignal": true; }; "currentPageReportTemplate": { "alias": "currentPageReportTemplate"; "required": false; "isSignal": true; }; "alwaysShow": { "alias": "alwaysShow"; "required": false; "isSignal": true; }; "showPageLinks": { "alias": "showPageLinks"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "dropdownAppendTo": { "alias": "dropdownAppendTo"; "required": false; "isSignal": true; }; "showFirstLastIcon": { "alias": "showFirstLastIcon"; "required": false; "isSignal": true; }; }, { "first": "firstChange"; "rows": "rowsChange"; "pageChanged": "pageChanged"; }, never, never, true, never>;
|
|
1844
|
+
}
|
|
1845
|
+
|
|
1846
|
+
type SmzDataViewLayout = 'list' | 'grid';
|
|
1847
|
+
/**
|
|
1848
|
+
* Colecao de itens em lista ou grade, com filtro e paginacao. Substitui o `p-dataview` do PrimeNG.
|
|
1849
|
+
* Templates: `header`, `list`, `grid`, `empty` e `footer`, declarados por referencia (`<ng-template let-items #list>`)
|
|
1850
|
+
* ou por `smzTemplate`. Os de `list` e `grid` recebem a pagina atual como `$implicit`.
|
|
1851
|
+
*/
|
|
1852
|
+
declare class SmzDataViewComponent {
|
|
1853
|
+
readonly value: _angular_core.InputSignal<readonly any[]>;
|
|
1854
|
+
readonly layout: _angular_core.InputSignal<string>;
|
|
1855
|
+
readonly paginator: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1856
|
+
readonly rows: _angular_core.InputSignal<number>;
|
|
1857
|
+
readonly first: _angular_core.ModelSignal<number>;
|
|
1858
|
+
readonly filterBy: _angular_core.InputSignal<string>;
|
|
1859
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
1860
|
+
/** Aceito por compatibilidade com o `p-dataview`; o container da grade e definido no template do consumidor. */
|
|
1861
|
+
readonly gridStyleClass: _angular_core.InputSignal<string>;
|
|
1862
|
+
/** Elemento hospedeiro (compatibilidade com `DataView.el` do PrimeNG). */
|
|
1863
|
+
readonly el: ElementRef<HTMLElement>;
|
|
1864
|
+
private readonly query;
|
|
1865
|
+
private readonly templates;
|
|
1866
|
+
private readonly refHeader;
|
|
1867
|
+
private readonly refList;
|
|
1868
|
+
private readonly refGrid;
|
|
1869
|
+
private readonly refEmpty;
|
|
1870
|
+
private readonly refFooter;
|
|
1871
|
+
protected readonly headerTemplate: _angular_core.Signal<TemplateRef<unknown>>;
|
|
1872
|
+
protected readonly listTemplate: _angular_core.Signal<TemplateRef<unknown>>;
|
|
1873
|
+
protected readonly gridTemplate: _angular_core.Signal<TemplateRef<unknown>>;
|
|
1874
|
+
protected readonly emptyTemplate: _angular_core.Signal<TemplateRef<unknown>>;
|
|
1875
|
+
protected readonly footerTemplate: _angular_core.Signal<TemplateRef<unknown>>;
|
|
1876
|
+
protected readonly filtered: _angular_core.Signal<readonly any[]>;
|
|
1877
|
+
protected readonly pageItems: _angular_core.Signal<readonly any[]>;
|
|
1878
|
+
/** Filtra os itens por texto nos campos de `filterBy` e volta para a primeira pagina. */
|
|
1879
|
+
filter(value: string): void;
|
|
1880
|
+
protected onPage(first: number): void;
|
|
1881
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzDataViewComponent, never>;
|
|
1882
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzDataViewComponent, "ui-data-view", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "gridStyleClass": { "alias": "gridStyleClass"; "required": false; "isSignal": true; }; }, { "first": "firstChange"; }, ["templates", "refHeader", "refList", "refGrid", "refEmpty", "refFooter"], never, true, never>;
|
|
1883
|
+
}
|
|
1884
|
+
|
|
1885
|
+
interface SmzPickListMoveEvent {
|
|
1886
|
+
items: any[];
|
|
1887
|
+
}
|
|
1888
|
+
type Side = 'source' | 'target';
|
|
1889
|
+
/**
|
|
1890
|
+
* Duas listas de transferencia de itens. Substitui o `p-picklist` do PrimeNG.
|
|
1891
|
+
* `source` e `target` sao arrays do consumidor: o componente os altera in-place e emite o que foi movido.
|
|
1892
|
+
* Template `item` (via `smzTemplate`) recebe o item como `$implicit`.
|
|
1893
|
+
*/
|
|
1894
|
+
declare class SmzPickListComponent {
|
|
1895
|
+
readonly source: _angular_core.InputSignal<any[]>;
|
|
1896
|
+
readonly target: _angular_core.InputSignal<any[]>;
|
|
1897
|
+
readonly sourceHeader: _angular_core.InputSignal<string>;
|
|
1898
|
+
readonly targetHeader: _angular_core.InputSignal<string>;
|
|
1899
|
+
readonly sourceFilterPlaceholder: _angular_core.InputSignal<string>;
|
|
1900
|
+
readonly targetFilterPlaceholder: _angular_core.InputSignal<string>;
|
|
1901
|
+
readonly filterBy: _angular_core.InputSignal<string>;
|
|
1902
|
+
readonly dragdrop: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1903
|
+
readonly responsive: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1904
|
+
readonly listStyle: _angular_core.InputSignal<Record<string, string | number>>;
|
|
1905
|
+
/** Aceitos por compatibilidade com o `p-picklist`; sem efeito (nao ha botoes de reordenacao). */
|
|
1906
|
+
readonly showSourceControls: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1907
|
+
readonly showTargetControls: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1908
|
+
readonly movedToTarget: _angular_core.OutputEmitterRef<SmzPickListMoveEvent>;
|
|
1909
|
+
readonly movedToSource: _angular_core.OutputEmitterRef<SmzPickListMoveEvent>;
|
|
1910
|
+
readonly movedAllToTarget: _angular_core.OutputEmitterRef<SmzPickListMoveEvent>;
|
|
1911
|
+
readonly movedAllToSource: _angular_core.OutputEmitterRef<SmzPickListMoveEvent>;
|
|
1912
|
+
protected readonly sourceQuery: _angular_core.WritableSignal<string>;
|
|
1913
|
+
protected readonly targetQuery: _angular_core.WritableSignal<string>;
|
|
1914
|
+
/** Incrementado a cada alteracao in-place dos arrays do consumidor. */
|
|
1915
|
+
private readonly tick;
|
|
1916
|
+
private readonly selection;
|
|
1917
|
+
private readonly templates;
|
|
1918
|
+
protected readonly itemTemplate: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
|
|
1919
|
+
protected readonly selectedSource: _angular_core.Signal<any[]>;
|
|
1920
|
+
protected readonly selectedTarget: _angular_core.Signal<any[]>;
|
|
1921
|
+
protected readonly sourceView: _angular_core.Signal<any[]>;
|
|
1922
|
+
protected readonly targetView: _angular_core.Signal<any[]>;
|
|
1923
|
+
protected label(item: any): string;
|
|
1924
|
+
protected isSelected(side: Side, item: any): boolean;
|
|
1925
|
+
protected rowClass(side: Side, item: any): string;
|
|
1926
|
+
protected toggle(side: Side, item: any): void;
|
|
1927
|
+
protected moveOne(side: Side, item: any): void;
|
|
1928
|
+
protected moveSelected(side: Side): void;
|
|
1929
|
+
protected moveAll(side: Side): void;
|
|
1930
|
+
protected dropped(event: CdkDragDrop<any[]>, side: Side): void;
|
|
1931
|
+
private transfer;
|
|
1932
|
+
private filtered;
|
|
1933
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzPickListComponent, never>;
|
|
1934
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzPickListComponent, "ui-pick-list", never, { "source": { "alias": "source"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "sourceHeader": { "alias": "sourceHeader"; "required": false; "isSignal": true; }; "targetHeader": { "alias": "targetHeader"; "required": false; "isSignal": true; }; "sourceFilterPlaceholder": { "alias": "sourceFilterPlaceholder"; "required": false; "isSignal": true; }; "targetFilterPlaceholder": { "alias": "targetFilterPlaceholder"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "dragdrop": { "alias": "dragdrop"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "listStyle": { "alias": "listStyle"; "required": false; "isSignal": true; }; "showSourceControls": { "alias": "showSourceControls"; "required": false; "isSignal": true; }; "showTargetControls": { "alias": "showTargetControls"; "required": false; "isSignal": true; }; }, { "movedToTarget": "movedToTarget"; "movedToSource": "movedToSource"; "movedAllToTarget": "movedAllToTarget"; "movedAllToSource": "movedAllToSource"; }, ["templates"], never, true, never>;
|
|
1935
|
+
}
|
|
1936
|
+
|
|
1937
|
+
type SmzFilterFunction = (value: any, filter: any, filterLocale?: string) => boolean;
|
|
1938
|
+
/**
|
|
1939
|
+
* Funcoes de filtro por modo (`contains`, `equals`, `dateIs`...) usadas pela tabela. Substitui o `FilterService` do PrimeNG.
|
|
1940
|
+
* Modos proprios podem ser adicionados com `register`.
|
|
1941
|
+
*/
|
|
1942
|
+
declare class SmzFilterService {
|
|
1943
|
+
filters: Record<string, SmzFilterFunction>;
|
|
1944
|
+
/** Filtra `data` mantendo os itens em que algum dos `fields` satisfaz o modo. */
|
|
1945
|
+
filter(data: any[], fields: any[], value: any, matchMode: string, locale?: string): any[];
|
|
1946
|
+
/** Registra (ou sobrescreve) um modo de filtro. */
|
|
1947
|
+
register(rule: string, fn: SmzFilterFunction): void;
|
|
1948
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzFilterService, never>;
|
|
1949
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<SmzFilterService>;
|
|
1950
|
+
}
|
|
1951
|
+
|
|
1952
|
+
type SmzTreeSelectionMode = 'single' | 'multiple' | 'checkbox' | null;
|
|
1953
|
+
interface SmzTreeNodeEvent {
|
|
1954
|
+
originalEvent: Event;
|
|
1955
|
+
node: SmzUiTreeNode;
|
|
1956
|
+
}
|
|
1957
|
+
interface SmzTreeDropEvent {
|
|
1958
|
+
originalEvent: Event;
|
|
1959
|
+
dragNode: SmzUiTreeNode;
|
|
1960
|
+
dropNode: SmzUiTreeNode | null;
|
|
1961
|
+
/** Posicao (base 0) de `dropNode` na sua lista; `undefined` ao soltar fora de qualquer no. */
|
|
1962
|
+
index?: number;
|
|
1963
|
+
/** Com `validateDrop`, o consumidor chama `accept()` para efetivar a movimentacao. */
|
|
1964
|
+
accept?: () => void;
|
|
1965
|
+
}
|
|
1966
|
+
interface TreeRow {
|
|
1967
|
+
node: SmzUiTreeNode;
|
|
1968
|
+
level: number;
|
|
1969
|
+
siblings: SmzUiTreeNode[];
|
|
1970
|
+
index: number;
|
|
1971
|
+
parent: SmzUiTreeNode | null;
|
|
1972
|
+
}
|
|
1973
|
+
type DropPosition = -1 | 0 | 1;
|
|
1974
|
+
/**
|
|
1975
|
+
* Arvore de nos com selecao, expansao, filtro e arrastar e soltar. Substitui o `p-tree` do PrimeNG.
|
|
1976
|
+
* Templates por tipo de no: `<ng-template smzTemplate="tipo" let-node>` (o tipo e `node.type`; `default` vale para os demais).
|
|
1977
|
+
* Tambem aceita `header`, `footer` e `empty`.
|
|
1978
|
+
*
|
|
1979
|
+
* <ui-tree [value]="nos" selectionMode="single" [(selection)]="selecionado" />
|
|
1980
|
+
*/
|
|
1981
|
+
declare class SmzUiTreeComponent {
|
|
1982
|
+
readonly value: _angular_core.InputSignal<SmzUiTreeNode<any>[]>;
|
|
1983
|
+
readonly selectionMode: _angular_core.InputSignal<string>;
|
|
1984
|
+
readonly selection: _angular_core.ModelSignal<any>;
|
|
1985
|
+
readonly metaKeySelection: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1986
|
+
readonly propagateSelectionUp: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1987
|
+
readonly propagateSelectionDown: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1988
|
+
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1989
|
+
readonly loadingIcon: _angular_core.InputSignal<string>;
|
|
1990
|
+
readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1991
|
+
readonly filterMode: _angular_core.InputSignal<string>;
|
|
1992
|
+
readonly filterPlaceholder: _angular_core.InputSignal<string>;
|
|
1993
|
+
readonly filterBy: _angular_core.InputSignal<string>;
|
|
1994
|
+
readonly emptyMessage: _angular_core.InputSignal<string>;
|
|
1995
|
+
readonly draggableNodes: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1996
|
+
readonly droppableNodes: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1997
|
+
readonly validateDrop: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1998
|
+
readonly scrollHeight: _angular_core.InputSignal<string>;
|
|
1999
|
+
readonly style: _angular_core.InputSignal<Record<string, string | number>>;
|
|
2000
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
2001
|
+
/** Menu de contexto exibido no clique direito de um no (o consumidor atualiza o modelo em `nodeContextMenuSelect`). */
|
|
2002
|
+
readonly contextMenu: _angular_core.InputSignal<SmzMenuListComponent>;
|
|
2003
|
+
/** Templates fornecidos por outro componente (ex.: `ui-tree-select`), usados no lugar dos filhos de conteudo. */
|
|
2004
|
+
readonly templateOverride: _angular_core.InputSignal<readonly SmzTemplateDirective[]>;
|
|
2005
|
+
/** Aceitos por compatibilidade com o `p-tree`; sem efeito. */
|
|
2006
|
+
readonly layout: _angular_core.InputSignal<string>;
|
|
2007
|
+
readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
2008
|
+
readonly nodeSelect: _angular_core.OutputEmitterRef<SmzTreeNodeEvent>;
|
|
2009
|
+
readonly nodeUnselect: _angular_core.OutputEmitterRef<SmzTreeNodeEvent>;
|
|
2010
|
+
readonly nodeExpand: _angular_core.OutputEmitterRef<SmzTreeNodeEvent>;
|
|
2011
|
+
readonly nodeCollapse: _angular_core.OutputEmitterRef<SmzTreeNodeEvent>;
|
|
2012
|
+
readonly nodeContextMenuSelect: _angular_core.OutputEmitterRef<SmzTreeNodeEvent>;
|
|
2013
|
+
readonly nodeDblClick: _angular_core.OutputEmitterRef<SmzTreeNodeEvent>;
|
|
2014
|
+
readonly nodeDrop: _angular_core.OutputEmitterRef<SmzTreeDropEvent>;
|
|
2015
|
+
readonly filtered: _angular_core.OutputEmitterRef<{
|
|
2016
|
+
filter: string;
|
|
2017
|
+
filteredValue: SmzUiTreeNode[];
|
|
2018
|
+
}>;
|
|
2019
|
+
/** Elemento hospedeiro (compatibilidade com `Tree.el` do PrimeNG). */
|
|
2020
|
+
readonly el: ElementRef<HTMLElement>;
|
|
2021
|
+
/** Incrementado a cada mutacao in-place (expansao, selecao propagada, drop) para recalcular as linhas. */
|
|
2022
|
+
private readonly tick;
|
|
2023
|
+
private readonly query;
|
|
2024
|
+
protected readonly dropHover: _angular_core.WritableSignal<{
|
|
2025
|
+
key: SmzUiTreeNode;
|
|
2026
|
+
position: DropPosition;
|
|
2027
|
+
}>;
|
|
2028
|
+
private dragged;
|
|
2029
|
+
private readonly templates;
|
|
2030
|
+
private readonly allTemplates;
|
|
2031
|
+
protected readonly headerTemplate: _angular_core.Signal<TemplateRef<unknown>>;
|
|
2032
|
+
protected readonly footerTemplate: _angular_core.Signal<TemplateRef<unknown>>;
|
|
2033
|
+
protected readonly emptyTemplate: _angular_core.Signal<TemplateRef<unknown>>;
|
|
2034
|
+
protected readonly rows: _angular_core.Signal<TreeRow[]>;
|
|
2035
|
+
/** Filtra os nos por texto no campo `filterBy` (modo `lenient` mantem os filhos de um no que combina). */
|
|
2036
|
+
_filter(value: string): void;
|
|
2037
|
+
protected isLeaf(node: SmzUiTreeNode): boolean;
|
|
2038
|
+
protected iconOf(node: SmzUiTreeNode): string | null;
|
|
2039
|
+
protected templateFor(node: SmzUiTreeNode): TemplateRef<unknown> | undefined;
|
|
2040
|
+
protected isSelected(node: SmzUiTreeNode): boolean;
|
|
2041
|
+
protected isDraggable(node: SmzUiTreeNode): boolean;
|
|
2042
|
+
protected rowClasses(row: TreeRow): string;
|
|
2043
|
+
protected toggle(event: Event, node: SmzUiTreeNode): void;
|
|
2044
|
+
private expand;
|
|
2045
|
+
private collapse;
|
|
2046
|
+
protected onNodeClick(event: Event, node: SmzUiTreeNode): void;
|
|
2047
|
+
protected onContextMenu(event: MouseEvent, node: SmzUiTreeNode): void;
|
|
2048
|
+
protected onKeydown(event: KeyboardEvent, row: TreeRow): void;
|
|
2049
|
+
private listSelection;
|
|
2050
|
+
private setSelection;
|
|
2051
|
+
private indexInSelection;
|
|
2052
|
+
private sameNode;
|
|
2053
|
+
private propagateDown;
|
|
2054
|
+
private propagateUp;
|
|
2055
|
+
/** Mapa no -> motivo (`self` combina; `child` tem descendente que combina). */
|
|
2056
|
+
private matchingNodes;
|
|
2057
|
+
protected onDragStart(event: DragEvent, row: TreeRow): void;
|
|
2058
|
+
protected onDragEnd(): void;
|
|
2059
|
+
private allowDrop;
|
|
2060
|
+
private positionOf;
|
|
2061
|
+
protected onDragOver(event: DragEvent, row: TreeRow): void;
|
|
2062
|
+
protected onDragLeave(): void;
|
|
2063
|
+
protected onDrop(event: DragEvent, row: TreeRow): void;
|
|
2064
|
+
protected onRootDragOver(event: DragEvent): void;
|
|
2065
|
+
protected onRootDrop(event: DragEvent): void;
|
|
2066
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzUiTreeComponent, never>;
|
|
2067
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzUiTreeComponent, "ui-tree", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; "isSignal": true; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; "isSignal": true; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterMode": { "alias": "filterMode"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "draggableNodes": { "alias": "draggableNodes"; "required": false; "isSignal": true; }; "droppableNodes": { "alias": "droppableNodes"; "required": false; "isSignal": true; }; "validateDrop": { "alias": "validateDrop"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "contextMenu": { "alias": "contextMenu"; "required": false; "isSignal": true; }; "templateOverride": { "alias": "templateOverride"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; }, { "selection": "selectionChange"; "nodeSelect": "nodeSelect"; "nodeUnselect": "nodeUnselect"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; "nodeContextMenuSelect": "nodeContextMenuSelect"; "nodeDblClick": "nodeDblClick"; "nodeDrop": "nodeDrop"; "filtered": "filtered"; }, ["templates"], never, true, never>;
|
|
2068
|
+
}
|
|
2069
|
+
|
|
2070
|
+
/**
|
|
2071
|
+
* Selecao de no de arvore em lista suspensa. Substitui o `p-treeselect` do PrimeNG.
|
|
2072
|
+
* O valor e o proprio no (modo `single`) ou a lista de nos (`multiple` e `checkbox`).
|
|
2073
|
+
* Aceita os mesmos templates por tipo de no do `ui-tree`.
|
|
2074
|
+
*/
|
|
2075
|
+
declare class SmzTreeSelectComponent extends SmzValueAccessor<any> implements OnDestroy {
|
|
2076
|
+
readonly options: _angular_core.InputSignal<SmzUiTreeNode<any>[]>;
|
|
2077
|
+
readonly selectionMode: _angular_core.InputSignal<string>;
|
|
2078
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
2079
|
+
readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
2080
|
+
readonly filterPlaceholder: _angular_core.InputSignal<string>;
|
|
2081
|
+
readonly emptyMessage: _angular_core.InputSignal<string>;
|
|
2082
|
+
readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
2083
|
+
readonly scrollHeight: _angular_core.InputSignal<string>;
|
|
2084
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
2085
|
+
readonly containerStyleClass: _angular_core.InputSignal<string>;
|
|
2086
|
+
/** Aceitos por compatibilidade com o `p-treeselect`; sem efeito. */
|
|
2087
|
+
readonly appendTo: _angular_core.InputSignal<unknown>;
|
|
2088
|
+
readonly display: _angular_core.InputSignal<string>;
|
|
2089
|
+
readonly filterInputAutoFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
2090
|
+
protected readonly templates: _angular_core.Signal<readonly SmzTemplateDirective[]>;
|
|
2091
|
+
protected readonly open: _angular_core.WritableSignal<boolean>;
|
|
2092
|
+
protected readonly selectedNodes: _angular_core.Signal<SmzUiTreeNode<any>[]>;
|
|
2093
|
+
protected readonly label: _angular_core.Signal<string>;
|
|
2094
|
+
private readonly overlay;
|
|
2095
|
+
private readonly viewContainer;
|
|
2096
|
+
private readonly trigger;
|
|
2097
|
+
private readonly panel;
|
|
2098
|
+
private readonly anchored;
|
|
2099
|
+
ngOnDestroy(): void;
|
|
2100
|
+
protected toggle(): void;
|
|
2101
|
+
protected onBlur(): void;
|
|
2102
|
+
protected onSelection(selection: any): void;
|
|
2103
|
+
protected clear(event: Event): void;
|
|
2104
|
+
private openPanel;
|
|
2105
|
+
protected close(): void;
|
|
2106
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzTreeSelectComponent, never>;
|
|
2107
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SmzTreeSelectComponent, "ui-tree-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "containerStyleClass": { "alias": "containerStyleClass"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "filterInputAutoFocus": { "alias": "filterInputAutoFocus"; "required": false; "isSignal": true; }; }, {}, ["templates"], never, true, never>;
|
|
2108
|
+
}
|
|
2109
|
+
|
|
2110
|
+
/** Paleta no formato Tailwind (`500`, `600`...) em hexadecimal. */
|
|
2111
|
+
type SmzPalette = Partial<Record<0 | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950, string>>;
|
|
2112
|
+
/**
|
|
2113
|
+
* Altera tokens do tema em tempo de execucao (cores sao canais RGB em `--smz-color-*`).
|
|
2114
|
+
* O tema base vem do CSS (themes/*.css); este servico apenas sobrescreve variaveis no `<html>`.
|
|
2115
|
+
*/
|
|
2116
|
+
declare class SmzThemeService {
|
|
2117
|
+
private readonly root;
|
|
2118
|
+
/** Sobrescreve cores: `{ primary: '#6366f1' }` -> `--smz-color-primary`. Aceita hexadecimal ou canais ("99 102 241"). */
|
|
2119
|
+
setColors(colors: Record<string, string>): void;
|
|
2120
|
+
/** Define a cor primaria a partir de uma paleta; escolhe os tons por modo claro/escuro. */
|
|
2121
|
+
setPrimaryPalette(palette: SmzPalette, dark?: boolean): void;
|
|
2122
|
+
/** Remove todas as sobrescritas feitas por este servico (volta ao tema do CSS). */
|
|
2123
|
+
reset(): void;
|
|
2124
|
+
isDark(): boolean;
|
|
2125
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SmzThemeService, never>;
|
|
2126
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<SmzThemeService>;
|
|
2127
|
+
}
|
|
2128
|
+
|
|
2129
|
+
export { SMZ_DIALOG_CONTENT, SMZ_SOFT_TONE, SMZ_SOLID_TONE, SmzAccordionComponent, SmzAccordionContentComponent, SmzAccordionHeaderComponent, SmzAccordionPanelComponent, SmzAnchoredPanel, SmzAutoCompleteComponent, SmzAutoFocusDirective, SmzBadgeComponent, SmzBadgeDirective, SmzBlockUiComponent, SmzButtonComponent, SmzCheckboxComponent, SmzColorPickerComponent, SmzConnectedOverlayScrollHandler, SmzDataViewComponent, SmzDatePickerComponent, SmzDialogComponent, SmzDialogConfig, SmzDialogFrameComponent, SmzDialogRef, SmzDialogService, SmzDividerComponent, SmzDomHandler, SmzDrawerComponent, SmzFilterMatchMode, SmzFilterOperator, SmzFilterService, SmzIconComponent, SmzIconFieldComponent, SmzInputGroupAddonComponent, SmzInputGroupComponent, SmzInputIconComponent, SmzInputMaskComponent, SmzInputNumberComponent, SmzInputTextDirective, SmzListboxComponent, SmzLocaleService, SmzMenuListComponent, SmzMessageComponent, SmzMessageService, SmzMultiSelectComponent, SmzObjectUtils, SmzPaginatorComponent, SmzPasswordComponent, SmzPickListComponent, SmzPopoverComponent, SmzProgressBarComponent, SmzRadioButtonComponent, SmzRippleDirective, SmzSelectButtonComponent, SmzSelectComponent, SmzSkeletonComponent, SmzStyleClassDirective, SmzTabComponent, SmzTabListComponent, SmzTabPanelComponent, SmzTabPanelsComponent, SmzTabsComponent, SmzTagComponent, SmzTemplateDirective, SmzTextareaDirective, SmzThemeService, SmzToastContainerComponent, SmzToggleSwitchComponent, SmzToolbarComponent, SmzTooltipComponent, SmzTooltipDirective, SmzTranslationKeys, SmzTreeSelectComponent, SmzUiTimelineComponent, SmzUiTreeComponent, SmzValueAccessor, SmzZIndex, filterOptions, optionDisabled, optionLabel, optionValue, sameValue, smzCalendarStart, smzCx, smzFindTemplate, smzFormatDate, smzMergeClasses, smzNormalizeSeverity, smzNormalizeStyleClass, smzParseButtonStyleClass, smzParseDate, smzSameDay, smzStartOfDay, smzStaticHostClass, smzTwoDigits, smzUniqueId, smzVariants };
|
|
2130
|
+
export type { SmzAccordionValue, SmzAnchoredPanelOptions, SmzAutoCompleteCompleteEvent, SmzAutoCompleteSelectEvent, SmzBlockTarget, SmzBlockableUi, SmzButtonIconPosition, SmzButtonLegacySeverity, SmzButtonSeverity, SmzButtonSize, SmzButtonVariant, SmzClassValue, SmzDataViewLayout, SmzDatePickerValue, SmzDateSelectionMode, SmzDividerLayout, SmzDrawerPosition, SmzFilterFunction, SmzFilterMatchModeValue, SmzFilterMetadata, SmzFilterMode, SmzFilterOperatorValue, SmzInputNumberInputEvent, SmzInputSize, SmzLegacySeverity, SmzListboxChangeEvent, SmzListboxClickEvent, SmzMessageSeverity, SmzMultiSelectChangeEvent, SmzOptionConfig, SmzPageEvent, SmzPalette, SmzPickListMoveEvent, SmzPopoverTarget, SmzProgressBarMode, SmzSelectButtonChangeEvent, SmzSelectChangeEvent, SmzSelectItem, SmzSeverity, SmzSkeletonShape, SmzSortMeta, SmzStyleClass, SmzTabValue, SmzTimelineAlign, SmzToastMessage, SmzToastPosition, SmzTooltipEvent, SmzTooltipOptions, SmzTooltipPosition, SmzTranslation, SmzTreeDropEvent, SmzTreeNodeEvent, SmzTreeSelectionMode, SmzUiMenuItem, SmzUiMenuItemCommandEvent, SmzUiTreeNode, SmzVariantProps, SmzVariantsConfig };
|