@c80/ui 1.1.2 → 2.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/snackbar/snackbar.component.ts","../../../../../libs/ui/src/lib/snackbar/snackbar.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, computed, signal, ElementRef, inject, Renderer2, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';\nimport type { SnackbarData } from './snackbar.types';\n\n/**\n *\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'c80-snackbar',\n  standalone: true,\n  templateUrl: './snackbar.component.html',\n  styleUrl: './snackbar.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SnackbarComponent {\n  private readonly elementRef = inject(ElementRef);\n  private readonly renderer = inject(Renderer2);\n  private readonly cdr = inject(ChangeDetectorRef);\n\n  /* v8 ignore next */\n  readonly data = signal<SnackbarData | null>(null);\n  /* v8 ignore next */\n  readonly visible = signal(false);\n\n  private timerId?: ReturnType<typeof setTimeout>;\n\n  readonly panelClasses = computed(() => this.data()?.config.panelClass.join(' ') ?? '');\n\n  /**\n   *\n   * @param data\n   */\n  show(data: SnackbarData): void {\n    this.clearTimer();\n    this.data.set(data);\n    this.applyPosition(data.config);\n    this.visible.set(true);\n\n    // Marcar para revisión de cambios con OnPush\n    this.cdr.markForCheck();\n\n    if (data.config.duration > 0) {\n      this.timerId = setTimeout(() => this.dismiss(), data.config.duration);\n    }\n  }\n\n  /**\n   *\n   */\n  dismiss(): void {\n    this.visible.set(false);\n    this.clearTimer();\n\n    // Marcar para revisión de cambios con OnPush\n    this.cdr.markForCheck();\n  }\n\n  /**\n   *\n   */\n  private clearTimer(): void {\n    if (this.timerId !== undefined) {\n      clearTimeout(this.timerId);\n      this.timerId = undefined;\n    }\n  }\n\n  /**\n   *\n   * @param config\n   */\n  private applyPosition(config: SnackbarData['config']): void {\n    const host = this.elementRef.nativeElement;\n    const { verticalPosition, horizontalPosition } = config;\n\n    const positions = ['top', 'bottom', 'left', 'right', 'transform'];\n    for (const pos of positions) {\n      this.renderer.removeStyle(host, pos);\n    }\n\n    this.renderer.setStyle(host, verticalPosition, '1rem');\n\n    if (horizontalPosition === 'center') {\n      this.renderer.setStyle(host, 'left', '50%');\n      this.renderer.setStyle(host, 'transform', 'translateX(-50%)');\n    } else {\n      this.renderer.setStyle(host, horizontalPosition, '1rem');\n    }\n  }\n}\n","@if (visible() && data(); as snackData) {\n<div class=\"snackbar\" [class]=\"panelClasses()\">\n  <span class=\"snackbar-message\">{{ snackData.message }}</span>\n  @if (snackData.action) {\n  <button class=\"snackbar-action\" type=\"button\" (click)=\"dismiss()\">\n    {{ snackData.action }}\n  </button>\n  }\n</div>\n}"]}
+{"version":3,"file":"snackbar.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/snackbar/snackbar.component.ts","../../../../../libs/ui/src/lib/snackbar/snackbar.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, computed, signal, ElementRef, inject, Renderer2, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';\r\nimport type { SnackbarData } from './snackbar.types';\r\n\r\n/**\r\n *\r\n */\r\n@Component({\r\n  selector: 'c80-snackbar',\r\n  standalone: true,\r\n  templateUrl: './snackbar.component.html',\r\n  styleUrl: './snackbar.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class SnackbarComponent {\r\n  private readonly elementRef = inject(ElementRef);\r\n  private readonly renderer = inject(Renderer2);\r\n  private readonly cdr = inject(ChangeDetectorRef);\r\n\r\n  /* v8 ignore next */\r\n  readonly data = signal<SnackbarData | null>(null);\r\n  /* v8 ignore next */\r\n  readonly visible = signal(false);\r\n\r\n  private timerId?: ReturnType<typeof setTimeout>;\r\n\r\n  readonly panelClasses = computed(() => this.data()?.config.panelClass.join(' ') ?? '');\r\n\r\n  /**\r\n   *\r\n   * @param data\r\n   */\r\n  show(data: SnackbarData): void {\r\n    this.clearTimer();\r\n    this.data.set(data);\r\n    this.applyPosition(data.config);\r\n    this.visible.set(true);\r\n\r\n    // Marcar para revisión de cambios con OnPush\r\n    this.cdr.markForCheck();\r\n\r\n    if (data.config.duration > 0) {\r\n      this.timerId = setTimeout(() => this.dismiss(), data.config.duration);\r\n    }\r\n  }\r\n\r\n  /**\r\n   *\r\n   */\r\n  dismiss(): void {\r\n    this.visible.set(false);\r\n    this.clearTimer();\r\n\r\n    // Marcar para revisión de cambios con OnPush\r\n    this.cdr.markForCheck();\r\n  }\r\n\r\n  /**\r\n   *\r\n   */\r\n  private clearTimer(): void {\r\n    if (this.timerId !== undefined) {\r\n      clearTimeout(this.timerId);\r\n      this.timerId = undefined;\r\n    }\r\n  }\r\n\r\n  /**\r\n   *\r\n   * @param config\r\n   */\r\n  private applyPosition(config: SnackbarData['config']): void {\r\n    const host = this.elementRef.nativeElement;\r\n    const { verticalPosition, horizontalPosition } = config;\r\n\r\n    const positions = ['top', 'bottom', 'left', 'right', 'transform'];\r\n    for (const pos of positions) {\r\n      this.renderer.removeStyle(host, pos);\r\n    }\r\n\r\n    this.renderer.setStyle(host, verticalPosition, '1rem');\r\n\r\n    if (horizontalPosition === 'center') {\r\n      this.renderer.setStyle(host, 'left', '50%');\r\n      this.renderer.setStyle(host, 'transform', 'translateX(-50%)');\r\n    } else {\r\n      this.renderer.setStyle(host, horizontalPosition, '1rem');\r\n    }\r\n  }\r\n}\r\n","@if (visible() && data(); as snackData) {\n<div class=\"snackbar\" [class]=\"panelClasses()\">\n  <span class=\"snackbar-message\">{{ snackData.message }}</span>\n  @if (snackData.action) {\n  <button class=\"snackbar-action\" type=\"button\" (click)=\"dismiss()\">\n    {{ snackData.action }}\n  </button>\n  }\n</div>\n}"]}

package/esm2022/lib/snackbar/snackbar.service.js

@@ -40,10 +40,10 @@ export class SnackbarService {
         }
         this.componentRef.instance.show(data);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SnackbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SnackbarService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SnackbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SnackbarService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SnackbarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SnackbarService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/esm2022/lib/snackbar/snackbar.types.js

@@ -1,2 +1 @@
-export {};
 //# sourceMappingURL=snackbar.types.js.map

package/esm2022/lib/spinner/spinner.component.js

@@ -4,14 +4,14 @@ import * as i0 from "@angular/core";
  *
  */
 export class SpinnerComponent {
-    size = input(40, ...(ngDevMode ? [{ debugName: "size" }] : []));
-    borderWidth = input(3, ...(ngDevMode ? [{ debugName: "borderWidth" }] : []));
-    color = input('var(--color-primary)', ...(ngDevMode ? [{ debugName: "color" }] : []));
-    message = input('', ...(ngDevMode ? [{ debugName: "message" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: SpinnerComponent, isStandalone: true, selector: "c80-spinner", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, borderWidth: { classPropertyName: "borderWidth", publicName: "borderWidth", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--size.px": "size()", "style.--border-width.px": "borderWidth()", "style.--border-top-color": "color()" } }, ngImport: i0, template: "<div class=\"spinner\">\n    <div class=\"spinner__circle\"></div>\n    @if (message()) {\n    <p class=\"spinner__message\">{{ message() }}</p>\n    }\n</div>", styles: [".spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-md)}.spinner__circle{border:var(--border-width, 3px) solid var(--color-border);border-top-color:var(--border-top-color, var(--color-primary));width:var(--size, 40px);height:var(--size, 40px);border-radius:50%;animation:spin .8s linear infinite}.spinner__message{margin:0;color:var(--color-text-secondary);font-size:.875rem;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    size = input(40, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    borderWidth = input(3, ...(ngDevMode ? [{ debugName: "borderWidth" }] : /* istanbul ignore next */ []));
+    color = input('var(--color-primary)', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    message = input('', ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SpinnerComponent, isStandalone: true, selector: "c80-spinner", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, borderWidth: { classPropertyName: "borderWidth", publicName: "borderWidth", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--size.px": "size()", "style.--border-width.px": "borderWidth()", "style.--border-top-color": "color()" } }, ngImport: i0, template: "<div class=\"spinner\">\n    <div class=\"spinner__circle\"></div>\n    @if (message()) {\n    <p class=\"spinner__message\">{{ message() }}</p>\n    }\n</div>", styles: [".spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-md)}.spinner__circle{border:var(--border-width, 3px) solid var(--color-border);border-top-color:var(--border-top-color, var(--color-primary));width:var(--size, 40px);height:var(--size, 40px);border-radius:50%;animation:spin .8s linear infinite}.spinner__message{margin:0;color:var(--color-text-secondary);font-size:.875rem;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c80-spinner', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[style.--size.px]': 'size()',

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

@@ -1 +1 @@
-{"version":3,"file":"spinner.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/spinner/spinner.component.ts","../../../../../libs/ui/src/lib/spinner/spinner.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAE1E;;GAEG;AAcH,MAAM,OAAO,gBAAgB;IAChB,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC,CAAC;IACzB,WAAW,GAAG,KAAK,CAAS,CAAC,uDAAC,CAAC;IAC/B,KAAK,GAAG,KAAK,CAAS,sBAAsB,iDAAC,CAAC;IAC9C,OAAO,GAAG,KAAK,CAAS,EAAE,mDAAC,CAAC;wGAJ5B,gBAAgB;4FAAhB,gBAAgB,ktBClB7B,iKAKM;;4FDaO,gBAAgB;kBAb5B,SAAS;+BAEI,aAAa,WACd,EAAE,mBAGM,uBAAuB,CAAC,MAAM,QACzC;wBACF,mBAAmB,EAAE,QAAQ;wBAC7B,2BAA2B,EAAE,eAAe;wBAC5C,4BAA4B,EAAE,SAAS;qBAC1C","sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n/**\n *\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'c80-spinner',\n    imports: [],\n    templateUrl: './spinner.component.html',\n    styleUrl: './spinner.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[style.--size.px]': 'size()',\n        '[style.--border-width.px]': 'borderWidth()',\n        '[style.--border-top-color]': 'color()'\n    }\n})\nexport class SpinnerComponent {\n    readonly size = input<number>(40);\n    readonly borderWidth = input<number>(3);\n    readonly color = input<string>('var(--color-primary)');\n    readonly message = input<string>('');\n}\n","<div class=\"spinner\">\n    <div class=\"spinner__circle\"></div>\n    @if (message()) {\n    <p class=\"spinner__message\">{{ message() }}</p>\n    }\n</div>"]}
+{"version":3,"file":"spinner.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/spinner/spinner.component.ts","../../../../../libs/ui/src/lib/spinner/spinner.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAE1E;;GAEG;AAaH,MAAM,OAAO,gBAAgB;IAChB,IAAI,GAAG,KAAK,CAAS,EAAE,2EAAC,CAAC;IACzB,WAAW,GAAG,KAAK,CAAS,CAAC,kFAAC,CAAC;IAC/B,KAAK,GAAG,KAAK,CAAS,sBAAsB,4EAAC,CAAC;IAC9C,OAAO,GAAG,KAAK,CAAS,EAAE,8EAAC,CAAC;wGAJ5B,gBAAgB;4FAAhB,gBAAgB,ktBCjB7B,iKAKM;;4FDYO,gBAAgB;kBAZ5B,SAAS;+BACI,aAAa,WACd,EAAE,mBAGM,uBAAuB,CAAC,MAAM,QACzC;wBACF,mBAAmB,EAAE,QAAQ;wBAC7B,2BAA2B,EAAE,eAAe;wBAC5C,4BAA4B,EAAE,SAAS;qBAC1C","sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\n\r\n/**\r\n *\r\n */\r\n@Component({\r\n    selector: 'c80-spinner',\r\n    imports: [],\r\n    templateUrl: './spinner.component.html',\r\n    styleUrl: './spinner.component.scss',\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    host: {\r\n        '[style.--size.px]': 'size()',\r\n        '[style.--border-width.px]': 'borderWidth()',\r\n        '[style.--border-top-color]': 'color()'\r\n    }\r\n})\r\nexport class SpinnerComponent {\r\n    readonly size = input<number>(40);\r\n    readonly borderWidth = input<number>(3);\r\n    readonly color = input<string>('var(--color-primary)');\r\n    readonly message = input<string>('');\r\n}\r\n","<div class=\"spinner\">\n    <div class=\"spinner__circle\"></div>\n    @if (message()) {\n    <p class=\"spinner__message\">{{ message() }}</p>\n    }\n</div>"]}

package/esm2022/lib/stat-card/stat-card.component.js

@@ -6,12 +6,12 @@ import * as i0 from "@angular/core";
  */
 export class StatCardComponent {
     /* v8 ignore next */
-    cards = input([], ...(ngDevMode ? [{ debugName: "cards" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: StatCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: StatCardComponent, isStandalone: true, selector: "c80-stat-card", inputs: { cards: { classPropertyName: "cards", publicName: "cards", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"stats-section py-4\">\n  @for (card of cards(); track card.text) {\n  <!-- eslint-disable-next-line @angular-eslint/template/no-inline-styles -->\n  <div class=\"stat-card\" [style.border-left-color]=\"card.color\">\n    <div class=\"stat-card-content\">\n      <div class=\"stat-content\">\n        <c80-icon [icon]=\"card.icon\" [color]=\"'secondary'\" [size]=\"1.1\" />\n        <div class=\"stat-info\">\n          <div class=\"stat-number\">{{ card.count }}</div>\n          <div class=\"stat-label\">{{ card.text }}</div>\n        </div>\n      </div>\n    </div>\n  </div>\n  }\n</div>", styles: [".stats-section{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.stats-section .stat-card{flex:1;min-width:200px;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease;border-left:4px solid transparent;background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:4px;display:block;position:relative;padding:0;overflow:hidden}.stats-section .stat-card:hover{box-shadow:var(--shadow-md)}.stats-section .stat-card-content{display:block;padding:16px}.stat-content{display:flex;align-items:center;gap:12px}.stat-info .stat-number{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px;color:var(--color-text-secondary)}.stat-info .stat-label{font-size:12px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}\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 });
+    cards = input([], ...(ngDevMode ? [{ debugName: "cards" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StatCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: StatCardComponent, isStandalone: true, selector: "c80-stat-card", inputs: { cards: { classPropertyName: "cards", publicName: "cards", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"stats-section py-4\">\r\n  @for (card of cards(); track card.text) {\r\n  <div class=\"stat-card\" [style.border-left-color]=\"card.color\">\r\n    <div class=\"stat-card-content\">\r\n      <div class=\"stat-content\">\r\n        <c80-icon [icon]=\"card.icon\" [color]=\"'secondary'\" [size]=\"1.1\" />\r\n        <div class=\"stat-info\">\r\n          <div class=\"stat-number\">{{ card.count }}</div>\r\n          <div class=\"stat-label\">{{ card.text }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>", styles: [".stats-section{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.stats-section .stat-card{flex:1;min-width:200px;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease;border-left:4px solid transparent;background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:4px;display:block;position:relative;padding:0;overflow:hidden}.stats-section .stat-card:hover{box-shadow:var(--shadow-md)}.stats-section .stat-card-content{display:block;padding:16px}.stat-content{display:flex;align-items:center;gap:12px}.stat-info .stat-number{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px;color:var(--color-text-secondary)}.stat-info .stat-label{font-size:12px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}\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: StatCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StatCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c80-stat-card', standalone: true, imports: [IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"stats-section py-4\">\n  @for (card of cards(); track card.text) {\n  <!-- eslint-disable-next-line @angular-eslint/template/no-inline-styles -->\n  <div class=\"stat-card\" [style.border-left-color]=\"card.color\">\n    <div class=\"stat-card-content\">\n      <div class=\"stat-content\">\n        <c80-icon [icon]=\"card.icon\" [color]=\"'secondary'\" [size]=\"1.1\" />\n        <div class=\"stat-info\">\n          <div class=\"stat-number\">{{ card.count }}</div>\n          <div class=\"stat-label\">{{ card.text }}</div>\n        </div>\n      </div>\n    </div>\n  </div>\n  }\n</div>", styles: [".stats-section{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.stats-section .stat-card{flex:1;min-width:200px;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease;border-left:4px solid transparent;background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:4px;display:block;position:relative;padding:0;overflow:hidden}.stats-section .stat-card:hover{box-shadow:var(--shadow-md)}.stats-section .stat-card-content{display:block;padding:16px}.stat-content{display:flex;align-items:center;gap:12px}.stat-info .stat-number{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px;color:var(--color-text-secondary)}.stat-info .stat-label{font-size:12px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}\n"] }]
+            args: [{ selector: 'c80-stat-card', standalone: true, imports: [IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"stats-section py-4\">\r\n  @for (card of cards(); track card.text) {\r\n  <div class=\"stat-card\" [style.border-left-color]=\"card.color\">\r\n    <div class=\"stat-card-content\">\r\n      <div class=\"stat-content\">\r\n        <c80-icon [icon]=\"card.icon\" [color]=\"'secondary'\" [size]=\"1.1\" />\r\n        <div class=\"stat-info\">\r\n          <div class=\"stat-number\">{{ card.count }}</div>\r\n          <div class=\"stat-label\">{{ card.text }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>", styles: [".stats-section{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.stats-section .stat-card{flex:1;min-width:200px;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease;border-left:4px solid transparent;background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:4px;display:block;position:relative;padding:0;overflow:hidden}.stats-section .stat-card:hover{box-shadow:var(--shadow-md)}.stats-section .stat-card-content{display:block;padding:16px}.stat-content{display:flex;align-items:center;gap:12px}.stat-info .stat-number{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px;color:var(--color-text-secondary)}.stat-info .stat-label{font-size:12px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}\n"] }]
         }], propDecorators: { cards: [{ type: i0.Input, args: [{ isSignal: true, alias: "cards", required: false }] }] } });
 //# sourceMappingURL=stat-card.component.js.map

package/esm2022/lib/stat-card/stat-card.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"stat-card.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/stat-card/stat-card.component.ts","../../../../../libs/ui/src/lib/stat-card/stat-card.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;AAGxC;;GAEG;AAUH,MAAM,OAAO,iBAAiB;IAC5B,oBAAoB;IACX,KAAK,GAAG,KAAK,CAAY,EAAE,iDAAC,CAAC;wGAF3B,iBAAiB;4FAAjB,iBAAiB,6MChB9B,+lBAeM,6zBDJM,aAAa;;4FAKZ,iBAAiB;kBAT7B,SAAS;+BAEE,eAAe,cACb,IAAI,WACP,CAAC,aAAa,CAAC,mBAGP,uBAAuB,CAAC,MAAM","sourcesContent":["import { Component, input, ChangeDetectionStrategy } from '@angular/core';\nimport { IconComponent } from '../icon';\nimport type { CardDef } from './stat-card.types';\n\n/**\n *\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'c80-stat-card',\n  standalone: true,\n  imports: [IconComponent],\n  templateUrl: './stat-card.component.html',\n  styleUrls: ['./stat-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class StatCardComponent {\n  /* v8 ignore next */\n  readonly cards = input<CardDef[]>([]);\n}\n","<div class=\"stats-section py-4\">\n  @for (card of cards(); track card.text) {\n  <!-- eslint-disable-next-line @angular-eslint/template/no-inline-styles -->\n  <div class=\"stat-card\" [style.border-left-color]=\"card.color\">\n    <div class=\"stat-card-content\">\n      <div class=\"stat-content\">\n        <c80-icon [icon]=\"card.icon\" [color]=\"'secondary'\" [size]=\"1.1\" />\n        <div class=\"stat-info\">\n          <div class=\"stat-number\">{{ card.count }}</div>\n          <div class=\"stat-label\">{{ card.text }}</div>\n        </div>\n      </div>\n    </div>\n  </div>\n  }\n</div>"]}
+{"version":3,"file":"stat-card.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/stat-card/stat-card.component.ts","../../../../../libs/ui/src/lib/stat-card/stat-card.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;AAGxC;;GAEG;AASH,MAAM,OAAO,iBAAiB;IAC5B,oBAAoB;IACX,KAAK,GAAG,KAAK,CAAY,EAAE,4EAAC,CAAC;wGAF3B,iBAAiB;4FAAjB,iBAAiB,6MCf9B,4iBAcM,6zBDJM,aAAa;;4FAKZ,iBAAiB;kBAR7B,SAAS;+BACE,eAAe,cACb,IAAI,WACP,CAAC,aAAa,CAAC,mBAGP,uBAAuB,CAAC,MAAM","sourcesContent":["import { Component, input, ChangeDetectionStrategy } from '@angular/core';\r\nimport { IconComponent } from '../icon';\r\nimport type { CardDef } from './stat-card.types';\r\n\r\n/**\r\n *\r\n */\r\n@Component({\r\n  selector: 'c80-stat-card',\r\n  standalone: true,\r\n  imports: [IconComponent],\r\n  templateUrl: './stat-card.component.html',\r\n  styleUrls: ['./stat-card.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class StatCardComponent {\r\n  /* v8 ignore next */\r\n  readonly cards = input<CardDef[]>([]);\r\n}\r\n","<div class=\"stats-section py-4\">\r\n  @for (card of cards(); track card.text) {\r\n  <div class=\"stat-card\" [style.border-left-color]=\"card.color\">\r\n    <div class=\"stat-card-content\">\r\n      <div class=\"stat-content\">\r\n        <c80-icon [icon]=\"card.icon\" [color]=\"'secondary'\" [size]=\"1.1\" />\r\n        <div class=\"stat-info\">\r\n          <div class=\"stat-number\">{{ card.count }}</div>\r\n          <div class=\"stat-label\">{{ card.text }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>"]}

package/esm2022/lib/stat-card/stat-card.types.js

@@ -1,2 +1 @@
-export {};
 //# sourceMappingURL=stat-card.types.js.map

package/esm2022/lib/tab/c80-tab.component.js

@@ -7,10 +7,10 @@ import * as i0 from "@angular/core";
  *
  */
 export class TabComponent {
-    tabs = contentChildren(C80TabItemDirective, ...(ngDevMode ? [{ debugName: "tabs" }] : []));
-    labels = contentChildren(C80TabLabelDirective, ...(ngDevMode ? [{ debugName: "labels" }] : []));
+    tabs = contentChildren(C80TabItemDirective, ...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
+    labels = contentChildren(C80TabLabelDirective, ...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
     /* v8 ignore next */
-    selectedIndex = model(0, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : []));
+    selectedIndex = model(0, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : /* istanbul ignore next */ []));
     selectedIndexChange = output();
     /**
      *
@@ -40,10 +40,10 @@ export class TabComponent {
         const label = labelList[index];
         return label?.template ?? null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: TabComponent, isStandalone: true, selector: "c80-tab", inputs: { selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", selectedIndexChange: "selectedIndexChange" }, queries: [{ propertyName: "tabs", predicate: C80TabItemDirective, isSignal: true }, { propertyName: "labels", predicate: C80TabLabelDirective, isSignal: true }], ngImport: i0, template: "<div class=\"c80-tab-container\">\n  <div class=\"c80-tab-header\">\n    <div class=\"c80-tab-labels\">\n      @for (tab of tabs(); track $index) {\n      <button type=\"button\" class=\"c80-tab-label\" [class.active]=\"selectedIndex() === $index\" (click)=\"onTabClick($index)\">\n        @if (getTabLabel($index); as labelTemplate) {\n        <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n        }\n      </button>\n      }\n    </div>\n  </div>\n\n  <div class=\"c80-tab-body\">\n    @for (tab of tabs(); track $index) {\n    @if (selectedIndex() === $index) {\n    <div class=\"c80-tab-content\">\n      <ng-container *ngTemplateOutlet=\"getTabContent($index)\" />\n    </div>\n    }\n    }\n  </div>\n</div>", styles: [".c80-tab-container{display:flex;flex-direction:column;height:100%}.c80-tab-header{border-bottom:1px solid var(--color-border);background:transparent;margin-bottom:8px}.c80-tab-labels{display:flex;gap:0;width:100%;max-height:40px}.c80-tab-labels button{padding:10px}.c80-tab-label{flex:1;min-width:120px;padding:16px;background:transparent;border:none;border-bottom:1px solid transparent;cursor:pointer;opacity:.7;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;font-weight:500;color:inherit}.c80-tab-label:hover{opacity:.9;background:rgba(var(--color-primary-rgb),.05)}.c80-tab-label.active{opacity:1;border-bottom-color:var(--color-primary);color:var(--color-primary)}.c80-tab-label:focus-visible{outline:none;outline-offset:-2px}.c80-tab-body{flex:1;overflow-y:auto;position:relative}.c80-tab-content{height:100%;animation:fadeIn .2s ease-in;padding:.2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.c80-tab-label{min-width:80px;padding:12px 8px}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TabComponent, isStandalone: true, selector: "c80-tab", inputs: { selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", selectedIndexChange: "selectedIndexChange" }, queries: [{ propertyName: "tabs", predicate: C80TabItemDirective, isSignal: true }, { propertyName: "labels", predicate: C80TabLabelDirective, isSignal: true }], ngImport: i0, template: "<div class=\"c80-tab-container\">\n  <div class=\"c80-tab-header\">\n    <div class=\"c80-tab-labels\">\n      @for (tab of tabs(); track $index) {\n      <button type=\"button\" class=\"c80-tab-label\" [class.active]=\"selectedIndex() === $index\" (click)=\"onTabClick($index)\">\n        @if (getTabLabel($index); as labelTemplate) {\n        <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n        }\n      </button>\n      }\n    </div>\n  </div>\n\n  <div class=\"c80-tab-body\">\n    @for (tab of tabs(); track $index) {\n    @if (selectedIndex() === $index) {\n    <div class=\"c80-tab-content\">\n      <ng-container *ngTemplateOutlet=\"getTabContent($index)\" />\n    </div>\n    }\n    }\n  </div>\n</div>", styles: [".c80-tab-container{display:flex;flex-direction:column;height:100%}.c80-tab-header{border-bottom:1px solid var(--color-border);background:transparent;margin-bottom:8px}.c80-tab-labels{display:flex;gap:0;width:100%;max-height:40px}.c80-tab-labels button{padding:10px}.c80-tab-label{flex:1;min-width:120px;padding:16px;background:transparent;border:none;border-bottom:1px solid transparent;cursor:pointer;opacity:.7;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;font-weight:500;color:inherit}.c80-tab-label:hover{opacity:.9;background:rgba(var(--color-primary-rgb),.05)}.c80-tab-label.active{opacity:1;border-bottom-color:var(--color-primary);color:var(--color-primary)}.c80-tab-label:focus-visible{outline:none;outline-offset:-2px}.c80-tab-body{flex:1;overflow-y:auto;position:relative}.c80-tab-content{height:100%;animation:fadeIn .2s ease-in;padding:.2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.c80-tab-label{min-width:80px;padding:12px 8px}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c80-tab', standalone: true, imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c80-tab-container\">\n  <div class=\"c80-tab-header\">\n    <div class=\"c80-tab-labels\">\n      @for (tab of tabs(); track $index) {\n      <button type=\"button\" class=\"c80-tab-label\" [class.active]=\"selectedIndex() === $index\" (click)=\"onTabClick($index)\">\n        @if (getTabLabel($index); as labelTemplate) {\n        <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n        }\n      </button>\n      }\n    </div>\n  </div>\n\n  <div class=\"c80-tab-body\">\n    @for (tab of tabs(); track $index) {\n    @if (selectedIndex() === $index) {\n    <div class=\"c80-tab-content\">\n      <ng-container *ngTemplateOutlet=\"getTabContent($index)\" />\n    </div>\n    }\n    }\n  </div>\n</div>", styles: [".c80-tab-container{display:flex;flex-direction:column;height:100%}.c80-tab-header{border-bottom:1px solid var(--color-border);background:transparent;margin-bottom:8px}.c80-tab-labels{display:flex;gap:0;width:100%;max-height:40px}.c80-tab-labels button{padding:10px}.c80-tab-label{flex:1;min-width:120px;padding:16px;background:transparent;border:none;border-bottom:1px solid transparent;cursor:pointer;opacity:.7;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;font-weight:500;color:inherit}.c80-tab-label:hover{opacity:.9;background:rgba(var(--color-primary-rgb),.05)}.c80-tab-label.active{opacity:1;border-bottom-color:var(--color-primary);color:var(--color-primary)}.c80-tab-label:focus-visible{outline:none;outline-offset:-2px}.c80-tab-body{flex:1;overflow-y:auto;position:relative}.c80-tab-content{height:100%;animation:fadeIn .2s ease-in;padding:.2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.c80-tab-label{min-width:80px;padding:12px 8px}}\n"] }]
         }], propDecorators: { tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => C80TabItemDirective), { isSignal: true }] }], labels: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => C80TabLabelDirective), { isSignal: true }] }], selectedIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIndex", required: false }] }, { type: i0.Output, args: ["selectedIndexChange"] }], selectedIndexChange: [{ type: i0.Output, args: ["selectedIndexChange"] }] } });

package/esm2022/lib/tab/c80-tab.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"c80-tab.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/tab/c80-tab.component.ts","../../../../../libs/ui/src/lib/tab/c80-tab.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,uBAAuB,EAAE,eAAe,EAAoB,MAAM,eAAe,CAAC;AACrH,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;;AAE5E;;GAEG;AAUH,MAAM,OAAO,YAAY;IACd,IAAI,GAAG,eAAe,CAAsB,mBAAmB,gDAAC,CAAC;IACjE,MAAM,GAAG,eAAe,CAAuB,oBAAoB,kDAAC,CAAC;IAE9E,oBAAoB;IACX,aAAa,GAAG,KAAK,CAAS,CAAC,yDAAC,CAAC;IACjC,mBAAmB,GAAG,MAAM,EAAU,CAAC;IAEhD;;;OAGG;IACH,UAAU,CAAC,KAAa;QACtB,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,KAAa;QACzB,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QAC5B,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAC3B,OAAO,GAAG,EAAE,OAAO,IAAI,IAAI,CAAC;IAC9B,CAAC;IAED;;;;OAIG;IACH,WAAW,CAAC,KAAa;QACvB,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAChC,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;QAC/B,OAAO,KAAK,EAAE,QAAQ,IAAI,IAAI,CAAC;IACjC,CAAC;wGArCU,YAAY;4FAAZ,YAAY,mVAC8B,mBAAmB,yDAChB,oBAAoB,6CCnB9E,mtBAsBM,glCDVM,gBAAgB;;4FAKf,YAAY;kBATxB,SAAS;+BAEE,SAAS,cACP,IAAI,WACP,CAAC,gBAAgB,CAAC,mBAGV,uBAAuB,CAAC,MAAM;4FAGM,mBAAmB,2FAChB,oBAAoB","sourcesContent":["import { Component, output, model, ChangeDetectionStrategy, contentChildren, type TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { C80TabItemDirective } from './directives/c80-tab-item.directive';\nimport { C80TabLabelDirective } from './directives/c80-tab-label.directive';\n\n/**\n *\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'c80-tab',\n  standalone: true,\n  imports: [NgTemplateOutlet],\n  templateUrl: './c80-tab.component.html',\n  styleUrl: './c80-tab.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TabComponent {\n  readonly tabs = contentChildren<C80TabItemDirective>(C80TabItemDirective);\n  readonly labels = contentChildren<C80TabLabelDirective>(C80TabLabelDirective);\n\n  /* v8 ignore next */\n  readonly selectedIndex = model<number>(0);\n  readonly selectedIndexChange = output<number>();\n\n  /**\n   *\n   * @param index\n   */\n  onTabClick(index: number): void {\n    this.selectedIndex.set(index);\n    this.selectedIndexChange.emit(index);\n  }\n\n  /**\n   *\n   * @param index\n   * @returns Template del contenido del tab o null\n   */\n  getTabContent(index: number): TemplateRef<unknown> | null {\n    const tabList = this.tabs();\n    const tab = tabList[index];\n    return tab?.content ?? null;\n  }\n\n  /**\n   *\n   * @param index\n   * @returns Template de la etiqueta del tab o null\n   */\n  getTabLabel(index: number): TemplateRef<unknown> | null {\n    const labelList = this.labels();\n    const label = labelList[index];\n    return label?.template ?? null;\n  }\n}\n","<div class=\"c80-tab-container\">\n  <div class=\"c80-tab-header\">\n    <div class=\"c80-tab-labels\">\n      @for (tab of tabs(); track $index) {\n      <button type=\"button\" class=\"c80-tab-label\" [class.active]=\"selectedIndex() === $index\" (click)=\"onTabClick($index)\">\n        @if (getTabLabel($index); as labelTemplate) {\n        <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n        }\n      </button>\n      }\n    </div>\n  </div>\n\n  <div class=\"c80-tab-body\">\n    @for (tab of tabs(); track $index) {\n    @if (selectedIndex() === $index) {\n    <div class=\"c80-tab-content\">\n      <ng-container *ngTemplateOutlet=\"getTabContent($index)\" />\n    </div>\n    }\n    }\n  </div>\n</div>"]}
+{"version":3,"file":"c80-tab.component.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/tab/c80-tab.component.ts","../../../../../libs/ui/src/lib/tab/c80-tab.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,uBAAuB,EAAE,eAAe,EAAoB,MAAM,eAAe,CAAC;AACrH,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;;AAE5E;;GAEG;AASH,MAAM,OAAO,YAAY;IACd,IAAI,GAAG,eAAe,CAAsB,mBAAmB,2EAAC,CAAC;IACjE,MAAM,GAAG,eAAe,CAAuB,oBAAoB,6EAAC,CAAC;IAE9E,oBAAoB;IACX,aAAa,GAAG,KAAK,CAAS,CAAC,oFAAC,CAAC;IACjC,mBAAmB,GAAG,MAAM,EAAU,CAAC;IAEhD;;;OAGG;IACH,UAAU,CAAC,KAAa;QACtB,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,KAAa;QACzB,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QAC5B,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAC3B,OAAO,GAAG,EAAE,OAAO,IAAI,IAAI,CAAC;IAC9B,CAAC;IAED;;;;OAIG;IACH,WAAW,CAAC,KAAa;QACvB,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAChC,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;QAC/B,OAAO,KAAK,EAAE,QAAQ,IAAI,IAAI,CAAC;IACjC,CAAC;wGArCU,YAAY;4FAAZ,YAAY,mVAC8B,mBAAmB,yDAChB,oBAAoB,6CClB9E,mtBAsBM,glCDXM,gBAAgB;;4FAKf,YAAY;kBARxB,SAAS;+BACE,SAAS,cACP,IAAI,WACP,CAAC,gBAAgB,CAAC,mBAGV,uBAAuB,CAAC,MAAM;4FAGM,mBAAmB,2FAChB,oBAAoB","sourcesContent":["import { Component, output, model, ChangeDetectionStrategy, contentChildren, type TemplateRef } from '@angular/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { C80TabItemDirective } from './directives/c80-tab-item.directive';\r\nimport { C80TabLabelDirective } from './directives/c80-tab-label.directive';\r\n\r\n/**\r\n *\r\n */\r\n@Component({\r\n  selector: 'c80-tab',\r\n  standalone: true,\r\n  imports: [NgTemplateOutlet],\r\n  templateUrl: './c80-tab.component.html',\r\n  styleUrl: './c80-tab.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class TabComponent {\r\n  readonly tabs = contentChildren<C80TabItemDirective>(C80TabItemDirective);\r\n  readonly labels = contentChildren<C80TabLabelDirective>(C80TabLabelDirective);\r\n\r\n  /* v8 ignore next */\r\n  readonly selectedIndex = model<number>(0);\r\n  readonly selectedIndexChange = output<number>();\r\n\r\n  /**\r\n   *\r\n   * @param index\r\n   */\r\n  onTabClick(index: number): void {\r\n    this.selectedIndex.set(index);\r\n    this.selectedIndexChange.emit(index);\r\n  }\r\n\r\n  /**\r\n   *\r\n   * @param index\r\n   * @returns Template del contenido del tab o null\r\n   */\r\n  getTabContent(index: number): TemplateRef<unknown> | null {\r\n    const tabList = this.tabs();\r\n    const tab = tabList[index];\r\n    return tab?.content ?? null;\r\n  }\r\n\r\n  /**\r\n   *\r\n   * @param index\r\n   * @returns Template de la etiqueta del tab o null\r\n   */\r\n  getTabLabel(index: number): TemplateRef<unknown> | null {\r\n    const labelList = this.labels();\r\n    const label = labelList[index];\r\n    return label?.template ?? null;\r\n  }\r\n}\r\n","<div class=\"c80-tab-container\">\n  <div class=\"c80-tab-header\">\n    <div class=\"c80-tab-labels\">\n      @for (tab of tabs(); track $index) {\n      <button type=\"button\" class=\"c80-tab-label\" [class.active]=\"selectedIndex() === $index\" (click)=\"onTabClick($index)\">\n        @if (getTabLabel($index); as labelTemplate) {\n        <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n        }\n      </button>\n      }\n    </div>\n  </div>\n\n  <div class=\"c80-tab-body\">\n    @for (tab of tabs(); track $index) {\n    @if (selectedIndex() === $index) {\n    <div class=\"c80-tab-content\">\n      <ng-container *ngTemplateOutlet=\"getTabContent($index)\" />\n    </div>\n    }\n    }\n  </div>\n</div>"]}

package/esm2022/lib/tab/c80-tab.types.js

@@ -1,2 +1 @@
-export {};
 //# sourceMappingURL=c80-tab.types.js.map

package/esm2022/lib/tab/directives/c80-tab-item.directive.js

@@ -5,10 +5,10 @@ import * as i0 from "@angular/core";
  */
 export class C80TabItemDirective {
     content = inject((TemplateRef));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: C80TabItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: C80TabItemDirective, isStandalone: true, selector: "[tabItem]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: C80TabItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: C80TabItemDirective, isStandalone: true, selector: "[tabItem]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: C80TabItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: C80TabItemDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/esm2022/lib/tab/directives/c80-tab-label.directive.js

@@ -5,10 +5,10 @@ import * as i0 from "@angular/core";
  */
 export class C80TabLabelDirective {
     template = inject((TemplateRef));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: C80TabLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: C80TabLabelDirective, isStandalone: true, selector: "[tabLabel]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: C80TabLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: C80TabLabelDirective, isStandalone: true, selector: "[tabLabel]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: C80TabLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: C80TabLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/esm2022/lib/table/table-column-visibility.service.js

@@ -86,10 +86,10 @@ export class TableColumnVisibilityService {
             return this.dataConverter.isValueEmpty(value);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableColumnVisibilityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableColumnVisibilityService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableColumnVisibilityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableColumnVisibilityService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableColumnVisibilityService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableColumnVisibilityService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/lib/table/table-crud-state.service.js

@@ -47,10 +47,10 @@ export class TableCrudStateService {
      * @returns Objeto con signals y métodos para gestión CRUD
      */
     createCrudState() {
-        const creating = signal(false, ...(ngDevMode ? [{ debugName: "creating" }] : []));
-        const newRow = signal(null, ...(ngDevMode ? [{ debugName: "newRow" }] : []));
-        const editing = signal(null, ...(ngDevMode ? [{ debugName: "editing" }] : []));
-        const editRow = signal(null, ...(ngDevMode ? [{ debugName: "editRow" }] : []));
+        const creating = signal(false, ...(ngDevMode ? [{ debugName: "creating" }] : /* istanbul ignore next */ []));
+        const newRow = signal(null, ...(ngDevMode ? [{ debugName: "newRow" }] : /* istanbul ignore next */ []));
+        const editing = signal(null, ...(ngDevMode ? [{ debugName: "editing" }] : /* istanbul ignore next */ []));
+        const editRow = signal(null, ...(ngDevMode ? [{ debugName: "editRow" }] : /* istanbul ignore next */ []));
         return {
             creating: creating.asReadonly(),
             newRow: newRow.asReadonly(),
@@ -103,10 +103,10 @@ export class TableCrudStateService {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableCrudStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableCrudStateService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableCrudStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableCrudStateService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableCrudStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableCrudStateService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/lib/table/table-crud-state.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-crud-state.service.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/table/table-crud-state.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable, signal, inject, type Signal } from '@angular/core';\nimport type { TableColDef } from './table.types';\nimport { TableColumnVisibilityService } from './table-column-visibility.service';\nimport { TableDataUtilsService } from './table-data-utils.service';\n\ninterface CrudState<T extends Record<string, unknown>> {\n  creating: Signal<boolean>;\n  newRow: Signal<Partial<T> | null>;\n  editing: Signal<string | null>;\n  editRow: Signal<Partial<T> | null>;\n  startCreate: (context: { columns: TableColDef[]; data: T[] }) => void;\n  cancelCreate: () => void;\n  updateNewRow: (key: string, value: unknown) => void;\n  startEdit: (context: { row: T; columns: TableColDef[]; data: T[] }) => void;\n  cancelEdit: () => void;\n  updateEditRow: (key: string, value: unknown) => void;\n  applyInputValues: (partialValues: Partial<T>) => void;\n}\n\n/**\n * Servicio para gestionar el estado CRUD (Crear, Leer, Actualizar, Eliminar) en tablas C80\n *\n * Maneja:\n * - Estado de creación y edición\n * - Gestión de datos temporales (newRow, editRow)\n * - Aplicación de valores dinámicos\n * - Validación y conversión de datos\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class TableCrudStateService {\n\n  private readonly visibilityService = inject(TableColumnVisibilityService);\n  private readonly dataUtils = inject(TableDataUtilsService);\n\n  /**\n   * Filtra columnas visibles y editables\n   */\n  private getEditableColumns<T extends Record<string, unknown>>(\n    columns: TableColDef[],\n    data: T[],\n    includeHiddenIfNull: boolean\n  ): TableColDef[] {\n    return columns.filter(\n      col => this.visibilityService.isColumnVisible(col, data, { forceShowInCreation: includeHiddenIfNull }) && !col.readOnly\n    );\n  }\n\n  /**\n   * Inicializa row para creación con valores por defecto\n   */\n  private initializeNewRow<T extends Record<string, unknown>>(\n    columns: TableColDef[],\n    data: T[]\n  ): Partial<T> {\n    const row: Partial<T> = {};\n    for (const col of this.getEditableColumns(columns, data, true)) {\n      const defaultValue = col.default === undefined ? '' : col.default;\n      (row as Record<string, unknown>)[col.accessor] = defaultValue;\n    }\n    return row;\n  }\n\n  /**\n   * Inicializa row para edición con valores actuales\n   */\n  private initializeEditRow<T extends Record<string, unknown>>(\n    row: T,\n    columns: TableColDef[],\n    data: T[]\n  ): Partial<T> {\n    const edit: Partial<T> = {};\n    for (const col of this.getEditableColumns(columns, data, true)) {\n      const value = this.dataUtils.getCellValue(row, col.accessor);\n      (edit as Record<string, unknown>)[col.accessor] = value;\n    }\n    return edit;\n  }\n\n  /**\n   * Inicializa el estado CRUD para una nueva tabla\n   * @returns Objeto con signals y métodos para gestión CRUD\n   */\n  createCrudState<T extends Record<string, unknown>>(): CrudState<T> {\n    const creating = signal(false);\n    const newRow = signal<Partial<T> | null>(null);\n    const editing = signal<string | null>(null);\n    const editRow = signal<Partial<T> | null>(null);\n\n    return {\n      creating: creating.asReadonly(),\n      newRow: newRow.asReadonly(),\n      editing: editing.asReadonly(),\n      editRow: editRow.asReadonly(),\n      startCreate: (context: { columns: TableColDef[]; data: T[] }) => this.startCreate(creating, newRow, context),\n      cancelCreate: () => this.cancelCreate(creating, newRow),\n      updateNewRow: (key: string, value: unknown) => this.updateRow(newRow, key, value),\n      startEdit: (context: { row: T; columns: TableColDef[]; data: T[] }) => this.startEdit({ editing, editRow }, context),\n      cancelEdit: () => this.cancelEdit(editing, editRow),\n      updateEditRow: (key: string, value: unknown) => this.updateRow(editRow, key, value),\n      applyInputValues: (partialValues: Partial<T>) => this.applyInputValues({ creating, newRow, editing, editRow }, partialValues),\n    };\n  }\n\n  private startCreate<T extends Record<string, unknown>>(\n    creating: ReturnType<typeof signal<boolean>>,\n    newRow: ReturnType<typeof signal<Partial<T> | null>>,\n    context: { columns: TableColDef[]; data: T[] }\n  ): void {\n    creating.set(true);\n    newRow.set(this.initializeNewRow(context.columns, context.data));\n  }\n\n  private cancelCreate<T extends Record<string, unknown>>(\n    creating: ReturnType<typeof signal<boolean>>,\n    newRow: ReturnType<typeof signal<Partial<T> | null>>\n  ): void {\n    creating.set(false);\n    newRow.set(null);\n  }\n\n  private updateRow<T extends Record<string, unknown>>(\n    rowSignal: ReturnType<typeof signal<Partial<T> | null>>,\n    key: string,\n    value: unknown\n  ): void {\n    const current = rowSignal();\n    if (!current) return;\n    rowSignal.set({ ...current, [key]: value });\n  }\n\n  private startEdit<T extends Record<string, unknown>>(\n    signals: {\n      editing: ReturnType<typeof signal<string | null>>;\n      editRow: ReturnType<typeof signal<Partial<T> | null>>;\n    },\n    context: { row: T; columns: TableColDef[]; data: T[] }\n  ): void {\n    signals.editing.set(context.row['id'] as string);\n    signals.editRow.set(this.initializeEditRow(context.row, context.columns, context.data));\n  }\n\n  private cancelEdit<T extends Record<string, unknown>>(\n    editing: ReturnType<typeof signal<string | null>>,\n    editRow: ReturnType<typeof signal<Partial<T> | null>>\n  ): void {\n    editing.set(null);\n    editRow.set(null);\n  }\n\n  private applyInputValues<T extends Record<string, unknown>>(\n    signals: {\n      creating: ReturnType<typeof signal<boolean>>;\n      newRow: ReturnType<typeof signal<Partial<T> | null>>;\n      editing: ReturnType<typeof signal<string | null>>;\n      editRow: ReturnType<typeof signal<Partial<T> | null>>;\n    },\n    partialValues: Partial<T>\n  ): void {\n    if (!signals.creating() && signals.editing() === null) return;\n\n    if (signals.creating()) {\n      const currentRow = signals.newRow();\n      if (currentRow) {\n        signals.newRow.set({ ...currentRow, ...partialValues });\n      }\n    } else {\n      const currentEditRow = signals.editRow();\n      if (currentEditRow) {\n        signals.editRow.set({ ...currentEditRow, ...partialValues });\n      }\n    }\n  }\n}\n"]}
+{"version":3,"file":"table-crud-state.service.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/table/table-crud-state.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable, signal, inject, type Signal } from '@angular/core';\nimport type { TableColDef } from './table.types';\nimport { TableColumnVisibilityService } from './table-column-visibility.service';\nimport { TableDataUtilsService } from './table-data-utils.service';\n\ninterface CrudState<T extends Record<string, unknown>> {\n  creating: Signal<boolean>;\n  newRow: Signal<Partial<T> | null>;\n  editing: Signal<string | null>;\n  editRow: Signal<Partial<T> | null>;\n  startCreate: (context: { columns: TableColDef[]; data: T[] }) => void;\n  cancelCreate: () => void;\n  updateNewRow: (key: string, value: unknown) => void;\n  startEdit: (context: { row: T; columns: TableColDef[]; data: T[] }) => void;\n  cancelEdit: () => void;\n  updateEditRow: (key: string, value: unknown) => void;\n  applyInputValues: (partialValues: Partial<T>) => void;\n}\n\n/**\n * Servicio para gestionar el estado CRUD (Crear, Leer, Actualizar, Eliminar) en tablas C80\n *\n * Maneja:\n * - Estado de creación y edición\n * - Gestión de datos temporales (newRow, editRow)\n * - Aplicación de valores dinámicos\n * - Validación y conversión de datos\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class TableCrudStateService {\n\n  private readonly visibilityService = inject(TableColumnVisibilityService);\n  private readonly dataUtils = inject(TableDataUtilsService);\n\n  /**\n   * Filtra columnas visibles y editables\n   */\n  private getEditableColumns<T extends Record<string, unknown>>(\n    columns: TableColDef[],\n    data: T[],\n    includeHiddenIfNull: boolean\n  ): TableColDef[] {\n    return columns.filter(\n      col => this.visibilityService.isColumnVisible(col, data, { forceShowInCreation: includeHiddenIfNull }) && !col.readOnly\n    );\n  }\n\n  /**\n   * Inicializa row para creación con valores por defecto\n   */\n  private initializeNewRow<T extends Record<string, unknown>>(\n    columns: TableColDef[],\n    data: T[]\n  ): Partial<T> {\n    const row: Partial<T> = {};\n    for (const col of this.getEditableColumns(columns, data, true)) {\n      const defaultValue = col.default === undefined ? '' : col.default;\n      (row as Record<string, unknown>)[col.accessor] = defaultValue;\n    }\n    return row;\n  }\n\n  /**\n   * Inicializa row para edición con valores actuales\n   */\n  private initializeEditRow<T extends Record<string, unknown>>(\n    row: T,\n    columns: TableColDef[],\n    data: T[]\n  ): Partial<T> {\n    const edit: Partial<T> = {};\n    for (const col of this.getEditableColumns(columns, data, true)) {\n      const value = this.dataUtils.getCellValue(row, col.accessor);\n      (edit as Record<string, unknown>)[col.accessor] = value;\n    }\n    return edit;\n  }\n\n  /**\n   * Inicializa el estado CRUD para una nueva tabla\n   * @returns Objeto con signals y métodos para gestión CRUD\n   */\n  createCrudState<T extends Record<string, unknown>>(): CrudState<T> {\n    const creating = signal(false);\n    const newRow = signal<Partial<T> | null>(null);\n    const editing = signal<string | null>(null);\n    const editRow = signal<Partial<T> | null>(null);\n\n    return {\n      creating: creating.asReadonly(),\n      newRow: newRow.asReadonly(),\n      editing: editing.asReadonly(),\n      editRow: editRow.asReadonly(),\n      startCreate: (context: { columns: TableColDef[]; data: T[] }) => this.startCreate(creating, newRow, context),\n      cancelCreate: () => this.cancelCreate(creating, newRow),\n      updateNewRow: (key: string, value: unknown) => this.updateRow(newRow, key, value),\n      startEdit: (context: { row: T; columns: TableColDef[]; data: T[] }) => this.startEdit({ editing, editRow }, context),\n      cancelEdit: () => this.cancelEdit(editing, editRow),\n      updateEditRow: (key: string, value: unknown) => this.updateRow(editRow, key, value),\n      applyInputValues: (partialValues: Partial<T>) => this.applyInputValues({ creating, newRow, editing, editRow }, partialValues),\n    };\n  }\n\n  private startCreate<T extends Record<string, unknown>>(\n    creating: ReturnType<typeof signal<boolean>>,\n    newRow: ReturnType<typeof signal<Partial<T> | null>>,\n    context: { columns: TableColDef[]; data: T[] }\n  ): void {\n    creating.set(true);\n    newRow.set(this.initializeNewRow(context.columns, context.data));\n  }\n\n  private cancelCreate<T extends Record<string, unknown>>(\n    creating: ReturnType<typeof signal<boolean>>,\n    newRow: ReturnType<typeof signal<Partial<T> | null>>\n  ): void {\n    creating.set(false);\n    newRow.set(null);\n  }\n\n  private updateRow<T extends Record<string, unknown>>(\n    rowSignal: ReturnType<typeof signal<Partial<T> | null>>,\n    key: string,\n    value: unknown\n  ): void {\n    const current = rowSignal();\n    if (!current) return;\n    rowSignal.set({ ...current, [key]: value });\n  }\n\n  private startEdit<T extends Record<string, unknown>>(\n    signals: {\n      editing: ReturnType<typeof signal<string | null>>;\n      editRow: ReturnType<typeof signal<Partial<T> | null>>;\n    },\n    context: { row: T; columns: TableColDef[]; data: T[] }\n  ): void {\n    signals.editing.set(context.row['id'] as string);\n    signals.editRow.set(this.initializeEditRow(context.row, context.columns, context.data));\n  }\n\n  private cancelEdit<T extends Record<string, unknown>>(\n    editing: ReturnType<typeof signal<string | null>>,\n    editRow: ReturnType<typeof signal<Partial<T> | null>>\n  ): void {\n    editing.set(null);\n    editRow.set(null);\n  }\n\n  private applyInputValues<T extends Record<string, unknown>>(\n    signals: {\n      creating: ReturnType<typeof signal<boolean>>;\n      newRow: ReturnType<typeof signal<Partial<T> | null>>;\n      editing: ReturnType<typeof signal<string | null>>;\n      editRow: ReturnType<typeof signal<Partial<T> | null>>;\n    },\n    partialValues: Partial<T>\n  ): void {\n    if (!signals.creating() && signals.editing() === null) return;\n\n    if (signals.creating()) {\n      const currentRow = signals.newRow();\n      if (currentRow) {\n        signals.newRow.set({ ...currentRow, ...partialValues });\n      }\n    } else {\n      const currentEditRow = signals.editRow();\n      if (currentEditRow) {\n        signals.editRow.set({ ...currentEditRow, ...partialValues });\n      }\n    }\n  }\n}\n"]}

package/esm2022/lib/table/table-data-converter.service.js

@@ -141,10 +141,10 @@ export class TableDataConverterService {
         }
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableDataConverterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableDataConverterService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableDataConverterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableDataConverterService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableDataConverterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableDataConverterService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/lib/table/table-data-utils.service.js

@@ -195,10 +195,10 @@ export class TableDataUtilsService {
         const maxHeight = Math.round(baseHeight * size);
         return `${maxHeight}px`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableDataUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableDataUtilsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableDataUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableDataUtilsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableDataUtilsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableDataUtilsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/lib/table/table-dto-mapper.service.js

@@ -83,10 +83,10 @@ export class TableDtoMapperService {
             result = Math.min(result, col.max);
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableDtoMapperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableDtoMapperService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableDtoMapperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableDtoMapperService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableDtoMapperService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableDtoMapperService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/lib/table/table-pagination.service.js

@@ -16,17 +16,17 @@ export class TablePaginationService {
      * @returns Objeto con signals y métodos de paginación
      */
     createPaginationState(initialPageSize = 10) {
-        const currentPage = signal(1, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
-        const pageSize = signal(initialPageSize, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
-        const totalItems = signal(0, ...(ngDevMode ? [{ debugName: "totalItems" }] : []));
+        const currentPage = signal(1, ...(ngDevMode ? [{ debugName: "currentPage" }] : /* istanbul ignore next */ []));
+        const pageSize = signal(initialPageSize, ...(ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []));
+        const totalItems = signal(0, ...(ngDevMode ? [{ debugName: "totalItems" }] : /* istanbul ignore next */ []));
         const totalPages = computed(() => {
             const total = totalItems();
             const size = pageSize();
             return Math.ceil(total / size) || 1;
-        }, ...(ngDevMode ? [{ debugName: "totalPages" }] : []));
-        const hasNextPage = computed(() => currentPage() < totalPages(), ...(ngDevMode ? [{ debugName: "hasNextPage" }] : []));
-        const hasPrevPage = computed(() => currentPage() > 1, ...(ngDevMode ? [{ debugName: "hasPrevPage" }] : []));
-        const offset = computed(() => (currentPage() - 1) * pageSize(), ...(ngDevMode ? [{ debugName: "offset" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "totalPages" }] : /* istanbul ignore next */ []));
+        const hasNextPage = computed(() => currentPage() < totalPages(), ...(ngDevMode ? [{ debugName: "hasNextPage" }] : /* istanbul ignore next */ []));
+        const hasPrevPage = computed(() => currentPage() > 1, ...(ngDevMode ? [{ debugName: "hasPrevPage" }] : /* istanbul ignore next */ []));
+        const offset = computed(() => (currentPage() - 1) * pageSize(), ...(ngDevMode ? [{ debugName: "offset" }] : /* istanbul ignore next */ []));
         return {
             currentPage,
             pageSize,
@@ -67,10 +67,10 @@ export class TablePaginationService {
         currentPageSignal.set(1);
         totalItemsSignal.set(0);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TablePaginationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TablePaginationService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TablePaginationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TablePaginationService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TablePaginationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TablePaginationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/lib/table/table-pagination.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-pagination.service.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/table/table-pagination.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable, signal, computed, type Signal } from '@angular/core';\n\nexport interface TablePaginationState {\n  currentPage: Signal<number>;\n  pageSize: Signal<number>;\n  totalItems: Signal<number>;\n  totalPages: Signal<number>;\n  hasNextPage: Signal<boolean>;\n  hasPrevPage: Signal<boolean>;\n  offset: Signal<number>;\n  setPage: (page: number) => void;\n  setPageSize: (size: number) => void;\n  setTotalItems: (total: number) => void;\n  nextPage: () => void;\n  prevPage: () => void;\n  reset: () => void;\n}\n\n/**\n * Servicio para gestionar el estado de paginación en tablas C80\n *\n * Maneja:\n * - Estado de paginación (página actual, tamaño, total)\n * - Cálculo automático de offset para API (limit/offset)\n * - Navegación (siguiente, anterior)\n * - Validaciones de límites\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class TablePaginationService {\n\n  /**\n   * Inicializa el estado de paginación para una nueva tabla\n   * @param initialPageSize - Tamaño de página inicial (default: 10)\n   * @returns Objeto con signals y métodos de paginación\n   */\n  createPaginationState(initialPageSize = 10): TablePaginationState {\n    const currentPage = signal(1);\n    const pageSize = signal(initialPageSize);\n    const totalItems = signal(0);\n\n    const totalPages = computed(() => {\n      const total = totalItems();\n      const size = pageSize();\n      return Math.ceil(total / size) || 1;\n    });\n\n    const hasNextPage = computed(() => currentPage() < totalPages());\n    const hasPrevPage = computed(() => currentPage() > 1);\n    const offset = computed(() => (currentPage() - 1) * pageSize());\n\n    return {\n      currentPage,\n      pageSize,\n      totalItems,\n      totalPages,\n      hasNextPage,\n      hasPrevPage,\n      offset,\n      setPage: (page: number) => this.setPage(currentPage, page, totalPages),\n      setPageSize: (size: number) => this.setPageSize(pageSize, currentPage, size),\n      setTotalItems: (total: number) => totalItems.set(total),\n      nextPage: () => this.nextPage(currentPage, totalPages),\n      prevPage: () => this.prevPage(currentPage),\n      reset: () => this.reset(currentPage, totalItems)\n    };\n  }\n\n  private setPage(\n    currentPageSignal: ReturnType<typeof signal<number>>,\n    page: number,\n    totalPages: Signal<number>\n  ): void {\n    const validPage = Math.max(1, Math.min(page, totalPages()));\n    currentPageSignal.set(validPage);\n  }\n\n  private setPageSize(\n    pageSizeSignal: ReturnType<typeof signal<number>>,\n    currentPageSignal: ReturnType<typeof signal<number>>,\n    size: number\n  ): void {\n    pageSizeSignal.set(Math.max(1, size));\n    currentPageSignal.set(1);\n  }\n\n  private nextPage(\n    currentPageSignal: ReturnType<typeof signal<number>>,\n    totalPages: Signal<number>\n  ): void {\n    const current = currentPageSignal();\n    if (current < totalPages()) {\n      currentPageSignal.set(current + 1);\n    }\n  }\n\n  private prevPage(\n    currentPageSignal: ReturnType<typeof signal<number>>\n  ): void {\n    const current = currentPageSignal();\n    if (current > 1) {\n      currentPageSignal.set(current - 1);\n    }\n  }\n\n  private reset(\n    currentPageSignal: ReturnType<typeof signal<number>>,\n    totalItemsSignal: ReturnType<typeof signal<number>>\n  ): void {\n    currentPageSignal.set(1);\n    totalItemsSignal.set(0);\n  }\n}\n"]}
+{"version":3,"file":"table-pagination.service.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/table/table-pagination.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable, signal, computed, type Signal } from '@angular/core';\n\nexport interface TablePaginationState {\n  currentPage: Signal<number>;\n  pageSize: Signal<number>;\n  totalItems: Signal<number>;\n  totalPages: Signal<number>;\n  hasNextPage: Signal<boolean>;\n  hasPrevPage: Signal<boolean>;\n  offset: Signal<number>;\n  setPage: (page: number) => void;\n  setPageSize: (size: number) => void;\n  setTotalItems: (total: number) => void;\n  nextPage: () => void;\n  prevPage: () => void;\n  reset: () => void;\n}\n\n/**\n * Servicio para gestionar el estado de paginación en tablas C80\n *\n * Maneja:\n * - Estado de paginación (página actual, tamaño, total)\n * - Cálculo automático de offset para API (limit/offset)\n * - Navegación (siguiente, anterior)\n * - Validaciones de límites\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class TablePaginationService {\n\n  /**\n   * Inicializa el estado de paginación para una nueva tabla\n   * @param initialPageSize - Tamaño de página inicial (default: 10)\n   * @returns Objeto con signals y métodos de paginación\n   */\n  createPaginationState(initialPageSize = 10): TablePaginationState {\n    const currentPage = signal(1);\n    const pageSize = signal(initialPageSize);\n    const totalItems = signal(0);\n\n    const totalPages = computed(() => {\n      const total = totalItems();\n      const size = pageSize();\n      return Math.ceil(total / size) || 1;\n    });\n\n    const hasNextPage = computed(() => currentPage() < totalPages());\n    const hasPrevPage = computed(() => currentPage() > 1);\n    const offset = computed(() => (currentPage() - 1) * pageSize());\n\n    return {\n      currentPage,\n      pageSize,\n      totalItems,\n      totalPages,\n      hasNextPage,\n      hasPrevPage,\n      offset,\n      setPage: (page: number) => this.setPage(currentPage, page, totalPages),\n      setPageSize: (size: number) => this.setPageSize(pageSize, currentPage, size),\n      setTotalItems: (total: number) => totalItems.set(total),\n      nextPage: () => this.nextPage(currentPage, totalPages),\n      prevPage: () => this.prevPage(currentPage),\n      reset: () => this.reset(currentPage, totalItems)\n    };\n  }\n\n  private setPage(\n    currentPageSignal: ReturnType<typeof signal<number>>,\n    page: number,\n    totalPages: Signal<number>\n  ): void {\n    const validPage = Math.max(1, Math.min(page, totalPages()));\n    currentPageSignal.set(validPage);\n  }\n\n  private setPageSize(\n    pageSizeSignal: ReturnType<typeof signal<number>>,\n    currentPageSignal: ReturnType<typeof signal<number>>,\n    size: number\n  ): void {\n    pageSizeSignal.set(Math.max(1, size));\n    currentPageSignal.set(1);\n  }\n\n  private nextPage(\n    currentPageSignal: ReturnType<typeof signal<number>>,\n    totalPages: Signal<number>\n  ): void {\n    const current = currentPageSignal();\n    if (current < totalPages()) {\n      currentPageSignal.set(current + 1);\n    }\n  }\n\n  private prevPage(\n    currentPageSignal: ReturnType<typeof signal<number>>\n  ): void {\n    const current = currentPageSignal();\n    if (current > 1) {\n      currentPageSignal.set(current - 1);\n    }\n  }\n\n  private reset(\n    currentPageSignal: ReturnType<typeof signal<number>>,\n    totalItemsSignal: ReturnType<typeof signal<number>>\n  ): void {\n    currentPageSignal.set(1);\n    totalItemsSignal.set(0);\n  }\n}\n"]}

package/esm2022/lib/table/table-selection.service.js

@@ -15,9 +15,9 @@ export class TableSelectionService {
      * @returns Objeto con signals y métodos de selección
      */
     createSelectionState(getRowId = (item) => item['id']) {
-        const selectedItems = signal(new Set(), ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
-        const selectAllChecked = signal(false, ...(ngDevMode ? [{ debugName: "selectAllChecked" }] : []));
-        const selectAllIndeterminate = signal(false, ...(ngDevMode ? [{ debugName: "selectAllIndeterminate" }] : []));
+        const selectedItems = signal(new Set(), ...(ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []));
+        const selectAllChecked = signal(false, ...(ngDevMode ? [{ debugName: "selectAllChecked" }] : /* istanbul ignore next */ []));
+        const selectAllIndeterminate = signal(false, ...(ngDevMode ? [{ debugName: "selectAllIndeterminate" }] : /* istanbul ignore next */ []));
         const signals = { selectedItems, selectAllChecked, selectAllIndeterminate };
         return {
             selectedItems: selectedItems.asReadonly(),
@@ -120,10 +120,10 @@ export class TableSelectionService {
         const selectedItems = selectionState.getSelectedItems(allData);
         selectableEmitter.emit(selectedItems);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableSelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableSelectionService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableSelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableSelectionService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableSelectionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableSelectionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/lib/table/table-selection.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-selection.service.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/table/table-selection.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { type OutputEmitterRef, Injectable, signal, type Signal } from '@angular/core';\n\ninterface SelectionState<T extends Record<string, unknown>> {\n  selectedItems: Signal<Set<string>>;\n  selectAllChecked: Signal<boolean>;\n  selectAllIndeterminate: Signal<boolean>;\n  clearSelection: () => void;\n  toggleSelectAll: (allItems: T[]) => void;\n  toggleItemSelection: (item: T, multiple: boolean) => void;\n  isItemSelected: (item: T) => boolean;\n  preserveSelection: (newData: T[]) => void;\n  getSelectedItems: (allData: T[]) => T[];\n}\n\n/**\n * Servicio para gestionar la selección de elementos en tablas C80\n *\n * Maneja:\n * - Selección simple y múltiple\n * - Estado de selección completa\n * - Preservación de selección tras actualizaciones de datos\n * - Emisión de eventos de selección\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class TableSelectionService {\n\n  /**\n   * Inicializa el estado de selección para una nueva tabla\n   * @returns Objeto con signals y métodos de selección\n   */\n  createSelectionState<T extends Record<string, unknown>>(\n    getRowId: (item: T) => string = (item) => item['id'] as string\n  ): SelectionState<T> {\n    const selectedItems = signal<Set<string>>(new Set());\n    const selectAllChecked = signal(false);\n    const selectAllIndeterminate = signal(false);\n\n    const signals = { selectedItems, selectAllChecked, selectAllIndeterminate };\n\n    return {\n      selectedItems: selectedItems.asReadonly(),\n      selectAllChecked: selectAllChecked.asReadonly(),\n      selectAllIndeterminate: selectAllIndeterminate.asReadonly(),\n      clearSelection: () => this.clearSelection(signals),\n      toggleSelectAll: (allItems: T[]) => this.toggleSelectAll(signals, allItems, getRowId),\n      toggleItemSelection: (item: T, multiple: boolean) => this.toggleItemSelection(selectedItems, item, multiple, getRowId),\n      isItemSelected: (item: T) => this.isItemSelected(selectedItems, item, getRowId),\n      preserveSelection: (newData: T[]) => this.preserveSelection(signals, newData, getRowId),\n      getSelectedItems: (allData: T[]) => this.getSelectedItems(selectedItems, allData, getRowId),\n    };\n  }\n\n  private clearSelection(signals: {\n    selectedItems: ReturnType<typeof signal<Set<string>>>;\n    selectAllChecked: ReturnType<typeof signal<boolean>>;\n    selectAllIndeterminate: ReturnType<typeof signal<boolean>>;\n  }): void {\n    signals.selectedItems.set(new Set());\n    signals.selectAllChecked.set(false);\n    signals.selectAllIndeterminate.set(false);\n  }\n\n  private toggleSelectAll<T extends Record<string, unknown>>(\n    signals: {\n      selectedItems: ReturnType<typeof signal<Set<string>>>;\n      selectAllChecked: ReturnType<typeof signal<boolean>>;\n      selectAllIndeterminate: ReturnType<typeof signal<boolean>>;\n    },\n    allItems: T[],\n    getRowId: (item: T) => string\n  ): void {\n    const currentSelection = signals.selectedItems();\n\n    if (currentSelection.size === allItems.length) {\n      signals.selectedItems.set(new Set());\n      signals.selectAllChecked.set(false);\n      signals.selectAllIndeterminate.set(false);\n    } else {\n      const allIds = new Set(allItems.map(getRowId));\n      signals.selectedItems.set(allIds);\n      this.updateSelectAllState({\n        allItems,\n        selectedCount: allIds.size,\n        selectAllChecked: signals.selectAllChecked,\n        selectAllIndeterminate: signals.selectAllIndeterminate\n      });\n    }\n  }\n\n  private toggleItemSelection<T extends Record<string, unknown>>(\n    selectedItems: ReturnType<typeof signal<Set<string>>>,\n    item: T,\n    multiple: boolean,\n    getRowId: (item: T) => string\n  ): void {\n    const id = getRowId(item);\n    const currentSelection = new Set(selectedItems());\n\n    if (!multiple) {\n      currentSelection.clear();\n      if (!selectedItems().has(id)) {\n        currentSelection.add(id);\n      }\n    } else if (currentSelection.has(id)) {\n      currentSelection.delete(id);\n    } else {\n      currentSelection.add(id);\n    }\n\n    selectedItems.set(currentSelection);\n  }\n\n  private isItemSelected<T extends Record<string, unknown>>(\n    selectedItems: ReturnType<typeof signal<Set<string>>>,\n    item: T,\n    getRowId: (item: T) => string\n  ): boolean {\n    return selectedItems().has(getRowId(item));\n  }\n\n  private preserveSelection<T extends Record<string, unknown>>(\n    signals: {\n      selectedItems: ReturnType<typeof signal<Set<string>>>;\n      selectAllChecked: ReturnType<typeof signal<boolean>>;\n      selectAllIndeterminate: ReturnType<typeof signal<boolean>>;\n    },\n    newData: T[],\n    getRowId: (item: T) => string\n  ): void {\n    const currentSelection = signals.selectedItems();\n\n    if (currentSelection.size === 0 || newData.length === 0) {\n      this.clearSelection(signals);\n      return;\n    }\n\n    const availableIds = new Set(newData.map(getRowId));\n    const preservedSelection = new Set(\n      Array.from(currentSelection).filter(id => availableIds.has(id))\n    );\n\n    signals.selectedItems.set(preservedSelection);\n    this.updateSelectAllState({\n      allItems: newData,\n      selectedCount: preservedSelection.size,\n      selectAllChecked: signals.selectAllChecked,\n      selectAllIndeterminate: signals.selectAllIndeterminate\n    });\n  }\n\n  private getSelectedItems<T extends Record<string, unknown>>(\n    selectedItems: ReturnType<typeof signal<Set<string>>>,\n    allData: T[],\n    getRowId: (item: T) => string\n  ): T[] {\n    const selectedIds = selectedItems();\n    return allData.filter(item => selectedIds.has(getRowId(item)));\n  }\n\n  private updateSelectAllState<T extends Record<string, unknown>>(context: {\n    allItems: T[];\n    selectedCount: number;\n    selectAllChecked: ReturnType<typeof signal<boolean>>;\n    selectAllIndeterminate: ReturnType<typeof signal<boolean>>;\n  }): void {\n    const { allItems, selectedCount, selectAllChecked, selectAllIndeterminate } = context;\n    const totalCount = allItems.length;\n\n    if (selectedCount === 0) {\n      selectAllChecked.set(false);\n      selectAllIndeterminate.set(false);\n    } else if (selectedCount === totalCount) {\n      selectAllChecked.set(true);\n      selectAllIndeterminate.set(false);\n    } else {\n      selectAllChecked.set(false);\n      selectAllIndeterminate.set(true);\n    }\n  }\n\n  /**\n   * Emite los elementos seleccionados a través del output proporcionado\n   * @param selectionState - Estado de selección\n   * @param allData - Todos los datos de la tabla\n   * @param selectableEmitter - Output para emitir la selección\n   */\n  emitSelection<T extends Record<string, unknown>>(\n    selectionState: { getSelectedItems: (allData: T[]) => T[] },\n    allData: T[],\n    selectableEmitter: OutputEmitterRef<T[]>\n  ): void {\n    const selectedItems = selectionState.getSelectedItems(allData);\n    selectableEmitter.emit(selectedItems);\n  }\n}\n"]}
+{"version":3,"file":"table-selection.service.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/table/table-selection.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { type OutputEmitterRef, Injectable, signal, type Signal } from '@angular/core';\n\ninterface SelectionState<T extends Record<string, unknown>> {\n  selectedItems: Signal<Set<string>>;\n  selectAllChecked: Signal<boolean>;\n  selectAllIndeterminate: Signal<boolean>;\n  clearSelection: () => void;\n  toggleSelectAll: (allItems: T[]) => void;\n  toggleItemSelection: (item: T, multiple: boolean) => void;\n  isItemSelected: (item: T) => boolean;\n  preserveSelection: (newData: T[]) => void;\n  getSelectedItems: (allData: T[]) => T[];\n}\n\n/**\n * Servicio para gestionar la selección de elementos en tablas C80\n *\n * Maneja:\n * - Selección simple y múltiple\n * - Estado de selección completa\n * - Preservación de selección tras actualizaciones de datos\n * - Emisión de eventos de selección\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class TableSelectionService {\n\n  /**\n   * Inicializa el estado de selección para una nueva tabla\n   * @returns Objeto con signals y métodos de selección\n   */\n  createSelectionState<T extends Record<string, unknown>>(\n    getRowId: (item: T) => string = (item) => item['id'] as string\n  ): SelectionState<T> {\n    const selectedItems = signal<Set<string>>(new Set());\n    const selectAllChecked = signal(false);\n    const selectAllIndeterminate = signal(false);\n\n    const signals = { selectedItems, selectAllChecked, selectAllIndeterminate };\n\n    return {\n      selectedItems: selectedItems.asReadonly(),\n      selectAllChecked: selectAllChecked.asReadonly(),\n      selectAllIndeterminate: selectAllIndeterminate.asReadonly(),\n      clearSelection: () => this.clearSelection(signals),\n      toggleSelectAll: (allItems: T[]) => this.toggleSelectAll(signals, allItems, getRowId),\n      toggleItemSelection: (item: T, multiple: boolean) => this.toggleItemSelection(selectedItems, item, multiple, getRowId),\n      isItemSelected: (item: T) => this.isItemSelected(selectedItems, item, getRowId),\n      preserveSelection: (newData: T[]) => this.preserveSelection(signals, newData, getRowId),\n      getSelectedItems: (allData: T[]) => this.getSelectedItems(selectedItems, allData, getRowId),\n    };\n  }\n\n  private clearSelection(signals: {\n    selectedItems: ReturnType<typeof signal<Set<string>>>;\n    selectAllChecked: ReturnType<typeof signal<boolean>>;\n    selectAllIndeterminate: ReturnType<typeof signal<boolean>>;\n  }): void {\n    signals.selectedItems.set(new Set());\n    signals.selectAllChecked.set(false);\n    signals.selectAllIndeterminate.set(false);\n  }\n\n  private toggleSelectAll<T extends Record<string, unknown>>(\n    signals: {\n      selectedItems: ReturnType<typeof signal<Set<string>>>;\n      selectAllChecked: ReturnType<typeof signal<boolean>>;\n      selectAllIndeterminate: ReturnType<typeof signal<boolean>>;\n    },\n    allItems: T[],\n    getRowId: (item: T) => string\n  ): void {\n    const currentSelection = signals.selectedItems();\n\n    if (currentSelection.size === allItems.length) {\n      signals.selectedItems.set(new Set());\n      signals.selectAllChecked.set(false);\n      signals.selectAllIndeterminate.set(false);\n    } else {\n      const allIds = new Set(allItems.map(getRowId));\n      signals.selectedItems.set(allIds);\n      this.updateSelectAllState({\n        allItems,\n        selectedCount: allIds.size,\n        selectAllChecked: signals.selectAllChecked,\n        selectAllIndeterminate: signals.selectAllIndeterminate\n      });\n    }\n  }\n\n  private toggleItemSelection<T extends Record<string, unknown>>(\n    selectedItems: ReturnType<typeof signal<Set<string>>>,\n    item: T,\n    multiple: boolean,\n    getRowId: (item: T) => string\n  ): void {\n    const id = getRowId(item);\n    const currentSelection = new Set(selectedItems());\n\n    if (!multiple) {\n      currentSelection.clear();\n      if (!selectedItems().has(id)) {\n        currentSelection.add(id);\n      }\n    } else if (currentSelection.has(id)) {\n      currentSelection.delete(id);\n    } else {\n      currentSelection.add(id);\n    }\n\n    selectedItems.set(currentSelection);\n  }\n\n  private isItemSelected<T extends Record<string, unknown>>(\n    selectedItems: ReturnType<typeof signal<Set<string>>>,\n    item: T,\n    getRowId: (item: T) => string\n  ): boolean {\n    return selectedItems().has(getRowId(item));\n  }\n\n  private preserveSelection<T extends Record<string, unknown>>(\n    signals: {\n      selectedItems: ReturnType<typeof signal<Set<string>>>;\n      selectAllChecked: ReturnType<typeof signal<boolean>>;\n      selectAllIndeterminate: ReturnType<typeof signal<boolean>>;\n    },\n    newData: T[],\n    getRowId: (item: T) => string\n  ): void {\n    const currentSelection = signals.selectedItems();\n\n    if (currentSelection.size === 0 || newData.length === 0) {\n      this.clearSelection(signals);\n      return;\n    }\n\n    const availableIds = new Set(newData.map(getRowId));\n    const preservedSelection = new Set(\n      Array.from(currentSelection).filter(id => availableIds.has(id))\n    );\n\n    signals.selectedItems.set(preservedSelection);\n    this.updateSelectAllState({\n      allItems: newData,\n      selectedCount: preservedSelection.size,\n      selectAllChecked: signals.selectAllChecked,\n      selectAllIndeterminate: signals.selectAllIndeterminate\n    });\n  }\n\n  private getSelectedItems<T extends Record<string, unknown>>(\n    selectedItems: ReturnType<typeof signal<Set<string>>>,\n    allData: T[],\n    getRowId: (item: T) => string\n  ): T[] {\n    const selectedIds = selectedItems();\n    return allData.filter(item => selectedIds.has(getRowId(item)));\n  }\n\n  private updateSelectAllState<T extends Record<string, unknown>>(context: {\n    allItems: T[];\n    selectedCount: number;\n    selectAllChecked: ReturnType<typeof signal<boolean>>;\n    selectAllIndeterminate: ReturnType<typeof signal<boolean>>;\n  }): void {\n    const { allItems, selectedCount, selectAllChecked, selectAllIndeterminate } = context;\n    const totalCount = allItems.length;\n\n    if (selectedCount === 0) {\n      selectAllChecked.set(false);\n      selectAllIndeterminate.set(false);\n    } else if (selectedCount === totalCount) {\n      selectAllChecked.set(true);\n      selectAllIndeterminate.set(false);\n    } else {\n      selectAllChecked.set(false);\n      selectAllIndeterminate.set(true);\n    }\n  }\n\n  /**\n   * Emite los elementos seleccionados a través del output proporcionado\n   * @param selectionState - Estado de selección\n   * @param allData - Todos los datos de la tabla\n   * @param selectableEmitter - Output para emitir la selección\n   */\n  emitSelection<T extends Record<string, unknown>>(\n    selectionState: { getSelectedItems: (allData: T[]) => T[] },\n    allData: T[],\n    selectableEmitter: OutputEmitterRef<T[]>\n  ): void {\n    const selectedItems = selectionState.getSelectedItems(allData);\n    selectableEmitter.emit(selectedItems);\n  }\n}\n"]}