@govbr-ds/webcomponents 2.0.0-next.40 → 2.0.0-next.41

package/dist/esm/br-button_2.entry.js

@@ -70,6 +70,20 @@ const Button = class {
      * Define o valor inicial do botão em um formulário.
      */
     value;
+    /**
+     * Define o rótulo acessível do botão.
+     * Este rótulo é usado por tecnologias assistivas para descrever a função do botão.
+     * É especialmente importante para botões com formato circular, onde o texto pode não ser visível.
+     * Se o botão não tiver um rótulo acessível, uma mensagem de aviso será exibida no console.
+     */
+    ariaLabel;
+    /**
+     * Define o estado de pressionado do botão.
+     * Este atributo é usado para indicar se o botão está atualmente pressionado ou não.
+     * É especialmente útil para botões que podem ser alternados entre os estados pressionado e não pressionado.
+     * O valor deve ser 'true' ou 'false'.
+     */
+    ariaPressed;
     handleClick = () => {
         if (this.type === 'submit') {
             const submitEvent = new SubmitEvent('submit', {
@@ -86,7 +100,7 @@ const Button = class {
     };
     componentDidLoad() {
         const ariaLabelValue = this.el.getAttribute('aria-label');
-        if (!ariaLabelValue || ariaLabelValue.trim() === '') {
+        if (ariaLabelValue === null || ariaLabelValue === undefined || ariaLabelValue.trim() === '') {
             console.warn('[br-button]: Botões circulares devem conter um aria-label.');
         }
     }
@@ -105,7 +119,7 @@ const Button = class {
         };
     }
     render() {
-        return (h(Host, { key: '87611f126b92c63a2333bdee46eed54c4b9a831d', "aria-disabled": this.disabled ? 'true' : null }, h("button", { key: '28889c9e74c2bf43667278898a860282582a04fb', "aria-label": this.shape === 'circle' ? this.el.getAttribute('aria-label') : null, class: this.getCssClassMap(), type: this.type, id: this.customId, disabled: this.disabled, value: this.value, onClick: this.handleClick }, h("slot", { key: 'acc285d2c24c261621da097c5f69dcbb4ecb15cf' }))));
+        return (h(Host, { key: '130f5a55bdd813a7fd11b66263f2133650cf67e4', "aria-disabled": this.disabled ? 'true' : null, role: "button" }, h("button", { key: '324ec22f391ff95a252308a27be24fb767e5fe13', "aria-label": this.shape === 'circle' ? this.ariaLabel : null, "aria-pressed": this.ariaPressed, class: this.getCssClassMap(), type: this.type, id: this.customId, disabled: this.disabled, value: this.value, onClick: this.handleClick }, h("slot", { key: 'a7da6f00d15d37707f18bc885676213c097a8de1' }))));
     }
     static get formAssociated() { return true; }
 };