@muxima-ui/core 0.0.0-stage → 1.0.0

package/README.md

@@ -1,3 +1,59 @@
-# Temporary Holding Version
+# @muxima-ui/core
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Componentes Angular acessíveis, com temas por variáveis CSS e modo escuro.
+Requer Angular 21 ou superior e `@angular/cdk`.
+
+```bash
+npm install @muxima-ui/core @angular/cdk
+```
+
+Estilos (em `angular.json`):
+
+```json
+"styles": ["@muxima-ui/core/styles.css"]
+```
+
+Fontes (opcional; sem elas usa as fontes do sistema):
+
+```bash
+npm install @fontsource/instrument-sans @fontsource/ibm-plex-mono
+```
+
+Cada componente tem o seu ponto de entrada, para só importares o que usas:
+
+| Ponto de entrada | Exporta |
+| --- | --- |
+| `@muxima-ui/core/button` | `MxButton` |
+| `@muxima-ui/core/form-field` | `MxFormField`, `MxLabel`, `MxHint`, `MxError`, `MxInput` (input e textarea), `MxChoice`, `MxFieldset` |
+| `@muxima-ui/core/select` | `MxSelect` (simples e `multiple`), `MxOption` |
+| `@muxima-ui/core/combobox` | `MxCombobox` |
+| `@muxima-ui/core/checkbox` | `MxCheckbox` |
+| `@muxima-ui/core/radio` | `MxRadio` |
+| `@muxima-ui/core/switch` | `MxSwitch` |
+| `@muxima-ui/core/slider` | `MxSlider` |
+| `@muxima-ui/core/date-picker` | `MxDatePicker`, `MxCalendar`, `mxParseDate`, `mxFormatDate` |
+| `@muxima-ui/core/otp` | `MxOtp` |
+| `@muxima-ui/core/table` | `MX_TABLE`, `mxSortData` |
+| `@muxima-ui/core/card` | `MX_CARD` |
+| `@muxima-ui/core/badge` | `MxBadge` |
+| `@muxima-ui/core/avatar` | `MxAvatar` |
+| `@muxima-ui/core/separator` | `MxSeparator` |
+| `@muxima-ui/core/tabs` | `MxTabs`, `MxTab` |
+| `@muxima-ui/core/breadcrumb` | `MxBreadcrumb` |
+| `@muxima-ui/core/pagination` | `MxPagination` |
+| `@muxima-ui/core/accordion` | `MX_ACCORDION` |
+| `@muxima-ui/core/stepper` | `MX_STEPPER` |
+| `@muxima-ui/core/command` | `MX_COMMAND`, `MxCommandPalette` |
+| `@muxima-ui/core/dialog` | `MxDialog`, `MX_DIALOG`, `MxDialogRef`, `MX_DIALOG_DATA` |
+| `@muxima-ui/core/drawer` | `MxDrawer` |
+| `@muxima-ui/core/menu` | `MX_MENU` |
+| `@muxima-ui/core/popover` | `MX_POPOVER` |
+| `@muxima-ui/core/tooltip` | `MxTooltip` |
+| `@muxima-ui/core/alert` | `MX_ALERT` |
+| `@muxima-ui/core/progress` | `MxProgress`, `MxSpinner` |
+| `@muxima-ui/core/skeleton` | `MxSkeleton` |
+| `@muxima-ui/core/toast` | `MxToast` |
+
+Time picker usa `input[type=time][mxInput]`, sem componente próprio.
+
+Licença MIT.

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

@@ -0,0 +1,73 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, Directive, inject } from '@angular/core';
+import { mxUniqueId } from '@muxima-ui/core/form-field';
+
+/**
+ * Acordeão sobre `<details>` e `<summary>` nativos: Enter e Espaço abrem e fecham,
+ * o estado é anunciado pelo leitor de ecrã e a pesquisa do navegador encontra
+ * texto dentro das secções fechadas.
+ *
+ * ```html
+ * <div mxAccordion>
+ *   <details mxAccordionItem open>
+ *     <summary mxAccordionTrigger>Como pago a factura?</summary>
+ *     <div mxAccordionContent>Por referência, transferência ou Multicaixa Express.</div>
+ *   </details>
+ * </div>
+ * ```
+ *
+ * Por omissão só uma secção fica aberta (atributo name nativo). Com `multiple`, várias.
+ */
+class MxAccordion {
+    multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    groupName = mxUniqueId('mx-accordion');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxAccordion, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: MxAccordion, isStandalone: true, selector: "[mxAccordion]", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "mx-accordion" }, exportAs: ["mxAccordion"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxAccordion, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mxAccordion]',
+                    exportAs: 'mxAccordion',
+                    host: { class: 'mx-accordion' },
+                }]
+        }], propDecorators: { multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }] } });
+class MxAccordionItem {
+    accordion = inject(MxAccordion, { optional: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: MxAccordionItem, isStandalone: true, selector: "details[mxAccordionItem]", host: { properties: { "attr.name": "accordion && !accordion.multiple() ? accordion.groupName : null" }, classAttribute: "mx-accordion-item" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxAccordionItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'details[mxAccordionItem]',
+                    host: {
+                        class: 'mx-accordion-item',
+                        '[attr.name]': 'accordion && !accordion.multiple() ? accordion.groupName : null',
+                    },
+                }]
+        }] });
+class MxAccordionTrigger {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxAccordionTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: MxAccordionTrigger, isStandalone: true, selector: "summary[mxAccordionTrigger]", host: { classAttribute: "mx-accordion-trigger" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxAccordionTrigger, decorators: [{
+            type: Directive,
+            args: [{ selector: 'summary[mxAccordionTrigger]', host: { class: 'mx-accordion-trigger' } }]
+        }] });
+class MxAccordionContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxAccordionContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: MxAccordionContent, isStandalone: true, selector: "[mxAccordionContent]", host: { classAttribute: "mx-accordion-content" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxAccordionContent, decorators: [{
+            type: Directive,
+            args: [{ selector: '[mxAccordionContent]', host: { class: 'mx-accordion-content' } }]
+        }] });
+const MX_ACCORDION = [MxAccordion, MxAccordionItem, MxAccordionTrigger, MxAccordionContent];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MX_ACCORDION, MxAccordion, MxAccordionContent, MxAccordionItem, MxAccordionTrigger };
+//# sourceMappingURL=muxima-ui-core-accordion.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"muxima-ui-core-accordion.mjs","sources":["../../../projects/core/accordion/accordion.ts","../../../projects/core/accordion/muxima-ui-core-accordion.ts"],"sourcesContent":["import { Directive, booleanAttribute, inject, input } from '@angular/core';\nimport { mxUniqueId } from '@muxima-ui/core/form-field';\n\n/**\n * Acordeão sobre `<details>` e `<summary>` nativos: Enter e Espaço abrem e fecham,\n * o estado é anunciado pelo leitor de ecrã e a pesquisa do navegador encontra\n * texto dentro das secções fechadas.\n *\n * ```html\n * <div mxAccordion>\n *   <details mxAccordionItem open>\n *     <summary mxAccordionTrigger>Como pago a factura?</summary>\n *     <div mxAccordionContent>Por referência, transferência ou Multicaixa Express.</div>\n *   </details>\n * </div>\n * ```\n *\n * Por omissão só uma secção fica aberta (atributo name nativo). Com `multiple`, várias.\n */\n@Directive({\n  selector: '[mxAccordion]',\n  exportAs: 'mxAccordion',\n  host: { class: 'mx-accordion' },\n})\nexport class MxAccordion {\n  readonly multiple = input(false, { transform: booleanAttribute });\n  readonly groupName = mxUniqueId('mx-accordion');\n}\n\n@Directive({\n  selector: 'details[mxAccordionItem]',\n  host: {\n    class: 'mx-accordion-item',\n    '[attr.name]': 'accordion && !accordion.multiple() ? accordion.groupName : null',\n  },\n})\nexport class MxAccordionItem {\n  protected readonly accordion = inject(MxAccordion, { optional: true });\n}\n\n@Directive({ selector: 'summary[mxAccordionTrigger]', host: { class: 'mx-accordion-trigger' } })\nexport class MxAccordionTrigger {}\n\n@Directive({ selector: '[mxAccordionContent]', host: { class: 'mx-accordion-content' } })\nexport class MxAccordionContent {}\n\nexport const MX_ACCORDION = [MxAccordion, MxAccordionItem, MxAccordionTrigger, MxAccordionContent] 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-alert.mjs

@@ -0,0 +1,63 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, Directive } from '@angular/core';
+
+/**
+ * Mensagem destacada dentro da página.
+ *
+ * ```html
+ * <div mxAlert variant="warning">
+ *   <p mxAlertTitle>A sessão expira em 5 minutos</p>
+ *   <p>Guarda o trabalho para não perderes alterações.</p>
+ * </div>
+ * ```
+ *
+ * Por omissão não interrompe o leitor de ecrã. Com `announce`, a mensagem é lida
+ * assim que aparece (role="alert"); usa-o só para mensagens que surgem após uma acção.
+ */
+class MxAlert {
+    variant = input('info', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    announce = input(false, { ...(ngDevMode ? { debugName: "announce" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxAlert, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: MxAlert, isStandalone: true, selector: "[mxAlert]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, announce: { classPropertyName: "announce", publicName: "announce", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "variant()", "attr.role": "announce() ? \"alert\" : null" }, classAttribute: "mx-alert" }, exportAs: ["mxAlert"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxAlert, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mxAlert]',
+                    exportAs: 'mxAlert',
+                    host: {
+                        class: 'mx-alert',
+                        '[attr.data-variant]': 'variant()',
+                        '[attr.role]': 'announce() ? "alert" : null',
+                    },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], announce: [{ type: i0.Input, args: [{ isSignal: true, alias: "announce", required: false }] }] } });
+class MxAlertTitle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: MxAlertTitle, isStandalone: true, selector: "[mxAlertTitle]", host: { classAttribute: "mx-alert-title" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxAlertTitle, decorators: [{
+            type: Directive,
+            args: [{ selector: '[mxAlertTitle]', host: { class: 'mx-alert-title' } }]
+        }] });
+/** 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' });
+    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 });
+}
+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()' },
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }] } });
+const MX_ALERT = [MxAlert, MxAlertTitle, MxAlertClose];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MX_ALERT, MxAlert, MxAlertClose, MxAlertTitle };
+//# sourceMappingURL=muxima-ui-core-alert.mjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,85 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, computed, signal, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+
+/**
+ * Fotografia de uma pessoa ou organização, com as iniciais como alternativa
+ * quando não há imagem ou ela não carrega.
+ *
+ * ```html
+ * <mx-avatar name="Ana Kiala" src="/fotos/ana.jpg" />
+ * <mx-avatar name="Banco Mutamba" size="lg" />
+ * ```
+ *
+ * Com `decorative`, fica escondido dos leitores de ecrã (quando o nome já está escrito ao lado).
+ */
+class MxAvatar {
+    /** Nome da pessoa ou organização: nome acessível e fonte das iniciais. */
+    name = input.required(...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    src = input(undefined, ...(ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []));
+    /** sm 24 px, md 32 px, lg 40 px. */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    decorative = input(false, { ...(ngDevMode ? { debugName: "decorative" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Ponto de estado no canto. O estado é anunciado com o nome. */
+    status = input(null, ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+    static STATUS_TEXT = { online: 'disponível', away: 'ausente', busy: 'ocupado', offline: 'desligado' };
+    label = computed(() => {
+        const s = this.status();
+        return s ? `${this.name()}, ${MxAvatar.STATUS_TEXT[s]}` : this.name();
+    }, ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    failed = signal(false, ...(ngDevMode ? [{ debugName: "failed" }] : /* istanbul ignore next */ []));
+    initials = computed(() => {
+        const parts = this.name().trim().split(/\s+/).filter(Boolean);
+        const first = parts[0]?.[0] ?? '';
+        const last = parts.length > 1 ? parts[parts.length - 1][0] : '';
+        return (first + last).toUpperCase();
+    }, ...(ngDevMode ? [{ debugName: "initials" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            this.src();
+            this.failed.set(false);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: MxAvatar, isStandalone: true, selector: "mx-avatar", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size() === \"md\" ? null : size()", "attr.role": "decorative() ? null : \"img\"", "attr.aria-label": "decorative() ? null : label()", "attr.aria-hidden": "decorative() ? \"true\" : null" }, classAttribute: "mx-avatar" }, ngImport: i0, template: `
+    @if (status()) {
+      <span class="mx-avatar-status" [attr.data-status]="status()" aria-hidden="true"></span>
+    }
+    @if (src() && !failed()) {
+      <img [src]="src()" alt="" (error)="failed.set(true)" />
+    } @else {
+      <span class="mx-avatar-initials" aria-hidden="true">{{ initials() }}</span>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxAvatar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mx-avatar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        class: 'mx-avatar',
+                        '[attr.data-size]': 'size() === "md" ? null : size()',
+                        '[attr.role]': 'decorative() ? null : "img"',
+                        '[attr.aria-label]': 'decorative() ? null : label()',
+                        '[attr.aria-hidden]': 'decorative() ? "true" : null',
+                    },
+                    template: `
+    @if (status()) {
+      <span class="mx-avatar-status" [attr.data-status]="status()" aria-hidden="true"></span>
+    }
+    @if (src() && !failed()) {
+      <img [src]="src()" alt="" (error)="failed.set(true)" />
+    } @else {
+      <span class="mx-avatar-initials" aria-hidden="true">{{ initials() }}</span>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], decorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "decorative", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MxAvatar };
+//# sourceMappingURL=muxima-ui-core-avatar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"muxima-ui-core-avatar.mjs","sources":["../../../projects/core/avatar/avatar.ts","../../../projects/core/avatar/muxima-ui-core-avatar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, computed, effect, input, signal } from '@angular/core';\n\n/**\n * Fotografia de uma pessoa ou organização, com as iniciais como alternativa\n * quando não há imagem ou ela não carrega.\n *\n * ```html\n * <mx-avatar name=\"Ana Kiala\" src=\"/fotos/ana.jpg\" />\n * <mx-avatar name=\"Banco Mutamba\" size=\"lg\" />\n * ```\n *\n * Com `decorative`, fica escondido dos leitores de ecrã (quando o nome já está escrito ao lado).\n */\n@Component({\n  selector: 'mx-avatar',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-avatar',\n    '[attr.data-size]': 'size() === \"md\" ? null : size()',\n    '[attr.role]': 'decorative() ? null : \"img\"',\n    '[attr.aria-label]': 'decorative() ? null : label()',\n    '[attr.aria-hidden]': 'decorative() ? \"true\" : null',\n  },\n  template: `\n    @if (status()) {\n      <span class=\"mx-avatar-status\" [attr.data-status]=\"status()\" aria-hidden=\"true\"></span>\n    }\n    @if (src() && !failed()) {\n      <img [src]=\"src()\" alt=\"\" (error)=\"failed.set(true)\" />\n    } @else {\n      <span class=\"mx-avatar-initials\" aria-hidden=\"true\">{{ initials() }}</span>\n    }\n  `,\n})\nexport class MxAvatar {\n  /** Nome da pessoa ou organização: nome acessível e fonte das iniciais. */\n  readonly name = input.required<string>();\n  readonly src = input<string | null | undefined>(undefined);\n  /** sm 24 px, md 32 px, lg 40 px. */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n  readonly decorative = input(false, { transform: booleanAttribute });\n  /** Ponto de estado no canto. O estado é anunciado com o nome. */\n  readonly status = input<'online' | 'away' | 'busy' | 'offline' | null>(null);\n\n  private static readonly STATUS_TEXT = { online: 'disponível', away: 'ausente', busy: 'ocupado', offline: 'desligado' };\n  protected readonly label = computed(() => {\n    const s = this.status();\n    return s ? `${this.name()}, ${MxAvatar.STATUS_TEXT[s]}` : this.name();\n  });\n\n  protected readonly failed = signal(false);\n  protected readonly initials = computed(() => {\n    const parts = this.name().trim().split(/\\s+/).filter(Boolean);\n    const first = parts[0]?.[0] ?? '';\n    const last = parts.length > 1 ? parts[parts.length - 1][0] : '';\n    return (first + last).toUpperCase();\n  });\n\n  constructor() {\n    effect(() => {\n      this.src();\n      this.failed.set(false);\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-badge.mjs

@@ -0,0 +1,41 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, Directive } from '@angular/core';
+
+/**
+ * Etiqueta curta para estados e categorias.
+ *
+ * ```html
+ * <span mxBadge variant="success">Paga</span>
+ * ```
+ *
+ * Não dependas só da cor: o texto deve dizer o estado.
+ */
+class MxBadge {
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** sm 18 px, md 20 px, lg 24 px. */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Ponto de cor antes do texto, para listas com muitos estados. */
+    dot = input(false, { ...(ngDevMode ? { debugName: "dot" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxBadge, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: MxBadge, isStandalone: true, selector: "[mxBadge]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, dot: { classPropertyName: "dot", publicName: "dot", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "variant()", "attr.data-size": "size() === \"md\" ? null : size()", "attr.data-dot": "dot() ? \"\" : null" }, classAttribute: "mx-badge" }, exportAs: ["mxBadge"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxBadge, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mxBadge]',
+                    exportAs: 'mxBadge',
+                    host: {
+                        class: 'mx-badge',
+                        '[attr.data-variant]': 'variant()',
+                        '[attr.data-size]': 'size() === "md" ? null : size()',
+                        '[attr.data-dot]': 'dot() ? "" : null',
+                    },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], dot: [{ type: i0.Input, args: [{ isSignal: true, alias: "dot", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MxBadge };
+//# sourceMappingURL=muxima-ui-core-badge.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"muxima-ui-core-badge.mjs","sources":["../../../projects/core/badge/badge.ts","../../../projects/core/badge/muxima-ui-core-badge.ts"],"sourcesContent":["import { Directive, booleanAttribute, input } from '@angular/core';\n\nexport type MxBadgeVariant = 'default' | 'secondary' | 'outline' | 'success' | 'warning' | 'danger';\n\n/**\n * Etiqueta curta para estados e categorias.\n *\n * ```html\n * <span mxBadge variant=\"success\">Paga</span>\n * ```\n *\n * Não dependas só da cor: o texto deve dizer o estado.\n */\n@Directive({\n  selector: '[mxBadge]',\n  exportAs: 'mxBadge',\n  host: {\n    class: 'mx-badge',\n    '[attr.data-variant]': 'variant()',\n    '[attr.data-size]': 'size() === \"md\" ? null : size()',\n    '[attr.data-dot]': 'dot() ? \"\" : null',\n  },\n})\nexport class MxBadge {\n  readonly variant = input<MxBadgeVariant>('default');\n  /** sm 18 px, md 20 px, lg 24 px. */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n  /** Ponto de cor antes do texto, para listas com muitos estados. */\n  readonly dot = input(false, { transform: booleanAttribute });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAIA;;;;;;;;AAQG;MAWU,OAAO,CAAA;AACT,IAAA,OAAO,GAAG,KAAK,CAAiB,SAAS,8EAAC;;AAE1C,IAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,2EAAC;;IAEtC,GAAG,GAAG,KAAK,CAAC,KAAK,2EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;wGALjD,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAP,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,mCAAA,EAAA,eAAA,EAAA,qBAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAP,OAAO,EAAA,UAAA,EAAA,CAAA;kBAVnB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,qBAAqB,EAAE,WAAW;AAClC,wBAAA,kBAAkB,EAAE,iCAAiC;AACrD,wBAAA,iBAAiB,EAAE,mBAAmB;AACvC,qBAAA;AACF,iBAAA;;;ACtBD;;AAEG;;"}

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

@@ -0,0 +1,37 @@
+import * as i0 from '@angular/core';
+import { input, Directive } from '@angular/core';
+
+/**
+ * Migalhas: mostram onde a página está na hierarquia.
+ *
+ * ```html
+ * <nav mxBreadcrumb>
+ *   <ol>
+ *     <li><a routerLink="/clientes">Clientes</a></li>
+ *     <li><a routerLink="/clientes/42">Kianda Logística</a></li>
+ *     <li><span aria-current="page">Facturas</span></li>
+ *   </ol>
+ * </nav>
+ * ```
+ *
+ * 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' });
+    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 });
+}
+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()' },
+                }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MxBreadcrumb };
+//# sourceMappingURL=muxima-ui-core-breadcrumb.mjs.map

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

@@ -0,0 +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;;"}

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

@@ -0,0 +1,71 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, inject, ElementRef, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+
+/**
+ * Botão da Muxima UI, aplicado sobre o elemento nativo.
+ *
+ * ```html
+ * <button mxButton type="button">Guardar</button>
+ * <button mxButton variant="outline" size="sm">Cancelar</button>
+ * <a mxButton variant="link" routerLink="/precos">Ver preços</a>
+ * ```
+ *
+ * Como o elemento é o próprio `<button>` ou `<a>`, atributos como `type`,
+ * `form`, `routerLink` e `aria-*` funcionam sem configuração extra.
+ */
+class MxButton {
+    /** Aparência do botão. */
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Altura: sm 32 px, md 36 px, lg 40 px. */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Botão quadrado só com ícone. Exige `aria-label`. */
+    icon = input(false, { ...(ngDevMode ? { debugName: "icon" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Mostra um indicador e bloqueia novos cliques enquanto uma acção decorre. */
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Desactiva o botão. Em `<a>`, usa aria-disabled e retira-o da ordem de tabulação. */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    isNativeButton = inject(ElementRef).nativeElement.tagName === 'BUTTON';
+    isDisabled = computed(() => this.disabled() || this.loading(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    onClick(event) {
+        if (this.isDisabled()) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: MxButton, isStandalone: true, selector: "button[mxButton], a[mxButton]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "attr.data-variant": "variant()", "attr.data-size": "size()", "attr.data-icon": "icon() ? \"\" : null", "attr.aria-busy": "loading() ? \"true\" : null", "attr.disabled": "isNativeButton && isDisabled() ? \"\" : null", "attr.aria-disabled": "!isNativeButton && isDisabled() ? \"true\" : null", "attr.tabindex": "!isNativeButton && isDisabled() ? -1 : null" }, classAttribute: "mx-button" }, exportAs: ["mxButton"], ngImport: i0, template: `@if (loading()) {
+      <span class="mx-spinner" aria-hidden="true"></span>
+    }
+    <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: MxButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[mxButton], a[mxButton]',
+                    exportAs: 'mxButton',
+                    template: `@if (loading()) {
+      <span class="mx-spinner" aria-hidden="true"></span>
+    }
+    <ng-content />`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        class: 'mx-button',
+                        '[attr.data-variant]': 'variant()',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-icon]': 'icon() ? "" : null',
+                        '[attr.aria-busy]': 'loading() ? "true" : null',
+                        '[attr.disabled]': 'isNativeButton && isDisabled() ? "" : null',
+                        '[attr.aria-disabled]': '!isNativeButton && isDisabled() ? "true" : null',
+                        '[attr.tabindex]': '!isNativeButton && isDisabled() ? -1 : null',
+                        '(click)': 'onClick($event)',
+                    },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MxButton };
+//# sourceMappingURL=muxima-ui-core-button.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"muxima-ui-core-button.mjs","sources":["../../../projects/core/button/button.ts","../../../projects/core/button/muxima-ui-core-button.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\n\nexport type MxButtonVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';\nexport type MxButtonSize = 'sm' | 'md' | 'lg';\n\n/**\n * Botão da Muxima UI, aplicado sobre o elemento nativo.\n *\n * ```html\n * <button mxButton type=\"button\">Guardar</button>\n * <button mxButton variant=\"outline\" size=\"sm\">Cancelar</button>\n * <a mxButton variant=\"link\" routerLink=\"/precos\">Ver preços</a>\n * ```\n *\n * Como o elemento é o próprio `<button>` ou `<a>`, atributos como `type`,\n * `form`, `routerLink` e `aria-*` funcionam sem configuração extra.\n */\n@Component({\n  selector: 'button[mxButton], a[mxButton]',\n  exportAs: 'mxButton',\n  template: `@if (loading()) {\n      <span class=\"mx-spinner\" aria-hidden=\"true\"></span>\n    }\n    <ng-content />`,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mx-button',\n    '[attr.data-variant]': 'variant()',\n    '[attr.data-size]': 'size()',\n    '[attr.data-icon]': 'icon() ? \"\" : null',\n    '[attr.aria-busy]': 'loading() ? \"true\" : null',\n    '[attr.disabled]': 'isNativeButton && isDisabled() ? \"\" : null',\n    '[attr.aria-disabled]': '!isNativeButton && isDisabled() ? \"true\" : null',\n    '[attr.tabindex]': '!isNativeButton && isDisabled() ? -1 : null',\n    '(click)': 'onClick($event)',\n  },\n})\nexport class MxButton {\n  /** Aparência do botão. */\n  readonly variant = input<MxButtonVariant>('default');\n  /** Altura: sm 32 px, md 36 px, lg 40 px. */\n  readonly size = input<MxButtonSize>('md');\n  /** Botão quadrado só com ícone. Exige `aria-label`. */\n  readonly icon = input(false, { transform: booleanAttribute });\n  /** Mostra um indicador e bloqueia novos cliques enquanto uma acção decorre. */\n  readonly loading = input(false, { transform: booleanAttribute });\n  /** Desactiva o botão. Em `<a>`, usa aria-disabled e retira-o da ordem de tabulação. */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  protected readonly isNativeButton =\n    inject<ElementRef<HTMLElement>>(ElementRef).nativeElement.tagName === 'BUTTON';\n\n  protected readonly isDisabled = computed(() => this.disabled() || this.loading());\n\n  protected onClick(event: Event): void {\n    if (this.isDisabled()) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\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-card.mjs

@@ -0,0 +1,95 @@
+import * as i0 from '@angular/core';
+import { input, Directive } from '@angular/core';
+
+/**
+ * Superfície para agrupar conteúdo relacionado. Aplica-se ao elemento que fizer
+ * sentido: `article`, `section`, `div` ou `a` (cartão clicável).
+ *
+ * ```html
+ * <article mxCard>
+ *   <header mxCardHeader>
+ *     <h3 mxCardTitle>Facturação</h3>
+ *     <p mxCardDescription>Resumo do mês corrente.</p>
+ *   </header>
+ *   <div mxCardContent>...</div>
+ *   <footer mxCardFooter><button mxButton>Ver detalhe</button></footer>
+ * </article>
+ * ```
+ */
+class MxCard {
+    /** default: borda; subtle: fundo suave sem borda; elevated: sombra; accent: destaque com a cor de marca. */
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** horizontal: imagem à esquerda e conteúdo à direita (volta a vertical em ecrãs estreitos). */
+    orientation = input('vertical', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCard, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: MxCard, isStandalone: true, selector: "[mxCard]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "variant() === \"default\" ? null : variant()", "attr.data-orientation": "orientation() === \"vertical\" ? null : orientation()" }, classAttribute: "mx-card" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCard, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mxCard]',
+                    host: {
+                        class: 'mx-card',
+                        '[attr.data-variant]': 'variant() === "default" ? null : variant()',
+                        '[attr.data-orientation]': 'orientation() === "vertical" ? null : orientation()',
+                    },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }] } });
+/** Imagem ou área visual que encosta às margens do cartão. Usa-se em `img`, `picture` ou `div`. */
+class MxCardMedia {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCardMedia, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: MxCardMedia, isStandalone: true, selector: "[mxCardMedia]", host: { classAttribute: "mx-card-media" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCardMedia, decorators: [{
+            type: Directive,
+            args: [{ selector: '[mxCardMedia]', host: { class: 'mx-card-media' } }]
+        }] });
+class MxCardHeader {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCardHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: MxCardHeader, isStandalone: true, selector: "[mxCardHeader]", host: { classAttribute: "mx-card-header" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCardHeader, decorators: [{
+            type: Directive,
+            args: [{ selector: '[mxCardHeader]', host: { class: 'mx-card-header' } }]
+        }] });
+/** Título do cartão. Usa o nível de cabeçalho certo para a página (h2, h3...). */
+class MxCardTitle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCardTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: MxCardTitle, isStandalone: true, selector: "[mxCardTitle]", host: { classAttribute: "mx-card-title" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCardTitle, decorators: [{
+            type: Directive,
+            args: [{ selector: '[mxCardTitle]', host: { class: 'mx-card-title' } }]
+        }] });
+class MxCardDescription {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCardDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: MxCardDescription, isStandalone: true, selector: "[mxCardDescription]", host: { classAttribute: "mx-card-description" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCardDescription, decorators: [{
+            type: Directive,
+            args: [{ selector: '[mxCardDescription]', host: { class: 'mx-card-description' } }]
+        }] });
+class MxCardContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCardContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: MxCardContent, isStandalone: true, selector: "[mxCardContent]", host: { classAttribute: "mx-card-content" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCardContent, decorators: [{
+            type: Directive,
+            args: [{ selector: '[mxCardContent]', host: { class: 'mx-card-content' } }]
+        }] });
+class MxCardFooter {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCardFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: MxCardFooter, isStandalone: true, selector: "[mxCardFooter]", host: { classAttribute: "mx-card-footer" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCardFooter, decorators: [{
+            type: Directive,
+            args: [{ selector: '[mxCardFooter]', host: { class: 'mx-card-footer' } }]
+        }] });
+const MX_CARD = [MxCard, MxCardMedia, MxCardHeader, MxCardTitle, MxCardDescription, MxCardContent, MxCardFooter];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MX_CARD, MxCard, MxCardContent, MxCardDescription, MxCardFooter, MxCardHeader, MxCardMedia, MxCardTitle };
+//# sourceMappingURL=muxima-ui-core-card.mjs.map