structra-ui 0.1.97 → 0.1.99
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 +133 -19
- package/fesm2022/structra-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/structra-ui.d.ts +56 -7
package/package.json
CHANGED
package/types/structra-ui.d.ts
CHANGED
|
@@ -928,7 +928,7 @@ declare abstract class BooleanFieldDirective extends BaseFieldDirective<boolean
|
|
|
928
928
|
}
|
|
929
929
|
|
|
930
930
|
declare class CheckboxFieldComponent extends BooleanFieldDirective {
|
|
931
|
-
/** `
|
|
931
|
+
/** `false` (padrão): host usa largura intrínseca. Com `true`, ocupa 100%. */
|
|
932
932
|
fullWidth: boolean;
|
|
933
933
|
get fullWidthClass(): boolean;
|
|
934
934
|
onCheckboxClick(ev: MouseEvent): void;
|
|
@@ -1827,17 +1827,47 @@ declare class FormRowComponent {
|
|
|
1827
1827
|
static ngAcceptInputType_stackOnMobile: unknown;
|
|
1828
1828
|
}
|
|
1829
1829
|
|
|
1830
|
+
declare const FormSectionVariant: {
|
|
1831
|
+
readonly Plain: "plain";
|
|
1832
|
+
readonly Card: "card";
|
|
1833
|
+
readonly Panel: "panel";
|
|
1834
|
+
};
|
|
1835
|
+
type FormSectionVariant = (typeof FormSectionVariant)[keyof typeof FormSectionVariant];
|
|
1836
|
+
declare const FormSectionAlign: {
|
|
1837
|
+
readonly Start: "start";
|
|
1838
|
+
readonly Center: "center";
|
|
1839
|
+
};
|
|
1840
|
+
type FormSectionAlign = (typeof FormSectionAlign)[keyof typeof FormSectionAlign];
|
|
1841
|
+
declare const FormSectionRadius: {
|
|
1842
|
+
readonly None: "none";
|
|
1843
|
+
readonly Sm: "sm";
|
|
1844
|
+
readonly Md: "md";
|
|
1845
|
+
readonly Lg: "lg";
|
|
1846
|
+
readonly Xl: "xl";
|
|
1847
|
+
};
|
|
1848
|
+
type FormSectionRadius = (typeof FormSectionRadius)[keyof typeof FormSectionRadius];
|
|
1830
1849
|
declare class FormSectionComponent {
|
|
1831
1850
|
titulo: string;
|
|
1832
1851
|
subtitulo: string;
|
|
1833
1852
|
dense: boolean;
|
|
1834
1853
|
divider: boolean;
|
|
1854
|
+
variant: FormSectionVariant;
|
|
1855
|
+
align: FormSectionAlign;
|
|
1856
|
+
maxWidth: string | null;
|
|
1857
|
+
fullWidth: boolean;
|
|
1858
|
+
radius: FormSectionRadius;
|
|
1859
|
+
elevated: boolean;
|
|
1835
1860
|
get hostClass(): string;
|
|
1861
|
+
get hostMaxWidth(): string | null;
|
|
1862
|
+
get hostMarginInline(): string | null;
|
|
1863
|
+
get usesSurfaceVariant(): boolean;
|
|
1836
1864
|
get showHeader(): boolean;
|
|
1837
1865
|
static ɵfac: i0.ɵɵFactoryDeclaration<FormSectionComponent, never>;
|
|
1838
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FormSectionComponent, "app-form-section", never, { "titulo": { "alias": "titulo"; "required": true; }; "subtitulo": { "alias": "subtitulo"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1866
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FormSectionComponent, "app-form-section", never, { "titulo": { "alias": "titulo"; "required": true; }; "subtitulo": { "alias": "subtitulo"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "align": { "alias": "align"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "elevated": { "alias": "elevated"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1839
1867
|
static ngAcceptInputType_dense: unknown;
|
|
1840
1868
|
static ngAcceptInputType_divider: unknown;
|
|
1869
|
+
static ngAcceptInputType_fullWidth: unknown;
|
|
1870
|
+
static ngAcceptInputType_elevated: unknown;
|
|
1841
1871
|
}
|
|
1842
1872
|
|
|
1843
1873
|
/** Variante visual do resumo de validação. */
|
|
@@ -2646,6 +2676,9 @@ declare class ConfirmDialogService {
|
|
|
2646
2676
|
static ɵprov: i0.ɵɵInjectableDeclaration<ConfirmDialogService>;
|
|
2647
2677
|
}
|
|
2648
2678
|
|
|
2679
|
+
declare const STRUCTRA_THEME_IDS: readonly ["blue", "green", "purple", "orange", "white", "gray", "sepia", "black"];
|
|
2680
|
+
type StructraTheme = (typeof STRUCTRA_THEME_IDS)[number];
|
|
2681
|
+
|
|
2649
2682
|
/** Identificadores de paleta suportados pela library (uso em `AppThemeService.setTheme`). */
|
|
2650
2683
|
declare enum AppTheme {
|
|
2651
2684
|
Blue = "blue",
|
|
@@ -2657,8 +2690,8 @@ declare enum AppTheme {
|
|
|
2657
2690
|
Sepia = "sepia",
|
|
2658
2691
|
Black = "black"
|
|
2659
2692
|
}
|
|
2660
|
-
declare const APP_THEME_IDS: readonly [
|
|
2661
|
-
type AppThemeId =
|
|
2693
|
+
declare const APP_THEME_IDS: readonly ["blue", "green", "purple", "orange", "white", "gray", "sepia", "black"];
|
|
2694
|
+
type AppThemeId = StructraTheme;
|
|
2662
2695
|
/** Opção de tema para UI (selector, documentação). */
|
|
2663
2696
|
interface AppThemeOption {
|
|
2664
2697
|
readonly id: AppThemeId;
|
|
@@ -2671,7 +2704,7 @@ interface AppThemeOption {
|
|
|
2671
2704
|
declare class AppThemeService {
|
|
2672
2705
|
private readonly activeId;
|
|
2673
2706
|
/** Identificador do tema activo (`blue`, `green`, …). */
|
|
2674
|
-
readonly activeThemeId: i0.Signal<
|
|
2707
|
+
readonly activeThemeId: i0.Signal<"blue" | "green" | "purple" | "orange" | "white" | "gray" | "sepia" | "black">;
|
|
2675
2708
|
/**
|
|
2676
2709
|
* Classes separadas (ex.: CDK `panelClass` — uma string com espaço quebra `classList.add`).
|
|
2677
2710
|
*/
|
|
@@ -2693,6 +2726,22 @@ declare class AppThemeService {
|
|
|
2693
2726
|
static ɵprov: i0.ɵɵInjectableDeclaration<AppThemeService>;
|
|
2694
2727
|
}
|
|
2695
2728
|
|
|
2729
|
+
declare class ThemeDirective implements OnChanges {
|
|
2730
|
+
theme: StructraTheme | AppTheme;
|
|
2731
|
+
private readonly elementRef;
|
|
2732
|
+
private readonly renderer;
|
|
2733
|
+
private readonly themeTokenClasses;
|
|
2734
|
+
ngOnChanges(): void;
|
|
2735
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ThemeDirective, never>;
|
|
2736
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ThemeDirective, "[appTheme]", never, { "theme": { "alias": "appTheme"; "required": false; }; }, {}, never, never, true, never>;
|
|
2737
|
+
}
|
|
2738
|
+
|
|
2739
|
+
declare const APP_THEME_BASE_CLASS = "app-library-theme";
|
|
2740
|
+
declare function normalizeStructraTheme(theme: StructraTheme | string): StructraTheme;
|
|
2741
|
+
declare function getThemeTokenClass(theme: StructraTheme | string): string;
|
|
2742
|
+
declare function getThemeClassList(theme: StructraTheme | string): readonly [string, string];
|
|
2743
|
+
declare function getThemeClass(theme: StructraTheme | string): string;
|
|
2744
|
+
|
|
2696
2745
|
/** Classes aplicadas ao painel CDK Dialog + tema da app. */
|
|
2697
2746
|
declare function libDialogPanelClasses(theme: AppThemeService, extra?: string | string[]): string[];
|
|
2698
2747
|
|
|
@@ -3395,5 +3444,5 @@ declare class AppBreadcrumbComponent {
|
|
|
3395
3444
|
static ɵcmp: i0.ɵɵComponentDeclaration<AppBreadcrumbComponent, "app-breadcrumb", never, { "items": { "alias": "items"; "required": true; }; }, {}, never, never, true, never>;
|
|
3396
3445
|
}
|
|
3397
3446
|
|
|
3398
|
-
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 };
|
|
3399
|
-
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 };
|
|
3447
|
+
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_BASE_CLASS, 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, FormSectionAlign, FormSectionComponent, FormSectionRadius, FormSectionVariant, 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_THEME_IDS, STRUCTRA_UI, SelectFieldComponent, SkeletonBlockComponent, SkeletonCardComponent, SkeletonFieldShellComponent, SkeletonListComponent, SkeletonTableComponent, SkeletonTextComponent, StatCardComponent, StatusBadgeComponent, SwitchFieldComponent, TableEmptyStateComponent, TableToolbarComponent, TextFieldComponent, TextareaFieldComponent, ThemeDirective, 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, getThemeClass, getThemeClassList, getThemeTokenClass, libDialogPanelClasses, mapEstadosToOptions, maskDigitCount, normalizeFormDateValue, normalizeStructraTheme, parseDecimalBr, parseIntegerString, parseUiFieldDateValue, phoneBrMaskCompleteValidator, resolveControlAtPath, sanitizeDecimalBrInput, sanitizeIntegerDigits, sectionHasVisibleInvalid, semanticCaretAt, semanticIntegerDigitCountLeft, stripToDigits, subscribeMarkForCheckOnInvalidUiRefresh, subtreeHasVisibleInvalid };
|
|
3448
|
+
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, StructraTheme, ToastInstance, ToastShowOptions, ToastType, ToastVerticalPosition, UiSelectOption, ValidationSummaryItem, ValidationSummaryVariant };
|