@po-ui/ng-components 21.4.0 → 21.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/po-ui-ng-components.mjs +1894 -256
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/po-accordion/po-accordion-base.component.d.ts +3 -0
- package/lib/components/po-breadcrumb/po-breadcrumb-base.component.d.ts +3 -0
- package/lib/components/po-button/po-button-base.component.d.ts +3 -0
- package/lib/components/po-button-group/po-button-group-base.component.d.ts +3 -0
- package/lib/components/po-calendar/po-calendar-base.component.d.ts +3 -0
- package/lib/components/po-dropdown/po-dropdown-base.component.d.ts +3 -0
- package/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.d.ts +35 -0
- package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-base.component.d.ts +3 -0
- package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-fields/po-dynamic-form-fields-base.component.d.ts +3 -0
- package/lib/components/po-dynamic/po-dynamic-view/po-dynamic-view-base.component.d.ts +3 -0
- package/lib/components/po-field/po-checkbox/po-checkbox-base.component.d.ts +45 -1
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group-base.component.d.ts +42 -0
- package/lib/components/po-field/po-combo/po-combo-base.component.d.ts +45 -1
- package/lib/components/po-field/po-datepicker/po-datepicker-base.component.d.ts +44 -0
- package/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.d.ts +42 -0
- package/lib/components/po-field/po-field-container/po-field-container.component.d.ts +15 -0
- package/lib/components/po-field/po-input/po-input-base.component.d.ts +44 -0
- package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +42 -0
- package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +44 -0
- package/lib/components/po-field/po-radio/po-radio.component.d.ts +3 -0
- package/lib/components/po-field/po-radio-group/po-radio-group-base.component.d.ts +46 -1
- package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts +0 -1
- package/lib/components/po-field/po-rich-text/po-rich-text-base.component.d.ts +42 -0
- package/lib/components/po-field/po-select/po-select.component.d.ts +44 -0
- package/lib/components/po-field/po-switch/po-switch.component.d.ts +43 -0
- package/lib/components/po-field/po-textarea/po-textarea-base.component.d.ts +44 -0
- package/lib/components/po-field/po-upload/po-upload-base.component.d.ts +45 -0
- package/lib/components/po-helper/po-helper-base.component.d.ts +1 -0
- package/lib/components/po-info/po-info-base.component.d.ts +3 -0
- package/lib/components/po-list-view/po-list-view-base.component.d.ts +3 -0
- package/lib/components/po-listbox/po-listbox-base.component.d.ts +3 -0
- package/lib/components/po-menu/po-menu-base.component.d.ts +3 -0
- package/lib/components/po-modal/po-modal-base.component.d.ts +3 -0
- package/lib/components/po-page/po-page-default/po-page-default-base.component.d.ts +3 -0
- package/lib/components/po-page/po-page-detail/po-page-detail-base.component.d.ts +3 -0
- package/lib/components/po-page/po-page-edit/po-page-edit-base.component.d.ts +3 -0
- package/lib/components/po-page/po-page-list/po-page-list-base.component.d.ts +3 -0
- package/lib/components/po-page/po-page-slide/po-page-slide-base.component.d.ts +3 -0
- package/lib/components/po-progress/po-progress-base.component.d.ts +3 -0
- package/lib/components/po-search/po-search-base.component.d.ts +3 -0
- package/lib/components/po-skeleton/enums/po-skeleton-animation.enum.d.ts +15 -0
- package/lib/components/po-skeleton/enums/po-skeleton-size.enum.d.ts +21 -0
- package/lib/components/po-skeleton/enums/po-skeleton-type.enum.d.ts +15 -0
- package/lib/components/po-skeleton/enums/po-skeleton-variant.enum.d.ts +17 -0
- package/lib/components/po-skeleton/index.d.ts +6 -0
- package/lib/components/po-skeleton/po-skeleton-base.component.d.ts +208 -0
- package/lib/components/po-skeleton/po-skeleton.component.d.ts +59 -0
- package/lib/components/po-skeleton/po-skeleton.module.d.ts +7 -0
- package/lib/components/po-table/po-table-base.component.d.ts +5 -0
- package/lib/components/po-tabs/po-tabs-base.component.d.ts +3 -0
- package/lib/components/po-toaster/po-toaster-base.component.d.ts +4 -0
- package/lib/components/po-tree-view/po-tree-view-base.component.d.ts +3 -0
- package/lib/components/po-widget/po-widget-base.component.d.ts +3 -0
- package/lib/services/po-dialog/po-dialog.component.d.ts +3 -0
- package/lib/services/po-theme/po-theme.service.d.ts +18 -6
- package/package.json +4 -4
- package/po-ui-ng-components-21.6.0.tgz +0 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-update/v14/index.js +1 -1
- package/schematics/ng-update/v15/index.js +1 -1
- package/schematics/ng-update/v16/index.js +1 -1
- package/schematics/ng-update/v17/index.js +1 -1
- package/schematics/ng-update/v18/index.js +2 -2
- package/schematics/ng-update/v19/index.js +2 -2
- package/schematics/ng-update/v2/index.js +1 -1
- package/schematics/ng-update/v20/index.js +2 -2
- package/schematics/ng-update/v21/index.js +1 -1
- package/schematics/ng-update/v3/index.js +1 -1
- package/schematics/ng-update/v4/index.js +1 -1
- package/schematics/ng-update/v5/index.js +1 -1
- package/schematics/ng-update/v6/index.js +1 -1
- package/types/po-ui-ng-components.d.ts +1135 -26
- package/po-ui-ng-components-21.4.0.tgz +0 -0
|
@@ -218,6 +218,7 @@ declare class PoAccordionBaseComponent {
|
|
|
218
218
|
private language;
|
|
219
219
|
private _literals;
|
|
220
220
|
private _size?;
|
|
221
|
+
private _initialSize?;
|
|
221
222
|
/**
|
|
222
223
|
* @optional
|
|
223
224
|
*
|
|
@@ -311,6 +312,8 @@ declare class PoAccordionBaseComponent {
|
|
|
311
312
|
*/
|
|
312
313
|
collapseAllEvent: EventEmitter<void>;
|
|
313
314
|
constructor(languageService: PoLanguageService);
|
|
315
|
+
protected onThemeChange(): void;
|
|
316
|
+
private applySizeBasedOnA11y;
|
|
314
317
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoAccordionBaseComponent, never>;
|
|
315
318
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoAccordionBaseComponent, never, never, { "literals": { "alias": "p-literals"; "required": false; }; "showManagerAccordion": { "alias": "p-show-manager-accordion"; "required": false; }; "allowExpandItems": { "alias": "p-allow-expand-all-items"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "expandAllEvent": "p-expand-all"; "collapseAllEvent": "p-collapse-all"; }, never, never, true, never>;
|
|
316
319
|
static ngAcceptInputType_showManagerAccordion: any;
|
|
@@ -1579,6 +1582,7 @@ declare class PoBreadcrumbBaseComponent {
|
|
|
1579
1582
|
protected resizeListener: () => void;
|
|
1580
1583
|
private _items;
|
|
1581
1584
|
private _size?;
|
|
1585
|
+
private _initialSize?;
|
|
1582
1586
|
/**
|
|
1583
1587
|
* @description
|
|
1584
1588
|
*
|
|
@@ -1605,6 +1609,8 @@ declare class PoBreadcrumbBaseComponent {
|
|
|
1605
1609
|
*/
|
|
1606
1610
|
set size(value: string);
|
|
1607
1611
|
get size(): string;
|
|
1612
|
+
protected onThemeChange(): void;
|
|
1613
|
+
private applySizeBasedOnA11y;
|
|
1608
1614
|
private transformToArrayPopup;
|
|
1609
1615
|
private transformArrayToActionPopUp;
|
|
1610
1616
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoBreadcrumbBaseComponent, never>;
|
|
@@ -1950,6 +1956,7 @@ declare class PoListBoxBaseComponent {
|
|
|
1950
1956
|
private _literals;
|
|
1951
1957
|
private language;
|
|
1952
1958
|
private _size?;
|
|
1959
|
+
private _initialSize?;
|
|
1953
1960
|
listboxSubitems: boolean;
|
|
1954
1961
|
visible: boolean;
|
|
1955
1962
|
set type(value: string);
|
|
@@ -2004,6 +2011,8 @@ declare class PoListBoxBaseComponent {
|
|
|
2004
2011
|
clickItem: EventEmitter<any>;
|
|
2005
2012
|
footerActionListboxEvent: EventEmitter<any>;
|
|
2006
2013
|
constructor(languageService: PoLanguageService);
|
|
2014
|
+
protected onThemeChange(): void;
|
|
2015
|
+
private applySizeBasedOnA11y;
|
|
2007
2016
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoListBoxBaseComponent, never>;
|
|
2008
2017
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoListBoxBaseComponent, never, never, { "listboxSubitems": { "alias": "p-listbox-subitems"; "required": false; }; "visible": { "alias": "p-visible"; "required": false; }; "type": { "alias": "p-type"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "isTabs": { "alias": "p-is-tabs"; "required": false; }; "param": { "alias": "p-param"; "required": false; }; "checkboxAllValue": { "alias": "p-checkboxAllValue"; "required": false; }; "selectedOptions": { "alias": "p-selected-options"; "required": false; }; "selectedOption": { "alias": "p-selected-option"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "literalSearch": { "alias": "p-literal-search"; "required": false; }; "fieldValueSearch": { "alias": "p-field-value-search"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "multiselectTemplate": { "alias": "p-multiselect-template"; "required": false; }; "template": { "alias": "p-template"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "searchValue": { "alias": "p-search-value"; "required": false; }; "isServerSearching": { "alias": "p-is-searching"; "required": false; }; "infiniteLoading": { "alias": "p-infinite-loading"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "cache": { "alias": "p-cache"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "isFiltering": { "alias": "p-filtering"; "required": false; }; "shouldMarkLetters": { "alias": "p-should-mark-letter"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "compareCache": { "alias": "p-compare-cache"; "required": false; }; "comboService": { "alias": "p-combo-service"; "required": false; }; "containerWidth": { "alias": "p-container-width"; "required": false; }; "keysLabel": { "alias": "p-keys-label"; "required": false; }; "footerActionListbox": { "alias": "p-footer-action-listbox"; "required": false; }; "placeholderListbox": { "alias": "p-placeholder-listbox"; "required": false; }; "separator": { "alias": "p-separator"; "required": false; }; }, { "changeSearch": "p-change-search"; "selectItem": "p-select-item"; "closeEvent": "p-close"; "change": "p-change"; "selectCombo": "p-selectcombo-item"; "changeAll": "p-change-all"; "UpdateInfiniteScroll": "p-update-infinite-scroll"; "activatedTab": "p-activated-tabs"; "clickTab": "p-click-tabs"; "changeStateTabs": "p-change-state-tabs"; "clickItem": "p-click-item"; "footerActionListboxEvent": "p-footer-action-listbox-event"; }, never, never, true, never>;
|
|
2009
2018
|
static ngAcceptInputType_visible: any;
|
|
@@ -2410,6 +2419,7 @@ declare class PoHelperBaseComponent {
|
|
|
2410
2419
|
* @default `medium`
|
|
2411
2420
|
*/
|
|
2412
2421
|
size: i0.InputSignal<string>;
|
|
2422
|
+
get hostSize(): string;
|
|
2413
2423
|
/**
|
|
2414
2424
|
* @Input
|
|
2415
2425
|
*
|
|
@@ -2820,6 +2830,7 @@ declare class PoButtonBaseComponent {
|
|
|
2820
2830
|
private _loading?;
|
|
2821
2831
|
private _kind?;
|
|
2822
2832
|
private _size?;
|
|
2833
|
+
private _initialSize?;
|
|
2823
2834
|
protected hasSize?: boolean;
|
|
2824
2835
|
/**
|
|
2825
2836
|
* @optional
|
|
@@ -2902,6 +2913,8 @@ declare class PoButtonBaseComponent {
|
|
|
2902
2913
|
*/
|
|
2903
2914
|
set size(value: string);
|
|
2904
2915
|
get size(): string;
|
|
2916
|
+
protected onThemeChange(): void;
|
|
2917
|
+
private applySizeBasedOnA11y;
|
|
2905
2918
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoButtonBaseComponent, never>;
|
|
2906
2919
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoButtonBaseComponent, "po-button-base", never, { "label": { "alias": "p-label"; "required": false; "isSignal": true; }; "icon": { "alias": "p-icon"; "required": false; "isSignal": true; }; "type": { "alias": "p-type"; "required": false; "isSignal": true; }; "loading": { "alias": "p-loading"; "required": false; }; "danger": { "alias": "p-danger"; "required": false; }; "kind": { "alias": "p-kind"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "ariaLabel": { "alias": "p-aria-label"; "required": false; "isSignal": true; }; "ariaExpanded": { "alias": "p-aria-expanded"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "blur": "p-blur"; "click": "p-click"; }, never, never, false, never>;
|
|
2907
2920
|
static ngAcceptInputType_danger: any;
|
|
@@ -3484,6 +3497,8 @@ declare class PoHelperModule {
|
|
|
3484
3497
|
* | `--border-color` | Cor da borda | `var(--color-neutral-dark-70)` |
|
|
3485
3498
|
* | `--color-unchecked` | Cor quando não selecionado | `var(--color-neutral-light-00)` |
|
|
3486
3499
|
* | `--color-checked` | Cor quando selecionado | `var(--color-action-default)` |
|
|
3500
|
+
* | `--field-container-title-justify` | Alinhamento horizontal do título (`justify-content`) | `space-between` |
|
|
3501
|
+
* | `--field-container-title-flex` | Flex do título (`flex`) | `1 auto` |
|
|
3487
3502
|
* | **Hover** | | |
|
|
3488
3503
|
* | `--color-hover` | Cor principal no estado hover | `var(--color-action-hover)` |
|
|
3489
3504
|
* | `--shadow-color-hover` | Cor da sombra no estado hover | `var(--color-brand-01-lighter)` |
|
|
@@ -3525,6 +3540,45 @@ declare abstract class PoCheckboxBaseComponent implements ControlValueAccessor {
|
|
|
3525
3540
|
* @default `false`
|
|
3526
3541
|
*/
|
|
3527
3542
|
appendBox?: boolean;
|
|
3543
|
+
/**
|
|
3544
|
+
* @Input
|
|
3545
|
+
*
|
|
3546
|
+
* @optional
|
|
3547
|
+
*
|
|
3548
|
+
* @description
|
|
3549
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
3550
|
+
*
|
|
3551
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
3552
|
+
* - `po-label`
|
|
3553
|
+
* - `p-requirement (showRequired)`
|
|
3554
|
+
* - `po-helper`
|
|
3555
|
+
*
|
|
3556
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
3557
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
3558
|
+
* a seguir o comportamento de layout compacto.
|
|
3559
|
+
*
|
|
3560
|
+
* Também é possível definir esse comportamento de forma global,
|
|
3561
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
3562
|
+
* da customização dos tokens CSS:
|
|
3563
|
+
*
|
|
3564
|
+
* - `--field-container-title-justify`
|
|
3565
|
+
* - `--field-container-title-flex`
|
|
3566
|
+
*
|
|
3567
|
+
* Exemplo:
|
|
3568
|
+
*
|
|
3569
|
+
* ```
|
|
3570
|
+
* :root {
|
|
3571
|
+
* --field-container-title-justify: flex-start;
|
|
3572
|
+
* --field-container-title-flex: 0 1 auto;
|
|
3573
|
+
* }
|
|
3574
|
+
* ```
|
|
3575
|
+
*
|
|
3576
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
3577
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
3578
|
+
*
|
|
3579
|
+
* @default `false`
|
|
3580
|
+
*/
|
|
3581
|
+
compactLabel: i0.InputSignalWithTransform<boolean, unknown>;
|
|
3528
3582
|
/**
|
|
3529
3583
|
* @optional
|
|
3530
3584
|
*
|
|
@@ -3592,6 +3646,7 @@ declare abstract class PoCheckboxBaseComponent implements ControlValueAccessor {
|
|
|
3592
3646
|
onTouched: any;
|
|
3593
3647
|
private _disabled?;
|
|
3594
3648
|
private _size?;
|
|
3649
|
+
private _initialSize?;
|
|
3595
3650
|
/**
|
|
3596
3651
|
* @optional
|
|
3597
3652
|
*
|
|
@@ -3620,6 +3675,7 @@ declare abstract class PoCheckboxBaseComponent implements ControlValueAccessor {
|
|
|
3620
3675
|
*
|
|
3621
3676
|
*/
|
|
3622
3677
|
set size(value: string);
|
|
3678
|
+
get size(): string;
|
|
3623
3679
|
/**
|
|
3624
3680
|
* @Input
|
|
3625
3681
|
*
|
|
@@ -3647,17 +3703,18 @@ declare abstract class PoCheckboxBaseComponent implements ControlValueAccessor {
|
|
|
3647
3703
|
* @default `false`
|
|
3648
3704
|
*/
|
|
3649
3705
|
labelTextWrap: i0.InputSignal<boolean>;
|
|
3650
|
-
get size(): string;
|
|
3651
3706
|
constructor(cd: ChangeDetectorRef);
|
|
3707
|
+
protected onThemeChange(): void;
|
|
3652
3708
|
changeValue(): void;
|
|
3653
3709
|
checkOption(event: any, value: boolean | null | string): void;
|
|
3654
3710
|
setDisabledState(isDisabled: boolean): void;
|
|
3655
3711
|
registerOnChange(fn: any): void;
|
|
3656
3712
|
registerOnTouched(fn: any): void;
|
|
3657
3713
|
writeValue(value: any): void;
|
|
3714
|
+
private applySizeBasedOnA11y;
|
|
3658
3715
|
protected abstract changeModelValue(value: boolean | null): any;
|
|
3659
3716
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoCheckboxBaseComponent, never>;
|
|
3660
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoCheckboxBaseComponent, "po-checkbox-base", never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "checkboxValue": { "alias": "p-checkboxValue"; "required": false; }; "checkBoxRequired": { "alias": "p-required"; "required": false; }; "disabladTabindex": { "alias": "p-disabled-tabindex"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; }, { "additionalHelp": "p-additional-help"; "blur": "p-blur"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, false, never>;
|
|
3717
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoCheckboxBaseComponent, "po-checkbox-base", never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "checkboxValue": { "alias": "p-checkboxValue"; "required": false; }; "checkBoxRequired": { "alias": "p-required"; "required": false; }; "disabladTabindex": { "alias": "p-disabled-tabindex"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; }, { "additionalHelp": "p-additional-help"; "blur": "p-blur"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, false, never>;
|
|
3661
3718
|
static ngAcceptInputType_appendBox: any;
|
|
3662
3719
|
static ngAcceptInputType_autoFocus: any;
|
|
3663
3720
|
static ngAcceptInputType_checkBoxRequired: any;
|
|
@@ -3904,13 +3961,28 @@ declare class PoFieldContainerComponent implements OnInit, OnChanges {
|
|
|
3904
3961
|
showRequired: boolean;
|
|
3905
3962
|
/** Define o tamanho do componente. */
|
|
3906
3963
|
size?: string;
|
|
3964
|
+
/**
|
|
3965
|
+
* @Input
|
|
3966
|
+
*
|
|
3967
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
3968
|
+
*
|
|
3969
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
3970
|
+
* - `po-label`
|
|
3971
|
+
* - `p-requirement (showRequired)`
|
|
3972
|
+
* - `po-helper`
|
|
3973
|
+
*
|
|
3974
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
3975
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
3976
|
+
* a seguir o comportamento de layout compacto.
|
|
3977
|
+
*/
|
|
3978
|
+
compactLabel: i0.InputSignalWithTransform<boolean, unknown>;
|
|
3907
3979
|
constructor(cdr: ChangeDetectorRef);
|
|
3908
3980
|
ngOnInit(): void;
|
|
3909
3981
|
ngOnChanges(changes: SimpleChanges): void;
|
|
3910
3982
|
private setRequirement;
|
|
3911
3983
|
handleLabelTooltip(): void;
|
|
3912
3984
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoFieldContainerComponent, never>;
|
|
3913
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoFieldContainerComponent, "po-field-container", never, { "disabled": { "alias": "p-disabled"; "required": false; }; "id": { "alias": "p-id"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "showHelperComponent": { "alias": "p-show-helper"; "required": false; "isSignal": true; }; "textWrap": { "alias": "p-text-wrap"; "required": false; "isSignal": true; }; "optional": { "alias": "p-optional"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
3985
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoFieldContainerComponent, "po-field-container", never, { "disabled": { "alias": "p-disabled"; "required": false; }; "id": { "alias": "p-id"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "showHelperComponent": { "alias": "p-show-helper"; "required": false; "isSignal": true; }; "textWrap": { "alias": "p-text-wrap"; "required": false; "isSignal": true; }; "optional": { "alias": "p-optional"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
|
|
3914
3986
|
}
|
|
3915
3987
|
|
|
3916
3988
|
/**
|
|
@@ -4456,6 +4528,7 @@ declare class PoButtonGroupBaseComponent {
|
|
|
4456
4528
|
*/
|
|
4457
4529
|
readonly buttons: i0.InputSignal<PoButtonGroupItem[]>;
|
|
4458
4530
|
private _size?;
|
|
4531
|
+
private _initialSize?;
|
|
4459
4532
|
private _toggle?;
|
|
4460
4533
|
/**
|
|
4461
4534
|
* @optional
|
|
@@ -4487,6 +4560,8 @@ declare class PoButtonGroupBaseComponent {
|
|
|
4487
4560
|
*/
|
|
4488
4561
|
set size(value: string);
|
|
4489
4562
|
get size(): string;
|
|
4563
|
+
protected onThemeChange(): void;
|
|
4564
|
+
private applySizeBasedOnA11y;
|
|
4490
4565
|
onButtonClick(buttonClicked: PoButtonGroupItem, buttonIndex: number): void;
|
|
4491
4566
|
private checkSelecteds;
|
|
4492
4567
|
private deselectAllButtons;
|
|
@@ -4782,6 +4857,7 @@ declare class PoCalendarBaseComponent {
|
|
|
4782
4857
|
private _minDate;
|
|
4783
4858
|
private _mode;
|
|
4784
4859
|
private _size?;
|
|
4860
|
+
private _initialSize?;
|
|
4785
4861
|
/**
|
|
4786
4862
|
* @optional
|
|
4787
4863
|
*
|
|
@@ -4874,8 +4950,10 @@ declare class PoCalendarBaseComponent {
|
|
|
4874
4950
|
set size(value: string);
|
|
4875
4951
|
get size(): string;
|
|
4876
4952
|
constructor(poDate: PoDateService, languageService: PoLanguageService);
|
|
4953
|
+
protected onThemeChange(): void;
|
|
4877
4954
|
protected setActivateDate(date?: Date | string): void;
|
|
4878
4955
|
private verifyActivateDate;
|
|
4956
|
+
private applySizeBasedOnA11y;
|
|
4879
4957
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoCalendarBaseComponent, never>;
|
|
4880
4958
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoCalendarBaseComponent, never, never, { "locale": { "alias": "p-locale"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "mode": { "alias": "p-mode"; "required": false; }; "headerTemplate": { "alias": "p-header-template"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "change": "p-change"; "changeMonthYear": "p-change-month-year"; "close": "p-close"; }, never, never, true, never>;
|
|
4881
4959
|
}
|
|
@@ -5297,7 +5375,9 @@ declare class PoComboFilterService implements PoComboFilter {
|
|
|
5297
5375
|
* | `--color` | Cor principal do Combo | `var(--color-neutral-dark-70)` |
|
|
5298
5376
|
* | `--background` | Cor de background | `var(--color-neutral-light-05)` |
|
|
5299
5377
|
* | `--border-radius` | Contém o valor do raio dos cantos do elemento | `var(--border-width-lg)` |
|
|
5300
|
-
* | `--min-width` | Largura mínima do combo | `150px`
|
|
5378
|
+
* | `--min-width` | Largura mínima do combo | `150px` |
|
|
5379
|
+
* | `--field-container-title-justify` | Alinhamento horizontal do título (`justify-content`) | `space-between` |
|
|
5380
|
+
* | `--field-container-title-flex` | Flex do título (`flex`) | `1 auto` |
|
|
5301
5381
|
* | **Hover** | | |
|
|
5302
5382
|
* | `--color-hover` | Cor principal no estado hover | `var(--color-action-hover)` |
|
|
5303
5383
|
* | `--background-hover` | Cor de background no estado hover | `var(--color-brand-01-lightest)` |
|
|
@@ -5351,6 +5431,45 @@ declare abstract class PoComboBaseComponent implements ControlValueAccessor, OnI
|
|
|
5351
5431
|
* @default `false`
|
|
5352
5432
|
*/
|
|
5353
5433
|
autoFocus: boolean;
|
|
5434
|
+
/**
|
|
5435
|
+
* @Input
|
|
5436
|
+
*
|
|
5437
|
+
* @optional
|
|
5438
|
+
*
|
|
5439
|
+
* @description
|
|
5440
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
5441
|
+
*
|
|
5442
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
5443
|
+
* - `po-label`
|
|
5444
|
+
* - `p-requirement (showRequired)`
|
|
5445
|
+
* - `po-helper`
|
|
5446
|
+
*
|
|
5447
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
5448
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
5449
|
+
* a seguir o comportamento de layout compacto.
|
|
5450
|
+
*
|
|
5451
|
+
* Também é possível definir esse comportamento de forma global,
|
|
5452
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
5453
|
+
* da customização dos tokens CSS:
|
|
5454
|
+
*
|
|
5455
|
+
* - `--field-container-title-justify`
|
|
5456
|
+
* - `--field-container-title-flex`
|
|
5457
|
+
*
|
|
5458
|
+
* Exemplo:
|
|
5459
|
+
*
|
|
5460
|
+
* ```
|
|
5461
|
+
* :root {
|
|
5462
|
+
* --field-container-title-justify: flex-start;
|
|
5463
|
+
* --field-container-title-flex: 0 1 auto;
|
|
5464
|
+
* }
|
|
5465
|
+
* ```
|
|
5466
|
+
*
|
|
5467
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
5468
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
5469
|
+
*
|
|
5470
|
+
* @default `false`
|
|
5471
|
+
*/
|
|
5472
|
+
compactLabel: i0.InputSignalWithTransform<boolean, unknown>;
|
|
5354
5473
|
/** Label no componente. */
|
|
5355
5474
|
label?: string;
|
|
5356
5475
|
/** Texto de apoio para o campo. */
|
|
@@ -5643,6 +5762,7 @@ declare abstract class PoComboBaseComponent implements ControlValueAccessor, OnI
|
|
|
5643
5762
|
private _placeholder;
|
|
5644
5763
|
private _required?;
|
|
5645
5764
|
private _size?;
|
|
5765
|
+
private _initialSize?;
|
|
5646
5766
|
private _sort?;
|
|
5647
5767
|
private language;
|
|
5648
5768
|
private _infiniteScrollDistance?;
|
|
@@ -5879,6 +5999,7 @@ declare abstract class PoComboBaseComponent implements ControlValueAccessor, OnI
|
|
|
5879
5999
|
constructor(languageService: PoLanguageService, changeDetector: ChangeDetectorRef);
|
|
5880
6000
|
get isOptionGroupList(): boolean;
|
|
5881
6001
|
ngOnInit(): void;
|
|
6002
|
+
protected onThemeChange(): void;
|
|
5882
6003
|
onInitService(): void;
|
|
5883
6004
|
setService(service: PoComboFilter | string): void;
|
|
5884
6005
|
compareMethod(search: string, option: PoComboOption | PoComboGroup, filterMode: PoComboFilterMode): any;
|
|
@@ -5926,13 +6047,14 @@ declare abstract class PoComboBaseComponent implements ControlValueAccessor, OnI
|
|
|
5926
6047
|
private updateModel;
|
|
5927
6048
|
private updateSelectedValueWithOldOption;
|
|
5928
6049
|
private updateHasNext;
|
|
6050
|
+
private applySizeBasedOnA11y;
|
|
5929
6051
|
abstract setInputValue(value: any): void;
|
|
5930
6052
|
abstract applyFilter(value: string): void;
|
|
5931
6053
|
abstract getObjectByValue(value: string): void;
|
|
5932
6054
|
abstract getInputValue(): string;
|
|
5933
6055
|
abstract initInputObservable(): void;
|
|
5934
6056
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoComboBaseComponent, never>;
|
|
5935
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoComboBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "emitObjectValue": { "alias": "p-emit-object-value"; "required": false; }; "disabledTabFilter": { "alias": "p-disabled-tab-filter"; "required": false; }; "removeInitialFilter": { "alias": "p-remove-initial-filter"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "listboxControlPosition": { "alias": "p-listbox-control-position"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "disabledInitFilter": { "alias": "p-disabled-init-filter"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterMinlength": { "alias": "p-filter-minlength"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "changeOnEnter": { "alias": "p-change-on-enter"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "cache": { "alias": "p-cache"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "blur": "p-blur"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; "ngModelChange": "ngModelChange"; "inputChange": "p-input-change"; }, never, never, true, never>;
|
|
6057
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoComboBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "emitObjectValue": { "alias": "p-emit-object-value"; "required": false; }; "disabledTabFilter": { "alias": "p-disabled-tab-filter"; "required": false; }; "removeInitialFilter": { "alias": "p-remove-initial-filter"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "listboxControlPosition": { "alias": "p-listbox-control-position"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "disabledInitFilter": { "alias": "p-disabled-init-filter"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterMinlength": { "alias": "p-filter-minlength"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "changeOnEnter": { "alias": "p-change-on-enter"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "cache": { "alias": "p-cache"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "blur": "p-blur"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; "ngModelChange": "ngModelChange"; "inputChange": "p-input-change"; }, never, never, true, never>;
|
|
5936
6058
|
static ngAcceptInputType_autoFocus: any;
|
|
5937
6059
|
static ngAcceptInputType_clean: any;
|
|
5938
6060
|
static ngAcceptInputType_emitObjectValue: any;
|
|
@@ -6402,6 +6524,7 @@ declare class PoModalBaseComponent {
|
|
|
6402
6524
|
isHidden: boolean;
|
|
6403
6525
|
onXClosed: EventEmitter<boolean>;
|
|
6404
6526
|
private _componentsSize?;
|
|
6527
|
+
private _initialComponentsSize?;
|
|
6405
6528
|
private _hideClose?;
|
|
6406
6529
|
private _size?;
|
|
6407
6530
|
/**
|
|
@@ -6485,6 +6608,8 @@ declare class PoModalBaseComponent {
|
|
|
6485
6608
|
/** Função para abrir a modal. */
|
|
6486
6609
|
open(): void;
|
|
6487
6610
|
validPrimaryAction(): void;
|
|
6611
|
+
protected onThemeChange(): void;
|
|
6612
|
+
private applySizeBasedOnA11y;
|
|
6488
6613
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoModalBaseComponent, never>;
|
|
6489
6614
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoModalBaseComponent, never, never, { "title": { "alias": "p-title"; "required": false; }; "primaryAction": { "alias": "p-primary-action"; "required": false; }; "secondaryAction": { "alias": "p-secondary-action"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "setClickOut": { "alias": "p-click-out"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "hideClose": { "alias": "p-hide-close"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; }, { "closeModal": "p-close"; }, never, never, true, never>;
|
|
6490
6615
|
}
|
|
@@ -7733,6 +7858,7 @@ interface PoNotification {
|
|
|
7733
7858
|
declare abstract class PoToasterBaseComponent {
|
|
7734
7859
|
private _isHide;
|
|
7735
7860
|
private _sizeActions;
|
|
7861
|
+
private _initialSizeActions;
|
|
7736
7862
|
/**
|
|
7737
7863
|
* @optional
|
|
7738
7864
|
*
|
|
@@ -7827,6 +7953,9 @@ declare abstract class PoToasterBaseComponent {
|
|
|
7827
7953
|
orientation: PoToasterOrientation;
|
|
7828
7954
|
componentRef: any;
|
|
7829
7955
|
position: number;
|
|
7956
|
+
protected onThemeChange(): void;
|
|
7957
|
+
private applySizeBasedOnA11y;
|
|
7958
|
+
protected getInitialSizeActions(): string;
|
|
7830
7959
|
abstract close(): void;
|
|
7831
7960
|
abstract changePosition(value: number): void;
|
|
7832
7961
|
abstract configToaster(poToaster: PoToaster): void;
|
|
@@ -8514,7 +8643,9 @@ declare abstract class PoTableBaseComponent implements OnChanges, OnDestroy {
|
|
|
8514
8643
|
fixedLayout: boolean;
|
|
8515
8644
|
private initialVisibleColumns;
|
|
8516
8645
|
private _componentsSize?;
|
|
8646
|
+
private _initialComponentsSize?;
|
|
8517
8647
|
private _spacing;
|
|
8648
|
+
private _initialSpacing?;
|
|
8518
8649
|
private _filteredColumns;
|
|
8519
8650
|
private _actions?;
|
|
8520
8651
|
private _columns;
|
|
@@ -8849,6 +8980,7 @@ declare abstract class PoTableBaseComponent implements OnChanges, OnDestroy {
|
|
|
8849
8980
|
get virtualScroll(): boolean;
|
|
8850
8981
|
ngOnDestroy(): void;
|
|
8851
8982
|
ngOnChanges(changes: SimpleChanges): void;
|
|
8983
|
+
protected onThemeChange(): void;
|
|
8852
8984
|
selectAllRows(): void;
|
|
8853
8985
|
selectRow(row: any): void;
|
|
8854
8986
|
hasSelectableRow(): boolean;
|
|
@@ -8894,6 +9026,8 @@ declare abstract class PoTableBaseComponent implements OnChanges, OnDestroy {
|
|
|
8894
9026
|
private getFilteredParams;
|
|
8895
9027
|
private getOrderParam;
|
|
8896
9028
|
private removePropertyFixed;
|
|
9029
|
+
private applySizeBasedOnA11y;
|
|
9030
|
+
private applySpacingBasedOnA11y;
|
|
8897
9031
|
protected abstract calculateHeightTableContainer(height: any): any;
|
|
8898
9032
|
protected abstract checkInfiniteScroll(): any;
|
|
8899
9033
|
protected abstract changeSizeLoading(): any;
|
|
@@ -9441,6 +9575,7 @@ declare class PoPageSlideBaseComponent {
|
|
|
9441
9575
|
closePageSlide: EventEmitter<any>;
|
|
9442
9576
|
hidden: boolean;
|
|
9443
9577
|
private _componentsSize?;
|
|
9578
|
+
private _initialComponentsSize?;
|
|
9444
9579
|
private _size;
|
|
9445
9580
|
/**
|
|
9446
9581
|
* @optional
|
|
@@ -9478,6 +9613,8 @@ declare class PoPageSlideBaseComponent {
|
|
|
9478
9613
|
*/
|
|
9479
9614
|
set componentsSize(value: string);
|
|
9480
9615
|
get componentsSize(): string;
|
|
9616
|
+
protected onThemeChange(): void;
|
|
9617
|
+
private applySizeBasedOnA11y;
|
|
9481
9618
|
/**
|
|
9482
9619
|
* Ativa a visualização da página.
|
|
9483
9620
|
*
|
|
@@ -9799,6 +9936,45 @@ declare class PoCheckboxGroupBaseComponent implements ControlValueAccessor, Vali
|
|
|
9799
9936
|
* @default `false`
|
|
9800
9937
|
*/
|
|
9801
9938
|
autoFocus: boolean;
|
|
9939
|
+
/**
|
|
9940
|
+
* @Input
|
|
9941
|
+
*
|
|
9942
|
+
* @optional
|
|
9943
|
+
*
|
|
9944
|
+
* @description
|
|
9945
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
9946
|
+
*
|
|
9947
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
9948
|
+
* - `po-label`
|
|
9949
|
+
* - `p-requirement (showRequired)`
|
|
9950
|
+
* - `po-helper`
|
|
9951
|
+
*
|
|
9952
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
9953
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
9954
|
+
* a seguir o comportamento de layout compacto.
|
|
9955
|
+
*
|
|
9956
|
+
* Também é possível definir esse comportamento de forma global,
|
|
9957
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
9958
|
+
* da customização dos tokens CSS:
|
|
9959
|
+
*
|
|
9960
|
+
* - `--field-container-title-justify`
|
|
9961
|
+
* - `--field-container-title-flex`
|
|
9962
|
+
*
|
|
9963
|
+
* Exemplo:
|
|
9964
|
+
*
|
|
9965
|
+
* ```
|
|
9966
|
+
* :root {
|
|
9967
|
+
* --field-container-title-justify: flex-start;
|
|
9968
|
+
* --field-container-title-flex: 0 1 auto;
|
|
9969
|
+
* }
|
|
9970
|
+
* ```
|
|
9971
|
+
*
|
|
9972
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
9973
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
9974
|
+
*
|
|
9975
|
+
* @default `false`
|
|
9976
|
+
*/
|
|
9977
|
+
compactLabel: i0.InputSignalWithTransform<boolean, unknown>;
|
|
9802
9978
|
/** Nome dos checkboxes */
|
|
9803
9979
|
name: string;
|
|
9804
9980
|
/** Texto de apoio do campo */
|
|
@@ -9925,6 +10101,7 @@ declare class PoCheckboxGroupBaseComponent implements ControlValueAccessor, Vali
|
|
|
9925
10101
|
private _options?;
|
|
9926
10102
|
private _required?;
|
|
9927
10103
|
private _size?;
|
|
10104
|
+
private _initialSize?;
|
|
9928
10105
|
/**
|
|
9929
10106
|
* @optional
|
|
9930
10107
|
*
|
|
@@ -10012,6 +10189,7 @@ declare class PoCheckboxGroupBaseComponent implements ControlValueAccessor, Vali
|
|
|
10012
10189
|
*/
|
|
10013
10190
|
set size(value: string);
|
|
10014
10191
|
get size(): string;
|
|
10192
|
+
protected onThemeChange(): void;
|
|
10015
10193
|
changeValue(): void;
|
|
10016
10194
|
checkIndeterminate(): any;
|
|
10017
10195
|
checkOption(value: PoCheckboxGroupOption): void;
|
|
@@ -10031,8 +10209,9 @@ declare class PoCheckboxGroupBaseComponent implements ControlValueAccessor, Vali
|
|
|
10031
10209
|
private isInvalidIndeterminate;
|
|
10032
10210
|
private removeDuplicatedOptions;
|
|
10033
10211
|
private setCheckboxGroupOptionsView;
|
|
10212
|
+
private applySizeBasedOnA11y;
|
|
10034
10213
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoCheckboxGroupBaseComponent, never>;
|
|
10035
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoCheckboxGroupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "name": { "alias": "name"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "indeterminate": { "alias": "p-indeterminate"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "ngModelChange": "ngModelChange"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
10214
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoCheckboxGroupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "indeterminate": { "alias": "p-indeterminate"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "ngModelChange": "ngModelChange"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
10036
10215
|
static ngAcceptInputType_appendBox: any;
|
|
10037
10216
|
static ngAcceptInputType_autoFocus: any;
|
|
10038
10217
|
}
|
|
@@ -10626,6 +10805,7 @@ declare class PoRadioComponent extends PoFieldModel<boolean> {
|
|
|
10626
10805
|
radioInput: ElementRef;
|
|
10627
10806
|
value: boolean;
|
|
10628
10807
|
private _size?;
|
|
10808
|
+
private _initialSize?;
|
|
10629
10809
|
/** Define o valor do *radio* */
|
|
10630
10810
|
radioValue: string;
|
|
10631
10811
|
/** Define o tamanho do radio. */
|
|
@@ -10674,6 +10854,8 @@ declare class PoRadioComponent extends PoFieldModel<boolean> {
|
|
|
10674
10854
|
focusOut(): void;
|
|
10675
10855
|
onKeyup(): void;
|
|
10676
10856
|
onKeydown(): void;
|
|
10857
|
+
protected onThemeChange(): void;
|
|
10858
|
+
private applySizeBasedOnA11y;
|
|
10677
10859
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRadioComponent, never>;
|
|
10678
10860
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoRadioComponent, "po-radio", never, { "radioValue": { "alias": "p-value"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; }; "checked": { "alias": "p-checked"; "required": false; }; }, { "blur": "p-blur"; "changeSelected": "p-change-selected"; }, never, never, false, never>;
|
|
10679
10861
|
static ngAcceptInputType_required: any;
|
|
@@ -10786,7 +10968,48 @@ declare class PoSwitchComponent extends PoFieldModel<any> implements Validator,
|
|
|
10786
10968
|
private _loading;
|
|
10787
10969
|
private _formatModel;
|
|
10788
10970
|
private _size?;
|
|
10971
|
+
private _initialSize?;
|
|
10789
10972
|
private statusChangesSubscription;
|
|
10973
|
+
/**
|
|
10974
|
+
*
|
|
10975
|
+
* @Input
|
|
10976
|
+
*
|
|
10977
|
+
* @optional
|
|
10978
|
+
*
|
|
10979
|
+
* @description
|
|
10980
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
10981
|
+
*
|
|
10982
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
10983
|
+
* - `po-label`
|
|
10984
|
+
* - `p-requirement (showRequired)`
|
|
10985
|
+
* - `po-helper`
|
|
10986
|
+
*
|
|
10987
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
10988
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
10989
|
+
* a seguir o comportamento de layout compacto.
|
|
10990
|
+
*
|
|
10991
|
+
* Também é possível definir esse comportamento de forma global,
|
|
10992
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
10993
|
+
* da customização dos tokens CSS:
|
|
10994
|
+
*
|
|
10995
|
+
* - `--field-container-title-justify`
|
|
10996
|
+
* - `--field-container-title-flex`
|
|
10997
|
+
*
|
|
10998
|
+
* Exemplo:
|
|
10999
|
+
*
|
|
11000
|
+
* ```
|
|
11001
|
+
* :root {
|
|
11002
|
+
* --field-container-title-justify: flex-start;
|
|
11003
|
+
* --field-container-title-flex: 0 1 auto;
|
|
11004
|
+
* }
|
|
11005
|
+
* ```
|
|
11006
|
+
*
|
|
11007
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
11008
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
11009
|
+
*
|
|
11010
|
+
* @default `false`
|
|
11011
|
+
*/
|
|
11012
|
+
compactLabel: i0.InputSignalWithTransform<boolean, unknown>;
|
|
10790
11013
|
/**
|
|
10791
11014
|
* @optional
|
|
10792
11015
|
*
|
|
@@ -10956,6 +11179,7 @@ declare class PoSwitchComponent extends PoFieldModel<any> implements Validator,
|
|
|
10956
11179
|
onWriteValue(value: any): void;
|
|
10957
11180
|
validate(control: AbstractControl): ValidationErrors | null;
|
|
10958
11181
|
ngAfterViewInit(): void;
|
|
11182
|
+
protected onThemeChange(): void;
|
|
10959
11183
|
private setControl;
|
|
10960
11184
|
mapSizeToIcon(size: string): string;
|
|
10961
11185
|
getErrorPattern(): string;
|
|
@@ -10989,8 +11213,9 @@ declare class PoSwitchComponent extends PoFieldModel<any> implements Validator,
|
|
|
10989
11213
|
* ```
|
|
10990
11214
|
*/
|
|
10991
11215
|
showAdditionalHelp(): boolean;
|
|
11216
|
+
private applySizeBasedOnA11y;
|
|
10992
11217
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoSwitchComponent, never>;
|
|
10993
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoSwitchComponent, "po-switch", never, { "value": { "alias": "p-value"; "required": false; }; "formatModel": { "alias": "p-format-model"; "required": false; }; "hideLabelStatus": { "alias": "p-hide-label-status"; "required": false; }; "labelPosition": { "alias": "p-label-position"; "required": false; }; "labelOff": { "alias": "p-label-off"; "required": false; }; "labelOn": { "alias": "p-label-on"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "invalidValue": { "alias": "p-invalid-value"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
|
|
11218
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoSwitchComponent, "po-switch", never, { "value": { "alias": "p-value"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "formatModel": { "alias": "p-format-model"; "required": false; }; "hideLabelStatus": { "alias": "p-hide-label-status"; "required": false; }; "labelPosition": { "alias": "p-label-position"; "required": false; }; "labelOff": { "alias": "p-label-off"; "required": false; }; "labelOn": { "alias": "p-label-on"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "invalidValue": { "alias": "p-invalid-value"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
|
|
10994
11219
|
static ngAcceptInputType_value: any;
|
|
10995
11220
|
static ngAcceptInputType_formatModel: any;
|
|
10996
11221
|
static ngAcceptInputType_hideLabelStatus: any;
|
|
@@ -11070,6 +11295,7 @@ declare class PoDropdownBaseComponent {
|
|
|
11070
11295
|
private _actions;
|
|
11071
11296
|
private _disabled;
|
|
11072
11297
|
private _size?;
|
|
11298
|
+
private _initialSize?;
|
|
11073
11299
|
/** Lista de ações que serão exibidas no componente. */
|
|
11074
11300
|
set actions(value: Array<PoDropdownAction>);
|
|
11075
11301
|
get actions(): Array<PoDropdownAction>;
|
|
@@ -11100,6 +11326,8 @@ declare class PoDropdownBaseComponent {
|
|
|
11100
11326
|
*/
|
|
11101
11327
|
set size(value: string);
|
|
11102
11328
|
get size(): string;
|
|
11329
|
+
protected onThemeChange(): void;
|
|
11330
|
+
private applySizeBasedOnA11y;
|
|
11103
11331
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoDropdownBaseComponent, never>;
|
|
11104
11332
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoDropdownBaseComponent, never, never, { "label": { "alias": "p-label"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, {}, never, never, true, never>;
|
|
11105
11333
|
}
|
|
@@ -11338,6 +11566,7 @@ declare class PoSearchBaseComponent {
|
|
|
11338
11566
|
private _ariaLabel?;
|
|
11339
11567
|
private _filterSelect?;
|
|
11340
11568
|
private _size?;
|
|
11569
|
+
private _initialSize?;
|
|
11341
11570
|
private _keysLabel?;
|
|
11342
11571
|
private _disabled?;
|
|
11343
11572
|
private _loading;
|
|
@@ -11677,8 +11906,10 @@ declare class PoSearchBaseComponent {
|
|
|
11677
11906
|
*/
|
|
11678
11907
|
footerAction: EventEmitter<any>;
|
|
11679
11908
|
constructor(languageService: PoLanguageService);
|
|
11909
|
+
protected onThemeChange(): void;
|
|
11680
11910
|
ensureFilterSelectOption(values: any): any[];
|
|
11681
11911
|
mapSizeToIcon(size: string): string;
|
|
11912
|
+
private applySizeBasedOnA11y;
|
|
11682
11913
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoSearchBaseComponent, never>;
|
|
11683
11914
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoSearchBaseComponent, never, never, { "ariaLabel": { "alias": "p-aria-label"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "filterKeys": { "alias": "p-filter-keys"; "required": false; }; "filterSelect": { "alias": "p-filter-select"; "required": false; }; "filterType": { "alias": "p-filter-type"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "id": { "alias": "p-id"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "locateSummary": { "alias": "p-locate-summary"; "required": false; }; "name": { "alias": "name"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "type": { "alias": "p-search-type"; "required": false; }; "showListbox": { "alias": "p-show-listbox"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "keysLabel": { "alias": "p-keys-label"; "required": false; }; }, { "blur": "p-blur"; "changeModel": "p-change-model"; "filter": "p-filter"; "filteredItemsChange": "p-filtered-items-change"; "focusEvent": "p-focus"; "keydown": "p-keydown"; "listboxOnClick": "p-listbox-onclick"; "locateNext": "p-locate-next"; "locatePrevious": "p-locate-previous"; "footerAction": "p-footer-action-listbox"; }, never, never, true, never>;
|
|
11684
11915
|
static ngAcceptInputType_noAutocomplete: any;
|
|
@@ -13565,6 +13796,8 @@ declare class PoMask {
|
|
|
13565
13796
|
* | `--background` | Cor de background | `var(--color-neutral-light-05)` |
|
|
13566
13797
|
* | `--padding` | Preenchimento | `0 0.5rem` |
|
|
13567
13798
|
* | `--text-color` | Cor do texto | `var(--color-neutral-dark-90)` |
|
|
13799
|
+
* | `--field-container-title-justify` | Alinhamento horizontal do título (`justify-content`) | `space-between` |
|
|
13800
|
+
* | `--field-container-title-flex` | Flex do título (`flex`) | `1 auto` |
|
|
13568
13801
|
* | **Hover** | | |
|
|
13569
13802
|
* | `--color-hover` | Cor principal no estado hover | `var(--color-brand-01-dark)` |
|
|
13570
13803
|
* | `--background-hover` | Cor de background no estado hover | `var(--color-brand-01-lightest)` |
|
|
@@ -13608,6 +13841,45 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
|
|
|
13608
13841
|
* @default `false`
|
|
13609
13842
|
*/
|
|
13610
13843
|
autoFocus: boolean;
|
|
13844
|
+
/**
|
|
13845
|
+
* @Input
|
|
13846
|
+
*
|
|
13847
|
+
* @optional
|
|
13848
|
+
*
|
|
13849
|
+
* @description
|
|
13850
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
13851
|
+
*
|
|
13852
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
13853
|
+
* - `po-label`
|
|
13854
|
+
* - `p-requirement (showRequired)`
|
|
13855
|
+
* - `po-helper`
|
|
13856
|
+
*
|
|
13857
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
13858
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
13859
|
+
* a seguir o comportamento de layout compacto.
|
|
13860
|
+
*
|
|
13861
|
+
* Também é possível definir esse comportamento de forma global,
|
|
13862
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
13863
|
+
* da customização dos tokens CSS:
|
|
13864
|
+
*
|
|
13865
|
+
* - `--field-container-title-justify`
|
|
13866
|
+
* - `--field-container-title-flex`
|
|
13867
|
+
*
|
|
13868
|
+
* Exemplo:
|
|
13869
|
+
*
|
|
13870
|
+
* ```
|
|
13871
|
+
* :root {
|
|
13872
|
+
* --field-container-title-justify: flex-start;
|
|
13873
|
+
* --field-container-title-flex: 0 1 auto;
|
|
13874
|
+
* }
|
|
13875
|
+
* ```
|
|
13876
|
+
*
|
|
13877
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
13878
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
13879
|
+
*
|
|
13880
|
+
* @default `false`
|
|
13881
|
+
*/
|
|
13882
|
+
compactLabel: i0.InputSignalWithTransform<boolean, unknown>;
|
|
13611
13883
|
/**
|
|
13612
13884
|
* @optional
|
|
13613
13885
|
*
|
|
@@ -13750,6 +14022,7 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
|
|
|
13750
14022
|
private _loading?;
|
|
13751
14023
|
private previousValue;
|
|
13752
14024
|
private _size?;
|
|
14025
|
+
private _initialSize?;
|
|
13753
14026
|
private subscription;
|
|
13754
14027
|
private _date;
|
|
13755
14028
|
/**
|
|
@@ -13902,6 +14175,7 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
|
|
|
13902
14175
|
get date(): any;
|
|
13903
14176
|
ngOnInit(): void;
|
|
13904
14177
|
ngOnDestroy(): void;
|
|
14178
|
+
protected onThemeChange(): void;
|
|
13905
14179
|
getDateFromString(dateString: string): Date;
|
|
13906
14180
|
formatToDate(value: Date): string;
|
|
13907
14181
|
controlModel(date: Date): void;
|
|
@@ -13917,10 +14191,11 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
|
|
|
13917
14191
|
protected validateModel(model: any): void;
|
|
13918
14192
|
protected buildMask(format?: string): PoMask;
|
|
13919
14193
|
formatTimezoneAndHour(offset: number): void;
|
|
14194
|
+
private applySizeBasedOnA11y;
|
|
13920
14195
|
abstract writeValue(value: any): void;
|
|
13921
14196
|
abstract refreshValue(value: Date): void;
|
|
13922
14197
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoDatepickerBaseComponent, never>;
|
|
13923
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoDatepickerBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "errorAsync": { "alias": "p-error-async"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "showErrorMessageRequired": { "alias": "p-required-field-error-message"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "setDisabled": { "alias": "p-disabled"; "required": false; }; "setReadonly": { "alias": "p-readonly"; "required": false; }; "setRequired": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "setClean": { "alias": "p-clean"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "format": { "alias": "p-format"; "required": false; }; "isoFormat": { "alias": "p-iso-format"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onblur": "p-blur"; "onchange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
14198
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoDatepickerBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "errorAsync": { "alias": "p-error-async"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "showErrorMessageRequired": { "alias": "p-required-field-error-message"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "setDisabled": { "alias": "p-disabled"; "required": false; }; "setReadonly": { "alias": "p-readonly"; "required": false; }; "setRequired": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "setClean": { "alias": "p-clean"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "format": { "alias": "p-format"; "required": false; }; "isoFormat": { "alias": "p-iso-format"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onblur": "p-blur"; "onchange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
13924
14199
|
static ngAcceptInputType_autoFocus: any;
|
|
13925
14200
|
static ngAcceptInputType_appendBox: any;
|
|
13926
14201
|
}
|
|
@@ -14204,6 +14479,45 @@ declare abstract class PoDatepickerRangeBaseComponent implements ControlValueAcc
|
|
|
14204
14479
|
* @default `false`
|
|
14205
14480
|
*/
|
|
14206
14481
|
autoFocus: boolean;
|
|
14482
|
+
/**
|
|
14483
|
+
* @Input
|
|
14484
|
+
*
|
|
14485
|
+
* @optional
|
|
14486
|
+
*
|
|
14487
|
+
* @description
|
|
14488
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
14489
|
+
*
|
|
14490
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
14491
|
+
* - `po-label`
|
|
14492
|
+
* - `p-requirement (showRequired)`
|
|
14493
|
+
* - `po-helper`
|
|
14494
|
+
*
|
|
14495
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
14496
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
14497
|
+
* a seguir o comportamento de layout compacto.
|
|
14498
|
+
*
|
|
14499
|
+
* Também é possível definir esse comportamento de forma global,
|
|
14500
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
14501
|
+
* da customização dos tokens CSS:
|
|
14502
|
+
*
|
|
14503
|
+
* - `--field-container-title-justify`
|
|
14504
|
+
* - `--field-container-title-flex`
|
|
14505
|
+
*
|
|
14506
|
+
* Exemplo:
|
|
14507
|
+
*
|
|
14508
|
+
* ```
|
|
14509
|
+
* :root {
|
|
14510
|
+
* --field-container-title-justify: flex-start;
|
|
14511
|
+
* --field-container-title-flex: 0 1 auto;
|
|
14512
|
+
* }
|
|
14513
|
+
* ```
|
|
14514
|
+
*
|
|
14515
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
14516
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
14517
|
+
*
|
|
14518
|
+
* @default `false`
|
|
14519
|
+
*/
|
|
14520
|
+
compactLabel: i0.InputSignalWithTransform<boolean, unknown>;
|
|
14207
14521
|
/**
|
|
14208
14522
|
* @optional
|
|
14209
14523
|
*
|
|
@@ -14344,6 +14658,7 @@ declare abstract class PoDatepickerRangeBaseComponent implements ControlValueAcc
|
|
|
14344
14658
|
private _startDate?;
|
|
14345
14659
|
private _locale?;
|
|
14346
14660
|
private _size?;
|
|
14661
|
+
private _initialSize?;
|
|
14347
14662
|
private _placeholder;
|
|
14348
14663
|
private language;
|
|
14349
14664
|
private onChangeModel;
|
|
@@ -14525,6 +14840,7 @@ declare abstract class PoDatepickerRangeBaseComponent implements ControlValueAcc
|
|
|
14525
14840
|
get locale(): string;
|
|
14526
14841
|
constructor(changeDetector: ChangeDetectorRef, poDateService: PoDateService, languageService: PoLanguageService);
|
|
14527
14842
|
ngOnDestroy(): void;
|
|
14843
|
+
protected onThemeChange(): void;
|
|
14528
14844
|
setDisabledState(isDisabled: boolean): void;
|
|
14529
14845
|
mapSizeToIcon(size: string): string;
|
|
14530
14846
|
registerOnChange(func: any): void;
|
|
@@ -14545,10 +14861,11 @@ declare abstract class PoDatepickerRangeBaseComponent implements ControlValueAcc
|
|
|
14545
14861
|
private isDateRangeObject;
|
|
14546
14862
|
private requiredDateRangeFailed;
|
|
14547
14863
|
private dateIsValid;
|
|
14864
|
+
private applySizeBasedOnA11y;
|
|
14548
14865
|
protected abstract resetDateRangeInputValidation(): void;
|
|
14549
14866
|
protected abstract updateScreenByModel(dateRange: PoDatepickerRange): any;
|
|
14550
14867
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoDatepickerRangeBaseComponent, never>;
|
|
14551
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoDatepickerRangeBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "name": { "alias": "name"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "clean": { "alias": "p-clean"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "endDate": { "alias": "p-end-date"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "startDate": { "alias": "p-start-date"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onChange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
14868
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoDatepickerRangeBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "name": { "alias": "name"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "clean": { "alias": "p-clean"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "endDate": { "alias": "p-end-date"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "startDate": { "alias": "p-start-date"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onChange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
14552
14869
|
static ngAcceptInputType_appendBox: any;
|
|
14553
14870
|
static ngAcceptInputType_autoFocus: any;
|
|
14554
14871
|
}
|
|
@@ -14780,6 +15097,8 @@ interface ErrorAsyncProperties {
|
|
|
14780
15097
|
* | `--background` | Cor de background | `var(--color-neutral-light-05)` |
|
|
14781
15098
|
* | `--padding` | Preenchimento | `0 0.5rem` |
|
|
14782
15099
|
* | `--text-color` | Cor do texto | `var(--color-neutral-dark-90)` |
|
|
15100
|
+
* | `--field-container-title-justify` | Alinhamento horizontal do título (`justify-content`) | `space-between` |
|
|
15101
|
+
* | `--field-container-title-flex` | Flex do título (`flex`) | `1 auto` |
|
|
14783
15102
|
* | **Hover** | | |
|
|
14784
15103
|
* | `--color-hover` | Cor principal no estado hover | `var(--color-brand-01-dark)` |
|
|
14785
15104
|
* | `--background-hover` | Cor de background no estado hover | `var(--color-brand-01-lightest)` |
|
|
@@ -14838,6 +15157,45 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
14838
15157
|
* @default `false`
|
|
14839
15158
|
*/
|
|
14840
15159
|
autoFocus: boolean;
|
|
15160
|
+
/**
|
|
15161
|
+
* @Input
|
|
15162
|
+
*
|
|
15163
|
+
* @optional
|
|
15164
|
+
*
|
|
15165
|
+
* @description
|
|
15166
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
15167
|
+
*
|
|
15168
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
15169
|
+
* - `po-label`
|
|
15170
|
+
* - `p-requirement (showRequired)`
|
|
15171
|
+
* - `po-helper`
|
|
15172
|
+
*
|
|
15173
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
15174
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
15175
|
+
* a seguir o comportamento de layout compacto.
|
|
15176
|
+
*
|
|
15177
|
+
* Também é possível definir esse comportamento de forma global,
|
|
15178
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
15179
|
+
* da customização dos tokens CSS:
|
|
15180
|
+
*
|
|
15181
|
+
* - `--field-container-title-justify`
|
|
15182
|
+
* - `--field-container-title-flex`
|
|
15183
|
+
*
|
|
15184
|
+
* Exemplo:
|
|
15185
|
+
*
|
|
15186
|
+
* ```
|
|
15187
|
+
* :root {
|
|
15188
|
+
* --field-container-title-justify: flex-start;
|
|
15189
|
+
* --field-container-title-flex: 0 1 auto;
|
|
15190
|
+
* }
|
|
15191
|
+
* ```
|
|
15192
|
+
*
|
|
15193
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
15194
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
15195
|
+
*
|
|
15196
|
+
* @default `false`
|
|
15197
|
+
*/
|
|
15198
|
+
compactLabel: i0.InputSignalWithTransform<boolean, unknown>;
|
|
14841
15199
|
/**
|
|
14842
15200
|
* @optional
|
|
14843
15201
|
*
|
|
@@ -15040,6 +15398,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
15040
15398
|
private _noAutocomplete?;
|
|
15041
15399
|
private _placeholder?;
|
|
15042
15400
|
private _size?;
|
|
15401
|
+
private _initialSize?;
|
|
15043
15402
|
/**
|
|
15044
15403
|
* @optional
|
|
15045
15404
|
*
|
|
@@ -15203,6 +15562,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
15203
15562
|
labelTextWrap: i0.InputSignal<boolean>;
|
|
15204
15563
|
constructor(cd?: ChangeDetectorRef);
|
|
15205
15564
|
ngOnDestroy(): void;
|
|
15565
|
+
protected onThemeChange(): void;
|
|
15206
15566
|
callOnChange(value: any): void;
|
|
15207
15567
|
callUpdateModelWithTimeout(value: any): void;
|
|
15208
15568
|
controlChangeModelEmitter(value: any): void;
|
|
@@ -15248,6 +15608,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
15248
15608
|
protected isAdditionalHelpEventTriggered(): boolean;
|
|
15249
15609
|
mapSizeToIcon(size: string): string;
|
|
15250
15610
|
private validatePatternOnWriteValue;
|
|
15611
|
+
private applySizeBasedOnA11y;
|
|
15251
15612
|
/**
|
|
15252
15613
|
* Função que atribui foco ao componente.
|
|
15253
15614
|
*
|
|
@@ -15272,7 +15633,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
15272
15633
|
};
|
|
15273
15634
|
abstract getScreenValue(): string;
|
|
15274
15635
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoInputBaseComponent, never>;
|
|
15275
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoInputBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "emitAllChanges": { "alias": "p-emit-all-changes"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "errorAsyncProperties": { "alias": "p-error-async-properties"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "showErrorMessageRequired": { "alias": "p-required-field-error-message"; "required": false; }; "upperCase": { "alias": "p-upper-case"; "required": false; }; "maskNoLengthValidation": { "alias": "p-mask-no-length-validation"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "setDisabled": { "alias": "p-disabled"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "setReadonly": { "alias": "p-readonly"; "required": false; }; "setRequired": { "alias": "p-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "setClean": { "alias": "p-clean"; "required": false; }; "setPattern": { "alias": "p-pattern"; "required": false; }; "maxlength": { "alias": "p-maxlength"; "required": false; }; "minlength": { "alias": "p-minlength"; "required": false; }; "setMask": { "alias": "p-mask"; "required": false; }; "setMaskFormatModel": { "alias": "p-mask-format-model"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; }, { "additionalHelp": "p-additional-help"; "blur": "p-blur"; "enter": "p-enter"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
15636
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoInputBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "icon": { "alias": "p-icon"; "required": false; }; "emitAllChanges": { "alias": "p-emit-all-changes"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "errorAsyncProperties": { "alias": "p-error-async-properties"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "showErrorMessageRequired": { "alias": "p-required-field-error-message"; "required": false; }; "upperCase": { "alias": "p-upper-case"; "required": false; }; "maskNoLengthValidation": { "alias": "p-mask-no-length-validation"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "setDisabled": { "alias": "p-disabled"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "setReadonly": { "alias": "p-readonly"; "required": false; }; "setRequired": { "alias": "p-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "setClean": { "alias": "p-clean"; "required": false; }; "setPattern": { "alias": "p-pattern"; "required": false; }; "maxlength": { "alias": "p-maxlength"; "required": false; }; "minlength": { "alias": "p-minlength"; "required": false; }; "setMask": { "alias": "p-mask"; "required": false; }; "setMaskFormatModel": { "alias": "p-mask-format-model"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; }, { "additionalHelp": "p-additional-help"; "blur": "p-blur"; "enter": "p-enter"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
15276
15637
|
static ngAcceptInputType_appendBox: any;
|
|
15277
15638
|
static ngAcceptInputType_autoFocus: any;
|
|
15278
15639
|
static ngAcceptInputType_emitAllChanges: any;
|
|
@@ -16171,6 +16532,7 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
|
|
|
16171
16532
|
private _literals?;
|
|
16172
16533
|
private readonly language;
|
|
16173
16534
|
private _size?;
|
|
16535
|
+
private _initialSize?;
|
|
16174
16536
|
private _spacing;
|
|
16175
16537
|
inputEl: ElementRef;
|
|
16176
16538
|
additionalHelpEventTrigger: string | undefined;
|
|
@@ -16526,6 +16888,45 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
|
|
|
16526
16888
|
* @default `false`
|
|
16527
16889
|
*/
|
|
16528
16890
|
labelTextWrap: i0.InputSignal<boolean>;
|
|
16891
|
+
/**
|
|
16892
|
+
* @Input
|
|
16893
|
+
*
|
|
16894
|
+
* @optional
|
|
16895
|
+
*
|
|
16896
|
+
* @description
|
|
16897
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
16898
|
+
*
|
|
16899
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
16900
|
+
* - `po-label`
|
|
16901
|
+
* - `p-requirement (showRequired)`
|
|
16902
|
+
* - `po-helper`
|
|
16903
|
+
*
|
|
16904
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
16905
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
16906
|
+
* a seguir o comportamento de layout compacto.
|
|
16907
|
+
*
|
|
16908
|
+
* Também é possível definir esse comportamento de forma global,
|
|
16909
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
16910
|
+
* da customização dos tokens CSS:
|
|
16911
|
+
*
|
|
16912
|
+
* - `--field-container-title-justify`
|
|
16913
|
+
* - `--field-container-title-flex`
|
|
16914
|
+
*
|
|
16915
|
+
* Exemplo:
|
|
16916
|
+
*
|
|
16917
|
+
* ```
|
|
16918
|
+
* :root {
|
|
16919
|
+
* --field-container-title-justify: flex-start;
|
|
16920
|
+
* --field-container-title-flex: 0 1 auto;
|
|
16921
|
+
* }
|
|
16922
|
+
* ```
|
|
16923
|
+
*
|
|
16924
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
16925
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
16926
|
+
*
|
|
16927
|
+
* @default `false`
|
|
16928
|
+
*/
|
|
16929
|
+
compactLabel: i0.InputSignalWithTransform<boolean, unknown>;
|
|
16529
16930
|
/**
|
|
16530
16931
|
*
|
|
16531
16932
|
* @deprecated v23.x.x use `p-helper`
|
|
@@ -16728,6 +17129,7 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
|
|
|
16728
17129
|
ngAfterViewInit(): void;
|
|
16729
17130
|
cleanModel(): void;
|
|
16730
17131
|
ngOnChanges(changes: SimpleChanges): void;
|
|
17132
|
+
protected onThemeChange(): void;
|
|
16731
17133
|
setDisabledState(isDisabled: boolean): void;
|
|
16732
17134
|
registerOnValidatorChange(fn: () => void): void;
|
|
16733
17135
|
registerOnChange(func: any): void;
|
|
@@ -16749,13 +17151,14 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
|
|
|
16749
17151
|
private setControl;
|
|
16750
17152
|
private initializeColumn;
|
|
16751
17153
|
private updateLookupInputHeight;
|
|
17154
|
+
private applySizeBasedOnA11y;
|
|
16752
17155
|
abstract setViewValue(value: any, object: any): void;
|
|
16753
17156
|
abstract openLookup(): void;
|
|
16754
17157
|
abstract setDisclaimers(a: any): any;
|
|
16755
17158
|
abstract updateVisibleItems(): any;
|
|
16756
17159
|
protected abstract getDefaultSpacing(): any;
|
|
16757
17160
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoLookupBaseComponent, never>;
|
|
16758
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoLookupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "fieldFormat": { "alias": "p-field-format"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "advancedFilters": { "alias": "p-advanced-filters"; "required": false; }; "hideColumnsManager": { "alias": "p-hide-columns-manager"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "multiple": { "alias": "p-multiple"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "spacing": { "alias": "p-spacing"; "required": false; }; "textWrap": { "alias": "p-text-wrap"; "required": false; }; "virtualScroll": { "alias": "p-virtual-scroll"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onError": "p-error"; "keydown": "p-keydown"; "selected": "p-selected"; "change": "p-change"; "changeVisibleColumns": "p-change-visible-columns"; "columnRestoreManager": "p-restore-column-manager"; }, never, never, true, never>;
|
|
17161
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoLookupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "fieldFormat": { "alias": "p-field-format"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "advancedFilters": { "alias": "p-advanced-filters"; "required": false; }; "hideColumnsManager": { "alias": "p-hide-columns-manager"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "multiple": { "alias": "p-multiple"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "spacing": { "alias": "p-spacing"; "required": false; }; "textWrap": { "alias": "p-text-wrap"; "required": false; }; "virtualScroll": { "alias": "p-virtual-scroll"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onError": "p-error"; "keydown": "p-keydown"; "selected": "p-selected"; "change": "p-change"; "changeVisibleColumns": "p-change-visible-columns"; "columnRestoreManager": "p-restore-column-manager"; }, never, never, true, never>;
|
|
16759
17162
|
static ngAcceptInputType_appendBox: any;
|
|
16760
17163
|
static ngAcceptInputType_autoFocus: any;
|
|
16761
17164
|
static ngAcceptInputType_hideColumnsManager: any;
|
|
@@ -17127,6 +17530,8 @@ declare class PoMultiselectFilterService implements PoMultiselectFilter {
|
|
|
17127
17530
|
* | `--text-color-placeholder` | Cor do texto do placeholder | `var(--color-action-disabled)` |
|
|
17128
17531
|
* | `--color` | Cor principal do multiselect | `var(--color-neutral-dark-70)` |
|
|
17129
17532
|
* | `--background` | Cor de background | `var(--color-neutral-light-05)` |
|
|
17533
|
+
* | `--field-container-title-justify` | Alinhamento horizontal do título (`justify-content`) | `space-between` |
|
|
17534
|
+
* | `--field-container-title-flex` | Flex do título (`flex`) | `1 auto` |
|
|
17130
17535
|
* | **Hover** | | |
|
|
17131
17536
|
* | `--color-hover` | Cor principal no estado hover | `var(--color-action-hover)` |
|
|
17132
17537
|
* | `--background-hover` | Cor de background no estado hover | `var(--color-brand-01-lighter)` |
|
|
@@ -17170,6 +17575,45 @@ declare abstract class PoMultiselectBaseComponent implements ControlValueAccesso
|
|
|
17170
17575
|
* @default `false`
|
|
17171
17576
|
*/
|
|
17172
17577
|
autoFocus: boolean;
|
|
17578
|
+
/**
|
|
17579
|
+
* @Input
|
|
17580
|
+
*
|
|
17581
|
+
* @optional
|
|
17582
|
+
*
|
|
17583
|
+
* @description
|
|
17584
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
17585
|
+
*
|
|
17586
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
17587
|
+
* - `po-label`
|
|
17588
|
+
* - `p-requirement (showRequired)`
|
|
17589
|
+
* - `po-helper`
|
|
17590
|
+
*
|
|
17591
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
17592
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
17593
|
+
* a seguir o comportamento de layout compacto.
|
|
17594
|
+
*
|
|
17595
|
+
* Também é possível definir esse comportamento de forma global,
|
|
17596
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
17597
|
+
* da customização dos tokens CSS:
|
|
17598
|
+
*
|
|
17599
|
+
* - `--field-container-title-justify`
|
|
17600
|
+
* - `--field-container-title-flex`
|
|
17601
|
+
*
|
|
17602
|
+
* Exemplo:
|
|
17603
|
+
*
|
|
17604
|
+
* ```
|
|
17605
|
+
* :root {
|
|
17606
|
+
* --field-container-title-justify: flex-start;
|
|
17607
|
+
* --field-container-title-flex: 0 1 auto;
|
|
17608
|
+
* }
|
|
17609
|
+
* ```
|
|
17610
|
+
*
|
|
17611
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
17612
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
17613
|
+
*
|
|
17614
|
+
* @default `false`
|
|
17615
|
+
*/
|
|
17616
|
+
compactLabel: i0.InputSignalWithTransform<boolean, unknown>;
|
|
17173
17617
|
/**
|
|
17174
17618
|
* @optional
|
|
17175
17619
|
*
|
|
@@ -17360,6 +17804,7 @@ declare abstract class PoMultiselectBaseComponent implements ControlValueAccesso
|
|
|
17360
17804
|
private _fieldLabel?;
|
|
17361
17805
|
private _fieldValue?;
|
|
17362
17806
|
private _size?;
|
|
17807
|
+
private _initialSize?;
|
|
17363
17808
|
private language;
|
|
17364
17809
|
private lastLengthModel;
|
|
17365
17810
|
private onModelChange;
|
|
@@ -17612,6 +18057,7 @@ declare abstract class PoMultiselectBaseComponent implements ControlValueAccesso
|
|
|
17612
18057
|
get fieldValue(): string;
|
|
17613
18058
|
constructor(languageService: PoLanguageService, cd?: ChangeDetectorRef);
|
|
17614
18059
|
ngOnInit(): void;
|
|
18060
|
+
protected onThemeChange(): void;
|
|
17615
18061
|
setService(service: PoMultiselectFilter | string): void;
|
|
17616
18062
|
validAndSortOptions(): void;
|
|
17617
18063
|
setUndefinedLabels(options: any): void;
|
|
@@ -17640,10 +18086,11 @@ declare abstract class PoMultiselectBaseComponent implements ControlValueAccesso
|
|
|
17640
18086
|
private setLabelsAndValuesOptions;
|
|
17641
18087
|
private validateModel;
|
|
17642
18088
|
private updateInputHeight;
|
|
18089
|
+
private applySizeBasedOnA11y;
|
|
17643
18090
|
abstract applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
|
|
17644
18091
|
abstract updateVisibleItems(): void;
|
|
17645
18092
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoMultiselectBaseComponent, never>;
|
|
17646
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoMultiselectBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "name": { "alias": "name"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "listboxControlPosition": { "alias": "p-listbox-control-position"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; }, { "blur": "p-blur"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
18093
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoMultiselectBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "name": { "alias": "name"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "listboxControlPosition": { "alias": "p-listbox-control-position"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; }, { "blur": "p-blur"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
17647
18094
|
static ngAcceptInputType_autoFocus: any;
|
|
17648
18095
|
static ngAcceptInputType_hideSelectAll: any;
|
|
17649
18096
|
static ngAcceptInputType_appendBox: any;
|
|
@@ -18014,6 +18461,8 @@ interface PoRadioGroupOption {
|
|
|
18014
18461
|
* |----------------------------------------|-------------------------------------------------------------|-------------------------------------------------|
|
|
18015
18462
|
* | **Default Values** | | |
|
|
18016
18463
|
* | `--border-color` | Cor da borda | `var(--color-neutral-dark-70)` |
|
|
18464
|
+
* | `--field-container-title-justify` | Alinhamento horizontal do título (`justify-content`) | `space-between` |
|
|
18465
|
+
* | `--field-container-title-flex` | Flex do título (`flex`) | `1 auto` |
|
|
18017
18466
|
* | **Hover** | | |
|
|
18018
18467
|
* | `--shadow-color-hover` | Cor da sombra no estado hover | `var(--color-brand-01-lighter)` |
|
|
18019
18468
|
* | `--color-hover` | Cor principal no estado hover | `var(--color-brand-01-dark)` |
|
|
@@ -18069,6 +18518,45 @@ declare abstract class PoRadioGroupBaseComponent implements ControlValueAccessor
|
|
|
18069
18518
|
* @default `false`
|
|
18070
18519
|
*/
|
|
18071
18520
|
autoFocus: boolean;
|
|
18521
|
+
/**
|
|
18522
|
+
* @Input
|
|
18523
|
+
*
|
|
18524
|
+
* @optional
|
|
18525
|
+
*
|
|
18526
|
+
* @description
|
|
18527
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
18528
|
+
*
|
|
18529
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
18530
|
+
* - `po-label`
|
|
18531
|
+
* - `p-requirement (showRequired)`
|
|
18532
|
+
* - `po-helper`
|
|
18533
|
+
*
|
|
18534
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
18535
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
18536
|
+
* a seguir o comportamento de layout compacto.
|
|
18537
|
+
*
|
|
18538
|
+
* Também é possível definir esse comportamento de forma global,
|
|
18539
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
18540
|
+
* da customização dos tokens CSS:
|
|
18541
|
+
*
|
|
18542
|
+
* - `--field-container-title-justify`
|
|
18543
|
+
* - `--field-container-title-flex`
|
|
18544
|
+
*
|
|
18545
|
+
* Exemplo:
|
|
18546
|
+
*
|
|
18547
|
+
* ```
|
|
18548
|
+
* :root {
|
|
18549
|
+
* --field-container-title-justify: flex-start;
|
|
18550
|
+
* --field-container-title-flex: 0 1 auto;
|
|
18551
|
+
* }
|
|
18552
|
+
* ```
|
|
18553
|
+
*
|
|
18554
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
18555
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
18556
|
+
*
|
|
18557
|
+
* @default `false`
|
|
18558
|
+
*/
|
|
18559
|
+
compactLabel: i0.InputSignalWithTransform<boolean, unknown>;
|
|
18072
18560
|
/** Nome das opções. */
|
|
18073
18561
|
name: string;
|
|
18074
18562
|
/**
|
|
@@ -18167,12 +18655,14 @@ declare abstract class PoRadioGroupBaseComponent implements ControlValueAccessor
|
|
|
18167
18655
|
displayAdditionalHelp: boolean;
|
|
18168
18656
|
mdColumns: number;
|
|
18169
18657
|
value: any;
|
|
18658
|
+
protected cd: ChangeDetectorRef;
|
|
18170
18659
|
protected onTouched: any;
|
|
18171
18660
|
private _columns;
|
|
18172
18661
|
private _disabled?;
|
|
18173
18662
|
private _options;
|
|
18174
18663
|
private _required?;
|
|
18175
18664
|
private _size?;
|
|
18665
|
+
private _initialSize?;
|
|
18176
18666
|
private onChangePropagate;
|
|
18177
18667
|
private validatorChange;
|
|
18178
18668
|
/**
|
|
@@ -18244,6 +18734,7 @@ declare abstract class PoRadioGroupBaseComponent implements ControlValueAccessor
|
|
|
18244
18734
|
*/
|
|
18245
18735
|
set size(value: string);
|
|
18246
18736
|
get size(): string;
|
|
18737
|
+
protected onThemeChange(): void;
|
|
18247
18738
|
changeValue(changedValue: any): void;
|
|
18248
18739
|
setDisabledState(isDisabled: boolean): void;
|
|
18249
18740
|
registerOnChange(fn: any): void;
|
|
@@ -18256,9 +18747,10 @@ declare abstract class PoRadioGroupBaseComponent implements ControlValueAccessor
|
|
|
18256
18747
|
private checkColumnsRange;
|
|
18257
18748
|
private getGridSystemColumns;
|
|
18258
18749
|
private validateModel;
|
|
18750
|
+
private applySizeBasedOnA11y;
|
|
18259
18751
|
abstract getElementByValue(value: any): any;
|
|
18260
18752
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRadioGroupBaseComponent, never>;
|
|
18261
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoRadioGroupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
18753
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoRadioGroupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
18262
18754
|
static ngAcceptInputType_appendBox: any;
|
|
18263
18755
|
static ngAcceptInputType_autoFocus: any;
|
|
18264
18756
|
}
|
|
@@ -18291,7 +18783,6 @@ declare abstract class PoRadioGroupBaseComponent implements ControlValueAccessor
|
|
|
18291
18783
|
*/
|
|
18292
18784
|
declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent implements AfterViewInit, DoCheck, OnChanges {
|
|
18293
18785
|
private el;
|
|
18294
|
-
private cd;
|
|
18295
18786
|
/** Label do campo. */
|
|
18296
18787
|
label?: string;
|
|
18297
18788
|
/** Texto de apoio do campo. */
|
|
@@ -18508,6 +18999,45 @@ declare abstract class PoRichTextBaseComponent implements ControlValueAccessor,
|
|
|
18508
18999
|
* Rótulo do campo.
|
|
18509
19000
|
*/
|
|
18510
19001
|
label?: string;
|
|
19002
|
+
/**
|
|
19003
|
+
* @Input
|
|
19004
|
+
*
|
|
19005
|
+
* @optional
|
|
19006
|
+
*
|
|
19007
|
+
* @description
|
|
19008
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
19009
|
+
*
|
|
19010
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
19011
|
+
* - `po-label`
|
|
19012
|
+
* - `p-requirement (showRequired)`
|
|
19013
|
+
* - `po-helper`
|
|
19014
|
+
*
|
|
19015
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
19016
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
19017
|
+
* a seguir o comportamento de layout compacto.
|
|
19018
|
+
*
|
|
19019
|
+
* Também é possível definir esse comportamento de forma global,
|
|
19020
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
19021
|
+
* da customização dos tokens CSS:
|
|
19022
|
+
*
|
|
19023
|
+
* - `--field-container-title-justify`
|
|
19024
|
+
* - `--field-container-title-flex`
|
|
19025
|
+
*
|
|
19026
|
+
* Exemplo:
|
|
19027
|
+
*
|
|
19028
|
+
* ```
|
|
19029
|
+
* :root {
|
|
19030
|
+
* --field-container-title-justify: flex-start;
|
|
19031
|
+
* --field-container-title-flex: 0 1 auto;
|
|
19032
|
+
* }
|
|
19033
|
+
* ```
|
|
19034
|
+
*
|
|
19035
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
19036
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
19037
|
+
*
|
|
19038
|
+
* @default `false`
|
|
19039
|
+
*/
|
|
19040
|
+
compactLabel: i0.InputSignalWithTransform<boolean, unknown>;
|
|
18511
19041
|
/** Nome e identificador do campo. */
|
|
18512
19042
|
name: string;
|
|
18513
19043
|
/**
|
|
@@ -18620,6 +19150,7 @@ declare abstract class PoRichTextBaseComponent implements ControlValueAccessor,
|
|
|
18620
19150
|
private _readonly;
|
|
18621
19151
|
private _required;
|
|
18622
19152
|
private _size?;
|
|
19153
|
+
private _initialSize?;
|
|
18623
19154
|
private validatorChange;
|
|
18624
19155
|
protected onTouched: any;
|
|
18625
19156
|
/**
|
|
@@ -18690,6 +19221,7 @@ declare abstract class PoRichTextBaseComponent implements ControlValueAccessor,
|
|
|
18690
19221
|
*/
|
|
18691
19222
|
showRequired: boolean;
|
|
18692
19223
|
constructor(richTextService: PoRichTextService);
|
|
19224
|
+
protected onThemeChange(): void;
|
|
18693
19225
|
registerOnChange(func: any): void;
|
|
18694
19226
|
registerOnTouched(func: any): void;
|
|
18695
19227
|
registerOnValidatorChange(fn: () => void): void;
|
|
@@ -18699,8 +19231,9 @@ declare abstract class PoRichTextBaseComponent implements ControlValueAccessor,
|
|
|
18699
19231
|
writeValue(value: string): void;
|
|
18700
19232
|
protected updateModel(value: any): void;
|
|
18701
19233
|
protected validateModel(value: any): void;
|
|
19234
|
+
private applySizeBasedOnA11y;
|
|
18702
19235
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRichTextBaseComponent, never>;
|
|
18703
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoRichTextBaseComponent, never, never, { "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "disabledTextAlign": { "alias": "p-disabled-text-align"; "required": false; }; "errorMessage": { "alias": "p-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "hideToolbarActions": { "alias": "p-hide-toolbar-actions"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "height": { "alias": "p-height"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
19236
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoRichTextBaseComponent, never, never, { "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "disabledTextAlign": { "alias": "p-disabled-text-align"; "required": false; }; "errorMessage": { "alias": "p-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "hideToolbarActions": { "alias": "p-hide-toolbar-actions"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "height": { "alias": "p-height"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
18704
19237
|
static ngAcceptInputType_appendBox: any;
|
|
18705
19238
|
static ngAcceptInputType_autoFocus: any;
|
|
18706
19239
|
static ngAcceptInputType_disabledTextAlign: any;
|
|
@@ -19116,6 +19649,7 @@ declare class PoProgressBaseComponent {
|
|
|
19116
19649
|
private _value?;
|
|
19117
19650
|
private _size;
|
|
19118
19651
|
private _sizeActions;
|
|
19652
|
+
private _initialSizeActions;
|
|
19119
19653
|
/**
|
|
19120
19654
|
* @optional
|
|
19121
19655
|
*
|
|
@@ -19185,6 +19719,8 @@ declare class PoProgressBaseComponent {
|
|
|
19185
19719
|
* @default `false`
|
|
19186
19720
|
*/
|
|
19187
19721
|
showPercentage: boolean;
|
|
19722
|
+
protected onThemeChange(): void;
|
|
19723
|
+
private applySizeActionsBasedOnA11y;
|
|
19188
19724
|
private isProgressRangeValue;
|
|
19189
19725
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoProgressBaseComponent, never>;
|
|
19190
19726
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoProgressBaseComponent, never, never, { "disabledCancel": { "alias": "p-disabled-cancel"; "required": false; }; "info": { "alias": "p-info"; "required": false; }; "infoIcon": { "alias": "p-info-icon"; "required": false; }; "status": { "alias": "p-status"; "required": false; }; "text": { "alias": "p-text"; "required": false; }; "customAction": { "alias": "p-custom-action"; "required": false; }; "indeterminate": { "alias": "p-indeterminate"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "sizeActions": { "alias": "p-size-actions"; "required": false; }; "showPercentage": { "alias": "p-show-percentage"; "required": false; }; }, { "customActionClick": "p-custom-action-click"; "cancel": "p-cancel"; "retry": "p-retry"; }, never, never, true, never>;
|
|
@@ -19394,6 +19930,9 @@ declare class PoUploadService extends PoUploadBaseService {
|
|
|
19394
19930
|
*
|
|
19395
19931
|
* | Propriedade | Descrição | Valor Padrão |
|
|
19396
19932
|
* |----------------------------------------|-------------------------------------------------------|---------------------------------------------------|
|
|
19933
|
+
* | **FIELD CONTAINER** | | |
|
|
19934
|
+
* | `--field-container-title-justify` | Alinhamento horizontal do título (`justify-content`) | `space-between` |
|
|
19935
|
+
* | `--field-container-title-flex` | Flex do título (`flex`) | `1 auto` |
|
|
19397
19936
|
* | **TEXT SUPPORT** | | |
|
|
19398
19937
|
* | `--font-family-text-support` | Família tipográfica usada no texto de suporte | `var(--font-family-theme)` |
|
|
19399
19938
|
* | `--text-color-text-support` | Cor da fonte no texto de suporte | `var(--color-neutral-dark-90)` |
|
|
@@ -19482,6 +20021,45 @@ declare abstract class PoUploadBaseComponent implements ControlValueAccessor, Va
|
|
|
19482
20021
|
dragDropHeight: number;
|
|
19483
20022
|
/** Rótulo do campo. */
|
|
19484
20023
|
label?: string;
|
|
20024
|
+
/**
|
|
20025
|
+
* @Input
|
|
20026
|
+
*
|
|
20027
|
+
* @optional
|
|
20028
|
+
*
|
|
20029
|
+
* @description
|
|
20030
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
20031
|
+
*
|
|
20032
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
20033
|
+
* - `po-label`
|
|
20034
|
+
* - `p-requirement (showRequired)`
|
|
20035
|
+
* - `po-helper`
|
|
20036
|
+
*
|
|
20037
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
20038
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
20039
|
+
* a seguir o comportamento de layout compacto.
|
|
20040
|
+
*
|
|
20041
|
+
* Também é possível definir esse comportamento de forma global,
|
|
20042
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
20043
|
+
* da customização dos tokens CSS:
|
|
20044
|
+
*
|
|
20045
|
+
* - `--field-container-title-justify`
|
|
20046
|
+
* - `--field-container-title-flex`
|
|
20047
|
+
*
|
|
20048
|
+
* Exemplo:
|
|
20049
|
+
*
|
|
20050
|
+
* ```
|
|
20051
|
+
* :root {
|
|
20052
|
+
* --field-container-title-justify: flex-start;
|
|
20053
|
+
* --field-container-title-flex: 0 1 auto;
|
|
20054
|
+
* }
|
|
20055
|
+
* ```
|
|
20056
|
+
*
|
|
20057
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
20058
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
20059
|
+
*
|
|
20060
|
+
* @default `false`
|
|
20061
|
+
*/
|
|
20062
|
+
compactLabel: i0.InputSignalWithTransform<boolean, unknown>;
|
|
19485
20063
|
/** Texto de apoio para o campo. */
|
|
19486
20064
|
help?: string;
|
|
19487
20065
|
/** URL que deve ser feita a requisição com os arquivos selecionados. */
|
|
@@ -19818,6 +20396,7 @@ declare abstract class PoUploadBaseComponent implements ControlValueAccessor, Va
|
|
|
19818
20396
|
private _literals?;
|
|
19819
20397
|
private _required?;
|
|
19820
20398
|
private _size?;
|
|
20399
|
+
private _initialSize?;
|
|
19821
20400
|
private language;
|
|
19822
20401
|
private validatorChange;
|
|
19823
20402
|
/**
|
|
@@ -19995,6 +20574,7 @@ declare abstract class PoUploadBaseComponent implements ControlValueAccessor, Va
|
|
|
19995
20574
|
set size(value: string);
|
|
19996
20575
|
get size(): string;
|
|
19997
20576
|
constructor(uploadService: PoUploadService, languageService: PoLanguageService, cd: ChangeDetectorRef);
|
|
20577
|
+
protected onThemeChange(): void;
|
|
19998
20578
|
setDisabledState(isDisabled: boolean): void;
|
|
19999
20579
|
registerOnChange(fn: any): void;
|
|
20000
20580
|
registerOnTouched(fn: any): void;
|
|
@@ -20014,10 +20594,11 @@ declare abstract class PoUploadBaseComponent implements ControlValueAccessor, Va
|
|
|
20014
20594
|
private setAllowedExtensions;
|
|
20015
20595
|
private initRestrictions;
|
|
20016
20596
|
private updateExistsFileInFiles;
|
|
20597
|
+
private applySizeBasedOnA11y;
|
|
20017
20598
|
abstract sendFeedback(file?: any): void;
|
|
20018
20599
|
abstract setDirectoryAttribute(value: boolean): any;
|
|
20019
20600
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoUploadBaseComponent, never>;
|
|
20020
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoUploadBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "dragDropHeight": { "alias": "p-drag-drop-height"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "url": { "alias": "p-url"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autoUpload": { "alias": "p-auto-upload"; "required": false; }; "disabledRemoveFile": { "alias": "p-disabled-remove-file"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "showThumbnail": { "alias": "p-show-thumbnail"; "required": false; }; "headers": { "alias": "p-headers"; "required": false; }; "requiredUrl": { "alias": "p-required-url"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "customAction": { "alias": "p-custom-action"; "required": false; }; "customModalActions": { "alias": "p-custom-modal-actions"; "required": false; }; "directory": { "alias": "p-directory"; "required": false; }; "dragDrop": { "alias": "p-drag-drop"; "required": false; }; "hideRestrictionsInfo": { "alias": "p-hide-restrictions-info"; "required": false; }; "hideSelectButton": { "alias": "p-hide-select-button"; "required": false; }; "hideSendButton": { "alias": "p-hide-send-button"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "fileRestrictions": { "alias": "p-restrictions"; "required": false; }; "formField": { "alias": "p-form-field"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "isMultiple": { "alias": "p-multiple"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "customActionClick": "p-custom-action-click"; "keydown": "p-keydown"; "onUpload": "p-upload"; "onCancel": "p-cancel"; "onOpenModalPreview": "p-open-modal-preview"; "onRemove": "p-remove"; "onError": "p-error"; "onSuccess": "p-success"; "ngModelChange": "ngModelChange"; }, never, never, true, never>;
|
|
20601
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoUploadBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "dragDropHeight": { "alias": "p-drag-drop-height"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "help": { "alias": "p-help"; "required": false; }; "url": { "alias": "p-url"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autoUpload": { "alias": "p-auto-upload"; "required": false; }; "disabledRemoveFile": { "alias": "p-disabled-remove-file"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "showThumbnail": { "alias": "p-show-thumbnail"; "required": false; }; "headers": { "alias": "p-headers"; "required": false; }; "requiredUrl": { "alias": "p-required-url"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "customAction": { "alias": "p-custom-action"; "required": false; }; "customModalActions": { "alias": "p-custom-modal-actions"; "required": false; }; "directory": { "alias": "p-directory"; "required": false; }; "dragDrop": { "alias": "p-drag-drop"; "required": false; }; "hideRestrictionsInfo": { "alias": "p-hide-restrictions-info"; "required": false; }; "hideSelectButton": { "alias": "p-hide-select-button"; "required": false; }; "hideSendButton": { "alias": "p-hide-send-button"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "fileRestrictions": { "alias": "p-restrictions"; "required": false; }; "formField": { "alias": "p-form-field"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "isMultiple": { "alias": "p-multiple"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "customActionClick": "p-custom-action-click"; "keydown": "p-keydown"; "onUpload": "p-upload"; "onCancel": "p-cancel"; "onOpenModalPreview": "p-open-modal-preview"; "onRemove": "p-remove"; "onError": "p-error"; "onSuccess": "p-success"; "ngModelChange": "ngModelChange"; }, never, never, true, never>;
|
|
20021
20602
|
static ngAcceptInputType_appendBox: any;
|
|
20022
20603
|
static ngAcceptInputType_autoFocus: any;
|
|
20023
20604
|
static ngAcceptInputType_disabledRemoveFile: any;
|
|
@@ -20598,6 +21179,8 @@ declare abstract class PoFieldValidateModel<T> extends PoFieldModel<T> implement
|
|
|
20598
21179
|
* | `--text-color` | Cor do texto | `var(--color-neutral-dark-90)` |
|
|
20599
21180
|
* | `--padding-horizontal` | Preenchimento horizontal | `0.5em` |
|
|
20600
21181
|
* | `--padding-vertical` | Preenchimento vertical | `0.7em` |
|
|
21182
|
+
* | `--field-container-title-justify` | Alinhamento horizontal do título (`justify-content`) | `space-between` |
|
|
21183
|
+
* | `--field-container-title-flex` | Flex do título (`flex`) | `1 auto` |
|
|
20601
21184
|
* | **Hover** | | |
|
|
20602
21185
|
* | `--color-hover` | Cor principal no estado hover | `var(--color-brand-01-dark)` |
|
|
20603
21186
|
* | `--background-hover` | Cor de background no estado hover | `var(--color-brand-01-lighter)` |
|
|
@@ -20647,6 +21230,45 @@ declare class PoSelectComponent extends PoFieldValidateModel<any> implements OnC
|
|
|
20647
21230
|
* @default `false`
|
|
20648
21231
|
*/
|
|
20649
21232
|
readonly: boolean;
|
|
21233
|
+
/**
|
|
21234
|
+
* @Input
|
|
21235
|
+
*
|
|
21236
|
+
* @optional
|
|
21237
|
+
*
|
|
21238
|
+
* @description
|
|
21239
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
21240
|
+
*
|
|
21241
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
21242
|
+
* - `po-label`
|
|
21243
|
+
* - `p-requirement (showRequired)`
|
|
21244
|
+
* - `po-helper`
|
|
21245
|
+
*
|
|
21246
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
21247
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
21248
|
+
* a seguir o comportamento de layout compacto.
|
|
21249
|
+
*
|
|
21250
|
+
* Também é possível definir esse comportamento de forma global,
|
|
21251
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
21252
|
+
* da customização dos tokens CSS:
|
|
21253
|
+
*
|
|
21254
|
+
* - `--field-container-title-justify`
|
|
21255
|
+
* - `--field-container-title-flex`
|
|
21256
|
+
*
|
|
21257
|
+
* Exemplo:
|
|
21258
|
+
*
|
|
21259
|
+
* ```
|
|
21260
|
+
* :root {
|
|
21261
|
+
* --field-container-title-justify: flex-start;
|
|
21262
|
+
* --field-container-title-flex: 0 1 auto;
|
|
21263
|
+
* }
|
|
21264
|
+
* ```
|
|
21265
|
+
*
|
|
21266
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
21267
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
21268
|
+
*
|
|
21269
|
+
* @default `false`
|
|
21270
|
+
*/
|
|
21271
|
+
compactLabel: i0.InputSignalWithTransform<boolean, unknown>;
|
|
20650
21272
|
/** Mensagem que aparecerá enquanto nenhuma opção estiver selecionada. */
|
|
20651
21273
|
placeholder?: string;
|
|
20652
21274
|
displayValue: any;
|
|
@@ -20663,6 +21285,7 @@ declare class PoSelectComponent extends PoFieldValidateModel<any> implements OnC
|
|
|
20663
21285
|
private _loading;
|
|
20664
21286
|
private _options;
|
|
20665
21287
|
private _size?;
|
|
21288
|
+
private _initialSize?;
|
|
20666
21289
|
/**
|
|
20667
21290
|
* Nesta propriedade deve ser definido uma coleção de objetos que implementam a interface `PoSelectOption`,
|
|
20668
21291
|
* ou uma coleção de objetos dentro de grupos diferentes, que seriam da interface `PoSelectOptionGroup`.
|
|
@@ -20783,6 +21406,7 @@ declare class PoSelectComponent extends PoFieldValidateModel<any> implements OnC
|
|
|
20783
21406
|
labelTextWrap: i0.InputSignal<boolean>;
|
|
20784
21407
|
constructor();
|
|
20785
21408
|
ngOnChanges(changes: SimpleChanges): void;
|
|
21409
|
+
protected onThemeChange(): void;
|
|
20786
21410
|
/**
|
|
20787
21411
|
* Função que atribui foco ao componente.
|
|
20788
21412
|
*
|
|
@@ -20851,8 +21475,9 @@ declare class PoSelectComponent extends PoFieldValidateModel<any> implements OnC
|
|
|
20851
21475
|
private transformInArray;
|
|
20852
21476
|
private separateOptions;
|
|
20853
21477
|
private validateOptions;
|
|
21478
|
+
private applySizeBasedOnA11y;
|
|
20854
21479
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoSelectComponent, never>;
|
|
20855
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoSelectComponent, "po-select", never, { "readonly": { "alias": "p-readonly"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; }, { "blur": "p-blur"; "ngModelChange": "ngModelChange"; }, never, never, false, never>;
|
|
21480
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoSelectComponent, "po-select", never, { "readonly": { "alias": "p-readonly"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; }, { "blur": "p-blur"; "ngModelChange": "ngModelChange"; }, never, never, false, never>;
|
|
20856
21481
|
static ngAcceptInputType_readonly: any;
|
|
20857
21482
|
static ngAcceptInputType_controlValueWithLabel: any;
|
|
20858
21483
|
}
|
|
@@ -20899,6 +21524,8 @@ declare class PoSelectComponent extends PoFieldValidateModel<any> implements OnC
|
|
|
20899
21524
|
* | `--text-color-placeholder` | Cor do texto placeholder | `var(--color-neutral-light-30)` |
|
|
20900
21525
|
* | `--color` | Cor pincipal do campo | `var(--color-neutral-dark-70)` |
|
|
20901
21526
|
* | `--background` | Cor de background | `var(--color-neutral-light-05)` |
|
|
21527
|
+
* | `--field-container-title-justify` | Alinhamento horizontal do título (`justify-content`) | `space-between` |
|
|
21528
|
+
* | `--field-container-title-flex` | Flex do título (`flex`) | `1 auto` |
|
|
20902
21529
|
*
|
|
20903
21530
|
*/
|
|
20904
21531
|
declare abstract class PoTextareaBaseComponent implements ControlValueAccessor, Validator {
|
|
@@ -20944,6 +21571,45 @@ declare abstract class PoTextareaBaseComponent implements ControlValueAccessor,
|
|
|
20944
21571
|
* @default `false`
|
|
20945
21572
|
*/
|
|
20946
21573
|
autoFocus: boolean;
|
|
21574
|
+
/**
|
|
21575
|
+
* @Input
|
|
21576
|
+
*
|
|
21577
|
+
* @optional
|
|
21578
|
+
*
|
|
21579
|
+
* @description
|
|
21580
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
21581
|
+
*
|
|
21582
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
21583
|
+
* - `po-label`
|
|
21584
|
+
* - `p-requirement (showRequired)`
|
|
21585
|
+
* - `po-helper`
|
|
21586
|
+
*
|
|
21587
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
21588
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
21589
|
+
* a seguir o comportamento de layout compacto.
|
|
21590
|
+
*
|
|
21591
|
+
* Também é possível definir esse comportamento de forma global,
|
|
21592
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
21593
|
+
* da customização dos tokens CSS:
|
|
21594
|
+
*
|
|
21595
|
+
* - `--field-container-title-justify`
|
|
21596
|
+
* - `--field-container-title-flex`
|
|
21597
|
+
*
|
|
21598
|
+
* Exemplo:
|
|
21599
|
+
*
|
|
21600
|
+
* ```
|
|
21601
|
+
* :root {
|
|
21602
|
+
* --field-container-title-justify: flex-start;
|
|
21603
|
+
* --field-container-title-flex: 0 1 auto;
|
|
21604
|
+
* }
|
|
21605
|
+
* ```
|
|
21606
|
+
*
|
|
21607
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
21608
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
21609
|
+
*
|
|
21610
|
+
* @default `false`
|
|
21611
|
+
*/
|
|
21612
|
+
compactLabel: i0.InputSignalWithTransform<boolean, unknown>;
|
|
20947
21613
|
/** Label do campo. */
|
|
20948
21614
|
label?: string;
|
|
20949
21615
|
/** Texto de apoio do campo. */
|
|
@@ -21076,6 +21742,7 @@ declare abstract class PoTextareaBaseComponent implements ControlValueAccessor,
|
|
|
21076
21742
|
private _required;
|
|
21077
21743
|
private _rows;
|
|
21078
21744
|
private _size?;
|
|
21745
|
+
private _initialSize?;
|
|
21079
21746
|
private modelLastUpdate;
|
|
21080
21747
|
private onChangePropagate;
|
|
21081
21748
|
private validatorChange;
|
|
@@ -21171,6 +21838,7 @@ declare abstract class PoTextareaBaseComponent implements ControlValueAccessor,
|
|
|
21171
21838
|
set size(value: string);
|
|
21172
21839
|
get size(): string;
|
|
21173
21840
|
constructor(cd: ChangeDetectorRef);
|
|
21841
|
+
protected onThemeChange(): void;
|
|
21174
21842
|
callOnChange(value: any): void;
|
|
21175
21843
|
controlChangeModelEmitter(value: any): void;
|
|
21176
21844
|
setDisabledState(isDisabled: boolean): void;
|
|
@@ -21182,9 +21850,10 @@ declare abstract class PoTextareaBaseComponent implements ControlValueAccessor,
|
|
|
21182
21850
|
};
|
|
21183
21851
|
writeValue(value: any): void;
|
|
21184
21852
|
protected validateModel(): void;
|
|
21853
|
+
private applySizeBasedOnA11y;
|
|
21185
21854
|
abstract writeValueModel(value: any): void;
|
|
21186
21855
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoTextareaBaseComponent, never>;
|
|
21187
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTextareaBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "minlength": { "alias": "p-minlength"; "required": false; }; "maxlength": { "alias": "p-maxlength"; "required": false; }; "rows": { "alias": "p-rows"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "blur": "p-blur"; "enter": "p-enter"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
21856
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTextareaBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "minlength": { "alias": "p-minlength"; "required": false; }; "maxlength": { "alias": "p-maxlength"; "required": false; }; "rows": { "alias": "p-rows"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "blur": "p-blur"; "enter": "p-enter"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
21188
21857
|
static ngAcceptInputType_appendBox: any;
|
|
21189
21858
|
static ngAcceptInputType_autoFocus: any;
|
|
21190
21859
|
}
|
|
@@ -21754,17 +22423,20 @@ declare class PoDialogComponent implements OnDestroy, OnInit {
|
|
|
21754
22423
|
private componentRef;
|
|
21755
22424
|
private closeSubscription;
|
|
21756
22425
|
private _componentsSize?;
|
|
22426
|
+
private _initialComponentsSize?;
|
|
21757
22427
|
private language;
|
|
21758
22428
|
set componentsSize(value: string);
|
|
21759
22429
|
get componentsSize(): string;
|
|
21760
22430
|
constructor(languageService: PoLanguageService);
|
|
21761
22431
|
ngOnDestroy(): void;
|
|
21762
22432
|
ngOnInit(): void;
|
|
22433
|
+
protected onThemeChange(): void;
|
|
21763
22434
|
close(xClosed?: boolean): void;
|
|
21764
22435
|
destroy(): void;
|
|
21765
22436
|
configDialog(primaryLabel?: any, primaryAction?: any, secondaryLabel?: any, secondaryAction?: any, closeAction?: any): void;
|
|
21766
22437
|
open(dialogOptions: PoDialogConfirmOptions | PoDialogAlertOptions, dialogType: PoDialogType, componentRef?: ComponentRef<PoDialogComponent>): void;
|
|
21767
22438
|
private setDialogLiterals;
|
|
22439
|
+
private applySizeBasedOnA11y;
|
|
21768
22440
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoDialogComponent, never>;
|
|
21769
22441
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoDialogComponent, "ng-component", never, { "componentsSize": { "alias": "p-components-size"; "required": false; }; }, {}, never, never, false, never>;
|
|
21770
22442
|
}
|
|
@@ -22827,6 +23499,41 @@ interface PoDynamicFormField extends PoDynamicField {
|
|
|
22827
23499
|
* @default `false`
|
|
22828
23500
|
*/
|
|
22829
23501
|
invalidValue?: boolean;
|
|
23502
|
+
/**
|
|
23503
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
23504
|
+
*
|
|
23505
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
23506
|
+
* - `po-label`
|
|
23507
|
+
* - `p-requirement (showRequired)`
|
|
23508
|
+
* - `po-helper`
|
|
23509
|
+
*
|
|
23510
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
23511
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
23512
|
+
* a seguir o comportamento de layout compacto.
|
|
23513
|
+
*
|
|
23514
|
+
* Também é possível definir esse comportamento de forma global,
|
|
23515
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
23516
|
+
* da customização dos tokens CSS:
|
|
23517
|
+
*
|
|
23518
|
+
* - `--field-container-title-justify`
|
|
23519
|
+
* - `--field-container-title-flex`
|
|
23520
|
+
*
|
|
23521
|
+
* Exemplo:
|
|
23522
|
+
* ```
|
|
23523
|
+
* :root {
|
|
23524
|
+
* --field-container-title-justify: flex-start;
|
|
23525
|
+
* --field-container-title-flex: 0 1 auto;
|
|
23526
|
+
* }
|
|
23527
|
+
* ```
|
|
23528
|
+
*
|
|
23529
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
23530
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
23531
|
+
*
|
|
23532
|
+
* @default `false`
|
|
23533
|
+
*
|
|
23534
|
+
* **Compatível com todos os componentes**
|
|
23535
|
+
*/
|
|
23536
|
+
compactLabel?: boolean;
|
|
22830
23537
|
}
|
|
22831
23538
|
|
|
22832
23539
|
/**
|
|
@@ -23019,6 +23726,7 @@ declare class PoDynamicFormBaseComponent {
|
|
|
23019
23726
|
*/
|
|
23020
23727
|
validateFields?: Array<string>;
|
|
23021
23728
|
private _componentsSize?;
|
|
23729
|
+
private _initialComponentsSize?;
|
|
23022
23730
|
private _groupForm?;
|
|
23023
23731
|
/**
|
|
23024
23732
|
* @optional
|
|
@@ -23073,6 +23781,8 @@ declare class PoDynamicFormBaseComponent {
|
|
|
23073
23781
|
*
|
|
23074
23782
|
*/
|
|
23075
23783
|
validateOnInput: boolean;
|
|
23784
|
+
protected onThemeChange(): void;
|
|
23785
|
+
private applySizeBasedOnA11y;
|
|
23076
23786
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoDynamicFormBaseComponent, never>;
|
|
23077
23787
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoDynamicFormBaseComponent, never, never, { "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "fields": { "alias": "p-fields"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; "load": { "alias": "p-load"; "required": false; }; "validate": { "alias": "p-validate"; "required": false; }; "validateFields": { "alias": "p-validate-fields"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "groupForm": { "alias": "p-group-form"; "required": false; }; "validateOnInput": { "alias": "p-validate-on-input"; "required": false; }; }, { "formOutput": "p-form"; }, never, never, true, never>;
|
|
23078
23788
|
static ngAcceptInputType_validateOnInput: any;
|
|
@@ -23583,6 +24293,7 @@ declare class PoDynamicFormFieldsBaseComponent extends PoDynamicSharedBase {
|
|
|
23583
24293
|
objectValue: EventEmitter<any>;
|
|
23584
24294
|
validateOnInput: boolean;
|
|
23585
24295
|
private _componentsSize?;
|
|
24296
|
+
private _initialComponentsSize?;
|
|
23586
24297
|
private _fields;
|
|
23587
24298
|
private _validateFields;
|
|
23588
24299
|
private _value?;
|
|
@@ -23596,6 +24307,7 @@ declare class PoDynamicFormFieldsBaseComponent extends PoDynamicSharedBase {
|
|
|
23596
24307
|
get validateFields(): Array<string>;
|
|
23597
24308
|
constructor(titleCasePipe: TitleCasePipe);
|
|
23598
24309
|
compareTo(value: any, compareTo: any): boolean;
|
|
24310
|
+
protected onThemeChange(): void;
|
|
23599
24311
|
protected getVisibleFields(): any[];
|
|
23600
24312
|
private convertOptions;
|
|
23601
24313
|
private createField;
|
|
@@ -23617,6 +24329,7 @@ declare class PoDynamicFormFieldsBaseComponent extends PoDynamicSharedBase {
|
|
|
23617
24329
|
private isSelect;
|
|
23618
24330
|
private isTextarea;
|
|
23619
24331
|
private printError;
|
|
24332
|
+
private applySizeBasedOnA11y;
|
|
23620
24333
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoDynamicFormFieldsBaseComponent, never>;
|
|
23621
24334
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoDynamicFormFieldsBaseComponent, never, never, { "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "disabledForm": { "alias": "p-disabled-form"; "required": false; }; "validate": { "alias": "p-validate"; "required": false; }; "validateOnInput": { "alias": "p-validate-on-input"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "fields": { "alias": "p-fields"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; "validateFields": { "alias": "p-validate-fields"; "required": false; }; }, { "formValidate": "p-form-validate"; "fieldsChange": "p-fieldsChange"; "objectValue": "p-object-value"; }, never, never, true, never>;
|
|
23622
24335
|
}
|
|
@@ -23739,6 +24452,7 @@ declare class PoDynamicViewBaseComponent extends PoDynamicSharedBase {
|
|
|
23739
24452
|
load: string | Function;
|
|
23740
24453
|
service: any;
|
|
23741
24454
|
private _componentsSize?;
|
|
24455
|
+
private _initialComponentsSize?;
|
|
23742
24456
|
private _fields;
|
|
23743
24457
|
private _showAllValue;
|
|
23744
24458
|
private _value;
|
|
@@ -23824,6 +24538,7 @@ declare class PoDynamicViewBaseComponent extends PoDynamicSharedBase {
|
|
|
23824
24538
|
set value(value: object);
|
|
23825
24539
|
get value(): object;
|
|
23826
24540
|
constructor(currencyPipe: CurrencyPipe, datePipe: DatePipe, decimalPipe: DecimalPipe, timePipe: PoTimePipe, titleCasePipe: TitleCasePipe, dynamicViewService: PoDynamicViewService, comboFilterService: PoComboFilterService, multiselectFilterService: PoMultiselectFilterService);
|
|
24541
|
+
protected onThemeChange(): void;
|
|
23827
24542
|
protected getFieldOrderRetroactive(position: number, index?: number): number;
|
|
23828
24543
|
protected getFieldOrder(field: PoDynamicViewField, index: number): number;
|
|
23829
24544
|
protected getConfiguredFields(useSearchService?: boolean): any[];
|
|
@@ -23884,6 +24599,7 @@ declare class PoDynamicViewBaseComponent extends PoDynamicSharedBase {
|
|
|
23884
24599
|
private transformFieldLabel;
|
|
23885
24600
|
private transformValue;
|
|
23886
24601
|
private formatField;
|
|
24602
|
+
private applySizeBasedOnA11y;
|
|
23887
24603
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoDynamicViewBaseComponent, never>;
|
|
23888
24604
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoDynamicViewBaseComponent, never, never, { "load": { "alias": "p-load"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "fields": { "alias": "p-fields"; "required": false; }; "showAllValue": { "alias": "p-show-all-value"; "required": false; }; "textWrap": { "alias": "p-text-wrap"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; }, {}, never, never, true, never>;
|
|
23889
24605
|
}
|
|
@@ -23969,6 +24685,7 @@ declare class PoInfoBaseComponent {
|
|
|
23969
24685
|
private _labelSize;
|
|
23970
24686
|
private _orientation;
|
|
23971
24687
|
private _size?;
|
|
24688
|
+
private _initialSize?;
|
|
23972
24689
|
/**
|
|
23973
24690
|
* @optional
|
|
23974
24691
|
*
|
|
@@ -24011,6 +24728,8 @@ declare class PoInfoBaseComponent {
|
|
|
24011
24728
|
*/
|
|
24012
24729
|
set size(value: string);
|
|
24013
24730
|
get size(): string;
|
|
24731
|
+
protected onThemeChange(): void;
|
|
24732
|
+
private applySizeBasedOnA11y;
|
|
24014
24733
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoInfoBaseComponent, never>;
|
|
24015
24734
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoInfoBaseComponent, never, never, { "label": { "alias": "p-label"; "required": false; }; "url": { "alias": "p-url"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; "labelSize": { "alias": "p-label-size"; "required": false; }; "orientation": { "alias": "p-orientation"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, {}, never, never, true, never>;
|
|
24016
24735
|
}
|
|
@@ -24797,6 +25516,7 @@ declare class PoListViewBaseComponent {
|
|
|
24797
25516
|
showHeader: boolean;
|
|
24798
25517
|
private _actions;
|
|
24799
25518
|
private _componentsSize;
|
|
25519
|
+
private _initialComponentsSize;
|
|
24800
25520
|
private _height;
|
|
24801
25521
|
private _hideSelectAll;
|
|
24802
25522
|
private _items;
|
|
@@ -24924,6 +25644,8 @@ declare class PoListViewBaseComponent {
|
|
|
24924
25644
|
runTitleAction(listItem: any): void;
|
|
24925
25645
|
selectAllListItems(): void;
|
|
24926
25646
|
selectListItem(row: any): void;
|
|
25647
|
+
protected onThemeChange(): void;
|
|
25648
|
+
private applySizeBasedOnA11y;
|
|
24927
25649
|
private deleteInternalAttrs;
|
|
24928
25650
|
private checkIfItemsAreSelected;
|
|
24929
25651
|
private showMainHeader;
|
|
@@ -25505,6 +26227,7 @@ declare abstract class PoMenuBaseComponent {
|
|
|
25505
26227
|
readonly literals: any;
|
|
25506
26228
|
private _collapsed;
|
|
25507
26229
|
private _componentsSize;
|
|
26230
|
+
private _initialComponentsSize;
|
|
25508
26231
|
private _filter;
|
|
25509
26232
|
private _searchTreeItems;
|
|
25510
26233
|
private _level;
|
|
@@ -25702,6 +26425,7 @@ declare abstract class PoMenuBaseComponent {
|
|
|
25702
26425
|
set logoLink(value: boolean | string);
|
|
25703
26426
|
get logoLink(): boolean | string;
|
|
25704
26427
|
constructor(menuGlobalService: PoMenuGlobalService, menuService: PoMenuService, languageService: PoLanguageService);
|
|
26428
|
+
protected onThemeChange(): void;
|
|
25705
26429
|
protected setMenuExtraProperties(): void;
|
|
25706
26430
|
protected setMenuItemProperties(menuItem: PoMenuItem): void;
|
|
25707
26431
|
protected validateMenus(menus: any): void;
|
|
@@ -25711,6 +26435,7 @@ declare abstract class PoMenuBaseComponent {
|
|
|
25711
26435
|
private removeBadgeAlert;
|
|
25712
26436
|
private setMenuBadgeAlert;
|
|
25713
26437
|
private validateMenu;
|
|
26438
|
+
private applySizeBasedOnA11y;
|
|
25714
26439
|
protected abstract checkActiveMenuByUrl(urlRouter: any): any;
|
|
25715
26440
|
protected abstract checkingRouterChildrenFragments(): any;
|
|
25716
26441
|
protected abstract validateCollapseClass(): any;
|
|
@@ -26996,6 +27721,7 @@ declare abstract class PoPageDefaultBaseComponent {
|
|
|
26996
27721
|
protected language: string;
|
|
26997
27722
|
private _actions?;
|
|
26998
27723
|
private _componentsSize?;
|
|
27724
|
+
private _initialComponentsSize?;
|
|
26999
27725
|
private _literals;
|
|
27000
27726
|
private _title;
|
|
27001
27727
|
/**
|
|
@@ -27070,6 +27796,8 @@ declare abstract class PoPageDefaultBaseComponent {
|
|
|
27070
27796
|
*/
|
|
27071
27797
|
subtitle: string;
|
|
27072
27798
|
constructor(languageService: PoLanguageService);
|
|
27799
|
+
protected onThemeChange(): void;
|
|
27800
|
+
private applySizeBasedOnA11y;
|
|
27073
27801
|
abstract setDropdownActions(): any;
|
|
27074
27802
|
abstract getVisibleActions(): any;
|
|
27075
27803
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoPageDefaultBaseComponent, never>;
|
|
@@ -27195,6 +27923,7 @@ declare class PoPageDetailBaseComponent {
|
|
|
27195
27923
|
*/
|
|
27196
27924
|
remove: EventEmitter<any>;
|
|
27197
27925
|
private _componentsSize?;
|
|
27926
|
+
private _initialComponentsSize?;
|
|
27198
27927
|
private _literals;
|
|
27199
27928
|
private _title;
|
|
27200
27929
|
private language;
|
|
@@ -27264,6 +27993,8 @@ declare class PoPageDetailBaseComponent {
|
|
|
27264
27993
|
*/
|
|
27265
27994
|
subtitle: string;
|
|
27266
27995
|
constructor(languageService: PoLanguageService);
|
|
27996
|
+
protected onThemeChange(): void;
|
|
27997
|
+
private applySizeBasedOnA11y;
|
|
27267
27998
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoPageDetailBaseComponent, never>;
|
|
27268
27999
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageDetailBaseComponent, never, never, { "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; }, { "back": "p-back"; "edit": "p-edit"; "remove": "p-remove"; }, never, never, true, never>;
|
|
27269
28000
|
}
|
|
@@ -27378,6 +28109,7 @@ declare class PoPageEditBaseComponent {
|
|
|
27378
28109
|
*/
|
|
27379
28110
|
saveNew: EventEmitter<any>;
|
|
27380
28111
|
private _componentsSize?;
|
|
28112
|
+
private _initialComponentsSize?;
|
|
27381
28113
|
private _literals;
|
|
27382
28114
|
private _title;
|
|
27383
28115
|
private language;
|
|
@@ -27447,6 +28179,8 @@ declare class PoPageEditBaseComponent {
|
|
|
27447
28179
|
*/
|
|
27448
28180
|
subtitle: string;
|
|
27449
28181
|
constructor(languageService: PoLanguageService);
|
|
28182
|
+
protected onThemeChange(): void;
|
|
28183
|
+
private applySizeBasedOnA11y;
|
|
27450
28184
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoPageEditBaseComponent, never>;
|
|
27451
28185
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageEditBaseComponent, never, never, { "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; "disableSubmit": { "alias": "p-disable-submit"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; }, { "cancel": "p-cancel"; "save": "p-save"; "saveNew": "p-save-new"; }, never, never, true, never>;
|
|
27452
28186
|
}
|
|
@@ -28150,7 +28884,7 @@ declare class PoThemeService {
|
|
|
28150
28884
|
* @param {boolean} [persistPreference=true] - (Opcional) Define se a preferência de tema deve ser salva no
|
|
28151
28885
|
* localStorage para persistência. Por padrão é `true`, ou seja, a preferência será salva automaticamente.
|
|
28152
28886
|
*/
|
|
28153
|
-
setTheme(themeConfig: PoTheme, themeType?: PoThemeTypeEnum, a11yLevel?: PoThemeA11yEnum, persistPreference?: boolean): void
|
|
28887
|
+
setTheme(themeConfig: PoTheme, themeType?: PoThemeTypeEnum, a11yLevel?: PoThemeA11yEnum, persistPreference?: boolean): Promise<void>;
|
|
28154
28888
|
private setDataDefaultSizeHTML;
|
|
28155
28889
|
/**
|
|
28156
28890
|
* Retorna o nível de acessibilidade configurado no tema.
|
|
@@ -28159,14 +28893,26 @@ declare class PoThemeService {
|
|
|
28159
28893
|
*/
|
|
28160
28894
|
getA11yLevel(): PoThemeA11yEnum;
|
|
28161
28895
|
/**
|
|
28162
|
-
* Define o tamanho `small` como padrão para componentes
|
|
28163
|
-
*
|
|
28164
|
-
* `localStorage` sob a chave `po-default-size
|
|
28896
|
+
* Define o tamanho `small` como padrão para componentes que não possuem um tamanho definido. Essa configuração é
|
|
28897
|
+
* aplicada globalmente apenas quando o nível de acessibilidade for `AA`. O valor definido é salvo no
|
|
28898
|
+
* `localStorage` sob a chave `po-default-size` e o atributo `data-default-size` é adicionado ao elemento HTML
|
|
28899
|
+
* para que os componentes possam aplicar o tamanho
|
|
28900
|
+
*
|
|
28901
|
+
* Exemplo de uso:
|
|
28902
|
+
*
|
|
28903
|
+
* ```typescript
|
|
28904
|
+
* import { poThemeDefault, PoThemeService, PoThemeTypeEnum, PoThemeA11yEnum } from '@po-ui/ng-components';
|
|
28905
|
+
*
|
|
28906
|
+
* private themeService = inject(PoThemeService);
|
|
28907
|
+
*
|
|
28908
|
+
* constructor() {
|
|
28909
|
+
* this.themeService.setA11yDefaultSizeSmall(true);
|
|
28910
|
+
* this.themeService.setTheme(poThemeDefault, PoThemeTypeEnum.light, PoThemeA11yEnum.AA);
|
|
28911
|
+
* }
|
|
28912
|
+
* ```
|
|
28165
28913
|
*
|
|
28166
28914
|
* > Para garantir que o tamanho `small` seja aplicado corretamente a todos os componentes, recomendamos
|
|
28167
28915
|
* definir esta configuração **junto com o nível de acessibilidade `AA` na inicialização da aplicação**.
|
|
28168
|
-
* Se for aplicada em tempo de execução, será necessário recarregar a aplicação (`reload`)
|
|
28169
|
-
* para que os estilos sejam aplicados corretamente.
|
|
28170
28916
|
* > Para ajustar a densidade visual dos componentes agrupadores (como pages, container, etc.), utilize também
|
|
28171
28917
|
* o método `setDensityMode` conforme necessário.
|
|
28172
28918
|
*
|
|
@@ -28516,6 +29262,7 @@ declare abstract class PoPageListBaseComponent {
|
|
|
28516
29262
|
private _actions?;
|
|
28517
29263
|
private _disclaimerGroup?;
|
|
28518
29264
|
private _componentsSize?;
|
|
29265
|
+
private _initialComponentsSize?;
|
|
28519
29266
|
private _literals;
|
|
28520
29267
|
private _title;
|
|
28521
29268
|
/**
|
|
@@ -28599,6 +29346,8 @@ declare abstract class PoPageListBaseComponent {
|
|
|
28599
29346
|
*/
|
|
28600
29347
|
subtitle: string;
|
|
28601
29348
|
constructor(languageService: PoLanguageService);
|
|
29349
|
+
protected onThemeChange(): void;
|
|
29350
|
+
private applySizeBasedOnA11y;
|
|
28602
29351
|
abstract setDropdownActions(): any;
|
|
28603
29352
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoPageListBaseComponent, never>;
|
|
28604
29353
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageListBaseComponent, never, never, { "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; "filter": { "alias": "p-filter"; "required": false; }; "quickSearchValue": { "alias": "p-quick-search-value"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "disclaimerGroup": { "alias": "p-disclaimer-group"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; }, {}, never, never, true, never>;
|
|
@@ -29859,6 +30608,7 @@ declare class PoTabDropdownComponent implements AfterViewInit {
|
|
|
29859
30608
|
*/
|
|
29860
30609
|
declare class PoTabsBaseComponent {
|
|
29861
30610
|
private _size?;
|
|
30611
|
+
private _initialSize?;
|
|
29862
30612
|
/**
|
|
29863
30613
|
* @optional
|
|
29864
30614
|
*
|
|
@@ -29875,6 +30625,8 @@ declare class PoTabsBaseComponent {
|
|
|
29875
30625
|
*/
|
|
29876
30626
|
set size(value: string);
|
|
29877
30627
|
get size(): string;
|
|
30628
|
+
protected onThemeChange(): void;
|
|
30629
|
+
private applySizeBasedOnA11y;
|
|
29878
30630
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoTabsBaseComponent, never>;
|
|
29879
30631
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTabsBaseComponent, never, never, { "size": { "alias": "p-size"; "required": false; }; }, {}, never, never, true, never>;
|
|
29880
30632
|
}
|
|
@@ -30490,6 +31242,7 @@ declare class PoTreeViewBaseComponent {
|
|
|
30490
31242
|
*/
|
|
30491
31243
|
unselected: EventEmitter<PoTreeViewItem>;
|
|
30492
31244
|
private _componentsSize;
|
|
31245
|
+
private _initialComponentsSize;
|
|
30493
31246
|
private _items;
|
|
30494
31247
|
private _selectable;
|
|
30495
31248
|
private _maxLevel;
|
|
@@ -30552,6 +31305,7 @@ declare class PoTreeViewBaseComponent {
|
|
|
30552
31305
|
*/
|
|
30553
31306
|
set maxLevel(value: number);
|
|
30554
31307
|
get maxLevel(): number;
|
|
31308
|
+
protected onThemeChange(): void;
|
|
30555
31309
|
protected emitExpanded(treeViewItem: PoTreeViewItem): void;
|
|
30556
31310
|
protected emitSelected(treeViewItem: PoTreeViewItem): void;
|
|
30557
31311
|
private addChildItemInParent;
|
|
@@ -30563,6 +31317,7 @@ declare class PoTreeViewBaseComponent {
|
|
|
30563
31317
|
private getItemsByMaxLevel;
|
|
30564
31318
|
private getItemsWithParentSelected;
|
|
30565
31319
|
private updateItemsOnSelect;
|
|
31320
|
+
private applySizeBasedOnA11y;
|
|
30566
31321
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewBaseComponent, never>;
|
|
30567
31322
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTreeViewBaseComponent, never, never, { "componentsSize": { "alias": "p-components-size"; "required": false; }; "inputedItems": { "alias": "p-items"; "required": false; }; "selectable": { "alias": "p-selectable"; "required": false; }; "singleSelect": { "alias": "p-single-select"; "required": false; }; "maxLevel": { "alias": "p-max-level"; "required": false; }; }, { "collapsed": "p-collapsed"; "expanded": "p-expanded"; "selected": "p-selected"; "unselected": "p-unselected"; }, never, never, true, never>;
|
|
30568
31323
|
}
|
|
@@ -32077,6 +32832,7 @@ interface PoWidgetAvatar {
|
|
|
32077
32832
|
*/
|
|
32078
32833
|
declare class PoWidgetBaseComponent {
|
|
32079
32834
|
private _size?;
|
|
32835
|
+
private _initialSize?;
|
|
32080
32836
|
/** Descrição da segunda ação. */
|
|
32081
32837
|
/**
|
|
32082
32838
|
* @optional
|
|
@@ -32381,6 +33137,8 @@ declare class PoWidgetBaseComponent {
|
|
|
32381
33137
|
*/
|
|
32382
33138
|
set title(value: string);
|
|
32383
33139
|
get title(): string;
|
|
33140
|
+
protected onThemeChange(): void;
|
|
33141
|
+
private applySizeBasedOnA11y;
|
|
32384
33142
|
private transformAvatar;
|
|
32385
33143
|
private transformTagPosition;
|
|
32386
33144
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetBaseComponent, never>;
|
|
@@ -32466,6 +33224,357 @@ declare class PoWidgetModule {
|
|
|
32466
33224
|
static ɵinj: i0.ɵɵInjectorDeclaration<PoWidgetModule>;
|
|
32467
33225
|
}
|
|
32468
33226
|
|
|
33227
|
+
/**
|
|
33228
|
+
* @usedBy PoSkeletonComponent
|
|
33229
|
+
*
|
|
33230
|
+
* @description
|
|
33231
|
+
*
|
|
33232
|
+
* Define os tipos de animação do componente `po-skeleton`.
|
|
33233
|
+
*/
|
|
33234
|
+
declare enum PoSkeletonAnimation {
|
|
33235
|
+
/** Sem animação */
|
|
33236
|
+
none = "none",
|
|
33237
|
+
/** Animação de pulsação */
|
|
33238
|
+
pulse = "pulse",
|
|
33239
|
+
/** Animação de brilho deslizante */
|
|
33240
|
+
shimmer = "shimmer"
|
|
33241
|
+
}
|
|
33242
|
+
|
|
33243
|
+
/**
|
|
33244
|
+
* @usedBy PoSkeletonComponent
|
|
33245
|
+
*
|
|
33246
|
+
* @description
|
|
33247
|
+
*
|
|
33248
|
+
* Define os tamanhos disponíveis para o componente `po-skeleton`.
|
|
33249
|
+
*/
|
|
33250
|
+
declare enum PoSkeletonSize {
|
|
33251
|
+
/** Tamanho extra pequeno */
|
|
33252
|
+
xs = "xs",
|
|
33253
|
+
/** Tamanho pequeno */
|
|
33254
|
+
sm = "sm",
|
|
33255
|
+
/** Tamanho médio */
|
|
33256
|
+
md = "md",
|
|
33257
|
+
/** Tamanho grande */
|
|
33258
|
+
lg = "lg",
|
|
33259
|
+
/** Tamanho extra grande */
|
|
33260
|
+
xl = "xl",
|
|
33261
|
+
/** Tamanho extra extra grande */
|
|
33262
|
+
xxl = "2xl"
|
|
33263
|
+
}
|
|
33264
|
+
|
|
33265
|
+
/**
|
|
33266
|
+
* @usedBy PoSkeletonComponent
|
|
33267
|
+
*
|
|
33268
|
+
* @description
|
|
33269
|
+
*
|
|
33270
|
+
* Define os tipos visuais disponíveis para o componente `po-skeleton`.
|
|
33271
|
+
*/
|
|
33272
|
+
declare enum PoSkeletonType {
|
|
33273
|
+
/** Tipo padrão com cor neutra clara */
|
|
33274
|
+
normal = "normal",
|
|
33275
|
+
/** Tipo primário com cor neutra média */
|
|
33276
|
+
primary = "primary",
|
|
33277
|
+
/** Tipo de conteúdo com fundo branco */
|
|
33278
|
+
content = "content"
|
|
33279
|
+
}
|
|
33280
|
+
|
|
33281
|
+
/**
|
|
33282
|
+
* @usedBy PoSkeletonComponent
|
|
33283
|
+
*
|
|
33284
|
+
* @description
|
|
33285
|
+
*
|
|
33286
|
+
* Define as variantes visuais do componente `po-skeleton`.
|
|
33287
|
+
*/
|
|
33288
|
+
declare enum PoSkeletonVariant {
|
|
33289
|
+
/** Variante para simular texto */
|
|
33290
|
+
text = "text",
|
|
33291
|
+
/** Variante retangular (largura maior que altura) */
|
|
33292
|
+
rectangle = "rectangle",
|
|
33293
|
+
/** Variante quadrada (largura igual à altura) */
|
|
33294
|
+
square = "square",
|
|
33295
|
+
/** Variante circular */
|
|
33296
|
+
circle = "circle"
|
|
33297
|
+
}
|
|
33298
|
+
|
|
33299
|
+
/**
|
|
33300
|
+
* @description
|
|
33301
|
+
*
|
|
33302
|
+
* O componente `po-skeleton` é utilizado para exibir placeholders durante o carregamento de conteúdo,
|
|
33303
|
+
* melhorando a experiência do usuário ao indicar que a informação está sendo processada.
|
|
33304
|
+
*
|
|
33305
|
+
* Ele oferece diferentes variantes visuais (texto, retângulo, círculo) e animações (pulse, shimmer)
|
|
33306
|
+
* para simular diversos tipos de conteúdo em estado de carregamento.
|
|
33307
|
+
*
|
|
33308
|
+
* #### Tokens customizáveis
|
|
33309
|
+
*
|
|
33310
|
+
* É possível alterar o estilo do componente usando os seguintes tokens (CSS):
|
|
33311
|
+
*
|
|
33312
|
+
* > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
|
|
33313
|
+
*
|
|
33314
|
+
* | Propriedade | Descrição | Valor Padrão |
|
|
33315
|
+
* |----------------------------------------|------------------------------------------------------|---------------------------------|
|
|
33316
|
+
* | **Cores** | | |
|
|
33317
|
+
* | `--color` | Cor de fundo do skeleton (tipo normal) | `var(--color-neutral-light-20)` |
|
|
33318
|
+
* | `--color-primary` | Cor de fundo do skeleton (tipo primary) | `var(--color-neutral-mid-40)` |
|
|
33319
|
+
* | `--color-content` | Cor de fundo do skeleton (tipo content) | `var(--color-neutral-light-00)` |
|
|
33320
|
+
* | `--shimmer-highlight` | Cor de destaque do shimmer (tipo normal) | `var(--color-neutral-light-30)` |
|
|
33321
|
+
* | `--shimmer-highlight-primary` | Cor de destaque do shimmer (tipo primary) | `var(--color-neutral-light-20)` |
|
|
33322
|
+
* | `--shimmer-highlight-content` | Cor de destaque do shimmer (tipo content) | `var(--color-neutral-light-05)` |
|
|
33323
|
+
* | **Espaçamento** | | |
|
|
33324
|
+
* | `--margin-bottom` | Margem inferior do skeleton | `var(--spacing-xs)` |
|
|
33325
|
+
* | **Bordas** | | |
|
|
33326
|
+
* | `--border-radius` | Raio da borda do skeleton | `var(--border-radius-md)` |
|
|
33327
|
+
* | `--border-radius-text` | Raio da borda para a variante text | `var(--border-radius-md)` |
|
|
33328
|
+
* | `--border-radius-primary` | Raio da borda do skeleton (tipo primary) | `var(--border-radius-md)` |
|
|
33329
|
+
* | `--border-radius-content` | Raio da borda do skeleton (tipo content) | `var(--border-radius-lg)` |
|
|
33330
|
+
* | **Transições** | | |
|
|
33331
|
+
* | `--transition-property` | Propriedade CSS da transição | `all` |
|
|
33332
|
+
* | `--transition-duration` | Duração da transição de cor | `var(--duration-moderate)` |
|
|
33333
|
+
* | `--transition-timing` | Função de temporização da transição/animação | `var(--timing-continuous)` |
|
|
33334
|
+
* | **Animações** | | |
|
|
33335
|
+
* | `--animation-duration-pulse` | Duração da animação de pulsação | `var(--duration-very-slow)` |
|
|
33336
|
+
* | `--animation-duration-shimmer` | Duração da animação de brilho deslizante | `var(--duration-ultra-slow)` |
|
|
33337
|
+
*
|
|
33338
|
+
*/
|
|
33339
|
+
declare class PoSkeletonBaseComponent {
|
|
33340
|
+
/**
|
|
33341
|
+
*
|
|
33342
|
+
* @Input
|
|
33343
|
+
*
|
|
33344
|
+
* @optional
|
|
33345
|
+
*
|
|
33346
|
+
* @description
|
|
33347
|
+
*
|
|
33348
|
+
* Define a variante visual do skeleton.
|
|
33349
|
+
*
|
|
33350
|
+
* Valores válidos:
|
|
33351
|
+
* - `text`: Simula uma linha de texto (altura padrão: 1em)
|
|
33352
|
+
* - `rectangle`: Forma retangular (proporção 3:1 por padrão)
|
|
33353
|
+
* - `square`: Forma quadrada (largura e altura iguais)
|
|
33354
|
+
* - `circle`: Forma circular (largura e altura iguais)
|
|
33355
|
+
*
|
|
33356
|
+
* @default `text`
|
|
33357
|
+
*/
|
|
33358
|
+
variant: i0.InputSignal<PoSkeletonVariant>;
|
|
33359
|
+
/**
|
|
33360
|
+
*
|
|
33361
|
+
* @Input
|
|
33362
|
+
*
|
|
33363
|
+
* @optional
|
|
33364
|
+
*
|
|
33365
|
+
* @description
|
|
33366
|
+
*
|
|
33367
|
+
* Define o tipo visual do skeleton, alterando sua cor de fundo.
|
|
33368
|
+
*
|
|
33369
|
+
* Valores válidos:
|
|
33370
|
+
* - `normal`: Cor neutra clara (padrão)
|
|
33371
|
+
* - `primary`: Cor neutra média
|
|
33372
|
+
* - `content`: Fundo branco
|
|
33373
|
+
*
|
|
33374
|
+
* @default `normal`
|
|
33375
|
+
*/
|
|
33376
|
+
type: i0.InputSignal<PoSkeletonType>;
|
|
33377
|
+
/**
|
|
33378
|
+
*
|
|
33379
|
+
* @Input
|
|
33380
|
+
*
|
|
33381
|
+
* @optional
|
|
33382
|
+
*
|
|
33383
|
+
* @description
|
|
33384
|
+
*
|
|
33385
|
+
* Define o tipo de animação do skeleton.
|
|
33386
|
+
*
|
|
33387
|
+
* Valores válidos:
|
|
33388
|
+
* - `none`: Sem animação
|
|
33389
|
+
* - `pulse`: Animação de pulsação
|
|
33390
|
+
* - `shimmer`: Animação de brilho deslizante
|
|
33391
|
+
*
|
|
33392
|
+
* @default `shimmer`
|
|
33393
|
+
*/
|
|
33394
|
+
animation: i0.InputSignal<PoSkeletonAnimation>;
|
|
33395
|
+
/**
|
|
33396
|
+
*
|
|
33397
|
+
* @Input
|
|
33398
|
+
*
|
|
33399
|
+
* @optional
|
|
33400
|
+
*
|
|
33401
|
+
* @description
|
|
33402
|
+
*
|
|
33403
|
+
* Define o tamanho do skeleton para as variantes pré-definidas (`rectangle`, `square`, `circle`).
|
|
33404
|
+
*
|
|
33405
|
+
* Valores válidos:
|
|
33406
|
+
* - `xs`: Extra pequeno (24px para square/circle, 72px x 24px para rectangle)
|
|
33407
|
+
* - `sm`: Pequeno (32px para square/circle, 96px x 32px para rectangle)
|
|
33408
|
+
* - `md`: Médio (48px para square/circle, 144px x 48px para rectangle)
|
|
33409
|
+
* - `lg`: Grande (64px para square/circle, 192px x 64px para rectangle)
|
|
33410
|
+
* - `xl`: Extra grande (96px para square/circle, 288px x 96px para rectangle)
|
|
33411
|
+
* - `2xl`: Extra extra grande (144px para square/circle, 432px x 144px para rectangle)
|
|
33412
|
+
*
|
|
33413
|
+
* Esta propriedade é ignorada quando `p-width` ou `p-height` são definidos explicitamente.
|
|
33414
|
+
*
|
|
33415
|
+
* @default `md`
|
|
33416
|
+
*/
|
|
33417
|
+
size: i0.InputSignal<PoSkeletonSize>;
|
|
33418
|
+
/**
|
|
33419
|
+
*
|
|
33420
|
+
* @Input
|
|
33421
|
+
*
|
|
33422
|
+
* @optional
|
|
33423
|
+
*
|
|
33424
|
+
* @description
|
|
33425
|
+
*
|
|
33426
|
+
* Define a largura do skeleton.
|
|
33427
|
+
* Aceita valores CSS válidos (px, %, em, rem).
|
|
33428
|
+
*
|
|
33429
|
+
* Quando definido, sobrescreve a largura padrão da variante.
|
|
33430
|
+
*
|
|
33431
|
+
* @default `100%` para variante `text`, tamanho baseado em `p-size` para outras variantes
|
|
33432
|
+
*/
|
|
33433
|
+
width: i0.InputSignal<string>;
|
|
33434
|
+
/**
|
|
33435
|
+
* @Input
|
|
33436
|
+
*
|
|
33437
|
+
* @optional
|
|
33438
|
+
*
|
|
33439
|
+
* @description
|
|
33440
|
+
*
|
|
33441
|
+
* Define a altura do skeleton.
|
|
33442
|
+
* Aceita valores CSS válidos (px, %, em, rem).
|
|
33443
|
+
*
|
|
33444
|
+
* Quando definido, sobrescreve a altura padrão da variante.
|
|
33445
|
+
*/
|
|
33446
|
+
height: i0.InputSignal<string>;
|
|
33447
|
+
/**
|
|
33448
|
+
*
|
|
33449
|
+
* @Input
|
|
33450
|
+
*
|
|
33451
|
+
* @optional
|
|
33452
|
+
*
|
|
33453
|
+
* @description
|
|
33454
|
+
*
|
|
33455
|
+
* Define o raio da borda do skeleton.
|
|
33456
|
+
* Aceita valores CSS válidos (px, %, em, rem).
|
|
33457
|
+
*
|
|
33458
|
+
* Esta propriedade sobrescreve o border-radius padrão de cada variante.
|
|
33459
|
+
*/
|
|
33460
|
+
borderRadius: i0.InputSignal<string>;
|
|
33461
|
+
/**
|
|
33462
|
+
*
|
|
33463
|
+
* @Input
|
|
33464
|
+
*
|
|
33465
|
+
* @optional
|
|
33466
|
+
*
|
|
33467
|
+
* @description
|
|
33468
|
+
*
|
|
33469
|
+
* Define a descrição acessível do conteúdo que está sendo carregado.
|
|
33470
|
+
*
|
|
33471
|
+
* Este texto será anunciado por leitores de tela, garantindo que usuários de tecnologias assistivas
|
|
33472
|
+
* sejam informados sobre o estado de carregamento.
|
|
33473
|
+
*
|
|
33474
|
+
* **Quando usar:**
|
|
33475
|
+
* - Use em **skeletons únicos** ou no **primeiro skeleton de um grupo** com descrição contextual
|
|
33476
|
+
* - Evite usar em múltiplos skeletons dentro da mesma área sem contexto, para não causar repetição excessiva
|
|
33477
|
+
*
|
|
33478
|
+
* **Exemplos de uso:**
|
|
33479
|
+
*
|
|
33480
|
+
* ```html
|
|
33481
|
+
* <!-- ✅ BOM: Skeleton único com contexto -->
|
|
33482
|
+
* <po-skeleton p-aria-label="Carregando perfil do usuário"></po-skeleton>
|
|
33483
|
+
*
|
|
33484
|
+
* <!-- ✅ BOM: Grupo de skeletons - apenas o primeiro anuncia -->
|
|
33485
|
+
* <po-skeleton p-aria-label="Carregando lista de produtos"></po-skeleton>
|
|
33486
|
+
* <po-skeleton p-type="primary"></po-skeleton>
|
|
33487
|
+
* <po-skeleton p-variant="circle"></po-skeleton>
|
|
33488
|
+
*
|
|
33489
|
+
* <!-- ❌ EVITE: Múltiplos skeletons com a mesma label -->
|
|
33490
|
+
* <po-skeleton p-aria-label="Carregando"></po-skeleton> <!-- "Carregando" -->
|
|
33491
|
+
* <po-skeleton p-aria-label="Carregando"></po-skeleton> <!-- "Carregando" -->
|
|
33492
|
+
* <po-skeleton p-aria-label="Carregando"></po-skeleton> <!-- "Carregando" (repetitivo!) -->
|
|
33493
|
+
* ```
|
|
33494
|
+
*
|
|
33495
|
+
* > **Boas práticas de acessibilidade:**
|
|
33496
|
+
* > - Forneça contexto específico na label para que os usuários entendam o que está carregando
|
|
33497
|
+
*
|
|
33498
|
+
* > - Em casos complexos, considere usar um único `<div role="status">` para todo o grupo
|
|
33499
|
+
* > de skeletons, ao invés de múltiplas labels idênticas, para evitar repetição excessiva de anúncios
|
|
33500
|
+
*/
|
|
33501
|
+
ariaLabel: i0.InputSignal<string>;
|
|
33502
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoSkeletonBaseComponent, never>;
|
|
33503
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoSkeletonBaseComponent, never, never, { "variant": { "alias": "p-variant"; "required": false; "isSignal": true; }; "type": { "alias": "p-type"; "required": false; "isSignal": true; }; "animation": { "alias": "p-animation"; "required": false; "isSignal": true; }; "size": { "alias": "p-size"; "required": false; "isSignal": true; }; "width": { "alias": "p-width"; "required": false; "isSignal": true; }; "height": { "alias": "p-height"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "p-border-radius"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "p-aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
33504
|
+
}
|
|
33505
|
+
|
|
33506
|
+
/**
|
|
33507
|
+
* @docsExtends PoSkeletonBaseComponent
|
|
33508
|
+
*
|
|
33509
|
+
* @example
|
|
33510
|
+
*
|
|
33511
|
+
* <example name="po-skeleton-basic" title="PO Skeleton Basic">
|
|
33512
|
+
* <file name="sample-po-skeleton-basic/sample-po-skeleton-basic.component.html"> </file>
|
|
33513
|
+
* <file name="sample-po-skeleton-basic/sample-po-skeleton-basic.component.ts"> </file>
|
|
33514
|
+
* </example>
|
|
33515
|
+
*
|
|
33516
|
+
* <example name="po-skeleton-labs" title="PO Skeleton Labs">
|
|
33517
|
+
* <file name="sample-po-skeleton-labs/sample-po-skeleton-labs.component.html"> </file>
|
|
33518
|
+
* <file name="sample-po-skeleton-labs/sample-po-skeleton-labs.component.ts"> </file>
|
|
33519
|
+
* </example>
|
|
33520
|
+
*
|
|
33521
|
+
* <example name="po-skeleton-credit-card" title="PO Skeleton - Credit Card">
|
|
33522
|
+
* <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.html"> </file>
|
|
33523
|
+
* <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.ts"> </file>
|
|
33524
|
+
* <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.css"> </file>
|
|
33525
|
+
* </example>
|
|
33526
|
+
*
|
|
33527
|
+
* <example name="po-skeleton-widget-card" title="PO Skeleton - Widget Card">
|
|
33528
|
+
* <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.html"> </file>
|
|
33529
|
+
* <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.ts"> </file>
|
|
33530
|
+
* <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.css"> </file>
|
|
33531
|
+
* </example>
|
|
33532
|
+
*
|
|
33533
|
+
* <example name="po-skeleton-user-profile" title="PO Skeleton - User Profile">
|
|
33534
|
+
* <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.html"> </file>
|
|
33535
|
+
* <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.ts"> </file>
|
|
33536
|
+
* <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.css"> </file>
|
|
33537
|
+
* </example>
|
|
33538
|
+
*
|
|
33539
|
+
* <example name="po-skeleton-social-post" title="PO Skeleton - Social Post">
|
|
33540
|
+
* <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.html"> </file>
|
|
33541
|
+
* <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.ts"> </file>
|
|
33542
|
+
* <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.css"> </file>
|
|
33543
|
+
* </example>
|
|
33544
|
+
*
|
|
33545
|
+
* <example name="po-skeleton-article" title="PO Skeleton - Article">
|
|
33546
|
+
* <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.html"> </file>
|
|
33547
|
+
* <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.ts"> </file>
|
|
33548
|
+
* <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.css"> </file>
|
|
33549
|
+
* </example>
|
|
33550
|
+
*/
|
|
33551
|
+
declare class PoSkeletonComponent extends PoSkeletonBaseComponent {
|
|
33552
|
+
private readonly sizeMap;
|
|
33553
|
+
private readonly defaultTextDimensions;
|
|
33554
|
+
private readonly defaultBorderRadius;
|
|
33555
|
+
computedStyles: i0.Signal<{
|
|
33556
|
+
[key: string]: string;
|
|
33557
|
+
}>;
|
|
33558
|
+
computedClasses: i0.Signal<{
|
|
33559
|
+
[x: string]: boolean;
|
|
33560
|
+
'po-skeleton': boolean;
|
|
33561
|
+
}>;
|
|
33562
|
+
private getDimensions;
|
|
33563
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoSkeletonComponent, never>;
|
|
33564
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoSkeletonComponent, "po-skeleton", never, {}, {}, never, never, false, never>;
|
|
33565
|
+
}
|
|
33566
|
+
|
|
33567
|
+
/**
|
|
33568
|
+
* @description
|
|
33569
|
+
*
|
|
33570
|
+
* Módulo do componente po-skeleton.
|
|
33571
|
+
*/
|
|
33572
|
+
declare class PoSkeletonModule {
|
|
33573
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoSkeletonModule, never>;
|
|
33574
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PoSkeletonModule, [typeof PoSkeletonComponent], [typeof i2.CommonModule], [typeof PoSkeletonComponent]>;
|
|
33575
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<PoSkeletonModule>;
|
|
33576
|
+
}
|
|
33577
|
+
|
|
32469
33578
|
/**
|
|
32470
33579
|
* @usedBy PoHeaderComponent
|
|
32471
33580
|
*
|
|
@@ -33235,7 +34344,7 @@ declare class PoHeaderModule {
|
|
|
33235
34344
|
|
|
33236
34345
|
declare class PoComponentsModule {
|
|
33237
34346
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoComponentsModule, never>;
|
|
33238
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PoComponentsModule, never, [typeof PoAccordionModule, typeof PoAvatarModule, typeof PoBreadcrumbModule, typeof PoButtonModule, typeof PoButtonGroupModule, typeof PoCalendarModule, typeof PoChartModule, typeof PoContainerModule, typeof PoDisclaimerGroupModule, typeof PoDisclaimerModule, typeof PoDividerModule, typeof PoDropdownModule, typeof PoDynamicModule, typeof PoFieldModule, typeof PoGaugeModule, typeof PoGridModule, typeof PoIconModule, typeof PoInfoModule, typeof PoListViewModule, typeof PoListBoxModule, typeof PoLoadingModule, typeof PoLogoModule, typeof PoMenuModule, typeof PoMenuPanelModule, typeof PoModalModule, typeof PoNavbarModule, typeof PoOverlayModule, typeof PoPageModule, typeof PoPopoverModule, typeof PoPopupModule, typeof PoProgressModule, typeof PoSlideModule, typeof PoStepperModule, typeof PoTableModule, typeof PoTabsModule, typeof PoContextTabsModule, typeof PoTagModule, typeof PoToolbarModule, typeof PoTreeViewModule, typeof PoWidgetModule, typeof PoLinkModule, typeof PoLabelModule, typeof PoImageModule, typeof PoPageSlideModule, typeof PoSwitchModule, typeof PoSearchModule, typeof PoBadgeModule, typeof PoToasterModule, typeof PoHelperModule, typeof PoHeaderModule], [typeof PoAccordionModule, typeof PoAvatarModule, typeof PoBreadcrumbModule, typeof PoButtonModule, typeof PoButtonGroupModule, typeof PoCalendarModule, typeof PoChartModule, typeof PoContainerModule, typeof PoDisclaimerGroupModule, typeof PoDisclaimerModule, typeof PoDividerModule, typeof PoDropdownModule, typeof PoDynamicModule, typeof PoFieldModule, typeof PoGaugeModule, typeof PoGridModule, typeof PoIconModule, typeof PoInfoModule, typeof PoListViewModule, typeof PoListBoxModule, typeof PoLoadingModule, typeof PoLogoModule, typeof PoMenuModule, typeof PoMenuPanelModule, typeof PoModalModule, typeof PoNavbarModule, typeof PoOverlayModule, typeof PoPageModule, typeof PoPopoverModule, typeof PoPopupModule, typeof PoProgressModule, typeof PoSlideModule, typeof PoStepperModule, typeof PoTableModule, typeof PoTabsModule, typeof PoContextTabsModule, typeof PoTagModule, typeof PoToolbarModule, typeof PoTreeViewModule, typeof PoWidgetModule, typeof PoLinkModule, typeof PoLabelModule, typeof PoImageModule, typeof PoPageSlideModule, typeof PoSwitchModule, typeof PoSearchModule, typeof PoBadgeModule, typeof PoToasterModule, typeof PoHelperModule, typeof PoHeaderModule]>;
|
|
34347
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PoComponentsModule, never, [typeof PoAccordionModule, typeof PoAvatarModule, typeof PoBreadcrumbModule, typeof PoButtonModule, typeof PoButtonGroupModule, typeof PoCalendarModule, typeof PoChartModule, typeof PoContainerModule, typeof PoDisclaimerGroupModule, typeof PoDisclaimerModule, typeof PoDividerModule, typeof PoDropdownModule, typeof PoDynamicModule, typeof PoFieldModule, typeof PoGaugeModule, typeof PoGridModule, typeof PoIconModule, typeof PoInfoModule, typeof PoListViewModule, typeof PoListBoxModule, typeof PoLoadingModule, typeof PoLogoModule, typeof PoMenuModule, typeof PoMenuPanelModule, typeof PoModalModule, typeof PoNavbarModule, typeof PoOverlayModule, typeof PoPageModule, typeof PoPopoverModule, typeof PoPopupModule, typeof PoProgressModule, typeof PoSlideModule, typeof PoStepperModule, typeof PoTableModule, typeof PoTabsModule, typeof PoContextTabsModule, typeof PoTagModule, typeof PoToolbarModule, typeof PoTreeViewModule, typeof PoWidgetModule, typeof PoLinkModule, typeof PoLabelModule, typeof PoImageModule, typeof PoPageSlideModule, typeof PoSwitchModule, typeof PoSearchModule, typeof PoBadgeModule, typeof PoSkeletonModule, typeof PoToasterModule, typeof PoHelperModule, typeof PoHeaderModule], [typeof PoAccordionModule, typeof PoAvatarModule, typeof PoBreadcrumbModule, typeof PoButtonModule, typeof PoButtonGroupModule, typeof PoCalendarModule, typeof PoChartModule, typeof PoContainerModule, typeof PoDisclaimerGroupModule, typeof PoDisclaimerModule, typeof PoDividerModule, typeof PoDropdownModule, typeof PoDynamicModule, typeof PoFieldModule, typeof PoGaugeModule, typeof PoGridModule, typeof PoIconModule, typeof PoInfoModule, typeof PoListViewModule, typeof PoListBoxModule, typeof PoLoadingModule, typeof PoLogoModule, typeof PoMenuModule, typeof PoMenuPanelModule, typeof PoModalModule, typeof PoNavbarModule, typeof PoOverlayModule, typeof PoPageModule, typeof PoPopoverModule, typeof PoPopupModule, typeof PoProgressModule, typeof PoSlideModule, typeof PoStepperModule, typeof PoTableModule, typeof PoTabsModule, typeof PoContextTabsModule, typeof PoTagModule, typeof PoToolbarModule, typeof PoTreeViewModule, typeof PoWidgetModule, typeof PoLinkModule, typeof PoLabelModule, typeof PoImageModule, typeof PoPageSlideModule, typeof PoSwitchModule, typeof PoSearchModule, typeof PoBadgeModule, typeof PoSkeletonModule, typeof PoToasterModule, typeof PoHelperModule, typeof PoHeaderModule]>;
|
|
33239
34348
|
static ɵinj: i0.ɵɵInjectorDeclaration<PoComponentsModule>;
|
|
33240
34349
|
}
|
|
33241
34350
|
|
|
@@ -33843,5 +34952,5 @@ declare class PoHttpRequestInterceptorService implements HttpInterceptor {
|
|
|
33843
34952
|
static ɵprov: i0.ɵɵInjectableDeclaration<PoHttpRequestInterceptorService>;
|
|
33844
34953
|
}
|
|
33845
34954
|
|
|
33846
|
-
export { AnimaliaIconDictionary, ForceBooleanComponentEnum, ForceOptionComponentEnum, I18N_CONFIG, InputBoolean, InputRequired, LOADING_ICON_COMPONENT, PO_CONTROL_POSITIONS, PoAccordionComponent, PoAccordionItemComponent, PoAccordionModule, PoActiveOverlayModule, PoActiveOverlayService, PoAvatarComponent, PoAvatarModule, PoBadgeComponent, PoBadgeModule, PoBreadcrumbComponent, PoBreadcrumbModule, PoButtonComponent, PoButtonGroupComponent, PoButtonGroupModule, PoButtonGroupToggle, PoButtonKind, PoButtonModule, PoButtonSize, PoButtonType, PoCalendarComponent, PoCalendarMode, PoCalendarModule, PoChartComponent, PoChartLabelFormat, PoChartModule, PoChartType, PoCheckboxComponent, PoCheckboxGroupComponent, PoCheckboxGroupModule, PoCheckboxModule, PoCheckboxSize, PoCleanComponent, PoCleanModule, PoColorPaletteModule, PoColorPaletteService, PoComboComponent, PoComboFilterMode, PoComboModule, PoComboOptionTemplateDirective, PoComponentInjectorModule, PoComponentInjectorService, PoComponentsModule, PoContainerComponent, PoContainerModule, PoContextTabButtonComponent, PoContextTabsComponent, PoContextTabsModule, PoControlPositionModule, PoDateService, PoDateTimeModule, PoDatepickerComponent, PoDatepickerIsoFormat, PoDatepickerModule, PoDatepickerRangeComponent, PoDecimalComponent, PoDialogComponent, PoDialogModule, PoDialogService, PoDialogType, PoDirectivesModule, PoDisclaimerComponent, PoDisclaimerGroupComponent, PoDisclaimerGroupModule, PoDisclaimerModule, PoDividerComponent, PoDividerModule, PoDividerSize, PoDropdownComponent, PoDropdownModule, PoDynamicContainerComponent, PoDynamicFieldType, PoDynamicFormComponent, PoDynamicModule, PoDynamicSharedBase, PoDynamicViewComponent, PoEmailComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoFieldContainerModule, PoFieldModule, PoGaugeComponent, PoGaugeModule, PoGridComponent, PoGridModule, PoGuardsModule, PoHeaderComponent, PoHeaderModule, PoHelperComponent, PoHelperModule, PoHttpInterceptorModule, PoHttpInterceptorService, PoHttpRequestInterceptorService, PoHttpRequestModule, PoI18nModule, PoI18nPipe, PoI18nService, PoIconComponent, PoIconModule, PoImageComponent, PoImageModule, PoInfoComponent, PoInfoModule, PoInfoOrientation, PoInputComponent, PoInterceptorsModule, PoItemListComponent, PoLabelComponent, PoLabelModule, PoLanguageModule, PoLanguageService, PoLinkComponent, PoLinkModule, PoListBoxComponent, PoListBoxModule, PoListViewComponent, PoListViewContentTemplateDirective, PoListViewDetailTemplateDirective, PoListViewModule, PoLoadingComponent, PoLoadingIconComponent, PoLoadingModule, PoLoadingOverlayComponent, PoLoginComponent, PoLogoComponent, PoLogoModule, PoLookupComponent, PoLookupModalComponent, PoMask, PoMediaQueryModule, PoMediaQueryService, PoMenuComponent, PoMenuGlobalService, PoMenuHeaderTemplateDirective, PoMenuModule, PoMenuPanelComponent, PoMenuPanelModule, PoModalComponent, PoModalFooterComponent, PoModalModule, PoModule, PoMultiselectComponent, PoMultiselectFilterMode, PoMultiselectOptionTemplateDirective, PoNavbarComponent, PoNavbarModule, PoNotificationModule, PoNotificationService, PoNumberComponent, PoOverlayComponent, PoOverlayModule, PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageListComponent, PoPageModule, PoPageSlideComponent, PoPageSlideFooterComponent, PoPageSlideModule, PoPasswordComponent, PoPipesModule, PoPopoverComponent, PoPopoverModule, PoPopupComponent, PoPopupModule, PoProgressComponent, PoProgressModule, PoProgressSize, PoProgressStatus, PoRadioComponent, PoRadioGroupComponent, PoRadioGroupModule, PoRadioModule, PoRichTextComponent, PoRichTextToolbarActions, PoSearchComponent, PoSearchFilterMode, PoSearchListComponent, PoSearchModule, PoSelectComponent, PoServicesModule, PoSlideComponent, PoSlideContentTemplateDirective, PoSlideModule, PoStepComponent, PoStepperComponent, PoStepperModule, PoStepperOrientation, PoStepperStatus, PoSwitchComponent, PoSwitchLabelPosition, PoSwitchModule, PoTabButtonComponent, PoTabComponent, PoTabDropdownComponent, PoTableCellTemplateDirective, PoTableColumnFrozenDirective, PoTableColumnSortType, PoTableColumnSpacing, PoTableColumnTemplateDirective, PoTableComponent, PoTableModule, PoTableRowTemplateArrowDirection, PoTableRowTemplateDirective, PoTabsComponent, PoTabsModule, PoTabsService, PoTagComponent, PoTagModule, PoTagOrientation, PoTagType, PoTextareaComponent, PoThemeA11yEnum, PoThemeModule, PoThemeService, PoThemeTypeEnum, PoTimeModule, PoTimePipe, PoToasterComponent, PoToasterMode, PoToasterModule, PoToasterOrientation, PoToasterType, PoToolbarComponent, PoToolbarModule, PoTooltipDirective, PoTooltipModule, PoTreeViewComponent, PoTreeViewModule, PoUploadComponent, PoUploadFile, PoUploadStatus, PoUrlComponent, PoWidgetComponent, PoWidgetModule, initializeLanguageDefault, mergePoI18nConfigs, poBreadcrumbLiterals, poChartLiteralsDefault, poDialogAlertLiteralsDefault, poDialogConfirmLiteralsDefault, poLanguageDefault, poLocaleDateSeparatorList, poLocaleDecimalSeparatorList, poLocaleDefault, poLocaleThousandSeparatorList, poLocales, poPageSlideLiteralsDefault, poTabsLiterals, poThemeDefault, poThemeDefaultAA, poThemeDefaultAAA, poThemeDefaultActions, poThemeDefaultActionsDark, poThemeDefaultBrands, poThemeDefaultBrandsDark, poThemeDefaultCategoricals, poThemeDefaultCategoricalsAA, poThemeDefaultCategoricalsDark, poThemeDefaultCategoricalsDarkAA, poThemeDefaultCategoricalsOverlayDark, poThemeDefaultCategoricalsOverlayDarkAA, poThemeDefaultDark, poThemeDefaultDarkValues, poThemeDefaultDarkValuesAA, poThemeDefaultFeedback, poThemeDefaultFeedbackDark, poThemeDefaultLight, poThemeDefaultLightValues, poThemeDefaultLightValuesAA, poThemeDefaultNeutrals, poThemeDefaultNeutralsDark, poThemeDefaultOverlayCategoricals, poThemeDefaultOverlayCategoricalsAA, poToasterLiterals, returnPoI18nService };
|
|
34955
|
+
export { AnimaliaIconDictionary, ForceBooleanComponentEnum, ForceOptionComponentEnum, I18N_CONFIG, InputBoolean, InputRequired, LOADING_ICON_COMPONENT, PO_CONTROL_POSITIONS, PoAccordionComponent, PoAccordionItemComponent, PoAccordionModule, PoActiveOverlayModule, PoActiveOverlayService, PoAvatarComponent, PoAvatarModule, PoBadgeComponent, PoBadgeModule, PoBreadcrumbComponent, PoBreadcrumbModule, PoButtonComponent, PoButtonGroupComponent, PoButtonGroupModule, PoButtonGroupToggle, PoButtonKind, PoButtonModule, PoButtonSize, PoButtonType, PoCalendarComponent, PoCalendarMode, PoCalendarModule, PoChartComponent, PoChartLabelFormat, PoChartModule, PoChartType, PoCheckboxComponent, PoCheckboxGroupComponent, PoCheckboxGroupModule, PoCheckboxModule, PoCheckboxSize, PoCleanComponent, PoCleanModule, PoColorPaletteModule, PoColorPaletteService, PoComboComponent, PoComboFilterMode, PoComboModule, PoComboOptionTemplateDirective, PoComponentInjectorModule, PoComponentInjectorService, PoComponentsModule, PoContainerComponent, PoContainerModule, PoContextTabButtonComponent, PoContextTabsComponent, PoContextTabsModule, PoControlPositionModule, PoDateService, PoDateTimeModule, PoDatepickerComponent, PoDatepickerIsoFormat, PoDatepickerModule, PoDatepickerRangeComponent, PoDecimalComponent, PoDialogComponent, PoDialogModule, PoDialogService, PoDialogType, PoDirectivesModule, PoDisclaimerComponent, PoDisclaimerGroupComponent, PoDisclaimerGroupModule, PoDisclaimerModule, PoDividerComponent, PoDividerModule, PoDividerSize, PoDropdownComponent, PoDropdownModule, PoDynamicContainerComponent, PoDynamicFieldType, PoDynamicFormComponent, PoDynamicModule, PoDynamicSharedBase, PoDynamicViewComponent, PoEmailComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoFieldContainerModule, PoFieldModule, PoGaugeComponent, PoGaugeModule, PoGridComponent, PoGridModule, PoGuardsModule, PoHeaderComponent, PoHeaderModule, PoHelperComponent, PoHelperModule, PoHttpInterceptorModule, PoHttpInterceptorService, PoHttpRequestInterceptorService, PoHttpRequestModule, PoI18nModule, PoI18nPipe, PoI18nService, PoIconComponent, PoIconModule, PoImageComponent, PoImageModule, PoInfoComponent, PoInfoModule, PoInfoOrientation, PoInputComponent, PoInterceptorsModule, PoItemListComponent, PoLabelComponent, PoLabelModule, PoLanguageModule, PoLanguageService, PoLinkComponent, PoLinkModule, PoListBoxComponent, PoListBoxModule, PoListViewComponent, PoListViewContentTemplateDirective, PoListViewDetailTemplateDirective, PoListViewModule, PoLoadingComponent, PoLoadingIconComponent, PoLoadingModule, PoLoadingOverlayComponent, PoLoginComponent, PoLogoComponent, PoLogoModule, PoLookupComponent, PoLookupModalComponent, PoMask, PoMediaQueryModule, PoMediaQueryService, PoMenuComponent, PoMenuGlobalService, PoMenuHeaderTemplateDirective, PoMenuModule, PoMenuPanelComponent, PoMenuPanelModule, PoModalComponent, PoModalFooterComponent, PoModalModule, PoModule, PoMultiselectComponent, PoMultiselectFilterMode, PoMultiselectOptionTemplateDirective, PoNavbarComponent, PoNavbarModule, PoNotificationModule, PoNotificationService, PoNumberComponent, PoOverlayComponent, PoOverlayModule, PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageListComponent, PoPageModule, PoPageSlideComponent, PoPageSlideFooterComponent, PoPageSlideModule, PoPasswordComponent, PoPipesModule, PoPopoverComponent, PoPopoverModule, PoPopupComponent, PoPopupModule, PoProgressComponent, PoProgressModule, PoProgressSize, PoProgressStatus, PoRadioComponent, PoRadioGroupComponent, PoRadioGroupModule, PoRadioModule, PoRichTextComponent, PoRichTextToolbarActions, PoSearchComponent, PoSearchFilterMode, PoSearchListComponent, PoSearchModule, PoSelectComponent, PoServicesModule, PoSkeletonAnimation, PoSkeletonComponent, PoSkeletonModule, PoSkeletonSize, PoSkeletonType, PoSkeletonVariant, PoSlideComponent, PoSlideContentTemplateDirective, PoSlideModule, PoStepComponent, PoStepperComponent, PoStepperModule, PoStepperOrientation, PoStepperStatus, PoSwitchComponent, PoSwitchLabelPosition, PoSwitchModule, PoTabButtonComponent, PoTabComponent, PoTabDropdownComponent, PoTableCellTemplateDirective, PoTableColumnFrozenDirective, PoTableColumnSortType, PoTableColumnSpacing, PoTableColumnTemplateDirective, PoTableComponent, PoTableModule, PoTableRowTemplateArrowDirection, PoTableRowTemplateDirective, PoTabsComponent, PoTabsModule, PoTabsService, PoTagComponent, PoTagModule, PoTagOrientation, PoTagType, PoTextareaComponent, PoThemeA11yEnum, PoThemeModule, PoThemeService, PoThemeTypeEnum, PoTimeModule, PoTimePipe, PoToasterComponent, PoToasterMode, PoToasterModule, PoToasterOrientation, PoToasterType, PoToolbarComponent, PoToolbarModule, PoTooltipDirective, PoTooltipModule, PoTreeViewComponent, PoTreeViewModule, PoUploadComponent, PoUploadFile, PoUploadStatus, PoUrlComponent, PoWidgetComponent, PoWidgetModule, initializeLanguageDefault, mergePoI18nConfigs, poBreadcrumbLiterals, poChartLiteralsDefault, poDialogAlertLiteralsDefault, poDialogConfirmLiteralsDefault, poLanguageDefault, poLocaleDateSeparatorList, poLocaleDecimalSeparatorList, poLocaleDefault, poLocaleThousandSeparatorList, poLocales, poPageSlideLiteralsDefault, poTabsLiterals, poThemeDefault, poThemeDefaultAA, poThemeDefaultAAA, poThemeDefaultActions, poThemeDefaultActionsDark, poThemeDefaultBrands, poThemeDefaultBrandsDark, poThemeDefaultCategoricals, poThemeDefaultCategoricalsAA, poThemeDefaultCategoricalsDark, poThemeDefaultCategoricalsDarkAA, poThemeDefaultCategoricalsOverlayDark, poThemeDefaultCategoricalsOverlayDarkAA, poThemeDefaultDark, poThemeDefaultDarkValues, poThemeDefaultDarkValuesAA, poThemeDefaultFeedback, poThemeDefaultFeedbackDark, poThemeDefaultLight, poThemeDefaultLightValues, poThemeDefaultLightValuesAA, poThemeDefaultNeutrals, poThemeDefaultNeutralsDark, poThemeDefaultOverlayCategoricals, poThemeDefaultOverlayCategoricalsAA, poToasterLiterals, returnPoI18nService };
|
|
33847
34956
|
export type { ErrorAsyncProperties, PoAccordionLiterals, PoBreadcrumb, PoBreadcrumbItem, PoButtonGroupItem, PoChartAxisOptions, PoChartDataLabel, PoChartHeaderOptions, PoChartLiterals, PoChartOptions, PoChartSerie, PoCheckboxGroupOption, PoComboFilter, PoComboLiterals, PoComboOption, PoComboOptionGroup, PoDateSeparator, PoDatepickerRange, PoDatepickerRangeLiterals, PoDialogAlertLiterals, PoDialogAlertOptions, PoDialogConfirmLiterals, PoDialogConfirmOptions, PoDialogOptions, PoDisclaimer, PoDisclaimerGroup, PoDisclaimerGroupRemoveAction, PoDropdownAction, PoDynamicFormField, PoDynamicFormFieldChanged, PoDynamicFormFieldValidation, PoDynamicFormLoad, PoDynamicFormValidation, PoDynamicViewField, PoDynamicViewRequest, PoGaugeOptions, PoGaugeRanges, PoGridRowActions, PoHeaderActionPopoverAction, PoHeaderActionTool, PoHeaderActionToolItem, PoHeaderActions, PoHeaderBrand, PoHeaderLiterals, PoHeaderUser, PoHelperOptions, PoI18nConfig, PoI18nConfigContext, PoI18nConfigDefault, PoI18nLiterals, PoLanguage, PoListViewAction, PoListViewLiterals, PoLookupColumn, PoLookupFilter, PoLookupFilteredItemsParams, PoLookupLiterals, PoLookupResponseApi, PoMediaQueryTokens, PoMenuFilter, PoMenuItem, PoMenuItemBadge, PoMenuItemFiltered, PoMenuPanelItem, PoModalAction, PoMultiselectFilter, PoMultiselectLiterals, PoMultiselectOption, PoNavbarIconAction, PoNavbarItem, PoNotification, PoNumberSeparator, PoPage, PoPageAction, PoPageDefault, PoPageDefaultLiterals, PoPageDetailLiterals, PoPageEditLiterals, PoPageFilter, PoPageListLiterals, PoPopupAction, PoProgressAction, PoRadioGroupOption, PoResponseApi, PoRichTextToolbarButtonGroupItem, PoSearchFilterSelect, PoSearchLiterals, PoSearchOption, PoSelectOption, PoSelectOptionGroup, PoSlideItem, PoStepperItem, PoTab, PoTableAction, PoTableBoolean, PoTableColumn, PoTableColumnIcon, PoTableColumnLabel, PoTableColumnSort, PoTableDetail, PoTableDetailColumn, PoTableLiterals, PoTableSubtitleColumn, PoTagLiterals, PoTheme, PoThemeActive, PoThemeColor, PoThemeColorAction, PoThemeColorCategorical, PoThemeColorFeedback, PoThemeColorNeutral, PoThemeToken, PoThemeTokens, PoThemeType, PoToaster, PoToolbarAction, PoToolbarProfile, PoTreeViewItem, PoUploadFileRestrictions, PoUploadLiterals, PoWidgetAvatar, PoWidgetLiterals, poThemeColorBrand };
|