@heroelc/fsociety 0.0.1 → 0.0.5

package/fesm2022/heroelc-fsociety.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, EventEmitter, Output, Input, ChangeDetectionStrategy } from '@angular/core';
+import { Injectable, Component, EventEmitter, Output, Input, ChangeDetectionStrategy, ViewChild } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
@@ -377,6 +377,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }] } });
 
+class FsTabsComponent {
+    cdr;
+    zone;
+    /** Lista de tabs a renderizar */
+    tabs = [];
+    /** Id de la tab activa */
+    activeTab = '';
+    /** Two-way binding: [(activeTab)] */
+    activeTabChange = new EventEmitter();
+    /** Emite la tab completa al cambiar */
+    tabChange = new EventEmitter();
+    tabsRow;
+    indicatorLeft = 0;
+    indicatorWidth = 0;
+    constructor(cdr, zone) {
+        this.cdr = cdr;
+        this.zone = zone;
+    }
+    ngAfterViewInit() {
+        this.updateIndicator();
+        // Recalcular al cambiar el tamaño del contenedor
+        this.zone.runOutsideAngular(() => {
+            const ro = new ResizeObserver(() => {
+                this.zone.run(() => {
+                    this.updateIndicator();
+                    this.cdr.markForCheck();
+                });
+            });
+            ro.observe(this.tabsRow.nativeElement);
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['activeTab'] || changes['tabs']) {
+            // Defer para que el DOM se actualice primero
+            setTimeout(() => this.updateIndicator());
+        }
+    }
+    selectTab(tab) {
+        if (tab.disabled)
+            return;
+        this.activeTab = tab.id;
+        this.activeTabChange.emit(tab.id);
+        this.tabChange.emit(tab);
+        this.updateIndicator();
+    }
+    isActive(tab) {
+        return this.activeTab === tab.id;
+    }
+    updateIndicator() {
+        if (!this.tabsRow)
+            return;
+        const row = this.tabsRow.nativeElement;
+        const items = row.querySelectorAll('.fs-tabs__item');
+        const idx = this.tabs.findIndex(t => t.id === this.activeTab);
+        if (idx === -1 || !items[idx])
+            return;
+        const item = items[idx];
+        this.indicatorLeft = item.offsetLeft;
+        this.indicatorWidth = item.offsetWidth;
+        this.cdr.markForCheck();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FsTabsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: FsTabsComponent, isStandalone: true, selector: "fs-tabs", inputs: { tabs: "tabs", activeTab: "activeTab" }, outputs: { activeTabChange: "activeTabChange", tabChange: "tabChange" }, viewQueries: [{ propertyName: "tabsRow", first: true, predicate: ["tabsRow"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fs-tabs\">\n\n  <!-- encabezado -->\n  <div class=\"fs-tabs__header\" #tabsRow role=\"tablist\">\n\n    <button\n      *ngFor=\"let tab of tabs\"\n      class=\"fs-tabs__item\"\n      [class.fs-tabs__item--active]=\"isActive(tab)\"\n      [class.fs-tabs__item--disabled]=\"tab.disabled\"\n      role=\"tab\"\n      [attr.aria-selected]=\"isActive(tab)\"\n      [attr.aria-disabled]=\"tab.disabled\"\n      [disabled]=\"tab.disabled\"\n      (click)=\"selectTab(tab)\"\n    >\n      {{ tab.label }}\n    </button>\n\n    <!-- indicator deslizante -->\n    <span\n      class=\"fs-tabs__indicator\"\n      [style.left.px]=\"indicatorLeft\"\n      [style.width.px]=\"indicatorWidth\"\n      aria-hidden=\"true\"\n    ></span>\n\n  </div>\n\n  <!-- contenido v\u00EDa content projection -->\n  <div class=\"fs-tabs__content\" role=\"tabpanel\">\n    <ng-content></ng-content>\n  </div>\n\n</div>\n", styles: [":root,[data-theme=dark]{--fs-primary-50: rgb(237.56, 242.52, 253.4);--fs-primary-100: rgb(211.4, 223.8, 251);--fs-primary-200: rgb(176.52, 198.84, 247.8);--fs-primary-300: rgb(132.92, 167.64, 243.8);--fs-primary-400: rgb(84.96, 133.32, 239.4);--fs-primary-500: #2563eb;--fs-primary-600: rgb(33.48, 86.84, 204.12);--fs-primary-700: rgb(29.52, 73.16, 169.38);--fs-primary-800: rgb(25.12, 57.96, 130.78);--fs-primary-900: rgb(21.16, 44.28, 96.04);--fs-secondary-50: rgb(235.72, 247.8, 253.24);--fs-secondary-100: rgb(206.8, 237, 250.6);--fs-secondary-200: rgb(168.24, 222.6, 247.08);--fs-secondary-300: rgb(120.04, 204.6, 242.68);--fs-secondary-400: rgb(67.02, 184.8, 237.84);--fs-secondary-500: #0ea5e9;--fs-secondary-600: rgb(14.16, 142.28, 202.44);--fs-secondary-700: rgb(14.34, 116.72, 168.06);--fs-secondary-800: rgb(14.54, 88.32, 129.86);--fs-secondary-900: rgb(14.72, 62.76, 95.48);--fs-tertiary-50: rgb(237.32, 251.48, 253.64);--fs-tertiary-100: rgb(210.8, 246.2, 251.6);--fs-tertiary-200: rgb(175.44, 239.16, 248.88);--fs-tertiary-300: rgb(131.24, 230.36, 245.48);--fs-tertiary-400: rgb(82.62, 220.68, 241.74);--fs-tertiary-500: #22d3ee;--fs-tertiary-600: rgb(30.96, 180.92, 206.64);--fs-tertiary-700: rgb(27.54, 147.08, 171.36);--fs-tertiary-800: rgb(23.74, 109.48, 132.16);--fs-tertiary-900: rgb(20.32, 75.64, 96.88);--fs-neutral-50: rgb(242.6, 243.88, 245.72);--fs-neutral-100: rgb(224, 227.2, 231.8);--fs-neutral-200: rgb(199.2, 204.96, 213.24);--fs-neutral-300: rgb(168.2, 177.16, 190.04);--fs-neutral-400: rgb(134.1, 146.58, 164.52);--fs-neutral-500: #64748b;--fs-neutral-600: rgb(86.4, 101.12, 123.48);--fs-neutral-700: rgb(71.1, 84.38, 106.02);--fs-neutral-800: rgb(54.1, 65.78, 86.62);--fs-neutral-900: rgb(38.8, 49.04, 69.16);--fs-success-50: rgb(237.32, 250.36, 242.12);--fs-success-100: rgb(210.8, 243.4, 222.8);--fs-success-200: rgb(175.44, 234.12, 197.04);--fs-success-300: rgb(131.24, 222.52, 164.84);--fs-success-400: rgb(82.62, 209.76, 129.42);--fs-success-500: #22c55e;--fs-success-600: rgb(30.96, 169.16, 85.68);--fs-success-700: rgb(27.54, 137.84, 76.32);--fs-success-800: rgb(23.74, 103.04, 65.92);--fs-success-900: rgb(20.32, 71.72, 56.56);--fs-warning-50: rgb(254.2, 247.24, 235.48);--fs-warning-100: rgb(253, 235.6, 206.2);--fs-warning-200: rgb(251.4, 220.08, 167.16);--fs-warning-300: rgb(249.4, 200.68, 118.36);--fs-warning-400: rgb(247.2, 179.34, 64.68);--fs-warning-500: #f59e0b;--fs-warning-600: rgb(208.2, 136.4, 15.96);--fs-warning-700: rgb(166.8, 112.1, 21.54);--fs-warning-800: rgb(120.8, 85.1, 27.74);--fs-warning-900: rgb(79.4, 60.8, 33.32);--fs-danger-50: rgb(254.12, 239.64, 242.12);--fs-danger-100: rgb(252.8, 216.6, 222.8);--fs-danger-200: rgb(251.04, 185.88, 197.04);--fs-danger-300: rgb(248.84, 147.48, 164.84);--fs-danger-400: rgb(246.42, 105.24, 129.42);--fs-danger-500: #f43f5e;--fs-danger-600: rgb(207.36, 56.6, 85.68);--fs-danger-700: rgb(166.14, 49.4, 76.32);--fs-danger-800: rgb(120.34, 41.4, 65.92);--fs-danger-900: rgb(79.12, 34.2, 56.56);--fs-primary-muted: var(--fs-primary-50);--fs-primary-subtle: var(--fs-primary-100);--fs-primary-tint: var(--fs-primary-200);--fs-primary-light: var(--fs-primary-300);--fs-primary-soft: var(--fs-primary-400);--fs-primary-base: var(--fs-primary-500);--fs-primary-hover: var(--fs-primary-600);--fs-primary-active: var(--fs-primary-700);--fs-primary-emphasis: var(--fs-primary-800);--fs-primary-contrast: var(--fs-primary-900);--fs-secondary-muted: var(--fs-secondary-50);--fs-secondary-subtle: var(--fs-secondary-100);--fs-secondary-tint: var(--fs-secondary-200);--fs-secondary-light: var(--fs-secondary-300);--fs-secondary-soft: var(--fs-secondary-400);--fs-secondary-base: var(--fs-secondary-500);--fs-secondary-hover: var(--fs-secondary-600);--fs-secondary-active: var(--fs-secondary-700);--fs-secondary-emphasis: var(--fs-secondary-800);--fs-secondary-contrast: var(--fs-secondary-900);--fs-tertiary-muted: var(--fs-tertiary-50);--fs-tertiary-subtle: var(--fs-tertiary-100);--fs-tertiary-tint: var(--fs-tertiary-200);--fs-tertiary-light: var(--fs-tertiary-300);--fs-tertiary-soft: var(--fs-tertiary-400);--fs-tertiary-base: var(--fs-tertiary-500);--fs-tertiary-hover: var(--fs-tertiary-600);--fs-tertiary-active: var(--fs-tertiary-700);--fs-tertiary-emphasis: var(--fs-tertiary-800);--fs-tertiary-contrast: var(--fs-tertiary-900);--fs-neutral-muted: var(--fs-neutral-50);--fs-neutral-subtle: var(--fs-neutral-100);--fs-neutral-tint: var(--fs-neutral-200);--fs-neutral-light: var(--fs-neutral-300);--fs-neutral-soft: var(--fs-neutral-400);--fs-neutral-base: var(--fs-neutral-500);--fs-neutral-hover: var(--fs-neutral-600);--fs-neutral-active: var(--fs-neutral-700);--fs-neutral-emphasis: var(--fs-neutral-800);--fs-neutral-contrast: var(--fs-neutral-900);--fs-success-muted: var(--fs-success-50);--fs-success-subtle: var(--fs-success-100);--fs-success-tint: var(--fs-success-200);--fs-success-light: var(--fs-success-300);--fs-success-soft: var(--fs-success-400);--fs-success-base: var(--fs-success-500);--fs-success-hover: var(--fs-success-600);--fs-success-active: var(--fs-success-700);--fs-success-emphasis: var(--fs-success-800);--fs-success-contrast: var(--fs-success-900);--fs-warning-muted: var(--fs-warning-50);--fs-warning-subtle: var(--fs-warning-100);--fs-warning-tint: var(--fs-warning-200);--fs-warning-light: var(--fs-warning-300);--fs-warning-soft: var(--fs-warning-400);--fs-warning-base: var(--fs-warning-500);--fs-warning-hover: var(--fs-warning-600);--fs-warning-active: var(--fs-warning-700);--fs-warning-emphasis: var(--fs-warning-800);--fs-warning-contrast: var(--fs-warning-900);--fs-danger-muted: var(--fs-danger-50);--fs-danger-subtle: var(--fs-danger-100);--fs-danger-tint: var(--fs-danger-200);--fs-danger-light: var(--fs-danger-300);--fs-danger-soft: var(--fs-danger-400);--fs-danger-base: var(--fs-danger-500);--fs-danger-hover: var(--fs-danger-600);--fs-danger-active: var(--fs-danger-700);--fs-danger-emphasis: var(--fs-danger-800);--fs-danger-contrast: var(--fs-danger-900);--fs-font-sans: Inter, Segoe UI, system-ui, sans-serif;--fs-font-mono: JetBrains Mono, Fira Code, Cascadia Code, monospace;--fs-font-serif: Georgia, serif;--fs-radius-sm: 4px;--fs-radius-md: 6px;--fs-radius-lg: 8px;--fs-radius-xl: 12px;--fs-radius-full: 9999px;--fs-duration-fast: .1s;--fs-duration-normal: .2s;--fs-duration-slow: .35s;--fs-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--fs-shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .04);--fs-shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--fs-space-1: .25rem;--fs-space-2: .5rem;--fs-space-3: .75rem;--fs-space-4: 1rem;--fs-space-6: 1.5rem;--fs-space-8: 2rem}@media (prefers-color-scheme: dark){:root,[data-theme=dark]{--fs-primary-50: rgb(237.56, 242.52, 253.4);--fs-primary-100: rgb(211.4, 223.8, 251);--fs-primary-200: rgb(176.52, 198.84, 247.8);--fs-primary-300: rgb(132.92, 167.64, 243.8);--fs-primary-400: rgb(84.96, 133.32, 239.4);--fs-primary-500: #2563eb;--fs-primary-600: rgb(33.48, 86.84, 204.12);--fs-primary-700: rgb(29.52, 73.16, 169.38);--fs-primary-800: rgb(25.12, 57.96, 130.78);--fs-primary-900: rgb(21.16, 44.28, 96.04);--fs-secondary-50: rgb(235.72, 247.8, 253.24);--fs-secondary-100: rgb(206.8, 237, 250.6);--fs-secondary-200: rgb(168.24, 222.6, 247.08);--fs-secondary-300: rgb(120.04, 204.6, 242.68);--fs-secondary-400: rgb(67.02, 184.8, 237.84);--fs-secondary-500: #0ea5e9;--fs-secondary-600: rgb(14.16, 142.28, 202.44);--fs-secondary-700: rgb(14.34, 116.72, 168.06);--fs-secondary-800: rgb(14.54, 88.32, 129.86);--fs-secondary-900: rgb(14.72, 62.76, 95.48);--fs-tertiary-50: rgb(237.32, 251.48, 253.64);--fs-tertiary-100: rgb(210.8, 246.2, 251.6);--fs-tertiary-200: rgb(175.44, 239.16, 248.88);--fs-tertiary-300: rgb(131.24, 230.36, 245.48);--fs-tertiary-400: rgb(82.62, 220.68, 241.74);--fs-tertiary-500: #22d3ee;--fs-tertiary-600: rgb(30.96, 180.92, 206.64);--fs-tertiary-700: rgb(27.54, 147.08, 171.36);--fs-tertiary-800: rgb(23.74, 109.48, 132.16);--fs-tertiary-900: rgb(20.32, 75.64, 96.88);--fs-neutral-50: rgb(242.6, 243.88, 245.72);--fs-neutral-100: rgb(224, 227.2, 231.8);--fs-neutral-200: rgb(199.2, 204.96, 213.24);--fs-neutral-300: rgb(168.2, 177.16, 190.04);--fs-neutral-400: rgb(134.1, 146.58, 164.52);--fs-neutral-500: #64748b;--fs-neutral-600: rgb(86.4, 101.12, 123.48);--fs-neutral-700: rgb(71.1, 84.38, 106.02);--fs-neutral-800: rgb(54.1, 65.78, 86.62);--fs-neutral-900: rgb(38.8, 49.04, 69.16);--fs-success-50: rgb(237.32, 250.36, 242.12);--fs-success-100: rgb(210.8, 243.4, 222.8);--fs-success-200: rgb(175.44, 234.12, 197.04);--fs-success-300: rgb(131.24, 222.52, 164.84);--fs-success-400: rgb(82.62, 209.76, 129.42);--fs-success-500: #22c55e;--fs-success-600: rgb(30.96, 169.16, 85.68);--fs-success-700: rgb(27.54, 137.84, 76.32);--fs-success-800: rgb(23.74, 103.04, 65.92);--fs-success-900: rgb(20.32, 71.72, 56.56);--fs-warning-50: rgb(254.2, 247.24, 235.48);--fs-warning-100: rgb(253, 235.6, 206.2);--fs-warning-200: rgb(251.4, 220.08, 167.16);--fs-warning-300: rgb(249.4, 200.68, 118.36);--fs-warning-400: rgb(247.2, 179.34, 64.68);--fs-warning-500: #f59e0b;--fs-warning-600: rgb(208.2, 136.4, 15.96);--fs-warning-700: rgb(166.8, 112.1, 21.54);--fs-warning-800: rgb(120.8, 85.1, 27.74);--fs-warning-900: rgb(79.4, 60.8, 33.32);--fs-danger-50: rgb(254.12, 239.64, 242.12);--fs-danger-100: rgb(252.8, 216.6, 222.8);--fs-danger-200: rgb(251.04, 185.88, 197.04);--fs-danger-300: rgb(248.84, 147.48, 164.84);--fs-danger-400: rgb(246.42, 105.24, 129.42);--fs-danger-500: #f43f5e;--fs-danger-600: rgb(207.36, 56.6, 85.68);--fs-danger-700: rgb(166.14, 49.4, 76.32);--fs-danger-800: rgb(120.34, 41.4, 65.92);--fs-danger-900: rgb(79.12, 34.2, 56.56);--fs-primary-muted: var(--fs-primary-900);--fs-primary-subtle: var(--fs-primary-800);--fs-primary-tint: var(--fs-primary-700);--fs-primary-light: var(--fs-primary-600);--fs-primary-soft: var(--fs-primary-400);--fs-primary-base: var(--fs-primary-500);--fs-primary-hover: var(--fs-primary-400);--fs-primary-active: var(--fs-primary-300);--fs-primary-emphasis: var(--fs-primary-200);--fs-primary-contrast: var(--fs-primary-50);--fs-secondary-muted: var(--fs-secondary-900);--fs-secondary-subtle: var(--fs-secondary-800);--fs-secondary-tint: var(--fs-secondary-700);--fs-secondary-light: var(--fs-secondary-600);--fs-secondary-soft: var(--fs-secondary-400);--fs-secondary-base: var(--fs-secondary-500);--fs-secondary-hover: var(--fs-secondary-400);--fs-secondary-active: var(--fs-secondary-300);--fs-secondary-emphasis: var(--fs-secondary-200);--fs-secondary-contrast: var(--fs-secondary-50);--fs-tertiary-muted: var(--fs-tertiary-900);--fs-tertiary-subtle: var(--fs-tertiary-800);--fs-tertiary-tint: var(--fs-tertiary-700);--fs-tertiary-light: var(--fs-tertiary-600);--fs-tertiary-soft: var(--fs-tertiary-400);--fs-tertiary-base: var(--fs-tertiary-500);--fs-tertiary-hover: var(--fs-tertiary-400);--fs-tertiary-active: var(--fs-tertiary-300);--fs-tertiary-emphasis: var(--fs-tertiary-200);--fs-tertiary-contrast: var(--fs-tertiary-50);--fs-neutral-muted: var(--fs-neutral-900);--fs-neutral-subtle: var(--fs-neutral-800);--fs-neutral-base: var(--fs-neutral-500);--fs-neutral-hover: var(--fs-neutral-400);--fs-neutral-active: var(--fs-neutral-300);--fs-neutral-contrast: var(--fs-neutral-50);--fs-danger-muted: var(--fs-danger-900);--fs-danger-base: var(--fs-danger-500);--fs-danger-hover: var(--fs-danger-400);--fs-danger-contrast: var(--fs-danger-50);--fs-success-muted: var(--fs-success-900);--fs-success-base: var(--fs-success-500);--fs-success-hover: var(--fs-success-400);--fs-success-contrast: var(--fs-success-50);--fs-warning-muted: var(--fs-warning-900);--fs-warning-base: var(--fs-warning-500);--fs-warning-hover: var(--fs-warning-400);--fs-warning-contrast: var(--fs-warning-50)}}:root,[data-theme=dark]{--fs-tab-bg: #0d1117;--fs-tab-color: rgba(255, 255, 255, .4);--fs-tab-color-hover: rgba(255, 255, 255, .7);--fs-tab-color-active: #ffffff;--fs-tab-border: rgba(255, 255, 255, .08);--fs-tab-hover-bg: rgba(255, 255, 255, .03);--fs-tab-indicator-from: var(--fs-primary-base);--fs-tab-indicator-to: var(--fs-tertiary-base);--fs-tab-indicator-glow: rgba(34, 211, 238, .45)}.fs-tabs{--fs-tab-bg: #0d1117;--fs-tab-color: rgba(255, 255, 255, .4);--fs-tab-color-hover: rgba(255, 255, 255, .7);--fs-tab-color-active: #ffffff;--fs-tab-border: rgba(255, 255, 255, .08);--fs-tab-hover-bg: rgba(255, 255, 255, .03);--fs-tab-indicator-from: var(--fs-primary-base);--fs-tab-indicator-to: var(--fs-tertiary-base);--fs-tab-indicator-glow: rgba(34, 211, 238, .45);--fs-tab-radius: 8px;display:flex;flex-direction:column;width:100%}.fs-tabs__header{display:flex;position:relative;width:100%;background:var(--fs-tab-bg);border-radius:var(--fs-tab-radius) var(--fs-tab-radius) 0 0;border-bottom:1px solid var(--fs-tab-border);overflow:hidden}.fs-tabs__item{flex:1;padding:14px 8px;font-size:.875rem;font-weight:500;color:var(--fs-tab-color);background:transparent;border:none;cursor:pointer;font-family:Inter,Segoe UI,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;position:relative;z-index:1;transition:color .2s cubic-bezier(.4,0,.2,1),background .1s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;line-height:1}.fs-tabs__item:hover:not(.fs-tabs__item--disabled):not(.fs-tabs__item--active){color:var(--fs-tab-color-hover);background:var(--fs-tab-hover-bg)}.fs-tabs__item--active{color:var(--fs-tab-color-active);font-weight:600}.fs-tabs__item--disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.fs-tabs__item:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--fs-primary-base)}.fs-tabs__indicator{position:absolute;bottom:0;height:2px;border-radius:2px 2px 0 0;background:linear-gradient(90deg,var(--fs-tab-indicator-from) 0%,var(--fs-tab-indicator-to) 100%);box-shadow:0 0 10px var(--fs-tab-indicator-glow);transition:left .26s cubic-bezier(.4,0,.2,1),width .26s cubic-bezier(.4,0,.2,1)}.fs-tabs__content{flex:1;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FsTabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fs-tabs', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fs-tabs\">\n\n  <!-- encabezado -->\n  <div class=\"fs-tabs__header\" #tabsRow role=\"tablist\">\n\n    <button\n      *ngFor=\"let tab of tabs\"\n      class=\"fs-tabs__item\"\n      [class.fs-tabs__item--active]=\"isActive(tab)\"\n      [class.fs-tabs__item--disabled]=\"tab.disabled\"\n      role=\"tab\"\n      [attr.aria-selected]=\"isActive(tab)\"\n      [attr.aria-disabled]=\"tab.disabled\"\n      [disabled]=\"tab.disabled\"\n      (click)=\"selectTab(tab)\"\n    >\n      {{ tab.label }}\n    </button>\n\n    <!-- indicator deslizante -->\n    <span\n      class=\"fs-tabs__indicator\"\n      [style.left.px]=\"indicatorLeft\"\n      [style.width.px]=\"indicatorWidth\"\n      aria-hidden=\"true\"\n    ></span>\n\n  </div>\n\n  <!-- contenido v\u00EDa content projection -->\n  <div class=\"fs-tabs__content\" role=\"tabpanel\">\n    <ng-content></ng-content>\n  </div>\n\n</div>\n", styles: [":root,[data-theme=dark]{--fs-primary-50: rgb(237.56, 242.52, 253.4);--fs-primary-100: rgb(211.4, 223.8, 251);--fs-primary-200: rgb(176.52, 198.84, 247.8);--fs-primary-300: rgb(132.92, 167.64, 243.8);--fs-primary-400: rgb(84.96, 133.32, 239.4);--fs-primary-500: #2563eb;--fs-primary-600: rgb(33.48, 86.84, 204.12);--fs-primary-700: rgb(29.52, 73.16, 169.38);--fs-primary-800: rgb(25.12, 57.96, 130.78);--fs-primary-900: rgb(21.16, 44.28, 96.04);--fs-secondary-50: rgb(235.72, 247.8, 253.24);--fs-secondary-100: rgb(206.8, 237, 250.6);--fs-secondary-200: rgb(168.24, 222.6, 247.08);--fs-secondary-300: rgb(120.04, 204.6, 242.68);--fs-secondary-400: rgb(67.02, 184.8, 237.84);--fs-secondary-500: #0ea5e9;--fs-secondary-600: rgb(14.16, 142.28, 202.44);--fs-secondary-700: rgb(14.34, 116.72, 168.06);--fs-secondary-800: rgb(14.54, 88.32, 129.86);--fs-secondary-900: rgb(14.72, 62.76, 95.48);--fs-tertiary-50: rgb(237.32, 251.48, 253.64);--fs-tertiary-100: rgb(210.8, 246.2, 251.6);--fs-tertiary-200: rgb(175.44, 239.16, 248.88);--fs-tertiary-300: rgb(131.24, 230.36, 245.48);--fs-tertiary-400: rgb(82.62, 220.68, 241.74);--fs-tertiary-500: #22d3ee;--fs-tertiary-600: rgb(30.96, 180.92, 206.64);--fs-tertiary-700: rgb(27.54, 147.08, 171.36);--fs-tertiary-800: rgb(23.74, 109.48, 132.16);--fs-tertiary-900: rgb(20.32, 75.64, 96.88);--fs-neutral-50: rgb(242.6, 243.88, 245.72);--fs-neutral-100: rgb(224, 227.2, 231.8);--fs-neutral-200: rgb(199.2, 204.96, 213.24);--fs-neutral-300: rgb(168.2, 177.16, 190.04);--fs-neutral-400: rgb(134.1, 146.58, 164.52);--fs-neutral-500: #64748b;--fs-neutral-600: rgb(86.4, 101.12, 123.48);--fs-neutral-700: rgb(71.1, 84.38, 106.02);--fs-neutral-800: rgb(54.1, 65.78, 86.62);--fs-neutral-900: rgb(38.8, 49.04, 69.16);--fs-success-50: rgb(237.32, 250.36, 242.12);--fs-success-100: rgb(210.8, 243.4, 222.8);--fs-success-200: rgb(175.44, 234.12, 197.04);--fs-success-300: rgb(131.24, 222.52, 164.84);--fs-success-400: rgb(82.62, 209.76, 129.42);--fs-success-500: #22c55e;--fs-success-600: rgb(30.96, 169.16, 85.68);--fs-success-700: rgb(27.54, 137.84, 76.32);--fs-success-800: rgb(23.74, 103.04, 65.92);--fs-success-900: rgb(20.32, 71.72, 56.56);--fs-warning-50: rgb(254.2, 247.24, 235.48);--fs-warning-100: rgb(253, 235.6, 206.2);--fs-warning-200: rgb(251.4, 220.08, 167.16);--fs-warning-300: rgb(249.4, 200.68, 118.36);--fs-warning-400: rgb(247.2, 179.34, 64.68);--fs-warning-500: #f59e0b;--fs-warning-600: rgb(208.2, 136.4, 15.96);--fs-warning-700: rgb(166.8, 112.1, 21.54);--fs-warning-800: rgb(120.8, 85.1, 27.74);--fs-warning-900: rgb(79.4, 60.8, 33.32);--fs-danger-50: rgb(254.12, 239.64, 242.12);--fs-danger-100: rgb(252.8, 216.6, 222.8);--fs-danger-200: rgb(251.04, 185.88, 197.04);--fs-danger-300: rgb(248.84, 147.48, 164.84);--fs-danger-400: rgb(246.42, 105.24, 129.42);--fs-danger-500: #f43f5e;--fs-danger-600: rgb(207.36, 56.6, 85.68);--fs-danger-700: rgb(166.14, 49.4, 76.32);--fs-danger-800: rgb(120.34, 41.4, 65.92);--fs-danger-900: rgb(79.12, 34.2, 56.56);--fs-primary-muted: var(--fs-primary-50);--fs-primary-subtle: var(--fs-primary-100);--fs-primary-tint: var(--fs-primary-200);--fs-primary-light: var(--fs-primary-300);--fs-primary-soft: var(--fs-primary-400);--fs-primary-base: var(--fs-primary-500);--fs-primary-hover: var(--fs-primary-600);--fs-primary-active: var(--fs-primary-700);--fs-primary-emphasis: var(--fs-primary-800);--fs-primary-contrast: var(--fs-primary-900);--fs-secondary-muted: var(--fs-secondary-50);--fs-secondary-subtle: var(--fs-secondary-100);--fs-secondary-tint: var(--fs-secondary-200);--fs-secondary-light: var(--fs-secondary-300);--fs-secondary-soft: var(--fs-secondary-400);--fs-secondary-base: var(--fs-secondary-500);--fs-secondary-hover: var(--fs-secondary-600);--fs-secondary-active: var(--fs-secondary-700);--fs-secondary-emphasis: var(--fs-secondary-800);--fs-secondary-contrast: var(--fs-secondary-900);--fs-tertiary-muted: var(--fs-tertiary-50);--fs-tertiary-subtle: var(--fs-tertiary-100);--fs-tertiary-tint: var(--fs-tertiary-200);--fs-tertiary-light: var(--fs-tertiary-300);--fs-tertiary-soft: var(--fs-tertiary-400);--fs-tertiary-base: var(--fs-tertiary-500);--fs-tertiary-hover: var(--fs-tertiary-600);--fs-tertiary-active: var(--fs-tertiary-700);--fs-tertiary-emphasis: var(--fs-tertiary-800);--fs-tertiary-contrast: var(--fs-tertiary-900);--fs-neutral-muted: var(--fs-neutral-50);--fs-neutral-subtle: var(--fs-neutral-100);--fs-neutral-tint: var(--fs-neutral-200);--fs-neutral-light: var(--fs-neutral-300);--fs-neutral-soft: var(--fs-neutral-400);--fs-neutral-base: var(--fs-neutral-500);--fs-neutral-hover: var(--fs-neutral-600);--fs-neutral-active: var(--fs-neutral-700);--fs-neutral-emphasis: var(--fs-neutral-800);--fs-neutral-contrast: var(--fs-neutral-900);--fs-success-muted: var(--fs-success-50);--fs-success-subtle: var(--fs-success-100);--fs-success-tint: var(--fs-success-200);--fs-success-light: var(--fs-success-300);--fs-success-soft: var(--fs-success-400);--fs-success-base: var(--fs-success-500);--fs-success-hover: var(--fs-success-600);--fs-success-active: var(--fs-success-700);--fs-success-emphasis: var(--fs-success-800);--fs-success-contrast: var(--fs-success-900);--fs-warning-muted: var(--fs-warning-50);--fs-warning-subtle: var(--fs-warning-100);--fs-warning-tint: var(--fs-warning-200);--fs-warning-light: var(--fs-warning-300);--fs-warning-soft: var(--fs-warning-400);--fs-warning-base: var(--fs-warning-500);--fs-warning-hover: var(--fs-warning-600);--fs-warning-active: var(--fs-warning-700);--fs-warning-emphasis: var(--fs-warning-800);--fs-warning-contrast: var(--fs-warning-900);--fs-danger-muted: var(--fs-danger-50);--fs-danger-subtle: var(--fs-danger-100);--fs-danger-tint: var(--fs-danger-200);--fs-danger-light: var(--fs-danger-300);--fs-danger-soft: var(--fs-danger-400);--fs-danger-base: var(--fs-danger-500);--fs-danger-hover: var(--fs-danger-600);--fs-danger-active: var(--fs-danger-700);--fs-danger-emphasis: var(--fs-danger-800);--fs-danger-contrast: var(--fs-danger-900);--fs-font-sans: Inter, Segoe UI, system-ui, sans-serif;--fs-font-mono: JetBrains Mono, Fira Code, Cascadia Code, monospace;--fs-font-serif: Georgia, serif;--fs-radius-sm: 4px;--fs-radius-md: 6px;--fs-radius-lg: 8px;--fs-radius-xl: 12px;--fs-radius-full: 9999px;--fs-duration-fast: .1s;--fs-duration-normal: .2s;--fs-duration-slow: .35s;--fs-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--fs-shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .04);--fs-shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--fs-space-1: .25rem;--fs-space-2: .5rem;--fs-space-3: .75rem;--fs-space-4: 1rem;--fs-space-6: 1.5rem;--fs-space-8: 2rem}@media (prefers-color-scheme: dark){:root,[data-theme=dark]{--fs-primary-50: rgb(237.56, 242.52, 253.4);--fs-primary-100: rgb(211.4, 223.8, 251);--fs-primary-200: rgb(176.52, 198.84, 247.8);--fs-primary-300: rgb(132.92, 167.64, 243.8);--fs-primary-400: rgb(84.96, 133.32, 239.4);--fs-primary-500: #2563eb;--fs-primary-600: rgb(33.48, 86.84, 204.12);--fs-primary-700: rgb(29.52, 73.16, 169.38);--fs-primary-800: rgb(25.12, 57.96, 130.78);--fs-primary-900: rgb(21.16, 44.28, 96.04);--fs-secondary-50: rgb(235.72, 247.8, 253.24);--fs-secondary-100: rgb(206.8, 237, 250.6);--fs-secondary-200: rgb(168.24, 222.6, 247.08);--fs-secondary-300: rgb(120.04, 204.6, 242.68);--fs-secondary-400: rgb(67.02, 184.8, 237.84);--fs-secondary-500: #0ea5e9;--fs-secondary-600: rgb(14.16, 142.28, 202.44);--fs-secondary-700: rgb(14.34, 116.72, 168.06);--fs-secondary-800: rgb(14.54, 88.32, 129.86);--fs-secondary-900: rgb(14.72, 62.76, 95.48);--fs-tertiary-50: rgb(237.32, 251.48, 253.64);--fs-tertiary-100: rgb(210.8, 246.2, 251.6);--fs-tertiary-200: rgb(175.44, 239.16, 248.88);--fs-tertiary-300: rgb(131.24, 230.36, 245.48);--fs-tertiary-400: rgb(82.62, 220.68, 241.74);--fs-tertiary-500: #22d3ee;--fs-tertiary-600: rgb(30.96, 180.92, 206.64);--fs-tertiary-700: rgb(27.54, 147.08, 171.36);--fs-tertiary-800: rgb(23.74, 109.48, 132.16);--fs-tertiary-900: rgb(20.32, 75.64, 96.88);--fs-neutral-50: rgb(242.6, 243.88, 245.72);--fs-neutral-100: rgb(224, 227.2, 231.8);--fs-neutral-200: rgb(199.2, 204.96, 213.24);--fs-neutral-300: rgb(168.2, 177.16, 190.04);--fs-neutral-400: rgb(134.1, 146.58, 164.52);--fs-neutral-500: #64748b;--fs-neutral-600: rgb(86.4, 101.12, 123.48);--fs-neutral-700: rgb(71.1, 84.38, 106.02);--fs-neutral-800: rgb(54.1, 65.78, 86.62);--fs-neutral-900: rgb(38.8, 49.04, 69.16);--fs-success-50: rgb(237.32, 250.36, 242.12);--fs-success-100: rgb(210.8, 243.4, 222.8);--fs-success-200: rgb(175.44, 234.12, 197.04);--fs-success-300: rgb(131.24, 222.52, 164.84);--fs-success-400: rgb(82.62, 209.76, 129.42);--fs-success-500: #22c55e;--fs-success-600: rgb(30.96, 169.16, 85.68);--fs-success-700: rgb(27.54, 137.84, 76.32);--fs-success-800: rgb(23.74, 103.04, 65.92);--fs-success-900: rgb(20.32, 71.72, 56.56);--fs-warning-50: rgb(254.2, 247.24, 235.48);--fs-warning-100: rgb(253, 235.6, 206.2);--fs-warning-200: rgb(251.4, 220.08, 167.16);--fs-warning-300: rgb(249.4, 200.68, 118.36);--fs-warning-400: rgb(247.2, 179.34, 64.68);--fs-warning-500: #f59e0b;--fs-warning-600: rgb(208.2, 136.4, 15.96);--fs-warning-700: rgb(166.8, 112.1, 21.54);--fs-warning-800: rgb(120.8, 85.1, 27.74);--fs-warning-900: rgb(79.4, 60.8, 33.32);--fs-danger-50: rgb(254.12, 239.64, 242.12);--fs-danger-100: rgb(252.8, 216.6, 222.8);--fs-danger-200: rgb(251.04, 185.88, 197.04);--fs-danger-300: rgb(248.84, 147.48, 164.84);--fs-danger-400: rgb(246.42, 105.24, 129.42);--fs-danger-500: #f43f5e;--fs-danger-600: rgb(207.36, 56.6, 85.68);--fs-danger-700: rgb(166.14, 49.4, 76.32);--fs-danger-800: rgb(120.34, 41.4, 65.92);--fs-danger-900: rgb(79.12, 34.2, 56.56);--fs-primary-muted: var(--fs-primary-900);--fs-primary-subtle: var(--fs-primary-800);--fs-primary-tint: var(--fs-primary-700);--fs-primary-light: var(--fs-primary-600);--fs-primary-soft: var(--fs-primary-400);--fs-primary-base: var(--fs-primary-500);--fs-primary-hover: var(--fs-primary-400);--fs-primary-active: var(--fs-primary-300);--fs-primary-emphasis: var(--fs-primary-200);--fs-primary-contrast: var(--fs-primary-50);--fs-secondary-muted: var(--fs-secondary-900);--fs-secondary-subtle: var(--fs-secondary-800);--fs-secondary-tint: var(--fs-secondary-700);--fs-secondary-light: var(--fs-secondary-600);--fs-secondary-soft: var(--fs-secondary-400);--fs-secondary-base: var(--fs-secondary-500);--fs-secondary-hover: var(--fs-secondary-400);--fs-secondary-active: var(--fs-secondary-300);--fs-secondary-emphasis: var(--fs-secondary-200);--fs-secondary-contrast: var(--fs-secondary-50);--fs-tertiary-muted: var(--fs-tertiary-900);--fs-tertiary-subtle: var(--fs-tertiary-800);--fs-tertiary-tint: var(--fs-tertiary-700);--fs-tertiary-light: var(--fs-tertiary-600);--fs-tertiary-soft: var(--fs-tertiary-400);--fs-tertiary-base: var(--fs-tertiary-500);--fs-tertiary-hover: var(--fs-tertiary-400);--fs-tertiary-active: var(--fs-tertiary-300);--fs-tertiary-emphasis: var(--fs-tertiary-200);--fs-tertiary-contrast: var(--fs-tertiary-50);--fs-neutral-muted: var(--fs-neutral-900);--fs-neutral-subtle: var(--fs-neutral-800);--fs-neutral-base: var(--fs-neutral-500);--fs-neutral-hover: var(--fs-neutral-400);--fs-neutral-active: var(--fs-neutral-300);--fs-neutral-contrast: var(--fs-neutral-50);--fs-danger-muted: var(--fs-danger-900);--fs-danger-base: var(--fs-danger-500);--fs-danger-hover: var(--fs-danger-400);--fs-danger-contrast: var(--fs-danger-50);--fs-success-muted: var(--fs-success-900);--fs-success-base: var(--fs-success-500);--fs-success-hover: var(--fs-success-400);--fs-success-contrast: var(--fs-success-50);--fs-warning-muted: var(--fs-warning-900);--fs-warning-base: var(--fs-warning-500);--fs-warning-hover: var(--fs-warning-400);--fs-warning-contrast: var(--fs-warning-50)}}:root,[data-theme=dark]{--fs-tab-bg: #0d1117;--fs-tab-color: rgba(255, 255, 255, .4);--fs-tab-color-hover: rgba(255, 255, 255, .7);--fs-tab-color-active: #ffffff;--fs-tab-border: rgba(255, 255, 255, .08);--fs-tab-hover-bg: rgba(255, 255, 255, .03);--fs-tab-indicator-from: var(--fs-primary-base);--fs-tab-indicator-to: var(--fs-tertiary-base);--fs-tab-indicator-glow: rgba(34, 211, 238, .45)}.fs-tabs{--fs-tab-bg: #0d1117;--fs-tab-color: rgba(255, 255, 255, .4);--fs-tab-color-hover: rgba(255, 255, 255, .7);--fs-tab-color-active: #ffffff;--fs-tab-border: rgba(255, 255, 255, .08);--fs-tab-hover-bg: rgba(255, 255, 255, .03);--fs-tab-indicator-from: var(--fs-primary-base);--fs-tab-indicator-to: var(--fs-tertiary-base);--fs-tab-indicator-glow: rgba(34, 211, 238, .45);--fs-tab-radius: 8px;display:flex;flex-direction:column;width:100%}.fs-tabs__header{display:flex;position:relative;width:100%;background:var(--fs-tab-bg);border-radius:var(--fs-tab-radius) var(--fs-tab-radius) 0 0;border-bottom:1px solid var(--fs-tab-border);overflow:hidden}.fs-tabs__item{flex:1;padding:14px 8px;font-size:.875rem;font-weight:500;color:var(--fs-tab-color);background:transparent;border:none;cursor:pointer;font-family:Inter,Segoe UI,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;position:relative;z-index:1;transition:color .2s cubic-bezier(.4,0,.2,1),background .1s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;line-height:1}.fs-tabs__item:hover:not(.fs-tabs__item--disabled):not(.fs-tabs__item--active){color:var(--fs-tab-color-hover);background:var(--fs-tab-hover-bg)}.fs-tabs__item--active{color:var(--fs-tab-color-active);font-weight:600}.fs-tabs__item--disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.fs-tabs__item:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--fs-primary-base)}.fs-tabs__indicator{position:absolute;bottom:0;height:2px;border-radius:2px 2px 0 0;background:linear-gradient(90deg,var(--fs-tab-indicator-from) 0%,var(--fs-tab-indicator-to) 100%);box-shadow:0 0 10px var(--fs-tab-indicator-glow);transition:left .26s cubic-bezier(.4,0,.2,1),width .26s cubic-bezier(.4,0,.2,1)}.fs-tabs__content{flex:1;width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { tabs: [{
+                type: Input
+            }], activeTab: [{
+                type: Input
+            }], activeTabChange: [{
+                type: Output
+            }], tabChange: [{
+                type: Output
+            }], tabsRow: [{
+                type: ViewChild,
+                args: ['tabsRow']
+            }] } });
+
 /*
  * Public API Surface of fsociety
  */
@@ -385,5 +465,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { FsAlertComponent, FsExperienceCardComponent, FsProfileCardComponent, FsocietyComponent, FsocietyService };
+export { FsAlertComponent, FsExperienceCardComponent, FsProfileCardComponent, FsTabsComponent, FsocietyComponent, FsocietyService };
 //# sourceMappingURL=heroelc-fsociety.mjs.map

package/fesm2022/heroelc-fsociety.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"heroelc-fsociety.mjs","sources":["../../../projects/fsociety/src/lib/fsociety.service.ts","../../../projects/fsociety/src/lib/fsociety.component.ts","../../../projects/fsociety/src/lib/badge/badge.component.ts","../../../projects/fsociety/src/lib/badge/badge.component.html","../../../projects/fsociety/src/lib/experience-card/experience-card.component.ts","../../../projects/fsociety/src/lib/experience-card/experience-card.component.html","../../../projects/fsociety/src/lib/profile-card/profile-card.component.ts","../../../projects/fsociety/src/lib/profile-card/profile-card.component.html","../../../projects/fsociety/src/lib/alert/alert.component.ts","../../../projects/fsociety/src/lib/alert/alert.component.html","../../../projects/fsociety/src/public-api.ts","../../../projects/fsociety/src/heroelc-fsociety.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class FsocietyService {\r\n\r\n  constructor() { }\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'fs-fsociety',\r\n  imports: [],\r\n  template: `\r\n    <p>\r\n      fsociety works!\r\n    </p>\r\n  `,\r\n  styles: ``\r\n})\r\nexport class FsocietyComponent {\r\n\r\n}\r\n","import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nexport type FsBadgeColor   = 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger' | 'neutral';\nexport type FsBadgeVariant = 'filled' | 'outline';\nexport type FsBadgeSize    = 'sm' | 'md';\n\n@Component({\n  selector: 'fs-badge',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './badge.component.html',\n  styleUrl: './badge.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsBadgeComponent {\n\n  /** Color semántico del badge */\n  @Input() color: FsBadgeColor = 'neutral';\n\n  /** Filled = fondo sutil · outline = solo borde */\n  @Input() variant: FsBadgeVariant = 'filled';\n\n  /** Tamaño */\n  @Input() size: FsBadgeSize = 'md';\n\n  /** Texto del badge (alternativa al content projection) */\n  @Input() label?: string;\n\n  /** Muestra punto de estado a la izquierda */\n  @Input() dot = false;\n\n  /**\n   * SVG path del ícono izquierdo.\n   * Ejemplo: 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10...'\n   */\n  @Input() iconLeft?: string;\n\n  /**\n   * SVG path del ícono derecho.\n   */\n  @Input() iconRight?: string;\n\n  /**\n   * Modo solo ícono — oculta el label y hace el badge cuadrado/circular.\n   * Requiere iconLeft o iconRight.\n   */\n  @Input() iconOnly = false;\n\n  /** Badge removible — muestra botón X */\n  @Input() removable = false;\n\n  /** Emite cuando se clickea el botón remove */\n  @Output() removed = new EventEmitter<void>();\n\n  get classes(): Record<string, boolean> {\n    return {\n      [`fs-badge--${this.color}`]:   true,\n      [`fs-badge--${this.variant}`]: true,\n      [`fs-badge--${this.size}`]:    true,\n      'fs-badge--dot':               this.dot,\n      'fs-badge--icon-only':         this.iconOnly,\n      'fs-badge--removable':         this.removable,\n    };\n  }\n\n  onRemove(event: MouseEvent): void {\n    event.stopPropagation();\n    this.removed.emit();\n  }\n}\n","<span class=\"fs-badge\" [ngClass]=\"classes\">\n\n  <!-- dot de estado -->\n  <span *ngIf=\"dot\" class=\"fs-badge__dot\" aria-hidden=\"true\"></span>\n\n  <!-- ícono izquierdo -->\n  <span *ngIf=\"iconLeft\" class=\"fs-badge__icon fs-badge__icon--left\" aria-hidden=\"true\">\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n      <path [attr.d]=\"iconLeft\" stroke=\"currentColor\" stroke-width=\"1.5\"\n        stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>\n  </span>\n\n  <!-- label — oculto en iconOnly -->\n  <span *ngIf=\"!iconOnly\" class=\"fs-badge__label\">\n    <ng-content>{{ label }}</ng-content>\n  </span>\n\n  <!-- ícono derecho -->\n  <span *ngIf=\"iconRight\" class=\"fs-badge__icon fs-badge__icon--right\" aria-hidden=\"true\">\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n      <path [attr.d]=\"iconRight\" stroke=\"currentColor\" stroke-width=\"1.5\"\n        stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>\n  </span>\n\n  <!-- botón remove -->\n  <button\n    *ngIf=\"removable\"\n    class=\"fs-badge__remove\"\n    type=\"button\"\n    aria-label=\"Remover\"\n    (click)=\"onRemove($event)\"\n  >\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\">\n      <path d=\"M2 2l6 6M8 2L2 8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n    </svg>\n  </button>\n\n</span>\n","import {\n  Component,\n  Input,\n  OnInit,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FsBadgeComponent, FsBadgeColor } from '../badge/badge.component';\n\nexport interface FsExperienceBadge {\n  label: string;\n  color?: FsBadgeColor;\n  iconLeft?: string;\n}\n\nexport interface FsExperienceCard {\n  /** Nombre de la empresa */\n  company: string;\n\n  /** Rol / puesto */\n  role: string;\n\n  /** Fecha de inicio — formato libre: 'abr 2022' */\n  startDate: string;\n\n  /** Fecha de fin — omitir si es trabajo actual */\n  endDate?: string;\n\n  /** Marca el trabajo como actual — muestra dot verde y \"actualidad\" */\n  current?: boolean;\n\n  /** Logo de la empresa — URL de imagen */\n  logoUrl?: string;\n\n  /** Texto corto para el logo cuando no hay imagen: 'X CALE' */\n  logoText?: string;\n\n  /** Lista de responsabilidades / bullets */\n  bullets?: string[];\n\n  /** Cuántos bullets mostrar antes del \"ver más\" */\n  bulletsPreview?: number;\n\n  /** Badges de tecnologías */\n  badges?: FsExperienceBadge[];\n}\n\n@Component({\n  selector: 'fs-experience-card',\n  standalone: true,\n  imports: [CommonModule, FsBadgeComponent],\n  templateUrl: './experience-card.component.html',\n  styleUrl: './experience-card.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsExperienceCardComponent implements OnInit {\n\n  /** Datos de la experiencia */\n  @Input() experience!: FsExperienceCard;\n\n  /** Variante de presentación */\n  @Input() variant: 'full' | 'compact' = 'full';\n\n  /** Muestra la línea vertical de timeline a la izquierda */\n  @Input() timeline = false;\n\n  /** Si es el último item del timeline (no dibuja la línea hacia abajo) */\n  @Input() timelineLast = false;\n\n  expanded = false;\n\n  get hasBullets(): boolean {\n    return !!(this.experience?.bullets?.length);\n  }\n\n  get visibleBullets(): string[] {\n    if (!this.experience?.bullets) return [];\n    const preview = this.experience.bulletsPreview ?? 3;\n    return this.expanded\n      ? this.experience.bullets\n      : this.experience.bullets.slice(0, preview);\n  }\n\n  get hasMoreBullets(): boolean {\n    if (!this.experience?.bullets) return false;\n    const preview = this.experience.bulletsPreview ?? 3;\n    return this.experience.bullets.length > preview;\n  }\n\n  get duration(): string {\n    return this.calculateDuration();\n  }\n\n  get isCurrent(): boolean {\n    return this.experience?.current ?? false;\n  }\n\n  ngOnInit(): void {\n    this.expanded = false;\n  }\n\n  toggleExpand(): void {\n    this.expanded = !this.expanded;\n  }\n\n  private calculateDuration(): string {\n    if (!this.experience?.startDate) return '';\n\n    const start = this.parseDate(this.experience.startDate);\n    const end   = this.experience.current || !this.experience.endDate\n      ? new Date()\n      : this.parseDate(this.experience.endDate);\n\n    if (!start || !end) return '';\n\n    let months = (end.getFullYear() - start.getFullYear()) * 12\n               + (end.getMonth() - start.getMonth());\n\n    const years  = Math.floor(months / 12);\n    const remain = months % 12;\n\n    const parts: string[] = [];\n    if (years > 0)  parts.push(`${years} ${years === 1 ? 'año' : 'años'}`);\n    if (remain > 0) parts.push(`${remain} ${remain === 1 ? 'mes' : 'meses'}`);\n\n    return parts.join(' ');\n  }\n\n  private parseDate(dateStr: string): Date | null {\n    const months: Record<string, number> = {\n      ene: 0, feb: 1, mar: 2, abr: 3, may: 4, jun: 5,\n      jul: 6, ago: 7, sep: 8, oct: 9, nov: 10, dic: 11,\n    };\n\n    const parts = dateStr.trim().toLowerCase().split(' ');\n    if (parts.length === 2) {\n      const month = months[parts[0]];\n      const year  = parseInt(parts[1], 10);\n      if (month !== undefined && !isNaN(year)) {\n        return new Date(year, month, 1);\n      }\n    }\n\n    // fallback: intentar parsear como fecha estándar\n    const d = new Date(dateStr);\n    return isNaN(d.getTime()) ? null : d;\n  }\n}\n","<div\n  class=\"fs-exp\"\n  [class.fs-exp--compact]=\"variant === 'compact'\"\n  [class.fs-exp--timeline]=\"timeline\"\n  [class.fs-exp--timeline-last]=\"timeline && timelineLast\"\n>\n\n  <!-- línea vertical de timeline -->\n  <div *ngIf=\"timeline\" class=\"fs-exp__timeline-line\"></div>\n\n  <!-- dot del timeline -->\n  <div *ngIf=\"timeline\" class=\"fs-exp__timeline-dot\"\n    [class.fs-exp__timeline-dot--current]=\"isCurrent\">\n  </div>\n\n  <!-- card -->\n  <div class=\"fs-exp__card\">\n\n    <!-- header -->\n    <div class=\"fs-exp__header\">\n\n      <!-- logo -->\n      <div class=\"fs-exp__logo\">\n        <img\n          *ngIf=\"experience.logoUrl\"\n          [src]=\"experience.logoUrl\"\n          [alt]=\"experience.company\"\n          class=\"fs-exp__logo-img\"\n        />\n        <span *ngIf=\"!experience.logoUrl\" class=\"fs-exp__logo-text\">\n          {{ experience.logoText || experience.company.slice(0, 4).toUpperCase() }}\n        </span>\n      </div>\n\n      <!-- info -->\n      <div class=\"fs-exp__info\">\n        <div class=\"fs-exp__company\">{{ experience.company }}</div>\n        <div class=\"fs-exp__role\">{{ experience.role }}</div>\n        <div class=\"fs-exp__date\">\n          <span\n            class=\"fs-exp__dot\"\n            [class.fs-exp__dot--current]=\"isCurrent\"\n          ></span>\n          <span>\n            {{ experience.startDate }} –\n            {{ experience.current ? 'actualidad' : experience.endDate }}\n          </span>\n          <span *ngIf=\"duration\" class=\"fs-exp__duration\">\n            · {{ duration }}\n          </span>\n        </div>\n      </div>\n\n    </div>\n\n    <!-- cuerpo — solo en variante full -->\n    <ng-container *ngIf=\"variant === 'full'\">\n\n      <div *ngIf=\"hasBullets || experience.badges?.length\" class=\"fs-exp__divider\"></div>\n\n      <!-- bullets -->\n      <ul *ngIf=\"hasBullets\" class=\"fs-exp__bullets\">\n        <li *ngFor=\"let bullet of visibleBullets\" class=\"fs-exp__bullet\">\n          <span class=\"fs-exp__bullet-arrow\" aria-hidden=\"true\">▸</span>\n          <span>{{ bullet }}</span>\n        </li>\n      </ul>\n\n      <!-- toggle ver más / menos -->\n      <button\n        *ngIf=\"hasMoreBullets\"\n        class=\"fs-exp__toggle\"\n        type=\"button\"\n        (click)=\"toggleExpand()\"\n      >\n        <svg\n          class=\"fs-exp__toggle-icon\"\n          [class.fs-exp__toggle-icon--open]=\"expanded\"\n          width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"\n        >\n          <path d=\"M3 4.5l3 3 3-3\"\n            stroke=\"currentColor\" stroke-width=\"1.5\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        </svg>\n        {{ expanded ? 'ver menos' : 'ver más' }}\n      </button>\n\n      <!-- badges -->\n      <div *ngIf=\"experience.badges?.length\" class=\"fs-exp__badges\">\n        <fs-badge\n          *ngFor=\"let badge of experience.badges\"\n          [color]=\"badge.color || 'neutral'\"\n          [iconLeft]=\"badge.iconLeft\"\n          variant=\"filled\"\n          size=\"sm\"\n        >{{ badge.label }}</fs-badge>\n      </div>\n\n    </ng-container>\n\n  </div>\n</div>\n","import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FsBadgeComponent, FsBadgeColor } from '../badge/badge.component';\n\nexport interface FsProfileStat {\n  /** Valor principal: '4+', '985', '12' */\n  value: string | number;\n  /** Etiqueta debajo del valor */\n  label: string;\n}\n\nexport interface FsProfileLink {\n  /** Texto visible */\n  label: string;\n  /** URL destino */\n  url?: string;\n  /** SVG path del ícono (viewBox 0 0 16 16) */\n  icon?: string;\n}\n\nexport interface FsProfileBadge {\n  label:     string;\n  color?:    FsBadgeColor;\n  iconLeft?: string;\n}\n\n@Component({\n  selector: 'fs-profile-card',\n  standalone: true,\n  imports: [CommonModule, FsBadgeComponent],\n  templateUrl: './profile-card.component.html',\n  styleUrl: './profile-card.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsProfileCardComponent {\n\n  // -------------------------------------------------------------------------\n  // Identidad\n  // -------------------------------------------------------------------------\n\n  /** Nombre completo */\n  @Input() name = '';\n\n  /** Handle sin @ */\n  @Input() handle = '';\n\n  /** Rol / título */\n  @Input() role = '';\n\n  /** Muestra el badge de verificado */\n  @Input() verified = false;\n\n  // -------------------------------------------------------------------------\n  // Imágenes\n  // -------------------------------------------------------------------------\n\n  /**\n   * URL de la foto de perfil.\n   * Si no se provee, se muestran las iniciales.\n   */\n  @Input() avatarUrl?: string;\n\n  /**\n   * URL de imagen para el banner.\n   * Si no se provee, se usa el degradé navy por defecto.\n   */\n  @Input() bannerUrl?: string;\n\n  // -------------------------------------------------------------------------\n  // Contenido\n  // -------------------------------------------------------------------------\n\n  /** Links de redes sociales / ubicación */\n  @Input() links: FsProfileLink[] = [];\n\n  /** Badges de tecnologías */\n  @Input() badges: FsProfileBadge[] = [];\n\n  /**\n   * Stats configurables: años de exp., proyectos, seguidores, etc.\n   * Array de { value, label } — se muestran todos en el footer.\n   */\n  @Input() stats: FsProfileStat[] = [];\n\n  // -------------------------------------------------------------------------\n  // Variante\n  // -------------------------------------------------------------------------\n\n  /**\n   * Muestra los botones de acción (Seguir / Mensaje).\n   * false = variante readonly / portfolio propio.\n   */\n  @Input() showActions = false;\n\n  /** Label del botón primario */\n  @Input() primaryActionLabel = 'Seguir';\n\n  /** Label del botón secundario */\n  @Input() secondaryActionLabel = 'Mensaje';\n\n  // -------------------------------------------------------------------------\n  // Outputs\n  // -------------------------------------------------------------------------\n\n  @Output() primaryAction   = new EventEmitter<void>();\n  @Output() secondaryAction = new EventEmitter<void>();\n\n  // -------------------------------------------------------------------------\n  // Helpers\n  // -------------------------------------------------------------------------\n\n  get initials(): string {\n    return this.name\n      .split(' ')\n      .slice(0, 2)\n      .map(w => w[0])\n      .join('')\n      .toUpperCase();\n  }\n}\n","<div class=\"fs-profile\">\n\n  <!-- banner -->\n  <div class=\"fs-profile__banner\">\n    <img\n      *ngIf=\"bannerUrl\"\n      [src]=\"bannerUrl\"\n      [alt]=\"name + ' banner'\"\n      class=\"fs-profile__banner-img\"\n    />\n    <div *ngIf=\"!bannerUrl\" class=\"fs-profile__banner-gradient\"></div>\n    <div class=\"fs-profile__banner-line\"></div>\n  </div>\n\n  <!-- body -->\n  <div class=\"fs-profile__body\">\n\n    <!-- avatar -->\n    <div class=\"fs-profile__avatar-wrap\">\n      <div class=\"fs-profile__avatar\">\n        <img\n          *ngIf=\"avatarUrl\"\n          [src]=\"avatarUrl\"\n          [alt]=\"name\"\n          class=\"fs-profile__avatar-img\"\n        />\n        <span *ngIf=\"!avatarUrl\" class=\"fs-profile__avatar-initials\">\n          {{ initials }}\n        </span>\n      </div>\n      <div *ngIf=\"verified\" class=\"fs-profile__verified\" aria-label=\"Verificado\">\n        <svg width=\"9\" height=\"9\" viewBox=\"0 0 10 10\" fill=\"none\">\n          <path d=\"M2 5l2 2 4-4\"\n            stroke=\"white\" stroke-width=\"1.6\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        </svg>\n      </div>\n    </div>\n\n    <!-- identidad -->\n    <div class=\"fs-profile__name\">{{ name }}</div>\n    <div *ngIf=\"handle\" class=\"fs-profile__handle\">&#64;{{ handle }}</div>\n    <div *ngIf=\"role\" class=\"fs-profile__role\">{{ role }}</div>\n\n    <!-- acciones -->\n    <div *ngIf=\"showActions\" class=\"fs-profile__actions\">\n      <button\n        class=\"fs-profile__btn fs-profile__btn--primary\"\n        type=\"button\"\n        (click)=\"primaryAction.emit()\"\n      >\n        {{ primaryActionLabel }}\n      </button>\n      <button\n        class=\"fs-profile__btn fs-profile__btn--outline\"\n        type=\"button\"\n        (click)=\"secondaryAction.emit()\"\n      >\n        {{ secondaryActionLabel }}\n      </button>\n    </div>\n\n    <!-- links -->\n    <div *ngIf=\"links.length\" class=\"fs-profile__links\">\n      <a\n        *ngFor=\"let link of links\"\n        class=\"fs-profile__link\"\n        [href]=\"link.url || '#'\"\n        [attr.target]=\"link.url ? '_blank' : null\"\n        [attr.rel]=\"link.url ? 'noopener noreferrer' : null\"\n      >\n        <svg *ngIf=\"link.icon\" width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n          <path [attr.d]=\"link.icon\" stroke=\"currentColor\" stroke-width=\"1.3\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        </svg>\n        <span>{{ link.label }}</span>\n      </a>\n    </div>\n\n    <!-- badges -->\n    <div *ngIf=\"badges.length\" class=\"fs-profile__badges\">\n      <fs-badge\n        *ngFor=\"let badge of badges\"\n        [color]=\"badge.color || 'neutral'\"\n        [iconLeft]=\"badge.iconLeft\"\n        variant=\"filled\"\n        size=\"sm\"\n      >{{ badge.label }}</fs-badge>\n    </div>\n\n  </div>\n\n  <!-- stats footer -->\n  <div *ngIf=\"stats.length\" class=\"fs-profile__stats\">\n    <div *ngFor=\"let stat of stats\" class=\"fs-profile__stat\">\n      <span class=\"fs-profile__stat-value\">{{ stat.value }}</span>\n      <span class=\"fs-profile__stat-label\">{{ stat.label }}</span>\n    </div>\n  </div>\n\n</div>\n","import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  OnInit,\n  OnDestroy,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nexport type FsAlertType    = 'info' | 'success' | 'warning' | 'danger' | 'neutral';\nexport type FsAlertVariant = 'filled' | 'accent';\n\n@Component({\n  selector: 'fs-alert',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './alert.component.html',\n  styleUrl: './alert.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsAlertComponent implements OnInit, OnDestroy {\n\n  /** Tipo semántico del alert */\n  @Input() type: FsAlertType = 'info';\n\n  /** filled = fondo sutil · accent = borde izquierdo */\n  @Input() variant: FsAlertVariant = 'filled';\n\n  /** Título opcional en negrita */\n  @Input() title?: string;\n\n  /** Muestra botón X para cerrar */\n  @Input() dismissible = false;\n\n  /**\n   * Auto-cierre en milisegundos.\n   * 0 = deshabilitado.\n   * Muestra progress bar cuando está activo.\n   */\n  @Input() autoDismiss = 0;\n\n  /** Emite cuando el alert se cierra (botón X o auto-dismiss) */\n  @Output() dismissed = new EventEmitter<void>();\n\n  // Estado interno de animación\n  animState: 'entering' | 'visible' | 'exiting' = 'entering';\n\n  private autoTimer?: ReturnType<typeof setTimeout>;\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnInit(): void {\n    // tras la animación de entrada → visible\n    setTimeout(() => {\n      this.animState = 'visible';\n      this.cdr.markForCheck();\n    }, 300);\n\n    if (this.autoDismiss > 0) {\n      this.autoTimer = setTimeout(() => this.dismiss(), this.autoDismiss);\n    }\n  }\n\n  ngOnDestroy(): void {\n    if (this.autoTimer) clearTimeout(this.autoTimer);\n  }\n\n  dismiss(): void {\n    if (this.animState === 'exiting') return;\n    this.animState = 'exiting';\n    this.cdr.markForCheck();\n\n    // esperar la animación de salida antes de emitir\n    setTimeout(() => {\n      this.dismissed.emit();\n    }, 240);\n  }\n\n  get progressDuration(): string {\n    return `${this.autoDismiss}ms`;\n  }\n\n  get iconPath(): string {\n    const icons: Record<FsAlertType, string> = {\n      info:    'M8 7v4M8 5.5v.01M2 8a6 6 0 1 0 12 0A6 6 0 0 0 2 8z',\n      success: 'M5 8l2 2 4-4M2 8a6 6 0 1 0 12 0A6 6 0 0 0 2 8z',\n      warning: 'M8 2L2 13h12L8 2zM8 7v3M8 11.5v.01',\n      danger:  'M8 5v4M8 10.5v.01M2 8a6 6 0 1 0 12 0A6 6 0 0 0 2 8z',\n      neutral: 'M8 7v4M8 5.5v.01M2 8a6 6 0 1 0 12 0A6 6 0 0 0 2 8z',\n    };\n    return icons[this.type];\n  }\n}\n","<div\n  *ngIf=\"animState !== 'exiting' || true\"\n  class=\"fs-alert\"\n  [class.fs-alert--entering]=\"animState === 'entering'\"\n  [class.fs-alert--visible]=\"animState === 'visible'\"\n  [class.fs-alert--exiting]=\"animState === 'exiting'\"\n  [class]=\"'fs-alert fs-alert--' + type + ' fs-alert--' + variant\"\n  [attr.role]=\"type === 'danger' ? 'alert' : 'status'\"\n  [attr.aria-live]=\"type === 'danger' ? 'assertive' : 'polite'\"\n>\n\n  <!-- ícono semántico -->\n  <svg\n    class=\"fs-alert__icon\"\n    width=\"16\" height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    aria-hidden=\"true\"\n  >\n    <path\n      [attr.d]=\"iconPath\"\n      stroke=\"currentColor\"\n      stroke-width=\"1.5\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n\n  <!-- cuerpo -->\n  <div class=\"fs-alert__body\">\n    <div *ngIf=\"title\" class=\"fs-alert__title\">{{ title }}</div>\n    <div class=\"fs-alert__desc\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n\n  <!-- botón cerrar -->\n  <button\n    *ngIf=\"dismissible\"\n    class=\"fs-alert__close\"\n    type=\"button\"\n    aria-label=\"Cerrar\"\n    (click)=\"dismiss()\"\n  >\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n      <path\n        d=\"M3 3l8 8M11 3L3 11\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n      />\n    </svg>\n  </button>\n\n  <!-- progress bar de auto-dismiss -->\n  <div\n    *ngIf=\"autoDismiss > 0\"\n    class=\"fs-alert__progress\"\n    [style.animation-duration]=\"progressDuration\"\n  ></div>\n\n</div>\n","/*\r\n * Public API Surface of fsociety\r\n */\r\n\r\nexport * from './lib/fsociety.service';\r\nexport * from './lib/fsociety.component';\r\n\r\nexport * from './lib/experience-card/experience-card.component';\r\nexport type { FsExperienceCard, FsExperienceBadge } from './lib/experience-card/experience-card.component';\r\n\r\nexport * from './lib/profile-card/profile-card.component';\r\nexport type { FsProfileStat, FsProfileLink, FsProfileBadge } from './lib/profile-card/profile-card.component';\r\n\r\nexport * from './lib/alert/alert.component';\r\nexport type { FsAlertType, FsAlertVariant } from './lib/alert/alert.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAKa,eAAe,CAAA;AAE1B,IAAA,WAAA,GAAA,EAAgB;wGAFL,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAf,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,cAFd,MAAM,EAAA,CAAA;;4FAEP,eAAe,EAAA,UAAA,EAAA,CAAA;kBAH3B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCQY,iBAAiB,CAAA;wGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPlB,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAGU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,SAAS;+BACE,aAAa,EAAA,OAAA,EACd,EAAE,EAAA,QAAA,EACD,CAAA;;;;AAIT,EAAA,CAAA,EAAA;;;MCYU,gBAAgB,CAAA;;IAGlB,KAAK,GAAiB,SAAS;;IAG/B,OAAO,GAAmB,QAAQ;;IAGlC,IAAI,GAAgB,IAAI;;AAGxB,IAAA,KAAK;;IAGL,GAAG,GAAG,KAAK;AAEpB;;;AAGG;AACM,IAAA,QAAQ;AAEjB;;AAEG;AACM,IAAA,SAAS;AAElB;;;AAGG;IACM,QAAQ,GAAG,KAAK;;IAGhB,SAAS,GAAG,KAAK;;AAGhB,IAAA,OAAO,GAAG,IAAI,YAAY,EAAQ;AAE5C,IAAA,IAAI,OAAO,GAAA;QACT,OAAO;AACL,YAAA,CAAC,aAAa,IAAI,CAAC,KAAK,CAAA,CAAE,GAAK,IAAI;AACnC,YAAA,CAAC,aAAa,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,IAAI;AACnC,YAAA,CAAC,aAAa,IAAI,CAAC,IAAI,CAAA,CAAE,GAAM,IAAI;YACnC,eAAe,EAAgB,IAAI,CAAC,GAAG;YACvC,qBAAqB,EAAU,IAAI,CAAC,QAAQ;YAC5C,qBAAqB,EAAU,IAAI,CAAC,SAAS;SAC9C;IACH;AAEA,IAAA,QAAQ,CAAC,KAAiB,EAAA;QACxB,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;IACrB;wGAtDW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,GAAA,EAAA,KAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrB7B,i7CAwCA,EAAA,MAAA,EAAA,CAAA,sveAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDxBY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAKX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;+BACE,UAAU,EAAA,UAAA,EACR,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,i7CAAA,EAAA,MAAA,EAAA,CAAA,sveAAA,CAAA,EAAA;8BAKtC,KAAK,EAAA,CAAA;sBAAb;gBAGQ,OAAO,EAAA,CAAA;sBAAf;gBAGQ,IAAI,EAAA,CAAA;sBAAZ;gBAGQ,KAAK,EAAA,CAAA;sBAAb;gBAGQ,GAAG,EAAA,CAAA;sBAAX;gBAMQ,QAAQ,EAAA,CAAA;sBAAhB;gBAKQ,SAAS,EAAA,CAAA;sBAAjB;gBAMQ,QAAQ,EAAA,CAAA;sBAAhB;gBAGQ,SAAS,EAAA,CAAA;sBAAjB;gBAGS,OAAO,EAAA,CAAA;sBAAhB;;;MEJU,yBAAyB,CAAA;;AAG3B,IAAA,UAAU;;IAGV,OAAO,GAAuB,MAAM;;IAGpC,QAAQ,GAAG,KAAK;;IAGhB,YAAY,GAAG,KAAK;IAE7B,QAAQ,GAAG,KAAK;AAEhB,IAAA,IAAI,UAAU,GAAA;QACZ,OAAO,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,CAAC;IAC7C;AAEA,IAAA,IAAI,cAAc,GAAA;AAChB,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO;AAAE,YAAA,OAAO,EAAE;QACxC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,cAAc,IAAI,CAAC;QACnD,OAAO,IAAI,CAAC;AACV,cAAE,IAAI,CAAC,UAAU,CAAC;AAClB,cAAE,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC;IAC/C;AAEA,IAAA,IAAI,cAAc,GAAA;AAChB,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO;AAAE,YAAA,OAAO,KAAK;QAC3C,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,cAAc,IAAI,CAAC;QACnD,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,GAAG,OAAO;IACjD;AAEA,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,iBAAiB,EAAE;IACjC;AAEA,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,UAAU,EAAE,OAAO,IAAI,KAAK;IAC1C;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;IACvB;IAEA,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;IAChC;IAEQ,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS;AAAE,YAAA,OAAO,EAAE;AAE1C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC;AACvD,QAAA,MAAM,GAAG,GAAK,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;cACtD,IAAI,IAAI;cACR,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;AAE3C,QAAA,IAAI,CAAC,KAAK,IAAI,CAAC,GAAG;AAAE,YAAA,OAAO,EAAE;AAE7B,QAAA,IAAI,MAAM,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,WAAW,EAAE,IAAI;eAC3C,GAAG,CAAC,QAAQ,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;QAEhD,MAAM,KAAK,GAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;AACtC,QAAA,MAAM,MAAM,GAAG,MAAM,GAAG,EAAE;QAE1B,MAAM,KAAK,GAAa,EAAE;QAC1B,IAAI,KAAK,GAAG,CAAC;AAAG,YAAA,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAA,CAAA,EAAI,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,MAAM,CAAA,CAAE,CAAC;QACtE,IAAI,MAAM,GAAG,CAAC;AAAE,YAAA,KAAK,CAAC,IAAI,CAAC,GAAG,MAAM,CAAA,CAAA,EAAI,MAAM,KAAK,CAAC,GAAG,KAAK,GAAG,OAAO,CAAA,CAAE,CAAC;AAEzE,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;IACxB;AAEQ,IAAA,SAAS,CAAC,OAAe,EAAA;AAC/B,QAAA,MAAM,MAAM,GAA2B;YACrC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;YAC9C,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE;SACjD;AAED,QAAA,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC;AACrD,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACtB,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC9B,MAAM,IAAI,GAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;YACpC,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;gBACvC,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;YACjC;QACF;;AAGA,QAAA,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC;AAC3B,QAAA,OAAO,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,GAAG,CAAC;IACtC;wGA3FW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvDtC,8qGAsGA,EAAA,MAAA,EAAA,CAAA,wnfAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDpDY,YAAY,gQAAE,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,KAAA,EAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAK7B,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBARrC,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAA,eAAA,EAGxB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8qGAAA,EAAA,MAAA,EAAA,CAAA,wnfAAA,CAAA,EAAA;8BAKtC,UAAU,EAAA,CAAA;sBAAlB;gBAGQ,OAAO,EAAA,CAAA;sBAAf;gBAGQ,QAAQ,EAAA,CAAA;sBAAhB;gBAGQ,YAAY,EAAA,CAAA;sBAApB;;;ME3BU,sBAAsB,CAAA;;;;;IAOxB,IAAI,GAAG,EAAE;;IAGT,MAAM,GAAG,EAAE;;IAGX,IAAI,GAAG,EAAE;;IAGT,QAAQ,GAAG,KAAK;;;;AAMzB;;;AAGG;AACM,IAAA,SAAS;AAElB;;;AAGG;AACM,IAAA,SAAS;;;;;IAOT,KAAK,GAAoB,EAAE;;IAG3B,MAAM,GAAqB,EAAE;AAEtC;;;AAGG;IACM,KAAK,GAAoB,EAAE;;;;AAMpC;;;AAGG;IACM,WAAW,GAAG,KAAK;;IAGnB,kBAAkB,GAAG,QAAQ;;IAG7B,oBAAoB,GAAG,SAAS;;;;AAM/B,IAAA,aAAa,GAAK,IAAI,YAAY,EAAQ;AAC1C,IAAA,eAAe,GAAG,IAAI,YAAY,EAAQ;;;;AAMpD,IAAA,IAAI,QAAQ,GAAA;QACV,OAAO,IAAI,CAAC;aACT,KAAK,CAAC,GAAG;AACT,aAAA,KAAK,CAAC,CAAC,EAAE,CAAC;aACV,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACb,IAAI,CAAC,EAAE;AACP,aAAA,WAAW,EAAE;IAClB;wGApFW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxCnC,grGAqGA,EAAA,MAAA,EAAA,CAAA,+xgBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDlEY,YAAY,gQAAE,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,KAAA,EAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAK7B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;+BACE,iBAAiB,EAAA,UAAA,EACf,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAA,eAAA,EAGxB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,grGAAA,EAAA,MAAA,EAAA,CAAA,+xgBAAA,CAAA,EAAA;8BAStC,IAAI,EAAA,CAAA;sBAAZ;gBAGQ,MAAM,EAAA,CAAA;sBAAd;gBAGQ,IAAI,EAAA,CAAA;sBAAZ;gBAGQ,QAAQ,EAAA,CAAA;sBAAhB;gBAUQ,SAAS,EAAA,CAAA;sBAAjB;gBAMQ,SAAS,EAAA,CAAA;sBAAjB;gBAOQ,KAAK,EAAA,CAAA;sBAAb;gBAGQ,MAAM,EAAA,CAAA;sBAAd;gBAMQ,KAAK,EAAA,CAAA;sBAAb;gBAUQ,WAAW,EAAA,CAAA;sBAAnB;gBAGQ,kBAAkB,EAAA,CAAA;sBAA1B;gBAGQ,oBAAoB,EAAA,CAAA;sBAA5B;gBAMS,aAAa,EAAA,CAAA;sBAAtB;gBACS,eAAe,EAAA,CAAA;sBAAxB;;;MExFU,gBAAgB,CAAA;AA6BP,IAAA,GAAA;;IA1BX,IAAI,GAAgB,MAAM;;IAG1B,OAAO,GAAmB,QAAQ;;AAGlC,IAAA,KAAK;;IAGL,WAAW,GAAG,KAAK;AAE5B;;;;AAIG;IACM,WAAW,GAAG,CAAC;;AAGd,IAAA,SAAS,GAAG,IAAI,YAAY,EAAQ;;IAG9C,SAAS,GAAuC,UAAU;AAElD,IAAA,SAAS;AAEjB,IAAA,WAAA,CAAoB,GAAsB,EAAA;QAAtB,IAAA,CAAA,GAAG,GAAH,GAAG;IAAsB;IAE7C,QAAQ,GAAA;;QAEN,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,SAAS,GAAG,SAAS;AAC1B,YAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;QACzB,CAAC,EAAE,GAAG,CAAC;AAEP,QAAA,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE;AACxB,YAAA,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC;QACrE;IACF;IAEA,WAAW,GAAA;QACT,IAAI,IAAI,CAAC,SAAS;AAAE,YAAA,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC;IAClD;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS;YAAE;AAClC,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;AAC1B,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;;QAGvB,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;QACvB,CAAC,EAAE,GAAG,CAAC;IACT;AAEA,IAAA,IAAI,gBAAgB,GAAA;AAClB,QAAA,OAAO,CAAA,EAAG,IAAI,CAAC,WAAW,IAAI;IAChC;AAEA,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,MAAM,KAAK,GAAgC;AACzC,YAAA,IAAI,EAAK,oDAAoD;AAC7D,YAAA,OAAO,EAAE,gDAAgD;AACzD,YAAA,OAAO,EAAE,oCAAoC;AAC7C,YAAA,MAAM,EAAG,qDAAqD;AAC9D,YAAA,OAAO,EAAE,oDAAoD;SAC9D;AACD,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;IACzB;wGAvEW,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvB7B,unDA8DA,EAAA,MAAA,EAAA,CAAA,6jfAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED5CY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAKX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;+BACE,UAAU,EAAA,UAAA,EACR,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,unDAAA,EAAA,MAAA,EAAA,CAAA,6jfAAA,CAAA,EAAA;sFAKtC,IAAI,EAAA,CAAA;sBAAZ;gBAGQ,OAAO,EAAA,CAAA;sBAAf;gBAGQ,KAAK,EAAA,CAAA;sBAAb;gBAGQ,WAAW,EAAA,CAAA;sBAAnB;gBAOQ,WAAW,EAAA,CAAA;sBAAnB;gBAGS,SAAS,EAAA,CAAA;sBAAlB;;;AE7CH;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"heroelc-fsociety.mjs","sources":["../../../projects/fsociety/src/lib/fsociety.service.ts","../../../projects/fsociety/src/lib/fsociety.component.ts","../../../projects/fsociety/src/lib/badge/badge.component.ts","../../../projects/fsociety/src/lib/badge/badge.component.html","../../../projects/fsociety/src/lib/experience-card/experience-card.component.ts","../../../projects/fsociety/src/lib/experience-card/experience-card.component.html","../../../projects/fsociety/src/lib/profile-card/profile-card.component.ts","../../../projects/fsociety/src/lib/profile-card/profile-card.component.html","../../../projects/fsociety/src/lib/alert/alert.component.ts","../../../projects/fsociety/src/lib/alert/alert.component.html","../../../projects/fsociety/src/lib/tabs/tabs.component.ts","../../../projects/fsociety/src/lib/tabs/tabs.component.html","../../../projects/fsociety/src/public-api.ts","../../../projects/fsociety/src/heroelc-fsociety.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class FsocietyService {\r\n\r\n  constructor() { }\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'fs-fsociety',\r\n  imports: [],\r\n  template: `\r\n    <p>\r\n      fsociety works!\r\n    </p>\r\n  `,\r\n  styles: ``\r\n})\r\nexport class FsocietyComponent {\r\n\r\n}\r\n","import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nexport type FsBadgeColor   = 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger' | 'neutral';\nexport type FsBadgeVariant = 'filled' | 'outline';\nexport type FsBadgeSize    = 'sm' | 'md';\n\n@Component({\n  selector: 'fs-badge',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './badge.component.html',\n  styleUrl: './badge.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsBadgeComponent {\n\n  /** Color semántico del badge */\n  @Input() color: FsBadgeColor = 'neutral';\n\n  /** Filled = fondo sutil · outline = solo borde */\n  @Input() variant: FsBadgeVariant = 'filled';\n\n  /** Tamaño */\n  @Input() size: FsBadgeSize = 'md';\n\n  /** Texto del badge (alternativa al content projection) */\n  @Input() label?: string;\n\n  /** Muestra punto de estado a la izquierda */\n  @Input() dot = false;\n\n  /**\n   * SVG path del ícono izquierdo.\n   * Ejemplo: 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10...'\n   */\n  @Input() iconLeft?: string;\n\n  /**\n   * SVG path del ícono derecho.\n   */\n  @Input() iconRight?: string;\n\n  /**\n   * Modo solo ícono — oculta el label y hace el badge cuadrado/circular.\n   * Requiere iconLeft o iconRight.\n   */\n  @Input() iconOnly = false;\n\n  /** Badge removible — muestra botón X */\n  @Input() removable = false;\n\n  /** Emite cuando se clickea el botón remove */\n  @Output() removed = new EventEmitter<void>();\n\n  get classes(): Record<string, boolean> {\n    return {\n      [`fs-badge--${this.color}`]:   true,\n      [`fs-badge--${this.variant}`]: true,\n      [`fs-badge--${this.size}`]:    true,\n      'fs-badge--dot':               this.dot,\n      'fs-badge--icon-only':         this.iconOnly,\n      'fs-badge--removable':         this.removable,\n    };\n  }\n\n  onRemove(event: MouseEvent): void {\n    event.stopPropagation();\n    this.removed.emit();\n  }\n}\n","<span class=\"fs-badge\" [ngClass]=\"classes\">\n\n  <!-- dot de estado -->\n  <span *ngIf=\"dot\" class=\"fs-badge__dot\" aria-hidden=\"true\"></span>\n\n  <!-- ícono izquierdo -->\n  <span *ngIf=\"iconLeft\" class=\"fs-badge__icon fs-badge__icon--left\" aria-hidden=\"true\">\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n      <path [attr.d]=\"iconLeft\" stroke=\"currentColor\" stroke-width=\"1.5\"\n        stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>\n  </span>\n\n  <!-- label — oculto en iconOnly -->\n  <span *ngIf=\"!iconOnly\" class=\"fs-badge__label\">\n    <ng-content>{{ label }}</ng-content>\n  </span>\n\n  <!-- ícono derecho -->\n  <span *ngIf=\"iconRight\" class=\"fs-badge__icon fs-badge__icon--right\" aria-hidden=\"true\">\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n      <path [attr.d]=\"iconRight\" stroke=\"currentColor\" stroke-width=\"1.5\"\n        stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>\n  </span>\n\n  <!-- botón remove -->\n  <button\n    *ngIf=\"removable\"\n    class=\"fs-badge__remove\"\n    type=\"button\"\n    aria-label=\"Remover\"\n    (click)=\"onRemove($event)\"\n  >\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\">\n      <path d=\"M2 2l6 6M8 2L2 8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n    </svg>\n  </button>\n\n</span>\n","import {\n  Component,\n  Input,\n  OnInit,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FsBadgeComponent, FsBadgeColor } from '../badge/badge.component';\n\nexport interface FsExperienceBadge {\n  label: string;\n  color?: FsBadgeColor;\n  iconLeft?: string;\n}\n\nexport interface FsExperienceCard {\n  /** Nombre de la empresa */\n  company: string;\n\n  /** Rol / puesto */\n  role: string;\n\n  /** Fecha de inicio — formato libre: 'abr 2022' */\n  startDate: string;\n\n  /** Fecha de fin — omitir si es trabajo actual */\n  endDate?: string;\n\n  /** Marca el trabajo como actual — muestra dot verde y \"actualidad\" */\n  current?: boolean;\n\n  /** Logo de la empresa — URL de imagen */\n  logoUrl?: string;\n\n  /** Texto corto para el logo cuando no hay imagen: 'X CALE' */\n  logoText?: string;\n\n  /** Lista de responsabilidades / bullets */\n  bullets?: string[];\n\n  /** Cuántos bullets mostrar antes del \"ver más\" */\n  bulletsPreview?: number;\n\n  /** Badges de tecnologías */\n  badges?: FsExperienceBadge[];\n}\n\n@Component({\n  selector: 'fs-experience-card',\n  standalone: true,\n  imports: [CommonModule, FsBadgeComponent],\n  templateUrl: './experience-card.component.html',\n  styleUrl: './experience-card.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsExperienceCardComponent implements OnInit {\n\n  /** Datos de la experiencia */\n  @Input() experience!: FsExperienceCard;\n\n  /** Variante de presentación */\n  @Input() variant: 'full' | 'compact' = 'full';\n\n  /** Muestra la línea vertical de timeline a la izquierda */\n  @Input() timeline = false;\n\n  /** Si es el último item del timeline (no dibuja la línea hacia abajo) */\n  @Input() timelineLast = false;\n\n  expanded = false;\n\n  get hasBullets(): boolean {\n    return !!(this.experience?.bullets?.length);\n  }\n\n  get visibleBullets(): string[] {\n    if (!this.experience?.bullets) return [];\n    const preview = this.experience.bulletsPreview ?? 3;\n    return this.expanded\n      ? this.experience.bullets\n      : this.experience.bullets.slice(0, preview);\n  }\n\n  get hasMoreBullets(): boolean {\n    if (!this.experience?.bullets) return false;\n    const preview = this.experience.bulletsPreview ?? 3;\n    return this.experience.bullets.length > preview;\n  }\n\n  get duration(): string {\n    return this.calculateDuration();\n  }\n\n  get isCurrent(): boolean {\n    return this.experience?.current ?? false;\n  }\n\n  ngOnInit(): void {\n    this.expanded = false;\n  }\n\n  toggleExpand(): void {\n    this.expanded = !this.expanded;\n  }\n\n  private calculateDuration(): string {\n    if (!this.experience?.startDate) return '';\n\n    const start = this.parseDate(this.experience.startDate);\n    const end   = this.experience.current || !this.experience.endDate\n      ? new Date()\n      : this.parseDate(this.experience.endDate);\n\n    if (!start || !end) return '';\n\n    let months = (end.getFullYear() - start.getFullYear()) * 12\n               + (end.getMonth() - start.getMonth());\n\n    const years  = Math.floor(months / 12);\n    const remain = months % 12;\n\n    const parts: string[] = [];\n    if (years > 0)  parts.push(`${years} ${years === 1 ? 'año' : 'años'}`);\n    if (remain > 0) parts.push(`${remain} ${remain === 1 ? 'mes' : 'meses'}`);\n\n    return parts.join(' ');\n  }\n\n  private parseDate(dateStr: string): Date | null {\n    const months: Record<string, number> = {\n      ene: 0, feb: 1, mar: 2, abr: 3, may: 4, jun: 5,\n      jul: 6, ago: 7, sep: 8, oct: 9, nov: 10, dic: 11,\n    };\n\n    const parts = dateStr.trim().toLowerCase().split(' ');\n    if (parts.length === 2) {\n      const month = months[parts[0]];\n      const year  = parseInt(parts[1], 10);\n      if (month !== undefined && !isNaN(year)) {\n        return new Date(year, month, 1);\n      }\n    }\n\n    // fallback: intentar parsear como fecha estándar\n    const d = new Date(dateStr);\n    return isNaN(d.getTime()) ? null : d;\n  }\n}\n","<div\n  class=\"fs-exp\"\n  [class.fs-exp--compact]=\"variant === 'compact'\"\n  [class.fs-exp--timeline]=\"timeline\"\n  [class.fs-exp--timeline-last]=\"timeline && timelineLast\"\n>\n\n  <!-- línea vertical de timeline -->\n  <div *ngIf=\"timeline\" class=\"fs-exp__timeline-line\"></div>\n\n  <!-- dot del timeline -->\n  <div *ngIf=\"timeline\" class=\"fs-exp__timeline-dot\"\n    [class.fs-exp__timeline-dot--current]=\"isCurrent\">\n  </div>\n\n  <!-- card -->\n  <div class=\"fs-exp__card\">\n\n    <!-- header -->\n    <div class=\"fs-exp__header\">\n\n      <!-- logo -->\n      <div class=\"fs-exp__logo\">\n        <img\n          *ngIf=\"experience.logoUrl\"\n          [src]=\"experience.logoUrl\"\n          [alt]=\"experience.company\"\n          class=\"fs-exp__logo-img\"\n        />\n        <span *ngIf=\"!experience.logoUrl\" class=\"fs-exp__logo-text\">\n          {{ experience.logoText || experience.company.slice(0, 4).toUpperCase() }}\n        </span>\n      </div>\n\n      <!-- info -->\n      <div class=\"fs-exp__info\">\n        <div class=\"fs-exp__company\">{{ experience.company }}</div>\n        <div class=\"fs-exp__role\">{{ experience.role }}</div>\n        <div class=\"fs-exp__date\">\n          <span\n            class=\"fs-exp__dot\"\n            [class.fs-exp__dot--current]=\"isCurrent\"\n          ></span>\n          <span>\n            {{ experience.startDate }} –\n            {{ experience.current ? 'actualidad' : experience.endDate }}\n          </span>\n          <span *ngIf=\"duration\" class=\"fs-exp__duration\">\n            · {{ duration }}\n          </span>\n        </div>\n      </div>\n\n    </div>\n\n    <!-- cuerpo — solo en variante full -->\n    <ng-container *ngIf=\"variant === 'full'\">\n\n      <div *ngIf=\"hasBullets || experience.badges?.length\" class=\"fs-exp__divider\"></div>\n\n      <!-- bullets -->\n      <ul *ngIf=\"hasBullets\" class=\"fs-exp__bullets\">\n        <li *ngFor=\"let bullet of visibleBullets\" class=\"fs-exp__bullet\">\n          <span class=\"fs-exp__bullet-arrow\" aria-hidden=\"true\">▸</span>\n          <span>{{ bullet }}</span>\n        </li>\n      </ul>\n\n      <!-- toggle ver más / menos -->\n      <button\n        *ngIf=\"hasMoreBullets\"\n        class=\"fs-exp__toggle\"\n        type=\"button\"\n        (click)=\"toggleExpand()\"\n      >\n        <svg\n          class=\"fs-exp__toggle-icon\"\n          [class.fs-exp__toggle-icon--open]=\"expanded\"\n          width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"\n        >\n          <path d=\"M3 4.5l3 3 3-3\"\n            stroke=\"currentColor\" stroke-width=\"1.5\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        </svg>\n        {{ expanded ? 'ver menos' : 'ver más' }}\n      </button>\n\n      <!-- badges -->\n      <div *ngIf=\"experience.badges?.length\" class=\"fs-exp__badges\">\n        <fs-badge\n          *ngFor=\"let badge of experience.badges\"\n          [color]=\"badge.color || 'neutral'\"\n          [iconLeft]=\"badge.iconLeft\"\n          variant=\"filled\"\n          size=\"sm\"\n        >{{ badge.label }}</fs-badge>\n      </div>\n\n    </ng-container>\n\n  </div>\n</div>\n","import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FsBadgeComponent, FsBadgeColor } from '../badge/badge.component';\n\nexport interface FsProfileStat {\n  /** Valor principal: '4+', '985', '12' */\n  value: string | number;\n  /** Etiqueta debajo del valor */\n  label: string;\n}\n\nexport interface FsProfileLink {\n  /** Texto visible */\n  label: string;\n  /** URL destino */\n  url?: string;\n  /** SVG path del ícono (viewBox 0 0 16 16) */\n  icon?: string;\n}\n\nexport interface FsProfileBadge {\n  label:     string;\n  color?:    FsBadgeColor;\n  iconLeft?: string;\n}\n\n@Component({\n  selector: 'fs-profile-card',\n  standalone: true,\n  imports: [CommonModule, FsBadgeComponent],\n  templateUrl: './profile-card.component.html',\n  styleUrl: './profile-card.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsProfileCardComponent {\n\n  // -------------------------------------------------------------------------\n  // Identidad\n  // -------------------------------------------------------------------------\n\n  /** Nombre completo */\n  @Input() name = '';\n\n  /** Handle sin @ */\n  @Input() handle = '';\n\n  /** Rol / título */\n  @Input() role = '';\n\n  /** Muestra el badge de verificado */\n  @Input() verified = false;\n\n  // -------------------------------------------------------------------------\n  // Imágenes\n  // -------------------------------------------------------------------------\n\n  /**\n   * URL de la foto de perfil.\n   * Si no se provee, se muestran las iniciales.\n   */\n  @Input() avatarUrl?: string;\n\n  /**\n   * URL de imagen para el banner.\n   * Si no se provee, se usa el degradé navy por defecto.\n   */\n  @Input() bannerUrl?: string;\n\n  // -------------------------------------------------------------------------\n  // Contenido\n  // -------------------------------------------------------------------------\n\n  /** Links de redes sociales / ubicación */\n  @Input() links: FsProfileLink[] = [];\n\n  /** Badges de tecnologías */\n  @Input() badges: FsProfileBadge[] = [];\n\n  /**\n   * Stats configurables: años de exp., proyectos, seguidores, etc.\n   * Array de { value, label } — se muestran todos en el footer.\n   */\n  @Input() stats: FsProfileStat[] = [];\n\n  // -------------------------------------------------------------------------\n  // Variante\n  // -------------------------------------------------------------------------\n\n  /**\n   * Muestra los botones de acción (Seguir / Mensaje).\n   * false = variante readonly / portfolio propio.\n   */\n  @Input() showActions = false;\n\n  /** Label del botón primario */\n  @Input() primaryActionLabel = 'Seguir';\n\n  /** Label del botón secundario */\n  @Input() secondaryActionLabel = 'Mensaje';\n\n  // -------------------------------------------------------------------------\n  // Outputs\n  // -------------------------------------------------------------------------\n\n  @Output() primaryAction   = new EventEmitter<void>();\n  @Output() secondaryAction = new EventEmitter<void>();\n\n  // -------------------------------------------------------------------------\n  // Helpers\n  // -------------------------------------------------------------------------\n\n  get initials(): string {\n    return this.name\n      .split(' ')\n      .slice(0, 2)\n      .map(w => w[0])\n      .join('')\n      .toUpperCase();\n  }\n}\n","<div class=\"fs-profile\">\n\n  <!-- banner -->\n  <div class=\"fs-profile__banner\">\n    <img\n      *ngIf=\"bannerUrl\"\n      [src]=\"bannerUrl\"\n      [alt]=\"name + ' banner'\"\n      class=\"fs-profile__banner-img\"\n    />\n    <div *ngIf=\"!bannerUrl\" class=\"fs-profile__banner-gradient\"></div>\n    <div class=\"fs-profile__banner-line\"></div>\n  </div>\n\n  <!-- body -->\n  <div class=\"fs-profile__body\">\n\n    <!-- avatar -->\n    <div class=\"fs-profile__avatar-wrap\">\n      <div class=\"fs-profile__avatar\">\n        <img\n          *ngIf=\"avatarUrl\"\n          [src]=\"avatarUrl\"\n          [alt]=\"name\"\n          class=\"fs-profile__avatar-img\"\n        />\n        <span *ngIf=\"!avatarUrl\" class=\"fs-profile__avatar-initials\">\n          {{ initials }}\n        </span>\n      </div>\n      <div *ngIf=\"verified\" class=\"fs-profile__verified\" aria-label=\"Verificado\">\n        <svg width=\"9\" height=\"9\" viewBox=\"0 0 10 10\" fill=\"none\">\n          <path d=\"M2 5l2 2 4-4\"\n            stroke=\"white\" stroke-width=\"1.6\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        </svg>\n      </div>\n    </div>\n\n    <!-- identidad -->\n    <div class=\"fs-profile__name\">{{ name }}</div>\n    <div *ngIf=\"handle\" class=\"fs-profile__handle\">&#64;{{ handle }}</div>\n    <div *ngIf=\"role\" class=\"fs-profile__role\">{{ role }}</div>\n\n    <!-- acciones -->\n    <div *ngIf=\"showActions\" class=\"fs-profile__actions\">\n      <button\n        class=\"fs-profile__btn fs-profile__btn--primary\"\n        type=\"button\"\n        (click)=\"primaryAction.emit()\"\n      >\n        {{ primaryActionLabel }}\n      </button>\n      <button\n        class=\"fs-profile__btn fs-profile__btn--outline\"\n        type=\"button\"\n        (click)=\"secondaryAction.emit()\"\n      >\n        {{ secondaryActionLabel }}\n      </button>\n    </div>\n\n    <!-- links -->\n    <div *ngIf=\"links.length\" class=\"fs-profile__links\">\n      <a\n        *ngFor=\"let link of links\"\n        class=\"fs-profile__link\"\n        [href]=\"link.url || '#'\"\n        [attr.target]=\"link.url ? '_blank' : null\"\n        [attr.rel]=\"link.url ? 'noopener noreferrer' : null\"\n      >\n        <svg *ngIf=\"link.icon\" width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n          <path [attr.d]=\"link.icon\" stroke=\"currentColor\" stroke-width=\"1.3\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        </svg>\n        <span>{{ link.label }}</span>\n      </a>\n    </div>\n\n    <!-- badges -->\n    <div *ngIf=\"badges.length\" class=\"fs-profile__badges\">\n      <fs-badge\n        *ngFor=\"let badge of badges\"\n        [color]=\"badge.color || 'neutral'\"\n        [iconLeft]=\"badge.iconLeft\"\n        variant=\"filled\"\n        size=\"sm\"\n      >{{ badge.label }}</fs-badge>\n    </div>\n\n  </div>\n\n  <!-- stats footer -->\n  <div *ngIf=\"stats.length\" class=\"fs-profile__stats\">\n    <div *ngFor=\"let stat of stats\" class=\"fs-profile__stat\">\n      <span class=\"fs-profile__stat-value\">{{ stat.value }}</span>\n      <span class=\"fs-profile__stat-label\">{{ stat.label }}</span>\n    </div>\n  </div>\n\n</div>\n","import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  OnInit,\n  OnDestroy,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nexport type FsAlertType    = 'info' | 'success' | 'warning' | 'danger' | 'neutral';\nexport type FsAlertVariant = 'filled' | 'accent';\n\n@Component({\n  selector: 'fs-alert',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './alert.component.html',\n  styleUrl: './alert.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsAlertComponent implements OnInit, OnDestroy {\n\n  /** Tipo semántico del alert */\n  @Input() type: FsAlertType = 'info';\n\n  /** filled = fondo sutil · accent = borde izquierdo */\n  @Input() variant: FsAlertVariant = 'filled';\n\n  /** Título opcional en negrita */\n  @Input() title?: string;\n\n  /** Muestra botón X para cerrar */\n  @Input() dismissible = false;\n\n  /**\n   * Auto-cierre en milisegundos.\n   * 0 = deshabilitado.\n   * Muestra progress bar cuando está activo.\n   */\n  @Input() autoDismiss = 0;\n\n  /** Emite cuando el alert se cierra (botón X o auto-dismiss) */\n  @Output() dismissed = new EventEmitter<void>();\n\n  // Estado interno de animación\n  animState: 'entering' | 'visible' | 'exiting' = 'entering';\n\n  private autoTimer?: ReturnType<typeof setTimeout>;\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnInit(): void {\n    // tras la animación de entrada → visible\n    setTimeout(() => {\n      this.animState = 'visible';\n      this.cdr.markForCheck();\n    }, 300);\n\n    if (this.autoDismiss > 0) {\n      this.autoTimer = setTimeout(() => this.dismiss(), this.autoDismiss);\n    }\n  }\n\n  ngOnDestroy(): void {\n    if (this.autoTimer) clearTimeout(this.autoTimer);\n  }\n\n  dismiss(): void {\n    if (this.animState === 'exiting') return;\n    this.animState = 'exiting';\n    this.cdr.markForCheck();\n\n    // esperar la animación de salida antes de emitir\n    setTimeout(() => {\n      this.dismissed.emit();\n    }, 240);\n  }\n\n  get progressDuration(): string {\n    return `${this.autoDismiss}ms`;\n  }\n\n  get iconPath(): string {\n    const icons: Record<FsAlertType, string> = {\n      info:    'M8 7v4M8 5.5v.01M2 8a6 6 0 1 0 12 0A6 6 0 0 0 2 8z',\n      success: 'M5 8l2 2 4-4M2 8a6 6 0 1 0 12 0A6 6 0 0 0 2 8z',\n      warning: 'M8 2L2 13h12L8 2zM8 7v3M8 11.5v.01',\n      danger:  'M8 5v4M8 10.5v.01M2 8a6 6 0 1 0 12 0A6 6 0 0 0 2 8z',\n      neutral: 'M8 7v4M8 5.5v.01M2 8a6 6 0 1 0 12 0A6 6 0 0 0 2 8z',\n    };\n    return icons[this.type];\n  }\n}\n","<div\n  *ngIf=\"animState !== 'exiting' || true\"\n  class=\"fs-alert\"\n  [class.fs-alert--entering]=\"animState === 'entering'\"\n  [class.fs-alert--visible]=\"animState === 'visible'\"\n  [class.fs-alert--exiting]=\"animState === 'exiting'\"\n  [class]=\"'fs-alert fs-alert--' + type + ' fs-alert--' + variant\"\n  [attr.role]=\"type === 'danger' ? 'alert' : 'status'\"\n  [attr.aria-live]=\"type === 'danger' ? 'assertive' : 'polite'\"\n>\n\n  <!-- ícono semántico -->\n  <svg\n    class=\"fs-alert__icon\"\n    width=\"16\" height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    aria-hidden=\"true\"\n  >\n    <path\n      [attr.d]=\"iconPath\"\n      stroke=\"currentColor\"\n      stroke-width=\"1.5\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n\n  <!-- cuerpo -->\n  <div class=\"fs-alert__body\">\n    <div *ngIf=\"title\" class=\"fs-alert__title\">{{ title }}</div>\n    <div class=\"fs-alert__desc\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n\n  <!-- botón cerrar -->\n  <button\n    *ngIf=\"dismissible\"\n    class=\"fs-alert__close\"\n    type=\"button\"\n    aria-label=\"Cerrar\"\n    (click)=\"dismiss()\"\n  >\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n      <path\n        d=\"M3 3l8 8M11 3L3 11\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n      />\n    </svg>\n  </button>\n\n  <!-- progress bar de auto-dismiss -->\n  <div\n    *ngIf=\"autoDismiss > 0\"\n    class=\"fs-alert__progress\"\n    [style.animation-duration]=\"progressDuration\"\n  ></div>\n\n</div>\n","import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  AfterViewInit,\n  OnChanges,\n  SimpleChanges,\n  ViewChild,\n  ElementRef,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  NgZone,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nexport interface FsTab {\n  /** Identificador único de la tab */\n  id: string;\n  /** Texto visible en el encabezado */\n  label: string;\n  /** Deshabilita la tab */\n  disabled?: boolean;\n}\n\n@Component({\n  selector: 'fs-tabs',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './tabs.component.html',\n  styleUrl: './tabs.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsTabsComponent implements AfterViewInit, OnChanges {\n\n  /** Lista de tabs a renderizar */\n  @Input() tabs: FsTab[] = [];\n\n  /** Id de la tab activa */\n  @Input() activeTab = '';\n\n  /** Two-way binding: [(activeTab)] */\n  @Output() activeTabChange = new EventEmitter<string>();\n\n  /** Emite la tab completa al cambiar */\n  @Output() tabChange = new EventEmitter<FsTab>();\n\n  @ViewChild('tabsRow') tabsRow!: ElementRef<HTMLElement>;\n\n  indicatorLeft  = 0;\n  indicatorWidth = 0;\n\n  constructor(\n    private cdr: ChangeDetectorRef,\n    private zone: NgZone,\n  ) {}\n\n  ngAfterViewInit(): void {\n    this.updateIndicator();\n\n    // Recalcular al cambiar el tamaño del contenedor\n    this.zone.runOutsideAngular(() => {\n      const ro = new ResizeObserver(() => {\n        this.zone.run(() => {\n          this.updateIndicator();\n          this.cdr.markForCheck();\n        });\n      });\n      ro.observe(this.tabsRow.nativeElement);\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['activeTab'] || changes['tabs']) {\n      // Defer para que el DOM se actualice primero\n      setTimeout(() => this.updateIndicator());\n    }\n  }\n\n  selectTab(tab: FsTab): void {\n    if (tab.disabled) return;\n    this.activeTab = tab.id;\n    this.activeTabChange.emit(tab.id);\n    this.tabChange.emit(tab);\n    this.updateIndicator();\n  }\n\n  isActive(tab: FsTab): boolean {\n    return this.activeTab === tab.id;\n  }\n\n  private updateIndicator(): void {\n    if (!this.tabsRow) return;\n\n    const row   = this.tabsRow.nativeElement;\n    const items = row.querySelectorAll<HTMLElement>('.fs-tabs__item');\n    const idx   = this.tabs.findIndex(t => t.id === this.activeTab);\n\n    if (idx === -1 || !items[idx]) return;\n\n    const item = items[idx];\n    this.indicatorLeft  = item.offsetLeft;\n    this.indicatorWidth = item.offsetWidth;\n    this.cdr.markForCheck();\n  }\n}\n","<div class=\"fs-tabs\">\n\n  <!-- encabezado -->\n  <div class=\"fs-tabs__header\" #tabsRow role=\"tablist\">\n\n    <button\n      *ngFor=\"let tab of tabs\"\n      class=\"fs-tabs__item\"\n      [class.fs-tabs__item--active]=\"isActive(tab)\"\n      [class.fs-tabs__item--disabled]=\"tab.disabled\"\n      role=\"tab\"\n      [attr.aria-selected]=\"isActive(tab)\"\n      [attr.aria-disabled]=\"tab.disabled\"\n      [disabled]=\"tab.disabled\"\n      (click)=\"selectTab(tab)\"\n    >\n      {{ tab.label }}\n    </button>\n\n    <!-- indicator deslizante -->\n    <span\n      class=\"fs-tabs__indicator\"\n      [style.left.px]=\"indicatorLeft\"\n      [style.width.px]=\"indicatorWidth\"\n      aria-hidden=\"true\"\n    ></span>\n\n  </div>\n\n  <!-- contenido vía content projection -->\n  <div class=\"fs-tabs__content\" role=\"tabpanel\">\n    <ng-content></ng-content>\n  </div>\n\n</div>\n","/*\r\n * Public API Surface of fsociety\r\n */\r\n\r\nexport * from './lib/fsociety.service';\r\nexport * from './lib/fsociety.component';\r\n\r\nexport * from './lib/experience-card/experience-card.component';\r\nexport type { FsExperienceCard, FsExperienceBadge } from './lib/experience-card/experience-card.component';\r\n\r\nexport * from './lib/profile-card/profile-card.component';\r\nexport type { FsProfileStat, FsProfileLink, FsProfileBadge } from './lib/profile-card/profile-card.component';\r\n\r\nexport * from './lib/alert/alert.component';\r\nexport type { FsAlertType, FsAlertVariant } from './lib/alert/alert.component';\r\n\r\nexport * from './lib/tabs/tabs.component';\r\nexport type { FsTab } from './lib/tabs/tabs.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/tabs/tabs.component.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter, AfterViewInit, OnChanges, SimpleChanges, ElementRef, ChangeDetectorRef, NgZone } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface FsTab {
+    /** Identificador único de la tab */
+    id: string;
+    /** Texto visible en el encabezado */
+    label: string;
+    /** Deshabilita la tab */
+    disabled?: boolean;
+}
+export declare class FsTabsComponent implements AfterViewInit, OnChanges {
+    private cdr;
+    private zone;
+    /** Lista de tabs a renderizar */
+    tabs: FsTab[];
+    /** Id de la tab activa */
+    activeTab: string;
+    /** Two-way binding: [(activeTab)] */
+    activeTabChange: EventEmitter<string>;
+    /** Emite la tab completa al cambiar */
+    tabChange: EventEmitter<FsTab>;
+    tabsRow: ElementRef<HTMLElement>;
+    indicatorLeft: number;
+    indicatorWidth: number;
+    constructor(cdr: ChangeDetectorRef, zone: NgZone);
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    selectTab(tab: FsTab): void;
+    isActive(tab: FsTab): boolean;
+    private updateIndicator;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FsTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FsTabsComponent, "fs-tabs", never, { "tabs": { "alias": "tabs"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; }, { "activeTabChange": "activeTabChange"; "tabChange": "tabChange"; }, never, ["*"], true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@heroelc/fsociety",
-  "version": "0.0.1",
+  "version": "0.0.5",
   "description": "Angular component library with design system tokens, mixins and UI components",
   "author": "Heroel Carpinetti <heroeljcarpinetti@gmail.com>",
   "license": "MIT",

package/public-api.d.ts

@@ -6,3 +6,5 @@ export * from './lib/profile-card/profile-card.component';
 export type { FsProfileStat, FsProfileLink, FsProfileBadge } from './lib/profile-card/profile-card.component';
 export * from './lib/alert/alert.component';
 export type { FsAlertType, FsAlertVariant } from './lib/alert/alert.component';
+export * from './lib/tabs/tabs.component';
+export type { FsTab } from './lib/tabs/tabs.component';