@muxima-ui/core 1.4.1 → 2.0.0

package/fesm2022/muxima-ui-core-notification-center.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"muxima-ui-core-notification-center.mjs","sources":["../../../projects/core/notification-center/notification-center.ts","../../../projects/core/notification-center/muxima-ui-core-notification-center.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  Directive,\n  TemplateRef,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  contentChild,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { LiveAnnouncer } from '@angular/cdk/a11y';\nimport { mxUniqueId } from '@muxima-ui/core/form-field';\n\nexport interface MxNotification<D = unknown> {\n  id: string | number;\n  title: string;\n  description?: string;\n  time: Date;\n  read?: boolean;\n  /** Cor do marcador: info em Kwanza, success, warning, danger. */\n  variant?: 'default' | 'info' | 'success' | 'warning' | 'danger';\n  /** Agrupa por categoria nos filtros (ex.: \"Facturas\"). */\n  category?: string;\n  data?: D;\n}\n\n/** \"agora\", \"há 5 min\", \"ontem\", \"há 3 dias\" e, depois de uma semana, a data. */\nexport function mxRelativeTime(date: Date, now = new Date(), locale = 'pt-AO'): string {\n  const diff = (date.getTime() - now.getTime()) / 1000;\n  const abs = Math.abs(diff);\n  if (abs < 45) return 'agora';\n  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: 'auto' });\n  if (abs < 3600) return rtf.format(Math.round(diff / 60), 'minute');\n  if (abs < 86400) return rtf.format(Math.round(diff / 3600), 'hour');\n  if (abs < 7 * 86400) return rtf.format(Math.round(diff / 86400), 'day');\n  return new Intl.DateTimeFormat(locale, { day: 'numeric', month: 'short' }).format(date);\n}\n\n/** Modelo para o conteúdo de cada notificação: `<ng-template mxNotificationContent let-n>`. */\n@Directive({ selector: 'ng-template[mxNotificationContent]' })\nexport class MxNotificationContent {\n  readonly template = inject(TemplateRef);\n}\n\n/**\n * Lista de notificações com por ler e lidas, filtro \"Por ler\", \"Marcar todas como lidas\"\n * e acções por notificação. Usa-se dentro de um popover, de um drawer ou numa página.\n *\n * ```html\n * <mx-notification-center [items]=\"notificacoes()\" (opened)=\"abrir($event)\"\n *   (markRead)=\"marcar($event)\" (markAllRead)=\"marcarTodas()\" (dismiss)=\"remover($event)\" />\n * ```\n *\n * O componente não guarda estado: recebe a lista e emite o que a pessoa fez.\n * Quando chegam notificações novas por ler, anuncia-as ao leitor de ecrã.\n */\n@Component({\n  selector: 'mx-notification-center',\n  exportAs: 'mxNotificationCenter',\n  imports: [NgTemplateOutlet],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'mx-notification-center', '[attr.aria-label]': 'null' },\n  template: `\n    <div class=\"mx-notification-head\">\n      <p\n        class=\"mx-notification-title\"\n        role=\"heading\"\n        [attr.aria-level]=\"headingLevel()\"\n        [id]=\"titleId\"\n      >\n        {{ title() }}\n      </p>\n      @if (unread()) {\n        <span class=\"mx-notification-count\"\n          >{{ unread() }}<span class=\"mx-visually-hidden\"> por ler</span></span\n        >\n      }\n      <button\n        type=\"button\"\n        class=\"mx-notification-link\"\n        [disabled]=\"!unread()\"\n        (click)=\"markAllRead.emit()\"\n      >\n        {{ markAllText() }}\n      </button>\n    </div>\n\n    @if (showFilter()) {\n      <div class=\"mx-notification-filters\" role=\"group\" [attr.aria-label]=\"filterLabel()\">\n        <button\n          type=\"button\"\n          class=\"mx-chip mx-chip-toggle\"\n          data-size=\"sm\"\n          [attr.aria-pressed]=\"filter() === 'all'\"\n          (click)=\"filter.set('all')\"\n        >\n          Todas\n        </button>\n        <button\n          type=\"button\"\n          class=\"mx-chip mx-chip-toggle\"\n          data-size=\"sm\"\n          [attr.aria-pressed]=\"filter() === 'unread'\"\n          (click)=\"filter.set('unread')\"\n        >\n          Por ler ({{ unread() }})\n        </button>\n        @for (c of categories(); track c) {\n          <button\n            type=\"button\"\n            class=\"mx-chip mx-chip-toggle\"\n            data-size=\"sm\"\n            [attr.aria-pressed]=\"filter() === c\"\n            (click)=\"filter.set(c)\"\n          >\n            {{ c }}\n          </button>\n        }\n      </div>\n    }\n\n    @if (visible().length) {\n      <ul class=\"mx-notification-list\" [attr.aria-labelledby]=\"titleId\">\n        @for (n of visible(); track n.id) {\n          <li\n            class=\"mx-notification\"\n            [attr.data-unread]=\"n.read ? null : ''\"\n            [attr.data-variant]=\"n.variant && n.variant !== 'default' ? n.variant : null\"\n          >\n            <span class=\"mx-notification-dot\" aria-hidden=\"true\"></span>\n            <button type=\"button\" class=\"mx-notification-main\" (click)=\"open(n)\">\n              @if (!n.read) {\n                <span class=\"mx-visually-hidden\">Por ler: </span>\n              }\n              @if (contentTpl(); as tpl) {\n                <ng-container *ngTemplateOutlet=\"tpl.template; context: { $implicit: n }\" />\n              } @else {\n                <span class=\"mx-notification-text\">{{ n.title }}</span>\n                @if (n.description) {\n                  <span class=\"mx-notification-desc\">{{ n.description }}</span>\n                }\n              }\n              <time class=\"mx-notification-time\" [attr.datetime]=\"n.time.toISOString()\">{{\n                relative(n.time)\n              }}</time>\n            </button>\n            <div class=\"mx-notification-actions\">\n              @if (!n.read) {\n                <button\n                  type=\"button\"\n                  class=\"mx-notification-action\"\n                  [attr.aria-label]=\"'Marcar como lida: ' + n.title\"\n                  (click)=\"markRead.emit(n)\"\n                >\n                  <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n                    <path\n                      d=\"M3.5 8.5l3 3 6-7\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"1.5\"\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                    />\n                  </svg>\n                </button>\n              }\n              @if (dismissible()) {\n                <button\n                  type=\"button\"\n                  class=\"mx-notification-action\"\n                  [attr.aria-label]=\"'Remover: ' + n.title\"\n                  (click)=\"dismissItem(n)\"\n                >\n                  <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n                    <path\n                      d=\"M4.5 4.5l7 7M11.5 4.5l-7 7\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"1.5\"\n                      stroke-linecap=\"round\"\n                    />\n                  </svg>\n                </button>\n              }\n            </div>\n          </li>\n        }\n      </ul>\n    } @else {\n      <div class=\"mx-notification-empty\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n          <path\n            d=\"M6 16.5V11a6 6 0 1 1 12 0v5.5l1.5 2h-15l1.5-2z M10 20.5a2 2 0 0 0 4 0\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n        <p>{{ filter() === 'unread' ? emptyUnreadText() : emptyText() }}</p>\n      </div>\n    }\n    <ng-content select=\"[mxNotificationFooter]\" />\n  `,\n})\nexport class MxNotificationCenter<D = unknown> {\n  readonly items = input.required<readonly MxNotification<D>[]>();\n  readonly title = input('Notificações');\n  /** Nível do título para o leitor de ecrã (h2 por omissão). */\n  readonly headingLevel = input(2);\n  readonly markAllText = input('Marcar todas como lidas');\n  readonly emptyText = input('Sem notificações.');\n  readonly emptyUnreadText = input('Está tudo lido.');\n  readonly filterLabel = input('Mostrar');\n  /** Mostra os filtros Todas, Por ler e as categorias. */\n  readonly showFilter = input(true, { transform: booleanAttribute });\n  /** Mostra o botão de remover em cada notificação. */\n  readonly dismissible = input(false, { transform: booleanAttribute });\n  /** Marca como lida ao abrir (emite markRead além de opened). */\n  readonly markReadOnOpen = input(true, { transform: booleanAttribute });\n  /** Anuncia ao leitor de ecrã quando chegam notificações por ler. */\n  readonly announce = input(true, { transform: booleanAttribute });\n  readonly locale = input('pt-AO');\n\n  readonly opened = output<MxNotification<D>>();\n  readonly markRead = output<MxNotification<D>>();\n  readonly markAllRead = output<void>();\n  readonly dismiss = output<MxNotification<D>>();\n\n  protected readonly contentTpl = contentChild(MxNotificationContent);\n  private readonly announcer = inject(LiveAnnouncer);\n  protected readonly titleId = mxUniqueId('mx-notification-title');\n  readonly filter = signal<string>('all');\n  /** Muda a cada minuto, para \"há 5 min\" se actualizar. */\n  private readonly now = signal(new Date());\n\n  readonly unread = computed(() => this.items().filter((n) => !n.read).length);\n  protected readonly categories = computed(() => [\n    ...new Set(\n      this.items()\n        .map((n) => n.category)\n        .filter((c): c is string => !!c),\n    ),\n  ]);\n  protected readonly visible = computed(() => {\n    const f = this.filter();\n    const list = [...this.items()].sort((a, b) => b.time.getTime() - a.time.getTime());\n    if (f === 'unread') return list.filter((n) => !n.read);\n    if (f !== 'all') return list.filter((n) => n.category === f);\n    return list;\n  });\n\n  constructor() {\n    const timer = setInterval(() => this.now.set(new Date()), 60_000);\n    inject(DestroyRef).onDestroy(() => clearInterval(timer));\n    let previous: Set<string | number> | null = null;\n    effect(() => {\n      const items = this.items();\n      const ids = new Set(items.map((n) => n.id));\n      if (previous && untracked(() => this.announce())) {\n        const fresh = items.filter((n) => !n.read && !previous!.has(n.id));\n        if (fresh.length)\n          this.announcer.announce(\n            fresh.length === 1\n              ? `Nova notificação: ${fresh[0].title}`\n              : `${fresh.length} notificações novas`,\n          );\n      }\n      previous = ids;\n    });\n  }\n\n  protected relative(d: Date): string {\n    return mxRelativeTime(d, this.now(), this.locale());\n  }\n\n  protected open(n: MxNotification<D>): void {\n    if (!n.read && this.markReadOnOpen()) this.markRead.emit(n);\n    this.opened.emit(n);\n  }\n\n  protected dismissItem(n: MxNotification<D>): void {\n    this.dismiss.emit(n);\n    this.announcer.announce(`${n.title} removida.`);\n  }\n}\n\n/**\n * Botão do sino com a contagem por ler. O nome inclui a contagem:\n * \"Notificações, 3 por ler\".\n *\n * ```html\n * <button mxNotificationBell [count]=\"porLer()\" [mxPopoverTrigger]=\"painel\"></button>\n * ```\n */\n@Component({\n  selector: 'button[mxNotificationBell]',\n  exportAs: 'mxNotificationBell',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-notification-bell',\n    type: 'button',\n    '[attr.aria-label]': 'count() ? label() + \", \" + count() + \" por ler\" : label()',\n  },\n  template: `\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <path\n        d=\"M6 16.5V11a6 6 0 1 1 12 0v5.5l1.5 2h-15l1.5-2z\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.75\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M10 20.5a2 2 0 0 0 4 0\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.75\"\n        stroke-linecap=\"round\"\n      />\n    </svg>\n    @if (count()) {\n      <span class=\"mx-notification-bell-count\" aria-hidden=\"true\">{{\n        count() > max() ? max() + '+' : count()\n      }}</span>\n    }\n  `,\n})\nexport class MxNotificationBell {\n  readonly count = input(0);\n  readonly max = input(99);\n  readonly label = input('Notificações');\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-notification-center.mjs","sources":["../../../projects/core/notification-center/notification-center.ts","../../../projects/core/notification-center/muxima-ui-core-notification-center.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  Directive,\n  TemplateRef,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  contentChild,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { LiveAnnouncer } from '@angular/cdk/a11y';\nimport { mxUniqueId } from '@muxima-ui/core/form-field';\nimport { MX_MESSAGES_EN, injectMxMessages } from '@muxima-ui/core/i18n';\n\nexport interface MxNotification<D = unknown> {\n  id: string | number;\n  title: string;\n  description?: string;\n  time: Date;\n  read?: boolean;\n  /** Cor do marcador: info em Kwanza, success, warning, danger. */\n  variant?: 'default' | 'info' | 'success' | 'warning' | 'danger';\n  /** Agrupa por categoria nos filtros (ex.: \"Facturas\"). */\n  category?: string;\n  data?: D;\n}\n\n/** \"now\", \"5 min ago\", \"yesterday\", \"3 days ago\" e, depois de uma semana, a data (em inglês por omissão). */\nexport function mxRelativeTime(\n  date: Date,\n  now = new Date(),\n  locale = 'en-US',\n  nowText = MX_MESSAGES_EN.notifications.now,\n): string {\n  const diff = (date.getTime() - now.getTime()) / 1000;\n  const abs = Math.abs(diff);\n  if (abs < 45) return nowText;\n  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: 'auto' });\n  if (abs < 3600) return rtf.format(Math.round(diff / 60), 'minute');\n  if (abs < 86400) return rtf.format(Math.round(diff / 3600), 'hour');\n  if (abs < 7 * 86400) return rtf.format(Math.round(diff / 86400), 'day');\n  return new Intl.DateTimeFormat(locale, { day: 'numeric', month: 'short' }).format(date);\n}\n\n/** Modelo para o conteúdo de cada notificação: `<ng-template mxNotificationContent let-n>`. */\n@Directive({ selector: 'ng-template[mxNotificationContent]' })\nexport class MxNotificationContent {\n  readonly template = inject(TemplateRef);\n}\n\n/**\n * Lista de notificações com por ler e lidas, filtro \"Por ler\", \"Marcar todas como lidas\"\n * e acções por notificação. Usa-se dentro de um popover, de um drawer ou numa página.\n *\n * ```html\n * <mx-notification-center [items]=\"notificacoes()\" (opened)=\"abrir($event)\"\n *   (markRead)=\"marcar($event)\" (markAllRead)=\"marcarTodas()\" (dismiss)=\"remover($event)\" />\n * ```\n *\n * O componente não guarda estado: recebe a lista e emite o que a pessoa fez.\n * Quando chegam notificações novas por ler, anuncia-as ao leitor de ecrã.\n */\n@Component({\n  selector: 'mx-notification-center',\n  exportAs: 'mxNotificationCenter',\n  imports: [NgTemplateOutlet],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'mx-notification-center', '[attr.aria-label]': 'null' },\n  template: `\n    <div class=\"mx-notification-head\">\n      <p\n        class=\"mx-notification-title\"\n        role=\"heading\"\n        [attr.aria-level]=\"headingLevel()\"\n        [id]=\"titleId\"\n      >\n        {{ title() ?? msg().title }}\n      </p>\n      @if (unread()) {\n        <span class=\"mx-notification-count\"\n          >{{ unread() }}<span class=\"mx-visually-hidden\"> {{ msg().unreadCount(unread()) }}</span></span\n        >\n      }\n      <button\n        type=\"button\"\n        class=\"mx-notification-link\"\n        [disabled]=\"!unread()\"\n        (click)=\"markAllRead.emit()\"\n      >\n        {{ markAllText() ?? msg().markAll }}\n      </button>\n    </div>\n\n    @if (showFilter()) {\n      <div class=\"mx-notification-filters\" role=\"group\" [attr.aria-label]=\"filterLabel() ?? msg().filter\">\n        <button\n          type=\"button\"\n          class=\"mx-chip mx-chip-toggle\"\n          data-size=\"sm\"\n          [attr.aria-pressed]=\"filter() === 'all'\"\n          (click)=\"filter.set('all')\"\n        >\n          {{ msg().all }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"mx-chip mx-chip-toggle\"\n          data-size=\"sm\"\n          [attr.aria-pressed]=\"filter() === 'unread'\"\n          (click)=\"filter.set('unread')\"\n        >\n          {{ msg().unread }} ({{ unread() }})\n        </button>\n        @for (c of categories(); track c) {\n          <button\n            type=\"button\"\n            class=\"mx-chip mx-chip-toggle\"\n            data-size=\"sm\"\n            [attr.aria-pressed]=\"filter() === c\"\n            (click)=\"filter.set(c)\"\n          >\n            {{ c }}\n          </button>\n        }\n      </div>\n    }\n\n    @if (visible().length) {\n      <ul class=\"mx-notification-list\" [attr.aria-labelledby]=\"titleId\">\n        @for (n of visible(); track n.id) {\n          <li\n            class=\"mx-notification\"\n            [attr.data-unread]=\"n.read ? null : ''\"\n            [attr.data-variant]=\"n.variant && n.variant !== 'default' ? n.variant : null\"\n          >\n            <span class=\"mx-notification-dot\" aria-hidden=\"true\"></span>\n            <button type=\"button\" class=\"mx-notification-main\" (click)=\"open(n)\">\n              @if (!n.read) {\n                <span class=\"mx-visually-hidden\">{{ msg().unreadPrefix }}</span>\n              }\n              @if (contentTpl(); as tpl) {\n                <ng-container *ngTemplateOutlet=\"tpl.template; context: { $implicit: n }\" />\n              } @else {\n                <span class=\"mx-notification-text\">{{ n.title }}</span>\n                @if (n.description) {\n                  <span class=\"mx-notification-desc\">{{ n.description }}</span>\n                }\n              }\n              <time class=\"mx-notification-time\" [attr.datetime]=\"n.time.toISOString()\">{{\n                relative(n.time)\n              }}</time>\n            </button>\n            <div class=\"mx-notification-actions\">\n              @if (!n.read) {\n                <button\n                  type=\"button\"\n                  class=\"mx-notification-action\"\n                  [attr.aria-label]=\"msg().markRead(n.title)\"\n                  (click)=\"markRead.emit(n)\"\n                >\n                  <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n                    <path\n                      d=\"M3.5 8.5l3 3 6-7\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"1.5\"\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                    />\n                  </svg>\n                </button>\n              }\n              @if (dismissible()) {\n                <button\n                  type=\"button\"\n                  class=\"mx-notification-action\"\n                  [attr.aria-label]=\"msg().remove(n.title)\"\n                  (click)=\"dismissItem(n)\"\n                >\n                  <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n                    <path\n                      d=\"M4.5 4.5l7 7M11.5 4.5l-7 7\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"1.5\"\n                      stroke-linecap=\"round\"\n                    />\n                  </svg>\n                </button>\n              }\n            </div>\n          </li>\n        }\n      </ul>\n    } @else {\n      <div class=\"mx-notification-empty\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n          <path\n            d=\"M6 16.5V11a6 6 0 1 1 12 0v5.5l1.5 2h-15l1.5-2z M10 20.5a2 2 0 0 0 4 0\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n        <p>{{ filter() === 'unread' ? (emptyUnreadText() ?? msg().emptyUnread) : (emptyText() ?? msg().empty) }}</p>\n      </div>\n    }\n    <ng-content select=\"[mxNotificationFooter]\" />\n  `,\n})\nexport class MxNotificationCenter<D = unknown> {\n  readonly items = input.required<readonly MxNotification<D>[]>();\n  readonly title = input<string>();\n  /** Nível do título para o leitor de ecrã (h2 por omissão). */\n  readonly headingLevel = input(2);\n  readonly markAllText = input<string>();\n  readonly emptyText = input<string>();\n  readonly emptyUnreadText = input<string>();\n  readonly filterLabel = input<string>();\n  /** Mostra os filtros Todas, Por ler e as categorias. */\n  readonly showFilter = input(true, { transform: booleanAttribute });\n  /** Mostra o botão de remover em cada notificação. */\n  readonly dismissible = input(false, { transform: booleanAttribute });\n  /** Marca como lida ao abrir (emite markRead além de opened). */\n  readonly markReadOnOpen = input(true, { transform: booleanAttribute });\n  /** Anuncia ao leitor de ecrã quando chegam notificações por ler. */\n  readonly announce = input(true, { transform: booleanAttribute });\n  /** Locale das datas; por omissão o do idioma activo. */\n  readonly locale = input<string>();\n  private readonly i18n = injectMxMessages();\n  protected readonly msg = computed(() => this.i18n().notifications);\n\n  readonly opened = output<MxNotification<D>>();\n  readonly markRead = output<MxNotification<D>>();\n  readonly markAllRead = output<void>();\n  readonly dismiss = output<MxNotification<D>>();\n\n  protected readonly contentTpl = contentChild(MxNotificationContent);\n  private readonly announcer = inject(LiveAnnouncer);\n  protected readonly titleId = mxUniqueId('mx-notification-title');\n  readonly filter = signal<string>('all');\n  /** Muda a cada minuto, para \"há 5 min\" se actualizar. */\n  private readonly now = signal(new Date());\n\n  readonly unread = computed(() => this.items().filter((n) => !n.read).length);\n  protected readonly categories = computed(() => [\n    ...new Set(\n      this.items()\n        .map((n) => n.category)\n        .filter((c): c is string => !!c),\n    ),\n  ]);\n  protected readonly visible = computed(() => {\n    const f = this.filter();\n    const list = [...this.items()].sort((a, b) => b.time.getTime() - a.time.getTime());\n    if (f === 'unread') return list.filter((n) => !n.read);\n    if (f !== 'all') return list.filter((n) => n.category === f);\n    return list;\n  });\n\n  constructor() {\n    const timer = setInterval(() => this.now.set(new Date()), 60_000);\n    inject(DestroyRef).onDestroy(() => clearInterval(timer));\n    let previous: Set<string | number> | null = null;\n    effect(() => {\n      const items = this.items();\n      const ids = new Set(items.map((n) => n.id));\n      if (previous && untracked(() => this.announce())) {\n        const fresh = items.filter((n) => !n.read && !previous!.has(n.id));\n        if (fresh.length)\n          this.announcer.announce(\n            fresh.length === 1\n              ? untracked(() => this.msg().newOne(fresh[0].title))\n              : untracked(() => this.msg().newMany(fresh.length)),\n          );\n      }\n      previous = ids;\n    });\n  }\n\n  protected relative(d: Date): string {\n    return mxRelativeTime(d, this.now(), this.locale() ?? this.i18n().intlLocale, this.msg().now);\n  }\n\n  protected open(n: MxNotification<D>): void {\n    if (!n.read && this.markReadOnOpen()) this.markRead.emit(n);\n    this.opened.emit(n);\n  }\n\n  protected dismissItem(n: MxNotification<D>): void {\n    this.dismiss.emit(n);\n    this.announcer.announce(this.msg().removed(n.title));\n  }\n}\n\n/**\n * Botão do sino com a contagem por ler. O nome inclui a contagem:\n * \"Notificações, 3 por ler\".\n *\n * ```html\n * <button mxNotificationBell [count]=\"porLer()\" [mxPopoverTrigger]=\"painel\"></button>\n * ```\n */\n@Component({\n  selector: 'button[mxNotificationBell]',\n  exportAs: 'mxNotificationBell',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-notification-bell',\n    type: 'button',\n    '[attr.aria-label]': 'count() ? i18n().notifications.bellCount(label() ?? i18n().notifications.title, count()) : (label() ?? i18n().notifications.title)',\n  },\n  template: `\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <path\n        d=\"M6 16.5V11a6 6 0 1 1 12 0v5.5l1.5 2h-15l1.5-2z\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.75\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M10 20.5a2 2 0 0 0 4 0\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.75\"\n        stroke-linecap=\"round\"\n      />\n    </svg>\n    @if (count()) {\n      <span class=\"mx-notification-bell-count\" aria-hidden=\"true\">{{\n        count() > max() ? max() + '+' : count()\n      }}</span>\n    }\n  `,\n})\nexport class MxNotificationBell {\n  readonly count = input(0);\n  readonly max = input(99);\n  readonly label = input<string>();\n  protected readonly i18n = injectMxMessages();\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-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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"}