@1024pix/pix-ui 66.0.0 → 67.0.1

package/addon/components/pix-navigation.gjs

@@ -6,7 +6,6 @@ import { inject as service } from '@ember/service';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 
-import { formatMessage } from '../translations';
 import PixButton from './pix-button';
 import PixIconButton from './pix-icon-button';
 
@@ -18,10 +17,24 @@ export default class PixNavigation extends Component {
     super(...args);
     this._navigationId = 'navigation-' + guidFor(this);
     warn(
-      'PixNavigation: @openLabel and @closeLabel are required',
-      this.args.openLabel && this.args.closeLabel,
+      'PixNavigation: @texts.openMenu and @texts.closeMenu are required',
+      this.args.texts?.openMenu && this.args.texts?.closeMenu,
       {
-        id: 'pix-navigation.open-close-labels',
+        id: 'pix-navigation.open-close-menu.required',
+      },
+    );
+    warn(
+      'PixNavigation: @texts.mainNavigation attribute is required for accessibility.',
+      this.args.texts?.mainNavigation,
+      {
+        id: 'pix-ui.stepper-component.texts.mainNavigation.required',
+      },
+    );
+    warn(
+      'PixNavigation: @texts.expandNavigation and @texts.shrinkNavigation attributes are required for accessibility.',
+      this.args.texts?.expandNavigation && this.args.texts?.shrinkNavigation,
+      {
+        id: 'pix-ui.stepper-component.texts.shrink-expand-navigation.required',
       },
     );
   }
@@ -29,10 +42,6 @@ export default class PixNavigation extends Component {
   @tracked
   navigationMenuOpened = false;
 
-  formatMessage(message, values) {
-    return formatMessage(this.args.locale ?? 'fr', `pixNavigation.${message}`, values);
-  }
-
   @action
   toggleNavigationMenu() {
     this.navigationMenuOpened = !this.navigationMenuOpened;
@@ -64,11 +73,13 @@ export default class PixNavigation extends Component {
   }
 
   get shrunkNavigationAriaLabel() {
-    return this.formatMessage(
-      this.shrinkNavigationService.isShrunk
-        ? 'expandNavigationAriaLabel'
-        : 'shrinkNavigationAriaLabel',
-    );
+    return this.shrinkNavigationService.isShrunk
+      ? this.args.texts.expandNavigation
+      : this.args.texts.shrinkNavigation;
+  }
+
+  get menuLabel() {
+    return this.navigationMenuOpened ? this.args.texts.closeMenu : this.args.texts.openMenu;
   }
 
   get navigationId() {
@@ -104,11 +115,7 @@ export default class PixNavigation extends Component {
             @triggerAction={{this.toggleNavigationMenu}}
           >
             <span class="screen-reader-only">
-              {{#if this.navigationMenuOpened}}
-                {{@closeLabel}}
-              {{else}}
-                {{@openLabel}}
-              {{/if}}
+              {{this.menuLabel}}
             </span>
           </PixButton>
         </div>
@@ -116,7 +123,7 @@ export default class PixNavigation extends Component {
       <nav
         class="pix-navigation__nav"
         {{on "click" this.closeNavigation}}
-        aria-label={{@navigationAriaLabel}}
+        aria-label={{@texts.mainNavigation}}
         id={{this.navigationId}}
       >
         {{yield to="navElements"}}

package/addon/translations/en.js

@@ -2,8 +2,4 @@ export default {
   select: {
     search: 'Search',
   },
-  pixNavigation: {
-    shrinkNavigationAriaLabel: 'Reduce the width of the navigation menu',
-    expandNavigationAriaLabel: 'Return to the initial width of the navigation menu',
-  },
 };

package/addon/translations/es.js

@@ -2,8 +2,4 @@ export default {
   select: {
     search: 'Buscar',
   },
-  pixNavigation: {
-    shrinkNavigationAriaLabel: 'Reducir el ancho del menú de navegación',
-    expandNavigationAriaLabel: 'Volver al ancho inicial del menú de navegación',
-  },
 };

package/addon/translations/fr.js

@@ -2,8 +2,4 @@ export default {
   select: {
     search: 'Rechercher',
   },
-  pixNavigation: {
-    shrinkNavigationAriaLabel: 'Réduire la largeur du menu de navigation',
-    expandNavigationAriaLabel: 'Revenir à la largeur initiale du menu de navigation',
-  },
 };

package/addon/translations/nl.js

@@ -2,8 +2,4 @@ export default {
   select: {
     search: 'Zoeken',
   },
-  pixNavigation: {
-    shrinkNavigationAriaLabel: 'De breedte van het navigatiemenu verkleinen',
-    expandNavigationAriaLabel: 'Terug naar de oorspronkelijke breedte van het navigatiemenu',
-  },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1024pix/pix-ui",
-  "version": "66.0.0",
+  "version": "67.0.1",
   "description": "Pix-UI is the implementation of Pix design principles and guidelines for its products.",
   "keywords": [
     "ember-addon"