@muxima-ui/core 1.4.0 → 1.5.0

package/README.md

@@ -68,6 +68,17 @@ Cada componente tem o seu ponto de entrada, para só importares o que usas:
 | `@muxima-ui/core/progress` | `MxProgress`, `MxSpinner` |
 | `@muxima-ui/core/skeleton` | `MxSkeleton` |
 | `@muxima-ui/core/toast` | `MxToast` |
+| `@muxima-ui/core/i18n` | `provideMuximaI18n`, `MxI18n`, `MX_MESSAGES_PT`, `MX_MESSAGES_EN`, `injectMxMessages` |
+
+Idiomas: os textos dos componentes vêm em português (por omissão na 1.x) e em inglês. Para escolher:
+
+```ts
+import { provideMuximaI18n } from '@muxima-ui/core/i18n';
+
+providers: [provideMuximaI18n({ locale: 'en' })]
+```
+
+`inject(MxI18n).setLocale('pt')` muda o idioma sem recarregar. A partir da 2.0 o inglês passa a ser o idioma por omissão.
 
 O editor de texto usa o Tiptap, que é opcional: só é preciso se importares `@muxima-ui/core/editor`.
 

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

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { input, booleanAttribute, Directive } from '@angular/core';
+import { injectMxMessages } from '@muxima-ui/core/i18n';
 
 /**
  * Mensagem destacada dentro da página.
@@ -42,15 +43,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
         }] });
 /** Botão de fechar do alerta. Esconder o alerta fica a cargo da aplicação (ex.: com @if). */
 class MxAlertClose {
-    label = input('Fechar aviso', { ...(ngDevMode ? { debugName: "label" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    label = input(undefined, { ...(ngDevMode ? { debugName: "label" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    i18n = injectMxMessages();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxAlertClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: MxAlertClose, isStandalone: true, selector: "button[mxAlertClose]", inputs: { label: { classPropertyName: "label", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, properties: { "attr.aria-label": "label()" }, classAttribute: "mx-alert-close" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: MxAlertClose, isStandalone: true, selector: "button[mxAlertClose]", inputs: { label: { classPropertyName: "label", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, properties: { "attr.aria-label": "label() ?? i18n().alert.close" }, classAttribute: "mx-alert-close" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxAlertClose, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[mxAlertClose]',
-                    host: { class: 'mx-alert-close', type: 'button', '[attr.aria-label]': 'label()' },
+                    host: { class: 'mx-alert-close', type: 'button', '[attr.aria-label]': 'label() ?? i18n().alert.close' },
                 }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }] } });
 const MX_ALERT = [MxAlert, MxAlertTitle, MxAlertClose];

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

@@ -1 +1 @@
-{"version":3,"file":"muxima-ui-core-alert.mjs","sources":["../../../projects/core/alert/alert.ts","../../../projects/core/alert/muxima-ui-core-alert.ts"],"sourcesContent":["import { Directive, booleanAttribute, input } from '@angular/core';\n\nexport type MxAlertVariant = 'info' | 'success' | 'warning' | 'danger';\n\n/**\n * Mensagem destacada dentro da página.\n *\n * ```html\n * <div mxAlert variant=\"warning\">\n *   <p mxAlertTitle>A sessão expira em 5 minutos</p>\n *   <p>Guarda o trabalho para não perderes alterações.</p>\n * </div>\n * ```\n *\n * Por omissão não interrompe o leitor de ecrã. Com `announce`, a mensagem é lida\n * assim que aparece (role=\"alert\"); usa-o só para mensagens que surgem após uma acção.\n */\n@Directive({\n  selector: '[mxAlert]',\n  exportAs: 'mxAlert',\n  host: {\n    class: 'mx-alert',\n    '[attr.data-variant]': 'variant()',\n    '[attr.role]': 'announce() ? \"alert\" : null',\n  },\n})\nexport class MxAlert {\n  readonly variant = input<MxAlertVariant>('info');\n  readonly announce = input(false, { transform: booleanAttribute });\n}\n\n@Directive({ selector: '[mxAlertTitle]', host: { class: 'mx-alert-title' } })\nexport class MxAlertTitle {}\n\n/** Botão de fechar do alerta. Esconder o alerta fica a cargo da aplicação (ex.: com @if). */\n@Directive({\n  selector: 'button[mxAlertClose]',\n  host: { class: 'mx-alert-close', type: 'button', '[attr.aria-label]': 'label()' },\n})\nexport class MxAlertClose {\n  readonly label = input('Fechar aviso', { alias: 'aria-label' });\n}\n\nexport const MX_ALERT = [MxAlert, MxAlertTitle, MxAlertClose] as const;\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-alert.mjs","sources":["../../../projects/core/alert/alert.ts","../../../projects/core/alert/muxima-ui-core-alert.ts"],"sourcesContent":["import { Directive, booleanAttribute, input } from '@angular/core';\nimport { injectMxMessages } from '@muxima-ui/core/i18n';\n\nexport type MxAlertVariant = 'info' | 'success' | 'warning' | 'danger';\n\n/**\n * Mensagem destacada dentro da página.\n *\n * ```html\n * <div mxAlert variant=\"warning\">\n *   <p mxAlertTitle>A sessão expira em 5 minutos</p>\n *   <p>Guarda o trabalho para não perderes alterações.</p>\n * </div>\n * ```\n *\n * Por omissão não interrompe o leitor de ecrã. Com `announce`, a mensagem é lida\n * assim que aparece (role=\"alert\"); usa-o só para mensagens que surgem após uma acção.\n */\n@Directive({\n  selector: '[mxAlert]',\n  exportAs: 'mxAlert',\n  host: {\n    class: 'mx-alert',\n    '[attr.data-variant]': 'variant()',\n    '[attr.role]': 'announce() ? \"alert\" : null',\n  },\n})\nexport class MxAlert {\n  readonly variant = input<MxAlertVariant>('info');\n  readonly announce = input(false, { transform: booleanAttribute });\n}\n\n@Directive({ selector: '[mxAlertTitle]', host: { class: 'mx-alert-title' } })\nexport class MxAlertTitle {}\n\n/** Botão de fechar do alerta. Esconder o alerta fica a cargo da aplicação (ex.: com @if). */\n@Directive({\n  selector: 'button[mxAlertClose]',\n  host: { class: 'mx-alert-close', type: 'button', '[attr.aria-label]': 'label() ?? i18n().alert.close' },\n})\nexport class MxAlertClose {\n  readonly label = input<string | undefined>(undefined, { alias: 'aria-label' });\n  protected readonly i18n = injectMxMessages();\n}\n\nexport const MX_ALERT = [MxAlert, MxAlertTitle, MxAlertClose] as const;\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-breadcrumb.mjs

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { input, Directive } from '@angular/core';
+import { injectMxMessages } from '@muxima-ui/core/i18n';
 
 /**
  * Migalhas: mostram onde a página está na hierarquia.
@@ -17,15 +18,16 @@ import { input, Directive } from '@angular/core';
  * Os separadores são desenhados em CSS, por isso o leitor de ecrã não os lê.
  */
 class MxBreadcrumb {
-    ariaLabel = input('Localização', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    i18n = injectMxMessages();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: MxBreadcrumb, isStandalone: true, selector: "nav[mxBreadcrumb]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "ariaLabel()" }, classAttribute: "mx-breadcrumb" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: MxBreadcrumb, isStandalone: true, selector: "nav[mxBreadcrumb]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "ariaLabel() ?? i18n().breadcrumb.label" }, classAttribute: "mx-breadcrumb" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxBreadcrumb, decorators: [{
             type: Directive,
             args: [{
                     selector: 'nav[mxBreadcrumb]',
-                    host: { class: 'mx-breadcrumb', '[attr.aria-label]': 'ariaLabel()' },
+                    host: { class: 'mx-breadcrumb', '[attr.aria-label]': 'ariaLabel() ?? i18n().breadcrumb.label' },
                 }]
         }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }] } });
 

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

@@ -1 +1 @@
-{"version":3,"file":"muxima-ui-core-breadcrumb.mjs","sources":["../../../projects/core/breadcrumb/breadcrumb.ts","../../../projects/core/breadcrumb/muxima-ui-core-breadcrumb.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\n\n/**\n * Migalhas: mostram onde a página está na hierarquia.\n *\n * ```html\n * <nav mxBreadcrumb>\n *   <ol>\n *     <li><a routerLink=\"/clientes\">Clientes</a></li>\n *     <li><a routerLink=\"/clientes/42\">Kianda Logística</a></li>\n *     <li><span aria-current=\"page\">Facturas</span></li>\n *   </ol>\n * </nav>\n * ```\n *\n * Os separadores são desenhados em CSS, por isso o leitor de ecrã não os lê.\n */\n@Directive({\n  selector: 'nav[mxBreadcrumb]',\n  host: { class: 'mx-breadcrumb', '[attr.aria-label]': 'ariaLabel()' },\n})\nexport class MxBreadcrumb {\n  readonly ariaLabel = input('Localização', { alias: 'aria-label' });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;;AAcG;MAKU,YAAY,CAAA;IACd,SAAS,GAAG,KAAK,CAAC,aAAa,iFAAI,KAAK,EAAE,YAAY,EAAA,CAAG;wGADvD,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,EAAA,cAAA,EAAA,eAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,aAAa,EAAE;AACrE,iBAAA;;;ACpBD;;AAEG;;"}
+{"version":3,"file":"muxima-ui-core-breadcrumb.mjs","sources":["../../../projects/core/breadcrumb/breadcrumb.ts","../../../projects/core/breadcrumb/muxima-ui-core-breadcrumb.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\nimport { injectMxMessages } from '@muxima-ui/core/i18n';\n\n/**\n * Migalhas: mostram onde a página está na hierarquia.\n *\n * ```html\n * <nav mxBreadcrumb>\n *   <ol>\n *     <li><a routerLink=\"/clientes\">Clientes</a></li>\n *     <li><a routerLink=\"/clientes/42\">Kianda Logística</a></li>\n *     <li><span aria-current=\"page\">Facturas</span></li>\n *   </ol>\n * </nav>\n * ```\n *\n * Os separadores são desenhados em CSS, por isso o leitor de ecrã não os lê.\n */\n@Directive({\n  selector: 'nav[mxBreadcrumb]',\n  host: { class: 'mx-breadcrumb', '[attr.aria-label]': 'ariaLabel() ?? i18n().breadcrumb.label' },\n})\nexport class MxBreadcrumb {\n  readonly ariaLabel = input<string | undefined>(undefined, { alias: 'aria-label' });\n  protected readonly i18n = injectMxMessages();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA;;;;;;;;;;;;;;AAcG;MAKU,YAAY,CAAA;IACd,SAAS,GAAG,KAAK,CAAqB,SAAS,iFAAI,KAAK,EAAE,YAAY,EAAA,CAAG;IAC/D,IAAI,GAAG,gBAAgB,EAAE;wGAFjC,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,wCAAA,EAAA,EAAA,cAAA,EAAA,eAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,wCAAwC,EAAE;AAChG,iBAAA;;;ACrBD;;AAEG;;"}

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

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { input, inject, forwardRef, ElementRef, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, model, numberAttribute, booleanAttribute, contentChildren, viewChild, signal, Injector, effect, afterNextRender, DestroyRef } from '@angular/core';
+import { injectMxMessages } from '@muxima-ui/core/i18n';
 
 /** Um diapositivo. O carrossel dá-lhe o nome "2 de 5" e tira do teclado os que não se vêem. */
 class MxCarouselSlide {
@@ -9,7 +10,7 @@ class MxCarouselSlide {
     el = inject(ElementRef).nativeElement;
     index = computed(() => this.carousel.slides().indexOf(this), ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCarouselSlide, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.25", type: MxCarouselSlide, isStandalone: true, selector: "mx-carousel-slide", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group", "aria-roledescription": "diapositivo" }, properties: { "attr.aria-label": "label() || carousel.slideLabel(index())", "attr.inert": "carousel.isVisible(index()) ? null : \"\"", "attr.aria-hidden": "carousel.isVisible(index()) ? null : \"true\"" }, classAttribute: "mx-carousel-slide" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.25", type: MxCarouselSlide, isStandalone: true, selector: "mx-carousel-slide", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "attr.aria-roledescription": "carousel.i18n().carousel.slide", "attr.aria-label": "label() || carousel.slideLabel(index())", "attr.inert": "carousel.isVisible(index()) ? null : \"\"", "attr.aria-hidden": "carousel.isVisible(index()) ? null : \"true\"" }, classAttribute: "mx-carousel-slide" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCarouselSlide, decorators: [{
             type: Component,
@@ -20,7 +21,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                     host: {
                         class: 'mx-carousel-slide',
                         role: 'group',
-                        'aria-roledescription': 'diapositivo',
+                        '[attr.aria-roledescription]': 'carousel.i18n().carousel.slide',
                         '[attr.aria-label]': 'label() || carousel.slideLabel(index())',
                         '[attr.inert]': 'carousel.isVisible(index()) ? null : ""',
                         '[attr.aria-hidden]': 'carousel.isVisible(index()) ? null : "true"',
@@ -55,8 +56,9 @@ class MxCarousel {
     indicators = input(true, { ...(ngDevMode ? { debugName: "indicators" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /** Botões anterior e seguinte. Sem eles, dá à pessoa outra forma de mudar ([(index)]). */
     controls = input(true, { ...(ngDevMode ? { debugName: "controls" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    prevLabel = input('Diapositivo anterior', ...(ngDevMode ? [{ debugName: "prevLabel" }] : /* istanbul ignore next */ []));
-    nextLabel = input('Diapositivo seguinte', ...(ngDevMode ? [{ debugName: "nextLabel" }] : /* istanbul ignore next */ []));
+    prevLabel = input(...(ngDevMode ? [undefined, { debugName: "prevLabel" }] : /* istanbul ignore next */ []));
+    nextLabel = input(...(ngDevMode ? [undefined, { debugName: "nextLabel" }] : /* istanbul ignore next */ []));
+    i18n = injectMxMessages();
     slides = contentChildren(MxCarouselSlide, ...(ngDevMode ? [{ debugName: "slides" }] : /* istanbul ignore next */ []));
     viewport = viewChild.required('viewport');
     reducedMotion = typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion: reduce)').matches;
@@ -99,7 +101,7 @@ class MxCarousel {
         inject(DestroyRef).onDestroy(() => cancelAnimationFrame(this.scrollFrame));
     }
     slideLabel(i) {
-        return `${i + 1} de ${this.slides().length}`;
+        return this.i18n().carousel.position(i + 1, this.slides().length);
     }
     isVisible(i) {
         const start = this.index();
@@ -166,13 +168,13 @@ class MxCarousel {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCarousel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: MxCarousel, isStandalone: true, selector: "mx-carousel", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, perView: { classPropertyName: "perView", publicName: "perView", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, autoplay: { classPropertyName: "autoplay", publicName: "autoplay", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, indicators: { classPropertyName: "indicators", publicName: "indicators", isSignal: true, isRequired: false, transformFunction: null }, controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null }, prevLabel: { classPropertyName: "prevLabel", publicName: "prevLabel", isSignal: true, isRequired: false, transformFunction: null }, nextLabel: { classPropertyName: "nextLabel", publicName: "nextLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { index: "indexChange" }, host: { attributes: { "role": "region", "aria-roledescription": "carrossel" }, listeners: { "mouseenter": "hovering.set(true)", "mouseleave": "hovering.set(false)", "focusin": "focused.set(true)", "focusout": "onFocusOut($event)" }, properties: { "attr.data-indicators": "indicators() ? \"\" : null", "style.--mx-carousel-per-view": "perView()", "style.--mx-carousel-gap.px": "gap()" }, classAttribute: "mx-carousel" }, queries: [{ propertyName: "slides", predicate: MxCarouselSlide, isSignal: true }], viewQueries: [{ propertyName: "viewport", first: true, predicate: ["viewport"], descendants: true, isSignal: true }], exportAs: ["mxCarousel"], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: MxCarousel, isStandalone: true, selector: "mx-carousel", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, perView: { classPropertyName: "perView", publicName: "perView", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, autoplay: { classPropertyName: "autoplay", publicName: "autoplay", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, indicators: { classPropertyName: "indicators", publicName: "indicators", isSignal: true, isRequired: false, transformFunction: null }, controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null }, prevLabel: { classPropertyName: "prevLabel", publicName: "prevLabel", isSignal: true, isRequired: false, transformFunction: null }, nextLabel: { classPropertyName: "nextLabel", publicName: "nextLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { index: "indexChange" }, host: { attributes: { "role": "region" }, listeners: { "mouseenter": "hovering.set(true)", "mouseleave": "hovering.set(false)", "focusin": "focused.set(true)", "focusout": "onFocusOut($event)" }, properties: { "attr.aria-roledescription": "i18n().carousel.carousel", "attr.data-indicators": "indicators() ? \"\" : null", "style.--mx-carousel-per-view": "perView()", "style.--mx-carousel-gap.px": "gap()" }, classAttribute: "mx-carousel" }, queries: [{ propertyName: "slides", predicate: MxCarouselSlide, isSignal: true }], viewQueries: [{ propertyName: "viewport", first: true, predicate: ["viewport"], descendants: true, isSignal: true }], exportAs: ["mxCarousel"], ngImport: i0, template: `
     @if (autoplay()) {
       <button
         type="button"
         class="mx-carousel-play"
         [attr.aria-label]="
-          playing() ? 'Parar a rotação automática' : 'Iniciar a rotação automática'
+          playing() ? i18n().carousel.pause : i18n().carousel.play
         "
         (click)="togglePlay()"
       >
@@ -205,7 +207,7 @@ class MxCarousel {
             type="button"
             class="mx-carousel-button mx-carousel-prev"
             [disabled]="!loop() && index() === 0"
-            [attr.aria-label]="prevLabel()"
+            [attr.aria-label]="prevLabel() ?? i18n().carousel.previous"
             (click)="prev()"
           >
             <svg viewBox="0 0 16 16" aria-hidden="true">
@@ -221,12 +223,12 @@ class MxCarousel {
           </button>
         }
         @if (indicators()) {
-          <div class="mx-carousel-dots" role="group" aria-label="Escolher diapositivo">
+          <div class="mx-carousel-dots" role="group" [attr.aria-label]="i18n().carousel.choose">
             @for (p of pages(); track p) {
               <button
                 type="button"
                 class="mx-carousel-dot"
-                [attr.aria-label]="'Diapositivo ' + (p + 1)"
+                [attr.aria-label]="i18n().carousel.goTo(p + 1)"
                 [attr.aria-current]="p === index() ? 'true' : null"
                 (click)="go(p)"
               ></button>
@@ -238,7 +240,7 @@ class MxCarousel {
             type="button"
             class="mx-carousel-button mx-carousel-next"
             [disabled]="!loop() && index() >= lastIndex()"
-            [attr.aria-label]="nextLabel()"
+            [attr.aria-label]="nextLabel() ?? i18n().carousel.next"
             (click)="next()"
           >
             <svg viewBox="0 0 16 16" aria-hidden="true">
@@ -267,7 +269,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                     host: {
                         class: 'mx-carousel',
                         role: 'region',
-                        'aria-roledescription': 'carrossel',
+                        '[attr.aria-roledescription]': 'i18n().carousel.carousel',
                         '[attr.data-indicators]': 'indicators() ? "" : null',
                         '[style.--mx-carousel-per-view]': 'perView()',
                         '[style.--mx-carousel-gap.px]': 'gap()',
@@ -282,7 +284,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
         type="button"
         class="mx-carousel-play"
         [attr.aria-label]="
-          playing() ? 'Parar a rotação automática' : 'Iniciar a rotação automática'
+          playing() ? i18n().carousel.pause : i18n().carousel.play
         "
         (click)="togglePlay()"
       >
@@ -315,7 +317,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
             type="button"
             class="mx-carousel-button mx-carousel-prev"
             [disabled]="!loop() && index() === 0"
-            [attr.aria-label]="prevLabel()"
+            [attr.aria-label]="prevLabel() ?? i18n().carousel.previous"
             (click)="prev()"
           >
             <svg viewBox="0 0 16 16" aria-hidden="true">
@@ -331,12 +333,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
           </button>
         }
         @if (indicators()) {
-          <div class="mx-carousel-dots" role="group" aria-label="Escolher diapositivo">
+          <div class="mx-carousel-dots" role="group" [attr.aria-label]="i18n().carousel.choose">
             @for (p of pages(); track p) {
               <button
                 type="button"
                 class="mx-carousel-dot"
-                [attr.aria-label]="'Diapositivo ' + (p + 1)"
+                [attr.aria-label]="i18n().carousel.goTo(p + 1)"
                 [attr.aria-current]="p === index() ? 'true' : null"
                 (click)="go(p)"
               ></button>
@@ -348,7 +350,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
             type="button"
             class="mx-carousel-button mx-carousel-next"
             [disabled]="!loop() && index() >= lastIndex()"
-            [attr.aria-label]="nextLabel()"
+            [attr.aria-label]="nextLabel() ?? i18n().carousel.next"
             (click)="next()"
           >
             <svg viewBox="0 0 16 16" aria-hidden="true">

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

@@ -1 +1 @@
-{"version":3,"file":"muxima-ui-core-carousel.mjs","sources":["../../../projects/core/carousel/carousel.ts","../../../projects/core/carousel/muxima-ui-core-carousel.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  Injector,\n  ViewEncapsulation,\n  afterNextRender,\n  booleanAttribute,\n  computed,\n  contentChildren,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  model,\n  numberAttribute,\n  signal,\n  viewChild,\n} from '@angular/core';\n\n/** Um diapositivo. O carrossel dá-lhe o nome \"2 de 5\" e tira do teclado os que não se vêem. */\n@Component({\n  selector: 'mx-carousel-slide',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-carousel-slide',\n    role: 'group',\n    'aria-roledescription': 'diapositivo',\n    '[attr.aria-label]': 'label() || carousel.slideLabel(index())',\n    '[attr.inert]': 'carousel.isVisible(index()) ? null : \"\"',\n    '[attr.aria-hidden]': 'carousel.isVisible(index()) ? null : \"true\"',\n  },\n  template: `<ng-content />`,\n})\nexport class MxCarouselSlide {\n  /** Nome próprio do diapositivo; por omissão \"2 de 5\". */\n  readonly label = input('');\n  protected readonly carousel = inject(forwardRef(() => MxCarousel));\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  protected readonly index = computed(() => this.carousel.slides().indexOf(this));\n}\n\n/**\n * Carrossel acessível (padrão WAI-ARIA Carousel): botões anterior e seguinte, indicadores,\n * deslizar com o dedo (scroll nativo com snap) e, opcionalmente, rotação automática com\n * botão de pausa. A rotação pára com o rato ou o foco dentro e não arranca com\n * \"reduzir movimento\" activo.\n *\n * ```html\n * <mx-carousel aria-label=\"Novidades\" [perView]=\"1\" [autoplay]=\"6000\">\n *   <mx-carousel-slide>...</mx-carousel-slide>\n *   <mx-carousel-slide>...</mx-carousel-slide>\n * </mx-carousel>\n * ```\n */\n@Component({\n  selector: 'mx-carousel',\n  exportAs: 'mxCarousel',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-carousel',\n    role: 'region',\n    'aria-roledescription': 'carrossel',\n    '[attr.data-indicators]': 'indicators() ? \"\" : null',\n    '[style.--mx-carousel-per-view]': 'perView()',\n    '[style.--mx-carousel-gap.px]': 'gap()',\n    '(mouseenter)': 'hovering.set(true)',\n    '(mouseleave)': 'hovering.set(false)',\n    '(focusin)': 'focused.set(true)',\n    '(focusout)': 'onFocusOut($event)',\n  },\n  template: `\n    @if (autoplay()) {\n      <button\n        type=\"button\"\n        class=\"mx-carousel-play\"\n        [attr.aria-label]=\"\n          playing() ? 'Parar a rotação automática' : 'Iniciar a rotação automática'\n        \"\n        (click)=\"togglePlay()\"\n      >\n        @if (playing()) {\n          <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n            <path\n              d=\"M5.5 3.5v9M10.5 3.5v9\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.6\"\n              stroke-linecap=\"round\"\n            />\n          </svg>\n        } @else {\n          <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n            <path d=\"M5 3.5l7 4.5-7 4.5z\" fill=\"currentColor\" />\n          </svg>\n        }\n      </button>\n    }\n    <div class=\"mx-carousel-viewport\" #viewport (scroll)=\"onScroll()\">\n      <div class=\"mx-carousel-track\" [attr.aria-live]=\"running() ? 'off' : 'polite'\">\n        <ng-content />\n      </div>\n    </div>\n    @if (controls() || indicators()) {\n      <div class=\"mx-carousel-nav\">\n        @if (controls()) {\n          <button\n            type=\"button\"\n            class=\"mx-carousel-button mx-carousel-prev\"\n            [disabled]=\"!loop() && index() === 0\"\n            [attr.aria-label]=\"prevLabel()\"\n            (click)=\"prev()\"\n          >\n            <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n              <path\n                d=\"M10 4L6 8l4 4\"\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 (indicators()) {\n          <div class=\"mx-carousel-dots\" role=\"group\" aria-label=\"Escolher diapositivo\">\n            @for (p of pages(); track p) {\n              <button\n                type=\"button\"\n                class=\"mx-carousel-dot\"\n                [attr.aria-label]=\"'Diapositivo ' + (p + 1)\"\n                [attr.aria-current]=\"p === index() ? 'true' : null\"\n                (click)=\"go(p)\"\n              ></button>\n            }\n          </div>\n        }\n        @if (controls()) {\n          <button\n            type=\"button\"\n            class=\"mx-carousel-button mx-carousel-next\"\n            [disabled]=\"!loop() && index() >= lastIndex()\"\n            [attr.aria-label]=\"nextLabel()\"\n            (click)=\"next()\"\n          >\n            <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n              <path\n                d=\"M6 4l4 4-4 4\"\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      </div>\n    }\n  `,\n})\nexport class MxCarousel {\n  /** Índice do primeiro diapositivo visível. */\n  readonly index = model(0);\n  /** Diapositivos visíveis de cada vez. */\n  readonly perView = input(1, { transform: numberAttribute });\n  /** Espaço entre diapositivos, em px. */\n  readonly gap = input(16, { transform: numberAttribute });\n  /** Ms entre diapositivos; 0 = sem rotação automática. */\n  readonly autoplay = input(0, { transform: numberAttribute });\n  /** Depois do último volta ao primeiro. */\n  readonly loop = input(false, { transform: booleanAttribute });\n  readonly indicators = input(true, { transform: booleanAttribute });\n  /** Botões anterior e seguinte. Sem eles, dá à pessoa outra forma de mudar ([(index)]). */\n  readonly controls = input(true, { transform: booleanAttribute });\n  readonly prevLabel = input('Diapositivo anterior');\n  readonly nextLabel = input('Diapositivo seguinte');\n\n  readonly slides = contentChildren(MxCarouselSlide);\n  private readonly viewport = viewChild.required<ElementRef<HTMLElement>>('viewport');\n  private readonly reducedMotion =\n    typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  protected readonly hovering = signal(false);\n  protected readonly focused = signal(false);\n  /** Rotação ligada pela pessoa (botão de pausa). */\n  readonly playing = signal(true);\n  /** A rodar agora: ligada, sem rato nem foco dentro, e sem reduzir movimento. */\n  protected readonly running = computed(\n    () =>\n      !!this.autoplay() &&\n      this.playing() &&\n      !this.hovering() &&\n      !this.focused() &&\n      !this.reducedMotion,\n  );\n  protected readonly lastIndex = computed(() => Math.max(0, this.slides().length - this.perView()));\n  protected readonly pages = computed(() =>\n    Array.from({ length: this.lastIndex() + 1 }, (_, i) => i),\n  );\n  private scrollFrame = 0;\n  private scrolling = false;\n  /** O índice mudou porque a pessoa deslizou: não volta a mexer no scroll. */\n  private fromScroll = false;\n  private readonly injector = inject(Injector);\n\n  constructor() {\n    if (this.reducedMotion) this.playing.set(false);\n    effect((onCleanup) => {\n      if (!this.running()) return;\n      const t = setInterval(() => this.next(true), this.autoplay());\n      onCleanup(() => clearInterval(t));\n    });\n    // o índice pode mudar por [(index)]: alinha o scroll\n    effect(() => {\n      const i = this.index();\n      if (this.fromScroll) {\n        this.fromScroll = false;\n        return;\n      }\n      if (!this.scrolling)\n        afterNextRender(() => this.scrollTo(i, false), { injector: this.injector });\n    });\n    inject(DestroyRef).onDestroy(() => cancelAnimationFrame(this.scrollFrame));\n  }\n\n  slideLabel(i: number): string {\n    return `${i + 1} de ${this.slides().length}`;\n  }\n  isVisible(i: number): boolean {\n    const start = this.index();\n    return i >= start && i < start + this.perView();\n  }\n\n  go(i: number): void {\n    const target = Math.min(Math.max(i, 0), this.lastIndex());\n    this.index.set(target);\n    this.scrollTo(target, true);\n  }\n  next(auto = false): void {\n    if (this.index() >= this.lastIndex()) {\n      if (this.loop() || auto) this.go(0);\n      return;\n    }\n    this.go(this.index() + 1);\n  }\n  prev(): void {\n    if (this.index() === 0) {\n      if (this.loop()) this.go(this.lastIndex());\n      return;\n    }\n    this.go(this.index() - 1);\n  }\n  togglePlay(): void {\n    this.playing.update((p) => !p);\n  }\n\n  protected onFocusOut(event: FocusEvent): void {\n    const host = this.viewport().nativeElement.parentElement!;\n    if (!host.contains(event.relatedTarget as Node)) this.focused.set(false);\n  }\n\n  private scrollTo(i: number, smooth: boolean): void {\n    const vp = this.viewport().nativeElement;\n    const slide = this.slides()[i]?.el;\n    if (!slide) return;\n    this.scrolling = true;\n    const first = this.slides()[0].el;\n    const left = slide.offsetLeft - first.offsetLeft;\n    if (typeof vp.scrollTo === 'function')\n      vp.scrollTo({ left, behavior: smooth && !this.reducedMotion ? 'smooth' : 'auto' });\n    else vp.scrollLeft = left;\n    setTimeout(() => (this.scrolling = false), smooth ? 450 : 0);\n  }\n\n  protected onScroll(): void {\n    if (this.scrolling) return;\n    cancelAnimationFrame(this.scrollFrame);\n    this.scrollFrame = requestAnimationFrame(() => {\n      const vp = this.viewport().nativeElement;\n      const slides = this.slides();\n      if (!slides.length) return;\n      const step =\n        slides.length > 1 ? slides[1].el.offsetLeft - slides[0].el.offsetLeft : vp.clientWidth;\n      const i = Math.min(Math.round(vp.scrollLeft / step), this.lastIndex());\n      if (i !== this.index()) {\n        this.fromScroll = true;\n        this.index.set(i);\n      }\n    });\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-carousel.mjs","sources":["../../../projects/core/carousel/carousel.ts","../../../projects/core/carousel/muxima-ui-core-carousel.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  Injector,\n  ViewEncapsulation,\n  afterNextRender,\n  booleanAttribute,\n  computed,\n  contentChildren,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  model,\n  numberAttribute,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { injectMxMessages } from '@muxima-ui/core/i18n';\n\n/** Um diapositivo. O carrossel dá-lhe o nome \"2 de 5\" e tira do teclado os que não se vêem. */\n@Component({\n  selector: 'mx-carousel-slide',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-carousel-slide',\n    role: 'group',\n    '[attr.aria-roledescription]': 'carousel.i18n().carousel.slide',\n    '[attr.aria-label]': 'label() || carousel.slideLabel(index())',\n    '[attr.inert]': 'carousel.isVisible(index()) ? null : \"\"',\n    '[attr.aria-hidden]': 'carousel.isVisible(index()) ? null : \"true\"',\n  },\n  template: `<ng-content />`,\n})\nexport class MxCarouselSlide {\n  /** Nome próprio do diapositivo; por omissão \"2 de 5\". */\n  readonly label = input('');\n  protected readonly carousel = inject(forwardRef(() => MxCarousel));\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  protected readonly index = computed(() => this.carousel.slides().indexOf(this));\n}\n\n/**\n * Carrossel acessível (padrão WAI-ARIA Carousel): botões anterior e seguinte, indicadores,\n * deslizar com o dedo (scroll nativo com snap) e, opcionalmente, rotação automática com\n * botão de pausa. A rotação pára com o rato ou o foco dentro e não arranca com\n * \"reduzir movimento\" activo.\n *\n * ```html\n * <mx-carousel aria-label=\"Novidades\" [perView]=\"1\" [autoplay]=\"6000\">\n *   <mx-carousel-slide>...</mx-carousel-slide>\n *   <mx-carousel-slide>...</mx-carousel-slide>\n * </mx-carousel>\n * ```\n */\n@Component({\n  selector: 'mx-carousel',\n  exportAs: 'mxCarousel',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-carousel',\n    role: 'region',\n    '[attr.aria-roledescription]': 'i18n().carousel.carousel',\n    '[attr.data-indicators]': 'indicators() ? \"\" : null',\n    '[style.--mx-carousel-per-view]': 'perView()',\n    '[style.--mx-carousel-gap.px]': 'gap()',\n    '(mouseenter)': 'hovering.set(true)',\n    '(mouseleave)': 'hovering.set(false)',\n    '(focusin)': 'focused.set(true)',\n    '(focusout)': 'onFocusOut($event)',\n  },\n  template: `\n    @if (autoplay()) {\n      <button\n        type=\"button\"\n        class=\"mx-carousel-play\"\n        [attr.aria-label]=\"\n          playing() ? i18n().carousel.pause : i18n().carousel.play\n        \"\n        (click)=\"togglePlay()\"\n      >\n        @if (playing()) {\n          <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n            <path\n              d=\"M5.5 3.5v9M10.5 3.5v9\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.6\"\n              stroke-linecap=\"round\"\n            />\n          </svg>\n        } @else {\n          <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n            <path d=\"M5 3.5l7 4.5-7 4.5z\" fill=\"currentColor\" />\n          </svg>\n        }\n      </button>\n    }\n    <div class=\"mx-carousel-viewport\" #viewport (scroll)=\"onScroll()\">\n      <div class=\"mx-carousel-track\" [attr.aria-live]=\"running() ? 'off' : 'polite'\">\n        <ng-content />\n      </div>\n    </div>\n    @if (controls() || indicators()) {\n      <div class=\"mx-carousel-nav\">\n        @if (controls()) {\n          <button\n            type=\"button\"\n            class=\"mx-carousel-button mx-carousel-prev\"\n            [disabled]=\"!loop() && index() === 0\"\n            [attr.aria-label]=\"prevLabel() ?? i18n().carousel.previous\"\n            (click)=\"prev()\"\n          >\n            <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n              <path\n                d=\"M10 4L6 8l4 4\"\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 (indicators()) {\n          <div class=\"mx-carousel-dots\" role=\"group\" [attr.aria-label]=\"i18n().carousel.choose\">\n            @for (p of pages(); track p) {\n              <button\n                type=\"button\"\n                class=\"mx-carousel-dot\"\n                [attr.aria-label]=\"i18n().carousel.goTo(p + 1)\"\n                [attr.aria-current]=\"p === index() ? 'true' : null\"\n                (click)=\"go(p)\"\n              ></button>\n            }\n          </div>\n        }\n        @if (controls()) {\n          <button\n            type=\"button\"\n            class=\"mx-carousel-button mx-carousel-next\"\n            [disabled]=\"!loop() && index() >= lastIndex()\"\n            [attr.aria-label]=\"nextLabel() ?? i18n().carousel.next\"\n            (click)=\"next()\"\n          >\n            <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n              <path\n                d=\"M6 4l4 4-4 4\"\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      </div>\n    }\n  `,\n})\nexport class MxCarousel {\n  /** Índice do primeiro diapositivo visível. */\n  readonly index = model(0);\n  /** Diapositivos visíveis de cada vez. */\n  readonly perView = input(1, { transform: numberAttribute });\n  /** Espaço entre diapositivos, em px. */\n  readonly gap = input(16, { transform: numberAttribute });\n  /** Ms entre diapositivos; 0 = sem rotação automática. */\n  readonly autoplay = input(0, { transform: numberAttribute });\n  /** Depois do último volta ao primeiro. */\n  readonly loop = input(false, { transform: booleanAttribute });\n  readonly indicators = input(true, { transform: booleanAttribute });\n  /** Botões anterior e seguinte. Sem eles, dá à pessoa outra forma de mudar ([(index)]). */\n  readonly controls = input(true, { transform: booleanAttribute });\n  readonly prevLabel = input<string>();\n  readonly nextLabel = input<string>();\n  readonly i18n = injectMxMessages();\n\n  readonly slides = contentChildren(MxCarouselSlide);\n  private readonly viewport = viewChild.required<ElementRef<HTMLElement>>('viewport');\n  private readonly reducedMotion =\n    typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  protected readonly hovering = signal(false);\n  protected readonly focused = signal(false);\n  /** Rotação ligada pela pessoa (botão de pausa). */\n  readonly playing = signal(true);\n  /** A rodar agora: ligada, sem rato nem foco dentro, e sem reduzir movimento. */\n  protected readonly running = computed(\n    () =>\n      !!this.autoplay() &&\n      this.playing() &&\n      !this.hovering() &&\n      !this.focused() &&\n      !this.reducedMotion,\n  );\n  protected readonly lastIndex = computed(() => Math.max(0, this.slides().length - this.perView()));\n  protected readonly pages = computed(() =>\n    Array.from({ length: this.lastIndex() + 1 }, (_, i) => i),\n  );\n  private scrollFrame = 0;\n  private scrolling = false;\n  /** O índice mudou porque a pessoa deslizou: não volta a mexer no scroll. */\n  private fromScroll = false;\n  private readonly injector = inject(Injector);\n\n  constructor() {\n    if (this.reducedMotion) this.playing.set(false);\n    effect((onCleanup) => {\n      if (!this.running()) return;\n      const t = setInterval(() => this.next(true), this.autoplay());\n      onCleanup(() => clearInterval(t));\n    });\n    // o índice pode mudar por [(index)]: alinha o scroll\n    effect(() => {\n      const i = this.index();\n      if (this.fromScroll) {\n        this.fromScroll = false;\n        return;\n      }\n      if (!this.scrolling)\n        afterNextRender(() => this.scrollTo(i, false), { injector: this.injector });\n    });\n    inject(DestroyRef).onDestroy(() => cancelAnimationFrame(this.scrollFrame));\n  }\n\n  slideLabel(i: number): string {\n    return this.i18n().carousel.position(i + 1, this.slides().length);\n  }\n  isVisible(i: number): boolean {\n    const start = this.index();\n    return i >= start && i < start + this.perView();\n  }\n\n  go(i: number): void {\n    const target = Math.min(Math.max(i, 0), this.lastIndex());\n    this.index.set(target);\n    this.scrollTo(target, true);\n  }\n  next(auto = false): void {\n    if (this.index() >= this.lastIndex()) {\n      if (this.loop() || auto) this.go(0);\n      return;\n    }\n    this.go(this.index() + 1);\n  }\n  prev(): void {\n    if (this.index() === 0) {\n      if (this.loop()) this.go(this.lastIndex());\n      return;\n    }\n    this.go(this.index() - 1);\n  }\n  togglePlay(): void {\n    this.playing.update((p) => !p);\n  }\n\n  protected onFocusOut(event: FocusEvent): void {\n    const host = this.viewport().nativeElement.parentElement!;\n    if (!host.contains(event.relatedTarget as Node)) this.focused.set(false);\n  }\n\n  private scrollTo(i: number, smooth: boolean): void {\n    const vp = this.viewport().nativeElement;\n    const slide = this.slides()[i]?.el;\n    if (!slide) return;\n    this.scrolling = true;\n    const first = this.slides()[0].el;\n    const left = slide.offsetLeft - first.offsetLeft;\n    if (typeof vp.scrollTo === 'function')\n      vp.scrollTo({ left, behavior: smooth && !this.reducedMotion ? 'smooth' : 'auto' });\n    else vp.scrollLeft = left;\n    setTimeout(() => (this.scrolling = false), smooth ? 450 : 0);\n  }\n\n  protected onScroll(): void {\n    if (this.scrolling) return;\n    cancelAnimationFrame(this.scrollFrame);\n    this.scrollFrame = requestAnimationFrame(() => {\n      const vp = this.viewport().nativeElement;\n      const slides = this.slides();\n      if (!slides.length) return;\n      const step =\n        slides.length > 1 ? slides[1].el.offsetLeft - slides[0].el.offsetLeft : vp.clientWidth;\n      const i = Math.min(Math.round(vp.scrollLeft / step), this.lastIndex());\n      if (i !== this.index()) {\n        this.fromScroll = true;\n        this.index.set(i);\n      }\n    });\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-chips.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
-import { input, booleanAttribute, output, viewChild, signal, afterRenderEffect, ViewEncapsulation, ChangeDetectionStrategy, Component, model, Directive, numberAttribute, inject, ElementRef, Injector, computed, afterNextRender } from '@angular/core';
+import { input, booleanAttribute, output, computed, viewChild, signal, afterRenderEffect, ViewEncapsulation, ChangeDetectionStrategy, Component, model, Directive, numberAttribute, inject, ElementRef, Injector, afterNextRender } from '@angular/core';
 import { LiveAnnouncer } from '@angular/cdk/a11y';
+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';
 
@@ -21,8 +22,10 @@ class MxChip {
     variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     /** Verbo do botão de remover, seguido do texto do chip. */
-    removeLabel = input('Remover', ...(ngDevMode ? [{ debugName: "removeLabel" }] : /* istanbul ignore next */ []));
+    removeLabel = input(...(ngDevMode ? [undefined, { debugName: "removeLabel" }] : /* istanbul ignore next */ []));
     removed = output();
+    msg = computed(() => this.i18n().chips, ...(ngDevMode ? [{ debugName: "msg" }] : /* istanbul ignore next */ []));
+    i18n = injectMxMessages();
     label = viewChild.required('label');
     text = signal('', ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
     constructor() {
@@ -36,7 +39,7 @@ class MxChip {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: MxChip, isStandalone: true, selector: "mx-chip", inputs: { removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, removeLabel: { classPropertyName: "removeLabel", publicName: "removeLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removed: "removed" }, host: { properties: { "attr.data-variant": "variant() === \"default\" ? null : variant()", "attr.data-size": "size() === \"md\" ? null : size()", "attr.data-disabled": "disabled() ? \"\" : null" }, classAttribute: "mx-chip" }, viewQueries: [{ propertyName: "label", first: true, predicate: ["label"], descendants: true, isSignal: true }], exportAs: ["mxChip"], ngImport: i0, template: `
     <span class="mx-chip-label" #label><ng-content /></span>
     @if (removable()) {
-      <button type="button" class="mx-chip-remove" [disabled]="disabled()" [attr.aria-label]="removeLabel() + ' ' + text()" (click)="removed.emit()">
+      <button type="button" class="mx-chip-remove" [disabled]="disabled()" [attr.aria-label]="(removeLabel() ?? msg().remove) + ' ' + text()" (click)="removed.emit()">
         <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M4.5 4.5l7 7M11.5 4.5l-7 7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /></svg>
       </button>
     }
@@ -58,7 +61,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                     template: `
     <span class="mx-chip-label" #label><ng-content /></span>
     @if (removable()) {
-      <button type="button" class="mx-chip-remove" [disabled]="disabled()" [attr.aria-label]="removeLabel() + ' ' + text()" (click)="removed.emit()">
+      <button type="button" class="mx-chip-remove" [disabled]="disabled()" [attr.aria-label]="(removeLabel() ?? msg().remove) + ' ' + text()" (click)="removed.emit()">
         <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M4.5 4.5l7 7M11.5 4.5l-7 7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /></svg>
       </button>
     }
@@ -117,8 +120,8 @@ class MxTagInput {
     /** Valida cada etiqueta antes de a acrescentar (ex.: email). Devolve a mensagem de erro ou null. */
     validate = input(() => null, ...(ngDevMode ? [{ debugName: "validate" }] : /* istanbul ignore next */ []));
     /** Nome da lista para o leitor de ecrã. */
-    listLabel = input('Etiquetas', ...(ngDevMode ? [{ debugName: "listLabel" }] : /* istanbul ignore next */ []));
-    helpText = input('Enter para acrescentar. Backspace no campo vazio vai para a última etiqueta.', ...(ngDevMode ? [{ debugName: "helpText" }] : /* istanbul ignore next */ []));
+    listLabel = input(...(ngDevMode ? [undefined, { debugName: "listLabel" }] : /* istanbul ignore next */ []));
+    helpText = input(...(ngDevMode ? [undefined, { debugName: "helpText" }] : /* istanbul ignore next */ []));
     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 });
@@ -130,6 +133,8 @@ class MxTagInput {
     field = inject(MxFormField, { optional: true });
     ngControl = inject(NgControl, { self: true, optional: true });
     announcer = inject(LiveAnnouncer);
+    i18n = injectMxMessages();
+    msg = computed(() => this.i18n().chips, ...(ngDevMode ? [{ debugName: "msg" }] : /* istanbul ignore next */ []));
     host = inject(ElementRef).nativeElement;
     input = viewChild.required('input');
     injector = inject(Injector);
@@ -158,20 +163,20 @@ class MxTagInput {
             return false;
         };
         if (this.tags().length >= this.maxTags())
-            return reject(`Máximo de ${this.maxTags()} etiquetas.`);
+            return reject(this.msg().max(this.maxTags()));
         if (!this.allowDuplicates() && this.tags().some((t) => t.toLocaleLowerCase() === tag.toLocaleLowerCase()))
-            return reject(`${tag} já está na lista.`);
+            return reject(this.msg().duplicate(tag));
         const error = this.validate()(tag);
         if (error)
             return reject(error);
         this.update([...this.tags(), tag]);
-        this.announcer.announce(`${tag} acrescentado.`);
+        this.announcer.announce(this.msg().added(tag));
         return true;
     }
     remove(index) {
         const tag = this.tags()[index];
         this.update(this.tags().filter((_, i) => i !== index));
-        this.announcer.announce(`${tag} removido.`);
+        this.announcer.announce(this.msg().removed(tag));
         // o foco passa para a etiqueta seguinte, ou para o campo
         afterNextRender(() => {
             const chips = this.host.querySelectorAll('.mx-chip-remove');
@@ -262,7 +267,7 @@ class MxTagInput {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxTagInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: MxTagInput, isStandalone: true, selector: "mx-tag-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, separators: { classPropertyName: "separators", publicName: "separators", isSignal: true, isRequired: false, transformFunction: null }, maxTags: { classPropertyName: "maxTags", publicName: "maxTags", isSignal: true, isRequired: false, transformFunction: null }, allowDuplicates: { classPropertyName: "allowDuplicates", publicName: "allowDuplicates", isSignal: true, isRequired: false, transformFunction: null }, validate: { classPropertyName: "validate", publicName: "validate", isSignal: true, isRequired: false, transformFunction: null }, listLabel: { classPropertyName: "listLabel", publicName: "listLabel", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", rejected: "rejected" }, host: { listeners: { "click": "focusInput($event)" }, properties: { "attr.data-size": "size() === \"md\" ? null : size()", "attr.data-invalid": "errorState() ? \"\" : null", "attr.data-disabled": "isDisabled() ? \"\" : null", "attr.aria-label": "null" }, classAttribute: "mx-tag-input" }, providers: [{ provide: MX_FORM_FIELD_CONTROL, useExisting: MxTagInput }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, isSignal: true }], exportAs: ["mxTagInput"], ngImport: i0, template: `
     @if (tags().length) {
-      <ul class="mx-tag-input-list" [attr.aria-label]="listLabel()">
+      <ul class="mx-tag-input-list" [attr.aria-label]="listLabel() ?? msg().list">
         @for (t of tags(); track t; let i = $index) {
           <li>
             <mx-chip size="sm" [removable]="!isDisabled()" (removed)="remove(i)" (keydown)="onChipKey($event, i)">{{ t }}</mx-chip>
@@ -288,7 +293,7 @@ class MxTagInput {
       (blur)="onBlur()"
       (paste)="onPaste($event)"
     />
-    <span class="mx-visually-hidden" [id]="helpId">{{ helpText() }}</span>
+    <span class="mx-visually-hidden" [id]="helpId">{{ helpText() ?? msg().help }}</span>
   `, isInline: true, dependencies: [{ kind: "component", type: MxChip, selector: "mx-chip", inputs: ["removable", "disabled", "variant", "size", "removeLabel"], outputs: ["removed"], exportAs: ["mxChip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxTagInput, decorators: [{
@@ -310,7 +315,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                     },
                     template: `
     @if (tags().length) {
-      <ul class="mx-tag-input-list" [attr.aria-label]="listLabel()">
+      <ul class="mx-tag-input-list" [attr.aria-label]="listLabel() ?? msg().list">
         @for (t of tags(); track t; let i = $index) {
           <li>
             <mx-chip size="sm" [removable]="!isDisabled()" (removed)="remove(i)" (keydown)="onChipKey($event, i)">{{ t }}</mx-chip>
@@ -336,7 +341,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
       (blur)="onBlur()"
       (paste)="onPaste($event)"
     />
-    <span class="mx-visually-hidden" [id]="helpId">{{ helpText() }}</span>
+    <span class="mx-visually-hidden" [id]="helpId">{{ helpText() ?? msg().help }}</span>
   `,
                 }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], separators: [{ type: i0.Input, args: [{ isSignal: true, alias: "separators", required: false }] }], maxTags: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxTags", required: false }] }], allowDuplicates: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowDuplicates", required: false }] }], validate: [{ type: i0.Input, args: [{ isSignal: true, alias: "validate", required: false }] }], listLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "listLabel", required: false }] }], helpText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpText", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], rejected: [{ type: i0.Output, args: ["rejected"] }], input: [{ type: i0.ViewChild, args: ['input', { isSignal: true }] }] } });