@muxima-ui/core 1.4.1 → 2.0.0

package/types/muxima-ui-core-date-picker.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { ConnectedPosition } from '@angular/cdk/overlay';
 import { ControlValueAccessor } from '@angular/forms';
 import { MxFormFieldControl, MxFormField } from '@muxima-ui/core/form-field';
+import { MxMessages } from '@muxima-ui/core/i18n';
 
 /** Data sem horas, para comparar dias. */
 declare function mxStartOfDay(d: Date): Date;
@@ -31,9 +32,22 @@ declare class MxCalendar {
     readonly max: _angular_core.InputSignal<Date | null>;
     /** Dias que não se podem escolher (ex.: fins-de-semana). */
     readonly dateDisabled: _angular_core.InputSignal<(d: Date) => boolean>;
-    readonly locale: _angular_core.InputSignal<string>;
-    /** Primeiro dia da semana: 1 = segunda-feira. */
-    readonly firstDayOfWeek: _angular_core.InputSignal<number>;
+    /** Locale dos nomes dos meses e dos dias; por omissão o do idioma activo. */
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    /** Primeiro dia da semana: 0 = domingo, 1 = segunda-feira. Por omissão o do idioma activo. */
+    readonly firstDayOfWeek: _angular_core.InputSignal<number | undefined>;
+    private readonly i18n;
+    protected readonly msg: _angular_core.Signal<{
+        previousMonth: (month: string) => string;
+        nextMonth: (month: string) => string;
+        rangeStart: string;
+        rangeEnd: string;
+        rangeStartEnd: string;
+        rangeHint: (start: string, end: string) => string;
+        rangeStartHint: (start: string) => string;
+    }>;
+    private readonly loc;
+    private readonly firstDay;
     readonly selected: _angular_core.OutputEmitterRef<Date>;
     /** `single` escolhe um dia; `range` escolhe um intervalo em [(range)]. */
     readonly mode: _angular_core.InputSignal<"single" | "range">;
@@ -87,9 +101,15 @@ declare class MxCalendar {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MxCalendar, "mx-calendar", ["mxCalendar"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "dateDisabled": { "alias": "dateDisabled"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "selected": "selected"; "range": "rangeChange"; "rangeSelected": "rangeSelected"; }, never, never, true, never>;
 }
 
-/** Converte "dd/mm/aaaa" numa data. Aceita também "-" e "." como separadores. */
-declare function mxParseDate(text: string): Date | null;
-declare function mxFormatDate(d: Date | null): string;
+/** Ordem do dia (d), mês (m) e ano (y) numa data escrita. */
+type MxDateOrder = 'dmy' | 'mdy' | 'ymd';
+/**
+ * Converte uma data escrita (por omissão "mm/dd/aaaa"; "dmy" para "dd/mm/aaaa").
+ * Aceita também "-" e "." como separadores.
+ */
+declare function mxParseDate(text: string, order?: MxDateOrder): Date | null;
+/** Escreve a data na ordem indicada (por omissão "mm/dd/aaaa"). */
+declare function mxFormatDate(d: Date | null, order?: MxDateOrder): string;
 /**
  * Campo de data: escreve-se "dd/mm/aaaa" ou escolhe-se no calendário.
  * O calendário abre num diálogo não modal com foco no dia; Escape fecha.
@@ -109,8 +129,17 @@ declare class MxDatePicker implements ControlValueAccessor, MxFormFieldControl {
     readonly min: _angular_core.InputSignal<Date | null>;
     readonly max: _angular_core.InputSignal<Date | null>;
     readonly dateDisabled: _angular_core.InputSignal<(d: Date) => boolean>;
-    readonly locale: _angular_core.InputSignal<string>;
-    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Locale dos nomes dos meses e dos dias; por omissão o do idioma activo. */
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    /** Por omissão "dd/mm/aaaa" em português e "mm/dd/yyyy" em inglês. */
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    private readonly i18n;
+    protected readonly msg: _angular_core.Signal<{
+        placeholder: string;
+        choose: string;
+        change: (date: string) => string;
+    }>;
+    protected readonly loc: _angular_core.Signal<string>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -166,8 +195,12 @@ interface MxDateRangePreset {
         end: Date;
     };
 }
-/** Atalhos comuns: últimos 7 e 30 dias, este mês e o mês passado. */
-declare function mxDefaultRangePresets(): MxDateRangePreset[];
+/**
+ * Atalhos comuns: últimos 7 e 30 dias, este mês e o mês passado.
+ * Os nomes vêm de `labels` (por omissão em inglês); para o idioma activo,
+ * usa `mxDefaultRangePresets(inject(MxI18n).messages().dateRangePicker)`.
+ */
+declare function mxDefaultRangePresets(labels?: MxMessages['dateRangePicker']): MxDateRangePreset[];
 /**
  * Campo de intervalo de datas: dois campos (início e fim) que se escrevem em "dd/mm/aaaa"
  * ou se escolhem num calendário, com atalhos opcionais.
@@ -188,10 +221,26 @@ declare class MxDateRangePicker implements ControlValueAccessor, MxFormFieldCont
     readonly max: _angular_core.InputSignal<Date | null>;
     readonly dateDisabled: _angular_core.InputSignal<(d: Date) => boolean>;
     readonly presets: _angular_core.InputSignal<MxDateRangePreset[]>;
-    readonly locale: _angular_core.InputSignal<string>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    readonly startLabel: _angular_core.InputSignal<string>;
-    readonly endLabel: _angular_core.InputSignal<string>;
+    /** Locale dos nomes dos meses e dos dias; por omissão o do idioma activo. */
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    /** Por omissão "dd/mm/aaaa" em português e "mm/dd/yyyy" em inglês. */
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    readonly startLabel: _angular_core.InputSignal<string | undefined>;
+    readonly endLabel: _angular_core.InputSignal<string | undefined>;
+    private readonly i18n;
+    protected readonly msg: _angular_core.Signal<{
+        start: string;
+        end: string;
+        choose: string;
+        change: (start: string, end: string) => string;
+        presets: string;
+        last7Days: string;
+        last30Days: string;
+        thisMonth: string;
+        lastMonth: string;
+    }>;
+    protected readonly loc: _angular_core.Signal<string>;
+    protected readonly placeholderText: _angular_core.Signal<string>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -258,4 +307,4 @@ declare function mxDateRangeComplete(control: {
 } | null;
 
 export { MxCalendar, MxDatePicker, MxDateRangePicker, mxDateRangeComplete, mxDefaultRangePresets, mxFormatDate, mxParseDate, mxSameDay, mxStartOfDay };
-export type { MxDateRange, MxDateRangePreset };
+export type { MxDateOrder, MxDateRange, MxDateRangePreset };

package/types/muxima-ui-core-editor.d.ts

@@ -48,8 +48,19 @@ declare class MxEditor implements ControlValueAccessor, MxFormFieldControl {
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly id: _angular_core.InputSignal<string | undefined>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    readonly toolbarLabel: _angular_core.InputSignal<string>;
-    readonly linkLabel: _angular_core.InputSignal<string>;
+    readonly toolbarLabel: _angular_core.InputSignal<string | undefined>;
+    readonly linkLabel: _angular_core.InputSignal<string | undefined>;
+    private readonly i18n;
+    protected readonly msg: _angular_core.Signal<{
+        toolbar: string;
+        link: string;
+        apply: string;
+        remove: string;
+        cancel: string;
+        characters: string;
+        tools: Record<"bold" | "italic" | "underline" | "strike" | "code" | "heading2" | "heading3" | "paragraph" | "bulletList" | "orderedList" | "blockquote" | "link" | "undo" | "redo", string>;
+    }>;
+    protected toolLabel(t: MxEditorTool): string;
     protected readonly field: MxFormField | null;
     private readonly ngControl;
     private readonly content;

package/types/muxima-ui-core-file-upload.d.ts

@@ -7,7 +7,7 @@ interface MxFileRejection {
     reason: 'type' | 'size' | 'count';
     message: string;
 }
-/** "1,2 MB", "340 kB". */
+/** "1.2 MB", "340 kB" (com locale "pt-AO": "1,2 MB"). */
 declare function mxFormatBytes(bytes: number, locale?: string): string;
 /** true se o ficheiro corresponde a `accept` (".pdf,image/*"). */
 declare function mxFileMatches(file: File, accept: string): boolean;
@@ -38,14 +38,30 @@ declare class MxFileUpload implements ControlValueAccessor, MxFormFieldControl {
     readonly progress: _angular_core.InputSignal<Record<string, number>>;
     /** Erro de envio por nome de ficheiro. */
     readonly errors: _angular_core.InputSignal<Record<string, string>>;
-    readonly dropText: _angular_core.InputSignal<string>;
-    readonly buttonText: _angular_core.InputSignal<string>;
+    readonly dropText: _angular_core.InputSignal<string | undefined>;
+    private readonly i18n;
+    protected readonly msg: _angular_core.Signal<{
+        drop: string;
+        browse: string;
+        list: string;
+        remove: string;
+        done: string;
+        uploading: (name: string) => string;
+        rejectedType: (name: string) => string;
+        rejectedSize: (name: string, size: string, max: string) => string;
+        rejectedCount: (name: string, max: number) => string;
+        addedOne: (name: string) => string;
+        addedMany: (n: number) => string;
+        removed: (name: string) => string;
+    }>;
+    readonly buttonText: _angular_core.InputSignal<string | undefined>;
     /** Linha de ajuda dentro da área (ex.: "PDF até 5 MB"). */
     readonly description: _angular_core.InputSignal<string>;
-    readonly listLabel: _angular_core.InputSignal<string>;
-    readonly removeText: _angular_core.InputSignal<string>;
-    readonly doneText: _angular_core.InputSignal<string>;
-    readonly locale: _angular_core.InputSignal<string>;
+    readonly listLabel: _angular_core.InputSignal<string | undefined>;
+    readonly removeText: _angular_core.InputSignal<string | undefined>;
+    readonly doneText: _angular_core.InputSignal<string | undefined>;
+    /** Locale dos tamanhos ("1,2 MB"); por omissão o do idioma activo. */
+    readonly locale: _angular_core.InputSignal<string | undefined>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;

package/types/muxima-ui-core-form-field.d.ts

@@ -157,13 +157,13 @@ declare class MxFieldset {
  *
  * ```html
  * <div mxInputGroup>
- *   <span mxInputAddon>Kz</span>
+ *   <span mxInputAddon>US$</span>
  *   <input mxInput inputmode="decimal" aria-label="Valor" />
  *   <span mxInputAddon>,00</span>
  * </div>
  * ```
  *
- * O prefixo e o sufixo são só visuais: inclui a unidade no label (ex.: "Valor em Kz").
+ * O prefixo e o sufixo são só visuais: inclui a unidade no label (ex.: "Valor em US$").
  */
 declare class MxInputGroup {
     static ɵfac: i0.ɵɵFactoryDeclaration<MxInputGroup, never>;

package/types/muxima-ui-core-i18n.d.ts

@@ -0,0 +1,322 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Signal, EnvironmentProviders } from '@angular/core';
+
+/**
+ * Todos os textos que os componentes mostram ou anunciam ao leitor de ecrã.
+ * Os textos com valores variáveis são funções; os números e as datas chegam já formatados.
+ */
+interface MxMessages {
+    /** Locale BCP 47 usado em Intl (números, datas, ordenação). Ex.: "pt-AO", "en-US". */
+    intlLocale: string;
+    /** Ordem do dia, mês e ano nos campos de data escritos à mão. */
+    dateOrder: 'dmy' | 'mdy' | 'ymd';
+    /** Primeiro dia da semana no calendário: 0 = domingo, 1 = segunda-feira. */
+    firstDayOfWeek: number;
+    alert: {
+        close: string;
+    };
+    breadcrumb: {
+        label: string;
+    };
+    calendar: {
+        previousMonth: (month: string) => string;
+        nextMonth: (month: string) => string;
+        rangeStart: string;
+        rangeEnd: string;
+        rangeStartEnd: string;
+        rangeHint: (start: string, end: string) => string;
+        rangeStartHint: (start: string) => string;
+    };
+    carousel: {
+        carousel: string;
+        slide: string;
+        previous: string;
+        next: string;
+        choose: string;
+        goTo: (n: number) => string;
+        position: (n: number, total: number) => string;
+        play: string;
+        pause: string;
+    };
+    chips: {
+        remove: string;
+        list: string;
+        help: string;
+        added: (tag: string) => string;
+        removed: (tag: string) => string;
+        max: (max: number) => string;
+        duplicate: (tag: string) => string;
+    };
+    clipboard: {
+        copy: string;
+        copied: string;
+        failed: string;
+    };
+    colorPicker: {
+        choose: string;
+        change: (name: string, hex: string) => string;
+        area: string;
+        hue: string;
+        alpha: string;
+        swatches: string;
+        eyeDropper: string;
+        hex: string;
+        areaValue: (saturation: number, brightness: number, name: string) => string;
+        hueValue: (degrees: number, name: string) => string;
+        names: MxColorNames;
+    };
+    combobox: {
+        placeholder: string;
+        empty: string;
+        loading: string;
+    };
+    command: {
+        placeholder: string;
+        label: string;
+        empty: string;
+        results: (n: number) => string;
+    };
+    dataGrid: {
+        label: string;
+        empty: string;
+        loading: string;
+        columns: string;
+        filter: string;
+        all: string;
+        selectAll: string;
+        selectRow: string;
+        selection: string;
+        resizeHint: string;
+        numberFilter: (filter: string, column: string) => string;
+        rows: (n: string, count: number) => string;
+        of: (total: string) => string;
+        selected: (n: string, count: number) => string;
+        sorted: (column: string, direction: 'asc' | 'desc') => string;
+        unsorted: string;
+        width: (column: string, px: number) => string;
+    };
+    datePicker: {
+        placeholder: string;
+        choose: string;
+        change: (date: string) => string;
+    };
+    dateRangePicker: {
+        start: string;
+        end: string;
+        choose: string;
+        change: (start: string, end: string) => string;
+        presets: string;
+        last7Days: string;
+        last30Days: string;
+        thisMonth: string;
+        lastMonth: string;
+    };
+    editor: {
+        toolbar: string;
+        link: string;
+        apply: string;
+        remove: string;
+        cancel: string;
+        characters: string;
+        tools: Record<'bold' | 'italic' | 'underline' | 'strike' | 'code' | 'heading2' | 'heading3' | 'paragraph' | 'bulletList' | 'orderedList' | 'blockquote' | 'link' | 'undo' | 'redo', string>;
+    };
+    fileUpload: {
+        drop: string;
+        browse: string;
+        list: string;
+        remove: string;
+        done: string;
+        uploading: (name: string) => string;
+        rejectedType: (name: string) => string;
+        rejectedSize: (name: string, size: string, max: string) => string;
+        rejectedCount: (name: string, max: number) => string;
+        addedOne: (name: string) => string;
+        addedMany: (n: number) => string;
+        removed: (name: string) => string;
+    };
+    imageCropper: {
+        alt: string;
+        help: string;
+        zoom: string;
+        rotateLeft: string;
+        rotateRight: string;
+        reset: string;
+        area: string;
+        size: (width: number, height: number) => string;
+        position: (width: number, height: number, x: number, y: number) => string;
+        rotated: (degrees: number) => string;
+    };
+    kanban: {
+        label: string;
+        empty: string;
+        help: string;
+        cards: (n: number, limit: number | null) => string;
+        grabbed: (card: string) => string;
+        position: (column: string, position: number, total: number) => string;
+        pickedUp: (card: string, where: string) => string;
+        dropped: (card: string, where: string) => string;
+        cancelled: (card: string, where: string) => string;
+        full: (column: string, limit: number) => string;
+    };
+    notifications: {
+        title: string;
+        markAll: string;
+        empty: string;
+        emptyUnread: string;
+        filter: string;
+        all: string;
+        unread: string;
+        unreadPrefix: string;
+        unreadCount: (n: number) => string;
+        markRead: (title: string) => string;
+        remove: (title: string) => string;
+        removed: (title: string) => string;
+        newOne: (title: string) => string;
+        newMany: (n: number) => string;
+        now: string;
+        bellCount: (label: string, n: number) => string;
+    };
+    pagination: {
+        label: string;
+        rowsPerPage: string;
+        first: string;
+        previous: string;
+        previousShort: string;
+        next: string;
+        nextShort: string;
+        last: string;
+        page: (n: number) => string;
+        pageOf: (current: number, total: number) => string;
+        range: (from: string, to: string, total: string) => string;
+        noResults: string;
+    };
+    progress: {
+        label: string;
+    };
+    rangeSlider: {
+        low: string;
+        high: string;
+    };
+    rating: {
+        label: string;
+        star: (n: number) => string;
+        summary: (value: string, max: number) => string;
+    };
+    select: {
+        placeholder: string;
+        empty: string;
+        loading: string;
+    };
+    sidebar: {
+        label: string;
+        collapse: string;
+        expand: string;
+    };
+    stepper: {
+        complete: string;
+    };
+    timePicker: {
+        placeholder: string;
+        label: string;
+    };
+    toast: {
+        region: string;
+        close: string;
+        action: (label: string) => string;
+    };
+    tour: {
+        next: string;
+        previous: string;
+        done: string;
+        skip: string;
+        close: string;
+        progress: (current: number, total: number) => string;
+    };
+}
+/** Nomes aproximados das cores, para o leitor de ecrã. */
+interface MxColorNames {
+    black: string;
+    white: string;
+    lightGray: string;
+    gray: string;
+    darkGray: string;
+    brown: string;
+    red: string;
+    orange: string;
+    yellow: string;
+    lime: string;
+    green: string;
+    teal: string;
+    blue: string;
+    purple: string;
+    magenta: string;
+    /** Junta o tom ao nome: "azul escuro", "dark blue". */
+    tone: (name: string, tone: 'dark' | 'light') => string;
+}
+/** Objecto com todas as chaves opcionais, a qualquer profundidade. */
+type MxDeepPartial<T> = {
+    [K in keyof T]?: T[K] extends (...args: never[]) => unknown ? T[K] : T[K] extends object ? MxDeepPartial<T[K]> : T[K];
+};
+
+/** Português (Angola). */
+declare const MX_MESSAGES_PT: MxMessages;
+
+/** English (United States). */
+declare const MX_MESSAGES_EN: MxMessages;
+
+/** Idiomas incluídos na biblioteca. Outros podem ser registados com `messages`. */
+type MxBuiltInLocale = 'pt' | 'en';
+interface MxI18nConfig {
+    /** Idioma inicial: "en" (por omissão) ou "pt". Aceita também "pt-BR", "en-GB", etc. */
+    locale?: string;
+    /**
+     * Textos por idioma. Para "pt" e "en" basta indicar o que muda; um idioma novo
+     * (ex.: "fr") parte do inglês e substitui o que indicares.
+     */
+    messages?: Record<string, MxDeepPartial<MxMessages>>;
+}
+declare const MX_I18N_CONFIG: InjectionToken<MxI18nConfig>;
+/** Junta `patch` sobre `base`, objecto a objecto; funções, textos e números substituem. */
+declare function mxMergeMessages<T>(base: T, patch: MxDeepPartial<T> | undefined): T;
+/** Dicionário incluído para o idioma ("pt-BR" usa "pt"); inglês quando não há. */
+declare function mxBuiltInMessages(locale: string): MxMessages;
+/**
+ * Idioma activo e os textos dos componentes. Mudar o idioma com `setLocale`
+ * actualiza logo todos os componentes no ecrã.
+ *
+ * ```ts
+ * readonly i18n = inject(MxI18n);
+ * this.i18n.setLocale('en');
+ * ```
+ */
+declare class MxI18n {
+    private readonly config;
+    private readonly custom;
+    private readonly current;
+    /** Idioma activo, tal como foi indicado ("pt", "en", "en-GB"...). */
+    readonly locale: Signal<string>;
+    /** Todos os textos do idioma activo. */
+    readonly messages: Signal<MxMessages>;
+    /** Locale para Intl (números, datas): "pt-AO", "en-US"... */
+    readonly intlLocale: Signal<string>;
+    setLocale(locale: string): void;
+    /** Acrescenta ou corrige textos de um idioma, sem perder os que já existem. */
+    register(locale: string, messages: MxDeepPartial<MxMessages>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MxI18n, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MxI18n>;
+}
+/**
+ * Configura o idioma dos componentes.
+ *
+ * ```ts
+ * bootstrapApplication(App, {
+ *   providers: [provideMuximaI18n({ locale: 'en' })],
+ * });
+ * ```
+ */
+declare function provideMuximaI18n(config: MxI18nConfig): EnvironmentProviders;
+/** Textos do idioma activo; usar dentro de um componente ou serviço. */
+declare function injectMxMessages(): Signal<MxMessages>;
+
+export { MX_I18N_CONFIG, MX_MESSAGES_EN, MX_MESSAGES_PT, MxI18n, injectMxMessages, mxBuiltInMessages, mxMergeMessages, provideMuximaI18n };
+export type { MxBuiltInLocale, MxColorNames, MxDeepPartial, MxI18nConfig, MxMessages };

package/types/muxima-ui-core-image-cropper.d.ts

@@ -37,7 +37,20 @@ interface MxCropArea extends MxRect {
  */
 declare class MxImageCropper {
     readonly src: _angular_core.InputSignal<string | File | Blob | null>;
-    readonly alt: _angular_core.InputSignal<string>;
+    readonly alt: _angular_core.InputSignal<string | undefined>;
+    private readonly i18n;
+    protected readonly msg: _angular_core.Signal<{
+        alt: string;
+        help: string;
+        zoom: string;
+        rotateLeft: string;
+        rotateRight: string;
+        reset: string;
+        area: string;
+        size: (width: number, height: number) => string;
+        position: (width: number, height: number, x: number, y: number) => string;
+        rotated: (degrees: number) => string;
+    }>;
     /** Largura / altura da área (1 = quadrado, 16/9...). null = livre. */
     readonly aspectRatio: _angular_core.InputSignal<number | null>;
     /** Máscara redonda (fotografias de perfil). toBlob devolve PNG com cantos transparentes. */
@@ -48,11 +61,11 @@ declare class MxImageCropper {
     readonly minSize: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly zoom: _angular_core.ModelSignal<number>;
     readonly rotation: _angular_core.ModelSignal<number>;
-    readonly helpText: _angular_core.InputSignal<string>;
-    readonly zoomText: _angular_core.InputSignal<string>;
-    readonly rotateLeftText: _angular_core.InputSignal<string>;
-    readonly rotateRightText: _angular_core.InputSignal<string>;
-    readonly resetText: _angular_core.InputSignal<string>;
+    readonly helpText: _angular_core.InputSignal<string | undefined>;
+    readonly zoomText: _angular_core.InputSignal<string | undefined>;
+    readonly rotateLeftText: _angular_core.InputSignal<string | undefined>;
+    readonly rotateRightText: _angular_core.InputSignal<string | undefined>;
+    readonly resetText: _angular_core.InputSignal<string | undefined>;
     /** Área recortada em píxeis da imagem original. */
     readonly areaChange: _angular_core.OutputEmitterRef<MxCropArea>;
     private readonly stage;

package/types/muxima-ui-core-kanban.d.ts

@@ -45,10 +45,23 @@ declare class MxKanban<T = any> {
     readonly itemKey: _angular_core.InputSignal<string | ((item: T) => unknown)>;
     /** Nome do cartão nos anúncios. Por omissão o campo `title` ou `titulo`. */
     readonly itemLabel: _angular_core.InputSignal<(item: T) => string>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    private readonly i18n;
+    protected readonly msg: _angular_core.Signal<{
+        label: string;
+        empty: string;
+        help: string;
+        cards: (n: number, limit: number | null) => string;
+        grabbed: (card: string) => string;
+        position: (column: string, position: number, total: number) => string;
+        pickedUp: (card: string, where: string) => string;
+        dropped: (card: string, where: string) => string;
+        cancelled: (card: string, where: string) => string;
+        full: (column: string, limit: number) => string;
+    }>;
     readonly headingLevel: _angular_core.InputSignal<number>;
-    readonly emptyText: _angular_core.InputSignal<string>;
-    readonly helpText: _angular_core.InputSignal<string>;
+    readonly emptyText: _angular_core.InputSignal<string | undefined>;
+    readonly helpText: _angular_core.InputSignal<string | undefined>;
     readonly moved: _angular_core.OutputEmitterRef<MxKanbanMove<T>>;
     protected readonly cardTpl: _angular_core.Signal<MxKanbanCard | undefined>;
     protected readonly footerTpl: _angular_core.Signal<MxKanbanColumnFooter | undefined>;

package/types/muxima-ui-core-notification-center.d.ts

@@ -1,3 +1,4 @@
+import * as _muxima_ui_core_i18n from '@muxima-ui/core/i18n';
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 
@@ -13,8 +14,8 @@ interface MxNotification<D = unknown> {
     category?: string;
     data?: D;
 }
-/** "agora", "há 5 min", "ontem", "há 3 dias" e, depois de uma semana, a data. */
-declare function mxRelativeTime(date: Date, now?: Date, locale?: string): string;
+/** "now", "5 min ago", "yesterday", "3 days ago" e, depois de uma semana, a data (em inglês por omissão). */
+declare function mxRelativeTime(date: Date, now?: Date, locale?: string, nowText?: string): string;
 /** Modelo para o conteúdo de cada notificação: `<ng-template mxNotificationContent let-n>`. */
 declare class MxNotificationContent {
     readonly template: TemplateRef<any>;
@@ -35,13 +36,13 @@ declare class MxNotificationContent {
  */
 declare class MxNotificationCenter<D = unknown> {
     readonly items: _angular_core.InputSignal<readonly MxNotification<D>[]>;
-    readonly title: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string | undefined>;
     /** Nível do título para o leitor de ecrã (h2 por omissão). */
     readonly headingLevel: _angular_core.InputSignal<number>;
-    readonly markAllText: _angular_core.InputSignal<string>;
-    readonly emptyText: _angular_core.InputSignal<string>;
-    readonly emptyUnreadText: _angular_core.InputSignal<string>;
-    readonly filterLabel: _angular_core.InputSignal<string>;
+    readonly markAllText: _angular_core.InputSignal<string | undefined>;
+    readonly emptyText: _angular_core.InputSignal<string | undefined>;
+    readonly emptyUnreadText: _angular_core.InputSignal<string | undefined>;
+    readonly filterLabel: _angular_core.InputSignal<string | undefined>;
     /** Mostra os filtros Todas, Por ler e as categorias. */
     readonly showFilter: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Mostra o botão de remover em cada notificação. */
@@ -50,7 +51,27 @@ declare class MxNotificationCenter<D = unknown> {
     readonly markReadOnOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Anuncia ao leitor de ecrã quando chegam notificações por ler. */
     readonly announce: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly locale: _angular_core.InputSignal<string>;
+    /** Locale das datas; por omissão o do idioma activo. */
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    private readonly i18n;
+    protected readonly msg: _angular_core.Signal<{
+        title: string;
+        markAll: string;
+        empty: string;
+        emptyUnread: string;
+        filter: string;
+        all: string;
+        unread: string;
+        unreadPrefix: string;
+        unreadCount: (n: number) => string;
+        markRead: (title: string) => string;
+        remove: (title: string) => string;
+        removed: (title: string) => string;
+        newOne: (title: string) => string;
+        newMany: (n: number) => string;
+        now: string;
+        bellCount: (label: string, n: number) => string;
+    }>;
     readonly opened: _angular_core.OutputEmitterRef<MxNotification<D>>;
     readonly markRead: _angular_core.OutputEmitterRef<MxNotification<D>>;
     readonly markAllRead: _angular_core.OutputEmitterRef<void>;
@@ -82,7 +103,8 @@ declare class MxNotificationCenter<D = unknown> {
 declare class MxNotificationBell {
     readonly count: _angular_core.InputSignal<number>;
     readonly max: _angular_core.InputSignal<number>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    protected readonly i18n: _angular_core.Signal<_muxima_ui_core_i18n.MxMessages>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MxNotificationBell, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MxNotificationBell, "button[mxNotificationBell]", ["mxNotificationBell"], { "count": { "alias": "count"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }