@po-ui/ng-components 19.27.0 → 19.28.0-beta.1
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 +9 -5
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/po-dropdown/po-dropdown.component.d.ts +1 -1
- package/lib/components/po-modal/po-modal-action.interface.d.ts +2 -0
- package/package.json +4 -4
- package/po-ui-ng-components-19.28.0-beta.1.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/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/po-ui-ng-components-19.27.0.tgz +0 -0
|
@@ -11993,7 +11993,10 @@ class PoDropdownComponent extends PoDropdownBaseComponent {
|
|
|
11993
11993
|
hideDropdown() {
|
|
11994
11994
|
this.icon = 'ICON_ARROW_DOWN';
|
|
11995
11995
|
this.removeListeners();
|
|
11996
|
-
this.popupRef.
|
|
11996
|
+
if (this.popupRef.showPopup) {
|
|
11997
|
+
this.popupRef.close();
|
|
11998
|
+
}
|
|
11999
|
+
this.dropdownRef.nativeElement.focus();
|
|
11997
12000
|
this.open = false;
|
|
11998
12001
|
this.changeDetector.detectChanges();
|
|
11999
12002
|
}
|
|
@@ -12038,11 +12041,11 @@ class PoDropdownComponent extends PoDropdownBaseComponent {
|
|
|
12038
12041
|
}
|
|
12039
12042
|
}
|
|
12040
12043
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
12041
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: PoDropdownComponent, isStandalone: false, selector: "po-dropdown", viewQueries: [{ propertyName: "dropdownRef", first: true, predicate: ["dropdownRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "popupRef", first: true, predicate: ["popupRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n #dropdownRef\n class=\"po-dropdown\"\n [class.po-dropdown-aa]=\"size === 'small'\"\n [attr.disabled]=\"disabled\"\n tabindex=\"{{ disabled ? -1 : 0 }}\"\n (click)=\"toggleDropdown()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <div\n class=\"po-dropdown-button\"\n [class.po-dropdown-button-aa]=\"size === 'small'\"\n [ngClass]=\"{ 'po-dropdown-button-disabled': disabled, 'po-dropdown-button-open': open }\"\n >\n <span>{{ label }}</span>\n <po-icon class=\"po-dropdown-icon\" [class.po-dropdown-icon-aa]=\"size === 'small'\" [p-icon]=\"icon\"></po-icon>\n </div>\n</div>\n\n<po-popup\n #popupRef\n p-hide-arrow\n p-is-corner-align\n p-position=\"bottom-left\"\n [p-actions]=\"actions\"\n [p-custom-positions]=\"['bottom-left', 'top-left']\"\n [p-size]=\"size\"\n [p-target]=\"dropdownRef\"\n>\n</po-popup>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PoPopupComponent, selector: "po-popup" }, { kind: "component", type: PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12044
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: PoDropdownComponent, isStandalone: false, selector: "po-dropdown", viewQueries: [{ propertyName: "dropdownRef", first: true, predicate: ["dropdownRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "popupRef", first: true, predicate: ["popupRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n #dropdownRef\n class=\"po-dropdown\"\n [class.po-dropdown-aa]=\"size === 'small'\"\n [attr.disabled]=\"disabled\"\n tabindex=\"{{ disabled ? -1 : 0 }}\"\n (click)=\"toggleDropdown()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <div\n class=\"po-dropdown-button\"\n [class.po-dropdown-button-aa]=\"size === 'small'\"\n [ngClass]=\"{ 'po-dropdown-button-disabled': disabled, 'po-dropdown-button-open': open }\"\n >\n <span>{{ label }}</span>\n <po-icon class=\"po-dropdown-icon\" [class.po-dropdown-icon-aa]=\"size === 'small'\" [p-icon]=\"icon\"></po-icon>\n </div>\n</div>\n\n<po-popup\n #popupRef\n p-hide-arrow\n p-is-corner-align\n p-position=\"bottom-left\"\n [p-actions]=\"actions\"\n [p-custom-positions]=\"['bottom-left', 'top-left']\"\n [p-size]=\"size\"\n [p-target]=\"dropdownRef\"\n (p-close)=\"hideDropdown()\"\n>\n</po-popup>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PoPopupComponent, selector: "po-popup" }, { kind: "component", type: PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12042
12045
|
}
|
|
12043
12046
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoDropdownComponent, decorators: [{
|
|
12044
12047
|
type: Component,
|
|
12045
|
-
args: [{ selector: 'po-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n #dropdownRef\n class=\"po-dropdown\"\n [class.po-dropdown-aa]=\"size === 'small'\"\n [attr.disabled]=\"disabled\"\n tabindex=\"{{ disabled ? -1 : 0 }}\"\n (click)=\"toggleDropdown()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <div\n class=\"po-dropdown-button\"\n [class.po-dropdown-button-aa]=\"size === 'small'\"\n [ngClass]=\"{ 'po-dropdown-button-disabled': disabled, 'po-dropdown-button-open': open }\"\n >\n <span>{{ label }}</span>\n <po-icon class=\"po-dropdown-icon\" [class.po-dropdown-icon-aa]=\"size === 'small'\" [p-icon]=\"icon\"></po-icon>\n </div>\n</div>\n\n<po-popup\n #popupRef\n p-hide-arrow\n p-is-corner-align\n p-position=\"bottom-left\"\n [p-actions]=\"actions\"\n [p-custom-positions]=\"['bottom-left', 'top-left']\"\n [p-size]=\"size\"\n [p-target]=\"dropdownRef\"\n>\n</po-popup>\n" }]
|
|
12048
|
+
args: [{ selector: 'po-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n #dropdownRef\n class=\"po-dropdown\"\n [class.po-dropdown-aa]=\"size === 'small'\"\n [attr.disabled]=\"disabled\"\n tabindex=\"{{ disabled ? -1 : 0 }}\"\n (click)=\"toggleDropdown()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <div\n class=\"po-dropdown-button\"\n [class.po-dropdown-button-aa]=\"size === 'small'\"\n [ngClass]=\"{ 'po-dropdown-button-disabled': disabled, 'po-dropdown-button-open': open }\"\n >\n <span>{{ label }}</span>\n <po-icon class=\"po-dropdown-icon\" [class.po-dropdown-icon-aa]=\"size === 'small'\" [p-icon]=\"icon\"></po-icon>\n </div>\n</div>\n\n<po-popup\n #popupRef\n p-hide-arrow\n p-is-corner-align\n p-position=\"bottom-left\"\n [p-actions]=\"actions\"\n [p-custom-positions]=\"['bottom-left', 'top-left']\"\n [p-size]=\"size\"\n [p-target]=\"dropdownRef\"\n (p-close)=\"hideDropdown()\"\n>\n</po-popup>\n" }]
|
|
12046
12049
|
}], propDecorators: { dropdownRef: [{
|
|
12047
12050
|
type: ViewChild,
|
|
12048
12051
|
args: ['dropdownRef', { read: ElementRef, static: true }]
|
|
@@ -15896,11 +15899,11 @@ class PoModalComponent extends PoModalBaseComponent {
|
|
|
15896
15899
|
this.modalContent.nativeElement.querySelector(this.focusableElements) || this.modalContent.nativeElement;
|
|
15897
15900
|
}
|
|
15898
15901
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15899
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: PoModalComponent, isStandalone: false, selector: "po-modal", queries: [{ propertyName: "modalFooter", first: true, predicate: PoModalFooterComponent, descendants: true }], viewQueries: [{ propertyName: "modalContent", first: true, predicate: ["modalContent"], descendants: true, read: ElementRef }, { propertyName: "modalContainer", first: true, predicate: ["modalContainer"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "@if (!isHidden) {\n <div #modalContainer class=\"po-modal\" tabindex=\"0\" (keydown.esc)=\"closeModalOnEscapeKey($event)\">\n <div class=\"po-modal-overlay\" (mousedown)=\"onClickOut($event)\"></div>\n <div class=\"po-modal-container po-pb-2 po-pt-2\">\n <div class=\"po-modal-vertical-align\">\n <div #modalContent class=\"po-modal-content po-modal-{{ size }}\" tabindex=\"-1\">\n <div class=\"po-modal-header\">\n <div class=\"po-modal-title po-text-ellipsis\">\n @if (icon) {\n <po-icon [p-icon]=\"icon\"></po-icon>\n }\n <div class=\"po-text-ellipsis\">\n {{ title }}\n </div>\n </div>\n @if (!hideClose) {\n <po-button\n [p-aria-label]=\"literals.close\"\n p-icon=\"ICON_CLOSE\"\n (p-click)=\"close(true)\"\n p-kind=\"tertiary\"\n [p-size]=\"componentsSize\"\n >\n </po-button>\n }\n </div>\n <div class=\"po-modal-body\">\n <ng-content></ng-content>\n </div>\n @if (modalFooter) {\n <ng-content select=\"po-modal-footer\"></ng-content>\n } @else {\n <po-modal-footer>\n <div class=\"po-modal-footer-basic\">\n @if (secondaryAction) {\n <po-button\n [p-danger]=\"getSecondaryActionButtonDanger()\"\n [p-disabled]=\"secondaryAction.disabled\"\n [p-label]=\"secondaryAction.label\"\n [p-loading]=\"secondaryAction.loading\"\n p-kind=\"secondary\"\n [p-size]=\"componentsSize\"\n (p-click)=\"secondaryAction.action()\"\n >\n </po-button>\n }\n <po-button\n class=\"po-button-modal-first-action\"\n [p-danger]=\"primaryAction.danger\"\n [p-disabled]=\"primaryAction.disabled\"\n [p-label]=\"primaryAction.label\"\n [p-loading]=\"primaryAction.loading\"\n p-kind=\"primary\"\n [p-size]=\"componentsSize\"\n (p-click)=\"primaryAction.action()\"\n >\n </po-button>\n </div>\n </po-modal-footer>\n }\n </div>\n </div>\n </div>\n </div>\n}\n", dependencies: [{ kind: "component", type: PoButtonComponent, selector: "po-button" }, { kind: "component", type: PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: PoModalFooterComponent, selector: "po-modal-footer", inputs: ["p-disabled-align"] }] });
|
|
15902
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: PoModalComponent, isStandalone: false, selector: "po-modal", queries: [{ propertyName: "modalFooter", first: true, predicate: PoModalFooterComponent, descendants: true }], viewQueries: [{ propertyName: "modalContent", first: true, predicate: ["modalContent"], descendants: true, read: ElementRef }, { propertyName: "modalContainer", first: true, predicate: ["modalContainer"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "@if (!isHidden) {\n <div #modalContainer class=\"po-modal\" tabindex=\"0\" (keydown.esc)=\"closeModalOnEscapeKey($event)\">\n <div class=\"po-modal-overlay\" (mousedown)=\"onClickOut($event)\"></div>\n <div class=\"po-modal-container po-pb-2 po-pt-2\">\n <div class=\"po-modal-vertical-align\">\n <div #modalContent class=\"po-modal-content po-modal-{{ size }}\" tabindex=\"-1\">\n <div class=\"po-modal-header\">\n <div class=\"po-modal-title po-text-ellipsis\">\n @if (icon) {\n <po-icon [p-icon]=\"icon\"></po-icon>\n }\n <div class=\"po-text-ellipsis\">\n {{ title }}\n </div>\n </div>\n @if (!hideClose) {\n <po-button\n [p-aria-label]=\"literals.close\"\n p-icon=\"ICON_CLOSE\"\n (p-click)=\"close(true)\"\n p-kind=\"tertiary\"\n [p-size]=\"componentsSize\"\n >\n </po-button>\n }\n </div>\n <div class=\"po-modal-body\">\n <ng-content></ng-content>\n </div>\n @if (modalFooter) {\n <ng-content select=\"po-modal-footer\"></ng-content>\n } @else {\n <po-modal-footer>\n <div class=\"po-modal-footer-basic\">\n @if (secondaryAction) {\n <po-button\n [p-danger]=\"getSecondaryActionButtonDanger()\"\n [p-disabled]=\"secondaryAction.disabled\"\n [p-icon]=\"secondaryAction.icon\"\n [p-label]=\"secondaryAction.label\"\n [p-loading]=\"secondaryAction.loading\"\n p-kind=\"secondary\"\n [p-size]=\"componentsSize\"\n (p-click)=\"secondaryAction.action()\"\n >\n </po-button>\n }\n <po-button\n class=\"po-button-modal-first-action\"\n [p-danger]=\"primaryAction.danger\"\n [p-disabled]=\"primaryAction.disabled\"\n [p-icon]=\"primaryAction.icon\"\n [p-label]=\"primaryAction.label\"\n [p-loading]=\"primaryAction.loading\"\n p-kind=\"primary\"\n [p-size]=\"componentsSize\"\n (p-click)=\"primaryAction.action()\"\n >\n </po-button>\n </div>\n </po-modal-footer>\n }\n </div>\n </div>\n </div>\n </div>\n}\n", dependencies: [{ kind: "component", type: PoButtonComponent, selector: "po-button" }, { kind: "component", type: PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: PoModalFooterComponent, selector: "po-modal-footer", inputs: ["p-disabled-align"] }] });
|
|
15900
15903
|
}
|
|
15901
15904
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoModalComponent, decorators: [{
|
|
15902
15905
|
type: Component,
|
|
15903
|
-
args: [{ selector: 'po-modal', standalone: false, template: "@if (!isHidden) {\n <div #modalContainer class=\"po-modal\" tabindex=\"0\" (keydown.esc)=\"closeModalOnEscapeKey($event)\">\n <div class=\"po-modal-overlay\" (mousedown)=\"onClickOut($event)\"></div>\n <div class=\"po-modal-container po-pb-2 po-pt-2\">\n <div class=\"po-modal-vertical-align\">\n <div #modalContent class=\"po-modal-content po-modal-{{ size }}\" tabindex=\"-1\">\n <div class=\"po-modal-header\">\n <div class=\"po-modal-title po-text-ellipsis\">\n @if (icon) {\n <po-icon [p-icon]=\"icon\"></po-icon>\n }\n <div class=\"po-text-ellipsis\">\n {{ title }}\n </div>\n </div>\n @if (!hideClose) {\n <po-button\n [p-aria-label]=\"literals.close\"\n p-icon=\"ICON_CLOSE\"\n (p-click)=\"close(true)\"\n p-kind=\"tertiary\"\n [p-size]=\"componentsSize\"\n >\n </po-button>\n }\n </div>\n <div class=\"po-modal-body\">\n <ng-content></ng-content>\n </div>\n @if (modalFooter) {\n <ng-content select=\"po-modal-footer\"></ng-content>\n } @else {\n <po-modal-footer>\n <div class=\"po-modal-footer-basic\">\n @if (secondaryAction) {\n <po-button\n [p-danger]=\"getSecondaryActionButtonDanger()\"\n [p-disabled]=\"secondaryAction.disabled\"\n [p-label]=\"secondaryAction.label\"\n [p-loading]=\"secondaryAction.loading\"\n p-kind=\"secondary\"\n [p-size]=\"componentsSize\"\n (p-click)=\"secondaryAction.action()\"\n >\n </po-button>\n }\n <po-button\n class=\"po-button-modal-first-action\"\n [p-danger]=\"primaryAction.danger\"\n [p-disabled]=\"primaryAction.disabled\"\n [p-label]=\"primaryAction.label\"\n [p-loading]=\"primaryAction.loading\"\n p-kind=\"primary\"\n [p-size]=\"componentsSize\"\n (p-click)=\"primaryAction.action()\"\n >\n </po-button>\n </div>\n </po-modal-footer>\n }\n </div>\n </div>\n </div>\n </div>\n}\n" }]
|
|
15906
|
+
args: [{ selector: 'po-modal', standalone: false, template: "@if (!isHidden) {\n <div #modalContainer class=\"po-modal\" tabindex=\"0\" (keydown.esc)=\"closeModalOnEscapeKey($event)\">\n <div class=\"po-modal-overlay\" (mousedown)=\"onClickOut($event)\"></div>\n <div class=\"po-modal-container po-pb-2 po-pt-2\">\n <div class=\"po-modal-vertical-align\">\n <div #modalContent class=\"po-modal-content po-modal-{{ size }}\" tabindex=\"-1\">\n <div class=\"po-modal-header\">\n <div class=\"po-modal-title po-text-ellipsis\">\n @if (icon) {\n <po-icon [p-icon]=\"icon\"></po-icon>\n }\n <div class=\"po-text-ellipsis\">\n {{ title }}\n </div>\n </div>\n @if (!hideClose) {\n <po-button\n [p-aria-label]=\"literals.close\"\n p-icon=\"ICON_CLOSE\"\n (p-click)=\"close(true)\"\n p-kind=\"tertiary\"\n [p-size]=\"componentsSize\"\n >\n </po-button>\n }\n </div>\n <div class=\"po-modal-body\">\n <ng-content></ng-content>\n </div>\n @if (modalFooter) {\n <ng-content select=\"po-modal-footer\"></ng-content>\n } @else {\n <po-modal-footer>\n <div class=\"po-modal-footer-basic\">\n @if (secondaryAction) {\n <po-button\n [p-danger]=\"getSecondaryActionButtonDanger()\"\n [p-disabled]=\"secondaryAction.disabled\"\n [p-icon]=\"secondaryAction.icon\"\n [p-label]=\"secondaryAction.label\"\n [p-loading]=\"secondaryAction.loading\"\n p-kind=\"secondary\"\n [p-size]=\"componentsSize\"\n (p-click)=\"secondaryAction.action()\"\n >\n </po-button>\n }\n <po-button\n class=\"po-button-modal-first-action\"\n [p-danger]=\"primaryAction.danger\"\n [p-disabled]=\"primaryAction.disabled\"\n [p-icon]=\"primaryAction.icon\"\n [p-label]=\"primaryAction.label\"\n [p-loading]=\"primaryAction.loading\"\n p-kind=\"primary\"\n [p-size]=\"componentsSize\"\n (p-click)=\"primaryAction.action()\"\n >\n </po-button>\n </div>\n </po-modal-footer>\n }\n </div>\n </div>\n </div>\n </div>\n}\n" }]
|
|
15904
15907
|
}], ctorParameters: () => [], propDecorators: { modalContent: [{
|
|
15905
15908
|
type: ViewChild,
|
|
15906
15909
|
args: ['modalContent', { read: ElementRef }]
|
|
@@ -30162,6 +30165,7 @@ class PoInputGeneric extends PoInputBaseComponent {
|
|
|
30162
30165
|
else {
|
|
30163
30166
|
// Se o valor for indefinido, deve limpar o campo.
|
|
30164
30167
|
this.inputEl.nativeElement.value = '';
|
|
30168
|
+
this.modelLastUpdate = '';
|
|
30165
30169
|
}
|
|
30166
30170
|
}
|
|
30167
30171
|
// Emite evento quando o model é atualizado, inclusive a primeira vez
|