ui-core-abv 0.1.1 → 0.1.3

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

@@ -6,8 +6,8 @@ export declare class UicButtonComponent {
     iconOnly: boolean;
     disabled: boolean;
     loading: boolean;
-    size: 't' | 's' | 'm' | 'l' | 'g';
-    type: 'filled' | 'bordered' | 'ghost';
+    size: ButtonSize;
+    type: ButtonType;
     color: ButtonColor;
     buttonTypeClass: string;
     ngOnInit(): void;
@@ -15,3 +15,5 @@ export declare class UicButtonComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<UicButtonComponent, "ui-button", never, { "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export type ButtonColor = 'primary' | 'secondary' | 'red' | 'green' | 'blue' | 'yellow' | 'black';
+export type ButtonSize = 't' | 's' | 'm' | 'l' | 'g';
+export type ButtonType = 'filled' | 'bordered' | 'ghost';

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

@@ -1,31 +1,39 @@
 import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { FormBlock, FormField, FormResult, FormSchema } from '../form.models';
-import { FormArray, FormGroup } from '@angular/forms';
+import { FormField, FormResult, FormSchema } from '../form.models';
+import { FormGroup } from '@angular/forms';
 import { AppSelectOption } from '../../inputs/select/select.component';
 import * as i0 from "@angular/core";
 export declare class UicFormWrapperComponent implements OnChanges {
+    private readonly fb;
+    form: FormGroup;
+    currentStep: number;
     schema: FormSchema;
     externalData: Record<string, AppSelectOption[]>;
     loading: boolean;
+    disabled: boolean;
     initialValues: Record<string, any>;
-    useSteps: boolean;
     formSubmit: EventEmitter<FormResult>;
-    private readonly fb;
-    form: FormGroup;
-    currentStep: number;
+    formChange: EventEmitter<any>;
+    private readonly destroy$;
     ngOnChanges(changes: SimpleChanges): void;
-    private handleSchemaChange;
-    handleSubmit(): void;
-    private collectAllFields;
-    logFormErrors(form: FormGroup | FormArray, parentKey?: string): void;
-    updateExtenalData(): void;
-    updateFieldOptions(block: FormBlock): FormField[];
+    private handleNgOnChange;
     private buildForm;
+    ngOnDestroy(): void;
+    private updateDisabledState;
+    private updateExtenalData;
     private mapValidatorsFromField;
-    getCurrentBlocks(): FormBlock[];
-    nextStep(): void;
-    prevStep(): void;
-    getStepTitle(): string;
+    handleSubmit(): FormResult;
+    private handleFormChange;
+    private updateFieldOptions;
+    private collectAllFields;
+    updateFieldValue(name: string, value: any): void;
+    updateFieldDisabled(name: string, disabled: boolean): void;
+    updateFieldLoading(name: string, loading: boolean): void;
+    private updateSchemaField;
+    addFieldControl(field: FormField, after?: string): void;
+    private newFieldInitialValue;
+    private insertField;
+    removeFieldControl(name: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicFormWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicFormWrapperComponent, "ui-form-wrapper", never, { "schema": { "alias": "schema"; "required": false; }; "externalData": { "alias": "externalData"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; }, { "formSubmit": "formSubmit"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicFormWrapperComponent, "ui-form-wrapper", never, { "schema": { "alias": "schema"; "required": false; }; "externalData": { "alias": "externalData"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; }, never, never, true, never>;
 }

package/lib/components/dynamic-form/form.models.d.ts

@@ -1,17 +1,17 @@
 import { AppSelectOption } from "../inputs/select/select.component";
+export interface FormStep {
+    title: string;
+    form: FormSchema;
+    required?: boolean;
+    okButtonText?: string;
+    cancelButtonText?: string;
+}
 export interface FormSchema {
     cols: number;
-    steps?: FormStep[];
     blocks?: FormBlock[];
 }
-export interface FormStep {
-    title?: string;
-    description?: string;
-    blocks: FormBlock[];
-}
 export interface FormBlock {
     title?: string;
-    disabled?: boolean;
     fields: FormField[];
 }
 export interface FormField {
@@ -20,6 +20,7 @@ export interface FormField {
     label: string;
     icon?: string;
     disabled?: boolean;
+    loading?: boolean;
     tooltip?: string;
     tip?: string;
     colSpan?: number;

package/lib/components/dynamic-form/steps-form/step-tabs/step-tabs.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class StepTabsComponent {
+    tabs: string[];
+    currentTab: string;
+    navigationEnabled: boolean;
+    showStepTitle: boolean;
+    currentTabChange: EventEmitter<string>;
+    currentIndex: number;
+    changeTab(newTab: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepTabsComponent, "ui-step-tabs", never, { "tabs": { "alias": "tabs"; "required": false; }; "currentTab": { "alias": "currentTab"; "required": false; }; "navigationEnabled": { "alias": "navigationEnabled"; "required": false; }; "showStepTitle": { "alias": "showStepTitle"; "required": false; }; }, { "currentTabChange": "currentTabChange"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,34 @@
+import { EventEmitter, QueryList } from '@angular/core';
+import { FormResult, FormStep } from '../form.models';
+import { ButtonColor } from '../../button/button.component';
+import { UicFormWrapperComponent } from '../form-wrapper/form-wrapper.component';
+import * as i0 from "@angular/core";
+export declare class UicStepsFormComponent {
+    allForms: QueryList<UicFormWrapperComponent>;
+    steps: FormStep[];
+    navigationEnabled: boolean;
+    showStepTitle: boolean;
+    showButtons: boolean;
+    buttonsColor: ButtonColor;
+    formSubmit: EventEmitter<FormResult>;
+    externalData: {};
+    formDisabled: boolean;
+    loading: boolean;
+    tabs: string[];
+    completedForms: Map<string, Record<string, any>>;
+    currentTabTitle: string;
+    ngOnInit(): void;
+    private getFormByTitle;
+    updateFieldValue(step: string, controlName: string, value: string): void;
+    updateFildDisabled(step: string, controlName: string, value: boolean): void;
+    updateFildLoading(step: string, controlName: string, value: boolean): void;
+    next(): void;
+    back(): void;
+    private handleStepSubmit;
+    private getMergedForm;
+    get currentIdx(): number;
+    get isFirst(): boolean;
+    get isLast(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicStepsFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicStepsFormComponent, "ui-steps-form", never, { "steps": { "alias": "steps"; "required": false; }; "navigationEnabled": { "alias": "navigationEnabled"; "required": false; }; "showStepTitle": { "alias": "showStepTitle"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "buttonsColor": { "alias": "buttonsColor"; "required": false; }; }, { "formSubmit": "formSubmit"; }, never, never, true, never>;
+}

package/lib/components/inputs/checkbox/checkbox.component.d.ts

@@ -18,10 +18,11 @@ export declare class UicCheckboxComponent extends base {
     tip: string;
     type: 'check' | 'switch';
     placeholder: string;
-    disabled: boolean;
     loading: boolean;
+    noPadding: boolean;
+    disabled: boolean;
     toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicCheckboxComponent, "ui-checkbox", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "label": { "alias": "label"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicCheckboxComponent, "ui-checkbox", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "label": { "alias": "label"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "noPadding": { "alias": "noPadding"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export {};

package/lib/components/inputs/date-picker/date-picker.component.d.ts

@@ -18,10 +18,10 @@ export declare class UicDatePickerComponent extends base {
     icon: string;
     iconColor: ButtonColor;
     internalIcon: string;
+    disabled: boolean;
     label: string;
     error: string;
     tip: string;
-    disabled: boolean;
     max: string;
     min: string;
     calendarTemplate: TemplateRef<any>;
@@ -61,6 +61,6 @@ export declare class UicDatePickerComponent extends base {
     cleanInput(): void;
     pickToday(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicDatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicDatePickerComponent, "ui-date-picker", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "internalIcon": { "alias": "internalIcon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicDatePickerComponent, "ui-date-picker", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "internalIcon": { "alias": "internalIcon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; }, {}, never, never, true, never>;
 }
 export {};

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

@@ -10,9 +10,10 @@ export declare class UicInputComponent {
     error: string;
     tip: string;
     disabled: boolean;
+    loading: boolean;
     clickButton: EventEmitter<boolean>;
     disableBtn: boolean;
     disableButton(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicInputComponent, "ui-input", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "internalIcon": { "alias": "internalIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "clickButton": "clickButton"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicInputComponent, "ui-input", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "internalIcon": { "alias": "internalIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "clickButton": "clickButton"; }, never, ["*"], true, never>;
 }

package/lib/components/inputs/select/select.component.d.ts

@@ -22,8 +22,9 @@ export declare class UicSelectComponent extends base {
     error: string;
     tip: string;
     showSubtitle: boolean;
-    emptyText: string;
     disabled: boolean;
+    emptyText: string;
+    loading: boolean;
     nullable: boolean;
     options: AppSelectOption[];
     dropdownTemplate: TemplateRef<any>;
@@ -33,14 +34,13 @@ export declare class UicSelectComponent extends base {
     private readonly overlay;
     private readonly vcr;
     private readonly host;
-    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     openList(): void;
     selectOption(option: AppSelectOption | null): void;
     closeList(): void;
     writeValue(value: string | number | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicSelectComponent, "ui-select", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "internalIcon": { "alias": "internalIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "showSubtitle": { "alias": "showSubtitle"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "nullable": { "alias": "nullable"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicSelectComponent, "ui-select", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "internalIcon": { "alias": "internalIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "showSubtitle": { "alias": "showSubtitle"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "nullable": { "alias": "nullable"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
 }
 export interface AppSelectOption {
     id?: string | number | null;

package/lib/components/modal/side-modal/side-modal.component.d.ts

@@ -23,6 +23,7 @@ export declare class UicSideModalComponent {
     ngAfterViewInit(): void;
     closeOuside(): void;
     close(): void;
+    cancel(): void;
     onAnimationDone(event: any): void;
     save(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicSideModalComponent, never>;

package/lib/components/modal/side-modal/sideModalConfig.model.d.ts

@@ -5,7 +5,10 @@ export interface SideModalConfig<T = any> {
     footerEnabled?: boolean;
     footerOkButtonText?: string;
     showCancelButton?: boolean;
+    preventCloseOnCancel?: boolean;
     footerCancelButtonText?: string;
+    footerCancelIcon?: string;
+    footerOkIcon?: string;
     headerEnabled?: boolean;
     width?: string;
 }

package/lib/components/status-label/status-label.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class UicStatusLabelComponent {
+    color: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicStatusLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicStatusLabelComponent, "ui-status-label", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
-import { TableAction, TableColums, TableRow, TableFilters, TableRowData } from './table.models';
+import { TableAction, TableColums, TableRow, TableFilters, TableRowData, TableButton } from './table.models';
+import { ActionMenuOption } from '../uic-action-button/uic-action-button.component';
 import * as i0 from "@angular/core";
 export declare class UicTableComponent {
     columns: TableColums[];
@@ -28,6 +29,7 @@ export declare class UicTableComponent {
     filter: string;
     page: number;
     getValue(data: TableRowData[], key: string): string | number;
+    getMoreActions(actions: TableButton[]): ActionMenuOption[];
     getFontColor(data: TableRowData[], key: string): string;
     getBackgroundColor(data: TableRowData[], key: string): import("ui-core-abv").BackgroundColors;
     isValidRule(data: TableRowData[], key: string[] | undefined): boolean;

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

@@ -1,16 +1,19 @@
-import { ButtonColor } from "../button/button.component";
+import { ButtonColor, ButtonType } from "../button/button.component";
 export interface TableColums {
     label: string;
     key: string;
+    width?: number;
     type: ColumnTypes;
     sortEnable?: boolean;
     actions?: TableButton[];
+    moreActions?: TableButton[];
 }
 export interface TableButton {
     key: string;
     color: ButtonColor;
     icon?: string;
     text?: string;
+    type?: ButtonType;
     tooltip?: string;
     rule?: string[];
 }
@@ -44,7 +47,7 @@ export interface TableAction {
     rowId: number | string;
     key: string;
 }
-export type ColumnTypes = 'actions' | 'text' | 'list' | 'user' | 'checkbox' | 'icon-list';
+export type ColumnTypes = 'actions' | 'text' | 'list' | 'user' | 'checkbox' | 'icon-list' | 'status';
 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/uic-action-button/uic-action-button.component.d.ts

@@ -0,0 +1,36 @@
+import { ConnectedPosition } from '@angular/cdk/overlay';
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { ButtonSize } from '../button/button.component';
+import * as i0 from "@angular/core";
+export declare class UicActionButtonComponent {
+    icon: string;
+    options: ActionMenuOption[];
+    multiselect: boolean;
+    size: ButtonSize;
+    optionSelected: EventEmitter<ActionMenuOption>;
+    optionsApplied: EventEmitter<ActionMenuOption[]>;
+    menuTemplate: TemplateRef<any>;
+    private overlayRef;
+    private readonly overlay;
+    private readonly vcr;
+    private readonly host;
+    selectedSet: Set<string | number>;
+    allSelected: boolean;
+    overlayPositions: ConnectedPosition[];
+    openMenu(): void;
+    /** SINGLE SELECT MODE */
+    selectOption(option: ActionMenuOption): void;
+    /** MULTISELECT MODE */
+    toggleOption(opt: ActionMenuOption): void;
+    toggleAll(checked: boolean): void;
+    applySelection(): void;
+    updateAllSelected(): void;
+    closeMenu(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicActionButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicActionButtonComponent, "ui-action-button", never, { "icon": { "alias": "icon"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiselect": { "alias": "multiselect"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "optionSelected": "optionSelected"; "optionsApplied": "optionsApplied"; }, never, never, true, never>;
+}
+export interface ActionMenuOption {
+    id: string;
+    label: string;
+    icon?: string;
+}

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

@@ -13,8 +13,8 @@ export declare class UicModalService {
     close(overlayRef: OverlayRef, result?: any): void;
     closeFloating(overlayRef: OverlayRef, result?: any): void;
     private readonly _save$;
-    save$: import("rxjs").Observable<void>;
-    triggerSave(): void;
+    save$: import("rxjs").Observable<boolean>;
+    triggerSave(result?: boolean): void;
     private createOverlayConfig;
     private createModalInjector;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicModalService, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-core-abv",
-  "version": "0.01.01",
+  "version": "0.1.3",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0",

package/public-api.d.ts

@@ -2,6 +2,7 @@ export * from './lib/components/button/button.component';
 export * from './lib/components/inputs/checkbox/checkbox.component';
 export * from './lib/components/inputs/toggle-button/toggle-button.component';
 export * from './lib/components/dynamic-form/form-wrapper/form-wrapper.component';
+export * from './lib/components/dynamic-form/steps-form/steps-form.component';
 export * from './lib/components/inputs/input/input.component';
 export * from './lib/components/inputs/date-picker/date-picker.component';
 export * from './lib/components/inputs/searcher/searcher.component';
@@ -11,6 +12,7 @@ export * from './lib/components/table/table.models';
 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/animations/animatios.index';
 export * from './lib/components/dynamic-form/form.models';
 export * from './lib/services/modal.service';

package/src/lib/styles/_tokens.scss

@@ -1,7 +1,6 @@
 
 @use './default_colors' as *;
 
-
 :root {
   // Grey palette
   @each $shade, $color in $grey {
@@ -59,4 +58,8 @@
   --design-size-ref:10px; 
   --form-ref: 10px;
 
+  --disabled-color: var(--grey-700);
+  --disabled-color-placeholder: var(--grey-300);
+  --disabled-background: var(--grey-200);
+
 }