@po-ui/ng-components 14.3.1 → 14.4.0

package/lib/components/po-accordion/po-accordion-item/po-accordion-item.component.d.ts

@@ -1,4 +1,4 @@
-import { TemplateRef } from '@angular/core';
+import { EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
 import { PoAccordionService } from '../services/po-accordion.service';
 import * as i0 from "@angular/core";
 /**
@@ -32,13 +32,20 @@ import * as i0 from "@angular/core";
  *  }
  * ```
  */
-export declare class PoAccordionItemComponent {
+export declare class PoAccordionItemComponent implements OnDestroy {
     private accordionService;
     /** Título do item. */
     label: string;
+    /** Evento disparado ao expandir o item, seja manualmente ou programaticamente. */
+    expandEvent: EventEmitter<void>;
+    /** Evento disparado ao retrair o item, seja manualmente ou programaticamente. */
+    collapseEvent: EventEmitter<void>;
     templateRef: TemplateRef<any>;
     expanded: boolean;
+    private expandSubscription;
+    private collapseSubscription;
     constructor(accordionService: PoAccordionService);
+    ngOnDestroy(): void;
     /**
      * Método para colapsar o `po-accordion-item`.
      */
@@ -48,5 +55,5 @@ export declare class PoAccordionItemComponent {
      */
     expand(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoAccordionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoAccordionItemComponent, "po-accordion-item", never, { "label": "p-label"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoAccordionItemComponent, "po-accordion-item", never, { "label": "p-label"; }, { "expandEvent": "p-expand"; "collapseEvent": "p-collapse"; }, never, ["*"], false>;
 }

package/lib/components/po-accordion/services/po-accordion.service.d.ts

@@ -1,3 +1,4 @@
+import { PoAccordionItemComponent } from '../po-accordion-item/po-accordion-item.component';
 import * as i0 from "@angular/core";
 /**
  * @docsPrivate
@@ -9,8 +10,8 @@ import * as i0 from "@angular/core";
  */
 export declare class PoAccordionService {
     private subjectChild;
-    receiveFromChildAccordionClicked(): import("rxjs").Observable<any>;
-    sendToParentAccordionItemClicked(accordionItem: object): void;
+    receiveFromChildAccordionClicked(): import("rxjs").Observable<PoAccordionItemComponent>;
+    sendToParentAccordionItemClicked(accordionItem: PoAccordionItemComponent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoAccordionService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PoAccordionService>;
 }

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

@@ -10,13 +10,24 @@ import * as i0 from "@angular/core";
  * O componente `po-switch` é um [checkbox](/documentation/po-checkbox-group) mais intuitivo, pois faz analogia a um interruptor.
  * Deve ser usado quando deseja-se transmitir a ideia de ligar / desligar uma funcionalidade específica.
  *
- * Pode-se ligar ou deligar o botão utilizando a tecla de espaço ou o clique do mouse.
+ * Pode-se ligar ou desligar o switch utilizando a tecla de espaço ou o clique do mouse.
  *
  * O texto exibido pode ser alterado de acordo com o valor setado aumentando as possibilidades de uso do componente,
  * portanto, recomenda-se informar textos que contextualizem seu uso para que facilite a compreensão do usuário.
  *
  * > O componente não altera o valor incial informado no *model*, portanto indica-se inicializa-lo caso ter necessidade.
  *
+ * #### Boas práticas
+ *
+ * - Evite `labels` extensos que quebram o layout do `po-switch`, use `labels` diretos, curtos e intuitivos.
+ *
+ * #### Acessibilidade tratada no componente
+ *
+ * Algumas diretrizes de acessibilidade já são tratadas no componente, internamente, e não podem ser alteradas pelo proprietário do conteúdo. São elas:
+ *
+ * - Quando em foco, o switch é ativado usando a tecla de Espaço. [W3C WAI-ARIA 3.5 Switch - Keyboard Interaction](https://www.w3.org/WAI/ARIA/apg/patterns/switch/#keyboard-interaction-19)
+ * - A área do foco precisar ter uma espessura de pelo menos 2 pixels CSS e o foco não pode ficar escondido por outros elementos da tela. [WCAG 2.4.12: Focus Appearance](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance-enhanced)
+ *
  * @example
  *
  * <example name="po-switch-basic" title="PO Switch Basic">
@@ -94,7 +105,6 @@ export declare class PoSwitchComponent extends PoFieldModel<boolean> {
     focus(): void;
     onBlur(): void;
     getLabelPosition(): "left" | "right";
-    getSwitchPosition(): "left" | "right";
     onKeyDown(event: any): void;
     changeValue(value: any): void;
     eventClick(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "14.3.1",
+  "version": "14.4.0",
   "tag": "next",
   "description": "PO UI - Components",
   "author": "PO UI",
@@ -22,8 +22,8 @@
   },
   "dependencies": {
     "@angular/cdk": "^14.0.2",
-    "@po-ui/style": "14.3.1",
-    "@po-ui/ng-schematics": "14.3.1",
+    "@po-ui/style": "14.4.0",
+    "@po-ui/ng-schematics": "14.4.0",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
@@ -36,7 +36,7 @@
     "@angular/platform-browser": "^14.0.2",
     "@angular/platform-browser-dynamic": "^14.0.2",
     "@angular/router": "^14.0.2",
-    "@po-ui/style": "14.3.1",
+    "@po-ui/style": "14.4.0",
     "rxjs": "~7.5.5",
     "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', '14.3.1');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '14.4.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)('14.3.1', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('14.4.0', changes_1.updateDepedenciesVersion), 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('14.3.1', changes_1.dependeciesChanges),
+        updatePackageJson('14.4.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)('14.3.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('14.4.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)('14.3.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('14.4.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)('14.3.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('14.4.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)('14.3.1', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('14.4.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 exports.default = default_1;
 function postUpdate() {