@govbr-ds/webcomponents 2.0.0-next.45 → 2.0.0-next.47

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

@@ -75,7 +75,7 @@ const Button = class {
         };
     }
     render() {
-        return (h(Host, { key: 'addc6795bfd5c6a7cc81eb14dbd0ae8f06b86c20', "aria-disabled": this.disabled ? 'true' : null, role: "button" }, h("button", { key: '5d2ae9231be5b047492307b91060fdb943261433', part: "button", "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: '60302f620240d2440697c64654ea23a73fc36b34' }))));
+        return (h(Host, { key: '7ed920774a2f2641c128679363fd551ab5b0ef02', "aria-disabled": this.disabled ? 'true' : null }, h("button", { key: '0cf3f78dec8087fca82df3c4a2e64987960597c1', part: "button", "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: '45e4f133f52d62a64898b39c18000df31699ec5d' }))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -2453,6 +2453,19 @@ const Icon = class {
          */
         this.isFocusable = false;
     }
+    /**
+     * Retorna o valor efetivo para o comportamento "lazy" do ícone.
+     *
+     * Explicação:
+     * - Se o atributo 'lazy' estiver presente no elemento, o método retorna o valor da propriedade this.lazy (true ou false).
+     * - Se o atributo 'lazy' NÃO estiver presente, assume-se o comportamento padrão, retornando false (ou seja, carregamento imediato ativado).
+     *
+     * Isso permite distinguir entre o caso em que o usuário explicitamente define lazy={true} (carregamento lazy)
+     * e o caso em que o atributo não é informado (carregamento imediato por padrão).
+     */
+    get effectiveLazy() {
+        return this.el.hasAttribute('lazy') ? this.lazy === true : false;
+    }
     componentDidLoad() {
         const iconElement = this.el.shadowRoot.querySelector('iconify-icon');
         if (iconElement !== null) {
@@ -2467,7 +2480,7 @@ const Icon = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd355c0319a0a9e39b715a8b8fb306daaa2dbe921' }, h("iconify-icon", { key: '7cf05e8c2b8524db8936068d6a4fe6498b1d047a', id: this.customId, flip: this.flip, width: this.width, class: this.cssClasses, icon: this.iconName, inline: this.isInline, height: this.height, rotate: this.rotate, role: this.isFocusable ? 'img' : null, tabindex: this.isFocusable ? 0 : '-1', "aria-hidden": this.isFocusable ? null : 'true', focusable: this.isFocusable ? true : 'false' })));
+        return (h(Host, { key: '2e7d9f6ce084676d9cc384591cc07d7701bfe96f' }, h("iconify-icon", { key: '49cdbbd52defc602755bc6ebd74eb2cfbe29f5e5', id: this.customId, flip: this.flip, width: this.width, class: this.cssClasses, icon: this.iconName, inline: this.isInline, height: this.height, rotate: this.rotate, role: this.isFocusable ? 'img' : null, tabindex: this.isFocusable ? 0 : '-1', "aria-hidden": this.isFocusable ? null : 'true', focusable: this.isFocusable ? true : 'false', ...(this.effectiveLazy === false ? { noobserver: true } : {}) })));
     }
     get el() { return getElement(this); }
 };