@po-ui/ng-components 6.8.0 → 6.9.0

package/lib/components/po-field/po-combo/po-combo-base.component.d.ts

@@ -75,6 +75,29 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
      * ```
      */
     filterService: PoComboFilter | string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Se verdadeiro ativa a funcionalidade de scroll infinito para o combo, Ao chegar ao fim da tabela executará nova busca dos dados conforme paginação.
+     *
+     * @default `false`
+     */
+    set infiniteScroll(value: boolean);
+    get infiniteScroll(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o percentual necessário para disparar o evento `show-more`, que é responsável por carregar mais dados no combo. Caso o valor seja maior que 100 ou menor que 0, o valor padrão será 100%.
+     *
+     * **Exemplos**
+     * - p-infinite-scroll-distance = 80: Quando atingir 80% do scroll do combo, o `show-more` será disparado.
+     */
+    set infiniteScrollDistance(value: number);
+    get infiniteScrollDistance(): number;
     /**
      * @optional
      *
@@ -176,6 +199,9 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
     selectedView: any;
     service: PoComboFilterService;
     visibleOptions: Array<PoComboOption | PoComboGroup>;
+    page: number;
+    pageSize: number;
+    loading: boolean;
     protected cacheStaticOptions: Array<PoComboOption | PoComboGroup>;
     protected comboOptionsList: Array<PoComboOption | PoComboGroup>;
     protected onModelTouched: any;
@@ -194,6 +220,9 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
     private _required?;
     private _sort?;
     private language;
+    private _infiniteScrollDistance?;
+    private _infiniteScroll?;
+    private _height?;
     private fromWriteValue;
     private validatorChange;
     /** Mensagem apresentada enquanto o campo estiver vazio. */
@@ -408,5 +437,5 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
     abstract getInputValue(): string;
     abstract initInputObservable(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoComboBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoComboBaseComponent, never, never, { "autoFocus": "p-auto-focus"; "label": "p-label"; "help": "p-help"; "name": "name"; "filterService": "p-filter-service"; "icon": "p-icon"; "optional": "p-optional"; "clean": "p-clean"; "emitObjectValue": "p-emit-object-value"; "disabledTabFilter": "p-disabled-tab-filter"; "placeholder": "p-placeholder"; "debounceTime": "p-debounce-time"; "disabledInitFilter": "p-disabled-init-filter"; "fieldValue": "p-field-value"; "fieldLabel": "p-field-label"; "filterMinlength": "p-filter-minlength"; "required": "p-required"; "changeOnEnter": "p-change-on-enter"; "disabled": "p-disabled"; "sort": "p-sort"; "options": "p-options"; "filterMode": "p-filter-mode"; "filterParams": "p-filter-params"; "literals": "p-literals"; }, { "change": "p-change"; "ngModelChange": "ngModelChange"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoComboBaseComponent, never, never, { "autoFocus": "p-auto-focus"; "label": "p-label"; "help": "p-help"; "name": "name"; "filterService": "p-filter-service"; "infiniteScroll": "p-infinite-scroll"; "infiniteScrollDistance": "p-infinite-scroll-distance"; "icon": "p-icon"; "optional": "p-optional"; "clean": "p-clean"; "emitObjectValue": "p-emit-object-value"; "disabledTabFilter": "p-disabled-tab-filter"; "placeholder": "p-placeholder"; "debounceTime": "p-debounce-time"; "disabledInitFilter": "p-disabled-init-filter"; "fieldValue": "p-field-value"; "fieldLabel": "p-field-label"; "filterMinlength": "p-filter-minlength"; "required": "p-required"; "changeOnEnter": "p-change-on-enter"; "disabled": "p-disabled"; "sort": "p-sort"; "options": "p-options"; "filterMode": "p-filter-mode"; "filterParams": "p-filter-params"; "literals": "p-literals"; }, { "change": "p-change"; "ngModelChange": "ngModelChange"; }, never>;
 }

package/lib/components/po-field/po-combo/po-combo-filter.service.d.ts

@@ -14,6 +14,7 @@ export declare class PoComboFilterService implements PoComboFilter {
     private http;
     fieldLabel: string;
     fieldValue: string;
+    hasNext: boolean;
     readonly headers: HttpHeaders;
     private _url;
     private messages;
@@ -22,6 +23,8 @@ export declare class PoComboFilterService implements PoComboFilter {
     getFilteredData(param: any, filterParams?: any): Observable<Array<PoComboOption>>;
     getObjectByValue(value: string | number, filterParams?: any): Observable<PoComboOption>;
     configProperties(url: string, fieldLabel: string, fieldValue: string): void;
+    scrollListener(componentListner: HTMLElement): Observable<any>;
+    private prepareParams;
     private parseToArrayComboOption;
     private parseToComboOption;
     private addMessage;

package/lib/components/po-field/po-combo/po-combo.component.d.ts

@@ -49,6 +49,11 @@ import * as i0 from "@angular/core";
  *   <file name="sample-po-combo-heroes-reactive-form/sample-po-combo-heroes-reactive-form.component.ts"> </file>
  * </example>
  *
+ * <example name="po-combo-infinity-scroll" title="PO Combo - Inifity Scroll">
+ *   <file name="sample-po-combo-infinity-scroll/sample-po-combo-infinity-scroll.component.html"> </file>
+ *   <file name="sample-po-combo-infinity-scroll/sample-po-combo-infinity-scroll.component.ts"> </file>
+ * </example>
+ *
  * <example name="po-combo-hotels" title="PO Combo - Booking Hotel">
  *   <file name="sample-po-combo-hotels/sample-po-combo-hotels.component.html"> </file>
  *   <file name="sample-po-combo-hotels/sample-po-combo-hotels.component.ts"> </file>
@@ -67,6 +72,7 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
     contentElement: ElementRef;
     iconElement: ElementRef;
     inputEl: ElementRef;
+    poComboBody: ElementRef;
     comboIcon: string;
     comboOpen: boolean;
     differ: any;
@@ -74,11 +80,14 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
     scrollTop: number;
     service: PoComboFilterService;
     shouldMarkLetters: boolean;
+    infiniteLoading: boolean;
     private _isServerSearching;
     private clickoutListener;
     private eventResizeListener;
     private filterSubscription;
     private getSubscription;
+    private scrollEvent$;
+    private subscriptionScrollEvent;
     constructor(element: ElementRef, differs: IterableDiffers, defaultService: PoComboFilterService, renderer: Renderer2, changeDetector: ChangeDetectorRef, controlPosition: PoControlPositionService, sanitized: DomSanitizer, languageService: PoLanguageService);
     set isServerSearching(value: boolean);
     get isServerSearching(): boolean;
@@ -108,15 +117,15 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
     onKeyUp(event?: any): void;
     initInputObservable(): void;
     controlApplyFilter(value: any): void;
-    applyFilter(value: string): void;
-    setOptionsByApplyFilter(value: any, items: any): void;
+    applyFilter(value: string, reset?: boolean): void;
+    setOptionsByApplyFilter(value: any, items: any, reset?: boolean): void;
     getObjectByValue(value: any): void;
     updateOptionByFilteredValue(item: any): void;
     selectPreviousOption(): void;
     selectNextOption(): void;
     toggleComboVisibility(): void;
     applyFilterInFirstClick(): void;
-    controlComboVisibility(toOpen: boolean): void;
+    controlComboVisibility(toOpen: boolean, reset?: boolean): void;
     onOptionClick(option: PoComboOption | PoComboGroup, event?: any): void;
     scrollTo(index: any): void;
     getInputValue(): any;
@@ -126,6 +135,12 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
     safeHtml(value: any): SafeHtml;
     isValidCharacterToSearch(keyCode: any): boolean;
     searchOnEnter(value: string): void;
+    showMoreInfiniteScroll({ target }: {
+        target: any;
+    }): void;
+    protected checkInfiniteScroll(): void;
+    private hasInfiniteScroll;
+    private includeInfiniteScroll;
     private adjustContainerPosition;
     private close;
     private initializeListeners;
@@ -136,7 +151,11 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
     private removeListeners;
     private sanitizeTagHTML;
     private setContainerPosition;
+    private setOptions;
     private setScrollTop;
+    private prepareOptions;
+    private setPage;
+    private setScrollingControl;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoComboComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PoComboComponent, "po-combo", never, {}, {}, ["comboOptionTemplate"], never>;
 }

package/lib/components/po-table/po-table-base.component.d.ts

@@ -235,6 +235,16 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
      * Por exemplo: ["idCard", "name", "hireStatus", "age"].
      */
     changeVisibleColumns: EventEmitter<string[]>;
+    /**
+     * @optional
+     *
+     * @description
+     * Evento disparado ao clicar no botão de restaurar padrão no gerenciador de colunas.
+     *
+     * O componente envia como parâmetro um array de string com as colunas configuradas inicialmente.
+     * Por exemplo: ["idCard", "name", "hireStatus", "age"].
+     */
+    columnRestoreManager: EventEmitter<String[]>;
     allColumnsWidthPixels: boolean;
     columnMasterDetail: PoTableColumn;
     hasMainColumns: boolean;
@@ -248,6 +258,7 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
     page: number;
     pageSize: number;
     hasService?: boolean;
+    initialColumns: Array<PoTableColumn>;
     private _actions?;
     private _columns;
     private _container?;
@@ -510,5 +521,5 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
     protected abstract calculateWidthHeaders(): any;
     protected abstract checkInfiniteScroll(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoTableBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoTableBaseComponent, never, never, { "hideTextOverflow": "p-hide-text-overflow"; "hideColumnsManager": "p-hide-columns-manager"; "autoCollapse": "p-auto-collapse"; "loadingShowMore": "p-loading-show-more"; "sort": "p-sort"; "showMoreDisabled": "p-show-more-disabled"; "striped": "p-striped"; "hideSelectAll": "p-hide-select-all"; "singleSelect": "p-single-select"; "actionRight": "p-actions-right"; "maxColumns": "p-max-columns"; "items": "p-items"; "columns": "p-columns"; "container": "p-container"; "height": "p-height"; "hideDetail": "p-hide-detail"; "literals": "p-literals"; "loading": "p-loading"; "actions": "p-actions"; "selectable": "p-selectable"; "infiniteScroll": "p-infinite-scroll"; "infiniteScrollDistance": "p-infinite-scroll-distance"; "serviceApi": "p-service-api"; }, { "allSelected": "p-all-selected"; "allUnselected": "p-all-unselected"; "collapsed": "p-collapsed"; "expanded": "p-expanded"; "selected": "p-selected"; "showMore": "p-show-more"; "sortBy": "p-sort-by"; "unselected": "p-unselected"; "changeVisibleColumns": "p-change-visible-columns"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoTableBaseComponent, never, never, { "hideTextOverflow": "p-hide-text-overflow"; "hideColumnsManager": "p-hide-columns-manager"; "autoCollapse": "p-auto-collapse"; "loadingShowMore": "p-loading-show-more"; "sort": "p-sort"; "showMoreDisabled": "p-show-more-disabled"; "striped": "p-striped"; "hideSelectAll": "p-hide-select-all"; "singleSelect": "p-single-select"; "actionRight": "p-actions-right"; "maxColumns": "p-max-columns"; "items": "p-items"; "columns": "p-columns"; "container": "p-container"; "height": "p-height"; "hideDetail": "p-hide-detail"; "literals": "p-literals"; "loading": "p-loading"; "actions": "p-actions"; "selectable": "p-selectable"; "infiniteScroll": "p-infinite-scroll"; "infiniteScrollDistance": "p-infinite-scroll-distance"; "serviceApi": "p-service-api"; }, { "allSelected": "p-all-selected"; "allUnselected": "p-all-unselected"; "collapsed": "p-collapsed"; "expanded": "p-expanded"; "selected": "p-selected"; "showMore": "p-show-more"; "sortBy": "p-sort-by"; "unselected": "p-unselected"; "changeVisibleColumns": "p-change-visible-columns"; "columnRestoreManager": "p-restore-column-manager"; }, never>;
 }

package/lib/components/po-table/po-table-column-manager/po-table-column-manager.component.d.ts

@@ -27,9 +27,11 @@ export declare class PoTableColumnManagerComponent implements OnChanges, OnDestr
     popover: PoPopoverComponent;
     columns: Array<PoTableColumn>;
     target: ElementRef;
+    colunsDefault: Array<PoTableColumn>;
     lastVisibleColumnsSelected: Array<PoTableColumn>;
     visibleColumnsChange: EventEmitter<PoTableColumn[]>;
     changeVisibleColumns: EventEmitter<string[]>;
+    initialColumns: EventEmitter<String[]>;
     literals: any;
     columnsOptions: Array<PoCheckboxGroupOption>;
     visibleColumns: Array<string>;
@@ -73,5 +75,5 @@ export declare class PoTableColumnManagerComponent implements OnChanges, OnDestr
     private removeListeners;
     private stringify;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoTableColumnManagerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoTableColumnManagerComponent, "po-table-column-manager", never, { "columns": "p-columns"; "target": "p-target"; "lastVisibleColumnsSelected": "p-last-visible-columns-selected"; "maxColumns": "p-max-columns"; }, { "visibleColumnsChange": "p-visible-columns-change"; "changeVisibleColumns": "p-change-visible-columns"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoTableColumnManagerComponent, "po-table-column-manager", never, { "columns": "p-columns"; "target": "p-target"; "colunsDefault": "p-columns-default"; "lastVisibleColumnsSelected": "p-last-visible-columns-selected"; "maxColumns": "p-max-columns"; }, { "visibleColumnsChange": "p-visible-columns-change"; "changeVisibleColumns": "p-change-visible-columns"; "initialColumns": "p-initial-columns"; }, never, never>;
 }

package/lib/components/po-table/po-table.component.d.ts

@@ -71,6 +71,7 @@ export declare class PoTableComponent extends PoTableBaseComponent implements Af
     tableFooterElement: any;
     tableWrapperElement: any;
     poTableTbody: any;
+    poTableThead: any;
     actionsIconElement: QueryList<any>;
     actionsElement: QueryList<any>;
     headersTable: QueryList<any>;
@@ -183,6 +184,7 @@ export declare class PoTableComponent extends PoTableBaseComponent implements Af
     isShowRowTemplate(row: any, index: number): boolean;
     onClickLink(event: any, row: any, column: PoTableColumn): void;
     onChangeVisibleColumns(columns: Array<string>): void;
+    onColumnRestoreManager(value: Array<String>): void;
     onVisibleColumnsChange(columns: Array<PoTableColumn>): void;
     tooltipMouseEnter(event: any, column?: PoTableColumn, row?: any): any;
     tooltipMouseLeave(): void;
@@ -212,6 +214,7 @@ export declare class PoTableComponent extends PoTableBaseComponent implements Af
         [key: string]: any;
     }): void;
     getTemplate(column: PoTableColumn): TemplateRef<any>;
+    syncronizeHorizontalScroll(): void;
     protected calculateHeightTableContainer(height: any): void;
     protected calculateWidthHeaders(): void;
     protected checkInfiniteScroll(): void;

package/lib/directives/po-tooltip/po-tooltip-base.directive.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
  * @description
  *
  * A diretiva po-tooltip deve ser utilizada para oferecer informações adicionais quando os usuários
- * passam o mouse sobre o elemento alvo ao qual ela está atribuída.
+ * passam o mouse ou realizam o foco sobre o elemento alvo ao qual ela está atribuída.
  *
  * O conteúdo é formado por um pequeno texto que deve contribuir para uma tomada de decisão ou
  * orientação do usuário. A ativação dele pode estar em qualquer componente ou tag HTML.

package/lib/directives/po-tooltip/po-tooltip.directive.d.ts

@@ -38,6 +38,8 @@ export declare class PoTooltipDirective extends PoTooltipBaseDirective implement
     constructor(elementRef: ElementRef, renderer: Renderer2, poControlPosition: PoTooltipControlPositionService);
     onMouseEnter(): void;
     onMouseLeave(): void;
+    onFocusOut(): void;
+    onFocusIn(): void;
     ngOnInit(): void;
     protected addTooltipAction(): void;
     protected removeTooltipAction(): void;
@@ -50,6 +52,7 @@ export declare class PoTooltipDirective extends PoTooltipBaseDirective implement
     private removeScrollEventListener;
     private showTooltip;
     private updateTextContent;
+    private insertAriaLabelTooltip;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoTooltipDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<PoTooltipDirective, "[p-tooltip]", never, {}, {}, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "6.8.0",
+  "version": "6.9.0",
   "tag": "next",
   "description": "PO UI - Components",
   "author": "PO UI",
@@ -21,8 +21,8 @@
     ]
   },
   "dependencies": {
-    "@po-ui/style": "6.8.0",
-    "@po-ui/ng-schematics": "6.8.0",
+    "@po-ui/style": "6.9.0",
+    "@po-ui/ng-schematics": "6.9.0",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
@@ -34,7 +34,7 @@
     "@angular/platform-browser": "^13.0.2",
     "@angular/platform-browser-dynamic": "^13.0.2",
     "@angular/router": "^13.0.2",
-    "@po-ui/style": "6.8.0",
+    "@po-ui/style": "6.9.0",
     "rxjs": "~7.4.0",
     "zone.js": "~0.11.4"
   },

package/schematics/ng-add/index.js

@@ -18,7 +18,7 @@ function default_1(options) {
 exports.default = default_1;
 function addPoPackageAndInstall() {
     return (tree, context) => {
-        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '6.8.0');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '6.9.0');
         // install packages
         context.addTask(new tasks_1.NodePackageInstallTask());
     };

package/schematics/ng-update/v2/index.js

@@ -10,7 +10,7 @@ const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function updateToV2() {
     return (0, schematics_1.chain)([
-        updatePackageJson('6.8.0', changes_1.dependeciesChanges),
+        updatePackageJson('6.9.0', changes_1.dependeciesChanges),
         (0, replace_1.replaceInFile)('tslint.json', changes_1.tsLintReplaces),
         (0, replace_1.replaceInFile)('angular.json', changes_1.angularJsonReplaces),
         createUpgradeRule(),

package/schematics/ng-update/v3/index.js

@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function updateToV3() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.8.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.9.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 exports.updateToV3 = updateToV3;
 function postUpdate() {

package/schematics/ng-update/v4/index.js

@@ -6,7 +6,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.8.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.9.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 exports.default = default_1;
 function postUpdate() {

package/schematics/ng-update/v5/index.js

@@ -6,7 +6,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.8.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.9.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 exports.default = default_1;
 function postUpdate() {

package/schematics/ng-update/v6/index.js

@@ -5,7 +5,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.8.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.9.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 exports.default = default_1;
 function postUpdate() {