@po-ui/ng-components 6.9.0 → 6.11.0

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

@@ -69,7 +69,7 @@ export declare class PoButtonBaseComponent {
     private _disabled?;
     private _loading?;
     private _small?;
-    private _type?;
+    private _kind?;
     /**
      * @optional
      *
@@ -95,22 +95,43 @@ export declare class PoButtonBaseComponent {
     set small(value: boolean);
     get small(): boolean;
     /**
+     * @deprecated 15.x.x
+     *
      * @optional
      *
      * @description
+     * **Deprecated 15.x.x**. Utilizar `p-kind` no lugar.
      *
      * Define o estilo do `po-button`.
      *
      * Valore válidos:
-     *  - `default`: estilo padrão do `po-button`.
+     *  - `default`: **Deprecated 15.x.x**. Utilizar `p-kind="secondary"`.
      *  - `primary`: deixa o `po-button` com destaque, deve ser usado para ações primárias.
      *  - `danger`: deve ser usado para ações que o usuário precisa ter cuidado ao executa-lá.
-     *  - `link`: o `po-button` recebe o estilo de um link.
+     *  - `link`: **Deprecated 15.x.x**. Utilizar `p-kind="tertiary"`.
      *
-     * @default `default`
+     * @default `secondary`
      */
     set type(value: string);
     get type(): string;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Define o estilo do `po-button`.
+     *
+     * Valore válidos:
+     *  - `primary`: deixa o `po-button` com destaque, deve ser usado para ações primárias.
+     *  - `secondary`: estilo padrão do `po-button`.
+     *  - `danger`: deve ser usado para ações que o usuário precisa ter cuidado ao executa-lá.
+     *  - `tertiary`: o `po-button` é exibido sem cor do fundo, recebendo menos destaque entre as ações.
+     *
+     * @default `secondary`
+     */
+    set kind(value: string);
+    get kind(): string;
     /**
      * @optional
      *
@@ -123,5 +144,5 @@ export declare class PoButtonBaseComponent {
     set disabled(value: boolean);
     get disabled(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoButtonBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoButtonBaseComponent, never, never, { "autoFocus": "p-auto-focus"; "label": "p-label"; "icon": "p-icon"; "loading": "p-loading"; "small": "p-small"; "type": "p-type"; "disabled": "p-disabled"; }, { "click": "p-click"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoButtonBaseComponent, never, never, { "autoFocus": "p-auto-focus"; "label": "p-label"; "icon": "p-icon"; "loading": "p-loading"; "small": "p-small"; "type": "p-type"; "kind": "p-kind"; "disabled": "p-disabled"; }, { "click": "p-click"; }, never>;
 }

package/lib/components/po-button/po-button-type.enum.d.ts

@@ -0,0 +1,8 @@
+export declare enum PoButtonKind {
+    primary = "primary",
+    default = "secondary",
+    secondary = "secondary",
+    link = "tertiary",
+    tertiary = "tertiary",
+    danger = "danger"
+}

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

@@ -58,6 +58,50 @@ export interface PoDynamicField {
      * @default `3`
      */
     gridXlColumns?: number;
+    /**
+     * Tamanho do espaço de exibição do campo em telas.
+     *
+     * Deve ser usado o sistema de **grid** do PO (1 ... 12 colunas).
+     *
+     * > Esta propriedade é genérica, aplica o valor em todos os tamanhos de telas.
+     */
+    offsetColumns?: number;
+    /**
+     * Tamanho do espaço de exibição do campo em telas menores (sm).
+     *
+     * Deve ser usado o sistema de **grid** do PO (1 ... 12 colunas).
+     *
+     * > Esta propriedade sobrescreve o valor definido para o tamanho dela na `offsetColumns`.
+     *
+     */
+    offsetSmColumns?: number;
+    /**
+     * Tamanho do espaço de exibição do campo em telas médias (md).
+     *
+     * Deve ser usado o sistema de **grid** do PO (1 ... 12 colunas).
+     *
+     * > Esta propriedade sobrescreve o valor definido para o tamanho dela na `offsetColumns`.
+     *
+     */
+    offsetMdColumns?: number;
+    /**
+     * Tamanho do espaço de exibição do campo em telas grandes (lg).
+     *
+     * Deve ser usado o sistema de **grid** do PO (1 ... 12 colunas).
+     *
+     * > Esta propriedade sobrescreve o valor definido para o tamanho dela na `offsetColumns`.
+     *
+     */
+    offsetLgColumns?: number;
+    /**
+     * Tamanho do espaço de exibição do campo em telas extra grandes (xl).
+     *
+     * Deve ser usado o sistema de **grid** do PO (1 ... 12 colunas).
+     *
+     * > Esta propriedade sobrescreve o valor definido para o tamanho dela na `offsetColumns`.
+     *
+     */
+    offsetXlColumns?: number;
     /**
      * Tamanho do espaçamento após o campo antes da exibição do próximo campo em telas menores (sm).
      *

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

@@ -120,6 +120,11 @@ export declare class PoDynamicViewBaseComponent {
         gridMdColumns?: number;
         gridLgColumns?: number;
         gridXlColumns?: number;
+        offsetColumns?: number;
+        offsetSmColumns?: number;
+        offsetMdColumns?: number;
+        offsetLgColumns?: number;
+        offsetXlColumns?: number;
         gridSmPull?: number;
         gridMdPull?: number;
         gridLgPull?: number;

package/lib/components/po-dynamic/po-dynamic.util.d.ts

@@ -1,4 +1,4 @@
-export declare function getGridColumnsClasses(smColumns: any, mdColumns: any, lgColumns: any, xlColumns: any, gridColumns: any, pullColumns: any): string;
+export declare function getGridColumnsClasses(gridColumns: any, offsetColumns: any, grid: any, offset: any, pull: any): string;
 export declare function isVisibleField(field: {
     visible?: boolean;
 }): boolean;

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

@@ -332,6 +332,7 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
      * - A lista deve seguir as definições descritas nas respectivas interfaces, caso contrário não exibirá a(as) opção(ões) fora dos padrões.
      * - O componente interpretará o formato da lista de acordo com a interface utilizada e só exibirá as opções correspondentes à ela.
      * - Um agrupamento só será exibido se houver pelo menos uma opção válida.
+     * - Aconselha-se utilizar valores distintos no `label` e `value` dos itens.
      */
     set options(options: Array<PoComboOption | PoComboOptionGroup>);
     get options(): Array<PoComboOption | PoComboOptionGroup>;

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

@@ -10,7 +10,7 @@ import * as i0 from "@angular/core";
  *  <po-modal-footer>
  *    <po-button p-label="Close" (p-click)="modal.close()"> </po-button>
  *    <po-button p-label="Clean" (p-click)="clean()"> </po-button>
- *    <po-button p-label="Confirm" p-type="primary" (p-click)="confirm()"> </po-button>
+ *    <po-button p-label="Confirm" p-kind="primary" (p-click)="confirm()"> </po-button>
  *  </po-modal-footer>
  * </po-modal>
  * ```

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

@@ -37,7 +37,7 @@ export declare class PoModalComponent extends PoModalBaseComponent {
     close(xClosed?: boolean): void;
     closeModalOnEscapeKey(event: any): void;
     getPrimaryActionButtonType(): "primary" | "danger";
-    getSecondaryActionButtonType(): "default" | "danger";
+    getSecondaryActionButtonType(): "danger" | "secondary";
     onClickOut(event: any): void;
     open(): void;
     private handleFocus;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "6.9.0",
+  "version": "6.11.0",
   "tag": "next",
   "description": "PO UI - Components",
   "author": "PO UI",
@@ -21,8 +21,8 @@
     ]
   },
   "dependencies": {
-    "@po-ui/style": "6.9.0",
-    "@po-ui/ng-schematics": "6.9.0",
+    "@po-ui/style": "6.11.0",
+    "@po-ui/ng-schematics": "6.11.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.9.0",
+    "@po-ui/style": "6.11.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.9.0');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '6.11.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.9.0', changes_1.dependeciesChanges),
+        updatePackageJson('6.11.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.9.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.11.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.9.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.11.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.9.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.11.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.9.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.11.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 exports.default = default_1;
 function postUpdate() {