@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1019-c → 1.5.1019-e

package/lib/components/bmb-input/bmb-input-validator/bmb-input-validator.component.d.ts

@@ -7,7 +7,7 @@ export type IBmbInputValType = 'radio' | 'checkbox' | 'email' | 'phone' | 'switc
 export declare class BmbInputValidatorComponent implements OnInit {
     private cdr;
     inputId: import("@angular/core").InputSignal<string>;
-    type: import("@angular/core").InputSignal<IBmbInputValType | IBmbInputType>;
+    type: import("@angular/core").InputSignal<IBmbInputType | IBmbInputValType>;
     appearance: import("@angular/core").InputSignal<string>;
     label: import("@angular/core").InputSignal<string>;
     labelPosition: import("@angular/core").InputSignal<IBbmSidePosition | null | undefined>;

package/lib/components/bmb-modal/bmb-modal.interface.d.ts

@@ -1,7 +1,16 @@
 import { TemplateRef } from '@angular/core';
+import { IButtonAppearance } from '../../types';
 export type IBmbModalSize = 'small' | 'medium' | 'large';
 export type IBmbModalType = 'informative' | 'action' | 'alert';
+export type IBmbNativeModalSize = IBmbModalSize | 'x-small' | 'x-large';
 export type IBmbModalAlertStyle = 'warning' | 'neutral' | 'primary' | 'event' | 'success' | 'error';
+export interface IBmbActionButton {
+    buttonName: string;
+    appearance?: IButtonAppearance;
+    label: string;
+    icon?: string;
+    action: () => void;
+}
 export interface ModalDataConfig {
     title?: string;
     subtitle?: string;
@@ -19,3 +28,10 @@ export interface ModalDataConfig {
     secondaryAction?: () => void;
     closeAction?: () => void;
 }
+export interface IBmbNativeModal extends Omit<ModalDataConfig, 'primaryAction' | 'secondaryAction' | 'closeAction' | 'extendButtons' | 'alertStyle' | 'size' | 'type'> {
+    modalId?: string;
+    size?: IBmbNativeModalSize;
+    iconStyle?: IBmbModalAlertStyle;
+    actions?: IBmbActionButton[];
+    closeModalClicked?: (event: unknown) => void;
+}

package/lib/components/bmb-modal/bmb-native-modal.component.d.ts

@@ -0,0 +1,33 @@
+import { TemplateRef } from '@angular/core';
+import { IBmbModalAlertStyle, IBmbNativeModalSize, IBmbActionButton } from './bmb-modal.interface';
+import { BmbNativeModalService } from '../../services/native-modal.service';
+import * as i0 from "@angular/core";
+export declare class BmbNativeModalComponent {
+    private modalService;
+    title: import("@angular/core").InputSignal<string>;
+    subtitle: import("@angular/core").InputSignal<string>;
+    content: import("@angular/core").InputSignal<string | TemplateRef<any>>;
+    actions: import("@angular/core").InputSignal<IBmbActionButton[]>;
+    alertIcon: import("@angular/core").InputSignal<IBmbModalAlertStyle | undefined>;
+    modalId: import("@angular/core").InputSignal<string>;
+    size: import("@angular/core").InputSignal<IBmbNativeModalSize>;
+    iconStyle: import("@angular/core").InputSignal<IBmbModalAlertStyle | undefined>;
+    actionsClicked: import("@angular/core").OutputEmitterRef<{
+        buttonName: string;
+        event: MouseEvent;
+    }>;
+    closeModalClicked: import("@angular/core").OutputEmitterRef<{
+        modalId: string;
+        event: MouseEvent;
+    }>;
+    constructor(modalService: BmbNativeModalService);
+    svgUrl: string;
+    modalIcon: import("@angular/core").Signal<string>;
+    getContainerClass(): string;
+    isTemplateRef(): boolean;
+    getContent(): any;
+    handleButtonClick(buttonName: string, event: MouseEvent): void;
+    handleCloseModal(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BmbNativeModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BmbNativeModalComponent, "bmb-native-modal", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "alertIcon": { "alias": "alertIcon"; "required": false; "isSignal": true; }; "modalId": { "alias": "modalId"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconStyle": { "alias": "iconStyle"; "required": false; "isSignal": true; }; }, { "actionsClicked": "actionsClicked"; "closeModalClicked": "closeModalClicked"; }, never, never, true, never>;
+}

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

@@ -1,12 +1,18 @@
 import { BmbNotificationService } from '../../services/notification.service';
 import { INotification } from '../bmb-push-notification/types';
+import { BmbNativeModalService } from '../../services/native-modal.service';
+import { IBmbNativeModal } from '../bmb-modal/bmb-modal.interface';
 import * as i0 from "@angular/core";
 export declare class BmbPortalComponent {
     private notificationSignal;
-    constructor(notificationSignal: BmbNotificationService);
+    private modalService;
+    constructor(notificationSignal: BmbNotificationService, modalService: BmbNativeModalService);
+    modalSignal: import("@angular/core").Signal<IBmbNativeModal[]>;
     getNotifications(): INotification[];
     closeNotification(notification: INotification): void;
     getNotificationPosition(): import("../../services/notification.service").NotificationPositionX | undefined;
+    handleCloseModal(id: string): void;
+    handleModalClick(item: IBmbNativeModal, event: unknown): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BmbPortalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BmbPortalComponent, "bmb-portal", never, {}, {}, never, never, true, never>;
 }

package/lib/components/bmb-simple-header/bmb-simple-header.component.d.ts

@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
 export declare class BmbSimpleHeaderComponent {
     title: import("@angular/core").InputSignal<string>;
     icon: import("@angular/core").InputSignal<string>;
+    iconAlternativeColor: import("@angular/core").InputSignal<boolean>;
     onIconClick: import("@angular/core").OutputEmitterRef<any>;
     handleClick(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BmbSimpleHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BmbSimpleHeaderComponent, "bmb-simple-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "onIconClick": "onIconClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BmbSimpleHeaderComponent, "bmb-simple-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconAlternativeColor": { "alias": "iconAlternativeColor"; "required": false; "isSignal": true; }; }, { "onIconClick": "onIconClick"; }, never, never, true, never>;
 }

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

@@ -2,7 +2,7 @@ import { AfterViewInit, OnInit, EventEmitter, ElementRef, TemplateRef, Renderer2
 import { MatPaginator, PageEvent } from '@angular/material/paginator';
 import { MatTableDataSource } from '@angular/material/table';
 import { SelectionModel } from '@angular/cdk/collections';
-import { TableColum, TableConfig } from './bmb-tables.interface';
+import { IBmbFiltersPosition, TableColum, TableConfig } from './bmb-tables.interface';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { FormControl, FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
@@ -29,7 +29,6 @@ export declare class BmbTablesComponent implements AfterViewInit, OnInit, OnChan
     resizableMousemove?: () => void;
     resizableMouseup?: () => void;
     searchControl: FormControl<string | null>;
-    filtersVisible: boolean;
     showSearch: import("@angular/core").InputSignal<boolean>;
     showFilters: import("@angular/core").InputSignal<boolean>;
     pageSize: import("@angular/core").InputSignal<number | undefined>;
@@ -46,6 +45,8 @@ export declare class BmbTablesComponent implements AfterViewInit, OnInit, OnChan
     clearSelection: import("@angular/core").ModelSignal<boolean>;
     serverSide: import("@angular/core").InputSignal<boolean>;
     currentPage: import("@angular/core").ModelSignal<number>;
+    filtersVisible: import("@angular/core").ModelSignal<boolean>;
+    filtersPosition: import("@angular/core").InputSignal<IBmbFiltersPosition>;
     select: EventEmitter<any>;
     clickedRow: EventEmitter<any>;
     searchChange: EventEmitter<string>;
@@ -60,6 +61,7 @@ export declare class BmbTablesComponent implements AfterViewInit, OnInit, OnChan
     headerCellRef: ElementRef;
     cellRef: ElementRef;
     onResize(event: any): void;
+    parsedFiltersColumns: import("@angular/core").Signal<TableColum[]>;
     constructor(renderer: Renderer2, sanitizer: DomSanitizer, cdr: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
@@ -96,6 +98,7 @@ export declare class BmbTablesComponent implements AfterViewInit, OnInit, OnChan
     goToPreviousPage(): void;
     goToNextPage(): void;
     goToLastPage(): void;
+    getTableClasses(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<BmbTablesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BmbTablesComponent, "bmb-table", never, { "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showFilters": { "alias": "showFilters"; "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; }; "actionTemplate": { "alias": "actionTemplate"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "detailTemplate": { "alias": "detailTemplate"; "required": false; "isSignal": true; }; "truncate": { "alias": "truncate"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "initialTableSelection": { "alias": "initialTableSelection"; "required": false; "isSignal": true; }; "lang": { "alias": "lang"; "required": false; "isSignal": true; }; "clearSelection": { "alias": "clearSelection"; "required": false; "isSignal": true; }; "serverSide": { "alias": "serverSide"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; }, { "clearSelection": "clearSelectionChange"; "currentPage": "currentPageChange"; "select": "select"; "clickedRow": "clickedRow"; "searchChange": "searchChange"; "filtersChange": "filtersChange"; "searchModeChange": "searchModeChange"; "pageChange": "pageChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BmbTablesComponent, "bmb-table", never, { "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showFilters": { "alias": "showFilters"; "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; }; "actionTemplate": { "alias": "actionTemplate"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "detailTemplate": { "alias": "detailTemplate"; "required": false; "isSignal": true; }; "truncate": { "alias": "truncate"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "initialTableSelection": { "alias": "initialTableSelection"; "required": false; "isSignal": true; }; "lang": { "alias": "lang"; "required": false; "isSignal": true; }; "clearSelection": { "alias": "clearSelection"; "required": false; "isSignal": true; }; "serverSide": { "alias": "serverSide"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "filtersVisible": { "alias": "filtersVisible"; "required": false; "isSignal": true; }; "filtersPosition": { "alias": "filtersPosition"; "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-tables/bmb-tables.interface.d.ts

@@ -9,6 +9,8 @@ export interface TableColum {
     width?: number;
     type?: 'string' | 'number' | 'date';
     icon?: string;
+    dateFormat?: string;
+    isFilterable?: boolean;
 }
 export interface TableConfig {
     isSelectable?: boolean;
@@ -16,3 +18,4 @@ export interface TableConfig {
     isExpandible?: boolean;
     showActions?: boolean;
 }
+export type IBmbFiltersPosition = 'top' | 'right' | 'bottom' | 'left';

package/lib/services/native-modal.service.d.ts

@@ -0,0 +1,18 @@
+import { ApplicationRef, EnvironmentInjector } from '@angular/core';
+import { IBmbNativeModal } from '../components/bmb-modal/bmb-modal.interface';
+import * as i0 from "@angular/core";
+export declare class BmbNativeModalService {
+    private appRef;
+    private environmentInjector;
+    readonly modalList: import("@angular/core").WritableSignal<IBmbNativeModal[]>;
+    private portalComponentRef;
+    constructor(appRef: ApplicationRef, environmentInjector: EnvironmentInjector);
+    private getOrCreatePortal;
+    openModal(newModal: IBmbNativeModal): string;
+    closeModal(id: string): void;
+    closeAllModals(): void;
+    getModalList(): IBmbNativeModal[];
+    checkIfModalExists(id: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BmbNativeModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BmbNativeModalService>;
+}

package/lib/services/notification.service.d.ts

@@ -1,15 +1,20 @@
+import { ApplicationRef, EnvironmentInjector } from '@angular/core';
 import { INotification } from '../components/bmb-push-notification/types';
 import * as i0 from "@angular/core";
 export type NotificationPositionX = 'left' | 'right';
 export type NotificationPositionY = 'top' | 'bottom';
 export declare class BmbNotificationService {
+    private appRef;
+    private environmentInjector;
     positionX?: NotificationPositionX | undefined;
     positionY?: NotificationPositionY | undefined;
     readonly notificationList: import("@angular/core").WritableSignal<INotification[]>;
-    constructor(positionX?: NotificationPositionX | undefined, positionY?: NotificationPositionY | undefined);
+    private portalComponentRef;
+    constructor(appRef: ApplicationRef, environmentInjector: EnvironmentInjector, positionX?: NotificationPositionX | undefined, positionY?: NotificationPositionY | undefined);
+    private getOrCreatePortal;
     addNotification(notification: INotification): void;
     deleteNotification(id: string): void;
     getNotificationList(): INotification[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<BmbNotificationService, [{ optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BmbNotificationService, [null, null, { optional: true; }, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<BmbNotificationService>;
 }

package/lib/types/index.d.ts

@@ -9,6 +9,7 @@ export * from '../components/bmb-alert-center/types';
 export * from '../components/bmb-chat-bubbles/types';
 export * from '../components/bmb-sidebar/bmb-sidebar.interface';
 export * from '../components/bmb-grades/types';
+export * from '../components/bmb-tables/bmb-tables.interface';
 export type SizeNames = 'xs' | 's' | 'm' | 'l' | 'xl' | 'none' | 'auto';
 export type IButtonAppearance = 'primary' | 'secondary-filled' | 'secondary-outlined' | 'destructive' | 'transparent';
 export type IButtonSize = 'small' | 'large' | 'micro';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ti-tecnologico-de-monterrey-oficial/ds-ng",
-  "version": "1.5.1019-c",
+  "version": "1.5.1019-e",
   "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",
@@ -35,4 +35,4 @@
   "sideEffects": false,
   "module": "fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs",
   "typings": "index.d.ts"
-}
+}

package/public-api.d.ts

@@ -5,6 +5,7 @@ export * from './lib/services/calendar.service';
 export * from './lib/services/user/profile.service';
 export * from './lib/components/bmb-login-onboarding/bmb-login-onboarding.service';
 export * from './lib/components/bmb-alert-center/bmb-alert-center.service';
+export * from './lib/services/native-modal.service';
 export * from './lib/ds-ng.component';
 export * from './lib/directives/bmb-button/button.directive';
 export * from './lib/directives/bmb-layout/bmb-layout-item.directive';
@@ -136,5 +137,6 @@ export * from './lib/components/bmb-title-content/bmb-title-content.component';
 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/types';
 export * from './lib/components/bmb-modal/bmb-modal.interface';