@po-ui/ng-components 15.2.0 → 15.3.0

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

@@ -148,6 +148,18 @@ export declare class PoButtonBaseComponent {
      */
     set disabled(value: boolean);
     get disabled(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define um `aria-label` para o `po-button`.
+     *
+     * Caso esta propriedade não seja informada será considerada a label do botão.
+     *
+     * > Em caso de botões com apenas ícone a atribuição de valor à esta propriedade é muito importante para acessibilidade.
+     */
+    ariaLabel?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoButtonBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoButtonBaseComponent, never, never, { "label": "p-label"; "icon": "p-icon"; "loading": "p-loading"; "small": "p-small"; "danger": "p-danger"; "size": "p-size"; "kind": "p-kind"; "disabled": "p-disabled"; }, { "click": "p-click"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoButtonBaseComponent, never, never, { "label": "p-label"; "icon": "p-icon"; "loading": "p-loading"; "small": "p-small"; "danger": "p-danger"; "size": "p-size"; "kind": "p-kind"; "disabled": "p-disabled"; "ariaLabel": "p-aria-label"; }, { "click": "p-click"; }, never, never, false, never>;
 }

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

@@ -115,6 +115,10 @@ export declare class PoDynamicViewBaseComponent {
         alt?: string;
         height?: string;
         image?: boolean;
+        options?: {
+            label: string;
+            value: string | number;
+        }[];
         key?: boolean;
         property: string;
         label: string;

package/lib/components/po-dynamic/po-dynamic-view/po-dynamic-view-field.interface.d.ts

@@ -147,4 +147,32 @@ export interface PoDynamicViewField extends PoDynamicField {
      *  **Componentes compatíveis:** `po-image`.
      */
     image?: boolean;
+    /**
+     * Lista de opções que podem ser vinculadas à propriedade p-value.
+     * Quando uma opção de valor é passada, sua propriedade label será atribuída à propriedade p-value.
+     *
+     * Exemplo de utilização:
+     *
+     * ```
+     * fields = [
+     *     {
+     *       property: 'name', options: [
+     *         {label: 'Anna', value: '1'},
+     *         {label: 'Jhon', value: '2'},
+     *         {label: 'Mark', value: '3'}
+     *       ]
+     *     }
+     *   ];
+     * ```
+     *
+     * ```
+     * <!-- Passando o valor 2 referente ao Jhon -->
+     * <po-dynamic-view [p-fields]="fields" [p-value]="{ name: '2' }"> </po-dynamic-view>
+     * ```
+     *
+     */
+    options?: Array<{
+        label: string;
+        value: string | number;
+    }>;
 }

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

@@ -28,6 +28,7 @@ export declare class PoDynamicViewComponent extends PoDynamicViewBaseComponent i
     constructor(currencyPipe: CurrencyPipe, datePipe: DatePipe, decimalPipe: DecimalPipe, timePipe: PoTimePipe, titleCasePipe: TitleCasePipe, dynamicViewService: PoDynamicViewService);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
+    setFieldValue(field: any): any;
     private getValuesAndFieldsFromLoad;
     private getVisibleFields;
     private setFieldOnLoad;

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, TemplateRef } from '@angular/core';
 import { PoModalAction } from './po-modal-action.interface';
 import { PoLanguageService } from '../../services/po-language/po-language.service';
 import * as i0 from "@angular/core";
@@ -73,6 +73,30 @@ export declare class PoModalBaseComponent {
      */
     set hideClose(value: boolean);
     get hideClose(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     * Ícone exibido ao lado esquerdo do label do titúlo da modal.
+     *
+     * É possível usar qualquer um dos ícones da [Biblioteca de ícones](/guides/icons). conforme exemplo abaixo:
+     * ```
+     * <po-modal p-icon="po-icon-user" p-title="PO Modal"></po-modal>
+     * ```
+     * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, da seguinte forma:
+     * ```
+     * <po-modal p-icon="fa fa-podcast" p-title="PO Modal"></po-modal>
+     * ```
+     * Outra opção seria a customização do ícone através do `TemplateRef`, conforme exemplo abaixo:
+     * ```
+     * <po-modal [p-icon]="template" p-title="PO Modal"></po-modal>
+     *
+     * <ng-template #template>
+     *  <ion-icon style="font-size: inherit" name="heart"></ion-icon>
+     * </ng-template>
+     * ```
+     */
+    icon?: string | TemplateRef<void>;
     constructor(poLanguageService: PoLanguageService);
     /** Função para fechar a modal. */
     close(xClosed?: boolean): void;
@@ -80,5 +104,5 @@ export declare class PoModalBaseComponent {
     open(): void;
     validPrimaryAction(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoModalBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoModalBaseComponent, never, never, { "title": "p-title"; "primaryAction": "p-primary-action"; "secondaryAction": "p-secondary-action"; "size": "p-size"; "setClickOut": "p-click-out"; "hideClose": "p-hide-close"; }, { "closeModal": "p-close"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoModalBaseComponent, never, never, { "title": "p-title"; "primaryAction": "p-primary-action"; "secondaryAction": "p-secondary-action"; "size": "p-size"; "setClickOut": "p-click-out"; "hideClose": "p-hide-close"; "icon": "p-icon"; }, { "closeModal": "p-close"; }, never, never, false, never>;
 }

package/lib/components/po-modal/po-modal.module.d.ts

@@ -3,12 +3,13 @@ import * as i1 from "./po-modal.component";
 import * as i2 from "./po-modal-footer/po-modal-footer.component";
 import * as i3 from "@angular/common";
 import * as i4 from "../po-button/po-button.module";
+import * as i5 from "../po-icon/po-icon.module";
 /**
  * @description
  * Módulo do componente po-modal
  */
 export declare class PoModalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PoModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PoModalModule, [typeof i1.PoModalComponent, typeof i2.PoModalFooterComponent], [typeof i3.CommonModule, typeof i4.PoButtonModule], [typeof i1.PoModalComponent, typeof i2.PoModalFooterComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PoModalModule, [typeof i1.PoModalComponent, typeof i2.PoModalFooterComponent], [typeof i3.CommonModule, typeof i4.PoButtonModule, typeof i5.PoIconModule], [typeof i1.PoModalComponent, typeof i2.PoModalFooterComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PoModalModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "15.2.0",
+  "version": "15.3.0",
   "tag": "next",
   "description": "PO UI - Components",
   "author": "PO UI",
@@ -22,8 +22,8 @@
   },
   "dependencies": {
     "@angular/cdk": "^15.0.2",
-    "@po-ui/style": "15.2.0",
-    "@po-ui/ng-schematics": "15.2.0",
+    "@po-ui/style": "15.3.0",
+    "@po-ui/ng-schematics": "15.3.0",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
@@ -36,7 +36,7 @@
     "@angular/platform-browser": "^15.0.3",
     "@angular/platform-browser-dynamic": "^15.0.3",
     "@angular/router": "^15.0.3",
-    "@po-ui/style": "15.2.0",
+    "@po-ui/style": "15.3.0",
     "rxjs": "~7.5.5",
     "zone.js": "~0.12.0"
   },

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', '15.2.0');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '15.3.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)('15.2.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('15.3.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)('15.2.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('15.3.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 exports.default = default_1;
 function postUpdate() {

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