@cuencor/ui-components 0.0.1

package/fesm2022/cuencor-ui-components.mjs

@@ -0,0 +1,586 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, output, signal, effect, computed, forwardRef, HostListener, ChangeDetectionStrategy, Component, Injector, afterNextRender, ViewChild } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i1 from 'lucide-angular';
+import { Calendar, ChevronLeft, ChevronRight, X, LucideAngularModule, ChevronDown, Check, ZoomIn, ZoomOut, Download, Printer } from 'lucide-angular';
+import { CommonModule } from '@angular/common';
+import * as pdfjsLib from 'pdfjs-dist';
+
+const MONTHS_ES = [
+    'Enero',
+    'Febrero',
+    'Marzo',
+    'Abril',
+    'Mayo',
+    'Junio',
+    'Julio',
+    'Agosto',
+    'Septiembre',
+    'Octubre',
+    'Noviembre',
+    'Diciembre',
+];
+const DAYS_ES = ['Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sá', 'Do'];
+class FnDatepickerComponent {
+    Calendar = Calendar;
+    ChevronLeft = ChevronLeft;
+    ChevronRight = ChevronRight;
+    X = X;
+    daysOfWeek = DAYS_ES;
+    elRef = inject(ElementRef);
+    // Inputs
+    id = input(null);
+    size = input('md');
+    disabled = input(false);
+    hasError = input(false);
+    min = input(null);
+    max = input(null);
+    placeholder = input('dd/mm/aaaa');
+    // Uso sin ngModel — undefined significa "no bindeado externamente"
+    value = input(undefined);
+    valueChange = output();
+    // Estado interno
+    selectedDate = signal(null);
+    isOpen = signal(false);
+    viewYear = signal(new Date().getFullYear());
+    viewMonth = signal(new Date().getMonth()); // 0-based
+    inputText = signal('');
+    dropdownTop = signal(0);
+    dropdownLeft = signal(0);
+    onChange = () => void 0;
+    onTouched = () => void 0;
+    constructor() {
+        // Sync [value] input → estado interno (solo cuando se bindea [value] explicitamente)
+        effect(() => {
+            const v = this.value();
+            if (v !== undefined) {
+                this.setFromIso(v);
+            }
+        }, { allowSignalWrites: true });
+    }
+    // ── Computed ───────────────────────────────────────────────────────────────
+    monthLabel = computed(() => `${MONTHS_ES[this.viewMonth()]} ${this.viewYear()}`);
+    calendarDays = computed(() => {
+        const year = this.viewYear();
+        const month = this.viewMonth();
+        const today = new Date();
+        const selected = this.selectedDate();
+        // Primer día del mes (0=domingo, ajustamos a lunes=0)
+        const firstDay = new Date(year, month, 1);
+        let startDow = firstDay.getDay(); // 0=domingo
+        startDow = startDow === 0 ? 6 : startDow - 1; // lunes=0
+        const days = [];
+        // Días del mes anterior para completar la primera semana
+        for (let i = startDow - 1; i >= 0; i--) {
+            const date = new Date(year, month, -i);
+            days.push(this.buildDay(date, false, today, selected));
+        }
+        // Días del mes actual
+        const daysInMonth = new Date(year, month + 1, 0).getDate();
+        for (let d = 1; d <= daysInMonth; d++) {
+            const date = new Date(year, month, d);
+            days.push(this.buildDay(date, true, today, selected));
+        }
+        // Completar hasta 42 celdas (6 semanas)
+        const remaining = 42 - days.length;
+        for (let d = 1; d <= remaining; d++) {
+            const date = new Date(year, month + 1, d);
+            days.push(this.buildDay(date, false, today, selected));
+        }
+        return days;
+    });
+    buildDay(date, isCurrentMonth, today, selected) {
+        return {
+            date,
+            day: date.getDate(),
+            isCurrentMonth,
+            isToday: this.isSameDay(date, today),
+            isSelected: selected ? this.isSameDay(date, selected) : false,
+        };
+    }
+    isSameDay(a, b) {
+        return (a.getFullYear() === b.getFullYear() &&
+            a.getMonth() === b.getMonth() &&
+            a.getDate() === b.getDate());
+    }
+    // ── Navegación ─────────────────────────────────────────────────────────────
+    prevMonth() {
+        if (this.viewMonth() === 0) {
+            this.viewMonth.set(11);
+            this.viewYear.update((y) => y - 1);
+        }
+        else {
+            this.viewMonth.update((m) => m - 1);
+        }
+    }
+    nextMonth() {
+        if (this.viewMonth() === 11) {
+            this.viewMonth.set(0);
+            this.viewYear.update((y) => y + 1);
+        }
+        else {
+            this.viewMonth.update((m) => m + 1);
+        }
+    }
+    // ── Selección ──────────────────────────────────────────────────────────────
+    selectDay(day) {
+        if (this.isDisabledDate(day.date))
+            return;
+        this.selectedDate.set(day.date);
+        const iso = this.toIso(day.date);
+        this.inputText.set(this.toDisplay(day.date));
+        this.onChange(iso);
+        this.onTouched();
+        this.valueChange.emit(iso);
+        this.isOpen.set(false);
+    }
+    isDisabledDate(date) {
+        const iso = this.toIso(date);
+        const min = this.min();
+        const max = this.max();
+        if (min && iso < min)
+            return true;
+        if (max && iso > max)
+            return true;
+        return false;
+    }
+    clear() {
+        this.selectedDate.set(null);
+        this.inputText.set('');
+        this.onChange('');
+        this.onTouched();
+        this.valueChange.emit('');
+        this.isOpen.set(false);
+    }
+    // ── Input de texto ─────────────────────────────────────────────────────────
+    open() {
+        if (this.disabled())
+            return;
+        // Calcular posición fixed basada en el bounding rect del host
+        const rect = this.elRef.nativeElement.getBoundingClientRect();
+        this.dropdownTop.set(rect.bottom + 4);
+        this.dropdownLeft.set(rect.left);
+        this.isOpen.set(true);
+        // Navegar al mes de la fecha seleccionada
+        const sel = this.selectedDate();
+        if (sel) {
+            this.viewYear.set(sel.getFullYear());
+            this.viewMonth.set(sel.getMonth());
+        }
+    }
+    onInputChange(event) {
+        const raw = event.target.value;
+        this.inputText.set(raw);
+        // Parsear dd/mm/aaaa
+        const match = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(raw);
+        if (match) {
+            const [, d, m, y] = match;
+            const date = new Date(Number(y), Number(m) - 1, Number(d));
+            if (!isNaN(date.getTime())) {
+                this.selectedDate.set(date);
+                this.viewYear.set(date.getFullYear());
+                this.viewMonth.set(date.getMonth());
+                const iso = this.toIso(date);
+                this.onChange(iso);
+                this.valueChange.emit(iso);
+            }
+        }
+    }
+    // ── Cerrar al click fuera ──────────────────────────────────────────────────
+    onDocumentClick(event) {
+        const el = this.elRef.nativeElement;
+        if (!el.contains(event.target)) {
+            this.isOpen.set(false);
+        }
+    }
+    onEscape() {
+        this.isOpen.set(false);
+    }
+    // ── Helpers ────────────────────────────────────────────────────────────────
+    toIso(date) {
+        const y = date.getFullYear();
+        const m = String(date.getMonth() + 1).padStart(2, '0');
+        const d = String(date.getDate()).padStart(2, '0');
+        return `${y}-${m}-${d}`;
+    }
+    toDisplay(date) {
+        const d = String(date.getDate()).padStart(2, '0');
+        const m = String(date.getMonth() + 1).padStart(2, '0');
+        const y = date.getFullYear();
+        return `${d}/${m}/${y}`;
+    }
+    setFromIso(iso) {
+        if (!iso) {
+            this.selectedDate.set(null);
+            this.inputText.set('');
+            return;
+        }
+        const [y, m, d] = iso.split('-').map(Number);
+        const date = new Date(y, m - 1, d);
+        if (!isNaN(date.getTime())) {
+            this.selectedDate.set(date);
+            this.inputText.set(this.toDisplay(date));
+            this.viewYear.set(date.getFullYear());
+            this.viewMonth.set(date.getMonth());
+        }
+    }
+    // ── ControlValueAccessor ───────────────────────────────────────────────────
+    writeValue(value) {
+        this.setFromIso(value ?? '');
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(_isDisabled) {
+        // Disabled state handled via the disabled() input signal
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FnDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: FnDatepickerComponent, isStandalone: true, selector: "fn-datepicker", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { listeners: { "document:click": "onDocumentClick($event)", "document:keydown.escape": "onEscape()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => FnDatepickerComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div\n  class=\"fn-datepicker\"\n  [class.fn-datepicker--sm]=\"size() === 'sm'\"\n  [class.fn-datepicker--error]=\"hasError()\"\n  [class.fn-datepicker--disabled]=\"disabled()\"\n  [class.fn-datepicker--open]=\"isOpen()\"\n  [class.fn-datepicker--has-value]=\"!!selectedDate()\"\n>\n  <!-- Trigger: \u00EDcono + input de texto -->\n  <lucide-icon\n    [img]=\"Calendar\"\n    [size]=\"size() === 'sm' ? 13 : 15\"\n    class=\"fn-datepicker__icon\"\n    aria-hidden=\"true\"\n    (click)=\"open()\"\n  />\n\n  <input\n    type=\"text\"\n    class=\"fn-datepicker__input\"\n    [id]=\"id() ?? undefined\"\n    [value]=\"inputText()\"\n    [disabled]=\"disabled()\"\n    [placeholder]=\"placeholder()\"\n    [attr.aria-label]=\"placeholder()\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-haspopup]=\"'dialog'\"\n    maxlength=\"10\"\n    autocomplete=\"off\"\n    (focus)=\"open()\"\n    (input)=\"onInputChange($event)\"\n    (blur)=\"onTouched()\"\n  />\n\n  @if (selectedDate() && !disabled()) {\n    <button\n      type=\"button\"\n      class=\"fn-datepicker__clear\"\n      (click)=\"clear()\"\n      aria-label=\"Limpiar fecha\"\n      title=\"Limpiar\"\n    >\n      <lucide-icon [img]=\"X\" [size]=\"size() === 'sm' ? 11 : 13\" aria-hidden=\"true\" />\n    </button>\n  }\n\n  <!-- Dropdown calendario (position:fixed para escapar de overflow:hidden) -->\n  @if (isOpen()) {\n    <div\n      class=\"fn-datepicker__dropdown\"\n      role=\"dialog\"\n      aria-label=\"Seleccionar fecha\"\n      [style.top.px]=\"dropdownTop()\"\n      [style.left.px]=\"dropdownLeft()\"\n    >\n      <!-- Cabecera de navegaci\u00F3n -->\n      <div class=\"fn-datepicker__header\">\n        <button\n          type=\"button\"\n          class=\"fn-datepicker__nav\"\n          (click)=\"prevMonth()\"\n          aria-label=\"Mes anterior\"\n        >\n          <lucide-icon [img]=\"ChevronLeft\" [size]=\"14\" aria-hidden=\"true\" />\n        </button>\n\n        <span class=\"fn-datepicker__month-label\">{{ monthLabel() }}</span>\n\n        <button\n          type=\"button\"\n          class=\"fn-datepicker__nav\"\n          (click)=\"nextMonth()\"\n          aria-label=\"Mes siguiente\"\n        >\n          <lucide-icon [img]=\"ChevronRight\" [size]=\"14\" aria-hidden=\"true\" />\n        </button>\n      </div>\n\n      <!-- D\u00EDas de la semana -->\n      <div class=\"fn-datepicker__weekdays\">\n        @for (day of daysOfWeek; track day) {\n          <span class=\"fn-datepicker__weekday\">{{ day }}</span>\n        }\n      </div>\n\n      <!-- Grid de d\u00EDas -->\n      <div class=\"fn-datepicker__grid\">\n        @for (day of calendarDays(); track day.date.getTime()) {\n          <button\n            type=\"button\"\n            class=\"fn-datepicker__day\"\n            [class.fn-datepicker__day--other-month]=\"!day.isCurrentMonth\"\n            [class.fn-datepicker__day--today]=\"day.isToday\"\n            [class.fn-datepicker__day--selected]=\"day.isSelected\"\n            [class.fn-datepicker__day--disabled]=\"isDisabledDate(day.date)\"\n            [disabled]=\"isDisabledDate(day.date)\"\n            [attr.aria-label]=\"\n              day.date.toLocaleDateString('es-MX', {\n                day: 'numeric',\n                month: 'long',\n                year: 'numeric',\n              })\n            \"\n            [attr.aria-pressed]=\"day.isSelected\"\n            (click)=\"selectDay(day)\"\n          >\n            {{ day.day }}\n          </button>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [".fn-datepicker{position:relative;display:flex;align-items:center;width:100%;background:#fff;border:1px solid var(--fn-gray-300);border-radius:var(--fn-radius);box-shadow:0 1px 2px #0000000a;transition:border-color var(--fn-transition),box-shadow var(--fn-transition)}.fn-datepicker:hover:not(.fn-datepicker--disabled){border-color:var(--fn-gray-400);background:var(--fn-gray-50)}.fn-datepicker--open,.fn-datepicker:focus-within:not(.fn-datepicker--disabled){border-color:var(--fn-primary-500);box-shadow:0 0 0 3px #2f4bb324;background:#fff}.fn-datepicker--error{border-color:var(--fn-danger-500)}.fn-datepicker--error:focus-within{box-shadow:0 0 0 3px #ef444424}.fn-datepicker--disabled{opacity:.5;cursor:not-allowed;background:var(--fn-gray-50)}.fn-datepicker__icon{flex-shrink:0;margin-left:10px;color:var(--fn-primary-700);cursor:pointer}.fn-datepicker__input{flex:1;min-width:0;padding:9px 8px;font-family:var(--fn-font-sans);font-size:var(--fn-text-sm);font-weight:500;color:var(--fn-gray-900);background:transparent;border:none;outline:none;cursor:text}.fn-datepicker__input::placeholder{color:var(--fn-gray-400);font-weight:400}.fn-datepicker__input:disabled{cursor:not-allowed}.fn-datepicker__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:6px;background:transparent;border:none;border-radius:var(--fn-radius-sm);color:var(--fn-gray-400);cursor:pointer;transition:color var(--fn-transition),background var(--fn-transition)}.fn-datepicker__clear:hover{color:var(--fn-gray-700);background:var(--fn-gray-100)}.fn-datepicker__dropdown{position:fixed;width:280px;background:#fff;border:1px solid var(--fn-gray-200);border-radius:var(--fn-radius-lg);box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000f;z-index:1050;padding:12px}.fn-datepicker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.fn-datepicker__month-label{font-family:var(--fn-font-sans);font-size:var(--fn-text-sm);font-weight:700;color:var(--fn-gray-800);text-transform:capitalize}.fn-datepicker__nav{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--fn-gray-200);border-radius:var(--fn-radius);color:var(--fn-gray-600);cursor:pointer;transition:background var(--fn-transition),color var(--fn-transition),border-color var(--fn-transition)}.fn-datepicker__nav:hover{background:var(--fn-primary-50);border-color:var(--fn-primary-200);color:var(--fn-primary-700)}.fn-datepicker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.fn-datepicker__weekday{display:flex;align-items:center;justify-content:center;height:28px;font-family:var(--fn-font-sans);font-size:var(--fn-text-xs);font-weight:600;color:var(--fn-gray-400);text-transform:uppercase;letter-spacing:.04em}.fn-datepicker__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.fn-datepicker__day{display:flex;align-items:center;justify-content:center;height:34px;font-family:var(--fn-font-sans);font-size:var(--fn-text-sm);font-weight:400;color:var(--fn-gray-700);background:transparent;border:none;border-radius:var(--fn-radius);cursor:pointer;transition:background var(--fn-transition),color var(--fn-transition)}.fn-datepicker__day:hover:not(:disabled){background:var(--fn-primary-50);color:var(--fn-primary-700)}.fn-datepicker__day--other-month{color:var(--fn-gray-300)}.fn-datepicker__day--today{font-weight:700;color:var(--fn-primary-600)}.fn-datepicker__day--selected{background:var(--fn-primary-700)!important;color:#fff!important;font-weight:600;border-radius:var(--fn-radius)}.fn-datepicker__day--disabled{opacity:.35;cursor:not-allowed}.fn-datepicker--sm .fn-datepicker__icon{margin-left:8px}.fn-datepicker--sm .fn-datepicker__input{padding:6px;font-size:var(--fn-text-xs)}.fn-datepicker--sm .fn-datepicker__clear{width:18px;height:18px;margin-right:4px}.fn-datepicker--sm .fn-datepicker__dropdown{width:280px}\n"], dependencies: [{ kind: "ngmodule", type: LucideAngularModule }, { kind: "component", type: i1.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FnDatepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fn-datepicker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [LucideAngularModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FnDatepickerComponent),
+                            multi: true,
+                        },
+                    ], template: "<div\n  class=\"fn-datepicker\"\n  [class.fn-datepicker--sm]=\"size() === 'sm'\"\n  [class.fn-datepicker--error]=\"hasError()\"\n  [class.fn-datepicker--disabled]=\"disabled()\"\n  [class.fn-datepicker--open]=\"isOpen()\"\n  [class.fn-datepicker--has-value]=\"!!selectedDate()\"\n>\n  <!-- Trigger: \u00EDcono + input de texto -->\n  <lucide-icon\n    [img]=\"Calendar\"\n    [size]=\"size() === 'sm' ? 13 : 15\"\n    class=\"fn-datepicker__icon\"\n    aria-hidden=\"true\"\n    (click)=\"open()\"\n  />\n\n  <input\n    type=\"text\"\n    class=\"fn-datepicker__input\"\n    [id]=\"id() ?? undefined\"\n    [value]=\"inputText()\"\n    [disabled]=\"disabled()\"\n    [placeholder]=\"placeholder()\"\n    [attr.aria-label]=\"placeholder()\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-haspopup]=\"'dialog'\"\n    maxlength=\"10\"\n    autocomplete=\"off\"\n    (focus)=\"open()\"\n    (input)=\"onInputChange($event)\"\n    (blur)=\"onTouched()\"\n  />\n\n  @if (selectedDate() && !disabled()) {\n    <button\n      type=\"button\"\n      class=\"fn-datepicker__clear\"\n      (click)=\"clear()\"\n      aria-label=\"Limpiar fecha\"\n      title=\"Limpiar\"\n    >\n      <lucide-icon [img]=\"X\" [size]=\"size() === 'sm' ? 11 : 13\" aria-hidden=\"true\" />\n    </button>\n  }\n\n  <!-- Dropdown calendario (position:fixed para escapar de overflow:hidden) -->\n  @if (isOpen()) {\n    <div\n      class=\"fn-datepicker__dropdown\"\n      role=\"dialog\"\n      aria-label=\"Seleccionar fecha\"\n      [style.top.px]=\"dropdownTop()\"\n      [style.left.px]=\"dropdownLeft()\"\n    >\n      <!-- Cabecera de navegaci\u00F3n -->\n      <div class=\"fn-datepicker__header\">\n        <button\n          type=\"button\"\n          class=\"fn-datepicker__nav\"\n          (click)=\"prevMonth()\"\n          aria-label=\"Mes anterior\"\n        >\n          <lucide-icon [img]=\"ChevronLeft\" [size]=\"14\" aria-hidden=\"true\" />\n        </button>\n\n        <span class=\"fn-datepicker__month-label\">{{ monthLabel() }}</span>\n\n        <button\n          type=\"button\"\n          class=\"fn-datepicker__nav\"\n          (click)=\"nextMonth()\"\n          aria-label=\"Mes siguiente\"\n        >\n          <lucide-icon [img]=\"ChevronRight\" [size]=\"14\" aria-hidden=\"true\" />\n        </button>\n      </div>\n\n      <!-- D\u00EDas de la semana -->\n      <div class=\"fn-datepicker__weekdays\">\n        @for (day of daysOfWeek; track day) {\n          <span class=\"fn-datepicker__weekday\">{{ day }}</span>\n        }\n      </div>\n\n      <!-- Grid de d\u00EDas -->\n      <div class=\"fn-datepicker__grid\">\n        @for (day of calendarDays(); track day.date.getTime()) {\n          <button\n            type=\"button\"\n            class=\"fn-datepicker__day\"\n            [class.fn-datepicker__day--other-month]=\"!day.isCurrentMonth\"\n            [class.fn-datepicker__day--today]=\"day.isToday\"\n            [class.fn-datepicker__day--selected]=\"day.isSelected\"\n            [class.fn-datepicker__day--disabled]=\"isDisabledDate(day.date)\"\n            [disabled]=\"isDisabledDate(day.date)\"\n            [attr.aria-label]=\"\n              day.date.toLocaleDateString('es-MX', {\n                day: 'numeric',\n                month: 'long',\n                year: 'numeric',\n              })\n            \"\n            [attr.aria-pressed]=\"day.isSelected\"\n            (click)=\"selectDay(day)\"\n          >\n            {{ day.day }}\n          </button>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [".fn-datepicker{position:relative;display:flex;align-items:center;width:100%;background:#fff;border:1px solid var(--fn-gray-300);border-radius:var(--fn-radius);box-shadow:0 1px 2px #0000000a;transition:border-color var(--fn-transition),box-shadow var(--fn-transition)}.fn-datepicker:hover:not(.fn-datepicker--disabled){border-color:var(--fn-gray-400);background:var(--fn-gray-50)}.fn-datepicker--open,.fn-datepicker:focus-within:not(.fn-datepicker--disabled){border-color:var(--fn-primary-500);box-shadow:0 0 0 3px #2f4bb324;background:#fff}.fn-datepicker--error{border-color:var(--fn-danger-500)}.fn-datepicker--error:focus-within{box-shadow:0 0 0 3px #ef444424}.fn-datepicker--disabled{opacity:.5;cursor:not-allowed;background:var(--fn-gray-50)}.fn-datepicker__icon{flex-shrink:0;margin-left:10px;color:var(--fn-primary-700);cursor:pointer}.fn-datepicker__input{flex:1;min-width:0;padding:9px 8px;font-family:var(--fn-font-sans);font-size:var(--fn-text-sm);font-weight:500;color:var(--fn-gray-900);background:transparent;border:none;outline:none;cursor:text}.fn-datepicker__input::placeholder{color:var(--fn-gray-400);font-weight:400}.fn-datepicker__input:disabled{cursor:not-allowed}.fn-datepicker__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:6px;background:transparent;border:none;border-radius:var(--fn-radius-sm);color:var(--fn-gray-400);cursor:pointer;transition:color var(--fn-transition),background var(--fn-transition)}.fn-datepicker__clear:hover{color:var(--fn-gray-700);background:var(--fn-gray-100)}.fn-datepicker__dropdown{position:fixed;width:280px;background:#fff;border:1px solid var(--fn-gray-200);border-radius:var(--fn-radius-lg);box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000f;z-index:1050;padding:12px}.fn-datepicker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.fn-datepicker__month-label{font-family:var(--fn-font-sans);font-size:var(--fn-text-sm);font-weight:700;color:var(--fn-gray-800);text-transform:capitalize}.fn-datepicker__nav{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--fn-gray-200);border-radius:var(--fn-radius);color:var(--fn-gray-600);cursor:pointer;transition:background var(--fn-transition),color var(--fn-transition),border-color var(--fn-transition)}.fn-datepicker__nav:hover{background:var(--fn-primary-50);border-color:var(--fn-primary-200);color:var(--fn-primary-700)}.fn-datepicker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.fn-datepicker__weekday{display:flex;align-items:center;justify-content:center;height:28px;font-family:var(--fn-font-sans);font-size:var(--fn-text-xs);font-weight:600;color:var(--fn-gray-400);text-transform:uppercase;letter-spacing:.04em}.fn-datepicker__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.fn-datepicker__day{display:flex;align-items:center;justify-content:center;height:34px;font-family:var(--fn-font-sans);font-size:var(--fn-text-sm);font-weight:400;color:var(--fn-gray-700);background:transparent;border:none;border-radius:var(--fn-radius);cursor:pointer;transition:background var(--fn-transition),color var(--fn-transition)}.fn-datepicker__day:hover:not(:disabled){background:var(--fn-primary-50);color:var(--fn-primary-700)}.fn-datepicker__day--other-month{color:var(--fn-gray-300)}.fn-datepicker__day--today{font-weight:700;color:var(--fn-primary-600)}.fn-datepicker__day--selected{background:var(--fn-primary-700)!important;color:#fff!important;font-weight:600;border-radius:var(--fn-radius)}.fn-datepicker__day--disabled{opacity:.35;cursor:not-allowed}.fn-datepicker--sm .fn-datepicker__icon{margin-left:8px}.fn-datepicker--sm .fn-datepicker__input{padding:6px;font-size:var(--fn-text-xs)}.fn-datepicker--sm .fn-datepicker__clear{width:18px;height:18px;margin-right:4px}.fn-datepicker--sm .fn-datepicker__dropdown{width:280px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }], onEscape: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
+
+class FnSelectComponent {
+    ChevronDown = ChevronDown;
+    Check = Check;
+    elRef = inject(ElementRef);
+    injector = inject(Injector);
+    // Inputs
+    options = input.required();
+    placeholder = input('Seleccionar...');
+    size = input('md');
+    disabled = input(false);
+    id = input(null);
+    value = input(undefined);
+    searchable = input(false);
+    searchPlaceholder = input('Buscar...');
+    // Output (para uso sin ngModel)
+    valueChange = output();
+    // Internal state
+    isOpen = signal(false);
+    selectedValue = signal('');
+    searchQuery = signal('');
+    dropdownTop = signal(0);
+    dropdownLeft = signal(0);
+    dropdownWidth = signal(0);
+    constructor() {
+        // Sync [value] input → internal state (solo cuando se bindea [value] explicitamente)
+        effect(() => {
+            const v = this.value();
+            if (v !== undefined) {
+                this.selectedValue.set(v);
+            }
+        }, { allowSignalWrites: true });
+    }
+    // CVA callbacks
+    onChange = () => void 0;
+    onTouched = () => void 0;
+    filteredOptions = computed(() => {
+        const q = this.searchQuery().toLowerCase().trim();
+        if (!q)
+            return this.options();
+        return this.options().filter((o) => o.label.toLowerCase().includes(q) || o.value.toLowerCase().includes(q));
+    });
+    selectedLabel = computed(() => {
+        const val = this.selectedValue();
+        if (!val)
+            return '';
+        return this.options().find((o) => o.value === val)?.label ?? '';
+    });
+    selectedOption = computed(() => {
+        const val = this.selectedValue();
+        if (!val)
+            return null;
+        return this.options().find((o) => o.value === val) ?? null;
+    });
+    // Close dropdown when clicking outside
+    onDocumentClick(event) {
+        const el = this.elRef.nativeElement;
+        if (!el.contains(event.target)) {
+            this.isOpen.set(false);
+        }
+    }
+    onEscape() {
+        this.isOpen.set(false);
+        this.searchQuery.set('');
+    }
+    toggle() {
+        if (this.disabled())
+            return;
+        const opening = !this.isOpen();
+        if (opening) {
+            // Calcular posición fixed basada en el bounding rect del trigger
+            const rect = this.elRef.nativeElement.getBoundingClientRect();
+            this.dropdownTop.set(rect.bottom + 4);
+            this.dropdownLeft.set(rect.left);
+            this.dropdownWidth.set(rect.width);
+        }
+        this.isOpen.set(opening);
+        if (opening && this.searchable()) {
+            const host = this.elRef.nativeElement;
+            afterNextRender(() => {
+                const input = host.querySelector('.fn-cselect__search-input');
+                input?.focus();
+            }, { injector: this.injector });
+        }
+        else {
+            this.searchQuery.set('');
+        }
+        this.onTouched();
+    }
+    select(option) {
+        this.selectedValue.set(option.value);
+        this.isOpen.set(false);
+        this.searchQuery.set('');
+        this.onChange(option.value);
+        this.onTouched();
+        this.valueChange.emit(option.value);
+    }
+    // ControlValueAccessor
+    writeValue(value) {
+        this.selectedValue.set(value ?? '');
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(_isDisabled) {
+        // Disabled state is handled via the disabled() input signal
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FnSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: FnSelectComponent, isStandalone: true, selector: "fn-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { listeners: { "document:click": "onDocumentClick($event)", "document:keydown.escape": "onEscape()" }, styleAttribute: "display: block" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => FnSelectComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div\n  class=\"fn-cselect\"\n  [class.fn-cselect--sm]=\"size() === 'sm'\"\n  [class.fn-cselect--open]=\"isOpen()\"\n  [class.fn-cselect--disabled]=\"disabled()\"\n  [class.fn-cselect--has-value]=\"!!selectedValue()\"\n>\n  <!-- Trigger button -->\n  <button\n    type=\"button\"\n    class=\"fn-cselect__trigger\"\n    [id]=\"id() ?? undefined\"\n    [disabled]=\"disabled()\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-haspopup]=\"'listbox'\"\n    (click)=\"toggle()\"\n  >\n    <span class=\"fn-cselect__value\">\n      @if (selectedLabel()) {\n        {{ selectedLabel() }}\n      } @else {\n        <span class=\"fn-cselect__placeholder\">{{ placeholder() }}</span>\n      }\n    </span>\n    <lucide-icon\n      [img]=\"ChevronDown\"\n      [size]=\"size() === 'sm' ? 13 : 15\"\n      class=\"fn-cselect__chevron\"\n      aria-hidden=\"true\"\n    />\n  </button>\n\n  <!-- Dropdown (position:fixed para escapar de overflow:hidden) -->\n  @if (isOpen()) {\n    <div\n      class=\"fn-cselect__dropdown\"\n      [style.top.px]=\"dropdownTop()\"\n      [style.left.px]=\"dropdownLeft()\"\n      [style.width.px]=\"dropdownWidth()\"\n    >\n      <!-- Search input (fuera del listbox \u2014 ARIA: listbox solo admite option como hijos) -->\n      @if (searchable()) {\n        <div class=\"fn-cselect__search\">\n          <label [for]=\"'fn-cselect-search-' + (id() ?? 'default')\" class=\"fn-sr-only\">\n            {{ searchPlaceholder() }}\n          </label>\n          <input\n            [id]=\"'fn-cselect-search-' + (id() ?? 'default')\"\n            type=\"search\"\n            class=\"fn-cselect__search-input\"\n            [placeholder]=\"searchPlaceholder()\"\n            [title]=\"searchPlaceholder()\"\n            [value]=\"searchQuery()\"\n            autocomplete=\"off\"\n            (input)=\"searchQuery.set($any($event.target).value)\"\n            (click)=\"$event.stopPropagation()\"\n            (keydown)=\"$event.stopPropagation()\"\n          />\n        </div>\n\n        <!-- Sin resultados (fuera del listbox) -->\n        @if (filteredOptions().length === 0) {\n          <p class=\"fn-cselect__empty\">Sin resultados</p>\n        }\n      }\n\n      <!-- Options list -->\n      <div role=\"listbox\" [attr.aria-label]=\"placeholder()\">\n        @for (option of filteredOptions(); track option.value) {\n          <button\n            type=\"button\"\n            class=\"fn-cselect__option\"\n            [class.fn-cselect__option--selected]=\"selectedValue() === option.value\"\n            role=\"option\"\n            [attr.aria-selected]=\"selectedValue() === option.value\"\n            [attr.aria-label]=\"option.label\"\n            (click)=\"select(option)\"\n          >\n            <span class=\"fn-cselect__option-text\">\n              {{ option.label }}\n              @if (option.description) {\n                <span class=\"fn-cselect__option-desc\">{{ option.description }}</span>\n              }\n            </span>\n            @if (selectedValue() === option.value) {\n              <lucide-icon [img]=\"Check\" [size]=\"13\" class=\"fn-cselect__check\" aria-hidden=\"true\" />\n            }\n          </button>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [".fn-cselect{position:relative;width:100%}.fn-cselect__trigger{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:9px 10px 9px 12px;font-family:var(--fn-font-sans);font-size:var(--fn-text-sm);font-weight:500;color:var(--fn-gray-800);background:#fff;border:1px solid var(--fn-gray-300);border-radius:var(--fn-radius);cursor:pointer;text-align:left;transition:border-color var(--fn-transition),box-shadow var(--fn-transition),background var(--fn-transition);box-shadow:0 1px 2px #0000000a;white-space:nowrap;overflow:hidden}.fn-cselect__trigger:hover:not(:disabled){border-color:var(--fn-gray-400);background:var(--fn-gray-50)}.fn-cselect__trigger:disabled{opacity:.5;cursor:not-allowed}.fn-cselect--open .fn-cselect__trigger{border-color:var(--fn-primary-500);box-shadow:0 0 0 3px #2f4bb324;background:#fff}.fn-cselect__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.fn-cselect__placeholder{color:var(--fn-gray-400);font-weight:400}.fn-cselect__chevron{flex-shrink:0;color:var(--fn-primary-700);transition:transform var(--fn-transition)}.fn-cselect--open .fn-cselect__chevron{transform:rotate(180deg)}.fn-cselect--sm .fn-cselect__trigger{padding:6px 8px 6px 10px;font-size:var(--fn-text-xs)}.fn-cselect__search{padding:6px 4px 4px;border-bottom:1px solid var(--fn-gray-100);margin-bottom:4px}.fn-cselect__search-input{width:100%;padding:6px 10px;font-family:var(--fn-font-sans);font-size:var(--fn-text-sm);color:var(--fn-gray-800);background:var(--fn-gray-50);border:1px solid var(--fn-gray-200);border-radius:var(--fn-radius);outline:none;transition:border-color var(--fn-transition),box-shadow var(--fn-transition)}.fn-cselect__search-input:focus{border-color:var(--fn-primary-400);box-shadow:0 0 0 3px #2f4bb31a;background:#fff}.fn-cselect__search-input::placeholder{color:var(--fn-gray-400)}.fn-cselect__search-input::-webkit-search-cancel-button{display:none}.fn-cselect__empty{padding:10px 12px;font-size:var(--fn-text-sm);color:var(--fn-gray-400);text-align:center}.fn-cselect__dropdown{position:fixed;max-height:280px;overflow-y:auto;overflow-x:hidden;background:#fff;border:1px solid var(--fn-gray-200);border-radius:var(--fn-radius-lg);box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000f;z-index:1050;padding:4px}.fn-cselect__dropdown::-webkit-scrollbar{width:4px}.fn-cselect__dropdown::-webkit-scrollbar-track{background:transparent}.fn-cselect__dropdown::-webkit-scrollbar-thumb{background:var(--fn-gray-300);border-radius:4px}.fn-cselect__option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;padding:8px 10px;font-family:var(--fn-font-sans);font-size:var(--fn-text-sm);font-weight:400;color:var(--fn-gray-700);background:transparent;border:none;border-radius:var(--fn-radius-md);cursor:pointer;text-align:left;transition:background var(--fn-transition),color var(--fn-transition)}.fn-cselect__option:hover{background:var(--fn-gray-100);color:var(--fn-gray-900)}.fn-cselect__option--selected{background:var(--fn-primary-50);color:var(--fn-primary-700);font-weight:600}.fn-cselect__option--selected:hover{background:var(--fn-primary-100)}.fn-cselect__option-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;overflow:hidden;white-space:normal;word-break:break-word;line-height:1.35}.fn-cselect__option-desc{font-size:var(--fn-text-xs);color:var(--fn-gray-400);font-weight:400}.fn-cselect__check{flex-shrink:0;color:var(--fn-primary-600)}\n"], dependencies: [{ kind: "ngmodule", type: LucideAngularModule }, { kind: "component", type: i1.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FnSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fn-select', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'display: block' }, imports: [LucideAngularModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FnSelectComponent),
+                            multi: true,
+                        },
+                    ], template: "<div\n  class=\"fn-cselect\"\n  [class.fn-cselect--sm]=\"size() === 'sm'\"\n  [class.fn-cselect--open]=\"isOpen()\"\n  [class.fn-cselect--disabled]=\"disabled()\"\n  [class.fn-cselect--has-value]=\"!!selectedValue()\"\n>\n  <!-- Trigger button -->\n  <button\n    type=\"button\"\n    class=\"fn-cselect__trigger\"\n    [id]=\"id() ?? undefined\"\n    [disabled]=\"disabled()\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-haspopup]=\"'listbox'\"\n    (click)=\"toggle()\"\n  >\n    <span class=\"fn-cselect__value\">\n      @if (selectedLabel()) {\n        {{ selectedLabel() }}\n      } @else {\n        <span class=\"fn-cselect__placeholder\">{{ placeholder() }}</span>\n      }\n    </span>\n    <lucide-icon\n      [img]=\"ChevronDown\"\n      [size]=\"size() === 'sm' ? 13 : 15\"\n      class=\"fn-cselect__chevron\"\n      aria-hidden=\"true\"\n    />\n  </button>\n\n  <!-- Dropdown (position:fixed para escapar de overflow:hidden) -->\n  @if (isOpen()) {\n    <div\n      class=\"fn-cselect__dropdown\"\n      [style.top.px]=\"dropdownTop()\"\n      [style.left.px]=\"dropdownLeft()\"\n      [style.width.px]=\"dropdownWidth()\"\n    >\n      <!-- Search input (fuera del listbox \u2014 ARIA: listbox solo admite option como hijos) -->\n      @if (searchable()) {\n        <div class=\"fn-cselect__search\">\n          <label [for]=\"'fn-cselect-search-' + (id() ?? 'default')\" class=\"fn-sr-only\">\n            {{ searchPlaceholder() }}\n          </label>\n          <input\n            [id]=\"'fn-cselect-search-' + (id() ?? 'default')\"\n            type=\"search\"\n            class=\"fn-cselect__search-input\"\n            [placeholder]=\"searchPlaceholder()\"\n            [title]=\"searchPlaceholder()\"\n            [value]=\"searchQuery()\"\n            autocomplete=\"off\"\n            (input)=\"searchQuery.set($any($event.target).value)\"\n            (click)=\"$event.stopPropagation()\"\n            (keydown)=\"$event.stopPropagation()\"\n          />\n        </div>\n\n        <!-- Sin resultados (fuera del listbox) -->\n        @if (filteredOptions().length === 0) {\n          <p class=\"fn-cselect__empty\">Sin resultados</p>\n        }\n      }\n\n      <!-- Options list -->\n      <div role=\"listbox\" [attr.aria-label]=\"placeholder()\">\n        @for (option of filteredOptions(); track option.value) {\n          <button\n            type=\"button\"\n            class=\"fn-cselect__option\"\n            [class.fn-cselect__option--selected]=\"selectedValue() === option.value\"\n            role=\"option\"\n            [attr.aria-selected]=\"selectedValue() === option.value\"\n            [attr.aria-label]=\"option.label\"\n            (click)=\"select(option)\"\n          >\n            <span class=\"fn-cselect__option-text\">\n              {{ option.label }}\n              @if (option.description) {\n                <span class=\"fn-cselect__option-desc\">{{ option.description }}</span>\n              }\n            </span>\n            @if (selectedValue() === option.value) {\n              <lucide-icon [img]=\"Check\" [size]=\"13\" class=\"fn-cselect__check\" aria-hidden=\"true\" />\n            }\n          </button>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [".fn-cselect{position:relative;width:100%}.fn-cselect__trigger{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:9px 10px 9px 12px;font-family:var(--fn-font-sans);font-size:var(--fn-text-sm);font-weight:500;color:var(--fn-gray-800);background:#fff;border:1px solid var(--fn-gray-300);border-radius:var(--fn-radius);cursor:pointer;text-align:left;transition:border-color var(--fn-transition),box-shadow var(--fn-transition),background var(--fn-transition);box-shadow:0 1px 2px #0000000a;white-space:nowrap;overflow:hidden}.fn-cselect__trigger:hover:not(:disabled){border-color:var(--fn-gray-400);background:var(--fn-gray-50)}.fn-cselect__trigger:disabled{opacity:.5;cursor:not-allowed}.fn-cselect--open .fn-cselect__trigger{border-color:var(--fn-primary-500);box-shadow:0 0 0 3px #2f4bb324;background:#fff}.fn-cselect__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.fn-cselect__placeholder{color:var(--fn-gray-400);font-weight:400}.fn-cselect__chevron{flex-shrink:0;color:var(--fn-primary-700);transition:transform var(--fn-transition)}.fn-cselect--open .fn-cselect__chevron{transform:rotate(180deg)}.fn-cselect--sm .fn-cselect__trigger{padding:6px 8px 6px 10px;font-size:var(--fn-text-xs)}.fn-cselect__search{padding:6px 4px 4px;border-bottom:1px solid var(--fn-gray-100);margin-bottom:4px}.fn-cselect__search-input{width:100%;padding:6px 10px;font-family:var(--fn-font-sans);font-size:var(--fn-text-sm);color:var(--fn-gray-800);background:var(--fn-gray-50);border:1px solid var(--fn-gray-200);border-radius:var(--fn-radius);outline:none;transition:border-color var(--fn-transition),box-shadow var(--fn-transition)}.fn-cselect__search-input:focus{border-color:var(--fn-primary-400);box-shadow:0 0 0 3px #2f4bb31a;background:#fff}.fn-cselect__search-input::placeholder{color:var(--fn-gray-400)}.fn-cselect__search-input::-webkit-search-cancel-button{display:none}.fn-cselect__empty{padding:10px 12px;font-size:var(--fn-text-sm);color:var(--fn-gray-400);text-align:center}.fn-cselect__dropdown{position:fixed;max-height:280px;overflow-y:auto;overflow-x:hidden;background:#fff;border:1px solid var(--fn-gray-200);border-radius:var(--fn-radius-lg);box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000f;z-index:1050;padding:4px}.fn-cselect__dropdown::-webkit-scrollbar{width:4px}.fn-cselect__dropdown::-webkit-scrollbar-track{background:transparent}.fn-cselect__dropdown::-webkit-scrollbar-thumb{background:var(--fn-gray-300);border-radius:4px}.fn-cselect__option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;padding:8px 10px;font-family:var(--fn-font-sans);font-size:var(--fn-text-sm);font-weight:400;color:var(--fn-gray-700);background:transparent;border:none;border-radius:var(--fn-radius-md);cursor:pointer;text-align:left;transition:background var(--fn-transition),color var(--fn-transition)}.fn-cselect__option:hover{background:var(--fn-gray-100);color:var(--fn-gray-900)}.fn-cselect__option--selected{background:var(--fn-primary-50);color:var(--fn-primary-700);font-weight:600}.fn-cselect__option--selected:hover{background:var(--fn-primary-100)}.fn-cselect__option-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;overflow:hidden;white-space:normal;word-break:break-word;line-height:1.35}.fn-cselect__option-desc{font-size:var(--fn-text-xs);color:var(--fn-gray-400);font-weight:400}.fn-cselect__check{flex-shrink:0;color:var(--fn-primary-600)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }], onEscape: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
+
+class PdfViewerModalComponent {
+    // Inputs
+    isOpen = input.required();
+    pdfSource = input.required();
+    title = input('Documento');
+    fileName = input('documento.pdf');
+    // Outputs
+    closed = output();
+    // Refs
+    canvasRef;
+    modalContentRef;
+    // Signals
+    currentPage = signal(1);
+    totalPages = signal(0);
+    scale = signal(100);
+    isLoading = signal(true);
+    pdfDocument;
+    // Icons
+    ChevronLeft = ChevronLeft;
+    ChevronRight = ChevronRight;
+    ZoomIn = ZoomIn;
+    ZoomOut = ZoomOut;
+    Download = Download;
+    Printer = Printer;
+    X = X;
+    constructor() {
+        // Cambiar de página cuando se abre el modal
+        effect(() => {
+            if (this.isOpen()) {
+                document.body.style.overflow = 'hidden';
+                setTimeout(() => this.loadPdf(), 100);
+            }
+            else {
+                document.body.style.overflow = 'auto';
+                this.cleanup();
+            }
+        });
+    }
+    ngOnInit() {
+        pdfjsLib.GlobalWorkerOptions.workerSrc = '/pdf.worker.min.js';
+    }
+    async loadPdf() {
+        this.isLoading.set(true);
+        try {
+            const source = this.pdfSource();
+            const docSource = source instanceof Blob
+                ? { data: await source.arrayBuffer() }
+                : source;
+            const pdf = await pdfjsLib.getDocument(docSource).promise;
+            this.pdfDocument = pdf;
+            this.totalPages.set(pdf.numPages);
+            this.currentPage.set(1);
+            await this.renderPage(1);
+        }
+        catch {
+            // Error silencioso — el estado se resetea en finally
+        }
+        finally {
+            this.isLoading.set(false);
+        }
+    }
+    async renderPage(pageNum) {
+        if (!this.pdfDocument || !this.canvasRef)
+            return;
+        try {
+            const page = await this.pdfDocument.getPage(pageNum);
+            const viewport = page.getViewport({ scale: this.scale() / 100 });
+            const canvas = this.canvasRef.nativeElement;
+            const context = canvas.getContext('2d');
+            canvas.width = viewport.width;
+            canvas.height = viewport.height;
+            await page.render({ canvasContext: context, viewport }).promise;
+            this.currentPage.set(pageNum);
+        }
+        catch {
+            // Error silencioso al renderizar página
+        }
+    }
+    nextPage() {
+        const next = Math.min(this.currentPage() + 1, this.totalPages());
+        this.renderPage(next);
+    }
+    prevPage() {
+        const prev = Math.max(this.currentPage() - 1, 1);
+        this.renderPage(prev);
+    }
+    zoomIn() {
+        const newScale = Math.min(this.scale() + 25, 400);
+        this.scale.set(newScale);
+        this.renderPage(this.currentPage());
+    }
+    zoomOut() {
+        const newScale = Math.max(this.scale() - 25, 50);
+        this.scale.set(newScale);
+        this.renderPage(this.currentPage());
+    }
+    fitToPage() {
+        this.scale.set(100);
+        this.renderPage(this.currentPage());
+    }
+    async downloadPdf() {
+        const source = this.pdfSource();
+        if (source instanceof Blob) {
+            const url = URL.createObjectURL(source);
+            this.downloadFile(url, this.fileName());
+            URL.revokeObjectURL(url);
+        }
+        else if (typeof source === 'string') {
+            this.downloadFile(source, this.fileName());
+        }
+    }
+    downloadFile(url, fileName) {
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = fileName;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    }
+    printPdf() {
+        const source = this.pdfSource();
+        const url = source instanceof Blob
+            ? URL.createObjectURL(source)
+            : source;
+        const iframe = document.createElement('iframe');
+        iframe.style.display = 'none';
+        iframe.src = url;
+        document.body.appendChild(iframe);
+        iframe.onload = () => {
+            iframe.contentWindow?.focus();
+            iframe.contentWindow?.print();
+            setTimeout(() => {
+                document.body.removeChild(iframe);
+                if (source instanceof Blob) {
+                    URL.revokeObjectURL(url);
+                }
+            }, 1000);
+        };
+    }
+    onEscapeKey() {
+        if (this.isOpen()) {
+            this.close();
+        }
+    }
+    close() {
+        this.closed.emit();
+    }
+    cleanup() {
+        this.pdfDocument = null;
+    }
+    // Métodos auxiliares
+    canPrevPage() {
+        return this.currentPage() > 1;
+    }
+    canNextPage() {
+        return this.currentPage() < this.totalPages();
+    }
+    canZoomOut() {
+        return this.scale() > 50;
+    }
+    canZoomIn() {
+        return this.scale() < 400;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PdfViewerModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: PdfViewerModalComponent, isStandalone: true, selector: "app-pdf-viewer-modal", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: true, transformFunction: null }, pdfSource: { classPropertyName: "pdfSource", publicName: "pdfSource", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, fileName: { classPropertyName: "fileName", publicName: "fileName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { listeners: { "document:keydown.escape": "onEscapeKey()" } }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true }, { propertyName: "modalContentRef", first: true, predicate: ["modalContent"], descendants: true }], ngImport: i0, template: "@if (isOpen()) {\n  <!-- Backdrop -->\n  <div class=\"pdf-modal__backdrop\" (click)=\"close()\"></div>\n\n  <!-- Modal -->\n  <div class=\"pdf-modal\" role=\"dialog\" aria-modal=\"true\">\n    <!-- Header Profesional -->\n    <div class=\"pdf-modal__header\">\n      <div class=\"pdf-modal__header-content\">\n        <h2 class=\"pdf-modal__title\">{{ title() }}</h2>\n        <span class=\"pdf-modal__subtitle\">{{ fileName() }}</span>\n      </div>\n\n      <button\n        (click)=\"close()\"\n        class=\"pdf-modal__close-btn\"\n        type=\"button\"\n        aria-label=\"Cerrar\">\n        <lucide-icon [img]=\"X\" [size]=\"24\" />\n      </button>\n    </div>\n\n    <!-- Toolbar de Controles -->\n    <div class=\"pdf-modal__toolbar\">\n      <!-- Controles de Navegaci\u00F3n -->\n      <div class=\"pdf-modal__toolbar-group\">\n        <button\n          (click)=\"prevPage()\"\n          [disabled]=\"!canPrevPage()\"\n          class=\"fn-btn fn-btn--ghost fn-btn--sm\"\n          title=\"P\u00E1gina anterior\"\n          type=\"button\">\n          <lucide-icon [img]=\"ChevronLeft\" [size]=\"18\" />\n        </button>\n\n        <span class=\"pdf-modal__page-indicator\">\n          {{ currentPage() }} <span class=\"pdf-modal__separator\">/</span> {{ totalPages() }}\n        </span>\n\n        <button\n          (click)=\"nextPage()\"\n          [disabled]=\"!canNextPage()\"\n          class=\"fn-btn fn-btn--ghost fn-btn--sm\"\n          title=\"Siguiente p\u00E1gina\"\n          type=\"button\">\n          <lucide-icon [img]=\"ChevronRight\" [size]=\"18\" />\n        </button>\n      </div>\n\n      <!-- Controles de Zoom -->\n      <div class=\"pdf-modal__toolbar-group\">\n        <button\n          (click)=\"zoomOut()\"\n          [disabled]=\"!canZoomOut()\"\n          class=\"fn-btn fn-btn--ghost fn-btn--sm\"\n          title=\"Alejar\"\n          type=\"button\">\n          <lucide-icon [img]=\"ZoomOut\" [size]=\"18\" />\n        </button>\n\n        <span class=\"pdf-modal__zoom-indicator\">{{ scale() }}%</span>\n\n        <button\n          (click)=\"zoomIn()\"\n          [disabled]=\"!canZoomIn()\"\n          class=\"fn-btn fn-btn--ghost fn-btn--sm\"\n          title=\"Acercar\"\n          type=\"button\">\n          <lucide-icon [img]=\"ZoomIn\" [size]=\"18\" />\n        </button>\n      </div>\n\n      <!-- Separador -->\n      <div class=\"pdf-modal__divider\"></div>\n\n      <!-- Acciones -->\n      <div class=\"pdf-modal__toolbar-group pdf-modal__toolbar-group--actions\">\n        <button\n          (click)=\"printPdf()\"\n          class=\"fn-btn fn-btn--ghost fn-btn--sm\"\n          title=\"Imprimir\"\n          type=\"button\">\n          <lucide-icon [img]=\"Printer\" [size]=\"18\" />\n          <span class=\"pdf-modal__btn-label\">Imprimir</span>\n        </button>\n\n        <button\n          (click)=\"downloadPdf()\"\n          class=\"fn-btn fn-btn--primary fn-btn--sm\"\n          title=\"Descargar\"\n          type=\"button\">\n          <lucide-icon [img]=\"Download\" [size]=\"18\" />\n          <span class=\"pdf-modal__btn-label\">Descargar</span>\n        </button>\n      </div>\n    </div>\n\n    <!-- Contenido PDF -->\n    <div class=\"pdf-modal__content\" #modalContent>\n      @if (isLoading()) {\n        <div class=\"pdf-modal__loading\">\n          <div class=\"fn-spinner\"></div>\n          <p>Cargando documento...</p>\n        </div>\n      }\n\n      <div class=\"pdf-modal__canvas-wrapper\">\n        <canvas #canvas class=\"pdf-modal__canvas\"></canvas>\n      </div>\n    </div>\n  </div>\n}\n", styles: [".pdf-modal{position:fixed;inset:0;width:100%;height:100%;display:flex;flex-direction:column;background:#fff;z-index:1100;animation:slideUp .3s ease-out}@media(max-width:1024px){.pdf-modal__content{max-height:calc(100% - 180px)}}.pdf-modal__backdrop{position:fixed;inset:0;background:#000000b3;z-index:1090;animation:fadeIn .2s ease-out}@media(max-width:768px){.pdf-modal__backdrop{display:none}}.pdf-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#f9f9fb,#f5f5f8);border-bottom:1px solid #e0e0e7;flex-shrink:0}@media(max-width:768px){.pdf-modal__header{padding:16px}}.pdf-modal__header-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.pdf-modal__title{font-size:18px;font-weight:600;color:#1a1a24;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.pdf-modal__title{font-size:16px}}.pdf-modal__subtitle{font-size:12px;color:#7a7a8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-modal__close-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#7a7a8e;border-radius:6px;transition:all .2s ease;margin-left:16px}.pdf-modal__close-btn:hover{background:#0000000d;color:#1a1a24}.pdf-modal__close-btn:active{transform:scale(.95)}.pdf-modal__toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e7;gap:16px;flex-wrap:wrap;flex-shrink:0}@media(max-width:768px){.pdf-modal__toolbar{padding:10px 12px;gap:8px}}.pdf-modal__toolbar-group{display:flex;align-items:center;gap:8px}.pdf-modal__toolbar-group--actions{gap:12px;margin-left:auto}.pdf-modal__divider{width:1px;height:24px;background:#e0e0e7}.pdf-modal__page-indicator{font-size:13px;color:#4a4a5e;font-weight:500;min-width:50px;text-align:center;font-family:Courier New,monospace}@media(max-width:768px){.pdf-modal__page-indicator{font-size:12px;min-width:45px}}.pdf-modal__separator{color:#c5c5d2;margin:0 4px}.pdf-modal__zoom-indicator{font-size:13px;color:#4a4a5e;font-weight:500;min-width:40px;text-align:center}@media(max-width:768px){.pdf-modal__zoom-indicator{font-size:12px;min-width:35px}}@media(max-width:768px){.pdf-modal__btn-label{display:none}}.pdf-modal__content{flex:1;overflow:auto;background:#f5f5f7;display:flex;justify-content:center;align-items:flex-start;padding:24px}@media(max-width:1024px){.pdf-modal__content{padding:16px}}@media(max-width:768px){.pdf-modal__content{padding:12px}}.pdf-modal__canvas-wrapper{position:relative;display:flex;justify-content:center;width:100%}.pdf-modal__canvas{max-width:100%;height:auto;box-shadow:0 2px 12px #00000026;background:#fff;border-radius:2px}@media(max-width:768px){.pdf-modal__canvas{box-shadow:0 1px 4px #0000001a}}.pdf-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;color:#7a7a8e}.pdf-modal__loading p{margin:0;font-size:14px}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pdf-modal__content::-webkit-scrollbar{width:8px}.pdf-modal__content::-webkit-scrollbar-track{background:transparent}.pdf-modal__content::-webkit-scrollbar-thumb{background:#c5c5d2;border-radius:4px}.pdf-modal__content::-webkit-scrollbar-thumb:hover{background:#a5a5b8}@media print{.pdf-modal__header,.pdf-modal__toolbar,.pdf-modal__backdrop{display:none!important}.pdf-modal{position:static;background:#fff}.pdf-modal__content{background:#fff;padding:0}.pdf-modal__canvas{box-shadow:none;max-width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: LucideAngularModule }, { kind: "component", type: i1.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PdfViewerModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-pdf-viewer-modal', standalone: true, imports: [CommonModule, LucideAngularModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (isOpen()) {\n  <!-- Backdrop -->\n  <div class=\"pdf-modal__backdrop\" (click)=\"close()\"></div>\n\n  <!-- Modal -->\n  <div class=\"pdf-modal\" role=\"dialog\" aria-modal=\"true\">\n    <!-- Header Profesional -->\n    <div class=\"pdf-modal__header\">\n      <div class=\"pdf-modal__header-content\">\n        <h2 class=\"pdf-modal__title\">{{ title() }}</h2>\n        <span class=\"pdf-modal__subtitle\">{{ fileName() }}</span>\n      </div>\n\n      <button\n        (click)=\"close()\"\n        class=\"pdf-modal__close-btn\"\n        type=\"button\"\n        aria-label=\"Cerrar\">\n        <lucide-icon [img]=\"X\" [size]=\"24\" />\n      </button>\n    </div>\n\n    <!-- Toolbar de Controles -->\n    <div class=\"pdf-modal__toolbar\">\n      <!-- Controles de Navegaci\u00F3n -->\n      <div class=\"pdf-modal__toolbar-group\">\n        <button\n          (click)=\"prevPage()\"\n          [disabled]=\"!canPrevPage()\"\n          class=\"fn-btn fn-btn--ghost fn-btn--sm\"\n          title=\"P\u00E1gina anterior\"\n          type=\"button\">\n          <lucide-icon [img]=\"ChevronLeft\" [size]=\"18\" />\n        </button>\n\n        <span class=\"pdf-modal__page-indicator\">\n          {{ currentPage() }} <span class=\"pdf-modal__separator\">/</span> {{ totalPages() }}\n        </span>\n\n        <button\n          (click)=\"nextPage()\"\n          [disabled]=\"!canNextPage()\"\n          class=\"fn-btn fn-btn--ghost fn-btn--sm\"\n          title=\"Siguiente p\u00E1gina\"\n          type=\"button\">\n          <lucide-icon [img]=\"ChevronRight\" [size]=\"18\" />\n        </button>\n      </div>\n\n      <!-- Controles de Zoom -->\n      <div class=\"pdf-modal__toolbar-group\">\n        <button\n          (click)=\"zoomOut()\"\n          [disabled]=\"!canZoomOut()\"\n          class=\"fn-btn fn-btn--ghost fn-btn--sm\"\n          title=\"Alejar\"\n          type=\"button\">\n          <lucide-icon [img]=\"ZoomOut\" [size]=\"18\" />\n        </button>\n\n        <span class=\"pdf-modal__zoom-indicator\">{{ scale() }}%</span>\n\n        <button\n          (click)=\"zoomIn()\"\n          [disabled]=\"!canZoomIn()\"\n          class=\"fn-btn fn-btn--ghost fn-btn--sm\"\n          title=\"Acercar\"\n          type=\"button\">\n          <lucide-icon [img]=\"ZoomIn\" [size]=\"18\" />\n        </button>\n      </div>\n\n      <!-- Separador -->\n      <div class=\"pdf-modal__divider\"></div>\n\n      <!-- Acciones -->\n      <div class=\"pdf-modal__toolbar-group pdf-modal__toolbar-group--actions\">\n        <button\n          (click)=\"printPdf()\"\n          class=\"fn-btn fn-btn--ghost fn-btn--sm\"\n          title=\"Imprimir\"\n          type=\"button\">\n          <lucide-icon [img]=\"Printer\" [size]=\"18\" />\n          <span class=\"pdf-modal__btn-label\">Imprimir</span>\n        </button>\n\n        <button\n          (click)=\"downloadPdf()\"\n          class=\"fn-btn fn-btn--primary fn-btn--sm\"\n          title=\"Descargar\"\n          type=\"button\">\n          <lucide-icon [img]=\"Download\" [size]=\"18\" />\n          <span class=\"pdf-modal__btn-label\">Descargar</span>\n        </button>\n      </div>\n    </div>\n\n    <!-- Contenido PDF -->\n    <div class=\"pdf-modal__content\" #modalContent>\n      @if (isLoading()) {\n        <div class=\"pdf-modal__loading\">\n          <div class=\"fn-spinner\"></div>\n          <p>Cargando documento...</p>\n        </div>\n      }\n\n      <div class=\"pdf-modal__canvas-wrapper\">\n        <canvas #canvas class=\"pdf-modal__canvas\"></canvas>\n      </div>\n    </div>\n  </div>\n}\n", styles: [".pdf-modal{position:fixed;inset:0;width:100%;height:100%;display:flex;flex-direction:column;background:#fff;z-index:1100;animation:slideUp .3s ease-out}@media(max-width:1024px){.pdf-modal__content{max-height:calc(100% - 180px)}}.pdf-modal__backdrop{position:fixed;inset:0;background:#000000b3;z-index:1090;animation:fadeIn .2s ease-out}@media(max-width:768px){.pdf-modal__backdrop{display:none}}.pdf-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#f9f9fb,#f5f5f8);border-bottom:1px solid #e0e0e7;flex-shrink:0}@media(max-width:768px){.pdf-modal__header{padding:16px}}.pdf-modal__header-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.pdf-modal__title{font-size:18px;font-weight:600;color:#1a1a24;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.pdf-modal__title{font-size:16px}}.pdf-modal__subtitle{font-size:12px;color:#7a7a8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-modal__close-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#7a7a8e;border-radius:6px;transition:all .2s ease;margin-left:16px}.pdf-modal__close-btn:hover{background:#0000000d;color:#1a1a24}.pdf-modal__close-btn:active{transform:scale(.95)}.pdf-modal__toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e7;gap:16px;flex-wrap:wrap;flex-shrink:0}@media(max-width:768px){.pdf-modal__toolbar{padding:10px 12px;gap:8px}}.pdf-modal__toolbar-group{display:flex;align-items:center;gap:8px}.pdf-modal__toolbar-group--actions{gap:12px;margin-left:auto}.pdf-modal__divider{width:1px;height:24px;background:#e0e0e7}.pdf-modal__page-indicator{font-size:13px;color:#4a4a5e;font-weight:500;min-width:50px;text-align:center;font-family:Courier New,monospace}@media(max-width:768px){.pdf-modal__page-indicator{font-size:12px;min-width:45px}}.pdf-modal__separator{color:#c5c5d2;margin:0 4px}.pdf-modal__zoom-indicator{font-size:13px;color:#4a4a5e;font-weight:500;min-width:40px;text-align:center}@media(max-width:768px){.pdf-modal__zoom-indicator{font-size:12px;min-width:35px}}@media(max-width:768px){.pdf-modal__btn-label{display:none}}.pdf-modal__content{flex:1;overflow:auto;background:#f5f5f7;display:flex;justify-content:center;align-items:flex-start;padding:24px}@media(max-width:1024px){.pdf-modal__content{padding:16px}}@media(max-width:768px){.pdf-modal__content{padding:12px}}.pdf-modal__canvas-wrapper{position:relative;display:flex;justify-content:center;width:100%}.pdf-modal__canvas{max-width:100%;height:auto;box-shadow:0 2px 12px #00000026;background:#fff;border-radius:2px}@media(max-width:768px){.pdf-modal__canvas{box-shadow:0 1px 4px #0000001a}}.pdf-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;color:#7a7a8e}.pdf-modal__loading p{margin:0;font-size:14px}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pdf-modal__content::-webkit-scrollbar{width:8px}.pdf-modal__content::-webkit-scrollbar-track{background:transparent}.pdf-modal__content::-webkit-scrollbar-thumb{background:#c5c5d2;border-radius:4px}.pdf-modal__content::-webkit-scrollbar-thumb:hover{background:#a5a5b8}@media print{.pdf-modal__header,.pdf-modal__toolbar,.pdf-modal__backdrop{display:none!important}.pdf-modal{position:static;background:#fff}.pdf-modal__content{background:#fff;padding:0}.pdf-modal__canvas{box-shadow:none;max-width:100%}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { canvasRef: [{
+                type: ViewChild,
+                args: ['canvas']
+            }], modalContentRef: [{
+                type: ViewChild,
+                args: ['modalContent']
+            }], onEscapeKey: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FnDatepickerComponent, FnSelectComponent, PdfViewerModalComponent };
+//# sourceMappingURL=cuencor-ui-components.mjs.map

package/fesm2022/cuencor-ui-components.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cuencor-ui-components.mjs","sources":["../../src/lib/fn-datepicker/fn-datepicker.component.ts","../../src/lib/fn-datepicker/fn-datepicker.component.html","../../src/lib/fn-select/fn-select.component.ts","../../src/lib/fn-select/fn-select.component.html","../../src/lib/pdf-viewer-modal/pdf-viewer-modal.component.ts","../../src/lib/pdf-viewer-modal/pdf-viewer-modal.component.html","../../src/cuencor-ui-components.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  signal,\n  input,\n  output,\n  forwardRef,\n  computed,\n  inject,\n  ElementRef,\n  HostListener,\n  effect,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\nimport { LucideAngularModule, Calendar, ChevronLeft, ChevronRight, X } from 'lucide-angular';\n\nconst MONTHS_ES = [\n  'Enero',\n  'Febrero',\n  'Marzo',\n  'Abril',\n  'Mayo',\n  'Junio',\n  'Julio',\n  'Agosto',\n  'Septiembre',\n  'Octubre',\n  'Noviembre',\n  'Diciembre',\n];\n\nconst DAYS_ES = ['Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sá', 'Do'];\n\ninterface CalendarDay {\n  date: Date;\n  day: number;\n  isCurrentMonth: boolean;\n  isToday: boolean;\n  isSelected: boolean;\n}\n\n@Component({\n  selector: 'fn-datepicker',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [LucideAngularModule],\n  templateUrl: './fn-datepicker.component.html',\n  styleUrl: './fn-datepicker.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => FnDatepickerComponent),\n      multi: true,\n    },\n  ],\n})\nexport class FnDatepickerComponent implements ControlValueAccessor {\n  readonly Calendar = Calendar;\n  readonly ChevronLeft = ChevronLeft;\n  readonly ChevronRight = ChevronRight;\n  readonly X = X;\n\n  readonly daysOfWeek = DAYS_ES;\n\n  private readonly elRef = inject(ElementRef);\n\n  // Inputs\n  readonly id = input<string | null>(null);\n  readonly size = input<'sm' | 'md'>('md');\n  readonly disabled = input(false);\n  readonly hasError = input(false);\n  readonly min = input<string | null>(null);\n  readonly max = input<string | null>(null);\n  readonly placeholder = input('dd/mm/aaaa');\n\n  // Uso sin ngModel — undefined significa \"no bindeado externamente\"\n  readonly value = input<string | undefined>(undefined);\n  readonly valueChange = output<string>();\n\n  // Estado interno\n  readonly selectedDate = signal<Date | null>(null);\n  readonly isOpen = signal(false);\n  readonly viewYear = signal(new Date().getFullYear());\n  readonly viewMonth = signal(new Date().getMonth()); // 0-based\n  readonly inputText = signal('');\n  readonly dropdownTop = signal(0);\n  readonly dropdownLeft = signal(0);\n\n  private onChange: (v: string) => void = () => void 0;\n  protected onTouched: () => void = () => void 0;\n\n  constructor() {\n    // Sync [value] input → estado interno (solo cuando se bindea [value] explicitamente)\n    effect(\n      () => {\n        const v = this.value();\n        if (v !== undefined) {\n          this.setFromIso(v);\n        }\n      },\n      { allowSignalWrites: true },\n    );\n  }\n\n  // ── Computed ───────────────────────────────────────────────────────────────\n\n  readonly monthLabel = computed(() => `${MONTHS_ES[this.viewMonth()]} ${this.viewYear()}`);\n\n  readonly calendarDays = computed((): CalendarDay[] => {\n    const year = this.viewYear();\n    const month = this.viewMonth();\n    const today = new Date();\n    const selected = this.selectedDate();\n\n    // Primer día del mes (0=domingo, ajustamos a lunes=0)\n    const firstDay = new Date(year, month, 1);\n    let startDow = firstDay.getDay(); // 0=domingo\n    startDow = startDow === 0 ? 6 : startDow - 1; // lunes=0\n\n    const days: CalendarDay[] = [];\n\n    // Días del mes anterior para completar la primera semana\n    for (let i = startDow - 1; i >= 0; i--) {\n      const date = new Date(year, month, -i);\n      days.push(this.buildDay(date, false, today, selected));\n    }\n\n    // Días del mes actual\n    const daysInMonth = new Date(year, month + 1, 0).getDate();\n    for (let d = 1; d <= daysInMonth; d++) {\n      const date = new Date(year, month, d);\n      days.push(this.buildDay(date, true, today, selected));\n    }\n\n    // Completar hasta 42 celdas (6 semanas)\n    const remaining = 42 - days.length;\n    for (let d = 1; d <= remaining; d++) {\n      const date = new Date(year, month + 1, d);\n      days.push(this.buildDay(date, false, today, selected));\n    }\n\n    return days;\n  });\n\n  private buildDay(\n    date: Date,\n    isCurrentMonth: boolean,\n    today: Date,\n    selected: Date | null,\n  ): CalendarDay {\n    return {\n      date,\n      day: date.getDate(),\n      isCurrentMonth,\n      isToday: this.isSameDay(date, today),\n      isSelected: selected ? this.isSameDay(date, selected) : false,\n    };\n  }\n\n  private isSameDay(a: Date, b: Date): boolean {\n    return (\n      a.getFullYear() === b.getFullYear() &&\n      a.getMonth() === b.getMonth() &&\n      a.getDate() === b.getDate()\n    );\n  }\n\n  // ── Navegación ─────────────────────────────────────────────────────────────\n\n  prevMonth(): void {\n    if (this.viewMonth() === 0) {\n      this.viewMonth.set(11);\n      this.viewYear.update((y) => y - 1);\n    } else {\n      this.viewMonth.update((m) => m - 1);\n    }\n  }\n\n  nextMonth(): void {\n    if (this.viewMonth() === 11) {\n      this.viewMonth.set(0);\n      this.viewYear.update((y) => y + 1);\n    } else {\n      this.viewMonth.update((m) => m + 1);\n    }\n  }\n\n  // ── Selección ──────────────────────────────────────────────────────────────\n\n  selectDay(day: CalendarDay): void {\n    if (this.isDisabledDate(day.date)) return;\n    this.selectedDate.set(day.date);\n    const iso = this.toIso(day.date);\n    this.inputText.set(this.toDisplay(day.date));\n    this.onChange(iso);\n    this.onTouched();\n    this.valueChange.emit(iso);\n    this.isOpen.set(false);\n  }\n\n  isDisabledDate(date: Date): boolean {\n    const iso = this.toIso(date);\n    const min = this.min();\n    const max = this.max();\n    if (min && iso < min) return true;\n    if (max && iso > max) return true;\n    return false;\n  }\n\n  clear(): void {\n    this.selectedDate.set(null);\n    this.inputText.set('');\n    this.onChange('');\n    this.onTouched();\n    this.valueChange.emit('');\n    this.isOpen.set(false);\n  }\n\n  // ── Input de texto ─────────────────────────────────────────────────────────\n\n  open(): void {\n    if (this.disabled()) return;\n    // Calcular posición fixed basada en el bounding rect del host\n    const rect = (this.elRef.nativeElement as HTMLElement).getBoundingClientRect();\n    this.dropdownTop.set(rect.bottom + 4);\n    this.dropdownLeft.set(rect.left);\n    this.isOpen.set(true);\n    // Navegar al mes de la fecha seleccionada\n    const sel = this.selectedDate();\n    if (sel) {\n      this.viewYear.set(sel.getFullYear());\n      this.viewMonth.set(sel.getMonth());\n    }\n  }\n\n  onInputChange(event: Event): void {\n    const raw = (event.target as HTMLInputElement).value;\n    this.inputText.set(raw);\n    // Parsear dd/mm/aaaa\n    const match = /^(\\d{2})\\/(\\d{2})\\/(\\d{4})$/.exec(raw);\n    if (match) {\n      const [, d, m, y] = match;\n      const date = new Date(Number(y), Number(m) - 1, Number(d));\n      if (!isNaN(date.getTime())) {\n        this.selectedDate.set(date);\n        this.viewYear.set(date.getFullYear());\n        this.viewMonth.set(date.getMonth());\n        const iso = this.toIso(date);\n        this.onChange(iso);\n        this.valueChange.emit(iso);\n      }\n    }\n  }\n\n  // ── Cerrar al click fuera ──────────────────────────────────────────────────\n\n  @HostListener('document:click', ['$event'])\n  onDocumentClick(event: MouseEvent): void {\n    const el = this.elRef.nativeElement as HTMLElement;\n    if (!el.contains(event.target as Node)) {\n      this.isOpen.set(false);\n    }\n  }\n\n  @HostListener('document:keydown.escape')\n  onEscape(): void {\n    this.isOpen.set(false);\n  }\n\n  // ── Helpers ────────────────────────────────────────────────────────────────\n\n  private toIso(date: Date): string {\n    const y = date.getFullYear();\n    const m = String(date.getMonth() + 1).padStart(2, '0');\n    const d = String(date.getDate()).padStart(2, '0');\n    return `${y}-${m}-${d}`;\n  }\n\n  private toDisplay(date: Date): string {\n    const d = String(date.getDate()).padStart(2, '0');\n    const m = String(date.getMonth() + 1).padStart(2, '0');\n    const y = date.getFullYear();\n    return `${d}/${m}/${y}`;\n  }\n\n  private setFromIso(iso: string): void {\n    if (!iso) {\n      this.selectedDate.set(null);\n      this.inputText.set('');\n      return;\n    }\n    const [y, m, d] = iso.split('-').map(Number);\n    const date = new Date(y, m - 1, d);\n    if (!isNaN(date.getTime())) {\n      this.selectedDate.set(date);\n      this.inputText.set(this.toDisplay(date));\n      this.viewYear.set(date.getFullYear());\n      this.viewMonth.set(date.getMonth());\n    }\n  }\n\n  // ── ControlValueAccessor ───────────────────────────────────────────────────\n\n  writeValue(value: string): void {\n    this.setFromIso(value ?? '');\n  }\n\n  registerOnChange(fn: (v: string) => 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    // Disabled state handled via the disabled() input signal\n  }\n}\n","<div\n  class=\"fn-datepicker\"\n  [class.fn-datepicker--sm]=\"size() === 'sm'\"\n  [class.fn-datepicker--error]=\"hasError()\"\n  [class.fn-datepicker--disabled]=\"disabled()\"\n  [class.fn-datepicker--open]=\"isOpen()\"\n  [class.fn-datepicker--has-value]=\"!!selectedDate()\"\n>\n  <!-- Trigger: ícono + input de texto -->\n  <lucide-icon\n    [img]=\"Calendar\"\n    [size]=\"size() === 'sm' ? 13 : 15\"\n    class=\"fn-datepicker__icon\"\n    aria-hidden=\"true\"\n    (click)=\"open()\"\n  />\n\n  <input\n    type=\"text\"\n    class=\"fn-datepicker__input\"\n    [id]=\"id() ?? undefined\"\n    [value]=\"inputText()\"\n    [disabled]=\"disabled()\"\n    [placeholder]=\"placeholder()\"\n    [attr.aria-label]=\"placeholder()\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-haspopup]=\"'dialog'\"\n    maxlength=\"10\"\n    autocomplete=\"off\"\n    (focus)=\"open()\"\n    (input)=\"onInputChange($event)\"\n    (blur)=\"onTouched()\"\n  />\n\n  @if (selectedDate() && !disabled()) {\n    <button\n      type=\"button\"\n      class=\"fn-datepicker__clear\"\n      (click)=\"clear()\"\n      aria-label=\"Limpiar fecha\"\n      title=\"Limpiar\"\n    >\n      <lucide-icon [img]=\"X\" [size]=\"size() === 'sm' ? 11 : 13\" aria-hidden=\"true\" />\n    </button>\n  }\n\n  <!-- Dropdown calendario (position:fixed para escapar de overflow:hidden) -->\n  @if (isOpen()) {\n    <div\n      class=\"fn-datepicker__dropdown\"\n      role=\"dialog\"\n      aria-label=\"Seleccionar fecha\"\n      [style.top.px]=\"dropdownTop()\"\n      [style.left.px]=\"dropdownLeft()\"\n    >\n      <!-- Cabecera de navegación -->\n      <div class=\"fn-datepicker__header\">\n        <button\n          type=\"button\"\n          class=\"fn-datepicker__nav\"\n          (click)=\"prevMonth()\"\n          aria-label=\"Mes anterior\"\n        >\n          <lucide-icon [img]=\"ChevronLeft\" [size]=\"14\" aria-hidden=\"true\" />\n        </button>\n\n        <span class=\"fn-datepicker__month-label\">{{ monthLabel() }}</span>\n\n        <button\n          type=\"button\"\n          class=\"fn-datepicker__nav\"\n          (click)=\"nextMonth()\"\n          aria-label=\"Mes siguiente\"\n        >\n          <lucide-icon [img]=\"ChevronRight\" [size]=\"14\" aria-hidden=\"true\" />\n        </button>\n      </div>\n\n      <!-- Días de la semana -->\n      <div class=\"fn-datepicker__weekdays\">\n        @for (day of daysOfWeek; track day) {\n          <span class=\"fn-datepicker__weekday\">{{ day }}</span>\n        }\n      </div>\n\n      <!-- Grid de días -->\n      <div class=\"fn-datepicker__grid\">\n        @for (day of calendarDays(); track day.date.getTime()) {\n          <button\n            type=\"button\"\n            class=\"fn-datepicker__day\"\n            [class.fn-datepicker__day--other-month]=\"!day.isCurrentMonth\"\n            [class.fn-datepicker__day--today]=\"day.isToday\"\n            [class.fn-datepicker__day--selected]=\"day.isSelected\"\n            [class.fn-datepicker__day--disabled]=\"isDisabledDate(day.date)\"\n            [disabled]=\"isDisabledDate(day.date)\"\n            [attr.aria-label]=\"\n              day.date.toLocaleDateString('es-MX', {\n                day: 'numeric',\n                month: 'long',\n                year: 'numeric',\n              })\n            \"\n            [attr.aria-pressed]=\"day.isSelected\"\n            (click)=\"selectDay(day)\"\n          >\n            {{ day.day }}\n          </button>\n        }\n      </div>\n    </div>\n  }\n</div>\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  signal,\n  input,\n  output,\n  computed,\n  inject,\n  effect,\n  ElementRef,\n  HostListener,\n  forwardRef,\n  afterNextRender,\n  Injector,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\nimport { LucideAngularModule, ChevronDown, Check } from 'lucide-angular';\n\nexport interface FnSelectOption {\n  value: string;\n  label: string;\n  description?: string;\n  icon?: string;\n}\n\n@Component({\n  selector: 'fn-select',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { style: 'display: block' },\n  imports: [LucideAngularModule],\n  templateUrl: './fn-select.component.html',\n  styleUrl: './fn-select.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => FnSelectComponent),\n      multi: true,\n    },\n  ],\n})\nexport class FnSelectComponent implements ControlValueAccessor {\n  readonly ChevronDown = ChevronDown;\n  readonly Check = Check;\n\n  private readonly elRef = inject(ElementRef);\n  private readonly injector = inject(Injector);\n\n  // Inputs\n  readonly options = input.required<FnSelectOption[]>();\n  readonly placeholder = input('Seleccionar...');\n  readonly size = input<'sm' | 'md'>('md');\n  readonly disabled = input(false);\n  readonly id = input<string | null>(null);\n  readonly value = input<string | undefined>(undefined);\n  readonly searchable = input(false);\n  readonly searchPlaceholder = input('Buscar...');\n\n  // Output (para uso sin ngModel)\n  readonly valueChange = output<string>();\n\n  // Internal state\n  readonly isOpen = signal(false);\n  readonly selectedValue = signal('');\n  readonly searchQuery = signal('');\n  readonly dropdownTop = signal(0);\n  readonly dropdownLeft = signal(0);\n  readonly dropdownWidth = signal(0);\n\n  constructor() {\n    // Sync [value] input → internal state (solo cuando se bindea [value] explicitamente)\n    effect(\n      () => {\n        const v = this.value();\n        if (v !== undefined) {\n          this.selectedValue.set(v);\n        }\n      },\n      { allowSignalWrites: true },\n    );\n  }\n\n  // CVA callbacks\n  private onChange: (v: string) => void = () => void 0;\n  private onTouched: () => void = () => void 0;\n\n  readonly filteredOptions = computed(() => {\n    const q = this.searchQuery().toLowerCase().trim();\n    if (!q) return this.options();\n    return this.options().filter(\n      (o) => o.label.toLowerCase().includes(q) || o.value.toLowerCase().includes(q),\n    );\n  });\n\n  readonly selectedLabel = computed(() => {\n    const val = this.selectedValue();\n    if (!val) return '';\n    return this.options().find((o) => o.value === val)?.label ?? '';\n  });\n\n  readonly selectedOption = computed(() => {\n    const val = this.selectedValue();\n    if (!val) return null;\n    return this.options().find((o) => o.value === val) ?? null;\n  });\n\n  // Close dropdown when clicking outside\n  @HostListener('document:click', ['$event'])\n  onDocumentClick(event: MouseEvent): void {\n    const el = this.elRef.nativeElement as HTMLElement;\n    if (!el.contains(event.target as Node)) {\n      this.isOpen.set(false);\n    }\n  }\n\n  @HostListener('document:keydown.escape')\n  onEscape(): void {\n    this.isOpen.set(false);\n    this.searchQuery.set('');\n  }\n\n  toggle(): void {\n    if (this.disabled()) return;\n    const opening = !this.isOpen();\n    if (opening) {\n      // Calcular posición fixed basada en el bounding rect del trigger\n      const rect = (this.elRef.nativeElement as HTMLElement).getBoundingClientRect();\n      this.dropdownTop.set(rect.bottom + 4);\n      this.dropdownLeft.set(rect.left);\n      this.dropdownWidth.set(rect.width);\n    }\n    this.isOpen.set(opening);\n    if (opening && this.searchable()) {\n      const host = this.elRef.nativeElement as HTMLElement;\n      afterNextRender(\n        () => {\n          const input = host.querySelector('.fn-cselect__search-input') as HTMLInputElement | null;\n          input?.focus();\n        },\n        { injector: this.injector },\n      );\n    } else {\n      this.searchQuery.set('');\n    }\n    this.onTouched();\n  }\n\n  select(option: FnSelectOption): void {\n    this.selectedValue.set(option.value);\n    this.isOpen.set(false);\n    this.searchQuery.set('');\n    this.onChange(option.value);\n    this.onTouched();\n    this.valueChange.emit(option.value);\n  }\n\n  // ControlValueAccessor\n  writeValue(value: string): void {\n    this.selectedValue.set(value ?? '');\n  }\n\n  registerOnChange(fn: (v: string) => 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    // Disabled state is handled via the disabled() input signal\n  }\n}\n","<div\n  class=\"fn-cselect\"\n  [class.fn-cselect--sm]=\"size() === 'sm'\"\n  [class.fn-cselect--open]=\"isOpen()\"\n  [class.fn-cselect--disabled]=\"disabled()\"\n  [class.fn-cselect--has-value]=\"!!selectedValue()\"\n>\n  <!-- Trigger button -->\n  <button\n    type=\"button\"\n    class=\"fn-cselect__trigger\"\n    [id]=\"id() ?? undefined\"\n    [disabled]=\"disabled()\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-haspopup]=\"'listbox'\"\n    (click)=\"toggle()\"\n  >\n    <span class=\"fn-cselect__value\">\n      @if (selectedLabel()) {\n        {{ selectedLabel() }}\n      } @else {\n        <span class=\"fn-cselect__placeholder\">{{ placeholder() }}</span>\n      }\n    </span>\n    <lucide-icon\n      [img]=\"ChevronDown\"\n      [size]=\"size() === 'sm' ? 13 : 15\"\n      class=\"fn-cselect__chevron\"\n      aria-hidden=\"true\"\n    />\n  </button>\n\n  <!-- Dropdown (position:fixed para escapar de overflow:hidden) -->\n  @if (isOpen()) {\n    <div\n      class=\"fn-cselect__dropdown\"\n      [style.top.px]=\"dropdownTop()\"\n      [style.left.px]=\"dropdownLeft()\"\n      [style.width.px]=\"dropdownWidth()\"\n    >\n      <!-- Search input (fuera del listbox — ARIA: listbox solo admite option como hijos) -->\n      @if (searchable()) {\n        <div class=\"fn-cselect__search\">\n          <label [for]=\"'fn-cselect-search-' + (id() ?? 'default')\" class=\"fn-sr-only\">\n            {{ searchPlaceholder() }}\n          </label>\n          <input\n            [id]=\"'fn-cselect-search-' + (id() ?? 'default')\"\n            type=\"search\"\n            class=\"fn-cselect__search-input\"\n            [placeholder]=\"searchPlaceholder()\"\n            [title]=\"searchPlaceholder()\"\n            [value]=\"searchQuery()\"\n            autocomplete=\"off\"\n            (input)=\"searchQuery.set($any($event.target).value)\"\n            (click)=\"$event.stopPropagation()\"\n            (keydown)=\"$event.stopPropagation()\"\n          />\n        </div>\n\n        <!-- Sin resultados (fuera del listbox) -->\n        @if (filteredOptions().length === 0) {\n          <p class=\"fn-cselect__empty\">Sin resultados</p>\n        }\n      }\n\n      <!-- Options list -->\n      <div role=\"listbox\" [attr.aria-label]=\"placeholder()\">\n        @for (option of filteredOptions(); track option.value) {\n          <button\n            type=\"button\"\n            class=\"fn-cselect__option\"\n            [class.fn-cselect__option--selected]=\"selectedValue() === option.value\"\n            role=\"option\"\n            [attr.aria-selected]=\"selectedValue() === option.value\"\n            [attr.aria-label]=\"option.label\"\n            (click)=\"select(option)\"\n          >\n            <span class=\"fn-cselect__option-text\">\n              {{ option.label }}\n              @if (option.description) {\n                <span class=\"fn-cselect__option-desc\">{{ option.description }}</span>\n              }\n            </span>\n            @if (selectedValue() === option.value) {\n              <lucide-icon [img]=\"Check\" [size]=\"13\" class=\"fn-cselect__check\" aria-hidden=\"true\" />\n            }\n          </button>\n        }\n      </div>\n    </div>\n  }\n</div>\n","import {\n  Component,\n  input,\n  output,\n  signal,\n  ViewChild,\n  ElementRef,\n  OnInit,\n  ChangeDetectionStrategy,\n  effect,\n  HostListener,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { LucideAngularModule, ChevronLeft, ChevronRight, ZoomIn, ZoomOut, Download, Printer, X } from 'lucide-angular';\nimport * as pdfjsLib from 'pdfjs-dist';\n\n@Component({\n  selector: 'app-pdf-viewer-modal',\n  standalone: true,\n  imports: [CommonModule, LucideAngularModule],\n  templateUrl: './pdf-viewer-modal.component.html',\n  styleUrl: './pdf-viewer-modal.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PdfViewerModalComponent implements OnInit {\n  // Inputs\n  isOpen = input.required<boolean>();\n  pdfSource = input.required<Blob | string>();\n  title = input<string>('Documento');\n  fileName = input<string>('documento.pdf');\n\n  // Outputs\n  closed = output<void>();\n\n  // Refs\n  @ViewChild('canvas') canvasRef!: ElementRef<HTMLCanvasElement>;\n  @ViewChild('modalContent') modalContentRef!: ElementRef<HTMLDivElement>;\n\n  // Signals\n  currentPage = signal(1);\n  totalPages = signal(0);\n  scale = signal(100);\n  isLoading = signal(true);\n  pdfDocument: any;\n\n  // Icons\n  readonly ChevronLeft = ChevronLeft;\n  readonly ChevronRight = ChevronRight;\n  readonly ZoomIn = ZoomIn;\n  readonly ZoomOut = ZoomOut;\n  readonly Download = Download;\n  readonly Printer = Printer;\n  readonly X = X;\n\n  constructor() {\n    // Cambiar de página cuando se abre el modal\n    effect(() => {\n      if (this.isOpen()) {\n        document.body.style.overflow = 'hidden';\n        setTimeout(() => this.loadPdf(), 100);\n      } else {\n        document.body.style.overflow = 'auto';\n        this.cleanup();\n      }\n    });\n  }\n\n  ngOnInit(): void {\n    pdfjsLib.GlobalWorkerOptions.workerSrc = '/pdf.worker.min.js';\n  }\n\n  private async loadPdf(): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const source = this.pdfSource();\n      const docSource = source instanceof Blob\n        ? { data: await source.arrayBuffer() }\n        : source;\n      const pdf = await pdfjsLib.getDocument(docSource).promise;\n      this.pdfDocument = pdf;\n      this.totalPages.set(pdf.numPages);\n      this.currentPage.set(1);\n      await this.renderPage(1);\n    } catch {\n      // Error silencioso — el estado se resetea en finally\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  private async renderPage(pageNum: number): Promise<void> {\n    if (!this.pdfDocument || !this.canvasRef) return;\n\n    try {\n      const page = await this.pdfDocument.getPage(pageNum);\n      const viewport = page.getViewport({ scale: this.scale() / 100 });\n      const canvas = this.canvasRef.nativeElement;\n      const context = canvas.getContext('2d')!;\n\n      canvas.width = viewport.width;\n      canvas.height = viewport.height;\n\n      await page.render({ canvasContext: context, viewport }).promise;\n      this.currentPage.set(pageNum);\n    } catch {\n      // Error silencioso al renderizar página\n    }\n  }\n\n  nextPage(): void {\n    const next = Math.min(this.currentPage() + 1, this.totalPages());\n    this.renderPage(next);\n  }\n\n  prevPage(): void {\n    const prev = Math.max(this.currentPage() - 1, 1);\n    this.renderPage(prev);\n  }\n\n  zoomIn(): void {\n    const newScale = Math.min(this.scale() + 25, 400);\n    this.scale.set(newScale);\n    this.renderPage(this.currentPage());\n  }\n\n  zoomOut(): void {\n    const newScale = Math.max(this.scale() - 25, 50);\n    this.scale.set(newScale);\n    this.renderPage(this.currentPage());\n  }\n\n  fitToPage(): void {\n    this.scale.set(100);\n    this.renderPage(this.currentPage());\n  }\n\n  async downloadPdf(): Promise<void> {\n    const source = this.pdfSource();\n    if (source instanceof Blob) {\n      const url = URL.createObjectURL(source);\n      this.downloadFile(url, this.fileName());\n      URL.revokeObjectURL(url);\n    } else if (typeof source === 'string') {\n      this.downloadFile(source, this.fileName());\n    }\n  }\n\n  private downloadFile(url: string, fileName: string): void {\n    const link = document.createElement('a');\n    link.href = url;\n    link.download = fileName;\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n  }\n\n  printPdf(): void {\n    const source = this.pdfSource();\n    const url = source instanceof Blob\n      ? URL.createObjectURL(source)\n      : source;\n\n    const iframe = document.createElement('iframe');\n    iframe.style.display = 'none';\n    iframe.src = url;\n\n    document.body.appendChild(iframe);\n\n    iframe.onload = (): void => {\n      iframe.contentWindow?.focus();\n      iframe.contentWindow?.print();\n\n      setTimeout(() => {\n        document.body.removeChild(iframe);\n        if (source instanceof Blob) {\n          URL.revokeObjectURL(url);\n        }\n      }, 1000);\n    };\n  }\n\n  @HostListener('document:keydown.escape')\n  onEscapeKey(): void {\n    if (this.isOpen()) {\n      this.close();\n    }\n  }\n\n  close(): void {\n    this.closed.emit();\n  }\n\n  private cleanup(): void {\n    this.pdfDocument = null;\n  }\n\n  // Métodos auxiliares\n  canPrevPage(): boolean {\n    return this.currentPage() > 1;\n  }\n\n  canNextPage(): boolean {\n    return this.currentPage() < this.totalPages();\n  }\n\n  canZoomOut(): boolean {\n    return this.scale() > 50;\n  }\n\n  canZoomIn(): boolean {\n    return this.scale() < 400;\n  }\n}\n","@if (isOpen()) {\n  <!-- Backdrop -->\n  <div class=\"pdf-modal__backdrop\" (click)=\"close()\"></div>\n\n  <!-- Modal -->\n  <div class=\"pdf-modal\" role=\"dialog\" aria-modal=\"true\">\n    <!-- Header Profesional -->\n    <div class=\"pdf-modal__header\">\n      <div class=\"pdf-modal__header-content\">\n        <h2 class=\"pdf-modal__title\">{{ title() }}</h2>\n        <span class=\"pdf-modal__subtitle\">{{ fileName() }}</span>\n      </div>\n\n      <button\n        (click)=\"close()\"\n        class=\"pdf-modal__close-btn\"\n        type=\"button\"\n        aria-label=\"Cerrar\">\n        <lucide-icon [img]=\"X\" [size]=\"24\" />\n      </button>\n    </div>\n\n    <!-- Toolbar de Controles -->\n    <div class=\"pdf-modal__toolbar\">\n      <!-- Controles de Navegación -->\n      <div class=\"pdf-modal__toolbar-group\">\n        <button\n          (click)=\"prevPage()\"\n          [disabled]=\"!canPrevPage()\"\n          class=\"fn-btn fn-btn--ghost fn-btn--sm\"\n          title=\"Página anterior\"\n          type=\"button\">\n          <lucide-icon [img]=\"ChevronLeft\" [size]=\"18\" />\n        </button>\n\n        <span class=\"pdf-modal__page-indicator\">\n          {{ currentPage() }} <span class=\"pdf-modal__separator\">/</span> {{ totalPages() }}\n        </span>\n\n        <button\n          (click)=\"nextPage()\"\n          [disabled]=\"!canNextPage()\"\n          class=\"fn-btn fn-btn--ghost fn-btn--sm\"\n          title=\"Siguiente página\"\n          type=\"button\">\n          <lucide-icon [img]=\"ChevronRight\" [size]=\"18\" />\n        </button>\n      </div>\n\n      <!-- Controles de Zoom -->\n      <div class=\"pdf-modal__toolbar-group\">\n        <button\n          (click)=\"zoomOut()\"\n          [disabled]=\"!canZoomOut()\"\n          class=\"fn-btn fn-btn--ghost fn-btn--sm\"\n          title=\"Alejar\"\n          type=\"button\">\n          <lucide-icon [img]=\"ZoomOut\" [size]=\"18\" />\n        </button>\n\n        <span class=\"pdf-modal__zoom-indicator\">{{ scale() }}%</span>\n\n        <button\n          (click)=\"zoomIn()\"\n          [disabled]=\"!canZoomIn()\"\n          class=\"fn-btn fn-btn--ghost fn-btn--sm\"\n          title=\"Acercar\"\n          type=\"button\">\n          <lucide-icon [img]=\"ZoomIn\" [size]=\"18\" />\n        </button>\n      </div>\n\n      <!-- Separador -->\n      <div class=\"pdf-modal__divider\"></div>\n\n      <!-- Acciones -->\n      <div class=\"pdf-modal__toolbar-group pdf-modal__toolbar-group--actions\">\n        <button\n          (click)=\"printPdf()\"\n          class=\"fn-btn fn-btn--ghost fn-btn--sm\"\n          title=\"Imprimir\"\n          type=\"button\">\n          <lucide-icon [img]=\"Printer\" [size]=\"18\" />\n          <span class=\"pdf-modal__btn-label\">Imprimir</span>\n        </button>\n\n        <button\n          (click)=\"downloadPdf()\"\n          class=\"fn-btn fn-btn--primary fn-btn--sm\"\n          title=\"Descargar\"\n          type=\"button\">\n          <lucide-icon [img]=\"Download\" [size]=\"18\" />\n          <span class=\"pdf-modal__btn-label\">Descargar</span>\n        </button>\n      </div>\n    </div>\n\n    <!-- Contenido PDF -->\n    <div class=\"pdf-modal__content\" #modalContent>\n      @if (isLoading()) {\n        <div class=\"pdf-modal__loading\">\n          <div class=\"fn-spinner\"></div>\n          <p>Cargando documento...</p>\n        </div>\n      }\n\n      <div class=\"pdf-modal__canvas-wrapper\">\n        <canvas #canvas class=\"pdf-modal__canvas\"></canvas>\n      </div>\n    </div>\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,3 @@
+export { FnDatepickerComponent } from './lib/fn-datepicker/fn-datepicker.component';
+export { FnSelectComponent, FnSelectOption } from './lib/fn-select/fn-select.component';
+export { PdfViewerModalComponent } from './lib/pdf-viewer-modal';

package/lib/fn-datepicker/fn-datepicker.component.d.ts

@@ -0,0 +1,59 @@
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+interface CalendarDay {
+    date: Date;
+    day: number;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    isSelected: boolean;
+}
+export declare class FnDatepickerComponent implements ControlValueAccessor {
+    readonly Calendar: import("lucide-angular").LucideIconData;
+    readonly ChevronLeft: import("lucide-angular").LucideIconData;
+    readonly ChevronRight: import("lucide-angular").LucideIconData;
+    readonly X: import("lucide-angular").LucideIconData;
+    readonly daysOfWeek: string[];
+    private readonly elRef;
+    readonly id: import("@angular/core").InputSignal<string>;
+    readonly size: import("@angular/core").InputSignal<"sm" | "md">;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly hasError: import("@angular/core").InputSignal<boolean>;
+    readonly min: import("@angular/core").InputSignal<string>;
+    readonly max: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly value: import("@angular/core").InputSignal<string>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<string>;
+    readonly selectedDate: import("@angular/core").WritableSignal<Date>;
+    readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly viewYear: import("@angular/core").WritableSignal<number>;
+    readonly viewMonth: import("@angular/core").WritableSignal<number>;
+    readonly inputText: import("@angular/core").WritableSignal<string>;
+    readonly dropdownTop: import("@angular/core").WritableSignal<number>;
+    readonly dropdownLeft: import("@angular/core").WritableSignal<number>;
+    private onChange;
+    protected onTouched: () => void;
+    constructor();
+    readonly monthLabel: import("@angular/core").Signal<string>;
+    readonly calendarDays: import("@angular/core").Signal<CalendarDay[]>;
+    private buildDay;
+    private isSameDay;
+    prevMonth(): void;
+    nextMonth(): void;
+    selectDay(day: CalendarDay): void;
+    isDisabledDate(date: Date): boolean;
+    clear(): void;
+    open(): void;
+    onInputChange(event: Event): void;
+    onDocumentClick(event: MouseEvent): void;
+    onEscape(): void;
+    private toIso;
+    private toDisplay;
+    private setFromIso;
+    writeValue(value: string): void;
+    registerOnChange(fn: (v: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FnDatepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FnDatepickerComponent, "fn-datepicker", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+export {};

package/lib/fn-select/fn-select.component.d.ts

@@ -0,0 +1,45 @@
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export interface FnSelectOption {
+    value: string;
+    label: string;
+    description?: string;
+    icon?: string;
+}
+export declare class FnSelectComponent implements ControlValueAccessor {
+    readonly ChevronDown: import("lucide-angular").LucideIconData;
+    readonly Check: import("lucide-angular").LucideIconData;
+    private readonly elRef;
+    private readonly injector;
+    readonly options: import("@angular/core").InputSignal<FnSelectOption[]>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly size: import("@angular/core").InputSignal<"sm" | "md">;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly id: import("@angular/core").InputSignal<string>;
+    readonly value: import("@angular/core").InputSignal<string>;
+    readonly searchable: import("@angular/core").InputSignal<boolean>;
+    readonly searchPlaceholder: import("@angular/core").InputSignal<string>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<string>;
+    readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly selectedValue: import("@angular/core").WritableSignal<string>;
+    readonly searchQuery: import("@angular/core").WritableSignal<string>;
+    readonly dropdownTop: import("@angular/core").WritableSignal<number>;
+    readonly dropdownLeft: import("@angular/core").WritableSignal<number>;
+    readonly dropdownWidth: import("@angular/core").WritableSignal<number>;
+    constructor();
+    private onChange;
+    private onTouched;
+    readonly filteredOptions: import("@angular/core").Signal<FnSelectOption[]>;
+    readonly selectedLabel: import("@angular/core").Signal<string>;
+    readonly selectedOption: import("@angular/core").Signal<FnSelectOption>;
+    onDocumentClick(event: MouseEvent): void;
+    onEscape(): void;
+    toggle(): void;
+    select(option: FnSelectOption): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (v: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FnSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FnSelectComponent, "fn-select", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/pdf-viewer-modal/index.d.ts

@@ -0,0 +1 @@
+export * from './pdf-viewer-modal.component';

package/lib/pdf-viewer-modal/pdf-viewer-modal.component.d.ts

@@ -0,0 +1,44 @@
+import { ElementRef, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class PdfViewerModalComponent implements OnInit {
+    isOpen: import("@angular/core").InputSignal<boolean>;
+    pdfSource: import("@angular/core").InputSignal<string | Blob>;
+    title: import("@angular/core").InputSignal<string>;
+    fileName: import("@angular/core").InputSignal<string>;
+    closed: import("@angular/core").OutputEmitterRef<void>;
+    canvasRef: ElementRef<HTMLCanvasElement>;
+    modalContentRef: ElementRef<HTMLDivElement>;
+    currentPage: import("@angular/core").WritableSignal<number>;
+    totalPages: import("@angular/core").WritableSignal<number>;
+    scale: import("@angular/core").WritableSignal<number>;
+    isLoading: import("@angular/core").WritableSignal<boolean>;
+    pdfDocument: any;
+    readonly ChevronLeft: import("lucide-angular").LucideIconData;
+    readonly ChevronRight: import("lucide-angular").LucideIconData;
+    readonly ZoomIn: import("lucide-angular").LucideIconData;
+    readonly ZoomOut: import("lucide-angular").LucideIconData;
+    readonly Download: import("lucide-angular").LucideIconData;
+    readonly Printer: import("lucide-angular").LucideIconData;
+    readonly X: import("lucide-angular").LucideIconData;
+    constructor();
+    ngOnInit(): void;
+    private loadPdf;
+    private renderPage;
+    nextPage(): void;
+    prevPage(): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    fitToPage(): void;
+    downloadPdf(): Promise<void>;
+    private downloadFile;
+    printPdf(): void;
+    onEscapeKey(): void;
+    close(): void;
+    private cleanup;
+    canPrevPage(): boolean;
+    canNextPage(): boolean;
+    canZoomOut(): boolean;
+    canZoomIn(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PdfViewerModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdfViewerModalComponent, "app-pdf-viewer-modal", never, { "isOpen": { "alias": "isOpen"; "required": true; "isSignal": true; }; "pdfSource": { "alias": "pdfSource"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "fileName": { "alias": "fileName"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
+}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@cuencor/ui-components",
+  "version": "0.0.1",
+  "description": "Reusable Angular UI components for Cuencor Platform (fn-select, fn-datepicker, pdf-viewer-modal)",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cuencor/ui-components"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=19.0.0",
+    "@angular/core": ">=19.0.0",
+    "@angular/forms": ">=19.0.0",
+    "lucide-angular": ">=0.574.0",
+    "pdfjs-dist": ">=3.0.0"
+  },
+  "module": "fesm2022/cuencor-ui-components.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/cuencor-ui-components.mjs"
+    }
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}