@ajuarezso/sui-design-system 0.23.1 → 0.24.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ajuarezso/sui-design-system",
-  "version": "0.23.1",
+  "version": "0.24.1",
   "description": "SUI Design System — librería de componentes Angular (SUI 2.0).",
   "license": "UNLICENSED",
   "publishConfig": {

package/types/ajuarezso-sui-design-system.d.ts

@@ -11281,8 +11281,14 @@ declare class SuiTabChips implements AfterViewInit, OnDestroy {
     readonly size: _angular_core.InputSignal<SuiTabChipsSize>;
     /** Auto-scroll horizontal del chip activo al cambiar `value`. */
     readonly autoScroll: _angular_core.InputSignal<boolean>;
+    /**
+     * Pista de desborde (canon, dueño 05-10-2026): degradado en el borde con chips
+     * ocultos y, con mouse, flechas que desplazan. `false` la apaga.
+     */
+    readonly pistaDeScroll: _angular_core.InputSignal<boolean>;
     sentinelRef?: ElementRef<HTMLDivElement>;
     navRef?: ElementRef<HTMLElement>;
+    private pistaRef?;
     /** Estado interno: chip pegado al top del viewport (solo si sticky=true). */
     protected readonly stuck: _angular_core.WritableSignal<boolean>;
     /** Normaliza el input a SuiTabChipItem[] para iteración uniforme. */
@@ -11308,7 +11314,7 @@ declare class SuiTabChips implements AfterViewInit, OnDestroy {
     protected onKeydown(event: KeyboardEvent): void;
     private scrollToChip;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTabChips, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTabChips, "sui-tab-chips", never, { "chips": { "alias": "chips"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autoScroll": { "alias": "autoScroll"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTabChips, "sui-tab-chips", never, { "chips": { "alias": "chips"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autoScroll": { "alias": "autoScroll"; "required": false; "isSignal": true; }; "pistaDeScroll": { "alias": "pistaDeScroll"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 /**
@@ -11517,6 +11523,11 @@ declare class SuiTable<T = any> {
     readonly striped: _angular_core.InputSignal<boolean>;
     readonly selectable: _angular_core.InputSignal<boolean>;
     readonly rowKey: _angular_core.InputSignal<keyof T | ((row: T) => any) | undefined>;
+    /**
+     * Pista de desborde (canon, dueño 05-10-2026): degradado en el borde con
+     * columnas ocultas y, con mouse, flechas que desplazan. `false` la apaga.
+     */
+    readonly pistaDeScroll: _angular_core.InputSignal<boolean>;
     readonly selectedRows: _angular_core.ModelSignal<Set<any>>;
     readonly sortKey: _angular_core.ModelSignal<string | null>;
     readonly sortDir: _angular_core.ModelSignal<"desc" | "asc" | null>;
@@ -11526,6 +11537,7 @@ declare class SuiTable<T = any> {
         dir: "asc" | "desc" | null;
     }>;
     private readonly scrollEl;
+    private readonly pista;
     private readonly destroyRef;
     private readonly doc;
     constructor();
@@ -11579,7 +11591,7 @@ declare class SuiTable<T = any> {
     /** Genera skeleton cells basado en columnas */
     get skeletonCells(): number[];
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTable<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTable<any>, "sui-table", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "rows": { "alias": "rows"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "selectedRows": { "alias": "selectedRows"; "required": false; "isSignal": true; }; "sortKey": { "alias": "sortKey"; "required": false; "isSignal": true; }; "sortDir": { "alias": "sortDir"; "required": false; "isSignal": true; }; }, { "selectedRows": "selectedRowsChange"; "sortKey": "sortKeyChange"; "sortDir": "sortDirChange"; "rowClicked": "rowClicked"; "sortChanged": "sortChanged"; }, ["cellTemplates"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTable<any>, "sui-table", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "rows": { "alias": "rows"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "pistaDeScroll": { "alias": "pistaDeScroll"; "required": false; "isSignal": true; }; "selectedRows": { "alias": "selectedRows"; "required": false; "isSignal": true; }; "sortKey": { "alias": "sortKey"; "required": false; "isSignal": true; }; "sortDir": { "alias": "sortDir"; "required": false; "isSignal": true; }; }, { "selectedRows": "selectedRowsChange"; "sortKey": "sortKeyChange"; "sortDir": "sortDirChange"; "rowClicked": "rowClicked"; "sortChanged": "sortChanged"; }, ["cellTemplates"], never, true, never>;
 }
 
 type SuiTabMenuHorizontalSize = 'small' | 'medium' | 'large' | 'xlarge';