ui-core-abv 0.3.1 → 0.3.4

package/lib/components/dynamic-form/form-wrapper/form-wrapper.component.d.ts

@@ -17,6 +17,7 @@ export declare class UicFormWrapperComponent implements OnChanges {
     formSubmit: EventEmitter<FormResult>;
     formChange: EventEmitter<uicFormValuesRecord>;
     private readonly destroy$;
+    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     private buildForm;
     ngOnDestroy(): void;

package/lib/components/inputs/phone-input/phone-input.component.d.ts

@@ -44,6 +44,8 @@ export declare class UicPhoneInputComponent extends base implements OnChanges, O
     selectedCountry: PhoneCountry;
     filteredCountries: PhoneCountry[];
     readonly dropdownId: string;
+    private pendingNormalizedValue;
+    private changeRegistered;
     private _countries;
     private readonly host;
     private readonly overlay;
@@ -53,7 +55,8 @@ export declare class UicPhoneInputComponent extends base implements OnChanges, O
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
-    writeValue(value: PhoneInputModel): void;
+    writeValue(value: PhoneInputModel | string): void;
+    registerOnChange(fn: any): void;
     toggleDropdown(): void;
     selectCountry(country: PhoneCountry): void;
     onNumberInput(event: Event): void;
@@ -67,6 +70,9 @@ export declare class UicPhoneInputComponent extends base implements OnChanges, O
     private resetSearch;
     private resetCountryLists;
     private getDefaultCountry;
+    private parseStringValue;
+    private findCountryByPrefix;
+    private propagateNormalizedValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicPhoneInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UicPhoneInputComponent, "ui-phone-input", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "internalIcon": { "alias": "internalIcon"; "required": false; }; "internalIconColor": { "alias": "internalIconColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "preferredCountries": { "alias": "preferredCountries"; "required": false; }; "flagPath": { "alias": "flagPath"; "required": false; }; "countries": { "alias": "countries"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/push-alerts/tynyalert.helpers.d.ts

@@ -0,0 +1,6 @@
+import { AlertData } from '../tiny-alert/tiny-alert.model';
+export declare function createTinySuccess(body: string, options?: Partial<AlertData>): AlertData;
+export declare function createTinyError(body: string, options?: Partial<AlertData>): AlertData;
+export declare function createTinyDelete(body: string, options?: Partial<AlertData>): AlertData;
+export declare function createTinyWarning(body: string, options?: Partial<AlertData>): AlertData;
+export declare function createTinyInfo(body: string, options?: Partial<AlertData>): AlertData;

package/lib/components/signature-pad/signature-pad.component.d.ts

@@ -0,0 +1,36 @@
+import { AfterViewInit, ElementRef, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+declare const base: abstract new () => {
+    value: Blob | null;
+    valueChange: EventEmitter<Blob | null>;
+    onChange: (value: Blob | null) => void;
+    onTouched: () => void;
+    writeValue(obj: Blob | null): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    notifyChange(value: Blob | null): void;
+};
+export declare class UicSignaturePadComponent extends base implements AfterViewInit {
+    width: number;
+    height: number;
+    strokeColor: string;
+    strokeWidth: number;
+    disabled: boolean;
+    imageChange: EventEmitter<Blob | null>;
+    canvasRef: ElementRef<HTMLCanvasElement>;
+    private ctx;
+    private drawing;
+    ngAfterViewInit(): void;
+    startDraw(event: PointerEvent): void;
+    draw(event: PointerEvent): void;
+    endDraw(event: PointerEvent): void;
+    clear(): void;
+    private emitSignature;
+    private relativePosition;
+    writeValue(value: Blob | null): void;
+    private resetCanvas;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicSignaturePadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicSignaturePadComponent, "ui-signature-pad", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "strokeColor": { "alias": "strokeColor"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "imageChange": "imageChange"; }, never, never, true, never>;
+}
+export {};

package/lib/components/table/table-pagination/table-pagination.component.d.ts

@@ -6,6 +6,7 @@ export declare class UicTablePaginationComponent {
     totalPages: number;
     size: number;
     loading: boolean;
+    showText: boolean;
     visiblePages: number;
     pagesInView: number[];
     pageChange: EventEmitter<number>;
@@ -13,5 +14,5 @@ export declare class UicTablePaginationComponent {
     get pages(): (number | string)[];
     changePage(newPage: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicTablePaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicTablePaginationComponent, "uic-table-pagination", never, { "buttonSize": { "alias": "buttonSize"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "totalPages": { "alias": "totalPages"; "required": false; }; "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "pageChange": "pageChange"; "sizeChange": "sizeChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicTablePaginationComponent, "uic-table-pagination", never, { "buttonSize": { "alias": "buttonSize"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "totalPages": { "alias": "totalPages"; "required": false; }; "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; }, { "pageChange": "pageChange"; "sizeChange": "sizeChange"; }, never, never, true, never>;
 }

package/lib/components/table/table.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, SimpleChanges } from '@angular/core';
 import { TableAction, TableColums, TableRow, TableFilters, TableRowData, TableButton } from './table.models';
 import { ButtonColor } from '../button/button.component';
 import { ActionMenuOption } from '../uic-action-button/uic-action-button.component';
@@ -7,6 +7,7 @@ export declare class UicTableComponent {
     columns: TableColums[];
     data: TableRow[];
     loading: boolean;
+    disabled: boolean;
     pages: number;
     size: number;
     squeletonRows: number;
@@ -22,13 +23,20 @@ export declare class UicTableComponent {
     headerBackgroundColor: ButtonColor;
     striped: boolean;
     showPagination: boolean;
+    searchOnKeydown: boolean;
     showEmptyMessage: boolean;
     showSearchButton: boolean;
+    showTextPagination: boolean;
     emptyMessage: string;
     searcherShowButtonText: boolean;
     action: EventEmitter<TableAction>;
     update: EventEmitter<TableFilters>;
     checkedChange: EventEmitter<(string | number)[]>;
+    switchChange: EventEmitter<{
+        key: string | number;
+        value: boolean;
+        columName: string;
+    }>;
     allSelected: boolean;
     checkedIds: Set<string | number>;
     sortKey: string;
@@ -36,6 +44,7 @@ export declare class UicTableComponent {
     filter: string;
     page: number;
     getValue(data: TableRowData[], key: string): string;
+    isChecked(data: TableRowData[], key: string): boolean;
     getMoreActions(actions: TableButton[], row: TableRowData[]): ActionMenuOption[];
     getFontColor(data: TableRowData[], key: string): string;
     getBackgroundColor(data: TableRowData[], key: string): import("ui-core-abv").BackgroundColors;
@@ -51,9 +60,10 @@ export declare class UicTableComponent {
     toggleSelection(id: string | number, checked: boolean): void;
     toggleAll(checked: boolean): void;
     areAllSelected(): void;
-    ngOnChanges(): void;
+    ngOnChanges(change: SimpleChanges): void;
     doAction(rowId: string | number, key: string): void;
     resetCheckedIds(): void;
+    switchHandler(key: string | number, value: boolean, columName: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicTableComponent, "ui-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "pages": { "alias": "pages"; "required": false; }; "size": { "alias": "size"; "required": false; }; "squeletonRows": { "alias": "squeletonRows"; "required": false; }; "buttonSize": { "alias": "buttonSize"; "required": false; }; "highlightedId": { "alias": "highlightedId"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; "headerBackgroundColor": { "alias": "headerBackgroundColor"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "showSearchButton": { "alias": "showSearchButton"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "searcherShowButtonText": { "alias": "searcherShowButtonText"; "required": false; }; }, { "action": "action"; "update": "update"; "checkedChange": "checkedChange"; }, never, ["[actions]", "[filters]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicTableComponent, "ui-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pages": { "alias": "pages"; "required": false; }; "size": { "alias": "size"; "required": false; }; "squeletonRows": { "alias": "squeletonRows"; "required": false; }; "buttonSize": { "alias": "buttonSize"; "required": false; }; "highlightedId": { "alias": "highlightedId"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; "headerBackgroundColor": { "alias": "headerBackgroundColor"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "searchOnKeydown": { "alias": "searchOnKeydown"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "showSearchButton": { "alias": "showSearchButton"; "required": false; }; "showTextPagination": { "alias": "showTextPagination"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "searcherShowButtonText": { "alias": "searcherShowButtonText"; "required": false; }; }, { "action": "action"; "update": "update"; "checkedChange": "checkedChange"; "switchChange": "switchChange"; }, never, ["[actions]", "[filters]"], true, never>;
 }

package/lib/components/table/table.models.d.ts

@@ -29,6 +29,7 @@ export interface TableRow {
 export interface TableRowData {
     key: string;
     value?: string | number;
+    checked?: boolean;
     list?: TableList[];
     user?: TableUser;
     icon?: string;
@@ -53,7 +54,7 @@ export interface TableAction {
     rowId: number | string;
     key: string;
 }
-export type ColumnTypes = 'actions' | 'text' | 'list' | 'user' | 'checkbox' | 'icon-list' | 'status';
+export type ColumnTypes = 'actions' | 'text' | 'list' | 'user' | 'checkbox' | 'icon-list' | 'status' | 'switch';
 export type TableTextColors = 'primary' | 'red' | 'green' | 'blue' | 'yellow' | 'black' | 'grey';
 export type BackgroundColors = 'primary' | 'secondary' | 'red' | 'green' | 'blue' | 'yellow' | 'black' | 'grey' | 'transparent' | 'white';
 export interface TableFilters {

package/lib/components/tiny-alert/tiny-alert.model.d.ts

@@ -4,6 +4,7 @@ export interface AlertData {
     body?: string;
     type?: 'delete' | 'warning' | 'error' | 'info' | 'success';
     iconPath?: string;
+    iconChar?: string;
     closeOnOutclick?: boolean;
     okButtonColor?: ButtonColor;
     okButtonText?: string;

package/lib/components/uic-portlet-card/uic-portlet-card.component.d.ts

@@ -1,20 +1,23 @@
 import { ButtonColor } from '../button/button.component';
 import * as i0 from "@angular/core";
 export declare class UicPortletCardComponent {
+    title: string;
     data: UicPortletData[];
     /** Layout mode: horizontal keeps label/value in a row; vertical stacks label over value. */
     layout: 'horizontal' | 'vertical';
     /** Columns for vertical grid layout. */
     cols: number;
+    gap: number;
     get gridTemplateColumns(): string | null;
+    copyText(text: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicPortletCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicPortletCardComponent, "ui-portlet-card", never, { "data": { "alias": "data"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicPortletCardComponent, "ui-portlet-card", never, { "title": { "alias": "title"; "required": false; }; "data": { "alias": "data"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; }, {}, never, never, true, never>;
 }
 export interface UicPortletData {
     label: string;
     value: string | number | boolean;
     subtext?: string;
-    type: 'text' | 'money' | 'status' | 'tag' | 'date';
+    type: 'text' | 'money' | 'status' | 'tag' | 'date' | 'copy';
     color?: ButtonColor;
     icon?: string;
     currencyCode?: string;

package/lib/components/work-panel/work-panel.component.d.ts

@@ -0,0 +1,52 @@
+import { AfterViewInit, ChangeDetectorRef, ComponentRef, EventEmitter, Type, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface WorkPanelTabConfig {
+    id?: string;
+    label: string;
+    componentType: Type<any>;
+    componentInputs?: Record<string, any>;
+}
+export declare class UicWorkPanelComponent implements AfterViewInit {
+    private cdr;
+    host: ViewContainerRef;
+    /**
+     * Compatibilidad con la version previa (un unico componente inicial).
+     * Si se envia, se crea como primera pestana.
+     */
+    componentType?: Type<any>;
+    componentInputs: Record<string, any>;
+    /**
+     * Lista inicial de pestanas a renderizar.
+     */
+    tabs: WorkPanelTabConfig[];
+    tabsChange: EventEmitter<WorkPanelTabConfig[]>;
+    tabClosed: EventEmitter<string>;
+    tabSelected: EventEmitter<string>;
+    tabAdded: EventEmitter<string>;
+    addTabRequest: EventEmitter<void>;
+    minPosition: number;
+    showAddButton: boolean;
+    fullView: boolean;
+    isMinimized: boolean;
+    activeTabId?: string;
+    tabInstances: Array<WorkPanelTabConfig & {
+        id: string;
+        componentRef: ComponentRef<any>;
+    }>;
+    private idCounter;
+    private initialized;
+    constructor(cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    private initializeTabs;
+    addTab(tabConfig: WorkPanelTabConfig): string;
+    requestNewTab(): void;
+    selectTab(id: string): void;
+    closeTab(id: string): void;
+    close(): void;
+    minimizePanel(): void;
+    private createTab;
+    private renderActiveTab;
+    private emitTabsChange;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicWorkPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicWorkPanelComponent, "ui-work-panel", never, { "componentType": { "alias": "componentType"; "required": false; }; "componentInputs": { "alias": "componentInputs"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "minPosition": { "alias": "minPosition"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; }, { "tabsChange": "tabsChange"; "tabClosed": "tabClosed"; "tabSelected": "tabSelected"; "tabAdded": "tabAdded"; "addTabRequest": "addTabRequest"; }, never, never, true, never>;
+}

package/lib/services/push-alert.service.d.ts

@@ -7,6 +7,7 @@ export declare class UicPushAlertService {
     show(alertData: AlertConfigParams): void;
     success(message: string, options?: Partial<Alert>): void;
     error(message: string, options?: Partial<Alert>): void;
+    warning(message: string, options?: Partial<Alert>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicPushAlertService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<UicPushAlertService>;
 }

package/lib/services/tiny-alert.service.d.ts

@@ -3,6 +3,11 @@ import * as i0 from "@angular/core";
 export declare class UicTinyAlertService {
     private readonly modal;
     showAlert(data: AlertData): Promise<AlertResponse>;
+    success(message: string, options?: Partial<AlertData>): Promise<AlertResponse>;
+    error(message: string, options?: Partial<AlertData>): Promise<AlertResponse>;
+    warning(message: string, options?: Partial<AlertData>): Promise<AlertResponse>;
+    info(message: string, options?: Partial<AlertData>): Promise<AlertResponse>;
+    deleteConfirmation(message: string, options?: Partial<AlertData>): Promise<AlertResponse>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicTinyAlertService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<UicTinyAlertService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-core-abv",
-  "version": "0.3.1",
+  "version": "0.3.4",
   "peerDependencies": {
     "@angular/common": ">=19.2.0 <21.0.0",
     "@angular/core": ">=19.2.0  <21.0.0",

package/public-api.d.ts

@@ -22,10 +22,12 @@ export * from './lib/components/skeleton-loader/skeleton-loader.component';
 export * from './lib/components/push-alerts/alert-container/alert-container.component';
 export * from './lib/components/inputs/ui-slider/ui-slider.component';
 export * from './lib/components/uic-action-button/uic-action-button.component';
+export * from './lib/components/signature-pad/signature-pad.component';
 export * from './lib/components/dropdown-container/dropdown-container.component';
 export * from './lib/components/kpi-card/kpi-card.component';
 export * from './lib/components/uic-portlet-card/uic-portlet-card.component';
 export * from './lib/components/tabs-button/tabs-button.component';
+export * from './lib/components/work-panel/work-panel.component';
 export * from './lib/animations/animatios.index';
 export * from './lib/components/dynamic-form/form.models';
 export * from './lib/services/modal.service';

package/src/lib/styles/_mixins.scss

@@ -1,5 +1,5 @@
-$breakpoint-md: 400px !default;
-$breakpoint-tablet: 768px !default;
+$breakpoint-md: 480px !default;
+$breakpoint-tablet: 768px !default;
 
 @mixin mobile {
   @media (max-width: #{$breakpoint-md - 1}) {
@@ -17,4 +17,4 @@ $breakpoint-tablet: 768px !default;
   @media (min-width: #{$breakpoint-tablet}) {
     @content;
   }
-}
+}