@muxima-ui/core 1.4.1 → 2.0.0

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

@@ -37,7 +37,22 @@ declare class MxPagination {
     readonly variant: _angular_core.InputSignal<MxPaginationVariant>;
     /** Páginas mostradas de cada lado da actual (variante default). */
     readonly siblings: _angular_core.InputSignal<number>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    private readonly i18n;
+    protected readonly msg: _angular_core.Signal<{
+        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;
+    }>;
     protected readonly sizeId: string;
     readonly pageCount: _angular_core.Signal<number>;
     protected readonly current: _angular_core.Signal<number>;

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

@@ -1,4 +1,5 @@
-import * as i0 from '@angular/core';
+import * as _muxima_ui_core_i18n from '@muxima-ui/core/i18n';
+import * as _angular_core from '@angular/core';
 
 /**
  * Barra de progresso sobre o `<progress>` nativo. Sem `value` fica indeterminada.
@@ -11,20 +12,21 @@ import * as i0 from '@angular/core';
  */
 declare class MxProgress {
     /** Espessura: sm 4 px, md 8 px, lg 12 px. */
-    readonly size: i0.InputSignal<"sm" | "md" | "lg">;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MxProgress, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MxProgress, "progress[mxProgress]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MxProgress, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MxProgress, "progress[mxProgress]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * Indicador circular para esperas curtas. Tem role="status" e um nome acessível
  * ("A carregar" por omissão); dentro de um botão, usa antes `loading` no botão.
  */
 declare class MxSpinner {
-    readonly label: i0.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    protected readonly i18n: _angular_core.Signal<_muxima_ui_core_i18n.MxMessages>;
     /** sm 14 px, md 20 px, lg 28 px. */
-    readonly size: i0.InputSignal<"sm" | "md" | "lg">;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MxSpinner, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MxSpinner, "[mxSpinner]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MxSpinner, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MxSpinner, "[mxSpinner]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { MxProgress, MxSpinner };

package/types/muxima-ui-core-rating.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 { ControlValueAccessor } from '@angular/forms';
 import { MxFormFieldControl, MxFormField } from '@muxima-ui/core/form-field';
@@ -23,8 +24,11 @@ declare class MxRating implements ControlValueAccessor, MxFormFieldControl {
     readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Mostra o número ao lado ("4,5"). */
     readonly showValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly starLabel: _angular_core.InputSignal<(n: number) => string>;
-    readonly locale: _angular_core.InputSignal<string>;
+    /** Nome de cada estrela; por omissão "1 estrela", "2 estrelas" no idioma activo. */
+    readonly starLabel: _angular_core.InputSignal<((n: number) => string) | undefined>;
+    /** Locale dos números; por omissão o do idioma activo. */
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    protected readonly i18n: _angular_core.Signal<_muxima_ui_core_i18n.MxMessages>;
     readonly size: _angular_core.InputSignal<"sm" | "md" | "lg">;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;

package/types/muxima-ui-core-select.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 { AfterContentInit } from '@angular/core';
 import { Highlightable } from '@angular/cdk/a11y';
@@ -43,7 +44,9 @@ declare class MxSelect<T = unknown> implements ControlValueAccessor, MxFormField
     readonly value: _angular_core.ModelSignal<T | T[] | null>;
     /** Escolha múltipla: o valor passa a ser uma lista e o painel não fecha ao escolher. */
     readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    protected readonly i18n: _angular_core.Signal<_muxima_ui_core_i18n.MxMessages>;
+    protected readonly placeholderText: _angular_core.Signal<string>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Força o estado de erro (sem formulário). Com Reactive Forms o erro vem do controlo. */
@@ -51,10 +54,10 @@ declare class MxSelect<T = unknown> implements ControlValueAccessor, MxFormField
     /** Altura: sm 32 px, md 36 px, lg 40 px. */
     readonly size: _angular_core.InputSignal<"sm" | "md" | "lg">;
     /** Texto mostrado quando não há opções. */
-    readonly emptyText: _angular_core.InputSignal<string>;
+    readonly emptyText: _angular_core.InputSignal<string | undefined>;
     /** Opções a carregar (ex.: de um servidor): mostra um indicador no botão e no painel. */
     readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly loadingText: _angular_core.InputSignal<string>;
+    readonly loadingText: _angular_core.InputSignal<string | undefined>;
     readonly id: _angular_core.InputSignal<string | undefined>;
     /** Nome acessível quando não existe um `label[mxLabel]` no campo. */
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;

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

@@ -1,3 +1,4 @@
+import * as _muxima_ui_core_i18n from '@muxima-ui/core/i18n';
 import * as i0 from '@angular/core';
 
 /**
@@ -23,7 +24,8 @@ import * as i0 from '@angular/core';
  */
 declare class MxSidebar {
     readonly collapsed: i0.ModelSignal<boolean>;
-    readonly ariaLabel: i0.InputSignal<string>;
+    readonly ariaLabel: i0.InputSignal<string | undefined>;
+    protected readonly i18n: i0.Signal<_muxima_ui_core_i18n.MxMessages>;
     /** `default` com fundo de superfície; `subtle` com o fundo do papel. */
     readonly variant: i0.InputSignal<"default" | "subtle">;
     readonly id: i0.InputSignal<string>;
@@ -105,8 +107,9 @@ declare class MxSidebarSection {
  */
 declare class MxSidebarToggle {
     readonly sidebar: i0.InputSignal<MxSidebar>;
-    readonly collapseLabel: i0.InputSignal<string>;
-    readonly expandLabel: i0.InputSignal<string>;
+    readonly collapseLabel: i0.InputSignal<string | undefined>;
+    readonly expandLabel: i0.InputSignal<string | undefined>;
+    protected readonly i18n: i0.Signal<_muxima_ui_core_i18n.MxMessages>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MxSidebarToggle, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MxSidebarToggle, "button[mxSidebarToggle]", ["mxSidebarToggle"], { "sidebar": { "alias": "sidebar"; "required": true; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; "expandLabel": { "alias": "expandLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { OnInit } from '@angular/core';
 import { MxNativeControl, MxFormFieldControl, MxFormField } from '@muxima-ui/core/form-field';
+import * as _muxima_ui_core_i18n from '@muxima-ui/core/i18n';
 import { ControlValueAccessor } from '@angular/forms';
 
 /**
@@ -9,7 +10,7 @@ import { ControlValueAccessor } from '@angular/forms';
  *
  * ```html
  * <mx-form-field>
- *   <label mxLabel>Orçamento (mil Kz)</label>
+ *   <label mxLabel>Orçamento (US$)</label>
  *   <input type="range" mxSlider min="0" max="500" step="10" formControlName="orcamento" />
  * </mx-form-field>
  * ```
@@ -27,7 +28,7 @@ declare class MxSlider extends MxNativeControl implements OnInit {
 
 /**
  * Intervalo com dois cursores (mínimo e máximo), feito com dois `<input type="range">`
- * nativos: cada cursor tem o seu teclado e é anunciado como "Preço, mínimo, 20 000 Kz".
+ * nativos: cada cursor tem o seu teclado e é anunciado como "Preço, mínimo, 20 US$".
  *
  * ```html
  * <mx-form-field>
@@ -49,8 +50,9 @@ declare class MxRangeSlider implements ControlValueAccessor, MxFormFieldControl
     readonly format: _angular_core.InputSignal<(v: number) => string>;
     /** Mostra os dois valores por baixo da barra. */
     readonly showValues: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly lowLabel: _angular_core.InputSignal<string>;
-    readonly highLabel: _angular_core.InputSignal<string>;
+    readonly lowLabel: _angular_core.InputSignal<string | undefined>;
+    readonly highLabel: _angular_core.InputSignal<string | undefined>;
+    protected readonly i18n: _angular_core.Signal<_muxima_ui_core_i18n.MxMessages>;
     readonly size: _angular_core.InputSignal<"sm" | "md" | "lg">;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;

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

@@ -1,4 +1,5 @@
-import * as i0 from '@angular/core';
+import * as _muxima_ui_core_i18n from '@muxima-ui/core/i18n';
+import * as _angular_core from '@angular/core';
 
 type MxStepState = 'complete' | 'current' | 'upcoming';
 /**
@@ -16,17 +17,18 @@ type MxStepState = 'complete' | 'current' | 'upcoming';
  * A etapa actual recebe aria-current="step" e as concluídas são anunciadas como tal.
  */
 declare class MxStepper {
-    readonly orientation: i0.InputSignal<"horizontal" | "vertical">;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MxStepper, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MxStepper, "ol[mxStepper]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MxStepper, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MxStepper, "ol[mxStepper]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /** Uma etapa da lista. */
 declare class MxStep {
-    readonly state: i0.InputSignal<MxStepState>;
+    readonly state: _angular_core.InputSignal<MxStepState>;
     /** Texto lido nas etapas concluídas. */
-    readonly completeText: i0.InputSignal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MxStep, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MxStep, "li[mxStep]", never, { "state": { "alias": "state"; "required": false; "isSignal": true; }; "completeText": { "alias": "completeText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    readonly completeText: _angular_core.InputSignal<string | undefined>;
+    protected readonly i18n: _angular_core.Signal<_muxima_ui_core_i18n.MxMessages>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MxStep, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MxStep, "li[mxStep]", never, { "state": { "alias": "state"; "required": false; "isSignal": true; }; "completeText": { "alias": "completeText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 declare const MX_STEPPER: readonly [typeof MxStepper, typeof MxStep];
 

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

@@ -48,10 +48,10 @@ declare class MxSortHeader {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MxSortHeader, "th[mxSortHeader]", never, { "key": { "alias": "mxSortHeader"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /**
- * Ordena uma lista segundo o estado de `MxTable`. Texto é comparado em português
- * (acentos e maiúsculas), números numericamente.
+ * Ordena uma lista segundo o estado de `MxTable`. Texto é comparado segundo `locale`
+ * (inglês por omissão; acentos e maiúsculas contam como a mesma letra), números numericamente.
  */
-declare function mxSortData<T>(rows: readonly T[], sort: MxSortState, accessor?: (row: T, key: string) => unknown): T[];
+declare function mxSortData<T>(rows: readonly T[], sort: MxSortState, accessor?: (row: T, key: string) => unknown, locale?: string): T[];
 declare const MX_TABLE: readonly [typeof MxTable, typeof MxSortHeader];
 
 export { MX_TABLE, MxSortHeader, MxTable, mxSortData };

package/types/muxima-ui-core-time-picker.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 { ConnectedPosition } from '@angular/cdk/overlay';
 import { ControlValueAccessor } from '@angular/forms';
@@ -31,7 +32,8 @@ declare class MxTimePicker implements ControlValueAccessor, MxFormFieldControl {
     /** Primeira e última hora permitidas, "HH:mm". */
     readonly min: _angular_core.InputSignal<string | null>;
     readonly max: _angular_core.InputSignal<string | null>;
-    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    protected readonly i18n: _angular_core.Signal<_muxima_ui_core_i18n.MxMessages>;
     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-toast.d.ts

@@ -1,4 +1,5 @@
 import * as i0 from '@angular/core';
+import * as _muxima_ui_core_i18n from '@muxima-ui/core/i18n';
 
 type MxToastVariant = 'default' | 'info' | 'success' | 'warning' | 'danger';
 type MxToastPosition = 'bottom-right' | 'bottom-left' | 'bottom-center' | 'top-right' | 'top-left' | 'top-center';
@@ -30,6 +31,7 @@ interface MxToastItem {
 }
 /** Pilha de notificações. Criada uma vez pelo MxToast; não se usa directamente. */
 declare class MxToaster {
+    protected readonly i18n: i0.Signal<_muxima_ui_core_i18n.MxMessages>;
     readonly toasts: i0.WritableSignal<MxToastItem[]>;
     readonly position: i0.WritableSignal<MxToastPosition>;
     private readonly timers;
@@ -62,6 +64,7 @@ declare class MxToast {
     private readonly appRef;
     private readonly envInjector;
     private readonly announcer;
+    private readonly i18n;
     private toaster?;
     private nextId;
     private positionValue;

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

@@ -35,7 +35,6 @@ interface MxTourLabels {
     /** Texto do progresso, por exemplo "Passo 2 de 5". */
     progress: (current: number, total: number) => string;
 }
-declare const MX_TOUR_LABELS: MxTourLabels;
 interface MxTourOptions {
     /** Passo inicial (base 0). */
     startAt?: number;
@@ -65,7 +64,7 @@ declare class MxTourRef {
     readonly showDots: boolean;
     private resolve;
     private done;
-    constructor(steps: readonly MxTourStep[], options: MxTourOptions, onClose: (r: MxTourResult) => void);
+    constructor(steps: readonly MxTourStep[], options: MxTourOptions, onClose: (r: MxTourResult) => void, defaults?: MxTourLabels);
     get isOpen(): boolean;
     get isLast(): boolean;
     next(): void;
@@ -134,6 +133,7 @@ declare class MxTourPanel {
  */
 declare class MxTour {
     private readonly injector;
+    private readonly i18n;
     private readonly anchors;
     private overlayRef?;
     /** A visita em curso, ou null. */
@@ -159,5 +159,5 @@ declare class MxTourAnchor {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MxTourAnchor, "[mxTourAnchor]", ["mxTourAnchor"], { "name": { "alias": "mxTourAnchor"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { MX_TOUR_LABELS, MxTour, MxTourAnchor, MxTourPanel, MxTourRef };
+export { MxTour, MxTourAnchor, MxTourPanel, MxTourRef };
 export type { MxTourLabels, MxTourOptions, MxTourPlacement, MxTourResult, MxTourStep, MxTourStepContext, MxTourTarget };

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

@@ -1,3 +1,3 @@
-declare const MUXIMA_VERSION = "1.4.1";
+declare const MUXIMA_VERSION = "2.0.0";
 
 export { MUXIMA_VERSION };