structra-ui 0.1.91 → 0.1.93
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/structra-ui.mjs +80 -70
- package/fesm2022/structra-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/structra-ui.css +1 -1
- package/types/structra-ui.d.ts +68 -48
package/types/structra-ui.d.ts
CHANGED
|
@@ -13,34 +13,52 @@ import { Observable } from 'rxjs';
|
|
|
13
13
|
/** Marcador de pacote publicado como `structra-ui`. */
|
|
14
14
|
declare const STRUCTRA_UI: "structra-ui";
|
|
15
15
|
|
|
16
|
-
declare
|
|
17
|
-
Primary
|
|
18
|
-
Secondary
|
|
16
|
+
declare const ButtonVariant: {
|
|
17
|
+
readonly Primary: "primary";
|
|
18
|
+
readonly Secondary: "secondary";
|
|
19
19
|
/** Texto/ícone sem caixa — navegação secundária, “link” com aparência de botão acessível. */
|
|
20
|
-
Ghost
|
|
20
|
+
readonly Ghost: "ghost";
|
|
21
21
|
/**
|
|
22
22
|
* Hiperligação em estilo `<a>`: só texto sublinhado, fundo transparente; hover altera só a cor do texto.
|
|
23
23
|
*/
|
|
24
|
-
Link
|
|
24
|
+
readonly Link: "link";
|
|
25
25
|
/**
|
|
26
26
|
* Ação destrutiva / apagar: tokens de erro do tema
|
|
27
27
|
* (`--app-color-error*`), mesmo padrão em toda a lib.
|
|
28
28
|
*/
|
|
29
|
-
Danger
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
29
|
+
readonly Danger: "danger";
|
|
30
|
+
/** Estado de alerta: amarelo escuro, com contraste adequado para texto/ícone. */
|
|
31
|
+
readonly Warning: "warning";
|
|
32
|
+
/** Estado positivo: verde de sucesso, no mesmo padrão de hover e active. */
|
|
33
|
+
readonly Success: "success";
|
|
34
|
+
};
|
|
35
|
+
type ButtonVariant = (typeof ButtonVariant)[keyof typeof ButtonVariant];
|
|
36
|
+
declare const ButtonType: {
|
|
37
|
+
readonly Button: "button";
|
|
38
|
+
readonly Submit: "submit";
|
|
39
|
+
readonly Reset: "reset";
|
|
40
|
+
};
|
|
41
|
+
type ButtonType = (typeof ButtonType)[keyof typeof ButtonType];
|
|
36
42
|
/** Tamanhos do design system: `md` coincide com os valores que o botão já usava antes desta propriedade. */
|
|
37
|
-
declare
|
|
38
|
-
Sm
|
|
39
|
-
Md
|
|
40
|
-
Lg
|
|
43
|
+
declare const ButtonSize: {
|
|
44
|
+
readonly Sm: "sm";
|
|
45
|
+
readonly Md: "md";
|
|
46
|
+
readonly Lg: "lg";
|
|
41
47
|
/** Maior que `lg` — ênfase / touch targets amplos (CTAs hero). */
|
|
42
|
-
Xl
|
|
43
|
-
|
|
48
|
+
readonly Xl: "xl";
|
|
49
|
+
/** Escala extra para CTAs de maior destaque. */
|
|
50
|
+
readonly Xxl: "xxl";
|
|
51
|
+
};
|
|
52
|
+
type ButtonSize = (typeof ButtonSize)[keyof typeof ButtonSize];
|
|
53
|
+
/** Radius semântico do design system (sem valores numéricos livres no template). */
|
|
54
|
+
declare const ButtonRadius: {
|
|
55
|
+
readonly None: "none";
|
|
56
|
+
readonly Sm: "sm";
|
|
57
|
+
readonly Md: "md";
|
|
58
|
+
readonly Lg: "lg";
|
|
59
|
+
readonly Pill: "pill";
|
|
60
|
+
};
|
|
61
|
+
type ButtonRadius = (typeof ButtonRadius)[keyof typeof ButtonRadius];
|
|
44
62
|
/**
|
|
45
63
|
* Base do botão; **não** exposta no barrel público `buttons`. Use `ButtonComponent` (`app-button`).
|
|
46
64
|
*/
|
|
@@ -61,6 +79,8 @@ declare class BaseButtonComponent {
|
|
|
61
79
|
fullWidth: boolean;
|
|
62
80
|
/** Escala tipográfica e de paddings/`min-height` do design system. `md` = aparência legada do botão. */
|
|
63
81
|
size: ButtonSize;
|
|
82
|
+
/** Arredondamento semântico do botão (design system). */
|
|
83
|
+
radius: ButtonRadius;
|
|
64
84
|
/** Placeholder de carregamento (skeleton no lugar do rótulo). */
|
|
65
85
|
loading: boolean;
|
|
66
86
|
/** Estilo visual base; pode ser estendido no SCSS do projeto. */
|
|
@@ -71,7 +91,7 @@ declare class BaseButtonComponent {
|
|
|
71
91
|
/** Foca o `<button>` nativo (o host do componente não é focável). */
|
|
72
92
|
focusNative(options?: FocusOptions): void;
|
|
73
93
|
static ɵfac: i0.ɵɵFactoryDeclaration<BaseButtonComponent, never>;
|
|
74
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BaseButtonComponent, "app-base-button", never, { "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
94
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaseButtonComponent, "app-base-button", never, { "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "size": { "alias": "size"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
75
95
|
static ngAcceptInputType_disabled: unknown;
|
|
76
96
|
static ngAcceptInputType_readonly: unknown;
|
|
77
97
|
static ngAcceptInputType_fullWidth: unknown;
|
|
@@ -1407,8 +1427,6 @@ declare class ImagePreviewPanelComponent implements OnChanges, OnDestroy {
|
|
|
1407
1427
|
objectFit: 'cover' | 'contain';
|
|
1408
1428
|
readonly remove: EventEmitter<void>;
|
|
1409
1429
|
readonly change: EventEmitter<void>;
|
|
1410
|
-
readonly ButtonType: typeof ButtonType;
|
|
1411
|
-
readonly ButtonVariant: typeof ButtonVariant;
|
|
1412
1430
|
/** Mensagem reutilizada: falha de carga, tipo não suportado, etc. */
|
|
1413
1431
|
readonly previewUnavailableMessage = "N\u00E3o foi poss\u00EDvel abrir a pr\u00E9-visualiza\u00E7\u00E3o.";
|
|
1414
1432
|
/** `blob:` a revogar ao trocar ou destruir. */
|
|
@@ -1443,26 +1461,29 @@ declare class ImagePreviewPanelComponent implements OnChanges, OnDestroy {
|
|
|
1443
1461
|
}
|
|
1444
1462
|
|
|
1445
1463
|
/** Espaçamento entre itens da linha ou da pilha dentro de uma coluna. */
|
|
1446
|
-
declare
|
|
1447
|
-
Xs
|
|
1448
|
-
Sm
|
|
1449
|
-
Md
|
|
1450
|
-
Lg
|
|
1451
|
-
}
|
|
1464
|
+
declare const FormLayoutGap: {
|
|
1465
|
+
readonly Xs: "xs";
|
|
1466
|
+
readonly Sm: "sm";
|
|
1467
|
+
readonly Md: "md";
|
|
1468
|
+
readonly Lg: "lg";
|
|
1469
|
+
};
|
|
1470
|
+
type FormLayoutGap = (typeof FormLayoutGap)[keyof typeof FormLayoutGap];
|
|
1452
1471
|
/** Alinhamento no eixo cruzado (itens da linha). */
|
|
1453
|
-
declare
|
|
1454
|
-
Start
|
|
1455
|
-
Center
|
|
1456
|
-
End
|
|
1457
|
-
Stretch
|
|
1458
|
-
}
|
|
1472
|
+
declare const FormRowAlign: {
|
|
1473
|
+
readonly Start: "start";
|
|
1474
|
+
readonly Center: "center";
|
|
1475
|
+
readonly End: "end";
|
|
1476
|
+
readonly Stretch: "stretch";
|
|
1477
|
+
};
|
|
1478
|
+
type FormRowAlign = (typeof FormRowAlign)[keyof typeof FormRowAlign];
|
|
1459
1479
|
/** Distribuição no eixo principal. */
|
|
1460
|
-
declare
|
|
1461
|
-
Start
|
|
1462
|
-
Center
|
|
1463
|
-
End
|
|
1464
|
-
Between
|
|
1465
|
-
}
|
|
1480
|
+
declare const FormRowJustify: {
|
|
1481
|
+
readonly Start: "start";
|
|
1482
|
+
readonly Center: "center";
|
|
1483
|
+
readonly End: "end";
|
|
1484
|
+
readonly Between: "between";
|
|
1485
|
+
};
|
|
1486
|
+
type FormRowJustify = (typeof FormRowJustify)[keyof typeof FormRowJustify];
|
|
1466
1487
|
/** Variante visual do grupo. */
|
|
1467
1488
|
declare enum FormGroupVariant {
|
|
1468
1489
|
Default = "default",
|
|
@@ -1500,12 +1521,13 @@ declare enum LayoutStackItemAlign {
|
|
|
1500
1521
|
End = "end"
|
|
1501
1522
|
}
|
|
1502
1523
|
/** Alinhamento em `app-form-actions` (barra de ações de formulário). */
|
|
1503
|
-
declare
|
|
1504
|
-
Start
|
|
1505
|
-
Center
|
|
1506
|
-
End
|
|
1507
|
-
SpaceBetween
|
|
1508
|
-
}
|
|
1524
|
+
declare const FormActionsAlign: {
|
|
1525
|
+
readonly Start: "start";
|
|
1526
|
+
readonly Center: "center";
|
|
1527
|
+
readonly End: "end";
|
|
1528
|
+
readonly SpaceBetween: "space-between";
|
|
1529
|
+
};
|
|
1530
|
+
type FormActionsAlign = (typeof FormActionsAlign)[keyof typeof FormActionsAlign];
|
|
1509
1531
|
|
|
1510
1532
|
/**
|
|
1511
1533
|
* Faixa flexível com projeção de conteúdo.
|
|
@@ -2580,8 +2602,6 @@ interface ConfirmDialogData {
|
|
|
2580
2602
|
declare class ConfirmDialogComponent implements AfterViewInit {
|
|
2581
2603
|
readonly ref: DialogRef<boolean, ConfirmDialogComponent>;
|
|
2582
2604
|
readonly data: ConfirmDialogData;
|
|
2583
|
-
readonly ButtonType: typeof ButtonType;
|
|
2584
|
-
readonly ButtonVariant: typeof ButtonVariant;
|
|
2585
2605
|
readonly titleId: string;
|
|
2586
2606
|
readonly descId: string;
|
|
2587
2607
|
private cancelBtn?;
|
|
@@ -3357,5 +3377,5 @@ declare class AppBreadcrumbComponent {
|
|
|
3357
3377
|
static ɵcmp: i0.ɵɵComponentDeclaration<AppBreadcrumbComponent, "app-breadcrumb", never, { "items": { "alias": "items"; "required": true; }; }, {}, never, never, true, never>;
|
|
3358
3378
|
}
|
|
3359
3379
|
|
|
3360
|
-
export { ADAPTIVE_DATA_VIEW_MOBILE_QUERY, APP_SIDEBAR_LABEL_REVEAL_LAG_MS, APP_SIDEBAR_LAYOUT_DURATION_MS, APP_SIDEBAR_NAV_REVEAL_TOTAL_MS, APP_THEME_IDS, ActionMenuComponent, AdaptiveDataViewComponent, AnchoredOverlayComponent, AppBreadcrumbComponent, AppDialogComponent, AppLibLightBlockScrollStrategy, AppShellComponent, AppShellSidebarTemplateDirective, AppShellSidebarToggleComponent, AppSidebarComponent, AppSidebarToolbarDirective, AppTheme, AppThemeService, AppTopbarComponent, AppUserMenuComponent, BR_ESTADOS_NOME_SIGLA, BaseFieldComponent, BaseFieldDirective, BooleanFieldDirective, ButtonComponent, ButtonSize, ButtonType, ButtonVariant, CardListComponent, CepFieldComponent, CheckboxFieldComponent, ConfirmDialogComponent, ConfirmDialogService, ContextMenuComponent, CpfCnpjFieldComponent, DashboardSectionComponent, DataCardComponent, DataGridComponent, DataListComponent, DataToolbarComponent, DateFieldComponent, DecimalFieldComponent, DetailsFieldComponent, DetailsViewComponent, DialogFooterDirective, DividerComponent, DrawerComponent, DrawerSide, DrawerSize, DropdownBaseComponent, DropdownMenuComponent, DropdownMultiOptionFieldBase, DropdownOptionFieldBase, DropdownSearchFieldComponent, EmptyStateComponent, FILE_PREVIEW_UNAVAILABLE_MESSAGE, FileUploadFieldComponent, FormActionsAlign, FormActionsComponent, FormColComponent, FormGroupComponent, FormGroupVariant, FormLayoutGap, FormRowAlign, FormRowComponent, FormRowJustify, FormSectionComponent, FormTabComponent, FormTabsComponent, ImagePreviewPanelComponent, InputMaskFieldComponent, IntegerFieldComponent, LAYOUT_STACK_SIDE_BY_SIDE, LAYOUT_STACK_STACKED, LayoutStackAlign, LayoutStackComponent, LayoutStackDirection, LayoutStackItemAlign, LibDialogSize, ListItemComponent, LoadingDialogComponent, LoadingDialogService, MaskedTextFieldBase, MenuDividerComponent, MenuDropdownPlacement, MenuGroupComponent, MenuListComponent, MultiselectFieldComponent, NgControlFieldDirective, OverlayPlacement, PDF_IFRAME_VIEWER_HASH, PasswordFieldComponent, PhoneFieldComponent, PopoverBodyTemplateDirective, PopoverComponent, PopoverFooterTemplateDirective, PopoverTriggerDirective, STRUCTRA_UI, SelectFieldComponent, SkeletonBlockComponent, SkeletonCardComponent, SkeletonFieldShellComponent, SkeletonListComponent, SkeletonTableComponent, SkeletonTextComponent, StatCardComponent, StatusBadgeComponent, SwitchFieldComponent, TableEmptyStateComponent, TableToolbarComponent, TextFieldComponent, TextareaFieldComponent, ToastHostComponent, ToastService, TooltipComponent, TooltipPanelTemplateDirective, ValidationSummaryComponent, anchoredOverlayPositions, appendPdfIframeViewerParams, applyPickedCalendarDate, buildDecimalBrDisplay, buildDecimalBrParseString, buildEmptyStateOverlayHtml, caretIndexFromIntegerDigitCount, caretIndexFromSemantic, cepMaskCompleteValidator, cpfCnpjMaskCompleteValidator, escapeHtml, extractDecimalBrParts, fileIsLikelyImage, fileMatchesAccept, fixedDigitsMaskCompleteValidator, formatAcceptForDisplay, formatDateTimePtBr, formatDecimalBr, formatFileSizeBytes, formatIntegerThousandsBr, formatMaskDigits, formatUiFieldDateValue, getFilePreviewKind, libDialogPanelClasses, mapEstadosToOptions, maskDigitCount, normalizeFormDateValue, parseDecimalBr, parseIntegerString, parseUiFieldDateValue, phoneBrMaskCompleteValidator, resolveControlAtPath, sanitizeDecimalBrInput, sanitizeIntegerDigits, sectionHasVisibleInvalid, semanticCaretAt, semanticIntegerDigitCountLeft, stripToDigits, subscribeMarkForCheckOnInvalidUiRefresh, subtreeHasVisibleInvalid };
|
|
3380
|
+
export { ADAPTIVE_DATA_VIEW_MOBILE_QUERY, APP_SIDEBAR_LABEL_REVEAL_LAG_MS, APP_SIDEBAR_LAYOUT_DURATION_MS, APP_SIDEBAR_NAV_REVEAL_TOTAL_MS, APP_THEME_IDS, ActionMenuComponent, AdaptiveDataViewComponent, AnchoredOverlayComponent, AppBreadcrumbComponent, AppDialogComponent, AppLibLightBlockScrollStrategy, AppShellComponent, AppShellSidebarTemplateDirective, AppShellSidebarToggleComponent, AppSidebarComponent, AppSidebarToolbarDirective, AppTheme, AppThemeService, AppTopbarComponent, AppUserMenuComponent, BR_ESTADOS_NOME_SIGLA, BaseFieldComponent, BaseFieldDirective, BooleanFieldDirective, ButtonComponent, ButtonRadius, ButtonSize, ButtonType, ButtonVariant, CardListComponent, CepFieldComponent, CheckboxFieldComponent, ConfirmDialogComponent, ConfirmDialogService, ContextMenuComponent, CpfCnpjFieldComponent, DashboardSectionComponent, DataCardComponent, DataGridComponent, DataListComponent, DataToolbarComponent, DateFieldComponent, DecimalFieldComponent, DetailsFieldComponent, DetailsViewComponent, DialogFooterDirective, DividerComponent, DrawerComponent, DrawerSide, DrawerSize, DropdownBaseComponent, DropdownMenuComponent, DropdownMultiOptionFieldBase, DropdownOptionFieldBase, DropdownSearchFieldComponent, EmptyStateComponent, FILE_PREVIEW_UNAVAILABLE_MESSAGE, FileUploadFieldComponent, FormActionsAlign, FormActionsComponent, FormColComponent, FormGroupComponent, FormGroupVariant, FormLayoutGap, FormRowAlign, FormRowComponent, FormRowJustify, FormSectionComponent, FormTabComponent, FormTabsComponent, ImagePreviewPanelComponent, InputMaskFieldComponent, IntegerFieldComponent, LAYOUT_STACK_SIDE_BY_SIDE, LAYOUT_STACK_STACKED, LayoutStackAlign, LayoutStackComponent, LayoutStackDirection, LayoutStackItemAlign, LibDialogSize, ListItemComponent, LoadingDialogComponent, LoadingDialogService, MaskedTextFieldBase, MenuDividerComponent, MenuDropdownPlacement, MenuGroupComponent, MenuListComponent, MultiselectFieldComponent, NgControlFieldDirective, OverlayPlacement, PDF_IFRAME_VIEWER_HASH, PasswordFieldComponent, PhoneFieldComponent, PopoverBodyTemplateDirective, PopoverComponent, PopoverFooterTemplateDirective, PopoverTriggerDirective, STRUCTRA_UI, SelectFieldComponent, SkeletonBlockComponent, SkeletonCardComponent, SkeletonFieldShellComponent, SkeletonListComponent, SkeletonTableComponent, SkeletonTextComponent, StatCardComponent, StatusBadgeComponent, SwitchFieldComponent, TableEmptyStateComponent, TableToolbarComponent, TextFieldComponent, TextareaFieldComponent, ToastHostComponent, ToastService, TooltipComponent, TooltipPanelTemplateDirective, ValidationSummaryComponent, anchoredOverlayPositions, appendPdfIframeViewerParams, applyPickedCalendarDate, buildDecimalBrDisplay, buildDecimalBrParseString, buildEmptyStateOverlayHtml, caretIndexFromIntegerDigitCount, caretIndexFromSemantic, cepMaskCompleteValidator, cpfCnpjMaskCompleteValidator, escapeHtml, extractDecimalBrParts, fileIsLikelyImage, fileMatchesAccept, fixedDigitsMaskCompleteValidator, formatAcceptForDisplay, formatDateTimePtBr, formatDecimalBr, formatFileSizeBytes, formatIntegerThousandsBr, formatMaskDigits, formatUiFieldDateValue, getFilePreviewKind, libDialogPanelClasses, mapEstadosToOptions, maskDigitCount, normalizeFormDateValue, parseDecimalBr, parseIntegerString, parseUiFieldDateValue, phoneBrMaskCompleteValidator, resolveControlAtPath, sanitizeDecimalBrInput, sanitizeIntegerDigits, sectionHasVisibleInvalid, semanticCaretAt, semanticIntegerDigitCountLeft, stripToDigits, subscribeMarkForCheckOnInvalidUiRefresh, subtreeHasVisibleInvalid };
|
|
3361
3381
|
export type { AdaptiveDataViewMode, AppThemeId, AppThemeOption, BreadcrumbItem, CardItemView, CardListDataMode, CardListMapFn, ConfirmDialogData, ConfirmDialogVariant, DataGridColumn, DataGridPaginationChangeEvent, DetailsViewItem, DropdownListBindings, DropdownSearchPageRequested, FieldCommonInputs, FilePreviewKind, FormTabsVariant, LoadingDialogData, MenuItemAction, MenuItemDivider, MenuItemGroup, MenuItemKind, MenuItemSubmenu, MenuLeafItem, MenuNodeItem, SelectPageRequested, SkeletonFieldShellVariant, StatCardDeltaTone, StatusBadgeSize, StatusBadgeVariant, ToastInstance, ToastShowOptions, ToastType, ToastVerticalPosition, UiSelectOption, ValidationSummaryItem, ValidationSummaryVariant };
|