@neural-ui/core 1.2.0 → 1.3.0

package/fesm2022/neural-ui-core-card.mjs

@@ -0,0 +1,69 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+
+/**
+ * NeuralUI Card Component
+ *
+ * Contenedor con sombras y bordes Neural. Soporta header, body y footer
+ * via content projection.
+ *
+ * Uso:
+ *   <neu-card>
+ *     <div neu-card-header>Título</div>
+ *     <p>Contenido</p>
+ *     <div neu-card-footer>Acciones</div>
+ *   </neu-card>
+ */
+class NeuCardComponent {
+    /** Espaciado interior del cuerpo / Inner body padding */
+    padding = input('md', ...(ngDevMode ? [{ debugName: "padding" }] : /* istanbul ignore next */ []));
+    /** Efecto hover con elevación de sombra / Hover effect with shadow elevation */
+    hoverable = input(false, ...(ngDevMode ? [{ debugName: "hoverable" }] : /* istanbul ignore next */ []));
+    /** Borde con acento de color primario / Border with primary color accent */
+    bordered = input(false, ...(ngDevMode ? [{ debugName: "bordered" }] : /* istanbul ignore next */ []));
+    /** Card compacta sin bordes ni sombras / Compact card without borders or shadows */
+    flat = input(false, ...(ngDevMode ? [{ debugName: "flat" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => ({
+        'neu-card': true,
+        'neu-card--hoverable': this.hoverable(),
+        'neu-card--bordered': this.bordered(),
+        'neu-card--flat': this.flat(),
+    }), ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: NeuCardComponent, isStandalone: true, selector: "neu-card", inputs: { padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, hoverable: { classPropertyName: "hoverable", publicName: "hoverable", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, flat: { classPropertyName: "flat", publicName: "flat", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
+    <div class="neu-card__inner">
+      <div class="neu-card__header">
+        <ng-content select="[neu-card-header]" />
+      </div>
+      <div class="neu-card__body" [class]="'neu-card__body--' + padding()">
+        <ng-content />
+      </div>
+      <div class="neu-card__footer">
+        <ng-content select="[neu-card-footer]" />
+      </div>
+    </div>
+  `, isInline: true, styles: [".neu-card{display:block;background:var(--neu-surface);border:1px solid var(--neu-border);border-radius:var(--neu-radius-lg);box-shadow:var(--neu-shadow-sm);overflow:hidden;transition:box-shadow var(--neu-transition),transform var(--neu-transition),border-color var(--neu-transition)}.neu-card--hoverable{cursor:pointer}.neu-card--hoverable:hover{box-shadow:var(--neu-shadow);transform:translateY(-2px);border-color:var(--neu-border-hover)}.neu-card--hoverable:active{transform:translateY(0)}.neu-card--bordered{border-color:var(--neu-primary)}.neu-card--flat{box-shadow:none;border-color:var(--neu-border)}.neu-card--flat:hover{box-shadow:none;transform:none}.neu-card__header{padding:var(--neu-space-4) var(--neu-space-5);border-bottom:1px solid var(--neu-border);font-size:var(--neu-text-sm);font-weight:600;color:var(--neu-text)}.neu-card__header:empty,.neu-card__header:not(:has(*)){display:none}.neu-card__body--none{padding:0}.neu-card__body--sm{padding:var(--neu-space-3) var(--neu-space-4)}.neu-card__body--md{padding:var(--neu-space-5)}.neu-card__body--lg{padding:var(--neu-space-6) var(--neu-space-8)}.neu-card__footer{padding:var(--neu-space-4) var(--neu-space-5);border-top:1px solid var(--neu-border);background:var(--neu-surface-2);display:flex;align-items:center;gap:var(--neu-space-3)}.neu-card__footer:empty,.neu-card__footer:not(:has(*)){display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-card', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { '[class]': 'hostClasses()' }, template: `
+    <div class="neu-card__inner">
+      <div class="neu-card__header">
+        <ng-content select="[neu-card-header]" />
+      </div>
+      <div class="neu-card__body" [class]="'neu-card__body--' + padding()">
+        <ng-content />
+      </div>
+      <div class="neu-card__footer">
+        <ng-content select="[neu-card-footer]" />
+      </div>
+    </div>
+  `, styles: [".neu-card{display:block;background:var(--neu-surface);border:1px solid var(--neu-border);border-radius:var(--neu-radius-lg);box-shadow:var(--neu-shadow-sm);overflow:hidden;transition:box-shadow var(--neu-transition),transform var(--neu-transition),border-color var(--neu-transition)}.neu-card--hoverable{cursor:pointer}.neu-card--hoverable:hover{box-shadow:var(--neu-shadow);transform:translateY(-2px);border-color:var(--neu-border-hover)}.neu-card--hoverable:active{transform:translateY(0)}.neu-card--bordered{border-color:var(--neu-primary)}.neu-card--flat{box-shadow:none;border-color:var(--neu-border)}.neu-card--flat:hover{box-shadow:none;transform:none}.neu-card__header{padding:var(--neu-space-4) var(--neu-space-5);border-bottom:1px solid var(--neu-border);font-size:var(--neu-text-sm);font-weight:600;color:var(--neu-text)}.neu-card__header:empty,.neu-card__header:not(:has(*)){display:none}.neu-card__body--none{padding:0}.neu-card__body--sm{padding:var(--neu-space-3) var(--neu-space-4)}.neu-card__body--md{padding:var(--neu-space-5)}.neu-card__body--lg{padding:var(--neu-space-6) var(--neu-space-8)}.neu-card__footer{padding:var(--neu-space-4) var(--neu-space-5);border-top:1px solid var(--neu-border);background:var(--neu-surface-2);display:flex;align-items:center;gap:var(--neu-space-3)}.neu-card__footer:empty,.neu-card__footer:not(:has(*)){display:none}\n"] }]
+        }], propDecorators: { padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], hoverable: [{ type: i0.Input, args: [{ isSignal: true, alias: "hoverable", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], flat: [{ type: i0.Input, args: [{ isSignal: true, alias: "flat", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuCardComponent };
+//# sourceMappingURL=neural-ui-core-card.mjs.map

package/fesm2022/neural-ui-core-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-card.mjs","sources":["../../../../projects/ui-core/card/neu-card.component.ts","../../../../projects/ui-core/card/neural-ui-core-card.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n} from '@angular/core';\n\nexport type NeuCardPadding = 'none' | 'sm' | 'md' | 'lg';\n\n/**\n * NeuralUI Card Component\n *\n * Contenedor con sombras y bordes Neural. Soporta header, body y footer\n * via content projection.\n *\n * Uso:\n *   <neu-card>\n *     <div neu-card-header>Título</div>\n *     <p>Contenido</p>\n *     <div neu-card-footer>Acciones</div>\n *   </neu-card>\n */\n@Component({\n  selector: 'neu-card',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[class]': 'hostClasses()' },\n  template: `\n    <div class=\"neu-card__inner\">\n      <div class=\"neu-card__header\">\n        <ng-content select=\"[neu-card-header]\" />\n      </div>\n      <div class=\"neu-card__body\" [class]=\"'neu-card__body--' + padding()\">\n        <ng-content />\n      </div>\n      <div class=\"neu-card__footer\">\n        <ng-content select=\"[neu-card-footer]\" />\n      </div>\n    </div>\n  `,\n  styleUrl: './neu-card.component.scss',\n})\nexport class NeuCardComponent {\n  /** Espaciado interior del cuerpo / Inner body padding */\n  padding = input<NeuCardPadding>('md');\n\n  /** Efecto hover con elevación de sombra / Hover effect with shadow elevation */\n  hoverable = input<boolean>(false);\n\n  /** Borde con acento de color primario / Border with primary color accent */\n  bordered = input<boolean>(false);\n\n  /** Card compacta sin bordes ni sombras / Compact card without borders or shadows */\n  flat = input<boolean>(false);\n\n  readonly hostClasses = computed(() => ({\n    'neu-card': true,\n    'neu-card--hoverable': this.hoverable(),\n    'neu-card--bordered': this.bordered(),\n    'neu-card--flat': this.flat(),\n  }));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;AAUA;;;;;;;;;;;;AAYG;MAsBU,gBAAgB,CAAA;;AAE3B,IAAA,OAAO,GAAG,KAAK,CAAiB,IAAI,8EAAC;;AAGrC,IAAA,SAAS,GAAG,KAAK,CAAU,KAAK,gFAAC;;AAGjC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;;AAGhC,IAAA,IAAI,GAAG,KAAK,CAAU,KAAK,2EAAC;AAEnB,IAAA,WAAW,GAAG,QAAQ,CAAC,OAAO;AACrC,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,qBAAqB,EAAE,IAAI,CAAC,SAAS,EAAE;AACvC,QAAA,oBAAoB,EAAE,IAAI,CAAC,QAAQ,EAAE;AACrC,QAAA,gBAAgB,EAAE,IAAI,CAAC,IAAI,EAAE;AAC9B,KAAA,CAAC,kFAAC;uGAlBQ,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,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,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAfjB;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,61CAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAGU,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBArB5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,WACX,EAAE,EAAA,aAAA,EACI,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,QACzC,EAAE,SAAS,EAAE,eAAe,EAAE,EAAA,QAAA,EAC1B;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,61CAAA,CAAA,EAAA;;;ACzCH;;AAEG;;;;"}

package/fesm2022/neural-ui-core-chart.mjs

@@ -0,0 +1,287 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { ChartComponent } from 'ng-apexcharts';
+
+/** Paleta por defecto Neural-Blue / Default Neural-Blue palette */
+const DEFAULT_COLORS = ['#007aff', '#5856d6', '#34c759', '#ff9f0a', '#ff3b30', '#64748b'];
+/** Calcula la línea acumulada porcentual para un diagrama de Pareto. / Calculates the cumulative percentage line for a Pareto chart. */
+function computeParetoCumulative(data) {
+    const total = data.reduce((s, v) => s + Math.abs(v), 0);
+    if (total === 0)
+        return data.map(() => 0);
+    let cum = 0;
+    return data.map((v) => {
+        cum += Math.abs(v);
+        return Math.round((cum / total) * 1000) / 10;
+    });
+}
+/**
+ * NeuChart — Wrapper reactivo de ApexCharts con estética Neural-Blue.
+ *
+ * Tipos soportados:
+ *   line · area · bar · bar-stacked · bar-horizontal · bar-horizontal-stacked · pareto · donut · pie · radialBar
+ *
+ * Uso:
+ *   <neu-chart
+ *     type="bar-stacked"
+ *     [series]="series()"
+ *     [categories]="months()"
+ *     height="280"
+ *   />
+ */
+class NeuChartComponent {
+    /** Tipo de gráfica. / Chart type. */
+    type = input('line', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    /** Series para gráficas de ejes (line, area, bar, pareto…). / Series for axis-based charts (line, area, bar, pareto…). */
+    series = input([], ...(ngDevMode ? [{ debugName: "series" }] : /* istanbul ignore next */ []));
+    /** Series para gráficas sin ejes (donut, pie). / Series for non-axis charts (donut, pie). */
+    pieSeries = input([], ...(ngDevMode ? [{ debugName: "pieSeries" }] : /* istanbul ignore next */ []));
+    /** Etiquetas del eje X. / X-axis labels. */
+    categories = input([], ...(ngDevMode ? [{ debugName: "categories" }] : /* istanbul ignore next */ []));
+    /** Etiquetas para donut/pie. / Labels for donut/pie. */
+    labels = input([], ...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
+    /** Altura en px. / Height in px. */
+    height = input(280, ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+    /** Colores custom. Si no se proveen, usa la paleta Neural-Blue. / Custom colors. If not provided, uses the Neural-Blue palette. */
+    colors = input([], ...(ngDevMode ? [{ debugName: "colors" }] : /* istanbul ignore next */ []));
+    /** Muestra/oculta las etiquetas de datos. / Shows/hides data labels. */
+    showDataLabels = input(false, ...(ngDevMode ? [{ debugName: "showDataLabels" }] : /* istanbul ignore next */ []));
+    /** Título de la gráfica. / Chart title. */
+    title = input('', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    // --------------------------------------------------
+    // Helpers privados
+    // --------------------------------------------------
+    get _isBar() {
+        return ['bar', 'bar-stacked', 'bar-horizontal', 'bar-horizontal-stacked', 'pareto'].includes(this.type());
+    }
+    get _isStacked() {
+        return ['bar-stacked', 'bar-horizontal-stacked'].includes(this.type());
+    }
+    get _isHorizontal() {
+        return ['bar-horizontal', 'bar-horizontal-stacked'].includes(this.type());
+    }
+    // --------------------------------------------------
+    // Configs computadas
+    // --------------------------------------------------
+    resolvedColors = computed(() => this.colors().length ? this.colors() : DEFAULT_COLORS, ...(ngDevMode ? [{ debugName: "resolvedColors" }] : /* istanbul ignore next */ []));
+    resolvedSeries = computed(() => {
+        const t = this.type();
+        if (t === 'donut' || t === 'pie' || t === 'radialBar')
+            return this.pieSeries();
+        if (t === 'pareto') {
+            const first = this.series()[0];
+            if (!first)
+                return [];
+            const cumulative = computeParetoCumulative(first.data);
+            return [
+                { name: first.name, type: 'bar', data: first.data },
+                { name: 'Acumulado %', type: 'line', data: cumulative },
+            ];
+        }
+        return this.series();
+    }, ...(ngDevMode ? [{ debugName: "resolvedSeries" }] : /* istanbul ignore next */ []));
+    chartConfig = computed(() => {
+        const t = this.type();
+        const apexType = t === 'bar-stacked' || t === 'bar-horizontal' || t === 'bar-horizontal-stacked'
+            ? 'bar'
+            : t === 'pareto'
+                ? 'bar'
+                : t;
+        return {
+            type: apexType,
+            height: this.height(),
+            stacked: this._isStacked,
+            fontFamily: 'Inter, system-ui, -apple-system, sans-serif',
+            foreColor: '#64748b',
+            background: 'transparent',
+            toolbar: { show: false },
+            sparkline: { enabled: false },
+            zoom: { enabled: false },
+            animations: { enabled: true, speed: 500 },
+        };
+    }, ...(ngDevMode ? [{ debugName: "chartConfig" }] : /* istanbul ignore next */ []));
+    xaxisConfig = computed(() => ({
+        categories: this.categories(),
+        labels: {
+            style: { fontSize: '12px', fontFamily: 'inherit', colors: '#94a3b8' },
+        },
+        axisBorder: { show: false },
+        axisTicks: { show: false },
+    }), ...(ngDevMode ? [{ debugName: "xaxisConfig" }] : /* istanbul ignore next */ []));
+    yaxisConfig = computed(() => {
+        const labelStyle = { fontSize: '12px', fontFamily: 'inherit', colors: '#94a3b8' };
+        if (this.type() === 'pareto') {
+            return [
+                { labels: { style: labelStyle } },
+                {
+                    opposite: true,
+                    min: 0,
+                    max: 100,
+                    tickAmount: 5,
+                    labels: {
+                        style: labelStyle,
+                        formatter: (v) => `${v}%`,
+                    },
+                },
+            ];
+        }
+        return { labels: { style: labelStyle } };
+    }, ...(ngDevMode ? [{ debugName: "yaxisConfig" }] : /* istanbul ignore next */ []));
+    strokeConfig = computed(() => {
+        const t = this.type();
+        if (t === 'pareto') {
+            return {
+                show: true,
+                width: [0, 2],
+                curve: ['straight', 'smooth'],
+                lineCap: 'round',
+            };
+        }
+        if (this._isBar || t === 'donut' || t === 'pie' || t === 'radialBar')
+            return { show: false };
+        return { curve: 'smooth', width: 2 };
+    }, ...(ngDevMode ? [{ debugName: "strokeConfig" }] : /* istanbul ignore next */ []));
+    fillConfig = computed(() => {
+        const t = this.type();
+        if (t === 'area') {
+            return {
+                type: 'gradient',
+                gradient: { shadeIntensity: 1, opacityFrom: 0.35, opacityTo: 0.02, stops: [0, 100] },
+            };
+        }
+        return { opacity: 0.85 };
+    }, ...(ngDevMode ? [{ debugName: "fillConfig" }] : /* istanbul ignore next */ []));
+    dataLabelsConfig = computed(() => ({
+        enabled: this.showDataLabels(),
+        style: { fontSize: '11px', fontFamily: 'inherit' },
+    }), ...(ngDevMode ? [{ debugName: "dataLabelsConfig" }] : /* istanbul ignore next */ []));
+    gridConfig = computed(() => ({
+        borderColor: '#e2e8f0',
+        strokeDashArray: 4,
+        xaxis: { lines: { show: false } },
+        yaxis: { lines: { show: true } },
+        padding: { left: 4, right: 4 },
+    }), ...(ngDevMode ? [{ debugName: "gridConfig" }] : /* istanbul ignore next */ []));
+    legendConfig = computed(() => ({
+        position: 'bottom',
+        fontFamily: 'inherit',
+        fontSize: '12px',
+        markers: { size: 6 },
+        itemMargin: { horizontal: 8 },
+    }), ...(ngDevMode ? [{ debugName: "legendConfig" }] : /* istanbul ignore next */ []));
+    tooltipConfig = computed(() => {
+        const base = {
+            theme: 'light',
+            style: { fontSize: '12px', fontFamily: 'inherit' },
+        };
+        if (this.type() === 'pareto') {
+            return {
+                ...base,
+                y: [
+                    { formatter: (v) => String(v) },
+                    { formatter: (v) => `${v.toFixed(1)}%` },
+                ],
+            };
+        }
+        return base;
+    }, ...(ngDevMode ? [{ debugName: "tooltipConfig" }] : /* istanbul ignore next */ []));
+    plotOptionsConfig = computed(() => {
+        const t = this.type();
+        if (t === 'donut' || t === 'pie') {
+            return { pie: { donut: { size: '68%' } } };
+        }
+        if (t === 'radialBar') {
+            return {
+                radialBar: {
+                    hollow: { margin: 4, size: '55%' },
+                    track: { background: 'var(--neu-surface-2, #f1f5f9)', strokeWidth: '100%', margin: 4 },
+                    dataLabels: {
+                        name: {
+                            fontSize: '14px',
+                            fontFamily: 'inherit',
+                            color: 'var(--neu-text-secondary, #64748b)',
+                            offsetY: -6,
+                        },
+                        value: {
+                            fontSize: '20px',
+                            fontFamily: 'inherit',
+                            fontWeight: 600,
+                            color: 'var(--neu-text-primary, #0f172a)',
+                            offsetY: 4,
+                            formatter: (v) => `${Math.round(v)}%`,
+                        },
+                        total: {
+                            show: true,
+                            label: 'Promedio',
+                            fontSize: '13px',
+                            fontFamily: 'inherit',
+                            color: 'var(--neu-text-secondary, #64748b)',
+                            formatter: (w) => {
+                                const vals = w.globals.series;
+                                const avg = vals.reduce((s, v) => s + v, 0) / vals.length;
+                                return `${Math.round(avg)}%`;
+                            },
+                        },
+                    },
+                },
+            };
+        }
+        if (this._isBar || t === 'pareto') {
+            return {
+                bar: {
+                    horizontal: this._isHorizontal,
+                    borderRadius: this._isStacked ? 0 : 4,
+                    columnWidth: '60%',
+                    barHeight: '70%',
+                    dataLabels: { total: { enabled: false } },
+                },
+            };
+        }
+        return {};
+    }, ...(ngDevMode ? [{ debugName: "plotOptionsConfig" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: NeuChartComponent, isStandalone: true, selector: "neu-chart", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, series: { classPropertyName: "series", publicName: "series", isSignal: true, isRequired: false, transformFunction: null }, pieSeries: { classPropertyName: "pieSeries", publicName: "pieSeries", isSignal: true, isRequired: false, transformFunction: null }, categories: { classPropertyName: "categories", publicName: "categories", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, colors: { classPropertyName: "colors", publicName: "colors", isSignal: true, isRequired: false, transformFunction: null }, showDataLabels: { classPropertyName: "showDataLabels", publicName: "showDataLabels", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "neu-chart" }, ngImport: i0, template: `
+    <apx-chart
+      [chart]="chartConfig()"
+      [series]="resolvedSeries()"
+      [labels]="labels()"
+      [xaxis]="xaxisConfig()"
+      [yaxis]="yaxisConfig()"
+      [colors]="resolvedColors()"
+      [stroke]="strokeConfig()"
+      [fill]="fillConfig()"
+      [dataLabels]="dataLabelsConfig()"
+      [grid]="gridConfig()"
+      [legend]="legendConfig()"
+      [tooltip]="tooltipConfig()"
+      [plotOptions]="plotOptionsConfig()"
+    />
+  `, isInline: true, styles: [".neu-chart{display:block;width:100%}.neu-chart .apexcharts-canvas{background:transparent!important}.neu-chart .apexcharts-tooltip{border:1px solid var(--neu-border)!important;box-shadow:var(--neu-shadow-sm)!important;border-radius:var(--neu-radius)!important;font-family:inherit!important;font-size:12px!important;background:var(--neu-surface)!important;color:var(--neu-text)!important}.neu-chart .apexcharts-tooltip-title{background:var(--neu-surface-2)!important;border-bottom:1px solid var(--neu-border)!important;font-weight:600!important;color:var(--neu-text)!important;padding:6px 10px!important}.neu-chart .apexcharts-xaxistooltip,.neu-chart .apexcharts-yaxistooltip{background:var(--neu-surface)!important;border-color:var(--neu-border)!important;color:var(--neu-text-muted)!important}.neu-chart .apexcharts-legend-text{color:var(--neu-text-muted)!important;font-family:inherit!important}.neu-chart .apexcharts-yaxis-label,.neu-chart .apexcharts-xaxis-label{fill:var(--neu-text-muted)!important;font-family:inherit!important}.neu-chart .apexcharts-gridline{stroke:var(--neu-border)!important}\n"], dependencies: [{ kind: "component", type: ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "parsing", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"], outputs: ["chartReady"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-chart', imports: [ChartComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'neu-chart' }, template: `
+    <apx-chart
+      [chart]="chartConfig()"
+      [series]="resolvedSeries()"
+      [labels]="labels()"
+      [xaxis]="xaxisConfig()"
+      [yaxis]="yaxisConfig()"
+      [colors]="resolvedColors()"
+      [stroke]="strokeConfig()"
+      [fill]="fillConfig()"
+      [dataLabels]="dataLabelsConfig()"
+      [grid]="gridConfig()"
+      [legend]="legendConfig()"
+      [tooltip]="tooltipConfig()"
+      [plotOptions]="plotOptionsConfig()"
+    />
+  `, styles: [".neu-chart{display:block;width:100%}.neu-chart .apexcharts-canvas{background:transparent!important}.neu-chart .apexcharts-tooltip{border:1px solid var(--neu-border)!important;box-shadow:var(--neu-shadow-sm)!important;border-radius:var(--neu-radius)!important;font-family:inherit!important;font-size:12px!important;background:var(--neu-surface)!important;color:var(--neu-text)!important}.neu-chart .apexcharts-tooltip-title{background:var(--neu-surface-2)!important;border-bottom:1px solid var(--neu-border)!important;font-weight:600!important;color:var(--neu-text)!important;padding:6px 10px!important}.neu-chart .apexcharts-xaxistooltip,.neu-chart .apexcharts-yaxistooltip{background:var(--neu-surface)!important;border-color:var(--neu-border)!important;color:var(--neu-text-muted)!important}.neu-chart .apexcharts-legend-text{color:var(--neu-text-muted)!important;font-family:inherit!important}.neu-chart .apexcharts-yaxis-label,.neu-chart .apexcharts-xaxis-label{fill:var(--neu-text-muted)!important;font-family:inherit!important}.neu-chart .apexcharts-gridline{stroke:var(--neu-border)!important}\n"] }]
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], series: [{ type: i0.Input, args: [{ isSignal: true, alias: "series", required: false }] }], pieSeries: [{ type: i0.Input, args: [{ isSignal: true, alias: "pieSeries", required: false }] }], categories: [{ type: i0.Input, args: [{ isSignal: true, alias: "categories", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], colors: [{ type: i0.Input, args: [{ isSignal: true, alias: "colors", required: false }] }], showDataLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDataLabels", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuChartComponent };
+//# sourceMappingURL=neural-ui-core-chart.mjs.map

package/fesm2022/neural-ui-core-chart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-chart.mjs","sources":["../../../../projects/ui-core/chart/neu-chart.component.ts","../../../../projects/ui-core/chart/neural-ui-core-chart.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n} from '@angular/core';\nimport { ChartComponent } from 'ng-apexcharts';\n\nexport type NeuChartType =\n  | 'line'\n  | 'area'\n  | 'bar'\n  | 'bar-stacked'\n  | 'bar-horizontal'\n  | 'bar-horizontal-stacked'\n  | 'pareto'\n  | 'donut'\n  | 'pie'\n  | 'radialBar';\n\nexport interface NeuChartSeries {\n  name: string;\n  data: number[];\n}\n\n/** Paleta por defecto Neural-Blue / Default Neural-Blue palette */\nconst DEFAULT_COLORS = ['#007aff', '#5856d6', '#34c759', '#ff9f0a', '#ff3b30', '#64748b'];\n\n/** Calcula la línea acumulada porcentual para un diagrama de Pareto. / Calculates the cumulative percentage line for a Pareto chart. */\nfunction computeParetoCumulative(data: number[]): number[] {\n  const total = data.reduce((s, v) => s + Math.abs(v), 0);\n  if (total === 0) return data.map(() => 0);\n  let cum = 0;\n  return data.map((v) => {\n    cum += Math.abs(v);\n    return Math.round((cum / total) * 1000) / 10;\n  });\n}\n\n/**\n * NeuChart — Wrapper reactivo de ApexCharts con estética Neural-Blue.\n *\n * Tipos soportados:\n *   line · area · bar · bar-stacked · bar-horizontal · bar-horizontal-stacked · pareto · donut · pie · radialBar\n *\n * Uso:\n *   <neu-chart\n *     type=\"bar-stacked\"\n *     [series]=\"series()\"\n *     [categories]=\"months()\"\n *     height=\"280\"\n *   />\n */\n@Component({\n  selector: 'neu-chart',\n  imports: [ChartComponent],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'neu-chart' },\n  template: `\n    <apx-chart\n      [chart]=\"chartConfig()\"\n      [series]=\"resolvedSeries()\"\n      [labels]=\"labels()\"\n      [xaxis]=\"xaxisConfig()\"\n      [yaxis]=\"yaxisConfig()\"\n      [colors]=\"resolvedColors()\"\n      [stroke]=\"strokeConfig()\"\n      [fill]=\"fillConfig()\"\n      [dataLabels]=\"dataLabelsConfig()\"\n      [grid]=\"gridConfig()\"\n      [legend]=\"legendConfig()\"\n      [tooltip]=\"tooltipConfig()\"\n      [plotOptions]=\"plotOptionsConfig()\"\n    />\n  `,\n  styleUrl: './neu-chart.component.scss',\n})\nexport class NeuChartComponent {\n  /** Tipo de gráfica. / Chart type. */\n  type = input<NeuChartType>('line');\n  /** Series para gráficas de ejes (line, area, bar, pareto…). / Series for axis-based charts (line, area, bar, pareto…). */\n  series = input<NeuChartSeries[]>([]);\n  /** Series para gráficas sin ejes (donut, pie). / Series for non-axis charts (donut, pie). */\n  pieSeries = input<number[]>([]);\n  /** Etiquetas del eje X. / X-axis labels. */\n  categories = input<string[]>([]);\n  /** Etiquetas para donut/pie. / Labels for donut/pie. */\n  labels = input<string[]>([]);\n  /** Altura en px. / Height in px. */\n  height = input<number>(280);\n  /** Colores custom. Si no se proveen, usa la paleta Neural-Blue. / Custom colors. If not provided, uses the Neural-Blue palette. */\n  colors = input<string[]>([]);\n  /** Muestra/oculta las etiquetas de datos. / Shows/hides data labels. */\n  showDataLabels = input<boolean>(false);\n  /** Título de la gráfica. / Chart title. */\n  title = input<string>('');\n\n  // --------------------------------------------------\n  // Helpers privados\n  // --------------------------------------------------\n\n  private get _isBar(): boolean {\n    return ['bar', 'bar-stacked', 'bar-horizontal', 'bar-horizontal-stacked', 'pareto'].includes(\n      this.type(),\n    );\n  }\n\n  private get _isStacked(): boolean {\n    return ['bar-stacked', 'bar-horizontal-stacked'].includes(this.type());\n  }\n\n  private get _isHorizontal(): boolean {\n    return ['bar-horizontal', 'bar-horizontal-stacked'].includes(this.type());\n  }\n\n  // --------------------------------------------------\n  // Configs computadas\n  // --------------------------------------------------\n\n  protected readonly resolvedColors = computed(() =>\n    this.colors().length ? this.colors() : DEFAULT_COLORS,\n  );\n\n  protected readonly resolvedSeries = computed((): any => {\n    const t = this.type();\n    if (t === 'donut' || t === 'pie' || t === 'radialBar') return this.pieSeries();\n    if (t === 'pareto') {\n      const first = this.series()[0];\n      if (!first) return [];\n      const cumulative = computeParetoCumulative(first.data);\n      return [\n        { name: first.name, type: 'bar', data: first.data },\n        { name: 'Acumulado %', type: 'line', data: cumulative },\n      ];\n    }\n    return this.series();\n  });\n\n  protected readonly chartConfig = computed(() => {\n    const t = this.type();\n    const apexType: string =\n      t === 'bar-stacked' || t === 'bar-horizontal' || t === 'bar-horizontal-stacked'\n        ? 'bar'\n        : t === 'pareto'\n          ? 'bar'\n          : t;\n    return {\n      type: apexType as any,\n      height: this.height(),\n      stacked: this._isStacked,\n      fontFamily: 'Inter, system-ui, -apple-system, sans-serif',\n      foreColor: '#64748b',\n      background: 'transparent',\n      toolbar: { show: false },\n      sparkline: { enabled: false },\n      zoom: { enabled: false },\n      animations: { enabled: true, speed: 500 },\n    };\n  });\n\n  protected readonly xaxisConfig = computed(() => ({\n    categories: this.categories(),\n    labels: {\n      style: { fontSize: '12px', fontFamily: 'inherit', colors: '#94a3b8' },\n    },\n    axisBorder: { show: false },\n    axisTicks: { show: false },\n  }));\n\n  protected readonly yaxisConfig = computed((): any => {\n    const labelStyle = { fontSize: '12px', fontFamily: 'inherit', colors: '#94a3b8' };\n    if (this.type() === 'pareto') {\n      return [\n        { labels: { style: labelStyle } },\n        {\n          opposite: true,\n          min: 0,\n          max: 100,\n          tickAmount: 5,\n          labels: {\n            style: labelStyle,\n            formatter: (v: number) => `${v}%`,\n          },\n        },\n      ];\n    }\n    return { labels: { style: labelStyle } };\n  });\n\n  protected readonly strokeConfig = computed(() => {\n    const t = this.type();\n    if (t === 'pareto') {\n      return {\n        show: true,\n        width: [0, 2],\n        curve: ['straight', 'smooth'] as any,\n        lineCap: 'round' as const,\n      };\n    }\n    if (this._isBar || t === 'donut' || t === 'pie' || t === 'radialBar') return { show: false };\n    return { curve: 'smooth' as const, width: 2 };\n  });\n\n  protected readonly fillConfig = computed(() => {\n    const t = this.type();\n    if (t === 'area') {\n      return {\n        type: 'gradient' as const,\n        gradient: { shadeIntensity: 1, opacityFrom: 0.35, opacityTo: 0.02, stops: [0, 100] },\n      };\n    }\n    return { opacity: 0.85 };\n  });\n\n  protected readonly dataLabelsConfig = computed(() => ({\n    enabled: this.showDataLabels(),\n    style: { fontSize: '11px', fontFamily: 'inherit' },\n  }));\n\n  protected readonly gridConfig = computed(() => ({\n    borderColor: '#e2e8f0',\n    strokeDashArray: 4,\n    xaxis: { lines: { show: false } },\n    yaxis: { lines: { show: true } },\n    padding: { left: 4, right: 4 },\n  }));\n\n  protected readonly legendConfig = computed(() => ({\n    position: 'bottom' as const,\n    fontFamily: 'inherit',\n    fontSize: '12px',\n    markers: { size: 6 },\n    itemMargin: { horizontal: 8 },\n  }));\n\n  protected readonly tooltipConfig = computed(() => {\n    const base = {\n      theme: 'light' as const,\n      style: { fontSize: '12px', fontFamily: 'inherit' },\n    };\n    if (this.type() === 'pareto') {\n      return {\n        ...base,\n        y: [\n          { formatter: (v: number) => String(v) },\n          { formatter: (v: number) => `${v.toFixed(1)}%` },\n        ],\n      };\n    }\n    return base;\n  });\n\n  protected readonly plotOptionsConfig = computed(() => {\n    const t = this.type();\n    if (t === 'donut' || t === 'pie') {\n      return { pie: { donut: { size: '68%' } } };\n    }\n    if (t === 'radialBar') {\n      return {\n        radialBar: {\n          hollow: { margin: 4, size: '55%' },\n          track: { background: 'var(--neu-surface-2, #f1f5f9)', strokeWidth: '100%', margin: 4 },\n          dataLabels: {\n            name: {\n              fontSize: '14px',\n              fontFamily: 'inherit',\n              color: 'var(--neu-text-secondary, #64748b)',\n              offsetY: -6,\n            },\n            value: {\n              fontSize: '20px',\n              fontFamily: 'inherit',\n              fontWeight: 600,\n              color: 'var(--neu-text-primary, #0f172a)',\n              offsetY: 4,\n              formatter: (v: number) => `${Math.round(v)}%`,\n            },\n            total: {\n              show: true,\n              label: 'Promedio',\n              fontSize: '13px',\n              fontFamily: 'inherit',\n              color: 'var(--neu-text-secondary, #64748b)',\n              formatter: (w: any) => {\n                const vals: number[] = w.globals.series;\n                const avg = vals.reduce((s: number, v: number) => s + v, 0) / vals.length;\n                return `${Math.round(avg)}%`;\n              },\n            },\n          },\n        },\n      };\n    }\n    if (this._isBar || t === 'pareto') {\n      return {\n        bar: {\n          horizontal: this._isHorizontal,\n          borderRadius: this._isStacked ? 0 : 4,\n          columnWidth: '60%',\n          barHeight: '70%',\n          dataLabels: { total: { enabled: false } },\n        },\n      };\n    }\n    return {};\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/neural-ui-core-checkbox.mjs

@@ -0,0 +1,138 @@
+import * as i0 from '@angular/core';
+import { input, signal, computed, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+let _neuCheckboxIdSeq = 0;
+/**
+ * NeuralUI Checkbox Component
+ *
+ * Checkbox personalizado y accesible para Angular Forms.
+ *
+ * Uso:
+ *   <neu-checkbox label="Acepto los términos" [formControl]="termsCtrl" />
+ */
+class NeuCheckboxComponent {
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    name = input('', ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    _id = `neu-checkbox-${_neuCheckboxIdSeq++}`;
+    _checked = signal(false, ...(ngDevMode ? [{ debugName: "_checked" }] : /* istanbul ignore next */ []));
+    /** Estado disabled interno — combina el input `disabled` con el CVA setDisabledState / Internal disabled state — combines the `disabled` input with CVA setDisabledState */
+    _cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "_cvaDisabled" }] : /* istanbul ignore next */ []));
+    _isDisabled = computed(() => this.disabled() || this._cvaDisabled(), ...(ngDevMode ? [{ debugName: "_isDisabled" }] : /* istanbul ignore next */ []));
+    _onChange = () => { };
+    _onTouched = () => { };
+    onChange(event) {
+        const checked = event.target.checked;
+        this._checked.set(checked);
+        this._onChange(checked);
+    }
+    onBlur() {
+        this._onTouched();
+    }
+    writeValue(val) {
+        this._checked.set(!!val);
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._cvaDisabled.set(isDisabled);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuCheckboxComponent, isStandalone: true, selector: "neu-checkbox", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "neu-checkbox-host" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => NeuCheckboxComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: `
+    <label class="neu-checkbox" [class.neu-checkbox--disabled]="_isDisabled()" [for]="_id">
+      <input
+        type="checkbox"
+        class="neu-checkbox__input"
+        [id]="_id"
+        [attr.name]="name() || null"
+        [checked]="_checked()"
+        [disabled]="_isDisabled()"
+        (change)="onChange($event)"
+        (blur)="onBlur()"
+      />
+      <span class="neu-checkbox__box" [class.neu-checkbox__box--checked]="_checked()">
+        <svg
+          class="neu-checkbox__check"
+          viewBox="0 0 12 10"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          aria-hidden="true"
+          [class.neu-checkbox__check--visible]="_checked()"
+        >
+          <path
+            d="M1 5L4.5 8.5L11 1"
+            stroke="white"
+            stroke-width="1.8"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+        </svg>
+      </span>
+      @if (label()) {
+        <span class="neu-checkbox__label">{{ label() }}</span>
+      }
+    </label>
+  `, isInline: true, styles: [".neu-checkbox-host{display:inline-block}.neu-checkbox{display:inline-flex;align-items:center;gap:var(--neu-space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.neu-checkbox--disabled{opacity:.5;pointer-events:none}.neu-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.neu-checkbox__input:focus-visible+.neu-checkbox__box{outline:2px solid var(--neu-primary);outline-offset:2px}.neu-checkbox__box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;background:var(--neu-surface);border:1.5px solid var(--neu-border-hover);border-radius:var(--neu-radius-sm);transition:background-color var(--neu-transition),border-color var(--neu-transition),box-shadow var(--neu-transition)}.neu-checkbox__box--checked{background:var(--neu-primary);border-color:var(--neu-primary);box-shadow:var(--neu-focus-ring-strong)}.neu-checkbox__check{width:12px;height:10px;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease}.neu-checkbox__check--visible{opacity:1;transform:scale(1)}.neu-checkbox__label{font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);color:var(--neu-text);font-weight:500;line-height:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-checkbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'neu-checkbox-host' }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NeuCheckboxComponent),
+                            multi: true,
+                        },
+                    ], template: `
+    <label class="neu-checkbox" [class.neu-checkbox--disabled]="_isDisabled()" [for]="_id">
+      <input
+        type="checkbox"
+        class="neu-checkbox__input"
+        [id]="_id"
+        [attr.name]="name() || null"
+        [checked]="_checked()"
+        [disabled]="_isDisabled()"
+        (change)="onChange($event)"
+        (blur)="onBlur()"
+      />
+      <span class="neu-checkbox__box" [class.neu-checkbox__box--checked]="_checked()">
+        <svg
+          class="neu-checkbox__check"
+          viewBox="0 0 12 10"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          aria-hidden="true"
+          [class.neu-checkbox__check--visible]="_checked()"
+        >
+          <path
+            d="M1 5L4.5 8.5L11 1"
+            stroke="white"
+            stroke-width="1.8"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+        </svg>
+      </span>
+      @if (label()) {
+        <span class="neu-checkbox__label">{{ label() }}</span>
+      }
+    </label>
+  `, styles: [".neu-checkbox-host{display:inline-block}.neu-checkbox{display:inline-flex;align-items:center;gap:var(--neu-space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.neu-checkbox--disabled{opacity:.5;pointer-events:none}.neu-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.neu-checkbox__input:focus-visible+.neu-checkbox__box{outline:2px solid var(--neu-primary);outline-offset:2px}.neu-checkbox__box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;background:var(--neu-surface);border:1.5px solid var(--neu-border-hover);border-radius:var(--neu-radius-sm);transition:background-color var(--neu-transition),border-color var(--neu-transition),box-shadow var(--neu-transition)}.neu-checkbox__box--checked{background:var(--neu-primary);border-color:var(--neu-primary);box-shadow:var(--neu-focus-ring-strong)}.neu-checkbox__check{width:12px;height:10px;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease}.neu-checkbox__check--visible{opacity:1;transform:scale(1)}.neu-checkbox__label{font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);color:var(--neu-text);font-weight:500;line-height:1}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuCheckboxComponent };
+//# sourceMappingURL=neural-ui-core-checkbox.mjs.map

package/fesm2022/neural-ui-core-checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-checkbox.mjs","sources":["../../../../projects/ui-core/checkbox/neu-checkbox.component.ts","../../../../projects/ui-core/checkbox/neural-ui-core-checkbox.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  forwardRef,\n  input,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nlet _neuCheckboxIdSeq = 0;\n\n/**\n * NeuralUI Checkbox Component\n *\n * Checkbox personalizado y accesible para Angular Forms.\n *\n * Uso:\n *   <neu-checkbox label=\"Acepto los términos\" [formControl]=\"termsCtrl\" />\n */\n@Component({\n  selector: 'neu-checkbox',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'neu-checkbox-host' },\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NeuCheckboxComponent),\n      multi: true,\n    },\n  ],\n  template: `\n    <label class=\"neu-checkbox\" [class.neu-checkbox--disabled]=\"_isDisabled()\" [for]=\"_id\">\n      <input\n        type=\"checkbox\"\n        class=\"neu-checkbox__input\"\n        [id]=\"_id\"\n        [attr.name]=\"name() || null\"\n        [checked]=\"_checked()\"\n        [disabled]=\"_isDisabled()\"\n        (change)=\"onChange($event)\"\n        (blur)=\"onBlur()\"\n      />\n      <span class=\"neu-checkbox__box\" [class.neu-checkbox__box--checked]=\"_checked()\">\n        <svg\n          class=\"neu-checkbox__check\"\n          viewBox=\"0 0 12 10\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          aria-hidden=\"true\"\n          [class.neu-checkbox__check--visible]=\"_checked()\"\n        >\n          <path\n            d=\"M1 5L4.5 8.5L11 1\"\n            stroke=\"white\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </span>\n      @if (label()) {\n        <span class=\"neu-checkbox__label\">{{ label() }}</span>\n      }\n    </label>\n  `,\n  styleUrl: './neu-checkbox.component.scss',\n})\nexport class NeuCheckboxComponent implements ControlValueAccessor {\n  readonly label = input<string>('');\n  readonly name = input<string>('');\n  readonly disabled = input<boolean>(false);\n\n  readonly _id = `neu-checkbox-${_neuCheckboxIdSeq++}`;\n\n  protected readonly _checked = signal(false);\n  /** Estado disabled interno — combina el input `disabled` con el CVA setDisabledState / Internal disabled state — combines the `disabled` input with CVA setDisabledState */\n  private readonly _cvaDisabled = signal(false);\n  protected readonly _isDisabled = computed(() => this.disabled() || this._cvaDisabled());\n\n  private _onChange: (v: boolean) => void = () => {};\n  private _onTouched: () => void = () => {};\n\n  onChange(event: Event): void {\n    const checked = (event.target as HTMLInputElement).checked;\n    this._checked.set(checked);\n    this._onChange(checked);\n  }\n\n  onBlur(): void {\n    this._onTouched();\n  }\n\n  writeValue(val: unknown): void {\n    this._checked.set(!!val);\n  }\n\n  registerOnChange(fn: (v: boolean) => void): void {\n    this._onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._cvaDisabled.set(isDisabled);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}