@po-ui/ng-components 19.1.0 → 19.2.0

package/fesm2022/po-ui-ng-components.mjs

@@ -15,11 +15,11 @@ import { NG_VALUE_ACCESSOR, FormsModule, NG_VALIDATORS, Validators, NgControl, C
 import * as i1$2 from '@angular/common/http';
 import { HttpHeaders, HttpEventType, HttpResponse, HttpRequest, HTTP_INTERCEPTORS, HttpClient } from '@angular/common/http';
 import { debounceTime as debounceTime$1, concatMap, mapTo, scan, tap, switchMap, take, delay, takeWhile, map, filter as filter$1, distinctUntilChanged, catchError, finalize, mergeMap } from 'rxjs/operators';
-import * as i7 from '@angular/cdk/overlay';
+import * as i3 from '@angular/cdk/overlay';
 import { OverlayModule } from '@angular/cdk/overlay';
 import * as i2$2 from '@angular/cdk/scrolling';
 import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
-import * as i3 from '@angular/cdk/drag-drop';
+import * as i3$1 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 
 /**
@@ -17937,7 +17937,7 @@ class PoDatepickerComponent extends PoDatepickerBaseComponent {
             i0.ɵɵproperty("ngIf", ctx.appendBox)("ngIfThen", dropdownCDK_r10)("ngIfElse", dropdownDefault_r9);
             i0.ɵɵadvance(7);
             i0.ɵɵproperty("ngIf", !ctx.readonly);
-        } }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i2$1.NgControlStatus, i2$1.NgModel, PoFieldContainerBottomComponent, PoFieldContainerComponent, i7.CdkConnectedOverlay, i7.CdkOverlayOrigin, PoCleanComponent, PoCalendarComponent, PoButtonComponent], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i2$1.NgControlStatus, i2$1.NgModel, PoFieldContainerBottomComponent, PoFieldContainerComponent, i3.CdkConnectedOverlay, i3.CdkOverlayOrigin, PoCleanComponent, PoCalendarComponent, PoButtonComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoDatepickerComponent, [{
         type: Component,
@@ -18107,7 +18107,6 @@ class PoModalBaseComponent {
      * > Quando informado `auto` a modal calculará automaticamente seu tamanho baseado em seu conteúdo.
      * Caso não seja informado um valor, a modal terá o tamanho definido como `md`.
      *
-     * > Todas as opções de tamanho possuem uma largura máxima de **768px**.
      */
     set size(value) {
         const sizes = ['sm', 'md', 'lg', 'xl', 'auto'];
@@ -21286,6 +21285,18 @@ const PO_POPOVER_TRIGGERS = ['click', 'hover'];
  *
  */
 class PoPopoverBaseComponent {
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define que o popover será inserido no body da página em vez do elemento definido em `p-target`. Essa opção pode
+     * ser necessária em cenários com containers que possuem scroll ou overflow escondido, garantindo o posicionamento
+     * correto do conteúdo próximo ao elemento.
+     *
+     * @default `false`
+     */
+    appendBox = false;
     /**
      * @description
      *
@@ -21409,11 +21420,14 @@ class PoPopoverBaseComponent {
         return this._trigger;
     }
     static ɵfac = function PoPopoverBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPopoverBaseComponent)(); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoPopoverBaseComponent, inputs: { target: [0, "p-target", "target"], title: [0, "p-title", "title"], hideArrow: [0, "p-hide-arrow", "hideArrow"], position: [0, "p-position", "position"], trigger: [0, "p-trigger", "trigger"] }, outputs: { closePopover: "p-close" } });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoPopoverBaseComponent, inputs: { appendBox: [2, "p-append-in-body", "appendBox", convertToBoolean], target: [0, "p-target", "target"], title: [0, "p-title", "title"], hideArrow: [0, "p-hide-arrow", "hideArrow"], position: [0, "p-position", "position"], trigger: [0, "p-trigger", "trigger"] }, outputs: { closePopover: "p-close" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPopoverBaseComponent, [{
         type: Directive
-    }], null, { target: [{
+    }], null, { appendBox: [{
+            type: Input,
+            args: [{ alias: 'p-append-in-body', transform: convertToBoolean }]
+        }], target: [{
             type: Input,
             args: ['p-target']
         }], title: [{
@@ -21435,21 +21449,65 @@ class PoPopoverBaseComponent {
 
 const _c0$14 = ["popoverElement"];
 const _c1$q = ["*"];
-function PoPopoverComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+function PoPopoverComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function PoPopoverComponent_ng_template_1_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div");
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵclassMapInterpolate1("po-popover-arrow po-arrow-", ctx_r0.arrowDirection, "");
 } }
-function PoPopoverComponent_span_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 5);
+function PoPopoverComponent_ng_template_1_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 9);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.title);
 } }
+function PoPopoverComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5, 3);
+    i0.ɵɵtemplate(2, PoPopoverComponent_ng_template_1_div_2_Template, 1, 3, "div", 6);
+    i0.ɵɵelementStart(3, "div", 7);
+    i0.ɵɵtemplate(4, PoPopoverComponent_ng_template_1_span_4_Template, 2, 1, "span", 8);
+    i0.ɵɵprojection(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("hidden", ctx_r0.isHidden);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", !ctx_r0.hideArrow);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r0.title);
+} }
+function PoPopoverComponent_ng_template_3_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function PoPopoverComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PoPopoverComponent_ng_template_3_ng_container_0_Template, 1, 0, "ng-container", 10);
+} if (rf & 2) {
+    i0.ɵɵnextContext();
+    const sharedPopoverContent_r2 = i0.ɵɵreference(2);
+    i0.ɵɵproperty("ngTemplateOutlet", sharedPopoverContent_r2);
+} }
+function PoPopoverComponent_ng_template_5_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function PoPopoverComponent_ng_template_5_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PoPopoverComponent_ng_template_5_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 10);
+} if (rf & 2) {
+    i0.ɵɵnextContext(2);
+    const sharedPopoverContent_r2 = i0.ɵɵreference(2);
+    i0.ɵɵproperty("ngTemplateOutlet", sharedPopoverContent_r2);
+} }
+function PoPopoverComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PoPopoverComponent_ng_template_5_ng_template_0_Template, 1, 1, "ng-template", 11);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("cdkConnectedOverlayOrigin", ctx_r0.target)("cdkConnectedOverlayOpen", true);
+} }
 /**
  *
  * @docsExtends PoPopoverBaseComponent
@@ -21577,32 +21635,25 @@ class PoPopoverComponent extends PoPopoverBaseComponent {
     }
     static ɵfac = function PoPopoverComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPopoverComponent)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(PoControlPositionService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPopoverComponent, selectors: [["po-popover"]], viewQuery: function PoPopoverComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$14, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$14, 5, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popoverElement = _t.first);
-        } }, standalone: false, features: [i0.ɵɵProvidersFeature([PoControlPositionService]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$q, decls: 6, vars: 3, consts: [["popoverElement", ""], [1, "po-popover", 3, "hidden"], [3, "class", 4, "ngIf"], [1, "po-popover-content"], ["class", "po-popover-title", 4, "ngIf"], [1, "po-popover-title"]], template: function PoPopoverComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵProvidersFeature([PoControlPositionService]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$q, decls: 7, vars: 3, consts: [["sharedPopoverContent", ""], ["popoverDefault", ""], ["popoverCDK", ""], ["popoverElement", ""], [4, "ngIf", "ngIfThen", "ngIfElse"], [1, "po-popover", 3, "hidden"], [3, "class", 4, "ngIf"], [1, "po-popover-content"], ["class", "po-popover-title", 4, "ngIf"], [1, "po-popover-title"], [4, "ngTemplateOutlet"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen"]], template: function PoPopoverComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵelementStart(0, "div", 1, 0);
-            i0.ɵɵtemplate(2, PoPopoverComponent_div_2_Template, 1, 3, "div", 2);
-            i0.ɵɵelementStart(3, "div", 3);
-            i0.ɵɵtemplate(4, PoPopoverComponent_span_4_Template, 2, 1, "span", 4);
-            i0.ɵɵprojection(5);
-            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(0, PoPopoverComponent_ng_container_0_Template, 1, 0, "ng-container", 4)(1, PoPopoverComponent_ng_template_1_Template, 6, 3, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, PoPopoverComponent_ng_template_3_Template, 1, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(5, PoPopoverComponent_ng_template_5_Template, 1, 2, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
-            i0.ɵɵproperty("hidden", ctx.isHidden);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !ctx.hideArrow);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.title);
-        } }, dependencies: [i1.NgIf], encapsulation: 2 });
+            const popoverDefault_r3 = i0.ɵɵreference(4);
+            const popoverCDK_r4 = i0.ɵɵreference(6);
+            i0.ɵɵproperty("ngIf", ctx.appendBox)("ngIfThen", popoverCDK_r4)("ngIfElse", popoverDefault_r3);
+        } }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i3.CdkConnectedOverlay], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPopoverComponent, [{
         type: Component,
-        args: [{ selector: 'po-popover', providers: [PoControlPositionService], standalone: false, template: "<div [hidden]=\"isHidden\" class=\"po-popover\" #popoverElement>\n  <div *ngIf=\"!hideArrow\" class=\"po-popover-arrow po-arrow-{{ arrowDirection }}\"></div>\n\n  <div class=\"po-popover-content\">\n    <span *ngIf=\"title\" class=\"po-popover-title\">{{ title }}</span>\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
+        args: [{ selector: 'po-popover', providers: [PoControlPositionService], standalone: false, template: "<ng-container *ngIf=\"appendBox; then popoverCDK; else popoverDefault\"> </ng-container>\n\n<ng-template #sharedPopoverContent>\n  <div [hidden]=\"isHidden\" class=\"po-popover\" #popoverElement>\n    <div *ngIf=\"!hideArrow\" class=\"po-popover-arrow po-arrow-{{ arrowDirection }}\"></div>\n\n    <div class=\"po-popover-content\">\n      <span *ngIf=\"title\" class=\"po-popover-title\">{{ title }}</span>\n      <ng-content></ng-content>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #popoverDefault>\n  <ng-container *ngTemplateOutlet=\"sharedPopoverContent\"></ng-container>\n</ng-template>\n\n<ng-template #popoverCDK>\n  <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"target\" [cdkConnectedOverlayOpen]=\"true\">\n    <ng-container *ngTemplateOutlet=\"sharedPopoverContent\"></ng-container>\n  </ng-template>\n</ng-template>\n" }]
     }], () => [{ type: i0.Renderer2 }, { type: PoControlPositionService }], { popoverElement: [{
             type: ViewChild,
-            args: ['popoverElement', { read: ElementRef, static: true }]
+            args: ['popoverElement', { read: ElementRef, static: false }]
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoPopoverComponent, { className: "PoPopoverComponent", filePath: "lib/components/po-popover/po-popover.component.ts", lineNumber: 42 }); })();
 
@@ -21613,17 +21664,17 @@ class PoPopoverComponent extends PoPopoverBaseComponent {
 class PoPopoverModule {
     static ɵfac = function PoPopoverModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPopoverModule)(); };
     static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PoPopoverModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule] });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, OverlayModule] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPopoverModule, [{
         type: NgModule,
         args: [{
-                imports: [CommonModule],
+                imports: [CommonModule, OverlayModule],
                 declarations: [PoPopoverComponent],
                 exports: [PoPopoverComponent]
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoPopoverModule, { declarations: [PoPopoverComponent], imports: [CommonModule], exports: [PoPopoverComponent] }); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoPopoverModule, { declarations: [PoPopoverComponent], imports: [CommonModule, OverlayModule], exports: [PoPopoverComponent] }); })();
 
 /**
  * @docsPrivate
@@ -30578,7 +30629,7 @@ class PoComboComponent extends PoComboBaseComponent {
             i0.ɵɵproperty("ngIf", ctx.appendBox)("ngIfThen", dropdownCDK_r9)("ngIfElse", dropdownDefault_r8);
             i0.ɵɵadvance(5);
             i0.ɵɵproperty("p-additional-help-tooltip", ctx.getAdditionalHelpTooltip())("p-append-in-body", ctx.appendBox)("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern())("p-error-limit", ctx.errorLimit)("p-show-additional-help-icon", ctx.showAdditionalHelpIcon());
-        } }, dependencies: [i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i7.CdkConnectedOverlay, i7.CdkOverlayOrigin, PoCleanComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoIconComponent, PoListBoxComponent], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i3.CdkConnectedOverlay, i3.CdkOverlayOrigin, PoCleanComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoIconComponent, PoListBoxComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoComboComponent, [{
         type: Component,
@@ -44964,7 +45015,7 @@ class PoTableModule {
         PoTableRowTemplateDirective,
         PoTableCellTemplateDirective,
         PoTableColumnTemplateDirective] }); })();
-i0.ɵɵsetComponentScope(PoTableComponent, [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i1.NgPlural, i1.NgPluralCase, i2$2.CdkFixedSizeVirtualScroll, i2$2.CdkVirtualForOf, i2$2.CdkVirtualScrollViewport, i3.CdkDropList, i3.CdkDrag, i3.CdkDragHandle, PoButtonComponent, PoContainerComponent, PoLoadingOverlayComponent, PoModalComponent, PoPopupComponent, PoTooltipDirective, PoIconComponent, PoCheckboxComponent, PoRadioComponent, PoSearchComponent, PoTableColumnIconComponent,
+i0.ɵɵsetComponentScope(PoTableComponent, [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i1.NgPlural, i1.NgPluralCase, i2$2.CdkFixedSizeVirtualScroll, i2$2.CdkVirtualForOf, i2$2.CdkVirtualScrollViewport, i3$1.CdkDropList, i3$1.CdkDrag, i3$1.CdkDragHandle, PoButtonComponent, PoContainerComponent, PoLoadingOverlayComponent, PoModalComponent, PoPopupComponent, PoTooltipDirective, PoIconComponent, PoCheckboxComponent, PoRadioComponent, PoSearchComponent, PoTableColumnIconComponent,
     PoTableColumnLabelComponent,
     PoTableColumnLinkComponent,
     PoTableColumnManagerComponent,
@@ -45419,7 +45470,7 @@ class PoFieldModule {
         PoLabelModule,
         PoSwitchModule,
         PoTagModule] }); })();
-i0.ɵɵsetComponentScope(PoMultiselectComponent, function () { return [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i7.CdkConnectedOverlay, i7.CdkOverlayOrigin, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoIconComponent, PoTagComponent, PoMultiselectDropdownComponent]; }, []);
+i0.ɵɵsetComponentScope(PoMultiselectComponent, function () { return [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i3.CdkConnectedOverlay, i3.CdkOverlayOrigin, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoIconComponent, PoTagComponent, PoMultiselectDropdownComponent]; }, []);
 
 /**
  * @usedBy PoInfoComponent