@muxima-ui/core 1.4.1 → 1.5.0

package/fesm2022/muxima-ui-core-pagination.mjs

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { model, input, booleanAttribute, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { injectMxMessages } from '@muxima-ui/core/i18n';
 import { mxUniqueId } from '@muxima-ui/core/form-field';
 
 /**
@@ -31,18 +32,20 @@ class MxPagination {
     variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     /** Páginas mostradas de cada lado da actual (variante default). */
     siblings = input(1, ...(ngDevMode ? [{ debugName: "siblings" }] : /* istanbul ignore next */ []));
-    ariaLabel = input('Paginação', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    i18n = injectMxMessages();
+    msg = computed(() => this.i18n().pagination, ...(ngDevMode ? [{ debugName: "msg" }] : /* istanbul ignore next */ []));
     sizeId = mxUniqueId('mx-pagination-size');
     pageCount = computed(() => Math.max(1, Math.ceil(this.total() / this.pageSize())), ...(ngDevMode ? [{ debugName: "pageCount" }] : /* istanbul ignore next */ []));
     current = computed(() => Math.min(Math.max(this.page(), 1), this.pageCount()), ...(ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []));
     rangeText = computed(() => {
         const total = this.total();
         if (!total)
-            return '0 resultados';
+            return this.msg().noResults;
         const from = (this.current() - 1) * this.pageSize() + 1;
         const to = Math.min(this.current() * this.pageSize(), total);
-        const fmt = new Intl.NumberFormat('pt-AO');
-        return `${fmt.format(from)}–${fmt.format(to)} de ${fmt.format(total)}`;
+        const fmt = new Intl.NumberFormat(this.i18n().intlLocale);
+        return this.msg().range(fmt.format(from), fmt.format(to), fmt.format(total));
     }, ...(ngDevMode ? [{ debugName: "rangeText" }] : /* istanbul ignore next */ []));
     slots = computed(() => {
         const count = this.pageCount();
@@ -85,7 +88,7 @@ class MxPagination {
       <div class="mx-pagination-info">
         @if (pageSizeOptions().length) {
           <label class="mx-pagination-size" [for]="sizeId">
-            <span>Linhas por página</span>
+            <span>{{ msg().rowsPerPage }}</span>
             <span class="mx-pagination-select-wrap">
               <select class="mx-pagination-select" [id]="sizeId" (change)="changeSize($event)">
                 @for (o of pageSizeOptions(); track o) {
@@ -100,20 +103,20 @@ class MxPagination {
         }
       </div>
     }
-    <nav [attr.aria-label]="ariaLabel()">
+    <nav [attr.aria-label]="ariaLabel() ?? msg().label">
       <ul class="mx-pagination-list">
         @if (variant() === 'compact') {
           <li>
-            <button type="button" class="mx-pagination-button" [disabled]="current() <= 1" (click)="go(1)" aria-label="Primeira página">
+            <button type="button" class="mx-pagination-button" [disabled]="current() <= 1" (click)="go(1)" [attr.aria-label]="msg().first">
               <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M11 4L7 8l4 4M5 4v8" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>
             </button>
           </li>
         }
         <li>
-          <button type="button" class="mx-pagination-button mx-pagination-edge" [disabled]="current() <= 1" (click)="go(current() - 1)" aria-label="Página anterior">
+          <button type="button" class="mx-pagination-button mx-pagination-edge" [disabled]="current() <= 1" (click)="go(current() - 1)" [attr.aria-label]="msg().previous">
             <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M10 4L6 8l4 4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>
             @if (variant() !== 'compact') {
-              <span class="mx-pagination-edge-label" aria-hidden="true">Anterior</span>
+              <span class="mx-pagination-edge-label" aria-hidden="true">{{ msg().previousShort }}</span>
             }
           </button>
         </li>
@@ -125,7 +128,7 @@ class MxPagination {
                   type="button"
                   class="mx-pagination-button"
                   [attr.aria-current]="s.page === current() ? 'page' : null"
-                  [attr.aria-label]="'Página ' + s.page"
+                  [attr.aria-label]="msg().page(s.page)"
                   (click)="go(s.page)"
                 >
                   {{ s.page }}
@@ -138,24 +141,24 @@ class MxPagination {
         } @else {
           <li class="mx-pagination-status" aria-current="page">
             @if (variant() === 'simple') {
-              Página {{ current() }} de {{ pageCount() }}
+              {{ msg().pageOf(current(), pageCount()) }}
             } @else {
               <span aria-hidden="true">{{ current() }} / {{ pageCount() }}</span>
-              <span class="mx-visually-hidden">Página {{ current() }} de {{ pageCount() }}</span>
+              <span class="mx-visually-hidden">{{ msg().pageOf(current(), pageCount()) }}</span>
             }
           </li>
         }
         <li>
-          <button type="button" class="mx-pagination-button mx-pagination-edge" [disabled]="current() >= pageCount()" (click)="go(current() + 1)" aria-label="Página seguinte">
+          <button type="button" class="mx-pagination-button mx-pagination-edge" [disabled]="current() >= pageCount()" (click)="go(current() + 1)" [attr.aria-label]="msg().next">
             @if (variant() !== 'compact') {
-              <span class="mx-pagination-edge-label" aria-hidden="true">Seguinte</span>
+              <span class="mx-pagination-edge-label" aria-hidden="true">{{ msg().nextShort }}</span>
             }
             <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M6 4l4 4-4 4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>
           </button>
         </li>
         @if (variant() === 'compact') {
           <li>
-            <button type="button" class="mx-pagination-button" [disabled]="current() >= pageCount()" (click)="go(pageCount())" aria-label="Última página">
+            <button type="button" class="mx-pagination-button" [disabled]="current() >= pageCount()" (click)="go(pageCount())" [attr.aria-label]="msg().last">
               <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M5 4l4 4-4 4M11 4v8" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>
             </button>
           </li>
@@ -182,7 +185,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
       <div class="mx-pagination-info">
         @if (pageSizeOptions().length) {
           <label class="mx-pagination-size" [for]="sizeId">
-            <span>Linhas por página</span>
+            <span>{{ msg().rowsPerPage }}</span>
             <span class="mx-pagination-select-wrap">
               <select class="mx-pagination-select" [id]="sizeId" (change)="changeSize($event)">
                 @for (o of pageSizeOptions(); track o) {
@@ -197,20 +200,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
         }
       </div>
     }
-    <nav [attr.aria-label]="ariaLabel()">
+    <nav [attr.aria-label]="ariaLabel() ?? msg().label">
       <ul class="mx-pagination-list">
         @if (variant() === 'compact') {
           <li>
-            <button type="button" class="mx-pagination-button" [disabled]="current() <= 1" (click)="go(1)" aria-label="Primeira página">
+            <button type="button" class="mx-pagination-button" [disabled]="current() <= 1" (click)="go(1)" [attr.aria-label]="msg().first">
               <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M11 4L7 8l4 4M5 4v8" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>
             </button>
           </li>
         }
         <li>
-          <button type="button" class="mx-pagination-button mx-pagination-edge" [disabled]="current() <= 1" (click)="go(current() - 1)" aria-label="Página anterior">
+          <button type="button" class="mx-pagination-button mx-pagination-edge" [disabled]="current() <= 1" (click)="go(current() - 1)" [attr.aria-label]="msg().previous">
             <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M10 4L6 8l4 4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>
             @if (variant() !== 'compact') {
-              <span class="mx-pagination-edge-label" aria-hidden="true">Anterior</span>
+              <span class="mx-pagination-edge-label" aria-hidden="true">{{ msg().previousShort }}</span>
             }
           </button>
         </li>
@@ -222,7 +225,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                   type="button"
                   class="mx-pagination-button"
                   [attr.aria-current]="s.page === current() ? 'page' : null"
-                  [attr.aria-label]="'Página ' + s.page"
+                  [attr.aria-label]="msg().page(s.page)"
                   (click)="go(s.page)"
                 >
                   {{ s.page }}
@@ -235,24 +238,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
         } @else {
           <li class="mx-pagination-status" aria-current="page">
             @if (variant() === 'simple') {
-              Página {{ current() }} de {{ pageCount() }}
+              {{ msg().pageOf(current(), pageCount()) }}
             } @else {
               <span aria-hidden="true">{{ current() }} / {{ pageCount() }}</span>
-              <span class="mx-visually-hidden">Página {{ current() }} de {{ pageCount() }}</span>
+              <span class="mx-visually-hidden">{{ msg().pageOf(current(), pageCount()) }}</span>
             }
           </li>
         }
         <li>
-          <button type="button" class="mx-pagination-button mx-pagination-edge" [disabled]="current() >= pageCount()" (click)="go(current() + 1)" aria-label="Página seguinte">
+          <button type="button" class="mx-pagination-button mx-pagination-edge" [disabled]="current() >= pageCount()" (click)="go(current() + 1)" [attr.aria-label]="msg().next">
             @if (variant() !== 'compact') {
-              <span class="mx-pagination-edge-label" aria-hidden="true">Seguinte</span>
+              <span class="mx-pagination-edge-label" aria-hidden="true">{{ msg().nextShort }}</span>
             }
             <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M6 4l4 4-4 4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>
           </button>
         </li>
         @if (variant() === 'compact') {
           <li>
-            <button type="button" class="mx-pagination-button" [disabled]="current() >= pageCount()" (click)="go(pageCount())" aria-label="Última página">
+            <button type="button" class="mx-pagination-button" [disabled]="current() >= pageCount()" (click)="go(pageCount())" [attr.aria-label]="msg().last">
               <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M5 4l4 4-4 4M11 4v8" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>
             </button>
           </li>

package/fesm2022/muxima-ui-core-pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"muxima-ui-core-pagination.mjs","sources":["../../../projects/core/pagination/pagination.ts","../../../projects/core/pagination/muxima-ui-core-pagination.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, computed, input, model } from '@angular/core';\nimport { mxUniqueId } from '@muxima-ui/core/form-field';\n\ntype Slot = { type: 'page'; page: number } | { type: 'gap'; key: string };\n\nexport type MxPaginationVariant = 'default' | 'simple' | 'compact';\n\n/**\n * Navegação entre páginas de resultados.\n *\n * ```html\n * <mx-pagination [(page)]=\"pagina\" [total]=\"236\" [pageSize]=\"20\" />\n * <mx-pagination variant=\"simple\" [(page)]=\"pagina\" [total]=\"236\" />\n * <mx-pagination [(page)]=\"pagina\" [(pageSize)]=\"linhas\" [pageSizeOptions]=\"[10, 20, 50]\" showRange [total]=\"236\" />\n * ```\n *\n * - default: números das páginas, com reticências.\n * - simple: Anterior, \"Página 3 de 12\", Seguinte.\n * - compact: primeira, anterior, \"3 / 12\", seguinte e última, só com ícones (para barras estreitas).\n *\n * A página actual tem aria-current=\"page\"; os botões nas pontas ficam desactivados.\n */\n@Component({\n  selector: 'mx-pagination',\n  exportAs: 'mxPagination',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-pagination',\n    '[attr.data-variant]': 'variant() === \"default\" ? null : variant()',\n    '[attr.data-extras]': 'pageSizeOptions().length || showRange() ? \"\" : null',\n    '[attr.aria-label]': 'null',\n  },\n  template: `\n    @if (pageSizeOptions().length || showRange()) {\n      <div class=\"mx-pagination-info\">\n        @if (pageSizeOptions().length) {\n          <label class=\"mx-pagination-size\" [for]=\"sizeId\">\n            <span>Linhas por página</span>\n            <span class=\"mx-pagination-select-wrap\">\n              <select class=\"mx-pagination-select\" [id]=\"sizeId\" (change)=\"changeSize($event)\">\n                @for (o of pageSizeOptions(); track o) {\n                  <option [value]=\"o\" [selected]=\"o === pageSize()\">{{ o }}</option>\n                }\n              </select>\n            </span>\n          </label>\n        }\n        @if (showRange()) {\n          <span class=\"mx-pagination-range\" aria-live=\"polite\">{{ rangeText() }}</span>\n        }\n      </div>\n    }\n    <nav [attr.aria-label]=\"ariaLabel()\">\n      <ul class=\"mx-pagination-list\">\n        @if (variant() === 'compact') {\n          <li>\n            <button type=\"button\" class=\"mx-pagination-button\" [disabled]=\"current() <= 1\" (click)=\"go(1)\" aria-label=\"Primeira página\">\n              <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M11 4L7 8l4 4M5 4v8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" /></svg>\n            </button>\n          </li>\n        }\n        <li>\n          <button type=\"button\" class=\"mx-pagination-button mx-pagination-edge\" [disabled]=\"current() <= 1\" (click)=\"go(current() - 1)\" aria-label=\"Página anterior\">\n            <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M10 4L6 8l4 4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" /></svg>\n            @if (variant() !== 'compact') {\n              <span class=\"mx-pagination-edge-label\" aria-hidden=\"true\">Anterior</span>\n            }\n          </button>\n        </li>\n        @if (variant() === 'default') {\n          @for (s of slots(); track s.type === 'page' ? s.page : s.key) {\n            <li>\n              @if (s.type === 'page') {\n                <button\n                  type=\"button\"\n                  class=\"mx-pagination-button\"\n                  [attr.aria-current]=\"s.page === current() ? 'page' : null\"\n                  [attr.aria-label]=\"'Página ' + s.page\"\n                  (click)=\"go(s.page)\"\n                >\n                  {{ s.page }}\n                </button>\n              } @else {\n                <span class=\"mx-pagination-gap\" aria-hidden=\"true\">…</span>\n              }\n            </li>\n          }\n        } @else {\n          <li class=\"mx-pagination-status\" aria-current=\"page\">\n            @if (variant() === 'simple') {\n              Página {{ current() }} de {{ pageCount() }}\n            } @else {\n              <span aria-hidden=\"true\">{{ current() }} / {{ pageCount() }}</span>\n              <span class=\"mx-visually-hidden\">Página {{ current() }} de {{ pageCount() }}</span>\n            }\n          </li>\n        }\n        <li>\n          <button type=\"button\" class=\"mx-pagination-button mx-pagination-edge\" [disabled]=\"current() >= pageCount()\" (click)=\"go(current() + 1)\" aria-label=\"Página seguinte\">\n            @if (variant() !== 'compact') {\n              <span class=\"mx-pagination-edge-label\" aria-hidden=\"true\">Seguinte</span>\n            }\n            <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M6 4l4 4-4 4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" /></svg>\n          </button>\n        </li>\n        @if (variant() === 'compact') {\n          <li>\n            <button type=\"button\" class=\"mx-pagination-button\" [disabled]=\"current() >= pageCount()\" (click)=\"go(pageCount())\" aria-label=\"Última página\">\n              <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M5 4l4 4-4 4M11 4v8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" /></svg>\n            </button>\n          </li>\n        }\n      </ul>\n    </nav>\n  `,\n})\nexport class MxPagination {\n  /** Página actual, a começar em 1. */\n  readonly page = model(1);\n  /** Número total de itens. */\n  readonly total = input.required<number>();\n  /** Itens por página. Aceita [(pageSize)] quando há pageSizeOptions. */\n  readonly pageSize = model(10);\n  /** Opções de \"Linhas por página\". Vazio = sem escolha. */\n  readonly pageSizeOptions = input<number[]>([]);\n  /** Mostra \"21–40 de 236\". */\n  readonly showRange = input(false, { transform: booleanAttribute });\n  readonly variant = input<MxPaginationVariant>('default');\n  /** Páginas mostradas de cada lado da actual (variante default). */\n  readonly siblings = input(1);\n  readonly ariaLabel = input('Paginação', { alias: 'aria-label' });\n\n  protected readonly sizeId = mxUniqueId('mx-pagination-size');\n  readonly pageCount = computed(() => Math.max(1, Math.ceil(this.total() / this.pageSize())));\n  protected readonly current = computed(() => Math.min(Math.max(this.page(), 1), this.pageCount()));\n\n  protected readonly rangeText = computed(() => {\n    const total = this.total();\n    if (!total) return '0 resultados';\n    const from = (this.current() - 1) * this.pageSize() + 1;\n    const to = Math.min(this.current() * this.pageSize(), total);\n    const fmt = new Intl.NumberFormat('pt-AO');\n    return `${fmt.format(from)}–${fmt.format(to)} de ${fmt.format(total)}`;\n  });\n\n  protected readonly slots = computed<Slot[]>(() => {\n    const count = this.pageCount();\n    const current = this.current();\n    const s = this.siblings();\n    const pages = new Set<number>([1, count]);\n    for (let p = current - s; p <= current + s; p++) if (p >= 1 && p <= count) pages.add(p);\n    // evita um \"…\" que esconde só uma página\n    const sorted = [...pages].sort((a, b) => a - b);\n    const out: Slot[] = [];\n    sorted.forEach((p, i) => {\n      const prev = sorted[i - 1];\n      if (prev !== undefined) {\n        if (p - prev === 2) out.push({ type: 'page', page: p - 1 });\n        else if (p - prev > 2) out.push({ type: 'gap', key: `gap-${prev}` });\n      }\n      out.push({ type: 'page', page: p });\n    });\n    return out;\n  });\n\n  go(p: number): void {\n    const next = Math.min(Math.max(p, 1), this.pageCount());\n    if (next !== this.page()) this.page.set(next);\n  }\n\n  protected changeSize(event: Event): void {\n    const size = Number((event.target as HTMLSelectElement).value);\n    // mantém o primeiro item visível na nova página\n    const first = (this.current() - 1) * this.pageSize();\n    this.pageSize.set(size);\n    this.page.set(Math.floor(first / size) + 1);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"muxima-ui-core-pagination.mjs","sources":["../../../projects/core/pagination/pagination.ts","../../../projects/core/pagination/muxima-ui-core-pagination.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, computed, input, model } from '@angular/core';\nimport { injectMxMessages } from '@muxima-ui/core/i18n';\nimport { mxUniqueId } from '@muxima-ui/core/form-field';\n\ntype Slot = { type: 'page'; page: number } | { type: 'gap'; key: string };\n\nexport type MxPaginationVariant = 'default' | 'simple' | 'compact';\n\n/**\n * Navegação entre páginas de resultados.\n *\n * ```html\n * <mx-pagination [(page)]=\"pagina\" [total]=\"236\" [pageSize]=\"20\" />\n * <mx-pagination variant=\"simple\" [(page)]=\"pagina\" [total]=\"236\" />\n * <mx-pagination [(page)]=\"pagina\" [(pageSize)]=\"linhas\" [pageSizeOptions]=\"[10, 20, 50]\" showRange [total]=\"236\" />\n * ```\n *\n * - default: números das páginas, com reticências.\n * - simple: Anterior, \"Página 3 de 12\", Seguinte.\n * - compact: primeira, anterior, \"3 / 12\", seguinte e última, só com ícones (para barras estreitas).\n *\n * A página actual tem aria-current=\"page\"; os botões nas pontas ficam desactivados.\n */\n@Component({\n  selector: 'mx-pagination',\n  exportAs: 'mxPagination',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-pagination',\n    '[attr.data-variant]': 'variant() === \"default\" ? null : variant()',\n    '[attr.data-extras]': 'pageSizeOptions().length || showRange() ? \"\" : null',\n    '[attr.aria-label]': 'null',\n  },\n  template: `\n    @if (pageSizeOptions().length || showRange()) {\n      <div class=\"mx-pagination-info\">\n        @if (pageSizeOptions().length) {\n          <label class=\"mx-pagination-size\" [for]=\"sizeId\">\n            <span>{{ msg().rowsPerPage }}</span>\n            <span class=\"mx-pagination-select-wrap\">\n              <select class=\"mx-pagination-select\" [id]=\"sizeId\" (change)=\"changeSize($event)\">\n                @for (o of pageSizeOptions(); track o) {\n                  <option [value]=\"o\" [selected]=\"o === pageSize()\">{{ o }}</option>\n                }\n              </select>\n            </span>\n          </label>\n        }\n        @if (showRange()) {\n          <span class=\"mx-pagination-range\" aria-live=\"polite\">{{ rangeText() }}</span>\n        }\n      </div>\n    }\n    <nav [attr.aria-label]=\"ariaLabel() ?? msg().label\">\n      <ul class=\"mx-pagination-list\">\n        @if (variant() === 'compact') {\n          <li>\n            <button type=\"button\" class=\"mx-pagination-button\" [disabled]=\"current() <= 1\" (click)=\"go(1)\" [attr.aria-label]=\"msg().first\">\n              <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M11 4L7 8l4 4M5 4v8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" /></svg>\n            </button>\n          </li>\n        }\n        <li>\n          <button type=\"button\" class=\"mx-pagination-button mx-pagination-edge\" [disabled]=\"current() <= 1\" (click)=\"go(current() - 1)\" [attr.aria-label]=\"msg().previous\">\n            <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M10 4L6 8l4 4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" /></svg>\n            @if (variant() !== 'compact') {\n              <span class=\"mx-pagination-edge-label\" aria-hidden=\"true\">{{ msg().previousShort }}</span>\n            }\n          </button>\n        </li>\n        @if (variant() === 'default') {\n          @for (s of slots(); track s.type === 'page' ? s.page : s.key) {\n            <li>\n              @if (s.type === 'page') {\n                <button\n                  type=\"button\"\n                  class=\"mx-pagination-button\"\n                  [attr.aria-current]=\"s.page === current() ? 'page' : null\"\n                  [attr.aria-label]=\"msg().page(s.page)\"\n                  (click)=\"go(s.page)\"\n                >\n                  {{ s.page }}\n                </button>\n              } @else {\n                <span class=\"mx-pagination-gap\" aria-hidden=\"true\">…</span>\n              }\n            </li>\n          }\n        } @else {\n          <li class=\"mx-pagination-status\" aria-current=\"page\">\n            @if (variant() === 'simple') {\n              {{ msg().pageOf(current(), pageCount()) }}\n            } @else {\n              <span aria-hidden=\"true\">{{ current() }} / {{ pageCount() }}</span>\n              <span class=\"mx-visually-hidden\">{{ msg().pageOf(current(), pageCount()) }}</span>\n            }\n          </li>\n        }\n        <li>\n          <button type=\"button\" class=\"mx-pagination-button mx-pagination-edge\" [disabled]=\"current() >= pageCount()\" (click)=\"go(current() + 1)\" [attr.aria-label]=\"msg().next\">\n            @if (variant() !== 'compact') {\n              <span class=\"mx-pagination-edge-label\" aria-hidden=\"true\">{{ msg().nextShort }}</span>\n            }\n            <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M6 4l4 4-4 4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" /></svg>\n          </button>\n        </li>\n        @if (variant() === 'compact') {\n          <li>\n            <button type=\"button\" class=\"mx-pagination-button\" [disabled]=\"current() >= pageCount()\" (click)=\"go(pageCount())\" [attr.aria-label]=\"msg().last\">\n              <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M5 4l4 4-4 4M11 4v8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" /></svg>\n            </button>\n          </li>\n        }\n      </ul>\n    </nav>\n  `,\n})\nexport class MxPagination {\n  /** Página actual, a começar em 1. */\n  readonly page = model(1);\n  /** Número total de itens. */\n  readonly total = input.required<number>();\n  /** Itens por página. Aceita [(pageSize)] quando há pageSizeOptions. */\n  readonly pageSize = model(10);\n  /** Opções de \"Linhas por página\". Vazio = sem escolha. */\n  readonly pageSizeOptions = input<number[]>([]);\n  /** Mostra \"21–40 de 236\". */\n  readonly showRange = input(false, { transform: booleanAttribute });\n  readonly variant = input<MxPaginationVariant>('default');\n  /** Páginas mostradas de cada lado da actual (variante default). */\n  readonly siblings = input(1);\n  readonly ariaLabel = input<string | undefined>(undefined, { alias: 'aria-label' });\n  private readonly i18n = injectMxMessages();\n  protected readonly msg = computed(() => this.i18n().pagination);\n\n  protected readonly sizeId = mxUniqueId('mx-pagination-size');\n  readonly pageCount = computed(() => Math.max(1, Math.ceil(this.total() / this.pageSize())));\n  protected readonly current = computed(() => Math.min(Math.max(this.page(), 1), this.pageCount()));\n\n  protected readonly rangeText = computed(() => {\n    const total = this.total();\n    if (!total) return this.msg().noResults;\n    const from = (this.current() - 1) * this.pageSize() + 1;\n    const to = Math.min(this.current() * this.pageSize(), total);\n    const fmt = new Intl.NumberFormat(this.i18n().intlLocale);\n    return this.msg().range(fmt.format(from), fmt.format(to), fmt.format(total));\n  });\n\n  protected readonly slots = computed<Slot[]>(() => {\n    const count = this.pageCount();\n    const current = this.current();\n    const s = this.siblings();\n    const pages = new Set<number>([1, count]);\n    for (let p = current - s; p <= current + s; p++) if (p >= 1 && p <= count) pages.add(p);\n    // evita um \"…\" que esconde só uma página\n    const sorted = [...pages].sort((a, b) => a - b);\n    const out: Slot[] = [];\n    sorted.forEach((p, i) => {\n      const prev = sorted[i - 1];\n      if (prev !== undefined) {\n        if (p - prev === 2) out.push({ type: 'page', page: p - 1 });\n        else if (p - prev > 2) out.push({ type: 'gap', key: `gap-${prev}` });\n      }\n      out.push({ type: 'page', page: p });\n    });\n    return out;\n  });\n\n  go(p: number): void {\n    const next = Math.min(Math.max(p, 1), this.pageCount());\n    if (next !== this.page()) this.page.set(next);\n  }\n\n  protected changeSize(event: Event): void {\n    const size = Number((event.target as HTMLSelectElement).value);\n    // mantém o primeiro item visível na nova página\n    const first = (this.current() - 1) * this.pageSize();\n    this.pageSize.set(size);\n    this.page.set(Math.floor(first / size) + 1);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/muxima-ui-core-progress.mjs

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { input, Directive } from '@angular/core';
+import { injectMxMessages } from '@muxima-ui/core/i18n';
 
 /**
  * Barra de progresso sobre o `<progress>` nativo. Sem `value` fica indeterminada.
@@ -28,11 +29,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
  * ("A carregar" por omissão); dentro de um botão, usa antes `loading` no botão.
  */
 class MxSpinner {
-    label = input('A carregar', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+    i18n = injectMxMessages();
     /** sm 14 px, md 20 px, lg 28 px. */
     size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxSpinner, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: MxSpinner, isStandalone: true, selector: "[mxSpinner]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status" }, properties: { "attr.aria-label": "label()", "attr.data-size": "size() === \"md\" ? null : size()" }, classAttribute: "mx-spinner" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: MxSpinner, isStandalone: true, selector: "[mxSpinner]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status" }, properties: { "attr.aria-label": "label() ?? i18n().progress.label", "attr.data-size": "size() === \"md\" ? null : size()" }, classAttribute: "mx-spinner" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxSpinner, decorators: [{
             type: Directive,
@@ -41,7 +43,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                     host: {
                         class: 'mx-spinner',
                         role: 'status',
-                        '[attr.aria-label]': 'label()',
+                        '[attr.aria-label]': 'label() ?? i18n().progress.label',
                         '[attr.data-size]': 'size() === "md" ? null : size()',
                     },
                 }]

package/fesm2022/muxima-ui-core-progress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"muxima-ui-core-progress.mjs","sources":["../../../projects/core/progress/progress.ts","../../../projects/core/progress/muxima-ui-core-progress.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\n\n/**\n * Barra de progresso sobre o `<progress>` nativo. Sem `value` fica indeterminada.\n * Dá-lhe um nome com `<label for>` ou aria-label.\n *\n * ```html\n * <label for=\"envio\">A enviar facturas</label>\n * <progress id=\"envio\" mxProgress [value]=\"42\" max=\"100\">42%</progress>\n * ```\n */\n@Directive({\n  selector: 'progress[mxProgress]',\n  host: { class: 'mx-progress', '[attr.data-size]': 'size() === \"md\" ? null : size()' },\n})\nexport class MxProgress {\n  /** Espessura: sm 4 px, md 8 px, lg 12 px. */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n}\n\n/**\n * Indicador circular para esperas curtas. Tem role=\"status\" e um nome acessível\n * (\"A carregar\" por omissão); dentro de um botão, usa antes `loading` no botão.\n */\n@Directive({\n  selector: '[mxSpinner]',\n  host: {\n    class: 'mx-spinner',\n    role: 'status',\n    '[attr.aria-label]': 'label()',\n    '[attr.data-size]': 'size() === \"md\" ? null : size()',\n  },\n})\nexport class MxSpinner {\n  readonly label = input('A carregar');\n  /** sm 14 px, md 20 px, lg 28 px. */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA;;;;;;;;AAQG;MAKU,UAAU,CAAA;;AAEZ,IAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,2EAAC;wGAFpC,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,mCAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAJtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,iCAAiC,EAAE;AACtF,iBAAA;;AAMD;;;AAGG;MAUU,SAAS,CAAA;AACX,IAAA,KAAK,GAAG,KAAK,CAAC,YAAY,4EAAC;;AAE3B,IAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,2EAAC;wGAHpC,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,mCAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAT,SAAS,EAAA,UAAA,EAAA,CAAA;kBATrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,YAAY;AACnB,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,mBAAmB,EAAE,SAAS;AAC9B,wBAAA,kBAAkB,EAAE,iCAAiC;AACtD,qBAAA;AACF,iBAAA;;;AChCD;;AAEG;;"}
+{"version":3,"file":"muxima-ui-core-progress.mjs","sources":["../../../projects/core/progress/progress.ts","../../../projects/core/progress/muxima-ui-core-progress.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\nimport { injectMxMessages } from '@muxima-ui/core/i18n';\n\n/**\n * Barra de progresso sobre o `<progress>` nativo. Sem `value` fica indeterminada.\n * Dá-lhe um nome com `<label for>` ou aria-label.\n *\n * ```html\n * <label for=\"envio\">A enviar facturas</label>\n * <progress id=\"envio\" mxProgress [value]=\"42\" max=\"100\">42%</progress>\n * ```\n */\n@Directive({\n  selector: 'progress[mxProgress]',\n  host: { class: 'mx-progress', '[attr.data-size]': 'size() === \"md\" ? null : size()' },\n})\nexport class MxProgress {\n  /** Espessura: sm 4 px, md 8 px, lg 12 px. */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n}\n\n/**\n * Indicador circular para esperas curtas. Tem role=\"status\" e um nome acessível\n * (\"A carregar\" por omissão); dentro de um botão, usa antes `loading` no botão.\n */\n@Directive({\n  selector: '[mxSpinner]',\n  host: {\n    class: 'mx-spinner',\n    role: 'status',\n    '[attr.aria-label]': 'label() ?? i18n().progress.label',\n    '[attr.data-size]': 'size() === \"md\" ? null : size()',\n  },\n})\nexport class MxSpinner {\n  readonly label = input<string>();\n  protected readonly i18n = injectMxMessages();\n  /** sm 14 px, md 20 px, lg 28 px. */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA;;;;;;;;AAQG;MAKU,UAAU,CAAA;;AAEZ,IAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,2EAAC;wGAFpC,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,mCAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAJtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,iCAAiC,EAAE;AACtF,iBAAA;;AAMD;;;AAGG;MAUU,SAAS,CAAA;IACX,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;IACb,IAAI,GAAG,gBAAgB,EAAE;;AAEnC,IAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,2EAAC;wGAJpC,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,kCAAA,EAAA,gBAAA,EAAA,mCAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAT,SAAS,EAAA,UAAA,EAAA,CAAA;kBATrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,YAAY;AACnB,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,mBAAmB,EAAE,kCAAkC;AACvD,wBAAA,kBAAkB,EAAE,iCAAiC;AACtD,qBAAA;AACF,iBAAA;;;ACjCD;;AAEG;;"}

package/fesm2022/muxima-ui-core-rating.mjs

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { model, input, numberAttribute, booleanAttribute, inject, computed, signal, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { injectMxMessages } from '@muxima-ui/core/i18n';
 import { NgControl, Validators } from '@angular/forms';
 import { MxFormField, mxUniqueId, MX_FORM_FIELD_CONTROL } from '@muxima-ui/core/form-field';
 
@@ -25,8 +26,11 @@ class MxRating {
     clearable = input(false, { ...(ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /** Mostra o número ao lado ("4,5"). */
     showValue = input(false, { ...(ngDevMode ? { debugName: "showValue" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    starLabel = input((n) => (n === 1 ? '1 estrela' : `${n} estrelas`), ...(ngDevMode ? [{ debugName: "starLabel" }] : /* istanbul ignore next */ []));
-    locale = input('pt-AO', ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    /** Nome de cada estrela; por omissão "1 estrela", "2 estrelas" no idioma activo. */
+    starLabel = input(...(ngDevMode ? [undefined, { debugName: "starLabel" }] : /* istanbul ignore next */ []));
+    /** Locale dos números; por omissão o do idioma activo. */
+    locale = input(...(ngDevMode ? [undefined, { debugName: "locale" }] : /* istanbul ignore next */ []));
+    i18n = injectMxMessages();
     size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
@@ -44,8 +48,8 @@ class MxRating {
     isDisabled = computed(() => this.disabled() || this.formDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
     stars = computed(() => Array.from({ length: this.max() }, (_, i) => i + 1), ...(ngDevMode ? [{ debugName: "stars" }] : /* istanbul ignore next */ []));
     shown = computed(() => this.hover() || this.value() || 0, ...(ngDevMode ? [{ debugName: "shown" }] : /* istanbul ignore next */ []));
-    valueText = computed(() => new Intl.NumberFormat(this.locale(), { maximumFractionDigits: 1 }).format(this.value() ?? 0), ...(ngDevMode ? [{ debugName: "valueText" }] : /* istanbul ignore next */ []));
-    readonlyLabel = computed(() => `${this.valueText()} de ${this.max()} estrelas`, ...(ngDevMode ? [{ debugName: "readonlyLabel" }] : /* istanbul ignore next */ []));
+    valueText = computed(() => new Intl.NumberFormat(this.locale() ?? this.i18n().intlLocale, { maximumFractionDigits: 1 }).format(this.value() ?? 0), ...(ngDevMode ? [{ debugName: "valueText" }] : /* istanbul ignore next */ []));
+    readonlyLabel = computed(() => this.i18n().rating.summary(this.valueText(), this.max()), ...(ngDevMode ? [{ debugName: "readonlyLabel" }] : /* istanbul ignore next */ []));
     onChange = () => { };
     onTouched = () => { };
     constructor() {
@@ -109,7 +113,7 @@ class MxRating {
         class="mx-rating-stars"
         role="radiogroup"
         [attr.aria-labelledby]="field?.labelId() ?? null"
-        [attr.aria-label]="field?.labelId() ? null : (ariaLabel() ?? 'Avaliação')"
+        [attr.aria-label]="field?.labelId() ? null : (ariaLabel() ?? i18n().rating.label)"
         [attr.aria-describedby]="field?.describedBy() ?? null"
         [attr.aria-required]="isRequired() ? 'true' : null"
         [attr.aria-invalid]="errorState() ? 'true' : null"
@@ -129,7 +133,7 @@ class MxRating {
               (click)="onClick(s)"
               (blur)="onTouched()"
             />
-            <span class="mx-visually-hidden">{{ starLabel()(s) }}</span>
+            <span class="mx-visually-hidden">{{ (starLabel() ?? i18n().rating.star)(s) }}</span>
             <svg viewBox="0 0 24 24" aria-hidden="true"><path [attr.d]="star" /></svg>
           </label>
         }
@@ -171,7 +175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
         class="mx-rating-stars"
         role="radiogroup"
         [attr.aria-labelledby]="field?.labelId() ?? null"
-        [attr.aria-label]="field?.labelId() ? null : (ariaLabel() ?? 'Avaliação')"
+        [attr.aria-label]="field?.labelId() ? null : (ariaLabel() ?? i18n().rating.label)"
         [attr.aria-describedby]="field?.describedBy() ?? null"
         [attr.aria-required]="isRequired() ? 'true' : null"
         [attr.aria-invalid]="errorState() ? 'true' : null"
@@ -191,7 +195,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
               (click)="onClick(s)"
               (blur)="onTouched()"
             />
-            <span class="mx-visually-hidden">{{ starLabel()(s) }}</span>
+            <span class="mx-visually-hidden">{{ (starLabel() ?? i18n().rating.star)(s) }}</span>
             <svg viewBox="0 0 24 24" aria-hidden="true"><path [attr.d]="star" /></svg>
           </label>
         }

package/fesm2022/muxima-ui-core-rating.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"muxima-ui-core-rating.mjs","sources":["../../../projects/core/rating/rating.ts","../../../projects/core/rating/muxima-ui-core-rating.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  model,\n  numberAttribute,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl, Validators } from '@angular/forms';\nimport { MX_FORM_FIELD_CONTROL, MxFormField, MxFormFieldControl, mxUniqueId } from '@muxima-ui/core/form-field';\n\nconst STAR = 'M12 3.2l2.7 5.6 6.1.8-4.5 4.2 1.1 6.1L12 17l-5.4 2.9 1.1-6.1-4.5-4.2 6.1-.8z';\n\n/**\n * Avaliação com estrelas. Para escolher, são botões de rádio nativos (setas mudam a nota,\n * Tab sai do grupo); em `readonly` é uma imagem com o texto \"4 de 5 estrelas\".\n *\n * ```html\n * <mx-form-field>\n *   <label mxLabel>Como correu o atendimento?</label>\n *   <mx-rating formControlName=\"nota\" />\n * </mx-form-field>\n * <mx-rating [value]=\"4.5\" readonly />\n * ```\n */\n@Component({\n  selector: 'mx-rating',\n  exportAs: 'mxRating',\n  providers: [{ provide: MX_FORM_FIELD_CONTROL, useExisting: MxRating }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-rating',\n    '[attr.data-size]': 'size() === \"md\" ? null : size()',\n    '[attr.data-readonly]': 'readonly() ? \"\" : null',\n    '[attr.data-disabled]': 'isDisabled() ? \"\" : null',\n    '[attr.data-invalid]': 'errorState() ? \"\" : null',\n    '[attr.aria-label]': 'null',\n  },\n  template: `\n    @if (readonly()) {\n      <span class=\"mx-rating-stars\" role=\"img\" [attr.aria-label]=\"readonlyLabel()\">\n        @for (s of stars(); track s) {\n          <span class=\"mx-rating-star\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path [attr.d]=\"star\" /></svg>\n            <span class=\"mx-rating-star-fill\" [style.width.%]=\"fillPct(s)\"><svg viewBox=\"0 0 24 24\"><path [attr.d]=\"star\" /></svg></span>\n          </span>\n        }\n      </span>\n    } @else {\n      <div\n        class=\"mx-rating-stars\"\n        role=\"radiogroup\"\n        [attr.aria-labelledby]=\"field?.labelId() ?? null\"\n        [attr.aria-label]=\"field?.labelId() ? null : (ariaLabel() ?? 'Avaliação')\"\n        [attr.aria-describedby]=\"field?.describedBy() ?? null\"\n        [attr.aria-required]=\"isRequired() ? 'true' : null\"\n        [attr.aria-invalid]=\"errorState() ? 'true' : null\"\n        (mouseleave)=\"hover.set(0)\"\n      >\n        @for (s of stars(); track s) {\n          <label class=\"mx-rating-star\" [attr.data-on]=\"s <= shown() ? '' : null\" (mouseenter)=\"hover.set(isDisabled() ? 0 : s)\">\n            <input\n              type=\"radio\"\n              class=\"mx-rating-input\"\n              [id]=\"s === 1 ? controlId() : null\"\n              [name]=\"name\"\n              [value]=\"s\"\n              [checked]=\"value() === s\"\n              [disabled]=\"isDisabled()\"\n              (change)=\"choose(s)\"\n              (click)=\"onClick(s)\"\n              (blur)=\"onTouched()\"\n            />\n            <span class=\"mx-visually-hidden\">{{ starLabel()(s) }}</span>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path [attr.d]=\"star\" /></svg>\n          </label>\n        }\n      </div>\n    }\n    @if (showValue() && (readonly() || value())) {\n      <span class=\"mx-rating-value\" aria-hidden=\"true\">{{ valueText() }}</span>\n    }\n  `,\n})\nexport class MxRating implements ControlValueAccessor, MxFormFieldControl {\n  readonly value = model<number | null>(null);\n  readonly max = input(5, { transform: numberAttribute });\n  /** Só mostra a nota (aceita meias estrelas, ex.: 4,5). */\n  readonly readonly = input(false, { transform: booleanAttribute });\n  /** Carregar outra vez na nota escolhida limpa a avaliação. */\n  readonly clearable = input(false, { transform: booleanAttribute });\n  /** Mostra o número ao lado (\"4,5\"). */\n  readonly showValue = input(false, { transform: booleanAttribute });\n  readonly starLabel = input<(n: number) => string>((n) => (n === 1 ? '1 estrela' : `${n} estrelas`));\n  readonly locale = input('pt-AO');\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly required = input(false, { transform: booleanAttribute });\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly id = input<string | undefined>(undefined);\n  readonly ariaLabel = input<string | undefined>(undefined, { alias: 'aria-label' });\n\n  protected readonly field = inject(MxFormField, { optional: true });\n  private readonly ngControl = inject(NgControl, { self: true, optional: true });\n  protected readonly star = STAR;\n  protected readonly name = mxUniqueId('mx-rating');\n  private readonly generatedId = mxUniqueId('mx-rating-input');\n  readonly controlId = computed(() => this.id() ?? this.generatedId);\n  protected readonly hover = signal(0);\n  private readonly formDisabled = signal(false);\n  protected readonly isDisabled = computed(() => this.disabled() || this.formDisabled());\n  protected readonly stars = computed(() => Array.from({ length: this.max() }, (_, i) => i + 1));\n  protected readonly shown = computed(() => this.hover() || this.value() || 0);\n  protected readonly valueText = computed(() =>\n    new Intl.NumberFormat(this.locale(), { maximumFractionDigits: 1 }).format(this.value() ?? 0),\n  );\n  protected readonly readonlyLabel = computed(() => `${this.valueText()} de ${this.max()} estrelas`);\n\n  private onChange: (value: number | null) => void = () => {};\n  protected onTouched: () => void = () => {};\n\n  constructor() {\n    if (this.ngControl) this.ngControl.valueAccessor = this;\n  }\n\n  protected fillPct(s: number): number {\n    const v = this.value() ?? 0;\n    return Math.max(0, Math.min(1, v - (s - 1))) * 100;\n  }\n\n  protected choose(s: number): void {\n    this.set(s);\n  }\n\n  protected onClick(s: number): void {\n    // um clique na nota já escolhida não dispara \"change\": limpa se clearable\n    if (this.clearable() && this.value() === s) {\n      this.set(null);\n      this.hover.set(0);\n    }\n  }\n\n  private set(v: number | null): void {\n    this.value.set(v);\n    this.onChange(v);\n  }\n\n  // ---- MxFormFieldControl ----\n  errorState(): boolean {\n    if (this.invalid()) return true;\n    const c = this.ngControl;\n    return !!c && !!c.invalid && !!(c.touched || c.dirty);\n  }\n  isRequired(): boolean {\n    return this.required() || !!this.ngControl?.control?.hasValidator?.(Validators.required);\n  }\n\n  // ---- ControlValueAccessor ----\n  writeValue(value: number | null): void {\n    this.value.set(value ?? null);\n  }\n  registerOnChange(fn: (value: number | null) => void): void {\n    this.onChange = fn;\n  }\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n  setDisabledState(isDisabled: boolean): void {\n    this.formDisabled.set(isDisabled);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"muxima-ui-core-rating.mjs","sources":["../../../projects/core/rating/rating.ts","../../../projects/core/rating/muxima-ui-core-rating.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  model,\n  numberAttribute,\n  signal,\n} from '@angular/core';\nimport { injectMxMessages } from '@muxima-ui/core/i18n';\nimport { ControlValueAccessor, NgControl, Validators } from '@angular/forms';\nimport { MX_FORM_FIELD_CONTROL, MxFormField, MxFormFieldControl, mxUniqueId } from '@muxima-ui/core/form-field';\n\nconst STAR = 'M12 3.2l2.7 5.6 6.1.8-4.5 4.2 1.1 6.1L12 17l-5.4 2.9 1.1-6.1-4.5-4.2 6.1-.8z';\n\n/**\n * Avaliação com estrelas. Para escolher, são botões de rádio nativos (setas mudam a nota,\n * Tab sai do grupo); em `readonly` é uma imagem com o texto \"4 de 5 estrelas\".\n *\n * ```html\n * <mx-form-field>\n *   <label mxLabel>Como correu o atendimento?</label>\n *   <mx-rating formControlName=\"nota\" />\n * </mx-form-field>\n * <mx-rating [value]=\"4.5\" readonly />\n * ```\n */\n@Component({\n  selector: 'mx-rating',\n  exportAs: 'mxRating',\n  providers: [{ provide: MX_FORM_FIELD_CONTROL, useExisting: MxRating }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-rating',\n    '[attr.data-size]': 'size() === \"md\" ? null : size()',\n    '[attr.data-readonly]': 'readonly() ? \"\" : null',\n    '[attr.data-disabled]': 'isDisabled() ? \"\" : null',\n    '[attr.data-invalid]': 'errorState() ? \"\" : null',\n    '[attr.aria-label]': 'null',\n  },\n  template: `\n    @if (readonly()) {\n      <span class=\"mx-rating-stars\" role=\"img\" [attr.aria-label]=\"readonlyLabel()\">\n        @for (s of stars(); track s) {\n          <span class=\"mx-rating-star\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path [attr.d]=\"star\" /></svg>\n            <span class=\"mx-rating-star-fill\" [style.width.%]=\"fillPct(s)\"><svg viewBox=\"0 0 24 24\"><path [attr.d]=\"star\" /></svg></span>\n          </span>\n        }\n      </span>\n    } @else {\n      <div\n        class=\"mx-rating-stars\"\n        role=\"radiogroup\"\n        [attr.aria-labelledby]=\"field?.labelId() ?? null\"\n        [attr.aria-label]=\"field?.labelId() ? null : (ariaLabel() ?? i18n().rating.label)\"\n        [attr.aria-describedby]=\"field?.describedBy() ?? null\"\n        [attr.aria-required]=\"isRequired() ? 'true' : null\"\n        [attr.aria-invalid]=\"errorState() ? 'true' : null\"\n        (mouseleave)=\"hover.set(0)\"\n      >\n        @for (s of stars(); track s) {\n          <label class=\"mx-rating-star\" [attr.data-on]=\"s <= shown() ? '' : null\" (mouseenter)=\"hover.set(isDisabled() ? 0 : s)\">\n            <input\n              type=\"radio\"\n              class=\"mx-rating-input\"\n              [id]=\"s === 1 ? controlId() : null\"\n              [name]=\"name\"\n              [value]=\"s\"\n              [checked]=\"value() === s\"\n              [disabled]=\"isDisabled()\"\n              (change)=\"choose(s)\"\n              (click)=\"onClick(s)\"\n              (blur)=\"onTouched()\"\n            />\n            <span class=\"mx-visually-hidden\">{{ (starLabel() ?? i18n().rating.star)(s) }}</span>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path [attr.d]=\"star\" /></svg>\n          </label>\n        }\n      </div>\n    }\n    @if (showValue() && (readonly() || value())) {\n      <span class=\"mx-rating-value\" aria-hidden=\"true\">{{ valueText() }}</span>\n    }\n  `,\n})\nexport class MxRating implements ControlValueAccessor, MxFormFieldControl {\n  readonly value = model<number | null>(null);\n  readonly max = input(5, { transform: numberAttribute });\n  /** Só mostra a nota (aceita meias estrelas, ex.: 4,5). */\n  readonly readonly = input(false, { transform: booleanAttribute });\n  /** Carregar outra vez na nota escolhida limpa a avaliação. */\n  readonly clearable = input(false, { transform: booleanAttribute });\n  /** Mostra o número ao lado (\"4,5\"). */\n  readonly showValue = input(false, { transform: booleanAttribute });\n  /** Nome de cada estrela; por omissão \"1 estrela\", \"2 estrelas\" no idioma activo. */\n  readonly starLabel = input<(n: number) => string>();\n  /** Locale dos números; por omissão o do idioma activo. */\n  readonly locale = input<string>();\n  protected readonly i18n = injectMxMessages();\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly required = input(false, { transform: booleanAttribute });\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly id = input<string | undefined>(undefined);\n  readonly ariaLabel = input<string | undefined>(undefined, { alias: 'aria-label' });\n\n  protected readonly field = inject(MxFormField, { optional: true });\n  private readonly ngControl = inject(NgControl, { self: true, optional: true });\n  protected readonly star = STAR;\n  protected readonly name = mxUniqueId('mx-rating');\n  private readonly generatedId = mxUniqueId('mx-rating-input');\n  readonly controlId = computed(() => this.id() ?? this.generatedId);\n  protected readonly hover = signal(0);\n  private readonly formDisabled = signal(false);\n  protected readonly isDisabled = computed(() => this.disabled() || this.formDisabled());\n  protected readonly stars = computed(() => Array.from({ length: this.max() }, (_, i) => i + 1));\n  protected readonly shown = computed(() => this.hover() || this.value() || 0);\n  protected readonly valueText = computed(() =>\n    new Intl.NumberFormat(this.locale() ?? this.i18n().intlLocale, { maximumFractionDigits: 1 }).format(this.value() ?? 0),\n  );\n  protected readonly readonlyLabel = computed(() => this.i18n().rating.summary(this.valueText(), this.max()));\n\n  private onChange: (value: number | null) => void = () => {};\n  protected onTouched: () => void = () => {};\n\n  constructor() {\n    if (this.ngControl) this.ngControl.valueAccessor = this;\n  }\n\n  protected fillPct(s: number): number {\n    const v = this.value() ?? 0;\n    return Math.max(0, Math.min(1, v - (s - 1))) * 100;\n  }\n\n  protected choose(s: number): void {\n    this.set(s);\n  }\n\n  protected onClick(s: number): void {\n    // um clique na nota já escolhida não dispara \"change\": limpa se clearable\n    if (this.clearable() && this.value() === s) {\n      this.set(null);\n      this.hover.set(0);\n    }\n  }\n\n  private set(v: number | null): void {\n    this.value.set(v);\n    this.onChange(v);\n  }\n\n  // ---- MxFormFieldControl ----\n  errorState(): boolean {\n    if (this.invalid()) return true;\n    const c = this.ngControl;\n    return !!c && !!c.invalid && !!(c.touched || c.dirty);\n  }\n  isRequired(): boolean {\n    return this.required() || !!this.ngControl?.control?.hasValidator?.(Validators.required);\n  }\n\n  // ---- ControlValueAccessor ----\n  writeValue(value: number | null): void {\n    this.value.set(value ?? null);\n  }\n  registerOnChange(fn: (value: number | null) => void): void {\n    this.onChange = fn;\n  }\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n  setDisabledState(isDisabled: boolean): void {\n    this.formDisabled.set(isDisabled);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/muxima-ui-core-select.mjs

@@ -2,6 +2,7 @@ import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import { CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';
 import * as i0 from '@angular/core';
 import { input, booleanAttribute, signal, inject, ElementRef, computed, ChangeDetectionStrategy, ViewEncapsulation, Component, model, output, contentChildren, Injector, DestroyRef } from '@angular/core';
+import { injectMxMessages } from '@muxima-ui/core/i18n';
 import { NgControl, Validators } from '@angular/forms';
 import { mxUniqueId, MxFormField, MX_FORM_FIELD_CONTROL } from '@muxima-ui/core/form-field';
 
@@ -78,7 +79,9 @@ class MxSelect {
     value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     /** Escolha múltipla: o valor passa a ser uma lista e o painel não fecha ao escolher. */
     multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    placeholder = input('Seleccionar', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    i18n = injectMxMessages();
+    placeholderText = computed(() => this.placeholder() ?? this.i18n().select.placeholder, ...(ngDevMode ? [{ debugName: "placeholderText" }] : /* istanbul ignore next */ []));
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /** Força o estado de erro (sem formulário). Com Reactive Forms o erro vem do controlo. */
@@ -86,10 +89,10 @@ class MxSelect {
     /** Altura: sm 32 px, md 36 px, lg 40 px. */
     size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     /** Texto mostrado quando não há opções. */
-    emptyText = input('Sem opções', ...(ngDevMode ? [{ debugName: "emptyText" }] : /* istanbul ignore next */ []));
+    emptyText = input(...(ngDevMode ? [undefined, { debugName: "emptyText" }] : /* istanbul ignore next */ []));
     /** Opções a carregar (ex.: de um servidor): mostra um indicador no botão e no painel. */
     loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    loadingText = input('A carregar...', ...(ngDevMode ? [{ debugName: "loadingText" }] : /* istanbul ignore next */ []));
+    loadingText = input(...(ngDevMode ? [undefined, { debugName: "loadingText" }] : /* istanbul ignore next */ []));
     id = input(undefined, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     /** Nome acessível quando não existe um `label[mxLabel]` no campo. */
     ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
@@ -305,7 +308,7 @@ class MxSelect {
       (blur)="onTriggerBlur()"
     >
       <span class="mx-select-value" [class.mx-select-placeholder]="!selectedLabel()">
-        {{ selectedLabel() || placeholder() }}
+        {{ selectedLabel() || placeholderText() }}
       </span>
       @if (loading()) {
         <span class="mx-spinner mx-select-spinner" aria-hidden="true"></span>
@@ -332,13 +335,13 @@ class MxSelect {
         [attr.aria-busy]="loading() ? 'true' : null"
         [id]="panelId"
         [attr.aria-labelledby]="field?.labelId() ?? null"
-        [attr.aria-label]="field?.labelId() ? null : (ariaLabel() ?? placeholder())"
+        [attr.aria-label]="field?.labelId() ? null : (ariaLabel() ?? placeholderText())"
       >
         <ng-content />
         @if (loading()) {
-          <div class="mx-select-empty mx-select-loading" role="option" aria-disabled="true" aria-selected="false"><span class="mx-spinner mx-select-spinner" aria-hidden="true"></span>{{ loadingText() }}</div>
+          <div class="mx-select-empty mx-select-loading" role="option" aria-disabled="true" aria-selected="false"><span class="mx-spinner mx-select-spinner" aria-hidden="true"></span>{{ loadingText() ?? i18n().select.loading }}</div>
         } @else if (optionCount() === 0) {
-          <div class="mx-select-empty" role="option" aria-disabled="true" aria-selected="false">{{ emptyText() }}</div>
+          <div class="mx-select-empty" role="option" aria-disabled="true" aria-selected="false">{{ emptyText() ?? i18n().select.empty }}</div>
         }
       </div>
     </ng-template>
@@ -378,7 +381,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
       (blur)="onTriggerBlur()"
     >
       <span class="mx-select-value" [class.mx-select-placeholder]="!selectedLabel()">
-        {{ selectedLabel() || placeholder() }}
+        {{ selectedLabel() || placeholderText() }}
       </span>
       @if (loading()) {
         <span class="mx-spinner mx-select-spinner" aria-hidden="true"></span>
@@ -405,13 +408,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
         [attr.aria-busy]="loading() ? 'true' : null"
         [id]="panelId"
         [attr.aria-labelledby]="field?.labelId() ?? null"
-        [attr.aria-label]="field?.labelId() ? null : (ariaLabel() ?? placeholder())"
+        [attr.aria-label]="field?.labelId() ? null : (ariaLabel() ?? placeholderText())"
       >
         <ng-content />
         @if (loading()) {
-          <div class="mx-select-empty mx-select-loading" role="option" aria-disabled="true" aria-selected="false"><span class="mx-spinner mx-select-spinner" aria-hidden="true"></span>{{ loadingText() }}</div>
+          <div class="mx-select-empty mx-select-loading" role="option" aria-disabled="true" aria-selected="false"><span class="mx-spinner mx-select-spinner" aria-hidden="true"></span>{{ loadingText() ?? i18n().select.loading }}</div>
         } @else if (optionCount() === 0) {
-          <div class="mx-select-empty" role="option" aria-disabled="true" aria-selected="false">{{ emptyText() }}</div>
+          <div class="mx-select-empty" role="option" aria-disabled="true" aria-selected="false">{{ emptyText() ?? i18n().select.empty }}</div>
         }
       </div>
     </ng-template>