ui-core-abv 0.1.28 → 0.1.42

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.models.d.ts

@@ -1,3 +1,4 @@
+import { Observable } from "rxjs";
 import { AppSelectOption } from "../inputs/select/select.component";
 export interface FormStep {
     title: string;
@@ -32,12 +33,18 @@ export interface FormField {
     max?: number;
     minLength?: number;
     maxLength?: number;
+    showCounter?: boolean;
     sliderInterval?: number;
     sliderMarks?: number;
     pattern?: RegExp;
     options?: AppSelectOption[];
+    multyoption?: boolean;
+    searchIdKey?: string;
+    searchFn?: (query: string) => Observable<any[]>;
+    searchDisplayFn?: (item: any) => string;
+    searchIsEnabledFn?: (item: any) => boolean;
 }
-export type FieldType = 'text' | 'number' | 'date' | 'select' | 'search' | 'checkbox' | 'switch' | 'slider';
+export type FieldType = 'text' | 'number' | 'date' | 'select' | 'checkbox' | 'switch' | 'textarea' | 'pool' | 'searcher' | 'slider';
 export interface FormResult {
     result: boolean;
     form: any;

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

@@ -19,9 +19,10 @@ export declare class UicCheckboxComponent extends base {
     type: 'check' | 'switch';
     placeholder: string;
     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; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "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/input/input.component.d.ts

@@ -15,5 +15,5 @@ export declare class UicInputComponent {
     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; }; "loading": { "alias": "loading"; "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, ["*", "[counter]"], true, never>;
 }

package/lib/components/inputs/uic-searcher/uic-searcher.component.d.ts

@@ -0,0 +1,55 @@
+import { TemplateRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import { ConnectedPosition } from '@angular/cdk/overlay';
+import * as i0 from "@angular/core";
+declare const base: abstract new () => {
+    value: Record<string, any> | null;
+    valueChange: import("@angular/core").EventEmitter<Record<string, any> | null>;
+    onChange: (value: Record<string, any> | null) => void;
+    onTouched: () => void;
+    writeValue(obj: Record<string, any> | null): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    notifyChange(value: Record<string, any> | null): void;
+};
+export declare class UicSearcherComponent extends base {
+    icon: string;
+    iconColor: 'primary' | 'secondary';
+    internalIcon: string;
+    size: 's' | 'm' | 'l';
+    label: string;
+    error: string;
+    tip: string;
+    showSubtitle: boolean;
+    disabled: boolean;
+    loading: boolean;
+    showSelected: boolean;
+    placeholder: string;
+    searchFn?: (query: string) => Observable<any[]>;
+    itemDisplayFn?: (item: any) => string;
+    itemIsEnabledFn?: (item: any) => boolean;
+    manualSearch: boolean;
+    private readonly searchSubject;
+    results$: Observable<any[]>;
+    selectedOption: Record<string, any> | null;
+    searchText: string;
+    watingApi: boolean;
+    private readonly overlay;
+    private readonly vcr;
+    private readonly host;
+    onSearchChange(value: string): void;
+    triggerSearch(): void;
+    selectItem(item: Record<string, any>): void;
+    clearSearch(): void;
+    unselect(): void;
+    dropdownTemplate: TemplateRef<any>;
+    private overlayRef;
+    overlayPositions: ConnectedPosition[];
+    openList(): void;
+    closeList(): void;
+    writeValue(value: Record<string, any>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicSearcherComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicSearcherComponent, "ui-searcher", 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; }; "showSelected": { "alias": "showSelected"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "itemDisplayFn": { "alias": "itemDisplayFn"; "required": false; }; "itemIsEnabledFn": { "alias": "itemIsEnabledFn"; "required": false; }; "manualSearch": { "alias": "manualSearch"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/lib/components/pool-options/pool-options.component.d.ts

@@ -0,0 +1,32 @@
+import { AppSelectOption } from '../inputs/select/select.component';
+import * as i0 from "@angular/core";
+type selectId = number | string;
+declare const base: abstract new () => {
+    value: selectId[];
+    valueChange: import("@angular/core").EventEmitter<selectId[]>;
+    onChange: (value: selectId[]) => void;
+    onTouched: () => void;
+    writeValue(obj: selectId[]): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    notifyChange(value: selectId[]): void;
+};
+export declare class UicPoolOptionsComponent extends base {
+    icon: string;
+    iconColor: 'primary' | 'secondary';
+    size: 's' | 'm' | 'l';
+    label: string;
+    error: string;
+    tip: string;
+    disabled: boolean;
+    loading: boolean;
+    multy: boolean;
+    options: AppSelectOption[];
+    selectedSet: Set<selectId>;
+    updateOptions(id: selectId): void;
+    writeValue(value: selectId[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicPoolOptionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicPoolOptionsComponent, "ui-pool-options", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "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; }; "multy": { "alias": "multy"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

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[];
@@ -22,12 +23,15 @@ export declare class UicTableComponent {
     action: EventEmitter<TableAction>;
     update: EventEmitter<TableFilters>;
     checkedChange: EventEmitter<(string | number)[]>;
+    allSelected: boolean;
     checkedIds: Set<string | number>;
     sortKey: string;
     sortAsc: boolean;
     filter: string;
     page: number;
-    getValue(data: TableRowData[], key: string): string | number;
+    ngOnInit(): void;
+    getValue(data: TableRowData[], key: string): string;
+    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;
@@ -42,10 +46,9 @@ export declare class UicTableComponent {
     toggleSelection(id: string | number, checked: boolean): void;
     toggleAll(checked: boolean): void;
     areAllSelected(): void;
-    allSelected: boolean;
     ngOnChanges(): void;
     doAction(rowId: string | number, key: string): void;
     resetCheckedIds(): 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; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; }, { "action": "action"; "update": "update"; "checkedChange": "checkedChange"; }, never, ["[actions]"], 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; }; "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; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; }, { "action": "action"; "update": "update"; "checkedChange": "checkedChange"; }, never, ["[actions]", "[filters]"], true, never>;
 }

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

@@ -1,16 +1,20 @@
-import { ButtonColor } from "../button/button.component";
+import { ButtonColor, ButtonType } from "../button/button.component";
 export interface TableColums {
     label: string;
     key: string;
+    width?: number;
+    align?: 'flex-start' | 'flex-end' | 'center';
     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[];
 }

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/package.json

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

package/public-api.d.ts

@@ -5,13 +5,14 @@ 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';
+export * from './lib/components/inputs/uic-searcher/uic-searcher.component';
 export * from './lib/components/inputs/select/select.component';
 export * from './lib/components/table/table.component';
 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/lib/components/inputs/searcher/searcher.component.d.ts

@@ -1,46 +0,0 @@
-import { Overlay, OverlayPositionBuilder, OverlayRef } from '@angular/cdk/overlay';
-import { ElementRef, EventEmitter, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
-import { Observable } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class UicSearcherComponent {
-    private readonly renderer;
-    private readonly overlay;
-    private readonly positionBuilder;
-    private readonly vcr;
-    icon: string;
-    iconColor: 'primary' | 'secondary' | 'error' | 'light' | 'grey';
-    internalIcon: string;
-    size: 's' | 'm' | 'l';
-    label: string;
-    error: string;
-    tip: string;
-    disabled: boolean;
-    showSelected: boolean;
-    placeholder: string;
-    open: boolean;
-    searchFn: (query: string) => Observable<any[]>;
-    itemDisplayFn: (item: any) => string;
-    itemIsEnabledFn: (item: any) => boolean;
-    manualSearch: boolean;
-    selectedItem: any;
-    selectedItemChange: EventEmitter<any>;
-    isLoading: boolean;
-    searchText: string;
-    private readonly searchSubject;
-    results$: Observable<any[]>;
-    toggleButton: ElementRef;
-    private unlistener;
-    constructor(renderer: Renderer2, overlay: Overlay, positionBuilder: OverlayPositionBuilder, vcr: ViewContainerRef);
-    openList(): void;
-    onSearchChange(value: string): void;
-    triggerSearch(): void;
-    selectItem(item: any): void;
-    clearSearch(): void;
-    unselect(): void;
-    dropdownTemplateRef: TemplateRef<any>;
-    overlayRef: OverlayRef;
-    closeOverlay(): void;
-    openOverlay(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UicSearcherComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicSearcherComponent, "ui-searcher", 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; }; "showSelected": { "alias": "showSelected"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "itemDisplayFn": { "alias": "itemDisplayFn"; "required": false; }; "itemIsEnabledFn": { "alias": "itemIsEnabledFn"; "required": false; }; "manualSearch": { "alias": "manualSearch"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; }, { "selectedItemChange": "selectedItemChange"; }, never, never, true, never>;
-}