@po-ui/ng-components 18.3.0 → 18.5.0

package/lib/components/po-dynamic/po-dynamic-view/po-dynamic-view-base.component.d.ts

@@ -96,6 +96,28 @@ export declare class PoDynamicViewBaseComponent extends PoDynamicSharedBase {
      */
     set showAllValue(value: boolean);
     get showAllValue(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Permite a quebra de linha no texto do `p-value`, aplicando-a onde há `\n`.
+     *
+     * ```
+     * <po-dynamic-view
+     *   [p-value]="{ description: 'Primeira linha\nSegunda linha' }"
+     *   [p-text-wrap]="true"
+     * ></po-dynamic-view>
+     * ```
+     *
+     * Saída:
+     * ```
+     * Primeira linha
+     * Segunda linha
+     * ```
+     * @default `false`
+     */
+    textWrap: boolean;
     /**
      * @description
      *
@@ -168,5 +190,5 @@ export declare class PoDynamicViewBaseComponent extends PoDynamicSharedBase {
     private transformValue;
     private formatField;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoDynamicViewBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoDynamicViewBaseComponent, never, never, { "load": { "alias": "p-load"; "required": false; }; "fields": { "alias": "p-fields"; "required": false; }; "showAllValue": { "alias": "p-show-all-value"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoDynamicViewBaseComponent, never, never, { "load": { "alias": "p-load"; "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, false, never>;
 }

package/lib/components/po-dynamic/po-dynamic-view/po-dynamic-view.component.d.ts

@@ -38,6 +38,7 @@ export declare class PoDynamicViewComponent extends PoDynamicViewBaseComponent i
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     setFieldValue(field: any): any;
+    protected containsLineBreak(value: string): boolean;
     private getValuesAndFieldsFromLoad;
     private getVisibleFields;
     private setFieldOnLoad;

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

@@ -46,6 +46,7 @@ import * as i0 from "@angular/core";
  * | `--color`                              | Cor principal do Combo                                | `var(--color-neutral-dark-70)`                    |
  * | `--background`                         | Cor de background                                     | `var(--color-neutral-light-05)`                   |
  * | `--border-radius`                      | Contém o valor do raio dos cantos do elemento    | `var(--border-width-lg)`                          |
+ * | `--min-width`                          | Largura mínima do combo                               | `150px`
  * | **Hover**                              |                                                       |                                                   |
  * | `--color-hover`                        | Cor principal no estado hover                         | `var(--color-action-hover)`                       |
  * | `--background-hover`                   | Cor de background no estado hover                     | `var(--color-brand-01-lightest)`                  |

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

@@ -63,6 +63,7 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
     private changeDetector;
     private controlPosition;
     comboOptionTemplate: PoComboOptionTemplateDirective;
+    outerContainer: ElementRef;
     containerElement: ElementRef;
     contentElement: ElementRef;
     iconElement: ElementRef;
@@ -76,6 +77,7 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
     scrollTop: number;
     shouldMarkLetters: boolean;
     infiniteLoading: boolean;
+    containerWidth: number;
     private _isServerSearching;
     private lastKey;
     private clickoutListener;
@@ -140,6 +142,7 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
     private open;
     private removeListeners;
     private setContainerPosition;
+    private setContainerWidth;
     private setOptions;
     private prepareOptions;
     private setPage;

package/lib/components/po-field/po-multiselect/po-multiselect-dropdown/po-multiselect-dropdown.component.d.ts

@@ -31,6 +31,7 @@ export declare class PoMultiselectDropdownComponent {
     fieldValue: string;
     fieldLabel: string;
     multiselectTemplate: TemplateRef<any> | any;
+    containerWidth: number;
     /** Evento disparado a cada tecla digitada na pesquisa. */
     changeSearch: EventEmitter<any>;
     /** Evento disparado a cada alteração na lista das opções selecionadas. */
@@ -60,5 +61,5 @@ export declare class PoMultiselectDropdownComponent {
     controlVisibility(toOpen: any): void;
     private uniqueSelectedOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoMultiselectDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoMultiselectDropdownComponent, "po-multiselect-dropdown", never, { "isServerSearching": { "alias": "p-searching"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "selectedOptions": { "alias": "p-selected-options"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "visibleOptions": { "alias": "p-visible-options"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "multiselectTemplate": { "alias": "p-multiselect-template"; "required": false; }; }, { "changeSearch": "p-change-search"; "change": "p-change"; "closeDropdown": "p-close-dropdown"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoMultiselectDropdownComponent, "po-multiselect-dropdown", never, { "isServerSearching": { "alias": "p-searching"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "selectedOptions": { "alias": "p-selected-options"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "visibleOptions": { "alias": "p-visible-options"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "multiselectTemplate": { "alias": "p-multiselect-template"; "required": false; }; "containerWidth": { "alias": "p-container-width"; "required": false; }; }, { "changeSearch": "p-change-search"; "change": "p-change"; "closeDropdown": "p-close-dropdown"; }, never, never, false, never>;
 }

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

@@ -60,6 +60,7 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
     dropdown: any;
     iconElement: ElementRef;
     inputElement: ElementRef;
+    outerContainer: ElementRef;
     literalsTag: any;
     dropdownIcon: string;
     dropdownOpen: boolean;
@@ -67,6 +68,7 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
     hasMoreTag: boolean;
     timeoutResize: any;
     visibleElement: boolean;
+    containerWidth: number;
     private subscription;
     private enterCloseTag;
     private initCalculateItems;
@@ -130,6 +132,7 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
     private onScroll;
     private open;
     private removeListeners;
+    private setContainerWidth;
     private setPositionDropdown;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoMultiselectComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PoMultiselectComponent, "po-multiselect", never, {}, {}, ["multiselectOptionTemplate"], never, false, never>;

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

@@ -62,12 +62,13 @@ export declare class PoListBoxBaseComponent {
     shouldMarkLetters: boolean;
     compareCache: boolean;
     comboService: any;
+    containerWidth: number;
     activatedTab: EventEmitter<any>;
     clickTab: EventEmitter<any>;
     changeStateTabs: EventEmitter<any>;
     constructor(languageService: PoLanguageService);
     static ɵfac: i0.ɵɵFactoryDeclaration<PoListBoxBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoListBoxBaseComponent, never, never, { "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; }; "compareCache": { "alias": "p-compare-cache"; "required": false; }; "comboService": { "alias": "p-combo-service"; "required": false; }; }, { "selectItem": "p-select-item"; "closeEvent": "p-close"; "change": "p-change"; "selectCombo": "p-selectcombo-item"; "changeAll": "p-change-all"; "UpdateInfiniteScroll": "p-update-infinite-scroll"; "changeSearch": "p-change-search"; "activatedTab": "p-activated-tabs"; "clickTab": "p-click-tabs"; "changeStateTabs": "p-change-state-tabs"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoListBoxBaseComponent, never, never, { "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; }; "compareCache": { "alias": "p-compare-cache"; "required": false; }; "comboService": { "alias": "p-combo-service"; "required": false; }; "containerWidth": { "alias": "p-container-width"; "required": false; }; }, { "selectItem": "p-select-item"; "closeEvent": "p-close"; "change": "p-change"; "selectCombo": "p-selectcombo-item"; "changeAll": "p-change-all"; "UpdateInfiniteScroll": "p-update-infinite-scroll"; "changeSearch": "p-change-search"; "activatedTab": "p-activated-tabs"; "clickTab": "p-click-tabs"; "changeStateTabs": "p-change-state-tabs"; }, never, never, false, never>;
     static ngAcceptInputType_visible: any;
     static ngAcceptInputType_isTabs: any;
     static ngAcceptInputType_isServerSearching: any;

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

@@ -41,6 +41,8 @@ export declare class PoListBoxComponent extends PoListBoxBaseComponent implement
     scrollListener(componentListner: HTMLElement): Observable<any>;
     setFocus(): void;
     protected checkInfiniteScroll(): void;
+    protected getSizeLoading(): "xs" | "sm" | "md";
+    protected getTextLoading(): "" | " ";
     private hasInfiniteScroll;
     checkTemplate(): number;
     private includeInfiniteScroll;

package/lib/components/po-loading/po-loading-overlay/po-loading-overlay-base.component.d.ts

@@ -46,7 +46,7 @@ export declare class PoLoadingOverlayBaseComponent {
      *
      * @description
      *
-     * Define se o *overlay* será aplicado a um *container* ou a página inteira.
+     * Define se o *overlay* será aplicado a um *container* ou à página inteira.
      *
      * Para utilizar o componente como um *container*, o elemento pai deverá receber uma posição relativa, por exemplo:
      *
@@ -72,7 +72,7 @@ export declare class PoLoadingOverlayBaseComponent {
      *
      * Texto a ser exibido no componente.
      *
-     * > O valor padrão será traduzido acordo com o idioma configurado no [**PoI18n**](/documentation/po-i18n) ou navegador.
+     * > O valor padrão será traduzido de acordo com o idioma configurado no [**PoI18n**](/documentation/po-i18n) ou navegador.
      *
      * @default `Carregando`
      */
@@ -83,7 +83,13 @@ export declare class PoLoadingOverlayBaseComponent {
      *
      * @description
      *
-     * Define o tamnho do componente.
+     * Define o tamanho do componente com base no tamanho do ícone de *loading*.
+     *
+     * Tamanhos disponíveis para o *loading*:
+     * - `xs`: 16px
+     * - `sm`: 24px
+     * - `md`: 48px
+     * - `lg`: 80px (valor padrão)
      *
      * @default `lg`
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "18.3.0",
+  "version": "18.5.0",
   "description": "PO UI - Components",
   "author": "PO UI",
   "license": "MIT",
@@ -22,8 +22,8 @@
   },
   "dependencies": {
     "@angular/cdk": "~18.0.1",
-    "@po-ui/style": "18.3.0",
-    "@po-ui/ng-schematics": "18.3.0",
+    "@po-ui/style": "18.5.0",
+    "@po-ui/ng-schematics": "18.5.0",
     "tslib": "^2.6.2"
   },
   "peerDependencies": {
@@ -37,7 +37,7 @@
     "@angular/platform-browser-dynamic": "^18",
     "@angular/router": "^18",
     "@angular-devkit/schematics": "^18",
-    "@po-ui/style": "18.3.0",
+    "@po-ui/style": "18.5.0",
     "rxjs": "~7.8.1",
     "zone.js": "~0.14.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', '18.3.0');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '18.5.0');
         // install packages
         context.addTask(new tasks_1.NodePackageInstallTask());
     };

package/schematics/ng-update/v14/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)('18.3.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.5.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 exports.default = default_1;
 function postUpdate() {

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

@@ -10,7 +10,7 @@ const changes_1 = require("./changes");
 const httpClientModuleName = 'HttpClientModule';
 const httpClientModuleSourcePath = '@angular/common/http';
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.3.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.5.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 exports.default = default_1;
 function postUpdate() {

package/schematics/ng-update/v16/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)('18.3.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.5.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 exports.default = default_1;
 function postUpdate() {

package/schematics/ng-update/v17/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)('18.3.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.5.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 exports.default = default_1;
 function postUpdate() {

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

@@ -36,11 +36,11 @@ function main(options) {
             configureNewIcon.toLowerCase() === 'y' ||
             configureNewIcon.toLowerCase() === 'sim' ||
             configureNewIcon.toLowerCase() === '') {
-            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.3.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.5.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('18.3.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('18.5.0', changes_1.updateDepedenciesVersion),
                 addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
                 addProviderToAppModule(options, newProviderDictionary),
                 updateAppConfigFileRule(),

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('18.3.0', changes_1.dependeciesChanges),
+        updatePackageJson('18.5.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)('18.3.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.5.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)('18.3.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.5.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)('18.3.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.5.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)('18.3.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.5.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 exports.default = default_1;
 function postUpdate() {