@caribeng/ui 22.1.1 → 22.4.0

package/fesm2022/caribeng-ui-panelmenu.mjs

@@ -1,15 +1,21 @@
 import * as i0 from '@angular/core';
-import { input, output, signal, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, computed, output, signal, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
 import { CbIcon } from '@caribeng/ui/icon';
+import { injectCbTranslation, cbVisibleItems, cbRunCommand } from '@caribeng/ui';
 
 let nextPanelMenuId = 0;
 /** Vertical menu with collapsible sections. */
 class CbPanelMenu {
     constructor() {
+        /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+        this.t = injectCbTranslation();
         this.uid = ++nextPanelMenuId;
         this.items = input([], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
-        this.ariaLabel = input('Panel menu', /* @ts-ignore */
+        /** Items sin los de `visible: false`. */
+        this.visibleItems = computed(() => cbVisibleItems(this.items()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "visibleItems" }] : /* istanbul ignore next */ []));
+        this.ariaLabel = input(undefined, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
         this.multiple = input(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
@@ -28,13 +34,13 @@ class CbPanelMenu {
             next.add(index);
         this.openItems.set(next);
     }
-    select(item) { if (!item.disabled)
-        this.itemSelect.emit(item); }
+    select(item) { if (item.disabled)
+        return; cbRunCommand(item); this.itemSelect.emit(item); }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbPanelMenu, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbPanelMenu, isStandalone: true, selector: "cb-panelmenu", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemSelect: "itemSelect" }, host: { classAttribute: "cb-panelmenu" }, ngImport: i0, template: `
-    <nav [attr.aria-label]="ariaLabel()">
+    <nav [attr.aria-label]="(ariaLabel() ?? t().panelMenu)">
       <ul class="cb-panelmenu__list">
-        @for (item of items(); track $index; let i = $index) {
+        @for (item of visibleItems(); track $index; let i = $index) {
           <li class="cb-panelmenu__entry">
             @if (item.items?.length) {
               <button class="cb-panelmenu__trigger" type="button" [disabled]="item.disabled" [attr.aria-expanded]="isOpen(i)" [attr.aria-controls]="panelId(i)" (click)="toggle(i)">
@@ -77,9 +83,9 @@ class CbPanelMenu {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbPanelMenu, decorators: [{
             type: Component,
             args: [{ selector: 'cb-panelmenu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [CbIcon], host: { class: 'cb-panelmenu' }, template: `
-    <nav [attr.aria-label]="ariaLabel()">
+    <nav [attr.aria-label]="(ariaLabel() ?? t().panelMenu)">
       <ul class="cb-panelmenu__list">
-        @for (item of items(); track $index; let i = $index) {
+        @for (item of visibleItems(); track $index; let i = $index) {
           <li class="cb-panelmenu__entry">
             @if (item.items?.length) {
               <button class="cb-panelmenu__trigger" type="button" [disabled]="item.disabled" [attr.aria-expanded]="isOpen(i)" [attr.aria-controls]="panelId(i)" (click)="toggle(i)">

package/fesm2022/caribeng-ui-password.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { input, model, signal, computed, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { cbFieldState } from '@caribeng/ui';
+import { injectCbTranslation, cbFieldState } from '@caribeng/ui';
 
 /**
  * Password de CaribeNG: campo de contraseña con alternancia de visibilidad,
@@ -9,6 +9,8 @@ import { cbFieldState } from '@caribeng/ui';
  */
 class CbPassword {
     constructor() {
+        /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+        this.t = injectCbTranslation();
         this.placeholder = input('', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
         this.disabled = input(false, /* @ts-ignore */
@@ -63,11 +65,11 @@ class CbPassword {
         this.strengthLabel = computed(() => {
             switch (this.strength()) {
                 case 'weak':
-                    return 'Fortaleza: Débil';
+                    return this.t().passwordWeak;
                 case 'medium':
-                    return 'Fortaleza: Media';
+                    return this.t().passwordMedium;
                 case 'strong':
-                    return 'Fortaleza: Fuerte';
+                    return this.t().passwordStrong;
                 default:
                     return '';
             }
@@ -128,7 +130,7 @@ class CbPassword {
           type="button"
           class="cb-password__toggle"
           [disabled]="isDisabled()"
-          [attr.aria-label]="revealed() ? 'Ocultar contraseña' : 'Mostrar contraseña'"
+          [attr.aria-label]="revealed() ? t().hidePassword : t().showPassword"
           [attr.aria-pressed]="revealed()"
           (click)="toggleReveal()"
         >
@@ -207,7 +209,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
           type="button"
           class="cb-password__toggle"
           [disabled]="isDisabled()"
-          [attr.aria-label]="revealed() ? 'Ocultar contraseña' : 'Mostrar contraseña'"
+          [attr.aria-label]="revealed() ? t().hidePassword : t().showPassword"
           [attr.aria-pressed]="revealed()"
           (click)="toggleReveal()"
         >