@c80/ui 1.0.57 → 1.0.58

package/esm2022/lib/icon/icon.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.utils.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/icon/icon.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,UAAU,kBAAkB,CAAC,GAAwC;IACzE,OAAO,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,KAAK,IAAI,GAAG,KAAK,OAAO,CAAC;AAC/E,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,QAAkB;IAClD,MAAM,OAAO,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAE3C,IAAI,CAAC,OAAO;QAAE,OAAO,KAAK,CAAC;IAE3B,2CAA2C;IAC3C,IAAI,OAAO,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAEpC,0EAA0E;IAC1E,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS;QAAE,OAAO,OAAO,CAAC,IAAI,CAAC;IAEpD,2DAA2D;IAC3D,OAAO,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,KAAsB,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,KAAK,CAAC;AACrG,CAAC","sourcesContent":["import { ICON_DEFINITIONS } from './icon.definitions';\nimport type { IconType, ShapeAttributes } from './icon.types';\n\nexport function transformToBoolean(val: boolean | string | null | undefined): boolean {\n  return val !== null && val !== undefined && val !== false && val !== 'false';\n}\n\n/**\n * Determina si un icono debería usar fill basado en su definición explícita\n */\nexport function shouldIconUseFill(iconName: IconType): boolean {\n  const iconDef = ICON_DEFINITIONS[iconName];\n\n  if (!iconDef) return false;\n\n  // Los iconos multi-color siempre usan fill\n  if (iconDef.multiColor) return true;\n\n  // Si la definición especifica explícitamente fill, usar esa configuración\n  if (iconDef.fill !== undefined) return iconDef.fill;\n\n  // Iconos con shapes que tienen fill='color' necesitan fill\n  return iconDef.additionalShapes?.some((shape: ShapeAttributes) => shape.fill === 'color') ?? false;\n}\n"]}
+{"version":3,"file":"icon.utils.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/icon/icon.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAC,GAAwC;IACzE,OAAO,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,KAAK,IAAI,GAAG,KAAK,OAAO,CAAC;AAC/E,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,QAAkB;IAClD,MAAM,OAAO,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAE3C,IAAI,CAAC,OAAO;QAAE,OAAO,KAAK,CAAC;IAE3B,2CAA2C;IAC3C,IAAI,OAAO,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAEpC,0EAA0E;IAC1E,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS;QAAE,OAAO,OAAO,CAAC,IAAI,CAAC;IAEpD,2DAA2D;IAC3D,OAAO,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,KAAsB,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,KAAK,CAAC;AACrG,CAAC","sourcesContent":["import { ICON_DEFINITIONS } from './icon.definitions';\nimport type { IconType, ShapeAttributes } from './icon.types';\n\n/**\n *\n * @param val\n * @returns Valor convertido a boolean\n */\nexport function transformToBoolean(val: boolean | string | null | undefined): boolean {\n  return val !== null && val !== undefined && val !== false && val !== 'false';\n}\n\n/**\n * Determina si un icono debería usar fill basado en su definición explícita\n * @param iconName\n * @returns true si el icono debe usar fill\n */\nexport function shouldIconUseFill(iconName: IconType): boolean {\n  const iconDef = ICON_DEFINITIONS[iconName];\n\n  if (!iconDef) return false;\n\n  // Los iconos multi-color siempre usan fill\n  if (iconDef.multiColor) return true;\n\n  // Si la definición especifica explícitamente fill, usar esa configuración\n  if (iconDef.fill !== undefined) return iconDef.fill;\n\n  // Iconos con shapes que tienen fill='color' necesitan fill\n  return iconDef.additionalShapes?.some((shape: ShapeAttributes) => shape.fill === 'color') ?? false;\n}\n"]}

package/esm2022/lib/icon/theme.service.js

@@ -1,7 +1,14 @@
 import { Injectable, signal } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ *
+ */
 export class ThemeService {
     isDark = signal(this.getInitialTheme(), ...(ngDevMode ? [{ debugName: "isDark" }] : []));
+    /**
+     *
+     * @returns true si el tema es oscuro
+     */
     getInitialTheme() {
         const stored = localStorage.getItem('theme');
         if (stored) {
@@ -9,6 +16,9 @@ export class ThemeService {
         }
         return globalThis.matchMedia('(prefers-color-scheme: dark)').matches;
     }
+    /**
+     *
+     */
     toggle() {
         this.isDark.update(current => {
             const newValue = !current;
@@ -17,9 +27,16 @@ export class ThemeService {
             return newValue;
         });
     }
+    /**
+     *
+     * @param isDark
+     */
     applyTheme(isDark) {
         document.documentElement.dataset['theme'] = isDark ? 'dark' : 'light';
     }
+    /**
+     *
+     */
     initialize() {
         this.applyTheme(this.isDark());
         globalThis.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {

package/esm2022/lib/icon/theme.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.service.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/icon/theme.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAGnD,MAAM,OAAO,YAAY;IACZ,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,EAAE,kDAAC,CAAC;IAEzC,eAAe;QACnB,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC7C,IAAI,MAAM,EAAE,CAAC;YACT,OAAO,MAAM,KAAK,MAAM,CAAC;QAC7B,CAAC;QACD,OAAO,UAAU,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC;IACzE,CAAC;IAED,MAAM;QACF,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;YACzB,MAAM,QAAQ,GAAG,CAAC,OAAO,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YAC3D,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAC1B,OAAO,QAAQ,CAAC;QACpB,CAAC,CAAC,CAAC;IACP,CAAC;IAEO,UAAU,CAAC,MAAe;QAC9B,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAC1E,CAAC;IAED,UAAU;QACN,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAE/B,UAAU,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACnF,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;gBACjC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;gBAC3B,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YAC/B,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;wGAjCQ,YAAY;4GAAZ,YAAY,cADC,MAAM;;4FACnB,YAAY;kBADxB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE","sourcesContent":["import { Injectable, signal } from '@angular/core';\n\n@Injectable({ providedIn: 'root' })\nexport class ThemeService {\n    readonly isDark = signal(this.getInitialTheme());\n\n    private getInitialTheme(): boolean {\n        const stored = localStorage.getItem('theme');\n        if (stored) {\n            return stored === 'dark';\n        }\n        return globalThis.matchMedia('(prefers-color-scheme: dark)').matches;\n    }\n\n    toggle(): void {\n        this.isDark.update(current => {\n            const newValue = !current;\n            localStorage.setItem('theme', newValue ? 'dark' : 'light');\n            this.applyTheme(newValue);\n            return newValue;\n        });\n    }\n\n    private applyTheme(isDark: boolean): void {\n        document.documentElement.dataset['theme'] = isDark ? 'dark' : 'light';\n    }\n\n    initialize(): void {\n        this.applyTheme(this.isDark());\n\n        globalThis.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {\n            if (!localStorage.getItem('theme')) {\n                this.isDark.set(e.matches);\n                this.applyTheme(e.matches);\n            }\n        });\n    }\n}\n"]}
+{"version":3,"file":"theme.service.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/icon/theme.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAEnD;;GAEG;AAEH,MAAM,OAAO,YAAY;IACZ,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,EAAE,kDAAC,CAAC;IAEjD;;;OAGG;IACK,eAAe;QACnB,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC7C,IAAI,MAAM,EAAE,CAAC;YACT,OAAO,MAAM,KAAK,MAAM,CAAC;QAC7B,CAAC;QACD,OAAO,UAAU,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC;IACzE,CAAC;IAED;;OAEG;IACH,MAAM;QACF,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;YACzB,MAAM,QAAQ,GAAG,CAAC,OAAO,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YAC3D,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAC1B,OAAO,QAAQ,CAAC;QACpB,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACK,UAAU,CAAC,MAAe;QAC9B,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAC1E,CAAC;IAED;;OAEG;IACH,UAAU;QACN,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAE/B,UAAU,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACnF,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;gBACjC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;gBAC3B,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YAC/B,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;wGA/CQ,YAAY;4GAAZ,YAAY,cADC,MAAM;;4FACnB,YAAY;kBADxB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE","sourcesContent":["import { Injectable, signal } from '@angular/core';\n\n/**\n *\n */\n@Injectable({ providedIn: 'root' })\nexport class ThemeService {\n    readonly isDark = signal(this.getInitialTheme());\n\n    /**\n     *\n     * @returns true si el tema es oscuro\n     */\n    private getInitialTheme(): boolean {\n        const stored = localStorage.getItem('theme');\n        if (stored) {\n            return stored === 'dark';\n        }\n        return globalThis.matchMedia('(prefers-color-scheme: dark)').matches;\n    }\n\n    /**\n     *\n     */\n    toggle(): void {\n        this.isDark.update(current => {\n            const newValue = !current;\n            localStorage.setItem('theme', newValue ? 'dark' : 'light');\n            this.applyTheme(newValue);\n            return newValue;\n        });\n    }\n\n    /**\n     *\n     * @param isDark\n     */\n    private applyTheme(isDark: boolean): void {\n        document.documentElement.dataset['theme'] = isDark ? 'dark' : 'light';\n    }\n\n    /**\n     *\n     */\n    initialize(): void {\n        this.applyTheme(this.isDark());\n\n        globalThis.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {\n            if (!localStorage.getItem('theme')) {\n                this.isDark.set(e.matches);\n                this.applyTheme(e.matches);\n            }\n        });\n    }\n}\n"]}

package/esm2022/lib/info-list/info-list.component.js

@@ -1,5 +1,8 @@
 import { Component, input, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ *
+ */
 export class InfoListComponent {
     items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InfoListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

package/esm2022/lib/info-list/info-list.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"info-list.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/info-list/info-list.component.ts","../../../../../libs/ui/src/lib/info-list/info-list.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;;AAY1E,MAAM,OAAO,iBAAiB;IACjB,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAc,CAAC;wGADrC,iBAAiB;4FAAjB,iBAAiB,4MCZ9B,0SASM;;4FDGO,iBAAiB;kBAT7B,SAAS;+BAEI,eAAe,cACb,IAAI,WACP,EAAE,mBAGM,uBAAuB,CAAC,MAAM","sourcesContent":["import { Component, input, ChangeDetectionStrategy } from '@angular/core';\nimport type { InfoItem } from './info-list.types';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'c80-info-list',\n    standalone: true,\n    imports: [],\n    templateUrl: './info-list.component.html',\n    styleUrl: './info-list.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class InfoListComponent {\n    readonly items = input.required<InfoItem[]>();\n}","<div class=\"info-list\">\n    @for (item of items(); track $index) {\n    @if (item.value) {\n    <div class=\"info-list__item\">\n        <span class=\"info-list__label\">{{ item.label }}</span>\n        <span class=\"info-list__value\">{{ item.value }}</span>\n    </div>\n    }\n    }\n</div>"]}
+{"version":3,"file":"info-list.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/info-list/info-list.component.ts","../../../../../libs/ui/src/lib/info-list/info-list.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;;AAG1E;;GAEG;AAUH,MAAM,OAAO,iBAAiB;IACjB,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAc,CAAC;wGADrC,iBAAiB;4FAAjB,iBAAiB,4MCf9B,0SASM;;4FDMO,iBAAiB;kBAT7B,SAAS;+BAEI,eAAe,cACb,IAAI,WACP,EAAE,mBAGM,uBAAuB,CAAC,MAAM","sourcesContent":["import { Component, input, ChangeDetectionStrategy } from '@angular/core';\nimport type { InfoItem } from './info-list.types';\n\n/**\n *\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'c80-info-list',\n    standalone: true,\n    imports: [],\n    templateUrl: './info-list.component.html',\n    styleUrl: './info-list.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class InfoListComponent {\n    readonly items = input.required<InfoItem[]>();\n}","<div class=\"info-list\">\n    @for (item of items(); track $index) {\n    @if (item.value) {\n    <div class=\"info-list__item\">\n        <span class=\"info-list__label\">{{ item.label }}</span>\n        <span class=\"info-list__value\">{{ item.value }}</span>\n    </div>\n    }\n    }\n</div>"]}

package/esm2022/lib/input-field/input-field.component.js

@@ -1,5 +1,8 @@
 import { ChangeDetectionStrategy, Component, output, signal } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ *
+ */
 export class InputFieldComponent {
     label = signal('', ...(ngDevMode ? [{ debugName: "label" }] : []));
     value = signal('', ...(ngDevMode ? [{ debugName: "value" }] : []));
@@ -11,27 +14,41 @@ export class InputFieldComponent {
     valueChange = output();
     enterPressed = output();
     isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : []));
+    /**
+     *
+     * @param event
+     */
     onValueChange(event) {
         const newValue = event.target.value;
         this.value.set(newValue);
         this.valueChange.emit(newValue);
     }
+    /**
+     *
+     */
     onFocus() {
         this.isFocused.set(true);
     }
+    /**
+     *
+     */
     onBlur() {
         this.isFocused.set(false);
     }
+    /**
+     *
+     * @param event
+     */
     onKeyDown(event) {
         if (event.key === 'Enter') {
             this.enterPressed.emit();
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InputFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: InputFieldComponent, isStandalone: true, selector: "c80-input-field", outputs: { valueChange: "valueChange", enterPressed: "enterPressed" }, ngImport: i0, template: "<div class=\"input-field\">\n    <div class=\"input-field__item\">\n        <span class=\"input-field__label\">{{ label() }}</span>\n        <input class=\"input-field__input\" [class.input-field__input--focused]=\"isFocused()\" [type]=\"type()\" [value]=\"value()\" [placeholder]=\"placeholder()\" [attr.maxlength]=\"maxLength()\" [readonly]=\"readonly()\" [required]=\"required()\"\n            (input)=\"onValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" (keydown)=\"onKeyDown($event)\" />\n    </div>\n</div>", styles: [".input-field{width:100%}.input-field__item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-surface);border-radius:var(--radius-lg);gap:1rem;transition:all var(--transition-base)}.input-field__item:hover{background:var(--color-bg-dark)}.input-field__label{font-size:1rem;font-weight:500;color:var(--color-text-primary);min-width:fit-content}.input-field__input{flex:1;background:transparent;border:none;outline:none;font-size:1rem;color:var(--color-text-primary);text-align:right;padding:.5rem 0;min-width:0}.input-field__input::placeholder{color:var(--color-text-tertiary);font-style:italic}.input-field__input:focus{color:var(--color-primary)}.input-field__input[readonly]{cursor:default;color:var(--color-text-secondary)}.input-field__input--focused{color:var(--color-primary)}@media(max-width:768px){.input-field__item{padding:.75rem;gap:.75rem}.input-field__label,.input-field__input{font-size:.875rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: InputFieldComponent, isStandalone: true, selector: "c80-input-field", outputs: { valueChange: "valueChange", enterPressed: "enterPressed" }, ngImport: i0, template: "<div class=\"input-field\">\n    <div class=\"input-field__item\">\n        <span class=\"input-field__label\">{{ label() }}</span>\n        <input class=\"input-field__input\" [class.input-field__input--focused]=\"isFocused()\" [type]=\"type()\" [value]=\"value()\" [placeholder]=\"placeholder()\" [attr.maxlength]=\"maxLength()\" [readonly]=\"readonly()\" [required]=\"required()\"\n            (input)=\"onValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" (keydown)=\"onKeyDown($event)\" />\n    </div>\n</div>", styles: [".input-field{width:100%}.input-field__item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-surface);border-radius:.5rem;gap:1rem;transition:all var(--transition-base)}.input-field__item:hover{background:var(--color-bg-dark)}.input-field__label{color:var(--color-text-primary);min-width:fit-content;font-size:.875rem;font-weight:500}.input-field__input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);text-align:right;padding:.5rem 0;min-width:0}.input-field__input::placeholder{color:var(--color-text-tertiary);font-style:italic}.input-field__input:focus{color:var(--color-primary)}.input-field__input[readonly]{cursor:default;color:var(--color-text-secondary)}.input-field__input--focused{color:var(--color-primary)}@media(max-width:768px){.input-field__item{padding:.75rem;gap:.75rem}.input-field__label,.input-field__input{font-size:.875rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InputFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c80-input-field', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"input-field\">\n    <div class=\"input-field__item\">\n        <span class=\"input-field__label\">{{ label() }}</span>\n        <input class=\"input-field__input\" [class.input-field__input--focused]=\"isFocused()\" [type]=\"type()\" [value]=\"value()\" [placeholder]=\"placeholder()\" [attr.maxlength]=\"maxLength()\" [readonly]=\"readonly()\" [required]=\"required()\"\n            (input)=\"onValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" (keydown)=\"onKeyDown($event)\" />\n    </div>\n</div>", styles: [".input-field{width:100%}.input-field__item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-surface);border-radius:var(--radius-lg);gap:1rem;transition:all var(--transition-base)}.input-field__item:hover{background:var(--color-bg-dark)}.input-field__label{font-size:1rem;font-weight:500;color:var(--color-text-primary);min-width:fit-content}.input-field__input{flex:1;background:transparent;border:none;outline:none;font-size:1rem;color:var(--color-text-primary);text-align:right;padding:.5rem 0;min-width:0}.input-field__input::placeholder{color:var(--color-text-tertiary);font-style:italic}.input-field__input:focus{color:var(--color-primary)}.input-field__input[readonly]{cursor:default;color:var(--color-text-secondary)}.input-field__input--focused{color:var(--color-primary)}@media(max-width:768px){.input-field__item{padding:.75rem;gap:.75rem}.input-field__label,.input-field__input{font-size:.875rem}}\n"] }]
+            args: [{ selector: 'c80-input-field', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"input-field\">\n    <div class=\"input-field__item\">\n        <span class=\"input-field__label\">{{ label() }}</span>\n        <input class=\"input-field__input\" [class.input-field__input--focused]=\"isFocused()\" [type]=\"type()\" [value]=\"value()\" [placeholder]=\"placeholder()\" [attr.maxlength]=\"maxLength()\" [readonly]=\"readonly()\" [required]=\"required()\"\n            (input)=\"onValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" (keydown)=\"onKeyDown($event)\" />\n    </div>\n</div>", styles: [".input-field{width:100%}.input-field__item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-surface);border-radius:.5rem;gap:1rem;transition:all var(--transition-base)}.input-field__item:hover{background:var(--color-bg-dark)}.input-field__label{color:var(--color-text-primary);min-width:fit-content;font-size:.875rem;font-weight:500}.input-field__input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);text-align:right;padding:.5rem 0;min-width:0}.input-field__input::placeholder{color:var(--color-text-tertiary);font-style:italic}.input-field__input:focus{color:var(--color-primary)}.input-field__input[readonly]{cursor:default;color:var(--color-text-secondary)}.input-field__input--focused{color:var(--color-primary)}@media(max-width:768px){.input-field__item{padding:.75rem;gap:.75rem}.input-field__label,.input-field__input{font-size:.875rem}}\n"] }]
         }], propDecorators: { valueChange: [{ type: i0.Output, args: ["valueChange"] }], enterPressed: [{ type: i0.Output, args: ["enterPressed"] }] } });
 //# sourceMappingURL=input-field.component.js.map

package/esm2022/lib/input-field/input-field.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-field.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/input-field/input-field.component.ts","../../../../../libs/ui/src/lib/input-field/input-field.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAWnF,MAAM,OAAO,mBAAmB;IACnB,KAAK,GAAG,MAAM,CAAS,EAAE,iDAAC,CAAC;IAC3B,KAAK,GAAG,MAAM,CAAS,EAAE,iDAAC,CAAC;IAC3B,WAAW,GAAG,MAAM,CAAS,EAAE,uDAAC,CAAC;IACjC,IAAI,GAAG,MAAM,CAAgC,MAAM,gDAAC,CAAC;IACrD,SAAS,GAAG,MAAM,CAAqB,SAAS,qDAAC,CAAC;IAClD,QAAQ,GAAG,MAAM,CAAU,KAAK,oDAAC,CAAC;IAClC,QAAQ,GAAG,MAAM,CAAU,KAAK,oDAAC,CAAC;IAE3C,WAAW,GAAG,MAAM,EAAU,CAAC;IAC/B,YAAY,GAAG,MAAM,EAAQ,CAAC;IAEX,SAAS,GAAG,MAAM,CAAC,KAAK,qDAAC,CAAC;IAEnC,aAAa,CAAC,KAAY;QAChC,MAAM,QAAQ,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QAC1D,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACzB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC;IAES,OAAO;QACb,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAES,MAAM;QACZ,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAES,SAAS,CAAC,KAAoB;QACpC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACxB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAC7B,CAAC;IACL,CAAC;wGAhCQ,mBAAmB;4FAAnB,mBAAmB,kJCXhC,ihBAMM;;4FDKO,mBAAmB;kBAT/B,SAAS;+BAEI,iBAAiB,cACf,IAAI,WACP,EAAE,mBAGM,uBAAuB,CAAC,MAAM","sourcesContent":["import { ChangeDetectionStrategy, Component, output, signal } from '@angular/core';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'c80-input-field',\n    standalone: true,\n    imports: [],\n    templateUrl: './input-field.component.html',\n    styleUrl: './input-field.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class InputFieldComponent {\n    readonly label = signal<string>('');\n    readonly value = signal<string>('');\n    readonly placeholder = signal<string>('');\n    readonly type = signal<'text' | 'email' | 'password'>('text');\n    readonly maxLength = signal<number | undefined>(undefined);\n    readonly readonly = signal<boolean>(false);\n    readonly required = signal<boolean>(false);\n\n    valueChange = output<string>();\n    enterPressed = output<void>();\n\n    protected readonly isFocused = signal(false);\n\n    protected onValueChange(event: Event): void {\n        const newValue = (event.target as HTMLInputElement).value;\n        this.value.set(newValue);\n        this.valueChange.emit(newValue);\n    }\n\n    protected onFocus(): void {\n        this.isFocused.set(true);\n    }\n\n    protected onBlur(): void {\n        this.isFocused.set(false);\n    }\n\n    protected onKeyDown(event: KeyboardEvent): void {\n        if (event.key === 'Enter') {\n            this.enterPressed.emit();\n        }\n    }\n}","<div class=\"input-field\">\n    <div class=\"input-field__item\">\n        <span class=\"input-field__label\">{{ label() }}</span>\n        <input class=\"input-field__input\" [class.input-field__input--focused]=\"isFocused()\" [type]=\"type()\" [value]=\"value()\" [placeholder]=\"placeholder()\" [attr.maxlength]=\"maxLength()\" [readonly]=\"readonly()\" [required]=\"required()\"\n            (input)=\"onValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" (keydown)=\"onKeyDown($event)\" />\n    </div>\n</div>"]}
+{"version":3,"file":"input-field.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/input-field/input-field.component.ts","../../../../../libs/ui/src/lib/input-field/input-field.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAEnF;;GAEG;AAUH,MAAM,OAAO,mBAAmB;IACnB,KAAK,GAAG,MAAM,CAAS,EAAE,iDAAC,CAAC;IAC3B,KAAK,GAAG,MAAM,CAAS,EAAE,iDAAC,CAAC;IAC3B,WAAW,GAAG,MAAM,CAAS,EAAE,uDAAC,CAAC;IACjC,IAAI,GAAG,MAAM,CAAgC,MAAM,gDAAC,CAAC;IACrD,SAAS,GAAG,MAAM,CAAqB,SAAS,qDAAC,CAAC;IAClD,QAAQ,GAAG,MAAM,CAAU,KAAK,oDAAC,CAAC;IAClC,QAAQ,GAAG,MAAM,CAAU,KAAK,oDAAC,CAAC;IAE3C,WAAW,GAAG,MAAM,EAAU,CAAC;IAC/B,YAAY,GAAG,MAAM,EAAQ,CAAC;IAEX,SAAS,GAAG,MAAM,CAAC,KAAK,qDAAC,CAAC;IAE7C;;;OAGG;IACO,aAAa,CAAC,KAAY;QAChC,MAAM,QAAQ,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QAC1D,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACzB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC;IAED;;OAEG;IACO,OAAO;QACb,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED;;OAEG;IACO,MAAM;QACZ,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED;;;OAGG;IACO,SAAS,CAAC,KAAoB;QACpC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACxB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAC7B,CAAC;IACL,CAAC;wGA9CQ,mBAAmB;4FAAnB,mBAAmB,kJCdhC,ihBAMM;;4FDQO,mBAAmB;kBAT/B,SAAS;+BAEI,iBAAiB,cACf,IAAI,WACP,EAAE,mBAGM,uBAAuB,CAAC,MAAM","sourcesContent":["import { ChangeDetectionStrategy, Component, output, signal } from '@angular/core';\n\n/**\n *\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'c80-input-field',\n    standalone: true,\n    imports: [],\n    templateUrl: './input-field.component.html',\n    styleUrl: './input-field.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class InputFieldComponent {\n    readonly label = signal<string>('');\n    readonly value = signal<string>('');\n    readonly placeholder = signal<string>('');\n    readonly type = signal<'text' | 'email' | 'password'>('text');\n    readonly maxLength = signal<number | undefined>(undefined);\n    readonly readonly = signal<boolean>(false);\n    readonly required = signal<boolean>(false);\n\n    valueChange = output<string>();\n    enterPressed = output<void>();\n\n    protected readonly isFocused = signal(false);\n\n    /**\n     *\n     * @param event\n     */\n    protected onValueChange(event: Event): void {\n        const newValue = (event.target as HTMLInputElement).value;\n        this.value.set(newValue);\n        this.valueChange.emit(newValue);\n    }\n\n    /**\n     *\n     */\n    protected onFocus(): void {\n        this.isFocused.set(true);\n    }\n\n    /**\n     *\n     */\n    protected onBlur(): void {\n        this.isFocused.set(false);\n    }\n\n    /**\n     *\n     * @param event\n     */\n    protected onKeyDown(event: KeyboardEvent): void {\n        if (event.key === 'Enter') {\n            this.enterPressed.emit();\n        }\n    }\n}","<div class=\"input-field\">\n    <div class=\"input-field__item\">\n        <span class=\"input-field__label\">{{ label() }}</span>\n        <input class=\"input-field__input\" [class.input-field__input--focused]=\"isFocused()\" [type]=\"type()\" [value]=\"value()\" [placeholder]=\"placeholder()\" [attr.maxlength]=\"maxLength()\" [readonly]=\"readonly()\" [required]=\"required()\"\n            (input)=\"onValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" (keydown)=\"onKeyDown($event)\" />\n    </div>\n</div>"]}

package/esm2022/lib/input-search/c80-input-search.component.js

@@ -0,0 +1,26 @@
+import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
+import { IconComponent } from '../icon';
+import * as i0 from "@angular/core";
+/**
+ *
+ */
+export class InputSearchComponent {
+    value = input('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+    placeholder = input('Buscar...', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    inputChange = output();
+    /**
+     *
+     * @param event
+     */
+    onInput(event) {
+        const val = event.target.value;
+        this.inputChange.emit(val);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InputSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: InputSearchComponent, isStandalone: true, selector: "c80-input-search", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputChange: "inputChange" }, ngImport: i0, template: "<div class=\"c80-input-search\">\n    <c80-icon icon=\"search\" [button]=\"false\" [size]=\"1.2\" class=\"c80-input-search__icon\" />\n    <input type=\"search\" class=\"c80-input-search__input\" [placeholder]=\"placeholder()\" [value]=\"value()\" (input)=\"onInput($event)\" autocomplete=\"off\" />\n</div>", styles: [".c80-input-search{display:flex;align-items:center;position:relative;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.25rem .75rem;border:1px solid var(--color-border);transition:box-shadow var(--transition-base);width:100%;min-height:48px}.c80-input-search__icon{margin-right:.5rem;color:var(--color-text-secondary);flex-shrink:0;font-size:1.2rem}.c80-input-search__input{border:none;outline:none;background:transparent;font-size:1rem;color:var(--color-text-primary);width:100%;padding:0;box-shadow:none;font-family:inherit}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "c80-icon", inputs: ["icon", "color", "customColor", "disabled", "size", "button", "border", "type", "textLeft", "textRight", "dark"], outputs: ["iconClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InputSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c80-input-search', standalone: true, imports: [IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c80-input-search\">\n    <c80-icon icon=\"search\" [button]=\"false\" [size]=\"1.2\" class=\"c80-input-search__icon\" />\n    <input type=\"search\" class=\"c80-input-search__input\" [placeholder]=\"placeholder()\" [value]=\"value()\" (input)=\"onInput($event)\" autocomplete=\"off\" />\n</div>", styles: [".c80-input-search{display:flex;align-items:center;position:relative;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.25rem .75rem;border:1px solid var(--color-border);transition:box-shadow var(--transition-base);width:100%;min-height:48px}.c80-input-search__icon{margin-right:.5rem;color:var(--color-text-secondary);flex-shrink:0;font-size:1.2rem}.c80-input-search__input{border:none;outline:none;background:transparent;font-size:1rem;color:var(--color-text-primary);width:100%;padding:0;box-shadow:none;font-family:inherit}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], inputChange: [{ type: i0.Output, args: ["inputChange"] }] } });
+//# sourceMappingURL=c80-input-search.component.js.map

package/esm2022/lib/input-search/c80-input-search.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"c80-input-search.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/input-search/c80-input-search.component.ts","../../../../../libs/ui/src/lib/input-search/c80-input-search.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;AAExC;;GAEG;AAUH,MAAM,OAAO,oBAAoB;IACpB,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC,CAAC;IAC1B,WAAW,GAAG,KAAK,CAAS,WAAW,uDAAC,CAAC;IACzC,WAAW,GAAG,MAAM,EAAU,CAAC;IAExC;;;OAGG;IACO,OAAO,CAAC,KAAY;QAC1B,MAAM,GAAG,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QACrD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC/B,CAAC;wGAZQ,oBAAoB;4FAApB,oBAAoB,mYCfjC,qTAGM,2nBDOQ,aAAa;;4FAKd,oBAAoB;kBAThC,SAAS;+BAEI,kBAAkB,cAChB,IAAI,WACP,CAAC,aAAa,CAAC,mBAGP,uBAAuB,CAAC,MAAM","sourcesContent":["import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { IconComponent } from '../icon';\n\n/**\n *\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'c80-input-search',\n    standalone: true,\n    imports: [IconComponent],\n    templateUrl: './c80-input-search.component.html',\n    styleUrl: './c80-input-search.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class InputSearchComponent {\n    readonly value = input<string>('');\n    readonly placeholder = input<string>('Buscar...');\n    readonly inputChange = output<string>();\n\n    /**\n     *\n     * @param event\n     */\n    protected onInput(event: Event): void {\n        const val = (event.target as HTMLInputElement).value;\n        this.inputChange.emit(val);\n    }\n}\n","<div class=\"c80-input-search\">\n    <c80-icon icon=\"search\" [button]=\"false\" [size]=\"1.2\" class=\"c80-input-search__icon\" />\n    <input type=\"search\" class=\"c80-input-search__input\" [placeholder]=\"placeholder()\" [value]=\"value()\" (input)=\"onInput($event)\" autocomplete=\"off\" />\n</div>"]}

package/esm2022/lib/input-search/index.js

@@ -0,0 +1,2 @@
+export * from './c80-input-search.component';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/input-search/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/input-search/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC","sourcesContent":["export * from './c80-input-search.component';\n"]}

package/esm2022/lib/modal/modal.component.js

@@ -2,11 +2,17 @@ import { Component, computed, effect, inject, ChangeDetectionStrategy } from '@a
 import { ModalService } from './modal.service';
 import { IconComponent } from './../icon';
 import * as i0 from "@angular/core";
+/**
+ *
+ */
 export class ModalComponent {
     modalService = inject(ModalService);
     isOpen = this.modalService.modalState.isOpen;
     config = this.modalService.modalState.config;
     isVisible = computed(() => this.isOpen(), ...(ngDevMode ? [{ debugName: "isVisible" }] : []));
+    /**
+     *
+     */
     constructor() {
         effect(() => {
             if (this.isOpen()) {
@@ -21,26 +27,49 @@ export class ModalComponent {
             }
         });
     }
+    /**
+     * Maneja la confirmación del modal
+     */
     onConfirm() {
         this.modalService.handleResult({ action: 'confirm', confirmed: true });
     }
+    /**
+     * Maneja la cancelación del modal
+     */
     onCancel() {
         this.modalService.handleResult({ action: 'cancel', confirmed: false });
     }
+    /**
+     * Maneja la respuesta afirmativa del modal
+     */
     onYes() {
         this.modalService.handleResult({ action: 'yes', confirmed: true });
     }
+    /**
+     * Maneja la respuesta negativa del modal
+     */
     onNo() {
         this.modalService.handleResult({ action: 'no', confirmed: false });
     }
+    /**
+     * Cierra el modal actual
+     */
     closeModal() {
         this.modalService.closeModal();
     }
+    /**
+     * Maneja el clic en el backdrop del modal
+     * @param event - Evento de clic
+     */
     onBackdropClick(event) {
         if (event.target === event.currentTarget) {
             this.closeModal();
         }
     }
+    /**
+     *
+     * @returns Clase CSS del botón primario según el tipo de modal
+     */
     getPrimaryButtonClass() {
         const configValue = this.config();
         switch (configValue.type) {
@@ -55,25 +84,53 @@ export class ModalComponent {
                 return 'btn-info';
         }
     }
+    /**
+     *
+     * @returns true si debe mostrar botones Sí/No
+     */
     showYesNoButtons() {
         return this.config().type === 'yesNo';
     }
+    /**
+     *
+     * @returns true si debe mostrar botones Confirmar/Cancelar
+     */
     showConfirmButtons() {
         const type = this.config().type;
         return type === 'confirm' || type === 'warning' || type === 'error';
     }
+    /**
+     *
+     * @returns true si debe mostrar botón OK
+     */
     showOkButton() {
         return this.config().type === 'info';
     }
+    /**
+     *
+     * @returns Texto del botón de confirmación
+     */
     getConfirmText() {
         return this.config().confirmText ?? 'Confirmar';
     }
+    /**
+     *
+     * @returns Texto del botón de cancelar
+     */
     getCancelText() {
         return this.config().cancelText ?? 'Cancelar';
     }
+    /**
+     *
+     * @returns Texto del botón Sí
+     */
     getYesText() {
         return this.config().yesText ?? 'Sí';
     }
+    /**
+     *
+     * @returns Texto del botón No
+     */
     getNoText() {
         return this.config().noText ?? 'No';
     }

package/esm2022/lib/modal/modal.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/modal/modal.component.ts","../../../../../libs/ui/src/lib/modal/modal.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, computed, effect, inject, ChangeDetectionStrategy } from '@angular/core';\nimport { ModalService } from './modal.service';\nimport { IconComponent } from './../icon';\n\nexport type ModalType = 'info' | 'confirm' | 'yesNo' | 'warning' | 'error';\n\nexport interface ModalConfig {\n  title: string;\n  message: string;\n  type?: ModalType;\n  confirmText?: string;\n  cancelText?: string;\n  yesText?: string;\n  noText?: string;\n  showCancel?: boolean;\n}\n\nexport interface ModalResult {\n  action: 'confirm' | 'cancel' | 'yes' | 'no';\n  confirmed: boolean;\n}\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'c80-modal',\n  standalone: true,\n  imports: [IconComponent],\n  templateUrl: './modal.component.html',\n  styleUrl: './modal.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ModalComponent {\n  private readonly modalService = inject(ModalService);\n\n  readonly isOpen = this.modalService.modalState.isOpen;\n  readonly config = this.modalService.modalState.config;\n  readonly isVisible = computed(() => this.isOpen());\n\n  constructor() {\n    effect(() => {\n      if (this.isOpen()) {\n        // Auto-focus modal when opened for accessibility\n        /* v8 ignore next 8 */\n        setTimeout(() => {\n          const backdrop = document.querySelector(\n            '.modal-backdrop'\n          ) as HTMLElement;\n          if (backdrop) {\n            backdrop.focus();\n          }\n        }, 100);\n      }\n    });\n  }\n\n  onConfirm() {\n    this.modalService.handleResult({ action: 'confirm', confirmed: true });\n  }\n\n  onCancel() {\n    this.modalService.handleResult({ action: 'cancel', confirmed: false });\n  }\n\n  onYes() {\n    this.modalService.handleResult({ action: 'yes', confirmed: true });\n  }\n\n  onNo() {\n    this.modalService.handleResult({ action: 'no', confirmed: false });\n  }\n\n  closeModal() {\n    this.modalService.closeModal();\n  }\n\n  onBackdropClick(event: Event) {\n    if (event.target === event.currentTarget) {\n      this.closeModal();\n    }\n  }\n\n  getPrimaryButtonClass(): string {\n    const configValue = this.config();\n    switch (configValue.type) {\n      case 'warning':\n        return 'btn-warning';\n      case 'error':\n        return 'btn-danger';\n      case 'confirm':\n      case 'yesNo':\n        return 'btn-primary';\n      default:\n        return 'btn-info';\n    }\n  }\n\n  showYesNoButtons(): boolean {\n    return this.config().type === 'yesNo';\n  }\n\n  showConfirmButtons(): boolean {\n    const type = this.config().type;\n    return type === 'confirm' || type === 'warning' || type === 'error';\n  }\n\n  showOkButton(): boolean {\n    return this.config().type === 'info';\n  }\n\n  getConfirmText(): string {\n    return this.config().confirmText ?? 'Confirmar';\n  }\n\n  getCancelText(): string {\n    return this.config().cancelText ?? 'Cancelar';\n  }\n\n  getYesText(): string {\n    return this.config().yesText ?? 'Sí';\n  }\n\n  getNoText(): string {\n    return this.config().noText ?? 'No';\n  }\n}\n","<!-- Modal Backdrop -->\n@if (isOpen()) {\n<div class=\"modal-backdrop\" [class.show]=\"isVisible()\" tabindex=\"-1\" (click)=\"onBackdropClick($event)\" (keydown.escape)=\"closeModal()\">\n\n  <!-- Modal Container -->\n  <dialog class=\"modal-container\" [class.show]=\"isVisible()\" [attr.aria-labelledby]=\"'modal-title'\" [open]=\"isVisible()\">\n\n    <!-- Modal Header -->\n    <div class=\"modal-header\">\n      <h4 class=\"modal-title\" id=\"modal-title\">{{ config().title }}</h4>\n      <c80-icon [button]=\"true\" icon=\"close\" (iconClick)=\"closeModal()\" title=\"Cerrar\" color=\"warn\" />\n    </div>\n\n    <!-- Modal Body -->\n    <div class=\"modal-body\">\n      <p class=\"modal-message\">{{ config().message }}</p>\n    </div>\n\n    <!-- Modal Footer -->\n    <div class=\"modal-footer\">\n\n      <!-- Info Modal - Solo OK -->\n      @if (showOkButton()) {\n      <c80-icon [button]=\"true\" icon=\"check\" textRight=\"OK\" (iconClick)=\"onConfirm()\" [border]=\"true\" />\n      }\n\n      <!-- Yes/No Modal -->\n      @if (showYesNoButtons()) {\n      <c80-icon [button]=\"true\" icon=\"check\" [textRight]=\"getYesText()\" (iconClick)=\"onYes()\" [border]=\"true\" />\n      <c80-icon [button]=\"true\" icon=\"cancel\" [textRight]=\"getNoText()\" color=\"warn\" (iconClick)=\"onNo()\" [border]=\"true\" />\n      }\n\n      <!-- Confirm Modal -->\n      @if (showConfirmButtons()) {\n      <c80-icon [button]=\"true\" icon=\"check\" [textRight]=\"getConfirmText()\" (iconClick)=\"onConfirm()\" [border]=\"true\" />\n      <c80-icon [button]=\"true\" icon=\"cancel\" [textRight]=\"getCancelText()\" color=\"warn\" (iconClick)=\"onCancel()\" [border]=\"true\" />\n      }\n\n    </div>\n  </dialog>\n</div>\n}"]}
+{"version":3,"file":"modal.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/modal/modal.component.ts","../../../../../libs/ui/src/lib/modal/modal.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;;AAoB1C;;GAEG;AAUH,MAAM,OAAO,cAAc;IACR,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IAE5C,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC;IAC7C,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC;IAC7C,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,qDAAC,CAAC;IAEnD;;OAEG;IACH;QACE,MAAM,CAAC,GAAG,EAAE;YACV,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;gBAClB,iDAAiD;gBACjD,sBAAsB;gBACtB,UAAU,CAAC,GAAG,EAAE;oBACd,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CACrC,iBAAiB,CACH,CAAC;oBACjB,IAAI,QAAQ,EAAE,CAAC;wBACb,QAAQ,CAAC,KAAK,EAAE,CAAC;oBACnB,CAAC;gBACH,CAAC,EAAE,GAAG,CAAC,CAAC;YACV,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACH,SAAS;QACP,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACzE,CAAC;IAED;;OAEG;IACH,QAAQ;QACN,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;IACzE,CAAC;IAED;;OAEG;IACH,KAAK;QACH,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACrE,CAAC;IAED;;OAEG;IACH,IAAI;QACF,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;IACrE,CAAC;IAED;;OAEG;IACH,UAAU;QACR,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC;IAED;;;OAGG;IACH,eAAe,CAAC,KAAY;QAC1B,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa,EAAE,CAAC;YACzC,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,qBAAqB;QACnB,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAClC,QAAQ,WAAW,CAAC,IAAI,EAAE,CAAC;YACzB,KAAK,SAAS;gBACZ,OAAO,aAAa,CAAC;YACvB,KAAK,OAAO;gBACV,OAAO,YAAY,CAAC;YACtB,KAAK,SAAS,CAAC;YACf,KAAK,OAAO;gBACV,OAAO,aAAa,CAAC;YACvB;gBACE,OAAO,UAAU,CAAC;QACtB,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,gBAAgB;QACd,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,KAAK,OAAO,CAAC;IACxC,CAAC;IAED;;;OAGG;IACH,kBAAkB;QAChB,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC;QAChC,OAAO,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,OAAO,CAAC;IACtE,CAAC;IAED;;;OAGG;IACH,YAAY;QACV,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,KAAK,MAAM,CAAC;IACvC,CAAC;IAED;;;OAGG;IACH,cAAc;QACZ,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,WAAW,IAAI,WAAW,CAAC;IAClD,CAAC;IAED;;;OAGG;IACH,aAAa;QACX,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,UAAU,IAAI,UAAU,CAAC;IAChD,CAAC;IAED;;;OAGG;IACH,UAAU;QACR,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,IAAI,IAAI,CAAC;IACvC,CAAC;IAED;;;OAGG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,IAAI,IAAI,CAAC;IACtC,CAAC;wGAlJU,cAAc;4FAAd,cAAc,qEClC3B,wsDAyCC,unDDZW,aAAa;;4FAKZ,cAAc;kBAT1B,SAAS;+BAEE,WAAW,cACT,IAAI,WACP,CAAC,aAAa,CAAC,mBAGP,uBAAuB,CAAC,MAAM","sourcesContent":["import { Component, computed, effect, inject, ChangeDetectionStrategy } from '@angular/core';\nimport { ModalService } from './modal.service';\nimport { IconComponent } from './../icon';\n\nexport type ModalType = 'info' | 'confirm' | 'yesNo' | 'warning' | 'error';\n\nexport interface ModalConfig {\n  title: string;\n  message: string;\n  type?: ModalType;\n  confirmText?: string;\n  cancelText?: string;\n  yesText?: string;\n  noText?: string;\n  showCancel?: boolean;\n}\n\nexport interface ModalResult {\n  action: 'confirm' | 'cancel' | 'yes' | 'no';\n  confirmed: boolean;\n}\n\n/**\n *\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'c80-modal',\n  standalone: true,\n  imports: [IconComponent],\n  templateUrl: './modal.component.html',\n  styleUrl: './modal.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ModalComponent {\n  private readonly modalService = inject(ModalService);\n\n  readonly isOpen = this.modalService.modalState.isOpen;\n  readonly config = this.modalService.modalState.config;\n  readonly isVisible = computed(() => this.isOpen());\n\n  /**\n   *\n   */\n  constructor() {\n    effect(() => {\n      if (this.isOpen()) {\n        // Auto-focus modal when opened for accessibility\n        /* v8 ignore next 8 */\n        setTimeout(() => {\n          const backdrop = document.querySelector(\n            '.modal-backdrop'\n          ) as HTMLElement;\n          if (backdrop) {\n            backdrop.focus();\n          }\n        }, 100);\n      }\n    });\n  }\n\n  /**\n   * Maneja la confirmación del modal\n   */\n  onConfirm(): void {\n    this.modalService.handleResult({ action: 'confirm', confirmed: true });\n  }\n\n  /**\n   * Maneja la cancelación del modal\n   */\n  onCancel(): void {\n    this.modalService.handleResult({ action: 'cancel', confirmed: false });\n  }\n\n  /**\n   * Maneja la respuesta afirmativa del modal\n   */\n  onYes(): void {\n    this.modalService.handleResult({ action: 'yes', confirmed: true });\n  }\n\n  /**\n   * Maneja la respuesta negativa del modal\n   */\n  onNo(): void {\n    this.modalService.handleResult({ action: 'no', confirmed: false });\n  }\n\n  /**\n   * Cierra el modal actual\n   */\n  closeModal(): void {\n    this.modalService.closeModal();\n  }\n\n  /**\n   * Maneja el clic en el backdrop del modal\n   * @param event - Evento de clic\n   */\n  onBackdropClick(event: Event): void {\n    if (event.target === event.currentTarget) {\n      this.closeModal();\n    }\n  }\n\n  /**\n   *\n   * @returns Clase CSS del botón primario según el tipo de modal\n   */\n  getPrimaryButtonClass(): string {\n    const configValue = this.config();\n    switch (configValue.type) {\n      case 'warning':\n        return 'btn-warning';\n      case 'error':\n        return 'btn-danger';\n      case 'confirm':\n      case 'yesNo':\n        return 'btn-primary';\n      default:\n        return 'btn-info';\n    }\n  }\n\n  /**\n   *\n   * @returns true si debe mostrar botones Sí/No\n   */\n  showYesNoButtons(): boolean {\n    return this.config().type === 'yesNo';\n  }\n\n  /**\n   *\n   * @returns true si debe mostrar botones Confirmar/Cancelar\n   */\n  showConfirmButtons(): boolean {\n    const type = this.config().type;\n    return type === 'confirm' || type === 'warning' || type === 'error';\n  }\n\n  /**\n   *\n   * @returns true si debe mostrar botón OK\n   */\n  showOkButton(): boolean {\n    return this.config().type === 'info';\n  }\n\n  /**\n   *\n   * @returns Texto del botón de confirmación\n   */\n  getConfirmText(): string {\n    return this.config().confirmText ?? 'Confirmar';\n  }\n\n  /**\n   *\n   * @returns Texto del botón de cancelar\n   */\n  getCancelText(): string {\n    return this.config().cancelText ?? 'Cancelar';\n  }\n\n  /**\n   *\n   * @returns Texto del botón Sí\n   */\n  getYesText(): string {\n    return this.config().yesText ?? 'Sí';\n  }\n\n  /**\n   *\n   * @returns Texto del botón No\n   */\n  getNoText(): string {\n    return this.config().noText ?? 'No';\n  }\n}\n","<!-- Modal Backdrop -->\n@if (isOpen()) {\n<div class=\"modal-backdrop\" [class.show]=\"isVisible()\" tabindex=\"-1\" (click)=\"onBackdropClick($event)\" (keydown.escape)=\"closeModal()\">\n\n  <!-- Modal Container -->\n  <dialog class=\"modal-container\" [class.show]=\"isVisible()\" [attr.aria-labelledby]=\"'modal-title'\" [open]=\"isVisible()\">\n\n    <!-- Modal Header -->\n    <div class=\"modal-header\">\n      <h4 class=\"modal-title\" id=\"modal-title\">{{ config().title }}</h4>\n      <c80-icon [button]=\"true\" icon=\"close\" (iconClick)=\"closeModal()\" title=\"Cerrar\" color=\"warn\" />\n    </div>\n\n    <!-- Modal Body -->\n    <div class=\"modal-body\">\n      <p class=\"modal-message\">{{ config().message }}</p>\n    </div>\n\n    <!-- Modal Footer -->\n    <div class=\"modal-footer\">\n\n      <!-- Info Modal - Solo OK -->\n      @if (showOkButton()) {\n      <c80-icon [button]=\"true\" icon=\"check\" textRight=\"OK\" (iconClick)=\"onConfirm()\" [border]=\"true\" />\n      }\n\n      <!-- Yes/No Modal -->\n      @if (showYesNoButtons()) {\n      <c80-icon [button]=\"true\" icon=\"check\" [textRight]=\"getYesText()\" (iconClick)=\"onYes()\" [border]=\"true\" />\n      <c80-icon [button]=\"true\" icon=\"cancel\" [textRight]=\"getNoText()\" color=\"warn\" (iconClick)=\"onNo()\" [border]=\"true\" />\n      }\n\n      <!-- Confirm Modal -->\n      @if (showConfirmButtons()) {\n      <c80-icon [button]=\"true\" icon=\"check\" [textRight]=\"getConfirmText()\" (iconClick)=\"onConfirm()\" [border]=\"true\" />\n      <c80-icon [button]=\"true\" icon=\"cancel\" [textRight]=\"getCancelText()\" color=\"warn\" (iconClick)=\"onCancel()\" [border]=\"true\" />\n      }\n\n    </div>\n  </dialog>\n</div>\n}"]}

package/esm2022/lib/modal/modal.service.js

@@ -1,5 +1,8 @@
 import { Injectable, signal } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ *
+ */
 export class ModalService {
     isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
     config = signal({
@@ -12,6 +15,10 @@ export class ModalService {
         isOpen: this.isOpen.asReadonly(),
         config: this.config.asReadonly(),
     };
+    /**
+     *
+     * @param config
+     */
     async showModal(config) {
         this.config.set(config);
         this.isOpen.set(true);
@@ -19,7 +26,17 @@ export class ModalService {
             this.resolvePromise = resolve;
         });
     }
-    async confirm(title, message, confirmText = 'Confirmar', cancelText = 'Cancelar') {
+    /**
+     *
+     * @param options
+     * @param options.title
+     * @param options.message
+     * @param options.confirmText
+     * @param options.cancelText
+     * @returns Promise que resuelve true si se confirmó
+     */
+    async confirm(options) {
+        const { title, message, confirmText = 'Confirmar', cancelText = 'Cancelar' } = options;
         return this.showModal({
             title,
             message,
@@ -28,7 +45,17 @@ export class ModalService {
             cancelText,
         }).then((result) => result.confirmed);
     }
-    async yesNo(title, message, yesText = 'Sí', noText = 'No') {
+    /**
+     *
+     * @param options
+     * @param options.title
+     * @param options.message
+     * @param options.yesText
+     * @param options.noText
+     * @returns Promise que resuelve true si se eligió Sí
+     */
+    async yesNo(options) {
+        const { title, message, yesText = 'Sí', noText = 'No' } = options;
         return this.showModal({
             title,
             message,
@@ -37,6 +64,12 @@ export class ModalService {
             noText,
         }).then((result) => result.action === 'yes');
     }
+    /**
+     *
+     * @param title
+     * @param message
+     * @returns Promise que resuelve cuando se cierra el modal
+     */
     async info(title, message) {
         return this.showModal({
             title,
@@ -44,7 +77,17 @@ export class ModalService {
             type: 'info',
         }).then(() => void 0);
     }
-    async warning(title, message, confirmText = 'Entendido', cancelText = 'Cancelar') {
+    /**
+     *
+     * @param options
+     * @param options.title
+     * @param options.message
+     * @param options.confirmText
+     * @param options.cancelText
+     * @returns Promise que resuelve true si se confirmó
+     */
+    async warning(options) {
+        const { title, message, confirmText = 'Entendido', cancelText = 'Cancelar' } = options;
         return this.showModal({
             title,
             message,
@@ -53,6 +96,13 @@ export class ModalService {
             cancelText,
         }).then((result) => result.confirmed);
     }
+    /**
+     *
+     * @param title
+     * @param message
+     * @param confirmText
+     * @returns Promise que resuelve true si se confirmó
+     */
     async error(title, message, confirmText = 'Entendido') {
         return this.showModal({
             title,
@@ -61,6 +111,10 @@ export class ModalService {
             confirmText,
         }).then(() => void 0);
     }
+    /**
+     * Maneja el resultado del modal y resuelve la promesa
+     * @param result - Resultado de la acción del modal
+     */
     handleResult(result) {
         if (this.resolvePromise) {
             this.resolvePromise(result);
@@ -68,6 +122,9 @@ export class ModalService {
         }
         this.closeModal();
     }
+    /**
+     * Cierra el modal actual
+     */
     closeModal() {
         this.isOpen.set(false);
     }

package/esm2022/lib/modal/modal.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.service.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/modal/modal.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable, signal } from '@angular/core';\r\nimport type { ModalConfig, ModalResult } from './modal.component';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class ModalService {\r\n  private readonly isOpen = signal(false);\r\n  private readonly config = signal<ModalConfig>({\r\n    title: '',\r\n    message: '',\r\n    type: 'info',\r\n  });\r\n\r\n  private resolvePromise?: (result: ModalResult) => void;\r\n\r\n  readonly modalState = {\r\n    isOpen: this.isOpen.asReadonly(),\r\n    config: this.config.asReadonly(),\r\n  };\r\n\r\n  async showModal(config: ModalConfig): Promise<ModalResult> {\r\n    this.config.set(config);\r\n    this.isOpen.set(true);\r\n\r\n    return new Promise<ModalResult>((resolve) => {\r\n      this.resolvePromise = resolve;\r\n    });\r\n  }\r\n\r\n  async confirm(\r\n    title: string,\r\n    message: string,\r\n    confirmText = 'Confirmar',\r\n    cancelText = 'Cancelar'\r\n  ): Promise<boolean> {\r\n    return this.showModal({\r\n      title,\r\n      message,\r\n      type: 'confirm',\r\n      confirmText,\r\n      cancelText,\r\n    }).then((result) => result.confirmed);\r\n  }\r\n\r\n  async yesNo(\r\n    title: string,\r\n    message: string,\r\n    yesText = 'Sí',\r\n    noText = 'No'\r\n  ): Promise<boolean> {\r\n    return this.showModal({\r\n      title,\r\n      message,\r\n      type: 'yesNo',\r\n      yesText,\r\n      noText,\r\n    }).then((result) => result.action === 'yes');\r\n  }\r\n\r\n  async info(title: string, message: string): Promise<void> {\r\n    return this.showModal({\r\n      title,\r\n      message,\r\n      type: 'info',\r\n    }).then(() => void 0);\r\n  }\r\n\r\n  async warning(\r\n    title: string,\r\n    message: string,\r\n    confirmText = 'Entendido',\r\n    cancelText = 'Cancelar'\r\n  ): Promise<boolean> {\r\n    return this.showModal({\r\n      title,\r\n      message,\r\n      type: 'warning',\r\n      confirmText,\r\n      cancelText,\r\n    }).then((result) => result.confirmed);\r\n  }\r\n\r\n  async error(\r\n    title: string,\r\n    message: string,\r\n    confirmText = 'Entendido'\r\n  ): Promise<void> {\r\n    return this.showModal({\r\n      title,\r\n      message,\r\n      type: 'error',\r\n      confirmText,\r\n    }).then(() => void 0);\r\n  }\r\n\r\n  handleResult(result: ModalResult) {\r\n    if (this.resolvePromise) {\r\n      this.resolvePromise(result);\r\n      this.resolvePromise = undefined;\r\n    }\r\n    this.closeModal();\r\n  }\r\n\r\n  closeModal() {\r\n    this.isOpen.set(false);\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"modal.service.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/modal/modal.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAGnD;;GAEG;AAIH,MAAM,OAAO,YAAY;IACN,MAAM,GAAG,MAAM,CAAC,KAAK,kDAAC,CAAC;IACvB,MAAM,GAAG,MAAM,CAAc;QAC5C,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,EAAE;QACX,IAAI,EAAE,MAAM;KACb,kDAAC,CAAC;IAEK,cAAc,CAAiC;IAE9C,UAAU,GAAG;QACpB,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;QAChC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;KACjC,CAAC;IAEF;;;OAGG;IACH,KAAK,CAAC,SAAS,CAAC,MAAmB;QACjC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACxB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAEtB,OAAO,IAAI,OAAO,CAAc,CAAC,OAAO,EAAE,EAAE;YAC1C,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;;;;;;OAQG;IACH,KAAK,CAAC,OAAO,CAAC,OAKb;QACC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,GAAG,WAAW,EAAE,UAAU,GAAG,UAAU,EAAE,GAAG,OAAO,CAAC;QACvF,OAAO,IAAI,CAAC,SAAS,CAAC;YACpB,KAAK;YACL,OAAO;YACP,IAAI,EAAE,SAAS;YACf,WAAW;YACX,UAAU;SACX,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IACxC,CAAC;IAED;;;;;;;;OAQG;IACH,KAAK,CAAC,KAAK,CAAC,OAKX;QACC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;QAClE,OAAO,IAAI,CAAC,SAAS,CAAC;YACpB,KAAK;YACL,OAAO;YACP,IAAI,EAAE,OAAO;YACb,OAAO;YACP,MAAM;SACP,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;OAKG;IACH,KAAK,CAAC,IAAI,CAAC,KAAa,EAAE,OAAe;QACvC,OAAO,IAAI,CAAC,SAAS,CAAC;YACpB,KAAK;YACL,OAAO;YACP,IAAI,EAAE,MAAM;SACb,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACxB,CAAC;IAED;;;;;;;;OAQG;IACH,KAAK,CAAC,OAAO,CAAC,OAKb;QACC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,GAAG,WAAW,EAAE,UAAU,GAAG,UAAU,EAAE,GAAG,OAAO,CAAC;QACvF,OAAO,IAAI,CAAC,SAAS,CAAC;YACpB,KAAK;YACL,OAAO;YACP,IAAI,EAAE,SAAS;YACf,WAAW;YACX,UAAU;SACX,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IACxC,CAAC;IAED;;;;;;OAMG;IACH,KAAK,CAAC,KAAK,CACT,KAAa,EACb,OAAe,EACf,WAAW,GAAG,WAAW;QAEzB,OAAO,IAAI,CAAC,SAAS,CAAC;YACpB,KAAK;YACL,OAAO;YACP,IAAI,EAAE,OAAO;YACb,WAAW;SACZ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACxB,CAAC;IAED;;;OAGG;IACH,YAAY,CAAC,MAAmB;QAC9B,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;YAC5B,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;QAClC,CAAC;QACD,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED;;OAEG;IACH,UAAU;QACR,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;wGA1JU,YAAY;4GAAZ,YAAY,cAFX,MAAM;;4FAEP,YAAY;kBAHxB,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB","sourcesContent":["import { Injectable, signal } from '@angular/core';\nimport type { ModalConfig, ModalResult } from './modal.component';\n\n/**\n *\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class ModalService {\n  private readonly isOpen = signal(false);\n  private readonly config = signal<ModalConfig>({\n    title: '',\n    message: '',\n    type: 'info',\n  });\n\n  private resolvePromise?: (result: ModalResult) => void;\n\n  readonly modalState = {\n    isOpen: this.isOpen.asReadonly(),\n    config: this.config.asReadonly(),\n  };\n\n  /**\n   *\n   * @param config\n   */\n  async showModal(config: ModalConfig): Promise<ModalResult> {\n    this.config.set(config);\n    this.isOpen.set(true);\n\n    return new Promise<ModalResult>((resolve) => {\n      this.resolvePromise = resolve;\n    });\n  }\n\n  /**\n   *\n   * @param options\n   * @param options.title\n   * @param options.message\n   * @param options.confirmText\n   * @param options.cancelText\n   * @returns Promise que resuelve true si se confirmó\n   */\n  async confirm(options: {\n    title: string;\n    message: string;\n    confirmText?: string;\n    cancelText?: string;\n  }): Promise<boolean> {\n    const { title, message, confirmText = 'Confirmar', cancelText = 'Cancelar' } = options;\n    return this.showModal({\n      title,\n      message,\n      type: 'confirm',\n      confirmText,\n      cancelText,\n    }).then((result) => result.confirmed);\n  }\n\n  /**\n   *\n   * @param options\n   * @param options.title\n   * @param options.message\n   * @param options.yesText\n   * @param options.noText\n   * @returns Promise que resuelve true si se eligió Sí\n   */\n  async yesNo(options: {\n    title: string;\n    message: string;\n    yesText?: string;\n    noText?: string;\n  }): Promise<boolean> {\n    const { title, message, yesText = 'Sí', noText = 'No' } = options;\n    return this.showModal({\n      title,\n      message,\n      type: 'yesNo',\n      yesText,\n      noText,\n    }).then((result) => result.action === 'yes');\n  }\n\n  /**\n   *\n   * @param title\n   * @param message\n   * @returns Promise que resuelve cuando se cierra el modal\n   */\n  async info(title: string, message: string): Promise<void> {\n    return this.showModal({\n      title,\n      message,\n      type: 'info',\n    }).then(() => void 0);\n  }\n\n  /**\n   *\n   * @param options\n   * @param options.title\n   * @param options.message\n   * @param options.confirmText\n   * @param options.cancelText\n   * @returns Promise que resuelve true si se confirmó\n   */\n  async warning(options: {\n    title: string;\n    message: string;\n    confirmText?: string;\n    cancelText?: string;\n  }): Promise<boolean> {\n    const { title, message, confirmText = 'Entendido', cancelText = 'Cancelar' } = options;\n    return this.showModal({\n      title,\n      message,\n      type: 'warning',\n      confirmText,\n      cancelText,\n    }).then((result) => result.confirmed);\n  }\n\n  /**\n   *\n   * @param title\n   * @param message\n   * @param confirmText\n   * @returns Promise que resuelve true si se confirmó\n   */\n  async error(\n    title: string,\n    message: string,\n    confirmText = 'Entendido'\n  ): Promise<void> {\n    return this.showModal({\n      title,\n      message,\n      type: 'error',\n      confirmText,\n    }).then(() => void 0);\n  }\n\n  /**\n   * Maneja el resultado del modal y resuelve la promesa\n   * @param result - Resultado de la acción del modal\n   */\n  handleResult(result: ModalResult): void {\n    if (this.resolvePromise) {\n      this.resolvePromise(result);\n      this.resolvePromise = undefined;\n    }\n    this.closeModal();\n  }\n\n  /**\n   * Cierra el modal actual\n   */\n  closeModal(): void {\n    this.isOpen.set(false);\n  }\n}\n"]}

package/esm2022/lib/profile-stats/profile-stats.component.js

@@ -1,12 +1,16 @@
 import { ChangeDetectionStrategy, Component, input } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * Componente para mostrar estadísticas del usuario
+ * Soporta valores con etiquetas o botones de acción
+ */
 export class ProfileStatsComponent {
     stats = input.required(...(ngDevMode ? [{ debugName: "stats" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ProfileStatsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ProfileStatsComponent, isStandalone: true, selector: "c80-profile-stats", inputs: { stats: { classPropertyName: "stats", publicName: "stats", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"stats\">\n    @for (stat of stats(); track $index) {\n    <div class=\"stats__item\">\n        <span class=\"stats__value\">{{ stat.value }}</span>\n        <span class=\"stats__label\">{{ stat.label }}</span>\n    </div>\n    }\n</div>", styles: [".stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);text-align:center}.stats__item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.stats__value{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.stats__label{font-size:.8125rem;color:var(--color-text-secondary);text-transform:lowercase}@media(max-width:768px){.stats{gap:var(--spacing-sm)}.stats__value{font-size:1.125rem}.stats__label{font-size:.75rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ProfileStatsComponent, isStandalone: true, selector: "c80-profile-stats", inputs: { stats: { classPropertyName: "stats", publicName: "stats", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"stats\">\n    @for (stat of stats(); track $index) {\n    <div class=\"stats__item\" [class.stats__item--centered]=\"!stat.label && !stat.button\">\n        <span class=\"stats__value\">{{ stat.value }}</span>\n        @if (stat.button) {\n        <button class=\"stats__button\" (click)=\"stat.button.onClick()\">\n            {{ stat.button.text }}\n        </button>\n        } @else if (stat.label) {\n        <span class=\"stats__label\">{{ stat.label }}</span>\n        }\n    </div>\n    }\n</div>", styles: [".stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);text-align:center}.stats__item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.stats__item--centered{justify-content:center}.stats__value{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.stats__label{font-size:.8125rem;color:var(--color-text-secondary);text-transform:lowercase}.stats__button{padding:3px 20%;font-size:.8125rem;font-weight:700;color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-transform:lowercase}@media(max-width:768px){.stats{gap:var(--spacing-sm)}.stats__value{font-size:1.125rem}.stats__label{font-size:.75rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ProfileStatsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c80-profile-stats', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"stats\">\n    @for (stat of stats(); track $index) {\n    <div class=\"stats__item\">\n        <span class=\"stats__value\">{{ stat.value }}</span>\n        <span class=\"stats__label\">{{ stat.label }}</span>\n    </div>\n    }\n</div>", styles: [".stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);text-align:center}.stats__item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.stats__value{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.stats__label{font-size:.8125rem;color:var(--color-text-secondary);text-transform:lowercase}@media(max-width:768px){.stats{gap:var(--spacing-sm)}.stats__value{font-size:1.125rem}.stats__label{font-size:.75rem}}\n"] }]
+            args: [{ selector: 'c80-profile-stats', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"stats\">\n    @for (stat of stats(); track $index) {\n    <div class=\"stats__item\" [class.stats__item--centered]=\"!stat.label && !stat.button\">\n        <span class=\"stats__value\">{{ stat.value }}</span>\n        @if (stat.button) {\n        <button class=\"stats__button\" (click)=\"stat.button.onClick()\">\n            {{ stat.button.text }}\n        </button>\n        } @else if (stat.label) {\n        <span class=\"stats__label\">{{ stat.label }}</span>\n        }\n    </div>\n    }\n</div>", styles: [".stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);text-align:center}.stats__item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.stats__item--centered{justify-content:center}.stats__value{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.stats__label{font-size:.8125rem;color:var(--color-text-secondary);text-transform:lowercase}.stats__button{padding:3px 20%;font-size:.8125rem;font-weight:700;color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-transform:lowercase}@media(max-width:768px){.stats{gap:var(--spacing-sm)}.stats__value{font-size:1.125rem}.stats__label{font-size:.75rem}}\n"] }]
         }], propDecorators: { stats: [{ type: i0.Input, args: [{ isSignal: true, alias: "stats", required: true }] }] } });
 //# sourceMappingURL=profile-stats.component.js.map

package/esm2022/lib/profile-stats/profile-stats.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"profile-stats.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/profile-stats/profile-stats.component.ts","../../../../../libs/ui/src/lib/profile-stats/profile-stats.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAW1E,MAAM,OAAO,qBAAqB;IAC9B,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAc,CAAC;wGAD5B,qBAAqB;4FAArB,qBAAqB,gNCXlC,2PAOM;;4FDIO,qBAAqB;kBARjC,SAAS;+BAEI,mBAAmB,cACjB,IAAI,mBAGC,uBAAuB,CAAC,MAAM","sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport type { StatItem } from './profile-stats.types';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'c80-profile-stats',\n    standalone: true,\n    templateUrl: './profile-stats.component.html',\n    styleUrl: './profile-stats.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ProfileStatsComponent {\n    stats = input.required<StatItem[]>();\n}","<div class=\"stats\">\n    @for (stat of stats(); track $index) {\n    <div class=\"stats__item\">\n        <span class=\"stats__value\">{{ stat.value }}</span>\n        <span class=\"stats__label\">{{ stat.label }}</span>\n    </div>\n    }\n</div>"]}
+{"version":3,"file":"profile-stats.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/profile-stats/profile-stats.component.ts","../../../../../libs/ui/src/lib/profile-stats/profile-stats.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAG1E;;;GAGG;AASH,MAAM,OAAO,qBAAqB;IAC9B,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAc,CAAC;wGAD5B,qBAAqB;4FAArB,qBAAqB,gNCflC,ugBAaM;;4FDEO,qBAAqB;kBARjC,SAAS;+BAEI,mBAAmB,cACjB,IAAI,mBAGC,uBAAuB,CAAC,MAAM","sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport type { StatItem } from './profile-stats.types';\n\n/**\n * Componente para mostrar estadísticas del usuario\n * Soporta valores con etiquetas o botones de acción\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'c80-profile-stats',\n    standalone: true,\n    templateUrl: './profile-stats.component.html',\n    styleUrl: './profile-stats.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ProfileStatsComponent {\n    stats = input.required<StatItem[]>();\n}","<div class=\"stats\">\n    @for (stat of stats(); track $index) {\n    <div class=\"stats__item\" [class.stats__item--centered]=\"!stat.label && !stat.button\">\n        <span class=\"stats__value\">{{ stat.value }}</span>\n        @if (stat.button) {\n        <button class=\"stats__button\" (click)=\"stat.button.onClick()\">\n            {{ stat.button.text }}\n        </button>\n        } @else if (stat.label) {\n        <span class=\"stats__label\">{{ stat.label }}</span>\n        }\n    </div>\n    }\n</div>"]}

package/esm2022/lib/profile-stats/profile-stats.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"profile-stats.types.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/profile-stats/profile-stats.types.ts"],"names":[],"mappings":"","sourcesContent":["export interface StatItem {\n    label: string;\n    value: number | string;\n}"]}
+{"version":3,"file":"profile-stats.types.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/profile-stats/profile-stats.types.ts"],"names":[],"mappings":"","sourcesContent":["export interface StatItem {\n    value?: number | string;\n    label?: string;\n    button?: {\n        text: string;\n        onClick: () => void;\n    };\n}"]}

package/esm2022/lib/rating-display/index.js

@@ -0,0 +1,2 @@
+export * from './rating-display.component';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/rating-display/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/rating-display/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './rating-display.component';\n"]}