@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1218-c → 1.5.1218-d

package/lib/components/bmb-sidebar/bmb-sidebar.component.d.ts

@@ -22,7 +22,7 @@ export declare class BmbSidebarComponent implements OnInit {
     onFocusOut(): void;
     ngOnInit(): void;
     checkForButton({ isMobile, hasChildren }: IBmbIsButton): boolean;
-    getLink({ link, isMobile, hasChildren, }: IBmbIsButton): string;
+    getLink({ link, isMobile, hasChildren }: IBmbIsButton): string;
     closeSidebar(): void;
     clearSelectElement(): void;
     toggleChildren(element: SidebarElement): void;

package/lib/components/bmb-table-lite/bmb-table-lite.component.d.ts

@@ -0,0 +1,97 @@
+import { OnInit, EventEmitter, TemplateRef, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import { FormControl, FormGroup } from '@angular/forms';
+import { SelectionModel } from '@angular/cdk/collections';
+import { IBmbFiltersPosition, TableColum, TableConfig, IBmbTableLang } from './bmb-table-lite.interface';
+import * as i0 from "@angular/core";
+export declare class BmbTableLiteComponent implements OnInit, OnChanges {
+    private cdr;
+    private _rawColumns;
+    private _rawConfig;
+    originalData: any[];
+    filteredData: any[];
+    pageSlice: any[];
+    expandedElement: any;
+    selection: SelectionModel<any>;
+    tableConfig: TableConfig | undefined;
+    filterForm: FormGroup<{}>;
+    searchControl: FormControl<string | null>;
+    tableColumns: TableColum[];
+    showSearch: import("@angular/core").InputSignal<boolean>;
+    pageSize: import("@angular/core").InputSignal<number | undefined>;
+    totalItems: import("@angular/core").InputSignal<number>;
+    data: import("@angular/core").InputSignal<any[]>;
+    columns: import("@angular/core").InputSignal<TableColum[]>;
+    config: import("@angular/core").InputSignal<TableConfig | undefined>;
+    truncate: import("@angular/core").InputSignal<boolean>;
+    lang: import("@angular/core").InputSignal<IBmbTableLang>;
+    serverSide: import("@angular/core").InputSignal<boolean>;
+    filtersPosition: import("@angular/core").InputSignal<IBmbFiltersPosition>;
+    initialTableSelection: import("@angular/core").InputSignal<number[]>;
+    actionTemplate: import("@angular/core").InputSignal<TemplateRef<any> | null>;
+    detailTemplate: import("@angular/core").InputSignal<TemplateRef<any> | null>;
+    clearSelection: import("@angular/core").ModelSignal<boolean>;
+    currentPage: import("@angular/core").ModelSignal<number>;
+    filtersVisible: import("@angular/core").ModelSignal<boolean>;
+    select: EventEmitter<any>;
+    clickedRow: EventEmitter<any>;
+    searchChange: EventEmitter<string>;
+    filtersChange: EventEmitter<Record<string, any>>;
+    searchModeChange: EventEmitter<"client" | "server">;
+    pageChange: EventEmitter<{
+        pageIndex: number;
+        pageSize: number;
+    }>;
+    parsedFiltersColumns: import("@angular/core").Signal<TableColum[]>;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    parseData(data: any[]): void;
+    parseColumns(columns: TableColum[]): void;
+    setConfig(cfg: TableConfig): void;
+    private applyColumnsAndConfig;
+    setupDynamicFilters(): void;
+    applyFilters(): void;
+    get resolvedPageSize(): number;
+    private applyClientPagination;
+    onPageEvent(pageIndex: number): void;
+    isFirstPage(): boolean;
+    isLastPage(): boolean;
+    isSinglePage(): boolean;
+    lastPage(): number;
+    goToFirstPage(): void;
+    goToPreviousPage(): void;
+    goToNextPage(): void;
+    goToLastPage(): void;
+    getPaginationText(): string;
+    onSelectRow(row: any): void;
+    onSelect(): void;
+    isAllSelected(): boolean;
+    toggleAllRows(): void;
+    checkboxLabel(row?: any): string;
+    isEven(rowIndex: number): boolean;
+    isOdd(rowIndex: number): boolean;
+    isTemplateRef(value: any): boolean;
+    getCellClasses(row: any, columnKey: string, index: number): any;
+    getHeaderCellClasses(i: number): any;
+    getTableClasses(): string[];
+    getFormControl(name: string): FormControl;
+    toggleFilters(): void;
+    get colCount(): number;
+    get colCheckbox(): "0px" | "62px";
+    get colExpand(): "0px" | "40px";
+    get colActions(): "0px" | "80px";
+    get hasCheckbox(): 1 | 0;
+    get hasExpand(): 1 | 0;
+    get hasActions(): 1 | 0;
+    get cssVars(): {
+        '--col-count': number;
+        '--col-checkbox': string;
+        '--col-expand': string;
+        '--col-actions': string;
+        '--grid-template': string;
+    };
+    trackByColumn(column: any): string | number;
+    trackByRow(row: any): string | number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BmbTableLiteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BmbTableLiteComponent, "bmb-table-lite", never, { "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "truncate": { "alias": "truncate"; "required": false; "isSignal": true; }; "lang": { "alias": "lang"; "required": false; "isSignal": true; }; "serverSide": { "alias": "serverSide"; "required": false; "isSignal": true; }; "filtersPosition": { "alias": "filtersPosition"; "required": false; "isSignal": true; }; "initialTableSelection": { "alias": "initialTableSelection"; "required": false; "isSignal": true; }; "actionTemplate": { "alias": "actionTemplate"; "required": false; "isSignal": true; }; "detailTemplate": { "alias": "detailTemplate"; "required": false; "isSignal": true; }; "clearSelection": { "alias": "clearSelection"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "filtersVisible": { "alias": "filtersVisible"; "required": false; "isSignal": true; }; }, { "clearSelection": "clearSelectionChange"; "currentPage": "currentPageChange"; "filtersVisible": "filtersVisibleChange"; "select": "select"; "clickedRow": "clickedRow"; "searchChange": "searchChange"; "filtersChange": "filtersChange"; "searchModeChange": "searchModeChange"; "pageChange": "pageChange"; }, never, never, true, never>;
+}

package/lib/components/bmb-table-lite/bmb-table-lite.interface.d.ts

@@ -0,0 +1,22 @@
+import { TemplateRef } from '@angular/core';
+export interface TableColum {
+    label: string;
+    labelEn?: string;
+    def: string;
+    dataKey: string;
+    htmlLabel?: TemplateRef<any>;
+    templateActions?: TemplateRef<any>;
+    width?: number;
+    type?: 'string' | 'number' | 'date';
+    icon?: string;
+    dateFormat?: string;
+    isFilterable?: boolean;
+}
+export interface TableConfig {
+    isSelectable?: boolean;
+    isPaginable?: boolean;
+    isExpandible?: boolean;
+    showActions?: boolean;
+}
+export type IBmbFiltersPosition = 'top' | 'right' | 'bottom' | 'left';
+export type IBmbTableLang = 'en' | 'es';

package/lib/components/bmb-tags/bmb-tags.component.d.ts

@@ -12,6 +12,7 @@ export declare class BmbTagComponent implements AfterViewInit {
     activityTag: import("@angular/core").InputSignal<boolean>;
     isDisabled: import("@angular/core").InputSignal<boolean>;
     isActive: import("@angular/core").InputSignal<boolean>;
+    enableClick: import("@angular/core").InputSignal<boolean>;
     closedTag: import("@angular/core").OutputEmitterRef<string>;
     clickedTag: import("@angular/core").OutputEmitterRef<string>;
     groupedTags: never[];
@@ -21,5 +22,5 @@ export declare class BmbTagComponent implements AfterViewInit {
     closeTag(text: string): void;
     clickTag(text: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BmbTagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BmbTagComponent, "bmb-tag", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "grouped": { "alias": "grouped"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "activityTag": { "alias": "activityTag"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; }, { "closedTag": "closedTag"; "clickedTag": "clickedTag"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BmbTagComponent, "bmb-tag", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "grouped": { "alias": "grouped"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "activityTag": { "alias": "activityTag"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "enableClick": { "alias": "enableClick"; "required": false; "isSignal": true; }; }, { "closedTag": "closedTag"; "clickedTag": "clickedTag"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ti-tecnologico-de-monterrey-oficial/ds-ng",
-  "version": "1.5.1218-c",
+  "version": "1.5.1218-d",
   "description": "Design System oficial del Tecnológico de Monterrey - Descubre cómo nuestro Design System no solo da forma a la estética, sino que también impulsa la consistencia en cada rincón de nuestro diseño, proporcionando una base sólida para construir experiencias memorables y coherentes. Únete a nosotros en este viaje donde la creatividad, coherencia y elegancia se encuentran para dar vida a un mundo visualmente armonioso y funcionalmente fluido.",
   "keywords": [
     "angular",

package/public-api.d.ts

@@ -139,5 +139,6 @@ export * from './lib/components/bmb-item/bmb-item.component';
 export * from './lib/components/bmb-navigation-bar/bmb-navigation-bar.component';
 export * from './lib/components/bmb-notice-card/bmb-notice-card.component';
 export * from './lib/components/bmb-modal/bmb-native-modal.component';
+export * from './lib/components/bmb-table-lite/bmb-table-lite.component';
 export * from './lib/types';
 export * from './lib/components/bmb-modal/bmb-modal.interface';